From 6855ad3633abe7f296f1aedf83e8c3779f7fc904 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 9 Feb 2026 18:11:47 +0000
Subject: [PATCH 01/43] Bump lodash from 4.17.21 to 4.17.23

Bumps [lodash](https://github.com/lodash/lodash) from 4.17.21 to 4.17.23.
- [Release notes](https://github.com/lodash/lodash/releases)
- [Commits](https://github.com/lodash/lodash/compare/4.17.21...4.17.23)

---
updated-dependencies:
- dependency-name: lodash
  dependency-version: 4.17.23
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package-lock.json | 49 ++++++++++++++++-------------------------------
 1 file changed, 16 insertions(+), 33 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 31c6ea5d..90e25150 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -717,6 +717,7 @@
       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.25.2.tgz",
       "integrity": "sha512-BBt3opiCOxUr9euZ5/ro/Xv8/V7yJ5bjYMqG/C1YAo8MIKAnumZalCN+msbci3Pigy4lIQfPUpfMM27HMGaYEA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.24.7",
@@ -746,13 +747,15 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
       "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/@angular/compiler-cli/node_modules/@babel/core/node_modules/semver": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
       "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
       "license": "ISC",
+      "peer": true,
       "bin": {
         "semver": "bin/semver.js"
       }
@@ -762,6 +765,7 @@
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
       "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "readdirp": "^4.0.1"
       },
@@ -777,6 +781,7 @@
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
       "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">= 14.18.0"
       },
@@ -946,7 +951,6 @@
       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.26.10.tgz",
       "integrity": "sha512-vMqyb7XCDMPvJFFOaT9kxtiRh42GwlZEg1/uIgtZshS5a/8OaduUfCi7kynKgc3Tw/6Uo2D+db9qBttghhmxwQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.26.2",
@@ -3506,7 +3510,6 @@
       "integrity": "sha512-b2BudQY/Si4Y2a0PdZZL6BeJtl8llgeZa7U2j47aaJSCeAl1e4UI7y8a9bSkO3o/ZbZrgT5muy/34JbsjfIWxA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@inquirer/checkbox": "^2.4.7",
         "@inquirer/confirm": "^3.1.22",
@@ -5406,7 +5409,6 @@
       "integrity": "sha512-hrmi5jWt2w60ayox3iIXwpMEnfUvOLJCRtrOPbHtH15nTjvO7uhnelvrdAs0dO0/zl5DZ3ZbahiaXEVb54ca/A==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "undici-types": "~5.26.4"
       }
@@ -5577,7 +5579,6 @@
       "integrity": "sha512-TGf22kon8KW+DeKaUmOibKWktRY8b2NSAZNdtWh798COm1NWx8+xJ6iFBtk3IvLdv6+LGLJLRlyhrhEDZWargQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.45.0",
         "@typescript-eslint/types": "8.45.0",
@@ -5685,7 +5686,6 @@
       "integrity": "sha512-WugXLuOIq67BMgQInIxxnsSyRLFxdkJEJu8r4ngLR56q/4Q5LrbfkFRH27vMTjxEK8Pyz7QfzuZe/G15qQnVRA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
@@ -5755,7 +5755,6 @@
       "integrity": "sha512-bxi1ht+tLYg4+XV2knz/F7RVhU0k6VrSMc9sb8DQ6fyCTrGQLHfo7lDtN0QJjZjKkLA2ThrKuCdHEvLReqtIGg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.7.0",
         "@typescript-eslint/scope-manager": "8.45.0",
@@ -6027,7 +6026,6 @@
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -6114,7 +6112,6 @@
       "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.3",
         "fast-uri": "^3.0.1",
@@ -6802,7 +6799,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.8.9",
         "caniuse-lite": "^1.0.30001746",
@@ -8045,8 +8041,7 @@
       "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.1367902.tgz",
       "integrity": "sha512-XxtPuC3PGakY6PD7dG66/o8KwJ/LkH2/EKe19Dcw58w53dv4/vSQEkn/SzuyhHE2q4zPgCkxQBxus3VV4ql+Pg==",
       "dev": true,
-      "license": "BSD-3-Clause",
-      "peer": true
+      "license": "BSD-3-Clause"
     },
     "node_modules/di": {
       "version": "0.0.1",
@@ -8579,7 +8574,6 @@
       "integrity": "sha512-hB4FIzXovouYzwzECDcUkJ4OcfOEkXTv2zRY6B9bkwjx/cprAq0uvm1nl7zvQ0/TsUk0zQiN4uPfJpB9m+rPMQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.1",
@@ -10998,8 +10992,7 @@
       "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-4.6.1.tgz",
       "integrity": "sha512-VYz/BjjmC3klLJlLwA4Kw8ytk0zDSmbbDLNs794VnWmkcCB7I9aAL/D48VNQtmITyPvea2C3jdUMfc3kAoy0PQ==",
       "dev": true,
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/jest-worker": {
       "version": "27.5.1",
@@ -11148,6 +11141,7 @@
       "resolved": "https://registry.npmjs.org/jsrsasign/-/jsrsasign-11.1.0.tgz",
       "integrity": "sha512-Ov74K9GihaK9/9WncTe1mPmvrO7Py665TUfUKvraXBpu+xcTWitrtuOwcjf4KMU9maPaYn0OuaWy0HOzy/GBXg==",
       "license": "MIT",
+      "peer": true,
       "funding": {
         "url": "https://github.com/kjur/jsrsasign#donations"
       }
@@ -11156,6 +11150,7 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/jsrsasign-util/-/jsrsasign-util-1.0.5.tgz",
       "integrity": "sha512-e5Kp8aaT5GH2c5X8j4uaJruYmT4GcnaGb47nw8m60YqPywtnOtTISZ9hZgtZ3a+jh7B27bU2LCf3Y32wZyfhtQ==",
+      "peer": true,
       "dependencies": {
         "jsonc-parser": ">= 0.0.1",
         "jsrsasign": ">= 4.8.2"
@@ -11167,7 +11162,6 @@
       "integrity": "sha512-LrtUxbdvt1gOpo3gxG+VAJlJAEMhbWlM4YrFQgql98FwF7+K8K12LYO4hnDdUkNjeztYrOXEMqgTajSWgmtI/w==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@colors/colors": "1.5.0",
         "body-parser": "^1.19.0",
@@ -11598,7 +11592,6 @@
       "integrity": "sha512-P3b3HJDBtSzsXUl0im2L7gTO5Ubg8mEN6G8qoTS77iXxXX4Hvu4Qj540PZDvQ8V6DmX6iXo98k7Md0Cm1PrLaA==",
       "dev": true,
       "license": "Apache-2.0",
-      "peer": true,
       "dependencies": {
         "copy-anything": "^2.0.1",
         "parse-node-version": "^1.0.1",
@@ -11929,9 +11922,9 @@
       }
     },
     "node_modules/lodash": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "version": "4.17.23",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.23.tgz",
+      "integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==",
       "dev": true,
       "license": "MIT"
     },
@@ -12790,7 +12783,6 @@
       "integrity": "sha512-dy9ZDpZb3QpAz+Y/m8VAu7ctr2VrnRU3gmQwJagnNybVJtCsKn3lZA3IW7Z7GTLoG5IALSPouiCgiB/C8ozv7w==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@rollup/plugin-json": "^6.1.0",
         "@rollup/plugin-node-resolve": "^15.2.3",
@@ -14143,7 +14135,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "nanoid": "^3.3.7",
         "picocolors": "^1.0.1",
@@ -14617,7 +14608,8 @@
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/reflect-metadata/-/reflect-metadata-0.2.2.tgz",
       "integrity": "sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q==",
-      "license": "Apache-2.0"
+      "license": "Apache-2.0",
+      "peer": true
     },
     "node_modules/regenerate": {
       "version": "1.4.2",
@@ -15043,7 +15035,6 @@
       "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
       "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
       "license": "Apache-2.0",
-      "peer": true,
       "dependencies": {
         "tslib": "^2.1.0"
       }
@@ -15100,7 +15091,6 @@
       "integrity": "sha512-ByXE1oLD79GVq9Ht1PeHWCPMPB8XHpBuz1r85oByKHjZY6qV6rWnQovQzXJXuQ/XyE1Oj3iPk3lo28uzaRA2/Q==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "chokidar": ">=3.0.0 <4.0.0",
         "immutable": "^4.0.0",
@@ -16363,7 +16353,6 @@
       "integrity": "sha512-PQ4DAriWzKj+qgehQ7LK5bQqCFNMmlhjR2PFFLuqGCpuCAauxemVBWwWOxo3UIwWQx8+Pr61Df++r76wDmkQBg==",
       "dev": true,
       "license": "BSD-2-Clause",
-      "peer": true,
       "dependencies": {
         "@jridgewell/source-map": "^0.3.3",
         "acorn": "^8.8.2",
@@ -16610,8 +16599,7 @@
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-      "license": "0BSD",
-      "peer": true
+      "license": "0BSD"
     },
     "node_modules/tuf-js": {
       "version": "2.2.1",
@@ -16687,7 +16675,6 @@
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.5.4.tgz",
       "integrity": "sha512-Mtq29sKDAEYP7aljRgtPOpTvOfbwRWlS6dPRzwjdE+C0R4brX/GUyhHSecbHMFLNBLcJIPt9nl9yG5TZ1weH+Q==",
       "license": "Apache-2.0",
-      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -17235,7 +17222,6 @@
       "integrity": "sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "esbuild": "^0.21.3",
         "postcss": "^8.4.43",
@@ -17806,7 +17792,6 @@
       "integrity": "sha512-KcsGn50VT+06JH/iunZJedYGUJS5FGjow8wb9c0v5n1Om8O1g4L6LjtfxwlXIATopoQu+vOXXa7gYisWxCoPyg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/estree": "^1.0.5",
         "@webassemblyjs/ast": "^1.12.1",
@@ -17884,7 +17869,6 @@
       "integrity": "sha512-QcQ72gh8a+7JO63TAx/6XZf/CWhgMzu5m0QirvPfGvptOusAxG12w2+aua1Jkjr7hzaWDnJ2n6JFeexMHI+Zjg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/bonjour": "^3.5.13",
         "@types/connect-history-api-fallback": "^1.5.4",
@@ -18015,7 +17999,6 @@
       "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",

From 152bfe1e3bf2122bf98d681667f595ad489762cd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Mon, 16 Feb 2026 17:50:41 +0200
Subject: [PATCH 02/43] Update to Angular 21

---
 .github/workflows/main.yml                    |    10 +-
 .../{veracode-18x.yml => veracode-21x.yml}    |     6 +-
 angular.json                                  |    26 +-
 gulpfile.js                                   |    44 +-
 package-lock.json                             | 13195 +++++++++-------
 package.json                                  |    79 +-
 projects/lf-cdn/karma.conf.js                 |     7 +-
 projects/lf-cdn/src/app/app.component.spec.ts |     2 +-
 projects/lf-cdn/src/app/app.component.ts      |     7 +-
 projects/lf-cdn/src/app/app.module.ts         |    33 -
 projects/lf-cdn/src/main.ts                   |    13 +-
 projects/lf-documentation/karma.conf.js       |     2 +-
 .../lf-documentation/src/app/app.component.ts |    28 +-
 .../{app-routing.module.ts => app.config.ts}  |   164 +-
 .../lf-documentation/src/app/app.module.ts    |   108 -
 .../src/app/card/card.component.ts            |     9 +-
 ...onvert-component-to-element.component.html |    16 +-
 .../convert-component-to-element.component.ts |     8 +-
 .../example-npm-usage-in-angular.component.ts |     8 +-
 .../example-usage-basic-steps.directive.ts    |     5 +-
 .../example-usage-in-angular.component.ts     |     8 +-
 .../example-usage-in-html.component.ts        |     8 +-
 .../example-usage-in-react.component.ts       |     8 +-
 .../getting-started.component.ts              |     8 +-
 ...f-breadcrumbs-documentation.component.html |     2 +-
 .../lf-breadcrumbs-documentation.component.ts |    42 +-
 .../lf-checklist-documentation.component.html |     4 +-
 .../lf-checklist-documentation.component.ts   |    35 +-
 ...hoc-container-documentation.component.html |     4 +-
 ...adhoc-container-documentation.component.ts |    27 +-
 ...eld-container-documentation.component.html |     4 +-
 ...field-container-documentation.component.ts |    20 +-
 .../lf-field-documentation.component.ts       |     8 +-
 ...ate-container-documentation.component.html |     2 +-
 ...plate-container-documentation.component.ts |    35 +-
 .../lf-login-documentation.component.html     |     8 +-
 .../lf-login-documentation.component.ts       |    36 +-
 ...itory-browser-documentation.component.html |     8 +-
 ...ository-browser-documentation.component.ts |    84 +-
 .../lf-toolbar-documentation.component.html   |     4 +-
 .../lf-toolbar-documentation.component.ts     |    17 +-
 ...user-feedback-documentation.component.html |     8 +-
 ...f-user-feedback-documentation.component.ts |    12 +-
 .../src/app/overview/overview.component.html  |     2 +-
 .../src/app/overview/overview.component.ts    |    17 +-
 .../styling-documentation.component.ts        |     9 +-
 .../troubleshooting.component.html            |     4 +-
 .../troubleshooting.component.ts              |    13 +-
 projects/lf-documentation/src/main.ts         |     7 +-
 .../general-dialog-layout.component.spec.ts   |     8 +-
 .../general-dialog-layout.component.ts        |     8 +-
 .../general-dialog-layout.module.ts           |    20 -
 .../lf-internal-shared-public-api.ts          |     4 -
 .../lf-loader/lf-loader.component.ts          |     9 +-
 .../lf-loader/lf-loader.module.ts             |    20 -
 .../lf-modals/lf-modals.module.ts             |    32 -
 .../lf-popup-modal.component.ts               |    10 +-
 .../lf-toast-message.component.ts             |     9 +-
 .../lf-toast-message.module.ts                |    19 -
 projects/ui-components/karma.conf.js          |     2 +-
 .../items/items-validation-text.pipe.ts       |     3 +-
 .../lf-checklist/items/items.component.ts     |    15 +-
 .../lf-checklist/lf-checklist-public-api.ts   |     2 -
 .../lf-checklist/lf-checklist.module.ts       |    55 -
 .../lf-checklist/lf-checklist.component.ts    |    11 +-
 .../lf-checklist/options/options.component.ts |    11 +-
 .../lf-login/lf-login-public-api.ts           |     2 -
 .../lf-login/lf-login.component.ts            |    10 +-
 .../ui-components/lf-login/lf-login.module.ts |    37 -
 .../base-field/base-field.directive.ts        |    11 +-
 .../datetime-base-field.directives.ts         |    12 +-
 .../date-field/date-field.component.ts        |    25 +-
 .../date-time-field.component.ts              |    24 +-
 .../dynamic-field/dynamic-field.component.ts  |    13 +-
 .../lf-field-base/lf-field-base.module.ts     |    65 -
 .../lf-field-base/lf-field-base.component.ts  |    15 +-
 .../lf-field-base/lf-field-token.service.ts   |     8 +-
 .../list-field/list-field.component.ts        |    21 +-
 .../number-field/number-field.component.ts    |    36 +-
 .../text-field/text-field.component.ts        |    35 +-
 .../time-field/time-field.component.ts        |    24 +-
 .../lf-token-picker.component.ts              |    12 +-
 .../lf-token-picker/lf-token-picker.module.ts |    17 -
 .../field-components.module.ts                |    42 -
 .../lf-field-group-index-display.pipe.ts      |     3 +-
 .../lf-field-group.component.ts               |    19 +-
 .../lf-field-multivalue.component.ts          |    15 +-
 .../lf-field/lf-field.component.ts            |    15 +-
 .../uni-date-time.component.ts                |    13 +-
 .../uni-date-time.module.ts                   |    28 -
 .../uni-date-time.service.ts                  |     5 +-
 .../get-field-type.pipe.ts                    |     3 +-
 .../lf-field-add-remove.component.ts          |    18 +-
 .../lf-field-adhoc-container.component.ts     |    12 +-
 .../lf-field-container.component.ts           |    10 +-
 .../lf-field-template-container.component.ts  |    15 +-
 .../lf-metadata/lf-field-view.directive.ts    |     3 +-
 .../lf-metadata/lf-metadata-public-api.ts     |     2 -
 .../lf-metadata/lf-metadata.module.ts         |    86 -
 .../lf-repository-browser-public-api.ts       |     1 -
 .../lf-repository-browser.component.ts        |    13 +-
 .../lf-repository-browser.module.ts           |    36 -
 .../lf-selection-list-data-source.ts          |     6 +-
 .../lf-selection-list-public-api.ts           |     2 -
 .../lf-selection-list.component.spec.ts       |    16 +-
 .../lf-selection-list.component.ts            |    26 +-
 .../lf-selection-list.module.ts               |    31 -
 .../resize-column.directive.spec.ts           |    13 +-
 .../resize-column.directive.ts                |     3 +-
 .../feedback-image-upload.component.ts        |    11 +-
 .../feedback-submission.component.spec.ts     |     8 +-
 .../feedback-submission.component.ts          |    14 +-
 ...feedback-suggestion-selection.component.ts |     9 +-
 .../lf-user-feedback-public-api.ts            |     2 -
 .../lf-user-feedback.component.ts             |     9 +-
 .../lf-user-feedback.module.ts                |    46 -
 .../user-feedback-dialog.component.spec.ts    |    12 +-
 .../user-feedback-dialog.component.ts         |    12 +-
 projects/ui-components/package-lock.json      |   868 +-
 projects/ui-components/package.json           |    36 +-
 .../lf-breadcrumbs-public-api.ts              |     1 -
 .../lf-breadcrumbs.component.ts               |    11 +-
 .../lf-breadcrumbs/lf-breadcrumbs.module.ts   |    33 -
 .../lf-toolbar/lf-toolbar-public-api.ts       |     2 -
 .../shared/lf-toolbar/lf-toolbar.component.ts |    11 +-
 .../shared/lf-toolbar/lf-toolbar.module.ts    |    33 -
 projects/ui-components/tsconfig.lib.json      |     6 +-
 tsconfig.json                                 |     6 +-
 types-lf-ui-components-publish/package.json   |     2 +-
 129 files changed, 8466 insertions(+), 7921 deletions(-)
 rename .github/workflows/{veracode-18x.yml => veracode-21x.yml} (96%)
 delete mode 100644 projects/lf-cdn/src/app/app.module.ts
 rename projects/lf-documentation/src/app/{app-routing.module.ts => app.config.ts} (87%)
 delete mode 100644 projects/lf-documentation/src/app/app.module.ts
 delete mode 100644 projects/ui-components/internal-shared/general-dialog-layout/general-dialog-layout.module.ts
 delete mode 100644 projects/ui-components/internal-shared/lf-loader/lf-loader.module.ts
 delete mode 100644 projects/ui-components/internal-shared/lf-modals/lf-modals.module.ts
 delete mode 100644 projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.module.ts
 delete mode 100644 projects/ui-components/lf-checklist/lf-checklist.module.ts
 delete mode 100644 projects/ui-components/lf-login/lf-login.module.ts
 delete mode 100644 projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base.module.ts
 delete mode 100644 projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.module.ts
 delete mode 100644 projects/ui-components/lf-metadata/field-components/field-components.module.ts
 delete mode 100644 projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.module.ts
 delete mode 100644 projects/ui-components/lf-metadata/lf-metadata.module.ts
 delete mode 100644 projects/ui-components/lf-repository-browser/lf-repository-browser.module.ts
 delete mode 100644 projects/ui-components/lf-selection-list/lf-selection-list.module.ts
 delete mode 100644 projects/ui-components/lf-user-feedback/lf-user-feedback.module.ts
 delete mode 100644 projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.module.ts
 delete mode 100644 projects/ui-components/shared/lf-toolbar/lf-toolbar.module.ts

diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
index e520886b..f3d13e8c 100644
--- a/.github/workflows/main.yml
+++ b/.github/workflows/main.yml
@@ -13,7 +13,7 @@ on:
   workflow_dispatch:
 
 env:
-  NPM_VERSION: "18.0.6"
+  NPM_VERSION: "21.0.0"
 
 # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
 permissions:
@@ -36,7 +36,7 @@ jobs:
       - name: Setup Node.js environment
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
+          node-version: '24'
       
       - name: Update npm
         run: npm install -g npm@latest
@@ -155,7 +155,7 @@ jobs:
       - name: Setup Node.js environment
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
+          node-version: '24'
           registry-url: 'https://registry.npmjs.org'
           
       - name: Update npm
@@ -211,7 +211,7 @@ jobs:
       - name: Setup Node.js environment
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
+          node-version: '24'
           registry-url: 'https://registry.npmjs.org'
           
       - name: Update npm
@@ -262,7 +262,7 @@ jobs:
       - name: Setup Node.js environment
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
+          node-version: '24'
           registry-url: 'https://registry.npmjs.org'
 
       - name: Npm install gulp
diff --git a/.github/workflows/veracode-18x.yml b/.github/workflows/veracode-21x.yml
similarity index 96%
rename from .github/workflows/veracode-18x.yml
rename to .github/workflows/veracode-21x.yml
index 9cb913cc..2cca8185 100644
--- a/.github/workflows/veracode-18x.yml
+++ b/.github/workflows/veracode-21x.yml
@@ -1,12 +1,12 @@
 # Copyright Laserfiche.
 # Licensed under the MIT License. See LICENSE in the project root for license information.
 
-name: lf-ui-components-veracode-18x
+name: lf-ui-components-veracode-21x
 
 on:
   # Allows you to run this workflow manually from the Actions tab
   push:
-    branches: ["18.x"]
+    branches: ["21.x"]
   workflow_dispatch:
   schedule:
     - cron: "0 12 * * 6"
@@ -26,7 +26,7 @@ jobs:
       - name: Setup Node.js environment
         uses: actions/setup-node@v3
         with:
-          node-version: "20"
+          node-version: "24"
 
       - name: npm ci
         run: npm ci
diff --git a/angular.json b/angular.json
index 1684fc48..91bf8b5a 100644
--- a/angular.json
+++ b/angular.json
@@ -15,12 +15,12 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular/build:application",
           "options": {
             "outputPath": "dist/lf-cdn",
             "index": "projects/lf-cdn/src/index.html",
             "polyfills": [
-              "projects/lf-cdn/src/polyfills.ts"
+              "zone.js"
             ],
             "tsConfig": "projects/lf-cdn/tsconfig.app.json",
             "assets": [
@@ -36,7 +36,7 @@
               "projects/lf-cdn/src/styles.css"
             ],
             "scripts": [],
-            "main": "projects/lf-cdn/src/main.ts"
+            "browser": "projects/lf-cdn/src/main.ts"
           },
           "configurations": {
             "production": {
@@ -74,7 +74,7 @@
           "defaultConfiguration": ""
         },
         "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
+          "builder": "@angular/build:dev-server",
           "options": {
             "buildTarget": "lf-cdn:build"
           },
@@ -93,8 +93,7 @@
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "main": "projects/lf-cdn/src/test.ts",
-            "polyfills": "projects/lf-cdn/src/polyfills.ts",
+            "polyfills": ["zone.js", "zone.js/testing"],
             "tsConfig": "projects/lf-cdn/tsconfig.spec.json",
             "karmaConfig": "projects/lf-cdn/karma.conf.js",
             "assets": [
@@ -130,12 +129,12 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular/build:application",
           "options": {
             "outputPath": "dist/lf-documentation",
             "index": "projects/lf-documentation/src/index.html",
             "polyfills": [
-              "projects/lf-documentation/src/polyfills.ts"
+              "zone.js"
             ],
             "tsConfig": "projects/lf-documentation/tsconfig.app.json",
             "assets": [
@@ -152,7 +151,7 @@
               "./node_modules/flatpickr/dist/flatpickr.min.css"
             ],
             "scripts": [],
-            "main": "projects/lf-documentation/src/main.ts"
+            "browser": "projects/lf-documentation/src/main.ts"
           },
           "configurations": {
             "production": {
@@ -160,8 +159,6 @@
               "sourceMap": true,
               "namedChunks": false,
               "extractLicenses": true,
-              "vendorChunk": false,
-              "buildOptimizer": true,
               "budgets": [
                 {
                   "type": "initial",
@@ -185,8 +182,6 @@
             "development": {
               "optimization": false,
               "extractLicenses": false,
-              "vendorChunk": false,
-              "buildOptimizer": true,
               "sourceMap": true,
               "namedChunks": true
             }
@@ -194,7 +189,7 @@
           "defaultConfiguration": ""
         },
         "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
+          "builder": "@angular/build:dev-server",
           "configurations": {
             "production": {
               "buildTarget": "lf-documentation:build:production"
@@ -214,8 +209,7 @@
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "main": "projects/lf-documentation/src/test.ts",
-            "polyfills": "projects/lf-documentation/src/polyfills.ts",
+            "polyfills": ["zone.js", "zone.js/testing"],
             "tsConfig": "projects/lf-documentation/tsconfig.spec.json",
             "karmaConfig": "projects/lf-documentation/karma.conf.js",
             "assets": [
diff --git a/gulpfile.js b/gulpfile.js
index 32b99d79..7e789af9 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -4,14 +4,15 @@
 const { src, dest } = require('gulp');
 const replace = require('gulp-replace');
 const concat = require('gulp-concat');
-const yargs = require('yargs');
 
-yargs.parserConfiguration({
-  "parse-numbers": false,
-})
+const argv = require('yargs')(process.argv.slice(2))
+  .parserConfiguration({
+    "parse-numbers": false,
+  })
+  .argv;
 
 // File paths
-const INDEX_HTML_FILEPATH = './dist/lf-documentation/index.html';
+const INDEX_HTML_FILEPATH = './dist/lf-documentation/browser/index.html';
 // Strings for replacement
 const RUNTIME = 'runtime.js';
 const REMAINING_INDEX_SCRIPT_TAGS = '<script src="polyfills.js" type="module"></script><script src="main.js" type="module"></script>';
@@ -26,22 +27,20 @@ const TYPES_CUSTOMEVENT = 'CustomEvent';
 const TYPES_IMPLEMENTS = /implements.*{/g;
 const TYPES_NO_IMPLEMENTS = '{';
 const NPM_PUBLISH = './types-lf-ui-components-publish/';
-const LF_CDN_MAINJS_FILEPATH = './dist/lf-cdn/main.js';
-const LF_CDN_RUNTIMEJS_FILEPATH = './dist/lf-cdn/runtime.js';
-const LF_CDN_POLYFILLSJS_FILEPATH = './dist/lf-cdn/polyfills.js';
-const LF_DOCUMENTATION_MAINJS_FILEPATH = './dist/lf-documentation/main.js';
-const LF_DOCUMENTATION_RUNTIMEJS_FILEPATH = './dist/lf-documentation/runtime.js';
-const LF_DOCUMENTATION_POLYFILLSJS_FILEPATH = './dist/lf-documentation/polyfills.js';
+const LF_CDN_MAINJS_FILEPATH = './dist/lf-cdn/browser/main.js';
+const LF_CDN_POLYFILLSJS_FILEPATH = './dist/lf-cdn/browser/polyfills.js';
+const LF_DOCUMENTATION_MAINJS_FILEPATH = './dist/lf-documentation/browser/main.js';
+const LF_DOCUMENTATION_POLYFILLSJS_FILEPATH = './dist/lf-documentation/browser/polyfills.js';
 const OLD_WEBPACK_CHUNK_NAME = 'webpackChunklf_ui_components';
 const NEW_WEBPACK_CHUNK_NAME = 'webpackChunklf_components_ui';
-const SCRIPT_DEST = './dist/lf-cdn';
-const DOCUMENTATION_SCRIPT_DEST = './dist/lf-documentation';
+const SCRIPT_DEST = './dist/lf-cdn/browser';
+const DOCUMENTATION_SCRIPT_DEST = './dist/lf-documentation/browser';
 const SCRIPT_FILE = 'lf-ui-components.js';
 const DOCUMENTATION_SCRIPT_FILE = 'lf-documentation.js';
 const SOURCEMAP_MAIN_URL = '//# sourceMappingURL=main.js.map';
 const SOURCEMAP_POLYFILLS_URL = '//# sourceMappingURL=polyfills.js.map';
-const COMPILED_GETTING_STARTED_FILE_PATH = './dist/lf-documentation/lf-documentation.js';
-const BUILT_INDEX_HTML_FILEPATH = './dist/lf-documentation/index.html';
+const COMPILED_GETTING_STARTED_FILE_PATH = './dist/lf-documentation/browser/lf-documentation.js';
+const BUILT_INDEX_HTML_FILEPATH = './dist/lf-documentation/browser/index.html';
 const OLD_LF_STYLE_SHEET_PATH = './lf-laserfiche-lite.css';
 const NEW_LF_STYLE_SHEET_PATH = 'https://lfxstatic.com/npm/@laserfiche/lf-ui-components@NPM_VERSION/cdn/lf-laserfiche-lite.css';
 const OLD_MS_OFFICE_STYLE_SHEET_PATH = './lf-ms-office-lite.css';
@@ -75,24 +74,18 @@ async function replaceVersionInIndexHtml(){
 };
 
 function getNpmVersion() {
-  const npmVersion = yargs.argv.npmVersion;
+  const npmVersion = argv.npmVersion;
   return npmVersion;
 }
 
 async function renameMainWebpackChunk(){
-  src(LF_CDN_MAINJS_FILEPATH, {base: './'})
-      .pipe(replace(OLD_WEBPACK_CHUNK_NAME, NEW_WEBPACK_CHUNK_NAME))
-      .pipe(dest('./'));
-}
-
-async function renameRuntimeWebpackChunk(){
-  src(LF_CDN_RUNTIMEJS_FILEPATH, {base: './'})
+  src(LF_CDN_MAINJS_FILEPATH, {base: './', allowEmpty: true})
       .pipe(replace(OLD_WEBPACK_CHUNK_NAME, NEW_WEBPACK_CHUNK_NAME))
       .pipe(dest('./'));
 }
 
 async function renamePolyfillsWebpackChunk(){
-  src(LF_CDN_POLYFILLSJS_FILEPATH, {base: './'})
+  src(LF_CDN_POLYFILLSJS_FILEPATH, {base: './', allowEmpty: true})
       .pipe(replace(OLD_WEBPACK_CHUNK_NAME, NEW_WEBPACK_CHUNK_NAME))
       .pipe(dest('./'));
 }
@@ -107,7 +100,7 @@ async function processTypesFile() {
 }
 
 async function concatLfCdnToScript() {
-  src([LF_CDN_MAINJS_FILEPATH, LF_CDN_RUNTIMEJS_FILEPATH, LF_CDN_POLYFILLSJS_FILEPATH])
+  src([LF_CDN_MAINJS_FILEPATH, LF_CDN_POLYFILLSJS_FILEPATH])
   .pipe(concat(SCRIPT_FILE))
   .pipe(replace(SOURCEMAP_POLYFILLS_URL,SOURCEMAP_MAIN_URL))
   .pipe(dest(SCRIPT_DEST))
@@ -124,7 +117,6 @@ exports.replaceScriptsInIndexHtml = replaceScriptsInIndexHtml;
 exports.processTypesFile = processTypesFile;
 exports.replacePlaceholdersInDocumentation = replacePlaceholdersInDocumentation;
 exports.renameMainWebpackChunk = renameMainWebpackChunk;
-exports.renameRuntimeWebpackChunk = renameRuntimeWebpackChunk;
 exports.renamePolyfillsWebpackChunk = renamePolyfillsWebpackChunk;
 exports.concatLfCdnToScript = concatLfCdnToScript;
 exports.replaceVersionInIndexHtml = replaceVersionInIndexHtml;
diff --git a/package-lock.json b/package-lock.json
index 31c6ea5d..d1b2c74d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,34 +1,37 @@
 {
   "name": "lf-ui-components",
-  "version": "18.0.0",
+  "version": "21.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "lf-ui-components",
-      "version": "18.0.0",
+      "version": "21.0.0",
       "license": "MIT",
+      "dependencies": {
+        "@laserfiche/lf-ui-components": "file:projects/ui-components"
+      },
       "devDependencies": {
-        "@angular-devkit/build-angular": "^18.2.19",
-        "@angular-eslint/builder": "^18.4.3",
-        "@angular-eslint/eslint-plugin": "^18.4.3",
-        "@angular-eslint/eslint-plugin-template": "^18.4.3",
-        "@angular-eslint/schematics": "^18.4.3",
-        "@angular-eslint/template-parser": "^18.4.3",
-        "@angular/cli": "^18.2.19",
-        "@microsoft/api-extractor": "^7.36.3",
+        "@angular-devkit/build-angular": "^21.1.4",
+        "@angular-eslint/builder": "^21.2.0",
+        "@angular-eslint/eslint-plugin": "^21.2.0",
+        "@angular-eslint/eslint-plugin-template": "^21.2.0",
+        "@angular-eslint/schematics": "^21.2.0",
+        "@angular-eslint/template-parser": "^21.2.0",
+        "@angular/cli": "^21.1.4",
+        "@microsoft/api-extractor": "^7.56.3",
         "@stylistic/eslint-plugin": "^4.2.0",
         "@types/jasmine": "^3.6.0",
-        "@types/lodash": "^4.17.16",
-        "@types/node": "^18.19.87",
-        "@typescript-eslint/eslint-plugin": "^8.31.1",
-        "@typescript-eslint/parser": "^8.31.1",
-        "date-fns": "^2.30.0",
+        "@types/lodash": "^4.17.23",
+        "@types/node": "^24.10.12",
+        "@typescript-eslint/eslint-plugin": "^8.54.0",
+        "@typescript-eslint/parser": "^8.54.0",
+        "date-fns": "^4.1.0",
         "eslint": "^9.26.0",
         "flatpickr": "^4.6.13",
-        "gulp": "^5.0.0",
+        "gulp": "^5.0.1",
         "gulp-concat": "^2.6.1",
-        "gulp-replace": "^1.1.3",
+        "gulp-replace": "^1.1.4",
         "jasmine-core": "^4.1.0",
         "karma": "^6.4.4",
         "karma-chrome-launcher": "^3.1.0",
@@ -37,37 +40,247 @@
         "karma-jasmine": "^4.0.0",
         "karma-jasmine-html-reporter": "^1.7.0",
         "karma-junit-reporter": "^2.0.1",
-        "ng-packagr": "^18.2.1",
-        "puppeteer": "^23.8.0",
-        "tslib": "^2.4.0",
-        "typescript": "^5.5.4",
-        "yargs": "^17.7.2"
+        "ng-packagr": "^21.1.0",
+        "puppeteer": "^24",
+        "tslib": "^2.8.1",
+        "typescript": "5.9.3",
+        "yargs": "^18.0.0"
       },
       "peerDependencies": {
-        "@angular/animations": "^18.2.13",
-        "@angular/cdk": "^18.2.14",
-        "@angular/common": "^18.2.13",
-        "@angular/compiler": "^18.2.13",
-        "@angular/compiler-cli": "^18.2.13",
-        "@angular/core": "^18.2.13",
-        "@angular/elements": "^18.2.13",
-        "@angular/forms": "^18.2.13",
-        "@angular/material": "^18.2.14",
-        "@angular/platform-browser": "^18.2.13",
-        "@angular/platform-browser-dynamic": "^18.2.13",
-        "@angular/router": "^18.2.13",
+        "@angular/animations": "^21.1.4",
+        "@angular/cdk": "^21.1.4",
+        "@angular/common": "^21.1.4",
+        "@angular/compiler": "^21.1.4",
+        "@angular/compiler-cli": "^21.1.4",
+        "@angular/core": "^21.1.4",
+        "@angular/elements": "^21.1.4",
+        "@angular/forms": "^21.1.4",
+        "@angular/material": "^21.1.4",
+        "@angular/platform-browser": "^21.1.4",
+        "@angular/platform-browser-dynamic": "^21.1.4",
+        "@angular/router": "^21.1.4",
         "@laserfiche/lf-api-client-core": "^1.1.10",
         "@laserfiche/lf-js-utils": "^4.0.13",
         "@laserfiche/lf-resource-library": "^5.0.3",
-        "ngx-mask": "^18.0.4",
+        "ngx-mask": "^21.0.1",
         "rxjs": "^7.8.0",
-        "zone.js": "^0.14.10"
+        "zone.js": "^0.16.0"
+      }
+    },
+    "node_modules/@algolia/abtesting": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@algolia/abtesting/-/abtesting-1.12.2.tgz",
+      "integrity": "sha512-oWknd6wpfNrmRcH0vzed3UPX0i17o4kYLM5OMITyMVM2xLgaRbIafoxL0e8mcrNNb0iORCJA0evnNDKRYth5WQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.46.2",
+        "@algolia/requester-browser-xhr": "5.46.2",
+        "@algolia/requester-fetch": "5.46.2",
+        "@algolia/requester-node-http": "5.46.2"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-abtesting": {
+      "version": "5.46.2",
+      "resolved": "https://registry.npmjs.org/@algolia/client-abtesting/-/client-abtesting-5.46.2.tgz",
+      "integrity": "sha512-oRSUHbylGIuxrlzdPA8FPJuwrLLRavOhAmFGgdAvMcX47XsyM+IOGa9tc7/K5SPvBqn4nhppOCEz7BrzOPWc4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.46.2",
+        "@algolia/requester-browser-xhr": "5.46.2",
+        "@algolia/requester-fetch": "5.46.2",
+        "@algolia/requester-node-http": "5.46.2"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-analytics": {
+      "version": "5.46.2",
+      "resolved": "https://registry.npmjs.org/@algolia/client-analytics/-/client-analytics-5.46.2.tgz",
+      "integrity": "sha512-EPBN2Oruw0maWOF4OgGPfioTvd+gmiNwx0HmD9IgmlS+l75DatcBkKOPNJN+0z3wBQWUO5oq602ATxIfmTQ8bA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.46.2",
+        "@algolia/requester-browser-xhr": "5.46.2",
+        "@algolia/requester-fetch": "5.46.2",
+        "@algolia/requester-node-http": "5.46.2"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-common": {
+      "version": "5.46.2",
+      "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-5.46.2.tgz",
+      "integrity": "sha512-Hj8gswSJNKZ0oyd0wWissqyasm+wTz1oIsv5ZmLarzOZAp3vFEda8bpDQ8PUhO+DfkbiLyVnAxsPe4cGzWtqkg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-insights": {
+      "version": "5.46.2",
+      "resolved": "https://registry.npmjs.org/@algolia/client-insights/-/client-insights-5.46.2.tgz",
+      "integrity": "sha512-6dBZko2jt8FmQcHCbmNLB0kCV079Mx/DJcySTL3wirgDBUH7xhY1pOuUTLMiGkqM5D8moVZTvTdRKZUJRkrwBA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.46.2",
+        "@algolia/requester-browser-xhr": "5.46.2",
+        "@algolia/requester-fetch": "5.46.2",
+        "@algolia/requester-node-http": "5.46.2"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-personalization": {
+      "version": "5.46.2",
+      "resolved": "https://registry.npmjs.org/@algolia/client-personalization/-/client-personalization-5.46.2.tgz",
+      "integrity": "sha512-1waE2Uqh/PHNeDXGn/PM/WrmYOBiUGSVxAWqiJIj73jqPqvfzZgzdakHscIVaDl6Cp+j5dwjsZ5LCgaUr6DtmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.46.2",
+        "@algolia/requester-browser-xhr": "5.46.2",
+        "@algolia/requester-fetch": "5.46.2",
+        "@algolia/requester-node-http": "5.46.2"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-query-suggestions": {
+      "version": "5.46.2",
+      "resolved": "https://registry.npmjs.org/@algolia/client-query-suggestions/-/client-query-suggestions-5.46.2.tgz",
+      "integrity": "sha512-EgOzTZkyDcNL6DV0V/24+oBJ+hKo0wNgyrOX/mePBM9bc9huHxIY2352sXmoZ648JXXY2x//V1kropF/Spx83w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.46.2",
+        "@algolia/requester-browser-xhr": "5.46.2",
+        "@algolia/requester-fetch": "5.46.2",
+        "@algolia/requester-node-http": "5.46.2"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-search": {
+      "version": "5.46.2",
+      "resolved": "https://registry.npmjs.org/@algolia/client-search/-/client-search-5.46.2.tgz",
+      "integrity": "sha512-ZsOJqu4HOG5BlvIFnMU0YKjQ9ZI6r3C31dg2jk5kMWPSdhJpYL9xa5hEe7aieE+707dXeMI4ej3diy6mXdZpgA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.46.2",
+        "@algolia/requester-browser-xhr": "5.46.2",
+        "@algolia/requester-fetch": "5.46.2",
+        "@algolia/requester-node-http": "5.46.2"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/ingestion": {
+      "version": "1.46.2",
+      "resolved": "https://registry.npmjs.org/@algolia/ingestion/-/ingestion-1.46.2.tgz",
+      "integrity": "sha512-1Uw2OslTWiOFDtt83y0bGiErJYy5MizadV0nHnOoHFWMoDqWW0kQoMFI65pXqRSkVvit5zjXSLik2xMiyQJDWQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.46.2",
+        "@algolia/requester-browser-xhr": "5.46.2",
+        "@algolia/requester-fetch": "5.46.2",
+        "@algolia/requester-node-http": "5.46.2"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/monitoring": {
+      "version": "1.46.2",
+      "resolved": "https://registry.npmjs.org/@algolia/monitoring/-/monitoring-1.46.2.tgz",
+      "integrity": "sha512-xk9f+DPtNcddWN6E7n1hyNNsATBCHIqAvVGG2EAGHJc4AFYL18uM/kMTiOKXE/LKDPyy1JhIerrh9oYb7RBrgw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.46.2",
+        "@algolia/requester-browser-xhr": "5.46.2",
+        "@algolia/requester-fetch": "5.46.2",
+        "@algolia/requester-node-http": "5.46.2"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/recommend": {
+      "version": "5.46.2",
+      "resolved": "https://registry.npmjs.org/@algolia/recommend/-/recommend-5.46.2.tgz",
+      "integrity": "sha512-NApbTPj9LxGzNw4dYnZmj2BoXiAc8NmbbH6qBNzQgXklGklt/xldTvu+FACN6ltFsTzoNU6j2mWNlHQTKGC5+Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.46.2",
+        "@algolia/requester-browser-xhr": "5.46.2",
+        "@algolia/requester-fetch": "5.46.2",
+        "@algolia/requester-node-http": "5.46.2"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/requester-browser-xhr": {
+      "version": "5.46.2",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-5.46.2.tgz",
+      "integrity": "sha512-ekotpCwpSp033DIIrsTpYlGUCF6momkgupRV/FA3m62SreTSZUKjgK6VTNyG7TtYfq9YFm/pnh65bATP/ZWJEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.46.2"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/requester-fetch": {
+      "version": "5.46.2",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-fetch/-/requester-fetch-5.46.2.tgz",
+      "integrity": "sha512-gKE+ZFi/6y7saTr34wS0SqYFDcjHW4Wminv8PDZEi0/mE99+hSrbKgJWxo2ztb5eqGirQTgIh1AMVacGGWM1iw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.46.2"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/requester-node-http": {
+      "version": "5.46.2",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-5.46.2.tgz",
+      "integrity": "sha512-ciPihkletp7ttweJ8Zt+GukSVLp2ANJHU+9ttiSxsJZThXc4Y2yJ8HGVWesW5jN1zrsZsezN71KrMx/iZsOYpg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/client-common": "5.46.2"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
       }
     },
     "node_modules/@ampproject/remapping": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
       "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
+      "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.5",
@@ -78,132 +291,131 @@
       }
     },
     "node_modules/@angular-devkit/architect": {
-      "version": "0.1802.21",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1802.21.tgz",
-      "integrity": "sha512-+Ll+xtpKwZ3iLWN/YypvnCZV/F0MVbP+/7ZpMR+Xv/uB0OmribhBVj9WGaCd9I/bGgoYBw8wBV/NFNCKkf0k3Q==",
+      "version": "0.2101.4",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.2101.4.tgz",
+      "integrity": "sha512-3yyebORk+ovtO+LfDjIGbGCZhCMDAsyn9vkCljARj3sSshS4blOQBar0g+V3kYAweLT5Gf+rTKbN5jneOkBAFQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/core": "18.2.21",
-        "rxjs": "7.8.1"
+        "@angular-devkit/core": "21.1.4",
+        "rxjs": "7.8.2"
+      },
+      "bin": {
+        "architect": "bin/cli.js"
       },
       "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.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,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "tslib": "^2.1.0"
-      }
-    },
     "node_modules/@angular-devkit/build-angular": {
-      "version": "18.2.21",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-18.2.21.tgz",
-      "integrity": "sha512-0pJfURFpEUV2USgZ2TL3nNAaJmF9bICx9OVddBoC+F9FeOpVKxkcVIb+c8Km5zHFo1iyVtPZ6Rb25vFk9Zm/ug==",
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-21.1.4.tgz",
+      "integrity": "sha512-2HPCo6vEu5EIwxxFYhnmdfbktRBoOVQD3q7lG9PMQPf/jRCnyIZ70qSbXbAV96IMDLFl8mLRfY4scoaFMIYGMw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@ampproject/remapping": "2.3.0",
-        "@angular-devkit/architect": "0.1802.21",
-        "@angular-devkit/build-webpack": "0.1802.21",
-        "@angular-devkit/core": "18.2.21",
-        "@angular/build": "18.2.21",
-        "@babel/core": "7.26.10",
-        "@babel/generator": "7.26.10",
-        "@babel/helper-annotate-as-pure": "7.25.9",
+        "@angular-devkit/architect": "0.2101.4",
+        "@angular-devkit/build-webpack": "0.2101.4",
+        "@angular-devkit/core": "21.1.4",
+        "@angular/build": "21.1.4",
+        "@babel/core": "7.28.5",
+        "@babel/generator": "7.28.5",
+        "@babel/helper-annotate-as-pure": "7.27.3",
         "@babel/helper-split-export-declaration": "7.24.7",
-        "@babel/plugin-transform-async-generator-functions": "7.26.8",
-        "@babel/plugin-transform-async-to-generator": "7.25.9",
-        "@babel/plugin-transform-runtime": "7.26.10",
-        "@babel/preset-env": "7.26.9",
-        "@babel/runtime": "7.26.10",
-        "@discoveryjs/json-ext": "0.6.1",
-        "@ngtools/webpack": "18.2.21",
+        "@babel/plugin-transform-async-generator-functions": "7.28.0",
+        "@babel/plugin-transform-async-to-generator": "7.27.1",
+        "@babel/plugin-transform-runtime": "7.28.5",
+        "@babel/preset-env": "7.28.5",
+        "@babel/runtime": "7.28.4",
+        "@discoveryjs/json-ext": "0.6.3",
+        "@ngtools/webpack": "21.1.4",
         "ansi-colors": "4.1.3",
-        "autoprefixer": "10.4.20",
-        "babel-loader": "9.1.3",
-        "browserslist": "^4.21.5",
-        "copy-webpack-plugin": "12.0.2",
-        "critters": "0.0.24",
+        "autoprefixer": "10.4.23",
+        "babel-loader": "10.0.0",
+        "browserslist": "^4.26.0",
+        "copy-webpack-plugin": "13.0.1",
         "css-loader": "7.1.2",
-        "esbuild-wasm": "0.23.0",
-        "fast-glob": "3.3.2",
+        "esbuild-wasm": "0.27.2",
         "http-proxy-middleware": "3.0.5",
-        "https-proxy-agent": "7.0.5",
         "istanbul-lib-instrument": "6.0.3",
         "jsonc-parser": "3.3.1",
         "karma-source-map-support": "1.4.0",
-        "less": "4.2.0",
-        "less-loader": "12.2.0",
+        "less": "4.4.2",
+        "less-loader": "12.3.0",
         "license-webpack-plugin": "4.0.2",
         "loader-utils": "3.3.1",
-        "magic-string": "0.30.11",
-        "mini-css-extract-plugin": "2.9.0",
-        "mrmime": "2.0.0",
-        "open": "10.1.0",
-        "ora": "5.4.1",
-        "parse5-html-rewriting-stream": "7.0.0",
-        "picomatch": "4.0.2",
-        "piscina": "4.6.1",
-        "postcss": "8.4.41",
-        "postcss-loader": "8.1.1",
+        "mini-css-extract-plugin": "2.9.4",
+        "open": "11.0.0",
+        "ora": "9.0.0",
+        "picomatch": "4.0.3",
+        "piscina": "5.1.4",
+        "postcss": "8.5.6",
+        "postcss-loader": "8.2.0",
         "resolve-url-loader": "5.0.0",
-        "rxjs": "7.8.1",
-        "sass": "1.77.6",
-        "sass-loader": "16.0.0",
-        "semver": "7.6.3",
+        "rxjs": "7.8.2",
+        "sass": "1.97.1",
+        "sass-loader": "16.0.6",
+        "semver": "7.7.3",
         "source-map-loader": "5.0.0",
         "source-map-support": "0.5.21",
-        "terser": "5.31.6",
+        "terser": "5.44.1",
+        "tinyglobby": "0.2.15",
         "tree-kill": "1.2.2",
-        "tslib": "2.6.3",
-        "watchpack": "2.4.1",
-        "webpack": "5.94.0",
-        "webpack-dev-middleware": "7.4.2",
+        "tslib": "2.8.1",
+        "webpack": "5.105.0",
+        "webpack-dev-middleware": "7.4.5",
         "webpack-dev-server": "5.2.2",
         "webpack-merge": "6.0.1",
         "webpack-subresource-integrity": "5.1.0"
       },
       "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
         "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
         "yarn": ">= 1.13.0"
       },
       "optionalDependencies": {
-        "esbuild": "0.23.0"
+        "esbuild": "0.27.2"
       },
       "peerDependencies": {
-        "@angular/compiler-cli": "^18.0.0",
-        "@angular/localize": "^18.0.0",
-        "@angular/platform-server": "^18.0.0",
-        "@angular/service-worker": "^18.0.0",
-        "@web/test-runner": "^0.18.0",
+        "@angular/compiler-cli": "^21.0.0",
+        "@angular/core": "^21.0.0",
+        "@angular/localize": "^21.0.0",
+        "@angular/platform-browser": "^21.0.0",
+        "@angular/platform-server": "^21.0.0",
+        "@angular/service-worker": "^21.0.0",
+        "@angular/ssr": "^21.1.4",
+        "@web/test-runner": "^0.20.0",
         "browser-sync": "^3.0.2",
-        "jest": "^29.5.0",
-        "jest-environment-jsdom": "^29.5.0",
+        "jest": "^30.2.0",
+        "jest-environment-jsdom": "^30.2.0",
         "karma": "^6.3.0",
-        "ng-packagr": "^18.0.0",
+        "ng-packagr": "^21.0.0",
         "protractor": "^7.0.0",
-        "tailwindcss": "^2.0.0 || ^3.0.0",
-        "typescript": ">=5.4 <5.6"
+        "tailwindcss": "^2.0.0 || ^3.0.0 || ^4.0.0",
+        "typescript": ">=5.9 <6.0"
       },
       "peerDependenciesMeta": {
+        "@angular/core": {
+          "optional": true
+        },
         "@angular/localize": {
           "optional": true
         },
+        "@angular/platform-browser": {
+          "optional": true
+        },
         "@angular/platform-server": {
           "optional": true
         },
         "@angular/service-worker": {
           "optional": true
         },
+        "@angular/ssr": {
+          "optional": true
+        },
         "@web/test-runner": {
           "optional": true
         },
@@ -230,35 +442,18 @@
         }
       }
     },
-    "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,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "tslib": "^2.1.0"
-      }
-    },
-    "node_modules/@angular-devkit/build-angular/node_modules/tslib": {
-      "version": "2.6.3",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz",
-      "integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==",
-      "dev": true,
-      "license": "0BSD"
-    },
     "node_modules/@angular-devkit/build-webpack": {
-      "version": "0.1802.21",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.1802.21.tgz",
-      "integrity": "sha512-2jSVRhA3N4Elg8OLcBktgi+CMSjlAm/bBQJE6TQYbdQWnniuT7JAWUHA/iPf7MYlQE5qj4rnAni1CI/c1Bk4HQ==",
+      "version": "0.2101.4",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.2101.4.tgz",
+      "integrity": "sha512-lPjPxeEzUha4bnlGzD3KFFf3yxcQjOfV9wwZIa4XLsqjCZsUk95TzHQH7i64OCTw9uKTEQkJBAuO6v2WXHxopw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/architect": "0.1802.21",
-        "rxjs": "7.8.1"
+        "@angular-devkit/architect": "0.2101.4",
+        "rxjs": "7.8.2"
       },
       "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
         "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
         "yarn": ">= 1.13.0"
       },
@@ -267,37 +462,27 @@
         "webpack-dev-server": "^5.0.2"
       }
     },
-    "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,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "tslib": "^2.1.0"
-      }
-    },
     "node_modules/@angular-devkit/core": {
-      "version": "18.2.21",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-18.2.21.tgz",
-      "integrity": "sha512-Lno6GNbJME85wpc/uqn+wamBxvfZJZFYSH8+oAkkyjU/hk8r5+X8DuyqsKAa0m8t46zSTUsonHsQhVe5vgrZeQ==",
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-21.1.4.tgz",
+      "integrity": "sha512-ObPTI5gYCB1jGxTRhcqZ6oQVUBFVJ8GH4LksVuAiz0nFX7xxpzARWvlhq943EtnlovVlUd9I8fM3RQqjfGVVAQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "ajv": "8.17.1",
         "ajv-formats": "3.0.1",
         "jsonc-parser": "3.3.1",
-        "picomatch": "4.0.2",
-        "rxjs": "7.8.1",
-        "source-map": "0.7.4"
+        "picomatch": "4.0.3",
+        "rxjs": "7.8.2",
+        "source-map": "0.7.6"
       },
       "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
         "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
         "yarn": ">= 1.13.0"
       },
       "peerDependencies": {
-        "chokidar": "^3.5.2"
+        "chokidar": "^5.0.0"
       },
       "peerDependenciesMeta": {
         "chokidar": {
@@ -305,76 +490,58 @@
         }
       }
     },
-    "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,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "tslib": "^2.1.0"
-      }
-    },
     "node_modules/@angular-devkit/schematics": {
-      "version": "18.2.21",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-18.2.21.tgz",
-      "integrity": "sha512-yuC2vN4VL48JhnsaOa9J/o0Jl+cxOklRNQp5J2/ypMuRROaVCrZAPiX+ChSHh++kHYMpj8+ggNrrUwRNfMKACQ==",
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-21.1.4.tgz",
+      "integrity": "sha512-Nqq0ioCUxrbEX+L4KOarETcZZJNnJ1mAJ0ubO4VM91qnn8RBBM9SnQ91590TfC34Szk/wh+3+Uj6KUvTJNuegQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/core": "18.2.21",
+        "@angular-devkit/core": "21.1.4",
         "jsonc-parser": "3.3.1",
-        "magic-string": "0.30.11",
-        "ora": "5.4.1",
-        "rxjs": "7.8.1"
+        "magic-string": "0.30.21",
+        "ora": "9.0.0",
+        "rxjs": "7.8.2"
       },
       "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.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,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "tslib": "^2.1.0"
-      }
-    },
     "node_modules/@angular-eslint/builder": {
-      "version": "18.4.3",
-      "resolved": "https://registry.npmjs.org/@angular-eslint/builder/-/builder-18.4.3.tgz",
-      "integrity": "sha512-NzmrXlr7GFE+cjwipY/CxBscZXNqnuK0us1mO6Z2T6MeH6m+rRcdlY/rZyKoRniyNNvuzl6vpEsfMIMmnfebrA==",
+      "version": "21.2.0",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/builder/-/builder-21.2.0.tgz",
+      "integrity": "sha512-wcp3J9cbrDwSeI/o1D/DSvMQa8zpKjc5WhRGTx33omhWijCfiVNEAiBLWiEx5Sb/dWcoX8yFNWY5jSgFVy9Sjw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/architect": ">= 0.1800.0 < 0.1900.0",
-        "@angular-devkit/core": ">= 18.0.0 < 19.0.0"
+        "@angular-devkit/architect": ">= 0.2100.0 < 0.2200.0",
+        "@angular-devkit/core": ">= 21.0.0 < 22.0.0"
       },
       "peerDependencies": {
+        "@angular/cli": ">= 21.0.0 < 22.0.0",
         "eslint": "^8.57.0 || ^9.0.0",
         "typescript": "*"
       }
     },
     "node_modules/@angular-eslint/bundled-angular-compiler": {
-      "version": "18.4.3",
-      "resolved": "https://registry.npmjs.org/@angular-eslint/bundled-angular-compiler/-/bundled-angular-compiler-18.4.3.tgz",
-      "integrity": "sha512-zdrA8mR98X+U4YgHzUKmivRU+PxzwOL/j8G7eTOvBuq8GPzsP+hvak+tyxlgeGm9HsvpFj9ERHLtJ0xDUPs8fg==",
+      "version": "21.2.0",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/bundled-angular-compiler/-/bundled-angular-compiler-21.2.0.tgz",
+      "integrity": "sha512-J0DWL+j6t9ItFIyIADvzHGqwDA1qfVJ9bx+oTmJ/Hlo7cUpIRoXpcTXpug0CEEABFH0RfDu6PDG2b0FoZ1+7bg==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/@angular-eslint/eslint-plugin": {
-      "version": "18.4.3",
-      "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin/-/eslint-plugin-18.4.3.tgz",
-      "integrity": "sha512-AyJbupiwTBR81P6T59v+aULEnPpZBCBxL2S5QFWfAhNCwWhcof4GihvdK2Z87yhvzDGeAzUFSWl/beJfeFa+PA==",
+      "version": "21.2.0",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin/-/eslint-plugin-21.2.0.tgz",
+      "integrity": "sha512-X2Qn2viDsjm91CEMxNrxDH3qkKpp6un0C1F1BW2p/m9J4AUVfOcXwWz9UpHFSHTRQ+YlTJbiH1ZwwAPeKhFaxA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-eslint/bundled-angular-compiler": "18.4.3",
-        "@angular-eslint/utils": "18.4.3"
+        "@angular-eslint/bundled-angular-compiler": "21.2.0",
+        "@angular-eslint/utils": "21.2.0",
+        "ts-api-utils": "^2.1.0"
       },
       "peerDependencies": {
         "@typescript-eslint/utils": "^7.11.0 || ^8.0.0",
@@ -383,18 +550,19 @@
       }
     },
     "node_modules/@angular-eslint/eslint-plugin-template": {
-      "version": "18.4.3",
-      "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin-template/-/eslint-plugin-template-18.4.3.tgz",
-      "integrity": "sha512-ijGlX2N01ayMXTpeQivOA31AszO8OEbu9ZQUCxnu9AyMMhxyi2q50bujRChAvN9YXQfdQtbxuajxV6+aiWb5BQ==",
+      "version": "21.2.0",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin-template/-/eslint-plugin-template-21.2.0.tgz",
+      "integrity": "sha512-lJ13Dj0DjR6YiceQR0sRbyWzSzOQ6uZPwK9CJUF3wuZjYAUvL1D61zaU9QrVLtf89NVOxv+dYZHDdu3IDeIqbA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-eslint/bundled-angular-compiler": "18.4.3",
-        "@angular-eslint/utils": "18.4.3",
+        "@angular-eslint/bundled-angular-compiler": "21.2.0",
+        "@angular-eslint/utils": "21.2.0",
         "aria-query": "5.3.2",
         "axobject-query": "4.1.0"
       },
       "peerDependencies": {
+        "@angular-eslint/template-parser": "21.2.0",
         "@typescript-eslint/types": "^7.11.0 || ^8.0.0",
         "@typescript-eslint/utils": "^7.11.0 || ^8.0.0",
         "eslint": "^8.57.0 || ^9.0.0",
@@ -402,30 +570,34 @@
       }
     },
     "node_modules/@angular-eslint/schematics": {
-      "version": "18.4.3",
-      "resolved": "https://registry.npmjs.org/@angular-eslint/schematics/-/schematics-18.4.3.tgz",
-      "integrity": "sha512-D5maKn5e6n58+8n7jLFLD4g+RGPOPeDSsvPc1sqial5tEKLxAJQJS9WZ28oef3bhkob6C60D+1H0mMmEEVvyVA==",
+      "version": "21.2.0",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/schematics/-/schematics-21.2.0.tgz",
+      "integrity": "sha512-WtT4fPKIUQ/hswy+l2GF/rKOdD+42L3fUzzcwRzNutQbe2tU9SimoSOAsay/ylWEuhIOQTs7ysPB8fUgFQoLpA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/core": ">= 18.0.0 < 19.0.0",
-        "@angular-devkit/schematics": ">= 18.0.0 < 19.0.0",
-        "@angular-eslint/eslint-plugin": "18.4.3",
-        "@angular-eslint/eslint-plugin-template": "18.4.3",
-        "ignore": "6.0.2",
-        "semver": "7.6.3",
+        "@angular-devkit/core": ">= 21.0.0 < 22.0.0",
+        "@angular-devkit/schematics": ">= 21.0.0 < 22.0.0",
+        "@angular-eslint/eslint-plugin": "21.2.0",
+        "@angular-eslint/eslint-plugin-template": "21.2.0",
+        "ignore": "7.0.5",
+        "semver": "7.7.3",
         "strip-json-comments": "3.1.1"
+      },
+      "peerDependencies": {
+        "@angular/cli": ">= 21.0.0 < 22.0.0"
       }
     },
     "node_modules/@angular-eslint/template-parser": {
-      "version": "18.4.3",
-      "resolved": "https://registry.npmjs.org/@angular-eslint/template-parser/-/template-parser-18.4.3.tgz",
-      "integrity": "sha512-JZMPtEB8yNip3kg4WDEWQyObSo2Hwf+opq2ElYuwe85GQkGhfJSJ2CQYo4FSwd+c5MUQAqESNRg9QqGYauDsiw==",
+      "version": "21.2.0",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/template-parser/-/template-parser-21.2.0.tgz",
+      "integrity": "sha512-TCb3qYOC/uXKZCo56cJ6N9sHeWdFhyVqrbbYfFjTi09081T6jllgHDZL5Ms7gOMNY8KywWGGbhxwvzeA0RwTgA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
-        "@angular-eslint/bundled-angular-compiler": "18.4.3",
-        "eslint-scope": "^8.0.2"
+        "@angular-eslint/bundled-angular-compiler": "21.2.0",
+        "eslint-scope": "^9.0.0"
       },
       "peerDependencies": {
         "eslint": "^8.57.0 || ^9.0.0",
@@ -433,13 +605,13 @@
       }
     },
     "node_modules/@angular-eslint/utils": {
-      "version": "18.4.3",
-      "resolved": "https://registry.npmjs.org/@angular-eslint/utils/-/utils-18.4.3.tgz",
-      "integrity": "sha512-w0bJ9+ELAEiPBSTPPm9bvDngfu1d8JbzUhvs2vU+z7sIz/HMwUZT5S4naypj2kNN0gZYGYrW0lt+HIbW87zTAQ==",
+      "version": "21.2.0",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/utils/-/utils-21.2.0.tgz",
+      "integrity": "sha512-E19/hkuvHoNFvctBkmEiGWpy2bbC6cgbr3GNVrn2nGtbI4jnwnDFCGHv50I4LBfvj0PA9E6TWe73ejJ5qoMJWQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-eslint/bundled-angular-compiler": "18.4.3"
+        "@angular-eslint/bundled-angular-compiler": "21.2.0"
       },
       "peerDependencies": {
         "@typescript-eslint/utils": "^7.11.0 || ^8.0.0",
@@ -448,431 +620,335 @@
       }
     },
     "node_modules/@angular/animations": {
-      "version": "18.2.14",
-      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-18.2.14.tgz",
-      "integrity": "sha512-Kp/MWShoYYO+R3lrrZbZgszbbLGVXHB+39mdJZwnIuZMDkeL3JsIBlSOzyJRTnpS1vITc+9jgHvP/6uKbMrW1Q==",
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-21.1.4.tgz",
+      "integrity": "sha512-8xQ0Ylw7qqVyw4ZJ/Tyw/z5Mtqtp8AMj+R+Z1sCWcyxBgDU4+qfxteVYdiipWC3tX77A0FTsXqwvNP9WVY2/WA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "18.2.14"
+        "@angular/core": "21.1.4"
       }
     },
     "node_modules/@angular/build": {
-      "version": "18.2.21",
-      "resolved": "https://registry.npmjs.org/@angular/build/-/build-18.2.21.tgz",
-      "integrity": "sha512-uvq3qP4cByJrUkV1ri0v3x6LxOFt4fDKiQdNwbQAqdxtfRs3ssEIoCGns4t89sTWXv6VZWBNDcDIKK9/Fa9mmg==",
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular/build/-/build-21.1.4.tgz",
+      "integrity": "sha512-7CAAQPWFMMqod40ox5MOVB/CnoBXFDehyQhs0hls6lu7bOy/M0EDy0v6bERkyNGRz1mihWWBiCV8XzEinrlq1A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@ampproject/remapping": "2.3.0",
-        "@angular-devkit/architect": "0.1802.21",
-        "@babel/core": "7.25.2",
-        "@babel/helper-annotate-as-pure": "7.24.7",
+        "@angular-devkit/architect": "0.2101.4",
+        "@babel/core": "7.28.5",
+        "@babel/helper-annotate-as-pure": "7.27.3",
         "@babel/helper-split-export-declaration": "7.24.7",
-        "@babel/plugin-syntax-import-attributes": "7.24.7",
-        "@inquirer/confirm": "3.1.22",
-        "@vitejs/plugin-basic-ssl": "1.1.0",
-        "browserslist": "^4.23.0",
-        "critters": "0.0.24",
-        "esbuild": "0.23.0",
-        "fast-glob": "3.3.2",
-        "https-proxy-agent": "7.0.5",
-        "listr2": "8.2.4",
-        "lmdb": "3.0.13",
-        "magic-string": "0.30.11",
-        "mrmime": "2.0.0",
-        "parse5-html-rewriting-stream": "7.0.0",
-        "picomatch": "4.0.2",
-        "piscina": "4.6.1",
-        "rollup": "4.22.4",
-        "sass": "1.77.6",
-        "semver": "7.6.3",
-        "vite": "~5.4.17",
-        "watchpack": "2.4.1"
-      },
-      "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
+        "@inquirer/confirm": "5.1.21",
+        "@vitejs/plugin-basic-ssl": "2.1.0",
+        "beasties": "0.3.5",
+        "browserslist": "^4.26.0",
+        "esbuild": "0.27.2",
+        "https-proxy-agent": "7.0.6",
+        "istanbul-lib-instrument": "6.0.3",
+        "jsonc-parser": "3.3.1",
+        "listr2": "9.0.5",
+        "magic-string": "0.30.21",
+        "mrmime": "2.0.1",
+        "parse5-html-rewriting-stream": "8.0.0",
+        "picomatch": "4.0.3",
+        "piscina": "5.1.4",
+        "rolldown": "1.0.0-beta.58",
+        "sass": "1.97.1",
+        "semver": "7.7.3",
+        "source-map-support": "0.5.21",
+        "tinyglobby": "0.2.15",
+        "undici": "7.20.0",
+        "vite": "7.3.0",
+        "watchpack": "2.5.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
         "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
         "yarn": ">= 1.13.0"
       },
+      "optionalDependencies": {
+        "lmdb": "3.4.4"
+      },
       "peerDependencies": {
-        "@angular/compiler-cli": "^18.0.0",
-        "@angular/localize": "^18.0.0",
-        "@angular/platform-server": "^18.0.0",
-        "@angular/service-worker": "^18.0.0",
+        "@angular/compiler": "^21.0.0",
+        "@angular/compiler-cli": "^21.0.0",
+        "@angular/core": "^21.0.0",
+        "@angular/localize": "^21.0.0",
+        "@angular/platform-browser": "^21.0.0",
+        "@angular/platform-server": "^21.0.0",
+        "@angular/service-worker": "^21.0.0",
+        "@angular/ssr": "^21.1.4",
+        "karma": "^6.4.0",
         "less": "^4.2.0",
+        "ng-packagr": "^21.0.0",
         "postcss": "^8.4.0",
-        "tailwindcss": "^2.0.0 || ^3.0.0",
-        "typescript": ">=5.4 <5.6"
+        "tailwindcss": "^2.0.0 || ^3.0.0 || ^4.0.0",
+        "tslib": "^2.3.0",
+        "typescript": ">=5.9 <6.0",
+        "vitest": "^4.0.8"
       },
       "peerDependenciesMeta": {
+        "@angular/core": {
+          "optional": true
+        },
         "@angular/localize": {
           "optional": true
         },
+        "@angular/platform-browser": {
+          "optional": true
+        },
         "@angular/platform-server": {
           "optional": true
         },
         "@angular/service-worker": {
           "optional": true
         },
+        "@angular/ssr": {
+          "optional": true
+        },
+        "karma": {
+          "optional": true
+        },
         "less": {
           "optional": true
         },
+        "ng-packagr": {
+          "optional": true
+        },
         "postcss": {
           "optional": true
         },
         "tailwindcss": {
           "optional": true
+        },
+        "vitest": {
+          "optional": true
         }
       }
     },
-    "node_modules/@angular/build/node_modules/@babel/core": {
-      "version": "7.25.2",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.25.2.tgz",
-      "integrity": "sha512-BBt3opiCOxUr9euZ5/ro/Xv8/V7yJ5bjYMqG/C1YAo8MIKAnumZalCN+msbci3Pigy4lIQfPUpfMM27HMGaYEA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@ampproject/remapping": "^2.2.0",
-        "@babel/code-frame": "^7.24.7",
-        "@babel/generator": "^7.25.0",
-        "@babel/helper-compilation-targets": "^7.25.2",
-        "@babel/helper-module-transforms": "^7.25.2",
-        "@babel/helpers": "^7.25.0",
-        "@babel/parser": "^7.25.0",
-        "@babel/template": "^7.25.0",
-        "@babel/traverse": "^7.25.2",
-        "@babel/types": "^7.25.2",
-        "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/build/node_modules/@babel/core/node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
-    "node_modules/@angular/build/node_modules/@babel/helper-annotate-as-pure": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.24.7.tgz",
-      "integrity": "sha512-BaDeOonYvhdKw+JoMVkAixAAJzG2jVPIwWoKBPdYuY9b452e2rPuI9QPYh3KpofZ3pW2akOmwZLOiOsHMiqRAg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/types": "^7.24.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@angular/build/node_modules/convert-source-map": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
-      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/@angular/cdk": {
-      "version": "18.2.14",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-18.2.14.tgz",
-      "integrity": "sha512-vDyOh1lwjfVk9OqoroZAP8pf3xxKUvyl+TVR8nJxL4c5fOfUFkD7l94HaanqKSRwJcI2xiztuu92IVoHn8T33Q==",
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.1.4.tgz",
+      "integrity": "sha512-PElA4Ww4TIa3+B/ND+fm8ZPDKONTIqc9a/s0qNxhcAD9IpDqjaBVi/fyg+ZWBtS+x0DQgJtKeCsSZ6sr2aFQaQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
+        "parse5": "^8.0.0",
         "tslib": "^2.3.0"
       },
-      "optionalDependencies": {
-        "parse5": "^7.1.2"
-      },
       "peerDependencies": {
-        "@angular/common": "^18.0.0 || ^19.0.0",
-        "@angular/core": "^18.0.0 || ^19.0.0",
+        "@angular/common": "^21.0.0 || ^22.0.0",
+        "@angular/core": "^21.0.0 || ^22.0.0",
+        "@angular/platform-browser": "^21.0.0 || ^22.0.0",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/cli": {
-      "version": "18.2.21",
-      "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-18.2.21.tgz",
-      "integrity": "sha512-efweY4p8awRTbHs+HKdg6s44hl7Y0gdVlXYi3HeY8Z5JDC0abbka0K6sA/MrV9AXvn/5ovxYbxiL3AsOApjTpg==",
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-21.1.4.tgz",
+      "integrity": "sha512-XsMHgxTvHGiXXrhYZz3zMZYhYU0gHdpoHKGiEKXwcx+S1KoYbIssyg6oF2Kq49ZaE0OYCTKjnvgDce6ZqdkJ/A==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
-        "@angular-devkit/architect": "0.1802.21",
-        "@angular-devkit/core": "18.2.21",
-        "@angular-devkit/schematics": "18.2.21",
-        "@inquirer/prompts": "5.3.8",
-        "@listr2/prompt-adapter-inquirer": "2.0.15",
-        "@schematics/angular": "18.2.21",
+        "@angular-devkit/architect": "0.2101.4",
+        "@angular-devkit/core": "21.1.4",
+        "@angular-devkit/schematics": "21.1.4",
+        "@inquirer/prompts": "7.10.1",
+        "@listr2/prompt-adapter-inquirer": "3.0.5",
+        "@modelcontextprotocol/sdk": "1.26.0",
+        "@schematics/angular": "21.1.4",
         "@yarnpkg/lockfile": "1.1.0",
-        "ini": "4.1.3",
+        "algoliasearch": "5.46.2",
+        "ini": "6.0.0",
         "jsonc-parser": "3.3.1",
-        "listr2": "8.2.4",
-        "npm-package-arg": "11.0.3",
-        "npm-pick-manifest": "9.1.0",
-        "pacote": "18.0.6",
-        "resolve": "1.22.8",
-        "semver": "7.6.3",
-        "symbol-observable": "4.0.0",
-        "yargs": "17.7.2"
+        "listr2": "9.0.5",
+        "npm-package-arg": "13.0.2",
+        "pacote": "21.0.4",
+        "parse5-html-rewriting-stream": "8.0.0",
+        "resolve": "1.22.11",
+        "semver": "7.7.3",
+        "yargs": "18.0.0",
+        "zod": "4.3.5"
       },
       "bin": {
         "ng": "bin/ng.js"
       },
       "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
         "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
         "yarn": ">= 1.13.0"
       }
     },
     "node_modules/@angular/common": {
-      "version": "18.2.14",
-      "resolved": "https://registry.npmjs.org/@angular/common/-/common-18.2.14.tgz",
-      "integrity": "sha512-ZPRswzaVRiqcfZoowuAM22Hr2/z10ajWOUoFDoQ9tWqz/fH/773kJv2F9VvePIekgNPCzaizqv9gF6tGNqaAwg==",
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular/common/-/common-21.1.4.tgz",
+      "integrity": "sha512-1uOxPrHO9PFZBU/JavzYzjxAm+5x7vD2z6AeUndqdT4LjqOBIePswxFDRqM9dlfF8FIwnnfmNFipiC/yQjJSnA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "18.2.14",
+        "@angular/core": "21.1.4",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/compiler": {
-      "version": "18.2.14",
-      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-18.2.14.tgz",
-      "integrity": "sha512-Mpq3v/mztQzGAQAAFV+wAI1hlXxZ0m8eDBgaN2kD3Ue+r4S6bLm1Vlryw0iyUnt05PcFIdxPT6xkcphq5pl6lw==",
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-21.1.4.tgz",
+      "integrity": "sha512-H0qtASeqOTaS44ioF4DYE/yNqwzUmEJpMYrcNEUFEwA20/DkLzyoaEx4y1CjIxtXxuhtge95PNymDBOLWSjIdg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
-      },
-      "peerDependencies": {
-        "@angular/core": "18.2.14"
-      },
-      "peerDependenciesMeta": {
-        "@angular/core": {
-          "optional": true
-        }
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       }
     },
     "node_modules/@angular/compiler-cli": {
-      "version": "18.2.14",
-      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-18.2.14.tgz",
-      "integrity": "sha512-BmmjyrFSBSYkm0tBSqpu4cwnJX/b/XvhM36mj2k8jah3tNS5zLDDx5w6tyHmaPJa/1D95MlXx2h6u7K9D+Mhew==",
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-21.1.4.tgz",
+      "integrity": "sha512-Uw8KmpVCo58/f5wf6pY8ZS5fodv65hn5jxms8Nv/K7/LVe3i1nNFrHyneBx5+a7qkz93nSV4rdwBVnMvjIyr+g==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@babel/core": "7.25.2",
+        "@babel/core": "7.28.5",
         "@jridgewell/sourcemap-codec": "^1.4.14",
-        "chokidar": "^4.0.0",
+        "chokidar": "^5.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"
+        "yargs": "^18.0.0"
       },
       "bin": {
         "ng-xi18n": "bundles/src/bin/ng_xi18n.js",
-        "ngc": "bundles/src/bin/ngc.js",
-        "ngcc": "bundles/ngcc/index.js"
+        "ngc": "bundles/src/bin/ngc.js"
       },
       "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/compiler": "18.2.14",
-        "typescript": ">=5.4 <5.6"
-      }
-    },
-    "node_modules/@angular/compiler-cli/node_modules/@babel/core": {
-      "version": "7.25.2",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.25.2.tgz",
-      "integrity": "sha512-BBt3opiCOxUr9euZ5/ro/Xv8/V7yJ5bjYMqG/C1YAo8MIKAnumZalCN+msbci3Pigy4lIQfPUpfMM27HMGaYEA==",
-      "license": "MIT",
-      "dependencies": {
-        "@ampproject/remapping": "^2.2.0",
-        "@babel/code-frame": "^7.24.7",
-        "@babel/generator": "^7.25.0",
-        "@babel/helper-compilation-targets": "^7.25.2",
-        "@babel/helper-module-transforms": "^7.25.2",
-        "@babel/helpers": "^7.25.0",
-        "@babel/parser": "^7.25.0",
-        "@babel/template": "^7.25.0",
-        "@babel/traverse": "^7.25.2",
-        "@babel/types": "^7.25.2",
-        "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"
+        "@angular/compiler": "21.1.4",
+        "typescript": ">=5.9 <6.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",
-      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
-      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-      "license": "MIT"
-    },
-    "node_modules/@angular/compiler-cli/node_modules/@babel/core/node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@angular/compiler-cli/node_modules/chokidar": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
-      "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+    "node_modules/@angular/core": {
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular/core/-/core-21.1.4.tgz",
+      "integrity": "sha512-QBDO5SaVYTVQ0fIN9Qd7US9cUCgs2vM9x6K18PTUKmygIkHVHTFdzwm4MO5gpCOFzJseGbS+dNzqn+v0PaKf9g==",
       "license": "MIT",
-      "dependencies": {
-        "readdirp": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 14.16.0"
-      },
-      "funding": {
-        "url": "https://paulmillr.com/funding/"
-      }
-    },
-    "node_modules/@angular/compiler-cli/node_modules/readdirp": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
-      "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 14.18.0"
-      },
-      "funding": {
-        "type": "individual",
-        "url": "https://paulmillr.com/funding/"
-      }
-    },
-    "node_modules/@angular/core": {
-      "version": "18.2.14",
-      "resolved": "https://registry.npmjs.org/@angular/core/-/core-18.2.14.tgz",
-      "integrity": "sha512-BIPrCs93ZZTY9ym7yfoTgAQ5rs706yoYeAdrgc8kh/bDbM9DawxKlgeKBx2FLt09Y0YQ1bFhKVp0cV4gDEaMxQ==",
-      "license": "MIT",
-      "peer": true,
+      "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
+        "@angular/compiler": "21.1.4",
         "rxjs": "^6.5.3 || ^7.4.0",
-        "zone.js": "~0.14.10"
+        "zone.js": "~0.15.0 || ~0.16.0"
+      },
+      "peerDependenciesMeta": {
+        "@angular/compiler": {
+          "optional": true
+        },
+        "zone.js": {
+          "optional": true
+        }
       }
     },
     "node_modules/@angular/elements": {
-      "version": "18.2.14",
-      "resolved": "https://registry.npmjs.org/@angular/elements/-/elements-18.2.14.tgz",
-      "integrity": "sha512-RKBkTLO3xM3e6aAqY2ca4jhamkpp3vv9p1DLT8O4cf7wF2cY/bwCH5RhWC2jI5LQC7uCFV//JyKmD/cZ2c51bw==",
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular/elements/-/elements-21.1.4.tgz",
+      "integrity": "sha512-OJTxfzdh77LeoFiAbW/s38Kks4HTEyeJTxMzZqA3aWF8ZCa5DNai6aB2F20QbhJdrr/NAITjlDf8gM4c2XJgxw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "18.2.14",
+        "@angular/core": "21.1.4",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/forms": {
-      "version": "18.2.14",
-      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-18.2.14.tgz",
-      "integrity": "sha512-fZVwXctmBJa5VdopJae/T9MYKPXNd04+6j4k/6X819y+9fiyWLJt2QicSc5Rc+YD9mmhXag3xaljlrnotf9VGA==",
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-21.1.4.tgz",
+      "integrity": "sha512-duVT/eOncmFNBYRlK/F7WDg6GD1vL1mxUrDdnp7M9J8JvNrKH0PvdfzuOAmjbB8/bsvUNTLFXCV4+43Mc2Hqsw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
+        "@standard-schema/spec": "^1.0.0",
         "tslib": "^2.3.0"
       },
       "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "18.2.14",
-        "@angular/core": "18.2.14",
-        "@angular/platform-browser": "18.2.14",
+        "@angular/common": "21.1.4",
+        "@angular/core": "21.1.4",
+        "@angular/platform-browser": "21.1.4",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/material": {
-      "version": "18.2.14",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-18.2.14.tgz",
-      "integrity": "sha512-28pxzJP49Mymt664WnCtPkKeg7kXUsQKTKGf/Kl95rNTEdTJLbnlcc8wV0rT0yQNR7kXgpfBnG7h0ETLv/iu5Q==",
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-21.1.4.tgz",
+      "integrity": "sha512-Vte+4os5JexhtaPk7Duk5bIC+zU5SYF7ZHUnpmAJxW0u4D4C9lpTVepm2bfMVV2AxHjHVAnW+/anINIS401UsA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/animations": "^18.0.0 || ^19.0.0",
-        "@angular/cdk": "18.2.14",
-        "@angular/common": "^18.0.0 || ^19.0.0",
-        "@angular/core": "^18.0.0 || ^19.0.0",
-        "@angular/forms": "^18.0.0 || ^19.0.0",
-        "@angular/platform-browser": "^18.0.0 || ^19.0.0",
+        "@angular/cdk": "21.1.4",
+        "@angular/common": "^21.0.0 || ^22.0.0",
+        "@angular/core": "^21.0.0 || ^22.0.0",
+        "@angular/forms": "^21.0.0 || ^22.0.0",
+        "@angular/platform-browser": "^21.0.0 || ^22.0.0",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/platform-browser": {
-      "version": "18.2.14",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-18.2.14.tgz",
-      "integrity": "sha512-W+JTxI25su3RiZVZT3Yrw6KNUCmOIy7OZIZ+612skPgYK2f2qil7VclnW1oCwG896h50cMJU/lnAfxZxefQgyQ==",
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-21.1.4.tgz",
+      "integrity": "sha512-S6Iw5CkORih5omh+MQY35w0bUBxdSFAPLDg386S6/9fEUjDClo61hvXNKxaNh9g7tnh1LD7zmTmKrqufnhnFDQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/animations": "18.2.14",
-        "@angular/common": "18.2.14",
-        "@angular/core": "18.2.14"
+        "@angular/animations": "21.1.4",
+        "@angular/common": "21.1.4",
+        "@angular/core": "21.1.4"
       },
       "peerDependenciesMeta": {
         "@angular/animations": {
@@ -881,50 +957,50 @@
       }
     },
     "node_modules/@angular/platform-browser-dynamic": {
-      "version": "18.2.14",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-18.2.14.tgz",
-      "integrity": "sha512-QOv+o89u8HLN0LG8faTIVHKBxfkOBHVDB0UuXy19+HJofWZGGvho+vGjV0/IAkhZnMC4Sxdoy/mOHP2ytALX3A==",
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-21.1.4.tgz",
+      "integrity": "sha512-lThgNDFHPQyrx0liNX3x8wHcgp1sd/Dym19zm1PSQ67k6J4snwxZFhNlwFHVr1K86XvX/vilyeR2edPLe9lF3Q==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "18.2.14",
-        "@angular/compiler": "18.2.14",
-        "@angular/core": "18.2.14",
-        "@angular/platform-browser": "18.2.14"
+        "@angular/common": "21.1.4",
+        "@angular/compiler": "21.1.4",
+        "@angular/core": "21.1.4",
+        "@angular/platform-browser": "21.1.4"
       }
     },
     "node_modules/@angular/router": {
-      "version": "18.2.14",
-      "resolved": "https://registry.npmjs.org/@angular/router/-/router-18.2.14.tgz",
-      "integrity": "sha512-v/gweh8MBjjDfh1QssuyjISa+6SVVIvIZox7MaMs81RkaoVHwS9grDtPud1pTKHzms2KxSVpvwwyvkRJQplueg==",
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.1.4.tgz",
+      "integrity": "sha512-nPYuRJ8ub/X8GK55U2KqYy/ducVRn6HSoDmZz0yiXtI6haFsZlv9R1j5zi0EDIqrrN0HGARMs6jNDXZC1Ded3w==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "18.2.14",
-        "@angular/core": "18.2.14",
-        "@angular/platform-browser": "18.2.14",
+        "@angular/common": "21.1.4",
+        "@angular/core": "21.1.4",
+        "@angular/platform-browser": "21.1.4",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@babel/code-frame": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
-      "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
+      "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-validator-identifier": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5",
         "js-tokens": "^4.0.0",
         "picocolors": "^1.1.1"
       },
@@ -933,31 +1009,31 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.28.4",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.28.4.tgz",
-      "integrity": "sha512-YsmSKC29MJwf0gF8Rjjrg5LQCmyh+j/nD8/eP7f+BeoQTKYqs9RoWbjGOdy0+1Ekr68RJZMUOPVQaQisnIo4Rw==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.0.tgz",
+      "integrity": "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.26.10",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.26.10.tgz",
-      "integrity": "sha512-vMqyb7XCDMPvJFFOaT9kxtiRh42GwlZEg1/uIgtZshS5a/8OaduUfCi7kynKgc3Tw/6Uo2D+db9qBttghhmxwQ==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.5.tgz",
+      "integrity": "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@ampproject/remapping": "^2.2.0",
-        "@babel/code-frame": "^7.26.2",
-        "@babel/generator": "^7.26.10",
-        "@babel/helper-compilation-targets": "^7.26.5",
-        "@babel/helper-module-transforms": "^7.26.0",
-        "@babel/helpers": "^7.26.10",
-        "@babel/parser": "^7.26.10",
-        "@babel/template": "^7.26.9",
-        "@babel/traverse": "^7.26.10",
-        "@babel/types": "^7.26.10",
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.5",
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-module-transforms": "^7.28.3",
+        "@babel/helpers": "^7.28.4",
+        "@babel/parser": "^7.28.5",
+        "@babel/template": "^7.27.2",
+        "@babel/traverse": "^7.28.5",
+        "@babel/types": "^7.28.5",
+        "@jridgewell/remapping": "^2.3.5",
         "convert-source-map": "^2.0.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
@@ -988,15 +1064,15 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.26.10",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.10.tgz",
-      "integrity": "sha512-rRHT8siFIXQrAYOYqZQVsAr8vJ+cBNqcVAY6m5V8/4QqzaPl+zDBe6cLEPRDuNOUf3ww8RfJVlOyQMoSI+5Ang==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.5.tgz",
+      "integrity": "sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==",
       "license": "MIT",
       "dependencies": {
-        "@babel/parser": "^7.26.10",
-        "@babel/types": "^7.26.10",
-        "@jridgewell/gen-mapping": "^0.3.5",
-        "@jridgewell/trace-mapping": "^0.3.25",
+        "@babel/parser": "^7.28.5",
+        "@babel/types": "^7.28.5",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
         "jsesc": "^3.0.2"
       },
       "engines": {
@@ -1004,25 +1080,25 @@
       }
     },
     "node_modules/@babel/helper-annotate-as-pure": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz",
-      "integrity": "sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==",
+      "version": "7.27.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz",
+      "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.25.9"
+        "@babel/types": "^7.27.3"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.27.2",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz",
-      "integrity": "sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz",
+      "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==",
       "license": "MIT",
       "dependencies": {
-        "@babel/compat-data": "^7.27.2",
+        "@babel/compat-data": "^7.28.6",
         "@babel/helper-validator-option": "^7.27.1",
         "browserslist": "^4.24.0",
         "lru-cache": "^5.1.1",
@@ -1042,18 +1118,18 @@
       }
     },
     "node_modules/@babel/helper-create-class-features-plugin": {
-      "version": "7.28.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.28.3.tgz",
-      "integrity": "sha512-V9f6ZFIYSLNEbuGA/92uOvYsGCJNsuA8ESZ4ldc09bWk/j8H8TKiPw8Mk1eG6olpnO0ALHJmYfZvF4MEE4gajg==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.28.6.tgz",
+      "integrity": "sha512-dTOdvsjnG3xNT9Y0AUg1wAl38y+4Rl4sf9caSQZOXdNqVn+H+HbbJ4IyyHaIqNR6SW9oJpA/RuRjsjCw2IdIow==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.27.3",
-        "@babel/helper-member-expression-to-functions": "^7.27.1",
+        "@babel/helper-member-expression-to-functions": "^7.28.5",
         "@babel/helper-optimise-call-expression": "^7.27.1",
-        "@babel/helper-replace-supers": "^7.27.1",
+        "@babel/helper-replace-supers": "^7.28.6",
         "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
-        "@babel/traverse": "^7.28.3",
+        "@babel/traverse": "^7.28.6",
         "semver": "^6.3.1"
       },
       "engines": {
@@ -1063,19 +1139,6 @@
         "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@babel/helper-create-class-features-plugin/node_modules/@babel/helper-annotate-as-pure": {
-      "version": "7.27.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz",
-      "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/types": "^7.27.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-create-class-features-plugin/node_modules/semver": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
@@ -1087,14 +1150,14 @@
       }
     },
     "node_modules/@babel/helper-create-regexp-features-plugin": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.27.1.tgz",
-      "integrity": "sha512-uVDC72XVf8UbrH5qQTc18Agb8emwjTiZrQE11Nv3CuBEZmVvTwwE9CBUEvHku06gQCAyYf8Nv6ja1IN+6LMbxQ==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.28.5.tgz",
+      "integrity": "sha512-N1EhvLtHzOvj7QQOUCCS3NrPJP8c5W6ZXCHDn7Yialuy1iu4r5EmIYkXlKNqT99Ciw+W0mDqWoR6HWMZlFP3hw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.27.1",
-        "regexpu-core": "^6.2.0",
+        "@babel/helper-annotate-as-pure": "^7.27.3",
+        "regexpu-core": "^6.3.1",
         "semver": "^6.3.1"
       },
       "engines": {
@@ -1104,19 +1167,6 @@
         "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@babel/helper-create-regexp-features-plugin/node_modules/@babel/helper-annotate-as-pure": {
-      "version": "7.27.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz",
-      "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/types": "^7.27.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-create-regexp-features-plugin/node_modules/semver": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
@@ -1128,43 +1178,22 @@
       }
     },
     "node_modules/@babel/helper-define-polyfill-provider": {
-      "version": "0.6.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.5.tgz",
-      "integrity": "sha512-uJnGFcPsWQK8fvjgGP5LZUZZsYGIoPeRjSF5PGwrelYgq7Q15/Ft9NGFp1zglwgIv//W0uG4BevRuSJRyylZPg==",
+      "version": "0.6.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.6.tgz",
+      "integrity": "sha512-mOAsxeeKkUKayvZR3HeTYD/fICpCPLJrU5ZjelT/PA6WHtNDBOE436YiaEUvHN454bRM3CebhDsIpieCc4texA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-compilation-targets": "^7.27.2",
-        "@babel/helper-plugin-utils": "^7.27.1",
-        "debug": "^4.4.1",
+        "@babel/helper-compilation-targets": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6",
+        "debug": "^4.4.3",
         "lodash.debounce": "^4.0.8",
-        "resolve": "^1.22.10"
+        "resolve": "^1.22.11"
       },
       "peerDependencies": {
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
       }
     },
-    "node_modules/@babel/helper-define-polyfill-provider/node_modules/resolve": {
-      "version": "1.22.10",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
-      "integrity": "sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-core-module": "^2.16.0",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/@babel/helper-globals": {
       "version": "7.28.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
@@ -1175,41 +1204,41 @@
       }
     },
     "node_modules/@babel/helper-member-expression-to-functions": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.27.1.tgz",
-      "integrity": "sha512-E5chM8eWjTp/aNoVpcbfM7mLxu9XGLWYise2eBKGQomAk/Mb4XoxyqXTZbuTohbsl8EKqdlMhnDI2CCLfcs9wA==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.28.5.tgz",
+      "integrity": "sha512-cwM7SBRZcPCLgl8a7cY0soT1SptSzAlMH39vwiRpOQkJlh53r5hdHwLSCZpQdVLT39sZt+CRpNwYG4Y2v77atg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/traverse": "^7.27.1",
-        "@babel/types": "^7.27.1"
+        "@babel/traverse": "^7.28.5",
+        "@babel/types": "^7.28.5"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-module-imports": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
-      "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz",
+      "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==",
       "license": "MIT",
       "dependencies": {
-        "@babel/traverse": "^7.27.1",
-        "@babel/types": "^7.27.1"
+        "@babel/traverse": "^7.28.6",
+        "@babel/types": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-module-transforms": {
-      "version": "7.28.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.3.tgz",
-      "integrity": "sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz",
+      "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==",
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-module-imports": "^7.27.1",
-        "@babel/helper-validator-identifier": "^7.27.1",
-        "@babel/traverse": "^7.28.3"
+        "@babel/helper-module-imports": "^7.28.6",
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "@babel/traverse": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1232,9 +1261,9 @@
       }
     },
     "node_modules/@babel/helper-plugin-utils": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz",
-      "integrity": "sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.28.6.tgz",
+      "integrity": "sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -1259,29 +1288,16 @@
         "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@babel/helper-remap-async-to-generator/node_modules/@babel/helper-annotate-as-pure": {
-      "version": "7.27.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz",
-      "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/types": "^7.27.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-replace-supers": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.27.1.tgz",
-      "integrity": "sha512-7EHz6qDZc8RYS5ElPoShMheWvEgERonFCs7IAonWLLUTXW59DP14bCZt89/GKyreYn8g3S83m21FelHKbeDCKA==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.28.6.tgz",
+      "integrity": "sha512-mq8e+laIk94/yFec3DxSjCRD2Z0TAjhVbEJY3UQrlwVo15Lmt7C2wAUbK4bjnTs4APkwsYLTahXRraQXhb1WCg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-member-expression-to-functions": "^7.27.1",
+        "@babel/helper-member-expression-to-functions": "^7.28.5",
         "@babel/helper-optimise-call-expression": "^7.27.1",
-        "@babel/traverse": "^7.27.1"
+        "@babel/traverse": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1327,9 +1343,9 @@
       }
     },
     "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
-      "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -1345,40 +1361,40 @@
       }
     },
     "node_modules/@babel/helper-wrap-function": {
-      "version": "7.28.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.28.3.tgz",
-      "integrity": "sha512-zdf983tNfLZFletc0RRXYrHrucBEg95NIFMkn6K9dbeMYnsgHaSBGcQqdsCSStG2PYwRre0Qc2NNSCXbG+xc6g==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.28.6.tgz",
+      "integrity": "sha512-z+PwLziMNBeSQJonizz2AGnndLsP2DeGHIxDAn+wdHOGuo4Fo1x1HBPPXeE9TAOPHNNWQKCSlA2VZyYyyibDnQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/template": "^7.27.2",
-        "@babel/traverse": "^7.28.3",
-        "@babel/types": "^7.28.2"
+        "@babel/template": "^7.28.6",
+        "@babel/traverse": "^7.28.6",
+        "@babel/types": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.28.4",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.4.tgz",
-      "integrity": "sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.6.tgz",
+      "integrity": "sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==",
       "license": "MIT",
       "dependencies": {
-        "@babel/template": "^7.27.2",
-        "@babel/types": "^7.28.4"
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.28.4",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.4.tgz",
-      "integrity": "sha512-yZbBqeM6TkpP9du/I2pUZnJsRMGGvOuIrhjzC1AwHwW+6he4mni6Bp/m8ijn0iOuZuPI2BfkCoSRunpyjnrQKg==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.0.tgz",
+      "integrity": "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==",
       "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.28.4"
+        "@babel/types": "^7.29.0"
       },
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -1388,14 +1404,14 @@
       }
     },
     "node_modules/@babel/plugin-bugfix-firefox-class-in-computed-class-key": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.27.1.tgz",
-      "integrity": "sha512-QPG3C9cCVRQLxAVwmefEmwdTanECuUBMQZ/ym5kiw3XKCGA7qkuQLcjWWHcrD/GKbn/WmJwaezfuuAOcyKlRPA==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.28.5.tgz",
+      "integrity": "sha512-87GDMS3tsmMSi/3bWOte1UblL+YUTFMV8SZPZ2eSEL17s74Cw/l63rR6NmGVKMYW2GYi85nE+/d6Hw5N0bEk2Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.27.1",
-        "@babel/traverse": "^7.27.1"
+        "@babel/traverse": "^7.28.5"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1455,14 +1471,14 @@
       }
     },
     "node_modules/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": {
-      "version": "7.28.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.28.3.tgz",
-      "integrity": "sha512-b6YTX108evsvE4YgWyQ921ZAFFQm3Bn+CA3+ZXlNVnPhx+UfsVURoPjfGAPCjBgrqo30yX/C2nZGX96DxvR9Iw==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.28.6.tgz",
+      "integrity": "sha512-a0aBScVTlNaiUe35UtfxAN7A/tehvvG4/ByO6+46VPKTRSlfnAFsgKy0FUh+qAkQrDTmhDkT+IBOKlOoMUxQ0g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1",
-        "@babel/traverse": "^7.28.3"
+        "@babel/helper-plugin-utils": "^7.28.6",
+        "@babel/traverse": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1485,13 +1501,13 @@
       }
     },
     "node_modules/@babel/plugin-syntax-import-assertions": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.27.1.tgz",
-      "integrity": "sha512-UT/Jrhw57xg4ILHLFnzFpPDlMbcdEicaAtjPQpbj9wa8T4r5KVWCimHcL/460g8Ht0DMxDyjsLgiWSkVjnwPFg==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.28.6.tgz",
+      "integrity": "sha512-pSJUpFHdx9z5nqTSirOCMtYVP2wFgoWhP0p3g8ONK/4IHhLIBd0B9NYqAvIUAhq+OkhO4VM1tENCt0cjlsNShw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1501,13 +1517,13 @@
       }
     },
     "node_modules/@babel/plugin-syntax-import-attributes": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.24.7.tgz",
-      "integrity": "sha512-hbX+lKKeUMGihnK8nvKqmXBInriT3GVjzXKFriV3YC6APGxMbP8RZNFwy91+hocLXq90Mta+HshoB31802bb8A==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.28.6.tgz",
+      "integrity": "sha512-jiLC0ma9XkQT3TKJ9uYvlakm66Pamywo+qwL+oL8HJOvc6TWdZXVfhqJr8CCzbSGUAbDOzlGHJC1U+vRfLQDvw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1550,15 +1566,15 @@
       }
     },
     "node_modules/@babel/plugin-transform-async-generator-functions": {
-      "version": "7.26.8",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.26.8.tgz",
-      "integrity": "sha512-He9Ej2X7tNf2zdKMAGOsmg2MrFc+hfoAhd3po4cWfo/NWjzEAKa0oQruj1ROVUdl0e6fb6/kE/G3SSxE0lRJOg==",
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.28.0.tgz",
+      "integrity": "sha512-BEOdvX4+M765icNPZeidyADIvQ1m1gmunXufXxvRESy/jNNyfovIqUyE7MVgGBjWktCoJlzvFA1To2O4ymIO3Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.26.5",
-        "@babel/helper-remap-async-to-generator": "^7.25.9",
-        "@babel/traverse": "^7.26.8"
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-remap-async-to-generator": "^7.27.1",
+        "@babel/traverse": "^7.28.0"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1568,15 +1584,15 @@
       }
     },
     "node_modules/@babel/plugin-transform-async-to-generator": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.25.9.tgz",
-      "integrity": "sha512-NT7Ejn7Z/LjUH0Gv5KsBCxh7BH3fbLTV0ptHvpeMvrt3cPThHfJfst9Wrb7S8EvJ7vRTFI7z+VAvFVEQn/m5zQ==",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.27.1.tgz",
+      "integrity": "sha512-NREkZsZVJS4xmTr8qzE5y8AfIPqsdQfRuUiLRTEzb7Qii8iFWCyDKaUV2c0rCuh4ljDZ98ALHP/PetiBV2nddA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-module-imports": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/helper-remap-async-to-generator": "^7.25.9"
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-remap-async-to-generator": "^7.27.1"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1602,13 +1618,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-block-scoping": {
-      "version": "7.28.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.28.4.tgz",
-      "integrity": "sha512-1yxmvN0MJHOhPVmAsmoW5liWwoILobu/d/ShymZmj867bAdxGbehIrew1DuLpw2Ukv+qDSSPQdYW1dLNE7t11A==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.28.6.tgz",
+      "integrity": "sha512-tt/7wOtBmwHPNMPu7ax4pdPz6shjFrmHDghvNC+FG9Qvj7D6mJcoRQIF5dy4njmxR941l6rgtvfSB2zX3VlUIw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1618,14 +1634,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-class-properties": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.27.1.tgz",
-      "integrity": "sha512-D0VcalChDMtuRvJIu3U/fwWjf8ZMykz5iZsg77Nuj821vCKI3zCyRLwRdWbsuJ/uRwZhZ002QtCqIkwC/ZkvbA==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.28.6.tgz",
+      "integrity": "sha512-dY2wS3I2G7D697VHndN91TJr8/AAfXQNt5ynCTI/MpxMsSzHp+52uNivYT5wCPax3whc47DR8Ba7cmlQMg24bw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-create-class-features-plugin": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1635,14 +1651,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-class-static-block": {
-      "version": "7.28.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.28.3.tgz",
-      "integrity": "sha512-LtPXlBbRoc4Njl/oh1CeD/3jC+atytbnf/UqLoqTDcEYGUPj022+rvfkbDYieUrSj3CaV4yHDByPE+T2HwfsJg==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.28.6.tgz",
+      "integrity": "sha512-rfQ++ghVwTWTqQ7w8qyDxL1XGihjBss4CmTgGRCTAC9RIbhVpyp4fOeZtta0Lbf+dTNIVJer6ych2ibHwkZqsQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.28.3",
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-create-class-features-plugin": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1652,18 +1668,18 @@
       }
     },
     "node_modules/@babel/plugin-transform-classes": {
-      "version": "7.28.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.28.4.tgz",
-      "integrity": "sha512-cFOlhIYPBv/iBoc+KS3M6et2XPtbT2HiCRfBXWtfpc9OAyostldxIf9YAYB6ypURBBbx+Qv6nyrLzASfJe+hBA==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.28.6.tgz",
+      "integrity": "sha512-EF5KONAqC5zAqT783iMGuM2ZtmEBy+mJMOKl2BCvPZ2lVrwvXnB6o+OBWCS+CoeCCpVRF2sA2RBKUxvT8tQT5Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.27.3",
-        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-compilation-targets": "^7.28.6",
         "@babel/helper-globals": "^7.28.0",
-        "@babel/helper-plugin-utils": "^7.27.1",
-        "@babel/helper-replace-supers": "^7.27.1",
-        "@babel/traverse": "^7.28.4"
+        "@babel/helper-plugin-utils": "^7.28.6",
+        "@babel/helper-replace-supers": "^7.28.6",
+        "@babel/traverse": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1672,28 +1688,15 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-transform-classes/node_modules/@babel/helper-annotate-as-pure": {
-      "version": "7.27.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz",
-      "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/types": "^7.27.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/plugin-transform-computed-properties": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.27.1.tgz",
-      "integrity": "sha512-lj9PGWvMTVksbWiDT2tW68zGS/cyo4AkZ/QTp0sQT0mjPopCmrSkzxeXkznjqBxzDI6TclZhOJbBmbBLjuOZUw==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.28.6.tgz",
+      "integrity": "sha512-bcc3k0ijhHbc2lEfpFHgx7eYw9KNXqOerKWfzbxEHUGKnS3sz9C4CNL9OiFN1297bDNfUiSO7DaLzbvHQQQ1BQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1",
-        "@babel/template": "^7.27.1"
+        "@babel/helper-plugin-utils": "^7.28.6",
+        "@babel/template": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1703,14 +1706,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-destructuring": {
-      "version": "7.28.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.28.0.tgz",
-      "integrity": "sha512-v1nrSMBiKcodhsyJ4Gf+Z0U/yawmJDBOTpEB3mcQY52r9RIyPneGyAS/yM6seP/8I+mWI3elOMtT5dB8GJVs+A==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.28.5.tgz",
+      "integrity": "sha512-Kl9Bc6D0zTUcFUvkNuQh4eGXPKKNDOJQXVyyM4ZAQPMveniJdxi8XMJwLo+xSoW3MIq81bD33lcUe9kZpl0MCw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.27.1",
-        "@babel/traverse": "^7.28.0"
+        "@babel/traverse": "^7.28.5"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1720,14 +1723,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-dotall-regex": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.27.1.tgz",
-      "integrity": "sha512-gEbkDVGRvjj7+T1ivxrfgygpT7GUd4vmODtYpbs0gZATdkX8/iSnOtZSxiZnsgm1YjTgjI6VKBGSJJevkrclzw==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.28.6.tgz",
+      "integrity": "sha512-SljjowuNKB7q5Oayv4FoPzeB74g3QgLt8IVJw9ADvWy3QnUb/01aw8I4AVv8wYnPvQz2GDDZ/g3GhcNyDBI4Bg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-create-regexp-features-plugin": "^7.28.5",
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1753,14 +1756,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-duplicate-named-capturing-groups-regex": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.27.1.tgz",
-      "integrity": "sha512-hkGcueTEzuhB30B3eJCbCYeCaaEQOmQR0AdvzpD4LoN0GXMWzzGSuRrxR2xTnCrvNbVwK9N6/jQ92GSLfiZWoQ==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.29.0.tgz",
+      "integrity": "sha512-zBPcW2lFGxdiD8PUnPwJjag2J9otbcLQzvbiOzDxpYXyCuYX9agOwMPGn1prVH0a4qzhCKu24rlH4c1f7yA8rw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-create-regexp-features-plugin": "^7.28.5",
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1785,14 +1788,31 @@
         "@babel/core": "^7.0.0-0"
       }
     },
+    "node_modules/@babel/plugin-transform-explicit-resource-management": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-explicit-resource-management/-/plugin-transform-explicit-resource-management-7.28.6.tgz",
+      "integrity": "sha512-Iao5Konzx2b6g7EPqTy40UZbcdXE126tTxVFr/nAIj+WItNxjKSYTEw3RC+A2/ZetmdJsgueL1KhaMCQHkLPIg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.28.6",
+        "@babel/plugin-transform-destructuring": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
     "node_modules/@babel/plugin-transform-exponentiation-operator": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.27.1.tgz",
-      "integrity": "sha512-uspvXnhHvGKf2r4VVtBpeFnuDWsJLQ6MF6lGJLC89jBR1uoVeqM416AZtTuhTezOfgHicpJQmoD5YUakO/YmXQ==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.28.6.tgz",
+      "integrity": "sha512-WitabqiGjV/vJ0aPOLSFfNY1u9U3R7W36B03r5I2KoNix+a3sOhJ3pKFB3R5It9/UiK78NiO0KE9P21cMhlPkw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1853,13 +1873,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-json-strings": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.27.1.tgz",
-      "integrity": "sha512-6WVLVJiTjqcQauBhn1LkICsR2H+zm62I3h9faTDKt1qP4jn2o72tSvqMwtGFKGTpojce0gJs+76eZ2uCHRZh0Q==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.28.6.tgz",
+      "integrity": "sha512-Nr+hEN+0geQkzhbdgQVPoqr47lZbm+5fCUmO70722xJZd0Mvb59+33QLImGj6F+DkK3xgDi1YVysP8whD6FQAw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1885,13 +1905,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-logical-assignment-operators": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.27.1.tgz",
-      "integrity": "sha512-SJvDs5dXxiae4FbSL1aBJlG4wvl594N6YEVVn9e3JGulwioy6z3oPjx/sQBO3Y4NwUu5HNix6KJ3wBZoewcdbw==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.28.6.tgz",
+      "integrity": "sha512-+anKKair6gpi8VsM/95kmomGNMD0eLz1NQ8+Pfw5sAwWH9fGYXT50E55ZpV0pHUHWf6IUTWPM+f/7AAff+wr9A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1934,14 +1954,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-modules-commonjs": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.27.1.tgz",
-      "integrity": "sha512-OJguuwlTYlN0gBZFRPqwOGNWssZjfIUdS7HMYtN8c1KmwpwHFBwTeFZrg9XZa+DFTitWOW5iTAG7tyCUPsCCyw==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.28.6.tgz",
+      "integrity": "sha512-jppVbf8IV9iWWwWTQIxJMAJCWBuuKx71475wHwYytrRGQ2CWiDvYlADQno3tcYpS/T2UUWFQp3nVtYfK/YBQrA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-module-transforms": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-module-transforms": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1951,16 +1971,16 @@
       }
     },
     "node_modules/@babel/plugin-transform-modules-systemjs": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.27.1.tgz",
-      "integrity": "sha512-w5N1XzsRbc0PQStASMksmUeqECuzKuTJer7kFagK8AXgpCMkeDMO5S+aaFb7A51ZYDF7XI34qsTX+fkHiIm5yA==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.29.0.tgz",
+      "integrity": "sha512-PrujnVFbOdUpw4UHiVwKvKRLMMic8+eC0CuNlxjsyZUiBjhFdPsewdXCkveh2KqBA9/waD0W1b4hXSOBQJezpQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-module-transforms": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1",
-        "@babel/helper-validator-identifier": "^7.27.1",
-        "@babel/traverse": "^7.27.1"
+        "@babel/helper-module-transforms": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6",
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "@babel/traverse": "^7.29.0"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1987,14 +2007,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.27.1.tgz",
-      "integrity": "sha512-SstR5JYy8ddZvD6MhV0tM/j16Qds4mIpJTOd1Yu9J9pJjH93bxHECF7pgtc28XvkzTD6Pxcm/0Z73Hvk7kb3Ng==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.29.0.tgz",
+      "integrity": "sha512-1CZQA5KNAD6ZYQLPw7oi5ewtDNxH/2vuCh+6SmvgDfhumForvs8a1o9n0UrEoBD8HU4djO2yWngTQlXl1NDVEQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-create-regexp-features-plugin": "^7.28.5",
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2020,13 +2040,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-nullish-coalescing-operator": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.27.1.tgz",
-      "integrity": "sha512-aGZh6xMo6q9vq1JGcw58lZ1Z0+i0xB2x0XaauNIUXd6O1xXc3RwoWEBlsTQrY4KQ9Jf0s5rgD6SiNkaUdJegTA==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.28.6.tgz",
+      "integrity": "sha512-3wKbRgmzYbw24mDJXT7N+ADXw8BC/imU9yo9c9X9NKaLF1fW+e5H1U5QjMUBe4Qo4Ox/o++IyUkl1sVCLgevKg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2036,13 +2056,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-numeric-separator": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.27.1.tgz",
-      "integrity": "sha512-fdPKAcujuvEChxDBJ5c+0BTaS6revLV7CJL08e4m3de8qJfNIuCc2nc7XJYOjBoTMJeqSmwXJ0ypE14RCjLwaw==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.28.6.tgz",
+      "integrity": "sha512-SJR8hPynj8outz+SlStQSwvziMN4+Bq99it4tMIf5/Caq+3iOc0JtKyse8puvyXkk3eFRIA5ID/XfunGgO5i6w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2052,17 +2072,17 @@
       }
     },
     "node_modules/@babel/plugin-transform-object-rest-spread": {
-      "version": "7.28.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.28.4.tgz",
-      "integrity": "sha512-373KA2HQzKhQCYiRVIRr+3MjpCObqzDlyrM6u4I201wL8Mp2wHf7uB8GhDwis03k2ti8Zr65Zyyqs1xOxUF/Ew==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.28.6.tgz",
+      "integrity": "sha512-5rh+JR4JBC4pGkXLAcYdLHZjXudVxWMXbB6u6+E9lRL5TrGVbHt1TjxGbZ8CkmYw9zjkB7jutzOROArsqtncEA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-compilation-targets": "^7.27.2",
-        "@babel/helper-plugin-utils": "^7.27.1",
-        "@babel/plugin-transform-destructuring": "^7.28.0",
+        "@babel/helper-compilation-targets": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6",
+        "@babel/plugin-transform-destructuring": "^7.28.5",
         "@babel/plugin-transform-parameters": "^7.27.7",
-        "@babel/traverse": "^7.28.4"
+        "@babel/traverse": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2089,13 +2109,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-optional-catch-binding": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.27.1.tgz",
-      "integrity": "sha512-txEAEKzYrHEX4xSZN4kJ+OfKXFVSWKB2ZxM9dpcE3wT7smwkNmXo5ORRlVzMVdJbD+Q8ILTgSD7959uj+3Dm3Q==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.28.6.tgz",
+      "integrity": "sha512-R8ja/Pyrv0OGAvAXQhSTmWyPJPml+0TMqXlO5w+AsMEiwb2fg3WkOvob7UxFSL3OIttFSGSRFKQsOhJ/X6HQdQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2105,13 +2125,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-optional-chaining": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.27.1.tgz",
-      "integrity": "sha512-BQmKPPIuc8EkZgNKsv0X4bPmOoayeu4F1YCwx2/CfmDSXDbp7GnzlUH+/ul5VGfRg1AoFPsrIThlEBj2xb4CAg==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.28.6.tgz",
+      "integrity": "sha512-A4zobikRGJTsX9uqVFdafzGkqD30t26ck2LmOzAuLL8b2x6k3TIqRiT2xVvA9fNmFeTX484VpsdgmKNA0bS23w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.28.6",
         "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1"
       },
       "engines": {
@@ -2138,14 +2158,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-private-methods": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.27.1.tgz",
-      "integrity": "sha512-10FVt+X55AjRAYI9BrdISN9/AQWHqldOeZDUoLyif1Kn05a56xVBXb8ZouL8pZ9jem8QpXaOt8TS7RHUIS+GPA==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.28.6.tgz",
+      "integrity": "sha512-piiuapX9CRv7+0st8lmuUlRSmX6mBcVeNQ1b4AYzJxfCMuBfB0vBXDiGSmm03pKJw1v6cZ8KSeM+oUnM6yAExg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-create-class-features-plugin": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2155,15 +2175,15 @@
       }
     },
     "node_modules/@babel/plugin-transform-private-property-in-object": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.27.1.tgz",
-      "integrity": "sha512-5J+IhqTi1XPa0DXF83jYOaARrX+41gOewWbkPyjMNRDqgOCqdffGh8L3f/Ek5utaEBZExjSAzcyjmV9SSAWObQ==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.28.6.tgz",
+      "integrity": "sha512-b97jvNSOb5+ehyQmBpmhOCiUC5oVK4PMnpRvO7+ymFBoqYjeDHIU9jnrNUuwHOiL9RpGDoKBpSViarV+BU+eVA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.27.1",
-        "@babel/helper-create-class-features-plugin": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-annotate-as-pure": "^7.27.3",
+        "@babel/helper-create-class-features-plugin": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2172,19 +2192,6 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-transform-private-property-in-object/node_modules/@babel/helper-annotate-as-pure": {
-      "version": "7.27.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz",
-      "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/types": "^7.27.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/plugin-transform-property-literals": {
       "version": "7.27.1",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.27.1.tgz",
@@ -2202,13 +2209,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-regenerator": {
-      "version": "7.28.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.28.4.tgz",
-      "integrity": "sha512-+ZEdQlBoRg9m2NnzvEeLgtvBMO4tkFBw5SQIUgLICgTrumLoU7lr+Oghi6km2PFj+dbUt2u1oby2w3BDO9YQnA==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.29.0.tgz",
+      "integrity": "sha512-FijqlqMA7DmRdg/aINBSs04y8XNTYw/lr1gJ2WsmBnnaNw1iS43EPkJW+zK7z65auG3AWRFXWj+NcTQwYptUog==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2218,14 +2225,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-regexp-modifiers": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.27.1.tgz",
-      "integrity": "sha512-TtEciroaiODtXvLZv4rmfMhkCv8jx3wgKpL68PuiPh2M4fvz5jhsA7697N1gMvkvr/JTF13DrFYyEbY9U7cVPA==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.28.6.tgz",
+      "integrity": "sha512-QGWAepm9qxpaIs7UM9FvUSnCGlb8Ua1RhyM4/veAxLwt3gMat/LSGrZixyuj4I6+Kn9iwvqCyPTtbdxanYoWYg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-create-regexp-features-plugin": "^7.28.5",
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2251,17 +2258,17 @@
       }
     },
     "node_modules/@babel/plugin-transform-runtime": {
-      "version": "7.26.10",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.26.10.tgz",
-      "integrity": "sha512-NWaL2qG6HRpONTnj4JvDU6th4jYeZOJgu3QhmFTCihib0ermtOJqktA5BduGm3suhhVe9EMP9c9+mfJ/I9slqw==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.28.5.tgz",
+      "integrity": "sha512-20NUVgOrinudkIBzQ2bNxP08YpKprUkRTiRSd2/Z5GOdPImJGkoN4Z7IQe1T5AdyKI1i5L6RBmluqdSzvaq9/w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-module-imports": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.26.5",
-        "babel-plugin-polyfill-corejs2": "^0.4.10",
-        "babel-plugin-polyfill-corejs3": "^0.11.0",
-        "babel-plugin-polyfill-regenerator": "^0.6.1",
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "babel-plugin-polyfill-corejs2": "^0.4.14",
+        "babel-plugin-polyfill-corejs3": "^0.13.0",
+        "babel-plugin-polyfill-regenerator": "^0.6.5",
         "semver": "^6.3.1"
       },
       "engines": {
@@ -2298,13 +2305,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-spread": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.27.1.tgz",
-      "integrity": "sha512-kpb3HUqaILBJcRFVhFUs6Trdd4mkrzcGXss+6/mxUd273PfbWqSDHRzMT2234gIg2QYfAjvXLSquP1xECSg09Q==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.28.6.tgz",
+      "integrity": "sha512-9U4QObUC0FtJl05AsUcodau/RWDytrU6uKgkxu09mLR9HLDAtUMoPuuskm5huQsoktmsYpI+bGmq+iapDcriKA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.28.6",
         "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1"
       },
       "engines": {
@@ -2379,14 +2386,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-unicode-property-regex": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.27.1.tgz",
-      "integrity": "sha512-uW20S39PnaTImxp39O5qFlHLS9LJEmANjMG7SxIhap8rCHqu0Ik+tLEPX5DKmHn6CsWQ7j3lix2tFOa5YtL12Q==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.28.6.tgz",
+      "integrity": "sha512-4Wlbdl/sIZjzi/8St0evF0gEZrgOswVO6aOzqxh1kDZOl9WmLrHq2HtGhnOJZmHZYKP8WZ1MDLCt5DAWwRo57A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-create-regexp-features-plugin": "^7.28.5",
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2413,14 +2420,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-unicode-sets-regex": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.27.1.tgz",
-      "integrity": "sha512-EtkOujbc4cgvb0mlpQefi4NTPBzhSIevblFevACNLUspmrALgmEBdL/XfnyyITfd8fKBZrZys92zOWcik7j9Tw==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.28.6.tgz",
+      "integrity": "sha512-/wHc/paTUmsDYN7SZkpWxogTOBNnlx7nBQYfy6JJlCT7G3mVhltk3e++N7zV0XfgGsrqBxd4rJQt9H16I21Y1Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-create-regexp-features-plugin": "^7.28.5",
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2430,80 +2437,81 @@
       }
     },
     "node_modules/@babel/preset-env": {
-      "version": "7.26.9",
-      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.26.9.tgz",
-      "integrity": "sha512-vX3qPGE8sEKEAZCWk05k3cpTAE3/nOYca++JA+Rd0z2NCNzabmYvEiSShKzm10zdquOIAVXsy2Ei/DTW34KlKQ==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.28.5.tgz",
+      "integrity": "sha512-S36mOoi1Sb6Fz98fBfE+UZSpYw5mJm0NUHtIKrOuNcqeFauy1J6dIvXm2KRVKobOSaGq4t/hBXdN4HGU3wL9Wg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/compat-data": "^7.26.8",
-        "@babel/helper-compilation-targets": "^7.26.5",
-        "@babel/helper-plugin-utils": "^7.26.5",
-        "@babel/helper-validator-option": "^7.25.9",
-        "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.25.9",
-        "@babel/plugin-bugfix-safari-class-field-initializer-scope": "^7.25.9",
-        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.25.9",
-        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.25.9",
-        "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.25.9",
+        "@babel/compat-data": "^7.28.5",
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-validator-option": "^7.27.1",
+        "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.28.5",
+        "@babel/plugin-bugfix-safari-class-field-initializer-scope": "^7.27.1",
+        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.27.1",
+        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.27.1",
+        "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.28.3",
         "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2",
-        "@babel/plugin-syntax-import-assertions": "^7.26.0",
-        "@babel/plugin-syntax-import-attributes": "^7.26.0",
+        "@babel/plugin-syntax-import-assertions": "^7.27.1",
+        "@babel/plugin-syntax-import-attributes": "^7.27.1",
         "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
-        "@babel/plugin-transform-arrow-functions": "^7.25.9",
-        "@babel/plugin-transform-async-generator-functions": "^7.26.8",
-        "@babel/plugin-transform-async-to-generator": "^7.25.9",
-        "@babel/plugin-transform-block-scoped-functions": "^7.26.5",
-        "@babel/plugin-transform-block-scoping": "^7.25.9",
-        "@babel/plugin-transform-class-properties": "^7.25.9",
-        "@babel/plugin-transform-class-static-block": "^7.26.0",
-        "@babel/plugin-transform-classes": "^7.25.9",
-        "@babel/plugin-transform-computed-properties": "^7.25.9",
-        "@babel/plugin-transform-destructuring": "^7.25.9",
-        "@babel/plugin-transform-dotall-regex": "^7.25.9",
-        "@babel/plugin-transform-duplicate-keys": "^7.25.9",
-        "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "^7.25.9",
-        "@babel/plugin-transform-dynamic-import": "^7.25.9",
-        "@babel/plugin-transform-exponentiation-operator": "^7.26.3",
-        "@babel/plugin-transform-export-namespace-from": "^7.25.9",
-        "@babel/plugin-transform-for-of": "^7.26.9",
-        "@babel/plugin-transform-function-name": "^7.25.9",
-        "@babel/plugin-transform-json-strings": "^7.25.9",
-        "@babel/plugin-transform-literals": "^7.25.9",
-        "@babel/plugin-transform-logical-assignment-operators": "^7.25.9",
-        "@babel/plugin-transform-member-expression-literals": "^7.25.9",
-        "@babel/plugin-transform-modules-amd": "^7.25.9",
-        "@babel/plugin-transform-modules-commonjs": "^7.26.3",
-        "@babel/plugin-transform-modules-systemjs": "^7.25.9",
-        "@babel/plugin-transform-modules-umd": "^7.25.9",
-        "@babel/plugin-transform-named-capturing-groups-regex": "^7.25.9",
-        "@babel/plugin-transform-new-target": "^7.25.9",
-        "@babel/plugin-transform-nullish-coalescing-operator": "^7.26.6",
-        "@babel/plugin-transform-numeric-separator": "^7.25.9",
-        "@babel/plugin-transform-object-rest-spread": "^7.25.9",
-        "@babel/plugin-transform-object-super": "^7.25.9",
-        "@babel/plugin-transform-optional-catch-binding": "^7.25.9",
-        "@babel/plugin-transform-optional-chaining": "^7.25.9",
-        "@babel/plugin-transform-parameters": "^7.25.9",
-        "@babel/plugin-transform-private-methods": "^7.25.9",
-        "@babel/plugin-transform-private-property-in-object": "^7.25.9",
-        "@babel/plugin-transform-property-literals": "^7.25.9",
-        "@babel/plugin-transform-regenerator": "^7.25.9",
-        "@babel/plugin-transform-regexp-modifiers": "^7.26.0",
-        "@babel/plugin-transform-reserved-words": "^7.25.9",
-        "@babel/plugin-transform-shorthand-properties": "^7.25.9",
-        "@babel/plugin-transform-spread": "^7.25.9",
-        "@babel/plugin-transform-sticky-regex": "^7.25.9",
-        "@babel/plugin-transform-template-literals": "^7.26.8",
-        "@babel/plugin-transform-typeof-symbol": "^7.26.7",
-        "@babel/plugin-transform-unicode-escapes": "^7.25.9",
-        "@babel/plugin-transform-unicode-property-regex": "^7.25.9",
-        "@babel/plugin-transform-unicode-regex": "^7.25.9",
-        "@babel/plugin-transform-unicode-sets-regex": "^7.25.9",
+        "@babel/plugin-transform-arrow-functions": "^7.27.1",
+        "@babel/plugin-transform-async-generator-functions": "^7.28.0",
+        "@babel/plugin-transform-async-to-generator": "^7.27.1",
+        "@babel/plugin-transform-block-scoped-functions": "^7.27.1",
+        "@babel/plugin-transform-block-scoping": "^7.28.5",
+        "@babel/plugin-transform-class-properties": "^7.27.1",
+        "@babel/plugin-transform-class-static-block": "^7.28.3",
+        "@babel/plugin-transform-classes": "^7.28.4",
+        "@babel/plugin-transform-computed-properties": "^7.27.1",
+        "@babel/plugin-transform-destructuring": "^7.28.5",
+        "@babel/plugin-transform-dotall-regex": "^7.27.1",
+        "@babel/plugin-transform-duplicate-keys": "^7.27.1",
+        "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "^7.27.1",
+        "@babel/plugin-transform-dynamic-import": "^7.27.1",
+        "@babel/plugin-transform-explicit-resource-management": "^7.28.0",
+        "@babel/plugin-transform-exponentiation-operator": "^7.28.5",
+        "@babel/plugin-transform-export-namespace-from": "^7.27.1",
+        "@babel/plugin-transform-for-of": "^7.27.1",
+        "@babel/plugin-transform-function-name": "^7.27.1",
+        "@babel/plugin-transform-json-strings": "^7.27.1",
+        "@babel/plugin-transform-literals": "^7.27.1",
+        "@babel/plugin-transform-logical-assignment-operators": "^7.28.5",
+        "@babel/plugin-transform-member-expression-literals": "^7.27.1",
+        "@babel/plugin-transform-modules-amd": "^7.27.1",
+        "@babel/plugin-transform-modules-commonjs": "^7.27.1",
+        "@babel/plugin-transform-modules-systemjs": "^7.28.5",
+        "@babel/plugin-transform-modules-umd": "^7.27.1",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.27.1",
+        "@babel/plugin-transform-new-target": "^7.27.1",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.27.1",
+        "@babel/plugin-transform-numeric-separator": "^7.27.1",
+        "@babel/plugin-transform-object-rest-spread": "^7.28.4",
+        "@babel/plugin-transform-object-super": "^7.27.1",
+        "@babel/plugin-transform-optional-catch-binding": "^7.27.1",
+        "@babel/plugin-transform-optional-chaining": "^7.28.5",
+        "@babel/plugin-transform-parameters": "^7.27.7",
+        "@babel/plugin-transform-private-methods": "^7.27.1",
+        "@babel/plugin-transform-private-property-in-object": "^7.27.1",
+        "@babel/plugin-transform-property-literals": "^7.27.1",
+        "@babel/plugin-transform-regenerator": "^7.28.4",
+        "@babel/plugin-transform-regexp-modifiers": "^7.27.1",
+        "@babel/plugin-transform-reserved-words": "^7.27.1",
+        "@babel/plugin-transform-shorthand-properties": "^7.27.1",
+        "@babel/plugin-transform-spread": "^7.27.1",
+        "@babel/plugin-transform-sticky-regex": "^7.27.1",
+        "@babel/plugin-transform-template-literals": "^7.27.1",
+        "@babel/plugin-transform-typeof-symbol": "^7.27.1",
+        "@babel/plugin-transform-unicode-escapes": "^7.27.1",
+        "@babel/plugin-transform-unicode-property-regex": "^7.27.1",
+        "@babel/plugin-transform-unicode-regex": "^7.27.1",
+        "@babel/plugin-transform-unicode-sets-regex": "^7.27.1",
         "@babel/preset-modules": "0.1.6-no-external-plugins",
-        "babel-plugin-polyfill-corejs2": "^0.4.10",
-        "babel-plugin-polyfill-corejs3": "^0.11.0",
-        "babel-plugin-polyfill-regenerator": "^0.6.1",
-        "core-js-compat": "^3.40.0",
+        "babel-plugin-polyfill-corejs2": "^0.4.14",
+        "babel-plugin-polyfill-corejs3": "^0.13.0",
+        "babel-plugin-polyfill-regenerator": "^0.6.5",
+        "core-js-compat": "^3.43.0",
         "semver": "^6.3.1"
       },
       "engines": {
@@ -2513,22 +2521,6 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/preset-env/node_modules/@babel/plugin-syntax-import-attributes": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.27.1.tgz",
-      "integrity": "sha512-oFT0FrKHgF53f4vOsZGi2Hh3I35PfSmVs4IBFLFj4dnafP+hIWDLg3VyKmUHfLoLHlyxY4C7DGtmHuJgn+IGww==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.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",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
@@ -2555,44 +2547,41 @@
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.26.10",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.10.tgz",
-      "integrity": "sha512-2WJMeRQPHKSPemqk/awGrAiuFfzBmOIPXKizAsVhWH9YJqLZ0H+HS4c8loHGgW6utJ3E/ejXQUsiGaQy2NZ9Fw==",
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.4.tgz",
+      "integrity": "sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "regenerator-runtime": "^0.14.0"
-      },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/template": {
-      "version": "7.27.2",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
-      "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz",
+      "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==",
       "license": "MIT",
       "dependencies": {
-        "@babel/code-frame": "^7.27.1",
-        "@babel/parser": "^7.27.2",
-        "@babel/types": "^7.27.1"
+        "@babel/code-frame": "^7.28.6",
+        "@babel/parser": "^7.28.6",
+        "@babel/types": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.28.4",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.4.tgz",
-      "integrity": "sha512-YEzuboP2qvQavAcjgQNVgsvHIDv6ZpwXvcvjmyySP2DIMuByS/6ioU5G9pYrWHM6T2YDfc7xga9iNzYOs12CFQ==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.0.tgz",
+      "integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==",
       "license": "MIT",
       "dependencies": {
-        "@babel/code-frame": "^7.27.1",
-        "@babel/generator": "^7.28.3",
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
         "@babel/helper-globals": "^7.28.0",
-        "@babel/parser": "^7.28.4",
-        "@babel/template": "^7.27.2",
-        "@babel/types": "^7.28.4",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.29.0",
         "debug": "^4.3.1"
       },
       "engines": {
@@ -2600,13 +2589,13 @@
       }
     },
     "node_modules/@babel/traverse/node_modules/@babel/generator": {
-      "version": "7.28.3",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.3.tgz",
-      "integrity": "sha512-3lSpxGgvnmZznmBkCRnVREPUFJv2wrv9iAoFDvADJc0ypmdOxdUtcLeBgBJ6zE0PMeTKnxeQzyk0xTBq4Ep7zw==",
+      "version": "7.29.1",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
+      "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
       "license": "MIT",
       "dependencies": {
-        "@babel/parser": "^7.28.3",
-        "@babel/types": "^7.28.2",
+        "@babel/parser": "^7.29.0",
+        "@babel/types": "^7.29.0",
         "@jridgewell/gen-mapping": "^0.3.12",
         "@jridgewell/trace-mapping": "^0.3.28",
         "jsesc": "^3.0.2"
@@ -2616,13 +2605,13 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.28.4",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.4.tgz",
-      "integrity": "sha512-bkFqkLhh3pMBUQQkpVgWDWq/lqzc2678eUyDlTBhRqhCHFguYYGM0Efga7tYk4TogG/3x0EEl66/OQ+WGbWB/Q==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
+      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-string-parser": "^7.27.1",
-        "@babel/helper-validator-identifier": "^7.27.1"
+        "@babel/helper-validator-identifier": "^7.28.5"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2639,19 +2628,53 @@
       }
     },
     "node_modules/@discoveryjs/json-ext": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.6.1.tgz",
-      "integrity": "sha512-boghen8F0Q8D+0/Q1/1r6DUEieUJ8w2a1gIknExMSHBsJFOr2+0KUfHiVYBvucPwl3+RU5PFBK833FjFCh3BhA==",
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.6.3.tgz",
+      "integrity": "sha512-4B4OijXeVNOPZlYA2oEwWOTkzyltLao+xbotHQeqN++Rv27Y6s818+n2Qkp8q+Fxhn0t/5lA5X1Mxktud8eayQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=14.17.0"
       }
     },
+    "node_modules/@emnapi/core": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.8.1.tgz",
+      "integrity": "sha512-AvT9QFpxK0Zd8J0jopedNm+w/2fIzvtPKPjqyw9jwvBaReTTqPBk9Hixaz7KbjimP+QNz605/XnjFcDAL2pqBg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/wasi-threads": "1.1.0",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.8.1.tgz",
+      "integrity": "sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/wasi-threads": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.1.0.tgz",
+      "integrity": "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
     "node_modules/@esbuild/aix-ppc64": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.23.0.tgz",
-      "integrity": "sha512-3sG8Zwa5fMcA9bgqB8AfWPQ+HFke6uD3h1s3RIwUNK8EG7a4buxvuFTs3j1IMs2NXAk9F30C/FF4vxRgQCcmoQ==",
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.2.tgz",
+      "integrity": "sha512-GZMB+a0mOMZs4MpDbj8RJp4cw+w1WV5NYD6xzgvzUJ5Ek2jerwfO2eADyI6ExDSUED+1X8aMbegahsJi+8mgpw==",
       "cpu": [
         "ppc64"
       ],
@@ -2666,9 +2689,9 @@
       }
     },
     "node_modules/@esbuild/android-arm": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.23.0.tgz",
-      "integrity": "sha512-+KuOHTKKyIKgEEqKbGTK8W7mPp+hKinbMBeEnNzjJGyFcWsfrXjSTNluJHCY1RqhxFurdD8uNXQDei7qDlR6+g==",
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.2.tgz",
+      "integrity": "sha512-DVNI8jlPa7Ujbr1yjU2PfUSRtAUZPG9I1RwW4F4xFB1Imiu2on0ADiI/c3td+KmDtVKNbi+nffGDQMfcIMkwIA==",
       "cpu": [
         "arm"
       ],
@@ -2683,9 +2706,9 @@
       }
     },
     "node_modules/@esbuild/android-arm64": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.23.0.tgz",
-      "integrity": "sha512-EuHFUYkAVfU4qBdyivULuu03FhJO4IJN9PGuABGrFy4vUuzk91P2d+npxHcFdpUnfYKy0PuV+n6bKIpHOB3prQ==",
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.2.tgz",
+      "integrity": "sha512-pvz8ZZ7ot/RBphf8fv60ljmaoydPU12VuXHImtAs0XhLLw+EXBi2BLe3OYSBslR4rryHvweW5gmkKFwTiFy6KA==",
       "cpu": [
         "arm64"
       ],
@@ -2700,9 +2723,9 @@
       }
     },
     "node_modules/@esbuild/android-x64": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.23.0.tgz",
-      "integrity": "sha512-WRrmKidLoKDl56LsbBMhzTTBxrsVwTKdNbKDalbEZr0tcsBgCLbEtoNthOW6PX942YiYq8HzEnb4yWQMLQuipQ==",
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.2.tgz",
+      "integrity": "sha512-z8Ank4Byh4TJJOh4wpz8g2vDy75zFL0TlZlkUkEwYXuPSgX8yzep596n6mT7905kA9uHZsf/o2OJZubl2l3M7A==",
       "cpu": [
         "x64"
       ],
@@ -2717,9 +2740,9 @@
       }
     },
     "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.23.0.tgz",
-      "integrity": "sha512-YLntie/IdS31H54Ogdn+v50NuoWF5BDkEUFpiOChVa9UnKpftgwzZRrI4J132ETIi+D8n6xh9IviFV3eXdxfow==",
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.2.tgz",
+      "integrity": "sha512-davCD2Zc80nzDVRwXTcQP/28fiJbcOwvdolL0sOiOsbwBa72kegmVU0Wrh1MYrbuCL98Omp5dVhQFWRKR2ZAlg==",
       "cpu": [
         "arm64"
       ],
@@ -2734,9 +2757,9 @@
       }
     },
     "node_modules/@esbuild/darwin-x64": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.23.0.tgz",
-      "integrity": "sha512-IMQ6eme4AfznElesHUPDZ+teuGwoRmVuuixu7sv92ZkdQcPbsNHzutd+rAfaBKo8YK3IrBEi9SLLKWJdEvJniQ==",
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.2.tgz",
+      "integrity": "sha512-ZxtijOmlQCBWGwbVmwOF/UCzuGIbUkqB1faQRf5akQmxRJ1ujusWsb3CVfk/9iZKr2L5SMU5wPBi1UWbvL+VQA==",
       "cpu": [
         "x64"
       ],
@@ -2751,9 +2774,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.23.0.tgz",
-      "integrity": "sha512-0muYWCng5vqaxobq6LB3YNtevDFSAZGlgtLoAc81PjUfiFz36n4KMpwhtAd4he8ToSI3TGyuhyx5xmiWNYZFyw==",
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.2.tgz",
+      "integrity": "sha512-lS/9CN+rgqQ9czogxlMcBMGd+l8Q3Nj1MFQwBZJyoEKI50XGxwuzznYdwcav6lpOGv5BqaZXqvBSiB/kJ5op+g==",
       "cpu": [
         "arm64"
       ],
@@ -2768,9 +2791,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.23.0.tgz",
-      "integrity": "sha512-XKDVu8IsD0/q3foBzsXGt/KjD/yTKBCIwOHE1XwiXmrRwrX6Hbnd5Eqn/WvDekddK21tfszBSrE/WMaZh+1buQ==",
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.2.tgz",
+      "integrity": "sha512-tAfqtNYb4YgPnJlEFu4c212HYjQWSO/w/h/lQaBK7RbwGIkBOuNKQI9tqWzx7Wtp7bTPaGC6MJvWI608P3wXYA==",
       "cpu": [
         "x64"
       ],
@@ -2785,9 +2808,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.23.0.tgz",
-      "integrity": "sha512-SEELSTEtOFu5LPykzA395Mc+54RMg1EUgXP+iw2SJ72+ooMwVsgfuwXo5Fn0wXNgWZsTVHwY2cg4Vi/bOD88qw==",
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.2.tgz",
+      "integrity": "sha512-vWfq4GaIMP9AIe4yj1ZUW18RDhx6EPQKjwe7n8BbIecFtCQG4CfHGaHuh7fdfq+y3LIA2vGS/o9ZBGVxIDi9hw==",
       "cpu": [
         "arm"
       ],
@@ -2802,9 +2825,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm64": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.23.0.tgz",
-      "integrity": "sha512-j1t5iG8jE7BhonbsEg5d9qOYcVZv/Rv6tghaXM/Ug9xahM0nX/H2gfu6X6z11QRTMT6+aywOMA8TDkhPo8aCGw==",
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.2.tgz",
+      "integrity": "sha512-hYxN8pr66NsCCiRFkHUAsxylNOcAQaxSSkHMMjcpx0si13t1LHFphxJZUiGwojB1a/Hd5OiPIqDdXONia6bhTw==",
       "cpu": [
         "arm64"
       ],
@@ -2819,9 +2842,9 @@
       }
     },
     "node_modules/@esbuild/linux-ia32": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.23.0.tgz",
-      "integrity": "sha512-P7O5Tkh2NbgIm2R6x1zGJJsnacDzTFcRWZyTTMgFdVit6E98LTxO+v8LCCLWRvPrjdzXHx9FEOA8oAZPyApWUA==",
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.2.tgz",
+      "integrity": "sha512-MJt5BRRSScPDwG2hLelYhAAKh9imjHK5+NE/tvnRLbIqUWa+0E9N4WNMjmp/kXXPHZGqPLxggwVhz7QP8CTR8w==",
       "cpu": [
         "ia32"
       ],
@@ -2836,9 +2859,9 @@
       }
     },
     "node_modules/@esbuild/linux-loong64": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.23.0.tgz",
-      "integrity": "sha512-InQwepswq6urikQiIC/kkx412fqUZudBO4SYKu0N+tGhXRWUqAx+Q+341tFV6QdBifpjYgUndV1hhMq3WeJi7A==",
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.2.tgz",
+      "integrity": "sha512-lugyF1atnAT463aO6KPshVCJK5NgRnU4yb3FUumyVz+cGvZbontBgzeGFO1nF+dPueHD367a2ZXe1NtUkAjOtg==",
       "cpu": [
         "loong64"
       ],
@@ -2853,9 +2876,9 @@
       }
     },
     "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.23.0.tgz",
-      "integrity": "sha512-J9rflLtqdYrxHv2FqXE2i1ELgNjT+JFURt/uDMoPQLcjWQA5wDKgQA4t/dTqGa88ZVECKaD0TctwsUfHbVoi4w==",
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.2.tgz",
+      "integrity": "sha512-nlP2I6ArEBewvJ2gjrrkESEZkB5mIoaTswuqNFRv/WYd+ATtUpe9Y09RnJvgvdag7he0OWgEZWhviS1OTOKixw==",
       "cpu": [
         "mips64el"
       ],
@@ -2870,9 +2893,9 @@
       }
     },
     "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.23.0.tgz",
-      "integrity": "sha512-cShCXtEOVc5GxU0fM+dsFD10qZ5UpcQ8AM22bYj0u/yaAykWnqXJDpd77ublcX6vdDsWLuweeuSNZk4yUxZwtw==",
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.2.tgz",
+      "integrity": "sha512-C92gnpey7tUQONqg1n6dKVbx3vphKtTHJaNG2Ok9lGwbZil6DrfyecMsp9CrmXGQJmZ7iiVXvvZH6Ml5hL6XdQ==",
       "cpu": [
         "ppc64"
       ],
@@ -2887,9 +2910,9 @@
       }
     },
     "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.23.0.tgz",
-      "integrity": "sha512-HEtaN7Y5UB4tZPeQmgz/UhzoEyYftbMXrBCUjINGjh3uil+rB/QzzpMshz3cNUxqXN7Vr93zzVtpIDL99t9aRw==",
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.2.tgz",
+      "integrity": "sha512-B5BOmojNtUyN8AXlK0QJyvjEZkWwy/FKvakkTDCziX95AowLZKR6aCDhG7LeF7uMCXEJqwa8Bejz5LTPYm8AvA==",
       "cpu": [
         "riscv64"
       ],
@@ -2904,9 +2927,9 @@
       }
     },
     "node_modules/@esbuild/linux-s390x": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.23.0.tgz",
-      "integrity": "sha512-WDi3+NVAuyjg/Wxi+o5KPqRbZY0QhI9TjrEEm+8dmpY9Xir8+HE/HNx2JoLckhKbFopW0RdO2D72w8trZOV+Wg==",
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.2.tgz",
+      "integrity": "sha512-p4bm9+wsPwup5Z8f4EpfN63qNagQ47Ua2znaqGH6bqLlmJ4bx97Y9JdqxgGZ6Y8xVTixUnEkoKSHcpRlDnNr5w==",
       "cpu": [
         "s390x"
       ],
@@ -2921,9 +2944,9 @@
       }
     },
     "node_modules/@esbuild/linux-x64": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.23.0.tgz",
-      "integrity": "sha512-a3pMQhUEJkITgAw6e0bWA+F+vFtCciMjW/LPtoj99MhVt+Mfb6bbL9hu2wmTZgNd994qTAEw+U/r6k3qHWWaOQ==",
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.2.tgz",
+      "integrity": "sha512-uwp2Tip5aPmH+NRUwTcfLb+W32WXjpFejTIOWZFw/v7/KnpCDKG66u4DLcurQpiYTiYwQ9B7KOeMJvLCu/OvbA==",
       "cpu": [
         "x64"
       ],
@@ -2937,10 +2960,27 @@
         "node": ">=18"
       }
     },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.2.tgz",
+      "integrity": "sha512-Kj6DiBlwXrPsCRDeRvGAUb/LNrBASrfqAIok+xB0LxK8CHqxZ037viF13ugfsIpePH93mX7xfJp97cyDuTZ3cw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.23.0.tgz",
-      "integrity": "sha512-cRK+YDem7lFTs2Q5nEv/HHc4LnrfBCbH5+JHu6wm2eP+d8OZNoSMYgPZJq78vqQ9g+9+nMuIsAO7skzphRXHyw==",
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.2.tgz",
+      "integrity": "sha512-HwGDZ0VLVBY3Y+Nw0JexZy9o/nUAWq9MlV7cahpaXKW6TOzfVno3y3/M8Ga8u8Yr7GldLOov27xiCnqRZf0tCA==",
       "cpu": [
         "x64"
       ],
@@ -2955,9 +2995,9 @@
       }
     },
     "node_modules/@esbuild/openbsd-arm64": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.23.0.tgz",
-      "integrity": "sha512-suXjq53gERueVWu0OKxzWqk7NxiUWSUlrxoZK7usiF50C6ipColGR5qie2496iKGYNLhDZkPxBI3erbnYkU0rQ==",
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.2.tgz",
+      "integrity": "sha512-DNIHH2BPQ5551A7oSHD0CKbwIA/Ox7+78/AWkbS5QoRzaqlev2uFayfSxq68EkonB+IKjiuxBFoV8ESJy8bOHA==",
       "cpu": [
         "arm64"
       ],
@@ -2972,9 +3012,9 @@
       }
     },
     "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.23.0.tgz",
-      "integrity": "sha512-6p3nHpby0DM/v15IFKMjAaayFhqnXV52aEmv1whZHX56pdkK+MEaLoQWj+H42ssFarP1PcomVhbsR4pkz09qBg==",
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.2.tgz",
+      "integrity": "sha512-/it7w9Nb7+0KFIzjalNJVR5bOzA9Vay+yIPLVHfIQYG/j+j9VTH84aNB8ExGKPU4AzfaEvN9/V4HV+F+vo8OEg==",
       "cpu": [
         "x64"
       ],
@@ -2988,10 +3028,27 @@
         "node": ">=18"
       }
     },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.2.tgz",
+      "integrity": "sha512-LRBbCmiU51IXfeXk59csuX/aSaToeG7w48nMwA6049Y4J4+VbWALAuXcs+qcD04rHDuSCSRKdmY63sruDS5qag==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/@esbuild/sunos-x64": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.23.0.tgz",
-      "integrity": "sha512-BFelBGfrBwk6LVrmFzCq1u1dZbG4zy/Kp93w2+y83Q5UGYF1d8sCzeLI9NXjKyujjBBniQa8R8PzLFAUrSM9OA==",
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.2.tgz",
+      "integrity": "sha512-kMtx1yqJHTmqaqHPAzKCAkDaKsffmXkPHThSfRwZGyuqyIeBvf08KSsYXl+abf5HDAPMJIPnbBfXvP2ZC2TfHg==",
       "cpu": [
         "x64"
       ],
@@ -3006,9 +3063,9 @@
       }
     },
     "node_modules/@esbuild/win32-arm64": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.23.0.tgz",
-      "integrity": "sha512-lY6AC8p4Cnb7xYHuIxQ6iYPe6MfO2CC43XXKo9nBXDb35krYt7KGhQnOkRGar5psxYkircpCqfbNDB4uJbS2jQ==",
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.2.tgz",
+      "integrity": "sha512-Yaf78O/B3Kkh+nKABUF++bvJv5Ijoy9AN1ww904rOXZFLWVc5OLOfL56W+C8F9xn5JQZa3UX6m+IktJnIb1Jjg==",
       "cpu": [
         "arm64"
       ],
@@ -3023,9 +3080,9 @@
       }
     },
     "node_modules/@esbuild/win32-ia32": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.23.0.tgz",
-      "integrity": "sha512-7L1bHlOTcO4ByvI7OXVI5pNN6HSu6pUQq9yodga8izeuB1KcT2UkHaH6118QJwopExPn0rMHIseCTx1CRo/uNA==",
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.2.tgz",
+      "integrity": "sha512-Iuws0kxo4yusk7sw70Xa2E2imZU5HoixzxfGCdxwBdhiDgt9vX9VUCBhqcwY7/uh//78A1hMkkROMJq9l27oLQ==",
       "cpu": [
         "ia32"
       ],
@@ -3040,9 +3097,9 @@
       }
     },
     "node_modules/@esbuild/win32-x64": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.23.0.tgz",
-      "integrity": "sha512-Arm+WgUFLUATuoxCJcahGuk6Yj9Pzxd6l11Zb/2aAuv5kWWvvfhLFo2fni4uSK5vzlUdCGZ/BdV5tH8klj8p8g==",
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.2.tgz",
+      "integrity": "sha512-sRdU18mcKf7F+YgheI/zGf5alZatMUTKj/jNS6l744f9u3WFu4v7twcUI9vu4mknF4Y9aDlblIie0IM+5xxaqQ==",
       "cpu": [
         "x64"
       ],
@@ -3057,9 +3114,9 @@
       }
     },
     "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.9.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.0.tgz",
-      "integrity": "sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==",
+      "version": "4.9.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
+      "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3089,9 +3146,9 @@
       }
     },
     "node_modules/@eslint-community/regexpp": {
-      "version": "4.12.1",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
-      "integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
+      "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -3099,13 +3156,13 @@
       }
     },
     "node_modules/@eslint/config-array": {
-      "version": "0.21.0",
-      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.0.tgz",
-      "integrity": "sha512-ENIdc4iLu0d93HeYirvKmrzshzofPw6VkZRKQGe9Nv46ZnWUzcF1xV01dcvEg/1wXUR61OmmlSfyeyO7EvjLxQ==",
+      "version": "0.21.1",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.1.tgz",
+      "integrity": "sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@eslint/object-schema": "^2.1.6",
+        "@eslint/object-schema": "^2.1.7",
         "debug": "^4.3.1",
         "minimatch": "^3.1.2"
       },
@@ -3127,19 +3184,22 @@
       }
     },
     "node_modules/@eslint/config-helpers": {
-      "version": "0.3.1",
-      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.3.1.tgz",
-      "integrity": "sha512-xR93k9WhrDYpXHORXpxVL5oHj3Era7wo6k/Wd8/IsQNnZUTzkGS29lyn3nAT05v6ltUuTFVCCYDEGfy2Or/sPA==",
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz",
+      "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
       "dev": true,
       "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.17.0"
+      },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
     "node_modules/@eslint/core": {
-      "version": "0.15.2",
-      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.15.2.tgz",
-      "integrity": "sha512-78Md3/Rrxh83gCxoUc0EiciuOHsIITzLy53m3d9UyiW8y9Dj2D29FeETqyKA+BRK76tnTp6RXWb3pCay8Oyomg==",
+      "version": "0.17.0",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz",
+      "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -3150,9 +3210,9 @@
       }
     },
     "node_modules/@eslint/eslintrc": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.1.tgz",
-      "integrity": "sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==",
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.3.tgz",
+      "integrity": "sha512-Kr+LPIUVKz2qkx1HAMH8q1q6azbqBAsXJUxBl/ODDuVPX45Z9DfwB8tPjTi6nNZ8BuM3nbJxC5zCAg5elnBUTQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3162,7 +3222,7 @@
         "globals": "^14.0.0",
         "ignore": "^5.2.0",
         "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.0",
+        "js-yaml": "^4.1.1",
         "minimatch": "^3.1.2",
         "strip-json-comments": "^3.1.1"
       },
@@ -3221,9 +3281,9 @@
       }
     },
     "node_modules/@eslint/js": {
-      "version": "9.36.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.36.0.tgz",
-      "integrity": "sha512-uhCbYtYynH30iZErszX78U+nR3pJU3RHGQ57NXy5QupD4SBVwDeU8TNBy+MjMngc1UyIW9noKqsRqfjQTBU2dw==",
+      "version": "9.39.2",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.2.tgz",
+      "integrity": "sha512-q1mjIoW1VX4IvSocvM/vbTiveKC4k9eLrajNEuSsmjymSDEbpGddtpfOoN7YGAqBK3NG+uqo8ia4PDTt8buCYA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -3234,9 +3294,9 @@
       }
     },
     "node_modules/@eslint/object-schema": {
-      "version": "2.1.6",
-      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.6.tgz",
-      "integrity": "sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==",
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz",
+      "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
@@ -3244,13 +3304,13 @@
       }
     },
     "node_modules/@eslint/plugin-kit": {
-      "version": "0.3.5",
-      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.3.5.tgz",
-      "integrity": "sha512-Z5kJ+wU3oA7MMIqVR9tyZRtjYPr4OC004Q4Rw7pgOKUOKkJfZ3O24nz3WYfGRpMDNmcOi3TwQOmgm7B7Tpii0w==",
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz",
+      "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@eslint/core": "^0.15.2",
+        "@eslint/core": "^0.17.0",
         "levn": "^0.4.1"
       },
       "engines": {
@@ -3280,6 +3340,19 @@
         "node": ">=10.13.0"
       }
     },
+    "node_modules/@hono/node-server": {
+      "version": "1.19.9",
+      "resolved": "https://registry.npmjs.org/@hono/node-server/-/node-server-1.19.9.tgz",
+      "integrity": "sha512-vHL6w3ecZsky+8P5MD+eFfaGTyCeOHUIFYMGpQGbrBTSmNNoxv0if69rEZ5giu36weC5saFuznL411gRX7bJDw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.14.1"
+      },
+      "peerDependencies": {
+        "hono": "^4"
+      }
+    },
     "node_modules/@humanfs/core": {
       "version": "0.19.1",
       "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
@@ -3332,125 +3405,163 @@
         "url": "https://github.com/sponsors/nzakas"
       }
     },
+    "node_modules/@inquirer/ansi": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@inquirer/ansi/-/ansi-1.0.2.tgz",
+      "integrity": "sha512-S8qNSZiYzFd0wAcyG5AXCvUHC5Sr7xpZ9wZ2py9XR88jUz8wooStVx5M6dRzczbBWjic9NP7+rY0Xi7qqK/aMQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/@inquirer/checkbox": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/@inquirer/checkbox/-/checkbox-2.5.0.tgz",
-      "integrity": "sha512-sMgdETOfi2dUHT8r7TT1BTKOwNvdDGFDXYWtQ2J69SvlYNntk9I/gJe7r5yvMwwsuKnYbuRs3pNhx4tgNck5aA==",
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/@inquirer/checkbox/-/checkbox-4.3.2.tgz",
+      "integrity": "sha512-VXukHf0RR1doGe6Sm4F0Em7SWYLTHSsbGfJdS9Ja2bX5/D5uwVOEjr07cncLROdBvmnvCATYEWlHqYmXv2IlQA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@inquirer/core": "^9.1.0",
-        "@inquirer/figures": "^1.0.5",
-        "@inquirer/type": "^1.5.3",
-        "ansi-escapes": "^4.3.2",
-        "yoctocolors-cjs": "^2.1.2"
+        "@inquirer/ansi": "^1.0.2",
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/figures": "^1.0.15",
+        "@inquirer/type": "^3.0.10",
+        "yoctocolors-cjs": "^2.1.3"
       },
       "engines": {
         "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
       }
     },
     "node_modules/@inquirer/confirm": {
-      "version": "3.1.22",
-      "resolved": "https://registry.npmjs.org/@inquirer/confirm/-/confirm-3.1.22.tgz",
-      "integrity": "sha512-gsAKIOWBm2Q87CDfs9fEo7wJT3fwWIJfnDGMn9Qy74gBnNFOACDNfhUzovubbJjWnKLGBln7/NcSmZwj5DuEXg==",
+      "version": "5.1.21",
+      "resolved": "https://registry.npmjs.org/@inquirer/confirm/-/confirm-5.1.21.tgz",
+      "integrity": "sha512-KR8edRkIsUayMXV+o3Gv+q4jlhENF9nMYUZs9PA2HzrXeHI8M5uDag70U7RJn9yyiMZSbtF5/UexBtAVtZGSbQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@inquirer/core": "^9.0.10",
-        "@inquirer/type": "^1.5.2"
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/type": "^3.0.10"
       },
       "engines": {
         "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
       }
     },
     "node_modules/@inquirer/core": {
-      "version": "9.2.1",
-      "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-9.2.1.tgz",
-      "integrity": "sha512-F2VBt7W/mwqEU4bL0RnHNZmC/OxzNx9cOYxHqnXX3MP6ruYvZUZAW9imgN9+h/uBT/oP8Gh888J2OZSbjSeWcg==",
+      "version": "10.3.2",
+      "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-10.3.2.tgz",
+      "integrity": "sha512-43RTuEbfP8MbKzedNqBrlhhNKVwoK//vUFNW3Q3vZ88BLcrs4kYpGg+B2mm5p2K/HfygoCxuKwJJiv8PbGmE0A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@inquirer/figures": "^1.0.6",
-        "@inquirer/type": "^2.0.0",
-        "@types/mute-stream": "^0.0.4",
-        "@types/node": "^22.5.5",
-        "@types/wrap-ansi": "^3.0.0",
-        "ansi-escapes": "^4.3.2",
+        "@inquirer/ansi": "^1.0.2",
+        "@inquirer/figures": "^1.0.15",
+        "@inquirer/type": "^3.0.10",
         "cli-width": "^4.1.0",
-        "mute-stream": "^1.0.0",
+        "mute-stream": "^2.0.0",
         "signal-exit": "^4.1.0",
-        "strip-ansi": "^6.0.1",
         "wrap-ansi": "^6.2.0",
-        "yoctocolors-cjs": "^2.1.2"
+        "yoctocolors-cjs": "^2.1.3"
       },
       "engines": {
         "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@inquirer/core/node_modules/@inquirer/type": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-2.0.0.tgz",
-      "integrity": "sha512-XvJRx+2KR3YXyYtPUUy+qd9i7p+GO9Ko6VIIpWlBrpWwXDv8WLFeHTxz35CfQFUiBMLXlGHhGzys7lqit9gWag==",
+    "node_modules/@inquirer/editor": {
+      "version": "4.2.23",
+      "resolved": "https://registry.npmjs.org/@inquirer/editor/-/editor-4.2.23.tgz",
+      "integrity": "sha512-aLSROkEwirotxZ1pBaP8tugXRFCxW94gwrQLxXfrZsKkfjOYC1aRvAZuhpJOb5cu4IBTJdsCigUlf2iCOu4ZDQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "mute-stream": "^1.0.0"
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/external-editor": "^1.0.3",
+        "@inquirer/type": "^3.0.10"
       },
       "engines": {
         "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@inquirer/core/node_modules/@types/node": {
-      "version": "22.18.8",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.18.8.tgz",
-      "integrity": "sha512-pAZSHMiagDR7cARo/cch1f3rXy0AEXwsVsVH09FcyeJVAzCnGgmYis7P3JidtTUjyadhTeSo8TgRPswstghDaw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "undici-types": "~6.21.0"
-      }
-    },
-    "node_modules/@inquirer/core/node_modules/undici-types": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
-      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@inquirer/editor": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/@inquirer/editor/-/editor-2.2.0.tgz",
-      "integrity": "sha512-9KHOpJ+dIL5SZli8lJ6xdaYLPPzB8xB9GZItg39MBybzhxA16vxmszmQFrRwbOA918WA2rvu8xhDEg/p6LXKbw==",
+    "node_modules/@inquirer/expand": {
+      "version": "4.0.23",
+      "resolved": "https://registry.npmjs.org/@inquirer/expand/-/expand-4.0.23.tgz",
+      "integrity": "sha512-nRzdOyFYnpeYTTR2qFwEVmIWypzdAx/sIkCMeTNTcflFOovfqUk+HcFhQQVBftAh9gmGrpFj6QcGEqrDMDOiew==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@inquirer/core": "^9.1.0",
-        "@inquirer/type": "^1.5.3",
-        "external-editor": "^3.1.0"
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/type": "^3.0.10",
+        "yoctocolors-cjs": "^2.1.3"
       },
       "engines": {
         "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@inquirer/expand": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@inquirer/expand/-/expand-2.3.0.tgz",
-      "integrity": "sha512-qnJsUcOGCSG1e5DTOErmv2BPQqrtT6uzqn1vI/aYGiPKq+FgslGZmtdnXbhuI7IlT7OByDoEEqdnhUnVR2hhLw==",
+    "node_modules/@inquirer/external-editor": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@inquirer/external-editor/-/external-editor-1.0.3.tgz",
+      "integrity": "sha512-RWbSrDiYmO4LbejWY7ttpxczuwQyZLBUyygsA9Nsv95hpzUWwnNTVQmAq3xuh7vNwCp07UTmE5i11XAEExx4RA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@inquirer/core": "^9.1.0",
-        "@inquirer/type": "^1.5.3",
-        "yoctocolors-cjs": "^2.1.2"
+        "chardet": "^2.1.1",
+        "iconv-lite": "^0.7.0"
       },
       "engines": {
         "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
       }
     },
     "node_modules/@inquirer/figures": {
-      "version": "1.0.13",
-      "resolved": "https://registry.npmjs.org/@inquirer/figures/-/figures-1.0.13.tgz",
-      "integrity": "sha512-lGPVU3yO9ZNqA7vTYz26jny41lE7yoQansmqdMLBEfqaGsmdg7V3W9mK9Pvb5IL4EVZ9GnSDGMO/cJXud5dMaw==",
+      "version": "1.0.15",
+      "resolved": "https://registry.npmjs.org/@inquirer/figures/-/figures-1.0.15.tgz",
+      "integrity": "sha512-t2IEY+unGHOzAaVM5Xx6DEWKeXlDDcNPeDyUpsRc6CUhBfU3VQOEl+Vssh7VNp1dR8MdUJBWhuObjXCsVpjN5g==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -3458,130 +3569,191 @@
       }
     },
     "node_modules/@inquirer/input": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@inquirer/input/-/input-2.3.0.tgz",
-      "integrity": "sha512-XfnpCStx2xgh1LIRqPXrTNEEByqQWoxsWYzNRSEUxJ5c6EQlhMogJ3vHKu8aXuTacebtaZzMAHwEL0kAflKOBw==",
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/@inquirer/input/-/input-4.3.1.tgz",
+      "integrity": "sha512-kN0pAM4yPrLjJ1XJBjDxyfDduXOuQHrBB8aLDMueuwUGn+vNpF7Gq7TvyVxx8u4SHlFFj4trmj+a2cbpG4Jn1g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@inquirer/core": "^9.1.0",
-        "@inquirer/type": "^1.5.3"
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/type": "^3.0.10"
       },
       "engines": {
         "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
       }
     },
     "node_modules/@inquirer/number": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@inquirer/number/-/number-1.1.0.tgz",
-      "integrity": "sha512-ilUnia/GZUtfSZy3YEErXLJ2Sljo/mf9fiKc08n18DdwdmDbOzRcTv65H1jjDvlsAuvdFXf4Sa/aL7iw/NanVA==",
+      "version": "3.0.23",
+      "resolved": "https://registry.npmjs.org/@inquirer/number/-/number-3.0.23.tgz",
+      "integrity": "sha512-5Smv0OK7K0KUzUfYUXDXQc9jrf8OHo4ktlEayFlelCjwMXz0299Y8OrI+lj7i4gCBY15UObk76q0QtxjzFcFcg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@inquirer/core": "^9.1.0",
-        "@inquirer/type": "^1.5.3"
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/type": "^3.0.10"
       },
       "engines": {
         "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
       }
     },
     "node_modules/@inquirer/password": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/@inquirer/password/-/password-2.2.0.tgz",
-      "integrity": "sha512-5otqIpgsPYIshqhgtEwSspBQE40etouR8VIxzpJkv9i0dVHIpyhiivbkH9/dGiMLdyamT54YRdGJLfl8TFnLHg==",
+      "version": "4.0.23",
+      "resolved": "https://registry.npmjs.org/@inquirer/password/-/password-4.0.23.tgz",
+      "integrity": "sha512-zREJHjhT5vJBMZX/IUbyI9zVtVfOLiTO66MrF/3GFZYZ7T4YILW5MSkEYHceSii/KtRk+4i3RE7E1CUXA2jHcA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@inquirer/core": "^9.1.0",
-        "@inquirer/type": "^1.5.3",
-        "ansi-escapes": "^4.3.2"
+        "@inquirer/ansi": "^1.0.2",
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/type": "^3.0.10"
       },
       "engines": {
         "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
       }
     },
     "node_modules/@inquirer/prompts": {
-      "version": "5.3.8",
-      "resolved": "https://registry.npmjs.org/@inquirer/prompts/-/prompts-5.3.8.tgz",
-      "integrity": "sha512-b2BudQY/Si4Y2a0PdZZL6BeJtl8llgeZa7U2j47aaJSCeAl1e4UI7y8a9bSkO3o/ZbZrgT5muy/34JbsjfIWxA==",
+      "version": "7.10.1",
+      "resolved": "https://registry.npmjs.org/@inquirer/prompts/-/prompts-7.10.1.tgz",
+      "integrity": "sha512-Dx/y9bCQcXLI5ooQ5KyvA4FTgeo2jYj/7plWfV5Ak5wDPKQZgudKez2ixyfz7tKXzcJciTxqLeK7R9HItwiByg==",
       "dev": true,
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@inquirer/checkbox": "^2.4.7",
-        "@inquirer/confirm": "^3.1.22",
-        "@inquirer/editor": "^2.1.22",
-        "@inquirer/expand": "^2.1.22",
-        "@inquirer/input": "^2.2.9",
-        "@inquirer/number": "^1.0.10",
-        "@inquirer/password": "^2.1.22",
-        "@inquirer/rawlist": "^2.2.4",
-        "@inquirer/search": "^1.0.7",
-        "@inquirer/select": "^2.4.7"
+        "@inquirer/checkbox": "^4.3.2",
+        "@inquirer/confirm": "^5.1.21",
+        "@inquirer/editor": "^4.2.23",
+        "@inquirer/expand": "^4.0.23",
+        "@inquirer/input": "^4.3.1",
+        "@inquirer/number": "^3.0.23",
+        "@inquirer/password": "^4.0.23",
+        "@inquirer/rawlist": "^4.1.11",
+        "@inquirer/search": "^3.2.2",
+        "@inquirer/select": "^4.4.2"
       },
       "engines": {
         "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
       }
     },
     "node_modules/@inquirer/rawlist": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@inquirer/rawlist/-/rawlist-2.3.0.tgz",
-      "integrity": "sha512-zzfNuINhFF7OLAtGHfhwOW2TlYJyli7lOUoJUXw/uyklcwalV6WRXBXtFIicN8rTRK1XTiPWB4UY+YuW8dsnLQ==",
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@inquirer/rawlist/-/rawlist-4.1.11.tgz",
+      "integrity": "sha512-+LLQB8XGr3I5LZN/GuAHo+GpDJegQwuPARLChlMICNdwW7OwV2izlCSCxN6cqpL0sMXmbKbFcItJgdQq5EBXTw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@inquirer/core": "^9.1.0",
-        "@inquirer/type": "^1.5.3",
-        "yoctocolors-cjs": "^2.1.2"
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/type": "^3.0.10",
+        "yoctocolors-cjs": "^2.1.3"
       },
       "engines": {
         "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
       }
     },
     "node_modules/@inquirer/search": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@inquirer/search/-/search-1.1.0.tgz",
-      "integrity": "sha512-h+/5LSj51dx7hp5xOn4QFnUaKeARwUCLs6mIhtkJ0JYPBLmEYjdHSYh7I6GrLg9LwpJ3xeX0FZgAG1q0QdCpVQ==",
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@inquirer/search/-/search-3.2.2.tgz",
+      "integrity": "sha512-p2bvRfENXCZdWF/U2BXvnSI9h+tuA8iNqtUKb9UWbmLYCRQxd8WkvwWvYn+3NgYaNwdUkHytJMGG4MMLucI1kA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@inquirer/core": "^9.1.0",
-        "@inquirer/figures": "^1.0.5",
-        "@inquirer/type": "^1.5.3",
-        "yoctocolors-cjs": "^2.1.2"
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/figures": "^1.0.15",
+        "@inquirer/type": "^3.0.10",
+        "yoctocolors-cjs": "^2.1.3"
       },
       "engines": {
         "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
       }
     },
     "node_modules/@inquirer/select": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/@inquirer/select/-/select-2.5.0.tgz",
-      "integrity": "sha512-YmDobTItPP3WcEI86GvPo+T2sRHkxxOq/kXmsBjHS5BVXUgvgZ5AfJjkvQvZr03T81NnI3KrrRuMzeuYUQRFOA==",
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/@inquirer/select/-/select-4.4.2.tgz",
+      "integrity": "sha512-l4xMuJo55MAe+N7Qr4rX90vypFwCajSakx59qe/tMaC1aEHWLyw68wF4o0A4SLAY4E0nd+Vt+EyskeDIqu1M6w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@inquirer/core": "^9.1.0",
-        "@inquirer/figures": "^1.0.5",
-        "@inquirer/type": "^1.5.3",
-        "ansi-escapes": "^4.3.2",
-        "yoctocolors-cjs": "^2.1.2"
+        "@inquirer/ansi": "^1.0.2",
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/figures": "^1.0.15",
+        "@inquirer/type": "^3.0.10",
+        "yoctocolors-cjs": "^2.1.3"
       },
       "engines": {
         "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
       }
     },
     "node_modules/@inquirer/type": {
-      "version": "1.5.5",
-      "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-1.5.5.tgz",
-      "integrity": "sha512-MzICLu4yS7V8AA61sANROZ9vT1H3ooca5dSmI1FjZkzq7o/koMsRfQSzRtFo+F3Ao4Sf1C0bpLKejpKB/+j6MA==",
+      "version": "3.0.10",
+      "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-3.0.10.tgz",
+      "integrity": "sha512-BvziSRxfz5Ov8ch0z/n3oijRSEcEsHnhggm4xFZe93DHcUCTlutlq9Ox4SVENAfcRD22UQq7T/atg9Wr3k09eA==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "mute-stream": "^1.0.0"
-      },
       "engines": {
         "node": ">=18"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
       }
     },
     "node_modules/@isaacs/balanced-match": {
@@ -3595,9 +3767,9 @@
       }
     },
     "node_modules/@isaacs/brace-expansion": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/@isaacs/brace-expansion/-/brace-expansion-5.0.0.tgz",
-      "integrity": "sha512-ZT55BDLV0yv0RBm2czMiZ+SqCGO7AvmOM3G/w2xhVPH+te0aKgFjmBvGlL1dH+ql2tgGO3MVrbb3jCKyvpgnxA==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/@isaacs/brace-expansion/-/brace-expansion-5.0.1.tgz",
+      "integrity": "sha512-WMz71T1JS624nWj2n2fnYAuPovhv7EUhk69R6i9dsVyzxt5eM3bjwvgk9L+APE1TRscGysAVMANkB0jh0LQZrQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3608,125 +3780,55 @@
       }
     },
     "node_modules/@isaacs/cliui": {
-      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
-      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-9.0.0.tgz",
+      "integrity": "sha512-AokJm4tuBHillT+FpMtxQ60n8ObyXBatq7jD2/JA9dxbDDokKQm8KMht5ibGzLVU9IJDIKK4TPKgMHEYMn3lMg==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@isaacs/fs-minipass": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz",
+      "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==",
       "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"
+        "minipass": "^7.0.4"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
-      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+    "node_modules/@istanbuljs/schema": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
+      "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+        "node": ">=8"
       }
     },
-    "node_modules/@isaacs/cliui/node_modules/ansi-styles": {
-      "version": "6.2.3",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
-      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
-      "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",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@isaacs/cliui/node_modules/string-width": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
-      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-      "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.2",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
-      "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
-      "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",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
-      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-      "dev": true,
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
       "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/schema": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
-      "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
       }
     },
-    "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.13",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
-      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
       "license": "MIT",
       "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/gen-mapping": "^0.3.5",
         "@jridgewell/trace-mapping": "^0.3.24"
       }
     },
@@ -3784,9 +3886,9 @@
       }
     },
     "node_modules/@jsonjoy.com/buffers": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/buffers/-/buffers-1.0.0.tgz",
-      "integrity": "sha512-NDigYR3PHqCnQLXYyoLbnEdzMMvzeiCWo1KOut7Q0CoIqg9tUAPKJ1iq/2nFhc5kZtexzutNY0LFjdwWL3Dw3Q==",
+      "version": "17.67.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/buffers/-/buffers-17.67.0.tgz",
+      "integrity": "sha512-tfExRpYxBvi32vPs9ZHaTjSP4fHAfzSmcahOfNxtvGHcyJel+aibkPlGeBB+7AoC6hL7lXIE++8okecBxx7lcw==",
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
@@ -3817,19 +3919,15 @@
         "tslib": "2"
       }
     },
-    "node_modules/@jsonjoy.com/json-pack": {
-      "version": "1.14.0",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/json-pack/-/json-pack-1.14.0.tgz",
-      "integrity": "sha512-LpWbYgVnKzphN5S6uss4M25jJ/9+m6q6UJoeN6zTkK4xAGhKsiBRPVeF7OYMWonn5repMQbE5vieRXcMUrKDKw==",
+    "node_modules/@jsonjoy.com/fs-core": {
+      "version": "4.56.10",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-core/-/fs-core-4.56.10.tgz",
+      "integrity": "sha512-PyAEA/3cnHhsGcdY+AmIU+ZPqTuZkDhCXQ2wkXypdLitSpd6d5Ivxhnq4wa2ETRWFVJGabYynBWxIijOswSmOw==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@jsonjoy.com/base64": "^1.1.2",
-        "@jsonjoy.com/buffers": "^1.0.0",
-        "@jsonjoy.com/codegen": "^1.0.0",
-        "@jsonjoy.com/json-pointer": "^1.0.1",
-        "@jsonjoy.com/util": "^1.9.0",
-        "hyperdyperid": "^1.2.0",
+        "@jsonjoy.com/fs-node-builtins": "4.56.10",
+        "@jsonjoy.com/fs-node-utils": "4.56.10",
         "thingies": "^2.5.0"
       },
       "engines": {
@@ -3843,15 +3941,17 @@
         "tslib": "2"
       }
     },
-    "node_modules/@jsonjoy.com/json-pointer": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/json-pointer/-/json-pointer-1.0.2.tgz",
-      "integrity": "sha512-Fsn6wM2zlDzY1U+v4Nc8bo3bVqgfNTGcn6dMgs6FjrEnt4ZCe60o6ByKRjOGlI2gow0aE/Q41QOigdTqkyK5fg==",
+    "node_modules/@jsonjoy.com/fs-fsa": {
+      "version": "4.56.10",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-fsa/-/fs-fsa-4.56.10.tgz",
+      "integrity": "sha512-/FVK63ysNzTPOnCCcPoPHt77TOmachdMS422txM4KhxddLdbW1fIbFMYH0AM0ow/YchCyS5gqEjKLNyv71j/5Q==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@jsonjoy.com/codegen": "^1.0.0",
-        "@jsonjoy.com/util": "^1.9.0"
+        "@jsonjoy.com/fs-core": "4.56.10",
+        "@jsonjoy.com/fs-node-builtins": "4.56.10",
+        "@jsonjoy.com/fs-node-utils": "4.56.10",
+        "thingies": "^2.5.0"
       },
       "engines": {
         "node": ">=10.0"
@@ -3864,15 +3964,20 @@
         "tslib": "2"
       }
     },
-    "node_modules/@jsonjoy.com/util": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/util/-/util-1.9.0.tgz",
-      "integrity": "sha512-pLuQo+VPRnN8hfPqUTLTHk126wuYdXVxE6aDmjSeV4NCAgyxWbiOIeNJVtID3h1Vzpoi9m4jXezf73I6LgabgQ==",
+    "node_modules/@jsonjoy.com/fs-node": {
+      "version": "4.56.10",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-node/-/fs-node-4.56.10.tgz",
+      "integrity": "sha512-7R4Gv3tkUdW3dXfXiOkqxkElxKNVdd8BDOWC0/dbERd0pXpPY+s2s1Mino+aTvkGrFPiY+mmVxA7zhskm4Ue4Q==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@jsonjoy.com/buffers": "^1.0.0",
-        "@jsonjoy.com/codegen": "^1.0.0"
+        "@jsonjoy.com/fs-core": "4.56.10",
+        "@jsonjoy.com/fs-node-builtins": "4.56.10",
+        "@jsonjoy.com/fs-node-utils": "4.56.10",
+        "@jsonjoy.com/fs-print": "4.56.10",
+        "@jsonjoy.com/fs-snapshot": "4.56.10",
+        "glob-to-regex.js": "^1.0.0",
+        "thingies": "^2.5.0"
       },
       "engines": {
         "node": ">=10.0"
@@ -3885,277 +3990,372 @@
         "tslib": "2"
       }
     },
-    "node_modules/@laserfiche/lf-api-client-core": {
-      "version": "1.1.17",
-      "resolved": "https://registry.npmjs.org/@laserfiche/lf-api-client-core/-/lf-api-client-core-1.1.17.tgz",
-      "integrity": "sha512-VpwCW9f12XHUUYBxNRyk9LfH2T4qiZAOGCKPpiMzeiC+DAvLOmnklhegtrL73TORnYhpOzWIyKoK0OlI8KXJBg==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@laserfiche/lf-js-utils": "^4.0.12",
-        "jsrsasign": "^11.0.0",
-        "jsrsasign-util": "^1.0.5"
-      }
-    },
-    "node_modules/@laserfiche/lf-js-utils": {
-      "version": "4.0.13",
-      "resolved": "https://registry.npmjs.org/@laserfiche/lf-js-utils/-/lf-js-utils-4.0.13.tgz",
-      "integrity": "sha512-KyzuM4seHH6dcWm6q1dhl8udQBUGqB6QfaH5TU1fz8qaH9PMwpoeMrrNK+EzT7YMthFSOu7wQbbCQJPWeVXbjg==",
-      "license": "MIT",
-      "peer": true
-    },
-    "node_modules/@laserfiche/lf-resource-library": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/@laserfiche/lf-resource-library/-/lf-resource-library-5.0.3.tgz",
-      "integrity": "sha512-uSzcJ0XEfDT5vbnbgPmlv8ym5o3Jg/pTA1yLL72qOf3xXvhuQWQunMvm5H7Gd7StQVPie2draPlNwke5+/h1pw==",
-      "license": "MIT",
-      "peer": true
-    },
-    "node_modules/@leichtgewicht/ip-codec": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.5.tgz",
-      "integrity": "sha512-Vo+PSpZG2/fmgmiNzYK9qWRh8h/CHrwD0mo1h1DzL4yzHNSfWYujGTYsWGreD000gcgmZ7K4Ys6Tx9TxtsKdDw==",
+    "node_modules/@jsonjoy.com/fs-node-builtins": {
+      "version": "4.56.10",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-node-builtins/-/fs-node-builtins-4.56.10.tgz",
+      "integrity": "sha512-uUnKz8R0YJyKq5jXpZtkGV9U0pJDt8hmYcLRrPjROheIfjMXsz82kXMgAA/qNg0wrZ1Kv+hrg7azqEZx6XZCVw==",
       "dev": true,
-      "license": "MIT"
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
     },
-    "node_modules/@listr2/prompt-adapter-inquirer": {
-      "version": "2.0.15",
-      "resolved": "https://registry.npmjs.org/@listr2/prompt-adapter-inquirer/-/prompt-adapter-inquirer-2.0.15.tgz",
-      "integrity": "sha512-MZrGem/Ujjd4cPTLYDfCZK2iKKeiO/8OX13S6jqxldLs0Prf2aGqVlJ77nMBqMv7fzqgXEgjrNHLXcKR8l9lOg==",
+    "node_modules/@jsonjoy.com/fs-node-to-fsa": {
+      "version": "4.56.10",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-node-to-fsa/-/fs-node-to-fsa-4.56.10.tgz",
+      "integrity": "sha512-oH+O6Y4lhn9NyG6aEoFwIBNKZeYy66toP5LJcDOMBgL99BKQMUf/zWJspdRhMdn/3hbzQsZ8EHHsuekbFLGUWw==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "@inquirer/type": "^1.5.1"
+        "@jsonjoy.com/fs-fsa": "4.56.10",
+        "@jsonjoy.com/fs-node-builtins": "4.56.10",
+        "@jsonjoy.com/fs-node-utils": "4.56.10"
       },
       "engines": {
-        "node": ">=18.0.0"
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
       },
       "peerDependencies": {
-        "@inquirer/prompts": ">= 3 < 6"
+        "tslib": "2"
       }
     },
-    "node_modules/@lmdb/lmdb-darwin-arm64": {
-      "version": "3.0.13",
-      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-arm64/-/lmdb-darwin-arm64-3.0.13.tgz",
-      "integrity": "sha512-uiKPB0Fv6WEEOZjruu9a6wnW/8jrjzlZbxXscMB8kuCJ1k6kHpcBnuvaAWcqhbI7rqX5GKziwWEdD+wi2gNLfA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "node_modules/@lmdb/lmdb-darwin-x64": {
-      "version": "3.0.13",
-      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-x64/-/lmdb-darwin-x64-3.0.13.tgz",
-      "integrity": "sha512-bEVIIfK5mSQoG1R19qA+fJOvCB+0wVGGnXHT3smchBVahYBdlPn2OsZZKzlHWfb1E+PhLBmYfqB5zQXFP7hJig==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "node_modules/@lmdb/lmdb-linux-arm": {
-      "version": "3.0.13",
-      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm/-/lmdb-linux-arm-3.0.13.tgz",
-      "integrity": "sha512-Yml1KlMzOnXj/tnW7yX8U78iAzTk39aILYvCPbqeewAq1kSzl+w59k/fiVkTBfvDi/oW/5YRxL+Fq+Y1Fr1r2Q==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@lmdb/lmdb-linux-arm64": {
-      "version": "3.0.13",
-      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm64/-/lmdb-linux-arm64-3.0.13.tgz",
-      "integrity": "sha512-afbVrsMgZ9dUTNUchFpj5VkmJRxvht/u335jUJ7o23YTbNbnpmXif3VKQGCtnjSh+CZaqm6N3CPG8KO3zwyZ1Q==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@lmdb/lmdb-linux-x64": {
-      "version": "3.0.13",
-      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-x64/-/lmdb-linux-x64-3.0.13.tgz",
-      "integrity": "sha512-vOtxu0xC0SLdQ2WRXg8Qgd8T32ak4SPqk5zjItRszrJk2BdeXqfGxBJbP7o4aOvSPSmSSv46Lr1EP4HXU8v7Kg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@lmdb/lmdb-win32-x64": {
-      "version": "3.0.13",
-      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-win32-x64/-/lmdb-win32-x64-3.0.13.tgz",
-      "integrity": "sha512-UCrMJQY/gJnOl3XgbWRZZUvGGBuKy6i0YNSptgMzHBjs+QYDYR1Mt/RLTOPy4fzzves65O1EDmlL//OzEqoLlA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@microsoft/api-extractor": {
-      "version": "7.52.15",
-      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.52.15.tgz",
-      "integrity": "sha512-0Pl2Xew403zyteYm0IiTZ2ZuKF4Ep4/SD6kXMC1CtvVIv3hNyG5+SY/vXS3Rg9fHydvMk+FYordaC9WpTnPcVQ==",
+    "node_modules/@jsonjoy.com/fs-node-utils": {
+      "version": "4.56.10",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-node-utils/-/fs-node-utils-4.56.10.tgz",
+      "integrity": "sha512-8EuPBgVI2aDPwFdaNQeNpHsyqPi3rr+85tMNG/lHvQLiVjzoZsvxA//Xd8aB567LUhy4QS03ptT+unkD/DIsNg==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "@microsoft/api-extractor-model": "7.30.9",
-        "@microsoft/tsdoc": "~0.15.1",
-        "@microsoft/tsdoc-config": "~0.17.1",
-        "@rushstack/node-core-library": "5.15.1",
-        "@rushstack/rig-package": "0.5.3",
-        "@rushstack/terminal": "0.18.0",
-        "@rushstack/ts-command-line": "5.0.5",
-        "lodash": "~4.17.15",
-        "minimatch": "10.0.3",
-        "resolve": "~1.22.1",
-        "semver": "~7.5.4",
-        "source-map": "~0.6.1",
-        "typescript": "5.8.2"
+        "@jsonjoy.com/fs-node-builtins": "4.56.10"
       },
-      "bin": {
-        "api-extractor": "bin/api-extractor"
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
       }
     },
-    "node_modules/@microsoft/api-extractor-model": {
-      "version": "7.30.9",
-      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor-model/-/api-extractor-model-7.30.9.tgz",
-      "integrity": "sha512-oKExWajACw0hO9Z0ybWvCZZhWK0kZcA/3rJieZmh4e5difg9II00kvmFMIg1KOrFuErNOZMCVY45nEm9a/orvg==",
+    "node_modules/@jsonjoy.com/fs-print": {
+      "version": "4.56.10",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-print/-/fs-print-4.56.10.tgz",
+      "integrity": "sha512-JW4fp5mAYepzFsSGrQ48ep8FXxpg4niFWHdF78wDrFGof7F3tKDJln72QFDEn/27M1yHd4v7sKHHVPh78aWcEw==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "@microsoft/tsdoc": "~0.15.1",
-        "@microsoft/tsdoc-config": "~0.17.1",
-        "@rushstack/node-core-library": "5.15.1"
+        "@jsonjoy.com/fs-node-utils": "4.56.10",
+        "tree-dump": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
       }
     },
-    "node_modules/@microsoft/api-extractor/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+    "node_modules/@jsonjoy.com/fs-snapshot": {
+      "version": "4.56.10",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-snapshot/-/fs-snapshot-4.56.10.tgz",
+      "integrity": "sha512-DkR6l5fj7+qj0+fVKm/OOXMGfDFCGXLfyHkORH3DF8hxkpDgIHbhf/DwncBMs2igu/ST7OEkexn1gIqoU6Y+9g==",
       "dev": true,
-      "license": "ISC",
+      "license": "Apache-2.0",
       "dependencies": {
-        "yallist": "^4.0.0"
+        "@jsonjoy.com/buffers": "^17.65.0",
+        "@jsonjoy.com/fs-node-utils": "4.56.10",
+        "@jsonjoy.com/json-pack": "^17.65.0",
+        "@jsonjoy.com/util": "^17.65.0"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
       }
     },
-    "node_modules/@microsoft/api-extractor/node_modules/semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+    "node_modules/@jsonjoy.com/fs-snapshot/node_modules/@jsonjoy.com/base64": {
+      "version": "17.67.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/base64/-/base64-17.67.0.tgz",
+      "integrity": "sha512-5SEsJGsm15aP8TQGkDfJvz9axgPwAEm98S5DxOuYe8e1EbfajcDmgeXXzccEjh+mLnjqEKrkBdjHWS5vFNwDdw==",
       "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "lru-cache": "^6.0.0"
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.0"
       },
-      "bin": {
-        "semver": "bin/semver.js"
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
       },
+      "peerDependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/@jsonjoy.com/fs-snapshot/node_modules/@jsonjoy.com/codegen": {
+      "version": "17.67.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/codegen/-/codegen-17.67.0.tgz",
+      "integrity": "sha512-idnkUplROpdBOV0HMcwhsCUS5TRUi9poagdGs70A6S4ux9+/aPuKbh8+UYRTLYQHtXvAdNfQWXDqZEx5k4Dj2Q==",
+      "dev": true,
+      "license": "Apache-2.0",
       "engines": {
-        "node": ">=10"
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
       }
     },
-    "node_modules/@microsoft/api-extractor/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+    "node_modules/@jsonjoy.com/fs-snapshot/node_modules/@jsonjoy.com/json-pack": {
+      "version": "17.67.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/json-pack/-/json-pack-17.67.0.tgz",
+      "integrity": "sha512-t0ejURcGaZsn1ClbJ/3kFqSOjlryd92eQY465IYrezsXmPcfHPE/av4twRSxf6WE+TkZgLY+71vCZbiIiFKA/w==",
       "dev": true,
-      "license": "BSD-3-Clause",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jsonjoy.com/base64": "17.67.0",
+        "@jsonjoy.com/buffers": "17.67.0",
+        "@jsonjoy.com/codegen": "17.67.0",
+        "@jsonjoy.com/json-pointer": "17.67.0",
+        "@jsonjoy.com/util": "17.67.0",
+        "hyperdyperid": "^1.2.0",
+        "thingies": "^2.5.0",
+        "tree-dump": "^1.1.0"
+      },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
       }
     },
-    "node_modules/@microsoft/api-extractor/node_modules/typescript": {
-      "version": "5.8.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.2.tgz",
-      "integrity": "sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==",
+    "node_modules/@jsonjoy.com/fs-snapshot/node_modules/@jsonjoy.com/json-pointer": {
+      "version": "17.67.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/json-pointer/-/json-pointer-17.67.0.tgz",
+      "integrity": "sha512-+iqOFInH+QZGmSuaybBUNdh7yvNrXvqR+h3wjXm0N/3JK1EyyFAeGJvqnmQL61d1ARLlk/wJdFKSL+LHJ1eaUA==",
       "dev": true,
       "license": "Apache-2.0",
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
+      "dependencies": {
+        "@jsonjoy.com/util": "17.67.0"
       },
       "engines": {
-        "node": ">=14.17"
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
       }
     },
-    "node_modules/@microsoft/api-extractor/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+    "node_modules/@jsonjoy.com/fs-snapshot/node_modules/@jsonjoy.com/util": {
+      "version": "17.67.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/util/-/util-17.67.0.tgz",
+      "integrity": "sha512-6+8xBaz1rLSohlGh68D1pdw3AwDi9xydm8QNlAFkvnavCJYSze+pxoW2VKP8p308jtlMRLs5NTHfPlZLd4w7ew==",
       "dev": true,
-      "license": "ISC"
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jsonjoy.com/buffers": "17.67.0",
+        "@jsonjoy.com/codegen": "17.67.0"
+      },
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
     },
-    "node_modules/@microsoft/tsdoc": {
-      "version": "0.15.1",
-      "resolved": "https://registry.npmjs.org/@microsoft/tsdoc/-/tsdoc-0.15.1.tgz",
-      "integrity": "sha512-4aErSrCR/On/e5G2hDP0wjooqDdauzEbIq8hIkIe5pXV0rtWJZvdCEKL0ykZxex+IxIwBp0eGeV48hQN07dXtw==",
+    "node_modules/@jsonjoy.com/json-pack": {
+      "version": "1.21.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/json-pack/-/json-pack-1.21.0.tgz",
+      "integrity": "sha512-+AKG+R2cfZMShzrF2uQw34v3zbeDYUqnQ+jg7ORic3BGtfw9p/+N6RJbq/kkV8JmYZaINknaEQ2m0/f693ZPpg==",
       "dev": true,
-      "license": "MIT"
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jsonjoy.com/base64": "^1.1.2",
+        "@jsonjoy.com/buffers": "^1.2.0",
+        "@jsonjoy.com/codegen": "^1.0.0",
+        "@jsonjoy.com/json-pointer": "^1.0.2",
+        "@jsonjoy.com/util": "^1.9.0",
+        "hyperdyperid": "^1.2.0",
+        "thingies": "^2.5.0",
+        "tree-dump": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
     },
-    "node_modules/@microsoft/tsdoc-config": {
-      "version": "0.17.1",
-      "resolved": "https://registry.npmjs.org/@microsoft/tsdoc-config/-/tsdoc-config-0.17.1.tgz",
-      "integrity": "sha512-UtjIFe0C6oYgTnad4q1QP4qXwLhe6tIpNTRStJ2RZEPIkqQPREAwE5spzVxsdn9UaEMUqhh0AqSx3X4nWAKXWw==",
+    "node_modules/@jsonjoy.com/json-pack/node_modules/@jsonjoy.com/buffers": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/buffers/-/buffers-1.2.1.tgz",
+      "integrity": "sha512-12cdlDwX4RUM3QxmUbVJWqZ/mrK6dFQH4Zxq6+r1YXKXYBNgZXndx2qbCJwh3+WWkCSn67IjnlG3XYTvmvYtgA==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/@jsonjoy.com/json-pointer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/json-pointer/-/json-pointer-1.0.2.tgz",
+      "integrity": "sha512-Fsn6wM2zlDzY1U+v4Nc8bo3bVqgfNTGcn6dMgs6FjrEnt4ZCe60o6ByKRjOGlI2gow0aE/Q41QOigdTqkyK5fg==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "@microsoft/tsdoc": "0.15.1",
-        "ajv": "~8.12.0",
-        "jju": "~1.4.0",
-        "resolve": "~1.22.2"
+        "@jsonjoy.com/codegen": "^1.0.0",
+        "@jsonjoy.com/util": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
       }
     },
-    "node_modules/@microsoft/tsdoc-config/node_modules/ajv": {
-      "version": "8.12.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
-      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
+    "node_modules/@jsonjoy.com/util": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/util/-/util-1.9.0.tgz",
+      "integrity": "sha512-pLuQo+VPRnN8hfPqUTLTHk126wuYdXVxE6aDmjSeV4NCAgyxWbiOIeNJVtID3h1Vzpoi9m4jXezf73I6LgabgQ==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2",
-        "uri-js": "^4.2.2"
+        "@jsonjoy.com/buffers": "^1.0.0",
+        "@jsonjoy.com/codegen": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=10.0"
       },
       "funding": {
         "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
       }
     },
-    "node_modules/@msgpackr-extract/msgpackr-extract-darwin-arm64": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-3.0.3.tgz",
-      "integrity": "sha512-QZHtlVgbAdy2zAqNA9Gu1UpIuI8Xvsd1v8ic6B2pZmeFnFcMWiPLfWXh7TVw4eGEZ/C9TH281KwhVoeQUKbyjw==",
+    "node_modules/@jsonjoy.com/util/node_modules/@jsonjoy.com/buffers": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/buffers/-/buffers-1.2.1.tgz",
+      "integrity": "sha512-12cdlDwX4RUM3QxmUbVJWqZ/mrK6dFQH4Zxq6+r1YXKXYBNgZXndx2qbCJwh3+WWkCSn67IjnlG3XYTvmvYtgA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/@laserfiche/lf-api-client-core": {
+      "version": "1.1.18",
+      "resolved": "https://registry.npmjs.org/@laserfiche/lf-api-client-core/-/lf-api-client-core-1.1.18.tgz",
+      "integrity": "sha512-kR2RNy4wX0vpIojvbjNUqw6DV0FxyeTlIU2Paq7Uk9dOjw50TUYrLEPVAGknwrAou+AJUSm5VHtbwHZeW7BTAA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@laserfiche/lf-js-utils": "^4.0.13",
+        "jsrsasign": "^11.0.0",
+        "jsrsasign-util": "^1.0.5"
+      }
+    },
+    "node_modules/@laserfiche/lf-js-utils": {
+      "version": "4.0.13",
+      "resolved": "https://registry.npmjs.org/@laserfiche/lf-js-utils/-/lf-js-utils-4.0.13.tgz",
+      "integrity": "sha512-KyzuM4seHH6dcWm6q1dhl8udQBUGqB6QfaH5TU1fz8qaH9PMwpoeMrrNK+EzT7YMthFSOu7wQbbCQJPWeVXbjg==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@laserfiche/lf-resource-library": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/@laserfiche/lf-resource-library/-/lf-resource-library-5.0.3.tgz",
+      "integrity": "sha512-uSzcJ0XEfDT5vbnbgPmlv8ym5o3Jg/pTA1yLL72qOf3xXvhuQWQunMvm5H7Gd7StQVPie2draPlNwke5+/h1pw==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@laserfiche/lf-ui-components": {
+      "resolved": "projects/ui-components",
+      "link": true
+    },
+    "node_modules/@leichtgewicht/ip-codec": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.5.tgz",
+      "integrity": "sha512-Vo+PSpZG2/fmgmiNzYK9qWRh8h/CHrwD0mo1h1DzL4yzHNSfWYujGTYsWGreD000gcgmZ7K4Ys6Tx9TxtsKdDw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@listr2/prompt-adapter-inquirer": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@listr2/prompt-adapter-inquirer/-/prompt-adapter-inquirer-3.0.5.tgz",
+      "integrity": "sha512-WELs+hj6xcilkloBXYf9XXK8tYEnKsgLj01Xl5ONUJpKjmT5hGVUzNUS5tooUxs7pGMrw+jFD/41WpqW4V3LDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@inquirer/type": "^3.0.8"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      },
+      "peerDependencies": {
+        "@inquirer/prompts": ">= 3 < 8",
+        "listr2": "9.0.5"
+      }
+    },
+    "node_modules/@lmdb/lmdb-darwin-arm64": {
+      "version": "3.4.4",
+      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-arm64/-/lmdb-darwin-arm64-3.4.4.tgz",
+      "integrity": "sha512-XaKL705gDWd6XVls3ATDj13ZdML/LqSIxwgnYpG8xTzH2ifArx8fMMDdvqGE/Emd+W6R90W2fveZcJ0AyS8Y0w==",
       "cpu": [
         "arm64"
       ],
@@ -4166,10 +4366,10 @@
         "darwin"
       ]
     },
-    "node_modules/@msgpackr-extract/msgpackr-extract-darwin-x64": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-3.0.3.tgz",
-      "integrity": "sha512-mdzd3AVzYKuUmiWOQ8GNhl64/IoFGol569zNRdkLReh6LRLHOXxU4U8eq0JwaD8iFHdVGqSy4IjFL4reoWCDFw==",
+    "node_modules/@lmdb/lmdb-darwin-x64": {
+      "version": "3.4.4",
+      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-x64/-/lmdb-darwin-x64-3.4.4.tgz",
+      "integrity": "sha512-GPHGEVcwJlkD01GmIr7B4kvbIcUDS2+kBadVEd7lU4can1RZaZQLDDBJRrrNfS2Kavvl0VLI/cMv7UASAXGrww==",
       "cpu": [
         "x64"
       ],
@@ -4180,10 +4380,10 @@
         "darwin"
       ]
     },
-    "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-3.0.3.tgz",
-      "integrity": "sha512-fg0uy/dG/nZEXfYilKoRe7yALaNmHoYeIoJuJ7KJ+YyU2bvY8vPv27f7UKhGRpY6euFYqEVhxCFZgAUNQBM3nw==",
+    "node_modules/@lmdb/lmdb-linux-arm": {
+      "version": "3.4.4",
+      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm/-/lmdb-linux-arm-3.4.4.tgz",
+      "integrity": "sha512-cmev5/dZr5ACKri9f6GU6lZCXTjMhV72xujlbOhFCgFXrt4W0TxGsmY8kA1BITvH60JBKE50cSxsiulybAbrrw==",
       "cpu": [
         "arm"
       ],
@@ -4194,10 +4394,10 @@
         "linux"
       ]
     },
-    "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm64": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-3.0.3.tgz",
-      "integrity": "sha512-YxQL+ax0XqBJDZiKimS2XQaf+2wDGVa1enVRGzEvLLVFeqa5kx2bWbtcSXgsxjQB7nRqqIGFIcLteF/sHeVtQg==",
+    "node_modules/@lmdb/lmdb-linux-arm64": {
+      "version": "3.4.4",
+      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm64/-/lmdb-linux-arm64-3.4.4.tgz",
+      "integrity": "sha512-mALqr7DE42HsiwVTKpQWxacjHoJk+e9p00RWIJqTACh/hpucxp/0lK/XMh5XzWnU/TDCZLukq1+vNqnNumTP/Q==",
       "cpu": [
         "arm64"
       ],
@@ -4208,10 +4408,10 @@
         "linux"
       ]
     },
-    "node_modules/@msgpackr-extract/msgpackr-extract-linux-x64": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-3.0.3.tgz",
-      "integrity": "sha512-cvwNfbP07pKUfq1uH+S6KJ7dT9K8WOE4ZiAcsrSes+UY55E/0jLYc+vq+DO7jlmqRb5zAggExKm0H7O/CBaesg==",
+    "node_modules/@lmdb/lmdb-linux-x64": {
+      "version": "3.4.4",
+      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-x64/-/lmdb-linux-x64-3.4.4.tgz",
+      "integrity": "sha512-QjLs8OcmCNcraAcLoZyFlo0atzBJniQLLwhtR+ymQqS5kLYpV5RqwriL87BW+ZiR9ZiGgZx3evrz5vnWPtJ1fQ==",
       "cpu": [
         "x64"
       ],
@@ -4222,12 +4422,12 @@
         "linux"
       ]
     },
-    "node_modules/@msgpackr-extract/msgpackr-extract-win32-x64": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-3.0.3.tgz",
-      "integrity": "sha512-x0fWaQtYp4E6sktbsdAqnehxDgEc/VwM7uLsRCYWaiGu0ykYdZPiS8zCWdnjHwyiumousxfBm4SO31eXqwEZhQ==",
+    "node_modules/@lmdb/lmdb-win32-arm64": {
+      "version": "3.4.4",
+      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-win32-arm64/-/lmdb-win32-arm64-3.4.4.tgz",
+      "integrity": "sha512-tr/pwHDlZ33forLGAr0tI04cRmP4SgF93yHbb+2zvZiDEyln5yMHhbKDySxY66aUOkhvBvTuHq9q/3YmTj6ZHQ==",
       "cpu": [
-        "x64"
+        "arm64"
       ],
       "dev": true,
       "license": "MIT",
@@ -4236,445 +4436,318 @@
         "win32"
       ]
     },
-    "node_modules/@ngtools/webpack": {
-      "version": "18.2.21",
-      "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-18.2.21.tgz",
-      "integrity": "sha512-mfLT7lXbyJRlsazuPyuF5AGsMcgzRJRwsDlgxFbiy1DBlaF1chRFsXrKYj1gQ/WXQWNcEd11aedU0Rt+iCNDVw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
-        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
-        "yarn": ">= 1.13.0"
-      },
-      "peerDependencies": {
-        "@angular/compiler-cli": "^18.0.0",
-        "typescript": ">=5.4 <5.6",
-        "webpack": "^5.54.0"
-      }
-    },
-    "node_modules/@nodelib/fs.scandir": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+    "node_modules/@lmdb/lmdb-win32-x64": {
+      "version": "3.4.4",
+      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-win32-x64/-/lmdb-win32-x64-3.4.4.tgz",
+      "integrity": "sha512-KRzfocJzB/mgoTCqnMawuLSKheHRVTqWfSmouIgYpFs6Hx4zvZSvsZKSCEb5gHmICy7qsx9l06jk3MFTtiFVAQ==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@nodelib/fs.stat": "2.0.5",
-        "run-parallel": "^1.1.9"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
+      "optional": true,
+      "os": [
+        "win32"
+      ]
     },
-    "node_modules/@nodelib/fs.stat": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 8"
+    "node_modules/@microsoft/api-extractor": {
+      "version": "7.56.3",
+      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.56.3.tgz",
+      "integrity": "sha512-fRqok4aRNq5GpgGBv2fKlSSKbirPKTJ75vQefthB5x9dwt4Zz+AezUzdc1p/AG4wUBIgmhjcEwn/Rj+N4Wh4Mw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@microsoft/api-extractor-model": "7.32.2",
+        "@microsoft/tsdoc": "~0.16.0",
+        "@microsoft/tsdoc-config": "~0.18.0",
+        "@rushstack/node-core-library": "5.19.1",
+        "@rushstack/rig-package": "0.6.0",
+        "@rushstack/terminal": "0.21.0",
+        "@rushstack/ts-command-line": "5.2.0",
+        "diff": "~8.0.2",
+        "lodash": "~4.17.23",
+        "minimatch": "10.1.2",
+        "resolve": "~1.22.1",
+        "semver": "~7.5.4",
+        "source-map": "~0.6.1",
+        "typescript": "5.8.2"
+      },
+      "bin": {
+        "api-extractor": "bin/api-extractor"
       }
     },
-    "node_modules/@nodelib/fs.walk": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+    "node_modules/@microsoft/api-extractor-model": {
+      "version": "7.32.2",
+      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor-model/-/api-extractor-model-7.32.2.tgz",
+      "integrity": "sha512-Ussc25rAalc+4JJs9HNQE7TuO9y6jpYQX9nWD1DhqUzYPBr3Lr7O9intf+ZY8kD5HnIqeIRJX7ccCT0QyBy2Ww==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@nodelib/fs.scandir": "2.1.5",
-        "fastq": "^1.6.0"
-      },
-      "engines": {
-        "node": ">= 8"
+        "@microsoft/tsdoc": "~0.16.0",
+        "@microsoft/tsdoc-config": "~0.18.0",
+        "@rushstack/node-core-library": "5.19.1"
       }
     },
-    "node_modules/@npmcli/agent": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/@npmcli/agent/-/agent-2.2.2.tgz",
-      "integrity": "sha512-OrcNPXdpSl9UX7qPVRWbmWMCSXrcDa2M9DvrbOTj7ao1S4PlqVFYv9/yLKMkrJKZ/V5A/kDBC690or307i26Og==",
+    "node_modules/@microsoft/api-extractor/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
       "dev": true,
       "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.3"
+        "yallist": "^4.0.0"
       },
       "engines": {
-        "node": "^16.14.0 || >=18.0.0"
+        "node": ">=10"
       }
     },
-    "node_modules/@npmcli/agent/node_modules/lru-cache": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/@npmcli/fs": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-3.1.1.tgz",
-      "integrity": "sha512-q9CRWjpHCMIh5sVyefoD1cA7PkvILqCZsnSOEUUivORLjxCO/Irmue2DprETiNgEqktDBZaM1Bi+jrarx1XdCg==",
+    "node_modules/@microsoft/api-extractor/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
-        "semver": "^7.3.5"
+        "lru-cache": "^6.0.0"
       },
-      "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-      }
-    },
-    "node_modules/@npmcli/git": {
-      "version": "5.0.8",
-      "resolved": "https://registry.npmjs.org/@npmcli/git/-/git-5.0.8.tgz",
-      "integrity": "sha512-liASfw5cqhjNW9UFd+ruwwdEf/lbOAQjLL2XY2dFW/bkJheXDYZgOyul/4gVvEV4BWkTXjYGmDqMw9uegdbJNQ==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "@npmcli/promise-spawn": "^7.0.0",
-        "ini": "^4.1.3",
-        "lru-cache": "^10.0.1",
-        "npm-pick-manifest": "^9.0.0",
-        "proc-log": "^4.0.0",
-        "promise-inflight": "^1.0.1",
-        "promise-retry": "^2.0.1",
-        "semver": "^7.3.5",
-        "which": "^4.0.0"
+      "bin": {
+        "semver": "bin/semver.js"
       },
       "engines": {
-        "node": "^16.14.0 || >=18.0.0"
-      }
-    },
-    "node_modules/@npmcli/git/node_modules/isexe": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz",
-      "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=16"
+        "node": ">=10"
       }
     },
-    "node_modules/@npmcli/git/node_modules/lru-cache": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/@npmcli/git/node_modules/which": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz",
-      "integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==",
+    "node_modules/@microsoft/api-extractor/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
       "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "isexe": "^3.1.1"
-      },
-      "bin": {
-        "node-which": "bin/which.js"
-      },
+      "license": "BSD-3-Clause",
       "engines": {
-        "node": "^16.13.0 || >=18.0.0"
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/@npmcli/installed-package-contents": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@npmcli/installed-package-contents/-/installed-package-contents-2.1.0.tgz",
-      "integrity": "sha512-c8UuGLeZpm69BryRykLuKRyKFZYJsZSCT4aVY5ds4omyZqJ172ApzgfKJ5eV/r3HgLdUYgFVe54KSFVjKoe27w==",
+    "node_modules/@microsoft/api-extractor/node_modules/typescript": {
+      "version": "5.8.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.2.tgz",
+      "integrity": "sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==",
       "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "npm-bundled": "^3.0.0",
-        "npm-normalize-package-bin": "^3.0.0"
-      },
+      "license": "Apache-2.0",
       "bin": {
-        "installed-package-contents": "bin/index.js"
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
       },
       "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+        "node": ">=14.17"
       }
     },
-    "node_modules/@npmcli/node-gyp": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@npmcli/node-gyp/-/node-gyp-3.0.0.tgz",
-      "integrity": "sha512-gp8pRXC2oOxu0DUE1/M3bYtb1b3/DbJ5aM113+XJBgfXdussRAsX0YOrOhdd8WvnAR6auDBvJomGAkLKA5ydxA==",
+    "node_modules/@microsoft/api-extractor/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
       "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-      }
+      "license": "ISC"
     },
-    "node_modules/@npmcli/package-json": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/@npmcli/package-json/-/package-json-5.2.1.tgz",
-      "integrity": "sha512-f7zYC6kQautXHvNbLEWgD/uGu1+xCn9izgqBfgItWSx22U0ZDekxN08A1vM8cTxj/cRVe0Q94Ode+tdoYmIOOQ==",
+    "node_modules/@microsoft/tsdoc": {
+      "version": "0.16.0",
+      "resolved": "https://registry.npmjs.org/@microsoft/tsdoc/-/tsdoc-0.16.0.tgz",
+      "integrity": "sha512-xgAyonlVVS+q7Vc7qLW0UrJU7rSFcETRWsqdXZtjzRU8dF+6CkozTK4V4y1LwOX7j8r/vHphjDeMeGI4tNGeGA==",
       "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": "^4.0.0",
-        "semver": "^7.5.3"
-      },
-      "engines": {
-        "node": "^16.14.0 || >=18.0.0"
-      }
+      "license": "MIT"
     },
-    "node_modules/@npmcli/package-json/node_modules/brace-expansion": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+    "node_modules/@microsoft/tsdoc-config": {
+      "version": "0.18.0",
+      "resolved": "https://registry.npmjs.org/@microsoft/tsdoc-config/-/tsdoc-config-0.18.0.tgz",
+      "integrity": "sha512-8N/vClYyfOH+l4fLkkr9+myAoR6M7akc8ntBJ4DJdWH2b09uVfr71+LTMpNyG19fNqWDg8KEDZhx5wxuqHyGjw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "balanced-match": "^1.0.0"
+        "@microsoft/tsdoc": "0.16.0",
+        "ajv": "~8.12.0",
+        "jju": "~1.4.0",
+        "resolve": "~1.22.2"
       }
     },
-    "node_modules/@npmcli/package-json/node_modules/glob": {
-      "version": "10.4.5",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
-      "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
+    "node_modules/@microsoft/tsdoc-config/node_modules/ajv": {
+      "version": "8.12.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
+      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
       "dev": true,
-      "license": "ISC",
+      "license": "MIT",
       "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^3.1.2",
-        "minimatch": "^9.0.4",
-        "minipass": "^7.1.2",
-        "package-json-from-dist": "^1.0.0",
-        "path-scurry": "^1.11.1"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
       },
       "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
       }
     },
-    "node_modules/@npmcli/package-json/node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+    "node_modules/@modelcontextprotocol/sdk": {
+      "version": "1.26.0",
+      "resolved": "https://registry.npmjs.org/@modelcontextprotocol/sdk/-/sdk-1.26.0.tgz",
+      "integrity": "sha512-Y5RmPncpiDtTXDbLKswIJzTqu2hyBKxTNsgKqKclDbhIgg1wgtf1fRuvxgTnRfcnxtvvgbIEcqUOzZrJ6iSReg==",
       "dev": true,
-      "license": "ISC",
+      "license": "MIT",
       "dependencies": {
-        "brace-expansion": "^2.0.1"
+        "@hono/node-server": "^1.19.9",
+        "ajv": "^8.17.1",
+        "ajv-formats": "^3.0.1",
+        "content-type": "^1.0.5",
+        "cors": "^2.8.5",
+        "cross-spawn": "^7.0.5",
+        "eventsource": "^3.0.2",
+        "eventsource-parser": "^3.0.0",
+        "express": "^5.2.1",
+        "express-rate-limit": "^8.2.1",
+        "hono": "^4.11.4",
+        "jose": "^6.1.3",
+        "json-schema-typed": "^8.0.2",
+        "pkce-challenge": "^5.0.0",
+        "raw-body": "^3.0.0",
+        "zod": "^3.25 || ^4.0",
+        "zod-to-json-schema": "^3.25.1"
       },
       "engines": {
-        "node": ">=16 || 14 >=14.17"
+        "node": ">=18"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/@npmcli/promise-spawn": {
-      "version": "7.0.2",
-      "resolved": "https://registry.npmjs.org/@npmcli/promise-spawn/-/promise-spawn-7.0.2.tgz",
-      "integrity": "sha512-xhfYPXoV5Dy4UkY0D+v2KkwvnDfiA/8Mt3sWCGI/hM03NsYIH8ZaG6QzS9x7pje5vHZBZJ2v6VRFVTWACnqcmQ==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "which": "^4.0.0"
+      "peerDependencies": {
+        "@cfworker/json-schema": "^4.1.1",
+        "zod": "^3.25 || ^4.0"
       },
-      "engines": {
-        "node": "^16.14.0 || >=18.0.0"
+      "peerDependenciesMeta": {
+        "@cfworker/json-schema": {
+          "optional": true
+        },
+        "zod": {
+          "optional": false
+        }
       }
     },
-    "node_modules/@npmcli/promise-spawn/node_modules/isexe": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz",
-      "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==",
+    "node_modules/@msgpackr-extract/msgpackr-extract-darwin-arm64": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-3.0.3.tgz",
+      "integrity": "sha512-QZHtlVgbAdy2zAqNA9Gu1UpIuI8Xvsd1v8ic6B2pZmeFnFcMWiPLfWXh7TVw4eGEZ/C9TH281KwhVoeQUKbyjw==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=16"
-      }
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
     },
-    "node_modules/@npmcli/promise-spawn/node_modules/which": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz",
-      "integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==",
+    "node_modules/@msgpackr-extract/msgpackr-extract-darwin-x64": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-3.0.3.tgz",
+      "integrity": "sha512-mdzd3AVzYKuUmiWOQ8GNhl64/IoFGol569zNRdkLReh6LRLHOXxU4U8eq0JwaD8iFHdVGqSy4IjFL4reoWCDFw==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "isexe": "^3.1.1"
-      },
-      "bin": {
-        "node-which": "bin/which.js"
-      },
-      "engines": {
-        "node": "^16.13.0 || >=18.0.0"
-      }
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
     },
-    "node_modules/@npmcli/redact": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@npmcli/redact/-/redact-2.0.1.tgz",
-      "integrity": "sha512-YgsR5jCQZhVmTJvjduTOIHph0L73pK8xwMVaDY0PatySqVM9AZj93jpoXYSJqfHFxFkN9dmqTw6OiqExsS3LPw==",
+    "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-3.0.3.tgz",
+      "integrity": "sha512-fg0uy/dG/nZEXfYilKoRe7yALaNmHoYeIoJuJ7KJ+YyU2bvY8vPv27f7UKhGRpY6euFYqEVhxCFZgAUNQBM3nw==",
+      "cpu": [
+        "arm"
+      ],
       "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": "^16.14.0 || >=18.0.0"
-      }
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@npmcli/run-script": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/@npmcli/run-script/-/run-script-8.1.0.tgz",
-      "integrity": "sha512-y7efHHwghQfk28G2z3tlZ67pLG0XdfYbcVG26r7YIXALRsrVQcTq4/tdenSmdOrEsNahIYA/eh8aEVROWGFUDg==",
-      "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",
-        "proc-log": "^4.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",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz",
-      "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/@npmcli/run-script/node_modules/which": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz",
-      "integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==",
-      "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",
-      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
-      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+    "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm64": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-3.0.3.tgz",
+      "integrity": "sha512-YxQL+ax0XqBJDZiKimS2XQaf+2wDGVa1enVRGzEvLLVFeqa5kx2bWbtcSXgsxjQB7nRqqIGFIcLteF/sHeVtQg==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
       "optional": true,
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/@puppeteer/browsers": {
-      "version": "2.6.1",
-      "resolved": "https://registry.npmjs.org/@puppeteer/browsers/-/browsers-2.6.1.tgz",
-      "integrity": "sha512-aBSREisdsGH890S2rQqK82qmQYU3uFpSH8wcZWHgHzl3LfzsxAKbLNiAG9mO8v1Y0UICBeClICxPJvyr0rcuxg==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "debug": "^4.4.0",
-        "extract-zip": "^2.0.1",
-        "progress": "^2.0.3",
-        "proxy-agent": "^6.5.0",
-        "semver": "^7.6.3",
-        "tar-fs": "^3.0.6",
-        "unbzip2-stream": "^1.4.3",
-        "yargs": "^17.7.2"
-      },
-      "bin": {
-        "browsers": "lib/cjs/main-cli.js"
-      },
-      "engines": {
-        "node": ">=18"
-      }
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@rollup/plugin-json": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-json/-/plugin-json-6.1.0.tgz",
-      "integrity": "sha512-EGI2te5ENk1coGeADSIwZ7G2Q8CJS2sF120T7jLw4xFw9n7wIOXHo+kIYRAoVpJAN+kmqZSoO3Fp4JtoNF4ReA==",
+    "node_modules/@msgpackr-extract/msgpackr-extract-linux-x64": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-3.0.3.tgz",
+      "integrity": "sha512-cvwNfbP07pKUfq1uH+S6KJ7dT9K8WOE4ZiAcsrSes+UY55E/0jLYc+vq+DO7jlmqRb5zAggExKm0H7O/CBaesg==",
+      "cpu": [
+        "x64"
+      ],
       "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
-        }
-      }
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@rollup/plugin-node-resolve": {
-      "version": "15.3.1",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.3.1.tgz",
-      "integrity": "sha512-tgg6b91pAybXHJQMAAwW9VuWBO6Thi+q7BCNARLwSqlmsHz0XYURtGvh/AuwSADXSI4h/2uHbs7s4FzlZDGSGA==",
+    "node_modules/@msgpackr-extract/msgpackr-extract-win32-x64": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-3.0.3.tgz",
+      "integrity": "sha512-x0fWaQtYp4E6sktbsdAqnehxDgEc/VwM7uLsRCYWaiGu0ykYdZPiS8zCWdnjHwyiumousxfBm4SO31eXqwEZhQ==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@rollup/pluginutils": "^5.0.1",
-        "@types/resolve": "1.20.2",
-        "deepmerge": "^4.2.2",
-        "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
-        }
-      }
+      "optional": true,
+      "os": [
+        "win32"
+      ]
     },
-    "node_modules/@rollup/pluginutils": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.3.0.tgz",
-      "integrity": "sha512-5EdhGZtnu3V88ces7s53hhfK5KSASnJZv8Lulpc04cWO3REESroJXg73DFsOmgbU2BhwV0E20bu2IDZb3VKW4Q==",
+    "node_modules/@napi-rs/nice": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice/-/nice-1.1.1.tgz",
+      "integrity": "sha512-xJIPs+bYuc9ASBl+cvGsKbGrJmS6fAKaSZCnT0lhahT5rhA2VVy9/EcIgd2JhtEuFOJNx7UHNn/qiTPTY4nrQw==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/estree": "^1.0.0",
-        "estree-walker": "^2.0.2",
-        "picomatch": "^4.0.2"
-      },
+      "optional": true,
       "engines": {
-        "node": ">=14.0.0"
+        "node": ">= 10"
       },
-      "peerDependencies": {
-        "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/Brooooooklyn"
       },
-      "peerDependenciesMeta": {
-        "rollup": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.22.4.tgz",
-      "integrity": "sha512-Fxamp4aEZnfPOcGA8KSNEohV8hX7zVHOemC8jVBoBUHu5zpJK/Eu3uJwt6BMgy9fkvzxDaurgj96F/NiLukF2w==",
+      "optionalDependencies": {
+        "@napi-rs/nice-android-arm-eabi": "1.1.1",
+        "@napi-rs/nice-android-arm64": "1.1.1",
+        "@napi-rs/nice-darwin-arm64": "1.1.1",
+        "@napi-rs/nice-darwin-x64": "1.1.1",
+        "@napi-rs/nice-freebsd-x64": "1.1.1",
+        "@napi-rs/nice-linux-arm-gnueabihf": "1.1.1",
+        "@napi-rs/nice-linux-arm64-gnu": "1.1.1",
+        "@napi-rs/nice-linux-arm64-musl": "1.1.1",
+        "@napi-rs/nice-linux-ppc64-gnu": "1.1.1",
+        "@napi-rs/nice-linux-riscv64-gnu": "1.1.1",
+        "@napi-rs/nice-linux-s390x-gnu": "1.1.1",
+        "@napi-rs/nice-linux-x64-gnu": "1.1.1",
+        "@napi-rs/nice-linux-x64-musl": "1.1.1",
+        "@napi-rs/nice-openharmony-arm64": "1.1.1",
+        "@napi-rs/nice-win32-arm64-msvc": "1.1.1",
+        "@napi-rs/nice-win32-ia32-msvc": "1.1.1",
+        "@napi-rs/nice-win32-x64-msvc": "1.1.1"
+      }
+    },
+    "node_modules/@napi-rs/nice-android-arm-eabi": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-android-arm-eabi/-/nice-android-arm-eabi-1.1.1.tgz",
+      "integrity": "sha512-kjirL3N6TnRPv5iuHw36wnucNqXAO46dzK9oPb0wj076R5Xm8PfUVA9nAFB5ZNMmfJQJVKACAPd/Z2KYMppthw==",
       "cpu": [
         "arm"
       ],
@@ -4683,12 +4756,15 @@
       "optional": true,
       "os": [
         "android"
-      ]
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
     },
-    "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.22.4.tgz",
-      "integrity": "sha512-VXoK5UMrgECLYaMuGuVTOx5kcuap1Jm8g/M83RnCHBKOqvPPmROFJGQaZhGccnsFtfXQ3XYa4/jMCJvZnbJBdA==",
+    "node_modules/@napi-rs/nice-android-arm64": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-android-arm64/-/nice-android-arm64-1.1.1.tgz",
+      "integrity": "sha512-blG0i7dXgbInN5urONoUCNf+DUEAavRffrO7fZSeoRMJc5qD+BJeNcpr54msPF6qfDD6kzs9AQJogZvT2KD5nw==",
       "cpu": [
         "arm64"
       ],
@@ -4697,12 +4773,15 @@
       "optional": true,
       "os": [
         "android"
-      ]
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
     },
-    "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.22.4.tgz",
-      "integrity": "sha512-xMM9ORBqu81jyMKCDP+SZDhnX2QEVQzTcC6G18KlTQEzWK8r/oNZtKuZaCcHhnsa6fEeOBionoyl5JsAbE/36Q==",
+    "node_modules/@napi-rs/nice-darwin-arm64": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-darwin-arm64/-/nice-darwin-arm64-1.1.1.tgz",
+      "integrity": "sha512-s/E7w45NaLqTGuOjC2p96pct4jRfo61xb9bU1unM/MJ/RFkKlJyJDx7OJI/O0ll/hrfpqKopuAFDV8yo0hfT7A==",
       "cpu": [
         "arm64"
       ],
@@ -4711,12 +4790,15 @@
       "optional": true,
       "os": [
         "darwin"
-      ]
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
     },
-    "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.22.4.tgz",
-      "integrity": "sha512-aJJyYKQwbHuhTUrjWjxEvGnNNBCnmpHDvrb8JFDbeSH3m2XdHcxDd3jthAzvmoI8w/kSjd2y0udT+4okADsZIw==",
+    "node_modules/@napi-rs/nice-darwin-x64": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-darwin-x64/-/nice-darwin-x64-1.1.1.tgz",
+      "integrity": "sha512-dGoEBnVpsdcC+oHHmW1LRK5eiyzLwdgNQq3BmZIav+9/5WTZwBYX7r5ZkQC07Nxd3KHOCkgbHSh4wPkH1N1LiQ==",
       "cpu": [
         "x64"
       ],
@@ -4725,26 +4807,32 @@
       "optional": true,
       "os": [
         "darwin"
-      ]
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
     },
-    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.22.4.tgz",
-      "integrity": "sha512-j63YtCIRAzbO+gC2L9dWXRh5BFetsv0j0va0Wi9epXDgU/XUi5dJKo4USTttVyK7fGw2nPWK0PbAvyliz50SCQ==",
+    "node_modules/@napi-rs/nice-freebsd-x64": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-freebsd-x64/-/nice-freebsd-x64-1.1.1.tgz",
+      "integrity": "sha512-kHv4kEHAylMYmlNwcQcDtXjklYp4FCf0b05E+0h6nDHsZ+F0bDe04U/tXNOqrx5CmIAth4vwfkjjUmp4c4JktQ==",
       "cpu": [
-        "arm"
+        "x64"
       ],
       "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
-        "linux"
-      ]
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
     },
-    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.22.4.tgz",
-      "integrity": "sha512-dJnWUgwWBX1YBRsuKKMOlXCzh2Wu1mlHzv20TpqEsfdZLb3WoJW2kIEsGwLkroYf24IrPAvOT/ZQ2OYMV6vlrg==",
+    "node_modules/@napi-rs/nice-linux-arm-gnueabihf": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-arm-gnueabihf/-/nice-linux-arm-gnueabihf-1.1.1.tgz",
+      "integrity": "sha512-E1t7K0efyKXZDoZg1LzCOLxgolxV58HCkaEkEvIYQx12ht2pa8hoBo+4OB3qh7e+QiBlp1SRf+voWUZFxyhyqg==",
       "cpu": [
         "arm"
       ],
@@ -4753,12 +4841,15 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
     },
-    "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.22.4.tgz",
-      "integrity": "sha512-AdPRoNi3NKVLolCN/Sp4F4N1d98c4SBnHMKoLuiG6RXgoZ4sllseuGioszumnPGmPM2O7qaAX/IJdeDU8f26Aw==",
+    "node_modules/@napi-rs/nice-linux-arm64-gnu": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-arm64-gnu/-/nice-linux-arm64-gnu-1.1.1.tgz",
+      "integrity": "sha512-CIKLA12DTIZlmTaaKhQP88R3Xao+gyJxNWEn04wZwC2wmRapNnxCUZkVwggInMJvtVElA+D4ZzOU5sX4jV+SmQ==",
       "cpu": [
         "arm64"
       ],
@@ -4767,12 +4858,15 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
     },
-    "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.22.4.tgz",
-      "integrity": "sha512-Gl0AxBtDg8uoAn5CCqQDMqAx22Wx22pjDOjBdmG0VIWX3qUBHzYmOKh8KXHL4UpogfJ14G4wk16EQogF+v8hmA==",
+    "node_modules/@napi-rs/nice-linux-arm64-musl": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-arm64-musl/-/nice-linux-arm64-musl-1.1.1.tgz",
+      "integrity": "sha512-+2Rzdb3nTIYZ0YJF43qf2twhqOCkiSrHx2Pg6DJaCPYhhaxbLcdlV8hCRMHghQ+EtZQWGNcS2xF4KxBhSGeutg==",
       "cpu": [
         "arm64"
       ],
@@ -4781,12 +4875,15 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
     },
-    "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.22.4.tgz",
-      "integrity": "sha512-3aVCK9xfWW1oGQpTsYJJPF6bfpWfhbRnhdlyhak2ZiyFLDaayz0EP5j9V1RVLAAxlmWKTDfS9wyRyY3hvhPoOg==",
+    "node_modules/@napi-rs/nice-linux-ppc64-gnu": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-ppc64-gnu/-/nice-linux-ppc64-gnu-1.1.1.tgz",
+      "integrity": "sha512-4FS8oc0GeHpwvv4tKciKkw3Y4jKsL7FRhaOeiPei0X9T4Jd619wHNe4xCLmN2EMgZoeGg+Q7GY7BsvwKpL22Tg==",
       "cpu": [
         "ppc64"
       ],
@@ -4795,12 +4892,15 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
     },
-    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.22.4.tgz",
-      "integrity": "sha512-ePYIir6VYnhgv2C5Xe9u+ico4t8sZWXschR6fMgoPUK31yQu7hTEJb7bCqivHECwIClJfKgE7zYsh1qTP3WHUA==",
+    "node_modules/@napi-rs/nice-linux-riscv64-gnu": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-riscv64-gnu/-/nice-linux-riscv64-gnu-1.1.1.tgz",
+      "integrity": "sha512-HU0nw9uD4FO/oGCCk409tCi5IzIZpH2agE6nN4fqpwVlCn5BOq0MS1dXGjXaG17JaAvrlpV5ZeyZwSon10XOXw==",
       "cpu": [
         "riscv64"
       ],
@@ -4809,12 +4909,15 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
     },
-    "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.22.4.tgz",
-      "integrity": "sha512-GqFJ9wLlbB9daxhVlrTe61vJtEY99/xB3C8e4ULVsVfflcpmR6c8UZXjtkMA6FhNONhj2eA5Tk9uAVw5orEs4Q==",
+    "node_modules/@napi-rs/nice-linux-s390x-gnu": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-s390x-gnu/-/nice-linux-s390x-gnu-1.1.1.tgz",
+      "integrity": "sha512-2YqKJWWl24EwrX0DzCQgPLKQBxYDdBxOHot1KWEq7aY2uYeX+Uvtv4I8xFVVygJDgf6/92h9N3Y43WPx8+PAgQ==",
       "cpu": [
         "s390x"
       ],
@@ -4823,12 +4926,15 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
     },
-    "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.22.4.tgz",
-      "integrity": "sha512-87v0ol2sH9GE3cLQLNEy0K/R0pz1nvg76o8M5nhMR0+Q+BBGLnb35P0fVz4CQxHYXaAOhE8HhlkaZfsdUOlHwg==",
+    "node_modules/@napi-rs/nice-linux-x64-gnu": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-x64-gnu/-/nice-linux-x64-gnu-1.1.1.tgz",
+      "integrity": "sha512-/gaNz3R92t+dcrfCw/96pDopcmec7oCcAQ3l/M+Zxr82KT4DljD37CpgrnXV+pJC263JkW572pdbP3hP+KjcIg==",
       "cpu": [
         "x64"
       ],
@@ -4837,12 +4943,15 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
     },
-    "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.22.4.tgz",
-      "integrity": "sha512-UV6FZMUgePDZrFjrNGIWzDo/vABebuXBhJEqrHxrGiU6HikPy0Z3LfdtciIttEUQfuDdCn8fqh7wiFJjCNwO+g==",
+    "node_modules/@napi-rs/nice-linux-x64-musl": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-x64-musl/-/nice-linux-x64-musl-1.1.1.tgz",
+      "integrity": "sha512-xScCGnyj/oppsNPMnevsBe3pvNaoK7FGvMjT35riz9YdhB2WtTG47ZlbxtOLpjeO9SqqQ2J2igCmz6IJOD5JYw==",
       "cpu": [
         "x64"
       ],
@@ -4851,12 +4960,32 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
     },
-    "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.22.4.tgz",
-      "integrity": "sha512-BjI+NVVEGAXjGWYHz/vv0pBqfGoUH0IGZ0cICTn7kB9PyjrATSkX+8WkguNjWoj2qSr1im/+tTGRaY+4/PdcQw==",
+    "node_modules/@napi-rs/nice-openharmony-arm64": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-openharmony-arm64/-/nice-openharmony-arm64-1.1.1.tgz",
+      "integrity": "sha512-6uJPRVwVCLDeoOaNyeiW0gp2kFIM4r7PL2MczdZQHkFi9gVlgm+Vn+V6nTWRcu856mJ2WjYJiumEajfSm7arPQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/nice-win32-arm64-msvc": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-win32-arm64-msvc/-/nice-win32-arm64-msvc-1.1.1.tgz",
+      "integrity": "sha512-uoTb4eAvM5B2aj/z8j+Nv8OttPf2m+HVx3UjA5jcFxASvNhQriyCQF1OB1lHL43ZhW+VwZlgvjmP5qF3+59atA==",
       "cpu": [
         "arm64"
       ],
@@ -4865,12 +4994,15 @@
       "optional": true,
       "os": [
         "win32"
-      ]
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
     },
-    "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.22.4.tgz",
-      "integrity": "sha512-SiWG/1TuUdPvYmzmYnmd3IEifzR61Tragkbx9D3+R8mzQqDBz8v+BvZNDlkiTtI9T15KYZhP0ehn3Dld4n9J5g==",
+    "node_modules/@napi-rs/nice-win32-ia32-msvc": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-win32-ia32-msvc/-/nice-win32-ia32-msvc-1.1.1.tgz",
+      "integrity": "sha512-CNQqlQT9MwuCsg1Vd/oKXiuH+TcsSPJmlAFc5frFyX/KkOh0UpBLEj7aoY656d5UKZQMQFP7vJNa1DNUNORvug==",
       "cpu": [
         "ia32"
       ],
@@ -4879,12 +5011,15 @@
       "optional": true,
       "os": [
         "win32"
-      ]
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
     },
-    "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.22.4.tgz",
-      "integrity": "sha512-j8pPKp53/lq9lMXN57S8cFz0MynJk8OWNuUnXct/9KCpKU7DgU3bYMJhwWmcqC0UU29p8Lr0/7KEVcaM6bf47Q==",
+    "node_modules/@napi-rs/nice-win32-x64-msvc": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/nice-win32-x64-msvc/-/nice-win32-x64-msvc-1.1.1.tgz",
+      "integrity": "sha512-vB+4G/jBQCAh0jelMTY3+kgFy00Hlx2f2/1zjMoH821IbplbWZOkLiTYXQkygNTzQJTq5cvwBDgn2ppHD+bglQ==",
       "cpu": [
         "x64"
       ],
@@ -4893,934 +5028,2317 @@
       "optional": true,
       "os": [
         "win32"
-      ]
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
     },
-    "node_modules/@rollup/wasm-node": {
-      "version": "4.52.3",
-      "resolved": "https://registry.npmjs.org/@rollup/wasm-node/-/wasm-node-4.52.3.tgz",
-      "integrity": "sha512-Vltzfan6IBSm4dG3w8ArFVUMhBABbW/9uYMPnbYyv2Vk+Jry9qzlXKvxSZhDbvwtb0GJHDWwPOMj6d8G2cb9Tw==",
+    "node_modules/@napi-rs/wasm-runtime": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.1.tgz",
+      "integrity": "sha512-p64ah1M1ld8xjWv3qbvFwHiFVWrq1yFvV4f7w+mzaqiR4IlSgkqhcRdHwsGgomwzBH51sRY4NEowLxnaBjcW/A==",
       "dev": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
-        "@types/estree": "1.0.8"
-      },
-      "bin": {
-        "rollup": "dist/bin/rollup"
+        "@emnapi/core": "^1.7.1",
+        "@emnapi/runtime": "^1.7.1",
+        "@tybys/wasm-util": "^0.10.1"
       },
-      "engines": {
-        "node": ">=18.0.0",
-        "npm": ">=8.0.0"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/Brooooooklyn"
       }
     },
-    "node_modules/@rushstack/node-core-library": {
-      "version": "5.15.1",
-      "resolved": "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-5.15.1.tgz",
-      "integrity": "sha512-Nou4S2iYtnHIi3deB1kzl/ikJktR68L1Q5aeIYpySCfuk25dYZO0366lRdobk82rym6n0AacMyaYCiN8e7QaWA==",
+    "node_modules/@ngtools/webpack": {
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-21.1.4.tgz",
+      "integrity": "sha512-CgKnMofIVGTwNPqFNZmkmr2aLOFUG/AKm8lauXU+juwSaY7Z28eguFd+J42uVUOnasLxINQY9y7kr9f6deTrcg==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "ajv": "~8.13.0",
-        "ajv-draft-04": "~1.0.0",
-        "ajv-formats": "~3.0.1",
-        "fs-extra": "~11.3.0",
-        "import-lazy": "~4.0.0",
-        "jju": "~1.4.0",
-        "resolve": "~1.22.1",
-        "semver": "~7.5.4"
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
       },
       "peerDependencies": {
-        "@types/node": "*"
+        "@angular/compiler-cli": "^21.0.0",
+        "typescript": ">=5.9 <6.0",
+        "webpack": "^5.54.0"
+      }
+    },
+    "node_modules/@npmcli/agent": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@npmcli/agent/-/agent-4.0.0.tgz",
+      "integrity": "sha512-kAQTcEN9E8ERLVg5AsGwLNoFb+oEG6engbqAU2P43gD4JEIkNGMHdVQ096FsOAAYpZPB0RSt0zgInKIAS1l5QA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "agent-base": "^7.1.0",
+        "http-proxy-agent": "^7.0.0",
+        "https-proxy-agent": "^7.0.1",
+        "lru-cache": "^11.2.1",
+        "socks-proxy-agent": "^8.0.3"
       },
-      "peerDependenciesMeta": {
-        "@types/node": {
-          "optional": true
-        }
+      "engines": {
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
-    "node_modules/@rushstack/node-core-library/node_modules/ajv": {
-      "version": "8.13.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.13.0.tgz",
-      "integrity": "sha512-PRA911Blj99jR5RMeTunVbNXMF6Lp4vZXnk5GQjcnUWUTsrXtekg/pnmFFI2u/I36Y/2bITGS30GZCXei6uNkA==",
+    "node_modules/@npmcli/agent/node_modules/lru-cache": {
+      "version": "11.2.6",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.6.tgz",
+      "integrity": "sha512-ESL2CrkS/2wTPfuend7Zhkzo2u0daGJ/A2VucJOgQ/C48S/zB8MMeMHSGKYpXhIjbPxfuezITkaBH1wqv00DDQ==",
       "dev": true,
-      "license": "MIT",
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/@npmcli/fs": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-5.0.0.tgz",
+      "integrity": "sha512-7OsC1gNORBEawOa5+j2pXN9vsicaIOH5cPXxoR6fJOmH6/EXpJB2CajXOu1fPRFun2m1lktEFX11+P89hqO/og==",
+      "dev": true,
+      "license": "ISC",
       "dependencies": {
-        "fast-deep-equal": "^3.1.3",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2",
-        "uri-js": "^4.4.1"
+        "semver": "^7.3.5"
       },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
+      "engines": {
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
-    "node_modules/@rushstack/node-core-library/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+    "node_modules/@npmcli/git": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/@npmcli/git/-/git-7.0.1.tgz",
+      "integrity": "sha512-+XTFxK2jJF/EJJ5SoAzXk3qwIDfvFc5/g+bD274LZ7uY7LE8sTfG6Z8rOanPl2ZEvZWqNvmEdtXC25cE54VcoA==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
-        "yallist": "^4.0.0"
+        "@npmcli/promise-spawn": "^9.0.0",
+        "ini": "^6.0.0",
+        "lru-cache": "^11.2.1",
+        "npm-pick-manifest": "^11.0.1",
+        "proc-log": "^6.0.0",
+        "promise-retry": "^2.0.1",
+        "semver": "^7.3.5",
+        "which": "^6.0.0"
       },
       "engines": {
-        "node": ">=10"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
-    "node_modules/@rushstack/node-core-library/node_modules/semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+    "node_modules/@npmcli/git/node_modules/isexe": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-4.0.0.tgz",
+      "integrity": "sha512-FFUtZMpoZ8RqHS3XeXEmHWLA4thH+ZxCv2lOiPIn1Xc7CxrqhWzNSDzD+/chS/zbYezmiwWLdQC09JdQKmthOw==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/@npmcli/git/node_modules/lru-cache": {
+      "version": "11.2.6",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.6.tgz",
+      "integrity": "sha512-ESL2CrkS/2wTPfuend7Zhkzo2u0daGJ/A2VucJOgQ/C48S/zB8MMeMHSGKYpXhIjbPxfuezITkaBH1wqv00DDQ==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/@npmcli/git/node_modules/which": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-6.0.1.tgz",
+      "integrity": "sha512-oGLe46MIrCRqX7ytPUf66EAYvdeMIZYn3WaocqqKZAxrBpkqHfL/qvTyJ/bTk5+AqHCjXmrv3CEWgy368zhRUg==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
-        "lru-cache": "^6.0.0"
+        "isexe": "^4.0.0"
       },
       "bin": {
-        "semver": "bin/semver.js"
+        "node-which": "bin/which.js"
       },
       "engines": {
-        "node": ">=10"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
-    "node_modules/@rushstack/node-core-library/node_modules/yallist": {
+    "node_modules/@npmcli/installed-package-contents": {
       "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "resolved": "https://registry.npmjs.org/@npmcli/installed-package-contents/-/installed-package-contents-4.0.0.tgz",
+      "integrity": "sha512-yNyAdkBxB72gtZ4GrwXCM0ZUedo9nIbOMKfGjt6Cu6DXf0p8y1PViZAKDC8q8kv/fufx0WTjRBdSlyrvnP7hmA==",
       "dev": true,
-      "license": "ISC"
+      "license": "ISC",
+      "dependencies": {
+        "npm-bundled": "^5.0.0",
+        "npm-normalize-package-bin": "^5.0.0"
+      },
+      "bin": {
+        "installed-package-contents": "bin/index.js"
+      },
+      "engines": {
+        "node": "^20.17.0 || >=22.9.0"
+      }
     },
-    "node_modules/@rushstack/problem-matcher": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/@rushstack/problem-matcher/-/problem-matcher-0.1.1.tgz",
-      "integrity": "sha512-Fm5XtS7+G8HLcJHCWpES5VmeMyjAKaWeyZU5qPzZC+22mPlJzAsOxymHiWIfuirtPckX3aptWws+K2d0BzniJA==",
+    "node_modules/@npmcli/node-gyp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@npmcli/node-gyp/-/node-gyp-5.0.0.tgz",
+      "integrity": "sha512-uuG5HZFXLfyFKqg8QypsmgLQW7smiRjVc45bqD/ofZZcR/uxEjgQU8qDPv0s9TEeMUiAAU/GC5bR6++UdTirIQ==",
       "dev": true,
-      "license": "MIT",
-      "peerDependencies": {
-        "@types/node": "*"
-      },
-      "peerDependenciesMeta": {
-        "@types/node": {
-          "optional": true
-        }
+      "license": "ISC",
+      "engines": {
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
-    "node_modules/@rushstack/rig-package": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/@rushstack/rig-package/-/rig-package-0.5.3.tgz",
-      "integrity": "sha512-olzSSjYrvCNxUFZowevC3uz8gvKr3WTpHQ7BkpjtRpA3wK+T0ybep/SRUMfr195gBzJm5gaXw0ZMgjIyHqJUow==",
+    "node_modules/@npmcli/package-json": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@npmcli/package-json/-/package-json-7.0.4.tgz",
+      "integrity": "sha512-0wInJG3j/K40OJt/33ax47WfWMzZTm6OQxB9cDhTt5huCP2a9g2GnlsxmfN+PulItNPIpPrZ+kfwwUil7eHcZQ==",
       "dev": true,
-      "license": "MIT",
+      "license": "ISC",
       "dependencies": {
-        "resolve": "~1.22.1",
-        "strip-json-comments": "~3.1.1"
+        "@npmcli/git": "^7.0.0",
+        "glob": "^13.0.0",
+        "hosted-git-info": "^9.0.0",
+        "json-parse-even-better-errors": "^5.0.0",
+        "proc-log": "^6.0.0",
+        "semver": "^7.5.3",
+        "validate-npm-package-license": "^3.0.4"
+      },
+      "engines": {
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
-    "node_modules/@rushstack/terminal": {
-      "version": "0.18.0",
-      "resolved": "https://registry.npmjs.org/@rushstack/terminal/-/terminal-0.18.0.tgz",
-      "integrity": "sha512-OvUkArZvuqWhMLtM5LD4dSOODOH7uwvzD4Z80T8jxFnsdoD/hKCz6wABDziD9N5JdxXc6/LXJD+60VFtxefjjA==",
+    "node_modules/@npmcli/package-json/node_modules/balanced-match": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.2.tgz",
+      "integrity": "sha512-x0K50QvKQ97fdEz2kPehIerj+YTeptKF9hyYkKf6egnwmMWAkADiO0QCzSp0R5xN8FTZgYaBfSaue46Ej62nMg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@rushstack/node-core-library": "5.15.1",
-        "@rushstack/problem-matcher": "0.1.1",
-        "supports-color": "~8.1.1"
-      },
-      "peerDependencies": {
-        "@types/node": "*"
+        "jackspeak": "^4.2.3"
       },
-      "peerDependenciesMeta": {
-        "@types/node": {
-          "optional": true
-        }
+      "engines": {
+        "node": "20 || >=22"
       }
     },
-    "node_modules/@rushstack/ts-command-line": {
-      "version": "5.0.5",
-      "resolved": "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-5.0.5.tgz",
-      "integrity": "sha512-1NfEFJcpYu7gPQ2H4u0KTvEJaxpVknHgFd3xUuUkTiEmdvhLfasNdriPwOkMcJaRpfSO2vTR6XgDNRyEqwIVlw==",
+    "node_modules/@npmcli/package-json/node_modules/brace-expansion": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.2.tgz",
+      "integrity": "sha512-Pdk8c9poy+YhOgVWw1JNN22/HcivgKWwpxKq04M/jTmHyCZn12WPJebZxdjSa5TmBqISrUSgNYU3eRORljfCCw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@rushstack/terminal": "0.18.0",
-        "@types/argparse": "1.0.38",
-        "argparse": "~1.0.9",
-        "string-argv": "~0.3.1"
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "20 || >=22"
       }
     },
-    "node_modules/@schematics/angular": {
-      "version": "18.2.21",
-      "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-18.2.21.tgz",
-      "integrity": "sha512-5Ai+NEflQZi67y4NsQ3o04iEp7zT0/BUFVCrJ3CueU3uYQGs8jrN1Lk6tvQ9c5HzGcTDrMXuTrCswyR9o6ecpA==",
+    "node_modules/@npmcli/package-json/node_modules/glob": {
+      "version": "13.0.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-13.0.3.tgz",
+      "integrity": "sha512-/g3B0mC+4x724v1TgtBlBtt2hPi/EWptsIAmXUx9Z2rvBYleQcsrmaOzd5LyL50jf/Soi83ZDJmw2+XqvH/EeA==",
       "dev": true,
-      "license": "MIT",
+      "license": "BlueOak-1.0.0",
       "dependencies": {
-        "@angular-devkit/core": "18.2.21",
-        "@angular-devkit/schematics": "18.2.21",
-        "jsonc-parser": "3.3.1"
+        "minimatch": "^10.2.0",
+        "minipass": "^7.1.2",
+        "path-scurry": "^2.0.0"
       },
       "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
-        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
-        "yarn": ">= 1.13.0"
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/@sigstore/bundle": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/@sigstore/bundle/-/bundle-2.3.2.tgz",
-      "integrity": "sha512-wueKWDk70QixNLB363yHc2D2ItTgYiMTdPwK8D9dKQMR3ZQ0c35IxP5xnwQ8cNLoCgCRcHf14kE+CLIvNX1zmA==",
+    "node_modules/@npmcli/package-json/node_modules/minimatch": {
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.0.tgz",
+      "integrity": "sha512-ugkC31VaVg9cF0DFVoADH12k6061zNZkZON+aX8AWsR9GhPcErkcMBceb6znR8wLERM2AkkOxy2nWRLpT9Jq5w==",
       "dev": true,
-      "license": "Apache-2.0",
+      "license": "BlueOak-1.0.0",
       "dependencies": {
-        "@sigstore/protobuf-specs": "^0.3.2"
+        "brace-expansion": "^5.0.2"
       },
       "engines": {
-        "node": "^16.14.0 || >=18.0.0"
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/@sigstore/core": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@sigstore/core/-/core-1.1.0.tgz",
-      "integrity": "sha512-JzBqdVIyqm2FRQCulY6nbQzMpJJpSiJ8XXWMhtOX9eKgaXXpfNOF53lzQEjIydlStnd/eFtuC1dW4VYdD93oRg==",
+    "node_modules/@npmcli/promise-spawn": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/@npmcli/promise-spawn/-/promise-spawn-9.0.1.tgz",
+      "integrity": "sha512-OLUaoqBuyxeTqUvjA3FZFiXUfYC1alp3Sa99gW3EUDz3tZ3CbXDdcZ7qWKBzicrJleIgucoWamWH1saAmH/l2Q==",
       "dev": true,
-      "license": "Apache-2.0",
+      "license": "ISC",
+      "dependencies": {
+        "which": "^6.0.0"
+      },
       "engines": {
-        "node": "^16.14.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
-    "node_modules/@sigstore/protobuf-specs": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/@sigstore/protobuf-specs/-/protobuf-specs-0.3.3.tgz",
-      "integrity": "sha512-RpacQhBlwpBWd7KEJsRKcBQalbV28fvkxwTOJIqhIuDysMMaJW47V4OqW30iJB9uRpqOSxxEAQFdr8tTattReQ==",
+    "node_modules/@npmcli/promise-spawn/node_modules/isexe": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-4.0.0.tgz",
+      "integrity": "sha512-FFUtZMpoZ8RqHS3XeXEmHWLA4thH+ZxCv2lOiPIn1Xc7CxrqhWzNSDzD+/chS/zbYezmiwWLdQC09JdQKmthOw==",
       "dev": true,
-      "license": "Apache-2.0",
+      "license": "BlueOak-1.0.0",
       "engines": {
-        "node": "^18.17.0 || >=20.5.0"
+        "node": ">=20"
       }
     },
-    "node_modules/@sigstore/sign": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/@sigstore/sign/-/sign-2.3.2.tgz",
-      "integrity": "sha512-5Vz5dPVuunIIvC5vBb0APwo7qKA4G9yM48kPWJT+OEERs40md5GoUR1yedwpekWZ4m0Hhw44m6zU+ObsON+iDA==",
+    "node_modules/@npmcli/promise-spawn/node_modules/which": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-6.0.1.tgz",
+      "integrity": "sha512-oGLe46MIrCRqX7ytPUf66EAYvdeMIZYn3WaocqqKZAxrBpkqHfL/qvTyJ/bTk5+AqHCjXmrv3CEWgy368zhRUg==",
       "dev": true,
-      "license": "Apache-2.0",
+      "license": "ISC",
       "dependencies": {
-        "@sigstore/bundle": "^2.3.2",
-        "@sigstore/core": "^1.0.0",
-        "@sigstore/protobuf-specs": "^0.3.2",
-        "make-fetch-happen": "^13.0.1",
-        "proc-log": "^4.2.0",
-        "promise-retry": "^2.0.1"
+        "isexe": "^4.0.0"
+      },
+      "bin": {
+        "node-which": "bin/which.js"
       },
       "engines": {
-        "node": "^16.14.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
-    "node_modules/@sigstore/tuf": {
-      "version": "2.3.4",
-      "resolved": "https://registry.npmjs.org/@sigstore/tuf/-/tuf-2.3.4.tgz",
-      "integrity": "sha512-44vtsveTPUpqhm9NCrbU8CWLe3Vck2HO1PNLw7RIajbB7xhtn5RBPm1VNSCMwqGYHhDsBJG8gDF0q4lgydsJvw==",
+    "node_modules/@npmcli/redact": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@npmcli/redact/-/redact-4.0.0.tgz",
+      "integrity": "sha512-gOBg5YHMfZy+TfHArfVogwgfBeQnKbbGo3pSUyK/gSI0AVu+pEiDVcKlQb0D8Mg1LNRZILZ6XG8I5dJ4KuAd9Q==",
       "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@sigstore/protobuf-specs": "^0.3.2",
-        "tuf-js": "^2.2.1"
-      },
+      "license": "ISC",
       "engines": {
-        "node": "^16.14.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
-    "node_modules/@sigstore/verify": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@sigstore/verify/-/verify-1.2.1.tgz",
-      "integrity": "sha512-8iKx79/F73DKbGfRf7+t4dqrc0bRr0thdPrxAtCKWRm/F0tG71i6O1rvlnScncJLLBZHn3h8M3c1BSUAb9yu8g==",
+    "node_modules/@npmcli/run-script": {
+      "version": "10.0.3",
+      "resolved": "https://registry.npmjs.org/@npmcli/run-script/-/run-script-10.0.3.tgz",
+      "integrity": "sha512-ER2N6itRkzWbbtVmZ9WKaWxVlKlOeBFF1/7xx+KA5J1xKa4JjUwBdb6tDpk0v1qA+d+VDwHI9qmLcXSWcmi+Rw==",
       "dev": true,
-      "license": "Apache-2.0",
+      "license": "ISC",
       "dependencies": {
-        "@sigstore/bundle": "^2.3.2",
-        "@sigstore/core": "^1.1.0",
-        "@sigstore/protobuf-specs": "^0.3.2"
+        "@npmcli/node-gyp": "^5.0.0",
+        "@npmcli/package-json": "^7.0.0",
+        "@npmcli/promise-spawn": "^9.0.0",
+        "node-gyp": "^12.1.0",
+        "proc-log": "^6.0.0",
+        "which": "^6.0.0"
       },
       "engines": {
-        "node": "^16.14.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
-    "node_modules/@sindresorhus/merge-streams": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@sindresorhus/merge-streams/-/merge-streams-2.3.0.tgz",
-      "integrity": "sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==",
+    "node_modules/@npmcli/run-script/node_modules/isexe": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-4.0.0.tgz",
+      "integrity": "sha512-FFUtZMpoZ8RqHS3XeXEmHWLA4thH+ZxCv2lOiPIn1Xc7CxrqhWzNSDzD+/chS/zbYezmiwWLdQC09JdQKmthOw==",
       "dev": true,
-      "license": "MIT",
+      "license": "BlueOak-1.0.0",
       "engines": {
-        "node": ">=18"
+        "node": ">=20"
+      }
+    },
+    "node_modules/@npmcli/run-script/node_modules/which": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-6.0.1.tgz",
+      "integrity": "sha512-oGLe46MIrCRqX7ytPUf66EAYvdeMIZYn3WaocqqKZAxrBpkqHfL/qvTyJ/bTk5+AqHCjXmrv3CEWgy368zhRUg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^4.0.0"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+      "bin": {
+        "node-which": "bin/which.js"
+      },
+      "engines": {
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
-    "node_modules/@socket.io/component-emitter": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.2.tgz",
-      "integrity": "sha512-9BCxFwvbGg/RsZK9tjXd8s4UcwR0MWeFQ1XEKIQVVvAGJyINdrqKMcTRyLoK8Rse1GjzLV9cwjWV1olXRWEXVA==",
+    "node_modules/@oxc-project/types": {
+      "version": "0.106.0",
+      "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.106.0.tgz",
+      "integrity": "sha512-QdsH3rZq480VnOHSHgPYOhjL8O8LBdcnSjM408BpPCCUc0JYYZPG9Gafl9i3OcGk/7137o+gweb4cCv3WAUykg==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/Boshen"
+      }
     },
-    "node_modules/@stylistic/eslint-plugin": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@stylistic/eslint-plugin/-/eslint-plugin-4.4.1.tgz",
-      "integrity": "sha512-CEigAk7eOLyHvdgmpZsKFwtiqS2wFwI1fn4j09IU9GmD4euFM4jEBAViWeCqaNLlbX2k2+A/Fq9cje4HQBXuJQ==",
+    "node_modules/@parcel/watcher": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.6.tgz",
+      "integrity": "sha512-tmmZ3lQxAe/k/+rNnXQRawJ4NjxO2hqiOLTHvWchtGZULp4RyFeh6aU4XdOYBFe2KE1oShQTv4AblOs2iOrNnQ==",
       "dev": true,
+      "hasInstallScript": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
-        "@typescript-eslint/utils": "^8.32.1",
-        "eslint-visitor-keys": "^4.2.0",
-        "espree": "^10.3.0",
-        "estraverse": "^5.3.0",
-        "picomatch": "^4.0.2"
+        "detect-libc": "^2.0.3",
+        "is-glob": "^4.0.3",
+        "node-addon-api": "^7.0.0",
+        "picomatch": "^4.0.3"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": ">= 10.0.0"
       },
-      "peerDependencies": {
-        "eslint": ">=9.0.0"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher-android-arm64": "2.5.6",
+        "@parcel/watcher-darwin-arm64": "2.5.6",
+        "@parcel/watcher-darwin-x64": "2.5.6",
+        "@parcel/watcher-freebsd-x64": "2.5.6",
+        "@parcel/watcher-linux-arm-glibc": "2.5.6",
+        "@parcel/watcher-linux-arm-musl": "2.5.6",
+        "@parcel/watcher-linux-arm64-glibc": "2.5.6",
+        "@parcel/watcher-linux-arm64-musl": "2.5.6",
+        "@parcel/watcher-linux-x64-glibc": "2.5.6",
+        "@parcel/watcher-linux-x64-musl": "2.5.6",
+        "@parcel/watcher-win32-arm64": "2.5.6",
+        "@parcel/watcher-win32-ia32": "2.5.6",
+        "@parcel/watcher-win32-x64": "2.5.6"
+      }
+    },
+    "node_modules/@parcel/watcher-android-arm64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.6.tgz",
+      "integrity": "sha512-YQxSS34tPF/6ZG7r/Ih9xy+kP/WwediEUsqmtf0cuCV5TPPKw/PQHRhueUo6JdeFJaqV3pyjm0GdYjZotbRt/A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/@tootallnate/quickjs-emscripten": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@tootallnate/quickjs-emscripten/-/quickjs-emscripten-0.23.0.tgz",
-      "integrity": "sha512-C5Mc6rdnsaJDjO3UpGW/CQTHtCKaYlScZTly4JIu97Jxo/odCiH0ITnDXSJPTOrEKk/ycSZ0AOgTmkDtkOsvIA==",
+    "node_modules/@parcel/watcher-darwin-arm64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.6.tgz",
+      "integrity": "sha512-Z2ZdrnwyXvvvdtRHLmM4knydIdU9adO3D4n/0cVipF3rRiwP+3/sfzpAwA/qKFL6i1ModaabkU7IbpeMBgiVEA==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
     },
-    "node_modules/@tufjs/canonical-json": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@tufjs/canonical-json/-/canonical-json-2.0.0.tgz",
-      "integrity": "sha512-yVtV8zsdo8qFHe+/3kw81dSLyF7D576A5cCFCi4X7B39tWT7SekaEFUnvnWJHz+9qO7qJTah1JbrDjWKqFtdWA==",
+    "node_modules/@parcel/watcher-darwin-x64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.6.tgz",
+      "integrity": "sha512-HgvOf3W9dhithcwOWX9uDZyn1lW9R+7tPZ4sug+NGrGIo4Rk1hAXLEbcH1TQSqxts0NYXXlOWqVpvS1SFS4fRg==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
       "engines": {
-        "node": "^16.14.0 || >=18.0.0"
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/@tufjs/models": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@tufjs/models/-/models-2.0.1.tgz",
-      "integrity": "sha512-92F7/SFyufn4DXsha9+QfKnN03JGqtMFMXgSHbZOo8JG59WkTni7UzAouNQDf7AuP9OAMxVOPQcqG3sB7w+kkg==",
+    "node_modules/@parcel/watcher-freebsd-x64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.6.tgz",
+      "integrity": "sha512-vJVi8yd/qzJxEKHkeemh7w3YAn6RJCtYlE4HPMoVnCpIXEzSrxErBW5SJBgKLbXU3WdIpkjBTeUNtyBVn8TRng==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@tufjs/canonical-json": "2.0.0",
-        "minimatch": "^9.0.4"
-      },
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
       "engines": {
-        "node": "^16.14.0 || >=18.0.0"
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/@tufjs/models/node_modules/brace-expansion": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+    "node_modules/@parcel/watcher-linux-arm-glibc": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.6.tgz",
+      "integrity": "sha512-9JiYfB6h6BgV50CCfasfLf/uvOcJskMSwcdH1PHH9rvS1IrNy8zad6IUVPVUfmXr+u+Km9IxcfMLzgdOudz9EQ==",
+      "cpu": [
+        "arm"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/@tufjs/models/node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+    "node_modules/@parcel/watcher-linux-arm-musl": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.6.tgz",
+      "integrity": "sha512-Ve3gUCG57nuUUSyjBq/MAM0CzArtuIOxsBdQ+ftz6ho8n7s1i9E1Nmk/xmP323r2YL0SONs1EuwqBp2u1k5fxg==",
+      "cpu": [
+        "arm"
+      ],
       "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=16 || 14 >=14.17"
+        "node": ">= 10.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/@types/argparse": {
-      "version": "1.0.38",
-      "resolved": "https://registry.npmjs.org/@types/argparse/-/argparse-1.0.38.tgz",
-      "integrity": "sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==",
+    "node_modules/@parcel/watcher-linux-arm64-glibc": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.6.tgz",
+      "integrity": "sha512-f2g/DT3NhGPdBmMWYoxixqYr3v/UXcmLOYy16Bx0TM20Tchduwr4EaCbmxh1321TABqPGDpS8D/ggOTaljijOA==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
     },
-    "node_modules/@types/body-parser": {
-      "version": "1.19.6",
-      "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.6.tgz",
-      "integrity": "sha512-HLFeCYgz89uk22N5Qg3dvGvsv46B8GLvKKo1zKG4NybA8U2DiEO3w9lqGg29t/tfLRJpJ6iQxnVw4OnB7MoM9g==",
+    "node_modules/@parcel/watcher-linux-arm64-musl": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.6.tgz",
+      "integrity": "sha512-qb6naMDGlbCwdhLj6hgoVKJl2odL34z2sqkC7Z6kzir8b5W65WYDpLB6R06KabvZdgoHI/zxke4b3zR0wAbDTA==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/connect": "*",
-        "@types/node": "*"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/@types/bonjour": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/@types/bonjour/-/bonjour-3.5.13.tgz",
-      "integrity": "sha512-z9fJ5Im06zvUL548KvYNecEVlA7cVDkGUi6kZusb04mpyEFKCIZJvloCcmpmLaIahDpOQGHaHmG6imtPMmPXGQ==",
+    "node_modules/@parcel/watcher-linux-x64-glibc": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.6.tgz",
+      "integrity": "sha512-kbT5wvNQlx7NaGjzPFu8nVIW1rWqV780O7ZtkjuWaPUgpv2NMFpjYERVi0UYj1msZNyCzGlaCWEtzc+exjMGbQ==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/node": "*"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/@types/connect": {
-      "version": "3.4.38",
-      "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz",
-      "integrity": "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==",
+    "node_modules/@parcel/watcher-linux-x64-musl": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.6.tgz",
+      "integrity": "sha512-1JRFeC+h7RdXwldHzTsmdtYR/Ku8SylLgTU/reMuqdVD7CtLwf0VR1FqeprZ0eHQkO0vqsbvFLXUmYm/uNKJBg==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/node": "*"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/@types/connect-history-api-fallback": {
-      "version": "1.5.4",
-      "resolved": "https://registry.npmjs.org/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.5.4.tgz",
-      "integrity": "sha512-n6Cr2xS1h4uAulPRdlw6Jl6s1oG8KrVilPN2yUITEs+K48EzMJJ3W1xy8K5eWuFvjp3R74AOIGSmp2UfBJ8HFw==",
+    "node_modules/@parcel/watcher-win32-arm64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.6.tgz",
+      "integrity": "sha512-3ukyebjc6eGlw9yRt678DxVF7rjXatWiHvTXqphZLvo7aC5NdEgFufVwjFfY51ijYEWpXbqF5jtrK275z52D4Q==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/express-serve-static-core": "*",
-        "@types/node": "*"
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/@types/cors": {
-      "version": "2.8.19",
-      "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.19.tgz",
-      "integrity": "sha512-mFNylyeyqN93lfe/9CSxOGREz8cpzAhH+E93xJ4xWQf62V8sQ/24reV2nyzUWM6H6Xji+GGHpkbLe7pVoUEskg==",
+    "node_modules/@parcel/watcher-win32-ia32": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.6.tgz",
+      "integrity": "sha512-k35yLp1ZMwwee3Ez/pxBi5cf4AoBKYXj00CZ80jUz5h8prpiaQsiRPKQMxoLstNuqe2vR4RNPEAEcjEFzhEz/g==",
+      "cpu": [
+        "ia32"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/node": "*"
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/@types/estree": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
-      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+    "node_modules/@parcel/watcher-win32-x64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.6.tgz",
+      "integrity": "sha512-hbQlYcCq5dlAX9Qx+kFb0FHue6vbjlf0FrNzSKdYK2APUf7tGfGxQCk2ihEREmbR6ZMc0MVAD5RIX/41gpUzTw==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
     },
-    "node_modules/@types/expect": {
-      "version": "1.20.4",
-      "resolved": "https://registry.npmjs.org/@types/expect/-/expect-1.20.4.tgz",
-      "integrity": "sha512-Q5Vn3yjTDyCMV50TB6VRIbQNxSE4OmZR86VSbGaNpfUolm0iePBB4KdEEHmxoY5sT2+2DIvXW0rvMDP2nHZ4Mg==",
+    "node_modules/@parcel/watcher/node_modules/node-addon-api": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
+      "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true
     },
-    "node_modules/@types/express": {
-      "version": "4.17.23",
-      "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.23.tgz",
-      "integrity": "sha512-Crp6WY9aTYP3qPi2wGDo9iUe/rceX01UMhnF1jmwDcKCFM6cx7YhGP/Mpr3y9AASpfHixIG0E6azCcL5OcDHsQ==",
+    "node_modules/@puppeteer/browsers": {
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/@puppeteer/browsers/-/browsers-2.12.1.tgz",
+      "integrity": "sha512-fXa6uXLxfslBlus3MEpW8S6S9fe5RwmAE5Gd8u3krqOwnkZJV3/lQJiY3LaFdTctLLqJtyMgEUGkbDnRNf6vbQ==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "@types/body-parser": "*",
-        "@types/express-serve-static-core": "^4.17.33",
-        "@types/qs": "*",
-        "@types/serve-static": "*"
+        "debug": "^4.4.3",
+        "extract-zip": "^2.0.1",
+        "progress": "^2.0.3",
+        "proxy-agent": "^6.5.0",
+        "semver": "^7.7.4",
+        "tar-fs": "^3.1.1",
+        "yargs": "^17.7.2"
+      },
+      "bin": {
+        "browsers": "lib/cjs/main-cli.js"
+      },
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/@types/express-serve-static-core": {
-      "version": "4.19.6",
-      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.19.6.tgz",
-      "integrity": "sha512-N4LZ2xG7DatVqhCZzOGb1Yi5lMbXSZcmdLDe9EzSndPV2HpWYWzRbaerl2n27irrm94EPpprqa8KpskPT085+A==",
+    "node_modules/@puppeteer/browsers/node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/node": "*",
-        "@types/qs": "*",
-        "@types/range-parser": "*",
-        "@types/send": "*"
+      "engines": {
+        "node": ">=8"
       }
     },
-    "node_modules/@types/http-errors": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.5.tgz",
-      "integrity": "sha512-r8Tayk8HJnX0FztbZN7oVqGccWgw98T/0neJphO91KkmOzug1KkofZURD4UaD5uH8AqcFLfdPErnBod0u71/qg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/http-proxy": {
-      "version": "1.17.16",
-      "resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.16.tgz",
-      "integrity": "sha512-sdWoUajOB1cd0A8cRRQ1cfyWNbmFKLAqBB89Y8x5iYyG/mkJHc0YUH8pdWBy2omi9qtCpiIgGjuwO0dQST2l5w==",
+    "node_modules/@puppeteer/browsers/node_modules/cliui": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
       "dev": true,
-      "license": "MIT",
+      "license": "ISC",
       "dependencies": {
-        "@types/node": "*"
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
       }
     },
-    "node_modules/@types/jasmine": {
-      "version": "3.10.18",
-      "resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-3.10.18.tgz",
-      "integrity": "sha512-jOk52a1Kz+1oU5fNWwAcNe64/GsE7r/Q6ronwDox0D3ETo/cr4ICMQyeXrj7G6FPW1n8YjRoAZA2F0XBr6GicQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/json-schema": {
-      "version": "7.0.15",
-      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
-      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/lodash": {
-      "version": "4.17.20",
-      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.20.tgz",
-      "integrity": "sha512-H3MHACvFUEiujabxhaI/ImO6gUrd8oOurg7LQtS7mbwIXA/cUqWrvBsaeJ23aZEPk1TAYkurjfMbSELfoCXlGA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/mime": {
-      "version": "1.3.5",
-      "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.5.tgz",
-      "integrity": "sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==",
+    "node_modules/@puppeteer/browsers/node_modules/semver": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
       "dev": true,
-      "license": "MIT"
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
     },
-    "node_modules/@types/mute-stream": {
-      "version": "0.0.4",
-      "resolved": "https://registry.npmjs.org/@types/mute-stream/-/mute-stream-0.0.4.tgz",
-      "integrity": "sha512-CPM9nzrCPPJHQNA9keH9CVkVI+WR5kMa+7XEs5jcGQ0VoAGnLv242w8lIVgwAEfmE4oufJRaTc9PNLQl0ioAow==",
+    "node_modules/@puppeteer/browsers/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/node": "*"
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
       }
     },
-    "node_modules/@types/node": {
-      "version": "18.19.129",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.129.tgz",
-      "integrity": "sha512-hrmi5jWt2w60ayox3iIXwpMEnfUvOLJCRtrOPbHtH15nTjvO7uhnelvrdAs0dO0/zl5DZ3ZbahiaXEVb54ca/A==",
+    "node_modules/@puppeteer/browsers/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,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "undici-types": "~5.26.4"
+        "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/@types/node-forge": {
-      "version": "1.3.14",
-      "resolved": "https://registry.npmjs.org/@types/node-forge/-/node-forge-1.3.14.tgz",
-      "integrity": "sha512-mhVF2BnD4BO+jtOp7z1CdzaK4mbuK0LLQYAvdOLqHTavxFNq4zA1EmYkpnFjP8HOUzedfQkRnp0E2ulSAYSzAw==",
+    "node_modules/@puppeteer/browsers/node_modules/yargs": {
+      "version": "17.7.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/node": "*"
+        "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/@types/qs": {
-      "version": "6.14.0",
-      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.14.0.tgz",
-      "integrity": "sha512-eOunJqu0K1923aExK6y8p6fsihYEn/BYuQ4g0CxAAgFc4b/ZLN4CrsRZ55srTdqoiLzU2B2evC+apEIxprEzkQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/range-parser": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz",
-      "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/resolve": {
-      "version": "1.20.2",
-      "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz",
-      "integrity": "sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/retry": {
-      "version": "0.12.2",
-      "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.2.tgz",
-      "integrity": "sha512-XISRgDJ2Tc5q4TRqvgJtzsRkFYNJzZrhTdtMoGVBttwzzQJkPnS3WWTFc7kuDRoPtPakl+T+OfdEUjYJj7Jbow==",
+    "node_modules/@puppeteer/browsers/node_modules/yargs-parser": {
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
       "dev": true,
-      "license": "MIT"
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
     },
-    "node_modules/@types/send": {
-      "version": "0.17.5",
-      "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.5.tgz",
-      "integrity": "sha512-z6F2D3cOStZvuk2SaP6YrwkNO65iTZcwA2ZkSABegdkAh/lf+Aa/YQndZVfmEXT5vgAp6zv06VQ3ejSVjAny4w==",
+    "node_modules/@rolldown/binding-android-arm64": {
+      "version": "1.0.0-beta.58",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.0-beta.58.tgz",
+      "integrity": "sha512-mWj5eE4Qc8TbPdGGaaLvBb9XfDPvE1EmZkJQgiGKwchkWH4oAJcRAKMTw7ZHnb1L+t7Ah41sBkAecaIsuUgsug==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/mime": "^1",
-        "@types/node": "*"
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
       }
     },
-    "node_modules/@types/serve-index": {
-      "version": "1.9.4",
-      "resolved": "https://registry.npmjs.org/@types/serve-index/-/serve-index-1.9.4.tgz",
-      "integrity": "sha512-qLpGZ/c2fhSs5gnYsQxtDEq3Oy8SXPClIXkW5ghvAvsNuVSA8k+gCONcUCS/UjLEYvYps+e8uBtfgXgvhwfNug==",
+    "node_modules/@rolldown/binding-darwin-arm64": {
+      "version": "1.0.0-beta.58",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.0-beta.58.tgz",
+      "integrity": "sha512-wFxUymI/5R8bH8qZFYDfAxAN9CyISEIYke+95oZPiv6EWo88aa5rskjVcCpKA532R+klFmdqjbbaD56GNmTF4Q==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/express": "*"
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
       }
     },
-    "node_modules/@types/serve-static": {
-      "version": "1.15.8",
-      "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.8.tgz",
-      "integrity": "sha512-roei0UY3LhpOJvjbIP6ZZFngyLKl5dskOtDhxY5THRSpO+ZI+nzJ+m5yUMzGrp89YRa7lvknKkMYjqQFGwA7Sg==",
+    "node_modules/@rolldown/binding-darwin-x64": {
+      "version": "1.0.0-beta.58",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.0-beta.58.tgz",
+      "integrity": "sha512-ybp3MkPj23VDV9PhtRwdU5qrGhlViWRV5BjKwO6epaSlUD5lW0WyY+roN3ZAzbma/9RrMTgZ/a/gtQq8YXOcqw==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/http-errors": "*",
-        "@types/node": "*",
-        "@types/send": "*"
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
       }
     },
-    "node_modules/@types/sockjs": {
-      "version": "0.3.36",
-      "resolved": "https://registry.npmjs.org/@types/sockjs/-/sockjs-0.3.36.tgz",
-      "integrity": "sha512-MK9V6NzAS1+Ud7JV9lJLFqW85VbC9dq3LmwZCuBe4wBDgKC0Kj/jd8Xl+nSviU+Qc3+m7umHHyHg//2KSa0a0Q==",
+    "node_modules/@rolldown/binding-freebsd-x64": {
+      "version": "1.0.0-beta.58",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.0-beta.58.tgz",
+      "integrity": "sha512-Evxj3yh7FWvyklUYZa0qTVT9N2zX9TPDqGF056hl8hlCZ9/ndQ2xMv6uw9PD1VlLpukbsqL+/C6M0qwipL0QMg==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/node": "*"
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
       }
     },
-    "node_modules/@types/vinyl": {
-      "version": "2.0.12",
-      "resolved": "https://registry.npmjs.org/@types/vinyl/-/vinyl-2.0.12.tgz",
-      "integrity": "sha512-Sr2fYMBUVGYq8kj3UthXFAu5UN6ZW+rYr4NACjZQJvHvj+c8lYv0CahmZ2P/r7iUkN44gGUBwqxZkrKXYPb7cw==",
+    "node_modules/@rolldown/binding-linux-arm-gnueabihf": {
+      "version": "1.0.0-beta.58",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.0-beta.58.tgz",
+      "integrity": "sha512-tYeXprDOrEgVHUbPXH6MPso4cM/c6RTkmJNICMQlYdki4hGMh92aj3yU6CKs+4X5gfG0yj5kVUw/L4M685SYag==",
+      "cpu": [
+        "arm"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/expect": "^1.20.4",
-        "@types/node": "*"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
       }
     },
-    "node_modules/@types/wrap-ansi": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@types/wrap-ansi/-/wrap-ansi-3.0.0.tgz",
-      "integrity": "sha512-ltIpx+kM7g/MLRZfkbL7EsCEjfzCcScLpkg37eXEtx5kmrAKBkTJwd1GIAjDSL8wTpM6Hzn5YO4pSb91BEwu1g==",
+    "node_modules/@rolldown/binding-linux-arm64-gnu": {
+      "version": "1.0.0-beta.58",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.0-beta.58.tgz",
+      "integrity": "sha512-N78vmZzP6zG967Ohr+MasCjmKtis0geZ1SOVmxrA0/bklTQSzH5kHEjW5Qn+i1taFno6GEre1E40v0wuWsNOQw==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
     },
-    "node_modules/@types/ws": {
-      "version": "8.18.1",
-      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz",
-      "integrity": "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==",
+    "node_modules/@rolldown/binding-linux-arm64-musl": {
+      "version": "1.0.0-beta.58",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.0-beta.58.tgz",
+      "integrity": "sha512-l+p4QVtG72C7wI2SIkNQw/KQtSjuYwS3rV6AKcWrRBF62ClsFUcif5vLaZIEbPrCXu5OFRXigXFJnxYsVVZqdQ==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/node": "*"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
       }
     },
-    "node_modules/@types/yauzl": {
-      "version": "2.10.3",
-      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz",
-      "integrity": "sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==",
+    "node_modules/@rolldown/binding-linux-x64-gnu": {
+      "version": "1.0.0-beta.58",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.0-beta.58.tgz",
+      "integrity": "sha512-urzJX0HrXxIh0FfxwWRjfPCMeInU9qsImLQxHBgLp5ivji1EEUnOfux8KxPPnRQthJyneBrN2LeqUix9DYrNaQ==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
       "optional": true,
-      "dependencies": {
-        "@types/node": "*"
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
       }
     },
-    "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.45.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.45.0.tgz",
-      "integrity": "sha512-HC3y9CVuevvWCl/oyZuI47dOeDF9ztdMEfMH8/DW/Mhwa9cCLnK1oD7JoTVGW/u7kFzNZUKUoyJEqkaJh5y3Wg==",
+    "node_modules/@rolldown/binding-linux-x64-musl": {
+      "version": "1.0.0-beta.58",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.0-beta.58.tgz",
+      "integrity": "sha512-7ijfVK3GISnXIwq/1FZo+KyAUJjL3kWPJ7rViAL6MWeEBhEgRzJ0yEd9I8N9aut8Y8ab+EKFJyRNMWZuUBwQ0A==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@eslint-community/regexpp": "^4.10.0",
-        "@typescript-eslint/scope-manager": "8.45.0",
-        "@typescript-eslint/type-utils": "8.45.0",
-        "@typescript-eslint/utils": "8.45.0",
-        "@typescript-eslint/visitor-keys": "8.45.0",
-        "graphemer": "^1.4.0",
-        "ignore": "^7.0.0",
-        "natural-compare": "^1.4.0",
-        "ts-api-utils": "^2.1.0"
-      },
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "@typescript-eslint/parser": "^8.45.0",
-        "eslint": "^8.57.0 || ^9.0.0",
-        "typescript": ">=4.8.4 <6.0.0"
+        "node": "^20.19.0 || >=22.12.0"
       }
     },
-    "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
-      "version": "7.0.5",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
-      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
+    "node_modules/@rolldown/binding-openharmony-arm64": {
+      "version": "1.0.0-beta.58",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.0-beta.58.tgz",
+      "integrity": "sha512-/m7sKZCS+cUULbzyJTIlv8JbjNohxbpAOA6cM+lgWgqVzPee3U6jpwydrib328JFN/gF9A99IZEnuGYqEDJdww==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
       "engines": {
-        "node": ">= 4"
+        "node": "^20.19.0 || >=22.12.0"
       }
     },
-    "node_modules/@typescript-eslint/parser": {
-      "version": "8.45.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.45.0.tgz",
-      "integrity": "sha512-TGf22kon8KW+DeKaUmOibKWktRY8b2NSAZNdtWh798COm1NWx8+xJ6iFBtk3IvLdv6+LGLJLRlyhrhEDZWargQ==",
+    "node_modules/@rolldown/binding-wasm32-wasi": {
+      "version": "1.0.0-beta.58",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.0-beta.58.tgz",
+      "integrity": "sha512-6SZk7zMgv+y3wFFQ9qE5P9NnRHcRsptL1ypmudD26PDY+PvFCvfHRkJNfclWnvacVGxjowr7JOL3a9fd1wWhUw==",
+      "cpu": [
+        "wasm32"
+      ],
       "dev": true,
       "license": "MIT",
-      "peer": true,
+      "optional": true,
       "dependencies": {
-        "@typescript-eslint/scope-manager": "8.45.0",
-        "@typescript-eslint/types": "8.45.0",
-        "@typescript-eslint/typescript-estree": "8.45.0",
-        "@typescript-eslint/visitor-keys": "8.45.0",
-        "debug": "^4.3.4"
+        "@napi-rs/wasm-runtime": "^1.1.1"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0",
-        "typescript": ">=4.8.4 <6.0.0"
+        "node": ">=14.0.0"
       }
     },
-    "node_modules/@typescript-eslint/project-service": {
-      "version": "8.45.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.45.0.tgz",
-      "integrity": "sha512-3pcVHwMG/iA8afdGLMuTibGR7pDsn9RjDev6CCB+naRsSYs2pns5QbinF4Xqw6YC/Sj3lMrm/Im0eMfaa61WUg==",
+    "node_modules/@rolldown/binding-win32-arm64-msvc": {
+      "version": "1.0.0-beta.58",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.0-beta.58.tgz",
+      "integrity": "sha512-sFqfYPnBZ6xBhMkadB7UD0yjEDRvs7ipR3nCggblN+N4ODCXY6qhg/bKL39+W+dgQybL7ErD4EGERVbW9DAWvg==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/tsconfig-utils": "^8.45.0",
-        "@typescript-eslint/types": "^8.45.0",
-        "debug": "^4.3.4"
-      },
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.8.4 <6.0.0"
+        "node": "^20.19.0 || >=22.12.0"
       }
     },
-    "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.45.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.45.0.tgz",
-      "integrity": "sha512-clmm8XSNj/1dGvJeO6VGH7EUSeA0FMs+5au/u3lrA3KfG8iJ4u8ym9/j2tTEoacAffdW1TVUzXO30W1JTJS7dA==",
+    "node_modules/@rolldown/binding-win32-x64-msvc": {
+      "version": "1.0.0-beta.58",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.0-beta.58.tgz",
+      "integrity": "sha512-AnFWJdAqB8+IDPcGrATYs67Kik/6tnndNJV2jGRmwlbeNiQQ8GhRJU8ETRlINfII0pqi9k4WWLnb00p1QCxw/Q==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/types": "8.45.0",
-        "@typescript-eslint/visitor-keys": "8.45.0"
-      },
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
+        "node": "^20.19.0 || >=22.12.0"
       }
     },
-    "node_modules/@typescript-eslint/tsconfig-utils": {
-      "version": "8.45.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.45.0.tgz",
-      "integrity": "sha512-aFdr+c37sc+jqNMGhH+ajxPXwjv9UtFZk79k8pLoJ6p4y0snmYpPA52GuWHgt2ZF4gRRW6odsEj41uZLojDt5w==",
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-beta.58",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.58.tgz",
+      "integrity": "sha512-qWhDs6yFGR5xDfdrwiSa3CWGIHxD597uGE/A9xGqytBjANvh4rLCTTkq7szhMV4+Ygh+PMS90KVJ8xWG/TkX4w==",
       "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.8.4 <6.0.0"
-      }
+      "license": "MIT"
     },
-    "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.45.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.45.0.tgz",
-      "integrity": "sha512-bpjepLlHceKgyMEPglAeULX1vixJDgaKocp0RVJ5u4wLJIMNuKtUXIczpJCPcn2waII0yuvks/5m5/h3ZQKs0A==",
+    "node_modules/@rollup/plugin-json": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-json/-/plugin-json-6.1.0.tgz",
+      "integrity": "sha512-EGI2te5ENk1coGeADSIwZ7G2Q8CJS2sF120T7jLw4xFw9n7wIOXHo+kIYRAoVpJAN+kmqZSoO3Fp4JtoNF4ReA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.45.0",
-        "@typescript-eslint/typescript-estree": "8.45.0",
-        "@typescript-eslint/utils": "8.45.0",
-        "debug": "^4.3.4",
-        "ts-api-utils": "^2.1.0"
+        "@rollup/pluginutils": "^5.1.0"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
+        "node": ">=14.0.0"
       },
       "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0",
-        "typescript": ">=4.8.4 <6.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/types": {
-      "version": "8.45.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.45.0.tgz",
-      "integrity": "sha512-WugXLuOIq67BMgQInIxxnsSyRLFxdkJEJu8r4ngLR56q/4Q5LrbfkFRH27vMTjxEK8Pyz7QfzuZe/G15qQnVRA==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.45.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.45.0.tgz",
-      "integrity": "sha512-GfE1NfVbLam6XQ0LcERKwdTTPlLvHvXXhOeUGC1OXi4eQBoyy1iVsW+uzJ/J9jtCz6/7GCQ9MtrQ0fml/jWCnA==",
+    "node_modules/@rollup/pluginutils": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.3.0.tgz",
+      "integrity": "sha512-5EdhGZtnu3V88ces7s53hhfK5KSASnJZv8Lulpc04cWO3REESroJXg73DFsOmgbU2BhwV0E20bu2IDZb3VKW4Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/project-service": "8.45.0",
-        "@typescript-eslint/tsconfig-utils": "8.45.0",
-        "@typescript-eslint/types": "8.45.0",
-        "@typescript-eslint/visitor-keys": "8.45.0",
-        "debug": "^4.3.4",
-        "fast-glob": "^3.3.2",
-        "is-glob": "^4.0.3",
-        "minimatch": "^9.0.4",
-        "semver": "^7.6.0",
-        "ts-api-utils": "^2.1.0"
+        "@types/estree": "^1.0.0",
+        "estree-walker": "^2.0.2",
+        "picomatch": "^4.0.2"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
+        "node": ">=14.0.0"
       },
       "peerDependencies": {
-        "typescript": ">=4.8.4 <6.0.0"
+        "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.57.1.tgz",
+      "integrity": "sha512-A6ehUVSiSaaliTxai040ZpZ2zTevHYbvu/lDoeAteHI8QnaosIzm4qwtezfRg1jOYaUmnzLX1AOD6Z+UJjtifg==",
+      "cpu": [
+        "arm"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
+      "optional": true,
+      "os": [
+        "android"
+      ]
     },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.57.1.tgz",
+      "integrity": "sha512-dQaAddCY9YgkFHZcFNS/606Exo8vcLHwArFZ7vxXq4rigo2bb494/xKMMwRRQW6ug7Js6yXmBZhSBRuBvCCQ3w==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
     },
-    "node_modules/@typescript-eslint/utils": {
-      "version": "8.45.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.45.0.tgz",
-      "integrity": "sha512-bxi1ht+tLYg4+XV2knz/F7RVhU0k6VrSMc9sb8DQ6fyCTrGQLHfo7lDtN0QJjZjKkLA2ThrKuCdHEvLReqtIGg==",
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.57.1.tgz",
+      "integrity": "sha512-crNPrwJOrRxagUYeMn/DZwqN88SDmwaJ8Cvi/TN1HnWBU7GwknckyosC2gd0IqYRsHDEnXf328o9/HC6OkPgOg==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.7.0",
-        "@typescript-eslint/scope-manager": "8.45.0",
-        "@typescript-eslint/types": "8.45.0",
-        "@typescript-eslint/typescript-estree": "8.45.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0",
-        "typescript": ">=4.8.4 <6.0.0"
-      }
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
     },
-    "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.45.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.45.0.tgz",
-      "integrity": "sha512-qsaFBA3e09MIDAGFUrTk+dzqtfv1XPVz8t8d1f0ybTzrCY7BKiMC5cjrl1O/P7UmHsNyW90EYSkU/ZWpmXelag==",
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.57.1.tgz",
+      "integrity": "sha512-Ji8g8ChVbKrhFtig5QBV7iMaJrGtpHelkB3lsaKzadFBe58gmjfGXAOfI5FV0lYMH8wiqsxKQ1C9B0YTRXVy4w==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/types": "8.45.0",
-        "eslint-visitor-keys": "^4.2.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
     },
-    "node_modules/@vitejs/plugin-basic-ssl": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-1.1.0.tgz",
-      "integrity": "sha512-wO4Dk/rm8u7RNhOf95ZzcEmC9rYOncYgvq4z3duaJrCgjN8BxAnDVyndanfcJZ0O6XZzHz6Q0hTimxTg8Y9g/A==",
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.57.1.tgz",
+      "integrity": "sha512-R+/WwhsjmwodAcz65guCGFRkMb4gKWTcIeLy60JJQbXrJ97BOXHxnkPFrP+YwFlaS0m+uWJTstrUA9o+UchFug==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">=14.6.0"
-      },
-      "peerDependencies": {
-        "vite": "^3.0.0 || ^4.0.0 || ^5.0.0"
-      }
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
     },
-    "node_modules/@webassemblyjs/ast": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz",
-      "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==",
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.57.1.tgz",
+      "integrity": "sha512-IEQTCHeiTOnAUC3IDQdzRAGj3jOAYNr9kBguI7MQAAZK3caezRrg0GxAb6Hchg4lxdZEI5Oq3iov/w/hnFWY9Q==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@webassemblyjs/helper-numbers": "1.13.2",
-        "@webassemblyjs/helper-wasm-bytecode": "1.13.2"
-      }
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
     },
-    "node_modules/@webassemblyjs/floating-point-hex-parser": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz",
-      "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==",
-      "dev": true,
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.57.1.tgz",
+      "integrity": "sha512-F8sWbhZ7tyuEfsmOxwc2giKDQzN3+kuBLPwwZGyVkLlKGdV1nvnNwYD0fKQ8+XS6hp9nY7B+ZeK01EBUE7aHaw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.57.1.tgz",
+      "integrity": "sha512-rGfNUfn0GIeXtBP1wL5MnzSj98+PZe/AXaGBCRmT0ts80lU5CATYGxXukeTX39XBKsxzFpEeK+Mrp9faXOlmrw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.57.1.tgz",
+      "integrity": "sha512-MMtej3YHWeg/0klK2Qodf3yrNzz6CGjo2UntLvk2RSPlhzgLvYEB3frRvbEF2wRKh1Z2fDIg9KRPe1fawv7C+g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.57.1.tgz",
+      "integrity": "sha512-1a/qhaaOXhqXGpMFMET9VqwZakkljWHLmZOX48R0I/YLbhdxr1m4gtG1Hq7++VhVUmf+L3sTAf9op4JlhQ5u1Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-gnu": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.57.1.tgz",
+      "integrity": "sha512-QWO6RQTZ/cqYtJMtxhkRkidoNGXc7ERPbZN7dVW5SdURuLeVU7lwKMpo18XdcmpWYd0qsP1bwKPf7DNSUinhvA==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-musl": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.57.1.tgz",
+      "integrity": "sha512-xpObYIf+8gprgWaPP32xiN5RVTi/s5FCR+XMXSKmhfoJjrpRAjCuuqQXyxUa/eJTdAE6eJ+KDKaoEqjZQxh3Gw==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.57.1.tgz",
+      "integrity": "sha512-4BrCgrpZo4hvzMDKRqEaW1zeecScDCR+2nZ86ATLhAoJ5FQ+lbHVD3ttKe74/c7tNT9c6F2viwB3ufwp01Oh2w==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-musl": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.57.1.tgz",
+      "integrity": "sha512-NOlUuzesGauESAyEYFSe3QTUguL+lvrN1HtwEEsU2rOwdUDeTMJdO5dUYl/2hKf9jWydJrO9OL/XSSf65R5+Xw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.57.1.tgz",
+      "integrity": "sha512-ptA88htVp0AwUUqhVghwDIKlvJMD/fmL/wrQj99PRHFRAG6Z5nbWoWG4o81Nt9FT+IuqUQi+L31ZKAFeJ5Is+A==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.57.1.tgz",
+      "integrity": "sha512-S51t7aMMTNdmAMPpBg7OOsTdn4tySRQvklmL3RpDRyknk87+Sp3xaumlatU+ppQ+5raY7sSTcC2beGgvhENfuw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.57.1.tgz",
+      "integrity": "sha512-Bl00OFnVFkL82FHbEqy3k5CUCKH6OEJL54KCyx2oqsmZnFTR8IoNqBF+mjQVcRCT5sB6yOvK8A37LNm/kPJiZg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.57.1.tgz",
+      "integrity": "sha512-ABca4ceT4N+Tv/GtotnWAeXZUZuM/9AQyCyKYyKnpk4yoA7QIAuBt6Hkgpw8kActYlew2mvckXkvx0FfoInnLg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.57.1.tgz",
+      "integrity": "sha512-HFps0JeGtuOR2convgRRkHCekD7j+gdAuXM+/i6kGzQtFhlCtQkpwtNzkNj6QhCDp7DRJ7+qC/1Vg2jt5iSOFw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-openbsd-x64": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.57.1.tgz",
+      "integrity": "sha512-H+hXEv9gdVQuDTgnqD+SQffoWoc0Of59AStSzTEj/feWTBAnSfSD3+Dql1ZruJQxmykT/JVY0dE8Ka7z0DH1hw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-openharmony-arm64": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.57.1.tgz",
+      "integrity": "sha512-4wYoDpNg6o/oPximyc/NG+mYUejZrCU2q+2w6YZqrAs2UcNUChIZXjtafAiiZSUc7On8v5NyNj34Kzj/Ltk6dQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.57.1.tgz",
+      "integrity": "sha512-O54mtsV/6LW3P8qdTcamQmuC990HDfR71lo44oZMZlXU4tzLrbvTii87Ni9opq60ds0YzuAlEr/GNwuNluZyMQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.57.1.tgz",
+      "integrity": "sha512-P3dLS+IerxCT/7D2q2FYcRdWRl22dNbrbBEtxdWhXrfIMPP9lQhb5h4Du04mdl5Woq05jVCDPCMF7Ub0NAjIew==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-gnu": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.57.1.tgz",
+      "integrity": "sha512-VMBH2eOOaKGtIJYleXsi2B8CPVADrh+TyNxJ4mWPnKfLB/DBUmzW+5m1xUrcwWoMfSLagIRpjUFeW5CO5hyciQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.57.1.tgz",
+      "integrity": "sha512-mxRFDdHIWRxg3UfIIAwCm6NzvxG0jDX/wBN6KsQFTvKFqqg9vTrWUE68qEjHt19A5wwx5X5aUi2zuZT7YR0jrA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/wasm-node": {
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@rollup/wasm-node/-/wasm-node-4.57.1.tgz",
+      "integrity": "sha512-b0rcJH8ykEanfgTeDtlPubhphIUOx0oaAek+3hizTaFkoC1FBSTsY0GixwB4D5HZ5r3Gt2yI9c8M13OcW/kW5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.8"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/@rushstack/node-core-library": {
+      "version": "5.19.1",
+      "resolved": "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-5.19.1.tgz",
+      "integrity": "sha512-ESpb2Tajlatgbmzzukg6zyAhH+sICqJR2CNXNhXcEbz6UGCQfrKCtkxOpJTftWc8RGouroHG0Nud1SJAszvpmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "~8.13.0",
+        "ajv-draft-04": "~1.0.0",
+        "ajv-formats": "~3.0.1",
+        "fs-extra": "~11.3.0",
+        "import-lazy": "~4.0.0",
+        "jju": "~1.4.0",
+        "resolve": "~1.22.1",
+        "semver": "~7.5.4"
+      },
+      "peerDependencies": {
+        "@types/node": "*"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rushstack/node-core-library/node_modules/ajv": {
+      "version": "8.13.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.13.0.tgz",
+      "integrity": "sha512-PRA911Blj99jR5RMeTunVbNXMF6Lp4vZXnk5GQjcnUWUTsrXtekg/pnmFFI2u/I36Y/2bITGS30GZCXei6uNkA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.4.1"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/@rushstack/node-core-library/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@rushstack/node-core-library/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@rushstack/node-core-library/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/@rushstack/problem-matcher": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/@rushstack/problem-matcher/-/problem-matcher-0.1.1.tgz",
+      "integrity": "sha512-Fm5XtS7+G8HLcJHCWpES5VmeMyjAKaWeyZU5qPzZC+22mPlJzAsOxymHiWIfuirtPckX3aptWws+K2d0BzniJA==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/node": "*"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rushstack/rig-package": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/@rushstack/rig-package/-/rig-package-0.6.0.tgz",
+      "integrity": "sha512-ZQmfzsLE2+Y91GF15c65L/slMRVhF6Hycq04D4TwtdGaUAbIXXg9c5pKA5KFU7M4QMaihoobp9JJYpYcaY3zOw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "resolve": "~1.22.1",
+        "strip-json-comments": "~3.1.1"
+      }
+    },
+    "node_modules/@rushstack/terminal": {
+      "version": "0.21.0",
+      "resolved": "https://registry.npmjs.org/@rushstack/terminal/-/terminal-0.21.0.tgz",
+      "integrity": "sha512-cLaI4HwCNYmknM5ns4G+drqdEB6q3dCPV423+d3TZeBusYSSm09+nR7CnhzJMjJqeRcdMAaLnrA4M/3xDz4R3w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rushstack/node-core-library": "5.19.1",
+        "@rushstack/problem-matcher": "0.1.1",
+        "supports-color": "~8.1.1"
+      },
+      "peerDependencies": {
+        "@types/node": "*"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rushstack/ts-command-line": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-5.2.0.tgz",
+      "integrity": "sha512-lYxCX0nDdkDtCkVpvF0m25ymf66SaMWuppbD6b7MdkIzvGXKBXNIVZlwBH/C0YfkanrupnICWf2n4z3AKSfaHw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rushstack/terminal": "0.21.0",
+        "@types/argparse": "1.0.38",
+        "argparse": "~1.0.9",
+        "string-argv": "~0.3.1"
+      }
+    },
+    "node_modules/@schematics/angular": {
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-21.1.4.tgz",
+      "integrity": "sha512-I1zdSNzdbrVCWpeE2NsZQmIoa9m0nlw4INgdGIkqUH6FgwvoGKC0RoOxKAmm6HHVJ48FE/sPI13dwAeK89ow5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@angular-devkit/core": "21.1.4",
+        "@angular-devkit/schematics": "21.1.4",
+        "jsonc-parser": "3.3.1"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      }
+    },
+    "node_modules/@sigstore/bundle": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@sigstore/bundle/-/bundle-4.0.0.tgz",
+      "integrity": "sha512-NwCl5Y0V6Di0NexvkTqdoVfmjTaQwoLM236r89KEojGmq/jMls8S+zb7yOwAPdXvbwfKDlP+lmXgAL4vKSQT+A==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@sigstore/protobuf-specs": "^0.5.0"
+      },
+      "engines": {
+        "node": "^20.17.0 || >=22.9.0"
+      }
+    },
+    "node_modules/@sigstore/core": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@sigstore/core/-/core-3.1.0.tgz",
+      "integrity": "sha512-o5cw1QYhNQ9IroioJxpzexmPjfCe7gzafd2RY3qnMpxr4ZEja+Jad/U8sgFpaue6bOaF+z7RVkyKVV44FN+N8A==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^20.17.0 || >=22.9.0"
+      }
+    },
+    "node_modules/@sigstore/protobuf-specs": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/@sigstore/protobuf-specs/-/protobuf-specs-0.5.0.tgz",
+      "integrity": "sha512-MM8XIwUjN2bwvCg1QvrMtbBmpcSHrkhFSCu1D11NyPvDQ25HEc4oG5/OcQfd/Tlf/OxmKWERDj0zGE23jQaMwA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
+    "node_modules/@sigstore/sign": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@sigstore/sign/-/sign-4.1.0.tgz",
+      "integrity": "sha512-Vx1RmLxLGnSUqx/o5/VsCjkuN5L7y+vxEEwawvc7u+6WtX2W4GNa7b9HEjmcRWohw/d6BpATXmvOwc78m+Swdg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@sigstore/bundle": "^4.0.0",
+        "@sigstore/core": "^3.1.0",
+        "@sigstore/protobuf-specs": "^0.5.0",
+        "make-fetch-happen": "^15.0.3",
+        "proc-log": "^6.1.0",
+        "promise-retry": "^2.0.1"
+      },
+      "engines": {
+        "node": "^20.17.0 || >=22.9.0"
+      }
+    },
+    "node_modules/@sigstore/tuf": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@sigstore/tuf/-/tuf-4.0.1.tgz",
+      "integrity": "sha512-OPZBg8y5Vc9yZjmWCHrlWPMBqW5yd8+wFNl+thMdtcWz3vjVSoJQutF8YkrzI0SLGnkuFof4HSsWUhXrf219Lw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@sigstore/protobuf-specs": "^0.5.0",
+        "tuf-js": "^4.1.0"
+      },
+      "engines": {
+        "node": "^20.17.0 || >=22.9.0"
+      }
+    },
+    "node_modules/@sigstore/verify": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@sigstore/verify/-/verify-3.1.0.tgz",
+      "integrity": "sha512-mNe0Iigql08YupSOGv197YdHpPPr+EzDZmfCgMc7RPNaZTw5aLN01nBl6CHJOh3BGtnMIj83EeN4butBchc8Ag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@sigstore/bundle": "^4.0.0",
+        "@sigstore/core": "^3.1.0",
+        "@sigstore/protobuf-specs": "^0.5.0"
+      },
+      "engines": {
+        "node": "^20.17.0 || >=22.9.0"
+      }
+    },
+    "node_modules/@socket.io/component-emitter": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.2.tgz",
+      "integrity": "sha512-9BCxFwvbGg/RsZK9tjXd8s4UcwR0MWeFQ1XEKIQVVvAGJyINdrqKMcTRyLoK8Rse1GjzLV9cwjWV1olXRWEXVA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@standard-schema/spec": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz",
+      "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
+      "license": "MIT"
+    },
+    "node_modules/@stylistic/eslint-plugin": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/@stylistic/eslint-plugin/-/eslint-plugin-4.4.1.tgz",
+      "integrity": "sha512-CEigAk7eOLyHvdgmpZsKFwtiqS2wFwI1fn4j09IU9GmD4euFM4jEBAViWeCqaNLlbX2k2+A/Fq9cje4HQBXuJQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/utils": "^8.32.1",
+        "eslint-visitor-keys": "^4.2.0",
+        "espree": "^10.3.0",
+        "estraverse": "^5.3.0",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "peerDependencies": {
+        "eslint": ">=9.0.0"
+      }
+    },
+    "node_modules/@tootallnate/quickjs-emscripten": {
+      "version": "0.23.0",
+      "resolved": "https://registry.npmjs.org/@tootallnate/quickjs-emscripten/-/quickjs-emscripten-0.23.0.tgz",
+      "integrity": "sha512-C5Mc6rdnsaJDjO3UpGW/CQTHtCKaYlScZTly4JIu97Jxo/odCiH0ITnDXSJPTOrEKk/ycSZ0AOgTmkDtkOsvIA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@tufjs/canonical-json": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@tufjs/canonical-json/-/canonical-json-2.0.0.tgz",
+      "integrity": "sha512-yVtV8zsdo8qFHe+/3kw81dSLyF7D576A5cCFCi4X7B39tWT7SekaEFUnvnWJHz+9qO7qJTah1JbrDjWKqFtdWA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@tufjs/models": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@tufjs/models/-/models-4.1.0.tgz",
+      "integrity": "sha512-Y8cK9aggNRsqJVaKUlEYs4s7CvQ1b1ta2DVPyAimb0I2qhzjNk+A+mxvll/klL0RlfuIUei8BF7YWiua4kQqww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@tufjs/canonical-json": "2.0.0",
+        "minimatch": "^10.1.1"
+      },
+      "engines": {
+        "node": "^20.17.0 || >=22.9.0"
+      }
+    },
+    "node_modules/@tybys/wasm-util": {
+      "version": "0.10.1",
+      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
+      "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@types/argparse": {
+      "version": "1.0.38",
+      "resolved": "https://registry.npmjs.org/@types/argparse/-/argparse-1.0.38.tgz",
+      "integrity": "sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/body-parser": {
+      "version": "1.19.6",
+      "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.6.tgz",
+      "integrity": "sha512-HLFeCYgz89uk22N5Qg3dvGvsv46B8GLvKKo1zKG4NybA8U2DiEO3w9lqGg29t/tfLRJpJ6iQxnVw4OnB7MoM9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/connect": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/bonjour": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@types/bonjour/-/bonjour-3.5.13.tgz",
+      "integrity": "sha512-z9fJ5Im06zvUL548KvYNecEVlA7cVDkGUi6kZusb04mpyEFKCIZJvloCcmpmLaIahDpOQGHaHmG6imtPMmPXGQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/connect": {
+      "version": "3.4.38",
+      "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz",
+      "integrity": "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/connect-history-api-fallback": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.5.4.tgz",
+      "integrity": "sha512-n6Cr2xS1h4uAulPRdlw6Jl6s1oG8KrVilPN2yUITEs+K48EzMJJ3W1xy8K5eWuFvjp3R74AOIGSmp2UfBJ8HFw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/express-serve-static-core": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/cors": {
+      "version": "2.8.19",
+      "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.19.tgz",
+      "integrity": "sha512-mFNylyeyqN93lfe/9CSxOGREz8cpzAhH+E93xJ4xWQf62V8sQ/24reV2nyzUWM6H6Xji+GGHpkbLe7pVoUEskg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/eslint": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-9.6.1.tgz",
+      "integrity": "sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "*",
+        "@types/json-schema": "*"
+      }
+    },
+    "node_modules/@types/eslint-scope": {
+      "version": "3.7.7",
+      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz",
+      "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/eslint": "*",
+        "@types/estree": "*"
+      }
+    },
+    "node_modules/@types/esrecurse": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/@types/esrecurse/-/esrecurse-4.3.1.tgz",
+      "integrity": "sha512-xJBAbDifo5hpffDBuHl0Y8ywswbiAp/Wi7Y/GtAgSlZyIABppyurxVueOPE8LUQOxdlgi6Zqce7uoEpqNTeiUw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/expect": {
+      "version": "1.20.4",
+      "resolved": "https://registry.npmjs.org/@types/expect/-/expect-1.20.4.tgz",
+      "integrity": "sha512-Q5Vn3yjTDyCMV50TB6VRIbQNxSE4OmZR86VSbGaNpfUolm0iePBB4KdEEHmxoY5sT2+2DIvXW0rvMDP2nHZ4Mg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/express": {
+      "version": "4.17.25",
+      "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.25.tgz",
+      "integrity": "sha512-dVd04UKsfpINUnK0yBoYHDF3xu7xVH4BuDotC/xGuycx4CgbP48X/KF/586bcObxT0HENHXEU8Nqtu6NR+eKhw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/body-parser": "*",
+        "@types/express-serve-static-core": "^4.17.33",
+        "@types/qs": "*",
+        "@types/serve-static": "^1"
+      }
+    },
+    "node_modules/@types/express-serve-static-core": {
+      "version": "4.19.8",
+      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.19.8.tgz",
+      "integrity": "sha512-02S5fmqeoKzVZCHPZid4b8JH2eM5HzQLZWN2FohQEy/0eXTq8VXZfSN6Pcr3F6N9R/vNrj7cpgbhjie6m/1tCA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "@types/qs": "*",
+        "@types/range-parser": "*",
+        "@types/send": "*"
+      }
+    },
+    "node_modules/@types/http-errors": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.5.tgz",
+      "integrity": "sha512-r8Tayk8HJnX0FztbZN7oVqGccWgw98T/0neJphO91KkmOzug1KkofZURD4UaD5uH8AqcFLfdPErnBod0u71/qg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/http-proxy": {
+      "version": "1.17.17",
+      "resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.17.tgz",
+      "integrity": "sha512-ED6LB+Z1AVylNTu7hdzuBqOgMnvG/ld6wGCG8wFnAzKX5uyW2K3WD52v0gnLCTK/VLpXtKckgWuyScYK6cSPaw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/jasmine": {
+      "version": "3.10.19",
+      "resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-3.10.19.tgz",
+      "integrity": "sha512-Bz6P2XoeIN13AhvVe0nS7+m2RfxVllETDjFQ/s6lyEwEfIVpPCc1Q8vPdFopFAOU5mzrU1zypXJ1xGDl5EVU9Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/lodash": {
+      "version": "4.17.23",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.23.tgz",
+      "integrity": "sha512-RDvF6wTulMPjrNdCoYRC8gNR880JNGT8uB+REUpC2Ns4pRqQJhGz90wh7rgdXDPpCczF3VGktDuFGVnz8zP7HA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/mime": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.5.tgz",
+      "integrity": "sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "24.10.13",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.10.13.tgz",
+      "integrity": "sha512-oH72nZRfDv9lADUBSo104Aq7gPHpQZc4BTx38r9xf9pg5LfP6EzSyH2n7qFmmxRQXh7YlUXODcYsg6PuTDSxGg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "undici-types": "~7.16.0"
+      }
+    },
+    "node_modules/@types/node-forge": {
+      "version": "1.3.14",
+      "resolved": "https://registry.npmjs.org/@types/node-forge/-/node-forge-1.3.14.tgz",
+      "integrity": "sha512-mhVF2BnD4BO+jtOp7z1CdzaK4mbuK0LLQYAvdOLqHTavxFNq4zA1EmYkpnFjP8HOUzedfQkRnp0E2ulSAYSzAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/qs": {
+      "version": "6.14.0",
+      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.14.0.tgz",
+      "integrity": "sha512-eOunJqu0K1923aExK6y8p6fsihYEn/BYuQ4g0CxAAgFc4b/ZLN4CrsRZ55srTdqoiLzU2B2evC+apEIxprEzkQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/range-parser": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz",
+      "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/retry": {
+      "version": "0.12.2",
+      "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.2.tgz",
+      "integrity": "sha512-XISRgDJ2Tc5q4TRqvgJtzsRkFYNJzZrhTdtMoGVBttwzzQJkPnS3WWTFc7kuDRoPtPakl+T+OfdEUjYJj7Jbow==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/send": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@types/send/-/send-1.2.1.tgz",
+      "integrity": "sha512-arsCikDvlU99zl1g69TcAB3mzZPpxgw0UQnaHeC1Nwb015xp8bknZv5rIfri9xTOcMuaVgvabfIRA7PSZVuZIQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/serve-index": {
+      "version": "1.9.4",
+      "resolved": "https://registry.npmjs.org/@types/serve-index/-/serve-index-1.9.4.tgz",
+      "integrity": "sha512-qLpGZ/c2fhSs5gnYsQxtDEq3Oy8SXPClIXkW5ghvAvsNuVSA8k+gCONcUCS/UjLEYvYps+e8uBtfgXgvhwfNug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/express": "*"
+      }
+    },
+    "node_modules/@types/serve-static": {
+      "version": "1.15.10",
+      "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.10.tgz",
+      "integrity": "sha512-tRs1dB+g8Itk72rlSI2ZrW6vZg0YrLI81iQSTkMmOqnqCaNr/8Ek4VwWcN5vZgCYWbg/JJSGBlUaYGAOP73qBw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/http-errors": "*",
+        "@types/node": "*",
+        "@types/send": "<1"
+      }
+    },
+    "node_modules/@types/serve-static/node_modules/@types/send": {
+      "version": "0.17.6",
+      "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.6.tgz",
+      "integrity": "sha512-Uqt8rPBE8SY0RK8JB1EzVOIZ32uqy8HwdxCnoCOsYrvnswqmFZ/k+9Ikidlk/ImhsdvBsloHbAlewb2IEBV/Og==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/mime": "^1",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/sockjs": {
+      "version": "0.3.36",
+      "resolved": "https://registry.npmjs.org/@types/sockjs/-/sockjs-0.3.36.tgz",
+      "integrity": "sha512-MK9V6NzAS1+Ud7JV9lJLFqW85VbC9dq3LmwZCuBe4wBDgKC0Kj/jd8Xl+nSviU+Qc3+m7umHHyHg//2KSa0a0Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/vinyl": {
+      "version": "2.0.12",
+      "resolved": "https://registry.npmjs.org/@types/vinyl/-/vinyl-2.0.12.tgz",
+      "integrity": "sha512-Sr2fYMBUVGYq8kj3UthXFAu5UN6ZW+rYr4NACjZQJvHvj+c8lYv0CahmZ2P/r7iUkN44gGUBwqxZkrKXYPb7cw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/expect": "^1.20.4",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/ws": {
+      "version": "8.18.1",
+      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz",
+      "integrity": "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/yauzl": {
+      "version": "2.10.3",
+      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz",
+      "integrity": "sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "8.55.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.55.0.tgz",
+      "integrity": "sha512-1y/MVSz0NglV1ijHC8OT49mPJ4qhPYjiK08YUQVbIOyu+5k862LKUHFkpKHWu//zmr7hDR2rhwUm6gnCGNmGBQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.12.2",
+        "@typescript-eslint/scope-manager": "8.55.0",
+        "@typescript-eslint/type-utils": "8.55.0",
+        "@typescript-eslint/utils": "8.55.0",
+        "@typescript-eslint/visitor-keys": "8.55.0",
+        "ignore": "^7.0.5",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^2.4.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^8.55.0",
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "8.55.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.55.0.tgz",
+      "integrity": "sha512-4z2nCSBfVIMnbuu8uinj+f0o4qOeggYJLbjpPHka3KH1om7e+H9yLKTYgksTaHcGco+NClhhY2vyO3HsMH1RGw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "8.55.0",
+        "@typescript-eslint/types": "8.55.0",
+        "@typescript-eslint/typescript-estree": "8.55.0",
+        "@typescript-eslint/visitor-keys": "8.55.0",
+        "debug": "^4.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/project-service": {
+      "version": "8.55.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.55.0.tgz",
+      "integrity": "sha512-zRcVVPFUYWa3kNnjaZGXSu3xkKV1zXy8M4nO/pElzQhFweb7PPtluDLQtKArEOGmjXoRjnUZ29NjOiF0eCDkcQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/tsconfig-utils": "^8.55.0",
+        "@typescript-eslint/types": "^8.55.0",
+        "debug": "^4.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.55.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.55.0.tgz",
+      "integrity": "sha512-fVu5Omrd3jeqeQLiB9f1YsuK/iHFOwb04bCtY4BSCLgjNbOD33ZdV6KyEqplHr+IlpgT0QTZ/iJ+wT7hvTx49Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.55.0",
+        "@typescript-eslint/visitor-keys": "8.55.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/tsconfig-utils": {
+      "version": "8.55.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.55.0.tgz",
+      "integrity": "sha512-1R9cXqY7RQd7WuqSN47PK9EDpgFUK3VqdmbYrvWJZYDd0cavROGn+74ktWBlmJ13NXUQKlZ/iAEQHI/V0kKe0Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "8.55.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.55.0.tgz",
+      "integrity": "sha512-x1iH2unH4qAt6I37I2CGlsNs+B9WGxurP2uyZLRz6UJoZWDBx9cJL1xVN/FiOmHEONEg6RIufdvyT0TEYIgC5g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.55.0",
+        "@typescript-eslint/typescript-estree": "8.55.0",
+        "@typescript-eslint/utils": "8.55.0",
+        "debug": "^4.4.3",
+        "ts-api-utils": "^2.4.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "8.55.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.55.0.tgz",
+      "integrity": "sha512-ujT0Je8GI5BJWi+/mMoR0wxwVEQaxM+pi30xuMiJETlX80OPovb2p9E8ss87gnSVtYXtJoU9U1Cowcr6w2FE0w==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.55.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.55.0.tgz",
+      "integrity": "sha512-EwrH67bSWdx/3aRQhCoxDaHM+CrZjotc2UCCpEDVqfCE+7OjKAGWNY2HsCSTEVvWH2clYQK8pdeLp42EVs+xQw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/project-service": "8.55.0",
+        "@typescript-eslint/tsconfig-utils": "8.55.0",
+        "@typescript-eslint/types": "8.55.0",
+        "@typescript-eslint/visitor-keys": "8.55.0",
+        "debug": "^4.4.3",
+        "minimatch": "^9.0.5",
+        "semver": "^7.7.3",
+        "tinyglobby": "^0.2.15",
+        "ts-api-utils": "^2.4.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "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/@typescript-eslint/utils": {
+      "version": "8.55.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.55.0.tgz",
+      "integrity": "sha512-BqZEsnPGdYpgyEIkDC1BadNY8oMwckftxBT+C8W0g1iKPdeqKZBtTfnvcq0nf60u7MkjFO8RBvpRGZBPw4L2ow==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.9.1",
+        "@typescript-eslint/scope-manager": "8.55.0",
+        "@typescript-eslint/types": "8.55.0",
+        "@typescript-eslint/typescript-estree": "8.55.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.55.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.55.0.tgz",
+      "integrity": "sha512-AxNRwEie8Nn4eFS1FzDMJWIISMGoXMb037sgCBJ3UR6o0fQTzr2tqN9WT+DkWJPhIdQCfV7T6D387566VtnCJA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.55.0",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@vitejs/plugin-basic-ssl": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-2.1.0.tgz",
+      "integrity": "sha512-dOxxrhgyDIEUADhb/8OlV9JIqYLgos03YorAueTIeOUskLJSEsfwCByjbu98ctXitUN3znXKp0bYD/WHSudCeA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^6.0.0 || ^7.0.0"
+      }
+    },
+    "node_modules/@webassemblyjs/ast": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz",
+      "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/helper-numbers": "1.13.2",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2"
+      }
+    },
+    "node_modules/@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz",
+      "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/@webassemblyjs/helper-api-error": {
@@ -5988,39 +7506,29 @@
       "license": "BSD-2-Clause"
     },
     "node_modules/abbrev": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-2.0.0.tgz",
-      "integrity": "sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-4.0.0.tgz",
+      "integrity": "sha512-a1wflyaL0tHtJSmLSOVybYhy22vRih4eduhhrkcjgrWGnRfrZtovJ2FRjxuTtkkj47O/baf0R86QU5OuYpz8fA==",
       "dev": true,
       "license": "ISC",
       "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/accepts": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
-      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-2.0.0.tgz",
+      "integrity": "sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "mime-types": "~2.1.34",
-        "negotiator": "0.6.3"
+        "mime-types": "^3.0.0",
+        "negotiator": "^1.0.0"
       },
       "engines": {
         "node": ">= 0.6"
       }
     },
-    "node_modules/accepts/node_modules/negotiator": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
-      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
     "node_modules/acorn": {
       "version": "8.15.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
@@ -6035,14 +7543,17 @@
         "node": ">=0.4.0"
       }
     },
-    "node_modules/acorn-import-attributes": {
-      "version": "1.9.5",
-      "resolved": "https://registry.npmjs.org/acorn-import-attributes/-/acorn-import-attributes-1.9.5.tgz",
-      "integrity": "sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==",
+    "node_modules/acorn-import-phases": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/acorn-import-phases/-/acorn-import-phases-1.0.4.tgz",
+      "integrity": "sha512-wKmbr/DDiIXzEOiWrTTUcDm24kQ2vGfZQvM2fwg2vXqR5uW6aapr7ObPtj1th32b9u90/Pf4AItvdTh42fBmVQ==",
       "dev": true,
       "license": "MIT",
+      "engines": {
+        "node": ">=10.13.0"
+      },
       "peerDependencies": {
-        "acorn": "^8"
+        "acorn": "^8.14.0"
       }
     },
     "node_modules/acorn-jsx": {
@@ -6094,20 +7605,6 @@
         "node": ">= 14"
       }
     },
-    "node_modules/aggregate-error": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
-      "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "clean-stack": "^2.0.0",
-        "indent-string": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/ajv": {
       "version": "8.17.1",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
@@ -6172,6 +7669,32 @@
         "ajv": "^8.8.2"
       }
     },
+    "node_modules/algoliasearch": {
+      "version": "5.46.2",
+      "resolved": "https://registry.npmjs.org/algoliasearch/-/algoliasearch-5.46.2.tgz",
+      "integrity": "sha512-qqAXW9QvKf2tTyhpDA4qXv1IfBwD2eduSW6tUEBFIfCeE9gn9HQ9I5+MaKoenRuHrzk5sQoNh1/iof8mY7uD6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@algolia/abtesting": "1.12.2",
+        "@algolia/client-abtesting": "5.46.2",
+        "@algolia/client-analytics": "5.46.2",
+        "@algolia/client-common": "5.46.2",
+        "@algolia/client-insights": "5.46.2",
+        "@algolia/client-personalization": "5.46.2",
+        "@algolia/client-query-suggestions": "5.46.2",
+        "@algolia/client-search": "5.46.2",
+        "@algolia/ingestion": "1.46.2",
+        "@algolia/monitoring": "1.46.2",
+        "@algolia/recommend": "5.46.2",
+        "@algolia/requester-browser-xhr": "5.46.2",
+        "@algolia/requester-fetch": "5.46.2",
+        "@algolia/requester-node-http": "5.46.2"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
     "node_modules/ansi-colors": {
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz",
@@ -6183,16 +7706,16 @@
       }
     },
     "node_modules/ansi-escapes": {
-      "version": "4.3.2",
-      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
-      "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-7.3.0.tgz",
+      "integrity": "sha512-BvU8nYgGQBxcmMuEeUEmNTvrMVjJNSH7RgW24vXexN4Ven6qCvy4TntnvlnwnMLTVlcRQQdbRY8NKnaIoeWDNg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "type-fest": "^0.21.3"
+        "environment": "^1.0.0"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=18"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
@@ -6212,18 +7735,22 @@
       }
     },
     "node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
       "license": "MIT",
       "engines": {
-        "node": ">=8"
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
       }
     },
     "node_modules/ansi-styles": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "color-convert": "^2.0.1"
@@ -6351,9 +7878,9 @@
       }
     },
     "node_modules/autoprefixer": {
-      "version": "10.4.20",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz",
-      "integrity": "sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==",
+      "version": "10.4.23",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.23.tgz",
+      "integrity": "sha512-YYTXSFulfwytnjAPlw8QHncHJmlvFKtczb8InXaAx9Q0LbfDnfEYDE55omerIJKihhmU61Ft+cAOSzQVaBUmeA==",
       "dev": true,
       "funding": [
         {
@@ -6371,11 +7898,10 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "browserslist": "^4.23.3",
-        "caniuse-lite": "^1.0.30001646",
-        "fraction.js": "^4.3.7",
-        "normalize-range": "^0.1.2",
-        "picocolors": "^1.0.1",
+        "browserslist": "^4.28.1",
+        "caniuse-lite": "^1.0.30001760",
+        "fraction.js": "^5.3.4",
+        "picocolors": "^1.1.1",
         "postcss-value-parser": "^4.2.0"
       },
       "bin": {
@@ -6399,9 +7925,9 @@
       }
     },
     "node_modules/b4a": {
-      "version": "1.7.3",
-      "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.7.3.tgz",
-      "integrity": "sha512-5Q2mfq2WfGuFp3uS//0s6baOJLMoVduPYVeNmDYxu5OUA1/cBfvr2RIS7vi62LdNj/urk1hfmj867I3qt6uZ7Q==",
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.7.4.tgz",
+      "integrity": "sha512-u20zJLDaSWpxaZ+zaAkEIB2dZZ1o+DF4T/MRbmsvGp9nletHOyiai19OzX1fF8xUBYsO1bPXxODvcd0978pnug==",
       "dev": true,
       "license": "Apache-2.0",
       "peerDependencies": {
@@ -6414,32 +7940,31 @@
       }
     },
     "node_modules/babel-loader": {
-      "version": "9.1.3",
-      "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-9.1.3.tgz",
-      "integrity": "sha512-xG3ST4DglodGf8qSwv0MdeWLhrDsw/32QMdTO5T1ZIp9gQur0HkCyFs7Awskr10JKXFXwpAhiCuYX5oGXnRGbw==",
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-10.0.0.tgz",
+      "integrity": "sha512-z8jt+EdS61AMw22nSfoNJAZ0vrtmhPRVi6ghL3rCeRZI8cdNYFiV5xeV3HbE7rlZZNmGH8BVccwWt8/ED0QOHA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "find-cache-dir": "^4.0.0",
-        "schema-utils": "^4.0.0"
+        "find-up": "^5.0.0"
       },
       "engines": {
-        "node": ">= 14.15.0"
+        "node": "^18.20.0 || ^20.10.0 || >=22.0.0"
       },
       "peerDependencies": {
         "@babel/core": "^7.12.0",
-        "webpack": ">=5"
+        "webpack": ">=5.61.0"
       }
     },
     "node_modules/babel-plugin-polyfill-corejs2": {
-      "version": "0.4.14",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.14.tgz",
-      "integrity": "sha512-Co2Y9wX854ts6U8gAAPXfn0GmAyctHuK8n0Yhfjd6t30g7yvKjspvvOo9yG+z52PZRgFErt7Ka2pYnXCjLKEpg==",
+      "version": "0.4.15",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.15.tgz",
+      "integrity": "sha512-hR3GwrRwHUfYwGfrisXPIDP3JcYfBrW7wKE7+Au6wDYl7fm/ka1NEII6kORzxNU556JjfidZeBsO10kYvtV1aw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/compat-data": "^7.27.7",
-        "@babel/helper-define-polyfill-provider": "^0.6.5",
+        "@babel/compat-data": "^7.28.6",
+        "@babel/helper-define-polyfill-provider": "^0.6.6",
         "semver": "^6.3.1"
       },
       "peerDependencies": {
@@ -6457,27 +7982,27 @@
       }
     },
     "node_modules/babel-plugin-polyfill-corejs3": {
-      "version": "0.11.1",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.11.1.tgz",
-      "integrity": "sha512-yGCqvBT4rwMczo28xkH/noxJ6MZ4nJfkVYdoDaC/utLtWrXxv27HVrzAeSbqR8SxDsp46n0YF47EbHoixy6rXQ==",
+      "version": "0.13.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.13.0.tgz",
+      "integrity": "sha512-U+GNwMdSFgzVmfhNm8GJUX88AadB3uo9KpJqS3FaqNIPKgySuvMb+bHPsOmmuWyIcuqZj/pzt1RUIUZns4y2+A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.6.3",
-        "core-js-compat": "^3.40.0"
+        "@babel/helper-define-polyfill-provider": "^0.6.5",
+        "core-js-compat": "^3.43.0"
       },
       "peerDependencies": {
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
       }
     },
     "node_modules/babel-plugin-polyfill-regenerator": {
-      "version": "0.6.5",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.5.tgz",
-      "integrity": "sha512-ISqQ2frbiNU9vIJkzg7dlPpznPZ4jOiUQ1uSmB0fEHeowtN3COYRsXr/xexn64NpU13P06jc/L5TgiJXOgrbEg==",
+      "version": "0.6.6",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.6.tgz",
+      "integrity": "sha512-hYm+XLYRMvupxiQzrvXUj7YyvFFVfv5gI0R71AJzudg1g2AI2vyCPPIFEBjk162/wFzti3inBHo7isWFuEVS/A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.6.5"
+        "@babel/helper-define-polyfill-provider": "^0.6.6"
       },
       "peerDependencies": {
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
@@ -6506,16 +8031,24 @@
       "license": "MIT"
     },
     "node_modules/bare-events": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/bare-events/-/bare-events-2.7.0.tgz",
-      "integrity": "sha512-b3N5eTW1g7vXkw+0CXh/HazGTcO5KYuu/RCNaJbDMPI6LHDi+7qe8EmxKUVe1sUbY2KZOVZFyj62x0OEz9qyAA==",
+      "version": "2.8.2",
+      "resolved": "https://registry.npmjs.org/bare-events/-/bare-events-2.8.2.tgz",
+      "integrity": "sha512-riJjyv1/mHLIPX4RwiK+oW9/4c3TEUeORHKefKAKnZ5kyslbN+HXowtbaVEqt4IMUB7OXlfixcs6gsFeo/jhiQ==",
       "dev": true,
-      "license": "Apache-2.0"
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "bare-abort-controller": "*"
+      },
+      "peerDependenciesMeta": {
+        "bare-abort-controller": {
+          "optional": true
+        }
+      }
     },
     "node_modules/bare-fs": {
-      "version": "4.4.5",
-      "resolved": "https://registry.npmjs.org/bare-fs/-/bare-fs-4.4.5.tgz",
-      "integrity": "sha512-TCtu93KGLu6/aiGWzMr12TmSRS6nKdfhAnzTQRbXoSWxkbb9eRd53jQ51jG7g1gYjjtto3hbBrrhzg6djcgiKg==",
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/bare-fs/-/bare-fs-4.5.4.tgz",
+      "integrity": "sha512-POK4oplfA7P7gqvetNmCs4CNtm9fNsx+IAh7jH7GgU0OJdge2rso0R20TNWVq6VoWcCvsTdlNDaleLHGaKx8CA==",
       "dev": true,
       "license": "Apache-2.0",
       "optional": true,
@@ -6584,9 +8117,9 @@
       }
     },
     "node_modules/bare-url": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/bare-url/-/bare-url-2.2.2.tgz",
-      "integrity": "sha512-g+ueNGKkrjMazDG3elZO1pNs3HY5+mMmOet1jtKyhOaCnkLzitxf26z7hoAEkDNgdNmnc1KIlt/dw6Po6xZMpA==",
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/bare-url/-/bare-url-2.3.2.tgz",
+      "integrity": "sha512-ZMq4gd9ngV5aTMa5p9+UfY0b3skwhHELaDkhEHetMdX0LRkW9kzaym4oo/Eh+Ghm0CCDuMTsRIGM/ytUc1ZYmw==",
       "dev": true,
       "license": "Apache-2.0",
       "optional": true,
@@ -6626,18 +8159,18 @@
       }
     },
     "node_modules/baseline-browser-mapping": {
-      "version": "2.8.10",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.10.tgz",
-      "integrity": "sha512-uLfgBi+7IBNay8ECBO2mVMGZAc1VgZWEChxm4lv+TobGdG82LnXMjuNGo/BSSZZL4UmkWhxEHP2f5ziLNwGWMA==",
+      "version": "2.9.19",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.9.19.tgz",
+      "integrity": "sha512-ipDqC8FrAl/76p2SSWKSI+H9tFwm7vYqXQrItCuiVPt26Km0jS+NzSsBWAaBusvSbQcfJG+JitdMm+wZAgTYqg==",
       "license": "Apache-2.0",
       "bin": {
         "baseline-browser-mapping": "dist/cli.js"
       }
     },
     "node_modules/basic-ftp": {
-      "version": "5.0.5",
-      "resolved": "https://registry.npmjs.org/basic-ftp/-/basic-ftp-5.0.5.tgz",
-      "integrity": "sha512-4Bcg1P8xhUuqcii/S0Z9wiHIrQVPMermM1any+MX5GeGD7faD3/msQUDGLol9wOcz4/jbg/WJnGqoJF6LiBdtg==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/basic-ftp/-/basic-ftp-5.1.0.tgz",
+      "integrity": "sha512-RkaJzeJKDbaDWTIPiJwubyljaEPwpVWkm9Rt5h9Nd6h7tEXTJ3VB4qxdZBioV7JO5yLUaOKwz7vDOzlncUsegw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -6651,6 +8184,26 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/beasties": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/beasties/-/beasties-0.3.5.tgz",
+      "integrity": "sha512-NaWu+f4YrJxEttJSm16AzMIFtVldCvaJ68b1L098KpqXmxt9xOLtKoLkKxb8ekhOrLqEJAbvT6n6SEvB/sac7A==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "css-select": "^6.0.0",
+        "css-what": "^7.0.0",
+        "dom-serializer": "^2.0.0",
+        "domhandler": "^5.0.3",
+        "htmlparser2": "^10.0.0",
+        "picocolors": "^1.1.1",
+        "postcss": "^8.4.49",
+        "postcss-media-query-parser": "^0.2.3"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
     "node_modules/big.js": {
       "version": "5.2.2",
       "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
@@ -6688,59 +8241,57 @@
       }
     },
     "node_modules/bl": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
-      "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/bl/-/bl-5.1.0.tgz",
+      "integrity": "sha512-tv1ZJHLfTDnXE6tMHv73YgSJaWR2AFuPwMntBe7XL/GBFHnT0CLnsHMogfk5+GzCDC5ZWarSCYaIGATZt9dNsQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "buffer": "^5.5.0",
+        "buffer": "^6.0.3",
         "inherits": "^2.0.4",
         "readable-stream": "^3.4.0"
       }
     },
-    "node_modules/body-parser": {
-      "version": "1.20.3",
-      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz",
-      "integrity": "sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==",
+    "node_modules/bl/node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
       "dev": true,
       "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.13.0",
-        "raw-body": "2.5.2",
-        "type-is": "~1.6.18",
-        "unpipe": "1.0.0"
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
       },
       "engines": {
-        "node": ">= 0.8",
-        "npm": "1.2.8000 || >= 1.4.16"
+        "node": ">= 6"
       }
     },
-    "node_modules/body-parser/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+    "node_modules/body-parser": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-2.2.2.tgz",
+      "integrity": "sha512-oP5VkATKlNwcgvxi0vM0p/D3n2C3EReYVX+DNYs5TjZFn/oQt2j+4sVJtSMr18pdRr8wjTcBl6LoV+FUwzPmNA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "ms": "2.0.0"
+        "bytes": "^3.1.2",
+        "content-type": "^1.0.5",
+        "debug": "^4.4.3",
+        "http-errors": "^2.0.0",
+        "iconv-lite": "^0.7.0",
+        "on-finished": "^2.4.1",
+        "qs": "^6.14.1",
+        "raw-body": "^3.0.1",
+        "type-is": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
       }
     },
-    "node_modules/body-parser/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/bonjour-service": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/bonjour-service/-/bonjour-service-1.3.0.tgz",
@@ -6784,9 +8335,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.26.3",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.26.3.tgz",
-      "integrity": "sha512-lAUU+02RFBuCKQPj/P6NgjlbCnLBMp4UtgTx7vNHd3XSIJF87s9a5rA3aH2yw3GS9DqZAUbOtZdCCiZeVRqt0w==",
+      "version": "4.28.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
+      "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
       "funding": [
         {
           "type": "opencollective",
@@ -6804,11 +8355,11 @@
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "baseline-browser-mapping": "^2.8.9",
-        "caniuse-lite": "^1.0.30001746",
-        "electron-to-chromium": "^1.5.227",
-        "node-releases": "^2.0.21",
-        "update-browserslist-db": "^1.1.3"
+        "baseline-browser-mapping": "^2.9.0",
+        "caniuse-lite": "^1.0.30001759",
+        "electron-to-chromium": "^1.5.263",
+        "node-releases": "^2.0.27",
+        "update-browserslist-db": "^1.2.0"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -6818,9 +8369,9 @@
       }
     },
     "node_modules/buffer": {
-      "version": "5.7.1",
-      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
-      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
       "dev": true,
       "funding": [
         {
@@ -6839,7 +8390,7 @@
       "license": "MIT",
       "dependencies": {
         "base64-js": "^1.3.1",
-        "ieee754": "^1.1.13"
+        "ieee754": "^1.2.1"
       }
     },
     "node_modules/buffer-crc32": {
@@ -6886,78 +8437,93 @@
       }
     },
     "node_modules/cacache": {
-      "version": "18.0.4",
-      "resolved": "https://registry.npmjs.org/cacache/-/cacache-18.0.4.tgz",
-      "integrity": "sha512-B+L5iIa9mgcjLbliir2th36yEwPftrzteHYujzsx3dFP/31GCHcIeS8f5MGd80odLOjaOvSpU3EEAmRQptkxLQ==",
+      "version": "20.0.3",
+      "resolved": "https://registry.npmjs.org/cacache/-/cacache-20.0.3.tgz",
+      "integrity": "sha512-3pUp4e8hv07k1QlijZu6Kn7c9+ZpWWk4j3F8N3xPuCExULobqJydKYOTj1FTq58srkJsXvO7LbGAH4C0ZU3WGw==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
-        "@npmcli/fs": "^3.1.0",
+        "@npmcli/fs": "^5.0.0",
         "fs-minipass": "^3.0.0",
-        "glob": "^10.2.2",
-        "lru-cache": "^10.0.1",
+        "glob": "^13.0.0",
+        "lru-cache": "^11.1.0",
         "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"
+        "p-map": "^7.0.2",
+        "ssri": "^13.0.0",
+        "unique-filename": "^5.0.0"
       },
       "engines": {
-        "node": "^16.14.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
+      }
+    },
+    "node_modules/cacache/node_modules/balanced-match": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.2.tgz",
+      "integrity": "sha512-x0K50QvKQ97fdEz2kPehIerj+YTeptKF9hyYkKf6egnwmMWAkADiO0QCzSp0R5xN8FTZgYaBfSaue46Ej62nMg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "jackspeak": "^4.2.3"
+      },
+      "engines": {
+        "node": "20 || >=22"
       }
     },
     "node_modules/cacache/node_modules/brace-expansion": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.2.tgz",
+      "integrity": "sha512-Pdk8c9poy+YhOgVWw1JNN22/HcivgKWwpxKq04M/jTmHyCZn12WPJebZxdjSa5TmBqISrUSgNYU3eRORljfCCw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "balanced-match": "^1.0.0"
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "20 || >=22"
       }
     },
     "node_modules/cacache/node_modules/glob": {
-      "version": "10.4.5",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
-      "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
+      "version": "13.0.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-13.0.3.tgz",
+      "integrity": "sha512-/g3B0mC+4x724v1TgtBlBtt2hPi/EWptsIAmXUx9Z2rvBYleQcsrmaOzd5LyL50jf/Soi83ZDJmw2+XqvH/EeA==",
       "dev": true,
-      "license": "ISC",
+      "license": "BlueOak-1.0.0",
       "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^3.1.2",
-        "minimatch": "^9.0.4",
+        "minimatch": "^10.2.0",
         "minipass": "^7.1.2",
-        "package-json-from-dist": "^1.0.0",
-        "path-scurry": "^1.11.1"
+        "path-scurry": "^2.0.0"
       },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
+      "engines": {
+        "node": "20 || >=22"
       },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/cacache/node_modules/lru-cache": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "version": "11.2.6",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.6.tgz",
+      "integrity": "sha512-ESL2CrkS/2wTPfuend7Zhkzo2u0daGJ/A2VucJOgQ/C48S/zB8MMeMHSGKYpXhIjbPxfuezITkaBH1wqv00DDQ==",
       "dev": true,
-      "license": "ISC"
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
     },
     "node_modules/cacache/node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.0.tgz",
+      "integrity": "sha512-ugkC31VaVg9cF0DFVoADH12k6061zNZkZON+aX8AWsR9GhPcErkcMBceb6znR8wLERM2AkkOxy2nWRLpT9Jq5w==",
       "dev": true,
-      "license": "ISC",
+      "license": "BlueOak-1.0.0",
       "dependencies": {
-        "brace-expansion": "^2.0.1"
+        "brace-expansion": "^5.0.2"
       },
       "engines": {
-        "node": ">=16 || 14 >=14.17"
+        "node": "20 || >=22"
       },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
@@ -7005,9 +8571,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001746",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001746.tgz",
-      "integrity": "sha512-eA7Ys/DGw+pnkWWSE/id29f2IcPHVoE8wxtvE5JdvD2V28VTDPy1yEeo11Guz0sJ4ZeGRcm3uaTcAqK1LXaphA==",
+      "version": "1.0.30001770",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001770.tgz",
+      "integrity": "sha512-x/2CLQ1jHENRbHg5PSId2sXq1CIO1CISvwWAj027ltMVG2UNgW+w9oH2+HzgEIRFembL8bUlXtfbBHR1fCg2xw==",
       "funding": [
         {
           "type": "opencollective",
@@ -7055,58 +8621,36 @@
       }
     },
     "node_modules/chardet": {
-      "version": "0.7.0",
-      "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz",
-      "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==",
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/chardet/-/chardet-2.1.1.tgz",
+      "integrity": "sha512-PsezH1rqdV9VvyNhxxOW32/d75r01NY7TQCmOqomRo15ZSOKbpTFVsfjghxo6JloQUCGnH4k1LGu0R4yCLlWQQ==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/chokidar": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
-      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
-      "dev": true,
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
+      "integrity": "sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==",
       "license": "MIT",
+      "peer": true,
       "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"
+        "readdirp": "^5.0.0"
       },
       "engines": {
-        "node": ">= 8.10.0"
+        "node": ">= 20.19.0"
       },
       "funding": {
         "url": "https://paulmillr.com/funding/"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/chokidar/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
       }
     },
     "node_modules/chownr": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
-      "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz",
+      "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==",
       "dev": true,
-      "license": "ISC",
+      "license": "BlueOak-1.0.0",
       "engines": {
-        "node": ">=10"
+        "node": ">=18"
       }
     },
     "node_modules/chrome-trace-event": {
@@ -7120,27 +8664,27 @@
       }
     },
     "node_modules/chromium-bidi": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/chromium-bidi/-/chromium-bidi-0.11.0.tgz",
-      "integrity": "sha512-6CJWHkNRoyZyjV9Rwv2lYONZf1Xm0IuDyNq97nwSsxxP3wf5Bwy15K5rOvVKMtJ127jJBmxFUanSAOjgFRxgrA==",
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/chromium-bidi/-/chromium-bidi-14.0.0.tgz",
+      "integrity": "sha512-9gYlLtS6tStdRWzrtXaTMnqcM4dudNegMXJxkR0I/CXObHalYeYcAMPrL19eroNZHtJ8DQmu1E+ZNOYu/IXMXw==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "mitt": "3.0.1",
-        "zod": "3.23.8"
+        "mitt": "^3.0.1",
+        "zod": "^3.24.1"
       },
       "peerDependencies": {
         "devtools-protocol": "*"
       }
     },
-    "node_modules/clean-stack": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
-      "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==",
+    "node_modules/chromium-bidi/node_modules/zod": {
+      "version": "3.25.76",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
+      "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">=6"
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
       }
     },
     "node_modules/cli-cursor": {
@@ -7160,89 +8704,52 @@
       }
     },
     "node_modules/cli-spinners": {
-      "version": "2.9.2",
-      "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.9.2.tgz",
-      "integrity": "sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==",
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-3.4.0.tgz",
+      "integrity": "sha512-bXfOC4QcT1tKXGorxL3wbJm6XJPDqEnij2gQ2m7ESQuE+/z9YFIWnl/5RpTiKWbMq3EVKR4fRLJGn6DVfu0mpw==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=6"
+        "node": ">=18.20"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/cli-truncate": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-4.0.0.tgz",
-      "integrity": "sha512-nPdaFdQ0h/GEigbPClz11D0v/ZJEwxmeVZGeMo3Z5StPtUTkA9o1lD6QwoirYiSDzbcwn2XcjwmCp68W1IS4TA==",
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-5.1.1.tgz",
+      "integrity": "sha512-SroPvNHxUnk+vIW/dOSfNqdy1sPEFkrTk6TUtqLCnBlo3N7TNYYkzzN7uSD6+jVjrdO4+p8nH7JzH6cIvUem6A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "slice-ansi": "^5.0.0",
-        "string-width": "^7.0.0"
+        "slice-ansi": "^7.1.0",
+        "string-width": "^8.0.0"
       },
       "engines": {
-        "node": ">=18"
+        "node": ">=20"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/cli-truncate/node_modules/ansi-regex": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
-      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
-    },
-    "node_modules/cli-truncate/node_modules/emoji-regex": {
-      "version": "10.5.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.5.0.tgz",
-      "integrity": "sha512-lb49vf1Xzfx080OKA0o6l8DQQpV+6Vg95zyCJX9VB/BqKYlhG7N4wgROUUHRA+ZPUefLnteQOad7z1kT2bV7bg==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/cli-truncate/node_modules/string-width": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
-      "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.1.1.tgz",
+      "integrity": "sha512-KpqHIdDL9KwYk22wEOg/VIqYbrnLeSApsKT/bSj6Ez7pn3CftUiLAv2Lccpq1ALcpLV9UX1Ppn92npZWu2w/aw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "emoji-regex": "^10.3.0",
-        "get-east-asian-width": "^1.0.0",
+        "get-east-asian-width": "^1.3.0",
         "strip-ansi": "^7.1.0"
       },
       "engines": {
-        "node": ">=18"
+        "node": ">=20"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/cli-truncate/node_modules/strip-ansi": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
-      "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
-      "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/cli-width": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-4.1.0.tgz",
@@ -7254,31 +8761,66 @@
       }
     },
     "node_modules/cliui": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
-      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-9.0.1.tgz",
+      "integrity": "sha512-k7ndgKhwoQveBL+/1tqGJYNz097I7WOvwbmmU2AR5+magtbjPWQTS1C5vzGkBC8Ym8UWRzfKUzUUqFLypY4Q+w==",
       "license": "ISC",
       "dependencies": {
-        "string-width": "^4.2.0",
-        "strip-ansi": "^6.0.1",
-        "wrap-ansi": "^7.0.0"
+        "string-width": "^7.2.0",
+        "strip-ansi": "^7.1.0",
+        "wrap-ansi": "^9.0.0"
       },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/cliui/node_modules/ansi-styles": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "license": "MIT",
       "engines": {
         "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/cliui/node_modules/emoji-regex": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
+      "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
+      "license": "MIT"
+    },
+    "node_modules/cliui/node_modules/string-width": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
+      "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/cliui/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==",
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.2.tgz",
+      "integrity": "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==",
       "license": "MIT",
       "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
+        "ansi-styles": "^6.2.1",
+        "string-width": "^7.0.0",
+        "strip-ansi": "^7.1.0"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">=18"
       },
       "funding": {
         "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
@@ -7351,43 +8893,11 @@
         "readable-stream": "^2.3.5"
       }
     },
-    "node_modules/cloneable-readable/node_modules/readable-stream": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
-      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
-      "dev": true,
-      "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/cloneable-readable/node_modules/safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/cloneable-readable/node_modules/string_decoder": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "safe-buffer": "~5.1.0"
-      }
-    },
     "node_modules/color-convert": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "color-name": "~1.1.4"
@@ -7400,6 +8910,7 @@
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/colorette": {
@@ -7410,13 +8921,13 @@
       "license": "MIT"
     },
     "node_modules/commander": {
-      "version": "12.1.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-12.1.0.tgz",
-      "integrity": "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==",
+      "version": "14.0.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-14.0.3.tgz",
+      "integrity": "sha512-H+y0Jo/T1RZ9qPP4Eh1pkcQcLRglraJaSLoyOtHxu6AapkjWVCy2Sit1QQ4x3Dng8qDlSsZEet7g5Pq06MvTgw==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=18"
+        "node": ">=20"
       }
     },
     "node_modules/common-path-prefix": {
@@ -7426,13 +8937,6 @@
       "dev": true,
       "license": "ISC"
     },
-    "node_modules/commondir": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
-      "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/compressible": {
       "version": "2.0.18",
       "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
@@ -7482,6 +8986,37 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/compression/node_modules/negotiator": {
+      "version": "0.6.4",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.4.tgz",
+      "integrity": "sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/compression/node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "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/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -7532,17 +9067,46 @@
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=0.8"
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/connect/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/connect/node_modules/encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
       }
     },
-    "node_modules/connect/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+    "node_modules/connect/node_modules/finalhandler": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz",
+      "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "ms": "2.0.0"
+        "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/connect/node_modules/ms": {
@@ -7552,19 +9116,43 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/content-disposition": {
-      "version": "0.5.4",
-      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
-      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+    "node_modules/connect/node_modules/on-finished": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
+      "integrity": "sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "safe-buffer": "5.2.1"
+        "ee-first": "1.1.1"
       },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/connect/node_modules/statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.6"
       }
     },
+    "node_modules/content-disposition": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-1.0.1.tgz",
+      "integrity": "sha512-oIXISMynqSqm241k6kcQ5UwttDILMK4BiurCfGEREw6+X9jkkpEe5T9FZaApyLGGOnFuyMWZpdolTXMtvEJ08Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
     "node_modules/content-type": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
@@ -7592,11 +9180,14 @@
       }
     },
     "node_modules/cookie-signature": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
-      "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.2.2.tgz",
+      "integrity": "sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.6.0"
+      }
     },
     "node_modules/copy-anything": {
       "version": "2.0.6",
@@ -7626,18 +9217,17 @@
       }
     },
     "node_modules/copy-webpack-plugin": {
-      "version": "12.0.2",
-      "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-12.0.2.tgz",
-      "integrity": "sha512-SNwdBeHyII+rWvee/bTnAYyO8vfVdcSTud4EIb6jcZ8inLeWucJE0DnxXQBjlQ5zlteuuvooGQy3LIyGxhvlOA==",
+      "version": "13.0.1",
+      "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-13.0.1.tgz",
+      "integrity": "sha512-J+YV3WfhY6W/Xf9h+J1znYuqTye2xkBUIGyTPWuBAT27qajBa5mR4f8WBmfDY3YjRftT2kqZZiLi1qf0H+UOFw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "fast-glob": "^3.3.2",
         "glob-parent": "^6.0.1",
-        "globby": "^14.0.0",
         "normalize-path": "^3.0.0",
         "schema-utils": "^4.2.0",
-        "serialize-javascript": "^6.0.2"
+        "serialize-javascript": "^6.0.2",
+        "tinyglobby": "^0.2.12"
       },
       "engines": {
         "node": ">= 18.12.0"
@@ -7651,13 +9241,13 @@
       }
     },
     "node_modules/core-js-compat": {
-      "version": "3.45.1",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.45.1.tgz",
-      "integrity": "sha512-tqTt5T4PzsMIZ430XGviK4vzYSoeNJ6CXODi6c/voxOT6IZqBht5/EKaSNnYiEjjRYxjVz7DQIsOsY0XNi8PIA==",
+      "version": "3.48.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.48.0.tgz",
+      "integrity": "sha512-OM4cAF3D6VtH/WkLtWvyNC56EZVXsZdU3iqaMG2B4WvYrlqU831pc4UtG5yp0sE9z8Y02wVN7PjW5Zf9Gt0f1Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "browserslist": "^4.25.3"
+        "browserslist": "^4.28.1"
       },
       "funding": {
         "type": "opencollective",
@@ -7672,9 +9262,9 @@
       "license": "MIT"
     },
     "node_modules/cors": {
-      "version": "2.8.5",
-      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
-      "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
+      "version": "2.8.6",
+      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.6.tgz",
+      "integrity": "sha512-tJtZBBHA6vjIAaF6EnIaq6laBBP9aq/Y3ouVJjEfoHbRBcHBAHYcMh/w8LDrk2PvIMMq8gmopa5D4V8RmbrxGw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7683,6 +9273,10 @@
       },
       "engines": {
         "node": ">= 0.10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
       }
     },
     "node_modules/cosmiconfig": {
@@ -7712,23 +9306,6 @@
         }
       }
     },
-    "node_modules/critters": {
-      "version": "0.0.24",
-      "resolved": "https://registry.npmjs.org/critters/-/critters-0.0.24.tgz",
-      "integrity": "sha512-Oyqew0FGM0wYUSNqR0L6AteO5MpMoUU0rhKRieXeiKs+PmRTxiJMyaunYB2KF6fQ3dzChXKCpbFOEJx3OQ1v/Q==",
-      "deprecated": "Ownership of Critters has moved to the Nuxt team, who will be maintaining the project going forward. If you'd like to keep using Critters, please switch to the actively-maintained fork at https://github.com/danielroe/beasties",
-      "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.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -7781,26 +9358,26 @@
       }
     },
     "node_modules/css-select": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.2.2.tgz",
-      "integrity": "sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-6.0.0.tgz",
+      "integrity": "sha512-rZZVSLle8v0+EY8QAkDWrKhpgt6SA5OtHsgBnsj6ZaLb5dmDVOWUDtQitd9ydxxvEjhewNudS6eTVU7uOyzvXw==",
       "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"
+        "css-what": "^7.0.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.2.2",
+        "nth-check": "^2.1.1"
       },
       "funding": {
         "url": "https://github.com/sponsors/fb55"
       }
     },
     "node_modules/css-what": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.2.2.tgz",
-      "integrity": "sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-7.0.0.tgz",
+      "integrity": "sha512-wD5oz5xibMOPHzy13CyGmogB3phdvcDaB5t0W/Nr5Z2O/agcB8YwOz6e2Lsp10pNDzBoDO9nVa3RGs/2BttpHQ==",
       "dev": true,
       "license": "BSD-2-Clause",
       "engines": {
@@ -7841,20 +9418,14 @@
       }
     },
     "node_modules/date-fns": {
-      "version": "2.30.0",
-      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz",
-      "integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==",
-      "dev": true,
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.1.0.tgz",
+      "integrity": "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==",
       "license": "MIT",
-      "dependencies": {
-        "@babel/runtime": "^7.21.0"
-      },
-      "engines": {
-        "node": ">=0.11"
-      },
+      "peer": true,
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/date-fns"
+        "type": "github",
+        "url": "https://github.com/sponsors/kossnocorp"
       }
     },
     "node_modules/date-format": {
@@ -7891,20 +9462,10 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/deepmerge": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
-      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/default-browser": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/default-browser/-/default-browser-5.2.1.tgz",
-      "integrity": "sha512-WY/3TUME0x3KPYdRRxEJJvXRHV4PyPoUsxtZa78lwItwRQRHhd2U9xOscaT/YTf8uCXIAjeJOFBVEh/7FtD8Xg==",
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/default-browser/-/default-browser-5.5.0.tgz",
+      "integrity": "sha512-H9LMLr5zwIbSxrmvikGuI/5KGhZ8E2zH3stkMgM5LpOWDutGM2JZaj460Udnf1a+946zc7YBgrqEWwbk7zHvGw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7919,9 +9480,9 @@
       }
     },
     "node_modules/default-browser-id": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/default-browser-id/-/default-browser-id-5.0.0.tgz",
-      "integrity": "sha512-A6p/pu/6fyBcA1TRz/GqWYPViplrftcW2gZC9q79ngNCKAeR/X3gcEdXQHl4KNXV+3wgIJ1CPkJQ3IHM6lcsyA==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/default-browser-id/-/default-browser-id-5.0.1.tgz",
+      "integrity": "sha512-x1VCxdX4t+8wVfd1so/9w+vQ4vx7lKd2Qp5tDRutErwmR85OgmfX7RlLRMWafRMY7hbEiXIbudNrjOAPa/hL8Q==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -7931,29 +9492,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/defaults": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz",
-      "integrity": "sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "clone": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/defaults/node_modules/clone": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
-      "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
     "node_modules/define-lazy-prop": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-3.0.0.tgz",
@@ -8024,11 +9562,12 @@
       }
     },
     "node_modules/detect-libc": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.1.tgz",
-      "integrity": "sha512-ecqj/sy1jcK1uWrwpR67UhYrIFQ+5WlGxth34WquCbamhFA6hkkwiu37o6J5xCHdo1oixJRfVRw+ywV+Hq/0Aw==",
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
       "dev": true,
       "license": "Apache-2.0",
+      "optional": true,
       "engines": {
         "node": ">=8"
       }
@@ -8041,9 +9580,9 @@
       "license": "MIT"
     },
     "node_modules/devtools-protocol": {
-      "version": "0.0.1367902",
-      "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.1367902.tgz",
-      "integrity": "sha512-XxtPuC3PGakY6PD7dG66/o8KwJ/LkH2/EKe19Dcw58w53dv4/vSQEkn/SzuyhHE2q4zPgCkxQBxus3VV4ql+Pg==",
+      "version": "0.0.1566079",
+      "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.1566079.tgz",
+      "integrity": "sha512-MJfAEA1UfVhSs7fbSQOG4czavUp1ajfg6prlAN0+cmfa2zNjaIbvq8VneP7do1WAQQIvgNJWSMeP6UyI90gIlQ==",
       "dev": true,
       "license": "BSD-3-Clause",
       "peer": true
@@ -8055,6 +9594,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/diff": {
+      "version": "8.0.3",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-8.0.3.tgz",
+      "integrity": "sha512-qejHi7bcSD4hQAZE0tNAawRK1ZtafHDmMTMkrrIGgSLl7hTnQHmKCeB45xAcbfTqK2zowkM3j3bHt/4b/ARbYQ==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.3.1"
+      }
+    },
     "node_modules/dns-packet": {
       "version": "5.6.1",
       "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-5.6.1.tgz",
@@ -8169,13 +9718,6 @@
         "node": ">= 10.13.0"
       }
     },
-    "node_modules/eastasianwidth": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -8184,15 +9726,16 @@
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.229",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.229.tgz",
-      "integrity": "sha512-cwhDcZKGcT/rEthLRJ9eBlMDkh1sorgsuk+6dpsehV0g9CABsIqBxU4rLRjG+d/U6pYU1s37A4lSKrVc5lSQYg==",
+      "version": "1.5.286",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.286.tgz",
+      "integrity": "sha512-9tfDXhJ4RKFNerfjdCcZfufu49vg620741MNs26a9+bhLThdB+plgMeou98CAaHu/WATj2iHOOHTp1hWtABj2A==",
       "license": "ISC"
     },
     "node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/emojis-list": {
@@ -8206,9 +9749,9 @@
       }
     },
     "node_modules/encodeurl": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
-      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -8251,9 +9794,9 @@
       }
     },
     "node_modules/engine.io": {
-      "version": "6.6.4",
-      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.6.4.tgz",
-      "integrity": "sha512-ZCkIjSYNDyGn0R6ewHDtXgns/Zre/NT6Agvq1/WobF7JXgFff4SeDroKiCO3fNJreU9YG429Sc81o4w5ok/W5g==",
+      "version": "6.6.5",
+      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.6.5.tgz",
+      "integrity": "sha512-2RZdgEbXmp5+dVbRm0P7HQUImZpICccJy7rN7Tv+SFa55pH+lxnuw6/K1ZxxBfHoYpSkHLAO92oa8O4SwFXA2A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -8263,9 +9806,9 @@
         "base64id": "2.0.0",
         "cookie": "~0.7.2",
         "cors": "~2.8.5",
-        "debug": "~4.3.1",
+        "debug": "~4.4.1",
         "engine.io-parser": "~5.2.1",
-        "ws": "~8.17.1"
+        "ws": "~8.18.3"
       },
       "engines": {
         "node": ">=10.2.0"
@@ -8281,28 +9824,57 @@
         "node": ">=10.0.0"
       }
     },
-    "node_modules/engine.io/node_modules/debug": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+    "node_modules/engine.io/node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "ms": "^2.1.3"
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
       },
       "engines": {
-        "node": ">=6.0"
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/engine.io/node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/engine.io/node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
       },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/engine.io/node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
       }
     },
     "node_modules/engine.io/node_modules/ws": {
-      "version": "8.17.1",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
-      "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
+      "version": "8.18.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
+      "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -8322,14 +9894,14 @@
       }
     },
     "node_modules/enhanced-resolve": {
-      "version": "5.18.3",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.3.tgz",
-      "integrity": "sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==",
+      "version": "5.19.0",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.19.0.tgz",
+      "integrity": "sha512-phv3E1Xl4tQOShqSte26C7Fl84EwUdZsyOuSSk9qtAGyyQs2s3jJzComh+Abf4g187lUUAvH+H26omrqia2aGg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "graceful-fs": "^4.2.4",
-        "tapable": "^2.2.0"
+        "tapable": "^2.3.0"
       },
       "engines": {
         "node": ">=10.13.0"
@@ -8439,9 +10011,9 @@
       }
     },
     "node_modules/es-module-lexer": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz",
-      "integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-2.0.0.tgz",
+      "integrity": "sha512-5POEcUuZybH7IdmGsD8wlf0AI55wMecM9rVBTI/qEAy2c1kTOm3DjFYjrBdI2K3BaJjJYfYFeRtM0t9ssnRuxw==",
       "dev": true,
       "license": "MIT"
     },
@@ -8459,9 +10031,9 @@
       }
     },
     "node_modules/esbuild": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.23.0.tgz",
-      "integrity": "sha512-1lvV17H2bMYda/WaFb2jLPeHU3zml2k4/yagNMG8Q/YtfMjCwEUZa2eXXMgZTVSL5q1n4H7sQ0X6CdJDqqeCFA==",
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.2.tgz",
+      "integrity": "sha512-HyNQImnsOC7X9PMNaCIeAm4ISCQXs5a5YasTXVliKv4uuBo1dKrG0A+uQS8M5eXjVMnLg3WgXaKvprHlFJQffw==",
       "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
@@ -8472,36 +10044,38 @@
         "node": ">=18"
       },
       "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.23.0",
-        "@esbuild/android-arm": "0.23.0",
-        "@esbuild/android-arm64": "0.23.0",
-        "@esbuild/android-x64": "0.23.0",
-        "@esbuild/darwin-arm64": "0.23.0",
-        "@esbuild/darwin-x64": "0.23.0",
-        "@esbuild/freebsd-arm64": "0.23.0",
-        "@esbuild/freebsd-x64": "0.23.0",
-        "@esbuild/linux-arm": "0.23.0",
-        "@esbuild/linux-arm64": "0.23.0",
-        "@esbuild/linux-ia32": "0.23.0",
-        "@esbuild/linux-loong64": "0.23.0",
-        "@esbuild/linux-mips64el": "0.23.0",
-        "@esbuild/linux-ppc64": "0.23.0",
-        "@esbuild/linux-riscv64": "0.23.0",
-        "@esbuild/linux-s390x": "0.23.0",
-        "@esbuild/linux-x64": "0.23.0",
-        "@esbuild/netbsd-x64": "0.23.0",
-        "@esbuild/openbsd-arm64": "0.23.0",
-        "@esbuild/openbsd-x64": "0.23.0",
-        "@esbuild/sunos-x64": "0.23.0",
-        "@esbuild/win32-arm64": "0.23.0",
-        "@esbuild/win32-ia32": "0.23.0",
-        "@esbuild/win32-x64": "0.23.0"
+        "@esbuild/aix-ppc64": "0.27.2",
+        "@esbuild/android-arm": "0.27.2",
+        "@esbuild/android-arm64": "0.27.2",
+        "@esbuild/android-x64": "0.27.2",
+        "@esbuild/darwin-arm64": "0.27.2",
+        "@esbuild/darwin-x64": "0.27.2",
+        "@esbuild/freebsd-arm64": "0.27.2",
+        "@esbuild/freebsd-x64": "0.27.2",
+        "@esbuild/linux-arm": "0.27.2",
+        "@esbuild/linux-arm64": "0.27.2",
+        "@esbuild/linux-ia32": "0.27.2",
+        "@esbuild/linux-loong64": "0.27.2",
+        "@esbuild/linux-mips64el": "0.27.2",
+        "@esbuild/linux-ppc64": "0.27.2",
+        "@esbuild/linux-riscv64": "0.27.2",
+        "@esbuild/linux-s390x": "0.27.2",
+        "@esbuild/linux-x64": "0.27.2",
+        "@esbuild/netbsd-arm64": "0.27.2",
+        "@esbuild/netbsd-x64": "0.27.2",
+        "@esbuild/openbsd-arm64": "0.27.2",
+        "@esbuild/openbsd-x64": "0.27.2",
+        "@esbuild/openharmony-arm64": "0.27.2",
+        "@esbuild/sunos-x64": "0.27.2",
+        "@esbuild/win32-arm64": "0.27.2",
+        "@esbuild/win32-ia32": "0.27.2",
+        "@esbuild/win32-x64": "0.27.2"
       }
     },
     "node_modules/esbuild-wasm": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.23.0.tgz",
-      "integrity": "sha512-6jP8UmWy6R6TUUV8bMuC3ZyZ6lZKI56x0tkxyCIqWwRRJ/DgeQKneh/Oid5EoGoPFLrGNkz47ZEtWAYuiY/u9g==",
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.27.2.tgz",
+      "integrity": "sha512-eUTnl8eh+v8UZIZh4MrMOKDAc8Lm7+NqP3pyuTORGFY1s/o9WoiJgKnwXy+te2J3hX7iRbFSHEyig7GsPeeJyw==",
       "dev": true,
       "license": "MIT",
       "bin": {
@@ -8574,26 +10148,25 @@
       }
     },
     "node_modules/eslint": {
-      "version": "9.36.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.36.0.tgz",
-      "integrity": "sha512-hB4FIzXovouYzwzECDcUkJ4OcfOEkXTv2zRY6B9bkwjx/cprAq0uvm1nl7zvQ0/TsUk0zQiN4uPfJpB9m+rPMQ==",
+      "version": "9.39.2",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.2.tgz",
+      "integrity": "sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==",
       "dev": true,
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.1",
-        "@eslint/config-array": "^0.21.0",
-        "@eslint/config-helpers": "^0.3.1",
-        "@eslint/core": "^0.15.2",
+        "@eslint/config-array": "^0.21.1",
+        "@eslint/config-helpers": "^0.4.2",
+        "@eslint/core": "^0.17.0",
         "@eslint/eslintrc": "^3.3.1",
-        "@eslint/js": "9.36.0",
-        "@eslint/plugin-kit": "^0.3.5",
+        "@eslint/js": "9.39.2",
+        "@eslint/plugin-kit": "^0.4.1",
         "@humanfs/node": "^0.16.6",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@humanwhocodes/retry": "^0.4.2",
         "@types/estree": "^1.0.6",
-        "@types/json-schema": "^7.0.15",
         "ajv": "^6.12.4",
         "chalk": "^4.0.0",
         "cross-spawn": "^7.0.6",
@@ -8636,17 +10209,19 @@
       }
     },
     "node_modules/eslint-scope": {
-      "version": "8.4.0",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
-      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-9.1.0.tgz",
+      "integrity": "sha512-CkWE42hOJsNj9FJRaoMX9waUFYhqY4jmyLFdAdzZr6VaCg3ynLYx4WnOdkaIifGfH4gsUcBTn4OZbHXkpLD0FQ==",
       "dev": true,
       "license": "BSD-2-Clause",
       "dependencies": {
+        "@types/esrecurse": "^4.3.1",
+        "@types/estree": "^1.0.8",
         "esrecurse": "^4.3.0",
         "estraverse": "^5.2.0"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": "^20.19.0 || ^22.13.0 || >=24"
       },
       "funding": {
         "url": "https://opencollective.com/eslint"
@@ -8682,6 +10257,23 @@
         "url": "https://github.com/sponsors/epoberezkin"
       }
     },
+    "node_modules/eslint/node_modules/eslint-scope": {
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
+      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
     "node_modules/eslint/node_modules/ignore": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
@@ -8745,9 +10337,9 @@
       }
     },
     "node_modules/esquery": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
-      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.7.0.tgz",
+      "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==",
       "dev": true,
       "license": "BSD-3-Clause",
       "dependencies": {
@@ -8831,140 +10423,114 @@
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "bare-events": "^2.7.0"
-      }
-    },
-    "node_modules/expand-tilde": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz",
-      "integrity": "sha512-A5EmesHW6rfnZ9ysHQjPdJRni0SRar0tjtG5MNtm9n5TUvsYU8oozprtRD4AqHxcZWWlVuAmQo2nWKfN9oyjTw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "homedir-polyfill": "^1.0.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/exponential-backoff": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/exponential-backoff/-/exponential-backoff-3.1.2.tgz",
-      "integrity": "sha512-8QxYTVXUkuy7fIIoitQkPwGonB8F3Zj8eEO8Sqg9Zv/bkI7RJAzowee4gr81Hak/dUTpA2Z7VfQgoijjPNlUZA==",
-      "dev": true,
-      "license": "Apache-2.0"
-    },
-    "node_modules/express": {
-      "version": "4.21.2",
-      "resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz",
-      "integrity": "sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "accepts": "~1.3.8",
-        "array-flatten": "1.1.1",
-        "body-parser": "1.20.3",
-        "content-disposition": "0.5.4",
-        "content-type": "~1.0.4",
-        "cookie": "0.7.1",
-        "cookie-signature": "1.0.6",
-        "debug": "2.6.9",
-        "depd": "2.0.0",
-        "encodeurl": "~2.0.0",
-        "escape-html": "~1.0.3",
-        "etag": "~1.8.1",
-        "finalhandler": "1.3.1",
-        "fresh": "0.5.2",
-        "http-errors": "2.0.0",
-        "merge-descriptors": "1.0.3",
-        "methods": "~1.1.2",
-        "on-finished": "2.4.1",
-        "parseurl": "~1.3.3",
-        "path-to-regexp": "0.1.12",
-        "proxy-addr": "~2.0.7",
-        "qs": "6.13.0",
-        "range-parser": "~1.2.1",
-        "safe-buffer": "5.2.1",
-        "send": "0.19.0",
-        "serve-static": "1.16.2",
-        "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"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/express"
+        "bare-events": "^2.7.0"
       }
     },
-    "node_modules/express/node_modules/cookie": {
-      "version": "0.7.1",
-      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz",
-      "integrity": "sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==",
+    "node_modules/eventsource": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-3.0.7.tgz",
+      "integrity": "sha512-CRT1WTyuQoD771GW56XEZFQ/ZoSfWid1alKGDYMmkt2yl8UXrVR4pspqWNEcqKvVIzg6PAltWjxcSSPrboA4iA==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "eventsource-parser": "^3.0.1"
+      },
       "engines": {
-        "node": ">= 0.6"
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/express/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+    "node_modules/eventsource-parser": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/eventsource-parser/-/eventsource-parser-3.0.6.tgz",
+      "integrity": "sha512-Vo1ab+QXPzZ4tCa8SwIHJFaSzy4R6SHf7BY79rFBDf0idraZWAkYrDjDj8uWaSm3S2TK+hJ7/t1CEmZ7jXw+pg==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "ms": "2.0.0"
+      "engines": {
+        "node": ">=18.0.0"
       }
     },
-    "node_modules/express/node_modules/encodeurl": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
-      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+    "node_modules/expand-tilde": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz",
+      "integrity": "sha512-A5EmesHW6rfnZ9ysHQjPdJRni0SRar0tjtG5MNtm9n5TUvsYU8oozprtRD4AqHxcZWWlVuAmQo2nWKfN9oyjTw==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "homedir-polyfill": "^1.0.1"
+      },
       "engines": {
-        "node": ">= 0.8"
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/express/node_modules/finalhandler": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.1.tgz",
-      "integrity": "sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==",
+    "node_modules/exponential-backoff": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/exponential-backoff/-/exponential-backoff-3.1.3.tgz",
+      "integrity": "sha512-ZgEeZXj30q+I0EN+CbSSpIyPaJ5HVQD18Z1m+u1FXbAeT94mr1zw50q4q6jiiC447Nl/YTcIYSAftiGqetwXCA==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/express": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/express/-/express-5.2.1.tgz",
+      "integrity": "sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
-        "debug": "2.6.9",
-        "encodeurl": "~2.0.0",
-        "escape-html": "~1.0.3",
-        "on-finished": "2.4.1",
-        "parseurl": "~1.3.3",
-        "statuses": "2.0.1",
-        "unpipe": "~1.0.0"
+        "accepts": "^2.0.0",
+        "body-parser": "^2.2.1",
+        "content-disposition": "^1.0.0",
+        "content-type": "^1.0.5",
+        "cookie": "^0.7.1",
+        "cookie-signature": "^1.2.1",
+        "debug": "^4.4.0",
+        "depd": "^2.0.0",
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "etag": "^1.8.1",
+        "finalhandler": "^2.1.0",
+        "fresh": "^2.0.0",
+        "http-errors": "^2.0.0",
+        "merge-descriptors": "^2.0.0",
+        "mime-types": "^3.0.0",
+        "on-finished": "^2.4.1",
+        "once": "^1.4.0",
+        "parseurl": "^1.3.3",
+        "proxy-addr": "^2.0.7",
+        "qs": "^6.14.0",
+        "range-parser": "^1.2.1",
+        "router": "^2.2.0",
+        "send": "^1.1.0",
+        "serve-static": "^2.2.0",
+        "statuses": "^2.0.1",
+        "type-is": "^2.0.1",
+        "vary": "^1.1.2"
       },
       "engines": {
-        "node": ">= 0.8"
+        "node": ">= 18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
       }
     },
-    "node_modules/express/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/express/node_modules/statuses": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
-      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+    "node_modules/express-rate-limit": {
+      "version": "8.2.1",
+      "resolved": "https://registry.npmjs.org/express-rate-limit/-/express-rate-limit-8.2.1.tgz",
+      "integrity": "sha512-PCZEIEIxqwhzw4KF0n7QF4QqruVTcF73O5kFKUnGOyjbCCgizBBiFaYpd/fnBLUMPw/BWw9OsiN7GgrNYr7j6g==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "ip-address": "10.0.1"
+      },
       "engines": {
-        "node": ">= 0.8"
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/express-rate-limit"
+      },
+      "peerDependencies": {
+        "express": ">= 4.11"
       }
     },
     "node_modules/extend": {
@@ -8974,21 +10540,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/external-editor": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz",
-      "integrity": "sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "chardet": "^0.7.0",
-        "iconv-lite": "^0.4.24",
-        "tmp": "^0.0.33"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/extract-zip": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
@@ -9024,36 +10575,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/fast-glob": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
-      "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
-      "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-glob/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/fast-json-stable-stringify": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
@@ -9096,9 +10617,9 @@
       }
     },
     "node_modules/fastq": {
-      "version": "1.19.1",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
-      "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
+      "version": "1.20.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
+      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -9128,6 +10649,24 @@
         "pend": "~1.2.0"
       }
     },
+    "node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/file-entry-cache": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
@@ -9155,66 +10694,39 @@
       }
     },
     "node_modules/finalhandler": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz",
-      "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==",
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-2.1.1.tgz",
+      "integrity": "sha512-S8KoZgRZN+a5rNwqTxlZZePjT/4cnm0ROV70LedRHZ0p8u9fRID0hJUZQpkKLzro8LfmC8sx23bY6tVNxv8pQA==",
       "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"
+        "debug": "^4.4.0",
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "on-finished": "^2.4.1",
+        "parseurl": "^1.3.3",
+        "statuses": "^2.0.1"
       },
       "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/finalhandler/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/finalhandler/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/finalhandler/node_modules/on-finished": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
-      "integrity": "sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ee-first": "1.1.1"
+        "node": ">= 18.0.0"
       },
-      "engines": {
-        "node": ">= 0.8"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
       }
     },
-    "node_modules/find-cache-dir": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-4.0.0.tgz",
-      "integrity": "sha512-9ZonPT4ZAK4a+1pUPVPZJapbi7O5qbbJPdYw/NOQWZZbVLdDTYM3A4R9z/DpAM08IDaFGsvPgiGZ82WEwUDWjg==",
+    "node_modules/find-cache-directory": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/find-cache-directory/-/find-cache-directory-6.0.0.tgz",
+      "integrity": "sha512-CvFd5ivA6HcSHbD+59P7CyzINHXzwhuQK8RY7CxJZtgDSAtRlHiCaQpZQ2lMR/WRyUIEmzUvL6G2AGurMfegZA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "common-path-prefix": "^3.0.0",
-        "pkg-dir": "^7.0.0"
+        "pkg-dir": "^8.0.0"
       },
       "engines": {
-        "node": ">=14.16"
+        "node": ">=20"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
@@ -9237,6 +10749,19 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/find-up-simple": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/find-up-simple/-/find-up-simple-1.0.1.tgz",
+      "integrity": "sha512-afd4O7zpqHeRyg4PfDQsXmlDe2PfdHtJt6Akt8jOWaApLOZk5JXs6VMR29lz03pRe9mpykrRCYIYxaJYcfpncQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/findup-sync": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/findup-sync/-/findup-sync-5.0.0.tgz",
@@ -9308,8 +10833,8 @@
       "version": "4.6.13",
       "resolved": "https://registry.npmjs.org/flatpickr/-/flatpickr-4.6.13.tgz",
       "integrity": "sha512-97PMG/aywoYpB4IvbvUJi0RQi8vearvU0oov1WW3k0WZPBMrTQVqekSX5CjSG/M4Q3i6A/0FKXC7RyAoAUUSPw==",
-      "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/flatted": {
       "version": "3.3.3",
@@ -9362,23 +10887,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/foreground-child": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
-      "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "cross-spawn": "^7.0.6",
-        "signal-exit": "^4.0.1"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/forwarded": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -9390,33 +10898,33 @@
       }
     },
     "node_modules/fraction.js": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
-      "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
+      "version": "5.3.4",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-5.3.4.tgz",
+      "integrity": "sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
         "node": "*"
       },
       "funding": {
-        "type": "patreon",
+        "type": "github",
         "url": "https://github.com/sponsors/rawify"
       }
     },
     "node_modules/fresh": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
-      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-2.0.0.tgz",
+      "integrity": "sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">= 0.6"
+        "node": ">= 0.8"
       }
     },
     "node_modules/fs-extra": {
-      "version": "11.3.2",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.2.tgz",
-      "integrity": "sha512-Xr9F6z6up6Ws+NjzMCZc6WXg2YFRlrLP9NQDO3VQrWrfiojdhS56TzueT88ze0uBdCTwEIhQ3ptnmKeWGFAe0A==",
+      "version": "11.3.3",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.3.tgz",
+      "integrity": "sha512-VWSRii4t0AFm6ixFFmLLx1t7wS1gh+ckoa84aOeapGum0h+EZd1EhEumSB+ZdDLnEPuucsVB9oB7cxJHap6Afg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -9509,7 +11017,6 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.4.0.tgz",
       "integrity": "sha512-QZjmEOC+IT1uk6Rx0sX22V6uHWVwbdbxf1faPqJ1QhLdGgsRGCZoyaQBm/piRdJy/D2um6hM1UP7ZEeQ4EkP+Q==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=18"
@@ -9592,7 +11099,7 @@
       "version": "7.2.3",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
       "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "deprecated": "Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -9644,41 +11151,105 @@
       }
     },
     "node_modules/glob-to-regex.js": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/glob-to-regex.js/-/glob-to-regex.js-1.1.0.tgz",
-      "integrity": "sha512-y44MUHqM0KXB5NIS/zxmuvaer/9PxsLnNaMDdDyN4m9W7wx115I5Tj/XHtNpuL6x+r4LwRefymkiiiWUfHVNRw==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/glob-to-regex.js/-/glob-to-regex.js-1.2.0.tgz",
+      "integrity": "sha512-QMwlOQKU/IzqMUOAZWubUOT8Qft+Y0KQWnX9nK3ch0CJg0tTp4TvGZsTfudYKv2NzoQSyPcnA6TYeIQ3jGichQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/glob-to-regexp": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
+      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/glob-watcher": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/glob-watcher/-/glob-watcher-6.0.0.tgz",
+      "integrity": "sha512-wGM28Ehmcnk2NqRORXFOTOR064L4imSw3EeOqU5bIwUf62eXGwg89WivH6VMahL8zlQHeodzvHpXplrqzrz3Nw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "async-done": "^2.0.0",
+        "chokidar": "^3.5.3"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/glob-watcher/node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "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"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/glob-watcher/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/glob-watcher/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
       "dev": true,
-      "license": "Apache-2.0",
+      "license": "MIT",
       "engines": {
-        "node": ">=10.0"
+        "node": ">=8.6"
       },
       "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/streamich"
-      },
-      "peerDependencies": {
-        "tslib": "2"
+        "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/glob-to-regexp": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
-      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
-      "dev": true,
-      "license": "BSD-2-Clause"
-    },
-    "node_modules/glob-watcher": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/glob-watcher/-/glob-watcher-6.0.0.tgz",
-      "integrity": "sha512-wGM28Ehmcnk2NqRORXFOTOR064L4imSw3EeOqU5bIwUf62eXGwg89WivH6VMahL8zlQHeodzvHpXplrqzrz3Nw==",
+    "node_modules/glob-watcher/node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "async-done": "^2.0.0",
-        "chokidar": "^3.5.3"
+        "picomatch": "^2.2.1"
       },
       "engines": {
-        "node": ">= 10.13.0"
+        "node": ">=8.10.0"
       }
     },
     "node_modules/glob/node_modules/minimatch": {
@@ -9759,67 +11330,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/globby": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-14.1.0.tgz",
-      "integrity": "sha512-0Ia46fDOaT7k4og1PDW4YbodWWr3scS2vAr2lTbsplOt2WkKp0vQbkI9wKis/T5LV/dqPjO3bpS/z6GTJB82LA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@sindresorhus/merge-streams": "^2.1.0",
-        "fast-glob": "^3.3.3",
-        "ignore": "^7.0.3",
-        "path-type": "^6.0.0",
-        "slash": "^5.1.0",
-        "unicorn-magic": "^0.3.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/globby/node_modules/fast-glob": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
-      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
-      "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.8"
-      },
-      "engines": {
-        "node": ">=8.6.0"
-      }
-    },
-    "node_modules/globby/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/globby/node_modules/ignore": {
-      "version": "7.0.5",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
-      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 4"
-      }
-    },
     "node_modules/glogg": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/glogg/-/glogg-2.2.0.tgz",
@@ -9853,13 +11363,6 @@
       "dev": true,
       "license": "ISC"
     },
-    "node_modules/graphemer": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
-      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/gulp": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/gulp/-/gulp-5.0.1.tgz",
@@ -9906,6 +11409,16 @@
         "node": ">=10.13.0"
       }
     },
+    "node_modules/gulp-cli/node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/gulp-cli/node_modules/cliui": {
       "version": "7.0.4",
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
@@ -9918,6 +11431,19 @@
         "wrap-ansi": "^7.0.0"
       }
     },
+    "node_modules/gulp-cli/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/gulp-cli/node_modules/wrap-ansi": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
@@ -10082,25 +11608,39 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/hono": {
+      "version": "4.11.9",
+      "resolved": "https://registry.npmjs.org/hono/-/hono-4.11.9.tgz",
+      "integrity": "sha512-Eaw2YTGM6WOxA6CXbckaEvslr2Ne4NFsKrvc0v97JD5awbmeBLO5w9Ho9L9kmKonrwF9RJlW6BxT1PVv/agBHQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=16.9.0"
+      }
+    },
     "node_modules/hosted-git-info": {
-      "version": "7.0.2",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-7.0.2.tgz",
-      "integrity": "sha512-puUZAUKT5m8Zzvs72XWy3HtvVbTWljRE66cP60bxJzAqf2DgICo7lYTY2IHUmLnNpjYvw5bvmoHvPc0QO2a62w==",
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-9.0.2.tgz",
+      "integrity": "sha512-M422h7o/BR3rmCQ8UHi7cyyMqKltdP9Uo+J2fXK+RSAY+wTcKOIRyhTuKv4qn+DJf3g+PL890AzId5KZpX+CBg==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
-        "lru-cache": "^10.0.1"
+        "lru-cache": "^11.1.0"
       },
       "engines": {
-        "node": "^16.14.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/hosted-git-info/node_modules/lru-cache": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "version": "11.2.6",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.6.tgz",
+      "integrity": "sha512-ESL2CrkS/2wTPfuend7Zhkzo2u0daGJ/A2VucJOgQ/C48S/zB8MMeMHSGKYpXhIjbPxfuezITkaBH1wqv00DDQ==",
       "dev": true,
-      "license": "ISC"
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
     },
     "node_modules/hpack.js": {
       "version": "2.1.6",
@@ -10115,39 +11655,6 @@
         "wbuf": "^1.1.0"
       }
     },
-    "node_modules/hpack.js/node_modules/readable-stream": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
-      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
-      "dev": true,
-      "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/hpack.js/node_modules/safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/hpack.js/node_modules/string_decoder": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "safe-buffer": "~5.1.0"
-      }
-    },
     "node_modules/html-escaper": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
@@ -10156,9 +11663,9 @@
       "license": "MIT"
     },
     "node_modules/htmlparser2": {
-      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.2.tgz",
-      "integrity": "sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==",
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-10.1.0.tgz",
+      "integrity": "sha512-VTZkM9GWRAtEpveh7MSF6SjjrpNVNNVJfFup7xTY3UpFtm67foy9HDVXneLtFVt4pMz5kZtgNcvCniNFb1hlEQ==",
       "dev": true,
       "funding": [
         "https://github.com/fb55/htmlparser2?sponsor=1",
@@ -10171,8 +11678,21 @@
       "dependencies": {
         "domelementtype": "^2.3.0",
         "domhandler": "^5.0.3",
-        "domutils": "^3.0.1",
-        "entities": "^4.4.0"
+        "domutils": "^3.2.2",
+        "entities": "^7.0.1"
+      }
+    },
+    "node_modules/htmlparser2/node_modules/entities": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz",
+      "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
     "node_modules/http-cache-semantics": {
@@ -10190,30 +11710,24 @@
       "license": "MIT"
     },
     "node_modules/http-errors": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
-      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
+      "integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
       "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"
+        "depd": "~2.0.0",
+        "inherits": "~2.0.4",
+        "setprototypeof": "~1.2.0",
+        "statuses": "~2.0.2",
+        "toidentifier": "~1.0.1"
       },
       "engines": {
         "node": ">= 0.8"
-      }
-    },
-    "node_modules/http-errors/node_modules/statuses": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
-      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
       }
     },
     "node_modules/http-parser-js": {
@@ -10271,13 +11785,13 @@
       }
     },
     "node_modules/https-proxy-agent": {
-      "version": "7.0.5",
-      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.5.tgz",
-      "integrity": "sha512-1e4Wqeblerz+tMKPIq2EMGiiWW1dIjZOksyHWSUm1rmuvw/how9hBHZ38lAGj5ID4Ik6EdkOw7NmWPy6LAwalw==",
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
+      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "agent-base": "^7.0.2",
+        "agent-base": "^7.1.2",
         "debug": "4"
       },
       "engines": {
@@ -10295,16 +11809,20 @@
       }
     },
     "node_modules/iconv-lite": {
-      "version": "0.4.24",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
-      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.2.tgz",
+      "integrity": "sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3"
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
       },
       "engines": {
         "node": ">=0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
       }
     },
     "node_modules/icss-utils": {
@@ -10342,9 +11860,9 @@
       "license": "BSD-3-Clause"
     },
     "node_modules/ignore": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-6.0.2.tgz",
-      "integrity": "sha512-InwqeHHN2XpumIkMvpl/DCJVrAHgCsG5+cn1XlnLWGwtZBm8QJfSusItfrwx81CTp5agNZqpKU2J/ccC5nGT4A==",
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
+      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -10352,42 +11870,16 @@
       }
     },
     "node_modules/ignore-walk": {
-      "version": "6.0.5",
-      "resolved": "https://registry.npmjs.org/ignore-walk/-/ignore-walk-6.0.5.tgz",
-      "integrity": "sha512-VuuG0wCnjhnylG1ABXT3dAuIpTNDs/G8jlpmwXY03fXoXy/8ZK8/T+hMzt8L4WnrLCJgdybqgPagnF/f97cg3A==",
-      "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.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
-    "node_modules/ignore-walk/node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/ignore-walk/-/ignore-walk-8.0.0.tgz",
+      "integrity": "sha512-FCeMZT4NiRQGh+YkeKMtWrOmBgWjHjMJ26WQWrRQyoyzqevdaGSakUaJW5xQYmjLlUVk2qUnCjYVBax9EKKg8A==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
-        "brace-expansion": "^2.0.1"
+        "minimatch": "^10.0.3"
       },
       "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/image-size": {
@@ -10405,9 +11897,9 @@
       }
     },
     "node_modules/immutable": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.7.tgz",
-      "integrity": "sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==",
+      "version": "5.1.4",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.4.tgz",
+      "integrity": "sha512-p6u1bG3YSnINT5RQmx/yRZBpenIl30kVxkTLDyHLIMk0gict704Q9n+thfDI7lTRm9vXdDYutVzXhzcThxTnXA==",
       "dev": true,
       "license": "MIT"
     },
@@ -10448,16 +11940,6 @@
         "node": ">=0.8.19"
       }
     },
-    "node_modules/indent-string": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
-      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/inflight": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
@@ -10478,19 +11960,19 @@
       "license": "ISC"
     },
     "node_modules/ini": {
-      "version": "4.1.3",
-      "resolved": "https://registry.npmjs.org/ini/-/ini-4.1.3.tgz",
-      "integrity": "sha512-X7rqawQBvfdjS10YU1y1YVreA3SsLrW9dX2CewP2EbBJM4ypVNLDkO5y04gejPwKIY9lR+7r9gn3rFPt/kmWFg==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-6.0.0.tgz",
+      "integrity": "sha512-IBTdIkzZNOpqm7q3dRqJvMaldXjDHWkEDfrwGEQTs5eaQMWV+djAhR+wahyNNMAa+qpbDUhBMVt4ZKNwpPm7xQ==",
       "dev": true,
       "license": "ISC",
       "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/injection-js": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/injection-js/-/injection-js-2.5.0.tgz",
-      "integrity": "sha512-UpY2ONt4xbht4GhSqQ2zMJ1rBIQq4uOY+DlR6aOeYyqK7xadXt7UQbJIyxmgk288bPMkIZKjViieHm0O0i72Jw==",
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/injection-js/-/injection-js-2.6.1.tgz",
+      "integrity": "sha512-dbR5bdhi7TWDoCye9cByZqeg/gAfamm8Vu3G1KZOTYkOif8WkuM8CD0oeDPtZYMzT5YH76JAFB7bkmyY9OJi2A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -10518,13 +12000,13 @@
       }
     },
     "node_modules/ipaddr.js": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.2.0.tgz",
-      "integrity": "sha512-Ag3wB2o37wslZS19hZqorUnrnzSkpOVy+IiiDEiTqNubEYpYuHWIf6K4psgN2ZWKExS4xhVCrRVfb/wfW8fWJA==",
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">= 10"
+        "node": ">= 0.10"
       }
     },
     "node_modules/is-absolute": {
@@ -10604,13 +12086,16 @@
       }
     },
     "node_modules/is-fullwidth-code-point": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-4.0.0.tgz",
-      "integrity": "sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-5.1.0.tgz",
+      "integrity": "sha512-5XHYaSyiqADb4RnZ1Bdad6cPp8Toise4TzEjcOYDHZkTCbKgiUl7WTUCpNWHuxmDt91wnsZBc9xinNzopv3JMQ==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "get-east-asian-width": "^1.3.1"
+      },
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
@@ -10629,6 +12114,19 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/is-in-ssh": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-in-ssh/-/is-in-ssh-1.0.0.tgz",
+      "integrity": "sha512-jYa6Q9rH90kR1vKB6NM7qqd1mge3Fx4Dhw5TVlK1MUBqhEOuCagrEHMevNuCcbECmXZ0ThXkRm+Ymr51HwEPAw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-inside-container": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/is-inside-container/-/is-inside-container-1.0.0.tgz",
@@ -10649,29 +12147,18 @@
       }
     },
     "node_modules/is-interactive": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-1.0.0.tgz",
-      "integrity": "sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-2.0.0.tgz",
+      "integrity": "sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=8"
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/is-lambda": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/is-lambda/-/is-lambda-1.0.1.tgz",
-      "integrity": "sha512-z7CMFGNrENq5iFB9Bqo64Xk6Y9sg+epq1myIcdHaGnbMTYOxvzsEtdYqQUylB7LxfkvgrrjP32T6Ywciio9UIQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/is-module": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz",
-      "integrity": "sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/is-negated-glob": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/is-negated-glob/-/is-negated-glob-1.0.0.tgz",
@@ -10728,6 +12215,13 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/is-promise": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-4.0.0.tgz",
+      "integrity": "sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/is-regex": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
@@ -10774,13 +12268,13 @@
       }
     },
     "node_modules/is-unicode-supported": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz",
-      "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-2.1.0.tgz",
+      "integrity": "sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=10"
+        "node": ">=18"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
@@ -10814,9 +12308,9 @@
       }
     },
     "node_modules/is-wsl": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-3.1.0.tgz",
-      "integrity": "sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==",
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-3.1.1.tgz",
+      "integrity": "sha512-e6rvdUCiQCAuumZslxRJWR/Doq4VpPR82kqclvcS0efgt430SlGIk05vdCN58+VrzgtIcfNODjozVielycD4Sw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -10978,19 +12472,19 @@
       }
     },
     "node_modules/jackspeak": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
-      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-4.2.3.tgz",
+      "integrity": "sha512-ykkVRwrYvFm1nb2AJfKKYPr0emF6IiXDYUaFx4Zn9ZuIH7MrzEZ3sD5RlqGXNRpHtvUHJyOnCEFxOlNDtGo7wg==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
-        "@isaacs/cliui": "^8.0.2"
+        "@isaacs/cliui": "^9.0.0"
+      },
+      "engines": {
+        "node": "20 || >=22"
       },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
-      },
-      "optionalDependencies": {
-        "@pkgjs/parseargs": "^0.11.0"
       }
     },
     "node_modules/jasmine-core": {
@@ -11017,13 +12511,14 @@
       }
     },
     "node_modules/jiti": {
-      "version": "1.21.7",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
-      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
+      "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
-        "jiti": "bin/jiti.js"
+        "jiti": "lib/jiti-cli.mjs"
       }
     },
     "node_modules/jju": {
@@ -11033,6 +12528,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/jose": {
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/jose/-/jose-6.1.3.tgz",
+      "integrity": "sha512-0TpaTfihd4QMNwrz/ob2Bp7X04yuxJkjRGi4aKmOqwhov54i6u79oCv7T+C7lo70MKH6BesI3vscD1yb/yzKXQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -11079,13 +12584,13 @@
       "license": "MIT"
     },
     "node_modules/json-parse-even-better-errors": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-3.0.2.tgz",
-      "integrity": "sha512-fi0NG4bPjCHunUJffmLd0gxssIgkNmArMvis4iNah6Owg1MCJjWhEcDLmsK6iGkJq3tHwbDkTlce70/tmXN4cQ==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-5.0.0.tgz",
+      "integrity": "sha512-ZF1nxZ28VhQouRWhUcVlUIN3qwSgPuswK05s/HIaoetAoE/9tngVmCHjSxmSQPav1nd+lPtTL0YZ/2AFdR/iYQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/json-schema-traverse": {
@@ -11095,6 +12600,13 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/json-schema-typed": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/json-schema-typed/-/json-schema-typed-8.0.2.tgz",
+      "integrity": "sha512-fQhoXdcvc3V28x7C7BMs4P5+kNlgUURe2jmUT1T//oBRMDrqy1QPelJimwZGo7Hg9VPV3EQV5Bnq4hbFy2vetA==",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
     "node_modules/json-stable-stringify-without-jsonify": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
@@ -11344,27 +12856,253 @@
       "dev": true,
       "license": "BSD-3-Clause",
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/karma-coverage/node_modules/istanbul-lib-instrument": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz",
+      "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==",
+      "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/karma-coverage/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/karma-coverage/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/karma-jasmine": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/karma-jasmine/-/karma-jasmine-4.0.2.tgz",
+      "integrity": "sha512-ggi84RMNQffSDmWSyyt4zxzh2CQGwsxvYYsprgyR1j8ikzIduEdOlcLvXjZGwXG/0j41KUXOWsUCBfbEHPWP9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "jasmine-core": "^3.6.0"
+      },
+      "engines": {
+        "node": ">= 10"
+      },
+      "peerDependencies": {
+        "karma": "*"
+      }
+    },
+    "node_modules/karma-jasmine-html-reporter": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/karma-jasmine-html-reporter/-/karma-jasmine-html-reporter-1.7.0.tgz",
+      "integrity": "sha512-pzum1TL7j90DTE86eFt48/s12hqwQuiD+e5aXx2Dc9wDEn2LfGq6RoAxEZZjFiN0RDSCOnosEKRZWxbQ+iMpQQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "jasmine-core": ">=3.8",
+        "karma": ">=0.9",
+        "karma-jasmine": ">=1.1"
+      }
+    },
+    "node_modules/karma-jasmine/node_modules/jasmine-core": {
+      "version": "3.99.1",
+      "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-3.99.1.tgz",
+      "integrity": "sha512-Hu1dmuoGcZ7AfyynN3LsfruwMbxMALMka+YtZeGoLuDEySVmVAPaonkNoBRIw/ectu8b9tVQCJNgp4a4knp+tg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/karma-junit-reporter": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/karma-junit-reporter/-/karma-junit-reporter-2.0.1.tgz",
+      "integrity": "sha512-VtcGfE0JE4OE1wn0LK8xxDKaTP7slN8DO3I+4xg6gAi1IoAHAXOJ1V9G/y45Xg6sxdxPOR3THCFtDlAfBo9Afw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-is-absolute": "^1.0.0",
+        "xmlbuilder": "12.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      },
+      "peerDependencies": {
+        "karma": ">=0.9"
+      }
+    },
+    "node_modules/karma-source-map-support": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/karma-source-map-support/-/karma-source-map-support-1.4.0.tgz",
+      "integrity": "sha512-RsBECncGO17KAoJCYXjv+ckIz+Ii9NCi+9enk+rq6XC81ezYkb4/RHE6CTXdA7IOJqoF3wcaLfVG0CPmE5ca6A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "source-map-support": "^0.5.5"
+      }
+    },
+    "node_modules/karma/node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/karma/node_modules/body-parser": {
+      "version": "1.20.4",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.4.tgz",
+      "integrity": "sha512-ZTgYYLMOXY9qKU/57FAo8F+HA2dGX7bqGc71txDRC1rS4frdFI5R7NhluHxH6M0YItAP0sHB4uqAOcYKxO6uGA==",
+      "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.1",
+        "iconv-lite": "~0.4.24",
+        "on-finished": "~2.4.1",
+        "qs": "~6.14.0",
+        "raw-body": "~2.5.3",
+        "type-is": "~1.6.18",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/karma/node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "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"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/karma/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,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.0",
+        "wrap-ansi": "^7.0.0"
+      }
+    },
+    "node_modules/karma/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/karma/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/karma/node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/karma/node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/karma/node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
       }
     },
-    "node_modules/karma-coverage/node_modules/istanbul-lib-instrument": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz",
-      "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==",
+    "node_modules/karma/node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
       "dev": true,
-      "license": "BSD-3-Clause",
+      "license": "MIT",
       "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"
+        "mime-db": "1.52.0"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">= 0.6"
       }
     },
-    "node_modules/karma-coverage/node_modules/minimatch": {
+    "node_modules/karma/node_modules/minimatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
@@ -11377,101 +13115,69 @@
         "node": "*"
       }
     },
-    "node_modules/karma-coverage/node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+    "node_modules/karma/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
       "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      }
+      "license": "MIT"
     },
-    "node_modules/karma-jasmine": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/karma-jasmine/-/karma-jasmine-4.0.2.tgz",
-      "integrity": "sha512-ggi84RMNQffSDmWSyyt4zxzh2CQGwsxvYYsprgyR1j8ikzIduEdOlcLvXjZGwXG/0j41KUXOWsUCBfbEHPWP9g==",
+    "node_modules/karma/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "jasmine-core": "^3.6.0"
-      },
       "engines": {
-        "node": ">= 10"
+        "node": ">=8.6"
       },
-      "peerDependencies": {
-        "karma": "*"
-      }
-    },
-    "node_modules/karma-jasmine-html-reporter": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/karma-jasmine-html-reporter/-/karma-jasmine-html-reporter-1.7.0.tgz",
-      "integrity": "sha512-pzum1TL7j90DTE86eFt48/s12hqwQuiD+e5aXx2Dc9wDEn2LfGq6RoAxEZZjFiN0RDSCOnosEKRZWxbQ+iMpQQ==",
-      "dev": true,
-      "license": "MIT",
-      "peerDependencies": {
-        "jasmine-core": ">=3.8",
-        "karma": ">=0.9",
-        "karma-jasmine": ">=1.1"
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/karma-jasmine/node_modules/jasmine-core": {
-      "version": "3.99.1",
-      "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-3.99.1.tgz",
-      "integrity": "sha512-Hu1dmuoGcZ7AfyynN3LsfruwMbxMALMka+YtZeGoLuDEySVmVAPaonkNoBRIw/ectu8b9tVQCJNgp4a4knp+tg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/karma-junit-reporter": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/karma-junit-reporter/-/karma-junit-reporter-2.0.1.tgz",
-      "integrity": "sha512-VtcGfE0JE4OE1wn0LK8xxDKaTP7slN8DO3I+4xg6gAi1IoAHAXOJ1V9G/y45Xg6sxdxPOR3THCFtDlAfBo9Afw==",
+    "node_modules/karma/node_modules/qs": {
+      "version": "6.14.2",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.2.tgz",
+      "integrity": "sha512-V/yCWTTF7VJ9hIh18Ugr2zhJMP01MY7c5kh4J870L7imm6/DIzBsNLTXzMwUA3yZ5b/KBqLx8Kp3uRvd7xSe3Q==",
       "dev": true,
-      "license": "MIT",
+      "license": "BSD-3-Clause",
       "dependencies": {
-        "path-is-absolute": "^1.0.0",
-        "xmlbuilder": "12.0.0"
+        "side-channel": "^1.1.0"
       },
       "engines": {
-        "node": ">= 8"
+        "node": ">=0.6"
       },
-      "peerDependencies": {
-        "karma": ">=0.9"
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/karma-source-map-support": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/karma-source-map-support/-/karma-source-map-support-1.4.0.tgz",
-      "integrity": "sha512-RsBECncGO17KAoJCYXjv+ckIz+Ii9NCi+9enk+rq6XC81ezYkb4/RHE6CTXdA7IOJqoF3wcaLfVG0CPmE5ca6A==",
+    "node_modules/karma/node_modules/raw-body": {
+      "version": "2.5.3",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.3.tgz",
+      "integrity": "sha512-s4VSOf6yN0rvbRZGxs8Om5CWj6seneMwK3oDb4lWDH0UPhWcxwOWw5+qk24bxq87szX1ydrwylIOp2uG1ojUpA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "source-map-support": "^0.5.5"
-      }
-    },
-    "node_modules/karma/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,
-      "license": "ISC",
-      "dependencies": {
-        "string-width": "^4.2.0",
-        "strip-ansi": "^6.0.0",
-        "wrap-ansi": "^7.0.0"
+        "bytes": "~3.1.2",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.4.24",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
       }
     },
-    "node_modules/karma/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+    "node_modules/karma/node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
       "dev": true,
-      "license": "ISC",
+      "license": "MIT",
       "dependencies": {
-        "brace-expansion": "^1.1.7"
+        "picomatch": "^2.2.1"
       },
       "engines": {
-        "node": "*"
+        "node": ">=8.10.0"
       }
     },
     "node_modules/karma/node_modules/source-map": {
@@ -11484,14 +13190,31 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/karma/node_modules/tmp": {
-      "version": "0.2.5",
-      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.5.tgz",
-      "integrity": "sha512-voyz6MApa1rQGUxT3E+BK7/ROe8itEx7vD8/HEvt4xwXucvQ5G5oeEiHkmHZJuBO21RpOf+YYm9MOivj709jow==",
+    "node_modules/karma/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
       "engines": {
-        "node": ">=14.14"
+        "node": ">=8"
+      }
+    },
+    "node_modules/karma/node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
       }
     },
     "node_modules/karma/node_modules/wrap-ansi": {
@@ -11572,9 +13295,9 @@
       }
     },
     "node_modules/launch-editor": {
-      "version": "2.11.1",
-      "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.11.1.tgz",
-      "integrity": "sha512-SEET7oNfgSaB6Ym0jufAdCeo3meJVeCaaDyzRygy0xsp2BFKCprcfHljTq4QkzTLUxEKkFK6OK4811YM2oSrRg==",
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.12.0.tgz",
+      "integrity": "sha512-giOHXoOtifjdHqUamwKq6c49GzBdLjvxrd2D+Q4V6uOHopJv7p9VJxikDsQ/CBXZbEITgUqSVHXLTG3VhPP1Dg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -11593,9 +13316,9 @@
       }
     },
     "node_modules/less": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/less/-/less-4.2.0.tgz",
-      "integrity": "sha512-P3b3HJDBtSzsXUl0im2L7gTO5Ubg8mEN6G8qoTS77iXxXX4Hvu4Qj540PZDvQ8V6DmX6iXo98k7Md0Cm1PrLaA==",
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/less/-/less-4.4.2.tgz",
+      "integrity": "sha512-j1n1IuTX1VQjIy3tT7cyGbX7nvQOsFLoIqobZv4ttI5axP923gA44zUj6miiA6R5Aoms4sEGVIIcucXUbRI14g==",
       "dev": true,
       "license": "Apache-2.0",
       "peer": true,
@@ -11608,7 +13331,7 @@
         "lessc": "bin/lessc"
       },
       "engines": {
-        "node": ">=6"
+        "node": ">=14"
       },
       "optionalDependencies": {
         "errno": "^0.1.1",
@@ -11621,9 +13344,9 @@
       }
     },
     "node_modules/less-loader": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/less-loader/-/less-loader-12.2.0.tgz",
-      "integrity": "sha512-MYUxjSQSBUQmowc0l5nPieOYwMzGPUaTzB6inNW/bdPEG9zOL3eAAD1Qw5ZxSPk7we5dMojHwNODYMV1hq4EVg==",
+      "version": "12.3.0",
+      "resolved": "https://registry.npmjs.org/less-loader/-/less-loader-12.3.0.tgz",
+      "integrity": "sha512-0M6+uYulvYIWs52y0LqN4+QM9TqWAohYSNTo4htE8Z7Cn3G/qQMEmktfHmyJT23k+20kU9zHH2wrfFXkxNLtVw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -11757,13 +13480,14 @@
       "license": "MIT"
     },
     "node_modules/listr2": {
-      "version": "8.2.4",
-      "resolved": "https://registry.npmjs.org/listr2/-/listr2-8.2.4.tgz",
-      "integrity": "sha512-opevsywziHd3zHCVQGAj8zu+Z3yHNkkoYhWIGnq54RrCVwLz0MozotJEDnKsIBLvkfLGN6BLOyAeRrYI0pKA4g==",
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/listr2/-/listr2-9.0.5.tgz",
+      "integrity": "sha512-ME4Fb83LgEgwNw96RKNvKV4VTLuXfoKudAmm2lP8Kk87KaMK0/Xrx/aAkMWmT8mDb+3MlFDspfbCs7adjRxA2g==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
-        "cli-truncate": "^4.0.0",
+        "cli-truncate": "^5.0.0",
         "colorette": "^2.0.20",
         "eventemitter3": "^5.0.1",
         "log-update": "^6.1.0",
@@ -11771,20 +13495,7 @@
         "wrap-ansi": "^9.0.0"
       },
       "engines": {
-        "node": ">=18.0.0"
-      }
-    },
-    "node_modules/listr2/node_modules/ansi-regex": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
-      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+        "node": ">=20.0.0"
       }
     },
     "node_modules/listr2/node_modules/ansi-styles": {
@@ -11801,16 +13512,16 @@
       }
     },
     "node_modules/listr2/node_modules/emoji-regex": {
-      "version": "10.5.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.5.0.tgz",
-      "integrity": "sha512-lb49vf1Xzfx080OKA0o6l8DQQpV+6Vg95zyCJX9VB/BqKYlhG7N4wgROUUHRA+ZPUefLnteQOad7z1kT2bV7bg==",
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
+      "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/listr2/node_modules/eventemitter3": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
-      "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==",
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.4.tgz",
+      "integrity": "sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==",
       "dev": true,
       "license": "MIT"
     },
@@ -11832,22 +13543,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/listr2/node_modules/strip-ansi": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
-      "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
-      "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/listr2/node_modules/wrap-ansi": {
       "version": "9.0.2",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.2.tgz",
@@ -11867,39 +13562,45 @@
       }
     },
     "node_modules/lmdb": {
-      "version": "3.0.13",
-      "resolved": "https://registry.npmjs.org/lmdb/-/lmdb-3.0.13.tgz",
-      "integrity": "sha512-UGe+BbaSUQtAMZobTb4nHvFMrmvuAQKSeaqAX2meTEQjfsbpl5sxdHD8T72OnwD4GU9uwNhYXIVe4QGs8N9Zyw==",
+      "version": "3.4.4",
+      "resolved": "https://registry.npmjs.org/lmdb/-/lmdb-3.4.4.tgz",
+      "integrity": "sha512-+Y2DqovevLkb6DrSQ6SXTYLEd6kvlRbhsxzgJrk7BUfOVA/mt21ak6pFDZDKxiAczHMWxrb02kXBTSTIA0O94A==",
       "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
-        "msgpackr": "^1.10.2",
+        "msgpackr": "^1.11.2",
         "node-addon-api": "^6.1.0",
         "node-gyp-build-optional-packages": "5.2.2",
-        "ordered-binary": "^1.4.1",
+        "ordered-binary": "^1.5.3",
         "weak-lru-cache": "^1.2.2"
       },
       "bin": {
         "download-lmdb-prebuilds": "bin/download-prebuilds.js"
       },
       "optionalDependencies": {
-        "@lmdb/lmdb-darwin-arm64": "3.0.13",
-        "@lmdb/lmdb-darwin-x64": "3.0.13",
-        "@lmdb/lmdb-linux-arm": "3.0.13",
-        "@lmdb/lmdb-linux-arm64": "3.0.13",
-        "@lmdb/lmdb-linux-x64": "3.0.13",
-        "@lmdb/lmdb-win32-x64": "3.0.13"
+        "@lmdb/lmdb-darwin-arm64": "3.4.4",
+        "@lmdb/lmdb-darwin-x64": "3.4.4",
+        "@lmdb/lmdb-linux-arm": "3.4.4",
+        "@lmdb/lmdb-linux-arm64": "3.4.4",
+        "@lmdb/lmdb-linux-x64": "3.4.4",
+        "@lmdb/lmdb-win32-arm64": "3.4.4",
+        "@lmdb/lmdb-win32-x64": "3.4.4"
       }
     },
     "node_modules/loader-runner": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
-      "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.1.tgz",
+      "integrity": "sha512-IWqP2SCPhyVFTBtRcgMHdzlf9ul25NwaFx4wCEH/KjAXuuHY4yNjvPXsBokp8jCB936PyWRaPKUNh8NvylLp2Q==",
       "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.11.5"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
       }
     },
     "node_modules/loader-utils": {
@@ -11929,11 +13630,11 @@
       }
     },
     "node_modules/lodash": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
-      "dev": true,
-      "license": "MIT"
+      "version": "4.17.23",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.23.tgz",
+      "integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==",
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/lodash.debounce": {
       "version": "4.0.8",
@@ -11950,17 +13651,17 @@
       "license": "MIT"
     },
     "node_modules/log-symbols": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz",
-      "integrity": "sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==",
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-7.0.1.tgz",
+      "integrity": "sha512-ja1E3yCr9i/0hmBVaM0bfwDjnGy8I/s6PP4DFp+yP+a+mrHO4Rm7DtmnqROTUkHIkqffC84YY7AeqX6oFk0WFg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "chalk": "^4.1.0",
-        "is-unicode-supported": "^0.1.0"
+        "is-unicode-supported": "^2.0.0",
+        "yoctocolors": "^2.1.1"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">=18"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
@@ -11968,81 +13669,16 @@
     },
     "node_modules/log-update": {
       "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/log-update/-/log-update-6.1.0.tgz",
-      "integrity": "sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-escapes": "^7.0.0",
-        "cli-cursor": "^5.0.0",
-        "slice-ansi": "^7.1.0",
-        "strip-ansi": "^7.1.0",
-        "wrap-ansi": "^9.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/log-update/node_modules/ansi-escapes": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-7.1.1.tgz",
-      "integrity": "sha512-Zhl0ErHcSRUaVfGUeUdDuLgpkEo8KIFjB4Y9uAc46ScOpdDiU1Dbyplh7qWJeJ/ZHpbyMSM26+X3BySgnIz40Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "environment": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/log-update/node_modules/ansi-regex": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
-      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
-    },
-    "node_modules/log-update/node_modules/ansi-styles": {
-      "version": "6.2.3",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
-      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/log-update/node_modules/emoji-regex": {
-      "version": "10.5.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.5.0.tgz",
-      "integrity": "sha512-lb49vf1Xzfx080OKA0o6l8DQQpV+6Vg95zyCJX9VB/BqKYlhG7N4wgROUUHRA+ZPUefLnteQOad7z1kT2bV7bg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/log-update/node_modules/is-fullwidth-code-point": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-5.1.0.tgz",
-      "integrity": "sha512-5XHYaSyiqADb4RnZ1Bdad6cPp8Toise4TzEjcOYDHZkTCbKgiUl7WTUCpNWHuxmDt91wnsZBc9xinNzopv3JMQ==",
+      "resolved": "https://registry.npmjs.org/log-update/-/log-update-6.1.0.tgz",
+      "integrity": "sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "get-east-asian-width": "^1.3.1"
+        "ansi-escapes": "^7.0.0",
+        "cli-cursor": "^5.0.0",
+        "slice-ansi": "^7.1.0",
+        "strip-ansi": "^7.1.0",
+        "wrap-ansi": "^9.0.0"
       },
       "engines": {
         "node": ">=18"
@@ -12051,23 +13687,26 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/log-update/node_modules/slice-ansi": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-7.1.2.tgz",
-      "integrity": "sha512-iOBWFgUX7caIZiuutICxVgX1SdxwAVFFKwt1EvMYYec/NWO5meOJ6K5uQxhrYBdQJne4KxiqZc+KptFOWFSI9w==",
+    "node_modules/log-update/node_modules/ansi-styles": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^6.2.1",
-        "is-fullwidth-code-point": "^5.0.0"
-      },
       "engines": {
-        "node": ">=18"
+        "node": ">=12"
       },
       "funding": {
-        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/log-update/node_modules/emoji-regex": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
+      "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/log-update/node_modules/string-width": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
@@ -12086,22 +13725,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/log-update/node_modules/strip-ansi": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
-      "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
-      "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/log-update/node_modules/wrap-ansi": {
       "version": "9.0.2",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.2.tgz",
@@ -12147,13 +13770,13 @@
       }
     },
     "node_modules/magic-string": {
-      "version": "0.30.11",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.11.tgz",
-      "integrity": "sha512-+Wri9p0QHMy+545hKww7YAu5NyzF8iomPL/RQazugQ9+Ez4Ic3mERMd8ZTX5rfK944j+560ZJi8iAwgak1Ac7A==",
+      "version": "0.30.21",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.0"
+        "@jridgewell/sourcemap-codec": "^1.5.5"
       }
     },
     "node_modules/make-dir": {
@@ -12173,27 +13796,26 @@
       }
     },
     "node_modules/make-fetch-happen": {
-      "version": "13.0.1",
-      "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-13.0.1.tgz",
-      "integrity": "sha512-cKTUFc/rbKUd/9meOvgrpJ2WrNzymt6jfRDdwg5UCnVzv9dTpEj9JS5m3wtziXVCjluIXyL8pcaukYqezIzZQA==",
+      "version": "15.0.3",
+      "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-15.0.3.tgz",
+      "integrity": "sha512-iyyEpDty1mwW3dGlYXAJqC/azFn5PPvgKVwXayOGBSmKLxhKZ9fg4qIan2ePpp1vJIwfFiO34LAPZgq9SZW9Aw==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
-        "@npmcli/agent": "^2.0.0",
-        "cacache": "^18.0.0",
+        "@npmcli/agent": "^4.0.0",
+        "cacache": "^20.0.1",
         "http-cache-semantics": "^4.1.1",
-        "is-lambda": "^1.0.1",
         "minipass": "^7.0.2",
-        "minipass-fetch": "^3.0.0",
+        "minipass-fetch": "^5.0.0",
         "minipass-flush": "^1.0.5",
         "minipass-pipeline": "^1.2.4",
-        "negotiator": "^0.6.3",
-        "proc-log": "^4.2.0",
+        "negotiator": "^1.0.0",
+        "proc-log": "^6.0.0",
         "promise-retry": "^2.0.1",
-        "ssri": "^10.0.0"
+        "ssri": "^13.0.0"
       },
       "engines": {
-        "node": "^16.14.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/map-cache": {
@@ -12217,22 +13839,30 @@
       }
     },
     "node_modules/media-typer": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
-      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-1.1.0.tgz",
+      "integrity": "sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">= 0.6"
+        "node": ">= 0.8"
       }
     },
     "node_modules/memfs": {
-      "version": "4.48.1",
-      "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.48.1.tgz",
-      "integrity": "sha512-vWO+1ROkhOALF1UnT9aNOOflq5oFDlqwTXaPg6duo07fBLxSH0+bcF0TY1lbA1zTNKyGgDxgaDdKx5MaewLX5A==",
+      "version": "4.56.10",
+      "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.56.10.tgz",
+      "integrity": "sha512-eLvzyrwqLHnLYalJP7YZ3wBe79MXktMdfQbvMrVD80K+NhrIukCVBvgP30zTJYEEDh9hZ/ep9z0KOdD7FSHo7w==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
+        "@jsonjoy.com/fs-core": "4.56.10",
+        "@jsonjoy.com/fs-fsa": "4.56.10",
+        "@jsonjoy.com/fs-node": "4.56.10",
+        "@jsonjoy.com/fs-node-builtins": "4.56.10",
+        "@jsonjoy.com/fs-node-to-fsa": "4.56.10",
+        "@jsonjoy.com/fs-node-utils": "4.56.10",
+        "@jsonjoy.com/fs-print": "4.56.10",
+        "@jsonjoy.com/fs-snapshot": "4.56.10",
         "@jsonjoy.com/json-pack": "^1.11.0",
         "@jsonjoy.com/util": "^1.9.0",
         "glob-to-regex.js": "^1.0.1",
@@ -12243,14 +13873,20 @@
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
       }
     },
     "node_modules/merge-descriptors": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
-      "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-2.0.0.tgz",
+      "integrity": "sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==",
       "dev": true,
       "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
@@ -12262,16 +13898,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/merge2": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 8"
-      }
-    },
     "node_modules/methods": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
@@ -12323,9 +13949,9 @@
       }
     },
     "node_modules/mime-db": {
-      "version": "1.52.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "version": "1.54.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
+      "integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -12333,26 +13959,20 @@
       }
     },
     "node_modules/mime-types": {
-      "version": "2.1.35",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-3.0.2.tgz",
+      "integrity": "sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "mime-db": "1.52.0"
+        "mime-db": "^1.54.0"
       },
       "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/mimic-fn": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
-      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
       }
     },
     "node_modules/mimic-function": {
@@ -12369,9 +13989,9 @@
       }
     },
     "node_modules/mini-css-extract-plugin": {
-      "version": "2.9.0",
-      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.9.0.tgz",
-      "integrity": "sha512-Zs1YsZVfemekSZG+44vBsYTLQORkPMwnlv+aehcxK/NLKC+EGhDB39/YePYYqx/sTk6NnYpuqikhSn7+JIevTA==",
+      "version": "2.9.4",
+      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.9.4.tgz",
+      "integrity": "sha512-ZWYT7ln73Hptxqxk2DxPU9MmapXRhxkJD6tkSR04dnQxm8BGu2hzgKLugK5yySD97u/8yy7Ma7E76k9ZdvtjkQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -12397,13 +14017,13 @@
       "license": "ISC"
     },
     "node_modules/minimatch": {
-      "version": "10.0.3",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.0.3.tgz",
-      "integrity": "sha512-IPZ167aShDZZUMdRk66cyQAW3qr0WzbHkPdMYa8bzZhlHhO3jALbKdxcaak7W9FfT2rZNpQuUu4Od7ILEpXSaw==",
+      "version": "10.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.1.2.tgz",
+      "integrity": "sha512-fu656aJ0n2kcXwsnwnv9g24tkU5uSmOlTjd6WyyaKm2Z+h1qmY6bAjrcaIxF/BslFqbZ8UBtbJi7KgQOZD2PTw==",
       "dev": true,
-      "license": "ISC",
+      "license": "BlueOak-1.0.0",
       "dependencies": {
-        "@isaacs/brace-expansion": "^5.0.0"
+        "@isaacs/brace-expansion": "^5.0.1"
       },
       "engines": {
         "node": "20 || >=22"
@@ -12446,18 +14066,18 @@
       }
     },
     "node_modules/minipass-fetch": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-3.0.5.tgz",
-      "integrity": "sha512-2N8elDQAtSnFV0Dk7gt15KHsS0Fyz6CbYZ360h0WTYV1Ty46li3rAXVOQj1THMNLdmrD9Vt5pBPtWtVkpwGBqg==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-5.0.1.tgz",
+      "integrity": "sha512-yHK8pb0iCGat0lDrs/D6RZmCdaBT64tULXjdxjSMAqoDi18Q3qKEUTHypHQZQd9+FYpIS+lkvpq6C/R6SbUeRw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "minipass": "^7.0.3",
-        "minipass-sized": "^1.0.3",
-        "minizlib": "^2.1.2"
+        "minipass-sized": "^2.0.0",
+        "minizlib": "^3.0.1"
       },
       "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       },
       "optionalDependencies": {
         "encoding": "^0.1.13"
@@ -12530,72 +14150,31 @@
       "license": "ISC"
     },
     "node_modules/minipass-sized": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/minipass-sized/-/minipass-sized-1.0.3.tgz",
-      "integrity": "sha512-MbkQQ2CTiBMlA2Dm/5cY+9SWFEN8pzzOXi6rlM5Xxq0Yqbda5ZQy9sU75a673FE9ZK0Zsbr6Y5iP6u9nktfg2g==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "minipass": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/minipass-sized/node_modules/minipass": {
-      "version": "3.3.6",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
-      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/minipass-sized/-/minipass-sized-2.0.0.tgz",
+      "integrity": "sha512-zSsHhto5BcUVM2m1LurnXY6M//cGhVaegT71OfOXoprxT6o780GZd792ea6FfrQkuU4usHZIUczAQMRUE2plzA==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
-        "yallist": "^4.0.0"
+        "minipass": "^7.1.2"
       },
       "engines": {
         "node": ">=8"
       }
     },
-    "node_modules/minipass-sized/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true,
-      "license": "ISC"
-    },
     "node_modules/minizlib": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz",
-      "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.1.0.tgz",
+      "integrity": "sha512-KZxYo1BUkWD2TVFLr0MQoM8vUUigWD3LlD83a/75BqC+4qE0Hb1Vo5v1FgcfaNXvfXzr+5EhQ6ing/CaBijTlw==",
       "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",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
-      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "yallist": "^4.0.0"
+        "minipass": "^7.1.2"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">= 18"
       }
     },
-    "node_modules/minizlib/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true,
-      "license": "ISC"
-    },
     "node_modules/mitt": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz",
@@ -12617,9 +14196,9 @@
       }
     },
     "node_modules/mrmime": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.0.tgz",
-      "integrity": "sha512-eu38+hdgojoyq63s+yTpN4XMBdt5l8HhMhc4VKLO9KM5caLIBvUm4thi7fFaxyTmCKeNnXZ5pAlBwCUnhA09uw==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz",
+      "integrity": "sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -12633,11 +14212,12 @@
       "license": "MIT"
     },
     "node_modules/msgpackr": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.11.5.tgz",
-      "integrity": "sha512-UjkUHN0yqp9RWKy0Lplhh+wlpdt9oQBYgULZOiFhV3VclSF1JnSQWZ5r9gORQlNYaUKQoR8itv7g7z1xDDuACA==",
+      "version": "1.11.8",
+      "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.11.8.tgz",
+      "integrity": "sha512-bC4UGzHhVvgDNS7kn9tV8fAucIYUBuGojcaLiz7v+P63Lmtm0Xeji8B/8tYKddALXxJLpwIeBmUN3u64C4YkRA==",
       "dev": true,
       "license": "MIT",
+      "optional": true,
       "optionalDependencies": {
         "msgpackr-extract": "^3.0.2"
       }
@@ -12690,13 +14270,13 @@
       }
     },
     "node_modules/mute-stream": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-1.0.0.tgz",
-      "integrity": "sha512-avsJQhyd+680gKXyG/sQc0nXaC6rBkPOfyHYcFb9+hdkqQkR9bdnkJ0AMZhke0oesPqIO+mFFJ+IdBc7mst4IA==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-2.0.0.tgz",
+      "integrity": "sha512-WWdIxpyjEn+FhQJQQv9aQAYlHoNVdzIzUySNV1gHUPDSdZJ3yZn7pAAbQcV7B56Mvu881q9FZV+0Vx2xC44VWA==",
       "dev": true,
       "license": "ISC",
       "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+        "node": "^18.17.0 || >=20.5.0"
       }
     },
     "node_modules/nanoid": {
@@ -12727,280 +14307,136 @@
     },
     "node_modules/needle": {
       "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/needle/-/needle-3.3.1.tgz",
-      "integrity": "sha512-6k0YULvhpw+RoLNiQCRKOl09Rv1dPLr8hHnVjHqdolKwDrdNyk+Hmrthi4lIGPPz3r39dLx0hsF5s40sZ3Us4Q==",
-      "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",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-      "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.4",
-      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.4.tgz",
-      "integrity": "sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/neo-async": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
-      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/netmask": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/netmask/-/netmask-2.0.2.tgz",
-      "integrity": "sha512-dBpDMdxv9Irdq66304OLfEmQ9tbNRFnFTuZiLo+bD+r332bBmMJ8GBLXklIXXgxd3+v9+KUnZaUR5PJMa75Gsg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4.0"
-      }
-    },
-    "node_modules/ng-packagr": {
-      "version": "18.2.1",
-      "resolved": "https://registry.npmjs.org/ng-packagr/-/ng-packagr-18.2.1.tgz",
-      "integrity": "sha512-dy9ZDpZb3QpAz+Y/m8VAu7ctr2VrnRU3gmQwJagnNybVJtCsKn3lZA3IW7Z7GTLoG5IALSPouiCgiB/C8ozv7w==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@rollup/plugin-json": "^6.1.0",
-        "@rollup/plugin-node-resolve": "^15.2.3",
-        "@rollup/wasm-node": "^4.18.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": "^0.23.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.19.1 || >=20.11.1"
-      },
-      "optionalDependencies": {
-        "rollup": "^4.18.0"
-      },
-      "peerDependencies": {
-        "@angular/compiler-cli": "^18.0.0 || ^18.2.0-next.0",
-        "tailwindcss": "^2.0.0 || ^3.0.0",
-        "tslib": "^2.3.0",
-        "typescript": ">=5.4 <5.6"
-      },
-      "peerDependenciesMeta": {
-        "tailwindcss": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/ng-packagr/node_modules/convert-source-map": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
-      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/ng-packagr/node_modules/find-cache-dir": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz",
-      "integrity": "sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==",
-      "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/find-up": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
-      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "locate-path": "^5.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/ng-packagr/node_modules/locate-path": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "resolved": "https://registry.npmjs.org/needle/-/needle-3.3.1.tgz",
+      "integrity": "sha512-6k0YULvhpw+RoLNiQCRKOl09Rv1dPLr8hHnVjHqdolKwDrdNyk+Hmrthi4lIGPPz3r39dLx0hsF5s40sZ3Us4Q==",
       "dev": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
-        "p-locate": "^4.1.0"
+        "iconv-lite": "^0.6.3",
+        "sax": "^1.2.4"
+      },
+      "bin": {
+        "needle": "bin/needle"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">= 4.4.x"
       }
     },
-    "node_modules/ng-packagr/node_modules/make-dir": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
-      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
+    "node_modules/needle/node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
       "dev": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
-        "semver": "^6.0.0"
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
       },
       "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/ng-packagr/node_modules/p-limit": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+    "node_modules/negotiator": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz",
+      "integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "p-try": "^2.0.0"
-      },
       "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "node": ">= 0.6"
       }
     },
-    "node_modules/ng-packagr/node_modules/p-locate": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
-      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+    "node_modules/neo-async": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/netmask": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/netmask/-/netmask-2.0.2.tgz",
+      "integrity": "sha512-dBpDMdxv9Irdq66304OLfEmQ9tbNRFnFTuZiLo+bD+r332bBmMJ8GBLXklIXXgxd3+v9+KUnZaUR5PJMa75Gsg==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "p-limit": "^2.2.0"
-      },
       "engines": {
-        "node": ">=8"
+        "node": ">= 0.4.0"
       }
     },
-    "node_modules/ng-packagr/node_modules/pkg-dir": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
-      "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
+    "node_modules/ng-packagr": {
+      "version": "21.1.0",
+      "resolved": "https://registry.npmjs.org/ng-packagr/-/ng-packagr-21.1.0.tgz",
+      "integrity": "sha512-UlQOhH8DRlaYsBGQMjOYvg70J70hD4i/55NV9vAsYvsxEskmp86xjUtZgEeVKeoLq8tYMjMXDgaYjYde153sZQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
-        "find-up": "^4.0.0"
+        "@ampproject/remapping": "^2.3.0",
+        "@rollup/plugin-json": "^6.1.0",
+        "@rollup/wasm-node": "^4.24.0",
+        "ajv": "^8.17.1",
+        "ansi-colors": "^4.1.3",
+        "browserslist": "^4.26.0",
+        "chokidar": "^5.0.0",
+        "commander": "^14.0.0",
+        "dependency-graph": "^1.0.0",
+        "esbuild": "^0.27.0",
+        "find-cache-directory": "^6.0.0",
+        "injection-js": "^2.4.0",
+        "jsonc-parser": "^3.3.1",
+        "less": "^4.2.0",
+        "ora": "^9.0.0",
+        "piscina": "^5.0.0",
+        "postcss": "^8.4.47",
+        "rollup-plugin-dts": "^6.2.0",
+        "rxjs": "^7.8.1",
+        "sass": "^1.81.0",
+        "tinyglobby": "^0.2.12"
       },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/ng-packagr/node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "dev": true,
-      "license": "ISC",
       "bin": {
-        "semver": "bin/semver.js"
+        "ng-packagr": "src/cli/main.js"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      },
+      "optionalDependencies": {
+        "rollup": "^4.24.0"
+      },
+      "peerDependencies": {
+        "@angular/compiler-cli": "^21.0.0 || ^21.1.0-next",
+        "tailwindcss": "^2.0.0 || ^3.0.0 || ^4.0.0",
+        "tslib": "^2.3.0",
+        "typescript": ">=5.9 <6.0"
+      },
+      "peerDependenciesMeta": {
+        "tailwindcss": {
+          "optional": true
+        }
       }
     },
     "node_modules/ngx-mask": {
-      "version": "18.0.4",
-      "resolved": "https://registry.npmjs.org/ngx-mask/-/ngx-mask-18.0.4.tgz",
-      "integrity": "sha512-ji6bpXCNMjEISMdvvZ2T+iMZUqiVluVJ8aywWi59//TR6G6VWs3bmlr1f+OKunjFPgvUGf7/kIdKoMbrF1++aA==",
+      "version": "21.0.1",
+      "resolved": "https://registry.npmjs.org/ngx-mask/-/ngx-mask-21.0.1.tgz",
+      "integrity": "sha512-L7zyKhXHQjfMLIGPxEmaVXdZ6VurHemgPt352yY9vP0dmWKmmzwF1nkKzDjYqpqEWhL/KMooSqrMGApNVzWeYA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/common": ">=14.0.0",
-        "@angular/core": ">=14.0.0",
-        "@angular/forms": ">=14.0.0"
-      }
-    },
-    "node_modules/nice-napi": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/nice-napi/-/nice-napi-1.0.2.tgz",
-      "integrity": "sha512-px/KnJAJZf5RuBGcfD+Sp2pAKq0ytz8j+1NehvgIGFkvtvFrDM3T8E4x/JJODXK9WZow8RRGrbA9QQ3hs+pDhA==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "!win32"
-      ],
-      "dependencies": {
-        "node-addon-api": "^3.0.0",
-        "node-gyp-build": "^4.2.2"
+        "@angular/common": "^21.0.0",
+        "@angular/core": "^21.0.0",
+        "@angular/forms": "^21.0.0"
       }
     },
-    "node_modules/nice-napi/node_modules/node-addon-api": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-3.2.1.tgz",
-      "integrity": "sha512-mmcei9JghVNDYydghQmeDX8KoAm0FAiYyIcUt/N4nhyAipB17pllZQDOJD2fotxABnt4Mdz+dKTO7eftLg4d0A==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true
-    },
     "node_modules/node-addon-api": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-6.1.0.tgz",
       "integrity": "sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true
     },
     "node_modules/node-forge": {
       "version": "1.3.3",
@@ -13013,41 +14449,28 @@
       }
     },
     "node_modules/node-gyp": {
-      "version": "10.3.1",
-      "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-10.3.1.tgz",
-      "integrity": "sha512-Pp3nFHBThHzVtNY7U6JfPjvT/DTE8+o/4xKsLQtBoU+j2HLsGlhcfzflAoUreaJbNmYnX+LlLi0qjV8kpyO6xQ==",
+      "version": "12.2.0",
+      "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-12.2.0.tgz",
+      "integrity": "sha512-q23WdzrQv48KozXlr0U1v9dwO/k59NHeSzn6loGcasyf0UnSrtzs8kRxM+mfwJSf0DkX0s43hcqgnSO4/VNthQ==",
       "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": "^4.1.0",
+        "make-fetch-happen": "^15.0.0",
+        "nopt": "^9.0.0",
+        "proc-log": "^6.0.0",
         "semver": "^7.3.5",
-        "tar": "^6.2.1",
-        "which": "^4.0.0"
+        "tar": "^7.5.4",
+        "tinyglobby": "^0.2.12",
+        "which": "^6.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.4",
-      "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.8.4.tgz",
-      "integrity": "sha512-LA4ZjwlnUblHVgq0oBF3Jl/6h/Nvs5fzBLwdEF4nuxnFdsfajde4WfxtJr3CaiH+F6ewcIB/q4jQ4UzPyid+CQ==",
-      "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": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/node-gyp-build-optional-packages": {
@@ -13056,6 +14479,7 @@
       "integrity": "sha512-s+w+rBWnpTMwSFbaE0UXsRlg7hU4FjekKU4eyAih5T8nJuNZT1nNsskXpxmeqSK9UzkBl6UgRlnKc8hz8IEqOw==",
       "dev": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
         "detect-libc": "^2.0.1"
       },
@@ -13065,114 +14489,52 @@
         "node-gyp-build-optional-packages-test": "build-test.js"
       }
     },
-    "node_modules/node-gyp/node_modules/brace-expansion": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
-    "node_modules/node-gyp/node_modules/glob": {
-      "version": "10.4.5",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
-      "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^3.1.2",
-        "minimatch": "^9.0.4",
-        "minipass": "^7.1.2",
-        "package-json-from-dist": "^1.0.0",
-        "path-scurry": "^1.11.1"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/node-gyp/node_modules/isexe": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz",
-      "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/node-gyp/node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-4.0.0.tgz",
+      "integrity": "sha512-FFUtZMpoZ8RqHS3XeXEmHWLA4thH+ZxCv2lOiPIn1Xc7CxrqhWzNSDzD+/chS/zbYezmiwWLdQC09JdQKmthOw==",
       "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
+      "license": "BlueOak-1.0.0",
       "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+        "node": ">=20"
       }
     },
     "node_modules/node-gyp/node_modules/which": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz",
-      "integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-6.0.1.tgz",
+      "integrity": "sha512-oGLe46MIrCRqX7ytPUf66EAYvdeMIZYn3WaocqqKZAxrBpkqHfL/qvTyJ/bTk5+AqHCjXmrv3CEWgy368zhRUg==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
-        "isexe": "^3.1.1"
+        "isexe": "^4.0.0"
       },
       "bin": {
         "node-which": "bin/which.js"
       },
       "engines": {
-        "node": "^16.13.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.21",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.21.tgz",
-      "integrity": "sha512-5b0pgg78U3hwXkCM8Z9b2FJdPZlr9Psr9V2gQPESdGHqbntyFJKFW4r5TeWGFzafGY3hzs1JC62VEQMbl1JFkw==",
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
+      "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
       "license": "MIT"
     },
     "node_modules/nopt": {
-      "version": "7.2.1",
-      "resolved": "https://registry.npmjs.org/nopt/-/nopt-7.2.1.tgz",
-      "integrity": "sha512-taM24ViiimT/XntxbPyJQzCG+p4EKOpgD3mxFwW38mGjVUrfERQOeY4EDHjdnptttfHuHQXFx+lTP08Q+mLa/w==",
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-9.0.0.tgz",
+      "integrity": "sha512-Zhq3a+yFKrYwSBluL4H9XP3m3y5uvQkB/09CwDruCiRmR/UJYnn9W4R48ry0uGC70aeTPKLynBtscP9efFFcPw==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
-        "abbrev": "^2.0.0"
+        "abbrev": "^4.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.2",
-      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-6.0.2.tgz",
-      "integrity": "sha512-V6gygoYb/5EmNI+MEGrWkC+e6+Rr7mTmfHrxDbLzxQogBkgzo76rkok0Am6thgSF7Mv2nLOajAJj5vDJZEFn7g==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "hosted-git-info": "^7.0.0",
-        "semver": "^7.3.5",
-        "validate-npm-package-license": "^3.0.4"
-      },
-      "engines": {
-        "node": "^16.14.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/normalize-path": {
@@ -13185,16 +14547,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/normalize-range": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
-      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/now-and-later": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/now-and-later/-/now-and-later-3.0.0.tgz",
@@ -13209,104 +14561,105 @@
       }
     },
     "node_modules/npm-bundled": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-3.0.1.tgz",
-      "integrity": "sha512-+AvaheE/ww1JEwRHOrn4WHNzOxGtVp+adrg2AeZS/7KuxGUYFuBta98wYpfHBbJp6Tg6j1NKSEVHNcfZzJHQwQ==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-5.0.0.tgz",
+      "integrity": "sha512-JLSpbzh6UUXIEoqPsYBvVNVmyrjVZ1fzEFbqxKkTJQkWBO3xFzFT+KDnSKQWwOQNbuWRwt5LSD6HOTLGIWzfrw==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
-        "npm-normalize-package-bin": "^3.0.0"
+        "npm-normalize-package-bin": "^5.0.0"
       },
       "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/npm-install-checks": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/npm-install-checks/-/npm-install-checks-6.3.0.tgz",
-      "integrity": "sha512-W29RiK/xtpCGqn6f3ixfRYGk+zRyr+Ew9F2E20BfXxT5/euLdA/Nm7fO7OeTGuAmTs30cpgInyJ0cYe708YTZw==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/npm-install-checks/-/npm-install-checks-8.0.0.tgz",
+      "integrity": "sha512-ScAUdMpyzkbpxoNekQ3tNRdFI8SJ86wgKZSQZdUxT+bj0wVFpsEMWnkXP0twVe1gJyNF5apBWDJhhIbgrIViRA==",
       "dev": true,
       "license": "BSD-2-Clause",
       "dependencies": {
         "semver": "^7.1.1"
       },
       "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/npm-normalize-package-bin": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-3.0.1.tgz",
-      "integrity": "sha512-dMxCf+zZ+3zeQZXKxmyuCKlIDPGuv8EF940xbkC4kQVDTtqoh6rJFO+JTKSA6/Rwi0getWmtuy4Itup0AMcaDQ==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-5.0.0.tgz",
+      "integrity": "sha512-CJi3OS4JLsNMmr2u07OJlhcrPxCeOeP/4xq67aWNai6TNWWbTrlNDgl8NcFKVlcBKp18GPj+EzbNIgrBfZhsag==",
       "dev": true,
       "license": "ISC",
       "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/npm-package-arg": {
-      "version": "11.0.3",
-      "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-11.0.3.tgz",
-      "integrity": "sha512-sHGJy8sOC1YraBywpzQlIKBE4pBbGbiF95U6Auspzyem956E0+FtDtsx1ZxlOJkQCZ1AFXAY/yuvtFYrOxF+Bw==",
+      "version": "13.0.2",
+      "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-13.0.2.tgz",
+      "integrity": "sha512-IciCE3SY3uE84Ld8WZU23gAPPV9rIYod4F+rc+vJ7h7cwAJt9Vk6TVsK60ry7Uj3SRS3bqRRIGuTp9YVlk6WNA==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
-        "hosted-git-info": "^7.0.0",
-        "proc-log": "^4.0.0",
+        "hosted-git-info": "^9.0.0",
+        "proc-log": "^6.0.0",
         "semver": "^7.3.5",
-        "validate-npm-package-name": "^5.0.0"
+        "validate-npm-package-name": "^7.0.0"
       },
       "engines": {
-        "node": "^16.14.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/npm-packlist": {
-      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-8.0.2.tgz",
-      "integrity": "sha512-shYrPFIS/JLP4oQmAwDyk5HcyysKW8/JLTEA32S0Z5TzvpaeeX2yMFfoK1fjEBnCBvVyIB/Jj/GBFdm0wsgzbA==",
+      "version": "10.0.3",
+      "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-10.0.3.tgz",
+      "integrity": "sha512-zPukTwJMOu5X5uvm0fztwS5Zxyvmk38H/LfidkOMt3gbZVCyro2cD/ETzwzVPcWZA3JOyPznfUN/nkyFiyUbxg==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
-        "ignore-walk": "^6.0.4"
+        "ignore-walk": "^8.0.0",
+        "proc-log": "^6.0.0"
       },
       "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/npm-pick-manifest": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/npm-pick-manifest/-/npm-pick-manifest-9.1.0.tgz",
-      "integrity": "sha512-nkc+3pIIhqHVQr085X9d2JzPzLyjzQS96zbruppqC9aZRm/x8xx6xhI98gHtsfELP2bE+loHq8ZaHFHhe+NauA==",
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/npm-pick-manifest/-/npm-pick-manifest-11.0.3.tgz",
+      "integrity": "sha512-buzyCfeoGY/PxKqmBqn1IUJrZnUi1VVJTdSSRPGI60tJdUhUoSQFhs0zycJokDdOznQentgrpf8LayEHyyYlqQ==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
-        "npm-install-checks": "^6.0.0",
-        "npm-normalize-package-bin": "^3.0.0",
-        "npm-package-arg": "^11.0.0",
+        "npm-install-checks": "^8.0.0",
+        "npm-normalize-package-bin": "^5.0.0",
+        "npm-package-arg": "^13.0.0",
         "semver": "^7.3.5"
       },
       "engines": {
-        "node": "^16.14.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/npm-registry-fetch": {
-      "version": "17.1.0",
-      "resolved": "https://registry.npmjs.org/npm-registry-fetch/-/npm-registry-fetch-17.1.0.tgz",
-      "integrity": "sha512-5+bKQRH0J1xG1uZ1zMNvxW0VEyoNWgJpY9UDuluPFLKDfJ9u2JmmjmTJV1srBGQOROfdBMiVvnH2Zvpbm+xkVA==",
+      "version": "19.1.1",
+      "resolved": "https://registry.npmjs.org/npm-registry-fetch/-/npm-registry-fetch-19.1.1.tgz",
+      "integrity": "sha512-TakBap6OM1w0H73VZVDf44iFXsOS3h+L4wVMXmbWOQroZgFhMch0juN6XSzBNlD965yIKvWg2dfu7NSiaYLxtw==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
-        "@npmcli/redact": "^2.0.0",
+        "@npmcli/redact": "^4.0.0",
         "jsonparse": "^1.3.1",
-        "make-fetch-happen": "^13.0.0",
+        "make-fetch-happen": "^15.0.0",
         "minipass": "^7.0.2",
-        "minipass-fetch": "^3.0.0",
-        "minizlib": "^2.1.2",
-        "npm-package-arg": "^11.0.0",
-        "proc-log": "^4.0.0"
+        "minipass-fetch": "^5.0.0",
+        "minizlib": "^3.0.1",
+        "npm-package-arg": "^13.0.0",
+        "proc-log": "^6.0.0"
       },
       "engines": {
-        "node": "^16.14.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/nth-check": {
@@ -13431,19 +14784,21 @@
       }
     },
     "node_modules/open": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/open/-/open-10.1.0.tgz",
-      "integrity": "sha512-mnkeQ1qP5Ue2wd+aivTD3NHd/lZ96Lu0jgf0pwktLPtx6cTZiH7tyeGRRHs0zX0rbrahXPnXlUnbeXyaBBuIaw==",
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/open/-/open-11.0.0.tgz",
+      "integrity": "sha512-smsWv2LzFjP03xmvFoJ331ss6h+jixfA4UUV/Bsiyuu4YJPfN+FIQGOIiv4w9/+MoHkfkJ22UIaQWRVFRfH6Vw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "default-browser": "^5.2.1",
+        "default-browser": "^5.4.0",
         "define-lazy-prop": "^3.0.0",
+        "is-in-ssh": "^1.0.0",
         "is-inside-container": "^1.0.0",
-        "is-wsl": "^3.1.0"
+        "powershell-utils": "^0.1.0",
+        "wsl-utils": "^0.3.0"
       },
       "engines": {
-        "node": ">=18"
+        "node": ">=20"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
@@ -13468,95 +14823,66 @@
       }
     },
     "node_modules/ora": {
-      "version": "5.4.1",
-      "resolved": "https://registry.npmjs.org/ora/-/ora-5.4.1.tgz",
-      "integrity": "sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==",
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/ora/-/ora-9.0.0.tgz",
+      "integrity": "sha512-m0pg2zscbYgWbqRR6ABga5c3sZdEon7bSgjnlXC64kxtxLOyjRcbbUkLj7HFyy/FTD+P2xdBWu8snGhYI0jc4A==",
       "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"
+        "chalk": "^5.6.2",
+        "cli-cursor": "^5.0.0",
+        "cli-spinners": "^3.2.0",
+        "is-interactive": "^2.0.0",
+        "is-unicode-supported": "^2.1.0",
+        "log-symbols": "^7.0.1",
+        "stdin-discarder": "^0.2.2",
+        "string-width": "^8.1.0",
+        "strip-ansi": "^7.1.2"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">=20"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/ora/node_modules/cli-cursor": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz",
-      "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==",
+    "node_modules/ora/node_modules/chalk": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
+      "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "restore-cursor": "^3.1.0"
-      },
       "engines": {
-        "node": ">=8"
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
-    "node_modules/ora/node_modules/onetime": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
-      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+    "node_modules/ora/node_modules/string-width": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.1.1.tgz",
+      "integrity": "sha512-KpqHIdDL9KwYk22wEOg/VIqYbrnLeSApsKT/bSj6Ez7pn3CftUiLAv2Lccpq1ALcpLV9UX1Ppn92npZWu2w/aw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "mimic-fn": "^2.1.0"
+        "get-east-asian-width": "^1.3.0",
+        "strip-ansi": "^7.1.0"
       },
       "engines": {
-        "node": ">=6"
+        "node": ">=20"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/ora/node_modules/restore-cursor": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
-      "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "onetime": "^5.1.0",
-        "signal-exit": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/ora/node_modules/signal-exit": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
-      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
-      "dev": true,
-      "license": "ISC"
-    },
     "node_modules/ordered-binary": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/ordered-binary/-/ordered-binary-1.6.0.tgz",
-      "integrity": "sha512-IQh2aMfMIDbPjI/8a3Edr+PiOpcsB7yo8NdW7aHWVaoR/pcDldunMvnnwbk/auPGqmKeAdxtZl7MHX/QmPwhvQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/os-tmpdir": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
-      "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==",
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/ordered-binary/-/ordered-binary-1.6.1.tgz",
+      "integrity": "sha512-QkCdPooczexPLiXIrbVOPYkR3VO3T6v2OyKRkR1Xbhpy7/LAVXwahnRCgRp78Oe/Ehf0C/HATAxfSr6eA1oX+w==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
+      "optional": true
     },
     "node_modules/p-limit": {
       "version": "3.1.0",
@@ -13591,16 +14917,13 @@
       }
     },
     "node_modules/p-map": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz",
-      "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==",
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/p-map/-/p-map-7.0.4.tgz",
+      "integrity": "sha512-tkAQEw8ysMzmkhgw8k+1U/iPhWNhykKnSk4Rd5zLoPJCuJaGRPo6YposrZgaxHKzDHdDWWZvE/Sk7hsL2X/CpQ==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "aggregate-error": "^3.0.0"
-      },
       "engines": {
-        "node": ">=10"
+        "node": ">=18"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
@@ -13634,16 +14957,6 @@
         "node": ">= 4"
       }
     },
-    "node_modules/p-try": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
-      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/pac-proxy-agent": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/pac-proxy-agent/-/pac-proxy-agent-7.2.0.tgz",
@@ -13664,20 +14977,6 @@
         "node": ">= 14"
       }
     },
-    "node_modules/pac-proxy-agent/node_modules/https-proxy-agent": {
-      "version": "7.0.6",
-      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
-      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "agent-base": "^7.1.2",
-        "debug": "4"
-      },
-      "engines": {
-        "node": ">= 14"
-      }
-    },
     "node_modules/pac-resolver": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/pac-resolver/-/pac-resolver-7.0.1.tgz",
@@ -13692,43 +14991,36 @@
         "node": ">= 14"
       }
     },
-    "node_modules/package-json-from-dist": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
-      "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
-      "dev": true,
-      "license": "BlueOak-1.0.0"
-    },
     "node_modules/pacote": {
-      "version": "18.0.6",
-      "resolved": "https://registry.npmjs.org/pacote/-/pacote-18.0.6.tgz",
-      "integrity": "sha512-+eK3G27SMwsB8kLIuj4h1FUhHtwiEUo21Tw8wNjmvdlpOEr613edv+8FUsTj/4F/VN5ywGE19X18N7CC2EJk6A==",
+      "version": "21.0.4",
+      "resolved": "https://registry.npmjs.org/pacote/-/pacote-21.0.4.tgz",
+      "integrity": "sha512-RplP/pDW0NNNDh3pnaoIWYPvNenS7UqMbXyvMqJczosiFWTeGGwJC2NQBLqKf4rGLFfwCOnntw1aEp9Jiqm1MA==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
-        "@npmcli/git": "^5.0.0",
-        "@npmcli/installed-package-contents": "^2.0.1",
-        "@npmcli/package-json": "^5.1.0",
-        "@npmcli/promise-spawn": "^7.0.0",
-        "@npmcli/run-script": "^8.0.0",
-        "cacache": "^18.0.0",
+        "@npmcli/git": "^7.0.0",
+        "@npmcli/installed-package-contents": "^4.0.0",
+        "@npmcli/package-json": "^7.0.0",
+        "@npmcli/promise-spawn": "^9.0.0",
+        "@npmcli/run-script": "^10.0.0",
+        "cacache": "^20.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": "^17.0.0",
-        "proc-log": "^4.0.0",
+        "npm-package-arg": "^13.0.0",
+        "npm-packlist": "^10.0.1",
+        "npm-pick-manifest": "^11.0.1",
+        "npm-registry-fetch": "^19.0.0",
+        "proc-log": "^6.0.0",
         "promise-retry": "^2.0.1",
-        "sigstore": "^2.2.0",
-        "ssri": "^10.0.0",
-        "tar": "^6.1.11"
+        "sigstore": "^4.0.0",
+        "ssri": "^13.0.0",
+        "tar": "^7.4.3"
       },
       "bin": {
         "pacote": "bin/index.js"
       },
       "engines": {
-        "node": "^16.14.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/parent-module": {
@@ -13806,10 +15098,9 @@
       }
     },
     "node_modules/parse5": {
-      "version": "7.3.0",
-      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
-      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
-      "devOptional": true,
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-8.0.0.tgz",
+      "integrity": "sha512-9m4m5GSgXjL4AjumKzq1Fgfp3Z8rsvjRNbnkVwfu2ImRqE5D0LnY2QfDen18FSY9C573YU5XxSapdHZTZ2WolA==",
       "license": "MIT",
       "dependencies": {
         "entities": "^6.0.0"
@@ -13819,28 +15110,41 @@
       }
     },
     "node_modules/parse5-html-rewriting-stream": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/parse5-html-rewriting-stream/-/parse5-html-rewriting-stream-7.0.0.tgz",
-      "integrity": "sha512-mazCyGWkmCRWDI15Zp+UiCqMp/0dgEmkZRvhlsqqKYr4SsVm/TvnSpD9fCvqCA2zoWJcfRym846ejWBBHRiYEg==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/parse5-html-rewriting-stream/-/parse5-html-rewriting-stream-8.0.0.tgz",
+      "integrity": "sha512-wzh11mj8KKkno1pZEu+l2EVeWsuKDfR5KNWZOTsslfUX8lPDZx77m9T0kIoAVkFtD1nx6YF8oh4BnPHvxMtNMw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "entities": "^4.3.0",
-        "parse5": "^7.0.0",
-        "parse5-sax-parser": "^7.0.0"
+        "entities": "^6.0.0",
+        "parse5": "^8.0.0",
+        "parse5-sax-parser": "^8.0.0"
       },
       "funding": {
         "url": "https://github.com/inikulin/parse5?sponsor=1"
       }
     },
+    "node_modules/parse5-html-rewriting-stream/node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
     "node_modules/parse5-sax-parser": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/parse5-sax-parser/-/parse5-sax-parser-7.0.0.tgz",
-      "integrity": "sha512-5A+v2SNsq8T6/mG3ahcz8ZtQ0OUFTatxPbeidoMB7tkJSGDY3tdfl4MHovtLQHkEn5CGxijNWRQHhRQ6IRpXKg==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/parse5-sax-parser/-/parse5-sax-parser-8.0.0.tgz",
+      "integrity": "sha512-/dQ8UzHZwnrzs3EvDj6IkKrD/jIZyTlB+8XrHJvcjNgRdmWruNdN9i9RK/JtxakmlUdPwKubKPTCqvbTgzGhrw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "parse5": "^7.0.0"
+        "parse5": "^8.0.0"
       },
       "funding": {
         "url": "https://github.com/inikulin/parse5?sponsor=1"
@@ -13850,7 +15154,6 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
       "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
-      "devOptional": true,
       "license": "BSD-2-Clause",
       "engines": {
         "node": ">=0.12"
@@ -13930,47 +15233,41 @@
       }
     },
     "node_modules/path-scurry": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
-      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-2.0.1.tgz",
+      "integrity": "sha512-oWyT4gICAu+kaA7QWk/jvCHWarMKNs6pXOGWKDTr7cw4IGcUbW+PeTfbaQiLGheFRpjo6O9J0PmyMfQPjH71oA==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
-        "lru-cache": "^10.2.0",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+        "lru-cache": "^11.0.0",
+        "minipass": "^7.1.2"
       },
       "engines": {
-        "node": ">=16 || 14 >=14.18"
+        "node": "20 || >=22"
       },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/path-scurry/node_modules/lru-cache": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "version": "11.2.6",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.6.tgz",
+      "integrity": "sha512-ESL2CrkS/2wTPfuend7Zhkzo2u0daGJ/A2VucJOgQ/C48S/zB8MMeMHSGKYpXhIjbPxfuezITkaBH1wqv00DDQ==",
       "dev": true,
-      "license": "ISC"
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
     },
     "node_modules/path-to-regexp": {
-      "version": "0.1.12",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz",
-      "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/path-type": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/path-type/-/path-type-6.0.0.tgz",
-      "integrity": "sha512-Vj7sf++t5pBD637NSfkxpHSMfWaeig5+DKWLhcqIYx6mWQz5hdJTGDVMQiJcw1ZYkhs7AazKDGpRVji1LJCZUQ==",
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-8.3.0.tgz",
+      "integrity": "sha512-7jdwVIRtsP8MYpdXSwOS0YdD0Du+qOoF/AEPIt88PcCFrZCzx41oxku1jD88hZBwbNUIEfpqvuhjFaMAqMTWnA==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
       }
     },
     "node_modules/pend": {
@@ -13987,9 +15284,9 @@
       "license": "ISC"
     },
     "node_modules/picomatch": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
-      "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -14010,123 +15307,48 @@
       }
     },
     "node_modules/piscina": {
-      "version": "4.6.1",
-      "resolved": "https://registry.npmjs.org/piscina/-/piscina-4.6.1.tgz",
-      "integrity": "sha512-z30AwWGtQE+Apr+2WBZensP2lIvwoaMcOPkQlIEmSGMJNUvaYACylPYrQM6wSdUNJlnDVMSpLv7xTMJqlVshOA==",
-      "dev": true,
-      "license": "MIT",
-      "optionalDependencies": {
-        "nice-napi": "^1.0.2"
-      }
-    },
-    "node_modules/pkg-dir": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-7.0.0.tgz",
-      "integrity": "sha512-Ie9z/WINcxxLp27BKOCHGde4ITq9UklYKDzVo1nhk5sqGEXU3FpkwP5GM2voTGJkGd9B3Otl+Q4uwSOeSUtOBA==",
-      "dev": true,
-      "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",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-6.3.0.tgz",
-      "integrity": "sha512-v2ZsoEuVHYy8ZIlYqwPe/39Cy+cFDzp4dXPaxNvkEuouymu+2Jbz0PxpKarJHYJTmv2HWT3O382qY8l4jMWthw==",
-      "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",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-7.2.0.tgz",
-      "integrity": "sha512-gvVijfZvn7R+2qyPX8mAuKcFGDf6Nc61GdvGafQsHL0sBIxfKzA+usWn4GFC/bk+QdwPUD4kWFJLhElipq+0VA==",
+      "version": "5.1.4",
+      "resolved": "https://registry.npmjs.org/piscina/-/piscina-5.1.4.tgz",
+      "integrity": "sha512-7uU4ZnKeQq22t9AsmHGD2w4OYQGonwFnTypDypaWi7Qr2EvQIFVtG8J5D/3bE7W123Wdc9+v4CZDu5hJXVCtBg==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "p-locate": "^6.0.0"
-      },
       "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+        "node": ">=20.x"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+      "optionalDependencies": {
+        "@napi-rs/nice": "^1.0.4"
       }
     },
-    "node_modules/pkg-dir/node_modules/p-limit": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-4.0.0.tgz",
-      "integrity": "sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==",
+    "node_modules/pkce-challenge": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/pkce-challenge/-/pkce-challenge-5.0.1.tgz",
+      "integrity": "sha512-wQ0b/W4Fr01qtpHlqSqspcj3EhBvimsdh0KlHhH8HRZnMsEa0ea2fTULOXOS9ccQr3om+GcGRk4e+isrZWV8qQ==",
       "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": ">=16.20.0"
       }
     },
-    "node_modules/pkg-dir/node_modules/p-locate": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-6.0.0.tgz",
-      "integrity": "sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==",
+    "node_modules/pkg-dir": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-8.0.0.tgz",
+      "integrity": "sha512-4peoBq4Wks0riS0z8741NVv+/8IiTvqnZAr8QGgtdifrtpdXbNw/FxRS1l6NFqm4EMzuS0EDqNNx4XGaz8cuyQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "p-limit": "^4.0.0"
+        "find-up-simple": "^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/path-exists": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-5.0.0.tgz",
-      "integrity": "sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      }
-    },
-    "node_modules/pkg-dir/node_modules/yocto-queue": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.2.1.tgz",
-      "integrity": "sha512-AyeEbWOu/TAXdxlV9wmGcR0+yh2j3vYPGOECcIj2S7MkrLyC7ne+oye2BKTItt0ii2PHk4cDy+95+LshzbXnGg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12.20"
+        "node": ">=18"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.41",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.41.tgz",
-      "integrity": "sha512-TesUflQ0WKZqAvg52PWL6kHgLKP6xB6heTOdoYM0Wt2UHyxNa4K25EZZMgKns3BH1RLVbZCREPpLY0rhnNoHVQ==",
+      "version": "8.5.6",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
       "dev": true,
       "funding": [
         {
@@ -14145,24 +15367,24 @@
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "nanoid": "^3.3.7",
-        "picocolors": "^1.0.1",
-        "source-map-js": "^1.2.0"
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
       },
       "engines": {
         "node": "^10 || ^12 || >=14"
       }
     },
     "node_modules/postcss-loader": {
-      "version": "8.1.1",
-      "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-8.1.1.tgz",
-      "integrity": "sha512-0IeqyAsG6tYiDRCYKQJLAmgQr47DX6N7sFSWvQxt6AcupX8DIdmykuk/o/tx0Lze3ErGHJEp5OSRxrelC6+NdQ==",
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-8.2.0.tgz",
+      "integrity": "sha512-tHX+RkpsXVcc7st4dSdDGliI+r4aAQDuv+v3vFYHixb6YgjreG5AG4SEB0kDK8u2s6htqEEpKlkhSBUTvWKYnA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "cosmiconfig": "^9.0.0",
-        "jiti": "^1.20.0",
-        "semver": "^7.5.4"
+        "jiti": "^2.5.1",
+        "semver": "^7.6.2"
       },
       "engines": {
         "node": ">= 18.12.0"
@@ -14256,9 +15478,9 @@
       }
     },
     "node_modules/postcss-selector-parser": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-7.1.0.tgz",
-      "integrity": "sha512-8sLjZwK0R+JlxlYcTuVnyT2v+htpdrjDOKuMcOVdYjt52Lh8hWRYpxBPoKx/Zg+bcjc3wx6fmQevMmUztS/ccA==",
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-7.1.1.tgz",
+      "integrity": "sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -14276,6 +15498,19 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/powershell-utils": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/powershell-utils/-/powershell-utils-0.1.0.tgz",
+      "integrity": "sha512-dM0jVuXJPsDN6DvRpea484tCUaMiXWjuCn++HGTqUWzGDjv5tZkEZldAJ/UMlqRYGFrD/etByo4/xOuC/snX2A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/prelude-ls": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
@@ -14287,13 +15522,13 @@
       }
     },
     "node_modules/proc-log": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-4.2.0.tgz",
-      "integrity": "sha512-g8+OnU/L2v+wyiVK+D5fA34J7EH8jZ8DDlvwhRCMxmMj7UCBvxiO1mGeN+36JXIKF4zevU4kRBd8lVgG9vLelA==",
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-6.1.0.tgz",
+      "integrity": "sha512-iG+GYldRf2BQ0UDUAd6JQ/RwzaQy6mXmsk/IzlYyal4A4SNFw54MeH4/tLkF4I5WoWG9SQwuqWzS99jaFQHBuQ==",
       "dev": true,
       "license": "ISC",
       "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/process-nextick-args": {
@@ -14313,13 +15548,6 @@
         "node": ">=0.4.0"
       }
     },
-    "node_modules/promise-inflight": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz",
-      "integrity": "sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==",
-      "dev": true,
-      "license": "ISC"
-    },
     "node_modules/promise-retry": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/promise-retry/-/promise-retry-2.0.1.tgz",
@@ -14348,16 +15576,6 @@
         "node": ">= 0.10"
       }
     },
-    "node_modules/proxy-addr/node_modules/ipaddr.js": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
-      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
     "node_modules/proxy-agent": {
       "version": "6.5.0",
       "resolved": "https://registry.npmjs.org/proxy-agent/-/proxy-agent-6.5.0.tgz",
@@ -14378,20 +15596,6 @@
         "node": ">= 14"
       }
     },
-    "node_modules/proxy-agent/node_modules/https-proxy-agent": {
-      "version": "7.0.6",
-      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
-      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "agent-base": "^7.1.2",
-        "debug": "4"
-      },
-      "engines": {
-        "node": ">= 14"
-      }
-    },
     "node_modules/proxy-agent/node_modules/lru-cache": {
       "version": "7.18.3",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz",
@@ -14436,19 +15640,18 @@
       "license": "MIT"
     },
     "node_modules/puppeteer": {
-      "version": "23.11.1",
-      "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-23.11.1.tgz",
-      "integrity": "sha512-53uIX3KR5en8l7Vd8n5DUv90Ae9QDQsyIthaUFVzwV6yU750RjqRznEtNMBT20VthqAdemnJN+hxVdmMHKt7Zw==",
-      "deprecated": "< 24.15.0 is no longer supported",
+      "version": "24.37.3",
+      "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-24.37.3.tgz",
+      "integrity": "sha512-AUGGWq0BhPM+IOS2U9A+ZREH3HDFkV1Y5HERYGDg5cbGXjoGsTCT7/A6VZRfNU0UJJdCclyEimZICkZW6pqJyw==",
       "dev": true,
       "hasInstallScript": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@puppeteer/browsers": "2.6.1",
-        "chromium-bidi": "0.11.0",
+        "@puppeteer/browsers": "2.12.1",
+        "chromium-bidi": "14.0.0",
         "cosmiconfig": "^9.0.0",
-        "devtools-protocol": "0.0.1367902",
-        "puppeteer-core": "23.11.1",
+        "devtools-protocol": "0.0.1566079",
+        "puppeteer-core": "24.37.3",
         "typed-query-selector": "^2.12.0"
       },
       "bin": {
@@ -14459,18 +15662,19 @@
       }
     },
     "node_modules/puppeteer-core": {
-      "version": "23.11.1",
-      "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-23.11.1.tgz",
-      "integrity": "sha512-3HZ2/7hdDKZvZQ7dhhITOUg4/wOrDRjyK2ZBllRB0ZCOi9u0cwq1ACHDjBB+nX+7+kltHjQvBRdeY7+W0T+7Gg==",
+      "version": "24.37.3",
+      "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-24.37.3.tgz",
+      "integrity": "sha512-fokQ8gv+hNgsRWqVuP5rUjGp+wzV5aMTP3fcm8ekNabmLGlJdFHas1OdMscAH9Gzq4Qcf7cfI/Pe6wEcAqQhqg==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@puppeteer/browsers": "2.6.1",
-        "chromium-bidi": "0.11.0",
-        "debug": "^4.4.0",
-        "devtools-protocol": "0.0.1367902",
+        "@puppeteer/browsers": "2.12.1",
+        "chromium-bidi": "14.0.0",
+        "debug": "^4.4.3",
+        "devtools-protocol": "0.0.1566079",
         "typed-query-selector": "^2.12.0",
-        "ws": "^8.18.0"
+        "webdriver-bidi-protocol": "0.4.1",
+        "ws": "^8.19.0"
       },
       "engines": {
         "node": ">=18"
@@ -14487,13 +15691,13 @@
       }
     },
     "node_modules/qs": {
-      "version": "6.13.0",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
-      "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
+      "version": "6.15.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.0.tgz",
+      "integrity": "sha512-mAZTtNCeetKMH+pSjrb76NAM8V9a05I9aBZOHztWy/UqcJdQYNsf59vrRKWnojAT9Y+GbIvoTBC++CPHqpDBhQ==",
       "dev": true,
       "license": "BSD-3-Clause",
       "dependencies": {
-        "side-channel": "^1.0.6"
+        "side-channel": "^1.1.0"
       },
       "engines": {
         "node": ">=0.6"
@@ -14502,27 +15706,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/queue-microtask": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "license": "MIT"
-    },
     "node_modules/randombytes": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
@@ -14544,60 +15727,48 @@
       }
     },
     "node_modules/raw-body": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz",
-      "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-3.0.2.tgz",
+      "integrity": "sha512-K5zQjDllxWkf7Z5xJdV0/B0WTNqx6vxG70zJE4N0kBs4LovmEYWJzQGxC9bS9RAKu3bgM40lrd5zoLJ12MQ5BA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "bytes": "3.1.2",
-        "http-errors": "2.0.0",
-        "iconv-lite": "0.4.24",
-        "unpipe": "1.0.0"
+        "bytes": "~3.1.2",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.7.0",
+        "unpipe": "~1.0.0"
       },
       "engines": {
-        "node": ">= 0.8"
+        "node": ">= 0.10"
       }
     },
     "node_modules/readable-stream": {
-      "version": "3.6.2",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
-      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "inherits": "^2.0.3",
-        "string_decoder": "^1.1.1",
-        "util-deprecate": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
+        "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",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "picomatch": "^2.2.1"
-      },
-      "engines": {
-        "node": ">=8.10.0"
-      }
-    },
-    "node_modules/readdirp/node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.0.0.tgz",
+      "integrity": "sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==",
       "license": "MIT",
       "engines": {
-        "node": ">=8.6"
+        "node": ">= 20.19.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
       }
     },
     "node_modules/rechoir": {
@@ -14639,13 +15810,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/regenerator-runtime": {
-      "version": "0.14.1",
-      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
-      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/regex-parser": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/regex-parser/-/regex-parser-2.3.1.tgz",
@@ -14740,43 +15904,11 @@
         "node": ">=0.8.0"
       }
     },
-    "node_modules/replacestream/node_modules/readable-stream": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
-      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
-      "dev": true,
-      "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/replacestream/node_modules/safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/replacestream/node_modules/string_decoder": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "safe-buffer": "~5.1.0"
-      }
-    },
     "node_modules/require-directory": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
       "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -14800,19 +15932,22 @@
       "license": "MIT"
     },
     "node_modules/resolve": {
-      "version": "1.22.8",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
-      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
+      "version": "1.22.11",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
+      "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "is-core-module": "^2.13.0",
+        "is-core-module": "^2.16.1",
         "path-parse": "^1.0.7",
         "supports-preserve-symlinks-flag": "^1.0.0"
       },
       "bin": {
         "resolve": "bin/resolve"
       },
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -14958,14 +16093,47 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/rolldown": {
+      "version": "1.0.0-beta.58",
+      "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.0-beta.58.tgz",
+      "integrity": "sha512-v1FCjMZCan7f+xGAHBi+mqiE4MlH7I+SXEHSQSJoMOGNNB2UYtvMiejsq9YuUOiZjNeUeV/a21nSFbrUR+4ZCQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@oxc-project/types": "=0.106.0",
+        "@rolldown/pluginutils": "1.0.0-beta.58"
+      },
+      "bin": {
+        "rolldown": "bin/cli.mjs"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "optionalDependencies": {
+        "@rolldown/binding-android-arm64": "1.0.0-beta.58",
+        "@rolldown/binding-darwin-arm64": "1.0.0-beta.58",
+        "@rolldown/binding-darwin-x64": "1.0.0-beta.58",
+        "@rolldown/binding-freebsd-x64": "1.0.0-beta.58",
+        "@rolldown/binding-linux-arm-gnueabihf": "1.0.0-beta.58",
+        "@rolldown/binding-linux-arm64-gnu": "1.0.0-beta.58",
+        "@rolldown/binding-linux-arm64-musl": "1.0.0-beta.58",
+        "@rolldown/binding-linux-x64-gnu": "1.0.0-beta.58",
+        "@rolldown/binding-linux-x64-musl": "1.0.0-beta.58",
+        "@rolldown/binding-openharmony-arm64": "1.0.0-beta.58",
+        "@rolldown/binding-wasm32-wasi": "1.0.0-beta.58",
+        "@rolldown/binding-win32-arm64-msvc": "1.0.0-beta.58",
+        "@rolldown/binding-win32-x64-msvc": "1.0.0-beta.58"
+      }
+    },
     "node_modules/rollup": {
-      "version": "4.22.4",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.22.4.tgz",
-      "integrity": "sha512-vD8HJ5raRcWOyymsR6Z3o6+RzfEPCnVLMFJ6vRslO1jt4LO6dUo5Qnpg7y4RkZFM2DMe3WUirkI5c16onjrc6A==",
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.57.1.tgz",
+      "integrity": "sha512-oQL6lgK3e2QZeQ7gcgIkS2YZPg5slw37hYufJ3edKlfQSGGm8ICoxswK15ntSzF/a8+h7ekRy7k7oWc3BQ7y8A==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
-        "@types/estree": "1.0.5"
+        "@types/estree": "1.0.8"
       },
       "bin": {
         "rollup": "dist/bin/rollup"
@@ -14975,31 +16143,73 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.22.4",
-        "@rollup/rollup-android-arm64": "4.22.4",
-        "@rollup/rollup-darwin-arm64": "4.22.4",
-        "@rollup/rollup-darwin-x64": "4.22.4",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.22.4",
-        "@rollup/rollup-linux-arm-musleabihf": "4.22.4",
-        "@rollup/rollup-linux-arm64-gnu": "4.22.4",
-        "@rollup/rollup-linux-arm64-musl": "4.22.4",
-        "@rollup/rollup-linux-powerpc64le-gnu": "4.22.4",
-        "@rollup/rollup-linux-riscv64-gnu": "4.22.4",
-        "@rollup/rollup-linux-s390x-gnu": "4.22.4",
-        "@rollup/rollup-linux-x64-gnu": "4.22.4",
-        "@rollup/rollup-linux-x64-musl": "4.22.4",
-        "@rollup/rollup-win32-arm64-msvc": "4.22.4",
-        "@rollup/rollup-win32-ia32-msvc": "4.22.4",
-        "@rollup/rollup-win32-x64-msvc": "4.22.4",
+        "@rollup/rollup-android-arm-eabi": "4.57.1",
+        "@rollup/rollup-android-arm64": "4.57.1",
+        "@rollup/rollup-darwin-arm64": "4.57.1",
+        "@rollup/rollup-darwin-x64": "4.57.1",
+        "@rollup/rollup-freebsd-arm64": "4.57.1",
+        "@rollup/rollup-freebsd-x64": "4.57.1",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.57.1",
+        "@rollup/rollup-linux-arm-musleabihf": "4.57.1",
+        "@rollup/rollup-linux-arm64-gnu": "4.57.1",
+        "@rollup/rollup-linux-arm64-musl": "4.57.1",
+        "@rollup/rollup-linux-loong64-gnu": "4.57.1",
+        "@rollup/rollup-linux-loong64-musl": "4.57.1",
+        "@rollup/rollup-linux-ppc64-gnu": "4.57.1",
+        "@rollup/rollup-linux-ppc64-musl": "4.57.1",
+        "@rollup/rollup-linux-riscv64-gnu": "4.57.1",
+        "@rollup/rollup-linux-riscv64-musl": "4.57.1",
+        "@rollup/rollup-linux-s390x-gnu": "4.57.1",
+        "@rollup/rollup-linux-x64-gnu": "4.57.1",
+        "@rollup/rollup-linux-x64-musl": "4.57.1",
+        "@rollup/rollup-openbsd-x64": "4.57.1",
+        "@rollup/rollup-openharmony-arm64": "4.57.1",
+        "@rollup/rollup-win32-arm64-msvc": "4.57.1",
+        "@rollup/rollup-win32-ia32-msvc": "4.57.1",
+        "@rollup/rollup-win32-x64-gnu": "4.57.1",
+        "@rollup/rollup-win32-x64-msvc": "4.57.1",
         "fsevents": "~2.3.2"
       }
     },
-    "node_modules/rollup/node_modules/@types/estree": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
-      "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
+    "node_modules/rollup-plugin-dts": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-dts/-/rollup-plugin-dts-6.3.0.tgz",
+      "integrity": "sha512-d0UrqxYd8KyZ6i3M2Nx7WOMy708qsV/7fTHMHxCMCBOAe3V/U7OMPu5GkX8hC+cmkHhzGnfeYongl1IgiooddA==",
       "dev": true,
-      "license": "MIT"
+      "license": "LGPL-3.0-only",
+      "dependencies": {
+        "magic-string": "^0.30.21"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/Swatinem"
+      },
+      "optionalDependencies": {
+        "@babel/code-frame": "^7.27.1"
+      },
+      "peerDependencies": {
+        "rollup": "^3.29.4 || ^4",
+        "typescript": "^4.5 || ^5.0"
+      }
+    },
+    "node_modules/router": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/router/-/router-2.2.0.tgz",
+      "integrity": "sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.4.0",
+        "depd": "^2.0.0",
+        "is-promise": "^4.0.0",
+        "parseurl": "^1.3.3",
+        "path-to-regexp": "^8.0.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
     },
     "node_modules/run-applescript": {
       "version": "7.1.0",
@@ -15014,30 +16224,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/run-parallel": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "queue-microtask": "^1.2.2"
-      }
-    },
     "node_modules/rxjs": {
       "version": "7.8.2",
       "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
@@ -15049,24 +16235,10 @@
       }
     },
     "node_modules/safe-buffer": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
       "dev": true,
-      "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/safe-regex-test": {
@@ -15095,15 +16267,15 @@
       "license": "MIT"
     },
     "node_modules/sass": {
-      "version": "1.77.6",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.77.6.tgz",
-      "integrity": "sha512-ByXE1oLD79GVq9Ht1PeHWCPMPB8XHpBuz1r85oByKHjZY6qV6rWnQovQzXJXuQ/XyE1Oj3iPk3lo28uzaRA2/Q==",
+      "version": "1.97.1",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.97.1.tgz",
+      "integrity": "sha512-uf6HoO8fy6ClsrShvMgaKUn14f2EHQLQRtpsZZLeU/Mv0Q1K5P0+x2uvH6Cub39TVVbWNSrraUhDAoFph6vh0A==",
       "dev": true,
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "chokidar": ">=3.0.0 <4.0.0",
-        "immutable": "^4.0.0",
+        "chokidar": "^4.0.0",
+        "immutable": "^5.0.2",
         "source-map-js": ">=0.6.2 <2.0.0"
       },
       "bin": {
@@ -15111,12 +16283,15 @@
       },
       "engines": {
         "node": ">=14.0.0"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher": "^2.4.1"
       }
     },
     "node_modules/sass-loader": {
-      "version": "16.0.0",
-      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-16.0.0.tgz",
-      "integrity": "sha512-n13Z+3rU9A177dk4888czcVFiC8CL9dii4qpXWUg3YIIgZEvi9TCFKjOQcbK0kJM7DJu9VucrZFddvNfYCPwtw==",
+      "version": "16.0.6",
+      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-16.0.6.tgz",
+      "integrity": "sha512-sglGzId5gmlfxNs4gK2U3h7HlVRfx278YK6Ono5lwzuvi1jxig80YiuHkaDBVsYIKFhx8wN7XSCI0M2IDS/3qA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -15154,13 +16329,46 @@
         }
       }
     },
+    "node_modules/sass/node_modules/chokidar": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
+      "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "readdirp": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/sass/node_modules/readdirp": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
+      "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.18.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
     "node_modules/sax": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/sax/-/sax-1.4.1.tgz",
-      "integrity": "sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg==",
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.4.4.tgz",
+      "integrity": "sha512-1n3r/tGXO6b6VXMdFT54SHzT9ytu9yr7TaELowdYpMqY/Ao7EnlQGmAQ1+RatX7Tkkdm6hONI2owqNx2aZj5Sw==",
       "dev": true,
-      "license": "ISC",
-      "optional": true
+      "license": "BlueOak-1.0.0",
+      "optional": true,
+      "engines": {
+        "node": ">=11.0.0"
+      }
     },
     "node_modules/schema-utils": {
       "version": "4.3.3",
@@ -15222,9 +16430,9 @@
       }
     },
     "node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -15247,68 +16455,30 @@
       }
     },
     "node_modules/send": {
-      "version": "0.19.0",
-      "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz",
-      "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/send/-/send-1.2.1.tgz",
+      "integrity": "sha512-1gnZf7DFcoIcajTjTwjwuDjzuz4PPcY2StKPlsGAQ1+YH20IRVrBaXSWmdjowTJ6u8Rc01PoYOGHXfP1mYcZNQ==",
       "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"
+        "debug": "^4.4.3",
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "etag": "^1.8.1",
+        "fresh": "^2.0.0",
+        "http-errors": "^2.0.1",
+        "mime-types": "^3.0.2",
+        "ms": "^2.1.3",
+        "on-finished": "^2.4.1",
+        "range-parser": "^1.2.1",
+        "statuses": "^2.0.2"
       },
       "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/send/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/send/node_modules/debug/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/send/node_modules/mime": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
-      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "mime": "cli.js"
+        "node": ">= 18"
       },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/send/node_modules/statuses": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
-      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
       }
     },
     "node_modules/serialize-javascript": {
@@ -15322,22 +16492,40 @@
       }
     },
     "node_modules/serve-index": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz",
-      "integrity": "sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==",
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.2.tgz",
+      "integrity": "sha512-KDj11HScOaLmrPxl70KYNW1PksP4Nb/CLL2yvC+Qd2kHMPEEpfc4Re2e4FOay+bC/+XQl/7zAcWON3JVo5v3KQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "accepts": "~1.3.4",
+        "accepts": "~1.3.8",
         "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"
+        "http-errors": "~1.8.0",
+        "mime-types": "~2.1.35",
+        "parseurl": "~1.3.3"
       },
       "engines": {
         "node": ">= 0.8.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/serve-index/node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
       }
     },
     "node_modules/serve-index/node_modules/debug": {
@@ -15361,27 +16549,44 @@
       }
     },
     "node_modules/serve-index/node_modules/http-errors": {
-      "version": "1.6.3",
-      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
-      "integrity": "sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==",
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.8.1.tgz",
+      "integrity": "sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "depd": "~1.1.2",
-        "inherits": "2.0.3",
-        "setprototypeof": "1.1.0",
-        "statuses": ">= 1.4.0 < 2"
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": ">= 1.5.0 < 2",
+        "toidentifier": "1.0.1"
       },
       "engines": {
         "node": ">= 0.6"
       }
     },
-    "node_modules/serve-index/node_modules/inherits": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
-      "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==",
+    "node_modules/serve-index/node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
       "dev": true,
-      "license": "ISC"
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/serve-index/node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
     },
     "node_modules/serve-index/node_modules/ms": {
       "version": "2.0.0",
@@ -15390,37 +16595,44 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/serve-index/node_modules/setprototypeof": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
-      "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==",
+    "node_modules/serve-index/node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
       "dev": true,
-      "license": "ISC"
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
     },
-    "node_modules/serve-static": {
-      "version": "1.16.2",
-      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz",
-      "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==",
+    "node_modules/serve-index/node_modules/statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "encodeurl": "~2.0.0",
-        "escape-html": "~1.0.3",
-        "parseurl": "~1.3.3",
-        "send": "0.19.0"
-      },
       "engines": {
-        "node": ">= 0.8.0"
+        "node": ">= 0.6"
       }
     },
-    "node_modules/serve-static/node_modules/encodeurl": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
-      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+    "node_modules/serve-static": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-2.2.1.tgz",
+      "integrity": "sha512-xRXBn0pPqQTVQiC8wyQrKs2MOlX24zQ0POGaj0kultvoOCstBQM5yvOhAVSUwOMjQtTvsPWoNCHfPGwaaQJhTw==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "parseurl": "^1.3.3",
+        "send": "^1.2.0"
+      },
       "engines": {
-        "node": ">= 0.8"
+        "node": ">= 18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
       }
     },
     "node_modules/setprototypeof": {
@@ -15569,48 +16781,35 @@
       }
     },
     "node_modules/sigstore": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/sigstore/-/sigstore-2.3.1.tgz",
-      "integrity": "sha512-8G+/XDU8wNsJOQS5ysDVO0Etg9/2uA5gR9l4ZwijjlwxBcrU6RPfwi2+jJmbP+Ap1Hlp/nVAaEO4Fj22/SL2gQ==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/sigstore/-/sigstore-4.1.0.tgz",
+      "integrity": "sha512-/fUgUhYghuLzVT/gaJoeVehLCgZiUxPCPMcyVNY0lIf/cTCz58K/WTI7PefDarXxp9nUKpEwg1yyz3eSBMTtgA==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@sigstore/bundle": "^2.3.2",
-        "@sigstore/core": "^1.0.0",
-        "@sigstore/protobuf-specs": "^0.3.2",
-        "@sigstore/sign": "^2.3.2",
-        "@sigstore/tuf": "^2.3.4",
-        "@sigstore/verify": "^1.2.1"
-      },
-      "engines": {
-        "node": "^16.14.0 || >=18.0.0"
-      }
-    },
-    "node_modules/slash": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/slash/-/slash-5.1.0.tgz",
-      "integrity": "sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=14.16"
+        "@sigstore/bundle": "^4.0.0",
+        "@sigstore/core": "^3.1.0",
+        "@sigstore/protobuf-specs": "^0.5.0",
+        "@sigstore/sign": "^4.1.0",
+        "@sigstore/tuf": "^4.0.1",
+        "@sigstore/verify": "^3.1.0"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+      "engines": {
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/slice-ansi": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-5.0.0.tgz",
-      "integrity": "sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==",
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-7.1.2.tgz",
+      "integrity": "sha512-iOBWFgUX7caIZiuutICxVgX1SdxwAVFFKwt1EvMYYec/NWO5meOJ6K5uQxhrYBdQJne4KxiqZc+KptFOWFSI9w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "ansi-styles": "^6.0.0",
-        "is-fullwidth-code-point": "^4.0.0"
+        "ansi-styles": "^6.2.1",
+        "is-fullwidth-code-point": "^5.0.0"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
       },
       "funding": {
         "url": "https://github.com/chalk/slice-ansi?sponsor=1"
@@ -15641,16 +16840,16 @@
       }
     },
     "node_modules/socket.io": {
-      "version": "4.8.1",
-      "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.8.1.tgz",
-      "integrity": "sha512-oZ7iUCxph8WYRHHcjBEc9unw3adt5CmSNlppj/5Q4k2RIrhl8Z5yY2Xr4j9zj0+wzVZ0bxmYoGSzKJnRl6A4yg==",
+      "version": "4.8.3",
+      "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.8.3.tgz",
+      "integrity": "sha512-2Dd78bqzzjE6KPkD5fHZmDAKRNe3J15q+YHDrIsy9WEkqttc7GY+kT9OBLSMaPbQaEd0x1BjcmtMtXkfpc+T5A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "accepts": "~1.3.4",
         "base64id": "~2.0.0",
         "cors": "~2.8.5",
-        "debug": "~4.3.2",
+        "debug": "~4.4.1",
         "engine.io": "~6.6.0",
         "socket.io-adapter": "~2.5.2",
         "socket.io-parser": "~4.2.4"
@@ -15660,38 +16859,20 @@
       }
     },
     "node_modules/socket.io-adapter": {
-      "version": "2.5.5",
-      "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-2.5.5.tgz",
-      "integrity": "sha512-eLDQas5dzPgOWCk9GuuJC2lBqItuhKI4uxGgo9aIV7MYbk2h9Q6uULEh8WBzThoI7l+qU9Ast9fVUmkqPP9wYg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "debug": "~4.3.4",
-        "ws": "~8.17.1"
-      }
-    },
-    "node_modules/socket.io-adapter/node_modules/debug": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-2.5.6.tgz",
+      "integrity": "sha512-DkkO/dz7MGln0dHn5bmN3pPy+JmywNICWrJqVWiVOyvXjWQFIv9c2h24JrQLLFJ2aQVQf/Cvl1vblnd4r2apLQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "ms": "^2.1.3"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
+        "debug": "~4.4.1",
+        "ws": "~8.18.3"
       }
     },
     "node_modules/socket.io-adapter/node_modules/ws": {
-      "version": "8.17.1",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
-      "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
+      "version": "8.18.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
+      "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -15711,53 +16892,64 @@
       }
     },
     "node_modules/socket.io-parser": {
-      "version": "4.2.4",
-      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.4.tgz",
-      "integrity": "sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==",
+      "version": "4.2.5",
+      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.5.tgz",
+      "integrity": "sha512-bPMmpy/5WWKHea5Y/jYAP6k74A+hvmRCQaJuJB6I/ML5JZq/KfNieUVo/3Mh7SAqn7TyFdIo6wqYHInG1MU1bQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@socket.io/component-emitter": "~3.1.0",
-        "debug": "~4.3.1"
+        "debug": "~4.4.1"
       },
       "engines": {
         "node": ">=10.0.0"
       }
     },
-    "node_modules/socket.io-parser/node_modules/debug": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+    "node_modules/socket.io/node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "ms": "^2.1.3"
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
       },
       "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/socket.io/node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
       }
     },
-    "node_modules/socket.io/node_modules/debug": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+    "node_modules/socket.io/node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "ms": "^2.1.3"
+        "mime-db": "1.52.0"
       },
       "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/socket.io/node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
       }
     },
     "node_modules/sockjs": {
@@ -15803,13 +16995,13 @@
       }
     },
     "node_modules/source-map": {
-      "version": "0.7.4",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
-      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+      "version": "0.7.6",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.6.tgz",
+      "integrity": "sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==",
       "dev": true,
       "license": "BSD-3-Clause",
       "engines": {
-        "node": ">= 8"
+        "node": ">= 12"
       }
     },
     "node_modules/source-map-js": {
@@ -15955,6 +17147,21 @@
         "wbuf": "^1.7.3"
       }
     },
+    "node_modules/spdy-transport/node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "dev": true,
+      "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",
       "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
@@ -15963,26 +17170,39 @@
       "license": "BSD-3-Clause"
     },
     "node_modules/ssri": {
-      "version": "10.0.6",
-      "resolved": "https://registry.npmjs.org/ssri/-/ssri-10.0.6.tgz",
-      "integrity": "sha512-MGrFH9Z4NP9Iyhqn16sDtBpRRNJ0Y2hNa6D65h736fVSaPCHr4DM4sWUNvVaSuC+0OBGhwsrydQwmgfg5LncqQ==",
+      "version": "13.0.1",
+      "resolved": "https://registry.npmjs.org/ssri/-/ssri-13.0.1.tgz",
+      "integrity": "sha512-QUiRf1+u9wPTL/76GTYlKttDEBWV1ga9ZXW8BG6kfdeyyM8LGPix9gROyg9V2+P0xNyF3X2Go526xKFdMZrHSQ==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
         "minipass": "^7.0.3"
       },
       "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/statuses": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
-      "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
+      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">= 0.6"
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/stdin-discarder": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/stdin-discarder/-/stdin-discarder-0.2.2.tgz",
+      "integrity": "sha512-UhDfHmA92YAlNnCfhmq0VeNL5bDbiZGg7sZ2IvPsXubGkiNa9EC+tUTsjBRsYUAz87btI6/1wf4XoVvQ3uRnmQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/stream-composer": {
@@ -16065,13 +17285,13 @@
       }
     },
     "node_modules/string_decoder": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
-      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "safe-buffer": "~5.2.0"
+        "safe-buffer": "~5.1.0"
       }
     },
     "node_modules/string-argv": {
@@ -16085,21 +17305,6 @@
       }
     },
     "node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "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",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
@@ -16114,10 +17319,10 @@
         "node": ">=8"
       }
     },
-    "node_modules/string-width-cjs/node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+    "node_modules/string-width/node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -16128,15 +17333,17 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
       "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
       }
     },
-    "node_modules/strip-ansi": {
+    "node_modules/string-width/node_modules/strip-ansi": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ansi-regex": "^5.0.1"
@@ -16145,18 +17352,19 @@
         "node": ">=8"
       }
     },
-    "node_modules/strip-ansi-cjs": {
-      "name": "strip-ansi",
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
+    "node_modules/strip-ansi": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
+      "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
       "license": "MIT",
       "dependencies": {
-        "ansi-regex": "^5.0.1"
+        "ansi-regex": "^6.0.1"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
       }
     },
     "node_modules/strip-json-comments": {
@@ -16222,16 +17430,6 @@
         "semver": "bin/semver.js"
       }
     },
-    "node_modules/symbol-observable": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-4.0.0.tgz",
-      "integrity": "sha512-b19dMThMV4HVFynSAM1++gBHAbk2Tc/osgLIBZMKsyqh34jb2e8Os7T6ZW/Bt3pJFdBTd2JwAnAAEQV7rSNvcQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
     "node_modules/tapable": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.0.tgz",
@@ -16247,21 +17445,20 @@
       }
     },
     "node_modules/tar": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.1.tgz",
-      "integrity": "sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==",
+      "version": "7.5.9",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.9.tgz",
+      "integrity": "sha512-BTLcK0xsDh2+PUe9F6c2TlRp4zOOBMTkoQHQIWSIzI0R7KG46uEwq4OPk2W7bZcprBMsuaeFsqwYr7pjh6CuHg==",
       "dev": true,
-      "license": "ISC",
+      "license": "BlueOak-1.0.0",
       "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"
+        "@isaacs/fs-minipass": "^4.0.0",
+        "chownr": "^3.0.0",
+        "minipass": "^7.1.2",
+        "minizlib": "^3.1.0",
+        "yallist": "^5.0.0"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">=18"
       }
     },
     "node_modules/tar-fs": {
@@ -16291,62 +17488,16 @@
         "streamx": "^2.15.0"
       }
     },
-    "node_modules/tar/node_modules/fs-minipass": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",
-      "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
-      "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",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
-      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/tar/node_modules/minipass": {
+    "node_modules/tar/node_modules/yallist": {
       "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz",
-      "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/tar/node_modules/mkdirp": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
-      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz",
+      "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==",
       "dev": true,
-      "license": "MIT",
-      "bin": {
-        "mkdirp": "bin/cmd.js"
-      },
+      "license": "BlueOak-1.0.0",
       "engines": {
-        "node": ">=10"
+        "node": ">=18"
       }
     },
-    "node_modules/tar/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true,
-      "license": "ISC"
-    },
     "node_modules/teex": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/teex/-/teex-1.0.1.tgz",
@@ -16358,15 +17509,15 @@
       }
     },
     "node_modules/terser": {
-      "version": "5.31.6",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.31.6.tgz",
-      "integrity": "sha512-PQ4DAriWzKj+qgehQ7LK5bQqCFNMmlhjR2PFFLuqGCpuCAauxemVBWwWOxo3UIwWQx8+Pr61Df++r76wDmkQBg==",
+      "version": "5.44.1",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.44.1.tgz",
+      "integrity": "sha512-t/R3R/n0MSwnnazuPpPNVO60LX0SKL45pyl9YlvxIdkH0Of7D5qM2EVe+yASRIlY5pZ73nclYJfNANGWPwFDZw==",
       "dev": true,
       "license": "BSD-2-Clause",
       "peer": true,
       "dependencies": {
         "@jridgewell/source-map": "^0.3.3",
-        "acorn": "^8.8.2",
+        "acorn": "^8.15.0",
         "commander": "^2.20.0",
         "source-map-support": "~0.5.20"
       },
@@ -16378,9 +17529,9 @@
       }
     },
     "node_modules/terser-webpack-plugin": {
-      "version": "5.3.14",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.14.tgz",
-      "integrity": "sha512-vkZjpUjb6OMS7dhV+tILUW6BhpDR7P2L/aQSAv+Uwk+m8KATX9EccViHTJR2qDtACKPIYndLGCyl3FMo+r2LMw==",
+      "version": "5.3.16",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.16.tgz",
+      "integrity": "sha512-h9oBFCWrq78NyWWVcSwZarJkZ01c2AyGrzs1crmHZO3QUg9D61Wu4NPjBy69n7JqylFF5y+CsUZYmYEIZ3mR+Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -16420,9 +17571,9 @@
       "license": "MIT"
     },
     "node_modules/text-decoder": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/text-decoder/-/text-decoder-1.2.3.tgz",
-      "integrity": "sha512-3/o9z3X0X0fTupwsYvR03pJ/DjWuqqrfwBgTQzdWDiQSm9KitAyz/9WqsT2JQW7KV2m+bC2ol/zqpW37NHxLaA==",
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/text-decoder/-/text-decoder-1.2.7.tgz",
+      "integrity": "sha512-vlLytXkeP4xvEq2otHeJfSQIRyWxo/oZGEbXrtEEF9Hnmrdly59sUbzZ/QgyWuLYHctCHxFF4tRQZNQ9k60ExQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -16459,13 +17610,6 @@
         "tslib": "^2"
       }
     },
-    "node_modules/through": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
-      "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/through2": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz",
@@ -16477,39 +17621,6 @@
         "xtend": "~4.0.1"
       }
     },
-    "node_modules/through2/node_modules/readable-stream": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
-      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
-      "dev": true,
-      "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/through2/node_modules/safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/through2/node_modules/string_decoder": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "safe-buffer": "~5.1.0"
-      }
-    },
     "node_modules/thunky": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
@@ -16517,17 +17628,31 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/tmp": {
-      "version": "0.0.33",
-      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
-      "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
+    "node_modules/tinyglobby": {
+      "version": "0.2.15",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "os-tmpdir": "~1.0.2"
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=12.0.0"
       },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tmp": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.5.tgz",
+      "integrity": "sha512-voyz6MApa1rQGUxT3E+BK7/ROe8itEx7vD8/HEvt4xwXucvQ5G5oeEiHkmHZJuBO21RpOf+YYm9MOivj709jow==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">=0.6.0"
+        "node": ">=14.14"
       }
     },
     "node_modules/to-regex-range": {
@@ -16594,9 +17719,9 @@
       }
     },
     "node_modules/ts-api-utils": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.1.0.tgz",
-      "integrity": "sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==",
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.4.0.tgz",
+      "integrity": "sha512-3TaVTaAv2gTiMB35i3FiGJaRfwb3Pyn/j3m/bfAvGe8FB7CF6u+LMYqYlDh7reQf7UNvoTvdfAqHGmPGOSsPmA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -16614,18 +17739,18 @@
       "peer": true
     },
     "node_modules/tuf-js": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/tuf-js/-/tuf-js-2.2.1.tgz",
-      "integrity": "sha512-GwIJau9XaA8nLVbUXsN3IlFi7WmQ48gBUrl3FTkkL/XLu/POhBzfmX9hd33FNMX1qAsfl6ozO1iMmW9NC8YniA==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/tuf-js/-/tuf-js-4.1.0.tgz",
+      "integrity": "sha512-50QV99kCKH5P/Vs4E2Gzp7BopNV+KzTXqWeaxrfu5IQJBOULRsTIS9seSsOVT8ZnGXzCyx55nYWAi4qJzpZKEQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@tufjs/models": "2.0.1",
-        "debug": "^4.3.4",
-        "make-fetch-happen": "^13.0.1"
+        "@tufjs/models": "4.1.0",
+        "debug": "^4.4.3",
+        "make-fetch-happen": "^15.0.1"
       },
       "engines": {
-        "node": "^16.14.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/type-check": {
@@ -16641,28 +17766,16 @@
         "node": ">= 0.8.0"
       }
     },
-    "node_modules/type-fest": {
-      "version": "0.21.3",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
-      "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
-      "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",
-      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
-      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-2.0.1.tgz",
+      "integrity": "sha512-OZs6gsjF4vMp32qrCbiVSkrFmXtG/AZhY3t0iAMrMBiAZyV9oALtXO8hsrHbMXF9x6L3grlFuwW2oAz7cav+Gw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "media-typer": "0.3.0",
-        "mime-types": "~2.1.24"
+        "content-type": "^1.0.5",
+        "media-typer": "^1.1.0",
+        "mime-types": "^3.0.0"
       },
       "engines": {
         "node": ">= 0.6"
@@ -16683,9 +17796,10 @@
       "license": "MIT"
     },
     "node_modules/typescript": {
-      "version": "5.5.4",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.5.4.tgz",
-      "integrity": "sha512-Mtq29sKDAEYP7aljRgtPOpTvOfbwRWlS6dPRzwjdE+C0R4brX/GUyhHSecbHMFLNBLcJIPt9nl9yG5TZ1weH+Q==",
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "devOptional": true,
       "license": "Apache-2.0",
       "peer": true,
       "bin": {
@@ -16723,17 +17837,6 @@
         "node": "*"
       }
     },
-    "node_modules/unbzip2-stream": {
-      "version": "1.4.3",
-      "resolved": "https://registry.npmjs.org/unbzip2-stream/-/unbzip2-stream-1.4.3.tgz",
-      "integrity": "sha512-mlExGW4w71ebDJviH16lQLtZS32VKqsSfk80GCfUlwT/4/hNRFsoscrF/c++9xinkMzECL1uL9DDwXqFWkruPg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "buffer": "^5.2.1",
-        "through": "^2.3.8"
-      }
-    },
     "node_modules/unc-path-regex": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/unc-path-regex/-/unc-path-regex-0.1.2.tgz",
@@ -16780,10 +17883,20 @@
         "fastest-levenshtein": "^1.0.7"
       }
     },
+    "node_modules/undici": {
+      "version": "7.20.0",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-7.20.0.tgz",
+      "integrity": "sha512-MJZrkjyd7DeC+uPZh+5/YaMDxFiiEEaDgbUSVMXayofAkDWF1088CDo+2RPg7B1BuS1qf1vgNE7xqwPxE0DuSQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.18.1"
+      }
+    },
     "node_modules/undici-types": {
-      "version": "5.26.5",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
-      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+      "version": "7.16.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.16.0.tgz",
+      "integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==",
       "dev": true,
       "license": "MIT"
     },
@@ -16831,43 +17944,30 @@
         "node": ">=4"
       }
     },
-    "node_modules/unicorn-magic": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/unicorn-magic/-/unicorn-magic-0.3.0.tgz",
-      "integrity": "sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/unique-filename": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-3.0.0.tgz",
-      "integrity": "sha512-afXhuC55wkAmZ0P18QsVE6kp8JaxrEokN2HGIoIVv2ijHQd419H0+6EigAFcIzXeMIkcIkNBpB3L/DXB3cTS/g==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-5.0.0.tgz",
+      "integrity": "sha512-2RaJTAvAb4owyjllTfXzFClJ7WsGxlykkPvCr9pA//LD9goVq+m4PPAeBgNodGZ7nSrntT/auWpJ6Y5IFXcfjg==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
-        "unique-slug": "^4.0.0"
+        "unique-slug": "^6.0.0"
       },
       "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/unique-slug": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-4.0.0.tgz",
-      "integrity": "sha512-WrcA6AyEfqDX5bWige/4NQfPZMtASNVxdmWR76WESYQVAACSgWcR6e9i0mofqqBxYFtL4oAxPIptY73/0YE1DQ==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-6.0.0.tgz",
+      "integrity": "sha512-4Lup7Ezn8W3d52/xBhZBVdx323ckxa7DEvd9kPQHppTkLoJXw6ltrBCyj5pnrxj0qKDxYMJ56CoxNuFCscdTiw==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
         "imurmurhash": "^0.1.4"
       },
       "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/universalify": {
@@ -16891,9 +17991,9 @@
       }
     },
     "node_modules/update-browserslist-db": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
-      "integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==",
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
       "funding": [
         {
           "type": "opencollective",
@@ -16989,13 +18089,13 @@
       }
     },
     "node_modules/validate-npm-package-name": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/validate-npm-package-name/-/validate-npm-package-name-5.0.1.tgz",
-      "integrity": "sha512-OljLrQ9SQdOUqTaQxqL5dEfZWrXExyyWsozYlAWFawPVNuD83igl7uJD2RTkNMbniIYgt8l81eCJGIdQF7avLQ==",
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/validate-npm-package-name/-/validate-npm-package-name-7.0.2.tgz",
+      "integrity": "sha512-hVDIBwsRruT73PbK7uP5ebUt+ezEtCmzZz3F59BSr2F6OVFnJ/6h8liuvdLrQ88Xmnk6/+xGGuq+pG9WwTuy3A==",
       "dev": true,
       "license": "ISC",
       "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/value-or-function": {
@@ -17050,43 +18150,6 @@
         "node": ">=10.13.0"
       }
     },
-    "node_modules/vinyl-contents/node_modules/bl": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/bl/-/bl-5.1.0.tgz",
-      "integrity": "sha512-tv1ZJHLfTDnXE6tMHv73YgSJaWR2AFuPwMntBe7XL/GBFHnT0CLnsHMogfk5+GzCDC5ZWarSCYaIGATZt9dNsQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "buffer": "^6.0.3",
-        "inherits": "^2.0.4",
-        "readable-stream": "^3.4.0"
-      }
-    },
-    "node_modules/vinyl-contents/node_modules/buffer": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
-      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
-      "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.2.1"
-      }
-    },
     "node_modules/vinyl-contents/node_modules/replace-ext": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-2.0.0.tgz",
@@ -17230,22 +18293,25 @@
       }
     },
     "node_modules/vite": {
-      "version": "5.4.21",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.21.tgz",
-      "integrity": "sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==",
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.0.tgz",
+      "integrity": "sha512-dZwN5L1VlUBewiP6H9s2+B3e3Jg96D0vzN+Ry73sOefebhYr9f94wwkMNN/9ouoU8pV1BqA1d1zGk8928cx0rg==",
       "dev": true,
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "esbuild": "^0.21.3",
-        "postcss": "^8.4.43",
-        "rollup": "^4.20.0"
+        "esbuild": "^0.27.0",
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3",
+        "postcss": "^8.5.6",
+        "rollup": "^4.43.0",
+        "tinyglobby": "^0.2.15"
       },
       "bin": {
         "vite": "bin/vite.js"
       },
       "engines": {
-        "node": "^18.0.0 || >=20.0.0"
+        "node": "^20.19.0 || >=22.12.0"
       },
       "funding": {
         "url": "https://github.com/vitejs/vite?sponsor=1"
@@ -17254,19 +18320,25 @@
         "fsevents": "~2.3.3"
       },
       "peerDependencies": {
-        "@types/node": "^18.0.0 || >=20.0.0",
-        "less": "*",
+        "@types/node": "^20.19.0 || >=22.12.0",
+        "jiti": ">=1.21.0",
+        "less": "^4.0.0",
         "lightningcss": "^1.21.0",
-        "sass": "*",
-        "sass-embedded": "*",
-        "stylus": "*",
-        "sugarss": "*",
-        "terser": "^5.4.0"
+        "sass": "^1.70.0",
+        "sass-embedded": "^1.70.0",
+        "stylus": ">=0.54.8",
+        "sugarss": "^5.0.0",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
       },
       "peerDependenciesMeta": {
         "@types/node": {
           "optional": true
         },
+        "jiti": {
+          "optional": true
+        },
         "less": {
           "optional": true
         },
@@ -17285,681 +18357,683 @@
         "sugarss": {
           "optional": true
         },
-        "terser": {
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/void-elements": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-2.0.1.tgz",
+      "integrity": "sha512-qZKX4RnBzH2ugr8Lxa7x+0V6XD9Sb/ouARtiasEQCHB1EVU4NXtmHsDDrx1dO4ne5fc3J6EW05BP1Dl0z0iung==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/watchpack": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.5.0.tgz",
+      "integrity": "sha512-e6vZvY6xboSwLz2GD36c16+O/2Z6fKvIf4pOXptw2rY9MVwE/TXc6RGqxD3I3x0a28lwBY7DE+76uTPSsBrrCA==",
+      "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",
+      "resolved": "https://registry.npmjs.org/wbuf/-/wbuf-1.7.3.tgz",
+      "integrity": "sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimalistic-assert": "^1.0.0"
+      }
+    },
+    "node_modules/weak-lru-cache": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/weak-lru-cache/-/weak-lru-cache-1.2.2.tgz",
+      "integrity": "sha512-DEAoo25RfSYMuTGc9vPJzZcZullwIqRDSI9LOy+fkCJPi6hykCnfKaXTuPBDuXAUcqHXyOgFtHNp/kB2FjYHbw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/webdriver-bidi-protocol": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/webdriver-bidi-protocol/-/webdriver-bidi-protocol-0.4.1.tgz",
+      "integrity": "sha512-ARrjNjtWRRs2w4Tk7nqrf2gBI0QXWuOmMCx2hU+1jUt6d00MjMxURrhxhGbrsoiZKJrhTSTzbIrc554iKI10qw==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/webpack": {
+      "version": "5.105.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.105.0.tgz",
+      "integrity": "sha512-gX/dMkRQc7QOMzgTe6KsYFM7DxeIONQSui1s0n/0xht36HvrgbxtM1xBlgx596NbpHuQU8P7QpKwrZYwUX48nw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/eslint-scope": "^3.7.7",
+        "@types/estree": "^1.0.8",
+        "@types/json-schema": "^7.0.15",
+        "@webassemblyjs/ast": "^1.14.1",
+        "@webassemblyjs/wasm-edit": "^1.14.1",
+        "@webassemblyjs/wasm-parser": "^1.14.1",
+        "acorn": "^8.15.0",
+        "acorn-import-phases": "^1.0.3",
+        "browserslist": "^4.28.1",
+        "chrome-trace-event": "^1.0.2",
+        "enhanced-resolve": "^5.19.0",
+        "es-module-lexer": "^2.0.0",
+        "eslint-scope": "5.1.1",
+        "events": "^3.2.0",
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.2.11",
+        "json-parse-even-better-errors": "^2.3.1",
+        "loader-runner": "^4.3.1",
+        "mime-types": "^2.1.27",
+        "neo-async": "^2.6.2",
+        "schema-utils": "^4.3.3",
+        "tapable": "^2.3.0",
+        "terser-webpack-plugin": "^5.3.16",
+        "watchpack": "^2.5.1",
+        "webpack-sources": "^3.3.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": "7.4.5",
+      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-7.4.5.tgz",
+      "integrity": "sha512-uxQ6YqGdE4hgDKNf7hUiPXOdtkXvBJXrfEGYSx7P7LC8hnUYGK70X6xQXUvXeNyBDDcsiQXpG2m3G9vxowaEuA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "colorette": "^2.0.10",
+        "memfs": "^4.43.1",
+        "mime-types": "^3.0.1",
+        "on-finished": "^2.4.1",
+        "range-parser": "^1.2.1",
+        "schema-utils": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 18.12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "webpack": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-dev-server": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-5.2.2.tgz",
+      "integrity": "sha512-QcQ72gh8a+7JO63TAx/6XZf/CWhgMzu5m0QirvPfGvptOusAxG12w2+aua1Jkjr7hzaWDnJ2n6JFeexMHI+Zjg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/bonjour": "^3.5.13",
+        "@types/connect-history-api-fallback": "^1.5.4",
+        "@types/express": "^4.17.21",
+        "@types/express-serve-static-core": "^4.17.21",
+        "@types/serve-index": "^1.9.4",
+        "@types/serve-static": "^1.15.5",
+        "@types/sockjs": "^0.3.36",
+        "@types/ws": "^8.5.10",
+        "ansi-html-community": "^0.0.8",
+        "bonjour-service": "^1.2.1",
+        "chokidar": "^3.6.0",
+        "colorette": "^2.0.10",
+        "compression": "^1.7.4",
+        "connect-history-api-fallback": "^2.0.0",
+        "express": "^4.21.2",
+        "graceful-fs": "^4.2.6",
+        "http-proxy-middleware": "^2.0.9",
+        "ipaddr.js": "^2.1.0",
+        "launch-editor": "^2.6.1",
+        "open": "^10.0.3",
+        "p-retry": "^6.2.0",
+        "schema-utils": "^4.2.0",
+        "selfsigned": "^2.4.1",
+        "serve-index": "^1.9.1",
+        "sockjs": "^0.3.24",
+        "spdy": "^4.0.2",
+        "webpack-dev-middleware": "^7.4.2",
+        "ws": "^8.18.0"
+      },
+      "bin": {
+        "webpack-dev-server": "bin/webpack-dev-server.js"
+      },
+      "engines": {
+        "node": ">= 18.12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "webpack": {
+          "optional": true
+        },
+        "webpack-cli": {
           "optional": true
         }
       }
     },
-    "node_modules/vite/node_modules/@esbuild/aix-ppc64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
-      "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "aix"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/android-arm": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
-      "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/android-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
-      "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/android-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
-      "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/darwin-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
-      "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
-      "cpu": [
-        "arm64"
-      ],
+    "node_modules/webpack-dev-server/node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
       "engines": {
-        "node": ">=12"
+        "node": ">= 0.6"
       }
     },
-    "node_modules/vite/node_modules/@esbuild/darwin-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
-      "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/webpack-dev-server/node_modules/body-parser": {
+      "version": "1.20.4",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.4.tgz",
+      "integrity": "sha512-ZTgYYLMOXY9qKU/57FAo8F+HA2dGX7bqGc71txDRC1rS4frdFI5R7NhluHxH6M0YItAP0sHB4uqAOcYKxO6uGA==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
+      "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.1",
+        "iconv-lite": "~0.4.24",
+        "on-finished": "~2.4.1",
+        "qs": "~6.14.0",
+        "raw-body": "~2.5.3",
+        "type-is": "~1.6.18",
+        "unpipe": "~1.0.0"
+      },
       "engines": {
-        "node": ">=12"
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
       }
     },
-    "node_modules/vite/node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
-      "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
-      "cpu": [
-        "arm64"
-      ],
+    "node_modules/webpack-dev-server/node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
+      "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": ">=12"
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
       }
     },
-    "node_modules/vite/node_modules/@esbuild/freebsd-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
-      "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/webpack-dev-server/node_modules/content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
+      "dependencies": {
+        "safe-buffer": "5.2.1"
+      },
       "engines": {
-        "node": ">=12"
+        "node": ">= 0.6"
       }
     },
-    "node_modules/vite/node_modules/@esbuild/linux-arm": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
-      "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
-      "cpu": [
-        "arm"
-      ],
+    "node_modules/webpack-dev-server/node_modules/cookie-signature": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.7.tgz",
+      "integrity": "sha512-NXdYc3dLr47pBkpUCHtKSwIOQXLVn8dZEuywboCOJY/osA0wFSLlSawr3KN8qXJEyX66FcONTH8EIlVuK0yyFA==",
       "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
+      "license": "MIT"
     },
-    "node_modules/vite/node_modules/@esbuild/linux-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
-      "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
-      "cpu": [
-        "arm64"
-      ],
+    "node_modules/webpack-dev-server/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
+      "dependencies": {
+        "ms": "2.0.0"
       }
     },
-    "node_modules/vite/node_modules/@esbuild/linux-ia32": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
-      "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
-      "cpu": [
-        "ia32"
-      ],
+    "node_modules/webpack-dev-server/node_modules/debug/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
       "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
+      "license": "MIT"
     },
-    "node_modules/vite/node_modules/@esbuild/linux-loong64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
-      "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
-      "cpu": [
-        "loong64"
-      ],
+    "node_modules/webpack-dev-server/node_modules/express": {
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.22.1.tgz",
+      "integrity": "sha512-F2X8g9P1X7uCPZMA3MVf9wcTqlyNp7IhH5qPCI0izhaOIYXaW9L535tGA3qmjRzpH+bZczqq7hVKxTR4NWnu+g==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
+      "dependencies": {
+        "accepts": "~1.3.8",
+        "array-flatten": "1.1.1",
+        "body-parser": "~1.20.3",
+        "content-disposition": "~0.5.4",
+        "content-type": "~1.0.4",
+        "cookie": "~0.7.1",
+        "cookie-signature": "~1.0.6",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "~1.3.1",
+        "fresh": "~0.5.2",
+        "http-errors": "~2.0.0",
+        "merge-descriptors": "1.0.3",
+        "methods": "~1.1.2",
+        "on-finished": "~2.4.1",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "~0.1.12",
+        "proxy-addr": "~2.0.7",
+        "qs": "~6.14.0",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.2.1",
+        "send": "~0.19.0",
+        "serve-static": "~1.16.2",
+        "setprototypeof": "1.2.0",
+        "statuses": "~2.0.1",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
       "engines": {
-        "node": ">=12"
+        "node": ">= 0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
       }
     },
-    "node_modules/vite/node_modules/@esbuild/linux-mips64el": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
-      "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
-      "cpu": [
-        "mips64el"
-      ],
+    "node_modules/webpack-dev-server/node_modules/finalhandler": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.2.tgz",
+      "integrity": "sha512-aA4RyPcd3badbdABGDuTXCMTtOneUCAYH/gxoYRTZlIJdF0YPWuGqiAsIrhNnnqdXGswYk6dGujem4w80UJFhg==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
+      "dependencies": {
+        "debug": "2.6.9",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "on-finished": "~2.4.1",
+        "parseurl": "~1.3.3",
+        "statuses": "~2.0.2",
+        "unpipe": "~1.0.0"
+      },
       "engines": {
-        "node": ">=12"
+        "node": ">= 0.8"
       }
     },
-    "node_modules/vite/node_modules/@esbuild/linux-ppc64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
-      "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
-      "cpu": [
-        "ppc64"
-      ],
+    "node_modules/webpack-dev-server/node_modules/fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
       "engines": {
-        "node": ">=12"
+        "node": ">= 0.6"
       }
     },
-    "node_modules/vite/node_modules/@esbuild/linux-riscv64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
-      "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
-      "cpu": [
-        "riscv64"
-      ],
+    "node_modules/webpack-dev-server/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
       "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
       "engines": {
-        "node": ">=12"
+        "node": ">= 6"
       }
-    },
-    "node_modules/vite/node_modules/@esbuild/linux-s390x": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
-      "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
-      "cpu": [
-        "s390x"
-      ],
+    },
+    "node_modules/webpack-dev-server/node_modules/http-proxy-middleware": {
+      "version": "2.0.9",
+      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.9.tgz",
+      "integrity": "sha512-c1IyJYLYppU574+YI7R4QyX2ystMtVXZwIdzazUIPIJsHuWNd+mho2j+bKoHftndicGj9yh+xjd+l0yj7VeT1Q==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
+      "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"
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "@types/express": "^4.17.13"
+      },
+      "peerDependenciesMeta": {
+        "@types/express": {
+          "optional": true
+        }
       }
     },
-    "node_modules/vite/node_modules/@esbuild/linux-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
-      "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/webpack-dev-server/node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
       "engines": {
-        "node": ">=12"
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/vite/node_modules/@esbuild/netbsd-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
-      "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/webpack-dev-server/node_modules/ipaddr.js": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.3.0.tgz",
+      "integrity": "sha512-Zv/pA+ciVFbCSBBjGfaKUya/CcGmUHzTydLMaTwrUUEM2DIEO3iZvueGxmacvmN50fGpGVKeTXpb2LcYQxeVdg==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
       "engines": {
-        "node": ">=12"
+        "node": ">= 10"
       }
     },
-    "node_modules/vite/node_modules/@esbuild/openbsd-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
-      "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/webpack-dev-server/node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
       "engines": {
-        "node": ">=12"
+        "node": ">= 0.6"
       }
     },
-    "node_modules/vite/node_modules/@esbuild/sunos-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
-      "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/webpack-dev-server/node_modules/merge-descriptors": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
+      "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "sunos"
-      ],
-      "engines": {
-        "node": ">=12"
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/vite/node_modules/@esbuild/win32-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
-      "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
-      "cpu": [
-        "arm64"
-      ],
+    "node_modules/webpack-dev-server/node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
+      "bin": {
+        "mime": "cli.js"
+      },
       "engines": {
-        "node": ">=12"
+        "node": ">=4"
       }
     },
-    "node_modules/vite/node_modules/@esbuild/win32-ia32": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
-      "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
-      "cpu": [
-        "ia32"
-      ],
+    "node_modules/webpack-dev-server/node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
       "engines": {
-        "node": ">=12"
+        "node": ">= 0.6"
       }
     },
-    "node_modules/vite/node_modules/@esbuild/win32-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
-      "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/webpack-dev-server/node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
       "engines": {
-        "node": ">=12"
+        "node": ">= 0.6"
       }
     },
-    "node_modules/vite/node_modules/esbuild": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
-      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+    "node_modules/webpack-dev-server/node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
       "dev": true,
-      "hasInstallScript": true,
       "license": "MIT",
-      "bin": {
-        "esbuild": "bin/esbuild"
-      },
       "engines": {
-        "node": ">=12"
-      },
-      "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.21.5",
-        "@esbuild/android-arm": "0.21.5",
-        "@esbuild/android-arm64": "0.21.5",
-        "@esbuild/android-x64": "0.21.5",
-        "@esbuild/darwin-arm64": "0.21.5",
-        "@esbuild/darwin-x64": "0.21.5",
-        "@esbuild/freebsd-arm64": "0.21.5",
-        "@esbuild/freebsd-x64": "0.21.5",
-        "@esbuild/linux-arm": "0.21.5",
-        "@esbuild/linux-arm64": "0.21.5",
-        "@esbuild/linux-ia32": "0.21.5",
-        "@esbuild/linux-loong64": "0.21.5",
-        "@esbuild/linux-mips64el": "0.21.5",
-        "@esbuild/linux-ppc64": "0.21.5",
-        "@esbuild/linux-riscv64": "0.21.5",
-        "@esbuild/linux-s390x": "0.21.5",
-        "@esbuild/linux-x64": "0.21.5",
-        "@esbuild/netbsd-x64": "0.21.5",
-        "@esbuild/openbsd-x64": "0.21.5",
-        "@esbuild/sunos-x64": "0.21.5",
-        "@esbuild/win32-arm64": "0.21.5",
-        "@esbuild/win32-ia32": "0.21.5",
-        "@esbuild/win32-x64": "0.21.5"
-      }
-    },
-    "node_modules/vite/node_modules/postcss": {
-      "version": "8.5.6",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
-      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/open": {
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/open/-/open-10.2.0.tgz",
+      "integrity": "sha512-YgBpdJHPyQ2UE5x+hlSXcnejzAvD0b22U2OuAP+8OnlJT+PjWPxtgmGqKKc+RgTM63U9gN0YzrYc71R2WT/hTA==",
       "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.11",
-        "picocolors": "^1.1.1",
-        "source-map-js": "^1.2.1"
+        "default-browser": "^5.2.1",
+        "define-lazy-prop": "^3.0.0",
+        "is-inside-container": "^1.0.0",
+        "wsl-utils": "^0.1.0"
       },
       "engines": {
-        "node": "^10 || ^12 || >=14"
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/void-elements": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-2.0.1.tgz",
-      "integrity": "sha512-qZKX4RnBzH2ugr8Lxa7x+0V6XD9Sb/ouARtiasEQCHB1EVU4NXtmHsDDrx1dO4ne5fc3J6EW05BP1Dl0z0iung==",
+    "node_modules/webpack-dev-server/node_modules/path-to-regexp": {
+      "version": "0.1.12",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz",
+      "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/webpack-dev-server/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/watchpack": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.1.tgz",
-      "integrity": "sha512-8wrBCMtVhqcXP2Sup1ctSkga6uc2Bx0IIvKyT7yTFier5AXHooSI+QyQQAtTb7+E0IUCCKyTFmXqdqgum2XWGg==",
+    "node_modules/webpack-dev-server/node_modules/qs": {
+      "version": "6.14.2",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.2.tgz",
+      "integrity": "sha512-V/yCWTTF7VJ9hIh18Ugr2zhJMP01MY7c5kh4J870L7imm6/DIzBsNLTXzMwUA3yZ5b/KBqLx8Kp3uRvd7xSe3Q==",
       "dev": true,
-      "license": "MIT",
+      "license": "BSD-3-Clause",
       "dependencies": {
-        "glob-to-regexp": "^0.4.1",
-        "graceful-fs": "^4.1.2"
+        "side-channel": "^1.1.0"
       },
       "engines": {
-        "node": ">=10.13.0"
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/wbuf": {
-      "version": "1.7.3",
-      "resolved": "https://registry.npmjs.org/wbuf/-/wbuf-1.7.3.tgz",
-      "integrity": "sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==",
+    "node_modules/webpack-dev-server/node_modules/raw-body": {
+      "version": "2.5.3",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.3.tgz",
+      "integrity": "sha512-s4VSOf6yN0rvbRZGxs8Om5CWj6seneMwK3oDb4lWDH0UPhWcxwOWw5+qk24bxq87szX1ydrwylIOp2uG1ojUpA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "minimalistic-assert": "^1.0.0"
+        "bytes": "~3.1.2",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.4.24",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
       }
     },
-    "node_modules/wcwidth": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz",
-      "integrity": "sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==",
+    "node_modules/webpack-dev-server/node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "defaults": "^1.0.3"
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
       }
     },
-    "node_modules/weak-lru-cache": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/weak-lru-cache/-/weak-lru-cache-1.2.2.tgz",
-      "integrity": "sha512-DEAoo25RfSYMuTGc9vPJzZcZullwIqRDSI9LOy+fkCJPi6hykCnfKaXTuPBDuXAUcqHXyOgFtHNp/kB2FjYHbw==",
+    "node_modules/webpack-dev-server/node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
       "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/webpack": {
-      "version": "5.94.0",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.94.0.tgz",
-      "integrity": "sha512-KcsGn50VT+06JH/iunZJedYGUJS5FGjow8wb9c0v5n1Om8O1g4L6LjtfxwlXIATopoQu+vOXXa7gYisWxCoPyg==",
+    "node_modules/webpack-dev-server/node_modules/send": {
+      "version": "0.19.2",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.19.2.tgz",
+      "integrity": "sha512-VMbMxbDeehAxpOtWJXlcUS5E8iXh6QmN+BkRX1GARS3wRaXEEgzCcB10gTQazO42tpNIya8xIyNx8fll1OFPrg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "@types/estree": "^1.0.5",
-        "@webassemblyjs/ast": "^1.12.1",
-        "@webassemblyjs/wasm-edit": "^1.12.1",
-        "@webassemblyjs/wasm-parser": "^1.12.1",
-        "acorn": "^8.7.1",
-        "acorn-import-attributes": "^1.9.5",
-        "browserslist": "^4.21.10",
-        "chrome-trace-event": "^1.0.2",
-        "enhanced-resolve": "^5.17.1",
-        "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.11",
-        "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.1",
-        "webpack-sources": "^3.2.3"
-      },
-      "bin": {
-        "webpack": "bin/webpack.js"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "~0.5.2",
+        "http-errors": "~2.0.1",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "~2.4.1",
+        "range-parser": "~1.2.1",
+        "statuses": "~2.0.2"
       },
-      "peerDependenciesMeta": {
-        "webpack-cli": {
-          "optional": true
-        }
+      "engines": {
+        "node": ">= 0.8.0"
       }
     },
-    "node_modules/webpack-dev-middleware": {
-      "version": "7.4.2",
-      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-7.4.2.tgz",
-      "integrity": "sha512-xOO8n6eggxnwYpy1NlzUKpvrjfJTvae5/D6WOK0S2LSo7vjmo5gCM1DbLUmFqrMTJP+W/0YZNctm7jasWvLuBA==",
+    "node_modules/webpack-dev-server/node_modules/serve-static": {
+      "version": "1.16.3",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.3.tgz",
+      "integrity": "sha512-x0RTqQel6g5SY7Lg6ZreMmsOzncHFU7nhnRWkKgWuMTu5NN0DR5oruckMqRvacAN9d5w6ARnRBXl9xhDCgfMeA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "colorette": "^2.0.10",
-        "memfs": "^4.6.0",
-        "mime-types": "^2.1.31",
-        "on-finished": "^2.4.1",
-        "range-parser": "^1.2.1",
-        "schema-utils": "^4.0.0"
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "~0.19.1"
       },
       "engines": {
-        "node": ">= 18.12.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "webpack": "^5.0.0"
-      },
-      "peerDependenciesMeta": {
-        "webpack": {
-          "optional": true
-        }
+        "node": ">= 0.8.0"
       }
     },
-    "node_modules/webpack-dev-server": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-5.2.2.tgz",
-      "integrity": "sha512-QcQ72gh8a+7JO63TAx/6XZf/CWhgMzu5m0QirvPfGvptOusAxG12w2+aua1Jkjr7hzaWDnJ2n6JFeexMHI+Zjg==",
+    "node_modules/webpack-dev-server/node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "@types/bonjour": "^3.5.13",
-        "@types/connect-history-api-fallback": "^1.5.4",
-        "@types/express": "^4.17.21",
-        "@types/express-serve-static-core": "^4.17.21",
-        "@types/serve-index": "^1.9.4",
-        "@types/serve-static": "^1.15.5",
-        "@types/sockjs": "^0.3.36",
-        "@types/ws": "^8.5.10",
-        "ansi-html-community": "^0.0.8",
-        "bonjour-service": "^1.2.1",
-        "chokidar": "^3.6.0",
-        "colorette": "^2.0.10",
-        "compression": "^1.7.4",
-        "connect-history-api-fallback": "^2.0.0",
-        "express": "^4.21.2",
-        "graceful-fs": "^4.2.6",
-        "http-proxy-middleware": "^2.0.9",
-        "ipaddr.js": "^2.1.0",
-        "launch-editor": "^2.6.1",
-        "open": "^10.0.3",
-        "p-retry": "^6.2.0",
-        "schema-utils": "^4.2.0",
-        "selfsigned": "^2.4.1",
-        "serve-index": "^1.9.1",
-        "sockjs": "^0.3.24",
-        "spdy": "^4.0.2",
-        "webpack-dev-middleware": "^7.4.2",
-        "ws": "^8.18.0"
-      },
-      "bin": {
-        "webpack-dev-server": "bin/webpack-dev-server.js"
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
       },
       "engines": {
-        "node": ">= 18.12.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "webpack": "^5.0.0"
-      },
-      "peerDependenciesMeta": {
-        "webpack": {
-          "optional": true
-        },
-        "webpack-cli": {
-          "optional": true
-        }
+        "node": ">= 0.6"
       }
     },
-    "node_modules/webpack-dev-server/node_modules/http-proxy-middleware": {
-      "version": "2.0.9",
-      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.9.tgz",
-      "integrity": "sha512-c1IyJYLYppU574+YI7R4QyX2ystMtVXZwIdzazUIPIJsHuWNd+mho2j+bKoHftndicGj9yh+xjd+l0yj7VeT1Q==",
+    "node_modules/webpack-dev-server/node_modules/wsl-utils": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/wsl-utils/-/wsl-utils-0.1.0.tgz",
+      "integrity": "sha512-h3Fbisa2nKGPxCpm89Hk33lBLsnaGBvctQopaBSOW/uIs6FTe1ATyAnKFJrzVs9vpGdsTe73WF3V4lIsk4Gacw==",
       "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"
+        "is-wsl": "^3.1.0"
       },
       "engines": {
-        "node": ">=12.0.0"
-      },
-      "peerDependencies": {
-        "@types/express": "^4.17.13"
+        "node": ">=18"
       },
-      "peerDependenciesMeta": {
-        "@types/express": {
-          "optional": true
-        }
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/webpack-merge": {
@@ -17978,9 +19052,9 @@
       }
     },
     "node_modules/webpack-sources": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.3.3.tgz",
-      "integrity": "sha512-yd1RBzSGanHkitROoPFd6qsrxt+oFhg/129YzheDGqeustzX0vTZJZsSsQjVQC4yzBQ56K55XU8gaNCtIzOnTg==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.3.4.tgz",
+      "integrity": "sha512-7tP1PdV4vF+lYPnkMR0jMY5/la2ub5Fc/8VQrrU+lXkiM6C4TjVfGw7iKfyhnTQOsD+6Q/iKw0eFciziRgD58Q==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -18009,34 +19083,6 @@
         }
       }
     },
-    "node_modules/webpack/node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/webpack/node_modules/ajv-keywords": {
-      "version": "3.5.2",
-      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-      "dev": true,
-      "license": "MIT",
-      "peerDependencies": {
-        "ajv": "^6.9.1"
-      }
-    },
     "node_modules/webpack/node_modules/eslint-scope": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
@@ -18068,30 +19114,41 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/webpack/node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+    "node_modules/webpack/node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
     },
-    "node_modules/webpack/node_modules/schema-utils": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
-      "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
+    "node_modules/webpack/node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/json-schema": "^7.0.8",
-        "ajv": "^6.12.5",
-        "ajv-keywords": "^3.5.2"
+        "mime-db": "1.52.0"
       },
       "engines": {
-        "node": ">= 10.13.0"
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/webpack/node_modules/watchpack": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.5.1.tgz",
+      "integrity": "sha512-Zn5uXdcFNIA1+1Ei5McRd+iRzfhENPCe7LeABkJtNulSxjma+l7ltNx55BWZkRlwRnpOgHqxnjyaDgJnNXnqzg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.1.2"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
+      "engines": {
+        "node": ">=10.13.0"
       }
     },
     "node_modules/websocket-driver": {
@@ -18167,23 +19224,27 @@
         "node": ">=8"
       }
     },
-    "node_modules/wrap-ansi-cjs": {
-      "name": "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==",
+    "node_modules/wrap-ansi/node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
+        "ansi-regex": "^5.0.1"
       },
       "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+        "node": ">=8"
       }
     },
     "node_modules/wrappy": {
@@ -18194,9 +19255,9 @@
       "license": "ISC"
     },
     "node_modules/ws": {
-      "version": "8.18.3",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
-      "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
+      "version": "8.19.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.19.0.tgz",
+      "integrity": "sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -18215,6 +19276,23 @@
         }
       }
     },
+    "node_modules/wsl-utils": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/wsl-utils/-/wsl-utils-0.3.1.tgz",
+      "integrity": "sha512-g/eziiSUNBSsdDJtCLB8bdYEUMj4jR7AGeUo96p/3dTafgjHhpF4RiCFPiRILwjQoDXx5MqkBr4fwWtR3Ky4Wg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-wsl": "^3.1.0",
+        "powershell-utils": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/xmlbuilder": {
       "version": "12.0.0",
       "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-12.0.0.tgz",
@@ -18251,40 +19329,52 @@
       "license": "ISC"
     },
     "node_modules/yargs": {
-      "version": "17.7.2",
-      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
-      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-18.0.0.tgz",
+      "integrity": "sha512-4UEqdc2RYGHZc7Doyqkrqiln3p9X2DZVxaGbwhn2pi7MrRagKaOcIKe8L3OxYcbhXLgLFUS3zAYuQjKBQgmuNg==",
       "license": "MIT",
       "dependencies": {
-        "cliui": "^8.0.1",
+        "cliui": "^9.0.1",
         "escalade": "^3.1.1",
         "get-caller-file": "^2.0.5",
-        "require-directory": "^2.1.1",
-        "string-width": "^4.2.3",
+        "string-width": "^7.2.0",
         "y18n": "^5.0.5",
-        "yargs-parser": "^21.1.1"
+        "yargs-parser": "^22.0.0"
       },
       "engines": {
-        "node": ">=12"
+        "node": "^20.19.0 || ^22.12.0 || >=23"
       }
     },
     "node_modules/yargs-parser": {
       "version": "22.0.0",
       "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-22.0.0.tgz",
       "integrity": "sha512-rwu/ClNdSMpkSrUb+d6BRsSkLUq1fmfsY6TOpYzTwvwkg1/NRG85KBy3kq++A8LKQwX6lsu+aWad+2khvuXrqw==",
-      "dev": true,
       "license": "ISC",
       "engines": {
         "node": "^20.19.0 || ^22.12.0 || >=23"
       }
     },
-    "node_modules/yargs/node_modules/yargs-parser": {
-      "version": "21.1.1",
-      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
-      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
-      "license": "ISC",
+    "node_modules/yargs/node_modules/emoji-regex": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
+      "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
+      "license": "MIT"
+    },
+    "node_modules/yargs/node_modules/string-width": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
+      "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
+      },
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/yauzl": {
@@ -18311,6 +19401,19 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/yoctocolors": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/yoctocolors/-/yoctocolors-2.1.2.tgz",
+      "integrity": "sha512-CzhO+pFNo8ajLM2d2IW/R93ipy99LWjtwblvC1RsoSUMZgyLbYFr221TnSNT7GjGdYui6P459mw9JH/g/zW2ug==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/yoctocolors-cjs": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/yoctocolors-cjs/-/yoctocolors-cjs-2.1.3.tgz",
@@ -18325,21 +19428,63 @@
       }
     },
     "node_modules/zod": {
-      "version": "3.23.8",
-      "resolved": "https://registry.npmjs.org/zod/-/zod-3.23.8.tgz",
-      "integrity": "sha512-XBx9AXhXktjUqnepgTiE5flcKIYWi/rme0Eaj+5Y0lftuGBq+jyRu/md4WnuxqgP1ubdpNCsYEYPxrzVHD8d6g==",
+      "version": "4.3.5",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.3.5.tgz",
+      "integrity": "sha512-k7Nwx6vuWx1IJ9Bjuf4Zt1PEllcwe7cls3VNzm4CQ1/hgtFUK2bRNG3rvnpPUhFjmqJKAKtjV576KnUkHocg/g==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }
     },
+    "node_modules/zod-to-json-schema": {
+      "version": "3.25.1",
+      "resolved": "https://registry.npmjs.org/zod-to-json-schema/-/zod-to-json-schema-3.25.1.tgz",
+      "integrity": "sha512-pM/SU9d3YAggzi6MtR4h7ruuQlqKtad8e9S0fmxcMi+ueAK5Korys/aWcV9LIIHTVbj01NdzxcnXSN+O74ZIVA==",
+      "dev": true,
+      "license": "ISC",
+      "peerDependencies": {
+        "zod": "^3.25 || ^4"
+      }
+    },
     "node_modules/zone.js": {
-      "version": "0.14.10",
-      "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.14.10.tgz",
-      "integrity": "sha512-YGAhaO7J5ywOXW6InXNlLmfU194F8lVgu7bRntUF3TiG8Y3nBK0x1UJJuHUP/e8IyihkjCYqhCScpSwnlaSRkQ==",
+      "version": "0.16.0",
+      "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.16.0.tgz",
+      "integrity": "sha512-LqLPpIQANebrlxY6jKcYKdgN5DTXyyHAKnnWWjE5pPfEQ4n7j5zn7mOEEpwNZVKGqx3kKKmvplEmoBrvpgROTA==",
       "license": "MIT",
       "peer": true
+    },
+    "projects/ui-components": {
+      "name": "@laserfiche/lf-ui-components",
+      "version": "21.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.3.1"
+      },
+      "peerDependencies": {
+        "@angular/animations": "^21.1.4",
+        "@angular/cdk": "^21.1.4",
+        "@angular/common": "^21.1.4",
+        "@angular/compiler": "^21.1.4",
+        "@angular/compiler-cli": "^21.1.4",
+        "@angular/core": "^21.1.4",
+        "@angular/elements": "^21.1.4",
+        "@angular/forms": "^21.1.4",
+        "@angular/material": "^21.1.4",
+        "@angular/platform-browser": "^21.1.4",
+        "@angular/platform-browser-dynamic": "^21.1.4",
+        "@angular/router": "^21.1.4",
+        "@laserfiche/lf-api-client-core": "^1.1.18",
+        "@laserfiche/lf-js-utils": "^4.0.13",
+        "@laserfiche/lf-resource-library": "^5.0.3",
+        "date-fns": "^4.1.0",
+        "flatpickr": "^4.6.13",
+        "lodash": "^4.17.23",
+        "ngx-mask": "^21.0.1",
+        "rxjs": "^7.8.0",
+        "zone.js": "^0.16.0"
+      }
     }
   }
 }
diff --git a/package.json b/package.json
index a714257e..368ed79e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lf-ui-components",
-  "version": "18.0.0",
+  "version": "21.0.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -22,11 +22,11 @@
     "lint": "ng lint",
     "tsc-cdn": "tsc --project ./projects/lf-cdn/tsconfig.app.json",
     "api-extractor": "api-extractor run --local",
-    "sass-lf": "sass projects/styles/lf-laserfiche-lite/lf-laserfiche-lite.scss:dist/lf-documentation/lf-laserfiche-lite.css",
-    "sass-ms": "sass projects/styles/lf-ms-office/lf-ms-office-lite.scss:dist/lf-documentation/lf-ms-office-lite.css",
+    "sass-lf": "sass projects/styles/lf-laserfiche-lite/lf-laserfiche-lite.scss:dist/lf-documentation/browser/lf-laserfiche-lite.css",
+    "sass-ms": "sass projects/styles/lf-ms-office/lf-ms-office-lite.scss:dist/lf-documentation/browser/lf-ms-office-lite.css",
     "concat-lf-cdn": "gulp concatLfCdnToScript",
     "concat-lf-documentation": "gulp concatLfDocumentationToScript",
-    "rename-cdn-webpack-chunk": "gulp renameRuntimeWebpackChunk && gulp renamePolyfillsWebpackChunk && gulp renameMainWebpackChunk",
+    "rename-cdn-webpack-chunk": "gulp renamePolyfillsWebpackChunk && gulp renameMainWebpackChunk",
     "create-lf-cdn": "npm run build-lf-cdn-prod && npm run rename-cdn-webpack-chunk && npm run concat-lf-cdn",
     "move-enums-to-types-linux": "cp ./dist/ui-components/esm2022/shared/enums.mjs ./types-lf-ui-components-publish/index.js",
     "move-enums-to-types-windows": "copy .\\dist\\ui-components\\esm2022\\shared\\enums.mjs .\\types-lf-ui-components-publish\\index.js",
@@ -36,26 +36,26 @@
     "gulp-replace-placeholders-in-documentation": "gulp replacePlaceholdersInDocumentation"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.2.19",
-    "@angular-eslint/builder": "^18.4.3",
-    "@angular-eslint/eslint-plugin": "^18.4.3",
-    "@angular-eslint/eslint-plugin-template": "^18.4.3",
-    "@angular-eslint/schematics": "^18.4.3",
-    "@angular-eslint/template-parser": "^18.4.3",
-    "@angular/cli": "^18.2.19",
-    "@microsoft/api-extractor": "^7.36.3",
+    "@angular-devkit/build-angular": "^21.1.4",
+    "@angular-eslint/builder": "^21.2.0",
+    "@angular-eslint/eslint-plugin": "^21.2.0",
+    "@angular-eslint/eslint-plugin-template": "^21.2.0",
+    "@angular-eslint/schematics": "^21.2.0",
+    "@angular-eslint/template-parser": "^21.2.0",
+    "@angular/cli": "^21.1.4",
+    "@microsoft/api-extractor": "^7.56.3",
     "@stylistic/eslint-plugin": "^4.2.0",
     "@types/jasmine": "^3.6.0",
-    "@types/lodash": "^4.17.16",
-    "@types/node": "^18.19.87",
-    "@typescript-eslint/eslint-plugin": "^8.31.1",
-    "@typescript-eslint/parser": "^8.31.1",
-    "date-fns": "^2.30.0",
+    "@types/lodash": "^4.17.23",
+    "@types/node": "^24.10.12",
+    "@typescript-eslint/eslint-plugin": "^8.54.0",
+    "@typescript-eslint/parser": "^8.54.0",
+    "date-fns": "^4.1.0",
     "eslint": "^9.26.0",
     "flatpickr": "^4.6.13",
-    "gulp": "^5.0.0",
+    "gulp": "^5.0.1",
     "gulp-concat": "^2.6.1",
-    "gulp-replace": "^1.1.3",
+    "gulp-replace": "^1.1.4",
     "jasmine-core": "^4.1.0",
     "karma": "^6.4.4",
     "karma-chrome-launcher": "^3.1.0",
@@ -64,30 +64,33 @@
     "karma-jasmine": "^4.0.0",
     "karma-jasmine-html-reporter": "^1.7.0",
     "karma-junit-reporter": "^2.0.1",
-    "ng-packagr": "^18.2.1",
-    "puppeteer": "^23.8.0",
-    "tslib": "^2.4.0",
-    "typescript": "^5.5.4",
-    "yargs": "^17.7.2"
+    "ng-packagr": "^21.1.0",
+    "puppeteer": "^24",
+    "tslib": "^2.8.1",
+    "typescript": "5.9.3",
+    "yargs": "^18.0.0"
   },
   "peerDependencies": {
-    "@angular/animations": "^18.2.13",
-    "@angular/cdk": "^18.2.14",
-    "@angular/common": "^18.2.13",
-    "@angular/compiler": "^18.2.13",
-    "@angular/compiler-cli": "^18.2.13",
-    "@angular/core": "^18.2.13",
-    "@angular/elements": "^18.2.13",
-    "@angular/forms": "^18.2.13",
-    "@angular/material": "^18.2.14",
-    "@angular/platform-browser": "^18.2.13",
-    "@angular/platform-browser-dynamic": "^18.2.13",
-    "@angular/router": "^18.2.13",
+    "@angular/animations": "^21.1.4",
+    "@angular/cdk": "^21.1.4",
+    "@angular/common": "^21.1.4",
+    "@angular/compiler": "^21.1.4",
+    "@angular/compiler-cli": "^21.1.4",
+    "@angular/core": "^21.1.4",
+    "@angular/elements": "^21.1.4",
+    "@angular/forms": "^21.1.4",
+    "@angular/material": "^21.1.4",
+    "@angular/platform-browser": "^21.1.4",
+    "@angular/platform-browser-dynamic": "^21.1.4",
+    "@angular/router": "^21.1.4",
     "@laserfiche/lf-api-client-core": "^1.1.10",
     "@laserfiche/lf-js-utils": "^4.0.13",
     "@laserfiche/lf-resource-library": "^5.0.3",
-    "ngx-mask": "^18.0.4",
+    "ngx-mask": "^21.0.1",
     "rxjs": "^7.8.0",
-    "zone.js": "^0.14.10"
+    "zone.js": "^0.16.0"
+  },
+  "dependencies": {
+    "@laserfiche/lf-ui-components": "file:projects/ui-components"
   }
 }
diff --git a/projects/lf-cdn/karma.conf.js b/projects/lf-cdn/karma.conf.js
index 0fa694a9..3f94aeba 100644
--- a/projects/lf-cdn/karma.conf.js
+++ b/projects/lf-cdn/karma.conf.js
@@ -3,7 +3,7 @@
 
 // Karma configuration file, see link for more information
 // https://karma-runner.github.io/1.0/config/configuration-file.html
-process.env.CHROME_BIN = require('puppeteer').executablePath();
+process.env.CHROME_BIN = process.env.CHROME_BIN || require('puppeteer').executablePath();
 
 module.exports = function (config) {
   config.set({
@@ -21,10 +21,7 @@ module.exports = function (config) {
       clearContext: false, // leave Jasmine Spec Runner output visible in browser
     },
     coverageIstanbulReporter: {
-      dir: require('path').join(
-        __dirname,
-        '../../coverage/lf-cdn'
-      ),
+      dir: require('path').join(__dirname, '../../coverage/lf-cdn'),
       reports: ['html', 'lcovonly', 'text-summary'],
       fixWebpackSourcePaths: true,
     },
diff --git a/projects/lf-cdn/src/app/app.component.spec.ts b/projects/lf-cdn/src/app/app.component.spec.ts
index 0be3c8ce..278424cc 100644
--- a/projects/lf-cdn/src/app/app.component.spec.ts
+++ b/projects/lf-cdn/src/app/app.component.spec.ts
@@ -7,7 +7,7 @@ import { AppComponent } from './app.component';
 describe('AppComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [
+      imports: [
         AppComponent
       ],
     }).compileComponents();
diff --git a/projects/lf-cdn/src/app/app.component.ts b/projects/lf-cdn/src/app/app.component.ts
index f6c43d3e..9239ab27 100644
--- a/projects/lf-cdn/src/app/app.component.ts
+++ b/projects/lf-cdn/src/app/app.component.ts
@@ -4,9 +4,10 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
+    selector: 'app-root',
+    templateUrl: './app.component.html',
+    styleUrls: ['./app.component.css'],
+    standalone: true
 })
 export class AppComponent {
   title = 'lf-cdn';
diff --git a/projects/lf-cdn/src/app/app.module.ts b/projects/lf-cdn/src/app/app.module.ts
deleted file mode 100644
index 8d4136d8..00000000
--- a/projects/lf-cdn/src/app/app.module.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { DoBootstrap, NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { LfRepositoryBrowserModule } from '../../../ui-components/lf-repository-browser/lf-repository-browser-public-api';
-import { LfChecklistModule } from '../../../ui-components/lf-checklist/lf-checklist-public-api';
-import { LfLoginModule } from '../../../ui-components/lf-login/lf-login-public-api';
-import { LfMetadataModule } from '../../../ui-components/lf-metadata/lf-metadata-public-api';
-import { LfUserFeedbackModule } from '../../../ui-components/lf-user-feedback/lf-user-feedback-public-api';
-import { LfBreadcrumbsModule, LfToolbarModule } from './../../../ui-components/shared/lf-shared-public-api';
-
-@NgModule({
-  imports: [
-    BrowserModule,
-    BrowserAnimationsModule,
-    LfLoginModule,
-    LfUserFeedbackModule,
-    LfChecklistModule,
-    LfMetadataModule,
-    LfRepositoryBrowserModule,
-    LfToolbarModule,
-    LfBreadcrumbsModule
-  ],
-  providers: [],
-})
-export class AppModule implements DoBootstrap {
-  constructor() { }
-
-  /* eslint-disable @angular-eslint/no-empty-lifecycle-method */
-  ngDoBootstrap() {}
-}
diff --git a/projects/lf-cdn/src/main.ts b/projects/lf-cdn/src/main.ts
index b3e49fd0..faa13313 100644
--- a/projects/lf-cdn/src/main.ts
+++ b/projects/lf-cdn/src/main.ts
@@ -1,15 +1,18 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { enableProdMode } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { enableProdMode, importProvidersFrom } from '@angular/core';
+import { createApplication } from '@angular/platform-browser';
+import { provideAnimations } from '@angular/platform-browser/animations';
 
-import { AppModule } from './app/app.module';
 import { environment } from './environments/environment';
 
 if (environment.production) {
   enableProdMode();
 }
 
-platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.error(err));
+createApplication({
+  providers: [
+    provideAnimations(),
+  ]
+}).catch(err => console.error(err));
diff --git a/projects/lf-documentation/karma.conf.js b/projects/lf-documentation/karma.conf.js
index f01ab230..9fe5bdaa 100644
--- a/projects/lf-documentation/karma.conf.js
+++ b/projects/lf-documentation/karma.conf.js
@@ -3,7 +3,7 @@
 
 // Karma configuration file, see link for more information
 // https://karma-runner.github.io/1.0/config/configuration-file.html
-process.env.CHROME_BIN = require('puppeteer').executablePath();
+process.env.CHROME_BIN = process.env.CHROME_BIN || require('puppeteer').executablePath();
 
 module.exports = function (config) {
   config.set({
diff --git a/projects/lf-documentation/src/app/app.component.ts b/projects/lf-documentation/src/app/app.component.ts
index 37c3563a..fe45646c 100644
--- a/projects/lf-documentation/src/app/app.component.ts
+++ b/projects/lf-documentation/src/app/app.component.ts
@@ -3,10 +3,15 @@
 
 import { NestedTreeControl } from '@angular/cdk/tree';
 import { Component, OnInit } from '@angular/core';
-import { MatCheckboxChange } from '@angular/material/checkbox';
-import { MatTreeNestedDataSource } from '@angular/material/tree';
-import { RouterLinks } from './app-routing.module';
+import { MatCheckboxChange, MatCheckboxModule } from '@angular/material/checkbox';
+import { MatTreeNestedDataSource, MatTreeModule } from '@angular/material/tree';
+import { RouterLinks } from './app.config';
 import { ThemeService } from './theme.service';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { MatIconModule } from '@angular/material/icon';
+import { RouterLink, RouterOutlet } from '@angular/router';
+import { CommonModule } from '@angular/common';
+import { MatButtonModule } from '@angular/material/button';
 
 interface ComponentNode {
   name: string;
@@ -73,9 +78,20 @@ const TREE_DATA: ComponentNode[] = [
 ];
 
 @Component({
-  selector: 'app-root-lf-documentation',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css'],
+    selector: 'app-root-lf-documentation',
+    templateUrl: './app.component.html',
+    styleUrls: ['./app.component.css'],
+    standalone: true,
+    imports: [
+        CommonModule,
+        RouterLink,
+        RouterOutlet,
+        MatToolbarModule,
+        MatTreeModule,
+        MatIconModule,
+        MatCheckboxModule,
+        MatButtonModule
+    ]
 })
 export class AppComponent implements OnInit {
   title = 'lf-documentation';
diff --git a/projects/lf-documentation/src/app/app-routing.module.ts b/projects/lf-documentation/src/app/app.config.ts
similarity index 87%
rename from projects/lf-documentation/src/app/app-routing.module.ts
rename to projects/lf-documentation/src/app/app.config.ts
index ffeb2772..f47d6846 100644
--- a/projects/lf-documentation/src/app/app-routing.module.ts
+++ b/projects/lf-documentation/src/app/app.config.ts
@@ -1,83 +1,81 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { LfChecklistDocumentationComponent } from './lf-checklist-documentation/lf-checklist-documentation.component';
-import { GettingStartedComponent } from './getting-started/getting-started.component';
-import { StylingDocumentationComponent } from './styling-documentation/styling-documentation.component';
-import { LfFieldDocumentationComponent } from './lf-field-documentation/lf-field-documentation.component';
-import { OverviewComponent } from './overview/overview.component';
-// import { LocalizationDocumentationComponent } from './localization-documentation/localization-documentation.component';
-import { LfUserFeedbackDocumentationComponent } from './lf-user-feedback-documentation/lf-user-feedback-documentation.component';
-import { LfFieldAdhocContainerDocumentationComponent } from './lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component';
-import { LfFieldContainerDocumentationComponent } from './lf-field-container-documentation/lf-field-container-documentation.component';
-import { LfFieldTemplateContainerDocumentationComponent } from './lf-field-template-container-documentation/lf-field-template-container-documentation.component';
-import { LfBreadcrumbsDocumentationComponent } from './lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component';
-import { LfToolbarDocumentationComponent } from './lf-toolbar-documentation/lf-toolbar-documentation.component';
-import { ConvertComponentToElementComponent } from './convert-component-to-element/convert-component-to-element.component';
-import { LfLoginDocumentationComponent } from './lf-login-documentation/lf-login-documentation.component';
-import { TroubleshootingComponent } from './troubleshooting/troubleshooting.component';
-import { ExampleNpmUsageInAngularComponent } from './example-npm-usage-in-angular/example-npm-usage-in-angular.component';
-import { ExampleUsageInAngularComponent } from './example-usage-in-angular/example-usage-in-angular.component';
-import { ExampleUsageInReactComponent } from './example-usage-in-react/example-usage-in-react.component';
-import { ExampleUsageInHtmlComponent } from './example-usage-in-html/example-usage-in-html.component';
-import { LfRepositoryBrowserDocumentationComponent } from './lf-repository-browser-documentation/lf-repository-browser-documentation.component';
-import { RouterModule, Routes } from '@angular/router';
-
-export enum RouterLinks {
-  OVERVIEW = 'overview',
-  GETTING_STARTED = 'getting-started',
-  EXAMPLE_USAGE_ANGULAR = 'using-ui-components-from-cdn-in-angular',
-  EXAMPLE_USAGE_REACT = 'using-ui-components-from-cdn-in-react',
-  EXAMPLE_USAGE_HTML = 'using-ui-components-from-cdn-in-html5',
-  EXAMPLE_NPM_USAGE_ANGULAR = 'using-ui-components-from-npm-package-in-angular',
-  // LOCALIZATION = 'localization',
-  STYLING = 'styling',
-  TROUBLESHOOTING = 'troubleshooting',
-  CONVERT_COMPONENT = 'convert-component',
-  RELEASE_NOTES = 'release-notes',
-  LF_BREADCRUMBS = 'lf-breadcrumbs',
-  LF_CHECKLIST = 'lf-checklist',
-  LF_TOOLBAR = 'lf-toolbar',
-  LF_FIELD_CONTAINER = 'lf-field-container',
-  LF_FIELD_TYPES = 'lf-field-types',
-  LF_FIELD_ADHOC_CONTAINER = 'lf-field-adhoc-container',
-  LF_FIELD_TEMPLATE_CONTAINER = 'lf-field-template-container',
-  LF_LOGIN = 'lf-login',
-  LF_USER_FEEDBACK = 'lf-user-feedback',
-  LF_REPOSITORY_BROWSER = 'lf-repository-browser'
-}
-
-const routes: Routes = [
-  { path: RouterLinks.LF_TOOLBAR, component: LfToolbarDocumentationComponent },
-  { path: RouterLinks.LF_BREADCRUMBS, component: LfBreadcrumbsDocumentationComponent },
-  { path: RouterLinks.LF_CHECKLIST, component: LfChecklistDocumentationComponent },
-  { path: RouterLinks.LF_FIELD_TYPES, component: LfFieldDocumentationComponent },
-  { path: RouterLinks.LF_FIELD_ADHOC_CONTAINER, component: LfFieldAdhocContainerDocumentationComponent },
-  { path: RouterLinks.LF_FIELD_CONTAINER, component: LfFieldContainerDocumentationComponent },
-  { path: RouterLinks.LF_FIELD_TEMPLATE_CONTAINER, component: LfFieldTemplateContainerDocumentationComponent },
-  { path: RouterLinks.LF_LOGIN, component: LfLoginDocumentationComponent},
-  { path: RouterLinks.LF_USER_FEEDBACK, component: LfUserFeedbackDocumentationComponent },
-  { path: RouterLinks.STYLING, component: StylingDocumentationComponent },
-  { path: RouterLinks.GETTING_STARTED, component: GettingStartedComponent },
-  { path: RouterLinks.EXAMPLE_NPM_USAGE_ANGULAR, component: ExampleNpmUsageInAngularComponent },
-  { path: RouterLinks.EXAMPLE_USAGE_ANGULAR, component: ExampleUsageInAngularComponent },
-  { path: RouterLinks.EXAMPLE_USAGE_REACT, component: ExampleUsageInReactComponent },
-  { path: RouterLinks.EXAMPLE_USAGE_HTML, component: ExampleUsageInHtmlComponent },
-  // { path: RouterLinks.LOCALIZATION, component: LocalizationDocumentationComponent },
-  { path: RouterLinks.OVERVIEW, component: OverviewComponent },
-  { path: RouterLinks.CONVERT_COMPONENT, component: ConvertComponentToElementComponent },
-  { path: RouterLinks.TROUBLESHOOTING, component: TroubleshootingComponent },
-  { path: RouterLinks.LF_REPOSITORY_BROWSER, component: LfRepositoryBrowserDocumentationComponent },
-  { path: '', component: OverviewComponent },
-];
-
-@NgModule({
-  declarations: [],
-  imports: [
-    CommonModule,
-    RouterModule.forRoot(routes)],
-  exports: [RouterModule]
-})
-export class AppRoutingModule { }
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ApplicationConfig, CUSTOM_ELEMENTS_SCHEMA, provideZoneChangeDetection } from '@angular/core';
+import { provideRouter, withHashLocation } from '@angular/router';
+import { provideAnimations } from '@angular/platform-browser/animations';
+
+import { LfChecklistDocumentationComponent } from './lf-checklist-documentation/lf-checklist-documentation.component';
+import { GettingStartedComponent } from './getting-started/getting-started.component';
+import { StylingDocumentationComponent } from './styling-documentation/styling-documentation.component';
+import { LfFieldDocumentationComponent } from './lf-field-documentation/lf-field-documentation.component';
+import { OverviewComponent } from './overview/overview.component';
+import { LfUserFeedbackDocumentationComponent } from './lf-user-feedback-documentation/lf-user-feedback-documentation.component';
+import { LfFieldAdhocContainerDocumentationComponent } from './lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component';
+import { LfFieldContainerDocumentationComponent } from './lf-field-container-documentation/lf-field-container-documentation.component';
+import { LfFieldTemplateContainerDocumentationComponent } from './lf-field-template-container-documentation/lf-field-template-container-documentation.component';
+import { LfBreadcrumbsDocumentationComponent } from './lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component';
+import { LfToolbarDocumentationComponent } from './lf-toolbar-documentation/lf-toolbar-documentation.component';
+import { ConvertComponentToElementComponent } from './convert-component-to-element/convert-component-to-element.component';
+import { LfLoginDocumentationComponent } from './lf-login-documentation/lf-login-documentation.component';
+import { TroubleshootingComponent } from './troubleshooting/troubleshooting.component';
+import { ExampleNpmUsageInAngularComponent } from './example-npm-usage-in-angular/example-npm-usage-in-angular.component';
+import { ExampleUsageInAngularComponent } from './example-usage-in-angular/example-usage-in-angular.component';
+import { ExampleUsageInReactComponent } from './example-usage-in-react/example-usage-in-react.component';
+import { ExampleUsageInHtmlComponent } from './example-usage-in-html/example-usage-in-html.component';
+import { LfRepositoryBrowserDocumentationComponent } from './lf-repository-browser-documentation/lf-repository-browser-documentation.component';
+import { Routes } from '@angular/router';
+
+export enum RouterLinks {
+  OVERVIEW = 'overview',
+  GETTING_STARTED = 'getting-started',
+  EXAMPLE_USAGE_ANGULAR = 'using-ui-components-from-cdn-in-angular',
+  EXAMPLE_USAGE_REACT = 'using-ui-components-from-cdn-in-react',
+  EXAMPLE_USAGE_HTML = 'using-ui-components-from-cdn-in-html5',
+  EXAMPLE_NPM_USAGE_ANGULAR = 'using-ui-components-from-npm-package-in-angular',
+  STYLING = 'styling',
+  TROUBLESHOOTING = 'troubleshooting',
+  CONVERT_COMPONENT = 'convert-component',
+  RELEASE_NOTES = 'release-notes',
+  LF_BREADCRUMBS = 'lf-breadcrumbs',
+  LF_CHECKLIST = 'lf-checklist',
+  LF_TOOLBAR = 'lf-toolbar',
+  LF_FIELD_CONTAINER = 'lf-field-container',
+  LF_FIELD_TYPES = 'lf-field-types',
+  LF_FIELD_ADHOC_CONTAINER = 'lf-field-adhoc-container',
+  LF_FIELD_TEMPLATE_CONTAINER = 'lf-field-template-container',
+  LF_LOGIN = 'lf-login',
+  LF_USER_FEEDBACK = 'lf-user-feedback',
+  LF_REPOSITORY_BROWSER = 'lf-repository-browser',
+}
+
+const routes: Routes = [
+  { path: RouterLinks.LF_TOOLBAR, component: LfToolbarDocumentationComponent },
+  { path: RouterLinks.LF_BREADCRUMBS, component: LfBreadcrumbsDocumentationComponent },
+  { path: RouterLinks.LF_CHECKLIST, component: LfChecklistDocumentationComponent },
+  { path: RouterLinks.LF_FIELD_TYPES, component: LfFieldDocumentationComponent },
+  { path: RouterLinks.LF_FIELD_ADHOC_CONTAINER, component: LfFieldAdhocContainerDocumentationComponent },
+  { path: RouterLinks.LF_FIELD_CONTAINER, component: LfFieldContainerDocumentationComponent },
+  { path: RouterLinks.LF_FIELD_TEMPLATE_CONTAINER, component: LfFieldTemplateContainerDocumentationComponent },
+  { path: RouterLinks.LF_LOGIN, component: LfLoginDocumentationComponent },
+  { path: RouterLinks.LF_USER_FEEDBACK, component: LfUserFeedbackDocumentationComponent },
+  { path: RouterLinks.STYLING, component: StylingDocumentationComponent },
+  { path: RouterLinks.GETTING_STARTED, component: GettingStartedComponent },
+  { path: RouterLinks.EXAMPLE_NPM_USAGE_ANGULAR, component: ExampleNpmUsageInAngularComponent },
+  { path: RouterLinks.EXAMPLE_USAGE_ANGULAR, component: ExampleUsageInAngularComponent },
+  { path: RouterLinks.EXAMPLE_USAGE_REACT, component: ExampleUsageInReactComponent },
+  { path: RouterLinks.EXAMPLE_USAGE_HTML, component: ExampleUsageInHtmlComponent },
+  { path: RouterLinks.OVERVIEW, component: OverviewComponent },
+  { path: RouterLinks.CONVERT_COMPONENT, component: ConvertComponentToElementComponent },
+  { path: RouterLinks.TROUBLESHOOTING, component: TroubleshootingComponent },
+  { path: RouterLinks.LF_REPOSITORY_BROWSER, component: LfRepositoryBrowserDocumentationComponent },
+  { path: '', component: OverviewComponent },
+];
+
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideRouter(routes, withHashLocation()),
+    provideAnimations(),
+    provideZoneChangeDetection({ eventCoalescing: true }),
+  ],
+};
diff --git a/projects/lf-documentation/src/app/app.module.ts b/projects/lf-documentation/src/app/app.module.ts
deleted file mode 100644
index 5c10351e..00000000
--- a/projects/lf-documentation/src/app/app.module.ts
+++ /dev/null
@@ -1,108 +0,0 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import { AppRoutingModule } from './app-routing.module';
-import { AppComponent } from './app.component';
-import { CardComponent } from './card/card.component';
-import { OverviewComponent } from './overview/overview.component';
-import { GettingStartedComponent } from './getting-started/getting-started.component';
-import { StylingDocumentationComponent } from './styling-documentation/styling-documentation.component';
-import { LfUserFeedbackDocumentationComponent } from './lf-user-feedback-documentation/lf-user-feedback-documentation.component';
-import { HashLocationStrategy, LocationStrategy } from '@angular/common';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { FormsModule } from '@angular/forms';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatTreeModule } from '@angular/material/tree';
-import { MatCardModule } from '@angular/material/card';
-import { MatButtonModule } from '@angular/material/button';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatToolbarModule } from '@angular/material/toolbar';
-import { MatInputModule } from '@angular/material/input';
-import { LfChecklistDocumentationComponent } from './lf-checklist-documentation/lf-checklist-documentation.component';
-import { LfFieldDocumentationComponent } from './lf-field-documentation/lf-field-documentation.component';
-import { LfFieldAdhocContainerDocumentationComponent } from './lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component';
-import { LfFieldContainerDocumentationComponent } from './lf-field-container-documentation/lf-field-container-documentation.component';
-import { LfFieldTemplateContainerDocumentationComponent } from './lf-field-template-container-documentation/lf-field-template-container-documentation.component';
-import { LfBreadcrumbsDocumentationComponent } from './lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component';
-import { LfToolbarDocumentationComponent } from './lf-toolbar-documentation/lf-toolbar-documentation.component';
-import { ConvertComponentToElementComponent } from './convert-component-to-element/convert-component-to-element.component';
-import { LfLoginDocumentationComponent } from './lf-login-documentation/lf-login-documentation.component';
-import { MatMenuModule } from '@angular/material/menu';
-import { TroubleshootingComponent } from './troubleshooting/troubleshooting.component';
-import { ExampleUsageInAngularComponent } from './example-usage-in-angular/example-usage-in-angular.component';
-import { ExampleUsageInReactComponent } from './example-usage-in-react/example-usage-in-react.component';
-import { ExampleUsageInHtmlComponent } from './example-usage-in-html/example-usage-in-html.component';
-import { ExampleNpmUsageInAngularComponent } from './example-npm-usage-in-angular/example-npm-usage-in-angular.component';
-import { ExampleUsageBasicStepsDirective } from './example-usage-basic-steps.directive';
-import { LfChecklistModule } from '../../../ui-components/lf-checklist/lf-checklist-public-api';
-import { LfLoginModule } from '../../../ui-components/lf-login/lf-login-public-api';
-import { LfMetadataModule } from '../../../ui-components/lf-metadata/lf-metadata-public-api';
-import { LfUserFeedbackModule } from '../../../ui-components/lf-user-feedback/lf-user-feedback-public-api';
-
-import { LfRepositoryBrowserModule } from '../../../ui-components/lf-repository-browser/lf-repository-browser.module';
-import { LfRepositoryBrowserDocumentationComponent } from './lf-repository-browser-documentation/lf-repository-browser-documentation.component';
-import { LfBreadcrumbsModule, LfToolbarModule } from './../../../ui-components/shared/lf-shared-public-api';
-
-@NgModule({
-  declarations: [
-    AppComponent,
-    CardComponent,
-    OverviewComponent,
-    GettingStartedComponent,
-    StylingDocumentationComponent,
-    LfUserFeedbackDocumentationComponent,
-    LfChecklistDocumentationComponent,
-    LfFieldDocumentationComponent,
-    LfFieldAdhocContainerDocumentationComponent,
-    LfFieldContainerDocumentationComponent,
-    LfFieldTemplateContainerDocumentationComponent,
-    LfFieldAdhocContainerDocumentationComponent,
-    LfBreadcrumbsDocumentationComponent,
-    LfRepositoryBrowserDocumentationComponent,
-    LfToolbarDocumentationComponent,
-    ConvertComponentToElementComponent,
-    LfLoginDocumentationComponent,
-    TroubleshootingComponent,
-    ExampleUsageInAngularComponent,
-    ExampleUsageInReactComponent,
-    ExampleUsageInHtmlComponent,
-    ExampleNpmUsageInAngularComponent,
-    ExampleUsageBasicStepsDirective
-  ],
-  imports: [
-    BrowserModule,
-    BrowserAnimationsModule,
-    FormsModule,
-    MatFormFieldModule,
-    MatInputModule,
-    MatCheckboxModule,
-    MatCardModule,
-    MatButtonModule,
-    AppRoutingModule,
-    MatToolbarModule,
-    MatTreeModule,
-    MatIconModule,
-    MatMenuModule,
-    LfLoginModule,
-    LfUserFeedbackModule,
-    LfChecklistModule,
-    LfMetadataModule,
-    LfRepositoryBrowserModule,
-    LfToolbarModule,
-    LfBreadcrumbsModule
-  ],
-  providers: [
-    {
-      provide: LocationStrategy,
-      useClass: HashLocationStrategy
-    }
-  ],
-  bootstrap: [AppComponent],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class AppModule {
-  constructor() { }
-}
diff --git a/projects/lf-documentation/src/app/card/card.component.ts b/projects/lf-documentation/src/app/card/card.component.ts
index 197cf523..a8b3f2c4 100644
--- a/projects/lf-documentation/src/app/card/card.component.ts
+++ b/projects/lf-documentation/src/app/card/card.component.ts
@@ -2,11 +2,14 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { Component, Input } from '@angular/core';
+import { MatCardModule } from '@angular/material/card';
 
 @Component({
-  selector: 'app-card',
-  templateUrl: './card.component.html',
-  styleUrls: ['./card.component.css']
+    selector: 'app-card',
+    templateUrl: './card.component.html',
+    styleUrls: ['./card.component.css'],
+    standalone: true,
+    imports: [MatCardModule]
 })
 export class CardComponent {
 
diff --git a/projects/lf-documentation/src/app/convert-component-to-element/convert-component-to-element.component.html b/projects/lf-documentation/src/app/convert-component-to-element/convert-component-to-element.component.html
index 2058bcea..452d3620 100644
--- a/projects/lf-documentation/src/app/convert-component-to-element/convert-component-to-element.component.html
+++ b/projects/lf-documentation/src/app/convert-component-to-element/convert-component-to-element.component.html
@@ -25,24 +25,24 @@
         Remove import of module (i.e. "LfChecklistModule") in Angular module
     </li>
     <li class="num-list">
-        Change any event handlers to accept the parameter as a Custom Event (i.e. <code>onClick(node: TreeNode)</code> to
-        <code>onClick(nodeEvent: CustomEvent&lt;TreeNode&gt;)</code>)
+        Change any event handlers to accept the parameter directly instead of as a Custom Event (i.e. <code>onClick(nodeEvent: CustomEvent&lt;TreeNode&gt;)</code> to
+        <code>onClick(node: TreeNode)</code>) and access the value directly instead of via <code>event.detail</code>
     </li>
     <li>
-        To run initAsync of the element (or get any of the properties from the element)
+        To run initAsync of the component (or get any of the properties from the component)
         <ul class="num-list">
             <li>
                 you can continue using <code>ViewChild</code>
                 <ol>
                     <li class="num-list">
-                        add a template reference (i.e. #checklistelement) to the element and query select for that
-                        instead of the component
+                        add a template reference (i.e. #checklistelement) to the component and query select for that
+                        instead of the component type
                     </li>
                     <li class="num-list">
-                        the type of the element is <code>ElementRef&lt;LfChecklistComponent&gt;</code>
+                        the type of the component is <code>LfChecklistComponent</code> (not wrapped in ElementRef)
                     </li>
                     <li class="num-list">
-                        you can then call <code>initAsync</code> of the <code>nativeElement</code> of that variable any time after ngAfterViewInit
+                        you can then call <code>initAsync</code> directly on the component any time after ngAfterViewInit
                     </li>
                     <li class="num-list">
                         sometimes <code>ViewChild</code> gets messed up when <code>*ngIf</code> causes the view to be undefined. Please use <code>ViewChildren</code> instead of <code>ViewChild</code> in this case
@@ -50,7 +50,7 @@
                 </ol>
             </li>
             <li>
-                you can use querySelector instead
+                Alternative: you can use querySelector (for custom element usage only, not recommended for Angular components)
                 <ol>
                     <li class="num-list">
                         change the ViewChild to just a variable of type <code>NgElement &
diff --git a/projects/lf-documentation/src/app/convert-component-to-element/convert-component-to-element.component.ts b/projects/lf-documentation/src/app/convert-component-to-element/convert-component-to-element.component.ts
index 6c9f1898..8cc7ac30 100644
--- a/projects/lf-documentation/src/app/convert-component-to-element/convert-component-to-element.component.ts
+++ b/projects/lf-documentation/src/app/convert-component-to-element/convert-component-to-element.component.ts
@@ -4,9 +4,11 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-convert-component-to-element',
-  templateUrl: './convert-component-to-element.component.html',
-  styleUrls: ['./convert-component-to-element.component.css', './../app.component.css']
+    selector: 'app-convert-component-to-element',
+    templateUrl: './convert-component-to-element.component.html',
+    styleUrls: ['./convert-component-to-element.component.css', './../app.component.css'],
+    standalone: true,
+    imports: []
 })
 export class ConvertComponentToElementComponent {
 
diff --git a/projects/lf-documentation/src/app/example-npm-usage-in-angular/example-npm-usage-in-angular.component.ts b/projects/lf-documentation/src/app/example-npm-usage-in-angular/example-npm-usage-in-angular.component.ts
index 6bf90dbb..0a6c3005 100644
--- a/projects/lf-documentation/src/app/example-npm-usage-in-angular/example-npm-usage-in-angular.component.ts
+++ b/projects/lf-documentation/src/app/example-npm-usage-in-angular/example-npm-usage-in-angular.component.ts
@@ -5,8 +5,10 @@ import { Component } from '@angular/core';
 import { ExampleUsageBasicStepsDirective } from '../example-usage-basic-steps.directive';
 
 @Component({
-  selector: 'app-example-npm-usage-in-angular',
-  templateUrl: './example-npm-usage-in-angular.component.html',
-  styleUrls: ['./example-npm-usage-in-angular.component.css', '../app.component.css']
+    selector: 'app-example-npm-usage-in-angular',
+    templateUrl: './example-npm-usage-in-angular.component.html',
+    styleUrls: ['./example-npm-usage-in-angular.component.css', '../app.component.css'],
+    standalone: true,
+    imports: []
 })
 export class ExampleNpmUsageInAngularComponent extends ExampleUsageBasicStepsDirective { }
diff --git a/projects/lf-documentation/src/app/example-usage-basic-steps.directive.ts b/projects/lf-documentation/src/app/example-usage-basic-steps.directive.ts
index fb300d90..8721314f 100644
--- a/projects/lf-documentation/src/app/example-usage-basic-steps.directive.ts
+++ b/projects/lf-documentation/src/app/example-usage-basic-steps.directive.ts
@@ -3,10 +3,11 @@
 
 import { Directive } from '@angular/core';
 import { NavigationExtras, Router } from '@angular/router';
-import { RouterLinks } from './app-routing.module';
+import { RouterLinks } from './app.config';
 
 @Directive({
-  selector: '[appExampleUsageBasicSteps]'
+    selector: '[appExampleUsageBasicSteps]',
+    standalone: true
 })
 export class ExampleUsageBasicStepsDirective {
 
diff --git a/projects/lf-documentation/src/app/example-usage-in-angular/example-usage-in-angular.component.ts b/projects/lf-documentation/src/app/example-usage-in-angular/example-usage-in-angular.component.ts
index 40ef98f8..a2ce9612 100644
--- a/projects/lf-documentation/src/app/example-usage-in-angular/example-usage-in-angular.component.ts
+++ b/projects/lf-documentation/src/app/example-usage-in-angular/example-usage-in-angular.component.ts
@@ -5,8 +5,10 @@ import { Component } from '@angular/core';
 import { ExampleUsageBasicStepsDirective } from '../example-usage-basic-steps.directive';
 
 @Component({
-  selector: 'app-example-usage-in-angular',
-  templateUrl: './example-usage-in-angular.component.html',
-  styleUrls: ['./example-usage-in-angular.component.css', '../app.component.css']
+    selector: 'app-example-usage-in-angular',
+    templateUrl: './example-usage-in-angular.component.html',
+    styleUrls: ['./example-usage-in-angular.component.css', '../app.component.css'],
+    standalone: true,
+    imports: []
 })
 export class ExampleUsageInAngularComponent extends ExampleUsageBasicStepsDirective { }
diff --git a/projects/lf-documentation/src/app/example-usage-in-html/example-usage-in-html.component.ts b/projects/lf-documentation/src/app/example-usage-in-html/example-usage-in-html.component.ts
index 665c284c..71af9d2f 100644
--- a/projects/lf-documentation/src/app/example-usage-in-html/example-usage-in-html.component.ts
+++ b/projects/lf-documentation/src/app/example-usage-in-html/example-usage-in-html.component.ts
@@ -5,8 +5,10 @@ import { Component } from '@angular/core';
 import { ExampleUsageBasicStepsDirective } from '../example-usage-basic-steps.directive';
 
 @Component({
-  selector: 'app-example-usage-in-html',
-  templateUrl: './example-usage-in-html.component.html',
-  styleUrls: ['./example-usage-in-html.component.css', '../app.component.css']
+    selector: 'app-example-usage-in-html',
+    templateUrl: './example-usage-in-html.component.html',
+    styleUrls: ['./example-usage-in-html.component.css', '../app.component.css'],
+    standalone: true,
+    imports: []
 })
 export class ExampleUsageInHtmlComponent extends ExampleUsageBasicStepsDirective { }
diff --git a/projects/lf-documentation/src/app/example-usage-in-react/example-usage-in-react.component.ts b/projects/lf-documentation/src/app/example-usage-in-react/example-usage-in-react.component.ts
index ed44f329..c71bff38 100644
--- a/projects/lf-documentation/src/app/example-usage-in-react/example-usage-in-react.component.ts
+++ b/projects/lf-documentation/src/app/example-usage-in-react/example-usage-in-react.component.ts
@@ -5,8 +5,10 @@ import { Component } from '@angular/core';
 import { ExampleUsageBasicStepsDirective } from '../example-usage-basic-steps.directive';
 
 @Component({
-  selector: 'app-example-usage-in-react',
-  templateUrl: './example-usage-in-react.component.html',
-  styleUrls: ['./example-usage-in-react.component.css', '../app.component.css']
+    selector: 'app-example-usage-in-react',
+    templateUrl: './example-usage-in-react.component.html',
+    styleUrls: ['./example-usage-in-react.component.css', '../app.component.css'],
+    standalone: true,
+    imports: []
 })
 export class ExampleUsageInReactComponent extends ExampleUsageBasicStepsDirective { }
diff --git a/projects/lf-documentation/src/app/getting-started/getting-started.component.ts b/projects/lf-documentation/src/app/getting-started/getting-started.component.ts
index d7c05c8a..8a7360e0 100644
--- a/projects/lf-documentation/src/app/getting-started/getting-started.component.ts
+++ b/projects/lf-documentation/src/app/getting-started/getting-started.component.ts
@@ -5,9 +5,11 @@ import { AfterViewInit, Component } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 
 @Component({
-  selector: 'app-getting-started',
-  templateUrl: './getting-started.component.html',
-  styleUrls: ['./getting-started.component.css', './../app.component.css']
+    selector: 'app-getting-started',
+    templateUrl: './getting-started.component.html',
+    styleUrls: ['./getting-started.component.css', './../app.component.css'],
+    standalone: true,
+    imports: []
 })
 export class GettingStartedComponent implements AfterViewInit {
 
diff --git a/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.html b/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.html
index 5c51cd8e..c2b65b6c 100644
--- a/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.html
+++ b/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.html
@@ -18,7 +18,7 @@
   </code>
 </p>
 <app-card>
-  <lf-breadcrumbs #breadcrumbs></lf-breadcrumbs>
+  <lf-breadcrumbs-component #breadcrumbs></lf-breadcrumbs-component>
 </app-card>
 <p class="documentation-text">onElementBreadcrumbSelected output:</p>
 <textarea disabled cols="80" rows="10">{{ selectedElementBreadcrumb }}</textarea>
diff --git a/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.ts b/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.ts
index d8a84140..4d09ccea 100644
--- a/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.ts
+++ b/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.ts
@@ -1,18 +1,23 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { AfterViewInit, Component, ElementRef, ViewChild } from '@angular/core';
-import { NgElement, WithProperties } from '@angular/elements';
-import { LfBreadcrumb, LfBreadcrumbsComponent } from './../../../../ui-components/shared/lf-breadcrumbs/lf-breadcrumbs-public-api';
+import { AfterViewInit, Component, ViewChild, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import {
+  LfBreadcrumb,
+  LfBreadcrumbsComponent,
+} from './../../../../ui-components/shared/lf-breadcrumbs/lf-breadcrumbs-public-api';
+import { CardComponent } from '../card/card.component';
 
 @Component({
   selector: 'app-lf-breadcrumbs-documentation',
   templateUrl: './lf-breadcrumbs-documentation.component.html',
-  styleUrls: ['./lf-breadcrumbs-documentation.component.css', './../app.component.css']
+  styleUrls: ['./lf-breadcrumbs-documentation.component.css', './../app.component.css'],
+  standalone: true,
+  imports: [CardComponent, LfBreadcrumbsComponent],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
 })
 export class LfBreadcrumbsDocumentationComponent implements AfterViewInit {
-
-  @ViewChild('breadcrumbs') elementBreadcrumbs!: ElementRef<NgElement & WithProperties<LfBreadcrumbsComponent>>;
+  @ViewChild('breadcrumbs') elementBreadcrumbs!: LfBreadcrumbsComponent;
 
   selectedElementBreadcrumb: string | undefined;
 
@@ -24,7 +29,7 @@ export class LfBreadcrumbsDocumentationComponent implements AfterViewInit {
       isLeaf: false,
       isSelectable: false,
       name: 'Folder E',
-      path: 'Folder A/Folder B/Folder C/Folder D/Folder E'
+      path: 'Folder A/Folder B/Folder C/Folder D/Folder E',
     },
     {
       id: 'D',
@@ -33,7 +38,7 @@ export class LfBreadcrumbsDocumentationComponent implements AfterViewInit {
       isLeaf: false,
       isSelectable: false,
       name: 'Folder D',
-      path: 'Folder A/Folder B/Folder C/Folder D'
+      path: 'Folder A/Folder B/Folder C/Folder D',
     },
     {
       id: 'C',
@@ -42,7 +47,7 @@ export class LfBreadcrumbsDocumentationComponent implements AfterViewInit {
       isLeaf: false,
       isSelectable: false,
       name: 'Folder C',
-      path: 'Folder A/Folder B/Folder C'
+      path: 'Folder A/Folder B/Folder C',
     },
     {
       id: 'B',
@@ -51,7 +56,7 @@ export class LfBreadcrumbsDocumentationComponent implements AfterViewInit {
       isLeaf: false,
       isSelectable: false,
       name: 'Folder B',
-      path: 'Folder A/Folder B'
+      path: 'Folder A/Folder B',
     },
     {
       id: 'A',
@@ -60,21 +65,20 @@ export class LfBreadcrumbsDocumentationComponent implements AfterViewInit {
       isLeaf: false,
       isSelectable: false,
       name: 'Folder A',
-      path: 'Folder A'
-    }
+      path: 'Folder A',
+    },
   ];
 
-  constructor() { }
+  constructor() {}
 
   ngAfterViewInit() {
-    this.elementBreadcrumbs.nativeElement.breadcrumbs = this.elementBreadcrumbOptions;
-    this.elementBreadcrumbs.nativeElement.addEventListener('breadcrumbSelected', (event) => {
-      this.onElementBreadcrumbSelected(event as CustomEvent<LfBreadcrumb>);
+    this.elementBreadcrumbs.breadcrumbs = this.elementBreadcrumbOptions;
+    this.elementBreadcrumbs.breadcrumbSelected.subscribe((breadcrumb: LfBreadcrumb) => {
+      this.onElementBreadcrumbSelected(breadcrumb);
     });
   }
 
-  onElementBreadcrumbSelected(event: CustomEvent<LfBreadcrumb>) {
-    this.selectedElementBreadcrumb = JSON.stringify(event.detail, null, 2);
+  onElementBreadcrumbSelected(breadcrumb: LfBreadcrumb) {
+    this.selectedElementBreadcrumb = JSON.stringify(breadcrumb, null, 2);
   }
-
 }
diff --git a/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-documentation.component.html b/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-documentation.component.html
index ee0d3a75..8215514a 100644
--- a/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-documentation.component.html
+++ b/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-documentation.component.html
@@ -29,9 +29,9 @@
     </code>
 </p>
 <app-card>
-    <lf-checklist #checklist [action_button_text]="elementActionButtonText"
+    <lf-checklist-component #checklist [action_button_text]="elementActionButtonText"
         [cancel_button_text]="elementCancelButtonText" (actionClick)=onElementActionClick($event)
-        (cancelClick)=onElementCancelClick($event) (checklistChanged)=onElementChecklistChanged($event)></lf-checklist>
+        (cancelClick)=onElementCancelClick($event) (checklistChanged)=onElementChecklistChanged($event)></lf-checklist-component>
 </app-card>
 <p class="documentation-text">lf-checklist output: </p>
 <textarea disabled cols="80" rows="10">{{ elementOutput }}</textarea>
diff --git a/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-documentation.component.ts b/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-documentation.component.ts
index 4e845f9f..2942d380 100644
--- a/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-documentation.component.ts
+++ b/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-documentation.component.ts
@@ -1,14 +1,22 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { AfterViewInit, Component, ElementRef, ViewChild } from '@angular/core';
-import { Checklist, LfChecklistComponent, LfChecklistService } from './../../../../ui-components/lf-checklist/lf-checklist-public-api';
+import { AfterViewInit, Component, ViewChild, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import {
+  Checklist,
+  LfChecklistComponent,
+  LfChecklistService,
+} from './../../../../ui-components/lf-checklist/lf-checklist-public-api';
 import { LfChecklistDemoService } from './lf-checklist-demo.service';
+import { CardComponent } from '../card/card.component';
 
 @Component({
   selector: 'app-lf-checklist-documentation',
   templateUrl: './lf-checklist-documentation.component.html',
-  styleUrls: ['./lf-checklist-documentation.component.css', './../app.component.css']
+  styleUrls: ['./lf-checklist-documentation.component.css', './../app.component.css'],
+  standalone: true,
+  imports: [CardComponent, LfChecklistComponent],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
 })
 export class LfChecklistDocumentationComponent implements AfterViewInit {
   /** For custom element */
@@ -17,32 +25,32 @@ export class LfChecklistDocumentationComponent implements AfterViewInit {
   elementOutput: string | undefined;
   elementChecklistService: LfChecklistService | undefined;
   elementCheckAllItemsOldValue: boolean = false;
-  @ViewChild('checklist') elementChecklist!: ElementRef<LfChecklistComponent>;
+  @ViewChild('checklist') elementChecklist!: LfChecklistComponent;
 
-  constructor() { }
+  constructor() {}
 
   async ngAfterViewInit() {
     this.elementChecklistService = new LfChecklistDemoService();
     await Promise.all([
-      this.elementChecklist.nativeElement.initAsync({ checklistService: this.elementChecklistService }),
+      this.elementChecklist.initAsync({ checklistService: this.elementChecklistService }),
     ]);
   }
 
   /** Element event handlers */
-  onElementActionClick(event: CustomEvent<Checklist[]>) {
-    this.elementOutput = this.prettyPrint(event.detail);
+  onElementActionClick(checklists: Checklist[]) {
+    this.elementOutput = this.prettyPrint(checklists);
   }
 
-  onElementCancelClick(event: CustomEvent<Checklist[]>) {
+  onElementCancelClick(checklists: Checklist[]) {
     this.elementOutput = undefined;
   }
 
-  async onElementChecklistChanged(event: CustomEvent<Checklist[]>) {
-    this.elementOutput = this.prettyPrint(event.detail);
-    const newValue: boolean = event.detail[0].checklistOptions[2].checked;
+  async onElementChecklistChanged(checklists: Checklist[]) {
+    this.elementOutput = this.prettyPrint(checklists);
+    const newValue: boolean = checklists[0].checklistOptions[2].checked;
     if (newValue && !this.elementCheckAllItemsOldValue && this.elementChecklistService) {
       (this.elementChecklistService as LfChecklistDemoService).checkFirstChecklistItems();
-      await this.elementChecklist.nativeElement.initAsync({ checklistService: this.elementChecklistService });
+      await this.elementChecklist.initAsync({ checklistService: this.elementChecklistService });
     }
     this.elementCheckAllItemsOldValue = newValue;
   }
@@ -50,5 +58,4 @@ export class LfChecklistDocumentationComponent implements AfterViewInit {
   private prettyPrint(value: any): string {
     return JSON.stringify(value, null, 2);
   }
-
 }
diff --git a/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.html b/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.html
index 13c0b409..9f3d284c 100644
--- a/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.html
+++ b/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.html
@@ -22,8 +22,8 @@
 </p>
 <app-card>
   <div style="min-height: 300px;">
-    <lf-field-adhoc-container #adhocContainer (fieldValuesChanged)="onElementFieldValueChange($event)">
-    </lf-field-adhoc-container>
+    <lf-field-adhoc-container-component #adhocContainer (fieldValuesChanged)="onElementFieldValueChange($event)">
+    </lf-field-adhoc-container-component>
   </div>
 </app-card>
 
diff --git a/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.ts b/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.ts
index a196cac1..9c7b410d 100644
--- a/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.ts
+++ b/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.ts
@@ -1,41 +1,44 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { Component, AfterViewInit, ViewChild, ElementRef } from '@angular/core';
+import { Component, AfterViewInit, ViewChild, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { LfFieldAdhocContainerComponent } from './../../../../ui-components/lf-metadata/lf-field-adhoc-container/public-api';
 import { LfFieldAdhocContainerDemoService } from './lf-field-adhoc-container-demo.service';
+import { CardComponent } from '../card/card.component';
 
 @Component({
   selector: 'app-lf-field-adhoc-container-documentation',
   templateUrl: './lf-field-adhoc-container-documentation.component.html',
-  styleUrls: ['./lf-field-adhoc-container-documentation.component.css', './../app.component.css']
+  styleUrls: ['./lf-field-adhoc-container-documentation.component.css', './../app.component.css'],
+  standalone: true,
+  imports: [CardComponent, LfFieldAdhocContainerComponent],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
 })
 export class LfFieldAdhocContainerDocumentationComponent implements AfterViewInit {
-
-  @ViewChild('adhocContainer') elementAdhocContainer!: ElementRef<LfFieldAdhocContainerComponent>;
+  @ViewChild('adhocContainer') elementAdhocContainer!: LfFieldAdhocContainerComponent;
   elementIsValid: boolean = false;
 
-  constructor() { }
+  constructor() {}
 
   async ngAfterViewInit() {
     const componentService = new LfFieldAdhocContainerDemoService();
-    await this.elementAdhocContainer.nativeElement.initAsync(componentService);
-    await this.elementAdhocContainer.nativeElement.resetFieldDataAsync(componentService.mappedFields);
+    await this.elementAdhocContainer.initAsync(componentService);
+    await this.elementAdhocContainer.resetFieldDataAsync(componentService.mappedFields);
   }
 
   elementForceValidation() {
-    console.log(this.elementAdhocContainer.nativeElement.forceValidation());
+    console.log(this.elementAdhocContainer.forceValidation());
   }
 
   elementGetFieldValues() {
-    console.log(this.elementAdhocContainer.nativeElement.getFieldValues());
+    console.log(this.elementAdhocContainer.getFieldValues());
   }
 
   async elementClearFieldValuesAsync() {
-    await this.elementAdhocContainer.nativeElement.clearAsync();
+    await this.elementAdhocContainer.clearAsync();
   }
 
-  onElementFieldValueChange(isValid: CustomEvent<boolean>) {
-    this.elementIsValid = isValid.detail;
+  onElementFieldValueChange(isValid: boolean) {
+    this.elementIsValid = isValid;
   }
 }
diff --git a/projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-documentation.component.html b/projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-documentation.component.html
index 4db27d18..cb028012 100644
--- a/projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-documentation.component.html
+++ b/projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-documentation.component.html
@@ -31,9 +31,9 @@
 <mat-checkbox class="margin-right" ngDefaultControl [(ngModel)]="elementIsCollapsible" id="collapsible">collapsible</mat-checkbox>
 <app-card>
   <div style="min-height: 300px;">
-    <lf-field-container #fieldContainer [collapsible]="elementIsCollapsible" [start_collapsed]="true"
+    <lf-field-container-component #fieldContainer [collapsible]="elementIsCollapsible" [start_collapsed]="true"
       (fieldValuesChanged)="onFieldValueChange($event)" (templateSelectedChanged)="onTemplateSelectedChanged($event)">
-    </lf-field-container>
+    </lf-field-container-component>
   </div>
 </app-card>
 
diff --git a/projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-documentation.component.ts b/projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-documentation.component.ts
index 62dfc3ab..55d8eaa3 100644
--- a/projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-documentation.component.ts
+++ b/projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-documentation.component.ts
@@ -1,27 +1,33 @@
 // Copyright Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { AfterViewInit, Component, ElementRef, ViewChild } from '@angular/core';
+import { AfterViewInit, Component, ViewChild, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { LfFieldContainerComponent } from './../../../../ui-components/lf-metadata/lf-field-container/public-api';
 import { FieldType } from './../../../../ui-components/shared/lf-shared-public-api';
 import { LfFieldContainerDemoService } from './lf-field-container-demo.service';
+import { CardComponent } from '../card/card.component';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { FormsModule } from '@angular/forms';
 
 @Component({
-  selector: 'app-lf-field-container-documentation',
-  templateUrl: './lf-field-container-documentation.component.html',
-  styleUrls: ['./lf-field-container-documentation.component.css', './../app.component.css']
+    selector: 'app-lf-field-container-documentation',
+    templateUrl: './lf-field-container-documentation.component.html',
+    styleUrls: ['./lf-field-container-documentation.component.css', './../app.component.css'],
+    standalone: true,
+    imports: [CardComponent, MatCheckboxModule, FormsModule, LfFieldContainerComponent],
+    schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class LfFieldContainerDocumentationComponent implements AfterViewInit {
 
   elementIsCollapsible: boolean = false;
-  @ViewChild('fieldContainer') elementComponent!: ElementRef<LfFieldContainerComponent>;
+  @ViewChild('fieldContainer') elementComponent!: LfFieldContainerComponent;
 
   constructor() { }
 
   async ngAfterViewInit(): Promise<void> {
     const componentService = new LfFieldContainerDemoService();
-      await this.elementComponent.nativeElement.initAsync(componentService, 2);
-      await this.elementComponent.nativeElement.updateFieldValuesAsync([
+      await this.elementComponent.initAsync(componentService, 2);
+      await this.elementComponent.updateFieldValuesAsync([
         {
           fieldId: 13,
           values: [
diff --git a/projects/lf-documentation/src/app/lf-field-documentation/lf-field-documentation.component.ts b/projects/lf-documentation/src/app/lf-field-documentation/lf-field-documentation.component.ts
index b397039e..1010ff1b 100644
--- a/projects/lf-documentation/src/app/lf-field-documentation/lf-field-documentation.component.ts
+++ b/projects/lf-documentation/src/app/lf-field-documentation/lf-field-documentation.component.ts
@@ -5,8 +5,10 @@ import { Component } from '@angular/core';
 
 
 @Component({
-  selector: 'app-lf-field-documentation',
-  templateUrl: './lf-field-documentation.component.html',
-  styleUrls: ['./lf-field-documentation.component.css', './../app.component.css']
+    selector: 'app-lf-field-documentation',
+    templateUrl: './lf-field-documentation.component.html',
+    styleUrls: ['./lf-field-documentation.component.css', './../app.component.css'],
+    standalone: true,
+    imports: []
 })
 export class LfFieldDocumentationComponent { }
diff --git a/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.html b/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.html
index 3b3ba888..ef3253a8 100644
--- a/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.html
+++ b/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.html
@@ -23,7 +23,7 @@
     </code>
 </p>
 <app-card>
-  <lf-field-template-container #templateContainer></lf-field-template-container>
+  <lf-field-template-container-component #templateContainer></lf-field-template-container-component>
 </app-card>
 
 <button class="primary-button lf-button" (click)="logElementInfo()">Log Element Info and Validity</button>
diff --git a/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.ts b/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.ts
index 683c60b1..f74e3ea1 100644
--- a/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.ts
+++ b/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.ts
@@ -1,37 +1,46 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { Component, AfterViewInit, ViewChild, ElementRef } from '@angular/core';
-import { LfFieldTemplateContainerComponent, LfFieldTemplateProviders } from './../../../../ui-components/lf-metadata/lf-field-template-container/public-api';
-import { LfFieldTemplateContainerDemoService, TemplateIds } from './../../../../ui-components/lf-metadata/lf-field-template-container/lf-field-template-container-demo.service';
+import { Component, AfterViewInit, ViewChild, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import {
+  LfFieldTemplateContainerComponent,
+  LfFieldTemplateProviders,
+} from './../../../../ui-components/lf-metadata/lf-field-template-container/public-api';
+import {
+  LfFieldTemplateContainerDemoService,
+  TemplateIds,
+} from './../../../../ui-components/lf-metadata/lf-field-template-container/lf-field-template-container-demo.service';
+import { CardComponent } from '../card/card.component';
 
 @Component({
   selector: 'app-lf-field-template-container-documentation',
   templateUrl: './lf-field-template-container-documentation.component.html',
-  styleUrls: ['./lf-field-template-container-documentation.component.css', './../app.component.css']
+  styleUrls: ['./lf-field-template-container-documentation.component.css', './../app.component.css'],
+  standalone: true,
+  imports: [CardComponent, LfFieldTemplateContainerComponent],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
 })
 export class LfFieldTemplateContainerDocumentationComponent implements AfterViewInit {
-
-  @ViewChild('templateContainer') elementTemplateContainer!: ElementRef<LfFieldTemplateContainerComponent>;
+  @ViewChild('templateContainer') elementTemplateContainer!: LfFieldTemplateContainerComponent;
   readonly demoService = new LfFieldTemplateContainerDemoService();
   templateProviders: LfFieldTemplateProviders = {
-    templateFieldContainerService: this.demoService
+    templateFieldContainerService: this.demoService,
   };
 
   readonly defaultComponentTemplateId = TemplateIds.DynamicLocation;
 
-  constructor() { }
+  constructor() {}
 
-  async ngAfterViewInit() : Promise<void> {
-    await this.elementTemplateContainer.nativeElement.initAsync(this.templateProviders, 6);
+  async ngAfterViewInit(): Promise<void> {
+    await this.elementTemplateContainer.initAsync(this.templateProviders, 6);
   }
 
   logElementInfo() {
-    console.log(this.elementTemplateContainer.nativeElement.forceValidation());
-    console.log(this.elementTemplateContainer.nativeElement.getTemplateValue());
+    console.log(this.elementTemplateContainer.forceValidation());
+    console.log(this.elementTemplateContainer.getTemplateValue());
   }
 
   async clearElementAsync() {
-    await this.elementTemplateContainer.nativeElement.clearAsync();
+    await this.elementTemplateContainer.clearAsync();
   }
 }
diff --git a/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.html b/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.html
index dab61993..2a7e9ded 100644
--- a/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.html
+++ b/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.html
@@ -67,7 +67,7 @@
   </code>
 </p>
 <app-card>
-  <lf-login
+  <lf-login-component
     *ngIf="client_id"
     [client_id]="client_id"
     [redirect_uri]="redirect_uri"
@@ -81,7 +81,7 @@
     (loginCompleted)="loginCompleteHandler($event)"
     (logoutCompleted)="logoutCompleteHandler($event)"
   >
-  </lf-login>
+  </lf-login-component>
 </app-card>
 
 <p class="documentation-text">
@@ -119,7 +119,7 @@
   </code>
 </p>
 <app-card>
-  <lf-login
+  <lf-login-component
     [mode]="menuMode"
     #loginMenu
     *ngIf="client_id"
@@ -133,7 +133,7 @@
     (loginCompleted)="loginCompleteHandler($event)"
     (logoutCompleted)="logoutCompleteHandler($event)"
   >
-  </lf-login>
+  </lf-login-component>
 </app-card>
 
 <p class="documentation-text">lf-login state: {{ menuState }}</p>
diff --git a/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.ts b/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.ts
index f69b4593..acda6203 100644
--- a/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.ts
+++ b/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.ts
@@ -1,52 +1,56 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { Component, ElementRef, ViewChild } from '@angular/core';
+import { Component, ViewChild, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { AbortedLoginError, LfLoginComponent } from './../../../../ui-components/lf-login/lf-login-public-api';
 import { LoginMode, LoginState, RedirectBehavior } from './../../../../ui-components/shared/lf-shared-public-api';
+import { CardComponent } from '../card/card.component';
+import { CommonModule } from '@angular/common';
 
 @Component({
   selector: 'app-lf-login-documentation',
   templateUrl: './lf-login-documentation.component.html',
-  styleUrls: ['./lf-login-documentation.component.css', './../app.component.css']
+  styleUrls: ['./lf-login-documentation.component.css', './../app.component.css'],
+  standalone: true,
+  imports: [CardComponent, CommonModule, LfLoginComponent],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
 })
 export class LfLoginDocumentationComponent {
-
   get menuState(): LoginState {
-    return this.loginElem?.nativeElement.state ?? LoginState.LoggedOut;
+    return this.loginElem?.state ?? LoginState.LoggedOut;
   }
 
   private location = window.location;
   redirect_uri: string = this.location.origin + this.location.pathname + this.location.hash;
-  scope = "All";
+  scope = 'All';
   redirect_behavior = RedirectBehavior.Replace;
   menuMode = LoginMode.Menu;
   authorizeUrlHostName = 'a.clouddev.laserfiche.com'; // TODO this is hardcoded to clouddev for now
 
-  @ViewChild('loginMenu') loginElem?: ElementRef<LfLoginComponent>;
+  @ViewChild('loginMenu') loginElem?: LfLoginComponent;
 
   //us
   client_id = 'b91PgGR2dQpeYeL2s790VY0w';
 
-  constructor() { }
+  constructor() {}
 
-  loginInitHandler(event: CustomEvent<void>) {
-    console.log("logging in");
+  loginInitHandler(event: void) {
+    console.log('logging in');
   }
 
-  logoutInitHandler(event: CustomEvent<void>) {
-    console.log("logging out");
+  logoutInitHandler(event: void) {
+    console.log('logging out');
   }
 
-  logoutCompleteHandler(event: CustomEvent<AbortedLoginError | void>) {
-    console.log("logged out", event.detail);
+  logoutCompleteHandler(error: AbortedLoginError | void) {
+    console.log('logged out', error);
   }
 
-  loginCompleteHandler(event: CustomEvent<AbortedLoginError | void>) {
-    console.log("logged in");
+  loginCompleteHandler(error: AbortedLoginError | void) {
+    console.log('logged in');
   }
 
   async refresh() {
-    await this.loginElem?.nativeElement.refreshTokenAsync(true);
+    await this.loginElem?.refreshTokenAsync(true);
   }
 }
diff --git a/projects/lf-documentation/src/app/lf-repository-browser-documentation/lf-repository-browser-documentation.component.html b/projects/lf-documentation/src/app/lf-repository-browser-documentation/lf-repository-browser-documentation.component.html
index 353913b9..10b4930d 100644
--- a/projects/lf-documentation/src/app/lf-repository-browser-documentation/lf-repository-browser-documentation.component.html
+++ b/projects/lf-documentation/src/app/lf-repository-browser-documentation/lf-repository-browser-documentation.component.html
@@ -59,7 +59,7 @@
     >Number Column</mat-checkbox
   ></div>
 <app-card>
-  <lf-repository-browser
+  <lf-repository-browser-component
     multiple="false"
     id="single-select-repo-browser"
     (entrySelected)="onEntrySelected($event)"
@@ -67,7 +67,7 @@
     (entryFocused)="onEntryFocused($event)"
     style="height: 500px"
     #singleSelectRepoBrowser
-  ><lf-toolbar [dropdown_options]="elementToolbarOptions"></lf-toolbar></lf-repository-browser>
+  ><lf-toolbar-component [dropdown_options]="elementToolbarOptions"></lf-toolbar-component></lf-repository-browser-component>
 </app-card>
 
 <label>
@@ -92,7 +92,7 @@
   >
 </div>
 <app-card>
-  <lf-repository-browser
+  <lf-repository-browser-component
     multiple="true"
     id="repo-browser"
     [isSelectable]="selectable"
@@ -102,7 +102,7 @@
     (entryFocused)="onEntryFocused($event)"
     style="height: 500px"
     #repoBrowser
-  ></lf-repository-browser>
+  ></lf-repository-browser-component>
 </app-card>
 <button (click)="setSelectedValue()">Set Selected Values</button>
 <button (click)="toggleSelectable()">
diff --git a/projects/lf-documentation/src/app/lf-repository-browser-documentation/lf-repository-browser-documentation.component.ts b/projects/lf-documentation/src/app/lf-repository-browser-documentation/lf-repository-browser-documentation.component.ts
index 3218f90c..45183bdb 100644
--- a/projects/lf-documentation/src/app/lf-repository-browser-documentation/lf-repository-browser-documentation.component.ts
+++ b/projects/lf-documentation/src/app/lf-repository-browser-documentation/lf-repository-browser-documentation.component.ts
@@ -1,7 +1,7 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core';
+import { AfterViewInit, Component, ViewChild, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { ColumnDef } from './../../../../ui-components/lf-selection-list/lf-selection-list-public-api';
 import {
   LfTreeNode,
@@ -10,21 +10,47 @@ import {
 import { DemoRepoService, propIdCreateDate, propIdNameCol, propIdNumberCol } from './demo-repo-service';
 import { ToolbarOption } from './../../../../ui-components/shared/lf-toolbar/lf-toolbar-public-api';
 import { IconUtils } from '@laserfiche/lf-js-utils';
-
-
-
-const CREATE_COL: ColumnDef = { id: propIdCreateDate, displayName: 'Creation Date', defaultWidth: 'auto', minWidthPx: 100, resizable: true, sortable: true };
-const NUMBER_COL: ColumnDef = { id: propIdNumberCol, displayName: 'Number Column', defaultWidth: 'auto', minWidthPx: 100, resizable: true, sortable: true  };
-const NAME_COL: ColumnDef = { id: propIdNameCol, displayName: 'Name', defaultWidth: 'auto', minWidthPx: 100, resizable: true, sortable: true  };
+import { CardComponent } from '../card/card.component';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { FormsModule } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+
+const CREATE_COL: ColumnDef = {
+  id: propIdCreateDate,
+  displayName: 'Creation Date',
+  defaultWidth: 'auto',
+  minWidthPx: 100,
+  resizable: true,
+  sortable: true,
+};
+const NUMBER_COL: ColumnDef = {
+  id: propIdNumberCol,
+  displayName: 'Number Column',
+  defaultWidth: 'auto',
+  minWidthPx: 100,
+  resizable: true,
+  sortable: true,
+};
+const NAME_COL: ColumnDef = {
+  id: propIdNameCol,
+  displayName: 'Name',
+  defaultWidth: 'auto',
+  minWidthPx: 100,
+  resizable: true,
+  sortable: true,
+};
 
 @Component({
   selector: 'app-lf-repository-browser-documentation',
   templateUrl: './lf-repository-browser-documentation.component.html',
   styleUrls: ['./lf-repository-browser-documentation.component.css', '../app.component.css'],
+  standalone: true,
+  imports: [CardComponent, MatCheckboxModule, FormsModule, CommonModule, LfRepositoryBrowserComponent],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
 })
 export class LfRepositoryBrowserDocumentationComponent implements AfterViewInit {
-  @ViewChild('repoBrowser') repoBrowser?: ElementRef<LfRepositoryBrowserComponent>;
-  @ViewChild('singleSelectRepoBrowser') singleSelectRepoBrowser?: ElementRef<LfRepositoryBrowserComponent>;
+  @ViewChild('repoBrowser') repoBrowser?: LfRepositoryBrowserComponent;
+  @ViewChild('singleSelectRepoBrowser') singleSelectRepoBrowser?: LfRepositoryBrowserComponent;
   allSelectable: boolean = true;
   dataService: DemoRepoService = new DemoRepoService();
   selectable = this._selectable.bind(this);
@@ -37,7 +63,7 @@ export class LfRepositoryBrowserDocumentationComponent implements AfterViewInit
     { name: 'Scan', disabled: true, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
     { name: 'Rename', disabled: false, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
     { name: 'Share', disabled: false, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
-  ]; 
+  ];
 
   elementSelectedEntry: LfTreeNode[] | undefined;
 
@@ -53,37 +79,37 @@ export class LfRepositoryBrowserDocumentationComponent implements AfterViewInit
       if (!this.repoBrowser) {
         throw new Error('repoBrowser is undefined');
       }
-      await this.repoBrowser.nativeElement.initAsync(this.dataService, this.dataService._entries['21']);
-      this.repoBrowser.nativeElement.always_show_header = true;
-      this.multiColChange() ;
+      await this.repoBrowser.initAsync(this.dataService, this.dataService._entries['21']);
+      this.repoBrowser.always_show_header = true;
+      this.multiColChange();
       if (this.repoBrowser != null) {
-        this.repoBrowser.nativeElement.focus();
+        this.repoBrowser.focus();
       }
     }, 1000);
-    
+
     if (!this.singleSelectRepoBrowser) {
       throw new Error('repoBrowser is undefined');
     }
     this.singleColChange();
-    await this.singleSelectRepoBrowser.nativeElement?.initAsync(this.singleSelectDataService);
-    this.singleSelectRepoBrowser.nativeElement.column_order_by = {columnId: 'name', isDesc: false};
+    await this.singleSelectRepoBrowser?.initAsync(this.singleSelectDataService);
+    this.singleSelectRepoBrowser.column_order_by = { columnId: 'name', isDesc: false };
   }
 
-  onEntrySelected(event: CustomEvent<LfTreeNode[] | undefined>) {
-    console.debug('entry selected', event.detail);
-    this.elementSelectedEntry = event.detail;
+  onEntrySelected(entries: LfTreeNode[] | undefined) {
+    console.debug('entry selected', entries);
+    this.elementSelectedEntry = entries;
   }
 
-  onEntryOpened(event: CustomEvent<LfTreeNode[] | undefined>) {
-    console.debug('entry double clicked', event.detail);
+  onEntryOpened(entries: LfTreeNode[] | undefined) {
+    console.debug('entry double clicked', entries);
   }
 
-  onEntryFocused(event: CustomEvent<LfTreeNode | undefined>) {
-    console.debug('entry focused', event.detail);
+  onEntryFocused(entry: LfTreeNode | undefined) {
+    console.debug('entry focused', entry);
   }
 
   onRefresh() {
-    this.repoBrowser?.nativeElement.refreshAsync();
+    this.repoBrowser?.refreshAsync();
   }
 
   singleColChange() {
@@ -95,7 +121,7 @@ export class LfRepositoryBrowserDocumentationComponent implements AfterViewInit
     if (this.number_col_single) {
       columns.push(NUMBER_COL);
     }
-    this.singleSelectRepoBrowser!.nativeElement.setColumnsToDisplay(columns);
+    this.singleSelectRepoBrowser!.setColumnsToDisplay(columns);
   }
 
   multiColChange() {
@@ -106,7 +132,7 @@ export class LfRepositoryBrowserDocumentationComponent implements AfterViewInit
     if (this.number_col_multi) {
       columns.push(NUMBER_COL);
     }
-    this.repoBrowser!.nativeElement.setColumnsToDisplay(columns);
+    this.repoBrowser!.setColumnsToDisplay(columns);
   }
 
   private _selectable(node: LfTreeNode): Promise<boolean> {
@@ -122,7 +148,7 @@ export class LfRepositoryBrowserDocumentationComponent implements AfterViewInit
   toggleSelectable() {
     this.allSelectable = !this.allSelectable;
     this.dataService = new DemoRepoService();
-    this.repoBrowser?.nativeElement.initAsync(this.dataService);
+    this.repoBrowser?.initAsync(this.dataService);
   }
 
   async setSelectedValue() {
@@ -133,6 +159,6 @@ export class LfRepositoryBrowserDocumentationComponent implements AfterViewInit
       this.dataService._entries['60'],
       this.dataService._entries['1000'],
     ];
-    await this.repoBrowser?.nativeElement.setSelectedNodesAsync(selectedValues as LfTreeNode[]);
+    await this.repoBrowser?.setSelectedNodesAsync(selectedValues as LfTreeNode[]);
   }
 }
diff --git a/projects/lf-documentation/src/app/lf-toolbar-documentation/lf-toolbar-documentation.component.html b/projects/lf-documentation/src/app/lf-toolbar-documentation/lf-toolbar-documentation.component.html
index 6705241c..7c667abd 100644
--- a/projects/lf-documentation/src/app/lf-toolbar-documentation/lf-toolbar-documentation.component.html
+++ b/projects/lf-documentation/src/app/lf-toolbar-documentation/lf-toolbar-documentation.component.html
@@ -23,8 +23,8 @@
     </code>
 </p>
 <app-card>
-    <lf-toolbar [displayed_options]="elementToolbarOptions" [dropdown_options]="elementToolbarOptions" (optionSelected)="onElementOptionSelected($event)">
-    </lf-toolbar>
+    <lf-toolbar-component [displayed_options]="elementToolbarOptions" [dropdown_options]="elementToolbarOptions" (optionSelected)="onElementOptionSelected($event)">
+    </lf-toolbar-component>
 </app-card>
 <button (click)="enableDisableElement()" class="primary-button lf-button">{{enableDisableElementText}}</button>
 <p class="documentation-text">onElementOptionSelected output: </p>
diff --git a/projects/lf-documentation/src/app/lf-toolbar-documentation/lf-toolbar-documentation.component.ts b/projects/lf-documentation/src/app/lf-toolbar-documentation/lf-toolbar-documentation.component.ts
index 78af5051..6d7747bd 100644
--- a/projects/lf-documentation/src/app/lf-toolbar-documentation/lf-toolbar-documentation.component.ts
+++ b/projects/lf-documentation/src/app/lf-toolbar-documentation/lf-toolbar-documentation.component.ts
@@ -1,17 +1,20 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { Component } from '@angular/core';
+import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IconUtils } from '@laserfiche/lf-js-utils';
-import { ToolbarOption } from './../../../../ui-components/shared/lf-toolbar/lf-toolbar-public-api'; 
+import { ToolbarOption, LfToolbarComponent } from './../../../../ui-components/shared/lf-toolbar/lf-toolbar-public-api';
+import { CardComponent } from '../card/card.component';
 
 @Component({
   selector: 'app-lf-toolbar-documentation',
   templateUrl: './lf-toolbar-documentation.component.html',
-  styleUrls: ['./lf-toolbar-documentation.component.css', './../app.component.css']
+  styleUrls: ['./lf-toolbar-documentation.component.css', './../app.component.css'],
+  standalone: true,
+  imports: [CardComponent, LfToolbarComponent],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
 })
 export class LfToolbarDocumentationComponent {
-
   elementToolbarOptions: ToolbarOption[] = [
     { name: 'Refresh', disabled: false, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
     { name: 'New Folder', disabled: true, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
@@ -24,14 +27,14 @@ export class LfToolbarDocumentationComponent {
 
   private elementOptionsDisabled: boolean = false;
 
-  constructor() { }
+  constructor() {}
 
   get enableDisableElementText(): string {
     return this.elementOptionsDisabled ? 'Enable all options' : 'Disable all options';
   }
 
-  onElementOptionSelected(option: CustomEvent<ToolbarOption | undefined>) {
-    this.selectedElementOption = JSON.stringify(option.detail, null, 2);
+  onElementOptionSelected(option: ToolbarOption | undefined) {
+    this.selectedElementOption = JSON.stringify(option, null, 2);
   }
 
   enableDisableElement(): void {
diff --git a/projects/lf-documentation/src/app/lf-user-feedback-documentation/lf-user-feedback-documentation.component.html b/projects/lf-documentation/src/app/lf-user-feedback-documentation/lf-user-feedback-documentation.component.html
index ca3a0c98..9e781f71 100644
--- a/projects/lf-documentation/src/app/lf-user-feedback-documentation/lf-user-feedback-documentation.component.html
+++ b/projects/lf-documentation/src/app/lf-user-feedback-documentation/lf-user-feedback-documentation.component.html
@@ -25,13 +25,13 @@
 </p>
 
 With all inputs defined:
-<lf-user-feedback id="my-feedback-button" hosting_module="testhostingmodule" hosting_context="testhostingcontext"
-    user_id="testuserid" account_id="testaccountid"></lf-user-feedback>
+<lf-user-feedback-component id="my-feedback-button" hosting_module="testhostingmodule" hosting_context="testhostingcontext"
+    user_id="testuserid" account_id="testaccountid"></lf-user-feedback-component>
 
 <br><br>
 With no user_id or account_id input:
-<lf-user-feedback id="my-feedback-button" hosting_module="testhostingmodule" hosting_context="testhostingcontext"
-    account_id="testaccountid"></lf-user-feedback>
+<lf-user-feedback-component id="my-feedback-button" hosting_module="testhostingmodule" hosting_context="testhostingcontext"
+    account_id="testaccountid"></lf-user-feedback-component>
 
 <p class="documentation-header">
     Overview
diff --git a/projects/lf-documentation/src/app/lf-user-feedback-documentation/lf-user-feedback-documentation.component.ts b/projects/lf-documentation/src/app/lf-user-feedback-documentation/lf-user-feedback-documentation.component.ts
index 2a25baaa..99433183 100644
--- a/projects/lf-documentation/src/app/lf-user-feedback-documentation/lf-user-feedback-documentation.component.ts
+++ b/projects/lf-documentation/src/app/lf-user-feedback-documentation/lf-user-feedback-documentation.component.ts
@@ -1,15 +1,17 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { Component } from '@angular/core';
+import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { LfUserFeedbackComponent } from 'projects/ui-components/projects';
 
 @Component({
   selector: 'app-lf-user-feedback-documentation',
   templateUrl: './lf-user-feedback-documentation.component.html',
-  styleUrls: ['./lf-user-feedback-documentation.component.css', './../app.component.css']
+  styleUrls: ['./lf-user-feedback-documentation.component.css', './../app.component.css'],
+  standalone: true,
+  imports: [LfUserFeedbackComponent],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
 })
 export class LfUserFeedbackDocumentationComponent {
-
-  constructor() { }
-
+  constructor() {}
 }
diff --git a/projects/lf-documentation/src/app/overview/overview.component.html b/projects/lf-documentation/src/app/overview/overview.component.html
index 57e58200..d4322b95 100644
--- a/projects/lf-documentation/src/app/overview/overview.component.html
+++ b/projects/lf-documentation/src/app/overview/overview.component.html
@@ -18,7 +18,7 @@
 
 <app-card>
     <div>
-        <lf-field-container #overviewField [collapsible]="true"></lf-field-container>
+        <lf-field-container-component #overviewField [collapsible]="true"></lf-field-container-component>
     </div>
 </app-card>
 
diff --git a/projects/lf-documentation/src/app/overview/overview.component.ts b/projects/lf-documentation/src/app/overview/overview.component.ts
index 00bf2405..dd76a19e 100644
--- a/projects/lf-documentation/src/app/overview/overview.component.ts
+++ b/projects/lf-documentation/src/app/overview/overview.component.ts
@@ -1,23 +1,26 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { AfterViewInit, Component, ElementRef, ViewChild } from '@angular/core';
+import { AfterViewInit, Component, ViewChild, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { LfFieldContainerComponent } from './../../../../ui-components/lf-metadata/lf-metadata-public-api';
 import { LfFieldContainerDemoService } from '../lf-field-container-documentation/lf-field-container-demo.service';
+import { CardComponent } from '../card/card.component';
 
 @Component({
   selector: 'app-overview',
   templateUrl: './overview.component.html',
-  styleUrls: ['./overview.component.css', './../app.component.css']
+  styleUrls: ['./overview.component.css', './../app.component.css'],
+  standalone: true,
+  imports: [CardComponent, LfFieldContainerComponent],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
 })
 export class OverviewComponent implements AfterViewInit {
+  @ViewChild('overviewField') elementFieldContainerRef!: LfFieldContainerComponent;
 
-  @ViewChild('overviewField') elementFieldContainerRef!: ElementRef<LfFieldContainerComponent>;
-
-  constructor() { }
+  constructor() {}
 
   async ngAfterViewInit() {
-      const elementService = new LfFieldContainerDemoService();
-      await this.elementFieldContainerRef?.nativeElement.initAsync(elementService, 1);
+    const elementService = new LfFieldContainerDemoService();
+    await this.elementFieldContainerRef?.initAsync(elementService, 1);
   }
 }
diff --git a/projects/lf-documentation/src/app/styling-documentation/styling-documentation.component.ts b/projects/lf-documentation/src/app/styling-documentation/styling-documentation.component.ts
index 09ed4922..c45b5b27 100644
--- a/projects/lf-documentation/src/app/styling-documentation/styling-documentation.component.ts
+++ b/projects/lf-documentation/src/app/styling-documentation/styling-documentation.component.ts
@@ -3,11 +3,14 @@
 
 import { Component } from '@angular/core';
 import { ThemeService } from '../theme.service';
+import { CardComponent } from '../card/card.component';
 
 @Component({
-  selector: 'app-styling-documentation',
-  templateUrl: './styling-documentation.component.html',
-  styleUrls: ['./styling-documentation.component.css', './../app.component.css']
+    selector: 'app-styling-documentation',
+    templateUrl: './styling-documentation.component.html',
+    styleUrls: ['./styling-documentation.component.css', './../app.component.css'],
+    standalone: true,
+    imports: [CardComponent]
 })
 export class StylingDocumentationComponent {
 
diff --git a/projects/lf-documentation/src/app/troubleshooting/troubleshooting.component.html b/projects/lf-documentation/src/app/troubleshooting/troubleshooting.component.html
index f5dc2b44..ed0b5f9d 100644
--- a/projects/lf-documentation/src/app/troubleshooting/troubleshooting.component.html
+++ b/projects/lf-documentation/src/app/troubleshooting/troubleshooting.component.html
@@ -118,7 +118,7 @@
   <button [matMenuTriggerFor]="testMenu">Test Mat Menu</button>
   <mat-menu #testMenu="matMenu">
     <ng-template matMenuContent>
-      <lf-user-feedback
+      <lf-user-feedback-component
         mat-menu-item
         role="menuitem"
         id="my-feedback-button"
@@ -127,7 +127,7 @@
         [user_id]="testuserid"
         [account_id]="testaccountid"
       >
-      </lf-user-feedback>
+      </lf-user-feedback-component>
     </ng-template>
   </mat-menu>
 </app-card>
diff --git a/projects/lf-documentation/src/app/troubleshooting/troubleshooting.component.ts b/projects/lf-documentation/src/app/troubleshooting/troubleshooting.component.ts
index d0041775..a450d725 100644
--- a/projects/lf-documentation/src/app/troubleshooting/troubleshooting.component.ts
+++ b/projects/lf-documentation/src/app/troubleshooting/troubleshooting.component.ts
@@ -1,17 +1,22 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { Component, OnInit } from '@angular/core';
+import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { CardComponent } from '../card/card.component';
+import { MatMenuModule } from '@angular/material/menu';
+import { LfUserFeedbackComponent } from '../../../../ui-components/projects';
 
 @Component({
   selector: 'app-troubleshooting',
   templateUrl: './troubleshooting.component.html',
-  styleUrls: ['./troubleshooting.component.css', './../app.component.css']
+  styleUrls: ['./troubleshooting.component.css', './../app.component.css'],
+  standalone: true,
+  imports: [CardComponent, MatMenuModule, LfUserFeedbackComponent],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
 })
 export class TroubleshootingComponent {
   testuserid: string = 'test-user-id';
   testaccountid: string = 'test-account-id';
 
-  constructor() { }
-
+  constructor() {}
 }
diff --git a/projects/lf-documentation/src/main.ts b/projects/lf-documentation/src/main.ts
index 99635d9d..734e823f 100644
--- a/projects/lf-documentation/src/main.ts
+++ b/projects/lf-documentation/src/main.ts
@@ -2,9 +2,10 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { enableProdMode } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { bootstrapApplication } from '@angular/platform-browser';
 
-import { AppModule } from './app/app.module';
+import { AppComponent } from './app/app.component';
+import { appConfig } from './app/app.config';
 import { environment } from './environments/environment';
 
 const link = document.createElement('link');
@@ -18,5 +19,5 @@ if (environment.production) {
   enableProdMode();
 }
 
-platformBrowserDynamic().bootstrapModule(AppModule)
+bootstrapApplication(AppComponent, appConfig)
   .catch(err => console.error(err));
diff --git a/projects/ui-components/internal-shared/general-dialog-layout/general-dialog-layout.component.spec.ts b/projects/ui-components/internal-shared/general-dialog-layout/general-dialog-layout.component.spec.ts
index 6a80015a..36b44993 100644
--- a/projects/ui-components/internal-shared/general-dialog-layout/general-dialog-layout.component.spec.ts
+++ b/projects/ui-components/internal-shared/general-dialog-layout/general-dialog-layout.component.spec.ts
@@ -8,8 +8,8 @@ import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { GeneralDialogLayoutComponent } from './general-dialog-layout.component';
 
 @Component({
-  selector: 'lf-dialog-layout-tester',
-  template: `<lf-general-dialog-layout id="layout">
+    selector: 'lf-dialog-layout-tester',
+    template: `<lf-general-dialog-layout id="layout">
       <div class="dialog-header">Header</div>
       <div class="dialog-header">Header Two</div>
       <div class="dialog-content">Content</div>
@@ -17,6 +17,8 @@ import { GeneralDialogLayoutComponent } from './general-dialog-layout.component'
       <div class="dialog-content">Content3</div>
       <div class="dialog-footer">Footer</div>
     </lf-general-dialog-layout>`,
+    standalone: true,
+    imports: [GeneralDialogLayoutComponent]
 })
 export class DialogLayoutTesterComponent {
   @ViewChild('#layout', /* TODO: add static flag */ {}) layout?: GeneralDialogLayoutComponent;
@@ -28,7 +30,7 @@ describe('LfGeneralDialogLayoutComponent UI tests', () => {
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      declarations: [ GeneralDialogLayoutComponent, DialogLayoutTesterComponent ]
+      imports: [ DialogLayoutTesterComponent ]
     })
     .compileComponents();
   }));
diff --git a/projects/ui-components/internal-shared/general-dialog-layout/general-dialog-layout.component.ts b/projects/ui-components/internal-shared/general-dialog-layout/general-dialog-layout.component.ts
index 6f5d992b..57e5ce62 100644
--- a/projects/ui-components/internal-shared/general-dialog-layout/general-dialog-layout.component.ts
+++ b/projects/ui-components/internal-shared/general-dialog-layout/general-dialog-layout.component.ts
@@ -7,8 +7,10 @@ import { Component } from '@angular/core';
  * Not for public use
  */
 @Component({
-  selector: 'lf-general-dialog-layout',
-  templateUrl: './general-dialog-layout.component.html',
-  styleUrls: ['./general-dialog-layout.component.css'],
+    selector: 'lf-general-dialog-layout',
+    templateUrl: './general-dialog-layout.component.html',
+    styleUrls: ['./general-dialog-layout.component.css'],
+    standalone: true,
+    imports: []
 })
 export class GeneralDialogLayoutComponent {}
diff --git a/projects/ui-components/internal-shared/general-dialog-layout/general-dialog-layout.module.ts b/projects/ui-components/internal-shared/general-dialog-layout/general-dialog-layout.module.ts
deleted file mode 100644
index 95227348..00000000
--- a/projects/ui-components/internal-shared/general-dialog-layout/general-dialog-layout.module.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { GeneralDialogLayoutComponent } from './general-dialog-layout.component';
-
-/**
- * @internal
- * Not for public use
- */
-@NgModule({
-  declarations: [GeneralDialogLayoutComponent],
-  imports: [CommonModule],
-  providers: [],
-  bootstrap: [GeneralDialogLayoutComponent],
-  exports: [GeneralDialogLayoutComponent],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class GeneralDialogLayoutModule { }
diff --git a/projects/ui-components/internal-shared/lf-internal-shared-public-api.ts b/projects/ui-components/internal-shared/lf-internal-shared-public-api.ts
index af8bacce..bf460026 100644
--- a/projects/ui-components/internal-shared/lf-internal-shared-public-api.ts
+++ b/projects/ui-components/internal-shared/lf-internal-shared-public-api.ts
@@ -1,10 +1,8 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-export * from './lf-loader/lf-loader.module';
 export * from './lf-loader/lf-loader.component';
 
-export * from './lf-modals/lf-modals.module';
 export * from './lf-modals/lf-popup-modal/lf-popup-modal.component';
 
 export * from './app-localization.service';
@@ -13,8 +11,6 @@ export * from './validation-utils';
 
 export * from './filter-utils';
 
-export * from './general-dialog-layout/general-dialog-layout.module';
 export * from './general-dialog-layout/general-dialog-layout.component';
 
-export * from './lf-toast-message/lf-toast-message.module';
 export * from './lf-toast-message/lf-toast-message.component';
diff --git a/projects/ui-components/internal-shared/lf-loader/lf-loader.component.ts b/projects/ui-components/internal-shared/lf-loader/lf-loader.component.ts
index 3fc27243..e875020a 100644
--- a/projects/ui-components/internal-shared/lf-loader/lf-loader.component.ts
+++ b/projects/ui-components/internal-shared/lf-loader/lf-loader.component.ts
@@ -2,6 +2,7 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
 import { Observable } from 'rxjs';
 import { AppLocalizationService } from '../app-localization.service';
 
@@ -10,9 +11,11 @@ import { AppLocalizationService } from '../app-localization.service';
  * Not for public use
  */
 @Component({
-  selector: 'lf-loader-component',
-  templateUrl: './lf-loader.component.html',
-  styleUrls: ['./lf-loader.component.css']
+    selector: 'lf-loader-component',
+    templateUrl: './lf-loader.component.html',
+    styleUrls: ['./lf-loader.component.css'],
+    standalone: true,
+    imports: [CommonModule]
 })
 export class LfLoaderComponent {
 
diff --git a/projects/ui-components/internal-shared/lf-loader/lf-loader.module.ts b/projects/ui-components/internal-shared/lf-loader/lf-loader.module.ts
deleted file mode 100644
index 2177e34f..00000000
--- a/projects/ui-components/internal-shared/lf-loader/lf-loader.module.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { LfLoaderComponent } from './lf-loader.component';
-
-/**
- * @internal
- * Not for public use
- */
-@NgModule({
-  declarations: [LfLoaderComponent],
-  imports: [CommonModule],
-  providers: [],
-  bootstrap: [LfLoaderComponent],
-  exports: [LfLoaderComponent],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class LfLoaderModule { }
diff --git a/projects/ui-components/internal-shared/lf-modals/lf-modals.module.ts b/projects/ui-components/internal-shared/lf-modals/lf-modals.module.ts
deleted file mode 100644
index bef2d754..00000000
--- a/projects/ui-components/internal-shared/lf-modals/lf-modals.module.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { NgModule } from '@angular/core';
-import { LfPopupModalComponent } from './lf-popup-modal/lf-popup-modal.component';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { FormsModule } from '@angular/forms';
-import { CommonModule } from '@angular/common';
-import { MatInputModule } from '@angular/material/input';
-
-/**
- * @internal
- * Not for public use
- */
-@NgModule({
-  declarations: [
-    LfPopupModalComponent
-  ],
-  imports: [
-    MatFormFieldModule,
-    FormsModule,
-    CommonModule,
-    MatInputModule,
-  ],
-  exports: [
-    LfPopupModalComponent
-  ],
-  bootstrap: [
-    LfPopupModalComponent
-  ]
-})
-export class LfModalsModule { }
diff --git a/projects/ui-components/internal-shared/lf-modals/lf-popup-modal/lf-popup-modal.component.ts b/projects/ui-components/internal-shared/lf-modals/lf-popup-modal/lf-popup-modal.component.ts
index a96c535c..499ea2d2 100644
--- a/projects/ui-components/internal-shared/lf-modals/lf-popup-modal/lf-popup-modal.component.ts
+++ b/projects/ui-components/internal-shared/lf-modals/lf-popup-modal/lf-popup-modal.component.ts
@@ -2,6 +2,8 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { CdkTrapFocus } from '@angular/cdk/a11y';
 import { Observable } from 'rxjs';
 
 /**
@@ -9,9 +11,11 @@ import { Observable } from 'rxjs';
  * Not for public use
  */
 @Component({
-  selector: 'lf-popup-modal-component',
-  templateUrl: './lf-popup-modal.component.html',
-  styleUrls: ['./lf-popup-modal.component.css']
+    selector: 'lf-popup-modal-component',
+    templateUrl: './lf-popup-modal.component.html',
+    styleUrls: ['./lf-popup-modal.component.css'],
+    standalone: true,
+    imports: [CommonModule, CdkTrapFocus]
 })
 export class LfPopupModalComponent {
   @Input() data!: PopupModalData;
diff --git a/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.ts b/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.ts
index f7a629d0..eeff37dc 100644
--- a/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.ts
+++ b/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.ts
@@ -2,6 +2,7 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
 
 /** @internal */
 export enum LfMessageToastTypes {
@@ -23,9 +24,11 @@ export interface LfToastMessage {
 
 /** @internal */
 @Component({
-  selector: 'lf-toast-message',
-  templateUrl: './lf-toast-message.component.html',
-  styleUrls: ['./lf-toast-message.component.css'],
+    selector: 'lf-toast-message',
+    templateUrl: './lf-toast-message.component.html',
+    styleUrls: ['./lf-toast-message.component.css'],
+    standalone: true,
+    imports: [CommonModule]
 })
 export class LfToastMessageComponent {
   @Input()
diff --git a/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.module.ts b/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.module.ts
deleted file mode 100644
index 451c6869..00000000
--- a/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.module.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { LfToastMessageComponent } from './lf-toast-message.component';
-/**
- * @internal
- * Not for public use
- */
-@NgModule({
-  declarations: [LfToastMessageComponent],
-  imports: [CommonModule],
-  providers: [],
-  bootstrap: [LfToastMessageComponent],
-  exports: [LfToastMessageComponent],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class LfToastMessageModule { }
diff --git a/projects/ui-components/karma.conf.js b/projects/ui-components/karma.conf.js
index d0cc5c7a..4e19a361 100644
--- a/projects/ui-components/karma.conf.js
+++ b/projects/ui-components/karma.conf.js
@@ -3,7 +3,7 @@
 
 // Karma configuration file, see link for more information
 // https://karma-runner.github.io/1.0/config/configuration-file.html
-process.env.CHROME_BIN = require('puppeteer').executablePath();
+process.env.CHROME_BIN = process.env.CHROME_BIN || require('puppeteer').executablePath();
 
 module.exports = function (config) {
   config.set({
diff --git a/projects/ui-components/lf-checklist/items/items-validation-text.pipe.ts b/projects/ui-components/lf-checklist/items/items-validation-text.pipe.ts
index ec85168f..c4ab9850 100644
--- a/projects/ui-components/lf-checklist/items/items-validation-text.pipe.ts
+++ b/projects/ui-components/lf-checklist/items/items-validation-text.pipe.ts
@@ -12,7 +12,8 @@ import { ChecklistItem } from './checklist-item';
  * Pipe that gets the error message for a checklist item depending on the type of error
  */
 @Pipe({
-  name: 'itemsValidationText'
+    name: 'itemsValidationText',
+    standalone: true
 })
 export class ItemsValidationTextPipe implements PipeTransform {
 
diff --git a/projects/ui-components/lf-checklist/items/items.component.ts b/projects/ui-components/lf-checklist/items/items.component.ts
index d1015aad..580a9b8e 100644
--- a/projects/ui-components/lf-checklist/items/items.component.ts
+++ b/projects/ui-components/lf-checklist/items/items.component.ts
@@ -2,18 +2,25 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { Component, OnInit, Input, Output, EventEmitter, ChangeDetectorRef } from '@angular/core';
-import { FormArray, FormBuilder, FormControl, FormGroup, ValidatorFn } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+import { FormArray, FormBuilder, FormControl, FormGroup, ValidatorFn, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatCheckboxModule } from '@angular/material/checkbox';
 import { AppLocalizationService, ValidationUtils } from '@laserfiche/lf-ui-components/internal-shared';
 import { Observable } from 'rxjs';
 import { ChecklistItem } from './checklist-item';
+import { ItemsValidationTextPipe } from './items-validation-text.pipe';
 
 /**
  * @internal
  */
 @Component({
-  selector: 'lf-items-component',
-  templateUrl: './items.component.html',
-  styleUrls: ['./items.component.css', './../lf-checklist/lf-checklist.component.css']
+    selector: 'lf-items-component',
+    templateUrl: './items.component.html',
+    styleUrls: ['./items.component.css', './../lf-checklist/lf-checklist.component.css'],
+    standalone: true,
+    imports: [CommonModule, FormsModule, ReactiveFormsModule, MatFormFieldModule, MatInputModule, MatCheckboxModule, ItemsValidationTextPipe]
 })
 export class ItemsComponent implements OnInit {
 
diff --git a/projects/ui-components/lf-checklist/lf-checklist-public-api.ts b/projects/ui-components/lf-checklist/lf-checklist-public-api.ts
index 01d85ecc..394ebae2 100644
--- a/projects/ui-components/lf-checklist/lf-checklist-public-api.ts
+++ b/projects/ui-components/lf-checklist/lf-checklist-public-api.ts
@@ -6,5 +6,3 @@ export * from './lf-checklist/lf-checklist.component';
 export * from './checklist';
 export * from './items/checklist-item';
 export * from './options/checklist-option';
-
-export * from './lf-checklist.module';
diff --git a/projects/ui-components/lf-checklist/lf-checklist.module.ts b/projects/ui-components/lf-checklist/lf-checklist.module.ts
deleted file mode 100644
index 3c9d9578..00000000
--- a/projects/ui-components/lf-checklist/lf-checklist.module.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { CUSTOM_ELEMENTS_SCHEMA, Injector, NgModule } from '@angular/core';
-import { LfChecklistComponent } from './lf-checklist/lf-checklist.component';
-import { ItemsComponent } from './items/items.component';
-import { OptionsComponent } from './options/options.component';
-import { CommonModule } from '@angular/common';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { BrowserModule } from '@angular/platform-browser';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { createCustomElement } from '@angular/elements';
-import { ItemsValidationTextPipe } from './items/items-validation-text.pipe';
-
-@NgModule({
-  declarations: [
-    LfChecklistComponent,
-    ItemsComponent,
-    OptionsComponent,
-    ItemsValidationTextPipe
-  ],
-  imports: [
-    BrowserModule,
-    CommonModule,
-    MatButtonModule,
-    MatCheckboxModule,
-    FormsModule,
-    MatFormFieldModule,
-    MatInputModule,
-    ReactiveFormsModule,
-    MatExpansionModule
-  ],
-  exports: [
-    LfChecklistComponent
-  ],
-  providers: [],
-  bootstrap: [LfChecklistComponent],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class LfChecklistModule {
-  /** @internal */
-  constructor(
-    /** @internal */ injector: Injector
-  ) {
-    const elementName: string = 'lf-checklist';
-    if (window.customElements && !customElements.get(elementName)) {
-      const newElement = createCustomElement(LfChecklistComponent, { injector });
-      customElements.define(elementName, newElement);
-    }
-  }
-}
diff --git a/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.ts b/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.ts
index f81d7e86..36b3a450 100644
--- a/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.ts
+++ b/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.ts
@@ -10,7 +10,10 @@ import {
   ViewChildren,
   QueryList,
 } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatExpansionModule } from '@angular/material/expansion';
 import { ItemsComponent } from '../items/items.component';
+import { OptionsComponent } from '../options/options.component';
 import { Checklist } from '../checklist';
 import { LfChecklistService } from '../lf-checklist.service';
 
@@ -19,9 +22,11 @@ export interface LfChecklistProviders {
 }
 
 @Component({
-  selector: 'lf-checklist-component',
-  templateUrl: './lf-checklist.component.html',
-  styleUrls: ['./lf-checklist.component.css'],
+    selector: 'lf-checklist-component',
+    templateUrl: './lf-checklist.component.html',
+    styleUrls: ['./lf-checklist.component.css'],
+    standalone: true,
+    imports: [CommonModule, MatExpansionModule, ItemsComponent, OptionsComponent]
 })
 export class LfChecklistComponent {
 
diff --git a/projects/ui-components/lf-checklist/options/options.component.ts b/projects/ui-components/lf-checklist/options/options.component.ts
index f09b0bc0..4168e8ac 100644
--- a/projects/ui-components/lf-checklist/options/options.component.ts
+++ b/projects/ui-components/lf-checklist/options/options.component.ts
@@ -2,12 +2,17 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { Component, Input, EventEmitter, Output } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { MatCheckboxModule } from '@angular/material/checkbox';
 import { ChecklistOption } from './checklist-option';
 
 @Component({
-  selector: 'lf-options-component',
-  templateUrl: './options.component.html',
-  styleUrls: ['./options.component.css', './../lf-checklist/lf-checklist.component.css'],  
+    selector: 'lf-options-component',
+    templateUrl: './options.component.html',
+    styleUrls: ['./options.component.css', './../lf-checklist/lf-checklist.component.css'],
+    standalone: true,
+    imports: [CommonModule, FormsModule, MatCheckboxModule]
 })
 export class OptionsComponent {
 
diff --git a/projects/ui-components/lf-login/lf-login-public-api.ts b/projects/ui-components/lf-login/lf-login-public-api.ts
index 51fee5ef..c599f94b 100644
--- a/projects/ui-components/lf-login/lf-login-public-api.ts
+++ b/projects/ui-components/lf-login/lf-login-public-api.ts
@@ -3,5 +3,3 @@
 
 export * from './lf-login.component';
 export * from './login-utils/lf-login-types';
-
-export * from './lf-login.module';
diff --git a/projects/ui-components/lf-login/lf-login.component.ts b/projects/ui-components/lf-login/lf-login.component.ts
index 2cd78114..9fcfa33d 100644
--- a/projects/ui-components/lf-login/lf-login.component.ts
+++ b/projects/ui-components/lf-login/lf-login.component.ts
@@ -12,6 +12,8 @@ import {
   SimpleChanges,
   AfterViewInit,
 } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatMenuModule } from '@angular/material/menu';
 import { Observable, of, Subscription } from 'rxjs';
 import { AccountInfo, RedirectUriQueryParams } from './login-utils/lf-login-internal-types';
 import {
@@ -29,9 +31,11 @@ import { ApiException, PKCEUtils, TokenClient } from '@laserfiche/lf-api-client-
 const LOGIN_REDIRECT_STATE = 'lf-login-redirect';
 const CODE_CHALLENGE_METHOD = 'S256';
 @Component({
-  selector: 'lf-login-component',
-  templateUrl: './lf-login.component.html',
-  styleUrls: ['./lf-login.component.css'],
+    selector: 'lf-login-component',
+    templateUrl: './lf-login.component.html',
+    styleUrls: ['./lf-login.component.css'],
+    standalone: true,
+    imports: [CommonModule, MatMenuModule]
 })
 export class LfLoginComponent implements OnChanges, OnDestroy, AfterViewInit {
   /** @internal */
diff --git a/projects/ui-components/lf-login/lf-login.module.ts b/projects/ui-components/lf-login/lf-login.module.ts
deleted file mode 100644
index b4f1d3a5..00000000
--- a/projects/ui-components/lf-login/lf-login.module.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Injector, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { LfLoginComponent } from './lf-login.component';
-import { MatMenuModule } from '@angular/material/menu';
-import { createCustomElement } from '@angular/elements';
-
-
-@NgModule({
-  declarations: [
-    LfLoginComponent
-  ],
-  imports: [
-    CommonModule,
-    MatMenuModule
-  ],
-  bootstrap: [
-    LfLoginComponent
-  ],
-  exports: [
-    LfLoginComponent
-  ]
-})
-export class LfLoginModule {
-  /** @internal */
-  constructor(
-    /** @internal */ injector: Injector
-  ) {
-    const elementName: string = 'lf-login';
-    if (window.customElements && !customElements.get(elementName)) {
-      const newElement = createCustomElement(LfLoginComponent, { injector });
-      customElements.define(elementName, newElement);
-    }
-  }
-}
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/base-field/base-field.directive.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/base-field/base-field.directive.ts
index f7ca7ef6..5e0670b1 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/base-field/base-field.directive.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/base-field/base-field.directive.ts
@@ -10,6 +10,7 @@ import {
   ViewChild,
   ElementRef,
   ChangeDetectorRef,
+  inject,
 } from '@angular/core';
 import { LfFieldInfo, LfFieldValue } from '../../../utils/lf-field-types';
 import { FormControl, ValidatorFn, FormGroup } from '@angular/forms';
@@ -25,6 +26,10 @@ import { CoreUtils } from '@laserfiche/lf-js-utils';
 /** @internal */
 @Directive()
 export abstract class BaseFieldDirective implements OnInit {
+  public tokenService = inject(LfFieldTokenService);
+  public ref = inject(ChangeDetectorRef);
+  public localizationService = inject(AppLocalizationService);
+
   @Input() lf_field_info!: LfFieldInfo;
   @Input() lf_field_form_control!: FormControl;
   @Input() lf_field_value: LfFieldValue | undefined;
@@ -96,11 +101,7 @@ export abstract class BaseFieldDirective implements OnInit {
     );
   }
 
-  constructor(
-    public tokenService: LfFieldTokenService,
-    public ref: ChangeDetectorRef,
-    public localizationService: AppLocalizationService
-  ) {}
+  constructor() {}
 
   fieldValidationErrorMsg!: Observable<string | undefined>;
 
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/base-field/datetime-base-field.directives.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/base-field/datetime-base-field.directives.ts
index b46aface..239f4b67 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/base-field/datetime-base-field.directives.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/base-field/datetime-base-field.directives.ts
@@ -1,15 +1,15 @@
 // Copyright Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { Directive, OnInit } from "@angular/core";
-import { BaseFieldDirective } from "./base-field.directive";
+import { Directive, OnInit } from '@angular/core';
+import { BaseFieldDirective } from './base-field.directive';
+import { ValidationRule } from '@laserfiche/lf-ui-components/internal-shared';
+import { of } from 'rxjs';
 import {
   UniComponentConfig,
   UniComponentSettings,
-  UniDateTimeComponent,
-} from '../../../../lf-date-time-picker/uni-date-time.module';
-import { ValidationRule } from "@laserfiche/lf-ui-components/internal-shared";
-import { of } from "rxjs";
+} from '../../../../lf-date-time-picker/uni-date-time.common';
+import { UniDateTimeComponent } from '../../../../lf-date-time-picker/uni-date-time.component';
 
 @Directive()
 export abstract class DateTimeBaseFieldDirective extends BaseFieldDirective implements OnInit {
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-field/date-field.component.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-field/date-field.component.ts
index 0a051dba..6c2ae15d 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-field/date-field.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-field/date-field.component.ts
@@ -2,23 +2,30 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { Component, OnInit } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule, ValidatorFn } from '@angular/forms';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
 import { ErrorStateMatcher, ShowOnDirtyErrorStateMatcher } from '@angular/material/core';
-import { ValidatorFn } from '@angular/forms';
-import { LfFieldTokenService } from '../lf-field-token.service';
 import { AppLocalizationService, ValidationRule } from '@laserfiche/lf-ui-components/internal-shared';
 import { LfMetadataDatetimeUtils } from '@laserfiche/lf-js-utils';
 import { Observable, of } from 'rxjs';
 import { DateTimeBaseFieldDirective } from '../base-field/datetime-base-field.directives';
 import { FieldFormat } from '@laserfiche/lf-ui-components/shared';
+import { UniDateTimeComponent } from '../../../../lf-date-time-picker/uni-date-time.component';
+import { LfTokenPickerComponent } from '../../lf-token-picker/lf-token-picker.component';
+import { DynamicFieldComponent } from '../dynamic-field/dynamic-field.component';
 
 @Component({
-  selector: 'lf-date-field-component',
-  templateUrl: './date-field.component.html',
-  styleUrls: ['./date-field.component.css', './../lf-field-base/lf-field-base.component.css'],
-  providers: [
-    { provide: DateTimeBaseFieldDirective, useExisting: DateFieldComponent },
-    { provide: ErrorStateMatcher, useClass: ShowOnDirtyErrorStateMatcher },
-  ],
+    selector: 'lf-date-field-component',
+    templateUrl: './date-field.component.html',
+    styleUrls: ['./date-field.component.css', './../lf-field-base/lf-field-base.component.css'],
+    providers: [
+        { provide: DateTimeBaseFieldDirective, useExisting: DateFieldComponent },
+        { provide: ErrorStateMatcher, useClass: ShowOnDirtyErrorStateMatcher },
+    ],
+    standalone: true,
+    imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, MatInputModule, UniDateTimeComponent, LfTokenPickerComponent, DynamicFieldComponent]
 })
 export class DateFieldComponent extends DateTimeBaseFieldDirective implements OnInit {
   private LOCALE_DATE: Observable<string> | undefined;
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-time-field/date-time-field.component.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-time-field/date-time-field.component.ts
index 0c9f0e91..9bbd1932 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-time-field/date-time-field.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-time-field/date-time-field.component.ts
@@ -1,22 +1,30 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { Component, OnInit } from '@angular/core';
-import { ValidatorFn } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule, ValidatorFn } from '@angular/forms';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
 import { ErrorStateMatcher, ShowOnDirtyErrorStateMatcher } from '@angular/material/core';
 import { ValidationRule } from '@laserfiche/lf-ui-components/internal-shared';
 import { LfMetadataDatetimeUtils } from '@laserfiche/lf-js-utils';
 import { Observable, of } from 'rxjs';
 import { DateTimeBaseFieldDirective } from '../base-field/datetime-base-field.directives';
 import { FieldFormat } from '@laserfiche/lf-ui-components/shared';
+import { UniDateTimeComponent } from '../../../../lf-date-time-picker/uni-date-time.component';
+import { LfTokenPickerComponent } from '../../lf-token-picker/lf-token-picker.component';
+import { DynamicFieldComponent } from '../dynamic-field/dynamic-field.component';
 
 @Component({
-  selector: 'lf-date-time-field-component',
-  templateUrl: './date-time-field.component.html',
-  styleUrls: ['./date-time-field.component.css', './../lf-field-base/lf-field-base.component.css'],
-  providers: [
-    { provide: DateTimeBaseFieldDirective, useExisting: DateTimeFieldComponent },
-    { provide: ErrorStateMatcher, useClass: ShowOnDirtyErrorStateMatcher },
-  ],
+    selector: 'lf-date-time-field-component',
+    templateUrl: './date-time-field.component.html',
+    styleUrls: ['./date-time-field.component.css', './../lf-field-base/lf-field-base.component.css'],
+    providers: [
+        { provide: DateTimeBaseFieldDirective, useExisting: DateTimeFieldComponent },
+        { provide: ErrorStateMatcher, useClass: ShowOnDirtyErrorStateMatcher },
+    ],
+    standalone: true,
+    imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, MatInputModule, UniDateTimeComponent, LfTokenPickerComponent, DynamicFieldComponent]
 })
 export class DateTimeFieldComponent extends DateTimeBaseFieldDirective implements OnInit {
   private LOCALE_DATE_TIME: Observable<string> | undefined;
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/dynamic-field/dynamic-field.component.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/dynamic-field/dynamic-field.component.ts
index a8a00647..7ccc26b6 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/dynamic-field/dynamic-field.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/dynamic-field/dynamic-field.component.ts
@@ -2,14 +2,19 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { FormControl } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule, FormControl } from '@angular/forms';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatSelectModule } from '@angular/material/select';
 import { ValidationRule } from '@laserfiche/lf-ui-components/internal-shared';
 import { Observable } from 'rxjs';
 
 @Component({
-  selector: 'lf-dynamic-field-component',
-  templateUrl: './dynamic-field.component.html',
-  styleUrls: ['./dynamic-field.component.css', './../lf-field-base/lf-field-base.component.css'],
+    selector: 'lf-dynamic-field-component',
+    templateUrl: './dynamic-field.component.html',
+    styleUrls: ['./dynamic-field.component.css', './../lf-field-base/lf-field-base.component.css'],
+    standalone: true,
+    imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, MatSelectModule]
 })
 export class DynamicFieldComponent {
   @Input() options: string[] = [];
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base.module.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base.module.ts
deleted file mode 100644
index 765a0cd2..00000000
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base.module.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { NgModule} from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DateFieldComponent } from './date-field/date-field.component';
-import { DateTimeFieldComponent } from './date-time-field/date-time-field.component';
-import { DynamicFieldComponent } from './dynamic-field/dynamic-field.component';
-import { LfFieldBaseComponent } from './lf-field-base/lf-field-base.component';
-import { ListFieldComponent } from './list-field/list-field.component';
-import { NumberFieldComponent } from './number-field/number-field.component';
-import { TextFieldComponent } from './text-field/text-field.component';
-import { TimeFieldComponent } from './time-field/time-field.component';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatSelectModule } from '@angular/material/select';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { LfFieldTokenService } from './lf-field-token.service';
-import { NgxMaskDirective, NgxMaskPipe, provideNgxMask } from 'ngx-mask';
-import { LfTokenPickerModule } from '../lf-token-picker/lf-token-picker.module';
-import { LfUniDateTimeModule, UniDateTimeComponent } from "../../../lf-date-time-picker/uni-date-time.module";
-
-@NgModule({
-  declarations: [
-    DateFieldComponent,
-    DateTimeFieldComponent,
-    DynamicFieldComponent,
-    LfFieldBaseComponent,
-    ListFieldComponent,
-    NumberFieldComponent,
-    TextFieldComponent,
-    TimeFieldComponent,
-  ],
-  imports: [
-    CommonModule,
-    FormsModule,
-    ReactiveFormsModule,
-    MatFormFieldModule,
-    MatInputModule,
-    BrowserAnimationsModule,
-    MatSelectModule,
-    MatIconModule,
-    LfTokenPickerModule,
-    NgxMaskDirective,
-    NgxMaskPipe,
-    LfUniDateTimeModule,
-],
-  providers: [
-    LfFieldTokenService,
-    provideNgxMask()
-  ],
-  exports: [
-    LfFieldBaseComponent,
-    DateFieldComponent,
-    DateTimeFieldComponent,
-    ListFieldComponent,
-    NumberFieldComponent,
-    TextFieldComponent,
-    TimeFieldComponent,
-    UniDateTimeComponent,
-  ]
-})
-export class LfFieldBaseModule { }
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.ts
index b9e000a1..73939dbc 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.ts
@@ -2,14 +2,23 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { CommonModule } from '@angular/common';
 import { FormGroup, FormControl } from '@angular/forms';
 import { FieldType } from '@laserfiche/lf-ui-components/shared';
 import { LfFieldInfo, LfFieldValue } from '../../../utils/lf-field-types';
+import { DateTimeFieldComponent } from '../date-time-field/date-time-field.component';
+import { TextFieldComponent } from '../text-field/text-field.component';
+import { DateFieldComponent } from '../date-field/date-field.component';
+import { NumberFieldComponent } from '../number-field/number-field.component';
+import { ListFieldComponent } from '../list-field/list-field.component';
+import { TimeFieldComponent } from '../time-field/time-field.component';
 
 @Component({
-  selector: 'lf-field-base-component',
-  templateUrl: './lf-field-base.component.html',
-  styleUrls: ['./lf-field-base.component.css']
+    selector: 'lf-field-base-component',
+    templateUrl: './lf-field-base.component.html',
+    styleUrls: ['./lf-field-base.component.css'],
+    standalone: true,
+    imports: [CommonModule, DateTimeFieldComponent, TextFieldComponent, DateFieldComponent, NumberFieldComponent, ListFieldComponent, TimeFieldComponent]
 })
 export class LfFieldBaseComponent {
   @Input() lfFieldInfo!: LfFieldInfo;
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-token.service.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-token.service.ts
index 5fd5a7a9..0343e05f 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-token.service.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-token.service.ts
@@ -1,7 +1,7 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { Injectable } from '@angular/core';
+import { inject, Injectable } from '@angular/core';
 import { AppLocalizationService } from '@laserfiche/lf-ui-components/internal-shared';
 import { FieldType } from '@laserfiche/lf-ui-components/shared';
 import { Observable } from 'rxjs';
@@ -13,6 +13,8 @@ import { LfToken, LfTokenService } from '../lf-token-picker/lf-token.service';
 })
 export class LfFieldTokenService implements LfTokenService {
 
+  private localizationService = inject(AppLocalizationService);
+
   private readonly defaultStringTokens: LfFieldTokenId[] = [
     LfFieldTokenId.DATE,
     LfFieldTokenId.TIME,
@@ -73,9 +75,7 @@ export class LfFieldTokenService implements LfTokenService {
     [LfFieldTokenId.FILE_MODIFIED, 'filemodified']
   ]);
 
-  constructor(
-    private localizationService: AppLocalizationService
-  ) { }
+  constructor() { }
 
   async getTokensAsync(lfFieldTokenData: LfFieldTokenData): Promise<LfToken[]> {
     if (lfFieldTokenData?.fieldType === undefined) {
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/list-field/list-field.component.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/list-field/list-field.component.ts
index 47d493a4..281bd97f 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/list-field/list-field.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/list-field/list-field.component.ts
@@ -2,20 +2,25 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { Component, OnInit } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule, ValidatorFn } from '@angular/forms';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatSelectModule } from '@angular/material/select';
 import { BaseFieldDirective } from '../base-field/base-field.directive';
-import { ValidatorFn } from '@angular/forms';
 import { ErrorStateMatcher, ShowOnDirtyErrorStateMatcher } from '@angular/material/core';
 import { ValidationRule } from '@laserfiche/lf-ui-components/internal-shared';
 import { Observable } from 'rxjs';
 
 @Component({
-  selector: 'lf-list-field-component',
-  templateUrl: './list-field.component.html',
-  styleUrls: ['./list-field.component.css', './../lf-field-base/lf-field-base.component.css'],
-  providers: [
-    { provide: BaseFieldDirective, useExisting: ListFieldComponent },
-    { provide: ErrorStateMatcher, useClass: ShowOnDirtyErrorStateMatcher }
-  ]
+    selector: 'lf-list-field-component',
+    templateUrl: './list-field.component.html',
+    styleUrls: ['./list-field.component.css', './../lf-field-base/lf-field-base.component.css'],
+    providers: [
+        { provide: BaseFieldDirective, useExisting: ListFieldComponent },
+        { provide: ErrorStateMatcher, useClass: ShowOnDirtyErrorStateMatcher }
+    ],
+    standalone: true,
+    imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, MatSelectModule]
 })
 export class ListFieldComponent extends BaseFieldDirective implements OnInit {
   getValidationTextForFieldType(validationRuleName: ValidationRule): Observable<string> | undefined {
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.ts
index fe2c98be..f383f302 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.ts
@@ -1,23 +1,30 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { Component, OnInit, AfterViewInit, ChangeDetectorRef } from '@angular/core';
+import { Component, OnInit, AfterViewInit } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule, ValidatorFn } from '@angular/forms';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
 import { BaseFieldDirective } from '../base-field/base-field.directive';
-import { ValidatorFn } from '@angular/forms';
 import { ErrorStateMatcher, ShowOnDirtyErrorStateMatcher } from '@angular/material/core';
 import { FieldFormat, FieldType } from '@laserfiche/lf-ui-components/shared';
-import { AppLocalizationService, ValidationRule, ValidationUtils } from '@laserfiche/lf-ui-components/internal-shared';
+import { ValidationRule, ValidationUtils } from '@laserfiche/lf-ui-components/internal-shared';
 import { Observable, of } from 'rxjs';
-import { LfFieldTokenService } from '../lf-field-token.service';
+import { NgxMaskDirective, provideNgxMask } from 'ngx-mask';
+import { DynamicFieldComponent } from '../dynamic-field/dynamic-field.component';
 
 @Component({
-  selector: 'lf-number-field-component',
-  templateUrl: './number-field.component.html',
-  styleUrls: ['./number-field.component.css', './../lf-field-base/lf-field-base.component.css'],
-  providers: [
-    { provide: BaseFieldDirective, useExisting: NumberFieldComponent },
-    { provide: ErrorStateMatcher, useClass: ShowOnDirtyErrorStateMatcher }
-  ]
+    selector: 'lf-number-field-component',
+    templateUrl: './number-field.component.html',
+    styleUrls: ['./number-field.component.css', './../lf-field-base/lf-field-base.component.css'],
+    providers: [
+        { provide: BaseFieldDirective, useExisting: NumberFieldComponent },
+        { provide: ErrorStateMatcher, useClass: ShowOnDirtyErrorStateMatcher },
+        provideNgxMask()
+    ],
+    standalone: true,
+    imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, MatInputModule, NgxMaskDirective, DynamicFieldComponent]
 })
 export class NumberFieldComponent extends BaseFieldDirective implements OnInit, AfterViewInit {
   private readonly NUMBER_FIELD_MUST_BE_VALID_NUMBER = this.localizationService.getStringLaserficheObservable('NUMBER_FIELD_MUST_BE_VALID_NUMBER');
@@ -32,13 +39,6 @@ export class NumberFieldComponent extends BaseFieldDirective implements OnInit,
   separatorLimit: string | undefined;
   focusState: boolean | undefined;
 
-  constructor(
-    public tokenService: LfFieldTokenService,
-    public ref: ChangeDetectorRef,
-    public localizationService: AppLocalizationService) {
-    super(tokenService, ref, localizationService);
-  }
-
   ngAfterViewInit() {
     this.setMaskForNumber();
   }
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/text-field/text-field.component.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/text-field/text-field.component.ts
index 3bab8ce5..e759d606 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/text-field/text-field.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/text-field/text-field.component.ts
@@ -1,22 +1,28 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule, ValidatorFn } from '@angular/forms';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
 import { BaseFieldDirective } from '../base-field/base-field.directive';
-import { ValidatorFn } from '@angular/forms';
 import { ErrorStateMatcher, ShowOnDirtyErrorStateMatcher } from '@angular/material/core';
-import { LfFieldTokenService } from '../lf-field-token.service';
-import { AppLocalizationService, ValidationRule } from '@laserfiche/lf-ui-components/internal-shared';
+import { ValidationRule } from '@laserfiche/lf-ui-components/internal-shared';
 import { Observable } from 'rxjs';
+import { LfTokenPickerComponent } from '../../lf-token-picker/lf-token-picker.component';
+import { DynamicFieldComponent } from '../dynamic-field/dynamic-field.component';
 
 @Component({
-  selector: 'lf-text-field-component',
-  templateUrl: './text-field.component.html',
-  styleUrls: ['./text-field.component.css', './../lf-field-base/lf-field-base.component.css'],
-  providers: [
-    { provide: BaseFieldDirective, useExisting: TextFieldComponent },
-    { provide: ErrorStateMatcher, useClass: ShowOnDirtyErrorStateMatcher }
-  ]
+    selector: 'lf-text-field-component',
+    templateUrl: './text-field.component.html',
+    styleUrls: ['./text-field.component.css', './../lf-field-base/lf-field-base.component.css'],
+    providers: [
+        { provide: BaseFieldDirective, useExisting: TextFieldComponent },
+        { provide: ErrorStateMatcher, useClass: ShowOnDirtyErrorStateMatcher }
+    ],
+    standalone: true,
+    imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, MatInputModule, LfTokenPickerComponent, DynamicFieldComponent]
 })
 export class TextFieldComponent extends BaseFieldDirective implements OnInit {
   getValidationTextForFieldType(validationRuleName: ValidationRule): Observable<string> | undefined {
@@ -28,13 +34,6 @@ export class TextFieldComponent extends BaseFieldDirective implements OnInit {
     return (!this.lf_field_info.length || this.lf_field_info.length <= 40);
   }
 
-  constructor(
-    public tokenService: LfFieldTokenService,
-    public ref: ChangeDetectorRef,
-    public localizationService: AppLocalizationService) {
-    super(tokenService, ref, localizationService);
-  }
-
   serializeFieldFormControlValue(): string {
     return this.getLfFieldFormControlValue()?.trim();
   }
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/time-field/time-field.component.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/time-field/time-field.component.ts
index c834a9bf..3d308ab7 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/time-field/time-field.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/time-field/time-field.component.ts
@@ -2,21 +2,29 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { Component, OnInit } from '@angular/core';
-import { ValidatorFn } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule, ValidatorFn } from '@angular/forms';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
 import { ErrorStateMatcher, ShowOnDirtyErrorStateMatcher } from '@angular/material/core';
 import { FieldFormat } from '@laserfiche/lf-ui-components/shared';
 import { ValidationRule, ValidationUtils } from '@laserfiche/lf-ui-components/internal-shared';
 import { Observable, of } from 'rxjs';
 import { DateTimeBaseFieldDirective } from '../base-field/datetime-base-field.directives';
+import { UniDateTimeComponent } from '../../../../lf-date-time-picker/uni-date-time.component';
+import { LfTokenPickerComponent } from '../../lf-token-picker/lf-token-picker.component';
+import { DynamicFieldComponent } from '../dynamic-field/dynamic-field.component';
 
 @Component({
-  selector: 'lf-time-field-component',
-  templateUrl: './time-field.component.html',
-  styleUrls: ['./time-field.component.css', './../lf-field-base/lf-field-base.component.css'],
-  providers: [
-    { provide: DateTimeBaseFieldDirective, useExisting: TimeFieldComponent },
-    { provide: ErrorStateMatcher, useClass: ShowOnDirtyErrorStateMatcher },
-  ],
+    selector: 'lf-time-field-component',
+    templateUrl: './time-field.component.html',
+    styleUrls: ['./time-field.component.css', './../lf-field-base/lf-field-base.component.css'],
+    providers: [
+        { provide: DateTimeBaseFieldDirective, useExisting: TimeFieldComponent },
+        { provide: ErrorStateMatcher, useClass: ShowOnDirtyErrorStateMatcher },
+    ],
+    standalone: true,
+    imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, MatInputModule, UniDateTimeComponent, LfTokenPickerComponent, DynamicFieldComponent]
 })
 export class TimeFieldComponent extends DateTimeBaseFieldDirective implements OnInit {
   private timeDisplayFormat: string | undefined;
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.ts
index 530ab8a8..67b191bb 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.ts
@@ -2,14 +2,18 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatMenuModule } from '@angular/material/menu';
 import { LfFieldTokenService } from '../lf-field-base/lf-field-token.service';
 import { LfToken } from './lf-token.service';
 
 @Component({
-  selector: 'lf-token-picker-component',
-  templateUrl: './lf-token-picker.component.html',
-  styleUrls: ['./lf-token-picker.component.css'],
-  changeDetection: ChangeDetectionStrategy.OnPush
+    selector: 'lf-token-picker-component',
+    templateUrl: './lf-token-picker.component.html',
+    styleUrls: ['./lf-token-picker.component.css'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
+    imports: [CommonModule, MatMenuModule]
 })
 export class LfTokenPickerComponent implements OnInit {
 
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.module.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.module.ts
deleted file mode 100644
index c3e22df9..00000000
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.module.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { MatMenuModule } from '@angular/material/menu';
-import { LfTokenPickerComponent } from './lf-token-picker.component';
-
-@NgModule({
-  declarations: [LfTokenPickerComponent],
-  imports: [
-    CommonModule,
-    MatMenuModule
-  ],
-  exports: [LfTokenPickerComponent]
-})
-export class LfTokenPickerModule { }
diff --git a/projects/ui-components/lf-metadata/field-components/field-components.module.ts b/projects/ui-components/lf-metadata/field-components/field-components.module.ts
deleted file mode 100644
index c01c54fe..00000000
--- a/projects/ui-components/lf-metadata/field-components/field-components.module.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { LfFieldComponent } from './lf-field/lf-field.component';
-import { LfFieldMultivalueComponent } from './lf-field-multivalue/lf-field-multivalue.component';
-import { LfFieldGroupComponent } from './lf-field-group/lf-field-group.component';
-import { LfFieldBaseModule } from './field-base-parts/lf-field-base/lf-field-base.module';
-import { LfLoaderModule } from '@laserfiche/lf-ui-components/internal-shared';
-import { ReactiveFormsModule } from '@angular/forms';
-import { DragDropModule } from '@angular/cdk/drag-drop';
-import { MatIconModule } from '@angular/material/icon';
-import { LfFieldGroupIndexDisplayPipe } from './lf-field-group/lf-field-group-index-display.pipe';
-
-@NgModule({
-  declarations: [
-    LfFieldComponent,
-    LfFieldMultivalueComponent,
-    LfFieldGroupComponent,
-    LfFieldGroupIndexDisplayPipe
-  ],
-  imports: [
-    CommonModule,
-    ReactiveFormsModule,
-    LfFieldBaseModule,
-    LfLoaderModule,
-    DragDropModule,
-    MatIconModule,
-  ],
-  bootstrap: [
-    LfFieldComponent,
-    LfFieldMultivalueComponent,
-    LfFieldGroupComponent
-  ],
-  exports: [
-    LfFieldComponent,
-    LfFieldMultivalueComponent,
-    LfFieldGroupComponent
-  ]
-})
-export class FieldComponentsModule { }
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group-index-display.pipe.ts b/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group-index-display.pipe.ts
index 1c63460b..0ee14f9a 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group-index-display.pipe.ts
+++ b/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group-index-display.pipe.ts
@@ -10,7 +10,8 @@ import { map } from 'rxjs/operators';
  * Pipe that formats a string '{0} of {1}' with the given parameters
  */
 @Pipe({
-  name: 'lfFieldGroupIndexDisplay'
+    name: 'lfFieldGroupIndexDisplay',
+    standalone: true
 })
 export class LfFieldGroupIndexDisplayPipe implements PipeTransform {
 
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.ts b/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.ts
index 29e55fe0..79a1821a 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.ts
@@ -1,7 +1,7 @@
 // Copyright Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';
+import { CdkDragDrop, moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
 import {
   ChangeDetectionStrategy,
   ChangeDetectorRef,
@@ -10,18 +10,23 @@ import {
   Input,
   Output
 } from '@angular/core';
-import { AbstractControl, FormArray, FormBuilder, FormControl, FormGroup } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+import { AbstractControl, FormArray, FormBuilder, FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
 import { FieldType } from '@laserfiche/lf-ui-components/shared';
-import { AppLocalizationService } from '@laserfiche/lf-ui-components/internal-shared';
+import { AppLocalizationService, LfLoaderComponent } from '@laserfiche/lf-ui-components/internal-shared';
 import { FieldDefinition } from '../utils/lf-field-internal-types';
 import { FieldValue, TemplateFieldInfo } from '../utils/lf-field-types';
 import { isDynamicField } from '../utils/metadata-utils';
+import { LfFieldBaseComponent } from '../field-base-parts/lf-field-base/lf-field-base/lf-field-base.component';
+import { LfFieldGroupIndexDisplayPipe } from './lf-field-group-index-display.pipe';
 
 @Component({
-  selector: 'lf-field-group-component',
-  templateUrl: './lf-field-group.component.html',
-  styleUrls: ['./lf-field-group.component.css'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
+    selector: 'lf-field-group-component',
+    templateUrl: './lf-field-group.component.html',
+    styleUrls: ['./lf-field-group.component.css'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
+    imports: [CommonModule, ReactiveFormsModule, DragDropModule, LfLoaderComponent, LfFieldBaseComponent, LfFieldGroupIndexDisplayPipe]
 })
 export class LfFieldGroupComponent {
   /** @internal */
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.ts b/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.ts
index 124dd5ee..1ed75848 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.ts
@@ -2,16 +2,21 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
-import { FormGroup, FormBuilder, FormArray, FormControl } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule, FormGroup, FormBuilder, FormArray, FormControl } from '@angular/forms';
 import { CoreUtils } from '@laserfiche/lf-js-utils';
 import { FieldType } from '@laserfiche/lf-ui-components/shared';
+import { LfLoaderComponent } from '@laserfiche/lf-ui-components/internal-shared';
 import { FieldValue, LfFieldInfo, LfFieldValue } from '../utils/lf-field-types';
+import { LfFieldBaseComponent } from '../field-base-parts/lf-field-base/lf-field-base/lf-field-base.component';
 
 @Component({
-  selector: 'lf-field-multivalue-component',
-  templateUrl: './lf-field-multivalue.component.html',
-  styleUrls: ['./lf-field-multivalue.component.css'],
-  changeDetection: ChangeDetectionStrategy.OnPush
+    selector: 'lf-field-multivalue-component',
+    templateUrl: './lf-field-multivalue.component.html',
+    styleUrls: ['./lf-field-multivalue.component.css'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
+    imports: [CommonModule, ReactiveFormsModule, LfLoaderComponent, LfFieldBaseComponent]
 })
 export class LfFieldMultivalueComponent {
 
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.ts b/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.ts
index c5940733..80ce6809 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.ts
@@ -2,16 +2,21 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
-import { FormControl, FormGroup, FormBuilder } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule, FormControl, FormGroup, FormBuilder } from '@angular/forms';
 import { CoreUtils } from '@laserfiche/lf-js-utils';
 import { FieldType } from '@laserfiche/lf-ui-components/shared';
+import { LfLoaderComponent } from '@laserfiche/lf-ui-components/internal-shared';
 import { FieldValue, LfFieldInfo, LfFieldValue } from '../utils/lf-field-types';
+import { LfFieldBaseComponent } from '../field-base-parts/lf-field-base/lf-field-base/lf-field-base.component';
 
 @Component({
-  selector: 'lf-field-component',
-  templateUrl: './lf-field.component.html',
-  styleUrls: ['./lf-field.component.css'],
-  changeDetection: ChangeDetectionStrategy.OnPush
+    selector: 'lf-field-component',
+    templateUrl: './lf-field.component.html',
+    styleUrls: ['./lf-field.component.css'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
+    imports: [CommonModule, ReactiveFormsModule, LfLoaderComponent, LfFieldBaseComponent]
 })
 export class LfFieldComponent {
 
diff --git a/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.ts b/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.ts
index 7b6e0911..83148805 100644
--- a/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.ts
+++ b/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.ts
@@ -14,10 +14,13 @@ import {
   EventEmitter,
   Output,
 } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule, FormGroup, FormControl, AbstractControl } from '@angular/forms';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
 import forEach from 'lodash/forEach';
 import isNil from 'lodash/isNil';
 import cloneDeep from 'lodash/cloneDeep';
-import { FormGroup, FormControl, AbstractControl } from '@angular/forms';
 
 // Component dependencies
 import {
@@ -41,9 +44,11 @@ import { LFTimePickerPlugin } from './plugin-lfTimePicker';
 import { LFDatePickerPlugin } from './plugin-lfDatePicker';
 
 @Component({
-  selector: 'lf-uni-date-time',
-  templateUrl: './uni-date-time.component.html',
-  styleUrls: ['./uni-date-time.component.less'],
+    selector: 'lf-uni-date-time',
+    templateUrl: './uni-date-time.component.html',
+    styleUrls: ['./uni-date-time.component.less'],
+    standalone: true,
+    imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, MatInputModule]
 })
 export class UniDateTimeComponent implements OnInit, AfterViewInit, AfterContentInit {
   @HostBinding('class.required') isRequired = false;
diff --git a/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.module.ts b/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.module.ts
deleted file mode 100644
index 1e82b312..00000000
--- a/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.module.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-// Copyright Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { ReactiveFormsModule } from '@angular/forms';
-import { UniDateTimeComponent } from './uni-date-time.component';
-import { MatInputModule } from '@angular/material/input';
-import {
-  UniComponentConfig,
-  UniComponentSettings,
-} from './uni-date-time.common';
-
-@NgModule({
-  declarations: [
-    UniDateTimeComponent
-  ],
-    imports: [
-        CommonModule,
-        ReactiveFormsModule,
-        MatInputModule,
-  ],
-  exports: [
-    UniDateTimeComponent,
-  ]
-})
-export class LfUniDateTimeModule { }
-export { UniDateTimeComponent, UniComponentSettings, UniComponentConfig };
diff --git a/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.service.ts b/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.service.ts
index 6854a9d9..3fc213f7 100644
--- a/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.service.ts
+++ b/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.service.ts
@@ -20,7 +20,6 @@ import {
   isLeapYear,
   startOfDay,
   endOfMonth,
-  getWeek,
   getISOWeek,
   differenceInYears,
   differenceInMonths,
@@ -661,9 +660,7 @@ export class UniDateTimeService {
           ? parts[0] + '-' + parts[1].toUpperCase()
           : parts.length == 3
             ? parts[0] + '-' + parts[1].substring(0, 1).toUpperCase() + parts[1].substring(1) + '-' + parts[2].toUpperCase()
-            : 'hans' || parts[1] != 'hant'
-              ? parts[0] + '-' + parts[1].substring(0, 1).toUpperCase() + parts[1].substring(1)
-              : locale;
+            : parts[0] + '-' + parts[1].substring(0, 1).toUpperCase() + parts[1].substring(1);
     }
   };
 
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/get-field-type.pipe.ts b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/get-field-type.pipe.ts
index 51b1cc3b..b3195a85 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/get-field-type.pipe.ts
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/get-field-type.pipe.ts
@@ -10,7 +10,8 @@ import { LfFieldInfo } from './../../field-components/utils/lf-field-types';
  * Pipe that returns the localized field type, given a fieldInfo and a set of localized strings
  */
 @Pipe({
-  name: 'getFieldType'
+    name: 'getFieldType',
+    standalone: true
 })
 export class GetFieldTypePipe implements PipeTransform {
 
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.ts b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.ts
index 3dcf1754..36de49d0 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.ts
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.ts
@@ -2,18 +2,22 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { Component, EventEmitter, Output, Input, ChangeDetectorRef, AfterViewInit, ViewChild, TemplateRef } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule, FormControl } from '@angular/forms';
+import { A11yModule } from '@angular/cdk/a11y';
+import { ScrollingModule } from '@angular/cdk/scrolling';
+import { MatCheckboxModule, MatCheckboxChange } from '@angular/material/checkbox';
 import { AdhocFieldConnectorService } from '../lf-field-adhoc-connector.service';
-import { MatCheckboxChange } from '@angular/material/checkbox';
 import { AdhocFieldInfo } from '../lf-field-adhoc-container-types';
 import { MatDialog, MatDialogRef } from '@angular/material/dialog';
-import { FormControl } from '@angular/forms';
 import { debounceTime } from 'rxjs/operators';
 import { LfFieldAdhocContainerService } from '../lf-field-adhoc-container.service';
 import { FieldType } from '@laserfiche/lf-ui-components/shared';
 import { LfFieldInfo } from '../../field-components/utils/lf-field-types';
 import { Observable } from 'rxjs';
-import { PopupModalResult, AppLocalizationService, filterObjectsByName, PopupModalData } from '@laserfiche/lf-ui-components/internal-shared';
+import { PopupModalResult, AppLocalizationService, filterObjectsByName, PopupModalData, LfLoaderComponent, LfPopupModalComponent } from '@laserfiche/lf-ui-components/internal-shared';
 import { CoreUtils } from '@laserfiche/lf-js-utils';
+import { GetFieldTypePipe } from './get-field-type.pipe';
 
 /**
  * @internal
@@ -29,9 +33,11 @@ export enum AddRemoveState {
  * @internal
  */
 @Component({
-  selector: 'lf-field-add-remove-component',
-  templateUrl: './lf-field-add-remove.component.html',
-  styleUrls: ['./lf-field-add-remove.component.css']
+    selector: 'lf-field-add-remove-component',
+    templateUrl: './lf-field-add-remove.component.html',
+    styleUrls: ['./lf-field-add-remove.component.css'],
+    standalone: true,
+    imports: [CommonModule, ReactiveFormsModule, A11yModule, ScrollingModule, MatCheckboxModule, LfLoaderComponent, LfPopupModalComponent, GetFieldTypePipe]
 })
 export class LfFieldAddRemoveComponent implements AfterViewInit {
   private readonly APPLY_CHANGES = this.localizationService.getStringLaserficheObservable('APPLY_CHANGES');
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.ts b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.ts
index 0bb074f8..43ae8ba2 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.ts
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.ts
@@ -2,6 +2,7 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { Component, ChangeDetectorRef, Input, ViewChild, OnDestroy, ComponentRef, AfterViewInit, EventEmitter, Output, NgZone, ElementRef } from '@angular/core';
+import { CommonModule } from '@angular/common';
 import { LfFieldAdhocContainerService as LfFieldAdhocContainerService } from './lf-field-adhoc-container.service';
 import { AdhocFieldConnectorService } from './lf-field-adhoc-connector.service';
 import { AdhocFieldInfo } from './lf-field-adhoc-container-types';
@@ -13,13 +14,16 @@ import { LfFieldComponent } from '../field-components/lf-field/lf-field.componen
 import { LfFieldMultivalueComponent } from '../field-components/lf-field-multivalue/lf-field-multivalue.component';
 import { LfFieldMetadataConnectorService } from '../lf-field-metadata-connector.service';
 import { LfFieldContainerDirective } from '../lf-field-container.directive';
+import { LfFieldViewDirective } from '../lf-field-view.directive';
 import { CoreUtils } from '@laserfiche/lf-js-utils';
 
 @Component({
-  selector: 'lf-field-adhoc-container-component',
-  templateUrl: './lf-field-adhoc-container.component.html',
-  styleUrls: ['./lf-field-adhoc-container.component.css'],
-  providers: [AdhocFieldConnectorService]
+    selector: 'lf-field-adhoc-container-component',
+    templateUrl: './lf-field-adhoc-container.component.html',
+    styleUrls: ['./lf-field-adhoc-container.component.css'],
+    providers: [AdhocFieldConnectorService],
+    standalone: true,
+    imports: [CommonModule, LfFieldViewDirective, LfFieldAddRemoveComponent]
 })
 export class LfFieldAdhocContainerComponent extends LfFieldContainerDirective implements OnDestroy, AfterViewInit {
   /** @internal */
diff --git a/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.ts b/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.ts
index 122c3d10..4a71b97c 100644
--- a/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.ts
+++ b/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.ts
@@ -10,6 +10,8 @@ import {
   Output,
   ViewChild,
 } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatExpansionModule } from '@angular/material/expansion';
 import { LfFieldContainerService } from './lf-field-container.service';
 import { LfFieldAdhocContainerComponent } from '../lf-field-adhoc-container/lf-field-adhoc-container.component';
 import { LfFieldTemplateContainerComponent } from '../lf-field-template-container/lf-field-template-container.component';
@@ -19,9 +21,11 @@ import { Observable, of } from 'rxjs';
 import { CoreUtils } from '@laserfiche/lf-js-utils';
 
 @Component({
-  selector: 'lf-field-container-component',
-  templateUrl: './lf-field-container.component.html',
-  styleUrls: ['./lf-field-container.component.css']
+    selector: 'lf-field-container-component',
+    templateUrl: './lf-field-container.component.html',
+    styleUrls: ['./lf-field-container.component.css'],
+    standalone: true,
+    imports: [CommonModule, MatExpansionModule, LfFieldTemplateContainerComponent, LfFieldAdhocContainerComponent]
 })
 export class LfFieldContainerComponent {
   @Input() collapsible: boolean = false;
diff --git a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.ts b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.ts
index 578fd958..05767436 100644
--- a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.ts
+++ b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.ts
@@ -13,7 +13,9 @@ import {
   NgZone,
   ChangeDetectorRef,
 } from '@angular/core';
-import { MatSelectChange } from '@angular/material/select';
+import { CommonModule } from '@angular/common';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatSelectModule, MatSelectChange } from '@angular/material/select';
 import { Observable, Subscription } from 'rxjs';
 import { LfFieldMetadataConnectorService } from '../lf-field-metadata-connector.service';
 import { LfFieldContainerDirective } from '../lf-field-container.directive';
@@ -33,14 +35,17 @@ import { LfFieldGroupComponent } from '../field-components/lf-field-group/lf-fie
 import { FieldDefinition } from '../field-components/utils/lf-field-internal-types';
 import { isDynamicField } from '../field-components/utils/metadata-utils';
 import { FieldType } from '@laserfiche/lf-ui-components/shared';
-import { AppLocalizationService } from '@laserfiche/lf-ui-components/internal-shared';
+import { AppLocalizationService, LfLoaderComponent } from '@laserfiche/lf-ui-components/internal-shared';
 import { CoreUtils } from '@laserfiche/lf-js-utils';
 import { DropDownState, TemplateState } from './lf-field-template-container-states';
+import { LfFieldViewDirective } from '../lf-field-view.directive';
 
 @Component({
-  selector: 'lf-field-template-container-component',
-  templateUrl: './lf-field-template-container.component.html',
-  styleUrls: ['./lf-field-template-container.component.css'],
+    selector: 'lf-field-template-container-component',
+    templateUrl: './lf-field-template-container.component.html',
+    styleUrls: ['./lf-field-template-container.component.css'],
+    standalone: true,
+    imports: [CommonModule, MatFormFieldModule, MatSelectModule, LfLoaderComponent, LfFieldViewDirective]
 })
 export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective implements AfterViewInit, OnDestroy {
   @Output() templateSelectedChange = new EventEmitter<number>();
diff --git a/projects/ui-components/lf-metadata/lf-field-view.directive.ts b/projects/ui-components/lf-metadata/lf-field-view.directive.ts
index cc2a8f3b..6b596435 100644
--- a/projects/ui-components/lf-metadata/lf-field-view.directive.ts
+++ b/projects/ui-components/lf-metadata/lf-field-view.directive.ts
@@ -5,7 +5,8 @@ import { Directive, ViewContainerRef } from '@angular/core';
 
 /** @internal */
 @Directive({
-  selector: '[lfFieldView]',
+    selector: '[lfFieldView]',
+    standalone: true
 })
 export class LfFieldViewDirective {
   constructor(public viewContainerRef: ViewContainerRef) { }
diff --git a/projects/ui-components/lf-metadata/lf-metadata-public-api.ts b/projects/ui-components/lf-metadata/lf-metadata-public-api.ts
index a32332d6..74a439a7 100644
--- a/projects/ui-components/lf-metadata/lf-metadata-public-api.ts
+++ b/projects/ui-components/lf-metadata/lf-metadata-public-api.ts
@@ -4,5 +4,3 @@
 export * from './lf-field-container/public-api';
 export * from './lf-field-adhoc-container/public-api';
 export * from './lf-field-template-container/public-api';
-
-export * from './lf-metadata.module';
diff --git a/projects/ui-components/lf-metadata/lf-metadata.module.ts b/projects/ui-components/lf-metadata/lf-metadata.module.ts
deleted file mode 100644
index 67766562..00000000
--- a/projects/ui-components/lf-metadata/lf-metadata.module.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { CUSTOM_ELEMENTS_SCHEMA, Injector, NgModule } from '@angular/core';
-import { LfFieldContainerComponent } from './lf-field-container/lf-field-container.component';
-import { LfFieldAddRemoveComponent } from './lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component';
-import { LfFieldAdhocContainerComponent } from './lf-field-adhoc-container/lf-field-adhoc-container.component';
-import { LfFieldTemplateContainerComponent } from './lf-field-template-container/lf-field-template-container.component';
-import { CommonModule } from '@angular/common';
-import { ReactiveFormsModule } from '@angular/forms';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatSelectModule } from '@angular/material/select';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { createCustomElement } from '@angular/elements';
-import { LfLoaderModule, LfModalsModule } from '@laserfiche/lf-ui-components/internal-shared';
-import { FieldComponentsModule } from './field-components/field-components.module';
-import { GetFieldTypePipe } from './lf-field-adhoc-container/lf-field-add-remove/get-field-type.pipe';
-import { LfFieldViewDirective } from './lf-field-view.directive';
-import {ScrollingModule} from '@angular/cdk/scrolling';
-import { MatDialogModule } from '@angular/material/dialog';
-import { LfUniDateTimeModule } from './lf-date-time-picker/uni-date-time.module';
-import { A11yModule } from '@angular/cdk/a11y';
-
-@NgModule({
-  declarations: [
-    LfFieldAdhocContainerComponent,
-    LfFieldTemplateContainerComponent,
-    LfFieldAddRemoveComponent,
-    LfFieldContainerComponent,
-    GetFieldTypePipe,
-    LfFieldViewDirective
-  ],
-  imports: [
-    A11yModule,
-    CommonModule,
-    BrowserAnimationsModule,
-    MatSelectModule,
-    MatCheckboxModule,
-    MatExpansionModule,
-    FieldComponentsModule,
-    ReactiveFormsModule,
-    LfModalsModule,
-    LfLoaderModule,
-    ScrollingModule,
-    MatDialogModule,
-  ],
-  bootstrap: [
-    LfFieldAdhocContainerComponent,
-    LfFieldTemplateContainerComponent,
-    LfFieldContainerComponent
-  ],
-  exports: [
-    LfFieldAdhocContainerComponent,
-    LfFieldTemplateContainerComponent,
-    LfFieldContainerComponent,
-  ],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA]
-})
-export class LfMetadataModule {
-  /** @internal */
-  constructor(
-    /** @internal */ injector: Injector
-  ) {
-    const templateElementName: string = 'lf-field-template-container';
-    if (window.customElements && !customElements.get(templateElementName)) {
-      // Convert component to a custom element.
-      const LfFieldTemplateContainerElement = createCustomElement(LfFieldTemplateContainerComponent, { injector });
-
-      // Register the custom element with the browser.
-      customElements.define(templateElementName, LfFieldTemplateContainerElement);
-    }
-
-    const adhocElementName: string = 'lf-field-adhoc-container';
-    if (window.customElements && !customElements.get(adhocElementName)) {
-      const newElement = createCustomElement(LfFieldAdhocContainerComponent, { injector });
-      customElements.define(adhocElementName, newElement);
-    }
-
-    const fieldContainerElementName: string = 'lf-field-container';
-    if (window.customElements && !customElements.get(fieldContainerElementName)) {
-      const lfFieldContainerElement = createCustomElement(LfFieldContainerComponent, { injector });
-      customElements.define(fieldContainerElementName, lfFieldContainerElement);
-    }
-  }
-}
diff --git a/projects/ui-components/lf-repository-browser/lf-repository-browser-public-api.ts b/projects/ui-components/lf-repository-browser/lf-repository-browser-public-api.ts
index a21e10bf..ae014fd1 100644
--- a/projects/ui-components/lf-repository-browser/lf-repository-browser-public-api.ts
+++ b/projects/ui-components/lf-repository-browser/lf-repository-browser-public-api.ts
@@ -3,4 +3,3 @@
 
 export * from './lf-repository-browser.component';
 export * from './ILfTreeNodeService';
-export * from './lf-repository-browser.module';
diff --git a/projects/ui-components/lf-repository-browser/lf-repository-browser.component.ts b/projects/ui-components/lf-repository-browser/lf-repository-browser.component.ts
index 7cdfbaf3..9f92b177 100644
--- a/projects/ui-components/lf-repository-browser/lf-repository-browser.component.ts
+++ b/projects/ui-components/lf-repository-browser/lf-repository-browser.component.ts
@@ -13,9 +13,11 @@ import {
   Output,
   ViewChild,
 } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
 import { ILfSelectable, ItemWithId } from '@laserfiche/lf-ui-components/shared';
-import { AppLocalizationService } from '@laserfiche/lf-ui-components/internal-shared';
+import { AppLocalizationService, LfLoaderComponent } from '@laserfiche/lf-ui-components/internal-shared';
 import { LfTreeNodeService, LfTreeNode, LfTreeNodePage } from './ILfTreeNodeService';
 import { Subject } from 'rxjs';
 import { debounceTime } from 'rxjs/operators';
@@ -25,6 +27,7 @@ import {
   LfSelectionListComponent,
   SelectedItemEvent,
 } from '@laserfiche/lf-ui-components/lf-selection-list';
+import { LfBreadcrumbsComponent } from '@laserfiche/lf-ui-components/shared';
 
 /** @internal */
 const NAME_COL_AUTO: ColumnDef = {
@@ -46,9 +49,11 @@ const NAME_COL_50CH: ColumnDef = {
 };
 
 @Component({
-  selector: 'lf-repository-browser-component',
-  templateUrl: './lf-repository-browser.component.html',
-  styleUrls: ['./lf-repository-browser.component.css'],
+    selector: 'lf-repository-browser-component',
+    templateUrl: './lf-repository-browser.component.html',
+    styleUrls: ['./lf-repository-browser.component.css'],
+    standalone: true,
+    imports: [CommonModule, FormsModule, LfBreadcrumbsComponent, LfLoaderComponent, LfSelectionListComponent]
 })
 export class LfRepositoryBrowserComponent implements OnDestroy, AfterViewInit {
   /**
diff --git a/projects/ui-components/lf-repository-browser/lf-repository-browser.module.ts b/projects/ui-components/lf-repository-browser/lf-repository-browser.module.ts
deleted file mode 100644
index 19628c31..00000000
--- a/projects/ui-components/lf-repository-browser/lf-repository-browser.module.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { CUSTOM_ELEMENTS_SCHEMA, Injector, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ScrollingModule } from '@angular/cdk/scrolling';
-import { createCustomElement } from '@angular/elements';
-import { FormsModule } from '@angular/forms';
-import { LfRepositoryBrowserComponent } from './lf-repository-browser.component';
-import { LfBreadcrumbsModule } from '@laserfiche/lf-ui-components/shared';
-import { LfLoaderModule } from '@laserfiche/lf-ui-components/internal-shared';
-import { LfSelectionListModule } from '@laserfiche/lf-ui-components/lf-selection-list';
-
-@NgModule({
-  declarations: [LfRepositoryBrowserComponent],
-  imports: [
-    CommonModule,
-    FormsModule,
-    LfBreadcrumbsModule,
-    LfLoaderModule,
-    LfSelectionListModule,
-  ],
-  bootstrap: [LfRepositoryBrowserComponent],
-  exports: [LfRepositoryBrowserComponent],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class LfRepositoryBrowserModule {
-  /** @internal */
-  constructor(/** @internal */ injector: Injector) {
-    const repositoryExplorerElementName: string = 'lf-repository-browser';
-    if (window.customElements && !customElements.get(repositoryExplorerElementName)) {
-      const repoExplorerElement = createCustomElement(LfRepositoryBrowserComponent, { injector });
-      customElements.define(repositoryExplorerElementName, repoExplorerElement);
-    }
-  }
-}
diff --git a/projects/ui-components/lf-selection-list/lf-selection-list-data-source.ts b/projects/ui-components/lf-selection-list/lf-selection-list-data-source.ts
index bac8a96b..bb77cd9e 100644
--- a/projects/ui-components/lf-selection-list/lf-selection-list-data-source.ts
+++ b/projects/ui-components/lf-selection-list/lf-selection-list-data-source.ts
@@ -22,8 +22,8 @@ export class GridSelectionListDataSource extends DataSource<any> {
   offset = 0;
   offsetChange = new BehaviorSubject(0);
 
-  extraData: number = this.pageSize / 2;
-  bufferToEnd: number = this.pageSize / 4;
+  extraData!: number;
+  bufferToEnd!: number;
 
   get allData(): ILfSelectable[] {
     return this._data.slice();
@@ -48,6 +48,8 @@ export class GridSelectionListDataSource extends DataSource<any> {
 
   constructor(initialData: ILfSelectable[], private viewport: CdkVirtualScrollViewport, private itemSize: number, public pageSize: number) {
     super();
+    this.extraData = this.pageSize / 2;
+    this.bufferToEnd = this.pageSize / 4;
     this._data = initialData;
     this.viewport.setTotalContentSize(this.itemSize * initialData.length);
     this.dataStart = 0;
diff --git a/projects/ui-components/lf-selection-list/lf-selection-list-public-api.ts b/projects/ui-components/lf-selection-list/lf-selection-list-public-api.ts
index b456d404..70206ec9 100644
--- a/projects/ui-components/lf-selection-list/lf-selection-list-public-api.ts
+++ b/projects/ui-components/lf-selection-list/lf-selection-list-public-api.ts
@@ -3,5 +3,3 @@
 
 export * from './lf-selection-list.component';
 export * from './lf-selection-list-types';
-
-export * from './lf-selection-list.module';
diff --git a/projects/ui-components/lf-selection-list/lf-selection-list.component.spec.ts b/projects/ui-components/lf-selection-list/lf-selection-list.component.spec.ts
index 5fa94786..35bfd319 100644
--- a/projects/ui-components/lf-selection-list/lf-selection-list.component.spec.ts
+++ b/projects/ui-components/lf-selection-list/lf-selection-list.component.spec.ts
@@ -45,8 +45,8 @@ const itemList: ILfSelectable[] = [
 ];
 
 @Component({
-  selector: 'lf-selection-list-test',
-  template: `<div [style.width.px]="containerWidth" [style.height.px]="'250'">
+    selector: 'lf-selection-list-test',
+    template: `<div [style.width.px]="containerWidth" [style.height.px]="'250'">
     <lf-selection-list-component id="lf-selection-list"
       style="height: 100%; width: 100%;"
       [listItems]="items" [multipleSelection]="multiple"
@@ -57,7 +57,9 @@ const itemList: ILfSelectable[] = [
       [uniqueIdentifier]="uniqueIdentifier"
       ></lf-selection-list-component>
   </div>`,
-  styles: []
+    styles: [],
+    standalone: true,
+    imports: [LfSelectionListComponent]
 })
 export class LfListTestComponent {
   @ViewChild(LfSelectionListComponent) list?: LfSelectionListComponent;
@@ -82,7 +84,8 @@ export class LfListTestComponent {
 }
 
 @Directive({
-  selector: "[lfResizeColumn]"
+    selector: "[lfResizeColumn]",
+    standalone: true
 })
 export class MockResizeDirective {
   @Input('lfResizeColumn') resizable: boolean = false;
@@ -102,14 +105,15 @@ describe('LfListComponent single select', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ LfListTestComponent, LfSelectionListComponent, MockResizeDirective],
       imports: [
         CommonModule,
         ScrollingModule,
         MatCheckboxModule,
         MatTableModule,
         MatSortModule,
-        BrowserAnimationsModule
+        BrowserAnimationsModule,
+        LfListTestComponent,
+        MockResizeDirective
       ]
     })
     .compileComponents();
diff --git a/projects/ui-components/lf-selection-list/lf-selection-list.component.ts b/projects/ui-components/lf-selection-list/lf-selection-list.component.ts
index 0d402056..aa84087d 100644
--- a/projects/ui-components/lf-selection-list/lf-selection-list.component.ts
+++ b/projects/ui-components/lf-selection-list/lf-selection-list.component.ts
@@ -2,7 +2,7 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
-import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
+import { CdkVirtualScrollViewport, ScrollingModule } from '@angular/cdk/scrolling';
 import {
   AfterViewInit,
   ChangeDetectionStrategy,
@@ -16,12 +16,15 @@ import {
   TemplateRef,
   ViewChild,
 } from '@angular/core';
-import { MatSort, Sort } from '@angular/material/sort';
+import { CommonModule } from '@angular/common';
+import { MatSort, Sort, MatSortModule } from '@angular/material/sort';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatTableModule } from '@angular/material/table';
 import { ILfSelectable, ItemWithId, Selectable } from '@laserfiche/lf-ui-components/shared';
 import { Subscription } from 'rxjs';
 import { GridSelectionListDataSource } from './lf-selection-list-data-source';
 import { ColumnDef, ColumnOrderBy, SelectedItemEvent } from './lf-selection-list-types';
-import { COLUMN_MIN_WIDTH } from './resize-column.directive';
+import { COLUMN_MIN_WIDTH, ResizeColumnDirective } from './resize-column.directive';
 
 /** @internal */
 export interface RepositoryBrowserData {
@@ -39,10 +42,19 @@ const SELECT_COL: ColumnDef = {
 
 /** @internal */
 @Component({
-  selector: 'lf-selection-list-component',
-  templateUrl: './lf-selection-list.component.html',
-  styleUrls: ['./lf-selection-list.component.css'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
+    selector: 'lf-selection-list-component',
+    templateUrl: './lf-selection-list.component.html',
+    styleUrls: ['./lf-selection-list.component.css'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
+    imports: [
+      CommonModule,
+      ScrollingModule,
+      MatCheckboxModule,
+      MatTableModule,
+      MatSortModule,
+      ResizeColumnDirective
+    ]
 })
 export class LfSelectionListComponent implements AfterViewInit, OnDestroy {
   @Output() scrollChanged = new EventEmitter<undefined>();
diff --git a/projects/ui-components/lf-selection-list/lf-selection-list.module.ts b/projects/ui-components/lf-selection-list/lf-selection-list.module.ts
deleted file mode 100644
index eeebb283..00000000
--- a/projects/ui-components/lf-selection-list/lf-selection-list.module.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { CUSTOM_ELEMENTS_SCHEMA, Injector, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import {ScrollingModule} from '@angular/cdk/scrolling';
-
-import { LfSelectionListComponent } from './lf-selection-list.component';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatTableModule } from '@angular/material/table';
-import { MatSortModule } from '@angular/material/sort';
-import { ResizeColumnDirective } from './resize-column.directive';
-
-@NgModule({
-  declarations: [
-    LfSelectionListComponent,
-    ResizeColumnDirective,
-  ],
-  imports: [
-    CommonModule,
-    MatCheckboxModule,
-    ScrollingModule,
-    MatTableModule,
-    MatSortModule
-  ],
-  bootstrap: [LfSelectionListComponent, ResizeColumnDirective],
-  exports: [LfSelectionListComponent],
-})
-
-/** @internal */
-export class LfSelectionListModule { }
diff --git a/projects/ui-components/lf-selection-list/resize-column.directive.spec.ts b/projects/ui-components/lf-selection-list/resize-column.directive.spec.ts
index 7138a10c..e56097c9 100644
--- a/projects/ui-components/lf-selection-list/resize-column.directive.spec.ts
+++ b/projects/ui-components/lf-selection-list/resize-column.directive.spec.ts
@@ -7,7 +7,7 @@ import { ColumnDef } from './lf-selection-list-types';
 import { COLUMN_MIN_WIDTH, ResizeColumnDirective } from './resize-column.directive';
 
 @Component({
-  template: `
+    template: `
   <div style="position: relative">
     <table>
       <tr [style.gridTemplateColumns]="gridTemplateColumns">
@@ -30,8 +30,8 @@ import { COLUMN_MIN_WIDTH, ResizeColumnDirective } from './resize-column.directi
       </tr>
     </table>
   </div>`,
-  styles: [
-    `
+    styles: [
+        `
         table {
           border-spacing: 0;
         }
@@ -65,7 +65,10 @@ import { COLUMN_MIN_WIDTH, ResizeColumnDirective } from './resize-column.directi
         z-index: 1;
         cursor: col-resize;
       }
-      `]
+      `
+    ],
+    standalone: true,
+    imports: [ResizeColumnDirective]
 })
 class TestComponent {
   widthChanged: number = 100;
@@ -82,7 +85,7 @@ describe('ResizeColumnDirective', () => {
   let fixture: ComponentFixture<TestComponent>;
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ResizeColumnDirective, TestComponent],
+      imports: [TestComponent],
     })
       .compileComponents();
 
diff --git a/projects/ui-components/lf-selection-list/resize-column.directive.ts b/projects/ui-components/lf-selection-list/resize-column.directive.ts
index 9dd5866c..1a5f56f4 100644
--- a/projects/ui-components/lf-selection-list/resize-column.directive.ts
+++ b/projects/ui-components/lf-selection-list/resize-column.directive.ts
@@ -7,7 +7,8 @@ import { ColumnDef } from './lf-selection-list-types';
 export const COLUMN_MIN_WIDTH: number = 100;
 
 @Directive({
-  selector: '[lfResizeColumn]',
+    selector: '[lfResizeColumn]',
+    standalone: true
 })
 export class ResizeColumnDirective implements OnInit, OnDestroy {
   @Input('lfResizeColumn') resizable: boolean = false;
diff --git a/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.ts b/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.ts
index e9ab3376..3f533fad 100644
--- a/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.ts
+++ b/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.ts
@@ -2,13 +2,16 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { Component, ElementRef, EventEmitter, Output, ViewChild } from '@angular/core';
-import { AppLocalizationService } from '@laserfiche/lf-ui-components/internal-shared';
+import { CommonModule } from '@angular/common';
+import { AppLocalizationService, LfLoaderComponent } from '@laserfiche/lf-ui-components/internal-shared';
 
 /** @internal */
 @Component({
-  selector: 'lf-feedback-image-upload',
-  templateUrl: './feedback-image-upload.component.html',
-  styleUrls: ['./feedback-image-upload.component.css', '../user-feedback-dialog/user-feedback-dialog.component.css'],
+    selector: 'lf-feedback-image-upload',
+    templateUrl: './feedback-image-upload.component.html',
+    styleUrls: ['./feedback-image-upload.component.css', '../user-feedback-dialog/user-feedback-dialog.component.css'],
+    standalone: true,
+    imports: [CommonModule, LfLoaderComponent]
 })
 export class FeedbackImageUploadComponent {
   @Output() imageUploadError: EventEmitter<string> = new EventEmitter<string>();
diff --git a/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.spec.ts b/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.spec.ts
index 6cff9997..9ebc376c 100644
--- a/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.spec.ts
+++ b/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.spec.ts
@@ -10,8 +10,9 @@ import { AppLocalizationService, LfMessageToastTypes } from '@laserfiche/lf-ui-c
 import { of } from 'rxjs';
 
 @Component({
-  selector: 'lf-feedback-image-upload',
-  template: '<p>Mock Image Attach Component</p>',
+    selector: 'lf-feedback-image-upload',
+    template: '<p>Mock Image Attach Component</p>',
+    standalone: true
 })
 class MockFeedbackImageUploadComponent {}
 
@@ -31,8 +32,7 @@ describe('FeedbackSubmissionComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [FeedbackSubmissionComponent, MockFeedbackImageUploadComponent],
-      imports: [MatCheckboxModule],
+      imports: [MatCheckboxModule, FeedbackSubmissionComponent, MockFeedbackImageUploadComponent],
       providers: [{ provide: AppLocalizationService, useValue: localizeServiceMock }],
     }).compileComponents();
 
diff --git a/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.ts b/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.ts
index 25fe6a82..2b513133 100644
--- a/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.ts
+++ b/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.ts
@@ -2,13 +2,19 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { Component, Input, Output, EventEmitter, AfterViewInit } from '@angular/core';
-import { AppLocalizationService, LfMessageToastTypes, LfToastMessage } from '@laserfiche/lf-ui-components/internal-shared';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { AppLocalizationService, LfMessageToastTypes, LfToastMessage, LfToastMessageComponent } from '@laserfiche/lf-ui-components/internal-shared';
+import { FeedbackImageUploadComponent } from '../feedback-image-upload/feedback-image-upload.component';
 
 /** @internal */
 @Component({
-  selector: 'lf-feedback-submission',
-  templateUrl: './feedback-submission.component.html',
-  styleUrls: ['./feedback-submission.component.css', '../user-feedback-dialog/user-feedback-dialog.component.css'],
+    selector: 'lf-feedback-submission',
+    templateUrl: './feedback-submission.component.html',
+    styleUrls: ['./feedback-submission.component.css', '../user-feedback-dialog/user-feedback-dialog.component.css'],
+    standalone: true,
+    imports: [CommonModule, FormsModule, MatCheckboxModule, LfToastMessageComponent, FeedbackImageUploadComponent]
 })
 export class FeedbackSubmissionComponent {
   @Input() isFeedback?: boolean;
diff --git a/projects/ui-components/lf-user-feedback/feedback-suggestion-selection/feedback-suggestion-selection.component.ts b/projects/ui-components/lf-user-feedback/feedback-suggestion-selection/feedback-suggestion-selection.component.ts
index e4216bc4..e842c172 100644
--- a/projects/ui-components/lf-user-feedback/feedback-suggestion-selection/feedback-suggestion-selection.component.ts
+++ b/projects/ui-components/lf-user-feedback/feedback-suggestion-selection/feedback-suggestion-selection.component.ts
@@ -2,13 +2,16 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { Component, EventEmitter, Output } from '@angular/core';
+import { CommonModule } from '@angular/common';
 import { AppLocalizationService } from '@laserfiche/lf-ui-components/internal-shared';
 
 /** @internal */
 @Component({
-  selector: 'lf-feedback-suggestion-selection',
-  templateUrl: './feedback-suggestion-selection.component.html',
-  styleUrls: ['./feedback-suggestion-selection.component.css', '../user-feedback-dialog/user-feedback-dialog.component.css']
+    selector: 'lf-feedback-suggestion-selection',
+    templateUrl: './feedback-suggestion-selection.component.html',
+    styleUrls: ['./feedback-suggestion-selection.component.css', '../user-feedback-dialog/user-feedback-dialog.component.css'],
+    standalone: true,
+    imports: [CommonModule]
 })
 export class FeedbackSuggestionSelectionComponent {
   @Output() feedbackClicked: EventEmitter<void> = new EventEmitter<void>();
diff --git a/projects/ui-components/lf-user-feedback/lf-user-feedback-public-api.ts b/projects/ui-components/lf-user-feedback/lf-user-feedback-public-api.ts
index 6adc393c..26beb9c8 100644
--- a/projects/ui-components/lf-user-feedback/lf-user-feedback-public-api.ts
+++ b/projects/ui-components/lf-user-feedback/lf-user-feedback-public-api.ts
@@ -2,5 +2,3 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 export * from './lf-user-feedback.component';
-
-export * from './lf-user-feedback.module';
diff --git a/projects/ui-components/lf-user-feedback/lf-user-feedback.component.ts b/projects/ui-components/lf-user-feedback/lf-user-feedback.component.ts
index 1ca9a1ed..346d07f0 100644
--- a/projects/ui-components/lf-user-feedback/lf-user-feedback.component.ts
+++ b/projects/ui-components/lf-user-feedback/lf-user-feedback.component.ts
@@ -2,6 +2,7 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
 import { MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { AppLocalizationService } from '@laserfiche/lf-ui-components/internal-shared';
 import { Observable } from 'rxjs';
@@ -13,11 +14,13 @@ import {
 import { UserFeedbackDialogComponent } from './user-feedback-dialog/user-feedback-dialog.component';
 
 @Component({
-  selector: 'lf-user-feedback-component',
-  template: `<button id="lf-user-feedback-button" [disabled]="disableFeedbackButton" (click)="handleDialogAsync()">
+    selector: 'lf-user-feedback-component',
+    template: `<button id="lf-user-feedback-button" [disabled]="disableFeedbackButton" (click)="handleDialogAsync()">
     {{ feedbackText | async }}
   </button>`,
-  styleUrls: ['./lf-user-feedback.component.css'],
+    styleUrls: ['./lf-user-feedback.component.css'],
+    standalone: true,
+    imports: [CommonModule]
 })
 export class LfUserFeedbackComponent {
   @Input() hosting_module: string = '';
diff --git a/projects/ui-components/lf-user-feedback/lf-user-feedback.module.ts b/projects/ui-components/lf-user-feedback/lf-user-feedback.module.ts
deleted file mode 100644
index 32c18d60..00000000
--- a/projects/ui-components/lf-user-feedback/lf-user-feedback.module.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { CUSTOM_ELEMENTS_SCHEMA, Injector, NgModule } from '@angular/core';
-import { LfUserFeedbackComponent } from './lf-user-feedback.component';
-import { UserFeedbackDialogComponent } from './user-feedback-dialog/user-feedback-dialog.component';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { FormsModule } from '@angular/forms';
-import { CommonModule } from '@angular/common';
-import { createCustomElement } from '@angular/elements';
-import { FeedbackSuggestionSelectionComponent } from './feedback-suggestion-selection/feedback-suggestion-selection.component';
-import { FeedbackSubmissionComponent } from './feedback-submission/feedback-submission.component';
-import { FeedbackImageUploadComponent } from './feedback-image-upload/feedback-image-upload.component';
-import { MatIconModule } from '@angular/material/icon';
-import { GeneralDialogLayoutModule, LfToastMessageModule, LfLoaderModule } from '@laserfiche/lf-ui-components/internal-shared';
-
-@NgModule({
-  declarations: [LfUserFeedbackComponent, UserFeedbackDialogComponent, FeedbackSuggestionSelectionComponent, FeedbackSubmissionComponent, FeedbackImageUploadComponent],
-  imports: [
-    CommonModule,
-    FormsModule,
-    MatDialogModule,
-    MatCheckboxModule,
-    MatIconModule,
-    GeneralDialogLayoutModule,
-    LfToastMessageModule,
-    LfLoaderModule,
-  ],
-  providers: [],
-  bootstrap: [LfUserFeedbackComponent],
-  exports: [LfUserFeedbackComponent],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class LfUserFeedbackModule {
-  /** @internal */
-  constructor(
-    /** @internal */ injector: Injector
-  ) {
-    const elementName: string = 'lf-user-feedback';
-    if (window.customElements && !customElements.get(elementName)) {
-      const newElement = createCustomElement(LfUserFeedbackComponent, { injector });
-      customElements.define(elementName, newElement);
-    }
-  }
-}
diff --git a/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.spec.ts b/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.spec.ts
index 6b3c06bb..a4e77f5c 100644
--- a/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.spec.ts
+++ b/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.spec.ts
@@ -7,14 +7,14 @@ import { FormsModule } from '@angular/forms';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatDialogModule, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { By } from '@angular/platform-browser';
-import { GeneralDialogLayoutModule } from '@laserfiche/lf-ui-components/internal-shared';
 import { FeedbackSubmissionComponent } from '../feedback-submission/feedback-submission.component';
 import { UserFeedbackDialogData, UserFeedbackTrackingEventType } from '../lf-user-feedback-types';
 import { UserFeedbackDialogComponent } from './user-feedback-dialog.component';
 
 @Component({
-  selector: 'lf-feedback-suggestion-selection',
-  template: '<p>Mock Feedback Suggestion Selection Component</p>',
+    selector: 'lf-feedback-suggestion-selection',
+    template: '<p>Mock Feedback Suggestion Selection Component</p>',
+    standalone: true
 })
 class MockFeedBackSuggestionSelectionComponent {}
 
@@ -25,12 +25,14 @@ describe('UserFeedbackDialogComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [
+      imports: [
+        FormsModule,
+        MatCheckboxModule,
+        MatDialogModule,
         UserFeedbackDialogComponent,
         FeedbackSubmissionComponent,
         MockFeedBackSuggestionSelectionComponent,
       ],
-      imports: [FormsModule, MatCheckboxModule, MatDialogModule, GeneralDialogLayoutModule],
       providers: [
         { provide: MatDialogRef, useValue: {} },
         { provide: MAT_DIALOG_DATA, useValue: {} },
diff --git a/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.ts b/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.ts
index ae140e4c..4d7b07f4 100644
--- a/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.ts
+++ b/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.ts
@@ -13,10 +13,12 @@ import {
   Output,
   ViewChild,
 } from '@angular/core';
+import { CommonModule } from '@angular/common';
 import { MatDialogRef } from '@angular/material/dialog';
-import { AppLocalizationService } from '@laserfiche/lf-ui-components/internal-shared';
+import { AppLocalizationService, GeneralDialogLayoutComponent } from '@laserfiche/lf-ui-components/internal-shared';
 import { debounceTime, map, Observable, Subscription } from 'rxjs';
 import { FeedbackSubmissionComponent } from '../feedback-submission/feedback-submission.component';
+import { FeedbackSuggestionSelectionComponent } from '../feedback-suggestion-selection/feedback-suggestion-selection.component';
 import { UserFeedbackDialogData, UserFeedbackTrackingEventType } from '../lf-user-feedback-types';
 
 /** @internal */
@@ -32,9 +34,11 @@ export enum FeedbackDialogState {
  * @internal
  */
 @Component({
-  selector: 'lf-user-feedback-dialog-component',
-  templateUrl: './user-feedback-dialog.component.html',
-  styleUrls: ['./user-feedback-dialog.component.css'],
+    selector: 'lf-user-feedback-dialog-component',
+    templateUrl: './user-feedback-dialog.component.html',
+    styleUrls: ['./user-feedback-dialog.component.css'],
+    standalone: true,
+    imports: [CommonModule, GeneralDialogLayoutComponent, FeedbackSubmissionComponent, FeedbackSuggestionSelectionComponent]
 })
 export class UserFeedbackDialogComponent implements AfterViewInit, OnDestroy {
   @Output() submitFeedback: EventEmitter<UserFeedbackDialogData> = new EventEmitter();
diff --git a/projects/ui-components/package-lock.json b/projects/ui-components/package-lock.json
index f9f55f17..e011bf91 100644
--- a/projects/ui-components/package-lock.json
+++ b/projects/ui-components/package-lock.json
@@ -1,243 +1,233 @@
 {
   "name": "@laserfiche/lf-ui-components",
-  "version": "18.0.0",
+  "version": "21.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@laserfiche/lf-ui-components",
-      "version": "18.0.0",
+      "version": "21.0.0",
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "@angular/animations": "^18.2.13",
-        "@angular/cdk": "^18.2.14",
-        "@angular/common": "^18.2.13",
-        "@angular/compiler": "^18.2.13",
-        "@angular/compiler-cli": "^18.2.13",
-        "@angular/core": "^18.2.13",
-        "@angular/elements": "^18.2.13",
-        "@angular/forms": "^18.2.13",
-        "@angular/material": "^18.2.14",
-        "@angular/platform-browser": "^18.2.13",
-        "@angular/platform-browser-dynamic": "^18.2.13",
-        "@angular/router": "^18.2.13",
-        "@laserfiche/lf-api-client-core": "^1.1.10",
-        "@laserfiche/lf-js-utils": "^4.0.8",
-        "@laserfiche/lf-resource-library": "^5.0.0",
-        "date-fns": "2.30",
+        "@angular/animations": "^21.1.4",
+        "@angular/cdk": "^21.1.4",
+        "@angular/common": "^21.1.4",
+        "@angular/compiler": "^21.1.4",
+        "@angular/compiler-cli": "^21.1.4",
+        "@angular/core": "^21.1.4",
+        "@angular/elements": "^21.1.4",
+        "@angular/forms": "^21.1.4",
+        "@angular/material": "^21.1.4",
+        "@angular/platform-browser": "^21.1.4",
+        "@angular/platform-browser-dynamic": "^21.1.4",
+        "@angular/router": "^21.1.4",
+        "@laserfiche/lf-api-client-core": "^1.1.18",
+        "@laserfiche/lf-js-utils": "^4.0.13",
+        "@laserfiche/lf-resource-library": "^5.0.3",
+        "date-fns": "^4.1.0",
         "flatpickr": "^4.6.13",
-        "lodash": "^4.17.21",
-        "ngx-mask": "^18.0.4",
+        "lodash": "^4.17.23",
+        "ngx-mask": "^21.0.1",
         "rxjs": "^7.8.0",
-        "zone.js": "^0.14.10"
-      }
-    },
-    "node_modules/@ampproject/remapping": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
-      "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
-      "license": "Apache-2.0",
-      "peer": true,
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.5",
-        "@jridgewell/trace-mapping": "^0.3.24"
-      },
-      "engines": {
-        "node": ">=6.0.0"
+        "zone.js": "^0.16.0"
       }
     },
     "node_modules/@angular/animations": {
-      "version": "18.2.13",
-      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-18.2.13.tgz",
-      "integrity": "sha512-rG5J5Ek5Hg+Tz2NjkNOaG6PupiNK/lPfophXpsR1t/nWujqnMWX2krahD/i6kgD+jNWNKCJCYSOVvCx/BHOtKA==",
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-21.1.4.tgz",
+      "integrity": "sha512-8xQ0Ylw7qqVyw4ZJ/Tyw/z5Mtqtp8AMj+R+Z1sCWcyxBgDU4+qfxteVYdiipWC3tX77A0FTsXqwvNP9WVY2/WA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "18.2.13"
+        "@angular/core": "21.1.4"
       }
     },
     "node_modules/@angular/cdk": {
-      "version": "18.2.14",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-18.2.14.tgz",
-      "integrity": "sha512-vDyOh1lwjfVk9OqoroZAP8pf3xxKUvyl+TVR8nJxL4c5fOfUFkD7l94HaanqKSRwJcI2xiztuu92IVoHn8T33Q==",
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.1.4.tgz",
+      "integrity": "sha512-PElA4Ww4TIa3+B/ND+fm8ZPDKONTIqc9a/s0qNxhcAD9IpDqjaBVi/fyg+ZWBtS+x0DQgJtKeCsSZ6sr2aFQaQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
+        "parse5": "^8.0.0",
         "tslib": "^2.3.0"
       },
-      "optionalDependencies": {
-        "parse5": "^7.1.2"
-      },
       "peerDependencies": {
-        "@angular/common": "^18.0.0 || ^19.0.0",
-        "@angular/core": "^18.0.0 || ^19.0.0",
+        "@angular/common": "^21.0.0 || ^22.0.0",
+        "@angular/core": "^21.0.0 || ^22.0.0",
+        "@angular/platform-browser": "^21.0.0 || ^22.0.0",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/common": {
-      "version": "18.2.13",
-      "resolved": "https://registry.npmjs.org/@angular/common/-/common-18.2.13.tgz",
-      "integrity": "sha512-4ZqrNp1PoZo7VNvW+sbSc2CB2axP1sCH2wXl8B0wdjsj8JY1hF1OhuugwhpAHtGxqewed2kCXayE+ZJqSTV4jw==",
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular/common/-/common-21.1.4.tgz",
+      "integrity": "sha512-1uOxPrHO9PFZBU/JavzYzjxAm+5x7vD2z6AeUndqdT4LjqOBIePswxFDRqM9dlfF8FIwnnfmNFipiC/yQjJSnA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "18.2.13",
+        "@angular/core": "21.1.4",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/compiler": {
-      "version": "18.2.13",
-      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-18.2.13.tgz",
-      "integrity": "sha512-TzWcrkopyjFF+WeDr2cRe8CcHjU72KfYV3Sm2TkBkcXrkYX5sDjGWrBGrG3hRB4e4okqchrOCvm1MiTdy2vKMA==",
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-21.1.4.tgz",
+      "integrity": "sha512-H0qtASeqOTaS44ioF4DYE/yNqwzUmEJpMYrcNEUFEwA20/DkLzyoaEx4y1CjIxtXxuhtge95PNymDBOLWSjIdg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
-      },
-      "peerDependencies": {
-        "@angular/core": "18.2.13"
-      },
-      "peerDependenciesMeta": {
-        "@angular/core": {
-          "optional": true
-        }
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       }
     },
     "node_modules/@angular/compiler-cli": {
-      "version": "18.2.13",
-      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-18.2.13.tgz",
-      "integrity": "sha512-DBSh4AQwkiJDSiVvJATRmjxf6wyUs9pwQLgaFdSlfuTRO+sdb0J2z1r3BYm8t0IqdoyXzdZq2YCH43EmyvD71g==",
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-21.1.4.tgz",
+      "integrity": "sha512-Uw8KmpVCo58/f5wf6pY8ZS5fodv65hn5jxms8Nv/K7/LVe3i1nNFrHyneBx5+a7qkz93nSV4rdwBVnMvjIyr+g==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@babel/core": "7.25.2",
+        "@babel/core": "7.28.5",
         "@jridgewell/sourcemap-codec": "^1.4.14",
-        "chokidar": "^4.0.0",
+        "chokidar": "^5.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"
+        "yargs": "^18.0.0"
       },
       "bin": {
         "ng-xi18n": "bundles/src/bin/ng_xi18n.js",
-        "ngc": "bundles/src/bin/ngc.js",
-        "ngcc": "bundles/ngcc/index.js"
+        "ngc": "bundles/src/bin/ngc.js"
       },
       "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/compiler": "18.2.13",
-        "typescript": ">=5.4 <5.6"
+        "@angular/compiler": "21.1.4",
+        "typescript": ">=5.9 <6.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
       }
     },
     "node_modules/@angular/core": {
-      "version": "18.2.13",
-      "resolved": "https://registry.npmjs.org/@angular/core/-/core-18.2.13.tgz",
-      "integrity": "sha512-8mbWHMgO95OuFV1Ejy4oKmbe9NOJ3WazQf/f7wks8Bck7pcihd0IKhlPBNjFllbF5o+04EYSwFhEtvEgjMDClA==",
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular/core/-/core-21.1.4.tgz",
+      "integrity": "sha512-QBDO5SaVYTVQ0fIN9Qd7US9cUCgs2vM9x6K18PTUKmygIkHVHTFdzwm4MO5gpCOFzJseGbS+dNzqn+v0PaKf9g==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
+        "@angular/compiler": "21.1.4",
         "rxjs": "^6.5.3 || ^7.4.0",
-        "zone.js": "~0.14.10"
+        "zone.js": "~0.15.0 || ~0.16.0"
+      },
+      "peerDependenciesMeta": {
+        "@angular/compiler": {
+          "optional": true
+        },
+        "zone.js": {
+          "optional": true
+        }
       }
     },
     "node_modules/@angular/elements": {
-      "version": "18.2.13",
-      "resolved": "https://registry.npmjs.org/@angular/elements/-/elements-18.2.13.tgz",
-      "integrity": "sha512-yahRkXWgFolpWMeVsTIlWYwoq4Bsz6wrfS4b+TKHIZbTCyRUlJ5zBFecpYMwgmVuQDJZp+WkUWZV2Qg7kLJR5w==",
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular/elements/-/elements-21.1.4.tgz",
+      "integrity": "sha512-OJTxfzdh77LeoFiAbW/s38Kks4HTEyeJTxMzZqA3aWF8ZCa5DNai6aB2F20QbhJdrr/NAITjlDf8gM4c2XJgxw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "18.2.13",
+        "@angular/core": "21.1.4",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/forms": {
-      "version": "18.2.13",
-      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-18.2.13.tgz",
-      "integrity": "sha512-A67D867fu3DSBhdLWWZl/F5pr7v2+dRM2u3U7ZJ0ewh4a+sv+0yqWdJW+a8xIoiHxS+btGEJL2qAKJiH+MCFfg==",
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-21.1.4.tgz",
+      "integrity": "sha512-duVT/eOncmFNBYRlK/F7WDg6GD1vL1mxUrDdnp7M9J8JvNrKH0PvdfzuOAmjbB8/bsvUNTLFXCV4+43Mc2Hqsw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
+        "@standard-schema/spec": "^1.0.0",
         "tslib": "^2.3.0"
       },
       "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "18.2.13",
-        "@angular/core": "18.2.13",
-        "@angular/platform-browser": "18.2.13",
+        "@angular/common": "21.1.4",
+        "@angular/core": "21.1.4",
+        "@angular/platform-browser": "21.1.4",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/material": {
-      "version": "18.2.14",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-18.2.14.tgz",
-      "integrity": "sha512-28pxzJP49Mymt664WnCtPkKeg7kXUsQKTKGf/Kl95rNTEdTJLbnlcc8wV0rT0yQNR7kXgpfBnG7h0ETLv/iu5Q==",
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-21.1.4.tgz",
+      "integrity": "sha512-Vte+4os5JexhtaPk7Duk5bIC+zU5SYF7ZHUnpmAJxW0u4D4C9lpTVepm2bfMVV2AxHjHVAnW+/anINIS401UsA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/animations": "^18.0.0 || ^19.0.0",
-        "@angular/cdk": "18.2.14",
-        "@angular/common": "^18.0.0 || ^19.0.0",
-        "@angular/core": "^18.0.0 || ^19.0.0",
-        "@angular/forms": "^18.0.0 || ^19.0.0",
-        "@angular/platform-browser": "^18.0.0 || ^19.0.0",
+        "@angular/cdk": "21.1.4",
+        "@angular/common": "^21.0.0 || ^22.0.0",
+        "@angular/core": "^21.0.0 || ^22.0.0",
+        "@angular/forms": "^21.0.0 || ^22.0.0",
+        "@angular/platform-browser": "^21.0.0 || ^22.0.0",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/platform-browser": {
-      "version": "18.2.13",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-18.2.13.tgz",
-      "integrity": "sha512-tu7ZzY6qD3ATdWFzcTcsAKe7M6cJeWbT/4/bF9unyGO3XBPcNYDKoiz10+7ap2PUd0fmPwvuvTvSNJiFEBnB8Q==",
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-21.1.4.tgz",
+      "integrity": "sha512-S6Iw5CkORih5omh+MQY35w0bUBxdSFAPLDg386S6/9fEUjDClo61hvXNKxaNh9g7tnh1LD7zmTmKrqufnhnFDQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/animations": "18.2.13",
-        "@angular/common": "18.2.13",
-        "@angular/core": "18.2.13"
+        "@angular/animations": "21.1.4",
+        "@angular/common": "21.1.4",
+        "@angular/core": "21.1.4"
       },
       "peerDependenciesMeta": {
         "@angular/animations": {
@@ -246,51 +236,50 @@
       }
     },
     "node_modules/@angular/platform-browser-dynamic": {
-      "version": "18.2.13",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-18.2.13.tgz",
-      "integrity": "sha512-kbQCf9+8EpuJC7buBxhSiwBtXvjAwAKh6MznD6zd2pyCYqfY6gfRCZQRtK59IfgVtKmEONWI9grEyNIRoTmqJg==",
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-21.1.4.tgz",
+      "integrity": "sha512-lThgNDFHPQyrx0liNX3x8wHcgp1sd/Dym19zm1PSQ67k6J4snwxZFhNlwFHVr1K86XvX/vilyeR2edPLe9lF3Q==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "18.2.13",
-        "@angular/compiler": "18.2.13",
-        "@angular/core": "18.2.13",
-        "@angular/platform-browser": "18.2.13"
+        "@angular/common": "21.1.4",
+        "@angular/compiler": "21.1.4",
+        "@angular/core": "21.1.4",
+        "@angular/platform-browser": "21.1.4"
       }
     },
     "node_modules/@angular/router": {
-      "version": "18.2.13",
-      "resolved": "https://registry.npmjs.org/@angular/router/-/router-18.2.13.tgz",
-      "integrity": "sha512-VKmfgi/r/CkyBq9nChQ/ptmfu0JT/8ONnLVJ5H+SkFLRYJcIRyHLKjRihMCyVm6xM5yktOdCaW73NTQrFz7+bg==",
+      "version": "21.1.4",
+      "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.1.4.tgz",
+      "integrity": "sha512-nPYuRJ8ub/X8GK55U2KqYy/ducVRn6HSoDmZz0yiXtI6haFsZlv9R1j5zi0EDIqrrN0HGARMs6jNDXZC1Ded3w==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "18.2.13",
-        "@angular/core": "18.2.13",
-        "@angular/platform-browser": "18.2.13",
+        "@angular/common": "21.1.4",
+        "@angular/core": "21.1.4",
+        "@angular/platform-browser": "21.1.4",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@babel/code-frame": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
-      "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
+      "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "@babel/helper-validator-identifier": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5",
         "js-tokens": "^4.0.0",
         "picocolors": "^1.1.1"
       },
@@ -299,32 +288,31 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.27.1.tgz",
-      "integrity": "sha512-Q+E+rd/yBzNQhXkG+zQnF58e4zoZfBedaxwzPmicKsiK3nt8iJYrSrDbjwFFDGC4f+rPafqRaPH6TsDoSvMf7A==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.0.tgz",
+      "integrity": "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.25.2",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.25.2.tgz",
-      "integrity": "sha512-BBt3opiCOxUr9euZ5/ro/Xv8/V7yJ5bjYMqG/C1YAo8MIKAnumZalCN+msbci3Pigy4lIQfPUpfMM27HMGaYEA==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.5.tgz",
+      "integrity": "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@ampproject/remapping": "^2.2.0",
-        "@babel/code-frame": "^7.24.7",
-        "@babel/generator": "^7.25.0",
-        "@babel/helper-compilation-targets": "^7.25.2",
-        "@babel/helper-module-transforms": "^7.25.2",
-        "@babel/helpers": "^7.25.0",
-        "@babel/parser": "^7.25.0",
-        "@babel/template": "^7.25.0",
-        "@babel/traverse": "^7.25.2",
-        "@babel/types": "^7.25.2",
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.5",
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-module-transforms": "^7.28.3",
+        "@babel/helpers": "^7.28.4",
+        "@babel/parser": "^7.28.5",
+        "@babel/template": "^7.27.2",
+        "@babel/traverse": "^7.28.5",
+        "@babel/types": "^7.28.5",
+        "@jridgewell/remapping": "^2.3.5",
         "convert-source-map": "^2.0.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
@@ -343,30 +331,27 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
       "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/@babel/core/node_modules/semver": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
       "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
       "license": "ISC",
-      "peer": true,
       "bin": {
         "semver": "bin/semver.js"
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.27.1.tgz",
-      "integrity": "sha512-UnJfnIpc/+JO0/+KRVQNGU+y5taA5vCbwN8+azkX6beii/ZF+enZJSOKo11ZSzGJjlNfJHfQtmQT8H+9TXPG2w==",
+      "version": "7.29.1",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
+      "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "@babel/parser": "^7.27.1",
-        "@babel/types": "^7.27.1",
-        "@jridgewell/gen-mapping": "^0.3.5",
-        "@jridgewell/trace-mapping": "^0.3.25",
+        "@babel/parser": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
         "jsesc": "^3.0.2"
       },
       "engines": {
@@ -374,13 +359,12 @@
       }
     },
     "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.1.tgz",
-      "integrity": "sha512-2YaDd/Rd9E598B5+WIc8wJPmWETiiJXFYVE60oX8FDohv7rAUU3CQj+A1MgeEmcsk2+dQuEjIe/GDvig0SqL4g==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz",
+      "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "@babel/compat-data": "^7.27.1",
+        "@babel/compat-data": "^7.28.6",
         "@babel/helper-validator-option": "^7.27.1",
         "browserslist": "^4.24.0",
         "lru-cache": "^5.1.1",
@@ -395,35 +379,41 @@
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
       "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
       "license": "ISC",
-      "peer": true,
       "bin": {
         "semver": "bin/semver.js"
       }
     },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@babel/helper-module-imports": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
-      "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz",
+      "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "@babel/traverse": "^7.27.1",
-        "@babel/types": "^7.27.1"
+        "@babel/traverse": "^7.28.6",
+        "@babel/types": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-module-transforms": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.27.1.tgz",
-      "integrity": "sha512-9yHn519/8KvTU5BjTVEEeIM3w9/2yXNKoD82JifINImhpKkARMJKPP59kLo+BafpdN5zgNeIcS4jsGDmd3l58g==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz",
+      "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "@babel/helper-module-imports": "^7.27.1",
-        "@babel/helper-validator-identifier": "^7.27.1",
-        "@babel/traverse": "^7.27.1"
+        "@babel/helper-module-imports": "^7.28.6",
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "@babel/traverse": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -437,17 +427,15 @@
       "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
       "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
-      "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=6.9.0"
       }
@@ -457,33 +445,30 @@
       "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
       "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.27.1.tgz",
-      "integrity": "sha512-FCvFTm0sWV8Fxhpp2McP5/W53GPllQ9QeQ7SiqGWjMf/LVG07lFa5+pgK05IRhVwtvafT22KF+ZSnM9I545CvQ==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.6.tgz",
+      "integrity": "sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "@babel/template": "^7.27.1",
-        "@babel/types": "^7.27.1"
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.27.1.tgz",
-      "integrity": "sha512-I0dZ3ZpCrJ1c04OqlNsQcKiZlsrXf/kkE4FXzID9rIOYICsAbA8mMDzhW/luRNAHdCNt7os/u8wenklZDlUVUQ==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.0.tgz",
+      "integrity": "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "@babel/types": "^7.27.1"
+        "@babel/types": "^7.29.0"
       },
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -492,77 +477,69 @@
         "node": ">=6.0.0"
       }
     },
-    "node_modules/@babel/runtime": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.1.tgz",
-      "integrity": "sha512-1x3D2xEk2fRo3PAhwQwu5UubzgiVWSXTBfWpVd2Mx2AzRqJuDJCsgaDVZ7HB5iGzDW1Hl1sWN2mFyKjmR9uAog==",
-      "license": "MIT",
-      "peer": true,
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/template": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.1.tgz",
-      "integrity": "sha512-Fyo3ghWMqkHHpHQCoBs2VnYjR4iWFFjguTDEqA5WgZDOrFesVjMhMM2FSqTKSoUSDO1VQtavj8NFpdRBEvJTtg==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz",
+      "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "@babel/code-frame": "^7.27.1",
-        "@babel/parser": "^7.27.1",
-        "@babel/types": "^7.27.1"
+        "@babel/code-frame": "^7.28.6",
+        "@babel/parser": "^7.28.6",
+        "@babel/types": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.27.1.tgz",
-      "integrity": "sha512-ZCYtZciz1IWJB4U61UPu4KEaqyfj+r5T1Q5mqPo+IBpcG9kHv30Z0aD8LXPgC1trYa6rK0orRyAhqUgk4MjmEg==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.0.tgz",
+      "integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "@babel/code-frame": "^7.27.1",
-        "@babel/generator": "^7.27.1",
-        "@babel/parser": "^7.27.1",
-        "@babel/template": "^7.27.1",
-        "@babel/types": "^7.27.1",
-        "debug": "^4.3.1",
-        "globals": "^11.1.0"
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.29.0",
+        "debug": "^4.3.1"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.27.1.tgz",
-      "integrity": "sha512-+EzkxvLNfiUeKMgy/3luqfsCWFRXLb7U6wNQTk60tovuckwB15B191tJWvpp4HjiQWdJkCxO3Wbvc6jlk3Xb2Q==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
+      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/helper-string-parser": "^7.27.1",
-        "@babel/helper-validator-identifier": "^7.27.1"
+        "@babel/helper-validator-identifier": "^7.28.5"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.8",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
-      "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==",
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "@jridgewell/set-array": "^1.2.1",
-        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
         "@jridgewell/trace-mapping": "^0.3.24"
-      },
-      "engines": {
-        "node": ">=6.0.0"
       }
     },
     "node_modules/@jridgewell/resolve-uri": {
@@ -570,95 +547,95 @@
       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
       "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
       "license": "MIT",
-      "peer": true,
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/set-array": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
-      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
-      "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=6.0.0"
       }
     },
     "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
-      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
-      "license": "MIT",
-      "peer": true
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT"
     },
     "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.25",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
-      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
     "node_modules/@laserfiche/lf-api-client-core": {
-      "version": "1.1.17",
-      "resolved": "https://registry.npmjs.org/@laserfiche/lf-api-client-core/-/lf-api-client-core-1.1.17.tgz",
-      "integrity": "sha512-VpwCW9f12XHUUYBxNRyk9LfH2T4qiZAOGCKPpiMzeiC+DAvLOmnklhegtrL73TORnYhpOzWIyKoK0OlI8KXJBg==",
+      "version": "1.1.18",
+      "resolved": "https://registry.npmjs.org/@laserfiche/lf-api-client-core/-/lf-api-client-core-1.1.18.tgz",
+      "integrity": "sha512-kR2RNy4wX0vpIojvbjNUqw6DV0FxyeTlIU2Paq7Uk9dOjw50TUYrLEPVAGknwrAou+AJUSm5VHtbwHZeW7BTAA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@laserfiche/lf-js-utils": "^4.0.12",
+        "@laserfiche/lf-js-utils": "^4.0.13",
         "jsrsasign": "^11.0.0",
         "jsrsasign-util": "^1.0.5"
       }
     },
     "node_modules/@laserfiche/lf-js-utils": {
-      "version": "4.0.12",
-      "resolved": "https://registry.npmjs.org/@laserfiche/lf-js-utils/-/lf-js-utils-4.0.12.tgz",
-      "integrity": "sha512-OijupvkRF81ipBLtu8jWDGhQtNhtoBexx3XCctnVwvsbw6ZYZZFphRxQA8HWhuPrhvkUurkOemVDgZAJ/m1PYg==",
+      "version": "4.0.13",
+      "resolved": "https://registry.npmjs.org/@laserfiche/lf-js-utils/-/lf-js-utils-4.0.13.tgz",
+      "integrity": "sha512-KyzuM4seHH6dcWm6q1dhl8udQBUGqB6QfaH5TU1fz8qaH9PMwpoeMrrNK+EzT7YMthFSOu7wQbbCQJPWeVXbjg==",
       "license": "MIT",
       "peer": true
     },
     "node_modules/@laserfiche/lf-resource-library": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/@laserfiche/lf-resource-library/-/lf-resource-library-5.0.1.tgz",
-      "integrity": "sha512-0UjnSlf5EzrPuLdd8TPbverlSzauboUblkkRpE2l1oBXHa5KzghO6PK+y7NaZRftrl8utxAYpc8PU6c8hxNu0g==",
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/@laserfiche/lf-resource-library/-/lf-resource-library-5.0.3.tgz",
+      "integrity": "sha512-uSzcJ0XEfDT5vbnbgPmlv8ym5o3Jg/pTA1yLL72qOf3xXvhuQWQunMvm5H7Gd7StQVPie2draPlNwke5+/h1pw==",
       "license": "MIT",
       "peer": true
     },
+    "node_modules/@standard-schema/spec": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz",
+      "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
+      "license": "MIT"
+    },
     "node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
       "license": "MIT",
-      "peer": true,
       "engines": {
-        "node": ">=8"
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
       }
     },
     "node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
       "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
       "engines": {
-        "node": ">=8"
+        "node": ">=12"
       },
       "funding": {
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.9.19",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.9.19.tgz",
+      "integrity": "sha512-ipDqC8FrAl/76p2SSWKSI+H9tFwm7vYqXQrItCuiVPt26Km0jS+NzSsBWAaBusvSbQcfJG+JitdMm+wZAgTYqg==",
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.js"
+      }
+    },
     "node_modules/browserslist": {
-      "version": "4.24.5",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.5.tgz",
-      "integrity": "sha512-FDToo4Wo82hIdgc1CQ+NQD0hEhmpPjrZ3hiUgwgOG6IuTdlpr8jdjyG24P6cNP1yJpTLzS5OcGgSw0xmDU1/Tw==",
+      "version": "4.28.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
+      "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
       "funding": [
         {
           "type": "opencollective",
@@ -676,10 +653,11 @@
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "caniuse-lite": "^1.0.30001716",
-        "electron-to-chromium": "^1.5.149",
-        "node-releases": "^2.0.19",
-        "update-browserslist-db": "^1.1.3"
+        "baseline-browser-mapping": "^2.9.0",
+        "caniuse-lite": "^1.0.30001759",
+        "electron-to-chromium": "^1.5.263",
+        "node-releases": "^2.0.27",
+        "update-browserslist-db": "^1.2.0"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -689,9 +667,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001717",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001717.tgz",
-      "integrity": "sha512-auPpttCq6BDEG8ZAuHJIplGw6GODhjw+/11e7IjpnYCxZcW/ONgPs0KVBJ0d1bY3e2+7PRe5RCLyP+PfwVgkYw==",
+      "version": "1.0.30001770",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001770.tgz",
+      "integrity": "sha512-x/2CLQ1jHENRbHg5PSId2sXq1CIO1CISvwWAj027ltMVG2UNgW+w9oH2+HzgEIRFembL8bUlXtfbBHR1fCg2xw==",
       "funding": [
         {
           "type": "opencollective",
@@ -706,90 +684,59 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
-      "license": "CC-BY-4.0",
-      "peer": true
+      "license": "CC-BY-4.0"
     },
     "node_modules/chokidar": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
-      "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
+      "integrity": "sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "readdirp": "^4.0.1"
+        "readdirp": "^5.0.0"
       },
       "engines": {
-        "node": ">= 14.16.0"
+        "node": ">= 20.19.0"
       },
       "funding": {
         "url": "https://paulmillr.com/funding/"
       }
     },
     "node_modules/cliui": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
-      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-9.0.1.tgz",
+      "integrity": "sha512-k7ndgKhwoQveBL+/1tqGJYNz097I7WOvwbmmU2AR5+magtbjPWQTS1C5vzGkBC8Ym8UWRzfKUzUUqFLypY4Q+w==",
       "license": "ISC",
-      "peer": true,
       "dependencies": {
-        "string-width": "^4.2.0",
-        "strip-ansi": "^6.0.1",
-        "wrap-ansi": "^7.0.0"
+        "string-width": "^7.2.0",
+        "strip-ansi": "^7.1.0",
+        "wrap-ansi": "^9.0.0"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">=20"
       }
     },
-    "node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "license": "MIT",
-      "peer": true
-    },
     "node_modules/convert-source-map": {
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
       "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/date-fns": {
-      "version": "2.30.0",
-      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz",
-      "integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.1.0.tgz",
+      "integrity": "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==",
       "license": "MIT",
       "peer": true,
-      "dependencies": {
-        "@babel/runtime": "^7.21.0"
-      },
-      "engines": {
-        "node": ">=0.11"
-      },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/date-fns"
+        "type": "github",
+        "url": "https://github.com/sponsors/kossnocorp"
       }
     },
     "node_modules/debug": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
-      "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "ms": "^2.1.3"
       },
@@ -803,26 +750,22 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.150",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.150.tgz",
-      "integrity": "sha512-rOOkP2ZUMx1yL4fCxXQKDHQ8ZXwisb2OycOQVKHgvB3ZI4CvehOd4y2tfnnLDieJ3Zs1RL1Dlp3cMkyIn7nnXA==",
-      "license": "ISC",
-      "peer": true
+      "version": "1.5.286",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.286.tgz",
+      "integrity": "sha512-9tfDXhJ4RKFNerfjdCcZfufu49vg620741MNs26a9+bhLThdB+plgMeou98CAaHu/WATj2iHOOHTp1hWtABj2A==",
+      "license": "ISC"
     },
     "node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "license": "MIT",
-      "peer": true
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
+      "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
+      "license": "MIT"
     },
     "node_modules/entities": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
-      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
       "license": "BSD-2-Clause",
-      "optional": true,
-      "peer": true,
       "engines": {
         "node": ">=0.12"
       },
@@ -835,7 +778,6 @@
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
       "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=6"
       }
@@ -852,7 +794,6 @@
       "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
       "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=6.9.0"
       }
@@ -862,44 +803,33 @@
       "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
       "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
       "license": "ISC",
-      "peer": true,
       "engines": {
         "node": "6.* || 8.* || >= 10.*"
       }
     },
-    "node_modules/globals": {
-      "version": "11.12.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
-      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
-      "license": "MIT",
-      "peer": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+    "node_modules/get-east-asian-width": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.4.0.tgz",
+      "integrity": "sha512-QZjmEOC+IT1uk6Rx0sX22V6uHWVwbdbxf1faPqJ1QhLdGgsRGCZoyaQBm/piRdJy/D2um6hM1UP7ZEeQ4EkP+Q==",
       "license": "MIT",
-      "peer": true,
       "engines": {
-        "node": ">=8"
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
       "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/jsesc": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
       "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
       "license": "MIT",
-      "peer": true,
       "bin": {
         "jsesc": "bin/jsesc"
       },
@@ -912,7 +842,6 @@
       "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
       "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
       "license": "MIT",
-      "peer": true,
       "bin": {
         "json5": "lib/cli.js"
       },
@@ -924,15 +853,13 @@
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.3.1.tgz",
       "integrity": "sha512-HUgH65KyejrUFPvHFPbqOY0rsFip3Bo5wb4ngvdi1EpCYWUQDC5V+Y7mZws+DLkr4M//zQJoanu1SP+87Dv1oQ==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/jsrsasign": {
       "version": "11.1.0",
       "resolved": "https://registry.npmjs.org/jsrsasign/-/jsrsasign-11.1.0.tgz",
       "integrity": "sha512-Ov74K9GihaK9/9WncTe1mPmvrO7Py665TUfUKvraXBpu+xcTWitrtuOwcjf4KMU9maPaYn0OuaWy0HOzy/GBXg==",
       "license": "MIT",
-      "peer": true,
       "funding": {
         "url": "https://github.com/kjur/jsrsasign#donations"
       }
@@ -941,16 +868,15 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/jsrsasign-util/-/jsrsasign-util-1.0.5.tgz",
       "integrity": "sha512-e5Kp8aaT5GH2c5X8j4uaJruYmT4GcnaGb47nw8m60YqPywtnOtTISZ9hZgtZ3a+jh7B27bU2LCf3Y32wZyfhtQ==",
-      "peer": true,
       "dependencies": {
         "jsonc-parser": ">= 0.0.1",
         "jsrsasign": ">= 4.8.2"
       }
     },
     "node_modules/lodash": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "version": "4.17.23",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.23.tgz",
+      "integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==",
       "license": "MIT",
       "peer": true
     },
@@ -959,7 +885,6 @@
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
       "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
       "license": "ISC",
-      "peer": true,
       "dependencies": {
         "yallist": "^3.0.2"
       }
@@ -968,40 +893,36 @@
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/ngx-mask": {
-      "version": "18.0.4",
-      "resolved": "https://registry.npmjs.org/ngx-mask/-/ngx-mask-18.0.4.tgz",
-      "integrity": "sha512-ji6bpXCNMjEISMdvvZ2T+iMZUqiVluVJ8aywWi59//TR6G6VWs3bmlr1f+OKunjFPgvUGf7/kIdKoMbrF1++aA==",
+      "version": "21.0.1",
+      "resolved": "https://registry.npmjs.org/ngx-mask/-/ngx-mask-21.0.1.tgz",
+      "integrity": "sha512-L7zyKhXHQjfMLIGPxEmaVXdZ6VurHemgPt352yY9vP0dmWKmmzwF1nkKzDjYqpqEWhL/KMooSqrMGApNVzWeYA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/common": ">=14.0.0",
-        "@angular/core": ">=14.0.0",
-        "@angular/forms": ">=14.0.0"
+        "@angular/common": "^21.0.0",
+        "@angular/core": "^21.0.0",
+        "@angular/forms": "^21.0.0"
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.19",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
-      "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==",
-      "license": "MIT",
-      "peer": true
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
+      "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
+      "license": "MIT"
     },
     "node_modules/parse5": {
-      "version": "7.2.1",
-      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.2.1.tgz",
-      "integrity": "sha512-BuBYQYlv1ckiPdQi/ohiivi9Sagc9JG+Ozs0r7b/0iK3sKmrb0b9FdWdBbOdx6hBCM/F9Ir82ofnBhtZOjCRPQ==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-8.0.0.tgz",
+      "integrity": "sha512-9m4m5GSgXjL4AjumKzq1Fgfp3Z8rsvjRNbnkVwfu2ImRqE5D0LnY2QfDen18FSY9C573YU5XxSapdHZTZ2WolA==",
       "license": "MIT",
-      "optional": true,
-      "peer": true,
       "dependencies": {
-        "entities": "^4.5.0"
+        "entities": "^6.0.0"
       },
       "funding": {
         "url": "https://github.com/inikulin/parse5?sponsor=1"
@@ -1011,17 +932,15 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
       "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
-      "license": "ISC",
-      "peer": true
+      "license": "ISC"
     },
     "node_modules/readdirp": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
-      "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.0.0.tgz",
+      "integrity": "sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==",
       "license": "MIT",
-      "peer": true,
       "engines": {
-        "node": ">= 14.18.0"
+        "node": ">= 20.19.0"
       },
       "funding": {
         "type": "individual",
@@ -1032,18 +951,7 @@
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/reflect-metadata/-/reflect-metadata-0.2.2.tgz",
       "integrity": "sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q==",
-      "license": "Apache-2.0",
-      "peer": true
-    },
-    "node_modules/require-directory": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
-      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
-      "license": "MIT",
-      "peer": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
+      "license": "Apache-2.0"
     },
     "node_modules/rxjs": {
       "version": "7.8.2",
@@ -1056,11 +964,10 @@
       }
     },
     "node_modules/semver": {
-      "version": "7.7.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
-      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
       "license": "ISC",
-      "peer": true,
       "bin": {
         "semver": "bin/semver.js"
       },
@@ -1069,31 +976,35 @@
       }
     },
     "node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
+      "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
+      "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "ansi-regex": "^5.0.1"
+        "ansi-regex": "^6.0.1"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
       }
     },
     "node_modules/tslib": {
@@ -1102,24 +1013,10 @@
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
       "license": "0BSD"
     },
-    "node_modules/typescript": {
-      "version": "5.4.5",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.5.tgz",
-      "integrity": "sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==",
-      "license": "Apache-2.0",
-      "peer": true,
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=14.17"
-      }
-    },
     "node_modules/update-browserslist-db": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
-      "integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==",
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
       "funding": [
         {
           "type": "opencollective",
@@ -1135,7 +1032,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "escalade": "^3.2.0",
         "picocolors": "^1.1.1"
@@ -1148,18 +1044,17 @@
       }
     },
     "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==",
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.2.tgz",
+      "integrity": "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
+        "ansi-styles": "^6.2.1",
+        "string-width": "^7.0.0",
+        "strip-ansi": "^7.1.0"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">=18"
       },
       "funding": {
         "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
@@ -1170,7 +1065,6 @@
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
       "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
       "license": "ISC",
-      "peer": true,
       "engines": {
         "node": ">=10"
       }
@@ -1179,42 +1073,38 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
       "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
-      "license": "ISC",
-      "peer": true
+      "license": "ISC"
     },
     "node_modules/yargs": {
-      "version": "17.7.2",
-      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
-      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-18.0.0.tgz",
+      "integrity": "sha512-4UEqdc2RYGHZc7Doyqkrqiln3p9X2DZVxaGbwhn2pi7MrRagKaOcIKe8L3OxYcbhXLgLFUS3zAYuQjKBQgmuNg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "cliui": "^8.0.1",
+        "cliui": "^9.0.1",
         "escalade": "^3.1.1",
         "get-caller-file": "^2.0.5",
-        "require-directory": "^2.1.1",
-        "string-width": "^4.2.3",
+        "string-width": "^7.2.0",
         "y18n": "^5.0.5",
-        "yargs-parser": "^21.1.1"
+        "yargs-parser": "^22.0.0"
       },
       "engines": {
-        "node": ">=12"
+        "node": "^20.19.0 || ^22.12.0 || >=23"
       }
     },
     "node_modules/yargs-parser": {
-      "version": "21.1.1",
-      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
-      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+      "version": "22.0.0",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-22.0.0.tgz",
+      "integrity": "sha512-rwu/ClNdSMpkSrUb+d6BRsSkLUq1fmfsY6TOpYzTwvwkg1/NRG85KBy3kq++A8LKQwX6lsu+aWad+2khvuXrqw==",
       "license": "ISC",
-      "peer": true,
       "engines": {
-        "node": ">=12"
+        "node": "^20.19.0 || ^22.12.0 || >=23"
       }
     },
     "node_modules/zone.js": {
-      "version": "0.14.10",
-      "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.14.10.tgz",
-      "integrity": "sha512-YGAhaO7J5ywOXW6InXNlLmfU194F8lVgu7bRntUF3TiG8Y3nBK0x1UJJuHUP/e8IyihkjCYqhCScpSwnlaSRkQ==",
+      "version": "0.16.0",
+      "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.16.0.tgz",
+      "integrity": "sha512-LqLPpIQANebrlxY6jKcYKdgN5DTXyyHAKnnWWjE5pPfEQ4n7j5zn7mOEEpwNZVKGqx3kKKmvplEmoBrvpgROTA==",
       "license": "MIT",
       "peer": true
     }
diff --git a/projects/ui-components/package.json b/projects/ui-components/package.json
index d01a62e2..d29f3006 100644
--- a/projects/ui-components/package.json
+++ b/projects/ui-components/package.json
@@ -1,33 +1,33 @@
 {
   "name": "@laserfiche/lf-ui-components",
-  "version": "18.0.0",
+  "version": "21.0.0",
   "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/Laserfiche/lf-ui-components"
   },
   "peerDependencies": {
-    "@angular/animations": "^18.2.13",
-    "@angular/cdk": "^18.2.14",
-    "@angular/common": "^18.2.13",
-    "@angular/compiler": "^18.2.13",
-    "@angular/compiler-cli": "^18.2.13",
-    "@angular/core": "^18.2.13",
-    "@angular/elements": "^18.2.13",
-    "@angular/forms": "^18.2.13",
-    "@angular/material": "^18.2.14",
-    "@angular/platform-browser": "^18.2.13",
-    "@angular/platform-browser-dynamic": "^18.2.13",
-    "@angular/router": "^18.2.13",
-    "@laserfiche/lf-api-client-core": "^1.1.10",
+    "@angular/animations": "^21.1.4",
+    "@angular/cdk": "^21.1.4",
+    "@angular/common": "^21.1.4",
+    "@angular/compiler": "^21.1.4",
+    "@angular/compiler-cli": "^21.1.4",
+    "@angular/core": "^21.1.4",
+    "@angular/elements": "^21.1.4",
+    "@angular/forms": "^21.1.4",
+    "@angular/material": "^21.1.4",
+    "@angular/platform-browser": "^21.1.4",
+    "@angular/platform-browser-dynamic": "^21.1.4",
+    "@angular/router": "^21.1.4",
+    "@laserfiche/lf-api-client-core": "^1.1.18",
     "@laserfiche/lf-js-utils": "^4.0.13",
     "@laserfiche/lf-resource-library": "^5.0.3",
-    "ngx-mask": "^18.0.4",
+    "ngx-mask": "^21.0.1",
     "rxjs": "^7.8.0",
-    "zone.js": "^0.14.10",
-    "date-fns": "2.30",
+    "zone.js": "^0.16.0",
+    "date-fns": "^4.1.0",
     "flatpickr": "^4.6.13",
-    "lodash": "^4.17.21"
+    "lodash": "^4.17.23"
   },
   "dependencies": {
     "tslib": "^2.3.1"
diff --git a/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs-public-api.ts b/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs-public-api.ts
index 84836a82..49f6af97 100644
--- a/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs-public-api.ts
+++ b/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs-public-api.ts
@@ -3,4 +3,3 @@
 
 export * from './lf-breadcrumbs-types';
 export * from './lf-breadcrumbs.component';
-export * from './lf-breadcrumbs.module';
diff --git a/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.ts b/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.ts
index 2eac26e7..48ab4440 100644
--- a/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.ts
+++ b/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.ts
@@ -2,12 +2,17 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatButtonToggleModule } from '@angular/material/button-toggle';
 import { LfBreadcrumb } from './lf-breadcrumbs-types';
 
 @Component({
-  selector: 'lf-breadcrumbs-component',
-  templateUrl: './lf-breadcrumbs.component.html',
-  styleUrls: ['./lf-breadcrumbs.component.css']
+    selector: 'lf-breadcrumbs-component',
+    templateUrl: './lf-breadcrumbs.component.html',
+    styleUrls: ['./lf-breadcrumbs.component.css'],
+    standalone: true,
+    imports: [CommonModule, MatMenuModule, MatButtonToggleModule]
 })
 export class LfBreadcrumbsComponent {
   @Input() breadcrumbs: LfBreadcrumb[] = [];
diff --git a/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.module.ts b/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.module.ts
deleted file mode 100644
index 5270814f..00000000
--- a/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.module.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Injector, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { LfBreadcrumbsComponent } from './lf-breadcrumbs.component';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatButtonToggleModule } from '@angular/material/button-toggle';
-import { createCustomElement } from '@angular/elements';
-
-@NgModule({
-  declarations: [
-    LfBreadcrumbsComponent
-  ],
-  imports: [
-    CommonModule,
-    MatMenuModule,
-    MatButtonToggleModule
-  ],
-  exports: [
-    LfBreadcrumbsComponent
-  ]
-})
-export class LfBreadcrumbsModule {
-  /** @internal */
-  constructor(/** @internal */ injector: Injector) {
-    const breadcrumbsElementName: string = 'lf-breadcrumbs';
-    if (window.customElements && !customElements.get(breadcrumbsElementName)) {
-      const breadcrumbsElement = createCustomElement(LfBreadcrumbsComponent, { injector });
-      customElements.define(breadcrumbsElementName, breadcrumbsElement);
-    }
-  }
-}
diff --git a/projects/ui-components/shared/lf-toolbar/lf-toolbar-public-api.ts b/projects/ui-components/shared/lf-toolbar/lf-toolbar-public-api.ts
index 9ad35d5b..145e5dfb 100644
--- a/projects/ui-components/shared/lf-toolbar/lf-toolbar-public-api.ts
+++ b/projects/ui-components/shared/lf-toolbar/lf-toolbar-public-api.ts
@@ -2,5 +2,3 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 export * from './lf-toolbar.component';
-
-export * from './lf-toolbar.module';
diff --git a/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.ts b/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.ts
index babdedba..a248ed33 100644
--- a/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.ts
+++ b/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.ts
@@ -2,11 +2,16 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatTooltipModule } from '@angular/material/tooltip';
 
 @Component({
-  selector: 'lf-toolbar-component',
-  templateUrl: './lf-toolbar.component.html',
-  styleUrls: ['./lf-toolbar.component.css']
+    selector: 'lf-toolbar-component',
+    templateUrl: './lf-toolbar.component.html',
+    styleUrls: ['./lf-toolbar.component.css'],
+    standalone: true,
+    imports: [CommonModule, MatMenuModule, MatTooltipModule]
 })
 export class LfToolbarComponent {
 
diff --git a/projects/ui-components/shared/lf-toolbar/lf-toolbar.module.ts b/projects/ui-components/shared/lf-toolbar/lf-toolbar.module.ts
deleted file mode 100644
index 5f36c062..00000000
--- a/projects/ui-components/shared/lf-toolbar/lf-toolbar.module.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Injector, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { LfToolbarComponent } from './lf-toolbar.component';
-import { createCustomElement } from '@angular/elements';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatTooltipModule } from '@angular/material/tooltip';
-
-@NgModule({
-  declarations: [
-    LfToolbarComponent
-  ],
-  imports: [
-    CommonModule,
-    MatMenuModule,
-    MatTooltipModule
-  ]
-})
-export class LfToolbarModule {
-    /** @internal */
-    constructor(
-      /** @internal */ injector: Injector
-    ) {  
-      const toolbarElementName: string = 'lf-toolbar';
-      if (window.customElements && !customElements.get(toolbarElementName)) {
-        const toolbarElement = createCustomElement(LfToolbarComponent, { injector });
-        customElements.define(toolbarElementName, toolbarElement);
-      }
-  
-    }
-}
diff --git a/projects/ui-components/tsconfig.lib.json b/projects/ui-components/tsconfig.lib.json
index 76bae9af..8532fb4c 100644
--- a/projects/ui-components/tsconfig.lib.json
+++ b/projects/ui-components/tsconfig.lib.json
@@ -6,11 +6,7 @@
     "declaration": true,
     "declarationMap": true,
     "inlineSources": true,
-    "types": [],
-    "lib": [
-      "dom",
-      "es2018"
-    ]
+    "types": []
   },
   "exclude": [
     "test.ts",
diff --git a/tsconfig.json b/tsconfig.json
index b4115fc1..bde825e7 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -29,14 +29,10 @@
     "declaration": true,
     "downlevelIteration": true,
     "experimentalDecorators": true,
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "importHelpers": true,
     "target": "ES2022",
     "module": "es2020",
-    "lib": [
-      "es2018",
-      "dom"
-    ],
     "useDefineForClassFields": false
   },
   "angularCompilerOptions": {
diff --git a/types-lf-ui-components-publish/package.json b/types-lf-ui-components-publish/package.json
index 501f40bd..b1337c9c 100644
--- a/types-lf-ui-components-publish/package.json
+++ b/types-lf-ui-components-publish/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@laserfiche/types-lf-ui-components",
-  "version": "18.0.0",
+  "version": "21.0.0",
   "scripts": {},
   "dependencies": {},
   "devDependencies": {},

From 59f3e16a65029bd550e41f84b0dfd489fade936d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Thu, 19 Feb 2026 10:37:20 +0200
Subject: [PATCH 03/43] Refactor to use control flow instead of directives

---
 .../src/app/app.component.html                | 170 ++--
 .../lf-documentation/src/app/app.component.ts |  19 +-
 .../lf-login-documentation.component.html     | 746 +++++++++---------
 .../lf-login-documentation.component.ts       |   4 +-
 .../lf-popup-modal.component.html             |  42 +-
 .../lf-toast-message.component.html           |  63 +-
 .../lf-checklist/items/items.component.html   |  44 +-
 .../lf-checklist/lf-checklist.component.html  | 100 ++-
 .../lf-checklist/lf-checklist.component.ts    |   4 +-
 .../options/options.component.html            |  20 +-
 .../lf-checklist/options/options.component.ts |   4 +-
 .../lf-login/lf-login.component.html          |  64 +-
 .../date-field/date-field.component.html      |  40 +-
 .../date-time-field.component.html            |  36 +-
 .../dynamic-field.component.html              |  30 +-
 .../lf-field-base.component.html              |  92 ++-
 .../lf-field-base/lf-field-base.component.ts  |   4 +-
 .../list-field/list-field.component.html      |  30 +-
 .../number-field/number-field.component.html  |  37 +-
 .../text-field/text-field.component.html      |  75 +-
 .../time-field/time-field.component.html      |  39 +-
 .../lf-token-picker.component.html            |  26 +-
 .../lf-field-group.component.html             | 102 +--
 .../lf-field-multivalue.component.html        |  62 +-
 .../lf-field-multivalue.component.ts          |   4 +-
 .../lf-field/lf-field.component.html          |  36 +-
 .../lf-field/lf-field.component.ts            |   4 +-
 .../uni-date-time.component.html              | 166 ++--
 .../lf-field-adhoc-container.component.html   |  61 +-
 .../lf-field-container.component.html         |  30 +-
 ...lf-field-template-container.component.html | 100 +--
 .../lf-repository-browser.component.html      |  86 +-
 .../lf-selection-list.component.html          | 144 ++--
 .../feedback-image-upload.component.html      |  97 +--
 .../user-feedback-dialog.component.html       | 105 +--
 .../lf-breadcrumbs.component.html             |  85 +-
 .../lf-toolbar/lf-toolbar.component.html      |  80 +-
 .../shared/lf-toolbar/lf-toolbar.component.ts |   4 +-
 38 files changed, 1534 insertions(+), 1321 deletions(-)

diff --git a/projects/lf-documentation/src/app/app.component.html b/projects/lf-documentation/src/app/app.component.html
index 369dcd35..eb3f45b2 100644
--- a/projects/lf-documentation/src/app/app.component.html
+++ b/projects/lf-documentation/src/app/app.component.html
@@ -3,89 +3,103 @@
 
 <mat-toolbar color="primary" class="documentation-font">
   <mat-toolbar-row>
-      <a [href]="landingPageUrl">
-        <span class="material-icons lf-doc-arrow-back" >
-            arrow_back
-        </span>
-      </a>
-      <div class="lf-back-button-vertical-divider"></div>
-      <span id="header-title">Laserfiche UI Components</span>
-      <span class="spacer"></span>
-      <div class="language-selector-container">
-        <select id="language-selector" class="lf-dropdown" (change)="setLanguage($event.target.value)">
-            <option value="">Use browser language</option>
-            <option value="ar">عربى</option>
-            <option value="cs">čeština (Česko)</option>
-            <option value="de">Deutsch</option>
-            <option value="el">Ελληνικά</option>
-            <option value="en">English</option>
-            <option value="es">español</option>
-            <option value="fr">français</option>
-            <option value="fr-FR">français (France)</option>
-            <option value="id">bahasa Indonesia</option>
-            <option value="it">italiano</option>
-            <option value="ja">日本語</option>
-            <option value="ko">한국어</option>
-            <option value="ms">bahasa Melayu</option>
-            <option value="nl">Nederland</option>
-            <option value="pt-BR">português (Brasil)</option>
-            <option value="ro">română</option>
-            <option value="sr-Latn">srpski</option>
-            <option value="th">ไทย</option>
-            <option value="tr">Türkçe (Türkiye)</option>
-            <option value="vi">Vietnamese (Vietnam)</option>
-            <option value="zh-Hans">中文</option>
-            <option value="zh-Hant">中文（繁體）</option>
-        </select>
-        <mat-checkbox class="lf-checkbox debug-mode-checkbox" color="primary" (change)="onCheckboxChange($event)">
-            Debug Mode
-        </mat-checkbox>
-      </div>
-      <span class="spacer"></span>
-      <div class="theme-selector-container">
-          <select id="theme-selector" class="lf-dropdown" (change)="setTheme('theme-selector')">
-              <option value="laserfiche">Laserfiche Theme</option>
-              <option value="microsoft">Microsoft Theme</option>
-          </select>
-      </div>
+    <a [href]="landingPageUrl">
+      <span class="material-icons lf-doc-arrow-back" >
+        arrow_back
+      </span>
+    </a>
+    <div class="lf-back-button-vertical-divider"></div>
+    <span id="header-title">Laserfiche UI Components</span>
+    <span class="spacer"></span>
+    <div class="language-selector-container">
+      <select id="language-selector" class="lf-dropdown" (change)="setLanguage($event.target.value)">
+        <option value="">Use browser language</option>
+        <option value="ar">عربى</option>
+        <option value="cs">čeština (Česko)</option>
+        <option value="de">Deutsch</option>
+        <option value="el">Ελληνικά</option>
+        <option value="en">English</option>
+        <option value="es">español</option>
+        <option value="fr">français</option>
+        <option value="fr-FR">français (France)</option>
+        <option value="id">bahasa Indonesia</option>
+        <option value="it">italiano</option>
+        <option value="ja">日本語</option>
+        <option value="ko">한국어</option>
+        <option value="ms">bahasa Melayu</option>
+        <option value="nl">Nederland</option>
+        <option value="pt-BR">português (Brasil)</option>
+        <option value="ro">română</option>
+        <option value="sr-Latn">srpski</option>
+        <option value="th">ไทย</option>
+        <option value="tr">Türkçe (Türkiye)</option>
+        <option value="vi">Vietnamese (Vietnam)</option>
+        <option value="zh-Hans">中文</option>
+        <option value="zh-Hant">中文（繁體）</option>
+      </select>
+      <mat-checkbox class="lf-checkbox debug-mode-checkbox" color="primary" (change)="onCheckboxChange($event)">
+        Debug Mode
+      </mat-checkbox>
+    </div>
+    <span class="spacer"></span>
+    <div class="theme-selector-container">
+      <select id="theme-selector" class="lf-dropdown" (change)="setTheme('theme-selector')">
+        <option value="laserfiche">Laserfiche Theme</option>
+        <option value="microsoft">Microsoft Theme</option>
+      </select>
+    </div>
   </mat-toolbar-row>
 </mat-toolbar>
 <div class="documentation-wrapper">
   <div class="side-nav documentation-font">
-      <mat-tree [dataSource]="dataSource" [treeControl]="treeControl" class="navigation-tree">
-          <mat-tree-node *matTreeNodeDef="let node" matTreeNodeToggle>
-              <li class="mat-tree-node">
-                  <button mat-icon-button disabled></button>
-                  <p *ngIf="!node.routerLink && !node.hyperLink">{{node.name}}</p>
-                  <a class="navigation-tree-item" *ngIf="node.routerLink"
-                      [routerLink]="node.routerLink">{{node.name}}</a>
-                  <a class="navigation-tree-item" *ngIf="node.hyperLink"
-                      [href]="node.hyperLink"  target="_blank">{{node.name}}</a>
-              </li>
-          </mat-tree-node>
-          <mat-nested-tree-node *matTreeNodeDef="let node; when: hasChild">
-              <li>
-                  <div class="mat-tree-node">
-                      <button mat-icon-button matTreeNodeToggle [attr.aria-label]="'Toggle ' + node.name">
-                          <span *ngIf="treeControl.isExpanded(node)" class="material-icons mat-icon-rtl-mirror">
-                            expand_more
-                          </span>
-                          <span *ngIf="!treeControl.isExpanded(node)" class="material-icons mat-icon-rtl-mirror">
-                            navigate_next
-                          </span>
-                      </button>
-                      <p class="navigation-tree-item" *ngIf="!node.routerLink" matTreeNodeToggle>{{node.name}}</p>
-                      <a class="navigation-tree-item" *ngIf="node.routerLink"
-                          [routerLink]="node.routerLink">{{node.name}}</a>
-                  </div>
-                  <ul [class.navigation-tree-invisible]="!treeControl.isExpanded(node)">
-                      <ng-container matTreeNodeOutlet></ng-container>
-                  </ul>
-              </li>
-          </mat-nested-tree-node>
-      </mat-tree>
+    <mat-tree [dataSource]="dataSource" [treeControl]="treeControl" class="navigation-tree">
+      <mat-tree-node *matTreeNodeDef="let node" matTreeNodeToggle>
+        <li class="mat-tree-node">
+          <button mat-icon-button disabled></button>
+          @if (!node.routerLink && !node.hyperLink) {
+            <p>{{node.name}}</p>
+          }
+          @if (node.routerLink) {
+            <a class="navigation-tree-item"
+            [routerLink]="node.routerLink">{{node.name}}</a>
+          }
+          @if (node.hyperLink) {
+            <a class="navigation-tree-item"
+            [href]="node.hyperLink"  target="_blank">{{node.name}}</a>
+          }
+        </li>
+      </mat-tree-node>
+      <mat-nested-tree-node *matTreeNodeDef="let node; when: hasChild">
+        <li>
+          <div class="mat-tree-node">
+            <button mat-icon-button matTreeNodeToggle [attr.aria-label]="'Toggle ' + node.name">
+              @if (treeControl.isExpanded(node)) {
+                <span class="material-icons mat-icon-rtl-mirror">
+                  expand_more
+                </span>
+              }
+              @if (!treeControl.isExpanded(node)) {
+                <span class="material-icons mat-icon-rtl-mirror">
+                  navigate_next
+                </span>
+              }
+            </button>
+            @if (!node.routerLink) {
+              <p class="navigation-tree-item" matTreeNodeToggle>{{node.name}}</p>
+            }
+            @if (node.routerLink) {
+              <a class="navigation-tree-item"
+              [routerLink]="node.routerLink">{{node.name}}</a>
+            }
+          </div>
+          <ul [class.navigation-tree-invisible]="!treeControl.isExpanded(node)">
+            <ng-container matTreeNodeOutlet></ng-container>
+          </ul>
+        </li>
+      </mat-nested-tree-node>
+    </mat-tree>
   </div>
   <div class="main-content">
-      <router-outlet></router-outlet>
+    <router-outlet></router-outlet>
   </div>
 </div>
diff --git a/projects/lf-documentation/src/app/app.component.ts b/projects/lf-documentation/src/app/app.component.ts
index fe45646c..3d3f04a8 100644
--- a/projects/lf-documentation/src/app/app.component.ts
+++ b/projects/lf-documentation/src/app/app.component.ts
@@ -10,7 +10,7 @@ import { ThemeService } from './theme.service';
 import { MatToolbarModule } from '@angular/material/toolbar';
 import { MatIconModule } from '@angular/material/icon';
 import { RouterLink, RouterOutlet } from '@angular/router';
-import { CommonModule } from '@angular/common';
+
 import { MatButtonModule } from '@angular/material/button';
 
 interface ComponentNode {
@@ -83,15 +83,14 @@ const TREE_DATA: ComponentNode[] = [
     styleUrls: ['./app.component.css'],
     standalone: true,
     imports: [
-        CommonModule,
-        RouterLink,
-        RouterOutlet,
-        MatToolbarModule,
-        MatTreeModule,
-        MatIconModule,
-        MatCheckboxModule,
-        MatButtonModule
-    ]
+    RouterLink,
+    RouterOutlet,
+    MatToolbarModule,
+    MatTreeModule,
+    MatIconModule,
+    MatCheckboxModule,
+    MatButtonModule
+]
 })
 export class AppComponent implements OnInit {
   title = 'lf-documentation';
diff --git a/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.html b/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.html
index 2a7e9ded..bf5a2540 100644
--- a/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.html
+++ b/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.html
@@ -1,372 +1,374 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<p class="documentation-title">LfLogin</p>
-<b> **Note: Please review Security Considerations on this page** </b>
-
-<p class="documentation-header">Overview</p>
-<div class="documentation-text">
-  Web Component to login to Laserfiche using OAuth
-  <ul>
-    <li>App must be registered in the <a href="https://app.laserfiche.com/devconsole/">Laserfiche dev console</a>.</li>
-    <li>The application must be registered as a Single Page Application (SPA)</li>
-  </ul>
-</div>
-<p class="documentation-text">
-  There are two versions of the login component. You can change the UI by changing the `mode` attribute.
-</p>
-<ul>
-  <li>
-    In order for the component to work properly, the page the redirect_uri points to should have a login component on it
-    OR you should call handleRedirectURICallbackAsync with the url that the redirect_uri receives containing the
-    authorization code or error.
-  </li>
-</ul>
-<p class="documentation-header">Use Case</p>
-<p class="documentation-text">Logging into Laserfiche</p>
-<p class="documentation-header">Security Considerations</p>
-<ul class="documentation-text">
-  <li>
-    Each application should be served by it's own origin (or subdomain) and redirect uri should be in same subdomain as
-    application
-  </li>
-  <li>
-    Both should be in origin (subdomain) that is not shared with other applications so you don't make your accesstoken
-    accessible by code outside your app
-  </li>
-</ul>
-<p class="documentation-header">Examples</p>
-
-<span class="code-html-tagname">&lt;lf-login&gt;</span> contains only a button that displays the sign_in_text and
-sign_out_text.
-<p class="documentation-text code-container">
-  <code>
-    <span class="code-html-tagname">&lt;lf-login </span>
-    <span class="code-html-attribute-name">id</span>
-    <span>=</span>
-    <span class="code-html-attribute-value">"login-button" </span>
-    <span class="code-html-attribute-name">client_id</span>
-    <span>=</span>
-    <span class="code-html-attribute-value">"clientId" </span>
-    <span class="code-html-attribute-name">redirect_uri</span>
-    <span>=</span>
-    <span class="code-html-attribute-value">"https://computername.domain.com/app" </span>
-    <span class="code-html-tagname">&gt;&lt;/lf-login&gt;</span>
-  </code>
-</p>
-<p class="documentation-text code-container">
-  <code>
-    <span class="code-html-tagname">const </span>
-    <span>login</span>
-    <span> = </span>
-    <span>document.querySelector('#login-button');</span>
-    <p>login.addEventListener('loginCompleted', onLoginCompleted);</p>
-    <p>login.addEventListener('loginInitiated', onLoginInitiated);</p>
-    <p>login.addEventListener('logoutInitiated', onLogoutInitiated);</p>
-    <p>login.addEventListener('logoutCompleted', onLogoutCompleted);</p>
-  </code>
-</p>
-<app-card>
-  <lf-login-component
-    *ngIf="client_id"
-    [client_id]="client_id"
-    [redirect_uri]="redirect_uri"
-    [scope]="scope"
-    sign_in_text="SIGN_IN"
-    sign_out_text="SIGN_OUT"
-    [redirect_behavior]="redirect_behavior"
-    [authorize_url_host_name]="authorizeUrlHostName"
-    (loginInitiated)="loginInitHandler($event)"
-    (logoutInitiated)="logoutInitHandler($event)"
-    (loginCompleted)="loginCompleteHandler($event)"
-    (logoutCompleted)="logoutCompleteHandler($event)"
-  >
-  </lf-login-component>
-</app-card>
-
-<p class="documentation-text">
-  <span class="code-html-tagname">&lt;lf-login&gt; mode="Menu"</span> displays a circular icon that enables you to sign
-  in and sign out via a menu.
-</p>
-<p class="documentation-text code-container">
-  <code>
-    <span class="code-html-tagname">&lt;lf-login </span>
-    <span class="code-html-attribute-name">id</span>
-    <span>=</span>
-    <span class="code-html-attribute-value">"login-menu" </span>
-    <span class="code-html-attribute-name">mode</span>
-    <span>=</span>
-    <span class="code-html-attribute-value">"Menu" </span>
-    <span class="code-html-attribute-name">client_id</span>
-    <span>=</span>
-    <span class="code-html-attribute-value">"clientId" </span>
-    <span class="code-html-attribute-name">redirect_uri</span>
-    <span>=</span>
-    <span class="code-html-attribute-value">"https://computername.domain.com/app" </span>
-    <span class="code-html-tagname">&gt;&lt;/lf-login&gt;</span>
-  </code>
-</p>
-<p class="documentation-text code-container">
-  <code>
-    <span class="code-html-tagname">const </span>
-    <span>login</span>
-    <span> = </span>
-    <span>document.querySelector('#login-menu');</span>
-    <p>login.addEventListener('loginCompleted', onLoginCompleted);</p>
-    <p>login.addEventListener('loginInitiated', onLoginInitiated);</p>
-    <p>login.addEventListener('logoutInitiated', onLogoutInitiated);</p>
-    <p>login.addEventListener('logoutCompleted', onLogoutCompleted);</p>
-  </code>
-</p>
-<app-card>
-  <lf-login-component
-    [mode]="menuMode"
-    #loginMenu
-    *ngIf="client_id"
-    [client_id]="client_id"
-    [redirect_uri]="redirect_uri"
-    [scope]="scope"
-    [redirect_behavior]="redirect_behavior"
-    [authorize_url_host_name]="authorizeUrlHostName"
-    (loginInitiated)="loginInitHandler($event)"
-    (logoutInitiated)="logoutInitHandler($event)"
-    (loginCompleted)="loginCompleteHandler($event)"
-    (logoutCompleted)="logoutCompleteHandler($event)"
-  >
-  </lf-login-component>
-</app-card>
-
-<p class="documentation-text">lf-login state: {{ menuState }}</p>
-
-<button (click)="refresh()">Refresh lf-login Token</button>
-
-<p class="documentation-header">How to use &lt;lf-login&gt; component in a Popup Window</p>
-
-<div class="documentation-text">
-  <ul>
-    <li>
-      Refer to our <a href="https://github.com/Laserfiche/lf-sample-OAuth-SPA-angular-npm">Sample App</a> that
-      demonstrates how to implement our login component in a popup window as an option if desired. 
-    </li>
-
-    <li>
-      Refer to this <a href="https://github.com/Laserfiche/lf-sample-OAuth-SPA-angular-npm/pull/20">Pull Request</a> for
-      our implementation details.
-    </li>
-  </ul>
-</div>
-
-<p class="documentation-header">HTML Element</p>
-<table>
-  <tr>
-    <th>Attribute</th>
-    <th>Value</th>
-    <th>Description</th>
-  </tr>
-  <tr>
-    <td>mode</td>
-    <td>LoginMode</td>
-    <td>specify the UI to display, default is LoginMode.Button</td>
-  </tr>
-  <tr>
-    <td>sign_in_text</td>
-    <td>string</td>
-    <td>(optional) specify the text for the sign in button when signed out</td>
-  </tr>
-  <tr>
-    <td>sign_out_text</td>
-    <td>string</td>
-    <td>(optional) specify the text for the sign out button when signed in</td>
-  </tr>
-  <tr>
-    <td>signing_in_text</td>
-    <td>string</td>
-    <td>(optional) specify the text for the button while signing in</td>
-  </tr>
-  <tr>
-    <td>signing_out_text</td>
-    <td>string</td>
-    <td>(optional) specify the text for the button while signing out</td>
-  </tr>
-  <tr>
-    <td>client_id</td>
-    <td>string</td>
-    <td>the client_id you received when registering your application in LF developer console</td>
-  </tr>
-  <tr>
-    <td>redirect_uri</td>
-    <td>string</td>
-    <td>redirect uri passed to OAuth service, page will redirect to this uri once authentication occurs</td>
-  </tr>
-  <tr>
-    <td>scope</td>
-    <td>string</td>
-    <td>
-      scope is passed to OAuth service, will determine which rights are requested from user and what the API able to
-      access with the corresponding token
-    </td>
-  </tr>
-  <tr>
-    <td>redirect_behavior</td>
-    <td>RedirectBehavior</td>
-    <td>specify the redirect behavior of the component, default is Replace</td>
-  </tr>
-  <tr>
-    <td>authorize_url_host_name</td>
-    <td>string</td>
-    <td>pass in a specific host name (i.e. "a.clouddev.laserfiche.com"), defaults to production ("laserfiche.com")</td>
-  </tr>
-</table>
-<br />
-<table>
-  <tr>
-    <th>Event</th>
-    <th>Value</th>
-    <th>Description</th>
-  </tr>
-  <tr>
-    <td>loginInitiated</td>
-    <td>(event: CustomEvent&lt;string&gt;) => Promise&lt;void&gt;</td>
-    <td>event raised when the login button is clicked, string event is the full OAuth Authorize uri</td>
-  </tr>
-  <tr>
-    <td>loginCompleted</td>
-    <td>(event: CustomEvent&lt;void&gt;) => Promise&lt;void&gt;</td>
-    <td>event raised when login has completed, and token has been successfully retrieved</td>
-  </tr>
-  <tr>
-    <td>logoutInitiated</td>
-    <td>(event: CustomEvent&lt;string&gt;) => Promise&lt;void&gt;</td>
-    <td>
-      event raised when the logout button is clicked. Event contains the full acs logout url, with redirect to the
-      redirect_uri input
-    </td>
-  </tr>
-  <tr>
-    <td>logoutCompleted</td>
-    <td>(event: CustomEvent&lt;AbortedLoginError | void&gt;) => Promise&lt;void&gt;</td>
-    <td>
-      event raised when logout is completed. If this was due to an error, there will be an AbortedLoginError object
-      passed in the Custom Event
-    </td>
-  </tr>
-</table>
-<br />
-<table>
-  <tr>
-    <th>Method/Property</th>
-    <th>Signature</th>
-    <th>Description</th>
-  </tr>
-  <tr>
-    <td>refreshTokenAsync</td>
-    <td>(initiateLoginFlowOnRefreshFailure: boolean) => Promise&lt;string | undefined&gt;</td>
-    <td>
-      Prompts a refresh of the access token. Call this when you receive a 401 from the API you are using. If
-      initiateLoginFlowOnRefreshFailure is true, component will attempt to login again with OAuth service, if refresh
-      token is expired (refresh doesn't work). If initiateLoginFlowOnRefreshFailure is false, if refresh token is
-      expired, the component will show as logged out.
-    </td>
-  </tr>
-  <tr>
-    <td>initLoginFlowAsync</td>
-    <td>() => Promise&lt;string | undefined&gt;</td>
-    <td>
-      Prompts the login flow to begin. The use case for this is if you want to start the login flow on page load, rather
-      than making the user click the button. If the user is already logged in, the function will return the current
-      access token. If the user is not logged in, it will return undefined and start the OAuth login flow.
-    </td>
-  </tr>
-  <tr>
-    <td>handleRedirectURICallbackAsync</td>
-    <td>(url: string) => Promise&lt;void&gt;</td>
-    <td>
-      Parses the callbackUrl containing the parameters from the authorization service and exchanges the authorization
-      code for an access token. If RedirectBehavior is None you have to explicitly call this method to simulate
-      redirection back to the callbackUrl.
-    </td>
-  </tr>
-  <tr>
-    <td>authorizationRequestHandler</td>
-    <td>LfHttpRequestHandler</td>
-    <td>
-      Read-only implementation of HttpRequestHandler that can be used to initialize an instance of the
-      <a
-        href="https://laserfiche.github.io/lf-repository-api-client-js/docs/1.x/classes/RepositoryApiClient.html#createFromHttpRequestHandler"
-        >RepositoryApiClient</a
-      >. This handler adds an API authorization request header representing the current logged-in user.
-    </td>
-  </tr>
-  <tr>
-    <td>authorization_credentials</td>
-    <td>AuthorizationCredentials</td>
-    <td>read-only property to get the current AuthorizationCredentials</td>
-  </tr>
-  <tr>
-    <td>account_id</td>
-    <td>string</td>
-    <td>read-only property to get the current accountId</td>
-  </tr>
-  <tr>
-    <td>trustee_id</td>
-    <td>string</td>
-    <td>read-only property to get the current trusteeId</td>
-  </tr>
-  <tr>
-    <td>account_endpoints</td>
-    <td>AccountEndpoints</td>
-    <td>read-only property to get the current accountEndpoints</td>
-  </tr>
-  <tr>
-    <td>state</td>
-    <td>LoginState</td>
-    <td>read-only property to get the current state</td>
-  </tr>
-</table>
-
-<p class="documentation-sub-header">RedirectBehavior Enum</p>
-<ul>
-  <li>
-    Replace - if you use this behavior the flow will happen automatically and redirect in place back to the redirect url
-  </li>
-  <li>Popup (not implemented yet)</li>
-  <li>
-    None - if you use this behavior, you must call handleRedirectURICallbackAsync so you can parse the callback url
-  </li>
-</ul>
-
-<p class="documentation-sub-header">LoginMode Enum</p>
-<ul>
-  <li>Button - default</li>
-  <li>Menu</li>
-</ul>
-
-<p class="documentation-sub-header">LoginState Enum</p>
-<ul>
-  <li>LoggedOut</li>
-  <li>LoggingIn</li>
-  <li>LoggedIn</li>
-  <li>LoggingOut</li>
-</ul>
-
-<p class="documentation-sub-header">AbortedLoginError Interface</p>
-<ul>
-  <li>ErrorType: string</li>
-  <li>ErrorMessage: string</li>
-</ul>
-
-<p class="documentation-sub-header">AccountEndpoints Interface</p>
-<ul>
-  <li>webClientUrl: string</li>
-  <li>wsignoutUrl: string</li>
-  <li>regionalDomain: string</li>
-  <li>oauthAuthorizeUrl: string</li>
-</ul>
-
-<p class="documentation-sub-header">AuthorizationCredentials Interface</p>
-<ul>
-  <li>accessToken: string</li>
-  <li>refreshToken: string</li>
-  <li>expiresIn: string</li>
-  <li>tokenType: string</li>
-</ul>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<p class="documentation-title">LfLogin</p>
+<b> **Note: Please review Security Considerations on this page** </b>
+
+<p class="documentation-header">Overview</p>
+<div class="documentation-text">
+  Web Component to login to Laserfiche using OAuth
+  <ul>
+    <li>App must be registered in the <a href="https://app.laserfiche.com/devconsole/">Laserfiche dev console</a>.</li>
+    <li>The application must be registered as a Single Page Application (SPA)</li>
+  </ul>
+</div>
+<p class="documentation-text">
+  There are two versions of the login component. You can change the UI by changing the `mode` attribute.
+</p>
+<ul>
+  <li>
+    In order for the component to work properly, the page the redirect_uri points to should have a login component on it
+    OR you should call handleRedirectURICallbackAsync with the url that the redirect_uri receives containing the
+    authorization code or error.
+  </li>
+</ul>
+<p class="documentation-header">Use Case</p>
+<p class="documentation-text">Logging into Laserfiche</p>
+<p class="documentation-header">Security Considerations</p>
+<ul class="documentation-text">
+  <li>
+    Each application should be served by it's own origin (or subdomain) and redirect uri should be in same subdomain as
+    application
+  </li>
+  <li>
+    Both should be in origin (subdomain) that is not shared with other applications so you don't make your accesstoken
+    accessible by code outside your app
+  </li>
+</ul>
+<p class="documentation-header">Examples</p>
+
+<span class="code-html-tagname">&lt;lf-login&gt;</span> contains only a button that displays the sign_in_text and
+sign_out_text.
+<p class="documentation-text code-container">
+  <code>
+    <span class="code-html-tagname">&lt;lf-login </span>
+    <span class="code-html-attribute-name">id</span>
+    <span>=</span>
+    <span class="code-html-attribute-value">"login-button" </span>
+    <span class="code-html-attribute-name">client_id</span>
+    <span>=</span>
+    <span class="code-html-attribute-value">"clientId" </span>
+    <span class="code-html-attribute-name">redirect_uri</span>
+    <span>=</span>
+    <span class="code-html-attribute-value">"https://computername.domain.com/app" </span>
+    <span class="code-html-tagname">&gt;&lt;/lf-login&gt;</span>
+  </code>
+</p>
+<p class="documentation-text code-container">
+  <code>
+    <span class="code-html-tagname">const </span>
+    <span>login</span>
+    <span> = </span>
+    <span>document.querySelector('#login-button');</span>
+    <p>login.addEventListener('loginCompleted', onLoginCompleted);</p>
+    <p>login.addEventListener('loginInitiated', onLoginInitiated);</p>
+    <p>login.addEventListener('logoutInitiated', onLogoutInitiated);</p>
+    <p>login.addEventListener('logoutCompleted', onLogoutCompleted);</p>
+  </code>
+</p>
+<app-card>
+  @if (client_id) {
+    <lf-login-component
+      [client_id]="client_id"
+      [redirect_uri]="redirect_uri"
+      [scope]="scope"
+      sign_in_text="SIGN_IN"
+      sign_out_text="SIGN_OUT"
+      [redirect_behavior]="redirect_behavior"
+      [authorize_url_host_name]="authorizeUrlHostName"
+      (loginInitiated)="loginInitHandler($event)"
+      (logoutInitiated)="logoutInitHandler($event)"
+      (loginCompleted)="loginCompleteHandler($event)"
+      (logoutCompleted)="logoutCompleteHandler($event)"
+      >
+    </lf-login-component>
+  }
+</app-card>
+
+<p class="documentation-text">
+  <span class="code-html-tagname">&lt;lf-login&gt; mode="Menu"</span> displays a circular icon that enables you to sign
+  in and sign out via a menu.
+</p>
+<p class="documentation-text code-container">
+  <code>
+    <span class="code-html-tagname">&lt;lf-login </span>
+    <span class="code-html-attribute-name">id</span>
+    <span>=</span>
+    <span class="code-html-attribute-value">"login-menu" </span>
+    <span class="code-html-attribute-name">mode</span>
+    <span>=</span>
+    <span class="code-html-attribute-value">"Menu" </span>
+    <span class="code-html-attribute-name">client_id</span>
+    <span>=</span>
+    <span class="code-html-attribute-value">"clientId" </span>
+    <span class="code-html-attribute-name">redirect_uri</span>
+    <span>=</span>
+    <span class="code-html-attribute-value">"https://computername.domain.com/app" </span>
+    <span class="code-html-tagname">&gt;&lt;/lf-login&gt;</span>
+  </code>
+</p>
+<p class="documentation-text code-container">
+  <code>
+    <span class="code-html-tagname">const </span>
+    <span>login</span>
+    <span> = </span>
+    <span>document.querySelector('#login-menu');</span>
+    <p>login.addEventListener('loginCompleted', onLoginCompleted);</p>
+    <p>login.addEventListener('loginInitiated', onLoginInitiated);</p>
+    <p>login.addEventListener('logoutInitiated', onLogoutInitiated);</p>
+    <p>login.addEventListener('logoutCompleted', onLogoutCompleted);</p>
+  </code>
+</p>
+<app-card>
+  @if (client_id) {
+    <lf-login-component
+      [mode]="menuMode"
+      #loginMenu
+      [client_id]="client_id"
+      [redirect_uri]="redirect_uri"
+      [scope]="scope"
+      [redirect_behavior]="redirect_behavior"
+      [authorize_url_host_name]="authorizeUrlHostName"
+      (loginInitiated)="loginInitHandler($event)"
+      (logoutInitiated)="logoutInitHandler($event)"
+      (loginCompleted)="loginCompleteHandler($event)"
+      (logoutCompleted)="logoutCompleteHandler($event)"
+      >
+    </lf-login-component>
+  }
+</app-card>
+
+<p class="documentation-text">lf-login state: {{ menuState }}</p>
+
+<button (click)="refresh()">Refresh lf-login Token</button>
+
+<p class="documentation-header">How to use &lt;lf-login&gt; component in a Popup Window</p>
+
+<div class="documentation-text">
+  <ul>
+    <li>
+      Refer to our <a href="https://github.com/Laserfiche/lf-sample-OAuth-SPA-angular-npm">Sample App</a> that
+      demonstrates how to implement our login component in a popup window as an option if desired.
+    </li>
+
+    <li>
+      Refer to this <a href="https://github.com/Laserfiche/lf-sample-OAuth-SPA-angular-npm/pull/20">Pull Request</a> for
+      our implementation details.
+    </li>
+  </ul>
+</div>
+
+<p class="documentation-header">HTML Element</p>
+<table>
+  <tr>
+    <th>Attribute</th>
+    <th>Value</th>
+    <th>Description</th>
+  </tr>
+  <tr>
+    <td>mode</td>
+    <td>LoginMode</td>
+    <td>specify the UI to display, default is LoginMode.Button</td>
+  </tr>
+  <tr>
+    <td>sign_in_text</td>
+    <td>string</td>
+    <td>(optional) specify the text for the sign in button when signed out</td>
+  </tr>
+  <tr>
+    <td>sign_out_text</td>
+    <td>string</td>
+    <td>(optional) specify the text for the sign out button when signed in</td>
+  </tr>
+  <tr>
+    <td>signing_in_text</td>
+    <td>string</td>
+    <td>(optional) specify the text for the button while signing in</td>
+  </tr>
+  <tr>
+    <td>signing_out_text</td>
+    <td>string</td>
+    <td>(optional) specify the text for the button while signing out</td>
+  </tr>
+  <tr>
+    <td>client_id</td>
+    <td>string</td>
+    <td>the client_id you received when registering your application in LF developer console</td>
+  </tr>
+  <tr>
+    <td>redirect_uri</td>
+    <td>string</td>
+    <td>redirect uri passed to OAuth service, page will redirect to this uri once authentication occurs</td>
+  </tr>
+  <tr>
+    <td>scope</td>
+    <td>string</td>
+    <td>
+      scope is passed to OAuth service, will determine which rights are requested from user and what the API able to
+      access with the corresponding token
+    </td>
+  </tr>
+  <tr>
+    <td>redirect_behavior</td>
+    <td>RedirectBehavior</td>
+    <td>specify the redirect behavior of the component, default is Replace</td>
+  </tr>
+  <tr>
+    <td>authorize_url_host_name</td>
+    <td>string</td>
+    <td>pass in a specific host name (i.e. "a.clouddev.laserfiche.com"), defaults to production ("laserfiche.com")</td>
+  </tr>
+</table>
+<br />
+<table>
+  <tr>
+    <th>Event</th>
+    <th>Value</th>
+    <th>Description</th>
+  </tr>
+  <tr>
+    <td>loginInitiated</td>
+    <td>(event: CustomEvent&lt;string&gt;) => Promise&lt;void&gt;</td>
+    <td>event raised when the login button is clicked, string event is the full OAuth Authorize uri</td>
+  </tr>
+  <tr>
+    <td>loginCompleted</td>
+    <td>(event: CustomEvent&lt;void&gt;) => Promise&lt;void&gt;</td>
+    <td>event raised when login has completed, and token has been successfully retrieved</td>
+  </tr>
+  <tr>
+    <td>logoutInitiated</td>
+    <td>(event: CustomEvent&lt;string&gt;) => Promise&lt;void&gt;</td>
+    <td>
+      event raised when the logout button is clicked. Event contains the full acs logout url, with redirect to the
+      redirect_uri input
+    </td>
+  </tr>
+  <tr>
+    <td>logoutCompleted</td>
+    <td>(event: CustomEvent&lt;AbortedLoginError | void&gt;) => Promise&lt;void&gt;</td>
+    <td>
+      event raised when logout is completed. If this was due to an error, there will be an AbortedLoginError object
+      passed in the Custom Event
+    </td>
+  </tr>
+</table>
+<br />
+<table>
+  <tr>
+    <th>Method/Property</th>
+    <th>Signature</th>
+    <th>Description</th>
+  </tr>
+  <tr>
+    <td>refreshTokenAsync</td>
+    <td>(initiateLoginFlowOnRefreshFailure: boolean) => Promise&lt;string | undefined&gt;</td>
+    <td>
+      Prompts a refresh of the access token. Call this when you receive a 401 from the API you are using. If
+      initiateLoginFlowOnRefreshFailure is true, component will attempt to login again with OAuth service, if refresh
+      token is expired (refresh doesn't work). If initiateLoginFlowOnRefreshFailure is false, if refresh token is
+      expired, the component will show as logged out.
+    </td>
+  </tr>
+  <tr>
+    <td>initLoginFlowAsync</td>
+    <td>() => Promise&lt;string | undefined&gt;</td>
+    <td>
+      Prompts the login flow to begin. The use case for this is if you want to start the login flow on page load, rather
+      than making the user click the button. If the user is already logged in, the function will return the current
+      access token. If the user is not logged in, it will return undefined and start the OAuth login flow.
+    </td>
+  </tr>
+  <tr>
+    <td>handleRedirectURICallbackAsync</td>
+    <td>(url: string) => Promise&lt;void&gt;</td>
+    <td>
+      Parses the callbackUrl containing the parameters from the authorization service and exchanges the authorization
+      code for an access token. If RedirectBehavior is None you have to explicitly call this method to simulate
+      redirection back to the callbackUrl.
+    </td>
+  </tr>
+  <tr>
+    <td>authorizationRequestHandler</td>
+    <td>LfHttpRequestHandler</td>
+    <td>
+      Read-only implementation of HttpRequestHandler that can be used to initialize an instance of the
+      <a
+        href="https://laserfiche.github.io/lf-repository-api-client-js/docs/1.x/classes/RepositoryApiClient.html#createFromHttpRequestHandler"
+        >RepositoryApiClient</a
+        >. This handler adds an API authorization request header representing the current logged-in user.
+      </td>
+    </tr>
+    <tr>
+      <td>authorization_credentials</td>
+      <td>AuthorizationCredentials</td>
+      <td>read-only property to get the current AuthorizationCredentials</td>
+    </tr>
+    <tr>
+      <td>account_id</td>
+      <td>string</td>
+      <td>read-only property to get the current accountId</td>
+    </tr>
+    <tr>
+      <td>trustee_id</td>
+      <td>string</td>
+      <td>read-only property to get the current trusteeId</td>
+    </tr>
+    <tr>
+      <td>account_endpoints</td>
+      <td>AccountEndpoints</td>
+      <td>read-only property to get the current accountEndpoints</td>
+    </tr>
+    <tr>
+      <td>state</td>
+      <td>LoginState</td>
+      <td>read-only property to get the current state</td>
+    </tr>
+  </table>
+
+  <p class="documentation-sub-header">RedirectBehavior Enum</p>
+  <ul>
+    <li>
+      Replace - if you use this behavior the flow will happen automatically and redirect in place back to the redirect url
+    </li>
+    <li>Popup (not implemented yet)</li>
+    <li>
+      None - if you use this behavior, you must call handleRedirectURICallbackAsync so you can parse the callback url
+    </li>
+  </ul>
+
+  <p class="documentation-sub-header">LoginMode Enum</p>
+  <ul>
+    <li>Button - default</li>
+    <li>Menu</li>
+  </ul>
+
+  <p class="documentation-sub-header">LoginState Enum</p>
+  <ul>
+    <li>LoggedOut</li>
+    <li>LoggingIn</li>
+    <li>LoggedIn</li>
+    <li>LoggingOut</li>
+  </ul>
+
+  <p class="documentation-sub-header">AbortedLoginError Interface</p>
+  <ul>
+    <li>ErrorType: string</li>
+    <li>ErrorMessage: string</li>
+  </ul>
+
+  <p class="documentation-sub-header">AccountEndpoints Interface</p>
+  <ul>
+    <li>webClientUrl: string</li>
+    <li>wsignoutUrl: string</li>
+    <li>regionalDomain: string</li>
+    <li>oauthAuthorizeUrl: string</li>
+  </ul>
+
+  <p class="documentation-sub-header">AuthorizationCredentials Interface</p>
+  <ul>
+    <li>accessToken: string</li>
+    <li>refreshToken: string</li>
+    <li>expiresIn: string</li>
+    <li>tokenType: string</li>
+  </ul>
diff --git a/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.ts b/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.ts
index acda6203..a7ee7ce5 100644
--- a/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.ts
+++ b/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.ts
@@ -5,14 +5,14 @@ import { Component, ViewChild, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { AbortedLoginError, LfLoginComponent } from './../../../../ui-components/lf-login/lf-login-public-api';
 import { LoginMode, LoginState, RedirectBehavior } from './../../../../ui-components/shared/lf-shared-public-api';
 import { CardComponent } from '../card/card.component';
-import { CommonModule } from '@angular/common';
+
 
 @Component({
   selector: 'app-lf-login-documentation',
   templateUrl: './lf-login-documentation.component.html',
   styleUrls: ['./lf-login-documentation.component.css', './../app.component.css'],
   standalone: true,
-  imports: [CardComponent, CommonModule, LfLoginComponent],
+  imports: [CardComponent, LfLoginComponent],
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
 })
 export class LfLoginDocumentationComponent {
diff --git a/projects/ui-components/internal-shared/lf-modals/lf-popup-modal/lf-popup-modal.component.html b/projects/ui-components/internal-shared/lf-modals/lf-popup-modal/lf-popup-modal.component.html
index df52243e..c14fe576 100644
--- a/projects/ui-components/internal-shared/lf-modals/lf-popup-modal/lf-popup-modal.component.html
+++ b/projects/ui-components/internal-shared/lf-modals/lf-popup-modal/lf-popup-modal.component.html
@@ -1,17 +1,25 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<div *ngIf="data">
-    <span class="lf-dialog-title lf-popup-dialog-title">{{data.popupTitle | async}}</span>
-    <div class="lf-dialog-message">
-        <p>{{data.popupMessage | async}}</p>
-    </div>
-    <div class="lf-dialog-actions">
-        <button *ngIf="data.confirmButtonText" class="lf-button primary-button dialog-button"
-            (click)="onConfirmClick()" cdkFocusInitial>{{data.confirmButtonText | async}}</button>
-        <button *ngIf="data.noButtonText" class="lf-button sec-button dialog-button"
-            (click)="onNoClick()">{{data.noButtonText | async}}</button>
-        <button *ngIf="data.cancelButtonText" class="lf-button sec-button dialog-button"
-            (click)="onCancelClick()">{{data.cancelButtonText | async}}</button>
-    </div>
-</div>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+@if (data) {
+  <div>
+    <span class="lf-dialog-title lf-popup-dialog-title">{{data.popupTitle | async}}</span>
+    <div class="lf-dialog-message">
+      <p>{{data.popupMessage | async}}</p>
+    </div>
+    <div class="lf-dialog-actions">
+      @if (data.confirmButtonText) {
+        <button class="lf-button primary-button dialog-button"
+        (click)="onConfirmClick()" cdkFocusInitial>{{data.confirmButtonText | async}}</button>
+      }
+      @if (data.noButtonText) {
+        <button class="lf-button sec-button dialog-button"
+        (click)="onNoClick()">{{data.noButtonText | async}}</button>
+      }
+      @if (data.cancelButtonText) {
+        <button class="lf-button sec-button dialog-button"
+        (click)="onCancelClick()">{{data.cancelButtonText | async}}</button>
+      }
+    </div>
+  </div>
+}
diff --git a/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.html b/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.html
index 2daf1b7d..ccdfffac 100644
--- a/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.html
+++ b/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.html
@@ -1,30 +1,30 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<div
-  *ngFor="let message of allMessages; index as idx"
-  class="toast-message message-holder lf-flexbox-col"
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+@for (message of allMessages; track message; let idx = $index) {
+  <div
+    class="toast-message message-holder lf-flexbox-col"
   [ngClass]="{
     error: message.type === 'Error',
     warning: message.type === 'Warning',
     validation: message.type === 'Validation',
     informational: message.type === 'Informational'
   }"
->
-  <div class="lf-flexbox-row lf-flexbox-center both-axis">
-    <span
-      class="material-icons-outlined"
-      style="flex: 0 0 auto"
+    >
+    <div class="lf-flexbox-row lf-flexbox-center both-axis">
+      <span
+        class="material-icons-outlined"
+        style="flex: 0 0 auto"
       [ngClass]="{
         warningIcon: message.type === 'Warning',
         'hide-icon': message.noIcon
       }"
-      [attr.aria-label]="message.type"
-    >
-      {{ _computeTypeIcon(message.type) }}
-    </span>
-    <div
-      class="message-text lf-flex-item lf-flexbox-row"
+        [attr.aria-label]="message.type"
+        >
+        {{ _computeTypeIcon(message.type) }}
+      </span>
+      <div
+        class="message-text lf-flex-item lf-flexbox-row"
       [ngClass]="{
         error: message.type === 'Error',
         warning: message.type === 'Warning',
@@ -32,20 +32,21 @@
         informational: message.type === 'Informational',
         'no-left-padding': message.noIcon
       }"
-    >
-      <div class="message-wrapper">
-        {{ message.message }}
-      </div>
-    </div>
-    <button
-      id="close-btn"
-      (click)="_closeToast(message.id)"
-      style="flex: 0 0 auto"
+        >
+        <div class="message-wrapper">
+          {{ message.message }}
+        </div>
+      </div>
+      <button
+        id="close-btn"
+        (click)="_closeToast(message.id)"
+        style="flex: 0 0 auto"
       [ngClass]="{
         warningIcon: message.type === 'Warning'
       }"
-    >
-      <span class="material-icons-outlined" aria-label="close"> close </span>
-    </button>
-  </div>
-</div>
+        >
+        <span class="material-icons-outlined" aria-label="close"> close </span>
+      </button>
+    </div>
+  </div>
+}
diff --git a/projects/ui-components/lf-checklist/items/items.component.html b/projects/ui-components/lf-checklist/items/items.component.html
index 7770da8a..d9b4bbea 100644
--- a/projects/ui-components/lf-checklist/items/items.component.html
+++ b/projects/ui-components/lf-checklist/items/items.component.html
@@ -2,24 +2,32 @@
 Licensed under the MIT License. See LICENSE in the project root for license information.-->
 
 <div id="lf-checklist-item-container" class="lf-checklist-item-container">
-    <div id="lf-checklist-item" class="lf-checklist-item" *ngFor="let item of items; index as currentIndex">
-        <div id="lf-checklist-item-label" class="fixed-width-label" (click)="doNothing($event)">
-            <div *ngIf="getIcons(item).length>0" class="fixed-size-icon-container">
-                <img *ngFor="let icon of getIcons(item)" src="{{icon}}" alt="" class='lf-checklist-item-icon' />
-            </div>
-            <div id="lf-checklist-item-name" class="lf-checklist-item-name">
-                <mat-form-field class="lf-checklist-field stretch-width lf-text-field">
-                    <input matInput type="text" title="{{item.name}}" [formControl]="getSingleField(currentIndex)"
-                    (change)="onItemValueChanged(currentIndex)" (focusout)="onItemValueChanged(currentIndex)">
-                    <mat-error *ngIf="!getSingleField(currentIndex).valid"
-                        title="{{item | itemsValidationText: getSingleField(currentIndex) : LOCALIZED_STRINGS | async}}">
-                        {{item | itemsValidationText: getSingleField(currentIndex): LOCALIZED_STRINGS | async}}
-                    </mat-error>
-                </mat-form-field>
-            </div>
+  @for (item of items; track item; let currentIndex = $index) {
+    <div id="lf-checklist-item" class="lf-checklist-item">
+      <div id="lf-checklist-item-label" class="fixed-width-label" (click)="doNothing($event)">
+        @if (getIcons(item).length>0) {
+          <div class="fixed-size-icon-container">
+            @for (icon of getIcons(item); track icon) {
+              <img src="{{icon}}" alt="" class='lf-checklist-item-icon' />
+            }
+          </div>
+        }
+        <div id="lf-checklist-item-name" class="lf-checklist-item-name">
+          <mat-form-field class="lf-checklist-field stretch-width lf-text-field">
+            <input matInput type="text" title="{{item.name}}" [formControl]="getSingleField(currentIndex)"
+              (change)="onItemValueChanged(currentIndex)" (focusout)="onItemValueChanged(currentIndex)">
+            @if (!getSingleField(currentIndex).valid) {
+              <mat-error
+                title="{{item | itemsValidationText: getSingleField(currentIndex) : LOCALIZED_STRINGS | async}}">
+                {{item | itemsValidationText: getSingleField(currentIndex): LOCALIZED_STRINGS | async}}
+              </mat-error>
+            }
+          </mat-form-field>
         </div>
-        <mat-checkbox color="primary" ngDefaultControl [labelPosition]="labelPosition" [(ngModel)]="item.checked"
-            [disabled]="item.disabled" (change)="onItemCheckboxChanged(currentIndex)" class="lf-checkbox">
-        </mat-checkbox>
+      </div>
+      <mat-checkbox color="primary" ngDefaultControl [labelPosition]="labelPosition" [(ngModel)]="item.checked"
+        [disabled]="item.disabled" (change)="onItemCheckboxChanged(currentIndex)" class="lf-checkbox">
+      </mat-checkbox>
     </div>
+  }
 </div>
diff --git a/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.html b/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.html
index d2404fd9..4f56f6d0 100644
--- a/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.html
+++ b/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.html
@@ -1,41 +1,59 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<div id="lf-checklist-container" class="lf-checklist-container">
-    <div id="lf-checklist-list-container" class="lf-checklist-list-container">
-        <div id="lf-checklist-list" class="lf-checklist-list" *ngFor="let checklist of checklists">
-            <div *ngIf="!checklist.collapsible">
-                <div id="lf-checklist-name-container" class="lf-checklist-name-container">
-                    <span id="lf-checklist-name" class="lf-text-label"
-                        title="{{checklist.name}}">{{checklist.name}}</span>
-                </div>
-                <lf-items-component *ngIf="checklist.checklistItems.length > 0" [items]="checklist.checklistItems"
-                    (itemsChanged)="emitChecklistChanges()"></lf-items-component>
-                <lf-options-component *ngIf="checklist.checklistOptions.length > 0" [options]="checklist.checklistOptions"
-                    (optionsChanged)="emitChecklistChanges()"></lf-options-component>
-            </div>
-            <div *ngIf="checklist.collapsible">
-                <mat-expansion-panel [expanded]="false" class="checklist-expansion-panel">
-                    <mat-expansion-panel-header class="checklist-expansion-panel">
-                        <mat-panel-title>
-                            <span id="lf-checklist-name" class="lf-text-label"
-                                title="{{checklist.name}}">{{checklist.name}}</span>
-                        </mat-panel-title>
-                    </mat-expansion-panel-header>
-                    <lf-items-component *ngIf="checklist.checklistItems.length > 0" [items]="checklist.checklistItems"
-                        (itemsChanged)="emitChecklistChanges()"></lf-items-component>
-                    <lf-options-component *ngIf="checklist.checklistOptions.length > 0" [options]="checklist.checklistOptions"
-                        (optionsChanged)="emitChecklistChanges()"></lf-options-component>
-                </mat-expansion-panel>
-            </div>
-        </div>
-    </div>
-    <div id="lf-checklist-button-container" class="lf-checklist-button-container">
-        <button *ngIf="action_button_text" id="lf-checklist-action-button"
-            class="lf-checklist-action-button primary-button lf-button"
-            (click)="onActionButtonClicked()">{{action_button_text}}</button>
-        <button *ngIf="cancel_button_text" id="lf-checklist-cancel-button"
-            class="lf-checklist-cancel-button lf-button sec-button"
-            (click)="onCancelButtonClicked()">{{cancel_button_text}}</button>
-    </div>
-</div>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<div id="lf-checklist-container" class="lf-checklist-container">
+  <div id="lf-checklist-list-container" class="lf-checklist-list-container">
+    @for (checklist of checklists; track checklist) {
+      <div id="lf-checklist-list" class="lf-checklist-list">
+        @if (!checklist.collapsible) {
+          <div>
+            <div id="lf-checklist-name-container" class="lf-checklist-name-container">
+              <span id="lf-checklist-name" class="lf-text-label"
+              title="{{checklist.name}}">{{checklist.name}}</span>
+            </div>
+            @if (checklist.checklistItems.length > 0) {
+              <lf-items-component [items]="checklist.checklistItems"
+              (itemsChanged)="emitChecklistChanges()"></lf-items-component>
+            }
+            @if (checklist.checklistOptions.length > 0) {
+              <lf-options-component [options]="checklist.checklistOptions"
+              (optionsChanged)="emitChecklistChanges()"></lf-options-component>
+            }
+          </div>
+        }
+        @if (checklist.collapsible) {
+          <div>
+            <mat-expansion-panel [expanded]="false" class="checklist-expansion-panel">
+              <mat-expansion-panel-header class="checklist-expansion-panel">
+                <mat-panel-title>
+                  <span id="lf-checklist-name" class="lf-text-label"
+                  title="{{checklist.name}}">{{checklist.name}}</span>
+                </mat-panel-title>
+              </mat-expansion-panel-header>
+              @if (checklist.checklistItems.length > 0) {
+                <lf-items-component [items]="checklist.checklistItems"
+                (itemsChanged)="emitChecklistChanges()"></lf-items-component>
+              }
+              @if (checklist.checklistOptions.length > 0) {
+                <lf-options-component [options]="checklist.checklistOptions"
+                (optionsChanged)="emitChecklistChanges()"></lf-options-component>
+              }
+            </mat-expansion-panel>
+          </div>
+        }
+      </div>
+    }
+  </div>
+  <div id="lf-checklist-button-container" class="lf-checklist-button-container">
+    @if (action_button_text) {
+      <button id="lf-checklist-action-button"
+        class="lf-checklist-action-button primary-button lf-button"
+      (click)="onActionButtonClicked()">{{action_button_text}}</button>
+    }
+    @if (cancel_button_text) {
+      <button id="lf-checklist-cancel-button"
+        class="lf-checklist-cancel-button lf-button sec-button"
+      (click)="onCancelButtonClicked()">{{cancel_button_text}}</button>
+    }
+  </div>
+</div>
diff --git a/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.ts b/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.ts
index 36b3a450..9d845963 100644
--- a/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.ts
+++ b/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.ts
@@ -10,7 +10,7 @@ import {
   ViewChildren,
   QueryList,
 } from '@angular/core';
-import { CommonModule } from '@angular/common';
+
 import { MatExpansionModule } from '@angular/material/expansion';
 import { ItemsComponent } from '../items/items.component';
 import { OptionsComponent } from '../options/options.component';
@@ -26,7 +26,7 @@ export interface LfChecklistProviders {
     templateUrl: './lf-checklist.component.html',
     styleUrls: ['./lf-checklist.component.css'],
     standalone: true,
-    imports: [CommonModule, MatExpansionModule, ItemsComponent, OptionsComponent]
+    imports: [MatExpansionModule, ItemsComponent, OptionsComponent]
 })
 export class LfChecklistComponent {
 
diff --git a/projects/ui-components/lf-checklist/options/options.component.html b/projects/ui-components/lf-checklist/options/options.component.html
index abb7c72d..4170f10a 100644
--- a/projects/ui-components/lf-checklist/options/options.component.html
+++ b/projects/ui-components/lf-checklist/options/options.component.html
@@ -1,9 +1,11 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<div id="lf-checklist-option-container" class="lf-checklist-option-container">
-    <div id="lf-checklist-option" class="lf-checklist-option" *ngFor="let option of options">
-        <mat-checkbox color="primary" ngDefaultControl [(ngModel)]="option.checked" [disabled]="option.disabled"
-            (change)="onOptionCheckboxChanged()" title="{{option.name}}" class="lf-checkbox full-width-checkbox">{{option.name}}</mat-checkbox>
-    </div>
-</div>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<div id="lf-checklist-option-container" class="lf-checklist-option-container">
+  @for (option of options; track option) {
+    <div id="lf-checklist-option" class="lf-checklist-option">
+      <mat-checkbox color="primary" ngDefaultControl [(ngModel)]="option.checked" [disabled]="option.disabled"
+      (change)="onOptionCheckboxChanged()" title="{{option.name}}" class="lf-checkbox full-width-checkbox">{{option.name}}</mat-checkbox>
+    </div>
+  }
+</div>
diff --git a/projects/ui-components/lf-checklist/options/options.component.ts b/projects/ui-components/lf-checklist/options/options.component.ts
index 4168e8ac..c8b76c6f 100644
--- a/projects/ui-components/lf-checklist/options/options.component.ts
+++ b/projects/ui-components/lf-checklist/options/options.component.ts
@@ -2,7 +2,7 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { Component, Input, EventEmitter, Output } from '@angular/core';
-import { CommonModule } from '@angular/common';
+
 import { FormsModule } from '@angular/forms';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { ChecklistOption } from './checklist-option';
@@ -12,7 +12,7 @@ import { ChecklistOption } from './checklist-option';
     templateUrl: './options.component.html',
     styleUrls: ['./options.component.css', './../lf-checklist/lf-checklist.component.css'],
     standalone: true,
-    imports: [CommonModule, FormsModule, MatCheckboxModule]
+    imports: [FormsModule, MatCheckboxModule]
 })
 export class OptionsComponent {
 
diff --git a/projects/ui-components/lf-login/lf-login.component.html b/projects/ui-components/lf-login/lf-login.component.html
index e52fed79..c093dbe6 100644
--- a/projects/ui-components/lf-login/lf-login.component.html
+++ b/projects/ui-components/lf-login/lf-login.component.html
@@ -1,30 +1,34 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<div class="lf-login-button" *ngIf="!isMenuMode">
-  <button [disabled]="isIntermediateState"
-    [ngClass]="{'primary-button': !isLoggedIn,'sec-button': isLoggedIn, 'lf-button': true, 'login-button': true}"
-    (click)="onLoginButtonClickAsync()">
-    {{buttonText | async}}
-  </button>
-</div>
-
-<div class="lf-login-menu" *ngIf="isMenuMode">
-  <button [disabled]="isIntermediateState" [matMenuTriggerFor]="menu" class="lf-login-menu-trigger"
-    [ngClass]="{'lf-trigger-logged-in': isLoggedIn}">
-    <div [ngClass]="{'lf-logged-in': isLoggedIn, 'lf-login-trigger-button': true}">
-      <span class="material-icons-outlined">
-        person
-      </span>
-    </div>
-  </button>
-  <mat-menu #menu="matMenu" class="lf-login-mat-menu">
-    <div mat-menu-item>
-      <div class="lf-login-menu-button" (click)="onLoginButtonClickAsync()">
-        <button [disabled]="isIntermediateState" class="lf-login-menu-internal-button">
-          {{buttonText | async}}
-        </button>
-      </div>
-    </div>
-  </mat-menu>
-</div>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+@if (!isMenuMode) {
+  <div class="lf-login-button">
+    <button [disabled]="isIntermediateState"
+      [ngClass]="{'primary-button': !isLoggedIn,'sec-button': isLoggedIn, 'lf-button': true, 'login-button': true}"
+      (click)="onLoginButtonClickAsync()">
+      {{buttonText | async}}
+    </button>
+  </div>
+}
+
+@if (isMenuMode) {
+  <div class="lf-login-menu">
+    <button [disabled]="isIntermediateState" [matMenuTriggerFor]="menu" class="lf-login-menu-trigger"
+      [ngClass]="{'lf-trigger-logged-in': isLoggedIn}">
+      <div [ngClass]="{'lf-logged-in': isLoggedIn, 'lf-login-trigger-button': true}">
+        <span class="material-icons-outlined">
+          person
+        </span>
+      </div>
+    </button>
+    <mat-menu #menu="matMenu" class="lf-login-mat-menu">
+      <div mat-menu-item>
+        <div class="lf-login-menu-button" (click)="onLoginButtonClickAsync()">
+          <button [disabled]="isIntermediateState" class="lf-login-menu-internal-button">
+            {{buttonText | async}}
+          </button>
+        </div>
+      </div>
+    </mat-menu>
+  </div>
+}
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-field/date-field.component.html b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-field/date-field.component.html
index 5cc36520..d5205176 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-field/date-field.component.html
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-field/date-field.component.html
@@ -1,26 +1,32 @@
 <!--Copyright (c) Laserfiche.
 Licensed under the MIT License. See LICENSE in the project root for license information.-->
 
-<span class="token-picker-field-box" *ngIf="!isDynamic else dynamic" [ngClass]="{'extra-space': !getBrokenValidationRule()}">
-  <mat-form-field *ngIf="showTokenTextBox" title="{{lf_field_info.displayName}}" appearance="outline"
-    class="lf-field lf-date-field">
-    <input #tokenTarget matInput [formControl]="lf_field_form_control" title="{{lf_field_form_control.value}}"
-      (change)="onDateOrTimeTokenValueChanged()">
-  </mat-form-field>
-
-  <lf-uni-date-time #tokenTarget class="lf-field" *ngIf="!showTokenTextBox" [config]="uniDateTimeConfig"
-    [settings]="uniDateTimeSettings" (valueChangedEventHandler)="onUniDateOrTimeChanged($event)">
-  </lf-uni-date-time>
-  <lf-token-picker-component class="lf-field-token-picker" (tokenPicked)="onTokenChosen($event)"
+@if (!isDynamic) {
+  <span class="token-picker-field-box" [ngClass]="{'extra-space': !getBrokenValidationRule()}">
+    @if (showTokenTextBox) {
+      <mat-form-field title="{{lf_field_info.displayName}}" appearance="outline"
+        class="lf-field lf-date-field">
+        <input #tokenTarget matInput [formControl]="lf_field_form_control" title="{{lf_field_form_control.value}}"
+          (change)="onDateOrTimeTokenValueChanged()">
+      </mat-form-field>
+    }
+    @if (!showTokenTextBox) {
+      <lf-uni-date-time #tokenTarget class="lf-field" [config]="uniDateTimeConfig"
+        [settings]="uniDateTimeSettings" (valueChangedEventHandler)="onUniDateOrTimeChanged($event)">
+      </lf-uni-date-time>
+    }
+    <lf-token-picker-component class="lf-field-token-picker" (tokenPicked)="onTokenChosen($event)"
     [data]="lfFieldTokenData"></lf-token-picker-component>
-</span>
-<mat-error *ngIf="getBrokenValidationRule()">{{fieldValidationErrorMsg | async}}</mat-error>
-
-
-<ng-template #dynamic>
+  </span>
+} @else {
   <lf-dynamic-field-component ngDefaultControl [options]="dynamic_field_value_options"
     [formControl]="lf_field_form_control" [title]="lf_field_info.displayName"
     [fieldValidationErrorMsg]="fieldValidationErrorMsg" [getBrokenValidationRule]="getBrokenValidationRule.bind(this)"
     (valueChange)="onValueChanged()" [compareWith]="compareDateStrings">
   </lf-dynamic-field-component>
-</ng-template>
+}
+@if (getBrokenValidationRule()) {
+  <mat-error>{{fieldValidationErrorMsg | async}}</mat-error>
+}
+
+
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-time-field/date-time-field.component.html b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-time-field/date-time-field.component.html
index 85aba5d5..e0ea3cef 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-time-field/date-time-field.component.html
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-time-field/date-time-field.component.html
@@ -1,24 +1,30 @@
 <!--Copyright Laserfiche.
 Licensed under the MIT License. See LICENSE in the project root for license information.-->
 
-<span class="token-picker-field-box" *ngIf="!isDynamic else dynamic" [ngClass]="{'extra-space': !getBrokenValidationRule()}">
-  <mat-form-field *ngIf="showTokenTextBox" title="{{lf_field_info.displayName}}" appearance="outline" class="lf-field">
-    <input #tokenTarget matInput [formControl]="lf_field_form_control" title="{{lf_field_form_control.value}}"
-      (change)="onDateOrTimeTokenValueChanged()">
-  </mat-form-field>
-
-  <lf-uni-date-time #tokenTarget class="lf-field" *ngIf="!showTokenTextBox" [config]="uniDateTimeConfig"
-    [settings]="uniDateTimeSettings" (valueChangedEventHandler)="onUniDateOrTimeChanged($event)">
-  </lf-uni-date-time>
-  <lf-token-picker-component class="lf-field-token-picker" (tokenPicked)="onTokenChosen($event)"
+@if (!isDynamic) {
+  <span class="token-picker-field-box" [ngClass]="{'extra-space': !getBrokenValidationRule()}">
+    @if (showTokenTextBox) {
+      <mat-form-field title="{{lf_field_info.displayName}}" appearance="outline" class="lf-field">
+        <input #tokenTarget matInput [formControl]="lf_field_form_control" title="{{lf_field_form_control.value}}"
+          (change)="onDateOrTimeTokenValueChanged()">
+      </mat-form-field>
+    }
+    @if (!showTokenTextBox) {
+      <lf-uni-date-time #tokenTarget class="lf-field" [config]="uniDateTimeConfig"
+        [settings]="uniDateTimeSettings" (valueChangedEventHandler)="onUniDateOrTimeChanged($event)">
+      </lf-uni-date-time>
+    }
+    <lf-token-picker-component class="lf-field-token-picker" (tokenPicked)="onTokenChosen($event)"
     [data]="lfFieldTokenData"></lf-token-picker-component>
-</span>
-<mat-error *ngIf="getBrokenValidationRule()">{{fieldValidationErrorMsg | async}}</mat-error>
-
-<ng-template #dynamic>
+  </span>
+} @else {
   <lf-dynamic-field-component ngDefaultControl [options]="dynamic_field_value_options"
     [formControl]="lf_field_form_control" [title]="lf_field_info.displayName"
     [fieldValidationErrorMsg]="fieldValidationErrorMsg" [getBrokenValidationRule]="getBrokenValidationRule.bind(this)"
     (valueChange)="onValueChanged()" [compareWith]="compareDateStrings">
   </lf-dynamic-field-component>
-</ng-template>
+}
+@if (getBrokenValidationRule()) {
+  <mat-error>{{fieldValidationErrorMsg | async}}</mat-error>
+}
+
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/dynamic-field/dynamic-field.component.html b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/dynamic-field/dynamic-field.component.html
index 9bbc4e87..4c1c05d3 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/dynamic-field/dynamic-field.component.html
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/dynamic-field/dynamic-field.component.html
@@ -1,13 +1,17 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<mat-form-field [title]="title" appearance="outline" class="lf-field">
-  <mat-select panelClass="lf-dropdown-overlay" [formControl]="formControl" [title]="formControl.value"
-    (selectionChange)="onValueChanged()" [compareWith]="compareWith" >
-    <mat-option>--</mat-option>
-    <mat-option *ngFor="let listOption of options" [value]="listOption">
-      {{listOption}}
-    </mat-option>
-  </mat-select>
-  <mat-error *ngIf="getBrokenValidationRule()">{{fieldValidationErrorMsg | async}}</mat-error>
-</mat-form-field>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<mat-form-field [title]="title" appearance="outline" class="lf-field">
+  <mat-select panelClass="lf-dropdown-overlay" [formControl]="formControl" [title]="formControl.value"
+    (selectionChange)="onValueChanged()" [compareWith]="compareWith" >
+    <mat-option>--</mat-option>
+    @for (listOption of options; track listOption) {
+      <mat-option [value]="listOption">
+        {{listOption}}
+      </mat-option>
+    }
+  </mat-select>
+  @if (getBrokenValidationRule()) {
+    <mat-error>{{fieldValidationErrorMsg | async}}</mat-error>
+  }
+</mat-form-field>
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.html b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.html
index 6d0e8c62..b6e2646f 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.html
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.html
@@ -1,37 +1,55 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<span class="field-box" [ngSwitch]="lfFieldInfo?.fieldType">
-    <lf-date-time-field-component *ngSwitchCase="fieldTypeDateTime" [parent_form]="parentForm"
-        [lf_field_form_control]="lfFieldFormControl" [lf_field_info]="lfFieldInfo" [lf_field_value]="lfFieldValue"
-        [dynamic_field_value_options]="dynamicFieldValueOptions" (fieldValueChange)="onChange($event)">
-    </lf-date-time-field-component>
-    <lf-text-field-component *ngSwitchCase="fieldTypeString" [parent_form]="parentForm"
-        [lf_field_form_control]="lfFieldFormControl" [lf_field_info]="lfFieldInfo" [lf_field_value]="lfFieldValue"
-        [dynamic_field_value_options]="dynamicFieldValueOptions" (fieldValueChange)="onChange($event)">
-    </lf-text-field-component>
-    <lf-date-field-component *ngSwitchCase="fieldTypeDate" [parent_form]="parentForm" [lf_field_form_control]="lfFieldFormControl"
-        [lf_field_info]="lfFieldInfo" [lf_field_value]="lfFieldValue"
-        [dynamic_field_value_options]="dynamicFieldValueOptions" (fieldValueChange)="onChange($event)">
-    </lf-date-field-component>
-    <lf-number-field-component *ngSwitchCase="fieldTypeShortInteger" [parent_form]="parentForm"
-        [lf_field_form_control]="lfFieldFormControl" [lf_field_info]="lfFieldInfo" [lf_field_value]="lfFieldValue"
-        [dynamic_field_value_options]="dynamicFieldValueOptions" (fieldValueChange)="onChange($event)">
-    </lf-number-field-component>
-    <lf-number-field-component *ngSwitchCase="fieldTypeLongInteger" [parent_form]="parentForm"
-        [lf_field_form_control]="lfFieldFormControl" [lf_field_info]="lfFieldInfo" [lf_field_value]="lfFieldValue"
-        [dynamic_field_value_options]="dynamicFieldValueOptions" (fieldValueChange)="onChange($event)">
-    </lf-number-field-component>
-    <lf-list-field-component *ngSwitchCase="fieldTypeList" [parent_form]="parentForm" [lf_field_form_control]="lfFieldFormControl"
-        [lf_field_info]="lfFieldInfo" [lf_field_value]="lfFieldValue"
-        [dynamic_field_value_options]="dynamicFieldValueOptions" (fieldValueChange)="onChange($event)">
-    </lf-list-field-component>
-    <lf-number-field-component *ngSwitchCase="fieldTypeNumber" [parent_form]="parentForm"
-        [lf_field_form_control]="lfFieldFormControl" [lf_field_info]="lfFieldInfo" [lf_field_value]="lfFieldValue"
-        [dynamic_field_value_options]="dynamicFieldValueOptions" (fieldValueChange)="onChange($event)">
-    </lf-number-field-component>
-    <lf-time-field-component *ngSwitchCase="fieldTypeTime" [parent_form]="parentForm" [lf_field_form_control]="lfFieldFormControl"
-        [lf_field_info]="lfFieldInfo" [lf_field_value]="lfFieldValue"
-        [dynamic_field_value_options]="dynamicFieldValueOptions" (fieldValueChange)="onChange($event)">
-    </lf-time-field-component>
-</span>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<span class="field-box">
+  @switch (lfFieldInfo?.fieldType) {
+    @case (fieldTypeDateTime) {
+      <lf-date-time-field-component [parent_form]="parentForm"
+        [lf_field_form_control]="lfFieldFormControl" [lf_field_info]="lfFieldInfo" [lf_field_value]="lfFieldValue"
+        [dynamic_field_value_options]="dynamicFieldValueOptions" (fieldValueChange)="onChange($event)">
+      </lf-date-time-field-component>
+    }
+    @case (fieldTypeString) {
+      <lf-text-field-component [parent_form]="parentForm"
+        [lf_field_form_control]="lfFieldFormControl" [lf_field_info]="lfFieldInfo" [lf_field_value]="lfFieldValue"
+        [dynamic_field_value_options]="dynamicFieldValueOptions" (fieldValueChange)="onChange($event)">
+      </lf-text-field-component>
+    }
+    @case (fieldTypeDate) {
+      <lf-date-field-component [parent_form]="parentForm" [lf_field_form_control]="lfFieldFormControl"
+        [lf_field_info]="lfFieldInfo" [lf_field_value]="lfFieldValue"
+        [dynamic_field_value_options]="dynamicFieldValueOptions" (fieldValueChange)="onChange($event)">
+      </lf-date-field-component>
+    }
+    @case (fieldTypeShortInteger) {
+      <lf-number-field-component [parent_form]="parentForm"
+        [lf_field_form_control]="lfFieldFormControl" [lf_field_info]="lfFieldInfo" [lf_field_value]="lfFieldValue"
+        [dynamic_field_value_options]="dynamicFieldValueOptions" (fieldValueChange)="onChange($event)">
+      </lf-number-field-component>
+    }
+    @case (fieldTypeLongInteger) {
+      <lf-number-field-component [parent_form]="parentForm"
+        [lf_field_form_control]="lfFieldFormControl" [lf_field_info]="lfFieldInfo" [lf_field_value]="lfFieldValue"
+        [dynamic_field_value_options]="dynamicFieldValueOptions" (fieldValueChange)="onChange($event)">
+      </lf-number-field-component>
+    }
+    @case (fieldTypeList) {
+      <lf-list-field-component [parent_form]="parentForm" [lf_field_form_control]="lfFieldFormControl"
+        [lf_field_info]="lfFieldInfo" [lf_field_value]="lfFieldValue"
+        [dynamic_field_value_options]="dynamicFieldValueOptions" (fieldValueChange)="onChange($event)">
+      </lf-list-field-component>
+    }
+    @case (fieldTypeNumber) {
+      <lf-number-field-component [parent_form]="parentForm"
+        [lf_field_form_control]="lfFieldFormControl" [lf_field_info]="lfFieldInfo" [lf_field_value]="lfFieldValue"
+        [dynamic_field_value_options]="dynamicFieldValueOptions" (fieldValueChange)="onChange($event)">
+      </lf-number-field-component>
+    }
+    @case (fieldTypeTime) {
+      <lf-time-field-component [parent_form]="parentForm" [lf_field_form_control]="lfFieldFormControl"
+        [lf_field_info]="lfFieldInfo" [lf_field_value]="lfFieldValue"
+        [dynamic_field_value_options]="dynamicFieldValueOptions" (fieldValueChange)="onChange($event)">
+      </lf-time-field-component>
+    }
+  }
+</span>
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.ts
index 73939dbc..14a1590c 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.ts
@@ -2,7 +2,7 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { Component, Input, Output, EventEmitter } from '@angular/core';
-import { CommonModule } from '@angular/common';
+
 import { FormGroup, FormControl } from '@angular/forms';
 import { FieldType } from '@laserfiche/lf-ui-components/shared';
 import { LfFieldInfo, LfFieldValue } from '../../../utils/lf-field-types';
@@ -18,7 +18,7 @@ import { TimeFieldComponent } from '../time-field/time-field.component';
     templateUrl: './lf-field-base.component.html',
     styleUrls: ['./lf-field-base.component.css'],
     standalone: true,
-    imports: [CommonModule, DateTimeFieldComponent, TextFieldComponent, DateFieldComponent, NumberFieldComponent, ListFieldComponent, TimeFieldComponent]
+    imports: [DateTimeFieldComponent, TextFieldComponent, DateFieldComponent, NumberFieldComponent, ListFieldComponent, TimeFieldComponent]
 })
 export class LfFieldBaseComponent {
   @Input() lfFieldInfo!: LfFieldInfo;
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/list-field/list-field.component.html b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/list-field/list-field.component.html
index 92f63041..3e8a732e 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/list-field/list-field.component.html
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/list-field/list-field.component.html
@@ -1,13 +1,17 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<mat-form-field title="{{lf_field_info.displayName}}" appearance="outline" class="lf-field lf-dropdown">
-  <mat-select panelClass="lf-dropdown-overlay" [formControl]="lf_field_form_control" title="{{lf_field_form_control.value}}"
-      (selectionChange)="onValueChanged()">
-      <mat-option>--</mat-option>
-      <mat-option *ngFor="let listOption of lf_field_info.listValues" [value]="listOption">
-          {{listOption}}
-      </mat-option>
-  </mat-select>
-  <mat-error *ngIf="getBrokenValidationRule()">{{fieldValidationErrorMsg | async}}</mat-error>
-</mat-form-field>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<mat-form-field title="{{lf_field_info.displayName}}" appearance="outline" class="lf-field lf-dropdown">
+  <mat-select panelClass="lf-dropdown-overlay" [formControl]="lf_field_form_control" title="{{lf_field_form_control.value}}"
+    (selectionChange)="onValueChanged()">
+    <mat-option>--</mat-option>
+    @for (listOption of lf_field_info.listValues; track listOption) {
+      <mat-option [value]="listOption">
+        {{listOption}}
+      </mat-option>
+    }
+  </mat-select>
+  @if (getBrokenValidationRule()) {
+    <mat-error>{{fieldValidationErrorMsg | async}}</mat-error>
+  }
+</mat-form-field>
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.html b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.html
index 55a9b567..5331b309 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.html
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.html
@@ -1,22 +1,29 @@
 <!--Copyright (c) Laserfiche.
 Licensed under the MIT License. See LICENSE in the project root for license information.-->
 
-<span class="token-picker-field-box" *ngIf="!isDynamic else dynamic">
-  <mat-form-field *ngIf="!containsToken" title="{{lf_field_info.displayName}}" appearance="outline" class="lf-field">
-    <input #tokenTarget mask="{{mask}}" thousandSeparator="{{thousandSeparator}}" decimalMarker="{{decimalMarker}}"
-      prefix="{{prefix}}" suffix="{{suffix}}" [allowNegativeNumbers]="true" separatorLimit="{{separatorLimit}}" matInput
-      type="text" [formControl]="lf_field_form_control" title="{{lf_field_form_control.value}}"
-      (keypress)="numberOnly($event)" (change)="onValueChanged()" (focus)="onFocusIn()" (focusout)="onFocusOut()"
-      (input)="onEveryInputChange()">
-    <mat-hint *ngIf="focusState && this.lf_field_info?.length" align="end">
-      {{(noTokenCharacterCountHint | async)}}
-    </mat-hint>
-    <mat-error *ngIf="getBrokenValidationRule()">{{fieldValidationErrorMsg | async}}</mat-error>
-  </mat-form-field>
-</span>
-<ng-template #dynamic>
+@if (!isDynamic) {
+  <span class="token-picker-field-box">
+    @if (!containsToken) {
+      <mat-form-field title="{{lf_field_info.displayName}}" appearance="outline" class="lf-field">
+        <input #tokenTarget mask="{{mask}}" thousandSeparator="{{thousandSeparator}}" decimalMarker="{{decimalMarker}}"
+          prefix="{{prefix}}" suffix="{{suffix}}" [allowNegativeNumbers]="true" separatorLimit="{{separatorLimit}}" matInput
+          type="text" [formControl]="lf_field_form_control" title="{{lf_field_form_control.value}}"
+          (keypress)="numberOnly($event)" (change)="onValueChanged()" (focus)="onFocusIn()" (focusout)="onFocusOut()"
+          (input)="onEveryInputChange()">
+        @if (focusState && this.lf_field_info?.length) {
+          <mat-hint align="end">
+            {{(noTokenCharacterCountHint | async)}}
+          </mat-hint>
+        }
+        @if (getBrokenValidationRule()) {
+          <mat-error>{{fieldValidationErrorMsg | async}}</mat-error>
+        }
+      </mat-form-field>
+    }
+  </span>
+} @else {
   <lf-dynamic-field-component ngDefaultControl [options]="dynamic_field_value_options"
     [formControl]="lf_field_form_control" [title]="lf_field_info.displayName" [fieldValidationErrorMsg]="fieldValidationErrorMsg"
     [getBrokenValidationRule]="getBrokenValidationRule.bind(this)" (valueChange)="onValueChanged()">
   </lf-dynamic-field-component>
-</ng-template>
+}
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/text-field/text-field.component.html b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/text-field/text-field.component.html
index 0ce8e1a1..d3bef3e6 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/text-field/text-field.component.html
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/text-field/text-field.component.html
@@ -1,31 +1,44 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<span class="token-picker-field-box" *ngIf="!isDynamic else dynamic">
-  <mat-form-field *ngIf="isShortField" title="{{lf_field_info.displayName}}" appearance="outline" class="lf-field">
-    <input #tokenTarget matInput type="text" [formControl]="lf_field_form_control" title="{{lf_field_form_control.value}}"
-      (change)="onTextValueChanged()" (focus)="onFocusIn()" (focusout)="onFocusOut()"
-      (input)="onEveryInputChange()">
-    <mat-hint *ngIf="focusState && this.lf_field_info.length" align="end">
-      {{containsToken ? (tokenCharacterCountHint | async) : (noTokenCharacterCountHint | async)}}
-    </mat-hint>
-    <mat-error *ngIf="getBrokenValidationRule()">{{fieldValidationErrorMsg | async}}</mat-error>
-  </mat-form-field>
-  <mat-form-field *ngIf="!isShortField" title="{{lf_field_info.displayName}}" appearance="outline" class="lf-textarea">
-    <textarea #tokenTarget matInput type="text" [formControl]="lf_field_form_control" title="{{lf_field_form_control.value}}"
-      (change)="onTextValueChanged()" (focus)="onFocusIn()" (focusout)="onFocusOut()"
-      (input)="onEveryInputChange()"></textarea>
-    <mat-hint *ngIf="focusState && this.lf_field_info?.length" align="end">
-      {{containsToken ? (tokenCharacterCountHint | async) : (noTokenCharacterCountHint | async)}}
-    </mat-hint>
-    <mat-error *ngIf="getBrokenValidationRule()">{{fieldValidationErrorMsg | async}}</mat-error>
-  </mat-form-field>
-  <lf-token-picker-component class="lf-field-token-picker" (tokenPicked)="onTextTokenChosen($event)" [data]="lfFieldTokenData">
-  </lf-token-picker-component>
-</span>
-<ng-template #dynamic>
-  <lf-dynamic-field-component ngDefaultControl [options]="dynamic_field_value_options" [formControl]="lf_field_form_control"
-    [title]="lf_field_info.displayName" [fieldValidationErrorMsg]="fieldValidationErrorMsg"
-    [getBrokenValidationRule]="getBrokenValidationRule.bind(this)" (valueChange)="onTextValueChanged()">
-  </lf-dynamic-field-component>
-</ng-template>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+@if (!isDynamic) {
+  <span class="token-picker-field-box">
+    @if (isShortField) {
+      <mat-form-field title="{{lf_field_info.displayName}}" appearance="outline" class="lf-field">
+        <input #tokenTarget matInput type="text" [formControl]="lf_field_form_control" title="{{lf_field_form_control.value}}"
+          (change)="onTextValueChanged()" (focus)="onFocusIn()" (focusout)="onFocusOut()"
+          (input)="onEveryInputChange()">
+          @if (focusState && this.lf_field_info.length) {
+            <mat-hint align="end">
+              {{containsToken ? (tokenCharacterCountHint | async) : (noTokenCharacterCountHint | async)}}
+            </mat-hint>
+          }
+          @if (getBrokenValidationRule()) {
+            <mat-error>{{fieldValidationErrorMsg | async}}</mat-error>
+          }
+        </mat-form-field>
+      }
+      @if (!isShortField) {
+        <mat-form-field title="{{lf_field_info.displayName}}" appearance="outline" class="lf-textarea">
+          <textarea #tokenTarget matInput type="text" [formControl]="lf_field_form_control" title="{{lf_field_form_control.value}}"
+            (change)="onTextValueChanged()" (focus)="onFocusIn()" (focusout)="onFocusOut()"
+          (input)="onEveryInputChange()"></textarea>
+          @if (focusState && this.lf_field_info?.length) {
+            <mat-hint align="end">
+              {{containsToken ? (tokenCharacterCountHint | async) : (noTokenCharacterCountHint | async)}}
+            </mat-hint>
+          }
+          @if (getBrokenValidationRule()) {
+            <mat-error>{{fieldValidationErrorMsg | async}}</mat-error>
+          }
+        </mat-form-field>
+      }
+      <lf-token-picker-component class="lf-field-token-picker" (tokenPicked)="onTextTokenChosen($event)" [data]="lfFieldTokenData">
+      </lf-token-picker-component>
+    </span>
+  } @else {
+    <lf-dynamic-field-component ngDefaultControl [options]="dynamic_field_value_options" [formControl]="lf_field_form_control"
+      [title]="lf_field_info.displayName" [fieldValidationErrorMsg]="fieldValidationErrorMsg"
+      [getBrokenValidationRule]="getBrokenValidationRule.bind(this)" (valueChange)="onTextValueChanged()">
+    </lf-dynamic-field-component>
+  }
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/time-field/time-field.component.html b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/time-field/time-field.component.html
index a945740e..65c98671 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/time-field/time-field.component.html
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/time-field/time-field.component.html
@@ -1,24 +1,31 @@
 <!--Copyright Laserfiche.
 Licensed under the MIT License. See LICENSE in the project root for license information.-->
 
-<span class="token-picker-field-box" *ngIf="!isDynamic else dynamic" [ngClass]="{'extra-space': !getBrokenValidationRule()}">
-  <mat-form-field *ngIf="showTokenTextBox" title="{{lf_field_info.displayName}}" appearance="outline" class="lf-field">
-    <input #tokenTarget matInput type="text" [formControl]="lf_field_form_control"
-      title="{{lf_field_form_control.value}}" (change)="onTimeValueChangedAsync()">
-  </mat-form-field>
-  <lf-uni-date-time #tokenTarget class="lf-field" *ngIf="!showTokenTextBox" [config]="uniDateTimeConfig"
-    [settings]="uniDateTimeSettings" (valueChangedEventHandler)="onUniDateOrTimeChanged($event)">
-  </lf-uni-date-time>
-  <lf-token-picker-component class="lf-field-token-picker" (tokenPicked)="onTimeTokenChosen($event)"
-    [data]="lfFieldTokenData">
-  </lf-token-picker-component>
-</span>
-<mat-error *ngIf="getBrokenValidationRule()">{{fieldValidationErrorMsg | async}}</mat-error>
-
-<ng-template #dynamic>
+@if (!isDynamic) {
+  <span class="token-picker-field-box" [ngClass]="{'extra-space': !getBrokenValidationRule()}">
+    @if (showTokenTextBox) {
+      <mat-form-field title="{{lf_field_info.displayName}}" appearance="outline" class="lf-field">
+        <input #tokenTarget matInput type="text" [formControl]="lf_field_form_control"
+          title="{{lf_field_form_control.value}}" (change)="onTimeValueChangedAsync()">
+      </mat-form-field>
+    }
+    @if (!showTokenTextBox) {
+      <lf-uni-date-time #tokenTarget class="lf-field" [config]="uniDateTimeConfig"
+        [settings]="uniDateTimeSettings" (valueChangedEventHandler)="onUniDateOrTimeChanged($event)">
+      </lf-uni-date-time>
+    }
+    <lf-token-picker-component class="lf-field-token-picker" (tokenPicked)="onTimeTokenChosen($event)"
+      [data]="lfFieldTokenData">
+    </lf-token-picker-component>
+  </span>
+} @else {
   <lf-dynamic-field-component ngDefaultControl [options]="dynamic_field_value_options"
     [formControl]="lf_field_form_control" [title]="lf_field_info.displayName"
     [fieldValidationErrorMsg]="fieldValidationErrorMsg" [getBrokenValidationRule]="getBrokenValidationRule.bind(this)"
     (valueChange)="onValueChanged()">
   </lf-dynamic-field-component>
-</ng-template>
+}
+@if (getBrokenValidationRule()) {
+  <mat-error>{{fieldValidationErrorMsg | async}}</mat-error>
+}
+
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.html b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.html
index 8769df04..60a3fb5b 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.html
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.html
@@ -1,12 +1,14 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<button class="token-picker-button" [matMenuTriggerFor]="tokenMenu">
-  <span class="material-icons token-picker-icon">
-    navigate_next
-  </span>
-</button>
-<mat-menu #tokenMenu="matMenu" class="token-picker-dropdown">
-  <button class="token-picker-option" *ngFor="let token of tokens" mat-menu-item
-      (click)="onTokenChosen(token)">{{token.friendlyName | async}}</button>
-</mat-menu>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<button class="token-picker-button" [matMenuTriggerFor]="tokenMenu">
+  <span class="material-icons token-picker-icon">
+    navigate_next
+  </span>
+</button>
+<mat-menu #tokenMenu="matMenu" class="token-picker-dropdown">
+  @for (token of tokens; track token) {
+    <button class="token-picker-option" mat-menu-item
+    (click)="onTokenChosen(token)">{{token.friendlyName | async}}</button>
+  }
+</mat-menu>
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.html b/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.html
index a1933a42..bd2fb1f5 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.html
+++ b/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.html
@@ -2,55 +2,65 @@
 Licensed under the MIT License. See LICENSE in the project root for license information.-->
 
 <div cdkDropList [cdkDropListData]="fieldGroupControlsArray()" (cdkDropListDropped)="onDragAndDrop($event)">
-    <div *ngFor="let group of fieldGroupControlsArray(); index as currentIndex" cdkDrag class="lf-field-group">
-        <div class="field-group-top-bar">
-            <span class="drag-index-section">
-                <span class="material-icons field-group-button field-group-drag-handle" cdkDragHandle>
-                  drag_indicator
-                </span>
-                <span class="index-display">{{res_0_of_1 | lfFieldGroupIndexDisplay: currentIndex :
-                    fieldGroupControlsArray().length | async}}</span>
+  @for (group of fieldGroupControlsArray(); track group; let currentIndex = $index) {
+    <div cdkDrag class="lf-field-group">
+      <div class="field-group-top-bar">
+        <span class="drag-index-section">
+          <span class="material-icons field-group-button field-group-drag-handle" cdkDragHandle>
+            drag_indicator
+          </span>
+          <span class="index-display">{{res_0_of_1 | lfFieldGroupIndexDisplay: currentIndex :
+          fieldGroupControlsArray().length | async}}</span>
+        </span>
+        <span class="field-group-buttons">
+          <button class="field-group-button" (click)="onClickAdd(currentIndex)">
+            <span class="material-icons">
+              add
             </span>
-            <span class="field-group-buttons">
-                <button class="field-group-button" (click)="onClickAdd(currentIndex)">
-                    <span class="material-icons">
-                      add
-                    </span>
-                </button>
-                <button class="field-group-button" [disabled]="currentIndex === 0" (click)="onClickUp(currentIndex)">
-                    <span class="material-icons">
-                      arrow_upward
-                    </span>
-                </button>
-                <button class="field-group-button" [disabled]="currentIndex >= (fieldGroupControlsArray().length - 1)"
-                    (click)="onClickDown(currentIndex)">
-                    <span class="material-icons">
-                      arrow_downward
-                    </span>
-                </button>
-                <button class="field-group-button" [disabled]="fieldGroupControlsArray().length <= 1"
-                    (click)="onClickDelete(currentIndex)">
-                    <span class="material-icons-outlined">
-                      delete
-                    </span>
-                </button>
+          </button>
+          <button class="field-group-button" [disabled]="currentIndex === 0" (click)="onClickUp(currentIndex)">
+            <span class="material-icons">
+              arrow_upward
             </span>
-        </div>
-        <div *ngFor="let fieldDef of fieldDefinitions">
-            <span class="lf-field-container" id="lf-field-container">
-                <span *ngIf="fieldDef?.fieldInfo.name" class="lf-field-title-container">
-                    <span class="lf-field-title" title="{{fieldDef?.fieldInfo.displayName}}">{{fieldDef?.fieldInfo.displayName }}</span>
-                    <span class="lf-field-is-required" *ngIf="fieldDef?.fieldInfo.isRequired">*</span>
-                    <lf-loader-component *ngIf="isLoading(fieldDef.fieldInfo, currentIndex)"></lf-loader-component>
-                </span>
-                <lf-field-base-component id="{{fieldDef.fieldInfo.name}}{{currentIndex}}" [parentForm]="group"
-                    [lfFieldFormControl]="getSingleField(currentIndex, fieldDef.fieldInfo.id)"
-                    [lfFieldValue]="getSingleField(currentIndex, fieldDef.fieldInfo.id)?.value"
-                    [lfFieldInfo]="fieldDef.fieldInfo"
-                    [dynamicFieldValueOptions]="getOptions(fieldDef.fieldInfo, currentIndex)"
-                    (fieldValueChange)="fieldDataChange($event, fieldDef.fieldInfo, currentIndex)">
-                </lf-field-base-component>
+          </button>
+          <button class="field-group-button" [disabled]="currentIndex >= (fieldGroupControlsArray().length - 1)"
+            (click)="onClickDown(currentIndex)">
+            <span class="material-icons">
+              arrow_downward
+            </span>
+          </button>
+          <button class="field-group-button" [disabled]="fieldGroupControlsArray().length <= 1"
+            (click)="onClickDelete(currentIndex)">
+            <span class="material-icons-outlined">
+              delete
             </span>
+          </button>
+        </span>
+      </div>
+      @for (fieldDef of fieldDefinitions; track fieldDef) {
+        <div>
+          <span class="lf-field-container" id="lf-field-container">
+            @if (fieldDef?.fieldInfo.name) {
+              <span class="lf-field-title-container">
+                <span class="lf-field-title" title="{{fieldDef?.fieldInfo.displayName}}">{{fieldDef?.fieldInfo.displayName }}</span>
+                @if (fieldDef?.fieldInfo.isRequired) {
+                  <span class="lf-field-is-required">*</span>
+                }
+                @if (isLoading(fieldDef.fieldInfo, currentIndex)) {
+                  <lf-loader-component></lf-loader-component>
+                }
+              </span>
+            }
+            <lf-field-base-component id="{{fieldDef.fieldInfo.name}}{{currentIndex}}" [parentForm]="group"
+              [lfFieldFormControl]="getSingleField(currentIndex, fieldDef.fieldInfo.id)"
+              [lfFieldValue]="getSingleField(currentIndex, fieldDef.fieldInfo.id)?.value"
+              [lfFieldInfo]="fieldDef.fieldInfo"
+              [dynamicFieldValueOptions]="getOptions(fieldDef.fieldInfo, currentIndex)"
+              (fieldValueChange)="fieldDataChange($event, fieldDef.fieldInfo, currentIndex)">
+            </lf-field-base-component>
+          </span>
         </div>
+      }
     </div>
+  }
 </div>
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.html b/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.html
index 6431016f..4209c3c9 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.html
+++ b/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.html
@@ -1,26 +1,36 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<ng-container *ngIf="showField">
-  <span class="lf-field-title-container">
-    <span class="lf-field-title" title="{{lfFieldInfo?.displayName }}">{{lfFieldInfo?.displayName}}</span>
-    <span class="lf-field-is-required" *ngIf="lfFieldInfo?.isRequired">*</span>
-    <lf-loader-component *ngIf="isLoading"></lf-loader-component>
-  </span>
-  <form class="lf-field-form" [formGroup]="multiValueFieldParentForm">
-    <span class="single-field-container"
-        *ngFor="let lfFieldValue of lfFieldValues; index as currentIndex; last as isLast; trackBy: trackByIndex">
-        <lf-field-base-component [parentForm]="multiValueFieldParentForm" [lfFieldFormControl]="getSingleField(currentIndex)"
-            [lfFieldInfo]="getLfFieldInfo(currentIndex)" [lfFieldValue]="lfFieldValue" [dynamicFieldValueOptions]="getOptions()"
-            (fieldValueChange)="onChange($event, currentIndex)">
-        </lf-field-base-component>
-        <button class="lf-multivalue-remove-button" *ngIf="!isLast && lfFieldValues?.length > 1"
-            (click)="removeField(currentIndex)">
-            <span class="material-icons" id="lf-multivalue-remove-icon" >
-              close
-            </span>
-        </button>
-        <span class="lf-multivalue-remove-span" *ngIf="isLast && lfFieldValues?.length > 1"></span>
-    </span>
-  </form>
-</ng-container>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+@if (showField) {
+  <span class="lf-field-title-container">
+    <span class="lf-field-title" title="{{lfFieldInfo?.displayName }}">{{lfFieldInfo?.displayName}}</span>
+    @if (lfFieldInfo?.isRequired) {
+      <span class="lf-field-is-required">*</span>
+    }
+    @if (isLoading) {
+      <lf-loader-component></lf-loader-component>
+    }
+  </span>
+  <form class="lf-field-form" [formGroup]="multiValueFieldParentForm">
+    @for (lfFieldValue of lfFieldValues; track trackByIndex(currentIndex, lfFieldValue); let currentIndex = $index; let isLast = $last) {
+      <span class="single-field-container"
+        >
+        <lf-field-base-component [parentForm]="multiValueFieldParentForm" [lfFieldFormControl]="getSingleField(currentIndex)"
+          [lfFieldInfo]="getLfFieldInfo(currentIndex)" [lfFieldValue]="lfFieldValue" [dynamicFieldValueOptions]="getOptions()"
+          (fieldValueChange)="onChange($event, currentIndex)">
+        </lf-field-base-component>
+        @if (!isLast && lfFieldValues?.length > 1) {
+          <button class="lf-multivalue-remove-button"
+            (click)="removeField(currentIndex)">
+            <span class="material-icons" id="lf-multivalue-remove-icon" >
+              close
+            </span>
+          </button>
+        }
+        @if (isLast && lfFieldValues?.length > 1) {
+          <span class="lf-multivalue-remove-span"></span>
+        }
+      </span>
+    }
+  </form>
+}
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.ts b/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.ts
index 1ed75848..505de531 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.ts
@@ -2,7 +2,7 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
+
 import { ReactiveFormsModule, FormGroup, FormBuilder, FormArray, FormControl } from '@angular/forms';
 import { CoreUtils } from '@laserfiche/lf-js-utils';
 import { FieldType } from '@laserfiche/lf-ui-components/shared';
@@ -16,7 +16,7 @@ import { LfFieldBaseComponent } from '../field-base-parts/lf-field-base/lf-field
     styleUrls: ['./lf-field-multivalue.component.css'],
     changeDetection: ChangeDetectionStrategy.OnPush,
     standalone: true,
-    imports: [CommonModule, ReactiveFormsModule, LfLoaderComponent, LfFieldBaseComponent]
+    imports: [ReactiveFormsModule, LfLoaderComponent, LfFieldBaseComponent]
 })
 export class LfFieldMultivalueComponent {
 
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.html b/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.html
index 6e4c9624..868f94b1 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.html
+++ b/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.html
@@ -1,14 +1,22 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<span *ngIf="showField" class="lf-field-container" id="lf-field-container">
-  <span *ngIf="lfFieldInfo?.name" class="lf-field-title-container">
-      <span class="lf-field-title" title="{{lfFieldInfo?.displayName }}">{{lfFieldInfo?.displayName }}</span>
-      <span class="lf-field-is-required" *ngIf="lfFieldInfo?.isRequired">*</span>
-      <lf-loader-component *ngIf="isLoading"></lf-loader-component>
-  </span>
-  <form class="lf-field-form" [formGroup]="singleFieldParentForm">
-      <lf-field-base-component [parentForm]="singleFieldParentForm" [lfFieldFormControl]="getSingleField()" [dynamicFieldValueOptions]="getOptions()"
-          [lfFieldInfo]="lfFieldInfo" [lfFieldValue]="lfFieldValue" (fieldValueChange)="fieldDataChange($event)"></lf-field-base-component>
-  </form>
-</span>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+@if (showField) {
+  <span class="lf-field-container" id="lf-field-container">
+    @if (lfFieldInfo?.name) {
+      <span class="lf-field-title-container">
+        <span class="lf-field-title" title="{{lfFieldInfo?.displayName }}">{{lfFieldInfo?.displayName }}</span>
+        @if (lfFieldInfo?.isRequired) {
+          <span class="lf-field-is-required">*</span>
+        }
+        @if (isLoading) {
+          <lf-loader-component></lf-loader-component>
+        }
+      </span>
+    }
+    <form class="lf-field-form" [formGroup]="singleFieldParentForm">
+      <lf-field-base-component [parentForm]="singleFieldParentForm" [lfFieldFormControl]="getSingleField()" [dynamicFieldValueOptions]="getOptions()"
+      [lfFieldInfo]="lfFieldInfo" [lfFieldValue]="lfFieldValue" (fieldValueChange)="fieldDataChange($event)"></lf-field-base-component>
+    </form>
+  </span>
+}
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.ts b/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.ts
index 80ce6809..32212071 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.ts
@@ -2,7 +2,7 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
+
 import { ReactiveFormsModule, FormControl, FormGroup, FormBuilder } from '@angular/forms';
 import { CoreUtils } from '@laserfiche/lf-js-utils';
 import { FieldType } from '@laserfiche/lf-ui-components/shared';
@@ -16,7 +16,7 @@ import { LfFieldBaseComponent } from '../field-base-parts/lf-field-base/lf-field
     styleUrls: ['./lf-field.component.css'],
     changeDetection: ChangeDetectionStrategy.OnPush,
     standalone: true,
-    imports: [CommonModule, ReactiveFormsModule, LfLoaderComponent, LfFieldBaseComponent]
+    imports: [ReactiveFormsModule, LfLoaderComponent, LfFieldBaseComponent]
 })
 export class LfFieldComponent {
 
diff --git a/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.html b/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.html
index 995542ed..93d567be 100644
--- a/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.html
+++ b/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.html
@@ -2,97 +2,113 @@
 Licensed under the MIT License. See LICENSE in the project root for license information. -->
 
 <div class="fl-component">
-  <div *ngIf="settings.showLabel && settings.label" class="lib-datetime-label">{{settings.label}}</div>
+  @if (settings.showLabel && settings.label) {
+    <div class="lib-datetime-label">{{settings.label}}</div>
+  }
   <div [formGroup]="abstractControl" class="fl-datetime-inputs" [style]="this.getCombinedStyles(this.settings)">
     <input type="text" #dateTimeInput [formControlName]="dateTimeControlName" hidden />
     <br />
-    <span *ngIf="settings.capturedInBackend else datePickerView">
-      {{settings.showTimeOnly ? strings?.timeCapturedInBackend : settings.showTime ? strings?.dateTimeCapturedInBackend
-      : strings?.dateCapturedInBackend}}
-    </span>
-    <ng-template #datePickerView>
-      <div class="fl-date-container" [ngClass]="settings.combinedDateTime ? 'combined-datetime' : ''"
-        *ngIf="settings.showTimeOnly!==true">
-        <div class="lib-datetime-picker" #dateDiv>
-          <input *ngIf="settings.useCurrentDate && config.isDisplayOnly" class="fl-datetime-input-date" type="text"
-            id="{{settings.fieldId}}" value="{{strings?.currentDate}}" disabled />
-          <mat-form-field class="lf-field lf-date-field lf-datepicker-input-box" appearance="outline">
-            <input matInput class="fl-datetime-input-date" id="{{settings.fieldId}}" type="text" data-input
-              [readonly]="state.readonly || state.disabled" (blur)="onBlurWithKey('date')"
-              [hidden]="settings.useCurrentDate && config.isDisplayOnly" [placeholder]="settings.datePlaceholder"
+    @if (settings.capturedInBackend) {
+      <span>
+        {{settings.showTimeOnly ? strings?.timeCapturedInBackend : settings.showTime ? strings?.dateTimeCapturedInBackend
+        : strings?.dateCapturedInBackend}}
+      </span>
+    } @else {
+      @if (settings.showTimeOnly!==true) {
+        <div class="fl-date-container" [ngClass]="settings.combinedDateTime ? 'combined-datetime' : ''"
+          >
+          <div class="lib-datetime-picker" #dateDiv>
+            @if (settings.useCurrentDate && config.isDisplayOnly) {
+              <input class="fl-datetime-input-date" type="text"
+                id="{{settings.fieldId}}" value="{{strings?.currentDate}}" disabled />
+            }
+            <mat-form-field class="lf-field lf-date-field lf-datepicker-input-box" appearance="outline">
+              <input matInput class="fl-datetime-input-date" id="{{settings.fieldId}}" type="text" data-input
+                [readonly]="state.readonly || state.disabled" (blur)="onBlurWithKey('date')"
+                [hidden]="settings.useCurrentDate && config.isDisplayOnly" [placeholder]="settings.datePlaceholder"
               [formControlName]="dateControlName" [ngClass]="{
                   'ng-wrapper-invalid': dateTimeControl?.invalid,
                   'ng-wrapper-touched': dateTimeControl?.touched}" />
-            <a *ngIf="!state.readonly" class="datetime-icon" title="{{strings?.selectDate}}"
-              [ngClass]="{'isDisabled': config.isDisplayOnly || state.disabled, 'hidden': showLoadingSpinner}"
-              [attr.disabled]="config.isDisplayOnly" data-toggle (click)="onIconClick('date')">
-
-              <div style="box-sizing: border-box;">
-                <svg class="lf-icon-16">
-                  <symbol xmlns="http://www.w3.org/2000/svg" id="date" viewBox="0 0 24 24">
-                    <path
-                      d="M19,3h-1V1h-2v2H8V1H6v2H5C3.9,3,3,3.9,3,5l0,14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19,19H5V8h14V19z">
-                    </path>
-                    <rect x="7" y="10" width="5" height="5"></rect>
-                  </symbol>
-                  <use xlink:href="#date"></use>
-                </svg>
+              @if (!state.readonly) {
+                <a class="datetime-icon" title="{{strings?.selectDate}}"
+                  [ngClass]="{'isDisabled': config.isDisplayOnly || state.disabled, 'hidden': showLoadingSpinner}"
+                  [attr.disabled]="config.isDisplayOnly" data-toggle (click)="onIconClick('date')">
+                  <div style="box-sizing: border-box;">
+                    <svg class="lf-icon-16">
+                      <symbol xmlns="http://www.w3.org/2000/svg" id="date" viewBox="0 0 24 24">
+                        <path
+                          d="M19,3h-1V1h-2v2H8V1H6v2H5C3.9,3,3,3.9,3,5l0,14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19,19H5V8h14V19z">
+                        </path>
+                        <rect x="7" y="10" width="5" height="5"></rect>
+                      </symbol>
+                      <use xlink:href="#date"></use>
+                    </svg>
+                  </div>
+                </a>
+              }
+            </mat-form-field>
+            @if (showLoadingSpinner) {
+              <div>
+                <ng-content select="[loading-spinner]"></ng-content>
               </div>
-
-            </a>
-          </mat-form-field>
-
-          <div *ngIf="showLoadingSpinner">
-            <ng-content select="[loading-spinner]"></ng-content>
+            }
           </div>
+          @if (dateControl?.invalid && dateControl?.touched && errorMessages) {
+            <div class="error-message">
+            {{errorMessages.date}}</div>
+          }
         </div>
-        <div class="error-message" *ngIf="dateControl?.invalid && dateControl?.touched && errorMessages">
-          {{errorMessages.date}}</div>
-      </div>
-
+      }
       <ng-content select="[between-pickers]"></ng-content>
-
-      <div class="fl-time-container" *ngIf="settings.showTime && !settings.combinedDateTime">
-        <div class="lib-datetime-picker" #timedateDiv>
-          <input *ngIf="settings.useCurrentDate && config.isDisplayOnly" class="fl-datetime-input-time" type="text"
-            value="{{strings?.currentTime}}" disabled />
-          <mat-form-field class="lf-field lf-date-field lf-datepicker-input-box" appearance="outline">
-            <input matInput class="fl-datetime-input-time" id="DateTime{{settings.fieldId}}" type="text" data-input
-              [hidden]="settings.useCurrentDate && config.isDisplayOnly" [readonly]="state.readonly || state.disabled"
-              (blur)="onBlurWithKey('time')" [placeholder]="settings.timePlaceholder"
+      @if (settings.showTime && !settings.combinedDateTime) {
+        <div class="fl-time-container">
+          <div class="lib-datetime-picker" #timedateDiv>
+            @if (settings.useCurrentDate && config.isDisplayOnly) {
+              <input class="fl-datetime-input-time" type="text"
+                value="{{strings?.currentTime}}" disabled />
+            }
+            <mat-form-field class="lf-field lf-date-field lf-datepicker-input-box" appearance="outline">
+              <input matInput class="fl-datetime-input-time" id="DateTime{{settings.fieldId}}" type="text" data-input
+                [hidden]="settings.useCurrentDate && config.isDisplayOnly" [readonly]="state.readonly || state.disabled"
+                (blur)="onBlurWithKey('time')" [placeholder]="settings.timePlaceholder"
               [formControlName]="timeControlName" [ngClass]="{
               'ng-wrapper-invalid': dateTimeControl?.invalid,
               'ng-wrapper-touched': dateTimeControl?.touched}" />
-            <a *ngIf="!state.readonly" class="datetime-icon" title="{{strings?.selectTime}}"
-              [ngClass]="{'isDisabled': config.isDisplayOnly || state.disabled, 'hidden': showLoadingSpinner}"
-              data-toggle (click)="onIconClick('time')">
-
-              <div style="box-sizing: border-box;">
-                <svg class="lf-icon-16">
-                  <symbol xmlns="http://www.w3.org/2000/svg" id="clock" viewBox="0 0 24 24">
-                    <path
-                      d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M12,20c-4.4,0-8-3.6-8-8s3.6-8,8-8c4.4,0,8,3.6,8,8S16.4,20,12,20z">
-                    </path>
-                    <polygon points="12.5,7 11,7 11,13 16.2,16.2 17,14.9 12.5,12.3 "></polygon>
-                  </symbol>
-                  <use xlink:href="#clock"></use>
-                </svg>
+              @if (!state.readonly) {
+                <a class="datetime-icon" title="{{strings?.selectTime}}"
+                  [ngClass]="{'isDisabled': config.isDisplayOnly || state.disabled, 'hidden': showLoadingSpinner}"
+                  data-toggle (click)="onIconClick('time')">
+                  <div style="box-sizing: border-box;">
+                    <svg class="lf-icon-16">
+                      <symbol xmlns="http://www.w3.org/2000/svg" id="clock" viewBox="0 0 24 24">
+                        <path
+                          d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M12,20c-4.4,0-8-3.6-8-8s3.6-8,8-8c4.4,0,8,3.6,8,8S16.4,20,12,20z">
+                        </path>
+                        <polygon points="12.5,7 11,7 11,13 16.2,16.2 17,14.9 12.5,12.3 "></polygon>
+                      </symbol>
+                      <use xlink:href="#clock"></use>
+                    </svg>
+                  </div>
+                </a>
+              }
+            </mat-form-field>
+            @if (showLoadingSpinner) {
+              <div>
+                <ng-content select="[loading-spinner]"></ng-content>
               </div>
-
-            </a>
-          </mat-form-field>
-          <div *ngIf="showLoadingSpinner">
-            <ng-content select="[loading-spinner]"></ng-content>
+            }
           </div>
+          @if (timeControl?.invalid && timeControl?.touched) {
+            <div class="error-message">{{errorMessages?.time}}</div>
+          }
         </div>
-        <div class="error-message" *ngIf="timeControl?.invalid && timeControl?.touched">{{errorMessages?.time}}</div>
-      </div>
-
+      }
       <ng-content></ng-content>
-
-    </ng-template>
-  </div>
-  <div class="error-message" *ngIf="dateTimeControl?.invalid && dateTimeControl?.touched && errorMessages?.dateTime">
-    {{errorMessages?.dateTime}}
+    }
   </div>
+  @if (dateTimeControl?.invalid && dateTimeControl?.touched && errorMessages?.dateTime) {
+    <div class="error-message">
+      {{errorMessages?.dateTime}}
+    </div>
+  }
 </div>
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.html b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.html
index 142016c0..d6ccb317 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.html
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.html
@@ -1,30 +1,31 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<div class="adhoc-container" [hidden]="showAdhocModal">
-  <div>
-    <button
-      title="{{ ADD_REMOVE_FIELDS | async }}"
-      id="adhoc-add-remove-button"
-      class="lf-ellipsis-label sec-button lf-button adhoc-add-remove-button"
-      (click)="addRemoveFieldsAsync()"
-    >
-      {{ ADD_REMOVE_FIELDS | async }}
-    </button>
-    <div
-      class="fields-empty lf-ellipsis-label"
-      title="{{ NO_ADDITIONAL_FIELDS_ASSIGNED | async }}"
-      *ngIf="fieldsEmpty()"
-    >
-      {{ NO_ADDITIONAL_FIELDS_ASSIGNED | async }}
-    </div>
-    <div class="responsive-form-container">
-      <ng-template lfFieldView></ng-template>
-    </div>
-  </div>
-</div>
-<div [hidden]="!showAdhocModal" class="addRemoveModal" class="adhoc-modal" >
-  <div class="adhoc-modal-content" #adhocPanel tabindex="0">
-    <lf-field-add-remove-component (clickBack)="onClickBackAsync()"></lf-field-add-remove-component>
-  </div>
-</div>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<div class="adhoc-container" [hidden]="showAdhocModal">
+  <div>
+    <button
+      title="{{ ADD_REMOVE_FIELDS | async }}"
+      id="adhoc-add-remove-button"
+      class="lf-ellipsis-label sec-button lf-button adhoc-add-remove-button"
+      (click)="addRemoveFieldsAsync()"
+      >
+      {{ ADD_REMOVE_FIELDS | async }}
+    </button>
+    @if (fieldsEmpty()) {
+      <div
+        class="fields-empty lf-ellipsis-label"
+        title="{{ NO_ADDITIONAL_FIELDS_ASSIGNED | async }}"
+        >
+        {{ NO_ADDITIONAL_FIELDS_ASSIGNED | async }}
+      </div>
+    }
+    <div class="responsive-form-container">
+      <ng-template lfFieldView></ng-template>
+    </div>
+  </div>
+</div>
+<div [hidden]="!showAdhocModal" class="addRemoveModal" class="adhoc-modal" >
+  <div class="adhoc-modal-content" #adhocPanel tabindex="0">
+    <lf-field-add-remove-component (clickBack)="onClickBackAsync()"></lf-field-add-remove-component>
+  </div>
+</div>
diff --git a/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.html b/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.html
index b61af846..17a0dfe5 100644
--- a/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.html
+++ b/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.html
@@ -3,27 +3,29 @@
 
 <div class="lf-template-and-adhoc-container">
   <mat-expansion-panel [hideToggle]="!collapsible" [expanded]="!collapsible || !start_collapsed" [disabled]="!collapsible"
-      (opened)="panelOpenState = true" (closed)="panelOpenState = false" class="template-adhoc-expansion-panel">
+    (opened)="panelOpenState = true" (closed)="panelOpenState = false" class="template-adhoc-expansion-panel">
     <mat-expansion-panel-header class="template-adhoc-expansion-panel">
-        <mat-panel-title>
-            <p title="{{TEMPLATE | async}}" class="lf-text-label lf-ellipsis-label field-label">{{TEMPLATE | async}}</p>
-            <p title="{{SELECTED_TEMPLATE_NAME | async}}" *ngIf="!panelOpenState && collapsible"
-                class="lf-sub-label lf-text-body field-sub-label lf-ellipsis-label">
-                &nbsp;&nbsp;&nbsp;&nbsp;{{SELECTED_TEMPLATE_NAME | async}}</p>
-        </mat-panel-title>
+      <mat-panel-title>
+        <p title="{{TEMPLATE | async}}" class="lf-text-label lf-ellipsis-label field-label">{{TEMPLATE | async}}</p>
+        @if (!panelOpenState && collapsible) {
+          <p title="{{SELECTED_TEMPLATE_NAME | async}}"
+            class="lf-sub-label lf-text-body field-sub-label lf-ellipsis-label">
+          &nbsp;&nbsp;&nbsp;&nbsp;{{SELECTED_TEMPLATE_NAME | async}}</p>
+        }
+      </mat-panel-title>
     </mat-expansion-panel-header>
     <lf-field-template-container-component (fieldValuesChanged)="onFieldValuesChanged()"
-        (templateSelectedChange)="onTemplateSelectedChange($event)"></lf-field-template-container-component>
-    </mat-expansion-panel>
+    (templateSelectedChange)="onTemplateSelectedChange($event)"></lf-field-template-container-component>
+  </mat-expansion-panel>
   <hr class="combo-container-separater">
   <mat-expansion-panel [expanded]="!collapsible || !start_collapsed" class="template-adhoc-expansion-panel"
-      [hideToggle]="!collapsible" [disabled]="!collapsible">
+    [hideToggle]="!collapsible" [disabled]="!collapsible">
     <mat-expansion-panel-header class="template-adhoc-expansion-panel">
-        <mat-panel-title>
-            <p title="{{FIELDS | async}}" class="lf-text-label field-label lf-ellipsis-label">{{FIELDS | async}}</p>
-        </mat-panel-title>
+      <mat-panel-title>
+        <p title="{{FIELDS | async}}" class="lf-text-label field-label lf-ellipsis-label">{{FIELDS | async}}</p>
+      </mat-panel-title>
     </mat-expansion-panel-header>
     <lf-field-adhoc-container-component (fieldValuesChanged)="onFieldValuesChanged()"
     (dialogOpened)="onDialogOpened()" (dialogClosed)="onDialogClosed()"></lf-field-adhoc-container-component>
   </mat-expansion-panel>
-  </div>
+</div>
diff --git a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.html b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.html
index 6a8b242e..d5c2323b 100644
--- a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.html
+++ b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.html
@@ -1,47 +1,53 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<div [hidden]="hideTemplate">
-  <mat-form-field class="lf-field lf-template-picker lf-dropdown">
-    <ng-template #showDefaultEmptyTemplate>
-      <mat-label class="lf-dropdown-label">
-        {{ emptyTemplateName | async }}
-      </mat-label>
-    </ng-template>
-    <mat-select
-      panelClass="lf-dropdown-overlay" 
-      [placeholder]="emptyTemplateName | async"
-      name="template-dropdown"
-      id="template-dropdown"
-      class="lf-dropdown"
-      (selectionChange)="onTemplateChangedAsync($event)"
-      (openedChange)="onToggleDropdownAsync($event)"
-      [(value)]="templateSelected"
-      [compareWith]="compareTemplateInfoFunc"
-    >
-      <mat-option selected *ngIf="isDropdownDefault">{{ emptyTemplateName | async }}</mat-option>
-      <mat-option selected *ngIf="isDropdownError" class="dropdown-error-message">{{ AN_ERROR_OCCURED | async }}</mat-option>
-      <div *ngIf="isDropdownDefault">
-        <mat-option *ngFor="let template of availableTemplates" [value]="template"
-          >{{template.displayName}}
-        </mat-option>
-      </div>
-    </mat-select>
-  </mat-form-field>
-  <ng-container *ngIf="isTemplateLoading; else checkIfHasError">
-    <lf-loader-component></lf-loader-component>
-  </ng-container>
-  <ng-template #checkIfHasError>
-    <ng-container *ngIf="isTemplateError; else checkIfDisplay">
-      <div class="error-message">{{ templateErrorMessage | async }}</div>
-    </ng-container>
-    <ng-template #checkIfDisplay>
-      <ng-container *ngIf="isTemplateDisplay; else emptyFieldView">
-        <div class="responsive-form-container">
-          <ng-template lfFieldView></ng-template>
-        </div>
-      </ng-container>
-    <ng-template #emptyFieldView></ng-template>
-    </ng-template>
-  </ng-template>
-</div>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<div [hidden]="hideTemplate">
+  <mat-form-field class="lf-field lf-template-picker lf-dropdown">
+    <ng-template #showDefaultEmptyTemplate>
+      <mat-label class="lf-dropdown-label">
+        {{ emptyTemplateName | async }}
+      </mat-label>
+    </ng-template>
+    <mat-select
+      panelClass="lf-dropdown-overlay"
+      [placeholder]="emptyTemplateName | async"
+      name="template-dropdown"
+      id="template-dropdown"
+      class="lf-dropdown"
+      (selectionChange)="onTemplateChangedAsync($event)"
+      (openedChange)="onToggleDropdownAsync($event)"
+      [(value)]="templateSelected"
+      [compareWith]="compareTemplateInfoFunc"
+      >
+      @if (isDropdownDefault) {
+        <mat-option selected>{{ emptyTemplateName | async }}</mat-option>
+      }
+      @if (isDropdownError) {
+        <mat-option selected class="dropdown-error-message">{{ AN_ERROR_OCCURED | async }}</mat-option>
+      }
+      @if (isDropdownDefault) {
+        <div>
+          @for (template of availableTemplates; track template) {
+            <mat-option [value]="template"
+              >{{template.displayName}}
+            </mat-option>
+          }
+        </div>
+      }
+    </mat-select>
+  </mat-form-field>
+  @if (isTemplateLoading) {
+    <lf-loader-component></lf-loader-component>
+  } @else {
+    @if (isTemplateError) {
+      <div class="error-message">{{ templateErrorMessage | async }}</div>
+    } @else {
+      @if (isTemplateDisplay) {
+        <div class="responsive-form-container">
+          <ng-template lfFieldView></ng-template>
+        </div>
+      } @else {
+      }
+    }
+  }
+</div>
diff --git a/projects/ui-components/lf-repository-browser/lf-repository-browser.component.html b/projects/ui-components/lf-repository-browser/lf-repository-browser.component.html
index d29948bf..320b61bb 100644
--- a/projects/ui-components/lf-repository-browser/lf-repository-browser.component.html
+++ b/projects/ui-components/lf-repository-browser/lf-repository-browser.component.html
@@ -1,37 +1,49 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<div class="lf-repository-browser-header">
-  <lf-breadcrumbs-component [breadcrumbs]="breadcrumbs" (breadcrumbClicked)="onBreadcrumbClicked($event)">
-  </lf-breadcrumbs-component>
-  <ng-content select="lf-toolbar"></ng-content>
-</div>
-<div class="lf-repo-entry-container" [attr.tabindex]="isLoading || shouldShowErrorMessage || shouldShowEmptyMessage ? 0 : -1">
-  <lf-loader-component *ngIf="isLoading" class="lf-text-body lf-no-user-select"></lf-loader-component>
-  <div id="message-display" *ngIf="!isLoading && (shouldShowErrorMessage || shouldShowEmptyMessage)">
-    <div *ngIf="shouldShowErrorMessage" class="lf-text-body lf-text-error lf-no-user-select">{{ AN_ERROR_OCCURED | async }}</div>
-    <div *ngIf="shouldShowEmptyMessage" class="lf-text-body lf-no-user-select">{{ THIS_FOLDER_IS_EMPTY | async }}</div>
-  </div>
-
-  <lf-selection-list-component
-    [hidden]="isLoading || shouldShowErrorMessage || shouldShowEmptyMessage"
-    [uniqueIdentifier]="repoBrowserUniqueId"
-    [listItems]="currentFolderChildren"
-    [multipleSelection]="multiple"
-    [itemSize]="item_size"
-    [pageSize]="page_size"
-    (scrollChanged)="onScroll()"
-    [listItemRef]="listOption"
-    (itemDoubleClicked)="onDblClickAsync($event)"
-    (itemSelected)="onItemSelected($event)"
-    (itemFocused)="onEntryFocused($event)"
-    (refreshData)="refreshAsync(false)"
-  >
-    <ng-template #listOption let-item="value">
-      <div *ngIf="getIcons(item).length > 0" class="fixed-size-icon-container  lf-no-user-select">
-        <img *ngFor="let icon of getIcons(item)" src="{{ icon }}" alt="" class="lf-entry-icon" />
-      </div>
-      <div title="{{ item?.name }}" class="lf-ellipsis-label lf-no-user-select">{{ item?.name }}</div>
-    </ng-template>
-  </lf-selection-list-component>
-</div>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<div class="lf-repository-browser-header">
+  <lf-breadcrumbs-component [breadcrumbs]="breadcrumbs" (breadcrumbClicked)="onBreadcrumbClicked($event)">
+  </lf-breadcrumbs-component>
+  <ng-content select="lf-toolbar"></ng-content>
+</div>
+<div class="lf-repo-entry-container" [attr.tabindex]="isLoading || shouldShowErrorMessage || shouldShowEmptyMessage ? 0 : -1">
+  @if (isLoading) {
+    <lf-loader-component class="lf-text-body lf-no-user-select"></lf-loader-component>
+  }
+  @if (!isLoading && (shouldShowErrorMessage || shouldShowEmptyMessage)) {
+    <div id="message-display">
+      @if (shouldShowErrorMessage) {
+        <div class="lf-text-body lf-text-error lf-no-user-select">{{ AN_ERROR_OCCURED | async }}</div>
+      }
+      @if (shouldShowEmptyMessage) {
+        <div class="lf-text-body lf-no-user-select">{{ THIS_FOLDER_IS_EMPTY | async }}</div>
+      }
+    </div>
+  }
+
+  <lf-selection-list-component
+    [hidden]="isLoading || shouldShowErrorMessage || shouldShowEmptyMessage"
+    [uniqueIdentifier]="repoBrowserUniqueId"
+    [listItems]="currentFolderChildren"
+    [multipleSelection]="multiple"
+    [itemSize]="item_size"
+    [pageSize]="page_size"
+    (scrollChanged)="onScroll()"
+    [listItemRef]="listOption"
+    (itemDoubleClicked)="onDblClickAsync($event)"
+    (itemSelected)="onItemSelected($event)"
+    (itemFocused)="onEntryFocused($event)"
+    (refreshData)="refreshAsync(false)"
+    >
+    <ng-template #listOption let-item="value">
+      @if (getIcons(item).length > 0) {
+        <div class="fixed-size-icon-container  lf-no-user-select">
+          @for (icon of getIcons(item); track icon) {
+            <img src="{{ icon }}" alt="" class="lf-entry-icon" />
+          }
+        </div>
+      }
+      <div title="{{ item?.name }}" class="lf-ellipsis-label lf-no-user-select">{{ item?.name }}</div>
+    </ng-template>
+  </lf-selection-list-component>
+</div>
diff --git a/projects/ui-components/lf-selection-list/lf-selection-list.component.html b/projects/ui-components/lf-selection-list/lf-selection-list.component.html
index 0bb186fd..31a2bf07 100644
--- a/projects/ui-components/lf-selection-list/lf-selection-list.component.html
+++ b/projects/ui-components/lf-selection-list/lf-selection-list.component.html
@@ -7,7 +7,7 @@
   tabindex="-1"
   [itemSize]="itemSize"
   (keydown)="onViewportKeyDown($event)"
->
+  >
   <table
     #matTable
     role="grid"
@@ -17,84 +17,86 @@
     matSort
     (matSortChange)="sortData($event)"
     multiTemplateDataRows="true"
-  >
-    <ng-container [matColumnDef]="column.id" *ngFor="let column of allColumnDefs; let i = index">
-      <ng-container [ngSwitch]="column.id">
-        <ng-container *ngSwitchCase="'name'">
-          <th mat-header-cell *matHeaderCellDef class="lf-ellipsis-label">
-            <div
-              class="lf-resize-wrapper-div"
-              [lfResizeColumn]="column.resizable"
-              [columnDef]="column"
-              (widthChanged)="onColumnWidthChanges($event, i)"
-            >
+    >
+    @for (column of allColumnDefs; track column; let i = $index) {
+      <ng-container [matColumnDef]="column.id">
+        @switch (column.id) {
+          @case ('name') {
+            <th mat-header-cell *matHeaderCellDef class="lf-ellipsis-label">
               <div
-                class="column-text-div"
-                [ngStyle]="{ height: itemSize + 'px' }"
-                mat-sort-header
-                [disabled]="!column.sortable"
-              >
-                <div class="lf-ellipsis-label">
-                  {{ column.displayName }}
+                class="lf-resize-wrapper-div"
+                [lfResizeColumn]="column.resizable"
+                [columnDef]="column"
+                (widthChanged)="onColumnWidthChanges($event, i)"
+                >
+                <div
+                  class="column-text-div"
+                  [ngStyle]="{ height: itemSize + 'px' }"
+                  mat-sort-header
+                  [disabled]="!column.sortable"
+                  >
+                  <div class="lf-ellipsis-label">
+                    {{ column.displayName }}
+                  </div>
                 </div>
               </div>
-            </div>
-          </th>
-          <td mat-cell *matCellDef="let item">
-            <div class="lf-name-col-container">
-              <ng-container *ngIf="listItemRef; else defaultItem">
-                <ng-container *ngTemplateOutlet="listItemRef; context: item"></ng-container>
-              </ng-container>
-              <ng-template #defaultItem
-                ><span class="lf-ellipsis-label">{{ item.value.name ?? item.value.id }}</span></ng-template
-              >
-            </div>
-          </td></ng-container
-        >
-        <ng-container *ngSwitchCase="'select'">
-          <th mat-header-cell *matHeaderCellDef></th>
-          <td mat-cell class="multiselect-column" *matCellDef="let row">
-            <mat-checkbox
-              class="lf-checkbox multiselect-indicator lf-no-ripple"
-              *ngIf="multipleSelection && row?.isSelectable"
-              tabindex="-1"
-              [checked]="row?.isSelected"
-              color="primary"
-              disableRipple
-            >
-            </mat-checkbox>
-          </td>
-        </ng-container>
-        <ng-container *ngSwitchDefault>
-          <th mat-header-cell *matHeaderCellDef class="lf-ellipsis-label">
-            <div
-              class="lf-resize-wrapper-div"
-              [lfResizeColumn]="column.resizable"
-              [columnDef]="column"
-              (widthChanged)="onColumnWidthChanges($event, i)"
-            >
+            </th>
+            <td mat-cell *matCellDef="let item">
+              <div class="lf-name-col-container">
+                @if (listItemRef) {
+                  <ng-container *ngTemplateOutlet="listItemRef; context: item"></ng-container>
+                } @else {
+                  <span class="lf-ellipsis-label">{{ item.value.name ?? item.value.id }}</span>
+                }
+              </div>
+            </td>
+          }
+          @case ('select') {
+            <th mat-header-cell *matHeaderCellDef></th>
+            <td mat-cell class="multiselect-column" *matCellDef="let row">
+              @if (multipleSelection && row?.isSelectable) {
+                <mat-checkbox
+                  class="lf-checkbox multiselect-indicator lf-no-ripple"
+                  tabindex="-1"
+                  [checked]="row?.isSelected"
+                  color="primary"
+                  disableRipple
+                  >
+                </mat-checkbox>
+              }
+            </td>
+          }
+          @default {
+            <th mat-header-cell *matHeaderCellDef class="lf-ellipsis-label">
               <div
-                class="column-text-div"
-                [ngStyle]="{ height: itemSize + 'px' }"
-                mat-sort-header
-                [disabled]="!column.sortable"
-              >
-                <div class="lf-ellipsis-label">
-                  {{ column.displayName }}
+                class="lf-resize-wrapper-div"
+                [lfResizeColumn]="column.resizable"
+                [columnDef]="column"
+                (widthChanged)="onColumnWidthChanges($event, i)"
+                >
+                <div
+                  class="column-text-div"
+                  [ngStyle]="{ height: itemSize + 'px' }"
+                  mat-sort-header
+                  [disabled]="!column.sortable"
+                  >
+                  <div class="lf-ellipsis-label">
+                    {{ column.displayName }}
+                  </div>
                 </div>
               </div>
-            </div>
-          </th>
-          <td mat-cell *matCellDef="let row">
-            <div class="column-text-div" [ngStyle]="{ height: itemSize + 'px' }">
-              <div class="lf-ellipsis-label">
-                {{ row.value.attributes?.get(column.id)?.displayValue }}
+            </th>
+            <td mat-cell *matCellDef="let row">
+              <div class="column-text-div" [ngStyle]="{ height: itemSize + 'px' }">
+                <div class="lf-ellipsis-label">
+                  {{ row.value.attributes?.get(column.id)?.displayValue }}
+                </div>
               </div>
-            </div>
-          </td>
-        </ng-container>
+            </td>
+          }
+        }
       </ng-container>
-    </ng-container>
+    }
 
     <tr
       class="lf-selection-list-header-row"
diff --git a/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.html b/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.html
index 5501e7e9..4831915b 100644
--- a/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.html
+++ b/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.html
@@ -1,48 +1,49 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<label for="image-upload" class="lf-text-label"
-  >{{ localizedStrings.ATTACH_IMAGE | async }} ({{ localizedStrings.OPTIONAL | async }})</label
->
-<div (drop)="dropHandler($event)" (dragover)="dragOverHandler($event)">
-  <div id="image-upload" class="file-drop-zone" *ngIf="!(showLoader || imageUploaded); else showSelectedFile">
-    <input
-      id="browseFileInput"
-      type="file"
-      [accept]="acceptedImageTypes"
-      tabindex="-1"
-      title=""
-      (change)="onFileSelectedAsync($event)"
-      #uploadFile
-    />
-
-    <div id="file-upload-area">
-      <span id="upload-icon" class="material-icons"> file_upload </span>
-      <label for="uploadFile">
-        <button class="sec-button lf-button" (click)="onInputClickArea()">{{ localizedStrings.BROWSE | async }}</button>
-      </label>
-      <div class="file-upload-sub-text lf-text-body">{{ localizedStrings.OR | async }}</div>
-      <div class="file-upload-sub-text lf-text-body">{{ localizedStrings.DRAG_DROP_FILE | async }}</div>
-    </div>
-  </div>
-  <ng-template #showSelectedFile>
-    <div class="picked-file-zone">
-      <div *ngIf="imageUploaded; else displayLoader" class="selected-file-info">
-          <div class="image-preview">
-            <img [src]="imageUploaded?.rawBase64" style="max-width: 100%; max-height: 100%; object-fit: contain" />
-          </div>
-          <div id="uploaded-file-name" class="lf-text-body" title="{{ imageUploaded?.name }}">
-            {{ imageUploaded?.name }}
-          </div>
-          <button class="lf-close-button" title="{{ localizedStrings.REMOVE | async }}" (click)="removeImage()">
-            <span class="material-icons-outlined"> close </span>
-          </button>
-      </div>
-      <ng-template #displayLoader>
-        <div class="loader-wrapper">
-          <lf-loader-component></lf-loader-component>
-        </div>
-      </ng-template>
-    </div>
-  </ng-template>
-</div>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<label for="image-upload" class="lf-text-label"
+  >{{ localizedStrings.ATTACH_IMAGE | async }} ({{ localizedStrings.OPTIONAL | async }})</label
+  >
+  <div (drop)="dropHandler($event)" (dragover)="dragOverHandler($event)">
+    @if (!(showLoader || imageUploaded)) {
+      <div id="image-upload" class="file-drop-zone">
+        <input
+          id="browseFileInput"
+          type="file"
+          [accept]="acceptedImageTypes"
+          tabindex="-1"
+          title=""
+          (change)="onFileSelectedAsync($event)"
+          #uploadFile
+          />
+          <div id="file-upload-area">
+            <span id="upload-icon" class="material-icons"> file_upload </span>
+            <label for="uploadFile">
+              <button class="sec-button lf-button" (click)="onInputClickArea()">{{ localizedStrings.BROWSE | async }}</button>
+            </label>
+            <div class="file-upload-sub-text lf-text-body">{{ localizedStrings.OR | async }}</div>
+            <div class="file-upload-sub-text lf-text-body">{{ localizedStrings.DRAG_DROP_FILE | async }}</div>
+          </div>
+        </div>
+      } @else {
+        <div class="picked-file-zone">
+          @if (imageUploaded) {
+            <div class="selected-file-info">
+              <div class="image-preview">
+                <img [src]="imageUploaded?.rawBase64" style="max-width: 100%; max-height: 100%; object-fit: contain" />
+              </div>
+              <div id="uploaded-file-name" class="lf-text-body" title="{{ imageUploaded?.name }}">
+                {{ imageUploaded?.name }}
+              </div>
+              <button class="lf-close-button" title="{{ localizedStrings.REMOVE | async }}" (click)="removeImage()">
+                <span class="material-icons-outlined"> close </span>
+              </button>
+            </div>
+          } @else {
+            <div class="loader-wrapper">
+              <lf-loader-component></lf-loader-component>
+            </div>
+          }
+        </div>
+      }
+    </div>
diff --git a/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.html b/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.html
index dd6a5f5c..ef39bfaa 100644
--- a/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.html
+++ b/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.html
@@ -1,48 +1,57 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<lf-general-dialog-layout>
-  <span class="lf-dialog-title lf-popup-dialog-title dialog-header">{{ USER_FEEDBACK_TITLE | async }}</span>
-  <button class="dialog-header lf-close-button" [title]="localizedStrings.CLOSE | async" (click)="onCloseDialog()">
-    <span class="material-icons-outlined"> close </span>
-  </button>
-  <div *ngIf="isFirstPane" class="dialog-content">
-    <lf-feedback-suggestion-selection
-      (feedbackClicked)="onClickFeedback()"
-      (suggestionClicked)="onClickSuggestion()"
-    ></lf-feedback-suggestion-selection>
-  </div>
-  <div *ngIf="isFeedback || isSuggestion" class="dialog-content">
-    <lf-feedback-submission [isFeedback]="isFeedback"></lf-feedback-submission>
-  </div>
-  <div *ngIf="isThankYou" class="dialog-content">
-    <div class="lf-text-body">
-      {{ localizedStrings.THANK_YOU_FOR_SUBMISSION | async }}
-    </div>
-    <div class="lf-text-body">
-      {{ localizedStrings.IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL | async }}
-      <a href="https://info.laserfiche.com/laserfiche-customer-panel-signup" target="_blank">{{
-        localizedStrings.PLEASE_CLICK_HERE | async
-      }}</a>
-    </div>
-  </div>
-  <div *ngIf="isError" class="dialog-content">
-    <p class="lf-text-body lf-user-feedback-thank-you">
-      {{ localizedStrings.SOMETHING_WENT_WRONG_PLEASE_TRY_AGAIN_LATER | async }}
-    </p>
-  </div>
-  <div align="end" class="dialog-footer">
-    <button
-      *ngIf="isFeedback || isSuggestion"
-      id="lf-user-feedback-submit-feedback-button"
-      class="lf-button primary-button dialog-button"
-      [disabled]="isSubmitDisabled"
-      (click)="onClickSubmitAsync()"
-    >
-      {{ localizedStrings.SUBMIT | async }}
-    </button>
-    <button class="lf-button sec-button dialog-button" (click)="onCloseDialog()">
-      {{ isThankYou || isError ? (localizedStrings.CLOSE | async) : (localizedStrings.CANCEL | async) }}
-    </button>
-  </div>
-</lf-general-dialog-layout>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<lf-general-dialog-layout>
+  <span class="lf-dialog-title lf-popup-dialog-title dialog-header">{{ USER_FEEDBACK_TITLE | async }}</span>
+  <button class="dialog-header lf-close-button" [title]="localizedStrings.CLOSE | async" (click)="onCloseDialog()">
+    <span class="material-icons-outlined"> close </span>
+  </button>
+  @if (isFirstPane) {
+    <div class="dialog-content">
+      <lf-feedback-suggestion-selection
+        (feedbackClicked)="onClickFeedback()"
+        (suggestionClicked)="onClickSuggestion()"
+      ></lf-feedback-suggestion-selection>
+    </div>
+  }
+  @if (isFeedback || isSuggestion) {
+    <div class="dialog-content">
+      <lf-feedback-submission [isFeedback]="isFeedback"></lf-feedback-submission>
+    </div>
+  }
+  @if (isThankYou) {
+    <div class="dialog-content">
+      <div class="lf-text-body">
+        {{ localizedStrings.THANK_YOU_FOR_SUBMISSION | async }}
+      </div>
+      <div class="lf-text-body">
+        {{ localizedStrings.IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL | async }}
+        <a href="https://info.laserfiche.com/laserfiche-customer-panel-signup" target="_blank">{{
+          localizedStrings.PLEASE_CLICK_HERE | async
+        }}</a>
+      </div>
+    </div>
+  }
+  @if (isError) {
+    <div class="dialog-content">
+      <p class="lf-text-body lf-user-feedback-thank-you">
+        {{ localizedStrings.SOMETHING_WENT_WRONG_PLEASE_TRY_AGAIN_LATER | async }}
+      </p>
+    </div>
+  }
+  <div align="end" class="dialog-footer">
+    @if (isFeedback || isSuggestion) {
+      <button
+        id="lf-user-feedback-submit-feedback-button"
+        class="lf-button primary-button dialog-button"
+        [disabled]="isSubmitDisabled"
+        (click)="onClickSubmitAsync()"
+        >
+        {{ localizedStrings.SUBMIT | async }}
+      </button>
+    }
+    <button class="lf-button sec-button dialog-button" (click)="onCloseDialog()">
+      {{ isThankYou || isError ? (localizedStrings.CLOSE | async) : (localizedStrings.CANCEL | async) }}
+    </button>
+  </div>
+</lf-general-dialog-layout>
diff --git a/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.html b/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.html
index fb622e9c..223b3f0a 100644
--- a/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.html
+++ b/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.html
@@ -1,38 +1,47 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<div class="lf-breadcrumbs-container">
-  <div *ngIf="breadcrumbs?.length > 1" class="breadcrumbs-dropdown-container">
-      <mat-button-toggle-group class="breadcrumb-split-button-group" hideSingleSelectionIndicator>
-          <mat-button-toggle class="breadcrumb-clickable-parent lf-button primary-button breadcrumb-split-button"
-              [ngClass]="{'single-selectable': breadcrumbs.length===2}"
-              (click)="onBreadcrumbSelected(breadcrumbs[1])"
-              (keydown.enter)="onBreadcrumbSelected(breadcrumbs[1])"
-              (keydown.space)="onBreadcrumbSelected(breadcrumbs[1])"
-              [title]="breadcrumbs[1]?.name">
-              {{breadcrumbs[1]?.name}}
-          </mat-button-toggle>
-          <mat-button-toggle class="breadcrumb-select breadcrumb-split-button" *ngIf="breadcrumbs?.length > 2"
-              value="breadcrumbDropdownMenu" (change)="onDropdownMenuSelected()" tabindex="-1">
-              <button #dropdownMenuButton mat-icon-button [matMenuTriggerFor]="breadcrumbDropdownMenu"
-                (click)="$event.stopPropagation()" tabindex="0">
-                <span class="material-icons breadcrumb-split-button-icon">
-                  arrow_drop_down
-                </span>
-              </button>
-          </mat-button-toggle>
-      </mat-button-toggle-group>
-
-      <mat-menu #breadcrumbDropdownMenu="matMenu" xPosition="before">
-          <button class="lf-menu-item folder-dropdown" mat-menu-item *ngFor="let breadcrumbOption of breadcrumbs.slice(1)"
-              title="{{breadcrumbOption?.name}}" (click)="onBreadcrumbSelected(breadcrumbOption)">
-              {{breadcrumbOption?.name}}</button>
-      </mat-menu>
-  </div>
-  <span *ngIf="breadcrumbs?.length > 1" class="material-icons breadcrumb-arrow_right" id="arrow-right">
-      keyboard_arrow_right
-    </span>
-  <span *ngIf="breadcrumbs?.length > 0" class="breadcrumb-parent" title="{{breadcrumbs[0]?.name}}">
-      {{breadcrumbs[0]?.name}}
-  </span>
-</div>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<div class="lf-breadcrumbs-container">
+  @if (breadcrumbs?.length > 1) {
+    <div class="breadcrumbs-dropdown-container">
+      <mat-button-toggle-group class="breadcrumb-split-button-group" hideSingleSelectionIndicator>
+        <mat-button-toggle class="breadcrumb-clickable-parent lf-button primary-button breadcrumb-split-button"
+          [ngClass]="{'single-selectable': breadcrumbs.length===2}"
+          (click)="onBreadcrumbSelected(breadcrumbs[1])"
+          (keydown.enter)="onBreadcrumbSelected(breadcrumbs[1])"
+          (keydown.space)="onBreadcrumbSelected(breadcrumbs[1])"
+          [title]="breadcrumbs[1]?.name">
+          {{breadcrumbs[1]?.name}}
+        </mat-button-toggle>
+        @if (breadcrumbs?.length > 2) {
+          <mat-button-toggle class="breadcrumb-select breadcrumb-split-button"
+            value="breadcrumbDropdownMenu" (change)="onDropdownMenuSelected()" tabindex="-1">
+            <button #dropdownMenuButton mat-icon-button [matMenuTriggerFor]="breadcrumbDropdownMenu"
+              (click)="$event.stopPropagation()" tabindex="0">
+              <span class="material-icons breadcrumb-split-button-icon">
+                arrow_drop_down
+              </span>
+            </button>
+          </mat-button-toggle>
+        }
+      </mat-button-toggle-group>
+      <mat-menu #breadcrumbDropdownMenu="matMenu" xPosition="before">
+        @for (breadcrumbOption of breadcrumbs.slice(1); track breadcrumbOption) {
+          <button class="lf-menu-item folder-dropdown" mat-menu-item
+            title="{{breadcrumbOption?.name}}" (click)="onBreadcrumbSelected(breadcrumbOption)">
+          {{breadcrumbOption?.name}}</button>
+        }
+      </mat-menu>
+    </div>
+  }
+  @if (breadcrumbs?.length > 1) {
+    <span class="material-icons breadcrumb-arrow_right" id="arrow-right">
+      keyboard_arrow_right
+    </span>
+  }
+  @if (breadcrumbs?.length > 0) {
+    <span class="breadcrumb-parent" title="{{breadcrumbs[0]?.name}}">
+      {{breadcrumbs[0]?.name}}
+    </span>
+  }
+</div>
diff --git a/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.html b/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.html
index c888e7e5..9471e1ab 100644
--- a/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.html
+++ b/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.html
@@ -1,38 +1,42 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<div class="lf-toolbar-container">
-  <span
-    [matTooltip]="displayedOption.name"
-    matTooltipClass="lf-web-client-tooltip"
-    class="lf-toolbar-expanded-button-span"
-    *ngFor="let displayedOption of displayed_options"
-  >
-    <button class="lf-toolbar-button" [disabled]="displayedOption.disabled" (click)="onClickButton(displayedOption)">
-      <img
-        *ngFor="let icon of getIcons(displayedOption)"
-        [src]="icon"
-        [alt]="displayedOption.name"
-        class="lf-toolbar-button-icon"
-      />
-    </button>
-  </span>
-  <button
-    *ngIf="dropdown_options && dropdown_options.length > 0"
-    class="lf-toolbar-button"
-    [matMenuTriggerFor]="compactButtonMenu"
-  >
-    <span class="material-icons lf-toolbar-dropdown-button-icon"> more_vert </span>
-  </button>
-  <mat-menu #compactButtonMenu="matMenu" class="lf-dropdown-menu">
-    <button
-      [disabled]="dropdownOption.disabled"
-      class="lf-dropdown-menu-option"
-      *ngFor="let dropdownOption of dropdown_options"
-      mat-menu-item
-      (click)="onClickButton(dropdownOption)"
-    >
-      {{ dropdownOption.name }}
-    </button>
-  </mat-menu>
-</div>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<div class="lf-toolbar-container">
+  @for (displayedOption of displayed_options; track displayedOption) {
+    <span
+      [matTooltip]="displayedOption.name"
+      matTooltipClass="lf-web-client-tooltip"
+      class="lf-toolbar-expanded-button-span"
+      >
+      <button class="lf-toolbar-button" [disabled]="displayedOption.disabled" (click)="onClickButton(displayedOption)">
+        @for (icon of getIcons(displayedOption); track icon) {
+          <img
+            [src]="icon"
+            [alt]="displayedOption.name"
+            class="lf-toolbar-button-icon"
+            />
+        }
+      </button>
+    </span>
+  }
+  @if (dropdown_options && dropdown_options.length > 0) {
+    <button
+      class="lf-toolbar-button"
+      [matMenuTriggerFor]="compactButtonMenu"
+      >
+      <span class="material-icons lf-toolbar-dropdown-button-icon"> more_vert </span>
+    </button>
+  }
+  <mat-menu #compactButtonMenu="matMenu" class="lf-dropdown-menu">
+    @for (dropdownOption of dropdown_options; track dropdownOption) {
+      <button
+        [disabled]="dropdownOption.disabled"
+        class="lf-dropdown-menu-option"
+        mat-menu-item
+        (click)="onClickButton(dropdownOption)"
+        >
+        {{ dropdownOption.name }}
+      </button>
+    }
+  </mat-menu>
+</div>
diff --git a/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.ts b/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.ts
index a248ed33..ee8193e9 100644
--- a/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.ts
+++ b/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.ts
@@ -2,7 +2,7 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { CommonModule } from '@angular/common';
+
 import { MatMenuModule } from '@angular/material/menu';
 import { MatTooltipModule } from '@angular/material/tooltip';
 
@@ -11,7 +11,7 @@ import { MatTooltipModule } from '@angular/material/tooltip';
     templateUrl: './lf-toolbar.component.html',
     styleUrls: ['./lf-toolbar.component.css'],
     standalone: true,
-    imports: [CommonModule, MatMenuModule, MatTooltipModule]
+    imports: [MatMenuModule, MatTooltipModule]
 })
 export class LfToolbarComponent {
 

From 831f9029965d4d74fdca7e4da74a8a1835b0f446 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Thu, 19 Feb 2026 10:47:03 +0200
Subject: [PATCH 04/43] Migrate to use inject instead of constructor dependency
 injection

---
 .../lf-documentation/src/app/app.component.ts |   6 +-
 .../example-usage-basic-steps.directive.ts    |   6 +-
 .../getting-started.component.ts              |   8 +-
 .../styling-documentation.component.ts        |   7 +-
 .../lf-loader/lf-loader.component.ts          |  20 ++--
 .../lf-checklist/items/items.component.ts     |  10 +-
 .../lf-checklist/lf-checklist.component.ts    |  40 ++-----
 .../lf-login/lf-login.component.ts            |  35 +++---
 .../lf-token-picker.component.ts              |   6 +-
 .../lf-field-group.component.ts               |  40 ++++---
 .../lf-field-multivalue.component.ts          |  86 ++++++++------
 .../lf-field/lf-field.component.ts            |  54 +++++----
 .../uni-date-time.component.ts                |  17 +--
 .../lf-field-add-remove.component.ts          |  16 ++-
 .../lf-field-adhoc-container.component.ts     | 104 +++++++++-------
 .../lf-field-container.directive.ts           |  67 +++++++----
 .../lf-field-container.component.ts           |  57 +++------
 .../lf-field-template-container.component.ts  | 112 ++++++++----------
 .../lf-metadata/lf-field-view.directive.ts    |   6 +-
 .../lf-repository-browser.component.ts        |  47 ++++----
 .../lf-selection-list.component.ts            |  51 ++++----
 .../resize-column.directive.ts                |  10 +-
 .../feedback-image-upload.component.ts        |   8 +-
 .../feedback-submission.component.ts          |   8 +-
 ...feedback-suggestion-selection.component.ts |  10 +-
 .../lf-user-feedback.component.ts             |  58 ++++-----
 .../user-feedback-dialog.component.ts         |  24 +---
 27 files changed, 448 insertions(+), 465 deletions(-)

diff --git a/projects/lf-documentation/src/app/app.component.ts b/projects/lf-documentation/src/app/app.component.ts
index 3d3f04a8..bf3c7d92 100644
--- a/projects/lf-documentation/src/app/app.component.ts
+++ b/projects/lf-documentation/src/app/app.component.ts
@@ -2,7 +2,7 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { NestedTreeControl } from '@angular/cdk/tree';
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { MatCheckboxChange, MatCheckboxModule } from '@angular/material/checkbox';
 import { MatTreeNestedDataSource, MatTreeModule } from '@angular/material/tree';
 import { RouterLinks } from './app.config';
@@ -93,12 +93,14 @@ const TREE_DATA: ComponentNode[] = [
 ]
 })
 export class AppComponent implements OnInit {
+  private themeService = inject(ThemeService);
+
   title = 'lf-documentation';
   treeControl = new NestedTreeControl<ComponentNode>((node) => node.children);
   dataSource = new MatTreeNestedDataSource<ComponentNode>();
   landingPageUrl = 'https://developer.laserfiche.com'; // TODO: update this URL once we have the landing page
 
-  constructor(private themeService: ThemeService) {
+  constructor() {
     this.dataSource.data = TREE_DATA;
   }
 
diff --git a/projects/lf-documentation/src/app/example-usage-basic-steps.directive.ts b/projects/lf-documentation/src/app/example-usage-basic-steps.directive.ts
index 8721314f..5ae4e95a 100644
--- a/projects/lf-documentation/src/app/example-usage-basic-steps.directive.ts
+++ b/projects/lf-documentation/src/app/example-usage-basic-steps.directive.ts
@@ -1,7 +1,7 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { Directive } from '@angular/core';
+import { Directive, inject } from '@angular/core';
 import { NavigationExtras, Router } from '@angular/router';
 import { RouterLinks } from './app.config';
 
@@ -9,9 +9,9 @@ import { RouterLinks } from './app.config';
     selector: '[appExampleUsageBasicSteps]',
     standalone: true
 })
-export class ExampleUsageBasicStepsDirective {
+export class ExampleUsageBasicStepsDirective {
+  router = inject(Router);
 
-  constructor(public router: Router) { }
 
   navigateToGettingStarted(id: string) {
     const navigationExtras: NavigationExtras = {
diff --git a/projects/lf-documentation/src/app/getting-started/getting-started.component.ts b/projects/lf-documentation/src/app/getting-started/getting-started.component.ts
index 8a7360e0..6b083cca 100644
--- a/projects/lf-documentation/src/app/getting-started/getting-started.component.ts
+++ b/projects/lf-documentation/src/app/getting-started/getting-started.component.ts
@@ -1,7 +1,7 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { AfterViewInit, Component } from '@angular/core';
+import { AfterViewInit, Component, inject } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 
 @Component({
@@ -11,12 +11,10 @@ import { ActivatedRoute } from '@angular/router';
     standalone: true,
     imports: []
 })
-export class GettingStartedComponent implements AfterViewInit {
+export class GettingStartedComponent implements AfterViewInit {
+  private route = inject(ActivatedRoute);
 
 
-  constructor(private route: ActivatedRoute) {
-   }
-
   ngAfterViewInit(): void {
     this.route.queryParams.subscribe(params => {
       this.navigateToElements(params["id"]);
diff --git a/projects/lf-documentation/src/app/styling-documentation/styling-documentation.component.ts b/projects/lf-documentation/src/app/styling-documentation/styling-documentation.component.ts
index c45b5b27..111a3254 100644
--- a/projects/lf-documentation/src/app/styling-documentation/styling-documentation.component.ts
+++ b/projects/lf-documentation/src/app/styling-documentation/styling-documentation.component.ts
@@ -1,7 +1,7 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { Component } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import { ThemeService } from '../theme.service';
 import { CardComponent } from '../card/card.component';
 
@@ -12,10 +12,9 @@ import { CardComponent } from '../card/card.component';
     standalone: true,
     imports: [CardComponent]
 })
-export class StylingDocumentationComponent {
+export class StylingDocumentationComponent {
+  private themeService = inject(ThemeService);
 
-  constructor(private themeService: ThemeService) {
-  }
 
   showCode(divID: string, tabGroup: string): void {
     const divElement = document.getElementById(divID);
diff --git a/projects/ui-components/internal-shared/lf-loader/lf-loader.component.ts b/projects/ui-components/internal-shared/lf-loader/lf-loader.component.ts
index e875020a..81c7e883 100644
--- a/projects/ui-components/internal-shared/lf-loader/lf-loader.component.ts
+++ b/projects/ui-components/internal-shared/lf-loader/lf-loader.component.ts
@@ -1,7 +1,7 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { Component } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { Observable } from 'rxjs';
 import { AppLocalizationService } from '../app-localization.service';
@@ -11,21 +11,15 @@ import { AppLocalizationService } from '../app-localization.service';
  * Not for public use
  */
 @Component({
-    selector: 'lf-loader-component',
-    templateUrl: './lf-loader.component.html',
-    styleUrls: ['./lf-loader.component.css'],
-    standalone: true,
-    imports: [CommonModule]
+  selector: 'lf-loader-component',
+  templateUrl: './lf-loader.component.html',
+  styleUrls: ['./lf-loader.component.css'],
+  standalone: true,
+  imports: [CommonModule],
 })
 export class LfLoaderComponent {
-
   /** @internal */
-  constructor(
-    /**@internal */
-    private localizationService: AppLocalizationService
-  ) {
-  }
+  private localizationService = inject(AppLocalizationService);
 
   readonly LOADING: Observable<string> = this.localizationService.getStringLaserficheObservable('LOADING');
-
 }
diff --git a/projects/ui-components/lf-checklist/items/items.component.ts b/projects/ui-components/lf-checklist/items/items.component.ts
index 580a9b8e..5b5a4f1f 100644
--- a/projects/ui-components/lf-checklist/items/items.component.ts
+++ b/projects/ui-components/lf-checklist/items/items.component.ts
@@ -1,7 +1,7 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { Component, OnInit, Input, Output, EventEmitter, ChangeDetectorRef } from '@angular/core';
+import { Component, OnInit, Input, Output, EventEmitter, ChangeDetectorRef, inject } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormArray, FormBuilder, FormControl, FormGroup, ValidatorFn, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
@@ -22,7 +22,11 @@ import { ItemsValidationTextPipe } from './items-validation-text.pipe';
     standalone: true,
     imports: [CommonModule, FormsModule, ReactiveFormsModule, MatFormFieldModule, MatInputModule, MatCheckboxModule, ItemsValidationTextPipe]
 })
-export class ItemsComponent implements OnInit {
+export class ItemsComponent implements OnInit {
+  private fb = inject(FormBuilder);
+  private ref = inject(ChangeDetectorRef);
+  private localizationService = inject(AppLocalizationService);
+
 
   @Input() items: ChecklistItem[] = [];
   @Output() itemsChanged: EventEmitter<void> = new EventEmitter<void>();
@@ -34,7 +38,7 @@ export class ItemsComponent implements OnInit {
     ['REQUIRED', this.localizationService.getStringLaserficheObservable('REQUIRED')]
   ]);
 
-  constructor(private fb: FormBuilder, private ref: ChangeDetectorRef, private localizationService: AppLocalizationService) {
+  constructor() {
     this.checklistParentForm = this.fb.group({
       fieldArray: new FormArray([])
     });
diff --git a/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.ts b/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.ts
index 9d845963..66072b37 100644
--- a/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.ts
+++ b/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.ts
@@ -1,15 +1,7 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import {
-  Component,
-  Input,
-  Output,
-  EventEmitter,
-  NgZone,
-  ViewChildren,
-  QueryList,
-} from '@angular/core';
+import { Component, Input, Output, EventEmitter, NgZone, ViewChildren, QueryList, inject } from '@angular/core';
 
 import { MatExpansionModule } from '@angular/material/expansion';
 import { ItemsComponent } from '../items/items.component';
@@ -22,13 +14,15 @@ export interface LfChecklistProviders {
 }
 
 @Component({
-    selector: 'lf-checklist-component',
-    templateUrl: './lf-checklist.component.html',
-    styleUrls: ['./lf-checklist.component.css'],
-    standalone: true,
-    imports: [MatExpansionModule, ItemsComponent, OptionsComponent]
+  selector: 'lf-checklist-component',
+  templateUrl: './lf-checklist.component.html',
+  styleUrls: ['./lf-checklist.component.css'],
+  standalone: true,
+  imports: [MatExpansionModule, ItemsComponent, OptionsComponent],
 })
 export class LfChecklistComponent {
+  /**@internal */
+  private zone = inject(NgZone);
 
   @Input() action_button_text: string | undefined;
 
@@ -43,27 +37,15 @@ export class LfChecklistComponent {
   /** @internal */
   @ViewChildren(ItemsComponent) private itemsComponents!: QueryList<ItemsComponent>;
 
-
   /** @internal */
   checklists: Checklist[] = [];
 
-  /** @internal */
-  constructor(
-    /** @internal */
-    private zone: NgZone
-  ) { }
-
-  @Input() initAsync = async (
-    providers: LfChecklistProviders
-  ): Promise<void> => {
+  @Input() initAsync = async (providers: LfChecklistProviders): Promise<void> => {
     return new Promise((resolve) => {
       this.zone.run(() => {
         requestAnimationFrame(async () => {
-          this.checklists =
-            await providers.checklistService.loadChecklistsAsync();
-          this.itemsComponents?.forEach((component) =>
-            component.refreshChecklistItems()
-          );
+          this.checklists = await providers.checklistService.loadChecklistsAsync();
+          this.itemsComponents?.forEach((component) => component.refreshChecklistItems());
           this.checklistChanged.emit(this.checklists);
           resolve();
         });
diff --git a/projects/ui-components/lf-login/lf-login.component.ts b/projects/ui-components/lf-login/lf-login.component.ts
index 9fcfa33d..2fd16140 100644
--- a/projects/ui-components/lf-login/lf-login.component.ts
+++ b/projects/ui-components/lf-login/lf-login.component.ts
@@ -11,6 +11,7 @@ import {
   Output,
   SimpleChanges,
   AfterViewInit,
+  inject,
 } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MatMenuModule } from '@angular/material/menu';
@@ -31,13 +32,20 @@ import { ApiException, PKCEUtils, TokenClient } from '@laserfiche/lf-api-client-
 const LOGIN_REDIRECT_STATE = 'lf-login-redirect';
 const CODE_CHALLENGE_METHOD = 'S256';
 @Component({
-    selector: 'lf-login-component',
-    templateUrl: './lf-login.component.html',
-    styleUrls: ['./lf-login.component.css'],
-    standalone: true,
-    imports: [CommonModule, MatMenuModule]
+  selector: 'lf-login-component',
+  templateUrl: './lf-login.component.html',
+  styleUrls: ['./lf-login.component.css'],
+  standalone: true,
+  imports: [CommonModule, MatMenuModule],
 })
 export class LfLoginComponent implements OnChanges, OnDestroy, AfterViewInit {
+  /**@internal */
+  private ref = inject(ChangeDetectorRef);
+  /**@internal */
+  private loginService = inject(LfLoginService);
+  /**@internal */
+  private localizationService = inject(AppLocalizationService);
+
   /** @internal */
   private readonly CLOUDDEV = 'clouddev';
   /** @internal */
@@ -228,7 +236,7 @@ export class LfLoginComponent implements OnChanges, OnDestroy, AfterViewInit {
    */
   @Input()
   refreshTokenAsync: (initiateLoginFlowOnRefreshFailure: boolean) => Promise<string | undefined> = async (
-    initiateLoginFlowOnRefreshFailure: boolean = true
+    initiateLoginFlowOnRefreshFailure: boolean = true,
   ) => {
     try {
       const refreshToken: string | undefined = this.authorization_credentials?.refreshToken;
@@ -240,7 +248,7 @@ export class LfLoginComponent implements OnChanges, OnDestroy, AfterViewInit {
           console.log('Logging in. Will not attempt to refresh');
         } else {
           console.warn(
-            'Unable to refresh, refreshToken is not defined, initiateLoginFlowOnRefreshFailure set to false'
+            'Unable to refresh, refreshToken is not defined, initiateLoginFlowOnRefreshFailure set to false',
           );
           this._state = LoginState.LoggedOut;
           this.logoutCompleted.emit({
@@ -273,7 +281,7 @@ export class LfLoginComponent implements OnChanges, OnDestroy, AfterViewInit {
               await this.startOAuthLoginFlowAsync();
             } else {
               console.warn(
-                `Unable to refresh, initiateLoginFlowOnRefreshFailure set to ${initiateLoginFlowOnRefreshFailure}, state is ${this.state}`
+                `Unable to refresh, initiateLoginFlowOnRefreshFailure set to ${initiateLoginFlowOnRefreshFailure}, state is ${this.state}`,
               );
               this._state = LoginState.LoggedOut;
               this.ref.detectChanges();
@@ -343,14 +351,7 @@ export class LfLoginComponent implements OnChanges, OnDestroy, AfterViewInit {
   private initialized: boolean = false;
 
   /** @internal */
-  constructor(
-    /** @internal */
-    private ref: ChangeDetectorRef,
-    /** @internal */
-    private loginService: LfLoginService,
-    /** @internal */
-    private localizationService: AppLocalizationService
-  ) {
+  constructor() {
     window.addEventListener('storage', (ev) => {
       this.onStorageChanged(ev);
     });
@@ -712,7 +713,7 @@ export class LfLoginComponent implements OnChanges, OnDestroy, AfterViewInit {
     } else {
       const concatStrings = this.concatStrings(
         additionalContext,
-        'Redirect behavior none. Redirect must be implemented by container in event initiated handler'
+        'Redirect behavior none. Redirect must be implemented by container in event initiated handler',
       );
       console.log(concatStrings);
     }
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.ts
index 67b191bb..1f2af8a6 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.ts
@@ -1,7 +1,7 @@
 // Copyright Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Output, inject } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MatMenuModule } from '@angular/material/menu';
 import { LfFieldTokenService } from '../lf-field-base/lf-field-token.service';
@@ -16,13 +16,13 @@ import { LfToken } from './lf-token.service';
     imports: [CommonModule, MatMenuModule]
 })
 export class LfTokenPickerComponent implements OnInit {
+  tokenService = inject(LfFieldTokenService);
+
 
   @Input() data: any;
   @Output() tokenPicked: EventEmitter<string> = new EventEmitter();
   tokens: LfToken[] = [];
 
-  constructor(public tokenService: LfFieldTokenService) { }
-
   async ngOnInit() {
     this.tokens = await this.tokenService.getTokensAsync(this.data);
   }
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.ts b/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.ts
index 79a1821a..3f45c293 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.ts
@@ -8,7 +8,8 @@ import {
   Component,
   EventEmitter,
   Input,
-  Output
+  Output,
+  inject,
 } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { AbstractControl, FormArray, FormBuilder, FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
@@ -21,14 +22,28 @@ import { LfFieldBaseComponent } from '../field-base-parts/lf-field-base/lf-field
 import { LfFieldGroupIndexDisplayPipe } from './lf-field-group-index-display.pipe';
 
 @Component({
-    selector: 'lf-field-group-component',
-    templateUrl: './lf-field-group.component.html',
-    styleUrls: ['./lf-field-group.component.css'],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
-    imports: [CommonModule, ReactiveFormsModule, DragDropModule, LfLoaderComponent, LfFieldBaseComponent, LfFieldGroupIndexDisplayPipe]
+  selector: 'lf-field-group-component',
+  templateUrl: './lf-field-group.component.html',
+  styleUrls: ['./lf-field-group.component.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [
+    CommonModule,
+    ReactiveFormsModule,
+    DragDropModule,
+    LfLoaderComponent,
+    LfFieldBaseComponent,
+    LfFieldGroupIndexDisplayPipe,
+  ],
 })
 export class LfFieldGroupComponent {
+  /**@internal */
+  private fb = inject(FormBuilder);
+  /**@internal */
+  private cdr = inject(ChangeDetectorRef);
+  /**@internal */
+  localizationService = inject(AppLocalizationService);
+
   /** @internal */
   fieldDefinitions: FieldDefinition[] = [];
   /** @internal */
@@ -49,14 +64,7 @@ export class LfFieldGroupComponent {
   readonly res_0_of_1 = this.localizationService.getStringLaserficheObservable('0_OF_1', ['{0}', '{1}']);
 
   /** @internal */
-  constructor(
-    /** @internal */
-    private fb: FormBuilder,
-    /** @internal */
-    private cdr: ChangeDetectorRef,
-    /** @internal */
-    public localizationService: AppLocalizationService
-  ) {
+  constructor() {
     this.fieldGroups = this.fb.array([]);
   }
 
@@ -70,7 +78,7 @@ export class LfFieldGroupComponent {
   @Input()
   initAsync = async (
     fieldDefinitions: FieldDefinition[],
-    dynamicFieldOptions?: Map<number, string[][]>
+    dynamicFieldOptions?: Map<number, string[][]>,
   ): Promise<void> => {
     this.fieldDefinitions = fieldDefinitions ?? [];
     this.groupId = fieldDefinitions[0]?.fieldInfo?.groupId ?? 0;
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.ts b/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.ts
index 505de531..a6ce63fd 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.ts
@@ -1,7 +1,15 @@
 // Copyright Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
+import {
+  Component,
+  Input,
+  Output,
+  EventEmitter,
+  ChangeDetectionStrategy,
+  ChangeDetectorRef,
+  inject,
+} from '@angular/core';
 
 import { ReactiveFormsModule, FormGroup, FormBuilder, FormArray, FormControl } from '@angular/forms';
 import { CoreUtils } from '@laserfiche/lf-js-utils';
@@ -11,14 +19,18 @@ import { FieldValue, LfFieldInfo, LfFieldValue } from '../utils/lf-field-types';
 import { LfFieldBaseComponent } from '../field-base-parts/lf-field-base/lf-field-base/lf-field-base.component';
 
 @Component({
-    selector: 'lf-field-multivalue-component',
-    templateUrl: './lf-field-multivalue.component.html',
-    styleUrls: ['./lf-field-multivalue.component.css'],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
-    imports: [ReactiveFormsModule, LfLoaderComponent, LfFieldBaseComponent]
+  selector: 'lf-field-multivalue-component',
+  templateUrl: './lf-field-multivalue.component.html',
+  styleUrls: ['./lf-field-multivalue.component.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [ReactiveFormsModule, LfLoaderComponent, LfFieldBaseComponent],
 })
 export class LfFieldMultivalueComponent {
+  /**@internal */
+  private fb = inject(FormBuilder);
+  /**@internal */
+  private cdr = inject(ChangeDetectorRef);
 
   /** @internal */
   lfFieldInfo!: LfFieldInfo;
@@ -37,13 +49,9 @@ export class LfFieldMultivalueComponent {
   showField: boolean = false;
 
   /** @internal */
-  constructor(
-    /** @internal */
-    private fb: FormBuilder,
-    /** @internal */
-    private cdr: ChangeDetectorRef) {
+  constructor() {
     this.multiValueFieldParentForm = this.fb.group({
-      fieldArray: new FormArray([])
+      fieldArray: new FormArray([]),
     });
   }
 
@@ -61,8 +69,7 @@ export class LfFieldMultivalueComponent {
   getLfFieldInfo(currentIndex: number): LfFieldInfo {
     if (currentIndex === 0) {
       return this.lfFieldInfo;
-    }
-    else {
+    } else {
       const optional = Object.assign({}, this.lfFieldInfo);
       optional.isRequired = false;
       return optional;
@@ -76,23 +83,24 @@ export class LfFieldMultivalueComponent {
 
   /** @internal */
   @Input()
-  initAsync = async (fieldDefinition: LfFieldInfo, fieldValues: LfFieldValue[] = [], dynamicFieldOptions?: string[][]): Promise<void> => {
+  initAsync = async (
+    fieldDefinition: LfFieldInfo,
+    fieldValues: LfFieldValue[] = [],
+    dynamicFieldOptions?: string[][],
+  ): Promise<void> => {
     this.lfFieldInfo = CoreUtils.validateDefined(fieldDefinition, 'fieldDefinition');
     this.dynamicFieldOptions = dynamicFieldOptions;
-    if(this.lfFieldInfo.fieldType === FieldType.Blob) {
+    if (this.lfFieldInfo.fieldType === FieldType.Blob) {
       console.warn('Blob field not supported');
-    }
-    else if(!(this.lfFieldInfo.fieldType in FieldType)) {
+    } else if (!(this.lfFieldInfo.fieldType in FieldType)) {
       throw new Error('FieldType not supported.');
-    }
-    else {
+    } else {
       this.showField = true;
     }
     if ((!fieldValues || fieldValues.length === 0) && this.lfFieldInfo.defaultValue) {
       this.lfFieldValues = [this.lfFieldInfo.defaultValue];
-    }
-    else {
-      this.lfFieldValues = fieldValues.filter(val => val !== undefined && val.trim().length > 0);
+    } else {
+      this.lfFieldValues = fieldValues.filter((val) => val !== undefined && val.trim().length > 0);
     }
     this.syncFormControlDataToFieldValues();
 
@@ -104,7 +112,7 @@ export class LfFieldMultivalueComponent {
   /** @internal */
   @Input()
   forceValidation: () => boolean = () => {
-    this.getArray().controls.forEach(control => {
+    this.getArray().controls.forEach((control) => {
       control.markAsDirty();
       control.updateValueAndValidity();
     });
@@ -121,14 +129,15 @@ export class LfFieldMultivalueComponent {
       }
     });
     if (this.isValid()) {
-      this.lfFieldValues = this.lfFieldValues.filter(value => value && value.trim().length > 0);
+      this.lfFieldValues = this.lfFieldValues.filter((value) => value && value.trim().length > 0);
       this.syncFormControlDataToFieldValues();
     }
   }
 
   /** @internal */
   getOptions() {
-    const options = (this.dynamicFieldOptions && this.dynamicFieldOptions.length > 0) ? this.dynamicFieldOptions[0] : undefined;
+    const options =
+      this.dynamicFieldOptions && this.dynamicFieldOptions.length > 0 ? this.dynamicFieldOptions[0] : undefined;
     return options;
   }
 
@@ -136,7 +145,7 @@ export class LfFieldMultivalueComponent {
   syncFormControlDataToFieldValues() {
     this.getArray().clear();
     if (this.lfFieldValues) {
-      this.lfFieldValues.forEach(val => {
+      this.lfFieldValues.forEach((val) => {
         this.getArray().push(new FormControl(val));
       });
       if (this.lfFieldValues.length === 0 || this.lfFieldValues[this.lfFieldValues.length - 1] !== undefined) {
@@ -151,16 +160,18 @@ export class LfFieldMultivalueComponent {
   getFieldValue: () => FieldValue = () => {
     // Clean up blank inputs if valid
     if (this.isValid()) {
-      this.lfFieldValues = this.lfFieldValues.filter(value => value && value.trim().length > 0);
+      this.lfFieldValues = this.lfFieldValues.filter((value) => value && value.trim().length > 0);
       this.syncFormControlDataToFieldValues();
     }
 
-    let fieldValues = this.lfFieldValues.filter(value => value && value.trim().length > 0).map((lfFieldValue, index) => {
-      return {
-        value: lfFieldValue,
-        position: (index + 1).toString()
-      };
-    });
+    let fieldValues = this.lfFieldValues
+      .filter((value) => value && value.trim().length > 0)
+      .map((lfFieldValue, index) => {
+        return {
+          value: lfFieldValue,
+          position: (index + 1).toString(),
+        };
+      });
 
     if (fieldValues?.length === 0) {
       fieldValues = [{ value: '', position: '1' }];
@@ -170,7 +181,7 @@ export class LfFieldMultivalueComponent {
       fieldName: this.lfFieldInfo.name,
       fieldId: this.lfFieldInfo.id,
       fieldType: this.lfFieldInfo?.fieldType,
-      values: fieldValues
+      values: fieldValues,
     };
 
     return fieldVal;
@@ -179,7 +190,8 @@ export class LfFieldMultivalueComponent {
   /** @internal */
   onChange(value: LfFieldValue, indexChanged: number) {
     this.lfFieldValues[indexChanged] = value;
-    const isValidMultiValueFieldValue = this.isLastInArray(indexChanged) && this.fieldHasValue(value) && this.lastValueIsValid();
+    const isValidMultiValueFieldValue =
+      this.isLastInArray(indexChanged) && this.fieldHasValue(value) && this.lastValueIsValid();
     if (isValidMultiValueFieldValue) {
       this.addNewBlankField();
     }
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.ts b/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.ts
index 32212071..6038e81e 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.ts
@@ -1,7 +1,15 @@
 // Copyright Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
+import {
+  Component,
+  Input,
+  Output,
+  EventEmitter,
+  ChangeDetectionStrategy,
+  ChangeDetectorRef,
+  inject,
+} from '@angular/core';
 
 import { ReactiveFormsModule, FormControl, FormGroup, FormBuilder } from '@angular/forms';
 import { CoreUtils } from '@laserfiche/lf-js-utils';
@@ -11,14 +19,18 @@ import { FieldValue, LfFieldInfo, LfFieldValue } from '../utils/lf-field-types';
 import { LfFieldBaseComponent } from '../field-base-parts/lf-field-base/lf-field-base/lf-field-base.component';
 
 @Component({
-    selector: 'lf-field-component',
-    templateUrl: './lf-field.component.html',
-    styleUrls: ['./lf-field.component.css'],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
-    imports: [ReactiveFormsModule, LfLoaderComponent, LfFieldBaseComponent]
+  selector: 'lf-field-component',
+  templateUrl: './lf-field.component.html',
+  styleUrls: ['./lf-field.component.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [ReactiveFormsModule, LfLoaderComponent, LfFieldBaseComponent],
 })
 export class LfFieldComponent {
+  /**@internal */
+  private fb = inject(FormBuilder);
+  /**@internal */
+  private cdr = inject(ChangeDetectorRef);
 
   /** @internal */
   lfFieldInfo!: LfFieldInfo;
@@ -37,13 +49,9 @@ export class LfFieldComponent {
   showField: boolean = false;
 
   /** @internal */
-  constructor(
-    /** @internal */
-    private fb: FormBuilder,
-    /** @internal */
-    private cdr: ChangeDetectorRef) {
+  constructor() {
     this.singleFieldParentForm = this.fb.group({
-      singleField: [this.lfFieldValue]
+      singleField: [this.lfFieldValue],
     });
   }
 
@@ -73,16 +81,18 @@ export class LfFieldComponent {
 
   /** @internal */
   @Input()
-  initAsync = async (field: LfFieldInfo, fieldValue: LfFieldValue = '', dynamicFieldValueOptions?: string[]): Promise<void> => {
+  initAsync = async (
+    field: LfFieldInfo,
+    fieldValue: LfFieldValue = '',
+    dynamicFieldValueOptions?: string[],
+  ): Promise<void> => {
     this.lfFieldInfo = CoreUtils.validateDefined(field, 'field');
     this.lfFieldValue = this.getInitialValue(fieldValue);
-    if(this.lfFieldInfo.fieldType === FieldType.Blob) {
+    if (this.lfFieldInfo.fieldType === FieldType.Blob) {
       console.warn('Blob field not supported');
-    }
-    else if(!(this.lfFieldInfo.fieldType in FieldType)) {
+    } else if (!(this.lfFieldInfo.fieldType in FieldType)) {
       throw new Error('FieldType not supported.');
-    }
-    else {
+    } else {
       this.showField = true;
     }
     this.dynamicFieldValueOptions = dynamicFieldValueOptions;
@@ -122,9 +132,9 @@ export class LfFieldComponent {
       values: [
         {
           value: this.lfFieldValue,
-          position: '1'
-        }
-      ]
+          position: '1',
+        },
+      ],
     };
     return fieldVal;
   };
diff --git a/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.ts b/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.ts
index 83148805..91b32314 100644
--- a/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.ts
+++ b/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.ts
@@ -2,18 +2,7 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 // Core and essentials
-import {
-  Component,
-  ViewChild,
-  ElementRef,
-  OnInit,
-  AfterViewInit,
-  HostBinding,
-  Input,
-  AfterContentInit,
-  EventEmitter,
-  Output,
-} from '@angular/core';
+import { Component, ViewChild, ElementRef, OnInit, AfterViewInit, HostBinding, Input, AfterContentInit, EventEmitter, Output, inject } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { ReactiveFormsModule, FormGroup, FormControl, AbstractControl } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
@@ -51,6 +40,8 @@ import { LFDatePickerPlugin } from './plugin-lfDatePicker';
     imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, MatInputModule]
 })
 export class UniDateTimeComponent implements OnInit, AfterViewInit, AfterContentInit {
+  dateTimeService = inject(UniDateTimeService);
+
   @HostBinding('class.required') isRequired = false;
   @HostBinding('class.readonly') isReadonly = false;
   @HostBinding('class.disabled') isDisabled = false;
@@ -158,8 +149,6 @@ export class UniDateTimeComponent implements OnInit, AfterViewInit, AfterContent
   @ViewChild('dateTimeInput') dateTimeInput?: ElementRef;
   supportedLanguage = 'en';
 
-  constructor(public dateTimeService: UniDateTimeService) { }
-
   ngOnInit() {
     this.populateConfig();
     this.populateStrings();
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.ts b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.ts
index 36de49d0..e81850fa 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.ts
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.ts
@@ -1,7 +1,7 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { Component, EventEmitter, Output, Input, ChangeDetectorRef, AfterViewInit, ViewChild, TemplateRef } from '@angular/core';
+import { Component, EventEmitter, Output, Input, ChangeDetectorRef, AfterViewInit, ViewChild, TemplateRef, inject } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { ReactiveFormsModule, FormControl } from '@angular/forms';
 import { A11yModule } from '@angular/cdk/a11y';
@@ -39,7 +39,12 @@ export enum AddRemoveState {
     standalone: true,
     imports: [CommonModule, ReactiveFormsModule, A11yModule, ScrollingModule, MatCheckboxModule, LfLoaderComponent, LfPopupModalComponent, GetFieldTypePipe]
 })
-export class LfFieldAddRemoveComponent implements AfterViewInit {
+export class LfFieldAddRemoveComponent implements AfterViewInit {
+  private adHocConnectorService = inject(AdhocFieldConnectorService);
+  ref = inject(ChangeDetectorRef);
+  popupDialog = inject(MatDialog);
+  private localizationService = inject(AppLocalizationService);
+
   private readonly APPLY_CHANGES = this.localizationService.getStringLaserficheObservable('APPLY_CHANGES');
   private readonly DO_YOU_WANT_TO_APPLY_YOUR_FIELD_CHANGES = this.localizationService.getStringLaserficheObservable('DO_YOU_WANT_TO_APPLY_YOUR_FIELD_CHANGES');
   private readonly YES = this.localizationService.getStringLaserficheObservable('YES');
@@ -79,13 +84,6 @@ export class LfFieldAddRemoveComponent implements AfterViewInit {
   @Output() checkboxUpdate = new EventEmitter<void>();
   @Output() clickBack = new EventEmitter<void>();
 
-  constructor(
-    private adHocConnectorService: AdhocFieldConnectorService,
-    public ref: ChangeDetectorRef,
-    public popupDialog: MatDialog,
-    private localizationService: AppLocalizationService,
-  ) { }
-
   ngAfterViewInit() {
     this.filterFieldsControl.valueChanges.pipe(debounceTime(200)).subscribe((value) => {
       this.fieldFilterText = value;
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.ts b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.ts
index 43ae8ba2..a48f9a3f 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.ts
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.ts
@@ -1,7 +1,20 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { Component, ChangeDetectorRef, Input, ViewChild, OnDestroy, ComponentRef, AfterViewInit, EventEmitter, Output, NgZone, ElementRef } from '@angular/core';
+import {
+  Component,
+  ChangeDetectorRef,
+  Input,
+  ViewChild,
+  OnDestroy,
+  ComponentRef,
+  AfterViewInit,
+  EventEmitter,
+  Output,
+  NgZone,
+  ElementRef,
+  inject,
+} from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { LfFieldAdhocContainerService as LfFieldAdhocContainerService } from './lf-field-adhoc-container.service';
 import { AdhocFieldConnectorService } from './lf-field-adhoc-connector.service';
@@ -18,14 +31,21 @@ import { LfFieldViewDirective } from '../lf-field-view.directive';
 import { CoreUtils } from '@laserfiche/lf-js-utils';
 
 @Component({
-    selector: 'lf-field-adhoc-container-component',
-    templateUrl: './lf-field-adhoc-container.component.html',
-    styleUrls: ['./lf-field-adhoc-container.component.css'],
-    providers: [AdhocFieldConnectorService],
-    standalone: true,
-    imports: [CommonModule, LfFieldViewDirective, LfFieldAddRemoveComponent]
+  selector: 'lf-field-adhoc-container-component',
+  templateUrl: './lf-field-adhoc-container.component.html',
+  styleUrls: ['./lf-field-adhoc-container.component.css'],
+  providers: [AdhocFieldConnectorService],
+  standalone: true,
+  imports: [CommonModule, LfFieldViewDirective, LfFieldAddRemoveComponent],
 })
 export class LfFieldAdhocContainerComponent extends LfFieldContainerDirective implements OnDestroy, AfterViewInit {
+  /**@internal */
+  private adhocFieldConnectorService = inject(AdhocFieldConnectorService);
+  /**@internal */
+  private zone = inject(NgZone);
+  /**@internal */
+  private localizationService = inject(AppLocalizationService);
+
   /** @internal */
   @ViewChild(LfFieldAddRemoveComponent) addRemoveComponent!: LfFieldAddRemoveComponent;
   /** @internal */
@@ -37,7 +57,9 @@ export class LfFieldAdhocContainerComponent extends LfFieldContainerDirective im
   readonly ADD_REMOVE_FIELDS = this.localizationService.getStringLaserficheObservable('ADD_REMOVE_FIELDS');
 
   /** @internal */
-  readonly NO_ADDITIONAL_FIELDS_ASSIGNED = this.localizationService.getStringLaserficheObservable('NO_ADDITIONAL_FIELDS_ASSIGNED');
+  readonly NO_ADDITIONAL_FIELDS_ASSIGNED = this.localizationService.getStringLaserficheObservable(
+    'NO_ADDITIONAL_FIELDS_ASSIGNED',
+  );
 
   /** @internal */
   showAdhocModal: boolean = false;
@@ -51,27 +73,18 @@ export class LfFieldAdhocContainerComponent extends LfFieldContainerDirective im
   private templateFieldsSub: Subscription | undefined;
 
   /** @internal */
-  constructor(
-    /** @internal */
-    private ref: ChangeDetectorRef,
-    /** @internal */
-    private adhocFieldConnectorService: AdhocFieldConnectorService,
-    /** @internal */
-    public metadataFieldConnectorService: LfFieldMetadataConnectorService,
-    /** @internal */
-    private zone: NgZone,
-    /** @internal */
-    private localizationService: AppLocalizationService
-  ) {
-    super(metadataFieldConnectorService);
+  constructor() {
+    super();
   }
 
   /** @internal */
   ngAfterViewInit() {
-    this.templateFieldsSub = this.metadataFieldConnectorService.getTemplateFields().subscribe(async (currentTemplateFields) => {
-      this.templateFields = currentTemplateFields;
-      await this.refreshFieldsAsync();
-    });
+    this.templateFieldsSub = this.metadataFieldConnectorService
+      .getTemplateFields()
+      .subscribe(async (currentTemplateFields) => {
+        this.templateFields = currentTemplateFields;
+        await this.refreshFieldsAsync();
+      });
   }
 
   /** @internal */
@@ -110,7 +123,10 @@ export class LfFieldAdhocContainerComponent extends LfFieldContainerDirective im
   initAsync = async (adhocFieldContainerService: LfFieldAdhocContainerService): Promise<void> => {
     this.zone.run(() => {
       this.resetComponentValues();
-      this.adhocFieldContainerService = CoreUtils.validateDefined(adhocFieldContainerService, 'adhocFieldContainerService');
+      this.adhocFieldContainerService = CoreUtils.validateDefined(
+        adhocFieldContainerService,
+        'adhocFieldContainerService',
+      );
     });
   };
 
@@ -139,7 +155,7 @@ export class LfFieldAdhocContainerComponent extends LfFieldContainerDirective im
   /** @internal */
   private resetComponentValues() {
     this.templateFields = [];
-    this.metadataConnectorService.setAllFieldValues({});
+    this.metadataFieldConnectorService.setAllFieldValues({});
     this.adhocFieldConnectorService.setSelectedFieldIds(new Set<number>());
   }
 
@@ -156,22 +172,29 @@ export class LfFieldAdhocContainerComponent extends LfFieldContainerDirective im
         const multivalueComponentRef = vf.createComponent(LfFieldMultivalueComponent);
         this.componentRefs.push(multivalueComponentRef);
         await this.initializeMultivalueComponentAsync(multivalueComponentRef, fieldInfo, values);
-      }
-      else {
+      } else {
         const fieldComponentRef = vf.createComponent(LfFieldComponent);
         this.componentRefs.push(fieldComponentRef);
-        await this.initializeFieldComponentAsync(fieldComponentRef, fieldInfo, (values?.length > 0) ? values[0] : '');
+        await this.initializeFieldComponentAsync(fieldComponentRef, fieldInfo, values?.length > 0 ? values[0] : '');
       }
     }
   }
 
   /** @internal */
-  async fieldComponentInitAsync(fieldComponentRef: ComponentRef<LfFieldComponent>, fieldInfo: LfFieldInfo, value: string) {
+  async fieldComponentInitAsync(
+    fieldComponentRef: ComponentRef<LfFieldComponent>,
+    fieldInfo: LfFieldInfo,
+    value: string,
+  ) {
     await fieldComponentRef.instance.initAsync(fieldInfo, value);
   }
 
   /** @internal */
-  async multivalueComponentInitAsync(multivalueFieldComponentRef: ComponentRef<LfFieldMultivalueComponent>, fieldInfo: LfFieldInfo, values: string[]) {
+  async multivalueComponentInitAsync(
+    multivalueFieldComponentRef: ComponentRef<LfFieldMultivalueComponent>,
+    fieldInfo: LfFieldInfo,
+    values: string[],
+  ) {
     await multivalueFieldComponentRef.instance.initAsync(fieldInfo, values);
   }
 
@@ -199,7 +222,6 @@ export class LfFieldAdhocContainerComponent extends LfFieldContainerDirective im
     return fieldsSet;
   }
 
-
   /** @internal */
   private getInitialSelectedOptions(fields: { value: FieldValue; definition: LfFieldInfo }[]): void {
     const mappedFields = fields ?? [];
@@ -210,8 +232,7 @@ export class LfFieldAdhocContainerComponent extends LfFieldContainerDirective im
       if (field.value && field.definition) {
         fieldInfos.push(field.definition);
         fieldValues.push(field.value);
-      }
-      else {
+      } else {
         // skip field
       }
     });
@@ -247,12 +268,11 @@ export class LfFieldAdhocContainerComponent extends LfFieldContainerDirective im
   /** @internal */
   private toggleAdhocModal(open: boolean) {
     this.showAdhocModal = open;
-    this.metadataConnectorService.setAddRemoveContainerToggled(open);
+    this.metadataFieldConnectorService.setAddRemoveContainerToggled(open);
     if (open) {
       this.dialogOpened.emit();
       setTimeout(() => this.adhocPanel?.nativeElement.focus());
-    }
-    else {
+    } else {
       this.dialogClosed.emit();
     }
   }
@@ -270,8 +290,8 @@ export class LfFieldAdhocContainerComponent extends LfFieldContainerDirective im
   getSelectedFieldInfos(): LfFieldInfo[] {
     this.allFieldInfos = this.adhocFieldConnectorService.getAllFieldInfos();
     this.updateTemplateFields(this.allFieldInfos);
-    const fieldInfos: LfFieldInfo[] = this.allFieldInfos?.filter((fieldInfo) =>
-      (this.selectedFieldIds.has(fieldInfo.id) && !(fieldInfo as AdhocFieldInfo).inTemplateSelected)
+    const fieldInfos: LfFieldInfo[] = this.allFieldInfos?.filter(
+      (fieldInfo) => this.selectedFieldIds.has(fieldInfo.id) && !(fieldInfo as AdhocFieldInfo).inTemplateSelected,
     );
     return fieldInfos ?? [];
   }
@@ -281,14 +301,12 @@ export class LfFieldAdhocContainerComponent extends LfFieldContainerDirective im
     fieldInfos?.forEach((fieldInfo) => {
       if (this.templateFields?.includes(fieldInfo.id)) {
         fieldInfo.inTemplateSelected = true;
-      }
-      else {
+      } else {
         fieldInfo.inTemplateSelected = false;
       }
     });
   }
 
-
   /** @internal */
   async onFieldValueChangedAsync(values: string[], fieldInfo: LfFieldInfo): Promise<void> {
     this.fieldValuesChanged.emit(this.isValid());
diff --git a/projects/ui-components/lf-metadata/lf-field-container.directive.ts b/projects/ui-components/lf-metadata/lf-field-container.directive.ts
index f7031fa0..cec94c16 100644
--- a/projects/ui-components/lf-metadata/lf-field-container.directive.ts
+++ b/projects/ui-components/lf-metadata/lf-field-container.directive.ts
@@ -1,17 +1,25 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { ComponentRef, Directive, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { ComponentRef, Directive, EventEmitter, inject, Input, Output, ViewChild } from '@angular/core';
 import { LfFieldMetadataConnectorService } from './lf-field-metadata-connector.service';
 import { AdhocFieldInfo } from './lf-field-adhoc-container/lf-field-adhoc-container-types';
 import { LfFieldViewDirective } from './lf-field-view.directive';
 import { LfFieldComponent } from './field-components/lf-field/lf-field.component';
 import { LfFieldMultivalueComponent } from './field-components/lf-field-multivalue/lf-field-multivalue.component';
 import { LfFieldGroupComponent } from './field-components/lf-field-group/lf-field-group.component';
-import { FieldValue, FieldValues, LfFieldInfo, LfFieldValue, TemplateFieldInfo } from './field-components/utils/lf-field-types';
+import {
+  FieldValue,
+  FieldValues,
+  LfFieldInfo,
+  LfFieldValue,
+  TemplateFieldInfo,
+} from './field-components/utils/lf-field-types';
 
 @Directive()
 export abstract class LfFieldContainerDirective {
+  /** @internal */
+  public metadataFieldConnectorService = inject(LfFieldMetadataConnectorService);
 
   @Output() fieldValuesChanged = new EventEmitter<boolean>();
 
@@ -29,20 +37,30 @@ export abstract class LfFieldContainerDirective {
   private readonly VALUE_ACCESSOR = 'value';
 
   /** @internal */
-  constructor(
-    /** @internal */
-    public metadataConnectorService: LfFieldMetadataConnectorService) { }
+  constructor() {}
 
   /** @internal */
   abstract clearAsync(): Promise<void>;
   /** @internal */
-  abstract onFieldValueChangedAsync(fieldValues: string[], lfFieldInfo: LfFieldInfo, indicesChanged?: number[]): Promise<void>;
+  abstract onFieldValueChangedAsync(
+    fieldValues: string[],
+    lfFieldInfo: LfFieldInfo,
+    indicesChanged?: number[],
+  ): Promise<void>;
   /** @internal */
   abstract renderFieldsAsync(fieldInfos: (TemplateFieldInfo | LfFieldInfo | AdhocFieldInfo)[]): Promise<void>;
   /** @internal */
-  abstract multivalueComponentInitAsync(componentRef: ComponentRef<LfFieldMultivalueComponent>, fieldInfo: LfFieldInfo, stringValues: LfFieldValue[]): Promise<void>;
+  abstract multivalueComponentInitAsync(
+    componentRef: ComponentRef<LfFieldMultivalueComponent>,
+    fieldInfo: LfFieldInfo,
+    stringValues: LfFieldValue[],
+  ): Promise<void>;
   /** @internal */
-  abstract fieldComponentInitAsync(componentRef: ComponentRef<LfFieldComponent>, fieldInfo: LfFieldInfo, stringValues: LfFieldValue): Promise<void>;
+  abstract fieldComponentInitAsync(
+    componentRef: ComponentRef<LfFieldComponent>,
+    fieldInfo: LfFieldInfo,
+    stringValues: LfFieldValue,
+  ): Promise<void>;
 
   @Input()
   forceValidation = (): boolean => {
@@ -73,14 +91,15 @@ export abstract class LfFieldContainerDirective {
   /** @internal */
   setFieldValue(fieldId: number, values: string[]): void {
     const fieldValue = this.getOrCreateFieldValue(fieldId);
-    const formattedValues: { position: string; value: string }[] = values?.map((value, index) => {
-      return { value, position: (index + 1).toString() };
-    }) ?? [];
+    const formattedValues: { position: string; value: string }[] =
+      values?.map((value, index) => {
+        return { value, position: (index + 1).toString() };
+      }) ?? [];
     if (formattedValues?.length > 0) {
       fieldValue.values = formattedValues;
     }
     this.allFieldValues[fieldId] = fieldValue;
-    this.metadataConnectorService.setFieldValue(fieldValue);
+    this.metadataFieldConnectorService.setFieldValue(fieldValue);
   }
 
   /** @internal */
@@ -88,7 +107,7 @@ export abstract class LfFieldContainerDirective {
     if (!(fieldId in this.allFieldValues)) {
       const val = this.createDefaultFieldValue(fieldId);
       this.allFieldValues[fieldId] = val;
-      this.metadataConnectorService.setFieldValue(val);
+      this.metadataFieldConnectorService.setFieldValue(val);
     }
     return this.allFieldValues[fieldId];
   }
@@ -97,7 +116,7 @@ export abstract class LfFieldContainerDirective {
   protected async initializeFieldComponentAsync(
     fieldComponentRef: ComponentRef<LfFieldComponent>,
     fieldInfo: LfFieldInfo,
-    value: string
+    value: string,
   ) {
     await this.fieldComponentInitAsync(fieldComponentRef, fieldInfo, value);
     fieldComponentRef.instance.fieldValueChanged.subscribe(async (updatedValue: string) => {
@@ -109,20 +128,25 @@ export abstract class LfFieldContainerDirective {
   protected async initializeMultivalueComponentAsync(
     multivalueComponentRef: ComponentRef<LfFieldMultivalueComponent>,
     fieldInfo: LfFieldInfo,
-    stringValues: string[]
+    stringValues: string[],
   ): Promise<void> {
     await this.multivalueComponentInitAsync(multivalueComponentRef, fieldInfo, stringValues);
-    multivalueComponentRef.instance.fieldValuesChanged.subscribe(async (fieldChange: { fieldValues: string[]; indexChanged: number }) => {
-      await this.onFieldValueChangedAsync(fieldChange.fieldValues, multivalueComponentRef.instance.lfFieldInfo, [fieldChange.indexChanged]);
-    });
+    multivalueComponentRef.instance.fieldValuesChanged.subscribe(
+      async (fieldChange: { fieldValues: string[]; indexChanged: number }) => {
+        await this.onFieldValueChangedAsync(fieldChange.fieldValues, multivalueComponentRef.instance.lfFieldInfo, [
+          fieldChange.indexChanged,
+        ]);
+      },
+    );
   }
 
   /** @internal */
   protected getValuesById(fieldId: number): string[] {
     const fieldValue: FieldValue = this.getOrCreateFieldValue(fieldId);
-    const stringValues = fieldValue.values?.map((value) => {
-      return value[this.VALUE_ACCESSOR];
-    }) ?? [];
+    const stringValues =
+      fieldValue.values?.map((value) => {
+        return value[this.VALUE_ACCESSOR];
+      }) ?? [];
     return stringValues;
   }
 
@@ -140,5 +164,4 @@ export abstract class LfFieldContainerDirective {
   private createFieldValueFromFieldInfo(field: LfFieldInfo): FieldValue {
     return { fieldName: field.name, fieldId: field.id, fieldType: field.fieldType };
   }
-
 }
diff --git a/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.ts b/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.ts
index 4a71b97c..508fcebc 100644
--- a/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.ts
+++ b/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.ts
@@ -1,15 +1,7 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import {
-  ChangeDetectorRef,
-  Component,
-  EventEmitter,
-  Input,
-  NgZone,
-  Output,
-  ViewChild,
-} from '@angular/core';
+import { ChangeDetectorRef, Component, EventEmitter, Input, NgZone, Output, ViewChild, inject } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MatExpansionModule } from '@angular/material/expansion';
 import { LfFieldContainerService } from './lf-field-container.service';
@@ -21,13 +13,20 @@ import { Observable, of } from 'rxjs';
 import { CoreUtils } from '@laserfiche/lf-js-utils';
 
 @Component({
-    selector: 'lf-field-container-component',
-    templateUrl: './lf-field-container.component.html',
-    styleUrls: ['./lf-field-container.component.css'],
-    standalone: true,
-    imports: [CommonModule, MatExpansionModule, LfFieldTemplateContainerComponent, LfFieldAdhocContainerComponent]
+  selector: 'lf-field-container-component',
+  templateUrl: './lf-field-container.component.html',
+  styleUrls: ['./lf-field-container.component.css'],
+  standalone: true,
+  imports: [CommonModule, MatExpansionModule, LfFieldTemplateContainerComponent, LfFieldAdhocContainerComponent],
 })
 export class LfFieldContainerComponent {
+  /**@internal */
+  private ref = inject(ChangeDetectorRef);
+  /**@internal */
+  private zone = inject(NgZone);
+  /**@internal */
+  localizationService = inject(AppLocalizationService);
+
   @Input() collapsible: boolean = false;
   @Input() start_collapsed: boolean = false;
 
@@ -60,41 +59,26 @@ export class LfFieldContainerComponent {
     const templateSelected = this.templateContainer?.templateSelected;
     if (templateSelected) {
       return of(templateSelected.displayName);
-    }
-    else {
+    } else {
       return this.templateContainer?.emptyTemplateName;
     }
   }
 
-  /** @internal */
-  constructor(
-    /** @internal */
-    private ref: ChangeDetectorRef,
-    /** @internal */
-    private zone: NgZone,
-    /** @internal */
-    public localizationService: AppLocalizationService
-  ) { }
-
   @Input()
   initAsync = async (
     lfFieldContainerService: LfFieldContainerService,
-    templateIdentifier?: number | string
+    templateIdentifier?: number | string,
   ): Promise<void> => {
     this.ref.detectChanges();
-    this.lfFieldContainerService = CoreUtils.validateDefined(
-      lfFieldContainerService,
-      'lfFieldContainerService'
-    );
+    this.lfFieldContainerService = CoreUtils.validateDefined(lfFieldContainerService, 'lfFieldContainerService');
     await this.zone.run(async () => {
       await this.adhocContainer.initAsync(this.lfFieldContainerService);
       await this.templateContainer.initAsync(
         { templateFieldContainerService: this.lfFieldContainerService },
-        templateIdentifier
+        templateIdentifier,
       );
       this.SELECTED_TEMPLATE_NAME = this.getSelectedTemplateName();
     });
-
   };
 
   @Input()
@@ -113,8 +97,7 @@ export class LfFieldContainerComponent {
   @Input()
   getFieldValues = (): { [fieldName: string]: FieldValue } => {
     return this.zone.run(() => {
-      const adhocFieldValues: { [fieldName: string]: FieldValue } =
-        this.adhocContainer.getFieldValues();
+      const adhocFieldValues: { [fieldName: string]: FieldValue } = this.adhocContainer.getFieldValues();
       const templateFieldValues: { [fieldName: string]: FieldValue } =
         this.templateContainer.getTemplateValue()?.fieldValues ?? {};
       return { ...adhocFieldValues, ...templateFieldValues };
@@ -128,9 +111,7 @@ export class LfFieldContainerComponent {
   };
 
   @Input()
-  resetFieldDataAsync = async (
-    fields: { value: FieldValue; definition: LfFieldInfo }[]
-  ): Promise<void> => {
+  resetFieldDataAsync = async (fields: { value: FieldValue; definition: LfFieldInfo }[]): Promise<void> => {
     await this.zone.run(async () => {
       await this.adhocContainer.resetFieldDataAsync(fields);
     });
diff --git a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.ts b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.ts
index 05767436..5ea17821 100644
--- a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.ts
+++ b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.ts
@@ -12,6 +12,7 @@ import {
   AfterViewInit,
   NgZone,
   ChangeDetectorRef,
+  inject,
 } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MatFormFieldModule } from '@angular/material/form-field';
@@ -41,13 +42,20 @@ import { DropDownState, TemplateState } from './lf-field-template-container-stat
 import { LfFieldViewDirective } from '../lf-field-view.directive';
 
 @Component({
-    selector: 'lf-field-template-container-component',
-    templateUrl: './lf-field-template-container.component.html',
-    styleUrls: ['./lf-field-template-container.component.css'],
-    standalone: true,
-    imports: [CommonModule, MatFormFieldModule, MatSelectModule, LfLoaderComponent, LfFieldViewDirective]
+  selector: 'lf-field-template-container-component',
+  templateUrl: './lf-field-template-container.component.html',
+  styleUrls: ['./lf-field-template-container.component.css'],
+  standalone: true,
+  imports: [CommonModule, MatFormFieldModule, MatSelectModule, LfLoaderComponent, LfFieldViewDirective],
 })
 export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective implements AfterViewInit, OnDestroy {
+  /**@internal */
+  private zone = inject(NgZone);
+  /**@internal */
+  private localizationService = inject(AppLocalizationService);
+  /**@internal */
+  private ref = inject(ChangeDetectorRef);
+
   @Output() templateSelectedChange = new EventEmitter<number>();
 
   /** @internal */
@@ -61,7 +69,8 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
   /** @internal */
   templateErrorMessage: Observable<string> | undefined;
   /** @internal */
-  readonly emptyTemplateName: Observable<string> = this.localizationService.getStringLaserficheObservable('NO_TEMPLATE_ASSIGNED');
+  readonly emptyTemplateName: Observable<string> =
+    this.localizationService.getStringLaserficheObservable('NO_TEMPLATE_ASSIGNED');
   /** @internal */
   templateSelected: TemplateInfo | undefined;
   /** @internal */
@@ -81,28 +90,14 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
   private readonly TEMPLATE_HAS_FAILED_TO_LOAD =
     this.localizationService.getStringLaserficheObservable('TEMPLATE_HAS_FAILED_TO_LOAD');
 
-  /** @internal */
-  constructor(
-    /** @internal */
-    public metadataConnectorService: LfFieldMetadataConnectorService,
-    /** @internal */
-    private zone: NgZone,
-    /** @internal */
-    private localizationService: AppLocalizationService,
-    /** @internal */
-    private ref: ChangeDetectorRef
-  ) {
-    super(metadataConnectorService);
-  }
-
   /** @internal */
   ngAfterViewInit() {
-    this.adhocFieldsSub = this.metadataConnectorService.adhocFieldDataUpdated().subscribe(async () => {
+    this.adhocFieldsSub = this.metadataFieldConnectorService.adhocFieldDataUpdated().subscribe(async () => {
       if (this.templateFieldContainerService) {
         await this.updateTemplateFieldsAsync();
       }
     });
-    this.adhocDialogOpenedSub = this.metadataConnectorService
+    this.adhocDialogOpenedSub = this.metadataFieldConnectorService
       .getAddRemoveContainerToggled()
       .subscribe(async (addRemovedOpened) => {
         this.hideTemplate = addRemovedOpened;
@@ -122,7 +117,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
       this.resetComponentValues();
       this.templateFieldContainerService = CoreUtils.validateDefined(
         providers.templateFieldContainerService,
-        'templateFieldContainerService'
+        'templateFieldContainerService',
       );
       await this.selectTemplateAsync(templateIdentifier);
       await this.updateTemplateFieldsAsync();
@@ -134,7 +129,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
   clearAsync = async (): Promise<void> => {
     await this.zone.run(async () => {
       this.resetComponentValues();
-      this.metadataConnectorService.clearAllFieldValues();
+      this.metadataFieldConnectorService.clearAllFieldValues();
       await this.renderFieldsAsync(this.allFieldInfos);
     });
   };
@@ -201,7 +196,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
     this.loadedTemplates = false;
     this.availableTemplates = [];
     this.allFieldValues = {};
-    this.metadataConnectorService.setAllFieldValues({});
+    this.metadataFieldConnectorService.setAllFieldValues({});
     this.templateState = TemplateState.DEFAULT;
   }
 
@@ -241,8 +236,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
       for (const mapItem of fieldGroups) {
         await this.initializeFieldGroupAsync(mapItem);
       }
-    }
-    else {
+    } else {
       console.warn(`Fields not displayed in current template state: ${this.templateState}.`);
     }
   }
@@ -269,7 +263,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
     vf: ViewContainerRef,
     groupId: number,
     fieldGroups: Map<number, FieldDefinition[]>,
-    newDef: FieldDefinition
+    newDef: FieldDefinition,
   ) {
     const fieldGroupComponentRef = vf.createComponent(LfFieldGroupComponent);
     fieldGroupComponentRef.instance.groupId = groupId;
@@ -280,7 +274,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
   /** @internal */
   private async initializeFieldGroupComponentAsync(
     fieldGroupComponentRef: ComponentRef<LfFieldGroupComponent>,
-    group: FieldDefinition[]
+    group: FieldDefinition[],
   ) {
     const firstLength = group[0]?.fieldValues?.length ?? 1;
     const sameSizeGroups = group.every((def) => (def.fieldValues?.length ?? 1) === firstLength);
@@ -293,7 +287,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
           const vals: string[] = fieldValue.values ? fieldValue.values?.map((value) => value['value'] ?? '') : [''];
           const fieldInfo = this.allFieldInfos.find((fieldInfo) => fieldInfo.id === id) as TemplateFieldInfo;
           await this.onFieldValueChangedAsync(vals, fieldInfo, fieldChange.indicesChanged);
-        }
+        },
       );
     }
   }
@@ -302,13 +296,13 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
   async fieldComponentInitAsync(
     fieldComponentRef: ComponentRef<LfFieldComponent>,
     fieldInfo: LfFieldInfo,
-    value: string
+    value: string,
   ) {
     const optionsForFieldInfo = this.dynamicOptions.get(fieldInfo.id);
     await fieldComponentRef.instance.initAsync(
       fieldInfo,
       value,
-      optionsForFieldInfo ? optionsForFieldInfo[0] : undefined
+      optionsForFieldInfo ? optionsForFieldInfo[0] : undefined,
     );
   }
 
@@ -316,7 +310,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
   async multivalueComponentInitAsync(
     multivalueFieldComponentRef: ComponentRef<LfFieldMultivalueComponent>,
     fieldInfo: LfFieldInfo,
-    values: string[]
+    values: string[],
   ) {
     await multivalueFieldComponentRef.instance.initAsync(fieldInfo, values, this.dynamicOptions.get(fieldInfo.id));
   }
@@ -337,8 +331,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
         if (this.availableTemplates.length === 0) {
           this.templateState = TemplateState.DEFAULT;
         }
-      }
-      catch (err) {
+      } catch (err) {
         this.dropdownState = DropDownState.HAS_ERROR;
         this.templateSelected = undefined;
         this.templateState = TemplateState.DEFAULT;
@@ -362,13 +355,14 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
     } else {
       try {
         this.templateState = TemplateState.LOADING;
-        this.templateSelected = (await this.templateFieldContainerService.getTemplateDefinitionAsync(id)) as TemplateInfo;
+        this.templateSelected = (await this.templateFieldContainerService.getTemplateDefinitionAsync(
+          id,
+        )) as TemplateInfo;
         if (!this.loadedTemplates && this.templateSelected) {
           this.availableTemplates = [this.templateSelected];
         }
         this.templateState = TemplateState.SHOW_TEMPLATE;
-      }
-      catch (error: any) {
+      } catch (error: any) {
         this.templateErrorMessage = this.AN_ERROR_OCCURED;
         console.error('getTemplateDefinitionAsync failed: ' + error.message);
         this.templateState = TemplateState.HAS_ERROR;
@@ -379,9 +373,9 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
   /** @internal */
   private async updateTemplateFieldsAsync(): Promise<void> {
     await this.updateTemplateFieldInfoAsync();
-    this.allFieldValues = this.metadataConnectorService.getAllFieldValues() ?? {};
+    this.allFieldValues = this.metadataFieldConnectorService.getAllFieldValues() ?? {};
     const newFieldIds: number[] = this.allFieldInfos.map((fieldInfo) => fieldInfo.id);
-    this.metadataConnectorService.selectTemplateFields(newFieldIds);
+    this.metadataFieldConnectorService.selectTemplateFields(newFieldIds);
     await this.renderFieldsAsync(this.allFieldInfos);
   }
 
@@ -411,8 +405,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
           this.templateState = TemplateState.HAS_ERROR;
           this.templateErrorMessage = this.TEMPLATE_HAS_FAILED_TO_LOAD;
           var consoleErrMsg: string = 'getDynamicFieldValueOptionsAsync failed';
-          if (err instanceof Error)
-          {
+          if (err instanceof Error) {
             consoleErrMsg = consoleErrMsg + ': ' + err.message;
           }
           console.error(consoleErrMsg);
@@ -446,18 +439,15 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
           return validFieldType;
         });
         this.templateState = TemplateState.SHOW_TEMPLATE;
-      }
-      catch (err: unknown) {
+      } catch (err: unknown) {
         this.templateErrorMessage = this.TEMPLATE_HAS_FAILED_TO_LOAD;
         var consoleErrMsg = 'getTemplateFieldsAsync failed';
-        if (err instanceof Error)
-        {
+        if (err instanceof Error) {
           consoleErrMsg = consoleErrMsg + ': ' + err.message;
         }
         console.error(consoleErrMsg);
         this.templateState = TemplateState.HAS_ERROR;
-      }
-      finally {
+      } finally {
         this.ref.detectChanges();
       }
     }
@@ -478,7 +468,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
   async onFieldValueChangedAsync(
     fieldValues: string[],
     lfFieldInfo: TemplateFieldInfo,
-    indicesChanged?: number[]
+    indicesChanged?: number[],
   ): Promise<void> {
     this.fieldValuesChanged.emit(this.isValid());
     let indicesOfValueChanged = indicesChanged;
@@ -510,18 +500,17 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
   private async addFieldOptionsForIndexAsync(
     indexChanged: number,
     fieldInfoOptions: string[][],
-    lfFieldInfo: TemplateFieldInfo
+    lfFieldInfo: TemplateFieldInfo,
   ) {
     try {
       const dynamicFieldValueOptions = await this.getDynamicFieldValueOptionsAsync(indexChanged);
       fieldInfoOptions[indexChanged] = dynamicFieldValueOptions[lfFieldInfo.id];
       if (fieldInfoOptions[indexChanged] === undefined) {
         console.warn(
-          `Could not get dynamic field options of field ${lfFieldInfo.name} id ${lfFieldInfo.id}, index ${indexChanged}`
+          `Could not get dynamic field options of field ${lfFieldInfo.name} id ${lfFieldInfo.id}, index ${indexChanged}`,
         );
       }
-    }
-    catch (error) {
+    } catch (error) {
       this.templateState = TemplateState.HAS_ERROR;
       console.error('getDynamicFieldValueOptionsAsync failed:', error);
     }
@@ -543,7 +532,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
   private async updateDynamicFieldsAsync(
     fieldInfo: TemplateFieldInfo,
     values: string[],
-    indexChanged: number
+    indexChanged: number,
   ): Promise<void> {
     this.setFieldValue(fieldInfo.id, values);
     const children = this.getDynamicFieldChildren(fieldInfo);
@@ -562,12 +551,15 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
         const dynamicFieldOptions = this.getOrCreateDynamicOptions(childFieldInfo);
         dynamicFieldOptions[indexChanged] = dynamicFieldValueOptions[childId] ?? [];
 
-        const childFieldValue: FieldValue = this.getUpdatedChildValue(childFieldInfo, dynamicFieldOptions, indexChanged);
+        const childFieldValue: FieldValue = this.getUpdatedChildValue(
+          childFieldInfo,
+          dynamicFieldOptions,
+          indexChanged,
+        );
         const stringValues = childFieldValue.values?.map((val) => val['value']) ?? [''];
         await this.updateDynamicFieldsAsync(childFieldInfo, stringValues, indexChanged);
       }
-    }
-    catch (error) {
+    } catch (error) {
       this.templateState = TemplateState.HAS_ERROR;
       console.error('getDynamicFieldValueOptionsAsync:', error);
     }
@@ -577,7 +569,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
   private getUpdatedChildValue(
     childFieldInfo: TemplateFieldInfo,
     dynamicFieldOptions: string[][],
-    indexChanged: number
+    indexChanged: number,
   ) {
     const childFieldValues: FieldValue = this.getOrCreateFieldValue(childFieldInfo.id);
     const optionsForIndex = dynamicFieldOptions[indexChanged];
@@ -606,7 +598,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
     this.templateState = TemplateState.LOADING;
     const dynamicFieldValueOptions = await this.templateFieldContainerService.getDynamicFieldValueOptionsAsync(
       this.templateSelected.id,
-      relevantValues
+      relevantValues,
     );
     this.templateState = TemplateState.SHOW_TEMPLATE;
     this.ref.detectChanges();
@@ -641,7 +633,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
 
     const parentId = fieldInfo.id;
     const children = this.allFieldInfos.filter((templateFieldInfo) =>
-      (templateFieldInfo as TemplateFieldInfo).rule?.ancestors.includes(parentId)
+      (templateFieldInfo as TemplateFieldInfo).rule?.ancestors.includes(parentId),
     );
     return children;
   }
diff --git a/projects/ui-components/lf-metadata/lf-field-view.directive.ts b/projects/ui-components/lf-metadata/lf-field-view.directive.ts
index 6b596435..2ba53c22 100644
--- a/projects/ui-components/lf-metadata/lf-field-view.directive.ts
+++ b/projects/ui-components/lf-metadata/lf-field-view.directive.ts
@@ -1,13 +1,13 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { Directive, ViewContainerRef } from '@angular/core';
+import { Directive, ViewContainerRef, inject } from '@angular/core';
 
 /** @internal */
 @Directive({
     selector: '[lfFieldView]',
     standalone: true
 })
-export class LfFieldViewDirective {
-  constructor(public viewContainerRef: ViewContainerRef) { }
+export class LfFieldViewDirective {
  viewContainerRef = inject(ViewContainerRef);
+
 }
diff --git a/projects/ui-components/lf-repository-browser/lf-repository-browser.component.ts b/projects/ui-components/lf-repository-browser/lf-repository-browser.component.ts
index 9f92b177..c23e00a1 100644
--- a/projects/ui-components/lf-repository-browser/lf-repository-browser.component.ts
+++ b/projects/ui-components/lf-repository-browser/lf-repository-browser.component.ts
@@ -12,6 +12,7 @@ import {
   OnDestroy,
   Output,
   ViewChild,
+  inject,
 } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
@@ -49,13 +50,24 @@ const NAME_COL_50CH: ColumnDef = {
 };
 
 @Component({
-    selector: 'lf-repository-browser-component',
-    templateUrl: './lf-repository-browser.component.html',
-    styleUrls: ['./lf-repository-browser.component.css'],
-    standalone: true,
-    imports: [CommonModule, FormsModule, LfBreadcrumbsComponent, LfLoaderComponent, LfSelectionListComponent]
+  selector: 'lf-repository-browser-component',
+  templateUrl: './lf-repository-browser.component.html',
+  styleUrls: ['./lf-repository-browser.component.css'],
+  standalone: true,
+  imports: [CommonModule, FormsModule, LfBreadcrumbsComponent, LfLoaderComponent, LfSelectionListComponent],
 })
 export class LfRepositoryBrowserComponent implements OnDestroy, AfterViewInit {
+  /**@internal */
+  ref = inject(ChangeDetectorRef);
+  /**@internal */
+  popupDialog = inject(MatDialog);
+  /**@internal */
+  zone = inject(NgZone);
+  /**@internal */
+  private localizationService = inject(AppLocalizationService);
+  /**@internal */
+  private el = inject(ElementRef);
+
   /**
    * read-only property to get current breadcrumbs
    */
@@ -154,7 +166,7 @@ export class LfRepositoryBrowserComponent implements OnDestroy, AfterViewInit {
    */
   @Input() initAsync = async (
     treeNodeService: LfTreeNodeService,
-    initialOpenedNode?: LfTreeNode | string
+    initialOpenedNode?: LfTreeNode | string,
   ): Promise<void> => {
     await this.zone.run(async () => {
       try {
@@ -174,7 +186,7 @@ export class LfRepositoryBrowserComponent implements OnDestroy, AfterViewInit {
               }
             } else {
               console.warn(
-                'initialOpenedNode is specified by an id, but getTreeNodeByIdentifierAsync is not implemented. Will initialize to root.'
+                'initialOpenedNode is specified by an id, but getTreeNodeByIdentifierAsync is not implemented. Will initialize to root.',
               );
               initialOpenedNode = undefined;
             }
@@ -223,7 +235,7 @@ export class LfRepositoryBrowserComponent implements OnDestroy, AfterViewInit {
   @Input()
   setSelectedNodesAsync: (nodesToSelect: LfTreeNode[], maxFetchIterations?: number) => Promise<void> = async (
     nodesToSelect: LfTreeNode[],
-    maxFetchIterations: number = 5
+    maxFetchIterations: number = 5,
   ) => {
     const selectableValues = await this.mapTreeNodesToLfSelectableAsync(nodesToSelect);
     if (!this.entryList && this.isLoading) {
@@ -237,7 +249,7 @@ export class LfRepositoryBrowserComponent implements OnDestroy, AfterViewInit {
       const selectedNodes: ILfSelectable[] = await this.entryList.setSelectedNodesAsync(
         selectableValues,
         this.checkForMoreDataCallback.bind(this),
-        maxFetchIterations
+        maxFetchIterations,
       );
       const selectedItems = this.convertSelectedItemsToTreeNode(selectedNodes);
       if (
@@ -388,18 +400,7 @@ export class LfRepositoryBrowserComponent implements OnDestroy, AfterViewInit {
   private lastDataCall?: Promise<ILfSelectable[]>;
 
   /** @internal */
-  constructor(
-    /** @internal */
-    public ref: ChangeDetectorRef,
-    /** @internal */
-    public popupDialog: MatDialog,
-    /** @internal */
-    public zone: NgZone,
-    /** @internal */
-    private localizationService: AppLocalizationService,
-    /** @internal */
-    private el: ElementRef
-  ) {
+  constructor() {
     this.scrolledIndexChanged.pipe(debounceTime(200)).subscribe(async () => {
       if (!this._currentFolder) {
         return;
@@ -568,7 +569,7 @@ export class LfRepositoryBrowserComponent implements OnDestroy, AfterViewInit {
     }
     if (this.shouldShowEmptyMessage || this.shouldShowErrorMessage) {
       setTimeout(() => {
-        (document.querySelector(".lf-repo-entry-container") as HTMLElement)?.focus();
+        (document.querySelector('.lf-repo-entry-container') as HTMLElement)?.focus();
       });
     } else {
       this.entryList?.focus();
@@ -781,7 +782,7 @@ export class LfRepositoryBrowserComponent implements OnDestroy, AfterViewInit {
     const dataPage: LfTreeNodePage = await this.treeNodeService.getFolderChildrenAsync(
       parentEntry,
       this.nextPage,
-      sortState
+      sortState,
     );
     this.nextPage = dataPage.nextPage;
     const pageTreeNodes: LfTreeNode[] = dataPage.page;
diff --git a/projects/ui-components/lf-selection-list/lf-selection-list.component.ts b/projects/ui-components/lf-selection-list/lf-selection-list.component.ts
index aa84087d..d9a59449 100644
--- a/projects/ui-components/lf-selection-list/lf-selection-list.component.ts
+++ b/projects/ui-components/lf-selection-list/lf-selection-list.component.ts
@@ -15,6 +15,7 @@ import {
   Output,
   TemplateRef,
   ViewChild,
+  inject,
 } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MatSort, Sort, MatSortModule } from '@angular/material/sort';
@@ -42,21 +43,19 @@ const SELECT_COL: ColumnDef = {
 
 /** @internal */
 @Component({
-    selector: 'lf-selection-list-component',
-    templateUrl: './lf-selection-list.component.html',
-    styleUrls: ['./lf-selection-list.component.css'],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
-    imports: [
-      CommonModule,
-      ScrollingModule,
-      MatCheckboxModule,
-      MatTableModule,
-      MatSortModule,
-      ResizeColumnDirective
-    ]
+  selector: 'lf-selection-list-component',
+  templateUrl: './lf-selection-list.component.html',
+  styleUrls: ['./lf-selection-list.component.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [CommonModule, ScrollingModule, MatCheckboxModule, MatTableModule, MatSortModule, ResizeColumnDirective],
 })
 export class LfSelectionListComponent implements AfterViewInit, OnDestroy {
+  /**@internal */
+  private focusMonitor = inject(FocusMonitor);
+  /**@internal */
+  private ref = inject(ChangeDetectorRef);
+
   @Output() scrollChanged = new EventEmitter<undefined>();
   @Output() itemDoubleClicked = new EventEmitter<ItemWithId>();
   @Output() itemSelected = new EventEmitter<SelectedItemEvent>();
@@ -192,13 +191,6 @@ export class LfSelectionListComponent implements AfterViewInit, OnDestroy {
   /** @internal */
   currentFocusIndex: number = 0;
 
-  /** @internal */
-  constructor(
-    /** @internal */
-    private focusMonitor: FocusMonitor,
-    private ref: ChangeDetectorRef
-  ) {}
-
   /** @internal */
   ngAfterViewInit(): void {
     this.dataSource = new GridSelectionListDataSource(this.items, this.viewport!, this.itemSize, this._pageSize);
@@ -238,7 +230,6 @@ export class LfSelectionListComponent implements AfterViewInit, OnDestroy {
     return index === 0;
   }
 
-
   focus() {
     this._focus();
   }
@@ -307,7 +298,7 @@ export class LfSelectionListComponent implements AfterViewInit, OnDestroy {
         item,
         this.items,
         false,
-        event.shiftKey && (event.key === 'ArrowUp' || event.key === 'ArrowDown')
+        event.shiftKey && (event.key === 'ArrowUp' || event.key === 'ArrowDown'),
       );
       this.itemSelected.emit({ selected: item, selectedItems: this.selectable.selectedItems });
     }
@@ -321,7 +312,7 @@ export class LfSelectionListComponent implements AfterViewInit, OnDestroy {
         item,
         this.items,
         false,
-        event.shiftKey && (event.key === 'ArrowUp' || event.key === 'ArrowDown')
+        event.shiftKey && (event.key === 'ArrowUp' || event.key === 'ArrowDown'),
       );
       this.itemSelected.emit({ selected: item, selectedItems: this.selectable.selectedItems });
     }
@@ -354,7 +345,7 @@ export class LfSelectionListComponent implements AfterViewInit, OnDestroy {
       if (activeElement?.nodeName.toLowerCase() === 'cdk-virtual-scroll-viewport') {
         this.focusCurrentIndex();
         const ele = this.viewport.elementRef.nativeElement.querySelector(
-          '#lf-row-' + this.currentFocusIndex
+          '#lf-row-' + this.currentFocusIndex,
         ) as HTMLElement;
         (ele?.childNodes[0] as HTMLElement).focus();
       } else {
@@ -365,7 +356,7 @@ export class LfSelectionListComponent implements AfterViewInit, OnDestroy {
           this.currentFocusIndex = this.currentFocusIndex - moveDirection;
         }
         const ele = this.viewport.elementRef.nativeElement.querySelector(
-          '#lf-row-' + this.currentFocusIndex
+          '#lf-row-' + this.currentFocusIndex,
         ) as HTMLElement;
         ele?.focus();
       }
@@ -408,7 +399,7 @@ export class LfSelectionListComponent implements AfterViewInit, OnDestroy {
 
           this.allColumnDefs.forEach((col) => {
             const columnEls = Array.from(
-              this.viewport!.elementRef.nativeElement.getElementsByClassName('mat-column-' + col.id)
+              this.viewport!.elementRef.nativeElement.getElementsByClassName('mat-column-' + col.id),
             );
             const columnWidthOffset = Math.max(...columnEls.map((c) => (c as HTMLDivElement).offsetWidth));
             const minWidthPx = col.minWidthPx ?? COLUMN_MIN_WIDTH;
@@ -451,10 +442,12 @@ export class LfSelectionListComponent implements AfterViewInit, OnDestroy {
   async setSelectedNodesAsync(
     nodesToSelect: ILfSelectable[] | undefined,
     checkForMoreDataCallback: () => Promise<ILfSelectable[] | undefined>,
-    maxFetchIterations: number
+    maxFetchIterations: number,
   ): Promise<ILfSelectable[]> {
     this.selectable.callback = checkForMoreDataCallback;
-    const idsToSelectable: Map<string, ILfSelectable> = new Map<string, ILfSelectable>(nodesToSelect?.map(v => [v.value.id, v]));
+    const idsToSelectable: Map<string, ILfSelectable> = new Map<string, ILfSelectable>(
+      nodesToSelect?.map((v) => [v.value.id, v]),
+    );
     await this.selectable.setSelectedNodesAsync(idsToSelectable, this.items, maxFetchIterations);
     this.ref.detectChanges();
     return this.selectable.selectedItems;
@@ -494,7 +487,7 @@ export class LfSelectionListComponent implements AfterViewInit, OnDestroy {
     }
     this.focusCurrentIndex();
     const ele = this.viewport?.elementRef.nativeElement.querySelector(
-      '#lf-row-' + this.currentFocusIndex
+      '#lf-row-' + this.currentFocusIndex,
     ) as HTMLElement;
     ele?.focus();
   }
diff --git a/projects/ui-components/lf-selection-list/resize-column.directive.ts b/projects/ui-components/lf-selection-list/resize-column.directive.ts
index 1a5f56f4..fd7d9b49 100644
--- a/projects/ui-components/lf-selection-list/resize-column.directive.ts
+++ b/projects/ui-components/lf-selection-list/resize-column.directive.ts
@@ -1,7 +1,7 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { ChangeDetectorRef, Directive, ElementRef, EventEmitter, Input, OnDestroy, OnInit, Output, Renderer2 } from '@angular/core';
+import { ChangeDetectorRef, Directive, ElementRef, EventEmitter, Input, OnDestroy, OnInit, Output, Renderer2, inject } from '@angular/core';
 import { ColumnDef } from './lf-selection-list-types';
 
 export const COLUMN_MIN_WIDTH: number = 100;
@@ -10,7 +10,11 @@ export const COLUMN_MIN_WIDTH: number = 100;
     selector: '[lfResizeColumn]',
     standalone: true
 })
-export class ResizeColumnDirective implements OnInit, OnDestroy {
+export class ResizeColumnDirective implements OnInit, OnDestroy {
+  private renderer = inject(Renderer2);
+  private el = inject(ElementRef);
+  private ref = inject(ChangeDetectorRef);
+
   @Input('lfResizeColumn') resizable: boolean = false;
   @Input() columnDef?: ColumnDef;
   @Output() widthChanged: EventEmitter<number> = new EventEmitter<number>();
@@ -27,7 +31,7 @@ export class ResizeColumnDirective implements OnInit, OnDestroy {
   mouseMoveListener?: () => void;
   mouseUpListener?: () => void;
 
-  constructor(private renderer: Renderer2, private el: ElementRef, private ref: ChangeDetectorRef) {
+  constructor() {
     this.column = this.el.nativeElement;
   }
 
diff --git a/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.ts b/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.ts
index 3f533fad..94d58f5e 100644
--- a/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.ts
+++ b/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.ts
@@ -1,7 +1,7 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { Component, ElementRef, EventEmitter, Output, ViewChild } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Output, ViewChild, inject } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { AppLocalizationService, LfLoaderComponent } from '@laserfiche/lf-ui-components/internal-shared';
 
@@ -13,7 +13,9 @@ import { AppLocalizationService, LfLoaderComponent } from '@laserfiche/lf-ui-com
     standalone: true,
     imports: [CommonModule, LfLoaderComponent]
 })
-export class FeedbackImageUploadComponent {
+export class FeedbackImageUploadComponent {
+  private localizationService = inject(AppLocalizationService);
+
   @Output() imageUploadError: EventEmitter<string> = new EventEmitter<string>();
   @Output() feedbackImageBase64: EventEmitter<string | undefined> = new EventEmitter<string | undefined>();
 
@@ -38,8 +40,6 @@ export class FeedbackImageUploadComponent {
     UNKNOWN_ERROR: this.localizationService.getStringLaserficheObservable('UNKNOWN_ERROR'),
   };
 
-  constructor(private localizationService: AppLocalizationService) {}
-
   async dropHandler(ev: DragEvent): Promise<void> {
     let file: File | undefined;
     let numFiles = 0;
diff --git a/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.ts b/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.ts
index 2b513133..71001ff1 100644
--- a/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.ts
+++ b/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.ts
@@ -1,7 +1,7 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { Component, Input, Output, EventEmitter, AfterViewInit } from '@angular/core';
+import { Component, Input, Output, EventEmitter, AfterViewInit, inject } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 import { MatCheckboxModule } from '@angular/material/checkbox';
@@ -16,7 +16,9 @@ import { FeedbackImageUploadComponent } from '../feedback-image-upload/feedback-
     standalone: true,
     imports: [CommonModule, FormsModule, MatCheckboxModule, LfToastMessageComponent, FeedbackImageUploadComponent]
 })
-export class FeedbackSubmissionComponent {
+export class FeedbackSubmissionComponent {
+  private localizationService = inject(AppLocalizationService);
+
   @Input() isFeedback?: boolean;
   @Output() feedbackTextChanged: EventEmitter<string> = new EventEmitter<string>();
 
@@ -47,8 +49,6 @@ export class FeedbackSubmissionComponent {
     REQUIRED: this.localizationService.getStringLaserficheObservable('REQUIRED'),
   };
 
-  constructor(private localizationService: AppLocalizationService) { }
-
 
   onFeedbackImageBase64(imageBase64: string | undefined) {
     this.feedbackImageBase64 = imageBase64;
diff --git a/projects/ui-components/lf-user-feedback/feedback-suggestion-selection/feedback-suggestion-selection.component.ts b/projects/ui-components/lf-user-feedback/feedback-suggestion-selection/feedback-suggestion-selection.component.ts
index e842c172..0bf54685 100644
--- a/projects/ui-components/lf-user-feedback/feedback-suggestion-selection/feedback-suggestion-selection.component.ts
+++ b/projects/ui-components/lf-user-feedback/feedback-suggestion-selection/feedback-suggestion-selection.component.ts
@@ -1,7 +1,7 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { Component, EventEmitter, Output } from '@angular/core';
+import { Component, EventEmitter, Output, inject } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { AppLocalizationService } from '@laserfiche/lf-ui-components/internal-shared';
 
@@ -13,7 +13,9 @@ import { AppLocalizationService } from '@laserfiche/lf-ui-components/internal-sh
     standalone: true,
     imports: [CommonModule]
 })
-export class FeedbackSuggestionSelectionComponent {
+export class FeedbackSuggestionSelectionComponent {
+  private localizationService = inject(AppLocalizationService);
+
   @Output() feedbackClicked: EventEmitter<void> = new EventEmitter<void>();
   @Output() suggestionClicked: EventEmitter<void> = new EventEmitter<void>();
 
@@ -28,10 +30,6 @@ export class FeedbackSuggestionSelectionComponent {
     I_HAVE_SUGGESTION: this.localizationService.getStringComponentsObservable('I_HAVE_SUGGESTION'),
   };
 
-  constructor(
-    private localizationService: AppLocalizationService
-  ) { }
-
   onClickFeedback() {
     this.feedbackClicked.emit();
   }
diff --git a/projects/ui-components/lf-user-feedback/lf-user-feedback.component.ts b/projects/ui-components/lf-user-feedback/lf-user-feedback.component.ts
index 346d07f0..7411dbcc 100644
--- a/projects/ui-components/lf-user-feedback/lf-user-feedback.component.ts
+++ b/projects/ui-components/lf-user-feedback/lf-user-feedback.component.ts
@@ -1,28 +1,32 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { Component, Input } from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { AppLocalizationService } from '@laserfiche/lf-ui-components/internal-shared';
 import { Observable } from 'rxjs';
 import { LfAnalyticsService } from './lf-analytics.service';
-import {
-  UserFeedbackDialogData,
-  UserFeedbackUserTrackingEvent,
-} from './lf-user-feedback-types';
+import { UserFeedbackDialogData, UserFeedbackUserTrackingEvent } from './lf-user-feedback-types';
 import { UserFeedbackDialogComponent } from './user-feedback-dialog/user-feedback-dialog.component';
 
 @Component({
-    selector: 'lf-user-feedback-component',
-    template: `<button id="lf-user-feedback-button" [disabled]="disableFeedbackButton" (click)="handleDialogAsync()">
+  selector: 'lf-user-feedback-component',
+  template: `<button id="lf-user-feedback-button" [disabled]="disableFeedbackButton" (click)="handleDialogAsync()">
     {{ feedbackText | async }}
   </button>`,
-    styleUrls: ['./lf-user-feedback.component.css'],
-    standalone: true,
-    imports: [CommonModule]
+  styleUrls: ['./lf-user-feedback.component.css'],
+  standalone: true,
+  imports: [CommonModule],
 })
 export class LfUserFeedbackComponent {
+  /**@internal */
+  dialog = inject(MatDialog);
+  /**@internal */
+  analyticsService = inject(LfAnalyticsService);
+  /**@internal */
+  private localizationService = inject(AppLocalizationService);
+
   @Input() hosting_module: string = '';
   @Input() hosting_context: string = '';
   @Input() user_id: string = '';
@@ -34,16 +38,6 @@ export class LfUserFeedbackComponent {
   /** @internal */
   protected dialogRef: MatDialogRef<UserFeedbackDialogComponent> | undefined;
 
-  /** @internal */
-  constructor(
-    /** @internal */
-    public dialog: MatDialog,
-    /** @internal */
-    public analyticsService: LfAnalyticsService,
-    /** @internal */
-    private localizationService: AppLocalizationService
-  ) { }
-
   /** @internal */
   async handleDialogAsync(): Promise<void> {
     if (!this.dialogRef) {
@@ -72,30 +66,24 @@ export class LfUserFeedbackComponent {
         panelClass: 'lf-user-feedback-panel',
         autoFocus: false,
         disableClose: true,
-        backdropClass: 'lf-user-feedback-backdrop'
+        backdropClass: 'lf-user-feedback-backdrop',
       });
-      this.dialogRef.componentInstance.submitFeedback.subscribe(
-        (result: UserFeedbackDialogData | undefined) => {
-          if (result?.userFeedbackTrackingEventType) {
-            const eventTrackingData: UserFeedbackUserTrackingEvent =
-              this.createEventTrackingData(result);
-            const trackSucceeded =
-              this.analyticsService?.track(eventTrackingData);
-            if (!trackSucceeded) {
-              this.dialogRef?.componentInstance.setError();
-            }
+      this.dialogRef.componentInstance.submitFeedback.subscribe((result: UserFeedbackDialogData | undefined) => {
+        if (result?.userFeedbackTrackingEventType) {
+          const eventTrackingData: UserFeedbackUserTrackingEvent = this.createEventTrackingData(result);
+          const trackSucceeded = this.analyticsService?.track(eventTrackingData);
+          if (!trackSucceeded) {
+            this.dialogRef?.componentInstance.setError();
           }
         }
-      );
+      });
     } catch (error: any) {
       console.error(`Could not open User Feedback dialog: ${error.message}`);
     }
   }
 
   /** @internal */
-  private createEventTrackingData(
-    dialogData: UserFeedbackDialogData
-  ): UserFeedbackUserTrackingEvent {
+  private createEventTrackingData(dialogData: UserFeedbackDialogData): UserFeedbackUserTrackingEvent {
     const data: UserFeedbackUserTrackingEvent = {
       userId: this.user_id,
       accountId: this.account_id,
diff --git a/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.ts b/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.ts
index 4d7b07f4..44f322aa 100644
--- a/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.ts
+++ b/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.ts
@@ -2,17 +2,7 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { LocalizedString } from '@angular/compiler';
-import {
-  AfterViewInit,
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  HostListener,
-  OnDestroy,
-  Output,
-  ViewChild,
-} from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, Component, ElementRef, EventEmitter, HostListener, OnDestroy, Output, ViewChild, inject } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MatDialogRef } from '@angular/material/dialog';
 import { AppLocalizationService, GeneralDialogLayoutComponent } from '@laserfiche/lf-ui-components/internal-shared';
@@ -40,7 +30,11 @@ export enum FeedbackDialogState {
     standalone: true,
     imports: [CommonModule, GeneralDialogLayoutComponent, FeedbackSubmissionComponent, FeedbackSuggestionSelectionComponent]
 })
-export class UserFeedbackDialogComponent implements AfterViewInit, OnDestroy {
+export class UserFeedbackDialogComponent implements AfterViewInit, OnDestroy {
+  dialogRef = inject<MatDialogRef<UserFeedbackDialogComponent>>(MatDialogRef);
+  private ref = inject(ChangeDetectorRef);
+  private localizationService = inject(AppLocalizationService);
+
   @Output() submitFeedback: EventEmitter<UserFeedbackDialogData> = new EventEmitter();
   @ViewChild(FeedbackSubmissionComponent) feedbackSubmission?: FeedbackSubmissionComponent;
 
@@ -87,12 +81,6 @@ export class UserFeedbackDialogComponent implements AfterViewInit, OnDestroy {
 
   USER_FEEDBACK_TITLE: Observable<string> = this.localizedStrings.FEEDBACK;
 
-  constructor(
-    public dialogRef: MatDialogRef<UserFeedbackDialogComponent>,
-    private ref: ChangeDetectorRef,
-    private localizationService: AppLocalizationService
-  ) {}
-
   ngAfterViewInit() {
     const elem = document.getElementById('lf-user-feedback-feedback-mode-button');
     elem?.focus();

From 33465f26434b2165f4efa69b53315de6e1915863 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Thu, 19 Feb 2026 10:47:14 +0200
Subject: [PATCH 05/43] Refactor control flow for one missed component

---
 .../lf-field-add-remove.component.html        | 52 +++++++++----------
 1 file changed, 26 insertions(+), 26 deletions(-)

diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.html b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.html
index be183df5..45e341bd 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.html
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.html
@@ -9,14 +9,12 @@
     <div class="ms-font-m back-button-text">{{ ADD_REMOVE_FIELDS | async }}</div>
   </div>
   <div class="add-remove-content">
-    <ng-container *ngIf="isLoading; else checkIfError">
+    @if (isLoading) {
       <lf-loader-component class="lf-adhoc-state-message"></lf-loader-component>
-    </ng-container>
-    <ng-template #checkIfError>
-      <ng-container *ngIf="shouldShowErrorMessage; else showFieldPicker">
+    } @else {
+      @if (shouldShowErrorMessage) {
         <div class="lf-adhoc-state-message error-entries-text">{{ AN_ERROR_OCCURED | async }}</div>
-      </ng-container>
-      <ng-template #showFieldPicker>
+      } @else {
         <div class="field-picker-container" [ngClass]="{ 'has-changes': areCheckboxChanges }">
           <div class="search">
             <input
@@ -26,13 +24,14 @@
               class="searchBox"
             />
             <div class="icon icon-search"></div>
-            <div
-              *ngIf="fieldFilterText && fieldFilterText.length > 0"
-              (click)="onClearFields()"
-              class="icon icon-clear"
-            ></div>
+            @if (fieldFilterText && fieldFilterText.length > 0) {
+              <div
+                (click)="onClearFields()"
+                class="icon icon-clear"
+              ></div>
+            }
           </div>
-          <ng-container *ngIf="displayFieldInfos && displayFieldInfos.length > 0; else noField">
+          @if (displayFieldInfos && displayFieldInfos.length > 0) {
             <cdk-virtual-scroll-viewport itemSize="25" class="pick-field">
               <div *cdkVirtualFor="let field of displayFieldInfos; let i = index">
                 <mat-checkbox
@@ -48,26 +47,27 @@
                 </mat-checkbox>
               </div>
             </cdk-virtual-scroll-viewport>
-          </ng-container>
-          <ng-template #noField>
+          } @else {
             <div class="lf-adhoc-state-message fields-empty">
               {{ NO_MATCHING_FIELDS_FOUND | async }}
             </div>
-          </ng-template>
+          }
         </div>
-      </ng-template>
-    </ng-template>
+      }
+    }
   </div>
-  <div class="button-container" *ngIf="areCheckboxChanges">
-    <div class="button-padding-container">
-      <button id="adhoc-apply-button" class="primary-button lf-button adhoc-field-button" (click)="onClickApply()">
-        {{ APPLY | async }}
-      </button>
-      <button id="adhoc-cancel-button" class="sec-button lf-button adhoc-field-button" (click)="onClickCancel()">
-        {{ CANCEL | async }}
-      </button>
+  @if (areCheckboxChanges) {
+    <div class="button-container">
+      <div class="button-padding-container">
+        <button id="adhoc-apply-button" class="primary-button lf-button adhoc-field-button" (click)="onClickApply()">
+          {{ APPLY | async }}
+        </button>
+        <button id="adhoc-cancel-button" class="sec-button lf-button adhoc-field-button" (click)="onClickCancel()">
+          {{ CANCEL | async }}
+        </button>
+      </div>
     </div>
-  </div>
+  }
 </div>
 
 <ng-template #addRemoveConfirmModal let-data>

From 6ee796c1fe77069459801ced8b51968d6e909382 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Thu, 19 Feb 2026 10:52:16 +0200
Subject: [PATCH 06/43] Update non-test packages

---
 package-lock.json                        | 533 +++++++++++------------
 package.json                             |  36 +-
 projects/ui-components/package-lock.json | 141 +++---
 projects/ui-components/package.json      |  24 +-
 4 files changed, 358 insertions(+), 376 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index d1b2c74d..6a2d11b8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,15 +19,15 @@
         "@angular-eslint/schematics": "^21.2.0",
         "@angular-eslint/template-parser": "^21.2.0",
         "@angular/cli": "^21.1.4",
-        "@microsoft/api-extractor": "^7.56.3",
-        "@stylistic/eslint-plugin": "^4.2.0",
+        "@microsoft/api-extractor": "^7.57.0",
+        "@stylistic/eslint-plugin": "^5.8.0",
         "@types/jasmine": "^3.6.0",
         "@types/lodash": "^4.17.23",
         "@types/node": "^24.10.12",
-        "@typescript-eslint/eslint-plugin": "^8.54.0",
-        "@typescript-eslint/parser": "^8.54.0",
+        "@typescript-eslint/eslint-plugin": "^8.56.0",
+        "@typescript-eslint/parser": "^8.56.0",
         "date-fns": "^4.1.0",
-        "eslint": "^9.26.0",
+        "eslint": "^9.39.2",
         "flatpickr": "^4.6.13",
         "gulp": "^5.0.1",
         "gulp-concat": "^2.6.1",
@@ -41,24 +41,24 @@
         "karma-jasmine-html-reporter": "^1.7.0",
         "karma-junit-reporter": "^2.0.1",
         "ng-packagr": "^21.1.0",
-        "puppeteer": "^24",
+        "puppeteer": "^24.37.4",
         "tslib": "^2.8.1",
         "typescript": "5.9.3",
         "yargs": "^18.0.0"
       },
       "peerDependencies": {
-        "@angular/animations": "^21.1.4",
-        "@angular/cdk": "^21.1.4",
-        "@angular/common": "^21.1.4",
-        "@angular/compiler": "^21.1.4",
-        "@angular/compiler-cli": "^21.1.4",
-        "@angular/core": "^21.1.4",
-        "@angular/elements": "^21.1.4",
-        "@angular/forms": "^21.1.4",
-        "@angular/material": "^21.1.4",
-        "@angular/platform-browser": "^21.1.4",
-        "@angular/platform-browser-dynamic": "^21.1.4",
-        "@angular/router": "^21.1.4",
+        "@angular/animations": "^21.1.5",
+        "@angular/cdk": "^21.1.5",
+        "@angular/common": "^21.1.5",
+        "@angular/compiler": "^21.1.5",
+        "@angular/compiler-cli": "^21.1.5",
+        "@angular/core": "^21.1.5",
+        "@angular/elements": "^21.1.5",
+        "@angular/forms": "^21.1.5",
+        "@angular/material": "^21.1.5",
+        "@angular/platform-browser": "^21.1.5",
+        "@angular/platform-browser-dynamic": "^21.1.5",
+        "@angular/router": "^21.1.5",
         "@laserfiche/lf-api-client-core": "^1.1.10",
         "@laserfiche/lf-js-utils": "^4.0.13",
         "@laserfiche/lf-resource-library": "^5.0.3",
@@ -620,9 +620,9 @@
       }
     },
     "node_modules/@angular/animations": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-21.1.4.tgz",
-      "integrity": "sha512-8xQ0Ylw7qqVyw4ZJ/Tyw/z5Mtqtp8AMj+R+Z1sCWcyxBgDU4+qfxteVYdiipWC3tX77A0FTsXqwvNP9WVY2/WA==",
+      "version": "21.1.5",
+      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-21.1.5.tgz",
+      "integrity": "sha512-gsqHX8lCYV8cgVtHs0iLwrX8SVlmcjUF44l/xCc/jBC/TeKWRl2e6Jqrn1Wcd0NDlGiNsm+mYNyqMyy5/I7kjw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -632,7 +632,7 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "21.1.4"
+        "@angular/core": "21.1.5"
       }
     },
     "node_modules/@angular/build": {
@@ -736,9 +736,9 @@
       }
     },
     "node_modules/@angular/cdk": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.1.4.tgz",
-      "integrity": "sha512-PElA4Ww4TIa3+B/ND+fm8ZPDKONTIqc9a/s0qNxhcAD9IpDqjaBVi/fyg+ZWBtS+x0DQgJtKeCsSZ6sr2aFQaQ==",
+      "version": "21.1.5",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.1.5.tgz",
+      "integrity": "sha512-AlQPgqe3LLwXCyrDwYSX3m/WKnl2ppCMW7Gb+7bJpIcpMdWYEpSOSQF318jXGYIysKg43YbdJ1tWhJWY/cbn3w==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -790,9 +790,9 @@
       }
     },
     "node_modules/@angular/common": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular/common/-/common-21.1.4.tgz",
-      "integrity": "sha512-1uOxPrHO9PFZBU/JavzYzjxAm+5x7vD2z6AeUndqdT4LjqOBIePswxFDRqM9dlfF8FIwnnfmNFipiC/yQjJSnA==",
+      "version": "21.1.5",
+      "resolved": "https://registry.npmjs.org/@angular/common/-/common-21.1.5.tgz",
+      "integrity": "sha512-olO2F0b+H8YBfsuQFEwo9Hjf+B714xGcttDW37+4jnY2IRS2uYeMu2RGIpY7ps+0uZ017c4iK3CCgSPBgmbTcA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -802,14 +802,14 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "21.1.4",
+        "@angular/core": "21.1.5",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/compiler": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-21.1.4.tgz",
-      "integrity": "sha512-H0qtASeqOTaS44ioF4DYE/yNqwzUmEJpMYrcNEUFEwA20/DkLzyoaEx4y1CjIxtXxuhtge95PNymDBOLWSjIdg==",
+      "version": "21.1.5",
+      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-21.1.5.tgz",
+      "integrity": "sha512-yRUdWlL+AWcTL4d7zD0jkNqsjvxXpWEihvOfD2gc65DO0+E80DsWIpHq9A8yWeLukbfLcmBGI2QbfW9+SXAlvg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -820,9 +820,9 @@
       }
     },
     "node_modules/@angular/compiler-cli": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-21.1.4.tgz",
-      "integrity": "sha512-Uw8KmpVCo58/f5wf6pY8ZS5fodv65hn5jxms8Nv/K7/LVe3i1nNFrHyneBx5+a7qkz93nSV4rdwBVnMvjIyr+g==",
+      "version": "21.1.5",
+      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-21.1.5.tgz",
+      "integrity": "sha512-i2r2bQuWdjjFGTd2TA7FtCWNx5yJ3BMoyTGUC9lzSfmxWAfcH/NWR+6OdaEVwv6Zap3IXYYxs8S+REkx954EwA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -843,7 +843,7 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/compiler": "21.1.4",
+        "@angular/compiler": "21.1.5",
         "typescript": ">=5.9 <6.0"
       },
       "peerDependenciesMeta": {
@@ -853,9 +853,9 @@
       }
     },
     "node_modules/@angular/core": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular/core/-/core-21.1.4.tgz",
-      "integrity": "sha512-QBDO5SaVYTVQ0fIN9Qd7US9cUCgs2vM9x6K18PTUKmygIkHVHTFdzwm4MO5gpCOFzJseGbS+dNzqn+v0PaKf9g==",
+      "version": "21.1.5",
+      "resolved": "https://registry.npmjs.org/@angular/core/-/core-21.1.5.tgz",
+      "integrity": "sha512-m61YHiyE+SIvS8UXcFLjYCucv6ShJJCwz9xxEk7ysYW9wOtHdfIf9tgyOsucZDAvrvpSyQLRj5jGBCGm1VIvXA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -865,7 +865,7 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/compiler": "21.1.4",
+        "@angular/compiler": "21.1.5",
         "rxjs": "^6.5.3 || ^7.4.0",
         "zone.js": "~0.15.0 || ~0.16.0"
       },
@@ -879,9 +879,9 @@
       }
     },
     "node_modules/@angular/elements": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular/elements/-/elements-21.1.4.tgz",
-      "integrity": "sha512-OJTxfzdh77LeoFiAbW/s38Kks4HTEyeJTxMzZqA3aWF8ZCa5DNai6aB2F20QbhJdrr/NAITjlDf8gM4c2XJgxw==",
+      "version": "21.1.5",
+      "resolved": "https://registry.npmjs.org/@angular/elements/-/elements-21.1.5.tgz",
+      "integrity": "sha512-SoXNNLEBn9w3NP5vZJiMQfdiJ1FLY0VuDP5VvscPVqebh/nfpDw7jOu8Pb2S9wTANsfmlFX4QK1ehl3nJVY/Fw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -891,14 +891,14 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "21.1.4",
+        "@angular/core": "21.1.5",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/forms": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-21.1.4.tgz",
-      "integrity": "sha512-duVT/eOncmFNBYRlK/F7WDg6GD1vL1mxUrDdnp7M9J8JvNrKH0PvdfzuOAmjbB8/bsvUNTLFXCV4+43Mc2Hqsw==",
+      "version": "21.1.5",
+      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-21.1.5.tgz",
+      "integrity": "sha512-Z8Vcgz5KYlCobRxLjyGGUBv0mA4nusuiD36GqYRn3sR780TLDcPFVwTCwVEWLdwID64oiHXG+x9jjU/Z3HzR6A==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -909,23 +909,23 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "21.1.4",
-        "@angular/core": "21.1.4",
-        "@angular/platform-browser": "21.1.4",
+        "@angular/common": "21.1.5",
+        "@angular/core": "21.1.5",
+        "@angular/platform-browser": "21.1.5",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/material": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-21.1.4.tgz",
-      "integrity": "sha512-Vte+4os5JexhtaPk7Duk5bIC+zU5SYF7ZHUnpmAJxW0u4D4C9lpTVepm2bfMVV2AxHjHVAnW+/anINIS401UsA==",
+      "version": "21.1.5",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-21.1.5.tgz",
+      "integrity": "sha512-D6JvFulPvIKhPJ52prMV7DxwYMzcUpHar11ZcMb7r9WQzUfCS3FDPXfMAce5n3h+3kFccfmmGpnyBwqTlLPSig==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/cdk": "21.1.4",
+        "@angular/cdk": "21.1.5",
         "@angular/common": "^21.0.0 || ^22.0.0",
         "@angular/core": "^21.0.0 || ^22.0.0",
         "@angular/forms": "^21.0.0 || ^22.0.0",
@@ -934,9 +934,9 @@
       }
     },
     "node_modules/@angular/platform-browser": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-21.1.4.tgz",
-      "integrity": "sha512-S6Iw5CkORih5omh+MQY35w0bUBxdSFAPLDg386S6/9fEUjDClo61hvXNKxaNh9g7tnh1LD7zmTmKrqufnhnFDQ==",
+      "version": "21.1.5",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-21.1.5.tgz",
+      "integrity": "sha512-rAN0cu05Pg7HHe9JMRd3g5JyyVCeFW8QiB/jG6klUrOTF4QzyCbmwlm7MX0uTx3CWAZraWCGbdahUkLyYtuqFA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -946,9 +946,9 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/animations": "21.1.4",
-        "@angular/common": "21.1.4",
-        "@angular/core": "21.1.4"
+        "@angular/animations": "21.1.5",
+        "@angular/common": "21.1.5",
+        "@angular/core": "21.1.5"
       },
       "peerDependenciesMeta": {
         "@angular/animations": {
@@ -957,9 +957,9 @@
       }
     },
     "node_modules/@angular/platform-browser-dynamic": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-21.1.4.tgz",
-      "integrity": "sha512-lThgNDFHPQyrx0liNX3x8wHcgp1sd/Dym19zm1PSQ67k6J4snwxZFhNlwFHVr1K86XvX/vilyeR2edPLe9lF3Q==",
+      "version": "21.1.5",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-21.1.5.tgz",
+      "integrity": "sha512-Pd8nPbJSIONnze1WS9wLBAtaFw4TYIH+ZGjKHS9G1E9l09tDWtHWyB7dY82Sc//Nc8iR4V7dcsbUmFjOJHThww==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -969,16 +969,16 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "21.1.4",
-        "@angular/compiler": "21.1.4",
-        "@angular/core": "21.1.4",
-        "@angular/platform-browser": "21.1.4"
+        "@angular/common": "21.1.5",
+        "@angular/compiler": "21.1.5",
+        "@angular/core": "21.1.5",
+        "@angular/platform-browser": "21.1.5"
       }
     },
     "node_modules/@angular/router": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.1.4.tgz",
-      "integrity": "sha512-nPYuRJ8ub/X8GK55U2KqYy/ducVRn6HSoDmZz0yiXtI6haFsZlv9R1j5zi0EDIqrrN0HGARMs6jNDXZC1Ded3w==",
+      "version": "21.1.5",
+      "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.1.5.tgz",
+      "integrity": "sha512-OjFn6Nw51CU712CMbl2U9TxlCkzOmjMLYPAfnV4+RdG7o+/eOS2nV0oapJ88RNCw7Yl04PA1amc3ql3agDFd4A==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -988,9 +988,9 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "21.1.4",
-        "@angular/core": "21.1.4",
-        "@angular/platform-browser": "21.1.4",
+        "@angular/common": "21.1.5",
+        "@angular/core": "21.1.5",
+        "@angular/platform-browser": "21.1.5",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
@@ -3779,16 +3779,6 @@
         "node": "20 || >=22"
       }
     },
-    "node_modules/@isaacs/cliui": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-9.0.0.tgz",
-      "integrity": "sha512-AokJm4tuBHillT+FpMtxQ60n8ObyXBatq7jD2/JA9dxbDDokKQm8KMht5ibGzLVU9IJDIKK4TPKgMHEYMn3lMg==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/@isaacs/fs-minipass": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz",
@@ -4451,19 +4441,19 @@
       ]
     },
     "node_modules/@microsoft/api-extractor": {
-      "version": "7.56.3",
-      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.56.3.tgz",
-      "integrity": "sha512-fRqok4aRNq5GpgGBv2fKlSSKbirPKTJ75vQefthB5x9dwt4Zz+AezUzdc1p/AG4wUBIgmhjcEwn/Rj+N4Wh4Mw==",
+      "version": "7.57.0",
+      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.57.0.tgz",
+      "integrity": "sha512-ZWflRQNLRBgG4DPRDUB6DQR2AL2Z+gYU/1PIwFKna8c8c9IGF4h0FHtb73MbV0LfufqfzDVnpaLPXmOtDAeUaA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@microsoft/api-extractor-model": "7.32.2",
+        "@microsoft/api-extractor-model": "7.33.0",
         "@microsoft/tsdoc": "~0.16.0",
         "@microsoft/tsdoc-config": "~0.18.0",
-        "@rushstack/node-core-library": "5.19.1",
-        "@rushstack/rig-package": "0.6.0",
-        "@rushstack/terminal": "0.21.0",
-        "@rushstack/ts-command-line": "5.2.0",
+        "@rushstack/node-core-library": "5.20.0",
+        "@rushstack/rig-package": "0.7.0",
+        "@rushstack/terminal": "0.22.0",
+        "@rushstack/ts-command-line": "5.3.0",
         "diff": "~8.0.2",
         "lodash": "~4.17.23",
         "minimatch": "10.1.2",
@@ -4477,15 +4467,15 @@
       }
     },
     "node_modules/@microsoft/api-extractor-model": {
-      "version": "7.32.2",
-      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor-model/-/api-extractor-model-7.32.2.tgz",
-      "integrity": "sha512-Ussc25rAalc+4JJs9HNQE7TuO9y6jpYQX9nWD1DhqUzYPBr3Lr7O9intf+ZY8kD5HnIqeIRJX7ccCT0QyBy2Ww==",
+      "version": "7.33.0",
+      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor-model/-/api-extractor-model-7.33.0.tgz",
+      "integrity": "sha512-cMrvErE9yJz8aImpRztUfbO085WRSI4nsvMQ+VNGgHxiQO7s5LAXrt+B35RUghIsn0JdNdqIzusXXtKgSnXh7Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@microsoft/tsdoc": "~0.16.0",
         "@microsoft/tsdoc-config": "~0.18.0",
-        "@rushstack/node-core-library": "5.19.1"
+        "@rushstack/node-core-library": "5.20.0"
       }
     },
     "node_modules/@microsoft/api-extractor/node_modules/lru-cache": {
@@ -5210,14 +5200,11 @@
       }
     },
     "node_modules/@npmcli/package-json/node_modules/balanced-match": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.2.tgz",
-      "integrity": "sha512-x0K50QvKQ97fdEz2kPehIerj+YTeptKF9hyYkKf6egnwmMWAkADiO0QCzSp0R5xN8FTZgYaBfSaue46Ej62nMg==",
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.3.tgz",
+      "integrity": "sha512-1pHv8LX9CpKut1Zp4EXey7Z8OfH11ONNH6Dhi2WDUt31VVZFXZzKwXcysBgqSumFCmR+0dqjMK5v5JiFHzi0+g==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "jackspeak": "^4.2.3"
-      },
       "engines": {
         "node": "20 || >=22"
       }
@@ -5236,13 +5223,13 @@
       }
     },
     "node_modules/@npmcli/package-json/node_modules/glob": {
-      "version": "13.0.3",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-13.0.3.tgz",
-      "integrity": "sha512-/g3B0mC+4x724v1TgtBlBtt2hPi/EWptsIAmXUx9Z2rvBYleQcsrmaOzd5LyL50jf/Soi83ZDJmw2+XqvH/EeA==",
+      "version": "13.0.5",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-13.0.5.tgz",
+      "integrity": "sha512-BzXxZg24Ibra1pbQ/zE7Kys4Ua1ks7Bn6pKLkVPZ9FZe4JQS6/Q7ef3LG1H+k7lUf5l4T3PLSyYyYJVYUvfgTw==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
-        "minimatch": "^10.2.0",
+        "minimatch": "^10.2.1",
         "minipass": "^7.1.2",
         "path-scurry": "^2.0.0"
       },
@@ -5254,9 +5241,9 @@
       }
     },
     "node_modules/@npmcli/package-json/node_modules/minimatch": {
-      "version": "10.2.0",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.0.tgz",
-      "integrity": "sha512-ugkC31VaVg9cF0DFVoADH12k6061zNZkZON+aX8AWsR9GhPcErkcMBceb6znR8wLERM2AkkOxy2nWRLpT9Jq5w==",
+      "version": "10.2.1",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.1.tgz",
+      "integrity": "sha512-MClCe8IL5nRRmawL6ib/eT4oLyeKMGCghibcDWK+J0hh0Q8kqSdia6BvbRMVk6mPa6WqUa5uR2oxt6C5jd533A==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
@@ -5691,9 +5678,9 @@
       "optional": true
     },
     "node_modules/@puppeteer/browsers": {
-      "version": "2.12.1",
-      "resolved": "https://registry.npmjs.org/@puppeteer/browsers/-/browsers-2.12.1.tgz",
-      "integrity": "sha512-fXa6uXLxfslBlus3MEpW8S6S9fe5RwmAE5Gd8u3krqOwnkZJV3/lQJiY3LaFdTctLLqJtyMgEUGkbDnRNf6vbQ==",
+      "version": "2.13.0",
+      "resolved": "https://registry.npmjs.org/@puppeteer/browsers/-/browsers-2.13.0.tgz",
+      "integrity": "sha512-46BZJYJjc/WwmKjsvDFykHtXrtomsCIrwYQPOP7VfMJoZY2bsDF9oROBABR3paDjDcmkUye1Pb1BqdcdiipaWA==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -6453,9 +6440,9 @@
       }
     },
     "node_modules/@rushstack/node-core-library": {
-      "version": "5.19.1",
-      "resolved": "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-5.19.1.tgz",
-      "integrity": "sha512-ESpb2Tajlatgbmzzukg6zyAhH+sICqJR2CNXNhXcEbz6UGCQfrKCtkxOpJTftWc8RGouroHG0Nud1SJAszvpmA==",
+      "version": "5.20.0",
+      "resolved": "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-5.20.0.tgz",
+      "integrity": "sha512-yix/WFzuMPvbECgQjdzjDqynv7YQnrcGUfy56WU7QWAVcoN4uB1wCwpt3heo/ghHp2nINrRecPtVS7sQmqY+OA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6531,9 +6518,9 @@
       "license": "ISC"
     },
     "node_modules/@rushstack/problem-matcher": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/@rushstack/problem-matcher/-/problem-matcher-0.1.1.tgz",
-      "integrity": "sha512-Fm5XtS7+G8HLcJHCWpES5VmeMyjAKaWeyZU5qPzZC+22mPlJzAsOxymHiWIfuirtPckX3aptWws+K2d0BzniJA==",
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@rushstack/problem-matcher/-/problem-matcher-0.2.0.tgz",
+      "integrity": "sha512-IHV2qdypwqEatMg8Ka9e/q26pu2tOyhG3fuJZtrrPA3O++ctW8y1p6oCeeeIV8v1/kJ3xJPtg1xdZshyNZb8sg==",
       "dev": true,
       "license": "MIT",
       "peerDependencies": {
@@ -6546,9 +6533,9 @@
       }
     },
     "node_modules/@rushstack/rig-package": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/@rushstack/rig-package/-/rig-package-0.6.0.tgz",
-      "integrity": "sha512-ZQmfzsLE2+Y91GF15c65L/slMRVhF6Hycq04D4TwtdGaUAbIXXg9c5pKA5KFU7M4QMaihoobp9JJYpYcaY3zOw==",
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/@rushstack/rig-package/-/rig-package-0.7.0.tgz",
+      "integrity": "sha512-iPHSnI/DtLPv2lydP9WWZczhD9knVCJWwLle1H01IYnvYNkhZX8rbnuUH+HEwcANd3YlLjCpXydWN3LMoLOxPw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6557,14 +6544,14 @@
       }
     },
     "node_modules/@rushstack/terminal": {
-      "version": "0.21.0",
-      "resolved": "https://registry.npmjs.org/@rushstack/terminal/-/terminal-0.21.0.tgz",
-      "integrity": "sha512-cLaI4HwCNYmknM5ns4G+drqdEB6q3dCPV423+d3TZeBusYSSm09+nR7CnhzJMjJqeRcdMAaLnrA4M/3xDz4R3w==",
+      "version": "0.22.0",
+      "resolved": "https://registry.npmjs.org/@rushstack/terminal/-/terminal-0.22.0.tgz",
+      "integrity": "sha512-z5O2g5dws5iFNe3hAutAKLPmQARJs/VEWMxdpyew+xm0ohw1qh1G6+wY0nUzFPrLiKQjU+8KNA11VAEMb46ETg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@rushstack/node-core-library": "5.19.1",
-        "@rushstack/problem-matcher": "0.1.1",
+        "@rushstack/node-core-library": "5.20.0",
+        "@rushstack/problem-matcher": "0.2.0",
         "supports-color": "~8.1.1"
       },
       "peerDependencies": {
@@ -6577,13 +6564,13 @@
       }
     },
     "node_modules/@rushstack/ts-command-line": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-5.2.0.tgz",
-      "integrity": "sha512-lYxCX0nDdkDtCkVpvF0m25ymf66SaMWuppbD6b7MdkIzvGXKBXNIVZlwBH/C0YfkanrupnICWf2n4z3AKSfaHw==",
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-5.3.0.tgz",
+      "integrity": "sha512-4hneaVxA5zPC8cwUGZtdvCUzGbW8A+b+qrBK3hYs/xO7TyWkgAMKxq/6FJY91fPG8awgmJ+s1w8GuqNXgxsTyw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@rushstack/terminal": "0.21.0",
+        "@rushstack/terminal": "0.22.0",
         "@types/argparse": "1.0.38",
         "argparse": "~1.0.9",
         "string-argv": "~0.3.1"
@@ -6700,17 +6687,18 @@
       "license": "MIT"
     },
     "node_modules/@stylistic/eslint-plugin": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@stylistic/eslint-plugin/-/eslint-plugin-4.4.1.tgz",
-      "integrity": "sha512-CEigAk7eOLyHvdgmpZsKFwtiqS2wFwI1fn4j09IU9GmD4euFM4jEBAViWeCqaNLlbX2k2+A/Fq9cje4HQBXuJQ==",
+      "version": "5.8.0",
+      "resolved": "https://registry.npmjs.org/@stylistic/eslint-plugin/-/eslint-plugin-5.8.0.tgz",
+      "integrity": "sha512-WNPVF/FfBAjyi3OA7gok8swRiImNLKI4dmV3iK/GC/0xSJR7eCzBFsw9hLZVgb1+MYNLy7aDsjohxN1hA/FIfQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/utils": "^8.32.1",
-        "eslint-visitor-keys": "^4.2.0",
-        "espree": "^10.3.0",
+        "@eslint-community/eslint-utils": "^4.9.1",
+        "@typescript-eslint/types": "^8.54.0",
+        "eslint-visitor-keys": "^4.2.1",
+        "espree": "^10.4.0",
         "estraverse": "^5.3.0",
-        "picomatch": "^4.0.2"
+        "picomatch": "^4.0.3"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -7062,17 +7050,17 @@
       }
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.55.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.55.0.tgz",
-      "integrity": "sha512-1y/MVSz0NglV1ijHC8OT49mPJ4qhPYjiK08YUQVbIOyu+5k862LKUHFkpKHWu//zmr7hDR2rhwUm6gnCGNmGBQ==",
+      "version": "8.56.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.56.0.tgz",
+      "integrity": "sha512-lRyPDLzNCuae71A3t9NEINBiTn7swyOhvUj3MyUOxb8x6g6vPEFoOU+ZRmGMusNC3X3YMhqMIX7i8ShqhT74Pw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/regexpp": "^4.12.2",
-        "@typescript-eslint/scope-manager": "8.55.0",
-        "@typescript-eslint/type-utils": "8.55.0",
-        "@typescript-eslint/utils": "8.55.0",
-        "@typescript-eslint/visitor-keys": "8.55.0",
+        "@typescript-eslint/scope-manager": "8.56.0",
+        "@typescript-eslint/type-utils": "8.56.0",
+        "@typescript-eslint/utils": "8.56.0",
+        "@typescript-eslint/visitor-keys": "8.56.0",
         "ignore": "^7.0.5",
         "natural-compare": "^1.4.0",
         "ts-api-utils": "^2.4.0"
@@ -7085,23 +7073,23 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "@typescript-eslint/parser": "^8.55.0",
-        "eslint": "^8.57.0 || ^9.0.0",
+        "@typescript-eslint/parser": "^8.56.0",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
         "typescript": ">=4.8.4 <6.0.0"
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "8.55.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.55.0.tgz",
-      "integrity": "sha512-4z2nCSBfVIMnbuu8uinj+f0o4qOeggYJLbjpPHka3KH1om7e+H9yLKTYgksTaHcGco+NClhhY2vyO3HsMH1RGw==",
+      "version": "8.56.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.56.0.tgz",
+      "integrity": "sha512-IgSWvLobTDOjnaxAfDTIHaECbkNlAlKv2j5SjpB2v7QHKv1FIfjwMy8FsDbVfDX/KjmCmYICcw7uGaXLhtsLNg==",
       "dev": true,
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@typescript-eslint/scope-manager": "8.55.0",
-        "@typescript-eslint/types": "8.55.0",
-        "@typescript-eslint/typescript-estree": "8.55.0",
-        "@typescript-eslint/visitor-keys": "8.55.0",
+        "@typescript-eslint/scope-manager": "8.56.0",
+        "@typescript-eslint/types": "8.56.0",
+        "@typescript-eslint/typescript-estree": "8.56.0",
+        "@typescript-eslint/visitor-keys": "8.56.0",
         "debug": "^4.4.3"
       },
       "engines": {
@@ -7112,19 +7100,19 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
         "typescript": ">=4.8.4 <6.0.0"
       }
     },
     "node_modules/@typescript-eslint/project-service": {
-      "version": "8.55.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.55.0.tgz",
-      "integrity": "sha512-zRcVVPFUYWa3kNnjaZGXSu3xkKV1zXy8M4nO/pElzQhFweb7PPtluDLQtKArEOGmjXoRjnUZ29NjOiF0eCDkcQ==",
+      "version": "8.56.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.56.0.tgz",
+      "integrity": "sha512-M3rnyL1vIQOMeWxTWIW096/TtVP+8W3p/XnaFflhmcFp+U4zlxUxWj4XwNs6HbDeTtN4yun0GNTTDBw/SvufKg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/tsconfig-utils": "^8.55.0",
-        "@typescript-eslint/types": "^8.55.0",
+        "@typescript-eslint/tsconfig-utils": "^8.56.0",
+        "@typescript-eslint/types": "^8.56.0",
         "debug": "^4.4.3"
       },
       "engines": {
@@ -7139,14 +7127,14 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.55.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.55.0.tgz",
-      "integrity": "sha512-fVu5Omrd3jeqeQLiB9f1YsuK/iHFOwb04bCtY4BSCLgjNbOD33ZdV6KyEqplHr+IlpgT0QTZ/iJ+wT7hvTx49Q==",
+      "version": "8.56.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.56.0.tgz",
+      "integrity": "sha512-7UiO/XwMHquH+ZzfVCfUNkIXlp/yQjjnlYUyYz7pfvlK3/EyyN6BK+emDmGNyQLBtLGaYrTAI6KOw8tFucWL2w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.55.0",
-        "@typescript-eslint/visitor-keys": "8.55.0"
+        "@typescript-eslint/types": "8.56.0",
+        "@typescript-eslint/visitor-keys": "8.56.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -7157,9 +7145,9 @@
       }
     },
     "node_modules/@typescript-eslint/tsconfig-utils": {
-      "version": "8.55.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.55.0.tgz",
-      "integrity": "sha512-1R9cXqY7RQd7WuqSN47PK9EDpgFUK3VqdmbYrvWJZYDd0cavROGn+74ktWBlmJ13NXUQKlZ/iAEQHI/V0kKe0Q==",
+      "version": "8.56.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.56.0.tgz",
+      "integrity": "sha512-bSJoIIt4o3lKXD3xmDh9chZcjCz5Lk8xS7Rxn+6l5/pKrDpkCwtQNQQwZ2qRPk7TkUYhrq3WPIHXOXlbXP0itg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -7174,15 +7162,15 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.55.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.55.0.tgz",
-      "integrity": "sha512-x1iH2unH4qAt6I37I2CGlsNs+B9WGxurP2uyZLRz6UJoZWDBx9cJL1xVN/FiOmHEONEg6RIufdvyT0TEYIgC5g==",
+      "version": "8.56.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.56.0.tgz",
+      "integrity": "sha512-qX2L3HWOU2nuDs6GzglBeuFXviDODreS58tLY/BALPC7iu3Fa+J7EOTwnX9PdNBxUI7Uh0ntP0YWGnxCkXzmfA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.55.0",
-        "@typescript-eslint/typescript-estree": "8.55.0",
-        "@typescript-eslint/utils": "8.55.0",
+        "@typescript-eslint/types": "8.56.0",
+        "@typescript-eslint/typescript-estree": "8.56.0",
+        "@typescript-eslint/utils": "8.56.0",
         "debug": "^4.4.3",
         "ts-api-utils": "^2.4.0"
       },
@@ -7194,14 +7182,14 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
         "typescript": ">=4.8.4 <6.0.0"
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "8.55.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.55.0.tgz",
-      "integrity": "sha512-ujT0Je8GI5BJWi+/mMoR0wxwVEQaxM+pi30xuMiJETlX80OPovb2p9E8ss87gnSVtYXtJoU9U1Cowcr6w2FE0w==",
+      "version": "8.56.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.56.0.tgz",
+      "integrity": "sha512-DBsLPs3GsWhX5HylbP9HNG15U0bnwut55Lx12bHB9MpXxQ+R5GC8MwQe+N1UFXxAeQDvEsEDY6ZYwX03K7Z6HQ==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -7214,16 +7202,16 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.55.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.55.0.tgz",
-      "integrity": "sha512-EwrH67bSWdx/3aRQhCoxDaHM+CrZjotc2UCCpEDVqfCE+7OjKAGWNY2HsCSTEVvWH2clYQK8pdeLp42EVs+xQw==",
+      "version": "8.56.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.56.0.tgz",
+      "integrity": "sha512-ex1nTUMWrseMltXUHmR2GAQ4d+WjkZCT4f+4bVsps8QEdh0vlBsaCokKTPlnqBFqqGaxilDNJG7b8dolW2m43Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/project-service": "8.55.0",
-        "@typescript-eslint/tsconfig-utils": "8.55.0",
-        "@typescript-eslint/types": "8.55.0",
-        "@typescript-eslint/visitor-keys": "8.55.0",
+        "@typescript-eslint/project-service": "8.56.0",
+        "@typescript-eslint/tsconfig-utils": "8.56.0",
+        "@typescript-eslint/types": "8.56.0",
+        "@typescript-eslint/visitor-keys": "8.56.0",
         "debug": "^4.4.3",
         "minimatch": "^9.0.5",
         "semver": "^7.7.3",
@@ -7268,17 +7256,17 @@
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "8.55.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.55.0.tgz",
-      "integrity": "sha512-BqZEsnPGdYpgyEIkDC1BadNY8oMwckftxBT+C8W0g1iKPdeqKZBtTfnvcq0nf60u7MkjFO8RBvpRGZBPw4L2ow==",
+      "version": "8.56.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.56.0.tgz",
+      "integrity": "sha512-RZ3Qsmi2nFGsS+n+kjLAYDPVlrzf7UhTffrDIKr+h2yzAlYP/y5ZulU0yeDEPItos2Ph46JAL5P/On3pe7kDIQ==",
       "dev": true,
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.9.1",
-        "@typescript-eslint/scope-manager": "8.55.0",
-        "@typescript-eslint/types": "8.55.0",
-        "@typescript-eslint/typescript-estree": "8.55.0"
+        "@typescript-eslint/scope-manager": "8.56.0",
+        "@typescript-eslint/types": "8.56.0",
+        "@typescript-eslint/typescript-estree": "8.56.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -7288,19 +7276,19 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
         "typescript": ">=4.8.4 <6.0.0"
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.55.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.55.0.tgz",
-      "integrity": "sha512-AxNRwEie8Nn4eFS1FzDMJWIISMGoXMb037sgCBJ3UR6o0fQTzr2tqN9WT+DkWJPhIdQCfV7T6D387566VtnCJA==",
+      "version": "8.56.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.56.0.tgz",
+      "integrity": "sha512-q+SL+b+05Ud6LbEE35qe4A99P+htKTKVbyiNEe45eCbJFyh/HVK9QXwlrbz+Q4L8SOW4roxSVwXYj4DMBT7Ieg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.55.0",
-        "eslint-visitor-keys": "^4.2.1"
+        "@typescript-eslint/types": "8.56.0",
+        "eslint-visitor-keys": "^5.0.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -7310,6 +7298,19 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
+    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-5.0.0.tgz",
+      "integrity": "sha512-A0XeIi7CXU7nPlfHS9loMYEKxUaONu/hTEzHTGba9Huu94Cq1hPivf+DE5erJozZOky0LfvXAyrV/tcswpLI0Q==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
     "node_modules/@vitejs/plugin-basic-ssl": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-2.1.0.tgz",
@@ -7925,9 +7926,9 @@
       }
     },
     "node_modules/b4a": {
-      "version": "1.7.4",
-      "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.7.4.tgz",
-      "integrity": "sha512-u20zJLDaSWpxaZ+zaAkEIB2dZZ1o+DF4T/MRbmsvGp9nletHOyiai19OzX1fF8xUBYsO1bPXxODvcd0978pnug==",
+      "version": "1.7.5",
+      "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.7.5.tgz",
+      "integrity": "sha512-iEsKNwDh1wiWTps1/hdkNdmBgDlDVZP5U57ZVOlt+dNFqpc/lpPouCIxZw+DYBgc4P9NDfIZMPNR4CHNhzwLIA==",
       "dev": true,
       "license": "Apache-2.0",
       "peerDependencies": {
@@ -8094,14 +8095,15 @@
       }
     },
     "node_modules/bare-stream": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/bare-stream/-/bare-stream-2.7.0.tgz",
-      "integrity": "sha512-oyXQNicV1y8nc2aKffH+BUHFRXmx6VrPzlnaEvMhram0nPBrKcEdcyBg5r08D0i8VxngHFAiVyn1QKXpSG0B8A==",
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/bare-stream/-/bare-stream-2.8.0.tgz",
+      "integrity": "sha512-reUN0M2sHRqCdG4lUK3Fw8w98eeUIZHL5c3H7Mbhk2yVBL+oofgaIp0ieLfD5QXwPCypBpmEEKU2WZKzbAk8GA==",
       "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "dependencies": {
-        "streamx": "^2.21.0"
+        "streamx": "^2.21.0",
+        "teex": "^1.0.1"
       },
       "peerDependencies": {
         "bare-buffer": "*",
@@ -8460,14 +8462,11 @@
       }
     },
     "node_modules/cacache/node_modules/balanced-match": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.2.tgz",
-      "integrity": "sha512-x0K50QvKQ97fdEz2kPehIerj+YTeptKF9hyYkKf6egnwmMWAkADiO0QCzSp0R5xN8FTZgYaBfSaue46Ej62nMg==",
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.3.tgz",
+      "integrity": "sha512-1pHv8LX9CpKut1Zp4EXey7Z8OfH11ONNH6Dhi2WDUt31VVZFXZzKwXcysBgqSumFCmR+0dqjMK5v5JiFHzi0+g==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "jackspeak": "^4.2.3"
-      },
       "engines": {
         "node": "20 || >=22"
       }
@@ -8486,13 +8485,13 @@
       }
     },
     "node_modules/cacache/node_modules/glob": {
-      "version": "13.0.3",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-13.0.3.tgz",
-      "integrity": "sha512-/g3B0mC+4x724v1TgtBlBtt2hPi/EWptsIAmXUx9Z2rvBYleQcsrmaOzd5LyL50jf/Soi83ZDJmw2+XqvH/EeA==",
+      "version": "13.0.5",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-13.0.5.tgz",
+      "integrity": "sha512-BzXxZg24Ibra1pbQ/zE7Kys4Ua1ks7Bn6pKLkVPZ9FZe4JQS6/Q7ef3LG1H+k7lUf5l4T3PLSyYyYJVYUvfgTw==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
-        "minimatch": "^10.2.0",
+        "minimatch": "^10.2.1",
         "minipass": "^7.1.2",
         "path-scurry": "^2.0.0"
       },
@@ -8514,9 +8513,9 @@
       }
     },
     "node_modules/cacache/node_modules/minimatch": {
-      "version": "10.2.0",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.0.tgz",
-      "integrity": "sha512-ugkC31VaVg9cF0DFVoADH12k6061zNZkZON+aX8AWsR9GhPcErkcMBceb6znR8wLERM2AkkOxy2nWRLpT9Jq5w==",
+      "version": "10.2.1",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.1.tgz",
+      "integrity": "sha512-MClCe8IL5nRRmawL6ib/eT4oLyeKMGCghibcDWK+J0hh0Q8kqSdia6BvbRMVk6mPa6WqUa5uR2oxt6C5jd533A==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
@@ -8734,14 +8733,14 @@
       }
     },
     "node_modules/cli-truncate/node_modules/string-width": {
-      "version": "8.1.1",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.1.1.tgz",
-      "integrity": "sha512-KpqHIdDL9KwYk22wEOg/VIqYbrnLeSApsKT/bSj6Ez7pn3CftUiLAv2Lccpq1ALcpLV9UX1Ppn92npZWu2w/aw==",
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.2.0.tgz",
+      "integrity": "sha512-6hJPQ8N0V0P3SNmP6h2J99RLuzrWz2gvT7VnK5tKvrNqJoyS9W4/Fb8mo31UiPvy00z7DQXkP2hnKBVav76thw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "get-east-asian-width": "^1.3.0",
-        "strip-ansi": "^7.1.0"
+        "get-east-asian-width": "^1.5.0",
+        "strip-ansi": "^7.1.2"
       },
       "engines": {
         "node": ">=20"
@@ -11014,9 +11013,9 @@
       }
     },
     "node_modules/get-east-asian-width": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.4.0.tgz",
-      "integrity": "sha512-QZjmEOC+IT1uk6Rx0sX22V6uHWVwbdbxf1faPqJ1QhLdGgsRGCZoyaQBm/piRdJy/D2um6hM1UP7ZEeQ4EkP+Q==",
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.5.0.tgz",
+      "integrity": "sha512-CQ+bEO+Tva/qlmw24dCejulK5pMzVnUOFOijVogd3KQs07HnRIgp8TGipvCCRT06xeYEbpbgwaCxglFyiuIcmA==",
       "license": "MIT",
       "engines": {
         "node": ">=18"
@@ -11609,9 +11608,9 @@
       }
     },
     "node_modules/hono": {
-      "version": "4.11.9",
-      "resolved": "https://registry.npmjs.org/hono/-/hono-4.11.9.tgz",
-      "integrity": "sha512-Eaw2YTGM6WOxA6CXbckaEvslr2Ne4NFsKrvc0v97JD5awbmeBLO5w9Ho9L9kmKonrwF9RJlW6BxT1PVv/agBHQ==",
+      "version": "4.11.10",
+      "resolved": "https://registry.npmjs.org/hono/-/hono-4.11.10.tgz",
+      "integrity": "sha512-kyWP5PAiMooEvGrA9jcD3IXF7ATu8+o7B3KCbPXid5se52NPqnOpM/r9qeW2heMnOekF4kqR1fXJqCYeCLKrZg==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -12471,22 +12470,6 @@
         "url": "https://bevry.me/fund"
       }
     },
-    "node_modules/jackspeak": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-4.2.3.tgz",
-      "integrity": "sha512-ykkVRwrYvFm1nb2AJfKKYPr0emF6IiXDYUaFx4Zn9ZuIH7MrzEZ3sD5RlqGXNRpHtvUHJyOnCEFxOlNDtGo7wg==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "dependencies": {
-        "@isaacs/cliui": "^9.0.0"
-      },
-      "engines": {
-        "node": "20 || >=22"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/jasmine-core": {
       "version": "4.6.1",
       "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-4.6.1.tgz",
@@ -13295,9 +13278,9 @@
       }
     },
     "node_modules/launch-editor": {
-      "version": "2.12.0",
-      "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.12.0.tgz",
-      "integrity": "sha512-giOHXoOtifjdHqUamwKq6c49GzBdLjvxrd2D+Q4V6uOHopJv7p9VJxikDsQ/CBXZbEITgUqSVHXLTG3VhPP1Dg==",
+      "version": "2.13.0",
+      "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.13.0.tgz",
+      "integrity": "sha512-u+9asUHMJ99lA15VRMXw5XKfySFR9dGXwgsgS14YTbUq3GITP58mIM32At90P5fZ+MUId5Yw+IwI/yKub7jnCQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -14043,11 +14026,11 @@
       }
     },
     "node_modules/minipass": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
-      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.3.tgz",
+      "integrity": "sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A==",
       "dev": true,
-      "license": "ISC",
+      "license": "BlueOak-1.0.0",
       "engines": {
         "node": ">=16 || 14 >=14.17"
       }
@@ -14860,14 +14843,14 @@
       }
     },
     "node_modules/ora/node_modules/string-width": {
-      "version": "8.1.1",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.1.1.tgz",
-      "integrity": "sha512-KpqHIdDL9KwYk22wEOg/VIqYbrnLeSApsKT/bSj6Ez7pn3CftUiLAv2Lccpq1ALcpLV9UX1Ppn92npZWu2w/aw==",
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.2.0.tgz",
+      "integrity": "sha512-6hJPQ8N0V0P3SNmP6h2J99RLuzrWz2gvT7VnK5tKvrNqJoyS9W4/Fb8mo31UiPvy00z7DQXkP2hnKBVav76thw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "get-east-asian-width": "^1.3.0",
-        "strip-ansi": "^7.1.0"
+        "get-east-asian-width": "^1.5.0",
+        "strip-ansi": "^7.1.2"
       },
       "engines": {
         "node": ">=20"
@@ -15640,18 +15623,18 @@
       "license": "MIT"
     },
     "node_modules/puppeteer": {
-      "version": "24.37.3",
-      "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-24.37.3.tgz",
-      "integrity": "sha512-AUGGWq0BhPM+IOS2U9A+ZREH3HDFkV1Y5HERYGDg5cbGXjoGsTCT7/A6VZRfNU0UJJdCclyEimZICkZW6pqJyw==",
+      "version": "24.37.4",
+      "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-24.37.4.tgz",
+      "integrity": "sha512-SMSq+FL3gnglolhrIks3maRkrdQEjoDCesy6FXziMPWsF1DxoX+GVxRa82y+euzkzS52/UujM/BoaFPQ+AnPXQ==",
       "dev": true,
       "hasInstallScript": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@puppeteer/browsers": "2.12.1",
+        "@puppeteer/browsers": "2.13.0",
         "chromium-bidi": "14.0.0",
         "cosmiconfig": "^9.0.0",
         "devtools-protocol": "0.0.1566079",
-        "puppeteer-core": "24.37.3",
+        "puppeteer-core": "24.37.4",
         "typed-query-selector": "^2.12.0"
       },
       "bin": {
@@ -15662,13 +15645,13 @@
       }
     },
     "node_modules/puppeteer-core": {
-      "version": "24.37.3",
-      "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-24.37.3.tgz",
-      "integrity": "sha512-fokQ8gv+hNgsRWqVuP5rUjGp+wzV5aMTP3fcm8ekNabmLGlJdFHas1OdMscAH9Gzq4Qcf7cfI/Pe6wEcAqQhqg==",
+      "version": "24.37.4",
+      "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-24.37.4.tgz",
+      "integrity": "sha512-sQYtYgaNaLYO82k2FHmr7bR1tCmo2fBupEI7Kd0WpBlMropNcfxSTLOJXVRkhiHig0dUiMI7g0yq+HJI1IDCzg==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@puppeteer/browsers": "2.12.1",
+        "@puppeteer/browsers": "2.13.0",
         "chromium-bidi": "14.0.0",
         "debug": "^4.4.3",
         "devtools-protocol": "0.0.1566079",
@@ -19463,18 +19446,18 @@
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "@angular/animations": "^21.1.4",
-        "@angular/cdk": "^21.1.4",
-        "@angular/common": "^21.1.4",
-        "@angular/compiler": "^21.1.4",
-        "@angular/compiler-cli": "^21.1.4",
-        "@angular/core": "^21.1.4",
-        "@angular/elements": "^21.1.4",
-        "@angular/forms": "^21.1.4",
-        "@angular/material": "^21.1.4",
-        "@angular/platform-browser": "^21.1.4",
-        "@angular/platform-browser-dynamic": "^21.1.4",
-        "@angular/router": "^21.1.4",
+        "@angular/animations": "^21.1.5",
+        "@angular/cdk": "^21.1.5",
+        "@angular/common": "^21.1.5",
+        "@angular/compiler": "^21.1.5",
+        "@angular/compiler-cli": "^21.1.5",
+        "@angular/core": "^21.1.5",
+        "@angular/elements": "^21.1.5",
+        "@angular/forms": "^21.1.5",
+        "@angular/material": "^21.1.5",
+        "@angular/platform-browser": "^21.1.5",
+        "@angular/platform-browser-dynamic": "^21.1.5",
+        "@angular/router": "^21.1.5",
         "@laserfiche/lf-api-client-core": "^1.1.18",
         "@laserfiche/lf-js-utils": "^4.0.13",
         "@laserfiche/lf-resource-library": "^5.0.3",
diff --git a/package.json b/package.json
index 368ed79e..7e6bfc1f 100644
--- a/package.json
+++ b/package.json
@@ -43,15 +43,15 @@
     "@angular-eslint/schematics": "^21.2.0",
     "@angular-eslint/template-parser": "^21.2.0",
     "@angular/cli": "^21.1.4",
-    "@microsoft/api-extractor": "^7.56.3",
-    "@stylistic/eslint-plugin": "^4.2.0",
+    "@microsoft/api-extractor": "^7.57.0",
+    "@stylistic/eslint-plugin": "^5.8.0",
     "@types/jasmine": "^3.6.0",
     "@types/lodash": "^4.17.23",
     "@types/node": "^24.10.12",
-    "@typescript-eslint/eslint-plugin": "^8.54.0",
-    "@typescript-eslint/parser": "^8.54.0",
+    "@typescript-eslint/eslint-plugin": "^8.56.0",
+    "@typescript-eslint/parser": "^8.56.0",
     "date-fns": "^4.1.0",
-    "eslint": "^9.26.0",
+    "eslint": "^9.39.2",
     "flatpickr": "^4.6.13",
     "gulp": "^5.0.1",
     "gulp-concat": "^2.6.1",
@@ -65,24 +65,24 @@
     "karma-jasmine-html-reporter": "^1.7.0",
     "karma-junit-reporter": "^2.0.1",
     "ng-packagr": "^21.1.0",
-    "puppeteer": "^24",
+    "puppeteer": "^24.37.4",
     "tslib": "^2.8.1",
     "typescript": "5.9.3",
     "yargs": "^18.0.0"
   },
   "peerDependencies": {
-    "@angular/animations": "^21.1.4",
-    "@angular/cdk": "^21.1.4",
-    "@angular/common": "^21.1.4",
-    "@angular/compiler": "^21.1.4",
-    "@angular/compiler-cli": "^21.1.4",
-    "@angular/core": "^21.1.4",
-    "@angular/elements": "^21.1.4",
-    "@angular/forms": "^21.1.4",
-    "@angular/material": "^21.1.4",
-    "@angular/platform-browser": "^21.1.4",
-    "@angular/platform-browser-dynamic": "^21.1.4",
-    "@angular/router": "^21.1.4",
+    "@angular/animations": "^21.1.5",
+    "@angular/cdk": "^21.1.5",
+    "@angular/common": "^21.1.5",
+    "@angular/compiler": "^21.1.5",
+    "@angular/compiler-cli": "^21.1.5",
+    "@angular/core": "^21.1.5",
+    "@angular/elements": "^21.1.5",
+    "@angular/forms": "^21.1.5",
+    "@angular/material": "^21.1.5",
+    "@angular/platform-browser": "^21.1.5",
+    "@angular/platform-browser-dynamic": "^21.1.5",
+    "@angular/router": "^21.1.5",
     "@laserfiche/lf-api-client-core": "^1.1.10",
     "@laserfiche/lf-js-utils": "^4.0.13",
     "@laserfiche/lf-resource-library": "^5.0.3",
diff --git a/projects/ui-components/package-lock.json b/projects/ui-components/package-lock.json
index e011bf91..035cb62d 100644
--- a/projects/ui-components/package-lock.json
+++ b/projects/ui-components/package-lock.json
@@ -12,18 +12,18 @@
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "@angular/animations": "^21.1.4",
-        "@angular/cdk": "^21.1.4",
-        "@angular/common": "^21.1.4",
-        "@angular/compiler": "^21.1.4",
-        "@angular/compiler-cli": "^21.1.4",
-        "@angular/core": "^21.1.4",
-        "@angular/elements": "^21.1.4",
-        "@angular/forms": "^21.1.4",
-        "@angular/material": "^21.1.4",
-        "@angular/platform-browser": "^21.1.4",
-        "@angular/platform-browser-dynamic": "^21.1.4",
-        "@angular/router": "^21.1.4",
+        "@angular/animations": "^21.1.5",
+        "@angular/cdk": "^21.1.5",
+        "@angular/common": "^21.1.5",
+        "@angular/compiler": "^21.1.5",
+        "@angular/compiler-cli": "^21.1.5",
+        "@angular/core": "^21.1.5",
+        "@angular/elements": "^21.1.5",
+        "@angular/forms": "^21.1.5",
+        "@angular/material": "^21.1.5",
+        "@angular/platform-browser": "^21.1.5",
+        "@angular/platform-browser-dynamic": "^21.1.5",
+        "@angular/router": "^21.1.5",
         "@laserfiche/lf-api-client-core": "^1.1.18",
         "@laserfiche/lf-js-utils": "^4.0.13",
         "@laserfiche/lf-resource-library": "^5.0.3",
@@ -36,9 +36,9 @@
       }
     },
     "node_modules/@angular/animations": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-21.1.4.tgz",
-      "integrity": "sha512-8xQ0Ylw7qqVyw4ZJ/Tyw/z5Mtqtp8AMj+R+Z1sCWcyxBgDU4+qfxteVYdiipWC3tX77A0FTsXqwvNP9WVY2/WA==",
+      "version": "21.1.5",
+      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-21.1.5.tgz",
+      "integrity": "sha512-gsqHX8lCYV8cgVtHs0iLwrX8SVlmcjUF44l/xCc/jBC/TeKWRl2e6Jqrn1Wcd0NDlGiNsm+mYNyqMyy5/I7kjw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -48,13 +48,13 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "21.1.4"
+        "@angular/core": "21.1.5"
       }
     },
     "node_modules/@angular/cdk": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.1.4.tgz",
-      "integrity": "sha512-PElA4Ww4TIa3+B/ND+fm8ZPDKONTIqc9a/s0qNxhcAD9IpDqjaBVi/fyg+ZWBtS+x0DQgJtKeCsSZ6sr2aFQaQ==",
+      "version": "21.1.5",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.1.5.tgz",
+      "integrity": "sha512-AlQPgqe3LLwXCyrDwYSX3m/WKnl2ppCMW7Gb+7bJpIcpMdWYEpSOSQF318jXGYIysKg43YbdJ1tWhJWY/cbn3w==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -69,9 +69,9 @@
       }
     },
     "node_modules/@angular/common": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular/common/-/common-21.1.4.tgz",
-      "integrity": "sha512-1uOxPrHO9PFZBU/JavzYzjxAm+5x7vD2z6AeUndqdT4LjqOBIePswxFDRqM9dlfF8FIwnnfmNFipiC/yQjJSnA==",
+      "version": "21.1.5",
+      "resolved": "https://registry.npmjs.org/@angular/common/-/common-21.1.5.tgz",
+      "integrity": "sha512-olO2F0b+H8YBfsuQFEwo9Hjf+B714xGcttDW37+4jnY2IRS2uYeMu2RGIpY7ps+0uZ017c4iK3CCgSPBgmbTcA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -81,14 +81,14 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "21.1.4",
+        "@angular/core": "21.1.5",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/compiler": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-21.1.4.tgz",
-      "integrity": "sha512-H0qtASeqOTaS44ioF4DYE/yNqwzUmEJpMYrcNEUFEwA20/DkLzyoaEx4y1CjIxtXxuhtge95PNymDBOLWSjIdg==",
+      "version": "21.1.5",
+      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-21.1.5.tgz",
+      "integrity": "sha512-yRUdWlL+AWcTL4d7zD0jkNqsjvxXpWEihvOfD2gc65DO0+E80DsWIpHq9A8yWeLukbfLcmBGI2QbfW9+SXAlvg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -99,9 +99,9 @@
       }
     },
     "node_modules/@angular/compiler-cli": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-21.1.4.tgz",
-      "integrity": "sha512-Uw8KmpVCo58/f5wf6pY8ZS5fodv65hn5jxms8Nv/K7/LVe3i1nNFrHyneBx5+a7qkz93nSV4rdwBVnMvjIyr+g==",
+      "version": "21.1.5",
+      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-21.1.5.tgz",
+      "integrity": "sha512-i2r2bQuWdjjFGTd2TA7FtCWNx5yJ3BMoyTGUC9lzSfmxWAfcH/NWR+6OdaEVwv6Zap3IXYYxs8S+REkx954EwA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -122,7 +122,7 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/compiler": "21.1.4",
+        "@angular/compiler": "21.1.5",
         "typescript": ">=5.9 <6.0"
       },
       "peerDependenciesMeta": {
@@ -132,9 +132,9 @@
       }
     },
     "node_modules/@angular/core": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular/core/-/core-21.1.4.tgz",
-      "integrity": "sha512-QBDO5SaVYTVQ0fIN9Qd7US9cUCgs2vM9x6K18PTUKmygIkHVHTFdzwm4MO5gpCOFzJseGbS+dNzqn+v0PaKf9g==",
+      "version": "21.1.5",
+      "resolved": "https://registry.npmjs.org/@angular/core/-/core-21.1.5.tgz",
+      "integrity": "sha512-m61YHiyE+SIvS8UXcFLjYCucv6ShJJCwz9xxEk7ysYW9wOtHdfIf9tgyOsucZDAvrvpSyQLRj5jGBCGm1VIvXA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -144,7 +144,7 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/compiler": "21.1.4",
+        "@angular/compiler": "21.1.5",
         "rxjs": "^6.5.3 || ^7.4.0",
         "zone.js": "~0.15.0 || ~0.16.0"
       },
@@ -158,9 +158,9 @@
       }
     },
     "node_modules/@angular/elements": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular/elements/-/elements-21.1.4.tgz",
-      "integrity": "sha512-OJTxfzdh77LeoFiAbW/s38Kks4HTEyeJTxMzZqA3aWF8ZCa5DNai6aB2F20QbhJdrr/NAITjlDf8gM4c2XJgxw==",
+      "version": "21.1.5",
+      "resolved": "https://registry.npmjs.org/@angular/elements/-/elements-21.1.5.tgz",
+      "integrity": "sha512-SoXNNLEBn9w3NP5vZJiMQfdiJ1FLY0VuDP5VvscPVqebh/nfpDw7jOu8Pb2S9wTANsfmlFX4QK1ehl3nJVY/Fw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -170,14 +170,14 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "21.1.4",
+        "@angular/core": "21.1.5",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/forms": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-21.1.4.tgz",
-      "integrity": "sha512-duVT/eOncmFNBYRlK/F7WDg6GD1vL1mxUrDdnp7M9J8JvNrKH0PvdfzuOAmjbB8/bsvUNTLFXCV4+43Mc2Hqsw==",
+      "version": "21.1.5",
+      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-21.1.5.tgz",
+      "integrity": "sha512-Z8Vcgz5KYlCobRxLjyGGUBv0mA4nusuiD36GqYRn3sR780TLDcPFVwTCwVEWLdwID64oiHXG+x9jjU/Z3HzR6A==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -188,23 +188,23 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "21.1.4",
-        "@angular/core": "21.1.4",
-        "@angular/platform-browser": "21.1.4",
+        "@angular/common": "21.1.5",
+        "@angular/core": "21.1.5",
+        "@angular/platform-browser": "21.1.5",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/material": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-21.1.4.tgz",
-      "integrity": "sha512-Vte+4os5JexhtaPk7Duk5bIC+zU5SYF7ZHUnpmAJxW0u4D4C9lpTVepm2bfMVV2AxHjHVAnW+/anINIS401UsA==",
+      "version": "21.1.5",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-21.1.5.tgz",
+      "integrity": "sha512-D6JvFulPvIKhPJ52prMV7DxwYMzcUpHar11ZcMb7r9WQzUfCS3FDPXfMAce5n3h+3kFccfmmGpnyBwqTlLPSig==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/cdk": "21.1.4",
+        "@angular/cdk": "21.1.5",
         "@angular/common": "^21.0.0 || ^22.0.0",
         "@angular/core": "^21.0.0 || ^22.0.0",
         "@angular/forms": "^21.0.0 || ^22.0.0",
@@ -213,9 +213,9 @@
       }
     },
     "node_modules/@angular/platform-browser": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-21.1.4.tgz",
-      "integrity": "sha512-S6Iw5CkORih5omh+MQY35w0bUBxdSFAPLDg386S6/9fEUjDClo61hvXNKxaNh9g7tnh1LD7zmTmKrqufnhnFDQ==",
+      "version": "21.1.5",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-21.1.5.tgz",
+      "integrity": "sha512-rAN0cu05Pg7HHe9JMRd3g5JyyVCeFW8QiB/jG6klUrOTF4QzyCbmwlm7MX0uTx3CWAZraWCGbdahUkLyYtuqFA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -225,9 +225,9 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/animations": "21.1.4",
-        "@angular/common": "21.1.4",
-        "@angular/core": "21.1.4"
+        "@angular/animations": "21.1.5",
+        "@angular/common": "21.1.5",
+        "@angular/core": "21.1.5"
       },
       "peerDependenciesMeta": {
         "@angular/animations": {
@@ -236,9 +236,9 @@
       }
     },
     "node_modules/@angular/platform-browser-dynamic": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-21.1.4.tgz",
-      "integrity": "sha512-lThgNDFHPQyrx0liNX3x8wHcgp1sd/Dym19zm1PSQ67k6J4snwxZFhNlwFHVr1K86XvX/vilyeR2edPLe9lF3Q==",
+      "version": "21.1.5",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-21.1.5.tgz",
+      "integrity": "sha512-Pd8nPbJSIONnze1WS9wLBAtaFw4TYIH+ZGjKHS9G1E9l09tDWtHWyB7dY82Sc//Nc8iR4V7dcsbUmFjOJHThww==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -248,16 +248,16 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "21.1.4",
-        "@angular/compiler": "21.1.4",
-        "@angular/core": "21.1.4",
-        "@angular/platform-browser": "21.1.4"
+        "@angular/common": "21.1.5",
+        "@angular/compiler": "21.1.5",
+        "@angular/core": "21.1.5",
+        "@angular/platform-browser": "21.1.5"
       }
     },
     "node_modules/@angular/router": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.1.4.tgz",
-      "integrity": "sha512-nPYuRJ8ub/X8GK55U2KqYy/ducVRn6HSoDmZz0yiXtI6haFsZlv9R1j5zi0EDIqrrN0HGARMs6jNDXZC1Ded3w==",
+      "version": "21.1.5",
+      "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.1.5.tgz",
+      "integrity": "sha512-OjFn6Nw51CU712CMbl2U9TxlCkzOmjMLYPAfnV4+RdG7o+/eOS2nV0oapJ88RNCw7Yl04PA1amc3ql3agDFd4A==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -267,9 +267,9 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "21.1.4",
-        "@angular/core": "21.1.4",
-        "@angular/platform-browser": "21.1.4",
+        "@angular/common": "21.1.5",
+        "@angular/core": "21.1.5",
+        "@angular/platform-browser": "21.1.5",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
@@ -301,7 +301,6 @@
       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.5.tgz",
       "integrity": "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.27.1",
         "@babel/generator": "^7.28.5",
@@ -808,9 +807,9 @@
       }
     },
     "node_modules/get-east-asian-width": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.4.0.tgz",
-      "integrity": "sha512-QZjmEOC+IT1uk6Rx0sX22V6uHWVwbdbxf1faPqJ1QhLdGgsRGCZoyaQBm/piRdJy/D2um6hM1UP7ZEeQ4EkP+Q==",
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.5.0.tgz",
+      "integrity": "sha512-CQ+bEO+Tva/qlmw24dCejulK5pMzVnUOFOijVogd3KQs07HnRIgp8TGipvCCRT06xeYEbpbgwaCxglFyiuIcmA==",
       "license": "MIT",
       "engines": {
         "node": ">=18"
diff --git a/projects/ui-components/package.json b/projects/ui-components/package.json
index d29f3006..95773d8b 100644
--- a/projects/ui-components/package.json
+++ b/projects/ui-components/package.json
@@ -7,18 +7,18 @@
     "url": "https://github.com/Laserfiche/lf-ui-components"
   },
   "peerDependencies": {
-    "@angular/animations": "^21.1.4",
-    "@angular/cdk": "^21.1.4",
-    "@angular/common": "^21.1.4",
-    "@angular/compiler": "^21.1.4",
-    "@angular/compiler-cli": "^21.1.4",
-    "@angular/core": "^21.1.4",
-    "@angular/elements": "^21.1.4",
-    "@angular/forms": "^21.1.4",
-    "@angular/material": "^21.1.4",
-    "@angular/platform-browser": "^21.1.4",
-    "@angular/platform-browser-dynamic": "^21.1.4",
-    "@angular/router": "^21.1.4",
+    "@angular/animations": "^21.1.5",
+    "@angular/cdk": "^21.1.5",
+    "@angular/common": "^21.1.5",
+    "@angular/compiler": "^21.1.5",
+    "@angular/compiler-cli": "^21.1.5",
+    "@angular/core": "^21.1.5",
+    "@angular/elements": "^21.1.5",
+    "@angular/forms": "^21.1.5",
+    "@angular/material": "^21.1.5",
+    "@angular/platform-browser": "^21.1.5",
+    "@angular/platform-browser-dynamic": "^21.1.5",
+    "@angular/router": "^21.1.5",
     "@laserfiche/lf-api-client-core": "^1.1.18",
     "@laserfiche/lf-js-utils": "^4.0.13",
     "@laserfiche/lf-resource-library": "^5.0.3",

From 07b3f1187190f80bf5950c4a7a1ec1e7dd558b9f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Thu, 19 Feb 2026 14:57:48 +0200
Subject: [PATCH 07/43] Migrate to zoneless change detection (remove zone.js as
 dependency)

---
 angular.json                                  |  12 +-
 package-lock.json                             |  88 ++-----------
 package.json                                  |   5 +-
 .../lf-cdn/src/environments/environment.ts    |   9 --
 projects/lf-cdn/src/main.ts                   |   3 +-
 projects/lf-cdn/src/polyfills.ts              |  35 -----
 projects/lf-cdn/src/test.ts                   |  12 +-
 .../lf-documentation/src/app/app.config.ts    |   4 +-
 .../example-usage-in-angular.component.html   |   5 -
 .../getting-started.component.html            |  11 --
 .../src/environments/environment.ts           |   9 --
 projects/lf-documentation/src/polyfills.ts    |  35 -----
 projects/lf-documentation/src/test.ts         |  15 +--
 .../lf-toast-message.component.html           |  42 +++---
 .../lf-toast-message.component.ts             |  16 ++-
 .../lf-checklist/lf-checklist.component.ts    |  17 ++-
 .../uni-date-time.component.ts                |   6 +-
 .../lf-field-adhoc-container.component.ts     |  71 +++++------
 .../lf-field-container.component.ts           |  39 +++---
 .../lf-field-template-container.component.ts  |  58 ++++-----
 .../lf-repository-browser.component.spec.ts   |   7 +-
 .../lf-repository-browser.component.ts        |  60 ++++-----
 projects/ui-components/package-lock.json      | 120 +++++++++++-------
 projects/ui-components/package.json           |   2 -
 projects/ui-components/test.ts                |  16 +--
 25 files changed, 262 insertions(+), 435 deletions(-)

diff --git a/angular.json b/angular.json
index 91bf8b5a..2ca9edf8 100644
--- a/angular.json
+++ b/angular.json
@@ -19,9 +19,7 @@
           "options": {
             "outputPath": "dist/lf-cdn",
             "index": "projects/lf-cdn/src/index.html",
-            "polyfills": [
-              "zone.js"
-            ],
+            "polyfills": [],
             "tsConfig": "projects/lf-cdn/tsconfig.app.json",
             "assets": [
               "projects/lf-cdn/src/favicon.ico",
@@ -93,7 +91,7 @@
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "polyfills": ["zone.js", "zone.js/testing"],
+            "polyfills": [],
             "tsConfig": "projects/lf-cdn/tsconfig.spec.json",
             "karmaConfig": "projects/lf-cdn/karma.conf.js",
             "assets": [
@@ -133,9 +131,7 @@
           "options": {
             "outputPath": "dist/lf-documentation",
             "index": "projects/lf-documentation/src/index.html",
-            "polyfills": [
-              "zone.js"
-            ],
+            "polyfills": [],
             "tsConfig": "projects/lf-documentation/tsconfig.app.json",
             "assets": [
               "projects/lf-documentation/src/favicon.ico",
@@ -209,7 +205,7 @@
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "polyfills": ["zone.js", "zone.js/testing"],
+            "polyfills": [],
             "tsConfig": "projects/lf-documentation/tsconfig.spec.json",
             "karmaConfig": "projects/lf-documentation/karma.conf.js",
             "assets": [
diff --git a/package-lock.json b/package-lock.json
index 6a2d11b8..909736cb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -57,14 +57,12 @@
         "@angular/forms": "^21.1.5",
         "@angular/material": "^21.1.5",
         "@angular/platform-browser": "^21.1.5",
-        "@angular/platform-browser-dynamic": "^21.1.5",
         "@angular/router": "^21.1.5",
         "@laserfiche/lf-api-client-core": "^1.1.10",
         "@laserfiche/lf-js-utils": "^4.0.13",
         "@laserfiche/lf-resource-library": "^5.0.3",
         "ngx-mask": "^21.0.1",
-        "rxjs": "^7.8.0",
-        "zone.js": "^0.16.0"
+        "rxjs": "^7.8.0"
       }
     },
     "node_modules/@algolia/abtesting": {
@@ -594,7 +592,6 @@
       "integrity": "sha512-TCb3qYOC/uXKZCo56cJ6N9sHeWdFhyVqrbbYfFjTi09081T6jllgHDZL5Ms7gOMNY8KywWGGbhxwvzeA0RwTgA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@angular-eslint/bundled-angular-compiler": "21.2.0",
         "eslint-scope": "^9.0.0"
@@ -758,7 +755,6 @@
       "integrity": "sha512-XsMHgxTvHGiXXrhYZz3zMZYhYU0gHdpoHKGiEKXwcx+S1KoYbIssyg6oF2Kq49ZaE0OYCTKjnvgDce6ZqdkJ/A==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@angular-devkit/architect": "0.2101.4",
         "@angular-devkit/core": "21.1.4",
@@ -956,25 +952,6 @@
         }
       }
     },
-    "node_modules/@angular/platform-browser-dynamic": {
-      "version": "21.1.5",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-21.1.5.tgz",
-      "integrity": "sha512-Pd8nPbJSIONnze1WS9wLBAtaFw4TYIH+ZGjKHS9G1E9l09tDWtHWyB7dY82Sc//Nc8iR4V7dcsbUmFjOJHThww==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "tslib": "^2.3.0"
-      },
-      "engines": {
-        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
-      },
-      "peerDependencies": {
-        "@angular/common": "21.1.5",
-        "@angular/compiler": "21.1.5",
-        "@angular/core": "21.1.5",
-        "@angular/platform-browser": "21.1.5"
-      }
-    },
     "node_modules/@angular/router": {
       "version": "21.1.5",
       "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.1.5.tgz",
@@ -1022,7 +999,6 @@
       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.5.tgz",
       "integrity": "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.27.1",
         "@babel/generator": "^7.28.5",
@@ -3641,7 +3617,6 @@
       "integrity": "sha512-Dx/y9bCQcXLI5ooQ5KyvA4FTgeo2jYj/7plWfV5Ak5wDPKQZgudKez2ixyfz7tKXzcJciTxqLeK7R9HItwiByg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@inquirer/checkbox": "^4.3.2",
         "@inquirer/confirm": "^5.1.21",
@@ -6684,7 +6659,8 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz",
       "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/@stylistic/eslint-plugin": {
       "version": "5.8.0",
@@ -6928,7 +6904,6 @@
       "integrity": "sha512-oH72nZRfDv9lADUBSo104Aq7gPHpQZc4BTx38r9xf9pg5LfP6EzSyH2n7qFmmxRQXh7YlUXODcYsg6PuTDSxGg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "undici-types": "~7.16.0"
       }
@@ -7084,7 +7059,6 @@
       "integrity": "sha512-IgSWvLobTDOjnaxAfDTIHaECbkNlAlKv2j5SjpB2v7QHKv1FIfjwMy8FsDbVfDX/KjmCmYICcw7uGaXLhtsLNg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.56.0",
         "@typescript-eslint/types": "8.56.0",
@@ -7192,7 +7166,6 @@
       "integrity": "sha512-DBsLPs3GsWhX5HylbP9HNG15U0bnwut55Lx12bHB9MpXxQ+R5GC8MwQe+N1UFXxAeQDvEsEDY6ZYwX03K7Z6HQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
@@ -7261,7 +7234,6 @@
       "integrity": "sha512-RZ3Qsmi2nFGsS+n+kjLAYDPVlrzf7UhTffrDIKr+h2yzAlYP/y5ZulU0yeDEPItos2Ph46JAL5P/On3pe7kDIQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.9.1",
         "@typescript-eslint/scope-manager": "8.56.0",
@@ -7536,7 +7508,6 @@
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -7612,7 +7583,6 @@
       "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.3",
         "fast-uri": "^3.0.1",
@@ -8355,7 +8325,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.9.0",
         "caniuse-lite": "^1.0.30001759",
@@ -8631,7 +8600,6 @@
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
       "integrity": "sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "readdirp": "^5.0.0"
       },
@@ -9421,7 +9389,6 @@
       "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.1.0.tgz",
       "integrity": "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==",
       "license": "MIT",
-      "peer": true,
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/kossnocorp"
@@ -9583,8 +9550,7 @@
       "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.1566079.tgz",
       "integrity": "sha512-MJfAEA1UfVhSs7fbSQOG4czavUp1ajfg6prlAN0+cmfa2zNjaIbvq8VneP7do1WAQQIvgNJWSMeP6UyI90gIlQ==",
       "dev": true,
-      "license": "BSD-3-Clause",
-      "peer": true
+      "license": "BSD-3-Clause"
     },
     "node_modules/di": {
       "version": "0.0.1",
@@ -10152,7 +10118,6 @@
       "integrity": "sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.1",
@@ -10474,7 +10439,6 @@
       "integrity": "sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "accepts": "^2.0.0",
         "body-parser": "^2.2.1",
@@ -10832,8 +10796,7 @@
       "version": "4.6.13",
       "resolved": "https://registry.npmjs.org/flatpickr/-/flatpickr-4.6.13.tgz",
       "integrity": "sha512-97PMG/aywoYpB4IvbvUJi0RQi8vearvU0oov1WW3k0WZPBMrTQVqekSX5CjSG/M4Q3i6A/0FKXC7RyAoAUUSPw==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/flatted": {
       "version": "3.3.3",
@@ -11613,7 +11576,6 @@
       "integrity": "sha512-kyWP5PAiMooEvGrA9jcD3IXF7ATu8+o7B3KCbPXid5se52NPqnOpM/r9qeW2heMnOekF4kqR1fXJqCYeCLKrZg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=16.9.0"
       }
@@ -12475,8 +12437,7 @@
       "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-4.6.1.tgz",
       "integrity": "sha512-VYz/BjjmC3klLJlLwA4Kw8ytk0zDSmbbDLNs794VnWmkcCB7I9aAL/D48VNQtmITyPvea2C3jdUMfc3kAoy0PQ==",
       "dev": true,
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/jest-worker": {
       "version": "27.5.1",
@@ -12499,7 +12460,6 @@
       "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "bin": {
         "jiti": "lib/jiti-cli.mjs"
       }
@@ -12643,6 +12603,7 @@
       "resolved": "https://registry.npmjs.org/jsrsasign/-/jsrsasign-11.1.0.tgz",
       "integrity": "sha512-Ov74K9GihaK9/9WncTe1mPmvrO7Py665TUfUKvraXBpu+xcTWitrtuOwcjf4KMU9maPaYn0OuaWy0HOzy/GBXg==",
       "license": "MIT",
+      "peer": true,
       "funding": {
         "url": "https://github.com/kjur/jsrsasign#donations"
       }
@@ -12651,6 +12612,7 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/jsrsasign-util/-/jsrsasign-util-1.0.5.tgz",
       "integrity": "sha512-e5Kp8aaT5GH2c5X8j4uaJruYmT4GcnaGb47nw8m60YqPywtnOtTISZ9hZgtZ3a+jh7B27bU2LCf3Y32wZyfhtQ==",
+      "peer": true,
       "dependencies": {
         "jsonc-parser": ">= 0.0.1",
         "jsrsasign": ">= 4.8.2"
@@ -12662,7 +12624,6 @@
       "integrity": "sha512-LrtUxbdvt1gOpo3gxG+VAJlJAEMhbWlM4YrFQgql98FwF7+K8K12LYO4hnDdUkNjeztYrOXEMqgTajSWgmtI/w==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@colors/colors": "1.5.0",
         "body-parser": "^1.19.0",
@@ -13304,7 +13265,6 @@
       "integrity": "sha512-j1n1IuTX1VQjIy3tT7cyGbX7nvQOsFLoIqobZv4ttI5axP923gA44zUj6miiA6R5Aoms4sEGVIIcucXUbRI14g==",
       "dev": true,
       "license": "Apache-2.0",
-      "peer": true,
       "dependencies": {
         "copy-anything": "^2.0.1",
         "parse-node-version": "^1.0.1",
@@ -13468,7 +13428,6 @@
       "integrity": "sha512-ME4Fb83LgEgwNw96RKNvKV4VTLuXfoKudAmm2lP8Kk87KaMK0/Xrx/aAkMWmT8mDb+3MlFDspfbCs7adjRxA2g==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "cli-truncate": "^5.0.0",
         "colorette": "^2.0.20",
@@ -13616,8 +13575,7 @@
       "version": "4.17.23",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.23.tgz",
       "integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/lodash.debounce": {
       "version": "4.0.8",
@@ -14353,7 +14311,6 @@
       "integrity": "sha512-UlQOhH8DRlaYsBGQMjOYvg70J70hD4i/55NV9vAsYvsxEskmp86xjUtZgEeVKeoLq8tYMjMXDgaYjYde153sZQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@ampproject/remapping": "^2.3.0",
         "@rollup/plugin-json": "^6.1.0",
@@ -15348,7 +15305,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "nanoid": "^3.3.11",
         "picocolors": "^1.1.1",
@@ -15771,7 +15727,8 @@
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/reflect-metadata/-/reflect-metadata-0.2.2.tgz",
       "integrity": "sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q==",
-      "license": "Apache-2.0"
+      "license": "Apache-2.0",
+      "peer": true
     },
     "node_modules/regenerate": {
       "version": "1.4.2",
@@ -16114,7 +16071,6 @@
       "integrity": "sha512-oQL6lgK3e2QZeQ7gcgIkS2YZPg5slw37hYufJ3edKlfQSGGm8ICoxswK15ntSzF/a8+h7ekRy7k7oWc3BQ7y8A==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/estree": "1.0.8"
       },
@@ -16212,7 +16168,6 @@
       "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
       "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
       "license": "Apache-2.0",
-      "peer": true,
       "dependencies": {
         "tslib": "^2.1.0"
       }
@@ -16255,7 +16210,6 @@
       "integrity": "sha512-uf6HoO8fy6ClsrShvMgaKUn14f2EHQLQRtpsZZLeU/Mv0Q1K5P0+x2uvH6Cub39TVVbWNSrraUhDAoFph6vh0A==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "chokidar": "^4.0.0",
         "immutable": "^5.0.2",
@@ -17497,7 +17451,6 @@
       "integrity": "sha512-t/R3R/n0MSwnnazuPpPNVO60LX0SKL45pyl9YlvxIdkH0Of7D5qM2EVe+yASRIlY5pZ73nclYJfNANGWPwFDZw==",
       "dev": true,
       "license": "BSD-2-Clause",
-      "peer": true,
       "dependencies": {
         "@jridgewell/source-map": "^0.3.3",
         "acorn": "^8.15.0",
@@ -17718,8 +17671,7 @@
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-      "license": "0BSD",
-      "peer": true
+      "license": "0BSD"
     },
     "node_modules/tuf-js": {
       "version": "4.1.0",
@@ -17784,7 +17736,6 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "devOptional": true,
       "license": "Apache-2.0",
-      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -18281,7 +18232,6 @@
       "integrity": "sha512-dZwN5L1VlUBewiP6H9s2+B3e3Jg96D0vzN+Ry73sOefebhYr9f94wwkMNN/9ouoU8pV1BqA1d1zGk8928cx0rg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "esbuild": "^0.27.0",
         "fdir": "^6.5.0",
@@ -18406,7 +18356,6 @@
       "integrity": "sha512-gX/dMkRQc7QOMzgTe6KsYFM7DxeIONQSui1s0n/0xht36HvrgbxtM1xBlgx596NbpHuQU8P7QpKwrZYwUX48nw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/eslint-scope": "^3.7.7",
         "@types/estree": "^1.0.8",
@@ -18486,7 +18435,6 @@
       "integrity": "sha512-QcQ72gh8a+7JO63TAx/6XZf/CWhgMzu5m0QirvPfGvptOusAxG12w2+aua1Jkjr7hzaWDnJ2n6JFeexMHI+Zjg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/bonjour": "^3.5.13",
         "@types/connect-history-api-fallback": "^1.5.4",
@@ -19416,7 +19364,6 @@
       "integrity": "sha512-k7Nwx6vuWx1IJ9Bjuf4Zt1PEllcwe7cls3VNzm4CQ1/hgtFUK2bRNG3rvnpPUhFjmqJKAKtjV576KnUkHocg/g==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }
@@ -19431,13 +19378,6 @@
         "zod": "^3.25 || ^4"
       }
     },
-    "node_modules/zone.js": {
-      "version": "0.16.0",
-      "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.16.0.tgz",
-      "integrity": "sha512-LqLPpIQANebrlxY6jKcYKdgN5DTXyyHAKnnWWjE5pPfEQ4n7j5zn7mOEEpwNZVKGqx3kKKmvplEmoBrvpgROTA==",
-      "license": "MIT",
-      "peer": true
-    },
     "projects/ui-components": {
       "name": "@laserfiche/lf-ui-components",
       "version": "21.0.0",
@@ -19456,7 +19396,6 @@
         "@angular/forms": "^21.1.5",
         "@angular/material": "^21.1.5",
         "@angular/platform-browser": "^21.1.5",
-        "@angular/platform-browser-dynamic": "^21.1.5",
         "@angular/router": "^21.1.5",
         "@laserfiche/lf-api-client-core": "^1.1.18",
         "@laserfiche/lf-js-utils": "^4.0.13",
@@ -19465,8 +19404,7 @@
         "flatpickr": "^4.6.13",
         "lodash": "^4.17.23",
         "ngx-mask": "^21.0.1",
-        "rxjs": "^7.8.0",
-        "zone.js": "^0.16.0"
+        "rxjs": "^7.8.0"
       }
     }
   }
diff --git a/package.json b/package.json
index 7e6bfc1f..9408680d 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
+    "build": "npm run build-ui-components-prod && npm run build-lf-documentation-prod && npm run build-lf-cdn-prod && npm run sass-lf && npm run sass-ms",
     "build-lf-documentation-dev": "npm run sass-lf && npm run sass-ms && ng build lf-documentation --configuration development --delete-output-path false",
     "build-lf-documentation-dev-watch": "npm run sass-lf && npm run sass-ms && ng build lf-documentation --configuration development --delete-output-path false --watch",
     "build-lf-documentation-prod": "ng build lf-documentation --configuration production --output-hashing=none",
@@ -81,14 +82,12 @@
     "@angular/forms": "^21.1.5",
     "@angular/material": "^21.1.5",
     "@angular/platform-browser": "^21.1.5",
-    "@angular/platform-browser-dynamic": "^21.1.5",
     "@angular/router": "^21.1.5",
     "@laserfiche/lf-api-client-core": "^1.1.10",
     "@laserfiche/lf-js-utils": "^4.0.13",
     "@laserfiche/lf-resource-library": "^5.0.3",
     "ngx-mask": "^21.0.1",
-    "rxjs": "^7.8.0",
-    "zone.js": "^0.16.0"
+    "rxjs": "^7.8.0"
   },
   "dependencies": {
     "@laserfiche/lf-ui-components": "file:projects/ui-components"
diff --git a/projects/lf-cdn/src/environments/environment.ts b/projects/lf-cdn/src/environments/environment.ts
index 766bc03d..414bba30 100644
--- a/projects/lf-cdn/src/environments/environment.ts
+++ b/projects/lf-cdn/src/environments/environment.ts
@@ -8,12 +8,3 @@
 export const environment = {
   production: false
 };
-
-/*
- * For easier debugging in development mode, you can import the following file
- * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
- *
- * This import should be commented out in production mode because it will have a negative impact
- * on performance if an error is thrown.
- */
-// import 'zone.js/plugins/zone-error';  // Included with Angular CLI.
diff --git a/projects/lf-cdn/src/main.ts b/projects/lf-cdn/src/main.ts
index faa13313..9f24c790 100644
--- a/projects/lf-cdn/src/main.ts
+++ b/projects/lf-cdn/src/main.ts
@@ -1,7 +1,7 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { enableProdMode, importProvidersFrom } from '@angular/core';
+import { enableProdMode, provideZonelessChangeDetection } from '@angular/core';
 import { createApplication } from '@angular/platform-browser';
 import { provideAnimations } from '@angular/platform-browser/animations';
 
@@ -14,5 +14,6 @@ if (environment.production) {
 createApplication({
   providers: [
     provideAnimations(),
+    provideZonelessChangeDetection(),
   ]
 }).catch(err => console.error(err));
diff --git a/projects/lf-cdn/src/polyfills.ts b/projects/lf-cdn/src/polyfills.ts
index 182afbfc..c63f6969 100644
--- a/projects/lf-cdn/src/polyfills.ts
+++ b/projects/lf-cdn/src/polyfills.ts
@@ -5,11 +5,6 @@
  * This file includes polyfills needed by Angular and is loaded before the app.
  * You can add your own extra polyfills to this file.
  *
- * This file is divided into 2 sections:
- *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
- *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
- *      file.
- *
  * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
  * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
  * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
@@ -21,36 +16,6 @@
  * BROWSER POLYFILLS
  */
 
-/**
- * By default, zone.js will patch all possible macroTask and DomEvents
- * user can disable parts of macroTask/DomEvents patch by setting following flags
- * because those flags need to be set before `zone.js` being loaded, and webpack
- * will put import in the top of bundle, so user need to create a separate file
- * in this directory (for example: zone-flags.ts), and put the following flags
- * into that file, and then add the following code before importing zone.js.
- * import './zone-flags';
- *
- * The flags allowed in zone-flags.ts are listed here.
- *
- * The following flags will work for all browsers.
- *
- * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
- * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
- * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
- *
- *  in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
- *  with the following flag, it will bypass `zone.js` patch for IE/Edge
- *
- *  (window as any).__Zone_enable_cross_context_check = true;
- *
- */
-
-/***************************************************************************************************
- * Zone JS is required by default for Angular itself.
- */
-// import 'zone.js';  // Included with Angular CLI.
-
-
 /***************************************************************************************************
  * APPLICATION IMPORTS
  */
diff --git a/projects/lf-cdn/src/test.ts b/projects/lf-cdn/src/test.ts
index 53dfed1b..54da4a0e 100644
--- a/projects/lf-cdn/src/test.ts
+++ b/projects/lf-cdn/src/test.ts
@@ -3,18 +3,16 @@
 
 // This file is required by karma.conf.js and loads recursively all the .spec and framework files
 
-import 'zone.js';
-import 'zone.js/testing';
 import { getTestBed } from '@angular/core/testing';
 import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
-} from '@angular/platform-browser-dynamic/testing';
+  BrowserTestingModule,
+  platformBrowserTesting
+} from '@angular/platform-browser/testing';
 
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting(), {
+  BrowserTestingModule,
+  platformBrowserTesting(), {
     teardown: { destroyAfterEach: false }
 }
 );
diff --git a/projects/lf-documentation/src/app/app.config.ts b/projects/lf-documentation/src/app/app.config.ts
index f47d6846..8aed9233 100644
--- a/projects/lf-documentation/src/app/app.config.ts
+++ b/projects/lf-documentation/src/app/app.config.ts
@@ -1,7 +1,7 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { ApplicationConfig, CUSTOM_ELEMENTS_SCHEMA, provideZoneChangeDetection } from '@angular/core';
+import { ApplicationConfig, CUSTOM_ELEMENTS_SCHEMA, provideZonelessChangeDetection } from '@angular/core';
 import { provideRouter, withHashLocation } from '@angular/router';
 import { provideAnimations } from '@angular/platform-browser/animations';
 
@@ -76,6 +76,6 @@ export const appConfig: ApplicationConfig = {
   providers: [
     provideRouter(routes, withHashLocation()),
     provideAnimations(),
-    provideZoneChangeDetection({ eventCoalescing: true }),
+    provideZonelessChangeDetection(),
   ],
 };
diff --git a/projects/lf-documentation/src/app/example-usage-in-angular/example-usage-in-angular.component.html b/projects/lf-documentation/src/app/example-usage-in-angular/example-usage-in-angular.component.html
index 5942368c..6b60a214 100644
--- a/projects/lf-documentation/src/app/example-usage-in-angular/example-usage-in-angular.component.html
+++ b/projects/lf-documentation/src/app/example-usage-in-angular/example-usage-in-angular.component.html
@@ -11,11 +11,6 @@ <h3 id="cdn-example-angular"> Example: <code>lf-checklist</code></h3>
     <p  class="documentation-text">
       <a (click)="navigateToGettingStarted('cdn-usage')">Follow these steps to get started.</a></p>
   </li>
-<li>
-  You may need to remove <code>zone.js</code> import statement from the <code>polyfills.ts</code> to avoid loading it twice.
-  <pre class="code-container">
-<s><span class="code-ts-import">import </span><span class="code-js-string">"zone.js";</span></s></pre>
-</li>
 <li>
     <p>
       Inside <code>./app.module.ts</code>, add <code>CUSTOM_ELEMENTS_SCHEMA</code> to &#64;NgModule.schemas. This allows you to use custom non-Angular components in your Angular application.
diff --git a/projects/lf-documentation/src/app/getting-started/getting-started.component.html b/projects/lf-documentation/src/app/getting-started/getting-started.component.html
index 858634ca..33fcbaac 100644
--- a/projects/lf-documentation/src/app/getting-started/getting-started.component.html
+++ b/projects/lf-documentation/src/app/getting-started/getting-started.component.html
@@ -25,21 +25,10 @@ <h2 id="cdn-usage">Using Via CDN</h2>
   <li>
     <p class="documentation-text">Add the following script tags to <code>index.html</code>.</p>
     <pre class="code-container">
-<span class="code-html-tagname"> &lt;script </span><span class="code-html-attribute-name">src</span><span>=</span><span class="code-html-attribute-value"
-      >"https://cdn.jsdelivr.net/npm/zone.js&#64;0.11.4/bundles/zone.umd.min.js"</span><span class="code-html-tagname">&gt;&lt;/script&gt;</span>
 <span class="code-html-tagname"> &lt;script </span><span class="code-html-attribute-name">src</span><span>=</span><span class="code-html-attribute-value"
 >"https://cdn.jsdelivr.net/npm/&#64;laserfiche/lf-ui-components&#64;NPM_VERSION/cdn/lf-ui-components.js"</span><span class="code-html-attribute-name"
 > defer</span><span class="code-html-tagname">&gt;&lt;/script&gt;</span>
 </pre>
-    <p class="documentation-text">
-      <code>zone.js</code> is a peer dependency of the UI components, and it needs to be loaded by the container
-      application, before loading <code>lf-ui-components.js</code>.
-    </p>
-    <p class="documentation-text">
-      Note that Angular applications include <code> zone.js</code> by default in <code>polyfills.ts</code>. We recommend
-      removing that import of <code>zone.js</code>, and loading it as shown above instead, to reduce the risks of
-      loading <code>zone.js</code> twice.
-    </p>
   </li>
   <li>
     <p class="documentation-text">
diff --git a/projects/lf-documentation/src/environments/environment.ts b/projects/lf-documentation/src/environments/environment.ts
index 766bc03d..414bba30 100644
--- a/projects/lf-documentation/src/environments/environment.ts
+++ b/projects/lf-documentation/src/environments/environment.ts
@@ -8,12 +8,3 @@
 export const environment = {
   production: false
 };
-
-/*
- * For easier debugging in development mode, you can import the following file
- * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
- *
- * This import should be commented out in production mode because it will have a negative impact
- * on performance if an error is thrown.
- */
-// import 'zone.js/plugins/zone-error';  // Included with Angular CLI.
diff --git a/projects/lf-documentation/src/polyfills.ts b/projects/lf-documentation/src/polyfills.ts
index ba3f7598..c63f6969 100644
--- a/projects/lf-documentation/src/polyfills.ts
+++ b/projects/lf-documentation/src/polyfills.ts
@@ -5,11 +5,6 @@
  * This file includes polyfills needed by Angular and is loaded before the app.
  * You can add your own extra polyfills to this file.
  *
- * This file is divided into 2 sections:
- *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
- *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
- *      file.
- *
  * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
  * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
  * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
@@ -21,36 +16,6 @@
  * BROWSER POLYFILLS
  */
 
-/**
- * By default, zone.js will patch all possible macroTask and DomEvents
- * user can disable parts of macroTask/DomEvents patch by setting following flags
- * because those flags need to be set before `zone.js` being loaded, and webpack
- * will put import in the top of bundle, so user need to create a separate file
- * in this directory (for example: zone-flags.ts), and put the following flags
- * into that file, and then add the following code before importing zone.js.
- * import './zone-flags';
- *
- * The flags allowed in zone-flags.ts are listed here.
- *
- * The following flags will work for all browsers.
- *
- * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
- * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
- * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
- *
- *  in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
- *  with the following flag, it will bypass `zone.js` patch for IE/Edge
- *
- *  (window as any).__Zone_enable_cross_context_check = true;
- *
- */
-
-/***************************************************************************************************
- * Zone JS is required by default for Angular itself.
- */
-import 'zone.js';  // Included with Angular CLI.
-
-
 /***************************************************************************************************
  * APPLICATION IMPORTS
  */
diff --git a/projects/lf-documentation/src/test.ts b/projects/lf-documentation/src/test.ts
index be5a8d39..93497a70 100644
--- a/projects/lf-documentation/src/test.ts
+++ b/projects/lf-documentation/src/test.ts
@@ -3,17 +3,10 @@
 
 // This file is required by karma.conf.js and loads recursively all the .spec and framework files
 
-import 'zone.js/testing';
 import { getTestBed } from '@angular/core/testing';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
-} from '@angular/platform-browser-dynamic/testing';
+import { BrowserTestingModule, platformBrowserTesting } from '@angular/platform-browser/testing';
 
 // First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting(), {
-    teardown: { destroyAfterEach: false }
-}
-);
+getTestBed().initTestEnvironment(BrowserTestingModule, platformBrowserTesting(), {
+  teardown: { destroyAfterEach: false },
+});
diff --git a/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.html b/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.html
index ccdfffac..f37ace69 100644
--- a/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.html
+++ b/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.html
@@ -4,34 +4,34 @@
 @for (message of allMessages; track message; let idx = $index) {
   <div
     class="toast-message message-holder lf-flexbox-col"
-  [ngClass]="{
-    error: message.type === 'Error',
-    warning: message.type === 'Warning',
-    validation: message.type === 'Validation',
-    informational: message.type === 'Informational'
-  }"
+  [ngClass]="{
+    error: message.type === 'Error',
+    warning: message.type === 'Warning',
+    validation: message.type === 'Validation',
+    informational: message.type === 'Informational'
+  }"
     >
     <div class="lf-flexbox-row lf-flexbox-center both-axis">
       <span
         class="material-icons-outlined"
         style="flex: 0 0 auto"
-      [ngClass]="{
-        warningIcon: message.type === 'Warning',
-        'hide-icon': message.noIcon
-      }"
+      [ngClass]="{
+        warningIcon: message.type === 'Warning',
+        'hide-icon': message.noIcon
+      }"
         [attr.aria-label]="message.type"
         >
         {{ _computeTypeIcon(message.type) }}
       </span>
       <div
         class="message-text lf-flex-item lf-flexbox-row"
-      [ngClass]="{
-        error: message.type === 'Error',
-        warning: message.type === 'Warning',
-        validation: message.type === 'Validation',
-        informational: message.type === 'Informational',
-        'no-left-padding': message.noIcon
-      }"
+      [ngClass]="{
+        error: message.type === 'Error',
+        warning: message.type === 'Warning',
+        validation: message.type === 'Validation',
+        informational: message.type === 'Informational',
+        'no-left-padding': message.noIcon
+      }"
         >
         <div class="message-wrapper">
           {{ message.message }}
@@ -39,11 +39,11 @@
       </div>
       <button
         id="close-btn"
-        (click)="_closeToast(message.id)"
+        (click)="message.id ? _closeToast(message.id) : null"
         style="flex: 0 0 auto"
-      [ngClass]="{
-        warningIcon: message.type === 'Warning'
-      }"
+      [ngClass]="{
+        warningIcon: message.type === 'Warning'
+      }"
         >
         <span class="material-icons-outlined" aria-label="close"> close </span>
       </button>
diff --git a/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.ts b/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.ts
index eeff37dc..70395f6b 100644
--- a/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.ts
+++ b/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.ts
@@ -1,7 +1,7 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { Component, Input } from '@angular/core';
+import { ChangeDetectorRef, Component, Input, inject } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
 /** @internal */
@@ -31,6 +31,8 @@ export interface LfToastMessage {
     imports: [CommonModule]
 })
 export class LfToastMessageComponent {
+  private ref = inject(ChangeDetectorRef);
+
   @Input()
   set messages(messages: LfToastMessage[]) {
     if (typeof messages === 'undefined') {
@@ -73,18 +75,26 @@ export class LfToastMessageComponent {
     }
   }
 
-  _closeToast(messageId: string) {
+  _closeToast(messageId?: string) {
+    if (!messageId) {
+      return;
+    }
     this._removeToast(messageId);
   }
 
-  _removeToast(messageId: string) {
+  _removeToast(messageId?: string) {
+    if (!messageId) {
+      return;
+    }
     const idx = this.allMessages.findIndex((message) => message.id === messageId);
     if (idx !== -1) {
       this.allMessages.splice(idx, 1);
+      this.ref.markForCheck();
     }
   }
 
   clearToasts(toastFilter?: LfMessageToastTypes) {
     this.allMessages = toastFilter ? this.allMessages.filter((message) => message.type !== toastFilter) : [];
+    this.ref.markForCheck();
   }
 }
diff --git a/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.ts b/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.ts
index 66072b37..f82b1ea7 100644
--- a/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.ts
+++ b/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.ts
@@ -1,7 +1,7 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { Component, Input, Output, EventEmitter, NgZone, ViewChildren, QueryList, inject } from '@angular/core';
+import { Component, Input, Output, EventEmitter, ChangeDetectorRef, ViewChildren, QueryList, inject } from '@angular/core';
 
 import { MatExpansionModule } from '@angular/material/expansion';
 import { ItemsComponent } from '../items/items.component';
@@ -22,7 +22,7 @@ export interface LfChecklistProviders {
 })
 export class LfChecklistComponent {
   /**@internal */
-  private zone = inject(NgZone);
+  private ref = inject(ChangeDetectorRef);
 
   @Input() action_button_text: string | undefined;
 
@@ -42,13 +42,12 @@ export class LfChecklistComponent {
 
   @Input() initAsync = async (providers: LfChecklistProviders): Promise<void> => {
     return new Promise((resolve) => {
-      this.zone.run(() => {
-        requestAnimationFrame(async () => {
-          this.checklists = await providers.checklistService.loadChecklistsAsync();
-          this.itemsComponents?.forEach((component) => component.refreshChecklistItems());
-          this.checklistChanged.emit(this.checklists);
-          resolve();
-        });
+      requestAnimationFrame(async () => {
+        this.checklists = await providers.checklistService.loadChecklistsAsync();
+        this.itemsComponents?.forEach((component) => component.refreshChecklistItems());
+        this.checklistChanged.emit(this.checklists);
+        this.ref.markForCheck();
+        resolve();
       });
     });
   };
diff --git a/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.ts b/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.ts
index 91b32314..2bf6fee8 100644
--- a/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.ts
+++ b/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.ts
@@ -2,7 +2,7 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 // Core and essentials
-import { Component, ViewChild, ElementRef, OnInit, AfterViewInit, HostBinding, Input, AfterContentInit, EventEmitter, Output, inject } from '@angular/core';
+import { Component, ViewChild, ElementRef, OnInit, AfterViewInit, HostBinding, Input, AfterContentInit, EventEmitter, Output, ChangeDetectorRef, inject } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { ReactiveFormsModule, FormGroup, FormControl, AbstractControl } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
@@ -41,6 +41,7 @@ import { LFDatePickerPlugin } from './plugin-lfDatePicker';
 })
 export class UniDateTimeComponent implements OnInit, AfterViewInit, AfterContentInit {
   dateTimeService = inject(UniDateTimeService);
+  private ref = inject(ChangeDetectorRef);
 
   @HostBinding('class.required') isRequired = false;
   @HostBinding('class.readonly') isReadonly = false;
@@ -270,6 +271,7 @@ export class UniDateTimeComponent implements OnInit, AfterViewInit, AfterContent
               if (this.settings.combinedDateTime) {
                 this.onDateTimeChange(selectedDates[0], true, FormChangeEvent.TimeClose);
               }
+              this.ref.markForCheck();
             }, 0);
           },
           onOpen: (selectedDates: Date[], dateStr: string, instance: Instance) => {
@@ -325,6 +327,7 @@ export class UniDateTimeComponent implements OnInit, AfterViewInit, AfterContent
         this.state.readonly = this.settings.readOnly; // Revise
         this.isReadonly = this.settings.readOnly ? this.settings.readOnly : this.isReadonly;
         this.isRequired = this.settings.required ? this.settings.required : this.isRequired;
+        this.ref.markForCheck();
       }, 0);
     }
   }
@@ -635,6 +638,7 @@ export class UniDateTimeComponent implements OnInit, AfterViewInit, AfterContent
         event: key === 'date' ? FormChangeEvent.DateBlur : FormChangeEvent.TimeBlur,
         component: this,
       });
+      this.ref.markForCheck();
     });
   }
 
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.ts b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.ts
index a48f9a3f..402c358c 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.ts
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.ts
@@ -11,7 +11,6 @@ import {
   AfterViewInit,
   EventEmitter,
   Output,
-  NgZone,
   ElementRef,
   inject,
 } from '@angular/core';
@@ -42,7 +41,7 @@ export class LfFieldAdhocContainerComponent extends LfFieldContainerDirective im
   /**@internal */
   private adhocFieldConnectorService = inject(AdhocFieldConnectorService);
   /**@internal */
-  private zone = inject(NgZone);
+  private ref = inject(ChangeDetectorRef);
   /**@internal */
   private localizationService = inject(AppLocalizationService);
 
@@ -95,61 +94,55 @@ export class LfFieldAdhocContainerComponent extends LfFieldContainerDirective im
 
   @Input()
   getFieldValues = (): { [fieldName: string]: FieldValue } => {
-    return this.zone.run(() => {
-      const fieldValues: { [fieldName: string]: FieldValue } = {};
-      this.componentRefs?.forEach((componentRef) => {
-        const fieldValue = componentRef.instance.getFieldValue();
-        const fieldName = fieldValue.fieldName ?? undefined;
-        if (fieldName !== undefined) {
-          fieldValues[fieldName] = fieldValue;
-        } else {
-          console.warn('FieldValue.fieldName is undefined, skipping.');
-        }
-      });
-      return fieldValues;
+    const fieldValues: { [fieldName: string]: FieldValue } = {};
+    this.componentRefs?.forEach((componentRef) => {
+      const fieldValue = componentRef.instance.getFieldValue();
+      const fieldName = fieldValue.fieldName ?? undefined;
+      if (fieldName !== undefined) {
+        fieldValues[fieldName] = fieldValue;
+      } else {
+        console.warn('FieldValue.fieldName is undefined, skipping.');
+      }
     });
+    return fieldValues;
   };
 
   @Input()
   clearAsync = async (): Promise<void> => {
-    await this.zone.run(async () => {
-      this.resetComponentValues();
-      this.metadataFieldConnectorService.clearAllFieldValues();
-      await this.resetFieldDataAsync([]);
-    });
+    this.resetComponentValues();
+    this.metadataFieldConnectorService.clearAllFieldValues();
+    await this.resetFieldDataAsync([]);
+    this.ref.markForCheck();
   };
 
   @Input()
   initAsync = async (adhocFieldContainerService: LfFieldAdhocContainerService): Promise<void> => {
-    this.zone.run(() => {
-      this.resetComponentValues();
-      this.adhocFieldContainerService = CoreUtils.validateDefined(
-        adhocFieldContainerService,
-        'adhocFieldContainerService',
-      );
-    });
+    this.resetComponentValues();
+    this.adhocFieldContainerService = CoreUtils.validateDefined(
+      adhocFieldContainerService,
+      'adhocFieldContainerService',
+    );
+    this.ref.markForCheck();
   };
 
   @Input()
   resetFieldDataAsync = async (fields: { value: FieldValue; definition: LfFieldInfo }[]): Promise<void> => {
-    await this.zone.run(async () => {
-      this.loadSelectedFieldValues(fields);
-      await this.refreshFieldsAsync();
-      this.metadataFieldConnectorService.updatedAdhocFieldData();
-    });
+    this.loadSelectedFieldValues(fields);
+    await this.refreshFieldsAsync();
+    this.metadataFieldConnectorService.updatedAdhocFieldData();
+    this.ref.markForCheck();
   };
 
   @Input()
   updateFieldValuesAsync = async (values: FieldValue[]): Promise<void> => {
-    await this.zone.run(async () => {
-      values.forEach((field) => {
-        this.allFieldValues[field.fieldId] = field;
-      });
-
-      this.metadataFieldConnectorService.setAllFieldValues(this.allFieldValues);
-      await this.refreshFieldsAsync();
-      this.metadataFieldConnectorService.updatedAdhocFieldData();
+    values.forEach((field) => {
+      this.allFieldValues[field.fieldId] = field;
     });
+
+    this.metadataFieldConnectorService.setAllFieldValues(this.allFieldValues);
+    await this.refreshFieldsAsync();
+    this.metadataFieldConnectorService.updatedAdhocFieldData();
+    this.ref.markForCheck();
   };
 
   /** @internal */
diff --git a/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.ts b/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.ts
index 508fcebc..f130ff7d 100644
--- a/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.ts
+++ b/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.ts
@@ -1,7 +1,7 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { ChangeDetectorRef, Component, EventEmitter, Input, NgZone, Output, ViewChild, inject } from '@angular/core';
+import { ChangeDetectorRef, Component, EventEmitter, Input, Output, ViewChild, inject } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MatExpansionModule } from '@angular/material/expansion';
 import { LfFieldContainerService } from './lf-field-container.service';
@@ -23,8 +23,6 @@ export class LfFieldContainerComponent {
   /**@internal */
   private ref = inject(ChangeDetectorRef);
   /**@internal */
-  private zone = inject(NgZone);
-  /**@internal */
   localizationService = inject(AppLocalizationService);
 
   @Input() collapsible: boolean = false;
@@ -71,14 +69,13 @@ export class LfFieldContainerComponent {
   ): Promise<void> => {
     this.ref.detectChanges();
     this.lfFieldContainerService = CoreUtils.validateDefined(lfFieldContainerService, 'lfFieldContainerService');
-    await this.zone.run(async () => {
-      await this.adhocContainer.initAsync(this.lfFieldContainerService);
-      await this.templateContainer.initAsync(
-        { templateFieldContainerService: this.lfFieldContainerService },
-        templateIdentifier,
-      );
-      this.SELECTED_TEMPLATE_NAME = this.getSelectedTemplateName();
-    });
+    await this.adhocContainer.initAsync(this.lfFieldContainerService);
+    await this.templateContainer.initAsync(
+      { templateFieldContainerService: this.lfFieldContainerService },
+      templateIdentifier,
+    );
+    this.SELECTED_TEMPLATE_NAME = this.getSelectedTemplateName();
+    this.ref.markForCheck();
   };
 
   @Input()
@@ -96,12 +93,10 @@ export class LfFieldContainerComponent {
 
   @Input()
   getFieldValues = (): { [fieldName: string]: FieldValue } => {
-    return this.zone.run(() => {
-      const adhocFieldValues: { [fieldName: string]: FieldValue } = this.adhocContainer.getFieldValues();
-      const templateFieldValues: { [fieldName: string]: FieldValue } =
-        this.templateContainer.getTemplateValue()?.fieldValues ?? {};
-      return { ...adhocFieldValues, ...templateFieldValues };
-    });
+    const adhocFieldValues: { [fieldName: string]: FieldValue } = this.adhocContainer.getFieldValues();
+    const templateFieldValues: { [fieldName: string]: FieldValue } =
+      this.templateContainer.getTemplateValue()?.fieldValues ?? {};
+    return { ...adhocFieldValues, ...templateFieldValues };
   };
 
   @Input()
@@ -112,16 +107,14 @@ export class LfFieldContainerComponent {
 
   @Input()
   resetFieldDataAsync = async (fields: { value: FieldValue; definition: LfFieldInfo }[]): Promise<void> => {
-    await this.zone.run(async () => {
-      await this.adhocContainer.resetFieldDataAsync(fields);
-    });
+    await this.adhocContainer.resetFieldDataAsync(fields);
+    this.ref.markForCheck();
   };
 
   @Input()
   updateFieldValuesAsync = async (values: FieldValue[]): Promise<void> => {
-    await this.zone.run(async () => {
-      await this.adhocContainer.updateFieldValuesAsync(values);
-    });
+    await this.adhocContainer.updateFieldValuesAsync(values);
+    this.ref.markForCheck();
   };
 
   @Input()
diff --git a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.ts b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.ts
index 5ea17821..bb912a2d 100644
--- a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.ts
+++ b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.ts
@@ -10,7 +10,6 @@ import {
   ComponentRef,
   ViewContainerRef,
   AfterViewInit,
-  NgZone,
   ChangeDetectorRef,
   inject,
 } from '@angular/core';
@@ -49,8 +48,6 @@ import { LfFieldViewDirective } from '../lf-field-view.directive';
   imports: [CommonModule, MatFormFieldModule, MatSelectModule, LfLoaderComponent, LfFieldViewDirective],
 })
 export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective implements AfterViewInit, OnDestroy {
-  /**@internal */
-  private zone = inject(NgZone);
   /**@internal */
   private localizationService = inject(AppLocalizationService);
   /**@internal */
@@ -113,49 +110,44 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
 
   @Input()
   initAsync = async (providers: LfFieldTemplateProviders, templateIdentifier?: number | string): Promise<void> => {
-    await this.zone.run(async () => {
-      this.resetComponentValues();
-      this.templateFieldContainerService = CoreUtils.validateDefined(
-        providers.templateFieldContainerService,
-        'templateFieldContainerService',
-      );
-      await this.selectTemplateAsync(templateIdentifier);
-      await this.updateTemplateFieldsAsync();
-      this.ref.detectChanges();
-    });
+    this.resetComponentValues();
+    this.templateFieldContainerService = CoreUtils.validateDefined(
+      providers.templateFieldContainerService,
+      'templateFieldContainerService',
+    );
+    await this.selectTemplateAsync(templateIdentifier);
+    await this.updateTemplateFieldsAsync();
+    this.ref.detectChanges();
   };
 
   @Input()
   clearAsync = async (): Promise<void> => {
-    await this.zone.run(async () => {
-      this.resetComponentValues();
-      this.metadataFieldConnectorService.clearAllFieldValues();
-      await this.renderFieldsAsync(this.allFieldInfos);
-    });
+    this.resetComponentValues();
+    this.metadataFieldConnectorService.clearAllFieldValues();
+    await this.renderFieldsAsync(this.allFieldInfos);
+    this.ref.markForCheck();
   };
 
   @Input()
   getTemplateValue: () => TemplateValue | undefined = () => {
-    return this.zone.run(() => {
-      if (!this.templateSelected) {
-        return undefined;
-      }
+    if (!this.templateSelected) {
+      return undefined;
+    }
 
-      const fieldValues: { [key: string]: FieldValue } = {};
-      this.componentRefs?.forEach((componentRef) => {
-        const fieldValue = componentRef.instance.getFieldValue();
+    const fieldValues: { [key: string]: FieldValue } = {};
+    this.componentRefs?.forEach((componentRef) => {
+      const fieldValue = componentRef.instance.getFieldValue();
+      // TODO: should key by id, not name?
+      fieldValues[fieldValue.fieldName as string] = fieldValue;
+    });
+    this.groupComponentRefs?.forEach((componentRef) => {
+      const mappedFieldValues = componentRef.instance.getFieldValues();
+      mappedFieldValues.forEach((fieldValue) => {
         // TODO: should key by id, not name?
         fieldValues[fieldValue.fieldName as string] = fieldValue;
       });
-      this.groupComponentRefs?.forEach((componentRef) => {
-        const mappedFieldValues = componentRef.instance.getFieldValues();
-        mappedFieldValues.forEach((fieldValue) => {
-          // TODO: should key by id, not name?
-          fieldValues[fieldValue.fieldName as string] = fieldValue;
-        });
-      });
-      return { name: this.templateSelected.name as string, id: this.templateSelected.id, fieldValues };
     });
+    return { name: this.templateSelected.name as string, id: this.templateSelected.id, fieldValues };
   };
 
   /** @internal */
diff --git a/projects/ui-components/lf-repository-browser/lf-repository-browser.component.spec.ts b/projects/ui-components/lf-repository-browser/lf-repository-browser.component.spec.ts
index 77b99373..851e8aac 100644
--- a/projects/ui-components/lf-repository-browser/lf-repository-browser.component.spec.ts
+++ b/projects/ui-components/lf-repository-browser/lf-repository-browser.component.spec.ts
@@ -1,7 +1,7 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { ChangeDetectorRef, NgZone } from '@angular/core';
+import { ChangeDetectorRef } from '@angular/core';
 import { ComponentFixture, TestBed, waitForAsync, TestModuleMetadata, flush, fakeAsync } from '@angular/core/testing';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
 import { MatDialogModule } from '@angular/material/dialog';
@@ -103,9 +103,6 @@ describe('LfRepositoryBrowserComponent', () => {
   beforeEach(async () => {
     changeRefMock = jasmine.createSpyObj('ref', ['detectChanges']);
     matDialogMock = jasmine.createSpyObj('popupDialog', ['open']);
-    ngZoneMock = jasmine.createSpyObj('zone', {
-      run: (cb: Function) => cb(),
-    });
 
     fixture = TestBed.createComponent(LfRepositoryBrowserComponent);
     component = fixture.componentInstance;
@@ -123,7 +120,6 @@ describe('LfRepositoryBrowserComponent', () => {
     'getTreeNodeByIdentifierAsync',
   ]);
   let matDialogMock: MatDialog;
-  let ngZoneMock: NgZone;
 
 
   it('should create an instance', () => {
@@ -736,4 +732,3 @@ describe('LfRepositoryBrowserComponent', () => {
   //     });
   // });
 });
-
diff --git a/projects/ui-components/lf-repository-browser/lf-repository-browser.component.ts b/projects/ui-components/lf-repository-browser/lf-repository-browser.component.ts
index c23e00a1..7ef04253 100644
--- a/projects/ui-components/lf-repository-browser/lf-repository-browser.component.ts
+++ b/projects/ui-components/lf-repository-browser/lf-repository-browser.component.ts
@@ -8,7 +8,6 @@ import {
   ElementRef,
   EventEmitter,
   Input,
-  NgZone,
   OnDestroy,
   Output,
   ViewChild,
@@ -62,8 +61,6 @@ export class LfRepositoryBrowserComponent implements OnDestroy, AfterViewInit {
   /**@internal */
   popupDialog = inject(MatDialog);
   /**@internal */
-  zone = inject(NgZone);
-  /**@internal */
   private localizationService = inject(AppLocalizationService);
   /**@internal */
   private el = inject(ElementRef);
@@ -168,40 +165,38 @@ export class LfRepositoryBrowserComponent implements OnDestroy, AfterViewInit {
     treeNodeService: LfTreeNodeService,
     initialOpenedNode?: LfTreeNode | string,
   ): Promise<void> => {
-    await this.zone.run(async () => {
-      try {
-        this.hasError = false;
-        this.isLoading = true;
-        this.treeNodeService = treeNodeService;
-        if (typeof initialOpenedNode === 'string') {
-          if (!initialOpenedNode || initialOpenedNode.trim().length === 0) {
-            initialOpenedNode = undefined;
-          } else {
-            if (this.treeNodeService.getTreeNodeByIdentifierAsync) {
-              try {
-                initialOpenedNode = await this.treeNodeService.getTreeNodeByIdentifierAsync(initialOpenedNode);
-              } catch {
-                console.warn('Unable to determine LfTreeNode by id. Will initialize to root.');
-                initialOpenedNode = undefined;
-              }
-            } else {
-              console.warn(
-                'initialOpenedNode is specified by an id, but getTreeNodeByIdentifierAsync is not implemented. Will initialize to root.',
-              );
+    try {
+      this.hasError = false;
+      this.isLoading = true;
+      this.treeNodeService = treeNodeService;
+      if (typeof initialOpenedNode === 'string') {
+        if (!initialOpenedNode || initialOpenedNode.trim().length === 0) {
+          initialOpenedNode = undefined;
+        } else {
+          if (this.treeNodeService.getTreeNodeByIdentifierAsync) {
+            try {
+              initialOpenedNode = await this.treeNodeService.getTreeNodeByIdentifierAsync(initialOpenedNode);
+            } catch {
+              console.warn('Unable to determine LfTreeNode by id. Will initialize to root.');
               initialOpenedNode = undefined;
             }
+          } else {
+            console.warn(
+              'initialOpenedNode is specified by an id, but getTreeNodeByIdentifierAsync is not implemented. Will initialize to root.',
+            );
+            initialOpenedNode = undefined;
           }
         }
-
-        await this.initializeAsync(initialOpenedNode);
-      } catch (error) {
-        console.error(error);
-        this.hasError = true;
-      } finally {
-        this.isLoading = false;
-        this.ref.detectChanges();
       }
-    });
+
+      await this.initializeAsync(initialOpenedNode);
+    } catch (error) {
+      console.error(error);
+      this.hasError = true;
+    } finally {
+      this.isLoading = false;
+      this.ref.detectChanges();
+    }
   };
 
   /**
@@ -260,6 +255,7 @@ export class LfRepositoryBrowserComponent implements OnDestroy, AfterViewInit {
       } else {
         this.selectedItems = selectedItems;
         this.entrySelected.emit(this.selectedItems);
+        this.ref.markForCheck();
       }
     }
   };
diff --git a/projects/ui-components/package-lock.json b/projects/ui-components/package-lock.json
index 035cb62d..e715acbf 100644
--- a/projects/ui-components/package-lock.json
+++ b/projects/ui-components/package-lock.json
@@ -22,7 +22,6 @@
         "@angular/forms": "^21.1.5",
         "@angular/material": "^21.1.5",
         "@angular/platform-browser": "^21.1.5",
-        "@angular/platform-browser-dynamic": "^21.1.5",
         "@angular/router": "^21.1.5",
         "@laserfiche/lf-api-client-core": "^1.1.18",
         "@laserfiche/lf-js-utils": "^4.0.13",
@@ -31,8 +30,7 @@
         "flatpickr": "^4.6.13",
         "lodash": "^4.17.23",
         "ngx-mask": "^21.0.1",
-        "rxjs": "^7.8.0",
-        "zone.js": "^0.16.0"
+        "rxjs": "^7.8.0"
       }
     },
     "node_modules/@angular/animations": {
@@ -235,25 +233,6 @@
         }
       }
     },
-    "node_modules/@angular/platform-browser-dynamic": {
-      "version": "21.1.5",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-21.1.5.tgz",
-      "integrity": "sha512-Pd8nPbJSIONnze1WS9wLBAtaFw4TYIH+ZGjKHS9G1E9l09tDWtHWyB7dY82Sc//Nc8iR4V7dcsbUmFjOJHThww==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "tslib": "^2.3.0"
-      },
-      "engines": {
-        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
-      },
-      "peerDependencies": {
-        "@angular/common": "21.1.5",
-        "@angular/compiler": "21.1.5",
-        "@angular/core": "21.1.5",
-        "@angular/platform-browser": "21.1.5"
-      }
-    },
     "node_modules/@angular/router": {
       "version": "21.1.5",
       "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.1.5.tgz",
@@ -278,6 +257,7 @@
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
       "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/helper-validator-identifier": "^7.28.5",
         "js-tokens": "^4.0.0",
@@ -292,6 +272,7 @@
       "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.0.tgz",
       "integrity": "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=6.9.0"
       }
@@ -301,6 +282,7 @@
       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.5.tgz",
       "integrity": "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.27.1",
         "@babel/generator": "^7.28.5",
@@ -330,13 +312,15 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
       "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/@babel/core/node_modules/semver": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
       "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
       "license": "ISC",
+      "peer": true,
       "bin": {
         "semver": "bin/semver.js"
       }
@@ -346,6 +330,7 @@
       "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
       "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/parser": "^7.29.0",
         "@babel/types": "^7.29.0",
@@ -362,6 +347,7 @@
       "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz",
       "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/compat-data": "^7.28.6",
         "@babel/helper-validator-option": "^7.27.1",
@@ -378,6 +364,7 @@
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
       "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
       "license": "ISC",
+      "peer": true,
       "bin": {
         "semver": "bin/semver.js"
       }
@@ -387,6 +374,7 @@
       "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
       "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=6.9.0"
       }
@@ -396,6 +384,7 @@
       "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz",
       "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/traverse": "^7.28.6",
         "@babel/types": "^7.28.6"
@@ -409,6 +398,7 @@
       "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz",
       "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/helper-module-imports": "^7.28.6",
         "@babel/helper-validator-identifier": "^7.28.5",
@@ -426,6 +416,7 @@
       "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
       "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=6.9.0"
       }
@@ -435,6 +426,7 @@
       "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
       "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=6.9.0"
       }
@@ -444,6 +436,7 @@
       "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
       "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=6.9.0"
       }
@@ -453,6 +446,7 @@
       "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.6.tgz",
       "integrity": "sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/template": "^7.28.6",
         "@babel/types": "^7.28.6"
@@ -466,6 +460,7 @@
       "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.0.tgz",
       "integrity": "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/types": "^7.29.0"
       },
@@ -481,6 +476,7 @@
       "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz",
       "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.28.6",
         "@babel/parser": "^7.28.6",
@@ -495,6 +491,7 @@
       "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.0.tgz",
       "integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.29.0",
         "@babel/generator": "^7.29.0",
@@ -513,6 +510,7 @@
       "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
       "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/helper-string-parser": "^7.27.1",
         "@babel/helper-validator-identifier": "^7.28.5"
@@ -526,6 +524,7 @@
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
       "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.5.0",
         "@jridgewell/trace-mapping": "^0.3.24"
@@ -536,6 +535,7 @@
       "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
       "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.5",
         "@jridgewell/trace-mapping": "^0.3.24"
@@ -546,6 +546,7 @@
       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
       "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=6.0.0"
       }
@@ -554,13 +555,15 @@
       "version": "1.5.5",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
       "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/@jridgewell/trace-mapping": {
       "version": "0.3.31",
       "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
       "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
         "@jridgewell/sourcemap-codec": "^1.4.14"
@@ -596,13 +599,15 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz",
       "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/ansi-regex": {
       "version": "6.2.2",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
       "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -615,6 +620,7 @@
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
       "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -627,6 +633,7 @@
       "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.9.19.tgz",
       "integrity": "sha512-ipDqC8FrAl/76p2SSWKSI+H9tFwm7vYqXQrItCuiVPt26Km0jS+NzSsBWAaBusvSbQcfJG+JitdMm+wZAgTYqg==",
       "license": "Apache-2.0",
+      "peer": true,
       "bin": {
         "baseline-browser-mapping": "dist/cli.js"
       }
@@ -683,13 +690,15 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
-      "license": "CC-BY-4.0"
+      "license": "CC-BY-4.0",
+      "peer": true
     },
     "node_modules/chokidar": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
       "integrity": "sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "readdirp": "^5.0.0"
       },
@@ -705,6 +714,7 @@
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-9.0.1.tgz",
       "integrity": "sha512-k7ndgKhwoQveBL+/1tqGJYNz097I7WOvwbmmU2AR5+magtbjPWQTS1C5vzGkBC8Ym8UWRzfKUzUUqFLypY4Q+w==",
       "license": "ISC",
+      "peer": true,
       "dependencies": {
         "string-width": "^7.2.0",
         "strip-ansi": "^7.1.0",
@@ -718,7 +728,8 @@
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
       "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/date-fns": {
       "version": "4.1.0",
@@ -736,6 +747,7 @@
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
       "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "ms": "^2.1.3"
       },
@@ -752,19 +764,22 @@
       "version": "1.5.286",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.286.tgz",
       "integrity": "sha512-9tfDXhJ4RKFNerfjdCcZfufu49vg620741MNs26a9+bhLThdB+plgMeou98CAaHu/WATj2iHOOHTp1hWtABj2A==",
-      "license": "ISC"
+      "license": "ISC",
+      "peer": true
     },
     "node_modules/emoji-regex": {
       "version": "10.6.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
       "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/entities": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
       "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
       "license": "BSD-2-Clause",
+      "peer": true,
       "engines": {
         "node": ">=0.12"
       },
@@ -777,6 +792,7 @@
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
       "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=6"
       }
@@ -793,6 +809,7 @@
       "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
       "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=6.9.0"
       }
@@ -802,6 +819,7 @@
       "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
       "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
       "license": "ISC",
+      "peer": true,
       "engines": {
         "node": "6.* || 8.* || >= 10.*"
       }
@@ -811,6 +829,7 @@
       "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.5.0.tgz",
       "integrity": "sha512-CQ+bEO+Tva/qlmw24dCejulK5pMzVnUOFOijVogd3KQs07HnRIgp8TGipvCCRT06xeYEbpbgwaCxglFyiuIcmA==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=18"
       },
@@ -822,13 +841,15 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
       "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/jsesc": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
       "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
       "license": "MIT",
+      "peer": true,
       "bin": {
         "jsesc": "bin/jsesc"
       },
@@ -841,6 +862,7 @@
       "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
       "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
       "license": "MIT",
+      "peer": true,
       "bin": {
         "json5": "lib/cli.js"
       },
@@ -852,13 +874,15 @@
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.3.1.tgz",
       "integrity": "sha512-HUgH65KyejrUFPvHFPbqOY0rsFip3Bo5wb4ngvdi1EpCYWUQDC5V+Y7mZws+DLkr4M//zQJoanu1SP+87Dv1oQ==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/jsrsasign": {
       "version": "11.1.0",
       "resolved": "https://registry.npmjs.org/jsrsasign/-/jsrsasign-11.1.0.tgz",
       "integrity": "sha512-Ov74K9GihaK9/9WncTe1mPmvrO7Py665TUfUKvraXBpu+xcTWitrtuOwcjf4KMU9maPaYn0OuaWy0HOzy/GBXg==",
       "license": "MIT",
+      "peer": true,
       "funding": {
         "url": "https://github.com/kjur/jsrsasign#donations"
       }
@@ -867,6 +891,7 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/jsrsasign-util/-/jsrsasign-util-1.0.5.tgz",
       "integrity": "sha512-e5Kp8aaT5GH2c5X8j4uaJruYmT4GcnaGb47nw8m60YqPywtnOtTISZ9hZgtZ3a+jh7B27bU2LCf3Y32wZyfhtQ==",
+      "peer": true,
       "dependencies": {
         "jsonc-parser": ">= 0.0.1",
         "jsrsasign": ">= 4.8.2"
@@ -884,6 +909,7 @@
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
       "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
       "license": "ISC",
+      "peer": true,
       "dependencies": {
         "yallist": "^3.0.2"
       }
@@ -892,7 +918,8 @@
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/ngx-mask": {
       "version": "21.0.1",
@@ -913,13 +940,15 @@
       "version": "2.0.27",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
       "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/parse5": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/parse5/-/parse5-8.0.0.tgz",
       "integrity": "sha512-9m4m5GSgXjL4AjumKzq1Fgfp3Z8rsvjRNbnkVwfu2ImRqE5D0LnY2QfDen18FSY9C573YU5XxSapdHZTZ2WolA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "entities": "^6.0.0"
       },
@@ -931,13 +960,15 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
       "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
-      "license": "ISC"
+      "license": "ISC",
+      "peer": true
     },
     "node_modules/readdirp": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.0.0.tgz",
       "integrity": "sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">= 20.19.0"
       },
@@ -950,7 +981,8 @@
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/reflect-metadata/-/reflect-metadata-0.2.2.tgz",
       "integrity": "sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q==",
-      "license": "Apache-2.0"
+      "license": "Apache-2.0",
+      "peer": true
     },
     "node_modules/rxjs": {
       "version": "7.8.2",
@@ -967,6 +999,7 @@
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
       "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
       "license": "ISC",
+      "peer": true,
       "bin": {
         "semver": "bin/semver.js"
       },
@@ -979,6 +1012,7 @@
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
       "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "emoji-regex": "^10.3.0",
         "get-east-asian-width": "^1.0.0",
@@ -996,6 +1030,7 @@
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
       "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "ansi-regex": "^6.0.1"
       },
@@ -1031,6 +1066,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "escalade": "^3.2.0",
         "picocolors": "^1.1.1"
@@ -1047,6 +1083,7 @@
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.2.tgz",
       "integrity": "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "ansi-styles": "^6.2.1",
         "string-width": "^7.0.0",
@@ -1064,6 +1101,7 @@
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
       "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
       "license": "ISC",
+      "peer": true,
       "engines": {
         "node": ">=10"
       }
@@ -1072,13 +1110,15 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
       "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
-      "license": "ISC"
+      "license": "ISC",
+      "peer": true
     },
     "node_modules/yargs": {
       "version": "18.0.0",
       "resolved": "https://registry.npmjs.org/yargs/-/yargs-18.0.0.tgz",
       "integrity": "sha512-4UEqdc2RYGHZc7Doyqkrqiln3p9X2DZVxaGbwhn2pi7MrRagKaOcIKe8L3OxYcbhXLgLFUS3zAYuQjKBQgmuNg==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "cliui": "^9.0.1",
         "escalade": "^3.1.1",
@@ -1096,16 +1136,10 @@
       "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-22.0.0.tgz",
       "integrity": "sha512-rwu/ClNdSMpkSrUb+d6BRsSkLUq1fmfsY6TOpYzTwvwkg1/NRG85KBy3kq++A8LKQwX6lsu+aWad+2khvuXrqw==",
       "license": "ISC",
+      "peer": true,
       "engines": {
         "node": "^20.19.0 || ^22.12.0 || >=23"
       }
-    },
-    "node_modules/zone.js": {
-      "version": "0.16.0",
-      "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.16.0.tgz",
-      "integrity": "sha512-LqLPpIQANebrlxY6jKcYKdgN5DTXyyHAKnnWWjE5pPfEQ4n7j5zn7mOEEpwNZVKGqx3kKKmvplEmoBrvpgROTA==",
-      "license": "MIT",
-      "peer": true
     }
   }
 }
diff --git a/projects/ui-components/package.json b/projects/ui-components/package.json
index 95773d8b..f3656ace 100644
--- a/projects/ui-components/package.json
+++ b/projects/ui-components/package.json
@@ -17,14 +17,12 @@
     "@angular/forms": "^21.1.5",
     "@angular/material": "^21.1.5",
     "@angular/platform-browser": "^21.1.5",
-    "@angular/platform-browser-dynamic": "^21.1.5",
     "@angular/router": "^21.1.5",
     "@laserfiche/lf-api-client-core": "^1.1.18",
     "@laserfiche/lf-js-utils": "^4.0.13",
     "@laserfiche/lf-resource-library": "^5.0.3",
     "ngx-mask": "^21.0.1",
     "rxjs": "^7.8.0",
-    "zone.js": "^0.16.0",
     "date-fns": "^4.1.0",
     "flatpickr": "^4.6.13",
     "lodash": "^4.17.23"
diff --git a/projects/ui-components/test.ts b/projects/ui-components/test.ts
index 53dfed1b..93497a70 100644
--- a/projects/ui-components/test.ts
+++ b/projects/ui-components/test.ts
@@ -3,18 +3,10 @@
 
 // This file is required by karma.conf.js and loads recursively all the .spec and framework files
 
-import 'zone.js';
-import 'zone.js/testing';
 import { getTestBed } from '@angular/core/testing';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
-} from '@angular/platform-browser-dynamic/testing';
+import { BrowserTestingModule, platformBrowserTesting } from '@angular/platform-browser/testing';
 
 // First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting(), {
-    teardown: { destroyAfterEach: false }
-}
-);
+getTestBed().initTestEnvironment(BrowserTestingModule, platformBrowserTesting(), {
+  teardown: { destroyAfterEach: false },
+});

From a752b844026a3d44b428116051cb329e1aadc1f2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Thu, 26 Feb 2026 14:03:51 +0200
Subject: [PATCH 08/43] Fix declarations

---
 README.md                                     |    2 +-
 package.json                                  |   19 +-
 projects/lf-cdn/karma.conf.js                 |   37 -
 projects/lf-cdn/src/test.ts                   |   18 -
 projects/lf-cdn/tsconfig.spec.json            |    7 +-
 projects/lf-documentation/karma.conf.js       |   40 -
 ...xample-usage-basic-steps.directive.spec.ts |   31 +-
 ...-container-documentation.component.spec.ts |   63 +-
 .../lf-field-documentation.component.spec.ts  |   57 +-
 ...-container-documentation.component.spec.ts |   61 +-
 projects/lf-documentation/src/test.ts         |   12 -
 projects/lf-documentation/tsconfig.spec.json  |    7 +-
 .../general-dialog-layout.component.spec.ts   |  152 +-
 .../lf-loader/lf-loader.component.spec.ts     |    2 +-
 .../lf-popup-modal.component.spec.ts          |    2 +-
 .../lf-toast-message.component.spec.ts        |   12 +-
 .../internal-shared/validation-utils.spec.ts  |   12 +-
 projects/ui-components/karma.conf.js          |   40 -
 .../items/items.component.spec.ts             |    3 +-
 .../lf-checklist.component.spec.ts            |    2 +-
 .../options/options.component.spec.ts         |    2 +-
 .../lf-login/lf-login.component.spec.ts       |    2 +-
 .../login-utils/lf-login.service.spec.ts      |    4 +-
 .../date-field/date-field.component.spec.ts   |   32 +-
 .../date-time-field.component.spec.ts         |   29 +-
 .../lf-field-base.component.spec.ts           |   13 +-
 .../lf-field-token.service.spec.ts            |   10 +-
 .../lf-field-validation-utils.spec.ts         |   20 +-
 .../list-field/list-field.component.spec.ts   |  105 +-
 .../number-field.component.spec.ts            |   11 +-
 .../text-field/text-field.component.spec.ts   |  578 ++++---
 .../time-field/time-field.component.spec.ts   |   19 +-
 .../lf-token-picker.component.spec.ts         |    3 +-
 .../lf-field-group.component.spec.ts          |   11 +-
 .../lf-field-multivalue.component.spec.ts     |  155 +-
 .../lf-field/lf-field.component.spec.ts       |   75 +-
 .../uni-date-time.component.spec.ts           |    2 +-
 .../lf-field-add-remove.component.spec.ts     |  510 +++---
 ...lf-field-adhoc-container.component.spec.ts |   22 +-
 .../lf-field-container.component.spec.ts      |   12 +-
 ...field-template-container.component.spec.ts |  489 +++---
 .../lf-repository-browser.component.spec.ts   | 1446 ++++++++---------
 .../lf-selection-list.component.spec.ts       |    4 +-
 .../feedback-image-upload.component.spec.ts   |   36 +-
 .../feedback-submission.component.spec.ts     |   14 +-
 ...ack-suggestion-selection.component.spec.ts |    2 +-
 .../lf-analytics.service.spec.ts              |    4 +-
 .../lf-user-feedback.component.spec.ts        |    3 +-
 .../user-feedback-dialog.component.spec.ts    |   36 +-
 .../ui-components/shared/LfSelectable.spec.ts |   88 +-
 .../lf-breadcrumbs.component.spec.ts          |    2 +-
 .../lf-toolbar/lf-toolbar.component.spec.ts   |    3 +-
 projects/ui-components/test.ts                |   12 -
 projects/ui-components/tsconfig.spec.json     |    6 +-
 vitest.config.js                              |   11 +
 55 files changed, 2067 insertions(+), 2283 deletions(-)
 delete mode 100644 projects/lf-cdn/karma.conf.js
 delete mode 100644 projects/lf-cdn/src/test.ts
 delete mode 100644 projects/lf-documentation/karma.conf.js
 delete mode 100644 projects/lf-documentation/src/test.ts
 delete mode 100644 projects/ui-components/karma.conf.js
 delete mode 100644 projects/ui-components/test.ts
 create mode 100644 vitest.config.js

diff --git a/README.md b/README.md
index 1776dc72..dbc59d8b 100644
--- a/README.md
+++ b/README.md
@@ -98,7 +98,7 @@ This will launch a Chrome browser and run all projects.
 Press Ctrl+C in the console to run the next project.
 
 You can also run a specific project, for example: `npm run test ui-components`.
-For more details on how to run specific components or tests, visit the karma test documentation.
+For more details on how to run specific components or tests, visit the Vitest test documentation.
 
 ### Run lint
 
diff --git a/package.json b/package.json
index 9408680d..8a80e15b 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,7 @@
     "build-ui-components-dev": "ng build ui-components --configuration development",
     "build-ui-components-dev-watch": "ng build ui-components --configuration development --watch",
     "test": "ng test",
-    "test:ci": "ng test --watch=false --browsers=ChromeHeadless --reporters='junit,progress'",
+    "test:ci": "ng test --watch=false",
     "lint": "ng lint",
     "tsc-cdn": "tsc --project ./projects/lf-cdn/tsconfig.app.json",
     "api-extractor": "api-extractor run --local",
@@ -45,30 +45,25 @@
     "@angular-eslint/template-parser": "^21.2.0",
     "@angular/cli": "^21.1.4",
     "@microsoft/api-extractor": "^7.57.0",
-    "@stylistic/eslint-plugin": "^5.8.0",
-    "@types/jasmine": "^3.6.0",
+    "@stylistic/eslint-plugin": "^5.9.0",
     "@types/lodash": "^4.17.23",
-    "@types/node": "^24.10.12",
+    "@types/node": "^24.10.13",
     "@typescript-eslint/eslint-plugin": "^8.56.0",
     "@typescript-eslint/parser": "^8.56.0",
+    "@vitest/browser": "^4.0.18",
+    "@vitest/browser-playwright": "^4.0.18",
     "date-fns": "^4.1.0",
     "eslint": "^9.39.2",
     "flatpickr": "^4.6.13",
     "gulp": "^5.0.1",
     "gulp-concat": "^2.6.1",
     "gulp-replace": "^1.1.4",
-    "jasmine-core": "^4.1.0",
-    "karma": "^6.4.4",
-    "karma-chrome-launcher": "^3.1.0",
-    "karma-coverage": "^2.0.3",
-    "karma-coverage-istanbul-reporter": "^3.0.3",
-    "karma-jasmine": "^4.0.0",
-    "karma-jasmine-html-reporter": "^1.7.0",
-    "karma-junit-reporter": "^2.0.1",
+    "jsdom": "^28.1.0",
     "ng-packagr": "^21.1.0",
     "puppeteer": "^24.37.4",
     "tslib": "^2.8.1",
     "typescript": "5.9.3",
+    "vitest": "^4.0.18",
     "yargs": "^18.0.0"
   },
   "peerDependencies": {
diff --git a/projects/lf-cdn/karma.conf.js b/projects/lf-cdn/karma.conf.js
deleted file mode 100644
index 3f94aeba..00000000
--- a/projects/lf-cdn/karma.conf.js
+++ /dev/null
@@ -1,37 +0,0 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-// Karma configuration file, see link for more information
-// https://karma-runner.github.io/1.0/config/configuration-file.html
-process.env.CHROME_BIN = process.env.CHROME_BIN || require('puppeteer').executablePath();
-
-module.exports = function (config) {
-  config.set({
-    basePath: '',
-    frameworks: ['jasmine', '@angular-devkit/build-angular'],
-    plugins: [
-      require('karma-jasmine'),
-      require('karma-chrome-launcher'),
-      require('karma-jasmine-html-reporter'),
-      require('karma-coverage-istanbul-reporter'),
-      require('@angular-devkit/build-angular/plugins/karma'),
-      require('karma-junit-reporter'),
-    ],
-    client: {
-      clearContext: false, // leave Jasmine Spec Runner output visible in browser
-    },
-    coverageIstanbulReporter: {
-      dir: require('path').join(__dirname, '../../coverage/lf-cdn'),
-      reports: ['html', 'lcovonly', 'text-summary'],
-      fixWebpackSourcePaths: true,
-    },
-    reporters: ['progress', 'kjhtml', 'junit'],
-    port: 9876,
-    colors: true,
-    logLevel: config.LOG_INFO,
-    autoWatch: true,
-    browsers: ['Chrome'],
-    singleRun: false,
-    restartOnFileChange: true,
-  });
-};
diff --git a/projects/lf-cdn/src/test.ts b/projects/lf-cdn/src/test.ts
deleted file mode 100644
index 54da4a0e..00000000
--- a/projects/lf-cdn/src/test.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
-import { getTestBed } from '@angular/core/testing';
-import {
-  BrowserTestingModule,
-  platformBrowserTesting
-} from '@angular/platform-browser/testing';
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
-  BrowserTestingModule,
-  platformBrowserTesting(), {
-    teardown: { destroyAfterEach: false }
-}
-);
diff --git a/projects/lf-cdn/tsconfig.spec.json b/projects/lf-cdn/tsconfig.spec.json
index b66a2f0b..7c1a966b 100644
--- a/projects/lf-cdn/tsconfig.spec.json
+++ b/projects/lf-cdn/tsconfig.spec.json
@@ -3,14 +3,11 @@
   "extends": "../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../out-tsc/spec",
+    "skipLibCheck": true,
     "types": [
-      "jasmine"
+      "vitest/globals"
     ]
   },
-  "files": [
-    "src/test.ts",
-    "src/polyfills.ts"
-  ],
   "include": [
     "src/**/*.spec.ts",
     "src/**/*.d.ts"
diff --git a/projects/lf-documentation/karma.conf.js b/projects/lf-documentation/karma.conf.js
deleted file mode 100644
index 9fe5bdaa..00000000
--- a/projects/lf-documentation/karma.conf.js
+++ /dev/null
@@ -1,40 +0,0 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-// Karma configuration file, see link for more information
-// https://karma-runner.github.io/1.0/config/configuration-file.html
-process.env.CHROME_BIN = process.env.CHROME_BIN || require('puppeteer').executablePath();
-
-module.exports = function (config) {
-  config.set({
-    basePath: '',
-    frameworks: ['jasmine', '@angular-devkit/build-angular'],
-    plugins: [
-      require('karma-jasmine'),
-      require('karma-chrome-launcher'),
-      require('karma-jasmine-html-reporter'),
-      require('karma-coverage-istanbul-reporter'),
-      require('@angular-devkit/build-angular/plugins/karma'),
-      require('karma-junit-reporter'),
-    ],
-    client: {
-      clearContext: false, // leave Jasmine Spec Runner output visible in browser
-    },
-    coverageIstanbulReporter: {
-      dir: require('path').join(
-        __dirname,
-        '../../coverage/lf-documentation'
-      ),
-      reports: ['html', 'lcovonly', 'text-summary'],
-      fixWebpackSourcePaths: true,
-    },
-    reporters: ['progress', 'kjhtml', 'junit'],
-    port: 9876,
-    colors: true,
-    logLevel: config.LOG_INFO,
-    autoWatch: true,
-    browsers: ['Chrome'],
-    singleRun: false,
-    restartOnFileChange: true,
-  });
-};
diff --git a/projects/lf-documentation/src/app/example-usage-basic-steps.directive.spec.ts b/projects/lf-documentation/src/app/example-usage-basic-steps.directive.spec.ts
index 5530c0a2..777afbce 100644
--- a/projects/lf-documentation/src/app/example-usage-basic-steps.directive.spec.ts
+++ b/projects/lf-documentation/src/app/example-usage-basic-steps.directive.spec.ts
@@ -1,16 +1,15 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { TestBed, waitForAsync } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
-import { ExampleUsageBasicStepsDirective } from './example-usage-basic-steps.directive';
-
-describe('ExampleUsageBasicStepsDirective', () => {
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [ExampleUsageBasicStepsDirective],
-      providers: [RouterTestingModule]
-    })
-      .compileComponents();
-  }));
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { TestBed } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { ExampleUsageBasicStepsDirective } from './example-usage-basic-steps.directive';
+
+describe('ExampleUsageBasicStepsDirective', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ExampleUsageBasicStepsDirective],
+      providers: [RouterTestingModule]
+    }).compileComponents();
+  });
+});
diff --git a/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.spec.ts b/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.spec.ts
index e93fd8fe..e6276b70 100644
--- a/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.spec.ts
@@ -1,32 +1,31 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
-import { CardComponent } from '../card/card.component';
-import { RouterTestingModule } from '@angular/router/testing';
-import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { LfFieldAdhocContainerDocumentationComponent } from './lf-field-adhoc-container-documentation.component';
-import { LfMetadataModule } from './../../../../ui-components/lf-metadata/lf-metadata.module';
-
-describe('LfFieldAdhocContainerDocumentationComponent', () => {
-  let component: LfFieldAdhocContainerDocumentationComponent;
-  let fixture: ComponentFixture<LfFieldAdhocContainerDocumentationComponent>;
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [LfFieldAdhocContainerDocumentationComponent, CardComponent],
-      imports: [RouterTestingModule, LfMetadataModule],
-      schemas: [CUSTOM_ELEMENTS_SCHEMA],
-    }).compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(LfFieldAdhocContainerDocumentationComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { CardComponent } from '../card/card.component';
+import { RouterTestingModule } from '@angular/router/testing';
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { LfFieldAdhocContainerDocumentationComponent } from './lf-field-adhoc-container-documentation.component';
+import { LfMetadataModule } from './../../../../ui-components/lf-metadata/lf-metadata.module';
+
+describe('LfFieldAdhocContainerDocumentationComponent', () => {
+  let component: LfFieldAdhocContainerDocumentationComponent;
+  let fixture: ComponentFixture<LfFieldAdhocContainerDocumentationComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [LfFieldAdhocContainerDocumentationComponent, CardComponent],
+      imports: [RouterTestingModule, LfMetadataModule],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA] }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LfFieldAdhocContainerDocumentationComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/lf-documentation/src/app/lf-field-documentation/lf-field-documentation.component.spec.ts b/projects/lf-documentation/src/app/lf-field-documentation/lf-field-documentation.component.spec.ts
index 42b67c4b..63dafafb 100644
--- a/projects/lf-documentation/src/app/lf-field-documentation/lf-field-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/lf-field-documentation/lf-field-documentation.component.spec.ts
@@ -1,29 +1,28 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
-import { LfFieldDocumentationComponent } from './lf-field-documentation.component';
-
-describe('LfFieldDocumentationComponent', () => {
-  let component: LfFieldDocumentationComponent;
-  let fixture: ComponentFixture<LfFieldDocumentationComponent>;
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [LfFieldDocumentationComponent],
-      schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
-    })
-      .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(LfFieldDocumentationComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { LfFieldDocumentationComponent } from './lf-field-documentation.component';
+
+describe('LfFieldDocumentationComponent', () => {
+  let component: LfFieldDocumentationComponent;
+  let fixture: ComponentFixture<LfFieldDocumentationComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [LfFieldDocumentationComponent],
+      schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LfFieldDocumentationComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.spec.ts b/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.spec.ts
index f13e17de..f35ac614 100644
--- a/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.spec.ts
@@ -1,31 +1,30 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
-import { LfFieldTemplateContainerDocumentationComponent } from './lf-field-template-container-documentation.component';
-import { LfMetadataModule } from './../../../../ui-components/lf-metadata/lf-metadata.module';
-
-describe('LfFieldTemplateContainerDocumentationComponent', () => {
-  let component: LfFieldTemplateContainerDocumentationComponent;
-  let fixture: ComponentFixture<LfFieldTemplateContainerDocumentationComponent>;
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [ LfFieldTemplateContainerDocumentationComponent ],
-      imports: [LfMetadataModule,],
-      schemas: [CUSTOM_ELEMENTS_SCHEMA]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(LfFieldTemplateContainerDocumentationComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { LfFieldTemplateContainerDocumentationComponent } from './lf-field-template-container-documentation.component';
+import { LfMetadataModule } from './../../../../ui-components/lf-metadata/lf-metadata.module';
+
+describe('LfFieldTemplateContainerDocumentationComponent', () => {
+  let component: LfFieldTemplateContainerDocumentationComponent;
+  let fixture: ComponentFixture<LfFieldTemplateContainerDocumentationComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ LfFieldTemplateContainerDocumentationComponent ],
+      imports: [LfMetadataModule,],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA]
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LfFieldTemplateContainerDocumentationComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/lf-documentation/src/test.ts b/projects/lf-documentation/src/test.ts
deleted file mode 100644
index 93497a70..00000000
--- a/projects/lf-documentation/src/test.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
-import { getTestBed } from '@angular/core/testing';
-import { BrowserTestingModule, platformBrowserTesting } from '@angular/platform-browser/testing';
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(BrowserTestingModule, platformBrowserTesting(), {
-  teardown: { destroyAfterEach: false },
-});
diff --git a/projects/lf-documentation/tsconfig.spec.json b/projects/lf-documentation/tsconfig.spec.json
index b66a2f0b..7c1a966b 100644
--- a/projects/lf-documentation/tsconfig.spec.json
+++ b/projects/lf-documentation/tsconfig.spec.json
@@ -3,14 +3,11 @@
   "extends": "../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../out-tsc/spec",
+    "skipLibCheck": true,
     "types": [
-      "jasmine"
+      "vitest/globals"
     ]
   },
-  "files": [
-    "src/test.ts",
-    "src/polyfills.ts"
-  ],
   "include": [
     "src/**/*.spec.ts",
     "src/**/*.d.ts"
diff --git a/projects/ui-components/internal-shared/general-dialog-layout/general-dialog-layout.component.spec.ts b/projects/ui-components/internal-shared/general-dialog-layout/general-dialog-layout.component.spec.ts
index 36b44993..b3a2cb80 100644
--- a/projects/ui-components/internal-shared/general-dialog-layout/general-dialog-layout.component.spec.ts
+++ b/projects/ui-components/internal-shared/general-dialog-layout/general-dialog-layout.component.spec.ts
@@ -1,77 +1,75 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component, ViewChild, DebugElement } from '@angular/core';
-import { By } from '@angular/platform-browser';
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-
-import { GeneralDialogLayoutComponent } from './general-dialog-layout.component';
-
-@Component({
-    selector: 'lf-dialog-layout-tester',
-    template: `<lf-general-dialog-layout id="layout">
-      <div class="dialog-header">Header</div>
-      <div class="dialog-header">Header Two</div>
-      <div class="dialog-content">Content</div>
-      <div class="dialog-content">Content2</div>
-      <div class="dialog-content">Content3</div>
-      <div class="dialog-footer">Footer</div>
-    </lf-general-dialog-layout>`,
-    standalone: true,
-    imports: [GeneralDialogLayoutComponent]
-})
-export class DialogLayoutTesterComponent {
-  @ViewChild('#layout', /* TODO: add static flag */ {}) layout?: GeneralDialogLayoutComponent;
-}
-
-describe('LfGeneralDialogLayoutComponent UI tests', () => {
-  let component: DialogLayoutTesterComponent;
-  let fixture: ComponentFixture<DialogLayoutTesterComponent>;
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      imports: [ DialogLayoutTesterComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(DialogLayoutTesterComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should insert the header div into the LfGeneralDialogLayoutComponent header section', () => {
-    expect(fixture.debugElement.query(By.css('.header')).children.length).toBe(2);
-  });
-
-  it('should insert the content div into the LfGeneralDialogLayoutComponent content section', () => {
-    expect(fixture.debugElement.query(By.css('.content-box')).children.length).toBe(3);
-  });
-
-  it('should insert the footer div into the LfGeneralDialogLayoutComponent footer section', () => {
-    expect(fixture.debugElement.query(By.css('.footer')).children.length).toBe(1);
-  });
-});
-
-describe('LfGeneralDialogLayoutComponent', () => {
-  let component: GeneralDialogLayoutComponent;
-  let fixture: ComponentFixture<GeneralDialogLayoutComponent>;
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [ GeneralDialogLayoutComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(GeneralDialogLayoutComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component, ViewChild, DebugElement } from '@angular/core';
+import { By } from '@angular/platform-browser';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { GeneralDialogLayoutComponent } from './general-dialog-layout.component';
+
+@Component({
+    selector: 'lf-dialog-layout-tester',
+    template: `<lf-general-dialog-layout id="layout">
+      <div class="dialog-header">Header</div>
+      <div class="dialog-header">Header Two</div>
+      <div class="dialog-content">Content</div>
+      <div class="dialog-content">Content2</div>
+      <div class="dialog-content">Content3</div>
+      <div class="dialog-footer">Footer</div>
+    </lf-general-dialog-layout>`,
+    standalone: true,
+    imports: [GeneralDialogLayoutComponent]
+})
+export class DialogLayoutTesterComponent {
+  @ViewChild('#layout', /* TODO: add static flag */ {}) layout?: GeneralDialogLayoutComponent;
+}
+
+describe('LfGeneralDialogLayoutComponent UI tests', () => {
+  let component: DialogLayoutTesterComponent;
+  let fixture: ComponentFixture<DialogLayoutTesterComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ DialogLayoutTesterComponent ]
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DialogLayoutTesterComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should insert the header div into the LfGeneralDialogLayoutComponent header section', () => {
+    expect(fixture.debugElement.query(By.css('.header')).children.length).toBe(2);
+  });
+
+  it('should insert the content div into the LfGeneralDialogLayoutComponent content section', () => {
+    expect(fixture.debugElement.query(By.css('.content-box')).children.length).toBe(3);
+  });
+
+  it('should insert the footer div into the LfGeneralDialogLayoutComponent footer section', () => {
+    expect(fixture.debugElement.query(By.css('.footer')).children.length).toBe(1);
+  });
+});
+
+describe('LfGeneralDialogLayoutComponent', () => {
+  let component: GeneralDialogLayoutComponent;
+  let fixture: ComponentFixture<GeneralDialogLayoutComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ GeneralDialogLayoutComponent ]
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(GeneralDialogLayoutComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/ui-components/internal-shared/lf-loader/lf-loader.component.spec.ts b/projects/ui-components/internal-shared/lf-loader/lf-loader.component.spec.ts
index edfe9c4c..2fb986a9 100644
--- a/projects/ui-components/internal-shared/lf-loader/lf-loader.component.spec.ts
+++ b/projects/ui-components/internal-shared/lf-loader/lf-loader.component.spec.ts
@@ -11,7 +11,7 @@ describe('LfLoaderComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ LfLoaderComponent ]
+      imports: [ LfLoaderComponent ]
     })
     .compileComponents();
   });
diff --git a/projects/ui-components/internal-shared/lf-modals/lf-popup-modal/lf-popup-modal.component.spec.ts b/projects/ui-components/internal-shared/lf-modals/lf-popup-modal/lf-popup-modal.component.spec.ts
index 9284a966..760faf2e 100644
--- a/projects/ui-components/internal-shared/lf-modals/lf-popup-modal/lf-popup-modal.component.spec.ts
+++ b/projects/ui-components/internal-shared/lf-modals/lf-popup-modal/lf-popup-modal.component.spec.ts
@@ -10,7 +10,7 @@ describe('LfPopupModalComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ LfPopupModalComponent ]
+      imports: [ LfPopupModalComponent ]
     })
     .compileComponents();
   });
diff --git a/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.spec.ts b/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.spec.ts
index fe4ee504..cbdeec51 100644
--- a/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.spec.ts
+++ b/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.spec.ts
@@ -11,7 +11,7 @@ describe('LfToastMessageComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [LfToastMessageComponent]
+      imports: [LfToastMessageComponent]
     })
     .compileComponents();
   });
@@ -50,7 +50,8 @@ describe('LfToastMessageComponent', () => {
     expect(component.allMessages.length).toBe(3);
   });
 
-  it('should remove validation and informational after the alloted time', (done) => {
+  it('should remove validation and informational after the alloted time', () => {
+    return new Promise<void>((done) => {
     const timeToShow = 100;
     const validationMessage: LfToastMessage = {
       message: 'Test',
@@ -71,10 +72,11 @@ describe('LfToastMessageComponent', () => {
       expect(component.allMessages.length).toBe(0);
       done();
     }, timeToShow + 100);
-    return;
+    });
   });
 
-  it('should not remove error or warning messages after alloted time', (done) => {
+  it('should not remove error or warning messages after alloted time', () => {
+    return new Promise<void>((done) => {
     const timeToShow = 100;
     const errorMessage: LfToastMessage = {
       message: 'Test',
@@ -96,7 +98,7 @@ describe('LfToastMessageComponent', () => {
       expect(component.allMessages.length).toBe(2);
       done();
     }, timeToShow + 100);
-    return;
+    });
   });
 
   it('should remove all messages when clearToasts is called', () => {
diff --git a/projects/ui-components/internal-shared/validation-utils.spec.ts b/projects/ui-components/internal-shared/validation-utils.spec.ts
index 6fadd4c1..4fd728c6 100644
--- a/projects/ui-components/internal-shared/validation-utils.spec.ts
+++ b/projects/ui-components/internal-shared/validation-utils.spec.ts
@@ -17,7 +17,7 @@ describe('ValidationUtils', () => {
     const validator = ValidationUtils.generalRegexValidator(twoDigitRegex, 'twoDigit');
     const goodFC: FormControl = new FormControl('12', [validator]);
     const badFC: FormControl = new FormControl('123', [validator]);
-    expect(goodFC.hasError('twoDigit')).toBeFalse();
+    expect(goodFC.hasError('twoDigit')).toBe(false);
     expect(badFC.hasError('twoDigit')).toBeTruthy();
   });
 
@@ -25,19 +25,19 @@ describe('ValidationUtils', () => {
 
     const validator = ValidationUtils.requiredValidator();
     let formControl: FormControl = new FormControl('', [validator]);
-    expect(formControl.hasError('required')).toBeTrue();
+    expect(formControl.hasError('required')).toBe(true);
 
     formControl = new FormControl('  ', [validator]);
-    expect(formControl.hasError('required')).toBeTrue();
+    expect(formControl.hasError('required')).toBe(true);
     
     formControl = new FormControl(null, [validator]);
-    expect(formControl.hasError('required')).toBeTrue();
+    expect(formControl.hasError('required')).toBe(true);
 
     formControl = new FormControl(undefined, [validator]);
-    expect(formControl.hasError('required')).toBeTrue();
+    expect(formControl.hasError('required')).toBe(true);
 
     formControl = new FormControl('123', [validator]);
-    expect(formControl.hasError('required')).toBeFalse();
+    expect(formControl.hasError('required')).toBe(false);
 
   });
 
diff --git a/projects/ui-components/karma.conf.js b/projects/ui-components/karma.conf.js
deleted file mode 100644
index 4e19a361..00000000
--- a/projects/ui-components/karma.conf.js
+++ /dev/null
@@ -1,40 +0,0 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-// Karma configuration file, see link for more information
-// https://karma-runner.github.io/1.0/config/configuration-file.html
-process.env.CHROME_BIN = process.env.CHROME_BIN || require('puppeteer').executablePath();
-
-module.exports = function (config) {
-  config.set({
-    basePath: '',
-    frameworks: ['jasmine', '@angular-devkit/build-angular'],
-    plugins: [
-      require('karma-jasmine'),
-      require('karma-chrome-launcher'),
-      require('karma-jasmine-html-reporter'),
-      require('karma-coverage-istanbul-reporter'),
-      require('@angular-devkit/build-angular/plugins/karma'),
-      require('karma-junit-reporter'),
-    ],
-    client: {
-      clearContext: false, // leave Jasmine Spec Runner output visible in browser
-    },
-    coverageIstanbulReporter: {
-      dir: require('path').join(
-        __dirname,
-        '../../coverage/lf-documentation'
-      ),
-      reports: ['html', 'lcovonly', 'text-summary'],
-      fixWebpackSourcePaths: true,
-    },
-    reporters: ['progress', 'kjhtml', 'junit'],
-    port: 9876,
-    colors: true,
-    logLevel: config.LOG_INFO,
-    autoWatch: true,
-    browsers: ['Chrome'],
-    singleRun: false,
-    restartOnFileChange: true
-  });
-};
diff --git a/projects/ui-components/lf-checklist/items/items.component.spec.ts b/projects/ui-components/lf-checklist/items/items.component.spec.ts
index cf270f4d..285387bf 100644
--- a/projects/ui-components/lf-checklist/items/items.component.spec.ts
+++ b/projects/ui-components/lf-checklist/items/items.component.spec.ts
@@ -14,8 +14,7 @@ describe('ItemsComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ItemsComponent],
-      imports: [FormsModule, MatInputModule, MatFormFieldModule, ReactiveFormsModule]
+      imports: [ItemsComponent, FormsModule, MatInputModule, MatFormFieldModule, ReactiveFormsModule]
     })
       .compileComponents();
   });
diff --git a/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.spec.ts b/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.spec.ts
index b647ecaa..a8c06259 100644
--- a/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.spec.ts
+++ b/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.spec.ts
@@ -11,7 +11,7 @@ describe('LfChecklistComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ LfChecklistComponent ]
+      imports: [ LfChecklistComponent ]
     })
     .compileComponents();
   });
diff --git a/projects/ui-components/lf-checklist/options/options.component.spec.ts b/projects/ui-components/lf-checklist/options/options.component.spec.ts
index aecba451..52316be4 100644
--- a/projects/ui-components/lf-checklist/options/options.component.spec.ts
+++ b/projects/ui-components/lf-checklist/options/options.component.spec.ts
@@ -11,7 +11,7 @@ describe('OptionsComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ OptionsComponent ]
+      imports: [ OptionsComponent ]
     })
     .compileComponents();
   });
diff --git a/projects/ui-components/lf-login/lf-login.component.spec.ts b/projects/ui-components/lf-login/lf-login.component.spec.ts
index 055ac66c..141ef57d 100644
--- a/projects/ui-components/lf-login/lf-login.component.spec.ts
+++ b/projects/ui-components/lf-login/lf-login.component.spec.ts
@@ -12,8 +12,8 @@ describe('LfLoginComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ LfLoginComponent ],
       imports: [
+        LfLoginComponent,
         MatMenuModule
       ]
     })
diff --git a/projects/ui-components/lf-login/login-utils/lf-login.service.spec.ts b/projects/ui-components/lf-login/login-utils/lf-login.service.spec.ts
index 9def84c1..81f5c106 100644
--- a/projects/ui-components/lf-login/login-utils/lf-login.service.spec.ts
+++ b/projects/ui-components/lf-login/login-utils/lf-login.service.spec.ts
@@ -24,12 +24,12 @@ describe('LfLoginService', () => {
   });
 
   it('exchangeCodeForTokenAsync should throw error if empty params', async () => {
-    await expectAsync(service.exchangeCodeForTokenAsync({})).toBeRejectedWithError();
+    await expect(service.exchangeCodeForTokenAsync({})).rejects.toThrow();
   });
 
   it('exchangeCodeForTokenAsync should emit logoutCompletedInService if empty code verifier in local storage', async () => {
     localStorage.removeItem(service.codeVerifierStorageKey);
-    spyOn(service.logoutCompletedInService, 'emit');
+    vi.spyOn(service.logoutCompletedInService, 'emit');
     await service.exchangeCodeForTokenAsync({authorizationCode: 'test authorization code' });
     expect(service.logoutCompletedInService.emit).toHaveBeenCalledWith({
       ErrorType: 'no code verifier',
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-field/date-field.component.spec.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-field/date-field.component.spec.ts
index 27586b5b..e8f417d1 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-field/date-field.component.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-field/date-field.component.spec.ts
@@ -1,7 +1,7 @@
 // Copyright Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { DateFieldComponent } from './date-field.component';
 import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { LfFieldInfo } from '../../../utils/lf-field-types';
@@ -15,7 +15,7 @@ import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
 import { MatMenuModule } from '@angular/material/menu';
 import { CoreUtils } from '@laserfiche/lf-js-utils';
-import { UniDateTimeComponent, LfUniDateTimeModule } from 'projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.module';
+import { UniDateTimeComponent } from 'projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component';
 import { UniDateTimeService } from 'projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.service';
 
 describe('DateFieldComponent', () => {
@@ -43,13 +43,11 @@ describe('DateFieldComponent', () => {
     displayName: 'optionalDateName'
   };
 
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [
-        DateFieldComponent,
-        LfTokenPickerComponent
-      ],
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
       imports: [
+        DateFieldComponent,
+        LfTokenPickerComponent,
         BrowserAnimationsModule,
         CommonModule,
         FormsModule,
@@ -57,15 +55,14 @@ describe('DateFieldComponent', () => {
         MatInputModule,
         MatMenuModule,
         ReactiveFormsModule,
-        LfUniDateTimeModule
+        UniDateTimeComponent
       ],
       providers: [
         LfFieldTokenService,
         AppLocalizationService
       ]
-    })
-      .compileComponents();
-  }));
+    }).compileComponents();
+  });
 
   beforeEach(() => {
     requiredDateFixture = TestBed.createComponent(DateFieldComponent);
@@ -153,7 +150,7 @@ describe('DateFieldComponent', () => {
     const expectedBrokenRule = ValidationRule.DATEPICKER_PARSE;
     const expectedDateFormat = 'MM/DD/YYYY';
 
-    const returnedDateTimeObject = { component: new UniDateTimeComponent(new UniDateTimeService()) };
+    const returnedDateTimeObject = { component: TestBed.createComponent(UniDateTimeComponent).componentInstance };
     returnedDateTimeObject.component.dateControl = new FormControl();
     returnedDateTimeObject.component.timeControl = new FormControl();
     returnedDateTimeObject.component.dateTimeControl = new FormControl();
@@ -184,7 +181,7 @@ describe('DateFieldComponent', () => {
     // arrange
     const expectedDateValue = '2020-12-29T00:00:00';
 
-    const returnedDateTimeObject = { component: new UniDateTimeComponent(new UniDateTimeService()) };
+    const returnedDateTimeObject = { component: TestBed.createComponent(UniDateTimeComponent).componentInstance };
     returnedDateTimeObject.component.dateControl = new FormControl();
     returnedDateTimeObject.component.timeControl = new FormControl();
     returnedDateTimeObject.component.dateTimeControl = new FormControl();
@@ -209,7 +206,7 @@ describe('DateFieldComponent', () => {
     const containsToken = requiredDateComponent.containsToken;
 
     // assert
-    expect(containsToken).toBeTrue();
+    expect(containsToken).toBe(true);
   });
 
   it('should not detect token if token does not exist in token list', async () => {
@@ -223,15 +220,14 @@ describe('DateFieldComponent', () => {
     const containsToken = optionalDateComponent.containsToken;
 
     // assert
-    expect(containsToken).toBeFalse();
+    expect(containsToken).toBe(false);
   });
 
   it('should update locale when format error occurs', async () => {
     // arrange
     const expectedDateFormat: string = 'DD/MM/YYYY';
     optionalDateComponent.lf_field_form_control.setErrors({
-      [ValidationRule.DATEPICKER_PARSE]: { dateTimeFormat: expectedDateFormat },
-    });
+      [ValidationRule.DATEPICKER_PARSE]: { dateTimeFormat: expectedDateFormat } });
     // act
     let value: string | undefined;
     optionalDateComponent.getValidationTextForFieldType(ValidationRule.DATEPICKER_PARSE);
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-time-field/date-time-field.component.spec.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-time-field/date-time-field.component.spec.ts
index 19df74d2..95834b21 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-time-field/date-time-field.component.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-time-field/date-time-field.component.spec.ts
@@ -1,7 +1,7 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { DateTimeFieldComponent } from './date-time-field.component';
 import { LfFieldBaseComponent } from '../lf-field-base/lf-field-base.component';
 import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
@@ -16,10 +16,7 @@ import { MatInputModule } from '@angular/material/input';
 import { MatMenuModule } from '@angular/material/menu';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { CoreUtils } from '@laserfiche/lf-js-utils';
-import {
-  UniDateTimeComponent,
-  LfUniDateTimeModule,
-} from 'projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.module';
+import { UniDateTimeComponent } from 'projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component';
 import { UniDateTimeService } from 'projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.service';
 
 describe('DateTimeFieldComponent', () => {
@@ -35,21 +32,19 @@ describe('DateTimeFieldComponent', () => {
     description: 'requiredDateTimeDescription',
     isRequired: true,
     fieldType: FieldType.DateTime,
-    displayName: 'requiredDateTimeName',
-  };
+    displayName: 'requiredDateTimeName' };
 
   const optionalDateTime: LfFieldInfo = {
     name: 'optionalDateTimeName',
     id: 2,
     description: 'optionalDateTimeDescription',
     fieldType: FieldType.DateTime,
-    displayName: 'optionalDateTimeName',
-  };
+    displayName: 'optionalDateTimeName' };
 
-  beforeEach(waitForAsync(async () => {
+  beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [DateTimeFieldComponent, LfFieldBaseComponent, LfTokenPickerComponent],
       imports: [
+        DateTimeFieldComponent, LfFieldBaseComponent, LfTokenPickerComponent,
         BrowserAnimationsModule,
         CommonModule,
         FormsModule,
@@ -57,11 +52,10 @@ describe('DateTimeFieldComponent', () => {
         MatInputModule,
         MatMenuModule,
         ReactiveFormsModule,
-        LfUniDateTimeModule,
+        UniDateTimeComponent,
       ],
-      providers: [LfFieldTokenService, AppLocalizationService],
-    }).compileComponents();
-  }));
+      providers: [LfFieldTokenService, AppLocalizationService] }).compileComponents();
+  });
 
   beforeEach(() => {
     requiredDateTimeFixture = TestBed.createComponent(DateTimeFieldComponent);
@@ -181,7 +175,7 @@ describe('DateTimeFieldComponent', () => {
     const expectedDateFormat = 'MM/DD/YYYY';
     const expectedTimeFormat = 'hh:mm:ss';
     const expectedDateTimeFomrat = expectedDateFormat + ' ' + expectedTimeFormat;
-    const returnedDateTimeObject = { component: new UniDateTimeComponent(new UniDateTimeService()) };
+    const returnedDateTimeObject = { component: TestBed.createComponent(UniDateTimeComponent).componentInstance };
     returnedDateTimeObject.component.dateControl = new FormControl();
     returnedDateTimeObject.component.timeControl = new FormControl();
     returnedDateTimeObject.component.dateTimeControl = new FormControl();
@@ -232,8 +226,7 @@ describe('DateTimeFieldComponent', () => {
     // arrange
     const expectedDateTimeFormat: string = 'DD/MM/YYYY H:mm';
     optionalDateTimeComponent.lf_field_form_control.setErrors({
-      [ValidationRule.DATETIME_PICKER_PARSE]: { dateTimeFormat: expectedDateTimeFormat },
-    });
+      [ValidationRule.DATETIME_PICKER_PARSE]: { dateTimeFormat: expectedDateTimeFormat } });
     // act
     let actualValue: string | undefined;
 
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.spec.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.spec.ts
index b88ac90a..336bcd6e 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.spec.ts
@@ -1,7 +1,7 @@
 // Copyright Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { LfTokenService } from '../../lf-token-picker/lf-token.service';
 import { LfFieldBaseComponent } from './lf-field-base.component';
 
@@ -9,13 +9,12 @@ describe('LfFieldBaseComponent', () => {
   let component: LfFieldBaseComponent;
   let fixture: ComponentFixture<LfFieldBaseComponent>;
 
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [LfFieldBaseComponent],
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [LfFieldBaseComponent],
       providers: [LfTokenService]
-    })
-      .compileComponents();
-  }));
+    }).compileComponents();
+  });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(LfFieldBaseComponent);
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-token.service.spec.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-token.service.spec.ts
index c2c81fa3..5ad2fe58 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-token.service.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-token.service.spec.ts
@@ -247,30 +247,30 @@ describe('LfFieldTokenService', () => {
   it('should detect token if field is token', () => {
     const dateFieldWithToken = '%(date)';
     const containsToken = service.containsTokenForFieldType(dateFieldWithToken, FieldType.Date, false);
-    expect(containsToken).toBeTrue();
+    expect(containsToken).toBe(true);
   });
 
   it('should detect token if field contains token', () => {
     const stringFieldWithToken = 'Parent name is: %(parentname)';
     const containsToken = service.containsTokenForFieldType(stringFieldWithToken, FieldType.String, false);
-    expect(containsToken).toBeTrue();
+    expect(containsToken).toBe(true);
   });
 
   it('should detect token if field contains token with uppercase', () => {
     const stringFieldWithToken = 'Parent name is: %(ParentName)';
     const containsToken = service.containsTokenForFieldType(stringFieldWithToken, FieldType.String, false);
-    expect(containsToken).toBeTrue();
+    expect(containsToken).toBe(true);
   });
 
   it('should not detect token if field contains import token when NOT in import mode', () => {
     const datetimeFieldWithImportToken = '%(filemodified)';
     const containsToken = service.containsTokenForFieldType(datetimeFieldWithImportToken, FieldType.DateTime, false);
-    expect(containsToken).toBeFalse();
+    expect(containsToken).toBe(false);
   });
 
   it('should detect token if field contains import token when in import mode', () => {
     const datetimeFieldWithImportToken = '%(filemodified)';
     const containsToken = service.containsTokenForFieldType(datetimeFieldWithImportToken, FieldType.DateTime, true);
-    expect(containsToken).toBeTrue();
+    expect(containsToken).toBe(true);
   });
 });
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-validation-utils.spec.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-validation-utils.spec.ts
index cbe52b4f..a1d8124e 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-validation-utils.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-validation-utils.spec.ts
@@ -18,7 +18,7 @@ describe('LfFieldValidationUtils', () => {
         };
         const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(requiredFieldInfo);
         const fc: FormControl = new FormControl('', validators);
-        expect(fc.hasError('required')).toBeTrue();
+        expect(fc.hasError('required')).toBe(true);
     });
 
     it('should not create "required" validator if field is not required', () => {
@@ -32,7 +32,7 @@ describe('LfFieldValidationUtils', () => {
         };
         const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(optionalFieldInfo);
         const fc: FormControl = new FormControl('', validators);
-        expect(fc.hasError('required')).toBeFalse();
+        expect(fc.hasError('required')).toBe(false);
     });
 
     it('should create "maxlength" validator if field has a length', () => {
@@ -46,7 +46,7 @@ describe('LfFieldValidationUtils', () => {
         };
         const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(maxLengthFieldInfo);
         const fc: FormControl = new FormControl('12345', validators);
-        expect(fc.hasError('maxlength')).toBeTrue();
+        expect(fc.hasError('maxlength')).toBe(true);
     });
 
     it('should not create "maxlength" validator if field does not have a length', () => {
@@ -59,7 +59,7 @@ describe('LfFieldValidationUtils', () => {
         };
         const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(noMaxLengthFieldInfo);
         const fc: FormControl = new FormControl('12345', validators);
-        expect(fc.hasError('maxlength')).toBeFalse();
+        expect(fc.hasError('maxlength')).toBe(false);
     });
 
     it('should create "pattern" validator if field is text and has a constraint', () => {
@@ -74,7 +74,7 @@ describe('LfFieldValidationUtils', () => {
         };
         const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(twoNumberFieldInfo);
         const fc: FormControl = new FormControl('123', validators);
-        expect(fc.hasError('pattern')).toBeTrue();
+        expect(fc.hasError('pattern')).toBe(true);
     });
 
     it('should create "numeric" validator if field is Number and has a constraint', () => {
@@ -89,7 +89,7 @@ describe('LfFieldValidationUtils', () => {
         };
         const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(twoNumberFieldInfo);
         const fc: FormControl = new FormControl('123', validators);
-        expect(fc.hasError('numeric')).toBeTrue();
+        expect(fc.hasError('numeric')).toBe(true);
     });
 
     it('should create "numeric" validator if field is LongInteger and has a constraint', () => {
@@ -104,7 +104,7 @@ describe('LfFieldValidationUtils', () => {
         };
         const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(twoNumberFieldInfo);
         const fc: FormControl = new FormControl('123', validators);
-        expect(fc.hasError('numeric')).toBeTrue();
+        expect(fc.hasError('numeric')).toBe(true);
     });
 
     it('should create "numeric" validator if field is ShortInteger and has a constraint', () => {
@@ -119,7 +119,7 @@ describe('LfFieldValidationUtils', () => {
         };
         const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(twoNumberFieldInfo);
         const fc: FormControl = new FormControl('123', validators);
-        expect(fc.hasError('numeric')).toBeTrue();
+        expect(fc.hasError('numeric')).toBe(true);
     });
 
     it('should not create "pattern" validator if text field has no regex constraint', () => {
@@ -132,7 +132,7 @@ describe('LfFieldValidationUtils', () => {
         };
         const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(noConstraintFieldInfo);
         const fc: FormControl = new FormControl('123', validators);
-        expect(fc.hasError('pattern')).toBeFalse();
+        expect(fc.hasError('pattern')).toBe(false);
     });
 
     it('should not create "numeric" validator if numeric field has no regex constraint', () => {
@@ -145,7 +145,7 @@ describe('LfFieldValidationUtils', () => {
         };
         const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(noConstraintFieldInfo);
         const fc: FormControl = new FormControl('123', validators);
-        expect(fc.hasError('numeric')).toBeFalse();
+        expect(fc.hasError('numeric')).toBe(false);
     });
 
 });
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/list-field/list-field.component.spec.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/list-field/list-field.component.spec.ts
index 9cb323ee..d87c8405 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/list-field/list-field.component.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/list-field/list-field.component.spec.ts
@@ -1,53 +1,52 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ListFieldComponent } from './list-field.component';
-
-import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { LfFieldInfo } from '../../../utils/lf-field-types';
-import { FieldType } from '@laserfiche/lf-ui-components/shared';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatSelectModule } from '@angular/material/select';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-
-describe('ListFieldComponent', () => {
-  let component: ListFieldComponent;
-  let fixture: ComponentFixture<ListFieldComponent>;
-
-  const listInfo: LfFieldInfo = {
-    name: 'List Name',
-    id: 1,
-    description: 'List Description',
-    fieldType: FieldType.List,
-    isRequired: true,
-    displayName: 'List Name'
-  };
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [ ListFieldComponent ],
-      imports: [
-        BrowserAnimationsModule,
-        FormsModule,
-        MatFormFieldModule,
-        MatSelectModule,
-        ReactiveFormsModule
-      ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ListFieldComponent);
-    component = fixture.componentInstance;
-    component.lf_field_info = listInfo;
-    component.lf_field_form_control = new FormControl();
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ListFieldComponent } from './list-field.component';
+
+import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { LfFieldInfo } from '../../../utils/lf-field-types';
+import { FieldType } from '@laserfiche/lf-ui-components/shared';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatSelectModule } from '@angular/material/select';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+
+describe('ListFieldComponent', () => {
+  let component: ListFieldComponent;
+  let fixture: ComponentFixture<ListFieldComponent>;
+
+  const listInfo: LfFieldInfo = {
+    name: 'List Name',
+    id: 1,
+    description: 'List Description',
+    fieldType: FieldType.List,
+    isRequired: true,
+    displayName: 'List Name'
+  };
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [
+        ListFieldComponent,
+        BrowserAnimationsModule,
+        FormsModule,
+        MatFormFieldModule,
+        MatSelectModule,
+        ReactiveFormsModule
+      ]
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ListFieldComponent);
+    component = fixture.componentInstance;
+    component.lf_field_info = listInfo;
+    component.lf_field_form_control = new FormControl();
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.spec.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.spec.ts
index 83abc4e0..600b6b01 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.spec.ts
@@ -1,7 +1,7 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { NumberFieldComponent } from './number-field.component';
 import { LfFieldInfo } from '../../../utils/lf-field-types';
 import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
@@ -59,10 +59,10 @@ describe('NumberFieldComponent', () => {
     displayName: 'testLongIntName'
   };
 
-  beforeEach(waitForAsync(async () => {
+  beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [NumberFieldComponent],
       imports: [
+        NumberFieldComponent,
         BrowserAnimationsModule,
         CommonModule,
         FormsModule,
@@ -73,9 +73,8 @@ describe('NumberFieldComponent', () => {
         NgxMaskPipe
       ],
       providers: [LfFieldTokenService, AppLocalizationService, provideNgxMask()]
-    })
-      .compileComponents();
-  }));
+    }).compileComponents();
+  });
 
   beforeEach(() => {
     numberFixture = TestBed.createComponent(NumberFieldComponent);
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/text-field/text-field.component.spec.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/text-field/text-field.component.spec.ts
index dd764668..25b464d9 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/text-field/text-field.component.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/text-field/text-field.component.spec.ts
@@ -1,290 +1,288 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { TextFieldComponent } from './text-field.component';
-import { LfFieldInfo } from '../../../utils/lf-field-types';
-import { BaseFieldDirective } from '../base-field/base-field.directive';
-import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { LfFieldTokenService } from '../lf-field-token.service';
-import { AppLocalizationService, ValidationRule } from '@laserfiche/lf-ui-components/internal-shared';
-import { LfTokenService } from '../../lf-token-picker/lf-token.service';
-import { FieldType } from '@laserfiche/lf-ui-components/shared';
-import { LfTokenPickerComponent } from '../../lf-token-picker/lf-token-picker.component';
-import { CommonModule } from '@angular/common';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { MatMenuModule } from '@angular/material/menu';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { CoreUtils } from '@laserfiche/lf-js-utils';
-
-describe('TextFieldComponent', () => {
-  let shortComponent: TextFieldComponent;
-  let shortFixture: ComponentFixture<TextFieldComponent>;
-
-  let longComponent: TextFieldComponent;
-  let longFixture: ComponentFixture<TextFieldComponent>;
-
-  let noLengthComponent: TextFieldComponent;
-  let noLengthFixture: ComponentFixture<TextFieldComponent>;
-
-
-  const shortStringTextInfo: LfFieldInfo = {
-    name: 'Short String',
-    id: 1,
-    description: 'This field has a max length of 40',
-    fieldType: FieldType.String,
-    isRequired: true,
-    length: 40,
-    displayName: 'Short String'
-  };
-
-  const longStringTextInfo: LfFieldInfo = {
-    name: 'Long String',
-    id: 2,
-    description: 'This field has a max length of 200',
-    fieldType: FieldType.String,
-    length: 200,
-    displayName: 'Long String'
-  };
-
-  const textWithNoLengthInfo: LfFieldInfo = {
-    name: 'No Length Text',
-    id: 3,
-    description: 'This field has no max length specified',
-    fieldType: FieldType.String,
-    displayName: 'No Length Text'
-  };
-
-  beforeEach(waitForAsync(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [
-        TextFieldComponent,
-        LfTokenPickerComponent
-      ],
-      imports: [
-        BrowserAnimationsModule,
-        CommonModule,
-        FormsModule,
-        MatFormFieldModule,
-        MatInputModule,
-        MatMenuModule,
-        ReactiveFormsModule
-      ],
-      providers: [
-        { provide: BaseFieldDirective, useExisting: TextFieldComponent },
-        { provide: LfTokenService, useClass: LfFieldTokenService },
-        AppLocalizationService
-      ]
-    }).compileComponents();
-
-    shortFixture = TestBed.createComponent(TextFieldComponent);
-    shortComponent = shortFixture.componentInstance;
-    shortComponent.lf_field_info = shortStringTextInfo;
-    shortComponent.lf_field_form_control = new FormControl();
-    shortFixture.detectChanges();
-
-    longFixture = TestBed.createComponent(TextFieldComponent);
-    longComponent = longFixture.componentInstance;
-    longComponent.lf_field_info = longStringTextInfo;
-    longComponent.lf_field_form_control = new FormControl();
-    longFixture.detectChanges();
-
-    noLengthFixture = TestBed.createComponent(TextFieldComponent);
-    noLengthComponent = noLengthFixture.componentInstance;
-    noLengthComponent.lf_field_info = textWithNoLengthInfo;
-    noLengthComponent.lf_field_form_control = new FormControl();
-    noLengthFixture.detectChanges();
-  }));
-
-  it('should create short text field', () => {
-    expect(shortComponent).toBeTruthy();
-  });
-
-  it('should create long text field', () => {
-    expect(longComponent).toBeTruthy();
-  });
-
-  it('should create text field with no length', () => {
-    expect(noLengthComponent).toBeTruthy();
-  });
-
-  it('should show validation error for required field with no value', async () => {
-    const expectedError = shortComponent.localizationService.getString('REQUIRED_FIELD_IS_EMPTY');
-    let value: string | undefined;
-    shortComponent.fieldValidationErrorMsg.subscribe((val) => {
-      value = val;
-    });
-    // needed to trigger first value of subscription
-    shortComponent.lf_field_form_control.updateValueAndValidity();
-    await CoreUtils.waitForConditionAsync(
-      () => value === expectedError,
-      () => { throw Error(`Timeout: value was ${value}`); }
-    );
-    expect(value).toEqual(expectedError);
-  });
-
-  it('should not show validation error for optional field with no value', async () => {
-    expect(longComponent.getBrokenValidationRule()).toBeUndefined();
-    let value: string | undefined;
-    longComponent.fieldValidationErrorMsg.subscribe((val) => {
-      value = val;
-    });
-    // needed to trigger first value of subscription
-    longComponent.lf_field_form_control.updateValueAndValidity();
-    await CoreUtils.waitForConditionAsync(
-      () => value === undefined,
-      () => { throw Error(`Timeout: value was ${value}`); }
-    );
-    expect(value).toBeUndefined();
-  });
-
-  it('should not show validation error when required field has valid value', async () => {
-    shortComponent.setLfFieldFormControlValue('a real short value');
-    let value: string | undefined;
-    shortComponent.fieldValidationErrorMsg.subscribe((val) => {
-      value = val;
-    });
-    // needed to trigger first value of subscription
-    shortComponent.lf_field_form_control.updateValueAndValidity();
-    await CoreUtils.waitForConditionAsync(
-      () => value === undefined,
-      () => { throw Error(`Timeout: value was ${value}`); }
-    );
-    expect(value).toBeUndefined();
-  });
-
-  it('should not show validation error when optional field has valid value', async () => {
-    longComponent.setLfFieldFormControlValue('a real long value');
-    let value: string | undefined;
-    longComponent.fieldValidationErrorMsg.subscribe((val) => {
-      value = val;
-    });
-    // needed to trigger first value of subscription
-    longComponent.lf_field_form_control.updateValueAndValidity();
-    await CoreUtils.waitForConditionAsync(
-      () => value === undefined,
-      () => { throw Error(`Timeout: value was ${value}`); }
-    );
-    expect(value).toBeUndefined();
-  });
-
-  it('should show validation error when short field has over 40 characters', async () => {
-    shortComponent.setLfFieldFormControlValue('12345678901234567890123456789012345678901');
-    shortFixture.detectChanges();
-
-    const expectedBrokenRule = ValidationRule.MAX_LENGTH;
-    const lengthParam: string[] = [shortStringTextInfo?.length?.toString() ?? '0'];
-    const expectedError: string = shortComponent.localizationService.getString('THIS_FIELD_HAS_MAXIMUM_ALLOWED_LENGTH_0_CHARACTERS', lengthParam);
-    expect(shortComponent.getBrokenValidationRule()).toEqual(expectedBrokenRule);
-    let value: string | undefined;
-    shortComponent.fieldValidationErrorMsg.subscribe((val) => {
-      value = val;
-    });
-    // needed to trigger first value of subscription
-    shortComponent.lf_field_form_control.updateValueAndValidity();
-    await CoreUtils.waitForConditionAsync(
-      () => value === expectedError,
-      () => { throw Error(`Timeout: value was ${value}`); }
-    );
-    expect(value).toEqual(expectedError);
-  });
-
-  it('should not show validation error when long field has over 40 characters', async () => {
-    longComponent.setLfFieldFormControlValue('12345678901234567890123456789012345678901');
-    let value: string | undefined;
-    longComponent.fieldValidationErrorMsg.subscribe((val) => {
-      value = val;
-    });
-    // needed to trigger first value of subscription
-    longComponent.lf_field_form_control.updateValueAndValidity();
-    await CoreUtils.waitForConditionAsync(
-      () => value === undefined,
-      () => { throw Error(`Timeout: value was ${value}`); }
-    );
-    expect(value).toBeUndefined();
-  });
-
-  it('should show validation error when long field has over character limit', async () => {
-    longComponent.setLfFieldFormControlValue(
-      `12345678901234567890123456789012345678901234567890
-      12345678901234567890123456789012345678901234567890
-      12345678901234567890123456789012345678901234567890
-      123456789012345678901234567890123456789012345678901`
-    );
-    longFixture.detectChanges();
-
-    const expectedBrokenRule = ValidationRule.MAX_LENGTH;
-    const lengthParam: string[] = [longStringTextInfo?.length?.toString() ?? '0'];
-    const expectedError: string = longComponent.localizationService.getString('THIS_FIELD_HAS_MAXIMUM_ALLOWED_LENGTH_0_CHARACTERS', lengthParam);
-    expect(longComponent.getBrokenValidationRule()).toEqual(expectedBrokenRule);
-    let value: string | undefined;
-    longComponent.fieldValidationErrorMsg.subscribe((val) => {
-      value = val;
-    });
-    // needed to trigger first value of subscription
-    longComponent.lf_field_form_control.updateValueAndValidity();
-    await CoreUtils.waitForConditionAsync(
-      () => value === expectedError,
-      () => { throw Error(`Timeout: value was ${value}`); }
-    );
-    expect(value).toEqual(expectedError);
-  });
-
-  it('should use input for length 40 and under', () => {
-    expect(shortComponent.isShortField).toBeTrue();
-  });
-
-  it('should use textarea for length over 40', () => {
-    expect(longComponent.isShortField).toBeFalse();
-  });
-
-  it('should use input for text field with no length', () => {
-    expect(noLengthComponent.isShortField).toBeTrue();
-  });
-
-  it('should NOT detect token if field does not contain token', async () => {
-    const stringFieldWithToken = 'Parent name is: %(pname)';
-    shortComponent.setLfFieldFormControlValue(stringFieldWithToken);
-    shortFixture.detectChanges();
-
-    const containsToken = shortComponent.containsToken;
-    expect(containsToken).toBeFalse();
-  });
-
-  it('should detect token if field contains token', async () => {
-    const stringFieldWithToken = 'Parent name is: %(parentname)';
-    shortComponent.setLfFieldFormControlValue(stringFieldWithToken);
-    shortFixture.detectChanges();
-
-    const containsToken = shortComponent.containsToken;
-    expect(containsToken).toBeTrue();
-  });
-
-  it('should detect token if field contains token with uppercase', async () => {
-    const stringFieldWithToken = 'Parent name is: %(ParentName)';
-    shortComponent.setLfFieldFormControlValue(stringFieldWithToken);
-    shortFixture.detectChanges();
-
-    const containsToken = shortComponent.containsToken;
-    expect(containsToken).toBeTrue();
-  });
-
-  it('should add token to the end of the field if there is no cursor position', async () => {
-    const stringField = 'Parent name is: ';
-    shortComponent.setLfFieldFormControlValue(stringField);
-    shortFixture.detectChanges();
-
-    const newValue = shortComponent.createNewFieldValueWithToken('ParentName');
-    expect(newValue).toEqual('Parent name is:%(ParentName)');
-  });
-
-  it('should detect token if field contains token with colon', async () => {
-    const stringFieldWithToken = 'Parent name is: %(parent:name)';
-    shortComponent.setLfFieldFormControlValue(stringFieldWithToken);
-    shortFixture.detectChanges();
-
-    const containsToken = shortComponent.containsToken;
-    expect(containsToken).toBeTrue();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { TextFieldComponent } from './text-field.component';
+import { LfFieldInfo } from '../../../utils/lf-field-types';
+import { BaseFieldDirective } from '../base-field/base-field.directive';
+import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { LfFieldTokenService } from '../lf-field-token.service';
+import { AppLocalizationService, ValidationRule } from '@laserfiche/lf-ui-components/internal-shared';
+import { LfTokenService } from '../../lf-token-picker/lf-token.service';
+import { FieldType } from '@laserfiche/lf-ui-components/shared';
+import { LfTokenPickerComponent } from '../../lf-token-picker/lf-token-picker.component';
+import { CommonModule } from '@angular/common';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatMenuModule } from '@angular/material/menu';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { CoreUtils } from '@laserfiche/lf-js-utils';
+
+describe('TextFieldComponent', () => {
+  let shortComponent: TextFieldComponent;
+  let shortFixture: ComponentFixture<TextFieldComponent>;
+
+  let longComponent: TextFieldComponent;
+  let longFixture: ComponentFixture<TextFieldComponent>;
+
+  let noLengthComponent: TextFieldComponent;
+  let noLengthFixture: ComponentFixture<TextFieldComponent>;
+
+
+  const shortStringTextInfo: LfFieldInfo = {
+    name: 'Short String',
+    id: 1,
+    description: 'This field has a max length of 40',
+    fieldType: FieldType.String,
+    isRequired: true,
+    length: 40,
+    displayName: 'Short String'
+  };
+
+  const longStringTextInfo: LfFieldInfo = {
+    name: 'Long String',
+    id: 2,
+    description: 'This field has a max length of 200',
+    fieldType: FieldType.String,
+    length: 200,
+    displayName: 'Long String'
+  };
+
+  const textWithNoLengthInfo: LfFieldInfo = {
+    name: 'No Length Text',
+    id: 3,
+    description: 'This field has no max length specified',
+    fieldType: FieldType.String,
+    displayName: 'No Length Text'
+  };
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [
+        TextFieldComponent,
+        LfTokenPickerComponent,
+        BrowserAnimationsModule,
+        CommonModule,
+        FormsModule,
+        MatFormFieldModule,
+        MatInputModule,
+        MatMenuModule,
+        ReactiveFormsModule
+      ],
+      providers: [
+        { provide: BaseFieldDirective, useExisting: TextFieldComponent },
+        { provide: LfTokenService, useClass: LfFieldTokenService },
+        AppLocalizationService
+      ]
+    }).compileComponents();
+
+    shortFixture = TestBed.createComponent(TextFieldComponent);
+    shortComponent = shortFixture.componentInstance;
+    shortComponent.lf_field_info = shortStringTextInfo;
+    shortComponent.lf_field_form_control = new FormControl();
+    shortFixture.detectChanges();
+
+    longFixture = TestBed.createComponent(TextFieldComponent);
+    longComponent = longFixture.componentInstance;
+    longComponent.lf_field_info = longStringTextInfo;
+    longComponent.lf_field_form_control = new FormControl();
+    longFixture.detectChanges();
+
+    noLengthFixture = TestBed.createComponent(TextFieldComponent);
+    noLengthComponent = noLengthFixture.componentInstance;
+    noLengthComponent.lf_field_info = textWithNoLengthInfo;
+    noLengthComponent.lf_field_form_control = new FormControl();
+    noLengthFixture.detectChanges();
+  });
+
+  it('should create short text field', () => {
+    expect(shortComponent).toBeTruthy();
+  });
+
+  it('should create long text field', () => {
+    expect(longComponent).toBeTruthy();
+  });
+
+  it('should create text field with no length', () => {
+    expect(noLengthComponent).toBeTruthy();
+  });
+
+  it('should show validation error for required field with no value', async () => {
+    const expectedError = shortComponent.localizationService.getString('REQUIRED_FIELD_IS_EMPTY');
+    let value: string | undefined;
+    shortComponent.fieldValidationErrorMsg.subscribe((val) => {
+      value = val;
+    });
+    // needed to trigger first value of subscription
+    shortComponent.lf_field_form_control.updateValueAndValidity();
+    await CoreUtils.waitForConditionAsync(
+      () => value === expectedError,
+      () => { throw Error(`Timeout: value was ${value}`); }
+    );
+    expect(value).toEqual(expectedError);
+  });
+
+  it('should not show validation error for optional field with no value', async () => {
+    expect(longComponent.getBrokenValidationRule()).toBeUndefined();
+    let value: string | undefined;
+    longComponent.fieldValidationErrorMsg.subscribe((val) => {
+      value = val;
+    });
+    // needed to trigger first value of subscription
+    longComponent.lf_field_form_control.updateValueAndValidity();
+    await CoreUtils.waitForConditionAsync(
+      () => value === undefined,
+      () => { throw Error(`Timeout: value was ${value}`); }
+    );
+    expect(value).toBeUndefined();
+  });
+
+  it('should not show validation error when required field has valid value', async () => {
+    shortComponent.setLfFieldFormControlValue('a real short value');
+    let value: string | undefined;
+    shortComponent.fieldValidationErrorMsg.subscribe((val) => {
+      value = val;
+    });
+    // needed to trigger first value of subscription
+    shortComponent.lf_field_form_control.updateValueAndValidity();
+    await CoreUtils.waitForConditionAsync(
+      () => value === undefined,
+      () => { throw Error(`Timeout: value was ${value}`); }
+    );
+    expect(value).toBeUndefined();
+  });
+
+  it('should not show validation error when optional field has valid value', async () => {
+    longComponent.setLfFieldFormControlValue('a real long value');
+    let value: string | undefined;
+    longComponent.fieldValidationErrorMsg.subscribe((val) => {
+      value = val;
+    });
+    // needed to trigger first value of subscription
+    longComponent.lf_field_form_control.updateValueAndValidity();
+    await CoreUtils.waitForConditionAsync(
+      () => value === undefined,
+      () => { throw Error(`Timeout: value was ${value}`); }
+    );
+    expect(value).toBeUndefined();
+  });
+
+  it('should show validation error when short field has over 40 characters', async () => {
+    shortComponent.setLfFieldFormControlValue('12345678901234567890123456789012345678901');
+    shortFixture.detectChanges();
+
+    const expectedBrokenRule = ValidationRule.MAX_LENGTH;
+    const lengthParam: string[] = [shortStringTextInfo?.length?.toString() ?? '0'];
+    const expectedError: string = shortComponent.localizationService.getString('THIS_FIELD_HAS_MAXIMUM_ALLOWED_LENGTH_0_CHARACTERS', lengthParam);
+    expect(shortComponent.getBrokenValidationRule()).toEqual(expectedBrokenRule);
+    let value: string | undefined;
+    shortComponent.fieldValidationErrorMsg.subscribe((val) => {
+      value = val;
+    });
+    // needed to trigger first value of subscription
+    shortComponent.lf_field_form_control.updateValueAndValidity();
+    await CoreUtils.waitForConditionAsync(
+      () => value === expectedError,
+      () => { throw Error(`Timeout: value was ${value}`); }
+    );
+    expect(value).toEqual(expectedError);
+  });
+
+  it('should not show validation error when long field has over 40 characters', async () => {
+    longComponent.setLfFieldFormControlValue('12345678901234567890123456789012345678901');
+    let value: string | undefined;
+    longComponent.fieldValidationErrorMsg.subscribe((val) => {
+      value = val;
+    });
+    // needed to trigger first value of subscription
+    longComponent.lf_field_form_control.updateValueAndValidity();
+    await CoreUtils.waitForConditionAsync(
+      () => value === undefined,
+      () => { throw Error(`Timeout: value was ${value}`); }
+    );
+    expect(value).toBeUndefined();
+  });
+
+  it('should show validation error when long field has over character limit', async () => {
+    longComponent.setLfFieldFormControlValue(
+      `12345678901234567890123456789012345678901234567890
+      12345678901234567890123456789012345678901234567890
+      12345678901234567890123456789012345678901234567890
+      123456789012345678901234567890123456789012345678901`
+    );
+    longFixture.detectChanges();
+
+    const expectedBrokenRule = ValidationRule.MAX_LENGTH;
+    const lengthParam: string[] = [longStringTextInfo?.length?.toString() ?? '0'];
+    const expectedError: string = longComponent.localizationService.getString('THIS_FIELD_HAS_MAXIMUM_ALLOWED_LENGTH_0_CHARACTERS', lengthParam);
+    expect(longComponent.getBrokenValidationRule()).toEqual(expectedBrokenRule);
+    let value: string | undefined;
+    longComponent.fieldValidationErrorMsg.subscribe((val) => {
+      value = val;
+    });
+    // needed to trigger first value of subscription
+    longComponent.lf_field_form_control.updateValueAndValidity();
+    await CoreUtils.waitForConditionAsync(
+      () => value === expectedError,
+      () => { throw Error(`Timeout: value was ${value}`); }
+    );
+    expect(value).toEqual(expectedError);
+  });
+
+  it('should use input for length 40 and under', () => {
+    expect(shortComponent.isShortField).toBe(true);
+  });
+
+  it('should use textarea for length over 40', () => {
+    expect(longComponent.isShortField).toBe(false);
+  });
+
+  it('should use input for text field with no length', () => {
+    expect(noLengthComponent.isShortField).toBe(true);
+  });
+
+  it('should NOT detect token if field does not contain token', async () => {
+    const stringFieldWithToken = 'Parent name is: %(pname)';
+    shortComponent.setLfFieldFormControlValue(stringFieldWithToken);
+    shortFixture.detectChanges();
+
+    const containsToken = shortComponent.containsToken;
+    expect(containsToken).toBe(false);
+  });
+
+  it('should detect token if field contains token', async () => {
+    const stringFieldWithToken = 'Parent name is: %(parentname)';
+    shortComponent.setLfFieldFormControlValue(stringFieldWithToken);
+    shortFixture.detectChanges();
+
+    const containsToken = shortComponent.containsToken;
+    expect(containsToken).toBe(true);
+  });
+
+  it('should detect token if field contains token with uppercase', async () => {
+    const stringFieldWithToken = 'Parent name is: %(ParentName)';
+    shortComponent.setLfFieldFormControlValue(stringFieldWithToken);
+    shortFixture.detectChanges();
+
+    const containsToken = shortComponent.containsToken;
+    expect(containsToken).toBe(true);
+  });
+
+  it('should add token to the end of the field if there is no cursor position', async () => {
+    const stringField = 'Parent name is: ';
+    shortComponent.setLfFieldFormControlValue(stringField);
+    shortFixture.detectChanges();
+
+    const newValue = shortComponent.createNewFieldValueWithToken('ParentName');
+    expect(newValue).toEqual('Parent name is:%(ParentName)');
+  });
+
+  it('should detect token if field contains token with colon', async () => {
+    const stringFieldWithToken = 'Parent name is: %(parent:name)';
+    shortComponent.setLfFieldFormControlValue(stringFieldWithToken);
+    shortFixture.detectChanges();
+
+    const containsToken = shortComponent.containsToken;
+    expect(containsToken).toBe(true);
+  });
+});
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/time-field/time-field.component.spec.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/time-field/time-field.component.spec.ts
index 94c97459..e2eba3dc 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/time-field/time-field.component.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/time-field/time-field.component.spec.ts
@@ -1,7 +1,7 @@
 // Copyright Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { TimeFieldComponent } from './time-field.component';
 import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { LfFieldInfo } from '../../../utils/lf-field-types';
@@ -15,7 +15,7 @@ import { MatInputModule } from '@angular/material/input';
 import { MatMenuModule } from '@angular/material/menu';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { CoreUtils } from '@laserfiche/lf-js-utils';
-import { LfUniDateTimeModule } from 'projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.module';
+import { UniDateTimeComponent } from 'projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component';
 
 describe('TimeFieldComponent', () => {
   let requiredTimeComponent: TimeFieldComponent;
@@ -43,13 +43,11 @@ describe('TimeFieldComponent', () => {
     displayName: 'optionalTimeName'
   };
 
-  beforeEach(waitForAsync(async () => {
+  beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [
-        TimeFieldComponent,
-        LfTokenPickerComponent
-      ],
       imports: [
+        TimeFieldComponent,
+        LfTokenPickerComponent,
         BrowserAnimationsModule,
         CommonModule,
         FormsModule,
@@ -57,15 +55,14 @@ describe('TimeFieldComponent', () => {
         MatInputModule,
         MatMenuModule,
         ReactiveFormsModule,
-        LfUniDateTimeModule,
+        UniDateTimeComponent,
       ],
       providers:[
         LfFieldTokenService,
         AppLocalizationService
       ]
-    })
-      .compileComponents();
-  }));
+    }).compileComponents();
+  });
 
   beforeEach(() => {
     requiredTimeFixture = TestBed.createComponent(TimeFieldComponent);
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.spec.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.spec.ts
index ab4e92fa..0ed472a2 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.spec.ts
@@ -17,8 +17,7 @@ describe('LfTokenPickerComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [LfTokenPickerComponent],
-      imports: [MatMenuModule],
+      imports: [LfTokenPickerComponent, MatMenuModule],
       providers: [
         { provide: LfTokenService, useClass: LfFieldTokenService }]
     })
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.spec.ts b/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.spec.ts
index b4d4f7fc..729ee6d2 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.spec.ts
@@ -7,8 +7,8 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ReactiveFormsModule } from '@angular/forms';
 import { MatIconModule } from '@angular/material/icon';
 import { FieldType } from '@laserfiche/lf-ui-components/shared';
-import { LfLoaderModule } from '@laserfiche/lf-ui-components/internal-shared';
-import { LfFieldBaseModule } from '../field-base-parts/lf-field-base/lf-field-base.module';
+import { LfLoaderComponent } from '@laserfiche/lf-ui-components/internal-shared';
+import { LfFieldBaseComponent } from '../field-base-parts/lf-field-base/lf-field-base/lf-field-base.component';
 import { FieldValue } from '../utils/lf-field-types';
 import { LfFieldGroupIndexDisplayPipe } from './lf-field-group-index-display.pipe';
 import { LfFieldGroupComponent } from './lf-field-group.component';
@@ -19,14 +19,15 @@ describe('LfFieldGroupComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [LfFieldGroupComponent, LfFieldGroupIndexDisplayPipe],
       imports: [
+        LfFieldGroupComponent,
+        LfFieldGroupIndexDisplayPipe,
         CommonModule,
         ReactiveFormsModule,
         DragDropModule,
-        LfFieldBaseModule,
+        LfFieldBaseComponent,
         MatIconModule,
-        LfLoaderModule
+        LfLoaderComponent
       ]
     })
       .compileComponents();
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.spec.ts b/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.spec.ts
index 50729ff0..16508207 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.spec.ts
@@ -1,78 +1,77 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormArray, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { LfFieldMultivalueComponent } from './lf-field-multivalue.component';
-import { LfFieldInfo, LfFieldValue } from '../../field-components/utils/lf-field-types';
-import { FieldType } from '@laserfiche/lf-ui-components/shared';
-import { CommonModule } from '@angular/common';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { LfFieldBaseModule } from '../field-base-parts/lf-field-base/lf-field-base.module';
-
-describe('LfFieldMultivalueComponent', () => {
-  let component: LfFieldMultivalueComponent;
-  let fixture: ComponentFixture<LfFieldMultivalueComponent>;
-
-  const info: LfFieldInfo = {
-    name: 'element text 1',
-    id: 22,
-    description: 'description',
-    fieldType: FieldType.ShortInteger,
-    length: 10,
-    isMultiValue: true,
-    isRequired: true,
-    displayName: 'element text 1'
-  };
-  const values: LfFieldValue[] = ['1', '2', '3'];
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [LfFieldMultivalueComponent],
-      imports: [
-        MatFormFieldModule,
-        FormsModule,
-        ReactiveFormsModule,
-        CommonModule,
-        LfFieldBaseModule
-      ]
-    })
-      .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(LfFieldMultivalueComponent);
-    component = fixture.componentInstance;
-    component.multiValueFieldParentForm = new FormGroup({
-      fieldArray: new FormArray([
-        new FormControl('some value 1'),
-        new FormControl('some value 2'),
-        new FormControl('some value 3'),
-        new FormControl('some value 4')])
-    });
-    component.lfFieldValues = values;
-    component.lfFieldInfo = info;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('forceValidation should return true if all values are valid', async () => {
-    expect(component.forceValidation()).toBeTrue();
-  });
-
-  it('getFieldValue should return FieldValue with cleaned up values', async () => {
-    expect(component.getFieldValue()).toEqual({
-      fieldName: 'element text 1',
-      fieldId: 22,
-      fieldType: FieldType.ShortInteger,
-      values: [
-        { value: '1', position: '1' },
-        { value: '2', position: '2' },
-        { value: '3', position: '3' }
-      ]
-    });
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { FormArray, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { LfFieldMultivalueComponent } from './lf-field-multivalue.component';
+import { LfFieldInfo, LfFieldValue } from '../../field-components/utils/lf-field-types';
+import { FieldType } from '@laserfiche/lf-ui-components/shared';
+import { CommonModule } from '@angular/common';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { LfFieldBaseComponent } from '../field-base-parts/lf-field-base/lf-field-base/lf-field-base.component';
+
+describe('LfFieldMultivalueComponent', () => {
+  let component: LfFieldMultivalueComponent;
+  let fixture: ComponentFixture<LfFieldMultivalueComponent>;
+
+  const info: LfFieldInfo = {
+    name: 'element text 1',
+    id: 22,
+    description: 'description',
+    fieldType: FieldType.ShortInteger,
+    length: 10,
+    isMultiValue: true,
+    isRequired: true,
+    displayName: 'element text 1'
+  };
+  const values: LfFieldValue[] = ['1', '2', '3'];
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [
+        LfFieldMultivalueComponent,
+        MatFormFieldModule,
+        FormsModule,
+        ReactiveFormsModule,
+        CommonModule,
+        LfFieldBaseComponent
+      ]
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LfFieldMultivalueComponent);
+    component = fixture.componentInstance;
+    component.multiValueFieldParentForm = new FormGroup({
+      fieldArray: new FormArray([
+        new FormControl('some value 1'),
+        new FormControl('some value 2'),
+        new FormControl('some value 3'),
+        new FormControl('some value 4')])
+    });
+    component.lfFieldValues = values;
+    component.lfFieldInfo = info;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('forceValidation should return true if all values are valid', async () => {
+    expect(component.forceValidation()).toBe(true);
+  });
+
+  it('getFieldValue should return FieldValue with cleaned up values', async () => {
+    expect(component.getFieldValue()).toEqual({
+      fieldName: 'element text 1',
+      fieldId: 22,
+      fieldType: FieldType.ShortInteger,
+      values: [
+        { value: '1', position: '1' },
+        { value: '2', position: '2' },
+        { value: '3', position: '3' }
+      ]
+    });
+  });
+});
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.spec.ts b/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.spec.ts
index 015788f4..60c8e08d 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.spec.ts
@@ -1,38 +1,37 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
-import { LfFieldComponent } from './lf-field.component';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { CommonModule } from '@angular/common';
-import { LfFieldBaseModule } from '../field-base-parts/lf-field-base/lf-field-base.module';
-
-describe('LfFieldComponent', () => {
-  let component: LfFieldComponent;
-  let fixture: ComponentFixture<LfFieldComponent>;
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [LfFieldComponent],
-      imports: [
-        MatFormFieldModule,
-        FormsModule,
-        ReactiveFormsModule,
-        CommonModule,
-        LfFieldBaseModule
-      ]
-    })
-      .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(LfFieldComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { LfFieldComponent } from './lf-field.component';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+import { LfFieldBaseComponent } from '../field-base-parts/lf-field-base/lf-field-base/lf-field-base.component';
+
+describe('LfFieldComponent', () => {
+  let component: LfFieldComponent;
+  let fixture: ComponentFixture<LfFieldComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [
+        LfFieldComponent,
+        MatFormFieldModule,
+        FormsModule,
+        ReactiveFormsModule,
+        CommonModule,
+        LfFieldBaseComponent
+      ]
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LfFieldComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.spec.ts b/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.spec.ts
index 59397372..74f93f0d 100644
--- a/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.spec.ts
+++ b/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.spec.ts
@@ -10,7 +10,7 @@ describe('UniDatetimeComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [UniDateTimeComponent]
+      imports: [UniDateTimeComponent]
     })
     .compileComponents();
 
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.spec.ts b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.spec.ts
index 57cc7b3a..ca35e5b1 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.spec.ts
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.spec.ts
@@ -1,257 +1,253 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { MatCheckboxChange, MatCheckboxModule } from '@angular/material/checkbox';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { AdhocFieldConnectorService } from '../lf-field-adhoc-connector.service';
-import { MatDialogModule } from '@angular/material/dialog';
-import { FieldValues, LfFieldInfo } from '../../field-components/utils/lf-field-types';
-import { LfFieldAddRemoveComponent } from './lf-field-add-remove.component';
-import { LfFieldAdhocContainerDemoService } from '../lf-field-adhoc-container-demo.service';
-import { FieldType } from '@laserfiche/lf-ui-components/shared';
-import { LfPopupModalComponent } from '@laserfiche/lf-ui-components/internal-shared';
-import { GetFieldTypePipe } from './get-field-type.pipe';
-import { ScrollingModule } from '@angular/cdk/scrolling';
-
-describe('LfFieldAddRemoveComponent', () => {
-  let component: LfFieldAddRemoveComponent;
-  let fixture: ComponentFixture<LfFieldAddRemoveComponent>;
-  let element: HTMLElement;
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [
-        LfFieldAddRemoveComponent,
-        LfPopupModalComponent,
-        GetFieldTypePipe
-      ],
-      imports: [
-        FormsModule,
-        ReactiveFormsModule,
-        BrowserAnimationsModule,
-        MatCheckboxModule,
-        MatDialogModule,
-        ScrollingModule
-      ],
-      providers: [{provide: AdhocFieldConnectorService, useValue: adHocConnectorTestService}]
-    })
-      .compileComponents();
-  }));
-
-  beforeEach(async () => {
-    fixture = TestBed.createComponent(LfFieldAddRemoveComponent);
-    element = fixture.nativeElement;
-    component = fixture.componentInstance;
-    await component.initAsync(new LfFieldAdhocContainerDemoService());
-    await component.updateSortedFieldInfos();
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('should have initial field checked', () => {
-    const initialFieldInfo: LfFieldInfo = { name: 'test field 1', id: 1, description: '', fieldType: FieldType.String, isMultiValue: true, displayName: 'test field 1' };
-    expect(component.isFieldSelected(initialFieldInfo)).toBeTruthy();
-  });
-
-  it('should update selectedFields when checkbox is checked', () => {
-    // Arrange
-    const matCheckboxUpdate = new MatCheckboxChange();
-    matCheckboxUpdate.checked = true;
-    const fieldInfoToCheck: LfFieldInfo = {
-      name: 'test field 3', id: 3, description: '', fieldType: FieldType.DateTime, isMultiValue: true, displayName: 'test field 3'
-    };
-
-    // Act
-    component.onUpdateCheckbox(matCheckboxUpdate, fieldInfoToCheck);
-
-    // Assert
-    const expected = new Set<number>([1, 3]);
-    expect(component.selectedFieldIds).toEqual(expected);
-    expect(component.isFieldSelected(fieldInfoToCheck)).toBeTrue();
-  });
-
-  it('should update selectedFields when checkbox is unchecked', () => {
-    // Arrange
-    const matCheckboxUpdate = new MatCheckboxChange();
-    matCheckboxUpdate.checked = false;
-    const fieldInfoToUncheck: LfFieldInfo = {
-      name: 'test field 1', id: 1, description: '', fieldType: FieldType.String, isMultiValue: true, displayName: 'test field 1'
-    };
-
-    // Act
-    component.onUpdateCheckbox(matCheckboxUpdate, fieldInfoToUncheck);
-
-    // Assert
-    const expected = new Set<number>();
-    expect(component.selectedFieldIds).toEqual(expected);
-    expect(component.isFieldSelected(fieldInfoToUncheck)).toBeFalse();
-  });
-
-  it('should update connector service when click apply after changes', async () => {
-    // Arrange
-    spyOn(component.clickBack, 'emit');
-    spyOn(adHocConnectorTestService, 'setSelectedFieldIds');
-    const checkbox = element.querySelector('.mdc-checkbox__native-control') as HTMLElement;
-    checkbox.click();
-    fixture.detectChanges();
-
-    // Act
-    component.onClickApply();
-
-    // Assert
-    await fixture.whenStable();
-    expect(adHocConnectorTestService.setSelectedFieldIds).toHaveBeenCalledWith(new Set<number>());
-    expect(component.areCheckboxChanges).toBeFalse();
-    expect(component.clickBack.emit).toHaveBeenCalled();
-
-  });
-
-  it('should not update connector service when click cancel after changes', async () => {
-    // Arrange
-    const checkbox = element.querySelector('.mdc-checkbox__native-control') as HTMLElement;
-    checkbox.click();
-    fixture.detectChanges();
-
-    // Act
-    const cancelButton = element.querySelector('#adhoc-cancel-button') as HTMLButtonElement;
-    cancelButton.click();
-
-    // Assert
-    await fixture.whenStable();
-    expect(component.selectedFieldIds).toEqual(new Set<number>([1]));
-    expect(component.areCheckboxChanges).toBeFalse();
-  });
-
-  it('should update connector service when confirm yes after press back with changes', async () => {
-    // Arrange
-    spyOn(component.clickBack, 'emit');
-    spyOn(adHocConnectorTestService, 'setSelectedFieldIds');
-    const checkbox = element.querySelector('.mdc-checkbox__native-control') as HTMLElement;
-    checkbox.click();
-    fixture.detectChanges();
-
-    // Act
-    component.onClickBack();
-    component.onClickApply();
-
-    // Assert
-    await fixture.whenStable();
-    expect(adHocConnectorTestService.setSelectedFieldIds).toHaveBeenCalledWith(new Set<number>());
-    expect(component.areCheckboxChanges).toBeFalse();
-    expect(component.clickBack.emit).toHaveBeenCalled();
-  });
-
-  it('should not update connector service when confirm no after press back with changes', async () => {
-    // Arrange
-    spyOn(component.clickBack, 'emit');
-    const checkbox = element.querySelector('.mdc-checkbox__native-control') as HTMLElement;
-    checkbox.click();
-    fixture.detectChanges();
-
-    // Act
-    component.onClickBack();
-    component.onConfirmNo();
-
-    // Assert
-    await fixture.whenStable();
-    expect(component.areCheckboxChanges).toBeFalse();
-    expect(component.clickBack.emit).toHaveBeenCalled();
-  });
-
-  it('should not update connector service when confirm cancel after press back with changes', async () => {
-    // Arrange
-    spyOn(component.clickBack, 'emit');
-    const checkbox = element.querySelector('.mdc-checkbox__native-control') as HTMLElement;
-    checkbox.click();
-    fixture.detectChanges();
-
-    // Act
-    component.onClickBack();
-
-    // Assert
-    await fixture.whenStable();
-    expect(component.areCheckboxChanges).toBeTrue();
-    expect(component.clickBack.emit).not.toHaveBeenCalled();
-  });
-
-  it('should not update connector service when press back with no changes', async () => {
-    // Arrange
-    spyOn(component.clickBack, 'emit');
-    // Act
-    const backButton = element.querySelector('#adhoc-back-button > button') as HTMLButtonElement;
-    backButton.click();
-
-    // Assert
-    await fixture.whenStable();
-    expect(component.areCheckboxChanges).toBeFalse();
-    expect(component.clickBack.emit).toHaveBeenCalled();
-  });
-
-  it('should not have apply or cancel buttons with no changes', async () => {
-    // Arrange
-    // Act
-    const applyButton = element.querySelector('#adhoc-apply-button');
-    const cancelButton = element.querySelector('#adhoc-cancel-button');
-
-    // Assert
-    expect(applyButton).toBeFalsy();
-    expect(cancelButton).toBeFalsy();
-    expect(component.areCheckboxChanges).toBeFalse();
-  });
-});
-
-const adHocConnectorTestService =  {
-  fieldInfos: [
-    { name: 'test field 1', id: 1, description: '', fieldType: FieldType.String, isMultiValue: true, displayName: 'test field 1' },
-    { name: 'test field 2', id: 2, description: '', fieldType: FieldType.String, isRequired: true, displayName: 'test field 2' },
-    { name: 'test field 3', id: 3, description: '', fieldType: FieldType.Date, isMultiValue: true, displayName: 'test field 3' },
-    { name: 'test field 4', id: 4, description: '', fieldType: FieldType.DateTime, isMultiValue: true, displayName: 'test field 4' },
-    { name: 'test field 5', id: 5, description: '', fieldType: FieldType.Time, isMultiValue: true, displayName: 'test field 5' },
-    { name: 'test field 6', id: 6, description: '', fieldType: FieldType.Number, displayName: 'test field 6' },
-    { name: 'test field 7', id: 7, description: '', fieldType: FieldType.ShortInteger, displayName: 'test field 7' },
-    { name: 'test field 8', id: 8, description: '', fieldType: FieldType.LongInteger, displayName: 'test field 8' },
-    { name: 'test field 9', id: 9, description: '', fieldType: FieldType.String, displayName: 'test field 9' },
-    { name: 'test field 10', id: 10, description: '', fieldType: FieldType.String, isRequired: true, displayName: 'test field 10' },
-    { name: 'test field 11', id: 11, description: '', fieldType: FieldType.Date, displayName: 'test field 11' },
-    { name: 'test field 12', id: 12, description: '', fieldType: FieldType.DateTime, displayName: 'test field 12' },
-    { name: 'test field 13', id: 13, description: '', fieldType: FieldType.Time, displayName: 'test field 13' },
-    { name: 'test field 14', id: 14, description: '', fieldType: FieldType.String, displayName: 'test field 14' },
-    { name: 'test field 15', id: 15, description: '', fieldType: FieldType.String, displayName: 'test field 15' },
-    { name: 'test field 16', id: 16, description: '', fieldType: FieldType.String, displayName: 'test field 16' },
-  ],
-  fieldValues: {
-    1: {
-      fieldName: 'test field 1',
-      fieldId: 1,
-      fieldType: FieldType.String,
-      values: [
-        { value: '44.788', position: '1' },
-        { value: '55555', position: '2' }
-      ]
-    },
-  },
-
-  setSelectedFieldIds(selectedFields: Set<number>) {
-  },
-  getSelectedFieldIds(): Set<number> {
-    const fieldIds = new Set<number>();
-    fieldIds.add(1);
-    return fieldIds;
-  },
-  setAllFieldInfos(fieldInfos: LfFieldInfo[]) {
-  },
-  getAllFieldInfos(): LfFieldInfo[] {
-    return this.fieldInfos;
-  },
-  setAllFieldValues(fieldValues: FieldValues) {
-  },
-  getAllFieldValues(): FieldValues {
-    return this.fieldValues;
-  }
-};
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MatCheckboxChange, MatCheckboxModule } from '@angular/material/checkbox';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { AdhocFieldConnectorService } from '../lf-field-adhoc-connector.service';
+import { MatDialogModule } from '@angular/material/dialog';
+import { FieldValues, LfFieldInfo } from '../../field-components/utils/lf-field-types';
+import { LfFieldAddRemoveComponent } from './lf-field-add-remove.component';
+import { LfFieldAdhocContainerDemoService } from '../lf-field-adhoc-container-demo.service';
+import { FieldType } from '@laserfiche/lf-ui-components/shared';
+import { LfPopupModalComponent } from '@laserfiche/lf-ui-components/internal-shared';
+import { GetFieldTypePipe } from './get-field-type.pipe';
+import { ScrollingModule } from '@angular/cdk/scrolling';
+
+describe('LfFieldAddRemoveComponent', () => {
+  let component: LfFieldAddRemoveComponent;
+  let fixture: ComponentFixture<LfFieldAddRemoveComponent>;
+  let element: HTMLElement;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [
+        LfFieldAddRemoveComponent,
+        LfPopupModalComponent,
+        GetFieldTypePipe,
+        FormsModule,
+        ReactiveFormsModule,
+        BrowserAnimationsModule,
+        MatCheckboxModule,
+        MatDialogModule,
+        ScrollingModule
+      ],
+      providers: [{provide: AdhocFieldConnectorService, useValue: adHocConnectorTestService}]
+    }).compileComponents();
+  });
+
+  beforeEach(async () => {
+    fixture = TestBed.createComponent(LfFieldAddRemoveComponent);
+    element = fixture.nativeElement;
+    component = fixture.componentInstance;
+    await component.initAsync(new LfFieldAdhocContainerDemoService());
+    await component.updateSortedFieldInfos();
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('should have initial field checked', () => {
+    const initialFieldInfo: LfFieldInfo = { name: 'test field 1', id: 1, description: '', fieldType: FieldType.String, isMultiValue: true, displayName: 'test field 1' };
+    expect(component.isFieldSelected(initialFieldInfo)).toBeTruthy();
+  });
+
+  it('should update selectedFields when checkbox is checked', () => {
+    // Arrange
+    const matCheckboxUpdate = new MatCheckboxChange();
+    matCheckboxUpdate.checked = true;
+    const fieldInfoToCheck: LfFieldInfo = {
+      name: 'test field 3', id: 3, description: '', fieldType: FieldType.DateTime, isMultiValue: true, displayName: 'test field 3'
+    };
+
+    // Act
+    component.onUpdateCheckbox(matCheckboxUpdate, fieldInfoToCheck);
+
+    // Assert
+    const expected = new Set<number>([1, 3]);
+    expect(component.selectedFieldIds).toEqual(expected);
+    expect(component.isFieldSelected(fieldInfoToCheck)).toBe(true);
+  });
+
+  it('should update selectedFields when checkbox is unchecked', () => {
+    // Arrange
+    const matCheckboxUpdate = new MatCheckboxChange();
+    matCheckboxUpdate.checked = false;
+    const fieldInfoToUncheck: LfFieldInfo = {
+      name: 'test field 1', id: 1, description: '', fieldType: FieldType.String, isMultiValue: true, displayName: 'test field 1'
+    };
+
+    // Act
+    component.onUpdateCheckbox(matCheckboxUpdate, fieldInfoToUncheck);
+
+    // Assert
+    const expected = new Set<number>();
+    expect(component.selectedFieldIds).toEqual(expected);
+    expect(component.isFieldSelected(fieldInfoToUncheck)).toBe(false);
+  });
+
+  it('should update connector service when click apply after changes', async () => {
+    // Arrange
+    vi.spyOn(component.clickBack, 'emit');
+    vi.spyOn(adHocConnectorTestService, 'setSelectedFieldIds');
+    const checkbox = element.querySelector('.mdc-checkbox__native-control') as HTMLElement;
+    checkbox.click();
+    fixture.detectChanges();
+
+    // Act
+    component.onClickApply();
+
+    // Assert
+    await fixture.whenStable();
+    expect(adHocConnectorTestService.setSelectedFieldIds).toHaveBeenCalledWith(new Set<number>());
+    expect(component.areCheckboxChanges).toBe(false);
+    expect(component.clickBack.emit).toHaveBeenCalled();
+
+  });
+
+  it('should not update connector service when click cancel after changes', async () => {
+    // Arrange
+    const checkbox = element.querySelector('.mdc-checkbox__native-control') as HTMLElement;
+    checkbox.click();
+    fixture.detectChanges();
+
+    // Act
+    const cancelButton = element.querySelector('#adhoc-cancel-button') as HTMLButtonElement;
+    cancelButton.click();
+
+    // Assert
+    await fixture.whenStable();
+    expect(component.selectedFieldIds).toEqual(new Set<number>([1]));
+    expect(component.areCheckboxChanges).toBe(false);
+  });
+
+  it('should update connector service when confirm yes after press back with changes', async () => {
+    // Arrange
+    vi.spyOn(component.clickBack, 'emit');
+    vi.spyOn(adHocConnectorTestService, 'setSelectedFieldIds');
+    const checkbox = element.querySelector('.mdc-checkbox__native-control') as HTMLElement;
+    checkbox.click();
+    fixture.detectChanges();
+
+    // Act
+    component.onClickBack();
+    component.onClickApply();
+
+    // Assert
+    await fixture.whenStable();
+    expect(adHocConnectorTestService.setSelectedFieldIds).toHaveBeenCalledWith(new Set<number>());
+    expect(component.areCheckboxChanges).toBe(false);
+    expect(component.clickBack.emit).toHaveBeenCalled();
+  });
+
+  it('should not update connector service when confirm no after press back with changes', async () => {
+    // Arrange
+    vi.spyOn(component.clickBack, 'emit');
+    const checkbox = element.querySelector('.mdc-checkbox__native-control') as HTMLElement;
+    checkbox.click();
+    fixture.detectChanges();
+
+    // Act
+    component.onClickBack();
+    component.onConfirmNo();
+
+    // Assert
+    await fixture.whenStable();
+    expect(component.areCheckboxChanges).toBe(false);
+    expect(component.clickBack.emit).toHaveBeenCalled();
+  });
+
+  it('should not update connector service when confirm cancel after press back with changes', async () => {
+    // Arrange
+    vi.spyOn(component.clickBack, 'emit');
+    const checkbox = element.querySelector('.mdc-checkbox__native-control') as HTMLElement;
+    checkbox.click();
+    fixture.detectChanges();
+
+    // Act
+    component.onClickBack();
+
+    // Assert
+    await fixture.whenStable();
+    expect(component.areCheckboxChanges).toBe(true);
+    expect(component.clickBack.emit).not.toHaveBeenCalled();
+  });
+
+  it('should not update connector service when press back with no changes', async () => {
+    // Arrange
+    vi.spyOn(component.clickBack, 'emit');
+    // Act
+    const backButton = element.querySelector('#adhoc-back-button > button') as HTMLButtonElement;
+    backButton.click();
+
+    // Assert
+    await fixture.whenStable();
+    expect(component.areCheckboxChanges).toBe(false);
+    expect(component.clickBack.emit).toHaveBeenCalled();
+  });
+
+  it('should not have apply or cancel buttons with no changes', async () => {
+    // Arrange
+    // Act
+    const applyButton = element.querySelector('#adhoc-apply-button');
+    const cancelButton = element.querySelector('#adhoc-cancel-button');
+
+    // Assert
+    expect(applyButton).toBeFalsy();
+    expect(cancelButton).toBeFalsy();
+    expect(component.areCheckboxChanges).toBe(false);
+  });
+});
+
+const adHocConnectorTestService =  {
+  fieldInfos: [
+    { name: 'test field 1', id: 1, description: '', fieldType: FieldType.String, isMultiValue: true, displayName: 'test field 1' },
+    { name: 'test field 2', id: 2, description: '', fieldType: FieldType.String, isRequired: true, displayName: 'test field 2' },
+    { name: 'test field 3', id: 3, description: '', fieldType: FieldType.Date, isMultiValue: true, displayName: 'test field 3' },
+    { name: 'test field 4', id: 4, description: '', fieldType: FieldType.DateTime, isMultiValue: true, displayName: 'test field 4' },
+    { name: 'test field 5', id: 5, description: '', fieldType: FieldType.Time, isMultiValue: true, displayName: 'test field 5' },
+    { name: 'test field 6', id: 6, description: '', fieldType: FieldType.Number, displayName: 'test field 6' },
+    { name: 'test field 7', id: 7, description: '', fieldType: FieldType.ShortInteger, displayName: 'test field 7' },
+    { name: 'test field 8', id: 8, description: '', fieldType: FieldType.LongInteger, displayName: 'test field 8' },
+    { name: 'test field 9', id: 9, description: '', fieldType: FieldType.String, displayName: 'test field 9' },
+    { name: 'test field 10', id: 10, description: '', fieldType: FieldType.String, isRequired: true, displayName: 'test field 10' },
+    { name: 'test field 11', id: 11, description: '', fieldType: FieldType.Date, displayName: 'test field 11' },
+    { name: 'test field 12', id: 12, description: '', fieldType: FieldType.DateTime, displayName: 'test field 12' },
+    { name: 'test field 13', id: 13, description: '', fieldType: FieldType.Time, displayName: 'test field 13' },
+    { name: 'test field 14', id: 14, description: '', fieldType: FieldType.String, displayName: 'test field 14' },
+    { name: 'test field 15', id: 15, description: '', fieldType: FieldType.String, displayName: 'test field 15' },
+    { name: 'test field 16', id: 16, description: '', fieldType: FieldType.String, displayName: 'test field 16' },
+  ],
+  fieldValues: {
+    1: {
+      fieldName: 'test field 1',
+      fieldId: 1,
+      fieldType: FieldType.String,
+      values: [
+        { value: '44.788', position: '1' },
+        { value: '55555', position: '2' }
+      ]
+    } },
+
+  setSelectedFieldIds(selectedFields: Set<number>) {
+  },
+  getSelectedFieldIds(): Set<number> {
+    const fieldIds = new Set<number>();
+    fieldIds.add(1);
+    return fieldIds;
+  },
+  setAllFieldInfos(fieldInfos: LfFieldInfo[]) {
+  },
+  getAllFieldInfos(): LfFieldInfo[] {
+    return this.fieldInfos;
+  },
+  setAllFieldValues(fieldValues: FieldValues) {
+  },
+  getAllFieldValues(): FieldValues {
+    return this.fieldValues;
+  }
+};
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.spec.ts b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.spec.ts
index f9e82fb5..029bf7d6 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.spec.ts
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.spec.ts
@@ -5,7 +5,7 @@ import { ComponentFixture, fakeAsync, flush, TestBed } from '@angular/core/testi
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { FieldType } from '@laserfiche/lf-ui-components/shared';
-import { LfLoaderModule, LfModalsModule } from '@laserfiche/lf-ui-components/internal-shared'; 
+import { LfLoaderComponent, LfPopupModalComponent } from '@laserfiche/lf-ui-components/internal-shared';
 import { LfFieldViewDirective } from '../lf-field-view.directive';
 import { FieldValue } from '../field-components/utils/lf-field-types';
 import { LfFieldAddRemoveComponent } from './lf-field-add-remove/lf-field-add-remove.component';
@@ -13,7 +13,7 @@ import { LfFieldAdhocContainerDemoService } from './lf-field-adhoc-container-dem
 import { AdhocFieldInfo } from './lf-field-adhoc-container-types';
 import { LfFieldAdhocContainerComponent } from './lf-field-adhoc-container.component';
 import { MatCheckboxModule } from '@angular/material/checkbox';
-import { LfFieldBaseModule } from '../field-components/field-base-parts/lf-field-base/lf-field-base.module';
+import { LfFieldBaseComponent } from '../field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component';
 import { GetFieldTypePipe } from './lf-field-add-remove/get-field-type.pipe';
 import { ScrollingModule } from '@angular/cdk/scrolling';
 import { MatDialogModule } from '@angular/material/dialog';
@@ -25,21 +25,19 @@ describe('LfFieldAdhocContainerComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [
+      imports: [
         LfFieldAdhocContainerComponent,
         LfFieldAddRemoveComponent,
         LfFieldViewDirective,
-        GetFieldTypePipe
-      ],
-      imports: [
+        GetFieldTypePipe,
         FormsModule,
         ReactiveFormsModule,
         BrowserAnimationsModule,
-        LfModalsModule,
-        LfFieldBaseModule,
+        LfPopupModalComponent,
+        LfFieldBaseComponent,
         MatCheckboxModule,
         ScrollingModule,
-        LfLoaderModule,
+        LfLoaderComponent,
         MatDialogModule,
       ],
     }).compileComponents();
@@ -146,7 +144,7 @@ describe('LfFieldAdhocContainerComponent', () => {
     component.addRemoveComponent.onClickApply();
 
     // Assert (required field is blank)
-    expect(component.forceValidation()).toBeFalse();
+    expect(component.forceValidation()).toBe(false);
   }));
 
   it('should getMappedFieldValues with valid input', async () => {
@@ -199,8 +197,8 @@ describe('LfFieldAdhocContainerComponent', () => {
     const fieldValueNameDoesNotExist: FieldValue = { fieldId: 1 };
     const fieldValueNameExist: FieldValue = { fieldId: 2, fieldName: 'hello' };
     component.componentRefs = [
-      { instance: jasmine.createSpyObj({ getFieldValue: fieldValueNameDoesNotExist }) },
-      { instance: jasmine.createSpyObj({ getFieldValue: fieldValueNameExist }) },
+      { instance: { getFieldValue: vi.fn().mockReturnValue(fieldValueNameDoesNotExist) } },
+      { instance: { getFieldValue: vi.fn().mockReturnValue(fieldValueNameExist) } },
     ] as any;
 
     // Act
diff --git a/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.spec.ts b/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.spec.ts
index afe139d7..8fca2661 100644
--- a/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.spec.ts
+++ b/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.spec.ts
@@ -14,9 +14,8 @@ import { MatExpansionModule } from '@angular/material/expansion';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
 import { MatSelectModule } from '@angular/material/select';
-import { LfModalsModule } from '@laserfiche/lf-ui-components/internal-shared';
+import { LfPopupModalComponent } from '@laserfiche/lf-ui-components/internal-shared';
 import { LfFieldContainerDemoService } from 'projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-demo.service';
-import { LfMetadataModule } from '../lf-metadata.module';
 
 describe('LfFieldContainerComponent', () => {
   let component: LfFieldContainerComponent;
@@ -24,24 +23,21 @@ describe('LfFieldContainerComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [
+      imports: [
         LfFieldContainerComponent,
         LfFieldTemplateContainerComponent,
         LfFieldAdhocContainerComponent,
         LfFieldAddRemoveComponent,
-        LfFieldViewDirective
-      ],
-      imports: [
+        LfFieldViewDirective,
         BrowserAnimationsModule,
         FormsModule,
-        LfModalsModule,
+        LfPopupModalComponent,
         MatExpansionModule,
         MatDialogModule,
         MatInputModule,
         MatFormFieldModule,
         MatSelectModule,
         ReactiveFormsModule,
-        LfMetadataModule
       ]
     })
     .compileComponents();
diff --git a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.spec.ts b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.spec.ts
index 9824bf4d..b6078470 100644
--- a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.spec.ts
+++ b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.spec.ts
@@ -1,246 +1,243 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-import { MatSelectModule } from '@angular/material/select';;
-import { LfFieldMetadataConnectorService } from '../lf-field-metadata-connector.service';
-import { LfFieldTemplateContainerComponent } from './lf-field-template-container.component';
-import { LfFieldTemplateContainerService } from './lf-field-template-container.service';
-import { City, County, DynamicFieldIds, fieldInfosPerTemplate, LfFieldTemplateContainerDemoService, State, TemplateIds } from './lf-field-template-container-demo.service';
-import { FieldType } from '@laserfiche/lf-ui-components/shared';
-import { LfFieldViewDirective } from '../lf-field-view.directive';
-import { FieldComponentsModule } from '../field-components/field-components.module';
-import { TemplateFieldInfo } from '../field-components/utils/lf-field-types';
-
-describe('LfFieldTemplateContainerComponent', () => {
-  let component: LfFieldTemplateContainerComponent;
-  let fixture: ComponentFixture<LfFieldTemplateContainerComponent>;
-  let templateService!: LfFieldTemplateContainerService;
-
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        declarations: [LfFieldTemplateContainerComponent, LfFieldViewDirective],
-        imports: [CommonModule, FormsModule, MatSelectModule, FieldComponentsModule],
-        providers: [LfFieldMetadataConnectorService],
-      }).compileComponents();
-    })
-  );
-
-  beforeEach(async () => {
-    fixture = TestBed.createComponent(LfFieldTemplateContainerComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-    templateService = new LfFieldTemplateContainerDemoService();
-    await component.initAsync({ templateFieldContainerService: templateService });
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('should getValuesById', async () => {
-    // Arrange
-    component.allFieldValues = {
-      1: {
-        fieldName: 'test field',
-        fieldType: FieldType.String,
-        fieldId: 1,
-        values: [
-          {
-            value: 'test Value',
-          },
-        ],
-      },
-    };
-    const fieldId: number = 1;
-
-    // Act
-    // @ts-ignore
-    const values = component.getValuesById(fieldId);
-
-    // Assert
-    expect(values).toEqual(['test Value']);
-  });
-
-  it('should createDefaultFieldValue', async () => {
-    // Arrange
-    component.allFieldInfos = [
-      {
-        name: 'test field',
-        id: 1,
-        fieldType: FieldType.String,
-        displayName: 'test field'
-      },
-    ];
-
-    // Act
-    // @ts-ignore
-    const defaultValue = component.createDefaultFieldValue(1);
-
-    // Assert
-    expect(defaultValue).toEqual({ fieldName: 'test field', fieldId: 1, fieldType: FieldType.String });
-  });
-
-  it('can initialize to a template', async () => {
-    // Act
-    await component.initAsync({ templateFieldContainerService: templateService }, TemplateIds.String);
-
-    // Assert
-    expect(component.templateSelected?.id).toEqual(TemplateIds.String);
-  });
-
-  it('when initializing to a template that does not exist, then select empty template', async () => {
-    // Arrange
-    const nonExistingTemplateId = 9238472;
-    await component.initAsync({ templateFieldContainerService: templateService }, TemplateIds.String);
-
-    // Act
-    await component.initAsync({ templateFieldContainerService: templateService }, nonExistingTemplateId);
-
-    // Assert
-    expect(component.templateSelected).toBeUndefined();
-  });
-
-  it('when no dynamic fields are set, then only dynamic fields that do not depend on any other fields have pickable values', async () => {
-    // Act
-    await component.initAsync({ templateFieldContainerService: templateService }, TemplateIds.DynamicLocation);
-
-    // Assert
-    const expectedStateValues = [State.CA, State.OH, State.NV];
-    const stateFieldInfo = component.allFieldInfos.find((templateFieldInfo) => templateFieldInfo.id === DynamicFieldIds.State);
-    // eslint-disable-next-line
-    expect(component.dynamicOptions.get(stateFieldInfo?.id ?? 0)![0]).toEqual(expectedStateValues);
-
-    const expectedCountyValues: string[] = [];
-    const countyFieldInfo = component.allFieldInfos.find((templateFieldInfo) => templateFieldInfo.id === DynamicFieldIds.County);
-    // eslint-disable-next-line
-    expect(component.dynamicOptions.get(countyFieldInfo?.id ?? 0)![0]).toEqual(expectedCountyValues);
-  });
-
-  it('when a dynamic field is chosen, then its dependent fields load pickable values', async () => {
-    // Arrange
-    await component.initAsync({ templateFieldContainerService: templateService }, TemplateIds.DynamicLocation);
-
-    // Act
-    const stateFieldInfoBefore = component.allFieldInfos.find(
-      (templateFieldInfo) => templateFieldInfo.id === DynamicFieldIds.State
-    );
-    // @ts-ignore
-    await component.onFieldValueChangedAsync([State.OH], stateFieldInfoBefore, [0]);
-
-    // Assert
-    const expectedStateValues = [State.CA, State.OH, State.NV];
-    const stateFieldInfo = component.allFieldInfos.find((templateFieldInfo) => templateFieldInfo.id === DynamicFieldIds.State);
-    // eslint-disable-next-line
-    expect(component.dynamicOptions.get(stateFieldInfo?.id ?? 0)![0]).toEqual(expectedStateValues);
-
-    const expectedCountyValues = [County.Cuyahoga, County.Hamilton];
-    const countyFieldInfo = component.allFieldInfos.find((templateFieldInfo) => templateFieldInfo.id === DynamicFieldIds.County);
-    // eslint-disable-next-line
-    expect(component.dynamicOptions.get(countyFieldInfo?.id ?? 0)![0]).toEqual(expectedCountyValues);
-  });
-
-  it('when a dynamic field is changed, then its dependent fields are cleared', async () => {
-    // Arrange
-    await component.initAsync({ templateFieldContainerService: templateService }, TemplateIds.DynamicLocation);
-
-    // Act
-    const stateFieldInfo = component.allFieldInfos.find(
-      (templateFieldInfo) => templateFieldInfo.id === DynamicFieldIds.State
-    );
-    // @ts-ignore
-    await component.onFieldValueChangedAsync([State.OH], stateFieldInfo, [0]);
-
-    const countyFieldInfo = component.allFieldInfos.find(
-      (templateFieldInfo) => templateFieldInfo.id === DynamicFieldIds.County
-    );
-    // @ts-ignore
-    await component.onFieldValueChangedAsync([County.Cuyahoga], countyFieldInfo, [0]);
-
-    // Assert
-    const countyValuesBefore = component.allFieldValues[DynamicFieldIds.County].values;
-    expect(countyValuesBefore).toEqual([{ value: County.Cuyahoga, position: '1' }]);
-
-    // Act again
-    // @ts-ignore
-    await component.onFieldValueChangedAsync([State.CA], stateFieldInfo, [0]);
-
-    // Assert
-    const countyValuesAfter = component.allFieldValues[DynamicFieldIds.County].values;
-    expect(countyValuesAfter).toEqual([{ value: '', position: '1' }]);
-  });
-
-  it('when a dynamic field is changed and its child has only 1 option, then the child value is set to that option', async () => {
-    // Arrange
-    await component.initAsync({ templateFieldContainerService: templateService }, TemplateIds.DynamicLocation);
-
-    // Act
-    const stateFieldInfo = component.allFieldInfos.find(
-      (templateFieldInfo) => templateFieldInfo.id === DynamicFieldIds.State
-    );
-    // @ts-ignore
-    await component.onFieldValueChangedAsync([State.NV], stateFieldInfo, [0]);
-
-    // Assert
-    const countyValues = component.allFieldValues[DynamicFieldIds.County].values;
-    expect(countyValues).toEqual([{ value: County.Clark, position: '1' }]);
-  });
-
-  it('when a dynamic field does not depend on any other field and only has 1 option, then it is set to that option', async () => {
-    // Act
-    await component.initAsync({ templateFieldContainerService: templateService }, TemplateIds.DynamicOneLocation);
-
-    // Assert
-    const stateValues = component.allFieldValues[DynamicFieldIds.State].values;
-    expect(stateValues).toEqual([{ value: State.NV, position: '1' }]);
-  });
-
-  it('when a second field is added, then baseFieldOptions should be populated', async () => {
-    // Act
-    await component.initAsync({ templateFieldContainerService: templateService }, TemplateIds.DynamicLocation);
-
-    const fieldInfos: TemplateFieldInfo[] = fieldInfosPerTemplate[TemplateIds.DynamicLocation];
-    for (const info of fieldInfos) {
-      await component.onFieldValueChangedAsync(['', ''], info);
-    }
-
-    // Assert
-    const stateOptions = component.dynamicOptions.get(fieldInfos[0].id);
-    expect(stateOptions).toEqual([[State.CA, State.OH, State.NV], [State.CA, State.OH, State.NV]]);
-  });
-
-  it('when a second field is added, then baseFieldOptions should be populated', async () => {
-    // Act
-    await component.initAsync({ templateFieldContainerService: templateService }, TemplateIds.DynamicLocation);
-
-    const fieldInfos: TemplateFieldInfo[] = fieldInfosPerTemplate[TemplateIds.DynamicLocation];
-    for (const info of fieldInfos) {
-      await component.onFieldValueChangedAsync(['', ''], info);
-    }
-
-    await component.onFieldValueChangedAsync(['', State.NV], fieldInfos[0], [1]);
-
-    // Assert
-    const stateOptions = component.dynamicOptions.get(fieldInfos[0].id);
-    expect(stateOptions).toEqual([[State.CA, State.OH, State.NV], [State.CA, State.OH, State.NV]]);
-
-    const countyOptions = component.dynamicOptions.get(fieldInfos[1].id);
-    expect(countyOptions).toEqual([[], [County.Clark]]);
-
-    const cityOptions = component.dynamicOptions.get(fieldInfos[2].id);
-    expect(cityOptions).toEqual([[], [City.LasVegas]]);
-
-    const stateValues = component.allFieldValues[DynamicFieldIds.State].values;
-    expect(stateValues).toEqual([{ value: '', position: '1' }, {value: State.NV, position: '2'}]);
-
-    const countyValues = component.allFieldValues[DynamicFieldIds.County].values;
-    expect(countyValues).toEqual([{ value: '', position: '1' }, {value: County.Clark, position: '2'}]);
-
-    const cityValues = component.allFieldValues[DynamicFieldIds.City].values;
-    expect(cityValues).toEqual([{ value: '', position: '1' }, {value: City.LasVegas, position: '2'}]);
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { MatSelectModule } from '@angular/material/select';;
+import { LfFieldMetadataConnectorService } from '../lf-field-metadata-connector.service';
+import { LfFieldTemplateContainerComponent } from './lf-field-template-container.component';
+import { LfFieldTemplateContainerService } from './lf-field-template-container.service';
+import { City, County, DynamicFieldIds, fieldInfosPerTemplate, LfFieldTemplateContainerDemoService, State, TemplateIds } from './lf-field-template-container-demo.service';
+import { FieldType } from '@laserfiche/lf-ui-components/shared';
+import { LfFieldViewDirective } from '../lf-field-view.directive';
+import { LfFieldComponent } from '../field-components/lf-field/lf-field.component';
+import { LfFieldMultivalueComponent } from '../field-components/lf-field-multivalue/lf-field-multivalue.component';
+import { LfFieldGroupComponent } from '../field-components/lf-field-group/lf-field-group.component';
+import { TemplateFieldInfo } from '../field-components/utils/lf-field-types';
+
+describe('LfFieldTemplateContainerComponent', () => {
+  let component: LfFieldTemplateContainerComponent;
+  let fixture: ComponentFixture<LfFieldTemplateContainerComponent>;
+  let templateService!: LfFieldTemplateContainerService;
+
+  beforeEach(
+    async () => {
+      await TestBed.configureTestingModule({
+        imports: [LfFieldTemplateContainerComponent, LfFieldViewDirective, CommonModule, FormsModule, MatSelectModule, LfFieldComponent, LfFieldMultivalueComponent, LfFieldGroupComponent],
+        providers: [LfFieldMetadataConnectorService] }).compileComponents();
+    }
+  );
+
+  beforeEach(async () => {
+    fixture = TestBed.createComponent(LfFieldTemplateContainerComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+    templateService = new LfFieldTemplateContainerDemoService();
+    await component.initAsync({ templateFieldContainerService: templateService });
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('should getValuesById', async () => {
+    // Arrange
+    component.allFieldValues = {
+      1: {
+        fieldName: 'test field',
+        fieldType: FieldType.String,
+        fieldId: 1,
+        values: [
+          {
+            value: 'test Value' },
+        ] } };
+    const fieldId: number = 1;
+
+    // Act
+    // @ts-ignore
+    const values = component.getValuesById(fieldId);
+
+    // Assert
+    expect(values).toEqual(['test Value']);
+  });
+
+  it('should createDefaultFieldValue', async () => {
+    // Arrange
+    component.allFieldInfos = [
+      {
+        name: 'test field',
+        id: 1,
+        fieldType: FieldType.String,
+        displayName: 'test field'
+      },
+    ];
+
+    // Act
+    // @ts-ignore
+    const defaultValue = component.createDefaultFieldValue(1);
+
+    // Assert
+    expect(defaultValue).toEqual({ fieldName: 'test field', fieldId: 1, fieldType: FieldType.String });
+  });
+
+  it('can initialize to a template', async () => {
+    // Act
+    await component.initAsync({ templateFieldContainerService: templateService }, TemplateIds.String);
+
+    // Assert
+    expect(component.templateSelected?.id).toEqual(TemplateIds.String);
+  });
+
+  it('when initializing to a template that does not exist, then select empty template', async () => {
+    // Arrange
+    const nonExistingTemplateId = 9238472;
+    await component.initAsync({ templateFieldContainerService: templateService }, TemplateIds.String);
+
+    // Act
+    await component.initAsync({ templateFieldContainerService: templateService }, nonExistingTemplateId);
+
+    // Assert
+    expect(component.templateSelected).toBeUndefined();
+  });
+
+  it('when no dynamic fields are set, then only dynamic fields that do not depend on any other fields have pickable values', async () => {
+    // Act
+    await component.initAsync({ templateFieldContainerService: templateService }, TemplateIds.DynamicLocation);
+
+    // Assert
+    const expectedStateValues = [State.CA, State.OH, State.NV];
+    const stateFieldInfo = component.allFieldInfos.find((templateFieldInfo) => templateFieldInfo.id === DynamicFieldIds.State);
+    // eslint-disable-next-line
+    expect(component.dynamicOptions.get(stateFieldInfo?.id ?? 0)![0]).toEqual(expectedStateValues);
+
+    const expectedCountyValues: string[] = [];
+    const countyFieldInfo = component.allFieldInfos.find((templateFieldInfo) => templateFieldInfo.id === DynamicFieldIds.County);
+    // eslint-disable-next-line
+    expect(component.dynamicOptions.get(countyFieldInfo?.id ?? 0)![0]).toEqual(expectedCountyValues);
+  });
+
+  it('when a dynamic field is chosen, then its dependent fields load pickable values', async () => {
+    // Arrange
+    await component.initAsync({ templateFieldContainerService: templateService }, TemplateIds.DynamicLocation);
+
+    // Act
+    const stateFieldInfoBefore = component.allFieldInfos.find(
+      (templateFieldInfo) => templateFieldInfo.id === DynamicFieldIds.State
+    );
+    // @ts-ignore
+    await component.onFieldValueChangedAsync([State.OH], stateFieldInfoBefore, [0]);
+
+    // Assert
+    const expectedStateValues = [State.CA, State.OH, State.NV];
+    const stateFieldInfo = component.allFieldInfos.find((templateFieldInfo) => templateFieldInfo.id === DynamicFieldIds.State);
+    // eslint-disable-next-line
+    expect(component.dynamicOptions.get(stateFieldInfo?.id ?? 0)![0]).toEqual(expectedStateValues);
+
+    const expectedCountyValues = [County.Cuyahoga, County.Hamilton];
+    const countyFieldInfo = component.allFieldInfos.find((templateFieldInfo) => templateFieldInfo.id === DynamicFieldIds.County);
+    // eslint-disable-next-line
+    expect(component.dynamicOptions.get(countyFieldInfo?.id ?? 0)![0]).toEqual(expectedCountyValues);
+  });
+
+  it('when a dynamic field is changed, then its dependent fields are cleared', async () => {
+    // Arrange
+    await component.initAsync({ templateFieldContainerService: templateService }, TemplateIds.DynamicLocation);
+
+    // Act
+    const stateFieldInfo = component.allFieldInfos.find(
+      (templateFieldInfo) => templateFieldInfo.id === DynamicFieldIds.State
+    );
+    // @ts-ignore
+    await component.onFieldValueChangedAsync([State.OH], stateFieldInfo, [0]);
+
+    const countyFieldInfo = component.allFieldInfos.find(
+      (templateFieldInfo) => templateFieldInfo.id === DynamicFieldIds.County
+    );
+    // @ts-ignore
+    await component.onFieldValueChangedAsync([County.Cuyahoga], countyFieldInfo, [0]);
+
+    // Assert
+    const countyValuesBefore = component.allFieldValues[DynamicFieldIds.County].values;
+    expect(countyValuesBefore).toEqual([{ value: County.Cuyahoga, position: '1' }]);
+
+    // Act again
+    // @ts-ignore
+    await component.onFieldValueChangedAsync([State.CA], stateFieldInfo, [0]);
+
+    // Assert
+    const countyValuesAfter = component.allFieldValues[DynamicFieldIds.County].values;
+    expect(countyValuesAfter).toEqual([{ value: '', position: '1' }]);
+  });
+
+  it('when a dynamic field is changed and its child has only 1 option, then the child value is set to that option', async () => {
+    // Arrange
+    await component.initAsync({ templateFieldContainerService: templateService }, TemplateIds.DynamicLocation);
+
+    // Act
+    const stateFieldInfo = component.allFieldInfos.find(
+      (templateFieldInfo) => templateFieldInfo.id === DynamicFieldIds.State
+    );
+    // @ts-ignore
+    await component.onFieldValueChangedAsync([State.NV], stateFieldInfo, [0]);
+
+    // Assert
+    const countyValues = component.allFieldValues[DynamicFieldIds.County].values;
+    expect(countyValues).toEqual([{ value: County.Clark, position: '1' }]);
+  });
+
+  it('when a dynamic field does not depend on any other field and only has 1 option, then it is set to that option', async () => {
+    // Act
+    await component.initAsync({ templateFieldContainerService: templateService }, TemplateIds.DynamicOneLocation);
+
+    // Assert
+    const stateValues = component.allFieldValues[DynamicFieldIds.State].values;
+    expect(stateValues).toEqual([{ value: State.NV, position: '1' }]);
+  });
+
+  it('when a second field is added, then baseFieldOptions should be populated', async () => {
+    // Act
+    await component.initAsync({ templateFieldContainerService: templateService }, TemplateIds.DynamicLocation);
+
+    const fieldInfos: TemplateFieldInfo[] = fieldInfosPerTemplate[TemplateIds.DynamicLocation];
+    for (const info of fieldInfos) {
+      await component.onFieldValueChangedAsync(['', ''], info);
+    }
+
+    // Assert
+    const stateOptions = component.dynamicOptions.get(fieldInfos[0].id);
+    expect(stateOptions).toEqual([[State.CA, State.OH, State.NV], [State.CA, State.OH, State.NV]]);
+  });
+
+  it('when a second field is added, then baseFieldOptions should be populated', async () => {
+    // Act
+    await component.initAsync({ templateFieldContainerService: templateService }, TemplateIds.DynamicLocation);
+
+    const fieldInfos: TemplateFieldInfo[] = fieldInfosPerTemplate[TemplateIds.DynamicLocation];
+    for (const info of fieldInfos) {
+      await component.onFieldValueChangedAsync(['', ''], info);
+    }
+
+    await component.onFieldValueChangedAsync(['', State.NV], fieldInfos[0], [1]);
+
+    // Assert
+    const stateOptions = component.dynamicOptions.get(fieldInfos[0].id);
+    expect(stateOptions).toEqual([[State.CA, State.OH, State.NV], [State.CA, State.OH, State.NV]]);
+
+    const countyOptions = component.dynamicOptions.get(fieldInfos[1].id);
+    expect(countyOptions).toEqual([[], [County.Clark]]);
+
+    const cityOptions = component.dynamicOptions.get(fieldInfos[2].id);
+    expect(cityOptions).toEqual([[], [City.LasVegas]]);
+
+    const stateValues = component.allFieldValues[DynamicFieldIds.State].values;
+    expect(stateValues).toEqual([{ value: '', position: '1' }, {value: State.NV, position: '2'}]);
+
+    const countyValues = component.allFieldValues[DynamicFieldIds.County].values;
+    expect(countyValues).toEqual([{ value: '', position: '1' }, {value: County.Clark, position: '2'}]);
+
+    const cityValues = component.allFieldValues[DynamicFieldIds.City].values;
+    expect(cityValues).toEqual([{ value: '', position: '1' }, {value: City.LasVegas, position: '2'}]);
+  });
+});
diff --git a/projects/ui-components/lf-repository-browser/lf-repository-browser.component.spec.ts b/projects/ui-components/lf-repository-browser/lf-repository-browser.component.spec.ts
index 851e8aac..e9055be1 100644
--- a/projects/ui-components/lf-repository-browser/lf-repository-browser.component.spec.ts
+++ b/projects/ui-components/lf-repository-browser/lf-repository-browser.component.spec.ts
@@ -1,734 +1,712 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ChangeDetectorRef } from '@angular/core';
-import { ComponentFixture, TestBed, waitForAsync, TestModuleMetadata, flush, fakeAsync } from '@angular/core/testing';
-import { MatButtonToggleModule } from '@angular/material/button-toggle';
-import { MatDialogModule } from '@angular/material/dialog';
-import { FormsModule } from '@angular/forms';
-import { MatIconModule } from '@angular/material/icon';
-import { MatListModule } from '@angular/material/list';
-import { MatMenuModule } from '@angular/material/menu';
-import { LfBreadcrumbsComponent, ILfSelectable } from '@laserfiche/lf-ui-components/shared';
-import { MatDialog } from '@angular/material/dialog';
-import { LfLoaderComponent } from '@laserfiche/lf-ui-components/internal-shared';
-import { LfRepositoryBrowserComponent } from './lf-repository-browser.component';
-import { LfTreeNodeService, LfTreeNode } from './ILfTreeNodeService';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { ColumnDef, LfSelectionListModule } from '@laserfiche/lf-ui-components/lf-selection-list';
-
-const rootTreeNode: LfTreeNode = {
-  icon: '',
-  id: '1',
-  isContainer: true,
-  isLeaf: false,
-  name: 'root',
-  path: '',
-};
-
-const rootTreeNodeChildren: LfTreeNode[] = [
-  {
-    icon: '',
-    id: '2',
-    isContainer: false,
-    isLeaf: false,
-    name: 'tree node a realllllllllllllllllllllllllllllllllllllllllllllllllllllllly long name (2)',
-    path: '',
-  },
-  {
-    icon: '',
-    id: '3',
-    isContainer: true,
-    isLeaf: false,
-    name: 'tree folder (3)',
-    path: '',
-  },
-];
-
-const moduleDef: TestModuleMetadata = {
-  imports: [
-    BrowserAnimationsModule,
-    MatListModule,
-    MatIconModule,
-    FormsModule,
-    MatMenuModule,
-    MatButtonToggleModule,
-    MatDialogModule,
-    LfSelectionListModule,
-  ],
-  declarations: [LfRepositoryBrowserComponent, LfBreadcrumbsComponent, LfLoaderComponent],
-};
-
-describe('LfRepositoryBrowserComponent', () => {
-  let component: LfRepositoryBrowserComponent;
-  let fixture: ComponentFixture<LfRepositoryBrowserComponent>;
-
-  async function setupRepoBrowserWithSelectedNodes(selectedNode: LfTreeNode[]) {
-    const id = '7';
-    const entry: LfTreeNode = {
-      icon: '',
-      id,
-      isContainer: true,
-      isLeaf: true,
-      name: 'test entry (7)',
-      path: '8',
-    };
-    const parent: LfTreeNode = {
-      icon: '',
-      id: '8',
-      isContainer: true,
-      isLeaf: false,
-      name: 'test entry (8)',
-      path: '',
-    };
-    dataServiceMock.getFolderChildrenAsync.and.returnValue(
-      Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
-    );
-    dataServiceMock.getParentTreeNodeAsync.and.callFake((treeNode: LfTreeNode) => {
-      if (treeNode.id === id) {
-        return Promise.resolve(parent);
-      }
-      return Promise.resolve(undefined);
-    });
-    await component.initAsync(dataServiceMock, entry);
-
-    // Act
-    await component.setSelectedNodesAsync(selectedNode);
-  }
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule(moduleDef).compileComponents();
-  }));
-
-  beforeEach(async () => {
-    changeRefMock = jasmine.createSpyObj('ref', ['detectChanges']);
-    matDialogMock = jasmine.createSpyObj('popupDialog', ['open']);
-
-    fixture = TestBed.createComponent(LfRepositoryBrowserComponent);
-    component = fixture.componentInstance;
-    // @ts-ignore
-    component.el.nativeElement.style = `height: 500px; width: 500px`;
-    // await component.initAsync(repoService);
-    fixture.detectChanges();
-  });
-
-  let changeRefMock: ChangeDetectorRef;
-  const dataServiceMock: jasmine.SpyObj<LfTreeNodeService> = jasmine.createSpyObj('dataService', [
-    'getFolderChildrenAsync',
-    'getRootTreeNodeAsync',
-    'getParentTreeNodeAsync',
-    'getTreeNodeByIdentifierAsync',
-  ]);
-  let matDialogMock: MatDialog;
-
-
-  it('should create an instance', () => {
-    expect(component).toBeTruthy();
-  });
-
-  describe('initAsync', () => {
-    it('should get the rootEntry and its folder data when no parameter is passed', async () => {
-      // Arrange
-      dataServiceMock.getRootTreeNodeAsync.and.returnValue(Promise.resolve(rootTreeNode));
-      dataServiceMock.getFolderChildrenAsync.and.returnValue(
-        Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
-      );
-      dataServiceMock.getParentTreeNodeAsync.and.returnValue(Promise.resolve(undefined));
-
-      // Act
-      await component.initAsync(dataServiceMock);
-
-      // Assert
-      expect(component.breadcrumbs[0]).toEqual(rootTreeNode);
-      expect(component.currentFolderChildren.map((lfSelectable: ILfSelectable) => lfSelectable.value)).toEqual(
-        rootTreeNodeChildren
-      );
-    });
-
-    it('should use the entry passed to selectedEntry parameter as the root', async () => {
-      // Arrange
-      const id = '3';
-      const entryToGet: LfTreeNode = {
-        icon: '',
-        id,
-        isContainer: true,
-        isLeaf: false,
-        name: 'test entry (3)',
-        path: '',
-      };
-      dataServiceMock.getFolderChildrenAsync.and.returnValue(
-        Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
-      );
-      dataServiceMock.getParentTreeNodeAsync.and.returnValue(Promise.resolve(undefined));
-
-      // Act
-      await component.initAsync(dataServiceMock, entryToGet);
-
-      // Assert
-      expect(component.breadcrumbs[0]).toEqual(entryToGet);
-      expect(component.currentFolderChildren.map((lfSelectable: ILfSelectable) => lfSelectable.value)).toEqual(
-        rootTreeNodeChildren
-      );
-    });
-
-    it('should use the parent entry of the passed in entry if it is not a container entry', async () => {
-      // Arrange
-      const id = '4';
-      const parentId = '5';
-      const entry: LfTreeNode = {
-        icon: '',
-        id,
-        isContainer: false,
-        isLeaf: false,
-        name: 'test entry (4)',
-        path: '5',
-      };
-      const parentEntry: LfTreeNode = {
-        icon: '',
-        id: parentId,
-        isContainer: true,
-        isLeaf: false,
-        name: 'parent entry',
-        path: '',
-      };
-      dataServiceMock.getFolderChildrenAsync.and.returnValue(
-        Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
-      );
-      dataServiceMock.getParentTreeNodeAsync.and.callFake((entry: LfTreeNode) => {
-        if (entry.id === id) {
-          return Promise.resolve(parentEntry);
-        }
-        return Promise.resolve(undefined);
-      });
-
-      // Act
-      await component.initAsync(dataServiceMock, entry);
-
-      // Assert
-      expect(component.breadcrumbs[0]).toEqual(parentEntry);
-      expect(component.currentFolderChildren.map((lfSelectable: ILfSelectable) => lfSelectable.value)).toEqual(
-        rootTreeNodeChildren
-      );
-    });
-
-    it('should be in an erorr state when there is no root tree node found when being called without the selectedEntry parameter', async () => {
-      // Arrange
-      dataServiceMock.getRootTreeNodeAsync.and.rejectWith('error');
-
-      // Act
-      await component.initAsync(dataServiceMock);
-
-      // Assert
-      expect(component.hasError).toBeTrue();
-    });
-
-    it('should setup the repository browser with the root entry returned by the dataService', async () => {
-      // Arrange
-      dataServiceMock.getRootTreeNodeAsync.and.returnValue(Promise.resolve(rootTreeNode));
-      dataServiceMock.getFolderChildrenAsync.and.returnValue(
-        Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
-      );
-
-      // Act
-      await component.initAsync(dataServiceMock);
-
-      // Assert
-      expect(component.breadcrumbs[0]).toEqual(rootTreeNode);
-      expect(component.currentFolderChildren.map((lfSelectable: ILfSelectable) => lfSelectable.value)).toEqual(
-        rootTreeNodeChildren
-      );
-    });
-
-    it('should update the breadcrumbs and get new data for the selected entry', async () => {
-      // Arrange
-      const id = '7';
-      const entry: LfTreeNode = {
-        icon: '',
-        id,
-        isContainer: true,
-        isLeaf: true,
-        name: 'test entry (7)',
-        path: '8',
-      };
-      const parent: LfTreeNode = {
-        icon: '',
-        id: '8',
-        isContainer: true,
-        isLeaf: false,
-        name: 'test entry (8)',
-        path: '',
-      };
-      const newBreadCrumbs = [entry, parent];
-      dataServiceMock.getFolderChildrenAsync.and.returnValue(
-        Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
-      );
-      dataServiceMock.getParentTreeNodeAsync.and.callFake((treeNode: LfTreeNode) => {
-        if (treeNode.id === id) {
-          return Promise.resolve(parent);
-        }
-        return Promise.resolve(undefined);
-      });
-
-      // Act
-      await component.initAsync(dataServiceMock, entry);
-
-      // Assert
-      expect(component.breadcrumbs).toEqual(newBreadCrumbs);
-      expect(component.currentFolderChildren.map((lfSelectable: ILfSelectable) => lfSelectable.value)).toEqual(
-        rootTreeNodeChildren
-      );
-    });
-  });
-
-  it('openChildFolderAsync should update the breadcrumbs and get new data for the passed in entry', async () => {
-    // Arrange
-    const entry: LfTreeNode = {
-      icon: '',
-      id: '9',
-      isContainer: true,
-      isLeaf: false,
-      name: 'test entry (9)',
-      path: '',
-    };
-    dataServiceMock.getFolderChildrenAsync.and.returnValue(
-      Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
-    );
-    component.treeNodeService = dataServiceMock;
-    // Act
-    await component.openChildFolderAsync(entry);
-
-    // Assert
-    expect(component.breadcrumbs).toEqual([entry]);
-    expect(component.currentFolderChildren.map((lfSelectable: ILfSelectable) => lfSelectable.value)).toEqual(
-      rootTreeNodeChildren
-    );
-  });
-
-  it('openChildFolderAsync should correctly append the new entry to the breadcrumbs', async () => {
-    // Arrange
-    const parent: LfTreeNode = {
-      icon: '',
-      id: '9',
-      isContainer: true,
-      isLeaf: false,
-      name: 'test entry (9)',
-      path: '',
-    };
-    const entry: LfTreeNode = {
-      icon: '',
-      id: '10',
-      isContainer: true,
-      isLeaf: true,
-      name: 'test entry (10)',
-      path: '9',
-    };
-    dataServiceMock.getFolderChildrenAsync.and.returnValue(Promise.resolve({ nextPage: undefined, page: [] }));
-
-    component.treeNodeService = dataServiceMock;
-
-    // Act
-    await component.openChildFolderAsync(parent);
-    await component.openChildFolderAsync(entry);
-
-    // Assert
-    expect(component.breadcrumbs).toEqual([entry, parent]);
-  });
-
-  it('entrySelected should not emit if node was last selected', async () => {
-    spyOn(component.entrySelected, 'emit');
-    const selectedItems = [{
-      isSelected: true,
-      isSelectable: true,
-      value: {
-        icon: '',
-        id: '10',
-        isContainer: true,
-        isLeaf: true,
-        name: 'test entry (10)',
-        path: '9',
-      }
-    }];
-    await component.onItemSelected({
-      selected: selectedItems[0],
-      selectedItems
-    });
-
-    expect(component.entrySelected.emit).toHaveBeenCalledTimes(1);
-
-    await component.onItemSelected({
-      selected: selectedItems[0],
-      selectedItems
-    });
-
-    expect(component.entrySelected.emit).toHaveBeenCalledTimes(1);
-  });
-
-  it('openChildFolderAsync should do nothing if the entry is not a container', async () => {
-    // Arrange
-    const entry: LfTreeNode = {
-      icon: '',
-      id: '11',
-      isContainer: false,
-      isLeaf: true,
-      name: 'test entry (11)',
-      path: '',
-    };
-    dataServiceMock.getFolderChildrenAsync.and.returnValue(
-      Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
-    );
-    component.treeNodeService = dataServiceMock;
-
-    // Act
-    await component.openChildFolderAsync(entry);
-
-    // Assert
-    expect(component.currentFolderChildren.length).toBe(0);
-  });
-
-  it('openSelectedItemsAsync should emit event if document selected', async () => {
-    // Arrange
-    dataServiceMock.getRootTreeNodeAsync.and.returnValue(Promise.resolve(rootTreeNode));
-    dataServiceMock.getFolderChildrenAsync.and.returnValue(
-      Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
-    );
-    dataServiceMock.getParentTreeNodeAsync.and.returnValue(Promise.resolve(undefined));
-
-    // Act
-    await component.initAsync(dataServiceMock);
-    // @ts-ignore
-    component.selectedItems = [
-      {
-        name: 'Test doc',
-        icon: '',
-        id: '2',
-        isContainer: false,
-        isLeaf: true,
-        path: '',
-      },
-    ];
-    spyOn(component.entryDblClicked, 'emit');
-    await component.openSelectedItemsAsync();
-    expect(component.currentFolder).toBe(rootTreeNode);
-    expect(component.entryDblClicked.emit).toHaveBeenCalled();
-  });
-
-  it('openSelectedItemsAsync should emit event if different entry types selected without changing current folder', async () => {
-    // Arrange
-    dataServiceMock.getRootTreeNodeAsync.and.returnValue(Promise.resolve(rootTreeNode));
-    dataServiceMock.getFolderChildrenAsync.and.returnValue(
-      Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
-    );
-    dataServiceMock.getParentTreeNodeAsync.and.returnValue(Promise.resolve(undefined));
-    spyOn(component.entryDblClicked, 'emit');
-
-    // Act
-    await component.initAsync(dataServiceMock);
-    // @ts-ignore
-    component.selectedItems = [
-      {
-        name: 'Test doc',
-        icon: '',
-        id: '2',
-        isContainer: false,
-        isLeaf: true,
-        path: '',
-      },
-      {
-        name: 'Test folder',
-        icon: '',
-        id: '3',
-        isContainer: true,
-        isLeaf: false,
-        path: '',
-      },
-    ];
-    expect(component.currentFolder).toBe(rootTreeNode);
-    await component.openSelectedItemsAsync();
-    expect(component.currentFolder).toBe(rootTreeNode);
-    expect(component.entryDblClicked.emit).toHaveBeenCalled();
-  });
-
-  it('openSelectedItemsAsync should emit event if multiple folders selected', async () => {
-    // Arrange
-    dataServiceMock.getRootTreeNodeAsync.and.returnValue(Promise.resolve(rootTreeNode));
-    dataServiceMock.getFolderChildrenAsync.and.returnValue(
-      Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
-    );
-    dataServiceMock.getParentTreeNodeAsync.and.returnValue(Promise.resolve(undefined));
-
-    // Act
-    await component.initAsync(dataServiceMock);
-    // @ts-ignore
-    component.selectedItems = [
-      {
-        name: 'Test folder 2',
-        icon: '',
-        id: '4',
-        isContainer: true,
-        isLeaf: false,
-        path: '',
-      },
-      {
-        name: 'Test folder',
-        icon: '',
-        id: '3',
-        isContainer: true,
-        isLeaf: false,
-        path: '',
-      },
-    ];
-    spyOn(component.entryDblClicked, 'emit');
-    await component.openSelectedItemsAsync();
-    expect(component.currentFolder).toBe(rootTreeNode);
-    expect(component.entryDblClicked.emit).toHaveBeenCalled();
-  });
-
-  it('openSelectedItemsAsync should emit event and open folder if single folder selected', async () => {
-    // Arrange
-    dataServiceMock.getRootTreeNodeAsync.and.returnValue(Promise.resolve(rootTreeNode));
-    dataServiceMock.getFolderChildrenAsync.and.returnValue(
-      Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
-    );
-    dataServiceMock.getParentTreeNodeAsync.and.returnValue(Promise.resolve(undefined));
-
-    // Act
-    await component.initAsync(dataServiceMock);
-    // @ts-ignore
-    component.selectedItems = [rootTreeNodeChildren[1]];
-    spyOn(component.entryDblClicked, 'emit');
-    await component.openSelectedItemsAsync();
-    expect(component.currentFolder).toBe(rootTreeNodeChildren[1]);
-    expect(component.entryDblClicked.emit).toHaveBeenCalled();
-  });
-
-  it('setSelectedNodesAsync should clear previous selected nodes that are not in the nodesToSelect param', async () => {
-    // Arrange
-    await setupRepoBrowserWithSelectedNodes([]);
-
-    // Assert
-    // @ts-ignore
-    expect(component.selectedItems).toEqual([]);
-
-  });
-
-  it('setSelectedNodesAsync should set selectedNode', async () => {
-    // Arrange
-    const selectedNode = [rootTreeNodeChildren[1]];
-    await setupRepoBrowserWithSelectedNodes(selectedNode);
-
-    // Assert
-    // @ts-ignore
-    expect(component.selectedItems).toEqual(selectedNode);
-
-  });
-  it('if there is no column provided, set the name column to be auto', () => {
-    component.setColumnsToDisplay([]);
-    expect(component.entryList?.columns).toEqual([{
-      id: 'name',
-      displayName: 'Name',
-      defaultWidth: 'auto',
-      minWidthPx: 100,
-      resizable: true,
-      sortable: true,
-    }]);
-  });
-
-  it('if a column other than a name column is provided, set the name column to be width to be 50ch', () => {
-
-    const create: ColumnDef = { id: 'creation_date', displayName: 'Creation Date', defaultWidth: '40%', minWidthPx: 100, resizable: true, sortable: true };
-    component.setColumnsToDisplay([create]);
-    expect(component.entryList?.columns).toEqual([
-      {
-        id: 'name',
-        displayName: 'Name',
-        defaultWidth: '50ch',
-        minWidthPx: 100,
-        resizable: true,
-        sortable: true,
-      },
-      create
-    ]);
-  });
-
-  it('if name column is passed into setAdditionalColumnsToDisplay, set the name column to width to be be the default width', () => {
-
-    const nameCol: ColumnDef = {
-      id: 'name',
-      displayName: 'Name',
-      defaultWidth: '80%',
-      minWidthPx: 100, resizable:
-      true,
-      sortable: true
-    };
-    component.setColumnsToDisplay([nameCol]);
-    expect(component.entryList?.columns).toEqual([nameCol]);
-  });
-
-  // describe('setNodeAsParentAsync', () => {
-  //     const parent: TreeNode = {
-  //         icon: '',
-  //         id: '13',
-  //         isContainer: true,
-  //         isLeaf: false,
-  //         name: 'test entry (13)',
-  //         path: ''
-  //     };
-  //     const entryId = '12';
-  //     const entry: TreeNode = {
-  //         icon: '',
-  //         id: entryId,
-  //         isContainer: true,
-  //         isLeaf: true,
-  //         name: 'test entry (12)',
-  //         path: ''
-  //     };
-
-  //     it('should build the breadcrumbs from the passed in parentEntry', async () => {
-  //         Arrange
-  //         dataServiceMock.getParentTreeNodeAsync.and.callFake((entry: TreeNode) => {
-  //             if (entry.id !== entryId) {
-  //                 return Promise.resolve(undefined);
-  //             }
-  //             return Promise.resolve(parent);
-  //         });
-
-  //         directive.treeNodeService = dataServiceMock;
-
-  //         Act
-  //         await directive.setNodeAsParentAsync(entry);
-
-  //         Assert
-  //         expect(directive.breadcrumbs).toEqual([entry, parent]);
-  //     });
-
-  //     it('should set the breadcrumbs to be the be the parentEntry plus the listOfAncestorEntries', async () => {
-  //         Arrange
-  //         directive.treeNodeService = dataServiceMock;
-
-  //         Act
-  //         await directive.setNodeAsParentAsync(entry, [parent]);
-
-  //         Assert
-  //         expect(directive.breadcrumbs).toEqual([entry, parent]);
-  //     });
-
-  //     it('should get the new data when called', async () => {
-  //         Arrange
-  //         dataServiceMock.getFolderChildrenAsync.and.returnValue(Promise.resolve({nextPage: undefined, page: rootTreeNodeChildren}));
-  //         directive.treeNodeService = dataServiceMock;
-  //         directive.currentFolderChildren = [{
-  //             isSelectable: true,
-  //             isSelected: false,
-  //             value: entry
-  //         }];
-
-  //         Act
-  //         await directive.setNodeAsParentAsync(parent);
-
-  //         Assert
-  //         expect(directive.currentFolderChildren.map((lfSelectable: ILfSelectable) => lfSelectable.value)).toEqual(rootTreeNodeChildren);
-  //     });
-
-  //     it('should not attempt to get any new data when the parentEntry is not a container', async () => {
-  //         Arrange
-  //         const notContainer: TreeNode = {
-  //             icon: '',
-  //             id: '16',
-  //             isContainer: false,
-  //             isLeaf: true,
-  //             name: 'test entry (16)',
-  //             path: ''
-  //         };
-  //         dataServiceMock.getFolderChildrenAsync.and.returnValue(Promise.resolve({nextPage: undefined, page: rootTreeNodeChildren}));
-  //         directive.treeNodeService = dataServiceMock;
-  //         directive.currentFolderChildren = [{
-  //             isSelectable: true,
-  //             isSelected: false,
-  //             value: entry
-  //         }];
-
-  //         Act
-  //         await directive.setNodeAsParentAsync(notContainer);
-
-  //         Assert
-  //         expect(directive.currentFolderChildren).toEqual([{
-  //             isSelectable: true,
-  //             isSelected: false,
-  //             value: entry
-  //         }]);
-  //     });
-  // });
-
-  // describe('updateAllPossibleEntriesAsync', () => {
-  //     let entry: TreeNode;
-  //     beforeEach(() => {
-  //         entry = {
-  //             icon: '',
-  //             id: '17',
-  //             isContainer: true,
-  //             isLeaf: true,
-  //             name: 'test entry (17)',
-  //             path: ''
-  //         };
-  //     });
-  //     it('should set the component to error state when dataService has an error', async () => {
-  //         Arrange
-  //         dataServiceMock.getFolderChildrenAsync.and.rejectWith(Promise.reject());
-  //         directive.treeNodeService = dataServiceMock;
-
-  //         Act
-  //         await directive.updateAllPossibleEntriesAsync(entry);
-
-  //         Assert
-  //         expect(directive.hasError).toBeTrue();
-  //     });
-
-  //     it('should not be loading or errored when the dataService returns data', async () => {
-  //         Arrange
-  //         dataServiceMock.getFolderChildrenAsync.and.returnValue(Promise.resolve({nextPage: undefined, page: []}));
-  //         directive.treeNodeService = dataServiceMock;
-
-  //         Act
-  //         await directive.updateAllPossibleEntriesAsync(entry);
-
-  //         Assert
-  //         expect(directive.hasError).toBeFalse();
-  //         expect(directive.isLoading).toBeFalse();
-  //     });
-
-  //     it('should reset the selection when call to dataService errors', async () => {
-  //         // Arrange
-  //         const resetSpy = jasmine.createSpy('reset');
-  //         dataServiceMock.getFolderChildrenAsync.and.rejectWith(Promise.reject());
-  //         directive.treeNodeService = dataServiceMock;
-  //         directive.resetSelection = resetSpy;
-
-  //         // Act
-  //         await directive.updateAllPossibleEntriesAsync(entry);
-
-  //         // Assert
-  //         expect(resetSpy).toHaveBeenCalledOnceWith();
-  //     });
-
-  //     it('should reset the selection when dataService retrives the data', async () => {
-  //         const resetSpy = jasmine.createSpy('reset');
-  //         dataServiceMock.getFolderChildrenAsync.and.returnValue(Promise.resolve({nextPage: undefined, page: []}));
-  //         directive.treeNodeService = dataServiceMock;
-  //         directive.resetSelection = resetSpy;
-
-  //         await directive.updateAllPossibleEntriesAsync(entry);
-
-  //         expect(resetSpy).toHaveBeenCalledOnceWith();
-  //     });
-
-  //     it('should update the nextPage when called multiple times', async () => {
-  //         const nextPageLink = 'test.com/nextpage';
-  //         dataServiceMock.getFolderChildrenAsync.and.returnValue(Promise.resolve({nextPage: nextPageLink, page: []}));
-  //         directive.treeNodeService = dataServiceMock;
-
-  //         await directive.updateAllPossibleEntriesAsync(entry);
-
-  //         expect(directive.nextPage).toBe(nextPageLink);
-  //     });
-  // });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ChangeDetectorRef } from '@angular/core';
+import { ComponentFixture, TestBed, TestModuleMetadata, flush, fakeAsync } from '@angular/core/testing';
+import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import { MatDialogModule } from '@angular/material/dialog';
+import { FormsModule } from '@angular/forms';
+import { MatIconModule } from '@angular/material/icon';
+import { MatListModule } from '@angular/material/list';
+import { MatMenuModule } from '@angular/material/menu';
+import { LfBreadcrumbsComponent, ILfSelectable } from '@laserfiche/lf-ui-components/shared';
+import { MatDialog } from '@angular/material/dialog';
+import { LfLoaderComponent } from '@laserfiche/lf-ui-components/internal-shared';
+import { LfRepositoryBrowserComponent } from './lf-repository-browser.component';
+import { LfTreeNodeService, LfTreeNode } from './ILfTreeNodeService';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { ColumnDef, LfSelectionListComponent } from '@laserfiche/lf-ui-components/lf-selection-list';
+
+const rootTreeNode: LfTreeNode = {
+  icon: '',
+  id: '1',
+  isContainer: true,
+  isLeaf: false,
+  name: 'root',
+  path: '' };
+
+const rootTreeNodeChildren: LfTreeNode[] = [
+  {
+    icon: '',
+    id: '2',
+    isContainer: false,
+    isLeaf: false,
+    name: 'tree node a realllllllllllllllllllllllllllllllllllllllllllllllllllllllly long name (2)',
+    path: '' },
+  {
+    icon: '',
+    id: '3',
+    isContainer: true,
+    isLeaf: false,
+    name: 'tree folder (3)',
+    path: '' },
+];
+
+const moduleDef: TestModuleMetadata = {
+  imports: [
+    BrowserAnimationsModule,
+    MatListModule,
+    MatIconModule,
+    FormsModule,
+    MatMenuModule,
+    MatButtonToggleModule,
+    MatDialogModule,
+    LfSelectionListComponent,
+    LfRepositoryBrowserComponent,
+    LfBreadcrumbsComponent,
+    LfLoaderComponent,
+  ] };
+
+describe('LfRepositoryBrowserComponent', () => {
+  let component: LfRepositoryBrowserComponent;
+  let fixture: ComponentFixture<LfRepositoryBrowserComponent>;
+
+  async function setupRepoBrowserWithSelectedNodes(selectedNode: LfTreeNode[]) {
+    const id = '7';
+    const entry: LfTreeNode = {
+      icon: '',
+      id,
+      isContainer: true,
+      isLeaf: true,
+      name: 'test entry (7)',
+      path: '8' };
+    const parent: LfTreeNode = {
+      icon: '',
+      id: '8',
+      isContainer: true,
+      isLeaf: false,
+      name: 'test entry (8)',
+      path: '' };
+    dataServiceMock.getFolderChildrenAsync.mockReturnValue(
+      Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
+    );
+    dataServiceMock.getParentTreeNodeAsync.mockImplementation((treeNode: LfTreeNode) => {
+      if (treeNode.id === id) {
+        return Promise.resolve(parent);
+      }
+      return Promise.resolve(undefined);
+    });
+    await component.initAsync(dataServiceMock, entry);
+
+    // Act
+    await component.setSelectedNodesAsync(selectedNode);
+  }
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule(moduleDef).compileComponents();
+  });
+
+  beforeEach(async () => {
+    changeRefMock = { detectChanges: vi.fn() } as unknown as ChangeDetectorRef;
+    matDialogMock = { open: vi.fn() } as unknown as MatDialog;
+
+    fixture = TestBed.createComponent(LfRepositoryBrowserComponent);
+    component = fixture.componentInstance;
+    // @ts-ignore
+    component.el.nativeElement.style = `height: 500px; width: 500px`;
+    // await component.initAsync(repoService);
+    fixture.detectChanges();
+  });
+
+  let changeRefMock: ChangeDetectorRef;
+  const dataServiceMock: any = {
+    getFolderChildrenAsync: vi.fn(),
+    getRootTreeNodeAsync: vi.fn(),
+    getParentTreeNodeAsync: vi.fn(),
+    getTreeNodeByIdentifierAsync: vi.fn() };
+  let matDialogMock: MatDialog;
+
+
+  it('should create an instance', () => {
+    expect(component).toBeTruthy();
+  });
+
+  describe('initAsync', () => {
+    it('should get the rootEntry and its folder data when no parameter is passed', async () => {
+      // Arrange
+      dataServiceMock.getRootTreeNodeAsync.mockReturnValue(Promise.resolve(rootTreeNode));
+      dataServiceMock.getFolderChildrenAsync.mockReturnValue(
+        Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
+      );
+      dataServiceMock.getParentTreeNodeAsync.mockReturnValue(Promise.resolve(undefined));
+
+      // Act
+      await component.initAsync(dataServiceMock);
+
+      // Assert
+      expect(component.breadcrumbs[0]).toEqual(rootTreeNode);
+      expect(component.currentFolderChildren.map((lfSelectable: ILfSelectable) => lfSelectable.value)).toEqual(
+        rootTreeNodeChildren
+      );
+    });
+
+    it('should use the entry passed to selectedEntry parameter as the root', async () => {
+      // Arrange
+      const id = '3';
+      const entryToGet: LfTreeNode = {
+        icon: '',
+        id,
+        isContainer: true,
+        isLeaf: false,
+        name: 'test entry (3)',
+        path: '' };
+      dataServiceMock.getFolderChildrenAsync.mockReturnValue(
+        Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
+      );
+      dataServiceMock.getParentTreeNodeAsync.mockReturnValue(Promise.resolve(undefined));
+
+      // Act
+      await component.initAsync(dataServiceMock, entryToGet);
+
+      // Assert
+      expect(component.breadcrumbs[0]).toEqual(entryToGet);
+      expect(component.currentFolderChildren.map((lfSelectable: ILfSelectable) => lfSelectable.value)).toEqual(
+        rootTreeNodeChildren
+      );
+    });
+
+    it('should use the parent entry of the passed in entry if it is not a container entry', async () => {
+      // Arrange
+      const id = '4';
+      const parentId = '5';
+      const entry: LfTreeNode = {
+        icon: '',
+        id,
+        isContainer: false,
+        isLeaf: false,
+        name: 'test entry (4)',
+        path: '5' };
+      const parentEntry: LfTreeNode = {
+        icon: '',
+        id: parentId,
+        isContainer: true,
+        isLeaf: false,
+        name: 'parent entry',
+        path: '' };
+      dataServiceMock.getFolderChildrenAsync.mockReturnValue(
+        Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
+      );
+      dataServiceMock.getParentTreeNodeAsync.mockImplementation((entry: LfTreeNode) => {
+        if (entry.id === id) {
+          return Promise.resolve(parentEntry);
+        }
+        return Promise.resolve(undefined);
+      });
+
+      // Act
+      await component.initAsync(dataServiceMock, entry);
+
+      // Assert
+      expect(component.breadcrumbs[0]).toEqual(parentEntry);
+      expect(component.currentFolderChildren.map((lfSelectable: ILfSelectable) => lfSelectable.value)).toEqual(
+        rootTreeNodeChildren
+      );
+    });
+
+    it('should be in an erorr state when there is no root tree node found when being called without the selectedEntry parameter', async () => {
+      // Arrange
+      dataServiceMock.getRootTreeNodeAsync.mockRejectedValue('error');
+
+      // Act
+      await component.initAsync(dataServiceMock);
+
+      // Assert
+      expect(component.hasError).toBe(true);
+    });
+
+    it('should setup the repository browser with the root entry returned by the dataService', async () => {
+      // Arrange
+      dataServiceMock.getRootTreeNodeAsync.mockReturnValue(Promise.resolve(rootTreeNode));
+      dataServiceMock.getFolderChildrenAsync.mockReturnValue(
+        Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
+      );
+
+      // Act
+      await component.initAsync(dataServiceMock);
+
+      // Assert
+      expect(component.breadcrumbs[0]).toEqual(rootTreeNode);
+      expect(component.currentFolderChildren.map((lfSelectable: ILfSelectable) => lfSelectable.value)).toEqual(
+        rootTreeNodeChildren
+      );
+    });
+
+    it('should update the breadcrumbs and get new data for the selected entry', async () => {
+      // Arrange
+      const id = '7';
+      const entry: LfTreeNode = {
+        icon: '',
+        id,
+        isContainer: true,
+        isLeaf: true,
+        name: 'test entry (7)',
+        path: '8' };
+      const parent: LfTreeNode = {
+        icon: '',
+        id: '8',
+        isContainer: true,
+        isLeaf: false,
+        name: 'test entry (8)',
+        path: '' };
+      const newBreadCrumbs = [entry, parent];
+      dataServiceMock.getFolderChildrenAsync.mockReturnValue(
+        Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
+      );
+      dataServiceMock.getParentTreeNodeAsync.mockImplementation((treeNode: LfTreeNode) => {
+        if (treeNode.id === id) {
+          return Promise.resolve(parent);
+        }
+        return Promise.resolve(undefined);
+      });
+
+      // Act
+      await component.initAsync(dataServiceMock, entry);
+
+      // Assert
+      expect(component.breadcrumbs).toEqual(newBreadCrumbs);
+      expect(component.currentFolderChildren.map((lfSelectable: ILfSelectable) => lfSelectable.value)).toEqual(
+        rootTreeNodeChildren
+      );
+    });
+  });
+
+  it('openChildFolderAsync should update the breadcrumbs and get new data for the passed in entry', async () => {
+    // Arrange
+    const entry: LfTreeNode = {
+      icon: '',
+      id: '9',
+      isContainer: true,
+      isLeaf: false,
+      name: 'test entry (9)',
+      path: '' };
+    dataServiceMock.getFolderChildrenAsync.mockReturnValue(
+      Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
+    );
+    component.treeNodeService = dataServiceMock;
+    // Act
+    await component.openChildFolderAsync(entry);
+
+    // Assert
+    expect(component.breadcrumbs).toEqual([entry]);
+    expect(component.currentFolderChildren.map((lfSelectable: ILfSelectable) => lfSelectable.value)).toEqual(
+      rootTreeNodeChildren
+    );
+  });
+
+  it('openChildFolderAsync should correctly append the new entry to the breadcrumbs', async () => {
+    // Arrange
+    const parent: LfTreeNode = {
+      icon: '',
+      id: '9',
+      isContainer: true,
+      isLeaf: false,
+      name: 'test entry (9)',
+      path: '' };
+    const entry: LfTreeNode = {
+      icon: '',
+      id: '10',
+      isContainer: true,
+      isLeaf: true,
+      name: 'test entry (10)',
+      path: '9' };
+    dataServiceMock.getFolderChildrenAsync.mockReturnValue(Promise.resolve({ nextPage: undefined, page: [] }));
+
+    component.treeNodeService = dataServiceMock;
+
+    // Act
+    await component.openChildFolderAsync(parent);
+    await component.openChildFolderAsync(entry);
+
+    // Assert
+    expect(component.breadcrumbs).toEqual([entry, parent]);
+  });
+
+  it('entrySelected should not emit if node was last selected', async () => {
+    vi.spyOn(component.entrySelected, 'emit');
+    const selectedItems = [{
+      isSelected: true,
+      isSelectable: true,
+      value: {
+        icon: '',
+        id: '10',
+        isContainer: true,
+        isLeaf: true,
+        name: 'test entry (10)',
+        path: '9' }
+    }];
+    await component.onItemSelected({
+      selected: selectedItems[0],
+      selectedItems
+    });
+
+    expect(component.entrySelected.emit).toHaveBeenCalledTimes(1);
+
+    await component.onItemSelected({
+      selected: selectedItems[0],
+      selectedItems
+    });
+
+    expect(component.entrySelected.emit).toHaveBeenCalledTimes(1);
+  });
+
+  it('openChildFolderAsync should do nothing if the entry is not a container', async () => {
+    // Arrange
+    const entry: LfTreeNode = {
+      icon: '',
+      id: '11',
+      isContainer: false,
+      isLeaf: true,
+      name: 'test entry (11)',
+      path: '' };
+    dataServiceMock.getFolderChildrenAsync.mockReturnValue(
+      Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
+    );
+    component.treeNodeService = dataServiceMock;
+
+    // Act
+    await component.openChildFolderAsync(entry);
+
+    // Assert
+    expect(component.currentFolderChildren.length).toBe(0);
+  });
+
+  it('openSelectedItemsAsync should emit event if document selected', async () => {
+    // Arrange
+    dataServiceMock.getRootTreeNodeAsync.mockReturnValue(Promise.resolve(rootTreeNode));
+    dataServiceMock.getFolderChildrenAsync.mockReturnValue(
+      Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
+    );
+    dataServiceMock.getParentTreeNodeAsync.mockReturnValue(Promise.resolve(undefined));
+
+    // Act
+    await component.initAsync(dataServiceMock);
+    // @ts-ignore
+    component.selectedItems = [
+      {
+        name: 'Test doc',
+        icon: '',
+        id: '2',
+        isContainer: false,
+        isLeaf: true,
+        path: '' },
+    ];
+    vi.spyOn(component.entryDblClicked, 'emit');
+    await component.openSelectedItemsAsync();
+    expect(component.currentFolder).toBe(rootTreeNode);
+    expect(component.entryDblClicked.emit).toHaveBeenCalled();
+  });
+
+  it('openSelectedItemsAsync should emit event if different entry types selected without changing current folder', async () => {
+    // Arrange
+    dataServiceMock.getRootTreeNodeAsync.mockReturnValue(Promise.resolve(rootTreeNode));
+    dataServiceMock.getFolderChildrenAsync.mockReturnValue(
+      Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
+    );
+    dataServiceMock.getParentTreeNodeAsync.mockReturnValue(Promise.resolve(undefined));
+    vi.spyOn(component.entryDblClicked, 'emit');
+
+    // Act
+    await component.initAsync(dataServiceMock);
+    // @ts-ignore
+    component.selectedItems = [
+      {
+        name: 'Test doc',
+        icon: '',
+        id: '2',
+        isContainer: false,
+        isLeaf: true,
+        path: '' },
+      {
+        name: 'Test folder',
+        icon: '',
+        id: '3',
+        isContainer: true,
+        isLeaf: false,
+        path: '' },
+    ];
+    expect(component.currentFolder).toBe(rootTreeNode);
+    await component.openSelectedItemsAsync();
+    expect(component.currentFolder).toBe(rootTreeNode);
+    expect(component.entryDblClicked.emit).toHaveBeenCalled();
+  });
+
+  it('openSelectedItemsAsync should emit event if multiple folders selected', async () => {
+    // Arrange
+    dataServiceMock.getRootTreeNodeAsync.mockReturnValue(Promise.resolve(rootTreeNode));
+    dataServiceMock.getFolderChildrenAsync.mockReturnValue(
+      Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
+    );
+    dataServiceMock.getParentTreeNodeAsync.mockReturnValue(Promise.resolve(undefined));
+
+    // Act
+    await component.initAsync(dataServiceMock);
+    // @ts-ignore
+    component.selectedItems = [
+      {
+        name: 'Test folder 2',
+        icon: '',
+        id: '4',
+        isContainer: true,
+        isLeaf: false,
+        path: '' },
+      {
+        name: 'Test folder',
+        icon: '',
+        id: '3',
+        isContainer: true,
+        isLeaf: false,
+        path: '' },
+    ];
+    vi.spyOn(component.entryDblClicked, 'emit');
+    await component.openSelectedItemsAsync();
+    expect(component.currentFolder).toBe(rootTreeNode);
+    expect(component.entryDblClicked.emit).toHaveBeenCalled();
+  });
+
+  it('openSelectedItemsAsync should emit event and open folder if single folder selected', async () => {
+    // Arrange
+    dataServiceMock.getRootTreeNodeAsync.mockReturnValue(Promise.resolve(rootTreeNode));
+    dataServiceMock.getFolderChildrenAsync.mockReturnValue(
+      Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
+    );
+    dataServiceMock.getParentTreeNodeAsync.mockReturnValue(Promise.resolve(undefined));
+
+    // Act
+    await component.initAsync(dataServiceMock);
+    // @ts-ignore
+    component.selectedItems = [rootTreeNodeChildren[1]];
+    vi.spyOn(component.entryDblClicked, 'emit');
+    await component.openSelectedItemsAsync();
+    expect(component.currentFolder).toBe(rootTreeNodeChildren[1]);
+    expect(component.entryDblClicked.emit).toHaveBeenCalled();
+  });
+
+  it('setSelectedNodesAsync should clear previous selected nodes that are not in the nodesToSelect param', async () => {
+    // Arrange
+    await setupRepoBrowserWithSelectedNodes([]);
+
+    // Assert
+    // @ts-ignore
+    expect(component.selectedItems).toEqual([]);
+
+  });
+
+  it('setSelectedNodesAsync should set selectedNode', async () => {
+    // Arrange
+    const selectedNode = [rootTreeNodeChildren[1]];
+    await setupRepoBrowserWithSelectedNodes(selectedNode);
+
+    // Assert
+    // @ts-ignore
+    expect(component.selectedItems).toEqual(selectedNode);
+
+  });
+  it('if there is no column provided, set the name column to be auto', () => {
+    component.setColumnsToDisplay([]);
+    expect(component.entryList?.columns).toEqual([{
+      id: 'name',
+      displayName: 'Name',
+      defaultWidth: 'auto',
+      minWidthPx: 100,
+      resizable: true,
+      sortable: true }]);
+  });
+
+  it('if a column other than a name column is provided, set the name column to be width to be 50ch', () => {
+
+    const create: ColumnDef = { id: 'creation_date', displayName: 'Creation Date', defaultWidth: '40%', minWidthPx: 100, resizable: true, sortable: true };
+    component.setColumnsToDisplay([create]);
+    expect(component.entryList?.columns).toEqual([
+      {
+        id: 'name',
+        displayName: 'Name',
+        defaultWidth: '50ch',
+        minWidthPx: 100,
+        resizable: true,
+        sortable: true },
+      create
+    ]);
+  });
+
+  it('if name column is passed into setAdditionalColumnsToDisplay, set the name column to width to be be the default width', () => {
+
+    const nameCol: ColumnDef = {
+      id: 'name',
+      displayName: 'Name',
+      defaultWidth: '80%',
+      minWidthPx: 100, resizable:
+      true,
+      sortable: true
+    };
+    component.setColumnsToDisplay([nameCol]);
+    expect(component.entryList?.columns).toEqual([nameCol]);
+  });
+
+  // describe('setNodeAsParentAsync', () => {
+  //     const parent: TreeNode = {
+  //         icon: '',
+  //         id: '13',
+  //         isContainer: true,
+  //         isLeaf: false,
+  //         name: 'test entry (13)',
+  //         path: ''
+  //     };
+  //     const entryId = '12';
+  //     const entry: TreeNode = {
+  //         icon: '',
+  //         id: entryId,
+  //         isContainer: true,
+  //         isLeaf: true,
+  //         name: 'test entry (12)',
+  //         path: ''
+  //     };
+
+  //     it('should build the breadcrumbs from the passed in parentEntry', async () => {
+  //         Arrange
+  //         dataServiceMock.getParentTreeNodeAsync.mockImplementation((entry: TreeNode) => {
+  //             if (entry.id !== entryId) {
+  //                 return Promise.resolve(undefined);
+  //             }
+  //             return Promise.resolve(parent);
+  //         });
+
+  //         directive.treeNodeService = dataServiceMock;
+
+  //         Act
+  //         await directive.setNodeAsParentAsync(entry);
+
+  //         Assert
+  //         expect(directive.breadcrumbs).toEqual([entry, parent]);
+  //     });
+
+  //     it('should set the breadcrumbs to be the be the parentEntry plus the listOfAncestorEntries', async () => {
+  //         Arrange
+  //         directive.treeNodeService = dataServiceMock;
+
+  //         Act
+  //         await directive.setNodeAsParentAsync(entry, [parent]);
+
+  //         Assert
+  //         expect(directive.breadcrumbs).toEqual([entry, parent]);
+  //     });
+
+  //     it('should get the new data when called', async () => {
+  //         Arrange
+  //         dataServiceMock.getFolderChildrenAsync.mockReturnValue(Promise.resolve({nextPage: undefined, page: rootTreeNodeChildren}));
+  //         directive.treeNodeService = dataServiceMock;
+  //         directive.currentFolderChildren = [{
+  //             isSelectable: true,
+  //             isSelected: false,
+  //             value: entry
+  //         }];
+
+  //         Act
+  //         await directive.setNodeAsParentAsync(parent);
+
+  //         Assert
+  //         expect(directive.currentFolderChildren.map((lfSelectable: ILfSelectable) => lfSelectable.value)).toEqual(rootTreeNodeChildren);
+  //     });
+
+  //     it('should not attempt to get any new data when the parentEntry is not a container', async () => {
+  //         Arrange
+  //         const notContainer: TreeNode = {
+  //             icon: '',
+  //             id: '16',
+  //             isContainer: false,
+  //             isLeaf: true,
+  //             name: 'test entry (16)',
+  //             path: ''
+  //         };
+  //         dataServiceMock.getFolderChildrenAsync.mockReturnValue(Promise.resolve({nextPage: undefined, page: rootTreeNodeChildren}));
+  //         directive.treeNodeService = dataServiceMock;
+  //         directive.currentFolderChildren = [{
+  //             isSelectable: true,
+  //             isSelected: false,
+  //             value: entry
+  //         }];
+
+  //         Act
+  //         await directive.setNodeAsParentAsync(notContainer);
+
+  //         Assert
+  //         expect(directive.currentFolderChildren).toEqual([{
+  //             isSelectable: true,
+  //             isSelected: false,
+  //             value: entry
+  //         }]);
+  //     });
+  // });
+
+  // describe('updateAllPossibleEntriesAsync', () => {
+  //     let entry: TreeNode;
+  //     beforeEach(() => {
+  //         entry = {
+  //             icon: '',
+  //             id: '17',
+  //             isContainer: true,
+  //             isLeaf: true,
+  //             name: 'test entry (17)',
+  //             path: ''
+  //         };
+  //     });
+  //     it('should set the component to error state when dataService has an error', async () => {
+  //         Arrange
+  //         dataServiceMock.getFolderChildrenAsync.mockRejectedValue(Promise.reject());
+  //         directive.treeNodeService = dataServiceMock;
+
+  //         Act
+  //         await directive.updateAllPossibleEntriesAsync(entry);
+
+  //         Assert
+  //         expect(directive.hasError).toBe(true);
+  //     });
+
+  //     it('should not be loading or errored when the dataService returns data', async () => {
+  //         Arrange
+  //         dataServiceMock.getFolderChildrenAsync.mockReturnValue(Promise.resolve({nextPage: undefined, page: []}));
+  //         directive.treeNodeService = dataServiceMock;
+
+  //         Act
+  //         await directive.updateAllPossibleEntriesAsync(entry);
+
+  //         Assert
+  //         expect(directive.hasError).toBe(false);
+  //         expect(directive.isLoading).toBe(false);
+  //     });
+
+  //     it('should reset the selection when call to dataService errors', async () => {
+  //         // Arrange
+  //         const resetSpy = jasmine.createSpy('reset');
+  //         dataServiceMock.getFolderChildrenAsync.mockRejectedValue(Promise.reject());
+  //         directive.treeNodeService = dataServiceMock;
+  //         directive.resetSelection = resetSpy;
+
+  //         // Act
+  //         await directive.updateAllPossibleEntriesAsync(entry);
+
+  //         // Assert
+  //         expect(resetSpy).toHaveBeenCalledWith();
+  //     });
+
+  //     it('should reset the selection when dataService retrives the data', async () => {
+  //         const resetSpy = jasmine.createSpy('reset');
+  //         dataServiceMock.getFolderChildrenAsync.mockReturnValue(Promise.resolve({nextPage: undefined, page: []}));
+  //         directive.treeNodeService = dataServiceMock;
+  //         directive.resetSelection = resetSpy;
+
+  //         await directive.updateAllPossibleEntriesAsync(entry);
+
+  //         expect(resetSpy).toHaveBeenCalledWith();
+  //     });
+
+  //     it('should update the nextPage when called multiple times', async () => {
+  //         const nextPageLink = 'test.com/nextpage';
+  //         dataServiceMock.getFolderChildrenAsync.mockReturnValue(Promise.resolve({nextPage: nextPageLink, page: []}));
+  //         directive.treeNodeService = dataServiceMock;
+
+  //         await directive.updateAllPossibleEntriesAsync(entry);
+
+  //         expect(directive.nextPage).toBe(nextPageLink);
+  //     });
+  // });
+});
diff --git a/projects/ui-components/lf-selection-list/lf-selection-list.component.spec.ts b/projects/ui-components/lf-selection-list/lf-selection-list.component.spec.ts
index 35bfd319..99c6d23f 100644
--- a/projects/ui-components/lf-selection-list/lf-selection-list.component.spec.ts
+++ b/projects/ui-components/lf-selection-list/lf-selection-list.component.spec.ts
@@ -228,7 +228,7 @@ describe('LfListComponent single select', () => {
       setupRepoBrowserWithColumns([name, create]);
       flush();
 
-      spyOn(component.list!.refreshData, 'emit');
+      vi.spyOn(component.list!.refreshData, 'emit');
 
       fixture.debugElement.query(By.css('.mat-sort-header-arrow')).nativeElement.click();
       fixture.detectChanges();
@@ -341,7 +341,7 @@ describe('LfListComponent single select', () => {
   //   const element = fixture.nativeElement;
   //   element.querySelector('#lf-list-viewport').dispatchEvent(new Event('scroll'));
   //   tick();
-  //   expect(component.hasScrolled).toBeTrue();
+  //   expect(component.hasScrolled).toBe(true);
   // }));
 
   describe('focus', () => {
diff --git a/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.spec.ts b/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.spec.ts
index e5daf515..829fe50b 100644
--- a/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.spec.ts
+++ b/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.spec.ts
@@ -12,24 +12,24 @@ describe('FeedbackImageUploadComponent', () => {
   let fixture: ComponentFixture<FeedbackImageUploadComponent>;
   const base64Image =
     'iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==';
-  const localizeServiceMock: jasmine.SpyObj<AppLocalizationService> = jasmine.createSpyObj('localization', [
-    'getStringLaserficheObservable',
-    'getStringComponentsObservable',
-    'getResourceStringComponents',
-  ]);
-  localizeServiceMock.getStringLaserficheObservable.and.callFake((value: string) => {
+  const localizeServiceMock: any = {
+    getStringLaserficheObservable: vi.fn(),
+    getStringComponentsObservable: vi.fn(),
+    getResourceStringComponents: vi.fn(),
+  };
+  localizeServiceMock.getStringLaserficheObservable.mockImplementation((value: string) => {
     return of(value);
   });
-  localizeServiceMock.getStringComponentsObservable.and.callFake((value: string) => {
+  localizeServiceMock.getStringComponentsObservable.mockImplementation((value: string) => {
     return of(value);
   });
-  localizeServiceMock.getResourceStringComponents.and.callFake((value: string) => {
+  localizeServiceMock.getResourceStringComponents.mockImplementation((value: string) => {
     return value;
   });
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [FeedbackImageUploadComponent],
+      imports: [FeedbackImageUploadComponent],
       providers: [{ provide: AppLocalizationService, useValue: localizeServiceMock }],
     }).compileComponents();
 
@@ -65,7 +65,7 @@ describe('FeedbackImageUploadComponent', () => {
     // Arrange
     // convert base64 to byte array
     const file = base64ToImage(base64Image);
-    spyOn(component.feedbackImageBase64, 'emit');
+    vi.spyOn(component.feedbackImageBase64, 'emit');
 
     // Act
     // @ts-ignore
@@ -74,7 +74,7 @@ describe('FeedbackImageUploadComponent', () => {
 
     // Assert
     expect(success).toBe(true);
-    expect(component.feedbackImageBase64.emit).toHaveBeenCalledOnceWith(`data:image/png;base64,${base64Image}`);
+    expect(component.feedbackImageBase64.emit).toHaveBeenCalledWith(`data:image/png;base64,${base64Image}`);
     expect(component.imageUploaded).toEqual({name: 'test.png', rawBase64: `data:image/png;base64,${base64Image}`});
   });
 
@@ -82,7 +82,7 @@ describe('FeedbackImageUploadComponent', () => {
     // Arrange
     const fileSize = 4 * Math.pow(1024, 2); // 4 MB
     const file = createInvalidImageWithSize(fileSize);
-    spyOn(component.imageUploadError, 'emit');
+    vi.spyOn(component.imageUploadError, 'emit');
 
     // Act
     // @ts-ignore
@@ -100,7 +100,7 @@ describe('FeedbackImageUploadComponent', () => {
     // Arrange
     const fileSize = Math.pow(1024, 2); // 1 MB
     const file = createInvalidImageWithSize(fileSize);
-    spyOn(component.imageUploadError, 'emit');
+    vi.spyOn(component.imageUploadError, 'emit');
 
     // Act
     // @ts-ignore
@@ -121,10 +121,10 @@ describe('FeedbackImageUploadComponent', () => {
     dataTransfer.items.add(file1);
     dataTransfer.items.add(file2);
     // @ts-ignore
-    spyOn(component, 'tryReadAndValidateImageAsync');
+    vi.spyOn(component, 'tryReadAndValidateImageAsync');
 
     const event = new DragEvent('drop', { dataTransfer });
-    spyOn(component.imageUploadError, 'emit');
+    vi.spyOn(component.imageUploadError, 'emit');
 
     component.dropHandler(event);
     fixture.detectChanges();
@@ -139,21 +139,21 @@ describe('FeedbackImageUploadComponent', () => {
     dataTransfer.items.add(file1);
 
     // @ts-ignore
-    spyOn(component, 'tryReadAndValidateImageAsync');
+    vi.spyOn(component, 'tryReadAndValidateImageAsync');
 
     const event = new DragEvent('drop', { dataTransfer });
 
     component.dropHandler(event);
     fixture.detectChanges();
     // @ts-ignore
-    expect(component.tryReadAndValidateImageAsync).toHaveBeenCalledOnceWith(file1);
+    expect(component.tryReadAndValidateImageAsync).toHaveBeenCalledWith(file1);
   });
 
   it('if remove the image, should show the file drop zone', async () => {
     // Arrange
     // convert base64 to byte array
     const file = base64ToImage(base64Image);
-    spyOn(component.feedbackImageBase64, 'emit');
+    vi.spyOn(component.feedbackImageBase64, 'emit');
 
     // Act
     // @ts-ignore
diff --git a/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.spec.ts b/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.spec.ts
index 9ebc376c..fe35d9c0 100644
--- a/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.spec.ts
+++ b/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.spec.ts
@@ -19,14 +19,14 @@ class MockFeedbackImageUploadComponent {}
 describe('FeedbackSubmissionComponent', () => {
   let component: FeedbackSubmissionComponent;
   let fixture: ComponentFixture<FeedbackSubmissionComponent>;
-  const localizeServiceMock: jasmine.SpyObj<AppLocalizationService> = jasmine.createSpyObj('localization', [
-    'getStringLaserficheObservable',
-    'getStringComponentsObservable',
-  ]);
-  localizeServiceMock.getStringLaserficheObservable.and.callFake((value: string) => {
+  const localizeServiceMock: any = {
+    getStringLaserficheObservable: vi.fn(),
+    getStringComponentsObservable: vi.fn(),
+  };
+  localizeServiceMock.getStringLaserficheObservable.mockImplementation((value: string) => {
     return of(value);
   });
-  localizeServiceMock.getStringComponentsObservable.and.callFake((value: string) => {
+  localizeServiceMock.getStringComponentsObservable.mockImplementation((value: string) => {
     return of(value);
   });
 
@@ -76,7 +76,7 @@ describe('FeedbackSubmissionComponent', () => {
 
 
   it('if textarea input changes, should emit feedbackTextChanged', () => {
-    spyOn(component.feedbackTextChanged, 'emit');
+    vi.spyOn(component.feedbackTextChanged, 'emit');
     const textAreaInput = document.getElementsByTagName('textarea')[0];
     const testInput = 'test input';
     textAreaInput.value = testInput;
diff --git a/projects/ui-components/lf-user-feedback/feedback-suggestion-selection/feedback-suggestion-selection.component.spec.ts b/projects/ui-components/lf-user-feedback/feedback-suggestion-selection/feedback-suggestion-selection.component.spec.ts
index 36419024..c75926ba 100644
--- a/projects/ui-components/lf-user-feedback/feedback-suggestion-selection/feedback-suggestion-selection.component.spec.ts
+++ b/projects/ui-components/lf-user-feedback/feedback-suggestion-selection/feedback-suggestion-selection.component.spec.ts
@@ -11,7 +11,7 @@ describe('FeedbackSuggestionSelectionComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ FeedbackSuggestionSelectionComponent ]
+      imports: [ FeedbackSuggestionSelectionComponent ]
     })
     .compileComponents();
 
diff --git a/projects/ui-components/lf-user-feedback/lf-analytics.service.spec.ts b/projects/ui-components/lf-user-feedback/lf-analytics.service.spec.ts
index d3ba520f..eec6ec4b 100644
--- a/projects/ui-components/lf-user-feedback/lf-analytics.service.spec.ts
+++ b/projects/ui-components/lf-user-feedback/lf-analytics.service.spec.ts
@@ -73,11 +73,11 @@ describe('LfAnalyticsService', () => {
 
   it('isHostEmpower should return true for empower url', () => {
     const isEmpower = service['isHostEmpower']('https://app.clouddemo.laserfiche.com/home');
-    expect(isEmpower).toBeTrue();
+    expect(isEmpower).toBe(true);
   });
 
   it('isHostEmpower should return false for not empower url', () => {
     const isEmpower = service['isHostEmpower']('https://lfxstatic.com/Site/laserfiche-ui-components/2.0.2/index.html#/');
-    expect(isEmpower).toBeFalse();
+    expect(isEmpower).toBe(false);
   });
 });
diff --git a/projects/ui-components/lf-user-feedback/lf-user-feedback.component.spec.ts b/projects/ui-components/lf-user-feedback/lf-user-feedback.component.spec.ts
index 5ca487f2..1dabb116 100644
--- a/projects/ui-components/lf-user-feedback/lf-user-feedback.component.spec.ts
+++ b/projects/ui-components/lf-user-feedback/lf-user-feedback.component.spec.ts
@@ -13,8 +13,7 @@ describe('LfUserFeedbackComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ LfUserFeedbackComponent ],
-      imports: [MatCheckboxModule, MatDialogModule, BrowserAnimationsModule],
+      imports: [LfUserFeedbackComponent, MatCheckboxModule, MatDialogModule, BrowserAnimationsModule],
       providers: [
         { provide: MatDialogRef, useValue: {} },
         { provide: MAT_DIALOG_DATA, useValue: {} }
diff --git a/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.spec.ts b/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.spec.ts
index a4e77f5c..19ecd16f 100644
--- a/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.spec.ts
+++ b/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.spec.ts
@@ -61,8 +61,8 @@ describe('UserFeedbackDialogComponent', () => {
 
   it('should create', () => {
     expect(component).toBeTruthy();
-    expect(component.isFeedback).toBeFalse();
-    expect(component.isSuggestion).toBeFalse();
+    expect(component.isFeedback).toBe(false);
+    expect(component.isSuggestion).toBe(false);
   });
 
   it('should go to feedback mode when feedback button is clicked', () => {
@@ -71,8 +71,8 @@ describe('UserFeedbackDialogComponent', () => {
     );
     mockFeedBackSuggestionSelection.triggerEventHandler('feedbackClicked');
     fixture.detectChanges();
-    expect(component.isFeedback).toBeTrue();
-    expect(component.isSuggestion).toBeFalse();
+    expect(component.isFeedback).toBe(true);
+    expect(component.isSuggestion).toBe(false);
   });
 
   it('should go to suggestion mode when suggestion button is clicked', () => {
@@ -81,51 +81,58 @@ describe('UserFeedbackDialogComponent', () => {
     );
     mockFeedBackSuggestionSelection.triggerEventHandler('suggestionClicked');
     fixture.detectChanges();
-    expect(component.isFeedback).toBeFalse();
-    expect(component.isSuggestion).toBeTrue();
+    expect(component.isFeedback).toBe(false);
+    expect(component.isSuggestion).toBe(true);
   });
 
   it('should disable submit button when textbox is empty', () => {
     goToFeedbackMode();
     triggerFeedbackTextChangedEventWith('');
-    expect(component.isSubmitDisabled).toBeTrue();
+    expect(component.isSubmitDisabled).toBe(true);
   });
 
-  it('should disable submit button when textbox is whitespace', (done) => {
+  it('should disable submit button when textbox is whitespace', () => {
+    return new Promise<void>((done) => {
     goToFeedbackMode();
     const text = '     ';
     triggerFeedbackTextChangedEventWith(text);
     window.setTimeout(() => {
-      expect(component.isSubmitDisabled).toBeTrue();
+      expect(component.isSubmitDisabled).toBe(true);
       // @ts-ignore
       expect(component.feedbackText).toBe(text);
       done();
     }, 350);
+    });
   });
 
-  it('should enable submit button when textbox has non-whitespace value', (done) => {
+  it('should enable submit button when textbox has non-whitespace value', () => {
+    return new Promise<void>((done) => {
     goToFeedbackMode();
     const text = 'Hello';
     triggerFeedbackTextChangedEventWith(text);
     window.setTimeout(() => {
-      expect(component.isSubmitDisabled).toBeFalse();
+      expect(component.isSubmitDisabled).toBe(false);
       // @ts-ignore
       expect(component.feedbackText).toBe(text);
       done();
     }, 350);
+    });
   });
 
-  it('should enable submit button when textbox has non-whitespace value and when email is disabled', (done) => {
+  it('should enable submit button when textbox has non-whitespace value and when email is disabled', () => {
+    return new Promise<void>((done) => {
     goToFeedbackMode();
     triggerFeedbackTextChangedEventWith('Hello');
     component.feedbackSubmission!.feedbackEmailCheckbox = false;
     window.setTimeout(() => {
-      expect(component.isSubmitDisabled).toBeFalse();
+      expect(component.isSubmitDisabled).toBe(false);
       done();
     }, 350);
+    });
   });
 
-  it('getFeedbackDialogData should get feedback dialog data', (done) => {
+  it('getFeedbackDialogData should get feedback dialog data', () => {
+    return new Promise<void>((done) => {
     goToFeedbackMode();
     const text = 'Hello';
     triggerFeedbackTextChangedEventWith(text);
@@ -143,5 +150,6 @@ describe('UserFeedbackDialogComponent', () => {
       expect(dialogData).toEqual(expectedDialogData);
       done();
     }, 350);
+    });
   });
 });
diff --git a/projects/ui-components/shared/LfSelectable.spec.ts b/projects/ui-components/shared/LfSelectable.spec.ts
index a1929ccf..969fe3cc 100644
--- a/projects/ui-components/shared/LfSelectable.spec.ts
+++ b/projects/ui-components/shared/LfSelectable.spec.ts
@@ -46,7 +46,7 @@ describe('LfListComponent single select', () => {
 
       // Assert
       expect(underTest.selectedItems).toContain(toSelect);
-      expect(toSelect.isSelected).toBeTrue(); 
+      expect(toSelect.isSelected).toBe(true); 
     });
 
     it('should select the current item when also holding ctrl', () => {
@@ -59,7 +59,7 @@ describe('LfListComponent single select', () => {
 
       // Assert
       expect(underTest.selectedItems).toContain(toSelect);
-      expect(toSelect.isSelected).toBeTrue(); 
+      expect(toSelect.isSelected).toBe(true); 
 
     });
 
@@ -78,7 +78,7 @@ describe('LfListComponent single select', () => {
 
       //Assert
       expect(underTest.selectedItems[0]).toBe(toSelectSecond);
-      expect(toSelectFirst.isSelected).toBeFalse();
+      expect(toSelectFirst.isSelected).toBe(false);
     });
 
     it('should select the current item when also holding shift', () => {
@@ -91,7 +91,7 @@ describe('LfListComponent single select', () => {
 
       // Assert
       expect(underTest.selectedItems).toContain(toSelect);
-      expect(toSelect.isSelected).toBeTrue(); 
+      expect(toSelect.isSelected).toBe(true); 
     });
 
     it('should not multi-select when holding shift', () => {
@@ -109,7 +109,7 @@ describe('LfListComponent single select', () => {
 
       //Assert
       expect(underTest.selectedItems[0]).toBe(toSelectSecond);
-      expect(toSelectFirst.isSelected).toBeFalse();
+      expect(toSelectFirst.isSelected).toBe(false);
     });
 
     it('should clear all other selected items when selecting the new item', () => {
@@ -127,7 +127,7 @@ describe('LfListComponent single select', () => {
 
       //Assert
       expect(underTest.selectedItems[0]).toBe(toSelectSecond);
-      expect(toSelectFirst.isSelected).toBeFalse();
+      expect(toSelectFirst.isSelected).toBe(false);
     });
 
     it('should not select a new item that is not selectable', () => {
@@ -140,7 +140,7 @@ describe('LfListComponent single select', () => {
 
       //Assert
       expect(underTest.selectedItems.length).toBe(0);
-      expect(cannotSelect.isSelected).toBeFalse();
+      expect(cannotSelect.isSelected).toBe(false);
     });
 
     it('should not de-select an item that was already selected when a not selectable item is clicked', () => {
@@ -150,13 +150,13 @@ describe('LfListComponent single select', () => {
       const list = [cannotSelect, toSelect];
 
       underTest.onItemClicked(new MouseEvent('click'), toSelect, list);
-      expect(toSelect.isSelected).toBeTrue();
+      expect(toSelect.isSelected).toBe(true);
       // Act
       underTest.onItemClicked(new MouseEvent('click'), cannotSelect, list);
 
       //Assert
       expect(underTest.selectedItems.length).toBe(0);
-      expect(toSelect.isSelected).toBeFalse();
+      expect(toSelect.isSelected).toBe(false);
     });
   });
 
@@ -176,7 +176,7 @@ describe('LfListComponent single select', () => {
 
         // Assert
         expect(underTest.selectedItems.length).toBe(1);
-        expect(toSelect.isSelected).toBeTrue();
+        expect(toSelect.isSelected).toBe(true);
       });
   
       it('should de-select other selected items and select the new passed in item', () => {
@@ -194,7 +194,7 @@ describe('LfListComponent single select', () => {
 
         //Assert
         expect(underTest.selectedItems[0]).toEqual(toSelectSecond);
-        expect(toSelectFirst.isSelected).toBeFalse();
+        expect(toSelectFirst.isSelected).toBe(false);
       });
 
       it('should not select a new item that is not selectable', () => {
@@ -207,7 +207,7 @@ describe('LfListComponent single select', () => {
   
         //Assert
         expect(underTest.selectedItems.length).toBe(0);
-        expect(cannotSelect.isSelected).toBeFalse();
+        expect(cannotSelect.isSelected).toBe(false);
       });
     });
 
@@ -222,7 +222,7 @@ describe('LfListComponent single select', () => {
 
         // Assert
         expect(underTest.selectedItems.length).toBe(1);
-        expect(toSelect.isSelected).toBeTrue();
+        expect(toSelect.isSelected).toBe(true);
       });
 
       it('should append the new item that was clicked into the list of selected items', () => {
@@ -235,9 +235,9 @@ describe('LfListComponent single select', () => {
 
         // Assert
         expect(underTest.selectedItems.length).toBe(2);
-        expect(list[0].isSelected).toBeTrue();
-        expect(list[1].isSelected).toBeTrue();
-        expect(list[2].isSelected).toBeFalse();
+        expect(list[0].isSelected).toBe(true);
+        expect(list[1].isSelected).toBe(true);
+        expect(list[2].isSelected).toBe(false);
       });
 
 
@@ -247,12 +247,12 @@ describe('LfListComponent single select', () => {
 
         // Act
         underTest.onItemClicked(new MouseEvent('click', {ctrlKey: true}), list[0], list);
-        expect(list[0].isSelected).toBeTrue();
+        expect(list[0].isSelected).toBe(true);
         underTest.onItemClicked(new MouseEvent('click', {ctrlKey: true}), list[0], list);
 
         // Assert
         expect(underTest.selectedItems.length).toBe(0);
-        expect(list[0].isSelected).toBeFalse();
+        expect(list[0].isSelected).toBe(false);
       });
 
       it('should de-select an item that was already selected', () => {
@@ -266,8 +266,8 @@ describe('LfListComponent single select', () => {
 
         // Assert
         expect(underTest.selectedItems.length).toBe(1);
-        expect(list[0].isSelected).toBeFalse();
-        expect(list[1].isSelected).toBeTrue();
+        expect(list[0].isSelected).toBe(false);
+        expect(list[1].isSelected).toBe(true);
       });
 
       it('should not select a new item that is not selectable', () => {
@@ -280,7 +280,7 @@ describe('LfListComponent single select', () => {
   
         //Assert
         expect(underTest.selectedItems.length).toBe(0);
-        expect(cannotSelect.isSelected).toBeFalse();
+        expect(cannotSelect.isSelected).toBe(false);
       });
 
       it('should not remove other selected items when clicking on a non-selecatable item', () => {
@@ -294,7 +294,7 @@ describe('LfListComponent single select', () => {
   
         //Assert
         expect(underTest.selectedItems.length).toBe(1);
-        expect(list[0].isSelected).toBeTrue();
+        expect(list[0].isSelected).toBe(true);
       });
     });
 
@@ -309,7 +309,7 @@ describe('LfListComponent single select', () => {
 
         // Assert
         expect(underTest.selectedItems.length).toBe(1);
-        expect(toSelect.isSelected).toBeTrue();
+        expect(toSelect.isSelected).toBe(true);
       });
 
       it('should select all the items from the start of the list to the passed item', () => {
@@ -324,7 +324,7 @@ describe('LfListComponent single select', () => {
         // Assert
         expect(underTest.selectedItems.length).toBe(5);
         list.forEach((item: ILfSelectable) => {
-           expect(item.isSelected).toBeTrue();
+           expect(item.isSelected).toBe(true);
         });
       });
 
@@ -343,9 +343,9 @@ describe('LfListComponent single select', () => {
         expect(underTest.selectedItems.length).toBe(4);
         list.forEach((item: ILfSelectable, index: number) => {
           if (index <= 1) {
-            expect(item.isSelected).toBeFalse();
+            expect(item.isSelected).toBe(false);
           } else {
-            expect(item.isSelected).toBeTrue();
+            expect(item.isSelected).toBe(true);
           }
         });
       });
@@ -365,9 +365,9 @@ describe('LfListComponent single select', () => {
         expect(underTest.selectedItems.length).toBe(4);
         list.forEach((item: ILfSelectable, index: number) => {
           if (index <= 1) {
-            expect(item.isSelected).toBeFalse();
+            expect(item.isSelected).toBe(false);
           } else {
-            expect(item.isSelected).toBeTrue();
+            expect(item.isSelected).toBe(true);
           }
         });
       });
@@ -389,9 +389,9 @@ describe('LfListComponent single select', () => {
         expect(underTest.selectedItems.length).toBe(3);
         list.forEach((item: ILfSelectable, index: number) => {
           if ([1,2,3].indexOf(index) === -1) {
-            expect(item.isSelected).toBeFalse();
+            expect(item.isSelected).toBe(false);
           } else {
-            expect(item.isSelected).toBeTrue();
+            expect(item.isSelected).toBe(true);
           }
         });
       });
@@ -406,7 +406,7 @@ describe('LfListComponent single select', () => {
   
         //Assert
         expect(underTest.selectedItems.length).toBe(0);
-        expect(cannotSelect.isSelected).toBeFalse();
+        expect(cannotSelect.isSelected).toBe(false);
       });
 
       it('should not select a any items that are not selectable', () => {
@@ -421,9 +421,9 @@ describe('LfListComponent single select', () => {
         expect(underTest.selectedItems.length).toBe(2);
         list.forEach((item: ILfSelectable) => {
           if (!item.isSelectable) {
-            expect(item.isSelected).toBeFalse();
+            expect(item.isSelected).toBe(false);
           } else {
-            expect(item.isSelected).toBeTrue();
+            expect(item.isSelected).toBe(true);
           }
         });
       });
@@ -441,9 +441,9 @@ describe('LfListComponent single select', () => {
         expect(underTest.selectedItems.length).toBe(2);
         list.forEach((item: ILfSelectable) => {
           if (!item.isSelectable) {
-            expect(item.isSelected).toBeFalse();
+            expect(item.isSelected).toBe(false);
           } else {
-            expect(item.isSelected).toBeTrue();
+            expect(item.isSelected).toBe(true);
           }
         });
       });
@@ -460,7 +460,7 @@ describe('LfListComponent single select', () => {
 
         // Assert
         expect(underTest.selectedItems.length).toBe(1);
-        expect(toSelect.isSelected).toBeTrue();
+        expect(toSelect.isSelected).toBe(true);
       });
 
       it('should select all the items from the start of the list to the passed item', () => {
@@ -474,7 +474,7 @@ describe('LfListComponent single select', () => {
         // Assert
         expect(underTest.selectedItems.length).toBe(3);
         list.forEach((item: ILfSelectable) => {
-          expect(item.isSelected).toBeTrue();
+          expect(item.isSelected).toBe(true);
         });
       });
 
@@ -492,9 +492,9 @@ describe('LfListComponent single select', () => {
         expect(underTest.selectedItems.length).toBe(3);
         list.forEach((item: ILfSelectable, index: number) => {
           if (index === 0) {
-            expect(item.isSelected).toBeFalse();
+            expect(item.isSelected).toBe(false);
           } else {
-            expect(item.isSelected).toBeTrue();
+            expect(item.isSelected).toBe(true);
           }
         });
       });
@@ -517,9 +517,9 @@ describe('LfListComponent single select', () => {
         expect(underTest.selectedItems.length).toBe(6);
         list.forEach((item: ILfSelectable, index: number) => {
           if (index <= 2 || index > 8) {
-            expect(item.isSelected).toBeFalse();
+            expect(item.isSelected).toBe(false);
           } else {
-            expect(item.isSelected).toBeTrue();
+            expect(item.isSelected).toBe(true);
           }
         });
       });
@@ -539,12 +539,12 @@ describe('LfListComponent single select', () => {
         expect(underTest.selectedItems.length).toBe(3);
         list.forEach((item: ILfSelectable, index: number) => {
           if (index === 0) {
-            expect(item.isSelected).toBeFalse();
+            expect(item.isSelected).toBe(false);
           } else {
             if (item.isSelectable) {
-              expect(item.isSelected).toBeTrue();
+              expect(item.isSelected).toBe(true);
             } else {
-              expect(item.isSelected).toBeFalse();
+              expect(item.isSelected).toBe(false);
             }
           }
         });
diff --git a/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.spec.ts b/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.spec.ts
index 1599c8d8..484745eb 100644
--- a/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.spec.ts
+++ b/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.spec.ts
@@ -11,7 +11,7 @@ describe('LfBreadcrumbsComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ LfBreadcrumbsComponent ]
+      imports: [ LfBreadcrumbsComponent ]
     })
     .compileComponents();
   });
diff --git a/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.spec.ts b/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.spec.ts
index f269045c..3914bc2d 100644
--- a/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.spec.ts
+++ b/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.spec.ts
@@ -11,8 +11,7 @@ describe('LfToolbarComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [MatMenuModule],
-      declarations: [LfToolbarComponent]
+      imports: [MatMenuModule, LfToolbarComponent]
     })
       .compileComponents();
   });
diff --git a/projects/ui-components/test.ts b/projects/ui-components/test.ts
deleted file mode 100644
index 93497a70..00000000
--- a/projects/ui-components/test.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
-import { getTestBed } from '@angular/core/testing';
-import { BrowserTestingModule, platformBrowserTesting } from '@angular/platform-browser/testing';
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(BrowserTestingModule, platformBrowserTesting(), {
-  teardown: { destroyAfterEach: false },
-});
diff --git a/projects/ui-components/tsconfig.spec.json b/projects/ui-components/tsconfig.spec.json
index 70697625..dadc1b5f 100644
--- a/projects/ui-components/tsconfig.spec.json
+++ b/projects/ui-components/tsconfig.spec.json
@@ -3,13 +3,11 @@
   "extends": "../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../out-tsc/spec",
+    "skipLibCheck": true,
     "types": [
-      "jasmine"
+      "vitest/globals"
     ]
   },
-  "files": [
-    "test.ts"
-  ],
   "include": [
     "**/*.spec.ts",
     "**/*.d.ts"
diff --git a/vitest.config.js b/vitest.config.js
new file mode 100644
index 00000000..9edd445b
--- /dev/null
+++ b/vitest.config.js
@@ -0,0 +1,11 @@
+import { playwright } from '@vitest/browser-playwright'
+import { defineConfig } from 'vitest/config'
+
+export default defineConfig({
+    test: {
+        browser: {
+            provider: playwright(),
+            instances: [{ browser: 'chrome' }]
+        },
+    },
+})
\ No newline at end of file

From 4eabed88a5a0ca38b9fc3221c96b70b481ddf06a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Thu, 26 Feb 2026 15:21:50 +0200
Subject: [PATCH 09/43] test changes

---
 ...-checklist-documentation.component.spec.ts |  2 -
 ...-container-documentation.component.spec.ts |  3 +-
 ...-container-documentation.component.spec.ts |  5 +-
 ...-container-documentation.component.spec.ts |  3 +-
 .../app/overview/overview.component.spec.ts   |  5 +-
 .../styling-documentation.component.spec.ts   |  6 +--
 .../internal-shared/test-validation.spec.ts   |  7 +++
 .../login-utils/lf-login.service.spec.ts      | 25 +++++++++
 .../lf-token-picker.component.spec.ts         |  1 -
 .../lf-repository-browser.component.spec.ts   | 51 +++++++++++++++++--
 .../resize-column.directive.spec.ts           |  1 -
 11 files changed, 87 insertions(+), 22 deletions(-)
 create mode 100644 projects/ui-components/internal-shared/test-validation.spec.ts

diff --git a/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-documentation.component.spec.ts b/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-documentation.component.spec.ts
index 8d7746e9..12ebdd3d 100644
--- a/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-documentation.component.spec.ts
@@ -6,7 +6,6 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { MatCardModule } from '@angular/material/card';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { RouterTestingModule } from '@angular/router/testing';
-import { LfChecklistModule } from './../../../../ui-components/lf-checklist/lf-checklist.module';
 
 import { LfChecklistDocumentationComponent } from './lf-checklist-documentation.component';
 
@@ -21,7 +20,6 @@ describe('LfChecklistDocumentationComponent', () => {
         BrowserAnimationsModule,
         MatCardModule,
         RouterTestingModule,
-        LfChecklistModule,
       ],
       schemas: [CUSTOM_ELEMENTS_SCHEMA]
     })
diff --git a/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.spec.ts b/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.spec.ts
index e6276b70..ed38a064 100644
--- a/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.spec.ts
@@ -6,7 +6,6 @@ import { CardComponent } from '../card/card.component';
 import { RouterTestingModule } from '@angular/router/testing';
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { LfFieldAdhocContainerDocumentationComponent } from './lf-field-adhoc-container-documentation.component';
-import { LfMetadataModule } from './../../../../ui-components/lf-metadata/lf-metadata.module';
 
 describe('LfFieldAdhocContainerDocumentationComponent', () => {
   let component: LfFieldAdhocContainerDocumentationComponent;
@@ -15,7 +14,7 @@ describe('LfFieldAdhocContainerDocumentationComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [LfFieldAdhocContainerDocumentationComponent, CardComponent],
-      imports: [RouterTestingModule, LfMetadataModule],
+      imports: [RouterTestingModule],
       schemas: [CUSTOM_ELEMENTS_SCHEMA] }).compileComponents();
   });
 
diff --git a/projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-documentation.component.spec.ts b/projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-documentation.component.spec.ts
index bdb8141d..e95e7a13 100644
--- a/projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-documentation.component.spec.ts
@@ -4,7 +4,6 @@
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { LfFieldContainerDocumentationComponent } from './lf-field-container-documentation.component';
-import { LfMetadataModule } from './../../../../ui-components/lf-metadata/lf-metadata.module';
 
 describe('LfFieldContainerDocumentationComponent', () => {
   let component: LfFieldContainerDocumentationComponent;
@@ -15,9 +14,7 @@ describe('LfFieldContainerDocumentationComponent', () => {
       declarations: [
         LfFieldContainerDocumentationComponent,
        ],
-       imports: [
-        LfMetadataModule,
-       ],
+       imports: [],
        schemas: [CUSTOM_ELEMENTS_SCHEMA]
     })
     .compileComponents();
diff --git a/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.spec.ts b/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.spec.ts
index f35ac614..4dfb7720 100644
--- a/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.spec.ts
@@ -4,7 +4,6 @@
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { LfFieldTemplateContainerDocumentationComponent } from './lf-field-template-container-documentation.component';
-import { LfMetadataModule } from './../../../../ui-components/lf-metadata/lf-metadata.module';
 
 describe('LfFieldTemplateContainerDocumentationComponent', () => {
   let component: LfFieldTemplateContainerDocumentationComponent;
@@ -13,7 +12,7 @@ describe('LfFieldTemplateContainerDocumentationComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [ LfFieldTemplateContainerDocumentationComponent ],
-      imports: [LfMetadataModule,],
+      imports: [],
       schemas: [CUSTOM_ELEMENTS_SCHEMA]
     }).compileComponents();
   });
diff --git a/projects/lf-documentation/src/app/overview/overview.component.spec.ts b/projects/lf-documentation/src/app/overview/overview.component.spec.ts
index 2a1f09c7..7bdddb6d 100644
--- a/projects/lf-documentation/src/app/overview/overview.component.spec.ts
+++ b/projects/lf-documentation/src/app/overview/overview.component.spec.ts
@@ -5,7 +5,6 @@ import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { OverviewComponent } from './overview.component';
-import { LfMetadataModule } from './../../../../ui-components/lf-metadata/lf-metadata.module';
 
 describe('OverviewComponent', () => {
   let component: OverviewComponent;
@@ -16,9 +15,7 @@ describe('OverviewComponent', () => {
       declarations: [
         OverviewComponent
       ],
-      imports: [
-        LfMetadataModule
-      ],
+      imports: [],
       schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
     })
     .compileComponents();
diff --git a/projects/lf-documentation/src/app/styling-documentation/styling-documentation.component.spec.ts b/projects/lf-documentation/src/app/styling-documentation/styling-documentation.component.spec.ts
index ed926dfb..7bdf837d 100644
--- a/projects/lf-documentation/src/app/styling-documentation/styling-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/styling-documentation/styling-documentation.component.spec.ts
@@ -13,11 +13,11 @@ describe('StylingDocumentationComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [
+      imports: [
         StylingDocumentationComponent,
-        CardComponent
+        CardComponent,
+        MatCardModule,
       ],
-      imports: [ MatCardModule ]
     })
     .compileComponents();
   });
diff --git a/projects/ui-components/internal-shared/test-validation.spec.ts b/projects/ui-components/internal-shared/test-validation.spec.ts
new file mode 100644
index 00000000..1b9666a1
--- /dev/null
+++ b/projects/ui-components/internal-shared/test-validation.spec.ts
@@ -0,0 +1,7 @@
+import { ValidationRule } from '@laserfiche/lf-ui-components/internal-shared';
+
+describe('validation test', () => {
+  it('should import', () => {
+    expect(ValidationRule).toBeDefined();
+  });
+});
diff --git a/projects/ui-components/lf-login/login-utils/lf-login.service.spec.ts b/projects/ui-components/lf-login/login-utils/lf-login.service.spec.ts
index 81f5c106..1614012d 100644
--- a/projects/ui-components/lf-login/login-utils/lf-login.service.spec.ts
+++ b/projects/ui-components/lf-login/login-utils/lf-login.service.spec.ts
@@ -7,8 +7,33 @@ import { LfLoginService } from './lf-login.service';
 
 describe('LfLoginService', () => {
   let service: LfLoginService;
+  let storageMock: Storage;
 
   beforeEach(() => {
+    const store = new Map<string, string>();
+    storageMock = {
+      length: 0,
+      clear: () => {
+        store.clear();
+        storageMock.length = 0;
+      },
+      getItem: (key: string) => store.get(key) ?? null,
+      key: (index: number) => Array.from(store.keys())[index] ?? null,
+      removeItem: (key: string) => {
+        store.delete(key);
+        storageMock.length = store.size;
+      },
+      setItem: (key: string, value: string) => {
+        store.set(key, String(value));
+        storageMock.length = store.size;
+      },
+    } as Storage;
+    Object.defineProperty(globalThis, 'localStorage', {
+      value: storageMock,
+      configurable: true,
+      writable: true,
+    });
+
     TestBed.configureTestingModule({});
     service = TestBed.inject(LfLoginService);
   });
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.spec.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.spec.ts
index 0ed472a2..5d7f25ac 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.spec.ts
@@ -33,4 +33,3 @@ describe('LfTokenPickerComponent', () => {
     expect(component).toBeTruthy();
   });
 });
-
diff --git a/projects/ui-components/lf-repository-browser/lf-repository-browser.component.spec.ts b/projects/ui-components/lf-repository-browser/lf-repository-browser.component.spec.ts
index e9055be1..b8d49363 100644
--- a/projects/ui-components/lf-repository-browser/lf-repository-browser.component.spec.ts
+++ b/projects/ui-components/lf-repository-browser/lf-repository-browser.component.spec.ts
@@ -1,7 +1,7 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { ChangeDetectorRef } from '@angular/core';
+import { ChangeDetectorRef, Component, EventEmitter, Input, Output, TemplateRef } from '@angular/core';
 import { ComponentFixture, TestBed, TestModuleMetadata, flush, fakeAsync } from '@angular/core/testing';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
 import { MatDialogModule } from '@angular/material/dialog';
@@ -17,6 +17,46 @@ import { LfTreeNodeService, LfTreeNode } from './ILfTreeNodeService';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { ColumnDef, LfSelectionListComponent } from '@laserfiche/lf-ui-components/lf-selection-list';
 
+@Component({
+  selector: 'lf-selection-list-component',
+  template: '',
+  standalone: true,
+})
+class MockLfSelectionListComponent {
+  @Input() uniqueIdentifier: string | undefined;
+  @Input() listItems: ILfSelectable[] = [];
+  @Input() multipleSelection = false;
+  @Input() itemSize = 42;
+  @Input() pageSize = 50;
+  @Input() listItemRef?: TemplateRef<unknown>;
+
+  @Output() scrollChanged = new EventEmitter<undefined>();
+  @Output() itemDoubleClicked = new EventEmitter<unknown>();
+  @Output() itemSelected = new EventEmitter<unknown>();
+  @Output() itemFocused = new EventEmitter<unknown>();
+  @Output() refreshData = new EventEmitter<void>();
+
+  alwaysShowHeader?: boolean;
+  columnOrderBy: unknown;
+  columns: ColumnDef[] = [];
+
+  clearSelectedValues() {
+    // no-op for test doubles
+  }
+
+  async setSelectedNodesAsync(nodes: ILfSelectable[]): Promise<ILfSelectable[]> {
+    return nodes;
+  }
+
+  async resetCachedNodesAsync(): Promise<ILfSelectable[]> {
+    return [];
+  }
+
+  focus() {
+    // no-op for test doubles
+  }
+}
+
 const rootTreeNode: LfTreeNode = {
   icon: '',
   id: '1',
@@ -51,7 +91,7 @@ const moduleDef: TestModuleMetadata = {
     MatMenuModule,
     MatButtonToggleModule,
     MatDialogModule,
-    LfSelectionListComponent,
+    MockLfSelectionListComponent,
     LfRepositoryBrowserComponent,
     LfBreadcrumbsComponent,
     LfLoaderComponent,
@@ -93,7 +133,12 @@ describe('LfRepositoryBrowserComponent', () => {
   }
 
   beforeEach(async () => {
-    await TestBed.configureTestingModule(moduleDef).compileComponents();
+    await TestBed.configureTestingModule(moduleDef)
+      .overrideComponent(LfRepositoryBrowserComponent, {
+        remove: { imports: [LfSelectionListComponent] },
+        add: { imports: [MockLfSelectionListComponent] },
+      })
+      .compileComponents();
   });
 
   beforeEach(async () => {
diff --git a/projects/ui-components/lf-selection-list/resize-column.directive.spec.ts b/projects/ui-components/lf-selection-list/resize-column.directive.spec.ts
index e56097c9..cd6854c4 100644
--- a/projects/ui-components/lf-selection-list/resize-column.directive.spec.ts
+++ b/projects/ui-components/lf-selection-list/resize-column.directive.spec.ts
@@ -110,7 +110,6 @@ describe('ResizeColumnDirective', () => {
       movementX: moveX,
       bubbles: true,
       cancelable: true,
-      view: window,
       buttons: 2
     });
     resizeHandleEl.dispatchEvent(mouseMoveEvent);

From be256e1b8c1f83f60e60653b28b66840722b781e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Thu, 26 Feb 2026 15:21:55 +0200
Subject: [PATCH 10/43] t

---
 .../lf-selection-list/resize-column.directive.spec.ts     | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/projects/ui-components/lf-selection-list/resize-column.directive.spec.ts b/projects/ui-components/lf-selection-list/resize-column.directive.spec.ts
index cd6854c4..bfeeff86 100644
--- a/projects/ui-components/lf-selection-list/resize-column.directive.spec.ts
+++ b/projects/ui-components/lf-selection-list/resize-column.directive.spec.ts
@@ -35,15 +35,15 @@ import { COLUMN_MIN_WIDTH, ResizeColumnDirective } from './resize-column.directi
         table {
           border-spacing: 0;
         }
-    
+
         tr {
           display: grid;
         }
-    
+
         th {
           padding: 0 10px;
         }
-    
+
         .resize-handle {
         display: inline-block;
         position: absolute;
@@ -54,7 +54,7 @@ import { COLUMN_MIN_WIDTH, ResizeColumnDirective } from './resize-column.directi
         width: 15px;
         right: -17.5px;
       }
-    
+
       .repository-browser-resize-overlay {
         position: absolute;
         top: 0;

From f37dee5d33123d11b82d9eaf40796508ecf73078 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Thu, 26 Feb 2026 15:45:07 +0200
Subject: [PATCH 11/43] Refactor export * from

---
 angular.json                                  |   32 +-
 package-lock.json                             | 4237 +++++++++++------
 package.json                                  |    8 +-
 projects/lf-cdn/src/index.ts                  |    2 +-
 .../lf-internal-shared-public-api.ts          |   14 +-
 .../internal-shared/ng-package.json           |    3 +-
 .../lf-checklist/lf-checklist-public-api.ts   |   10 +-
 .../lf-login/lf-login-public-api.ts           |    4 +-
 .../lf-date-time-picker.ts                    |    4 +-
 .../lf-field-adhoc-container/public-api.ts    |    4 +-
 .../lf-field-container/public-api.ts          |    4 +-
 .../lf-field-template-container/public-api.ts |    6 +-
 .../lf-metadata/lf-metadata-public-api.ts     |    6 +-
 .../lf-repository-browser-public-api.ts       |    4 +-
 .../lf-selection-list-public-api.ts           |    4 +-
 .../lf-user-feedback-public-api.ts            |    2 +-
 projects/ui-components/projects.ts            |   14 +-
 .../lf-breadcrumbs-public-api.ts              |    4 +-
 .../shared/lf-shared-public-api.ts            |    8 +-
 .../lf-toolbar/lf-toolbar-public-api.ts       |    2 +-
 tsconfig.spec.json                            |   13 +
 vitest.config.js                              |   16 +-
 vitest.setup.ts                               |    7 +
 23 files changed, 2810 insertions(+), 1598 deletions(-)
 create mode 100644 tsconfig.spec.json
 create mode 100644 vitest.setup.ts

diff --git a/angular.json b/angular.json
index 2ca9edf8..28246072 100644
--- a/angular.json
+++ b/angular.json
@@ -89,19 +89,9 @@
           }
         },
         "test": {
-          "builder": "@angular-devkit/build-angular:karma",
+          "builder": "@angular/build:unit-test",
           "options": {
-            "polyfills": [],
-            "tsConfig": "projects/lf-cdn/tsconfig.spec.json",
-            "karmaConfig": "projects/lf-cdn/karma.conf.js",
-            "assets": [
-              "projects/lf-cdn/src/favicon.ico",
-              "projects/lf-cdn/src/assets"
-            ],
-            "styles": [
-              "projects/lf-cdn/src/styles.css"
-            ],
-            "scripts": []
+            "tsConfig": "projects/lf-cdn/tsconfig.spec.json"
           }
         },
         "lint": {
@@ -203,19 +193,10 @@
           }
         },
         "test": {
-          "builder": "@angular-devkit/build-angular:karma",
+          "builder": "@angular/build:unit-test",
           "options": {
-            "polyfills": [],
             "tsConfig": "projects/lf-documentation/tsconfig.spec.json",
-            "karmaConfig": "projects/lf-documentation/karma.conf.js",
-            "assets": [
-              "projects/lf-documentation/src/favicon.ico",
-              "projects/lf-documentation/src/assets"
-            ],
-            "styles": [
-              "projects/lf-documentation/src/styles.css"
-            ],
-            "scripts": []
+            "browsers": ["chrome-headless"]
           }
         },
         "lint": {
@@ -251,11 +232,10 @@
           "defaultConfiguration": "production"
         },
         "test": {
-          "builder": "@angular-devkit/build-angular:karma",
+          "builder": "@angular/build:unit-test",
           "options": {
-            "main": "projects/ui-components/test.ts",
             "tsConfig": "projects/ui-components/tsconfig.spec.json",
-            "karmaConfig": "projects/ui-components/karma.conf.js"
+            "browsers": ["chrome-headless"]
           }
         },
         "lint": {
diff --git a/package-lock.json b/package-lock.json
index 909736cb..24f41765 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,6 +12,8 @@
         "@laserfiche/lf-ui-components": "file:projects/ui-components"
       },
       "devDependencies": {
+        "@analogjs/vite-plugin-angular": "^2.3.0",
+        "@analogjs/vitest-angular": "^2.3.0",
         "@angular-devkit/build-angular": "^21.1.4",
         "@angular-eslint/builder": "^21.2.0",
         "@angular-eslint/eslint-plugin": "^21.2.0",
@@ -20,30 +22,25 @@
         "@angular-eslint/template-parser": "^21.2.0",
         "@angular/cli": "^21.1.4",
         "@microsoft/api-extractor": "^7.57.0",
-        "@stylistic/eslint-plugin": "^5.8.0",
-        "@types/jasmine": "^3.6.0",
+        "@stylistic/eslint-plugin": "^5.9.0",
         "@types/lodash": "^4.17.23",
-        "@types/node": "^24.10.12",
+        "@types/node": "^24.10.13",
         "@typescript-eslint/eslint-plugin": "^8.56.0",
         "@typescript-eslint/parser": "^8.56.0",
+        "@vitest/browser": "^4.0.18",
+        "@vitest/browser-playwright": "^4.0.18",
         "date-fns": "^4.1.0",
         "eslint": "^9.39.2",
         "flatpickr": "^4.6.13",
         "gulp": "^5.0.1",
         "gulp-concat": "^2.6.1",
         "gulp-replace": "^1.1.4",
-        "jasmine-core": "^4.1.0",
-        "karma": "^6.4.4",
-        "karma-chrome-launcher": "^3.1.0",
-        "karma-coverage": "^2.0.3",
-        "karma-coverage-istanbul-reporter": "^3.0.3",
-        "karma-jasmine": "^4.0.0",
-        "karma-jasmine-html-reporter": "^1.7.0",
-        "karma-junit-reporter": "^2.0.1",
         "ng-packagr": "^21.1.0",
         "puppeteer": "^24.37.4",
         "tslib": "^2.8.1",
         "typescript": "5.9.3",
+        "vitest": "^4.0.18",
+        "webdriverio": "^9.20.0",
         "yargs": "^18.0.0"
       },
       "peerDependencies": {
@@ -288,6 +285,56 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/@analogjs/vite-plugin-angular": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@analogjs/vite-plugin-angular/-/vite-plugin-angular-2.3.0.tgz",
+      "integrity": "sha512-3zbx2Pu/PyP0cw5EMgpdVMerYwYOtZvV1pFXxoViGZAxFzQ8TGHCuJm4ECg3jcs7iBdt1O9ZejMuwebVCXeD3A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyglobby": "^0.2.14",
+        "ts-morph": "^21.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/brandonroberts"
+      },
+      "peerDependencies": {
+        "@angular-devkit/build-angular": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0",
+        "@angular/build": "^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@angular-devkit/build-angular": {
+          "optional": true
+        },
+        "@angular/build": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@analogjs/vitest-angular": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@analogjs/vitest-angular/-/vitest-angular-2.3.0.tgz",
+      "integrity": "sha512-nQja8a4a0llFNOdYpI8/7KD2iRPNBuqOUpyPEoa9n7MZPc/50PArShzVVpkOCZ8UYlUiZbkG5ykB23xnUD+iYg==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/brandonroberts"
+      },
+      "peerDependencies": {
+        "@analogjs/vite-plugin-angular": "*",
+        "@angular-devkit/architect": ">=0.1500.0 < 0.2200.0",
+        "@angular-devkit/schematics": ">=17.0.0",
+        "vitest": "^1.3.1 || ^2.0.0 || ^3.0.0 || ^4.0.0",
+        "zone.js": ">=0.14.0"
+      },
+      "peerDependenciesMeta": {
+        "zone.js": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@angular-devkit/architect": {
       "version": "0.2101.4",
       "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.2101.4.tgz",
@@ -2593,16 +2640,6 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@colors/colors": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz",
-      "integrity": "sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.1.90"
-      }
-    },
     "node_modules/@discoveryjs/json-ext": {
       "version": "0.6.3",
       "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.6.3.tgz",
@@ -3754,6 +3791,80 @@
         "node": "20 || >=22"
       }
     },
+    "node_modules/@isaacs/cliui": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
+      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "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-styles": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "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",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@isaacs/cliui/node_modules/string-width": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "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/wrap-ansi": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+      "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/@isaacs/fs-minipass": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz",
@@ -5032,6 +5143,44 @@
         "webpack": "^5.54.0"
       }
     },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "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",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/@npmcli/agent": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/@npmcli/agent/-/agent-4.0.0.tgz",
@@ -5652,6 +5801,44 @@
       "license": "MIT",
       "optional": true
     },
+    "node_modules/@pkgjs/parseargs": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
+      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@polka/url": {
+      "version": "1.0.0-next.29",
+      "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.29.tgz",
+      "integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@promptbook/utils": {
+      "version": "0.69.5",
+      "resolved": "https://registry.npmjs.org/@promptbook/utils/-/utils-0.69.5.tgz",
+      "integrity": "sha512-xm5Ti/Hp3o4xHrsK9Yy3MS6KbDxYbq485hDsFvxqaNA7equHLPdo8H8faTitTeb14QCDfLW4iwCxdVYu5sn6YQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://buymeacoffee.com/hejny"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/webgptorg/promptbook/blob/main/README.md#%EF%B8%8F-contributing"
+        }
+      ],
+      "license": "CC-BY-4.0",
+      "dependencies": {
+        "spacetrim": "0.11.59"
+      }
+    },
     "node_modules/@puppeteer/browsers": {
       "version": "2.13.0",
       "resolved": "https://registry.npmjs.org/@puppeteer/browsers/-/browsers-2.13.0.tgz",
@@ -6648,29 +6835,21 @@
         "node": "^20.17.0 || >=22.9.0"
       }
     },
-    "node_modules/@socket.io/component-emitter": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.2.tgz",
-      "integrity": "sha512-9BCxFwvbGg/RsZK9tjXd8s4UcwR0MWeFQ1XEKIQVVvAGJyINdrqKMcTRyLoK8Rse1GjzLV9cwjWV1olXRWEXVA==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/@standard-schema/spec": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz",
       "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/@stylistic/eslint-plugin": {
-      "version": "5.8.0",
-      "resolved": "https://registry.npmjs.org/@stylistic/eslint-plugin/-/eslint-plugin-5.8.0.tgz",
-      "integrity": "sha512-WNPVF/FfBAjyi3OA7gok8swRiImNLKI4dmV3iK/GC/0xSJR7eCzBFsw9hLZVgb1+MYNLy7aDsjohxN1hA/FIfQ==",
+      "version": "5.9.0",
+      "resolved": "https://registry.npmjs.org/@stylistic/eslint-plugin/-/eslint-plugin-5.9.0.tgz",
+      "integrity": "sha512-FqqSkvDMYJReydrMhlugc71M76yLLQWNfmGq+SIlLa7N3kHp8Qq8i2PyWrVNAfjOyOIY+xv9XaaYwvVW7vroMA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.9.1",
-        "@typescript-eslint/types": "^8.54.0",
+        "@typescript-eslint/types": "^8.56.0",
         "eslint-visitor-keys": "^4.2.1",
         "espree": "^10.4.0",
         "estraverse": "^5.3.0",
@@ -6680,7 +6859,7 @@
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "peerDependencies": {
-        "eslint": ">=9.0.0"
+        "eslint": "^9.0.0 || ^10.0.0"
       }
     },
     "node_modules/@tootallnate/quickjs-emscripten": {
@@ -6690,6 +6869,58 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@ts-morph/common": {
+      "version": "0.22.0",
+      "resolved": "https://registry.npmjs.org/@ts-morph/common/-/common-0.22.0.tgz",
+      "integrity": "sha512-HqNBuV/oIlMKdkLshXd1zKBqNQCsuPEsgQOkfFQ/eUKjRlwndXW1AjN9LVkBEIukm00gGXSRmfkl0Wv5VXLnlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-glob": "^3.3.2",
+        "minimatch": "^9.0.3",
+        "mkdirp": "^3.0.1",
+        "path-browserify": "^1.0.1"
+      }
+    },
+    "node_modules/@ts-morph/common/node_modules/balanced-match": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/@ts-morph/common/node_modules/brace-expansion": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.3.tgz",
+      "integrity": "sha512-fy6KJm2RawA5RcHkLa1z/ScpBeA762UF9KmZQxwIbDtRJrgLzM10depAiEQ+CXYcoiqW1/m96OAAoke2nE9EeA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/@ts-morph/common/node_modules/minimatch": {
+      "version": "9.0.8",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.8.tgz",
+      "integrity": "sha512-reYkDYtj/b19TeqbNZCV4q9t+Yxylf/rYBsLb42SXJatTv4/ylq5lEiAmhA/IToxO7NI2UzNMghHoHuaqDkAjw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^5.0.2"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/@tufjs/canonical-json": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@tufjs/canonical-json/-/canonical-json-2.0.0.tgz",
@@ -6753,6 +6984,17 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/chai": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/@types/chai/-/chai-5.2.3.tgz",
+      "integrity": "sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/deep-eql": "*",
+        "assertion-error": "^2.0.1"
+      }
+    },
     "node_modules/@types/connect": {
       "version": "3.4.38",
       "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz",
@@ -6774,15 +7016,12 @@
         "@types/node": "*"
       }
     },
-    "node_modules/@types/cors": {
-      "version": "2.8.19",
-      "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.19.tgz",
-      "integrity": "sha512-mFNylyeyqN93lfe/9CSxOGREz8cpzAhH+E93xJ4xWQf62V8sQ/24reV2nyzUWM6H6Xji+GGHpkbLe7pVoUEskg==",
+    "node_modules/@types/deep-eql": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@types/deep-eql/-/deep-eql-4.0.2.tgz",
+      "integrity": "sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==",
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/node": "*"
-      }
+      "license": "MIT"
     },
     "node_modules/@types/eslint": {
       "version": "9.6.1",
@@ -6870,13 +7109,6 @@
         "@types/node": "*"
       }
     },
-    "node_modules/@types/jasmine": {
-      "version": "3.10.19",
-      "resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-3.10.19.tgz",
-      "integrity": "sha512-Bz6P2XoeIN13AhvVe0nS7+m2RfxVllETDjFQ/s6lyEwEfIVpPCc1Q8vPdFopFAOU5mzrU1zypXJ1xGDl5EVU9Q==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/@types/json-schema": {
       "version": "7.0.15",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
@@ -6982,6 +7214,13 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/sinonjs__fake-timers": {
+      "version": "8.1.5",
+      "resolved": "https://registry.npmjs.org/@types/sinonjs__fake-timers/-/sinonjs__fake-timers-8.1.5.tgz",
+      "integrity": "sha512-mQkU2jY8jJEF7YHjHvsQO8+3ughTL1mcnn96igfhONmR+fUPSKIkefQYpSe8bsly2Ep7oQbn/6VG5/9/0qcArQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/sockjs": {
       "version": "0.3.36",
       "resolved": "https://registry.npmjs.org/@types/sockjs/-/sockjs-0.3.36.tgz",
@@ -7003,6 +7242,13 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@types/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-113D3mDkZDjo+EeUEHCFy0qniNc1ZpecGiAU7WSo7YDoSzolZIQKpYFHrPpjkB2nuyahcKfrmLXeQlh7gqJYdw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/ws": {
       "version": "8.18.1",
       "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz",
@@ -7296,66 +7542,376 @@
         "vite": "^6.0.0 || ^7.0.0"
       }
     },
-    "node_modules/@webassemblyjs/ast": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz",
-      "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==",
+    "node_modules/@vitest/browser": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmjs.org/@vitest/browser/-/browser-4.0.18.tgz",
+      "integrity": "sha512-gVQqh7paBz3gC+ZdcCmNSWJMk70IUjDeVqi+5m5vYpEHsIwRgw3Y545jljtajhkekIpIp5Gg8oK7bctgY0E2Ng==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@webassemblyjs/helper-numbers": "1.13.2",
-        "@webassemblyjs/helper-wasm-bytecode": "1.13.2"
+        "@vitest/mocker": "4.0.18",
+        "@vitest/utils": "4.0.18",
+        "magic-string": "^0.30.21",
+        "pixelmatch": "7.1.0",
+        "pngjs": "^7.0.0",
+        "sirv": "^3.0.2",
+        "tinyrainbow": "^3.0.3",
+        "ws": "^8.18.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "vitest": "4.0.18"
       }
     },
-    "node_modules/@webassemblyjs/floating-point-hex-parser": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz",
-      "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@webassemblyjs/helper-api-error": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz",
-      "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@webassemblyjs/helper-buffer": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz",
-      "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@webassemblyjs/helper-numbers": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz",
-      "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==",
+    "node_modules/@vitest/browser-playwright": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmjs.org/@vitest/browser-playwright/-/browser-playwright-4.0.18.tgz",
+      "integrity": "sha512-gfajTHVCiwpxRj1qh0Sh/5bbGLG4F/ZH/V9xvFVoFddpITfMta9YGow0W6ZpTTORv2vdJuz9TnrNSmjKvpOf4g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@webassemblyjs/floating-point-hex-parser": "1.13.2",
-        "@webassemblyjs/helper-api-error": "1.13.2",
-        "@xtuc/long": "4.2.2"
+        "@vitest/browser": "4.0.18",
+        "@vitest/mocker": "4.0.18",
+        "tinyrainbow": "^3.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "playwright": "*",
+        "vitest": "4.0.18"
+      },
+      "peerDependenciesMeta": {
+        "playwright": {
+          "optional": false
+        }
       }
     },
-    "node_modules/@webassemblyjs/helper-wasm-bytecode": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz",
-      "integrity": "sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==",
+    "node_modules/@vitest/expect": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-4.0.18.tgz",
+      "integrity": "sha512-8sCWUyckXXYvx4opfzVY03EOiYVxyNrHS5QxX3DAIi5dpJAAkyJezHCP77VMX4HKA2LDT/Jpfo8i2r5BE3GnQQ==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "dependencies": {
+        "@standard-schema/spec": "^1.0.0",
+        "@types/chai": "^5.2.2",
+        "@vitest/spy": "4.0.18",
+        "@vitest/utils": "4.0.18",
+        "chai": "^6.2.1",
+        "tinyrainbow": "^3.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
     },
-    "node_modules/@webassemblyjs/helper-wasm-section": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.14.1.tgz",
-      "integrity": "sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==",
+    "node_modules/@vitest/mocker": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-4.0.18.tgz",
+      "integrity": "sha512-HhVd0MDnzzsgevnOWCBj5Otnzobjy5wLBe4EdeeFGv8luMsGcYqDuFRMcttKWZA5vVO8RFjexVovXvAM4JoJDQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@webassemblyjs/ast": "1.14.1",
-        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@vitest/spy": "4.0.18",
+        "estree-walker": "^3.0.3",
+        "magic-string": "^0.30.21"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "msw": "^2.4.9",
+        "vite": "^6.0.0 || ^7.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "msw": {
+          "optional": true
+        },
+        "vite": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vitest/mocker/node_modules/estree-walker": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      }
+    },
+    "node_modules/@vitest/pretty-format": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-4.0.18.tgz",
+      "integrity": "sha512-P24GK3GulZWC5tz87ux0m8OADrQIUVDPIjjj65vBXYG17ZeU3qD7r+MNZ1RNv4l8CGU2vtTRqixrOi9fYk/yKw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyrainbow": "^3.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/runner": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-4.0.18.tgz",
+      "integrity": "sha512-rpk9y12PGa22Jg6g5M3UVVnTS7+zycIGk9ZNGN+m6tZHKQb7jrP7/77WfZy13Y/EUDd52NDsLRQhYKtv7XfPQw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/utils": "4.0.18",
+        "pathe": "^2.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/snapshot": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-4.0.18.tgz",
+      "integrity": "sha512-PCiV0rcl7jKQjbgYqjtakly6T1uwv/5BQ9SwBLekVg/EaYeQFPiXcgrC2Y7vDMA8dM1SUEAEV82kgSQIlXNMvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "4.0.18",
+        "magic-string": "^0.30.21",
+        "pathe": "^2.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/spy": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-4.0.18.tgz",
+      "integrity": "sha512-cbQt3PTSD7P2OARdVW3qWER5EGq7PHlvE+QfzSC0lbwO+xnt7+XH06ZzFjFRgzUX//JmpxrCu92VdwvEPlWSNw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/utils": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-4.0.18.tgz",
+      "integrity": "sha512-msMRKLMVLWygpK3u2Hybgi4MNjcYJvwTb0Ru09+fOyCXIgT5raYP041DRRdiJiI3k/2U6SEbAETB3YtBrUkCFA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "4.0.18",
+        "tinyrainbow": "^3.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@wdio/config": {
+      "version": "9.24.0",
+      "resolved": "https://registry.npmjs.org/@wdio/config/-/config-9.24.0.tgz",
+      "integrity": "sha512-rcHu0eG16rSEmHL0sEKDcr/vYFmGhQ5GOlmlx54r+1sgh6sf136q+kth4169s16XqviWGW3LjZbUfpTK29pGtw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@wdio/logger": "9.18.0",
+        "@wdio/types": "9.24.0",
+        "@wdio/utils": "9.24.0",
+        "deepmerge-ts": "^7.0.3",
+        "glob": "^10.2.2",
+        "import-meta-resolve": "^4.0.0",
+        "jiti": "^2.6.1"
+      },
+      "engines": {
+        "node": ">=18.20.0"
+      }
+    },
+    "node_modules/@wdio/logger": {
+      "version": "9.18.0",
+      "resolved": "https://registry.npmjs.org/@wdio/logger/-/logger-9.18.0.tgz",
+      "integrity": "sha512-HdzDrRs+ywAqbXGKqe1i/bLtCv47plz4TvsHFH3j729OooT5VH38ctFn5aLXgECmiAKDkmH/A6kOq2Zh5DIxww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^5.1.2",
+        "loglevel": "^1.6.0",
+        "loglevel-plugin-prefix": "^0.8.4",
+        "safe-regex2": "^5.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18.20.0"
+      }
+    },
+    "node_modules/@wdio/logger/node_modules/chalk": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
+      "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+      "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/@wdio/protocols": {
+      "version": "9.24.0",
+      "resolved": "https://registry.npmjs.org/@wdio/protocols/-/protocols-9.24.0.tgz",
+      "integrity": "sha512-ozQKYddBLT4TRvU9J+fGrhVUtx3iDAe+KNCJcTDMFMxNSdDMR2xFQdNp8HLHypspk58oXTYCvz6ZYjySthhqsw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@wdio/repl": {
+      "version": "9.16.2",
+      "resolved": "https://registry.npmjs.org/@wdio/repl/-/repl-9.16.2.tgz",
+      "integrity": "sha512-FLTF0VL6+o5BSTCO7yLSXocm3kUnu31zYwzdsz4n9s5YWt83sCtzGZlZpt7TaTzb3jVUfxuHNQDTb8UMkCu0lQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "^20.1.0"
+      },
+      "engines": {
+        "node": ">=18.20.0"
+      }
+    },
+    "node_modules/@wdio/repl/node_modules/@types/node": {
+      "version": "20.19.34",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.34.tgz",
+      "integrity": "sha512-by3/Z0Qp+L9cAySEsSNNwZ6WWw8ywgGLPQGgbQDhNRSitqYgkgp4pErd23ZSCavbtUA2CN4jQtoB3T8nk4j3Rg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@wdio/repl/node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@wdio/types": {
+      "version": "9.24.0",
+      "resolved": "https://registry.npmjs.org/@wdio/types/-/types-9.24.0.tgz",
+      "integrity": "sha512-PYYunNl8Uq1r8YMJAK6ReRy/V/XIrCSyj5cpCtR5EqCL6heETOORFj7gt4uPnzidfgbtMBcCru0LgjjlMiH1UQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "^20.1.0"
+      },
+      "engines": {
+        "node": ">=18.20.0"
+      }
+    },
+    "node_modules/@wdio/types/node_modules/@types/node": {
+      "version": "20.19.34",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.34.tgz",
+      "integrity": "sha512-by3/Z0Qp+L9cAySEsSNNwZ6WWw8ywgGLPQGgbQDhNRSitqYgkgp4pErd23ZSCavbtUA2CN4jQtoB3T8nk4j3Rg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@wdio/types/node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@wdio/utils": {
+      "version": "9.24.0",
+      "resolved": "https://registry.npmjs.org/@wdio/utils/-/utils-9.24.0.tgz",
+      "integrity": "sha512-6WhtzC5SNCGRBTkaObX6A07Ofnnyyf+TQH/d/fuhZRqvBknrP4AMMZF+PFxGl1fwdySWdBn+gV2QLE+52Byowg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@puppeteer/browsers": "^2.2.0",
+        "@wdio/logger": "9.18.0",
+        "@wdio/types": "9.24.0",
+        "decamelize": "^6.0.0",
+        "deepmerge-ts": "^7.0.3",
+        "edgedriver": "^6.1.2",
+        "geckodriver": "^6.1.0",
+        "get-port": "^7.0.0",
+        "import-meta-resolve": "^4.0.0",
+        "locate-app": "^2.2.24",
+        "mitt": "^3.0.1",
+        "safaridriver": "^1.0.0",
+        "split2": "^4.2.0",
+        "wait-port": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=18.20.0"
+      }
+    },
+    "node_modules/@webassemblyjs/ast": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz",
+      "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/helper-numbers": "1.13.2",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2"
+      }
+    },
+    "node_modules/@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz",
+      "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/helper-api-error": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz",
+      "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/helper-buffer": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz",
+      "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/helper-numbers": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz",
+      "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/floating-point-hex-parser": "1.13.2",
+        "@webassemblyjs/helper-api-error": "1.13.2",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/helper-wasm-bytecode": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz",
+      "integrity": "sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/helper-wasm-section": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.14.1.tgz",
+      "integrity": "sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
         "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
         "@webassemblyjs/wasm-gen": "1.14.1"
       }
@@ -7478,6 +8034,18 @@
       "dev": true,
       "license": "BSD-2-Clause"
     },
+    "node_modules/@zip.js/zip.js": {
+      "version": "2.8.21",
+      "resolved": "https://registry.npmjs.org/@zip.js/zip.js/-/zip.js-2.8.21.tgz",
+      "integrity": "sha512-fkyzXISE3IMrstDO1AgPkJCx14MYHP/suIGiAovEYEuBjq3mffsuL6aMV7ohOSjW4rXtuACuUfpA3GtITgdtYg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "bun": ">=0.7.0",
+        "deno": ">=1.0.0",
+        "node": ">=18.0.0"
+      }
+    },
     "node_modules/abbrev": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-4.0.0.tgz",
@@ -7488,6 +8056,19 @@
         "node": "^20.17.0 || >=22.9.0"
       }
     },
+    "node_modules/abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "event-target-shim": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=6.5"
+      }
+    },
     "node_modules/accepts": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-2.0.0.tgz",
@@ -7760,55 +8341,209 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/argparse": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
-      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+    "node_modules/archiver": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/archiver/-/archiver-7.0.1.tgz",
+      "integrity": "sha512-ZcbTaIqJOfCc03QwD468Unz/5Ir8ATtvAHsK+FdXbDIbGfihqh9mrvdcYunQzqn4HrvWWaFyaxJhGZagaJJpPQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "sprintf-js": "~1.0.2"
+        "archiver-utils": "^5.0.2",
+        "async": "^3.2.4",
+        "buffer-crc32": "^1.0.0",
+        "readable-stream": "^4.0.0",
+        "readdir-glob": "^1.1.2",
+        "tar-stream": "^3.0.0",
+        "zip-stream": "^6.0.1"
+      },
+      "engines": {
+        "node": ">= 14"
       }
     },
-    "node_modules/aria-query": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
-      "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
+    "node_modules/archiver-utils": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/archiver-utils/-/archiver-utils-5.0.2.tgz",
+      "integrity": "sha512-wuLJMmIBQYCsGZgYLTy5FIB2pF6Lfb6cXMSF8Qywwk3t20zWnAi7zLcQFdKQmIB8wyZpY5ER38x08GbwtR2cLA==",
       "dev": true,
-      "license": "Apache-2.0",
+      "license": "MIT",
+      "dependencies": {
+        "glob": "^10.0.0",
+        "graceful-fs": "^4.2.0",
+        "is-stream": "^2.0.1",
+        "lazystream": "^1.0.0",
+        "lodash": "^4.17.15",
+        "normalize-path": "^3.0.0",
+        "readable-stream": "^4.0.0"
+      },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">= 14"
       }
     },
-    "node_modules/array-each": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/array-each/-/array-each-1.0.1.tgz",
-      "integrity": "sha512-zHjL5SZa68hkKHBFBK6DJCTtr9sfTCPCaph/L7tMSLcTFgy+zX7E+6q5UArbtOtMBCtxdICpfTCspRse+ywyXA==",
+    "node_modules/archiver-utils/node_modules/readable-stream": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
+      "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "process": "^0.11.10",
+        "string_decoder": "^1.3.0"
+      },
       "engines": {
-        "node": ">=0.10.0"
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
     },
-    "node_modules/array-flatten": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
-      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
+    "node_modules/archiver-utils/node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
       "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/array-slice": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-1.1.0.tgz",
-      "integrity": "sha512-B1qMD3RBP7O8o0H2KbrXDyB0IccejMF15+87Lvlor12ONPRHP6gTjXMNkt/d3ZuOGbAe66hFmaCfECI24Ufp6w==",
+    "node_modules/archiver-utils/node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
       }
     },
-    "node_modules/ast-types": {
-      "version": "0.13.4",
+    "node_modules/archiver/node_modules/buffer-crc32": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-1.0.0.tgz",
+      "integrity": "sha512-Db1SbgBS/fg/392AblrMJk97KggmvYhr4pB5ZIMTWtaivCPMWLkmb7m21cJvpvgK+J3nsU2CmmixNBZx4vFj/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/archiver/node_modules/readable-stream": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
+      "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "process": "^0.11.10",
+        "string_decoder": "^1.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/archiver/node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "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/archiver/node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "node_modules/aria-query": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
+      "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/array-each": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/array-each/-/array-each-1.0.1.tgz",
+      "integrity": "sha512-zHjL5SZa68hkKHBFBK6DJCTtr9sfTCPCaph/L7tMSLcTFgy+zX7E+6q5UArbtOtMBCtxdICpfTCspRse+ywyXA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/array-slice": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-1.1.0.tgz",
+      "integrity": "sha512-B1qMD3RBP7O8o0H2KbrXDyB0IccejMF15+87Lvlor12ONPRHP6gTjXMNkt/d3ZuOGbAe66hFmaCfECI24Ufp6w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/assertion-error": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz",
+      "integrity": "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/ast-types": {
+      "version": "0.13.4",
       "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.13.4.tgz",
       "integrity": "sha512-x1FCFnFifvYDDzTaLII71vG5uvDwgtmDTEVWAxrgeiR8VjMONcCXJx7E+USjDtHlwFmt9MysbqgF9b9Vjr6w+w==",
       "dev": true,
@@ -7820,6 +8555,13 @@
         "node": ">=4"
       }
     },
+    "node_modules/async": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/async/-/async-3.2.6.tgz",
+      "integrity": "sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/async-done": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/async-done/-/async-done-2.0.0.tgz",
@@ -8120,16 +8862,6 @@
       ],
       "license": "MIT"
     },
-    "node_modules/base64id": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/base64id/-/base64id-2.0.0.tgz",
-      "integrity": "sha512-lGe34o6EHj9y3Kts9R4ZYs/Gr+6N7MCaMlIFA3F1R2O5/m7K06AxfSeO5530PEERE6/WyEg3lsuyw4GHlPZHog==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^4.5.0 || >= 5.9"
-      }
-    },
     "node_modules/baseline-browser-mapping": {
       "version": "2.9.19",
       "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.9.19.tgz",
@@ -8558,6 +9290,16 @@
       ],
       "license": "CC-BY-4.0"
     },
+    "node_modules/chai": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/chai/-/chai-6.2.2.tgz",
+      "integrity": "sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/chalk": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
@@ -8595,6 +9337,116 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/cheerio": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/cheerio/-/cheerio-1.2.0.tgz",
+      "integrity": "sha512-WDrybc/gKFpTYQutKIK6UvfcuxijIZfMfXaYm8NMsPQxSYvf+13fXUJ4rztGGbJcBQ/GF55gvrZ0Bc0bj/mqvg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cheerio-select": "^2.1.0",
+        "dom-serializer": "^2.0.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.2.2",
+        "encoding-sniffer": "^0.2.1",
+        "htmlparser2": "^10.1.0",
+        "parse5": "^7.3.0",
+        "parse5-htmlparser2-tree-adapter": "^7.1.0",
+        "parse5-parser-stream": "^7.1.2",
+        "undici": "^7.19.0",
+        "whatwg-mimetype": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=20.18.1"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/cheerio?sponsor=1"
+      }
+    },
+    "node_modules/cheerio-select": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/cheerio-select/-/cheerio-select-2.1.0.tgz",
+      "integrity": "sha512-9v9kG0LvzrlcungtnJtpGNxY+fzECQKhK4EGJX2vByejiMX84MFNQw4UxPJl3bFbTMw+Dfs37XaIkCwTZfLh4g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-select": "^5.1.0",
+        "css-what": "^6.1.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/cheerio-select/node_modules/css-select": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.2.2.tgz",
+      "integrity": "sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==",
+      "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/cheerio-select/node_modules/css-what": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.2.2.tgz",
+      "integrity": "sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/cheerio/node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/cheerio/node_modules/parse5": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
+      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/cheerio/node_modules/whatwg-mimetype": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
+      "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/chokidar": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
@@ -8860,6 +9712,13 @@
         "readable-stream": "^2.3.5"
       }
     },
+    "node_modules/code-block-writer": {
+      "version": "12.0.0",
+      "resolved": "https://registry.npmjs.org/code-block-writer/-/code-block-writer-12.0.0.tgz",
+      "integrity": "sha512-q4dMFMlXtKR3XNBHyMHt/3pwYNA69EDk00lloMOaaUMKPUXBw6lpXtbu3MMVG6/uOihGnRDOlkyqsONEUj60+w==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/color-convert": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -8904,6 +9763,71 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/compress-commons": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/compress-commons/-/compress-commons-6.0.2.tgz",
+      "integrity": "sha512-6FqVXeETqWPoGcfzrXb37E50NP0LXT8kAMu5ooZayhWWdgEY4lBEEcbQNXtkuKQsGduxiIcI4gOTsxTmuq/bSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "crc-32": "^1.2.0",
+        "crc32-stream": "^6.0.0",
+        "is-stream": "^2.0.1",
+        "normalize-path": "^3.0.0",
+        "readable-stream": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/compress-commons/node_modules/readable-stream": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
+      "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "process": "^0.11.10",
+        "string_decoder": "^1.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/compress-commons/node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "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/compress-commons/node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
     "node_modules/compressible": {
       "version": "2.0.18",
       "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
@@ -9011,22 +9935,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/connect": {
-      "version": "3.7.0",
-      "resolved": "https://registry.npmjs.org/connect/-/connect-3.7.0.tgz",
-      "integrity": "sha512-ZqRXc+tZukToSNmh5C2iWMSoV3X1YUcPbqEM4DkEG5tNQXrQUZCNVGGv3IuicnkMtPfGf3Xtp8WCXs295iQ1pQ==",
-      "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/connect-history-api-fallback": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz",
@@ -9037,79 +9945,10 @@
         "node": ">=0.8"
       }
     },
-    "node_modules/connect/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/connect/node_modules/encodeurl": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
-      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/connect/node_modules/finalhandler": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz",
-      "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==",
-      "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/connect/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/connect/node_modules/on-finished": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
-      "integrity": "sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ee-first": "1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/connect/node_modules/statuses": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
-      "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/content-disposition": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-1.0.1.tgz",
-      "integrity": "sha512-oIXISMynqSqm241k6kcQ5UwttDILMK4BiurCfGEREw6+X9jkkpEe5T9FZaApyLGGOnFuyMWZpdolTXMtvEJ08Q==",
+    "node_modules/content-disposition": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-1.0.1.tgz",
+      "integrity": "sha512-oIXISMynqSqm241k6kcQ5UwttDILMK4BiurCfGEREw6+X9jkkpEe5T9FZaApyLGGOnFuyMWZpdolTXMtvEJ08Q==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -9273,6 +10112,81 @@
         }
       }
     },
+    "node_modules/crc-32": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/crc-32/-/crc-32-1.2.2.tgz",
+      "integrity": "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "crc32": "bin/crc32.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/crc32-stream": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/crc32-stream/-/crc32-stream-6.0.0.tgz",
+      "integrity": "sha512-piICUB6ei4IlTv1+653yq5+KoqfBYmj9bw6LqXoOneTMDXk5nM1qt12mFW1caG3LlJXEKW1Bp0WggEmIfQB34g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "crc-32": "^1.2.0",
+        "readable-stream": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/crc32-stream/node_modules/readable-stream": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
+      "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "process": "^0.11.10",
+        "string_decoder": "^1.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/crc32-stream/node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "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/crc32-stream/node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -9341,6 +10255,19 @@
         "url": "https://github.com/sponsors/fb55"
       }
     },
+    "node_modules/css-shorthand-properties": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/css-shorthand-properties/-/css-shorthand-properties-1.1.2.tgz",
+      "integrity": "sha512-C2AugXIpRGQTxaCW0N7n5jD/p5irUmCrwl03TrnMFBHDbdq44CFWR2zO7rK9xPN4Eo3pUxC4vQzQgbIpzrD1PQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/css-value": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/css-value/-/css-value-0.0.1.tgz",
+      "integrity": "sha512-FUV3xaJ63buRLgHrLQVlVgQnQdR4yqdLGaDu7g8CQcWjInDfM9plBTPI9FRfpahju1UBSaMckeb2/46ApS/V1Q==",
+      "dev": true
+    },
     "node_modules/css-what": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/css-what/-/css-what-7.0.0.tgz",
@@ -9367,13 +10294,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/custom-event": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/custom-event/-/custom-event-1.0.1.tgz",
-      "integrity": "sha512-GAj5FOq0Hd+RsCGVJxZuKaIDXDf3h6GQoNEjFgbLLI/trgtavwUbSnZ5pVfg27DVCaWjIohryS0JFwIJyT2cMg==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/data-uri-to-buffer": {
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-6.0.2.tgz",
@@ -9394,16 +10314,6 @@
         "url": "https://github.com/sponsors/kossnocorp"
       }
     },
-    "node_modules/date-format": {
-      "version": "4.0.14",
-      "resolved": "https://registry.npmjs.org/date-format/-/date-format-4.0.14.tgz",
-      "integrity": "sha512-39BOQLs9ZjKh0/patS9nrT8wc3ioX3/eA/zgbKNopnF2wCqJEoxywwwElATYvRsXdnOxA/OQeQoFZ3rFjVajhg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
     "node_modules/debug": {
       "version": "4.4.3",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
@@ -9421,6 +10331,19 @@
         }
       }
     },
+    "node_modules/decamelize": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-6.0.1.tgz",
+      "integrity": "sha512-G7Cqgaelq68XHJNGlZ7lrNQyhZGsFqpwtGFexqUv4IQdjKoSYF7ipZ9UuTJZUSQXFj/XaoBLuEVIVqr8EJngEQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
@@ -9428,6 +10351,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/deepmerge-ts": {
+      "version": "7.1.5",
+      "resolved": "https://registry.npmjs.org/deepmerge-ts/-/deepmerge-ts-7.1.5.tgz",
+      "integrity": "sha512-HOJkrhaYsweh+W+e74Yn7YStZOilkoPb6fycpwNLKzSPtruFs48nYis0zy5yJz1+ktUhHxoRDJ27RQAWLIJVJw==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
     "node_modules/default-browser": {
       "version": "5.5.0",
       "resolved": "https://registry.npmjs.org/default-browser/-/default-browser-5.5.0.tgz",
@@ -9552,13 +10485,6 @@
       "dev": true,
       "license": "BSD-3-Clause"
     },
-    "node_modules/di": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/di/-/di-0.0.1.tgz",
-      "integrity": "sha512-uJaamHkagcZtHPqCIHZxnFrXlunQXgBOsZSUOWwFw31QJCAbyTBoHMW75YOTur5ZNx8pIeAKgf6GWIgaqqiLhA==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/diff": {
       "version": "8.0.3",
       "resolved": "https://registry.npmjs.org/diff/-/diff-8.0.3.tgz",
@@ -9582,19 +10508,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/dom-serialize": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/dom-serialize/-/dom-serialize-2.2.1.tgz",
-      "integrity": "sha512-Yra4DbvoW7/Z6LBN560ZwXMjoNOSAN2wRsKFGc4iBeso+mpIA6qj1vfdf9HpMaKAqG6wXTy+1SYEzmNpKXOSsQ==",
-      "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",
       "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
@@ -9683,6 +10596,80 @@
         "node": ">= 10.13.0"
       }
     },
+    "node_modules/eastasianwidth": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/edge-paths": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/edge-paths/-/edge-paths-3.0.5.tgz",
+      "integrity": "sha512-sB7vSrDnFa4ezWQk9nZ/n0FdpdUuC6R1EOrlU3DL+bovcNFK28rqu2emmAUjujYEJTWIgQGqgVVWUZXMnc8iWg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/which": "^2.0.1",
+        "which": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/shirshak55"
+      }
+    },
+    "node_modules/edgedriver": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/edgedriver/-/edgedriver-6.3.0.tgz",
+      "integrity": "sha512-ggEQL+oEyIcM4nP2QC3AtCQ04o4kDNefRM3hja0odvlPSnsaxiruMxEZ93v3gDCKWYW6BXUr51PPradb+3nffw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "@wdio/logger": "^9.18.0",
+        "@zip.js/zip.js": "^2.8.11",
+        "decamelize": "^6.0.1",
+        "edge-paths": "^3.0.5",
+        "fast-xml-parser": "^5.3.3",
+        "http-proxy-agent": "^7.0.2",
+        "https-proxy-agent": "^7.0.6",
+        "which": "^6.0.0"
+      },
+      "bin": {
+        "edgedriver": "bin/edgedriver.js"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/edgedriver/node_modules/isexe": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-4.0.0.tgz",
+      "integrity": "sha512-FFUtZMpoZ8RqHS3XeXEmHWLA4thH+ZxCv2lOiPIn1Xc7CxrqhWzNSDzD+/chS/zbYezmiwWLdQC09JdQKmthOw==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/edgedriver/node_modules/which": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-6.0.1.tgz",
+      "integrity": "sha512-oGLe46MIrCRqX7ytPUf66EAYvdeMIZYn3WaocqqKZAxrBpkqHfL/qvTyJ/bTk5+AqHCjXmrv3CEWgy368zhRUg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^4.0.0"
+      },
+      "bin": {
+        "node-which": "bin/which.js"
+      },
+      "engines": {
+        "node": "^20.17.0 || >=22.9.0"
+      }
+    },
     "node_modules/ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -9734,6 +10721,33 @@
         "iconv-lite": "^0.6.2"
       }
     },
+    "node_modules/encoding-sniffer": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/encoding-sniffer/-/encoding-sniffer-0.2.1.tgz",
+      "integrity": "sha512-5gvq20T6vfpekVtqrYQsSCFZ1wEg5+wW0/QaZMWkFr6BqD3NfKs0rLCx4rrVlSWJeZb5NBJgVLswK/w2MWU+Gw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "iconv-lite": "^0.6.3",
+        "whatwg-encoding": "^3.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/encoding-sniffer?sponsor=1"
+      }
+    },
+    "node_modules/encoding-sniffer/node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/encoding/node_modules/iconv-lite": {
       "version": "0.6.3",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
@@ -9758,157 +10772,41 @@
         "once": "^1.4.0"
       }
     },
-    "node_modules/engine.io": {
-      "version": "6.6.5",
-      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.6.5.tgz",
-      "integrity": "sha512-2RZdgEbXmp5+dVbRm0P7HQUImZpICccJy7rN7Tv+SFa55pH+lxnuw6/K1ZxxBfHoYpSkHLAO92oa8O4SwFXA2A==",
+    "node_modules/enhanced-resolve": {
+      "version": "5.19.0",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.19.0.tgz",
+      "integrity": "sha512-phv3E1Xl4tQOShqSte26C7Fl84EwUdZsyOuSSk9qtAGyyQs2s3jJzComh+Abf4g187lUUAvH+H26omrqia2aGg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/cors": "^2.8.12",
-        "@types/node": ">=10.0.0",
-        "accepts": "~1.3.4",
-        "base64id": "2.0.0",
-        "cookie": "~0.7.2",
-        "cors": "~2.8.5",
-        "debug": "~4.4.1",
-        "engine.io-parser": "~5.2.1",
-        "ws": "~8.18.3"
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.3.0"
       },
       "engines": {
-        "node": ">=10.2.0"
+        "node": ">=10.13.0"
       }
     },
-    "node_modules/engine.io-parser": {
-      "version": "5.2.3",
-      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.2.3.tgz",
-      "integrity": "sha512-HqD3yTBfnBxIrbnM1DoD6Pcq8NECnh8d4As1Qgh0z5Gg3jRRIqijury0CL3ghu/edArpUYiYqQiDUQBIs4np3Q==",
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
       "dev": true,
-      "license": "MIT",
+      "license": "BSD-2-Clause",
       "engines": {
-        "node": ">=10.0.0"
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
-    "node_modules/engine.io/node_modules/accepts": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
-      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+    "node_modules/env-paths": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
+      "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "mime-types": "~2.1.34",
-        "negotiator": "0.6.3"
-      },
       "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/engine.io/node_modules/mime-db": {
-      "version": "1.52.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/engine.io/node_modules/mime-types": {
-      "version": "2.1.35",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "mime-db": "1.52.0"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/engine.io/node_modules/negotiator": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
-      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/engine.io/node_modules/ws": {
-      "version": "8.18.3",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
-      "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
-      "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/enhanced-resolve": {
-      "version": "5.19.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.19.0.tgz",
-      "integrity": "sha512-phv3E1Xl4tQOShqSte26C7Fl84EwUdZsyOuSSk9qtAGyyQs2s3jJzComh+Abf4g187lUUAvH+H26omrqia2aGg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "graceful-fs": "^4.2.4",
-        "tapable": "^2.3.0"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/ent": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/ent/-/ent-2.2.2.tgz",
-      "integrity": "sha512-kKvD1tO6BM+oK9HzCPpUdRb4vKFQY/FPTFmurMvh6LlN68VMrdj77w8yp51/kDbpkFOS9J8w5W6zIzgM2H8/hw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.3",
-        "es-errors": "^1.3.0",
-        "punycode": "^1.4.1",
-        "safe-regex-test": "^1.1.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/entities": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
-      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
-      "dev": true,
-      "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",
-      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
-      "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
+        "node": ">=6"
       }
     },
     "node_modules/environment": {
@@ -10363,6 +11261,16 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/eventemitter3": {
       "version": "4.0.7",
       "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
@@ -10426,6 +11334,16 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/expect-type": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.3.0.tgz",
+      "integrity": "sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
     "node_modules/exponential-backoff": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/exponential-backoff/-/exponential-backoff-3.1.3.tgz",
@@ -10538,6 +11456,36 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "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.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/fast-json-stable-stringify": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
@@ -10569,6 +11517,39 @@
       ],
       "license": "BSD-3-Clause"
     },
+    "node_modules/fast-xml-builder": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fast-xml-builder/-/fast-xml-builder-1.0.0.tgz",
+      "integrity": "sha512-fpZuDogrAgnyt9oDDz+5DBz0zgPdPZz6D4IR7iESxRXElrlGTRkHJ9eEt+SACRJwT0FNFrt71DFQIUFBJfX/uQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/fast-xml-parser": {
+      "version": "5.4.1",
+      "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-5.4.1.tgz",
+      "integrity": "sha512-BQ30U1mKkvXQXXkAGcuyUA/GA26oEB7NzOtsxCDtyu62sjGw5QraKFhx2Em3WQNjPw9PG6MQ9yuIIgkSDfGu5A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "fast-xml-builder": "^1.0.0",
+        "strnum": "^2.1.2"
+      },
+      "bin": {
+        "fxparser": "src/cli/cli.js"
+      }
+    },
     "node_modules/fastest-levenshtein": {
       "version": "1.0.16",
       "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.16.tgz",
@@ -10849,6 +11830,23 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/foreground-child": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
+      "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "cross-spawn": "^7.0.6",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/forwarded": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -10925,13 +11923,6 @@
         "node": ">=10.13.0"
       }
     },
-    "node_modules/fs.realpath": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-      "dev": true,
-      "license": "ISC"
-    },
     "node_modules/fsevents": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
@@ -10957,6 +11948,28 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/geckodriver": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/geckodriver/-/geckodriver-6.1.0.tgz",
+      "integrity": "sha512-ZRXLa4ZaYTTgUO4Eefw+RsQCleugU2QLb1ME7qTYxxuRj51yAhfnXaItXNs5/vUzfIaDHuZ+YnSF005hfp07nQ==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "@wdio/logger": "^9.18.0",
+        "@zip.js/zip.js": "^2.8.11",
+        "decamelize": "^6.0.1",
+        "http-proxy-agent": "^7.0.2",
+        "https-proxy-agent": "^7.0.6",
+        "modern-tar": "^0.7.2"
+      },
+      "bin": {
+        "geckodriver": "bin/geckodriver.js"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
     "node_modules/gensync": {
       "version": "1.0.0-beta.2",
       "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
@@ -11012,6 +12025,19 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/get-port": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/get-port/-/get-port-7.1.0.tgz",
+      "integrity": "sha512-QB9NKEeDg3xxVwCCwJQ9+xycaz6pBB6iQ76wiWMl1927n0Kir6alPiP+yuiICLLU4jpMe08dXfpebuQppFA2zw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/get-proto": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
@@ -11058,22 +12084,22 @@
       }
     },
     "node_modules/glob": {
-      "version": "7.2.3",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
-      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "version": "10.5.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.5.0.tgz",
+      "integrity": "sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==",
       "deprecated": "Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
       "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"
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^1.11.1"
       },
-      "engines": {
-        "node": "*"
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
       },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
@@ -11214,17 +12240,67 @@
         "node": ">=8.10.0"
       }
     },
+    "node_modules/glob/node_modules/balanced-match": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/glob/node_modules/brace-expansion": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.3.tgz",
+      "integrity": "sha512-fy6KJm2RawA5RcHkLa1z/ScpBeA762UF9KmZQxwIbDtRJrgLzM10depAiEQ+CXYcoiqW1/m96OAAoke2nE9EeA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/glob/node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/glob/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "version": "9.0.8",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.8.tgz",
+      "integrity": "sha512-reYkDYtj/b19TeqbNZCV4q9t+Yxylf/rYBsLb42SXJatTv4/ylq5lEiAmhA/IToxO7NI2UzNMghHoHuaqDkAjw==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
-        "brace-expansion": "^1.1.7"
+        "brace-expansion": "^5.0.2"
       },
       "engines": {
-        "node": "*"
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob/node_modules/path-scurry": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
+      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+      "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.18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/global-modules": {
@@ -11325,6 +12401,13 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/grapheme-splitter": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz",
+      "integrity": "sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/gulp": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/gulp/-/gulp-5.0.1.tgz",
@@ -11528,22 +12611,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/has-tostringtag": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
-      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-symbols": "^1.0.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/hasown": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
@@ -11616,10 +12683,10 @@
         "wbuf": "^1.1.0"
       }
     },
-    "node_modules/html-escaper": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
-      "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
+    "node_modules/htmlfy": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/htmlfy/-/htmlfy-0.8.1.tgz",
+      "integrity": "sha512-xWROBw9+MEGwxpotll0h672KCaLrKKiCYzsyN8ZgL9cQbVumFnyvsk2JqiB9ELAV1GLj1GG/jxZUjV9OZZi/yQ==",
       "dev": true,
       "license": "MIT"
     },
@@ -11857,6 +12924,13 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/immediate": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz",
+      "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/immutable": {
       "version": "5.1.4",
       "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.4.tgz",
@@ -11891,26 +12965,25 @@
         "node": ">=8"
       }
     },
-    "node_modules/imurmurhash": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+    "node_modules/import-meta-resolve": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-4.2.0.tgz",
+      "integrity": "sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">=0.8.19"
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/inflight": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
-      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
-      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
       "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "once": "^1.3.0",
-        "wrappy": "1"
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
       }
     },
     "node_modules/inherits": {
@@ -12183,25 +13256,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/is-regex": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
-      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "gopd": "^1.2.0",
-        "has-tostringtag": "^1.0.2",
-        "hasown": "^2.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/is-relative": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/is-relative/-/is-relative-1.0.0.tgz",
@@ -12215,6 +13269,19 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/is-stream": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-unc-path": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/is-unc-path/-/is-unc-path-1.0.0.tgz",
@@ -12291,19 +13358,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/isbinaryfile": {
-      "version": "4.0.10",
-      "resolved": "https://registry.npmjs.org/isbinaryfile/-/isbinaryfile-4.0.10.tgz",
-      "integrity": "sha512-iHrqe5shvBUcFbmZq9zOQHBoeOhZJu6RQGrDpBgenUm/Am+F3JM2MgQj+rK3Z601fzrL5gLZWtAPH2OBaSVcyw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 8.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/gjtorikian/"
-      }
-    },
     "node_modules/isexe": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
@@ -12348,73 +13402,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/istanbul-lib-report": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz",
-      "integrity": "sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==",
-      "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-lib-report/node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/istanbul-lib-source-maps": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz",
-      "integrity": "sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==",
-      "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/istanbul-lib-source-maps/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/istanbul-reports": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.2.0.tgz",
-      "integrity": "sha512-HGYWWS/ehqTV3xN10i23tkPkpH46MLCIMFNCaaKNavAXTF1RkqxawEPtnjnGZ6XKSInBKkiOA5BKS+aZiY3AvA==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "html-escaper": "^2.0.0",
-        "istanbul-lib-report": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/istextorbinary": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/istextorbinary/-/istextorbinary-3.3.0.tgz",
@@ -12432,12 +13419,21 @@
         "url": "https://bevry.me/fund"
       }
     },
-    "node_modules/jasmine-core": {
-      "version": "4.6.1",
-      "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-4.6.1.tgz",
-      "integrity": "sha512-VYz/BjjmC3klLJlLwA4Kw8ytk0zDSmbbDLNs794VnWmkcCB7I9aAL/D48VNQtmITyPvea2C3jdUMfc3kAoy0PQ==",
+    "node_modules/jackspeak": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
+      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
       "dev": true,
-      "license": "MIT"
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      },
+      "optionalDependencies": {
+        "@pkgjs/parseargs": "^0.11.0"
+      }
     },
     "node_modules/jest-worker": {
       "version": "27.5.1",
@@ -12562,650 +13558,83 @@
       "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
       "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
       "license": "MIT",
-      "bin": {
-        "json5": "lib/cli.js"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/jsonc-parser": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.3.1.tgz",
-      "integrity": "sha512-HUgH65KyejrUFPvHFPbqOY0rsFip3Bo5wb4ngvdi1EpCYWUQDC5V+Y7mZws+DLkr4M//zQJoanu1SP+87Dv1oQ==",
-      "license": "MIT"
-    },
-    "node_modules/jsonfile": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.0.tgz",
-      "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "universalify": "^2.0.0"
-      },
-      "optionalDependencies": {
-        "graceful-fs": "^4.1.6"
-      }
-    },
-    "node_modules/jsonparse": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/jsonparse/-/jsonparse-1.3.1.tgz",
-      "integrity": "sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==",
-      "dev": true,
-      "engines": [
-        "node >= 0.2.0"
-      ],
-      "license": "MIT"
-    },
-    "node_modules/jsrsasign": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/jsrsasign/-/jsrsasign-11.1.0.tgz",
-      "integrity": "sha512-Ov74K9GihaK9/9WncTe1mPmvrO7Py665TUfUKvraXBpu+xcTWitrtuOwcjf4KMU9maPaYn0OuaWy0HOzy/GBXg==",
-      "license": "MIT",
-      "peer": true,
-      "funding": {
-        "url": "https://github.com/kjur/jsrsasign#donations"
-      }
-    },
-    "node_modules/jsrsasign-util": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/jsrsasign-util/-/jsrsasign-util-1.0.5.tgz",
-      "integrity": "sha512-e5Kp8aaT5GH2c5X8j4uaJruYmT4GcnaGb47nw8m60YqPywtnOtTISZ9hZgtZ3a+jh7B27bU2LCf3Y32wZyfhtQ==",
-      "peer": true,
-      "dependencies": {
-        "jsonc-parser": ">= 0.0.1",
-        "jsrsasign": ">= 4.8.2"
-      }
-    },
-    "node_modules/karma": {
-      "version": "6.4.4",
-      "resolved": "https://registry.npmjs.org/karma/-/karma-6.4.4.tgz",
-      "integrity": "sha512-LrtUxbdvt1gOpo3gxG+VAJlJAEMhbWlM4YrFQgql98FwF7+K8K12LYO4hnDdUkNjeztYrOXEMqgTajSWgmtI/w==",
-      "dev": true,
-      "license": "MIT",
-      "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",
-      "resolved": "https://registry.npmjs.org/karma-chrome-launcher/-/karma-chrome-launcher-3.2.0.tgz",
-      "integrity": "sha512-rE9RkUPI7I9mAxByQWkGJFXfFD6lE4gC5nPuZdobf/QdTEJI6EU4yIay/cfU/xV4ZxlM5JiTv7zWYgA64NpS5Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "which": "^1.2.1"
-      }
-    },
-    "node_modules/karma-chrome-launcher/node_modules/which": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
-      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "which": "bin/which"
-      }
-    },
-    "node_modules/karma-coverage": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/karma-coverage/-/karma-coverage-2.2.1.tgz",
-      "integrity": "sha512-yj7hbequkQP2qOSb20GuNSIyE//PgJWHwC2IydLE6XRtsnaflv+/OSGNssPjobYUlhVVagy99TQpqUt3vAUG7A==",
-      "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-istanbul-reporter": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/karma-coverage-istanbul-reporter/-/karma-coverage-istanbul-reporter-3.0.3.tgz",
-      "integrity": "sha512-wE4VFhG/QZv2Y4CdAYWDbMmcAHeS926ZIji4z+FkB2aF/EposRb6DP6G5ncT/wXhqUfAb/d7kZrNKPonbvsATw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "istanbul-lib-coverage": "^3.0.0",
-        "istanbul-lib-report": "^3.0.0",
-        "istanbul-lib-source-maps": "^3.0.6",
-        "istanbul-reports": "^3.0.2",
-        "minimatch": "^3.0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/mattlewis92"
-      }
-    },
-    "node_modules/karma-coverage-istanbul-reporter/node_modules/istanbul-lib-source-maps": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-3.0.6.tgz",
-      "integrity": "sha512-R47KzMtDJH6X4/YW9XTx+jrLnZnscW4VpNN+1PViSYTejLVPWv7oov+Duf8YQSPyVRUvueQqz1TcsC6mooZTXw==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "debug": "^4.1.1",
-        "istanbul-lib-coverage": "^2.0.5",
-        "make-dir": "^2.1.0",
-        "rimraf": "^2.6.3",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/karma-coverage-istanbul-reporter/node_modules/istanbul-lib-source-maps/node_modules/istanbul-lib-coverage": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.5.tgz",
-      "integrity": "sha512-8aXznuEPCJvGnMSRft4udDRDtb1V3pkQkMMI5LI+6HuQz5oQ4J2UFn1H82raA3qJtyOLkkwVqICBQkjnGtn5mA==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/karma-coverage-istanbul-reporter/node_modules/make-dir": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
-      "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "pify": "^4.0.1",
-        "semver": "^5.6.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/karma-coverage-istanbul-reporter/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/karma-coverage-istanbul-reporter/node_modules/rimraf": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
-      "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
-      "deprecated": "Rimraf versions prior to v4 are no longer supported",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "glob": "^7.1.3"
-      },
-      "bin": {
-        "rimraf": "bin.js"
-      }
-    },
-    "node_modules/karma-coverage-istanbul-reporter/node_modules/semver": {
-      "version": "5.7.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
-      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver"
-      }
-    },
-    "node_modules/karma-coverage-istanbul-reporter/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/karma-coverage/node_modules/istanbul-lib-instrument": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz",
-      "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==",
-      "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/karma-coverage/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/karma-coverage/node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
-    "node_modules/karma-jasmine": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/karma-jasmine/-/karma-jasmine-4.0.2.tgz",
-      "integrity": "sha512-ggi84RMNQffSDmWSyyt4zxzh2CQGwsxvYYsprgyR1j8ikzIduEdOlcLvXjZGwXG/0j41KUXOWsUCBfbEHPWP9g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "jasmine-core": "^3.6.0"
-      },
-      "engines": {
-        "node": ">= 10"
-      },
-      "peerDependencies": {
-        "karma": "*"
-      }
-    },
-    "node_modules/karma-jasmine-html-reporter": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/karma-jasmine-html-reporter/-/karma-jasmine-html-reporter-1.7.0.tgz",
-      "integrity": "sha512-pzum1TL7j90DTE86eFt48/s12hqwQuiD+e5aXx2Dc9wDEn2LfGq6RoAxEZZjFiN0RDSCOnosEKRZWxbQ+iMpQQ==",
-      "dev": true,
-      "license": "MIT",
-      "peerDependencies": {
-        "jasmine-core": ">=3.8",
-        "karma": ">=0.9",
-        "karma-jasmine": ">=1.1"
-      }
-    },
-    "node_modules/karma-jasmine/node_modules/jasmine-core": {
-      "version": "3.99.1",
-      "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-3.99.1.tgz",
-      "integrity": "sha512-Hu1dmuoGcZ7AfyynN3LsfruwMbxMALMka+YtZeGoLuDEySVmVAPaonkNoBRIw/ectu8b9tVQCJNgp4a4knp+tg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/karma-junit-reporter": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/karma-junit-reporter/-/karma-junit-reporter-2.0.1.tgz",
-      "integrity": "sha512-VtcGfE0JE4OE1wn0LK8xxDKaTP7slN8DO3I+4xg6gAi1IoAHAXOJ1V9G/y45Xg6sxdxPOR3THCFtDlAfBo9Afw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "path-is-absolute": "^1.0.0",
-        "xmlbuilder": "12.0.0"
-      },
-      "engines": {
-        "node": ">= 8"
-      },
-      "peerDependencies": {
-        "karma": ">=0.9"
-      }
-    },
-    "node_modules/karma-source-map-support": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/karma-source-map-support/-/karma-source-map-support-1.4.0.tgz",
-      "integrity": "sha512-RsBECncGO17KAoJCYXjv+ckIz+Ii9NCi+9enk+rq6XC81ezYkb4/RHE6CTXdA7IOJqoF3wcaLfVG0CPmE5ca6A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "source-map-support": "^0.5.5"
-      }
-    },
-    "node_modules/karma/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/karma/node_modules/body-parser": {
-      "version": "1.20.4",
-      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.4.tgz",
-      "integrity": "sha512-ZTgYYLMOXY9qKU/57FAo8F+HA2dGX7bqGc71txDRC1rS4frdFI5R7NhluHxH6M0YItAP0sHB4uqAOcYKxO6uGA==",
-      "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.1",
-        "iconv-lite": "~0.4.24",
-        "on-finished": "~2.4.1",
-        "qs": "~6.14.0",
-        "raw-body": "~2.5.3",
-        "type-is": "~1.6.18",
-        "unpipe": "~1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8",
-        "npm": "1.2.8000 || >= 1.4.16"
-      }
-    },
-    "node_modules/karma/node_modules/chokidar": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
-      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
-      "dev": true,
-      "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"
-      },
-      "funding": {
-        "url": "https://paulmillr.com/funding/"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/karma/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,
-      "license": "ISC",
-      "dependencies": {
-        "string-width": "^4.2.0",
-        "strip-ansi": "^6.0.0",
-        "wrap-ansi": "^7.0.0"
-      }
-    },
-    "node_modules/karma/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/karma/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/karma/node_modules/iconv-lite": {
-      "version": "0.4.24",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
-      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/karma/node_modules/media-typer": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
-      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/karma/node_modules/mime-db": {
-      "version": "1.52.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/karma/node_modules/mime-types": {
-      "version": "2.1.35",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "mime-db": "1.52.0"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/karma/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/karma/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/karma/node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/karma/node_modules/qs": {
-      "version": "6.14.2",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.2.tgz",
-      "integrity": "sha512-V/yCWTTF7VJ9hIh18Ugr2zhJMP01MY7c5kh4J870L7imm6/DIzBsNLTXzMwUA3yZ5b/KBqLx8Kp3uRvd7xSe3Q==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "side-channel": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=0.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/karma/node_modules/raw-body": {
-      "version": "2.5.3",
-      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.3.tgz",
-      "integrity": "sha512-s4VSOf6yN0rvbRZGxs8Om5CWj6seneMwK3oDb4lWDH0UPhWcxwOWw5+qk24bxq87szX1ydrwylIOp2uG1ojUpA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "bytes": "~3.1.2",
-        "http-errors": "~2.0.1",
-        "iconv-lite": "~0.4.24",
-        "unpipe": "~1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/karma/node_modules/readdirp": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "picomatch": "^2.2.1"
-      },
-      "engines": {
-        "node": ">=8.10.0"
-      }
-    },
-    "node_modules/karma/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/karma/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
+      "bin": {
+        "json5": "lib/cli.js"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=6"
       }
     },
-    "node_modules/karma/node_modules/type-is": {
-      "version": "1.6.18",
-      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
-      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+    "node_modules/jsonc-parser": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.3.1.tgz",
+      "integrity": "sha512-HUgH65KyejrUFPvHFPbqOY0rsFip3Bo5wb4ngvdi1EpCYWUQDC5V+Y7mZws+DLkr4M//zQJoanu1SP+87Dv1oQ==",
+      "license": "MIT"
+    },
+    "node_modules/jsonfile": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.0.tgz",
+      "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "media-typer": "0.3.0",
-        "mime-types": "~2.1.24"
+        "universalify": "^2.0.0"
       },
-      "engines": {
-        "node": ">= 0.6"
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
       }
     },
-    "node_modules/karma/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==",
+    "node_modules/jsonparse": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/jsonparse/-/jsonparse-1.3.1.tgz",
+      "integrity": "sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==",
       "dev": true,
+      "engines": [
+        "node >= 0.2.0"
+      ],
+      "license": "MIT"
+    },
+    "node_modules/jsrsasign": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/jsrsasign/-/jsrsasign-11.1.0.tgz",
+      "integrity": "sha512-Ov74K9GihaK9/9WncTe1mPmvrO7Py665TUfUKvraXBpu+xcTWitrtuOwcjf4KMU9maPaYn0OuaWy0HOzy/GBXg==",
       "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
+      "peer": true,
       "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+        "url": "https://github.com/kjur/jsrsasign#donations"
       }
     },
-    "node_modules/karma/node_modules/yargs": {
-      "version": "16.2.0",
-      "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
-      "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
+    "node_modules/jsrsasign-util": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/jsrsasign-util/-/jsrsasign-util-1.0.5.tgz",
+      "integrity": "sha512-e5Kp8aaT5GH2c5X8j4uaJruYmT4GcnaGb47nw8m60YqPywtnOtTISZ9hZgtZ3a+jh7B27bU2LCf3Y32wZyfhtQ==",
+      "peer": true,
+      "dependencies": {
+        "jsonc-parser": ">= 0.0.1",
+        "jsrsasign": ">= 4.8.2"
+      }
+    },
+    "node_modules/jszip": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/jszip/-/jszip-3.10.1.tgz",
+      "integrity": "sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==",
       "dev": true,
-      "license": "MIT",
+      "license": "(MIT OR GPL-3.0-or-later)",
       "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"
+        "lie": "~3.3.0",
+        "pako": "~1.0.2",
+        "readable-stream": "~2.3.6",
+        "setimmediate": "^1.0.5"
       }
     },
-    "node_modules/karma/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==",
+    "node_modules/karma-source-map-support": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/karma-source-map-support/-/karma-source-map-support-1.4.0.tgz",
+      "integrity": "sha512-RsBECncGO17KAoJCYXjv+ckIz+Ii9NCi+9enk+rq6XC81ezYkb4/RHE6CTXdA7IOJqoF3wcaLfVG0CPmE5ca6A==",
       "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=10"
+      "license": "MIT",
+      "dependencies": {
+        "source-map-support": "^0.5.5"
       }
     },
     "node_modules/keyv": {
@@ -13249,6 +13678,19 @@
         "shell-quote": "^1.8.3"
       }
     },
+    "node_modules/lazystream": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/lazystream/-/lazystream-1.0.1.tgz",
+      "integrity": "sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "readable-stream": "^2.0.5"
+      },
+      "engines": {
+        "node": ">= 0.6.3"
+      }
+    },
     "node_modules/lead": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/lead/-/lead-4.0.0.tgz",
@@ -13396,6 +13838,16 @@
         }
       }
     },
+    "node_modules/lie": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/lie/-/lie-3.3.0.tgz",
+      "integrity": "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "immediate": "~3.0.5"
+      }
+    },
     "node_modules/liftoff": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/liftoff/-/liftoff-5.0.1.tgz",
@@ -13555,6 +14007,28 @@
         "node": ">= 12.13.0"
       }
     },
+    "node_modules/locate-app": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/locate-app/-/locate-app-2.5.0.tgz",
+      "integrity": "sha512-xIqbzPMBYArJRmPGUZD9CzV9wOqmVtQnaAn3wrj3s6WYW0bQvPI7x+sPYUGmDTYMHefVK//zc6HEYZ1qnxIK+Q==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://buymeacoffee.com/hejny"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/hejny/locate-app/blob/main/README.md#%EF%B8%8F-contributing"
+        }
+      ],
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@promptbook/utils": "0.69.5",
+        "type-fest": "4.26.0",
+        "userhome": "1.0.1"
+      }
+    },
     "node_modules/locate-path": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
@@ -13577,6 +14051,13 @@
       "integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==",
       "license": "MIT"
     },
+    "node_modules/lodash.clonedeep": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
+      "integrity": "sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/lodash.debounce": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
@@ -13591,6 +14072,13 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/lodash.zip": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/lodash.zip/-/lodash.zip-4.2.0.tgz",
+      "integrity": "sha512-C7IOaBBK/0gMORRBd8OETNx3kmOkgIWIPvyDpZSCTwUrpYmgZwJkjZeOD8ww4xbOUOs4/attY+pciKvadNfFbg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/log-symbols": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-7.0.1.tgz",
@@ -13684,23 +14172,27 @@
         "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
       }
     },
-    "node_modules/log4js": {
-      "version": "6.9.1",
-      "resolved": "https://registry.npmjs.org/log4js/-/log4js-6.9.1.tgz",
-      "integrity": "sha512-1somDdy9sChrr9/f4UlzhdaGfDR2c/SaD2a4T7qEkG4jTS57/B3qmnjLYePwQ8cqWnUHZI0iAKxMBpCZICiZ2g==",
+    "node_modules/loglevel": {
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.9.2.tgz",
+      "integrity": "sha512-HgMmCqIJSAKqo68l0rS2AanEWfkxaZ5wNiEFb5ggm08lDs9Xl2KxBlX3PTcaD2chBM1gXAYf491/M2Rv8Jwayg==",
       "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"
-      },
+      "license": "MIT",
       "engines": {
-        "node": ">=8.0"
+        "node": ">= 0.6.0"
+      },
+      "funding": {
+        "type": "tidelift",
+        "url": "https://tidelift.com/funding/github/npm/loglevel"
       }
     },
+    "node_modules/loglevel-plugin-prefix": {
+      "version": "0.8.4",
+      "resolved": "https://registry.npmjs.org/loglevel-plugin-prefix/-/loglevel-plugin-prefix-0.8.4.tgz",
+      "integrity": "sha512-WpG9CcFAOjz/FtNht+QJeGpvVl/cdR6P0z6OcXSkr8wFJOsV2GRj2j10JLfjuA4aYkcKCNIEqRGCyTife9R8/g==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/lru-cache": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
@@ -13720,22 +14212,6 @@
         "@jridgewell/sourcemap-codec": "^1.5.5"
       }
     },
-    "node_modules/make-dir": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
-      "integrity": "sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==",
-      "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": "15.0.3",
       "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-15.0.3.tgz",
@@ -13839,6 +14315,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/methods": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
@@ -13876,19 +14362,6 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/mime": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
-      "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "mime": "cli.js"
-      },
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
     "node_modules/mime-db": {
       "version": "1.54.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
@@ -13973,16 +14446,6 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/minimist": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
-      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
-      "dev": true,
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/minipass": {
       "version": "7.1.3",
       "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.3.tgz",
@@ -14124,16 +14587,29 @@
       "license": "MIT"
     },
     "node_modules/mkdirp": {
-      "version": "0.5.6",
-      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
-      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-3.0.1.tgz",
+      "integrity": "sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "minimist": "^1.2.6"
-      },
       "bin": {
-        "mkdirp": "bin/cmd.js"
+        "mkdirp": "dist/cjs/src/bin.js"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/modern-tar": {
+      "version": "0.7.5",
+      "resolved": "https://registry.npmjs.org/modern-tar/-/modern-tar-0.7.5.tgz",
+      "integrity": "sha512-YTefgdpKKFgoTDbEUqXqgUJct2OG6/4hs4XWLsxcHkDLj/x/V8WmKIRppPnXP5feQ7d1vuYWSp3qKkxfwaFaxA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
       }
     },
     "node_modules/mrmime": {
@@ -14674,6 +15150,17 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/obug": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/obug/-/obug-2.1.1.tgz",
+      "integrity": "sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ==",
+      "dev": true,
+      "funding": [
+        "https://github.com/sponsors/sxzz",
+        "https://opencollective.com/debug"
+      ],
+      "license": "MIT"
+    },
     "node_modules/on-finished": {
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
@@ -14931,6 +15418,13 @@
         "node": ">= 14"
       }
     },
+    "node_modules/package-json-from-dist": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
+      "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
+      "dev": true,
+      "license": "BlueOak-1.0.0"
+    },
     "node_modules/pacote": {
       "version": "21.0.4",
       "resolved": "https://registry.npmjs.org/pacote/-/pacote-21.0.4.tgz",
@@ -14963,6 +15457,13 @@
         "node": "^20.17.0 || >=22.9.0"
       }
     },
+    "node_modules/pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
+      "dev": true,
+      "license": "(MIT AND Zlib)"
+    },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -15034,13 +15535,81 @@
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/parse5": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-8.0.0.tgz",
+      "integrity": "sha512-9m4m5GSgXjL4AjumKzq1Fgfp3Z8rsvjRNbnkVwfu2ImRqE5D0LnY2QfDen18FSY9C573YU5XxSapdHZTZ2WolA==",
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/parse5-html-rewriting-stream": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/parse5-html-rewriting-stream/-/parse5-html-rewriting-stream-8.0.0.tgz",
+      "integrity": "sha512-wzh11mj8KKkno1pZEu+l2EVeWsuKDfR5KNWZOTsslfUX8lPDZx77m9T0kIoAVkFtD1nx6YF8oh4BnPHvxMtNMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^6.0.0",
+        "parse5": "^8.0.0",
+        "parse5-sax-parser": "^8.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/parse5-html-rewriting-stream/node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/parse5-htmlparser2-tree-adapter": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-7.1.0.tgz",
+      "integrity": "sha512-ruw5xyKs6lrpo9x9rCZqZZnIUntICjQAd0Wsmp396Ul9lN/h+ifgVV1x1gZHi8euej6wTfpqX8j+BFQxF0NS/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "domhandler": "^5.0.3",
+        "parse5": "^7.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/parse5-htmlparser2-tree-adapter/node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
-    "node_modules/parse5": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/parse5/-/parse5-8.0.0.tgz",
-      "integrity": "sha512-9m4m5GSgXjL4AjumKzq1Fgfp3Z8rsvjRNbnkVwfu2ImRqE5D0LnY2QfDen18FSY9C573YU5XxSapdHZTZ2WolA==",
+    "node_modules/parse5-htmlparser2-tree-adapter/node_modules/parse5": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
+      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "entities": "^6.0.0"
@@ -15049,22 +15618,20 @@
         "url": "https://github.com/inikulin/parse5?sponsor=1"
       }
     },
-    "node_modules/parse5-html-rewriting-stream": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/parse5-html-rewriting-stream/-/parse5-html-rewriting-stream-8.0.0.tgz",
-      "integrity": "sha512-wzh11mj8KKkno1pZEu+l2EVeWsuKDfR5KNWZOTsslfUX8lPDZx77m9T0kIoAVkFtD1nx6YF8oh4BnPHvxMtNMw==",
+    "node_modules/parse5-parser-stream": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/parse5-parser-stream/-/parse5-parser-stream-7.1.2.tgz",
+      "integrity": "sha512-JyeQc9iwFLn5TbvvqACIF/VXG6abODeB3Fwmv/TGdLk2LfbWkaySGY72at4+Ty7EkPZj854u4CrICqNk2qIbow==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "entities": "^6.0.0",
-        "parse5": "^8.0.0",
-        "parse5-sax-parser": "^8.0.0"
+        "parse5": "^7.0.0"
       },
       "funding": {
         "url": "https://github.com/inikulin/parse5?sponsor=1"
       }
     },
-    "node_modules/parse5-html-rewriting-stream/node_modules/entities": {
+    "node_modules/parse5-parser-stream/node_modules/entities": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
       "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
@@ -15077,6 +15644,19 @@
         "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
+    "node_modules/parse5-parser-stream/node_modules/parse5": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
+      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
     "node_modules/parse5-sax-parser": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/parse5-sax-parser/-/parse5-sax-parser-8.0.0.tgz",
@@ -15112,6 +15692,13 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/path-browserify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
+      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -15122,16 +15709,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/path-is-absolute": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/path-key": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
@@ -15210,6 +15787,13 @@
         "url": "https://opencollective.com/express"
       }
     },
+    "node_modules/pathe": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/pend": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
@@ -15242,6 +15826,7 @@
       "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
       "dev": true,
       "license": "MIT",
+      "optional": true,
       "engines": {
         "node": ">=6"
       }
@@ -15259,6 +15844,19 @@
         "@napi-rs/nice": "^1.0.4"
       }
     },
+    "node_modules/pixelmatch": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/pixelmatch/-/pixelmatch-7.1.0.tgz",
+      "integrity": "sha512-1wrVzJ2STrpmONHKBy228LM1b84msXDUoAzVEl0R8Mz4Ce6EPr+IVtxm8+yvrqLYMHswREkjYFaMxnyGnaY3Ng==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "pngjs": "^7.0.0"
+      },
+      "bin": {
+        "pixelmatch": "bin/pixelmatch"
+      }
+    },
     "node_modules/pkce-challenge": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/pkce-challenge/-/pkce-challenge-5.0.1.tgz",
@@ -15285,6 +15883,66 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/playwright": {
+      "version": "1.58.2",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.58.2.tgz",
+      "integrity": "sha512-vA30H8Nvkq/cPBnNw4Q8TWz1EJyqgpuinBcHET0YVJVFldr8JDNiU9LaWAE1KqSkRYazuaBhTpB5ZzShOezQ6A==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "peer": true,
+      "dependencies": {
+        "playwright-core": "1.58.2"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "fsevents": "2.3.2"
+      }
+    },
+    "node_modules/playwright-core": {
+      "version": "1.58.2",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.58.2.tgz",
+      "integrity": "sha512-yZkEtftgwS8CsfYo7nm0KE8jsvm6i/PTgVtB8DL726wNf6H2IMsDuxCpJj59KDaxCtSnrWan2AeDqM7JBaultg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "peer": true,
+      "bin": {
+        "playwright-core": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/playwright/node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "peer": true,
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/pngjs": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/pngjs/-/pngjs-7.0.0.tgz",
+      "integrity": "sha512-LKWqWJRhstyYo9pGvgor/ivk2w94eSjE3RGVuzLGlr3NmD8bf7RcYGze1mNdEHRP6TRP6rMuDHk5t44hnTRyow==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.19.0"
+      }
+    },
     "node_modules/postcss": {
       "version": "8.5.6",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
@@ -15470,6 +16128,16 @@
         "node": "^20.17.0 || >=22.9.0"
       }
     },
+    "node_modules/process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
     "node_modules/process-nextick-args": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
@@ -15571,13 +16239,6 @@
         "once": "^1.3.1"
       }
     },
-    "node_modules/punycode": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
-      "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/puppeteer": {
       "version": "24.37.4",
       "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-24.37.4.tgz",
@@ -15619,16 +16280,6 @@
         "node": ">=18"
       }
     },
-    "node_modules/qjobs": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/qjobs/-/qjobs-1.2.0.tgz",
-      "integrity": "sha512-8YOJEHtxpySA3fFDyCRxA+UUV+fA+rTWnuWvylOK/NCjhY+b4ocCtmu8TtsWb+mYeU+GCHf/S66KZF/AsteKHg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.9"
-      }
-    },
     "node_modules/qs": {
       "version": "6.15.0",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.0.tgz",
@@ -15645,6 +16296,34 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/query-selector-shadow-dom": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/query-selector-shadow-dom/-/query-selector-shadow-dom-1.0.1.tgz",
+      "integrity": "sha512-lT5yCqEBgfoMYpf3F2xQRK7zEr1rhIIZuceDK6+xRkJQ4NMbHTwXqk4NkwDwQMNqXgG9r9fyHnzwNVs6zV5KRw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
     "node_modules/randombytes": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
@@ -15697,6 +16376,39 @@
         "util-deprecate": "~1.0.1"
       }
     },
+    "node_modules/readdir-glob": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/readdir-glob/-/readdir-glob-1.1.3.tgz",
+      "integrity": "sha512-v05I2k7xN8zXvPD9N+z/uhXPaj0sUFCe2rcWZIpBsqxfP7xXFQ0tipAd/wjj1YxWyWtUS5IDJpOG82JKt2EAVA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "minimatch": "^5.1.0"
+      }
+    },
+    "node_modules/readdir-glob/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/readdir-glob/node_modules/minimatch": {
+      "version": "5.1.9",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.9.tgz",
+      "integrity": "sha512-7o1wEA2RyMP7Iu7GNba9vc0RWWGACJOCZBJX2GJWip0ikV+wcOsgVuY9uE8CPiyQhkGFSlhuSkZPavN7u1c2Fw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/readdirp": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.0.0.tgz",
@@ -15971,6 +16683,23 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/resq": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/resq/-/resq-1.11.0.tgz",
+      "integrity": "sha512-G10EBz+zAAy3zUd/CDoBbXRL6ia9kOo3xRHrMDsHljI0GDkhYlyjwoCx5+3eCC4swi1uCoZQhskuJkj7Gp57Bw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^2.0.1"
+      }
+    },
+    "node_modules/resq/node_modules/fast-deep-equal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz",
+      "integrity": "sha512-bCK/2Z4zLidyB4ReuIsvALH6w31YfAQDmXMqMx6FyfHqvBxtjC0eRumeSu4Bs3XtXwpyIywtSTrVT99BxY1f9w==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/restore-cursor": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-5.1.0.tgz",
@@ -15988,6 +16717,16 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/ret": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/ret/-/ret-0.5.0.tgz",
+      "integrity": "sha512-I1XxrZSQ+oErkRR4jYbAyEEu2I0avBvvMM5JN+6EBprOGRCs63ENqZ3vjavq8fBw2+62G5LF5XelKwuJpcvcxw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/retry": {
       "version": "0.12.0",
       "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz",
@@ -16016,22 +16755,12 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/rimraf": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
-      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
-      "deprecated": "Rimraf versions prior to v4 are no longer supported",
+    "node_modules/rgb2hex": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/rgb2hex/-/rgb2hex-0.2.5.tgz",
+      "integrity": "sha512-22MOP1Rh7sAo1BZpDG6R5RFYzR2lYEgwq7HEmyW2qcsOqR2lQKmn+O//xV3YG/0rrhMC6KVX2hU+ZXuaw9a5bw==",
       "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "glob": "^7.1.3"
-      },
-      "bin": {
-        "rimraf": "bin.js"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
+      "license": "MIT"
     },
     "node_modules/rolldown": {
       "version": "1.0.0-beta.58",
@@ -16163,6 +16892,30 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
     "node_modules/rxjs": {
       "version": "7.8.2",
       "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
@@ -16172,6 +16925,16 @@
         "tslib": "^2.1.0"
       }
     },
+    "node_modules/safaridriver": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/safaridriver/-/safaridriver-1.0.1.tgz",
+      "integrity": "sha512-jkg4434cYgtrIF2AeY/X0Wmd2W73cK5qIEFE3hDrrQenJH/2SDJIXGvPAigfvQTcE9+H31zkiNHbUqcihEiMRA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
     "node_modules/safe-buffer": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
@@ -16179,22 +16942,24 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/safe-regex-test": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
-      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+    "node_modules/safe-regex2": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/safe-regex2/-/safe-regex2-5.0.0.tgz",
+      "integrity": "sha512-YwJwe5a51WlK7KbOJREPdjNrpViQBI3p4T50lfwPuDhZnE3XGVTlGvi+aolc5+RvxDD6bnUmjVsU9n1eboLUYw==",
       "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
       "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.2",
-        "es-errors": "^1.3.0",
-        "is-regex": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "ret": "~0.5.0"
       }
     },
     "node_modules/safer-buffer": {
@@ -16418,6 +17183,35 @@
         "url": "https://opencollective.com/express"
       }
     },
+    "node_modules/serialize-error": {
+      "version": "12.0.0",
+      "resolved": "https://registry.npmjs.org/serialize-error/-/serialize-error-12.0.0.tgz",
+      "integrity": "sha512-ZYkZLAvKTKQXWuh5XpBw7CdbSzagarX39WyZ2H07CDLC5/KfsRGlIXV8d4+tfqX1M7916mRqR1QfNHSij+c9Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^4.31.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/serialize-error/node_modules/type-fest": {
+      "version": "4.41.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.41.0.tgz",
+      "integrity": "sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/serialize-javascript": {
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz",
@@ -16572,6 +17366,13 @@
         "url": "https://opencollective.com/express"
       }
     },
+    "node_modules/setimmediate": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+      "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/setprototypeof": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
@@ -16704,6 +17505,13 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/siginfo": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
+      "integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/signal-exit": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
@@ -16735,6 +17543,21 @@
         "node": "^20.17.0 || >=22.9.0"
       }
     },
+    "node_modules/sirv": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/sirv/-/sirv-3.0.2.tgz",
+      "integrity": "sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@polka/url": "^1.0.0-next.24",
+        "mrmime": "^2.0.0",
+        "totalist": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/slice-ansi": {
       "version": "7.1.2",
       "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-7.1.2.tgz",
@@ -16776,119 +17599,6 @@
         "npm": ">= 3.0.0"
       }
     },
-    "node_modules/socket.io": {
-      "version": "4.8.3",
-      "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.8.3.tgz",
-      "integrity": "sha512-2Dd78bqzzjE6KPkD5fHZmDAKRNe3J15q+YHDrIsy9WEkqttc7GY+kT9OBLSMaPbQaEd0x1BjcmtMtXkfpc+T5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "accepts": "~1.3.4",
-        "base64id": "~2.0.0",
-        "cors": "~2.8.5",
-        "debug": "~4.4.1",
-        "engine.io": "~6.6.0",
-        "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.6",
-      "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-2.5.6.tgz",
-      "integrity": "sha512-DkkO/dz7MGln0dHn5bmN3pPy+JmywNICWrJqVWiVOyvXjWQFIv9c2h24JrQLLFJ2aQVQf/Cvl1vblnd4r2apLQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "debug": "~4.4.1",
-        "ws": "~8.18.3"
-      }
-    },
-    "node_modules/socket.io-adapter/node_modules/ws": {
-      "version": "8.18.3",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
-      "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
-      "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/socket.io-parser": {
-      "version": "4.2.5",
-      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.5.tgz",
-      "integrity": "sha512-bPMmpy/5WWKHea5Y/jYAP6k74A+hvmRCQaJuJB6I/ML5JZq/KfNieUVo/3Mh7SAqn7TyFdIo6wqYHInG1MU1bQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@socket.io/component-emitter": "~3.1.0",
-        "debug": "~4.4.1"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
-    "node_modules/socket.io/node_modules/accepts": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
-      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "mime-types": "~2.1.34",
-        "negotiator": "0.6.3"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/socket.io/node_modules/mime-db": {
-      "version": "1.52.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/socket.io/node_modules/mime-types": {
-      "version": "2.1.35",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "mime-db": "1.52.0"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/socket.io/node_modules/negotiator": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
-      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
     "node_modules/sockjs": {
       "version": "0.3.24",
       "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.24.tgz",
@@ -17006,6 +17716,23 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/spacetrim": {
+      "version": "0.11.59",
+      "resolved": "https://registry.npmjs.org/spacetrim/-/spacetrim-0.11.59.tgz",
+      "integrity": "sha512-lLYsktklSRKprreOm7NXReW8YiX2VBjbgmXYEziOoGf/qsJqAEACaDvoTtUOycwjpaSh+bT8eu0KrJn7UNxiCg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://buymeacoffee.com/hejny"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/hejny/spacetrim/blob/main/README.md#%EF%B8%8F-contributing"
+        }
+      ],
+      "license": "Apache-2.0"
+    },
     "node_modules/sparkles": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/sparkles/-/sparkles-2.1.0.tgz",
@@ -17099,6 +17826,16 @@
         "node": ">= 6"
       }
     },
+    "node_modules/split2": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz",
+      "integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">= 10.x"
+      }
+    },
     "node_modules/sprintf-js": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
@@ -17119,6 +17856,13 @@
         "node": "^20.17.0 || >=22.9.0"
       }
     },
+    "node_modules/stackback": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
+      "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/statuses": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
@@ -17129,6 +17873,13 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/std-env": {
+      "version": "3.10.0",
+      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.10.0.tgz",
+      "integrity": "sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/stdin-discarder": {
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/stdin-discarder/-/stdin-discarder-0.2.2.tgz",
@@ -17159,56 +17910,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/streamroller": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/streamroller/-/streamroller-3.1.5.tgz",
-      "integrity": "sha512-KFxaM7XT+irxvdqSP1LGLgNWbYN7ay5owZ3r/8t77p+EtSUAfUgtl7be3xtqtOmGUl9K9YPO2ca8133RlTjvKw==",
-      "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",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
-      "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
-      "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",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
-      "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
-      "dev": true,
-      "license": "MIT",
-      "optionalDependencies": {
-        "graceful-fs": "^4.1.6"
-      }
-    },
-    "node_modules/streamroller/node_modules/universalify": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
-      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 4.0.0"
-      }
-    },
     "node_modules/streamx": {
       "version": "2.23.0",
       "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.23.0.tgz",
@@ -17256,6 +17957,55 @@
         "node": ">=8"
       }
     },
+    "node_modules/string-width-cjs": {
+      "name": "string-width",
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "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/node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width-cjs/node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width-cjs/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/string-width/node_modules/ansi-regex": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
@@ -17304,6 +18054,30 @@
         "url": "https://github.com/chalk/strip-ansi?sponsor=1"
       }
     },
+    "node_modules/strip-ansi-cjs": {
+      "name": "strip-ansi",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi-cjs/node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/strip-json-comments": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
@@ -17317,6 +18091,19 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/strnum": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/strnum/-/strnum-2.1.2.tgz",
+      "integrity": "sha512-l63NF9y/cLROq/yqKXSLtcMeeyOfnSQlfMSlzFt/K73oIaD8DGaQWd7Z34X9GPiKqP5rbSh84Hl4bOlLcjiSrQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ],
+      "license": "MIT"
+    },
     "node_modules/supports-color": {
       "version": "8.1.1",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
@@ -17564,6 +18351,23 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/tinybench": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz",
+      "integrity": "sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tinyexec": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.0.2.tgz",
+      "integrity": "sha512-W/KYk+NFhkmsYpuHq5JykngiOCnxeVL8v8dFnqxSD8qEEdRfXk1SDM6JzNqcERbcGYj9tMrDQBYV9cjgnunFIg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/tinyglobby": {
       "version": "0.2.15",
       "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
@@ -17581,14 +18385,14 @@
         "url": "https://github.com/sponsors/SuperchupuDev"
       }
     },
-    "node_modules/tmp": {
-      "version": "0.2.5",
-      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.5.tgz",
-      "integrity": "sha512-voyz6MApa1rQGUxT3E+BK7/ROe8itEx7vD8/HEvt4xwXucvQ5G5oeEiHkmHZJuBO21RpOf+YYm9MOivj709jow==",
+    "node_modules/tinyrainbow": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-3.0.3.tgz",
+      "integrity": "sha512-PSkbLUoxOFRzJYjjxHJt9xro7D+iilgMX/C9lawzVuYiIdcihh9DXmVibBe8lmcFrRi/VzlPjBxbN7rH24q8/Q==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=14.14"
+        "node": ">=14.0.0"
       }
     },
     "node_modules/to-regex-range": {
@@ -17627,6 +18431,16 @@
         "node": ">=0.6"
       }
     },
+    "node_modules/totalist": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz",
+      "integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/tree-dump": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/tree-dump/-/tree-dump-1.1.0.tgz",
@@ -17667,6 +18481,17 @@
         "typescript": ">=4.8.4"
       }
     },
+    "node_modules/ts-morph": {
+      "version": "21.0.1",
+      "resolved": "https://registry.npmjs.org/ts-morph/-/ts-morph-21.0.1.tgz",
+      "integrity": "sha512-dbDtVdEAncKctzrVZ+Nr7kHpHkv+0JDJb2MjjpBaj8bFeCkePU9rHfMklmhuLFnpeq/EJZk2IhStY6NzqgjOkg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@ts-morph/common": "~0.22.0",
+        "code-block-writer": "^12.0.0"
+      }
+    },
     "node_modules/tslib": {
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
@@ -17697,8 +18522,21 @@
       "dependencies": {
         "prelude-ls": "^1.2.1"
       },
-      "engines": {
-        "node": ">= 0.8.0"
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "4.26.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.26.0.tgz",
+      "integrity": "sha512-OduNjVJsFbifKb57UqZ2EMP1i4u64Xwow3NYXUtBbD4vIwJdQd4+xl8YDou1dlm4DVrtwT/7Ky8z8WyCULVfxw==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/type-is": {
@@ -17744,33 +18582,6 @@
         "node": ">=14.17"
       }
     },
-    "node_modules/ua-parser-js": {
-      "version": "0.7.41",
-      "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.41.tgz",
-      "integrity": "sha512-O3oYyCMPYgNNHuO7Jjk3uacJWZF8loBgwrfd/5LE/HyZ3lUIOdniQ7DNXJcIgZbwioZxk0fLfI4EVnetdiX5jg==",
-      "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",
-      "bin": {
-        "ua-parser-js": "script/cli.js"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/unc-path-regex": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/unc-path-regex/-/unc-path-regex-0.1.2.tgz",
@@ -17974,6 +18785,23 @@
         "node": ">=6"
       }
     },
+    "node_modules/urlpattern-polyfill": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/urlpattern-polyfill/-/urlpattern-polyfill-10.1.0.tgz",
+      "integrity": "sha512-IGjKp/o0NL3Bso1PymYURCJxMPNAf/ILOpendP9f5B6e1rTJgdgiOvgfoT8VxCAdY+Wisb9uhGaJJf3yZ2V9nw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/userhome": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/userhome/-/userhome-1.0.1.tgz",
+      "integrity": "sha512-5cnLm4gseXjAclKowC4IjByaGsjtAoV6PrOQOljplNB54ReUYJP8HdAFq2muHinSDAh09PPX/uXDPfdxRHvuSA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -18301,14 +19129,117 @@
         }
       }
     },
-    "node_modules/void-elements": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-2.0.1.tgz",
-      "integrity": "sha512-qZKX4RnBzH2ugr8Lxa7x+0V6XD9Sb/ouARtiasEQCHB1EVU4NXtmHsDDrx1dO4ne5fc3J6EW05BP1Dl0z0iung==",
+    "node_modules/vitest": {
+      "version": "4.0.18",
+      "resolved": "https://registry.npmjs.org/vitest/-/vitest-4.0.18.tgz",
+      "integrity": "sha512-hOQuK7h0FGKgBAas7v0mSAsnvrIgAvWmRFjmzpJ7SwFHH3g1k2u37JtYwOwmEKhK6ZO3v9ggDBBm0La1LCK4uQ==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "@vitest/expect": "4.0.18",
+        "@vitest/mocker": "4.0.18",
+        "@vitest/pretty-format": "4.0.18",
+        "@vitest/runner": "4.0.18",
+        "@vitest/snapshot": "4.0.18",
+        "@vitest/spy": "4.0.18",
+        "@vitest/utils": "4.0.18",
+        "es-module-lexer": "^1.7.0",
+        "expect-type": "^1.2.2",
+        "magic-string": "^0.30.21",
+        "obug": "^2.1.1",
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.3",
+        "std-env": "^3.10.0",
+        "tinybench": "^2.9.0",
+        "tinyexec": "^1.0.2",
+        "tinyglobby": "^0.2.15",
+        "tinyrainbow": "^3.0.3",
+        "vite": "^6.0.0 || ^7.0.0",
+        "why-is-node-running": "^2.3.0"
+      },
+      "bin": {
+        "vitest": "vitest.mjs"
+      },
       "engines": {
-        "node": ">=0.10.0"
+        "node": "^20.0.0 || ^22.0.0 || >=24.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "@edge-runtime/vm": "*",
+        "@opentelemetry/api": "^1.9.0",
+        "@types/node": "^20.0.0 || ^22.0.0 || >=24.0.0",
+        "@vitest/browser-playwright": "4.0.18",
+        "@vitest/browser-preview": "4.0.18",
+        "@vitest/browser-webdriverio": "4.0.18",
+        "@vitest/ui": "4.0.18",
+        "happy-dom": "*",
+        "jsdom": "*"
+      },
+      "peerDependenciesMeta": {
+        "@edge-runtime/vm": {
+          "optional": true
+        },
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@types/node": {
+          "optional": true
+        },
+        "@vitest/browser-playwright": {
+          "optional": true
+        },
+        "@vitest/browser-preview": {
+          "optional": true
+        },
+        "@vitest/browser-webdriverio": {
+          "optional": true
+        },
+        "@vitest/ui": {
+          "optional": true
+        },
+        "happy-dom": {
+          "optional": true
+        },
+        "jsdom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vitest/node_modules/es-module-lexer": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz",
+      "integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/wait-port": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/wait-port/-/wait-port-1.1.0.tgz",
+      "integrity": "sha512-3e04qkoN3LxTMLakdqeWth8nih8usyg+sf1Bgdf9wwUkp05iuK1eSY/QpLvscT/+F/gA89+LpUmmgBtesbqI2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.1.2",
+        "commander": "^9.3.0",
+        "debug": "^4.3.4"
+      },
+      "bin": {
+        "wait-port": "bin/wait-port.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/wait-port/node_modules/commander": {
+      "version": "9.5.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-9.5.0.tgz",
+      "integrity": "sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || >=14"
       }
     },
     "node_modules/watchpack": {
@@ -18343,6 +19274,29 @@
       "license": "MIT",
       "optional": true
     },
+    "node_modules/webdriver": {
+      "version": "9.24.0",
+      "resolved": "https://registry.npmjs.org/webdriver/-/webdriver-9.24.0.tgz",
+      "integrity": "sha512-2R31Ey83NzMsafkl4hdFq6GlIBvOODQMkueLjeRqYAITu3QCYiq9oqBdnWA6CdePuV4dbKlYsKRX0mwMiPclDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "^20.1.0",
+        "@types/ws": "^8.5.3",
+        "@wdio/config": "9.24.0",
+        "@wdio/logger": "9.18.0",
+        "@wdio/protocols": "9.24.0",
+        "@wdio/types": "9.24.0",
+        "@wdio/utils": "9.24.0",
+        "deepmerge-ts": "^7.0.3",
+        "https-proxy-agent": "^7.0.6",
+        "undici": "^6.21.3",
+        "ws": "^8.8.0"
+      },
+      "engines": {
+        "node": ">=18.20.0"
+      }
+    },
     "node_modules/webdriver-bidi-protocol": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/webdriver-bidi-protocol/-/webdriver-bidi-protocol-0.4.1.tgz",
@@ -18350,6 +19304,108 @@
       "dev": true,
       "license": "Apache-2.0"
     },
+    "node_modules/webdriver/node_modules/@types/node": {
+      "version": "20.19.34",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.34.tgz",
+      "integrity": "sha512-by3/Z0Qp+L9cAySEsSNNwZ6WWw8ywgGLPQGgbQDhNRSitqYgkgp4pErd23ZSCavbtUA2CN4jQtoB3T8nk4j3Rg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/webdriver/node_modules/undici": {
+      "version": "6.23.0",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-6.23.0.tgz",
+      "integrity": "sha512-VfQPToRA5FZs/qJxLIinmU59u0r7LXqoJkCzinq3ckNJp3vKEh7jTWN589YQ5+aoAC/TGRLyJLCPKcLQbM8r9g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.17"
+      }
+    },
+    "node_modules/webdriver/node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/webdriverio": {
+      "version": "9.24.0",
+      "resolved": "https://registry.npmjs.org/webdriverio/-/webdriverio-9.24.0.tgz",
+      "integrity": "sha512-LTJt6Z/iDM0ne/4ytd3BykoPv9CuJ+CAILOzlwFeMGn4Mj02i4Bk2Rg9o/jeJ89f52hnv4OPmNjD0e8nzWAy5g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "^20.11.30",
+        "@types/sinonjs__fake-timers": "^8.1.5",
+        "@wdio/config": "9.24.0",
+        "@wdio/logger": "9.18.0",
+        "@wdio/protocols": "9.24.0",
+        "@wdio/repl": "9.16.2",
+        "@wdio/types": "9.24.0",
+        "@wdio/utils": "9.24.0",
+        "archiver": "^7.0.1",
+        "aria-query": "^5.3.0",
+        "cheerio": "^1.0.0-rc.12",
+        "css-shorthand-properties": "^1.1.1",
+        "css-value": "^0.0.1",
+        "grapheme-splitter": "^1.0.4",
+        "htmlfy": "^0.8.1",
+        "is-plain-obj": "^4.1.0",
+        "jszip": "^3.10.1",
+        "lodash.clonedeep": "^4.5.0",
+        "lodash.zip": "^4.2.0",
+        "query-selector-shadow-dom": "^1.0.1",
+        "resq": "^1.11.0",
+        "rgb2hex": "0.2.5",
+        "serialize-error": "^12.0.0",
+        "urlpattern-polyfill": "^10.0.0",
+        "webdriver": "9.24.0"
+      },
+      "engines": {
+        "node": ">=18.20.0"
+      },
+      "peerDependencies": {
+        "puppeteer-core": ">=22.x || <=24.x"
+      },
+      "peerDependenciesMeta": {
+        "puppeteer-core": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webdriverio/node_modules/@types/node": {
+      "version": "20.19.34",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.34.tgz",
+      "integrity": "sha512-by3/Z0Qp+L9cAySEsSNNwZ6WWw8ywgGLPQGgbQDhNRSitqYgkgp4pErd23ZSCavbtUA2CN4jQtoB3T8nk4j3Rg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/webdriverio/node_modules/is-plain-obj": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
+      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/webdriverio/node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/webpack": {
       "version": "5.105.0",
       "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.105.0.tgz",
@@ -19107,6 +20163,33 @@
         "node": ">=0.8.0"
       }
     },
+    "node_modules/whatwg-encoding": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
+      "integrity": "sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==",
+      "deprecated": "Use @exodus/bytes instead for a more spec-conformant and faster implementation",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "iconv-lite": "0.6.3"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/whatwg-encoding/node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -19123,6 +20206,23 @@
         "node": ">= 8"
       }
     },
+    "node_modules/why-is-node-running": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.3.0.tgz",
+      "integrity": "sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "siginfo": "^2.0.0",
+        "stackback": "0.0.2"
+      },
+      "bin": {
+        "why-is-node-running": "cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/wildcard": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.1.tgz",
@@ -19155,6 +20255,48 @@
         "node": ">=8"
       }
     },
+    "node_modules/wrap-ansi-cjs": {
+      "name": "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,
+      "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/wrap-ansi-cjs/node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/wrap-ansi/node_modules/ansi-regex": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
@@ -19224,16 +20366,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/xmlbuilder": {
-      "version": "12.0.0",
-      "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-12.0.0.tgz",
-      "integrity": "sha512-lMo8DJ8u6JRWp0/Y4XLa/atVDr75H9litKlb2E5j3V3MesoL50EBgZDWoLT3F/LztVnG67GjPXLZpqcky/UMnQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.0"
-      }
-    },
     "node_modules/xtend": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
@@ -19358,6 +20490,69 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/zip-stream": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/zip-stream/-/zip-stream-6.0.1.tgz",
+      "integrity": "sha512-zK7YHHz4ZXpW89AHXUPbQVGKI7uvkd3hzusTdotCg1UxyaVtg0zFJSTfW/Dq5f7OBBVnq6cZIaC8Ti4hb6dtCA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "archiver-utils": "^5.0.0",
+        "compress-commons": "^6.0.2",
+        "readable-stream": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/zip-stream/node_modules/readable-stream": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
+      "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "process": "^0.11.10",
+        "string_decoder": "^1.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/zip-stream/node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "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/zip-stream/node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
     "node_modules/zod": {
       "version": "4.3.5",
       "resolved": "https://registry.npmjs.org/zod/-/zod-4.3.5.tgz",
diff --git a/package.json b/package.json
index 8a80e15b..e286bbf5 100644
--- a/package.json
+++ b/package.json
@@ -18,8 +18,8 @@
     "build-ui-components-prod": "ng build ui-components --configuration production",
     "build-ui-components-dev": "ng build ui-components --configuration development",
     "build-ui-components-dev-watch": "ng build ui-components --configuration development --watch",
-    "test": "ng test",
-    "test:ci": "ng test --watch=false",
+    "test": "vitest --browser.enabled --run",
+    "test:ci": "vitest --browser.enabled --run",
     "lint": "ng lint",
     "tsc-cdn": "tsc --project ./projects/lf-cdn/tsconfig.app.json",
     "api-extractor": "api-extractor run --local",
@@ -37,6 +37,8 @@
     "gulp-replace-placeholders-in-documentation": "gulp replacePlaceholdersInDocumentation"
   },
   "devDependencies": {
+    "@analogjs/vite-plugin-angular": "^2.3.0",
+    "@analogjs/vitest-angular": "^2.3.0",
     "@angular-devkit/build-angular": "^21.1.4",
     "@angular-eslint/builder": "^21.2.0",
     "@angular-eslint/eslint-plugin": "^21.2.0",
@@ -58,12 +60,12 @@
     "gulp": "^5.0.1",
     "gulp-concat": "^2.6.1",
     "gulp-replace": "^1.1.4",
-    "jsdom": "^28.1.0",
     "ng-packagr": "^21.1.0",
     "puppeteer": "^24.37.4",
     "tslib": "^2.8.1",
     "typescript": "5.9.3",
     "vitest": "^4.0.18",
+    "webdriverio": "^9.20.0",
     "yargs": "^18.0.0"
   },
   "peerDependencies": {
diff --git a/projects/lf-cdn/src/index.ts b/projects/lf-cdn/src/index.ts
index a9de3e66..87565dce 100644
--- a/projects/lf-cdn/src/index.ts
+++ b/projects/lf-cdn/src/index.ts
@@ -1,4 +1,4 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-export * from '../../ui-components/projects';
+export { LfLoginComponent, AuthorizationCredentials, AccountEndpoints, AbortedLoginError, LfBeforeFetchResult, LfHttpRequestHandler, LfChecklistService, LfChecklistProviders, LfChecklistComponent, Checklist, ChecklistItem, ChecklistOption, LfFieldContainerComponent, LfFieldContainerService, LfFieldAdhocContainerComponent, LfFieldAdhocContainerService, LfFieldTemplateContainerComponent, LfFieldTemplateProviders, LfFieldTemplateContainerService, LfUserFeedbackComponent, LfRepositoryBrowserComponent, LfTreeNode, LfTreeNodePage, LfTreeNodeService, LfBreadcrumb, LfBreadcrumbsComponent, LfToolbarComponent, ToolbarOption } from '../../ui-components/projects';
diff --git a/projects/ui-components/internal-shared/lf-internal-shared-public-api.ts b/projects/ui-components/internal-shared/lf-internal-shared-public-api.ts
index bf460026..aa379d4c 100644
--- a/projects/ui-components/internal-shared/lf-internal-shared-public-api.ts
+++ b/projects/ui-components/internal-shared/lf-internal-shared-public-api.ts
@@ -1,16 +1,16 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-export * from './lf-loader/lf-loader.component';
+export { LfLoaderComponent } from './lf-loader/lf-loader.component';
 
-export * from './lf-modals/lf-popup-modal/lf-popup-modal.component';
+export { LfPopupModalComponent, PopupModalData, PopupModalResult } from './lf-modals/lf-popup-modal/lf-popup-modal.component';
 
-export * from './app-localization.service';
+export { AppLocalizationService } from './app-localization.service';
 
-export * from './validation-utils';
+export { ValidationRule, ValidationUtils } from './validation-utils';
 
-export * from './filter-utils';
+export { filterObjectsByName } from './filter-utils';
 
-export * from './general-dialog-layout/general-dialog-layout.component';
+export { GeneralDialogLayoutComponent } from './general-dialog-layout/general-dialog-layout.component';
 
-export * from './lf-toast-message/lf-toast-message.component';
+export { LfMessageToastTypes, LfToastMessage, LfToastMessageComponent } from './lf-toast-message/lf-toast-message.component';
diff --git a/projects/ui-components/internal-shared/ng-package.json b/projects/ui-components/internal-shared/ng-package.json
index b2de6a0c..1127c140 100644
--- a/projects/ui-components/internal-shared/ng-package.json
+++ b/projects/ui-components/internal-shared/ng-package.json
@@ -1,5 +1,6 @@
 {
+  "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
   "lib": {
-      "entryFile": "./lf-internal-shared-public-api.ts"
+    "entryFile": "./lf-internal-shared-public-api.ts"
   }
 }
diff --git a/projects/ui-components/lf-checklist/lf-checklist-public-api.ts b/projects/ui-components/lf-checklist/lf-checklist-public-api.ts
index 394ebae2..39531a8a 100644
--- a/projects/ui-components/lf-checklist/lf-checklist-public-api.ts
+++ b/projects/ui-components/lf-checklist/lf-checklist-public-api.ts
@@ -1,8 +1,8 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-export * from './lf-checklist.service';
-export * from './lf-checklist/lf-checklist.component';
-export * from './checklist';
-export * from './items/checklist-item';
-export * from './options/checklist-option';
+export { LfChecklistService } from './lf-checklist.service';
+export { LfChecklistProviders, LfChecklistComponent } from './lf-checklist/lf-checklist.component';
+export { Checklist } from './checklist';
+export { ChecklistItem } from './items/checklist-item';
+export { ChecklistOption } from './options/checklist-option';
diff --git a/projects/ui-components/lf-login/lf-login-public-api.ts b/projects/ui-components/lf-login/lf-login-public-api.ts
index c599f94b..1f143e8e 100644
--- a/projects/ui-components/lf-login/lf-login-public-api.ts
+++ b/projects/ui-components/lf-login/lf-login-public-api.ts
@@ -1,5 +1,5 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-export * from './lf-login.component';
-export * from './login-utils/lf-login-types';
+export { LfLoginComponent } from './lf-login.component';
+export { AuthorizationCredentials, AccountEndpoints, AbortedLoginError, LfBeforeFetchResult, LfHttpRequestHandler } from './login-utils/lf-login-types';
diff --git a/projects/ui-components/lf-metadata/lf-date-time-picker/lf-date-time-picker.ts b/projects/ui-components/lf-metadata/lf-date-time-picker/lf-date-time-picker.ts
index 7d0880fa..022f09ab 100644
--- a/projects/ui-components/lf-metadata/lf-date-time-picker/lf-date-time-picker.ts
+++ b/projects/ui-components/lf-metadata/lf-date-time-picker/lf-date-time-picker.ts
@@ -2,5 +2,5 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 
-export * from './uni-date-time.component';
-export * from './uni-date-time.common';
+export { UniDateTimeComponent } from './uni-date-time.component';
+export { UniControlType, FormatType, StateDataDateTime, StateDataTime, StateData, FormChangeEvent, FormChangeSource, UniState, UniComponentSettings, UniComponentConfig } from './uni-date-time.common';
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/public-api.ts b/projects/ui-components/lf-metadata/lf-field-adhoc-container/public-api.ts
index 51f0aabc..31ebb67f 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/public-api.ts
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/public-api.ts
@@ -1,5 +1,5 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-export * from './lf-field-adhoc-container.component';
-export * from './lf-field-adhoc-container.service';
+export { LfFieldAdhocContainerComponent } from './lf-field-adhoc-container.component';
+export { LfFieldAdhocContainerService } from './lf-field-adhoc-container.service';
diff --git a/projects/ui-components/lf-metadata/lf-field-container/public-api.ts b/projects/ui-components/lf-metadata/lf-field-container/public-api.ts
index 5732e4f1..0462221d 100644
--- a/projects/ui-components/lf-metadata/lf-field-container/public-api.ts
+++ b/projects/ui-components/lf-metadata/lf-field-container/public-api.ts
@@ -1,5 +1,5 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-export * from './lf-field-container.component';
-export * from './lf-field-container.service';
+export { LfFieldContainerComponent } from './lf-field-container.component';
+export { LfFieldContainerService } from './lf-field-container.service';
diff --git a/projects/ui-components/lf-metadata/lf-field-template-container/public-api.ts b/projects/ui-components/lf-metadata/lf-field-template-container/public-api.ts
index 1af10b96..6f5f528f 100644
--- a/projects/ui-components/lf-metadata/lf-field-template-container/public-api.ts
+++ b/projects/ui-components/lf-metadata/lf-field-template-container/public-api.ts
@@ -1,6 +1,6 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-export * from './lf-field-template-container.component';
-export * from './lf-field-template-container-types';
-export * from './lf-field-template-container.service';
+export { LfFieldTemplateContainerComponent } from './lf-field-template-container.component';
+export { LfFieldTemplateProviders } from './lf-field-template-container-types';
+export { LfFieldTemplateContainerService } from './lf-field-template-container.service';
diff --git a/projects/ui-components/lf-metadata/lf-metadata-public-api.ts b/projects/ui-components/lf-metadata/lf-metadata-public-api.ts
index 74a439a7..7b1909d4 100644
--- a/projects/ui-components/lf-metadata/lf-metadata-public-api.ts
+++ b/projects/ui-components/lf-metadata/lf-metadata-public-api.ts
@@ -1,6 +1,6 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-export * from './lf-field-container/public-api';
-export * from './lf-field-adhoc-container/public-api';
-export * from './lf-field-template-container/public-api';
+export { LfFieldContainerComponent, LfFieldContainerService } from './lf-field-container/public-api';
+export { LfFieldAdhocContainerComponent, LfFieldAdhocContainerService } from './lf-field-adhoc-container/public-api';
+export { LfFieldTemplateContainerComponent, LfFieldTemplateProviders, LfFieldTemplateContainerService } from './lf-field-template-container/public-api';
diff --git a/projects/ui-components/lf-repository-browser/lf-repository-browser-public-api.ts b/projects/ui-components/lf-repository-browser/lf-repository-browser-public-api.ts
index ae014fd1..fcf51dbd 100644
--- a/projects/ui-components/lf-repository-browser/lf-repository-browser-public-api.ts
+++ b/projects/ui-components/lf-repository-browser/lf-repository-browser-public-api.ts
@@ -1,5 +1,5 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-export * from './lf-repository-browser.component';
-export * from './ILfTreeNodeService';
+export { LfRepositoryBrowserComponent } from './lf-repository-browser.component';
+export { LfTreeNode, LfTreeNodePage, LfTreeNodeService } from './ILfTreeNodeService';
diff --git a/projects/ui-components/lf-selection-list/lf-selection-list-public-api.ts b/projects/ui-components/lf-selection-list/lf-selection-list-public-api.ts
index 70206ec9..45d3f85b 100644
--- a/projects/ui-components/lf-selection-list/lf-selection-list-public-api.ts
+++ b/projects/ui-components/lf-selection-list/lf-selection-list-public-api.ts
@@ -1,5 +1,5 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-export * from './lf-selection-list.component';
-export * from './lf-selection-list-types';
+export { RepositoryBrowserData, LfSelectionListComponent } from './lf-selection-list.component';
+export { ColumnOrderBy, ColumnDef, SelectedItemEvent } from './lf-selection-list-types';
diff --git a/projects/ui-components/lf-user-feedback/lf-user-feedback-public-api.ts b/projects/ui-components/lf-user-feedback/lf-user-feedback-public-api.ts
index 26beb9c8..b5eb0fca 100644
--- a/projects/ui-components/lf-user-feedback/lf-user-feedback-public-api.ts
+++ b/projects/ui-components/lf-user-feedback/lf-user-feedback-public-api.ts
@@ -1,4 +1,4 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-export * from './lf-user-feedback.component';
+export { LfUserFeedbackComponent } from './lf-user-feedback.component';
diff --git a/projects/ui-components/projects.ts b/projects/ui-components/projects.ts
index 958fef69..6cbcacc0 100644
--- a/projects/ui-components/projects.ts
+++ b/projects/ui-components/projects.ts
@@ -5,10 +5,10 @@
  * Public API Surface of ui-components
  */
 
-export * from './lf-login/lf-login-public-api';
-export * from './lf-checklist/lf-checklist-public-api';
-export * from './lf-metadata/lf-metadata-public-api';
-export * from './lf-user-feedback/lf-user-feedback-public-api';
-export * from './lf-repository-browser/lf-repository-browser-public-api';
-export * from './shared/lf-breadcrumbs/lf-breadcrumbs-public-api';
-export * from './shared/lf-toolbar/lf-toolbar-public-api';
+export { LfLoginComponent, AuthorizationCredentials, AccountEndpoints, AbortedLoginError, LfBeforeFetchResult, LfHttpRequestHandler } from './lf-login/lf-login-public-api';
+export { LfChecklistService, LfChecklistProviders, LfChecklistComponent, Checklist, ChecklistItem, ChecklistOption } from './lf-checklist/lf-checklist-public-api';
+export { LfFieldContainerComponent, LfFieldContainerService, LfFieldAdhocContainerComponent, LfFieldAdhocContainerService, LfFieldTemplateContainerComponent, LfFieldTemplateProviders, LfFieldTemplateContainerService } from './lf-metadata/lf-metadata-public-api';
+export { LfUserFeedbackComponent } from './lf-user-feedback/lf-user-feedback-public-api';
+export { LfRepositoryBrowserComponent, LfTreeNode, LfTreeNodePage, LfTreeNodeService } from './lf-repository-browser/lf-repository-browser-public-api';
+export { LfBreadcrumb, LfBreadcrumbsComponent } from './shared/lf-breadcrumbs/lf-breadcrumbs-public-api';
+export { LfToolbarComponent, ToolbarOption } from './shared/lf-toolbar/lf-toolbar-public-api';
diff --git a/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs-public-api.ts b/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs-public-api.ts
index 49f6af97..fb5aeb0c 100644
--- a/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs-public-api.ts
+++ b/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs-public-api.ts
@@ -1,5 +1,5 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-export * from './lf-breadcrumbs-types';
-export * from './lf-breadcrumbs.component';
+export { LfBreadcrumb } from './lf-breadcrumbs-types';
+export { LfBreadcrumbsComponent } from './lf-breadcrumbs.component';
diff --git a/projects/ui-components/shared/lf-shared-public-api.ts b/projects/ui-components/shared/lf-shared-public-api.ts
index 7c2e2cb3..cf371a5e 100644
--- a/projects/ui-components/shared/lf-shared-public-api.ts
+++ b/projects/ui-components/shared/lf-shared-public-api.ts
@@ -1,7 +1,7 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-export * from './enums';
-export * from './lf-breadcrumbs/lf-breadcrumbs-public-api';
-export * from './lf-toolbar/lf-toolbar-public-api';
-export * from './LfSelectable';
+export { FieldType, FieldFormat, RedirectBehavior, LoginState, LoginMode } from './enums';
+export { LfBreadcrumb, LfBreadcrumbsComponent } from './lf-breadcrumbs/lf-breadcrumbs-public-api';
+export { LfToolbarComponent, ToolbarOption } from './lf-toolbar/lf-toolbar-public-api';
+export { ItemWithId, PropertyValue, ILfSelectable, Selectable } from './LfSelectable';
diff --git a/projects/ui-components/shared/lf-toolbar/lf-toolbar-public-api.ts b/projects/ui-components/shared/lf-toolbar/lf-toolbar-public-api.ts
index 145e5dfb..435a6a65 100644
--- a/projects/ui-components/shared/lf-toolbar/lf-toolbar-public-api.ts
+++ b/projects/ui-components/shared/lf-toolbar/lf-toolbar-public-api.ts
@@ -1,4 +1,4 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-export * from './lf-toolbar.component';
+export { LfToolbarComponent, ToolbarOption } from './lf-toolbar.component';
diff --git a/tsconfig.spec.json b/tsconfig.spec.json
new file mode 100644
index 00000000..9fba5726
--- /dev/null
+++ b/tsconfig.spec.json
@@ -0,0 +1,13 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/spec",
+    "target": "es2022",
+    "types": ["vitest/globals", "node"]
+  },
+  "files": ["./vitest.setup.ts"],
+  "include": [
+    "projects/**/*.ts",
+    "projects/**/*.d.ts"
+  ]
+}
diff --git a/vitest.config.js b/vitest.config.js
index 9edd445b..c899bc5c 100644
--- a/vitest.config.js
+++ b/vitest.config.js
@@ -1,11 +1,25 @@
 import { playwright } from '@vitest/browser-playwright'
 import { defineConfig } from 'vitest/config'
+import { fileURLToPath, URL } from 'node:url'
+import angular from '@analogjs/vite-plugin-angular'
 
 export default defineConfig({
+    plugins: [angular()],
+    resolve: {
+        alias: {
+            '@laserfiche/lf-ui-components/shared': fileURLToPath(new URL('./projects/ui-components/shared/lf-shared-public-api.ts', import.meta.url)),
+            '@laserfiche/lf-ui-components/internal-shared': fileURLToPath(new URL('./projects/ui-components/internal-shared/lf-internal-shared-public-api.ts', import.meta.url)),
+            '@laserfiche/lf-ui-components/lf-selection-list': fileURLToPath(new URL('./projects/ui-components/lf-selection-list/lf-selection-list-public-api.ts', import.meta.url)),
+            projects: fileURLToPath(new URL('./projects', import.meta.url)),
+        },
+    },
     test: {
+        globals: true,
+        setupFiles: ['./vitest.setup.ts'],
         browser: {
+            enabled: true,
             provider: playwright(),
-            instances: [{ browser: 'chrome' }]
+            instances: [{ browser: 'chromium' }]
         },
     },
 })
\ No newline at end of file
diff --git a/vitest.setup.ts b/vitest.setup.ts
new file mode 100644
index 00000000..5b3fc458
--- /dev/null
+++ b/vitest.setup.ts
@@ -0,0 +1,7 @@
+import '@angular/compiler';
+import { setupTestBed } from '@analogjs/vitest-angular/setup-testbed';
+
+setupTestBed({
+  zoneless: true,
+  browserMode: true,
+});

From c67a509404bd702feec377c88bde6aa19b23f1f0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Mon, 9 Mar 2026 14:52:58 +0200
Subject: [PATCH 12/43] Migrate to ESLint v10

---
 .eslintrc.json                                |   68 -
 eslint.config.mjs                             |  121 +
 package-lock.json                             | 3880 ++++++++---------
 package.json                                  |   56 +-
 projects/lf-cdn/.eslintrc.json                |   45 -
 projects/lf-cdn/tsconfig.app.json             |    2 +-
 projects/lf-documentation/.eslintrc.json      |   45 -
 projects/lf-documentation/tsconfig.app.json   |    2 +-
 projects/ui-components/.eslintrc.json         |   44 -
 ...field-template-container.component.spec.ts |    4 -
 projects/ui-components/package-lock.json      |  189 +-
 projects/ui-components/package.json           |   22 +-
 12 files changed, 2191 insertions(+), 2287 deletions(-)
 delete mode 100644 .eslintrc.json
 create mode 100644 eslint.config.mjs
 delete mode 100644 projects/lf-cdn/.eslintrc.json
 delete mode 100644 projects/lf-documentation/.eslintrc.json
 delete mode 100644 projects/ui-components/.eslintrc.json

diff --git a/.eslintrc.json b/.eslintrc.json
deleted file mode 100644
index 9eb1d66b..00000000
--- a/.eslintrc.json
+++ /dev/null
@@ -1,68 +0,0 @@
-{
-  "root": true,
-  "ignorePatterns": [
-    "projects/**/*"
-  ],
-  "rules": {
-    // required by @typescript-eslint/semi
-    "semi": "off"
-  },
-  "overrides": [
-    /**
-     * -----------------------------------------------------
-     * TYPESCRIPT FILES (COMPONENTS, SERVICES ETC) (.ts)
-     * -----------------------------------------------------
-     */
-    {
-      "files": [
-        "*.ts"
-      ],
-      "parserOptions": {
-        "project": [
-          "tsconfig.json"
-        ],
-        "createDefaultProgram": true
-      },
-      "extends": [
-        "plugin:@angular-eslint/recommended"
-      ],
-      "plugins": [
-        "@typescript-eslint",
-        "@angular-eslint",
-        "@stylistic"],
-      "rules": {
-        "@stylistic/member-delimiter-style": [
-          "error",
-          {
-            "multiline": {
-              "delimiter": "semi",
-              "requireLast": true
-            },
-            "singleline": {
-              "delimiter": "semi",
-              "requireLast": false
-            }
-          }
-        ],
-        "@typescript-eslint/no-inferrable-types": "off",
-        "semi": ["error"],
-        "no-bitwise": "off",
-        "prefer-const": "error"
-      }
-    },
-    /**
-     * -----------------------------------------------------
-     * COMPONENT TEMPLATES
-     * -----------------------------------------------------
-     */
-    {
-      "files": [
-        "*.html"
-      ],
-      "extends": [
-        "plugin:@angular-eslint/template/recommended"
-      ],
-      "rules": {}
-    }
-  ]
-}
diff --git a/eslint.config.mjs b/eslint.config.mjs
new file mode 100644
index 00000000..0e73d012
--- /dev/null
+++ b/eslint.config.mjs
@@ -0,0 +1,121 @@
+// @ts-check
+import tseslint from "typescript-eslint";
+import angular from "angular-eslint";
+import stylistic from "@stylistic/eslint-plugin";
+
+/** @type {import("eslint").Linter.RulesRecord} */
+const sharedRules = {
+  "@stylistic/member-delimiter-style": [
+    "error",
+    {
+      multiline: {
+        delimiter: "semi",
+        requireLast: true,
+      },
+      singleline: {
+        delimiter: "semi",
+        requireLast: false,
+      },
+    },
+  ],
+  "@typescript-eslint/no-inferrable-types": "off",
+  semi: ["error"],
+  "no-bitwise": "off",
+  "prefer-const": "error",
+};
+
+export default tseslint.config(
+  // ui-components TypeScript files
+  {
+    files: ["projects/ui-components/**/*.ts"],
+    extends: [...angular.configs.tsRecommended],
+    processor: angular.processInlineTemplates,
+    plugins: {
+      "@stylistic": stylistic,
+    },
+    languageOptions: {
+      parserOptions: {
+        project: [
+          "projects/ui-components/tsconfig.lib.json",
+          "projects/ui-components/tsconfig.spec.json",
+        ],
+      },
+    },
+    rules: {
+        ...sharedRules,
+      "@angular-eslint/directive-selector": [
+        "error",
+        { type: "attribute", prefix: "lf", style: "camelCase" },
+      ],
+      "@angular-eslint/component-selector": [
+        "error",
+        { type: "element", prefix: "lf", style: "kebab-case" },
+      ],
+    },
+  },
+
+  // lf-cdn TypeScript files
+  {
+    files: ["projects/lf-cdn/**/*.ts"],
+    extends: [...angular.configs.tsRecommended],
+    processor: angular.processInlineTemplates,
+    plugins: {
+      "@stylistic": stylistic,
+    },
+    languageOptions: {
+      parserOptions: {
+        project: [
+          "projects/lf-cdn/tsconfig.app.json",
+          "projects/lf-cdn/tsconfig.spec.json",
+        ],
+      },
+    },
+    rules: {
+      ...sharedRules,
+      "@angular-eslint/directive-selector": [
+        "error",
+        { type: "attribute", prefix: "app", style: "camelCase" },
+      ],
+      "@angular-eslint/component-selector": [
+        "error",
+        { type: "element", prefix: "app", style: "kebab-case" },
+      ],
+    },
+  },
+
+  // lf-documentation TypeScript files
+  {
+    files: ["projects/lf-documentation/**/*.ts"],
+    extends: [...angular.configs.tsRecommended],
+    processor: angular.processInlineTemplates,
+    plugins: {
+      "@stylistic": stylistic,
+    },
+    languageOptions: {
+      parserOptions: {
+        project: [
+          "projects/lf-documentation/tsconfig.app.json",
+          "projects/lf-documentation/tsconfig.spec.json",
+        ],
+      },
+    },
+    rules: {
+      ...sharedRules,
+      "@angular-eslint/directive-selector": [
+        "error",
+        { type: "attribute", prefix: "app", style: "camelCase" },
+      ],
+      "@angular-eslint/component-selector": [
+        "error",
+        { type: "element", prefix: "app", style: "kebab-case" },
+      ],
+    },
+  },
+
+  // HTML template files for all projects
+  {
+    files: ["projects/**/*.html"],
+    extends: [...angular.configs.templateRecommended],
+    rules: {},
+  }
+);
diff --git a/package-lock.json b/package-lock.json
index 24f41765..98c7120f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,49 +12,46 @@
         "@laserfiche/lf-ui-components": "file:projects/ui-components"
       },
       "devDependencies": {
-        "@analogjs/vite-plugin-angular": "^2.3.0",
-        "@analogjs/vitest-angular": "^2.3.0",
-        "@angular-devkit/build-angular": "^21.1.4",
-        "@angular-eslint/builder": "^21.2.0",
-        "@angular-eslint/eslint-plugin": "^21.2.0",
-        "@angular-eslint/eslint-plugin-template": "^21.2.0",
-        "@angular-eslint/schematics": "^21.2.0",
-        "@angular-eslint/template-parser": "^21.2.0",
-        "@angular/cli": "^21.1.4",
-        "@microsoft/api-extractor": "^7.57.0",
-        "@stylistic/eslint-plugin": "^5.9.0",
-        "@types/lodash": "^4.17.23",
-        "@types/node": "^24.10.13",
-        "@typescript-eslint/eslint-plugin": "^8.56.0",
-        "@typescript-eslint/parser": "^8.56.0",
+        "@analogjs/vite-plugin-angular": "^2.3.1",
+        "@analogjs/vitest-angular": "^2.3.1",
+        "@angular-devkit/build-angular": "^21.2.1",
+        "@angular-eslint/builder": "^21.3.0",
+        "@angular-eslint/schematics": "^21.3.0",
+        "@angular/cli": "^21.2.1",
+        "@microsoft/api-extractor": "^7.52.9",
+        "@stylistic/eslint-plugin": "^5.10.0",
+        "@types/lodash": "^4.17.24",
+        "@types/node": "^24.12.0",
         "@vitest/browser": "^4.0.18",
         "@vitest/browser-playwright": "^4.0.18",
+        "angular-eslint": "^21.3.0",
         "date-fns": "^4.1.0",
-        "eslint": "^9.39.2",
+        "eslint": "^10.0.3",
         "flatpickr": "^4.6.13",
         "gulp": "^5.0.1",
         "gulp-concat": "^2.6.1",
         "gulp-replace": "^1.1.4",
-        "ng-packagr": "^21.1.0",
-        "puppeteer": "^24.37.4",
+        "ng-packagr": "^21.2.0",
+        "puppeteer": "^24.38.0",
         "tslib": "^2.8.1",
         "typescript": "5.9.3",
+        "typescript-eslint": "^8.56.1",
         "vitest": "^4.0.18",
         "webdriverio": "^9.20.0",
         "yargs": "^18.0.0"
       },
       "peerDependencies": {
-        "@angular/animations": "^21.1.5",
-        "@angular/cdk": "^21.1.5",
-        "@angular/common": "^21.1.5",
-        "@angular/compiler": "^21.1.5",
-        "@angular/compiler-cli": "^21.1.5",
-        "@angular/core": "^21.1.5",
-        "@angular/elements": "^21.1.5",
-        "@angular/forms": "^21.1.5",
-        "@angular/material": "^21.1.5",
-        "@angular/platform-browser": "^21.1.5",
-        "@angular/router": "^21.1.5",
+        "@angular/animations": "^21.2.1",
+        "@angular/cdk": "^21.2.1",
+        "@angular/common": "^21.2.1",
+        "@angular/compiler": "^21.2.1",
+        "@angular/compiler-cli": "^21.2.1",
+        "@angular/core": "^21.2.1",
+        "@angular/elements": "^21.2.1",
+        "@angular/forms": "^21.2.1",
+        "@angular/material": "^21.2.1",
+        "@angular/platform-browser": "^21.2.1",
+        "@angular/router": "^21.2.1",
         "@laserfiche/lf-api-client-core": "^1.1.10",
         "@laserfiche/lf-js-utils": "^4.0.13",
         "@laserfiche/lf-resource-library": "^5.0.3",
@@ -63,57 +60,57 @@
       }
     },
     "node_modules/@algolia/abtesting": {
-      "version": "1.12.2",
-      "resolved": "https://registry.npmjs.org/@algolia/abtesting/-/abtesting-1.12.2.tgz",
-      "integrity": "sha512-oWknd6wpfNrmRcH0vzed3UPX0i17o4kYLM5OMITyMVM2xLgaRbIafoxL0e8mcrNNb0iORCJA0evnNDKRYth5WQ==",
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@algolia/abtesting/-/abtesting-1.14.1.tgz",
+      "integrity": "sha512-Dkj0BgPiLAaim9sbQ97UKDFHJE/880wgStAM18U++NaJ/2Cws34J5731ovJifr6E3Pv4T2CqvMXf8qLCC417Ew==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@algolia/client-common": "5.46.2",
-        "@algolia/requester-browser-xhr": "5.46.2",
-        "@algolia/requester-fetch": "5.46.2",
-        "@algolia/requester-node-http": "5.46.2"
+        "@algolia/client-common": "5.48.1",
+        "@algolia/requester-browser-xhr": "5.48.1",
+        "@algolia/requester-fetch": "5.48.1",
+        "@algolia/requester-node-http": "5.48.1"
       },
       "engines": {
         "node": ">= 14.0.0"
       }
     },
     "node_modules/@algolia/client-abtesting": {
-      "version": "5.46.2",
-      "resolved": "https://registry.npmjs.org/@algolia/client-abtesting/-/client-abtesting-5.46.2.tgz",
-      "integrity": "sha512-oRSUHbylGIuxrlzdPA8FPJuwrLLRavOhAmFGgdAvMcX47XsyM+IOGa9tc7/K5SPvBqn4nhppOCEz7BrzOPWc4A==",
+      "version": "5.48.1",
+      "resolved": "https://registry.npmjs.org/@algolia/client-abtesting/-/client-abtesting-5.48.1.tgz",
+      "integrity": "sha512-LV5qCJdj+/m9I+Aj91o+glYszrzd7CX6NgKaYdTOj4+tUYfbS62pwYgUfZprYNayhkQpVFcrW8x8ZlIHpS23Vw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@algolia/client-common": "5.46.2",
-        "@algolia/requester-browser-xhr": "5.46.2",
-        "@algolia/requester-fetch": "5.46.2",
-        "@algolia/requester-node-http": "5.46.2"
+        "@algolia/client-common": "5.48.1",
+        "@algolia/requester-browser-xhr": "5.48.1",
+        "@algolia/requester-fetch": "5.48.1",
+        "@algolia/requester-node-http": "5.48.1"
       },
       "engines": {
         "node": ">= 14.0.0"
       }
     },
     "node_modules/@algolia/client-analytics": {
-      "version": "5.46.2",
-      "resolved": "https://registry.npmjs.org/@algolia/client-analytics/-/client-analytics-5.46.2.tgz",
-      "integrity": "sha512-EPBN2Oruw0maWOF4OgGPfioTvd+gmiNwx0HmD9IgmlS+l75DatcBkKOPNJN+0z3wBQWUO5oq602ATxIfmTQ8bA==",
+      "version": "5.48.1",
+      "resolved": "https://registry.npmjs.org/@algolia/client-analytics/-/client-analytics-5.48.1.tgz",
+      "integrity": "sha512-/AVoMqHhPm14CcHq7mwB+bUJbfCv+jrxlNvRjXAuO+TQa+V37N8k1b0ijaRBPdmSjULMd8KtJbQyUyabXOu6Kg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@algolia/client-common": "5.46.2",
-        "@algolia/requester-browser-xhr": "5.46.2",
-        "@algolia/requester-fetch": "5.46.2",
-        "@algolia/requester-node-http": "5.46.2"
+        "@algolia/client-common": "5.48.1",
+        "@algolia/requester-browser-xhr": "5.48.1",
+        "@algolia/requester-fetch": "5.48.1",
+        "@algolia/requester-node-http": "5.48.1"
       },
       "engines": {
         "node": ">= 14.0.0"
       }
     },
     "node_modules/@algolia/client-common": {
-      "version": "5.46.2",
-      "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-5.46.2.tgz",
-      "integrity": "sha512-Hj8gswSJNKZ0oyd0wWissqyasm+wTz1oIsv5ZmLarzOZAp3vFEda8bpDQ8PUhO+DfkbiLyVnAxsPe4cGzWtqkg==",
+      "version": "5.48.1",
+      "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-5.48.1.tgz",
+      "integrity": "sha512-VXO+qu2Ep6ota28ktvBm3sG53wUHS2n7bgLWmce5jTskdlCD0/JrV4tnBm1l7qpla1CeoQb8D7ShFhad+UoSOw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -121,151 +118,151 @@
       }
     },
     "node_modules/@algolia/client-insights": {
-      "version": "5.46.2",
-      "resolved": "https://registry.npmjs.org/@algolia/client-insights/-/client-insights-5.46.2.tgz",
-      "integrity": "sha512-6dBZko2jt8FmQcHCbmNLB0kCV079Mx/DJcySTL3wirgDBUH7xhY1pOuUTLMiGkqM5D8moVZTvTdRKZUJRkrwBA==",
+      "version": "5.48.1",
+      "resolved": "https://registry.npmjs.org/@algolia/client-insights/-/client-insights-5.48.1.tgz",
+      "integrity": "sha512-zl+Qyb0nLg+Y5YvKp1Ij+u9OaPaKg2/EPzTwKNiVyOHnQJlFxmXyUZL1EInczAZsEY8hVpPCLtNfhMhfxluXKQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@algolia/client-common": "5.46.2",
-        "@algolia/requester-browser-xhr": "5.46.2",
-        "@algolia/requester-fetch": "5.46.2",
-        "@algolia/requester-node-http": "5.46.2"
+        "@algolia/client-common": "5.48.1",
+        "@algolia/requester-browser-xhr": "5.48.1",
+        "@algolia/requester-fetch": "5.48.1",
+        "@algolia/requester-node-http": "5.48.1"
       },
       "engines": {
         "node": ">= 14.0.0"
       }
     },
     "node_modules/@algolia/client-personalization": {
-      "version": "5.46.2",
-      "resolved": "https://registry.npmjs.org/@algolia/client-personalization/-/client-personalization-5.46.2.tgz",
-      "integrity": "sha512-1waE2Uqh/PHNeDXGn/PM/WrmYOBiUGSVxAWqiJIj73jqPqvfzZgzdakHscIVaDl6Cp+j5dwjsZ5LCgaUr6DtmA==",
+      "version": "5.48.1",
+      "resolved": "https://registry.npmjs.org/@algolia/client-personalization/-/client-personalization-5.48.1.tgz",
+      "integrity": "sha512-r89Qf9Oo9mKWQXumRu/1LtvVJAmEDpn8mHZMc485pRfQUMAwSSrsnaw1tQ3sszqzEgAr1c7rw6fjBI+zrAXTOw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@algolia/client-common": "5.46.2",
-        "@algolia/requester-browser-xhr": "5.46.2",
-        "@algolia/requester-fetch": "5.46.2",
-        "@algolia/requester-node-http": "5.46.2"
+        "@algolia/client-common": "5.48.1",
+        "@algolia/requester-browser-xhr": "5.48.1",
+        "@algolia/requester-fetch": "5.48.1",
+        "@algolia/requester-node-http": "5.48.1"
       },
       "engines": {
         "node": ">= 14.0.0"
       }
     },
     "node_modules/@algolia/client-query-suggestions": {
-      "version": "5.46.2",
-      "resolved": "https://registry.npmjs.org/@algolia/client-query-suggestions/-/client-query-suggestions-5.46.2.tgz",
-      "integrity": "sha512-EgOzTZkyDcNL6DV0V/24+oBJ+hKo0wNgyrOX/mePBM9bc9huHxIY2352sXmoZ648JXXY2x//V1kropF/Spx83w==",
+      "version": "5.48.1",
+      "resolved": "https://registry.npmjs.org/@algolia/client-query-suggestions/-/client-query-suggestions-5.48.1.tgz",
+      "integrity": "sha512-TPKNPKfghKG/bMSc7mQYD9HxHRUkBZA4q1PEmHgICaSeHQscGqL4wBrKkhfPlDV1uYBKW02pbFMUhsOt7p4ZpA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@algolia/client-common": "5.46.2",
-        "@algolia/requester-browser-xhr": "5.46.2",
-        "@algolia/requester-fetch": "5.46.2",
-        "@algolia/requester-node-http": "5.46.2"
+        "@algolia/client-common": "5.48.1",
+        "@algolia/requester-browser-xhr": "5.48.1",
+        "@algolia/requester-fetch": "5.48.1",
+        "@algolia/requester-node-http": "5.48.1"
       },
       "engines": {
         "node": ">= 14.0.0"
       }
     },
     "node_modules/@algolia/client-search": {
-      "version": "5.46.2",
-      "resolved": "https://registry.npmjs.org/@algolia/client-search/-/client-search-5.46.2.tgz",
-      "integrity": "sha512-ZsOJqu4HOG5BlvIFnMU0YKjQ9ZI6r3C31dg2jk5kMWPSdhJpYL9xa5hEe7aieE+707dXeMI4ej3diy6mXdZpgA==",
+      "version": "5.48.1",
+      "resolved": "https://registry.npmjs.org/@algolia/client-search/-/client-search-5.48.1.tgz",
+      "integrity": "sha512-4Fu7dnzQyQmMFknYwTiN/HxPbH4DyxvQ1m+IxpPp5oslOgz8m6PG5qhiGbqJzH4HiT1I58ecDiCAC716UyVA8Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@algolia/client-common": "5.46.2",
-        "@algolia/requester-browser-xhr": "5.46.2",
-        "@algolia/requester-fetch": "5.46.2",
-        "@algolia/requester-node-http": "5.46.2"
+        "@algolia/client-common": "5.48.1",
+        "@algolia/requester-browser-xhr": "5.48.1",
+        "@algolia/requester-fetch": "5.48.1",
+        "@algolia/requester-node-http": "5.48.1"
       },
       "engines": {
         "node": ">= 14.0.0"
       }
     },
     "node_modules/@algolia/ingestion": {
-      "version": "1.46.2",
-      "resolved": "https://registry.npmjs.org/@algolia/ingestion/-/ingestion-1.46.2.tgz",
-      "integrity": "sha512-1Uw2OslTWiOFDtt83y0bGiErJYy5MizadV0nHnOoHFWMoDqWW0kQoMFI65pXqRSkVvit5zjXSLik2xMiyQJDWQ==",
+      "version": "1.48.1",
+      "resolved": "https://registry.npmjs.org/@algolia/ingestion/-/ingestion-1.48.1.tgz",
+      "integrity": "sha512-/RFq3TqtXDUUawwic/A9xylA2P3LDMO8dNhphHAUOU51b1ZLHrmZ6YYJm3df1APz7xLY1aht6okCQf+/vmrV9w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@algolia/client-common": "5.46.2",
-        "@algolia/requester-browser-xhr": "5.46.2",
-        "@algolia/requester-fetch": "5.46.2",
-        "@algolia/requester-node-http": "5.46.2"
+        "@algolia/client-common": "5.48.1",
+        "@algolia/requester-browser-xhr": "5.48.1",
+        "@algolia/requester-fetch": "5.48.1",
+        "@algolia/requester-node-http": "5.48.1"
       },
       "engines": {
         "node": ">= 14.0.0"
       }
     },
     "node_modules/@algolia/monitoring": {
-      "version": "1.46.2",
-      "resolved": "https://registry.npmjs.org/@algolia/monitoring/-/monitoring-1.46.2.tgz",
-      "integrity": "sha512-xk9f+DPtNcddWN6E7n1hyNNsATBCHIqAvVGG2EAGHJc4AFYL18uM/kMTiOKXE/LKDPyy1JhIerrh9oYb7RBrgw==",
+      "version": "1.48.1",
+      "resolved": "https://registry.npmjs.org/@algolia/monitoring/-/monitoring-1.48.1.tgz",
+      "integrity": "sha512-Of0jTeAZRyRhC7XzDSjJef0aBkgRcvRAaw0ooYRlOw57APii7lZdq+layuNdeL72BRq1snaJhoMMwkmLIpJScw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@algolia/client-common": "5.46.2",
-        "@algolia/requester-browser-xhr": "5.46.2",
-        "@algolia/requester-fetch": "5.46.2",
-        "@algolia/requester-node-http": "5.46.2"
+        "@algolia/client-common": "5.48.1",
+        "@algolia/requester-browser-xhr": "5.48.1",
+        "@algolia/requester-fetch": "5.48.1",
+        "@algolia/requester-node-http": "5.48.1"
       },
       "engines": {
         "node": ">= 14.0.0"
       }
     },
     "node_modules/@algolia/recommend": {
-      "version": "5.46.2",
-      "resolved": "https://registry.npmjs.org/@algolia/recommend/-/recommend-5.46.2.tgz",
-      "integrity": "sha512-NApbTPj9LxGzNw4dYnZmj2BoXiAc8NmbbH6qBNzQgXklGklt/xldTvu+FACN6ltFsTzoNU6j2mWNlHQTKGC5+Q==",
+      "version": "5.48.1",
+      "resolved": "https://registry.npmjs.org/@algolia/recommend/-/recommend-5.48.1.tgz",
+      "integrity": "sha512-bE7JcpFXzxF5zHwj/vkl2eiCBvyR1zQ7aoUdO+GDXxGp0DGw7nI0p8Xj6u8VmRQ+RDuPcICFQcCwRIJT5tDJFw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@algolia/client-common": "5.46.2",
-        "@algolia/requester-browser-xhr": "5.46.2",
-        "@algolia/requester-fetch": "5.46.2",
-        "@algolia/requester-node-http": "5.46.2"
+        "@algolia/client-common": "5.48.1",
+        "@algolia/requester-browser-xhr": "5.48.1",
+        "@algolia/requester-fetch": "5.48.1",
+        "@algolia/requester-node-http": "5.48.1"
       },
       "engines": {
         "node": ">= 14.0.0"
       }
     },
     "node_modules/@algolia/requester-browser-xhr": {
-      "version": "5.46.2",
-      "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-5.46.2.tgz",
-      "integrity": "sha512-ekotpCwpSp033DIIrsTpYlGUCF6momkgupRV/FA3m62SreTSZUKjgK6VTNyG7TtYfq9YFm/pnh65bATP/ZWJEg==",
+      "version": "5.48.1",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-5.48.1.tgz",
+      "integrity": "sha512-MK3wZ2koLDnvH/AmqIF1EKbJlhRS5j74OZGkLpxI4rYvNi9Jn/C7vb5DytBnQ4KUWts7QsmbdwHkxY5txQHXVw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@algolia/client-common": "5.46.2"
+        "@algolia/client-common": "5.48.1"
       },
       "engines": {
         "node": ">= 14.0.0"
       }
     },
     "node_modules/@algolia/requester-fetch": {
-      "version": "5.46.2",
-      "resolved": "https://registry.npmjs.org/@algolia/requester-fetch/-/requester-fetch-5.46.2.tgz",
-      "integrity": "sha512-gKE+ZFi/6y7saTr34wS0SqYFDcjHW4Wminv8PDZEi0/mE99+hSrbKgJWxo2ztb5eqGirQTgIh1AMVacGGWM1iw==",
+      "version": "5.48.1",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-fetch/-/requester-fetch-5.48.1.tgz",
+      "integrity": "sha512-2oDT43Y5HWRSIQMPQI4tA/W+TN/N2tjggZCUsqQV440kxzzoPGsvv9QP1GhQ4CoDa+yn6ygUsGp6Dr+a9sPPSg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@algolia/client-common": "5.46.2"
+        "@algolia/client-common": "5.48.1"
       },
       "engines": {
         "node": ">= 14.0.0"
       }
     },
     "node_modules/@algolia/requester-node-http": {
-      "version": "5.46.2",
-      "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-5.46.2.tgz",
-      "integrity": "sha512-ciPihkletp7ttweJ8Zt+GukSVLp2ANJHU+9ttiSxsJZThXc4Y2yJ8HGVWesW5jN1zrsZsezN71KrMx/iZsOYpg==",
+      "version": "5.48.1",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-5.48.1.tgz",
+      "integrity": "sha512-xcaCqbhupVWhuBP1nwbk1XNvwrGljozutEiLx06mvqDf3o8cHyEgQSHS4fKJM+UAggaWVnnFW+Nne5aQ8SUJXg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@algolia/client-common": "5.46.2"
+        "@algolia/client-common": "5.48.1"
       },
       "engines": {
         "node": ">= 14.0.0"
@@ -286,9 +283,9 @@
       }
     },
     "node_modules/@analogjs/vite-plugin-angular": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@analogjs/vite-plugin-angular/-/vite-plugin-angular-2.3.0.tgz",
-      "integrity": "sha512-3zbx2Pu/PyP0cw5EMgpdVMerYwYOtZvV1pFXxoViGZAxFzQ8TGHCuJm4ECg3jcs7iBdt1O9ZejMuwebVCXeD3A==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@analogjs/vite-plugin-angular/-/vite-plugin-angular-2.3.1.tgz",
+      "integrity": "sha512-6ttSrMFBYwvS5JfovagfhkLaje1RjzztIniBWtH5G8wc6vrud77/sRJWVaVC4Ri4XRBTQ2kG5thSDumccX1B7g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -313,9 +310,9 @@
       }
     },
     "node_modules/@analogjs/vitest-angular": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@analogjs/vitest-angular/-/vitest-angular-2.3.0.tgz",
-      "integrity": "sha512-nQja8a4a0llFNOdYpI8/7KD2iRPNBuqOUpyPEoa9n7MZPc/50PArShzVVpkOCZ8UYlUiZbkG5ykB23xnUD+iYg==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@analogjs/vitest-angular/-/vitest-angular-2.3.1.tgz",
+      "integrity": "sha512-wbTLgeWDR9qPohE5vzGi4GJ0oHC/GmAhkzEMbt6xoAHbhvMsRrqsiiku03tejHcPqErMlsBotIeR/huAbJferQ==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -336,13 +333,13 @@
       }
     },
     "node_modules/@angular-devkit/architect": {
-      "version": "0.2101.4",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.2101.4.tgz",
-      "integrity": "sha512-3yyebORk+ovtO+LfDjIGbGCZhCMDAsyn9vkCljARj3sSshS4blOQBar0g+V3kYAweLT5Gf+rTKbN5jneOkBAFQ==",
+      "version": "0.2102.1",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.2102.1.tgz",
+      "integrity": "sha512-x2Qqz6oLYvEh9UBUG0AP1A4zROO/VP+k+zM9+4c2uZw1uqoBQFmutqgzncjVU7cR9R0RApgx9JRZHDFtQru68w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/core": "21.1.4",
+        "@angular-devkit/core": "21.2.1",
         "rxjs": "7.8.2"
       },
       "bin": {
@@ -355,64 +352,64 @@
       }
     },
     "node_modules/@angular-devkit/build-angular": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-21.1.4.tgz",
-      "integrity": "sha512-2HPCo6vEu5EIwxxFYhnmdfbktRBoOVQD3q7lG9PMQPf/jRCnyIZ70qSbXbAV96IMDLFl8mLRfY4scoaFMIYGMw==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-21.2.1.tgz",
+      "integrity": "sha512-HZQggWPHepDIzQeYVjcC1m3HeIEKBYVKPfb2uZBcPxigHvZMeB0JD49QrgDeSOQulIGkAnJoPf/IDRqQpvWzqg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@ampproject/remapping": "2.3.0",
-        "@angular-devkit/architect": "0.2101.4",
-        "@angular-devkit/build-webpack": "0.2101.4",
-        "@angular-devkit/core": "21.1.4",
-        "@angular/build": "21.1.4",
-        "@babel/core": "7.28.5",
-        "@babel/generator": "7.28.5",
+        "@angular-devkit/architect": "0.2102.1",
+        "@angular-devkit/build-webpack": "0.2102.1",
+        "@angular-devkit/core": "21.2.1",
+        "@angular/build": "21.2.1",
+        "@babel/core": "7.29.0",
+        "@babel/generator": "7.29.1",
         "@babel/helper-annotate-as-pure": "7.27.3",
         "@babel/helper-split-export-declaration": "7.24.7",
-        "@babel/plugin-transform-async-generator-functions": "7.28.0",
-        "@babel/plugin-transform-async-to-generator": "7.27.1",
-        "@babel/plugin-transform-runtime": "7.28.5",
-        "@babel/preset-env": "7.28.5",
-        "@babel/runtime": "7.28.4",
+        "@babel/plugin-transform-async-generator-functions": "7.29.0",
+        "@babel/plugin-transform-async-to-generator": "7.28.6",
+        "@babel/plugin-transform-runtime": "7.29.0",
+        "@babel/preset-env": "7.29.0",
+        "@babel/runtime": "7.28.6",
         "@discoveryjs/json-ext": "0.6.3",
-        "@ngtools/webpack": "21.1.4",
+        "@ngtools/webpack": "21.2.1",
         "ansi-colors": "4.1.3",
-        "autoprefixer": "10.4.23",
+        "autoprefixer": "10.4.27",
         "babel-loader": "10.0.0",
         "browserslist": "^4.26.0",
-        "copy-webpack-plugin": "13.0.1",
-        "css-loader": "7.1.2",
-        "esbuild-wasm": "0.27.2",
+        "copy-webpack-plugin": "14.0.0",
+        "css-loader": "7.1.3",
+        "esbuild-wasm": "0.27.3",
         "http-proxy-middleware": "3.0.5",
         "istanbul-lib-instrument": "6.0.3",
         "jsonc-parser": "3.3.1",
         "karma-source-map-support": "1.4.0",
         "less": "4.4.2",
-        "less-loader": "12.3.0",
+        "less-loader": "12.3.1",
         "license-webpack-plugin": "4.0.2",
         "loader-utils": "3.3.1",
-        "mini-css-extract-plugin": "2.9.4",
+        "mini-css-extract-plugin": "2.10.0",
         "open": "11.0.0",
-        "ora": "9.0.0",
+        "ora": "9.3.0",
         "picomatch": "4.0.3",
         "piscina": "5.1.4",
         "postcss": "8.5.6",
         "postcss-loader": "8.2.0",
         "resolve-url-loader": "5.0.0",
         "rxjs": "7.8.2",
-        "sass": "1.97.1",
-        "sass-loader": "16.0.6",
-        "semver": "7.7.3",
+        "sass": "1.97.3",
+        "sass-loader": "16.0.7",
+        "semver": "7.7.4",
         "source-map-loader": "5.0.0",
         "source-map-support": "0.5.21",
-        "terser": "5.44.1",
+        "terser": "5.46.0",
         "tinyglobby": "0.2.15",
         "tree-kill": "1.2.2",
         "tslib": "2.8.1",
-        "webpack": "5.105.0",
+        "webpack": "5.105.2",
         "webpack-dev-middleware": "7.4.5",
-        "webpack-dev-server": "5.2.2",
+        "webpack-dev-server": "5.2.3",
         "webpack-merge": "6.0.1",
         "webpack-subresource-integrity": "5.1.0"
       },
@@ -422,7 +419,7 @@
         "yarn": ">= 1.13.0"
       },
       "optionalDependencies": {
-        "esbuild": "0.27.2"
+        "esbuild": "0.27.3"
       },
       "peerDependencies": {
         "@angular/compiler-cli": "^21.0.0",
@@ -431,7 +428,7 @@
         "@angular/platform-browser": "^21.0.0",
         "@angular/platform-server": "^21.0.0",
         "@angular/service-worker": "^21.0.0",
-        "@angular/ssr": "^21.1.4",
+        "@angular/ssr": "^21.2.1",
         "@web/test-runner": "^0.20.0",
         "browser-sync": "^3.0.2",
         "jest": "^30.2.0",
@@ -488,13 +485,13 @@
       }
     },
     "node_modules/@angular-devkit/build-webpack": {
-      "version": "0.2101.4",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.2101.4.tgz",
-      "integrity": "sha512-lPjPxeEzUha4bnlGzD3KFFf3yxcQjOfV9wwZIa4XLsqjCZsUk95TzHQH7i64OCTw9uKTEQkJBAuO6v2WXHxopw==",
+      "version": "0.2102.1",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.2102.1.tgz",
+      "integrity": "sha512-iBBMHegwjaAGnSoB5i9ynzCTCdYcLCgGhA2Wmi09DHJPSVFXw23H0nZUeNaRpo2V0hPRrMiyE3dlmaRJC42/yA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/architect": "0.2101.4",
+        "@angular-devkit/architect": "0.2102.1",
         "rxjs": "7.8.2"
       },
       "engines": {
@@ -508,13 +505,13 @@
       }
     },
     "node_modules/@angular-devkit/core": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-21.1.4.tgz",
-      "integrity": "sha512-ObPTI5gYCB1jGxTRhcqZ6oQVUBFVJ8GH4LksVuAiz0nFX7xxpzARWvlhq943EtnlovVlUd9I8fM3RQqjfGVVAQ==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-21.2.1.tgz",
+      "integrity": "sha512-TpXGjERqVPN8EPt7LdmWAwh0oNQ/6uWFutzGZiXhJy81n1zb1O1XrqhRAmvP1cAo5O+na6IV2JkkCmxL6F8GUg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "ajv": "8.17.1",
+        "ajv": "8.18.0",
         "ajv-formats": "3.0.1",
         "jsonc-parser": "3.3.1",
         "picomatch": "4.0.3",
@@ -536,16 +533,16 @@
       }
     },
     "node_modules/@angular-devkit/schematics": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-21.1.4.tgz",
-      "integrity": "sha512-Nqq0ioCUxrbEX+L4KOarETcZZJNnJ1mAJ0ubO4VM91qnn8RBBM9SnQ91590TfC34Szk/wh+3+Uj6KUvTJNuegQ==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-21.2.1.tgz",
+      "integrity": "sha512-CWoamHaasAHMjHcYqxbj0tMnoXxdGotcAz2SpiuWtH28Lnf5xfbTaJn/lwdMP8Wdh4tgA+uYh2l45A5auCwmkw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/core": "21.1.4",
+        "@angular-devkit/core": "21.2.1",
         "jsonc-parser": "3.3.1",
         "magic-string": "0.30.21",
-        "ora": "9.0.0",
+        "ora": "9.3.0",
         "rxjs": "7.8.2"
       },
       "engines": {
@@ -555,9 +552,9 @@
       }
     },
     "node_modules/@angular-eslint/builder": {
-      "version": "21.2.0",
-      "resolved": "https://registry.npmjs.org/@angular-eslint/builder/-/builder-21.2.0.tgz",
-      "integrity": "sha512-wcp3J9cbrDwSeI/o1D/DSvMQa8zpKjc5WhRGTx33omhWijCfiVNEAiBLWiEx5Sb/dWcoX8yFNWY5jSgFVy9Sjw==",
+      "version": "21.3.0",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/builder/-/builder-21.3.0.tgz",
+      "integrity": "sha512-26QUUouei52biUFAlJSrWNAU9tuF2miKwd8uHdxWwCF31xz+OxC5+NfudWvt1AFaYow7gWueX1QX3rNNtSPDrg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -566,67 +563,67 @@
       },
       "peerDependencies": {
         "@angular/cli": ">= 21.0.0 < 22.0.0",
-        "eslint": "^8.57.0 || ^9.0.0",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
         "typescript": "*"
       }
     },
     "node_modules/@angular-eslint/bundled-angular-compiler": {
-      "version": "21.2.0",
-      "resolved": "https://registry.npmjs.org/@angular-eslint/bundled-angular-compiler/-/bundled-angular-compiler-21.2.0.tgz",
-      "integrity": "sha512-J0DWL+j6t9ItFIyIADvzHGqwDA1qfVJ9bx+oTmJ/Hlo7cUpIRoXpcTXpug0CEEABFH0RfDu6PDG2b0FoZ1+7bg==",
+      "version": "21.3.0",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/bundled-angular-compiler/-/bundled-angular-compiler-21.3.0.tgz",
+      "integrity": "sha512-l521I24J9gJxyMbRkrM24Tc7W8J8BP+TDAmVs2nT8+lXbS3kg8QpWBRtd+hNUgq6o+vt+lKBkytnEfu8OiqeRg==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/@angular-eslint/eslint-plugin": {
-      "version": "21.2.0",
-      "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin/-/eslint-plugin-21.2.0.tgz",
-      "integrity": "sha512-X2Qn2viDsjm91CEMxNrxDH3qkKpp6un0C1F1BW2p/m9J4AUVfOcXwWz9UpHFSHTRQ+YlTJbiH1ZwwAPeKhFaxA==",
+      "version": "21.3.0",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin/-/eslint-plugin-21.3.0.tgz",
+      "integrity": "sha512-Whf/AUUBekOlfSJRS78m76YGrBQAZ3waXE7oOdlW5xEQvn8jBDN9EGuNnjg/syZzvzjK4ZpYC4g1XYXrc+fQIg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-eslint/bundled-angular-compiler": "21.2.0",
-        "@angular-eslint/utils": "21.2.0",
+        "@angular-eslint/bundled-angular-compiler": "21.3.0",
+        "@angular-eslint/utils": "21.3.0",
         "ts-api-utils": "^2.1.0"
       },
       "peerDependencies": {
         "@typescript-eslint/utils": "^7.11.0 || ^8.0.0",
-        "eslint": "^8.57.0 || ^9.0.0",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
         "typescript": "*"
       }
     },
     "node_modules/@angular-eslint/eslint-plugin-template": {
-      "version": "21.2.0",
-      "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin-template/-/eslint-plugin-template-21.2.0.tgz",
-      "integrity": "sha512-lJ13Dj0DjR6YiceQR0sRbyWzSzOQ6uZPwK9CJUF3wuZjYAUvL1D61zaU9QrVLtf89NVOxv+dYZHDdu3IDeIqbA==",
+      "version": "21.3.0",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin-template/-/eslint-plugin-template-21.3.0.tgz",
+      "integrity": "sha512-lVixd/KypPWgA/5/pUOhJV9MTcaHjYZEqyOi+IiLk+h+maGxn6/s6Ot+20n+XGS85zAgOY+qUw6EEQ11hoojIQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-eslint/bundled-angular-compiler": "21.2.0",
-        "@angular-eslint/utils": "21.2.0",
+        "@angular-eslint/bundled-angular-compiler": "21.3.0",
+        "@angular-eslint/utils": "21.3.0",
         "aria-query": "5.3.2",
         "axobject-query": "4.1.0"
       },
       "peerDependencies": {
-        "@angular-eslint/template-parser": "21.2.0",
+        "@angular-eslint/template-parser": "21.3.0",
         "@typescript-eslint/types": "^7.11.0 || ^8.0.0",
         "@typescript-eslint/utils": "^7.11.0 || ^8.0.0",
-        "eslint": "^8.57.0 || ^9.0.0",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
         "typescript": "*"
       }
     },
     "node_modules/@angular-eslint/schematics": {
-      "version": "21.2.0",
-      "resolved": "https://registry.npmjs.org/@angular-eslint/schematics/-/schematics-21.2.0.tgz",
-      "integrity": "sha512-WtT4fPKIUQ/hswy+l2GF/rKOdD+42L3fUzzcwRzNutQbe2tU9SimoSOAsay/ylWEuhIOQTs7ysPB8fUgFQoLpA==",
+      "version": "21.3.0",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/schematics/-/schematics-21.3.0.tgz",
+      "integrity": "sha512-8deU/zVY9f8k8kAQQ9PL130ox2VlrZw3fMxgsPNAY5tjQ0xk0J2YVSszYHhcqdMGG1J01IsxIjvQaJ4pFfEmMw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@angular-devkit/core": ">= 21.0.0 < 22.0.0",
         "@angular-devkit/schematics": ">= 21.0.0 < 22.0.0",
-        "@angular-eslint/eslint-plugin": "21.2.0",
-        "@angular-eslint/eslint-plugin-template": "21.2.0",
+        "@angular-eslint/eslint-plugin": "21.3.0",
+        "@angular-eslint/eslint-plugin-template": "21.3.0",
         "ignore": "7.0.5",
-        "semver": "7.7.3",
+        "semver": "7.7.4",
         "strip-json-comments": "3.1.1"
       },
       "peerDependencies": {
@@ -634,39 +631,39 @@
       }
     },
     "node_modules/@angular-eslint/template-parser": {
-      "version": "21.2.0",
-      "resolved": "https://registry.npmjs.org/@angular-eslint/template-parser/-/template-parser-21.2.0.tgz",
-      "integrity": "sha512-TCb3qYOC/uXKZCo56cJ6N9sHeWdFhyVqrbbYfFjTi09081T6jllgHDZL5Ms7gOMNY8KywWGGbhxwvzeA0RwTgA==",
+      "version": "21.3.0",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/template-parser/-/template-parser-21.3.0.tgz",
+      "integrity": "sha512-ysyou1zAY6M6rSZNdIcYKGd4nk6TCapamyFNB3ivmTlVZ0O35TS9o/rJ0aUttuHgDp+Ysgs3ql+LA746PXgCyQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-eslint/bundled-angular-compiler": "21.2.0",
-        "eslint-scope": "^9.0.0"
+        "@angular-eslint/bundled-angular-compiler": "21.3.0",
+        "eslint-scope": "^9.1.1"
       },
       "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
         "typescript": "*"
       }
     },
     "node_modules/@angular-eslint/utils": {
-      "version": "21.2.0",
-      "resolved": "https://registry.npmjs.org/@angular-eslint/utils/-/utils-21.2.0.tgz",
-      "integrity": "sha512-E19/hkuvHoNFvctBkmEiGWpy2bbC6cgbr3GNVrn2nGtbI4jnwnDFCGHv50I4LBfvj0PA9E6TWe73ejJ5qoMJWQ==",
+      "version": "21.3.0",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/utils/-/utils-21.3.0.tgz",
+      "integrity": "sha512-oNigH6w3l+owTMboj/uFG0tHOy43uH8BpQRtBOQL1/s2+5in/BJ2Fjobv3SyizxTgeJ1FhRefbkT8GmVjK7jAA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-eslint/bundled-angular-compiler": "21.2.0"
+        "@angular-eslint/bundled-angular-compiler": "21.3.0"
       },
       "peerDependencies": {
         "@typescript-eslint/utils": "^7.11.0 || ^8.0.0",
-        "eslint": "^8.57.0 || ^9.0.0",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
         "typescript": "*"
       }
     },
     "node_modules/@angular/animations": {
-      "version": "21.1.5",
-      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-21.1.5.tgz",
-      "integrity": "sha512-gsqHX8lCYV8cgVtHs0iLwrX8SVlmcjUF44l/xCc/jBC/TeKWRl2e6Jqrn1Wcd0NDlGiNsm+mYNyqMyy5/I7kjw==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-21.2.1.tgz",
+      "integrity": "sha512-zT/S29pUTbziCLvZ2itBdNWd5i8tsXexofH7KA4n2yvYmK1EhNpE7TlHRjghmsHgtDt4VnGiMW4zXEyrl05Dwg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -676,26 +673,26 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "21.1.5"
+        "@angular/core": "21.2.1"
       }
     },
     "node_modules/@angular/build": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular/build/-/build-21.1.4.tgz",
-      "integrity": "sha512-7CAAQPWFMMqod40ox5MOVB/CnoBXFDehyQhs0hls6lu7bOy/M0EDy0v6bERkyNGRz1mihWWBiCV8XzEinrlq1A==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@angular/build/-/build-21.2.1.tgz",
+      "integrity": "sha512-cUpLNHJp9taII/FOcJHHfQYlMcZSRaf6eIxgSNS6Xfx1CeGoJNDN+J8+GFk+H1CPJt1EvbfyZ+dE5DbsgTD/QQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@ampproject/remapping": "2.3.0",
-        "@angular-devkit/architect": "0.2101.4",
-        "@babel/core": "7.28.5",
+        "@angular-devkit/architect": "0.2102.1",
+        "@babel/core": "7.29.0",
         "@babel/helper-annotate-as-pure": "7.27.3",
         "@babel/helper-split-export-declaration": "7.24.7",
         "@inquirer/confirm": "5.1.21",
-        "@vitejs/plugin-basic-ssl": "2.1.0",
-        "beasties": "0.3.5",
+        "@vitejs/plugin-basic-ssl": "2.1.4",
+        "beasties": "0.4.1",
         "browserslist": "^4.26.0",
-        "esbuild": "0.27.2",
+        "esbuild": "0.27.3",
         "https-proxy-agent": "7.0.6",
         "istanbul-lib-instrument": "6.0.3",
         "jsonc-parser": "3.3.1",
@@ -705,14 +702,14 @@
         "parse5-html-rewriting-stream": "8.0.0",
         "picomatch": "4.0.3",
         "piscina": "5.1.4",
-        "rolldown": "1.0.0-beta.58",
-        "sass": "1.97.1",
-        "semver": "7.7.3",
+        "rolldown": "1.0.0-rc.4",
+        "sass": "1.97.3",
+        "semver": "7.7.4",
         "source-map-support": "0.5.21",
         "tinyglobby": "0.2.15",
-        "undici": "7.20.0",
-        "vite": "7.3.0",
-        "watchpack": "2.5.0"
+        "undici": "7.22.0",
+        "vite": "7.3.1",
+        "watchpack": "2.5.1"
       },
       "engines": {
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
@@ -720,7 +717,7 @@
         "yarn": ">= 1.13.0"
       },
       "optionalDependencies": {
-        "lmdb": "3.4.4"
+        "lmdb": "3.5.1"
       },
       "peerDependencies": {
         "@angular/compiler": "^21.0.0",
@@ -730,7 +727,7 @@
         "@angular/platform-browser": "^21.0.0",
         "@angular/platform-server": "^21.0.0",
         "@angular/service-worker": "^21.0.0",
-        "@angular/ssr": "^21.1.4",
+        "@angular/ssr": "^21.2.1",
         "karma": "^6.4.0",
         "less": "^4.2.0",
         "ng-packagr": "^21.0.0",
@@ -780,9 +777,9 @@
       }
     },
     "node_modules/@angular/cdk": {
-      "version": "21.1.5",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.1.5.tgz",
-      "integrity": "sha512-AlQPgqe3LLwXCyrDwYSX3m/WKnl2ppCMW7Gb+7bJpIcpMdWYEpSOSQF318jXGYIysKg43YbdJ1tWhJWY/cbn3w==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.2.1.tgz",
+      "integrity": "sha512-JUFV8qLnO7CU5v4W0HzXSQrFkkJ4RH/qqdwrf9lup7YEnsLxB7cTGhsVisc9pWKAJsoNZ4pXCVOkqKc1mFL7dw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -797,31 +794,30 @@
       }
     },
     "node_modules/@angular/cli": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-21.1.4.tgz",
-      "integrity": "sha512-XsMHgxTvHGiXXrhYZz3zMZYhYU0gHdpoHKGiEKXwcx+S1KoYbIssyg6oF2Kq49ZaE0OYCTKjnvgDce6ZqdkJ/A==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-21.2.1.tgz",
+      "integrity": "sha512-5SRfMTgwFj1zXOpfeZWHsxZBni0J4Xz7/CbewG47D6DmbstOrSdgt6eNzJ62R650t0G9dpri2YvToZgImtbjOQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/architect": "0.2101.4",
-        "@angular-devkit/core": "21.1.4",
-        "@angular-devkit/schematics": "21.1.4",
+        "@angular-devkit/architect": "0.2102.1",
+        "@angular-devkit/core": "21.2.1",
+        "@angular-devkit/schematics": "21.2.1",
         "@inquirer/prompts": "7.10.1",
         "@listr2/prompt-adapter-inquirer": "3.0.5",
         "@modelcontextprotocol/sdk": "1.26.0",
-        "@schematics/angular": "21.1.4",
+        "@schematics/angular": "21.2.1",
         "@yarnpkg/lockfile": "1.1.0",
-        "algoliasearch": "5.46.2",
+        "algoliasearch": "5.48.1",
         "ini": "6.0.0",
         "jsonc-parser": "3.3.1",
         "listr2": "9.0.5",
         "npm-package-arg": "13.0.2",
-        "pacote": "21.0.4",
+        "pacote": "21.3.1",
         "parse5-html-rewriting-stream": "8.0.0",
-        "resolve": "1.22.11",
-        "semver": "7.7.3",
+        "semver": "7.7.4",
         "yargs": "18.0.0",
-        "zod": "4.3.5"
+        "zod": "4.3.6"
       },
       "bin": {
         "ng": "bin/ng.js"
@@ -833,9 +829,9 @@
       }
     },
     "node_modules/@angular/common": {
-      "version": "21.1.5",
-      "resolved": "https://registry.npmjs.org/@angular/common/-/common-21.1.5.tgz",
-      "integrity": "sha512-olO2F0b+H8YBfsuQFEwo9Hjf+B714xGcttDW37+4jnY2IRS2uYeMu2RGIpY7ps+0uZ017c4iK3CCgSPBgmbTcA==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@angular/common/-/common-21.2.1.tgz",
+      "integrity": "sha512-xhv2i1Q9s1kpGbGsfj+o36+XUC/TQLcZyRuRxn3GwaN7Rv34FabC88ycpvoE+sW/txj4JRx9yPA0dRSZjwZ+Gg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -845,14 +841,14 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "21.1.5",
+        "@angular/core": "21.2.1",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/compiler": {
-      "version": "21.1.5",
-      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-21.1.5.tgz",
-      "integrity": "sha512-yRUdWlL+AWcTL4d7zD0jkNqsjvxXpWEihvOfD2gc65DO0+E80DsWIpHq9A8yWeLukbfLcmBGI2QbfW9+SXAlvg==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-21.2.1.tgz",
+      "integrity": "sha512-FxWaSaii1vfHIFA+JksqQ8NGB2frfqCrs7Ju50a44kbwR4fmanfn/VsiS/CbwBp9vcyT/Br9X/jAG4RuK/U2nw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -863,13 +859,13 @@
       }
     },
     "node_modules/@angular/compiler-cli": {
-      "version": "21.1.5",
-      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-21.1.5.tgz",
-      "integrity": "sha512-i2r2bQuWdjjFGTd2TA7FtCWNx5yJ3BMoyTGUC9lzSfmxWAfcH/NWR+6OdaEVwv6Zap3IXYYxs8S+REkx954EwA==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-21.2.1.tgz",
+      "integrity": "sha512-qYCWLGtEju4cDtYLi4ZzbwKoF0lcGs+Lc31kuESvAzYvWNgk2EUOtwWo8kbgpAzAwSYodtxW6Q90iWEwfU6elw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@babel/core": "7.28.5",
+        "@babel/core": "7.29.0",
         "@jridgewell/sourcemap-codec": "^1.4.14",
         "chokidar": "^5.0.0",
         "convert-source-map": "^1.5.1",
@@ -886,8 +882,8 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/compiler": "21.1.5",
-        "typescript": ">=5.9 <6.0"
+        "@angular/compiler": "21.2.1",
+        "typescript": ">=5.9 <6.1"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -896,9 +892,9 @@
       }
     },
     "node_modules/@angular/core": {
-      "version": "21.1.5",
-      "resolved": "https://registry.npmjs.org/@angular/core/-/core-21.1.5.tgz",
-      "integrity": "sha512-m61YHiyE+SIvS8UXcFLjYCucv6ShJJCwz9xxEk7ysYW9wOtHdfIf9tgyOsucZDAvrvpSyQLRj5jGBCGm1VIvXA==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@angular/core/-/core-21.2.1.tgz",
+      "integrity": "sha512-pFTbg03s2ZI5cHNT+eWsGjwIIKiYkeAnodFbCAHjwFi9KCEYlTykFLjr9lcpGrBddfmAH7GE08Q73vgmsdcNHw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -908,7 +904,7 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/compiler": "21.1.5",
+        "@angular/compiler": "21.2.1",
         "rxjs": "^6.5.3 || ^7.4.0",
         "zone.js": "~0.15.0 || ~0.16.0"
       },
@@ -922,9 +918,9 @@
       }
     },
     "node_modules/@angular/elements": {
-      "version": "21.1.5",
-      "resolved": "https://registry.npmjs.org/@angular/elements/-/elements-21.1.5.tgz",
-      "integrity": "sha512-SoXNNLEBn9w3NP5vZJiMQfdiJ1FLY0VuDP5VvscPVqebh/nfpDw7jOu8Pb2S9wTANsfmlFX4QK1ehl3nJVY/Fw==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@angular/elements/-/elements-21.2.1.tgz",
+      "integrity": "sha512-NF2mNcnpHKeDoOzQ0nY0pk111kVdBESXrmDfxO0LCs1JU9c2tNw45pWqpsu3CqbH61rx+b6kLIIz9RjcZVaPMg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -934,14 +930,14 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "21.1.5",
+        "@angular/core": "21.2.1",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/forms": {
-      "version": "21.1.5",
-      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-21.1.5.tgz",
-      "integrity": "sha512-Z8Vcgz5KYlCobRxLjyGGUBv0mA4nusuiD36GqYRn3sR780TLDcPFVwTCwVEWLdwID64oiHXG+x9jjU/Z3HzR6A==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-21.2.1.tgz",
+      "integrity": "sha512-6aqOPk9xoa0dfeUDeEbhaiPhmt6MQrdn59qbGAomn9RMXA925TrHbJhSIkp9tXc2Fr4aJRi8zkD/cdXEc1IYeA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -952,23 +948,23 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "21.1.5",
-        "@angular/core": "21.1.5",
-        "@angular/platform-browser": "21.1.5",
+        "@angular/common": "21.2.1",
+        "@angular/core": "21.2.1",
+        "@angular/platform-browser": "21.2.1",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/material": {
-      "version": "21.1.5",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-21.1.5.tgz",
-      "integrity": "sha512-D6JvFulPvIKhPJ52prMV7DxwYMzcUpHar11ZcMb7r9WQzUfCS3FDPXfMAce5n3h+3kFccfmmGpnyBwqTlLPSig==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-21.2.1.tgz",
+      "integrity": "sha512-+E7km7o1LZ0O+iE+sSX4M3r0WLPCOe0hwJp4o5hUM5jR+a2B+Ba14d4QWwN1r3R3qqwzCO1z5/44R0GoDkR2gg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/cdk": "21.1.5",
+        "@angular/cdk": "21.2.1",
         "@angular/common": "^21.0.0 || ^22.0.0",
         "@angular/core": "^21.0.0 || ^22.0.0",
         "@angular/forms": "^21.0.0 || ^22.0.0",
@@ -977,9 +973,9 @@
       }
     },
     "node_modules/@angular/platform-browser": {
-      "version": "21.1.5",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-21.1.5.tgz",
-      "integrity": "sha512-rAN0cu05Pg7HHe9JMRd3g5JyyVCeFW8QiB/jG6klUrOTF4QzyCbmwlm7MX0uTx3CWAZraWCGbdahUkLyYtuqFA==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-21.2.1.tgz",
+      "integrity": "sha512-k4SJLxIaLT26vLjLuFL+ho0BiG5PrdxEsjsXFC7w5iUhomeouzkHVTZ4t7gaLNKrdRD7QNtU4Faw0nL0yx0ZPQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -989,9 +985,9 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/animations": "21.1.5",
-        "@angular/common": "21.1.5",
-        "@angular/core": "21.1.5"
+        "@angular/animations": "21.2.1",
+        "@angular/common": "21.2.1",
+        "@angular/core": "21.2.1"
       },
       "peerDependenciesMeta": {
         "@angular/animations": {
@@ -1000,9 +996,9 @@
       }
     },
     "node_modules/@angular/router": {
-      "version": "21.1.5",
-      "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.1.5.tgz",
-      "integrity": "sha512-OjFn6Nw51CU712CMbl2U9TxlCkzOmjMLYPAfnV4+RdG7o+/eOS2nV0oapJ88RNCw7Yl04PA1amc3ql3agDFd4A==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.2.1.tgz",
+      "integrity": "sha512-FUKG+8ImQYxmlDUdAs7+VeS/VrBNrbo0zGiKkzVNU/bbcCyroKXJLXFtkFI3qmROiJNyIta2IMBCHJvIjLIMig==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -1012,9 +1008,9 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "21.1.5",
-        "@angular/core": "21.1.5",
-        "@angular/platform-browser": "21.1.5",
+        "@angular/common": "21.2.1",
+        "@angular/core": "21.2.1",
+        "@angular/platform-browser": "21.2.1",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
@@ -1042,20 +1038,20 @@
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.5.tgz",
-      "integrity": "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
+      "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
       "license": "MIT",
       "dependencies": {
-        "@babel/code-frame": "^7.27.1",
-        "@babel/generator": "^7.28.5",
-        "@babel/helper-compilation-targets": "^7.27.2",
-        "@babel/helper-module-transforms": "^7.28.3",
-        "@babel/helpers": "^7.28.4",
-        "@babel/parser": "^7.28.5",
-        "@babel/template": "^7.27.2",
-        "@babel/traverse": "^7.28.5",
-        "@babel/types": "^7.28.5",
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-compilation-targets": "^7.28.6",
+        "@babel/helper-module-transforms": "^7.28.6",
+        "@babel/helpers": "^7.28.6",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/traverse": "^7.29.0",
+        "@babel/types": "^7.29.0",
         "@jridgewell/remapping": "^2.3.5",
         "convert-source-map": "^2.0.0",
         "debug": "^4.1.0",
@@ -1087,13 +1083,13 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.5.tgz",
-      "integrity": "sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==",
+      "version": "7.29.1",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
+      "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
       "license": "MIT",
       "dependencies": {
-        "@babel/parser": "^7.28.5",
-        "@babel/types": "^7.28.5",
+        "@babel/parser": "^7.29.0",
+        "@babel/types": "^7.29.0",
         "@jridgewell/gen-mapping": "^0.3.12",
         "@jridgewell/trace-mapping": "^0.3.28",
         "jsesc": "^3.0.2"
@@ -1589,15 +1585,15 @@
       }
     },
     "node_modules/@babel/plugin-transform-async-generator-functions": {
-      "version": "7.28.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.28.0.tgz",
-      "integrity": "sha512-BEOdvX4+M765icNPZeidyADIvQ1m1gmunXufXxvRESy/jNNyfovIqUyE7MVgGBjWktCoJlzvFA1To2O4ymIO3Q==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.29.0.tgz",
+      "integrity": "sha512-va0VdWro4zlBr2JsXC+ofCPB2iG12wPtVGTWFx2WLDOM3nYQZZIGP82qku2eW/JR83sD+k2k+CsNtyEbUqhU6w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.28.6",
         "@babel/helper-remap-async-to-generator": "^7.27.1",
-        "@babel/traverse": "^7.28.0"
+        "@babel/traverse": "^7.29.0"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1607,14 +1603,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-async-to-generator": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.27.1.tgz",
-      "integrity": "sha512-NREkZsZVJS4xmTr8qzE5y8AfIPqsdQfRuUiLRTEzb7Qii8iFWCyDKaUV2c0rCuh4ljDZ98ALHP/PetiBV2nddA==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.28.6.tgz",
+      "integrity": "sha512-ilTRcmbuXjsMmcZ3HASTe4caH5Tpo93PkTxF9oG2VZsSWsahydmcEHhix9Ik122RcTnZnUzPbmux4wh1swfv7g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-module-imports": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-module-imports": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6",
         "@babel/helper-remap-async-to-generator": "^7.27.1"
       },
       "engines": {
@@ -2281,14 +2277,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-runtime": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.28.5.tgz",
-      "integrity": "sha512-20NUVgOrinudkIBzQ2bNxP08YpKprUkRTiRSd2/Z5GOdPImJGkoN4Z7IQe1T5AdyKI1i5L6RBmluqdSzvaq9/w==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.29.0.tgz",
+      "integrity": "sha512-jlaRT5dJtMaMCV6fAuLbsQMSwz/QkvaHOHOSXRitGGwSpR1blCY4KUKoyP2tYO8vJcqYe8cEj96cqSztv3uF9w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-module-imports": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-module-imports": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6",
         "babel-plugin-polyfill-corejs2": "^0.4.14",
         "babel-plugin-polyfill-corejs3": "^0.13.0",
         "babel-plugin-polyfill-regenerator": "^0.6.5",
@@ -2460,81 +2456,81 @@
       }
     },
     "node_modules/@babel/preset-env": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.28.5.tgz",
-      "integrity": "sha512-S36mOoi1Sb6Fz98fBfE+UZSpYw5mJm0NUHtIKrOuNcqeFauy1J6dIvXm2KRVKobOSaGq4t/hBXdN4HGU3wL9Wg==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.29.0.tgz",
+      "integrity": "sha512-fNEdfc0yi16lt6IZo2Qxk3knHVdfMYX33czNb4v8yWhemoBhibCpQK/uYHtSKIiO+p/zd3+8fYVXhQdOVV608w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/compat-data": "^7.28.5",
-        "@babel/helper-compilation-targets": "^7.27.2",
-        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/compat-data": "^7.29.0",
+        "@babel/helper-compilation-targets": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6",
         "@babel/helper-validator-option": "^7.27.1",
         "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.28.5",
         "@babel/plugin-bugfix-safari-class-field-initializer-scope": "^7.27.1",
         "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.27.1",
         "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.27.1",
-        "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.28.3",
+        "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.28.6",
         "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2",
-        "@babel/plugin-syntax-import-assertions": "^7.27.1",
-        "@babel/plugin-syntax-import-attributes": "^7.27.1",
+        "@babel/plugin-syntax-import-assertions": "^7.28.6",
+        "@babel/plugin-syntax-import-attributes": "^7.28.6",
         "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
         "@babel/plugin-transform-arrow-functions": "^7.27.1",
-        "@babel/plugin-transform-async-generator-functions": "^7.28.0",
-        "@babel/plugin-transform-async-to-generator": "^7.27.1",
+        "@babel/plugin-transform-async-generator-functions": "^7.29.0",
+        "@babel/plugin-transform-async-to-generator": "^7.28.6",
         "@babel/plugin-transform-block-scoped-functions": "^7.27.1",
-        "@babel/plugin-transform-block-scoping": "^7.28.5",
-        "@babel/plugin-transform-class-properties": "^7.27.1",
-        "@babel/plugin-transform-class-static-block": "^7.28.3",
-        "@babel/plugin-transform-classes": "^7.28.4",
-        "@babel/plugin-transform-computed-properties": "^7.27.1",
+        "@babel/plugin-transform-block-scoping": "^7.28.6",
+        "@babel/plugin-transform-class-properties": "^7.28.6",
+        "@babel/plugin-transform-class-static-block": "^7.28.6",
+        "@babel/plugin-transform-classes": "^7.28.6",
+        "@babel/plugin-transform-computed-properties": "^7.28.6",
         "@babel/plugin-transform-destructuring": "^7.28.5",
-        "@babel/plugin-transform-dotall-regex": "^7.27.1",
+        "@babel/plugin-transform-dotall-regex": "^7.28.6",
         "@babel/plugin-transform-duplicate-keys": "^7.27.1",
-        "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "^7.27.1",
+        "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "^7.29.0",
         "@babel/plugin-transform-dynamic-import": "^7.27.1",
-        "@babel/plugin-transform-explicit-resource-management": "^7.28.0",
-        "@babel/plugin-transform-exponentiation-operator": "^7.28.5",
+        "@babel/plugin-transform-explicit-resource-management": "^7.28.6",
+        "@babel/plugin-transform-exponentiation-operator": "^7.28.6",
         "@babel/plugin-transform-export-namespace-from": "^7.27.1",
         "@babel/plugin-transform-for-of": "^7.27.1",
         "@babel/plugin-transform-function-name": "^7.27.1",
-        "@babel/plugin-transform-json-strings": "^7.27.1",
+        "@babel/plugin-transform-json-strings": "^7.28.6",
         "@babel/plugin-transform-literals": "^7.27.1",
-        "@babel/plugin-transform-logical-assignment-operators": "^7.28.5",
+        "@babel/plugin-transform-logical-assignment-operators": "^7.28.6",
         "@babel/plugin-transform-member-expression-literals": "^7.27.1",
         "@babel/plugin-transform-modules-amd": "^7.27.1",
-        "@babel/plugin-transform-modules-commonjs": "^7.27.1",
-        "@babel/plugin-transform-modules-systemjs": "^7.28.5",
+        "@babel/plugin-transform-modules-commonjs": "^7.28.6",
+        "@babel/plugin-transform-modules-systemjs": "^7.29.0",
         "@babel/plugin-transform-modules-umd": "^7.27.1",
-        "@babel/plugin-transform-named-capturing-groups-regex": "^7.27.1",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.29.0",
         "@babel/plugin-transform-new-target": "^7.27.1",
-        "@babel/plugin-transform-nullish-coalescing-operator": "^7.27.1",
-        "@babel/plugin-transform-numeric-separator": "^7.27.1",
-        "@babel/plugin-transform-object-rest-spread": "^7.28.4",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.28.6",
+        "@babel/plugin-transform-numeric-separator": "^7.28.6",
+        "@babel/plugin-transform-object-rest-spread": "^7.28.6",
         "@babel/plugin-transform-object-super": "^7.27.1",
-        "@babel/plugin-transform-optional-catch-binding": "^7.27.1",
-        "@babel/plugin-transform-optional-chaining": "^7.28.5",
+        "@babel/plugin-transform-optional-catch-binding": "^7.28.6",
+        "@babel/plugin-transform-optional-chaining": "^7.28.6",
         "@babel/plugin-transform-parameters": "^7.27.7",
-        "@babel/plugin-transform-private-methods": "^7.27.1",
-        "@babel/plugin-transform-private-property-in-object": "^7.27.1",
+        "@babel/plugin-transform-private-methods": "^7.28.6",
+        "@babel/plugin-transform-private-property-in-object": "^7.28.6",
         "@babel/plugin-transform-property-literals": "^7.27.1",
-        "@babel/plugin-transform-regenerator": "^7.28.4",
-        "@babel/plugin-transform-regexp-modifiers": "^7.27.1",
+        "@babel/plugin-transform-regenerator": "^7.29.0",
+        "@babel/plugin-transform-regexp-modifiers": "^7.28.6",
         "@babel/plugin-transform-reserved-words": "^7.27.1",
         "@babel/plugin-transform-shorthand-properties": "^7.27.1",
-        "@babel/plugin-transform-spread": "^7.27.1",
+        "@babel/plugin-transform-spread": "^7.28.6",
         "@babel/plugin-transform-sticky-regex": "^7.27.1",
         "@babel/plugin-transform-template-literals": "^7.27.1",
         "@babel/plugin-transform-typeof-symbol": "^7.27.1",
         "@babel/plugin-transform-unicode-escapes": "^7.27.1",
-        "@babel/plugin-transform-unicode-property-regex": "^7.27.1",
+        "@babel/plugin-transform-unicode-property-regex": "^7.28.6",
         "@babel/plugin-transform-unicode-regex": "^7.27.1",
-        "@babel/plugin-transform-unicode-sets-regex": "^7.27.1",
+        "@babel/plugin-transform-unicode-sets-regex": "^7.28.6",
         "@babel/preset-modules": "0.1.6-no-external-plugins",
-        "babel-plugin-polyfill-corejs2": "^0.4.14",
-        "babel-plugin-polyfill-corejs3": "^0.13.0",
-        "babel-plugin-polyfill-regenerator": "^0.6.5",
-        "core-js-compat": "^3.43.0",
+        "babel-plugin-polyfill-corejs2": "^0.4.15",
+        "babel-plugin-polyfill-corejs3": "^0.14.0",
+        "babel-plugin-polyfill-regenerator": "^0.6.6",
+        "core-js-compat": "^3.48.0",
         "semver": "^6.3.1"
       },
       "engines": {
@@ -2544,6 +2540,20 @@
         "@babel/core": "^7.0.0-0"
       }
     },
+    "node_modules/@babel/preset-env/node_modules/babel-plugin-polyfill-corejs3": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.14.0.tgz",
+      "integrity": "sha512-AvDcMxJ34W4Wgy4KBIIePQTAOP1Ie2WFwkQp3dB7FQ/f0lI5+nM96zUnYEOE1P9sEg0es5VCP0HxiWu5fUHZAQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-define-polyfill-provider": "^0.6.6",
+        "core-js-compat": "^3.48.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
     "node_modules/@babel/preset-env/node_modules/semver": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
@@ -2570,9 +2580,9 @@
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.28.4",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.4.tgz",
-      "integrity": "sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.6.tgz",
+      "integrity": "sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2611,22 +2621,6 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/traverse/node_modules/@babel/generator": {
-      "version": "7.29.1",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
-      "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/parser": "^7.29.0",
-        "@babel/types": "^7.29.0",
-        "@jridgewell/gen-mapping": "^0.3.12",
-        "@jridgewell/trace-mapping": "^0.3.28",
-        "jsesc": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/types": {
       "version": "7.29.0",
       "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
@@ -2685,9 +2679,9 @@
       }
     },
     "node_modules/@esbuild/aix-ppc64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.2.tgz",
-      "integrity": "sha512-GZMB+a0mOMZs4MpDbj8RJp4cw+w1WV5NYD6xzgvzUJ5Ek2jerwfO2eADyI6ExDSUED+1X8aMbegahsJi+8mgpw==",
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.3.tgz",
+      "integrity": "sha512-9fJMTNFTWZMh5qwrBItuziu834eOCUcEqymSH7pY+zoMVEZg3gcPuBNxH1EvfVYe9h0x/Ptw8KBzv7qxb7l8dg==",
       "cpu": [
         "ppc64"
       ],
@@ -2702,9 +2696,9 @@
       }
     },
     "node_modules/@esbuild/android-arm": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.2.tgz",
-      "integrity": "sha512-DVNI8jlPa7Ujbr1yjU2PfUSRtAUZPG9I1RwW4F4xFB1Imiu2on0ADiI/c3td+KmDtVKNbi+nffGDQMfcIMkwIA==",
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.3.tgz",
+      "integrity": "sha512-i5D1hPY7GIQmXlXhs2w8AWHhenb00+GxjxRncS2ZM7YNVGNfaMxgzSGuO8o8SJzRc/oZwU2bcScvVERk03QhzA==",
       "cpu": [
         "arm"
       ],
@@ -2719,9 +2713,9 @@
       }
     },
     "node_modules/@esbuild/android-arm64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.2.tgz",
-      "integrity": "sha512-pvz8ZZ7ot/RBphf8fv60ljmaoydPU12VuXHImtAs0XhLLw+EXBi2BLe3OYSBslR4rryHvweW5gmkKFwTiFy6KA==",
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.3.tgz",
+      "integrity": "sha512-YdghPYUmj/FX2SYKJ0OZxf+iaKgMsKHVPF1MAq/P8WirnSpCStzKJFjOjzsW0QQ7oIAiccHdcqjbHmJxRb/dmg==",
       "cpu": [
         "arm64"
       ],
@@ -2736,9 +2730,9 @@
       }
     },
     "node_modules/@esbuild/android-x64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.2.tgz",
-      "integrity": "sha512-z8Ank4Byh4TJJOh4wpz8g2vDy75zFL0TlZlkUkEwYXuPSgX8yzep596n6mT7905kA9uHZsf/o2OJZubl2l3M7A==",
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.3.tgz",
+      "integrity": "sha512-IN/0BNTkHtk8lkOM8JWAYFg4ORxBkZQf9zXiEOfERX/CzxW3Vg1ewAhU7QSWQpVIzTW+b8Xy+lGzdYXV6UZObQ==",
       "cpu": [
         "x64"
       ],
@@ -2753,9 +2747,9 @@
       }
     },
     "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.2.tgz",
-      "integrity": "sha512-davCD2Zc80nzDVRwXTcQP/28fiJbcOwvdolL0sOiOsbwBa72kegmVU0Wrh1MYrbuCL98Omp5dVhQFWRKR2ZAlg==",
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.3.tgz",
+      "integrity": "sha512-Re491k7ByTVRy0t3EKWajdLIr0gz2kKKfzafkth4Q8A5n1xTHrkqZgLLjFEHVD+AXdUGgQMq+Godfq45mGpCKg==",
       "cpu": [
         "arm64"
       ],
@@ -2770,9 +2764,9 @@
       }
     },
     "node_modules/@esbuild/darwin-x64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.2.tgz",
-      "integrity": "sha512-ZxtijOmlQCBWGwbVmwOF/UCzuGIbUkqB1faQRf5akQmxRJ1ujusWsb3CVfk/9iZKr2L5SMU5wPBi1UWbvL+VQA==",
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.3.tgz",
+      "integrity": "sha512-vHk/hA7/1AckjGzRqi6wbo+jaShzRowYip6rt6q7VYEDX4LEy1pZfDpdxCBnGtl+A5zq8iXDcyuxwtv3hNtHFg==",
       "cpu": [
         "x64"
       ],
@@ -2787,9 +2781,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.2.tgz",
-      "integrity": "sha512-lS/9CN+rgqQ9czogxlMcBMGd+l8Q3Nj1MFQwBZJyoEKI50XGxwuzznYdwcav6lpOGv5BqaZXqvBSiB/kJ5op+g==",
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.3.tgz",
+      "integrity": "sha512-ipTYM2fjt3kQAYOvo6vcxJx3nBYAzPjgTCk7QEgZG8AUO3ydUhvelmhrbOheMnGOlaSFUoHXB6un+A7q4ygY9w==",
       "cpu": [
         "arm64"
       ],
@@ -2804,9 +2798,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.2.tgz",
-      "integrity": "sha512-tAfqtNYb4YgPnJlEFu4c212HYjQWSO/w/h/lQaBK7RbwGIkBOuNKQI9tqWzx7Wtp7bTPaGC6MJvWI608P3wXYA==",
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.3.tgz",
+      "integrity": "sha512-dDk0X87T7mI6U3K9VjWtHOXqwAMJBNN2r7bejDsc+j03SEjtD9HrOl8gVFByeM0aJksoUuUVU9TBaZa2rgj0oA==",
       "cpu": [
         "x64"
       ],
@@ -2821,9 +2815,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.2.tgz",
-      "integrity": "sha512-vWfq4GaIMP9AIe4yj1ZUW18RDhx6EPQKjwe7n8BbIecFtCQG4CfHGaHuh7fdfq+y3LIA2vGS/o9ZBGVxIDi9hw==",
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.3.tgz",
+      "integrity": "sha512-s6nPv2QkSupJwLYyfS+gwdirm0ukyTFNl3KTgZEAiJDd+iHZcbTPPcWCcRYH+WlNbwChgH2QkE9NSlNrMT8Gfw==",
       "cpu": [
         "arm"
       ],
@@ -2838,9 +2832,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.2.tgz",
-      "integrity": "sha512-hYxN8pr66NsCCiRFkHUAsxylNOcAQaxSSkHMMjcpx0si13t1LHFphxJZUiGwojB1a/Hd5OiPIqDdXONia6bhTw==",
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.3.tgz",
+      "integrity": "sha512-sZOuFz/xWnZ4KH3YfFrKCf1WyPZHakVzTiqji3WDc0BCl2kBwiJLCXpzLzUBLgmp4veFZdvN5ChW4Eq/8Fc2Fg==",
       "cpu": [
         "arm64"
       ],
@@ -2855,9 +2849,9 @@
       }
     },
     "node_modules/@esbuild/linux-ia32": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.2.tgz",
-      "integrity": "sha512-MJt5BRRSScPDwG2hLelYhAAKh9imjHK5+NE/tvnRLbIqUWa+0E9N4WNMjmp/kXXPHZGqPLxggwVhz7QP8CTR8w==",
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.3.tgz",
+      "integrity": "sha512-yGlQYjdxtLdh0a3jHjuwOrxQjOZYD/C9PfdbgJJF3TIZWnm/tMd/RcNiLngiu4iwcBAOezdnSLAwQDPqTmtTYg==",
       "cpu": [
         "ia32"
       ],
@@ -2872,9 +2866,9 @@
       }
     },
     "node_modules/@esbuild/linux-loong64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.2.tgz",
-      "integrity": "sha512-lugyF1atnAT463aO6KPshVCJK5NgRnU4yb3FUumyVz+cGvZbontBgzeGFO1nF+dPueHD367a2ZXe1NtUkAjOtg==",
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.3.tgz",
+      "integrity": "sha512-WO60Sn8ly3gtzhyjATDgieJNet/KqsDlX5nRC5Y3oTFcS1l0KWba+SEa9Ja1GfDqSF1z6hif/SkpQJbL63cgOA==",
       "cpu": [
         "loong64"
       ],
@@ -2889,9 +2883,9 @@
       }
     },
     "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.2.tgz",
-      "integrity": "sha512-nlP2I6ArEBewvJ2gjrrkESEZkB5mIoaTswuqNFRv/WYd+ATtUpe9Y09RnJvgvdag7he0OWgEZWhviS1OTOKixw==",
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.3.tgz",
+      "integrity": "sha512-APsymYA6sGcZ4pD6k+UxbDjOFSvPWyZhjaiPyl/f79xKxwTnrn5QUnXR5prvetuaSMsb4jgeHewIDCIWljrSxw==",
       "cpu": [
         "mips64el"
       ],
@@ -2906,9 +2900,9 @@
       }
     },
     "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.2.tgz",
-      "integrity": "sha512-C92gnpey7tUQONqg1n6dKVbx3vphKtTHJaNG2Ok9lGwbZil6DrfyecMsp9CrmXGQJmZ7iiVXvvZH6Ml5hL6XdQ==",
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.3.tgz",
+      "integrity": "sha512-eizBnTeBefojtDb9nSh4vvVQ3V9Qf9Df01PfawPcRzJH4gFSgrObw+LveUyDoKU3kxi5+9RJTCWlj4FjYXVPEA==",
       "cpu": [
         "ppc64"
       ],
@@ -2923,9 +2917,9 @@
       }
     },
     "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.2.tgz",
-      "integrity": "sha512-B5BOmojNtUyN8AXlK0QJyvjEZkWwy/FKvakkTDCziX95AowLZKR6aCDhG7LeF7uMCXEJqwa8Bejz5LTPYm8AvA==",
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.3.tgz",
+      "integrity": "sha512-3Emwh0r5wmfm3ssTWRQSyVhbOHvqegUDRd0WhmXKX2mkHJe1SFCMJhagUleMq+Uci34wLSipf8Lagt4LlpRFWQ==",
       "cpu": [
         "riscv64"
       ],
@@ -2940,9 +2934,9 @@
       }
     },
     "node_modules/@esbuild/linux-s390x": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.2.tgz",
-      "integrity": "sha512-p4bm9+wsPwup5Z8f4EpfN63qNagQ47Ua2znaqGH6bqLlmJ4bx97Y9JdqxgGZ6Y8xVTixUnEkoKSHcpRlDnNr5w==",
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.3.tgz",
+      "integrity": "sha512-pBHUx9LzXWBc7MFIEEL0yD/ZVtNgLytvx60gES28GcWMqil8ElCYR4kvbV2BDqsHOvVDRrOxGySBM9Fcv744hw==",
       "cpu": [
         "s390x"
       ],
@@ -2957,9 +2951,9 @@
       }
     },
     "node_modules/@esbuild/linux-x64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.2.tgz",
-      "integrity": "sha512-uwp2Tip5aPmH+NRUwTcfLb+W32WXjpFejTIOWZFw/v7/KnpCDKG66u4DLcurQpiYTiYwQ9B7KOeMJvLCu/OvbA==",
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.3.tgz",
+      "integrity": "sha512-Czi8yzXUWIQYAtL/2y6vogER8pvcsOsk5cpwL4Gk5nJqH5UZiVByIY8Eorm5R13gq+DQKYg0+JyQoytLQas4dA==",
       "cpu": [
         "x64"
       ],
@@ -2974,9 +2968,9 @@
       }
     },
     "node_modules/@esbuild/netbsd-arm64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.2.tgz",
-      "integrity": "sha512-Kj6DiBlwXrPsCRDeRvGAUb/LNrBASrfqAIok+xB0LxK8CHqxZ037viF13ugfsIpePH93mX7xfJp97cyDuTZ3cw==",
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.3.tgz",
+      "integrity": "sha512-sDpk0RgmTCR/5HguIZa9n9u+HVKf40fbEUt+iTzSnCaGvY9kFP0YKBWZtJaraonFnqef5SlJ8/TiPAxzyS+UoA==",
       "cpu": [
         "arm64"
       ],
@@ -2991,9 +2985,9 @@
       }
     },
     "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.2.tgz",
-      "integrity": "sha512-HwGDZ0VLVBY3Y+Nw0JexZy9o/nUAWq9MlV7cahpaXKW6TOzfVno3y3/M8Ga8u8Yr7GldLOov27xiCnqRZf0tCA==",
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.3.tgz",
+      "integrity": "sha512-P14lFKJl/DdaE00LItAukUdZO5iqNH7+PjoBm+fLQjtxfcfFE20Xf5CrLsmZdq5LFFZzb5JMZ9grUwvtVYzjiA==",
       "cpu": [
         "x64"
       ],
@@ -3008,9 +3002,9 @@
       }
     },
     "node_modules/@esbuild/openbsd-arm64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.2.tgz",
-      "integrity": "sha512-DNIHH2BPQ5551A7oSHD0CKbwIA/Ox7+78/AWkbS5QoRzaqlev2uFayfSxq68EkonB+IKjiuxBFoV8ESJy8bOHA==",
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.3.tgz",
+      "integrity": "sha512-AIcMP77AvirGbRl/UZFTq5hjXK+2wC7qFRGoHSDrZ5v5b8DK/GYpXW3CPRL53NkvDqb9D+alBiC/dV0Fb7eJcw==",
       "cpu": [
         "arm64"
       ],
@@ -3025,9 +3019,9 @@
       }
     },
     "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.2.tgz",
-      "integrity": "sha512-/it7w9Nb7+0KFIzjalNJVR5bOzA9Vay+yIPLVHfIQYG/j+j9VTH84aNB8ExGKPU4AzfaEvN9/V4HV+F+vo8OEg==",
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.3.tgz",
+      "integrity": "sha512-DnW2sRrBzA+YnE70LKqnM3P+z8vehfJWHXECbwBmH/CU51z6FiqTQTHFenPlHmo3a8UgpLyH3PT+87OViOh1AQ==",
       "cpu": [
         "x64"
       ],
@@ -3042,9 +3036,9 @@
       }
     },
     "node_modules/@esbuild/openharmony-arm64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.2.tgz",
-      "integrity": "sha512-LRBbCmiU51IXfeXk59csuX/aSaToeG7w48nMwA6049Y4J4+VbWALAuXcs+qcD04rHDuSCSRKdmY63sruDS5qag==",
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.3.tgz",
+      "integrity": "sha512-NinAEgr/etERPTsZJ7aEZQvvg/A6IsZG/LgZy+81wON2huV7SrK3e63dU0XhyZP4RKGyTm7aOgmQk0bGp0fy2g==",
       "cpu": [
         "arm64"
       ],
@@ -3059,9 +3053,9 @@
       }
     },
     "node_modules/@esbuild/sunos-x64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.2.tgz",
-      "integrity": "sha512-kMtx1yqJHTmqaqHPAzKCAkDaKsffmXkPHThSfRwZGyuqyIeBvf08KSsYXl+abf5HDAPMJIPnbBfXvP2ZC2TfHg==",
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.3.tgz",
+      "integrity": "sha512-PanZ+nEz+eWoBJ8/f8HKxTTD172SKwdXebZ0ndd953gt1HRBbhMsaNqjTyYLGLPdoWHy4zLU7bDVJztF5f3BHA==",
       "cpu": [
         "x64"
       ],
@@ -3076,9 +3070,9 @@
       }
     },
     "node_modules/@esbuild/win32-arm64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.2.tgz",
-      "integrity": "sha512-Yaf78O/B3Kkh+nKABUF++bvJv5Ijoy9AN1ww904rOXZFLWVc5OLOfL56W+C8F9xn5JQZa3UX6m+IktJnIb1Jjg==",
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.3.tgz",
+      "integrity": "sha512-B2t59lWWYrbRDw/tjiWOuzSsFh1Y/E95ofKz7rIVYSQkUYBjfSgf6oeYPNWHToFRr2zx52JKApIcAS/D5TUBnA==",
       "cpu": [
         "arm64"
       ],
@@ -3093,9 +3087,9 @@
       }
     },
     "node_modules/@esbuild/win32-ia32": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.2.tgz",
-      "integrity": "sha512-Iuws0kxo4yusk7sw70Xa2E2imZU5HoixzxfGCdxwBdhiDgt9vX9VUCBhqcwY7/uh//78A1hMkkROMJq9l27oLQ==",
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.3.tgz",
+      "integrity": "sha512-QLKSFeXNS8+tHW7tZpMtjlNb7HKau0QDpwm49u0vUp9y1WOF+PEzkU84y9GqYaAVW8aH8f3GcBck26jh54cX4Q==",
       "cpu": [
         "ia32"
       ],
@@ -3110,9 +3104,9 @@
       }
     },
     "node_modules/@esbuild/win32-x64": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.2.tgz",
-      "integrity": "sha512-sRdU18mcKf7F+YgheI/zGf5alZatMUTKj/jNS6l744f9u3WFu4v7twcUI9vu4mknF4Y9aDlblIie0IM+5xxaqQ==",
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.3.tgz",
+      "integrity": "sha512-4uJGhsxuptu3OcpVAzli+/gWusVGwZZHTlS63hh++ehExkVT8SgiEf7/uC/PclrPPkLhZqGgCTjd0VWLo6xMqA==",
       "cpu": [
         "x64"
       ],
@@ -3169,165 +3163,81 @@
       }
     },
     "node_modules/@eslint/config-array": {
-      "version": "0.21.1",
-      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.1.tgz",
-      "integrity": "sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==",
+      "version": "0.23.3",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.23.3.tgz",
+      "integrity": "sha512-j+eEWmB6YYLwcNOdlwQ6L2OsptI/LO6lNBuLIqe5R7RetD658HLoF+Mn7LzYmAWWNNzdC6cqP+L6r8ujeYXWLw==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@eslint/object-schema": "^2.1.7",
+        "@eslint/object-schema": "^3.0.3",
         "debug": "^4.3.1",
-        "minimatch": "^3.1.2"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@eslint/config-array/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
+        "minimatch": "^10.2.4"
       },
       "engines": {
-        "node": "*"
+        "node": "^20.19.0 || ^22.13.0 || >=24"
       }
     },
     "node_modules/@eslint/config-helpers": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz",
-      "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.5.2.tgz",
+      "integrity": "sha512-a5MxrdDXEvqnIq+LisyCX6tQMPF/dSJpCfBgBauY+pNZ28yCtSsTvyTYrMhaI+LK26bVyCJfJkT0u8KIj2i1dQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@eslint/core": "^0.17.0"
+        "@eslint/core": "^1.1.0"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": "^20.19.0 || ^22.13.0 || >=24"
       }
     },
     "node_modules/@eslint/core": {
-      "version": "0.17.0",
-      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz",
-      "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-1.1.1.tgz",
+      "integrity": "sha512-QUPblTtE51/7/Zhfv8BDwO0qkkzQL7P/aWWbqcf4xWLEYn1oKjdO0gglQBB4GAsu7u6wjijbCmzsUTy6mnk6oQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@types/json-schema": "^7.0.15"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@eslint/eslintrc": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.3.tgz",
-      "integrity": "sha512-Kr+LPIUVKz2qkx1HAMH8q1q6azbqBAsXJUxBl/ODDuVPX45Z9DfwB8tPjTi6nNZ8BuM3nbJxC5zCAg5elnBUTQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ajv": "^6.12.4",
-        "debug": "^4.3.2",
-        "espree": "^10.0.1",
-        "globals": "^14.0.0",
-        "ignore": "^5.2.0",
-        "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.1",
-        "minimatch": "^3.1.2",
-        "strip-json-comments": "^3.1.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/@eslint/eslintrc/node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dev": true,
-      "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": "^20.19.0 || ^22.13.0 || >=24"
       }
     },
-    "node_modules/@eslint/eslintrc/node_modules/ignore": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
-      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+    "node_modules/@eslint/object-schema": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-3.0.3.tgz",
+      "integrity": "sha512-iM869Pugn9Nsxbh/YHRqYiqd23AmIbxJOcpUMOuWCVNdoQJ5ZtwL6h3t0bcZzJUlC3Dq9jCFCESBZnX0GTv7iQ==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "engines": {
-        "node": ">= 4"
+        "node": "^20.19.0 || ^22.13.0 || >=24"
       }
     },
-    "node_modules/@eslint/eslintrc/node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@eslint/eslintrc/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+    "node_modules/@eslint/plugin-kit": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.6.1.tgz",
+      "integrity": "sha512-iH1B076HoAshH1mLpHMgwdGeTs0CYwL0SPMkGuSebZrwBp16v415e9NZXg2jtrqPVQjf6IANe2Vtlr5KswtcZQ==",
       "dev": true,
-      "license": "ISC",
+      "license": "Apache-2.0",
       "dependencies": {
-        "brace-expansion": "^1.1.7"
+        "@eslint/core": "^1.1.1",
+        "levn": "^0.4.1"
       },
       "engines": {
-        "node": "*"
+        "node": "^20.19.0 || ^22.13.0 || >=24"
       }
     },
-    "node_modules/@eslint/js": {
-      "version": "9.39.2",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.2.tgz",
-      "integrity": "sha512-q1mjIoW1VX4IvSocvM/vbTiveKC4k9eLrajNEuSsmjymSDEbpGddtpfOoN7YGAqBK3NG+uqo8ia4PDTt8buCYA==",
+    "node_modules/@gar/promise-retry": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@gar/promise-retry/-/promise-retry-1.0.2.tgz",
+      "integrity": "sha512-Lm/ZLhDZcBECta3TmCQSngiQykFdfw+QtI1/GYMsZd4l3nG+P8WLB16XuS7WaBGLQ+9E+cOcWQsth9cayuGt8g==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://eslint.org/donate"
-      }
-    },
-    "node_modules/@eslint/object-schema": {
-      "version": "2.1.7",
-      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz",
-      "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@eslint/plugin-kit": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz",
-      "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
-      "dev": true,
-      "license": "Apache-2.0",
       "dependencies": {
-        "@eslint/core": "^0.17.0",
-        "levn": "^0.4.1"
+        "retry": "^0.13.1"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/@gulpjs/messages": {
@@ -3353,10 +3263,18 @@
         "node": ">=10.13.0"
       }
     },
+    "node_modules/@harperfast/extended-iterable": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@harperfast/extended-iterable/-/extended-iterable-1.0.3.tgz",
+      "integrity": "sha512-sSAYhQca3rDWtQUHSAPeO7axFIUJOI6hn1gjRC5APVE1a90tuyT8f5WIgRsFhhWA7htNkju2veB9eWL6YHi/Lw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true
+    },
     "node_modules/@hono/node-server": {
-      "version": "1.19.9",
-      "resolved": "https://registry.npmjs.org/@hono/node-server/-/node-server-1.19.9.tgz",
-      "integrity": "sha512-vHL6w3ecZsky+8P5MD+eFfaGTyCeOHUIFYMGpQGbrBTSmNNoxv0if69rEZ5giu36weC5saFuznL411gRX7bJDw==",
+      "version": "1.19.11",
+      "resolved": "https://registry.npmjs.org/@hono/node-server/-/node-server-1.19.11.tgz",
+      "integrity": "sha512-dr8/3zEaB+p0D2n/IUrlPF1HZm586qgJNXK1a9fhg/PzdtkK7Ksd5l312tJX2yBuALqDYBlG20QEbayqPyxn+g==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -3768,29 +3686,6 @@
         }
       }
     },
-    "node_modules/@isaacs/balanced-match": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/@isaacs/balanced-match/-/balanced-match-4.0.1.tgz",
-      "integrity": "sha512-yzMTt9lEb8Gv7zRioUilSglI0c0smZ9k5D65677DLWLtWJaXIS3CqcGyUFByYKlnUj6TkjLVs54fBl6+TiGQDQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "20 || >=22"
-      }
-    },
-    "node_modules/@isaacs/brace-expansion": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/@isaacs/brace-expansion/-/brace-expansion-5.0.1.tgz",
-      "integrity": "sha512-WMz71T1JS624nWj2n2fnYAuPovhv7EUhk69R6i9dsVyzxt5eM3bjwvgk9L+APE1TRscGysAVMANkB0jh0LQZrQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@isaacs/balanced-match": "^4.0.1"
-      },
-      "engines": {
-        "node": "20 || >=22"
-      }
-    },
     "node_modules/@isaacs/cliui": {
       "version": "8.0.2",
       "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
@@ -3996,14 +3891,14 @@
       }
     },
     "node_modules/@jsonjoy.com/fs-core": {
-      "version": "4.56.10",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-core/-/fs-core-4.56.10.tgz",
-      "integrity": "sha512-PyAEA/3cnHhsGcdY+AmIU+ZPqTuZkDhCXQ2wkXypdLitSpd6d5Ivxhnq4wa2ETRWFVJGabYynBWxIijOswSmOw==",
+      "version": "4.56.11",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-core/-/fs-core-4.56.11.tgz",
+      "integrity": "sha512-wThHjzUp01ImIjfCwhs+UnFkeGPFAymwLEkOtenHewaKe2pTP12p6r1UuwikA9NEvNf9Vlck92r8fb8n/MWM5w==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@jsonjoy.com/fs-node-builtins": "4.56.10",
-        "@jsonjoy.com/fs-node-utils": "4.56.10",
+        "@jsonjoy.com/fs-node-builtins": "4.56.11",
+        "@jsonjoy.com/fs-node-utils": "4.56.11",
         "thingies": "^2.5.0"
       },
       "engines": {
@@ -4018,15 +3913,15 @@
       }
     },
     "node_modules/@jsonjoy.com/fs-fsa": {
-      "version": "4.56.10",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-fsa/-/fs-fsa-4.56.10.tgz",
-      "integrity": "sha512-/FVK63ysNzTPOnCCcPoPHt77TOmachdMS422txM4KhxddLdbW1fIbFMYH0AM0ow/YchCyS5gqEjKLNyv71j/5Q==",
+      "version": "4.56.11",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-fsa/-/fs-fsa-4.56.11.tgz",
+      "integrity": "sha512-ZYlF3XbMayyp97xEN8ZvYutU99PCHjM64mMZvnCseXkCJXJDVLAwlF8Q/7q/xiWQRsv3pQBj1WXHd9eEyYcaCQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@jsonjoy.com/fs-core": "4.56.10",
-        "@jsonjoy.com/fs-node-builtins": "4.56.10",
-        "@jsonjoy.com/fs-node-utils": "4.56.10",
+        "@jsonjoy.com/fs-core": "4.56.11",
+        "@jsonjoy.com/fs-node-builtins": "4.56.11",
+        "@jsonjoy.com/fs-node-utils": "4.56.11",
         "thingies": "^2.5.0"
       },
       "engines": {
@@ -4041,17 +3936,17 @@
       }
     },
     "node_modules/@jsonjoy.com/fs-node": {
-      "version": "4.56.10",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-node/-/fs-node-4.56.10.tgz",
-      "integrity": "sha512-7R4Gv3tkUdW3dXfXiOkqxkElxKNVdd8BDOWC0/dbERd0pXpPY+s2s1Mino+aTvkGrFPiY+mmVxA7zhskm4Ue4Q==",
+      "version": "4.56.11",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-node/-/fs-node-4.56.11.tgz",
+      "integrity": "sha512-D65YrnP6wRuZyEWoSFnBJSr5zARVpVBGctnhie4rCsMuGXNzX7IHKaOt85/Aj7SSoG1N2+/xlNjWmkLvZ2H3Tg==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@jsonjoy.com/fs-core": "4.56.10",
-        "@jsonjoy.com/fs-node-builtins": "4.56.10",
-        "@jsonjoy.com/fs-node-utils": "4.56.10",
-        "@jsonjoy.com/fs-print": "4.56.10",
-        "@jsonjoy.com/fs-snapshot": "4.56.10",
+        "@jsonjoy.com/fs-core": "4.56.11",
+        "@jsonjoy.com/fs-node-builtins": "4.56.11",
+        "@jsonjoy.com/fs-node-utils": "4.56.11",
+        "@jsonjoy.com/fs-print": "4.56.11",
+        "@jsonjoy.com/fs-snapshot": "4.56.11",
         "glob-to-regex.js": "^1.0.0",
         "thingies": "^2.5.0"
       },
@@ -4067,9 +3962,9 @@
       }
     },
     "node_modules/@jsonjoy.com/fs-node-builtins": {
-      "version": "4.56.10",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-node-builtins/-/fs-node-builtins-4.56.10.tgz",
-      "integrity": "sha512-uUnKz8R0YJyKq5jXpZtkGV9U0pJDt8hmYcLRrPjROheIfjMXsz82kXMgAA/qNg0wrZ1Kv+hrg7azqEZx6XZCVw==",
+      "version": "4.56.11",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-node-builtins/-/fs-node-builtins-4.56.11.tgz",
+      "integrity": "sha512-CNmt3a0zMCIhniFLXtzPWuUxXFU+U+2VyQiIrgt/rRVeEJNrMQUABaRbVxR0Ouw1LyR9RjaEkPM6nYpED+y43A==",
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
@@ -4084,15 +3979,15 @@
       }
     },
     "node_modules/@jsonjoy.com/fs-node-to-fsa": {
-      "version": "4.56.10",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-node-to-fsa/-/fs-node-to-fsa-4.56.10.tgz",
-      "integrity": "sha512-oH+O6Y4lhn9NyG6aEoFwIBNKZeYy66toP5LJcDOMBgL99BKQMUf/zWJspdRhMdn/3hbzQsZ8EHHsuekbFLGUWw==",
+      "version": "4.56.11",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-node-to-fsa/-/fs-node-to-fsa-4.56.11.tgz",
+      "integrity": "sha512-5OzGdvJDgZVo+xXWEYo72u81zpOWlxlbG4d4nL+hSiW+LKlua/dldNgPrpWxtvhgyntmdFQad2UTxFyGjJAGhA==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@jsonjoy.com/fs-fsa": "4.56.10",
-        "@jsonjoy.com/fs-node-builtins": "4.56.10",
-        "@jsonjoy.com/fs-node-utils": "4.56.10"
+        "@jsonjoy.com/fs-fsa": "4.56.11",
+        "@jsonjoy.com/fs-node-builtins": "4.56.11",
+        "@jsonjoy.com/fs-node-utils": "4.56.11"
       },
       "engines": {
         "node": ">=10.0"
@@ -4106,13 +4001,13 @@
       }
     },
     "node_modules/@jsonjoy.com/fs-node-utils": {
-      "version": "4.56.10",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-node-utils/-/fs-node-utils-4.56.10.tgz",
-      "integrity": "sha512-8EuPBgVI2aDPwFdaNQeNpHsyqPi3rr+85tMNG/lHvQLiVjzoZsvxA//Xd8aB567LUhy4QS03ptT+unkD/DIsNg==",
+      "version": "4.56.11",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-node-utils/-/fs-node-utils-4.56.11.tgz",
+      "integrity": "sha512-JADOZFDA3wRfsuxkT0+MYc4F9hJO2PYDaY66kRTG6NqGX3+bqmKu66YFYAbII/tEmQWPZeHoClUB23rtQM9UPg==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@jsonjoy.com/fs-node-builtins": "4.56.10"
+        "@jsonjoy.com/fs-node-builtins": "4.56.11"
       },
       "engines": {
         "node": ">=10.0"
@@ -4126,13 +4021,13 @@
       }
     },
     "node_modules/@jsonjoy.com/fs-print": {
-      "version": "4.56.10",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-print/-/fs-print-4.56.10.tgz",
-      "integrity": "sha512-JW4fp5mAYepzFsSGrQ48ep8FXxpg4niFWHdF78wDrFGof7F3tKDJln72QFDEn/27M1yHd4v7sKHHVPh78aWcEw==",
+      "version": "4.56.11",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-print/-/fs-print-4.56.11.tgz",
+      "integrity": "sha512-rnaKRgCRIn8JGTjxhS0JPE38YM3Pj/H7SW4/tglhIPbfKEkky7dpPayNKV2qy25SZSL15oFVgH/62dMZ/z7cyA==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@jsonjoy.com/fs-node-utils": "4.56.10",
+        "@jsonjoy.com/fs-node-utils": "4.56.11",
         "tree-dump": "^1.1.0"
       },
       "engines": {
@@ -4147,14 +4042,14 @@
       }
     },
     "node_modules/@jsonjoy.com/fs-snapshot": {
-      "version": "4.56.10",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-snapshot/-/fs-snapshot-4.56.10.tgz",
-      "integrity": "sha512-DkR6l5fj7+qj0+fVKm/OOXMGfDFCGXLfyHkORH3DF8hxkpDgIHbhf/DwncBMs2igu/ST7OEkexn1gIqoU6Y+9g==",
+      "version": "4.56.11",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-snapshot/-/fs-snapshot-4.56.11.tgz",
+      "integrity": "sha512-IIldPX+cIRQuUol9fQzSS3hqyECxVpYMJQMqdU3dCKZFRzEl1rkIkw4P6y7Oh493sI7YdxZlKr/yWdzEWZ1wGQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@jsonjoy.com/buffers": "^17.65.0",
-        "@jsonjoy.com/fs-node-utils": "4.56.10",
+        "@jsonjoy.com/fs-node-utils": "4.56.11",
         "@jsonjoy.com/json-pack": "^17.65.0",
         "@jsonjoy.com/util": "^17.65.0"
       },
@@ -4429,9 +4324,9 @@
       }
     },
     "node_modules/@lmdb/lmdb-darwin-arm64": {
-      "version": "3.4.4",
-      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-arm64/-/lmdb-darwin-arm64-3.4.4.tgz",
-      "integrity": "sha512-XaKL705gDWd6XVls3ATDj13ZdML/LqSIxwgnYpG8xTzH2ifArx8fMMDdvqGE/Emd+W6R90W2fveZcJ0AyS8Y0w==",
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-arm64/-/lmdb-darwin-arm64-3.5.1.tgz",
+      "integrity": "sha512-tpfN4kKrrMpQ+If1l8bhmoNkECJi0iOu6AEdrTJvWVC+32sLxTARX5Rsu579mPImRP9YFWfWgeRQ5oav7zApQQ==",
       "cpu": [
         "arm64"
       ],
@@ -4443,9 +4338,9 @@
       ]
     },
     "node_modules/@lmdb/lmdb-darwin-x64": {
-      "version": "3.4.4",
-      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-x64/-/lmdb-darwin-x64-3.4.4.tgz",
-      "integrity": "sha512-GPHGEVcwJlkD01GmIr7B4kvbIcUDS2+kBadVEd7lU4can1RZaZQLDDBJRrrNfS2Kavvl0VLI/cMv7UASAXGrww==",
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-x64/-/lmdb-darwin-x64-3.5.1.tgz",
+      "integrity": "sha512-+a2tTfc3rmWhLAolFUWRgJtpSuu+Fw/yjn4rF406NMxhfjbMuiOUTDRvRlMFV+DzyjkwnokisskHbCWkS3Ly5w==",
       "cpu": [
         "x64"
       ],
@@ -4457,9 +4352,9 @@
       ]
     },
     "node_modules/@lmdb/lmdb-linux-arm": {
-      "version": "3.4.4",
-      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm/-/lmdb-linux-arm-3.4.4.tgz",
-      "integrity": "sha512-cmev5/dZr5ACKri9f6GU6lZCXTjMhV72xujlbOhFCgFXrt4W0TxGsmY8kA1BITvH60JBKE50cSxsiulybAbrrw==",
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm/-/lmdb-linux-arm-3.5.1.tgz",
+      "integrity": "sha512-0EgcE6reYr8InjD7V37EgXcYrloqpxVPINy3ig1MwDSbl6LF/vXTYRH9OE1Ti1D8YZnB35ZH9aTcdfSb5lql2A==",
       "cpu": [
         "arm"
       ],
@@ -4471,9 +4366,9 @@
       ]
     },
     "node_modules/@lmdb/lmdb-linux-arm64": {
-      "version": "3.4.4",
-      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm64/-/lmdb-linux-arm64-3.4.4.tgz",
-      "integrity": "sha512-mALqr7DE42HsiwVTKpQWxacjHoJk+e9p00RWIJqTACh/hpucxp/0lK/XMh5XzWnU/TDCZLukq1+vNqnNumTP/Q==",
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm64/-/lmdb-linux-arm64-3.5.1.tgz",
+      "integrity": "sha512-aoERa5B6ywXdyFeYGQ1gbQpkMkDbEo45qVoXE5QpIRavqjnyPwjOulMkmkypkmsbJ5z4Wi0TBztON8agCTG0Vg==",
       "cpu": [
         "arm64"
       ],
@@ -4485,9 +4380,9 @@
       ]
     },
     "node_modules/@lmdb/lmdb-linux-x64": {
-      "version": "3.4.4",
-      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-x64/-/lmdb-linux-x64-3.4.4.tgz",
-      "integrity": "sha512-QjLs8OcmCNcraAcLoZyFlo0atzBJniQLLwhtR+ymQqS5kLYpV5RqwriL87BW+ZiR9ZiGgZx3evrz5vnWPtJ1fQ==",
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-x64/-/lmdb-linux-x64-3.5.1.tgz",
+      "integrity": "sha512-SqNDY1+vpji7bh0sFH5wlWyFTOzjbDOl0/kB5RLLYDAFyd/uw3n7wyrmas3rYPpAW7z18lMOi1yKlTPv967E3g==",
       "cpu": [
         "x64"
       ],
@@ -4499,9 +4394,9 @@
       ]
     },
     "node_modules/@lmdb/lmdb-win32-arm64": {
-      "version": "3.4.4",
-      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-win32-arm64/-/lmdb-win32-arm64-3.4.4.tgz",
-      "integrity": "sha512-tr/pwHDlZ33forLGAr0tI04cRmP4SgF93yHbb+2zvZiDEyln5yMHhbKDySxY66aUOkhvBvTuHq9q/3YmTj6ZHQ==",
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-win32-arm64/-/lmdb-win32-arm64-3.5.1.tgz",
+      "integrity": "sha512-50v0O1Lt37cwrmR9vWZK5hRW0Aw+KEmxJJ75fge/zIYdvNKB/0bSMSVR5Uc2OV9JhosIUyklOmrEvavwNJ8D6w==",
       "cpu": [
         "arm64"
       ],
@@ -4513,9 +4408,9 @@
       ]
     },
     "node_modules/@lmdb/lmdb-win32-x64": {
-      "version": "3.4.4",
-      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-win32-x64/-/lmdb-win32-x64-3.4.4.tgz",
-      "integrity": "sha512-KRzfocJzB/mgoTCqnMawuLSKheHRVTqWfSmouIgYpFs6Hx4zvZSvsZKSCEb5gHmICy7qsx9l06jk3MFTtiFVAQ==",
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/@lmdb/lmdb-win32-x64/-/lmdb-win32-x64-3.5.1.tgz",
+      "integrity": "sha512-qwosvPyl+zpUlp3gRb7UcJ3H8S28XHCzkv0Y0EgQToXjQP91ZD67EHSCDmaLjtKhe+GVIW5om1KUpzVLA0l6pg==",
       "cpu": [
         "x64"
       ],
@@ -4527,22 +4422,22 @@
       ]
     },
     "node_modules/@microsoft/api-extractor": {
-      "version": "7.57.0",
-      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.57.0.tgz",
-      "integrity": "sha512-ZWflRQNLRBgG4DPRDUB6DQR2AL2Z+gYU/1PIwFKna8c8c9IGF4h0FHtb73MbV0LfufqfzDVnpaLPXmOtDAeUaA==",
+      "version": "7.57.6",
+      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.57.6.tgz",
+      "integrity": "sha512-0rFv/D8Grzw1Mjs2+8NGUR+o4h9LVm5zKRtMeWnpdB5IMJF4TeHCL1zR5LMCIudkOvyvjbhMG5Wjs0B5nqsrRQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@microsoft/api-extractor-model": "7.33.0",
+        "@microsoft/api-extractor-model": "7.33.4",
         "@microsoft/tsdoc": "~0.16.0",
-        "@microsoft/tsdoc-config": "~0.18.0",
-        "@rushstack/node-core-library": "5.20.0",
-        "@rushstack/rig-package": "0.7.0",
-        "@rushstack/terminal": "0.22.0",
-        "@rushstack/ts-command-line": "5.3.0",
+        "@microsoft/tsdoc-config": "~0.18.1",
+        "@rushstack/node-core-library": "5.20.3",
+        "@rushstack/rig-package": "0.7.2",
+        "@rushstack/terminal": "0.22.3",
+        "@rushstack/ts-command-line": "5.3.3",
         "diff": "~8.0.2",
         "lodash": "~4.17.23",
-        "minimatch": "10.1.2",
+        "minimatch": "10.2.1",
         "resolve": "~1.22.1",
         "semver": "~7.5.4",
         "source-map": "~0.6.1",
@@ -4553,15 +4448,15 @@
       }
     },
     "node_modules/@microsoft/api-extractor-model": {
-      "version": "7.33.0",
-      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor-model/-/api-extractor-model-7.33.0.tgz",
-      "integrity": "sha512-cMrvErE9yJz8aImpRztUfbO085WRSI4nsvMQ+VNGgHxiQO7s5LAXrt+B35RUghIsn0JdNdqIzusXXtKgSnXh7Q==",
+      "version": "7.33.4",
+      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor-model/-/api-extractor-model-7.33.4.tgz",
+      "integrity": "sha512-u1LTaNTikZAQ9uK6KG1Ms7nvNedsnODnspq/gH2dcyETWvH4hVNGNDvRAEutH66kAmxA4/necElqGNs1FggC8w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@microsoft/tsdoc": "~0.16.0",
-        "@microsoft/tsdoc-config": "~0.18.0",
-        "@rushstack/node-core-library": "5.20.0"
+        "@microsoft/tsdoc-config": "~0.18.1",
+        "@rushstack/node-core-library": "5.20.3"
       }
     },
     "node_modules/@microsoft/api-extractor/node_modules/lru-cache": {
@@ -4577,6 +4472,22 @@
         "node": ">=10"
       }
     },
+    "node_modules/@microsoft/api-extractor/node_modules/minimatch": {
+      "version": "10.2.1",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.1.tgz",
+      "integrity": "sha512-MClCe8IL5nRRmawL6ib/eT4oLyeKMGCghibcDWK+J0hh0Q8kqSdia6BvbRMVk6mPa6WqUa5uR2oxt6C5jd533A==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "brace-expansion": "^5.0.2"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/@microsoft/api-extractor/node_modules/semver": {
       "version": "7.5.4",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
@@ -4632,35 +4543,18 @@
       "license": "MIT"
     },
     "node_modules/@microsoft/tsdoc-config": {
-      "version": "0.18.0",
-      "resolved": "https://registry.npmjs.org/@microsoft/tsdoc-config/-/tsdoc-config-0.18.0.tgz",
-      "integrity": "sha512-8N/vClYyfOH+l4fLkkr9+myAoR6M7akc8ntBJ4DJdWH2b09uVfr71+LTMpNyG19fNqWDg8KEDZhx5wxuqHyGjw==",
+      "version": "0.18.1",
+      "resolved": "https://registry.npmjs.org/@microsoft/tsdoc-config/-/tsdoc-config-0.18.1.tgz",
+      "integrity": "sha512-9brPoVdfN9k9g0dcWkFeA7IH9bbcttzDJlXvkf8b2OBzd5MueR1V2wkKBL0abn0otvmkHJC6aapBOTJDDeMCZg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@microsoft/tsdoc": "0.16.0",
-        "ajv": "~8.12.0",
+        "ajv": "~8.18.0",
         "jju": "~1.4.0",
         "resolve": "~1.22.2"
       }
     },
-    "node_modules/@microsoft/tsdoc-config/node_modules/ajv": {
-      "version": "8.12.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
-      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
-      "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/@modelcontextprotocol/sdk": {
       "version": "1.26.0",
       "resolved": "https://registry.npmjs.org/@modelcontextprotocol/sdk/-/sdk-1.26.0.tgz",
@@ -5127,9 +5021,9 @@
       }
     },
     "node_modules/@ngtools/webpack": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-21.1.4.tgz",
-      "integrity": "sha512-CgKnMofIVGTwNPqFNZmkmr2aLOFUG/AKm8lauXU+juwSaY7Z28eguFd+J42uVUOnasLxINQY9y7kr9f6deTrcg==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-21.2.1.tgz",
+      "integrity": "sha512-HGRGTDmyo3IuxxEAVK9/QK2Nd/nwWIh/zcd2x6nmCxC7tdB0fwIhEZhWnUDyLP2QnDaEPeR4NnZCGTN89SWhGg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -5143,6 +5037,19 @@
         "webpack": "^5.54.0"
       }
     },
+    "node_modules/@noble/hashes": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.4.0.tgz",
+      "integrity": "sha512-V1JJ1WTRUqHHrOSh597hURcMqVKVGL/ea3kv0gSnEdsEZ0/+VyPghM1lMNGc00z7CIQorSvbKpuJkxvuHbvdbg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -5222,18 +5129,18 @@
       }
     },
     "node_modules/@npmcli/git": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/@npmcli/git/-/git-7.0.1.tgz",
-      "integrity": "sha512-+XTFxK2jJF/EJJ5SoAzXk3qwIDfvFc5/g+bD274LZ7uY7LE8sTfG6Z8rOanPl2ZEvZWqNvmEdtXC25cE54VcoA==",
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@npmcli/git/-/git-7.0.2.tgz",
+      "integrity": "sha512-oeolHDjExNAJAnlYP2qzNjMX/Xi9bmu78C9dIGr4xjobrSKbuMYCph8lTzn4vnW3NjIqVmw/f8BCfouqyJXlRg==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
+        "@gar/promise-retry": "^1.0.0",
         "@npmcli/promise-spawn": "^9.0.0",
         "ini": "^6.0.0",
         "lru-cache": "^11.2.1",
         "npm-pick-manifest": "^11.0.1",
         "proc-log": "^6.0.0",
-        "promise-retry": "^2.0.1",
         "semver": "^7.3.5",
         "which": "^6.0.0"
       },
@@ -5305,9 +5212,9 @@
       }
     },
     "node_modules/@npmcli/package-json": {
-      "version": "7.0.4",
-      "resolved": "https://registry.npmjs.org/@npmcli/package-json/-/package-json-7.0.4.tgz",
-      "integrity": "sha512-0wInJG3j/K40OJt/33ax47WfWMzZTm6OQxB9cDhTt5huCP2a9g2GnlsxmfN+PulItNPIpPrZ+kfwwUil7eHcZQ==",
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/@npmcli/package-json/-/package-json-7.0.5.tgz",
+      "integrity": "sha512-iVuTlG3ORq2iaVa1IWUxAO/jIp77tUKBhoMjuzYW2kL4MLN1bi/ofqkZ7D7OOwh8coAx1/S2ge0rMdGv8sLSOQ==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -5317,80 +5224,23 @@
         "json-parse-even-better-errors": "^5.0.0",
         "proc-log": "^6.0.0",
         "semver": "^7.5.3",
-        "validate-npm-package-license": "^3.0.4"
+        "spdx-expression-parse": "^4.0.0"
       },
       "engines": {
         "node": "^20.17.0 || >=22.9.0"
       }
     },
-    "node_modules/@npmcli/package-json/node_modules/balanced-match": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.3.tgz",
-      "integrity": "sha512-1pHv8LX9CpKut1Zp4EXey7Z8OfH11ONNH6Dhi2WDUt31VVZFXZzKwXcysBgqSumFCmR+0dqjMK5v5JiFHzi0+g==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "20 || >=22"
-      }
-    },
-    "node_modules/@npmcli/package-json/node_modules/brace-expansion": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.2.tgz",
-      "integrity": "sha512-Pdk8c9poy+YhOgVWw1JNN22/HcivgKWwpxKq04M/jTmHyCZn12WPJebZxdjSa5TmBqISrUSgNYU3eRORljfCCw==",
+    "node_modules/@npmcli/promise-spawn": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/@npmcli/promise-spawn/-/promise-spawn-9.0.1.tgz",
+      "integrity": "sha512-OLUaoqBuyxeTqUvjA3FZFiXUfYC1alp3Sa99gW3EUDz3tZ3CbXDdcZ7qWKBzicrJleIgucoWamWH1saAmH/l2Q==",
       "dev": true,
-      "license": "MIT",
+      "license": "ISC",
       "dependencies": {
-        "balanced-match": "^4.0.2"
+        "which": "^6.0.0"
       },
       "engines": {
-        "node": "20 || >=22"
-      }
-    },
-    "node_modules/@npmcli/package-json/node_modules/glob": {
-      "version": "13.0.5",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-13.0.5.tgz",
-      "integrity": "sha512-BzXxZg24Ibra1pbQ/zE7Kys4Ua1ks7Bn6pKLkVPZ9FZe4JQS6/Q7ef3LG1H+k7lUf5l4T3PLSyYyYJVYUvfgTw==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "dependencies": {
-        "minimatch": "^10.2.1",
-        "minipass": "^7.1.2",
-        "path-scurry": "^2.0.0"
-      },
-      "engines": {
-        "node": "20 || >=22"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/@npmcli/package-json/node_modules/minimatch": {
-      "version": "10.2.1",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.1.tgz",
-      "integrity": "sha512-MClCe8IL5nRRmawL6ib/eT4oLyeKMGCghibcDWK+J0hh0Q8kqSdia6BvbRMVk6mPa6WqUa5uR2oxt6C5jd533A==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "dependencies": {
-        "brace-expansion": "^5.0.2"
-      },
-      "engines": {
-        "node": "20 || >=22"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/@npmcli/promise-spawn": {
-      "version": "9.0.1",
-      "resolved": "https://registry.npmjs.org/@npmcli/promise-spawn/-/promise-spawn-9.0.1.tgz",
-      "integrity": "sha512-OLUaoqBuyxeTqUvjA3FZFiXUfYC1alp3Sa99gW3EUDz3tZ3CbXDdcZ7qWKBzicrJleIgucoWamWH1saAmH/l2Q==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "which": "^6.0.0"
-      },
-      "engines": {
-        "node": "^20.17.0 || >=22.9.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/@npmcli/promise-spawn/node_modules/isexe": {
@@ -5430,9 +5280,9 @@
       }
     },
     "node_modules/@npmcli/run-script": {
-      "version": "10.0.3",
-      "resolved": "https://registry.npmjs.org/@npmcli/run-script/-/run-script-10.0.3.tgz",
-      "integrity": "sha512-ER2N6itRkzWbbtVmZ9WKaWxVlKlOeBFF1/7xx+KA5J1xKa4JjUwBdb6tDpk0v1qA+d+VDwHI9qmLcXSWcmi+Rw==",
+      "version": "10.0.4",
+      "resolved": "https://registry.npmjs.org/@npmcli/run-script/-/run-script-10.0.4.tgz",
+      "integrity": "sha512-mGUWr1uMnf0le2TwfOZY4SFxZGXGfm4Jtay/nwAa2FLNAKXUoUwaGwBMNH36UHPtinWfTSJ3nqFQr0091CxVGg==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -5440,43 +5290,16 @@
         "@npmcli/package-json": "^7.0.0",
         "@npmcli/promise-spawn": "^9.0.0",
         "node-gyp": "^12.1.0",
-        "proc-log": "^6.0.0",
-        "which": "^6.0.0"
-      },
-      "engines": {
-        "node": "^20.17.0 || >=22.9.0"
-      }
-    },
-    "node_modules/@npmcli/run-script/node_modules/isexe": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-4.0.0.tgz",
-      "integrity": "sha512-FFUtZMpoZ8RqHS3XeXEmHWLA4thH+ZxCv2lOiPIn1Xc7CxrqhWzNSDzD+/chS/zbYezmiwWLdQC09JdQKmthOw==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "engines": {
-        "node": ">=20"
-      }
-    },
-    "node_modules/@npmcli/run-script/node_modules/which": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/which/-/which-6.0.1.tgz",
-      "integrity": "sha512-oGLe46MIrCRqX7ytPUf66EAYvdeMIZYn3WaocqqKZAxrBpkqHfL/qvTyJ/bTk5+AqHCjXmrv3CEWgy368zhRUg==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "isexe": "^4.0.0"
-      },
-      "bin": {
-        "node-which": "bin/which.js"
+        "proc-log": "^6.0.0"
       },
       "engines": {
         "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/@oxc-project/types": {
-      "version": "0.106.0",
-      "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.106.0.tgz",
-      "integrity": "sha512-QdsH3rZq480VnOHSHgPYOhjL8O8LBdcnSjM408BpPCCUc0JYYZPG9Gafl9i3OcGk/7137o+gweb4cCv3WAUykg==",
+      "version": "0.113.0",
+      "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.113.0.tgz",
+      "integrity": "sha512-Tp3XmgxwNQ9pEN9vxgJBAqdRamHibi76iowQ38O2I4PMpcvNRQNVsU2n1x1nv9yh0XoTrGFzf7cZSGxmixxrhA==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -5801,6 +5624,165 @@
       "license": "MIT",
       "optional": true
     },
+    "node_modules/@peculiar/asn1-cms": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/@peculiar/asn1-cms/-/asn1-cms-2.6.1.tgz",
+      "integrity": "sha512-vdG4fBF6Lkirkcl53q6eOdn3XYKt+kJTG59edgRZORlg/3atWWEReRCx5rYE1ZzTTX6vLK5zDMjHh7vbrcXGtw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@peculiar/asn1-schema": "^2.6.0",
+        "@peculiar/asn1-x509": "^2.6.1",
+        "@peculiar/asn1-x509-attr": "^2.6.1",
+        "asn1js": "^3.0.6",
+        "tslib": "^2.8.1"
+      }
+    },
+    "node_modules/@peculiar/asn1-csr": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/@peculiar/asn1-csr/-/asn1-csr-2.6.1.tgz",
+      "integrity": "sha512-WRWnKfIocHyzFYQTka8O/tXCiBquAPSrRjXbOkHbO4qdmS6loffCEGs+rby6WxxGdJCuunnhS2duHURhjyio6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@peculiar/asn1-schema": "^2.6.0",
+        "@peculiar/asn1-x509": "^2.6.1",
+        "asn1js": "^3.0.6",
+        "tslib": "^2.8.1"
+      }
+    },
+    "node_modules/@peculiar/asn1-ecc": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/@peculiar/asn1-ecc/-/asn1-ecc-2.6.1.tgz",
+      "integrity": "sha512-+Vqw8WFxrtDIN5ehUdvlN2m73exS2JVG0UAyfVB31gIfor3zWEAQPD+K9ydCxaj3MLen9k0JhKpu9LqviuCE1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@peculiar/asn1-schema": "^2.6.0",
+        "@peculiar/asn1-x509": "^2.6.1",
+        "asn1js": "^3.0.6",
+        "tslib": "^2.8.1"
+      }
+    },
+    "node_modules/@peculiar/asn1-pfx": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/@peculiar/asn1-pfx/-/asn1-pfx-2.6.1.tgz",
+      "integrity": "sha512-nB5jVQy3MAAWvq0KY0R2JUZG8bO/bTLpnwyOzXyEh/e54ynGTatAR+csOnXkkVD9AFZ2uL8Z7EV918+qB1qDvw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@peculiar/asn1-cms": "^2.6.1",
+        "@peculiar/asn1-pkcs8": "^2.6.1",
+        "@peculiar/asn1-rsa": "^2.6.1",
+        "@peculiar/asn1-schema": "^2.6.0",
+        "asn1js": "^3.0.6",
+        "tslib": "^2.8.1"
+      }
+    },
+    "node_modules/@peculiar/asn1-pkcs8": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/@peculiar/asn1-pkcs8/-/asn1-pkcs8-2.6.1.tgz",
+      "integrity": "sha512-JB5iQ9Izn5yGMw3ZG4Nw3Xn/hb/G38GYF3lf7WmJb8JZUydhVGEjK/ZlFSWhnlB7K/4oqEs8HnfFIKklhR58Tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@peculiar/asn1-schema": "^2.6.0",
+        "@peculiar/asn1-x509": "^2.6.1",
+        "asn1js": "^3.0.6",
+        "tslib": "^2.8.1"
+      }
+    },
+    "node_modules/@peculiar/asn1-pkcs9": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/@peculiar/asn1-pkcs9/-/asn1-pkcs9-2.6.1.tgz",
+      "integrity": "sha512-5EV8nZoMSxeWmcxWmmcolg22ojZRgJg+Y9MX2fnE2bGRo5KQLqV5IL9kdSQDZxlHz95tHvIq9F//bvL1OeNILw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@peculiar/asn1-cms": "^2.6.1",
+        "@peculiar/asn1-pfx": "^2.6.1",
+        "@peculiar/asn1-pkcs8": "^2.6.1",
+        "@peculiar/asn1-schema": "^2.6.0",
+        "@peculiar/asn1-x509": "^2.6.1",
+        "@peculiar/asn1-x509-attr": "^2.6.1",
+        "asn1js": "^3.0.6",
+        "tslib": "^2.8.1"
+      }
+    },
+    "node_modules/@peculiar/asn1-rsa": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/@peculiar/asn1-rsa/-/asn1-rsa-2.6.1.tgz",
+      "integrity": "sha512-1nVMEh46SElUt5CB3RUTV4EG/z7iYc7EoaDY5ECwganibQPkZ/Y2eMsTKB/LeyrUJ+W/tKoD9WUqIy8vB+CEdA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@peculiar/asn1-schema": "^2.6.0",
+        "@peculiar/asn1-x509": "^2.6.1",
+        "asn1js": "^3.0.6",
+        "tslib": "^2.8.1"
+      }
+    },
+    "node_modules/@peculiar/asn1-schema": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@peculiar/asn1-schema/-/asn1-schema-2.6.0.tgz",
+      "integrity": "sha512-xNLYLBFTBKkCzEZIw842BxytQQATQv+lDTCEMZ8C196iJcJJMBUZxrhSTxLaohMyKK8QlzRNTRkUmanucnDSqg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "asn1js": "^3.0.6",
+        "pvtsutils": "^1.3.6",
+        "tslib": "^2.8.1"
+      }
+    },
+    "node_modules/@peculiar/asn1-x509": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/@peculiar/asn1-x509/-/asn1-x509-2.6.1.tgz",
+      "integrity": "sha512-O9jT5F1A2+t3r7C4VT7LYGXqkGLK7Kj1xFpz7U0isPrubwU5PbDoyYtx6MiGst29yq7pXN5vZbQFKRCP+lLZlA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@peculiar/asn1-schema": "^2.6.0",
+        "asn1js": "^3.0.6",
+        "pvtsutils": "^1.3.6",
+        "tslib": "^2.8.1"
+      }
+    },
+    "node_modules/@peculiar/asn1-x509-attr": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/@peculiar/asn1-x509-attr/-/asn1-x509-attr-2.6.1.tgz",
+      "integrity": "sha512-tlW6cxoHwgcQghnJwv3YS+9OO1737zgPogZ+CgWRUK4roEwIPzRH4JEiG770xe5HX2ATfCpmX60gurfWIF9dcQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@peculiar/asn1-schema": "^2.6.0",
+        "@peculiar/asn1-x509": "^2.6.1",
+        "asn1js": "^3.0.6",
+        "tslib": "^2.8.1"
+      }
+    },
+    "node_modules/@peculiar/x509": {
+      "version": "1.14.3",
+      "resolved": "https://registry.npmjs.org/@peculiar/x509/-/x509-1.14.3.tgz",
+      "integrity": "sha512-C2Xj8FZ0uHWeCXXqX5B4/gVFQmtSkiuOolzAgutjTfseNOHT3pUjljDZsTSxXFGgio54bCzVFqmEOUrIVk8RDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@peculiar/asn1-cms": "^2.6.0",
+        "@peculiar/asn1-csr": "^2.6.0",
+        "@peculiar/asn1-ecc": "^2.6.0",
+        "@peculiar/asn1-pkcs9": "^2.6.0",
+        "@peculiar/asn1-rsa": "^2.6.0",
+        "@peculiar/asn1-schema": "^2.6.0",
+        "@peculiar/asn1-x509": "^2.6.0",
+        "pvtsutils": "^1.3.6",
+        "reflect-metadata": "^0.2.2",
+        "tslib": "^2.8.1",
+        "tsyringe": "^4.10.0"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
     "node_modules/@pkgjs/parseargs": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
@@ -5886,19 +5868,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/@puppeteer/browsers/node_modules/semver": {
-      "version": "7.7.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
-      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/@puppeteer/browsers/node_modules/strip-ansi": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
@@ -5960,9 +5929,9 @@
       }
     },
     "node_modules/@rolldown/binding-android-arm64": {
-      "version": "1.0.0-beta.58",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.0-beta.58.tgz",
-      "integrity": "sha512-mWj5eE4Qc8TbPdGGaaLvBb9XfDPvE1EmZkJQgiGKwchkWH4oAJcRAKMTw7ZHnb1L+t7Ah41sBkAecaIsuUgsug==",
+      "version": "1.0.0-rc.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.0-rc.4.tgz",
+      "integrity": "sha512-vRq9f4NzvbdZavhQbjkJBx7rRebDKYR9zHfO/Wg486+I7bSecdUapzCm5cyXoK+LHokTxgSq7A5baAXUZkIz0w==",
       "cpu": [
         "arm64"
       ],
@@ -5977,9 +5946,9 @@
       }
     },
     "node_modules/@rolldown/binding-darwin-arm64": {
-      "version": "1.0.0-beta.58",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.0-beta.58.tgz",
-      "integrity": "sha512-wFxUymI/5R8bH8qZFYDfAxAN9CyISEIYke+95oZPiv6EWo88aa5rskjVcCpKA532R+klFmdqjbbaD56GNmTF4Q==",
+      "version": "1.0.0-rc.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.0-rc.4.tgz",
+      "integrity": "sha512-kFgEvkWLqt3YCgKB5re9RlIrx9bRsvyVUnaTakEpOPuLGzLpLapYxE9BufJNvPg8GjT6mB1alN4yN1NjzoeM8Q==",
       "cpu": [
         "arm64"
       ],
@@ -5994,9 +5963,9 @@
       }
     },
     "node_modules/@rolldown/binding-darwin-x64": {
-      "version": "1.0.0-beta.58",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.0-beta.58.tgz",
-      "integrity": "sha512-ybp3MkPj23VDV9PhtRwdU5qrGhlViWRV5BjKwO6epaSlUD5lW0WyY+roN3ZAzbma/9RrMTgZ/a/gtQq8YXOcqw==",
+      "version": "1.0.0-rc.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.0-rc.4.tgz",
+      "integrity": "sha512-JXmaOJGsL/+rsmMfutcDjxWM2fTaVgCHGoXS7nE8Z3c9NAYjGqHvXrAhMUZvMpHS/k7Mg+X7n/MVKb7NYWKKww==",
       "cpu": [
         "x64"
       ],
@@ -6011,9 +5980,9 @@
       }
     },
     "node_modules/@rolldown/binding-freebsd-x64": {
-      "version": "1.0.0-beta.58",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.0-beta.58.tgz",
-      "integrity": "sha512-Evxj3yh7FWvyklUYZa0qTVT9N2zX9TPDqGF056hl8hlCZ9/ndQ2xMv6uw9PD1VlLpukbsqL+/C6M0qwipL0QMg==",
+      "version": "1.0.0-rc.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.0-rc.4.tgz",
+      "integrity": "sha512-ep3Catd6sPnHTM0P4hNEvIv5arnDvk01PfyJIJ+J3wVCG1eEaPo09tvFqdtcaTrkwQy0VWR24uz+cb4IsK53Qw==",
       "cpu": [
         "x64"
       ],
@@ -6028,9 +5997,9 @@
       }
     },
     "node_modules/@rolldown/binding-linux-arm-gnueabihf": {
-      "version": "1.0.0-beta.58",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.0-beta.58.tgz",
-      "integrity": "sha512-tYeXprDOrEgVHUbPXH6MPso4cM/c6RTkmJNICMQlYdki4hGMh92aj3yU6CKs+4X5gfG0yj5kVUw/L4M685SYag==",
+      "version": "1.0.0-rc.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.0-rc.4.tgz",
+      "integrity": "sha512-LwA5ayKIpnsgXJEwWc3h8wPiS33NMIHd9BhsV92T8VetVAbGe2qXlJwNVDGHN5cOQ22R9uYvbrQir2AB+ntT2w==",
       "cpu": [
         "arm"
       ],
@@ -6045,9 +6014,9 @@
       }
     },
     "node_modules/@rolldown/binding-linux-arm64-gnu": {
-      "version": "1.0.0-beta.58",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.0-beta.58.tgz",
-      "integrity": "sha512-N78vmZzP6zG967Ohr+MasCjmKtis0geZ1SOVmxrA0/bklTQSzH5kHEjW5Qn+i1taFno6GEre1E40v0wuWsNOQw==",
+      "version": "1.0.0-rc.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.0-rc.4.tgz",
+      "integrity": "sha512-AC1WsGdlV1MtGay/OQ4J9T7GRadVnpYRzTcygV1hKnypbYN20Yh4t6O1Sa2qRBMqv1etulUknqXjc3CTIsBu6A==",
       "cpu": [
         "arm64"
       ],
@@ -6062,9 +6031,9 @@
       }
     },
     "node_modules/@rolldown/binding-linux-arm64-musl": {
-      "version": "1.0.0-beta.58",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.0-beta.58.tgz",
-      "integrity": "sha512-l+p4QVtG72C7wI2SIkNQw/KQtSjuYwS3rV6AKcWrRBF62ClsFUcif5vLaZIEbPrCXu5OFRXigXFJnxYsVVZqdQ==",
+      "version": "1.0.0-rc.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.0-rc.4.tgz",
+      "integrity": "sha512-lU+6rgXXViO61B4EudxtVMXSOfiZONR29Sys5VGSetUY7X8mg9FCKIIjcPPj8xNDeYzKl+H8F/qSKOBVFJChCQ==",
       "cpu": [
         "arm64"
       ],
@@ -6079,9 +6048,9 @@
       }
     },
     "node_modules/@rolldown/binding-linux-x64-gnu": {
-      "version": "1.0.0-beta.58",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.0-beta.58.tgz",
-      "integrity": "sha512-urzJX0HrXxIh0FfxwWRjfPCMeInU9qsImLQxHBgLp5ivji1EEUnOfux8KxPPnRQthJyneBrN2LeqUix9DYrNaQ==",
+      "version": "1.0.0-rc.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.0-rc.4.tgz",
+      "integrity": "sha512-DZaN1f0PGp/bSvKhtw50pPsnln4T13ycDq1FrDWRiHmWt1JeW+UtYg9touPFf8yt993p8tS2QjybpzKNTxYEwg==",
       "cpu": [
         "x64"
       ],
@@ -6096,9 +6065,9 @@
       }
     },
     "node_modules/@rolldown/binding-linux-x64-musl": {
-      "version": "1.0.0-beta.58",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.0-beta.58.tgz",
-      "integrity": "sha512-7ijfVK3GISnXIwq/1FZo+KyAUJjL3kWPJ7rViAL6MWeEBhEgRzJ0yEd9I8N9aut8Y8ab+EKFJyRNMWZuUBwQ0A==",
+      "version": "1.0.0-rc.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.0-rc.4.tgz",
+      "integrity": "sha512-RnGxwZLN7fhMMAItnD6dZ7lvy+TI7ba+2V54UF4dhaWa/p8I/ys1E73KO6HmPmgz92ZkfD8TXS1IMV8+uhbR9g==",
       "cpu": [
         "x64"
       ],
@@ -6113,9 +6082,9 @@
       }
     },
     "node_modules/@rolldown/binding-openharmony-arm64": {
-      "version": "1.0.0-beta.58",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.0-beta.58.tgz",
-      "integrity": "sha512-/m7sKZCS+cUULbzyJTIlv8JbjNohxbpAOA6cM+lgWgqVzPee3U6jpwydrib328JFN/gF9A99IZEnuGYqEDJdww==",
+      "version": "1.0.0-rc.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.0-rc.4.tgz",
+      "integrity": "sha512-6lcI79+X8klGiGd8yHuTgQRjuuJYNggmEml+RsyN596P23l/zf9FVmJ7K0KVKkFAeYEdg0iMUKyIxiV5vebDNQ==",
       "cpu": [
         "arm64"
       ],
@@ -6130,9 +6099,9 @@
       }
     },
     "node_modules/@rolldown/binding-wasm32-wasi": {
-      "version": "1.0.0-beta.58",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.0-beta.58.tgz",
-      "integrity": "sha512-6SZk7zMgv+y3wFFQ9qE5P9NnRHcRsptL1ypmudD26PDY+PvFCvfHRkJNfclWnvacVGxjowr7JOL3a9fd1wWhUw==",
+      "version": "1.0.0-rc.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.0-rc.4.tgz",
+      "integrity": "sha512-wz7ohsKCAIWy91blZ/1FlpPdqrsm1xpcEOQVveWoL6+aSPKL4VUcoYmmzuLTssyZxRpEwzuIxL/GDsvpjaBtOw==",
       "cpu": [
         "wasm32"
       ],
@@ -6147,9 +6116,9 @@
       }
     },
     "node_modules/@rolldown/binding-win32-arm64-msvc": {
-      "version": "1.0.0-beta.58",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.0-beta.58.tgz",
-      "integrity": "sha512-sFqfYPnBZ6xBhMkadB7UD0yjEDRvs7ipR3nCggblN+N4ODCXY6qhg/bKL39+W+dgQybL7ErD4EGERVbW9DAWvg==",
+      "version": "1.0.0-rc.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.0-rc.4.tgz",
+      "integrity": "sha512-cfiMrfuWCIgsFmcVG0IPuO6qTRHvF7NuG3wngX1RZzc6dU8FuBFb+J3MIR5WrdTNozlumfgL4cvz+R4ozBCvsQ==",
       "cpu": [
         "arm64"
       ],
@@ -6164,9 +6133,9 @@
       }
     },
     "node_modules/@rolldown/binding-win32-x64-msvc": {
-      "version": "1.0.0-beta.58",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.0-beta.58.tgz",
-      "integrity": "sha512-AnFWJdAqB8+IDPcGrATYs67Kik/6tnndNJV2jGRmwlbeNiQQ8GhRJU8ETRlINfII0pqi9k4WWLnb00p1QCxw/Q==",
+      "version": "1.0.0-rc.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.0-rc.4.tgz",
+      "integrity": "sha512-p6UeR9y7ht82AH57qwGuFYn69S6CZ7LLKdCKy/8T3zS9VTrJei2/CGsTUV45Da4Z9Rbhc7G4gyWQ/Ioamqn09g==",
       "cpu": [
         "x64"
       ],
@@ -6181,9 +6150,9 @@
       }
     },
     "node_modules/@rolldown/pluginutils": {
-      "version": "1.0.0-beta.58",
-      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.58.tgz",
-      "integrity": "sha512-qWhDs6yFGR5xDfdrwiSa3CWGIHxD597uGE/A9xGqytBjANvh4rLCTTkq7szhMV4+Ygh+PMS90KVJ8xWG/TkX4w==",
+      "version": "1.0.0-rc.4",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.4.tgz",
+      "integrity": "sha512-1BrrmTu0TWfOP1riA8uakjFc9bpIUGzVKETsOtzY39pPga8zELGDl8eu1Dx7/gjM5CAz14UknsUMpBO8L+YntQ==",
       "dev": true,
       "license": "MIT"
     },
@@ -6231,10 +6200,17 @@
         }
       }
     },
+    "node_modules/@rollup/pluginutils/node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.57.1.tgz",
-      "integrity": "sha512-A6ehUVSiSaaliTxai040ZpZ2zTevHYbvu/lDoeAteHI8QnaosIzm4qwtezfRg1jOYaUmnzLX1AOD6Z+UJjtifg==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.59.0.tgz",
+      "integrity": "sha512-upnNBkA6ZH2VKGcBj9Fyl9IGNPULcjXRlg0LLeaioQWueH30p6IXtJEbKAgvyv+mJaMxSm1l6xwDXYjpEMiLMg==",
       "cpu": [
         "arm"
       ],
@@ -6246,9 +6222,9 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.57.1.tgz",
-      "integrity": "sha512-dQaAddCY9YgkFHZcFNS/606Exo8vcLHwArFZ7vxXq4rigo2bb494/xKMMwRRQW6ug7Js6yXmBZhSBRuBvCCQ3w==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.59.0.tgz",
+      "integrity": "sha512-hZ+Zxj3SySm4A/DylsDKZAeVg0mvi++0PYVceVyX7hemkw7OreKdCvW2oQ3T1FMZvCaQXqOTHb8qmBShoqk69Q==",
       "cpu": [
         "arm64"
       ],
@@ -6260,9 +6236,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.57.1.tgz",
-      "integrity": "sha512-crNPrwJOrRxagUYeMn/DZwqN88SDmwaJ8Cvi/TN1HnWBU7GwknckyosC2gd0IqYRsHDEnXf328o9/HC6OkPgOg==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.59.0.tgz",
+      "integrity": "sha512-W2Psnbh1J8ZJw0xKAd8zdNgF9HRLkdWwwdWqubSVk0pUuQkoHnv7rx4GiF9rT4t5DIZGAsConRE3AxCdJ4m8rg==",
       "cpu": [
         "arm64"
       ],
@@ -6274,9 +6250,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.57.1.tgz",
-      "integrity": "sha512-Ji8g8ChVbKrhFtig5QBV7iMaJrGtpHelkB3lsaKzadFBe58gmjfGXAOfI5FV0lYMH8wiqsxKQ1C9B0YTRXVy4w==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.59.0.tgz",
+      "integrity": "sha512-ZW2KkwlS4lwTv7ZVsYDiARfFCnSGhzYPdiOU4IM2fDbL+QGlyAbjgSFuqNRbSthybLbIJ915UtZBtmuLrQAT/w==",
       "cpu": [
         "x64"
       ],
@@ -6288,9 +6264,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.57.1.tgz",
-      "integrity": "sha512-R+/WwhsjmwodAcz65guCGFRkMb4gKWTcIeLy60JJQbXrJ97BOXHxnkPFrP+YwFlaS0m+uWJTstrUA9o+UchFug==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.59.0.tgz",
+      "integrity": "sha512-EsKaJ5ytAu9jI3lonzn3BgG8iRBjV4LxZexygcQbpiU0wU0ATxhNVEpXKfUa0pS05gTcSDMKpn3Sx+QB9RlTTA==",
       "cpu": [
         "arm64"
       ],
@@ -6302,9 +6278,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.57.1.tgz",
-      "integrity": "sha512-IEQTCHeiTOnAUC3IDQdzRAGj3jOAYNr9kBguI7MQAAZK3caezRrg0GxAb6Hchg4lxdZEI5Oq3iov/w/hnFWY9Q==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.59.0.tgz",
+      "integrity": "sha512-d3DuZi2KzTMjImrxoHIAODUZYoUUMsuUiY4SRRcJy6NJoZ6iIqWnJu9IScV9jXysyGMVuW+KNzZvBLOcpdl3Vg==",
       "cpu": [
         "x64"
       ],
@@ -6316,9 +6292,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.57.1.tgz",
-      "integrity": "sha512-F8sWbhZ7tyuEfsmOxwc2giKDQzN3+kuBLPwwZGyVkLlKGdV1nvnNwYD0fKQ8+XS6hp9nY7B+ZeK01EBUE7aHaw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.59.0.tgz",
+      "integrity": "sha512-t4ONHboXi/3E0rT6OZl1pKbl2Vgxf9vJfWgmUoCEVQVxhW6Cw/c8I6hbbu7DAvgp82RKiH7TpLwxnJeKv2pbsw==",
       "cpu": [
         "arm"
       ],
@@ -6330,9 +6306,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.57.1.tgz",
-      "integrity": "sha512-rGfNUfn0GIeXtBP1wL5MnzSj98+PZe/AXaGBCRmT0ts80lU5CATYGxXukeTX39XBKsxzFpEeK+Mrp9faXOlmrw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.59.0.tgz",
+      "integrity": "sha512-CikFT7aYPA2ufMD086cVORBYGHffBo4K8MQ4uPS/ZnY54GKj36i196u8U+aDVT2LX4eSMbyHtyOh7D7Zvk2VvA==",
       "cpu": [
         "arm"
       ],
@@ -6344,9 +6320,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.57.1.tgz",
-      "integrity": "sha512-MMtej3YHWeg/0klK2Qodf3yrNzz6CGjo2UntLvk2RSPlhzgLvYEB3frRvbEF2wRKh1Z2fDIg9KRPe1fawv7C+g==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.59.0.tgz",
+      "integrity": "sha512-jYgUGk5aLd1nUb1CtQ8E+t5JhLc9x5WdBKew9ZgAXg7DBk0ZHErLHdXM24rfX+bKrFe+Xp5YuJo54I5HFjGDAA==",
       "cpu": [
         "arm64"
       ],
@@ -6358,9 +6334,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.57.1.tgz",
-      "integrity": "sha512-1a/qhaaOXhqXGpMFMET9VqwZakkljWHLmZOX48R0I/YLbhdxr1m4gtG1Hq7++VhVUmf+L3sTAf9op4JlhQ5u1Q==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.59.0.tgz",
+      "integrity": "sha512-peZRVEdnFWZ5Bh2KeumKG9ty7aCXzzEsHShOZEFiCQlDEepP1dpUl/SrUNXNg13UmZl+gzVDPsiCwnV1uI0RUA==",
       "cpu": [
         "arm64"
       ],
@@ -6372,9 +6348,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-loong64-gnu": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.57.1.tgz",
-      "integrity": "sha512-QWO6RQTZ/cqYtJMtxhkRkidoNGXc7ERPbZN7dVW5SdURuLeVU7lwKMpo18XdcmpWYd0qsP1bwKPf7DNSUinhvA==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.59.0.tgz",
+      "integrity": "sha512-gbUSW/97f7+r4gHy3Jlup8zDG190AuodsWnNiXErp9mT90iCy9NKKU0Xwx5k8VlRAIV2uU9CsMnEFg/xXaOfXg==",
       "cpu": [
         "loong64"
       ],
@@ -6386,9 +6362,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-loong64-musl": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.57.1.tgz",
-      "integrity": "sha512-xpObYIf+8gprgWaPP32xiN5RVTi/s5FCR+XMXSKmhfoJjrpRAjCuuqQXyxUa/eJTdAE6eJ+KDKaoEqjZQxh3Gw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.59.0.tgz",
+      "integrity": "sha512-yTRONe79E+o0FWFijasoTjtzG9EBedFXJMl888NBEDCDV9I2wGbFFfJQQe63OijbFCUZqxpHz1GzpbtSFikJ4Q==",
       "cpu": [
         "loong64"
       ],
@@ -6400,9 +6376,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-ppc64-gnu": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.57.1.tgz",
-      "integrity": "sha512-4BrCgrpZo4hvzMDKRqEaW1zeecScDCR+2nZ86ATLhAoJ5FQ+lbHVD3ttKe74/c7tNT9c6F2viwB3ufwp01Oh2w==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.59.0.tgz",
+      "integrity": "sha512-sw1o3tfyk12k3OEpRddF68a1unZ5VCN7zoTNtSn2KndUE+ea3m3ROOKRCZxEpmT9nsGnogpFP9x6mnLTCaoLkA==",
       "cpu": [
         "ppc64"
       ],
@@ -6414,9 +6390,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-ppc64-musl": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.57.1.tgz",
-      "integrity": "sha512-NOlUuzesGauESAyEYFSe3QTUguL+lvrN1HtwEEsU2rOwdUDeTMJdO5dUYl/2hKf9jWydJrO9OL/XSSf65R5+Xw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.59.0.tgz",
+      "integrity": "sha512-+2kLtQ4xT3AiIxkzFVFXfsmlZiG5FXYW7ZyIIvGA7Bdeuh9Z0aN4hVyXS/G1E9bTP/vqszNIN/pUKCk/BTHsKA==",
       "cpu": [
         "ppc64"
       ],
@@ -6428,9 +6404,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.57.1.tgz",
-      "integrity": "sha512-ptA88htVp0AwUUqhVghwDIKlvJMD/fmL/wrQj99PRHFRAG6Z5nbWoWG4o81Nt9FT+IuqUQi+L31ZKAFeJ5Is+A==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.59.0.tgz",
+      "integrity": "sha512-NDYMpsXYJJaj+I7UdwIuHHNxXZ/b/N2hR15NyH3m2qAtb/hHPA4g4SuuvrdxetTdndfj9b1WOmy73kcPRoERUg==",
       "cpu": [
         "riscv64"
       ],
@@ -6442,9 +6418,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-musl": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.57.1.tgz",
-      "integrity": "sha512-S51t7aMMTNdmAMPpBg7OOsTdn4tySRQvklmL3RpDRyknk87+Sp3xaumlatU+ppQ+5raY7sSTcC2beGgvhENfuw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.59.0.tgz",
+      "integrity": "sha512-nLckB8WOqHIf1bhymk+oHxvM9D3tyPndZH8i8+35p/1YiVoVswPid2yLzgX7ZJP0KQvnkhM4H6QZ5m0LzbyIAg==",
       "cpu": [
         "riscv64"
       ],
@@ -6456,9 +6432,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.57.1.tgz",
-      "integrity": "sha512-Bl00OFnVFkL82FHbEqy3k5CUCKH6OEJL54KCyx2oqsmZnFTR8IoNqBF+mjQVcRCT5sB6yOvK8A37LNm/kPJiZg==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.59.0.tgz",
+      "integrity": "sha512-oF87Ie3uAIvORFBpwnCvUzdeYUqi2wY6jRFWJAy1qus/udHFYIkplYRW+wo+GRUP4sKzYdmE1Y3+rY5Gc4ZO+w==",
       "cpu": [
         "s390x"
       ],
@@ -6470,9 +6446,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.57.1.tgz",
-      "integrity": "sha512-ABca4ceT4N+Tv/GtotnWAeXZUZuM/9AQyCyKYyKnpk4yoA7QIAuBt6Hkgpw8kActYlew2mvckXkvx0FfoInnLg==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.59.0.tgz",
+      "integrity": "sha512-3AHmtQq/ppNuUspKAlvA8HtLybkDflkMuLK4DPo77DfthRb71V84/c4MlWJXixZz4uruIH4uaa07IqoAkG64fg==",
       "cpu": [
         "x64"
       ],
@@ -6484,9 +6460,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.57.1.tgz",
-      "integrity": "sha512-HFps0JeGtuOR2convgRRkHCekD7j+gdAuXM+/i6kGzQtFhlCtQkpwtNzkNj6QhCDp7DRJ7+qC/1Vg2jt5iSOFw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.59.0.tgz",
+      "integrity": "sha512-2UdiwS/9cTAx7qIUZB/fWtToJwvt0Vbo0zmnYt7ED35KPg13Q0ym1g442THLC7VyI6JfYTP4PiSOWyoMdV2/xg==",
       "cpu": [
         "x64"
       ],
@@ -6498,9 +6474,9 @@
       ]
     },
     "node_modules/@rollup/rollup-openbsd-x64": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.57.1.tgz",
-      "integrity": "sha512-H+hXEv9gdVQuDTgnqD+SQffoWoc0Of59AStSzTEj/feWTBAnSfSD3+Dql1ZruJQxmykT/JVY0dE8Ka7z0DH1hw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.59.0.tgz",
+      "integrity": "sha512-M3bLRAVk6GOwFlPTIxVBSYKUaqfLrn8l0psKinkCFxl4lQvOSz8ZrKDz2gxcBwHFpci0B6rttydI4IpS4IS/jQ==",
       "cpu": [
         "x64"
       ],
@@ -6512,9 +6488,9 @@
       ]
     },
     "node_modules/@rollup/rollup-openharmony-arm64": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.57.1.tgz",
-      "integrity": "sha512-4wYoDpNg6o/oPximyc/NG+mYUejZrCU2q+2w6YZqrAs2UcNUChIZXjtafAiiZSUc7On8v5NyNj34Kzj/Ltk6dQ==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.59.0.tgz",
+      "integrity": "sha512-tt9KBJqaqp5i5HUZzoafHZX8b5Q2Fe7UjYERADll83O4fGqJ49O1FsL6LpdzVFQcpwvnyd0i+K/VSwu/o/nWlA==",
       "cpu": [
         "arm64"
       ],
@@ -6526,9 +6502,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.57.1.tgz",
-      "integrity": "sha512-O54mtsV/6LW3P8qdTcamQmuC990HDfR71lo44oZMZlXU4tzLrbvTii87Ni9opq60ds0YzuAlEr/GNwuNluZyMQ==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.59.0.tgz",
+      "integrity": "sha512-V5B6mG7OrGTwnxaNUzZTDTjDS7F75PO1ae6MJYdiMu60sq0CqN5CVeVsbhPxalupvTX8gXVSU9gq+Rx1/hvu6A==",
       "cpu": [
         "arm64"
       ],
@@ -6540,9 +6516,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.57.1.tgz",
-      "integrity": "sha512-P3dLS+IerxCT/7D2q2FYcRdWRl22dNbrbBEtxdWhXrfIMPP9lQhb5h4Du04mdl5Woq05jVCDPCMF7Ub0NAjIew==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.59.0.tgz",
+      "integrity": "sha512-UKFMHPuM9R0iBegwzKF4y0C4J9u8C6MEJgFuXTBerMk7EJ92GFVFYBfOZaSGLu6COf7FxpQNqhNS4c4icUPqxA==",
       "cpu": [
         "ia32"
       ],
@@ -6554,9 +6530,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-gnu": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.57.1.tgz",
-      "integrity": "sha512-VMBH2eOOaKGtIJYleXsi2B8CPVADrh+TyNxJ4mWPnKfLB/DBUmzW+5m1xUrcwWoMfSLagIRpjUFeW5CO5hyciQ==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.59.0.tgz",
+      "integrity": "sha512-laBkYlSS1n2L8fSo1thDNGrCTQMmxjYY5G0WFWjFFYZkKPjsMBsgJfGf4TLxXrF6RyhI60L8TMOjBMvXiTcxeA==",
       "cpu": [
         "x64"
       ],
@@ -6568,9 +6544,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.57.1.tgz",
-      "integrity": "sha512-mxRFDdHIWRxg3UfIIAwCm6NzvxG0jDX/wBN6KsQFTvKFqqg9vTrWUE68qEjHt19A5wwx5X5aUi2zuZT7YR0jrA==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.59.0.tgz",
+      "integrity": "sha512-2HRCml6OztYXyJXAvdDXPKcawukWY2GpR5/nxKp4iBgiO3wcoEGkAaqctIbZcNB6KlUQBIqt8VYkNSj2397EfA==",
       "cpu": [
         "x64"
       ],
@@ -6582,9 +6558,9 @@
       ]
     },
     "node_modules/@rollup/wasm-node": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/wasm-node/-/wasm-node-4.57.1.tgz",
-      "integrity": "sha512-b0rcJH8ykEanfgTeDtlPubhphIUOx0oaAek+3hizTaFkoC1FBSTsY0GixwB4D5HZ5r3Gt2yI9c8M13OcW/kW5A==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/wasm-node/-/wasm-node-4.59.0.tgz",
+      "integrity": "sha512-cKB/Pe05aJWQYw3UFS79Id+KVXdExBxWful0+CSl24z3ukwOgBSy6l39XZNwfm3vCh/fpUrAAs+T7PsJ6dC8NA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6602,13 +6578,13 @@
       }
     },
     "node_modules/@rushstack/node-core-library": {
-      "version": "5.20.0",
-      "resolved": "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-5.20.0.tgz",
-      "integrity": "sha512-yix/WFzuMPvbECgQjdzjDqynv7YQnrcGUfy56WU7QWAVcoN4uB1wCwpt3heo/ghHp2nINrRecPtVS7sQmqY+OA==",
+      "version": "5.20.3",
+      "resolved": "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-5.20.3.tgz",
+      "integrity": "sha512-95JgEPq2k7tHxhF9/OJnnyHDXfC9cLhhta0An/6MlkDsX2A6dTzDrTUG18vx4vjc280V0fi0xDH9iQczpSuWsw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "ajv": "~8.13.0",
+        "ajv": "~8.18.0",
         "ajv-draft-04": "~1.0.0",
         "ajv-formats": "~3.0.1",
         "fs-extra": "~11.3.0",
@@ -6626,23 +6602,6 @@
         }
       }
     },
-    "node_modules/@rushstack/node-core-library/node_modules/ajv": {
-      "version": "8.13.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.13.0.tgz",
-      "integrity": "sha512-PRA911Blj99jR5RMeTunVbNXMF6Lp4vZXnk5GQjcnUWUTsrXtekg/pnmFFI2u/I36Y/2bITGS30GZCXei6uNkA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "fast-deep-equal": "^3.1.3",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2",
-        "uri-js": "^4.4.1"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
     "node_modules/@rushstack/node-core-library/node_modules/lru-cache": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
@@ -6680,9 +6639,9 @@
       "license": "ISC"
     },
     "node_modules/@rushstack/problem-matcher": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/@rushstack/problem-matcher/-/problem-matcher-0.2.0.tgz",
-      "integrity": "sha512-IHV2qdypwqEatMg8Ka9e/q26pu2tOyhG3fuJZtrrPA3O++ctW8y1p6oCeeeIV8v1/kJ3xJPtg1xdZshyNZb8sg==",
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@rushstack/problem-matcher/-/problem-matcher-0.2.1.tgz",
+      "integrity": "sha512-gulfhBs6n+I5b7DvjKRfhMGyUejtSgOHTclF/eONr8hcgF1APEDjhxIsfdUYYMzC3rvLwGluqLjbwCFZ8nxrog==",
       "dev": true,
       "license": "MIT",
       "peerDependencies": {
@@ -6695,9 +6654,9 @@
       }
     },
     "node_modules/@rushstack/rig-package": {
-      "version": "0.7.0",
-      "resolved": "https://registry.npmjs.org/@rushstack/rig-package/-/rig-package-0.7.0.tgz",
-      "integrity": "sha512-iPHSnI/DtLPv2lydP9WWZczhD9knVCJWwLle1H01IYnvYNkhZX8rbnuUH+HEwcANd3YlLjCpXydWN3LMoLOxPw==",
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/@rushstack/rig-package/-/rig-package-0.7.2.tgz",
+      "integrity": "sha512-9XbFWuqMYcHUso4mnETfhGVUSaADBRj6HUAAEYk50nMPn8WRICmBuCphycQGNB3duIR6EEZX3Xj3SYc2XiP+9A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6706,14 +6665,14 @@
       }
     },
     "node_modules/@rushstack/terminal": {
-      "version": "0.22.0",
-      "resolved": "https://registry.npmjs.org/@rushstack/terminal/-/terminal-0.22.0.tgz",
-      "integrity": "sha512-z5O2g5dws5iFNe3hAutAKLPmQARJs/VEWMxdpyew+xm0ohw1qh1G6+wY0nUzFPrLiKQjU+8KNA11VAEMb46ETg==",
+      "version": "0.22.3",
+      "resolved": "https://registry.npmjs.org/@rushstack/terminal/-/terminal-0.22.3.tgz",
+      "integrity": "sha512-gHC9pIMrUPzAbBiI4VZMU7Q+rsCzb8hJl36lFIulIzoceKotyKL3Rd76AZ2CryCTKEg+0bnTj406HE5YY5OQvw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@rushstack/node-core-library": "5.20.0",
-        "@rushstack/problem-matcher": "0.2.0",
+        "@rushstack/node-core-library": "5.20.3",
+        "@rushstack/problem-matcher": "0.2.1",
         "supports-color": "~8.1.1"
       },
       "peerDependencies": {
@@ -6726,27 +6685,27 @@
       }
     },
     "node_modules/@rushstack/ts-command-line": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-5.3.0.tgz",
-      "integrity": "sha512-4hneaVxA5zPC8cwUGZtdvCUzGbW8A+b+qrBK3hYs/xO7TyWkgAMKxq/6FJY91fPG8awgmJ+s1w8GuqNXgxsTyw==",
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-5.3.3.tgz",
+      "integrity": "sha512-c+ltdcvC7ym+10lhwR/vWiOhsrm/bP3By2VsFcs5qTKv+6tTmxgbVrtJ5NdNjANiV5TcmOZgUN+5KYQ4llsvEw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@rushstack/terminal": "0.22.0",
+        "@rushstack/terminal": "0.22.3",
         "@types/argparse": "1.0.38",
         "argparse": "~1.0.9",
         "string-argv": "~0.3.1"
       }
     },
     "node_modules/@schematics/angular": {
-      "version": "21.1.4",
-      "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-21.1.4.tgz",
-      "integrity": "sha512-I1zdSNzdbrVCWpeE2NsZQmIoa9m0nlw4INgdGIkqUH6FgwvoGKC0RoOxKAmm6HHVJ48FE/sPI13dwAeK89ow5A==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-21.2.1.tgz",
+      "integrity": "sha512-DjrHRMoILhbZ6tc7aNZWuHA1wCm1iU/JN1TxAwNEyIBgyU3Fx8Z5baK4w0TCpOIPt0RLWVgP2L7kka9aXWCUFA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/core": "21.1.4",
-        "@angular-devkit/schematics": "21.1.4",
+        "@angular-devkit/core": "21.2.1",
+        "@angular-devkit/schematics": "21.2.1",
         "jsonc-parser": "3.3.1"
       },
       "engines": {
@@ -6842,9 +6801,9 @@
       "license": "MIT"
     },
     "node_modules/@stylistic/eslint-plugin": {
-      "version": "5.9.0",
-      "resolved": "https://registry.npmjs.org/@stylistic/eslint-plugin/-/eslint-plugin-5.9.0.tgz",
-      "integrity": "sha512-FqqSkvDMYJReydrMhlugc71M76yLLQWNfmGq+SIlLa7N3kHp8Qq8i2PyWrVNAfjOyOIY+xv9XaaYwvVW7vroMA==",
+      "version": "5.10.0",
+      "resolved": "https://registry.npmjs.org/@stylistic/eslint-plugin/-/eslint-plugin-5.10.0.tgz",
+      "integrity": "sha512-nPK52ZHvot8Ju/0A4ucSX1dcPV2/1clx0kLcH5wDmrE4naKso7TUC/voUyU1O9OTKTrR6MYip6LP0ogEMQ9jPQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6883,36 +6842,30 @@
       }
     },
     "node_modules/@ts-morph/common/node_modules/balanced-match": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
-      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
       "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "18 || 20 || >=22"
-      }
+      "license": "MIT"
     },
     "node_modules/@ts-morph/common/node_modules/brace-expansion": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.3.tgz",
-      "integrity": "sha512-fy6KJm2RawA5RcHkLa1z/ScpBeA762UF9KmZQxwIbDtRJrgLzM10depAiEQ+CXYcoiqW1/m96OAAoke2nE9EeA==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "balanced-match": "^4.0.2"
-      },
-      "engines": {
-        "node": "18 || 20 || >=22"
+        "balanced-match": "^1.0.0"
       }
     },
     "node_modules/@ts-morph/common/node_modules/minimatch": {
-      "version": "9.0.8",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.8.tgz",
-      "integrity": "sha512-reYkDYtj/b19TeqbNZCV4q9t+Yxylf/rYBsLb42SXJatTv4/ylq5lEiAmhA/IToxO7NI2UzNMghHoHuaqDkAjw==",
+      "version": "9.0.9",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
+      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
-        "brace-expansion": "^5.0.2"
+        "brace-expansion": "^2.0.2"
       },
       "engines": {
         "node": ">=16 || 14 >=14.17"
@@ -7117,9 +7070,9 @@
       "license": "MIT"
     },
     "node_modules/@types/lodash": {
-      "version": "4.17.23",
-      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.23.tgz",
-      "integrity": "sha512-RDvF6wTulMPjrNdCoYRC8gNR880JNGT8uB+REUpC2Ns4pRqQJhGz90wh7rgdXDPpCczF3VGktDuFGVnz8zP7HA==",
+      "version": "4.17.24",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.24.tgz",
+      "integrity": "sha512-gIW7lQLZbue7lRSWEFql49QJJWThrTFFeIMJdp3eH4tKoxm1OvEPg02rm4wCCSHS0cL3/Fizimb35b7k8atwsQ==",
       "dev": true,
       "license": "MIT"
     },
@@ -7131,29 +7084,19 @@
       "license": "MIT"
     },
     "node_modules/@types/node": {
-      "version": "24.10.13",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.10.13.tgz",
-      "integrity": "sha512-oH72nZRfDv9lADUBSo104Aq7gPHpQZc4BTx38r9xf9pg5LfP6EzSyH2n7qFmmxRQXh7YlUXODcYsg6PuTDSxGg==",
+      "version": "24.12.0",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.12.0.tgz",
+      "integrity": "sha512-GYDxsZi3ChgmckRT9HPU0WEhKLP08ev/Yfcq2AstjrDASOYCSXeyjDsHg4v5t4jOj7cyDX3vmprafKlWIG9MXQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "undici-types": "~7.16.0"
       }
     },
-    "node_modules/@types/node-forge": {
-      "version": "1.3.14",
-      "resolved": "https://registry.npmjs.org/@types/node-forge/-/node-forge-1.3.14.tgz",
-      "integrity": "sha512-mhVF2BnD4BO+jtOp7z1CdzaK4mbuK0LLQYAvdOLqHTavxFNq4zA1EmYkpnFjP8HOUzedfQkRnp0E2ulSAYSzAw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
     "node_modules/@types/qs": {
-      "version": "6.14.0",
-      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.14.0.tgz",
-      "integrity": "sha512-eOunJqu0K1923aExK6y8p6fsihYEn/BYuQ4g0CxAAgFc4b/ZLN4CrsRZ55srTdqoiLzU2B2evC+apEIxprEzkQ==",
+      "version": "6.15.0",
+      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.15.0.tgz",
+      "integrity": "sha512-JawvT8iBVWpzTrz3EGw9BTQFg3BQNmwERdKE22vlTxawwtbyUSlMppvZYKLZzB5zgACXdXxbD3m1bXaMqP/9ow==",
       "dev": true,
       "license": "MIT"
     },
@@ -7271,17 +7214,17 @@
       }
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.56.0.tgz",
-      "integrity": "sha512-lRyPDLzNCuae71A3t9NEINBiTn7swyOhvUj3MyUOxb8x6g6vPEFoOU+ZRmGMusNC3X3YMhqMIX7i8ShqhT74Pw==",
+      "version": "8.56.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.56.1.tgz",
+      "integrity": "sha512-Jz9ZztpB37dNC+HU2HI28Bs9QXpzCz+y/twHOwhyrIRdbuVDxSytJNDl6z/aAKlaRIwC7y8wJdkBv7FxYGgi0A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/regexpp": "^4.12.2",
-        "@typescript-eslint/scope-manager": "8.56.0",
-        "@typescript-eslint/type-utils": "8.56.0",
-        "@typescript-eslint/utils": "8.56.0",
-        "@typescript-eslint/visitor-keys": "8.56.0",
+        "@typescript-eslint/scope-manager": "8.56.1",
+        "@typescript-eslint/type-utils": "8.56.1",
+        "@typescript-eslint/utils": "8.56.1",
+        "@typescript-eslint/visitor-keys": "8.56.1",
         "ignore": "^7.0.5",
         "natural-compare": "^1.4.0",
         "ts-api-utils": "^2.4.0"
@@ -7294,22 +7237,22 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "@typescript-eslint/parser": "^8.56.0",
+        "@typescript-eslint/parser": "^8.56.1",
         "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
         "typescript": ">=4.8.4 <6.0.0"
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.56.0.tgz",
-      "integrity": "sha512-IgSWvLobTDOjnaxAfDTIHaECbkNlAlKv2j5SjpB2v7QHKv1FIfjwMy8FsDbVfDX/KjmCmYICcw7uGaXLhtsLNg==",
+      "version": "8.56.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.56.1.tgz",
+      "integrity": "sha512-klQbnPAAiGYFyI02+znpBRLyjL4/BrBd0nyWkdC0s/6xFLkXYQ8OoRrSkqacS1ddVxf/LDyODIKbQ5TgKAf/Fg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/scope-manager": "8.56.0",
-        "@typescript-eslint/types": "8.56.0",
-        "@typescript-eslint/typescript-estree": "8.56.0",
-        "@typescript-eslint/visitor-keys": "8.56.0",
+        "@typescript-eslint/scope-manager": "8.56.1",
+        "@typescript-eslint/types": "8.56.1",
+        "@typescript-eslint/typescript-estree": "8.56.1",
+        "@typescript-eslint/visitor-keys": "8.56.1",
         "debug": "^4.4.3"
       },
       "engines": {
@@ -7325,14 +7268,14 @@
       }
     },
     "node_modules/@typescript-eslint/project-service": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.56.0.tgz",
-      "integrity": "sha512-M3rnyL1vIQOMeWxTWIW096/TtVP+8W3p/XnaFflhmcFp+U4zlxUxWj4XwNs6HbDeTtN4yun0GNTTDBw/SvufKg==",
+      "version": "8.56.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.56.1.tgz",
+      "integrity": "sha512-TAdqQTzHNNvlVFfR+hu2PDJrURiwKsUvxFn1M0h95BB8ah5jejas08jUWG4dBA68jDMI988IvtfdAI53JzEHOQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/tsconfig-utils": "^8.56.0",
-        "@typescript-eslint/types": "^8.56.0",
+        "@typescript-eslint/tsconfig-utils": "^8.56.1",
+        "@typescript-eslint/types": "^8.56.1",
         "debug": "^4.4.3"
       },
       "engines": {
@@ -7347,14 +7290,14 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.56.0.tgz",
-      "integrity": "sha512-7UiO/XwMHquH+ZzfVCfUNkIXlp/yQjjnlYUyYz7pfvlK3/EyyN6BK+emDmGNyQLBtLGaYrTAI6KOw8tFucWL2w==",
+      "version": "8.56.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.56.1.tgz",
+      "integrity": "sha512-YAi4VDKcIZp0O4tz/haYKhmIDZFEUPOreKbfdAN3SzUDMcPhJ8QI99xQXqX+HoUVq8cs85eRKnD+rne2UAnj2w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.56.0",
-        "@typescript-eslint/visitor-keys": "8.56.0"
+        "@typescript-eslint/types": "8.56.1",
+        "@typescript-eslint/visitor-keys": "8.56.1"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -7365,9 +7308,9 @@
       }
     },
     "node_modules/@typescript-eslint/tsconfig-utils": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.56.0.tgz",
-      "integrity": "sha512-bSJoIIt4o3lKXD3xmDh9chZcjCz5Lk8xS7Rxn+6l5/pKrDpkCwtQNQQwZ2qRPk7TkUYhrq3WPIHXOXlbXP0itg==",
+      "version": "8.56.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.56.1.tgz",
+      "integrity": "sha512-qOtCYzKEeyr3aR9f28mPJqBty7+DBqsdd63eO0yyDwc6vgThj2UjWfJIcsFeSucYydqcuudMOprZ+x1SpF3ZuQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -7382,15 +7325,15 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.56.0.tgz",
-      "integrity": "sha512-qX2L3HWOU2nuDs6GzglBeuFXviDODreS58tLY/BALPC7iu3Fa+J7EOTwnX9PdNBxUI7Uh0ntP0YWGnxCkXzmfA==",
+      "version": "8.56.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.56.1.tgz",
+      "integrity": "sha512-yB/7dxi7MgTtGhZdaHCemf7PuwrHMenHjmzgUW1aJpO+bBU43OycnM3Wn+DdvDO/8zzA9HlhaJ0AUGuvri4oGg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.56.0",
-        "@typescript-eslint/typescript-estree": "8.56.0",
-        "@typescript-eslint/utils": "8.56.0",
+        "@typescript-eslint/types": "8.56.1",
+        "@typescript-eslint/typescript-estree": "8.56.1",
+        "@typescript-eslint/utils": "8.56.1",
         "debug": "^4.4.3",
         "ts-api-utils": "^2.4.0"
       },
@@ -7407,9 +7350,9 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.56.0.tgz",
-      "integrity": "sha512-DBsLPs3GsWhX5HylbP9HNG15U0bnwut55Lx12bHB9MpXxQ+R5GC8MwQe+N1UFXxAeQDvEsEDY6ZYwX03K7Z6HQ==",
+      "version": "8.56.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.56.1.tgz",
+      "integrity": "sha512-dbMkdIUkIkchgGDIv7KLUpa0Mda4IYjo4IAMJUZ+3xNoUXxMsk9YtKpTHSChRS85o+H9ftm51gsK1dZReY9CVw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -7421,18 +7364,18 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.56.0.tgz",
-      "integrity": "sha512-ex1nTUMWrseMltXUHmR2GAQ4d+WjkZCT4f+4bVsps8QEdh0vlBsaCokKTPlnqBFqqGaxilDNJG7b8dolW2m43Q==",
+      "version": "8.56.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.56.1.tgz",
+      "integrity": "sha512-qzUL1qgalIvKWAf9C1HpvBjif+Vm6rcT5wZd4VoMb9+Km3iS3Cv9DY6dMRMDtPnwRAFyAi7YXJpTIEXLvdfPxg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/project-service": "8.56.0",
-        "@typescript-eslint/tsconfig-utils": "8.56.0",
-        "@typescript-eslint/types": "8.56.0",
-        "@typescript-eslint/visitor-keys": "8.56.0",
+        "@typescript-eslint/project-service": "8.56.1",
+        "@typescript-eslint/tsconfig-utils": "8.56.1",
+        "@typescript-eslint/types": "8.56.1",
+        "@typescript-eslint/visitor-keys": "8.56.1",
         "debug": "^4.4.3",
-        "minimatch": "^9.0.5",
+        "minimatch": "^10.2.2",
         "semver": "^7.7.3",
         "tinyglobby": "^0.2.15",
         "ts-api-utils": "^2.4.0"
@@ -7448,43 +7391,17 @@
         "typescript": ">=4.8.4 <6.0.0"
       }
     },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-      "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/@typescript-eslint/utils": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.56.0.tgz",
-      "integrity": "sha512-RZ3Qsmi2nFGsS+n+kjLAYDPVlrzf7UhTffrDIKr+h2yzAlYP/y5ZulU0yeDEPItos2Ph46JAL5P/On3pe7kDIQ==",
+      "version": "8.56.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.56.1.tgz",
+      "integrity": "sha512-HPAVNIME3tABJ61siYlHzSWCGtOoeP2RTIaHXFMPqjrQKCGB9OgUVdiNgH7TJS2JNIQ5qQ4RsAUDuGaGme/KOA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.9.1",
-        "@typescript-eslint/scope-manager": "8.56.0",
-        "@typescript-eslint/types": "8.56.0",
-        "@typescript-eslint/typescript-estree": "8.56.0"
+        "@typescript-eslint/scope-manager": "8.56.1",
+        "@typescript-eslint/types": "8.56.1",
+        "@typescript-eslint/typescript-estree": "8.56.1"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -7499,13 +7416,13 @@
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.56.0.tgz",
-      "integrity": "sha512-q+SL+b+05Ud6LbEE35qe4A99P+htKTKVbyiNEe45eCbJFyh/HVK9QXwlrbz+Q4L8SOW4roxSVwXYj4DMBT7Ieg==",
+      "version": "8.56.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.56.1.tgz",
+      "integrity": "sha512-KiROIzYdEV85YygXw6BI/Dx4fnBlFQu6Mq4QE4MOH9fFnhohw6wX/OAvDY2/C+ut0I3RSPKenvZJIVYqJNkhEw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.56.0",
+        "@typescript-eslint/types": "8.56.1",
         "eslint-visitor-keys": "^5.0.0"
       },
       "engines": {
@@ -7517,9 +7434,9 @@
       }
     },
     "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-5.0.0.tgz",
-      "integrity": "sha512-A0XeIi7CXU7nPlfHS9loMYEKxUaONu/hTEzHTGba9Huu94Cq1hPivf+DE5erJozZOky0LfvXAyrV/tcswpLI0Q==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-5.0.1.tgz",
+      "integrity": "sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==",
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
@@ -7530,9 +7447,9 @@
       }
     },
     "node_modules/@vitejs/plugin-basic-ssl": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-2.1.0.tgz",
-      "integrity": "sha512-dOxxrhgyDIEUADhb/8OlV9JIqYLgos03YorAueTIeOUskLJSEsfwCByjbu98ctXitUN3znXKp0bYD/WHSudCeA==",
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-2.1.4.tgz",
+      "integrity": "sha512-HXciTXN/sDBYWgeAD4V4s0DN0g72x5mlxQhHxtYu3Tt8BLa6MzcJZUyDVFCdtjNs3bfENVHVzOsmooTVuNgAAw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -7634,16 +7551,6 @@
         }
       }
     },
-    "node_modules/@vitest/mocker/node_modules/estree-walker": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
-      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/estree": "^1.0.0"
-      }
-    },
     "node_modules/@vitest/pretty-format": {
       "version": "4.0.18",
       "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-4.0.18.tgz",
@@ -7729,6 +7636,85 @@
         "node": ">=18.20.0"
       }
     },
+    "node_modules/@wdio/config/node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@wdio/config/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@wdio/config/node_modules/glob": {
+      "version": "10.5.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.5.0.tgz",
+      "integrity": "sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==",
+      "deprecated": "Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^1.11.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@wdio/config/node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/@wdio/config/node_modules/minimatch": {
+      "version": "9.0.9",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
+      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@wdio/config/node_modules/path-scurry": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
+      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+      "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.18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/@wdio/logger": {
       "version": "9.18.0",
       "resolved": "https://registry.npmjs.org/@wdio/logger/-/logger-9.18.0.tgz",
@@ -7780,9 +7766,9 @@
       }
     },
     "node_modules/@wdio/repl/node_modules/@types/node": {
-      "version": "20.19.34",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.34.tgz",
-      "integrity": "sha512-by3/Z0Qp+L9cAySEsSNNwZ6WWw8ywgGLPQGgbQDhNRSitqYgkgp4pErd23ZSCavbtUA2CN4jQtoB3T8nk4j3Rg==",
+      "version": "20.19.37",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.37.tgz",
+      "integrity": "sha512-8kzdPJ3FsNsVIurqBs7oodNnCEVbni9yUEkaHbgptDACOPW04jimGagZ51E6+lXUwJjgnBw+hyko/lkFWCldqw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7810,9 +7796,9 @@
       }
     },
     "node_modules/@wdio/types/node_modules/@types/node": {
-      "version": "20.19.34",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.34.tgz",
-      "integrity": "sha512-by3/Z0Qp+L9cAySEsSNNwZ6WWw8ywgGLPQGgbQDhNRSitqYgkgp4pErd23ZSCavbtUA2CN4jQtoB3T8nk4j3Rg==",
+      "version": "20.19.37",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.37.tgz",
+      "integrity": "sha512-8kzdPJ3FsNsVIurqBs7oodNnCEVbni9yUEkaHbgptDACOPW04jimGagZ51E6+lXUwJjgnBw+hyko/lkFWCldqw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -8035,9 +8021,9 @@
       "license": "BSD-2-Clause"
     },
     "node_modules/@zip.js/zip.js": {
-      "version": "2.8.21",
-      "resolved": "https://registry.npmjs.org/@zip.js/zip.js/-/zip.js-2.8.21.tgz",
-      "integrity": "sha512-fkyzXISE3IMrstDO1AgPkJCx14MYHP/suIGiAovEYEuBjq3mffsuL6aMV7ohOSjW4rXtuACuUfpA3GtITgdtYg==",
+      "version": "2.8.23",
+      "resolved": "https://registry.npmjs.org/@zip.js/zip.js/-/zip.js-2.8.23.tgz",
+      "integrity": "sha512-RB+RLnxPJFPrGvQ9rgO+4JOcsob6lD32OcF0QE0yg24oeW9q8KnTTNlugcDaIveEcCbclobJcZP+fLQ++sH0bw==",
       "dev": true,
       "license": "BSD-3-Clause",
       "engines": {
@@ -8084,9 +8070,9 @@
       }
     },
     "node_modules/acorn": {
-      "version": "8.15.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
-      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "version": "8.16.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
+      "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
       "dev": true,
       "license": "MIT",
       "bin": {
@@ -8159,9 +8145,9 @@
       }
     },
     "node_modules/ajv": {
-      "version": "8.17.1",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
-      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+      "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.18.0.tgz",
+      "integrity": "sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -8222,31 +8208,55 @@
       }
     },
     "node_modules/algoliasearch": {
-      "version": "5.46.2",
-      "resolved": "https://registry.npmjs.org/algoliasearch/-/algoliasearch-5.46.2.tgz",
-      "integrity": "sha512-qqAXW9QvKf2tTyhpDA4qXv1IfBwD2eduSW6tUEBFIfCeE9gn9HQ9I5+MaKoenRuHrzk5sQoNh1/iof8mY7uD6Q==",
+      "version": "5.48.1",
+      "resolved": "https://registry.npmjs.org/algoliasearch/-/algoliasearch-5.48.1.tgz",
+      "integrity": "sha512-Rf7xmeuIo7nb6S4mp4abW2faW8DauZyE2faBIKFaUfP3wnpOvNSbiI5AwVhqBNj0jPgBWEvhyCu0sLjN2q77Rg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@algolia/abtesting": "1.12.2",
-        "@algolia/client-abtesting": "5.46.2",
-        "@algolia/client-analytics": "5.46.2",
-        "@algolia/client-common": "5.46.2",
-        "@algolia/client-insights": "5.46.2",
-        "@algolia/client-personalization": "5.46.2",
-        "@algolia/client-query-suggestions": "5.46.2",
-        "@algolia/client-search": "5.46.2",
-        "@algolia/ingestion": "1.46.2",
-        "@algolia/monitoring": "1.46.2",
-        "@algolia/recommend": "5.46.2",
-        "@algolia/requester-browser-xhr": "5.46.2",
-        "@algolia/requester-fetch": "5.46.2",
-        "@algolia/requester-node-http": "5.46.2"
+        "@algolia/abtesting": "1.14.1",
+        "@algolia/client-abtesting": "5.48.1",
+        "@algolia/client-analytics": "5.48.1",
+        "@algolia/client-common": "5.48.1",
+        "@algolia/client-insights": "5.48.1",
+        "@algolia/client-personalization": "5.48.1",
+        "@algolia/client-query-suggestions": "5.48.1",
+        "@algolia/client-search": "5.48.1",
+        "@algolia/ingestion": "1.48.1",
+        "@algolia/monitoring": "1.48.1",
+        "@algolia/recommend": "5.48.1",
+        "@algolia/requester-browser-xhr": "5.48.1",
+        "@algolia/requester-fetch": "5.48.1",
+        "@algolia/requester-node-http": "5.48.1"
       },
       "engines": {
         "node": ">= 14.0.0"
       }
     },
+    "node_modules/angular-eslint": {
+      "version": "21.3.0",
+      "resolved": "https://registry.npmjs.org/angular-eslint/-/angular-eslint-21.3.0.tgz",
+      "integrity": "sha512-K4+I41fSxzOavbv87EOnG5rdXiscs31j5pIAQG0aX21OHdSSjFCKOAQNmj8zv5OxUuYj5uYRToR3PuKQSN6i/A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@angular-devkit/core": ">= 21.0.0 < 22.0.0",
+        "@angular-devkit/schematics": ">= 21.0.0 < 22.0.0",
+        "@angular-eslint/builder": "21.3.0",
+        "@angular-eslint/eslint-plugin": "21.3.0",
+        "@angular-eslint/eslint-plugin-template": "21.3.0",
+        "@angular-eslint/schematics": "21.3.0",
+        "@angular-eslint/template-parser": "21.3.0",
+        "@typescript-eslint/types": "^8.0.0",
+        "@typescript-eslint/utils": "^8.0.0"
+      },
+      "peerDependencies": {
+        "@angular/cli": ">= 21.0.0 < 22.0.0",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": "*",
+        "typescript-eslint": "^8.0.0"
+      }
+    },
     "node_modules/ansi-colors": {
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz",
@@ -8379,6 +8389,85 @@
         "node": ">= 14"
       }
     },
+    "node_modules/archiver-utils/node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/archiver-utils/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/archiver-utils/node_modules/glob": {
+      "version": "10.5.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.5.0.tgz",
+      "integrity": "sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==",
+      "deprecated": "Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^1.11.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/archiver-utils/node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/archiver-utils/node_modules/minimatch": {
+      "version": "9.0.9",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
+      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/archiver-utils/node_modules/path-scurry": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
+      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+      "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.18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/archiver-utils/node_modules/readable-stream": {
       "version": "4.7.0",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
@@ -8427,16 +8516,6 @@
         "safe-buffer": "~5.2.0"
       }
     },
-    "node_modules/archiver/node_modules/buffer-crc32": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-1.0.0.tgz",
-      "integrity": "sha512-Db1SbgBS/fg/392AblrMJk97KggmvYhr4pB5ZIMTWtaivCPMWLkmb7m21cJvpvgK+J3nsU2CmmixNBZx4vFj/w==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
     "node_modules/archiver/node_modules/readable-stream": {
       "version": "4.7.0",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
@@ -8532,6 +8611,21 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/asn1js": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/asn1js/-/asn1js-3.0.7.tgz",
+      "integrity": "sha512-uLvq6KJu04qoQM6gvBfKFjlh6Gl0vOKQuR5cJMDHQkmwfMOQeN3F3SHCv9SNYSL+CRoHvOGFfllDlVz03GQjvQ==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "pvtsutils": "^1.3.6",
+        "pvutils": "^1.1.3",
+        "tslib": "^2.8.1"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
     "node_modules/assertion-error": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz",
@@ -8591,9 +8685,9 @@
       }
     },
     "node_modules/autoprefixer": {
-      "version": "10.4.23",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.23.tgz",
-      "integrity": "sha512-YYTXSFulfwytnjAPlw8QHncHJmlvFKtczb8InXaAx9Q0LbfDnfEYDE55omerIJKihhmU61Ft+cAOSzQVaBUmeA==",
+      "version": "10.4.27",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.27.tgz",
+      "integrity": "sha512-NP9APE+tO+LuJGn7/9+cohklunJsXWiaWEfV3si4Gi/XHDwVNgkwr1J3RQYFIvPy76GmJ9/bW8vyoU1LcxwKHA==",
       "dev": true,
       "funding": [
         {
@@ -8612,7 +8706,7 @@
       "license": "MIT",
       "dependencies": {
         "browserslist": "^4.28.1",
-        "caniuse-lite": "^1.0.30001760",
+        "caniuse-lite": "^1.0.30001774",
         "fraction.js": "^5.3.4",
         "picocolors": "^1.1.1",
         "postcss-value-parser": "^4.2.0"
@@ -8638,9 +8732,9 @@
       }
     },
     "node_modules/b4a": {
-      "version": "1.7.5",
-      "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.7.5.tgz",
-      "integrity": "sha512-iEsKNwDh1wiWTps1/hdkNdmBgDlDVZP5U57ZVOlt+dNFqpc/lpPouCIxZw+DYBgc4P9NDfIZMPNR4CHNhzwLIA==",
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.8.0.tgz",
+      "integrity": "sha512-qRuSmNSkGQaHwNbM7J78Wwy+ghLEYF1zNrSeMxj4Kgw6y33O3mXcQ6Ie9fRvfU/YnxWkOchPXbaLb73TkIsfdg==",
       "dev": true,
       "license": "Apache-2.0",
       "peerDependencies": {
@@ -8737,11 +8831,14 @@
       }
     },
     "node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
     },
     "node_modules/bare-events": {
       "version": "2.8.2",
@@ -8759,12 +8856,11 @@
       }
     },
     "node_modules/bare-fs": {
-      "version": "4.5.4",
-      "resolved": "https://registry.npmjs.org/bare-fs/-/bare-fs-4.5.4.tgz",
-      "integrity": "sha512-POK4oplfA7P7gqvetNmCs4CNtm9fNsx+IAh7jH7GgU0OJdge2rso0R20TNWVq6VoWcCvsTdlNDaleLHGaKx8CA==",
+      "version": "4.5.5",
+      "resolved": "https://registry.npmjs.org/bare-fs/-/bare-fs-4.5.5.tgz",
+      "integrity": "sha512-XvwYM6VZqKoqDll8BmSww5luA5eflDzY0uEFfBJtFKe4PAAtxBjU3YIxzIBzhyaEQBy1VXEQBto4cpN5RZJw+w==",
       "dev": true,
       "license": "Apache-2.0",
-      "optional": true,
       "dependencies": {
         "bare-events": "^2.5.4",
         "bare-path": "^3.0.0",
@@ -8785,12 +8881,11 @@
       }
     },
     "node_modules/bare-os": {
-      "version": "3.6.2",
-      "resolved": "https://registry.npmjs.org/bare-os/-/bare-os-3.6.2.tgz",
-      "integrity": "sha512-T+V1+1srU2qYNBmJCXZkUY5vQ0B4FSlL3QDROnKQYOqeiQR8UbjNHlPa+TIbM4cuidiN9GaTaOZgSEgsvPbh5A==",
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/bare-os/-/bare-os-3.7.1.tgz",
+      "integrity": "sha512-ebvMaS5BgZKmJlvuWh14dg9rbUI84QeV3WlWn6Ph6lFI8jJoh7ADtVTyD2c93euwbe+zgi0DVrl4YmqXeM9aIA==",
       "dev": true,
       "license": "Apache-2.0",
-      "optional": true,
       "engines": {
         "bare": ">=1.14.0"
       }
@@ -8801,7 +8896,6 @@
       "integrity": "sha512-tyfW2cQcB5NN8Saijrhqn0Zh7AnFNsnczRcuWODH0eYAXBsJ5gVxAUuNr7tsHSC6IZ77cA0SitzT+s47kot8Mw==",
       "dev": true,
       "license": "Apache-2.0",
-      "optional": true,
       "dependencies": {
         "bare-os": "^3.0.1"
       }
@@ -8812,7 +8906,6 @@
       "integrity": "sha512-reUN0M2sHRqCdG4lUK3Fw8w98eeUIZHL5c3H7Mbhk2yVBL+oofgaIp0ieLfD5QXwPCypBpmEEKU2WZKzbAk8GA==",
       "dev": true,
       "license": "Apache-2.0",
-      "optional": true,
       "dependencies": {
         "streamx": "^2.21.0",
         "teex": "^1.0.1"
@@ -8836,7 +8929,6 @@
       "integrity": "sha512-ZMq4gd9ngV5aTMa5p9+UfY0b3skwhHELaDkhEHetMdX0LRkW9kzaym4oo/Eh+Ghm0CCDuMTsRIGM/ytUc1ZYmw==",
       "dev": true,
       "license": "Apache-2.0",
-      "optional": true,
       "dependencies": {
         "bare-path": "^3.0.0"
       }
@@ -8863,18 +8955,21 @@
       "license": "MIT"
     },
     "node_modules/baseline-browser-mapping": {
-      "version": "2.9.19",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.9.19.tgz",
-      "integrity": "sha512-ipDqC8FrAl/76p2SSWKSI+H9tFwm7vYqXQrItCuiVPt26Km0jS+NzSsBWAaBusvSbQcfJG+JitdMm+wZAgTYqg==",
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.0.tgz",
+      "integrity": "sha512-lIyg0szRfYbiy67j9KN8IyeD7q7hcmqnJ1ddWmNt19ItGpNN64mnllmxUNFIOdOm6by97jlL6wfpTTJrmnjWAA==",
       "license": "Apache-2.0",
       "bin": {
-        "baseline-browser-mapping": "dist/cli.js"
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
       }
     },
     "node_modules/basic-ftp": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/basic-ftp/-/basic-ftp-5.1.0.tgz",
-      "integrity": "sha512-RkaJzeJKDbaDWTIPiJwubyljaEPwpVWkm9Rt5h9Nd6h7tEXTJ3VB4qxdZBioV7JO5yLUaOKwz7vDOzlncUsegw==",
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/basic-ftp/-/basic-ftp-5.2.0.tgz",
+      "integrity": "sha512-VoMINM2rqJwJgfdHq6RiUudKt2BV+FY5ZFezP/ypmwayk68+NzzAQy4XXLlqsGD4MCzq3DrmNFD/uUmBJuGoXw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -8889,9 +8984,9 @@
       "license": "MIT"
     },
     "node_modules/beasties": {
-      "version": "0.3.5",
-      "resolved": "https://registry.npmjs.org/beasties/-/beasties-0.3.5.tgz",
-      "integrity": "sha512-NaWu+f4YrJxEttJSm16AzMIFtVldCvaJ68b1L098KpqXmxt9xOLtKoLkKxb8ekhOrLqEJAbvT6n6SEvB/sac7A==",
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/beasties/-/beasties-0.4.1.tgz",
+      "integrity": "sha512-2Imdcw3LznDuxAbJM26RHniOLAzE6WgrK8OuvVXCQtNBS8rsnD9zsSEa3fHl4hHpUY7BYTlrpvtPVbvu9G6neg==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -8902,10 +8997,11 @@
         "htmlparser2": "^10.0.0",
         "picocolors": "^1.1.1",
         "postcss": "^8.4.49",
-        "postcss-media-query-parser": "^0.2.3"
+        "postcss-media-query-parser": "^0.2.3",
+        "postcss-safe-parser": "^7.0.1"
       },
       "engines": {
-        "node": ">=14.0.0"
+        "node": ">=18.0.0"
       }
     },
     "node_modules/big.js": {
@@ -9015,14 +9111,16 @@
       "license": "ISC"
     },
     "node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.4.tgz",
+      "integrity": "sha512-h+DEnpVvxmfVefa4jFbCf5HdH5YMDXRsmKflpf1pILZWRFlTbJpxeU55nJl4Smt5HQaGzg1o6RHFPJaOqnmBDg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
       }
     },
     "node_modules/braces": {
@@ -9097,13 +9195,13 @@
       }
     },
     "node_modules/buffer-crc32": {
-      "version": "0.2.13",
-      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
-      "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-1.0.0.tgz",
+      "integrity": "sha512-Db1SbgBS/fg/392AblrMJk97KggmvYhr4pB5ZIMTWtaivCPMWLkmb7m21cJvpvgK+J3nsU2CmmixNBZx4vFj/w==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": "*"
+        "node": ">=8.0.0"
       }
     },
     "node_modules/buffer-from": {
@@ -9139,6 +9237,16 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/bytestreamjs": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/bytestreamjs/-/bytestreamjs-2.0.1.tgz",
+      "integrity": "sha512-U1Z/ob71V/bXfVABvNr/Kumf5VyeQRBEm6Txb0PQ6S7V5GpBM3w4Cbqz/xPDicR5tN0uvDifng8C+5qECeGwyQ==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
     "node_modules/cacache": {
       "version": "20.0.3",
       "resolved": "https://registry.npmjs.org/cacache/-/cacache-20.0.3.tgz",
@@ -9162,47 +9270,6 @@
         "node": "^20.17.0 || >=22.9.0"
       }
     },
-    "node_modules/cacache/node_modules/balanced-match": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.3.tgz",
-      "integrity": "sha512-1pHv8LX9CpKut1Zp4EXey7Z8OfH11ONNH6Dhi2WDUt31VVZFXZzKwXcysBgqSumFCmR+0dqjMK5v5JiFHzi0+g==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "20 || >=22"
-      }
-    },
-    "node_modules/cacache/node_modules/brace-expansion": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.2.tgz",
-      "integrity": "sha512-Pdk8c9poy+YhOgVWw1JNN22/HcivgKWwpxKq04M/jTmHyCZn12WPJebZxdjSa5TmBqISrUSgNYU3eRORljfCCw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^4.0.2"
-      },
-      "engines": {
-        "node": "20 || >=22"
-      }
-    },
-    "node_modules/cacache/node_modules/glob": {
-      "version": "13.0.5",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-13.0.5.tgz",
-      "integrity": "sha512-BzXxZg24Ibra1pbQ/zE7Kys4Ua1ks7Bn6pKLkVPZ9FZe4JQS6/Q7ef3LG1H+k7lUf5l4T3PLSyYyYJVYUvfgTw==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "dependencies": {
-        "minimatch": "^10.2.1",
-        "minipass": "^7.1.2",
-        "path-scurry": "^2.0.0"
-      },
-      "engines": {
-        "node": "20 || >=22"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/cacache/node_modules/lru-cache": {
       "version": "11.2.6",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.6.tgz",
@@ -9213,22 +9280,6 @@
         "node": "20 || >=22"
       }
     },
-    "node_modules/cacache/node_modules/minimatch": {
-      "version": "10.2.1",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.1.tgz",
-      "integrity": "sha512-MClCe8IL5nRRmawL6ib/eT4oLyeKMGCghibcDWK+J0hh0Q8kqSdia6BvbRMVk6mPa6WqUa5uR2oxt6C5jd533A==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "dependencies": {
-        "brace-expansion": "^5.0.2"
-      },
-      "engines": {
-        "node": "20 || >=22"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/call-bind-apply-helpers": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
@@ -9271,9 +9322,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001770",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001770.tgz",
-      "integrity": "sha512-x/2CLQ1jHENRbHg5PSId2sXq1CIO1CISvwWAj027ltMVG2UNgW+w9oH2+HzgEIRFembL8bUlXtfbBHR1fCg2xw==",
+      "version": "1.0.30001777",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001777.tgz",
+      "integrity": "sha512-tmN+fJxroPndC74efCdp12j+0rk0RHwV5Jwa1zWaFVyw2ZxAuPeG8ZgWC3Wz7uSjT3qMRQ5XHZ4COgQmsCMJAQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -9437,16 +9488,6 @@
         "url": "https://github.com/inikulin/parse5?sponsor=1"
       }
     },
-    "node_modules/cheerio/node_modules/whatwg-mimetype": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
-      "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/chokidar": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
@@ -9536,14 +9577,14 @@
       }
     },
     "node_modules/cli-truncate": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-5.1.1.tgz",
-      "integrity": "sha512-SroPvNHxUnk+vIW/dOSfNqdy1sPEFkrTk6TUtqLCnBlo3N7TNYYkzzN7uSD6+jVjrdO4+p8nH7JzH6cIvUem6A==",
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-5.2.0.tgz",
+      "integrity": "sha512-xRwvIOMGrfOAnM1JYtqQImuaNtDEv9v6oIYAs4LIHwTiKee8uwvIi363igssOC0O5U04i4AlENs79LQLu9tEMw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "slice-ansi": "^7.1.0",
-        "string-width": "^8.0.0"
+        "slice-ansi": "^8.0.0",
+        "string-width": "^8.2.0"
       },
       "engines": {
         "node": ">=20"
@@ -9908,13 +9949,6 @@
       ],
       "license": "MIT"
     },
-    "node_modules/concat-map": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/concat-with-sourcemaps": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/concat-with-sourcemaps/-/concat-with-sourcemaps-1.1.0.tgz",
@@ -10023,20 +10057,20 @@
       }
     },
     "node_modules/copy-webpack-plugin": {
-      "version": "13.0.1",
-      "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-13.0.1.tgz",
-      "integrity": "sha512-J+YV3WfhY6W/Xf9h+J1znYuqTye2xkBUIGyTPWuBAT27qajBa5mR4f8WBmfDY3YjRftT2kqZZiLi1qf0H+UOFw==",
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-14.0.0.tgz",
+      "integrity": "sha512-3JLW90aBGeaTLpM7mYQKpnVdgsUZRExY55giiZgLuX/xTQRUs1dOCwbBnWnvY6Q6rfZoXMNwzOQJCSZPppfqXA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "glob-parent": "^6.0.1",
         "normalize-path": "^3.0.0",
         "schema-utils": "^4.2.0",
-        "serialize-javascript": "^6.0.2",
+        "serialize-javascript": "^7.0.3",
         "tinyglobby": "^0.2.12"
       },
       "engines": {
-        "node": ">= 18.12.0"
+        "node": ">= 20.9.0"
       },
       "funding": {
         "type": "opencollective",
@@ -10086,9 +10120,9 @@
       }
     },
     "node_modules/cosmiconfig": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.0.tgz",
-      "integrity": "sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==",
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.1.tgz",
+      "integrity": "sha512-hr4ihw+DBqcvrsEDioRO31Z17x71pUYoNe/4h6Z0wB72p7MU7/9gH8Q3s12NFhHPfYBBOV3qyfUxmr/Yn3shnQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -10203,20 +10237,20 @@
       }
     },
     "node_modules/css-loader": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-7.1.2.tgz",
-      "integrity": "sha512-6WvYYn7l/XEGN8Xu2vWFt9nVzrCn39vKyTEFf/ExEyoksJjjSZV/0/35XPlMbpnr6VGhZIUg5yJrL8tGfes/FA==",
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-7.1.3.tgz",
+      "integrity": "sha512-frbERmjT0UC5lMheWpJmMilnt9GEhbZJN/heUb7/zaJYeIzj5St9HvDcfshzzOqbsS+rYpMk++2SD3vGETDSyA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "icss-utils": "^5.1.0",
-        "postcss": "^8.4.33",
+        "postcss": "^8.4.40",
         "postcss-modules-extract-imports": "^3.1.0",
         "postcss-modules-local-by-default": "^4.0.5",
         "postcss-modules-scope": "^3.2.0",
         "postcss-modules-values": "^4.0.0",
         "postcss-value-parser": "^4.2.0",
-        "semver": "^7.5.4"
+        "semver": "^7.6.3"
       },
       "engines": {
         "node": ">= 18.12.0"
@@ -10479,9 +10513,9 @@
       "license": "MIT"
     },
     "node_modules/devtools-protocol": {
-      "version": "0.0.1566079",
-      "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.1566079.tgz",
-      "integrity": "sha512-MJfAEA1UfVhSs7fbSQOG4czavUp1ajfg6prlAN0+cmfa2zNjaIbvq8VneP7do1WAQQIvgNJWSMeP6UyI90gIlQ==",
+      "version": "0.0.1581282",
+      "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.1581282.tgz",
+      "integrity": "sha512-nv7iKtNZQshSW2hKzYNr46nM/Cfh5SEvE2oV0/SEGgc9XupIY5ggf84Cz8eJIkBce7S3bmTAauFD6aysMpnqsQ==",
       "dev": true,
       "license": "BSD-3-Clause"
     },
@@ -10678,9 +10712,9 @@
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.286",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.286.tgz",
-      "integrity": "sha512-9tfDXhJ4RKFNerfjdCcZfufu49vg620741MNs26a9+bhLThdB+plgMeou98CAaHu/WATj2iHOOHTp1hWtABj2A==",
+      "version": "1.5.307",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.307.tgz",
+      "integrity": "sha512-5z3uFKBWjiNR44nFcYdkcXjKMbg5KXNdciu7mhTPo9tB7NbqSNP2sSnGR+fqknZSCwKkBN+oxiiajWs4dT6ORg==",
       "license": "ISC"
     },
     "node_modules/emoji-regex": {
@@ -10710,17 +10744,6 @@
         "node": ">= 0.8"
       }
     },
-    "node_modules/encoding": {
-      "version": "0.1.13",
-      "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz",
-      "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "iconv-lite": "^0.6.2"
-      }
-    },
     "node_modules/encoding-sniffer": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/encoding-sniffer/-/encoding-sniffer-0.2.1.tgz",
@@ -10748,20 +10771,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/encoding/node_modules/iconv-lite": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/end-of-stream": {
       "version": "1.4.5",
       "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.5.tgz",
@@ -10773,9 +10782,9 @@
       }
     },
     "node_modules/enhanced-resolve": {
-      "version": "5.19.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.19.0.tgz",
-      "integrity": "sha512-phv3E1Xl4tQOShqSte26C7Fl84EwUdZsyOuSSk9qtAGyyQs2s3jJzComh+Abf4g187lUUAvH+H26omrqia2aGg==",
+      "version": "5.20.0",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.20.0.tgz",
+      "integrity": "sha512-/ce7+jQ1PQ6rVXwe+jKEg5hW5ciicHwIQUagZkp6IufBoY3YDgdTTY1azVs0qoRgVmvsNB+rbjLJxDAeHHtwsQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -10874,9 +10883,9 @@
       }
     },
     "node_modules/es-module-lexer": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-2.0.0.tgz",
-      "integrity": "sha512-5POEcUuZybH7IdmGsD8wlf0AI55wMecM9rVBTI/qEAy2c1kTOm3DjFYjrBdI2K3BaJjJYfYFeRtM0t9ssnRuxw==",
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz",
+      "integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==",
       "dev": true,
       "license": "MIT"
     },
@@ -10894,9 +10903,9 @@
       }
     },
     "node_modules/esbuild": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.2.tgz",
-      "integrity": "sha512-HyNQImnsOC7X9PMNaCIeAm4ISCQXs5a5YasTXVliKv4uuBo1dKrG0A+uQS8M5eXjVMnLg3WgXaKvprHlFJQffw==",
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.3.tgz",
+      "integrity": "sha512-8VwMnyGCONIs6cWue2IdpHxHnAjzxnw2Zr7MkVxB2vjmQ2ivqGFb4LEG3SMnv0Gb2F/G/2yA8zUaiL1gywDCCg==",
       "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
@@ -10907,38 +10916,38 @@
         "node": ">=18"
       },
       "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.27.2",
-        "@esbuild/android-arm": "0.27.2",
-        "@esbuild/android-arm64": "0.27.2",
-        "@esbuild/android-x64": "0.27.2",
-        "@esbuild/darwin-arm64": "0.27.2",
-        "@esbuild/darwin-x64": "0.27.2",
-        "@esbuild/freebsd-arm64": "0.27.2",
-        "@esbuild/freebsd-x64": "0.27.2",
-        "@esbuild/linux-arm": "0.27.2",
-        "@esbuild/linux-arm64": "0.27.2",
-        "@esbuild/linux-ia32": "0.27.2",
-        "@esbuild/linux-loong64": "0.27.2",
-        "@esbuild/linux-mips64el": "0.27.2",
-        "@esbuild/linux-ppc64": "0.27.2",
-        "@esbuild/linux-riscv64": "0.27.2",
-        "@esbuild/linux-s390x": "0.27.2",
-        "@esbuild/linux-x64": "0.27.2",
-        "@esbuild/netbsd-arm64": "0.27.2",
-        "@esbuild/netbsd-x64": "0.27.2",
-        "@esbuild/openbsd-arm64": "0.27.2",
-        "@esbuild/openbsd-x64": "0.27.2",
-        "@esbuild/openharmony-arm64": "0.27.2",
-        "@esbuild/sunos-x64": "0.27.2",
-        "@esbuild/win32-arm64": "0.27.2",
-        "@esbuild/win32-ia32": "0.27.2",
-        "@esbuild/win32-x64": "0.27.2"
+        "@esbuild/aix-ppc64": "0.27.3",
+        "@esbuild/android-arm": "0.27.3",
+        "@esbuild/android-arm64": "0.27.3",
+        "@esbuild/android-x64": "0.27.3",
+        "@esbuild/darwin-arm64": "0.27.3",
+        "@esbuild/darwin-x64": "0.27.3",
+        "@esbuild/freebsd-arm64": "0.27.3",
+        "@esbuild/freebsd-x64": "0.27.3",
+        "@esbuild/linux-arm": "0.27.3",
+        "@esbuild/linux-arm64": "0.27.3",
+        "@esbuild/linux-ia32": "0.27.3",
+        "@esbuild/linux-loong64": "0.27.3",
+        "@esbuild/linux-mips64el": "0.27.3",
+        "@esbuild/linux-ppc64": "0.27.3",
+        "@esbuild/linux-riscv64": "0.27.3",
+        "@esbuild/linux-s390x": "0.27.3",
+        "@esbuild/linux-x64": "0.27.3",
+        "@esbuild/netbsd-arm64": "0.27.3",
+        "@esbuild/netbsd-x64": "0.27.3",
+        "@esbuild/openbsd-arm64": "0.27.3",
+        "@esbuild/openbsd-x64": "0.27.3",
+        "@esbuild/openharmony-arm64": "0.27.3",
+        "@esbuild/sunos-x64": "0.27.3",
+        "@esbuild/win32-arm64": "0.27.3",
+        "@esbuild/win32-ia32": "0.27.3",
+        "@esbuild/win32-x64": "0.27.3"
       }
     },
     "node_modules/esbuild-wasm": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.27.2.tgz",
-      "integrity": "sha512-eUTnl8eh+v8UZIZh4MrMOKDAc8Lm7+NqP3pyuTORGFY1s/o9WoiJgKnwXy+te2J3hX7iRbFSHEyig7GsPeeJyw==",
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.27.3.tgz",
+      "integrity": "sha512-AUXuOxZ145/5Az+lIqk6TdJbxKTyDGkXMJpTExmBdbnHR6n6qAFx+F4oG9ORpVYJ9dQYeQAqzv51TO4DFKsbXw==",
       "dev": true,
       "license": "MIT",
       "bin": {
@@ -11011,33 +11020,30 @@
       }
     },
     "node_modules/eslint": {
-      "version": "9.39.2",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.2.tgz",
-      "integrity": "sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==",
+      "version": "10.0.3",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-10.0.3.tgz",
+      "integrity": "sha512-COV33RzXZkqhG9P2rZCFl9ZmJ7WL+gQSCRzE7RhkbclbQPtLAWReL7ysA0Sh4c8Im2U9ynybdR56PV0XcKvqaQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
-        "@eslint-community/regexpp": "^4.12.1",
-        "@eslint/config-array": "^0.21.1",
-        "@eslint/config-helpers": "^0.4.2",
-        "@eslint/core": "^0.17.0",
-        "@eslint/eslintrc": "^3.3.1",
-        "@eslint/js": "9.39.2",
-        "@eslint/plugin-kit": "^0.4.1",
+        "@eslint-community/regexpp": "^4.12.2",
+        "@eslint/config-array": "^0.23.3",
+        "@eslint/config-helpers": "^0.5.2",
+        "@eslint/core": "^1.1.1",
+        "@eslint/plugin-kit": "^0.6.1",
         "@humanfs/node": "^0.16.6",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@humanwhocodes/retry": "^0.4.2",
         "@types/estree": "^1.0.6",
-        "ajv": "^6.12.4",
-        "chalk": "^4.0.0",
+        "ajv": "^6.14.0",
         "cross-spawn": "^7.0.6",
         "debug": "^4.3.2",
         "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^8.4.0",
-        "eslint-visitor-keys": "^4.2.1",
-        "espree": "^10.4.0",
-        "esquery": "^1.5.0",
+        "eslint-scope": "^9.1.2",
+        "eslint-visitor-keys": "^5.0.1",
+        "espree": "^11.1.1",
+        "esquery": "^1.7.0",
         "esutils": "^2.0.2",
         "fast-deep-equal": "^3.1.3",
         "file-entry-cache": "^8.0.0",
@@ -11047,8 +11053,7 @@
         "imurmurhash": "^0.1.4",
         "is-glob": "^4.0.0",
         "json-stable-stringify-without-jsonify": "^1.0.1",
-        "lodash.merge": "^4.6.2",
-        "minimatch": "^3.1.2",
+        "minimatch": "^10.2.4",
         "natural-compare": "^1.4.0",
         "optionator": "^0.9.3"
       },
@@ -11056,7 +11061,7 @@
         "eslint": "bin/eslint.js"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": "^20.19.0 || ^22.13.0 || >=24"
       },
       "funding": {
         "url": "https://eslint.org/donate"
@@ -11071,9 +11076,9 @@
       }
     },
     "node_modules/eslint-scope": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-9.1.0.tgz",
-      "integrity": "sha512-CkWE42hOJsNj9FJRaoMX9waUFYhqY4jmyLFdAdzZr6VaCg3ynLYx4WnOdkaIifGfH4gsUcBTn4OZbHXkpLD0FQ==",
+      "version": "9.1.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-9.1.2.tgz",
+      "integrity": "sha512-xS90H51cKw0jltxmvmHy2Iai1LIqrfbw57b79w/J7MfvDfkIkFZ+kj6zC3BjtUwh150HsSSdxXZcsuv72miDFQ==",
       "dev": true,
       "license": "BSD-2-Clause",
       "dependencies": {
@@ -11103,9 +11108,9 @@
       }
     },
     "node_modules/eslint/node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "version": "6.14.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.14.0.tgz",
+      "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -11115,22 +11120,36 @@
         "uri-js": "^4.2.2"
       },
       "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/eslint/node_modules/eslint-visitor-keys": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-5.0.1.tgz",
+      "integrity": "sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/eslint/node_modules/eslint-scope": {
-      "version": "8.4.0",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
-      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
+    "node_modules/eslint/node_modules/espree": {
+      "version": "11.1.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-11.1.1.tgz",
+      "integrity": "sha512-AVHPqQoZYc+RUM4/3Ly5udlZY/U4LS8pIG05jEjWM2lQMU/oaZ7qshzAl2YP1tfNmXfftH3ohurfwNAug+MnsQ==",
       "dev": true,
       "license": "BSD-2-Clause",
       "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^5.2.0"
+        "acorn": "^8.16.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^5.0.1"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": "^20.19.0 || ^22.13.0 || >=24"
       },
       "funding": {
         "url": "https://opencollective.com/eslint"
@@ -11153,19 +11172,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/eslint/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/espree": {
       "version": "10.4.0",
       "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
@@ -11235,11 +11241,14 @@
       }
     },
     "node_modules/estree-walker": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      }
     },
     "node_modules/esutils": {
       "version": "2.0.3",
@@ -11396,13 +11405,13 @@
       }
     },
     "node_modules/express-rate-limit": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/express-rate-limit/-/express-rate-limit-8.2.1.tgz",
-      "integrity": "sha512-PCZEIEIxqwhzw4KF0n7QF4QqruVTcF73O5kFKUnGOyjbCCgizBBiFaYpd/fnBLUMPw/BWw9OsiN7GgrNYr7j6g==",
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/express-rate-limit/-/express-rate-limit-8.3.0.tgz",
+      "integrity": "sha512-KJzBawY6fB9FiZGdE/0aftepZ91YlaGIrV8vgblRM3J8X+dHx/aiowJWwkx6LIGyuqGiANsjSwwrbb8mifOJ4Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "ip-address": "10.0.1"
+        "ip-address": "10.1.0"
       },
       "engines": {
         "node": ">= 16"
@@ -11531,9 +11540,9 @@
       "license": "MIT"
     },
     "node_modules/fast-xml-parser": {
-      "version": "5.4.1",
-      "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-5.4.1.tgz",
-      "integrity": "sha512-BQ30U1mKkvXQXXkAGcuyUA/GA26oEB7NzOtsxCDtyu62sjGw5QraKFhx2Em3WQNjPw9PG6MQ9yuIIgkSDfGu5A==",
+      "version": "5.4.2",
+      "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-5.4.2.tgz",
+      "integrity": "sha512-pw/6pIl4k0CSpElPEJhDppLzaixDEuWui2CUQQBH/ECDf7+y6YwA4Gf7Tyb0Rfe4DIMuZipYj4AEL0nACKglvQ==",
       "dev": true,
       "funding": [
         {
@@ -11780,9 +11789,9 @@
       "license": "MIT"
     },
     "node_modules/flatted": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
-      "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.4.tgz",
+      "integrity": "sha512-3+mMldrTAPdta5kjX2G2J7iX4zxtnwpdA8Tr2ZSjkyPSanvbZAcy6flmtnXbEybHrDcU9641lxrMfFuUxVz9vA==",
       "dev": true,
       "license": "ISC"
     },
@@ -11882,9 +11891,9 @@
       }
     },
     "node_modules/fs-extra": {
-      "version": "11.3.3",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.3.tgz",
-      "integrity": "sha512-VWSRii4t0AFm6ixFFmLLx1t7wS1gh+ckoa84aOeapGum0h+EZd1EhEumSB+ZdDLnEPuucsVB9oB7cxJHap6Afg==",
+      "version": "11.3.4",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.4.tgz",
+      "integrity": "sha512-CTXd6rk/M3/ULNQj8FBqBWHYBVYybQ3VPBw0xGKFe3tuH7ytT6ACnvzpIQ3UZtB8yvUKC2cXn1a+x+5EVQLovA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -12084,22 +12093,18 @@
       }
     },
     "node_modules/glob": {
-      "version": "10.5.0",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.5.0.tgz",
-      "integrity": "sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==",
-      "deprecated": "Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
+      "version": "13.0.6",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-13.0.6.tgz",
+      "integrity": "sha512-Wjlyrolmm8uDpm/ogGyXZXb1Z+Ca2B8NbJwqBVg0axK9GbBeoS7yGV6vjXnYdGm6X53iehEuxxbyiKp8QmN4Vw==",
       "dev": true,
-      "license": "ISC",
+      "license": "BlueOak-1.0.0",
       "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^3.1.2",
-        "minimatch": "^9.0.4",
-        "minipass": "^7.1.2",
-        "package-json-from-dist": "^1.0.0",
-        "path-scurry": "^1.11.1"
+        "minimatch": "^10.2.2",
+        "minipass": "^7.1.3",
+        "path-scurry": "^2.0.2"
       },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
+      "engines": {
+        "node": "18 || 20 || >=22"
       },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
@@ -12240,69 +12245,6 @@
         "node": ">=8.10.0"
       }
     },
-    "node_modules/glob/node_modules/balanced-match": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
-      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "18 || 20 || >=22"
-      }
-    },
-    "node_modules/glob/node_modules/brace-expansion": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.3.tgz",
-      "integrity": "sha512-fy6KJm2RawA5RcHkLa1z/ScpBeA762UF9KmZQxwIbDtRJrgLzM10depAiEQ+CXYcoiqW1/m96OAAoke2nE9EeA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^4.0.2"
-      },
-      "engines": {
-        "node": "18 || 20 || >=22"
-      }
-    },
-    "node_modules/glob/node_modules/lru-cache": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/glob/node_modules/minimatch": {
-      "version": "9.0.8",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.8.tgz",
-      "integrity": "sha512-reYkDYtj/b19TeqbNZCV4q9t+Yxylf/rYBsLb42SXJatTv4/ylq5lEiAmhA/IToxO7NI2UzNMghHoHuaqDkAjw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^5.0.2"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/glob/node_modules/path-scurry": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
-      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
-      "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.18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/global-modules": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-1.0.0.tgz",
@@ -12355,19 +12297,6 @@
         "which": "bin/which"
       }
     },
-    "node_modules/globals": {
-      "version": "14.0.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
-      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/glogg": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/glogg/-/glogg-2.2.0.tgz",
@@ -12638,9 +12567,9 @@
       }
     },
     "node_modules/hono": {
-      "version": "4.11.10",
-      "resolved": "https://registry.npmjs.org/hono/-/hono-4.11.10.tgz",
-      "integrity": "sha512-kyWP5PAiMooEvGrA9jcD3IXF7ATu8+o7B3KCbPXid5se52NPqnOpM/r9qeW2heMnOekF4kqR1fXJqCYeCLKrZg==",
+      "version": "4.12.5",
+      "resolved": "https://registry.npmjs.org/hono/-/hono-4.12.5.tgz",
+      "integrity": "sha512-3qq+FUBtlTHhtYxbxheZgY8NIFnkkC/MR8u5TTsr7YZ3wixryQ3cCwn3iZbg8p8B88iDBBAYSfZDS75t8MN7Vg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -12932,9 +12861,9 @@
       "license": "MIT"
     },
     "node_modules/immutable": {
-      "version": "5.1.4",
-      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.4.tgz",
-      "integrity": "sha512-p6u1bG3YSnINT5RQmx/yRZBpenIl30kVxkTLDyHLIMk0gict704Q9n+thfDI7lTRm9vXdDYutVzXhzcThxTnXA==",
+      "version": "5.1.5",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.5.tgz",
+      "integrity": "sha512-t7xcm2siw+hlUM68I+UEOK+z84RzmN59as9DZ7P1l0994DKUWV7UXBMQZVxaoMSRQ+PBZbHCOoBt7a2wxOMt+A==",
       "dev": true,
       "license": "MIT"
     },
@@ -13024,9 +12953,9 @@
       }
     },
     "node_modules/ip-address": {
-      "version": "10.0.1",
-      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.0.1.tgz",
-      "integrity": "sha512-NWv9YLW4PoW2B7xtzaS3NCot75m6nK7Icdv0o3lfMceJVRfSoQwqD4wEH5rLwoKJwUiZ/rfpiVBhnaF0FK4HoA==",
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.1.0.tgz",
+      "integrity": "sha512-XXADHxXmvT9+CRxhXg56LJovE+bmWnEWB78LB83VZTprKTmaC5QfruXocxzTZ2Kl0DNwKuBdlIhjL8LeY8Sf8Q==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -13204,9 +13133,9 @@
       }
     },
     "node_modules/is-network-error": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/is-network-error/-/is-network-error-1.3.0.tgz",
-      "integrity": "sha512-6oIwpsgRfnDiyEDLMay/GqCl3HoAtH5+RUKW29gYkL0QA+ipzpDLA16yQs7/RHCSu+BwgbJaOUqa4A99qNVQVw==",
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/is-network-error/-/is-network-error-1.3.1.tgz",
+      "integrity": "sha512-6QCxa49rQbmUWLfk0nuGqzql9U8uaV2H6279bRErPBHe/109hCzsLUBUHfbEtvLIHBd6hyXbgedBSHevm43Edw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -13227,13 +13156,13 @@
       }
     },
     "node_modules/is-plain-obj": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz",
-      "integrity": "sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
+      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=10"
+        "node": ">=12"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
@@ -13468,9 +13397,9 @@
       "license": "MIT"
     },
     "node_modules/jose": {
-      "version": "6.1.3",
-      "resolved": "https://registry.npmjs.org/jose/-/jose-6.1.3.tgz",
-      "integrity": "sha512-0TpaTfihd4QMNwrz/ob2Bp7X04yuxJkjRGi4aKmOqwhov54i6u79oCv7T+C7lo70MKH6BesI3vscD1yb/yzKXQ==",
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/jose/-/jose-6.2.0.tgz",
+      "integrity": "sha512-xsfE1TcSCbUdo6U07tR0mvhg0flGxU8tPLbF03mirl2ukGQENhUg4ubGYQnhVH0b5stLlPM+WOqDkEl1R1y5sQ==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -13595,9 +13524,9 @@
       "license": "MIT"
     },
     "node_modules/jsrsasign": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/jsrsasign/-/jsrsasign-11.1.0.tgz",
-      "integrity": "sha512-Ov74K9GihaK9/9WncTe1mPmvrO7Py665TUfUKvraXBpu+xcTWitrtuOwcjf4KMU9maPaYn0OuaWy0HOzy/GBXg==",
+      "version": "11.1.1",
+      "resolved": "https://registry.npmjs.org/jsrsasign/-/jsrsasign-11.1.1.tgz",
+      "integrity": "sha512-6w95OOXH8DNeGxakqLndBEqqwQ6A70zGaky1oxfg8WVLWOnghTfJsc5Tknx+Z88MHSb1bGLcqQHImOF8Lk22XA==",
       "license": "MIT",
       "peer": true,
       "funding": {
@@ -13668,9 +13597,9 @@
       }
     },
     "node_modules/launch-editor": {
-      "version": "2.13.0",
-      "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.13.0.tgz",
-      "integrity": "sha512-u+9asUHMJ99lA15VRMXw5XKfySFR9dGXwgsgS14YTbUq3GITP58mIM32At90P5fZ+MUId5Yw+IwI/yKub7jnCQ==",
+      "version": "2.13.1",
+      "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.13.1.tgz",
+      "integrity": "sha512-lPSddlAAluRKJ7/cjRFoXUFzaX7q/YKI7yPHuEvSJVqoXvFnJov1/Ud87Aa4zULIbA9Nja4mSPK8l0z/7eV2wA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -13729,9 +13658,9 @@
       }
     },
     "node_modules/less-loader": {
-      "version": "12.3.0",
-      "resolved": "https://registry.npmjs.org/less-loader/-/less-loader-12.3.0.tgz",
-      "integrity": "sha512-0M6+uYulvYIWs52y0LqN4+QM9TqWAohYSNTo4htE8Z7Cn3G/qQMEmktfHmyJT23k+20kU9zHH2wrfFXkxNLtVw==",
+      "version": "12.3.1",
+      "resolved": "https://registry.npmjs.org/less-loader/-/less-loader-12.3.1.tgz",
+      "integrity": "sha512-JZZmG7gMzoDP3VGeEG8Sh6FW5wygB5jYL7Wp29FFihuRTsIBacqO3LbRPr2yStYD11riVf13selLm/CPFRDBRQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -13742,7 +13671,7 @@
         "url": "https://opencollective.com/webpack"
       },
       "peerDependencies": {
-        "@rspack/core": "0.x || 1.x",
+        "@rspack/core": "0.x || ^1.0.0 || ^2.0.0-0",
         "less": "^3.5.0 || ^4.0.0",
         "webpack": "^5.0.0"
       },
@@ -13755,46 +13684,6 @@
         }
       }
     },
-    "node_modules/less/node_modules/make-dir": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
-      "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
-      "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",
-      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
-      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "bin": {
-        "mime": "cli.js"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/less/node_modules/semver": {
-      "version": "5.7.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
-      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
-      "dev": true,
-      "license": "ISC",
-      "optional": true,
-      "bin": {
-        "semver": "bin/semver"
-      }
-    },
     "node_modules/less/node_modules/source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -13956,14 +13845,15 @@
       }
     },
     "node_modules/lmdb": {
-      "version": "3.4.4",
-      "resolved": "https://registry.npmjs.org/lmdb/-/lmdb-3.4.4.tgz",
-      "integrity": "sha512-+Y2DqovevLkb6DrSQ6SXTYLEd6kvlRbhsxzgJrk7BUfOVA/mt21ak6pFDZDKxiAczHMWxrb02kXBTSTIA0O94A==",
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/lmdb/-/lmdb-3.5.1.tgz",
+      "integrity": "sha512-NYHA0MRPjvNX+vSw8Xxg6FLKxzAG+e7Pt8RqAQA/EehzHVXq9SxDqJIN3JL1hK0dweb884y8kIh6rkWvPyg9Wg==",
       "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
+        "@harperfast/extended-iterable": "^1.0.3",
         "msgpackr": "^1.11.2",
         "node-addon-api": "^6.1.0",
         "node-gyp-build-optional-packages": "5.2.2",
@@ -13974,13 +13864,13 @@
         "download-lmdb-prebuilds": "bin/download-prebuilds.js"
       },
       "optionalDependencies": {
-        "@lmdb/lmdb-darwin-arm64": "3.4.4",
-        "@lmdb/lmdb-darwin-x64": "3.4.4",
-        "@lmdb/lmdb-linux-arm": "3.4.4",
-        "@lmdb/lmdb-linux-arm64": "3.4.4",
-        "@lmdb/lmdb-linux-x64": "3.4.4",
-        "@lmdb/lmdb-win32-arm64": "3.4.4",
-        "@lmdb/lmdb-win32-x64": "3.4.4"
+        "@lmdb/lmdb-darwin-arm64": "3.5.1",
+        "@lmdb/lmdb-darwin-x64": "3.5.1",
+        "@lmdb/lmdb-linux-arm": "3.5.1",
+        "@lmdb/lmdb-linux-arm64": "3.5.1",
+        "@lmdb/lmdb-linux-x64": "3.5.1",
+        "@lmdb/lmdb-win32-arm64": "3.5.1",
+        "@lmdb/lmdb-win32-x64": "3.5.1"
       }
     },
     "node_modules/loader-runner": {
@@ -14065,13 +13955,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/lodash.merge": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/lodash.zip": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/lodash.zip/-/lodash.zip-4.2.0.tgz",
@@ -14136,6 +14019,23 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/log-update/node_modules/slice-ansi": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-7.1.2.tgz",
+      "integrity": "sha512-iOBWFgUX7caIZiuutICxVgX1SdxwAVFFKwt1EvMYYec/NWO5meOJ6K5uQxhrYBdQJne4KxiqZc+KptFOWFSI9w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "is-fullwidth-code-point": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+      }
+    },
     "node_modules/log-update/node_modules/string-width": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
@@ -14212,13 +14112,40 @@
         "@jridgewell/sourcemap-codec": "^1.5.5"
       }
     },
+    "node_modules/make-dir": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
+      "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "pify": "^4.0.1",
+        "semver": "^5.6.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/make-dir/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
     "node_modules/make-fetch-happen": {
-      "version": "15.0.3",
-      "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-15.0.3.tgz",
-      "integrity": "sha512-iyyEpDty1mwW3dGlYXAJqC/azFn5PPvgKVwXayOGBSmKLxhKZ9fg4qIan2ePpp1vJIwfFiO34LAPZgq9SZW9Aw==",
+      "version": "15.0.4",
+      "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-15.0.4.tgz",
+      "integrity": "sha512-vM2sG+wbVeVGYcCm16mM3d5fuem9oC28n436HjsGO3LcxoTI8LNVa4rwZDn3f76+cWyT4GGJDxjTYU1I2nr6zw==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
+        "@gar/promise-retry": "^1.0.0",
         "@npmcli/agent": "^4.0.0",
         "cacache": "^20.0.1",
         "http-cache-semantics": "^4.1.1",
@@ -14228,7 +14155,6 @@
         "minipass-pipeline": "^1.2.4",
         "negotiator": "^1.0.0",
         "proc-log": "^6.0.0",
-        "promise-retry": "^2.0.1",
         "ssri": "^13.0.0"
       },
       "engines": {
@@ -14266,20 +14192,20 @@
       }
     },
     "node_modules/memfs": {
-      "version": "4.56.10",
-      "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.56.10.tgz",
-      "integrity": "sha512-eLvzyrwqLHnLYalJP7YZ3wBe79MXktMdfQbvMrVD80K+NhrIukCVBvgP30zTJYEEDh9hZ/ep9z0KOdD7FSHo7w==",
+      "version": "4.56.11",
+      "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.56.11.tgz",
+      "integrity": "sha512-/GodtwVeKVIHZKLUSr2ZdOxKBC5hHki4JNCU22DoCGPEHr5o2PD5U721zvESKyWwCfTfavFl9WZYgA13OAYK0g==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@jsonjoy.com/fs-core": "4.56.10",
-        "@jsonjoy.com/fs-fsa": "4.56.10",
-        "@jsonjoy.com/fs-node": "4.56.10",
-        "@jsonjoy.com/fs-node-builtins": "4.56.10",
-        "@jsonjoy.com/fs-node-to-fsa": "4.56.10",
-        "@jsonjoy.com/fs-node-utils": "4.56.10",
-        "@jsonjoy.com/fs-print": "4.56.10",
-        "@jsonjoy.com/fs-snapshot": "4.56.10",
+        "@jsonjoy.com/fs-core": "4.56.11",
+        "@jsonjoy.com/fs-fsa": "4.56.11",
+        "@jsonjoy.com/fs-node": "4.56.11",
+        "@jsonjoy.com/fs-node-builtins": "4.56.11",
+        "@jsonjoy.com/fs-node-to-fsa": "4.56.11",
+        "@jsonjoy.com/fs-node-utils": "4.56.11",
+        "@jsonjoy.com/fs-print": "4.56.11",
+        "@jsonjoy.com/fs-snapshot": "4.56.11",
         "@jsonjoy.com/json-pack": "^1.11.0",
         "@jsonjoy.com/util": "^1.9.0",
         "glob-to-regex.js": "^1.0.1",
@@ -14362,6 +14288,19 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/mime-db": {
       "version": "1.54.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
@@ -14403,9 +14342,9 @@
       }
     },
     "node_modules/mini-css-extract-plugin": {
-      "version": "2.9.4",
-      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.9.4.tgz",
-      "integrity": "sha512-ZWYT7ln73Hptxqxk2DxPU9MmapXRhxkJD6tkSR04dnQxm8BGu2hzgKLugK5yySD97u/8yy7Ma7E76k9ZdvtjkQ==",
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.10.0.tgz",
+      "integrity": "sha512-540P2c5dYnJlyJxTaSloliZexv8rji6rY8FhQN+WF/82iHQfA23j/xtJx97L+mXOML27EqksSek/g4eK7jaL3g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -14431,16 +14370,16 @@
       "license": "ISC"
     },
     "node_modules/minimatch": {
-      "version": "10.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.1.2.tgz",
-      "integrity": "sha512-fu656aJ0n2kcXwsnwnv9g24tkU5uSmOlTjd6WyyaKm2Z+h1qmY6bAjrcaIxF/BslFqbZ8UBtbJi7KgQOZD2PTw==",
+      "version": "10.2.4",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.4.tgz",
+      "integrity": "sha512-oRjTw/97aTBN0RHbYCdtF1MQfvusSIBQM0IZEgzl6426+8jSC0nF1a/GmnVLpfB9yyr6g6FTqWqiZVbxrtaCIg==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
-        "@isaacs/brace-expansion": "^5.0.1"
+        "brace-expansion": "^5.0.2"
       },
       "engines": {
-        "node": "20 || >=22"
+        "node": "18 || 20 || >=22"
       },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
@@ -14470,9 +14409,9 @@
       }
     },
     "node_modules/minipass-fetch": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-5.0.1.tgz",
-      "integrity": "sha512-yHK8pb0iCGat0lDrs/D6RZmCdaBT64tULXjdxjSMAqoDi18Q3qKEUTHypHQZQd9+FYpIS+lkvpq6C/R6SbUeRw==",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-5.0.2.tgz",
+      "integrity": "sha512-2d0q2a8eCi2IRg/IGubCNRJoYbA1+YPXAzQVRFmB45gdGZafyivnZ5YSEfo3JikbjGxOdntGFvBQGqaSMXlAFQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -14484,7 +14423,7 @@
         "node": "^20.17.0 || >=22.9.0"
       },
       "optionalDependencies": {
-        "encoding": "^0.1.13"
+        "iconv-lite": "^0.7.2"
       }
     },
     "node_modules/minipass-flush": {
@@ -14782,9 +14721,9 @@
       }
     },
     "node_modules/ng-packagr": {
-      "version": "21.1.0",
-      "resolved": "https://registry.npmjs.org/ng-packagr/-/ng-packagr-21.1.0.tgz",
-      "integrity": "sha512-UlQOhH8DRlaYsBGQMjOYvg70J70hD4i/55NV9vAsYvsxEskmp86xjUtZgEeVKeoLq8tYMjMXDgaYjYde153sZQ==",
+      "version": "21.2.0",
+      "resolved": "https://registry.npmjs.org/ng-packagr/-/ng-packagr-21.2.0.tgz",
+      "integrity": "sha512-ASlXEboqt+ZgKzNPx3YCr924xqQRFA5qgm77GHf0Fm13hx7gVFYVm6WCdYZyeX/p9NJjFWAL+mIMfhsx2SHKoA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -14820,7 +14759,7 @@
         "rollup": "^4.24.0"
       },
       "peerDependencies": {
-        "@angular/compiler-cli": "^21.0.0 || ^21.1.0-next",
+        "@angular/compiler-cli": "^21.0.0 || ^21.2.0-next",
         "tailwindcss": "^2.0.0 || ^3.0.0 || ^4.0.0",
         "tslib": "^2.3.0",
         "typescript": ">=5.9 <6.0"
@@ -14854,16 +14793,6 @@
       "license": "MIT",
       "optional": true
     },
-    "node_modules/node-forge": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.3.tgz",
-      "integrity": "sha512-rLvcdSyRCyouf6jcOIPe/BgwG/d7hKjzMKOas33/pHEr6gbq18IK9zV7DiPvzsz0oBJPme6qr6H6kGZuI9/DZg==",
-      "dev": true,
-      "license": "(BSD-3-Clause OR GPL-2.0)",
-      "engines": {
-        "node": ">= 6.13.0"
-      }
-    },
     "node_modules/node-gyp": {
       "version": "12.2.0",
       "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-12.2.0.tgz",
@@ -14932,9 +14861,9 @@
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.27",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
-      "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
+      "version": "2.0.36",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.36.tgz",
+      "integrity": "sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==",
       "license": "MIT"
     },
     "node_modules/nopt": {
@@ -15029,9 +14958,9 @@
       }
     },
     "node_modules/npm-packlist": {
-      "version": "10.0.3",
-      "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-10.0.3.tgz",
-      "integrity": "sha512-zPukTwJMOu5X5uvm0fztwS5Zxyvmk38H/LfidkOMt3gbZVCyro2cD/ETzwzVPcWZA3JOyPznfUN/nkyFiyUbxg==",
+      "version": "10.0.4",
+      "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-10.0.4.tgz",
+      "integrity": "sha512-uMW73iajD8hiH4ZBxEV3HC+eTnppIqwakjOYuvgddnalIw2lJguKviK1pcUJDlIWm1wSJkchpDZDSVVsZEYRng==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -15250,9 +15179,9 @@
       }
     },
     "node_modules/ora": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/ora/-/ora-9.0.0.tgz",
-      "integrity": "sha512-m0pg2zscbYgWbqRR6ABga5c3sZdEon7bSgjnlXC64kxtxLOyjRcbbUkLj7HFyy/FTD+P2xdBWu8snGhYI0jc4A==",
+      "version": "9.3.0",
+      "resolved": "https://registry.npmjs.org/ora/-/ora-9.3.0.tgz",
+      "integrity": "sha512-lBX72MWFduWEf7v7uWf5DHp9Jn5BI8bNPGuFgtXMmr2uDz2Gz2749y3am3agSDdkhHPHYmmxEGSKH85ZLGzgXw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -15262,9 +15191,8 @@
         "is-interactive": "^2.0.0",
         "is-unicode-supported": "^2.1.0",
         "log-symbols": "^7.0.1",
-        "stdin-discarder": "^0.2.2",
-        "string-width": "^8.1.0",
-        "strip-ansi": "^7.1.2"
+        "stdin-discarder": "^0.3.1",
+        "string-width": "^8.1.0"
       },
       "engines": {
         "node": ">=20"
@@ -15374,16 +15302,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/p-retry/node_modules/retry": {
-      "version": "0.13.1",
-      "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
-      "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 4"
-      }
-    },
     "node_modules/pac-proxy-agent": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/pac-proxy-agent/-/pac-proxy-agent-7.2.0.tgz",
@@ -15426,9 +15344,9 @@
       "license": "BlueOak-1.0.0"
     },
     "node_modules/pacote": {
-      "version": "21.0.4",
-      "resolved": "https://registry.npmjs.org/pacote/-/pacote-21.0.4.tgz",
-      "integrity": "sha512-RplP/pDW0NNNDh3pnaoIWYPvNenS7UqMbXyvMqJczosiFWTeGGwJC2NQBLqKf4rGLFfwCOnntw1aEp9Jiqm1MA==",
+      "version": "21.3.1",
+      "resolved": "https://registry.npmjs.org/pacote/-/pacote-21.3.1.tgz",
+      "integrity": "sha512-O0EDXi85LF4AzdjG74GUwEArhdvawi/YOHcsW6IijKNj7wm8IvEWNF5GnfuxNpQ/ZpO3L37+v8hqdVh8GgWYhg==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -15750,9 +15668,9 @@
       }
     },
     "node_modules/path-scurry": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-2.0.1.tgz",
-      "integrity": "sha512-oWyT4gICAu+kaA7QWk/jvCHWarMKNs6pXOGWKDTr7cw4IGcUbW+PeTfbaQiLGheFRpjo6O9J0PmyMfQPjH71oA==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-2.0.2.tgz",
+      "integrity": "sha512-3O/iVVsJAPsOnpwWIeD+d6z/7PmqApyQePUtCndjatj/9I5LylHvt5qluFaBT3I5h3r1ejfR056c+FCv+NnNXg==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
@@ -15760,7 +15678,7 @@
         "minipass": "^7.1.2"
       },
       "engines": {
-        "node": "20 || >=22"
+        "node": "18 || 20 || >=22"
       },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
@@ -15883,6 +15801,24 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/pkijs": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/pkijs/-/pkijs-3.3.3.tgz",
+      "integrity": "sha512-+KD8hJtqQMYoTuL1bbGOqxb4z+nZkTAwVdNtWwe8Tc2xNbEmdJYIYoc6Qt0uF55e6YW6KuTHw1DjQ18gMhzepw==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@noble/hashes": "1.4.0",
+        "asn1js": "^3.0.6",
+        "bytestreamjs": "^2.0.1",
+        "pvtsutils": "^1.3.6",
+        "pvutils": "^1.1.3",
+        "tslib": "^2.8.1"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
     "node_modules/playwright": {
       "version": "1.58.2",
       "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.58.2.tgz",
@@ -15917,22 +15853,6 @@
         "node": ">=18"
       }
     },
-    "node_modules/playwright/node_modules/fsevents": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
-      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "peer": true,
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
     "node_modules/pngjs": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/pngjs/-/pngjs-7.0.0.tgz",
@@ -16074,6 +15994,33 @@
         "postcss": "^8.1.0"
       }
     },
+    "node_modules/postcss-safe-parser": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-7.0.1.tgz",
+      "integrity": "sha512-0AioNCJZ2DPYz5ABT6bddIqlhgwhpHZ/l65YAYo0BCIn0xiDpsnTHz0gnoTGk0OXZW0JRs+cDwL8u/teRdz+8A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss-safe-parser"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.31"
+      }
+    },
     "node_modules/postcss-selector-parser": {
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-7.1.1.tgz",
@@ -16169,6 +16116,16 @@
         "node": ">=10"
       }
     },
+    "node_modules/promise-retry/node_modules/retry": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz",
+      "integrity": "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
     "node_modules/proxy-addr": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
@@ -16229,9 +16186,9 @@
       "optional": true
     },
     "node_modules/pump": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.3.tgz",
-      "integrity": "sha512-todwxLMY7/heScKmntwQG8CXVkWUOdYxIvY2s0VWAAMh/nd8SoYiRaKjlr7+iCs984f2P8zvrfWcDDYVb73NfA==",
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.4.tgz",
+      "integrity": "sha512-VS7sjc6KR7e1ukRFhQSY5LM2uBWAUPiOPa/A3mkKmiMwSmRFUITt0xuj+/lesgnCv+dPIEYlkzrcyXgquIHMcA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -16239,10 +16196,20 @@
         "once": "^1.3.1"
       }
     },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/puppeteer": {
-      "version": "24.37.4",
-      "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-24.37.4.tgz",
-      "integrity": "sha512-SMSq+FL3gnglolhrIks3maRkrdQEjoDCesy6FXziMPWsF1DxoX+GVxRa82y+euzkzS52/UujM/BoaFPQ+AnPXQ==",
+      "version": "24.38.0",
+      "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-24.38.0.tgz",
+      "integrity": "sha512-abnJOBVoL9PQTLKSbYGm9mjNFyIPaTVj77J/6cS370dIQtcZMpx8wyZoAuBzR71Aoon6yvI71NEVFUsl3JU82g==",
       "dev": true,
       "hasInstallScript": true,
       "license": "Apache-2.0",
@@ -16250,9 +16217,9 @@
         "@puppeteer/browsers": "2.13.0",
         "chromium-bidi": "14.0.0",
         "cosmiconfig": "^9.0.0",
-        "devtools-protocol": "0.0.1566079",
-        "puppeteer-core": "24.37.4",
-        "typed-query-selector": "^2.12.0"
+        "devtools-protocol": "0.0.1581282",
+        "puppeteer-core": "24.38.0",
+        "typed-query-selector": "^2.12.1"
       },
       "bin": {
         "puppeteer": "lib/cjs/puppeteer/node/cli.js"
@@ -16262,17 +16229,17 @@
       }
     },
     "node_modules/puppeteer-core": {
-      "version": "24.37.4",
-      "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-24.37.4.tgz",
-      "integrity": "sha512-sQYtYgaNaLYO82k2FHmr7bR1tCmo2fBupEI7Kd0WpBlMropNcfxSTLOJXVRkhiHig0dUiMI7g0yq+HJI1IDCzg==",
+      "version": "24.38.0",
+      "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-24.38.0.tgz",
+      "integrity": "sha512-zB3S/tksIhgi2gZRndUe07AudBz5SXOB7hqG0kEa9/YXWrGwlVlYm3tZtwKgfRftBzbmLQl5iwHkQQl04n/mWw==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@puppeteer/browsers": "2.13.0",
         "chromium-bidi": "14.0.0",
         "debug": "^4.4.3",
-        "devtools-protocol": "0.0.1566079",
-        "typed-query-selector": "^2.12.0",
+        "devtools-protocol": "0.0.1581282",
+        "typed-query-selector": "^2.12.1",
         "webdriver-bidi-protocol": "0.4.1",
         "ws": "^8.19.0"
       },
@@ -16280,6 +16247,26 @@
         "node": ">=18"
       }
     },
+    "node_modules/pvtsutils": {
+      "version": "1.3.6",
+      "resolved": "https://registry.npmjs.org/pvtsutils/-/pvtsutils-1.3.6.tgz",
+      "integrity": "sha512-PLgQXQ6H2FWCaeRak8vvk1GW462lMxB5s3Jm673N82zI4vqtVUPuZdffdZbPDFRoU8kAhItWFtPCWiPpp4/EDg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.8.1"
+      }
+    },
+    "node_modules/pvutils": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/pvutils/-/pvutils-1.1.5.tgz",
+      "integrity": "sha512-KTqnxsgGiQ6ZAzZCVlJH5eOjSnvlyEgx1m8bkRJfOhmGRqfo5KLvmAlACQkrjEtOQ4B7wF9TdSLIs9O90MX9xA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
     "node_modules/qs": {
       "version": "6.15.0",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.0.tgz",
@@ -16324,16 +16311,6 @@
       ],
       "license": "MIT"
     },
-    "node_modules/randombytes": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
-      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "safe-buffer": "^5.1.0"
-      }
-    },
     "node_modules/range-parser": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
@@ -16386,6 +16363,13 @@
         "minimatch": "^5.1.0"
       }
     },
+    "node_modules/readdir-glob/node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/readdir-glob/node_modules/brace-expansion": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
@@ -16439,8 +16423,7 @@
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/reflect-metadata/-/reflect-metadata-0.2.2.tgz",
       "integrity": "sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q==",
-      "license": "Apache-2.0",
-      "peer": true
+      "license": "Apache-2.0"
     },
     "node_modules/regenerate": {
       "version": "1.4.2",
@@ -16728,9 +16711,9 @@
       }
     },
     "node_modules/retry": {
-      "version": "0.12.0",
-      "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz",
-      "integrity": "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==",
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
+      "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -16763,14 +16746,14 @@
       "license": "MIT"
     },
     "node_modules/rolldown": {
-      "version": "1.0.0-beta.58",
-      "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.0-beta.58.tgz",
-      "integrity": "sha512-v1FCjMZCan7f+xGAHBi+mqiE4MlH7I+SXEHSQSJoMOGNNB2UYtvMiejsq9YuUOiZjNeUeV/a21nSFbrUR+4ZCQ==",
+      "version": "1.0.0-rc.4",
+      "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.0-rc.4.tgz",
+      "integrity": "sha512-V2tPDUrY3WSevrvU2E41ijZlpF+5PbZu4giH+VpNraaadsJGHa4fR6IFwsocVwEXDoAdIv5qgPPxgrvKAOIPtA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@oxc-project/types": "=0.106.0",
-        "@rolldown/pluginutils": "1.0.0-beta.58"
+        "@oxc-project/types": "=0.113.0",
+        "@rolldown/pluginutils": "1.0.0-rc.4"
       },
       "bin": {
         "rolldown": "bin/cli.mjs"
@@ -16779,25 +16762,25 @@
         "node": "^20.19.0 || >=22.12.0"
       },
       "optionalDependencies": {
-        "@rolldown/binding-android-arm64": "1.0.0-beta.58",
-        "@rolldown/binding-darwin-arm64": "1.0.0-beta.58",
-        "@rolldown/binding-darwin-x64": "1.0.0-beta.58",
-        "@rolldown/binding-freebsd-x64": "1.0.0-beta.58",
-        "@rolldown/binding-linux-arm-gnueabihf": "1.0.0-beta.58",
-        "@rolldown/binding-linux-arm64-gnu": "1.0.0-beta.58",
-        "@rolldown/binding-linux-arm64-musl": "1.0.0-beta.58",
-        "@rolldown/binding-linux-x64-gnu": "1.0.0-beta.58",
-        "@rolldown/binding-linux-x64-musl": "1.0.0-beta.58",
-        "@rolldown/binding-openharmony-arm64": "1.0.0-beta.58",
-        "@rolldown/binding-wasm32-wasi": "1.0.0-beta.58",
-        "@rolldown/binding-win32-arm64-msvc": "1.0.0-beta.58",
-        "@rolldown/binding-win32-x64-msvc": "1.0.0-beta.58"
+        "@rolldown/binding-android-arm64": "1.0.0-rc.4",
+        "@rolldown/binding-darwin-arm64": "1.0.0-rc.4",
+        "@rolldown/binding-darwin-x64": "1.0.0-rc.4",
+        "@rolldown/binding-freebsd-x64": "1.0.0-rc.4",
+        "@rolldown/binding-linux-arm-gnueabihf": "1.0.0-rc.4",
+        "@rolldown/binding-linux-arm64-gnu": "1.0.0-rc.4",
+        "@rolldown/binding-linux-arm64-musl": "1.0.0-rc.4",
+        "@rolldown/binding-linux-x64-gnu": "1.0.0-rc.4",
+        "@rolldown/binding-linux-x64-musl": "1.0.0-rc.4",
+        "@rolldown/binding-openharmony-arm64": "1.0.0-rc.4",
+        "@rolldown/binding-wasm32-wasi": "1.0.0-rc.4",
+        "@rolldown/binding-win32-arm64-msvc": "1.0.0-rc.4",
+        "@rolldown/binding-win32-x64-msvc": "1.0.0-rc.4"
       }
     },
     "node_modules/rollup": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.57.1.tgz",
-      "integrity": "sha512-oQL6lgK3e2QZeQ7gcgIkS2YZPg5slw37hYufJ3edKlfQSGGm8ICoxswK15ntSzF/a8+h7ekRy7k7oWc3BQ7y8A==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.59.0.tgz",
+      "integrity": "sha512-2oMpl67a3zCH9H79LeMcbDhXW/UmWG/y2zuqnF2jQq5uq9TbM9TVyXvA4+t+ne2IIkBdrLpAaRQAvo7YI/Yyeg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -16811,31 +16794,31 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.57.1",
-        "@rollup/rollup-android-arm64": "4.57.1",
-        "@rollup/rollup-darwin-arm64": "4.57.1",
-        "@rollup/rollup-darwin-x64": "4.57.1",
-        "@rollup/rollup-freebsd-arm64": "4.57.1",
-        "@rollup/rollup-freebsd-x64": "4.57.1",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.57.1",
-        "@rollup/rollup-linux-arm-musleabihf": "4.57.1",
-        "@rollup/rollup-linux-arm64-gnu": "4.57.1",
-        "@rollup/rollup-linux-arm64-musl": "4.57.1",
-        "@rollup/rollup-linux-loong64-gnu": "4.57.1",
-        "@rollup/rollup-linux-loong64-musl": "4.57.1",
-        "@rollup/rollup-linux-ppc64-gnu": "4.57.1",
-        "@rollup/rollup-linux-ppc64-musl": "4.57.1",
-        "@rollup/rollup-linux-riscv64-gnu": "4.57.1",
-        "@rollup/rollup-linux-riscv64-musl": "4.57.1",
-        "@rollup/rollup-linux-s390x-gnu": "4.57.1",
-        "@rollup/rollup-linux-x64-gnu": "4.57.1",
-        "@rollup/rollup-linux-x64-musl": "4.57.1",
-        "@rollup/rollup-openbsd-x64": "4.57.1",
-        "@rollup/rollup-openharmony-arm64": "4.57.1",
-        "@rollup/rollup-win32-arm64-msvc": "4.57.1",
-        "@rollup/rollup-win32-ia32-msvc": "4.57.1",
-        "@rollup/rollup-win32-x64-gnu": "4.57.1",
-        "@rollup/rollup-win32-x64-msvc": "4.57.1",
+        "@rollup/rollup-android-arm-eabi": "4.59.0",
+        "@rollup/rollup-android-arm64": "4.59.0",
+        "@rollup/rollup-darwin-arm64": "4.59.0",
+        "@rollup/rollup-darwin-x64": "4.59.0",
+        "@rollup/rollup-freebsd-arm64": "4.59.0",
+        "@rollup/rollup-freebsd-x64": "4.59.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.59.0",
+        "@rollup/rollup-linux-arm-musleabihf": "4.59.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.59.0",
+        "@rollup/rollup-linux-arm64-musl": "4.59.0",
+        "@rollup/rollup-linux-loong64-gnu": "4.59.0",
+        "@rollup/rollup-linux-loong64-musl": "4.59.0",
+        "@rollup/rollup-linux-ppc64-gnu": "4.59.0",
+        "@rollup/rollup-linux-ppc64-musl": "4.59.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.59.0",
+        "@rollup/rollup-linux-riscv64-musl": "4.59.0",
+        "@rollup/rollup-linux-s390x-gnu": "4.59.0",
+        "@rollup/rollup-linux-x64-gnu": "4.59.0",
+        "@rollup/rollup-linux-x64-musl": "4.59.0",
+        "@rollup/rollup-openbsd-x64": "4.59.0",
+        "@rollup/rollup-openharmony-arm64": "4.59.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.59.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.59.0",
+        "@rollup/rollup-win32-x64-gnu": "4.59.0",
+        "@rollup/rollup-win32-x64-msvc": "4.59.0",
         "fsevents": "~2.3.2"
       }
     },
@@ -16970,9 +16953,9 @@
       "license": "MIT"
     },
     "node_modules/sass": {
-      "version": "1.97.1",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.97.1.tgz",
-      "integrity": "sha512-uf6HoO8fy6ClsrShvMgaKUn14f2EHQLQRtpsZZLeU/Mv0Q1K5P0+x2uvH6Cub39TVVbWNSrraUhDAoFph6vh0A==",
+      "version": "1.97.3",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.97.3.tgz",
+      "integrity": "sha512-fDz1zJpd5GycprAbu4Q2PV/RprsRtKC/0z82z0JLgdytmcq0+ujJbJ/09bPGDxCLkKY3Np5cRAOcWiVkLXJURg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -16991,9 +16974,9 @@
       }
     },
     "node_modules/sass-loader": {
-      "version": "16.0.6",
-      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-16.0.6.tgz",
-      "integrity": "sha512-sglGzId5gmlfxNs4gK2U3h7HlVRfx278YK6Ono5lwzuvi1jxig80YiuHkaDBVsYIKFhx8wN7XSCI0M2IDS/3qA==",
+      "version": "16.0.7",
+      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-16.0.7.tgz",
+      "integrity": "sha512-w6q+fRHourZ+e+xA1kcsF27iGM6jdB8teexYCfdUw0sYgcDNeZESnDNT9sUmmPm3ooziwUJXGwZJSTF3kOdBfA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -17007,7 +16990,7 @@
         "url": "https://opencollective.com/webpack"
       },
       "peerDependencies": {
-        "@rspack/core": "0.x || 1.x",
+        "@rspack/core": "0.x || ^1.0.0 || ^2.0.0-0",
         "node-sass": "^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0",
         "sass": "^1.3.0",
         "sass-embedded": "*",
@@ -17062,9 +17045,9 @@
       }
     },
     "node_modules/sax": {
-      "version": "1.4.4",
-      "resolved": "https://registry.npmjs.org/sax/-/sax-1.4.4.tgz",
-      "integrity": "sha512-1n3r/tGXO6b6VXMdFT54SHzT9ytu9yr7TaELowdYpMqY/Ao7EnlQGmAQ1+RatX7Tkkdm6hONI2owqNx2aZj5Sw==",
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.5.0.tgz",
+      "integrity": "sha512-21IYA3Q5cQf089Z6tgaUTr7lDAyzoTPx5HRtbhsME8Udispad8dC/+sziTNugOEx54ilvatQ9YCzl4KQLPcRHA==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "optional": true,
@@ -17118,23 +17101,23 @@
       "license": "MIT"
     },
     "node_modules/selfsigned": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-2.4.1.tgz",
-      "integrity": "sha512-th5B4L2U+eGLq1TVh7zNRGBapioSORUeymIydxgFpwww9d2qyKvtuPU2jJuHvYAwwqi2Y596QBL3eEqcPEYL8Q==",
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-5.5.0.tgz",
+      "integrity": "sha512-ftnu3TW4+3eBfLRFnDEkzGxSF/10BJBkaLJuBHZX0kiPS7bRdlpZGu6YGt4KngMkdTwJE6MbjavFpqHvqVt+Ew==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/node-forge": "^1.3.0",
-        "node-forge": "^1"
+        "@peculiar/x509": "^1.14.2",
+        "pkijs": "^3.3.3"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">=18"
       }
     },
     "node_modules/semver": {
-      "version": "7.7.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
-      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -17213,13 +17196,13 @@
       }
     },
     "node_modules/serialize-javascript": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz",
-      "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==",
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-7.0.4.tgz",
+      "integrity": "sha512-DuGdB+Po43Q5Jxwpzt1lhyFSYKryqoNjQSA9M92tyw0lyHIOur+XCalOUe0KTJpyqzT8+fQ5A0Jf7vCx/NKmIg==",
       "dev": true,
       "license": "BSD-3-Clause",
-      "dependencies": {
-        "randombytes": "^2.1.0"
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
     "node_modules/serve-index": {
@@ -17559,17 +17542,17 @@
       }
     },
     "node_modules/slice-ansi": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-7.1.2.tgz",
-      "integrity": "sha512-iOBWFgUX7caIZiuutICxVgX1SdxwAVFFKwt1EvMYYec/NWO5meOJ6K5uQxhrYBdQJne4KxiqZc+KptFOWFSI9w==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-8.0.0.tgz",
+      "integrity": "sha512-stxByr12oeeOyY2BlviTNQlYV5xOj47GirPr4yA1hE9JCtxfQN0+tVbkxwCtYDQWhEKWFHsEK48ORg5jrouCAg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "ansi-styles": "^6.2.1",
-        "is-fullwidth-code-point": "^5.0.0"
+        "ansi-styles": "^6.2.3",
+        "is-fullwidth-code-point": "^5.1.0"
       },
       "engines": {
-        "node": ">=18"
+        "node": ">=20"
       },
       "funding": {
         "url": "https://github.com/chalk/slice-ansi?sponsor=1"
@@ -17743,17 +17726,6 @@
         "node": ">= 10.13.0"
       }
     },
-    "node_modules/spdx-correct": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz",
-      "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==",
-      "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",
       "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.5.0.tgz",
@@ -17762,9 +17734,9 @@
       "license": "CC-BY-3.0"
     },
     "node_modules/spdx-expression-parse": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
-      "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-4.0.0.tgz",
+      "integrity": "sha512-Clya5JIij/7C6bRR22+tnGXbc4VKlibKSVj2iHvVeX5iMW7s1SIQlqu699JkODJJIhh/pUu8L0/VLh8xflD+LQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -17773,9 +17745,9 @@
       }
     },
     "node_modules/spdx-license-ids": {
-      "version": "3.0.22",
-      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.22.tgz",
-      "integrity": "sha512-4PRT4nh1EImPbt2jASOKHX7PB7I+e4IWNLvkKFDxNhJlfjbYlleYQh285Z/3mPTHSAK/AvdMmw5BNNuYH8ShgQ==",
+      "version": "3.0.23",
+      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.23.tgz",
+      "integrity": "sha512-CWLcCCH7VLu13TgOH+r8p1O/Znwhqv/dbb6lqWy67G+pT1kHmeD/+V36AVb/vq8QMIQwVShJ6Ssl5FPh0fuSdw==",
       "dev": true,
       "license": "CC0-1.0"
     },
@@ -17881,9 +17853,9 @@
       "license": "MIT"
     },
     "node_modules/stdin-discarder": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/stdin-discarder/-/stdin-discarder-0.2.2.tgz",
-      "integrity": "sha512-UhDfHmA92YAlNnCfhmq0VeNL5bDbiZGg7sZ2IvPsXubGkiNa9EC+tUTsjBRsYUAz87btI6/1wf4XoVvQ3uRnmQ==",
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/stdin-discarder/-/stdin-discarder-0.3.1.tgz",
+      "integrity": "sha512-reExS1kSGoElkextOcPkel4NE99S0BWxjUHQeDFnR8S993JxpPX7KU4MNmO19NXhlJp+8dmdCbKQVNgLJh2teA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -18040,12 +18012,12 @@
       }
     },
     "node_modules/strip-ansi": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
-      "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz",
+      "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
       "license": "MIT",
       "dependencies": {
-        "ansi-regex": "^6.0.1"
+        "ansi-regex": "^6.2.2"
       },
       "engines": {
         "node": ">=12"
@@ -18092,9 +18064,9 @@
       }
     },
     "node_modules/strnum": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/strnum/-/strnum-2.1.2.tgz",
-      "integrity": "sha512-l63NF9y/cLROq/yqKXSLtcMeeyOfnSQlfMSlzFt/K73oIaD8DGaQWd7Z34X9GPiKqP5rbSh84Hl4bOlLcjiSrQ==",
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/strnum/-/strnum-2.2.0.tgz",
+      "integrity": "sha512-Y7Bj8XyJxnPAORMZj/xltsfo55uOiyHcU2tnAVzHUnSJR/KsEX+9RoDeXEnsXtl/CX4fAcrt64gZ13aGaWPeBg==",
       "dev": true,
       "funding": [
         {
@@ -18169,9 +18141,9 @@
       }
     },
     "node_modules/tar": {
-      "version": "7.5.9",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.9.tgz",
-      "integrity": "sha512-BTLcK0xsDh2+PUe9F6c2TlRp4zOOBMTkoQHQIWSIzI0R7KG46uEwq4OPk2W7bZcprBMsuaeFsqwYr7pjh6CuHg==",
+      "version": "7.5.10",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.10.tgz",
+      "integrity": "sha512-8mOPs1//5q/rlkNSPcCegA6hiHJYDmSLEI8aMH/CdSQJNWztHC9WHNam5zdQlfpTwB9Xp7IBEsHfV5LKMJGVAw==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
@@ -18186,9 +18158,9 @@
       }
     },
     "node_modules/tar-fs": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-3.1.1.tgz",
-      "integrity": "sha512-LZA0oaPOc2fVo82Txf3gw+AkEd38szODlptMYejQUhndHMLQ9M059uXR+AfS7DNo0NpINvSqDsvyaCrBVkptWg==",
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-3.1.2.tgz",
+      "integrity": "sha512-QGxxTxxyleAdyM3kpFs14ymbYmNFrfY+pHj7Z8FgtbZ7w2//VAgLMac7sT6nRpIHjppXO2AwwEOg0bPFVRcmXw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -18201,13 +18173,14 @@
       }
     },
     "node_modules/tar-stream": {
-      "version": "3.1.7",
-      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-3.1.7.tgz",
-      "integrity": "sha512-qJj60CXt7IU1Ffyc3NJMjh6EkuCFej46zUqJ4J7pqYlThyd9bO0XBTmcOIhSzZJVWfsLks0+nle/j538YAW9RQ==",
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-3.1.8.tgz",
+      "integrity": "sha512-U6QpVRyCGHva435KoNWy9PRoi2IFYCgtEhq9nmrPPpbRacPs9IH4aJ3gbrFC8dPcXvdSZ4XXfXT5Fshbp2MtlQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "b4a": "^1.6.4",
+        "bare-fs": "^4.5.5",
         "fast-fifo": "^1.2.0",
         "streamx": "^2.15.0"
       }
@@ -18233,9 +18206,9 @@
       }
     },
     "node_modules/terser": {
-      "version": "5.44.1",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.44.1.tgz",
-      "integrity": "sha512-t/R3R/n0MSwnnazuPpPNVO60LX0SKL45pyl9YlvxIdkH0Of7D5qM2EVe+yASRIlY5pZ73nclYJfNANGWPwFDZw==",
+      "version": "5.46.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.46.0.tgz",
+      "integrity": "sha512-jTwoImyr/QbOWFFso3YoU3ik0jBBDJ6JTOQiy/J2YxVJdZCc+5u7skhNwiOR3FQIygFqVUPHl7qbbxtjW2K3Qg==",
       "dev": true,
       "license": "BSD-2-Clause",
       "dependencies": {
@@ -18252,16 +18225,15 @@
       }
     },
     "node_modules/terser-webpack-plugin": {
-      "version": "5.3.16",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.16.tgz",
-      "integrity": "sha512-h9oBFCWrq78NyWWVcSwZarJkZ01c2AyGrzs1crmHZO3QUg9D61Wu4NPjBy69n7JqylFF5y+CsUZYmYEIZ3mR+Q==",
+      "version": "5.3.17",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.17.tgz",
+      "integrity": "sha512-YR7PtUp6GMU91BgSJmlaX/rS2lGDbAF7D+Wtq7hRO+MiljNmodYvqslzCFiYVAgW+Qoaaia/QUIP4lGXufjdZw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/trace-mapping": "^0.3.25",
         "jest-worker": "^27.4.5",
         "schema-utils": "^4.3.0",
-        "serialize-javascript": "^6.0.2",
         "terser": "^5.31.1"
       },
       "engines": {
@@ -18498,6 +18470,26 @@
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
       "license": "0BSD"
     },
+    "node_modules/tsyringe": {
+      "version": "4.10.0",
+      "resolved": "https://registry.npmjs.org/tsyringe/-/tsyringe-4.10.0.tgz",
+      "integrity": "sha512-axr3IdNuVIxnaK5XGEUFTu3YmAQ6lllgrvqfEoR16g/HGnYY/6We4oWENtAnzK6/LpJ2ur9PAb80RBt7/U4ugw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^1.9.3"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/tsyringe/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "dev": true,
+      "license": "0BSD"
+    },
     "node_modules/tuf-js": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/tuf-js/-/tuf-js-4.1.0.tgz",
@@ -18562,9 +18554,9 @@
       "license": "MIT"
     },
     "node_modules/typed-query-selector": {
-      "version": "2.12.0",
-      "resolved": "https://registry.npmjs.org/typed-query-selector/-/typed-query-selector-2.12.0.tgz",
-      "integrity": "sha512-SbklCd1F0EiZOyPiW192rrHZzZ5sBijB6xM+cpmrwDqObvdtunOHHIk9fCGsoK5JVIYXoyEp4iEdE3upFH3PAg==",
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/typed-query-selector/-/typed-query-selector-2.12.1.tgz",
+      "integrity": "sha512-uzR+FzI8qrUEIu96oaeBJmd9E7CFEiQ3goA5qCVgc4s5llSubcfGHq9yUstZx/k4s9dXHVKsE35YWoFyvEqEHA==",
       "dev": true,
       "license": "MIT"
     },
@@ -18582,6 +18574,30 @@
         "node": ">=14.17"
       }
     },
+    "node_modules/typescript-eslint": {
+      "version": "8.56.1",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.56.1.tgz",
+      "integrity": "sha512-U4lM6pjmBX7J5wk4szltF7I1cGBHXZopnAXCMXb3+fZ3B/0Z3hq3wS/CCUB2NZBNAExK92mCU2tEohWuwVMsDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/eslint-plugin": "8.56.1",
+        "@typescript-eslint/parser": "8.56.1",
+        "@typescript-eslint/typescript-estree": "8.56.1",
+        "@typescript-eslint/utils": "8.56.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
     "node_modules/unc-path-regex": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/unc-path-regex/-/unc-path-regex-0.1.2.tgz",
@@ -18629,9 +18645,9 @@
       }
     },
     "node_modules/undici": {
-      "version": "7.20.0",
-      "resolved": "https://registry.npmjs.org/undici/-/undici-7.20.0.tgz",
-      "integrity": "sha512-MJZrkjyd7DeC+uPZh+5/YaMDxFiiEEaDgbUSVMXayofAkDWF1088CDo+2RPg7B1BuS1qf1vgNE7xqwPxE0DuSQ==",
+      "version": "7.22.0",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-7.22.0.tgz",
+      "integrity": "sha512-RqslV2Us5BrllB+JeiZnK4peryVTndy9Dnqq62S3yYRRTj0tFQCwEniUy2167skdGOy3vqRzEvl1Dm4sV2ReDg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -18775,16 +18791,6 @@
         "punycode": "^2.1.0"
       }
     },
-    "node_modules/uri-js/node_modules/punycode": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
-      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/urlpattern-polyfill": {
       "version": "10.1.0",
       "resolved": "https://registry.npmjs.org/urlpattern-polyfill/-/urlpattern-polyfill-10.1.0.tgz",
@@ -18839,17 +18845,6 @@
         "node": ">= 10.13.0"
       }
     },
-    "node_modules/validate-npm-package-license": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
-      "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
-      "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": "7.0.2",
       "resolved": "https://registry.npmjs.org/validate-npm-package-name/-/validate-npm-package-name-7.0.2.tgz",
@@ -19055,9 +19050,9 @@
       }
     },
     "node_modules/vite": {
-      "version": "7.3.0",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.0.tgz",
-      "integrity": "sha512-dZwN5L1VlUBewiP6H9s2+B3e3Jg96D0vzN+Ry73sOefebhYr9f94wwkMNN/9ouoU8pV1BqA1d1zGk8928cx0rg==",
+      "version": "7.3.1",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.1.tgz",
+      "integrity": "sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -19207,13 +19202,6 @@
         }
       }
     },
-    "node_modules/vitest/node_modules/es-module-lexer": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz",
-      "integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/wait-port": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/wait-port/-/wait-port-1.1.0.tgz",
@@ -19243,9 +19231,9 @@
       }
     },
     "node_modules/watchpack": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.5.0.tgz",
-      "integrity": "sha512-e6vZvY6xboSwLz2GD36c16+O/2Z6fKvIf4pOXptw2rY9MVwE/TXc6RGqxD3I3x0a28lwBY7DE+76uTPSsBrrCA==",
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.5.1.tgz",
+      "integrity": "sha512-Zn5uXdcFNIA1+1Ei5McRd+iRzfhENPCe7LeABkJtNulSxjma+l7ltNx55BWZkRlwRnpOgHqxnjyaDgJnNXnqzg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -19305,9 +19293,9 @@
       "license": "Apache-2.0"
     },
     "node_modules/webdriver/node_modules/@types/node": {
-      "version": "20.19.34",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.34.tgz",
-      "integrity": "sha512-by3/Z0Qp+L9cAySEsSNNwZ6WWw8ywgGLPQGgbQDhNRSitqYgkgp4pErd23ZSCavbtUA2CN4jQtoB3T8nk4j3Rg==",
+      "version": "20.19.37",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.37.tgz",
+      "integrity": "sha512-8kzdPJ3FsNsVIurqBs7oodNnCEVbni9yUEkaHbgptDACOPW04jimGagZ51E6+lXUwJjgnBw+hyko/lkFWCldqw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -19377,28 +19365,15 @@
       }
     },
     "node_modules/webdriverio/node_modules/@types/node": {
-      "version": "20.19.34",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.34.tgz",
-      "integrity": "sha512-by3/Z0Qp+L9cAySEsSNNwZ6WWw8ywgGLPQGgbQDhNRSitqYgkgp4pErd23ZSCavbtUA2CN4jQtoB3T8nk4j3Rg==",
+      "version": "20.19.37",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.37.tgz",
+      "integrity": "sha512-8kzdPJ3FsNsVIurqBs7oodNnCEVbni9yUEkaHbgptDACOPW04jimGagZ51E6+lXUwJjgnBw+hyko/lkFWCldqw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "undici-types": "~6.21.0"
       }
     },
-    "node_modules/webdriverio/node_modules/is-plain-obj": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
-      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/webdriverio/node_modules/undici-types": {
       "version": "6.21.0",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
@@ -19407,9 +19382,9 @@
       "license": "MIT"
     },
     "node_modules/webpack": {
-      "version": "5.105.0",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.105.0.tgz",
-      "integrity": "sha512-gX/dMkRQc7QOMzgTe6KsYFM7DxeIONQSui1s0n/0xht36HvrgbxtM1xBlgx596NbpHuQU8P7QpKwrZYwUX48nw==",
+      "version": "5.105.2",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.105.2.tgz",
+      "integrity": "sha512-dRXm0a2qcHPUBEzVk8uph0xWSjV/xZxenQQbLwnwP7caQCYpqG1qddwlyEkIDkYn0K8tvmcrZ+bOrzoQ3HxCDw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -19486,15 +19461,15 @@
       }
     },
     "node_modules/webpack-dev-server": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-5.2.2.tgz",
-      "integrity": "sha512-QcQ72gh8a+7JO63TAx/6XZf/CWhgMzu5m0QirvPfGvptOusAxG12w2+aua1Jkjr7hzaWDnJ2n6JFeexMHI+Zjg==",
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-5.2.3.tgz",
+      "integrity": "sha512-9Gyu2F7+bg4Vv+pjbovuYDhHX+mqdqITykfzdM9UyKqKHlsE5aAjRhR+oOEfXW5vBeu8tarzlJFIZva4ZjAdrQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/bonjour": "^3.5.13",
         "@types/connect-history-api-fallback": "^1.5.4",
-        "@types/express": "^4.17.21",
+        "@types/express": "^4.17.25",
         "@types/express-serve-static-core": "^4.17.21",
         "@types/serve-index": "^1.9.4",
         "@types/serve-static": "^1.15.5",
@@ -19504,9 +19479,9 @@
         "bonjour-service": "^1.2.1",
         "chokidar": "^3.6.0",
         "colorette": "^2.0.10",
-        "compression": "^1.7.4",
+        "compression": "^1.8.1",
         "connect-history-api-fallback": "^2.0.0",
-        "express": "^4.21.2",
+        "express": "^4.22.1",
         "graceful-fs": "^4.2.6",
         "http-proxy-middleware": "^2.0.9",
         "ipaddr.js": "^2.1.0",
@@ -19514,7 +19489,7 @@
         "open": "^10.0.3",
         "p-retry": "^6.2.0",
         "schema-utils": "^4.2.0",
-        "selfsigned": "^2.4.1",
+        "selfsigned": "^5.5.0",
         "serve-index": "^1.9.1",
         "sockjs": "^0.3.24",
         "spdy": "^4.0.2",
@@ -19781,6 +19756,19 @@
         "node": ">= 10"
       }
     },
+    "node_modules/webpack-dev-server/node_modules/is-plain-obj": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz",
+      "integrity": "sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/webpack-dev-server/node_modules/media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -19801,19 +19789,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/webpack-dev-server/node_modules/mime": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
-      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "mime": "cli.js"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/webpack-dev-server/node_modules/mime-db": {
       "version": "1.52.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
@@ -20070,6 +20045,13 @@
         }
       }
     },
+    "node_modules/webpack/node_modules/es-module-lexer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-2.0.0.tgz",
+      "integrity": "sha512-5POEcUuZybH7IdmGsD8wlf0AI55wMecM9rVBTI/qEAy2c1kTOm3DjFYjrBdI2K3BaJjJYfYFeRtM0t9ssnRuxw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/webpack/node_modules/eslint-scope": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
@@ -20124,20 +20106,6 @@
         "node": ">= 0.6"
       }
     },
-    "node_modules/webpack/node_modules/watchpack": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.5.1.tgz",
-      "integrity": "sha512-Zn5uXdcFNIA1+1Ei5McRd+iRzfhENPCe7LeABkJtNulSxjma+l7ltNx55BWZkRlwRnpOgHqxnjyaDgJnNXnqzg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "glob-to-regexp": "^0.4.1",
-        "graceful-fs": "^4.1.2"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
     "node_modules/websocket-driver": {
       "version": "0.7.4",
       "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.4.tgz",
@@ -20190,6 +20158,16 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/whatwg-mimetype": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
+      "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -20451,6 +20429,16 @@
         "fd-slicer": "~1.1.0"
       }
     },
+    "node_modules/yauzl/node_modules/buffer-crc32": {
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
+      "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
@@ -20554,9 +20542,9 @@
       }
     },
     "node_modules/zod": {
-      "version": "4.3.5",
-      "resolved": "https://registry.npmjs.org/zod/-/zod-4.3.5.tgz",
-      "integrity": "sha512-k7Nwx6vuWx1IJ9Bjuf4Zt1PEllcwe7cls3VNzm4CQ1/hgtFUK2bRNG3rvnpPUhFjmqJKAKtjV576KnUkHocg/g==",
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.3.6.tgz",
+      "integrity": "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -20581,17 +20569,17 @@
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "@angular/animations": "^21.1.5",
-        "@angular/cdk": "^21.1.5",
-        "@angular/common": "^21.1.5",
-        "@angular/compiler": "^21.1.5",
-        "@angular/compiler-cli": "^21.1.5",
-        "@angular/core": "^21.1.5",
-        "@angular/elements": "^21.1.5",
-        "@angular/forms": "^21.1.5",
-        "@angular/material": "^21.1.5",
-        "@angular/platform-browser": "^21.1.5",
-        "@angular/router": "^21.1.5",
+        "@angular/animations": "^21.2.1",
+        "@angular/cdk": "^21.2.1",
+        "@angular/common": "^21.2.1",
+        "@angular/compiler": "^21.2.1",
+        "@angular/compiler-cli": "^21.2.1",
+        "@angular/core": "^21.2.1",
+        "@angular/elements": "^21.2.1",
+        "@angular/forms": "^21.2.1",
+        "@angular/material": "^21.2.1",
+        "@angular/platform-browser": "^21.2.1",
+        "@angular/router": "^21.2.1",
         "@laserfiche/lf-api-client-core": "^1.1.18",
         "@laserfiche/lf-js-utils": "^4.0.13",
         "@laserfiche/lf-resource-library": "^5.0.3",
diff --git a/package.json b/package.json
index e286bbf5..d812eeb9 100644
--- a/package.json
+++ b/package.json
@@ -37,49 +37,47 @@
     "gulp-replace-placeholders-in-documentation": "gulp replacePlaceholdersInDocumentation"
   },
   "devDependencies": {
-    "@analogjs/vite-plugin-angular": "^2.3.0",
-    "@analogjs/vitest-angular": "^2.3.0",
-    "@angular-devkit/build-angular": "^21.1.4",
-    "@angular-eslint/builder": "^21.2.0",
-    "@angular-eslint/eslint-plugin": "^21.2.0",
-    "@angular-eslint/eslint-plugin-template": "^21.2.0",
-    "@angular-eslint/schematics": "^21.2.0",
-    "@angular-eslint/template-parser": "^21.2.0",
-    "@angular/cli": "^21.1.4",
-    "@microsoft/api-extractor": "^7.57.0",
-    "@stylistic/eslint-plugin": "^5.9.0",
-    "@types/lodash": "^4.17.23",
-    "@types/node": "^24.10.13",
-    "@typescript-eslint/eslint-plugin": "^8.56.0",
-    "@typescript-eslint/parser": "^8.56.0",
+    "@analogjs/vite-plugin-angular": "^2.3.1",
+    "@analogjs/vitest-angular": "^2.3.1",
+    "@angular-devkit/build-angular": "^21.2.1",
+    "@angular-eslint/builder": "^21.3.0",
+    "@angular-eslint/schematics": "^21.3.0",
+    "@angular/cli": "^21.2.1",
+    "@microsoft/api-extractor": "^7.52.9",
+    "@stylistic/eslint-plugin": "^5.10.0",
+    "@types/lodash": "^4.17.24",
+    "@types/node": "^24.12.0",
+
     "@vitest/browser": "^4.0.18",
     "@vitest/browser-playwright": "^4.0.18",
+    "angular-eslint": "^21.3.0",
     "date-fns": "^4.1.0",
-    "eslint": "^9.39.2",
+    "eslint": "^10.0.3",
     "flatpickr": "^4.6.13",
     "gulp": "^5.0.1",
     "gulp-concat": "^2.6.1",
     "gulp-replace": "^1.1.4",
-    "ng-packagr": "^21.1.0",
-    "puppeteer": "^24.37.4",
+    "ng-packagr": "^21.2.0",
+    "puppeteer": "^24.38.0",
     "tslib": "^2.8.1",
     "typescript": "5.9.3",
+    "typescript-eslint": "^8.56.1",
     "vitest": "^4.0.18",
     "webdriverio": "^9.20.0",
     "yargs": "^18.0.0"
   },
   "peerDependencies": {
-    "@angular/animations": "^21.1.5",
-    "@angular/cdk": "^21.1.5",
-    "@angular/common": "^21.1.5",
-    "@angular/compiler": "^21.1.5",
-    "@angular/compiler-cli": "^21.1.5",
-    "@angular/core": "^21.1.5",
-    "@angular/elements": "^21.1.5",
-    "@angular/forms": "^21.1.5",
-    "@angular/material": "^21.1.5",
-    "@angular/platform-browser": "^21.1.5",
-    "@angular/router": "^21.1.5",
+    "@angular/animations": "^21.2.1",
+    "@angular/cdk": "^21.2.1",
+    "@angular/common": "^21.2.1",
+    "@angular/compiler": "^21.2.1",
+    "@angular/compiler-cli": "^21.2.1",
+    "@angular/core": "^21.2.1",
+    "@angular/elements": "^21.2.1",
+    "@angular/forms": "^21.2.1",
+    "@angular/material": "^21.2.1",
+    "@angular/platform-browser": "^21.2.1",
+    "@angular/router": "^21.2.1",
     "@laserfiche/lf-api-client-core": "^1.1.10",
     "@laserfiche/lf-js-utils": "^4.0.13",
     "@laserfiche/lf-resource-library": "^5.0.3",
diff --git a/projects/lf-cdn/.eslintrc.json b/projects/lf-cdn/.eslintrc.json
deleted file mode 100644
index 28b9d523..00000000
--- a/projects/lf-cdn/.eslintrc.json
+++ /dev/null
@@ -1,45 +0,0 @@
-{
-  "extends": "../../.eslintrc.json",
-  "ignorePatterns": [
-    "!**/*",
-    "src/**/*.ts"
-  ],
-  "overrides": [
-    {
-      "files": [
-        "*.ts"
-      ],
-      "parserOptions": {
-        "project": [
-          "projects/lf-cdn/tsconfig.app.json",
-          "projects/lf-cdn/tsconfig.spec.json"
-        ],
-        "createDefaultProgram": true
-      },
-      "rules": {
-        "@angular-eslint/directive-selector": [
-          "error",
-          {
-            "type": "attribute",
-            "prefix": "app",
-            "style": "camelCase"
-          }
-        ],
-        "@angular-eslint/component-selector": [
-          "error",
-          {
-            "type": "element",
-            "prefix": "app",
-            "style": "kebab-case"
-          }
-        ]
-      }
-    },
-    {
-      "files": [
-        "*.html"
-      ],
-      "rules": {}
-    }
-  ]
-}
diff --git a/projects/lf-cdn/tsconfig.app.json b/projects/lf-cdn/tsconfig.app.json
index 6613bc80..694bc8ee 100644
--- a/projects/lf-cdn/tsconfig.app.json
+++ b/projects/lf-cdn/tsconfig.app.json
@@ -11,6 +11,6 @@
     "src/index.ts"
   ],
   "include": [
-    "src/**/*.d.ts",
+    "src/**/*.ts"
   ]
 }
diff --git a/projects/lf-documentation/.eslintrc.json b/projects/lf-documentation/.eslintrc.json
deleted file mode 100644
index c5b00c5a..00000000
--- a/projects/lf-documentation/.eslintrc.json
+++ /dev/null
@@ -1,45 +0,0 @@
-{
-  "extends": "../../.eslintrc.json",
-  "ignorePatterns": [
-    "!**/*",
-    "src/**/*.ts"
-  ],
-  "overrides": [
-    {
-      "files": [
-        "*.ts"
-      ],
-      "parserOptions": {
-        "project": [
-          "projects/lf-documentation/tsconfig.app.json",
-          "projects/lf-documentation/tsconfig.spec.json"
-        ],
-        "createDefaultProgram": true
-      },
-      "rules": {
-        "@angular-eslint/directive-selector": [
-          "error",
-          {
-            "type": "attribute",
-            "prefix": "app",
-            "style": "camelCase"
-          }
-        ],
-        "@angular-eslint/component-selector": [
-          "error",
-          {
-            "type": "element",
-            "prefix": "app",
-            "style": "kebab-case"
-          }
-        ]
-      }
-    },
-    {
-      "files": [
-        "*.html"
-      ],
-      "rules": {}
-    }
-  ]
-}
diff --git a/projects/lf-documentation/tsconfig.app.json b/projects/lf-documentation/tsconfig.app.json
index fd37f74d..c6a5ac00 100644
--- a/projects/lf-documentation/tsconfig.app.json
+++ b/projects/lf-documentation/tsconfig.app.json
@@ -10,6 +10,6 @@
     "src/polyfills.ts"
   ],
   "include": [
-    "src/**/*.d.ts"
+    "src/**/*.ts"
   ]
 }
diff --git a/projects/ui-components/.eslintrc.json b/projects/ui-components/.eslintrc.json
deleted file mode 100644
index 5235dfc1..00000000
--- a/projects/ui-components/.eslintrc.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-  "extends": "../../.eslintrc.json",
-  "ignorePatterns": [
-    "!**/*"
-  ],
-  "overrides": [
-    {
-      "files": [
-        "*.ts"
-      ],
-      "parserOptions": {
-        "project": [
-          "projects/ui-components/tsconfig.lib.json",
-          "projects/ui-components/tsconfig.spec.json"
-        ],
-        "createDefaultProgram": true
-      },
-      "rules": {
-        "@angular-eslint/directive-selector": [
-          "error",
-          {
-            "type": "attribute",
-            "prefix": "lf",
-            "style": "camelCase"
-          }
-        ],
-        "@angular-eslint/component-selector": [
-          "error",
-          {
-            "type": "element",
-            "prefix": "lf",
-            "style": "kebab-case"
-          }
-        ]
-      }
-    },
-    {
-      "files": [
-        "*.html"
-      ],
-      "rules": {}
-    }
-  ]
-}
diff --git a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.spec.ts b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.spec.ts
index b6078470..271c3449 100644
--- a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.spec.ts
+++ b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.spec.ts
@@ -109,12 +109,10 @@ describe('LfFieldTemplateContainerComponent', () => {
     // Assert
     const expectedStateValues = [State.CA, State.OH, State.NV];
     const stateFieldInfo = component.allFieldInfos.find((templateFieldInfo) => templateFieldInfo.id === DynamicFieldIds.State);
-    // eslint-disable-next-line
     expect(component.dynamicOptions.get(stateFieldInfo?.id ?? 0)![0]).toEqual(expectedStateValues);
 
     const expectedCountyValues: string[] = [];
     const countyFieldInfo = component.allFieldInfos.find((templateFieldInfo) => templateFieldInfo.id === DynamicFieldIds.County);
-    // eslint-disable-next-line
     expect(component.dynamicOptions.get(countyFieldInfo?.id ?? 0)![0]).toEqual(expectedCountyValues);
   });
 
@@ -132,12 +130,10 @@ describe('LfFieldTemplateContainerComponent', () => {
     // Assert
     const expectedStateValues = [State.CA, State.OH, State.NV];
     const stateFieldInfo = component.allFieldInfos.find((templateFieldInfo) => templateFieldInfo.id === DynamicFieldIds.State);
-    // eslint-disable-next-line
     expect(component.dynamicOptions.get(stateFieldInfo?.id ?? 0)![0]).toEqual(expectedStateValues);
 
     const expectedCountyValues = [County.Cuyahoga, County.Hamilton];
     const countyFieldInfo = component.allFieldInfos.find((templateFieldInfo) => templateFieldInfo.id === DynamicFieldIds.County);
-    // eslint-disable-next-line
     expect(component.dynamicOptions.get(countyFieldInfo?.id ?? 0)![0]).toEqual(expectedCountyValues);
   });
 
diff --git a/projects/ui-components/package-lock.json b/projects/ui-components/package-lock.json
index e715acbf..6e983952 100644
--- a/projects/ui-components/package-lock.json
+++ b/projects/ui-components/package-lock.json
@@ -12,17 +12,17 @@
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "@angular/animations": "^21.1.5",
-        "@angular/cdk": "^21.1.5",
-        "@angular/common": "^21.1.5",
-        "@angular/compiler": "^21.1.5",
-        "@angular/compiler-cli": "^21.1.5",
-        "@angular/core": "^21.1.5",
-        "@angular/elements": "^21.1.5",
-        "@angular/forms": "^21.1.5",
-        "@angular/material": "^21.1.5",
-        "@angular/platform-browser": "^21.1.5",
-        "@angular/router": "^21.1.5",
+        "@angular/animations": "^21.2.1",
+        "@angular/cdk": "^21.2.1",
+        "@angular/common": "^21.2.1",
+        "@angular/compiler": "^21.2.1",
+        "@angular/compiler-cli": "^21.2.1",
+        "@angular/core": "^21.2.1",
+        "@angular/elements": "^21.2.1",
+        "@angular/forms": "^21.2.1",
+        "@angular/material": "^21.2.1",
+        "@angular/platform-browser": "^21.2.1",
+        "@angular/router": "^21.2.1",
         "@laserfiche/lf-api-client-core": "^1.1.18",
         "@laserfiche/lf-js-utils": "^4.0.13",
         "@laserfiche/lf-resource-library": "^5.0.3",
@@ -34,9 +34,9 @@
       }
     },
     "node_modules/@angular/animations": {
-      "version": "21.1.5",
-      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-21.1.5.tgz",
-      "integrity": "sha512-gsqHX8lCYV8cgVtHs0iLwrX8SVlmcjUF44l/xCc/jBC/TeKWRl2e6Jqrn1Wcd0NDlGiNsm+mYNyqMyy5/I7kjw==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-21.2.1.tgz",
+      "integrity": "sha512-zT/S29pUTbziCLvZ2itBdNWd5i8tsXexofH7KA4n2yvYmK1EhNpE7TlHRjghmsHgtDt4VnGiMW4zXEyrl05Dwg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -46,13 +46,13 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "21.1.5"
+        "@angular/core": "21.2.1"
       }
     },
     "node_modules/@angular/cdk": {
-      "version": "21.1.5",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.1.5.tgz",
-      "integrity": "sha512-AlQPgqe3LLwXCyrDwYSX3m/WKnl2ppCMW7Gb+7bJpIcpMdWYEpSOSQF318jXGYIysKg43YbdJ1tWhJWY/cbn3w==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.2.1.tgz",
+      "integrity": "sha512-JUFV8qLnO7CU5v4W0HzXSQrFkkJ4RH/qqdwrf9lup7YEnsLxB7cTGhsVisc9pWKAJsoNZ4pXCVOkqKc1mFL7dw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -67,9 +67,9 @@
       }
     },
     "node_modules/@angular/common": {
-      "version": "21.1.5",
-      "resolved": "https://registry.npmjs.org/@angular/common/-/common-21.1.5.tgz",
-      "integrity": "sha512-olO2F0b+H8YBfsuQFEwo9Hjf+B714xGcttDW37+4jnY2IRS2uYeMu2RGIpY7ps+0uZ017c4iK3CCgSPBgmbTcA==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@angular/common/-/common-21.2.1.tgz",
+      "integrity": "sha512-xhv2i1Q9s1kpGbGsfj+o36+XUC/TQLcZyRuRxn3GwaN7Rv34FabC88ycpvoE+sW/txj4JRx9yPA0dRSZjwZ+Gg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -79,14 +79,14 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "21.1.5",
+        "@angular/core": "21.2.1",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/compiler": {
-      "version": "21.1.5",
-      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-21.1.5.tgz",
-      "integrity": "sha512-yRUdWlL+AWcTL4d7zD0jkNqsjvxXpWEihvOfD2gc65DO0+E80DsWIpHq9A8yWeLukbfLcmBGI2QbfW9+SXAlvg==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-21.2.1.tgz",
+      "integrity": "sha512-FxWaSaii1vfHIFA+JksqQ8NGB2frfqCrs7Ju50a44kbwR4fmanfn/VsiS/CbwBp9vcyT/Br9X/jAG4RuK/U2nw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -97,13 +97,13 @@
       }
     },
     "node_modules/@angular/compiler-cli": {
-      "version": "21.1.5",
-      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-21.1.5.tgz",
-      "integrity": "sha512-i2r2bQuWdjjFGTd2TA7FtCWNx5yJ3BMoyTGUC9lzSfmxWAfcH/NWR+6OdaEVwv6Zap3IXYYxs8S+REkx954EwA==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-21.2.1.tgz",
+      "integrity": "sha512-qYCWLGtEju4cDtYLi4ZzbwKoF0lcGs+Lc31kuESvAzYvWNgk2EUOtwWo8kbgpAzAwSYodtxW6Q90iWEwfU6elw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@babel/core": "7.28.5",
+        "@babel/core": "7.29.0",
         "@jridgewell/sourcemap-codec": "^1.4.14",
         "chokidar": "^5.0.0",
         "convert-source-map": "^1.5.1",
@@ -120,8 +120,8 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/compiler": "21.1.5",
-        "typescript": ">=5.9 <6.0"
+        "@angular/compiler": "21.2.1",
+        "typescript": ">=5.9 <6.1"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -130,9 +130,9 @@
       }
     },
     "node_modules/@angular/core": {
-      "version": "21.1.5",
-      "resolved": "https://registry.npmjs.org/@angular/core/-/core-21.1.5.tgz",
-      "integrity": "sha512-m61YHiyE+SIvS8UXcFLjYCucv6ShJJCwz9xxEk7ysYW9wOtHdfIf9tgyOsucZDAvrvpSyQLRj5jGBCGm1VIvXA==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@angular/core/-/core-21.2.1.tgz",
+      "integrity": "sha512-pFTbg03s2ZI5cHNT+eWsGjwIIKiYkeAnodFbCAHjwFi9KCEYlTykFLjr9lcpGrBddfmAH7GE08Q73vgmsdcNHw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -142,7 +142,7 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/compiler": "21.1.5",
+        "@angular/compiler": "21.2.1",
         "rxjs": "^6.5.3 || ^7.4.0",
         "zone.js": "~0.15.0 || ~0.16.0"
       },
@@ -156,9 +156,9 @@
       }
     },
     "node_modules/@angular/elements": {
-      "version": "21.1.5",
-      "resolved": "https://registry.npmjs.org/@angular/elements/-/elements-21.1.5.tgz",
-      "integrity": "sha512-SoXNNLEBn9w3NP5vZJiMQfdiJ1FLY0VuDP5VvscPVqebh/nfpDw7jOu8Pb2S9wTANsfmlFX4QK1ehl3nJVY/Fw==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@angular/elements/-/elements-21.2.1.tgz",
+      "integrity": "sha512-NF2mNcnpHKeDoOzQ0nY0pk111kVdBESXrmDfxO0LCs1JU9c2tNw45pWqpsu3CqbH61rx+b6kLIIz9RjcZVaPMg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -168,14 +168,14 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "21.1.5",
+        "@angular/core": "21.2.1",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/forms": {
-      "version": "21.1.5",
-      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-21.1.5.tgz",
-      "integrity": "sha512-Z8Vcgz5KYlCobRxLjyGGUBv0mA4nusuiD36GqYRn3sR780TLDcPFVwTCwVEWLdwID64oiHXG+x9jjU/Z3HzR6A==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-21.2.1.tgz",
+      "integrity": "sha512-6aqOPk9xoa0dfeUDeEbhaiPhmt6MQrdn59qbGAomn9RMXA925TrHbJhSIkp9tXc2Fr4aJRi8zkD/cdXEc1IYeA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -186,23 +186,23 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "21.1.5",
-        "@angular/core": "21.1.5",
-        "@angular/platform-browser": "21.1.5",
+        "@angular/common": "21.2.1",
+        "@angular/core": "21.2.1",
+        "@angular/platform-browser": "21.2.1",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/material": {
-      "version": "21.1.5",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-21.1.5.tgz",
-      "integrity": "sha512-D6JvFulPvIKhPJ52prMV7DxwYMzcUpHar11ZcMb7r9WQzUfCS3FDPXfMAce5n3h+3kFccfmmGpnyBwqTlLPSig==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-21.2.1.tgz",
+      "integrity": "sha512-+E7km7o1LZ0O+iE+sSX4M3r0WLPCOe0hwJp4o5hUM5jR+a2B+Ba14d4QWwN1r3R3qqwzCO1z5/44R0GoDkR2gg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/cdk": "21.1.5",
+        "@angular/cdk": "21.2.1",
         "@angular/common": "^21.0.0 || ^22.0.0",
         "@angular/core": "^21.0.0 || ^22.0.0",
         "@angular/forms": "^21.0.0 || ^22.0.0",
@@ -211,9 +211,9 @@
       }
     },
     "node_modules/@angular/platform-browser": {
-      "version": "21.1.5",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-21.1.5.tgz",
-      "integrity": "sha512-rAN0cu05Pg7HHe9JMRd3g5JyyVCeFW8QiB/jG6klUrOTF4QzyCbmwlm7MX0uTx3CWAZraWCGbdahUkLyYtuqFA==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-21.2.1.tgz",
+      "integrity": "sha512-k4SJLxIaLT26vLjLuFL+ho0BiG5PrdxEsjsXFC7w5iUhomeouzkHVTZ4t7gaLNKrdRD7QNtU4Faw0nL0yx0ZPQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -223,9 +223,9 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/animations": "21.1.5",
-        "@angular/common": "21.1.5",
-        "@angular/core": "21.1.5"
+        "@angular/animations": "21.2.1",
+        "@angular/common": "21.2.1",
+        "@angular/core": "21.2.1"
       },
       "peerDependenciesMeta": {
         "@angular/animations": {
@@ -234,9 +234,9 @@
       }
     },
     "node_modules/@angular/router": {
-      "version": "21.1.5",
-      "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.1.5.tgz",
-      "integrity": "sha512-OjFn6Nw51CU712CMbl2U9TxlCkzOmjMLYPAfnV4+RdG7o+/eOS2nV0oapJ88RNCw7Yl04PA1amc3ql3agDFd4A==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.2.1.tgz",
+      "integrity": "sha512-FUKG+8ImQYxmlDUdAs7+VeS/VrBNrbo0zGiKkzVNU/bbcCyroKXJLXFtkFI3qmROiJNyIta2IMBCHJvIjLIMig==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -246,9 +246,9 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "21.1.5",
-        "@angular/core": "21.1.5",
-        "@angular/platform-browser": "21.1.5",
+        "@angular/common": "21.2.1",
+        "@angular/core": "21.2.1",
+        "@angular/platform-browser": "21.2.1",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
@@ -278,21 +278,21 @@
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.5.tgz",
-      "integrity": "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
+      "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@babel/code-frame": "^7.27.1",
-        "@babel/generator": "^7.28.5",
-        "@babel/helper-compilation-targets": "^7.27.2",
-        "@babel/helper-module-transforms": "^7.28.3",
-        "@babel/helpers": "^7.28.4",
-        "@babel/parser": "^7.28.5",
-        "@babel/template": "^7.27.2",
-        "@babel/traverse": "^7.28.5",
-        "@babel/types": "^7.28.5",
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-compilation-targets": "^7.28.6",
+        "@babel/helper-module-transforms": "^7.28.6",
+        "@babel/helpers": "^7.28.6",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/traverse": "^7.29.0",
+        "@babel/types": "^7.29.0",
         "@jridgewell/remapping": "^2.3.5",
         "convert-source-map": "^2.0.0",
         "debug": "^4.1.0",
@@ -629,13 +629,16 @@
       }
     },
     "node_modules/baseline-browser-mapping": {
-      "version": "2.9.19",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.9.19.tgz",
-      "integrity": "sha512-ipDqC8FrAl/76p2SSWKSI+H9tFwm7vYqXQrItCuiVPt26Km0jS+NzSsBWAaBusvSbQcfJG+JitdMm+wZAgTYqg==",
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.0.tgz",
+      "integrity": "sha512-lIyg0szRfYbiy67j9KN8IyeD7q7hcmqnJ1ddWmNt19ItGpNN64mnllmxUNFIOdOm6by97jlL6wfpTTJrmnjWAA==",
       "license": "Apache-2.0",
       "peer": true,
       "bin": {
-        "baseline-browser-mapping": "dist/cli.js"
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
       }
     },
     "node_modules/browserslist": {
@@ -673,9 +676,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001770",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001770.tgz",
-      "integrity": "sha512-x/2CLQ1jHENRbHg5PSId2sXq1CIO1CISvwWAj027ltMVG2UNgW+w9oH2+HzgEIRFembL8bUlXtfbBHR1fCg2xw==",
+      "version": "1.0.30001777",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001777.tgz",
+      "integrity": "sha512-tmN+fJxroPndC74efCdp12j+0rk0RHwV5Jwa1zWaFVyw2ZxAuPeG8ZgWC3Wz7uSjT3qMRQ5XHZ4COgQmsCMJAQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -761,9 +764,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.286",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.286.tgz",
-      "integrity": "sha512-9tfDXhJ4RKFNerfjdCcZfufu49vg620741MNs26a9+bhLThdB+plgMeou98CAaHu/WATj2iHOOHTp1hWtABj2A==",
+      "version": "1.5.307",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.307.tgz",
+      "integrity": "sha512-5z3uFKBWjiNR44nFcYdkcXjKMbg5KXNdciu7mhTPo9tB7NbqSNP2sSnGR+fqknZSCwKkBN+oxiiajWs4dT6ORg==",
       "license": "ISC",
       "peer": true
     },
@@ -878,9 +881,9 @@
       "peer": true
     },
     "node_modules/jsrsasign": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/jsrsasign/-/jsrsasign-11.1.0.tgz",
-      "integrity": "sha512-Ov74K9GihaK9/9WncTe1mPmvrO7Py665TUfUKvraXBpu+xcTWitrtuOwcjf4KMU9maPaYn0OuaWy0HOzy/GBXg==",
+      "version": "11.1.1",
+      "resolved": "https://registry.npmjs.org/jsrsasign/-/jsrsasign-11.1.1.tgz",
+      "integrity": "sha512-6w95OOXH8DNeGxakqLndBEqqwQ6A70zGaky1oxfg8WVLWOnghTfJsc5Tknx+Z88MHSb1bGLcqQHImOF8Lk22XA==",
       "license": "MIT",
       "peer": true,
       "funding": {
@@ -937,9 +940,9 @@
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.27",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
-      "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
+      "version": "2.0.36",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.36.tgz",
+      "integrity": "sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==",
       "license": "MIT",
       "peer": true
     },
@@ -1026,13 +1029,13 @@
       }
     },
     "node_modules/strip-ansi": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
-      "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz",
+      "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "ansi-regex": "^6.0.1"
+        "ansi-regex": "^6.2.2"
       },
       "engines": {
         "node": ">=12"
diff --git a/projects/ui-components/package.json b/projects/ui-components/package.json
index f3656ace..b2849a2c 100644
--- a/projects/ui-components/package.json
+++ b/projects/ui-components/package.json
@@ -7,17 +7,17 @@
     "url": "https://github.com/Laserfiche/lf-ui-components"
   },
   "peerDependencies": {
-    "@angular/animations": "^21.1.5",
-    "@angular/cdk": "^21.1.5",
-    "@angular/common": "^21.1.5",
-    "@angular/compiler": "^21.1.5",
-    "@angular/compiler-cli": "^21.1.5",
-    "@angular/core": "^21.1.5",
-    "@angular/elements": "^21.1.5",
-    "@angular/forms": "^21.1.5",
-    "@angular/material": "^21.1.5",
-    "@angular/platform-browser": "^21.1.5",
-    "@angular/router": "^21.1.5",
+    "@angular/animations": "^21.2.1",
+    "@angular/cdk": "^21.2.1",
+    "@angular/common": "^21.2.1",
+    "@angular/compiler": "^21.2.1",
+    "@angular/compiler-cli": "^21.2.1",
+    "@angular/core": "^21.2.1",
+    "@angular/elements": "^21.2.1",
+    "@angular/forms": "^21.2.1",
+    "@angular/material": "^21.2.1",
+    "@angular/platform-browser": "^21.2.1",
+    "@angular/router": "^21.2.1",
     "@laserfiche/lf-api-client-core": "^1.1.18",
     "@laserfiche/lf-js-utils": "^4.0.13",
     "@laserfiche/lf-resource-library": "^5.0.3",

From 5629765002ed5f4bb480a5ee85067743dd8ed26a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Mon, 9 Mar 2026 15:07:55 +0200
Subject: [PATCH 13/43] Fix declarations -> imports

---
 projects/lf-documentation/src/app/app.component.spec.ts    | 2 +-
 .../lf-documentation/src/app/card/card.component.spec.ts   | 3 +--
 .../convert-component-to-element.component.spec.ts         | 2 +-
 .../example-npm-usage-in-angular.component.spec.ts         | 2 +-
 .../src/app/example-usage-basic-steps.directive.spec.ts    | 2 +-
 .../example-usage-in-angular.component.spec.ts             | 2 +-
 .../example-usage-in-html.component.spec.ts                | 2 +-
 .../example-usage-in-react.component.spec.ts               | 2 +-
 .../app/getting-started/getting-started.component.spec.ts  | 2 +-
 .../lf-breadcrumbs-documentation.component.spec.ts         | 2 +-
 .../lf-checklist-documentation.component.spec.ts           | 7 +------
 ...f-field-adhoc-container-documentation.component.spec.ts | 4 +---
 .../lf-field-container-documentation.component.spec.ts     | 3 +--
 .../lf-field-documentation.component.spec.ts               | 2 +-
 ...ield-template-container-documentation.component.spec.ts | 3 +--
 .../lf-login-documentation.component.spec.ts               | 2 +-
 .../lf-toolbar-documentation.component.spec.ts             | 2 +-
 .../lf-user-feedback-documentation.component.spec.ts       | 2 +-
 .../src/app/overview/overview.component.spec.ts            | 3 +--
 .../app/troubleshooting/troubleshooting.component.spec.ts  | 3 +--
 20 files changed, 20 insertions(+), 32 deletions(-)

diff --git a/projects/lf-documentation/src/app/app.component.spec.ts b/projects/lf-documentation/src/app/app.component.spec.ts
index 79261b09..763323f7 100644
--- a/projects/lf-documentation/src/app/app.component.spec.ts
+++ b/projects/lf-documentation/src/app/app.component.spec.ts
@@ -17,7 +17,7 @@ describe('AppComponent', () => {
         MatTreeModule,
         MatCheckboxModule
       ],
-      declarations: [
+      imports: [
         AppComponent
       ],
     }).compileComponents();
diff --git a/projects/lf-documentation/src/app/card/card.component.spec.ts b/projects/lf-documentation/src/app/card/card.component.spec.ts
index 90fed1ea..1290dfe4 100644
--- a/projects/lf-documentation/src/app/card/card.component.spec.ts
+++ b/projects/lf-documentation/src/app/card/card.component.spec.ts
@@ -12,8 +12,7 @@ describe('CardComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ CardComponent ],
-      imports: [MatCardModule]
+      imports: [ CardComponent, MatCardModule ],
     })
     .compileComponents();
   });
diff --git a/projects/lf-documentation/src/app/convert-component-to-element/convert-component-to-element.component.spec.ts b/projects/lf-documentation/src/app/convert-component-to-element/convert-component-to-element.component.spec.ts
index 15393f09..138f66fd 100644
--- a/projects/lf-documentation/src/app/convert-component-to-element/convert-component-to-element.component.spec.ts
+++ b/projects/lf-documentation/src/app/convert-component-to-element/convert-component-to-element.component.spec.ts
@@ -11,7 +11,7 @@ describe('ConvertComponentToElementComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ ConvertComponentToElementComponent ]
+      imports: [ ConvertComponentToElementComponent ]
     })
     .compileComponents();
   });
diff --git a/projects/lf-documentation/src/app/example-npm-usage-in-angular/example-npm-usage-in-angular.component.spec.ts b/projects/lf-documentation/src/app/example-npm-usage-in-angular/example-npm-usage-in-angular.component.spec.ts
index 77369641..cdb86ee4 100644
--- a/projects/lf-documentation/src/app/example-npm-usage-in-angular/example-npm-usage-in-angular.component.spec.ts
+++ b/projects/lf-documentation/src/app/example-npm-usage-in-angular/example-npm-usage-in-angular.component.spec.ts
@@ -13,7 +13,7 @@ describe('ExampleNpmUsageInAngularComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       imports: [RouterTestingModule],
-      declarations: [ ExampleNpmUsageInAngularComponent ],
+      imports: [ ExampleNpmUsageInAngularComponent ],
     })
     .compileComponents();
   });
diff --git a/projects/lf-documentation/src/app/example-usage-basic-steps.directive.spec.ts b/projects/lf-documentation/src/app/example-usage-basic-steps.directive.spec.ts
index 777afbce..5a6fd4b1 100644
--- a/projects/lf-documentation/src/app/example-usage-basic-steps.directive.spec.ts
+++ b/projects/lf-documentation/src/app/example-usage-basic-steps.directive.spec.ts
@@ -8,7 +8,7 @@ import { ExampleUsageBasicStepsDirective } from './example-usage-basic-steps.dir
 describe('ExampleUsageBasicStepsDirective', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ExampleUsageBasicStepsDirective],
+      imports: [ExampleUsageBasicStepsDirective],
       providers: [RouterTestingModule]
     }).compileComponents();
   });
diff --git a/projects/lf-documentation/src/app/example-usage-in-angular/example-usage-in-angular.component.spec.ts b/projects/lf-documentation/src/app/example-usage-in-angular/example-usage-in-angular.component.spec.ts
index db65c012..be2bffa8 100644
--- a/projects/lf-documentation/src/app/example-usage-in-angular/example-usage-in-angular.component.spec.ts
+++ b/projects/lf-documentation/src/app/example-usage-in-angular/example-usage-in-angular.component.spec.ts
@@ -13,7 +13,7 @@ describe('ExampleUsageInAngularComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       imports: [RouterTestingModule],
-      declarations: [ ExampleUsageInAngularComponent ],
+      imports: [ ExampleUsageInAngularComponent ],
     })
     .compileComponents();
   });
diff --git a/projects/lf-documentation/src/app/example-usage-in-html/example-usage-in-html.component.spec.ts b/projects/lf-documentation/src/app/example-usage-in-html/example-usage-in-html.component.spec.ts
index 691a3bcb..832ab7d6 100644
--- a/projects/lf-documentation/src/app/example-usage-in-html/example-usage-in-html.component.spec.ts
+++ b/projects/lf-documentation/src/app/example-usage-in-html/example-usage-in-html.component.spec.ts
@@ -13,7 +13,7 @@ describe('ExampleUsageInHtmlComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       imports: [RouterTestingModule],
-      declarations: [ ExampleUsageInHtmlComponent ],
+      imports: [ ExampleUsageInHtmlComponent ],
     })
     .compileComponents();
   });
diff --git a/projects/lf-documentation/src/app/example-usage-in-react/example-usage-in-react.component.spec.ts b/projects/lf-documentation/src/app/example-usage-in-react/example-usage-in-react.component.spec.ts
index 24d75b52..f3a486a0 100644
--- a/projects/lf-documentation/src/app/example-usage-in-react/example-usage-in-react.component.spec.ts
+++ b/projects/lf-documentation/src/app/example-usage-in-react/example-usage-in-react.component.spec.ts
@@ -13,7 +13,7 @@ describe('ExampleUsageInReactComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       imports: [RouterTestingModule],
-      declarations: [ ExampleUsageInReactComponent ],
+      imports: [ ExampleUsageInReactComponent ],
     })
     .compileComponents();
   });
diff --git a/projects/lf-documentation/src/app/getting-started/getting-started.component.spec.ts b/projects/lf-documentation/src/app/getting-started/getting-started.component.spec.ts
index 13483033..e9bf958f 100644
--- a/projects/lf-documentation/src/app/getting-started/getting-started.component.spec.ts
+++ b/projects/lf-documentation/src/app/getting-started/getting-started.component.spec.ts
@@ -13,7 +13,7 @@ describe('GettingStartedComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       imports: [ RouterTestingModule ],
-      declarations: [ GettingStartedComponent ],
+      imports: [ GettingStartedComponent ],
     })
     .compileComponents();
   });
diff --git a/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.spec.ts b/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.spec.ts
index a65fd723..a509fdab 100644
--- a/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.spec.ts
@@ -11,7 +11,7 @@ describe('LfBreadcrumbsDocumentationComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ LfBreadcrumbsDocumentationComponent ],
+      imports: [ LfBreadcrumbsDocumentationComponent ],
       schemas: [CUSTOM_ELEMENTS_SCHEMA]
     })
     .compileComponents();
diff --git a/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-documentation.component.spec.ts b/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-documentation.component.spec.ts
index 12ebdd3d..a5dfb9b8 100644
--- a/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-documentation.component.spec.ts
@@ -15,12 +15,7 @@ describe('LfChecklistDocumentationComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ LfChecklistDocumentationComponent ],
-      imports: [
-        BrowserAnimationsModule,
-        MatCardModule,
-        RouterTestingModule,
-      ],
+      imports: [ LfChecklistDocumentationComponent, BrowserAnimationsModule, MatCardModule ],
       schemas: [CUSTOM_ELEMENTS_SCHEMA]
     })
     .compileComponents();
diff --git a/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.spec.ts b/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.spec.ts
index ed38a064..df343212 100644
--- a/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.spec.ts
@@ -3,7 +3,6 @@
 
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { CardComponent } from '../card/card.component';
-import { RouterTestingModule } from '@angular/router/testing';
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { LfFieldAdhocContainerDocumentationComponent } from './lf-field-adhoc-container-documentation.component';
 
@@ -13,8 +12,7 @@ describe('LfFieldAdhocContainerDocumentationComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [LfFieldAdhocContainerDocumentationComponent, CardComponent],
-      imports: [RouterTestingModule],
+      imports: [LfFieldAdhocContainerDocumentationComponent, CardComponent],
       schemas: [CUSTOM_ELEMENTS_SCHEMA] }).compileComponents();
   });
 
diff --git a/projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-documentation.component.spec.ts b/projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-documentation.component.spec.ts
index e95e7a13..c840e582 100644
--- a/projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-documentation.component.spec.ts
@@ -11,10 +11,9 @@ describe('LfFieldContainerDocumentationComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [
+      imports: [
         LfFieldContainerDocumentationComponent,
        ],
-       imports: [],
        schemas: [CUSTOM_ELEMENTS_SCHEMA]
     })
     .compileComponents();
diff --git a/projects/lf-documentation/src/app/lf-field-documentation/lf-field-documentation.component.spec.ts b/projects/lf-documentation/src/app/lf-field-documentation/lf-field-documentation.component.spec.ts
index 63dafafb..a0932bd0 100644
--- a/projects/lf-documentation/src/app/lf-field-documentation/lf-field-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/lf-field-documentation/lf-field-documentation.component.spec.ts
@@ -11,7 +11,7 @@ describe('LfFieldDocumentationComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [LfFieldDocumentationComponent],
+      imports: [LfFieldDocumentationComponent],
       schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
     }).compileComponents();
   });
diff --git a/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.spec.ts b/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.spec.ts
index 4dfb7720..476a45c5 100644
--- a/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.spec.ts
@@ -11,8 +11,7 @@ describe('LfFieldTemplateContainerDocumentationComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ LfFieldTemplateContainerDocumentationComponent ],
-      imports: [],
+      imports: [ LfFieldTemplateContainerDocumentationComponent ],
       schemas: [CUSTOM_ELEMENTS_SCHEMA]
     }).compileComponents();
   });
diff --git a/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.spec.ts b/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.spec.ts
index 48c01c87..dce6ad4f 100644
--- a/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.spec.ts
@@ -12,7 +12,7 @@ describe('LfLoginDocumentationComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [
+      imports: [
         LfLoginDocumentationComponent,
       ],
       schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
diff --git a/projects/lf-documentation/src/app/lf-toolbar-documentation/lf-toolbar-documentation.component.spec.ts b/projects/lf-documentation/src/app/lf-toolbar-documentation/lf-toolbar-documentation.component.spec.ts
index 6afc6e89..623f9c77 100644
--- a/projects/lf-documentation/src/app/lf-toolbar-documentation/lf-toolbar-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/lf-toolbar-documentation/lf-toolbar-documentation.component.spec.ts
@@ -11,7 +11,7 @@ describe('LfToolbarDocumentationComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [
+      imports: [
         LfToolbarDocumentationComponent,
       ],
       schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
diff --git a/projects/lf-documentation/src/app/lf-user-feedback-documentation/lf-user-feedback-documentation.component.spec.ts b/projects/lf-documentation/src/app/lf-user-feedback-documentation/lf-user-feedback-documentation.component.spec.ts
index 74d05255..d545c008 100644
--- a/projects/lf-documentation/src/app/lf-user-feedback-documentation/lf-user-feedback-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/lf-user-feedback-documentation/lf-user-feedback-documentation.component.spec.ts
@@ -11,7 +11,7 @@ describe('LfUserFeedbackDocumentationComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ LfUserFeedbackDocumentationComponent ],
+      imports: [ LfUserFeedbackDocumentationComponent ],
       schemas: [CUSTOM_ELEMENTS_SCHEMA]
     })
     .compileComponents();
diff --git a/projects/lf-documentation/src/app/overview/overview.component.spec.ts b/projects/lf-documentation/src/app/overview/overview.component.spec.ts
index 7bdddb6d..d311616c 100644
--- a/projects/lf-documentation/src/app/overview/overview.component.spec.ts
+++ b/projects/lf-documentation/src/app/overview/overview.component.spec.ts
@@ -12,10 +12,9 @@ describe('OverviewComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [
+      imports: [
         OverviewComponent
       ],
-      imports: [],
       schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
     })
     .compileComponents();
diff --git a/projects/lf-documentation/src/app/troubleshooting/troubleshooting.component.spec.ts b/projects/lf-documentation/src/app/troubleshooting/troubleshooting.component.spec.ts
index 14de59dd..5ab4340c 100644
--- a/projects/lf-documentation/src/app/troubleshooting/troubleshooting.component.spec.ts
+++ b/projects/lf-documentation/src/app/troubleshooting/troubleshooting.component.spec.ts
@@ -13,8 +13,7 @@ describe('TroubleshootingComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ TroubleshootingComponent, CardComponent ],
-      imports: [MatMenuModule]
+      imports: [ TroubleshootingComponent, CardComponent, MatMenuModule ],
     })
     .compileComponents();
   });

From 730d88b98cd519813dbc97c5aa21dd83112168e2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Mon, 9 Mar 2026 17:50:02 +0200
Subject: [PATCH 14/43] Resolve rest of test issues

---
 .../src/app/app.component.spec.ts             |  14 +-
 ...xample-usage-basic-steps.directive.spec.ts |   6 +-
 .../getting-started.component.spec.ts         |   7 +-
 ...f-breadcrumbs-documentation.component.html |   2 +-
 .../lf-breadcrumbs-documentation.component.ts |  13 +-
 ...-container-documentation.component.spec.ts |   3 +-
 .../internal-shared/validation-utils.ts       |   2 +-
 .../number-field.component.spec.ts            |   5 +-
 .../number-field/number-field.component.ts    |  31 +++-
 .../time-field/time-field.component.spec.ts   |  10 +-
 .../lf-field-add-remove.component.spec.ts     |   6 +-
 ...lf-field-adhoc-container.component.spec.ts |  18 +-
 ...field-template-container.component.spec.ts |   1 +
 .../lf-field-template-container.component.ts  |  20 ++-
 .../lf-repository-browser.component.spec.ts   |   1 +
 .../lf-selection-list.component.html          |   8 +-
 .../lf-selection-list.component.spec.ts       | 157 +++++++++---------
 .../lf-selection-list.component.ts            |   2 +-
 .../feedback-image-upload.component.html      |  28 ++--
 .../feedback-image-upload.component.spec.ts   |  22 ++-
 .../feedback-image-upload.component.ts        |  26 +--
 .../feedback-submission.component.spec.ts     |   8 +-
 .../user-feedback-dialog.component.spec.ts    |   8 +-
 23 files changed, 211 insertions(+), 187 deletions(-)

diff --git a/projects/lf-documentation/src/app/app.component.spec.ts b/projects/lf-documentation/src/app/app.component.spec.ts
index 763323f7..171a6f5c 100644
--- a/projects/lf-documentation/src/app/app.component.spec.ts
+++ b/projects/lf-documentation/src/app/app.component.spec.ts
@@ -2,24 +2,18 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { TestBed } from '@angular/core/testing';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatToolbarModule } from '@angular/material/toolbar';
-import { MatTreeModule } from '@angular/material/tree';
-import { RouterTestingModule } from '@angular/router/testing';
+import { ActivatedRoute } from '@angular/router';
 import { AppComponent } from './app.component';
 
 describe('AppComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [
-        RouterTestingModule,
-        MatToolbarModule,
-        MatTreeModule,
-        MatCheckboxModule
-      ],
       imports: [
         AppComponent
       ],
+      providers: [
+        { provide: ActivatedRoute, useValue: {} }
+      ],
     }).compileComponents();
   });
 
diff --git a/projects/lf-documentation/src/app/example-usage-basic-steps.directive.spec.ts b/projects/lf-documentation/src/app/example-usage-basic-steps.directive.spec.ts
index 5a6fd4b1..d2122b2a 100644
--- a/projects/lf-documentation/src/app/example-usage-basic-steps.directive.spec.ts
+++ b/projects/lf-documentation/src/app/example-usage-basic-steps.directive.spec.ts
@@ -2,14 +2,16 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { TestBed } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
 import { ExampleUsageBasicStepsDirective } from './example-usage-basic-steps.directive';
 
 describe('ExampleUsageBasicStepsDirective', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       imports: [ExampleUsageBasicStepsDirective],
-      providers: [RouterTestingModule]
     }).compileComponents();
   });
+
+  it('should create', () => {
+    expect(ExampleUsageBasicStepsDirective).toBeTruthy();
+  });
 });
diff --git a/projects/lf-documentation/src/app/getting-started/getting-started.component.spec.ts b/projects/lf-documentation/src/app/getting-started/getting-started.component.spec.ts
index e9bf958f..b30ba960 100644
--- a/projects/lf-documentation/src/app/getting-started/getting-started.component.spec.ts
+++ b/projects/lf-documentation/src/app/getting-started/getting-started.component.spec.ts
@@ -2,7 +2,8 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
+import { ActivatedRoute } from '@angular/router';
+import { of } from 'rxjs';
 
 import { GettingStartedComponent } from './getting-started.component';
 
@@ -12,8 +13,10 @@ describe('GettingStartedComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [ RouterTestingModule ],
       imports: [ GettingStartedComponent ],
+      providers: [
+        { provide: ActivatedRoute, useValue: { queryParams: of({}) } }
+      ],
     })
     .compileComponents();
   });
diff --git a/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.html b/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.html
index c2b65b6c..8882c641 100644
--- a/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.html
+++ b/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.html
@@ -18,7 +18,7 @@
   </code>
 </p>
 <app-card>
-  <lf-breadcrumbs-component #breadcrumbs></lf-breadcrumbs-component>
+  <lf-breadcrumbs-component #breadcrumbs [breadcrumbs]="elementBreadcrumbOptions" (breadcrumbSelected)="onElementBreadcrumbSelected($event)"></lf-breadcrumbs-component>
 </app-card>
 <p class="documentation-text">onElementBreadcrumbSelected output:</p>
 <textarea disabled cols="80" rows="10">{{ selectedElementBreadcrumb }}</textarea>
diff --git a/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.ts b/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.ts
index 4d09ccea..139bd522 100644
--- a/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.ts
+++ b/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.ts
@@ -1,7 +1,7 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { AfterViewInit, Component, ViewChild, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import {
   LfBreadcrumb,
   LfBreadcrumbsComponent,
@@ -16,9 +16,7 @@ import { CardComponent } from '../card/card.component';
   imports: [CardComponent, LfBreadcrumbsComponent],
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
 })
-export class LfBreadcrumbsDocumentationComponent implements AfterViewInit {
-  @ViewChild('breadcrumbs') elementBreadcrumbs!: LfBreadcrumbsComponent;
-
+export class LfBreadcrumbsDocumentationComponent {
   selectedElementBreadcrumb: string | undefined;
 
   elementBreadcrumbOptions = [
@@ -71,13 +69,6 @@ export class LfBreadcrumbsDocumentationComponent implements AfterViewInit {
 
   constructor() {}
 
-  ngAfterViewInit() {
-    this.elementBreadcrumbs.breadcrumbs = this.elementBreadcrumbOptions;
-    this.elementBreadcrumbs.breadcrumbSelected.subscribe((breadcrumb: LfBreadcrumb) => {
-      this.onElementBreadcrumbSelected(breadcrumb);
-    });
-  }
-
   onElementBreadcrumbSelected(breadcrumb: LfBreadcrumb) {
     this.selectedElementBreadcrumb = JSON.stringify(breadcrumb, null, 2);
   }
diff --git a/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.spec.ts b/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.spec.ts
index 476a45c5..974eb9bf 100644
--- a/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.spec.ts
@@ -16,10 +16,9 @@ describe('LfFieldTemplateContainerDocumentationComponent', () => {
     }).compileComponents();
   });
 
-  beforeEach(() => {
+  beforeEach(async () => {
     fixture = TestBed.createComponent(LfFieldTemplateContainerDocumentationComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
   });
 
   it('should create', () => {
diff --git a/projects/ui-components/internal-shared/validation-utils.ts b/projects/ui-components/internal-shared/validation-utils.ts
index 4cffffb0..f0e4464b 100644
--- a/projects/ui-components/internal-shared/validation-utils.ts
+++ b/projects/ui-components/internal-shared/validation-utils.ts
@@ -71,7 +71,7 @@ export class ValidationUtils {
             const validationFailedExplanation = {
                 ['required']: { value: control.value },
             };
-            if (!control.value) {
+            if (control.value == null || control.value === '') {
                 return validationFailedExplanation;
             }
             const isEmptyString = LfMetadataValidationUtils.isNullOrEmpty(control.value.toString());
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.spec.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.spec.ts
index 600b6b01..ceb0567a 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.spec.ts
@@ -204,7 +204,6 @@ describe('NumberFieldComponent', () => {
 
   it('should serialize number (- => 0)', async () => {
     numberComponent.setLfFieldFormControlValue('-');
-    expect(numberComponent.getLfFieldFormControlValue()).toEqual('-');
     numberComponent.onValueChanged();
     expect(numberComponent.lf_field_value).toEqual('0');
     expect(numberComponent.getLfFieldFormControlValue()).toEqual('0');
@@ -261,7 +260,7 @@ describe('NumberFieldComponent', () => {
     numberComponent.setLfFieldFormControlValue('400.0');
     numberComponent.onValueChanged();
     expect(numberComponent.lf_field_value).toEqual('400');
-    expect(numberComponent.getLfFieldFormControlValue()).toEqual('400.0');
+    expect(numberComponent.getLfFieldFormControlValue()).toEqual('400');
     let value: string | undefined;
     numberComponent.fieldValidationErrorMsg.subscribe((val) => {
       value = val;
@@ -295,10 +294,8 @@ describe('NumberFieldComponent', () => {
 
   it('should return empty string lfFieldValue if value is not a number', async () => {
     numberComponent.setLfFieldFormControlValue('asdf');
-    expect(numberComponent.lf_field_value).toEqual('asdf');
     numberComponent.onValueChanged();
     expect(numberComponent.lf_field_value).toEqual('');
-    expect(numberComponent.getLfFieldFormControlValue()).toEqual('');
     const expectedError = numberComponent.localizationService.getString("REQUIRED_FIELD_IS_EMPTY");
     let value: string | undefined;
     numberComponent.fieldValidationErrorMsg.subscribe((val) => {
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.ts
index f383f302..81fb44dd 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.ts
@@ -59,8 +59,25 @@ export class NumberFieldComponent extends BaseFieldDirective implements OnInit,
   }
 
   protected override fieldOnValueChanged(): void {
-    const currentValue = this.lf_field_form_control.value;
-    this.lf_field_form_control.setValue(currentValue ?? '');
+    if (this.lf_field_info.fieldType === FieldType.Number) {
+      this.lf_field_form_control.setValue('');
+    } else {
+      const currentValue = this.lf_field_form_control.value;
+      this.lf_field_form_control.setValue(currentValue ?? '');
+    }
+  }
+
+  override onValueChanged(emitEvent: boolean = true) {
+    const rawValue = this.lf_field_form_control.value;
+    if (typeof rawValue === 'number' && isNaN(rawValue)) {
+      this.setLfFieldFormControlValue('0');
+      this.lf_field_value = '0';
+      if (emitEvent) {
+        this.fieldValueChange.emit(this.lf_field_value);
+      }
+      return;
+    }
+    super.onValueChanged(emitEvent);
   }
 
 
@@ -109,9 +126,17 @@ export class NumberFieldComponent extends BaseFieldDirective implements OnInit,
     }
   }
 
+  override getLfFieldFormControlValue(): string {
+    const value = this.lf_field_form_control.value;
+    if (value == null || value === '') return '';
+    if (typeof value === 'number' && isNaN(value)) return '';
+    return String(value);
+  }
+
   serializeFieldFormControlValue(): string {
+    const rawValue = this.lf_field_form_control.value;
     const currentValue = this.getLfFieldFormControlValue();
-    if (currentValue === '-') {
+    if (currentValue === '-' || (typeof rawValue === 'number' && isNaN(rawValue))) {
       this.setLfFieldFormControlValue('0');
       return '0';
     }
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/time-field/time-field.component.spec.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/time-field/time-field.component.spec.ts
index e2eba3dc..17fb6789 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/time-field/time-field.component.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/time-field/time-field.component.spec.ts
@@ -64,18 +64,20 @@ describe('TimeFieldComponent', () => {
     }).compileComponents();
   });
 
-  beforeEach(() => {
+  beforeEach(async () => {
     requiredTimeFixture = TestBed.createComponent(TimeFieldComponent);
     requiredTimeComponent = requiredTimeFixture.componentInstance;
     requiredTimeComponent.lf_field_info = requiredTime;
     requiredTimeComponent.lf_field_form_control = new FormControl();
-    requiredTimeFixture.detectChanges();
+    requiredTimeFixture.autoDetectChanges();
+    await requiredTimeFixture.whenStable();
 
     optionalTimeFixture = TestBed.createComponent(TimeFieldComponent);
     optionalTimeComponent = optionalTimeFixture.componentInstance;
     optionalTimeComponent.lf_field_info = optionalTime;
     optionalTimeComponent.lf_field_form_control = new FormControl();
-    optionalTimeFixture.detectChanges();
+    optionalTimeFixture.autoDetectChanges();
+    await optionalTimeFixture.whenStable();
   });
 
   it('should create required Time field', () => {
@@ -122,7 +124,7 @@ describe('TimeFieldComponent', () => {
 
     // act
     requiredTimeComponent.setLfFieldFormControlValue(valueBadPattern);
-    requiredTimeFixture.detectChanges();
+    await requiredTimeFixture.whenStable();
 
     // assert
     const expectedBrokenRule = ValidationRule.TIME;
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.spec.ts b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.spec.ts
index ca35e5b1..565a01b0 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.spec.ts
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.spec.ts
@@ -133,8 +133,7 @@ describe('LfFieldAddRemoveComponent', () => {
     checkbox.click();
     fixture.detectChanges();
 
-    // Act
-    component.onClickBack();
+    // Act - simulate confirming "yes" in the dialog (apply changes)
     component.onClickApply();
 
     // Assert
@@ -151,8 +150,7 @@ describe('LfFieldAddRemoveComponent', () => {
     checkbox.click();
     fixture.detectChanges();
 
-    // Act
-    component.onClickBack();
+    // Act - simulate confirming "no" in the dialog (discard changes)
     component.onConfirmNo();
 
     // Assert
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.spec.ts b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.spec.ts
index 029bf7d6..07245037 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.spec.ts
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.spec.ts
@@ -1,7 +1,7 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { ComponentFixture, fakeAsync, flush, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { FieldType } from '@laserfiche/lf-ui-components/shared';
@@ -92,11 +92,11 @@ describe('LfFieldAdhocContainerComponent', () => {
     expect(expected).toEqual([initialFieldInfo]);
   });
 
-  it('should update selectedFieldValues when checkbox changed',  fakeAsync( async () => {
+  it('should update selectedFieldValues when checkbox changed',  async () => {
     // Arrange
     const addRemoveButton = element.querySelector('#adhoc-add-remove-button') as HTMLButtonElement;
     addRemoveButton.click();
-    flush();
+    await fixture.whenStable();
     component.addRemoveComponent.ref.detectChanges();
 
     // Act
@@ -105,7 +105,7 @@ describe('LfFieldAdhocContainerComponent', () => {
      fixture.detectChanges();
     const applyButton = element.querySelector('#adhoc-apply-button') as HTMLButtonElement;
      applyButton.click();
-    flush();
+    await fixture.whenStable();
 
     // Assert
     expect(component.getFieldValues()).toEqual({
@@ -124,20 +124,20 @@ describe('LfFieldAdhocContainerComponent', () => {
         ],
       },
     });
-  }));
+  });
 
-  it('should be invalid when one of fields is invalid', fakeAsync( async () => {
+  it('should be invalid when one of fields is invalid', async () => {
     // Arrange
     const addRemoveButton = element.querySelector('#adhoc-add-remove-button') as HTMLButtonElement;
     addRemoveButton.click();
-    flush();
+    await fixture.whenStable();
     component.addRemoveComponent.ref.detectChanges();
 
     // Act
     const fieldCheckboxes = element.querySelectorAll('.mdc-checkbox__native-control') as any;
     const requiredField = fieldCheckboxes[1];
     requiredField.click();
-    flush();
+    await fixture.whenStable();
     component.addRemoveComponent.ref.detectChanges();
 
     component.onClickBackAsync();
@@ -145,7 +145,7 @@ describe('LfFieldAdhocContainerComponent', () => {
 
     // Assert (required field is blank)
     expect(component.forceValidation()).toBe(false);
-  }));
+  });
 
   it('should getMappedFieldValues with valid input', async () => {
     // Arrange
diff --git a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.spec.ts b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.spec.ts
index 271c3449..f140948a 100644
--- a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.spec.ts
+++ b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.spec.ts
@@ -34,6 +34,7 @@ describe('LfFieldTemplateContainerComponent', () => {
     fixture = TestBed.createComponent(LfFieldTemplateContainerComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
+    await fixture.whenStable();
     templateService = new LfFieldTemplateContainerDemoService();
     await component.initAsync({ templateFieldContainerService: templateService });
   });
diff --git a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.ts b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.ts
index bb912a2d..e159ee3f 100644
--- a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.ts
+++ b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.ts
@@ -116,8 +116,10 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
       'templateFieldContainerService',
     );
     await this.selectTemplateAsync(templateIdentifier);
-    await this.updateTemplateFieldsAsync();
-    this.ref.detectChanges();
+    if (this.templateSelected) {
+      await this.updateTemplateFieldsAsync();
+    }
+    this.ref.markForCheck();
   };
 
   @Input()
@@ -194,7 +196,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
 
   /** @internal */
   async renderFieldsAsync(fieldInfos: (TemplateFieldInfo | LfFieldInfo)[]): Promise<void> {
-    if (this.templateState === TemplateState.SHOW_TEMPLATE) {
+    if (this.templateState === TemplateState.SHOW_TEMPLATE && this.lfFieldView) {
       const vf = this.lfFieldView.viewContainerRef;
       vf.clear();
       this.componentRefs = [];
@@ -327,7 +329,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
         this.dropdownState = DropDownState.HAS_ERROR;
         this.templateSelected = undefined;
         this.templateState = TemplateState.DEFAULT;
-        this.ref.detectChanges();
+        this.ref.markForCheck();
         console.error('getAvailableTemplatesAsync', err);
       }
     }
@@ -350,6 +352,10 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
         this.templateSelected = (await this.templateFieldContainerService.getTemplateDefinitionAsync(
           id,
         )) as TemplateInfo;
+        if (!this.templateSelected) {
+          this.templateState = TemplateState.DEFAULT;
+          return;
+        }
         if (!this.loadedTemplates && this.templateSelected) {
           this.availableTemplates = [this.templateSelected];
         }
@@ -440,7 +446,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
         console.error(consoleErrMsg);
         this.templateState = TemplateState.HAS_ERROR;
       } finally {
-        this.ref.detectChanges();
+        this.ref.markForCheck();
       }
     }
   }
@@ -585,7 +591,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
   private async getDynamicFieldValueOptionsAsync(indexChanged: number): Promise<{ [fieldId: number]: string[] }> {
     const relevantValues: FieldValues = this.getRelevantValuesForIndex(indexChanged);
     if (!this.templateSelected?.id) {
-      throw new Error('Unexpected: templateSelected is undefined');
+      return {};
     }
     this.templateState = TemplateState.LOADING;
     const dynamicFieldValueOptions = await this.templateFieldContainerService.getDynamicFieldValueOptionsAsync(
@@ -593,7 +599,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
       relevantValues,
     );
     this.templateState = TemplateState.SHOW_TEMPLATE;
-    this.ref.detectChanges();
+    this.ref.markForCheck();
     return dynamicFieldValueOptions;
   }
 
diff --git a/projects/ui-components/lf-repository-browser/lf-repository-browser.component.spec.ts b/projects/ui-components/lf-repository-browser/lf-repository-browser.component.spec.ts
index b8d49363..18e61716 100644
--- a/projects/ui-components/lf-repository-browser/lf-repository-browser.component.spec.ts
+++ b/projects/ui-components/lf-repository-browser/lf-repository-browser.component.spec.ts
@@ -21,6 +21,7 @@ import { ColumnDef, LfSelectionListComponent } from '@laserfiche/lf-ui-component
   selector: 'lf-selection-list-component',
   template: '',
   standalone: true,
+  providers: [{ provide: LfSelectionListComponent, useExisting: MockLfSelectionListComponent }],
 })
 class MockLfSelectionListComponent {
   @Input() uniqueIdentifier: string | undefined;
diff --git a/projects/ui-components/lf-selection-list/lf-selection-list.component.html b/projects/ui-components/lf-selection-list/lf-selection-list.component.html
index 31a2bf07..e4cb3d4d 100644
--- a/projects/ui-components/lf-selection-list/lf-selection-list.component.html
+++ b/projects/ui-components/lf-selection-list/lf-selection-list.component.html
@@ -16,7 +16,6 @@
     class="lf-table-selection-list"
     matSort
     (matSortChange)="sortData($event)"
-    multiTemplateDataRows="true"
     >
     @for (column of allColumnDefs; track column; let i = $index) {
       <ng-container [matColumnDef]="column.id">
@@ -109,13 +108,8 @@
     ></tr>
 
     <tr
-      [style.height.px]="placeholderHeight"
       mat-row
-      *matRowDef="let row; let index = index; columns: []; when: placeholderWhen"
-    ></tr>
-    <tr
-      mat-row
-      *matRowDef="let row; let i = dataIndex; columns: allColumnHeaders"
+      *matRowDef="let row; let i = index; columns: allColumnHeaders"
       [tabindex]="i === currentFocusIndex ? 0 : -1"
       class="item-holder"
       [ngStyle]="{
diff --git a/projects/ui-components/lf-selection-list/lf-selection-list.component.spec.ts b/projects/ui-components/lf-selection-list/lf-selection-list.component.spec.ts
index 99c6d23f..04529858 100644
--- a/projects/ui-components/lf-selection-list/lf-selection-list.component.spec.ts
+++ b/projects/ui-components/lf-selection-list/lf-selection-list.component.spec.ts
@@ -4,7 +4,7 @@
 import { ScrollingModule } from '@angular/cdk/scrolling';
 import { CommonModule } from '@angular/common';
 import { Component, Directive, EventEmitter,  Input,  Output,  ViewChild } from '@angular/core';
-import { ComponentFixture, fakeAsync, flush, TestBed, tick } from '@angular/core/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatSortModule } from '@angular/material/sort';
 import { MatTableModule } from '@angular/material/table';
@@ -54,6 +54,7 @@ const itemList: ILfSelectable[] = [
       (itemSelected)="onitemSelected($event)"
       (itemDoubleClicked)="onItemDoubleClicked($event)"
       [columns]="cols"
+      [alwaysShowHeader]="alwaysShowHeader"
       [uniqueIdentifier]="uniqueIdentifier"
       ></lf-selection-list-component>
   </div>`,
@@ -71,6 +72,7 @@ export class LfListTestComponent {
   doubleClickedItem?: ItemWithId;
   uniqueIdentifier: string = 'test-browser';
   cols: ColumnDef[] = [name];
+  alwaysShowHeader?: boolean;
 
   onScroll(event: any) {
     this.hasScrolled = true;
@@ -97,10 +99,15 @@ describe('LfListComponent single select', () => {
   let component: LfListTestComponent;
   let fixture: ComponentFixture<LfListTestComponent>;
 
-  function setupRepoBrowserWithColumns( columns: ColumnDef[]) {
-    // Act
+  async function waitForRender() {
+    fixture.autoDetectChanges();
+    await new Promise(resolve => setTimeout(resolve, 100));
+    await fixture.whenStable();
+  }
+
+  async function setupRepoBrowserWithColumns( columns: ColumnDef[]) {
     component.cols = columns;
-    fixture.detectChanges();
+    await waitForRender();
   }
 
   beforeEach(async () => {
@@ -119,28 +126,28 @@ describe('LfListComponent single select', () => {
     .compileComponents();
   });
 
-  beforeEach(fakeAsync(() => {
+  beforeEach(async () => {
     fixture = TestBed.createComponent(LfListTestComponent);
     component = fixture.componentInstance;
-    fixture.autoDetectChanges();
     component.items = itemList;
-    fixture.detectChanges();
-    flush(); // Need to add this so we can allow the list to render
-  }));
+  });
 
-  it('should create', () => {
+  it('should create', async () => {
+    await waitForRender();
     expect(component).toBeTruthy();
   });
 
-  it('should emit the itemSelected event when a selectable list item is clicked', fakeAsync(() => {
+  it('should emit the itemSelected event when a selectable list item is clicked', async () => {
+    await waitForRender();
     const element = fixture.nativeElement;
     element.querySelector('#lf-row-0').click();
-    flush();
+    await fixture.whenStable();
     expect(component.selectedEvent?.selected).toEqual(itemList[0]);
     expect(component.selectedEvent?.selectedItems).toEqual([itemList[0]]);
-  }));
+  });
 
-  it('should emit the itemDoubleClicked event when a selectable list item is clicked', fakeAsync(() => {
+  it('should emit the itemDoubleClicked event when a selectable list item is clicked', async () => {
+    await waitForRender();
     const element = fixture.nativeElement;
     const clickEvent = new MouseEvent('dblclick', {
       'view': window,
@@ -148,14 +155,13 @@ describe('LfListComponent single select', () => {
       'cancelable': true
     });
     element.querySelector('#lf-row-0').dispatchEvent(clickEvent);
-    flush();
+    await fixture.whenStable();
     expect(component.doubleClickedItem).toEqual(itemList[0].value);
-  }));
+  });
 
   describe('columns support', () => {
-    it('should be able to set columns', fakeAsync(() => {
-      setupRepoBrowserWithColumns([name, create]);
-      flush();
+    it('should be able to set columns', async () => {
+      await setupRepoBrowserWithColumns([name, create]);
 
       const trEls = Array.from(
         document.getElementsByClassName('mat-mdc-header-row')
@@ -165,12 +171,11 @@ describe('LfListComponent single select', () => {
         trEl.getElementsByClassName('mat-mdc-header-cell')
       );
       expect(thEls.length).toBe(2);
-    }));
+    });
 
-    it('can set column initial width', fakeAsync(async () => {
+    it('can set column initial width', async () => {
       // Act
-      setupRepoBrowserWithColumns([name, create]);
-      flush();
+      await setupRepoBrowserWithColumns([name, create]);
 
       const trEls = Array.from(
         document.getElementsByClassName('mat-mdc-header-row')
@@ -179,14 +184,14 @@ describe('LfListComponent single select', () => {
       const createDateWidth = parseFloat(create.defaultWidth) / 100 * component.containerWidth + 'px';
       const createDateActualWidth = trEl.style.gridTemplateColumns.split(' ')[1];
       expect(createDateWidth).toBe(createDateActualWidth);
-    }));
+    });
 
-    it('if attempt to resize, write in localstorage the new width in pixel', fakeAsync(async () => {
+    it('if attempt to resize, write in localstorage the new width in pixel', async () => {
       // Arrange
-      setupRepoBrowserWithColumns([name, create]);
+      await setupRepoBrowserWithColumns([name, create]);
       const newNameWidth = 200;
       component.list!.onColumnWidthChanges(newNameWidth, 0);
-      flush();
+      await fixture.whenStable();
 
 
       const nameColEl = document.getElementsByClassName('mat-column-name')[0] as HTMLDivElement;
@@ -194,9 +199,9 @@ describe('LfListComponent single select', () => {
       expect(nameColWidth).toBe(newNameWidth);
       const storedItem : RepositoryBrowserData = JSON.parse(localStorage.getItem(component.uniqueIdentifier) ?? '{}');
       expect(storedItem.columns['name']).toBe(newNameWidth+'px');
-    }));
+    });
 
-    it('initialize the columns to have the same size with localstorage data', fakeAsync(async () => {
+    it('initialize the columns to have the same size with localstorage data', async () => {
 
       // Arrange
       const customNameColumnWidth = '300px';
@@ -209,8 +214,7 @@ describe('LfListComponent single select', () => {
       };
       localStorage.setItem(component.uniqueIdentifier, JSON.stringify(initialData));
       // Act
-      setupRepoBrowserWithColumns([name, create]);
-      flush();
+      await setupRepoBrowserWithColumns([name, create]);
 
       // Assert
       const trEls = Array.from(
@@ -220,64 +224,58 @@ describe('LfListComponent single select', () => {
       const gridTemplateColumnsWidth = `${customNameColumnWidth} ${customCreateDateWidth}`;
       expect(trEl.style.gridTemplateColumns).toBe(gridTemplateColumnsWidth);
       localStorage.clear();
-    }));
+    });
 
-    it('sortData sets columnOrderBy and emits refreshData event', fakeAsync(async () => {
+    it('sortData sets columnOrderBy and emits refreshData event', async () => {
 
       // Arrange
-      setupRepoBrowserWithColumns([name, create]);
-      flush();
+      await setupRepoBrowserWithColumns([name, create]);
 
       vi.spyOn(component.list!.refreshData, 'emit');
 
       fixture.debugElement.query(By.css('.mat-sort-header-arrow')).nativeElement.click();
-      fixture.detectChanges();
+      await waitForRender();
       // @ts-ignore
       expect(component.list!._columnOrderBy).toEqual({ columnId: 'name', isDesc: false });
       expect(component.list!.refreshData.emit).toHaveBeenCalled();
-    }));
+    });
 
-    it('if alwaysShowHeader is set to true, header is not hidden', fakeAsync(() => {
+    it('if alwaysShowHeader is set to true, header is not hidden', async () => {
       // Arrange
-      component.list!.alwaysShowHeader = true; // has to be called first
-      setupRepoBrowserWithColumns([create]);
-      fixture.detectChanges();
-      flush();
+      component.alwaysShowHeader = true;
+      await setupRepoBrowserWithColumns([create]);
 
       // Assert
       const headerHidden = document.getElementsByClassName('lf-hidden-column-header')[0];
       expect(headerHidden).toBeUndefined();
-    }));
+    });
 
-    it('if alwaysShowHeader is set to false, header is not hidden even if there are more than one column', fakeAsync(() => {
+    it('if alwaysShowHeader is set to false, header is not hidden even if there are more than one column', async () => {
       // Arrange
-      component.list!.alwaysShowHeader = false;
-      setupRepoBrowserWithColumns([name, create]);
-      fixture.detectChanges();
-      flush();
+      component.alwaysShowHeader = false;
+      await setupRepoBrowserWithColumns([name, create]);
 
       // Assert
       const headerHidden = document.getElementsByClassName('lf-hidden-column-header')[0];
       expect(headerHidden).toBeUndefined();
-    }));
+    });
 
 
-    it('if alwaysShowHeader is set to false, header is hidden if there is only one column', fakeAsync(() => {
+    it('if alwaysShowHeader is set to false, header is hidden if there is only one column', async () => {
       // Arrange
-      component.list!.alwaysShowHeader = false;
-      setupRepoBrowserWithColumns([create]);
-      fixture.detectChanges();
-      flush();
+      component.alwaysShowHeader = false;
+      await setupRepoBrowserWithColumns([create]);
 
       // Assert
       const headerHidden = document.getElementsByClassName('lf-hidden-column-header')[0];
       expect(headerHidden).toBeTruthy();
-    }));
+    });
 
   });
 
   describe('keydown interactions', () => {
-    it('should emit itemSelected when space bar is pressed', fakeAsync(() => {
+    it('should emit itemSelected when space bar is pressed', async () => {
+      await waitForRender();
       const element = fixture.nativeElement;
       const keyboardEvent = new KeyboardEvent('keydown', {
         'key': ' ',
@@ -286,12 +284,13 @@ describe('LfListComponent single select', () => {
         'cancelable': true
       });
       element.querySelector('#lf-row-0').dispatchEvent(keyboardEvent);
-      flush();
+      await fixture.whenStable();
       expect(component.selectedEvent?.selected).toEqual(itemList[0]);
       expect(component.selectedEvent?.selectedItems).toEqual([itemList[0]]);
-    }));
+    });
 
-    it('should emit itemDoubleClicked when enter key is pressed', fakeAsync(() => {
+    it('should emit itemDoubleClicked when enter key is pressed', async () => {
+      await waitForRender();
       const element = fixture.nativeElement;
       const keyboardEvent = new KeyboardEvent('keydown', {
         'key': 'Enter',
@@ -300,13 +299,14 @@ describe('LfListComponent single select', () => {
         'cancelable': true
       });
       element.querySelector('#lf-row-0').dispatchEvent(keyboardEvent);
-      flush();
+      await fixture.whenStable();
       expect(component.doubleClickedItem).toEqual(itemList[0].value);
       expect(component.selectedEvent?.selected).toEqual(itemList[0]);
       expect(component.selectedEvent?.selectedItems).toEqual([itemList[0]]);
-    }));
+    });
 
-    it('should emit itemSelected when ArrowUp is pressed with shift key', fakeAsync(() => {
+    it('should emit itemSelected when ArrowUp is pressed with shift key', async () => {
+      await waitForRender();
       const element = fixture.nativeElement;
       const keyboardEvent = new KeyboardEvent('keydown', {
         'key': 'ArrowUp',
@@ -316,12 +316,13 @@ describe('LfListComponent single select', () => {
         'cancelable': true
       });
       element.querySelector('#lf-row-0').dispatchEvent(keyboardEvent);
-      flush();
+      await fixture.whenStable();
       expect(component.selectedEvent?.selected).toEqual(itemList[0]);
       expect(component.selectedEvent?.selectedItems).toEqual([itemList[0]]);
-    }));
+    });
 
-    it('should emit itemSelected when ArrowDown is pressed with shift key', fakeAsync(() => {
+    it('should emit itemSelected when ArrowDown is pressed with shift key', async () => {
+      await waitForRender();
       const element = fixture.nativeElement;
       const keyboardEvent = new KeyboardEvent('keydown', {
         'key': 'ArrowDown',
@@ -331,32 +332,34 @@ describe('LfListComponent single select', () => {
         'cancelable': true
       });
       element.querySelector('#lf-row-0').dispatchEvent(keyboardEvent);
-      flush();
+      await fixture.whenStable();
       expect(component.selectedEvent?.selected).toEqual(itemList[0]);
       expect(component.selectedEvent?.selectedItems).toEqual([itemList[0]]);
-    }));
+    });
   });
 
-  // it('should dispatch a scrollChanged when the user scrolls to the end of the viewport', fakeAsync(() => {
+  // it('should dispatch a scrollChanged when the user scrolls to the end of the viewport', async () => {
   //   const element = fixture.nativeElement;
   //   element.querySelector('#lf-list-viewport').dispatchEvent(new Event('scroll'));
   //   tick();
   //   expect(component.hasScrolled).toBe(true);
-  // }));
+  // });
 
   describe('focus', () => {
-    it('should focus the first list time when focus is called', fakeAsync(() => {
+    it('should focus the first list time when focus is called', async () => {
+      await waitForRender();
       // Arrange
       const focusItem = fixture.nativeElement.querySelector('#lf-row-0.item-holder');
       // Act
       component.list?.focus();
-      flush();
+      await fixture.whenStable();
 
       // Assert
       expect(document.activeElement).toEqual(focusItem);
-    }));
+    });
 
-    it('should be able to move the focus with the arrow keys', fakeAsync(() => {
+    it('should be able to move the focus with the arrow keys', async () => {
+      await waitForRender();
       // Arrange
       const firstFocusItem = fixture.nativeElement.querySelector('#lf-row-1.item-holder');
       const secondFocusItem = fixture.nativeElement.querySelector('#lf-row-0.item-holder');
@@ -376,21 +379,21 @@ describe('LfListComponent single select', () => {
         'cancelable': true
       });
       component.list?.focus();
-      flush();
+      await fixture.whenStable();
 
       // Act
       listElement.dispatchEvent(downEvent);
-      flush();
+      await fixture.whenStable();
       expect(document.activeElement).toEqual(firstFocusItem);
       // @ts-ignore
       expect(component.list?.currentFocusIndex).toBe(1);
 
       // Act again
       listElement.dispatchEvent(upEvent);
-      flush();
+      await fixture.whenStable();
       expect(document.activeElement).toEqual(secondFocusItem);
       // @ts-ignore
       expect(component.list?.currentFocusIndex).toBe(0);
-    }));
+    });
   });
 });
diff --git a/projects/ui-components/lf-selection-list/lf-selection-list.component.ts b/projects/ui-components/lf-selection-list/lf-selection-list.component.ts
index d9a59449..9a26aad8 100644
--- a/projects/ui-components/lf-selection-list/lf-selection-list.component.ts
+++ b/projects/ui-components/lf-selection-list/lf-selection-list.component.ts
@@ -198,7 +198,7 @@ export class LfSelectionListComponent implements AfterViewInit, OnDestroy {
       this.scrollChanged.emit();
     });
     const dataOffsetSub = this.dataSource.offsetChange.subscribe((offset) => {
-      this.placeholderHeight = offset;
+      this.viewport?.setRenderedContentOffset(offset);
     });
     this.allSubscriptions?.add(dataSourceSub);
     this.allSubscriptions?.add(dataOffsetSub);
diff --git a/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.html b/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.html
index 4831915b..0645e211 100644
--- a/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.html
+++ b/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.html
@@ -2,11 +2,10 @@
 Licensed under the MIT License. See LICENSE in the project root for license information.-->
 
 <label for="image-upload" class="lf-text-label"
-  >{{ localizedStrings.ATTACH_IMAGE | async }} ({{ localizedStrings.OPTIONAL | async }})</label
+  >{{ localizedStrings.ATTACH_IMAGE }} ({{ localizedStrings.OPTIONAL }})</label
   >
   <div (drop)="dropHandler($event)" (dragover)="dragOverHandler($event)">
-    @if (!(showLoader || imageUploaded)) {
-      <div id="image-upload" class="file-drop-zone">
+      <div id="image-upload" class="file-drop-zone" [hidden]="showLoader || imageUploaded">
         <input
           id="browseFileInput"
           type="file"
@@ -19,31 +18,26 @@
           <div id="file-upload-area">
             <span id="upload-icon" class="material-icons"> file_upload </span>
             <label for="uploadFile">
-              <button class="sec-button lf-button" (click)="onInputClickArea()">{{ localizedStrings.BROWSE | async }}</button>
+              <button class="sec-button lf-button" (click)="onInputClickArea()">{{ localizedStrings.BROWSE }}</button>
             </label>
-            <div class="file-upload-sub-text lf-text-body">{{ localizedStrings.OR | async }}</div>
-            <div class="file-upload-sub-text lf-text-body">{{ localizedStrings.DRAG_DROP_FILE | async }}</div>
+            <div class="file-upload-sub-text lf-text-body">{{ localizedStrings.OR }}</div>
+            <div class="file-upload-sub-text lf-text-body">{{ localizedStrings.DRAG_DROP_FILE }}</div>
           </div>
         </div>
-      } @else {
-        <div class="picked-file-zone">
-          @if (imageUploaded) {
-            <div class="selected-file-info">
+        <div class="picked-file-zone" [hidden]="!(showLoader || imageUploaded)">
+          <div class="selected-file-info" [hidden]="!imageUploaded">
               <div class="image-preview">
                 <img [src]="imageUploaded?.rawBase64" style="max-width: 100%; max-height: 100%; object-fit: contain" />
               </div>
               <div id="uploaded-file-name" class="lf-text-body" title="{{ imageUploaded?.name }}">
                 {{ imageUploaded?.name }}
               </div>
-              <button class="lf-close-button" title="{{ localizedStrings.REMOVE | async }}" (click)="removeImage()">
+              <button class="lf-close-button" title="{{ localizedStrings.REMOVE }}" (click)="removeImage()">
                 <span class="material-icons-outlined"> close </span>
               </button>
-            </div>
-          } @else {
-            <div class="loader-wrapper">
+          </div>
+          <div class="loader-wrapper" [hidden]="!!imageUploaded">
               <lf-loader-component></lf-loader-component>
-            </div>
-          }
+          </div>
         </div>
-      }
     </div>
diff --git a/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.spec.ts b/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.spec.ts
index 829fe50b..f310fac3 100644
--- a/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.spec.ts
+++ b/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.spec.ts
@@ -35,7 +35,8 @@ describe('FeedbackImageUploadComponent', () => {
 
     fixture = TestBed.createComponent(FeedbackImageUploadComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    fixture.autoDetectChanges();
+    await fixture.whenStable();
   });
 
   it('should create', () => {
@@ -51,10 +52,10 @@ describe('FeedbackImageUploadComponent', () => {
     expect(fileDropZone.length).toBe(1);
   });
 
-  it('if there is image attached, should show the picked file zone', () => {
+  it('if there is image attached, should show the picked file zone', async () => {
     // Act
     component.imageUploaded = {name: 'test.png', rawBase64: ''};
-    fixture.detectChanges();
+    await fixture.whenStable();
 
     // Assert
     const fileDropZone = document.getElementsByClassName('picked-file-zone');
@@ -70,7 +71,6 @@ describe('FeedbackImageUploadComponent', () => {
     // Act
     // @ts-ignore
     const success = await component.tryReadAndValidateImageAsync(file);
-    fixture.detectChanges();
 
     // Assert
     expect(success).toBe(true);
@@ -87,7 +87,6 @@ describe('FeedbackImageUploadComponent', () => {
     // Act
     // @ts-ignore
     await component.tryReadAndValidateImageAsync(file);
-    fixture.detectChanges();
 
     // Assert
     expect(component.imageUploadError.emit).toHaveBeenCalledWith(
@@ -105,7 +104,6 @@ describe('FeedbackImageUploadComponent', () => {
     // Act
     // @ts-ignore
     await component.tryReadAndValidateImageAsync(file);
-    fixture.detectChanges();
 
     // Assert
     expect(component.imageUploadError.emit).toHaveBeenCalledWith(
@@ -114,7 +112,7 @@ describe('FeedbackImageUploadComponent', () => {
     expect(component.imageUploaded).toBeUndefined();
   });
 
-  it('if multiple images are dropped to the file drop zone, should emit warning', () => {
+  it('if multiple images are dropped to the file drop zone, should emit warning', async () => {
     const file1 = new File([''], 'dummy1.png');
     const file2 = new File([''], 'dummy2.png');
     const dataTransfer = new DataTransfer();
@@ -127,13 +125,13 @@ describe('FeedbackImageUploadComponent', () => {
     vi.spyOn(component.imageUploadError, 'emit');
 
     component.dropHandler(event);
-    fixture.detectChanges();
+    await fixture.whenStable();
     // @ts-ignore
     expect(component.tryReadAndValidateImageAsync).not.toHaveBeenCalled();
     expect(component.imageUploadError.emit).toHaveBeenCalledWith('IMAGE_NOT_ATTACHED PLEASE_ATTACH_ONLY_ONE_IMAGE');
   });
 
-  it('if one image is dropped to the file drop zone, should call tryReadAndValidateImageAsync', () => {
+  it('if one image is dropped to the file drop zone, should call tryReadAndValidateImageAsync', async () => {
     const file1 = new File([''], 'dummy1.png');
     const dataTransfer = new DataTransfer();
     dataTransfer.items.add(file1);
@@ -144,7 +142,7 @@ describe('FeedbackImageUploadComponent', () => {
     const event = new DragEvent('drop', { dataTransfer });
 
     component.dropHandler(event);
-    fixture.detectChanges();
+    await fixture.whenStable();
     // @ts-ignore
     expect(component.tryReadAndValidateImageAsync).toHaveBeenCalledWith(file1);
   });
@@ -158,9 +156,9 @@ describe('FeedbackImageUploadComponent', () => {
     // Act
     // @ts-ignore
     await component.tryReadAndValidateImageAsync(file);
-    fixture.detectChanges();
+    await fixture.whenStable();
     component.removeImage();
-    fixture.detectChanges();
+    await fixture.whenStable();
 
     // Assert
     expect(component.imageUploaded).toBeUndefined();
diff --git a/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.ts b/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.ts
index 94d58f5e..4a8b6e9f 100644
--- a/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.ts
+++ b/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.ts
@@ -13,8 +13,8 @@ import { AppLocalizationService, LfLoaderComponent } from '@laserfiche/lf-ui-com
     standalone: true,
     imports: [CommonModule, LfLoaderComponent]
 })
-export class FeedbackImageUploadComponent {
-  private localizationService = inject(AppLocalizationService);
+export class FeedbackImageUploadComponent {
+  private localizationService = inject(AppLocalizationService);
 
   @Output() imageUploadError: EventEmitter<string> = new EventEmitter<string>();
   @Output() feedbackImageBase64: EventEmitter<string | undefined> = new EventEmitter<string | undefined>();
@@ -30,15 +30,19 @@ export class FeedbackImageUploadComponent {
   private megabyteLimit = 3;
   private imageSizeLimitBytes: number = this.megabyteLimit * 1024 * 1024;
 
-  localizedStrings = {
-    OR: this.localizationService.getStringLaserficheObservable('OR'),
-    ATTACH_IMAGE: this.localizationService.getStringComponentsObservable('ATTACH_IMAGE'),
-    DRAG_DROP_FILE: this.localizationService.getStringLaserficheObservable('DRAG_DROP_FILE'),
-    REMOVE: this.localizationService.getStringLaserficheObservable('REMOVE'),
-    BROWSE: this.localizationService.getStringLaserficheObservable('BROWSE'),
-    OPTIONAL: this.localizationService.getStringLaserficheObservable('OPTIONAL'),
-    UNKNOWN_ERROR: this.localizationService.getStringLaserficheObservable('UNKNOWN_ERROR'),
-  };
+  localizedStrings: Record<string, string> = {};
+
+  constructor() {
+    const lfKeys = ['OR', 'DRAG_DROP_FILE', 'REMOVE', 'BROWSE', 'OPTIONAL', 'UNKNOWN_ERROR'];
+    for (const key of lfKeys) {
+      this.localizationService.getStringLaserficheObservable(key).subscribe(v => {
+        this.localizedStrings[key] = v as string;
+      });
+    }
+    this.localizationService.getStringComponentsObservable('ATTACH_IMAGE').subscribe(v => {
+      this.localizedStrings['ATTACH_IMAGE'] = v as string;
+    });
+  }
 
   async dropHandler(ev: DragEvent): Promise<void> {
     let file: File | undefined;
diff --git a/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.spec.ts b/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.spec.ts
index fe35d9c0..0e9ee393 100644
--- a/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.spec.ts
+++ b/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.spec.ts
@@ -4,6 +4,7 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { Component } from '@angular/core';
 import { FeedbackSubmissionComponent } from './feedback-submission.component';
+import { FeedbackImageUploadComponent } from '../feedback-image-upload/feedback-image-upload.component';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { By } from '@angular/platform-browser';
 import { AppLocalizationService, LfMessageToastTypes } from '@laserfiche/lf-ui-components/internal-shared';
@@ -34,7 +35,12 @@ describe('FeedbackSubmissionComponent', () => {
     await TestBed.configureTestingModule({
       imports: [MatCheckboxModule, FeedbackSubmissionComponent, MockFeedbackImageUploadComponent],
       providers: [{ provide: AppLocalizationService, useValue: localizeServiceMock }],
-    }).compileComponents();
+    })
+    .overrideComponent(FeedbackSubmissionComponent, {
+      remove: { imports: [FeedbackImageUploadComponent] },
+      add: { imports: [MockFeedbackImageUploadComponent] },
+    })
+    .compileComponents();
 
     fixture = TestBed.createComponent(FeedbackSubmissionComponent);
     component = fixture.componentInstance;
diff --git a/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.spec.ts b/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.spec.ts
index 19ecd16f..9b1cb5e8 100644
--- a/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.spec.ts
+++ b/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.spec.ts
@@ -8,6 +8,7 @@ import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatDialogModule, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { By } from '@angular/platform-browser';
 import { FeedbackSubmissionComponent } from '../feedback-submission/feedback-submission.component';
+import { FeedbackSuggestionSelectionComponent } from '../feedback-suggestion-selection/feedback-suggestion-selection.component';
 import { UserFeedbackDialogData, UserFeedbackTrackingEventType } from '../lf-user-feedback-types';
 import { UserFeedbackDialogComponent } from './user-feedback-dialog.component';
 
@@ -37,7 +38,12 @@ describe('UserFeedbackDialogComponent', () => {
         { provide: MatDialogRef, useValue: {} },
         { provide: MAT_DIALOG_DATA, useValue: {} },
       ],
-    }).compileComponents();
+    })
+    .overrideComponent(UserFeedbackDialogComponent, {
+      remove: { imports: [FeedbackSuggestionSelectionComponent] },
+      add: { imports: [MockFeedBackSuggestionSelectionComponent] },
+    })
+    .compileComponents();
   });
 
   beforeEach(() => {

From 3fe18f47810d10231eb3e774391ed2d066e2ea52 Mon Sep 17 00:00:00 2001
From: Levente Juhasz <juhasz.levente@codespring.ro>
Date: Tue, 10 Mar 2026 10:45:11 +0200
Subject: [PATCH 15/43] Add support for self-hosted repository login (#298)

* Initial commit for self-hosted repository support

* Self-hosted repository login support

* Fixing failing tests and add new unit tests for the new components

* Update dependencies

* Fixing review findings

* Update dependencies and changelog

---------

Co-authored-by: Levente Juhasz <juhasz.levente-contractor@laserfiche.com>
---
 CHANGELOG.md                                  |    5 +
 package-lock.json                             |   62 +-
 package.json                                  |   22 +-
 .../lf-login-documentation.component.html     |  768 ++++-----
 .../lf-login/lf-login.component.spec.ts       |  281 ++--
 .../lf-login/lf-login.component.ts            | 1443 ++++++++---------
 .../login-utils/cloud-login-provider.spec.ts  |  195 +++
 .../login-utils/cloud-login-provider.ts       |  104 ++
 .../lf-login/login-utils/lf-login-types.ts    |  102 +-
 .../login-utils/lf-login.service.spec.ts      |  285 ++--
 .../lf-login/login-utils/lf-login.service.ts  |  597 ++++---
 .../lf-login/login-utils/login-provider.ts    |   69 +
 .../self-hosted-login-provider.spec.ts        |  175 ++
 .../login-utils/self-hosted-login-provider.ts |   77 +
 projects/ui-components/package-lock.json      |  398 ++---
 projects/ui-components/package.json           |   22 +-
 16 files changed, 2619 insertions(+), 1986 deletions(-)
 create mode 100644 projects/ui-components/lf-login/login-utils/cloud-login-provider.spec.ts
 create mode 100644 projects/ui-components/lf-login/login-utils/cloud-login-provider.ts
 create mode 100644 projects/ui-components/lf-login/login-utils/login-provider.ts
 create mode 100644 projects/ui-components/lf-login/login-utils/self-hosted-login-provider.spec.ts
 create mode 100644 projects/ui-components/lf-login/login-utils/self-hosted-login-provider.ts

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 760737a0..3be98a37 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,10 @@
 <!--Copyright Laserfiche.
 Licensed under the MIT License. See LICENSE in the project root for license information.-->
+## 18.0.7
+
+### Features
+- Add support for self-hosted repository login functionality.
+
 ## 18.0.6
 
 ### Fixes
diff --git a/package-lock.json b/package-lock.json
index 90e25150..f4709989 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -44,19 +44,19 @@
         "yargs": "^17.7.2"
       },
       "peerDependencies": {
-        "@angular/animations": "^18.2.13",
+        "@angular/animations": "^18.2.14",
         "@angular/cdk": "^18.2.14",
-        "@angular/common": "^18.2.13",
-        "@angular/compiler": "^18.2.13",
-        "@angular/compiler-cli": "^18.2.13",
-        "@angular/core": "^18.2.13",
-        "@angular/elements": "^18.2.13",
-        "@angular/forms": "^18.2.13",
+        "@angular/common": "^18.2.14",
+        "@angular/compiler": "^18.2.14",
+        "@angular/compiler-cli": "^18.2.14",
+        "@angular/core": "^18.2.14",
+        "@angular/elements": "^18.2.14",
+        "@angular/forms": "^18.2.14",
         "@angular/material": "^18.2.14",
-        "@angular/platform-browser": "^18.2.13",
-        "@angular/platform-browser-dynamic": "^18.2.13",
-        "@angular/router": "^18.2.13",
-        "@laserfiche/lf-api-client-core": "^1.1.10",
+        "@angular/platform-browser": "^18.2.14",
+        "@angular/platform-browser-dynamic": "^18.2.14",
+        "@angular/router": "^18.2.14",
+        "@laserfiche/lf-api-client-core": "^1.1.19",
         "@laserfiche/lf-js-utils": "^4.0.13",
         "@laserfiche/lf-resource-library": "^5.0.3",
         "ngx-mask": "^18.0.4",
@@ -3889,13 +3889,13 @@
       }
     },
     "node_modules/@laserfiche/lf-api-client-core": {
-      "version": "1.1.17",
-      "resolved": "https://registry.npmjs.org/@laserfiche/lf-api-client-core/-/lf-api-client-core-1.1.17.tgz",
-      "integrity": "sha512-VpwCW9f12XHUUYBxNRyk9LfH2T4qiZAOGCKPpiMzeiC+DAvLOmnklhegtrL73TORnYhpOzWIyKoK0OlI8KXJBg==",
+      "version": "1.1.19",
+      "resolved": "https://registry.npmjs.org/@laserfiche/lf-api-client-core/-/lf-api-client-core-1.1.19.tgz",
+      "integrity": "sha512-qJw9mUfx7lakxp0f7r55g2Sa6wCUpfsapU5VhEHuoaokWp4uKsIU3Z5ZSYvqtO/qX2EVnOUDbePofYX8ncbR3g==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@laserfiche/lf-js-utils": "^4.0.12",
+        "@laserfiche/lf-js-utils": "^4.0.13",
         "jsrsasign": "^11.0.0",
         "jsrsasign-util": "^1.0.5"
       }
@@ -18323,6 +18323,38 @@
       "integrity": "sha512-YGAhaO7J5ywOXW6InXNlLmfU194F8lVgu7bRntUF3TiG8Y3nBK0x1UJJuHUP/e8IyihkjCYqhCScpSwnlaSRkQ==",
       "license": "MIT",
       "peer": true
+    },
+    "projects/ui-components": {
+      "name": "@laserfiche/lf-ui-components",
+      "version": "18.0.0",
+      "extraneous": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.3.1"
+      },
+      "peerDependencies": {
+        "@angular/animations": "^18.2.14",
+        "@angular/cdk": "^18.2.14",
+        "@angular/common": "^18.2.14",
+        "@angular/compiler": "^18.2.14",
+        "@angular/compiler-cli": "^18.2.14",
+        "@angular/core": "^18.2.14",
+        "@angular/elements": "^18.2.14",
+        "@angular/forms": "^18.2.14",
+        "@angular/material": "^18.2.14",
+        "@angular/platform-browser": "^18.2.14",
+        "@angular/platform-browser-dynamic": "^18.2.14",
+        "@angular/router": "^18.2.14",
+        "@laserfiche/lf-api-client-core": "^1.1.19",
+        "@laserfiche/lf-js-utils": "^4.0.13",
+        "@laserfiche/lf-resource-library": "^5.0.3",
+        "date-fns": "2.30",
+        "flatpickr": "^4.6.13",
+        "lodash": "^4.17.21",
+        "ngx-mask": "^18.0.4",
+        "rxjs": "^7.8.0",
+        "zone.js": "^0.14.10"
+      }
     }
   }
 }
diff --git a/package.json b/package.json
index a714257e..bcd8682c 100644
--- a/package.json
+++ b/package.json
@@ -71,19 +71,19 @@
     "yargs": "^17.7.2"
   },
   "peerDependencies": {
-    "@angular/animations": "^18.2.13",
+    "@angular/animations": "^18.2.14",
     "@angular/cdk": "^18.2.14",
-    "@angular/common": "^18.2.13",
-    "@angular/compiler": "^18.2.13",
-    "@angular/compiler-cli": "^18.2.13",
-    "@angular/core": "^18.2.13",
-    "@angular/elements": "^18.2.13",
-    "@angular/forms": "^18.2.13",
+    "@angular/common": "^18.2.14",
+    "@angular/compiler": "^18.2.14",
+    "@angular/compiler-cli": "^18.2.14",
+    "@angular/core": "^18.2.14",
+    "@angular/elements": "^18.2.14",
+    "@angular/forms": "^18.2.14",
     "@angular/material": "^18.2.14",
-    "@angular/platform-browser": "^18.2.13",
-    "@angular/platform-browser-dynamic": "^18.2.13",
-    "@angular/router": "^18.2.13",
-    "@laserfiche/lf-api-client-core": "^1.1.10",
+    "@angular/platform-browser": "^18.2.14",
+    "@angular/platform-browser-dynamic": "^18.2.14",
+    "@angular/router": "^18.2.14",
+    "@laserfiche/lf-api-client-core": "^1.1.19",
     "@laserfiche/lf-js-utils": "^4.0.13",
     "@laserfiche/lf-resource-library": "^5.0.3",
     "ngx-mask": "^18.0.4",
diff --git a/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.html b/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.html
index dab61993..f5373391 100644
--- a/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.html
+++ b/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.html
@@ -1,372 +1,396 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<p class="documentation-title">LfLogin</p>
-<b> **Note: Please review Security Considerations on this page** </b>
-
-<p class="documentation-header">Overview</p>
-<div class="documentation-text">
-  Web Component to login to Laserfiche using OAuth
-  <ul>
-    <li>App must be registered in the <a href="https://app.laserfiche.com/devconsole/">Laserfiche dev console</a>.</li>
-    <li>The application must be registered as a Single Page Application (SPA)</li>
-  </ul>
-</div>
-<p class="documentation-text">
-  There are two versions of the login component. You can change the UI by changing the `mode` attribute.
-</p>
-<ul>
-  <li>
-    In order for the component to work properly, the page the redirect_uri points to should have a login component on it
-    OR you should call handleRedirectURICallbackAsync with the url that the redirect_uri receives containing the
-    authorization code or error.
-  </li>
-</ul>
-<p class="documentation-header">Use Case</p>
-<p class="documentation-text">Logging into Laserfiche</p>
-<p class="documentation-header">Security Considerations</p>
-<ul class="documentation-text">
-  <li>
-    Each application should be served by it's own origin (or subdomain) and redirect uri should be in same subdomain as
-    application
-  </li>
-  <li>
-    Both should be in origin (subdomain) that is not shared with other applications so you don't make your accesstoken
-    accessible by code outside your app
-  </li>
-</ul>
-<p class="documentation-header">Examples</p>
-
-<span class="code-html-tagname">&lt;lf-login&gt;</span> contains only a button that displays the sign_in_text and
-sign_out_text.
-<p class="documentation-text code-container">
-  <code>
-    <span class="code-html-tagname">&lt;lf-login </span>
-    <span class="code-html-attribute-name">id</span>
-    <span>=</span>
-    <span class="code-html-attribute-value">"login-button" </span>
-    <span class="code-html-attribute-name">client_id</span>
-    <span>=</span>
-    <span class="code-html-attribute-value">"clientId" </span>
-    <span class="code-html-attribute-name">redirect_uri</span>
-    <span>=</span>
-    <span class="code-html-attribute-value">"https://computername.domain.com/app" </span>
-    <span class="code-html-tagname">&gt;&lt;/lf-login&gt;</span>
-  </code>
-</p>
-<p class="documentation-text code-container">
-  <code>
-    <span class="code-html-tagname">const </span>
-    <span>login</span>
-    <span> = </span>
-    <span>document.querySelector('#login-button');</span>
-    <p>login.addEventListener('loginCompleted', onLoginCompleted);</p>
-    <p>login.addEventListener('loginInitiated', onLoginInitiated);</p>
-    <p>login.addEventListener('logoutInitiated', onLogoutInitiated);</p>
-    <p>login.addEventListener('logoutCompleted', onLogoutCompleted);</p>
-  </code>
-</p>
-<app-card>
-  <lf-login
-    *ngIf="client_id"
-    [client_id]="client_id"
-    [redirect_uri]="redirect_uri"
-    [scope]="scope"
-    sign_in_text="SIGN_IN"
-    sign_out_text="SIGN_OUT"
-    [redirect_behavior]="redirect_behavior"
-    [authorize_url_host_name]="authorizeUrlHostName"
-    (loginInitiated)="loginInitHandler($event)"
-    (logoutInitiated)="logoutInitHandler($event)"
-    (loginCompleted)="loginCompleteHandler($event)"
-    (logoutCompleted)="logoutCompleteHandler($event)"
-  >
-  </lf-login>
-</app-card>
-
-<p class="documentation-text">
-  <span class="code-html-tagname">&lt;lf-login&gt; mode="Menu"</span> displays a circular icon that enables you to sign
-  in and sign out via a menu.
-</p>
-<p class="documentation-text code-container">
-  <code>
-    <span class="code-html-tagname">&lt;lf-login </span>
-    <span class="code-html-attribute-name">id</span>
-    <span>=</span>
-    <span class="code-html-attribute-value">"login-menu" </span>
-    <span class="code-html-attribute-name">mode</span>
-    <span>=</span>
-    <span class="code-html-attribute-value">"Menu" </span>
-    <span class="code-html-attribute-name">client_id</span>
-    <span>=</span>
-    <span class="code-html-attribute-value">"clientId" </span>
-    <span class="code-html-attribute-name">redirect_uri</span>
-    <span>=</span>
-    <span class="code-html-attribute-value">"https://computername.domain.com/app" </span>
-    <span class="code-html-tagname">&gt;&lt;/lf-login&gt;</span>
-  </code>
-</p>
-<p class="documentation-text code-container">
-  <code>
-    <span class="code-html-tagname">const </span>
-    <span>login</span>
-    <span> = </span>
-    <span>document.querySelector('#login-menu');</span>
-    <p>login.addEventListener('loginCompleted', onLoginCompleted);</p>
-    <p>login.addEventListener('loginInitiated', onLoginInitiated);</p>
-    <p>login.addEventListener('logoutInitiated', onLogoutInitiated);</p>
-    <p>login.addEventListener('logoutCompleted', onLogoutCompleted);</p>
-  </code>
-</p>
-<app-card>
-  <lf-login
-    [mode]="menuMode"
-    #loginMenu
-    *ngIf="client_id"
-    [client_id]="client_id"
-    [redirect_uri]="redirect_uri"
-    [scope]="scope"
-    [redirect_behavior]="redirect_behavior"
-    [authorize_url_host_name]="authorizeUrlHostName"
-    (loginInitiated)="loginInitHandler($event)"
-    (logoutInitiated)="logoutInitHandler($event)"
-    (loginCompleted)="loginCompleteHandler($event)"
-    (logoutCompleted)="logoutCompleteHandler($event)"
-  >
-  </lf-login>
-</app-card>
-
-<p class="documentation-text">lf-login state: {{ menuState }}</p>
-
-<button (click)="refresh()">Refresh lf-login Token</button>
-
-<p class="documentation-header">How to use &lt;lf-login&gt; component in a Popup Window</p>
-
-<div class="documentation-text">
-  <ul>
-    <li>
-      Refer to our <a href="https://github.com/Laserfiche/lf-sample-OAuth-SPA-angular-npm">Sample App</a> that
-      demonstrates how to implement our login component in a popup window as an option if desired. 
-    </li>
-
-    <li>
-      Refer to this <a href="https://github.com/Laserfiche/lf-sample-OAuth-SPA-angular-npm/pull/20">Pull Request</a> for
-      our implementation details.
-    </li>
-  </ul>
-</div>
-
-<p class="documentation-header">HTML Element</p>
-<table>
-  <tr>
-    <th>Attribute</th>
-    <th>Value</th>
-    <th>Description</th>
-  </tr>
-  <tr>
-    <td>mode</td>
-    <td>LoginMode</td>
-    <td>specify the UI to display, default is LoginMode.Button</td>
-  </tr>
-  <tr>
-    <td>sign_in_text</td>
-    <td>string</td>
-    <td>(optional) specify the text for the sign in button when signed out</td>
-  </tr>
-  <tr>
-    <td>sign_out_text</td>
-    <td>string</td>
-    <td>(optional) specify the text for the sign out button when signed in</td>
-  </tr>
-  <tr>
-    <td>signing_in_text</td>
-    <td>string</td>
-    <td>(optional) specify the text for the button while signing in</td>
-  </tr>
-  <tr>
-    <td>signing_out_text</td>
-    <td>string</td>
-    <td>(optional) specify the text for the button while signing out</td>
-  </tr>
-  <tr>
-    <td>client_id</td>
-    <td>string</td>
-    <td>the client_id you received when registering your application in LF developer console</td>
-  </tr>
-  <tr>
-    <td>redirect_uri</td>
-    <td>string</td>
-    <td>redirect uri passed to OAuth service, page will redirect to this uri once authentication occurs</td>
-  </tr>
-  <tr>
-    <td>scope</td>
-    <td>string</td>
-    <td>
-      scope is passed to OAuth service, will determine which rights are requested from user and what the API able to
-      access with the corresponding token
-    </td>
-  </tr>
-  <tr>
-    <td>redirect_behavior</td>
-    <td>RedirectBehavior</td>
-    <td>specify the redirect behavior of the component, default is Replace</td>
-  </tr>
-  <tr>
-    <td>authorize_url_host_name</td>
-    <td>string</td>
-    <td>pass in a specific host name (i.e. "a.clouddev.laserfiche.com"), defaults to production ("laserfiche.com")</td>
-  </tr>
-</table>
-<br />
-<table>
-  <tr>
-    <th>Event</th>
-    <th>Value</th>
-    <th>Description</th>
-  </tr>
-  <tr>
-    <td>loginInitiated</td>
-    <td>(event: CustomEvent&lt;string&gt;) => Promise&lt;void&gt;</td>
-    <td>event raised when the login button is clicked, string event is the full OAuth Authorize uri</td>
-  </tr>
-  <tr>
-    <td>loginCompleted</td>
-    <td>(event: CustomEvent&lt;void&gt;) => Promise&lt;void&gt;</td>
-    <td>event raised when login has completed, and token has been successfully retrieved</td>
-  </tr>
-  <tr>
-    <td>logoutInitiated</td>
-    <td>(event: CustomEvent&lt;string&gt;) => Promise&lt;void&gt;</td>
-    <td>
-      event raised when the logout button is clicked. Event contains the full acs logout url, with redirect to the
-      redirect_uri input
-    </td>
-  </tr>
-  <tr>
-    <td>logoutCompleted</td>
-    <td>(event: CustomEvent&lt;AbortedLoginError | void&gt;) => Promise&lt;void&gt;</td>
-    <td>
-      event raised when logout is completed. If this was due to an error, there will be an AbortedLoginError object
-      passed in the Custom Event
-    </td>
-  </tr>
-</table>
-<br />
-<table>
-  <tr>
-    <th>Method/Property</th>
-    <th>Signature</th>
-    <th>Description</th>
-  </tr>
-  <tr>
-    <td>refreshTokenAsync</td>
-    <td>(initiateLoginFlowOnRefreshFailure: boolean) => Promise&lt;string | undefined&gt;</td>
-    <td>
-      Prompts a refresh of the access token. Call this when you receive a 401 from the API you are using. If
-      initiateLoginFlowOnRefreshFailure is true, component will attempt to login again with OAuth service, if refresh
-      token is expired (refresh doesn't work). If initiateLoginFlowOnRefreshFailure is false, if refresh token is
-      expired, the component will show as logged out.
-    </td>
-  </tr>
-  <tr>
-    <td>initLoginFlowAsync</td>
-    <td>() => Promise&lt;string | undefined&gt;</td>
-    <td>
-      Prompts the login flow to begin. The use case for this is if you want to start the login flow on page load, rather
-      than making the user click the button. If the user is already logged in, the function will return the current
-      access token. If the user is not logged in, it will return undefined and start the OAuth login flow.
-    </td>
-  </tr>
-  <tr>
-    <td>handleRedirectURICallbackAsync</td>
-    <td>(url: string) => Promise&lt;void&gt;</td>
-    <td>
-      Parses the callbackUrl containing the parameters from the authorization service and exchanges the authorization
-      code for an access token. If RedirectBehavior is None you have to explicitly call this method to simulate
-      redirection back to the callbackUrl.
-    </td>
-  </tr>
-  <tr>
-    <td>authorizationRequestHandler</td>
-    <td>LfHttpRequestHandler</td>
-    <td>
-      Read-only implementation of HttpRequestHandler that can be used to initialize an instance of the
-      <a
-        href="https://laserfiche.github.io/lf-repository-api-client-js/docs/1.x/classes/RepositoryApiClient.html#createFromHttpRequestHandler"
-        >RepositoryApiClient</a
-      >. This handler adds an API authorization request header representing the current logged-in user.
-    </td>
-  </tr>
-  <tr>
-    <td>authorization_credentials</td>
-    <td>AuthorizationCredentials</td>
-    <td>read-only property to get the current AuthorizationCredentials</td>
-  </tr>
-  <tr>
-    <td>account_id</td>
-    <td>string</td>
-    <td>read-only property to get the current accountId</td>
-  </tr>
-  <tr>
-    <td>trustee_id</td>
-    <td>string</td>
-    <td>read-only property to get the current trusteeId</td>
-  </tr>
-  <tr>
-    <td>account_endpoints</td>
-    <td>AccountEndpoints</td>
-    <td>read-only property to get the current accountEndpoints</td>
-  </tr>
-  <tr>
-    <td>state</td>
-    <td>LoginState</td>
-    <td>read-only property to get the current state</td>
-  </tr>
-</table>
-
-<p class="documentation-sub-header">RedirectBehavior Enum</p>
-<ul>
-  <li>
-    Replace - if you use this behavior the flow will happen automatically and redirect in place back to the redirect url
-  </li>
-  <li>Popup (not implemented yet)</li>
-  <li>
-    None - if you use this behavior, you must call handleRedirectURICallbackAsync so you can parse the callback url
-  </li>
-</ul>
-
-<p class="documentation-sub-header">LoginMode Enum</p>
-<ul>
-  <li>Button - default</li>
-  <li>Menu</li>
-</ul>
-
-<p class="documentation-sub-header">LoginState Enum</p>
-<ul>
-  <li>LoggedOut</li>
-  <li>LoggingIn</li>
-  <li>LoggedIn</li>
-  <li>LoggingOut</li>
-</ul>
-
-<p class="documentation-sub-header">AbortedLoginError Interface</p>
-<ul>
-  <li>ErrorType: string</li>
-  <li>ErrorMessage: string</li>
-</ul>
-
-<p class="documentation-sub-header">AccountEndpoints Interface</p>
-<ul>
-  <li>webClientUrl: string</li>
-  <li>wsignoutUrl: string</li>
-  <li>regionalDomain: string</li>
-  <li>oauthAuthorizeUrl: string</li>
-</ul>
-
-<p class="documentation-sub-header">AuthorizationCredentials Interface</p>
-<ul>
-  <li>accessToken: string</li>
-  <li>refreshToken: string</li>
-  <li>expiresIn: string</li>
-  <li>tokenType: string</li>
-</ul>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<p class="documentation-title">LfLogin</p>
+<b> **Note: Please review Security Considerations on this page** </b>
+
+<p class="documentation-header">Overview</p>
+<div class="documentation-text">
+  Web Component to login to Laserfiche using OAuth
+  <ul>
+    <li>App must be registered in the <a href="https://app.laserfiche.com/devconsole/">Laserfiche dev console</a>.</li>
+    <li>The application must be registered as a Single Page Application (SPA)</li>
+  </ul>
+</div>
+<p class="documentation-text">
+  There are two versions of the login component. You can change the UI by changing the `mode` attribute.
+</p>
+<ul>
+  <li>
+    In order for the component to work properly, the page the redirect_uri points to should have a login component on it
+    OR you should call handleRedirectURICallbackAsync with the url that the redirect_uri receives containing the
+    authorization code or error.
+  </li>
+</ul>
+<p class="documentation-header">Use Case</p>
+<p class="documentation-text">Logging into Laserfiche</p>
+<p class="documentation-header">Security Considerations</p>
+<ul class="documentation-text">
+  <li>
+    Each application should be served by it's own origin (or subdomain) and redirect uri should be in same subdomain as
+    application
+  </li>
+  <li>
+    Both should be in origin (subdomain) that is not shared with other applications so you don't make your accesstoken
+    accessible by code outside your app
+  </li>
+</ul>
+<p class="documentation-header">Examples</p>
+
+<span class="code-html-tagname">&lt;lf-login&gt;</span> contains only a button that displays the sign_in_text and
+sign_out_text.
+<p class="documentation-text code-container">
+  <code>
+    <span class="code-html-tagname">&lt;lf-login </span>
+    <span class="code-html-attribute-name">id</span>
+    <span>=</span>
+    <span class="code-html-attribute-value">"login-button" </span>
+    <span class="code-html-attribute-name">client_id</span>
+    <span>=</span>
+    <span class="code-html-attribute-value">"clientId" </span>
+    <span class="code-html-attribute-name">redirect_uri</span>
+    <span>=</span>
+    <span class="code-html-attribute-value">"https://computername.domain.com/app" </span>
+    <span class="code-html-tagname">&gt;&lt;/lf-login&gt;</span>
+  </code>
+</p>
+<p class="documentation-text code-container">
+  <code>
+    <span class="code-html-tagname">const </span>
+    <span>login</span>
+    <span> = </span>
+    <span>document.querySelector('#login-button');</span>
+    <p>login.addEventListener('loginCompleted', onLoginCompleted);</p>
+    <p>login.addEventListener('loginInitiated', onLoginInitiated);</p>
+    <p>login.addEventListener('logoutInitiated', onLogoutInitiated);</p>
+    <p>login.addEventListener('logoutCompleted', onLogoutCompleted);</p>
+  </code>
+</p>
+<app-card>
+  <lf-login
+    *ngIf="client_id"
+    [client_id]="client_id"
+    [redirect_uri]="redirect_uri"
+    [scope]="scope"
+    sign_in_text="SIGN_IN"
+    sign_out_text="SIGN_OUT"
+    [redirect_behavior]="redirect_behavior"
+    [authorize_url_host_name]="authorizeUrlHostName"
+    (loginInitiated)="loginInitHandler($event)"
+    (logoutInitiated)="logoutInitHandler($event)"
+    (loginCompleted)="loginCompleteHandler($event)"
+    (logoutCompleted)="logoutCompleteHandler($event)"
+  >
+  </lf-login>
+</app-card>
+
+<p class="documentation-text">
+  <span class="code-html-tagname">&lt;lf-login&gt; mode="Menu"</span> displays a circular icon that enables you to sign
+  in and sign out via a menu.
+</p>
+<p class="documentation-text code-container">
+  <code>
+    <span class="code-html-tagname">&lt;lf-login </span>
+    <span class="code-html-attribute-name">id</span>
+    <span>=</span>
+    <span class="code-html-attribute-value">"login-menu" </span>
+    <span class="code-html-attribute-name">mode</span>
+    <span>=</span>
+    <span class="code-html-attribute-value">"Menu" </span>
+    <span class="code-html-attribute-name">client_id</span>
+    <span>=</span>
+    <span class="code-html-attribute-value">"clientId" </span>
+    <span class="code-html-attribute-name">redirect_uri</span>
+    <span>=</span>
+    <span class="code-html-attribute-value">"https://computername.domain.com/app" </span>
+    <span class="code-html-tagname">&gt;&lt;/lf-login&gt;</span>
+  </code>
+</p>
+<p class="documentation-text code-container">
+  <code>
+    <span class="code-html-tagname">const </span>
+    <span>login</span>
+    <span> = </span>
+    <span>document.querySelector('#login-menu');</span>
+    <p>login.addEventListener('loginCompleted', onLoginCompleted);</p>
+    <p>login.addEventListener('loginInitiated', onLoginInitiated);</p>
+    <p>login.addEventListener('logoutInitiated', onLogoutInitiated);</p>
+    <p>login.addEventListener('logoutCompleted', onLogoutCompleted);</p>
+  </code>
+</p>
+<app-card>
+  <lf-login
+    [mode]="menuMode"
+    #loginMenu
+    *ngIf="client_id"
+    [client_id]="client_id"
+    [redirect_uri]="redirect_uri"
+    [scope]="scope"
+    [redirect_behavior]="redirect_behavior"
+    [authorize_url_host_name]="authorizeUrlHostName"
+    (loginInitiated)="loginInitHandler($event)"
+    (logoutInitiated)="logoutInitHandler($event)"
+    (loginCompleted)="loginCompleteHandler($event)"
+    (logoutCompleted)="logoutCompleteHandler($event)"
+  >
+  </lf-login>
+</app-card>
+
+<p class="documentation-text">lf-login state: {{ menuState }}</p>
+
+<button (click)="refresh()">Refresh lf-login Token</button>
+
+<p class="documentation-header">How to use &lt;lf-login&gt; component in a Popup Window</p>
+
+<div class="documentation-text">
+  <ul>
+    <li>
+      Refer to our <a href="https://github.com/Laserfiche/lf-sample-OAuth-SPA-angular-npm">Sample App</a> that
+      demonstrates how to implement our login component in a popup window as an option if desired.
+    </li>
+
+    <li>
+      Refer to this <a href="https://github.com/Laserfiche/lf-sample-OAuth-SPA-angular-npm/pull/20">Pull Request</a> for
+      our implementation details.
+    </li>
+  </ul>
+</div>
+
+<p class="documentation-header">HTML Element</p>
+<table>
+  <tr>
+    <th>Attribute</th>
+    <th>Value</th>
+    <th>Description</th>
+  </tr>
+  <tr>
+    <td>mode</td>
+    <td>LoginMode</td>
+    <td>specify the UI to display, default is LoginMode.Button</td>
+  </tr>
+  <tr>
+    <td>sign_in_text</td>
+    <td>string</td>
+    <td>(optional) specify the text for the sign in button when signed out</td>
+  </tr>
+  <tr>
+    <td>sign_out_text</td>
+    <td>string</td>
+    <td>(optional) specify the text for the sign out button when signed in</td>
+  </tr>
+  <tr>
+    <td>signing_in_text</td>
+    <td>string</td>
+    <td>(optional) specify the text for the button while signing in</td>
+  </tr>
+  <tr>
+    <td>signing_out_text</td>
+    <td>string</td>
+    <td>(optional) specify the text for the button while signing out</td>
+  </tr>
+  <tr>
+    <td>client_id</td>
+    <td>string</td>
+    <td>(optional) the client_id you received when registering your application in LF developer console</td>
+  </tr>
+  <tr>
+    <td>redirect_uri</td>
+    <td>string</td>
+    <td>redirect uri passed to OAuth service, page will redirect to this uri once authentication occurs</td>
+  </tr>
+  <tr>
+    <td>scope</td>
+    <td>string</td>
+    <td>
+      (optional) scope is passed to OAuth service, will determine which rights are requested from user and what the API able to
+      access with the corresponding token
+    </td>
+  </tr>
+  <tr>
+    <td>redirect_behavior</td>
+    <td>RedirectBehavior</td>
+    <td>specify the redirect behavior of the component, default is Replace</td>
+  </tr>
+  <tr>
+    <td>authorize_url_host_name</td>
+    <td>string</td>
+    <td>pass in a specific host name (i.e. "a.clouddev.laserfiche.com"), defaults to production ("laserfiche.com")</td>
+  </tr>
+  <tr>
+    <td>login_type</td>
+    <td>LoginType</td>
+    <td>specify the login type of the component. Possible values are "Cloud" and "Self-Hosted". Default value is "Cloud"</td>
+  </tr>
+  <tr>
+    <td>login_identifier</td>
+    <td>string</td>
+    <td>specify the login identifier for the component. Typically, this is the <i>client_id</i> for cloud-base login or the repository name for self-hosted environments</td>
+  </tr>
+</table>
+<br />
+<table>
+  <tr>
+    <th>Event</th>
+    <th>Value</th>
+    <th>Description</th>
+  </tr>
+  <tr>
+    <td>loginInitiated</td>
+    <td>(event: CustomEvent&lt;string&gt;) => Promise&lt;void&gt;</td>
+    <td>event raised when the login button is clicked, string event is the full OAuth Authorize uri</td>
+  </tr>
+  <tr>
+    <td>loginCompleted</td>
+    <td>(event: CustomEvent&lt;void&gt;) => Promise&lt;void&gt;</td>
+    <td>event raised when login has completed, and token has been successfully retrieved</td>
+  </tr>
+  <tr>
+    <td>logoutInitiated</td>
+    <td>(event: CustomEvent&lt;string&gt;) => Promise&lt;void&gt;</td>
+    <td>
+      event raised when the logout button is clicked. Event contains the full acs logout url, with redirect to the
+      redirect_uri input
+    </td>
+  </tr>
+  <tr>
+    <td>logoutCompleted</td>
+    <td>(event: CustomEvent&lt;AbortedLoginError | void&gt;) => Promise&lt;void&gt;</td>
+    <td>
+      event raised when logout is completed. If this was due to an error, there will be an AbortedLoginError object
+      passed in the Custom Event
+    </td>
+  </tr>
+</table>
+<br />
+<table>
+  <tr>
+    <th>Method/Property</th>
+    <th>Signature</th>
+    <th>Description</th>
+  </tr>
+  <tr>
+    <td>refreshTokenAsync</td>
+    <td>(initiateLoginFlowOnRefreshFailure: boolean) => Promise&lt;string | undefined&gt;</td>
+    <td>
+      Prompts a refresh of the access token. Call this when you receive a 401 from the API you are using. If
+      initiateLoginFlowOnRefreshFailure is true, component will attempt to login again with OAuth service, if refresh
+      token is expired (refresh doesn't work). If initiateLoginFlowOnRefreshFailure is false, if refresh token is
+      expired, the component will show as logged out.
+    </td>
+  </tr>
+  <tr>
+    <td>initLoginFlowAsync</td>
+    <td>() => Promise&lt;string | undefined&gt;</td>
+    <td>
+      Triggers the cloud login flow to begin. This creates a Cloud login provider instance. The use case for this is if you want to start the login flow on page load, rather
+      than making the user click the button. If the user is already logged in, the function will return the current
+      access token. If the user is not logged in, it will return undefined and start the OAuth login flow.
+    </td>
+  </tr>
+  <tr>
+    <td>initSelfHostedLoginFlowAsync</td>
+    <td>() => Promise&lt;string | undefined&gt;</td>
+    <td>
+      Triggers the self-hosted login flow to begin. This creates a Self-Hosted login provider instance. The rest of the flow is the same as initLoginFlowAsync,
+      but this function should be used if you are using the component in a self-hosted environment.
+    </td>
+  </tr>
+  <tr>
+    <td>handleRedirectURICallbackAsync</td>
+    <td>(url: string) => Promise&lt;void&gt;</td>
+    <td>
+      Parses the callbackUrl containing the parameters from the authorization service and exchanges the authorization
+      code for an access token. If RedirectBehavior is None you have to explicitly call this method to simulate
+      redirection back to the callbackUrl.
+    </td>
+  </tr>
+  <tr>
+    <td>authorizationRequestHandler</td>
+    <td>LfHttpRequestHandler</td>
+    <td>
+      Read-only implementation of HttpRequestHandler that can be used to initialize an instance of the
+      <a
+        href="https://laserfiche.github.io/lf-repository-api-client-js/docs/1.x/classes/RepositoryApiClient.html#createFromHttpRequestHandler"
+        >RepositoryApiClient</a
+      >. This handler adds an API authorization request header representing the current logged-in user.
+    </td>
+  </tr>
+  <tr>
+    <td>authorization_credentials</td>
+    <td>AuthorizationCredentials</td>
+    <td>read-only property to get the current AuthorizationCredentials</td>
+  </tr>
+  <tr>
+    <td>account_id</td>
+    <td>string</td>
+    <td>read-only property to get the current accountId</td>
+  </tr>
+  <tr>
+    <td>trustee_id</td>
+    <td>string</td>
+    <td>read-only property to get the current trusteeId</td>
+  </tr>
+  <tr>
+    <td>account_endpoints</td>
+    <td>AccountEndpoints</td>
+    <td>read-only property to get the current accountEndpoints</td>
+  </tr>
+  <tr>
+    <td>state</td>
+    <td>LoginState</td>
+    <td>read-only property to get the current state</td>
+  </tr>
+</table>
+
+<p class="documentation-sub-header">RedirectBehavior Enum</p>
+<ul>
+  <li>
+    Replace - if you use this behavior the flow will happen automatically and redirect in place back to the redirect url
+  </li>
+  <li>Popup (not implemented yet)</li>
+  <li>
+    None - if you use this behavior, you must call handleRedirectURICallbackAsync so you can parse the callback url
+  </li>
+</ul>
+
+<p class="documentation-sub-header">LoginMode Enum</p>
+<ul>
+  <li>Button - default</li>
+  <li>Menu</li>
+</ul>
+
+<p class="documentation-sub-header">LoginType type</p>
+<ul>
+  <li>Cloud - default</li>
+  <li>Self-Hosted</li>
+</ul>
+
+<p class="documentation-sub-header">LoginState Enum</p>
+<ul>
+  <li>LoggedOut</li>
+  <li>LoggingIn</li>
+  <li>LoggedIn</li>
+  <li>LoggingOut</li>
+</ul>
+
+<p class="documentation-sub-header">AbortedLoginError Interface</p>
+<ul>
+  <li>ErrorType: string</li>
+  <li>ErrorMessage: string</li>
+</ul>
+
+<p class="documentation-sub-header">AccountEndpoints Interface</p>
+<ul>
+  <li>webClientUrl: string</li>
+  <li>wsignoutUrl: string</li>
+  <li>regionalDomain: string</li>
+  <li>oauthAuthorizeUrl: string</li>
+</ul>
+
+<p class="documentation-sub-header">AuthorizationCredentials Interface</p>
+<ul>
+  <li>accessToken: string</li>
+  <li>refreshToken: string</li>
+  <li>expiresIn: string</li>
+  <li>tokenType: string</li>
+</ul>
diff --git a/projects/ui-components/lf-login/lf-login.component.spec.ts b/projects/ui-components/lf-login/lf-login.component.spec.ts
index 055ac66c..641d5ee1 100644
--- a/projects/ui-components/lf-login/lf-login.component.spec.ts
+++ b/projects/ui-components/lf-login/lf-login.component.spec.ts
@@ -1,174 +1,107 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatMenuModule } from '@angular/material/menu';
-import { LfLoginComponent } from './lf-login.component';
-import { LoginState } from '@laserfiche/lf-ui-components/shared';
-
-describe('LfLoginComponent', () => {
-  let component: LfLoginComponent;
-  let fixture: ComponentFixture<LfLoginComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ LfLoginComponent ],
-      imports: [
-        MatMenuModule
-      ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(LfLoginComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-    // @ts-ignore
-    component.loginService.removeFromLocalStorage();
-    // @ts-ignore
-    component.loginService._state = LoginState.LoggedOut;
-    // @ts-ignore
-    component.loginService.authorize_url_host_name = 'laserfiche.com';
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-  it('parseCallbackURI with no state', () => {
-    const uriParams = component.parseCallbackURI('https://testurl.com');
-    expect(uriParams).toBeUndefined();
-  });
-
-  it('parseCallbackURI with code, domain, and customerId', () => {
-    const uriParams = component.parseCallbackURI('https://testurl.com/hi?code=auth-code&state=lf-login-redirect&domain=laserfiche.com&customerId=123456789');
-    expect(uriParams).toEqual(
-      {
-        authorizationCode: 'auth-code',
-        cloudSubDomain: 'laserfiche.com',
-        customerId: '123456789'
-      });
-  });
-
-  it('parseCallbackURI with error', () => {
-    const uriParams = component.parseCallbackURI('https://testurl.com/hi?state=lf-login-redirect&error=test-name&description=test-description');
-    expect(uriParams).toEqual({ error: { name: 'test-name', description: 'test-description' } });
-  });
-
-  it('parseCallbackURI with state but no code or error', () => {
-    expect(() => component.parseCallbackURI('https://testurl.com/hi?state=lf-login-redirect')).toThrow();
-  });
-
-  it('extractErrorFromUrl with error', () => {
-    const testUrl = new URL('https://test-url.com?error=test-name&description=test-description');
-    const error = component.extractErrorFromUrl(testUrl);
-    expect(error).toEqual({ name: 'test-name', description: 'test-description' });
-  });
-
-  it('extractErrorFromUrl with error, no description', () => {
-    const testUrl = new URL('https://test-url.com?error=test-name');
-    const error = component.extractErrorFromUrl(testUrl);
-    expect(error).toEqual({ name: 'test-name', description: 'unknown' });
-  });
-
-  it('extractErrorFromUrl no error, no description', () => {
-    const testUrl = new URL('https://test-url.com');
-    const error = component.extractErrorFromUrl(testUrl);
-    expect(error).toBeUndefined();
-  });
-
-  it('determineCurrentState as LoggedIn', () => {
-    const testHeader = btoa('{"test": "test"}');
-    const encodedJWT = btoa('{"csid": "123456789", "trid": "1"}');
-    // @ts-ignore
-    component.loginService.storeInLocalStorage(
-      {
-        accessToken: `${testHeader}.${encodedJWT}.test`,
-        refreshToken: 'test-refresh',
-        expiresIn: '100',
-        tokenType: 'bearer'
-      },
-      '123456789',
-      'laserfiche.com'
-      );
-
-    const currentState = component.determineCurrentState(undefined);
-    expect(currentState).toEqual(LoginState.LoggedIn);
-  });
-
-  it('determineCurrentState as LoggedOut', () => {
-    const currentState = component.determineCurrentState(undefined);
-    expect(currentState).toEqual(LoginState.LoggedOut);
-  });
-
-  it('determineCurrentState as LoggingIn', () => {
-    const currentCodeState = component.determineCurrentState({ authorizationCode: 'test-code' });
-    expect(currentCodeState).toEqual(LoginState.LoggingIn);
-    const currentErrorState = component.determineCurrentState({ error: { name: 'test-name', description: 'test-description' } });
-    expect(currentErrorState).toEqual(LoginState.LoggingIn);
-  });
-
-  it('createRefreshTokenRequest creates request', () => {
-    // @ts-ignore
-    component.loginService._accessToken = { accessToken: 'test-access', refreshToken: 'test-refresh', expiresIn: '100', tokenType: 'bearer' };
-    const refreshTokenRequest = component.createRefreshTokenRequest();
-    expect(refreshTokenRequest.body).toEqual('grant_type=refresh_token&refresh_token=test-refresh&client_id=undefined');
-    expect(refreshTokenRequest.method).toEqual('POST');
-    expect(refreshTokenRequest.headers).toEqual({ 'Content-Type': 'application/x-www-form-urlencoded' });
-  });
-
-  it('createRefreshTokenRequest throws when no refresh token', () => {
-    expect(() => component.createRefreshTokenRequest()).toThrow();
-  });
-
-  it('extractCodeFromUrl gets code from url', () => {
-    const testUrl = new URL('https://test-url.com?code=test-code');
-    const codeFromUrl = component.extractCodeFromUrl(testUrl);
-    expect(codeFromUrl).toEqual('test-code');
-
-    const testUrlNoCode = new URL('https://test-url.com');
-    const noCodeFromUrl = component.extractCodeFromUrl(testUrlNoCode);
-    expect(noCodeFromUrl).toBeUndefined();
-  });
-
-  it('getAuthorizeUrl returns full OAuth url', () => {
-    const authUrl = component.getAuthorizeUrl();
-    expect(authUrl).toEqual('https://signin.laserfiche.com/oauth/Authorize?client_id=undefined&redirect_uri=undefined&scope=undefined&response_type=code&response_mode=query&state=lf-login-redirect&code_challenge=undefined&code_challenge_method=S256');
-  });
-
-  it('getFullLogoutUrl returns logout url', () => {
-    const testHeader = btoa('{"test": "test"}');
-    const encodedJWT = btoa('{"csid": "123456789", "trid": "1"}');
-    // @ts-ignore
-    component.loginService.storeInLocalStorage(
-      {
-        accessToken: `${testHeader}.${encodedJWT}.test`,
-        refreshToken: 'test-refresh',
-        expiresIn: '100',
-        tokenType: 'bearer'
-      },
-      '123456789',
-      'laserfiche.com');
-    component.redirect_uri = 'test-url';
-    const logoutUrl = component.getFullLogoutUrl();
-
-    expect(logoutUrl).toEqual('https://accounts.laserfiche.com/WebSTS/?wa=wsignout1.0&wreply=test-url');
-  });
-
-  it('getFullLogoutUrl when no signout url available', () => {
-    // @ts-ignore
-    component.loginService._accountEndpoints = undefined;
-    expect(component.getFullLogoutUrl()).toBeUndefined();
-  });
-
-  it('concatStrings should return second string when no first string', () => {
-    expect(component.concatStrings(undefined, 'test')).toEqual('test');
-  });
-
-  it('concatStrings should return concatenated strings when there is first string', () => {
-    expect(component.concatStrings('hi', 'test')).toEqual('hi test');
-    expect(component.concatStrings('hi ', 'test')).toEqual('hi test');
-    expect(component.concatStrings('hi ', ' test')).toEqual('hi test');
-    expect(component.concatStrings('hi', ' test')).toEqual('hi test');
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatMenuModule } from '@angular/material/menu';
+import { LfLoginComponent } from './lf-login.component';
+import { LoginState } from '@laserfiche/lf-ui-components/shared';
+import { LfLoginService } from './login-utils/lf-login.service';
+
+describe('LfLoginComponent', () => {
+  let loginService: LfLoginService;
+  let component: LfLoginComponent;
+  let fixture: ComponentFixture<LfLoginComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [LfLoginComponent],
+      imports: [MatMenuModule],
+    }).compileComponents();
+    loginService = TestBed.inject(LfLoginService);
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LfLoginComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+    loginService.removeFromLocalStorage();
+    loginService._state = LoginState.LoggedOut;
+    loginService.authorize_url_host_name = 'laserfiche.com';
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+  it('parseCallbackURI with no state', () => {
+    const uriParams = component.parseCallbackURI('https://testurl.com');
+    expect(uriParams).toBeUndefined();
+  });
+
+  it('parseCallbackURI should call exchangeRedirectUriQueryParams from login provider', () => {
+    const mockExchangeRedirectUriQueryParams = jasmine.createSpy('exchangeRedirectUriQueryParams');
+    loginService.loginProvider = {
+      exchangeRedirectUriQueryParams: mockExchangeRedirectUriQueryParams,
+    } as any;
+
+    component.parseCallbackURI(
+      'https://testurl.com/hi?code=auth-code&state=lf-login-redirect&domain=laserfiche.com&customerId=123456789',
+    );
+    expect(mockExchangeRedirectUriQueryParams).toHaveBeenCalled();
+  });
+
+  it('createRefreshTokenRequest creates request', () => {
+    loginService._accessToken = {
+      accessToken: 'test-access',
+      refreshToken: 'test-refresh',
+      expiresIn: '100',
+      tokenType: 'bearer',
+    };
+    const refreshTokenRequest = component.createRefreshTokenRequest();
+    expect(refreshTokenRequest.body).toEqual('grant_type=refresh_token&refresh_token=test-refresh&client_id=undefined');
+    expect(refreshTokenRequest.method).toEqual('POST');
+    expect(refreshTokenRequest.headers).toEqual({ 'Content-Type': 'application/x-www-form-urlencoded' });
+  });
+
+  it('createRefreshTokenRequest throws when no refresh token', () => {
+    expect(() => component.createRefreshTokenRequest()).toThrow();
+  });
+
+  it('getAuthorizeUrl returns full OAuth url', () => {
+    const testLoginProvider = { getBaseAuthorizeUrl: () => 'https://signin.laserfiche.com/oauth/Authorize' } as any;
+    loginService.loginProvider = testLoginProvider;
+
+    const authUrl = component.getAuthorizeUrl();
+    expect(authUrl).toEqual(
+      'https://signin.laserfiche.com/oauth/Authorize?redirect_uri=undefined&response_type=code&response_mode=query&state=lf-login-redirect&code_challenge=undefined&code_challenge_method=S256',
+    );
+  });
+
+  it('getFullLogoutUrl returns logout url', () => {
+    loginService._accountEndpoints = {
+      wsignoutUrl: 'https://accounts.laserfiche.com/WebSTS/?wa=wsignout1.0',
+      webClientUrl: '',
+      regionalDomain: '',
+      oauthAuthorizeUrl: '',
+    };
+    component.redirect_uri = 'test-url';
+    const logoutUrl = component.getFullLogoutUrl();
+
+    expect(logoutUrl).toEqual('https://accounts.laserfiche.com/WebSTS/?wa=wsignout1.0&wreply=test-url');
+  });
+
+  it('getFullLogoutUrl when no signout url available', () => {
+    loginService._accountEndpoints = undefined;
+    expect(component.getFullLogoutUrl()).toBeUndefined();
+  });
+
+  it('concatStrings should return second string when no first string', () => {
+    expect(component.concatStrings(undefined, 'test')).toEqual('test');
+  });
+
+  it('concatStrings should return concatenated strings when there is first string', () => {
+    expect(component.concatStrings('hi', 'test')).toEqual('hi test');
+    expect(component.concatStrings('hi ', 'test')).toEqual('hi test');
+    expect(component.concatStrings('hi ', ' test')).toEqual('hi test');
+    expect(component.concatStrings('hi', ' test')).toEqual('hi test');
+  });
+});
diff --git a/projects/ui-components/lf-login/lf-login.component.ts b/projects/ui-components/lf-login/lf-login.component.ts
index 2cd78114..992614f2 100644
--- a/projects/ui-components/lf-login/lf-login.component.ts
+++ b/projects/ui-components/lf-login/lf-login.component.ts
@@ -1,758 +1,685 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import {
-  ChangeDetectorRef,
-  Component,
-  EventEmitter,
-  Input,
-  OnChanges,
-  OnDestroy,
-  Output,
-  SimpleChanges,
-  AfterViewInit,
-} from '@angular/core';
-import { Observable, of, Subscription } from 'rxjs';
-import { AccountInfo, RedirectUriQueryParams } from './login-utils/lf-login-internal-types';
-import {
-  AbortedLoginError,
-  AccountEndpoints,
-  AuthorizationCredentials,
-  LfBeforeFetchResult,
-  LfHttpRequestHandler,
-} from './login-utils/lf-login-types';
-import { LoginMode, LoginState, RedirectBehavior } from '@laserfiche/lf-ui-components/shared';
-import { AppLocalizationService } from '@laserfiche/lf-ui-components/internal-shared';
-import { LfLoginService } from './login-utils/lf-login.service';
-import { ApiException, PKCEUtils, TokenClient } from '@laserfiche/lf-api-client-core';
-
-const LOGIN_REDIRECT_STATE = 'lf-login-redirect';
-const CODE_CHALLENGE_METHOD = 'S256';
-@Component({
-  selector: 'lf-login-component',
-  templateUrl: './lf-login.component.html',
-  styleUrls: ['./lf-login.component.css'],
-})
-export class LfLoginComponent implements OnChanges, OnDestroy, AfterViewInit {
-  /** @internal */
-  private readonly CLOUDDEV = 'clouddev';
-  /** @internal */
-  private readonly CLOUDTEST = 'cloudtest';
-
-  @Input() mode: LoginMode = LoginMode.Button;
-
-  /**
-   * @return {LfHttpRequestHandler}
-   * Returns the LfHttpRequestHandler that can be used
-   * to instantiate a repository API client.
-   */
-  @Input()
-  get authorizationRequestHandler(): LfHttpRequestHandler {
-    return {
-      beforeFetchRequestAsync: this.beforeFetchRequestAsync.bind(this),
-      afterFetchResponseAsync: this.afterFetchResponseAsync.bind(this),
-    };
-  }
-
-  /** @internal */
-  get isMenuMode(): boolean {
-    return this.mode === LoginMode.Menu;
-  }
-
-  /** @internal */
-  _sign_in_text: Observable<string> = this.localizationService.getStringLaserficheObservable('SIGN_IN');
-  /** @internal */
-  _sign_out_text: Observable<string> = this.localizationService.getStringLaserficheObservable('SIGN_OUT');
-  /** @internal */
-  _signing_in_text: Observable<string> = this.localizationService.getStringLaserficheObservable('SIGNING_IN');
-  /** @internal */
-  _signing_out_text: Observable<string> = this.localizationService.getStringLaserficheObservable('SIGNING_OUT');
-
-  @Input() set sign_in_text(text: string) {
-    this._sign_in_text = of(text);
-  }
-  @Input() set sign_out_text(text: string) {
-    this._sign_out_text = of(text);
-  }
-  @Input() set signing_in_text(text: string) {
-    this._signing_in_text = of(text);
-  }
-  @Input() set signing_out_text(text: string) {
-    this._signing_out_text = of(text);
-  }
-
-  /** @internal */
-  buttonText: Observable<string> = this._sign_in_text;
-
-  @Input() set client_id(val: string) {
-    this.loginService.client_id = val;
-  }
-  get client_id(): string {
-    return this.loginService.client_id;
-  }
-
-  @Input() set redirect_uri(val: string) {
-    this.loginService.redirect_uri = val;
-  }
-  get redirect_uri(): string {
-    return this.loginService.redirect_uri;
-  }
-
-  @Input() set scope(val: string) {
-    this.loginService.scope = val;
-  }
-  get scope(): string {
-    return this.loginService.scope;
-  }
-
-  @Input() set redirect_behavior(val: RedirectBehavior) {
-    this.loginService.redirect_behavior = val;
-  }
-  get redirect_behavior(): RedirectBehavior {
-    return this.loginService.redirect_behavior;
-  }
-
-  @Input() set authorize_url_host_name(val: string) {
-    this.loginService.authorize_url_host_name = val;
-  }
-
-  get authorize_url_host_name(): string {
-    return this.loginService.authorize_url_host_name;
-  }
-
-  @Input()
-  get authorization_credentials(): AuthorizationCredentials | undefined {
-    try {
-      if (this.loginService._accessToken) {
-        return this.loginService._accessToken;
-      } else {
-        const accessTokenFromStorage = localStorage.getItem(this.loginService.accessTokenStorageKey);
-        if (accessTokenFromStorage) {
-          const accessTokenCredentials: AuthorizationCredentials = JSON.parse(accessTokenFromStorage);
-          return accessTokenCredentials;
-        } else {
-          return undefined;
-        }
-      }
-    } catch (err: any) {
-      console.warn('Unable to retrieve accessToken: ' + err.message);
-      return undefined;
-    }
-  }
-
-  @Input()
-  get account_endpoints(): AccountEndpoints | undefined {
-    try {
-      if (this.loginService._accountEndpoints) {
-        return this.loginService._accountEndpoints;
-      } else {
-        const accountEndpointsFromStorage = localStorage.getItem(this.loginService.accountEndpointsStorageKey);
-        if (accountEndpointsFromStorage) {
-          const accountEndpoints: AccountEndpoints = JSON.parse(accountEndpointsFromStorage);
-          return accountEndpoints;
-        } else {
-          return undefined;
-        }
-      }
-    } catch (err: any) {
-      console.warn('Unable to retrieve accountEndpoints: ' + err.message);
-      return undefined;
-    }
-  }
-
-  @Input()
-  get account_id(): string | undefined {
-    try {
-      if (this.loginService._accountInfo) {
-        return this.loginService._accountInfo.accountId;
-      } else {
-        const accountInfoFromStorage = localStorage.getItem(this.loginService.accountIdStorageKey);
-        if (accountInfoFromStorage) {
-          const accountInfo: AccountInfo = JSON.parse(accountInfoFromStorage);
-          return accountInfo.accountId;
-        } else {
-          return undefined;
-        }
-      }
-    } catch (err: any) {
-      console.warn('Unable to retrieve accountId: ' + err.message);
-      return undefined;
-    }
-  }
-
-  @Input()
-  get trustee_id(): string | undefined {
-    try {
-      if (this.loginService._accountInfo) {
-        return this.loginService._accountInfo.trusteeId;
-      } else {
-        const accountInfoFromStorage = localStorage.getItem(this.loginService.accountIdStorageKey);
-        if (accountInfoFromStorage) {
-          const accountInfo: AccountInfo = JSON.parse(accountInfoFromStorage);
-          return accountInfo.trusteeId;
-        } else {
-          return undefined;
-        }
-      }
-    } catch (err: any) {
-      console.warn('Unable to retrieve trusteeId: ' + err.message);
-      return undefined;
-    }
-  }
-
-  @Input()
-  get state(): LoginState {
-    return this.loginService._state ?? LoginState.LoggedOut;
-  }
-
-  private set _state(state: LoginState) {
-    this.loginService._state = state;
-    this.setButtonText();
-  }
-
-  @Output() loginInitiated = new EventEmitter<string>();
-  @Output() logoutInitiated = new EventEmitter<string>();
-
-  @Output() loginCompleted = new EventEmitter<void>();
-  @Output() logoutCompleted = new EventEmitter<AbortedLoginError | void>();
-
-  /**
-   * Refreshes and returns the access token
-   * @param initiateLoginFlowOnRefreshFailure
-   * Indicates whether an attempt should be made to login using OAuth flow upon encountering an inability to refresh the access token.
-   * @returns  {Promise<string | undefined>}
-   */
-  @Input()
-  refreshTokenAsync: (initiateLoginFlowOnRefreshFailure: boolean) => Promise<string | undefined> = async (
-    initiateLoginFlowOnRefreshFailure: boolean = true
-  ) => {
-    try {
-      const refreshToken: string | undefined = this.authorization_credentials?.refreshToken;
-      if (!refreshToken) {
-        if (initiateLoginFlowOnRefreshFailure && !this.hasLoginError && this.state === LoginState.LoggedOut) {
-          console.warn('Unable to refresh, refreshToken is not defined. Will attempt to start the OAuth login flow');
-          await this.startOAuthLoginFlowAsync();
-        } else if (this.state === LoginState.LoggingIn) {
-          console.log('Logging in. Will not attempt to refresh');
-        } else {
-          console.warn(
-            'Unable to refresh, refreshToken is not defined, initiateLoginFlowOnRefreshFailure set to false'
-          );
-          this._state = LoginState.LoggedOut;
-          this.logoutCompleted.emit({
-            ErrorType: 'Refresh Token Error',
-            ErrorMessage: 'refreshToken is not defined',
-          });
-          this.ref.detectChanges();
-          this.loginService.removeFromLocalStorage();
-        }
-        return undefined;
-      } else {
-        try {
-          const oauthRegion = this.account_endpoints?.regionalDomain;
-          if (!oauthRegion) {
-            throw new Error('Unable to refresh. Cannot construct tokenClient.');
-          }
-          const tokenClient = new TokenClient(oauthRegion);
-          const response = await tokenClient.refreshAccessToken(refreshToken, this.client_id);
-          const newAccessToken = await this.loginService.parseTokenResponseAsync(response);
-          this.loginService.storeAccessToken(newAccessToken!);
-          this._state = LoginState.LoggedIn;
-          console.info('state changed to LoggedIn');
-          this.loginCompleted.emit();
-          return newAccessToken?.accessToken;
-        } catch (e) {
-          const status = (<ApiException>e).status ?? 0;
-          if (status === 401 || status === 403) {
-            if (initiateLoginFlowOnRefreshFailure && !this.hasLoginError && this.state === LoginState.LoggedOut) {
-              console.warn('Unable to refresh. Will attempt to start the OAuth login flow');
-              await this.startOAuthLoginFlowAsync();
-            } else {
-              console.warn(
-                `Unable to refresh, initiateLoginFlowOnRefreshFailure set to ${initiateLoginFlowOnRefreshFailure}, state is ${this.state}`
-              );
-              this._state = LoginState.LoggedOut;
-              this.ref.detectChanges();
-              this.loginService.removeFromLocalStorage();
-            }
-          }
-          throw e;
-        }
-      }
-    } catch (err: any) {
-      this._state = LoginState.LoggedOut;
-      this.ref.detectChanges();
-      this.loginService.removeFromLocalStorage();
-      this.logoutCompleted.emit({
-        ErrorType: 'Refresh Token Error',
-        ErrorMessage: err.message,
-      });
-      console.error('Unable to refresh, logged out: ' + err.message);
-      return undefined;
-    }
-  };
-
-  @Input()
-  initLoginFlowAsync: () => Promise<string | undefined> = async () => {
-    try {
-      const accessToken: string | undefined = this.authorization_credentials?.accessToken;
-      if (this.state === LoginState.LoggedOut && !this.hasLoginError) {
-        await this.startOAuthLoginFlowAsync();
-        return undefined;
-      } else {
-        return accessToken;
-      }
-    } catch (err: any) {
-      this._state = LoginState.LoggedOut;
-      this.ref.detectChanges();
-      this.loginService.removeFromLocalStorage();
-      this.logoutCompleted.emit({
-        ErrorType: 'Login Error',
-        ErrorMessage: err.message,
-      });
-      console.error('Unable to login, logged out: ' + err.message);
-      return undefined;
-    }
-  };
-
-  @Input() handleRedirectURICallbackAsync = async (url: string) => {
-    try {
-      const callbackURIParams = this.parseCallbackURI(url);
-      if (callbackURIParams) {
-        await this.loginService.exchangeCodeForTokenAsync(callbackURIParams);
-      }
-    } catch (err: any) {
-      console.error('handleRedirectURICallbackAsync error, unable to exchange token: ', err.message);
-      throw err;
-    }
-  };
-
-  /** @internal */
-  private logoutCompleteSub?: Subscription;
-  /** @internal */
-  private loginCompleteSub?: Subscription;
-  /** @internal */
-  private code_challenge?: string;
-  /** @internal */
-  private hasLoginError: boolean = false;
-  /** @internal */
-  private initialized: boolean = false;
-
-  /** @internal */
-  constructor(
-    /** @internal */
-    private ref: ChangeDetectorRef,
-    /** @internal */
-    private loginService: LfLoginService,
-    /** @internal */
-    private localizationService: AppLocalizationService
-  ) {
-    window.addEventListener('storage', (ev) => {
-      this.onStorageChanged(ev);
-    });
-  }
-
-  private setButtonText() {
-    if (this.state === LoginState.LoggedIn) {
-      this.buttonText = this._sign_out_text;
-    } else if (this.state === LoginState.LoggingIn) {
-      this.buttonText = this._signing_in_text;
-    } else if (this.state === LoginState.LoggingOut) {
-      this.buttonText = this._signing_out_text;
-    } else {
-      this.buttonText = this._sign_in_text;
-    }
-  }
-
-  private onStorageChanged(ev: StorageEvent) {
-    const keyName = ev.key;
-    const oldValue = ev.oldValue;
-    const newValue = ev.newValue;
-    if (keyName === this.loginService.accessTokenStorageKey) {
-      this.onAccessTokenLocalStorageChange(oldValue, newValue);
-    }
-  }
-
-  private onAccessTokenLocalStorageChange(oldValue: string | null, newValue: string | null) {
-    if (oldValue && !newValue) {
-      // newly logged out
-      this.loginService.removeFromCache();
-      this._state = LoginState.LoggedOut;
-      this.ref.detectChanges();
-      this.logoutCompleted.emit();
-    } else if (!oldValue && newValue) {
-      // newly logged in
-      this._state = LoginState.LoggingIn;
-      this.ref.detectChanges();
-
-      this.loginService.storeAccessToken(JSON.parse(newValue));
-      this.loginService.refreshServiceAccountProperties();
-      this._state = LoginState.LoggedIn;
-      this.ref.detectChanges();
-      this.loginCompleted.emit();
-    } else if (newValue && oldValue && oldValue !== newValue) {
-      // refreshed
-      const newAccessToken: AuthorizationCredentials = JSON.parse(newValue);
-      this.loginService.storeAccessToken(newAccessToken);
-      this.loginService.refreshServiceAccountProperties();
-      this._state = LoginState.LoggedIn;
-      this.ref.detectChanges();
-      this.loginCompleted.emit();
-    } else {
-      // accessToken didn't change
-      // do nothing
-    }
-  }
-
-  /** @internal */
-  get isLoggedIn() {
-    return this.loginService._state === LoginState.LoggedIn;
-  }
-
-  /** @internal */
-  get isIntermediateState() {
-    const loggingIn = this.loginService._state === LoginState.LoggingIn;
-    const loggingOut = this.loginService._state === LoginState.LoggingOut;
-    return loggingIn || loggingOut;
-  }
-
-  /** @internal */
-  async ngAfterViewInit() {
-    // duplicate of ngOnChanges code to support angular elements and components
-    await this.initializeLoginAsync();
-  }
-
-  /** @internal */
-  async ngOnChanges(changes: SimpleChanges) {
-    const currentClientId = changes['client_id'];
-    if (
-      (currentClientId?.currentValue && currentClientId?.isFirstChange()) ||
-      currentClientId?.previousValue !== currentClientId?.currentValue
-    ) {
-      await this.initializeLoginAsync();
-    }
-  }
-
-  /** @internal */
-  ngOnDestroy() {
-    this.loginCompleteSub?.unsubscribe();
-    this.logoutCompleteSub?.unsubscribe();
-  }
-
-  /** @internal */
-  private async initializeLoginAsync() {
-    try {
-      if (!this.initialized && this.client_id) {
-        this.logoutCompleteSub = this.loginService.logoutCompletedInService.subscribe((error) => {
-          this.hasLoginError = true;
-          this.setButtonText();
-          this.logoutCompleted.emit(error);
-        });
-        this.loginCompleteSub = this.loginService.loginCompletedInService.subscribe(() => {
-          this.setButtonText();
-          this.loginCompleted.emit();
-        });
-        const callBackURIParams = this.parseCallbackURI(window.location.href);
-        this._state = this.determineCurrentState(callBackURIParams);
-        this.ref.detectChanges();
-        if (this.loginService._state === LoginState.LoggingIn) {
-          await this.loginService.exchangeCodeForTokenAsync(callBackURIParams!);
-        }
-        this.initialized = true;
-      }
-    } catch (err: any) {
-      this.logoutCompleted.emit({
-        ErrorType: 'Login Error',
-        ErrorMessage: err.message,
-      });
-      this.loginService.removeFromLocalStorage();
-      this._state = LoginState.LoggedOut;
-      console.warn('Login Error: ' + err.message);
-      this.ref.detectChanges();
-    }
-  }
-
-  /** @internal */
-  parseCallbackURI(urlString: string): RedirectUriQueryParams | undefined {
-    const url = new URL(urlString);
-
-    const state = url.searchParams.get('state');
-    if (state === LOGIN_REDIRECT_STATE) {
-      const authorizationCode = this.extractCodeFromUrl(url);
-      const domain = this.extractDomainFromUrl(url);
-      const customerId = this.extractCustomerIdFromUrl(url);
-      const error = this.extractErrorFromUrl(url);
-      if (authorizationCode && domain && customerId) {
-        return {
-          authorizationCode,
-          cloudSubDomain: domain,
-          customerId,
-        };
-      } else if (error) {
-        return { error };
-      } else {
-        throw new Error('Unable to parse callback');
-      }
-    } else {
-      return undefined;
-    }
-  }
-
-  /** @internal */
-  extractErrorFromUrl(url: URL): { name: string; description: string } | undefined {
-    const error = url.searchParams.get('error');
-    if (error) {
-      const description = url.searchParams.get('description') ?? 'unknown';
-      return { name: error, description };
-    } else {
-      return undefined;
-    }
-  }
-
-  /** @internal */
-  extractCodeFromUrl(url: URL): string | undefined {
-    return url.searchParams.get('code') ?? undefined;
-  }
-
-  /** @internal */
-  extractDomainFromUrl(url: URL): string | undefined {
-    return url.searchParams.get('domain') ?? undefined;
-  }
-
-  /** @internal */
-  extractCustomerIdFromUrl(url: URL): string | undefined {
-    return url.searchParams.get('customerId') ?? undefined;
-  }
-
-  /** @internal */
-  determineCurrentState(callBackURIParams: RedirectUriQueryParams | undefined): LoginState {
-    const storedAccessToken = localStorage.getItem(this.loginService.accessTokenStorageKey!);
-    const storedAccountEndpoints = localStorage.getItem(this.loginService.accountEndpointsStorageKey);
-    const storedAccountId = localStorage.getItem(this.loginService.accountIdStorageKey);
-    if (storedAccessToken && storedAccountEndpoints && storedAccountId) {
-      this.loginService._accessToken = JSON.parse(storedAccessToken);
-      this.loginService._accountEndpoints = JSON.parse(storedAccountEndpoints);
-      const accountInfo = JSON.parse(storedAccountId);
-      this.loginService._accountInfo = accountInfo;
-      this.loginCompleted.emit();
-      return LoginState.LoggedIn;
-    } else if (callBackURIParams?.authorizationCode || callBackURIParams?.error) {
-      return LoginState.LoggingIn;
-    } else {
-      this.logoutCompleted.emit();
-      return LoginState.LoggedOut;
-    }
-  }
-
-  /** @internal */
-  createRefreshTokenRequest(): RequestInit {
-    const refreshToken: string | undefined = this.loginService._accessToken?.refreshToken;
-    if (refreshToken) {
-      const request: RequestInit = { method: 'POST' };
-      const headers = this.loginService.getPostRequestHeaders();
-      const body = {
-        grant_type: 'refresh_token',
-        refresh_token: refreshToken,
-        client_id: this.client_id,
-      };
-      const requestBody = this.loginService.objToWWWFormUrlEncodedBody(body);
-      request.headers = headers;
-      request.body = requestBody;
-      return request;
-    } else {
-      throw new Error('RefreshToken is not defined');
-    }
-  }
-
-  /** @internal */
-  async onLoginButtonClickAsync() {
-    if (this.state === LoginState.LoggedIn) {
-      this.startLogout();
-    } else if (this.state === LoginState.LoggedOut) {
-      await this.startLoginAsync();
-    } else {
-      // Do not expect to get here as the button should be disabled.
-      console.warn('Intermediate state. Should not attempt to login.');
-    }
-  }
-
-  /** @internal */
-  async startLoginAsync() {
-    try {
-      await this.startOAuthLoginFlowAsync();
-    } catch (err: any) {
-      if (this.loginService._state !== LoginState.LoggedOut) {
-        this._state = LoginState.LoggedOut;
-        this.ref.detectChanges();
-        this.loginService.removeFromLocalStorage();
-        this.logoutCompleted.emit({
-          ErrorType: 'Login Error',
-          ErrorMessage: err.message,
-        });
-        console.error('Login Error: ' + err.message);
-      }
-    }
-  }
-
-  /** @internal */
-  private async startOAuthLoginFlowAsync() {
-    const code_verifier = PKCEUtils.generateCodeVerifier();
-    this.loginService.storeCodeVerifier(code_verifier);
-
-    this.code_challenge = await PKCEUtils.generateCodeChallengeAsync(code_verifier);
-
-    const fullAuthorizeUrl = this.getAuthorizeUrl();
-    this.loginInitiated.emit(fullAuthorizeUrl);
-    this._state = LoginState.LoggingIn;
-    this.ref.detectChanges();
-    console.info('state changed to LoggingIn');
-    this.handleRedirectBehavior(fullAuthorizeUrl, 'Log in button clicked.');
-  }
-
-  /** @internal */
-  getAuthorizeUrl(): string {
-    const lastOAuthAuthorizeUrl = this.account_endpoints?.oauthAuthorizeUrl;
-    const configuredHostName = this.loginService.authorize_url_host_name;
-
-    const bothClouddev = configuredHostName.includes(this.CLOUDDEV) && lastOAuthAuthorizeUrl?.includes(this.CLOUDDEV);
-    const bothCloudtest =
-      configuredHostName.includes(this.CLOUDTEST) && lastOAuthAuthorizeUrl?.includes(this.CLOUDTEST);
-    const bothCloudprod =
-      lastOAuthAuthorizeUrl &&
-      !configuredHostName.includes(this.CLOUDDEV) &&
-      !configuredHostName.includes(this.CLOUDTEST) &&
-      !lastOAuthAuthorizeUrl?.includes(this.CLOUDDEV) &&
-      !lastOAuthAuthorizeUrl?.includes(this.CLOUDTEST);
-
-    const sameEnvironment = bothClouddev || bothCloudtest || bothCloudprod;
-
-    let currentAuthorizeUrl: string;
-    if (sameEnvironment && lastOAuthAuthorizeUrl) {
-      currentAuthorizeUrl = lastOAuthAuthorizeUrl;
-    } else {
-      currentAuthorizeUrl = this.getAuthorizeUrlWithConfiguredHostName();
-    }
-
-    const baseUrl: URL = new URL(currentAuthorizeUrl);
-    baseUrl.searchParams.set('client_id', this.client_id);
-    baseUrl.searchParams.set('redirect_uri', this.redirect_uri);
-    baseUrl.searchParams.set('scope', this.scope);
-    baseUrl.searchParams.set('response_type', 'code');
-    baseUrl.searchParams.set('response_mode', 'query');
-    baseUrl.searchParams.set('state', LOGIN_REDIRECT_STATE);
-    baseUrl.searchParams.set('code_challenge', this.code_challenge!);
-    baseUrl.searchParams.set('code_challenge_method', CODE_CHALLENGE_METHOD);
-    return baseUrl.toString();
-  }
-
-  /** @internal */
-  private getAuthorizeUrlWithConfiguredHostName(): string {
-    return `https://signin.${this.loginService.authorize_url_host_name}/oauth/Authorize`;
-  }
-
-  /** @internal */
-  startLogout() {
-    try {
-      this._state = LoginState.LoggingOut;
-      this.ref.detectChanges();
-      console.info('state changed to LoggingOut');
-
-      const logoutUrl = this.getFullLogoutUrl();
-      this.logoutInitiated.emit(logoutUrl);
-
-      this.loginService.removeFromLocalStorage();
-      this._state = LoginState.LoggedOut;
-      this.ref.detectChanges();
-      console.info('state changed to LoggedOut');
-
-      this.logoutCompleted.emit();
-      if (logoutUrl) {
-        this.handleRedirectBehavior(logoutUrl, 'Logout button clicked.');
-      }
-    } catch (err: any) {
-      if (this.loginService._state !== LoginState.LoggedOut) {
-        this.loginService.removeFromLocalStorage();
-        this._state = LoginState.LoggedOut;
-        this.ref.detectChanges();
-
-        console.error('Logout error (state changed to LoggedOut): ' + err.message);
-        this.logoutCompleted.emit({
-          ErrorType: 'Logout Error',
-          ErrorMessage: err.message,
-        });
-      }
-    }
-  }
-
-  /** @internal */
-  getFullLogoutUrl(): string | undefined {
-    if (this.loginService._accountEndpoints?.wsignoutUrl) {
-      const acsToLfLogout = new URL(this.loginService._accountEndpoints?.wsignoutUrl);
-      // Warning: if we are already logged out this will behave strangely
-      // won't redirect back to redirect Url
-      acsToLfLogout.searchParams.set('wreply', this.redirect_uri);
-      const stringUrl = acsToLfLogout.toString();
-      return stringUrl;
-    } else {
-      console.warn('No account endpoint available. Did not redirect');
-      return undefined;
-    }
-  }
-
-  /** @internal */
-  private handleRedirectBehavior(stringUrl: string, additionalContext?: string) {
-    if (this.redirect_behavior === RedirectBehavior.Replace) {
-      window.location.replace(stringUrl);
-    } else if (this.redirect_behavior === RedirectBehavior.Popup) {
-      throw new Error('Not implemented');
-    } else {
-      const concatStrings = this.concatStrings(
-        additionalContext,
-        'Redirect behavior none. Redirect must be implemented by container in event initiated handler'
-      );
-      console.log(concatStrings);
-    }
-  }
-
-  /** @internal */
-  concatStrings(firstString: string | undefined, secondString: string) {
-    const firstStringExists = firstString && firstString.length > 0;
-    if (firstStringExists) {
-      const lastCharOfFirstString = firstString?.charAt(firstString.length - 1);
-      const firstCharOfSecondString = secondString.charAt(0);
-      if (lastCharOfFirstString !== ' ' && firstCharOfSecondString !== ' ') {
-        return firstString + ' ' + secondString;
-      } else if (lastCharOfFirstString === ' ' && firstCharOfSecondString === ' ') {
-        return firstString + secondString.substring(1);
-      }
-      return firstString + secondString;
-    } else {
-      return secondString;
-    }
-  }
-
-  /** @internal */
-  private async beforeFetchRequestAsync(url: string, request: RequestInit): Promise<LfBeforeFetchResult> {
-    // must get accessToken each time
-    const accessToken = this.authorization_credentials?.accessToken;
-    if (accessToken) {
-      const headers = request.headers as Record<string, string>;
-      headers['Authorization'] = 'Bearer ' + accessToken;
-      const regionalDomain: string = this.account_endpoints?.regionalDomain ?? '';
-      return { regionalDomain };
-    } else {
-      throw new Error('Access Token undefined.');
-    }
-  }
-
-  /** @internal */
-  private async afterFetchResponseAsync(url: string, response: Response, request: RequestInit): Promise<boolean> {
-    if (response.status === 401) {
-      // this will initialize the login flow if refresh is unsuccessful
-      const accessToken = await this.refreshTokenAsync(true);
-      const retry = accessToken !== undefined;
-      return retry;
-    }
-    return false;
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ChangeDetectorRef, Component, EventEmitter, Input, OnDestroy, Output, OnInit } from '@angular/core';
+import { Observable, of, Subscription } from 'rxjs';
+import { AccountInfo, RedirectUriQueryParams } from './login-utils/lf-login-internal-types';
+import {
+  AbortedLoginError,
+  AccountEndpoints,
+  AuthorizationCredentials,
+  LfBeforeFetchResult,
+  LfHttpRequestHandler,
+  LoginType,
+} from './login-utils/lf-login-types';
+import { LoginMode, LoginState, RedirectBehavior } from '@laserfiche/lf-ui-components/shared';
+import { AppLocalizationService } from '@laserfiche/lf-ui-components/internal-shared';
+import { LfLoginService } from './login-utils/lf-login.service';
+import { ApiException, PKCEUtils } from '@laserfiche/lf-api-client-core';
+import { CloudLoginProvider } from './login-utils/cloud-login-provider';
+import { SelfHostedLoginProvider } from './login-utils/self-hosted-login-provider';
+
+const LOGIN_REDIRECT_STATE = 'lf-login-redirect';
+const CODE_CHALLENGE_METHOD = 'S256';
+@Component({
+  selector: 'lf-login-component',
+  templateUrl: './lf-login.component.html',
+  styleUrls: ['./lf-login.component.css'],
+})
+export class LfLoginComponent implements OnDestroy, OnInit {
+  @Input() mode: LoginMode = LoginMode.Button;
+
+  /**
+   * @return {LfHttpRequestHandler}
+   * Returns the LfHttpRequestHandler that can be used
+   * to instantiate a repository API client.
+   */
+  @Input()
+  get authorizationRequestHandler(): LfHttpRequestHandler {
+    return {
+      beforeFetchRequestAsync: this.beforeFetchRequestAsync.bind(this),
+      afterFetchResponseAsync: this.afterFetchResponseAsync.bind(this),
+    };
+  }
+
+  /** @internal */
+  get isMenuMode(): boolean {
+    return this.mode === LoginMode.Menu;
+  }
+
+  /** @internal */
+  _sign_in_text: Observable<string> = this.localizationService.getStringLaserficheObservable('SIGN_IN');
+  /** @internal */
+  _sign_out_text: Observable<string> = this.localizationService.getStringLaserficheObservable('SIGN_OUT');
+  /** @internal */
+  _signing_in_text: Observable<string> = this.localizationService.getStringLaserficheObservable('SIGNING_IN');
+  /** @internal */
+  _signing_out_text: Observable<string> = this.localizationService.getStringLaserficheObservable('SIGNING_OUT');
+
+  @Input() set sign_in_text(text: string) {
+    this._sign_in_text = of(text);
+  }
+  @Input() set sign_out_text(text: string) {
+    this._sign_out_text = of(text);
+  }
+  @Input() set signing_in_text(text: string) {
+    this._signing_in_text = of(text);
+  }
+  @Input() set signing_out_text(text: string) {
+    this._signing_out_text = of(text);
+  }
+
+  /** @internal */
+  buttonText: Observable<string> = this._sign_in_text;
+
+  @Input() set client_id(val: string) {
+    this.loginService.client_id = val;
+  }
+  get client_id(): string | undefined{
+    return this.loginService.client_id;
+  }
+
+  @Input() set redirect_uri(val: string) {
+    this.loginService.redirect_uri = val;
+  }
+  get redirect_uri(): string {
+    return this.loginService.redirect_uri;
+  }
+
+  @Input() set scope(val: string) {
+    this.loginService.scope = val;
+  }
+  get scope(): string | undefined {
+    return this.loginService.scope;
+  }
+
+  @Input() set redirect_behavior(val: RedirectBehavior) {
+    this.loginService.redirect_behavior = val;
+  }
+  get redirect_behavior(): RedirectBehavior {
+    return this.loginService.redirect_behavior;
+  }
+
+  @Input() set authorize_url_host_name(val: string) {
+    this.loginService.authorize_url_host_name = val;
+  }
+
+  get authorize_url_host_name(): string {
+    return this.loginService.authorize_url_host_name;
+  }
+
+  @Input() set login_type(val: LoginType) {
+    this.loginService.login_type = val;
+  }
+
+  get login_type(): LoginType {
+    return this.loginService.login_type;
+  }
+
+  @Input() set login_identifier(val: string) {
+    this.loginService.login_identifier = val;
+  }
+
+  get login_identifier(): string {
+    return this.loginService.login_identifier;
+  }
+
+  @Input()
+  get authorization_credentials(): AuthorizationCredentials | undefined {
+    try {
+      if (this.loginService._accessToken) {
+        return this.loginService._accessToken;
+      } else {
+        const accessTokenFromStorage = localStorage.getItem(this.loginService.accessTokenStorageKey);
+        if (accessTokenFromStorage) {
+          const accessTokenCredentials: AuthorizationCredentials = JSON.parse(accessTokenFromStorage);
+          return accessTokenCredentials;
+        } else {
+          return undefined;
+        }
+      }
+    } catch (err: any) {
+      console.warn('Unable to retrieve accessToken: ' + err.message);
+      return undefined;
+    }
+  }
+
+  @Input()
+  get account_endpoints(): AccountEndpoints | undefined {
+    return this.loginService.getAccountEndpoints();
+  }
+
+  @Input()
+  get account_id(): string | undefined {
+    try {
+      if (this.loginService._accountInfo) {
+        return this.loginService._accountInfo.accountId;
+      } else {
+        const accountInfoFromStorage = localStorage.getItem(this.loginService.accountIdStorageKey);
+        if (accountInfoFromStorage) {
+          const accountInfo: AccountInfo = JSON.parse(accountInfoFromStorage);
+          return accountInfo.accountId;
+        } else {
+          return undefined;
+        }
+      }
+    } catch (err: any) {
+      console.warn('Unable to retrieve accountId: ' + err.message);
+      return undefined;
+    }
+  }
+
+  @Input()
+  get trustee_id(): string | undefined {
+    try {
+      if (this.loginService._accountInfo) {
+        return this.loginService._accountInfo.trusteeId;
+      } else {
+        const accountInfoFromStorage = localStorage.getItem(this.loginService.accountIdStorageKey);
+        if (accountInfoFromStorage) {
+          const accountInfo: AccountInfo = JSON.parse(accountInfoFromStorage);
+          return accountInfo.trusteeId;
+        } else {
+          return undefined;
+        }
+      }
+    } catch (err: any) {
+      console.warn('Unable to retrieve trusteeId: ' + err.message);
+      return undefined;
+    }
+  }
+
+  @Input()
+  get state(): LoginState {
+    return this.loginService._state ?? LoginState.LoggedOut;
+  }
+
+  private set _state(state: LoginState) {
+    this.loginService._state = state;
+    this.setButtonText();
+  }
+
+  @Output() loginInitiated = new EventEmitter<string>();
+  @Output() logoutInitiated = new EventEmitter<string>();
+
+  @Output() loginCompleted = new EventEmitter<void>();
+  @Output() logoutCompleted = new EventEmitter<AbortedLoginError | void>();
+
+  /**
+   * Refreshes and returns the access token
+   * @param initiateLoginFlowOnRefreshFailure
+   * Indicates whether an attempt should be made to login using OAuth flow upon encountering an inability to refresh the access token.
+   * @returns  {Promise<string | undefined>}
+   */
+  @Input()
+  refreshTokenAsync: (initiateLoginFlowOnRefreshFailure: boolean) => Promise<string | undefined> = async (
+    initiateLoginFlowOnRefreshFailure: boolean = true,
+  ) => {
+    try {
+      const refreshToken: string | undefined = this.authorization_credentials?.refreshToken;
+      if (!refreshToken) {
+        if (initiateLoginFlowOnRefreshFailure && !this.hasLoginError && this.state === LoginState.LoggedOut) {
+          console.warn('Unable to refresh, refreshToken is not defined. Will attempt to start the OAuth login flow');
+          await this.startOAuthLoginFlowAsync();
+        } else if (this.state === LoginState.LoggingIn) {
+          console.log('Logging in. Will not attempt to refresh');
+        } else {
+          console.warn(
+            'Unable to refresh, refreshToken is not defined, initiateLoginFlowOnRefreshFailure set to false',
+          );
+          this._state = LoginState.LoggedOut;
+          this.logoutCompleted.emit({
+            ErrorType: 'Refresh Token Error',
+            ErrorMessage: 'refreshToken is not defined',
+          });
+          this.ref.detectChanges();
+          this.loginService.removeFromLocalStorage();
+        }
+        return undefined;
+      } else {
+        try {
+          const oauthRegion = this.account_endpoints?.regionalDomain;
+          if (!oauthRegion) {
+            throw new Error('Unable to refresh. Cannot construct tokenClient.');
+          }
+
+          const tokenClient = this.loginService.loginProvider?.getTokenClient(oauthRegion);
+          const response = await tokenClient!.refreshAccessToken(refreshToken, this.client_id);
+          const newAccessToken = await this.loginService.parseTokenResponseAsync(response);
+          this.loginService.storeAccessToken(newAccessToken!);
+          this._state = LoginState.LoggedIn;
+          console.info('state changed to LoggedIn');
+          this.loginCompleted.emit();
+          return newAccessToken?.accessToken;
+        } catch (e) {
+          const status = (<ApiException>e).status ?? 0;
+          if (status === 401 || status === 403) {
+            if (initiateLoginFlowOnRefreshFailure && !this.hasLoginError && this.state === LoginState.LoggedOut) {
+              console.warn('Unable to refresh. Will attempt to start the OAuth login flow');
+              await this.startOAuthLoginFlowAsync();
+            } else {
+              console.warn(
+                `Unable to refresh, initiateLoginFlowOnRefreshFailure set to ${initiateLoginFlowOnRefreshFailure}, state is ${this.state}`,
+              );
+              this._state = LoginState.LoggedOut;
+              this.ref.detectChanges();
+              this.loginService.removeFromLocalStorage();
+            }
+          }
+          throw e;
+        }
+      }
+    } catch (err: any) {
+      this._state = LoginState.LoggedOut;
+      this.ref.detectChanges();
+      this.loginService.removeFromLocalStorage();
+      this.logoutCompleted.emit({
+        ErrorType: 'Refresh Token Error',
+        ErrorMessage: err.message,
+      });
+      console.error('Unable to refresh, logged out: ' + err.message);
+      return undefined;
+    }
+  };
+
+  private async loginFlowHandler(startLoginMethodAsync: () => Promise<void>): Promise<string | undefined> {
+    try {
+      const accessToken: string | undefined = this.authorization_credentials?.accessToken;
+      if (this.state === LoginState.LoggedOut && !this.hasLoginError) {
+        await startLoginMethodAsync();
+        return undefined;
+      } else {
+        await this.initializeLoginAsync();
+        return accessToken;
+      }
+    } catch (err: any) {
+      this._state = LoginState.LoggedOut;
+      this.ref.detectChanges();
+      this.loginService.removeFromLocalStorage();
+      this.logoutCompleted.emit({
+        ErrorType: 'Login Error',
+        ErrorMessage: err.message,
+      });
+      console.error('Unable to login, logged out: ' + err.message);
+      return undefined;
+    }
+  }
+
+  private async startCloudLoginFlowAsync() {
+    this.loginService.loginProvider = new CloudLoginProvider(this.loginService);
+    await this.startOAuthLoginFlowAsync();
+  }
+
+  @Input()
+  initLoginFlowAsync: () => Promise<string | undefined> = async () => {
+    return await this.loginFlowHandler(() => this.startCloudLoginFlowAsync());
+  };
+
+  private async startSelfHostedLoginFlow(accountEndpoints: AccountEndpoints, repositoryId: string) {
+    this.loginService.loginProvider = new SelfHostedLoginProvider(this.loginService, repositoryId);
+    await this.startSelfHostedLoginFlowAsync(accountEndpoints);
+  }
+
+  @Input()
+  initSelfHostedLoginFlowAsync: (
+    accountEndpoints: AccountEndpoints,
+    repositoryId: string,
+  ) => Promise<string | undefined> = async (accountEndpoints: AccountEndpoints, repositoryId: string) => {
+    return await this.loginFlowHandler(() => this.startSelfHostedLoginFlow(accountEndpoints, repositoryId));
+  };
+
+  @Input() handleRedirectURICallbackAsync = async (url: string) => {
+    try {
+      const callbackURIParams = this.parseCallbackURI(url);
+      if (callbackURIParams) {
+        await this.loginService.exchangeCodeForTokenAsync(callbackURIParams);
+      }
+    } catch (err: any) {
+      console.error('handleRedirectURICallbackAsync error, unable to exchange token: ', err.message);
+      throw err;
+    }
+  };
+
+  /** @internal */
+  private logoutCompleteSub?: Subscription;
+  /** @internal */
+  private loginCompleteSub?: Subscription;
+  /** @internal */
+  private code_challenge?: string;
+  /** @internal */
+  private hasLoginError: boolean = false;
+  /** @internal */
+  private initialized: boolean = false;
+
+  /** @internal */
+  constructor(
+    /** @internal */
+    private ref: ChangeDetectorRef,
+    /** @internal */
+    private loginService: LfLoginService,
+    /** @internal */
+    private localizationService: AppLocalizationService,
+  ) {
+    window.addEventListener('storage', (ev) => {
+      this.onStorageChanged(ev);
+    });
+  }
+
+  private setButtonText() {
+    if (this.state === LoginState.LoggedIn) {
+      this.buttonText = this._sign_out_text;
+    } else if (this.state === LoginState.LoggingIn) {
+      this.buttonText = this._signing_in_text;
+    } else if (this.state === LoginState.LoggingOut) {
+      this.buttonText = this._signing_out_text;
+    } else {
+      this.buttonText = this._sign_in_text;
+    }
+  }
+
+  private onStorageChanged(ev: StorageEvent) {
+    const keyName = ev.key;
+    const oldValue = ev.oldValue;
+    const newValue = ev.newValue;
+    if (keyName === this.loginService.accessTokenStorageKey) {
+      this.onAccessTokenLocalStorageChange(oldValue, newValue);
+    }
+  }
+
+  private onAccessTokenLocalStorageChange(oldValue: string | null, newValue: string | null) {
+    if (oldValue && !newValue) {
+      // newly logged out
+      this.loginService.removeFromCache();
+      this._state = LoginState.LoggedOut;
+      this.ref.detectChanges();
+      this.logoutCompleted.emit();
+    } else if (!oldValue && newValue) {
+      // newly logged in
+      this._state = LoginState.LoggingIn;
+      this.ref.detectChanges();
+
+      this.loginService.storeAccessToken(JSON.parse(newValue));
+      this.loginService.refreshServiceAccountProperties();
+      this._state = LoginState.LoggedIn;
+      this.ref.detectChanges();
+      this.loginCompleted.emit();
+    } else if (newValue && oldValue && oldValue !== newValue) {
+      // refreshed
+      const newAccessToken: AuthorizationCredentials = JSON.parse(newValue);
+      this.loginService.storeAccessToken(newAccessToken);
+      this.loginService.refreshServiceAccountProperties();
+      this._state = LoginState.LoggedIn;
+      this.ref.detectChanges();
+      this.loginCompleted.emit();
+    } else {
+      // accessToken didn't change
+      // do nothing
+    }
+  }
+
+  /** @internal */
+  get isLoggedIn() {
+    return this.loginService._state === LoginState.LoggedIn;
+  }
+
+  /** @internal */
+  get isIntermediateState() {
+    const loggingIn = this.loginService._state === LoginState.LoggingIn;
+    const loggingOut = this.loginService._state === LoginState.LoggingOut;
+    return loggingIn || loggingOut;
+  }
+
+  /** @internal */
+  async ngOnInit() {
+    this.logoutCompleteSub = this.loginService.logoutCompletedInService.subscribe((error) => {
+      this.hasLoginError = true;
+      this.setButtonText();
+      this.logoutCompleted.emit(error);
+    });
+    this.loginCompleteSub = this.loginService.loginCompletedInService.subscribe(() => {
+      this.setButtonText();
+      this.loginCompleted.emit();
+    });
+  }
+
+  /** @internal */
+  ngOnDestroy() {
+    this.loginCompleteSub?.unsubscribe();
+    this.logoutCompleteSub?.unsubscribe();
+  }
+
+  /** @internal */
+  private async initializeLoginAsync() {
+    try {
+      const callBackURIParams = this.parseCallbackURI(window.location.href);
+      this._state =
+        this.loginService.loginProvider?.determineCurrentState(
+          callBackURIParams,
+          this.loginCompleted,
+          this.logoutCompleted,
+        ) ?? LoginState.LoggedOut;
+      this.ref.detectChanges();
+      if (this.loginService._state === LoginState.LoggingIn) {
+        await this.loginService.exchangeCodeForTokenAsync(callBackURIParams!);
+      }
+    } catch (err: any) {
+      this.logoutCompleted.emit({
+        ErrorType: 'Login Error',
+        ErrorMessage: err.message,
+      });
+      this.loginService.removeFromLocalStorage();
+      this._state = LoginState.LoggedOut;
+      console.warn('Login Error: ' + err.message);
+      this.ref.detectChanges();
+    }
+  }
+
+  /** @internal */
+  parseCallbackURI(urlString: string): RedirectUriQueryParams | undefined {
+    const url = new URL(urlString);
+    const state = url.searchParams.get('state');
+    if (state !== LOGIN_REDIRECT_STATE) {
+      return undefined;
+    }
+
+    return this.loginService.loginProvider?.exchangeRedirectUriQueryParams(url);
+  }
+
+  /** @internal */
+  createRefreshTokenRequest(): RequestInit {
+    const refreshToken: string | undefined = this.loginService._accessToken?.refreshToken;
+    if (refreshToken) {
+      const request: RequestInit = { method: 'POST' };
+      const headers = this.loginService.getPostRequestHeaders();
+      const body = {
+        grant_type: 'refresh_token',
+        refresh_token: refreshToken,
+        client_id: this.client_id,
+      };
+      const requestBody = this.loginService.objToWWWFormUrlEncodedBody(body);
+      request.headers = headers;
+      request.body = requestBody;
+      return request;
+    } else {
+      throw new Error('RefreshToken is not defined');
+    }
+  }
+
+  /** @internal */
+  async onLoginButtonClickAsync() {
+    if (this.state === LoginState.LoggedIn) {
+      this.startLogout();
+    } else if (this.state === LoginState.LoggedOut) {
+      await this.startLoginAsync();
+    } else {
+      // Do not expect to get here as the button should be disabled.
+      console.warn('Intermediate state. Should not attempt to login.');
+    }
+  }
+
+  /** @internal */
+  async startLoginAsync() {
+    try {
+      await this.startCloudLoginFlowAsync();
+    } catch (err: any) {
+      if (this.loginService._state !== LoginState.LoggedOut) {
+        this._state = LoginState.LoggedOut;
+        this.ref.detectChanges();
+        this.loginService.removeFromLocalStorage();
+        this.logoutCompleted.emit({
+          ErrorType: 'Login Error',
+          ErrorMessage: err.message,
+        });
+        console.error('Login Error: ' + err.message);
+      }
+    }
+  }
+
+  /** @internal */
+  private async startOAuthLoginFlowAsync() {
+    const code_verifier = PKCEUtils.generateCodeVerifier();
+    this.loginService.storeCodeVerifier(code_verifier);
+
+    this.code_challenge = await PKCEUtils.generateCodeChallengeAsync(code_verifier);
+
+    const fullAuthorizeUrl = this.getAuthorizeUrl();
+    this.loginInitiated.emit(fullAuthorizeUrl);
+    this._state = LoginState.LoggingIn;
+    this.ref.detectChanges();
+    console.info('state changed to LoggingIn');
+    this.handleRedirectBehavior(fullAuthorizeUrl, 'Log in button clicked.');
+  }
+
+  private async startSelfHostedLoginFlowAsync(accountEndpoints: AccountEndpoints) {
+    this.loginService.self_hosted_account_endpoints = accountEndpoints;
+    this.loginService.self_hosted_base_url = accountEndpoints.regionalDomain;
+    await this.startOAuthLoginFlowAsync();
+  }
+
+  /** @internal */
+  getAuthorizeUrl(): string {
+    const baseAuthorizeUrl = this.loginService.loginProvider?.getBaseAuthorizeUrl();
+
+    const baseUrl: URL = new URL(baseAuthorizeUrl ?? '');
+    if(this.client_id) {
+      baseUrl.searchParams.set('client_id', this.client_id);
+    }
+    if (this.scope) {
+      baseUrl.searchParams.set('scope', this.scope);
+    }
+    baseUrl.searchParams.set('redirect_uri', this.redirect_uri);
+    baseUrl.searchParams.set('response_type', 'code');
+    baseUrl.searchParams.set('response_mode', 'query');
+    baseUrl.searchParams.set('state', LOGIN_REDIRECT_STATE);
+    baseUrl.searchParams.set('code_challenge', this.code_challenge!);
+    baseUrl.searchParams.set('code_challenge_method', CODE_CHALLENGE_METHOD);
+
+    return baseUrl.toString();
+  }
+
+  /** @internal */
+  startLogout() {
+    try {
+      this._state = LoginState.LoggingOut;
+      this.ref.detectChanges();
+      console.info('state changed to LoggingOut');
+
+      const logoutUrl = this.getFullLogoutUrl();
+      this.loginService.loginProvider?.logoutInitiatedViaUrl(logoutUrl, this.logoutInitiated);
+
+      this.loginService.removeFromLocalStorage();
+      this._state = LoginState.LoggedOut;
+      this.ref.detectChanges();
+      console.info('state changed to LoggedOut');
+
+      this.logoutCompleted.emit();
+      if (logoutUrl) {
+        this.handleRedirectBehavior(logoutUrl, 'Logout button clicked.');
+      }
+    } catch (err: any) {
+      if (this.loginService._state !== LoginState.LoggedOut) {
+        this.loginService.removeFromLocalStorage();
+        this._state = LoginState.LoggedOut;
+        this.ref.detectChanges();
+
+        console.error('Logout error (state changed to LoggedOut): ' + err.message);
+        this.logoutCompleted.emit({
+          ErrorType: 'Logout Error',
+          ErrorMessage: err.message,
+        });
+      }
+    }
+  }
+
+  /** @internal */
+  getFullLogoutUrl(): string | undefined {
+    if (this.loginService._accountEndpoints?.wsignoutUrl) {
+      const acsToLfLogout = new URL(this.loginService._accountEndpoints?.wsignoutUrl);
+      // Warning: if we are already logged out this will behave strangely
+      // won't redirect back to redirect Url
+      acsToLfLogout.searchParams.set('wreply', this.redirect_uri);
+      const stringUrl = acsToLfLogout.toString();
+      return stringUrl;
+    } else {
+      console.warn('No account endpoint available. Did not redirect');
+      return undefined;
+    }
+  }
+
+  /** @internal */
+  private handleRedirectBehavior(stringUrl: string, additionalContext?: string) {
+    if (this.redirect_behavior === RedirectBehavior.Replace) {
+      window.location.replace(stringUrl);
+    } else if (this.redirect_behavior === RedirectBehavior.Popup) {
+      throw new Error('Not implemented');
+    } else {
+      const concatStrings = this.concatStrings(
+        additionalContext,
+        'Redirect behavior none. Redirect must be implemented by container in event initiated handler',
+      );
+      console.log(concatStrings);
+    }
+  }
+
+  /** @internal */
+  concatStrings(firstString: string | undefined, secondString: string) {
+    const firstStringExists = firstString && firstString.length > 0;
+    if (firstStringExists) {
+      const lastCharOfFirstString = firstString?.charAt(firstString.length - 1);
+      const firstCharOfSecondString = secondString.charAt(0);
+      if (lastCharOfFirstString !== ' ' && firstCharOfSecondString !== ' ') {
+        return firstString + ' ' + secondString;
+      } else if (lastCharOfFirstString === ' ' && firstCharOfSecondString === ' ') {
+        return firstString + secondString.substring(1);
+      }
+      return firstString + secondString;
+    } else {
+      return secondString;
+    }
+  }
+
+  /** @internal */
+  private async beforeFetchRequestAsync(url: string, request: RequestInit): Promise<LfBeforeFetchResult> {
+    // must get accessToken each time
+    const accessToken = this.authorization_credentials?.accessToken;
+    if (accessToken) {
+      const headers = request.headers as Record<string, string>;
+      headers['Authorization'] = 'Bearer ' + accessToken;
+      const regionalDomain: string = this.account_endpoints?.regionalDomain ?? '';
+      return { regionalDomain };
+    } else {
+      throw new Error('Access Token undefined.');
+    }
+  }
+
+  /** @internal */
+  private async afterFetchResponseAsync(url: string, response: Response, request: RequestInit): Promise<boolean> {
+    if (response.status === 401) {
+      // this will initialize the login flow if refresh is unsuccessful
+      const accessToken = await this.refreshTokenAsync(true);
+      const retry = accessToken !== undefined;
+      return retry;
+    }
+    return false;
+  }
+}
diff --git a/projects/ui-components/lf-login/login-utils/cloud-login-provider.spec.ts b/projects/ui-components/lf-login/login-utils/cloud-login-provider.spec.ts
new file mode 100644
index 00000000..8debafa6
--- /dev/null
+++ b/projects/ui-components/lf-login/login-utils/cloud-login-provider.spec.ts
@@ -0,0 +1,195 @@
+import { CloudLoginProvider } from './cloud-login-provider';
+import { TokenClient } from '@laserfiche/lf-api-client-core';
+import { LfLoginService } from './lf-login.service';
+import { AccountEndpoints, AuthorizationCredentials } from './lf-login-types';
+import { TestBed } from '@angular/core/testing';
+import { EventEmitter } from '@angular/core';
+import { LoginState } from '@laserfiche/lf-ui-components/shared';
+import { AccountInfo } from './lf-login-internal-types';
+
+describe('CloudLoginProvider', () => {
+  let provider: CloudLoginProvider;
+  const lfLoginServiceMock: jasmine.SpyObj<LfLoginService> = jasmine.createSpyObj('LfLoginService', [
+    'storeAccessToken',
+    'parseAccessToken',
+    'storeAccountInfo',
+    'storeAccountEndpoints',
+    'getAccountEndpoints',
+    'extractCodeFromUrl',
+    'extractDomainFromUrl',
+    'extractCustomerIdFromUrl',
+    'extractErrorFromUrl',
+    'accessTokenStorageKey',
+  ]);
+
+  beforeEach(() => {
+    provider = new CloudLoginProvider(lfLoginServiceMock);
+  });
+
+  describe('getTokenClient', () => {
+    it('should return a TokenClient instance', () => {
+      const tokenClientUrl = 'https://example.com/token';
+      const tokenClient = provider.getTokenClient(tokenClientUrl);
+      expect(tokenClient).toBeInstanceOf(TokenClient);
+    });
+  });
+
+  describe('getBaseAuthorizeUrl', () => {
+    it('should return the base authorize URL when last OAuth authorize URL exist and host name does not include dev and test environments', () => {
+      lfLoginServiceMock.authorize_url_host_name = 'example.com';
+      lfLoginServiceMock.getAccountEndpoints.and.returnValue({
+        oauthAuthorizeUrl: 'https://example.com/oauth/authorize',
+      } as AccountEndpoints);
+
+      const baseAuthorizeUrl = provider.getBaseAuthorizeUrl();
+      expect(baseAuthorizeUrl).toBe('https://example.com/oauth/authorize');
+    });
+
+    it('should return the base authorize URL when last OAuth authorize URL does not exist', () => {
+      lfLoginServiceMock.getAccountEndpoints.and.returnValue(undefined);
+      lfLoginServiceMock.authorize_url_host_name = 'example.net';
+
+      const baseAuthorizeUrl = provider.getBaseAuthorizeUrl();
+      expect(baseAuthorizeUrl).toBe('https://signin.example.net/oauth/Authorize');
+    });
+  });
+
+  describe('storeInLocalStorage', () => {
+    it('should store access token credentials in local storage', () => {
+      const accessTokenCredentials = {
+        accessToken: 'test-access',
+        expiresIn: '3600',
+        tokenType: 'bearer',
+      };
+
+      provider.storeInLocalStorage(accessTokenCredentials, 'account-id', 'regional-domain');
+
+      expect(lfLoginServiceMock.storeAccessToken).toHaveBeenCalledWith(accessTokenCredentials);
+      expect(lfLoginServiceMock.storeAccountInfo).toHaveBeenCalled();
+      expect(lfLoginServiceMock.storeAccountEndpoints).toHaveBeenCalled();
+    });
+  });
+
+  describe('exchangeRedirectUriQueryParams', () => {
+    it('should return RedirectUriQueryParams with authorization code and domain when available', () => {
+      lfLoginServiceMock.extractCodeFromUrl.and.returnValue('abc');
+      lfLoginServiceMock.extractDomainFromUrl.and.returnValue('example.com');
+      lfLoginServiceMock.extractCustomerIdFromUrl.and.returnValue('customer-123');
+      const url = new URL('https://example.com/callback?code=abc&domain=example.com');
+
+      const redirectUriQueryParams = provider.exchangeRedirectUriQueryParams(url);
+
+      expect(redirectUriQueryParams).toEqual({
+        authorizationCode: 'abc',
+        cloudSubDomain: 'example.com',
+        customerId: 'customer-123',
+      });
+    });
+
+    it('should return RedirectUriQueryParams with error when available', () => {
+      lfLoginServiceMock.extractCodeFromUrl.and.returnValue('abc');
+      lfLoginServiceMock.extractDomainFromUrl.and.returnValue('example.com');
+      lfLoginServiceMock.extractCustomerIdFromUrl.and.returnValue(undefined);
+      lfLoginServiceMock.extractErrorFromUrl.and.returnValue({ name: 'xyz', description: 'unknown' });
+      const url = new URL('https://example.com/callback?error=xyz');
+
+      const redirectUriQueryParams = provider.exchangeRedirectUriQueryParams(url);
+
+      expect(redirectUriQueryParams).toEqual({
+        error: { name: 'xyz', description: 'unknown' },
+      });
+    });
+
+    it('should return undefined when particular query parameters are missing', () => {
+      lfLoginServiceMock.extractCodeFromUrl.and.returnValue(undefined);
+      lfLoginServiceMock.extractDomainFromUrl.and.returnValue(undefined);
+      lfLoginServiceMock.extractCustomerIdFromUrl.and.returnValue(undefined);
+      lfLoginServiceMock.extractErrorFromUrl.and.returnValue(undefined);
+      const url = new URL('https://example.com/callback?somthing=else');
+
+      const redirectUriQueryParams = provider.exchangeRedirectUriQueryParams(url);
+
+      expect(redirectUriQueryParams).toBeUndefined();
+    });
+  });
+
+  describe('determineCurrentState', () => {
+    const authorizationCredentialsMock: AuthorizationCredentials = {
+      accessToken: 'test-access',
+      refreshToken: 'test-refresh',
+      expiresIn: '3600',
+      tokenType: 'bearer',
+    };
+
+    const accountEndpointsMock: AccountEndpoints = {
+      webClientUrl: 'https://api.example.com',
+      wsignoutUrl: 'https://api.example.com/signout',
+      regionalDomain: 'example.com',
+      oauthAuthorizeUrl: 'https://example.com/oauth/authorize',
+    };
+
+    const accountInfoMock: AccountInfo = {
+      accountId: 'account-id',
+      trusteeId: 'trustee-id',
+    };
+
+    it('should return LoginState.LoggedIn when access token and account information are stored in local storage', () => {
+      const loginService = TestBed.inject(LfLoginService);
+      spyOnProperty(loginService, 'accessTokenStorageKey', 'get').and.returnValue('access-token-key');
+
+      const loginCompleteEmitMock = jasmine.createSpyObj('EventEmitter', ['emit']);
+      const logoutCompleted = new EventEmitter();
+
+      spyOn(localStorage, 'getItem').and.returnValues(
+        'access-token-value',
+        'account-endpoints-value',
+        'account-id-value',
+      );
+
+      spyOn(JSON, 'parse')
+        .withArgs('access-token-value')
+        .and.returnValue(authorizationCredentialsMock)
+        .withArgs('account-endpoints-value')
+        .and.returnValue(accountEndpointsMock)
+        .withArgs('account-id-value')
+        .and.returnValue(accountInfoMock);
+
+      const currentState = provider.determineCurrentState(undefined, loginCompleteEmitMock, logoutCompleted);
+
+      expect(currentState).toBe(LoginState.LoggedIn);
+      expect(loginCompleteEmitMock.emit).toHaveBeenCalled();
+    });
+
+    it('should return LoginState.LoggingIn when authorization code is available in callback URI params', () => {
+      const callBackURIParams = { authorizationCode: 'abc' };
+      const loginCompleted = new EventEmitter();
+      const logoutCompleted = new EventEmitter();
+
+      const currentState = provider.determineCurrentState(callBackURIParams, loginCompleted, logoutCompleted);
+
+      expect(currentState).toBe(LoginState.LoggingIn);
+    });
+
+    it('should return LoginState.LoggedOut when no access token or account endpoints are stored in local storage', () => {
+      const loginCompleted = new EventEmitter();
+      const logoutCompletedEmitMock = jasmine.createSpyObj('EventEmitter', ['emit']);
+
+      const currentState = provider.determineCurrentState(undefined, loginCompleted, logoutCompletedEmitMock);
+
+      expect(currentState).toBe(LoginState.LoggedOut);
+      expect(logoutCompletedEmitMock.emit).toHaveBeenCalled();
+    });
+  });
+
+  describe('logoutInitiatedViaUrl', () => {
+    it('should emit the provided URL when logout initiated via URL', () => {
+      const emitSpy = jasmine.createSpy('emit');
+      const url = 'https://example.com/logout';
+
+      provider.logoutInitiatedViaUrl(url, { emit: emitSpy });
+
+      expect(emitSpy).toHaveBeenCalledTimes(1);
+      expect(emitSpy).toHaveBeenCalledWith(url);
+    });
+  });
+});
diff --git a/projects/ui-components/lf-login/login-utils/cloud-login-provider.ts b/projects/ui-components/lf-login/login-utils/cloud-login-provider.ts
new file mode 100644
index 00000000..a3a3f868
--- /dev/null
+++ b/projects/ui-components/lf-login/login-utils/cloud-login-provider.ts
@@ -0,0 +1,104 @@
+// Copyright Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { EventEmitter, Injectable } from '@angular/core';
+import { LoginProvider } from './login-provider';
+import { DomainUtils, TokenClient } from '@laserfiche/lf-api-client-core';
+import { LfLoginService } from './lf-login.service';
+import { AuthorizationCredentials } from './lf-login-types';
+import { RedirectUriQueryParams } from './lf-login-internal-types';
+import { LoginState } from '@laserfiche/lf-ui-components/shared';
+
+/** @internal */
+@Injectable({
+  providedIn: 'root',
+})
+export class CloudLoginProvider implements LoginProvider {
+  readonly CLOUDDEV = 'clouddev';
+  readonly CLOUDTEST = 'cloudtest';
+
+  constructor(private lfLoginService: LfLoginService) {}
+
+  getTokenClient(tokenClientUrl: string) {
+    return new TokenClient(tokenClientUrl);
+  }
+
+  getBaseAuthorizeUrl(): string {
+    let baseAuthorizeUrl: string;
+    const lastOAuthAuthorizeUrl = this.lfLoginService.getAccountEndpoints()?.oauthAuthorizeUrl;
+    const configuredHostName = this.lfLoginService.authorize_url_host_name;
+
+    const bothClouddev = configuredHostName.includes(this.CLOUDDEV) && lastOAuthAuthorizeUrl?.includes(this.CLOUDDEV);
+    const bothCloudtest =
+      configuredHostName.includes(this.CLOUDTEST) && lastOAuthAuthorizeUrl?.includes(this.CLOUDTEST);
+    const bothCloudprod =
+      lastOAuthAuthorizeUrl &&
+      !configuredHostName.includes(this.CLOUDDEV) &&
+      !configuredHostName.includes(this.CLOUDTEST) &&
+      !lastOAuthAuthorizeUrl?.includes(this.CLOUDDEV) &&
+      !lastOAuthAuthorizeUrl?.includes(this.CLOUDTEST);
+
+    const sameEnvironment = bothClouddev || bothCloudtest || bothCloudprod;
+
+    if (sameEnvironment && lastOAuthAuthorizeUrl) {
+      baseAuthorizeUrl = lastOAuthAuthorizeUrl;
+    } else {
+      baseAuthorizeUrl = `https://signin.${this.lfLoginService.authorize_url_host_name}/oauth/Authorize`;
+    }
+
+    return baseAuthorizeUrl;
+  }
+
+  storeInLocalStorage(accessTokenCredentials: AuthorizationCredentials, accountId: string, regionalDomain: string) {
+    this.lfLoginService.storeAccessToken(accessTokenCredentials);
+    const trusteeId: string = this.lfLoginService.parseAccessToken(accessTokenCredentials.accessToken);
+    const endpoints = DomainUtils.getLfEndpoints(regionalDomain);
+    this.lfLoginService.storeAccountInfo(accountId, trusteeId);
+    this.lfLoginService.storeAccountEndpoints(endpoints);
+  }
+
+  exchangeRedirectUriQueryParams(url: URL): RedirectUriQueryParams | undefined {
+    const authorizationCode = this.lfLoginService.extractCodeFromUrl(url);
+    const domain = this.lfLoginService.extractDomainFromUrl(url);
+    const customerId = this.lfLoginService.extractCustomerIdFromUrl(url);
+    const error = this.lfLoginService.extractErrorFromUrl(url);
+    if (authorizationCode && domain && customerId) {
+      return {
+        authorizationCode,
+        cloudSubDomain: domain,
+        customerId,
+      };
+    } else if (error) {
+      return { error };
+    }
+    return undefined;
+  }
+
+  determineCurrentState(
+    callBackURIParams: RedirectUriQueryParams | undefined,
+    loginCompleted: EventEmitter<void>,
+    logoutCompleted: EventEmitter<void>,
+  ): LoginState {
+    const storedAccessToken = localStorage.getItem(this.lfLoginService.accessTokenStorageKey!);
+    const storedAccountEndpoints = localStorage.getItem(this.lfLoginService.accountEndpointsStorageKey);
+    const storedAccountId = localStorage.getItem(this.lfLoginService.accountIdStorageKey);
+
+    if (storedAccessToken && storedAccountEndpoints && storedAccountId) {
+      this.lfLoginService._accessToken = JSON.parse(storedAccessToken);
+      this.lfLoginService._accountEndpoints = JSON.parse(storedAccountEndpoints);
+      const accountInfo = JSON.parse(storedAccountId);
+      this.lfLoginService._accountInfo = accountInfo;
+      loginCompleted.emit();
+      return LoginState.LoggedIn;
+    } else if (callBackURIParams?.authorizationCode || callBackURIParams?.error) {
+      return LoginState.LoggingIn;
+    } else {
+      logoutCompleted.emit();
+      return LoginState.LoggedOut;
+    }
+  }
+
+  logoutInitiatedViaUrl(url: string | undefined, logoutInitiated: { emit: (url?: string) => void }): void {
+    logoutInitiated.emit(url);
+  }
+}
diff --git a/projects/ui-components/lf-login/login-utils/lf-login-types.ts b/projects/ui-components/lf-login/login-utils/lf-login-types.ts
index 3e16aeac..c71718c0 100644
--- a/projects/ui-components/lf-login/login-utils/lf-login-types.ts
+++ b/projects/ui-components/lf-login/login-utils/lf-login-types.ts
@@ -1,50 +1,52 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-export interface AuthorizationCredentials {
-    accessToken: string;
-    refreshToken: string;
-    expiresIn: string;
-    tokenType: string;
-}
-
-export interface AccountEndpoints {
-    webClientUrl: string;
-    wsignoutUrl: string;
-    regionalDomain: string;
-    oauthAuthorizeUrl: string;
-}
-
-export interface AbortedLoginError {
-    ErrorType: string;
-    ErrorMessage: string;
-}
-
-/**
- * Interface defined by Laserfiche API providing
- * return type of beforeFetchRequestAsync
- */
-export interface LfBeforeFetchResult {
-  regionalDomain: string;
-}
-
-/**
- * This object handles obtaining the accessToken and
- * setting the authorization header
- */
-export interface LfHttpRequestHandler {
-  /**
-   * Called to prepare the request to the API service.
-   * @param url The HTTP url
-   * @param request The HTTP request
-   */
-  beforeFetchRequestAsync: (url: string, request: RequestInit) => Promise<LfBeforeFetchResult>;
-  /**
-   * Called to handle the response from the API service.
-   * @param url The HTTP url
-   * @param response The HTTP response
-   * @param request The HTTP request
-   * @returns true if the request should be retried.
-   */
-  afterFetchResponseAsync: (url: string, response: Response, request: RequestInit) => Promise<boolean>;
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+export interface AuthorizationCredentials {
+    accessToken: string;
+    refreshToken?: string;
+    expiresIn: string;
+    tokenType: string;
+}
+
+export interface AccountEndpoints {
+    webClientUrl: string;
+    wsignoutUrl: string;
+    regionalDomain: string;
+    oauthAuthorizeUrl: string;
+}
+
+export interface AbortedLoginError {
+    ErrorType: string;
+    ErrorMessage: string;
+}
+
+/**
+ * Interface defined by Laserfiche API providing
+ * return type of beforeFetchRequestAsync
+ */
+export interface LfBeforeFetchResult {
+  regionalDomain: string;
+}
+
+/**
+ * This object handles obtaining the accessToken and
+ * setting the authorization header
+ */
+export interface LfHttpRequestHandler {
+  /**
+   * Called to prepare the request to the API service.
+   * @param url The HTTP url
+   * @param request The HTTP request
+   */
+  beforeFetchRequestAsync: (url: string, request: RequestInit) => Promise<LfBeforeFetchResult>;
+  /**
+   * Called to handle the response from the API service.
+   * @param url The HTTP url
+   * @param response The HTTP response
+   * @param request The HTTP request
+   * @returns true if the request should be retried.
+   */
+  afterFetchResponseAsync: (url: string, response: Response, request: RequestInit) => Promise<boolean>;
+}
+
+export type LoginType = 'Cloud' | 'Self-Hosted';
diff --git a/projects/ui-components/lf-login/login-utils/lf-login.service.spec.ts b/projects/ui-components/lf-login/login-utils/lf-login.service.spec.ts
index 9def84c1..ca7d6044 100644
--- a/projects/ui-components/lf-login/login-utils/lf-login.service.spec.ts
+++ b/projects/ui-components/lf-login/login-utils/lf-login.service.spec.ts
@@ -1,129 +1,156 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { TestBed } from '@angular/core/testing';
-import { LoginState } from '@laserfiche/lf-ui-components/shared';
-import { LfLoginService } from './lf-login.service';
-
-describe('LfLoginService', () => {
-  let service: LfLoginService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(LfLoginService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-
-  it('exchangeCodeForTokenAsync should logout if error', () => {
-    service.exchangeCodeForTokenAsync({ error: { description: 'Test error description', name: 'Test error name' } });
-    expect(service._state).toEqual(LoginState.LoggedOut);
-    expect(localStorage.getItem(service.accessTokenStorageKey)).toBeFalsy();
-  });
-
-  it('exchangeCodeForTokenAsync should throw error if empty params', async () => {
-    await expectAsync(service.exchangeCodeForTokenAsync({})).toBeRejectedWithError();
-  });
-
-  it('exchangeCodeForTokenAsync should emit logoutCompletedInService if empty code verifier in local storage', async () => {
-    localStorage.removeItem(service.codeVerifierStorageKey);
-    spyOn(service.logoutCompletedInService, 'emit');
-    await service.exchangeCodeForTokenAsync({authorizationCode: 'test authorization code' });
-    expect(service.logoutCompletedInService.emit).toHaveBeenCalledWith({
-      ErrorType: 'no code verifier',
-      ErrorMessage: 'code verifier not found'
-    });
-  });
-
-  it('removeFromLocalStorage should have empty local storage after being called', () => {
-    localStorage.setItem(service.accessTokenStorageKey, 'test token');
-    service.removeFromLocalStorage();
-    expect(localStorage.getItem(service.accessTokenStorageKey)).toBeFalsy();
-  });
-
-  it('removeFromLocalStorage should not throw error if local storage is already empty', () => {
-    expect(() => service.removeFromLocalStorage()).not.toThrow();
-    expect(localStorage.getItem(service.accessTokenStorageKey)).toBeFalsy();
-  });
-
-  it('createPostTokenRequest should encode body in wwwUrlFormEncoded format', () => {
-    service.redirect_uri = 'test-url';
-    service.client_id = 'test-id';
-    service.code_verifier = 'test-code-verifier';
-    const request = service.createPostTokenRequest('testcode-string-hi');
-    const bodyEncoded = service.objToWWWFormUrlEncodedBody({
-      grant_type: 'authorization_code',
-      code: 'testcode-string-hi',
-      redirect_uri: service.redirect_uri,
-      client_id: service.client_id,
-      code_verifier: 'test-code-verifier'
-    });
-
-    expect(request.headers).toEqual({
-      'Content-Type': 'application/x-www-form-urlencoded',
-    });
-    expect(request.method).toEqual('POST');
-    expect(request.body).toEqual(bodyEncoded);
-  });
-
-  it('getExchangeCodeSuccessResponse should get access token response', () => {
-    const accessTokenCredentials = service.getExchangeCodeSuccessResponse({
-      "access_token": "test-access",
-      "expires_in": '3600',
-      "token_type": "bearer",
-      "refresh_token": "test-refresh"
-    });
-    expect(accessTokenCredentials).toEqual({ accessToken: 'test-access', refreshToken: 'test-refresh', expiresIn: '3600', tokenType: 'bearer' });
-  });
-
-  it('getExchangeCodeSuccessResponse should throw when not all properties exist', () => {
-    expect(() => service.getExchangeCodeSuccessResponse({
-      "token_type": "bearer",
-      "refresh_token": "test-refresh"
-    })).toThrow();
-  });
-
-  it('getPostRequestHeaders should get headers', () => {
-    const requestHeaders = service.getPostRequestHeaders();
-    expect(requestHeaders).toEqual({ 'Content-Type': 'application/x-www-form-urlencoded' });
-  });
-
-  it('storeInLocalStorage should have correct data in local storage', () => {
-    const testHeader = btoa('{"test": "test"}');
-    const encodedJWT = btoa('{"csid": "123456789", "trid": "1"}');
-    const credentials = {
-      accessToken: `${testHeader}.${encodedJWT}.hello`,
-      refreshToken: 'test-refresh',
-      expiresIn: '100',
-      tokenType: 'bearer'
-    };
-    service.storeInLocalStorage(credentials, '123456789', 'laserfiche.com');
-    expect(localStorage.getItem(service.accessTokenStorageKey)).toEqual(JSON.stringify(credentials));
-    expect(localStorage.getItem(service.accountEndpointsStorageKey)).toEqual('{"webClientUrl":"https://app.laserfiche.com/laserfiche","wsignoutUrl":"https://accounts.laserfiche.com/WebSTS/?wa=wsignout1.0","regionalDomain":"laserfiche.com","oauthAuthorizeUrl":"https://signin.laserfiche.com/oauth/Authorize"}');
-    expect(localStorage.getItem(service.accountIdStorageKey)).toEqual('{"accountId":"123456789","trusteeId":"1"}');
-  });
-
-  it('objToWWWFormUrlEncodedBody should format correctly', () => {
-    const urlEncoded = service.objToWWWFormUrlEncodedBody({ test: 'hi', hello: 'bye', free: 't3st!ng&fun here' });
-    expect(urlEncoded).toEqual('test=hi&hello=bye&free=t3st%21ng%26fun+here');
-  });
-
-  it('parseAccessToken should parse data from jwt', () => {
-    const testHeader = btoa('{"test": "test"}');
-    const JWT = {csid: '123456789', trid: '1'};
-    const encodedJWT = btoa(JSON.stringify(JWT));
-    const parsedToken = service.parseAccessToken(`${testHeader}.${encodedJWT}.hello`);
-    expect(parsedToken).toEqual('1');
-  });
-
-  it('parseAccessToken should parse data from jwt with different environment/region', () => {
-    service.authorize_url_host_name = 'a.clouddev.laserfiche.com';
-    const testHeader = btoa('{"test": "test"}');
-    const JWT = {csid: '1123456789', trid: '1'};
-    const encodedJWT = btoa(JSON.stringify(JWT));
-    const parsedToken = service.parseAccessToken(`${testHeader}.${encodedJWT}.hello`);
-    expect(parsedToken).toEqual('1');
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { TestBed } from '@angular/core/testing';
+import { LoginState } from '@laserfiche/lf-ui-components/shared';
+import { LfLoginService } from './lf-login.service';
+import { TokenClient } from '@laserfiche/lf-api-client-core';
+
+describe('LfLoginService', () => {
+  let service: LfLoginService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(LfLoginService);
+
+    const loginProvider = jasmine.createSpyObj('LoginProvider', ['getTokenClient']);
+    loginProvider.getTokenClient.and.returnValue(new TokenClient('test-url'));
+    service.loginProvider = loginProvider;
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+
+  it('exchangeCodeForTokenAsync should logout if error', () => {
+    spyOn(service.logoutCompletedInService, 'emit');
+    service.exchangeCodeForTokenAsync({ error: { description: 'Test error description', name: 'Test error name' } });
+    expect(service.logoutCompletedInService.emit).toHaveBeenCalled();
+    expect(service._state).toEqual(LoginState.LoggedOut);
+    expect(localStorage.getItem(service.accessTokenStorageKey)).toBeFalsy();
+  });
+
+  it('exchangeCodeForTokenAsync should throw error if empty params', async () => {
+    await expectAsync(service.exchangeCodeForTokenAsync({})).toBeRejectedWithError();
+  });
+
+  it('exchangeCodeForTokenAsync should emit logoutCompletedInService if empty code verifier in local storage', async () => {
+    localStorage.removeItem(service.codeVerifierStorageKey);
+    spyOn(service.logoutCompletedInService, 'emit');
+    await service.exchangeCodeForTokenAsync({ authorizationCode: 'test authorization code' });
+    expect(service.logoutCompletedInService.emit).toHaveBeenCalledWith({
+      ErrorType: 'no code verifier',
+      ErrorMessage: 'code verifier not found',
+    });
+  });
+
+  it('removeFromLocalStorage should have empty local storage after being called', () => {
+    localStorage.setItem(service.accessTokenStorageKey, 'test token');
+    service.removeFromLocalStorage();
+    expect(localStorage.getItem(service.accessTokenStorageKey)).toBeFalsy();
+  });
+
+  it('removeFromLocalStorage should not throw error if local storage is already empty', () => {
+    expect(() => service.removeFromLocalStorage()).not.toThrow();
+    expect(localStorage.getItem(service.accessTokenStorageKey)).toBeFalsy();
+  });
+
+  it('createPostTokenRequest should encode body in wwwUrlFormEncoded format', () => {
+    service.redirect_uri = 'test-url';
+    service.client_id = 'test-id';
+    service.code_verifier = 'test-code-verifier';
+    const request = service.createPostTokenRequest('testcode-string-hi');
+    const bodyEncoded = service.objToWWWFormUrlEncodedBody({
+      grant_type: 'authorization_code',
+      code: 'testcode-string-hi',
+      redirect_uri: service.redirect_uri,
+      client_id: service.client_id,
+      code_verifier: 'test-code-verifier',
+    });
+
+    expect(request.headers).toEqual({
+      'Content-Type': 'application/x-www-form-urlencoded',
+    });
+    expect(request.method).toEqual('POST');
+    expect(request.body).toEqual(bodyEncoded);
+  });
+
+  it('getExchangeCodeSuccessResponse should get access token response', () => {
+    const accessTokenCredentials = service.getExchangeCodeSuccessResponse({
+      access_token: 'test-access',
+      expires_in: '3600',
+      token_type: 'bearer',
+      refresh_token: 'test-refresh',
+    });
+    expect(accessTokenCredentials).toEqual({
+      accessToken: 'test-access',
+      refreshToken: 'test-refresh',
+      expiresIn: '3600',
+      tokenType: 'bearer',
+    });
+  });
+
+  it('getExchangeCodeSuccessResponse should throw when not all properties exist', () => {
+    expect(() =>
+      service.getExchangeCodeSuccessResponse({
+        token_type: 'bearer',
+        refresh_token: 'test-refresh',
+      }),
+    ).toThrow();
+  });
+
+  it('getPostRequestHeaders should get headers', () => {
+    const requestHeaders = service.getPostRequestHeaders();
+    expect(requestHeaders).toEqual({ 'Content-Type': 'application/x-www-form-urlencoded' });
+  });
+
+  it('objToWWWFormUrlEncodedBody should format correctly', () => {
+    const urlEncoded = service.objToWWWFormUrlEncodedBody({ test: 'hi', hello: 'bye', free: 't3st!ng&fun here' });
+    expect(urlEncoded).toEqual('test=hi&hello=bye&free=t3st%21ng%26fun+here');
+  });
+
+  it('parseAccessToken should parse data from jwt', () => {
+    const testHeader = btoa('{"test": "test"}');
+    const JWT = { csid: '123456789', trid: '1' };
+    const encodedJWT = btoa(JSON.stringify(JWT));
+    const parsedToken = service.parseAccessToken(`${testHeader}.${encodedJWT}.hello`);
+    expect(parsedToken).toEqual('1');
+  });
+
+  it('parseAccessToken should parse data from jwt with different environment/region', () => {
+    service.authorize_url_host_name = 'a.clouddev.laserfiche.com';
+    const testHeader = btoa('{"test": "test"}');
+    const JWT = { csid: '1123456789', trid: '1' };
+    const encodedJWT = btoa(JSON.stringify(JWT));
+    const parsedToken = service.parseAccessToken(`${testHeader}.${encodedJWT}.hello`);
+    expect(parsedToken).toEqual('1');
+  });
+
+  it('extractErrorFromUrl with error', () => {
+    const testUrl = new URL('https://test-url.com?error=test-name&description=test-description');
+    const error = service.extractErrorFromUrl(testUrl);
+    expect(error).toEqual({ name: 'test-name', description: 'test-description' });
+  });
+
+  it('extractErrorFromUrl with error, no description', () => {
+    const testUrl = new URL('https://test-url.com?error=test-name');
+    const error = service.extractErrorFromUrl(testUrl);
+    expect(error).toEqual({ name: 'test-name', description: 'unknown' });
+  });
+
+  it('extractErrorFromUrl no error, no description', () => {
+    const testUrl = new URL('https://test-url.com');
+    const error = service.extractErrorFromUrl(testUrl);
+    expect(error).toBeUndefined();
+  });
+
+  it('extractCodeFromUrl gets code from url', () => {
+    const testUrl = new URL('https://test-url.com?code=test-code');
+    const codeFromUrl = service.extractCodeFromUrl(testUrl);
+    expect(codeFromUrl).toEqual('test-code');
+
+    const testUrlNoCode = new URL('https://test-url.com');
+    const noCodeFromUrl = service.extractCodeFromUrl(testUrlNoCode);
+    expect(noCodeFromUrl).toBeUndefined();
+  });
+});
diff --git a/projects/ui-components/lf-login/login-utils/lf-login.service.ts b/projects/ui-components/lf-login/login-utils/lf-login.service.ts
index 48cb0e9d..4f37e0f4 100644
--- a/projects/ui-components/lf-login/login-utils/lf-login.service.ts
+++ b/projects/ui-components/lf-login/login-utils/lf-login.service.ts
@@ -1,267 +1,330 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { EventEmitter, Injectable, Output } from '@angular/core';
-import { AccountInfo, RedirectUriQueryParams } from './lf-login-internal-types';
-import { AbortedLoginError, AuthorizationCredentials, AccountEndpoints } from './lf-login-types';
-import { LoginState, RedirectBehavior } from '@laserfiche/lf-ui-components/shared';
-import { DomainUtils, GetAccessTokenResponse, ApiException, JwtUtils, TokenClient  } from '@laserfiche/lf-api-client-core';
-const CONTENT_TYPE_WWW_FORM_URLENCODED = 'application/x-www-form-urlencoded';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class LfLoginService {
-  /** @internal */
-  _accessToken?: AuthorizationCredentials;
-  /** @internal */
-  _accountInfo?: AccountInfo;
-  /** @internal */
-  _accountEndpoints?: AccountEndpoints;
-  /** @internal */
-  _state?: LoginState;
-
-  /** @internal */
-  client_id!: string;
-  /** @internal */
-  redirect_uri!: string;
-  /** @internal */
-  scope!: string;
-  /** @internal */
-  redirect_behavior: RedirectBehavior = RedirectBehavior.Replace;
-  /** @internal */
-  authorize_url_host_name: string = 'laserfiche.com';
-  /** @internal */
-  code_verifier?: string;
-
-  /** @internal */
-  @Output() logoutCompletedInService: EventEmitter<AbortedLoginError | undefined> = new EventEmitter<AbortedLoginError | undefined>();
-  /** @internal */
-  @Output() loginCompletedInService: EventEmitter<void> = new EventEmitter<void>();
-
-  /** @internal */
-  private get base64EncodedClientId(): string {
-    return btoa(this.client_id);
-  }
-
-  /** @internal */
-  get accountIdStorageKey() {
-    return `lf-login.${this.base64EncodedClientId}.account-id`;
-  }
-
-  /** @internal */
-  get accountEndpointsStorageKey() {
-    return `lf-login.${this.base64EncodedClientId}.account-endpoints`;
-  }
-
-  /** @internal */
-  get accessTokenStorageKey() {
-    return `lf-login.${this.base64EncodedClientId}.access-token`;
-  }
-
-  /** @internal */
-  get codeVerifierStorageKey() {
-    return `lf-login.${this.base64EncodedClientId}.code-verifier`;
-  }
-
-  /** @internal */
-  private exchangeCodeForToken_lock: boolean = false;
-
-  /** @internal */
-  async exchangeCodeForTokenAsync(callBackURIParams: RedirectUriQueryParams) {
-    let concurrentCallsDetected: boolean = false;
-    try {
-      if (this.exchangeCodeForToken_lock) {
-        concurrentCallsDetected = true;
-        console.warn('exchangeCodeForTokenAsync is already running. Will not try again.');
-        return;
-      }
-      this.exchangeCodeForToken_lock = true;
-      this.code_verifier = localStorage.getItem(this.codeVerifierStorageKey)!;
-      if (callBackURIParams.authorizationCode && this.code_verifier) {
-        try {
-          const tokenClient = new TokenClient(callBackURIParams.cloudSubDomain!);
-          const response = await tokenClient.getAccessTokenFromCode(callBackURIParams.authorizationCode, this.redirect_uri, this.client_id, undefined, this.code_verifier);
-          const accessToken = await this.parseTokenResponseAsync(response);
-          this.storeInLocalStorage(accessToken!, callBackURIParams.customerId!, callBackURIParams.cloudSubDomain!);
-          this._state = LoginState.LoggedIn;
-          console.info('state changed to LoggedIn');
-          this.loginCompletedInService.emit();
-        }
-        catch (e) {
-          const status = (<ApiException>e).status ?? 0;
-          const message = (<ApiException>e).message;
-          this.removeFromLocalStorage();
-          this._state = LoginState.LoggedOut;
-          console.error('Login Error (state changed to LoggedOut): ' + message);
-          this.logoutCompletedInService.emit(
-            {
-              ErrorType: status.toString(),
-              ErrorMessage: message
-            });
-        }
-      }
-      else if (callBackURIParams.error) {
-        this._state = LoginState.LoggedOut;
-        this.removeFromLocalStorage();
-        this.logoutCompletedInService.emit({
-          ErrorType: callBackURIParams.error.name,
-          ErrorMessage: callBackURIParams.error.description!
-        });
-        console.error('Login Error (state changed to Logged Out): ' + callBackURIParams.error.name + ', ' + callBackURIParams.error.description);
-      }
-      else if (callBackURIParams.authorizationCode && !this.code_verifier) {
-        this._state = LoginState.LoggedOut;
-        this.removeFromLocalStorage();
-        this.logoutCompletedInService.emit({
-          ErrorType: 'no code verifier',
-          ErrorMessage: 'code verifier not found'
-        });
-        console.error('Login Error (state changed to Logged Out): unable to find code verifier');
-      }
-      else {
-        throw new Error('Unexpected callBackURIParams');
-      }
-    }
-    finally {
-      if (!concurrentCallsDetected) {
-        this.exchangeCodeForToken_lock = false;
-      }
-    }
-  }
-
-  /** @internal */
-  async parseTokenResponseAsync(response: GetAccessTokenResponse): Promise<AuthorizationCredentials | undefined> {
-    try {
-      const authorizationCredentials: AuthorizationCredentials = this.getExchangeCodeSuccessResponse(response);
-      return authorizationCredentials;
-    }
-    catch {
-      throw Error('Parse token response error.');
-    }
-  }
-
-  /** @internal */
-  removeFromLocalStorage() {
-    this.removeCodeVerifierFromLocalStorage();
-    localStorage.removeItem(this.accessTokenStorageKey!);
-    localStorage.removeItem(this.accountIdStorageKey!);
-    this.removeFromCache();
-  }
-
-  removeFromCache() {
-    this._accessToken = undefined;
-    this._accountInfo = undefined;
-  }
-
-  /** @internal */
-  removeCodeVerifierFromLocalStorage() {
-    localStorage.removeItem(this.codeVerifierStorageKey!);
-    this.code_verifier = undefined;
-  }
-
-  /** @internal */
-  createPostTokenRequest(code: string): RequestInit {
-    const request: RequestInit = { method: 'POST' };
-    const headers = this.getPostRequestHeaders();
-    const body = {
-      grant_type: 'authorization_code',
-      code: code,
-      redirect_uri: this.redirect_uri,
-      client_id: this.client_id,
-      code_verifier: this.code_verifier
-    };
-    const requestBody = this.objToWWWFormUrlEncodedBody(body);
-    request.headers = headers;
-    request.body = requestBody;
-    return request;
-  }
-
-  /** @internal */
-  getExchangeCodeSuccessResponse(jsonResponse: any) {
-    const accessToken = jsonResponse['access_token'];
-    const refreshToken = jsonResponse['refresh_token'];
-    const expiresIn = jsonResponse['expires_in'];
-    const tokenType = jsonResponse['token_type'];
-    if (!accessToken) throw new Error('access_token undefined');
-    if (!refreshToken) throw new Error('refresh_token undefined');
-    if (!expiresIn) throw new Error('expires_in undefined');
-    if (!tokenType) throw new Error('token_type undefined');
-
-    const accessTokenResponse: AuthorizationCredentials = {
-      accessToken,
-      refreshToken,
-      expiresIn,
-      tokenType
-    };
-    return accessTokenResponse;
-  }
-
-  /** @internal */
-  storeAccessToken(responseBody: AuthorizationCredentials) {
-    localStorage.setItem(this.accessTokenStorageKey!, JSON.stringify(responseBody));
-    this._accessToken = responseBody;
-  }
-
-  /** @internal */
-  storeCodeVerifier(code_verifier: string) {
-    localStorage.setItem(this.codeVerifierStorageKey!, code_verifier);
-  }
-
-  /** @internal */
-  storeInLocalStorage(accessTokenCredentials: AuthorizationCredentials, accountId: string, regionalDomain: string) {
-    const trusteeId: string = this.parseAccessToken(accessTokenCredentials.accessToken);
-    const endpoints = DomainUtils.getLfEndpoints(regionalDomain);
-    this.storeAccountInfo(accountId, trusteeId);
-    this.storeAccountEndpoints(endpoints);
-    this.storeAccessToken(accessTokenCredentials);
-  }
-
-  /** @internal */
-  getPostRequestHeaders() {
-    const headers: Record<string, string> = {
-      'Content-Type': CONTENT_TYPE_WWW_FORM_URLENCODED
-    };
-
-    return headers;
-  }
-
-  /** @internal */
-  objToWWWFormUrlEncodedBody(obj: any): string {
-    const urlSearchParams = new URLSearchParams();
-    for (const i in obj) {
-      urlSearchParams.set(i, obj[i]);
-    }
-    return urlSearchParams.toString();
-  }
-
-  /** @internal */
-  parseAccessToken(accessToken: string): string {
-    const decodedAccessToken = JwtUtils.parseAccessToken(accessToken);
-    const trusteeId = JwtUtils.getTrusteeIdFromLfJWT(decodedAccessToken);
-    return trusteeId;
-  }
-
-  /** @internal */
-  private storeAccountEndpoints(accountEndpoints: AccountEndpoints) {
-    localStorage.setItem(this.accountEndpointsStorageKey!, JSON.stringify(accountEndpoints));
-    this._accountEndpoints = accountEndpoints;
-  }
-
-  /** @internal */
-  private storeAccountInfo(accountId: string, trusteeId: string) {
-    const accountInfo: AccountInfo = {
-      accountId,
-      trusteeId
-    };
-    localStorage.setItem(this.accountIdStorageKey!, JSON.stringify(accountInfo));
-    this._accountInfo = accountInfo;
-  }
-
-  refreshServiceAccountProperties() {
-    const accountInfo = localStorage.getItem(this.accountIdStorageKey);
-    const accountEndpoints = localStorage.getItem(this.accountEndpointsStorageKey);
-    this._accountInfo = JSON.parse(accountInfo!);
-    this._accountEndpoints = JSON.parse(accountEndpoints!);
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { EventEmitter, Injectable, Output } from '@angular/core';
+import { AccountInfo, RedirectUriQueryParams } from './lf-login-internal-types';
+import { AbortedLoginError, AuthorizationCredentials, AccountEndpoints, LoginType } from './lf-login-types';
+import { LoginState, RedirectBehavior } from '@laserfiche/lf-ui-components/shared';
+import { GetAccessTokenResponse, ApiException, JwtUtils } from '@laserfiche/lf-api-client-core';
+import { LoginProvider } from './login-provider';
+const CONTENT_TYPE_WWW_FORM_URLENCODED = 'application/x-www-form-urlencoded';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class LfLoginService {
+  /** @internal */
+  _accessToken?: AuthorizationCredentials;
+  /** @internal */
+  _accountInfo?: AccountInfo;
+  /** @internal */
+  _accountEndpoints?: AccountEndpoints;
+  /** @internal */
+  _state?: LoginState;
+
+  /** @internal */
+  client_id?: string;
+  /** @internal */
+  redirect_uri!: string;
+  /** @internal */
+  scope?: string;
+  /** @internal */
+  redirect_behavior: RedirectBehavior = RedirectBehavior.Replace;
+  /** @internal */
+  authorize_url_host_name: string = 'laserfiche.com';
+  /** @internal */
+  self_hosted_base_url?: string;
+  /** @internal */
+  self_hosted_account_endpoints?: AccountEndpoints;
+
+  /** @internal */
+  code_verifier?: string;
+  /** @internal */
+  login_type: LoginType = 'Cloud';
+  /** @internal */
+  loginProvider?: LoginProvider;
+  /** @internal */
+  login_identifier: string = this.client_id ?? '';
+
+  /** @internal */
+  @Output() logoutCompletedInService: EventEmitter<AbortedLoginError | undefined> = new EventEmitter<
+    AbortedLoginError | undefined
+  >();
+  /** @internal */
+  @Output() loginCompletedInService: EventEmitter<void> = new EventEmitter<void>();
+
+  /** @internal */
+  private get base64EncodedLoginIdentifier(): string {
+    return btoa(this.login_identifier);
+  }
+
+  /** @internal */
+  get accountIdStorageKey() {
+    return `lf-login.${this.base64EncodedLoginIdentifier}.account-id`;
+  }
+
+  /** @internal */
+  get accountEndpointsStorageKey() {
+    return `lf-login.${this.base64EncodedLoginIdentifier}.account-endpoints`;
+  }
+
+  /** @internal */
+  get accessTokenStorageKey() {
+    return `lf-login.${this.base64EncodedLoginIdentifier}.access-token`;
+  }
+
+  /** @internal */
+  get codeVerifierStorageKey() {
+    return `lf-login.${this.base64EncodedLoginIdentifier}.code-verifier`;
+  }
+
+  /** @internal */
+  private exchangeCodeForToken_lock: boolean = false;
+
+  /** @internal */
+  getAccountEndpoints(): AccountEndpoints | undefined {
+    try {
+      const accountEndpointsFromStorage = localStorage.getItem(this.accountEndpointsStorageKey);
+      if (accountEndpointsFromStorage) {
+        const accountEndpoints: AccountEndpoints = JSON.parse(accountEndpointsFromStorage);
+        return accountEndpoints;
+      } else {
+        return undefined;
+      }
+      // }
+    } catch (err: any) {
+      console.warn('Unable to retrieve accountEndpoints: ' + err.message);
+      return undefined;
+    }
+  }
+
+  /** @internal */
+  async exchangeCodeForTokenAsync(callBackURIParams: RedirectUriQueryParams) {
+    let concurrentCallsDetected: boolean = false;
+    try {
+      if (this.exchangeCodeForToken_lock) {
+        concurrentCallsDetected = true;
+        console.warn('exchangeCodeForTokenAsync is already running. Will not try again.');
+        return;
+      }
+      this.exchangeCodeForToken_lock = true;
+      this.code_verifier = localStorage.getItem(this.codeVerifierStorageKey)!;
+      const tokenClient = this.loginProvider?.getTokenClient(callBackURIParams.cloudSubDomain!);
+      if (callBackURIParams.authorizationCode && this.code_verifier && tokenClient) {
+        try {
+          const response = await tokenClient.getAccessTokenFromCode(
+            callBackURIParams.authorizationCode,
+            this.redirect_uri,
+            this.client_id,
+            undefined,
+            this.code_verifier,
+          );
+          const accessToken = await this.parseTokenResponseAsync(response);
+          this.loginProvider?.storeInLocalStorage(
+            accessToken!,
+            callBackURIParams.customerId!,
+            callBackURIParams.cloudSubDomain!,
+          );
+          this._state = LoginState.LoggedIn;
+          console.info('state changed to LoggedIn');
+          this.loginCompletedInService.emit();
+        } catch (e) {
+          const status = (<ApiException>e).status ?? 0;
+          const message = (<ApiException>e).message;
+          this.removeFromLocalStorage();
+          this._state = LoginState.LoggedOut;
+          console.error('Login Error (state changed to LoggedOut): ' + message);
+          this.logoutCompletedInService.emit({
+            ErrorType: status.toString(),
+            ErrorMessage: message,
+          });
+        }
+      } else if (callBackURIParams.error) {
+        this._state = LoginState.LoggedOut;
+        this.removeFromLocalStorage();
+        this.logoutCompletedInService.emit({
+          ErrorType: callBackURIParams.error.name,
+          ErrorMessage: callBackURIParams.error.description!,
+        });
+        console.error(
+          'Login Error (state changed to Logged Out): ' +
+            callBackURIParams.error.name +
+            ', ' +
+            callBackURIParams.error.description,
+        );
+      } else if (callBackURIParams.authorizationCode && !this.code_verifier) {
+        this._state = LoginState.LoggedOut;
+        this.removeFromLocalStorage();
+        this.logoutCompletedInService.emit({
+          ErrorType: 'no code verifier',
+          ErrorMessage: 'code verifier not found',
+        });
+        console.error('Login Error (state changed to Logged Out): unable to find code verifier');
+      } else if (!tokenClient) {
+        this._state = LoginState.LoggedOut;
+        this.removeFromLocalStorage();
+        this.logoutCompletedInService.emit({
+          ErrorType: 'TokenClient is undefined',
+          ErrorMessage: 'TokenClient is undefined',
+        });
+        console.error('Login Error (state changed to Logged Out): unable to use an undefined TokenClient', tokenClient);
+      } else {
+        throw new Error('Unexpected callBackURIParams');
+      }
+    } finally {
+      if (!concurrentCallsDetected) {
+        this.exchangeCodeForToken_lock = false;
+      }
+    }
+  }
+
+  /** @internal */
+  async parseTokenResponseAsync(response: GetAccessTokenResponse): Promise<AuthorizationCredentials | undefined> {
+    try {
+      const authorizationCredentials = this.getExchangeCodeSuccessResponse(response);
+      return authorizationCredentials;
+    } catch {
+      throw Error('Parse token response error.');
+    }
+  }
+
+  /** @internal */
+  getExchangeCodeSuccessResponse(jsonResponse: any) {
+    const accessToken = jsonResponse['access_token'];
+    const refreshToken = jsonResponse['refresh_token'] ?? jsonResponse['refreshToken'];
+    const expiresIn = jsonResponse['expires_in'];
+    const tokenType = jsonResponse['token_type'];
+    if (!accessToken) throw new Error('access_token undefined');
+    if (!expiresIn) throw new Error('expires_in undefined');
+    if (!tokenType) throw new Error('token_type undefined');
+    if (!refreshToken) throw new Error('refresh_token undefined');
+
+    return {
+      accessToken,
+      refreshToken,
+      expiresIn,
+      tokenType,
+    };
+  }
+
+  /** @internal */
+  removeFromLocalStorage() {
+    this.removeCodeVerifierFromLocalStorage();
+    localStorage.removeItem(this.accessTokenStorageKey!);
+    localStorage.removeItem(this.accountIdStorageKey!);
+    this.removeFromCache();
+  }
+
+  removeFromCache() {
+    this._accessToken = undefined;
+    this._accountInfo = undefined;
+  }
+
+  /** @internal */
+  removeCodeVerifierFromLocalStorage() {
+    localStorage.removeItem(this.codeVerifierStorageKey!);
+    this.code_verifier = undefined;
+  }
+
+  /** @internal */
+  createPostTokenRequest(code: string): RequestInit {
+    const request: RequestInit = { method: 'POST' };
+    const headers = this.getPostRequestHeaders();
+    const body = {
+      grant_type: 'authorization_code',
+      code: code,
+      redirect_uri: this.redirect_uri,
+      client_id: this.client_id,
+      code_verifier: this.code_verifier,
+    };
+    const requestBody = this.objToWWWFormUrlEncodedBody(body);
+    request.headers = headers;
+    request.body = requestBody;
+    return request;
+  }
+
+  /** @internal */
+  storeAccessToken(responseBody: AuthorizationCredentials) {
+    localStorage.setItem(this.accessTokenStorageKey!, JSON.stringify(responseBody));
+    this._accessToken = responseBody;
+  }
+
+  /** @internal */
+  storeCodeVerifier(code_verifier: string) {
+    localStorage.setItem(this.codeVerifierStorageKey!, code_verifier);
+  }
+
+  /** @internal */
+  getPostRequestHeaders() {
+    const headers: Record<string, string> = {
+      'Content-Type': CONTENT_TYPE_WWW_FORM_URLENCODED,
+    };
+
+    return headers;
+  }
+
+  /** @internal */
+  objToWWWFormUrlEncodedBody(obj: any): string {
+    const urlSearchParams = new URLSearchParams();
+    for (const i in obj) {
+      urlSearchParams.set(i, obj[i]);
+    }
+    return urlSearchParams.toString();
+  }
+
+  /** @internal */
+  parseAccessToken(accessToken: string): string {
+    const decodedAccessToken = JwtUtils.parseAccessToken(accessToken);
+    const trusteeId = JwtUtils.getTrusteeIdFromLfJWT(decodedAccessToken);
+    return trusteeId;
+  }
+
+  /** @internal */
+  storeAccountEndpoints(accountEndpoints: AccountEndpoints) {
+    localStorage.setItem(this.accountEndpointsStorageKey!, JSON.stringify(accountEndpoints));
+    this._accountEndpoints = accountEndpoints;
+  }
+
+  /** @internal */
+  storeAccountInfo(accountId: string, trusteeId: string) {
+    const accountInfo: AccountInfo = {
+      accountId,
+      trusteeId,
+    };
+    localStorage.setItem(this.accountIdStorageKey!, JSON.stringify(accountInfo));
+    this._accountInfo = accountInfo;
+  }
+
+  refreshServiceAccountProperties() {
+    const accountInfo = localStorage.getItem(this.accountIdStorageKey);
+    const accountEndpoints = localStorage.getItem(this.accountEndpointsStorageKey);
+    this._accountInfo = JSON.parse(accountInfo!);
+    this._accountEndpoints = JSON.parse(accountEndpoints!);
+  }
+
+  /** @internal */
+  extractErrorFromUrl(url: URL): { name: string; description: string } | undefined {
+    const error = url.searchParams.get('error');
+    if (error) {
+      const description = url.searchParams.get('description') ?? 'unknown';
+      return { name: error, description };
+    } else {
+      return undefined;
+    }
+  }
+
+  /** @internal */
+  extractCodeFromUrl(url: URL): string | undefined {
+    return url.searchParams.get('code') ?? undefined;
+  }
+
+  /** @internal */
+  extractDomainFromUrl(url: URL): string | undefined {
+    return url.searchParams.get('domain') ?? undefined;
+  }
+
+  /** @internal */
+  extractCustomerIdFromUrl(url: URL): string | undefined {
+    return url.searchParams.get('customerId') ?? undefined;
+  }
+}
diff --git a/projects/ui-components/lf-login/login-utils/login-provider.ts b/projects/ui-components/lf-login/login-utils/login-provider.ts
new file mode 100644
index 00000000..24219ff2
--- /dev/null
+++ b/projects/ui-components/lf-login/login-utils/login-provider.ts
@@ -0,0 +1,69 @@
+// Copyright Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { BaseTokenClient } from '@laserfiche/lf-api-client-core';
+import { AuthorizationCredentials } from './lf-login-types';
+import { RedirectUriQueryParams } from './lf-login-internal-types';
+import { LoginState } from '@laserfiche/lf-ui-components/shared';
+
+/** @internal */
+export interface LoginProvider {
+  /**
+   * Returns a {@link BaseTokenClient} instance with the provided token client URL.
+   *
+   * @param tokenClientUrl - The URL of the token client (optional).
+   * @returns A new instance of {@link BaseTokenClient}.
+   */
+  getTokenClient(tokenClientUrl?: string): BaseTokenClient;
+
+  /**
+   * Returns the base authorize URL for the login process.
+   *
+   * @return The base authorize URL as a string.
+   */
+  getBaseAuthorizeUrl(): string;
+
+  /**
+   * Stores access token credentials and account information in local storage.
+   *
+   * @param accessTokenCredentials - The access token credentials to store.
+   * @param accountId - The account ID associated with the access token.
+   * @param regionalDomain - The regional domain associated with the access token.
+   */
+  storeInLocalStorage(
+    accessTokenCredentials: AuthorizationCredentials,
+    accountId: string,
+    regionalDomain: string,
+  ): void;
+
+  /**
+   * Exchanges redirect URI query parameters from a URL into a {@link RedirectUriQueryParams} object.
+   *
+   * @param url - The URL containing the query parameters to exchange.
+   * @return A new instance of {@link RedirectUriQueryParams} or undefined if no valid query parameters are found.
+   */
+  exchangeRedirectUriQueryParams(url: URL): RedirectUriQueryParams | undefined;
+
+  /**
+   * Determines the current state of the login process based on callback URI parameters and emits events to notify
+   * other components of the login state change.
+   *
+   * @param callBackURIParams - The callback URI parameters received from the login provider.
+   * @param loginCompleted - An event emitter that will be notified when the login is completed successfully.
+   * @param logoutCompleted - An event emitter that will be notified when the logout is completed successfully.
+   * @return The current state of the login process as a {@link LoginState} enum value.
+   */
+  determineCurrentState(
+    callBackURIParams: RedirectUriQueryParams | undefined,
+    loginCompleted: { emit: () => void },
+    logoutCompleted: { emit: () => void },
+  ): LoginState;
+
+  /**
+   * Initiates the logout process by emitting a URL to the provided event emitter.
+   *
+   * @param url - The URL that will be emitted to initiate the logout process (optional).
+   * @param logoutInitiated - An event emitter that will receive the URL to initiate the logout process.
+   */
+  logoutInitiatedViaUrl(url: string | undefined, logoutInitiated: { emit: (url: string) => void }): void;
+}
diff --git a/projects/ui-components/lf-login/login-utils/self-hosted-login-provider.spec.ts b/projects/ui-components/lf-login/login-utils/self-hosted-login-provider.spec.ts
new file mode 100644
index 00000000..cae5c6c0
--- /dev/null
+++ b/projects/ui-components/lf-login/login-utils/self-hosted-login-provider.spec.ts
@@ -0,0 +1,175 @@
+// Copyright Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { SelfHostedTokenClient } from '@laserfiche/lf-api-client-core';
+import { LfLoginService } from './lf-login.service';
+import { AccountEndpoints, AuthorizationCredentials } from './lf-login-types';
+import { TestBed } from '@angular/core/testing';
+import { EventEmitter } from '@angular/core';
+import { LoginState } from '@laserfiche/lf-ui-components/shared';
+import { SelfHostedLoginProvider } from './self-hosted-login-provider';
+
+const authorizationCredentialsMock: AuthorizationCredentials = {
+  accessToken: 'test-access',
+  refreshToken: 'test-refresh',
+  expiresIn: '3600',
+  tokenType: 'bearer',
+};
+
+const accountEndpointsMock: AccountEndpoints = {
+  webClientUrl: 'https://api.example.com',
+  wsignoutUrl: 'https://api.example.com/signout',
+  regionalDomain: 'example.com',
+  oauthAuthorizeUrl: 'https://example.com/oauth/authorize',
+};
+
+describe('SelfHostedLoginProvider', () => {
+  let provider: SelfHostedLoginProvider;
+  const lfLoginServiceMock: jasmine.SpyObj<LfLoginService> = jasmine.createSpyObj(
+    'LfLoginService',
+    [
+      'storeAccessToken',
+      'storeAccountEndpoints',
+      'storeAccountInfo',
+      'extractCodeFromUrl',
+      'extractErrorFromUrl',
+      'accessTokenStorageKey',
+    ],
+    {
+      self_hosted_base_url: 'https://example.com',
+      self_hosted_account_endpoints: accountEndpointsMock,
+    },
+  );
+
+  beforeEach(() => {
+    provider = new SelfHostedLoginProvider(lfLoginServiceMock, 'repository-id');
+  });
+
+  describe('getTokenClient', () => {
+    it('should return a TokenClient instance', () => {
+      const tokenClient = provider.getTokenClient();
+      expect(tokenClient).toBeInstanceOf(SelfHostedTokenClient);
+    });
+  });
+
+  describe('getBaseAuthorizeUrl', () => {
+    it('should return the base authorize URL when last OAuth authorize URL exist and host name does not include dev and test environments', () => {
+      const baseAuthorizeUrl = provider.getBaseAuthorizeUrl();
+      expect(baseAuthorizeUrl).toBe(accountEndpointsMock.oauthAuthorizeUrl);
+    });
+  });
+
+  describe('storeInLocalStorage', () => {
+    it('should store access token credentials and account endpoints in local storage', () => {
+      const accessTokenCredentials = {
+        accessToken: 'test-access',
+        expiresIn: '3600',
+        tokenType: 'bearer',
+      };
+
+      provider.storeInLocalStorage(accessTokenCredentials, '', '');
+
+      expect(lfLoginServiceMock.storeAccessToken).toHaveBeenCalledWith(accessTokenCredentials);
+      expect(lfLoginServiceMock.storeAccountEndpoints).toHaveBeenCalledWith(accountEndpointsMock);
+      expect(lfLoginServiceMock.storeAccountInfo).not.toHaveBeenCalled();
+    });
+  });
+
+  describe('exchangeRedirectUriQueryParams', () => {
+    it('should return RedirectUriQueryParams with authorization code', () => {
+      lfLoginServiceMock.extractCodeFromUrl.and.returnValue('abc');
+      const url = new URL('https://example.com/callback?code=abc&domain=example.com');
+
+      const redirectUriQueryParams = provider.exchangeRedirectUriQueryParams(url);
+
+      expect(redirectUriQueryParams).toEqual({
+        authorizationCode: 'abc',
+      });
+    });
+
+    it('should return RedirectUriQueryParams with error when available', () => {
+      lfLoginServiceMock.extractCodeFromUrl.and.returnValue(undefined);
+      lfLoginServiceMock.extractErrorFromUrl.and.returnValue({ name: 'xyz', description: 'unknown' });
+      const url = new URL('https://example.com/callback?error=xyz');
+
+      const redirectUriQueryParams = provider.exchangeRedirectUriQueryParams(url);
+
+      expect(redirectUriQueryParams).toEqual({
+        error: { name: 'xyz', description: 'unknown' },
+      });
+    });
+
+    it('should return undefined when particular query parameters are missing', () => {
+      lfLoginServiceMock.extractCodeFromUrl.and.returnValue(undefined);
+      lfLoginServiceMock.extractErrorFromUrl.and.returnValue(undefined);
+      const url = new URL('https://example.com/callback?somthing=else');
+
+      const redirectUriQueryParams = provider.exchangeRedirectUriQueryParams(url);
+
+      expect(redirectUriQueryParams).toBeUndefined();
+    });
+  });
+
+  describe('determineCurrentState', () => {
+    it('should return LoginState.LoggedIn when access token and account information are stored in local storage', () => {
+      const loginService = TestBed.inject(LfLoginService);
+      spyOnProperty(loginService, 'accessTokenStorageKey', 'get').and.returnValue('access-token-key');
+      spyOnProperty(loginService, 'accountEndpointsStorageKey', 'get').and.returnValue('account-endpoints-value');
+
+      const loginCompleteEmitMock = jasmine.createSpyObj('EventEmitter', ['emit']);
+      const logoutCompleted = new EventEmitter();
+
+      spyOn(localStorage, 'getItem').and.returnValues('access-token-value', 'account-endpoints-value');
+
+      spyOn(JSON, 'parse')
+        .withArgs('access-token-value')
+        .and.returnValue(authorizationCredentialsMock)
+        .withArgs('account-endpoints-value')
+        .and.returnValue(accountEndpointsMock);
+
+      const currentState = provider.determineCurrentState(undefined, loginCompleteEmitMock, logoutCompleted);
+
+      expect(currentState).toBe(LoginState.LoggedIn);
+      expect(loginCompleteEmitMock.emit).toHaveBeenCalled();
+    });
+
+    it('should return LoginState.LoggingIn when authorization code is available in callback URI params', () => {
+      const callBackURIParams = { authorizationCode: 'abc' };
+      const loginCompleted = new EventEmitter();
+      const logoutCompleted = new EventEmitter();
+
+      const currentState = provider.determineCurrentState(callBackURIParams, loginCompleted, logoutCompleted);
+
+      expect(currentState).toBe(LoginState.LoggingIn);
+    });
+
+    it('should return LoginState.LoggedOut when no access token or account endpoints are stored in local storage', () => {
+      const loginCompleted = new EventEmitter();
+      const logoutCompletedEmitMock = jasmine.createSpyObj('EventEmitter', ['emit']);
+
+      const currentState = provider.determineCurrentState(undefined, loginCompleted, logoutCompletedEmitMock);
+
+      expect(currentState).toBe(LoginState.LoggedOut);
+      expect(logoutCompletedEmitMock.emit).toHaveBeenCalled();
+    });
+  });
+
+  describe('logoutInitiatedViaUrl', () => {
+    it('should emit the provided URL when logout initiated via URL', () => {
+      const emitSpy = jasmine.createSpy('emit');
+      const url = 'https://example.com/logout';
+
+      provider.logoutInitiatedViaUrl(url, { emit: emitSpy });
+
+      expect(emitSpy).toHaveBeenCalledTimes(1);
+      expect(emitSpy).toHaveBeenCalledWith(url);
+    });
+
+    it('should not emit when URL is undefined', () => {
+      const emitSpy = jasmine.createSpy('emit');
+      provider.logoutInitiatedViaUrl(undefined, { emit: emitSpy });
+
+      expect(emitSpy).not.toHaveBeenCalled();
+    });
+  });
+});
diff --git a/projects/ui-components/lf-login/login-utils/self-hosted-login-provider.ts b/projects/ui-components/lf-login/login-utils/self-hosted-login-provider.ts
new file mode 100644
index 00000000..231d615c
--- /dev/null
+++ b/projects/ui-components/lf-login/login-utils/self-hosted-login-provider.ts
@@ -0,0 +1,77 @@
+// Copyright Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { EventEmitter, Inject, Injectable } from '@angular/core';
+import { LoginProvider } from './login-provider';
+import { LfLoginService } from './lf-login.service';
+import { SelfHostedTokenClient } from '@laserfiche/lf-api-client-core';
+import { AuthorizationCredentials } from './lf-login-types';
+import { RedirectUriQueryParams } from './lf-login-internal-types';
+import { LoginState } from '@laserfiche/lf-ui-components/shared';
+
+/** @internal */
+@Injectable({
+  providedIn: 'root',
+})
+export class SelfHostedLoginProvider implements LoginProvider {
+  constructor(
+    private lfLoginService: LfLoginService,
+    @Inject('repositoryId') private readonly repositoryId: string,
+  ) {}
+
+  getTokenClient() {
+    return new SelfHostedTokenClient(
+      `${this.lfLoginService.self_hosted_base_url}/v2/Repositories/${this.repositoryId}/Token`,
+    );
+  }
+
+  getBaseAuthorizeUrl(): string {
+    return this.lfLoginService.self_hosted_account_endpoints?.oauthAuthorizeUrl ?? '';
+  }
+
+  storeInLocalStorage(accessTokenCredentials: AuthorizationCredentials, _accountId: string, _regionalDomain: string) {
+    this.lfLoginService.storeAccessToken(accessTokenCredentials);
+    if (this.lfLoginService.self_hosted_account_endpoints) {
+      this.lfLoginService.storeAccountEndpoints(this.lfLoginService.self_hosted_account_endpoints);
+    }
+  }
+
+  exchangeRedirectUriQueryParams(url: URL): RedirectUriQueryParams | undefined {
+    const authorizationCode = this.lfLoginService.extractCodeFromUrl(url);
+    const error = this.lfLoginService.extractErrorFromUrl(url);
+    if (authorizationCode) {
+      return {
+        authorizationCode,
+      };
+    } else if (error) {
+      return { error };
+    }
+    return undefined;
+  }
+
+  determineCurrentState(
+    callBackURIParams: RedirectUriQueryParams | undefined,
+    loginCompleted: EventEmitter<void>,
+    logoutCompleted: EventEmitter<void>,
+  ): LoginState {
+    const storedAccessToken = localStorage.getItem(this.lfLoginService.accessTokenStorageKey!);
+    const storedAccountEndpoints = localStorage.getItem(this.lfLoginService.accountEndpointsStorageKey);
+    if (storedAccessToken && storedAccountEndpoints) {
+      this.lfLoginService._accessToken = JSON.parse(storedAccessToken);
+      this.lfLoginService._accountEndpoints = JSON.parse(storedAccountEndpoints);
+      loginCompleted.emit();
+      return LoginState.LoggedIn;
+    } else if (callBackURIParams?.authorizationCode || callBackURIParams?.error) {
+      return LoginState.LoggingIn;
+    } else {
+      logoutCompleted.emit();
+      return LoginState.LoggedOut;
+    }
+  }
+
+  logoutInitiatedViaUrl(url: string | undefined, logoutInitiated: { emit: (url?: string) => void }): void {
+    if (url) {
+      logoutInitiated.emit(url);
+    }
+  }
+}
diff --git a/projects/ui-components/package-lock.json b/projects/ui-components/package-lock.json
index cebab854..813beda2 100644
--- a/projects/ui-components/package-lock.json
+++ b/projects/ui-components/package-lock.json
@@ -12,19 +12,19 @@
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "@angular/animations": "^18.2.13",
+        "@angular/animations": "^18.2.14",
         "@angular/cdk": "^18.2.14",
-        "@angular/common": "^18.2.13",
-        "@angular/compiler": "^18.2.13",
-        "@angular/compiler-cli": "^18.2.13",
-        "@angular/core": "^18.2.13",
-        "@angular/elements": "^18.2.13",
-        "@angular/forms": "^18.2.13",
+        "@angular/common": "^18.2.14",
+        "@angular/compiler": "^18.2.14",
+        "@angular/compiler-cli": "^18.2.14",
+        "@angular/core": "^18.2.14",
+        "@angular/elements": "^18.2.14",
+        "@angular/forms": "^18.2.14",
         "@angular/material": "^18.2.14",
-        "@angular/platform-browser": "^18.2.13",
-        "@angular/platform-browser-dynamic": "^18.2.13",
-        "@angular/router": "^18.2.13",
-        "@laserfiche/lf-api-client-core": "^1.1.10",
+        "@angular/platform-browser": "^18.2.14",
+        "@angular/platform-browser-dynamic": "^18.2.14",
+        "@angular/router": "^18.2.14",
+        "@laserfiche/lf-api-client-core": "^1.1.19",
         "@laserfiche/lf-js-utils": "^4.0.13",
         "@laserfiche/lf-resource-library": "^5.0.3",
         "date-fns": "2.30",
@@ -50,9 +50,9 @@
       }
     },
     "node_modules/@angular/animations": {
-      "version": "18.2.13",
-      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-18.2.13.tgz",
-      "integrity": "sha512-rG5J5Ek5Hg+Tz2NjkNOaG6PupiNK/lPfophXpsR1t/nWujqnMWX2krahD/i6kgD+jNWNKCJCYSOVvCx/BHOtKA==",
+      "version": "18.2.14",
+      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-18.2.14.tgz",
+      "integrity": "sha512-Kp/MWShoYYO+R3lrrZbZgszbbLGVXHB+39mdJZwnIuZMDkeL3JsIBlSOzyJRTnpS1vITc+9jgHvP/6uKbMrW1Q==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -62,7 +62,7 @@
         "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "18.2.13"
+        "@angular/core": "18.2.14"
       }
     },
     "node_modules/@angular/cdk": {
@@ -84,9 +84,9 @@
       }
     },
     "node_modules/@angular/common": {
-      "version": "18.2.13",
-      "resolved": "https://registry.npmjs.org/@angular/common/-/common-18.2.13.tgz",
-      "integrity": "sha512-4ZqrNp1PoZo7VNvW+sbSc2CB2axP1sCH2wXl8B0wdjsj8JY1hF1OhuugwhpAHtGxqewed2kCXayE+ZJqSTV4jw==",
+      "version": "18.2.14",
+      "resolved": "https://registry.npmjs.org/@angular/common/-/common-18.2.14.tgz",
+      "integrity": "sha512-ZPRswzaVRiqcfZoowuAM22Hr2/z10ajWOUoFDoQ9tWqz/fH/773kJv2F9VvePIekgNPCzaizqv9gF6tGNqaAwg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -96,14 +96,14 @@
         "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "18.2.13",
+        "@angular/core": "18.2.14",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/compiler": {
-      "version": "18.2.13",
-      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-18.2.13.tgz",
-      "integrity": "sha512-TzWcrkopyjFF+WeDr2cRe8CcHjU72KfYV3Sm2TkBkcXrkYX5sDjGWrBGrG3hRB4e4okqchrOCvm1MiTdy2vKMA==",
+      "version": "18.2.14",
+      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-18.2.14.tgz",
+      "integrity": "sha512-Mpq3v/mztQzGAQAAFV+wAI1hlXxZ0m8eDBgaN2kD3Ue+r4S6bLm1Vlryw0iyUnt05PcFIdxPT6xkcphq5pl6lw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -113,7 +113,7 @@
         "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "18.2.13"
+        "@angular/core": "18.2.14"
       },
       "peerDependenciesMeta": {
         "@angular/core": {
@@ -122,9 +122,9 @@
       }
     },
     "node_modules/@angular/compiler-cli": {
-      "version": "18.2.13",
-      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-18.2.13.tgz",
-      "integrity": "sha512-DBSh4AQwkiJDSiVvJATRmjxf6wyUs9pwQLgaFdSlfuTRO+sdb0J2z1r3BYm8t0IqdoyXzdZq2YCH43EmyvD71g==",
+      "version": "18.2.14",
+      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-18.2.14.tgz",
+      "integrity": "sha512-BmmjyrFSBSYkm0tBSqpu4cwnJX/b/XvhM36mj2k8jah3tNS5zLDDx5w6tyHmaPJa/1D95MlXx2h6u7K9D+Mhew==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -146,14 +146,14 @@
         "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
       },
       "peerDependencies": {
-        "@angular/compiler": "18.2.13",
+        "@angular/compiler": "18.2.14",
         "typescript": ">=5.4 <5.6"
       }
     },
     "node_modules/@angular/core": {
-      "version": "18.2.13",
-      "resolved": "https://registry.npmjs.org/@angular/core/-/core-18.2.13.tgz",
-      "integrity": "sha512-8mbWHMgO95OuFV1Ejy4oKmbe9NOJ3WazQf/f7wks8Bck7pcihd0IKhlPBNjFllbF5o+04EYSwFhEtvEgjMDClA==",
+      "version": "18.2.14",
+      "resolved": "https://registry.npmjs.org/@angular/core/-/core-18.2.14.tgz",
+      "integrity": "sha512-BIPrCs93ZZTY9ym7yfoTgAQ5rs706yoYeAdrgc8kh/bDbM9DawxKlgeKBx2FLt09Y0YQ1bFhKVp0cV4gDEaMxQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -168,9 +168,9 @@
       }
     },
     "node_modules/@angular/elements": {
-      "version": "18.2.13",
-      "resolved": "https://registry.npmjs.org/@angular/elements/-/elements-18.2.13.tgz",
-      "integrity": "sha512-yahRkXWgFolpWMeVsTIlWYwoq4Bsz6wrfS4b+TKHIZbTCyRUlJ5zBFecpYMwgmVuQDJZp+WkUWZV2Qg7kLJR5w==",
+      "version": "18.2.14",
+      "resolved": "https://registry.npmjs.org/@angular/elements/-/elements-18.2.14.tgz",
+      "integrity": "sha512-RKBkTLO3xM3e6aAqY2ca4jhamkpp3vv9p1DLT8O4cf7wF2cY/bwCH5RhWC2jI5LQC7uCFV//JyKmD/cZ2c51bw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -180,14 +180,14 @@
         "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "18.2.13",
+        "@angular/core": "18.2.14",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/forms": {
-      "version": "18.2.13",
-      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-18.2.13.tgz",
-      "integrity": "sha512-A67D867fu3DSBhdLWWZl/F5pr7v2+dRM2u3U7ZJ0ewh4a+sv+0yqWdJW+a8xIoiHxS+btGEJL2qAKJiH+MCFfg==",
+      "version": "18.2.14",
+      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-18.2.14.tgz",
+      "integrity": "sha512-fZVwXctmBJa5VdopJae/T9MYKPXNd04+6j4k/6X819y+9fiyWLJt2QicSc5Rc+YD9mmhXag3xaljlrnotf9VGA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -197,9 +197,9 @@
         "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "18.2.13",
-        "@angular/core": "18.2.13",
-        "@angular/platform-browser": "18.2.13",
+        "@angular/common": "18.2.14",
+        "@angular/core": "18.2.14",
+        "@angular/platform-browser": "18.2.14",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
@@ -223,9 +223,9 @@
       }
     },
     "node_modules/@angular/platform-browser": {
-      "version": "18.2.13",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-18.2.13.tgz",
-      "integrity": "sha512-tu7ZzY6qD3ATdWFzcTcsAKe7M6cJeWbT/4/bF9unyGO3XBPcNYDKoiz10+7ap2PUd0fmPwvuvTvSNJiFEBnB8Q==",
+      "version": "18.2.14",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-18.2.14.tgz",
+      "integrity": "sha512-W+JTxI25su3RiZVZT3Yrw6KNUCmOIy7OZIZ+612skPgYK2f2qil7VclnW1oCwG896h50cMJU/lnAfxZxefQgyQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -235,9 +235,9 @@
         "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
       },
       "peerDependencies": {
-        "@angular/animations": "18.2.13",
-        "@angular/common": "18.2.13",
-        "@angular/core": "18.2.13"
+        "@angular/animations": "18.2.14",
+        "@angular/common": "18.2.14",
+        "@angular/core": "18.2.14"
       },
       "peerDependenciesMeta": {
         "@angular/animations": {
@@ -246,9 +246,9 @@
       }
     },
     "node_modules/@angular/platform-browser-dynamic": {
-      "version": "18.2.13",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-18.2.13.tgz",
-      "integrity": "sha512-kbQCf9+8EpuJC7buBxhSiwBtXvjAwAKh6MznD6zd2pyCYqfY6gfRCZQRtK59IfgVtKmEONWI9grEyNIRoTmqJg==",
+      "version": "18.2.14",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-18.2.14.tgz",
+      "integrity": "sha512-QOv+o89u8HLN0LG8faTIVHKBxfkOBHVDB0UuXy19+HJofWZGGvho+vGjV0/IAkhZnMC4Sxdoy/mOHP2ytALX3A==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -258,16 +258,16 @@
         "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "18.2.13",
-        "@angular/compiler": "18.2.13",
-        "@angular/core": "18.2.13",
-        "@angular/platform-browser": "18.2.13"
+        "@angular/common": "18.2.14",
+        "@angular/compiler": "18.2.14",
+        "@angular/core": "18.2.14",
+        "@angular/platform-browser": "18.2.14"
       }
     },
     "node_modules/@angular/router": {
-      "version": "18.2.13",
-      "resolved": "https://registry.npmjs.org/@angular/router/-/router-18.2.13.tgz",
-      "integrity": "sha512-VKmfgi/r/CkyBq9nChQ/ptmfu0JT/8ONnLVJ5H+SkFLRYJcIRyHLKjRihMCyVm6xM5yktOdCaW73NTQrFz7+bg==",
+      "version": "18.2.14",
+      "resolved": "https://registry.npmjs.org/@angular/router/-/router-18.2.14.tgz",
+      "integrity": "sha512-v/gweh8MBjjDfh1QssuyjISa+6SVVIvIZox7MaMs81RkaoVHwS9grDtPud1pTKHzms2KxSVpvwwyvkRJQplueg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -277,20 +277,20 @@
         "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "18.2.13",
-        "@angular/core": "18.2.13",
-        "@angular/platform-browser": "18.2.13",
+        "@angular/common": "18.2.14",
+        "@angular/core": "18.2.14",
+        "@angular/platform-browser": "18.2.14",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@babel/code-frame": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
-      "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
+      "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@babel/helper-validator-identifier": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5",
         "js-tokens": "^4.0.0",
         "picocolors": "^1.1.1"
       },
@@ -299,9 +299,9 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.27.1.tgz",
-      "integrity": "sha512-Q+E+rd/yBzNQhXkG+zQnF58e4zoZfBedaxwzPmicKsiK3nt8iJYrSrDbjwFFDGC4f+rPafqRaPH6TsDoSvMf7A==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.0.tgz",
+      "integrity": "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==",
       "license": "MIT",
       "peer": true,
       "engines": {
@@ -357,16 +357,16 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.27.1.tgz",
-      "integrity": "sha512-UnJfnIpc/+JO0/+KRVQNGU+y5taA5vCbwN8+azkX6beii/ZF+enZJSOKo11ZSzGJjlNfJHfQtmQT8H+9TXPG2w==",
+      "version": "7.29.1",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
+      "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@babel/parser": "^7.27.1",
-        "@babel/types": "^7.27.1",
-        "@jridgewell/gen-mapping": "^0.3.5",
-        "@jridgewell/trace-mapping": "^0.3.25",
+        "@babel/parser": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
         "jsesc": "^3.0.2"
       },
       "engines": {
@@ -374,13 +374,13 @@
       }
     },
     "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.1.tgz",
-      "integrity": "sha512-2YaDd/Rd9E598B5+WIc8wJPmWETiiJXFYVE60oX8FDohv7rAUU3CQj+A1MgeEmcsk2+dQuEjIe/GDvig0SqL4g==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz",
+      "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@babel/compat-data": "^7.27.1",
+        "@babel/compat-data": "^7.28.6",
         "@babel/helper-validator-option": "^7.27.1",
         "browserslist": "^4.24.0",
         "lru-cache": "^5.1.1",
@@ -400,30 +400,40 @@
         "semver": "bin/semver.js"
       }
     },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@babel/helper-module-imports": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
-      "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz",
+      "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@babel/traverse": "^7.27.1",
-        "@babel/types": "^7.27.1"
+        "@babel/traverse": "^7.28.6",
+        "@babel/types": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-module-transforms": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.27.1.tgz",
-      "integrity": "sha512-9yHn519/8KvTU5BjTVEEeIM3w9/2yXNKoD82JifINImhpKkARMJKPP59kLo+BafpdN5zgNeIcS4jsGDmd3l58g==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz",
+      "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@babel/helper-module-imports": "^7.27.1",
-        "@babel/helper-validator-identifier": "^7.27.1",
-        "@babel/traverse": "^7.27.1"
+        "@babel/helper-module-imports": "^7.28.6",
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "@babel/traverse": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -443,9 +453,9 @@
       }
     },
     "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
-      "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
       "license": "MIT",
       "peer": true,
       "engines": {
@@ -463,27 +473,27 @@
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.27.1.tgz",
-      "integrity": "sha512-FCvFTm0sWV8Fxhpp2McP5/W53GPllQ9QeQ7SiqGWjMf/LVG07lFa5+pgK05IRhVwtvafT22KF+ZSnM9I545CvQ==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.6.tgz",
+      "integrity": "sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@babel/template": "^7.27.1",
-        "@babel/types": "^7.27.1"
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.27.1.tgz",
-      "integrity": "sha512-I0dZ3ZpCrJ1c04OqlNsQcKiZlsrXf/kkE4FXzID9rIOYICsAbA8mMDzhW/luRNAHdCNt7os/u8wenklZDlUVUQ==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.0.tgz",
+      "integrity": "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@babel/types": "^7.27.1"
+        "@babel/types": "^7.29.0"
       },
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -493,9 +503,9 @@
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.1.tgz",
-      "integrity": "sha512-1x3D2xEk2fRo3PAhwQwu5UubzgiVWSXTBfWpVd2Mx2AzRqJuDJCsgaDVZ7HB5iGzDW1Hl1sWN2mFyKjmR9uAog==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.6.tgz",
+      "integrity": "sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==",
       "license": "MIT",
       "peer": true,
       "engines": {
@@ -503,66 +513,62 @@
       }
     },
     "node_modules/@babel/template": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.1.tgz",
-      "integrity": "sha512-Fyo3ghWMqkHHpHQCoBs2VnYjR4iWFFjguTDEqA5WgZDOrFesVjMhMM2FSqTKSoUSDO1VQtavj8NFpdRBEvJTtg==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz",
+      "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@babel/code-frame": "^7.27.1",
-        "@babel/parser": "^7.27.1",
-        "@babel/types": "^7.27.1"
+        "@babel/code-frame": "^7.28.6",
+        "@babel/parser": "^7.28.6",
+        "@babel/types": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.27.1.tgz",
-      "integrity": "sha512-ZCYtZciz1IWJB4U61UPu4KEaqyfj+r5T1Q5mqPo+IBpcG9kHv30Z0aD8LXPgC1trYa6rK0orRyAhqUgk4MjmEg==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.0.tgz",
+      "integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@babel/code-frame": "^7.27.1",
-        "@babel/generator": "^7.27.1",
-        "@babel/parser": "^7.27.1",
-        "@babel/template": "^7.27.1",
-        "@babel/types": "^7.27.1",
-        "debug": "^4.3.1",
-        "globals": "^11.1.0"
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.29.0",
+        "debug": "^4.3.1"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.27.1.tgz",
-      "integrity": "sha512-+EzkxvLNfiUeKMgy/3luqfsCWFRXLb7U6wNQTk60tovuckwB15B191tJWvpp4HjiQWdJkCxO3Wbvc6jlk3Xb2Q==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
+      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "@babel/helper-string-parser": "^7.27.1",
-        "@babel/helper-validator-identifier": "^7.27.1"
+        "@babel/helper-validator-identifier": "^7.28.5"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.8",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
-      "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==",
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@jridgewell/set-array": "^1.2.1",
-        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/sourcemap-codec": "^1.5.0",
         "@jridgewell/trace-mapping": "^0.3.24"
-      },
-      "engines": {
-        "node": ">=6.0.0"
       }
     },
     "node_modules/@jridgewell/resolve-uri": {
@@ -575,27 +581,17 @@
         "node": ">=6.0.0"
       }
     },
-    "node_modules/@jridgewell/set-array": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
-      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
-      "license": "MIT",
-      "peer": true,
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
     "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
-      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
       "license": "MIT",
       "peer": true
     },
     "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.25",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
-      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -604,13 +600,13 @@
       }
     },
     "node_modules/@laserfiche/lf-api-client-core": {
-      "version": "1.1.17",
-      "resolved": "https://registry.npmjs.org/@laserfiche/lf-api-client-core/-/lf-api-client-core-1.1.17.tgz",
-      "integrity": "sha512-VpwCW9f12XHUUYBxNRyk9LfH2T4qiZAOGCKPpiMzeiC+DAvLOmnklhegtrL73TORnYhpOzWIyKoK0OlI8KXJBg==",
+      "version": "1.1.19",
+      "resolved": "https://registry.npmjs.org/@laserfiche/lf-api-client-core/-/lf-api-client-core-1.1.19.tgz",
+      "integrity": "sha512-qJw9mUfx7lakxp0f7r55g2Sa6wCUpfsapU5VhEHuoaokWp4uKsIU3Z5ZSYvqtO/qX2EVnOUDbePofYX8ncbR3g==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@laserfiche/lf-js-utils": "^4.0.12",
+        "@laserfiche/lf-js-utils": "^4.0.13",
         "jsrsasign": "^11.0.0",
         "jsrsasign-util": "^1.0.5"
       }
@@ -655,10 +651,23 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.0.tgz",
+      "integrity": "sha512-lIyg0szRfYbiy67j9KN8IyeD7q7hcmqnJ1ddWmNt19ItGpNN64mnllmxUNFIOdOm6by97jlL6wfpTTJrmnjWAA==",
+      "license": "Apache-2.0",
+      "peer": true,
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
     "node_modules/browserslist": {
-      "version": "4.24.5",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.5.tgz",
-      "integrity": "sha512-FDToo4Wo82hIdgc1CQ+NQD0hEhmpPjrZ3hiUgwgOG6IuTdlpr8jdjyG24P6cNP1yJpTLzS5OcGgSw0xmDU1/Tw==",
+      "version": "4.28.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
+      "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
       "funding": [
         {
           "type": "opencollective",
@@ -676,10 +685,11 @@
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "caniuse-lite": "^1.0.30001716",
-        "electron-to-chromium": "^1.5.149",
-        "node-releases": "^2.0.19",
-        "update-browserslist-db": "^1.1.3"
+        "baseline-browser-mapping": "^2.9.0",
+        "caniuse-lite": "^1.0.30001759",
+        "electron-to-chromium": "^1.5.263",
+        "node-releases": "^2.0.27",
+        "update-browserslist-db": "^1.2.0"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -689,9 +699,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001717",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001717.tgz",
-      "integrity": "sha512-auPpttCq6BDEG8ZAuHJIplGw6GODhjw+/11e7IjpnYCxZcW/ONgPs0KVBJ0d1bY3e2+7PRe5RCLyP+PfwVgkYw==",
+      "version": "1.0.30001776",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001776.tgz",
+      "integrity": "sha512-sg01JDPzZ9jGshqKSckOQthXnYwOEP50jeVFhaSFbZcOy05TiuuaffDOfcwtCisJ9kNQuLBFibYywv2Bgm9osw==",
       "funding": [
         {
           "type": "opencollective",
@@ -785,9 +795,9 @@
       }
     },
     "node_modules/debug": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
-      "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -803,9 +813,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.150",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.150.tgz",
-      "integrity": "sha512-rOOkP2ZUMx1yL4fCxXQKDHQ8ZXwisb2OycOQVKHgvB3ZI4CvehOd4y2tfnnLDieJ3Zs1RL1Dlp3cMkyIn7nnXA==",
+      "version": "1.5.307",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.307.tgz",
+      "integrity": "sha512-5z3uFKBWjiNR44nFcYdkcXjKMbg5KXNdciu7mhTPo9tB7NbqSNP2sSnGR+fqknZSCwKkBN+oxiiajWs4dT6ORg==",
       "license": "ISC",
       "peer": true
     },
@@ -817,9 +827,9 @@
       "peer": true
     },
     "node_modules/entities": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
-      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
       "license": "BSD-2-Clause",
       "optional": true,
       "peer": true,
@@ -867,16 +877,6 @@
         "node": "6.* || 8.* || >= 10.*"
       }
     },
-    "node_modules/globals": {
-      "version": "11.12.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
-      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
-      "license": "MIT",
-      "peer": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/is-fullwidth-code-point": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
@@ -928,9 +928,9 @@
       "peer": true
     },
     "node_modules/jsrsasign": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/jsrsasign/-/jsrsasign-11.1.0.tgz",
-      "integrity": "sha512-Ov74K9GihaK9/9WncTe1mPmvrO7Py665TUfUKvraXBpu+xcTWitrtuOwcjf4KMU9maPaYn0OuaWy0HOzy/GBXg==",
+      "version": "11.1.1",
+      "resolved": "https://registry.npmjs.org/jsrsasign/-/jsrsasign-11.1.1.tgz",
+      "integrity": "sha512-6w95OOXH8DNeGxakqLndBEqqwQ6A70zGaky1oxfg8WVLWOnghTfJsc5Tknx+Z88MHSb1bGLcqQHImOF8Lk22XA==",
       "license": "MIT",
       "peer": true,
       "funding": {
@@ -987,21 +987,21 @@
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.19",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
-      "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==",
+      "version": "2.0.36",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.36.tgz",
+      "integrity": "sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==",
       "license": "MIT",
       "peer": true
     },
     "node_modules/parse5": {
-      "version": "7.2.1",
-      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.2.1.tgz",
-      "integrity": "sha512-BuBYQYlv1ckiPdQi/ohiivi9Sagc9JG+Ozs0r7b/0iK3sKmrb0b9FdWdBbOdx6hBCM/F9Ir82ofnBhtZOjCRPQ==",
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
+      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
       "license": "MIT",
       "optional": true,
       "peer": true,
       "dependencies": {
-        "entities": "^4.5.0"
+        "entities": "^6.0.0"
       },
       "funding": {
         "url": "https://github.com/inikulin/parse5?sponsor=1"
@@ -1056,9 +1056,9 @@
       }
     },
     "node_modules/semver": {
-      "version": "7.7.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
-      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
       "license": "ISC",
       "peer": true,
       "bin": {
@@ -1103,9 +1103,9 @@
       "license": "0BSD"
     },
     "node_modules/typescript": {
-      "version": "5.4.5",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.5.tgz",
-      "integrity": "sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==",
+      "version": "5.5.4",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.5.4.tgz",
+      "integrity": "sha512-Mtq29sKDAEYP7aljRgtPOpTvOfbwRWlS6dPRzwjdE+C0R4brX/GUyhHSecbHMFLNBLcJIPt9nl9yG5TZ1weH+Q==",
       "license": "Apache-2.0",
       "peer": true,
       "bin": {
@@ -1117,9 +1117,9 @@
       }
     },
     "node_modules/update-browserslist-db": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
-      "integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==",
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
       "funding": [
         {
           "type": "opencollective",
diff --git a/projects/ui-components/package.json b/projects/ui-components/package.json
index d01a62e2..147a387a 100644
--- a/projects/ui-components/package.json
+++ b/projects/ui-components/package.json
@@ -7,19 +7,19 @@
     "url": "https://github.com/Laserfiche/lf-ui-components"
   },
   "peerDependencies": {
-    "@angular/animations": "^18.2.13",
+    "@angular/animations": "^18.2.14",
     "@angular/cdk": "^18.2.14",
-    "@angular/common": "^18.2.13",
-    "@angular/compiler": "^18.2.13",
-    "@angular/compiler-cli": "^18.2.13",
-    "@angular/core": "^18.2.13",
-    "@angular/elements": "^18.2.13",
-    "@angular/forms": "^18.2.13",
+    "@angular/common": "^18.2.14",
+    "@angular/compiler": "^18.2.14",
+    "@angular/compiler-cli": "^18.2.14",
+    "@angular/core": "^18.2.14",
+    "@angular/elements": "^18.2.14",
+    "@angular/forms": "^18.2.14",
     "@angular/material": "^18.2.14",
-    "@angular/platform-browser": "^18.2.13",
-    "@angular/platform-browser-dynamic": "^18.2.13",
-    "@angular/router": "^18.2.13",
-    "@laserfiche/lf-api-client-core": "^1.1.10",
+    "@angular/platform-browser": "^18.2.14",
+    "@angular/platform-browser-dynamic": "^18.2.14",
+    "@angular/router": "^18.2.14",
+    "@laserfiche/lf-api-client-core": "^1.1.19",
     "@laserfiche/lf-js-utils": "^4.0.13",
     "@laserfiche/lf-resource-library": "^5.0.3",
     "ngx-mask": "^18.0.4",

From f252d0f92e9ef90033f8592f65a065196bc34cce Mon Sep 17 00:00:00 2001
From: Levente Juhasz <juhasz.levente-contractor@laserfiche.com>
Date: Wed, 11 Mar 2026 09:18:12 +0200
Subject: [PATCH 16/43] Positioning the error message correctly within the
 checklist item

---
 .../lf-checklist/items/items.component.css    |   5 +-
 .../lf-checklist/items/items.component.ts     | 277 +++++++++---------
 .../lf-field-base/lf-field-base.component.css |   5 +
 3 files changed, 145 insertions(+), 142 deletions(-)

diff --git a/projects/ui-components/lf-checklist/items/items.component.css b/projects/ui-components/lf-checklist/items/items.component.css
index 55ef79f2..5d803117 100644
--- a/projects/ui-components/lf-checklist/items/items.component.css
+++ b/projects/ui-components/lf-checklist/items/items.component.css
@@ -1,6 +1,5 @@
 .lf-checklist-item {
   display: flex;
-  align-items: center;
   width: 100%;
 }
 
@@ -29,7 +28,6 @@
 
 .lf-checklist-field {
   width: 100%;
-  height: 34px;
 }
 
 .mat-mdc-input-element {
@@ -84,7 +82,6 @@
 }
 
 ::ng-deep .lf-checklist-item .mat-mdc-form-field-subscript-wrapper {
-  position: static;
   margin-top: 0px;
 }
 
@@ -115,4 +112,4 @@
 ::ng-deep .lf-checklist-item .mdc-text-field,
 ::ng-deep .lf-checklist-item .mdc-text-field--filled {
   border-radius: 0px;
-}
\ No newline at end of file
+}
diff --git a/projects/ui-components/lf-checklist/items/items.component.ts b/projects/ui-components/lf-checklist/items/items.component.ts
index d1015aad..bcbffd40 100644
--- a/projects/ui-components/lf-checklist/items/items.component.ts
+++ b/projects/ui-components/lf-checklist/items/items.component.ts
@@ -1,138 +1,139 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component, OnInit, Input, Output, EventEmitter, ChangeDetectorRef } from '@angular/core';
-import { FormArray, FormBuilder, FormControl, FormGroup, ValidatorFn } from '@angular/forms';
-import { AppLocalizationService, ValidationUtils } from '@laserfiche/lf-ui-components/internal-shared';
-import { Observable } from 'rxjs';
-import { ChecklistItem } from './checklist-item';
-
-/**
- * @internal
- */
-@Component({
-  selector: 'lf-items-component',
-  templateUrl: './items.component.html',
-  styleUrls: ['./items.component.css', './../lf-checklist/lf-checklist.component.css']
-})
-export class ItemsComponent implements OnInit {
-
-  @Input() items: ChecklistItem[] = [];
-  @Output() itemsChanged: EventEmitter<void> = new EventEmitter<void>();
-  labelPosition: string = 'before';
-  checklistParentForm: FormGroup;
-
-  /** @internal */
-  readonly LOCALIZED_STRINGS: Map<string, Observable<string>> = new Map<string, Observable<string>>([
-    ['REQUIRED', this.localizationService.getStringLaserficheObservable('REQUIRED')]
-  ]);
-
-  constructor(private fb: FormBuilder, private ref: ChangeDetectorRef, private localizationService: AppLocalizationService) {
-    this.checklistParentForm = this.fb.group({
-      fieldArray: new FormArray([])
-    });
-  }
-
-  ngOnInit(): void {
-    this.refreshChecklistItems();
-  }
-
-  @Input()
-  refreshChecklistItems = () => {
-    this.syncFormControlDataToFieldValues();
-    this.ref.detectChanges();
-  };
-
-  forceValidation: () => boolean = () => {
-    let isValid = true;
-    this.items.forEach((val, index) => {
-      if (val.editable && val.checked) {
-        // don't return invalid if not editable, since user can't fix it
-        const control = this.getSingleField(index);
-        this.triggerValidation(control);
-        const controlValid = control.valid;
-        if (!controlValid) {
-          isValid = false;
-        }
-      }
-    });
-    return isValid;
-  };
-
-  onItemCheckboxChanged(index: number) {
-    const field = this.getSingleField(index);
-    const item = this.items[index];
-    item.name = field.value;
-    if (!item.checked) {
-      field.clearValidators();
-    }
-    else {
-      this.addValidators(item, field);
-    }
-    this.triggerValidation(field);
-    this.itemsChanged.emit();
-  }
-
-  private addValidators(item: ChecklistItem, field: FormControl) {
-    const constraint = item.constraint;
-    const required = item.isRequired;
-    const validators: ValidatorFn[] = [];
-    if (constraint) {
-      validators.push(ValidationUtils.generalRegexValidator(new RegExp(constraint)));
-    }
-    if (required) {
-      const requiredRegexValidator = ValidationUtils.requiredValidator();
-      validators.push(requiredRegexValidator);
-    }
-    field.setValidators(validators);
-  }
-
-  private triggerValidation(field: FormControl) {
-    field.markAsDirty();
-    field.updateValueAndValidity();
-  }
-
-  onItemValueChanged(index: number) {
-    const field = this.getSingleField(index);
-    this.items[index].name = field.value;
-    this.itemsChanged.emit();
-  }
-
-  getIcons(item: ChecklistItem): string[] {
-    // TODO add error icon if there is an error on node
-    if (typeof (item.icon) === 'string') {
-      return [item.icon];
-    }
-    else {
-      return item.icon;
-    }
-  }
-
-  private getArray(): FormArray {
-    return this.checklistParentForm.get('fieldArray') as FormArray;
-  }
-
-  getSingleField(index: number): FormControl {
-    return this.getArray().controls[index] as FormControl;
-  }
-
-  syncFormControlDataToFieldValues() {
-    this.getArray().clear();
-    if (this.items) {
-      this.items.forEach(item => {
-        const formControl = new FormControl(item.name);
-        if (item.editable && item.checked) {
-          this.addValidators(item, formControl);
-        }
-        if (!item.editable || item.disabled) {
-          formControl.disable();
-        }
-        this.getArray().push(formControl);
-      });
-    }
-  }
-
-  doNothing(event: KeyboardEvent) {
-    event.preventDefault();
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component, OnInit, Input, Output, EventEmitter, ChangeDetectorRef } from '@angular/core';
+import { FormArray, FormBuilder, FormControl, FormGroup, ValidatorFn } from '@angular/forms';
+import { AppLocalizationService, ValidationUtils } from '@laserfiche/lf-ui-components/internal-shared';
+import { Observable } from 'rxjs';
+import { ChecklistItem } from './checklist-item';
+
+/**
+ * @internal
+ */
+@Component({
+  selector: 'lf-items-component',
+  templateUrl: './items.component.html',
+  styleUrls: ['./items.component.css', './../lf-checklist/lf-checklist.component.css']
+})
+export class ItemsComponent implements OnInit {
+
+  @Input() items: ChecklistItem[] = [];
+  @Output() itemsChanged: EventEmitter<void> = new EventEmitter<void>();
+  labelPosition: string = 'before';
+  checklistParentForm: FormGroup;
+
+  /** @internal */
+  readonly LOCALIZED_STRINGS: Map<string, Observable<string>> = new Map<string, Observable<string>>([
+    ['REQUIRED', this.localizationService.getStringLaserficheObservable('REQUIRED')]
+  ]);
+
+  constructor(private fb: FormBuilder, private ref: ChangeDetectorRef, private localizationService: AppLocalizationService) {
+    this.checklistParentForm = this.fb.group({
+      fieldArray: new FormArray([])
+    });
+  }
+
+  ngOnInit(): void {
+    this.refreshChecklistItems();
+  }
+
+  @Input()
+  refreshChecklistItems = () => {
+    this.syncFormControlDataToFieldValues();
+    this.ref.detectChanges();
+  };
+
+  forceValidation: () => boolean = () => {
+    let isValid = true;
+    this.items.forEach((val, index) => {
+      if (val.editable && val.checked) {
+        // don't return invalid if not editable, since user can't fix it
+        const control = this.getSingleField(index);
+        this.triggerValidation(control);
+        const controlValid = control.valid;
+        if (!controlValid) {
+          isValid = false;
+        }
+      }
+    });
+    return isValid;
+  };
+
+  onItemCheckboxChanged(index: number) {
+    const field = this.getSingleField(index);
+    const item = this.items[index];
+    item.name = field.value;
+    if (!item.checked) {
+      field.clearValidators();
+    }
+    else {
+      this.addValidators(item, field);
+    }
+    this.triggerValidation(field);
+    this.itemsChanged.emit();
+  }
+
+  private addValidators(item: ChecklistItem, field: FormControl) {
+    const constraint = item.constraint;
+    const required = item.isRequired;
+    const validators: ValidatorFn[] = [];
+    if (constraint) {
+      validators.push(ValidationUtils.generalRegexValidator(new RegExp(constraint)));
+    }
+    if (required) {
+      const requiredRegexValidator = ValidationUtils.requiredValidator();
+      validators.push(requiredRegexValidator);
+    }
+    field.setValidators(validators);
+  }
+
+  private triggerValidation(field: FormControl) {
+    field.markAsDirty();
+    field.markAllAsTouched();
+    field.updateValueAndValidity();
+  }
+
+  onItemValueChanged(index: number) {
+    const field = this.getSingleField(index);
+    this.items[index].name = field.value;
+    this.itemsChanged.emit();
+  }
+
+  getIcons(item: ChecklistItem): string[] {
+    // TODO add error icon if there is an error on node
+    if (typeof (item.icon) === 'string') {
+      return [item.icon];
+    }
+    else {
+      return item.icon;
+    }
+  }
+
+  private getArray(): FormArray {
+    return this.checklistParentForm.get('fieldArray') as FormArray;
+  }
+
+  getSingleField(index: number): FormControl {
+    return this.getArray().controls[index] as FormControl;
+  }
+
+  syncFormControlDataToFieldValues() {
+    this.getArray().clear();
+    if (this.items) {
+      this.items.forEach(item => {
+        const formControl = new FormControl(item.name);
+        if (item.editable && item.checked) {
+          this.addValidators(item, formControl);
+        }
+        if (!item.editable || item.disabled) {
+          formControl.disable();
+        }
+        this.getArray().push(formControl);
+      });
+    }
+  }
+
+  doNothing(event: KeyboardEvent) {
+    event.preventDefault();
+  }
+}
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.css b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.css
index be86d62a..852bdffd 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.css
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.css
@@ -224,6 +224,11 @@
 
 ::ng-deep mat-form-field > .mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align:before {
   height: unset;
+  display: block;
+}
+
+::ng-deep .lf-checklist-item .mat-form-field-invalid .mat-mdc-form-field-subscript-wrapper {
+  padding-top: 0px !important;
 }
 
 ::ng-deep .lf-field .mdc-text-field {

From c7e2bc59d373cbf66761010cacfbd25e881a7965 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Mon, 16 Mar 2026 11:00:43 +0200
Subject: [PATCH 17/43] Update to latest Angular packages

---
 package-lock.json                             | 3130 ++++-------------
 package.json                                  |   41 +-
 projects/lf-cdn/tsconfig.app.json             |    3 +
 ...-container-documentation.component.spec.ts |    6 +-
 ...plate-container-documentation.component.ts |    4 +-
 projects/lf-documentation/tsconfig.app.json   |    3 +
 .../lf-field-template-container.component.ts  |    4 +-
 .../lf-repository-browser.component.spec.ts   |    2 +-
 projects/ui-components/package-lock.json      |  144 +-
 projects/ui-components/package.json           |   24 +-
 10 files changed, 791 insertions(+), 2570 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 98c7120f..a980a4fe 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,16 +14,16 @@
       "devDependencies": {
         "@analogjs/vite-plugin-angular": "^2.3.1",
         "@analogjs/vitest-angular": "^2.3.1",
-        "@angular-devkit/build-angular": "^21.2.1",
+        "@angular-devkit/build-angular": "^21.2.2",
         "@angular-eslint/builder": "^21.3.0",
         "@angular-eslint/schematics": "^21.3.0",
-        "@angular/cli": "^21.2.1",
-        "@microsoft/api-extractor": "^7.52.9",
+        "@angular/cli": "^21.2.2",
+        "@microsoft/api-extractor": "^7.57.7",
         "@stylistic/eslint-plugin": "^5.10.0",
         "@types/lodash": "^4.17.24",
         "@types/node": "^24.12.0",
-        "@vitest/browser": "^4.0.18",
-        "@vitest/browser-playwright": "^4.0.18",
+        "@vitest/browser": "^4.1.0",
+        "@vitest/browser-playwright": "^4.1.0",
         "angular-eslint": "^21.3.0",
         "date-fns": "^4.1.0",
         "eslint": "^10.0.3",
@@ -32,27 +32,26 @@
         "gulp-concat": "^2.6.1",
         "gulp-replace": "^1.1.4",
         "ng-packagr": "^21.2.0",
-        "puppeteer": "^24.38.0",
+        "puppeteer": "^24.39.1",
         "tslib": "^2.8.1",
         "typescript": "5.9.3",
-        "typescript-eslint": "^8.56.1",
-        "vitest": "^4.0.18",
-        "webdriverio": "^9.20.0",
+        "typescript-eslint": "^8.57.0",
+        "vitest": "^4.1.0",
         "yargs": "^18.0.0"
       },
       "peerDependencies": {
-        "@angular/animations": "^21.2.1",
-        "@angular/cdk": "^21.2.1",
-        "@angular/common": "^21.2.1",
-        "@angular/compiler": "^21.2.1",
-        "@angular/compiler-cli": "^21.2.1",
-        "@angular/core": "^21.2.1",
-        "@angular/elements": "^21.2.1",
-        "@angular/forms": "^21.2.1",
-        "@angular/material": "^21.2.1",
-        "@angular/platform-browser": "^21.2.1",
-        "@angular/router": "^21.2.1",
-        "@laserfiche/lf-api-client-core": "^1.1.10",
+        "@angular/animations": "^21.2.4",
+        "@angular/cdk": "^21.2.2",
+        "@angular/common": "^21.2.4",
+        "@angular/compiler": "^21.2.4",
+        "@angular/compiler-cli": "^21.2.4",
+        "@angular/core": "^21.2.4",
+        "@angular/elements": "^21.2.4",
+        "@angular/forms": "^21.2.4",
+        "@angular/material": "^21.2.2",
+        "@angular/platform-browser": "^21.2.4",
+        "@angular/router": "^21.2.4",
+        "@laserfiche/lf-api-client-core": "^1.1.19",
         "@laserfiche/lf-js-utils": "^4.0.13",
         "@laserfiche/lf-resource-library": "^5.0.3",
         "ngx-mask": "^21.0.1",
@@ -333,13 +332,13 @@
       }
     },
     "node_modules/@angular-devkit/architect": {
-      "version": "0.2102.1",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.2102.1.tgz",
-      "integrity": "sha512-x2Qqz6oLYvEh9UBUG0AP1A4zROO/VP+k+zM9+4c2uZw1uqoBQFmutqgzncjVU7cR9R0RApgx9JRZHDFtQru68w==",
+      "version": "0.2102.2",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.2102.2.tgz",
+      "integrity": "sha512-CDvFtXwyBtMRkTQnm+LfBNLL0yLV8ZGskrM1T6VkcGwXGFDott1FxUdj96ViodYsYL5fbJr0MNA6TlLcanV3kQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/core": "21.2.1",
+        "@angular-devkit/core": "21.2.2",
         "rxjs": "7.8.2"
       },
       "bin": {
@@ -352,17 +351,17 @@
       }
     },
     "node_modules/@angular-devkit/build-angular": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-21.2.1.tgz",
-      "integrity": "sha512-HZQggWPHepDIzQeYVjcC1m3HeIEKBYVKPfb2uZBcPxigHvZMeB0JD49QrgDeSOQulIGkAnJoPf/IDRqQpvWzqg==",
+      "version": "21.2.2",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-21.2.2.tgz",
+      "integrity": "sha512-+KaqvraSGvhnSL3fUazHR8297k6lv/pzhV1p2x2mb6r5FyzD/HjYIP2fiIB2DII36YOVli2mgECoY3CmWj6n8Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@ampproject/remapping": "2.3.0",
-        "@angular-devkit/architect": "0.2102.1",
-        "@angular-devkit/build-webpack": "0.2102.1",
-        "@angular-devkit/core": "21.2.1",
-        "@angular/build": "21.2.1",
+        "@angular-devkit/architect": "0.2102.2",
+        "@angular-devkit/build-webpack": "0.2102.2",
+        "@angular-devkit/core": "21.2.2",
+        "@angular/build": "21.2.2",
         "@babel/core": "7.29.0",
         "@babel/generator": "7.29.1",
         "@babel/helper-annotate-as-pure": "7.27.3",
@@ -373,7 +372,7 @@
         "@babel/preset-env": "7.29.0",
         "@babel/runtime": "7.28.6",
         "@discoveryjs/json-ext": "0.6.3",
-        "@ngtools/webpack": "21.2.1",
+        "@ngtools/webpack": "21.2.2",
         "ansi-colors": "4.1.3",
         "autoprefixer": "10.4.27",
         "babel-loader": "10.0.0",
@@ -428,7 +427,7 @@
         "@angular/platform-browser": "^21.0.0",
         "@angular/platform-server": "^21.0.0",
         "@angular/service-worker": "^21.0.0",
-        "@angular/ssr": "^21.2.1",
+        "@angular/ssr": "^21.2.2",
         "@web/test-runner": "^0.20.0",
         "browser-sync": "^3.0.2",
         "jest": "^30.2.0",
@@ -485,13 +484,13 @@
       }
     },
     "node_modules/@angular-devkit/build-webpack": {
-      "version": "0.2102.1",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.2102.1.tgz",
-      "integrity": "sha512-iBBMHegwjaAGnSoB5i9ynzCTCdYcLCgGhA2Wmi09DHJPSVFXw23H0nZUeNaRpo2V0hPRrMiyE3dlmaRJC42/yA==",
+      "version": "0.2102.2",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.2102.2.tgz",
+      "integrity": "sha512-5wQmVnpozBCeAMx1SKHSv2GGH3pVZ1WMwX4k0tnsgsHTt8ia24Zxa7P7pAsqkCbpHpa+7/nEjNuW9Teg/isumg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/architect": "0.2102.1",
+        "@angular-devkit/architect": "0.2102.2",
         "rxjs": "7.8.2"
       },
       "engines": {
@@ -505,9 +504,9 @@
       }
     },
     "node_modules/@angular-devkit/core": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-21.2.1.tgz",
-      "integrity": "sha512-TpXGjERqVPN8EPt7LdmWAwh0oNQ/6uWFutzGZiXhJy81n1zb1O1XrqhRAmvP1cAo5O+na6IV2JkkCmxL6F8GUg==",
+      "version": "21.2.2",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-21.2.2.tgz",
+      "integrity": "sha512-xUeKGe4BDQpkz0E6fnAPIJXE0y0nqtap0KhJIBhvN7xi3NenIzTmoi6T9Yv5OOBUdLZbOm4SOel8MhdXiIBpAQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -533,13 +532,13 @@
       }
     },
     "node_modules/@angular-devkit/schematics": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-21.2.1.tgz",
-      "integrity": "sha512-CWoamHaasAHMjHcYqxbj0tMnoXxdGotcAz2SpiuWtH28Lnf5xfbTaJn/lwdMP8Wdh4tgA+uYh2l45A5auCwmkw==",
+      "version": "21.2.2",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-21.2.2.tgz",
+      "integrity": "sha512-CCeyQxGUq+oyGnHd7PfcYIVbj9pRnqjQq0rAojoAqs1BJdtInx9weLBCLy+AjM3NHePeZrnwm+wEVr8apED8kg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/core": "21.2.1",
+        "@angular-devkit/core": "21.2.2",
         "jsonc-parser": "3.3.1",
         "magic-string": "0.30.21",
         "ora": "9.3.0",
@@ -661,9 +660,9 @@
       }
     },
     "node_modules/@angular/animations": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-21.2.1.tgz",
-      "integrity": "sha512-zT/S29pUTbziCLvZ2itBdNWd5i8tsXexofH7KA4n2yvYmK1EhNpE7TlHRjghmsHgtDt4VnGiMW4zXEyrl05Dwg==",
+      "version": "21.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-21.2.4.tgz",
+      "integrity": "sha512-hO1P7ks9n7lW3D31bzHohSuoAaj05xJUlK8rZgX8IkH5DLx4qhvfNh0t4bbLuBJLP2r1TaLsQ8KFcemCkFRO2w==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -673,18 +672,18 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "21.2.1"
+        "@angular/core": "21.2.4"
       }
     },
     "node_modules/@angular/build": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@angular/build/-/build-21.2.1.tgz",
-      "integrity": "sha512-cUpLNHJp9taII/FOcJHHfQYlMcZSRaf6eIxgSNS6Xfx1CeGoJNDN+J8+GFk+H1CPJt1EvbfyZ+dE5DbsgTD/QQ==",
+      "version": "21.2.2",
+      "resolved": "https://registry.npmjs.org/@angular/build/-/build-21.2.2.tgz",
+      "integrity": "sha512-Vq2eIneNxzhHm1MwEmRqEJDwHU9ODfSRDaMWwtysGMhpoMQmLdfTqkQDmkC2qVUr8mV8Z1i5I+oe5ZJaMr/PlQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@ampproject/remapping": "2.3.0",
-        "@angular-devkit/architect": "0.2102.1",
+        "@angular-devkit/architect": "0.2102.2",
         "@babel/core": "7.29.0",
         "@babel/helper-annotate-as-pure": "7.27.3",
         "@babel/helper-split-export-declaration": "7.24.7",
@@ -727,7 +726,7 @@
         "@angular/platform-browser": "^21.0.0",
         "@angular/platform-server": "^21.0.0",
         "@angular/service-worker": "^21.0.0",
-        "@angular/ssr": "^21.2.1",
+        "@angular/ssr": "^21.2.2",
         "karma": "^6.4.0",
         "less": "^4.2.0",
         "ng-packagr": "^21.0.0",
@@ -777,9 +776,9 @@
       }
     },
     "node_modules/@angular/cdk": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.2.1.tgz",
-      "integrity": "sha512-JUFV8qLnO7CU5v4W0HzXSQrFkkJ4RH/qqdwrf9lup7YEnsLxB7cTGhsVisc9pWKAJsoNZ4pXCVOkqKc1mFL7dw==",
+      "version": "21.2.2",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.2.2.tgz",
+      "integrity": "sha512-9AsZkwqy07No7+0qPydcJfXB6SpA9qLDBanoesNj5KsiZJ62PJH3oIjVyNeQEEe1HQWmSwBnhwN12OPLNMUlnw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -794,19 +793,19 @@
       }
     },
     "node_modules/@angular/cli": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-21.2.1.tgz",
-      "integrity": "sha512-5SRfMTgwFj1zXOpfeZWHsxZBni0J4Xz7/CbewG47D6DmbstOrSdgt6eNzJ62R650t0G9dpri2YvToZgImtbjOQ==",
+      "version": "21.2.2",
+      "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-21.2.2.tgz",
+      "integrity": "sha512-eZo8/qX+ZIpIWc0CN+cCX13Lbgi/031wAp8DRVhDDO6SMVtcr/ObOQ2S16+pQdOMXxiG3vby6IhzJuz9WACzMQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/architect": "0.2102.1",
-        "@angular-devkit/core": "21.2.1",
-        "@angular-devkit/schematics": "21.2.1",
+        "@angular-devkit/architect": "0.2102.2",
+        "@angular-devkit/core": "21.2.2",
+        "@angular-devkit/schematics": "21.2.2",
         "@inquirer/prompts": "7.10.1",
         "@listr2/prompt-adapter-inquirer": "3.0.5",
         "@modelcontextprotocol/sdk": "1.26.0",
-        "@schematics/angular": "21.2.1",
+        "@schematics/angular": "21.2.2",
         "@yarnpkg/lockfile": "1.1.0",
         "algoliasearch": "5.48.1",
         "ini": "6.0.0",
@@ -829,9 +828,9 @@
       }
     },
     "node_modules/@angular/common": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@angular/common/-/common-21.2.1.tgz",
-      "integrity": "sha512-xhv2i1Q9s1kpGbGsfj+o36+XUC/TQLcZyRuRxn3GwaN7Rv34FabC88ycpvoE+sW/txj4JRx9yPA0dRSZjwZ+Gg==",
+      "version": "21.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/common/-/common-21.2.4.tgz",
+      "integrity": "sha512-NrP6qOuUpo3fqq14UJ1b2bIRtWsfvxh1qLqOyFV4gfBrHhXd0XffU1LUlUw1qp4w1uBSgPJ0/N5bSPUWrAguVg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -841,14 +840,14 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "21.2.1",
+        "@angular/core": "21.2.4",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/compiler": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-21.2.1.tgz",
-      "integrity": "sha512-FxWaSaii1vfHIFA+JksqQ8NGB2frfqCrs7Ju50a44kbwR4fmanfn/VsiS/CbwBp9vcyT/Br9X/jAG4RuK/U2nw==",
+      "version": "21.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-21.2.4.tgz",
+      "integrity": "sha512-9+ulVK3idIo/Tu4X2ic7/V0+Uj7pqrOAbOuIirYe6Ymm3AjexuFRiGBbfcH0VJhQ5cf8TvIJ1fuh+MI4JiRIxA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -859,9 +858,9 @@
       }
     },
     "node_modules/@angular/compiler-cli": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-21.2.1.tgz",
-      "integrity": "sha512-qYCWLGtEju4cDtYLi4ZzbwKoF0lcGs+Lc31kuESvAzYvWNgk2EUOtwWo8kbgpAzAwSYodtxW6Q90iWEwfU6elw==",
+      "version": "21.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-21.2.4.tgz",
+      "integrity": "sha512-vGjd7DZo/Ox50pQCm5EycmBu91JclimPtZoyNXu/2hSxz3oAkzwiHCwlHwk2g58eheSSp+lYtYRLmHAqSVZLjg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -882,7 +881,7 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/compiler": "21.2.1",
+        "@angular/compiler": "21.2.4",
         "typescript": ">=5.9 <6.1"
       },
       "peerDependenciesMeta": {
@@ -892,9 +891,9 @@
       }
     },
     "node_modules/@angular/core": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@angular/core/-/core-21.2.1.tgz",
-      "integrity": "sha512-pFTbg03s2ZI5cHNT+eWsGjwIIKiYkeAnodFbCAHjwFi9KCEYlTykFLjr9lcpGrBddfmAH7GE08Q73vgmsdcNHw==",
+      "version": "21.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/core/-/core-21.2.4.tgz",
+      "integrity": "sha512-2+gd67ZuXHpGOqeb2o7XZPueEWEP81eJza2tSHkT5QMV8lnYllDEmaNnkPxnIjSLGP1O3PmiXxo4z8ibHkLZwg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -904,7 +903,7 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/compiler": "21.2.1",
+        "@angular/compiler": "21.2.4",
         "rxjs": "^6.5.3 || ^7.4.0",
         "zone.js": "~0.15.0 || ~0.16.0"
       },
@@ -918,9 +917,9 @@
       }
     },
     "node_modules/@angular/elements": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@angular/elements/-/elements-21.2.1.tgz",
-      "integrity": "sha512-NF2mNcnpHKeDoOzQ0nY0pk111kVdBESXrmDfxO0LCs1JU9c2tNw45pWqpsu3CqbH61rx+b6kLIIz9RjcZVaPMg==",
+      "version": "21.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/elements/-/elements-21.2.4.tgz",
+      "integrity": "sha512-uAfx+RA5Lu8nD5yWSEZVV6a/BQkyC0L05mvB+Zm1nk1PoMvrjgH/8xTyHOkj3SNOY2dWwzek7Zc1tXleKotnZA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -930,14 +929,14 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "21.2.1",
+        "@angular/core": "21.2.4",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/forms": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-21.2.1.tgz",
-      "integrity": "sha512-6aqOPk9xoa0dfeUDeEbhaiPhmt6MQrdn59qbGAomn9RMXA925TrHbJhSIkp9tXc2Fr4aJRi8zkD/cdXEc1IYeA==",
+      "version": "21.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-21.2.4.tgz",
+      "integrity": "sha512-1fOhctA9ADEBYjI3nPQUR5dHsK2+UWAjup37Ksldk/k0w8UpD5YsN7JVNvsDMZRFMucKYcGykPblU7pABtsqnQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -948,23 +947,23 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "21.2.1",
-        "@angular/core": "21.2.1",
-        "@angular/platform-browser": "21.2.1",
+        "@angular/common": "21.2.4",
+        "@angular/core": "21.2.4",
+        "@angular/platform-browser": "21.2.4",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/material": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-21.2.1.tgz",
-      "integrity": "sha512-+E7km7o1LZ0O+iE+sSX4M3r0WLPCOe0hwJp4o5hUM5jR+a2B+Ba14d4QWwN1r3R3qqwzCO1z5/44R0GoDkR2gg==",
+      "version": "21.2.2",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-21.2.2.tgz",
+      "integrity": "sha512-yY7kdmltNd28Tw8bHvoSFuoO8jMJSicSU9gB9r4jSLHPWAI9Y3V2qvLEimfPLRmzEaWwSoqKda95k/646lgg6A==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/cdk": "21.2.1",
+        "@angular/cdk": "21.2.2",
         "@angular/common": "^21.0.0 || ^22.0.0",
         "@angular/core": "^21.0.0 || ^22.0.0",
         "@angular/forms": "^21.0.0 || ^22.0.0",
@@ -973,9 +972,9 @@
       }
     },
     "node_modules/@angular/platform-browser": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-21.2.1.tgz",
-      "integrity": "sha512-k4SJLxIaLT26vLjLuFL+ho0BiG5PrdxEsjsXFC7w5iUhomeouzkHVTZ4t7gaLNKrdRD7QNtU4Faw0nL0yx0ZPQ==",
+      "version": "21.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-21.2.4.tgz",
+      "integrity": "sha512-1A9e/cQVu+3BkRCktLcO3RZGuw8NOTHw1frUUrpAz+iMyvIT4sDRFbL+U1g8qmOCZqRNC1Pi1HZfZ1kl6kvrcQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -985,9 +984,9 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/animations": "21.2.1",
-        "@angular/common": "21.2.1",
-        "@angular/core": "21.2.1"
+        "@angular/animations": "21.2.4",
+        "@angular/common": "21.2.4",
+        "@angular/core": "21.2.4"
       },
       "peerDependenciesMeta": {
         "@angular/animations": {
@@ -996,9 +995,9 @@
       }
     },
     "node_modules/@angular/router": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.2.1.tgz",
-      "integrity": "sha512-FUKG+8ImQYxmlDUdAs7+VeS/VrBNrbo0zGiKkzVNU/bbcCyroKXJLXFtkFI3qmROiJNyIta2IMBCHJvIjLIMig==",
+      "version": "21.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.2.4.tgz",
+      "integrity": "sha512-OjWze4XT8i2MThcBXMv7ru1k6/5L6QYZbcXuseqimFCHm2avEJ+mXPovY066fMBZJhqbXdjB82OhHAWkIHjglQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -1008,9 +1007,9 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "21.2.1",
-        "@angular/core": "21.2.1",
-        "@angular/platform-browser": "21.2.1",
+        "@angular/common": "21.2.4",
+        "@angular/core": "21.2.4",
+        "@angular/platform-browser": "21.2.4",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
@@ -1197,9 +1196,9 @@
       }
     },
     "node_modules/@babel/helper-define-polyfill-provider": {
-      "version": "0.6.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.6.tgz",
-      "integrity": "sha512-mOAsxeeKkUKayvZR3HeTYD/fICpCPLJrU5ZjelT/PA6WHtNDBOE436YiaEUvHN454bRM3CebhDsIpieCc4texA==",
+      "version": "0.6.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.7.tgz",
+      "integrity": "sha512-6Fqi8MtQ/PweQ9xvux65emkLQ83uB+qAVtfHkC9UodyHMIZdxNI01HjLCLUtybElp2KY2XNE0nOgyP1E1vXw9w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2541,13 +2540,13 @@
       }
     },
     "node_modules/@babel/preset-env/node_modules/babel-plugin-polyfill-corejs3": {
-      "version": "0.14.0",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.14.0.tgz",
-      "integrity": "sha512-AvDcMxJ34W4Wgy4KBIIePQTAOP1Ie2WFwkQp3dB7FQ/f0lI5+nM96zUnYEOE1P9sEg0es5VCP0HxiWu5fUHZAQ==",
+      "version": "0.14.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.14.1.tgz",
+      "integrity": "sha512-ENp89vM9Pw4kv/koBb5N2f9bDZsR0hpf3BdPMOg/pkS3pwO4dzNnQZVXtBbeyAadgm865DmQG2jMMLqmZXvuCw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.6.6",
+        "@babel/helper-define-polyfill-provider": "^0.6.7",
         "core-js-compat": "^3.48.0"
       },
       "peerDependencies": {
@@ -2634,6 +2633,13 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@blazediff/core": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/@blazediff/core/-/core-1.9.1.tgz",
+      "integrity": "sha512-ehg3jIkYKulZh+8om/O25vkvSsXXwC+skXmyA87FFx6A/45eqOkZsBltMw/TVteb0mloiGT8oGRTcjRAz66zaA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@discoveryjs/json-ext": {
       "version": "0.6.3",
       "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.6.3.tgz",
@@ -2645,21 +2651,21 @@
       }
     },
     "node_modules/@emnapi/core": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.8.1.tgz",
-      "integrity": "sha512-AvT9QFpxK0Zd8J0jopedNm+w/2fIzvtPKPjqyw9jwvBaReTTqPBk9Hixaz7KbjimP+QNz605/XnjFcDAL2pqBg==",
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.9.0.tgz",
+      "integrity": "sha512-0DQ98G9ZQZOxfUcQn1waV2yS8aWdZ6kJMbYCJB3oUBecjWYO1fqJ+a1DRfPF3O5JEkwqwP1A9QEN/9mYm2Yd0w==",
       "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "@emnapi/wasi-threads": "1.1.0",
+        "@emnapi/wasi-threads": "1.2.0",
         "tslib": "^2.4.0"
       }
     },
     "node_modules/@emnapi/runtime": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.8.1.tgz",
-      "integrity": "sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg==",
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.9.0.tgz",
+      "integrity": "sha512-QN75eB0IH2ywSpRpNddCRfQIhmJYBCJ1x5Lb3IscKAL8bMnVAKnRg8dCoXbHzVLLH7P38N2Z3mtulB7W0J0FKw==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -2668,9 +2674,9 @@
       }
     },
     "node_modules/@emnapi/wasi-threads": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.1.0.tgz",
-      "integrity": "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.0.tgz",
+      "integrity": "sha512-N10dEJNSsUx41Z6pZsXU8FjPjpBEplgH24sfkmITrBED1/U2Esum9F3lfLrMjKHHjmi557zQn7kR9R+XWXu5Rg==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -3177,14 +3183,30 @@
         "node": "^20.19.0 || ^22.13.0 || >=24"
       }
     },
+    "node_modules/@eslint/config-array/node_modules/minimatch": {
+      "version": "10.2.4",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.4.tgz",
+      "integrity": "sha512-oRjTw/97aTBN0RHbYCdtF1MQfvusSIBQM0IZEgzl6426+8jSC0nF1a/GmnVLpfB9yyr6g6FTqWqiZVbxrtaCIg==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "brace-expansion": "^5.0.2"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/@eslint/config-helpers": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.5.2.tgz",
-      "integrity": "sha512-a5MxrdDXEvqnIq+LisyCX6tQMPF/dSJpCfBgBauY+pNZ28yCtSsTvyTYrMhaI+LK26bVyCJfJkT0u8KIj2i1dQ==",
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.5.3.tgz",
+      "integrity": "sha512-lzGN0onllOZCGroKJmRwY6QcEHxbjBw1gwB8SgRSqK8YbbtEXMvKynsXc3553ckIEBxsbMBU7oOZXKIPGZNeZw==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@eslint/core": "^1.1.0"
+        "@eslint/core": "^1.1.1"
       },
       "engines": {
         "node": "^20.19.0 || ^22.13.0 || >=24"
@@ -3686,80 +3708,6 @@
         }
       }
     },
-    "node_modules/@isaacs/cliui": {
-      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
-      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
-      "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-styles": {
-      "version": "6.2.3",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
-      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
-      "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",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@isaacs/cliui/node_modules/string-width": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
-      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-      "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/wrap-ansi": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
-      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-      "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/@isaacs/fs-minipass": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz",
@@ -4270,9 +4218,9 @@
       }
     },
     "node_modules/@laserfiche/lf-api-client-core": {
-      "version": "1.1.18",
-      "resolved": "https://registry.npmjs.org/@laserfiche/lf-api-client-core/-/lf-api-client-core-1.1.18.tgz",
-      "integrity": "sha512-kR2RNy4wX0vpIojvbjNUqw6DV0FxyeTlIU2Paq7Uk9dOjw50TUYrLEPVAGknwrAou+AJUSm5VHtbwHZeW7BTAA==",
+      "version": "1.1.19",
+      "resolved": "https://registry.npmjs.org/@laserfiche/lf-api-client-core/-/lf-api-client-core-1.1.19.tgz",
+      "integrity": "sha512-qJw9mUfx7lakxp0f7r55g2Sa6wCUpfsapU5VhEHuoaokWp4uKsIU3Z5ZSYvqtO/qX2EVnOUDbePofYX8ncbR3g==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -4422,9 +4370,9 @@
       ]
     },
     "node_modules/@microsoft/api-extractor": {
-      "version": "7.57.6",
-      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.57.6.tgz",
-      "integrity": "sha512-0rFv/D8Grzw1Mjs2+8NGUR+o4h9LVm5zKRtMeWnpdB5IMJF4TeHCL1zR5LMCIudkOvyvjbhMG5Wjs0B5nqsrRQ==",
+      "version": "7.57.7",
+      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.57.7.tgz",
+      "integrity": "sha512-kmnmVs32MFWbV5X6BInC1/TfCs7y1ugwxv1xHsAIj/DyUfoe7vtO0alRUgbQa57+yRGHBBjlNcEk33SCAt5/dA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4437,7 +4385,7 @@
         "@rushstack/ts-command-line": "5.3.3",
         "diff": "~8.0.2",
         "lodash": "~4.17.23",
-        "minimatch": "10.2.1",
+        "minimatch": "10.2.3",
         "resolve": "~1.22.1",
         "semver": "~7.5.4",
         "source-map": "~0.6.1",
@@ -4472,22 +4420,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/@microsoft/api-extractor/node_modules/minimatch": {
-      "version": "10.2.1",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.1.tgz",
-      "integrity": "sha512-MClCe8IL5nRRmawL6ib/eT4oLyeKMGCghibcDWK+J0hh0Q8kqSdia6BvbRMVk6mPa6WqUa5uR2oxt6C5jd533A==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "dependencies": {
-        "brace-expansion": "^5.0.2"
-      },
-      "engines": {
-        "node": "20 || >=22"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/@microsoft/api-extractor/node_modules/semver": {
       "version": "7.5.4",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
@@ -4824,6 +4756,9 @@
         "arm64"
       ],
       "dev": true,
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -4841,6 +4776,9 @@
         "arm64"
       ],
       "dev": true,
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -4858,6 +4796,9 @@
         "ppc64"
       ],
       "dev": true,
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -4875,6 +4816,9 @@
         "riscv64"
       ],
       "dev": true,
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -4892,6 +4836,9 @@
         "s390x"
       ],
       "dev": true,
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -4909,6 +4856,9 @@
         "x64"
       ],
       "dev": true,
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -4926,6 +4876,9 @@
         "x64"
       ],
       "dev": true,
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -5021,9 +4974,9 @@
       }
     },
     "node_modules/@ngtools/webpack": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-21.2.1.tgz",
-      "integrity": "sha512-HGRGTDmyo3IuxxEAVK9/QK2Nd/nwWIh/zcd2x6nmCxC7tdB0fwIhEZhWnUDyLP2QnDaEPeR4NnZCGTN89SWhGg==",
+      "version": "21.2.2",
+      "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-21.2.2.tgz",
+      "integrity": "sha512-EnDlYg0KWqtvJ2FBIFR03nBHRhs8JFtb4yrdnL5zt7OP6mlRpCcFJ+kXwm6v9OVTEIsKKRdPRe0qpSYOAOdo6w==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -5106,9 +5059,9 @@
       }
     },
     "node_modules/@npmcli/agent/node_modules/lru-cache": {
-      "version": "11.2.6",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.6.tgz",
-      "integrity": "sha512-ESL2CrkS/2wTPfuend7Zhkzo2u0daGJ/A2VucJOgQ/C48S/zB8MMeMHSGKYpXhIjbPxfuezITkaBH1wqv00DDQ==",
+      "version": "11.2.7",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.7.tgz",
+      "integrity": "sha512-aY/R+aEsRelme17KGQa/1ZSIpLpNYYrhcrepKTZgE+W3WM16YMCaPwOHLHsmopZHELU0Ojin1lPVxKR0MihncA==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "engines": {
@@ -5159,9 +5112,9 @@
       }
     },
     "node_modules/@npmcli/git/node_modules/lru-cache": {
-      "version": "11.2.6",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.6.tgz",
-      "integrity": "sha512-ESL2CrkS/2wTPfuend7Zhkzo2u0daGJ/A2VucJOgQ/C48S/zB8MMeMHSGKYpXhIjbPxfuezITkaBH1wqv00DDQ==",
+      "version": "11.2.7",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.7.tgz",
+      "integrity": "sha512-aY/R+aEsRelme17KGQa/1ZSIpLpNYYrhcrepKTZgE+W3WM16YMCaPwOHLHsmopZHELU0Ojin1lPVxKR0MihncA==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "engines": {
@@ -5435,6 +5388,9 @@
         "arm"
       ],
       "dev": true,
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -5456,6 +5412,9 @@
         "arm"
       ],
       "dev": true,
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -5477,6 +5436,9 @@
         "arm64"
       ],
       "dev": true,
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -5498,6 +5460,9 @@
         "arm64"
       ],
       "dev": true,
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -5519,6 +5484,9 @@
         "x64"
       ],
       "dev": true,
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -5540,6 +5508,9 @@
         "x64"
       ],
       "dev": true,
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -5783,17 +5754,6 @@
         "node": ">=20.0.0"
       }
     },
-    "node_modules/@pkgjs/parseargs": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
-      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "engines": {
-        "node": ">=14"
-      }
-    },
     "node_modules/@polka/url": {
       "version": "1.0.0-next.29",
       "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.29.tgz",
@@ -5801,26 +5761,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@promptbook/utils": {
-      "version": "0.69.5",
-      "resolved": "https://registry.npmjs.org/@promptbook/utils/-/utils-0.69.5.tgz",
-      "integrity": "sha512-xm5Ti/Hp3o4xHrsK9Yy3MS6KbDxYbq485hDsFvxqaNA7equHLPdo8H8faTitTeb14QCDfLW4iwCxdVYu5sn6YQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://buymeacoffee.com/hejny"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/webgptorg/promptbook/blob/main/README.md#%EF%B8%8F-contributing"
-        }
-      ],
-      "license": "CC-BY-4.0",
-      "dependencies": {
-        "spacetrim": "0.11.59"
-      }
-    },
     "node_modules/@puppeteer/browsers": {
       "version": "2.13.0",
       "resolved": "https://registry.npmjs.org/@puppeteer/browsers/-/browsers-2.13.0.tgz",
@@ -6021,6 +5961,9 @@
         "arm64"
       ],
       "dev": true,
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6038,6 +5981,9 @@
         "arm64"
       ],
       "dev": true,
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6055,6 +6001,9 @@
         "x64"
       ],
       "dev": true,
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6072,6 +6021,9 @@
         "x64"
       ],
       "dev": true,
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6299,6 +6251,9 @@
         "arm"
       ],
       "dev": true,
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6313,6 +6268,9 @@
         "arm"
       ],
       "dev": true,
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6327,6 +6285,9 @@
         "arm64"
       ],
       "dev": true,
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6341,6 +6302,9 @@
         "arm64"
       ],
       "dev": true,
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6355,6 +6319,9 @@
         "loong64"
       ],
       "dev": true,
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6369,6 +6336,9 @@
         "loong64"
       ],
       "dev": true,
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6383,6 +6353,9 @@
         "ppc64"
       ],
       "dev": true,
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6397,6 +6370,9 @@
         "ppc64"
       ],
       "dev": true,
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6411,6 +6387,9 @@
         "riscv64"
       ],
       "dev": true,
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6425,6 +6404,9 @@
         "riscv64"
       ],
       "dev": true,
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6439,6 +6421,9 @@
         "s390x"
       ],
       "dev": true,
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6453,6 +6438,9 @@
         "x64"
       ],
       "dev": true,
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6467,6 +6455,9 @@
         "x64"
       ],
       "dev": true,
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6698,14 +6689,14 @@
       }
     },
     "node_modules/@schematics/angular": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-21.2.1.tgz",
-      "integrity": "sha512-DjrHRMoILhbZ6tc7aNZWuHA1wCm1iU/JN1TxAwNEyIBgyU3Fx8Z5baK4w0TCpOIPt0RLWVgP2L7kka9aXWCUFA==",
+      "version": "21.2.2",
+      "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-21.2.2.tgz",
+      "integrity": "sha512-Ywa6HDtX7TRBQZTVMMnxX3Mk7yVnG8KtSFaXWrkx779+q8tqYdBwNwAqbNd4Zatr1GccKaz9xcptHJta5+DTxw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/core": "21.2.1",
-        "@angular-devkit/schematics": "21.2.1",
+        "@angular-devkit/core": "21.2.2",
+        "@angular-devkit/schematics": "21.2.2",
         "jsonc-parser": "3.3.1"
       },
       "engines": {
@@ -7157,13 +7148,6 @@
         "@types/node": "*"
       }
     },
-    "node_modules/@types/sinonjs__fake-timers": {
-      "version": "8.1.5",
-      "resolved": "https://registry.npmjs.org/@types/sinonjs__fake-timers/-/sinonjs__fake-timers-8.1.5.tgz",
-      "integrity": "sha512-mQkU2jY8jJEF7YHjHvsQO8+3ughTL1mcnn96igfhONmR+fUPSKIkefQYpSe8bsly2Ep7oQbn/6VG5/9/0qcArQ==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/@types/sockjs": {
       "version": "0.3.36",
       "resolved": "https://registry.npmjs.org/@types/sockjs/-/sockjs-0.3.36.tgz",
@@ -7185,13 +7169,6 @@
         "@types/node": "*"
       }
     },
-    "node_modules/@types/which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/@types/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-113D3mDkZDjo+EeUEHCFy0qniNc1ZpecGiAU7WSo7YDoSzolZIQKpYFHrPpjkB2nuyahcKfrmLXeQlh7gqJYdw==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/@types/ws": {
       "version": "8.18.1",
       "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz",
@@ -7214,17 +7191,17 @@
       }
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.56.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.56.1.tgz",
-      "integrity": "sha512-Jz9ZztpB37dNC+HU2HI28Bs9QXpzCz+y/twHOwhyrIRdbuVDxSytJNDl6z/aAKlaRIwC7y8wJdkBv7FxYGgi0A==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.57.0.tgz",
+      "integrity": "sha512-qeu4rTHR3/IaFORbD16gmjq9+rEs9fGKdX0kF6BKSfi+gCuG3RCKLlSBYzn/bGsY9Tj7KE/DAQStbp8AHJGHEQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/regexpp": "^4.12.2",
-        "@typescript-eslint/scope-manager": "8.56.1",
-        "@typescript-eslint/type-utils": "8.56.1",
-        "@typescript-eslint/utils": "8.56.1",
-        "@typescript-eslint/visitor-keys": "8.56.1",
+        "@typescript-eslint/scope-manager": "8.57.0",
+        "@typescript-eslint/type-utils": "8.57.0",
+        "@typescript-eslint/utils": "8.57.0",
+        "@typescript-eslint/visitor-keys": "8.57.0",
         "ignore": "^7.0.5",
         "natural-compare": "^1.4.0",
         "ts-api-utils": "^2.4.0"
@@ -7237,22 +7214,22 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "@typescript-eslint/parser": "^8.56.1",
+        "@typescript-eslint/parser": "^8.57.0",
         "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
         "typescript": ">=4.8.4 <6.0.0"
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "8.56.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.56.1.tgz",
-      "integrity": "sha512-klQbnPAAiGYFyI02+znpBRLyjL4/BrBd0nyWkdC0s/6xFLkXYQ8OoRrSkqacS1ddVxf/LDyODIKbQ5TgKAf/Fg==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.57.0.tgz",
+      "integrity": "sha512-XZzOmihLIr8AD1b9hL9ccNMzEMWt/dE2u7NyTY9jJG6YNiNthaD5XtUHVF2uCXZ15ng+z2hT3MVuxnUYhq6k1g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/scope-manager": "8.56.1",
-        "@typescript-eslint/types": "8.56.1",
-        "@typescript-eslint/typescript-estree": "8.56.1",
-        "@typescript-eslint/visitor-keys": "8.56.1",
+        "@typescript-eslint/scope-manager": "8.57.0",
+        "@typescript-eslint/types": "8.57.0",
+        "@typescript-eslint/typescript-estree": "8.57.0",
+        "@typescript-eslint/visitor-keys": "8.57.0",
         "debug": "^4.4.3"
       },
       "engines": {
@@ -7268,14 +7245,14 @@
       }
     },
     "node_modules/@typescript-eslint/project-service": {
-      "version": "8.56.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.56.1.tgz",
-      "integrity": "sha512-TAdqQTzHNNvlVFfR+hu2PDJrURiwKsUvxFn1M0h95BB8ah5jejas08jUWG4dBA68jDMI988IvtfdAI53JzEHOQ==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.57.0.tgz",
+      "integrity": "sha512-pR+dK0BlxCLxtWfaKQWtYr7MhKmzqZxuii+ZjuFlZlIGRZm22HnXFqa2eY+90MUz8/i80YJmzFGDUsi8dMOV5w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/tsconfig-utils": "^8.56.1",
-        "@typescript-eslint/types": "^8.56.1",
+        "@typescript-eslint/tsconfig-utils": "^8.57.0",
+        "@typescript-eslint/types": "^8.57.0",
         "debug": "^4.4.3"
       },
       "engines": {
@@ -7290,14 +7267,14 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.56.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.56.1.tgz",
-      "integrity": "sha512-YAi4VDKcIZp0O4tz/haYKhmIDZFEUPOreKbfdAN3SzUDMcPhJ8QI99xQXqX+HoUVq8cs85eRKnD+rne2UAnj2w==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.57.0.tgz",
+      "integrity": "sha512-nvExQqAHF01lUM66MskSaZulpPL5pgy5hI5RfrxviLgzZVffB5yYzw27uK/ft8QnKXI2X0LBrHJFr1TaZtAibw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.56.1",
-        "@typescript-eslint/visitor-keys": "8.56.1"
+        "@typescript-eslint/types": "8.57.0",
+        "@typescript-eslint/visitor-keys": "8.57.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -7308,9 +7285,9 @@
       }
     },
     "node_modules/@typescript-eslint/tsconfig-utils": {
-      "version": "8.56.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.56.1.tgz",
-      "integrity": "sha512-qOtCYzKEeyr3aR9f28mPJqBty7+DBqsdd63eO0yyDwc6vgThj2UjWfJIcsFeSucYydqcuudMOprZ+x1SpF3ZuQ==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.57.0.tgz",
+      "integrity": "sha512-LtXRihc5ytjJIQEH+xqjB0+YgsV4/tW35XKX3GTZHpWtcC8SPkT/d4tqdf1cKtesryHm2bgp6l555NYcT2NLvA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -7325,15 +7302,15 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.56.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.56.1.tgz",
-      "integrity": "sha512-yB/7dxi7MgTtGhZdaHCemf7PuwrHMenHjmzgUW1aJpO+bBU43OycnM3Wn+DdvDO/8zzA9HlhaJ0AUGuvri4oGg==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.57.0.tgz",
+      "integrity": "sha512-yjgh7gmDcJ1+TcEg8x3uWQmn8ifvSupnPfjP21twPKrDP/pTHlEQgmKcitzF/rzPSmv7QjJ90vRpN4U+zoUjwQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.56.1",
-        "@typescript-eslint/typescript-estree": "8.56.1",
-        "@typescript-eslint/utils": "8.56.1",
+        "@typescript-eslint/types": "8.57.0",
+        "@typescript-eslint/typescript-estree": "8.57.0",
+        "@typescript-eslint/utils": "8.57.0",
         "debug": "^4.4.3",
         "ts-api-utils": "^2.4.0"
       },
@@ -7350,9 +7327,9 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "8.56.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.56.1.tgz",
-      "integrity": "sha512-dbMkdIUkIkchgGDIv7KLUpa0Mda4IYjo4IAMJUZ+3xNoUXxMsk9YtKpTHSChRS85o+H9ftm51gsK1dZReY9CVw==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.57.0.tgz",
+      "integrity": "sha512-dTLI8PEXhjUC7B9Kre+u0XznO696BhXcTlOn0/6kf1fHaQW8+VjJAVHJ3eTI14ZapTxdkOmc80HblPQLaEeJdg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -7364,16 +7341,16 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.56.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.56.1.tgz",
-      "integrity": "sha512-qzUL1qgalIvKWAf9C1HpvBjif+Vm6rcT5wZd4VoMb9+Km3iS3Cv9DY6dMRMDtPnwRAFyAi7YXJpTIEXLvdfPxg==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.57.0.tgz",
+      "integrity": "sha512-m7faHcyVg0BT3VdYTlX8GdJEM7COexXxS6KqGopxdtkQRvBanK377QDHr4W/vIPAR+ah9+B/RclSW5ldVniO1Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/project-service": "8.56.1",
-        "@typescript-eslint/tsconfig-utils": "8.56.1",
-        "@typescript-eslint/types": "8.56.1",
-        "@typescript-eslint/visitor-keys": "8.56.1",
+        "@typescript-eslint/project-service": "8.57.0",
+        "@typescript-eslint/tsconfig-utils": "8.57.0",
+        "@typescript-eslint/types": "8.57.0",
+        "@typescript-eslint/visitor-keys": "8.57.0",
         "debug": "^4.4.3",
         "minimatch": "^10.2.2",
         "semver": "^7.7.3",
@@ -7392,16 +7369,16 @@
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "8.56.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.56.1.tgz",
-      "integrity": "sha512-HPAVNIME3tABJ61siYlHzSWCGtOoeP2RTIaHXFMPqjrQKCGB9OgUVdiNgH7TJS2JNIQ5qQ4RsAUDuGaGme/KOA==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.57.0.tgz",
+      "integrity": "sha512-5iIHvpD3CZe06riAsbNxxreP+MuYgVUsV0n4bwLH//VJmgtt54sQeY2GszntJ4BjYCpMzrfVh2SBnUQTtys2lQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.9.1",
-        "@typescript-eslint/scope-manager": "8.56.1",
-        "@typescript-eslint/types": "8.56.1",
-        "@typescript-eslint/typescript-estree": "8.56.1"
+        "@typescript-eslint/scope-manager": "8.57.0",
+        "@typescript-eslint/types": "8.57.0",
+        "@typescript-eslint/typescript-estree": "8.57.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -7416,13 +7393,13 @@
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.56.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.56.1.tgz",
-      "integrity": "sha512-KiROIzYdEV85YygXw6BI/Dx4fnBlFQu6Mq4QE4MOH9fFnhohw6wX/OAvDY2/C+ut0I3RSPKenvZJIVYqJNkhEw==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.57.0.tgz",
+      "integrity": "sha512-zm6xx8UT/Xy2oSr2ZXD0pZo7Jx2XsCoID2IUh9YSTFRu7z+WdwYTRk6LhUftm1crwqbuoF6I8zAFeCMw0YjwDg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.56.1",
+        "@typescript-eslint/types": "8.57.0",
         "eslint-visitor-keys": "^5.0.0"
       },
       "engines": {
@@ -7460,37 +7437,37 @@
       }
     },
     "node_modules/@vitest/browser": {
-      "version": "4.0.18",
-      "resolved": "https://registry.npmjs.org/@vitest/browser/-/browser-4.0.18.tgz",
-      "integrity": "sha512-gVQqh7paBz3gC+ZdcCmNSWJMk70IUjDeVqi+5m5vYpEHsIwRgw3Y545jljtajhkekIpIp5Gg8oK7bctgY0E2Ng==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@vitest/browser/-/browser-4.1.0.tgz",
+      "integrity": "sha512-tG/iOrgbiHQks0ew7CdelUyNEHkv8NLrt+CqdTivIuoSnXvO7scWMn4Kqo78/UGY1NJ6Hv+vp8BvRnED/bjFdQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/mocker": "4.0.18",
-        "@vitest/utils": "4.0.18",
+        "@blazediff/core": "1.9.1",
+        "@vitest/mocker": "4.1.0",
+        "@vitest/utils": "4.1.0",
         "magic-string": "^0.30.21",
-        "pixelmatch": "7.1.0",
         "pngjs": "^7.0.0",
         "sirv": "^3.0.2",
         "tinyrainbow": "^3.0.3",
-        "ws": "^8.18.3"
+        "ws": "^8.19.0"
       },
       "funding": {
         "url": "https://opencollective.com/vitest"
       },
       "peerDependencies": {
-        "vitest": "4.0.18"
+        "vitest": "4.1.0"
       }
     },
     "node_modules/@vitest/browser-playwright": {
-      "version": "4.0.18",
-      "resolved": "https://registry.npmjs.org/@vitest/browser-playwright/-/browser-playwright-4.0.18.tgz",
-      "integrity": "sha512-gfajTHVCiwpxRj1qh0Sh/5bbGLG4F/ZH/V9xvFVoFddpITfMta9YGow0W6ZpTTORv2vdJuz9TnrNSmjKvpOf4g==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@vitest/browser-playwright/-/browser-playwright-4.1.0.tgz",
+      "integrity": "sha512-2RU7pZELY9/aVMLmABNy1HeZ4FX23FXGY1jRuHLHgWa2zaAE49aNW2GLzebW+BmbTZIKKyFF1QXvk7DEWViUCQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/browser": "4.0.18",
-        "@vitest/mocker": "4.0.18",
+        "@vitest/browser": "4.1.0",
+        "@vitest/mocker": "4.1.0",
         "tinyrainbow": "^3.0.3"
       },
       "funding": {
@@ -7498,7 +7475,7 @@
       },
       "peerDependencies": {
         "playwright": "*",
-        "vitest": "4.0.18"
+        "vitest": "4.1.0"
       },
       "peerDependenciesMeta": {
         "playwright": {
@@ -7507,17 +7484,17 @@
       }
     },
     "node_modules/@vitest/expect": {
-      "version": "4.0.18",
-      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-4.0.18.tgz",
-      "integrity": "sha512-8sCWUyckXXYvx4opfzVY03EOiYVxyNrHS5QxX3DAIi5dpJAAkyJezHCP77VMX4HKA2LDT/Jpfo8i2r5BE3GnQQ==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-4.1.0.tgz",
+      "integrity": "sha512-EIxG7k4wlWweuCLG9Y5InKFwpMEOyrMb6ZJ1ihYu02LVj/bzUwn2VMU+13PinsjRW75XnITeFrQBMH5+dLvCDA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@standard-schema/spec": "^1.0.0",
+        "@standard-schema/spec": "^1.1.0",
         "@types/chai": "^5.2.2",
-        "@vitest/spy": "4.0.18",
-        "@vitest/utils": "4.0.18",
-        "chai": "^6.2.1",
+        "@vitest/spy": "4.1.0",
+        "@vitest/utils": "4.1.0",
+        "chai": "^6.2.2",
         "tinyrainbow": "^3.0.3"
       },
       "funding": {
@@ -7525,13 +7502,13 @@
       }
     },
     "node_modules/@vitest/mocker": {
-      "version": "4.0.18",
-      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-4.0.18.tgz",
-      "integrity": "sha512-HhVd0MDnzzsgevnOWCBj5Otnzobjy5wLBe4EdeeFGv8luMsGcYqDuFRMcttKWZA5vVO8RFjexVovXvAM4JoJDQ==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-4.1.0.tgz",
+      "integrity": "sha512-evxREh+Hork43+Y4IOhTo+h5lGmVRyjqI739Rz4RlUPqwrkFFDF6EMvOOYjTx4E8Tl6gyCLRL8Mu7Ry12a13Tw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/spy": "4.0.18",
+        "@vitest/spy": "4.1.0",
         "estree-walker": "^3.0.3",
         "magic-string": "^0.30.21"
       },
@@ -7540,7 +7517,7 @@
       },
       "peerDependencies": {
         "msw": "^2.4.9",
-        "vite": "^6.0.0 || ^7.0.0-0"
+        "vite": "^6.0.0 || ^7.0.0 || ^8.0.0-0"
       },
       "peerDependenciesMeta": {
         "msw": {
@@ -7552,9 +7529,9 @@
       }
     },
     "node_modules/@vitest/pretty-format": {
-      "version": "4.0.18",
-      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-4.0.18.tgz",
-      "integrity": "sha512-P24GK3GulZWC5tz87ux0m8OADrQIUVDPIjjj65vBXYG17ZeU3qD7r+MNZ1RNv4l8CGU2vtTRqixrOi9fYk/yKw==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-4.1.0.tgz",
+      "integrity": "sha512-3RZLZlh88Ib0J7NQTRATfc/3ZPOnSUn2uDBUoGNn5T36+bALixmzphN26OUD3LRXWkJu4H0s5vvUeqBiw+kS0A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7565,13 +7542,13 @@
       }
     },
     "node_modules/@vitest/runner": {
-      "version": "4.0.18",
-      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-4.0.18.tgz",
-      "integrity": "sha512-rpk9y12PGa22Jg6g5M3UVVnTS7+zycIGk9ZNGN+m6tZHKQb7jrP7/77WfZy13Y/EUDd52NDsLRQhYKtv7XfPQw==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-4.1.0.tgz",
+      "integrity": "sha512-Duvx2OzQ7d6OjchL+trw+aSrb9idh7pnNfxrklo14p3zmNL4qPCDeIJAK+eBKYjkIwG96Bc6vYuxhqDXQOWpoQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/utils": "4.0.18",
+        "@vitest/utils": "4.1.0",
         "pathe": "^2.0.3"
       },
       "funding": {
@@ -7579,13 +7556,14 @@
       }
     },
     "node_modules/@vitest/snapshot": {
-      "version": "4.0.18",
-      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-4.0.18.tgz",
-      "integrity": "sha512-PCiV0rcl7jKQjbgYqjtakly6T1uwv/5BQ9SwBLekVg/EaYeQFPiXcgrC2Y7vDMA8dM1SUEAEV82kgSQIlXNMvA==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-4.1.0.tgz",
+      "integrity": "sha512-0Vy9euT1kgsnj1CHttwi9i9o+4rRLEaPRSOJ5gyv579GJkNpgJK+B4HSv/rAWixx2wdAFci1X4CEPjiu2bXIMg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/pretty-format": "4.0.18",
+        "@vitest/pretty-format": "4.1.0",
+        "@vitest/utils": "4.1.0",
         "magic-string": "^0.30.21",
         "pathe": "^2.0.3"
       },
@@ -7594,9 +7572,9 @@
       }
     },
     "node_modules/@vitest/spy": {
-      "version": "4.0.18",
-      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-4.0.18.tgz",
-      "integrity": "sha512-cbQt3PTSD7P2OARdVW3qWER5EGq7PHlvE+QfzSC0lbwO+xnt7+XH06ZzFjFRgzUX//JmpxrCu92VdwvEPlWSNw==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-4.1.0.tgz",
+      "integrity": "sha512-pz77k+PgNpyMDv2FV6qmk5ZVau6c3R8HC8v342T2xlFxQKTrSeYw9waIJG8KgV9fFwAtTu4ceRzMivPTH6wSxw==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -7604,322 +7582,109 @@
       }
     },
     "node_modules/@vitest/utils": {
-      "version": "4.0.18",
-      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-4.0.18.tgz",
-      "integrity": "sha512-msMRKLMVLWygpK3u2Hybgi4MNjcYJvwTb0Ru09+fOyCXIgT5raYP041DRRdiJiI3k/2U6SEbAETB3YtBrUkCFA==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-4.1.0.tgz",
+      "integrity": "sha512-XfPXT6a8TZY3dcGY8EdwsBulFCIw+BeeX0RZn2x/BtiY/75YGh8FeWGG8QISN/WhaqSrE2OrlDgtF8q5uhOTmw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/pretty-format": "4.0.18",
+        "@vitest/pretty-format": "4.1.0",
+        "convert-source-map": "^2.0.0",
         "tinyrainbow": "^3.0.3"
       },
       "funding": {
         "url": "https://opencollective.com/vitest"
       }
     },
-    "node_modules/@wdio/config": {
-      "version": "9.24.0",
-      "resolved": "https://registry.npmjs.org/@wdio/config/-/config-9.24.0.tgz",
-      "integrity": "sha512-rcHu0eG16rSEmHL0sEKDcr/vYFmGhQ5GOlmlx54r+1sgh6sf136q+kth4169s16XqviWGW3LjZbUfpTK29pGtw==",
+    "node_modules/@vitest/utils/node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/ast": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz",
+      "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@wdio/logger": "9.18.0",
-        "@wdio/types": "9.24.0",
-        "@wdio/utils": "9.24.0",
-        "deepmerge-ts": "^7.0.3",
-        "glob": "^10.2.2",
-        "import-meta-resolve": "^4.0.0",
-        "jiti": "^2.6.1"
-      },
-      "engines": {
-        "node": ">=18.20.0"
+        "@webassemblyjs/helper-numbers": "1.13.2",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2"
       }
     },
-    "node_modules/@wdio/config/node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+    "node_modules/@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz",
+      "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==",
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@wdio/config/node_modules/brace-expansion": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+    "node_modules/@webassemblyjs/helper-api-error": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz",
+      "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==",
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
+      "license": "MIT"
     },
-    "node_modules/@wdio/config/node_modules/glob": {
-      "version": "10.5.0",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.5.0.tgz",
-      "integrity": "sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==",
-      "deprecated": "Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
+    "node_modules/@webassemblyjs/helper-buffer": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz",
+      "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==",
       "dev": true,
-      "license": "ISC",
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/helper-numbers": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz",
+      "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^3.1.2",
-        "minimatch": "^9.0.4",
-        "minipass": "^7.1.2",
-        "package-json-from-dist": "^1.0.0",
-        "path-scurry": "^1.11.1"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+        "@webassemblyjs/floating-point-hex-parser": "1.13.2",
+        "@webassemblyjs/helper-api-error": "1.13.2",
+        "@xtuc/long": "4.2.2"
       }
     },
-    "node_modules/@wdio/config/node_modules/lru-cache": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+    "node_modules/@webassemblyjs/helper-wasm-bytecode": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz",
+      "integrity": "sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==",
       "dev": true,
-      "license": "ISC"
+      "license": "MIT"
     },
-    "node_modules/@wdio/config/node_modules/minimatch": {
-      "version": "9.0.9",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
-      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
+    "node_modules/@webassemblyjs/helper-wasm-section": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.14.1.tgz",
+      "integrity": "sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==",
       "dev": true,
-      "license": "ISC",
+      "license": "MIT",
       "dependencies": {
-        "brace-expansion": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/wasm-gen": "1.14.1"
       }
     },
-    "node_modules/@wdio/config/node_modules/path-scurry": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
-      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+    "node_modules/@webassemblyjs/ieee754": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.13.2.tgz",
+      "integrity": "sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==",
       "dev": true,
-      "license": "BlueOak-1.0.0",
+      "license": "MIT",
       "dependencies": {
-        "lru-cache": "^10.2.0",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+        "@xtuc/ieee754": "^1.2.0"
       }
     },
-    "node_modules/@wdio/logger": {
-      "version": "9.18.0",
-      "resolved": "https://registry.npmjs.org/@wdio/logger/-/logger-9.18.0.tgz",
-      "integrity": "sha512-HdzDrRs+ywAqbXGKqe1i/bLtCv47plz4TvsHFH3j729OooT5VH38ctFn5aLXgECmiAKDkmH/A6kOq2Zh5DIxww==",
+    "node_modules/@webassemblyjs/leb128": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.13.2.tgz",
+      "integrity": "sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
       "dependencies": {
-        "chalk": "^5.1.2",
-        "loglevel": "^1.6.0",
-        "loglevel-plugin-prefix": "^0.8.4",
-        "safe-regex2": "^5.0.0",
-        "strip-ansi": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=18.20.0"
-      }
-    },
-    "node_modules/@wdio/logger/node_modules/chalk": {
-      "version": "5.6.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
-      "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
-      "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/@wdio/protocols": {
-      "version": "9.24.0",
-      "resolved": "https://registry.npmjs.org/@wdio/protocols/-/protocols-9.24.0.tgz",
-      "integrity": "sha512-ozQKYddBLT4TRvU9J+fGrhVUtx3iDAe+KNCJcTDMFMxNSdDMR2xFQdNp8HLHypspk58oXTYCvz6ZYjySthhqsw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@wdio/repl": {
-      "version": "9.16.2",
-      "resolved": "https://registry.npmjs.org/@wdio/repl/-/repl-9.16.2.tgz",
-      "integrity": "sha512-FLTF0VL6+o5BSTCO7yLSXocm3kUnu31zYwzdsz4n9s5YWt83sCtzGZlZpt7TaTzb3jVUfxuHNQDTb8UMkCu0lQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/node": "^20.1.0"
-      },
-      "engines": {
-        "node": ">=18.20.0"
-      }
-    },
-    "node_modules/@wdio/repl/node_modules/@types/node": {
-      "version": "20.19.37",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.37.tgz",
-      "integrity": "sha512-8kzdPJ3FsNsVIurqBs7oodNnCEVbni9yUEkaHbgptDACOPW04jimGagZ51E6+lXUwJjgnBw+hyko/lkFWCldqw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "undici-types": "~6.21.0"
-      }
-    },
-    "node_modules/@wdio/repl/node_modules/undici-types": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
-      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@wdio/types": {
-      "version": "9.24.0",
-      "resolved": "https://registry.npmjs.org/@wdio/types/-/types-9.24.0.tgz",
-      "integrity": "sha512-PYYunNl8Uq1r8YMJAK6ReRy/V/XIrCSyj5cpCtR5EqCL6heETOORFj7gt4uPnzidfgbtMBcCru0LgjjlMiH1UQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/node": "^20.1.0"
-      },
-      "engines": {
-        "node": ">=18.20.0"
-      }
-    },
-    "node_modules/@wdio/types/node_modules/@types/node": {
-      "version": "20.19.37",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.37.tgz",
-      "integrity": "sha512-8kzdPJ3FsNsVIurqBs7oodNnCEVbni9yUEkaHbgptDACOPW04jimGagZ51E6+lXUwJjgnBw+hyko/lkFWCldqw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "undici-types": "~6.21.0"
-      }
-    },
-    "node_modules/@wdio/types/node_modules/undici-types": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
-      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@wdio/utils": {
-      "version": "9.24.0",
-      "resolved": "https://registry.npmjs.org/@wdio/utils/-/utils-9.24.0.tgz",
-      "integrity": "sha512-6WhtzC5SNCGRBTkaObX6A07Ofnnyyf+TQH/d/fuhZRqvBknrP4AMMZF+PFxGl1fwdySWdBn+gV2QLE+52Byowg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@puppeteer/browsers": "^2.2.0",
-        "@wdio/logger": "9.18.0",
-        "@wdio/types": "9.24.0",
-        "decamelize": "^6.0.0",
-        "deepmerge-ts": "^7.0.3",
-        "edgedriver": "^6.1.2",
-        "geckodriver": "^6.1.0",
-        "get-port": "^7.0.0",
-        "import-meta-resolve": "^4.0.0",
-        "locate-app": "^2.2.24",
-        "mitt": "^3.0.1",
-        "safaridriver": "^1.0.0",
-        "split2": "^4.2.0",
-        "wait-port": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=18.20.0"
-      }
-    },
-    "node_modules/@webassemblyjs/ast": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz",
-      "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@webassemblyjs/helper-numbers": "1.13.2",
-        "@webassemblyjs/helper-wasm-bytecode": "1.13.2"
-      }
-    },
-    "node_modules/@webassemblyjs/floating-point-hex-parser": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz",
-      "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@webassemblyjs/helper-api-error": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz",
-      "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@webassemblyjs/helper-buffer": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz",
-      "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@webassemblyjs/helper-numbers": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz",
-      "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@webassemblyjs/floating-point-hex-parser": "1.13.2",
-        "@webassemblyjs/helper-api-error": "1.13.2",
-        "@xtuc/long": "4.2.2"
-      }
-    },
-    "node_modules/@webassemblyjs/helper-wasm-bytecode": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz",
-      "integrity": "sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@webassemblyjs/helper-wasm-section": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.14.1.tgz",
-      "integrity": "sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@webassemblyjs/ast": "1.14.1",
-        "@webassemblyjs/helper-buffer": "1.14.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
-        "@webassemblyjs/wasm-gen": "1.14.1"
-      }
-    },
-    "node_modules/@webassemblyjs/ieee754": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.13.2.tgz",
-      "integrity": "sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@xtuc/ieee754": "^1.2.0"
-      }
-    },
-    "node_modules/@webassemblyjs/leb128": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.13.2.tgz",
-      "integrity": "sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@xtuc/long": "4.2.2"
+        "@xtuc/long": "4.2.2"
       }
     },
     "node_modules/@webassemblyjs/utf8": {
@@ -8020,18 +7785,6 @@
       "dev": true,
       "license": "BSD-2-Clause"
     },
-    "node_modules/@zip.js/zip.js": {
-      "version": "2.8.23",
-      "resolved": "https://registry.npmjs.org/@zip.js/zip.js/-/zip.js-2.8.23.tgz",
-      "integrity": "sha512-RB+RLnxPJFPrGvQ9rgO+4JOcsob6lD32OcF0QE0yg24oeW9q8KnTTNlugcDaIveEcCbclobJcZP+fLQ++sH0bw==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "bun": ">=0.7.0",
-        "deno": ">=1.0.0",
-        "node": ">=18.0.0"
-      }
-    },
     "node_modules/abbrev": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-4.0.0.tgz",
@@ -8042,19 +7795,6 @@
         "node": "^20.17.0 || >=22.9.0"
       }
     },
-    "node_modules/abort-controller": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
-      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "event-target-shim": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=6.5"
-      }
-    },
     "node_modules/accepts": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-2.0.0.tgz",
@@ -8351,219 +8091,6 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/archiver": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/archiver/-/archiver-7.0.1.tgz",
-      "integrity": "sha512-ZcbTaIqJOfCc03QwD468Unz/5Ir8ATtvAHsK+FdXbDIbGfihqh9mrvdcYunQzqn4HrvWWaFyaxJhGZagaJJpPQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "archiver-utils": "^5.0.2",
-        "async": "^3.2.4",
-        "buffer-crc32": "^1.0.0",
-        "readable-stream": "^4.0.0",
-        "readdir-glob": "^1.1.2",
-        "tar-stream": "^3.0.0",
-        "zip-stream": "^6.0.1"
-      },
-      "engines": {
-        "node": ">= 14"
-      }
-    },
-    "node_modules/archiver-utils": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/archiver-utils/-/archiver-utils-5.0.2.tgz",
-      "integrity": "sha512-wuLJMmIBQYCsGZgYLTy5FIB2pF6Lfb6cXMSF8Qywwk3t20zWnAi7zLcQFdKQmIB8wyZpY5ER38x08GbwtR2cLA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "glob": "^10.0.0",
-        "graceful-fs": "^4.2.0",
-        "is-stream": "^2.0.1",
-        "lazystream": "^1.0.0",
-        "lodash": "^4.17.15",
-        "normalize-path": "^3.0.0",
-        "readable-stream": "^4.0.0"
-      },
-      "engines": {
-        "node": ">= 14"
-      }
-    },
-    "node_modules/archiver-utils/node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/archiver-utils/node_modules/brace-expansion": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
-    "node_modules/archiver-utils/node_modules/glob": {
-      "version": "10.5.0",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.5.0.tgz",
-      "integrity": "sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==",
-      "deprecated": "Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^3.1.2",
-        "minimatch": "^9.0.4",
-        "minipass": "^7.1.2",
-        "package-json-from-dist": "^1.0.0",
-        "path-scurry": "^1.11.1"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/archiver-utils/node_modules/lru-cache": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/archiver-utils/node_modules/minimatch": {
-      "version": "9.0.9",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
-      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/archiver-utils/node_modules/path-scurry": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
-      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
-      "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.18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/archiver-utils/node_modules/readable-stream": {
-      "version": "4.7.0",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
-      "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "abort-controller": "^3.0.0",
-        "buffer": "^6.0.3",
-        "events": "^3.3.0",
-        "process": "^0.11.10",
-        "string_decoder": "^1.3.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      }
-    },
-    "node_modules/archiver-utils/node_modules/safe-buffer": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-      "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/archiver-utils/node_modules/string_decoder": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
-      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "safe-buffer": "~5.2.0"
-      }
-    },
-    "node_modules/archiver/node_modules/readable-stream": {
-      "version": "4.7.0",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
-      "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "abort-controller": "^3.0.0",
-        "buffer": "^6.0.3",
-        "events": "^3.3.0",
-        "process": "^0.11.10",
-        "string_decoder": "^1.3.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      }
-    },
-    "node_modules/archiver/node_modules/safe-buffer": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-      "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/archiver/node_modules/string_decoder": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
-      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "safe-buffer": "~5.2.0"
-      }
-    },
     "node_modules/argparse": {
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
@@ -8649,13 +8176,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/async": {
-      "version": "3.2.6",
-      "resolved": "https://registry.npmjs.org/async/-/async-3.2.6.tgz",
-      "integrity": "sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/async-done": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/async-done/-/async-done-2.0.0.tgz",
@@ -8764,14 +8284,14 @@
       }
     },
     "node_modules/babel-plugin-polyfill-corejs2": {
-      "version": "0.4.15",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.15.tgz",
-      "integrity": "sha512-hR3GwrRwHUfYwGfrisXPIDP3JcYfBrW7wKE7+Au6wDYl7fm/ka1NEII6kORzxNU556JjfidZeBsO10kYvtV1aw==",
+      "version": "0.4.16",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.16.tgz",
+      "integrity": "sha512-xaVwwSfebXf0ooE11BJovZYKhFjIvQo7TsyVpETuIeH2JHv0k/T6Y5j22pPTvqYqmpkxdlPAJlyJ0tfOJAoMxw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/compat-data": "^7.28.6",
-        "@babel/helper-define-polyfill-provider": "^0.6.6",
+        "@babel/helper-define-polyfill-provider": "^0.6.7",
         "semver": "^6.3.1"
       },
       "peerDependencies": {
@@ -8803,13 +8323,13 @@
       }
     },
     "node_modules/babel-plugin-polyfill-regenerator": {
-      "version": "0.6.6",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.6.tgz",
-      "integrity": "sha512-hYm+XLYRMvupxiQzrvXUj7YyvFFVfv5gI0R71AJzudg1g2AI2vyCPPIFEBjk162/wFzti3inBHo7isWFuEVS/A==",
+      "version": "0.6.7",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.7.tgz",
+      "integrity": "sha512-OTYbUlSwXhNgr4g6efMZgsO8//jA61P7ZbRX3iTT53VON8l+WQS8IAUEVo4a4cWknrg2W8Cj4gQhRYNCJ8GkAA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.6.6"
+        "@babel/helper-define-polyfill-provider": "^0.6.7"
       },
       "peerDependencies": {
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
@@ -8881,9 +8401,9 @@
       }
     },
     "node_modules/bare-os": {
-      "version": "3.7.1",
-      "resolved": "https://registry.npmjs.org/bare-os/-/bare-os-3.7.1.tgz",
-      "integrity": "sha512-ebvMaS5BgZKmJlvuWh14dg9rbUI84QeV3WlWn6Ph6lFI8jJoh7ADtVTyD2c93euwbe+zgi0DVrl4YmqXeM9aIA==",
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/bare-os/-/bare-os-3.8.0.tgz",
+      "integrity": "sha512-Dc9/SlwfxkXIGYhvMQNUtKaXCaGkZYGcd1vuNUUADVqzu4/vQfvnMkYYOUnt2VwQ2AqKr/8qAVFRtwETljgeFg==",
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
@@ -8901,9 +8421,9 @@
       }
     },
     "node_modules/bare-stream": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/bare-stream/-/bare-stream-2.8.0.tgz",
-      "integrity": "sha512-reUN0M2sHRqCdG4lUK3Fw8w98eeUIZHL5c3H7Mbhk2yVBL+oofgaIp0ieLfD5QXwPCypBpmEEKU2WZKzbAk8GA==",
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/bare-stream/-/bare-stream-2.8.1.tgz",
+      "integrity": "sha512-bSeR8RfvbRwDpD7HWZvn8M3uYNDrk7m9DQjYOFkENZlXW8Ju/MPaqUPQq5LqJ3kyjEm07siTaAQ7wBKCU59oHg==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -8955,9 +8475,9 @@
       "license": "MIT"
     },
     "node_modules/baseline-browser-mapping": {
-      "version": "2.10.0",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.0.tgz",
-      "integrity": "sha512-lIyg0szRfYbiy67j9KN8IyeD7q7hcmqnJ1ddWmNt19ItGpNN64mnllmxUNFIOdOm6by97jlL6wfpTTJrmnjWAA==",
+      "version": "2.10.8",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.8.tgz",
+      "integrity": "sha512-PCLz/LXGBsNTErbtB6i5u4eLpHeMfi93aUv5duMmj6caNu6IphS4q6UevDnL36sZQv9lrP11dbPKGMaXPwMKfQ==",
       "license": "Apache-2.0",
       "bin": {
         "baseline-browser-mapping": "dist/cli.cjs"
@@ -9195,13 +8715,13 @@
       }
     },
     "node_modules/buffer-crc32": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-1.0.0.tgz",
-      "integrity": "sha512-Db1SbgBS/fg/392AblrMJk97KggmvYhr4pB5ZIMTWtaivCPMWLkmb7m21cJvpvgK+J3nsU2CmmixNBZx4vFj/w==",
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
+      "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=8.0.0"
+        "node": "*"
       }
     },
     "node_modules/buffer-from": {
@@ -9271,9 +8791,9 @@
       }
     },
     "node_modules/cacache/node_modules/lru-cache": {
-      "version": "11.2.6",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.6.tgz",
-      "integrity": "sha512-ESL2CrkS/2wTPfuend7Zhkzo2u0daGJ/A2VucJOgQ/C48S/zB8MMeMHSGKYpXhIjbPxfuezITkaBH1wqv00DDQ==",
+      "version": "11.2.7",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.7.tgz",
+      "integrity": "sha512-aY/R+aEsRelme17KGQa/1ZSIpLpNYYrhcrepKTZgE+W3WM16YMCaPwOHLHsmopZHELU0Ojin1lPVxKR0MihncA==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "engines": {
@@ -9322,9 +8842,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001777",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001777.tgz",
-      "integrity": "sha512-tmN+fJxroPndC74efCdp12j+0rk0RHwV5Jwa1zWaFVyw2ZxAuPeG8ZgWC3Wz7uSjT3qMRQ5XHZ4COgQmsCMJAQ==",
+      "version": "1.0.30001779",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001779.tgz",
+      "integrity": "sha512-U5og2PN7V4DMgF50YPNtnZJGWVLFjjsN3zb6uMT5VGYIewieDj1upwfuVNXf4Kor+89c3iCRJnSzMD5LmTvsfA==",
       "funding": [
         {
           "type": "opencollective",
@@ -9350,144 +8870,44 @@
       "engines": {
         "node": ">=18"
       }
-    },
-    "node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
-      "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/chalk/node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/chardet": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/chardet/-/chardet-2.1.1.tgz",
-      "integrity": "sha512-PsezH1rqdV9VvyNhxxOW32/d75r01NY7TQCmOqomRo15ZSOKbpTFVsfjghxo6JloQUCGnH4k1LGu0R4yCLlWQQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/cheerio": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/cheerio/-/cheerio-1.2.0.tgz",
-      "integrity": "sha512-WDrybc/gKFpTYQutKIK6UvfcuxijIZfMfXaYm8NMsPQxSYvf+13fXUJ4rztGGbJcBQ/GF55gvrZ0Bc0bj/mqvg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cheerio-select": "^2.1.0",
-        "dom-serializer": "^2.0.0",
-        "domhandler": "^5.0.3",
-        "domutils": "^3.2.2",
-        "encoding-sniffer": "^0.2.1",
-        "htmlparser2": "^10.1.0",
-        "parse5": "^7.3.0",
-        "parse5-htmlparser2-tree-adapter": "^7.1.0",
-        "parse5-parser-stream": "^7.1.2",
-        "undici": "^7.19.0",
-        "whatwg-mimetype": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=20.18.1"
-      },
-      "funding": {
-        "url": "https://github.com/cheeriojs/cheerio?sponsor=1"
-      }
-    },
-    "node_modules/cheerio-select": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/cheerio-select/-/cheerio-select-2.1.0.tgz",
-      "integrity": "sha512-9v9kG0LvzrlcungtnJtpGNxY+fzECQKhK4EGJX2vByejiMX84MFNQw4UxPJl3bFbTMw+Dfs37XaIkCwTZfLh4g==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "boolbase": "^1.0.0",
-        "css-select": "^5.1.0",
-        "css-what": "^6.1.0",
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.3",
-        "domutils": "^3.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/fb55"
-      }
-    },
-    "node_modules/cheerio-select/node_modules/css-select": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.2.2.tgz",
-      "integrity": "sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==",
-      "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/cheerio-select/node_modules/css-what": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.2.2.tgz",
-      "integrity": "sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">= 6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/fb55"
-      }
-    },
-    "node_modules/cheerio/node_modules/entities": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
-      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
       "dev": true,
-      "license": "BSD-2-Clause",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
       "engines": {
-        "node": ">=0.12"
+        "node": ">=10"
       },
       "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
+        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
-    "node_modules/cheerio/node_modules/parse5": {
-      "version": "7.3.0",
-      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
-      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
+    "node_modules/chalk/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "entities": "^6.0.0"
+        "has-flag": "^4.0.0"
       },
-      "funding": {
-        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      "engines": {
+        "node": ">=8"
       }
     },
+    "node_modules/chardet": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/chardet/-/chardet-2.1.1.tgz",
+      "integrity": "sha512-PsezH1rqdV9VvyNhxxOW32/d75r01NY7TQCmOqomRo15ZSOKbpTFVsfjghxo6JloQUCGnH4k1LGu0R4yCLlWQQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/chokidar": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
@@ -9804,71 +9224,6 @@
       "dev": true,
       "license": "ISC"
     },
-    "node_modules/compress-commons": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/compress-commons/-/compress-commons-6.0.2.tgz",
-      "integrity": "sha512-6FqVXeETqWPoGcfzrXb37E50NP0LXT8kAMu5ooZayhWWdgEY4lBEEcbQNXtkuKQsGduxiIcI4gOTsxTmuq/bSg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "crc-32": "^1.2.0",
-        "crc32-stream": "^6.0.0",
-        "is-stream": "^2.0.1",
-        "normalize-path": "^3.0.0",
-        "readable-stream": "^4.0.0"
-      },
-      "engines": {
-        "node": ">= 14"
-      }
-    },
-    "node_modules/compress-commons/node_modules/readable-stream": {
-      "version": "4.7.0",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
-      "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "abort-controller": "^3.0.0",
-        "buffer": "^6.0.3",
-        "events": "^3.3.0",
-        "process": "^0.11.10",
-        "string_decoder": "^1.3.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      }
-    },
-    "node_modules/compress-commons/node_modules/safe-buffer": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-      "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/compress-commons/node_modules/string_decoder": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
-      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "safe-buffer": "~5.2.0"
-      }
-    },
     "node_modules/compressible": {
       "version": "2.0.18",
       "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
@@ -10146,81 +9501,6 @@
         }
       }
     },
-    "node_modules/crc-32": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/crc-32/-/crc-32-1.2.2.tgz",
-      "integrity": "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "bin": {
-        "crc32": "bin/crc32.njs"
-      },
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
-    "node_modules/crc32-stream": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/crc32-stream/-/crc32-stream-6.0.0.tgz",
-      "integrity": "sha512-piICUB6ei4IlTv1+653yq5+KoqfBYmj9bw6LqXoOneTMDXk5nM1qt12mFW1caG3LlJXEKW1Bp0WggEmIfQB34g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "crc-32": "^1.2.0",
-        "readable-stream": "^4.0.0"
-      },
-      "engines": {
-        "node": ">= 14"
-      }
-    },
-    "node_modules/crc32-stream/node_modules/readable-stream": {
-      "version": "4.7.0",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
-      "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "abort-controller": "^3.0.0",
-        "buffer": "^6.0.3",
-        "events": "^3.3.0",
-        "process": "^0.11.10",
-        "string_decoder": "^1.3.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      }
-    },
-    "node_modules/crc32-stream/node_modules/safe-buffer": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-      "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/crc32-stream/node_modules/string_decoder": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
-      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "safe-buffer": "~5.2.0"
-      }
-    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -10289,19 +9569,6 @@
         "url": "https://github.com/sponsors/fb55"
       }
     },
-    "node_modules/css-shorthand-properties": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/css-shorthand-properties/-/css-shorthand-properties-1.1.2.tgz",
-      "integrity": "sha512-C2AugXIpRGQTxaCW0N7n5jD/p5irUmCrwl03TrnMFBHDbdq44CFWR2zO7rK9xPN4Eo3pUxC4vQzQgbIpzrD1PQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/css-value": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/css-value/-/css-value-0.0.1.tgz",
-      "integrity": "sha512-FUV3xaJ63buRLgHrLQVlVgQnQdR4yqdLGaDu7g8CQcWjInDfM9plBTPI9FRfpahju1UBSaMckeb2/46ApS/V1Q==",
-      "dev": true
-    },
     "node_modules/css-what": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/css-what/-/css-what-7.0.0.tgz",
@@ -10365,19 +9632,6 @@
         }
       }
     },
-    "node_modules/decamelize": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-6.0.1.tgz",
-      "integrity": "sha512-G7Cqgaelq68XHJNGlZ7lrNQyhZGsFqpwtGFexqUv4IQdjKoSYF7ipZ9UuTJZUSQXFj/XaoBLuEVIVqr8EJngEQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
@@ -10385,16 +9639,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/deepmerge-ts": {
-      "version": "7.1.5",
-      "resolved": "https://registry.npmjs.org/deepmerge-ts/-/deepmerge-ts-7.1.5.tgz",
-      "integrity": "sha512-HOJkrhaYsweh+W+e74Yn7YStZOilkoPb6fycpwNLKzSPtruFs48nYis0zy5yJz1+ktUhHxoRDJ27RQAWLIJVJw==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=16.0.0"
-      }
-    },
     "node_modules/default-browser": {
       "version": "5.5.0",
       "resolved": "https://registry.npmjs.org/default-browser/-/default-browser-5.5.0.tgz",
@@ -10630,80 +9874,6 @@
         "node": ">= 10.13.0"
       }
     },
-    "node_modules/eastasianwidth": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/edge-paths": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/edge-paths/-/edge-paths-3.0.5.tgz",
-      "integrity": "sha512-sB7vSrDnFa4ezWQk9nZ/n0FdpdUuC6R1EOrlU3DL+bovcNFK28rqu2emmAUjujYEJTWIgQGqgVVWUZXMnc8iWg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/which": "^2.0.1",
-        "which": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/shirshak55"
-      }
-    },
-    "node_modules/edgedriver": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/edgedriver/-/edgedriver-6.3.0.tgz",
-      "integrity": "sha512-ggEQL+oEyIcM4nP2QC3AtCQ04o4kDNefRM3hja0odvlPSnsaxiruMxEZ93v3gDCKWYW6BXUr51PPradb+3nffw==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "dependencies": {
-        "@wdio/logger": "^9.18.0",
-        "@zip.js/zip.js": "^2.8.11",
-        "decamelize": "^6.0.1",
-        "edge-paths": "^3.0.5",
-        "fast-xml-parser": "^5.3.3",
-        "http-proxy-agent": "^7.0.2",
-        "https-proxy-agent": "^7.0.6",
-        "which": "^6.0.0"
-      },
-      "bin": {
-        "edgedriver": "bin/edgedriver.js"
-      },
-      "engines": {
-        "node": ">=20.0.0"
-      }
-    },
-    "node_modules/edgedriver/node_modules/isexe": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-4.0.0.tgz",
-      "integrity": "sha512-FFUtZMpoZ8RqHS3XeXEmHWLA4thH+ZxCv2lOiPIn1Xc7CxrqhWzNSDzD+/chS/zbYezmiwWLdQC09JdQKmthOw==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "engines": {
-        "node": ">=20"
-      }
-    },
-    "node_modules/edgedriver/node_modules/which": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/which/-/which-6.0.1.tgz",
-      "integrity": "sha512-oGLe46MIrCRqX7ytPUf66EAYvdeMIZYn3WaocqqKZAxrBpkqHfL/qvTyJ/bTk5+AqHCjXmrv3CEWgy368zhRUg==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "isexe": "^4.0.0"
-      },
-      "bin": {
-        "node-which": "bin/which.js"
-      },
-      "engines": {
-        "node": "^20.17.0 || >=22.9.0"
-      }
-    },
     "node_modules/ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -10712,9 +9882,9 @@
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.307",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.307.tgz",
-      "integrity": "sha512-5z3uFKBWjiNR44nFcYdkcXjKMbg5KXNdciu7mhTPo9tB7NbqSNP2sSnGR+fqknZSCwKkBN+oxiiajWs4dT6ORg==",
+      "version": "1.5.313",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.313.tgz",
+      "integrity": "sha512-QBMrTWEf00GXZmJyx2lbYD45jpI3TUFnNIzJ5BBc8piGUDwMPa1GV6HJWTZVvY/eiN3fSopl7NRbgGp9sZ9LTA==",
       "license": "ISC"
     },
     "node_modules/emoji-regex": {
@@ -10744,33 +9914,6 @@
         "node": ">= 0.8"
       }
     },
-    "node_modules/encoding-sniffer": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/encoding-sniffer/-/encoding-sniffer-0.2.1.tgz",
-      "integrity": "sha512-5gvq20T6vfpekVtqrYQsSCFZ1wEg5+wW0/QaZMWkFr6BqD3NfKs0rLCx4rrVlSWJeZb5NBJgVLswK/w2MWU+Gw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "iconv-lite": "^0.6.3",
-        "whatwg-encoding": "^3.1.1"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/encoding-sniffer?sponsor=1"
-      }
-    },
-    "node_modules/encoding-sniffer/node_modules/iconv-lite": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/end-of-stream": {
       "version": "1.4.5",
       "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.5.tgz",
@@ -10883,9 +10026,9 @@
       }
     },
     "node_modules/es-module-lexer": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz",
-      "integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-2.0.0.tgz",
+      "integrity": "sha512-5POEcUuZybH7IdmGsD8wlf0AI55wMecM9rVBTI/qEAy2c1kTOm3DjFYjrBdI2K3BaJjJYfYFeRtM0t9ssnRuxw==",
       "dev": true,
       "license": "MIT"
     },
@@ -11138,9 +10281,9 @@
       }
     },
     "node_modules/eslint/node_modules/espree": {
-      "version": "11.1.1",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-11.1.1.tgz",
-      "integrity": "sha512-AVHPqQoZYc+RUM4/3Ly5udlZY/U4LS8pIG05jEjWM2lQMU/oaZ7qshzAl2YP1tfNmXfftH3ohurfwNAug+MnsQ==",
+      "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-11.2.0.tgz",
+      "integrity": "sha512-7p3DrVEIopW1B1avAGLuCSh1jubc01H2JHc8B4qqGblmg5gI9yumBgACjWo4JlIc04ufug4xJ3SQI8HkS/Rgzw==",
       "dev": true,
       "license": "BSD-2-Clause",
       "dependencies": {
@@ -11172,6 +10315,22 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/eslint/node_modules/minimatch": {
+      "version": "10.2.4",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.4.tgz",
+      "integrity": "sha512-oRjTw/97aTBN0RHbYCdtF1MQfvusSIBQM0IZEgzl6426+8jSC0nF1a/GmnVLpfB9yyr6g6FTqWqiZVbxrtaCIg==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "brace-expansion": "^5.0.2"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/espree": {
       "version": "10.4.0",
       "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
@@ -11260,24 +10419,14 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/etag": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
-      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/event-target-shim": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
-      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=6"
+        "node": ">= 0.6"
       }
     },
     "node_modules/eventemitter3": {
@@ -11405,9 +10554,9 @@
       }
     },
     "node_modules/express-rate-limit": {
-      "version": "8.3.0",
-      "resolved": "https://registry.npmjs.org/express-rate-limit/-/express-rate-limit-8.3.0.tgz",
-      "integrity": "sha512-KJzBawY6fB9FiZGdE/0aftepZ91YlaGIrV8vgblRM3J8X+dHx/aiowJWwkx6LIGyuqGiANsjSwwrbb8mifOJ4Q==",
+      "version": "8.3.1",
+      "resolved": "https://registry.npmjs.org/express-rate-limit/-/express-rate-limit-8.3.1.tgz",
+      "integrity": "sha512-D1dKN+cmyPWuvB+G2SREQDzPY1agpBIcTa9sJxOPMCNeH3gwzhqJRDWCXW3gg0y//+LQ/8j52JbMROWyrKdMdw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -11526,39 +10675,6 @@
       ],
       "license": "BSD-3-Clause"
     },
-    "node_modules/fast-xml-builder": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fast-xml-builder/-/fast-xml-builder-1.0.0.tgz",
-      "integrity": "sha512-fpZuDogrAgnyt9oDDz+5DBz0zgPdPZz6D4IR7iESxRXElrlGTRkHJ9eEt+SACRJwT0FNFrt71DFQIUFBJfX/uQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/NaturalIntelligence"
-        }
-      ],
-      "license": "MIT"
-    },
-    "node_modules/fast-xml-parser": {
-      "version": "5.4.2",
-      "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-5.4.2.tgz",
-      "integrity": "sha512-pw/6pIl4k0CSpElPEJhDppLzaixDEuWui2CUQQBH/ECDf7+y6YwA4Gf7Tyb0Rfe4DIMuZipYj4AEL0nACKglvQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/NaturalIntelligence"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "fast-xml-builder": "^1.0.0",
-        "strnum": "^2.1.2"
-      },
-      "bin": {
-        "fxparser": "src/cli/cli.js"
-      }
-    },
     "node_modules/fastest-levenshtein": {
       "version": "1.0.16",
       "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.16.tgz",
@@ -11789,9 +10905,9 @@
       "license": "MIT"
     },
     "node_modules/flatted": {
-      "version": "3.3.4",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.4.tgz",
-      "integrity": "sha512-3+mMldrTAPdta5kjX2G2J7iX4zxtnwpdA8Tr2ZSjkyPSanvbZAcy6flmtnXbEybHrDcU9641lxrMfFuUxVz9vA==",
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.1.tgz",
+      "integrity": "sha512-IxfVbRFVlV8V/yRaGzk0UVIcsKKHMSfYw66T/u4nTwlWteQePsxe//LjudR1AMX4tZW3WFCh3Zqa/sjlqpbURQ==",
       "dev": true,
       "license": "ISC"
     },
@@ -11839,23 +10955,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/foreground-child": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
-      "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "cross-spawn": "^7.0.6",
-        "signal-exit": "^4.0.1"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/forwarded": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -11957,28 +11056,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/geckodriver": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/geckodriver/-/geckodriver-6.1.0.tgz",
-      "integrity": "sha512-ZRXLa4ZaYTTgUO4Eefw+RsQCleugU2QLb1ME7qTYxxuRj51yAhfnXaItXNs5/vUzfIaDHuZ+YnSF005hfp07nQ==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "dependencies": {
-        "@wdio/logger": "^9.18.0",
-        "@zip.js/zip.js": "^2.8.11",
-        "decamelize": "^6.0.1",
-        "http-proxy-agent": "^7.0.2",
-        "https-proxy-agent": "^7.0.6",
-        "modern-tar": "^0.7.2"
-      },
-      "bin": {
-        "geckodriver": "bin/geckodriver.js"
-      },
-      "engines": {
-        "node": ">=20.0.0"
-      }
-    },
     "node_modules/gensync": {
       "version": "1.0.0-beta.2",
       "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
@@ -12034,19 +11111,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/get-port": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/get-port/-/get-port-7.1.0.tgz",
-      "integrity": "sha512-QB9NKEeDg3xxVwCCwJQ9+xycaz6pBB6iQ76wiWMl1927n0Kir6alPiP+yuiICLLU4jpMe08dXfpebuQppFA2zw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/get-proto": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
@@ -12330,13 +11394,6 @@
       "dev": true,
       "license": "ISC"
     },
-    "node_modules/grapheme-splitter": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz",
-      "integrity": "sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/gulp": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/gulp/-/gulp-5.0.1.tgz",
@@ -12567,9 +11624,9 @@
       }
     },
     "node_modules/hono": {
-      "version": "4.12.5",
-      "resolved": "https://registry.npmjs.org/hono/-/hono-4.12.5.tgz",
-      "integrity": "sha512-3qq+FUBtlTHhtYxbxheZgY8NIFnkkC/MR8u5TTsr7YZ3wixryQ3cCwn3iZbg8p8B88iDBBAYSfZDS75t8MN7Vg==",
+      "version": "4.12.8",
+      "resolved": "https://registry.npmjs.org/hono/-/hono-4.12.8.tgz",
+      "integrity": "sha512-VJCEvtrezO1IAR+kqEYnxUOoStaQPGrCmX3j4wDTNOcD1uRPFpGlwQUIW8niPuvHXaTUxeOUl5MMDGrl+tmO9A==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -12590,9 +11647,9 @@
       }
     },
     "node_modules/hosted-git-info/node_modules/lru-cache": {
-      "version": "11.2.6",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.6.tgz",
-      "integrity": "sha512-ESL2CrkS/2wTPfuend7Zhkzo2u0daGJ/A2VucJOgQ/C48S/zB8MMeMHSGKYpXhIjbPxfuezITkaBH1wqv00DDQ==",
+      "version": "11.2.7",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.7.tgz",
+      "integrity": "sha512-aY/R+aEsRelme17KGQa/1ZSIpLpNYYrhcrepKTZgE+W3WM16YMCaPwOHLHsmopZHELU0Ojin1lPVxKR0MihncA==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "engines": {
@@ -12612,13 +11669,6 @@
         "wbuf": "^1.1.0"
       }
     },
-    "node_modules/htmlfy": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/htmlfy/-/htmlfy-0.8.1.tgz",
-      "integrity": "sha512-xWROBw9+MEGwxpotll0h672KCaLrKKiCYzsyN8ZgL9cQbVumFnyvsk2JqiB9ELAV1GLj1GG/jxZUjV9OZZi/yQ==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/htmlparser2": {
       "version": "10.1.0",
       "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-10.1.0.tgz",
@@ -12853,13 +11903,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/immediate": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz",
-      "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/immutable": {
       "version": "5.1.5",
       "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.5.tgz",
@@ -12894,17 +11937,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/import-meta-resolve": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-4.2.0.tgz",
-      "integrity": "sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==",
-      "dev": true,
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
     "node_modules/imurmurhash": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
@@ -13156,13 +12188,13 @@
       }
     },
     "node_modules/is-plain-obj": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
-      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz",
+      "integrity": "sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=12"
+        "node": ">=10"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
@@ -13198,19 +12230,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/is-stream": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
-      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/is-unc-path": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/is-unc-path/-/is-unc-path-1.0.0.tgz",
@@ -13348,22 +12367,6 @@
         "url": "https://bevry.me/fund"
       }
     },
-    "node_modules/jackspeak": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
-      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "dependencies": {
-        "@isaacs/cliui": "^8.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      },
-      "optionalDependencies": {
-        "@pkgjs/parseargs": "^0.11.0"
-      }
-    },
     "node_modules/jest-worker": {
       "version": "27.5.1",
       "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
@@ -13397,9 +12400,9 @@
       "license": "MIT"
     },
     "node_modules/jose": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/jose/-/jose-6.2.0.tgz",
-      "integrity": "sha512-xsfE1TcSCbUdo6U07tR0mvhg0flGxU8tPLbF03mirl2ukGQENhUg4ubGYQnhVH0b5stLlPM+WOqDkEl1R1y5sQ==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/jose/-/jose-6.2.1.tgz",
+      "integrity": "sha512-jUaKr1yrbfaImV7R2TN/b3IcZzsw38/chqMpo2XJ7i2F8AfM/lA4G1goC3JVEwg0H7UldTmSt3P68nt31W7/mw==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -13543,19 +12546,6 @@
         "jsrsasign": ">= 4.8.2"
       }
     },
-    "node_modules/jszip": {
-      "version": "3.10.1",
-      "resolved": "https://registry.npmjs.org/jszip/-/jszip-3.10.1.tgz",
-      "integrity": "sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==",
-      "dev": true,
-      "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-source-map-support": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/karma-source-map-support/-/karma-source-map-support-1.4.0.tgz",
@@ -13607,19 +12597,6 @@
         "shell-quote": "^1.8.3"
       }
     },
-    "node_modules/lazystream": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/lazystream/-/lazystream-1.0.1.tgz",
-      "integrity": "sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "readable-stream": "^2.0.5"
-      },
-      "engines": {
-        "node": ">= 0.6.3"
-      }
-    },
     "node_modules/lead": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/lead/-/lead-4.0.0.tgz",
@@ -13727,16 +12704,6 @@
         }
       }
     },
-    "node_modules/lie": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/lie/-/lie-3.3.0.tgz",
-      "integrity": "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "immediate": "~3.0.5"
-      }
-    },
     "node_modules/liftoff": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/liftoff/-/liftoff-5.0.1.tgz",
@@ -13897,28 +12864,6 @@
         "node": ">= 12.13.0"
       }
     },
-    "node_modules/locate-app": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/locate-app/-/locate-app-2.5.0.tgz",
-      "integrity": "sha512-xIqbzPMBYArJRmPGUZD9CzV9wOqmVtQnaAn3wrj3s6WYW0bQvPI7x+sPYUGmDTYMHefVK//zc6HEYZ1qnxIK+Q==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://buymeacoffee.com/hejny"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/hejny/locate-app/blob/main/README.md#%EF%B8%8F-contributing"
-        }
-      ],
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@promptbook/utils": "0.69.5",
-        "type-fest": "4.26.0",
-        "userhome": "1.0.1"
-      }
-    },
     "node_modules/locate-path": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
@@ -13941,13 +12886,6 @@
       "integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==",
       "license": "MIT"
     },
-    "node_modules/lodash.clonedeep": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
-      "integrity": "sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/lodash.debounce": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
@@ -13955,13 +12893,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/lodash.zip": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/lodash.zip/-/lodash.zip-4.2.0.tgz",
-      "integrity": "sha512-C7IOaBBK/0gMORRBd8OETNx3kmOkgIWIPvyDpZSCTwUrpYmgZwJkjZeOD8ww4xbOUOs4/attY+pciKvadNfFbg==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/log-symbols": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-7.0.1.tgz",
@@ -14072,27 +13003,6 @@
         "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
       }
     },
-    "node_modules/loglevel": {
-      "version": "1.9.2",
-      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.9.2.tgz",
-      "integrity": "sha512-HgMmCqIJSAKqo68l0rS2AanEWfkxaZ5wNiEFb5ggm08lDs9Xl2KxBlX3PTcaD2chBM1gXAYf491/M2Rv8Jwayg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6.0"
-      },
-      "funding": {
-        "type": "tidelift",
-        "url": "https://tidelift.com/funding/github/npm/loglevel"
-      }
-    },
-    "node_modules/loglevel-plugin-prefix": {
-      "version": "0.8.4",
-      "resolved": "https://registry.npmjs.org/loglevel-plugin-prefix/-/loglevel-plugin-prefix-0.8.4.tgz",
-      "integrity": "sha512-WpG9CcFAOjz/FtNht+QJeGpvVl/cdR6P0z6OcXSkr8wFJOsV2GRj2j10JLfjuA4aYkcKCNIEqRGCyTife9R8/g==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/lru-cache": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
@@ -14370,9 +13280,9 @@
       "license": "ISC"
     },
     "node_modules/minimatch": {
-      "version": "10.2.4",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.4.tgz",
-      "integrity": "sha512-oRjTw/97aTBN0RHbYCdtF1MQfvusSIBQM0IZEgzl6426+8jSC0nF1a/GmnVLpfB9yyr6g6FTqWqiZVbxrtaCIg==",
+      "version": "10.2.3",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.3.tgz",
+      "integrity": "sha512-Rwi3pnapEqirPSbWbrZaa6N3nmqq4Xer/2XooiOKyV3q12ML06f7MOuc5DVH8ONZIFhwIYQ3yzPH4nt7iWHaTg==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
@@ -14541,16 +13451,6 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/modern-tar": {
-      "version": "0.7.5",
-      "resolved": "https://registry.npmjs.org/modern-tar/-/modern-tar-0.7.5.tgz",
-      "integrity": "sha512-YTefgdpKKFgoTDbEUqXqgUJct2OG6/4hs4XWLsxcHkDLj/x/V8WmKIRppPnXP5feQ7d1vuYWSp3qKkxfwaFaxA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18.0.0"
-      }
-    },
     "node_modules/mrmime": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz",
@@ -14568,9 +13468,9 @@
       "license": "MIT"
     },
     "node_modules/msgpackr": {
-      "version": "1.11.8",
-      "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.11.8.tgz",
-      "integrity": "sha512-bC4UGzHhVvgDNS7kn9tV8fAucIYUBuGojcaLiz7v+P63Lmtm0Xeji8B/8tYKddALXxJLpwIeBmUN3u64C4YkRA==",
+      "version": "1.11.9",
+      "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.11.9.tgz",
+      "integrity": "sha512-FkoAAyyA6HM8wL882EcEyFZ9s7hVADSwG9xrVx3dxxNQAtgADTrJoEWivID82Iv1zWDsv/OtbrrcZAzGzOMdNw==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -14662,9 +13562,9 @@
       "license": "MIT"
     },
     "node_modules/needle": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/needle/-/needle-3.3.1.tgz",
-      "integrity": "sha512-6k0YULvhpw+RoLNiQCRKOl09Rv1dPLr8hHnVjHqdolKwDrdNyk+Hmrthi4lIGPPz3r39dLx0hsF5s40sZ3Us4Q==",
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/needle/-/needle-3.5.0.tgz",
+      "integrity": "sha512-jaQyPKKk2YokHrEg+vFDYxXIHTCBgiZwSHOoVx/8V3GIBS8/VN6NdVRmg8q1ERtPkMvmOvebsgga4sAj5hls/w==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -15336,13 +14236,6 @@
         "node": ">= 14"
       }
     },
-    "node_modules/package-json-from-dist": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
-      "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
-      "dev": true,
-      "license": "BlueOak-1.0.0"
-    },
     "node_modules/pacote": {
       "version": "21.3.1",
       "resolved": "https://registry.npmjs.org/pacote/-/pacote-21.3.1.tgz",
@@ -15375,13 +14268,6 @@
         "node": "^20.17.0 || >=22.9.0"
       }
     },
-    "node_modules/pako": {
-      "version": "1.0.11",
-      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
-      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
-      "dev": true,
-      "license": "(MIT AND Zlib)"
-    },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -15426,109 +14312,41 @@
         "node": ">=8"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/parse-json/node_modules/json-parse-even-better-errors": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
-      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/parse-node-version": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz",
-      "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
-    "node_modules/parse-passwd": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/parse-passwd/-/parse-passwd-1.0.0.tgz",
-      "integrity": "sha512-1Y1A//QUXEZK7YKz+rD9WydcE1+EuPr6ZBgKecAB8tmoW6UFv0NREVJe1p+jRxtThkcbbKkfwIbWJe/IeE6m2Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/parse5": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/parse5/-/parse5-8.0.0.tgz",
-      "integrity": "sha512-9m4m5GSgXjL4AjumKzq1Fgfp3Z8rsvjRNbnkVwfu2ImRqE5D0LnY2QfDen18FSY9C573YU5XxSapdHZTZ2WolA==",
-      "license": "MIT",
-      "dependencies": {
-        "entities": "^6.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/inikulin/parse5?sponsor=1"
-      }
-    },
-    "node_modules/parse5-html-rewriting-stream": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/parse5-html-rewriting-stream/-/parse5-html-rewriting-stream-8.0.0.tgz",
-      "integrity": "sha512-wzh11mj8KKkno1pZEu+l2EVeWsuKDfR5KNWZOTsslfUX8lPDZx77m9T0kIoAVkFtD1nx6YF8oh4BnPHvxMtNMw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "entities": "^6.0.0",
-        "parse5": "^8.0.0",
-        "parse5-sax-parser": "^8.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/inikulin/parse5?sponsor=1"
-      }
-    },
-    "node_modules/parse5-html-rewriting-stream/node_modules/entities": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
-      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=0.12"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
-    "node_modules/parse5-htmlparser2-tree-adapter": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-7.1.0.tgz",
-      "integrity": "sha512-ruw5xyKs6lrpo9x9rCZqZZnIUntICjQAd0Wsmp396Ul9lN/h+ifgVV1x1gZHi8euej6wTfpqX8j+BFQxF0NS/g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "domhandler": "^5.0.3",
-        "parse5": "^7.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/inikulin/parse5?sponsor=1"
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/parse5-htmlparser2-tree-adapter/node_modules/entities": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
-      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+    "node_modules/parse-json/node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
       "dev": true,
-      "license": "BSD-2-Clause",
+      "license": "MIT"
+    },
+    "node_modules/parse-node-version": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz",
+      "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">=0.12"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
+        "node": ">= 0.10"
       }
     },
-    "node_modules/parse5-htmlparser2-tree-adapter/node_modules/parse5": {
-      "version": "7.3.0",
-      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
-      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
+    "node_modules/parse-passwd": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/parse-passwd/-/parse-passwd-1.0.0.tgz",
+      "integrity": "sha512-1Y1A//QUXEZK7YKz+rD9WydcE1+EuPr6ZBgKecAB8tmoW6UFv0NREVJe1p+jRxtThkcbbKkfwIbWJe/IeE6m2Q==",
       "dev": true,
       "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/parse5": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-8.0.0.tgz",
+      "integrity": "sha512-9m4m5GSgXjL4AjumKzq1Fgfp3Z8rsvjRNbnkVwfu2ImRqE5D0LnY2QfDen18FSY9C573YU5XxSapdHZTZ2WolA==",
+      "license": "MIT",
       "dependencies": {
         "entities": "^6.0.0"
       },
@@ -15536,20 +14354,22 @@
         "url": "https://github.com/inikulin/parse5?sponsor=1"
       }
     },
-    "node_modules/parse5-parser-stream": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/parse5-parser-stream/-/parse5-parser-stream-7.1.2.tgz",
-      "integrity": "sha512-JyeQc9iwFLn5TbvvqACIF/VXG6abODeB3Fwmv/TGdLk2LfbWkaySGY72at4+Ty7EkPZj854u4CrICqNk2qIbow==",
+    "node_modules/parse5-html-rewriting-stream": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/parse5-html-rewriting-stream/-/parse5-html-rewriting-stream-8.0.0.tgz",
+      "integrity": "sha512-wzh11mj8KKkno1pZEu+l2EVeWsuKDfR5KNWZOTsslfUX8lPDZx77m9T0kIoAVkFtD1nx6YF8oh4BnPHvxMtNMw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "parse5": "^7.0.0"
+        "entities": "^6.0.0",
+        "parse5": "^8.0.0",
+        "parse5-sax-parser": "^8.0.0"
       },
       "funding": {
         "url": "https://github.com/inikulin/parse5?sponsor=1"
       }
     },
-    "node_modules/parse5-parser-stream/node_modules/entities": {
+    "node_modules/parse5-html-rewriting-stream/node_modules/entities": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
       "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
@@ -15562,19 +14382,6 @@
         "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
-    "node_modules/parse5-parser-stream/node_modules/parse5": {
-      "version": "7.3.0",
-      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
-      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "entities": "^6.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/inikulin/parse5?sponsor=1"
-      }
-    },
     "node_modules/parse5-sax-parser": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/parse5-sax-parser/-/parse5-sax-parser-8.0.0.tgz",
@@ -15685,9 +14492,9 @@
       }
     },
     "node_modules/path-scurry/node_modules/lru-cache": {
-      "version": "11.2.6",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.6.tgz",
-      "integrity": "sha512-ESL2CrkS/2wTPfuend7Zhkzo2u0daGJ/A2VucJOgQ/C48S/zB8MMeMHSGKYpXhIjbPxfuezITkaBH1wqv00DDQ==",
+      "version": "11.2.7",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.7.tgz",
+      "integrity": "sha512-aY/R+aEsRelme17KGQa/1ZSIpLpNYYrhcrepKTZgE+W3WM16YMCaPwOHLHsmopZHELU0Ojin1lPVxKR0MihncA==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "engines": {
@@ -15762,19 +14569,6 @@
         "@napi-rs/nice": "^1.0.4"
       }
     },
-    "node_modules/pixelmatch": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/pixelmatch/-/pixelmatch-7.1.0.tgz",
-      "integrity": "sha512-1wrVzJ2STrpmONHKBy228LM1b84msXDUoAzVEl0R8Mz4Ce6EPr+IVtxm8+yvrqLYMHswREkjYFaMxnyGnaY3Ng==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "pngjs": "^7.0.0"
-      },
-      "bin": {
-        "pixelmatch": "bin/pixelmatch"
-      }
-    },
     "node_modules/pkce-challenge": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/pkce-challenge/-/pkce-challenge-5.0.1.tgz",
@@ -15853,6 +14647,22 @@
         "node": ">=18"
       }
     },
+    "node_modules/playwright/node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "peer": true,
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
     "node_modules/pngjs": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/pngjs/-/pngjs-7.0.0.tgz",
@@ -16075,16 +14885,6 @@
         "node": "^20.17.0 || >=22.9.0"
       }
     },
-    "node_modules/process": {
-      "version": "0.11.10",
-      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
-      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6.0"
-      }
-    },
     "node_modules/process-nextick-args": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
@@ -16207,9 +15007,9 @@
       }
     },
     "node_modules/puppeteer": {
-      "version": "24.38.0",
-      "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-24.38.0.tgz",
-      "integrity": "sha512-abnJOBVoL9PQTLKSbYGm9mjNFyIPaTVj77J/6cS370dIQtcZMpx8wyZoAuBzR71Aoon6yvI71NEVFUsl3JU82g==",
+      "version": "24.39.1",
+      "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-24.39.1.tgz",
+      "integrity": "sha512-68Zc9QpcVvfxp2C+3UL88TyUogEAn5tSylXidbEuEXvhiqK1+v65zeBU5ubinAgEHMGr3dcSYqvYrGtdzsPI3w==",
       "dev": true,
       "hasInstallScript": true,
       "license": "Apache-2.0",
@@ -16218,7 +15018,7 @@
         "chromium-bidi": "14.0.0",
         "cosmiconfig": "^9.0.0",
         "devtools-protocol": "0.0.1581282",
-        "puppeteer-core": "24.38.0",
+        "puppeteer-core": "24.39.1",
         "typed-query-selector": "^2.12.1"
       },
       "bin": {
@@ -16229,9 +15029,9 @@
       }
     },
     "node_modules/puppeteer-core": {
-      "version": "24.38.0",
-      "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-24.38.0.tgz",
-      "integrity": "sha512-zB3S/tksIhgi2gZRndUe07AudBz5SXOB7hqG0kEa9/YXWrGwlVlYm3tZtwKgfRftBzbmLQl5iwHkQQl04n/mWw==",
+      "version": "24.39.1",
+      "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-24.39.1.tgz",
+      "integrity": "sha512-AMqQIKoEhPS6CilDzw0Gd1brLri3emkC+1N2J6ZCCuY1Cglo56M63S0jOeBZDQlemOiRd686MYVMl9ELJBzN3A==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -16283,13 +15083,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/query-selector-shadow-dom": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/query-selector-shadow-dom/-/query-selector-shadow-dom-1.0.1.tgz",
-      "integrity": "sha512-lT5yCqEBgfoMYpf3F2xQRK7zEr1rhIIZuceDK6+xRkJQ4NMbHTwXqk4NkwDwQMNqXgG9r9fyHnzwNVs6zV5KRw==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -16353,46 +15146,6 @@
         "util-deprecate": "~1.0.1"
       }
     },
-    "node_modules/readdir-glob": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/readdir-glob/-/readdir-glob-1.1.3.tgz",
-      "integrity": "sha512-v05I2k7xN8zXvPD9N+z/uhXPaj0sUFCe2rcWZIpBsqxfP7xXFQ0tipAd/wjj1YxWyWtUS5IDJpOG82JKt2EAVA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "minimatch": "^5.1.0"
-      }
-    },
-    "node_modules/readdir-glob/node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/readdir-glob/node_modules/brace-expansion": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
-    "node_modules/readdir-glob/node_modules/minimatch": {
-      "version": "5.1.9",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.9.tgz",
-      "integrity": "sha512-7o1wEA2RyMP7Iu7GNba9vc0RWWGACJOCZBJX2GJWip0ikV+wcOsgVuY9uE8CPiyQhkGFSlhuSkZPavN7u1c2Fw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/readdirp": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.0.0.tgz",
@@ -16666,23 +15419,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/resq": {
-      "version": "1.11.0",
-      "resolved": "https://registry.npmjs.org/resq/-/resq-1.11.0.tgz",
-      "integrity": "sha512-G10EBz+zAAy3zUd/CDoBbXRL6ia9kOo3xRHrMDsHljI0GDkhYlyjwoCx5+3eCC4swi1uCoZQhskuJkj7Gp57Bw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "fast-deep-equal": "^2.0.1"
-      }
-    },
-    "node_modules/resq/node_modules/fast-deep-equal": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz",
-      "integrity": "sha512-bCK/2Z4zLidyB4ReuIsvALH6w31YfAQDmXMqMx6FyfHqvBxtjC0eRumeSu4Bs3XtXwpyIywtSTrVT99BxY1f9w==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/restore-cursor": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-5.1.0.tgz",
@@ -16700,16 +15436,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/ret": {
-      "version": "0.5.0",
-      "resolved": "https://registry.npmjs.org/ret/-/ret-0.5.0.tgz",
-      "integrity": "sha512-I1XxrZSQ+oErkRR4jYbAyEEu2I0avBvvMM5JN+6EBprOGRCs63ENqZ3vjavq8fBw2+62G5LF5XelKwuJpcvcxw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/retry": {
       "version": "0.13.1",
       "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
@@ -16738,13 +15464,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/rgb2hex": {
-      "version": "0.2.5",
-      "resolved": "https://registry.npmjs.org/rgb2hex/-/rgb2hex-0.2.5.tgz",
-      "integrity": "sha512-22MOP1Rh7sAo1BZpDG6R5RFYzR2lYEgwq7HEmyW2qcsOqR2lQKmn+O//xV3YG/0rrhMC6KVX2hU+ZXuaw9a5bw==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/rolldown": {
       "version": "1.0.0-rc.4",
       "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.0-rc.4.tgz",
@@ -16823,12 +15542,15 @@
       }
     },
     "node_modules/rollup-plugin-dts": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/rollup-plugin-dts/-/rollup-plugin-dts-6.3.0.tgz",
-      "integrity": "sha512-d0UrqxYd8KyZ6i3M2Nx7WOMy708qsV/7fTHMHxCMCBOAe3V/U7OMPu5GkX8hC+cmkHhzGnfeYongl1IgiooddA==",
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-dts/-/rollup-plugin-dts-6.4.0.tgz",
+      "integrity": "sha512-2i00A5UoPCoDecLEs13Eu105QegSGfrbp1sDeUj/54LKGmv6XFHDxWKC6Wsb4BobGUWYVCWWjmjAc8bXXbXH/Q==",
       "dev": true,
       "license": "LGPL-3.0-only",
       "dependencies": {
+        "@jridgewell/remapping": "^2.3.5",
+        "@jridgewell/sourcemap-codec": "^1.5.5",
+        "convert-source-map": "^2.0.0",
         "magic-string": "^0.30.21"
       },
       "engines": {
@@ -16838,13 +15560,20 @@
         "url": "https://github.com/sponsors/Swatinem"
       },
       "optionalDependencies": {
-        "@babel/code-frame": "^7.27.1"
+        "@babel/code-frame": "^7.29.0"
       },
       "peerDependencies": {
         "rollup": "^3.29.4 || ^4",
-        "typescript": "^4.5 || ^5.0"
+        "typescript": "^4.5 || ^5.0 || ^6.0"
       }
     },
+    "node_modules/rollup-plugin-dts/node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/router": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/router/-/router-2.2.0.tgz",
@@ -16908,16 +15637,6 @@
         "tslib": "^2.1.0"
       }
     },
-    "node_modules/safaridriver": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/safaridriver/-/safaridriver-1.0.1.tgz",
-      "integrity": "sha512-jkg4434cYgtrIF2AeY/X0Wmd2W73cK5qIEFE3hDrrQenJH/2SDJIXGvPAigfvQTcE9+H31zkiNHbUqcihEiMRA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18.0.0"
-      }
-    },
     "node_modules/safe-buffer": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
@@ -16925,26 +15644,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/safe-regex2": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/safe-regex2/-/safe-regex2-5.0.0.tgz",
-      "integrity": "sha512-YwJwe5a51WlK7KbOJREPdjNrpViQBI3p4T50lfwPuDhZnE3XGVTlGvi+aolc5+RvxDD6bnUmjVsU9n1eboLUYw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/fastify"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/fastify"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "ret": "~0.5.0"
-      }
-    },
     "node_modules/safer-buffer": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
@@ -17166,35 +15865,6 @@
         "url": "https://opencollective.com/express"
       }
     },
-    "node_modules/serialize-error": {
-      "version": "12.0.0",
-      "resolved": "https://registry.npmjs.org/serialize-error/-/serialize-error-12.0.0.tgz",
-      "integrity": "sha512-ZYkZLAvKTKQXWuh5XpBw7CdbSzagarX39WyZ2H07CDLC5/KfsRGlIXV8d4+tfqX1M7916mRqR1QfNHSij+c9Pw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "type-fest": "^4.31.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/serialize-error/node_modules/type-fest": {
-      "version": "4.41.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.41.0.tgz",
-      "integrity": "sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==",
-      "dev": true,
-      "license": "(MIT OR CC0-1.0)",
-      "engines": {
-        "node": ">=16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/serialize-javascript": {
       "version": "7.0.4",
       "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-7.0.4.tgz",
@@ -17349,13 +16019,6 @@
         "url": "https://opencollective.com/express"
       }
     },
-    "node_modules/setimmediate": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
-      "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/setprototypeof": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
@@ -17699,23 +16362,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/spacetrim": {
-      "version": "0.11.59",
-      "resolved": "https://registry.npmjs.org/spacetrim/-/spacetrim-0.11.59.tgz",
-      "integrity": "sha512-lLYsktklSRKprreOm7NXReW8YiX2VBjbgmXYEziOoGf/qsJqAEACaDvoTtUOycwjpaSh+bT8eu0KrJn7UNxiCg==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://buymeacoffee.com/hejny"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/hejny/spacetrim/blob/main/README.md#%EF%B8%8F-contributing"
-        }
-      ],
-      "license": "Apache-2.0"
-    },
     "node_modules/sparkles": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/sparkles/-/sparkles-2.1.0.tgz",
@@ -17798,16 +16444,6 @@
         "node": ">= 6"
       }
     },
-    "node_modules/split2": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz",
-      "integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">= 10.x"
-      }
-    },
     "node_modules/sprintf-js": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
@@ -17846,9 +16482,9 @@
       }
     },
     "node_modules/std-env": {
-      "version": "3.10.0",
-      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.10.0.tgz",
-      "integrity": "sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/std-env/-/std-env-4.0.0.tgz",
+      "integrity": "sha512-zUMPtQ/HBY3/50VbpkupYHbRroTRZJPRLvreamgErJVys0ceuzMkD44J/QjqhHjOzK42GQ3QZIeFG1OYfOtKqQ==",
       "dev": true,
       "license": "MIT"
     },
@@ -17916,63 +16552,14 @@
     },
     "node_modules/string-width": {
       "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "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",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "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/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/string-width-cjs/node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/string-width-cjs/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "ansi-regex": "^5.0.1"
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
       },
       "engines": {
         "node": ">=8"
@@ -18026,30 +16613,6 @@
         "url": "https://github.com/chalk/strip-ansi?sponsor=1"
       }
     },
-    "node_modules/strip-ansi-cjs": {
-      "name": "strip-ansi",
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-ansi-cjs/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/strip-json-comments": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
@@ -18063,19 +16626,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/strnum": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/strnum/-/strnum-2.2.0.tgz",
-      "integrity": "sha512-Y7Bj8XyJxnPAORMZj/xltsfo55uOiyHcU2tnAVzHUnSJR/KsEX+9RoDeXEnsXtl/CX4fAcrt64gZ13aGaWPeBg==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/NaturalIntelligence"
-        }
-      ],
-      "license": "MIT"
-    },
     "node_modules/supports-color": {
       "version": "8.1.1",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
@@ -18141,9 +16691,9 @@
       }
     },
     "node_modules/tar": {
-      "version": "7.5.10",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.10.tgz",
-      "integrity": "sha512-8mOPs1//5q/rlkNSPcCegA6hiHJYDmSLEI8aMH/CdSQJNWztHC9WHNam5zdQlfpTwB9Xp7IBEsHfV5LKMJGVAw==",
+      "version": "7.5.11",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.11.tgz",
+      "integrity": "sha512-ChjMH33/KetonMTAtpYdgUFr0tbz69Fp2v7zWxQfYZX4g5ZN2nOBXm1R2xyA+lMIKrLKIoKAwFj93jE/avX9cQ==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
@@ -18225,9 +16775,9 @@
       }
     },
     "node_modules/terser-webpack-plugin": {
-      "version": "5.3.17",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.17.tgz",
-      "integrity": "sha512-YR7PtUp6GMU91BgSJmlaX/rS2lGDbAF7D+Wtq7hRO+MiljNmodYvqslzCFiYVAgW+Qoaaia/QUIP4lGXufjdZw==",
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.4.0.tgz",
+      "integrity": "sha512-Bn5vxm48flOIfkdl5CaD2+1CiUVbonWQ3KQPyP7/EuIl9Gbzq/gQFOzaMFUEgVjB1396tcK0SG8XcNJ/2kDH8g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -18331,9 +16881,9 @@
       "license": "MIT"
     },
     "node_modules/tinyexec": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.0.2.tgz",
-      "integrity": "sha512-W/KYk+NFhkmsYpuHq5JykngiOCnxeVL8v8dFnqxSD8qEEdRfXk1SDM6JzNqcERbcGYj9tMrDQBYV9cjgnunFIg==",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.0.4.tgz",
+      "integrity": "sha512-u9r3uZC0bdpGOXtlxUIdwf9pkmvhqJdrVCH9fapQtgy/OeTTMZ1nqH7agtvEfmGui6e1XxjcdrlxvxJvc3sMqw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -18358,9 +16908,9 @@
       }
     },
     "node_modules/tinyrainbow": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-3.0.3.tgz",
-      "integrity": "sha512-PSkbLUoxOFRzJYjjxHJt9xro7D+iilgMX/C9lawzVuYiIdcihh9DXmVibBe8lmcFrRi/VzlPjBxbN7rH24q8/Q==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-3.1.0.tgz",
+      "integrity": "sha512-Bf+ILmBgretUrdJxzXM0SgXLZ3XfiaUuOj/IKQHuTXip+05Xn+uyEYdVg0kYDipTBcLrCVyUzAPz7QmArb0mmw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -18518,19 +17068,6 @@
         "node": ">= 0.8.0"
       }
     },
-    "node_modules/type-fest": {
-      "version": "4.26.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.26.0.tgz",
-      "integrity": "sha512-OduNjVJsFbifKb57UqZ2EMP1i4u64Xwow3NYXUtBbD4vIwJdQd4+xl8YDou1dlm4DVrtwT/7Ky8z8WyCULVfxw==",
-      "dev": true,
-      "license": "(MIT OR CC0-1.0)",
-      "engines": {
-        "node": ">=16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/type-is": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/type-is/-/type-is-2.0.1.tgz",
@@ -18575,16 +17112,16 @@
       }
     },
     "node_modules/typescript-eslint": {
-      "version": "8.56.1",
-      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.56.1.tgz",
-      "integrity": "sha512-U4lM6pjmBX7J5wk4szltF7I1cGBHXZopnAXCMXb3+fZ3B/0Z3hq3wS/CCUB2NZBNAExK92mCU2tEohWuwVMsDQ==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.57.0.tgz",
+      "integrity": "sha512-W8GcigEMEeB07xEZol8oJ26rigm3+bfPHxHvwbYUlu1fUDsGuQ7Hiskx5xGW/xM4USc9Ephe3jtv7ZYPQntHeA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/eslint-plugin": "8.56.1",
-        "@typescript-eslint/parser": "8.56.1",
-        "@typescript-eslint/typescript-estree": "8.56.1",
-        "@typescript-eslint/utils": "8.56.1"
+        "@typescript-eslint/eslint-plugin": "8.57.0",
+        "@typescript-eslint/parser": "8.57.0",
+        "@typescript-eslint/typescript-estree": "8.57.0",
+        "@typescript-eslint/utils": "8.57.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -18791,23 +17328,6 @@
         "punycode": "^2.1.0"
       }
     },
-    "node_modules/urlpattern-polyfill": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/urlpattern-polyfill/-/urlpattern-polyfill-10.1.0.tgz",
-      "integrity": "sha512-IGjKp/o0NL3Bso1PymYURCJxMPNAf/ILOpendP9f5B6e1rTJgdgiOvgfoT8VxCAdY+Wisb9uhGaJJf3yZ2V9nw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/userhome": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/userhome/-/userhome-1.0.1.tgz",
-      "integrity": "sha512-5cnLm4gseXjAclKowC4IjByaGsjtAoV6PrOQOljplNB54ReUYJP8HdAFq2muHinSDAh09PPX/uXDPfdxRHvuSA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -19125,31 +17645,31 @@
       }
     },
     "node_modules/vitest": {
-      "version": "4.0.18",
-      "resolved": "https://registry.npmjs.org/vitest/-/vitest-4.0.18.tgz",
-      "integrity": "sha512-hOQuK7h0FGKgBAas7v0mSAsnvrIgAvWmRFjmzpJ7SwFHH3g1k2u37JtYwOwmEKhK6ZO3v9ggDBBm0La1LCK4uQ==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/vitest/-/vitest-4.1.0.tgz",
+      "integrity": "sha512-YbDrMF9jM2Lqc++2530UourxZHmkKLxrs4+mYhEwqWS97WJ7wOYEkcr+QfRgJ3PW9wz3odRijLZjHEaRLTNbqw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/expect": "4.0.18",
-        "@vitest/mocker": "4.0.18",
-        "@vitest/pretty-format": "4.0.18",
-        "@vitest/runner": "4.0.18",
-        "@vitest/snapshot": "4.0.18",
-        "@vitest/spy": "4.0.18",
-        "@vitest/utils": "4.0.18",
-        "es-module-lexer": "^1.7.0",
-        "expect-type": "^1.2.2",
+        "@vitest/expect": "4.1.0",
+        "@vitest/mocker": "4.1.0",
+        "@vitest/pretty-format": "4.1.0",
+        "@vitest/runner": "4.1.0",
+        "@vitest/snapshot": "4.1.0",
+        "@vitest/spy": "4.1.0",
+        "@vitest/utils": "4.1.0",
+        "es-module-lexer": "^2.0.0",
+        "expect-type": "^1.3.0",
         "magic-string": "^0.30.21",
         "obug": "^2.1.1",
         "pathe": "^2.0.3",
         "picomatch": "^4.0.3",
-        "std-env": "^3.10.0",
+        "std-env": "^4.0.0-rc.1",
         "tinybench": "^2.9.0",
         "tinyexec": "^1.0.2",
         "tinyglobby": "^0.2.15",
         "tinyrainbow": "^3.0.3",
-        "vite": "^6.0.0 || ^7.0.0",
+        "vite": "^6.0.0 || ^7.0.0 || ^8.0.0-0",
         "why-is-node-running": "^2.3.0"
       },
       "bin": {
@@ -19165,12 +17685,13 @@
         "@edge-runtime/vm": "*",
         "@opentelemetry/api": "^1.9.0",
         "@types/node": "^20.0.0 || ^22.0.0 || >=24.0.0",
-        "@vitest/browser-playwright": "4.0.18",
-        "@vitest/browser-preview": "4.0.18",
-        "@vitest/browser-webdriverio": "4.0.18",
-        "@vitest/ui": "4.0.18",
+        "@vitest/browser-playwright": "4.1.0",
+        "@vitest/browser-preview": "4.1.0",
+        "@vitest/browser-webdriverio": "4.1.0",
+        "@vitest/ui": "4.1.0",
         "happy-dom": "*",
-        "jsdom": "*"
+        "jsdom": "*",
+        "vite": "^6.0.0 || ^7.0.0 || ^8.0.0-0"
       },
       "peerDependenciesMeta": {
         "@edge-runtime/vm": {
@@ -19199,37 +17720,12 @@
         },
         "jsdom": {
           "optional": true
+        },
+        "vite": {
+          "optional": false
         }
       }
     },
-    "node_modules/wait-port": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/wait-port/-/wait-port-1.1.0.tgz",
-      "integrity": "sha512-3e04qkoN3LxTMLakdqeWth8nih8usyg+sf1Bgdf9wwUkp05iuK1eSY/QpLvscT/+F/gA89+LpUmmgBtesbqI2Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "chalk": "^4.1.2",
-        "commander": "^9.3.0",
-        "debug": "^4.3.4"
-      },
-      "bin": {
-        "wait-port": "bin/wait-port.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/wait-port/node_modules/commander": {
-      "version": "9.5.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-9.5.0.tgz",
-      "integrity": "sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^12.20.0 || >=14"
-      }
-    },
     "node_modules/watchpack": {
       "version": "2.5.1",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.5.1.tgz",
@@ -19262,29 +17758,6 @@
       "license": "MIT",
       "optional": true
     },
-    "node_modules/webdriver": {
-      "version": "9.24.0",
-      "resolved": "https://registry.npmjs.org/webdriver/-/webdriver-9.24.0.tgz",
-      "integrity": "sha512-2R31Ey83NzMsafkl4hdFq6GlIBvOODQMkueLjeRqYAITu3QCYiq9oqBdnWA6CdePuV4dbKlYsKRX0mwMiPclDA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/node": "^20.1.0",
-        "@types/ws": "^8.5.3",
-        "@wdio/config": "9.24.0",
-        "@wdio/logger": "9.18.0",
-        "@wdio/protocols": "9.24.0",
-        "@wdio/types": "9.24.0",
-        "@wdio/utils": "9.24.0",
-        "deepmerge-ts": "^7.0.3",
-        "https-proxy-agent": "^7.0.6",
-        "undici": "^6.21.3",
-        "ws": "^8.8.0"
-      },
-      "engines": {
-        "node": ">=18.20.0"
-      }
-    },
     "node_modules/webdriver-bidi-protocol": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/webdriver-bidi-protocol/-/webdriver-bidi-protocol-0.4.1.tgz",
@@ -19292,95 +17765,6 @@
       "dev": true,
       "license": "Apache-2.0"
     },
-    "node_modules/webdriver/node_modules/@types/node": {
-      "version": "20.19.37",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.37.tgz",
-      "integrity": "sha512-8kzdPJ3FsNsVIurqBs7oodNnCEVbni9yUEkaHbgptDACOPW04jimGagZ51E6+lXUwJjgnBw+hyko/lkFWCldqw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "undici-types": "~6.21.0"
-      }
-    },
-    "node_modules/webdriver/node_modules/undici": {
-      "version": "6.23.0",
-      "resolved": "https://registry.npmjs.org/undici/-/undici-6.23.0.tgz",
-      "integrity": "sha512-VfQPToRA5FZs/qJxLIinmU59u0r7LXqoJkCzinq3ckNJp3vKEh7jTWN589YQ5+aoAC/TGRLyJLCPKcLQbM8r9g==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18.17"
-      }
-    },
-    "node_modules/webdriver/node_modules/undici-types": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
-      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/webdriverio": {
-      "version": "9.24.0",
-      "resolved": "https://registry.npmjs.org/webdriverio/-/webdriverio-9.24.0.tgz",
-      "integrity": "sha512-LTJt6Z/iDM0ne/4ytd3BykoPv9CuJ+CAILOzlwFeMGn4Mj02i4Bk2Rg9o/jeJ89f52hnv4OPmNjD0e8nzWAy5g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/node": "^20.11.30",
-        "@types/sinonjs__fake-timers": "^8.1.5",
-        "@wdio/config": "9.24.0",
-        "@wdio/logger": "9.18.0",
-        "@wdio/protocols": "9.24.0",
-        "@wdio/repl": "9.16.2",
-        "@wdio/types": "9.24.0",
-        "@wdio/utils": "9.24.0",
-        "archiver": "^7.0.1",
-        "aria-query": "^5.3.0",
-        "cheerio": "^1.0.0-rc.12",
-        "css-shorthand-properties": "^1.1.1",
-        "css-value": "^0.0.1",
-        "grapheme-splitter": "^1.0.4",
-        "htmlfy": "^0.8.1",
-        "is-plain-obj": "^4.1.0",
-        "jszip": "^3.10.1",
-        "lodash.clonedeep": "^4.5.0",
-        "lodash.zip": "^4.2.0",
-        "query-selector-shadow-dom": "^1.0.1",
-        "resq": "^1.11.0",
-        "rgb2hex": "0.2.5",
-        "serialize-error": "^12.0.0",
-        "urlpattern-polyfill": "^10.0.0",
-        "webdriver": "9.24.0"
-      },
-      "engines": {
-        "node": ">=18.20.0"
-      },
-      "peerDependencies": {
-        "puppeteer-core": ">=22.x || <=24.x"
-      },
-      "peerDependenciesMeta": {
-        "puppeteer-core": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/webdriverio/node_modules/@types/node": {
-      "version": "20.19.37",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.37.tgz",
-      "integrity": "sha512-8kzdPJ3FsNsVIurqBs7oodNnCEVbni9yUEkaHbgptDACOPW04jimGagZ51E6+lXUwJjgnBw+hyko/lkFWCldqw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "undici-types": "~6.21.0"
-      }
-    },
-    "node_modules/webdriverio/node_modules/undici-types": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
-      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/webpack": {
       "version": "5.105.2",
       "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.105.2.tgz",
@@ -19756,19 +18140,6 @@
         "node": ">= 10"
       }
     },
-    "node_modules/webpack-dev-server/node_modules/is-plain-obj": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz",
-      "integrity": "sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/webpack-dev-server/node_modules/media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -20045,13 +18416,6 @@
         }
       }
     },
-    "node_modules/webpack/node_modules/es-module-lexer": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-2.0.0.tgz",
-      "integrity": "sha512-5POEcUuZybH7IdmGsD8wlf0AI55wMecM9rVBTI/qEAy2c1kTOm3DjFYjrBdI2K3BaJjJYfYFeRtM0t9ssnRuxw==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/webpack/node_modules/eslint-scope": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
@@ -20131,43 +18495,6 @@
         "node": ">=0.8.0"
       }
     },
-    "node_modules/whatwg-encoding": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
-      "integrity": "sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==",
-      "deprecated": "Use @exodus/bytes instead for a more spec-conformant and faster implementation",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "iconv-lite": "0.6.3"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/whatwg-encoding/node_modules/iconv-lite": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/whatwg-mimetype": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
-      "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -20233,48 +18560,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/wrap-ansi-cjs": {
-      "name": "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,
-      "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/wrap-ansi-cjs/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/wrap-ansi/node_modules/ansi-regex": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
@@ -20429,16 +18714,6 @@
         "fd-slicer": "~1.1.0"
       }
     },
-    "node_modules/yauzl/node_modules/buffer-crc32": {
-      "version": "0.2.13",
-      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
-      "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
@@ -20478,69 +18753,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/zip-stream": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/zip-stream/-/zip-stream-6.0.1.tgz",
-      "integrity": "sha512-zK7YHHz4ZXpW89AHXUPbQVGKI7uvkd3hzusTdotCg1UxyaVtg0zFJSTfW/Dq5f7OBBVnq6cZIaC8Ti4hb6dtCA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "archiver-utils": "^5.0.0",
-        "compress-commons": "^6.0.2",
-        "readable-stream": "^4.0.0"
-      },
-      "engines": {
-        "node": ">= 14"
-      }
-    },
-    "node_modules/zip-stream/node_modules/readable-stream": {
-      "version": "4.7.0",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
-      "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "abort-controller": "^3.0.0",
-        "buffer": "^6.0.3",
-        "events": "^3.3.0",
-        "process": "^0.11.10",
-        "string_decoder": "^1.3.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      }
-    },
-    "node_modules/zip-stream/node_modules/safe-buffer": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-      "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/zip-stream/node_modules/string_decoder": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
-      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "safe-buffer": "~5.2.0"
-      }
-    },
     "node_modules/zod": {
       "version": "4.3.6",
       "resolved": "https://registry.npmjs.org/zod/-/zod-4.3.6.tgz",
@@ -20569,18 +18781,18 @@
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "@angular/animations": "^21.2.1",
-        "@angular/cdk": "^21.2.1",
-        "@angular/common": "^21.2.1",
-        "@angular/compiler": "^21.2.1",
-        "@angular/compiler-cli": "^21.2.1",
-        "@angular/core": "^21.2.1",
-        "@angular/elements": "^21.2.1",
-        "@angular/forms": "^21.2.1",
-        "@angular/material": "^21.2.1",
-        "@angular/platform-browser": "^21.2.1",
-        "@angular/router": "^21.2.1",
-        "@laserfiche/lf-api-client-core": "^1.1.18",
+        "@angular/animations": "^21.2.4",
+        "@angular/cdk": "^21.2.2",
+        "@angular/common": "^21.2.4",
+        "@angular/compiler": "^21.2.4",
+        "@angular/compiler-cli": "^21.2.4",
+        "@angular/core": "^21.2.4",
+        "@angular/elements": "^21.2.4",
+        "@angular/forms": "^21.2.4",
+        "@angular/material": "^21.2.2",
+        "@angular/platform-browser": "^21.2.4",
+        "@angular/router": "^21.2.4",
+        "@laserfiche/lf-api-client-core": "^1.1.19",
         "@laserfiche/lf-js-utils": "^4.0.13",
         "@laserfiche/lf-resource-library": "^5.0.3",
         "date-fns": "^4.1.0",
diff --git a/package.json b/package.json
index d812eeb9..05217df5 100644
--- a/package.json
+++ b/package.json
@@ -39,17 +39,17 @@
   "devDependencies": {
     "@analogjs/vite-plugin-angular": "^2.3.1",
     "@analogjs/vitest-angular": "^2.3.1",
-    "@angular-devkit/build-angular": "^21.2.1",
+    "@angular-devkit/build-angular": "^21.2.2",
     "@angular-eslint/builder": "^21.3.0",
     "@angular-eslint/schematics": "^21.3.0",
-    "@angular/cli": "^21.2.1",
-    "@microsoft/api-extractor": "^7.52.9",
+    "@angular/cli": "^21.2.2",
+    "@microsoft/api-extractor": "^7.57.7",
     "@stylistic/eslint-plugin": "^5.10.0",
     "@types/lodash": "^4.17.24",
     "@types/node": "^24.12.0",
 
-    "@vitest/browser": "^4.0.18",
-    "@vitest/browser-playwright": "^4.0.18",
+    "@vitest/browser": "^4.1.0",
+    "@vitest/browser-playwright": "^4.1.0",
     "angular-eslint": "^21.3.0",
     "date-fns": "^4.1.0",
     "eslint": "^10.0.3",
@@ -58,27 +58,26 @@
     "gulp-concat": "^2.6.1",
     "gulp-replace": "^1.1.4",
     "ng-packagr": "^21.2.0",
-    "puppeteer": "^24.38.0",
+    "puppeteer": "^24.39.1",
     "tslib": "^2.8.1",
     "typescript": "5.9.3",
-    "typescript-eslint": "^8.56.1",
-    "vitest": "^4.0.18",
-    "webdriverio": "^9.20.0",
+    "typescript-eslint": "^8.57.0",
+    "vitest": "^4.1.0",
     "yargs": "^18.0.0"
   },
   "peerDependencies": {
-    "@angular/animations": "^21.2.1",
-    "@angular/cdk": "^21.2.1",
-    "@angular/common": "^21.2.1",
-    "@angular/compiler": "^21.2.1",
-    "@angular/compiler-cli": "^21.2.1",
-    "@angular/core": "^21.2.1",
-    "@angular/elements": "^21.2.1",
-    "@angular/forms": "^21.2.1",
-    "@angular/material": "^21.2.1",
-    "@angular/platform-browser": "^21.2.1",
-    "@angular/router": "^21.2.1",
-    "@laserfiche/lf-api-client-core": "^1.1.10",
+    "@angular/animations": "^21.2.4",
+    "@angular/cdk": "^21.2.2",
+    "@angular/common": "^21.2.4",
+    "@angular/compiler": "^21.2.4",
+    "@angular/compiler-cli": "^21.2.4",
+    "@angular/core": "^21.2.4",
+    "@angular/elements": "^21.2.4",
+    "@angular/forms": "^21.2.4",
+    "@angular/material": "^21.2.2",
+    "@angular/platform-browser": "^21.2.4",
+    "@angular/router": "^21.2.4",
+    "@laserfiche/lf-api-client-core": "^1.1.19",
     "@laserfiche/lf-js-utils": "^4.0.13",
     "@laserfiche/lf-resource-library": "^5.0.3",
     "ngx-mask": "^21.0.1",
diff --git a/projects/lf-cdn/tsconfig.app.json b/projects/lf-cdn/tsconfig.app.json
index 694bc8ee..cc30ea13 100644
--- a/projects/lf-cdn/tsconfig.app.json
+++ b/projects/lf-cdn/tsconfig.app.json
@@ -12,5 +12,8 @@
   ],
   "include": [
     "src/**/*.ts"
+  ],
+  "exclude": [
+    "src/**/*.spec.ts"
   ]
 }
diff --git a/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.spec.ts b/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.spec.ts
index 974eb9bf..8c9ba7fc 100644
--- a/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.spec.ts
@@ -13,7 +13,11 @@ describe('LfFieldTemplateContainerDocumentationComponent', () => {
     await TestBed.configureTestingModule({
       imports: [ LfFieldTemplateContainerDocumentationComponent ],
       schemas: [CUSTOM_ELEMENTS_SCHEMA]
-    }).compileComponents();
+    })
+    .overrideComponent(LfFieldTemplateContainerDocumentationComponent, {
+      set: { imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA] }
+    })
+    .compileComponents();
   });
 
   beforeEach(async () => {
diff --git a/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.ts b/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.ts
index f74e3ea1..abd499e9 100644
--- a/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.ts
+++ b/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.ts
@@ -32,7 +32,9 @@ export class LfFieldTemplateContainerDocumentationComponent implements AfterView
   constructor() {}
 
   async ngAfterViewInit(): Promise<void> {
-    await this.elementTemplateContainer.initAsync(this.templateProviders, 6);
+    if (this.elementTemplateContainer?.initAsync) {
+      await this.elementTemplateContainer.initAsync(this.templateProviders, 6);
+    }
   }
 
   logElementInfo() {
diff --git a/projects/lf-documentation/tsconfig.app.json b/projects/lf-documentation/tsconfig.app.json
index c6a5ac00..221d2b65 100644
--- a/projects/lf-documentation/tsconfig.app.json
+++ b/projects/lf-documentation/tsconfig.app.json
@@ -11,5 +11,8 @@
   ],
   "include": [
     "src/**/*.ts"
+  ],
+  "exclude": [
+    "src/**/*.spec.ts"
   ]
 }
diff --git a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.ts b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.ts
index e159ee3f..d729e346 100644
--- a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.ts
+++ b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.ts
@@ -230,6 +230,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
       for (const mapItem of fieldGroups) {
         await this.initializeFieldGroupAsync(mapItem);
       }
+      this.ref.detectChanges();
     } else {
       console.warn(`Fields not displayed in current template state: ${this.templateState}.`);
     }
@@ -593,13 +594,10 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
     if (!this.templateSelected?.id) {
       return {};
     }
-    this.templateState = TemplateState.LOADING;
     const dynamicFieldValueOptions = await this.templateFieldContainerService.getDynamicFieldValueOptionsAsync(
       this.templateSelected.id,
       relevantValues,
     );
-    this.templateState = TemplateState.SHOW_TEMPLATE;
-    this.ref.markForCheck();
     return dynamicFieldValueOptions;
   }
 
diff --git a/projects/ui-components/lf-repository-browser/lf-repository-browser.component.spec.ts b/projects/ui-components/lf-repository-browser/lf-repository-browser.component.spec.ts
index 18e61716..8ad8a503 100644
--- a/projects/ui-components/lf-repository-browser/lf-repository-browser.component.spec.ts
+++ b/projects/ui-components/lf-repository-browser/lf-repository-browser.component.spec.ts
@@ -13,7 +13,7 @@ import { LfBreadcrumbsComponent, ILfSelectable } from '@laserfiche/lf-ui-compone
 import { MatDialog } from '@angular/material/dialog';
 import { LfLoaderComponent } from '@laserfiche/lf-ui-components/internal-shared';
 import { LfRepositoryBrowserComponent } from './lf-repository-browser.component';
-import { LfTreeNodeService, LfTreeNode } from './ILfTreeNodeService';
+import { LfTreeNode } from './ILfTreeNodeService';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { ColumnDef, LfSelectionListComponent } from '@laserfiche/lf-ui-components/lf-selection-list';
 
diff --git a/projects/ui-components/package-lock.json b/projects/ui-components/package-lock.json
index 6e983952..a671d370 100644
--- a/projects/ui-components/package-lock.json
+++ b/projects/ui-components/package-lock.json
@@ -12,18 +12,18 @@
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "@angular/animations": "^21.2.1",
-        "@angular/cdk": "^21.2.1",
-        "@angular/common": "^21.2.1",
-        "@angular/compiler": "^21.2.1",
-        "@angular/compiler-cli": "^21.2.1",
-        "@angular/core": "^21.2.1",
-        "@angular/elements": "^21.2.1",
-        "@angular/forms": "^21.2.1",
-        "@angular/material": "^21.2.1",
-        "@angular/platform-browser": "^21.2.1",
-        "@angular/router": "^21.2.1",
-        "@laserfiche/lf-api-client-core": "^1.1.18",
+        "@angular/animations": "^21.2.4",
+        "@angular/cdk": "^21.2.2",
+        "@angular/common": "^21.2.4",
+        "@angular/compiler": "^21.2.4",
+        "@angular/compiler-cli": "^21.2.4",
+        "@angular/core": "^21.2.4",
+        "@angular/elements": "^21.2.4",
+        "@angular/forms": "^21.2.4",
+        "@angular/material": "^21.2.2",
+        "@angular/platform-browser": "^21.2.4",
+        "@angular/router": "^21.2.4",
+        "@laserfiche/lf-api-client-core": "^1.1.19",
         "@laserfiche/lf-js-utils": "^4.0.13",
         "@laserfiche/lf-resource-library": "^5.0.3",
         "date-fns": "^4.1.0",
@@ -34,9 +34,9 @@
       }
     },
     "node_modules/@angular/animations": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-21.2.1.tgz",
-      "integrity": "sha512-zT/S29pUTbziCLvZ2itBdNWd5i8tsXexofH7KA4n2yvYmK1EhNpE7TlHRjghmsHgtDt4VnGiMW4zXEyrl05Dwg==",
+      "version": "21.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-21.2.4.tgz",
+      "integrity": "sha512-hO1P7ks9n7lW3D31bzHohSuoAaj05xJUlK8rZgX8IkH5DLx4qhvfNh0t4bbLuBJLP2r1TaLsQ8KFcemCkFRO2w==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -46,13 +46,13 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "21.2.1"
+        "@angular/core": "21.2.4"
       }
     },
     "node_modules/@angular/cdk": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.2.1.tgz",
-      "integrity": "sha512-JUFV8qLnO7CU5v4W0HzXSQrFkkJ4RH/qqdwrf9lup7YEnsLxB7cTGhsVisc9pWKAJsoNZ4pXCVOkqKc1mFL7dw==",
+      "version": "21.2.2",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.2.2.tgz",
+      "integrity": "sha512-9AsZkwqy07No7+0qPydcJfXB6SpA9qLDBanoesNj5KsiZJ62PJH3oIjVyNeQEEe1HQWmSwBnhwN12OPLNMUlnw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -67,9 +67,9 @@
       }
     },
     "node_modules/@angular/common": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@angular/common/-/common-21.2.1.tgz",
-      "integrity": "sha512-xhv2i1Q9s1kpGbGsfj+o36+XUC/TQLcZyRuRxn3GwaN7Rv34FabC88ycpvoE+sW/txj4JRx9yPA0dRSZjwZ+Gg==",
+      "version": "21.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/common/-/common-21.2.4.tgz",
+      "integrity": "sha512-NrP6qOuUpo3fqq14UJ1b2bIRtWsfvxh1qLqOyFV4gfBrHhXd0XffU1LUlUw1qp4w1uBSgPJ0/N5bSPUWrAguVg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -79,14 +79,14 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "21.2.1",
+        "@angular/core": "21.2.4",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/compiler": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-21.2.1.tgz",
-      "integrity": "sha512-FxWaSaii1vfHIFA+JksqQ8NGB2frfqCrs7Ju50a44kbwR4fmanfn/VsiS/CbwBp9vcyT/Br9X/jAG4RuK/U2nw==",
+      "version": "21.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-21.2.4.tgz",
+      "integrity": "sha512-9+ulVK3idIo/Tu4X2ic7/V0+Uj7pqrOAbOuIirYe6Ymm3AjexuFRiGBbfcH0VJhQ5cf8TvIJ1fuh+MI4JiRIxA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -97,9 +97,9 @@
       }
     },
     "node_modules/@angular/compiler-cli": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-21.2.1.tgz",
-      "integrity": "sha512-qYCWLGtEju4cDtYLi4ZzbwKoF0lcGs+Lc31kuESvAzYvWNgk2EUOtwWo8kbgpAzAwSYodtxW6Q90iWEwfU6elw==",
+      "version": "21.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-21.2.4.tgz",
+      "integrity": "sha512-vGjd7DZo/Ox50pQCm5EycmBu91JclimPtZoyNXu/2hSxz3oAkzwiHCwlHwk2g58eheSSp+lYtYRLmHAqSVZLjg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -120,7 +120,7 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/compiler": "21.2.1",
+        "@angular/compiler": "21.2.4",
         "typescript": ">=5.9 <6.1"
       },
       "peerDependenciesMeta": {
@@ -130,9 +130,9 @@
       }
     },
     "node_modules/@angular/core": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@angular/core/-/core-21.2.1.tgz",
-      "integrity": "sha512-pFTbg03s2ZI5cHNT+eWsGjwIIKiYkeAnodFbCAHjwFi9KCEYlTykFLjr9lcpGrBddfmAH7GE08Q73vgmsdcNHw==",
+      "version": "21.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/core/-/core-21.2.4.tgz",
+      "integrity": "sha512-2+gd67ZuXHpGOqeb2o7XZPueEWEP81eJza2tSHkT5QMV8lnYllDEmaNnkPxnIjSLGP1O3PmiXxo4z8ibHkLZwg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -142,7 +142,7 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/compiler": "21.2.1",
+        "@angular/compiler": "21.2.4",
         "rxjs": "^6.5.3 || ^7.4.0",
         "zone.js": "~0.15.0 || ~0.16.0"
       },
@@ -156,9 +156,9 @@
       }
     },
     "node_modules/@angular/elements": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@angular/elements/-/elements-21.2.1.tgz",
-      "integrity": "sha512-NF2mNcnpHKeDoOzQ0nY0pk111kVdBESXrmDfxO0LCs1JU9c2tNw45pWqpsu3CqbH61rx+b6kLIIz9RjcZVaPMg==",
+      "version": "21.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/elements/-/elements-21.2.4.tgz",
+      "integrity": "sha512-uAfx+RA5Lu8nD5yWSEZVV6a/BQkyC0L05mvB+Zm1nk1PoMvrjgH/8xTyHOkj3SNOY2dWwzek7Zc1tXleKotnZA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -168,14 +168,14 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "21.2.1",
+        "@angular/core": "21.2.4",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/forms": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-21.2.1.tgz",
-      "integrity": "sha512-6aqOPk9xoa0dfeUDeEbhaiPhmt6MQrdn59qbGAomn9RMXA925TrHbJhSIkp9tXc2Fr4aJRi8zkD/cdXEc1IYeA==",
+      "version": "21.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-21.2.4.tgz",
+      "integrity": "sha512-1fOhctA9ADEBYjI3nPQUR5dHsK2+UWAjup37Ksldk/k0w8UpD5YsN7JVNvsDMZRFMucKYcGykPblU7pABtsqnQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -186,23 +186,23 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "21.2.1",
-        "@angular/core": "21.2.1",
-        "@angular/platform-browser": "21.2.1",
+        "@angular/common": "21.2.4",
+        "@angular/core": "21.2.4",
+        "@angular/platform-browser": "21.2.4",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/material": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-21.2.1.tgz",
-      "integrity": "sha512-+E7km7o1LZ0O+iE+sSX4M3r0WLPCOe0hwJp4o5hUM5jR+a2B+Ba14d4QWwN1r3R3qqwzCO1z5/44R0GoDkR2gg==",
+      "version": "21.2.2",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-21.2.2.tgz",
+      "integrity": "sha512-yY7kdmltNd28Tw8bHvoSFuoO8jMJSicSU9gB9r4jSLHPWAI9Y3V2qvLEimfPLRmzEaWwSoqKda95k/646lgg6A==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/cdk": "21.2.1",
+        "@angular/cdk": "21.2.2",
         "@angular/common": "^21.0.0 || ^22.0.0",
         "@angular/core": "^21.0.0 || ^22.0.0",
         "@angular/forms": "^21.0.0 || ^22.0.0",
@@ -211,9 +211,9 @@
       }
     },
     "node_modules/@angular/platform-browser": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-21.2.1.tgz",
-      "integrity": "sha512-k4SJLxIaLT26vLjLuFL+ho0BiG5PrdxEsjsXFC7w5iUhomeouzkHVTZ4t7gaLNKrdRD7QNtU4Faw0nL0yx0ZPQ==",
+      "version": "21.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-21.2.4.tgz",
+      "integrity": "sha512-1A9e/cQVu+3BkRCktLcO3RZGuw8NOTHw1frUUrpAz+iMyvIT4sDRFbL+U1g8qmOCZqRNC1Pi1HZfZ1kl6kvrcQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -223,9 +223,9 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/animations": "21.2.1",
-        "@angular/common": "21.2.1",
-        "@angular/core": "21.2.1"
+        "@angular/animations": "21.2.4",
+        "@angular/common": "21.2.4",
+        "@angular/core": "21.2.4"
       },
       "peerDependenciesMeta": {
         "@angular/animations": {
@@ -234,9 +234,9 @@
       }
     },
     "node_modules/@angular/router": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.2.1.tgz",
-      "integrity": "sha512-FUKG+8ImQYxmlDUdAs7+VeS/VrBNrbo0zGiKkzVNU/bbcCyroKXJLXFtkFI3qmROiJNyIta2IMBCHJvIjLIMig==",
+      "version": "21.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.2.4.tgz",
+      "integrity": "sha512-OjWze4XT8i2MThcBXMv7ru1k6/5L6QYZbcXuseqimFCHm2avEJ+mXPovY066fMBZJhqbXdjB82OhHAWkIHjglQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -246,9 +246,9 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "21.2.1",
-        "@angular/core": "21.2.1",
-        "@angular/platform-browser": "21.2.1",
+        "@angular/common": "21.2.4",
+        "@angular/core": "21.2.4",
+        "@angular/platform-browser": "21.2.4",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
@@ -570,9 +570,9 @@
       }
     },
     "node_modules/@laserfiche/lf-api-client-core": {
-      "version": "1.1.18",
-      "resolved": "https://registry.npmjs.org/@laserfiche/lf-api-client-core/-/lf-api-client-core-1.1.18.tgz",
-      "integrity": "sha512-kR2RNy4wX0vpIojvbjNUqw6DV0FxyeTlIU2Paq7Uk9dOjw50TUYrLEPVAGknwrAou+AJUSm5VHtbwHZeW7BTAA==",
+      "version": "1.1.19",
+      "resolved": "https://registry.npmjs.org/@laserfiche/lf-api-client-core/-/lf-api-client-core-1.1.19.tgz",
+      "integrity": "sha512-qJw9mUfx7lakxp0f7r55g2Sa6wCUpfsapU5VhEHuoaokWp4uKsIU3Z5ZSYvqtO/qX2EVnOUDbePofYX8ncbR3g==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -629,9 +629,9 @@
       }
     },
     "node_modules/baseline-browser-mapping": {
-      "version": "2.10.0",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.0.tgz",
-      "integrity": "sha512-lIyg0szRfYbiy67j9KN8IyeD7q7hcmqnJ1ddWmNt19ItGpNN64mnllmxUNFIOdOm6by97jlL6wfpTTJrmnjWAA==",
+      "version": "2.10.8",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.8.tgz",
+      "integrity": "sha512-PCLz/LXGBsNTErbtB6i5u4eLpHeMfi93aUv5duMmj6caNu6IphS4q6UevDnL36sZQv9lrP11dbPKGMaXPwMKfQ==",
       "license": "Apache-2.0",
       "peer": true,
       "bin": {
@@ -676,9 +676,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001777",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001777.tgz",
-      "integrity": "sha512-tmN+fJxroPndC74efCdp12j+0rk0RHwV5Jwa1zWaFVyw2ZxAuPeG8ZgWC3Wz7uSjT3qMRQ5XHZ4COgQmsCMJAQ==",
+      "version": "1.0.30001779",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001779.tgz",
+      "integrity": "sha512-U5og2PN7V4DMgF50YPNtnZJGWVLFjjsN3zb6uMT5VGYIewieDj1upwfuVNXf4Kor+89c3iCRJnSzMD5LmTvsfA==",
       "funding": [
         {
           "type": "opencollective",
@@ -764,9 +764,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.307",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.307.tgz",
-      "integrity": "sha512-5z3uFKBWjiNR44nFcYdkcXjKMbg5KXNdciu7mhTPo9tB7NbqSNP2sSnGR+fqknZSCwKkBN+oxiiajWs4dT6ORg==",
+      "version": "1.5.313",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.313.tgz",
+      "integrity": "sha512-QBMrTWEf00GXZmJyx2lbYD45jpI3TUFnNIzJ5BBc8piGUDwMPa1GV6HJWTZVvY/eiN3fSopl7NRbgGp9sZ9LTA==",
       "license": "ISC",
       "peer": true
     },
diff --git a/projects/ui-components/package.json b/projects/ui-components/package.json
index b2849a2c..cfc396ba 100644
--- a/projects/ui-components/package.json
+++ b/projects/ui-components/package.json
@@ -7,18 +7,18 @@
     "url": "https://github.com/Laserfiche/lf-ui-components"
   },
   "peerDependencies": {
-    "@angular/animations": "^21.2.1",
-    "@angular/cdk": "^21.2.1",
-    "@angular/common": "^21.2.1",
-    "@angular/compiler": "^21.2.1",
-    "@angular/compiler-cli": "^21.2.1",
-    "@angular/core": "^21.2.1",
-    "@angular/elements": "^21.2.1",
-    "@angular/forms": "^21.2.1",
-    "@angular/material": "^21.2.1",
-    "@angular/platform-browser": "^21.2.1",
-    "@angular/router": "^21.2.1",
-    "@laserfiche/lf-api-client-core": "^1.1.18",
+    "@angular/animations": "^21.2.4",
+    "@angular/cdk": "^21.2.2",
+    "@angular/common": "^21.2.4",
+    "@angular/compiler": "^21.2.4",
+    "@angular/compiler-cli": "^21.2.4",
+    "@angular/core": "^21.2.4",
+    "@angular/elements": "^21.2.4",
+    "@angular/forms": "^21.2.4",
+    "@angular/material": "^21.2.2",
+    "@angular/platform-browser": "^21.2.4",
+    "@angular/router": "^21.2.4",
+    "@laserfiche/lf-api-client-core": "^1.1.19",
     "@laserfiche/lf-js-utils": "^4.0.13",
     "@laserfiche/lf-resource-library": "^5.0.3",
     "ngx-mask": "^21.0.1",

From 296dfbd1d15e1ba6adbd227bcd965a13466db774 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Mon, 16 Mar 2026 14:32:33 +0200
Subject: [PATCH 18/43] Migrate elementRef usages

---
 .../lf-field-add-remove.component.html        |  3 +-
 .../lf-field-add-remove.component.ts          | 13 ++--
 .../lf-field-adhoc-container.component.html   |  2 +-
 .../lf-field-adhoc-container.component.ts     | 11 ++--
 .../lf-field-template-container.component.ts  |  7 +-
 .../lf-selection-list.component.spec.ts       |  2 +-
 .../feedback-image-upload.component.html      |  4 +-
 .../feedback-image-upload.component.spec.ts   |  2 -
 .../feedback-image-upload.component.ts        | 65 +++++++++++--------
 .../lf-breadcrumbs.component.html             |  2 +-
 .../lf-breadcrumbs.component.ts               |  9 +--
 11 files changed, 66 insertions(+), 54 deletions(-)

diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.html b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.html
index 45e341bd..71944285 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.html
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.html
@@ -5,7 +5,7 @@
   <div id="adhoc-back-button" class="back-button-overlay">
     <button class="adhoc-back-button-container" (click)="onClickBack()" >
       <span class="material-icons adhoc-back-button" id="arrow-left-18" aria-label="back"> arrow_back_ios_new </span>
-    </button>    
+    </button>
     <div class="ms-font-m back-button-text">{{ ADD_REMOVE_FIELDS | async }}</div>
   </div>
   <div class="add-remove-content">
@@ -18,7 +18,6 @@
         <div class="field-picker-container" [ngClass]="{ 'has-changes': areCheckboxChanges }">
           <div class="search">
             <input
-              [value]="fieldFilterText"
               [formControl]="filterFieldsControl"
               placeholder="{{ SEARCH_FIELDS | async }}"
               class="searchBox"
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.ts b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.ts
index e81850fa..a9498aab 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.ts
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.ts
@@ -39,11 +39,11 @@ export enum AddRemoveState {
     standalone: true,
     imports: [CommonModule, ReactiveFormsModule, A11yModule, ScrollingModule, MatCheckboxModule, LfLoaderComponent, LfPopupModalComponent, GetFieldTypePipe]
 })
-export class LfFieldAddRemoveComponent implements AfterViewInit {
-  private adHocConnectorService = inject(AdhocFieldConnectorService);
-  ref = inject(ChangeDetectorRef);
-  popupDialog = inject(MatDialog);
-  private localizationService = inject(AppLocalizationService);
+export class LfFieldAddRemoveComponent implements AfterViewInit {
+  private adHocConnectorService = inject(AdhocFieldConnectorService);
+  ref = inject(ChangeDetectorRef);
+  popupDialog = inject(MatDialog);
+  private localizationService = inject(AppLocalizationService);
 
   private readonly APPLY_CHANGES = this.localizationService.getStringLaserficheObservable('APPLY_CHANGES');
   private readonly DO_YOU_WANT_TO_APPLY_YOUR_FIELD_CHANGES = this.localizationService.getStringLaserficheObservable('DO_YOU_WANT_TO_APPLY_YOUR_FIELD_CHANGES');
@@ -88,6 +88,7 @@ export class LfFieldAddRemoveComponent implements AfterViewInit {
     this.filterFieldsControl.valueChanges.pipe(debounceTime(200)).subscribe((value) => {
       this.fieldFilterText = value;
       this.filterDisplayedFields();
+      this.ref.detectChanges();
     });
   }
 
@@ -175,8 +176,10 @@ export class LfFieldAddRemoveComponent implements AfterViewInit {
   }
 
   onClearFields() {
+    this.filterFieldsControl.setValue('');
     this.fieldFilterText = '';
     this.filterDisplayedFields();
+    this.ref.detectChanges();
   }
 
   onUpdateCheckbox(changeEvent: MatCheckboxChange, field: LfFieldInfo) {
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.html b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.html
index d6ccb317..51dd8a38 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.html
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.html
@@ -7,7 +7,7 @@
       title="{{ ADD_REMOVE_FIELDS | async }}"
       id="adhoc-add-remove-button"
       class="lf-ellipsis-label sec-button lf-button adhoc-add-remove-button"
-      (click)="addRemoveFieldsAsync()"
+      (click)="addRemoveFieldsAsync(adhocPanel)"
       >
       {{ ADD_REMOVE_FIELDS | async }}
     </button>
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.ts b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.ts
index 402c358c..975448c2 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.ts
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.ts
@@ -11,7 +11,6 @@ import {
   AfterViewInit,
   EventEmitter,
   Output,
-  ElementRef,
   inject,
 } from '@angular/core';
 import { CommonModule } from '@angular/common';
@@ -47,8 +46,6 @@ export class LfFieldAdhocContainerComponent extends LfFieldContainerDirective im
 
   /** @internal */
   @ViewChild(LfFieldAddRemoveComponent) addRemoveComponent!: LfFieldAddRemoveComponent;
-  /** @internal */
-  @ViewChild('adhocPanel') adhocPanel?: ElementRef<HTMLElement>;
   @Output() dialogOpened = new EventEmitter<void>();
   @Output() dialogClosed = new EventEmitter<void>();
 
@@ -244,8 +241,8 @@ export class LfFieldAdhocContainerComponent extends LfFieldContainerDirective im
   }
 
   /** @internal */
-  async addRemoveFieldsAsync(): Promise<void> {
-    this.toggleAdhocModal(true);
+  async addRemoveFieldsAsync(adhocPanel?: HTMLElement): Promise<void> {
+    this.toggleAdhocModal(true, adhocPanel);
     await this.addRemoveComponent.initAsync(this.adhocFieldContainerService);
     const fieldDefinitions = this.adhocFieldConnectorService.getAllFieldInfos();
     this.updateTemplateFields(fieldDefinitions);
@@ -259,12 +256,12 @@ export class LfFieldAdhocContainerComponent extends LfFieldContainerDirective im
   }
 
   /** @internal */
-  private toggleAdhocModal(open: boolean) {
+  private toggleAdhocModal(open: boolean, panel?: HTMLElement) {
     this.showAdhocModal = open;
     this.metadataFieldConnectorService.setAddRemoveContainerToggled(open);
     if (open) {
       this.dialogOpened.emit();
-      setTimeout(() => this.adhocPanel?.nativeElement.focus());
+      setTimeout(() => panel?.focus());
     } else {
       this.dialogClosed.emit();
     }
diff --git a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.ts b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.ts
index d729e346..d4b10499 100644
--- a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.ts
+++ b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.ts
@@ -196,7 +196,12 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
 
   /** @internal */
   async renderFieldsAsync(fieldInfos: (TemplateFieldInfo | LfFieldInfo)[]): Promise<void> {
-    if (this.templateState === TemplateState.SHOW_TEMPLATE && this.lfFieldView) {
+    if (this.templateState === TemplateState.SHOW_TEMPLATE) {
+      this.ref.detectChanges();
+      if (!this.lfFieldView) {
+        console.warn('Fields not displayed: lfFieldView not available.');
+        return;
+      }
       const vf = this.lfFieldView.viewContainerRef;
       vf.clear();
       this.componentRefs = [];
diff --git a/projects/ui-components/lf-selection-list/lf-selection-list.component.spec.ts b/projects/ui-components/lf-selection-list/lf-selection-list.component.spec.ts
index 04529858..58b91ae9 100644
--- a/projects/ui-components/lf-selection-list/lf-selection-list.component.spec.ts
+++ b/projects/ui-components/lf-selection-list/lf-selection-list.component.spec.ts
@@ -101,7 +101,7 @@ describe('LfListComponent single select', () => {
 
   async function waitForRender() {
     fixture.autoDetectChanges();
-    await new Promise(resolve => setTimeout(resolve, 100));
+    await new Promise(resolve => setTimeout(resolve, 200));
     await fixture.whenStable();
   }
 
diff --git a/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.html b/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.html
index 0645e211..1b7b9daf 100644
--- a/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.html
+++ b/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.html
@@ -18,7 +18,7 @@
           <div id="file-upload-area">
             <span id="upload-icon" class="material-icons"> file_upload </span>
             <label for="uploadFile">
-              <button class="sec-button lf-button" (click)="onInputClickArea()">{{ localizedStrings.BROWSE }}</button>
+              <button class="sec-button lf-button" (click)="onInputClickArea(uploadFile)">{{ localizedStrings.BROWSE }}</button>
             </label>
             <div class="file-upload-sub-text lf-text-body">{{ localizedStrings.OR }}</div>
             <div class="file-upload-sub-text lf-text-body">{{ localizedStrings.DRAG_DROP_FILE }}</div>
@@ -32,7 +32,7 @@
               <div id="uploaded-file-name" class="lf-text-body" title="{{ imageUploaded?.name }}">
                 {{ imageUploaded?.name }}
               </div>
-              <button class="lf-close-button" title="{{ localizedStrings.REMOVE }}" (click)="removeImage()">
+              <button class="lf-close-button" title="{{ localizedStrings.REMOVE }}" (click)="removeImage(uploadFile)">
                 <span class="material-icons-outlined"> close </span>
               </button>
           </div>
diff --git a/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.spec.ts b/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.spec.ts
index f310fac3..9b1acce9 100644
--- a/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.spec.ts
+++ b/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.spec.ts
@@ -163,8 +163,6 @@ describe('FeedbackImageUploadComponent', () => {
     // Assert
     expect(component.imageUploaded).toBeUndefined();
     expect(component.feedbackImageBase64.emit).toHaveBeenCalledWith(undefined);
-    expect(component.inputFile?.nativeElement.value).toBe('');
-    expect(component.inputFile?.nativeElement.files?.length).toBe(0);
   });
 });
 
diff --git a/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.ts b/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.ts
index 4a8b6e9f..367bc7ec 100644
--- a/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.ts
+++ b/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.ts
@@ -1,27 +1,27 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { Component, ElementRef, EventEmitter, Output, ViewChild, inject } from '@angular/core';
+import { ChangeDetectorRef, Component, EventEmitter, Output, inject } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { AppLocalizationService, LfLoaderComponent } from '@laserfiche/lf-ui-components/internal-shared';
 
 /** @internal */
 @Component({
-    selector: 'lf-feedback-image-upload',
-    templateUrl: './feedback-image-upload.component.html',
-    styleUrls: ['./feedback-image-upload.component.css', '../user-feedback-dialog/user-feedback-dialog.component.css'],
-    standalone: true,
-    imports: [CommonModule, LfLoaderComponent]
+  selector: 'lf-feedback-image-upload',
+  templateUrl: './feedback-image-upload.component.html',
+  styleUrls: ['./feedback-image-upload.component.css', '../user-feedback-dialog/user-feedback-dialog.component.css'],
+  standalone: true,
+  imports: [CommonModule, LfLoaderComponent],
 })
 export class FeedbackImageUploadComponent {
   private localizationService = inject(AppLocalizationService);
+  private ref = inject(ChangeDetectorRef);
 
   @Output() imageUploadError: EventEmitter<string> = new EventEmitter<string>();
   @Output() feedbackImageBase64: EventEmitter<string | undefined> = new EventEmitter<string | undefined>();
 
-  @ViewChild('uploadFile') inputFile?: ElementRef<HTMLInputElement>;
   showLoader: boolean = false;
-  imageUploaded?: {name: string; rawBase64: string};
+  imageUploaded?: { name: string; rawBase64: string };
   acceptedImageTypes: string = '.jpg,.jpeg,.png,.gif,.webp';
   private acceptedImageFormats: string = 'JPEG, PNG, GIF, WebP';
   private supportedImageTypeArray: string[] = this.acceptedImageTypes
@@ -35,11 +35,11 @@ export class FeedbackImageUploadComponent {
   constructor() {
     const lfKeys = ['OR', 'DRAG_DROP_FILE', 'REMOVE', 'BROWSE', 'OPTIONAL', 'UNKNOWN_ERROR'];
     for (const key of lfKeys) {
-      this.localizationService.getStringLaserficheObservable(key).subscribe(v => {
+      this.localizationService.getStringLaserficheObservable(key).subscribe((v) => {
         this.localizedStrings[key] = v as string;
       });
     }
-    this.localizationService.getStringComponentsObservable('ATTACH_IMAGE').subscribe(v => {
+    this.localizationService.getStringComponentsObservable('ATTACH_IMAGE').subscribe((v) => {
       this.localizedStrings['ATTACH_IMAGE'] = v as string;
     });
   }
@@ -64,7 +64,7 @@ export class FeedbackImageUploadComponent {
       this.imageUploadError.emit(
         this.localizationService.getResourceStringComponents('IMAGE_NOT_ATTACHED') +
           ' ' +
-          this.localizationService.getResourceStringComponents('PLEASE_ATTACH_ONLY_ONE_IMAGE')
+          this.localizationService.getResourceStringComponents('PLEASE_ATTACH_ONLY_ONE_IMAGE'),
       );
     } else {
       await this.tryReadAndValidateImageAsync(file);
@@ -78,11 +78,13 @@ export class FeedbackImageUploadComponent {
   private async tryReadAndValidateImageAsync(image: File | undefined): Promise<boolean> {
     try {
       this.showLoader = true;
+      this.ref.detectChanges();
       await this.uploadImageOrThrow(image);
     } catch (error: any) {
       this.handleImageUploadError(error);
     } finally {
       this.showLoader = false;
+      this.ref.detectChanges();
       return !!this.imageUploaded;
     }
   }
@@ -92,19 +94,21 @@ export class FeedbackImageUploadComponent {
     const encodingData = await this.getBase64Async(image as File);
     this.feedbackImageBase64.emit(encodingData);
     this.imageUploaded = {
-      name: (<File>image).name, rawBase64: encodingData
+      name: (image as File).name,
+      rawBase64: encodingData,
     };
+    this.ref.detectChanges();
   }
 
   private checkImageForErrors(image: File | undefined): void {
     if (!image) {
-      throw new Error("image does not exist");
+      throw new Error('image does not exist');
     }
     const isImageSupported = this.supportedImageTypeArray.includes(image.type);
     if (!isImageSupported) {
       throw new ImageUploadError(ImageUploadErrorType.UnsupportedFormat);
     }
-    if (image.size > this.imageSizeLimitBytes){
+    if (image.size > this.imageSizeLimitBytes) {
       throw new ImageUploadError(ImageUploadErrorType.TooLarge);
     }
   }
@@ -112,19 +116,26 @@ export class FeedbackImageUploadComponent {
   private handleImageUploadError(error: any): void {
     const errorMessage = this.getImageUploadErrorMessage(error);
     this.imageUploadError.emit(
-      this.localizationService.getResourceStringComponents('IMAGE_NOT_ATTACHED') + ' ' + errorMessage
+      this.localizationService.getResourceStringComponents('IMAGE_NOT_ATTACHED') + ' ' + errorMessage,
     );
     this.feedbackImageBase64.emit(undefined);
     this.imageUploaded = undefined;
+    this.ref.detectChanges();
   }
 
-  private getImageUploadErrorMessage(error: any): string{
+  private getImageUploadErrorMessage(error: any): string {
     if (error.name === ImageUploadError_name) {
       switch ((<ImageUploadError>error).imageUploadErrorType) {
         case ImageUploadErrorType.TooLarge:
-          return this.localizationService.getResourceStringComponents('IMAGE_EXCEEDS_MAX_FILE_SIZE_0', [`${this.megabyteLimit} MB`]);
+          return this.localizationService.getResourceStringComponents('IMAGE_EXCEEDS_MAX_FILE_SIZE_0', [
+            `${this.megabyteLimit} MB`,
+          ]);
         case ImageUploadErrorType.UnsupportedFormat:
-          return this.localizationService.getResourceStringComponents('IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT') + ' ' + this.localizationService.getResourceStringComponents('ACCEPTED_FORMATS_ARE_0', [this.acceptedImageFormats,]);
+          return (
+            this.localizationService.getResourceStringComponents('IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT') +
+            ' ' +
+            this.localizationService.getResourceStringComponents('ACCEPTED_FORMATS_ARE_0', [this.acceptedImageFormats])
+          );
         default:
           return error.message ?? this.localizedStrings.UNKNOWN_ERROR;
       }
@@ -133,12 +144,8 @@ export class FeedbackImageUploadComponent {
     }
   }
 
-  onInputClickArea(): void {
-    if (!this.inputFile) {
-      console.warn('Input Element unexpectedly does not exist.');
-      return;
-    }
-    this.inputFile.nativeElement.click();
+  onInputClickArea(fileInput: HTMLInputElement): void {
+    fileInput.click();
   }
 
   async onFileSelectedAsync(event: InputEvent): Promise<void> {
@@ -174,9 +181,12 @@ export class FeedbackImageUploadComponent {
     });
   }
 
-  removeImage(): void {
+  removeImage(fileInput?: HTMLInputElement): void {
     this.imageUploaded = undefined;
     this.feedbackImageBase64.emit(undefined);
+    if (fileInput) {
+      fileInput.value = '';
+    }
   }
 }
 
@@ -191,7 +201,10 @@ const ImageUploadError_name = 'ImageUploadError';
 /** @internal */
 class ImageUploadError extends Error {
   name = ImageUploadError_name;
-  constructor(public imageUploadErrorType: ImageUploadErrorType, message?: string) {
+  constructor(
+    public imageUploadErrorType: ImageUploadErrorType,
+    message?: string,
+  ) {
     super(message ?? imageUploadErrorType.toString());
   }
 }
diff --git a/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.html b/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.html
index 223b3f0a..9cc44df4 100644
--- a/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.html
+++ b/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.html
@@ -15,7 +15,7 @@
         </mat-button-toggle>
         @if (breadcrumbs?.length > 2) {
           <mat-button-toggle class="breadcrumb-select breadcrumb-split-button"
-            value="breadcrumbDropdownMenu" (change)="onDropdownMenuSelected()" tabindex="-1">
+            value="breadcrumbDropdownMenu" (change)="onDropdownMenuSelected(dropdownMenuButton)" tabindex="-1">
             <button #dropdownMenuButton mat-icon-button [matMenuTriggerFor]="breadcrumbDropdownMenu"
               (click)="$event.stopPropagation()" tabindex="0">
               <span class="material-icons breadcrumb-split-button-icon">
diff --git a/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.ts b/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.ts
index 48ab4440..32e60ccd 100644
--- a/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.ts
+++ b/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.ts
@@ -1,7 +1,7 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MatMenuModule } from '@angular/material/menu';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
@@ -23,9 +23,6 @@ export class LfBreadcrumbsComponent {
     breadcrumbs: LfBreadcrumb[];
   }>();
 
-  /** @internal */
-  @ViewChild('dropdownMenuButton') dropdownMenuButton!: ElementRef<HTMLButtonElement>;
-
   /** @internal */
   constructor() { }
 
@@ -47,7 +44,7 @@ export class LfBreadcrumbsComponent {
   }
 
   /** @internal */
-  onDropdownMenuSelected() {
-    setTimeout(() => this.dropdownMenuButton.nativeElement.focus());
+  onDropdownMenuSelected(button: HTMLButtonElement) {
+    setTimeout(() => button.focus());
   }
 }

From 8dce0bc34ee7c042c6d762a05f7aaa5957f1f83d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Mon, 16 Mar 2026 14:42:00 +0200
Subject: [PATCH 19/43] Update documentation regarding new zoneless
 architecture

---
 .../lf-documentation/src/app/app.component.ts |   1 +
 .../lf-documentation/src/app/app.config.ts    |   3 +
 ...xample-npm-usage-in-angular.component.html |  57 +++--
 .../example-usage-in-angular.component.html   |  30 +--
 .../getting-started.component.html            |  23 +-
 ...igrate-modules-to-standalone.component.css |   0
 ...grate-modules-to-standalone.component.html | 229 ++++++++++++++++++
 ...te-modules-to-standalone.component.spec.ts |  28 +++
 ...migrate-modules-to-standalone.component.ts |  17 ++
 types-lf-ui-components-publish/README.md      |   2 +-
 10 files changed, 341 insertions(+), 49 deletions(-)
 create mode 100644 projects/lf-documentation/src/app/migrate-modules-to-standalone/migrate-modules-to-standalone.component.css
 create mode 100644 projects/lf-documentation/src/app/migrate-modules-to-standalone/migrate-modules-to-standalone.component.html
 create mode 100644 projects/lf-documentation/src/app/migrate-modules-to-standalone/migrate-modules-to-standalone.component.spec.ts
 create mode 100644 projects/lf-documentation/src/app/migrate-modules-to-standalone/migrate-modules-to-standalone.component.ts

diff --git a/projects/lf-documentation/src/app/app.component.ts b/projects/lf-documentation/src/app/app.component.ts
index bf3c7d92..70eea281 100644
--- a/projects/lf-documentation/src/app/app.component.ts
+++ b/projects/lf-documentation/src/app/app.component.ts
@@ -69,6 +69,7 @@ const TREE_DATA: ComponentNode[] = [
     children: [
       { name: 'Troubleshooting', routerLink: RouterLinks.TROUBLESHOOTING },
       { name: 'Converting Angular Component to Element', routerLink: RouterLinks.CONVERT_COMPONENT },
+      { name: 'Migrating from Modules to Standalone', routerLink: RouterLinks.MIGRATE_MODULES_TO_STANDALONE },
     ],
   },
   {
diff --git a/projects/lf-documentation/src/app/app.config.ts b/projects/lf-documentation/src/app/app.config.ts
index 8aed9233..0f94fb9d 100644
--- a/projects/lf-documentation/src/app/app.config.ts
+++ b/projects/lf-documentation/src/app/app.config.ts
@@ -24,6 +24,7 @@ import { ExampleUsageInAngularComponent } from './example-usage-in-angular/examp
 import { ExampleUsageInReactComponent } from './example-usage-in-react/example-usage-in-react.component';
 import { ExampleUsageInHtmlComponent } from './example-usage-in-html/example-usage-in-html.component';
 import { LfRepositoryBrowserDocumentationComponent } from './lf-repository-browser-documentation/lf-repository-browser-documentation.component';
+import { MigrateModulesToStandaloneComponent } from './migrate-modules-to-standalone/migrate-modules-to-standalone.component';
 import { Routes } from '@angular/router';
 
 export enum RouterLinks {
@@ -36,6 +37,7 @@ export enum RouterLinks {
   STYLING = 'styling',
   TROUBLESHOOTING = 'troubleshooting',
   CONVERT_COMPONENT = 'convert-component',
+  MIGRATE_MODULES_TO_STANDALONE = 'migrate-modules-to-standalone',
   RELEASE_NOTES = 'release-notes',
   LF_BREADCRUMBS = 'lf-breadcrumbs',
   LF_CHECKLIST = 'lf-checklist',
@@ -68,6 +70,7 @@ const routes: Routes = [
   { path: RouterLinks.OVERVIEW, component: OverviewComponent },
   { path: RouterLinks.CONVERT_COMPONENT, component: ConvertComponentToElementComponent },
   { path: RouterLinks.TROUBLESHOOTING, component: TroubleshootingComponent },
+  { path: RouterLinks.MIGRATE_MODULES_TO_STANDALONE, component: MigrateModulesToStandaloneComponent },
   { path: RouterLinks.LF_REPOSITORY_BROWSER, component: LfRepositoryBrowserDocumentationComponent },
   { path: '', component: OverviewComponent },
 ];
diff --git a/projects/lf-documentation/src/app/example-npm-usage-in-angular/example-npm-usage-in-angular.component.html b/projects/lf-documentation/src/app/example-npm-usage-in-angular/example-npm-usage-in-angular.component.html
index 6d306547..45ed0331 100644
--- a/projects/lf-documentation/src/app/example-npm-usage-in-angular/example-npm-usage-in-angular.component.html
+++ b/projects/lf-documentation/src/app/example-npm-usage-in-angular/example-npm-usage-in-angular.component.html
@@ -15,19 +15,15 @@ <h3 id="npm-example">Example: <code>lf-checklist</code></h3>
     </p>
   </li>
   <li>
-    <p class="documentation-text">Inside <code>./app.module.ts</code>, import the Angular modules.</p>
+    <p class="documentation-text">Import the standalone component directly in your component's <code>imports</code> array. No NgModules are needed &mdash; all components are standalone and zoneless.</p>
     <pre class="code-container">
-<span class="code-ts-import">import</span> &#123; NgModule &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;angular/core'</span>;
-<span class="code-ts-import">import</span> &#123; LfChecklistModule &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;laserfiche/lf-ui-components/lf-checklist'</span>;
-&#64;NgModule(&#123;
-  <span class="code-ts-key-name">declarations:</span> [
-    AppComponent,
-    ...
-  ],
-  <span class="code-ts-key-name">imports: </span>[
-    LfChecklistModule,
-    BrowserAnimationsModule
-  ]
+<span class="code-ts-import">import</span> &#123; LfChecklistComponent &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;laserfiche/lf-ui-components/lf-checklist'</span>;
+
+&#64;Component(&#123;
+  <span class="code-ts-key-name">selector</span>: 'app-attachments',
+  <span class="code-ts-key-name">standalone</span>: true,
+  <span class="code-ts-key-name">imports</span>: [LfChecklistComponent],
+  <span class="code-ts-key-name">templateUrl</span>: './attachments.component.html',
 &#125;)
       </pre>
   </li>
@@ -46,32 +42,34 @@ <h3 id="npm-example">Example: <code>lf-checklist</code></h3>
     Use <code>lf-checklist</code>.
 
     <pre class="code-container">
-<span class="code-ts-import">import</span> &#123; AfterViewInit, Component, ViewChild, ElementRef &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;angular/core'</span>;
-<span class="code-ts-comment">// we can directly import types from the NPM package</span>
+<span class="code-ts-import">import</span> &#123; AfterViewInit, Component, ViewChild &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;angular/core'</span>;
+<span class="code-ts-comment">// we can directly import types and components from the NPM package</span>
 <span class="code-ts-import">import</span> &#123; Checklist, LfChecklistComponent, LfChecklistService &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;laserfiche/lf-ui-components/lf-checklist'</span><span class="pl-kos">;</span>
 
 &#64;Component(&#123;
   <span class="code-ts-key-name">selector</span>: 'app-attachments',
+  <span class="code-ts-key-name">standalone</span>: true,
+  <span class="code-ts-key-name">imports</span>: [LfChecklistComponent],
   <span class="code-ts-key-name">templateUrl</span>:  './attachments.component.html',
   <span class="code-ts-key-name">styleUrls</span>: ['./attachments.component.css'],
 &#125;)
 
 <span class="code-ts-import">export class</span> ExampleApp <span class="code-ts-import">implements</span> AfterViewInit &#123;
 
-  <span class="code-ts-comment">// allows access to the LfChecklistElement in the html above, available starting in ngAfterViewInit hook</span>
-  &#64;ViewChild('myChecklist') <span class="code-ts-key-name">checklist!</span>: ElementRef&lt;LfChecklistComponent>;
+  <span class="code-ts-comment">// allows access to the LfChecklistComponent in the html above, available starting in ngAfterViewInit hook</span>
+  &#64;ViewChild('myChecklist') <span class="code-ts-key-name">checklist!</span>: LfChecklistComponent;
 
-  <span class="code-ts-comment">// type Checklist is the type of the custom element imported from the NPM package</span>
+  <span class="code-ts-comment">// type Checklist is the type imported from the NPM package</span>
   <span class="code-ts-key-name">currentChecklist: Checklist[];</span>
 
-  <span class="code-ts-comment">// events for the elements are received as CustomEvents </span>
-  <span class="code-ts-function">onChecklistChanged</span>(event: CustomEvent&lt;Checklist>) &#123;
-    <span class="code-ts-import">const</span> checklist = event.<span class="code-ts-key-name">detail</span>;   <span class="code-ts-comment"> // data will be stored in the detail property</span>
+  <span class="code-ts-comment">// events for the components are received as EventEmitters</span>
+  <span class="code-ts-function">onChecklistChanged</span>(checklist: Checklist) &#123;
+    <span class="code-ts-comment">// data is passed directly</span>
   &#125;
 
   <span class="code-ts-function">ngAfterViewInit()</span> &#123;
-    <span class="code-ts-comment">// the element's view is initialized after ngAfterViewInit</span>
-    this.<span class="code-ts-key-name">checklist.nativeElement</span>.<span class="code-ts-function">initAsync</span>(...)
+    <span class="code-ts-comment">// the component's view is initialized after ngAfterViewInit</span>
+    this.<span class="code-ts-key-name">checklist</span>.<span class="code-ts-function">initAsync</span>(...)
   &#125;
 &#125;
         </pre>
@@ -86,33 +84,34 @@ <h3>Secondary Entry Points</h3>
   <li>
     <code class="code"><b>&#64;laserfiche/lf-ui-components/lf-checklist</b></code>
     <span class="documentation-text">
-      contains <code>LfChecklistModule</code> that you can import to use <code>&lt;lf-checklist></code>.</span
+      contains <code>LfChecklistComponent</code> to use <code>&lt;lf-checklist-component></code>.</span
     >
   </li>
   <li>
     <code><b>&#64;laserfiche/lf-ui-components/lf-login</b></code
     ><span class="documentation-text">
-      contains <code>LfLoginModule</code> that you can import to use <code>&lt;lf-login></code>.</span
+      contains <code>LfLoginComponent</code> to use <code>&lt;lf-login-component></code>.</span
     >
   </li>
   <li>
     <code><b>&#64;laserfiche/lf-ui-components/lf-metadata</b></code
     ><span class="documentation-text">
-      contains <code>LfMetadataModule</code> that you can import to use <code>&lt;lf-field-container></code>,
-      <code>&lt;lf-field-adhoc-container></code>, and <code>&lt;lf-field-template-container></code>.</span
+      contains <code>LfFieldContainerComponent</code>, <code>LfFieldAdhocContainerComponent</code>,
+      and <code>LfFieldTemplateContainerComponent</code> to use <code>&lt;lf-field-container-component></code>,
+      <code>&lt;lf-field-adhoc-container-component></code>, and <code>&lt;lf-field-template-container-component></code>.</span
     >
   </li>
   <li>
     <code><b>&#64;laserfiche/lf-ui-components/lf-user-feedback</b></code
     ><span class="documentation-text">
-      contains <code>LfUserFeedbackModule</code> that you can import to use <code>&lt;lf-user-feedback></code>.</span
+      contains <code>LfUserFeedbackComponent</code> to use <code>&lt;lf-user-feedback-component></code>.</span
     >
   </li>
   <li>
     <code><b>&#64;laserfiche/lf-ui-components/lf-repository-browser</b></code
     ><span class="documentation-text">
-      contains <code>LfRepositoryBrowserModule</code> that you can import to use
-      <code>&lt;lf-repository-browser&gt;. </code></span
+      contains <code>LfRepositoryBrowserComponent</code> to use
+      <code>&lt;lf-repository-browser-component&gt;</code>.</span
     >
   </li>
 </ul>
diff --git a/projects/lf-documentation/src/app/example-usage-in-angular/example-usage-in-angular.component.html b/projects/lf-documentation/src/app/example-usage-in-angular/example-usage-in-angular.component.html
index 6b60a214..7f455665 100644
--- a/projects/lf-documentation/src/app/example-usage-in-angular/example-usage-in-angular.component.html
+++ b/projects/lf-documentation/src/app/example-usage-in-angular/example-usage-in-angular.component.html
@@ -13,20 +13,17 @@ <h3 id="cdn-example-angular"> Example: <code>lf-checklist</code></h3>
   </li>
 <li>
     <p>
-      Inside <code>./app.module.ts</code>, add <code>CUSTOM_ELEMENTS_SCHEMA</code> to &#64;NgModule.schemas. This allows you to use custom non-Angular components in your Angular application.
+      Since the CDN provides custom elements, add <code>CUSTOM_ELEMENTS_SCHEMA</code> to your standalone component.
+      This allows you to use custom non-Angular elements in your Angular application.
     </p>
     <div>
       <pre class="code-container">
-<span class="code-ts-import">import</span> &#123;  NgModule, CUSTOM_ELEMENTS_SCHEMA &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;angular/core'</span>;
-&#64;NgModule(&#123;
-  <span class="code-ts-key-name">declarations:</span> [
-    AppComponent,
-    ...
-  ],
-  <span class="code-ts-key-name">imports:</span> [
-    ...
-  ],
-  <span class="code-ts-key-name">schemas</span>: [CUSTOM_ELEMENTS_SCHEMA]
+<span class="code-ts-import">import</span> &#123; Component, CUSTOM_ELEMENTS_SCHEMA &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;angular/core'</span>;
+&#64;Component(&#123;
+  <span class="code-ts-key-name">selector</span>: 'app-attachments',
+  <span class="code-ts-key-name">standalone</span>: true,
+  <span class="code-ts-key-name">schemas</span>: [CUSTOM_ELEMENTS_SCHEMA],
+  <span class="code-ts-key-name">templateUrl</span>: './attachments.component.html',
 &#125;)
       </pre>
       <div class="zeroclipboard-container position-absolute right-0 top-0">
@@ -41,12 +38,15 @@ <h3 id="cdn-example-angular"> Example: <code>lf-checklist</code></h3>
       </pre>
     <p dir="auto">In the <code>.ts</code> file,</p>
     <pre class="code-container">
-<span class="code-ts-import">import</span> &#123; AfterViewInit, Component, ViewChild, ElementRef &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;angular/core'</span>;
+<span class="code-ts-import">import</span> &#123; AfterViewInit, Component, ViewChild &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;angular/core'</span>;
 <span class="code-ts-comment">// we can directly import types from the NPM package</span>
-<span class="code-ts-import">import</span> &#123;LfChecklistComponent, Checklist &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;laserfiche/types-lf-ui-components'</span>;
+<span class="code-ts-import">import</span> &#123; LfChecklistComponent, Checklist &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;laserfiche/types-lf-ui-components'</span>;
 
 &#64;Component(&#123;
   <span class="code-ts-key-name">selector</span>: 'app-attachments',
+  <span class="code-ts-key-name">standalone</span>: true,
+  <span class="code-ts-key-name">schemas</span>: [CUSTOM_ELEMENTS_SCHEMA],
+  <span class="code-ts-key-name">imports</span>: [LfChecklistComponent],
   <span class="code-ts-key-name">templateUrl</span>:  './attachments.component.html',
   <span class="code-ts-key-name">styleUrls</span>: ['./attachments.component.css'],
 &#125;)
@@ -54,7 +54,7 @@ <h3 id="cdn-example-angular"> Example: <code>lf-checklist</code></h3>
 <span class="code-ts-import">export class</span> ExampleApp <span class="code-ts-import">implements</span> AfterViewInit &#123;
 
   <span class="code-ts-comment">// allows access to the LfChecklistElement in the html above, available starting in ngAfterViewInit hook</span>
-  &#64;ViewChild('myChecklist') <span class="code-ts-key-name">checklist!</span>: ElementRef&lt;LfChecklistComponent>;
+  &#64;ViewChild('myChecklist') <span class="code-ts-key-name">checklist!</span>: LfChecklistComponent;
 
   <span class="code-ts-comment">// type Checklist is the type of the custom element imported from the NPM package</span>
   <span class="code-ts-key-name">currentChecklist: Checklist[];</span>
@@ -66,7 +66,7 @@ <h3 id="cdn-example-angular"> Example: <code>lf-checklist</code></h3>
 
   <span class="code-ts-function">ngAfterViewInit()</span> &#123;
     <span class="code-ts-comment">// the element's view is initialized after ngAfterViewInit</span>
-    this.<span class="code-ts-key-name">checklist.nativeElement</span>.<span class="code-ts-function">initAsync</span>(...);
+    this.<span class="code-ts-key-name">checklist</span>.<span class="code-ts-function">initAsync</span>(...);
   &#125;
 &#125;
     </pre>
diff --git a/projects/lf-documentation/src/app/getting-started/getting-started.component.html b/projects/lf-documentation/src/app/getting-started/getting-started.component.html
index 33fcbaac..abc088ad 100644
--- a/projects/lf-documentation/src/app/getting-started/getting-started.component.html
+++ b/projects/lf-documentation/src/app/getting-started/getting-started.component.html
@@ -105,13 +105,28 @@ <h2 id="npm-usage">Using Via NPM</h2>
       <br /><br />
     </p>
     <p class="documentation-text">
-      This installs Angular components. You can use the strictly Angular components or the Angular elements by importing
-      the relevant module into your app.module.ts.
+      This installs standalone Angular components. All components are zoneless and standalone — no NgModules are needed.
+      Simply import the component directly in your standalone component's <code>imports</code> array.
     </p>
     <p class="documentation-text">
-      For example to use <code>&lt;lf-repository-browser&gt;</code> or <code>&lt;lf-repository-browser-component&gt;</code> you would do <br />
-      <code class="code-container">import &#123;LfRepositoryBrowserModule&#125; from '&#64;laserfiche/lf-ui-components/lf-repository-browser'</code>;
+      For example to use <code>&lt;lf-repository-browser-component&gt;</code> you would do <br />
+      <code class="code-container">import &#123;LfRepositoryBrowserComponent&#125; from '&#64;laserfiche/lf-ui-components/lf-repository-browser'</code>;
     </p>
+    <p class="documentation-text">
+      Then add it to your component's imports:
+    </p>
+    <pre class="code-container">
+<span class="code-ts-import">import</span> &#123; Component &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;angular/core'</span>;
+<span class="code-ts-import">import</span> &#123; LfRepositoryBrowserComponent &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;laserfiche/lf-ui-components/lf-repository-browser'</span>;
+
+&#64;Component(&#123;
+  <span class="code-ts-key-name">selector</span>: 'app-example',
+  <span class="code-ts-key-name">standalone</span>: true,
+  <span class="code-ts-key-name">imports</span>: [LfRepositoryBrowserComponent],
+  <span class="code-ts-key-name">template</span>: '&lt;lf-repository-browser-component /&gt;',
+&#125;)
+<span class="code-ts-import">export class</span> ExampleComponent &#123; &#125;
+    </pre>
   </li>
   <li>
     To use in a non-angular project:
diff --git a/projects/lf-documentation/src/app/migrate-modules-to-standalone/migrate-modules-to-standalone.component.css b/projects/lf-documentation/src/app/migrate-modules-to-standalone/migrate-modules-to-standalone.component.css
new file mode 100644
index 00000000..e69de29b
diff --git a/projects/lf-documentation/src/app/migrate-modules-to-standalone/migrate-modules-to-standalone.component.html b/projects/lf-documentation/src/app/migrate-modules-to-standalone/migrate-modules-to-standalone.component.html
new file mode 100644
index 00000000..871bfb86
--- /dev/null
+++ b/projects/lf-documentation/src/app/migrate-modules-to-standalone/migrate-modules-to-standalone.component.html
@@ -0,0 +1,229 @@
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<p class="documentation-title">Migrating from Modules to Standalone Components</p>
+
+<p class="documentation-text">
+  Starting with the Angular 21 version, all Laserfiche UI Components are <b>standalone</b> and <b>zoneless</b>.
+  NgModules (e.g. <code>LfChecklistModule</code>, <code>LfRepositoryBrowserModule</code>) have been removed.
+  Components are now imported directly into other standalone components.
+</p>
+
+<div class="toc-container">
+  <p class="toc-container-header">Contents</p>
+  <ul>
+    <li><a href="#overview">Overview of Changes</a></li>
+    <li><a href="#step-by-step">Step-by-Step Migration</a></li>
+    <li><a href="#module-to-component">Module-to-Component Mapping</a></li>
+    <li><a href="#zoneless">Going Zoneless</a></li>
+    <li><a href="#before-after">Before &amp; After Examples</a></li>
+  </ul>
+</div>
+
+<h2 id="overview">Overview of Changes</h2>
+<ul>
+  <li class="documentation-text"><b>No more NgModules:</b> <code>LfChecklistModule</code>, <code>LfLoginModule</code>,
+    <code>LfMetadataModule</code>, <code>LfUserFeedbackModule</code>, and <code>LfRepositoryBrowserModule</code> have been removed.</li>
+  <li class="documentation-text"><b>Standalone components:</b> Import components directly (e.g. <code>LfChecklistComponent</code>)
+    into your standalone component's <code>imports</code> array.</li>
+  <li class="documentation-text"><b>Zoneless:</b> Laserfiche components no longer depend on <code>zone.js</code>.</li>
+</ul>
+
+<h2 id="step-by-step">Step-by-Step Migration</h2>
+<ol>
+  <li class="num-list">
+    <b>Remove module imports.</b>
+    <p class="documentation-text">
+      In your <code>app.module.ts</code> (or any NgModule), remove the Laserfiche module imports:
+    </p>
+    <pre class="code-container">
+<span class="code-ts-comment">// BEFORE (remove these)</span>
+<span class="code-ts-import">import</span> &#123; LfChecklistModule &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;laserfiche/lf-ui-components/lf-checklist'</span>;
+<span class="code-ts-import">import</span> &#123; LfRepositoryBrowserModule &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;laserfiche/lf-ui-components/lf-repository-browser'</span>;
+    </pre>
+  </li>
+  <li class="num-list">
+    <b>Make your components standalone.</b>
+    <p class="documentation-text">
+      Add <code>standalone: true</code> to each component that uses Laserfiche UI Components (if not already standalone).
+    </p>
+  </li>
+  <li class="num-list">
+    <b>Import the standalone component directly.</b>
+    <p class="documentation-text">
+      In each component that uses a Laserfiche component, add it to the <code>imports</code> array:
+    </p>
+    <pre class="code-container">
+<span class="code-ts-comment">// AFTER</span>
+<span class="code-ts-import">import</span> &#123; LfChecklistComponent &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;laserfiche/lf-ui-components/lf-checklist'</span>;
+
+&#64;Component(&#123;
+  <span class="code-ts-key-name">selector</span>: 'app-my-component',
+  <span class="code-ts-key-name">standalone</span>: true,
+  <span class="code-ts-key-name">imports</span>: [LfChecklistComponent],
+  <span class="code-ts-key-name">templateUrl</span>: './my-component.component.html',
+&#125;)
+<span class="code-ts-import">export class</span> MyComponent &#123; &#125;
+    </pre>
+  </li>
+  <li class="num-list">
+    <b>Update <code>ViewChild</code> references.</b>
+    <p class="documentation-text">
+      You no longer need <code>ElementRef</code> wrappers. Reference the component type directly:
+    </p>
+    <pre class="code-container">
+<span class="code-ts-comment">// BEFORE</span>
+&#64;ViewChild('myChecklist') <span class="code-ts-key-name">checklist!</span>: ElementRef&lt;LfChecklistComponent>;
+this.<span class="code-ts-key-name">checklist.nativeElement</span>.<span class="code-ts-function">initAsync</span>(...);
+
+<span class="code-ts-comment">// AFTER</span>
+&#64;ViewChild('myChecklist') <span class="code-ts-key-name">checklist!</span>: LfChecklistComponent;
+this.<span class="code-ts-key-name">checklist</span>.<span class="code-ts-function">initAsync</span>(...);
+    </pre>
+  </li>
+  <li class="num-list">
+    <b>Remove <code>app.module.ts</code> if fully standalone.</b>
+    <p class="documentation-text">
+      If all your components are standalone, replace your root NgModule with <code>bootstrapApplication()</code>:
+    </p>
+    <pre class="code-container">
+<span class="code-ts-comment">// main.ts</span>
+<span class="code-ts-import">import</span> &#123; bootstrapApplication &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;angular/platform-browser'</span>;
+<span class="code-ts-import">import</span> &#123; provideZonelessChangeDetection &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;angular/core'</span>;
+<span class="code-ts-import">import</span> &#123; provideRouter &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;angular/router'</span>;
+<span class="code-ts-import">import</span> &#123; AppComponent &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'./app/app.component'</span>;
+
+<span class="code-ts-function">bootstrapApplication</span>(AppComponent, &#123;
+  <span class="code-ts-key-name">providers</span>: [
+    <span class="code-ts-function">provideZonelessChangeDetection</span>(),
+    <span class="code-ts-function">provideRouter</span>(routes),
+  ],
+&#125;);
+    </pre>
+  </li>
+</ol>
+
+<h2 id="module-to-component">Module-to-Component Mapping</h2>
+<p class="documentation-text">
+  The following table shows the old module imports and their standalone component replacements:
+</p>
+<table>
+  <tr>
+    <th>Old Module (removed)</th>
+    <th>New Standalone Component</th>
+    <th>Entry Point</th>
+  </tr>
+  <tr>
+    <td><code>LfChecklistModule</code></td>
+    <td><code>LfChecklistComponent</code></td>
+    <td><code>&#64;laserfiche/lf-ui-components/lf-checklist</code></td>
+  </tr>
+  <tr>
+    <td><code>LfLoginModule</code></td>
+    <td><code>LfLoginComponent</code></td>
+    <td><code>&#64;laserfiche/lf-ui-components/lf-login</code></td>
+  </tr>
+  <tr>
+    <td><code>LfMetadataModule</code></td>
+    <td>
+      <code>LfFieldContainerComponent</code><br />
+      <code>LfFieldAdhocContainerComponent</code><br />
+      <code>LfFieldTemplateContainerComponent</code>
+    </td>
+    <td><code>&#64;laserfiche/lf-ui-components/lf-metadata</code></td>
+  </tr>
+  <tr>
+    <td><code>LfUserFeedbackModule</code></td>
+    <td><code>LfUserFeedbackComponent</code></td>
+    <td><code>&#64;laserfiche/lf-ui-components/lf-user-feedback</code></td>
+  </tr>
+  <tr>
+    <td><code>LfRepositoryBrowserModule</code></td>
+    <td><code>LfRepositoryBrowserComponent</code></td>
+    <td><code>&#64;laserfiche/lf-ui-components/lf-repository-browser</code></td>
+  </tr>
+</table>
+
+<h2 id="zoneless">Going Zoneless</h2>
+<p class="documentation-text">
+  Laserfiche UI Components no longer depend on <code>zone.js</code>. To adopt zoneless change detection in your app:
+</p>
+<ol>
+  <li class="num-list">
+    Replace <code>provideZoneChangeDetection()</code> with <code>provideZonelessChangeDetection()</code> in your
+    application config or bootstrap call.
+  </li>
+  <li class="num-list">
+    Remove <code>zone.js</code> from your <code>polyfills</code> in <code>angular.json</code> (if present).
+  </li>
+  <li class="num-list">
+    Uninstall <code>zone.js</code> if no other dependency requires it:
+    <pre class="code-container">npm uninstall zone.js</pre>
+  </li>
+</ol>
+<p class="documentation-text">
+  Note: Going zoneless in your own app is optional. The Laserfiche UI Components work correctly
+  whether your app uses <code>zone.js</code> or not.
+</p>
+
+<h2 id="before-after">Before &amp; After Examples</h2>
+
+<h3>Before: Module-based (old)</h3>
+<pre class="code-container">
+<span class="code-ts-comment">// app.module.ts</span>
+<span class="code-ts-import">import</span> &#123; NgModule &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;angular/core'</span>;
+<span class="code-ts-import">import</span> &#123; LfChecklistModule &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;laserfiche/lf-ui-components/lf-checklist'</span>;
+
+&#64;NgModule(&#123;
+  <span class="code-ts-key-name">declarations</span>: [AppComponent, MyComponent],
+  <span class="code-ts-key-name">imports</span>: [BrowserModule, LfChecklistModule],
+  <span class="code-ts-key-name">bootstrap</span>: [AppComponent],
+&#125;)
+<span class="code-ts-import">export class</span> AppModule &#123; &#125;
+</pre>
+
+<pre class="code-container">
+<span class="code-ts-comment">// my-component.component.ts</span>
+&#64;Component(&#123;
+  <span class="code-ts-key-name">selector</span>: 'app-my-component',
+  <span class="code-ts-key-name">template</span>: '&lt;lf-checklist #myChecklist&gt;&lt;/lf-checklist&gt;',
+&#125;)
+<span class="code-ts-import">export class</span> MyComponent &#123;
+  &#64;ViewChild('myChecklist') <span class="code-ts-key-name">checklist!</span>: ElementRef&lt;LfChecklistComponent>;
+
+  <span class="code-ts-function">ngAfterViewInit</span>() &#123;
+    this.<span class="code-ts-key-name">checklist.nativeElement</span>.<span class="code-ts-function">initAsync</span>(...);
+  &#125;
+&#125;
+</pre>
+
+<h3>After: Standalone (new)</h3>
+<pre class="code-container">
+<span class="code-ts-comment">// main.ts</span>
+<span class="code-ts-import">import</span> &#123; bootstrapApplication &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;angular/platform-browser'</span>;
+<span class="code-ts-import">import</span> &#123; provideZonelessChangeDetection &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;angular/core'</span>;
+<span class="code-ts-import">import</span> &#123; AppComponent &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'./app/app.component'</span>;
+
+<span class="code-ts-function">bootstrapApplication</span>(AppComponent, &#123;
+  <span class="code-ts-key-name">providers</span>: [<span class="code-ts-function">provideZonelessChangeDetection</span>()],
+&#125;);
+</pre>
+
+<pre class="code-container">
+<span class="code-ts-comment">// my-component.component.ts</span>
+<span class="code-ts-import">import</span> &#123; LfChecklistComponent &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;laserfiche/lf-ui-components/lf-checklist'</span>;
+
+&#64;Component(&#123;
+  <span class="code-ts-key-name">selector</span>: 'app-my-component',
+  <span class="code-ts-key-name">standalone</span>: true,
+  <span class="code-ts-key-name">imports</span>: [LfChecklistComponent],
+  <span class="code-ts-key-name">template</span>: '&lt;lf-checklist-component #myChecklist&gt;&lt;/lf-checklist-component&gt;',
+&#125;)
+<span class="code-ts-import">export class</span> MyComponent &#123;
+  &#64;ViewChild('myChecklist') <span class="code-ts-key-name">checklist!</span>: LfChecklistComponent;
+
+  <span class="code-ts-function">ngAfterViewInit</span>() &#123;
+    this.<span class="code-ts-key-name">checklist</span>.<span class="code-ts-function">initAsync</span>(...);
+  &#125;
+&#125;
+</pre>
diff --git a/projects/lf-documentation/src/app/migrate-modules-to-standalone/migrate-modules-to-standalone.component.spec.ts b/projects/lf-documentation/src/app/migrate-modules-to-standalone/migrate-modules-to-standalone.component.spec.ts
new file mode 100644
index 00000000..e8f900d9
--- /dev/null
+++ b/projects/lf-documentation/src/app/migrate-modules-to-standalone/migrate-modules-to-standalone.component.spec.ts
@@ -0,0 +1,28 @@
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MigrateModulesToStandaloneComponent } from './migrate-modules-to-standalone.component';
+
+describe('MigrateModulesToStandaloneComponent', () => {
+  let component: MigrateModulesToStandaloneComponent;
+  let fixture: ComponentFixture<MigrateModulesToStandaloneComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ MigrateModulesToStandaloneComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(MigrateModulesToStandaloneComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/lf-documentation/src/app/migrate-modules-to-standalone/migrate-modules-to-standalone.component.ts b/projects/lf-documentation/src/app/migrate-modules-to-standalone/migrate-modules-to-standalone.component.ts
new file mode 100644
index 00000000..9597dc4e
--- /dev/null
+++ b/projects/lf-documentation/src/app/migrate-modules-to-standalone/migrate-modules-to-standalone.component.ts
@@ -0,0 +1,17 @@
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component } from '@angular/core';
+
+@Component({
+    selector: 'app-migrate-modules-to-standalone',
+    templateUrl: './migrate-modules-to-standalone.component.html',
+    styleUrls: ['./migrate-modules-to-standalone.component.css', './../app.component.css'],
+    standalone: true,
+    imports: []
+})
+export class MigrateModulesToStandaloneComponent {
+
+  constructor() { }
+
+}
diff --git a/types-lf-ui-components-publish/README.md b/types-lf-ui-components-publish/README.md
index dc75399d..c01adb14 100644
--- a/types-lf-ui-components-publish/README.md
+++ b/types-lf-ui-components-publish/README.md
@@ -12,5 +12,5 @@ This is the type NPM package that contains the declaration files for lf-prefixed
 - To use the types in a typescript file:
 
    ```ts
-      import {LfChecklistComponent, Checklist} from '@laserfiche/types-lf-ui-components';  
+      import { LfChecklistComponent, Checklist } from '@laserfiche/types-lf-ui-components';
    ```

From cfee551ff4119b240dd32e0f4c16b2351c3cfaaf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Mon, 16 Mar 2026 14:42:43 +0200
Subject: [PATCH 20/43] Update CI for latest Angular 21 changes, no
 polyfill/runtime

---
 .github/workflows/main.yml | 22 ++++++---------
 .gitignore                 |  1 +
 gulpfile.js                | 58 +++++++++++---------------------------
 package.json               |  8 ++----
 vitest.config.js           |  4 +++
 5 files changed, 33 insertions(+), 60 deletions(-)

diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
index f3d13e8c..ef3daecf 100644
--- a/.github/workflows/main.yml
+++ b/.github/workflows/main.yml
@@ -37,7 +37,7 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: '24'
-      
+
       - name: Update npm
         run: npm install -g npm@latest
 
@@ -65,12 +65,6 @@ jobs:
       - name: Npm run sass-ms
         run: npm run sass-ms
 
-      - name: 'concatenate runtime.js, main.js, and polyfills.js into lf-documentation.js'
-        run: npm run concat-lf-documentation
-
-      - name: 'remove main.js, polyfills.js and runtime.js'
-        run: rm ./dist/lf-documentation/main.js ./dist/lf-documentation/polyfills.js ./dist/lf-documentation/runtime.js
-
       - name: Npm run test
         shell: pwsh
         run: npm run test:ci
@@ -80,7 +74,7 @@ jobs:
         if: always()
         with:
           name: Jest Test Results
-          path: ./**/TESTS*.xml
+          path: ./test-results.xml
           reporter: java-junit
           only-summary: 'true'
           use-actions-summary: 'true'
@@ -99,7 +93,9 @@ jobs:
         run: cp ./node_modules/@angular/material/prebuilt-themes/indigo-pink.css ./dist/ui-components/cdn/indigo-pink.css
 
       - name: 'move lf-ui-components.js to ui-components/cdn'
-        run: mv lf-ui-components.js main.js.map runtime.js.map polyfills.js.map ../ui-components/cdn
+        run: |
+          mv main.js.map ../ui-components/cdn
+          mv main.js ../ui-components/cdn/lf-ui-components.js
         working-directory: ./dist/lf-cdn
 
       - name: 'Append flatpickr.min.css to lf-laserfiche-lite.css'
@@ -157,10 +153,10 @@ jobs:
         with:
           node-version: '24'
           registry-url: 'https://registry.npmjs.org'
-          
+
       - name: Update npm
         run: npm install -g npm@latest
-        
+
       - name: set NpmPackageVersion environment
         run: echo "NpmPackageVersion=${{ env.NPM_VERSION }}--preview-${{ github.run_id }}" >> $GITHUB_ENV
 
@@ -213,10 +209,10 @@ jobs:
         with:
           node-version: '24'
           registry-url: 'https://registry.npmjs.org'
-          
+
       - name: Update npm
         run: npm install -g npm@latest
-        
+
       - name: 'copy license'
         run: |
           cp LICENSE ./types-lf-ui-components-publish
diff --git a/.gitignore b/.gitignore
index 4026a73e..64743f10 100644
--- a/.gitignore
+++ b/.gitignore
@@ -49,3 +49,4 @@ testem.log
 Thumbs.db
 **/TESTS-**.xml
 **.tgz
+test-results.xml
\ No newline at end of file
diff --git a/gulpfile.js b/gulpfile.js
index 7e789af9..f0230241 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -3,7 +3,7 @@
 
 const { src, dest } = require('gulp');
 const replace = require('gulp-replace');
-const concat = require('gulp-concat');
+const fs = require('fs');
 
 const argv = require('yargs')(process.argv.slice(2))
   .parserConfiguration({
@@ -18,7 +18,6 @@ const RUNTIME = 'runtime.js';
 const REMAINING_INDEX_SCRIPT_TAGS = '<script src="polyfills.js" type="module"></script><script src="main.js" type="module"></script>';
 const BUILD_NUMBER = 'PIPELINE_VERSION';
 const NPM_VERSION = 'NPM_VERSION';
-const LF_DOCUMENTATION = 'lf-documentation.js'
 const TYPE_FILE_PATH = './types-lf-ui-components-publish/index.d.ts';
 const TYPES_IMPORTS = /import.*/g;
 const TYPES_EXPORTS = /export.*{.*}.*/g;
@@ -27,18 +26,12 @@ const TYPES_CUSTOMEVENT = 'CustomEvent';
 const TYPES_IMPLEMENTS = /implements.*{/g;
 const TYPES_NO_IMPLEMENTS = '{';
 const NPM_PUBLISH = './types-lf-ui-components-publish/';
+const LF_CDN_BROWSER_DIR = './dist/lf-cdn/browser/';
 const LF_CDN_MAINJS_FILEPATH = './dist/lf-cdn/browser/main.js';
-const LF_CDN_POLYFILLSJS_FILEPATH = './dist/lf-cdn/browser/polyfills.js';
-const LF_DOCUMENTATION_MAINJS_FILEPATH = './dist/lf-documentation/browser/main.js';
-const LF_DOCUMENTATION_POLYFILLSJS_FILEPATH = './dist/lf-documentation/browser/polyfills.js';
-const OLD_WEBPACK_CHUNK_NAME = 'webpackChunklf_ui_components';
-const NEW_WEBPACK_CHUNK_NAME = 'webpackChunklf_components_ui';
-const SCRIPT_DEST = './dist/lf-cdn/browser';
-const DOCUMENTATION_SCRIPT_DEST = './dist/lf-documentation/browser';
-const SCRIPT_FILE = 'lf-ui-components.js';
-const DOCUMENTATION_SCRIPT_FILE = 'lf-documentation.js';
-const SOURCEMAP_MAIN_URL = '//# sourceMappingURL=main.js.map';
-const SOURCEMAP_POLYFILLS_URL = '//# sourceMappingURL=polyfills.js.map';
+const MAIN_SCRIPT_FILE = 'main.js';
+const MAIN_SCRIPT_MAP_FILE = 'main.js.map';
+const CDN_UI_COMPONENTS_FILE = 'lf-ui-components.js';
+const CDN_UI_COMPONENTS_MAP_FILE = 'lf-ui-components.js.map';
 const COMPILED_GETTING_STARTED_FILE_PATH = './dist/lf-documentation/browser/lf-documentation.js';
 const BUILT_INDEX_HTML_FILEPATH = './dist/lf-documentation/browser/index.html';
 const OLD_LF_STYLE_SHEET_PATH = './lf-laserfiche-lite.css';
@@ -48,7 +41,7 @@ const NEW_MS_OFFICE_STYLE_SHEET_PATH = 'https://lfxstatic.com/npm/@laserfiche/lf
 
 async function replaceScriptsInIndexHtml(){
   src(INDEX_HTML_FILEPATH, {base: './'})
-      .pipe(replace(RUNTIME, LF_DOCUMENTATION))
+      .pipe(replace(RUNTIME, MAIN_SCRIPT_FILE))
       .pipe(replace(REMAINING_INDEX_SCRIPT_TAGS, ''))
       .pipe(dest('./'));
 };
@@ -78,18 +71,6 @@ function getNpmVersion() {
   return npmVersion;
 }
 
-async function renameMainWebpackChunk(){
-  src(LF_CDN_MAINJS_FILEPATH, {base: './', allowEmpty: true})
-      .pipe(replace(OLD_WEBPACK_CHUNK_NAME, NEW_WEBPACK_CHUNK_NAME))
-      .pipe(dest('./'));
-}
-
-async function renamePolyfillsWebpackChunk(){
-  src(LF_CDN_POLYFILLSJS_FILEPATH, {base: './', allowEmpty: true})
-      .pipe(replace(OLD_WEBPACK_CHUNK_NAME, NEW_WEBPACK_CHUNK_NAME))
-      .pipe(dest('./'));
-}
-
 async function processTypesFile() {
   src([TYPE_FILE_PATH])
   .pipe(replace(TYPES_IMPORTS, ''))
@@ -99,26 +80,21 @@ async function processTypesFile() {
   .pipe(dest(NPM_PUBLISH));
 }
 
-async function concatLfCdnToScript() {
-  src([LF_CDN_MAINJS_FILEPATH, LF_CDN_POLYFILLSJS_FILEPATH])
-  .pipe(concat(SCRIPT_FILE))
-  .pipe(replace(SOURCEMAP_POLYFILLS_URL,SOURCEMAP_MAIN_URL))
-  .pipe(dest(SCRIPT_DEST))
-}
+async function renameLfCdn() {
+  const mainJsPath = LF_CDN_BROWSER_DIR + MAIN_SCRIPT_FILE;
+  const mainJsMapPath = LF_CDN_BROWSER_DIR + MAIN_SCRIPT_MAP_FILE;
+  const cdnJsPath = LF_CDN_BROWSER_DIR + CDN_UI_COMPONENTS_FILE;
+  const cdnJsMapPath = LF_CDN_BROWSER_DIR + CDN_UI_COMPONENTS_MAP_FILE;
 
-async function concatLfDocumentationToScript() {
-  src([LF_DOCUMENTATION_MAINJS_FILEPATH, LF_DOCUMENTATION_RUNTIMEJS_FILEPATH, LF_DOCUMENTATION_POLYFILLSJS_FILEPATH])
-  .pipe(concat(DOCUMENTATION_SCRIPT_FILE))
-  .pipe(replace(SOURCEMAP_POLYFILLS_URL,SOURCEMAP_MAIN_URL))
-  .pipe(dest(DOCUMENTATION_SCRIPT_DEST))
+  const content = fs.readFileSync(mainJsPath, 'utf8');
+  fs.writeFileSync(cdnJsPath, content.replace(MAIN_SCRIPT_MAP_FILE, CDN_UI_COMPONENTS_MAP_FILE));
+  fs.unlinkSync(mainJsPath);
+  fs.renameSync(mainJsMapPath, cdnJsMapPath);
 }
 
 exports.replaceScriptsInIndexHtml = replaceScriptsInIndexHtml;
 exports.processTypesFile = processTypesFile;
 exports.replacePlaceholdersInDocumentation = replacePlaceholdersInDocumentation;
-exports.renameMainWebpackChunk = renameMainWebpackChunk;
-exports.renamePolyfillsWebpackChunk = renamePolyfillsWebpackChunk;
-exports.concatLfCdnToScript = concatLfCdnToScript;
 exports.replaceVersionInIndexHtml = replaceVersionInIndexHtml;
 exports.replaceVersionInDocumentation = replaceVersionInDocumentation;
-exports.concatLfDocumentationToScript = concatLfDocumentationToScript;
+exports.renameLfCdn = renameLfCdn;
\ No newline at end of file
diff --git a/package.json b/package.json
index 05217df5..6f61f1e5 100644
--- a/package.json
+++ b/package.json
@@ -25,10 +25,8 @@
     "api-extractor": "api-extractor run --local",
     "sass-lf": "sass projects/styles/lf-laserfiche-lite/lf-laserfiche-lite.scss:dist/lf-documentation/browser/lf-laserfiche-lite.css",
     "sass-ms": "sass projects/styles/lf-ms-office/lf-ms-office-lite.scss:dist/lf-documentation/browser/lf-ms-office-lite.css",
-    "concat-lf-cdn": "gulp concatLfCdnToScript",
-    "concat-lf-documentation": "gulp concatLfDocumentationToScript",
-    "rename-cdn-webpack-chunk": "gulp renamePolyfillsWebpackChunk && gulp renameMainWebpackChunk",
-    "create-lf-cdn": "npm run build-lf-cdn-prod && npm run rename-cdn-webpack-chunk && npm run concat-lf-cdn",
+    "rename-lf-cdn": "gulp renameLfCdn",
+    "create-lf-cdn": "npm run build-lf-cdn-prod && npm run rename-lf-cdn",
     "move-enums-to-types-linux": "cp ./dist/ui-components/esm2022/shared/enums.mjs ./types-lf-ui-components-publish/index.js",
     "move-enums-to-types-windows": "copy .\\dist\\ui-components\\esm2022\\shared\\enums.mjs .\\types-lf-ui-components-publish\\index.js",
     "move-enums-to-types": "npm run move-enums-to-types-linux || npm run move-enums-to-types-windows",
@@ -47,7 +45,6 @@
     "@stylistic/eslint-plugin": "^5.10.0",
     "@types/lodash": "^4.17.24",
     "@types/node": "^24.12.0",
-
     "@vitest/browser": "^4.1.0",
     "@vitest/browser-playwright": "^4.1.0",
     "angular-eslint": "^21.3.0",
@@ -55,7 +52,6 @@
     "eslint": "^10.0.3",
     "flatpickr": "^4.6.13",
     "gulp": "^5.0.1",
-    "gulp-concat": "^2.6.1",
     "gulp-replace": "^1.1.4",
     "ng-packagr": "^21.2.0",
     "puppeteer": "^24.39.1",
diff --git a/vitest.config.js b/vitest.config.js
index c899bc5c..d7f417d0 100644
--- a/vitest.config.js
+++ b/vitest.config.js
@@ -21,5 +21,9 @@ export default defineConfig({
             provider: playwright(),
             instances: [{ browser: 'chromium' }]
         },
+        reporters: ['default', 'junit'],
+        outputFile: {
+            junit: 'test-results.xml',
+        }
     },
 })
\ No newline at end of file

From bdc062554d3609f61346dcdab979dfaa09ea8c60 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Mon, 16 Mar 2026 14:48:19 +0200
Subject: [PATCH 21/43] Move fesm2022 types

---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 6f61f1e5..3feb1b7b 100644
--- a/package.json
+++ b/package.json
@@ -27,8 +27,8 @@
     "sass-ms": "sass projects/styles/lf-ms-office/lf-ms-office-lite.scss:dist/lf-documentation/browser/lf-ms-office-lite.css",
     "rename-lf-cdn": "gulp renameLfCdn",
     "create-lf-cdn": "npm run build-lf-cdn-prod && npm run rename-lf-cdn",
-    "move-enums-to-types-linux": "cp ./dist/ui-components/esm2022/shared/enums.mjs ./types-lf-ui-components-publish/index.js",
-    "move-enums-to-types-windows": "copy .\\dist\\ui-components\\esm2022\\shared\\enums.mjs .\\types-lf-ui-components-publish\\index.js",
+    "move-enums-to-types-linux": "cp ./dist/ui-components/fesm2022/shared/enums.mjs ./types-lf-ui-components-publish/index.js",
+    "move-enums-to-types-windows": "copy .\\dist\\ui-components\\fesm2022\\shared\\enums.mjs .\\types-lf-ui-components-publish\\index.js",
     "move-enums-to-types": "npm run move-enums-to-types-linux || npm run move-enums-to-types-windows",
     "create-types-lf-ui-components": "npm run tsc-cdn && npm run api-extractor && gulp processTypesFile && npm run move-enums-to-types && cd ./types-lf-ui-components-publish && npm pack",
     "gulp-replace-scripts-in-index-html": "gulp replaceScriptsInIndexHtml",

From b3518a2f512d5385dd5a76e18a77b0316b11bafa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Mon, 16 Mar 2026 14:58:09 +0200
Subject: [PATCH 22/43] Fix enum type building

---
 package.json | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 3feb1b7b..77c3eacd 100644
--- a/package.json
+++ b/package.json
@@ -27,10 +27,8 @@
     "sass-ms": "sass projects/styles/lf-ms-office/lf-ms-office-lite.scss:dist/lf-documentation/browser/lf-ms-office-lite.css",
     "rename-lf-cdn": "gulp renameLfCdn",
     "create-lf-cdn": "npm run build-lf-cdn-prod && npm run rename-lf-cdn",
-    "move-enums-to-types-linux": "cp ./dist/ui-components/fesm2022/shared/enums.mjs ./types-lf-ui-components-publish/index.js",
-    "move-enums-to-types-windows": "copy .\\dist\\ui-components\\fesm2022\\shared\\enums.mjs .\\types-lf-ui-components-publish\\index.js",
-    "move-enums-to-types": "npm run move-enums-to-types-linux || npm run move-enums-to-types-windows",
-    "create-types-lf-ui-components": "npm run tsc-cdn && npm run api-extractor && gulp processTypesFile && npm run move-enums-to-types && cd ./types-lf-ui-components-publish && npm pack",
+    "build-enum-types": "tsc projects/ui-components/shared/enums.ts --outDir types-lf-ui-components-publish --module es2022 --target es2022 --declaration false --skipLibCheck --moduleResolution node && node -e \"require('fs').renameSync('types-lf-ui-components-publish/enums.js','types-lf-ui-components-publish/index.js')\"",
+    "create-types-lf-ui-components": "npm run tsc-cdn && npm run api-extractor && gulp processTypesFile && npm run build-enum-types && cd ./types-lf-ui-components-publish && npm pack",
     "gulp-replace-scripts-in-index-html": "gulp replaceScriptsInIndexHtml",
     "gulp-replace-placeholders-in-documentation": "gulp replacePlaceholdersInDocumentation"
   },

From 4517f35b65963abfaa82946d2557977463e01bbd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Mon, 16 Mar 2026 15:06:05 +0200
Subject: [PATCH 23/43] Install Playwright browser for CI

---
 .github/workflows/main.yml | 3 +++
 vitest.config.js           | 5 ++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
index ef3daecf..0264c461 100644
--- a/.github/workflows/main.yml
+++ b/.github/workflows/main.yml
@@ -65,6 +65,9 @@ jobs:
       - name: Npm run sass-ms
         run: npm run sass-ms
 
+      - name: Install Playwright browser
+        run: npx playwright install chromium
+
       - name: Npm run test
         shell: pwsh
         run: npm run test:ci
diff --git a/vitest.config.js b/vitest.config.js
index d7f417d0..a3a3b802 100644
--- a/vitest.config.js
+++ b/vitest.config.js
@@ -19,7 +19,10 @@ export default defineConfig({
         browser: {
             enabled: true,
             provider: playwright(),
-            instances: [{ browser: 'chromium' }]
+            instances: [{
+                browser: 'chromium',
+                launch: { args: ['--no-sandbox'] },
+            }]
         },
         reporters: ['default', 'junit'],
         outputFile: {

From da0587f1d73604361b7151764e458a58d1a03e83 Mon Sep 17 00:00:00 2001
From: Levente Juhasz <juhasz.levente@codespring.ro>
Date: Mon, 16 Mar 2026 15:16:33 +0200
Subject: [PATCH 24/43] Initialize the login state according to the access
 token (#305)

Co-authored-by: Levente Juhasz <juhasz.levente-contractor@laserfiche.com>
---
 .../lf-login/lf-login.component.ts            | 33 +++++++++++++++++--
 1 file changed, 30 insertions(+), 3 deletions(-)

diff --git a/projects/ui-components/lf-login/lf-login.component.ts b/projects/ui-components/lf-login/lf-login.component.ts
index 992614f2..d53aae30 100644
--- a/projects/ui-components/lf-login/lf-login.component.ts
+++ b/projects/ui-components/lf-login/lf-login.component.ts
@@ -1,7 +1,17 @@
 // Copyright (c) Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { ChangeDetectorRef, Component, EventEmitter, Input, OnDestroy, Output, OnInit } from '@angular/core';
+import {
+  ChangeDetectorRef,
+  Component,
+  EventEmitter,
+  Input,
+  OnDestroy,
+  Output,
+  OnInit,
+  OnChanges,
+  SimpleChanges,
+} from '@angular/core';
 import { Observable, of, Subscription } from 'rxjs';
 import { AccountInfo, RedirectUriQueryParams } from './login-utils/lf-login-internal-types';
 import {
@@ -26,7 +36,7 @@ const CODE_CHALLENGE_METHOD = 'S256';
   templateUrl: './lf-login.component.html',
   styleUrls: ['./lf-login.component.css'],
 })
-export class LfLoginComponent implements OnDestroy, OnInit {
+export class LfLoginComponent implements OnDestroy, OnInit, OnChanges {
   @Input() mode: LoginMode = LoginMode.Button;
 
   /**
@@ -365,6 +375,23 @@ export class LfLoginComponent implements OnDestroy, OnInit {
     });
   }
 
+  /** @internal */
+  async ngOnChanges(changes: SimpleChanges) {
+    // initialize the login state according to the access token
+    const currentLoginIdentifier = changes['login_identifier'];
+    if (
+      (currentLoginIdentifier?.currentValue && currentLoginIdentifier?.isFirstChange()) ||
+      currentLoginIdentifier?.previousValue !== currentLoginIdentifier?.currentValue
+    ) {
+      const accessToken = this.authorization_credentials?.accessToken;
+      if (accessToken) {
+        this._state = LoginState.LoggedIn;
+      } else {
+        await this.initializeLoginAsync();
+      }
+    }
+  }
+
   private setButtonText() {
     if (this.state === LoginState.LoggedIn) {
       this.buttonText = this._sign_out_text;
@@ -561,7 +588,7 @@ export class LfLoginComponent implements OnDestroy, OnInit {
     const baseAuthorizeUrl = this.loginService.loginProvider?.getBaseAuthorizeUrl();
 
     const baseUrl: URL = new URL(baseAuthorizeUrl ?? '');
-    if(this.client_id) {
+    if (this.client_id) {
       baseUrl.searchParams.set('client_id', this.client_id);
     }
     if (this.scope) {

From a3ec51e5cd36389e2a6b187215323ce5c5ca0fa0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Mon, 16 Mar 2026 15:16:35 +0200
Subject: [PATCH 25/43] Fix placeholder generation in gulpfile

---
 gulpfile.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/gulpfile.js b/gulpfile.js
index f0230241..78aeff9e 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -27,12 +27,11 @@ const TYPES_IMPLEMENTS = /implements.*{/g;
 const TYPES_NO_IMPLEMENTS = '{';
 const NPM_PUBLISH = './types-lf-ui-components-publish/';
 const LF_CDN_BROWSER_DIR = './dist/lf-cdn/browser/';
-const LF_CDN_MAINJS_FILEPATH = './dist/lf-cdn/browser/main.js';
 const MAIN_SCRIPT_FILE = 'main.js';
 const MAIN_SCRIPT_MAP_FILE = 'main.js.map';
 const CDN_UI_COMPONENTS_FILE = 'lf-ui-components.js';
 const CDN_UI_COMPONENTS_MAP_FILE = 'lf-ui-components.js.map';
-const COMPILED_GETTING_STARTED_FILE_PATH = './dist/lf-documentation/browser/lf-documentation.js';
+const COMPILED_GETTING_STARTED_FILE_PATH = './dist/lf-documentation/browser/main.js';
 const BUILT_INDEX_HTML_FILEPATH = './dist/lf-documentation/browser/index.html';
 const OLD_LF_STYLE_SHEET_PATH = './lf-laserfiche-lite.css';
 const NEW_LF_STYLE_SHEET_PATH = 'https://lfxstatic.com/npm/@laserfiche/lf-ui-components@NPM_VERSION/cdn/lf-laserfiche-lite.css';

From 64e4efa3726aca4377a672dc04ee95e78126fa8c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Mon, 16 Mar 2026 15:20:58 +0200
Subject: [PATCH 26/43] Remove runtime.js unnecessary step as it no longer
 exists

---
 .github/workflows/main.yml |  3 ---
 gulpfile.js                | 12 ------------
 package.json               |  1 -
 3 files changed, 16 deletions(-)

diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
index 0264c461..4b495e74 100644
--- a/.github/workflows/main.yml
+++ b/.github/workflows/main.yml
@@ -86,9 +86,6 @@ jobs:
       - name: 'create an empty ./dist/ui-components/cdn folder'
         run: 'mkdir -p ./dist/ui-components/cdn'
 
-      - name: 'npm run gulp-replace-scripts-in-index-html'
-        run: npm run gulp-replace-scripts-in-index-html
-
       - name: 'npm run gulp-replace-placeholders-in-documentation'
         run: npm run gulp-replace-placeholders-in-documentation
 
diff --git a/gulpfile.js b/gulpfile.js
index 78aeff9e..43d2cc25 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -11,11 +11,7 @@ const argv = require('yargs')(process.argv.slice(2))
   })
   .argv;
 
-// File paths
-const INDEX_HTML_FILEPATH = './dist/lf-documentation/browser/index.html';
 // Strings for replacement
-const RUNTIME = 'runtime.js';
-const REMAINING_INDEX_SCRIPT_TAGS = '<script src="polyfills.js" type="module"></script><script src="main.js" type="module"></script>';
 const BUILD_NUMBER = 'PIPELINE_VERSION';
 const NPM_VERSION = 'NPM_VERSION';
 const TYPE_FILE_PATH = './types-lf-ui-components-publish/index.d.ts';
@@ -38,13 +34,6 @@ const NEW_LF_STYLE_SHEET_PATH = 'https://lfxstatic.com/npm/@laserfiche/lf-ui-com
 const OLD_MS_OFFICE_STYLE_SHEET_PATH = './lf-ms-office-lite.css';
 const NEW_MS_OFFICE_STYLE_SHEET_PATH = 'https://lfxstatic.com/npm/@laserfiche/lf-ui-components@NPM_VERSION/cdn/lf-ms-office-lite.css';
 
-async function replaceScriptsInIndexHtml(){
-  src(INDEX_HTML_FILEPATH, {base: './'})
-      .pipe(replace(RUNTIME, MAIN_SCRIPT_FILE))
-      .pipe(replace(REMAINING_INDEX_SCRIPT_TAGS, ''))
-      .pipe(dest('./'));
-};
-
 async function replacePlaceholdersInDocumentation(){
   src(COMPILED_GETTING_STARTED_FILE_PATH, {base: './'})
       .pipe(replace(OLD_LF_STYLE_SHEET_PATH, NEW_LF_STYLE_SHEET_PATH))
@@ -91,7 +80,6 @@ async function renameLfCdn() {
   fs.renameSync(mainJsMapPath, cdnJsMapPath);
 }
 
-exports.replaceScriptsInIndexHtml = replaceScriptsInIndexHtml;
 exports.processTypesFile = processTypesFile;
 exports.replacePlaceholdersInDocumentation = replacePlaceholdersInDocumentation;
 exports.replaceVersionInIndexHtml = replaceVersionInIndexHtml;
diff --git a/package.json b/package.json
index 77c3eacd..8d004424 100644
--- a/package.json
+++ b/package.json
@@ -29,7 +29,6 @@
     "create-lf-cdn": "npm run build-lf-cdn-prod && npm run rename-lf-cdn",
     "build-enum-types": "tsc projects/ui-components/shared/enums.ts --outDir types-lf-ui-components-publish --module es2022 --target es2022 --declaration false --skipLibCheck --moduleResolution node && node -e \"require('fs').renameSync('types-lf-ui-components-publish/enums.js','types-lf-ui-components-publish/index.js')\"",
     "create-types-lf-ui-components": "npm run tsc-cdn && npm run api-extractor && gulp processTypesFile && npm run build-enum-types && cd ./types-lf-ui-components-publish && npm pack",
-    "gulp-replace-scripts-in-index-html": "gulp replaceScriptsInIndexHtml",
     "gulp-replace-placeholders-in-documentation": "gulp replacePlaceholdersInDocumentation"
   },
   "devDependencies": {

From 582a46a76499e51da961acaaa1b1a36cee31b21c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Mon, 16 Mar 2026 15:27:11 +0200
Subject: [PATCH 27/43] Enforce Prettier, reformat all files

---
 .github/workflows/main.yml                    |   68 +-
 .prettierignore                               |    3 +
 .prettierrc.json                              |   28 +
 .vscode/extensions.json                       |    8 +-
 .vscode/settings.json                         |    6 +-
 CHANGELOG.md                                  |   12 +-
 CONTRIBUTING.md                               |   82 +-
 README.md                                     |    1 -
 angular.json                                  |   24 +-
 api-extractor.json                            |    8 +-
 code_of_conduct.md                            |  271 +-
 eslint.config.mjs                             |   47 +-
 gulpfile.js                                   |  172 +-
 package-lock.json                             |  131 +-
 package.json                                  |    3 +
 projects/lf-cdn/README.md                     |   30 +-
 projects/lf-cdn/src/app/app.component.css     |    1 -
 projects/lf-cdn/src/app/app.component.spec.ts |   52 +-
 projects/lf-cdn/src/app/app.component.ts      |   28 +-
 .../src/environments/environment.prod.ts      |   12 +-
 .../lf-cdn/src/environments/environment.ts    |   20 +-
 projects/lf-cdn/src/index.html                |   30 +-
 projects/lf-cdn/src/index.ts                  |   37 +-
 projects/lf-cdn/src/main.ts                   |   35 +-
 projects/lf-cdn/src/polyfills.ts              |   42 +-
 projects/lf-cdn/tsconfig.app.json             |   14 +-
 projects/lf-cdn/tsconfig.spec.json            |    9 +-
 projects/lf-documentation/README.md           |   32 +-
 .../src/app/app.component.css                 |  152 +-
 .../src/app/app.component.html                |   25 +-
 .../src/app/app.component.spec.ts             |   72 +-
 .../lf-documentation/src/app/app.component.ts |   14 +-
 .../lf-documentation/src/app/app.config.ts    |    6 +-
 .../src/app/card/card.component.css           |   45 +-
 .../src/app/card/card.component.html          |   22 +-
 .../src/app/card/card.component.spec.ts       |   57 +-
 .../src/app/card/card.component.ts            |   37 +-
 ...onvert-component-to-element.component.html |  142 +-
 ...ert-component-to-element.component.spec.ts |   55 +-
 .../convert-component-to-element.component.ts |   32 +-
 ...xample-npm-usage-in-angular.component.html |  238 +-
 ...ple-npm-usage-in-angular.component.spec.ts |   59 +-
 .../example-npm-usage-in-angular.component.ts |   28 +-
 .../example-usage-basic-steps.directive.ts    |   44 +-
 .../example-usage-in-angular.component.html   |  152 +-
 ...example-usage-in-angular.component.spec.ts |   59 +-
 .../example-usage-in-angular.component.ts     |   28 +-
 .../example-usage-in-html.component.html      |   87 +-
 .../example-usage-in-html.component.spec.ts   |   59 +-
 .../example-usage-in-html.component.ts        |   28 +-
 .../example-usage-in-react.component.html     |  116 +-
 .../example-usage-in-react.component.spec.ts  |   59 +-
 .../example-usage-in-react.component.ts       |   28 +-
 .../getting-started.component.html            |   24 +-
 .../getting-started.component.spec.ts         |   63 +-
 .../getting-started.component.ts              |   51 +-
 ...f-breadcrumbs-documentation.component.html |  148 +-
 ...readcrumbs-documentation.component.spec.ts |   57 +-
 .../lf-breadcrumbs-documentation.component.ts |  150 +-
 .../lf-checklist-demo.service.spec.ts         |   38 +-
 .../lf-checklist-demo.service.ts              |  230 +-
 .../lf-checklist-documentation.component.html |  291 +-
 ...-checklist-documentation.component.spec.ts |   65 +-
 .../lf-checklist-documentation.component.ts   |  120 +-
 .../lf-field-adhoc-container-demo.service.ts  |  540 ++--
 ...hoc-container-documentation.component.html |  238 +-
 ...-container-documentation.component.spec.ts |    3 +-
 ...adhoc-container-documentation.component.ts |   88 +-
 ...eld-container-documentation.component.html |  355 +--
 ...-container-documentation.component.spec.ts |   59 +-
 ...field-container-documentation.component.ts |   44 +-
 .../lf-field-documentation.component.html     |  223 +-
 .../lf-field-documentation.component.spec.ts  |    2 +-
 .../lf-field-documentation.component.ts       |   27 +-
 ...field-template-container-datetime-utils.ts |  135 +-
 ...ate-container-documentation.component.html |  220 +-
 ...-container-documentation.component.spec.ts |   12 +-
 ...plate-container-documentation.component.ts |   96 +-
 .../lf-login-documentation.component.html     |  144 +-
 .../lf-login-documentation.component.spec.ts  |   61 +-
 .../lf-login-documentation.component.ts       |  111 +-
 .../demo-repo-service.ts                      |  778 +++--
 ...sitory-browser-documentation.component.css |   18 +-
 ...itory-browser-documentation.component.html |   79 +-
 ...ository-browser-documentation.component.ts |  328 +--
 .../lf-toolbar-documentation.component.html   |  168 +-
 ...lf-toolbar-documentation.component.spec.ts |   59 +-
 .../lf-toolbar-documentation.component.ts     |   94 +-
 ...user-feedback-documentation.component.html |  199 +-
 ...r-feedback-documentation.component.spec.ts |   57 +-
 ...f-user-feedback-documentation.component.ts |   34 +-
 ...grate-modules-to-standalone.component.html |   23 +-
 ...te-modules-to-standalone.component.spec.ts |    5 +-
 ...migrate-modules-to-standalone.component.ts |   14 +-
 .../src/app/overview/overview.component.css   |   44 +-
 .../src/app/overview/overview.component.html  |   89 +-
 .../app/overview/overview.component.spec.ts   |   61 +-
 .../src/app/overview/overview.component.ts    |   52 +-
 .../styling-documentation.component.css       |   29 +-
 .../styling-documentation.component.html      |  361 ++-
 .../styling-documentation.component.spec.ts   |   63 +-
 .../styling-documentation.component.ts        |   97 +-
 .../src/app/theme.service.spec.ts             |   38 +-
 .../lf-documentation/src/app/theme.service.ts |   58 +-
 .../troubleshooting.component.css             |   14 +-
 .../troubleshooting.component.html            |  266 +-
 .../troubleshooting.component.spec.ts         |   59 +-
 .../troubleshooting.component.ts              |   44 +-
 .../src/environments/environment.prod.ts      |   12 +-
 .../src/environments/environment.ts           |   20 +-
 projects/lf-documentation/src/index.html      |   48 +-
 projects/lf-documentation/src/main.ts         |   45 +-
 projects/lf-documentation/src/polyfills.ts    |   42 +-
 projects/lf-documentation/src/styles.css      |    4 +-
 projects/lf-documentation/tsconfig.app.json   |   13 +-
 projects/lf-documentation/tsconfig.spec.json  |    9 +-
 projects/styles/archive/_button-template.scss |  267 +-
 .../lf-laserfiche-lite.scss                   |    2 +-
 .../lf-laserfiche-lite/sass/_button-lf.scss   |   18 +-
 .../lf-laserfiche-lite/sass/_checkbox-lf.scss |   25 +-
 .../lf-laserfiche-lite/sass/_dropdown-lf.scss |   14 +-
 .../lf-laserfiche-lite/sass/_material.scss    |   44 +-
 .../lf-laserfiche-lite/sass/_palette-lf.scss  |   56 +-
 .../sass/_textfield-lf.scss                   |   10 +-
 .../sass/_typography-lf.scss                  |   50 +-
 .../sass/rwc-checklist-lf.scss                |    5 +-
 .../lf-laserfiche-lite/sass/rwc-tree-lf.scss  |    2 +-
 .../lf-ms-office/lf-ms-office-lite.scss       |   14 +-
 .../styles/lf-ms-office/sass/_button-mo.scss  |    4 +-
 .../lf-ms-office/sass/_checkbox-mo.scss       |   29 +-
 .../lf-ms-office/sass/_dropdown-mo.scss       |   27 +-
 .../styles/lf-ms-office/sass/_material.scss   |   44 +-
 .../lf-ms-office/sass/_textfield-mo.scss      |    4 +-
 .../lf-ms-office/sass/_typography-mo.scss     |   42 +-
 .../lf-ms-office/sass/rwc-checklist-mo.scss   |   20 +-
 .../styles/lf-ms-office/sass/rwc-tree-mo.scss |    3 +-
 projects/ui-components/README.md              |   36 +-
 projects/ui-components/entry.ts               |   16 +-
 .../app-localization.service.ts               |   13 +-
 .../internal-shared/filter-utils.ts           |   48 +-
 .../general-dialog-layout.component.html      |   32 +-
 .../general-dialog-layout.component.spec.ts   |   26 +-
 .../general-dialog-layout.component.ts        |   32 +-
 .../lf-internal-shared-public-api.ts          |   40 +-
 .../lf-loader/lf-loader.component.css         |  130 +-
 .../lf-loader/lf-loader.component.html        |   10 +-
 .../lf-loader/lf-loader.component.spec.ts     |   55 +-
 .../lf-loader/lf-loader.component.ts          |   50 +-
 .../lf-popup-modal.component.css              |   16 +-
 .../lf-popup-modal.component.html             |   19 +-
 .../lf-popup-modal.component.spec.ts          |   53 +-
 .../lf-popup-modal.component.ts               |  110 +-
 .../lf-toast-message.component.css            |  254 +-
 .../lf-toast-message.component.html           |   48 +-
 .../lf-toast-message.component.spec.ts        |  279 +-
 .../lf-toast-message.component.ts             |  200 +-
 .../internal-shared/strings/ar.json           |   40 +-
 .../internal-shared/strings/cs.json           |   40 +-
 .../internal-shared/strings/de.json           |   40 +-
 .../internal-shared/strings/el.json           |   40 +-
 .../internal-shared/strings/es.json           |   40 +-
 .../internal-shared/strings/fr-FR.json        |   40 +-
 .../internal-shared/strings/fr.json           |   40 +-
 .../internal-shared/strings/id.json           |   40 +-
 .../internal-shared/strings/it.json           |   40 +-
 .../internal-shared/strings/ja.json           |   40 +-
 .../internal-shared/strings/ko.json           |   40 +-
 .../internal-shared/strings/ms.json           |   40 +-
 .../internal-shared/strings/nl.json           |   40 +-
 .../internal-shared/strings/pt-BR.json        |   40 +-
 .../internal-shared/strings/ro.json           |   40 +-
 .../internal-shared/strings/sr-Latn.json      |   40 +-
 .../internal-shared/strings/th.json           |   40 +-
 .../internal-shared/strings/tr.json           |   40 +-
 .../internal-shared/strings/vi.json           |   40 +-
 .../internal-shared/strings/zh-Hans.json      |   40 +-
 .../internal-shared/strings/zh-Hant.json      |   40 +-
 .../internal-shared/validation-utils.spec.ts  |   83 +-
 .../internal-shared/validation-utils.ts       |  146 +-
 .../ui-components/lf-checklist/checklist.ts   |   24 +-
 .../lf-checklist/items/checklist-item.ts      |   30 +-
 .../items/items-validation-text.pipe.spec.ts  |  378 +--
 .../items/items-validation-text.pipe.ts       |  153 +-
 .../lf-checklist/items/items.component.css    |   30 +-
 .../lf-checklist/items/items.component.html   |   30 +-
 .../items/items.component.spec.ts             |   61 +-
 .../lf-checklist/items/items.component.ts     |  303 +-
 .../lf-checklist/lf-checklist-public-api.ts   |   16 +-
 .../lf-checklist/lf-checklist.service.ts      |   16 +-
 .../lf-checklist/lf-checklist.component.css   |  134 +-
 .../lf-checklist/lf-checklist.component.html  |   50 +-
 .../lf-checklist.component.spec.ts            |   55 +-
 .../lf-checklist/lf-checklist.component.ts    |  167 +-
 .../lf-checklist/ng-package.json              |    2 +-
 .../lf-checklist/options/checklist-option.ts  |   16 +-
 .../options/options.component.css             |   24 +-
 .../options/options.component.html            |   12 +-
 .../options/options.component.spec.ts         |   55 +-
 .../lf-checklist/options/options.component.ts |   53 +-
 .../lf-login/lf-login-public-api.ts           |   16 +-
 .../lf-login/lf-login.component.css           |  116 +-
 .../lf-login/lf-login.component.html          |   26 +-
 .../lf-login/lf-login.component.spec.ts       |  357 +--
 .../lf-login/lf-login.component.ts            | 1526 +++++-----
 .../login-utils/lf-login-internal-types.ts    |   52 +-
 .../lf-login/login-utils/lf-login-types.ts    |  100 +-
 .../login-utils/lf-login.service.spec.ts      |  317 +-
 .../lf-login/login-utils/lf-login.service.ts  |  546 ++--
 .../lf-login/login-utils/pkce-utils.ts        |   54 +-
 .../ui-components/lf-login/ng-package.json    |    2 +-
 .../base-field/base-field.directive.ts        |    2 -
 .../datetime-base-field.directives.ts         |    5 +-
 .../date-field/date-field.component.css       |   16 +-
 .../date-field/date-field.component.html      |   48 +-
 .../date-field/date-field.component.spec.ts   |   43 +-
 .../date-field/date-field.component.ts        |   31 +-
 .../date-time-field.component.css             |   25 +-
 .../date-time-field.component.html            |   46 +-
 .../date-time-field.component.spec.ts         |   23 +-
 .../date-time-field.component.ts              |   26 +-
 .../dynamic-field/dynamic-field.component.css |    1 -
 .../dynamic-field.component.html              |   13 +-
 .../dynamic-field/dynamic-field.component.ts  |   78 +-
 .../lf-field-base/lf-field-base.component.css |    5 +-
 .../lf-field-base.component.html              |   88 +-
 .../lf-field-base.component.spec.ts           |    2 +-
 .../lf-field-base/lf-field-base.component.ts  |  145 +-
 .../lf-field-token.service.spec.ts            |  558 ++--
 .../lf-field-base/lf-field-token.service.ts   |  508 ++--
 .../lf-field-validation-utils.spec.ts         |  302 +-
 .../lf-field-validation-utils.ts              |   70 +-
 .../list-field/list-field.component.css       |    1 -
 .../list-field/list-field.component.html      |   14 +-
 .../list-field/list-field.component.spec.ts   |    6 +-
 .../list-field/list-field.component.ts        |   92 +-
 .../number-field/number-field.component.css   |    1 -
 .../number-field/number-field.component.html  |   42 +-
 .../number-field.component.spec.ts            |   79 +-
 .../number-field/number-field.component.ts    |   65 +-
 .../text-field/text-field.component.html      |  102 +-
 .../text-field/text-field.component.spec.ts   |   51 +-
 .../text-field/text-field.component.ts        |  223 +-
 .../time-field/time-field.component.html      |   46 +-
 .../time-field/time-field.component.spec.ts   |   32 +-
 .../time-field/time-field.component.ts        |   29 +-
 .../lf-token-picker.component.css             |    6 +-
 .../lf-token-picker.component.html            |    9 +-
 .../lf-token-picker.component.spec.ts         |   68 +-
 .../lf-token-picker.component.ts              |   13 +-
 .../lf-token-picker/lf-token.service.ts       |   40 +-
 .../lf-field-group-index-display.pipe.spec.ts |  120 +-
 .../lf-field-group-index-display.pipe.ts      |   81 +-
 .../lf-field-group.component.css              |  137 +-
 .../lf-field-group.component.html             |   50 +-
 .../lf-field-group.component.spec.ts          |  473 +--
 .../lf-field-group.component.ts               |    2 +-
 .../lf-field-multivalue.component.html        |   28 +-
 .../lf-field-multivalue.component.spec.ts     |   13 +-
 .../lf-field-multivalue.component.ts          |    2 +-
 .../lf-field/lf-field.component.css           |   42 +-
 .../lf-field/lf-field.component.html          |   12 +-
 .../lf-field/lf-field.component.spec.ts       |    4 +-
 .../lf-field/lf-field.component.ts            |    2 +-
 .../utils/lf-field-internal-types.ts          |   20 +-
 .../field-components/utils/lf-field-types.ts  |  140 +-
 .../field-components/utils/metadata-utils.ts  |   18 +-
 .../lf-date-time-picker/flatpickr-locales.ts  |    4 +-
 .../lf-date-time-picker.ts                    |   14 +-
 .../plugin-lfDatePicker.ts                    |    2 +-
 .../plugin-lfTimePicker.ts                    |  161 +-
 .../uni-date-time.common.ts                   |  213 +-
 .../uni-date-time.component.html              |  110 +-
 .../uni-date-time.component.less              |  215 +-
 .../uni-date-time.component.spec.ts           |    5 +-
 .../uni-date-time.component.ts                |   60 +-
 .../uni-date-time.locales.ts                  | 2564 ++++++++---------
 .../uni-date-time.service.ts                  |   77 +-
 .../get-field-type.pipe.spec.ts               |  103 +-
 .../get-field-type.pipe.ts                    |  134 +-
 .../lf-field-add-remove.component.css         |   15 +-
 .../lf-field-add-remove.component.html        |  147 +-
 .../lf-field-add-remove.component.spec.ts     |  102 +-
 .../lf-field-add-remove.component.ts          |  570 ++--
 .../lf-field-adhoc-connector.service.ts       |   63 +-
 .../lf-field-adhoc-container-demo.service.ts  |  320 +-
 .../lf-field-adhoc-container-types.ts         |   16 +-
 .../lf-field-adhoc-container.component.html   |    9 +-
 ...lf-field-adhoc-container.component.spec.ts |  431 +--
 .../lf-field-adhoc-container.component.ts     |   10 +-
 .../lf-field-adhoc-container.service.ts       |   16 +-
 .../lf-field-adhoc-container/public-api.ts    |   10 +-
 .../lf-field-container.directive.ts           |  334 +--
 .../lf-field-container.component.css          |   88 +-
 .../lf-field-container.component.html         |   46 +-
 .../lf-field-container.component.spec.ts      |  135 +-
 .../lf-field-container.component.ts           |    4 +-
 .../lf-field-container.service.ts             |   16 +-
 .../lf-field-container/public-api.ts          |   10 +-
 .../lf-field-metadata-connector.service.ts    |  121 +-
 ...field-template-container-datetime-utils.ts |  137 +-
 ...f-field-template-container-demo.service.ts |  988 +++----
 .../lf-field-template-container-states.ts     |   42 +-
 .../lf-field-template-container-types.ts      |   16 +-
 .../lf-field-template-container.component.css |    4 +-
 ...lf-field-template-container.component.html |    9 +-
 ...field-template-container.component.spec.ts |   84 +-
 .../lf-field-template-container.component.ts  |   32 +-
 .../lf-field-template-container.service.ts    |   28 +-
 .../lf-field-template-container/public-api.ts |   12 +-
 .../lf-metadata/lf-field-view.directive.ts    |   24 +-
 .../lf-metadata/lf-metadata-public-api.ts     |   16 +-
 .../ui-components/lf-metadata/ng-package.json |    2 +-
 .../lf-repository-browser-public-api.ts       |   10 +-
 .../lf-repository-browser.component.css       |  130 +-
 .../lf-repository-browser.component.html      |    9 +-
 .../lf-repository-browser.component.spec.ts   |  134 +-
 .../lf-repository-browser.component.ts        |   10 +-
 .../lf-repository-browser/ng-package.json     |    2 +-
 .../lf-selection-list-data-source.ts          |  189 +-
 .../lf-selection-list-public-api.ts           |   10 +-
 .../lf-selection-list-types.ts                |   48 +-
 .../lf-selection-list.component.css           |    5 +-
 .../lf-selection-list.component.html          |   22 +-
 .../lf-selection-list.component.spec.ts       |  205 +-
 .../lf-selection-list.component.ts            | 1066 +++----
 .../lf-selection-list/ng-package.json         |    2 +-
 .../resize-column.directive.spec.ts           |  385 +--
 .../resize-column.directive.ts                |  233 +-
 .../feedback-image-upload.component.html      |   76 +-
 .../feedback-image-upload.component.spec.ts   |  374 ++-
 .../feedback-image-upload.component.ts        |  420 +--
 .../feedback-submission.component.css         |    6 +-
 .../feedback-submission.component.html        |   96 +-
 .../feedback-submission.component.spec.ts     |  225 +-
 .../feedback-submission.component.ts          |  144 +-
 ...edback-suggestion-selection.component.html |   32 +-
 ...ack-suggestion-selection.component.spec.ts |   51 +-
 ...feedback-suggestion-selection.component.ts |   79 +-
 .../lf-analytics.service.spec.ts              |  182 +-
 .../lf-user-feedback/lf-analytics.service.ts  |   41 +-
 .../lf-user-feedback-public-api.ts            |    8 +-
 .../lf-user-feedback-types.ts                 |  104 +-
 .../lf-user-feedback.component.css            |   20 +-
 .../lf-user-feedback.component.spec.ts        |   75 +-
 .../lf-user-feedback.component.ts             |  204 +-
 .../lf-user-feedback.service.spec.ts          |   36 +-
 .../lf-user-feedback.service.ts               |   23 +-
 .../lf-user-feedback/ng-package.json          |    2 +-
 .../user-feedback-dialog.component.css        |   15 +-
 .../user-feedback-dialog.component.html       |    2 +-
 .../user-feedback-dialog.component.spec.ts    |  322 +--
 .../user-feedback-dialog.component.ts         |  338 +--
 projects/ui-components/projects.ts            |   55 +-
 .../ui-components/shared/LfSelectable.spec.ts | 1172 ++++----
 projects/ui-components/shared/LfSelectable.ts |  362 +--
 projects/ui-components/shared/enums.ts        |   96 +-
 .../lf-breadcrumbs-public-api.ts              |   10 +-
 .../lf-breadcrumbs/lf-breadcrumbs-types.ts    |   14 +-
 .../lf-breadcrumbs.component.css              |    5 +-
 .../lf-breadcrumbs.component.html             |   50 +-
 .../lf-breadcrumbs.component.spec.ts          |   55 +-
 .../lf-breadcrumbs.component.ts               |  100 +-
 .../shared/lf-shared-public-api.ts            |   14 +-
 .../lf-toolbar/lf-toolbar-public-api.ts       |    8 +-
 .../lf-toolbar/lf-toolbar.component.css       |  180 +-
 .../lf-toolbar/lf-toolbar.component.html      |   15 +-
 .../lf-toolbar/lf-toolbar.component.spec.ts   |   55 +-
 .../shared/lf-toolbar/lf-toolbar.component.ts |  100 +-
 projects/ui-components/shared/ng-package.json |    2 +-
 projects/ui-components/tsconfig.lib.json      |    5 +-
 projects/ui-components/tsconfig.spec.json     |    9 +-
 tsconfig.json                                 |   10 +-
 tsconfig.spec.json                            |    5 +-
 types-lf-ui-components-publish/README.md      |    9 +-
 vitest.config.js                              |   62 +-
 375 files changed, 18871 insertions(+), 18180 deletions(-)
 create mode 100644 .prettierignore
 create mode 100644 .prettierrc.json

diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
index 4b495e74..a51f9296 100644
--- a/.github/workflows/main.yml
+++ b/.github/workflows/main.yml
@@ -5,9 +5,9 @@ name: lf-ui-components-CI
 
 on:
   push:
-    branches: [ '\d+.x' ]
+    branches: ['\d+.x']
   pull_request:
-    branches: [ '\d+.x' ]
+    branches: ['\d+.x']
 
   # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:
@@ -36,7 +36,7 @@ jobs:
       - name: Setup Node.js environment
         uses: actions/setup-node@v4
         with:
-          node-version: '24'
+          node-version: "24"
 
       - name: Update npm
         run: npm install -g npm@latest
@@ -44,6 +44,9 @@ jobs:
       - name: npm ci
         run: npm ci
 
+      - name: Npm run format:check
+        run: npm run format:check
+
       - name: Npm run lint
         run: npm run lint
 
@@ -79,44 +82,44 @@ jobs:
           name: Jest Test Results
           path: ./test-results.xml
           reporter: java-junit
-          only-summary: 'true'
-          use-actions-summary: 'true'
-          fail-on-error: 'false'
+          only-summary: "true"
+          use-actions-summary: "true"
+          fail-on-error: "false"
 
-      - name: 'create an empty ./dist/ui-components/cdn folder'
-        run: 'mkdir -p ./dist/ui-components/cdn'
+      - name: "create an empty ./dist/ui-components/cdn folder"
+        run: "mkdir -p ./dist/ui-components/cdn"
 
-      - name: 'npm run gulp-replace-placeholders-in-documentation'
+      - name: "npm run gulp-replace-placeholders-in-documentation"
         run: npm run gulp-replace-placeholders-in-documentation
 
-      - name: 'move indigo-pink to ui-components/cdn'
+      - name: "move indigo-pink to ui-components/cdn"
         run: cp ./node_modules/@angular/material/prebuilt-themes/indigo-pink.css ./dist/ui-components/cdn/indigo-pink.css
 
-      - name: 'move lf-ui-components.js to ui-components/cdn'
+      - name: "move lf-ui-components.js to ui-components/cdn"
         run: |
           mv main.js.map ../ui-components/cdn
           mv main.js ../ui-components/cdn/lf-ui-components.js
         working-directory: ./dist/lf-cdn
 
-      - name: 'Append flatpickr.min.css to lf-laserfiche-lite.css'
+      - name: "Append flatpickr.min.css to lf-laserfiche-lite.css"
         run: |
           echo "/*" >> ./dist/lf-documentation/lf-laserfiche-lite.css
           cat LICENSE >> ./dist/lf-documentation/lf-laserfiche-lite.css
           echo "The following styles are copied from flatpickr.min.css */" >> ./dist/lf-documentation/lf-laserfiche-lite.css
           cat ./node_modules/flatpickr/dist/flatpickr.min.css >> ./dist/lf-documentation/lf-laserfiche-lite.css
 
-      - name: 'Append flatpickr.min.css to lf-ms-office-lite.css'
+      - name: "Append flatpickr.min.css to lf-ms-office-lite.css"
         run: |
-            echo "/*" >> ./dist/lf-documentation/lf-ms-office-lite.css
-            cat LICENSE >> ./dist/lf-documentation/lf-ms-office-lite.css
-            echo "The following styles are copied from flatpickr.min.css */" >> ./dist/lf-documentation/lf-ms-office-lite.css
-            cat ./node_modules/flatpickr/dist/flatpickr.min.css >> ./dist/lf-documentation/lf-ms-office-lite.css
+          echo "/*" >> ./dist/lf-documentation/lf-ms-office-lite.css
+          cat LICENSE >> ./dist/lf-documentation/lf-ms-office-lite.css
+          echo "The following styles are copied from flatpickr.min.css */" >> ./dist/lf-documentation/lf-ms-office-lite.css
+          cat ./node_modules/flatpickr/dist/flatpickr.min.css >> ./dist/lf-documentation/lf-ms-office-lite.css
 
-      - name: 'move lf-documentation/styles to ui-components/cdn'
+      - name: "move lf-documentation/styles to ui-components/cdn"
         run: mv lf-laserfiche-lite.css lf-ms-office-lite.css lf-laserfiche-lite.css.map lf-ms-office-lite.css.map ../ui-components/cdn/
         working-directory: ./dist/lf-documentation
 
-      - name: 'move README to ui-components'
+      - name: "move README to ui-components"
         run: mv README.md ./dist/ui-components
 
       - name: Upload a Build Artifact
@@ -137,7 +140,7 @@ jobs:
     runs-on: ubuntu-latest
     environment: npm_publish
     if: ${{ github.run_attempt != 1 }}
-    needs: [ build ]
+    needs: [build]
     steps:
       - uses: actions/checkout@v4
         with:
@@ -151,8 +154,8 @@ jobs:
       - name: Setup Node.js environment
         uses: actions/setup-node@v4
         with:
-          node-version: '24'
-          registry-url: 'https://registry.npmjs.org'
+          node-version: "24"
+          registry-url: "https://registry.npmjs.org"
 
       - name: Update npm
         run: npm install -g npm@latest
@@ -160,7 +163,7 @@ jobs:
       - name: set NpmPackageVersion environment
         run: echo "NpmPackageVersion=${{ env.NPM_VERSION }}--preview-${{ github.run_id }}" >> $GITHUB_ENV
 
-      - name: 'copy license'
+      - name: "copy license"
         run: |
           cp LICENSE ./types-lf-ui-components-publish
           cp LICENSE ./dist/ui-components
@@ -188,12 +191,11 @@ jobs:
           commit_sha: ${{ github.sha }}
           message: Workflow run ${{github.server_url}}/${{github.repository}}/actions/runs/${{ github.run_id}}
 
-
   publish_to_npm_release:
     runs-on: ubuntu-latest
     environment: npm_publish
     if: ${{ github.run_attempt != 1 }}
-    needs: [ build ]
+    needs: [build]
     steps:
       - uses: actions/checkout@v4
         with:
@@ -207,13 +209,13 @@ jobs:
       - name: Setup Node.js environment
         uses: actions/setup-node@v4
         with:
-          node-version: '24'
-          registry-url: 'https://registry.npmjs.org'
+          node-version: "24"
+          registry-url: "https://registry.npmjs.org"
 
       - name: Update npm
         run: npm install -g npm@latest
 
-      - name: 'copy license'
+      - name: "copy license"
         run: |
           cp LICENSE ./types-lf-ui-components-publish
           cp LICENSE ./dist/ui-components
@@ -244,7 +246,7 @@ jobs:
   publish_documentation:
     runs-on: ubuntu-latest
     if: ${{ github.run_attempt != 1 }}
-    needs: [ build ]
+    needs: [build]
     steps:
       - uses: actions/checkout@v4
         with:
@@ -258,16 +260,16 @@ jobs:
       - name: Setup Node.js environment
         uses: actions/setup-node@v4
         with:
-          node-version: '24'
-          registry-url: 'https://registry.npmjs.org'
+          node-version: "24"
+          registry-url: "https://registry.npmjs.org"
 
       - name: Npm install gulp
         run: npm install gulp
 
-      - name: 'gulp replaceVersionInDocumentation'
+      - name: "gulp replaceVersionInDocumentation"
         run: gulp replaceVersionInDocumentation --npmVersion ${{ env.NPM_VERSION }}
 
-      - name: 'gulp replaceVersionInIndexHtml'
+      - name: "gulp replaceVersionInIndexHtml"
         run: gulp replaceVersionInIndexHtml --npmVersion ${{ env.NPM_VERSION }}
 
       - name: Upload pages artifact
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 00000000..5fbb1d6d
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,3 @@
+**/.angular
+**/node_modules
+*.xml
\ No newline at end of file
diff --git a/.prettierrc.json b/.prettierrc.json
new file mode 100644
index 00000000..574e5829
--- /dev/null
+++ b/.prettierrc.json
@@ -0,0 +1,28 @@
+{
+  "printWidth": 120,
+  "tabWidth": 2,
+  "useTabs": false,
+  "trailingComma": "es5",
+  "insertPragma": false,
+  "proseWrap": "preserve",
+  "overrides": [
+    {
+      "files": "*.html",
+      "options": {
+        "singleQuote": false
+      }
+    },
+    {
+      "files": ["*.js", "*.ts"],
+      "options": {
+        "singleQuote": true
+      }
+    },
+    {
+      "files": "*.md",
+      "options": {
+        "printWidth": 0
+      }
+    }
+  ]
+}
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index a9395880..4e53bc76 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,5 +1,3 @@
-{
-    "recommendations": [
-        "epivision.vscode-file-header"
-    ]
-}
\ No newline at end of file
+{
+  "recommendations": ["epivision.vscode-file-header"]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 88f7f4d5..9da1fe7e 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -13,9 +13,5 @@
   "[markdown]": {
     "powerHeader.commentMode": "block"
   },
-  "powerHeader.autoInsert.languages": [
-      "plaintext",
-      "Log",
-      "json"
-  ]
+  "powerHeader.autoInsert.languages": ["plaintext", "Log", "json"]
 }
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 760737a0..b80cad47 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,41 +1,47 @@
 <!--Copyright Laserfiche.
 Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
 ## 18.0.6
 
 ### Fixes
+
 - `[lf-metadata]`: Fixing form layout breaks when hint or error messages wrap to multiple lines.
 
 ## 18.0.5
 
 ### Features
+
 - Add localization `fr-FR`
 
 ## 18.0.4
 
 ### Fixes
+
 - `[lf-repository-browser]`: Improved the keyboard navigation.
 
 ## 18.0.3
 
 ### Fixes
+
 - `types-lf-ui-components`: Removed the Angular type `ElementRef`.
 
 ## 18.0.2
 
 ### Fixes
 
-
 - `[lf-repository-browser]`: Fixed the issue where the opened entry was not updated on opening or refreshing.
-   - `[ILfTreeNodeService]`: The fix requires the implementation of `ILfTreeNodeService.getTreeNodeByIdentifierAsync` to at least support getting the LfTreeNode by Id.
+  - `[ILfTreeNodeService]`: The fix requires the implementation of `ILfTreeNodeService.getTreeNodeByIdentifierAsync` to at least support getting the LfTreeNode by Id.
 - `[lf-field-adhoc-container]`, `[lf-user-feedback]`, `Laserfiche Date/Time fields`: Fixed Keyboard access issues.
 
 ## 18.0.1
 
 ### Features
+
 - Update version of `lf-js-utils` to support more languages
 - Add more translated strings.
 
 ## 18.0.0
+
 ### Chore & Maintenance
 
 - Added keyboard accesses to Date, Time and DateTime pickers in Laserfiche fields.
@@ -67,6 +73,7 @@ Licensed under the MIT License. See LICENSE in the project root for license info
 - Updated README.
 
 ## 17.0.0
+
 ### Chore & Maintenance
 
 - Removed dependencies @angular-material-components/moment-adapter, @angular-material-components/datetime-picker.
@@ -89,6 +96,7 @@ Licensed under the MIT License. See LICENSE in the project root for license info
 ## 16.0.3
 
 ### Features
+
 - Update version of `lf-js-utils` to support localization of user feedback component
 
 ### Chore & Maintenance
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 7b96d87e..7efec98c 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -1,41 +1,41 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-# Contributing to lf-ui-components
-
-We encourage and appreciate feedback and contribution from the community!
-
-- [Code of Conduct](#coc)
-- [Question or Problem](#question)
-- [Issue and Feature Requests](#issue)
-- [PR Submission Guidelines](#submit-pr)
-- [Coding Rules](#rules)
-
-## <a name="coc"></a> Code of Conduct
-
- Please read and follow our [Code of Conduct](https://github.com/Laserfiche/lf-ui-components/blob/main/code_of_conduct.md).
-
-## <a name="question"></a> Question or Problem?
-
-Please post general questions on [Laserfiche Answers](https://answers.laserfiche.com/). Please include *lf-ui-components* for reference.
-
-## <a name="issue"></a> Issue and Feature Requests
-
-Search [Github Issues](https://github.com/Laserfiche/lf-ui-components/issues) for existing bugs report or features request related to your question. Please submit an Issue or Feature Request if your issues or requests have not been addressed.
-
-## <a name="submit-pr"></a> PR Submission Guidelines
-
-- Search Github [Pull Requests](https://github.com/Laserfiche/lf-ui-components/pulls) for PRs related to your submission. Make sure that this is not a duplication.
-- Link the issue addressed by the PR.
-- Add unit tests or document manual tests to validate the changes.
-- Workflow shall triggers all unit tests. For a pull request to be accepted, all unit tests must pass when run workflow.
-
-After the submission, core members of the project will review the code.
-
-## <a name="rules"></a> Coding Rules
-
-Please follow the rules as you work on the code:
-
-- Please add unit tests for each fixed bug or added feature.
-- Please use clean and informative names.
-- Leave the code better than you find it.
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+# Contributing to lf-ui-components
+
+We encourage and appreciate feedback and contribution from the community!
+
+- [Code of Conduct](#coc)
+- [Question or Problem](#question)
+- [Issue and Feature Requests](#issue)
+- [PR Submission Guidelines](#submit-pr)
+- [Coding Rules](#rules)
+
+## <a name="coc"></a> Code of Conduct
+
+Please read and follow our [Code of Conduct](https://github.com/Laserfiche/lf-ui-components/blob/main/code_of_conduct.md).
+
+## <a name="question"></a> Question or Problem?
+
+Please post general questions on [Laserfiche Answers](https://answers.laserfiche.com/). Please include _lf-ui-components_ for reference.
+
+## <a name="issue"></a> Issue and Feature Requests
+
+Search [Github Issues](https://github.com/Laserfiche/lf-ui-components/issues) for existing bugs report or features request related to your question. Please submit an Issue or Feature Request if your issues or requests have not been addressed.
+
+## <a name="submit-pr"></a> PR Submission Guidelines
+
+- Search Github [Pull Requests](https://github.com/Laserfiche/lf-ui-components/pulls) for PRs related to your submission. Make sure that this is not a duplication.
+- Link the issue addressed by the PR.
+- Add unit tests or document manual tests to validate the changes.
+- Workflow shall triggers all unit tests. For a pull request to be accepted, all unit tests must pass when run workflow.
+
+After the submission, core members of the project will review the code.
+
+## <a name="rules"></a> Coding Rules
+
+Please follow the rules as you work on the code:
+
+- Please add unit tests for each fixed bug or added feature.
+- Please use clean and informative names.
+- Leave the code better than you find it.
diff --git a/README.md b/README.md
index dbc59d8b..c34e10f9 100644
--- a/README.md
+++ b/README.md
@@ -83,7 +83,6 @@ to create `./dist/lf-documentation`.
 1. Configure a web server to serve `./dist` (e.g. IIS on WIndows).
 
 2. Browse to `http://localhost/dist-folder/lf-documentation/index.html` to view the documentation (assuming that `dist-folder` is mapped to `./dist`).
-
    - Note that index.html loads the UI components using `<script src="./../lf-cdn/lf-ui-components.js" defer></script>`
 
 ## Things to verify before creating a Pull Request
diff --git a/angular.json b/angular.json
index 28246072..3fd3c57a 100644
--- a/angular.json
+++ b/angular.json
@@ -30,9 +30,7 @@
                 "output": ""
               }
             ],
-            "styles": [
-              "projects/lf-cdn/src/styles.css"
-            ],
+            "styles": ["projects/lf-cdn/src/styles.css"],
             "scripts": [],
             "browser": "projects/lf-cdn/src/main.ts"
           },
@@ -97,10 +95,7 @@
         "lint": {
           "builder": "@angular-eslint/builder:lint",
           "options": {
-            "lintFilePatterns": [
-              "projects/lf-cdn/**/*.ts",
-              "projects/lf-cdn/**/*.html"
-            ]
+            "lintFilePatterns": ["projects/lf-cdn/**/*.ts", "projects/lf-cdn/**/*.html"]
           }
         }
       }
@@ -132,10 +127,7 @@
                 "output": ""
               }
             ],
-            "styles": [
-              "projects/lf-documentation/src/styles.css",
-              "./node_modules/flatpickr/dist/flatpickr.min.css"
-            ],
+            "styles": ["projects/lf-documentation/src/styles.css", "./node_modules/flatpickr/dist/flatpickr.min.css"],
             "scripts": [],
             "browser": "projects/lf-documentation/src/main.ts"
           },
@@ -202,10 +194,7 @@
         "lint": {
           "builder": "@angular-eslint/builder:lint",
           "options": {
-            "lintFilePatterns": [
-              "projects/lf-documentation/**/*.ts",
-              "projects/lf-documentation/**/*.html"
-            ]
+            "lintFilePatterns": ["projects/lf-documentation/**/*.ts", "projects/lf-documentation/**/*.html"]
           }
         }
       }
@@ -241,10 +230,7 @@
         "lint": {
           "builder": "@angular-eslint/builder:lint",
           "options": {
-            "lintFilePatterns": [
-              "projects/ui-components/**/*.ts",
-              "projects/ui-components/**/*.html"
-            ]
+            "lintFilePatterns": ["projects/ui-components/**/*.ts", "projects/ui-components/**/*.html"]
           }
         }
       }
diff --git a/api-extractor.json b/api-extractor.json
index 71fae447..42858f73 100644
--- a/api-extractor.json
+++ b/api-extractor.json
@@ -1,4 +1,3 @@
-
 {
   "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json",
 
@@ -6,15 +5,13 @@
 
   "bundledPackages": ["@laserfiche/lf-ui-components"],
 
-  "compiler": {
-  },
+  "compiler": {},
 
   "apiReport": {
     "enabled": false
   },
 
   "docModel": {
-
     "enabled": false
   },
 
@@ -27,15 +24,12 @@
   },
 
   "tsdocMetadata": {
-
     "enabled": false
   },
 
   "messages": {
     "compilerMessageReporting": {
-
       "default": {
-
         "logLevel": "warning",
 
         "addToApiReportFile": false
diff --git a/code_of_conduct.md b/code_of_conduct.md
index 14ca8d46..afbeab07 100644
--- a/code_of_conduct.md
+++ b/code_of_conduct.md
@@ -1,136 +1,135 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-
-# Contributor Covenant Code of Conduct
-
-## Our Pledge
-
-We as members, contributors, and leaders pledge to make participation in our
-community a harassment-free experience for everyone, regardless of age, body
-size, visible or invisible disability, ethnicity, sex characteristics, gender
-identity and expression, level of experience, education, socio-economic status,
-nationality, personal appearance, race, caste, color, religion, or sexual
-identity and orientation.
-
-We pledge to act and interact in ways that contribute to an open, welcoming,
-diverse, inclusive, and healthy community.
-
-## Our Standards
-
-Examples of behavior that contributes to a positive environment for our
-community include:
-
-* Demonstrating empathy and kindness toward other people
-* Being respectful of differing opinions, viewpoints, and experiences
-* Giving and gracefully accepting constructive feedback
-* Accepting responsibility and apologizing to those affected by our mistakes,
-  and learning from the experience
-* Focusing on what is best not just for us as individuals, but for the overall
-  community
-
-Examples of unacceptable behavior include:
-
-* The use of sexualized language or imagery, and sexual attention or advances of
-  any kind
-* Trolling, insulting or derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or email address,
-  without their explicit permission
-* Other conduct which could reasonably be considered inappropriate in a
-  professional setting
-
-## Enforcement Responsibilities
-
-Community leaders are responsible for clarifying and enforcing our standards of
-acceptable behavior and will take appropriate and fair corrective action in
-response to any behavior that they deem inappropriate, threatening, offensive,
-or harmful.
-
-Community leaders 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, and will communicate reasons for moderation
-decisions when appropriate.
-
-## Scope
-
-This Code of Conduct applies within all community spaces, and also applies when
-an individual is officially representing the community in public spaces.
-Examples of representing our community include using an official e-mail address,
-posting via an official social media account, or acting as an appointed
-representative at an online or offline event.
-
-## Enforcement
-
-Instances of abusive, harassing, or otherwise unacceptable behavior may be
-reported to the community leaders responsible for enforcement at
-[INSERT CONTACT METHOD].
-All complaints will be reviewed and investigated promptly and fairly.
-
-All community leaders are obligated to respect the privacy and security of the
-reporter of any incident.
-
-## Enforcement Guidelines
-
-Community leaders will follow these Community Impact Guidelines in determining
-the consequences for any action they deem in violation of this Code of Conduct:
-
-### 1. Correction
-
-**Community Impact**: Use of inappropriate language or other behavior deemed
-unprofessional or unwelcome in the community.
-
-**Consequence**: A private, written warning from community leaders, providing
-clarity around the nature of the violation and an explanation of why the
-behavior was inappropriate. A public apology may be requested.
-
-### 2. Warning
-
-**Community Impact**: A violation through a single incident or series of
-actions.
-
-**Consequence**: A warning with consequences for continued behavior. No
-interaction with the people involved, including unsolicited interaction with
-those enforcing the Code of Conduct, for a specified period of time. This
-includes avoiding interactions in community spaces as well as external channels
-like social media. Violating these terms may lead to a temporary or permanent
-ban.
-
-### 3. Temporary Ban
-
-**Community Impact**: A serious violation of community standards, including
-sustained inappropriate behavior.
-
-**Consequence**: A temporary ban from any sort of interaction or public
-communication with the community for a specified period of time. No public or
-private interaction with the people involved, including unsolicited interaction
-with those enforcing the Code of Conduct, is allowed during this period.
-Violating these terms may lead to a permanent ban.
-
-### 4. Permanent Ban
-
-**Community Impact**: Demonstrating a pattern of violation of community
-standards, including sustained inappropriate behavior, harassment of an
-individual, or aggression toward or disparagement of classes of individuals.
-
-**Consequence**: A permanent ban from any sort of public interaction within the
-community.
-
-## Attribution
-
-This Code of Conduct is adapted from the [Contributor Covenant][homepage],
-version 2.1, available at
-[https://www.contributor-covenant.org/version/2/1/code_of_conduct.html][v2.1].
-
-Community Impact Guidelines were inspired by
-[Mozilla's code of conduct enforcement ladder][Mozilla CoC].
-
-For answers to common questions about this code of conduct, see the FAQ at
-[https://www.contributor-covenant.org/faq][FAQ]. Translations are available at
-[https://www.contributor-covenant.org/translations][translations].
-
-[homepage]: https://www.contributor-covenant.org
-[v2.1]: https://www.contributor-covenant.org/version/2/1/code_of_conduct.html
-[Mozilla CoC]: https://github.com/mozilla/diversity
-[FAQ]: https://www.contributor-covenant.org/faq
-[translations]: https://www.contributor-covenant.org/translations
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+We as members, contributors, and leaders pledge to make participation in our
+community a harassment-free experience for everyone, regardless of age, body
+size, visible or invisible disability, ethnicity, sex characteristics, gender
+identity and expression, level of experience, education, socio-economic status,
+nationality, personal appearance, race, caste, color, religion, or sexual
+identity and orientation.
+
+We pledge to act and interact in ways that contribute to an open, welcoming,
+diverse, inclusive, and healthy community.
+
+## Our Standards
+
+Examples of behavior that contributes to a positive environment for our
+community include:
+
+- Demonstrating empathy and kindness toward other people
+- Being respectful of differing opinions, viewpoints, and experiences
+- Giving and gracefully accepting constructive feedback
+- Accepting responsibility and apologizing to those affected by our mistakes,
+  and learning from the experience
+- Focusing on what is best not just for us as individuals, but for the overall
+  community
+
+Examples of unacceptable behavior include:
+
+- The use of sexualized language or imagery, and sexual attention or advances of
+  any kind
+- Trolling, insulting or derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or email address,
+  without their explicit permission
+- Other conduct which could reasonably be considered inappropriate in a
+  professional setting
+
+## Enforcement Responsibilities
+
+Community leaders are responsible for clarifying and enforcing our standards of
+acceptable behavior and will take appropriate and fair corrective action in
+response to any behavior that they deem inappropriate, threatening, offensive,
+or harmful.
+
+Community leaders 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, and will communicate reasons for moderation
+decisions when appropriate.
+
+## Scope
+
+This Code of Conduct applies within all community spaces, and also applies when
+an individual is officially representing the community in public spaces.
+Examples of representing our community include using an official e-mail address,
+posting via an official social media account, or acting as an appointed
+representative at an online or offline event.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported to the community leaders responsible for enforcement at
+[INSERT CONTACT METHOD].
+All complaints will be reviewed and investigated promptly and fairly.
+
+All community leaders are obligated to respect the privacy and security of the
+reporter of any incident.
+
+## Enforcement Guidelines
+
+Community leaders will follow these Community Impact Guidelines in determining
+the consequences for any action they deem in violation of this Code of Conduct:
+
+### 1. Correction
+
+**Community Impact**: Use of inappropriate language or other behavior deemed
+unprofessional or unwelcome in the community.
+
+**Consequence**: A private, written warning from community leaders, providing
+clarity around the nature of the violation and an explanation of why the
+behavior was inappropriate. A public apology may be requested.
+
+### 2. Warning
+
+**Community Impact**: A violation through a single incident or series of
+actions.
+
+**Consequence**: A warning with consequences for continued behavior. No
+interaction with the people involved, including unsolicited interaction with
+those enforcing the Code of Conduct, for a specified period of time. This
+includes avoiding interactions in community spaces as well as external channels
+like social media. Violating these terms may lead to a temporary or permanent
+ban.
+
+### 3. Temporary Ban
+
+**Community Impact**: A serious violation of community standards, including
+sustained inappropriate behavior.
+
+**Consequence**: A temporary ban from any sort of interaction or public
+communication with the community for a specified period of time. No public or
+private interaction with the people involved, including unsolicited interaction
+with those enforcing the Code of Conduct, is allowed during this period.
+Violating these terms may lead to a permanent ban.
+
+### 4. Permanent Ban
+
+**Community Impact**: Demonstrating a pattern of violation of community
+standards, including sustained inappropriate behavior, harassment of an
+individual, or aggression toward or disparagement of classes of individuals.
+
+**Consequence**: A permanent ban from any sort of public interaction within the
+community.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage],
+version 2.1, available at
+[https://www.contributor-covenant.org/version/2/1/code_of_conduct.html][v2.1].
+
+Community Impact Guidelines were inspired by
+[Mozilla's code of conduct enforcement ladder][Mozilla CoC].
+
+For answers to common questions about this code of conduct, see the FAQ at
+[https://www.contributor-covenant.org/faq][FAQ]. Translations are available at
+[https://www.contributor-covenant.org/translations][translations].
+
+[homepage]: https://www.contributor-covenant.org
+[v2.1]: https://www.contributor-covenant.org/version/2/1/code_of_conduct.html
+[Mozilla CoC]: https://github.com/mozilla/diversity
+[FAQ]: https://www.contributor-covenant.org/faq
+[translations]: https://www.contributor-covenant.org/translations
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 0e73d012..db536ad8 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -35,22 +35,13 @@ export default tseslint.config(
     },
     languageOptions: {
       parserOptions: {
-        project: [
-          "projects/ui-components/tsconfig.lib.json",
-          "projects/ui-components/tsconfig.spec.json",
-        ],
+        project: ["projects/ui-components/tsconfig.lib.json", "projects/ui-components/tsconfig.spec.json"],
       },
     },
     rules: {
-        ...sharedRules,
-      "@angular-eslint/directive-selector": [
-        "error",
-        { type: "attribute", prefix: "lf", style: "camelCase" },
-      ],
-      "@angular-eslint/component-selector": [
-        "error",
-        { type: "element", prefix: "lf", style: "kebab-case" },
-      ],
+      ...sharedRules,
+      "@angular-eslint/directive-selector": ["error", { type: "attribute", prefix: "lf", style: "camelCase" }],
+      "@angular-eslint/component-selector": ["error", { type: "element", prefix: "lf", style: "kebab-case" }],
     },
   },
 
@@ -64,22 +55,13 @@ export default tseslint.config(
     },
     languageOptions: {
       parserOptions: {
-        project: [
-          "projects/lf-cdn/tsconfig.app.json",
-          "projects/lf-cdn/tsconfig.spec.json",
-        ],
+        project: ["projects/lf-cdn/tsconfig.app.json", "projects/lf-cdn/tsconfig.spec.json"],
       },
     },
     rules: {
       ...sharedRules,
-      "@angular-eslint/directive-selector": [
-        "error",
-        { type: "attribute", prefix: "app", style: "camelCase" },
-      ],
-      "@angular-eslint/component-selector": [
-        "error",
-        { type: "element", prefix: "app", style: "kebab-case" },
-      ],
+      "@angular-eslint/directive-selector": ["error", { type: "attribute", prefix: "app", style: "camelCase" }],
+      "@angular-eslint/component-selector": ["error", { type: "element", prefix: "app", style: "kebab-case" }],
     },
   },
 
@@ -93,22 +75,13 @@ export default tseslint.config(
     },
     languageOptions: {
       parserOptions: {
-        project: [
-          "projects/lf-documentation/tsconfig.app.json",
-          "projects/lf-documentation/tsconfig.spec.json",
-        ],
+        project: ["projects/lf-documentation/tsconfig.app.json", "projects/lf-documentation/tsconfig.spec.json"],
       },
     },
     rules: {
       ...sharedRules,
-      "@angular-eslint/directive-selector": [
-        "error",
-        { type: "attribute", prefix: "app", style: "camelCase" },
-      ],
-      "@angular-eslint/component-selector": [
-        "error",
-        { type: "element", prefix: "app", style: "kebab-case" },
-      ],
+      "@angular-eslint/directive-selector": ["error", { type: "attribute", prefix: "app", style: "camelCase" }],
+      "@angular-eslint/component-selector": ["error", { type: "element", prefix: "app", style: "kebab-case" }],
     },
   },
 
diff --git a/gulpfile.js b/gulpfile.js
index 43d2cc25..fe87798c 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -1,87 +1,85 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-const { src, dest } = require('gulp');
-const replace = require('gulp-replace');
-const fs = require('fs');
-
-const argv = require('yargs')(process.argv.slice(2))
-  .parserConfiguration({
-    "parse-numbers": false,
-  })
-  .argv;
-
-// Strings for replacement
-const BUILD_NUMBER = 'PIPELINE_VERSION';
-const NPM_VERSION = 'NPM_VERSION';
-const TYPE_FILE_PATH = './types-lf-ui-components-publish/index.d.ts';
-const TYPES_IMPORTS = /import.*/g;
-const TYPES_EXPORTS = /export.*{.*}.*/g;
-const TYPES_EVENTEMITTER = 'EventEmitter';
-const TYPES_CUSTOMEVENT = 'CustomEvent';
-const TYPES_IMPLEMENTS = /implements.*{/g;
-const TYPES_NO_IMPLEMENTS = '{';
-const NPM_PUBLISH = './types-lf-ui-components-publish/';
-const LF_CDN_BROWSER_DIR = './dist/lf-cdn/browser/';
-const MAIN_SCRIPT_FILE = 'main.js';
-const MAIN_SCRIPT_MAP_FILE = 'main.js.map';
-const CDN_UI_COMPONENTS_FILE = 'lf-ui-components.js';
-const CDN_UI_COMPONENTS_MAP_FILE = 'lf-ui-components.js.map';
-const COMPILED_GETTING_STARTED_FILE_PATH = './dist/lf-documentation/browser/main.js';
-const BUILT_INDEX_HTML_FILEPATH = './dist/lf-documentation/browser/index.html';
-const OLD_LF_STYLE_SHEET_PATH = './lf-laserfiche-lite.css';
-const NEW_LF_STYLE_SHEET_PATH = 'https://lfxstatic.com/npm/@laserfiche/lf-ui-components@NPM_VERSION/cdn/lf-laserfiche-lite.css';
-const OLD_MS_OFFICE_STYLE_SHEET_PATH = './lf-ms-office-lite.css';
-const NEW_MS_OFFICE_STYLE_SHEET_PATH = 'https://lfxstatic.com/npm/@laserfiche/lf-ui-components@NPM_VERSION/cdn/lf-ms-office-lite.css';
-
-async function replacePlaceholdersInDocumentation(){
-  src(COMPILED_GETTING_STARTED_FILE_PATH, {base: './'})
-      .pipe(replace(OLD_LF_STYLE_SHEET_PATH, NEW_LF_STYLE_SHEET_PATH))
-      .pipe(replace(OLD_MS_OFFICE_STYLE_SHEET_PATH, NEW_MS_OFFICE_STYLE_SHEET_PATH))
-      .pipe(dest('./'));
-};
-
-async function replaceVersionInDocumentation(){
-  src(COMPILED_GETTING_STARTED_FILE_PATH, {base: './'})
-      .pipe(replace(NPM_VERSION, getNpmVersion()))
-      .pipe(dest('./'));
-};
-
-async function replaceVersionInIndexHtml(){
-  src(BUILT_INDEX_HTML_FILEPATH, {base: './'})
-      .pipe(replace(BUILD_NUMBER, getNpmVersion()))
-      .pipe(replace(NPM_VERSION, getNpmVersion()))
-      .pipe(dest('./'));
-};
-
-function getNpmVersion() {
-  const npmVersion = argv.npmVersion;
-  return npmVersion;
-}
-
-async function processTypesFile() {
-  src([TYPE_FILE_PATH])
-  .pipe(replace(TYPES_IMPORTS, ''))
-  .pipe(replace(TYPES_EXPORTS, ''))
-  .pipe(replace(TYPES_EVENTEMITTER, TYPES_CUSTOMEVENT))
-  .pipe(replace(TYPES_IMPLEMENTS, TYPES_NO_IMPLEMENTS))
-  .pipe(dest(NPM_PUBLISH));
-}
-
-async function renameLfCdn() {
-  const mainJsPath = LF_CDN_BROWSER_DIR + MAIN_SCRIPT_FILE;
-  const mainJsMapPath = LF_CDN_BROWSER_DIR + MAIN_SCRIPT_MAP_FILE;
-  const cdnJsPath = LF_CDN_BROWSER_DIR + CDN_UI_COMPONENTS_FILE;
-  const cdnJsMapPath = LF_CDN_BROWSER_DIR + CDN_UI_COMPONENTS_MAP_FILE;
-
-  const content = fs.readFileSync(mainJsPath, 'utf8');
-  fs.writeFileSync(cdnJsPath, content.replace(MAIN_SCRIPT_MAP_FILE, CDN_UI_COMPONENTS_MAP_FILE));
-  fs.unlinkSync(mainJsPath);
-  fs.renameSync(mainJsMapPath, cdnJsMapPath);
-}
-
-exports.processTypesFile = processTypesFile;
-exports.replacePlaceholdersInDocumentation = replacePlaceholdersInDocumentation;
-exports.replaceVersionInIndexHtml = replaceVersionInIndexHtml;
-exports.replaceVersionInDocumentation = replaceVersionInDocumentation;
-exports.renameLfCdn = renameLfCdn;
\ No newline at end of file
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+const { src, dest } = require('gulp');
+const replace = require('gulp-replace');
+const fs = require('fs');
+
+const argv = require('yargs')(process.argv.slice(2)).parserConfiguration({
+  'parse-numbers': false,
+}).argv;
+
+// Strings for replacement
+const BUILD_NUMBER = 'PIPELINE_VERSION';
+const NPM_VERSION = 'NPM_VERSION';
+const TYPE_FILE_PATH = './types-lf-ui-components-publish/index.d.ts';
+const TYPES_IMPORTS = /import.*/g;
+const TYPES_EXPORTS = /export.*{.*}.*/g;
+const TYPES_EVENTEMITTER = 'EventEmitter';
+const TYPES_CUSTOMEVENT = 'CustomEvent';
+const TYPES_IMPLEMENTS = /implements.*{/g;
+const TYPES_NO_IMPLEMENTS = '{';
+const NPM_PUBLISH = './types-lf-ui-components-publish/';
+const LF_CDN_BROWSER_DIR = './dist/lf-cdn/browser/';
+const MAIN_SCRIPT_FILE = 'main.js';
+const MAIN_SCRIPT_MAP_FILE = 'main.js.map';
+const CDN_UI_COMPONENTS_FILE = 'lf-ui-components.js';
+const CDN_UI_COMPONENTS_MAP_FILE = 'lf-ui-components.js.map';
+const COMPILED_GETTING_STARTED_FILE_PATH = './dist/lf-documentation/browser/main.js';
+const BUILT_INDEX_HTML_FILEPATH = './dist/lf-documentation/browser/index.html';
+const OLD_LF_STYLE_SHEET_PATH = './lf-laserfiche-lite.css';
+const NEW_LF_STYLE_SHEET_PATH =
+  'https://lfxstatic.com/npm/@laserfiche/lf-ui-components@NPM_VERSION/cdn/lf-laserfiche-lite.css';
+const OLD_MS_OFFICE_STYLE_SHEET_PATH = './lf-ms-office-lite.css';
+const NEW_MS_OFFICE_STYLE_SHEET_PATH =
+  'https://lfxstatic.com/npm/@laserfiche/lf-ui-components@NPM_VERSION/cdn/lf-ms-office-lite.css';
+
+async function replacePlaceholdersInDocumentation() {
+  src(COMPILED_GETTING_STARTED_FILE_PATH, { base: './' })
+    .pipe(replace(OLD_LF_STYLE_SHEET_PATH, NEW_LF_STYLE_SHEET_PATH))
+    .pipe(replace(OLD_MS_OFFICE_STYLE_SHEET_PATH, NEW_MS_OFFICE_STYLE_SHEET_PATH))
+    .pipe(dest('./'));
+}
+
+async function replaceVersionInDocumentation() {
+  src(COMPILED_GETTING_STARTED_FILE_PATH, { base: './' }).pipe(replace(NPM_VERSION, getNpmVersion())).pipe(dest('./'));
+}
+
+async function replaceVersionInIndexHtml() {
+  src(BUILT_INDEX_HTML_FILEPATH, { base: './' })
+    .pipe(replace(BUILD_NUMBER, getNpmVersion()))
+    .pipe(replace(NPM_VERSION, getNpmVersion()))
+    .pipe(dest('./'));
+}
+
+function getNpmVersion() {
+  const npmVersion = argv.npmVersion;
+  return npmVersion;
+}
+
+async function processTypesFile() {
+  src([TYPE_FILE_PATH])
+    .pipe(replace(TYPES_IMPORTS, ''))
+    .pipe(replace(TYPES_EXPORTS, ''))
+    .pipe(replace(TYPES_EVENTEMITTER, TYPES_CUSTOMEVENT))
+    .pipe(replace(TYPES_IMPLEMENTS, TYPES_NO_IMPLEMENTS))
+    .pipe(dest(NPM_PUBLISH));
+}
+
+async function renameLfCdn() {
+  const mainJsPath = LF_CDN_BROWSER_DIR + MAIN_SCRIPT_FILE;
+  const mainJsMapPath = LF_CDN_BROWSER_DIR + MAIN_SCRIPT_MAP_FILE;
+  const cdnJsPath = LF_CDN_BROWSER_DIR + CDN_UI_COMPONENTS_FILE;
+  const cdnJsMapPath = LF_CDN_BROWSER_DIR + CDN_UI_COMPONENTS_MAP_FILE;
+
+  const content = fs.readFileSync(mainJsPath, 'utf8');
+  fs.writeFileSync(cdnJsPath, content.replace(MAIN_SCRIPT_MAP_FILE, CDN_UI_COMPONENTS_MAP_FILE));
+  fs.unlinkSync(mainJsPath);
+  fs.renameSync(mainJsMapPath, cdnJsMapPath);
+}
+
+exports.processTypesFile = processTypesFile;
+exports.replacePlaceholdersInDocumentation = replacePlaceholdersInDocumentation;
+exports.replaceVersionInIndexHtml = replaceVersionInIndexHtml;
+exports.replaceVersionInDocumentation = replaceVersionInDocumentation;
+exports.renameLfCdn = renameLfCdn;
diff --git a/package-lock.json b/package-lock.json
index a980a4fe..71869ee7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -29,9 +29,9 @@
         "eslint": "^10.0.3",
         "flatpickr": "^4.6.13",
         "gulp": "^5.0.1",
-        "gulp-concat": "^2.6.1",
         "gulp-replace": "^1.1.4",
         "ng-packagr": "^21.2.0",
+        "prettier": "^3.8.1",
         "puppeteer": "^24.39.1",
         "tslib": "^2.8.1",
         "typescript": "5.9.3",
@@ -9116,16 +9116,6 @@
         "node": ">=0.8"
       }
     },
-    "node_modules/clone-buffer": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/clone-buffer/-/clone-buffer-1.0.0.tgz",
-      "integrity": "sha512-KLLTJWrvwIP+OPfMn0x2PheDEP20RPUcGXj/ERegTgdmPEZylALQldygiqrPPu8P45uNuPs7ckmReLY6v/iA5g==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
     "node_modules/clone-deep": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz",
@@ -9154,25 +9144,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/clone-stats": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-1.0.0.tgz",
-      "integrity": "sha512-au6ydSpg6nsrigcZ4m8Bc9hxjeW+GJ8xh5G3BJCMt4WXe1H10UNaVOamqQTmrx1kjVuxAHIQSNU6hY4Nsn9/ag==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/cloneable-readable": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/cloneable-readable/-/cloneable-readable-1.1.3.tgz",
-      "integrity": "sha512-2EF8zTQOxYq70Y4XKtorQupqF0m49MBz2/yf5Bj+MHjvpG3Hy7sImifnqD6UA+TKYxeSV+u6qqQPawN5UvnpKQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "inherits": "^2.0.1",
-        "process-nextick-args": "^2.0.0",
-        "readable-stream": "^2.3.5"
-      }
-    },
     "node_modules/code-block-writer": {
       "version": "12.0.0",
       "resolved": "https://registry.npmjs.org/code-block-writer/-/code-block-writer-12.0.0.tgz",
@@ -9304,26 +9275,6 @@
       ],
       "license": "MIT"
     },
-    "node_modules/concat-with-sourcemaps": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/concat-with-sourcemaps/-/concat-with-sourcemaps-1.1.0.tgz",
-      "integrity": "sha512-4gEjHJFT9e+2W/77h/DS5SGUgwDaOwprX8L/gl5+3ixnzkVJJsZWDSelmN3Oilw3LNDZjZV0yqH1hLG3k6nghg==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "source-map": "^0.6.1"
-      }
-    },
-    "node_modules/concat-with-sourcemaps/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/connect-history-api-fallback": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz",
@@ -11522,21 +11473,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/gulp-concat": {
-      "version": "2.6.1",
-      "resolved": "https://registry.npmjs.org/gulp-concat/-/gulp-concat-2.6.1.tgz",
-      "integrity": "sha512-a2scActrQrDBpBbR3WUZGyGS1JEPLg5PZJdIa7/Bi3GuKAmPYDK6SFhy/NZq5R8KsKKFvtfR0fakbUCcKGCCjg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "concat-with-sourcemaps": "^1.0.0",
-        "through2": "^2.0.0",
-        "vinyl": "^2.0.0"
-      },
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
     "node_modules/gulp-replace": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/gulp-replace/-/gulp-replace-1.1.4.tgz",
@@ -14875,6 +14811,22 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/prettier": {
+      "version": "3.8.1",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.8.1.tgz",
+      "integrity": "sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
     "node_modules/proc-log": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-6.1.0.tgz",
@@ -15250,16 +15202,6 @@
       "dev": true,
       "license": "ISC"
     },
-    "node_modules/replace-ext": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.1.tgz",
-      "integrity": "sha512-yD5BHCe7quCgBph4rMQ+0KkIRKwWCrHDOX1p1Gp6HwjPM5kVoCdKGNhN7ydqqsX6lJEnQDKZ/tFMiEdQ1dvPEw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
     "node_modules/replace-homedir": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/replace-homedir/-/replace-homedir-2.0.0.tgz",
@@ -16855,17 +16797,6 @@
         "tslib": "^2"
       }
     },
-    "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,
-      "license": "MIT",
-      "dependencies": {
-        "readable-stream": "~2.3.6",
-        "xtend": "~4.0.1"
-      }
-    },
     "node_modules/thunky": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
@@ -17395,24 +17326,6 @@
         "node": ">= 0.8"
       }
     },
-    "node_modules/vinyl": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-2.2.1.tgz",
-      "integrity": "sha512-LII3bXRFBZLlezoG5FfZVcXflZgWP/4dCwKtxd5ky9+LOtM4CS3bIRQsmR1KMnMW07jpE8fqR2lcxPZ+8sJIcw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "clone": "^2.1.1",
-        "clone-buffer": "^1.0.0",
-        "clone-stats": "^1.0.0",
-        "cloneable-readable": "^1.0.0",
-        "remove-trailing-separator": "^1.0.1",
-        "replace-ext": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
     "node_modules/vinyl-contents": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/vinyl-contents/-/vinyl-contents-2.0.0.tgz",
@@ -18629,16 +18542,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "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,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.4"
-      }
-    },
     "node_modules/y18n": {
       "version": "5.0.8",
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
diff --git a/package.json b/package.json
index 8d004424..765332a5 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,8 @@
     "build-ui-components-dev-watch": "ng build ui-components --configuration development --watch",
     "test": "vitest --browser.enabled --run",
     "test:ci": "vitest --browser.enabled --run",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
     "lint": "ng lint",
     "tsc-cdn": "tsc --project ./projects/lf-cdn/tsconfig.app.json",
     "api-extractor": "api-extractor run --local",
@@ -51,6 +53,7 @@
     "gulp": "^5.0.1",
     "gulp-replace": "^1.1.4",
     "ng-packagr": "^21.2.0",
+    "prettier": "^3.8.1",
     "puppeteer": "^24.39.1",
     "tslib": "^2.8.1",
     "typescript": "5.9.3",
diff --git a/projects/lf-cdn/README.md b/projects/lf-cdn/README.md
index 013b63ae..3136f859 100644
--- a/projects/lf-cdn/README.md
+++ b/projects/lf-cdn/README.md
@@ -1,15 +1,15 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-# lf-cdn
-
-## What this project does
-
-Generates `dist/lf-cdn/lf-ui-components.js` that can be used to import UI elements using the script tag. Please see top-level README for more information.
-
-## Build
-
-1. Cd to repo's root folder.
-2. `npm install ./projects/ui-components`
-3. Build ui-components using `npm run build-ui-components-prod`.
-4. Run `npm run create-lf-cdn`, which will generate `dist/lf-cdn/lf-ui-components.js`.
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+# lf-cdn
+
+## What this project does
+
+Generates `dist/lf-cdn/lf-ui-components.js` that can be used to import UI elements using the script tag. Please see top-level README for more information.
+
+## Build
+
+1. Cd to repo's root folder.
+2. `npm install ./projects/ui-components`
+3. Build ui-components using `npm run build-ui-components-prod`.
+4. Run `npm run create-lf-cdn`, which will generate `dist/lf-cdn/lf-ui-components.js`.
diff --git a/projects/lf-cdn/src/app/app.component.css b/projects/lf-cdn/src/app/app.component.css
index f41dcd94..e2d6c5d6 100644
--- a/projects/lf-cdn/src/app/app.component.css
+++ b/projects/lf-cdn/src/app/app.component.css
@@ -1,3 +1,2 @@
 /*Copyright Laserfiche.
 Licensed under the MIT License. See LICENSE in the project root for license information.*/
-
diff --git a/projects/lf-cdn/src/app/app.component.spec.ts b/projects/lf-cdn/src/app/app.component.spec.ts
index 278424cc..7b846d07 100644
--- a/projects/lf-cdn/src/app/app.component.spec.ts
+++ b/projects/lf-cdn/src/app/app.component.spec.ts
@@ -1,27 +1,25 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { TestBed } from '@angular/core/testing';
-import { AppComponent } from './app.component';
-
-describe('AppComponent', () => {
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [
-        AppComponent
-      ],
-    }).compileComponents();
-  });
-
-  it('should create the app', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app).toBeTruthy();
-  });
-
-  it(`should have as title 'lf-cdn'`, () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app.title).toEqual('lf-cdn');
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { TestBed } from '@angular/core/testing';
+import { AppComponent } from './app.component';
+
+describe('AppComponent', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [AppComponent],
+    }).compileComponents();
+  });
+
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app).toBeTruthy();
+  });
+
+  it(`should have as title 'lf-cdn'`, () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app.title).toEqual('lf-cdn');
+  });
+});
diff --git a/projects/lf-cdn/src/app/app.component.ts b/projects/lf-cdn/src/app/app.component.ts
index 9239ab27..601928c3 100644
--- a/projects/lf-cdn/src/app/app.component.ts
+++ b/projects/lf-cdn/src/app/app.component.ts
@@ -1,14 +1,14 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'app-root',
-    templateUrl: './app.component.html',
-    styleUrls: ['./app.component.css'],
-    standalone: true
-})
-export class AppComponent {
-  title = 'lf-cdn';
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.css'],
+  standalone: true,
+})
+export class AppComponent {
+  title = 'lf-cdn';
+}
diff --git a/projects/lf-cdn/src/environments/environment.prod.ts b/projects/lf-cdn/src/environments/environment.prod.ts
index 67aaf48a..3f8768a1 100644
--- a/projects/lf-cdn/src/environments/environment.prod.ts
+++ b/projects/lf-cdn/src/environments/environment.prod.ts
@@ -1,6 +1,6 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-export const environment = {
-  production: true
-};
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+export const environment = {
+  production: true,
+};
diff --git a/projects/lf-cdn/src/environments/environment.ts b/projects/lf-cdn/src/environments/environment.ts
index 414bba30..3b7e0cda 100644
--- a/projects/lf-cdn/src/environments/environment.ts
+++ b/projects/lf-cdn/src/environments/environment.ts
@@ -1,10 +1,10 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-// This file can be replaced during build by using the `fileReplacements` array.
-// `ng build` replaces `environment.ts` with `environment.prod.ts`.
-// The list of file replacements can be found in `angular.json`.
-
-export const environment = {
-  production: false
-};
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+  production: false,
+};
diff --git a/projects/lf-cdn/src/index.html b/projects/lf-cdn/src/index.html
index fd1ede4e..2f3f9d9a 100644
--- a/projects/lf-cdn/src/index.html
+++ b/projects/lf-cdn/src/index.html
@@ -1,15 +1,15 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>LfCdn</title>
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-</head>
-<body>
-  <app-root></app-root>
-</body>
-</html>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>LfCdn</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+  </head>
+  <body>
+    <app-root></app-root>
+  </body>
+</html>
diff --git a/projects/lf-cdn/src/index.ts b/projects/lf-cdn/src/index.ts
index 87565dce..9ea3dccb 100644
--- a/projects/lf-cdn/src/index.ts
+++ b/projects/lf-cdn/src/index.ts
@@ -1,4 +1,33 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-export { LfLoginComponent, AuthorizationCredentials, AccountEndpoints, AbortedLoginError, LfBeforeFetchResult, LfHttpRequestHandler, LfChecklistService, LfChecklistProviders, LfChecklistComponent, Checklist, ChecklistItem, ChecklistOption, LfFieldContainerComponent, LfFieldContainerService, LfFieldAdhocContainerComponent, LfFieldAdhocContainerService, LfFieldTemplateContainerComponent, LfFieldTemplateProviders, LfFieldTemplateContainerService, LfUserFeedbackComponent, LfRepositoryBrowserComponent, LfTreeNode, LfTreeNodePage, LfTreeNodeService, LfBreadcrumb, LfBreadcrumbsComponent, LfToolbarComponent, ToolbarOption } from '../../ui-components/projects';
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+export {
+  LfLoginComponent,
+  AuthorizationCredentials,
+  AccountEndpoints,
+  AbortedLoginError,
+  LfBeforeFetchResult,
+  LfHttpRequestHandler,
+  LfChecklistService,
+  LfChecklistProviders,
+  LfChecklistComponent,
+  Checklist,
+  ChecklistItem,
+  ChecklistOption,
+  LfFieldContainerComponent,
+  LfFieldContainerService,
+  LfFieldAdhocContainerComponent,
+  LfFieldAdhocContainerService,
+  LfFieldTemplateContainerComponent,
+  LfFieldTemplateProviders,
+  LfFieldTemplateContainerService,
+  LfUserFeedbackComponent,
+  LfRepositoryBrowserComponent,
+  LfTreeNode,
+  LfTreeNodePage,
+  LfTreeNodeService,
+  LfBreadcrumb,
+  LfBreadcrumbsComponent,
+  LfToolbarComponent,
+  ToolbarOption,
+} from '../../ui-components/projects';
diff --git a/projects/lf-cdn/src/main.ts b/projects/lf-cdn/src/main.ts
index 9f24c790..79f4f9bb 100644
--- a/projects/lf-cdn/src/main.ts
+++ b/projects/lf-cdn/src/main.ts
@@ -1,19 +1,16 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { enableProdMode, provideZonelessChangeDetection } from '@angular/core';
-import { createApplication } from '@angular/platform-browser';
-import { provideAnimations } from '@angular/platform-browser/animations';
-
-import { environment } from './environments/environment';
-
-if (environment.production) {
-  enableProdMode();
-}
-
-createApplication({
-  providers: [
-    provideAnimations(),
-    provideZonelessChangeDetection(),
-  ]
-}).catch(err => console.error(err));
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { enableProdMode, provideZonelessChangeDetection } from '@angular/core';
+import { createApplication } from '@angular/platform-browser';
+import { provideAnimations } from '@angular/platform-browser/animations';
+
+import { environment } from './environments/environment';
+
+if (environment.production) {
+  enableProdMode();
+}
+
+createApplication({
+  providers: [provideAnimations(), provideZonelessChangeDetection()],
+}).catch((err) => console.error(err));
diff --git a/projects/lf-cdn/src/polyfills.ts b/projects/lf-cdn/src/polyfills.ts
index c63f6969..62676fbe 100644
--- a/projects/lf-cdn/src/polyfills.ts
+++ b/projects/lf-cdn/src/polyfills.ts
@@ -1,21 +1,21 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-/**
- * This file includes polyfills needed by Angular and is loaded before the app.
- * You can add your own extra polyfills to this file.
- *
- * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
- * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
- * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
- *
- * Learn more in https://angular.io/guide/browser-support
- */
-
-/***************************************************************************************************
- * BROWSER POLYFILLS
- */
-
-/***************************************************************************************************
- * APPLICATION IMPORTS
- */
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+/**
+ * This file includes polyfills needed by Angular and is loaded before the app.
+ * You can add your own extra polyfills to this file.
+ *
+ * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
+ * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
+ * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
+ *
+ * Learn more in https://angular.io/guide/browser-support
+ */
+
+/***************************************************************************************************
+ * BROWSER POLYFILLS
+ */
+
+/***************************************************************************************************
+ * APPLICATION IMPORTS
+ */
diff --git a/projects/lf-cdn/tsconfig.app.json b/projects/lf-cdn/tsconfig.app.json
index cc30ea13..aa080df4 100644
--- a/projects/lf-cdn/tsconfig.app.json
+++ b/projects/lf-cdn/tsconfig.app.json
@@ -5,15 +5,7 @@
     "outDir": "../../dist/out-tsc",
     "types": []
   },
-  "files": [
-    "src/main.ts",
-    "src/polyfills.ts",
-    "src/index.ts"
-  ],
-  "include": [
-    "src/**/*.ts"
-  ],
-  "exclude": [
-    "src/**/*.spec.ts"
-  ]
+  "files": ["src/main.ts", "src/polyfills.ts", "src/index.ts"],
+  "include": ["src/**/*.ts"],
+  "exclude": ["src/**/*.spec.ts"]
 }
diff --git a/projects/lf-cdn/tsconfig.spec.json b/projects/lf-cdn/tsconfig.spec.json
index 7c1a966b..0d494ceb 100644
--- a/projects/lf-cdn/tsconfig.spec.json
+++ b/projects/lf-cdn/tsconfig.spec.json
@@ -4,12 +4,7 @@
   "compilerOptions": {
     "outDir": "../../out-tsc/spec",
     "skipLibCheck": true,
-    "types": [
-      "vitest/globals"
-    ]
+    "types": ["vitest/globals"]
   },
-  "include": [
-    "src/**/*.spec.ts",
-    "src/**/*.d.ts"
-  ]
+  "include": ["src/**/*.spec.ts", "src/**/*.d.ts"]
 }
diff --git a/projects/lf-documentation/README.md b/projects/lf-documentation/README.md
index ece220fa..f592c6da 100644
--- a/projects/lf-documentation/README.md
+++ b/projects/lf-documentation/README.md
@@ -1,16 +1,16 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-# lf-documentation
-
-## What this project does
-
-Generates `dist/lf-documentation`, the documentation for lf-ui-components, which can be used as the sample project for the ui components via CDN. Please see top-level README for more information.
-
-## Build
-
-1. Cd to repo's root folder.
-2. `npm install ./projects/ui-components
-3. Build ui-components using `npm run build-ui-components-prod`.
-4. Build lf-documentation using `npm run build-lf-documentation-prod`, generating `dist/lf-documentation`
-5. Build stylesheet using `npm run sass-lf`
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+# lf-documentation
+
+## What this project does
+
+Generates `dist/lf-documentation`, the documentation for lf-ui-components, which can be used as the sample project for the ui components via CDN. Please see top-level README for more information.
+
+## Build
+
+1. Cd to repo's root folder.
+2. `npm install ./projects/ui-components
+3. Build ui-components using `npm run build-ui-components-prod`.
+4. Build lf-documentation using `npm run build-lf-documentation-prod`, generating `dist/lf-documentation`
+5. Build stylesheet using `npm run sass-lf`
diff --git a/projects/lf-documentation/src/app/app.component.css b/projects/lf-documentation/src/app/app.component.css
index b66b1330..6e932631 100644
--- a/projects/lf-documentation/src/app/app.component.css
+++ b/projects/lf-documentation/src/app/app.component.css
@@ -1,9 +1,9 @@
 button {
-    margin-right: 5px;
+  margin-right: 5px;
 }
 .lf-doc-arrow-back {
   vertical-align: sub;
-  color: rgba(0,0,0,.5);
+  color: rgba(0, 0, 0, 0.5);
 }
 .lf-doc-arrow-back:hover {
   font-weight: bold;
@@ -15,56 +15,60 @@ button {
   height: 100%;
 }
 .documentation-title {
-    font-size: 30px;
+  font-size: 30px;
 }
 .documentation-header {
-    font-size: 24px;
+  font-size: 24px;
 }
 .documentation-sub-header {
-    font-size: 20px;
+  font-size: 20px;
 }
 .documentation-text {
-    font-size: 16px;
+  font-size: 16px;
 }
 .margin-right {
-    margin-right: 10px;
+  margin-right: 10px;
 }
-table, th, td {
-    border: 1px solid black;
-    border-collapse: collapse;
+table,
+th,
+td {
+  border: 1px solid black;
+  border-collapse: collapse;
 }
-th, td {
-    padding: 15px;
+th,
+td {
+  padding: 15px;
 }
 
 /* The side navigation menu */
 .side-nav {
-    width: 290px; /* 0 width - change this with JavaScript */
-    position: fixed; /* Stay in place */
-    z-index: 1; /* Stay on top */
-    top: 0; /* Stay at the top */
-    left: 0;
-    bottom: 40px;
-    overflow-x: hidden; /* Disable horizontal scroll */
-    padding-top: 80px; /* Place content 60px from the top */
-    background-color: rgb(242, 246, 249);
-    font-size: 16px;
-    font-weight: 500;
+  width: 290px; /* 0 width - change this with JavaScript */
+  position: fixed; /* Stay in place */
+  z-index: 1; /* Stay on top */
+  top: 0; /* Stay at the top */
+  left: 0;
+  bottom: 40px;
+  overflow-x: hidden; /* Disable horizontal scroll */
+  padding-top: 80px; /* Place content 60px from the top */
+  background-color: rgb(242, 246, 249);
+  font-size: 16px;
+  font-weight: 500;
 }
 
 .main-content {
-    margin-left: 290px;
-    padding: 80px 20px 20px 40px;
+  margin-left: 290px;
+  padding: 80px 20px 20px 40px;
 }
 
 mat-toolbar {
-    position: fixed;
-    z-index: 2;
-    border-bottom: #d0d3d6 solid 1px;
+  position: fixed;
+  z-index: 2;
+  border-bottom: #d0d3d6 solid 1px;
 }
 
-mat-toolbar, mat-toolbar-row {
-    background-color: rgb(242, 246, 249);
+mat-toolbar,
+mat-toolbar-row {
+  background-color: rgb(242, 246, 249);
 }
 
 .debug-mode-checkbox {
@@ -73,109 +77,109 @@ mat-toolbar, mat-toolbar-row {
 }
 
 .documentation-font {
-    font-family: 'Open Sans';
+  font-family: "Open Sans";
 }
 
 #header-title {
-    color: black;
-    font-weight: 600;
-    font-size: 20px;
+  color: black;
+  font-weight: 600;
+  font-size: 20px;
 }
 
 .navigation-tree-invisible {
-    display: none;
+  display: none;
 }
 
 .navigation-tree ul,
 .navigation-tree li {
-    background-color: #F3F3F3;
-    margin-top: 0;
-    margin-bottom: 0;
-    list-style-type: none;
-    padding-inline-start: 8px;
-    background-color: rgb(242, 246, 249);
+  background-color: #f3f3f3;
+  margin-top: 0;
+  margin-bottom: 0;
+  list-style-type: none;
+  padding-inline-start: 8px;
+  background-color: rgb(242, 246, 249);
 }
 
 .navigation-tree ul:hover,
 .navigation-tree li:hover {
-    background-color: #F5FBFF;
+  background-color: #f5fbff;
 }
 
 .navigation-tree li:focus {
-    background-color: #EAF5FF;
+  background-color: #eaf5ff;
 }
 
 .navigation-tree-item {
-    text-decoration: none;
-    width: 100%;
-    padding: 12px 0;
-    color: black;
+  text-decoration: none;
+  width: 100%;
+  padding: 12px 0;
+  color: black;
 }
 
 code {
-    font-size: 16px;
+  font-size: 16px;
 }
 
 .code-container {
-    background-color: rgba(0,0,0,.03);
-    padding: 10px;
-    margin: 10px;
-    width: max-content;
-    max-width: 90%;
-    word-wrap: break-word;
-    overflow: auto;
+  background-color: rgba(0, 0, 0, 0.03);
+  padding: 10px;
+  margin: 10px;
+  width: max-content;
+  max-width: 90%;
+  word-wrap: break-word;
+  overflow: auto;
 }
 
 .code-html-tagname {
-    color: #019875;
+  color: #019875;
 }
 
 .code-html-attribute-name {
-    color: #e52690;
+  color: #e52690;
 }
 
 .code-html-attribute-value {
-    color: #2564d0;
+  color: #2564d0;
 }
 
 .code-html-text {
-    color: black;
+  color: black;
 }
 
 .code-html-comment {
-  color: #66707B;
+  color: #66707b;
 }
 
 .code-ts-comment {
-  color: #66707B;
+  color: #66707b;
 }
 
 .code-ts-import {
-    color: #A0111F;
+  color: #a0111f;
 }
 
 .code-ts-import-source {
-    color: #019875;
+  color: #019875;
 }
 
 .code-ts-import-item {
-    color: black;
+  color: black;
 }
 
 .code-ts-classname {
-    color: #e05300;
+  color: #e05300;
 }
 
 .code-ts-function {
-    color: #622CBC;
+  color: #622cbc;
 }
 
 .code-ts-key-name {
-  color: #023B95;
+  color: #023b95;
 }
 
 .code-js-import-item {
-  color: #702C00;
+  color: #702c00;
 }
 
 .code-js-string {
@@ -183,24 +187,24 @@ code {
 }
 
 .code-js-classname {
-  color: #702C00;
+  color: #702c00;
 }
 
 .code-js-prop {
-  color: #023B95;
+  color: #023b95;
 }
 
 .code-js-function {
-  color: #622CBC;
+  color: #622cbc;
 }
 
 .num-list {
-    padding-bottom: 10px;
+  padding-bottom: 10px;
 }
 
 .toc-container {
   border: 1px solid;
-  border-color: rgba(234,234,234,1);
+  border-color: rgba(234, 234, 234, 1);
   border-radius: 4px;
   display: inline-block;
   padding: 10px 16px 10px 0;
@@ -227,7 +231,7 @@ code {
 }
 
 a {
-  color: #005A9E
+  color: #005a9e;
 }
 
 a:hover {
diff --git a/projects/lf-documentation/src/app/app.component.html b/projects/lf-documentation/src/app/app.component.html
index eb3f45b2..7740e80d 100644
--- a/projects/lf-documentation/src/app/app.component.html
+++ b/projects/lf-documentation/src/app/app.component.html
@@ -4,9 +4,7 @@
 <mat-toolbar color="primary" class="documentation-font">
   <mat-toolbar-row>
     <a [href]="landingPageUrl">
-      <span class="material-icons lf-doc-arrow-back" >
-        arrow_back
-      </span>
+      <span class="material-icons lf-doc-arrow-back"> arrow_back </span>
     </a>
     <div class="lf-back-button-vertical-divider"></div>
     <span id="header-title">Laserfiche UI Components</span>
@@ -57,15 +55,13 @@
         <li class="mat-tree-node">
           <button mat-icon-button disabled></button>
           @if (!node.routerLink && !node.hyperLink) {
-            <p>{{node.name}}</p>
+            <p>{{ node.name }}</p>
           }
           @if (node.routerLink) {
-            <a class="navigation-tree-item"
-            [routerLink]="node.routerLink">{{node.name}}</a>
+            <a class="navigation-tree-item" [routerLink]="node.routerLink">{{ node.name }}</a>
           }
           @if (node.hyperLink) {
-            <a class="navigation-tree-item"
-            [href]="node.hyperLink"  target="_blank">{{node.name}}</a>
+            <a class="navigation-tree-item" [href]="node.hyperLink" target="_blank">{{ node.name }}</a>
           }
         </li>
       </mat-tree-node>
@@ -74,22 +70,17 @@
           <div class="mat-tree-node">
             <button mat-icon-button matTreeNodeToggle [attr.aria-label]="'Toggle ' + node.name">
               @if (treeControl.isExpanded(node)) {
-                <span class="material-icons mat-icon-rtl-mirror">
-                  expand_more
-                </span>
+                <span class="material-icons mat-icon-rtl-mirror"> expand_more </span>
               }
               @if (!treeControl.isExpanded(node)) {
-                <span class="material-icons mat-icon-rtl-mirror">
-                  navigate_next
-                </span>
+                <span class="material-icons mat-icon-rtl-mirror"> navigate_next </span>
               }
             </button>
             @if (!node.routerLink) {
-              <p class="navigation-tree-item" matTreeNodeToggle>{{node.name}}</p>
+              <p class="navigation-tree-item" matTreeNodeToggle>{{ node.name }}</p>
             }
             @if (node.routerLink) {
-              <a class="navigation-tree-item"
-              [routerLink]="node.routerLink">{{node.name}}</a>
+              <a class="navigation-tree-item" [routerLink]="node.routerLink">{{ node.name }}</a>
             }
           </div>
           <ul [class.navigation-tree-invisible]="!treeControl.isExpanded(node)">
diff --git a/projects/lf-documentation/src/app/app.component.spec.ts b/projects/lf-documentation/src/app/app.component.spec.ts
index 171a6f5c..9930ee11 100644
--- a/projects/lf-documentation/src/app/app.component.spec.ts
+++ b/projects/lf-documentation/src/app/app.component.spec.ts
@@ -1,38 +1,34 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { TestBed } from '@angular/core/testing';
-import { ActivatedRoute } from '@angular/router';
-import { AppComponent } from './app.component';
-
-describe('AppComponent', () => {
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [
-        AppComponent
-      ],
-      providers: [
-        { provide: ActivatedRoute, useValue: {} }
-      ],
-    }).compileComponents();
-  });
-
-  it('should create the app', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app).toBeTruthy();
-  });
-
-  it(`should have as title 'lf-documentation'`, () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app.title).toEqual('lf-documentation');
-  });
-
-  it('should render title', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    const compiled = fixture.nativeElement;
-    expect(compiled.querySelector('span#header-title').textContent).toContain('Laserfiche UI Components');
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { TestBed } from '@angular/core/testing';
+import { ActivatedRoute } from '@angular/router';
+import { AppComponent } from './app.component';
+
+describe('AppComponent', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [AppComponent],
+      providers: [{ provide: ActivatedRoute, useValue: {} }],
+    }).compileComponents();
+  });
+
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app).toBeTruthy();
+  });
+
+  it(`should have as title 'lf-documentation'`, () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app.title).toEqual('lf-documentation');
+  });
+
+  it('should render title', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    const compiled = fixture.nativeElement;
+    expect(compiled.querySelector('span#header-title').textContent).toContain('Laserfiche UI Components');
+  });
+});
diff --git a/projects/lf-documentation/src/app/app.component.ts b/projects/lf-documentation/src/app/app.component.ts
index 70eea281..d627f00b 100644
--- a/projects/lf-documentation/src/app/app.component.ts
+++ b/projects/lf-documentation/src/app/app.component.ts
@@ -79,19 +79,19 @@ const TREE_DATA: ComponentNode[] = [
 ];
 
 @Component({
-    selector: 'app-root-lf-documentation',
-    templateUrl: './app.component.html',
-    styleUrls: ['./app.component.css'],
-    standalone: true,
-    imports: [
+  selector: 'app-root-lf-documentation',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.css'],
+  standalone: true,
+  imports: [
     RouterLink,
     RouterOutlet,
     MatToolbarModule,
     MatTreeModule,
     MatIconModule,
     MatCheckboxModule,
-    MatButtonModule
-]
+    MatButtonModule,
+  ],
 })
 export class AppComponent implements OnInit {
   private themeService = inject(ThemeService);
diff --git a/projects/lf-documentation/src/app/app.config.ts b/projects/lf-documentation/src/app/app.config.ts
index 0f94fb9d..f55b661e 100644
--- a/projects/lf-documentation/src/app/app.config.ts
+++ b/projects/lf-documentation/src/app/app.config.ts
@@ -76,9 +76,5 @@ const routes: Routes = [
 ];
 
 export const appConfig: ApplicationConfig = {
-  providers: [
-    provideRouter(routes, withHashLocation()),
-    provideAnimations(),
-    provideZonelessChangeDetection(),
-  ],
+  providers: [provideRouter(routes, withHashLocation()), provideAnimations(), provideZonelessChangeDetection()],
 };
diff --git a/projects/lf-documentation/src/app/card/card.component.css b/projects/lf-documentation/src/app/card/card.component.css
index 1f2334da..78fd2263 100644
--- a/projects/lf-documentation/src/app/card/card.component.css
+++ b/projects/lf-documentation/src/app/card/card.component.css
@@ -1,22 +1,23 @@
-.card-content {
-  margin-left: 16px;
-  margin-right: 16px;
-  width: 100%;
-  height: 100%;
-}
-
-.resize {
-  resize: both;
-  overflow: hidden;
-  margin-bottom: 5px;
-  width: 500px;
-  height: 100%;
-  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
-              0px 1px 1px 0px rgba(0, 0, 0, 0.14),
-              0px 1px 3px 0px rgba(0, 0, 0, 0.12);
-  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
-  display: block;
-  position: relative;
-  padding: 16px;
-  border-radius: 4px;
-}
+.card-content {
+  margin-left: 16px;
+  margin-right: 16px;
+  width: 100%;
+  height: 100%;
+}
+
+.resize {
+  resize: both;
+  overflow: hidden;
+  margin-bottom: 5px;
+  width: 500px;
+  height: 100%;
+  box-shadow:
+    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
+    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
+    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
+  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
+  display: block;
+  position: relative;
+  padding: 16px;
+  border-radius: 4px;
+}
diff --git a/projects/lf-documentation/src/app/card/card.component.html b/projects/lf-documentation/src/app/card/card.component.html
index fe686ef7..0a6c2ab1 100644
--- a/projects/lf-documentation/src/app/card/card.component.html
+++ b/projects/lf-documentation/src/app/card/card.component.html
@@ -1,11 +1,11 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<div class="resize">
-    <mat-card-header>
-        <mat-card-title>{{cardTitle}}</mat-card-title>
-    </mat-card-header>
-    <mat-card-content class="card-content">
-        <ng-content></ng-content>
-    </mat-card-content>
-</div>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<div class="resize">
+  <mat-card-header>
+    <mat-card-title>{{ cardTitle }}</mat-card-title>
+  </mat-card-header>
+  <mat-card-content class="card-content">
+    <ng-content></ng-content>
+  </mat-card-content>
+</div>
diff --git a/projects/lf-documentation/src/app/card/card.component.spec.ts b/projects/lf-documentation/src/app/card/card.component.spec.ts
index 1290dfe4..de483481 100644
--- a/projects/lf-documentation/src/app/card/card.component.spec.ts
+++ b/projects/lf-documentation/src/app/card/card.component.spec.ts
@@ -1,29 +1,28 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatCardModule } from '@angular/material/card';
-
-import { CardComponent } from './card.component';
-
-describe('CardComponent', () => {
-  let component: CardComponent;
-  let fixture: ComponentFixture<CardComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [ CardComponent, MatCardModule ],
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(CardComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatCardModule } from '@angular/material/card';
+
+import { CardComponent } from './card.component';
+
+describe('CardComponent', () => {
+  let component: CardComponent;
+  let fixture: ComponentFixture<CardComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [CardComponent, MatCardModule],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(CardComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/lf-documentation/src/app/card/card.component.ts b/projects/lf-documentation/src/app/card/card.component.ts
index a8b3f2c4..fe5132dc 100644
--- a/projects/lf-documentation/src/app/card/card.component.ts
+++ b/projects/lf-documentation/src/app/card/card.component.ts
@@ -1,19 +1,18 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component, Input } from '@angular/core';
-import { MatCardModule } from '@angular/material/card';
-
-@Component({
-    selector: 'app-card',
-    templateUrl: './card.component.html',
-    styleUrls: ['./card.component.css'],
-    standalone: true,
-    imports: [MatCardModule]
-})
-export class CardComponent {
-
-  @Input() cardTitle: string | undefined;
-
-  constructor() { }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component, Input } from '@angular/core';
+import { MatCardModule } from '@angular/material/card';
+
+@Component({
+  selector: 'app-card',
+  templateUrl: './card.component.html',
+  styleUrls: ['./card.component.css'],
+  standalone: true,
+  imports: [MatCardModule],
+})
+export class CardComponent {
+  @Input() cardTitle: string | undefined;
+
+  constructor() {}
+}
diff --git a/projects/lf-documentation/src/app/convert-component-to-element/convert-component-to-element.component.html b/projects/lf-documentation/src/app/convert-component-to-element/convert-component-to-element.component.html
index 452d3620..5acb846a 100644
--- a/projects/lf-documentation/src/app/convert-component-to-element/convert-component-to-element.component.html
+++ b/projects/lf-documentation/src/app/convert-component-to-element/convert-component-to-element.component.html
@@ -1,75 +1,67 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<p class="documentation-header">
-    Convert Angular Component to Element
-</p>
-
-If you were previously using the Angular component version of the library, using the
-<code>lf-ui-components</code> npm package, the following are steps to convert your components
-to our newly supported Angular Elements, accessible via the Laserfiche CDN.
-
-<ol>
-    <li class="num-list">
-        Add the script tag to your index.html (or anywhere that will load before you use the elements). We will work
-        on our side to add dynamic loading so you only have to load the code for the elements you need, when you need
-        them.
-    </li>
-    <li class="num-list">
-        Install the <code>&#64;laserfiche/types-lf-ui-components'</code> package
-    </li>
-    <li class="num-list">
-        Change all reference to <code>laserfiche-ui-components</code> to <code>&#64;laserfiche/types-lf-ui-components</code>
-    </li>
-    <li class="num-list">
-        Remove import of module (i.e. "LfChecklistModule") in Angular module
-    </li>
-    <li class="num-list">
-        Change any event handlers to accept the parameter directly instead of as a Custom Event (i.e. <code>onClick(nodeEvent: CustomEvent&lt;TreeNode&gt;)</code> to
-        <code>onClick(node: TreeNode)</code>) and access the value directly instead of via <code>event.detail</code>
-    </li>
-    <li>
-        To run initAsync of the component (or get any of the properties from the component)
-        <ul class="num-list">
-            <li>
-                you can continue using <code>ViewChild</code>
-                <ol>
-                    <li class="num-list">
-                        add a template reference (i.e. #checklistelement) to the component and query select for that
-                        instead of the component type
-                    </li>
-                    <li class="num-list">
-                        the type of the component is <code>LfChecklistComponent</code> (not wrapped in ElementRef)
-                    </li>
-                    <li class="num-list">
-                        you can then call <code>initAsync</code> directly on the component any time after ngAfterViewInit
-                    </li>
-                    <li class="num-list">
-                        sometimes <code>ViewChild</code> gets messed up when <code>*ngIf</code> causes the view to be undefined. Please use <code>ViewChildren</code> instead of <code>ViewChild</code> in this case
-                    </li>
-                </ol>
-            </li>
-            <li>
-                Alternative: you can use querySelector (for custom element usage only, not recommended for Angular components)
-                <ol>
-                    <li class="num-list">
-                        change the ViewChild to just a variable of type <code>NgElement &
-                        WithProperties&lt;LfChecklistComponent&gt;</code>
-                    </li>
-                    <li class="num-list">
-                        before you call initAsync on the variable make sure you assign the variable by calling
-                        document.querySelector
-                    </li>
-                    <li class="num-list">
-                        take care that this will point to the specific instance of that element so if, for example, a
-                        surrounding <code>*ngIf</code> is
-                        toggled you will have to use querySelector again.
-                    </li>
-                </ol>
-            </li>
-        </ul>
-    </li>
-    <li class="num-list">
-        Uninstall the <code>laserfiche-ui-components</code> npm package
-    </li>
-</ol>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<p class="documentation-header">Convert Angular Component to Element</p>
+
+If you were previously using the Angular component version of the library, using the
+<code>lf-ui-components</code> npm package, the following are steps to convert your components to our newly supported
+Angular Elements, accessible via the Laserfiche CDN.
+
+<ol>
+  <li class="num-list">
+    Add the script tag to your index.html (or anywhere that will load before you use the elements). We will work on our
+    side to add dynamic loading so you only have to load the code for the elements you need, when you need them.
+  </li>
+  <li class="num-list">Install the <code>&#64;laserfiche/types-lf-ui-components'</code> package</li>
+  <li class="num-list">
+    Change all reference to <code>laserfiche-ui-components</code> to <code>&#64;laserfiche/types-lf-ui-components</code>
+  </li>
+  <li class="num-list">Remove import of module (i.e. "LfChecklistModule") in Angular module</li>
+  <li class="num-list">
+    Change any event handlers to accept the parameter directly instead of as a Custom Event (i.e.
+    <code>onClick(nodeEvent: CustomEvent&lt;TreeNode&gt;)</code> to <code>onClick(node: TreeNode)</code>) and access the
+    value directly instead of via <code>event.detail</code>
+  </li>
+  <li>
+    To run initAsync of the component (or get any of the properties from the component)
+    <ul class="num-list">
+      <li>
+        you can continue using <code>ViewChild</code>
+        <ol>
+          <li class="num-list">
+            add a template reference (i.e. #checklistelement) to the component and query select for that instead of the
+            component type
+          </li>
+          <li class="num-list">
+            the type of the component is <code>LfChecklistComponent</code> (not wrapped in ElementRef)
+          </li>
+          <li class="num-list">
+            you can then call <code>initAsync</code> directly on the component any time after ngAfterViewInit
+          </li>
+          <li class="num-list">
+            sometimes <code>ViewChild</code> gets messed up when <code>*ngIf</code> causes the view to be undefined.
+            Please use <code>ViewChildren</code> instead of <code>ViewChild</code> in this case
+          </li>
+        </ol>
+      </li>
+      <li>
+        Alternative: you can use querySelector (for custom element usage only, not recommended for Angular components)
+        <ol>
+          <li class="num-list">
+            change the ViewChild to just a variable of type
+            <code>NgElement & WithProperties&lt;LfChecklistComponent&gt;</code>
+          </li>
+          <li class="num-list">
+            before you call initAsync on the variable make sure you assign the variable by calling
+            document.querySelector
+          </li>
+          <li class="num-list">
+            take care that this will point to the specific instance of that element so if, for example, a surrounding
+            <code>*ngIf</code> is toggled you will have to use querySelector again.
+          </li>
+        </ol>
+      </li>
+    </ul>
+  </li>
+  <li class="num-list">Uninstall the <code>laserfiche-ui-components</code> npm package</li>
+</ol>
diff --git a/projects/lf-documentation/src/app/convert-component-to-element/convert-component-to-element.component.spec.ts b/projects/lf-documentation/src/app/convert-component-to-element/convert-component-to-element.component.spec.ts
index 138f66fd..4f722fe7 100644
--- a/projects/lf-documentation/src/app/convert-component-to-element/convert-component-to-element.component.spec.ts
+++ b/projects/lf-documentation/src/app/convert-component-to-element/convert-component-to-element.component.spec.ts
@@ -1,28 +1,27 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ConvertComponentToElementComponent } from './convert-component-to-element.component';
-
-describe('ConvertComponentToElementComponent', () => {
-  let component: ConvertComponentToElementComponent;
-  let fixture: ComponentFixture<ConvertComponentToElementComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [ ConvertComponentToElementComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ConvertComponentToElementComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ConvertComponentToElementComponent } from './convert-component-to-element.component';
+
+describe('ConvertComponentToElementComponent', () => {
+  let component: ConvertComponentToElementComponent;
+  let fixture: ComponentFixture<ConvertComponentToElementComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ConvertComponentToElementComponent],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ConvertComponentToElementComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/lf-documentation/src/app/convert-component-to-element/convert-component-to-element.component.ts b/projects/lf-documentation/src/app/convert-component-to-element/convert-component-to-element.component.ts
index 8cc7ac30..ccba6f22 100644
--- a/projects/lf-documentation/src/app/convert-component-to-element/convert-component-to-element.component.ts
+++ b/projects/lf-documentation/src/app/convert-component-to-element/convert-component-to-element.component.ts
@@ -1,17 +1,15 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'app-convert-component-to-element',
-    templateUrl: './convert-component-to-element.component.html',
-    styleUrls: ['./convert-component-to-element.component.css', './../app.component.css'],
-    standalone: true,
-    imports: []
-})
-export class ConvertComponentToElementComponent {
-
-  constructor() { }
-
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-convert-component-to-element',
+  templateUrl: './convert-component-to-element.component.html',
+  styleUrls: ['./convert-component-to-element.component.css', './../app.component.css'],
+  standalone: true,
+  imports: [],
+})
+export class ConvertComponentToElementComponent {
+  constructor() {}
+}
diff --git a/projects/lf-documentation/src/app/example-npm-usage-in-angular/example-npm-usage-in-angular.component.html b/projects/lf-documentation/src/app/example-npm-usage-in-angular/example-npm-usage-in-angular.component.html
index 45ed0331..0edcdf4a 100644
--- a/projects/lf-documentation/src/app/example-npm-usage-in-angular/example-npm-usage-in-angular.component.html
+++ b/projects/lf-documentation/src/app/example-npm-usage-in-angular/example-npm-usage-in-angular.component.html
@@ -1,117 +1,121 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<p class="documentation-title">Using UI Components from NPM Package in Angular</p>
-<p class="documentation-text">This is an alternative to using the CDN that is only possible in Angular.</p>
-<h3 id="npm-example">Example: <code>lf-checklist</code></h3>
-<p class="documentation-text">
-  In the example below, both the implementation and types are provided via
-  <code>&#64;laserfiche/lf-ui-components/lf-checklist</code>.
-</p>
-<ol>
-  <li>
-    <p class="documentation-text">
-      <a (click)="navigateToGettingStarted('npm-usage')">Follow these steps to get started.</a>
-    </p>
-  </li>
-  <li>
-    <p class="documentation-text">Import the standalone component directly in your component's <code>imports</code> array. No NgModules are needed &mdash; all components are standalone and zoneless.</p>
-    <pre class="code-container">
-<span class="code-ts-import">import</span> &#123; LfChecklistComponent &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;laserfiche/lf-ui-components/lf-checklist'</span>;
-
-&#64;Component(&#123;
-  <span class="code-ts-key-name">selector</span>: 'app-attachments',
-  <span class="code-ts-key-name">standalone</span>: true,
-  <span class="code-ts-key-name">imports</span>: [LfChecklistComponent],
-  <span class="code-ts-key-name">templateUrl</span>: './attachments.component.html',
-&#125;)
-      </pre>
-  </li>
-  <li>
-    <p dir="auto">
-      Import the style sheet from the npm package by adding this line in <code>styles.css</code> in your angular
-      application.
-    </p>
-
-    <pre class="code-container">
-<span class="code-ts-import">&#64;import</span> '~&#64;laserfiche/lf-ui-components/cdn/lf-laserfiche-lite.css';
-<span class="code-ts-import">&#64;import</span> '~&#64;laserfiche/lf-ui-components/cdn/indigo-pink.css';
-      </pre>
-  </li>
-  <li>
-    Use <code>lf-checklist</code>.
-
-    <pre class="code-container">
-<span class="code-ts-import">import</span> &#123; AfterViewInit, Component, ViewChild &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;angular/core'</span>;
-<span class="code-ts-comment">// we can directly import types and components from the NPM package</span>
-<span class="code-ts-import">import</span> &#123; Checklist, LfChecklistComponent, LfChecklistService &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;laserfiche/lf-ui-components/lf-checklist'</span><span class="pl-kos">;</span>
-
-&#64;Component(&#123;
-  <span class="code-ts-key-name">selector</span>: 'app-attachments',
-  <span class="code-ts-key-name">standalone</span>: true,
-  <span class="code-ts-key-name">imports</span>: [LfChecklistComponent],
-  <span class="code-ts-key-name">templateUrl</span>:  './attachments.component.html',
-  <span class="code-ts-key-name">styleUrls</span>: ['./attachments.component.css'],
-&#125;)
-
-<span class="code-ts-import">export class</span> ExampleApp <span class="code-ts-import">implements</span> AfterViewInit &#123;
-
-  <span class="code-ts-comment">// allows access to the LfChecklistComponent in the html above, available starting in ngAfterViewInit hook</span>
-  &#64;ViewChild('myChecklist') <span class="code-ts-key-name">checklist!</span>: LfChecklistComponent;
-
-  <span class="code-ts-comment">// type Checklist is the type imported from the NPM package</span>
-  <span class="code-ts-key-name">currentChecklist: Checklist[];</span>
-
-  <span class="code-ts-comment">// events for the components are received as EventEmitters</span>
-  <span class="code-ts-function">onChecklistChanged</span>(checklist: Checklist) &#123;
-    <span class="code-ts-comment">// data is passed directly</span>
-  &#125;
-
-  <span class="code-ts-function">ngAfterViewInit()</span> &#123;
-    <span class="code-ts-comment">// the component's view is initialized after ngAfterViewInit</span>
-    this.<span class="code-ts-key-name">checklist</span>.<span class="code-ts-function">initAsync</span>(...)
-  &#125;
-&#125;
-        </pre>
-  </li>
-</ol>
-<h3>Secondary Entry Points</h3>
-<p class="documentation-text">
-  &#64;laserfiche/lf-ui-components has several secondary entry points, allowing you to only import the components needed in
-  your project.
-</p>
-<ul>
-  <li>
-    <code class="code"><b>&#64;laserfiche/lf-ui-components/lf-checklist</b></code>
-    <span class="documentation-text">
-      contains <code>LfChecklistComponent</code> to use <code>&lt;lf-checklist-component></code>.</span
-    >
-  </li>
-  <li>
-    <code><b>&#64;laserfiche/lf-ui-components/lf-login</b></code
-    ><span class="documentation-text">
-      contains <code>LfLoginComponent</code> to use <code>&lt;lf-login-component></code>.</span
-    >
-  </li>
-  <li>
-    <code><b>&#64;laserfiche/lf-ui-components/lf-metadata</b></code
-    ><span class="documentation-text">
-      contains <code>LfFieldContainerComponent</code>, <code>LfFieldAdhocContainerComponent</code>,
-      and <code>LfFieldTemplateContainerComponent</code> to use <code>&lt;lf-field-container-component></code>,
-      <code>&lt;lf-field-adhoc-container-component></code>, and <code>&lt;lf-field-template-container-component></code>.</span
-    >
-  </li>
-  <li>
-    <code><b>&#64;laserfiche/lf-ui-components/lf-user-feedback</b></code
-    ><span class="documentation-text">
-      contains <code>LfUserFeedbackComponent</code> to use <code>&lt;lf-user-feedback-component></code>.</span
-    >
-  </li>
-  <li>
-    <code><b>&#64;laserfiche/lf-ui-components/lf-repository-browser</b></code
-    ><span class="documentation-text">
-      contains <code>LfRepositoryBrowserComponent</code> to use
-      <code>&lt;lf-repository-browser-component&gt;</code>.</span
-    >
-  </li>
-</ul>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<p class="documentation-title">Using UI Components from NPM Package in Angular</p>
+<p class="documentation-text">This is an alternative to using the CDN that is only possible in Angular.</p>
+<h3 id="npm-example">Example: <code>lf-checklist</code></h3>
+<p class="documentation-text">
+  In the example below, both the implementation and types are provided via
+  <code>&#64;laserfiche/lf-ui-components/lf-checklist</code>.
+</p>
+<ol>
+  <li>
+    <p class="documentation-text">
+      <a (click)="navigateToGettingStarted('npm-usage')">Follow these steps to get started.</a>
+    </p>
+  </li>
+  <li>
+    <p class="documentation-text">
+      Import the standalone component directly in your component's <code>imports</code> array. No NgModules are needed
+      &mdash; all components are standalone and zoneless.
+    </p>
+    <pre class="code-container">
+<span class="code-ts-import">import</span> &#123; LfChecklistComponent &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;laserfiche/lf-ui-components/lf-checklist'</span>;
+
+&#64;Component(&#123;
+  <span class="code-ts-key-name">selector</span>: 'app-attachments',
+  <span class="code-ts-key-name">standalone</span>: true,
+  <span class="code-ts-key-name">imports</span>: [LfChecklistComponent],
+  <span class="code-ts-key-name">templateUrl</span>: './attachments.component.html',
+&#125;)
+      </pre>
+  </li>
+  <li>
+    <p dir="auto">
+      Import the style sheet from the npm package by adding this line in <code>styles.css</code> in your angular
+      application.
+    </p>
+
+    <pre class="code-container">
+<span class="code-ts-import">&#64;import</span> '~&#64;laserfiche/lf-ui-components/cdn/lf-laserfiche-lite.css';
+<span class="code-ts-import">&#64;import</span> '~&#64;laserfiche/lf-ui-components/cdn/indigo-pink.css';
+      </pre>
+  </li>
+  <li>
+    Use <code>lf-checklist</code>.
+
+    <pre class="code-container">
+<span class="code-ts-import">import</span> &#123; AfterViewInit, Component, ViewChild &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;angular/core'</span>;
+<span class="code-ts-comment">// we can directly import types and components from the NPM package</span>
+<span class="code-ts-import">import</span> &#123; Checklist, LfChecklistComponent, LfChecklistService &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;laserfiche/lf-ui-components/lf-checklist'</span><span class="pl-kos">;</span>
+
+&#64;Component(&#123;
+  <span class="code-ts-key-name">selector</span>: 'app-attachments',
+  <span class="code-ts-key-name">standalone</span>: true,
+  <span class="code-ts-key-name">imports</span>: [LfChecklistComponent],
+  <span class="code-ts-key-name">templateUrl</span>:  './attachments.component.html',
+  <span class="code-ts-key-name">styleUrls</span>: ['./attachments.component.css'],
+&#125;)
+
+<span class="code-ts-import">export class</span> ExampleApp <span class="code-ts-import">implements</span> AfterViewInit &#123;
+
+  <span class="code-ts-comment">// allows access to the LfChecklistComponent in the html above, available starting in ngAfterViewInit hook</span>
+  &#64;ViewChild('myChecklist') <span class="code-ts-key-name">checklist!</span>: LfChecklistComponent;
+
+  <span class="code-ts-comment">// type Checklist is the type imported from the NPM package</span>
+  <span class="code-ts-key-name">currentChecklist: Checklist[];</span>
+
+  <span class="code-ts-comment">// events for the components are received as EventEmitters</span>
+  <span class="code-ts-function">onChecklistChanged</span>(checklist: Checklist) &#123;
+    <span class="code-ts-comment">// data is passed directly</span>
+  &#125;
+
+  <span class="code-ts-function">ngAfterViewInit()</span> &#123;
+    <span class="code-ts-comment">// the component's view is initialized after ngAfterViewInit</span>
+    this.<span class="code-ts-key-name">checklist</span>.<span class="code-ts-function">initAsync</span>(...)
+  &#125;
+&#125;
+        </pre>
+  </li>
+</ol>
+<h3>Secondary Entry Points</h3>
+<p class="documentation-text">
+  &#64;laserfiche/lf-ui-components has several secondary entry points, allowing you to only import the components needed
+  in your project.
+</p>
+<ul>
+  <li>
+    <code class="code"><b>&#64;laserfiche/lf-ui-components/lf-checklist</b></code>
+    <span class="documentation-text">
+      contains <code>LfChecklistComponent</code> to use <code>&lt;lf-checklist-component></code>.</span
+    >
+  </li>
+  <li>
+    <code><b>&#64;laserfiche/lf-ui-components/lf-login</b></code
+    ><span class="documentation-text">
+      contains <code>LfLoginComponent</code> to use <code>&lt;lf-login-component></code>.</span
+    >
+  </li>
+  <li>
+    <code><b>&#64;laserfiche/lf-ui-components/lf-metadata</b></code
+    ><span class="documentation-text">
+      contains <code>LfFieldContainerComponent</code>, <code>LfFieldAdhocContainerComponent</code>, and
+      <code>LfFieldTemplateContainerComponent</code> to use <code>&lt;lf-field-container-component></code>,
+      <code>&lt;lf-field-adhoc-container-component></code>, and
+      <code>&lt;lf-field-template-container-component></code>.</span
+    >
+  </li>
+  <li>
+    <code><b>&#64;laserfiche/lf-ui-components/lf-user-feedback</b></code
+    ><span class="documentation-text">
+      contains <code>LfUserFeedbackComponent</code> to use <code>&lt;lf-user-feedback-component></code>.</span
+    >
+  </li>
+  <li>
+    <code><b>&#64;laserfiche/lf-ui-components/lf-repository-browser</b></code
+    ><span class="documentation-text">
+      contains <code>LfRepositoryBrowserComponent</code> to use
+      <code>&lt;lf-repository-browser-component&gt;</code>.</span
+    >
+  </li>
+</ul>
diff --git a/projects/lf-documentation/src/app/example-npm-usage-in-angular/example-npm-usage-in-angular.component.spec.ts b/projects/lf-documentation/src/app/example-npm-usage-in-angular/example-npm-usage-in-angular.component.spec.ts
index cdb86ee4..18b2317d 100644
--- a/projects/lf-documentation/src/app/example-npm-usage-in-angular/example-npm-usage-in-angular.component.spec.ts
+++ b/projects/lf-documentation/src/app/example-npm-usage-in-angular/example-npm-usage-in-angular.component.spec.ts
@@ -1,30 +1,29 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
-
-import { ExampleNpmUsageInAngularComponent } from './example-npm-usage-in-angular.component';
-
-describe('ExampleNpmUsageInAngularComponent', () => {
-  let component: ExampleNpmUsageInAngularComponent;
-  let fixture: ComponentFixture<ExampleNpmUsageInAngularComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [RouterTestingModule],
-      imports: [ ExampleNpmUsageInAngularComponent ],
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ExampleNpmUsageInAngularComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+
+import { ExampleNpmUsageInAngularComponent } from './example-npm-usage-in-angular.component';
+
+describe('ExampleNpmUsageInAngularComponent', () => {
+  let component: ExampleNpmUsageInAngularComponent;
+  let fixture: ComponentFixture<ExampleNpmUsageInAngularComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [RouterTestingModule],
+      imports: [ExampleNpmUsageInAngularComponent],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ExampleNpmUsageInAngularComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/lf-documentation/src/app/example-npm-usage-in-angular/example-npm-usage-in-angular.component.ts b/projects/lf-documentation/src/app/example-npm-usage-in-angular/example-npm-usage-in-angular.component.ts
index 0a6c3005..81586f57 100644
--- a/projects/lf-documentation/src/app/example-npm-usage-in-angular/example-npm-usage-in-angular.component.ts
+++ b/projects/lf-documentation/src/app/example-npm-usage-in-angular/example-npm-usage-in-angular.component.ts
@@ -1,14 +1,14 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component } from '@angular/core';
-import { ExampleUsageBasicStepsDirective } from '../example-usage-basic-steps.directive';
-
-@Component({
-    selector: 'app-example-npm-usage-in-angular',
-    templateUrl: './example-npm-usage-in-angular.component.html',
-    styleUrls: ['./example-npm-usage-in-angular.component.css', '../app.component.css'],
-    standalone: true,
-    imports: []
-})
-export class ExampleNpmUsageInAngularComponent extends ExampleUsageBasicStepsDirective { }
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component } from '@angular/core';
+import { ExampleUsageBasicStepsDirective } from '../example-usage-basic-steps.directive';
+
+@Component({
+  selector: 'app-example-npm-usage-in-angular',
+  templateUrl: './example-npm-usage-in-angular.component.html',
+  styleUrls: ['./example-npm-usage-in-angular.component.css', '../app.component.css'],
+  standalone: true,
+  imports: [],
+})
+export class ExampleNpmUsageInAngularComponent extends ExampleUsageBasicStepsDirective {}
diff --git a/projects/lf-documentation/src/app/example-usage-basic-steps.directive.ts b/projects/lf-documentation/src/app/example-usage-basic-steps.directive.ts
index 5ae4e95a..6f469503 100644
--- a/projects/lf-documentation/src/app/example-usage-basic-steps.directive.ts
+++ b/projects/lf-documentation/src/app/example-usage-basic-steps.directive.ts
@@ -1,25 +1,23 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Directive, inject } from '@angular/core';
-import { NavigationExtras, Router } from '@angular/router';
-import { RouterLinks } from './app.config';
-
-@Directive({
-    selector: '[appExampleUsageBasicSteps]',
-    standalone: true
-})
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Directive, inject } from '@angular/core';
+import { NavigationExtras, Router } from '@angular/router';
+import { RouterLinks } from './app.config';
+
+@Directive({
+  selector: '[appExampleUsageBasicSteps]',
+  standalone: true,
+})
 export class ExampleUsageBasicStepsDirective {
   router = inject(Router);
-
-
-  navigateToGettingStarted(id: string) {
-    const navigationExtras: NavigationExtras = {
-      queryParams: {
-        "id": id
-      }
-  };
-    this.router.navigate([RouterLinks.GETTING_STARTED], navigationExtras);
-  }
-
-}
+
+  navigateToGettingStarted(id: string) {
+    const navigationExtras: NavigationExtras = {
+      queryParams: {
+        id: id,
+      },
+    };
+    this.router.navigate([RouterLinks.GETTING_STARTED], navigationExtras);
+  }
+}
diff --git a/projects/lf-documentation/src/app/example-usage-in-angular/example-usage-in-angular.component.html b/projects/lf-documentation/src/app/example-usage-in-angular/example-usage-in-angular.component.html
index 7f455665..80f53a65 100644
--- a/projects/lf-documentation/src/app/example-usage-in-angular/example-usage-in-angular.component.html
+++ b/projects/lf-documentation/src/app/example-usage-in-angular/example-usage-in-angular.component.html
@@ -1,74 +1,78 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<p class="documentation-title">Using UI components from CDN in Angular</p>
-
-<h3 id="cdn-example-angular"> Example: <code>lf-checklist</code></h3>
-<p>In the example below, the implementation comes from the CDN and the types are provided
-  in the <code>&#64;laserfiche/types-lf-ui-components</code> NPM package.</p>
-<ol>
-  <li>
-    <p  class="documentation-text">
-      <a (click)="navigateToGettingStarted('cdn-usage')">Follow these steps to get started.</a></p>
-  </li>
-<li>
-    <p>
-      Since the CDN provides custom elements, add <code>CUSTOM_ELEMENTS_SCHEMA</code> to your standalone component.
-      This allows you to use custom non-Angular elements in your Angular application.
-    </p>
-    <div>
-      <pre class="code-container">
-<span class="code-ts-import">import</span> &#123; Component, CUSTOM_ELEMENTS_SCHEMA &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;angular/core'</span>;
-&#64;Component(&#123;
-  <span class="code-ts-key-name">selector</span>: 'app-attachments',
-  <span class="code-ts-key-name">standalone</span>: true,
-  <span class="code-ts-key-name">schemas</span>: [CUSTOM_ELEMENTS_SCHEMA],
-  <span class="code-ts-key-name">templateUrl</span>: './attachments.component.html',
-&#125;)
-      </pre>
-      <div class="zeroclipboard-container position-absolute right-0 top-0">
-      </div>
-    </div>
-  </li>
-  <li>
-    <p dir="auto">Add to a component</p>
-    <p dir="auto">In the html file,</p>
-      <pre class="code-container"><span class="code-html-tagname">&lt;lf-checklist</span> <span class="code-html-attribute-name">#myChecklist</span> <span class="code-html-attribute-name">(checklistChanged)</span>="<span class="code-html-attribute-value">onChecklistChanged($event)</span>"<span class="code-html-tagname">&gt;</span><span class="code-html-tagname">&lt;/lf-checklist&gt;</span>
-<span class="code-html-comment">&lt;!-- checklistChanged is a HTML custom event --&gt;</span>
-      </pre>
-    <p dir="auto">In the <code>.ts</code> file,</p>
-    <pre class="code-container">
-<span class="code-ts-import">import</span> &#123; AfterViewInit, Component, ViewChild &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;angular/core'</span>;
-<span class="code-ts-comment">// we can directly import types from the NPM package</span>
-<span class="code-ts-import">import</span> &#123; LfChecklistComponent, Checklist &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;laserfiche/types-lf-ui-components'</span>;
-
-&#64;Component(&#123;
-  <span class="code-ts-key-name">selector</span>: 'app-attachments',
-  <span class="code-ts-key-name">standalone</span>: true,
-  <span class="code-ts-key-name">schemas</span>: [CUSTOM_ELEMENTS_SCHEMA],
-  <span class="code-ts-key-name">imports</span>: [LfChecklistComponent],
-  <span class="code-ts-key-name">templateUrl</span>:  './attachments.component.html',
-  <span class="code-ts-key-name">styleUrls</span>: ['./attachments.component.css'],
-&#125;)
-
-<span class="code-ts-import">export class</span> ExampleApp <span class="code-ts-import">implements</span> AfterViewInit &#123;
-
-  <span class="code-ts-comment">// allows access to the LfChecklistElement in the html above, available starting in ngAfterViewInit hook</span>
-  &#64;ViewChild('myChecklist') <span class="code-ts-key-name">checklist!</span>: LfChecklistComponent;
-
-  <span class="code-ts-comment">// type Checklist is the type of the custom element imported from the NPM package</span>
-  <span class="code-ts-key-name">currentChecklist: Checklist[];</span>
-
-  <span class="code-ts-comment">// events for the elements are received as CustomEvents </span>
-  <span class="code-ts-function">onChecklistChanged</span>(event: CustomEvent&lt;Checklist>) &#123;
-    <span class="code-ts-import">const</span> checklist = event.<span class="code-ts-key-name">detail</span>;   <span class="code-ts-comment"> // data will be stored in the detail property</span>
-  &#125;
-
-  <span class="code-ts-function">ngAfterViewInit()</span> &#123;
-    <span class="code-ts-comment">// the element's view is initialized after ngAfterViewInit</span>
-    this.<span class="code-ts-key-name">checklist</span>.<span class="code-ts-function">initAsync</span>(...);
-  &#125;
-&#125;
-    </pre>
-  </li>
-</ol>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<p class="documentation-title">Using UI components from CDN in Angular</p>
+
+<h3 id="cdn-example-angular">Example: <code>lf-checklist</code></h3>
+<p>
+  In the example below, the implementation comes from the CDN and the types are provided in the
+  <code>&#64;laserfiche/types-lf-ui-components</code> NPM package.
+</p>
+<ol>
+  <li>
+    <p class="documentation-text">
+      <a (click)="navigateToGettingStarted('cdn-usage')">Follow these steps to get started.</a>
+    </p>
+  </li>
+  <li>
+    <p>
+      Since the CDN provides custom elements, add <code>CUSTOM_ELEMENTS_SCHEMA</code> to your standalone component. This
+      allows you to use custom non-Angular elements in your Angular application.
+    </p>
+    <div>
+      <pre class="code-container">
+<span class="code-ts-import">import</span> &#123; Component, CUSTOM_ELEMENTS_SCHEMA &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;angular/core'</span>;
+&#64;Component(&#123;
+  <span class="code-ts-key-name">selector</span>: 'app-attachments',
+  <span class="code-ts-key-name">standalone</span>: true,
+  <span class="code-ts-key-name">schemas</span>: [CUSTOM_ELEMENTS_SCHEMA],
+  <span class="code-ts-key-name">templateUrl</span>: './attachments.component.html',
+&#125;)
+      </pre>
+      <div class="zeroclipboard-container position-absolute right-0 top-0"></div>
+    </div>
+  </li>
+  <li>
+    <p dir="auto">Add to a component</p>
+    <p dir="auto">In the html file,</p>
+    <pre
+      class="code-container"
+    ><span class="code-html-tagname">&lt;lf-checklist</span> <span class="code-html-attribute-name">#myChecklist</span> <span class="code-html-attribute-name">(checklistChanged)</span>="<span class="code-html-attribute-value">onChecklistChanged($event)</span>"<span class="code-html-tagname">&gt;</span><span class="code-html-tagname">&lt;/lf-checklist&gt;</span>
+<span class="code-html-comment">&lt;!-- checklistChanged is a HTML custom event --&gt;</span>
+      </pre>
+    <p dir="auto">In the <code>.ts</code> file,</p>
+    <pre class="code-container">
+<span class="code-ts-import">import</span> &#123; AfterViewInit, Component, ViewChild &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;angular/core'</span>;
+<span class="code-ts-comment">// we can directly import types from the NPM package</span>
+<span class="code-ts-import">import</span> &#123; LfChecklistComponent, Checklist &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;laserfiche/types-lf-ui-components'</span>;
+
+&#64;Component(&#123;
+  <span class="code-ts-key-name">selector</span>: 'app-attachments',
+  <span class="code-ts-key-name">standalone</span>: true,
+  <span class="code-ts-key-name">schemas</span>: [CUSTOM_ELEMENTS_SCHEMA],
+  <span class="code-ts-key-name">imports</span>: [LfChecklistComponent],
+  <span class="code-ts-key-name">templateUrl</span>:  './attachments.component.html',
+  <span class="code-ts-key-name">styleUrls</span>: ['./attachments.component.css'],
+&#125;)
+
+<span class="code-ts-import">export class</span> ExampleApp <span class="code-ts-import">implements</span> AfterViewInit &#123;
+
+  <span class="code-ts-comment">// allows access to the LfChecklistElement in the html above, available starting in ngAfterViewInit hook</span>
+  &#64;ViewChild('myChecklist') <span class="code-ts-key-name">checklist!</span>: LfChecklistComponent;
+
+  <span class="code-ts-comment">// type Checklist is the type of the custom element imported from the NPM package</span>
+  <span class="code-ts-key-name">currentChecklist: Checklist[];</span>
+
+  <span class="code-ts-comment">// events for the elements are received as CustomEvents </span>
+  <span class="code-ts-function">onChecklistChanged</span>(event: CustomEvent&lt;Checklist>) &#123;
+    <span class="code-ts-import">const</span> checklist = event.<span class="code-ts-key-name">detail</span>;   <span class="code-ts-comment"> // data will be stored in the detail property</span>
+  &#125;
+
+  <span class="code-ts-function">ngAfterViewInit()</span> &#123;
+    <span class="code-ts-comment">// the element's view is initialized after ngAfterViewInit</span>
+    this.<span class="code-ts-key-name">checklist</span>.<span class="code-ts-function">initAsync</span>(...);
+  &#125;
+&#125;
+    </pre>
+  </li>
+</ol>
diff --git a/projects/lf-documentation/src/app/example-usage-in-angular/example-usage-in-angular.component.spec.ts b/projects/lf-documentation/src/app/example-usage-in-angular/example-usage-in-angular.component.spec.ts
index be2bffa8..5b8a1774 100644
--- a/projects/lf-documentation/src/app/example-usage-in-angular/example-usage-in-angular.component.spec.ts
+++ b/projects/lf-documentation/src/app/example-usage-in-angular/example-usage-in-angular.component.spec.ts
@@ -1,30 +1,29 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
-
-import { ExampleUsageInAngularComponent } from './example-usage-in-angular.component';
-
-describe('ExampleUsageInAngularComponent', () => {
-  let component: ExampleUsageInAngularComponent;
-  let fixture: ComponentFixture<ExampleUsageInAngularComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [RouterTestingModule],
-      imports: [ ExampleUsageInAngularComponent ],
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ExampleUsageInAngularComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+
+import { ExampleUsageInAngularComponent } from './example-usage-in-angular.component';
+
+describe('ExampleUsageInAngularComponent', () => {
+  let component: ExampleUsageInAngularComponent;
+  let fixture: ComponentFixture<ExampleUsageInAngularComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [RouterTestingModule],
+      imports: [ExampleUsageInAngularComponent],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ExampleUsageInAngularComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/lf-documentation/src/app/example-usage-in-angular/example-usage-in-angular.component.ts b/projects/lf-documentation/src/app/example-usage-in-angular/example-usage-in-angular.component.ts
index a2ce9612..1f015082 100644
--- a/projects/lf-documentation/src/app/example-usage-in-angular/example-usage-in-angular.component.ts
+++ b/projects/lf-documentation/src/app/example-usage-in-angular/example-usage-in-angular.component.ts
@@ -1,14 +1,14 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component } from '@angular/core';
-import { ExampleUsageBasicStepsDirective } from '../example-usage-basic-steps.directive';
-
-@Component({
-    selector: 'app-example-usage-in-angular',
-    templateUrl: './example-usage-in-angular.component.html',
-    styleUrls: ['./example-usage-in-angular.component.css', '../app.component.css'],
-    standalone: true,
-    imports: []
-})
-export class ExampleUsageInAngularComponent extends ExampleUsageBasicStepsDirective { }
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component } from '@angular/core';
+import { ExampleUsageBasicStepsDirective } from '../example-usage-basic-steps.directive';
+
+@Component({
+  selector: 'app-example-usage-in-angular',
+  templateUrl: './example-usage-in-angular.component.html',
+  styleUrls: ['./example-usage-in-angular.component.css', '../app.component.css'],
+  standalone: true,
+  imports: [],
+})
+export class ExampleUsageInAngularComponent extends ExampleUsageBasicStepsDirective {}
diff --git a/projects/lf-documentation/src/app/example-usage-in-html/example-usage-in-html.component.html b/projects/lf-documentation/src/app/example-usage-in-html/example-usage-in-html.component.html
index 956f0624..4c668373 100644
--- a/projects/lf-documentation/src/app/example-usage-in-html/example-usage-in-html.component.html
+++ b/projects/lf-documentation/src/app/example-usage-in-html/example-usage-in-html.component.html
@@ -1,44 +1,43 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<p class="documentation-title">Using UI Components from CDN in HTML5</p>
-<h3 id="cdn-example-react"> Example: <code>lf-checklist</code></h3>
-<p>In the example below, the implementation comes from the CDN.
-<ol>
-  <li>
-    <p  class="documentation-text">
-      <a (click)="navigateToGettingStarted('cdn-usage')">Follow these steps to get started.</a></p>
-  </li>
-  <li>
-      <p  class="documentation-text">
-        Add the following tag to the html file of your application.
-      </p>
-      <pre class="code-container"><span class="code-html-tagname">&lt;lf-checklist</span> <span class="code-html-attribute-name">id="myChecklist"</span> <span class="code-html-tagname">&gt;</span><span class="code-html-tagname">&lt;/lf-checklist&gt;</span>
-</pre>
-    </li>
-    <li>
-    <p dir="auto">In the <code>.js</code> file (e.g.: <code>app.js</code>),</p>
-    <pre class="code-container">
-<span class="code-js-import-item">const</span> <span class="code-js-prop">checklist</span> = document.<span class="code-js-function">getElementById</span>('<span class="code-js-string">mychecklist</span>'); <span class="code-ts-comment"
->// create a reference for custom element</span>
-checklist.<span class="code-js-function">initAsync</span>(...);
-
-<span class="code-js-import-item">function</span> onChecklistchanged(event) &#123;
-  const checklistItem = event.detail; <span class="code-ts-comment">// event data will be stored in the detail property</span>
-&#125;
-
-<span class="code-ts-comment">// we have to add event listener to listen for the HTML custom event checklistChanged</span>
-checklist.addEventListener('checklistChanged', onChecklistchanged);
-    </pre>
-  </li>
-  <li>
-    <p  class="documentation-text">
-      Add the <code>.js</code> script to <code>index.html</code>
-    </p>
-    <pre class="code-container">
-<span class="code-html-tagname"> &lt;script </span><span class="code-html-attribute-name">src</span><span>=</span><span class="code-html-attribute-value"
->"./app.js"</span> <span class="code-html-attribute-name"
->defer</span><span class="code-html-tagname">&gt;&lt;/script&gt;</span>
-</pre>
-  </li>
-</ol>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<p class="documentation-title">Using UI Components from CDN in HTML5</p>
+<h3 id="cdn-example-react">Example: <code>lf-checklist</code></h3>
+<p>In the example below, the implementation comes from the CDN.</p>
+<ol>
+  <li>
+    <p class="documentation-text">
+      <a (click)="navigateToGettingStarted('cdn-usage')">Follow these steps to get started.</a>
+    </p>
+  </li>
+  <li>
+    <p class="documentation-text">Add the following tag to the html file of your application.</p>
+    <pre
+      class="code-container"
+    ><span class="code-html-tagname">&lt;lf-checklist</span> <span class="code-html-attribute-name">id="myChecklist"</span> <span class="code-html-tagname">&gt;</span><span class="code-html-tagname">&lt;/lf-checklist&gt;</span>
+</pre>
+  </li>
+  <li>
+    <p dir="auto">In the <code>.js</code> file (e.g.: <code>app.js</code>),</p>
+    <pre class="code-container">
+<span class="code-js-import-item">const</span> <span class="code-js-prop">checklist</span> = document.<span class="code-js-function">getElementById</span>('<span class="code-js-string">mychecklist</span>'); <span class="code-ts-comment"
+>// create a reference for custom element</span>
+checklist.<span class="code-js-function">initAsync</span>(...);
+
+<span class="code-js-import-item">function</span> onChecklistchanged(event) &#123;
+  const checklistItem = event.detail; <span class="code-ts-comment">// event data will be stored in the detail property</span>
+&#125;
+
+<span class="code-ts-comment">// we have to add event listener to listen for the HTML custom event checklistChanged</span>
+checklist.addEventListener('checklistChanged', onChecklistchanged);
+    </pre>
+  </li>
+  <li>
+    <p class="documentation-text">Add the <code>.js</code> script to <code>index.html</code></p>
+    <pre class="code-container">
+<span class="code-html-tagname"> &lt;script </span><span class="code-html-attribute-name">src</span><span>=</span><span class="code-html-attribute-value"
+>"./app.js"</span> <span class="code-html-attribute-name"
+>defer</span><span class="code-html-tagname">&gt;&lt;/script&gt;</span>
+</pre>
+  </li>
+</ol>
diff --git a/projects/lf-documentation/src/app/example-usage-in-html/example-usage-in-html.component.spec.ts b/projects/lf-documentation/src/app/example-usage-in-html/example-usage-in-html.component.spec.ts
index 832ab7d6..c399cf9c 100644
--- a/projects/lf-documentation/src/app/example-usage-in-html/example-usage-in-html.component.spec.ts
+++ b/projects/lf-documentation/src/app/example-usage-in-html/example-usage-in-html.component.spec.ts
@@ -1,30 +1,29 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
-
-import { ExampleUsageInHtmlComponent } from './example-usage-in-html.component';
-
-describe('ExampleUsageInHtmlComponent', () => {
-  let component: ExampleUsageInHtmlComponent;
-  let fixture: ComponentFixture<ExampleUsageInHtmlComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [RouterTestingModule],
-      imports: [ ExampleUsageInHtmlComponent ],
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ExampleUsageInHtmlComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+
+import { ExampleUsageInHtmlComponent } from './example-usage-in-html.component';
+
+describe('ExampleUsageInHtmlComponent', () => {
+  let component: ExampleUsageInHtmlComponent;
+  let fixture: ComponentFixture<ExampleUsageInHtmlComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [RouterTestingModule],
+      imports: [ExampleUsageInHtmlComponent],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ExampleUsageInHtmlComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/lf-documentation/src/app/example-usage-in-html/example-usage-in-html.component.ts b/projects/lf-documentation/src/app/example-usage-in-html/example-usage-in-html.component.ts
index 71af9d2f..d9ce391e 100644
--- a/projects/lf-documentation/src/app/example-usage-in-html/example-usage-in-html.component.ts
+++ b/projects/lf-documentation/src/app/example-usage-in-html/example-usage-in-html.component.ts
@@ -1,14 +1,14 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component } from '@angular/core';
-import { ExampleUsageBasicStepsDirective } from '../example-usage-basic-steps.directive';
-
-@Component({
-    selector: 'app-example-usage-in-html',
-    templateUrl: './example-usage-in-html.component.html',
-    styleUrls: ['./example-usage-in-html.component.css', '../app.component.css'],
-    standalone: true,
-    imports: []
-})
-export class ExampleUsageInHtmlComponent extends ExampleUsageBasicStepsDirective { }
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component } from '@angular/core';
+import { ExampleUsageBasicStepsDirective } from '../example-usage-basic-steps.directive';
+
+@Component({
+  selector: 'app-example-usage-in-html',
+  templateUrl: './example-usage-in-html.component.html',
+  styleUrls: ['./example-usage-in-html.component.css', '../app.component.css'],
+  standalone: true,
+  imports: [],
+})
+export class ExampleUsageInHtmlComponent extends ExampleUsageBasicStepsDirective {}
diff --git a/projects/lf-documentation/src/app/example-usage-in-react/example-usage-in-react.component.html b/projects/lf-documentation/src/app/example-usage-in-react/example-usage-in-react.component.html
index b65f7ede..04a12499 100644
--- a/projects/lf-documentation/src/app/example-usage-in-react/example-usage-in-react.component.html
+++ b/projects/lf-documentation/src/app/example-usage-in-react/example-usage-in-react.component.html
@@ -1,57 +1,59 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<p class="documentation-title">Using UI Components from CDN in React</p>
-<h3 id="cdn-example-react"> Example: <code>lf-checklist</code></h3>
-<p>In the example below, the implementation comes from the CDN.
-<ol>
-  <li>
-    <p  class="documentation-text">
-      <a (click)="navigateToGettingStarted('cdn-usage')">Follow these steps to get started.</a></p>
-  </li>
-  <li>
-    If you are using TypeScript, create a file <code>./src/definitions.d.ts</code>. This allows you to use the custom UI component in your application.
-    <pre class="code-container">
-<span class="code-ts-import">declare namespace</span> JSX &#123;
-  <span class="code-ts-import">interface</span> IntrinsicElements &#123;
-    <span class="code-js-string">'lf-checklist'</span>: any;
-  &#125;
-&#125;
-</pre>
-  </li>
-  <li>
-    <p dir="auto">In the <code>.tsx</code> file,</p>
-    <pre class="code-container">
-<span class="code-ts-import">import</span> <span class="code-js-import-item">React</span> <span class="code-ts-import">from</span> <span class="code-js-string">'react'</span>;
-<span class="code-ts-comment">// do not need to add the following import statements in ReactJS project  </span>
-<span class="code-ts-import">import</span> <span class="code-js-import-item">&#123; NgElement, WithProperties &#125;</span> <span class="code-ts-import">from</span> <span class="code-js-string">'&#64;angular/elements'</span>;
-<span class="code-ts-import">import</span> <span class="code-js-import-item">&#123;LfChecklistComponent, Checklist &#125;</span> <span class="code-ts-import">from</span> <span class="code-js-string">'&#64;laserfiche/types-lf-ui-components'</span>;
-
-<span class="code-ts-import">export class</span> <span class="code-js-classname">ExampleApp</span> <span class="code-ts-import">extends</span> <span class="code-js-classname">React</span>.<span class="code-js-prop">Component</span> &#123;
-  <span class="code-js-prop">checklist</span>: <span class="code-js-import-item">React.RefObject</span>&lt;<span class="code-js-prop">NgElement & WithProperties&lt;LfChecklistComponent&gt;&gt;</span>;
-
-  <span class="code-js-function">constructor</span>(props) &#123;
-    super(props);
-    <span class="code-js-prop">checklist</span> = <span class="code-js-classname">React</span>.<span class="code-js-function">createRef()</span>;  <span class="code-ts-comment">// create a reference for custom element</span>
-  &#125;
-
-  <span class="code-ts-import">async</span> <span class="code-js-function">componentDidMount()</span> &#123;
-    <span class="code-ts-import">await</span> this.<span class="code-js-prop">checklist.current</span>?.<span class="code-js-function">initAsync</span>(...);
-    <span class="code-ts-comment">// we have to add event listener to listen for the HTML custom event checklistChanged</span>
-    this.<span class="code-js-prop">checklist.current</span>?.<span class="code-js-function">addEventListener</span>(<span class="code-js-string">'checklistChanged'</span>, this.<span class="code-js-prop">onChecklistChanged</span>);
-  &#125;
-
-  <span class="code-js-function">onChecklistChanged</span>(event) &#123;
-    <span class="code-ts-import">const</span> checklist = event.<span class="code-js-prop">detail</span>;    <span class="code-ts-comment">// event data will be stored in the detail property</span>
-  &#125;
-
-  <span class="code-js-function">render</span>() &#123;
-    <span class="code-ts-import">return</span> (
-      <span class="code-html-tagname">&lt;lf-checklist</span>
-        <span class="code-js-prop">ref</span>=&#123;this.<span class="code-js-prop">checklist</span>&#125;
-        <span class="code-html-tagname">&gt;&lt;/lf-checklist&gt;</span>
-    );
-  &#125;
-    </pre>
-  </li>
-</ol>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<p class="documentation-title">Using UI Components from CDN in React</p>
+<h3 id="cdn-example-react">Example: <code>lf-checklist</code></h3>
+<p>In the example below, the implementation comes from the CDN.</p>
+<ol>
+  <li>
+    <p class="documentation-text">
+      <a (click)="navigateToGettingStarted('cdn-usage')">Follow these steps to get started.</a>
+    </p>
+  </li>
+  <li>
+    If you are using TypeScript, create a file <code>./src/definitions.d.ts</code>. This allows you to use the custom UI
+    component in your application.
+    <pre class="code-container">
+<span class="code-ts-import">declare namespace</span> JSX &#123;
+  <span class="code-ts-import">interface</span> IntrinsicElements &#123;
+    <span class="code-js-string">'lf-checklist'</span>: any;
+  &#125;
+&#125;
+</pre>
+  </li>
+  <li>
+    <p dir="auto">In the <code>.tsx</code> file,</p>
+    <pre class="code-container">
+<span class="code-ts-import">import</span> <span class="code-js-import-item">React</span> <span class="code-ts-import">from</span> <span class="code-js-string">'react'</span>;
+<span class="code-ts-comment">// do not need to add the following import statements in ReactJS project  </span>
+<span class="code-ts-import">import</span> <span class="code-js-import-item">&#123; NgElement, WithProperties &#125;</span> <span class="code-ts-import">from</span> <span class="code-js-string">'&#64;angular/elements'</span>;
+<span class="code-ts-import">import</span> <span class="code-js-import-item">&#123;LfChecklistComponent, Checklist &#125;</span> <span class="code-ts-import">from</span> <span class="code-js-string">'&#64;laserfiche/types-lf-ui-components'</span>;
+
+<span class="code-ts-import">export class</span> <span class="code-js-classname">ExampleApp</span> <span class="code-ts-import">extends</span> <span class="code-js-classname">React</span>.<span class="code-js-prop">Component</span> &#123;
+  <span class="code-js-prop">checklist</span>: <span class="code-js-import-item">React.RefObject</span>&lt;<span class="code-js-prop">NgElement & WithProperties&lt;LfChecklistComponent&gt;&gt;</span>;
+
+  <span class="code-js-function">constructor</span>(props) &#123;
+    super(props);
+    <span class="code-js-prop">checklist</span> = <span class="code-js-classname">React</span>.<span class="code-js-function">createRef()</span>;  <span class="code-ts-comment">// create a reference for custom element</span>
+  &#125;
+
+  <span class="code-ts-import">async</span> <span class="code-js-function">componentDidMount()</span> &#123;
+    <span class="code-ts-import">await</span> this.<span class="code-js-prop">checklist.current</span>?.<span class="code-js-function">initAsync</span>(...);
+    <span class="code-ts-comment">// we have to add event listener to listen for the HTML custom event checklistChanged</span>
+    this.<span class="code-js-prop">checklist.current</span>?.<span class="code-js-function">addEventListener</span>(<span class="code-js-string">'checklistChanged'</span>, this.<span class="code-js-prop">onChecklistChanged</span>);
+  &#125;
+
+  <span class="code-js-function">onChecklistChanged</span>(event) &#123;
+    <span class="code-ts-import">const</span> checklist = event.<span class="code-js-prop">detail</span>;    <span class="code-ts-comment">// event data will be stored in the detail property</span>
+  &#125;
+
+  <span class="code-js-function">render</span>() &#123;
+    <span class="code-ts-import">return</span> (
+      <span class="code-html-tagname">&lt;lf-checklist</span>
+        <span class="code-js-prop">ref</span>=&#123;this.<span class="code-js-prop">checklist</span>&#125;
+        <span class="code-html-tagname">&gt;&lt;/lf-checklist&gt;</span>
+    );
+  &#125;
+    </pre>
+  </li>
+</ol>
diff --git a/projects/lf-documentation/src/app/example-usage-in-react/example-usage-in-react.component.spec.ts b/projects/lf-documentation/src/app/example-usage-in-react/example-usage-in-react.component.spec.ts
index f3a486a0..54eec524 100644
--- a/projects/lf-documentation/src/app/example-usage-in-react/example-usage-in-react.component.spec.ts
+++ b/projects/lf-documentation/src/app/example-usage-in-react/example-usage-in-react.component.spec.ts
@@ -1,30 +1,29 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
-
-import { ExampleUsageInReactComponent } from './example-usage-in-react.component';
-
-describe('ExampleUsageInReactComponent', () => {
-  let component: ExampleUsageInReactComponent;
-  let fixture: ComponentFixture<ExampleUsageInReactComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [RouterTestingModule],
-      imports: [ ExampleUsageInReactComponent ],
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ExampleUsageInReactComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+
+import { ExampleUsageInReactComponent } from './example-usage-in-react.component';
+
+describe('ExampleUsageInReactComponent', () => {
+  let component: ExampleUsageInReactComponent;
+  let fixture: ComponentFixture<ExampleUsageInReactComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [RouterTestingModule],
+      imports: [ExampleUsageInReactComponent],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ExampleUsageInReactComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/lf-documentation/src/app/example-usage-in-react/example-usage-in-react.component.ts b/projects/lf-documentation/src/app/example-usage-in-react/example-usage-in-react.component.ts
index c71bff38..ace76894 100644
--- a/projects/lf-documentation/src/app/example-usage-in-react/example-usage-in-react.component.ts
+++ b/projects/lf-documentation/src/app/example-usage-in-react/example-usage-in-react.component.ts
@@ -1,14 +1,14 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component } from '@angular/core';
-import { ExampleUsageBasicStepsDirective } from '../example-usage-basic-steps.directive';
-
-@Component({
-    selector: 'app-example-usage-in-react',
-    templateUrl: './example-usage-in-react.component.html',
-    styleUrls: ['./example-usage-in-react.component.css', '../app.component.css'],
-    standalone: true,
-    imports: []
-})
-export class ExampleUsageInReactComponent extends ExampleUsageBasicStepsDirective { }
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component } from '@angular/core';
+import { ExampleUsageBasicStepsDirective } from '../example-usage-basic-steps.directive';
+
+@Component({
+  selector: 'app-example-usage-in-react',
+  templateUrl: './example-usage-in-react.component.html',
+  styleUrls: ['./example-usage-in-react.component.css', '../app.component.css'],
+  standalone: true,
+  imports: [],
+})
+export class ExampleUsageInReactComponent extends ExampleUsageBasicStepsDirective {}
diff --git a/projects/lf-documentation/src/app/getting-started/getting-started.component.html b/projects/lf-documentation/src/app/getting-started/getting-started.component.html
index abc088ad..5ee89a2c 100644
--- a/projects/lf-documentation/src/app/getting-started/getting-started.component.html
+++ b/projects/lf-documentation/src/app/getting-started/getting-started.component.html
@@ -20,7 +20,10 @@
   </ul>
 </div>
 <h2 id="cdn-usage">Using Via CDN</h2>
-<p>Laserfiche UI Components can be imported using any CDN hosting the npm package, including jsdelivr, unpkg, and lfxstatic. Below, we use jsdelivr.</p>
+<p>
+  Laserfiche UI Components can be imported using any CDN hosting the npm package, including jsdelivr, unpkg, and
+  lfxstatic. Below, we use jsdelivr.
+</p>
 <ol>
   <li>
     <p class="documentation-text">Add the following script tags to <code>index.html</code>.</p>
@@ -69,7 +72,8 @@ <h2 id="cdn-usage">Using Via CDN</h2>
   </li>
   <li>
     <p class="documentation-text">
-      If you are using a different version of Angular Material or not using Angular Material, you must add an Angular Material stylesheet.
+      If you are using a different version of Angular Material or not using Angular Material, you must add an Angular
+      Material stylesheet.
     </p>
     <p class="documentation-text">
       <code class="code-container">
@@ -110,11 +114,12 @@ <h2 id="npm-usage">Using Via NPM</h2>
     </p>
     <p class="documentation-text">
       For example to use <code>&lt;lf-repository-browser-component&gt;</code> you would do <br />
-      <code class="code-container">import &#123;LfRepositoryBrowserComponent&#125; from '&#64;laserfiche/lf-ui-components/lf-repository-browser'</code>;
-    </p>
-    <p class="documentation-text">
-      Then add it to your component's imports:
+      <code class="code-container"
+        >import &#123;LfRepositoryBrowserComponent&#125; from
+        '&#64;laserfiche/lf-ui-components/lf-repository-browser'</code
+      >;
     </p>
+    <p class="documentation-text">Then add it to your component's imports:</p>
     <pre class="code-container">
 <span class="code-ts-import">import</span> &#123; Component &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;angular/core'</span>;
 <span class="code-ts-import">import</span> &#123; LfRepositoryBrowserComponent &#125; <span class="code-ts-import">from</span> <span class="code-ts-import-source">'&#64;laserfiche/lf-ui-components/lf-repository-browser'</span>;
@@ -133,7 +138,8 @@ <h2 id="npm-usage">Using Via NPM</h2>
     <ol>
       <li>
         Either manually or as part of a build script, copy the CDN folder
-        <code>node_modules/&#64;laserfiche/lf-ui-components/cdn/</code> into a destination served by your web server e.g.:
+        <code>node_modules/&#64;laserfiche/lf-ui-components/cdn/</code> into a destination served by your web server
+        e.g.:
         <code>static_assets</code>
       </li>
       <li>Reference that location in a script tag within the HTML file in your project e.g.:</li>
@@ -157,8 +163,8 @@ <h2 id="usage">General Usage Tips</h2>
     UI components may be used with other Laserfiche libraries:
     <ul>
       <li>
-        <a href="https://www.npmjs.com/package/@laserfiche/lf-js-utils"><code>&#64;laserfiche/lf-js-utils</code></a> - this
-        library contains utility functions and a reusable localization service.
+        <a href="https://www.npmjs.com/package/@laserfiche/lf-js-utils"><code>&#64;laserfiche/lf-js-utils</code></a> -
+        this library contains utility functions and a reusable localization service.
       </li>
       <li>
         <a href="https://www.npmjs.com/package/@laserfiche/lf-ui-components-services"
diff --git a/projects/lf-documentation/src/app/getting-started/getting-started.component.spec.ts b/projects/lf-documentation/src/app/getting-started/getting-started.component.spec.ts
index b30ba960..1e5cbf40 100644
--- a/projects/lf-documentation/src/app/getting-started/getting-started.component.spec.ts
+++ b/projects/lf-documentation/src/app/getting-started/getting-started.component.spec.ts
@@ -1,33 +1,30 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ActivatedRoute } from '@angular/router';
-import { of } from 'rxjs';
-
-import { GettingStartedComponent } from './getting-started.component';
-
-describe('GettingStartedComponent', () => {
-  let component: GettingStartedComponent;
-  let fixture: ComponentFixture<GettingStartedComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [ GettingStartedComponent ],
-      providers: [
-        { provide: ActivatedRoute, useValue: { queryParams: of({}) } }
-      ],
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(GettingStartedComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ActivatedRoute } from '@angular/router';
+import { of } from 'rxjs';
+
+import { GettingStartedComponent } from './getting-started.component';
+
+describe('GettingStartedComponent', () => {
+  let component: GettingStartedComponent;
+  let fixture: ComponentFixture<GettingStartedComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [GettingStartedComponent],
+      providers: [{ provide: ActivatedRoute, useValue: { queryParams: of({}) } }],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(GettingStartedComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/lf-documentation/src/app/getting-started/getting-started.component.ts b/projects/lf-documentation/src/app/getting-started/getting-started.component.ts
index 6b083cca..ffd0b354 100644
--- a/projects/lf-documentation/src/app/getting-started/getting-started.component.ts
+++ b/projects/lf-documentation/src/app/getting-started/getting-started.component.ts
@@ -1,28 +1,27 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { AfterViewInit, Component, inject } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
-
-@Component({
-    selector: 'app-getting-started',
-    templateUrl: './getting-started.component.html',
-    styleUrls: ['./getting-started.component.css', './../app.component.css'],
-    standalone: true,
-    imports: []
-})
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { AfterViewInit, Component, inject } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+
+@Component({
+  selector: 'app-getting-started',
+  templateUrl: './getting-started.component.html',
+  styleUrls: ['./getting-started.component.css', './../app.component.css'],
+  standalone: true,
+  imports: [],
+})
 export class GettingStartedComponent implements AfterViewInit {
   private route = inject(ActivatedRoute);
-
-
-  ngAfterViewInit(): void {
-    this.route.queryParams.subscribe(params => {
-      this.navigateToElements(params["id"]);
-    });
-  }
-
-  navigateToElements(elementId: string) {
-    var elements = document.getElementById(elementId);
-    elements?.scrollIntoView();
-  }
-}
+
+  ngAfterViewInit(): void {
+    this.route.queryParams.subscribe((params) => {
+      this.navigateToElements(params['id']);
+    });
+  }
+
+  navigateToElements(elementId: string) {
+    var elements = document.getElementById(elementId);
+    elements?.scrollIntoView();
+  }
+}
diff --git a/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.html b/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.html
index 8882c641..9cb58e3e 100644
--- a/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.html
+++ b/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.html
@@ -1,72 +1,76 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<p class="documentation-title">LfBreadcrumbs</p>
-
-<p class="documentation-text code-container">
-  <code>
-    <span class="code-html-tagname">&lt;lf-breadcrumbs&gt;&lt;/lf-breadcrumbs&gt;</span>
-  </code>
-</p>
-<p class="documentation-text code-container">
-  <code>
-    <span class="code-html-tagname">const </span>
-    <span class="code-html-attribute-name">breadcrumbsElement</span>
-    <span>=</span>
-    <span>document.querySelector('lf-breadcrumbs');</span>
-    <p>breadcrumbsElement.breadcrumbs = breadcrumbsObject;</p>
-  </code>
-</p>
-<app-card>
-  <lf-breadcrumbs-component #breadcrumbs [breadcrumbs]="elementBreadcrumbOptions" (breadcrumbSelected)="onElementBreadcrumbSelected($event)"></lf-breadcrumbs-component>
-</app-card>
-<p class="documentation-text">onElementBreadcrumbSelected output:</p>
-<textarea disabled cols="80" rows="10">{{ selectedElementBreadcrumb }}</textarea>
-
-<p class="documentation-header">Overview</p>
-<p class="documentation-text">
-  Custom Element that displays a list of breadcrumbs, allowing the user to select the parent, or one from the dropdown.
-</p>
-
-<p class="documentation-header">HTML Element</p>
-<table>
-  <tr>
-    <th>Attribute</th>
-    <th>Value</th>
-    <th>Description</th>
-  </tr>
-  <tr>
-    <td>breadcrumbs</td>
-    <td>LfBreadcrumb[]</td>
-    <td>List of breadcrumbs to display</td>
-  </tr>
-</table>
-<br />
-<table>
-  <tr>
-    <th>Event</th>
-    <th>Value</th>
-    <th>Description</th>
-  </tr>
-  <tr>
-    <td>breadcrumbClicked</td>
-    <td>() => event: CustomEvent&lt;&#123; selected: LfBreadcrumb; breadcrumbs: LfBreadcrumb[]; &#125;&gt;</td>
-    <td>
-      Event emitted when a breadcrumb is clicked, including the selected breadcrumb as well as the updated breadcrumbs
-      after that breadcrumb is selected.
-    </td>
-  </tr>
-  <tr>
-    <td>**[DEPRECATED]** breadcrumbSelected</td>
-    <td>() => event: CustomEvent&lt;LfBreadcrumb&gt;</td>
-    <td>
-      This event is deprecated and will be removed in the next major release. It is replaced by breadcrumbClicked.
-    </td>
-  </tr>
-</table>
-
-<p class="documentation-sub-header">LfBreadcrumb Interface</p>
-<ul>
-  <li>id : string</li>
-  <li>name : string</li>
-</ul>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<p class="documentation-title">LfBreadcrumbs</p>
+
+<p class="documentation-text code-container">
+  <code>
+    <span class="code-html-tagname">&lt;lf-breadcrumbs&gt;&lt;/lf-breadcrumbs&gt;</span>
+  </code>
+</p>
+<p class="documentation-text code-container">
+  <code>
+    <span class="code-html-tagname">const </span>
+    <span class="code-html-attribute-name">breadcrumbsElement</span>
+    <span>=</span>
+    <span>document.querySelector('lf-breadcrumbs');</span>
+    <p>breadcrumbsElement.breadcrumbs = breadcrumbsObject;</p>
+  </code>
+</p>
+<app-card>
+  <lf-breadcrumbs-component
+    #breadcrumbs
+    [breadcrumbs]="elementBreadcrumbOptions"
+    (breadcrumbSelected)="onElementBreadcrumbSelected($event)"
+  ></lf-breadcrumbs-component>
+</app-card>
+<p class="documentation-text">onElementBreadcrumbSelected output:</p>
+<textarea disabled cols="80" rows="10">{{ selectedElementBreadcrumb }}</textarea>
+
+<p class="documentation-header">Overview</p>
+<p class="documentation-text">
+  Custom Element that displays a list of breadcrumbs, allowing the user to select the parent, or one from the dropdown.
+</p>
+
+<p class="documentation-header">HTML Element</p>
+<table>
+  <tr>
+    <th>Attribute</th>
+    <th>Value</th>
+    <th>Description</th>
+  </tr>
+  <tr>
+    <td>breadcrumbs</td>
+    <td>LfBreadcrumb[]</td>
+    <td>List of breadcrumbs to display</td>
+  </tr>
+</table>
+<br />
+<table>
+  <tr>
+    <th>Event</th>
+    <th>Value</th>
+    <th>Description</th>
+  </tr>
+  <tr>
+    <td>breadcrumbClicked</td>
+    <td>() => event: CustomEvent&lt;&#123; selected: LfBreadcrumb; breadcrumbs: LfBreadcrumb[]; &#125;&gt;</td>
+    <td>
+      Event emitted when a breadcrumb is clicked, including the selected breadcrumb as well as the updated breadcrumbs
+      after that breadcrumb is selected.
+    </td>
+  </tr>
+  <tr>
+    <td>**[DEPRECATED]** breadcrumbSelected</td>
+    <td>() => event: CustomEvent&lt;LfBreadcrumb&gt;</td>
+    <td>
+      This event is deprecated and will be removed in the next major release. It is replaced by breadcrumbClicked.
+    </td>
+  </tr>
+</table>
+
+<p class="documentation-sub-header">LfBreadcrumb Interface</p>
+<ul>
+  <li>id : string</li>
+  <li>name : string</li>
+</ul>
diff --git a/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.spec.ts b/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.spec.ts
index a509fdab..1e43f365 100644
--- a/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.spec.ts
@@ -1,29 +1,28 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { LfBreadcrumbsDocumentationComponent } from './lf-breadcrumbs-documentation.component';
-
-describe('LfBreadcrumbsDocumentationComponent', () => {
-  let component: LfBreadcrumbsDocumentationComponent;
-  let fixture: ComponentFixture<LfBreadcrumbsDocumentationComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [ LfBreadcrumbsDocumentationComponent ],
-      schemas: [CUSTOM_ELEMENTS_SCHEMA]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(LfBreadcrumbsDocumentationComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { LfBreadcrumbsDocumentationComponent } from './lf-breadcrumbs-documentation.component';
+
+describe('LfBreadcrumbsDocumentationComponent', () => {
+  let component: LfBreadcrumbsDocumentationComponent;
+  let fixture: ComponentFixture<LfBreadcrumbsDocumentationComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [LfBreadcrumbsDocumentationComponent],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LfBreadcrumbsDocumentationComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.ts b/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.ts
index 139bd522..84fc00df 100644
--- a/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.ts
+++ b/projects/lf-documentation/src/app/lf-breadcrumbs-documentation/lf-breadcrumbs-documentation.component.ts
@@ -1,75 +1,75 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import {
-  LfBreadcrumb,
-  LfBreadcrumbsComponent,
-} from './../../../../ui-components/shared/lf-breadcrumbs/lf-breadcrumbs-public-api';
-import { CardComponent } from '../card/card.component';
-
-@Component({
-  selector: 'app-lf-breadcrumbs-documentation',
-  templateUrl: './lf-breadcrumbs-documentation.component.html',
-  styleUrls: ['./lf-breadcrumbs-documentation.component.css', './../app.component.css'],
-  standalone: true,
-  imports: [CardComponent, LfBreadcrumbsComponent],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class LfBreadcrumbsDocumentationComponent {
-  selectedElementBreadcrumb: string | undefined;
-
-  elementBreadcrumbOptions = [
-    {
-      id: 'E',
-      icon: '',
-      isContainer: true,
-      isLeaf: false,
-      isSelectable: false,
-      name: 'Folder E',
-      path: 'Folder A/Folder B/Folder C/Folder D/Folder E',
-    },
-    {
-      id: 'D',
-      icon: '',
-      isContainer: true,
-      isLeaf: false,
-      isSelectable: false,
-      name: 'Folder D',
-      path: 'Folder A/Folder B/Folder C/Folder D',
-    },
-    {
-      id: 'C',
-      icon: '',
-      isContainer: true,
-      isLeaf: false,
-      isSelectable: false,
-      name: 'Folder C',
-      path: 'Folder A/Folder B/Folder C',
-    },
-    {
-      id: 'B',
-      icon: '',
-      isContainer: true,
-      isLeaf: false,
-      isSelectable: false,
-      name: 'Folder B',
-      path: 'Folder A/Folder B',
-    },
-    {
-      id: 'A',
-      icon: '',
-      isContainer: true,
-      isLeaf: false,
-      isSelectable: false,
-      name: 'Folder A',
-      path: 'Folder A',
-    },
-  ];
-
-  constructor() {}
-
-  onElementBreadcrumbSelected(breadcrumb: LfBreadcrumb) {
-    this.selectedElementBreadcrumb = JSON.stringify(breadcrumb, null, 2);
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import {
+  LfBreadcrumb,
+  LfBreadcrumbsComponent,
+} from './../../../../ui-components/shared/lf-breadcrumbs/lf-breadcrumbs-public-api';
+import { CardComponent } from '../card/card.component';
+
+@Component({
+  selector: 'app-lf-breadcrumbs-documentation',
+  templateUrl: './lf-breadcrumbs-documentation.component.html',
+  styleUrls: ['./lf-breadcrumbs-documentation.component.css', './../app.component.css'],
+  standalone: true,
+  imports: [CardComponent, LfBreadcrumbsComponent],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+})
+export class LfBreadcrumbsDocumentationComponent {
+  selectedElementBreadcrumb: string | undefined;
+
+  elementBreadcrumbOptions = [
+    {
+      id: 'E',
+      icon: '',
+      isContainer: true,
+      isLeaf: false,
+      isSelectable: false,
+      name: 'Folder E',
+      path: 'Folder A/Folder B/Folder C/Folder D/Folder E',
+    },
+    {
+      id: 'D',
+      icon: '',
+      isContainer: true,
+      isLeaf: false,
+      isSelectable: false,
+      name: 'Folder D',
+      path: 'Folder A/Folder B/Folder C/Folder D',
+    },
+    {
+      id: 'C',
+      icon: '',
+      isContainer: true,
+      isLeaf: false,
+      isSelectable: false,
+      name: 'Folder C',
+      path: 'Folder A/Folder B/Folder C',
+    },
+    {
+      id: 'B',
+      icon: '',
+      isContainer: true,
+      isLeaf: false,
+      isSelectable: false,
+      name: 'Folder B',
+      path: 'Folder A/Folder B',
+    },
+    {
+      id: 'A',
+      icon: '',
+      isContainer: true,
+      isLeaf: false,
+      isSelectable: false,
+      name: 'Folder A',
+      path: 'Folder A',
+    },
+  ];
+
+  constructor() {}
+
+  onElementBreadcrumbSelected(breadcrumb: LfBreadcrumb) {
+    this.selectedElementBreadcrumb = JSON.stringify(breadcrumb, null, 2);
+  }
+}
diff --git a/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-demo.service.spec.ts b/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-demo.service.spec.ts
index c3bd4e19..6062400d 100644
--- a/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-demo.service.spec.ts
+++ b/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-demo.service.spec.ts
@@ -1,19 +1,19 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { TestBed } from '@angular/core/testing';
-
-import { LfChecklistDemoService } from './lf-checklist-demo.service';
-
-describe('LfChecklistDemoService', () => {
-  let service: LfChecklistDemoService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(LfChecklistDemoService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { TestBed } from '@angular/core/testing';
+
+import { LfChecklistDemoService } from './lf-checklist-demo.service';
+
+describe('LfChecklistDemoService', () => {
+  let service: LfChecklistDemoService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(LfChecklistDemoService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});
diff --git a/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-demo.service.ts b/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-demo.service.ts
index ed4b4f4c..0454daa5 100644
--- a/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-demo.service.ts
+++ b/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-demo.service.ts
@@ -1,109 +1,121 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Injectable } from '@angular/core';
-import { IconUtils } from '@laserfiche/lf-js-utils';
-import { Checklist } from './../../../../ui-components/lf-checklist/lf-checklist-public-api';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class LfChecklistDemoService {
-
-  private demoChecklists: Checklist[] = [{
-    name: 'First Checklist',
-    collapsible: true,
-    checklistItems: [{
-      icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
-      name: 'Item 1!',
-      id: '1',
-      disabled: false,
-      checked: true,
-      editable: false,
-      constraintError: 'Does not follow constraint',
-      constraint: '^[^\\\\]*$',
-      isRequired: true,
-      requiredError: 'Field name is required'
-    },
-    {
-      icon: [IconUtils.getDocumentIconUrlFromIconId('folder-20'), IconUtils.getDocumentIconUrlFromIconId('shortcut-overlay')],
-      name: 'Item 2!',
-      id: '2',
-      disabled: false,
-      checked: true,
-      editable: true,
-      constraintError: 'Does not follow constraint',
-      constraint: '^[^\\\\]*$',
-      isRequired: true
-    },
-    {
-      icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
-      name: 'Item 3!',
-      id: '3',
-      disabled: false,
-      checked: false,
-      editable: true,
-      constraintError: 'Does not follow constraint',
-      constraint: '^[^\\\\]*$',
-      isRequired: true,
-      requiredError: 'Field name is required'
-    }],
-    checklistOptions: [{
-      name: 'disabled option',
-      disabled: true,
-      checked: true
-    },
-    {
-      name: 'enabled option',
-      disabled: false,
-      checked: true
-    },
-    {
-      name: 'check all items',
-      disabled: false,
-      checked: false
-    }]
-  },
-  {
-    name: 'Second Checklist with OVERFLOWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW',
-    checklistItems: [{
-      icon: `./lf-80.png`,
-      name: 'OVERFLOWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW',
-      id: '1',
-      disabled: true,
-      checked: true,
-      editable: false
-    },
-    {
-      icon: `./lf-80.png`,
-      name: 'OVERFLOWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW',
-      id: '2',
-      disabled: true,
-      checked: false,
-      editable: true
-    }],
-    checklistOptions: [{
-      name: 'OVERFLOWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW',
-      disabled: false,
-      checked: true
-    },
-    {
-      name: 'OVERFLOWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW',
-      disabled: true,
-      checked: true
-    }]
-  }];
-
-  loadChecklistsAsync(): Promise<Checklist[]> {
-    return new Promise((resolve, reject) => {
-      resolve(this.demoChecklists);
-    });
-  }
-
-  checkFirstChecklistItems() {
-    const firstChecklistItems = this.demoChecklists[0].checklistItems;
-    firstChecklistItems.forEach(item => {
-      item.checked = true;
-    });
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Injectable } from '@angular/core';
+import { IconUtils } from '@laserfiche/lf-js-utils';
+import { Checklist } from './../../../../ui-components/lf-checklist/lf-checklist-public-api';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class LfChecklistDemoService {
+  private demoChecklists: Checklist[] = [
+    {
+      name: 'First Checklist',
+      collapsible: true,
+      checklistItems: [
+        {
+          icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
+          name: 'Item 1!',
+          id: '1',
+          disabled: false,
+          checked: true,
+          editable: false,
+          constraintError: 'Does not follow constraint',
+          constraint: '^[^\\\\]*$',
+          isRequired: true,
+          requiredError: 'Field name is required',
+        },
+        {
+          icon: [
+            IconUtils.getDocumentIconUrlFromIconId('folder-20'),
+            IconUtils.getDocumentIconUrlFromIconId('shortcut-overlay'),
+          ],
+          name: 'Item 2!',
+          id: '2',
+          disabled: false,
+          checked: true,
+          editable: true,
+          constraintError: 'Does not follow constraint',
+          constraint: '^[^\\\\]*$',
+          isRequired: true,
+        },
+        {
+          icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
+          name: 'Item 3!',
+          id: '3',
+          disabled: false,
+          checked: false,
+          editable: true,
+          constraintError: 'Does not follow constraint',
+          constraint: '^[^\\\\]*$',
+          isRequired: true,
+          requiredError: 'Field name is required',
+        },
+      ],
+      checklistOptions: [
+        {
+          name: 'disabled option',
+          disabled: true,
+          checked: true,
+        },
+        {
+          name: 'enabled option',
+          disabled: false,
+          checked: true,
+        },
+        {
+          name: 'check all items',
+          disabled: false,
+          checked: false,
+        },
+      ],
+    },
+    {
+      name: 'Second Checklist with OVERFLOWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW',
+      checklistItems: [
+        {
+          icon: `./lf-80.png`,
+          name: 'OVERFLOWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW',
+          id: '1',
+          disabled: true,
+          checked: true,
+          editable: false,
+        },
+        {
+          icon: `./lf-80.png`,
+          name: 'OVERFLOWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW',
+          id: '2',
+          disabled: true,
+          checked: false,
+          editable: true,
+        },
+      ],
+      checklistOptions: [
+        {
+          name: 'OVERFLOWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW',
+          disabled: false,
+          checked: true,
+        },
+        {
+          name: 'OVERFLOWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW',
+          disabled: true,
+          checked: true,
+        },
+      ],
+    },
+  ];
+
+  loadChecklistsAsync(): Promise<Checklist[]> {
+    return new Promise((resolve, reject) => {
+      resolve(this.demoChecklists);
+    });
+  }
+
+  checkFirstChecklistItems() {
+    const firstChecklistItems = this.demoChecklists[0].checklistItems;
+    firstChecklistItems.forEach((item) => {
+      item.checked = true;
+    });
+  }
+}
diff --git a/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-documentation.component.html b/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-documentation.component.html
index 8215514a..61f38ef8 100644
--- a/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-documentation.component.html
+++ b/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-documentation.component.html
@@ -1,155 +1,136 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<p class="documentation-title">
-    LfChecklist
-</p>
-
-<p class="documentation-text code-container">
-    <code>
-        <span class="code-html-tagname">&lt;lf-checklist </span>
-        <span class="code-html-attribute-name">action_button_text</span>
-        <span>=</span>
-        <span class="code-html-attribute-value">"Element Action" </span>
-        <span class="code-html-attribute-name">cancel_button_text</span>
-        <span>=</span>
-        <span class="code-html-attribute-value">"Cancel" </span>
-        <span class="code-html-tagname">&gt;&lt;/lf-checklist&gt;</span>
-    </code>
-</p>
-<p class="documentation-text code-container">
-    <code>
-        <span class="code-html-tagname">const </span>
-        <span>checklist</span>
-        <span> = </span>
-        <span>document.querySelector('lf-checklist');</span>
-        <p>checklist.addEventListener('actionClick', onElementActionClick(event));</p>
-        <p>checklist.addEventListener('cancelClick', onElementCancelClick(event));</p>
-        <p>await checklist.initAsync(checklistProvidersObject);</p>
-    </code>
-</p>
-<app-card>
-    <lf-checklist-component #checklist [action_button_text]="elementActionButtonText"
-        [cancel_button_text]="elementCancelButtonText" (actionClick)=onElementActionClick($event)
-        (cancelClick)=onElementCancelClick($event) (checklistChanged)=onElementChecklistChanged($event)></lf-checklist-component>
-</app-card>
-<p class="documentation-text">lf-checklist output: </p>
-<textarea disabled cols="80" rows="10">{{ elementOutput }}</textarea>
-<p class="documentation-header">
-    Overview
-</p>
-<p class="documentation-text">
-    Web Component to give the user the ability to display a list of groups (each with a description, list of items
-    (which have an icon, name, and optional checkbox), and a list of checkbox options) and allow the user to change the
-    names and checkbox options before clicking the action (i.e. save, ok, etc.) button
-</p>
-<p class="documentation-header">
-    Use Case
-</p>
-<p class="documentation-text">
-    Upload to Laserfiche (Email and Attachments)
-</p>
-<p class="documentation-header">
-    HTML Element
-</p>
-<table>
-    <tr>
-        <th>Attribute</th>
-        <th>Value</th>
-        <th>Description</th>
-    </tr>
-    <tr>
-        <td>action_button_text (optional)</td>
-        <td>string</td>
-        <td>Action button text</td>
-    </tr>
-    <tr>
-        <td>cancel_button_text (optional)</td>
-        <td>string</td>
-        <td>Cancel button text</td>
-    </tr>
-</table>
-<br />
-<table>
-    <tr>
-        <th>Event</th>
-        <th>Value</th>
-        <th>Description</th>
-    </tr>
-    <tr>
-        <td>checklistChanged</td>
-        <td>
-            () => event: CustomEvent&lt;Checklist[]&gt;
-        </td>
-        <td>Event emitted when lf-checklist's checkbox or input data changes</td>
-    </tr>
-    <tr>
-        <td>actionClick</td>
-        <td>
-            () => event: CustomEvent&lt;Checklist[]&gt;
-        </td>
-        <td>Event emitted when the action button is clicked</td>
-    </tr>
-    <tr>
-        <td>cancelClick</td>
-        <td>
-            () => event: CustomEvent&lt;Checklist[]&gt;
-        </td>
-        <td>Event emitted when the cancel button is clicked</td>
-    </tr>
-</table>
-<br />
-<table>
-    <tr>
-        <th>Method</th>
-        <th>Value</th>
-        <th>Description</th>
-    </tr>
-    <tr>
-        <td>initAsync</td>
-        <td>(providers: LfChecklistProviders) => Promise&lt;void&gt;</td>
-        <td>Function that allows dynamically triggering a checklist update (will call the ChecklistService function
-            loadChecklistsAsync)</td>
-    </tr>
-    <tr>
-        <td>forceValidation</td>
-        <td>() => boolean</td>
-        <td>Function that triggers any validation messages and returns whether or not the checklists are valid</td>
-    </tr>
-</table>
-<p class="documentation-header">
-    LfChecklistProvider
-</p>
-<p class="documentation-sub-header">
-    ChecklistService Interface
-</p>
-<ul>
-    <li>loadChecklistsAsync() : Promise&lt;Checklist[]&gt;</li>
-</ul>
-<p class="documentation-sub-header">
-    Checklist Interface
-</p>
-<ul>
-    <li>name: string</li>
-    <li>checklistItems: ChecklistItem[]</li>
-    <li>checklistOptions: ChecklistOption[]</li>
-</ul>
-<p class="documentation-sub-header">
-    ChecklistItem Interface
-</p>
-<ul>
-    <li>icon: string | string[]</li>
-    <li>name: string</li>
-    <li>id: string</li>
-    <li>checked: boolean</li>
-    <li>disabled: boolean</li>
-    <li>editable: boolean // When disabled is set to true, editable has no effect</li>
-</ul>
-<p class="documentation-sub-header">
-    ChecklistOption Interface
-</p>
-<ul>
-    <li>name: string</li>
-    <li>checked: boolean</li>
-    <li>disabled: boolean</li>
-</ul>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<p class="documentation-title">LfChecklist</p>
+
+<p class="documentation-text code-container">
+  <code>
+    <span class="code-html-tagname">&lt;lf-checklist </span>
+    <span class="code-html-attribute-name">action_button_text</span>
+    <span>=</span>
+    <span class="code-html-attribute-value">"Element Action" </span>
+    <span class="code-html-attribute-name">cancel_button_text</span>
+    <span>=</span>
+    <span class="code-html-attribute-value">"Cancel" </span>
+    <span class="code-html-tagname">&gt;&lt;/lf-checklist&gt;</span>
+  </code>
+</p>
+<p class="documentation-text code-container">
+  <code>
+    <span class="code-html-tagname">const </span>
+    <span>checklist</span>
+    <span> = </span>
+    <span>document.querySelector('lf-checklist');</span>
+    <p>checklist.addEventListener('actionClick', onElementActionClick(event));</p>
+    <p>checklist.addEventListener('cancelClick', onElementCancelClick(event));</p>
+    <p>await checklist.initAsync(checklistProvidersObject);</p>
+  </code>
+</p>
+<app-card>
+  <lf-checklist-component
+    #checklist
+    [action_button_text]="elementActionButtonText"
+    [cancel_button_text]="elementCancelButtonText"
+    (actionClick)="onElementActionClick($event)"
+    (cancelClick)="onElementCancelClick($event)"
+    (checklistChanged)="onElementChecklistChanged($event)"
+  ></lf-checklist-component>
+</app-card>
+<p class="documentation-text">lf-checklist output:</p>
+<textarea disabled cols="80" rows="10">{{ elementOutput }}</textarea>
+<p class="documentation-header">Overview</p>
+<p class="documentation-text">
+  Web Component to give the user the ability to display a list of groups (each with a description, list of items (which
+  have an icon, name, and optional checkbox), and a list of checkbox options) and allow the user to change the names and
+  checkbox options before clicking the action (i.e. save, ok, etc.) button
+</p>
+<p class="documentation-header">Use Case</p>
+<p class="documentation-text">Upload to Laserfiche (Email and Attachments)</p>
+<p class="documentation-header">HTML Element</p>
+<table>
+  <tr>
+    <th>Attribute</th>
+    <th>Value</th>
+    <th>Description</th>
+  </tr>
+  <tr>
+    <td>action_button_text (optional)</td>
+    <td>string</td>
+    <td>Action button text</td>
+  </tr>
+  <tr>
+    <td>cancel_button_text (optional)</td>
+    <td>string</td>
+    <td>Cancel button text</td>
+  </tr>
+</table>
+<br />
+<table>
+  <tr>
+    <th>Event</th>
+    <th>Value</th>
+    <th>Description</th>
+  </tr>
+  <tr>
+    <td>checklistChanged</td>
+    <td>() => event: CustomEvent&lt;Checklist[]&gt;</td>
+    <td>Event emitted when lf-checklist's checkbox or input data changes</td>
+  </tr>
+  <tr>
+    <td>actionClick</td>
+    <td>() => event: CustomEvent&lt;Checklist[]&gt;</td>
+    <td>Event emitted when the action button is clicked</td>
+  </tr>
+  <tr>
+    <td>cancelClick</td>
+    <td>() => event: CustomEvent&lt;Checklist[]&gt;</td>
+    <td>Event emitted when the cancel button is clicked</td>
+  </tr>
+</table>
+<br />
+<table>
+  <tr>
+    <th>Method</th>
+    <th>Value</th>
+    <th>Description</th>
+  </tr>
+  <tr>
+    <td>initAsync</td>
+    <td>(providers: LfChecklistProviders) => Promise&lt;void&gt;</td>
+    <td>
+      Function that allows dynamically triggering a checklist update (will call the ChecklistService function
+      loadChecklistsAsync)
+    </td>
+  </tr>
+  <tr>
+    <td>forceValidation</td>
+    <td>() => boolean</td>
+    <td>Function that triggers any validation messages and returns whether or not the checklists are valid</td>
+  </tr>
+</table>
+<p class="documentation-header">LfChecklistProvider</p>
+<p class="documentation-sub-header">ChecklistService Interface</p>
+<ul>
+  <li>loadChecklistsAsync() : Promise&lt;Checklist[]&gt;</li>
+</ul>
+<p class="documentation-sub-header">Checklist Interface</p>
+<ul>
+  <li>name: string</li>
+  <li>checklistItems: ChecklistItem[]</li>
+  <li>checklistOptions: ChecklistOption[]</li>
+</ul>
+<p class="documentation-sub-header">ChecklistItem Interface</p>
+<ul>
+  <li>icon: string | string[]</li>
+  <li>name: string</li>
+  <li>id: string</li>
+  <li>checked: boolean</li>
+  <li>disabled: boolean</li>
+  <li>editable: boolean // When disabled is set to true, editable has no effect</li>
+</ul>
+<p class="documentation-sub-header">ChecklistOption Interface</p>
+<ul>
+  <li>name: string</li>
+  <li>checked: boolean</li>
+  <li>disabled: boolean</li>
+</ul>
diff --git a/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-documentation.component.spec.ts b/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-documentation.component.spec.ts
index a5dfb9b8..4b0c85ff 100644
--- a/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-documentation.component.spec.ts
@@ -1,33 +1,32 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatCardModule } from '@angular/material/card';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { RouterTestingModule } from '@angular/router/testing';
-
-import { LfChecklistDocumentationComponent } from './lf-checklist-documentation.component';
-
-describe('LfChecklistDocumentationComponent', () => {
-  let component: LfChecklistDocumentationComponent;
-  let fixture: ComponentFixture<LfChecklistDocumentationComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [ LfChecklistDocumentationComponent, BrowserAnimationsModule, MatCardModule ],
-      schemas: [CUSTOM_ELEMENTS_SCHEMA]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(LfChecklistDocumentationComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatCardModule } from '@angular/material/card';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { RouterTestingModule } from '@angular/router/testing';
+
+import { LfChecklistDocumentationComponent } from './lf-checklist-documentation.component';
+
+describe('LfChecklistDocumentationComponent', () => {
+  let component: LfChecklistDocumentationComponent;
+  let fixture: ComponentFixture<LfChecklistDocumentationComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [LfChecklistDocumentationComponent, BrowserAnimationsModule, MatCardModule],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LfChecklistDocumentationComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-documentation.component.ts b/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-documentation.component.ts
index 2942d380..0bac5741 100644
--- a/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-documentation.component.ts
+++ b/projects/lf-documentation/src/app/lf-checklist-documentation/lf-checklist-documentation.component.ts
@@ -1,61 +1,59 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { AfterViewInit, Component, ViewChild, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import {
-  Checklist,
-  LfChecklistComponent,
-  LfChecklistService,
-} from './../../../../ui-components/lf-checklist/lf-checklist-public-api';
-import { LfChecklistDemoService } from './lf-checklist-demo.service';
-import { CardComponent } from '../card/card.component';
-
-@Component({
-  selector: 'app-lf-checklist-documentation',
-  templateUrl: './lf-checklist-documentation.component.html',
-  styleUrls: ['./lf-checklist-documentation.component.css', './../app.component.css'],
-  standalone: true,
-  imports: [CardComponent, LfChecklistComponent],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class LfChecklistDocumentationComponent implements AfterViewInit {
-  /** For custom element */
-  elementActionButtonText: string = 'Element Submit';
-  elementCancelButtonText: string = 'Element Cancel';
-  elementOutput: string | undefined;
-  elementChecklistService: LfChecklistService | undefined;
-  elementCheckAllItemsOldValue: boolean = false;
-  @ViewChild('checklist') elementChecklist!: LfChecklistComponent;
-
-  constructor() {}
-
-  async ngAfterViewInit() {
-    this.elementChecklistService = new LfChecklistDemoService();
-    await Promise.all([
-      this.elementChecklist.initAsync({ checklistService: this.elementChecklistService }),
-    ]);
-  }
-
-  /** Element event handlers */
-  onElementActionClick(checklists: Checklist[]) {
-    this.elementOutput = this.prettyPrint(checklists);
-  }
-
-  onElementCancelClick(checklists: Checklist[]) {
-    this.elementOutput = undefined;
-  }
-
-  async onElementChecklistChanged(checklists: Checklist[]) {
-    this.elementOutput = this.prettyPrint(checklists);
-    const newValue: boolean = checklists[0].checklistOptions[2].checked;
-    if (newValue && !this.elementCheckAllItemsOldValue && this.elementChecklistService) {
-      (this.elementChecklistService as LfChecklistDemoService).checkFirstChecklistItems();
-      await this.elementChecklist.initAsync({ checklistService: this.elementChecklistService });
-    }
-    this.elementCheckAllItemsOldValue = newValue;
-  }
-
-  private prettyPrint(value: any): string {
-    return JSON.stringify(value, null, 2);
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { AfterViewInit, Component, ViewChild, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import {
+  Checklist,
+  LfChecklistComponent,
+  LfChecklistService,
+} from './../../../../ui-components/lf-checklist/lf-checklist-public-api';
+import { LfChecklistDemoService } from './lf-checklist-demo.service';
+import { CardComponent } from '../card/card.component';
+
+@Component({
+  selector: 'app-lf-checklist-documentation',
+  templateUrl: './lf-checklist-documentation.component.html',
+  styleUrls: ['./lf-checklist-documentation.component.css', './../app.component.css'],
+  standalone: true,
+  imports: [CardComponent, LfChecklistComponent],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+})
+export class LfChecklistDocumentationComponent implements AfterViewInit {
+  /** For custom element */
+  elementActionButtonText: string = 'Element Submit';
+  elementCancelButtonText: string = 'Element Cancel';
+  elementOutput: string | undefined;
+  elementChecklistService: LfChecklistService | undefined;
+  elementCheckAllItemsOldValue: boolean = false;
+  @ViewChild('checklist') elementChecklist!: LfChecklistComponent;
+
+  constructor() {}
+
+  async ngAfterViewInit() {
+    this.elementChecklistService = new LfChecklistDemoService();
+    await Promise.all([this.elementChecklist.initAsync({ checklistService: this.elementChecklistService })]);
+  }
+
+  /** Element event handlers */
+  onElementActionClick(checklists: Checklist[]) {
+    this.elementOutput = this.prettyPrint(checklists);
+  }
+
+  onElementCancelClick(checklists: Checklist[]) {
+    this.elementOutput = undefined;
+  }
+
+  async onElementChecklistChanged(checklists: Checklist[]) {
+    this.elementOutput = this.prettyPrint(checklists);
+    const newValue: boolean = checklists[0].checklistOptions[2].checked;
+    if (newValue && !this.elementCheckAllItemsOldValue && this.elementChecklistService) {
+      (this.elementChecklistService as LfChecklistDemoService).checkFirstChecklistItems();
+      await this.elementChecklist.initAsync({ checklistService: this.elementChecklistService });
+    }
+    this.elementCheckAllItemsOldValue = newValue;
+  }
+
+  private prettyPrint(value: any): string {
+    return JSON.stringify(value, null, 2);
+  }
+}
diff --git a/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-demo.service.ts b/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-demo.service.ts
index 18fc2945..3cced2fa 100644
--- a/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-demo.service.ts
+++ b/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-demo.service.ts
@@ -1,270 +1,270 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { FieldValue, LfFieldInfo } from "./../../../../ui-components/lf-metadata/field-components/utils/lf-field-types";
-import { LfFieldAdhocContainerService } from "./../../../../ui-components/lf-metadata/lf-field-adhoc-container/public-api";
-import { FieldFormat, FieldType } from "./../../../../ui-components/shared/lf-shared-public-api";
-
-export class LfFieldAdhocContainerDemoService implements LfFieldAdhocContainerService {
-  fieldInfos: LfFieldInfo[] = [
-    {
-      name: 'Attendance List',
-      id: 1,
-      fieldType: FieldType.String,
-      isMultiValue: true,
-      displayName: 'Attendance List'
-    },
-    {
-      name: 'Full Name',
-      id: 2,
-      fieldType: FieldType.String,
-      isRequired: true,
-      displayName: 'Full Name'
-    },
-    {
-      name: 'Birthdays',
-      id: 3,
-      fieldType: FieldType.Date,
-      format: FieldFormat.LongDate,
-      isMultiValue: true,
-      displayName: 'Birthdays'
-    },
-    {
-      name: 'Birthdays w/ Time',
-      id: 4,
-      fieldType: FieldType.DateTime,
-      format: FieldFormat.LongDateTime,
-      isMultiValue: true,
-      displayName: 'Birthdays w/ Time'
-    },
-    {
-      name: 'Start Times',
-      id: 5,
-      fieldType: FieldType.Time,
-      format: FieldFormat.ShortTime,
-      isMultiValue: true,
-      displayName: 'Start Times'
-    },
-    {
-      name: 'Number (no format)',
-      id: 6,
-      fieldType: FieldType.Number,
-      format: FieldFormat.GeneralNumber,
-      displayName: 'Number (no format)'
-    },
-    {
-      name: 'Amount (AUD)',
-      id: 61,
-      fieldType: FieldType.Number,
-      format: FieldFormat.Currency,
-      currency: 'AUD',
-      displayName: 'Amount (AUD)'
-    },
-    {
-      name: 'Test Scores',
-      id: 62,
-      fieldType: FieldType.Number,
-      format: FieldFormat.Percent,
-      isMultiValue: true,
-      constraint: '>=0&<=100',
-      constraintError: 'Must be between 0-100.',
-      displayName: 'Test Scores'
-    },
-    {
-      name: 'Calories Per Serving',
-      id: 63,
-      fieldType: FieldType.Number,
-      format: FieldFormat.Scientific,
-      displayName: 'Calories Per Serving'
-    },
-    {
-      name: 'General Number',
-      id: 64,
-      fieldType: FieldType.Number,
-      format: FieldFormat.GeneralNumber,
-      displayName: 'General Number'
-    },
-    {
-      name: 'Int',
-      id: 7,
-      fieldType: FieldType.ShortInteger,
-      format: FieldFormat.GeneralNumber,
-      displayName: 'Int'
-    },
-    {
-      name: 'LongInt',
-      id: 8,
-      fieldType: FieldType.LongInteger,
-      format: FieldFormat.GeneralNumber,
-      displayName: 'LongInt'
-    },
-    {
-      name: 'Additional Comments',
-      id: 9,
-      fieldType: FieldType.String,
-      format: FieldFormat.None,
-      isRequired: true,
-      length: 200,
-      displayName: 'Additional Comments'
-    },
-    {
-      name: 'Date',
-      id: 11,
-      fieldType: FieldType.Date,
-      format: FieldFormat.LongDate,
-      displayName: 'Date'
-    },
-    {
-      name: 'DateTime',
-      id: 12,
-      fieldType: FieldType.DateTime,
-      format: FieldFormat.LongDateTime,
-      displayName: 'DateTime'
-    },
-    {
-      name: 'Attendance List (1)',
-      id: 101,
-      fieldType: FieldType.String,
-      isMultiValue: true,
-      displayName: 'Attendance List (1)'
-    },
-    {
-      name: 'Full Name (1)',
-      id: 102,
-      fieldType: FieldType.String,
-      isRequired: true,
-      displayName: 'Full Name (1)'
-    },
-    {
-      name: 'Birthdays (1)',
-      id: 103,
-      fieldType: FieldType.Date,
-      format: FieldFormat.LongDate,
-      isMultiValue: true,
-      displayName: 'Birthdays (1)'
-    },
-    {
-      name: 'Birthdays w/ Time (1)',
-      id: 104,
-      fieldType: FieldType.DateTime,
-      format: FieldFormat.LongDateTime,
-      isMultiValue: true,
-      displayName: 'Birthdays w/ Time (1)'
-    },
-    {
-      name: 'Start Times (1)',
-      id: 105,
-      fieldType: FieldType.Time,
-      format: FieldFormat.ShortTime,
-      isMultiValue: true,
-      displayName: 'Start Times (1)'
-    },
-    {
-      name: 'Number (no format) (1)',
-      id: 106,
-      fieldType: FieldType.Number,
-      format: FieldFormat.GeneralNumber,
-      displayName: 'Number (no format) (1)'
-    },
-    {
-      name: 'Amount (AUD) (1)',
-      id: 161,
-      fieldType: FieldType.Number,
-      format: FieldFormat.Currency,
-      currency: 'AUD',
-      displayName: 'Amount (AUD) (1)'
-    },
-    {
-      name: 'Test Scores (1)',
-      id: 162,
-      fieldType: FieldType.Number,
-      format: FieldFormat.Percent,
-      isMultiValue: true,
-      constraint: '>=0&<=1',
-      constraintError: 'Must be between 0-1.',
-      displayName: 'Test Scores (1)'
-    },
-    {
-      name: 'Calories Per Serving (1)',
-      id: 163,
-      fieldType: FieldType.Number,
-      format: FieldFormat.Scientific,
-      displayName: 'Calories Per Serving (1)'
-    },
-    {
-      name: 'General Number (1)',
-      id: 164,
-      fieldType: FieldType.Number,
-      format: FieldFormat.GeneralNumber,
-      displayName: 'General Number (1)'
-    },
-    {
-      name: 'Int (1)',
-      id: 107,
-      fieldType: FieldType.ShortInteger,
-      format: FieldFormat.GeneralNumber,
-      displayName: 'Int (1)'
-    },
-    {
-      name: 'LongInt (1)',
-      id: 108,
-      fieldType: FieldType.LongInteger,
-      format: FieldFormat.GeneralNumber,
-      displayName: 'LongInt (1)'
-    },
-    {
-      name: 'Additional Comments (1)',
-      id: 109,
-      fieldType: FieldType.String,
-      format: FieldFormat.None,
-      isRequired: true,
-      length: 2,
-      displayName: 'Additional Comments (1)'
-    },
-    {
-      name: 'Date (1)',
-      id: 110,
-      fieldType: FieldType.Date,
-      format: FieldFormat.LongDate,
-      displayName: 'Date (1)'
-    },
-    {
-      name: 'DateTime (1)',
-      id: 120,
-      fieldType: FieldType.DateTime,
-      format: FieldFormat.LongDateTime,
-      displayName: 'DateTime (1)'
-    },
-    {
-      name: 'Time',
-      id: 13,
-      fieldType: FieldType.Time,
-      format: FieldFormat.LongTime,
-      displayName: 'Time'
-    },
-  ];
-  values: FieldValue[] = [
-    {
-      fieldName: 'Attendance List',
-      fieldId: 1,
-      fieldType: FieldType.String,
-      values: [
-        { value: 'Alex', position: '0' },
-        { value: 'Andrew', position: '1' },
-        { value: 'Ian', position: '2' },
-        { value: 'Lee', position: '3' },
-        { value: 'Paolo', position: '4' },
-        { value: 'Quinn', position: '5' },
-      ],
-    },
-  ];
-  mappedFields = [{ value: this.values[0], definition: this.fieldInfos[0] }];
-
-  async getAllFieldDefinitionsAsync(): Promise<LfFieldInfo[]> {
-    return new Promise((resolve, reject) => {
-      setTimeout(() => {
-       return resolve(this.fieldInfos);
-    }, 100);
-  });
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { FieldValue, LfFieldInfo } from './../../../../ui-components/lf-metadata/field-components/utils/lf-field-types';
+import { LfFieldAdhocContainerService } from './../../../../ui-components/lf-metadata/lf-field-adhoc-container/public-api';
+import { FieldFormat, FieldType } from './../../../../ui-components/shared/lf-shared-public-api';
+
+export class LfFieldAdhocContainerDemoService implements LfFieldAdhocContainerService {
+  fieldInfos: LfFieldInfo[] = [
+    {
+      name: 'Attendance List',
+      id: 1,
+      fieldType: FieldType.String,
+      isMultiValue: true,
+      displayName: 'Attendance List',
+    },
+    {
+      name: 'Full Name',
+      id: 2,
+      fieldType: FieldType.String,
+      isRequired: true,
+      displayName: 'Full Name',
+    },
+    {
+      name: 'Birthdays',
+      id: 3,
+      fieldType: FieldType.Date,
+      format: FieldFormat.LongDate,
+      isMultiValue: true,
+      displayName: 'Birthdays',
+    },
+    {
+      name: 'Birthdays w/ Time',
+      id: 4,
+      fieldType: FieldType.DateTime,
+      format: FieldFormat.LongDateTime,
+      isMultiValue: true,
+      displayName: 'Birthdays w/ Time',
+    },
+    {
+      name: 'Start Times',
+      id: 5,
+      fieldType: FieldType.Time,
+      format: FieldFormat.ShortTime,
+      isMultiValue: true,
+      displayName: 'Start Times',
+    },
+    {
+      name: 'Number (no format)',
+      id: 6,
+      fieldType: FieldType.Number,
+      format: FieldFormat.GeneralNumber,
+      displayName: 'Number (no format)',
+    },
+    {
+      name: 'Amount (AUD)',
+      id: 61,
+      fieldType: FieldType.Number,
+      format: FieldFormat.Currency,
+      currency: 'AUD',
+      displayName: 'Amount (AUD)',
+    },
+    {
+      name: 'Test Scores',
+      id: 62,
+      fieldType: FieldType.Number,
+      format: FieldFormat.Percent,
+      isMultiValue: true,
+      constraint: '>=0&<=100',
+      constraintError: 'Must be between 0-100.',
+      displayName: 'Test Scores',
+    },
+    {
+      name: 'Calories Per Serving',
+      id: 63,
+      fieldType: FieldType.Number,
+      format: FieldFormat.Scientific,
+      displayName: 'Calories Per Serving',
+    },
+    {
+      name: 'General Number',
+      id: 64,
+      fieldType: FieldType.Number,
+      format: FieldFormat.GeneralNumber,
+      displayName: 'General Number',
+    },
+    {
+      name: 'Int',
+      id: 7,
+      fieldType: FieldType.ShortInteger,
+      format: FieldFormat.GeneralNumber,
+      displayName: 'Int',
+    },
+    {
+      name: 'LongInt',
+      id: 8,
+      fieldType: FieldType.LongInteger,
+      format: FieldFormat.GeneralNumber,
+      displayName: 'LongInt',
+    },
+    {
+      name: 'Additional Comments',
+      id: 9,
+      fieldType: FieldType.String,
+      format: FieldFormat.None,
+      isRequired: true,
+      length: 200,
+      displayName: 'Additional Comments',
+    },
+    {
+      name: 'Date',
+      id: 11,
+      fieldType: FieldType.Date,
+      format: FieldFormat.LongDate,
+      displayName: 'Date',
+    },
+    {
+      name: 'DateTime',
+      id: 12,
+      fieldType: FieldType.DateTime,
+      format: FieldFormat.LongDateTime,
+      displayName: 'DateTime',
+    },
+    {
+      name: 'Attendance List (1)',
+      id: 101,
+      fieldType: FieldType.String,
+      isMultiValue: true,
+      displayName: 'Attendance List (1)',
+    },
+    {
+      name: 'Full Name (1)',
+      id: 102,
+      fieldType: FieldType.String,
+      isRequired: true,
+      displayName: 'Full Name (1)',
+    },
+    {
+      name: 'Birthdays (1)',
+      id: 103,
+      fieldType: FieldType.Date,
+      format: FieldFormat.LongDate,
+      isMultiValue: true,
+      displayName: 'Birthdays (1)',
+    },
+    {
+      name: 'Birthdays w/ Time (1)',
+      id: 104,
+      fieldType: FieldType.DateTime,
+      format: FieldFormat.LongDateTime,
+      isMultiValue: true,
+      displayName: 'Birthdays w/ Time (1)',
+    },
+    {
+      name: 'Start Times (1)',
+      id: 105,
+      fieldType: FieldType.Time,
+      format: FieldFormat.ShortTime,
+      isMultiValue: true,
+      displayName: 'Start Times (1)',
+    },
+    {
+      name: 'Number (no format) (1)',
+      id: 106,
+      fieldType: FieldType.Number,
+      format: FieldFormat.GeneralNumber,
+      displayName: 'Number (no format) (1)',
+    },
+    {
+      name: 'Amount (AUD) (1)',
+      id: 161,
+      fieldType: FieldType.Number,
+      format: FieldFormat.Currency,
+      currency: 'AUD',
+      displayName: 'Amount (AUD) (1)',
+    },
+    {
+      name: 'Test Scores (1)',
+      id: 162,
+      fieldType: FieldType.Number,
+      format: FieldFormat.Percent,
+      isMultiValue: true,
+      constraint: '>=0&<=1',
+      constraintError: 'Must be between 0-1.',
+      displayName: 'Test Scores (1)',
+    },
+    {
+      name: 'Calories Per Serving (1)',
+      id: 163,
+      fieldType: FieldType.Number,
+      format: FieldFormat.Scientific,
+      displayName: 'Calories Per Serving (1)',
+    },
+    {
+      name: 'General Number (1)',
+      id: 164,
+      fieldType: FieldType.Number,
+      format: FieldFormat.GeneralNumber,
+      displayName: 'General Number (1)',
+    },
+    {
+      name: 'Int (1)',
+      id: 107,
+      fieldType: FieldType.ShortInteger,
+      format: FieldFormat.GeneralNumber,
+      displayName: 'Int (1)',
+    },
+    {
+      name: 'LongInt (1)',
+      id: 108,
+      fieldType: FieldType.LongInteger,
+      format: FieldFormat.GeneralNumber,
+      displayName: 'LongInt (1)',
+    },
+    {
+      name: 'Additional Comments (1)',
+      id: 109,
+      fieldType: FieldType.String,
+      format: FieldFormat.None,
+      isRequired: true,
+      length: 2,
+      displayName: 'Additional Comments (1)',
+    },
+    {
+      name: 'Date (1)',
+      id: 110,
+      fieldType: FieldType.Date,
+      format: FieldFormat.LongDate,
+      displayName: 'Date (1)',
+    },
+    {
+      name: 'DateTime (1)',
+      id: 120,
+      fieldType: FieldType.DateTime,
+      format: FieldFormat.LongDateTime,
+      displayName: 'DateTime (1)',
+    },
+    {
+      name: 'Time',
+      id: 13,
+      fieldType: FieldType.Time,
+      format: FieldFormat.LongTime,
+      displayName: 'Time',
+    },
+  ];
+  values: FieldValue[] = [
+    {
+      fieldName: 'Attendance List',
+      fieldId: 1,
+      fieldType: FieldType.String,
+      values: [
+        { value: 'Alex', position: '0' },
+        { value: 'Andrew', position: '1' },
+        { value: 'Ian', position: '2' },
+        { value: 'Lee', position: '3' },
+        { value: 'Paolo', position: '4' },
+        { value: 'Quinn', position: '5' },
+      ],
+    },
+  ];
+  mappedFields = [{ value: this.values[0], definition: this.fieldInfos[0] }];
+
+  async getAllFieldDefinitionsAsync(): Promise<LfFieldInfo[]> {
+    return new Promise((resolve, reject) => {
+      setTimeout(() => {
+        return resolve(this.fieldInfos);
+      }, 100);
+    });
+  }
+}
diff --git a/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.html b/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.html
index 9f3d284c..1664fca2 100644
--- a/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.html
+++ b/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.html
@@ -1,124 +1,114 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<p class="documentation-title">
-  LfFieldAdhocContainer
-</p>
-
-<p class="documentation-text code-container">
-  <code>
-      <span class="code-html-tagname">&lt;lf-field-adhoc-container&gt;&lt;/lf-field-adhoc-container&gt;</span>
-  </code>
-</p>
-<p class="documentation-text code-container">
-  <code>
-        <span class="code-html-tagname">const </span>
-        <span>adhocContainerElement</span>
-        <span> = </span>
-        <span>document.querySelector('lf-field-adhoc-container');</span>
-        <p>adhocContainerElement.addEventListener('fieldValuesChanged', onElementFieldValueChange(event));</p>
-        <p>await adhocContainerElement.initAsync(adhocProvidersObject);</p>
-    </code>
-</p>
-<app-card>
-  <div style="min-height: 300px;">
-    <lf-field-adhoc-container-component #adhocContainer (fieldValuesChanged)="onElementFieldValueChange($event)">
-    </lf-field-adhoc-container-component>
-  </div>
-</app-card>
-
-<button (click)="elementForceValidation()" class="primary-button lf-button">Force Validation</button>
-<button (click)="elementGetFieldValues()" class="primary-button lf-button">Log Field Values</button>
-<button (click)="elementClearFieldValuesAsync()" class="primary-button lf-button">Clear Field Values</button>
-<br>
-<textarea disabled cols="80" rows="10">Container is valid: {{ elementIsValid }}</textarea>
-<p class="documentation-header">
-  Overview
-</p>
-<p class="documentation-text">
-  Web Component that contains single-value and multi-value fields
-</p>
-<p class="documentation-header">
-  Use Case
-</p>
-<p class="documentation-text">
-  The adhoc container is used for fields that do not belong in a template. The user can add, remove, and edit fields
-  from a pre-defined list.
-</p>
-<p class="documentation-header">
-  HTML Element
-</p>
-
-<table>
-  <tr>
-    <th>Event</th>
-    <th>Value</th>
-    <th>Description</th>
-  </tr>
-  <tr>
-    <td>fieldValuesChanged</td>
-    <td>() => CustomEvent &lt;boolean&gt; </td>
-    <td>Event emitted when any field values are changed. Emits whether adhoc container is valid or not without
-      forcing validation.</td>
-  </tr>
-  <tr>
-    <td>dialogOpened</td>
-    <td>() => CustomEvent&lt;void&gt;</td>
-    <td>Event emitted when the adhoc field selector is opened.
-    </td>
-  </tr>
-  <tr>
-    <td>dialogClosed</td>
-    <td>() => CustomEvent&lt;void&gt;</td>
-    <td>Event emitted when the adhoc field selector is closed.
-    </td>
-  </tr>
-</table>
-<br />
-<table>
-  <tr>
-    <th>Method</th>
-    <th>Value</th>
-    <th>Description</th>
-  </tr>
-  <tr>
-    <td>initAsync</td>
-    <td>(adhocFieldContainerService: LfFieldAdhocContainerService) => Promise&lt;void&gt;</td>
-    <td>Function that initializes the adhoc field container with given provider</td>
-  </tr>
-  <tr>
-    <td>forceValidation</td>
-    <td>() => boolean</td>
-    <td>Function that triggers any validation messages and returns whether or not the fields in the container are
-      valid</td>
-  </tr>
-  <tr>
-    <td>getFieldValues</td>
-    <td>() => &#123;[key: string]: FieldValue&#125;</td>
-    <td>Function that removes blank values and returns an object, keyed by fieldName, of FieldValues (which contains
-      the updated,
-      serialized string values)</td>
-  </tr>
-  <tr>
-    <td>resetFieldDataAsync</td>
-    <td>(fields: &#123; value: FieldValue, definition: LfFieldInfo &#125;[]) => Promise&lt;void&gt;</td>
-    <td>Function that resets the currently selected fields to the definitions and values passed into this function</td>
-  </tr>
-  <tr>
-    <td>updateFieldValuesAsync</td>
-    <td>(values: FieldValue[]) => Promise&lt;void&gt;</td>
-    <td>Function that updates the fields values on the container. This function does not remove any fields.</td>
-  </tr>
-  <tr>
-    <td>clearAsync</td>
-    <td>() => Promise&lt;void&gt;</td>
-    <td>Clears all field values and removes any fields selected</td>
-  </tr>
-</table>
-
-<p class="documentation-sub-header">
-  LfFieldAdhocContainerService Interface
-</p>
-<ul>
-  <li>getAllFieldDefinitionsAsync() : Promise&lt;LfFieldInfo[]&gt;</li>
-</ul>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<p class="documentation-title">LfFieldAdhocContainer</p>
+
+<p class="documentation-text code-container">
+  <code>
+    <span class="code-html-tagname">&lt;lf-field-adhoc-container&gt;&lt;/lf-field-adhoc-container&gt;</span>
+  </code>
+</p>
+<p class="documentation-text code-container">
+  <code>
+    <span class="code-html-tagname">const </span>
+    <span>adhocContainerElement</span>
+    <span> = </span>
+    <span>document.querySelector('lf-field-adhoc-container');</span>
+    <p>adhocContainerElement.addEventListener('fieldValuesChanged', onElementFieldValueChange(event));</p>
+    <p>await adhocContainerElement.initAsync(adhocProvidersObject);</p>
+  </code>
+</p>
+<app-card>
+  <div style="min-height: 300px">
+    <lf-field-adhoc-container-component #adhocContainer (fieldValuesChanged)="onElementFieldValueChange($event)">
+    </lf-field-adhoc-container-component>
+  </div>
+</app-card>
+
+<button (click)="elementForceValidation()" class="primary-button lf-button">Force Validation</button>
+<button (click)="elementGetFieldValues()" class="primary-button lf-button">Log Field Values</button>
+<button (click)="elementClearFieldValuesAsync()" class="primary-button lf-button">Clear Field Values</button>
+<br />
+<textarea disabled cols="80" rows="10">Container is valid: {{ elementIsValid }}</textarea>
+<p class="documentation-header">Overview</p>
+<p class="documentation-text">Web Component that contains single-value and multi-value fields</p>
+<p class="documentation-header">Use Case</p>
+<p class="documentation-text">
+  The adhoc container is used for fields that do not belong in a template. The user can add, remove, and edit fields
+  from a pre-defined list.
+</p>
+<p class="documentation-header">HTML Element</p>
+
+<table>
+  <tr>
+    <th>Event</th>
+    <th>Value</th>
+    <th>Description</th>
+  </tr>
+  <tr>
+    <td>fieldValuesChanged</td>
+    <td>() => CustomEvent &lt;boolean&gt;</td>
+    <td>
+      Event emitted when any field values are changed. Emits whether adhoc container is valid or not without forcing
+      validation.
+    </td>
+  </tr>
+  <tr>
+    <td>dialogOpened</td>
+    <td>() => CustomEvent&lt;void&gt;</td>
+    <td>Event emitted when the adhoc field selector is opened.</td>
+  </tr>
+  <tr>
+    <td>dialogClosed</td>
+    <td>() => CustomEvent&lt;void&gt;</td>
+    <td>Event emitted when the adhoc field selector is closed.</td>
+  </tr>
+</table>
+<br />
+<table>
+  <tr>
+    <th>Method</th>
+    <th>Value</th>
+    <th>Description</th>
+  </tr>
+  <tr>
+    <td>initAsync</td>
+    <td>(adhocFieldContainerService: LfFieldAdhocContainerService) => Promise&lt;void&gt;</td>
+    <td>Function that initializes the adhoc field container with given provider</td>
+  </tr>
+  <tr>
+    <td>forceValidation</td>
+    <td>() => boolean</td>
+    <td>
+      Function that triggers any validation messages and returns whether or not the fields in the container are valid
+    </td>
+  </tr>
+  <tr>
+    <td>getFieldValues</td>
+    <td>() => &#123;[key: string]: FieldValue&#125;</td>
+    <td>
+      Function that removes blank values and returns an object, keyed by fieldName, of FieldValues (which contains the
+      updated, serialized string values)
+    </td>
+  </tr>
+  <tr>
+    <td>resetFieldDataAsync</td>
+    <td>(fields: &#123; value: FieldValue, definition: LfFieldInfo &#125;[]) => Promise&lt;void&gt;</td>
+    <td>Function that resets the currently selected fields to the definitions and values passed into this function</td>
+  </tr>
+  <tr>
+    <td>updateFieldValuesAsync</td>
+    <td>(values: FieldValue[]) => Promise&lt;void&gt;</td>
+    <td>Function that updates the fields values on the container. This function does not remove any fields.</td>
+  </tr>
+  <tr>
+    <td>clearAsync</td>
+    <td>() => Promise&lt;void&gt;</td>
+    <td>Clears all field values and removes any fields selected</td>
+  </tr>
+</table>
+
+<p class="documentation-sub-header">LfFieldAdhocContainerService Interface</p>
+<ul>
+  <li>getAllFieldDefinitionsAsync() : Promise&lt;LfFieldInfo[]&gt;</li>
+</ul>
diff --git a/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.spec.ts b/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.spec.ts
index df343212..799e4e80 100644
--- a/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.spec.ts
@@ -13,7 +13,8 @@ describe('LfFieldAdhocContainerDocumentationComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       imports: [LfFieldAdhocContainerDocumentationComponent, CardComponent],
-      schemas: [CUSTOM_ELEMENTS_SCHEMA] }).compileComponents();
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
+    }).compileComponents();
   });
 
   beforeEach(() => {
diff --git a/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.ts b/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.ts
index 9c7b410d..a100bfaa 100644
--- a/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.ts
+++ b/projects/lf-documentation/src/app/lf-field-adhoc-container-documentation/lf-field-adhoc-container-documentation.component.ts
@@ -1,44 +1,44 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component, AfterViewInit, ViewChild, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { LfFieldAdhocContainerComponent } from './../../../../ui-components/lf-metadata/lf-field-adhoc-container/public-api';
-import { LfFieldAdhocContainerDemoService } from './lf-field-adhoc-container-demo.service';
-import { CardComponent } from '../card/card.component';
-
-@Component({
-  selector: 'app-lf-field-adhoc-container-documentation',
-  templateUrl: './lf-field-adhoc-container-documentation.component.html',
-  styleUrls: ['./lf-field-adhoc-container-documentation.component.css', './../app.component.css'],
-  standalone: true,
-  imports: [CardComponent, LfFieldAdhocContainerComponent],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class LfFieldAdhocContainerDocumentationComponent implements AfterViewInit {
-  @ViewChild('adhocContainer') elementAdhocContainer!: LfFieldAdhocContainerComponent;
-  elementIsValid: boolean = false;
-
-  constructor() {}
-
-  async ngAfterViewInit() {
-    const componentService = new LfFieldAdhocContainerDemoService();
-    await this.elementAdhocContainer.initAsync(componentService);
-    await this.elementAdhocContainer.resetFieldDataAsync(componentService.mappedFields);
-  }
-
-  elementForceValidation() {
-    console.log(this.elementAdhocContainer.forceValidation());
-  }
-
-  elementGetFieldValues() {
-    console.log(this.elementAdhocContainer.getFieldValues());
-  }
-
-  async elementClearFieldValuesAsync() {
-    await this.elementAdhocContainer.clearAsync();
-  }
-
-  onElementFieldValueChange(isValid: boolean) {
-    this.elementIsValid = isValid;
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component, AfterViewInit, ViewChild, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { LfFieldAdhocContainerComponent } from './../../../../ui-components/lf-metadata/lf-field-adhoc-container/public-api';
+import { LfFieldAdhocContainerDemoService } from './lf-field-adhoc-container-demo.service';
+import { CardComponent } from '../card/card.component';
+
+@Component({
+  selector: 'app-lf-field-adhoc-container-documentation',
+  templateUrl: './lf-field-adhoc-container-documentation.component.html',
+  styleUrls: ['./lf-field-adhoc-container-documentation.component.css', './../app.component.css'],
+  standalone: true,
+  imports: [CardComponent, LfFieldAdhocContainerComponent],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+})
+export class LfFieldAdhocContainerDocumentationComponent implements AfterViewInit {
+  @ViewChild('adhocContainer') elementAdhocContainer!: LfFieldAdhocContainerComponent;
+  elementIsValid: boolean = false;
+
+  constructor() {}
+
+  async ngAfterViewInit() {
+    const componentService = new LfFieldAdhocContainerDemoService();
+    await this.elementAdhocContainer.initAsync(componentService);
+    await this.elementAdhocContainer.resetFieldDataAsync(componentService.mappedFields);
+  }
+
+  elementForceValidation() {
+    console.log(this.elementAdhocContainer.forceValidation());
+  }
+
+  elementGetFieldValues() {
+    console.log(this.elementAdhocContainer.getFieldValues());
+  }
+
+  async elementClearFieldValuesAsync() {
+    await this.elementAdhocContainer.clearAsync();
+  }
+
+  onElementFieldValueChange(isValid: boolean) {
+    this.elementIsValid = isValid;
+  }
+}
diff --git a/projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-documentation.component.html b/projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-documentation.component.html
index cb028012..d6e122db 100644
--- a/projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-documentation.component.html
+++ b/projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-documentation.component.html
@@ -1,177 +1,178 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<p class="documentation-title">
-  LfFieldContainer
-</p>
-
-<p class="documentation-text code-container">
-  <code>
-      <span class="code-html-tagname">&lt;lf-field-container </span>
-      <span class="code-html-attribute-name">collapsible</span>
-      <span>=</span>
-      <span class="code-html-attribute-value">"true" </span>
-      <span class="code-html-attribute-name">start_collapsed</span>
-      <span>=</span>
-      <span class="code-html-attribute-value">"true" </span>
-      <span class="code-html-tagname">&gt;&lt;/lf-field-container&gt;</span>
-  </code>
-</p>
-<p class="documentation-text code-container">
-  <code>
-        <span class="code-html-tagname">const </span>
-        <span class="code-html-attribute-name">fieldContainerElement</span>
-        <span> = </span>
-        <span>document.querySelector('lf-field-container');</span>
-        <p>fieldContainerElement.addEventListener('fieldValuesChanged', onElementFieldValueChange(event));</p>
-        <p>fieldContainerElement.addEventListener('templateSelectedChanged', onElementTemplateSelectedChanged(event));</p>
-        <p>await fieldContainerElement.initAsync(fieldProvidersObject);</p>
-    </code>
-</p>
-<mat-checkbox class="margin-right" ngDefaultControl [(ngModel)]="elementIsCollapsible" id="collapsible">collapsible</mat-checkbox>
-<app-card>
-  <div style="min-height: 300px;">
-    <lf-field-container-component #fieldContainer [collapsible]="elementIsCollapsible" [start_collapsed]="true"
-      (fieldValuesChanged)="onFieldValueChange($event)" (templateSelectedChanged)="onTemplateSelectedChanged($event)">
-    </lf-field-container-component>
-  </div>
-</app-card>
-
-<p class="documentation-header">
-  Overview
-</p>
-<p class="documentation-text">
-  Web Component that contains both template and adhoc fields
-</p>
-<p class="documentation-header">
-  Use Case
-</p>
-<p class="documentation-text">
-  Use the field container to add and edit fields from a template and add additional fields outside of the chosen
-  template.
-</p>
-<p class="documentation-header">
-  HTML Element
-</p>
-<table>
-  <tr>
-    <th>Attribute</th>
-    <th>Value</th>
-    <th>Description</th>
-  </tr>
-  <tr>
-    <td>collapsible</td>
-    <td>boolean</td>
-    <td>Input indicating whether or not template and adhoc container views should be collapsible</td>
-  </tr>
-  <tr>
-    <td>start_collapsed</td>
-    <td>boolean</td>
-    <td>Input indicating whether or not template and adhoc container views will initialize collapsed
-      (only valid if collapsible is set to true)</td>
-  </tr>
-</table>
-<br />
-<table>
-  <tr>
-    <th>Event</th>
-    <th>Value</th>
-    <th>Description</th>
-  </tr>
-  <tr>
-    <td>fieldValuesChanged</td>
-    <td>() => CustomEvent&lt;boolean&gt;</td>
-    <td>Event emitted when any field values are changed. Emits whether the container is valid or not without
-      forcing validation.</td>
-  </tr>
-  <tr>
-    <td>templateSelectedChange</td>
-    <td>() => CustomEvent&lt;number&gt;</td>
-    <td>Event emitted when the template selected is changed. Emits the templateId of the newly selected
-      template.
-    </td>
-  </tr>
-  <tr>
-    <td>dialogOpened</td>
-    <td>() => CustomEvent&lt;void&gt;</td>
-    <td>Event emitted when the adhoc field selector is opened.
-    </td>
-  </tr>
-  <tr>
-    <td>dialogClosed</td>
-    <td>() => CustomEvent&lt;void&gt;</td>
-    <td>Event emitted when the adhoc field selector is closed.
-    </td>
-  </tr>
-</table>
-<br />
-<table>
-  <tr>
-    <th>Method</th>
-    <th>Value</th>
-    <th>Description</th>
-  </tr>
-  <tr>
-    <td>initAsync</td>
-    <td>(lfFieldContainerService: LfFieldContainerService, templateIdentifier?: number | string) =>
-      Promise&lt;void&gt;</td>
-    <td>Function that initializes the field container with given provider. Optionally initialize to a template with
-      a given id or name
-    </td>
-  </tr>
-  <tr>
-    <td>forceValidation</td>
-    <td>() => boolean</td>
-    <td>Function that triggers any validation messages and returns whether or not the fields in the container are
-      valid</td>
-  </tr>
-  <tr>
-    <td>getFieldValues</td>
-    <td>() => &#123;[key: string]: FieldValue&#125;</td>
-    <td>Function that removes blank values and returns an object, keyed by fieldName, of FieldValues (which contains
-      the updated, serialized string values)</td>
-  </tr>
-  <tr>
-    <td>resetFieldDataAsync</td>
-    <td>(fields: &#123; value: FieldValue, definition: LfFieldInfo &#125;[]) => Promise&lt;void&gt;</td>
-    <td>Function that resets the currently selected fields to the definitions and values passed into this function
-    </td>
-  </tr>
-  <tr>
-    <td>updateFieldValuesAsync</td>
-    <td>(values: FieldValue[]) => Promise&lt;void&gt;</td>
-    <td>Function that updates the fields values on the container. This function does not remove any fields.</td>
-  </tr>
-  <tr>
-    <td>clearAsync</td>
-    <td>() => Promise&lt;void&gt;</td>
-    <td>Clears all field values and removes any fields selected</td>
-  </tr>
-  <tr>
-    <td>getTemplateValue</td>
-    <td>() => TemplateValue | undefined</td>
-    <td>accessor that returns the current TemplateValue which includes name and values</td>
-  </tr>
-  <tr>
-    <td>getNumAdhocFields</td>
-    <td>() => number</td>
-    <td>Function that returns the current number of adhoc fields assigned</td>
-  </tr>
-</table>
-
-<p class="documentation-sub-header">
-  LfFieldContainerService Interface
-</p>
-<ul>
-  <li>getAllFieldDefinitionsAsync() : Promise&lt;LfFieldInfo[]&gt;</li>
-</ul>
-<ul>
-  <li>getAvailableTemplatesAsync(): Promise&lt;TemplateInfo[]&gt;</li>
-</ul>
-<ul>
-  <li>getTemplateFieldsAsync(templateId: number): Promise&lt;TemplateFieldInfo[]&gt;</li>
-</ul>
-<ul>
-  <li>getDynamicFieldValueOptionsAsync(templateId: number, currentValues: FieldValues): Promise&lt;&#123; [fieldId:
-    number]: string[] &#125;&gt;</li>
-</ul>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<p class="documentation-title">LfFieldContainer</p>
+
+<p class="documentation-text code-container">
+  <code>
+    <span class="code-html-tagname">&lt;lf-field-container </span>
+    <span class="code-html-attribute-name">collapsible</span>
+    <span>=</span>
+    <span class="code-html-attribute-value">"true" </span>
+    <span class="code-html-attribute-name">start_collapsed</span>
+    <span>=</span>
+    <span class="code-html-attribute-value">"true" </span>
+    <span class="code-html-tagname">&gt;&lt;/lf-field-container&gt;</span>
+  </code>
+</p>
+<p class="documentation-text code-container">
+  <code>
+    <span class="code-html-tagname">const </span>
+    <span class="code-html-attribute-name">fieldContainerElement</span>
+    <span> = </span>
+    <span>document.querySelector('lf-field-container');</span>
+    <p>fieldContainerElement.addEventListener('fieldValuesChanged', onElementFieldValueChange(event));</p>
+    <p>fieldContainerElement.addEventListener('templateSelectedChanged', onElementTemplateSelectedChanged(event));</p>
+    <p>await fieldContainerElement.initAsync(fieldProvidersObject);</p>
+  </code>
+</p>
+<mat-checkbox class="margin-right" ngDefaultControl [(ngModel)]="elementIsCollapsible" id="collapsible"
+  >collapsible</mat-checkbox
+>
+<app-card>
+  <div style="min-height: 300px">
+    <lf-field-container-component
+      #fieldContainer
+      [collapsible]="elementIsCollapsible"
+      [start_collapsed]="true"
+      (fieldValuesChanged)="onFieldValueChange($event)"
+      (templateSelectedChanged)="onTemplateSelectedChanged($event)"
+    >
+    </lf-field-container-component>
+  </div>
+</app-card>
+
+<p class="documentation-header">Overview</p>
+<p class="documentation-text">Web Component that contains both template and adhoc fields</p>
+<p class="documentation-header">Use Case</p>
+<p class="documentation-text">
+  Use the field container to add and edit fields from a template and add additional fields outside of the chosen
+  template.
+</p>
+<p class="documentation-header">HTML Element</p>
+<table>
+  <tr>
+    <th>Attribute</th>
+    <th>Value</th>
+    <th>Description</th>
+  </tr>
+  <tr>
+    <td>collapsible</td>
+    <td>boolean</td>
+    <td>Input indicating whether or not template and adhoc container views should be collapsible</td>
+  </tr>
+  <tr>
+    <td>start_collapsed</td>
+    <td>boolean</td>
+    <td>
+      Input indicating whether or not template and adhoc container views will initialize collapsed (only valid if
+      collapsible is set to true)
+    </td>
+  </tr>
+</table>
+<br />
+<table>
+  <tr>
+    <th>Event</th>
+    <th>Value</th>
+    <th>Description</th>
+  </tr>
+  <tr>
+    <td>fieldValuesChanged</td>
+    <td>() => CustomEvent&lt;boolean&gt;</td>
+    <td>
+      Event emitted when any field values are changed. Emits whether the container is valid or not without forcing
+      validation.
+    </td>
+  </tr>
+  <tr>
+    <td>templateSelectedChange</td>
+    <td>() => CustomEvent&lt;number&gt;</td>
+    <td>Event emitted when the template selected is changed. Emits the templateId of the newly selected template.</td>
+  </tr>
+  <tr>
+    <td>dialogOpened</td>
+    <td>() => CustomEvent&lt;void&gt;</td>
+    <td>Event emitted when the adhoc field selector is opened.</td>
+  </tr>
+  <tr>
+    <td>dialogClosed</td>
+    <td>() => CustomEvent&lt;void&gt;</td>
+    <td>Event emitted when the adhoc field selector is closed.</td>
+  </tr>
+</table>
+<br />
+<table>
+  <tr>
+    <th>Method</th>
+    <th>Value</th>
+    <th>Description</th>
+  </tr>
+  <tr>
+    <td>initAsync</td>
+    <td>
+      (lfFieldContainerService: LfFieldContainerService, templateIdentifier?: number | string) => Promise&lt;void&gt;
+    </td>
+    <td>
+      Function that initializes the field container with given provider. Optionally initialize to a template with a
+      given id or name
+    </td>
+  </tr>
+  <tr>
+    <td>forceValidation</td>
+    <td>() => boolean</td>
+    <td>
+      Function that triggers any validation messages and returns whether or not the fields in the container are valid
+    </td>
+  </tr>
+  <tr>
+    <td>getFieldValues</td>
+    <td>() => &#123;[key: string]: FieldValue&#125;</td>
+    <td>
+      Function that removes blank values and returns an object, keyed by fieldName, of FieldValues (which contains the
+      updated, serialized string values)
+    </td>
+  </tr>
+  <tr>
+    <td>resetFieldDataAsync</td>
+    <td>(fields: &#123; value: FieldValue, definition: LfFieldInfo &#125;[]) => Promise&lt;void&gt;</td>
+    <td>Function that resets the currently selected fields to the definitions and values passed into this function</td>
+  </tr>
+  <tr>
+    <td>updateFieldValuesAsync</td>
+    <td>(values: FieldValue[]) => Promise&lt;void&gt;</td>
+    <td>Function that updates the fields values on the container. This function does not remove any fields.</td>
+  </tr>
+  <tr>
+    <td>clearAsync</td>
+    <td>() => Promise&lt;void&gt;</td>
+    <td>Clears all field values and removes any fields selected</td>
+  </tr>
+  <tr>
+    <td>getTemplateValue</td>
+    <td>() => TemplateValue | undefined</td>
+    <td>accessor that returns the current TemplateValue which includes name and values</td>
+  </tr>
+  <tr>
+    <td>getNumAdhocFields</td>
+    <td>() => number</td>
+    <td>Function that returns the current number of adhoc fields assigned</td>
+  </tr>
+</table>
+
+<p class="documentation-sub-header">LfFieldContainerService Interface</p>
+<ul>
+  <li>getAllFieldDefinitionsAsync() : Promise&lt;LfFieldInfo[]&gt;</li>
+</ul>
+<ul>
+  <li>getAvailableTemplatesAsync(): Promise&lt;TemplateInfo[]&gt;</li>
+</ul>
+<ul>
+  <li>getTemplateFieldsAsync(templateId: number): Promise&lt;TemplateFieldInfo[]&gt;</li>
+</ul>
+<ul>
+  <li>
+    getDynamicFieldValueOptionsAsync(templateId: number, currentValues: FieldValues): Promise&lt;&#123; [fieldId:
+    number]: string[] &#125;&gt;
+  </li>
+</ul>
diff --git a/projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-documentation.component.spec.ts b/projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-documentation.component.spec.ts
index c840e582..73eee010 100644
--- a/projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-documentation.component.spec.ts
@@ -1,31 +1,28 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { LfFieldContainerDocumentationComponent } from './lf-field-container-documentation.component';
-
-describe('LfFieldContainerDocumentationComponent', () => {
-  let component: LfFieldContainerDocumentationComponent;
-  let fixture: ComponentFixture<LfFieldContainerDocumentationComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [
-        LfFieldContainerDocumentationComponent,
-       ],
-       schemas: [CUSTOM_ELEMENTS_SCHEMA]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(LfFieldContainerDocumentationComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { LfFieldContainerDocumentationComponent } from './lf-field-container-documentation.component';
+
+describe('LfFieldContainerDocumentationComponent', () => {
+  let component: LfFieldContainerDocumentationComponent;
+  let fixture: ComponentFixture<LfFieldContainerDocumentationComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [LfFieldContainerDocumentationComponent],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LfFieldContainerDocumentationComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-documentation.component.ts b/projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-documentation.component.ts
index 55d8eaa3..1e03f033 100644
--- a/projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-documentation.component.ts
+++ b/projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-documentation.component.ts
@@ -10,36 +10,35 @@ import { MatCheckboxModule } from '@angular/material/checkbox';
 import { FormsModule } from '@angular/forms';
 
 @Component({
-    selector: 'app-lf-field-container-documentation',
-    templateUrl: './lf-field-container-documentation.component.html',
-    styleUrls: ['./lf-field-container-documentation.component.css', './../app.component.css'],
-    standalone: true,
-    imports: [CardComponent, MatCheckboxModule, FormsModule, LfFieldContainerComponent],
-    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+  selector: 'app-lf-field-container-documentation',
+  templateUrl: './lf-field-container-documentation.component.html',
+  styleUrls: ['./lf-field-container-documentation.component.css', './../app.component.css'],
+  standalone: true,
+  imports: [CardComponent, MatCheckboxModule, FormsModule, LfFieldContainerComponent],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
 })
 export class LfFieldContainerDocumentationComponent implements AfterViewInit {
-
   elementIsCollapsible: boolean = false;
   @ViewChild('fieldContainer') elementComponent!: LfFieldContainerComponent;
 
-  constructor() { }
+  constructor() {}
 
   async ngAfterViewInit(): Promise<void> {
     const componentService = new LfFieldContainerDemoService();
-      await this.elementComponent.initAsync(componentService, 2);
-      await this.elementComponent.updateFieldValuesAsync([
-        {
-          fieldId: 13,
-          values: [
-            {
-              value: '2021-10-13T11:29:58',
-              position: '1'
-            }
-          ],
-          fieldName: 'Time Received',
-          fieldType: FieldType.DateTime,
-        }
-      ]);
+    await this.elementComponent.initAsync(componentService, 2);
+    await this.elementComponent.updateFieldValuesAsync([
+      {
+        fieldId: 13,
+        values: [
+          {
+            value: '2021-10-13T11:29:58',
+            position: '1',
+          },
+        ],
+        fieldName: 'Time Received',
+        fieldType: FieldType.DateTime,
+      },
+    ]);
   }
 
   onFieldValueChange(isValid: boolean) {
@@ -49,5 +48,4 @@ export class LfFieldContainerDocumentationComponent implements AfterViewInit {
   onTemplateSelectedChanged(templateId: number) {
     console.log('template selected changed! template ID: ', templateId);
   }
-
 }
diff --git a/projects/lf-documentation/src/app/lf-field-documentation/lf-field-documentation.component.html b/projects/lf-documentation/src/app/lf-field-documentation/lf-field-documentation.component.html
index 81b1cd6e..4da1d94d 100644
--- a/projects/lf-documentation/src/app/lf-field-documentation/lf-field-documentation.component.html
+++ b/projects/lf-documentation/src/app/lf-field-documentation/lf-field-documentation.component.html
@@ -1,123 +1,100 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-
-<p class="documentation-header">Field Types</p>
-<p class="documentation-sub-header">
-  LfFieldInfo Interface
-</p>
-<ul>
-  <li>id: number</li>
-  <li>name: string</li>
-  <li>displayName: string</li>
-  <li>description?: string</li>
-  <li>fieldType?: FieldType</li>
-  <li>length?: number</li>
-  <li>defaultValue?: string</li>
-  <li>isMultiValue?: boolean</li>
-  <li>isRequired?: boolean</li>
-  <li>constraint?: string</li>
-  <li>constraintError?: string</li>
-  <li>listValues?: Array&lt;string&gt;</li>
-  <li>format?: FieldFormat</li>
-  <li>currency?: string</li>
-  <li>formatPattern?: string</li>
-</ul>
-<p class="documentation-sub-header">
-  FieldType Enum
-</p>
-<ul>
-  <li>DateTime</li>
-  <li>String</li>
-  <li>Date</li>
-  <li>ShortInteger</li>
-  <li>LongInteger</li>
-  <li>List</li>
-  <li>Number</li>
-  <li>Time</li>
-  <li>Blob (NOT IMPLEMENTED)</li>
-</ul>
-<p class="documentation-sub-header">
-  FieldFormat Enum
-</p>
-<ul>
-  <li>None</li>
-  <li>ShortDate (NOT IMPLEMENTED)</li>
-  <li>LongDate (NOT IMPLEMENTED)</li>
-  <li>ShortDateTime (NOT IMPLEMENTED)</li>
-  <li>LongDateTime (NOT IMPLEMENTED)</li>
-  <li>ShortTime (NOT IMPLEMENTED)</li>
-  <li>LongTime (NOT IMPLEMENTED)</li>
-  <li>GeneralNumber</li>
-  <li>Currency</li>
-  <li>Percent</li>
-  <li>Scientific (NOT IMPLEMENTED)</li>
-  <li>Custom (NOT IMPLEMENTED)</li>
-</ul>
-<p class="documentation-sub-header">
-  FieldValue Interface
-</p>
-<ul>
-  <li>fieldId: number</li>
-  <li>fieldName?: string</li>
-  <li>values?: Array&lt;&#123; [key: string]: string; &#125;&gt;</li>
-  <li>fieldType?: FieldType</li>
-  <li>groupId?: number</li>
-  <li>flags?: number</li>
-</ul>
-<p class="documentation-sub-header">
-  type LfFieldValue = string;
-</p>
-<p class="documentation-sub-header">
-  FieldValues Interface
-</p>
-<ul>
-  <li>[fieldId: number]: FieldValue</li>
-</ul>
-
-<p class="documentation-header">Template Specific Types</p>
-<p class="documentation-sub-header">
-  TemplateInfo Interface
-</p>
-<ul>
-  <li>id: number</li>
-  <li>name: string</li>
-  <li>displayName: string</li>
-  <li>description?: string</li>
-  <li>fieldCount?: number</li>
-  <li>color?: LfColor</li>
-</ul>
-<p class="documentation-sub-header">
-  TemplateValue Interface
-</p>
-<ul>
-  <li>id: number</li>
-  <li>name: string</li>
-  <li>fieldValues: &#123; [key: string]: FieldValue &#125;</li>
-</ul>
-
-<p class="documentation-sub-header">
-  LfColor Interface
-</p>
-<ul>
-  <li>a: number</li>
-  <li>r: number</li>
-  <li>b: number</li>
-  <li>g: number</li>
-</ul>
-<p class="documentation-sub-header">
-  TemplateFieldInfo Interface extends LfFieldInfo
-</p>
-<ul>
-  <li>all properties of LfFieldInfo</li>
-  <li>rule?: Rule</li>
-  <li>groupId?: number</li>
-  <li>groupName?: string</li>
-</ul>
-
-<p class="documentation-sub-header">
-  Rule Interface
-</p>
-<ul>
-  <li>ancestors: number[]</li>
-</ul>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<p class="documentation-header">Field Types</p>
+<p class="documentation-sub-header">LfFieldInfo Interface</p>
+<ul>
+  <li>id: number</li>
+  <li>name: string</li>
+  <li>displayName: string</li>
+  <li>description?: string</li>
+  <li>fieldType?: FieldType</li>
+  <li>length?: number</li>
+  <li>defaultValue?: string</li>
+  <li>isMultiValue?: boolean</li>
+  <li>isRequired?: boolean</li>
+  <li>constraint?: string</li>
+  <li>constraintError?: string</li>
+  <li>listValues?: Array&lt;string&gt;</li>
+  <li>format?: FieldFormat</li>
+  <li>currency?: string</li>
+  <li>formatPattern?: string</li>
+</ul>
+<p class="documentation-sub-header">FieldType Enum</p>
+<ul>
+  <li>DateTime</li>
+  <li>String</li>
+  <li>Date</li>
+  <li>ShortInteger</li>
+  <li>LongInteger</li>
+  <li>List</li>
+  <li>Number</li>
+  <li>Time</li>
+  <li>Blob (NOT IMPLEMENTED)</li>
+</ul>
+<p class="documentation-sub-header">FieldFormat Enum</p>
+<ul>
+  <li>None</li>
+  <li>ShortDate (NOT IMPLEMENTED)</li>
+  <li>LongDate (NOT IMPLEMENTED)</li>
+  <li>ShortDateTime (NOT IMPLEMENTED)</li>
+  <li>LongDateTime (NOT IMPLEMENTED)</li>
+  <li>ShortTime (NOT IMPLEMENTED)</li>
+  <li>LongTime (NOT IMPLEMENTED)</li>
+  <li>GeneralNumber</li>
+  <li>Currency</li>
+  <li>Percent</li>
+  <li>Scientific (NOT IMPLEMENTED)</li>
+  <li>Custom (NOT IMPLEMENTED)</li>
+</ul>
+<p class="documentation-sub-header">FieldValue Interface</p>
+<ul>
+  <li>fieldId: number</li>
+  <li>fieldName?: string</li>
+  <li>values?: Array&lt;&#123; [key: string]: string; &#125;&gt;</li>
+  <li>fieldType?: FieldType</li>
+  <li>groupId?: number</li>
+  <li>flags?: number</li>
+</ul>
+<p class="documentation-sub-header">type LfFieldValue = string;</p>
+<p class="documentation-sub-header">FieldValues Interface</p>
+<ul>
+  <li>[fieldId: number]: FieldValue</li>
+</ul>
+
+<p class="documentation-header">Template Specific Types</p>
+<p class="documentation-sub-header">TemplateInfo Interface</p>
+<ul>
+  <li>id: number</li>
+  <li>name: string</li>
+  <li>displayName: string</li>
+  <li>description?: string</li>
+  <li>fieldCount?: number</li>
+  <li>color?: LfColor</li>
+</ul>
+<p class="documentation-sub-header">TemplateValue Interface</p>
+<ul>
+  <li>id: number</li>
+  <li>name: string</li>
+  <li>fieldValues: &#123; [key: string]: FieldValue &#125;</li>
+</ul>
+
+<p class="documentation-sub-header">LfColor Interface</p>
+<ul>
+  <li>a: number</li>
+  <li>r: number</li>
+  <li>b: number</li>
+  <li>g: number</li>
+</ul>
+<p class="documentation-sub-header">TemplateFieldInfo Interface extends LfFieldInfo</p>
+<ul>
+  <li>all properties of LfFieldInfo</li>
+  <li>rule?: Rule</li>
+  <li>groupId?: number</li>
+  <li>groupName?: string</li>
+</ul>
+
+<p class="documentation-sub-header">Rule Interface</p>
+<ul>
+  <li>ancestors: number[]</li>
+</ul>
diff --git a/projects/lf-documentation/src/app/lf-field-documentation/lf-field-documentation.component.spec.ts b/projects/lf-documentation/src/app/lf-field-documentation/lf-field-documentation.component.spec.ts
index a0932bd0..2c29a266 100644
--- a/projects/lf-documentation/src/app/lf-field-documentation/lf-field-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/lf-field-documentation/lf-field-documentation.component.spec.ts
@@ -12,7 +12,7 @@ describe('LfFieldDocumentationComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       imports: [LfFieldDocumentationComponent],
-      schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
     }).compileComponents();
   });
 
diff --git a/projects/lf-documentation/src/app/lf-field-documentation/lf-field-documentation.component.ts b/projects/lf-documentation/src/app/lf-field-documentation/lf-field-documentation.component.ts
index 1010ff1b..9071affa 100644
--- a/projects/lf-documentation/src/app/lf-field-documentation/lf-field-documentation.component.ts
+++ b/projects/lf-documentation/src/app/lf-field-documentation/lf-field-documentation.component.ts
@@ -1,14 +1,13 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component } from '@angular/core';
-
-
-@Component({
-    selector: 'app-lf-field-documentation',
-    templateUrl: './lf-field-documentation.component.html',
-    styleUrls: ['./lf-field-documentation.component.css', './../app.component.css'],
-    standalone: true,
-    imports: []
-})
-export class LfFieldDocumentationComponent { }
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-lf-field-documentation',
+  templateUrl: './lf-field-documentation.component.html',
+  styleUrls: ['./lf-field-documentation.component.css', './../app.component.css'],
+  standalone: true,
+  imports: [],
+})
+export class LfFieldDocumentationComponent {}
diff --git a/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-datetime-utils.ts b/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-datetime-utils.ts
index 93ab6a90..6d326ff1 100644
--- a/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-datetime-utils.ts
+++ b/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-datetime-utils.ts
@@ -1,69 +1,66 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-// This file is an intentional duplication of lf-metadata/src/lib/lf-field-template-container-datetime-utils
-export class DatetimeUtils {
-  static deserializeDateValue(date: string | undefined): string {
-    if (!date) {
-      return '';
-    }
-    const fieldValueAsDate: Date = new Date(date);
-    if (isNaN(fieldValueAsDate.getTime())) {
-      return date;
-    }
-    const offset: number = fieldValueAsDate.getTimezoneOffset();
-    if (offset === 0) {
-      return fieldValueAsDate.toISOString();
-    }
-    else {
-      const offsetMs: number = offset * 60000;
-      const dateAsNumber: number = fieldValueAsDate.getTime() + offsetMs;
-      const dateWithoutOffset: Date = new Date(dateAsNumber);
-      return dateWithoutOffset.toISOString();
-    }
-  }
-
-  static serializeDateValue(date: Date | undefined): string | undefined {
-    if (!date || !DatetimeUtils.isValidDate(date)) {
-      return undefined;
-    }
-
-    const offset: number = date.getTimezoneOffset();
-    if (offset === 0) {
-      return date.toISOString();
-    }
-
-    const pad: (num: number) => string = (num: number) => {
-      const norm = Math.floor(Math.abs(num));
-      return (norm < 10 ? '0' : '') + norm;
-    };
-    return (
-      date.getFullYear() +
-      '-' +
-      pad(date.getMonth() + 1) +
-      '-' +
-      pad(date.getDate()) +
-      'T' +
-      pad(date.getHours()) +
-      ':' +
-      pad(date.getMinutes()) +
-      ':' +
-      pad(date.getSeconds())
-    );
-  }
-
-
-
-  static isValidDate(date: Date): boolean {
-    return !isNaN(date.getTime());
-  }
-
-  static compareDateStrings(first: string, second: string): boolean {
-    const firstDate = new Date(first);
-    const secondDate = new Date(second);
-    if (!DatetimeUtils.isValidDate(firstDate) || !DatetimeUtils.isValidDate(secondDate)) {
-      return false;
-    }
-    return firstDate.getTime() === secondDate.getTime();
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+// This file is an intentional duplication of lf-metadata/src/lib/lf-field-template-container-datetime-utils
+export class DatetimeUtils {
+  static deserializeDateValue(date: string | undefined): string {
+    if (!date) {
+      return '';
+    }
+    const fieldValueAsDate: Date = new Date(date);
+    if (isNaN(fieldValueAsDate.getTime())) {
+      return date;
+    }
+    const offset: number = fieldValueAsDate.getTimezoneOffset();
+    if (offset === 0) {
+      return fieldValueAsDate.toISOString();
+    } else {
+      const offsetMs: number = offset * 60000;
+      const dateAsNumber: number = fieldValueAsDate.getTime() + offsetMs;
+      const dateWithoutOffset: Date = new Date(dateAsNumber);
+      return dateWithoutOffset.toISOString();
+    }
+  }
+
+  static serializeDateValue(date: Date | undefined): string | undefined {
+    if (!date || !DatetimeUtils.isValidDate(date)) {
+      return undefined;
+    }
+
+    const offset: number = date.getTimezoneOffset();
+    if (offset === 0) {
+      return date.toISOString();
+    }
+
+    const pad: (num: number) => string = (num: number) => {
+      const norm = Math.floor(Math.abs(num));
+      return (norm < 10 ? '0' : '') + norm;
+    };
+    return (
+      date.getFullYear() +
+      '-' +
+      pad(date.getMonth() + 1) +
+      '-' +
+      pad(date.getDate()) +
+      'T' +
+      pad(date.getHours()) +
+      ':' +
+      pad(date.getMinutes()) +
+      ':' +
+      pad(date.getSeconds())
+    );
+  }
+
+  static isValidDate(date: Date): boolean {
+    return !isNaN(date.getTime());
+  }
+
+  static compareDateStrings(first: string, second: string): boolean {
+    const firstDate = new Date(first);
+    const secondDate = new Date(second);
+    if (!DatetimeUtils.isValidDate(firstDate) || !DatetimeUtils.isValidDate(secondDate)) {
+      return false;
+    }
+    return firstDate.getTime() === secondDate.getTime();
+  }
+}
diff --git a/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.html b/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.html
index ef3253a8..fb5bdf39 100644
--- a/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.html
+++ b/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.html
@@ -1,117 +1,103 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<p class="documentation-title">
-  LfFieldTemplateContainer
-</p>
-
-<p>
-  <code class="code-container">
-      <span class="code-html-tagname">
-          &lt;lf-field-template-container&gt;&lt;/lf-field-template-container&gt;
-      </span>
-  </code>
-</p>
-<p class="documentation-text code-container">
-  <code>
-        <span class="code-html-tagname">const </span>
-        <span>templateContainerElement</span>
-        <span> = </span>
-        <span>document.querySelector('lf-field-template-container');</span>
-        <p>templateContainerElement.addEventListener('fieldValuesChanged', onElementFieldValueChange(event));</p>
-        <p>await templateContainerElement.initAsync(fieldsProvidersObject);</p>
-    </code>
-</p>
-<app-card>
-  <lf-field-template-container-component #templateContainer></lf-field-template-container-component>
-</app-card>
-
-<button class="primary-button lf-button" (click)="logElementInfo()">Log Element Info and Validity</button>
-<button class="primary-button lf-button" (click)="clearElementAsync()">Clear Element</button>
-<p class="documentation-header">
-  Overview
-</p>
-<p class="documentation-text">
-  Web Component to give the user the ability to select a template and edit fields within the chosen template.
-</p>
-<p class="documentation-header">
-  Use Case
-</p>
-<p class="documentation-text">
-  Display an template field container for the user to interact with
-</p>
-<p class="documentation-header">
-  HTML Element
-</p>
-<table>
-  <tr>
-    <th>Event</th>
-    <th>Value</th>
-    <th>Description</th>
-  </tr>
-  <tr>
-    <td>fieldValuesChanged</td>
-    <td>() => CustomEvent&lt;boolean&gt;</td>
-    <td>Event emitted when any field values are changed. Emits whether template is valid or not without
-      forcing validation.</td>
-  </tr>
-  <tr>
-    <td>templateSelectedChange</td>
-    <td>() => CustomEvent&lt;number&gt;</td>
-    <td>Event emitted when the template selected is changed. Emits the templateId of the newly selected
-      template.
-    </td>
-  </tr>
-</table>
-<br />
-<table>
-  <tr>
-    <th>Method</th>
-    <th>Value</th>
-    <th>Description</th>
-  </tr>
-  <tr>
-    <td>initAsync</td>
-    <td>(providers: LfFieldTemplateProviders, templateIdentifier?: number | string) => Promise&lt;void&gt;</td>
-    <td>Function that initializes the template field container with given provider. Optionally initialize to a
-      template with specific id or name</td>
-  </tr>
-  <tr>
-    <td>getTemplateValue</td>
-    <td>() => TemplateValue | undefined</td>
-    <td>accessor that returns the current TemplateValue which includes name and values</td>
-  </tr>
-  <tr>
-    <td>clearAsync</td>
-    <td>() => Promise&lt;void&gt;</td>
-    <td>clears the template and fields</td>
-  </tr>
-  <tr>
-    <td>forceValidation</td>
-    <td>() => boolean</td>
-    <td>function that returns whether all fields within container are valid</td>
-  </tr>
-</table>
-
-<p class="documentation-header">
-  LfFieldTemplateContainerProvider
-</p>
-<p class="documentation-sub-header">
-  LfFieldTemplateProviders Interface
-</p>
-<ul>
-  <li>templateFieldContainerService: LfFieldTemplateContainerService</li>
-</ul>
-<p class="documentation-sub-header">
-  LfFieldTemplateContainerService Interface
-</p>
-<ul>
-  <li>getAvailableTemplatesAsync(): Promise&lt;TemplateInfo[]&gt;</li>
-</ul>
-<ul>
-  <li>getTemplateFieldsAsync(templateId: number): Promise&lt;TemplateFieldInfo[]&gt;</li>
-</ul>
-<ul>
-  <li>getDynamicFieldValueOptionsAsync(templateId: number, currentValues: FieldValues): Promise&lt;&#123; [fieldId:
-    number]: string[] &#125;&gt;</li>
-</ul>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<p class="documentation-title">LfFieldTemplateContainer</p>
+
+<p>
+  <code class="code-container">
+    <span class="code-html-tagname"> &lt;lf-field-template-container&gt;&lt;/lf-field-template-container&gt; </span>
+  </code>
+</p>
+<p class="documentation-text code-container">
+  <code>
+    <span class="code-html-tagname">const </span>
+    <span>templateContainerElement</span>
+    <span> = </span>
+    <span>document.querySelector('lf-field-template-container');</span>
+    <p>templateContainerElement.addEventListener('fieldValuesChanged', onElementFieldValueChange(event));</p>
+    <p>await templateContainerElement.initAsync(fieldsProvidersObject);</p>
+  </code>
+</p>
+<app-card>
+  <lf-field-template-container-component #templateContainer></lf-field-template-container-component>
+</app-card>
+
+<button class="primary-button lf-button" (click)="logElementInfo()">Log Element Info and Validity</button>
+<button class="primary-button lf-button" (click)="clearElementAsync()">Clear Element</button>
+<p class="documentation-header">Overview</p>
+<p class="documentation-text">
+  Web Component to give the user the ability to select a template and edit fields within the chosen template.
+</p>
+<p class="documentation-header">Use Case</p>
+<p class="documentation-text">Display an template field container for the user to interact with</p>
+<p class="documentation-header">HTML Element</p>
+<table>
+  <tr>
+    <th>Event</th>
+    <th>Value</th>
+    <th>Description</th>
+  </tr>
+  <tr>
+    <td>fieldValuesChanged</td>
+    <td>() => CustomEvent&lt;boolean&gt;</td>
+    <td>
+      Event emitted when any field values are changed. Emits whether template is valid or not without forcing
+      validation.
+    </td>
+  </tr>
+  <tr>
+    <td>templateSelectedChange</td>
+    <td>() => CustomEvent&lt;number&gt;</td>
+    <td>Event emitted when the template selected is changed. Emits the templateId of the newly selected template.</td>
+  </tr>
+</table>
+<br />
+<table>
+  <tr>
+    <th>Method</th>
+    <th>Value</th>
+    <th>Description</th>
+  </tr>
+  <tr>
+    <td>initAsync</td>
+    <td>(providers: LfFieldTemplateProviders, templateIdentifier?: number | string) => Promise&lt;void&gt;</td>
+    <td>
+      Function that initializes the template field container with given provider. Optionally initialize to a template
+      with specific id or name
+    </td>
+  </tr>
+  <tr>
+    <td>getTemplateValue</td>
+    <td>() => TemplateValue | undefined</td>
+    <td>accessor that returns the current TemplateValue which includes name and values</td>
+  </tr>
+  <tr>
+    <td>clearAsync</td>
+    <td>() => Promise&lt;void&gt;</td>
+    <td>clears the template and fields</td>
+  </tr>
+  <tr>
+    <td>forceValidation</td>
+    <td>() => boolean</td>
+    <td>function that returns whether all fields within container are valid</td>
+  </tr>
+</table>
+
+<p class="documentation-header">LfFieldTemplateContainerProvider</p>
+<p class="documentation-sub-header">LfFieldTemplateProviders Interface</p>
+<ul>
+  <li>templateFieldContainerService: LfFieldTemplateContainerService</li>
+</ul>
+<p class="documentation-sub-header">LfFieldTemplateContainerService Interface</p>
+<ul>
+  <li>getAvailableTemplatesAsync(): Promise&lt;TemplateInfo[]&gt;</li>
+</ul>
+<ul>
+  <li>getTemplateFieldsAsync(templateId: number): Promise&lt;TemplateFieldInfo[]&gt;</li>
+</ul>
+<ul>
+  <li>
+    getDynamicFieldValueOptionsAsync(templateId: number, currentValues: FieldValues): Promise&lt;&#123; [fieldId:
+    number]: string[] &#125;&gt;
+  </li>
+</ul>
diff --git a/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.spec.ts b/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.spec.ts
index 8c9ba7fc..aaad0840 100644
--- a/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.spec.ts
@@ -11,13 +11,13 @@ describe('LfFieldTemplateContainerDocumentationComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [ LfFieldTemplateContainerDocumentationComponent ],
-      schemas: [CUSTOM_ELEMENTS_SCHEMA]
+      imports: [LfFieldTemplateContainerDocumentationComponent],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
     })
-    .overrideComponent(LfFieldTemplateContainerDocumentationComponent, {
-      set: { imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA] }
-    })
-    .compileComponents();
+      .overrideComponent(LfFieldTemplateContainerDocumentationComponent, {
+        set: { imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA] },
+      })
+      .compileComponents();
   });
 
   beforeEach(async () => {
diff --git a/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.ts b/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.ts
index abd499e9..9a93e1ae 100644
--- a/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.ts
+++ b/projects/lf-documentation/src/app/lf-field-template-container-documentation/lf-field-template-container-documentation.component.ts
@@ -1,48 +1,48 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component, AfterViewInit, ViewChild, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import {
-  LfFieldTemplateContainerComponent,
-  LfFieldTemplateProviders,
-} from './../../../../ui-components/lf-metadata/lf-field-template-container/public-api';
-import {
-  LfFieldTemplateContainerDemoService,
-  TemplateIds,
-} from './../../../../ui-components/lf-metadata/lf-field-template-container/lf-field-template-container-demo.service';
-import { CardComponent } from '../card/card.component';
-
-@Component({
-  selector: 'app-lf-field-template-container-documentation',
-  templateUrl: './lf-field-template-container-documentation.component.html',
-  styleUrls: ['./lf-field-template-container-documentation.component.css', './../app.component.css'],
-  standalone: true,
-  imports: [CardComponent, LfFieldTemplateContainerComponent],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class LfFieldTemplateContainerDocumentationComponent implements AfterViewInit {
-  @ViewChild('templateContainer') elementTemplateContainer!: LfFieldTemplateContainerComponent;
-  readonly demoService = new LfFieldTemplateContainerDemoService();
-  templateProviders: LfFieldTemplateProviders = {
-    templateFieldContainerService: this.demoService,
-  };
-
-  readonly defaultComponentTemplateId = TemplateIds.DynamicLocation;
-
-  constructor() {}
-
-  async ngAfterViewInit(): Promise<void> {
-    if (this.elementTemplateContainer?.initAsync) {
-      await this.elementTemplateContainer.initAsync(this.templateProviders, 6);
-    }
-  }
-
-  logElementInfo() {
-    console.log(this.elementTemplateContainer.forceValidation());
-    console.log(this.elementTemplateContainer.getTemplateValue());
-  }
-
-  async clearElementAsync() {
-    await this.elementTemplateContainer.clearAsync();
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component, AfterViewInit, ViewChild, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import {
+  LfFieldTemplateContainerComponent,
+  LfFieldTemplateProviders,
+} from './../../../../ui-components/lf-metadata/lf-field-template-container/public-api';
+import {
+  LfFieldTemplateContainerDemoService,
+  TemplateIds,
+} from './../../../../ui-components/lf-metadata/lf-field-template-container/lf-field-template-container-demo.service';
+import { CardComponent } from '../card/card.component';
+
+@Component({
+  selector: 'app-lf-field-template-container-documentation',
+  templateUrl: './lf-field-template-container-documentation.component.html',
+  styleUrls: ['./lf-field-template-container-documentation.component.css', './../app.component.css'],
+  standalone: true,
+  imports: [CardComponent, LfFieldTemplateContainerComponent],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+})
+export class LfFieldTemplateContainerDocumentationComponent implements AfterViewInit {
+  @ViewChild('templateContainer') elementTemplateContainer!: LfFieldTemplateContainerComponent;
+  readonly demoService = new LfFieldTemplateContainerDemoService();
+  templateProviders: LfFieldTemplateProviders = {
+    templateFieldContainerService: this.demoService,
+  };
+
+  readonly defaultComponentTemplateId = TemplateIds.DynamicLocation;
+
+  constructor() {}
+
+  async ngAfterViewInit(): Promise<void> {
+    if (this.elementTemplateContainer?.initAsync) {
+      await this.elementTemplateContainer.initAsync(this.templateProviders, 6);
+    }
+  }
+
+  logElementInfo() {
+    console.log(this.elementTemplateContainer.forceValidation());
+    console.log(this.elementTemplateContainer.getTemplateValue());
+  }
+
+  async clearElementAsync() {
+    await this.elementTemplateContainer.clearAsync();
+  }
+}
diff --git a/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.html b/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.html
index bf5a2540..1a93cbfb 100644
--- a/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.html
+++ b/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.html
@@ -80,7 +80,7 @@
       (logoutInitiated)="logoutInitHandler($event)"
       (loginCompleted)="loginCompleteHandler($event)"
       (logoutCompleted)="logoutCompleteHandler($event)"
-      >
+    >
     </lf-login-component>
   }
 </app-card>
@@ -133,7 +133,7 @@
       (logoutInitiated)="logoutInitHandler($event)"
       (loginCompleted)="loginCompleteHandler($event)"
       (logoutCompleted)="logoutCompleteHandler($event)"
-      >
+    >
     </lf-login-component>
   }
 </app-card>
@@ -296,79 +296,79 @@
       <a
         href="https://laserfiche.github.io/lf-repository-api-client-js/docs/1.x/classes/RepositoryApiClient.html#createFromHttpRequestHandler"
         >RepositoryApiClient</a
-        >. This handler adds an API authorization request header representing the current logged-in user.
-      </td>
-    </tr>
-    <tr>
-      <td>authorization_credentials</td>
-      <td>AuthorizationCredentials</td>
-      <td>read-only property to get the current AuthorizationCredentials</td>
-    </tr>
-    <tr>
-      <td>account_id</td>
-      <td>string</td>
-      <td>read-only property to get the current accountId</td>
-    </tr>
-    <tr>
-      <td>trustee_id</td>
-      <td>string</td>
-      <td>read-only property to get the current trusteeId</td>
-    </tr>
-    <tr>
-      <td>account_endpoints</td>
-      <td>AccountEndpoints</td>
-      <td>read-only property to get the current accountEndpoints</td>
-    </tr>
-    <tr>
-      <td>state</td>
-      <td>LoginState</td>
-      <td>read-only property to get the current state</td>
-    </tr>
-  </table>
+      >. This handler adds an API authorization request header representing the current logged-in user.
+    </td>
+  </tr>
+  <tr>
+    <td>authorization_credentials</td>
+    <td>AuthorizationCredentials</td>
+    <td>read-only property to get the current AuthorizationCredentials</td>
+  </tr>
+  <tr>
+    <td>account_id</td>
+    <td>string</td>
+    <td>read-only property to get the current accountId</td>
+  </tr>
+  <tr>
+    <td>trustee_id</td>
+    <td>string</td>
+    <td>read-only property to get the current trusteeId</td>
+  </tr>
+  <tr>
+    <td>account_endpoints</td>
+    <td>AccountEndpoints</td>
+    <td>read-only property to get the current accountEndpoints</td>
+  </tr>
+  <tr>
+    <td>state</td>
+    <td>LoginState</td>
+    <td>read-only property to get the current state</td>
+  </tr>
+</table>
 
-  <p class="documentation-sub-header">RedirectBehavior Enum</p>
-  <ul>
-    <li>
-      Replace - if you use this behavior the flow will happen automatically and redirect in place back to the redirect url
-    </li>
-    <li>Popup (not implemented yet)</li>
-    <li>
-      None - if you use this behavior, you must call handleRedirectURICallbackAsync so you can parse the callback url
-    </li>
-  </ul>
+<p class="documentation-sub-header">RedirectBehavior Enum</p>
+<ul>
+  <li>
+    Replace - if you use this behavior the flow will happen automatically and redirect in place back to the redirect url
+  </li>
+  <li>Popup (not implemented yet)</li>
+  <li>
+    None - if you use this behavior, you must call handleRedirectURICallbackAsync so you can parse the callback url
+  </li>
+</ul>
 
-  <p class="documentation-sub-header">LoginMode Enum</p>
-  <ul>
-    <li>Button - default</li>
-    <li>Menu</li>
-  </ul>
+<p class="documentation-sub-header">LoginMode Enum</p>
+<ul>
+  <li>Button - default</li>
+  <li>Menu</li>
+</ul>
 
-  <p class="documentation-sub-header">LoginState Enum</p>
-  <ul>
-    <li>LoggedOut</li>
-    <li>LoggingIn</li>
-    <li>LoggedIn</li>
-    <li>LoggingOut</li>
-  </ul>
+<p class="documentation-sub-header">LoginState Enum</p>
+<ul>
+  <li>LoggedOut</li>
+  <li>LoggingIn</li>
+  <li>LoggedIn</li>
+  <li>LoggingOut</li>
+</ul>
 
-  <p class="documentation-sub-header">AbortedLoginError Interface</p>
-  <ul>
-    <li>ErrorType: string</li>
-    <li>ErrorMessage: string</li>
-  </ul>
+<p class="documentation-sub-header">AbortedLoginError Interface</p>
+<ul>
+  <li>ErrorType: string</li>
+  <li>ErrorMessage: string</li>
+</ul>
 
-  <p class="documentation-sub-header">AccountEndpoints Interface</p>
-  <ul>
-    <li>webClientUrl: string</li>
-    <li>wsignoutUrl: string</li>
-    <li>regionalDomain: string</li>
-    <li>oauthAuthorizeUrl: string</li>
-  </ul>
+<p class="documentation-sub-header">AccountEndpoints Interface</p>
+<ul>
+  <li>webClientUrl: string</li>
+  <li>wsignoutUrl: string</li>
+  <li>regionalDomain: string</li>
+  <li>oauthAuthorizeUrl: string</li>
+</ul>
 
-  <p class="documentation-sub-header">AuthorizationCredentials Interface</p>
-  <ul>
-    <li>accessToken: string</li>
-    <li>refreshToken: string</li>
-    <li>expiresIn: string</li>
-    <li>tokenType: string</li>
-  </ul>
+<p class="documentation-sub-header">AuthorizationCredentials Interface</p>
+<ul>
+  <li>accessToken: string</li>
+  <li>refreshToken: string</li>
+  <li>expiresIn: string</li>
+  <li>tokenType: string</li>
+</ul>
diff --git a/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.spec.ts b/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.spec.ts
index dce6ad4f..d5448a73 100644
--- a/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.spec.ts
@@ -1,32 +1,29 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { LfLoginDocumentationComponent } from './lf-login-documentation.component';
-
-describe('LfLoginDocumentationComponent', () => {
-  let component: LfLoginDocumentationComponent;
-  let fixture: ComponentFixture<LfLoginDocumentationComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [
-        LfLoginDocumentationComponent,
-      ],
-      schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(LfLoginDocumentationComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LfLoginDocumentationComponent } from './lf-login-documentation.component';
+
+describe('LfLoginDocumentationComponent', () => {
+  let component: LfLoginDocumentationComponent;
+  let fixture: ComponentFixture<LfLoginDocumentationComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [LfLoginDocumentationComponent],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LfLoginDocumentationComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.ts b/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.ts
index a7ee7ce5..33066a9d 100644
--- a/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.ts
+++ b/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.ts
@@ -1,56 +1,55 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component, ViewChild, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { AbortedLoginError, LfLoginComponent } from './../../../../ui-components/lf-login/lf-login-public-api';
-import { LoginMode, LoginState, RedirectBehavior } from './../../../../ui-components/shared/lf-shared-public-api';
-import { CardComponent } from '../card/card.component';
-
-
-@Component({
-  selector: 'app-lf-login-documentation',
-  templateUrl: './lf-login-documentation.component.html',
-  styleUrls: ['./lf-login-documentation.component.css', './../app.component.css'],
-  standalone: true,
-  imports: [CardComponent, LfLoginComponent],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class LfLoginDocumentationComponent {
-  get menuState(): LoginState {
-    return this.loginElem?.state ?? LoginState.LoggedOut;
-  }
-
-  private location = window.location;
-  redirect_uri: string = this.location.origin + this.location.pathname + this.location.hash;
-  scope = 'All';
-  redirect_behavior = RedirectBehavior.Replace;
-  menuMode = LoginMode.Menu;
-  authorizeUrlHostName = 'a.clouddev.laserfiche.com'; // TODO this is hardcoded to clouddev for now
-
-  @ViewChild('loginMenu') loginElem?: LfLoginComponent;
-
-  //us
-  client_id = 'b91PgGR2dQpeYeL2s790VY0w';
-
-  constructor() {}
-
-  loginInitHandler(event: void) {
-    console.log('logging in');
-  }
-
-  logoutInitHandler(event: void) {
-    console.log('logging out');
-  }
-
-  logoutCompleteHandler(error: AbortedLoginError | void) {
-    console.log('logged out', error);
-  }
-
-  loginCompleteHandler(error: AbortedLoginError | void) {
-    console.log('logged in');
-  }
-
-  async refresh() {
-    await this.loginElem?.refreshTokenAsync(true);
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component, ViewChild, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { AbortedLoginError, LfLoginComponent } from './../../../../ui-components/lf-login/lf-login-public-api';
+import { LoginMode, LoginState, RedirectBehavior } from './../../../../ui-components/shared/lf-shared-public-api';
+import { CardComponent } from '../card/card.component';
+
+@Component({
+  selector: 'app-lf-login-documentation',
+  templateUrl: './lf-login-documentation.component.html',
+  styleUrls: ['./lf-login-documentation.component.css', './../app.component.css'],
+  standalone: true,
+  imports: [CardComponent, LfLoginComponent],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+})
+export class LfLoginDocumentationComponent {
+  get menuState(): LoginState {
+    return this.loginElem?.state ?? LoginState.LoggedOut;
+  }
+
+  private location = window.location;
+  redirect_uri: string = this.location.origin + this.location.pathname + this.location.hash;
+  scope = 'All';
+  redirect_behavior = RedirectBehavior.Replace;
+  menuMode = LoginMode.Menu;
+  authorizeUrlHostName = 'a.clouddev.laserfiche.com'; // TODO this is hardcoded to clouddev for now
+
+  @ViewChild('loginMenu') loginElem?: LfLoginComponent;
+
+  //us
+  client_id = 'b91PgGR2dQpeYeL2s790VY0w';
+
+  constructor() {}
+
+  loginInitHandler(event: void) {
+    console.log('logging in');
+  }
+
+  logoutInitHandler(event: void) {
+    console.log('logging out');
+  }
+
+  logoutCompleteHandler(error: AbortedLoginError | void) {
+    console.log('logged out', error);
+  }
+
+  loginCompleteHandler(error: AbortedLoginError | void) {
+    console.log('logged in');
+  }
+
+  async refresh() {
+    await this.loginElem?.refreshTokenAsync(true);
+  }
+}
diff --git a/projects/lf-documentation/src/app/lf-repository-browser-documentation/demo-repo-service.ts b/projects/lf-documentation/src/app/lf-repository-browser-documentation/demo-repo-service.ts
index d85b7497..6cfa83e4 100644
--- a/projects/lf-documentation/src/app/lf-repository-browser-documentation/demo-repo-service.ts
+++ b/projects/lf-documentation/src/app/lf-repository-browser-documentation/demo-repo-service.ts
@@ -1,390 +1,388 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { IconUtils } from '@laserfiche/lf-js-utils';
-import { ColumnOrderBy } from './../../../../ui-components/lf-selection-list/lf-selection-list-public-api';
-import {
-  LfTreeNodeService,
-  LfTreeNode,
-  LfTreeNodePage,
-} from './../../../../ui-components/lf-repository-browser/lf-repository-browser-public-api';
-import { PropertyValue } from './../../../../ui-components/shared/lf-shared-public-api';
-
-export const propIdCreateDate: string = 'create_date';
-export const propIdNumberCol: string = 'number_col';
-export const propIdNameCol: string = 'name';
-
-export class DemoRepoService implements LfTreeNodeService {
-  breadCrumb: LfTreeNode[] = [];
-  currentFolder: LfTreeNode | undefined;
-
-  _rootEntry: LfTreeNode = {
-    icon: IconUtils.getDocumentIconUrlFromIconId('folder-20'),
-    id: '1',
-    isContainer: true,
-    isLeaf: false,
-    name: 'root',
-    path: '/',
-  };
-  currentDate = Date.now();
-  _entries: { [key: string]: LfTreeNode } = {
-    '2': {
-      icon: IconUtils.getDocumentIconUrlFromIconId('folder-20'),
-      id: '2',
-      isContainer: true,
-      isLeaf: false,
-      name: 'folder2',
-      path: '/2',
-      attributes: new Map<string, PropertyValue>([
-        [propIdCreateDate, { value: undefined, displayValue: undefined}],
-      ]),
-    },
-    '3': {
-      icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
-      id: '3',
-      isContainer: false,
-      isLeaf: true,
-      name: 'entry1',
-      path: '/3',
-      attributes: new Map<string, PropertyValue>([
-        [propIdCreateDate, { value: this.currentDate, displayValue: Intl.DateTimeFormat().format(this.currentDate)}],
-        [propIdNumberCol, {value: 123456123456, displayValue: '123456123456'}]
-      ]),
-    },
-    '4': {
-      icon: IconUtils.getDocumentIconUrlFromIconId('folder-20'),
-      id: '4',
-      isContainer: true,
-      isLeaf: false,
-      name: 'folder3',
-      path: '/4',
-    },
-    '5': {
-      icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
-      id: '5',
-      isContainer: false,
-      isLeaf: true,
-      name: 'LongNameToCheckHowTheComponentHandledFileLongNamesLongNameToCheckHowTheComponentHandledFileLongNames',
-      path: '/5',
-    },
-    '6': {
-      icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
-      id: '6',
-      isContainer: false,
-      isLeaf: true,
-      name: '3',
-      path: '/2/6',
-    },
-    '7': {
-      icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
-      id: '7',
-      isContainer: false,
-      isLeaf: true,
-      name: 'entry4',
-      path: '/2/7',
-    },
-    '8': {
-      icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
-      id: '8',
-      isContainer: false,
-      isLeaf: true,
-      name: 'entry5',
-      path: '/2/8',
-    },
-    '9': {
-      icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
-      id: '9',
-      isContainer: false,
-      isLeaf: true,
-      name: 'entry6',
-      path: '/2/9',
-    },
-    '10': {
-      icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
-      id: '10',
-      isContainer: false,
-      isLeaf: true,
-      name: 'entry7',
-      path: '/2/10',
-    },
-    '11': {
-      icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
-      id: '11',
-      isContainer: false,
-      isLeaf: true,
-      name: 'entry8',
-      path: '/2/11',
-    },
-    '12': {
-      icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
-      id: '12',
-      isContainer: false,
-      isLeaf: true,
-      name: 'entry9',
-      path: '/2/12',
-    },
-    '13': {
-      icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
-      id: '13',
-      isContainer: false,
-      isLeaf: true,
-      name: 'entry10',
-      path: '/2/13',
-    },
-    '14': {
-      icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
-      id: '14',
-      isContainer: false,
-      isLeaf: true,
-      name: 'entry11',
-      path: '/2/14',
-    },
-    '15': {
-      icon: IconUtils.getDocumentIconUrlFromIconId('folder-20'),
-      id: '15',
-      isContainer: true,
-      isLeaf: false,
-      name: 'folder4',
-      path: '/2/15',
-    },
-    '16': {
-      icon: IconUtils.getDocumentIconUrlFromIconId('folder-20'),
-      id: '16',
-      isContainer: true,
-      isLeaf: false,
-      name: 'error folder',
-      path: '/2/16',
-    },
-    '17': {
-      icon: IconUtils.getDocumentIconUrlFromIconId('folder-20'),
-      id: '17',
-      isContainer: true,
-      isLeaf: false,
-      name: 'folder with 10000 entries',
-      path: '/17',
-    },
-    '18': {
-      icon: IconUtils.getDocumentIconUrlFromIconId('folder-20'),
-      id: '18',
-      isContainer: true,
-      isLeaf: false,
-      name: 'dynamicly loaded entries',
-      path: '/18',
-    },
-    '60': {
-      icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
-      id: '60',
-      isContainer: false,
-      isLeaf: true,
-      name: 'dynamic entry 60',
-      path: '18',
-    },
-    '19': {
-      icon: IconUtils.getDocumentIconUrlFromIconId('folder-20'),
-      id: '19',
-      isContainer: true,
-      isLeaf: true,
-      name: 'slow loading folder',
-      path: '/19',
-    },
-    '20': {
-      icon: IconUtils.getDocumentIconUrlFromIconId('folder-20'),
-      id: '20',
-      isContainer: true,
-      isLeaf: true,
-      name: 'ReallyLongFolderNameToSeeHowItIsHandledInTheBreadcrumbReallyLongFolderNameToSeeHowItIsHandledInTheBreadcrumb ReallyLongFolderNameToSeeHowItIsHandledInTheBreadcrumb',
-      path: '/20',
-    },
-    '21': {
-      icon: IconUtils.getDocumentIconUrlFromIconId('folder-20'),
-      id: '21',
-      isContainer: true,
-      isLeaf: true,
-      name: 'ReallyLongFolderNameToSeeHowItIsHandledInTheBreadcrumbReallyLongFolderNameToSeeHowItIsHandledInTheBreadcrumb ReallyLongFolderNameToSeeHowItIsHandledInTheBreadcrumb',
-      path: '/20/21',
-    },
-    '1000': {
-      icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
-      id: '1000',
-      isContainer: false,
-      isLeaf: true,
-      name: 'dynamic entry 1000',
-      path: '/18/1000',
-    },
-    '1900': {
-      icon: IconUtils.getDocumentIconUrlFromIconId('folder-20'),
-      id: '1900',
-      isContainer: true,
-      isLeaf: false,
-      name: 'folder',
-      path: '/',
-    },
-  };
-  _testData: { [key: string]: LfTreeNode[] } = {
-    '1': [
-      this._entries['2'],
-      this._entries['3'],
-      this._entries['4'],
-      this._entries['5'],
-      this._entries['16'],
-      this._entries['17'],
-      this._entries['18'],
-      this._entries['19'],
-      this._entries['20'],
-    ],
-    '2': [
-      this._entries['6'],
-      this._entries['7'],
-      this._entries['8'],
-      this._entries['9'],
-      this._entries['10'],
-      this._entries['11'],
-      this._entries['12'],
-      this._entries['13'],
-      this._entries['14'],
-      this._entries['15'],
-    ],
-    '4': [],
-    '15': [],
-    '16': [],
-    '17': [],
-    '18': [],
-    '19': [this._entries['1900']],
-    '20': [this._entries['21']],
-    '21': [],
-    '1900': [],
-  };
-
-  private lastFolder: string | undefined;
-
-  constructor() {
-    for (let i = 0; i < 10000; i++) {
-      const number = i % 1000;
-      this._testData['17'].push({
-        icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
-        id: i.toString(),
-        isContainer: false,
-        isLeaf: true,
-        name: `generated entry ${i}`,
-        path: `/17/${i}`,
-        attributes: new Map<string, PropertyValue>([[propIdNumberCol, { value: number, displayValue: `${number}` }]]),
-      });
-    }
-  }
-
-  getFolderChildrenAsync(folder: LfTreeNode, nextPage?: string, sort?: ColumnOrderBy): Promise<LfTreeNodePage> {
-    const folderId: string = folder.id;
-    if (folderId != null && this._testData[folderId]) {
-      if (folderId === '16') {
-        this.lastFolder = folderId;
-        return Promise.reject();
-      }
-      if (folderId === '18') {
-        if (this.lastFolder != null && this.lastFolder !== folderId) {
-          Promise.resolve({
-            page: undefined,
-            nextPage: undefined,
-          });
-        }
-        this.lastFolder = folderId;
-        const newEntries: LfTreeNode[] = this.createDynamicItems(nextPage);
-        const sorted = this.sortItems(newEntries, sort);
-        return Promise.resolve({
-          page: sorted,
-          nextPage: (Number.parseInt(nextPage ?? '0', 10) + 20).toString(),
-        });
-      }
-      if (folderId === '19') {
-        if (this.lastFolder != null && this.lastFolder === folderId) {
-          return Promise.resolve({
-            page: [],
-            nextPage: undefined,
-          });
-        }
-        this.lastFolder = folderId;
-        const testData = this._testData['19'];
-        return new Promise((resolve, reject) => {
-          setTimeout(() => {
-            resolve({
-              page: testData,
-              nextPage: undefined,
-            });
-          }, 5000);
-        });
-      }
-
-      this.lastFolder = folderId;
-      const testData = this._testData[folderId];
-      const sortData = this.sortItems(testData, sort);
-      return Promise.resolve({
-        page: sortData,
-        nextPage: undefined,
-      });
-    }
-    return Promise.reject();
-  }
-  getRootTreeNodeAsync(): Promise<LfTreeNode> {
-    return Promise.resolve(this._rootEntry);
-  }
-
-  private compare(a: number | string, b: number | string, isAsc: boolean) {
-    return (a < b ? -1 : 1) * (isAsc ? 1 : -1);
-  }
-
-  sortItems(data: LfTreeNode[], sortState: ColumnOrderBy | undefined) {
-    if (!sortState) {
-      return data;
-    }
-    const sortedData = data?.sort((a, b) => {
-      const isAsc = !sortState.isDesc;
-      if (sortState.columnId === propIdNameCol) {
-        return this.compare(a.name.toLowerCase(), b.name.toLowerCase(), isAsc);
-      } else if (sortState.columnId !== undefined) {
-        const aVal = a.attributes?.get(sortState?.columnId)?.value;
-        const bVal = b.attributes?.get(sortState?.columnId)?.value;
-        // hp tp sort if undefined..
-        if (Object.prototype.toString.call(aVal) === '[object Date]') {
-          return this.compare((aVal as Date).getTime(), (bVal as Date)?.getTime(), isAsc);
-        } else if (typeof aVal === 'number') {
-          return this.compare(aVal, bVal as number, isAsc);
-        } else if (typeof aVal === 'string') {
-          return this.compare(aVal.toLowerCase(), (bVal as string).toLowerCase(), isAsc);
-        } else {
-          // No value or unsupported value
-          return 0;
-        }
-      } else {
-        return 0;
-      }
-    });
-    return sortedData;
-  }
-
-  async getParentTreeNodeAsync(entry: LfTreeNode): Promise<LfTreeNode | undefined> {
-    if (entry.path === '/') {
-      return undefined;
-    }
-    const path = entry.path.split('/');
-    path.pop(); // remove self
-    const parentId = path.pop();
-    const parent = parentId ? this._entries[parentId] : this._rootEntry;
-    return Promise.resolve(parent ?? undefined);
-  }
-
-  private createDynamicItems(nextPage?: string): LfTreeNode[] {
-    const entries = [];
-    const pageStart = nextPage ? Number.parseInt(nextPage, 10) : 0;
-    for (let i = pageStart; i < pageStart + 20; i++) {
-      entries.push({
-        icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
-        id: i.toString(),
-        isContainer: false,
-        isLeaf: true,
-        name: `dynamic entry ${i.toString()}`,
-        path: `/18/${i}`,
-        isSelected: false,
-      });
-    }
-    return entries;
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { IconUtils } from '@laserfiche/lf-js-utils';
+import { ColumnOrderBy } from './../../../../ui-components/lf-selection-list/lf-selection-list-public-api';
+import {
+  LfTreeNodeService,
+  LfTreeNode,
+  LfTreeNodePage,
+} from './../../../../ui-components/lf-repository-browser/lf-repository-browser-public-api';
+import { PropertyValue } from './../../../../ui-components/shared/lf-shared-public-api';
+
+export const propIdCreateDate: string = 'create_date';
+export const propIdNumberCol: string = 'number_col';
+export const propIdNameCol: string = 'name';
+
+export class DemoRepoService implements LfTreeNodeService {
+  breadCrumb: LfTreeNode[] = [];
+  currentFolder: LfTreeNode | undefined;
+
+  _rootEntry: LfTreeNode = {
+    icon: IconUtils.getDocumentIconUrlFromIconId('folder-20'),
+    id: '1',
+    isContainer: true,
+    isLeaf: false,
+    name: 'root',
+    path: '/',
+  };
+  currentDate = Date.now();
+  _entries: { [key: string]: LfTreeNode } = {
+    '2': {
+      icon: IconUtils.getDocumentIconUrlFromIconId('folder-20'),
+      id: '2',
+      isContainer: true,
+      isLeaf: false,
+      name: 'folder2',
+      path: '/2',
+      attributes: new Map<string, PropertyValue>([[propIdCreateDate, { value: undefined, displayValue: undefined }]]),
+    },
+    '3': {
+      icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
+      id: '3',
+      isContainer: false,
+      isLeaf: true,
+      name: 'entry1',
+      path: '/3',
+      attributes: new Map<string, PropertyValue>([
+        [propIdCreateDate, { value: this.currentDate, displayValue: Intl.DateTimeFormat().format(this.currentDate) }],
+        [propIdNumberCol, { value: 123456123456, displayValue: '123456123456' }],
+      ]),
+    },
+    '4': {
+      icon: IconUtils.getDocumentIconUrlFromIconId('folder-20'),
+      id: '4',
+      isContainer: true,
+      isLeaf: false,
+      name: 'folder3',
+      path: '/4',
+    },
+    '5': {
+      icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
+      id: '5',
+      isContainer: false,
+      isLeaf: true,
+      name: 'LongNameToCheckHowTheComponentHandledFileLongNamesLongNameToCheckHowTheComponentHandledFileLongNames',
+      path: '/5',
+    },
+    '6': {
+      icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
+      id: '6',
+      isContainer: false,
+      isLeaf: true,
+      name: '3',
+      path: '/2/6',
+    },
+    '7': {
+      icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
+      id: '7',
+      isContainer: false,
+      isLeaf: true,
+      name: 'entry4',
+      path: '/2/7',
+    },
+    '8': {
+      icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
+      id: '8',
+      isContainer: false,
+      isLeaf: true,
+      name: 'entry5',
+      path: '/2/8',
+    },
+    '9': {
+      icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
+      id: '9',
+      isContainer: false,
+      isLeaf: true,
+      name: 'entry6',
+      path: '/2/9',
+    },
+    '10': {
+      icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
+      id: '10',
+      isContainer: false,
+      isLeaf: true,
+      name: 'entry7',
+      path: '/2/10',
+    },
+    '11': {
+      icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
+      id: '11',
+      isContainer: false,
+      isLeaf: true,
+      name: 'entry8',
+      path: '/2/11',
+    },
+    '12': {
+      icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
+      id: '12',
+      isContainer: false,
+      isLeaf: true,
+      name: 'entry9',
+      path: '/2/12',
+    },
+    '13': {
+      icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
+      id: '13',
+      isContainer: false,
+      isLeaf: true,
+      name: 'entry10',
+      path: '/2/13',
+    },
+    '14': {
+      icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
+      id: '14',
+      isContainer: false,
+      isLeaf: true,
+      name: 'entry11',
+      path: '/2/14',
+    },
+    '15': {
+      icon: IconUtils.getDocumentIconUrlFromIconId('folder-20'),
+      id: '15',
+      isContainer: true,
+      isLeaf: false,
+      name: 'folder4',
+      path: '/2/15',
+    },
+    '16': {
+      icon: IconUtils.getDocumentIconUrlFromIconId('folder-20'),
+      id: '16',
+      isContainer: true,
+      isLeaf: false,
+      name: 'error folder',
+      path: '/2/16',
+    },
+    '17': {
+      icon: IconUtils.getDocumentIconUrlFromIconId('folder-20'),
+      id: '17',
+      isContainer: true,
+      isLeaf: false,
+      name: 'folder with 10000 entries',
+      path: '/17',
+    },
+    '18': {
+      icon: IconUtils.getDocumentIconUrlFromIconId('folder-20'),
+      id: '18',
+      isContainer: true,
+      isLeaf: false,
+      name: 'dynamicly loaded entries',
+      path: '/18',
+    },
+    '60': {
+      icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
+      id: '60',
+      isContainer: false,
+      isLeaf: true,
+      name: 'dynamic entry 60',
+      path: '18',
+    },
+    '19': {
+      icon: IconUtils.getDocumentIconUrlFromIconId('folder-20'),
+      id: '19',
+      isContainer: true,
+      isLeaf: true,
+      name: 'slow loading folder',
+      path: '/19',
+    },
+    '20': {
+      icon: IconUtils.getDocumentIconUrlFromIconId('folder-20'),
+      id: '20',
+      isContainer: true,
+      isLeaf: true,
+      name: 'ReallyLongFolderNameToSeeHowItIsHandledInTheBreadcrumbReallyLongFolderNameToSeeHowItIsHandledInTheBreadcrumb ReallyLongFolderNameToSeeHowItIsHandledInTheBreadcrumb',
+      path: '/20',
+    },
+    '21': {
+      icon: IconUtils.getDocumentIconUrlFromIconId('folder-20'),
+      id: '21',
+      isContainer: true,
+      isLeaf: true,
+      name: 'ReallyLongFolderNameToSeeHowItIsHandledInTheBreadcrumbReallyLongFolderNameToSeeHowItIsHandledInTheBreadcrumb ReallyLongFolderNameToSeeHowItIsHandledInTheBreadcrumb',
+      path: '/20/21',
+    },
+    '1000': {
+      icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
+      id: '1000',
+      isContainer: false,
+      isLeaf: true,
+      name: 'dynamic entry 1000',
+      path: '/18/1000',
+    },
+    '1900': {
+      icon: IconUtils.getDocumentIconUrlFromIconId('folder-20'),
+      id: '1900',
+      isContainer: true,
+      isLeaf: false,
+      name: 'folder',
+      path: '/',
+    },
+  };
+  _testData: { [key: string]: LfTreeNode[] } = {
+    '1': [
+      this._entries['2'],
+      this._entries['3'],
+      this._entries['4'],
+      this._entries['5'],
+      this._entries['16'],
+      this._entries['17'],
+      this._entries['18'],
+      this._entries['19'],
+      this._entries['20'],
+    ],
+    '2': [
+      this._entries['6'],
+      this._entries['7'],
+      this._entries['8'],
+      this._entries['9'],
+      this._entries['10'],
+      this._entries['11'],
+      this._entries['12'],
+      this._entries['13'],
+      this._entries['14'],
+      this._entries['15'],
+    ],
+    '4': [],
+    '15': [],
+    '16': [],
+    '17': [],
+    '18': [],
+    '19': [this._entries['1900']],
+    '20': [this._entries['21']],
+    '21': [],
+    '1900': [],
+  };
+
+  private lastFolder: string | undefined;
+
+  constructor() {
+    for (let i = 0; i < 10000; i++) {
+      const number = i % 1000;
+      this._testData['17'].push({
+        icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
+        id: i.toString(),
+        isContainer: false,
+        isLeaf: true,
+        name: `generated entry ${i}`,
+        path: `/17/${i}`,
+        attributes: new Map<string, PropertyValue>([[propIdNumberCol, { value: number, displayValue: `${number}` }]]),
+      });
+    }
+  }
+
+  getFolderChildrenAsync(folder: LfTreeNode, nextPage?: string, sort?: ColumnOrderBy): Promise<LfTreeNodePage> {
+    const folderId: string = folder.id;
+    if (folderId != null && this._testData[folderId]) {
+      if (folderId === '16') {
+        this.lastFolder = folderId;
+        return Promise.reject();
+      }
+      if (folderId === '18') {
+        if (this.lastFolder != null && this.lastFolder !== folderId) {
+          Promise.resolve({
+            page: undefined,
+            nextPage: undefined,
+          });
+        }
+        this.lastFolder = folderId;
+        const newEntries: LfTreeNode[] = this.createDynamicItems(nextPage);
+        const sorted = this.sortItems(newEntries, sort);
+        return Promise.resolve({
+          page: sorted,
+          nextPage: (Number.parseInt(nextPage ?? '0', 10) + 20).toString(),
+        });
+      }
+      if (folderId === '19') {
+        if (this.lastFolder != null && this.lastFolder === folderId) {
+          return Promise.resolve({
+            page: [],
+            nextPage: undefined,
+          });
+        }
+        this.lastFolder = folderId;
+        const testData = this._testData['19'];
+        return new Promise((resolve, reject) => {
+          setTimeout(() => {
+            resolve({
+              page: testData,
+              nextPage: undefined,
+            });
+          }, 5000);
+        });
+      }
+
+      this.lastFolder = folderId;
+      const testData = this._testData[folderId];
+      const sortData = this.sortItems(testData, sort);
+      return Promise.resolve({
+        page: sortData,
+        nextPage: undefined,
+      });
+    }
+    return Promise.reject();
+  }
+  getRootTreeNodeAsync(): Promise<LfTreeNode> {
+    return Promise.resolve(this._rootEntry);
+  }
+
+  private compare(a: number | string, b: number | string, isAsc: boolean) {
+    return (a < b ? -1 : 1) * (isAsc ? 1 : -1);
+  }
+
+  sortItems(data: LfTreeNode[], sortState: ColumnOrderBy | undefined) {
+    if (!sortState) {
+      return data;
+    }
+    const sortedData = data?.sort((a, b) => {
+      const isAsc = !sortState.isDesc;
+      if (sortState.columnId === propIdNameCol) {
+        return this.compare(a.name.toLowerCase(), b.name.toLowerCase(), isAsc);
+      } else if (sortState.columnId !== undefined) {
+        const aVal = a.attributes?.get(sortState?.columnId)?.value;
+        const bVal = b.attributes?.get(sortState?.columnId)?.value;
+        // hp tp sort if undefined..
+        if (Object.prototype.toString.call(aVal) === '[object Date]') {
+          return this.compare((aVal as Date).getTime(), (bVal as Date)?.getTime(), isAsc);
+        } else if (typeof aVal === 'number') {
+          return this.compare(aVal, bVal as number, isAsc);
+        } else if (typeof aVal === 'string') {
+          return this.compare(aVal.toLowerCase(), (bVal as string).toLowerCase(), isAsc);
+        } else {
+          // No value or unsupported value
+          return 0;
+        }
+      } else {
+        return 0;
+      }
+    });
+    return sortedData;
+  }
+
+  async getParentTreeNodeAsync(entry: LfTreeNode): Promise<LfTreeNode | undefined> {
+    if (entry.path === '/') {
+      return undefined;
+    }
+    const path = entry.path.split('/');
+    path.pop(); // remove self
+    const parentId = path.pop();
+    const parent = parentId ? this._entries[parentId] : this._rootEntry;
+    return Promise.resolve(parent ?? undefined);
+  }
+
+  private createDynamicItems(nextPage?: string): LfTreeNode[] {
+    const entries = [];
+    const pageStart = nextPage ? Number.parseInt(nextPage, 10) : 0;
+    for (let i = pageStart; i < pageStart + 20; i++) {
+      entries.push({
+        icon: IconUtils.getDocumentIconUrlFromIconId('document-20'),
+        id: i.toString(),
+        isContainer: false,
+        isLeaf: true,
+        name: `dynamic entry ${i.toString()}`,
+        path: `/18/${i}`,
+        isSelected: false,
+      });
+    }
+    return entries;
+  }
+}
diff --git a/projects/lf-documentation/src/app/lf-repository-browser-documentation/lf-repository-browser-documentation.component.css b/projects/lf-documentation/src/app/lf-repository-browser-documentation/lf-repository-browser-documentation.component.css
index e896b29c..3fbf8dc6 100644
--- a/projects/lf-documentation/src/app/lf-repository-browser-documentation/lf-repository-browser-documentation.component.css
+++ b/projects/lf-documentation/src/app/lf-repository-browser-documentation/lf-repository-browser-documentation.component.css
@@ -1,9 +1,9 @@
-.checkbox-left-padding {
-    padding-left: 20px;
-}
-
-.column-checkbox-section {
-    padding: 10px 0px;
-    display: flex;
-    align-items: center;
-}
+.checkbox-left-padding {
+  padding-left: 20px;
+}
+
+.column-checkbox-section {
+  padding: 10px 0px;
+  display: flex;
+  align-items: center;
+}
diff --git a/projects/lf-documentation/src/app/lf-repository-browser-documentation/lf-repository-browser-documentation.component.html b/projects/lf-documentation/src/app/lf-repository-browser-documentation/lf-repository-browser-documentation.component.html
index 10b4930d..a7300aa1 100644
--- a/projects/lf-documentation/src/app/lf-repository-browser-documentation/lf-repository-browser-documentation.component.html
+++ b/projects/lf-documentation/src/app/lf-repository-browser-documentation/lf-repository-browser-documentation.component.html
@@ -13,7 +13,9 @@
   <label>Web Element with LfToolbar</label>
   <br />
   <code>
-    <span class="code-html-tagname">&lt;lf-repository-browser&gt;&lt;lf-toolbar&gt;&lt;/lf-toolbar&gt;&lt;/lf-repository-browser&gt;</span>
+    <span class="code-html-tagname"
+      >&lt;lf-repository-browser&gt;&lt;lf-toolbar&gt;&lt;/lf-toolbar&gt;&lt;/lf-repository-browser&gt;</span
+    >
   </code>
 </p>
 <p class="documentation-text code-container">
@@ -34,7 +36,10 @@
     <span>document.querySelector('lf-repository-browser');</span>
     <p>repoBrowser.addEventListener('entrySelected', onElementNodeSelected(event));</p>
     <p>await repoBrowser.initAsync(treeProvidersObject);</p>
-    <p>const create: ColumnDef = 	&#123; id: 'creationTime', displayName: 'Creation Date', defaultWidth: '40%', minWidthPx: 100, resizable: true, sortable: true &#125;;</p>
+    <p>
+      const create: ColumnDef = &#123; id: 'creationTime', displayName: 'Creation Date', defaultWidth: '40%',
+      minWidthPx: 100, resizable: true, sortable: true &#125;;
+    </p>
     <p>const columns: ColumnDef[] = [create];</p>
     <p>repoBrowser.setAdditionalColumnsToDisplay(columns);</p>
   </code>
@@ -52,12 +57,21 @@
 </label>
 <div class="column-checkbox-section documentation-text">
   Columns to display:
-  <mat-checkbox class="lf-checkbox checkbox-left-padding" color="primary" (change)="singleColChange()" [(ngModel)]="creation_col_single"
+  <mat-checkbox
+    class="lf-checkbox checkbox-left-padding"
+    color="primary"
+    (change)="singleColChange()"
+    [(ngModel)]="creation_col_single"
     >Creation Date</mat-checkbox
   >
-  <mat-checkbox class="lf-checkbox checkbox-left-padding" color="primary" (change)="singleColChange()" [(ngModel)]="number_col_single"
+  <mat-checkbox
+    class="lf-checkbox checkbox-left-padding"
+    color="primary"
+    (change)="singleColChange()"
+    [(ngModel)]="number_col_single"
     >Number Column</mat-checkbox
-  ></div>
+  >
+</div>
 <app-card>
   <lf-repository-browser-component
     multiple="false"
@@ -67,7 +81,8 @@
     (entryFocused)="onEntryFocused($event)"
     style="height: 500px"
     #singleSelectRepoBrowser
-  ><lf-toolbar-component [dropdown_options]="elementToolbarOptions"></lf-toolbar-component></lf-repository-browser-component>
+    ><lf-toolbar-component [dropdown_options]="elementToolbarOptions"></lf-toolbar-component
+  ></lf-repository-browser-component>
 </app-card>
 
 <label>
@@ -84,10 +99,18 @@
 <button class="lf-button primary-button" (click)="onRefresh()">Refresh and clear selected</button>
 <div class="column-checkbox-section documentation-text">
   Columns to display:
-  <mat-checkbox class="lf-checkbox checkbox-left-padding" color="primary" (change)="multiColChange()" [(ngModel)]="creation_col_multi"
+  <mat-checkbox
+    class="lf-checkbox checkbox-left-padding"
+    color="primary"
+    (change)="multiColChange()"
+    [(ngModel)]="creation_col_multi"
     >Creation Date</mat-checkbox
   >
-  <mat-checkbox class="lf-checkbox checkbox-left-padding" color="primary" (change)="multiColChange()" [(ngModel)]="number_col_multi"
+  <mat-checkbox
+    class="lf-checkbox checkbox-left-padding"
+    color="primary"
+    (change)="multiColChange()"
+    [(ngModel)]="number_col_multi"
     >Number Column</mat-checkbox
   >
 </div>
@@ -192,9 +215,9 @@
     <td>(treeNodeService: LfTreeNodeService, initialOpenedNode?: LfTreeNode | string) => Promise&lt;void&gt;</td>
     <td>
       Initializes the lf-repository-browser with an LfTreeNodeService. You <b>must</b> call this method. Each time this
-      is called, the state of lf-repository-browser is reset. If an initialOpenedNode is specified, the tree is directly opened
-      to that node. The initialOpenedNode can be a LfTreeNode or an identifier for a node. The identifier should match the implementation
-      for the service method getTreeNodeByIdentifierAsync (i.e. path, id, etc.).
+      is called, the state of lf-repository-browser is reset. If an initialOpenedNode is specified, the tree is directly
+      opened to that node. The initialOpenedNode can be a LfTreeNode or an identifier for a node. The identifier should
+      match the implementation for the service method getTreeNodeByIdentifierAsync (i.e. path, id, etc.).
     </td>
   </tr>
   <tr>
@@ -207,15 +230,18 @@
   <tr>
     <td>refreshAsync</td>
     <td>(clearSelectedValues?: boolean) => Promise&lt;void&gt;</td>
-    <td>Refreshes the current folder. Calls for all of the data again. By default will clear all currently selected values.</td>
+    <td>
+      Refreshes the current folder. Calls for all of the data again. By default will clear all currently selected
+      values.
+    </td>
   </tr>
   <tr>
     <td>openSelectedNodesAsync</td>
     <td>() => Promise&lt;void&gt;</td>
     <td>
-      Opens the selected nodes. If one container is selected it will open that folder in the UI and emit the entryDblClicked event, if multiple items or an
-      item that is not a container is selected, then this function will just emit the entryDblClicked event with the
-      selected nodes.
+      Opens the selected nodes. If one container is selected it will open that folder in the UI and emit the
+      entryDblClicked event, if multiple items or an item that is not a container is selected, then this function will
+      just emit the entryDblClicked event with the selected nodes.
     </td>
   </tr>
   <tr>
@@ -224,8 +250,8 @@
     <td>
       Opens the focused node (the one with a thick blue line around it in the UI). If a container is focused it will
       open that folder in the UI, if an item that is not a container is selected, then this function will just emit the
-      entryDblClicked event with the focused node. Note: Be sure to call this when the focus is still on the item. This may
-      require adding preventDefault on a click event to stop the item from losing focus
+      entryDblClicked event with the focused node. Note: Be sure to call this when the focus is still on the item. This
+      may require adding preventDefault on a click event to stop the item from losing focus
     </td>
   </tr>
   <tr>
@@ -246,8 +272,9 @@
   <tr>
     <td>setColumnsToDisplay</td>
     <td>(ColumnDef[]) => void</td>
-    <td>Set the columns to display.<br/>
-      Note 1: The default column with id = 'name' cannot be removed but its definition can be updated.<br/>
+    <td>
+      Set the columns to display.<br />
+      Note 1: The default column with id = 'name' cannot be removed but its definition can be updated.<br />
       Note 2: It may be necessary ta call refreshAsync after adding new columns to fetch the data.
     </td>
   </tr>
@@ -257,7 +284,8 @@
 <ul>
   <li>getRootTreeNodeAsync() : Promise&lt;LfTreeNode&gt;</li>
   <li>
-    getFolderChildrenAsync(folder: LfTreeNode, nextPage: string | undefined, orderBy?: ColumnOrderBy): Promise&lt;LfTreeNodePage&gt;
+    getFolderChildrenAsync(folder: LfTreeNode, nextPage: string | undefined, orderBy?: ColumnOrderBy):
+    Promise&lt;LfTreeNodePage&gt;
     <ul>
       <li>The LfTreeNodePage that this returns represents one page of data, not the cumulative data</li>
     </ul>
@@ -274,15 +302,14 @@
   <li>
     getTreeNodeByIdentifierAsync(identifier: string): Promise&lt;LfTreeNode | undefined&gt;
     <ul>
+      <li>Returns the LfTreeNode specified by the identifier.</li>
       <li>
-        Returns the LfTreeNode specified by the identifier.
-      </li>
-      <li>
-        This function must support getting the LfTreeNode by Id, optionally by secondary identifiers, such as the path, etc.
+        This function must support getting the LfTreeNode by Id, optionally by secondary identifiers, such as the path,
+        etc.
       </li>
       <li>
-        If you use initAsync with an initialOpenedNode specified by string, it should
-        match the implementation of identifier for this function.
+        If you use initAsync with an initialOpenedNode specified by string, it should match the implementation of
+        identifier for this function.
       </li>
     </ul>
   </li>
diff --git a/projects/lf-documentation/src/app/lf-repository-browser-documentation/lf-repository-browser-documentation.component.ts b/projects/lf-documentation/src/app/lf-repository-browser-documentation/lf-repository-browser-documentation.component.ts
index 45183bdb..ceb04154 100644
--- a/projects/lf-documentation/src/app/lf-repository-browser-documentation/lf-repository-browser-documentation.component.ts
+++ b/projects/lf-documentation/src/app/lf-repository-browser-documentation/lf-repository-browser-documentation.component.ts
@@ -1,164 +1,164 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { AfterViewInit, Component, ViewChild, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { ColumnDef } from './../../../../ui-components/lf-selection-list/lf-selection-list-public-api';
-import {
-  LfTreeNode,
-  LfRepositoryBrowserComponent,
-} from './../../../../ui-components/lf-repository-browser/lf-repository-browser-public-api';
-import { DemoRepoService, propIdCreateDate, propIdNameCol, propIdNumberCol } from './demo-repo-service';
-import { ToolbarOption } from './../../../../ui-components/shared/lf-toolbar/lf-toolbar-public-api';
-import { IconUtils } from '@laserfiche/lf-js-utils';
-import { CardComponent } from '../card/card.component';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { FormsModule } from '@angular/forms';
-import { CommonModule } from '@angular/common';
-
-const CREATE_COL: ColumnDef = {
-  id: propIdCreateDate,
-  displayName: 'Creation Date',
-  defaultWidth: 'auto',
-  minWidthPx: 100,
-  resizable: true,
-  sortable: true,
-};
-const NUMBER_COL: ColumnDef = {
-  id: propIdNumberCol,
-  displayName: 'Number Column',
-  defaultWidth: 'auto',
-  minWidthPx: 100,
-  resizable: true,
-  sortable: true,
-};
-const NAME_COL: ColumnDef = {
-  id: propIdNameCol,
-  displayName: 'Name',
-  defaultWidth: 'auto',
-  minWidthPx: 100,
-  resizable: true,
-  sortable: true,
-};
-
-@Component({
-  selector: 'app-lf-repository-browser-documentation',
-  templateUrl: './lf-repository-browser-documentation.component.html',
-  styleUrls: ['./lf-repository-browser-documentation.component.css', '../app.component.css'],
-  standalone: true,
-  imports: [CardComponent, MatCheckboxModule, FormsModule, CommonModule, LfRepositoryBrowserComponent],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class LfRepositoryBrowserDocumentationComponent implements AfterViewInit {
-  @ViewChild('repoBrowser') repoBrowser?: LfRepositoryBrowserComponent;
-  @ViewChild('singleSelectRepoBrowser') singleSelectRepoBrowser?: LfRepositoryBrowserComponent;
-  allSelectable: boolean = true;
-  dataService: DemoRepoService = new DemoRepoService();
-  selectable = this._selectable.bind(this);
-  singleSelectDataService: DemoRepoService = new DemoRepoService();
-
-  elementToolbarOptions: ToolbarOption[] = [
-    { name: 'Refresh', disabled: false, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
-    { name: 'New Folder', disabled: true, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
-    { name: 'Download', disabled: true, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
-    { name: 'Scan', disabled: true, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
-    { name: 'Rename', disabled: false, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
-    { name: 'Share', disabled: false, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
-  ];
-
-  elementSelectedEntry: LfTreeNode[] | undefined;
-
-  creation_col_single: boolean = true;
-  number_col_single: boolean = false;
-  creation_col_multi: boolean = false;
-  number_col_multi: boolean = false;
-
-  constructor() {}
-
-  async ngAfterViewInit() {
-    setTimeout(async () => {
-      if (!this.repoBrowser) {
-        throw new Error('repoBrowser is undefined');
-      }
-      await this.repoBrowser.initAsync(this.dataService, this.dataService._entries['21']);
-      this.repoBrowser.always_show_header = true;
-      this.multiColChange();
-      if (this.repoBrowser != null) {
-        this.repoBrowser.focus();
-      }
-    }, 1000);
-
-    if (!this.singleSelectRepoBrowser) {
-      throw new Error('repoBrowser is undefined');
-    }
-    this.singleColChange();
-    await this.singleSelectRepoBrowser?.initAsync(this.singleSelectDataService);
-    this.singleSelectRepoBrowser.column_order_by = { columnId: 'name', isDesc: false };
-  }
-
-  onEntrySelected(entries: LfTreeNode[] | undefined) {
-    console.debug('entry selected', entries);
-    this.elementSelectedEntry = entries;
-  }
-
-  onEntryOpened(entries: LfTreeNode[] | undefined) {
-    console.debug('entry double clicked', entries);
-  }
-
-  onEntryFocused(entry: LfTreeNode | undefined) {
-    console.debug('entry focused', entry);
-  }
-
-  onRefresh() {
-    this.repoBrowser?.refreshAsync();
-  }
-
-  singleColChange() {
-    const columns = [NAME_COL];
-
-    if (this.creation_col_single) {
-      columns.push(CREATE_COL);
-    }
-    if (this.number_col_single) {
-      columns.push(NUMBER_COL);
-    }
-    this.singleSelectRepoBrowser!.setColumnsToDisplay(columns);
-  }
-
-  multiColChange() {
-    const columns = [];
-    if (this.creation_col_multi) {
-      columns.push(CREATE_COL);
-    }
-    if (this.number_col_multi) {
-      columns.push(NUMBER_COL);
-    }
-    this.repoBrowser!.setColumnsToDisplay(columns);
-  }
-
-  private _selectable(node: LfTreeNode): Promise<boolean> {
-    if (this.allSelectable) {
-      return Promise.resolve(true);
-    }
-    if (node.isContainer) {
-      return Promise.resolve(false);
-    }
-    return Promise.resolve(true);
-  }
-
-  toggleSelectable() {
-    this.allSelectable = !this.allSelectable;
-    this.dataService = new DemoRepoService();
-    this.repoBrowser?.initAsync(this.dataService);
-  }
-
-  async setSelectedValue() {
-    const selectedValues = [
-      this.dataService._entries['2'],
-      this.dataService._entries['3'],
-      this.dataService._entries['7'],
-      this.dataService._entries['60'],
-      this.dataService._entries['1000'],
-    ];
-    await this.repoBrowser?.setSelectedNodesAsync(selectedValues as LfTreeNode[]);
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { AfterViewInit, Component, ViewChild, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { ColumnDef } from './../../../../ui-components/lf-selection-list/lf-selection-list-public-api';
+import {
+  LfTreeNode,
+  LfRepositoryBrowserComponent,
+} from './../../../../ui-components/lf-repository-browser/lf-repository-browser-public-api';
+import { DemoRepoService, propIdCreateDate, propIdNameCol, propIdNumberCol } from './demo-repo-service';
+import { ToolbarOption } from './../../../../ui-components/shared/lf-toolbar/lf-toolbar-public-api';
+import { IconUtils } from '@laserfiche/lf-js-utils';
+import { CardComponent } from '../card/card.component';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { FormsModule } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+
+const CREATE_COL: ColumnDef = {
+  id: propIdCreateDate,
+  displayName: 'Creation Date',
+  defaultWidth: 'auto',
+  minWidthPx: 100,
+  resizable: true,
+  sortable: true,
+};
+const NUMBER_COL: ColumnDef = {
+  id: propIdNumberCol,
+  displayName: 'Number Column',
+  defaultWidth: 'auto',
+  minWidthPx: 100,
+  resizable: true,
+  sortable: true,
+};
+const NAME_COL: ColumnDef = {
+  id: propIdNameCol,
+  displayName: 'Name',
+  defaultWidth: 'auto',
+  minWidthPx: 100,
+  resizable: true,
+  sortable: true,
+};
+
+@Component({
+  selector: 'app-lf-repository-browser-documentation',
+  templateUrl: './lf-repository-browser-documentation.component.html',
+  styleUrls: ['./lf-repository-browser-documentation.component.css', '../app.component.css'],
+  standalone: true,
+  imports: [CardComponent, MatCheckboxModule, FormsModule, CommonModule, LfRepositoryBrowserComponent],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+})
+export class LfRepositoryBrowserDocumentationComponent implements AfterViewInit {
+  @ViewChild('repoBrowser') repoBrowser?: LfRepositoryBrowserComponent;
+  @ViewChild('singleSelectRepoBrowser') singleSelectRepoBrowser?: LfRepositoryBrowserComponent;
+  allSelectable: boolean = true;
+  dataService: DemoRepoService = new DemoRepoService();
+  selectable = this._selectable.bind(this);
+  singleSelectDataService: DemoRepoService = new DemoRepoService();
+
+  elementToolbarOptions: ToolbarOption[] = [
+    { name: 'Refresh', disabled: false, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
+    { name: 'New Folder', disabled: true, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
+    { name: 'Download', disabled: true, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
+    { name: 'Scan', disabled: true, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
+    { name: 'Rename', disabled: false, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
+    { name: 'Share', disabled: false, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
+  ];
+
+  elementSelectedEntry: LfTreeNode[] | undefined;
+
+  creation_col_single: boolean = true;
+  number_col_single: boolean = false;
+  creation_col_multi: boolean = false;
+  number_col_multi: boolean = false;
+
+  constructor() {}
+
+  async ngAfterViewInit() {
+    setTimeout(async () => {
+      if (!this.repoBrowser) {
+        throw new Error('repoBrowser is undefined');
+      }
+      await this.repoBrowser.initAsync(this.dataService, this.dataService._entries['21']);
+      this.repoBrowser.always_show_header = true;
+      this.multiColChange();
+      if (this.repoBrowser != null) {
+        this.repoBrowser.focus();
+      }
+    }, 1000);
+
+    if (!this.singleSelectRepoBrowser) {
+      throw new Error('repoBrowser is undefined');
+    }
+    this.singleColChange();
+    await this.singleSelectRepoBrowser?.initAsync(this.singleSelectDataService);
+    this.singleSelectRepoBrowser.column_order_by = { columnId: 'name', isDesc: false };
+  }
+
+  onEntrySelected(entries: LfTreeNode[] | undefined) {
+    console.debug('entry selected', entries);
+    this.elementSelectedEntry = entries;
+  }
+
+  onEntryOpened(entries: LfTreeNode[] | undefined) {
+    console.debug('entry double clicked', entries);
+  }
+
+  onEntryFocused(entry: LfTreeNode | undefined) {
+    console.debug('entry focused', entry);
+  }
+
+  onRefresh() {
+    this.repoBrowser?.refreshAsync();
+  }
+
+  singleColChange() {
+    const columns = [NAME_COL];
+
+    if (this.creation_col_single) {
+      columns.push(CREATE_COL);
+    }
+    if (this.number_col_single) {
+      columns.push(NUMBER_COL);
+    }
+    this.singleSelectRepoBrowser!.setColumnsToDisplay(columns);
+  }
+
+  multiColChange() {
+    const columns = [];
+    if (this.creation_col_multi) {
+      columns.push(CREATE_COL);
+    }
+    if (this.number_col_multi) {
+      columns.push(NUMBER_COL);
+    }
+    this.repoBrowser!.setColumnsToDisplay(columns);
+  }
+
+  private _selectable(node: LfTreeNode): Promise<boolean> {
+    if (this.allSelectable) {
+      return Promise.resolve(true);
+    }
+    if (node.isContainer) {
+      return Promise.resolve(false);
+    }
+    return Promise.resolve(true);
+  }
+
+  toggleSelectable() {
+    this.allSelectable = !this.allSelectable;
+    this.dataService = new DemoRepoService();
+    this.repoBrowser?.initAsync(this.dataService);
+  }
+
+  async setSelectedValue() {
+    const selectedValues = [
+      this.dataService._entries['2'],
+      this.dataService._entries['3'],
+      this.dataService._entries['7'],
+      this.dataService._entries['60'],
+      this.dataService._entries['1000'],
+    ];
+    await this.repoBrowser?.setSelectedNodesAsync(selectedValues as LfTreeNode[]);
+  }
+}
diff --git a/projects/lf-documentation/src/app/lf-toolbar-documentation/lf-toolbar-documentation.component.html b/projects/lf-documentation/src/app/lf-toolbar-documentation/lf-toolbar-documentation.component.html
index 7c667abd..760b42a8 100644
--- a/projects/lf-documentation/src/app/lf-toolbar-documentation/lf-toolbar-documentation.component.html
+++ b/projects/lf-documentation/src/app/lf-toolbar-documentation/lf-toolbar-documentation.component.html
@@ -1,90 +1,78 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<p class="documentation-title">
-    LfToolbar
-</p>
-
-<p class="documentation-text code-container">
-    <code>
-        <span class="code-html-tagname">&lt;lf-toolbar</span>
-        <span class="code-html-tagname">&gt;&lt;/lf-toolbar&gt;</span>
-    </code>
-</p>
-<p class="documentation-text code-container">
-    <code>
-        <span class="code-html-tagname">const </span>
-        <span>toolbar</span>
-        <span> = </span>
-        <span>document.querySelector('lf-toolbar');</span>
-        <p>toolbar.displayed_options = displayedOptionsObject;</p>
-        <p>toolbar.dropdown_options = dropdownOptionsObject;</p>
-        <p>toolbar.addEventListener('optionSelected', onElementOptionSelected(event));</p>
-    </code>
-</p>
-<app-card>
-    <lf-toolbar-component [displayed_options]="elementToolbarOptions" [dropdown_options]="elementToolbarOptions" (optionSelected)="onElementOptionSelected($event)">
-    </lf-toolbar-component>
-</app-card>
-<button (click)="enableDisableElement()" class="primary-button lf-button">{{enableDisableElementText}}</button>
-<p class="documentation-text">onElementOptionSelected output: </p>
-<textarea disabled cols="80" rows="10">{{ selectedElementOption }}</textarea>
-
-<p class="documentation-header">
-    Overview
-</p>
-<p class="documentation-text">
-    Web Component for a toolbar with inline buttons
-</p>
-<p class="documentation-header">
-    Use Case
-</p>
-<p class="documentation-text">
-    A toolbar of actions that can be performed on items in a list or tree
-</p>
-<p class="documentation-header">
-    HTML Element
-</p>
-<table>
-    <tr>
-        <th>Attribute</th>
-        <th>Value</th>
-        <th>Description</th>
-    </tr>
-    <tr>
-        <td>displayed_options</td>
-        <td>ToolbarOption[]</td>
-        <td>A list of toolbar options that should be displayed outside of the dropdown</td>
-    </tr>
-    <tr>
-        <td>dropdown_options</td>
-        <td>ToolbarOption[]</td>
-        <td>A list of toolbar options that should be displayed in the dropdown</td>
-    </tr>
-</table>
-<br />
-<table>
-    <tr>
-        <th>Event</th>
-        <th>Value</th>
-        <th>Description</th>
-    </tr>
-    <tr>
-        <td>optionSelected</td>
-        <td>
-            (event: CustomEvent&lt;ToolbarOption&gt;) => Promise&lt;void&gt;
-        </td>
-        <td>event raised when a toolbar option is selected</td>
-    </tr>
-</table>
-
-<p class="documentation-sub-header">
-    ToolbarOption Interface
-</p>
-<ul>
-    <li>name: string</li>
-    <li>disabled: boolean</li>
-    <li>icon?: string[] | string</li>
-    <li>children?: ToolbarOption[]</li>
-    <li>tag?: any (Object that contains data about the toolbar option)</li>
-</ul>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<p class="documentation-title">LfToolbar</p>
+
+<p class="documentation-text code-container">
+  <code>
+    <span class="code-html-tagname">&lt;lf-toolbar</span>
+    <span class="code-html-tagname">&gt;&lt;/lf-toolbar&gt;</span>
+  </code>
+</p>
+<p class="documentation-text code-container">
+  <code>
+    <span class="code-html-tagname">const </span>
+    <span>toolbar</span>
+    <span> = </span>
+    <span>document.querySelector('lf-toolbar');</span>
+    <p>toolbar.displayed_options = displayedOptionsObject;</p>
+    <p>toolbar.dropdown_options = dropdownOptionsObject;</p>
+    <p>toolbar.addEventListener('optionSelected', onElementOptionSelected(event));</p>
+  </code>
+</p>
+<app-card>
+  <lf-toolbar-component
+    [displayed_options]="elementToolbarOptions"
+    [dropdown_options]="elementToolbarOptions"
+    (optionSelected)="onElementOptionSelected($event)"
+  >
+  </lf-toolbar-component>
+</app-card>
+<button (click)="enableDisableElement()" class="primary-button lf-button">{{ enableDisableElementText }}</button>
+<p class="documentation-text">onElementOptionSelected output:</p>
+<textarea disabled cols="80" rows="10">{{ selectedElementOption }}</textarea>
+
+<p class="documentation-header">Overview</p>
+<p class="documentation-text">Web Component for a toolbar with inline buttons</p>
+<p class="documentation-header">Use Case</p>
+<p class="documentation-text">A toolbar of actions that can be performed on items in a list or tree</p>
+<p class="documentation-header">HTML Element</p>
+<table>
+  <tr>
+    <th>Attribute</th>
+    <th>Value</th>
+    <th>Description</th>
+  </tr>
+  <tr>
+    <td>displayed_options</td>
+    <td>ToolbarOption[]</td>
+    <td>A list of toolbar options that should be displayed outside of the dropdown</td>
+  </tr>
+  <tr>
+    <td>dropdown_options</td>
+    <td>ToolbarOption[]</td>
+    <td>A list of toolbar options that should be displayed in the dropdown</td>
+  </tr>
+</table>
+<br />
+<table>
+  <tr>
+    <th>Event</th>
+    <th>Value</th>
+    <th>Description</th>
+  </tr>
+  <tr>
+    <td>optionSelected</td>
+    <td>(event: CustomEvent&lt;ToolbarOption&gt;) => Promise&lt;void&gt;</td>
+    <td>event raised when a toolbar option is selected</td>
+  </tr>
+</table>
+
+<p class="documentation-sub-header">ToolbarOption Interface</p>
+<ul>
+  <li>name: string</li>
+  <li>disabled: boolean</li>
+  <li>icon?: string[] | string</li>
+  <li>children?: ToolbarOption[]</li>
+  <li>tag?: any (Object that contains data about the toolbar option)</li>
+</ul>
diff --git a/projects/lf-documentation/src/app/lf-toolbar-documentation/lf-toolbar-documentation.component.spec.ts b/projects/lf-documentation/src/app/lf-toolbar-documentation/lf-toolbar-documentation.component.spec.ts
index 623f9c77..d25fb523 100644
--- a/projects/lf-documentation/src/app/lf-toolbar-documentation/lf-toolbar-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/lf-toolbar-documentation/lf-toolbar-documentation.component.spec.ts
@@ -1,31 +1,28 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { LfToolbarDocumentationComponent } from './lf-toolbar-documentation.component';
-
-describe('LfToolbarDocumentationComponent', () => {
-  let component: LfToolbarDocumentationComponent;
-  let fixture: ComponentFixture<LfToolbarDocumentationComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [
-        LfToolbarDocumentationComponent,
-      ],
-      schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(LfToolbarDocumentationComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { LfToolbarDocumentationComponent } from './lf-toolbar-documentation.component';
+
+describe('LfToolbarDocumentationComponent', () => {
+  let component: LfToolbarDocumentationComponent;
+  let fixture: ComponentFixture<LfToolbarDocumentationComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [LfToolbarDocumentationComponent],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LfToolbarDocumentationComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/lf-documentation/src/app/lf-toolbar-documentation/lf-toolbar-documentation.component.ts b/projects/lf-documentation/src/app/lf-toolbar-documentation/lf-toolbar-documentation.component.ts
index 6d7747bd..30fb40b1 100644
--- a/projects/lf-documentation/src/app/lf-toolbar-documentation/lf-toolbar-documentation.component.ts
+++ b/projects/lf-documentation/src/app/lf-toolbar-documentation/lf-toolbar-documentation.component.ts
@@ -1,47 +1,47 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { IconUtils } from '@laserfiche/lf-js-utils';
-import { ToolbarOption, LfToolbarComponent } from './../../../../ui-components/shared/lf-toolbar/lf-toolbar-public-api';
-import { CardComponent } from '../card/card.component';
-
-@Component({
-  selector: 'app-lf-toolbar-documentation',
-  templateUrl: './lf-toolbar-documentation.component.html',
-  styleUrls: ['./lf-toolbar-documentation.component.css', './../app.component.css'],
-  standalone: true,
-  imports: [CardComponent, LfToolbarComponent],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class LfToolbarDocumentationComponent {
-  elementToolbarOptions: ToolbarOption[] = [
-    { name: 'Refresh', disabled: false, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
-    { name: 'New Folder', disabled: true, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
-    { name: 'Download', disabled: true, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
-    { name: 'Scan', disabled: true, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
-    { name: 'Rename', disabled: false, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
-    { name: 'Share', disabled: false, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
-  ];
-  selectedElementOption?: string;
-
-  private elementOptionsDisabled: boolean = false;
-
-  constructor() {}
-
-  get enableDisableElementText(): string {
-    return this.elementOptionsDisabled ? 'Enable all options' : 'Disable all options';
-  }
-
-  onElementOptionSelected(option: ToolbarOption | undefined) {
-    this.selectedElementOption = JSON.stringify(option, null, 2);
-  }
-
-  enableDisableElement(): void {
-    this.elementOptionsDisabled = !this.elementOptionsDisabled;
-    this.elementToolbarOptions = this.elementToolbarOptions.map((option) => {
-      option.disabled = this.elementOptionsDisabled;
-      return option;
-    });
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { IconUtils } from '@laserfiche/lf-js-utils';
+import { ToolbarOption, LfToolbarComponent } from './../../../../ui-components/shared/lf-toolbar/lf-toolbar-public-api';
+import { CardComponent } from '../card/card.component';
+
+@Component({
+  selector: 'app-lf-toolbar-documentation',
+  templateUrl: './lf-toolbar-documentation.component.html',
+  styleUrls: ['./lf-toolbar-documentation.component.css', './../app.component.css'],
+  standalone: true,
+  imports: [CardComponent, LfToolbarComponent],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+})
+export class LfToolbarDocumentationComponent {
+  elementToolbarOptions: ToolbarOption[] = [
+    { name: 'Refresh', disabled: false, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
+    { name: 'New Folder', disabled: true, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
+    { name: 'Download', disabled: true, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
+    { name: 'Scan', disabled: true, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
+    { name: 'Rename', disabled: false, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
+    { name: 'Share', disabled: false, icon: IconUtils.getDocumentIconUrlFromIconId('document-20') },
+  ];
+  selectedElementOption?: string;
+
+  private elementOptionsDisabled: boolean = false;
+
+  constructor() {}
+
+  get enableDisableElementText(): string {
+    return this.elementOptionsDisabled ? 'Enable all options' : 'Disable all options';
+  }
+
+  onElementOptionSelected(option: ToolbarOption | undefined) {
+    this.selectedElementOption = JSON.stringify(option, null, 2);
+  }
+
+  enableDisableElement(): void {
+    this.elementOptionsDisabled = !this.elementOptionsDisabled;
+    this.elementToolbarOptions = this.elementToolbarOptions.map((option) => {
+      option.disabled = this.elementOptionsDisabled;
+      return option;
+    });
+  }
+}
diff --git a/projects/lf-documentation/src/app/lf-user-feedback-documentation/lf-user-feedback-documentation.component.html b/projects/lf-documentation/src/app/lf-user-feedback-documentation/lf-user-feedback-documentation.component.html
index 9e781f71..0541e778 100644
--- a/projects/lf-documentation/src/app/lf-user-feedback-documentation/lf-user-feedback-documentation.component.html
+++ b/projects/lf-documentation/src/app/lf-user-feedback-documentation/lf-user-feedback-documentation.component.html
@@ -1,100 +1,99 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<p class="documentation-title">
-    LfUserFeedback
-</p>
-
-<p class="documentation-text code-container">
-    <code>
-        <span class="code-html-tagname">&lt;lf-user-feedback </span>
-        <span class="code-html-attribute-name">hosting_module</span>
-        <span>=</span>
-        <span class="code-html-attribute-value">"testhostingmodule" </span>
-        <span class="code-html-attribute-name">hosting_context</span>
-        <span>=</span>
-        <span class="code-html-attribute-value">"testhostingcontext" </span>
-        <span class="code-html-attribute-name">user_id</span>
-        <span>=</span>
-        <span class="code-html-attribute-value">"testuserid" </span>
-        <span class="code-html-attribute-name">account_id</span>
-        <span>=</span>
-        <span class="code-html-attribute-value">"testaccountid" </span>
-        <span class="code-html-tagname">&gt;&lt;/lf-user-feedback&gt;</span>
-    </code>
-</p>
-
-With all inputs defined:
-<lf-user-feedback-component id="my-feedback-button" hosting_module="testhostingmodule" hosting_context="testhostingcontext"
-    user_id="testuserid" account_id="testaccountid"></lf-user-feedback-component>
-
-<br><br>
-With no user_id or account_id input:
-<lf-user-feedback-component id="my-feedback-button" hosting_module="testhostingmodule" hosting_context="testhostingcontext"
-    account_id="testaccountid"></lf-user-feedback-component>
-
-<p class="documentation-header">
-    Overview
-</p>
-<p class="documentation-text">
-    (Laserfiche Cloud only) Custom element that opens a dialog to ask for product feedback or suggestions. Feedback
-    and suggestions are automatically collected in Redshift upon clicking "Submit".
-</p>
-
-<p class="documentation-header">
-    Use Case
-</p>
-<p class="documentation-text">
-    The feedback button can be styled as a button or as an item in a dropdown. The element requires the name of the
-    hosting module, the account ID, and user ID. No other customization is needed.
-</p>
-
-<p class="documentation-header">
-    HTML Element
-</p>
-<table>
-    <tr>
-        <th>Attribute</th>
-        <th>Value</th>
-        <th>Description</th>
-    </tr>
-    <tr>
-        <td>hosting_module</td>
-        <td>string</td>
-        <td>Name of the product that the feedback is being given on. If your product already sends tracking events to
-            Redshift, use the same module name. This will be used to filter submissions by product.</td>
-    </tr>
-    <tr>
-        <td>hosting_context (optional)</td>
-        <td>string</td>
-        <td>Any additional context you want to include (to aid in interpretting the feedback and suggestions)</td>
-    </tr>
-    <tr>
-        <td>user_id</td>
-        <td>string</td>
-        <td>Cloud user ID</td>
-    </tr>
-    <tr>
-        <td>account_id</td>
-        <td>string</td>
-        <td>Cloud account ID</td>
-    </tr>
-</table>
-
-<p class="documentation-header">
-    Styling
-</p>
-<p class="documentation-text">
-    To style the button, use Javascript to find the button by ID:
-</p>
-<p class="code-container">
-    <code>
-        <span class="code-ts-import-item">var feedbackButton = document.getElementById('lf-user-feedback');</span>
-        <br>
-        <span class="code-ts-import-item">if (feedbackButton) &#123;</span>
-        <br>
-        <span class="code-ts-import-item">feedbackButton.style.color = 'red';</span>
-        <br>
-        <span class="code-ts-import-item">&#125;</span>
-    </code>
-</p>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<p class="documentation-title">LfUserFeedback</p>
+
+<p class="documentation-text code-container">
+  <code>
+    <span class="code-html-tagname">&lt;lf-user-feedback </span>
+    <span class="code-html-attribute-name">hosting_module</span>
+    <span>=</span>
+    <span class="code-html-attribute-value">"testhostingmodule" </span>
+    <span class="code-html-attribute-name">hosting_context</span>
+    <span>=</span>
+    <span class="code-html-attribute-value">"testhostingcontext" </span>
+    <span class="code-html-attribute-name">user_id</span>
+    <span>=</span>
+    <span class="code-html-attribute-value">"testuserid" </span>
+    <span class="code-html-attribute-name">account_id</span>
+    <span>=</span>
+    <span class="code-html-attribute-value">"testaccountid" </span>
+    <span class="code-html-tagname">&gt;&lt;/lf-user-feedback&gt;</span>
+  </code>
+</p>
+
+With all inputs defined:
+<lf-user-feedback-component
+  id="my-feedback-button"
+  hosting_module="testhostingmodule"
+  hosting_context="testhostingcontext"
+  user_id="testuserid"
+  account_id="testaccountid"
+></lf-user-feedback-component>
+
+<br /><br />
+With no user_id or account_id input:
+<lf-user-feedback-component
+  id="my-feedback-button"
+  hosting_module="testhostingmodule"
+  hosting_context="testhostingcontext"
+  account_id="testaccountid"
+></lf-user-feedback-component>
+
+<p class="documentation-header">Overview</p>
+<p class="documentation-text">
+  (Laserfiche Cloud only) Custom element that opens a dialog to ask for product feedback or suggestions. Feedback and
+  suggestions are automatically collected in Redshift upon clicking "Submit".
+</p>
+
+<p class="documentation-header">Use Case</p>
+<p class="documentation-text">
+  The feedback button can be styled as a button or as an item in a dropdown. The element requires the name of the
+  hosting module, the account ID, and user ID. No other customization is needed.
+</p>
+
+<p class="documentation-header">HTML Element</p>
+<table>
+  <tr>
+    <th>Attribute</th>
+    <th>Value</th>
+    <th>Description</th>
+  </tr>
+  <tr>
+    <td>hosting_module</td>
+    <td>string</td>
+    <td>
+      Name of the product that the feedback is being given on. If your product already sends tracking events to
+      Redshift, use the same module name. This will be used to filter submissions by product.
+    </td>
+  </tr>
+  <tr>
+    <td>hosting_context (optional)</td>
+    <td>string</td>
+    <td>Any additional context you want to include (to aid in interpretting the feedback and suggestions)</td>
+  </tr>
+  <tr>
+    <td>user_id</td>
+    <td>string</td>
+    <td>Cloud user ID</td>
+  </tr>
+  <tr>
+    <td>account_id</td>
+    <td>string</td>
+    <td>Cloud account ID</td>
+  </tr>
+</table>
+
+<p class="documentation-header">Styling</p>
+<p class="documentation-text">To style the button, use Javascript to find the button by ID:</p>
+<p class="code-container">
+  <code>
+    <span class="code-ts-import-item">var feedbackButton = document.getElementById('lf-user-feedback');</span>
+    <br />
+    <span class="code-ts-import-item">if (feedbackButton) &#123;</span>
+    <br />
+    <span class="code-ts-import-item">feedbackButton.style.color = 'red';</span>
+    <br />
+    <span class="code-ts-import-item">&#125;</span>
+  </code>
+</p>
diff --git a/projects/lf-documentation/src/app/lf-user-feedback-documentation/lf-user-feedback-documentation.component.spec.ts b/projects/lf-documentation/src/app/lf-user-feedback-documentation/lf-user-feedback-documentation.component.spec.ts
index d545c008..5452f55e 100644
--- a/projects/lf-documentation/src/app/lf-user-feedback-documentation/lf-user-feedback-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/lf-user-feedback-documentation/lf-user-feedback-documentation.component.spec.ts
@@ -1,29 +1,28 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { LfUserFeedbackDocumentationComponent } from './lf-user-feedback-documentation.component';
-
-describe('LfUserFeedbackDocumentationComponent', () => {
-  let component: LfUserFeedbackDocumentationComponent;
-  let fixture: ComponentFixture<LfUserFeedbackDocumentationComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [ LfUserFeedbackDocumentationComponent ],
-      schemas: [CUSTOM_ELEMENTS_SCHEMA]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(LfUserFeedbackDocumentationComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { LfUserFeedbackDocumentationComponent } from './lf-user-feedback-documentation.component';
+
+describe('LfUserFeedbackDocumentationComponent', () => {
+  let component: LfUserFeedbackDocumentationComponent;
+  let fixture: ComponentFixture<LfUserFeedbackDocumentationComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [LfUserFeedbackDocumentationComponent],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LfUserFeedbackDocumentationComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/lf-documentation/src/app/lf-user-feedback-documentation/lf-user-feedback-documentation.component.ts b/projects/lf-documentation/src/app/lf-user-feedback-documentation/lf-user-feedback-documentation.component.ts
index 99433183..b42923a9 100644
--- a/projects/lf-documentation/src/app/lf-user-feedback-documentation/lf-user-feedback-documentation.component.ts
+++ b/projects/lf-documentation/src/app/lf-user-feedback-documentation/lf-user-feedback-documentation.component.ts
@@ -1,17 +1,17 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { LfUserFeedbackComponent } from 'projects/ui-components/projects';
-
-@Component({
-  selector: 'app-lf-user-feedback-documentation',
-  templateUrl: './lf-user-feedback-documentation.component.html',
-  styleUrls: ['./lf-user-feedback-documentation.component.css', './../app.component.css'],
-  standalone: true,
-  imports: [LfUserFeedbackComponent],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class LfUserFeedbackDocumentationComponent {
-  constructor() {}
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { LfUserFeedbackComponent } from 'projects/ui-components/projects';
+
+@Component({
+  selector: 'app-lf-user-feedback-documentation',
+  templateUrl: './lf-user-feedback-documentation.component.html',
+  styleUrls: ['./lf-user-feedback-documentation.component.css', './../app.component.css'],
+  standalone: true,
+  imports: [LfUserFeedbackComponent],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+})
+export class LfUserFeedbackDocumentationComponent {
+  constructor() {}
+}
diff --git a/projects/lf-documentation/src/app/migrate-modules-to-standalone/migrate-modules-to-standalone.component.html b/projects/lf-documentation/src/app/migrate-modules-to-standalone/migrate-modules-to-standalone.component.html
index 871bfb86..5370a8d2 100644
--- a/projects/lf-documentation/src/app/migrate-modules-to-standalone/migrate-modules-to-standalone.component.html
+++ b/projects/lf-documentation/src/app/migrate-modules-to-standalone/migrate-modules-to-standalone.component.html
@@ -5,8 +5,8 @@
 
 <p class="documentation-text">
   Starting with the Angular 21 version, all Laserfiche UI Components are <b>standalone</b> and <b>zoneless</b>.
-  NgModules (e.g. <code>LfChecklistModule</code>, <code>LfRepositoryBrowserModule</code>) have been removed.
-  Components are now imported directly into other standalone components.
+  NgModules (e.g. <code>LfChecklistModule</code>, <code>LfRepositoryBrowserModule</code>) have been removed. Components
+  are now imported directly into other standalone components.
 </p>
 
 <div class="toc-container">
@@ -22,10 +22,14 @@
 
 <h2 id="overview">Overview of Changes</h2>
 <ul>
-  <li class="documentation-text"><b>No more NgModules:</b> <code>LfChecklistModule</code>, <code>LfLoginModule</code>,
-    <code>LfMetadataModule</code>, <code>LfUserFeedbackModule</code>, and <code>LfRepositoryBrowserModule</code> have been removed.</li>
-  <li class="documentation-text"><b>Standalone components:</b> Import components directly (e.g. <code>LfChecklistComponent</code>)
-    into your standalone component's <code>imports</code> array.</li>
+  <li class="documentation-text">
+    <b>No more NgModules:</b> <code>LfChecklistModule</code>, <code>LfLoginModule</code>, <code>LfMetadataModule</code>,
+    <code>LfUserFeedbackModule</code>, and <code>LfRepositoryBrowserModule</code> have been removed.
+  </li>
+  <li class="documentation-text">
+    <b>Standalone components:</b> Import components directly (e.g. <code>LfChecklistComponent</code>) into your
+    standalone component's <code>imports</code> array.
+  </li>
   <li class="documentation-text"><b>Zoneless:</b> Laserfiche components no longer depend on <code>zone.js</code>.</li>
 </ul>
 
@@ -45,7 +49,8 @@ <h2 id="step-by-step">Step-by-Step Migration</h2>
   <li class="num-list">
     <b>Make your components standalone.</b>
     <p class="documentation-text">
-      Add <code>standalone: true</code> to each component that uses Laserfiche UI Components (if not already standalone).
+      Add <code>standalone: true</code> to each component that uses Laserfiche UI Components (if not already
+      standalone).
     </p>
   </li>
   <li class="num-list">
@@ -162,8 +167,8 @@ <h2 id="zoneless">Going Zoneless</h2>
   </li>
 </ol>
 <p class="documentation-text">
-  Note: Going zoneless in your own app is optional. The Laserfiche UI Components work correctly
-  whether your app uses <code>zone.js</code> or not.
+  Note: Going zoneless in your own app is optional. The Laserfiche UI Components work correctly whether your app uses
+  <code>zone.js</code> or not.
 </p>
 
 <h2 id="before-after">Before &amp; After Examples</h2>
diff --git a/projects/lf-documentation/src/app/migrate-modules-to-standalone/migrate-modules-to-standalone.component.spec.ts b/projects/lf-documentation/src/app/migrate-modules-to-standalone/migrate-modules-to-standalone.component.spec.ts
index e8f900d9..6948bd53 100644
--- a/projects/lf-documentation/src/app/migrate-modules-to-standalone/migrate-modules-to-standalone.component.spec.ts
+++ b/projects/lf-documentation/src/app/migrate-modules-to-standalone/migrate-modules-to-standalone.component.spec.ts
@@ -11,9 +11,8 @@ describe('MigrateModulesToStandaloneComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [ MigrateModulesToStandaloneComponent ]
-    })
-    .compileComponents();
+      imports: [MigrateModulesToStandaloneComponent],
+    }).compileComponents();
   });
 
   beforeEach(() => {
diff --git a/projects/lf-documentation/src/app/migrate-modules-to-standalone/migrate-modules-to-standalone.component.ts b/projects/lf-documentation/src/app/migrate-modules-to-standalone/migrate-modules-to-standalone.component.ts
index 9597dc4e..c18f01bf 100644
--- a/projects/lf-documentation/src/app/migrate-modules-to-standalone/migrate-modules-to-standalone.component.ts
+++ b/projects/lf-documentation/src/app/migrate-modules-to-standalone/migrate-modules-to-standalone.component.ts
@@ -4,14 +4,12 @@
 import { Component } from '@angular/core';
 
 @Component({
-    selector: 'app-migrate-modules-to-standalone',
-    templateUrl: './migrate-modules-to-standalone.component.html',
-    styleUrls: ['./migrate-modules-to-standalone.component.css', './../app.component.css'],
-    standalone: true,
-    imports: []
+  selector: 'app-migrate-modules-to-standalone',
+  templateUrl: './migrate-modules-to-standalone.component.html',
+  styleUrls: ['./migrate-modules-to-standalone.component.css', './../app.component.css'],
+  standalone: true,
+  imports: [],
 })
 export class MigrateModulesToStandaloneComponent {
-
-  constructor() { }
-
+  constructor() {}
 }
diff --git a/projects/lf-documentation/src/app/overview/overview.component.css b/projects/lf-documentation/src/app/overview/overview.component.css
index cc6f2db1..d04a21eb 100644
--- a/projects/lf-documentation/src/app/overview/overview.component.css
+++ b/projects/lf-documentation/src/app/overview/overview.component.css
@@ -1,22 +1,22 @@
-.chrome-logo {
-    height: 70px;
-    width: 70px;
-    background: url("https://lfxstatic.com/Site/laserfiche-ui-components/2.0/chrome-logo.png");
-}
-.firefox-logo {
-    height: 75px;
-    width: 75px;
-    background: url("https://lfxstatic.com/Site/laserfiche-ui-components/2.0/firefox-logo.png");
-}
-.edge-logo {
-    height: 65px;
-    width: 65px;
-    background: url("https://lfxstatic.com/Site/laserfiche-ui-components/2.0/edge-logo.png");
-}
-
-.browser {
-    padding: 0px 20px 0px 0px;
-    background-repeat: no-repeat;
-    display: inline-block;
-    vertical-align: bottom;
-}
\ No newline at end of file
+.chrome-logo {
+  height: 70px;
+  width: 70px;
+  background: url("https://lfxstatic.com/Site/laserfiche-ui-components/2.0/chrome-logo.png");
+}
+.firefox-logo {
+  height: 75px;
+  width: 75px;
+  background: url("https://lfxstatic.com/Site/laserfiche-ui-components/2.0/firefox-logo.png");
+}
+.edge-logo {
+  height: 65px;
+  width: 65px;
+  background: url("https://lfxstatic.com/Site/laserfiche-ui-components/2.0/edge-logo.png");
+}
+
+.browser {
+  padding: 0px 20px 0px 0px;
+  background-repeat: no-repeat;
+  display: inline-block;
+  vertical-align: bottom;
+}
diff --git a/projects/lf-documentation/src/app/overview/overview.component.html b/projects/lf-documentation/src/app/overview/overview.component.html
index d4322b95..42e7dec8 100644
--- a/projects/lf-documentation/src/app/overview/overview.component.html
+++ b/projects/lf-documentation/src/app/overview/overview.component.html
@@ -1,48 +1,41 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<p class="documentation-title">
-    Laserfiche UI Components
-</p>
-
-<p class="documentation-text">
-    The Laserfiche UI Components project is a collection of reusable web components that are available as framework-agnostic
-    custom elements. The UI components include out-of-the-box Laserfiche experiences (e.g.
-    document view, search, and import) as well as lower-level base components (e.g. trees, fields, etc.).
-</p>
-
-<p class="documentation-text">
-    The Laserfiche UI Components makes it easy for you to integrate Laserfiche experiences into your application with minimal
-    code.
-</p>
-
-<app-card>
-    <div>
-        <lf-field-container-component #overviewField [collapsible]="true"></lf-field-container-component>
-    </div>
-</app-card>
-
-<p class="documentation-header">
-    Who should use the Laserfiche UI Components?
-</p>
-
-<p class="documentation-text">
-    The Laserfiche UI Components is intended for developers and integrators looking for an easy way to connect to Laserfiche
-    in their web applications.
-</p>
-
-<p class="documentation-header">
-    Supported browsers
-</p>
-
-<div title="chrome" class="browser chrome-logo"></div>
-<div title="firefox" class="browser firefox-logo"></div>
-<div title="edge" class="browser edge-logo"></div>
-
-<p class="documentation-header">
-    Feedback
-</p>
-
-<p class="documentation-text">
-    For questions and feature requests, feel free to contact us at <strong>e-eng-application-components&#64;laserfiche.com</strong>
-</p>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<p class="documentation-title">Laserfiche UI Components</p>
+
+<p class="documentation-text">
+  The Laserfiche UI Components project is a collection of reusable web components that are available as
+  framework-agnostic custom elements. The UI components include out-of-the-box Laserfiche experiences (e.g. document
+  view, search, and import) as well as lower-level base components (e.g. trees, fields, etc.).
+</p>
+
+<p class="documentation-text">
+  The Laserfiche UI Components makes it easy for you to integrate Laserfiche experiences into your application with
+  minimal code.
+</p>
+
+<app-card>
+  <div>
+    <lf-field-container-component #overviewField [collapsible]="true"></lf-field-container-component>
+  </div>
+</app-card>
+
+<p class="documentation-header">Who should use the Laserfiche UI Components?</p>
+
+<p class="documentation-text">
+  The Laserfiche UI Components is intended for developers and integrators looking for an easy way to connect to
+  Laserfiche in their web applications.
+</p>
+
+<p class="documentation-header">Supported browsers</p>
+
+<div title="chrome" class="browser chrome-logo"></div>
+<div title="firefox" class="browser firefox-logo"></div>
+<div title="edge" class="browser edge-logo"></div>
+
+<p class="documentation-header">Feedback</p>
+
+<p class="documentation-text">
+  For questions and feature requests, feel free to contact us at
+  <strong>e-eng-application-components&#64;laserfiche.com</strong>
+</p>
diff --git a/projects/lf-documentation/src/app/overview/overview.component.spec.ts b/projects/lf-documentation/src/app/overview/overview.component.spec.ts
index d311616c..ec76ee6e 100644
--- a/projects/lf-documentation/src/app/overview/overview.component.spec.ts
+++ b/projects/lf-documentation/src/app/overview/overview.component.spec.ts
@@ -1,32 +1,29 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { OverviewComponent } from './overview.component';
-
-describe('OverviewComponent', () => {
-  let component: OverviewComponent;
-  let fixture: ComponentFixture<OverviewComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [
-        OverviewComponent
-      ],
-      schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(OverviewComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { OverviewComponent } from './overview.component';
+
+describe('OverviewComponent', () => {
+  let component: OverviewComponent;
+  let fixture: ComponentFixture<OverviewComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [OverviewComponent],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(OverviewComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/lf-documentation/src/app/overview/overview.component.ts b/projects/lf-documentation/src/app/overview/overview.component.ts
index dd76a19e..92b52139 100644
--- a/projects/lf-documentation/src/app/overview/overview.component.ts
+++ b/projects/lf-documentation/src/app/overview/overview.component.ts
@@ -1,26 +1,26 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { AfterViewInit, Component, ViewChild, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { LfFieldContainerComponent } from './../../../../ui-components/lf-metadata/lf-metadata-public-api';
-import { LfFieldContainerDemoService } from '../lf-field-container-documentation/lf-field-container-demo.service';
-import { CardComponent } from '../card/card.component';
-
-@Component({
-  selector: 'app-overview',
-  templateUrl: './overview.component.html',
-  styleUrls: ['./overview.component.css', './../app.component.css'],
-  standalone: true,
-  imports: [CardComponent, LfFieldContainerComponent],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class OverviewComponent implements AfterViewInit {
-  @ViewChild('overviewField') elementFieldContainerRef!: LfFieldContainerComponent;
-
-  constructor() {}
-
-  async ngAfterViewInit() {
-    const elementService = new LfFieldContainerDemoService();
-    await this.elementFieldContainerRef?.initAsync(elementService, 1);
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { AfterViewInit, Component, ViewChild, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { LfFieldContainerComponent } from './../../../../ui-components/lf-metadata/lf-metadata-public-api';
+import { LfFieldContainerDemoService } from '../lf-field-container-documentation/lf-field-container-demo.service';
+import { CardComponent } from '../card/card.component';
+
+@Component({
+  selector: 'app-overview',
+  templateUrl: './overview.component.html',
+  styleUrls: ['./overview.component.css', './../app.component.css'],
+  standalone: true,
+  imports: [CardComponent, LfFieldContainerComponent],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+})
+export class OverviewComponent implements AfterViewInit {
+  @ViewChild('overviewField') elementFieldContainerRef!: LfFieldContainerComponent;
+
+  constructor() {}
+
+  async ngAfterViewInit() {
+    const elementService = new LfFieldContainerDemoService();
+    await this.elementFieldContainerRef?.initAsync(elementService, 1);
+  }
+}
diff --git a/projects/lf-documentation/src/app/styling-documentation/styling-documentation.component.css b/projects/lf-documentation/src/app/styling-documentation/styling-documentation.component.css
index 772a2e93..279ea49a 100644
--- a/projects/lf-documentation/src/app/styling-documentation/styling-documentation.component.css
+++ b/projects/lf-documentation/src/app/styling-documentation/styling-documentation.component.css
@@ -1,15 +1,14 @@
-.tab-content {
-    background-color: lightgrey;
-    overflow: auto;
-}
-  
-.lf-link {
-    background-color: #00866B;
-    color: #FAFAFA;
-}
-  
-.ms-link {
-    background-color: #0078d4;
-    color: white;
-}
-  
\ No newline at end of file
+.tab-content {
+  background-color: lightgrey;
+  overflow: auto;
+}
+
+.lf-link {
+  background-color: #00866b;
+  color: #fafafa;
+}
+
+.ms-link {
+  background-color: #0078d4;
+  color: white;
+}
diff --git a/projects/lf-documentation/src/app/styling-documentation/styling-documentation.component.html b/projects/lf-documentation/src/app/styling-documentation/styling-documentation.component.html
index 6100f724..b862bb48 100644
--- a/projects/lf-documentation/src/app/styling-documentation/styling-documentation.component.html
+++ b/projects/lf-documentation/src/app/styling-documentation/styling-documentation.component.html
@@ -1,181 +1,180 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<p class="documentation-title">
-    Styling Components
-</p>
-
-<p class="documentation-sub-header">
-    Links to Stylesheets:
-    <a href="./lf-laserfiche-lite.css" target="_blank">
-        <button class="lf-button lf-link">Laserfiche Styling</button></a>
-    <a href="./lf-ms-office-lite.css" target="_blank">
-        <button class="lf-button ms-link">Microsoft Office Styling</button></a>
-</p>
-
-<hr>
-
-<p class="documentation-sub-header">
-    Importing Stylesheets
-</p>
-
-<p class="documentation-text">
-    You can use the stylesheets in one of two ways:
-</p>
-<ol>
-    <li>A &lt;link&gt; element inside your &lt;head&gt; element in your <code>index.html</code> with the relevant url.
-        (Recommended)
-    <li>An import at the top of your <code>styles.css</code>, <code>styles.scss</code> file, or equivalent.
-</ol>
-<p class="documentation-text">
-    Once this is included, all RWC components will be styled.
-</p>
-
-<app-card>
-    Example Code: <br>
-    <button class="lf-button" (click)="showCode('index.html', 'import')">index.html</button>
-    <button class="lf-button" (click)="showCode('styles.css', 'import')">styles.css</button>
-    <div>
-        <div id="index.html" class="import tab-content" style="display: none;">
-            <code>&lt;link id="lf-stylesheet" href="https://lfxstatic.com/npm/&#64;laserfiche/lf-ui-components&#64;NPM_VERSION/cdn/lf-laserfiche-lite.css" rel="stylesheet" /&gt;</code>
-        </div>
-        <div id="styles.css" class="import tab-content" style="display: none;">
-            <code>&#64;import "https://lfxstatic.com/npm/&#64;laserfiche/lf-ui-components&#64;NPM_VERSION/cdn/lf-laserfiche-lite.css";</code>
-        </div>
-    </div>
-</app-card>
-
-<p class="documentation-sub-header">
-    Styling Non-components
-</p>
-
-<p class="documentation-text">
-    Once you have imported the stylesheet, you can also style simple elements that are not part of the components, for
-    example: buttons and text fields.
-    You do this by adding a class to the element. Some elements will also have subtypes/substyles which you will have to
-    specify. <br> <br>
-
-    The class names follow the convention: <br>
-    <b>Common Elements:</b> lf-element-name <br>
-    <b>Examples:</b> lf-button, lf-checkbox <br> <br>
-
-    <b>Element Subtypes:</b> subtype-element-name <br>
-    <b>Examples:</b> primary-button, sec-button <br>
-</p>
-
-<app-card>
-    <button class="lf-button" (click)="showCode('buttons', 'buttons')">Show HTML</button>
-    <div id="buttons" class="buttons tab-content" style="display: none;">
-        <pre><code>
-  &lt;button&gt;Unstyled&lt;/button&gt;
-  &lt;button class="lf-button primary-button"&gt;Primary&lt;/button&gt;
-  &lt;button class="lf-button sec-button"&gt;Secondary&lt;/button&gt;
-  &lt;button class="lf-button"&gt;No Subtype&lt;/button&gt;
-      </code></pre>
-    </div>
-
-    <hr>
-    <button>Unstyled</button>
-    <button class="lf-button primary-button">Primary</button>
-    <button class="lf-button sec-button">Secondary</button>
-    <button class="lf-button">No Subtype</button>
-</app-card>
-
-<app-card>
-    <button class="lf-button" (click)="showCode('text-field', 'text-field')">Show HTML</button>
-    <div id="text-field" class="text-field tab-content" style="display: none;">
-        <pre><code>
-  &lt;input value="Unstyled"&gt;
-  &lt;input class="lf-text-field" value="Styled"&gt;
-        </code></pre>
-    </div>
-
-    <hr>
-    <input value="Unstyled">
-    <input class="lf-text-field" value="Styled">
-</app-card>
-
-<p class="documentation-sub-header">
-    Dynamically Changing Styles/Themes
-</p>
-
-<p class="documentation-text">
-    This can only be done if you import the stylesheet in the index.html via a link element. Example implementations are
-    provided below (styling not included).
-</p>
-
-<app-card>
-    <div>
-        <button class="lf-button" (click)="showCode('html-buttons', 'theme-buttons')">View HTML</button>
-        <button class="lf-button" (click)="showCode('ts-buttons', 'theme-buttons')">View Typescript</button>
-        <div id="html-buttons" class="theme-buttons tab-content" style="display: none;">
-            <pre><code>
-  &lt;div&gt;
-    &lt;button (click)="setThemeLaserfiche()"&gt;Laserfiche&lt;/button&gt;
-    &lt;button (click)="setThemeMicrosoft()"&gt;Microsoft&lt;/button&gt;
-    &lt;button (click)="removeTheme()"&gt;No Theme&lt;/button&gt;
-  &lt;/div&gt;
-        </code></pre>
-        </div>
-        <div id="ts-buttons" class="theme-buttons tab-content" style="display: none;">
-            <pre><code>
-  setThemeLaserfiche() &#123;
-    const stylesheet = document.getElementById('lf-stylesheet');
-    stylesheet.setAttribute('href', 'https://lfxstatic.com/npm/&#64;laserfiche/lf-ui-components&#64;NPM_VERSION/cdn/lf-laserfiche-lite.css');
-  &#125;
-
-  setThemeMicrosoft() &#123;
-    const stylesheet = document.getElementById('lf-stylesheet');
-    stylesheet.setAttribute('href', 'https://lfxstatic.com/npm/&#64;laserfiche/lf-ui-components&#64;NPM_VERSION/cdn/lf-ms-office-lite.css');
-  &#125;
-
-  removeTheme() &#123;
-    const stylesheet = document.getElementById('lf-stylesheet');
-    stylesheet.setAttribute('href', '');
-  &#125;
-        </code></pre>
-        </div>
-    </div>
-    <hr>
-    <div>
-        <button class="lf-button lf-link" (click)="changeStylesheet('laserfiche')">Laserfiche</button>
-        <button class="lf-button ms-link" (click)="changeStylesheet('microsoft')">Microsoft</button>
-        <button class="lf-button" (click)="removeTheme()">No Theme</button>
-    </div>
-</app-card>
-
-<app-card>
-    <div>
-        <button class="lf-button" (click)="showCode('html-dropdown', 'themes-dropdown')">View HTML</button>
-        <button class="lf-button" (click)="showCode('ts-dropdown', 'themes-dropdown')">View Typescript</button>
-        <div id="html-dropdown" class="themes-dropdown tab-content" style="display: none;">
-            <pre><code>
-  &lt;select id="theme-selector" (change)="setTheme()"&gt;
-    &lt;option value="laserfiche"&gt;Laserfiche Theme&lt;/option&gt;
-    &lt;option value="microsoft"&gt;Microsoft Theme&lt;/option&gt;
-  &lt;/select&gt;
-        </code></pre>
-        </div>
-        <div id="ts-dropdown" class="themes-dropdown tab-content" style="display: none;">
-            <pre><code>
-  setTheme() &#123;
-    const selectElement = (&lt;HTMLSelectElement&gt;document.getElementById('theme-selector'));
-    const themeSelected = selectElement.options[selectElement.selectedIndex].value;
-    if (themeSelected === 'laserfiche') &#123;
-      this.setThemeLaserfiche();
-    &#125;
-    else if (themeSelected === 'microsoft') &#123;
-      this.setThemeMicrosoft();
-    &#125;
-  &#125;
-        </code></pre>
-        </div>
-    </div>
-    <hr>
-    <div>
-        <select id="theme-selector" (change)="setTheme('theme-selector')">
-            <option value="laserfiche">Laserfiche Theme</option>
-            <option value="microsoft">Microsoft Theme</option>
-        </select>
-    </div>
-</app-card>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<p class="documentation-title">Styling Components</p>
+
+<p class="documentation-sub-header">
+  Links to Stylesheets:
+  <a href="./lf-laserfiche-lite.css" target="_blank"> <button class="lf-button lf-link">Laserfiche Styling</button></a>
+  <a href="./lf-ms-office-lite.css" target="_blank">
+    <button class="lf-button ms-link">Microsoft Office Styling</button></a
+  >
+</p>
+
+<hr />
+
+<p class="documentation-sub-header">Importing Stylesheets</p>
+
+<p class="documentation-text">You can use the stylesheets in one of two ways:</p>
+<ol>
+  <li>
+    A &lt;link&gt; element inside your &lt;head&gt; element in your <code>index.html</code> with the relevant url.
+    (Recommended)
+  </li>
+
+  <li>An import at the top of your <code>styles.css</code>, <code>styles.scss</code> file, or equivalent.</li>
+</ol>
+<p class="documentation-text">Once this is included, all RWC components will be styled.</p>
+
+<app-card>
+  Example Code: <br />
+  <button class="lf-button" (click)="showCode('index.html', 'import')">index.html</button>
+  <button class="lf-button" (click)="showCode('styles.css', 'import')">styles.css</button>
+  <div>
+    <div id="index.html" class="import tab-content" style="display: none">
+      <code
+        >&lt;link id="lf-stylesheet"
+        href="https://lfxstatic.com/npm/&#64;laserfiche/lf-ui-components&#64;NPM_VERSION/cdn/lf-laserfiche-lite.css"
+        rel="stylesheet" /&gt;</code
+      >
+    </div>
+    <div id="styles.css" class="import tab-content" style="display: none">
+      <code
+        >&#64;import
+        "https://lfxstatic.com/npm/&#64;laserfiche/lf-ui-components&#64;NPM_VERSION/cdn/lf-laserfiche-lite.css";</code
+      >
+    </div>
+  </div>
+</app-card>
+
+<p class="documentation-sub-header">Styling Non-components</p>
+
+<p class="documentation-text">
+  Once you have imported the stylesheet, you can also style simple elements that are not part of the components, for
+  example: buttons and text fields. You do this by adding a class to the element. Some elements will also have
+  subtypes/substyles which you will have to specify. <br />
+  <br />
+
+  The class names follow the convention: <br />
+  <b>Common Elements:</b> lf-element-name <br />
+  <b>Examples:</b> lf-button, lf-checkbox <br />
+  <br />
+
+  <b>Element Subtypes:</b> subtype-element-name <br />
+  <b>Examples:</b> primary-button, sec-button <br />
+</p>
+
+<app-card>
+  <button class="lf-button" (click)="showCode('buttons', 'buttons')">Show HTML</button>
+  <div id="buttons" class="buttons tab-content" style="display: none">
+    <pre><code>
+  &lt;button&gt;Unstyled&lt;/button&gt;
+  &lt;button class="lf-button primary-button"&gt;Primary&lt;/button&gt;
+  &lt;button class="lf-button sec-button"&gt;Secondary&lt;/button&gt;
+  &lt;button class="lf-button"&gt;No Subtype&lt;/button&gt;
+      </code></pre>
+  </div>
+
+  <hr />
+  <button>Unstyled</button>
+  <button class="lf-button primary-button">Primary</button>
+  <button class="lf-button sec-button">Secondary</button>
+  <button class="lf-button">No Subtype</button>
+</app-card>
+
+<app-card>
+  <button class="lf-button" (click)="showCode('text-field', 'text-field')">Show HTML</button>
+  <div id="text-field" class="text-field tab-content" style="display: none">
+    <pre><code>
+  &lt;input value="Unstyled"&gt;
+  &lt;input class="lf-text-field" value="Styled"&gt;
+        </code></pre>
+  </div>
+
+  <hr />
+  <input value="Unstyled" />
+  <input class="lf-text-field" value="Styled" />
+</app-card>
+
+<p class="documentation-sub-header">Dynamically Changing Styles/Themes</p>
+
+<p class="documentation-text">
+  This can only be done if you import the stylesheet in the index.html via a link element. Example implementations are
+  provided below (styling not included).
+</p>
+
+<app-card>
+  <div>
+    <button class="lf-button" (click)="showCode('html-buttons', 'theme-buttons')">View HTML</button>
+    <button class="lf-button" (click)="showCode('ts-buttons', 'theme-buttons')">View Typescript</button>
+    <div id="html-buttons" class="theme-buttons tab-content" style="display: none">
+      <pre><code>
+  &lt;div&gt;
+    &lt;button (click)="setThemeLaserfiche()"&gt;Laserfiche&lt;/button&gt;
+    &lt;button (click)="setThemeMicrosoft()"&gt;Microsoft&lt;/button&gt;
+    &lt;button (click)="removeTheme()"&gt;No Theme&lt;/button&gt;
+  &lt;/div&gt;
+        </code></pre>
+    </div>
+    <div id="ts-buttons" class="theme-buttons tab-content" style="display: none">
+      <pre><code>
+  setThemeLaserfiche() &#123;
+    const stylesheet = document.getElementById('lf-stylesheet');
+    stylesheet.setAttribute('href', 'https://lfxstatic.com/npm/&#64;laserfiche/lf-ui-components&#64;NPM_VERSION/cdn/lf-laserfiche-lite.css');
+  &#125;
+
+  setThemeMicrosoft() &#123;
+    const stylesheet = document.getElementById('lf-stylesheet');
+    stylesheet.setAttribute('href', 'https://lfxstatic.com/npm/&#64;laserfiche/lf-ui-components&#64;NPM_VERSION/cdn/lf-ms-office-lite.css');
+  &#125;
+
+  removeTheme() &#123;
+    const stylesheet = document.getElementById('lf-stylesheet');
+    stylesheet.setAttribute('href', '');
+  &#125;
+        </code></pre>
+    </div>
+  </div>
+  <hr />
+  <div>
+    <button class="lf-button lf-link" (click)="changeStylesheet('laserfiche')">Laserfiche</button>
+    <button class="lf-button ms-link" (click)="changeStylesheet('microsoft')">Microsoft</button>
+    <button class="lf-button" (click)="removeTheme()">No Theme</button>
+  </div>
+</app-card>
+
+<app-card>
+  <div>
+    <button class="lf-button" (click)="showCode('html-dropdown', 'themes-dropdown')">View HTML</button>
+    <button class="lf-button" (click)="showCode('ts-dropdown', 'themes-dropdown')">View Typescript</button>
+    <div id="html-dropdown" class="themes-dropdown tab-content" style="display: none">
+      <pre><code>
+  &lt;select id="theme-selector" (change)="setTheme()"&gt;
+    &lt;option value="laserfiche"&gt;Laserfiche Theme&lt;/option&gt;
+    &lt;option value="microsoft"&gt;Microsoft Theme&lt;/option&gt;
+  &lt;/select&gt;
+        </code></pre>
+    </div>
+    <div id="ts-dropdown" class="themes-dropdown tab-content" style="display: none">
+      <pre><code>
+  setTheme() &#123;
+    const selectElement = (&lt;HTMLSelectElement&gt;document.getElementById('theme-selector'));
+    const themeSelected = selectElement.options[selectElement.selectedIndex].value;
+    if (themeSelected === 'laserfiche') &#123;
+      this.setThemeLaserfiche();
+    &#125;
+    else if (themeSelected === 'microsoft') &#123;
+      this.setThemeMicrosoft();
+    &#125;
+  &#125;
+        </code></pre>
+    </div>
+  </div>
+  <hr />
+  <div>
+    <select id="theme-selector" (change)="setTheme('theme-selector')">
+      <option value="laserfiche">Laserfiche Theme</option>
+      <option value="microsoft">Microsoft Theme</option>
+    </select>
+  </div>
+</app-card>
diff --git a/projects/lf-documentation/src/app/styling-documentation/styling-documentation.component.spec.ts b/projects/lf-documentation/src/app/styling-documentation/styling-documentation.component.spec.ts
index 7bdf837d..db3cff99 100644
--- a/projects/lf-documentation/src/app/styling-documentation/styling-documentation.component.spec.ts
+++ b/projects/lf-documentation/src/app/styling-documentation/styling-documentation.component.spec.ts
@@ -1,34 +1,29 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatCardModule } from '@angular/material/card';
-import { CardComponent } from '../card/card.component';
-
-import { StylingDocumentationComponent } from './styling-documentation.component';
-
-describe('StylingDocumentationComponent', () => {
-  let component: StylingDocumentationComponent;
-  let fixture: ComponentFixture<StylingDocumentationComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [
-        StylingDocumentationComponent,
-        CardComponent,
-        MatCardModule,
-      ],
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(StylingDocumentationComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatCardModule } from '@angular/material/card';
+import { CardComponent } from '../card/card.component';
+
+import { StylingDocumentationComponent } from './styling-documentation.component';
+
+describe('StylingDocumentationComponent', () => {
+  let component: StylingDocumentationComponent;
+  let fixture: ComponentFixture<StylingDocumentationComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [StylingDocumentationComponent, CardComponent, MatCardModule],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(StylingDocumentationComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/lf-documentation/src/app/styling-documentation/styling-documentation.component.ts b/projects/lf-documentation/src/app/styling-documentation/styling-documentation.component.ts
index 111a3254..af958880 100644
--- a/projects/lf-documentation/src/app/styling-documentation/styling-documentation.component.ts
+++ b/projects/lf-documentation/src/app/styling-documentation/styling-documentation.component.ts
@@ -1,52 +1,49 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component, inject } from '@angular/core';
-import { ThemeService } from '../theme.service';
-import { CardComponent } from '../card/card.component';
-
-@Component({
-    selector: 'app-styling-documentation',
-    templateUrl: './styling-documentation.component.html',
-    styleUrls: ['./styling-documentation.component.css', './../app.component.css'],
-    standalone: true,
-    imports: [CardComponent]
-})
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component, inject } from '@angular/core';
+import { ThemeService } from '../theme.service';
+import { CardComponent } from '../card/card.component';
+
+@Component({
+  selector: 'app-styling-documentation',
+  templateUrl: './styling-documentation.component.html',
+  styleUrls: ['./styling-documentation.component.css', './../app.component.css'],
+  standalone: true,
+  imports: [CardComponent],
+})
 export class StylingDocumentationComponent {
   private themeService = inject(ThemeService);
-
-
-  showCode(divID: string, tabGroup: string): void {
-    const divElement = document.getElementById(divID);
-    if (!divElement) {
-      console.warn(`showCode: ${divID} not found`);
-      return;
-    }
-
-    if (divElement.style.display === 'none') {
-      const tabContent = Array.from(document.getElementsByClassName(tabGroup) as HTMLCollectionOf<HTMLElement>);
-      for (const tab of tabContent) {
-        tab.style.display = 'none';
-      }
-      divElement.style.display = 'block';
-    }
-    else {
-      divElement.style.display = 'none';
-    }
-  }
-
-  setTheme(selectClassName: string): void {
-    const selectElement = document.getElementById(selectClassName) as HTMLSelectElement;
-    const themeSelected = selectElement.options[selectElement.selectedIndex].value;
-    this.changeStylesheet(themeSelected);
-  }
-
-  changeStylesheet(stylesheetName: string): void {
-    this.themeService.changeStylesheet(stylesheetName);
-  }
-
-  removeTheme(): void {
-    this.themeService.removeTheme();
-  }
-
-}
+
+  showCode(divID: string, tabGroup: string): void {
+    const divElement = document.getElementById(divID);
+    if (!divElement) {
+      console.warn(`showCode: ${divID} not found`);
+      return;
+    }
+
+    if (divElement.style.display === 'none') {
+      const tabContent = Array.from(document.getElementsByClassName(tabGroup) as HTMLCollectionOf<HTMLElement>);
+      for (const tab of tabContent) {
+        tab.style.display = 'none';
+      }
+      divElement.style.display = 'block';
+    } else {
+      divElement.style.display = 'none';
+    }
+  }
+
+  setTheme(selectClassName: string): void {
+    const selectElement = document.getElementById(selectClassName) as HTMLSelectElement;
+    const themeSelected = selectElement.options[selectElement.selectedIndex].value;
+    this.changeStylesheet(themeSelected);
+  }
+
+  changeStylesheet(stylesheetName: string): void {
+    this.themeService.changeStylesheet(stylesheetName);
+  }
+
+  removeTheme(): void {
+    this.themeService.removeTheme();
+  }
+}
diff --git a/projects/lf-documentation/src/app/theme.service.spec.ts b/projects/lf-documentation/src/app/theme.service.spec.ts
index c94134cc..608d59e1 100644
--- a/projects/lf-documentation/src/app/theme.service.spec.ts
+++ b/projects/lf-documentation/src/app/theme.service.spec.ts
@@ -1,19 +1,19 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { TestBed } from '@angular/core/testing';
-
-import { ThemeService } from './theme.service';
-
-describe('ThemeService', () => {
-  let service: ThemeService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(ThemeService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { TestBed } from '@angular/core/testing';
+
+import { ThemeService } from './theme.service';
+
+describe('ThemeService', () => {
+  let service: ThemeService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(ThemeService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});
diff --git a/projects/lf-documentation/src/app/theme.service.ts b/projects/lf-documentation/src/app/theme.service.ts
index 6ec8bd23..cdf305c4 100644
--- a/projects/lf-documentation/src/app/theme.service.ts
+++ b/projects/lf-documentation/src/app/theme.service.ts
@@ -1,30 +1,28 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Injectable } from '@angular/core';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class ThemeService {
-
-  constructor() { }
-
-  changeStylesheet(stylesheetName: string) {
-    if (stylesheetName === 'laserfiche') {
-      this.setStyleHref(`./lf-laserfiche-lite.css`);
-    }
-    else if (stylesheetName === 'microsoft') {
-      this.setStyleHref(`./lf-ms-office-lite.css`);
-    }
-  }
-
-  removeTheme() {
-    this.setStyleHref('');
-  }
-
-  private setStyleHref(url: string) {
-    const stylesheet = document.getElementById('lf-stylesheet');
-    stylesheet?.setAttribute('href', url);
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ThemeService {
+  constructor() {}
+
+  changeStylesheet(stylesheetName: string) {
+    if (stylesheetName === 'laserfiche') {
+      this.setStyleHref(`./lf-laserfiche-lite.css`);
+    } else if (stylesheetName === 'microsoft') {
+      this.setStyleHref(`./lf-ms-office-lite.css`);
+    }
+  }
+
+  removeTheme() {
+    this.setStyleHref('');
+  }
+
+  private setStyleHref(url: string) {
+    const stylesheet = document.getElementById('lf-stylesheet');
+    stylesheet?.setAttribute('href', url);
+  }
+}
diff --git a/projects/lf-documentation/src/app/troubleshooting/troubleshooting.component.css b/projects/lf-documentation/src/app/troubleshooting/troubleshooting.component.css
index 54ebc887..d265418b 100644
--- a/projects/lf-documentation/src/app/troubleshooting/troubleshooting.component.css
+++ b/projects/lf-documentation/src/app/troubleshooting/troubleshooting.component.css
@@ -1,7 +1,7 @@
-.level-1-indent {
-    margin-left: 25px;
-}
-
-.level-2-indent {
-    margin-left: 50px;
-}
+.level-1-indent {
+  margin-left: 25px;
+}
+
+.level-2-indent {
+  margin-left: 50px;
+}
diff --git a/projects/lf-documentation/src/app/troubleshooting/troubleshooting.component.html b/projects/lf-documentation/src/app/troubleshooting/troubleshooting.component.html
index ed0b5f9d..90bd05c0 100644
--- a/projects/lf-documentation/src/app/troubleshooting/troubleshooting.component.html
+++ b/projects/lf-documentation/src/app/troubleshooting/troubleshooting.component.html
@@ -1,133 +1,133 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<p class="documentation-title">Troubleshooting</p>
-
-<p class="documentation-sub-header">Why does the element disappear?</p>
-
-<p></p>
-<ul>
-  <li>
-    The combination of &lt;ng-content&gt; and ngIf is not recommended by
-    <a href="https://angular.io/guide/content-projection#conditional-content-projection">Angular</a>, and can sometimes
-    make element disappears in the DOM. Try using [hidden] instead of ngIf.
-  </li>
-  <li>
-    Make sure the element initialization happens after ngAfterViewInit. This is to make sure that the initialization
-    happens after Angular fully initialized a component's view, which includes the custom element
-  </li>
-</ul>
-<br />
-
-<p class="documentation-sub-header">Why is the component not showing up when in a css/html modal?</p>
-
-<p></p>
-<ul>
-  <li>
-    If you are putting our components in another modal with a z-index > 999, there is a chance some of the functionality
-    won't work properly.
-  </li>
-  <li>
-    In order to increase the z-index for our components you can add the following css. This will affect all material
-    dialogs, including yours if you are using Angular Material.
-    <p class="documentation-text code-container">
-      <code>
-        .cdk-overlay-container, .cdk-overlay-pane &#123;
-        <div class="level-1-indent">z-index: 9999;</div>
-        &#125;
-      </code>
-    </p>
-  </li>
-</ul>
-
-<br />
-<p class="documentation-sub-header">
-  To write unit tests with elements from CDN, you will need to import the scripts in karma.conf.js:
-</p>
-<p class="documentation-text code-container">
-  <code>
-    module.exports = function (config) &#123;
-    <div class="level-1-indent">config.set(&#123;</div>
-    <div class="level-2-indent">
-      ... files: ["https://lfxstatic.com/Site/laserfiche-ui-components/latest/laserfiche-ui-components.js"]
-    </div>
-    <div class="level-1-indent">&#125;);</div>
-    &#125;;
-  </code>
-</p>
-<br />
-<p class="documentation-sub-header">Using the components within a mat-menu Angular Material component.</p>
-
-<ul>
-  <li>
-    You must use ng-template within the mat-menu or the element will disappear (or the attributes will not be preserved)
-    when it is opened more than once.
-  </li>
-  <li>You can use a nested list within the mat-menu as long as it is within the ng-template</li>
-</ul>
-
-<p class="documentation-text code-container">
-  <code>
-    <span class="code-html-tagname">&lt;button </span>
-    <span class="code-html-attribute-name">[matMenuTriggerFor]</span>
-    <span>=</span>
-    <span class="code-html-attribute-value">"testMenu"</span>
-    <span class="code-html-tagname">&gt;</span>
-    Test mat-menu
-    <span class="code-html-tagname">&lt;/button&gt;</span>
-
-    <div>
-      <span class="code-html-tagname">&lt;mat-menu </span>
-      <span class="code-html-attribute-name">#testMenu</span>
-      <span>=</span>
-      <span class="code-html-attribute-value">"matMenu" </span>
-      <span class="code-html-tagname">&gt;</span>
-    </div>
-
-    <div class="level-1-indent">
-      <span class="code-html-tagname">&lt;ng-template </span>
-      <span class="code-html-attribute-name">matMenuContent</span>
-      <span class="code-html-tagname">&gt;</span>
-    </div>
-    <div class="level-2-indent">
-      <span class="code-html-tagname">&lt;lf-user-feedback </span>
-      <span class="code-html-attribute-name">hosting_module</span>
-      <span>=</span>
-      <span class="code-html-attribute-value">"testhostingmodule" </span>
-      <span class="code-html-attribute-name">hosting_context</span>
-      <span>=</span>
-      <span class="code-html-attribute-value">"testhostingcontext" </span>
-      <span class="code-html-attribute-name">user_id</span>
-      <span>=</span>
-      <span class="code-html-attribute-value">"testuserid" </span>
-      <span class="code-html-attribute-name">account_id</span>
-      <span>=</span>
-      <span class="code-html-attribute-value">"testaccountid" </span>
-      <span class="code-html-tagname">&gt;&lt;/lf-user-feedback&gt;</span>
-    </div>
-    <div class="level-1-indent">
-      <span class="code-html-tagname">&lt;/ng-template&gt;</span>
-    </div>
-    <div>
-      <span class="code-html-tagname">&lt;/mat-menu&gt;</span>
-    </div>
-  </code>
-</p>
-
-<app-card>
-  <button [matMenuTriggerFor]="testMenu">Test Mat Menu</button>
-  <mat-menu #testMenu="matMenu">
-    <ng-template matMenuContent>
-      <lf-user-feedback-component
-        mat-menu-item
-        role="menuitem"
-        id="my-feedback-button"
-        hosting_module="testhostingmodule"
-        hosting_context="testhostingcontext"
-        [user_id]="testuserid"
-        [account_id]="testaccountid"
-      >
-      </lf-user-feedback-component>
-    </ng-template>
-  </mat-menu>
-</app-card>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<p class="documentation-title">Troubleshooting</p>
+
+<p class="documentation-sub-header">Why does the element disappear?</p>
+
+<p></p>
+<ul>
+  <li>
+    The combination of &lt;ng-content&gt; and ngIf is not recommended by
+    <a href="https://angular.io/guide/content-projection#conditional-content-projection">Angular</a>, and can sometimes
+    make element disappears in the DOM. Try using [hidden] instead of ngIf.
+  </li>
+  <li>
+    Make sure the element initialization happens after ngAfterViewInit. This is to make sure that the initialization
+    happens after Angular fully initialized a component's view, which includes the custom element
+  </li>
+</ul>
+<br />
+
+<p class="documentation-sub-header">Why is the component not showing up when in a css/html modal?</p>
+
+<p></p>
+<ul>
+  <li>
+    If you are putting our components in another modal with a z-index > 999, there is a chance some of the functionality
+    won't work properly.
+  </li>
+  <li>
+    In order to increase the z-index for our components you can add the following css. This will affect all material
+    dialogs, including yours if you are using Angular Material.
+    <p class="documentation-text code-container">
+      <code>
+        .cdk-overlay-container, .cdk-overlay-pane &#123;
+        <div class="level-1-indent">z-index: 9999;</div>
+        &#125;
+      </code>
+    </p>
+  </li>
+</ul>
+
+<br />
+<p class="documentation-sub-header">
+  To write unit tests with elements from CDN, you will need to import the scripts in karma.conf.js:
+</p>
+<p class="documentation-text code-container">
+  <code>
+    module.exports = function (config) &#123;
+    <div class="level-1-indent">config.set(&#123;</div>
+    <div class="level-2-indent">
+      ... files: ["https://lfxstatic.com/Site/laserfiche-ui-components/latest/laserfiche-ui-components.js"]
+    </div>
+    <div class="level-1-indent">&#125;);</div>
+    &#125;;
+  </code>
+</p>
+<br />
+<p class="documentation-sub-header">Using the components within a mat-menu Angular Material component.</p>
+
+<ul>
+  <li>
+    You must use ng-template within the mat-menu or the element will disappear (or the attributes will not be preserved)
+    when it is opened more than once.
+  </li>
+  <li>You can use a nested list within the mat-menu as long as it is within the ng-template</li>
+</ul>
+
+<p class="documentation-text code-container">
+  <code>
+    <span class="code-html-tagname">&lt;button </span>
+    <span class="code-html-attribute-name">[matMenuTriggerFor]</span>
+    <span>=</span>
+    <span class="code-html-attribute-value">"testMenu"</span>
+    <span class="code-html-tagname">&gt;</span>
+    Test mat-menu
+    <span class="code-html-tagname">&lt;/button&gt;</span>
+
+    <div>
+      <span class="code-html-tagname">&lt;mat-menu </span>
+      <span class="code-html-attribute-name">#testMenu</span>
+      <span>=</span>
+      <span class="code-html-attribute-value">"matMenu" </span>
+      <span class="code-html-tagname">&gt;</span>
+    </div>
+
+    <div class="level-1-indent">
+      <span class="code-html-tagname">&lt;ng-template </span>
+      <span class="code-html-attribute-name">matMenuContent</span>
+      <span class="code-html-tagname">&gt;</span>
+    </div>
+    <div class="level-2-indent">
+      <span class="code-html-tagname">&lt;lf-user-feedback </span>
+      <span class="code-html-attribute-name">hosting_module</span>
+      <span>=</span>
+      <span class="code-html-attribute-value">"testhostingmodule" </span>
+      <span class="code-html-attribute-name">hosting_context</span>
+      <span>=</span>
+      <span class="code-html-attribute-value">"testhostingcontext" </span>
+      <span class="code-html-attribute-name">user_id</span>
+      <span>=</span>
+      <span class="code-html-attribute-value">"testuserid" </span>
+      <span class="code-html-attribute-name">account_id</span>
+      <span>=</span>
+      <span class="code-html-attribute-value">"testaccountid" </span>
+      <span class="code-html-tagname">&gt;&lt;/lf-user-feedback&gt;</span>
+    </div>
+    <div class="level-1-indent">
+      <span class="code-html-tagname">&lt;/ng-template&gt;</span>
+    </div>
+    <div>
+      <span class="code-html-tagname">&lt;/mat-menu&gt;</span>
+    </div>
+  </code>
+</p>
+
+<app-card>
+  <button [matMenuTriggerFor]="testMenu">Test Mat Menu</button>
+  <mat-menu #testMenu="matMenu">
+    <ng-template matMenuContent>
+      <lf-user-feedback-component
+        mat-menu-item
+        role="menuitem"
+        id="my-feedback-button"
+        hosting_module="testhostingmodule"
+        hosting_context="testhostingcontext"
+        [user_id]="testuserid"
+        [account_id]="testaccountid"
+      >
+      </lf-user-feedback-component>
+    </ng-template>
+  </mat-menu>
+</app-card>
diff --git a/projects/lf-documentation/src/app/troubleshooting/troubleshooting.component.spec.ts b/projects/lf-documentation/src/app/troubleshooting/troubleshooting.component.spec.ts
index 5ab4340c..99c0f4f1 100644
--- a/projects/lf-documentation/src/app/troubleshooting/troubleshooting.component.spec.ts
+++ b/projects/lf-documentation/src/app/troubleshooting/troubleshooting.component.spec.ts
@@ -1,30 +1,29 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatMenuModule } from '@angular/material/menu';
-import { CardComponent } from '../card/card.component';
-
-import { TroubleshootingComponent } from './troubleshooting.component';
-
-describe('TroubleshootingComponent', () => {
-  let component: TroubleshootingComponent;
-  let fixture: ComponentFixture<TroubleshootingComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [ TroubleshootingComponent, CardComponent, MatMenuModule ],
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(TroubleshootingComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatMenuModule } from '@angular/material/menu';
+import { CardComponent } from '../card/card.component';
+
+import { TroubleshootingComponent } from './troubleshooting.component';
+
+describe('TroubleshootingComponent', () => {
+  let component: TroubleshootingComponent;
+  let fixture: ComponentFixture<TroubleshootingComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [TroubleshootingComponent, CardComponent, MatMenuModule],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(TroubleshootingComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/lf-documentation/src/app/troubleshooting/troubleshooting.component.ts b/projects/lf-documentation/src/app/troubleshooting/troubleshooting.component.ts
index a450d725..1c1d64bc 100644
--- a/projects/lf-documentation/src/app/troubleshooting/troubleshooting.component.ts
+++ b/projects/lf-documentation/src/app/troubleshooting/troubleshooting.component.ts
@@ -1,22 +1,22 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { CardComponent } from '../card/card.component';
-import { MatMenuModule } from '@angular/material/menu';
-import { LfUserFeedbackComponent } from '../../../../ui-components/projects';
-
-@Component({
-  selector: 'app-troubleshooting',
-  templateUrl: './troubleshooting.component.html',
-  styleUrls: ['./troubleshooting.component.css', './../app.component.css'],
-  standalone: true,
-  imports: [CardComponent, MatMenuModule, LfUserFeedbackComponent],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class TroubleshootingComponent {
-  testuserid: string = 'test-user-id';
-  testaccountid: string = 'test-account-id';
-
-  constructor() {}
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { CardComponent } from '../card/card.component';
+import { MatMenuModule } from '@angular/material/menu';
+import { LfUserFeedbackComponent } from '../../../../ui-components/projects';
+
+@Component({
+  selector: 'app-troubleshooting',
+  templateUrl: './troubleshooting.component.html',
+  styleUrls: ['./troubleshooting.component.css', './../app.component.css'],
+  standalone: true,
+  imports: [CardComponent, MatMenuModule, LfUserFeedbackComponent],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+})
+export class TroubleshootingComponent {
+  testuserid: string = 'test-user-id';
+  testaccountid: string = 'test-account-id';
+
+  constructor() {}
+}
diff --git a/projects/lf-documentation/src/environments/environment.prod.ts b/projects/lf-documentation/src/environments/environment.prod.ts
index 67aaf48a..3f8768a1 100644
--- a/projects/lf-documentation/src/environments/environment.prod.ts
+++ b/projects/lf-documentation/src/environments/environment.prod.ts
@@ -1,6 +1,6 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-export const environment = {
-  production: true
-};
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+export const environment = {
+  production: true,
+};
diff --git a/projects/lf-documentation/src/environments/environment.ts b/projects/lf-documentation/src/environments/environment.ts
index 414bba30..3b7e0cda 100644
--- a/projects/lf-documentation/src/environments/environment.ts
+++ b/projects/lf-documentation/src/environments/environment.ts
@@ -1,10 +1,10 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-// This file can be replaced during build by using the `fileReplacements` array.
-// `ng build` replaces `environment.ts` with `environment.prod.ts`.
-// The list of file replacements can be found in `angular.json`.
-
-export const environment = {
-  production: false
-};
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+  production: false,
+};
diff --git a/projects/lf-documentation/src/index.html b/projects/lf-documentation/src/index.html
index 6d0d6bb1..aae9429c 100644
--- a/projects/lf-documentation/src/index.html
+++ b/projects/lf-documentation/src/index.html
@@ -1,25 +1,23 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="utf-8" />
-  <title>LfDocumentation</title>
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <link rel="icon" type="image/x-icon" href="favicon.ico" />
-  <link href="https://fonts.googleapis.com/icon?family=Material+Icons&display=block" rel="stylesheet">
-
-</head>
-<body>
-  <div class="documentation-content">
-    <app-root-lf-documentation></app-root-lf-documentation>
-  </div>
-  <span class="spacer"></span>
-  <div class="build-number">
-    <p>PIPELINE_VERSION</p>
-  </div>
-  <span class="spacer"></span>
-</body>
-</html>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>LfDocumentation</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons&display=block" rel="stylesheet" />
+  </head>
+  <body>
+    <div class="documentation-content">
+      <app-root-lf-documentation></app-root-lf-documentation>
+    </div>
+    <span class="spacer"></span>
+    <div class="build-number">
+      <p>PIPELINE_VERSION</p>
+    </div>
+    <span class="spacer"></span>
+  </body>
+</html>
diff --git a/projects/lf-documentation/src/main.ts b/projects/lf-documentation/src/main.ts
index 734e823f..6f999499 100644
--- a/projects/lf-documentation/src/main.ts
+++ b/projects/lf-documentation/src/main.ts
@@ -1,23 +1,22 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { enableProdMode } from '@angular/core';
-import { bootstrapApplication } from '@angular/platform-browser';
-
-import { AppComponent } from './app/app.component';
-import { appConfig } from './app/app.config';
-import { environment } from './environments/environment';
-
-const link = document.createElement('link');
-link.rel = "stylesheet";
-link.id = "lf-stylesheet";
-link.href = "./lf-laserfiche-lite.css";
-
-document.head.appendChild(link);
-
-if (environment.production) {
-  enableProdMode();
-}
-
-bootstrapApplication(AppComponent, appConfig)
-  .catch(err => console.error(err));
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { enableProdMode } from '@angular/core';
+import { bootstrapApplication } from '@angular/platform-browser';
+
+import { AppComponent } from './app/app.component';
+import { appConfig } from './app/app.config';
+import { environment } from './environments/environment';
+
+const link = document.createElement('link');
+link.rel = 'stylesheet';
+link.id = 'lf-stylesheet';
+link.href = './lf-laserfiche-lite.css';
+
+document.head.appendChild(link);
+
+if (environment.production) {
+  enableProdMode();
+}
+
+bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err));
diff --git a/projects/lf-documentation/src/polyfills.ts b/projects/lf-documentation/src/polyfills.ts
index c63f6969..62676fbe 100644
--- a/projects/lf-documentation/src/polyfills.ts
+++ b/projects/lf-documentation/src/polyfills.ts
@@ -1,21 +1,21 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-/**
- * This file includes polyfills needed by Angular and is loaded before the app.
- * You can add your own extra polyfills to this file.
- *
- * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
- * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
- * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
- *
- * Learn more in https://angular.io/guide/browser-support
- */
-
-/***************************************************************************************************
- * BROWSER POLYFILLS
- */
-
-/***************************************************************************************************
- * APPLICATION IMPORTS
- */
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+/**
+ * This file includes polyfills needed by Angular and is loaded before the app.
+ * You can add your own extra polyfills to this file.
+ *
+ * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
+ * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
+ * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
+ *
+ * Learn more in https://angular.io/guide/browser-support
+ */
+
+/***************************************************************************************************
+ * BROWSER POLYFILLS
+ */
+
+/***************************************************************************************************
+ * APPLICATION IMPORTS
+ */
diff --git a/projects/lf-documentation/src/styles.css b/projects/lf-documentation/src/styles.css
index 36935288..dbbfe2b5 100644
--- a/projects/lf-documentation/src/styles.css
+++ b/projects/lf-documentation/src/styles.css
@@ -11,7 +11,7 @@ body {
 }
 .material-icons {
   /* Support for IE */
-  font-feature-settings: 'liga';
+  font-feature-settings: "liga";
 }
 
 .output {
@@ -29,7 +29,7 @@ body {
   font-size: 12px;
   color: black;
   z-index: 2;
-  font-family: 'Open Sans', sans-serif;
+  font-family: "Open Sans", sans-serif;
   background-color: rgba(0, 0, 0, 0.03);
 }
 
diff --git a/projects/lf-documentation/tsconfig.app.json b/projects/lf-documentation/tsconfig.app.json
index 221d2b65..6b2ecbe0 100644
--- a/projects/lf-documentation/tsconfig.app.json
+++ b/projects/lf-documentation/tsconfig.app.json
@@ -5,14 +5,7 @@
     "outDir": "../../out-tsc/app",
     "types": []
   },
-  "files": [
-    "src/main.ts",
-    "src/polyfills.ts"
-  ],
-  "include": [
-    "src/**/*.ts"
-  ],
-  "exclude": [
-    "src/**/*.spec.ts"
-  ]
+  "files": ["src/main.ts", "src/polyfills.ts"],
+  "include": ["src/**/*.ts"],
+  "exclude": ["src/**/*.spec.ts"]
 }
diff --git a/projects/lf-documentation/tsconfig.spec.json b/projects/lf-documentation/tsconfig.spec.json
index 7c1a966b..0d494ceb 100644
--- a/projects/lf-documentation/tsconfig.spec.json
+++ b/projects/lf-documentation/tsconfig.spec.json
@@ -4,12 +4,7 @@
   "compilerOptions": {
     "outDir": "../../out-tsc/spec",
     "skipLibCheck": true,
-    "types": [
-      "vitest/globals"
-    ]
+    "types": ["vitest/globals"]
   },
-  "include": [
-    "src/**/*.spec.ts",
-    "src/**/*.d.ts"
-  ]
+  "include": ["src/**/*.spec.ts", "src/**/*.d.ts"]
 }
diff --git a/projects/styles/archive/_button-template.scss b/projects/styles/archive/_button-template.scss
index 3cd41017..c92d4a0f 100644
--- a/projects/styles/archive/_button-template.scss
+++ b/projects/styles/archive/_button-template.scss
@@ -1,137 +1,130 @@
-@font-face {
-  font-family: CustomFont;
-  src: url(assets/CustomFont.ttf);
-}
-
-/* Button Dimensions */
-$height: 30px;
-$min-width: 78px;
-$border-radius: 3px;
-
-$margin-left: 5px;
-$margin-right: 5px;
-
-$padding: 0px 12px;
-
-$border-width: 2px;
-$border-stack: $border-width solid;
-
-/* Typography Specs */
-$font-weight: 600;
-$font-size: 14px;
-$font-stack: $font-weight $font-size "CustomFont";
-
-/* Primary Button */
-$primary-color: #00866B;
-$primary-border-color: white;
-$prim-font-color: #FAFAFA;
-
-$primary-disabled-color: #ABD7CE;
-$primary-disabled-border-color: white;
-$primary-disabled-font-color: white;
-
-$primary-hover-color: white;
-$primary-hover-border-color: #005342;
-
-/* Secondary Button */
-$sec-color: #00866B;
-$sec-border-color: white;
-$sec-font-color: #FAFAFA;
-
-$sec-disabled-color: #ABD7CE;
-$sec-disabled-border-color: white;
-$sec-disabled-font-color: white;
-
-$sec-hover-color: white;
-$sec-hover-border-color: #005342;
-
-/* Tertiary Button */
-$tert-color: #00866B;
-$tert-border-color: white;
-$tert-font-color: #FAFAFA;
-
-$tert-disabled-color: #ABD7CE;
-$tert-disabled-border-color: white;
-$tert-disabled-font-color: white;
-
-$tert-hover-color: white;
-$tert-hover-border-color: #005342;
-
-
-
-
-
-button.lf-button {
-  font: $font-stack;
-  height: $height;
-  min-width: $min-width;
-  border-radius: $border-radius;
-
-  margin-left: $margin-left;
-  margin-right: $margin-right;
-
-  padding: $padding;
-
-  /* Possible to use calculations to do height - 2*border-width*/
-  line-height: $height - 2 * $border-width;
-
-  border: $border-stack;
-
-  transition-duration: 0.4s;
-  cursor: pointer;
-
-  &:disabled {
-    cursor: default;
-  }
-
-  &.primary-button{
-    color: $prim-font-color;
-    border-color: $primary-border-color;
-    background-color: $primary-color;
-
-    &:disabled{
-      border-color: $primary-disabled-border-color;
-      background-color: $primary-disabled-color;
-      color: $primary-disabled-font-color;
-    }
-    &:hover:enabled{
-      border-color: $primary-hover-border-color;
-      background-color: $primary-hover-color;
-
-    }
-  }
-
-  &.sec-button{
-    color: $sec-font-color;
-    border-color: $sec-border-color;
-    background-color: $sec-color;
-
-    &:disabled{
-      border-color: $sec-disabled-border-color;
-      background-color: $sec-disabled-color;
-      color: $sec-disabled-font-color;
-    }
-    &:hover:enabled{
-      border-color: $sec-hover-border-color;
-      background-color: $sec-hover-color;
-
-    }
-  }
-
-  &.tert-button{
-    color: $tert-font-color;
-    border-color: $tert-border-color;
-    background-color: $tert-color;
-
-    &:disabled{
-      border-color: $tert-disabled-border-color;
-      background-color: $tert-disabled-color;
-      color: $tert-disabled-font-color
-    }
-    &:hover:enabled{
-      border-color: $tert-hover-border-color;
-      background-color: $tert-hover-color
-
-    }
-  }
-}
+@font-face {
+  font-family: CustomFont;
+  src: url(assets/CustomFont.ttf);
+}
+
+/* Button Dimensions */
+$height: 30px;
+$min-width: 78px;
+$border-radius: 3px;
+
+$margin-left: 5px;
+$margin-right: 5px;
+
+$padding: 0px 12px;
+
+$border-width: 2px;
+$border-stack: $border-width solid;
+
+/* Typography Specs */
+$font-weight: 600;
+$font-size: 14px;
+$font-stack: $font-weight $font-size "CustomFont";
+
+/* Primary Button */
+$primary-color: #00866b;
+$primary-border-color: white;
+$prim-font-color: #fafafa;
+
+$primary-disabled-color: #abd7ce;
+$primary-disabled-border-color: white;
+$primary-disabled-font-color: white;
+
+$primary-hover-color: white;
+$primary-hover-border-color: #005342;
+
+/* Secondary Button */
+$sec-color: #00866b;
+$sec-border-color: white;
+$sec-font-color: #fafafa;
+
+$sec-disabled-color: #abd7ce;
+$sec-disabled-border-color: white;
+$sec-disabled-font-color: white;
+
+$sec-hover-color: white;
+$sec-hover-border-color: #005342;
+
+/* Tertiary Button */
+$tert-color: #00866b;
+$tert-border-color: white;
+$tert-font-color: #fafafa;
+
+$tert-disabled-color: #abd7ce;
+$tert-disabled-border-color: white;
+$tert-disabled-font-color: white;
+
+$tert-hover-color: white;
+$tert-hover-border-color: #005342;
+
+button.lf-button {
+  font: $font-stack;
+  height: $height;
+  min-width: $min-width;
+  border-radius: $border-radius;
+
+  margin-left: $margin-left;
+  margin-right: $margin-right;
+
+  padding: $padding;
+
+  /* Possible to use calculations to do height - 2*border-width*/
+  line-height: $height - 2 * $border-width;
+
+  border: $border-stack;
+
+  transition-duration: 0.4s;
+  cursor: pointer;
+
+  &:disabled {
+    cursor: default;
+  }
+
+  &.primary-button {
+    color: $prim-font-color;
+    border-color: $primary-border-color;
+    background-color: $primary-color;
+
+    &:disabled {
+      border-color: $primary-disabled-border-color;
+      background-color: $primary-disabled-color;
+      color: $primary-disabled-font-color;
+    }
+    &:hover:enabled {
+      border-color: $primary-hover-border-color;
+      background-color: $primary-hover-color;
+    }
+  }
+
+  &.sec-button {
+    color: $sec-font-color;
+    border-color: $sec-border-color;
+    background-color: $sec-color;
+
+    &:disabled {
+      border-color: $sec-disabled-border-color;
+      background-color: $sec-disabled-color;
+      color: $sec-disabled-font-color;
+    }
+    &:hover:enabled {
+      border-color: $sec-hover-border-color;
+      background-color: $sec-hover-color;
+    }
+  }
+
+  &.tert-button {
+    color: $tert-font-color;
+    border-color: $tert-border-color;
+    background-color: $tert-color;
+
+    &:disabled {
+      border-color: $tert-disabled-border-color;
+      background-color: $tert-disabled-color;
+      color: $tert-disabled-font-color;
+    }
+    &:hover:enabled {
+      border-color: $tert-hover-border-color;
+      background-color: $tert-hover-color;
+    }
+  }
+}
diff --git a/projects/styles/lf-laserfiche-lite/lf-laserfiche-lite.scss b/projects/styles/lf-laserfiche-lite/lf-laserfiche-lite.scss
index cbbe38a4..e017c752 100644
--- a/projects/styles/lf-laserfiche-lite/lf-laserfiche-lite.scss
+++ b/projects/styles/lf-laserfiche-lite/lf-laserfiche-lite.scss
@@ -6,4 +6,4 @@
 
 @use "sass/rwc-tree-lf";
 @use "sass/rwc-checklist-lf";
-@use "sass/material";
\ No newline at end of file
+@use "sass/material";
diff --git a/projects/styles/lf-laserfiche-lite/sass/_button-lf.scss b/projects/styles/lf-laserfiche-lite/sass/_button-lf.scss
index 3a5f7811..f4ecf630 100644
--- a/projects/styles/lf-laserfiche-lite/sass/_button-lf.scss
+++ b/projects/styles/lf-laserfiche-lite/sass/_button-lf.scss
@@ -4,15 +4,14 @@ $height: 1;
 
 $border-stack: 1px solid transparent;
 
-$primary-color: #00866B;
+$primary-color: #00866b;
 $primary-hover-color: #0e9d81;
 
 $sec-color: #e5e5e5;
 $sec-hover-color: #ddd;
 
-$prim-font-color: #FAFAFA;
-$sec-font-color: #6D6D6D;
-
+$prim-font-color: #fafafa;
+$sec-font-color: #6d6d6d;
 
 button.lf-button {
   box-sizing: border-box;
@@ -29,11 +28,13 @@ button.lf-button {
     cursor: default;
   }
 
-
   &.primary-button {
     color: $prim-font-color;
     background-color: $primary-color;
-    box-shadow: rgb(0 0 0 / 19%) 0 1px 0 0, rgb(0 0 0 / 25%) 0 2px 3px 0, rgb(0 0 0 / 5%) 0 1px 5px 0;
+    box-shadow:
+      rgb(0 0 0 / 19%) 0 1px 0 0,
+      rgb(0 0 0 / 25%) 0 2px 3px 0,
+      rgb(0 0 0 / 5%) 0 1px 5px 0;
 
     &:disabled {
       opacity: 0.5;
@@ -47,7 +48,10 @@ button.lf-button {
 
   &.sec-button {
     background-color: $sec-color;
-    box-shadow: rgb(0 0 0 / 15%) 0 1px 0 0, rgb(0 0 0 / 12%) 0 2px 2px 0, rgb(0 0 0 / 5%) 0 1px 5px 0;
+    box-shadow:
+      rgb(0 0 0 / 15%) 0 1px 0 0,
+      rgb(0 0 0 / 12%) 0 2px 2px 0,
+      rgb(0 0 0 / 5%) 0 1px 5px 0;
 
     &:hover:enabled {
       background: $sec-hover-color;
diff --git a/projects/styles/lf-laserfiche-lite/sass/_checkbox-lf.scss b/projects/styles/lf-laserfiche-lite/sass/_checkbox-lf.scss
index ebfce844..5dc3b361 100644
--- a/projects/styles/lf-laserfiche-lite/sass/_checkbox-lf.scss
+++ b/projects/styles/lf-laserfiche-lite/sass/_checkbox-lf.scss
@@ -1,8 +1,8 @@
 @use "typography-lf";
 
-$checked-color: #6D6D6D;
-$disabled-color: #6D6D6D;
-$border-color: #6D6D6D;
+$checked-color: #6d6d6d;
+$disabled-color: #6d6d6d;
+$border-color: #6d6d6d;
 $focus-border-color: #000000;
 $checkbox-size: 18px;
 
@@ -12,7 +12,6 @@ $ripple-size: 0px;
 
 mat-checkbox {
   &.lf-checkbox {
-
     &.cdk-focused .mdc-checkbox__background {
       border-width: $hover-border-width;
     }
@@ -26,14 +25,15 @@ mat-checkbox {
     & .mdc-checkbox:hover .mdc-checkbox__background {
       border-width: $hover-border-width;
     }
-    
-    & .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
+
+    & .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
+    .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
       border-color: $border-color !important;
       background-color: $checked-color !important;
     }
 
     & .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background,
-      .mdc-checkbox__native-control:checked:focus ~ .mdc-checkbox__background {
+    .mdc-checkbox__native-control:checked:focus ~ .mdc-checkbox__background {
       border-width: $hover-border-width;
       border-color: $focus-border-color !important;
     }
@@ -47,25 +47,26 @@ mat-checkbox {
     }
 
     &.mat-mdc-checkbox-disabled {
-      &.mat-mdc-checkbox-checked .mdc-checkbox__background{
+      &.mat-mdc-checkbox-checked .mdc-checkbox__background {
         background-color: $disabled-color;
         opacity: 0.33;
       }
     }
 
-    .mat-mdc-checkbox-ripple.mat-ripple, .mdc-checkbox__ripple {
+    .mat-mdc-checkbox-ripple.mat-ripple,
+    .mdc-checkbox__ripple {
       width: $ripple-size;
       height: $ripple-size;
     }
 
     &.mat-mdc-checkbox {
       .mdc-label {
-      font: typography-lf.$body-stack;
+        font: typography-lf.$body-stack;
       }
     }
 
-    input[type=checkbox] {
+    input[type="checkbox"] {
       opacity: 0;
     }
   }
-}
\ No newline at end of file
+}
diff --git a/projects/styles/lf-laserfiche-lite/sass/_dropdown-lf.scss b/projects/styles/lf-laserfiche-lite/sass/_dropdown-lf.scss
index b1ddf195..655da109 100644
--- a/projects/styles/lf-laserfiche-lite/sass/_dropdown-lf.scss
+++ b/projects/styles/lf-laserfiche-lite/sass/_dropdown-lf.scss
@@ -63,7 +63,7 @@ mat-form-field.lf-dropdown {
 }
 
 .lf-field .mdc-line-ripple {
-    display: none;
+  display: none;
 }
 
 .lf-dropdown div.mat-mdc-select-arrow-wrapper {
@@ -80,7 +80,10 @@ mat-form-field.lf-dropdown {
   border-top: 0 solid transparent;
 }
 
-.lf-dropdown.mat-mdc-form-field.lf-field > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix {
+.lf-dropdown.mat-mdc-form-field.lf-field
+  > .mat-mdc-text-field-wrapper
+  > .mat-mdc-form-field-flex
+  > .mat-mdc-form-field-infix {
   padding: 0px;
 }
 
@@ -98,7 +101,10 @@ mat-form-field.lf-dropdown {
   background-color: white;
 }
 
-.lf-field.lf-dropdown.lf-template-picker > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix {
+.lf-field.lf-dropdown.lf-template-picker
+  > .mat-mdc-text-field-wrapper
+  > .mat-mdc-form-field-flex
+  > .mat-mdc-form-field-infix {
   height: 35px;
 }
 
@@ -108,4 +114,4 @@ mat-form-field.lf-dropdown {
 
 .cdk-overlay-container .lf-dropdown-overlay .mat-mdc-option {
   min-height: 42px;
-}
\ No newline at end of file
+}
diff --git a/projects/styles/lf-laserfiche-lite/sass/_material.scss b/projects/styles/lf-laserfiche-lite/sass/_material.scss
index 555f24f2..e971c890 100644
--- a/projects/styles/lf-laserfiche-lite/sass/_material.scss
+++ b/projects/styles/lf-laserfiche-lite/sass/_material.scss
@@ -2,37 +2,39 @@
 
 /* fallback */
 @font-face {
-    font-family: 'Material Icons';
-    font-style: normal;
-    font-weight: 400;
-    src: url(https://lfxstatic.com/npm/@laserfiche/lf-resource-library@4/resources/google-material-design-icons/regular-filled.woff2) format('woff2');
+  font-family: "Material Icons";
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://lfxstatic.com/npm/@laserfiche/lf-resource-library@4/resources/google-material-design-icons/regular-filled.woff2)
+    format("woff2");
 }
 
 @font-face {
-  font-family: 'Material Icons Outlined';
+  font-family: "Material Icons Outlined";
   font-style: normal;
   font-weight: 400;
-  src: url(https://lfxstatic.com/npm/@laserfiche/lf-resource-library@4/resources/google-material-design-icons/outlined.woff2) format('woff2');
+  src: url(https://lfxstatic.com/npm/@laserfiche/lf-resource-library@4/resources/google-material-design-icons/outlined.woff2)
+    format("woff2");
 }
 
 .material-icons {
-    font-family: 'Material Icons';
-    font-weight: normal;
-    font-style: normal;
-    font-size: 24px;
-    line-height: 1;
-    letter-spacing: normal;
-    text-transform: none;
-    display: inline-block;
-    white-space: nowrap;
-    word-wrap: normal;
-    direction: ltr;
-    -webkit-font-feature-settings: 'liga';
-    -webkit-font-smoothing: antialiased;
+  font-family: "Material Icons";
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  -webkit-font-feature-settings: "liga";
+  -webkit-font-smoothing: antialiased;
 }
 
 .material-icons-outlined {
-  font-family: 'Material Icons Outlined';
+  font-family: "Material Icons Outlined";
   font-weight: normal;
   font-style: normal;
   font-size: 24px;
@@ -43,6 +45,6 @@
   white-space: nowrap;
   word-wrap: normal;
   direction: ltr;
-  -webkit-font-feature-settings: 'liga';
+  -webkit-font-feature-settings: "liga";
   -webkit-font-smoothing: antialiased;
 }
diff --git a/projects/styles/lf-laserfiche-lite/sass/_palette-lf.scss b/projects/styles/lf-laserfiche-lite/sass/_palette-lf.scss
index 19f7194e..7af88bb7 100644
--- a/projects/styles/lf-laserfiche-lite/sass/_palette-lf.scss
+++ b/projects/styles/lf-laserfiche-lite/sass/_palette-lf.scss
@@ -1,28 +1,28 @@
-// Menu item colors
-$lf-menu-item-hover-color: #F5FBFF;
-$lf-menu-item-selected-color: #EAF5FF;
-
-:root {
-    --lf-menu-item-hover-color: #F5FBFF;
-    --lf-menu-item-selected-color: #EAF5FF;
-    --lf-menu-item-active-outline-color: #1783D6;
-
-    --lf-primary-button-color: #00866B;
-    --lf-primary-button-border-hover-color: #005342;
-    --lf-primary-button-focus-color: #005342;
-    --lf-primary-button-active-color: #005342;
-    --lf-primary-button-active-font-color: #FFFFFF;
-
-    --lf-secondary-button-color: #E0E0E0;
-    --lf-secondary-button-border-hover-color: #CCCCCC;
-    --lf-secondary-button-focus-color: #CCCCCC;
-    --lf-secondary-button-active-color: #CCCCCC;
-    --lf-secondary-button-font-color: #333333;
-
-    --lf-primary-text-color: #333333;
-    --lf-label-text-color: #6D6D6D;
-    --lf-icon-color: #6D6D6D;
-    --lf-empty-state-text-color: #6D6D6D;
-    --lf-default-border-color: #E0E0E0;
-    --lf-link-color: #0069CF;
-}
+// Menu item colors
+$lf-menu-item-hover-color: #f5fbff;
+$lf-menu-item-selected-color: #eaf5ff;
+
+:root {
+  --lf-menu-item-hover-color: #f5fbff;
+  --lf-menu-item-selected-color: #eaf5ff;
+  --lf-menu-item-active-outline-color: #1783d6;
+
+  --lf-primary-button-color: #00866b;
+  --lf-primary-button-border-hover-color: #005342;
+  --lf-primary-button-focus-color: #005342;
+  --lf-primary-button-active-color: #005342;
+  --lf-primary-button-active-font-color: #ffffff;
+
+  --lf-secondary-button-color: #e0e0e0;
+  --lf-secondary-button-border-hover-color: #cccccc;
+  --lf-secondary-button-focus-color: #cccccc;
+  --lf-secondary-button-active-color: #cccccc;
+  --lf-secondary-button-font-color: #333333;
+
+  --lf-primary-text-color: #333333;
+  --lf-label-text-color: #6d6d6d;
+  --lf-icon-color: #6d6d6d;
+  --lf-empty-state-text-color: #6d6d6d;
+  --lf-default-border-color: #e0e0e0;
+  --lf-link-color: #0069cf;
+}
diff --git a/projects/styles/lf-laserfiche-lite/sass/_textfield-lf.scss b/projects/styles/lf-laserfiche-lite/sass/_textfield-lf.scss
index 423654f5..0b8eec2a 100644
--- a/projects/styles/lf-laserfiche-lite/sass/_textfield-lf.scss
+++ b/projects/styles/lf-laserfiche-lite/sass/_textfield-lf.scss
@@ -3,16 +3,16 @@
 $height: 34px;
 $min-width: 330px;
 $border-width: 1px;
-$border-color: #6D6D6D;
-$disabled-border-color: #F3F3F3;
+$border-color: #6d6d6d;
+$disabled-border-color: #f3f3f3;
 $border-radius: 2px;
 
 $padding-stack: 7px 10px 8px 10px;
 $margin-stack: 5px 0px;
 
 $background-color: white;
-$disabled-background-color: #F3F3F3;
-$disabled-font-color: #8A8A8A;
+$disabled-background-color: #f3f3f3;
+$disabled-font-color: #8a8a8a;
 
 .lf-text-field {
   padding: $padding-stack;
@@ -44,4 +44,4 @@ $disabled-font-color: #8A8A8A;
 
 .lf-textarea {
   outline-color: $border-color;
-}
\ No newline at end of file
+}
diff --git a/projects/styles/lf-laserfiche-lite/sass/_typography-lf.scss b/projects/styles/lf-laserfiche-lite/sass/_typography-lf.scss
index 925195eb..bef7c3ad 100644
--- a/projects/styles/lf-laserfiche-lite/sass/_typography-lf.scss
+++ b/projects/styles/lf-laserfiche-lite/sass/_typography-lf.scss
@@ -1,54 +1,70 @@
 @font-face {
-  font-family: 'Open Sans';
+  font-family: "Open Sans";
   font-style: normal;
   font-weight: 300;
-  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://lfxstatic.com/libs/Open_Sans/OpenSans-Light.woff) format('woff'), url(https://lfxstatic.com/libs/Open_Sans/OpenSans-Light.ttf) format('truetype');
+  src:
+    local("Open Sans Light"),
+    local("OpenSans-Light"),
+    url(https://lfxstatic.com/libs/Open_Sans/OpenSans-Light.woff) format("woff"),
+    url(https://lfxstatic.com/libs/Open_Sans/OpenSans-Light.ttf) format("truetype");
 }
 @font-face {
-  font-family: 'Open Sans';
+  font-family: "Open Sans";
   font-style: normal;
   font-weight: 400;
-  src: local('Open Sans'), local('OpenSans'), url(https://lfxstatic.com/libs/Open_Sans/OpenSans.woff) format('woff'), url(https://lfxstatic.com/libs/Open_Sans/OpenSans-Regular.ttf) format('truetype');
+  src:
+    local("Open Sans"),
+    local("OpenSans"),
+    url(https://lfxstatic.com/libs/Open_Sans/OpenSans.woff) format("woff"),
+    url(https://lfxstatic.com/libs/Open_Sans/OpenSans-Regular.ttf) format("truetype");
 }
 @font-face {
-  font-family: 'Open Sans';
+  font-family: "Open Sans";
   font-style: normal;
   font-weight: 600;
-  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://lfxstatic.com/libs/Open_Sans/OpenSans-Semibold.woff) format('woff'), url(https://lfxstatic.com/libs/Open_Sans/OpenSans-Semibold.ttf) format('truetype');
+  src:
+    local("Open Sans Semibold"),
+    local("OpenSans-Semibold"),
+    url(https://lfxstatic.com/libs/Open_Sans/OpenSans-Semibold.woff) format("woff"),
+    url(https://lfxstatic.com/libs/Open_Sans/OpenSans-Semibold.ttf) format("truetype");
 }
 @font-face {
-  font-family: 'Open Sans';
+  font-family: "Open Sans";
   font-style: normal;
   font-weight: 700;
-  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://lfxstatic.com/libs/Open_Sans/OpenSans-Bold.woff) format('woff'), url(https://lfxstatic.com/libs/Open_Sans/OpenSans-Bold.ttf) format('truetype');
+  src:
+    local("Open Sans Bold"),
+    local("OpenSans-Bold"),
+    url(https://lfxstatic.com/libs/Open_Sans/OpenSans-Bold.woff) format("woff"),
+    url(https://lfxstatic.com/libs/Open_Sans/OpenSans-Bold.ttf) format("truetype");
 }
 
-$widget-stack: 600 14px  "Open Sans";
+$widget-stack: 600 14px "Open Sans";
 $widget-color: #333333;
 
 $label-stack: 600 14px "Open Sans";
 $label-color: #333333;
 
-$body-stack: 400 14px  "Open Sans";
+$body-stack: 400 14px "Open Sans";
 $body-color: #333333;
 
 $link-stack: 600 14px "Open Sans";
-$link-color: #0069CF;
+$link-color: #0069cf;
 
 $toolbar-stack: 400 20px "Open Sans";
 $toolbar-color: #333333;
 
-$placeholder-stack: 400 14px  "Open Sans";
-$placeholder-color: #6D6D6D;
+$placeholder-stack: 400 14px "Open Sans";
+$placeholder-color: #6d6d6d;
 
 $empty-state-stack: 400 16px "Open Sans";
-$empty-state-color: #6D6D6D;
+$empty-state-color: #6d6d6d;
 
 $sec-info-stack: 400 12px "Open Sans";
-$sec-info-color: #6D6D6D;
+$sec-info-color: #6d6d6d;
 
 $kpi-stats-stack: 600 30px "Open Sans";
-$kpi-states-color: #6D6D6D;
+$kpi-states-color: #6d6d6d;
 
 $dialog-title-stack: 600 18px "Open Sans";
 $dialog-title-color: #606060;
@@ -89,5 +105,5 @@ $error-color: #ab2227;
 
 :root {
   --lf-body-text-color: #333333;
-  --lf-label-text-color: #6D6D6D;
+  --lf-label-text-color: #6d6d6d;
 }
diff --git a/projects/styles/lf-laserfiche-lite/sass/rwc-checklist-lf.scss b/projects/styles/lf-laserfiche-lite/sass/rwc-checklist-lf.scss
index 4df63d46..586c1dab 100644
--- a/projects/styles/lf-laserfiche-lite/sass/rwc-checklist-lf.scss
+++ b/projects/styles/lf-laserfiche-lite/sass/rwc-checklist-lf.scss
@@ -1,4 +1,7 @@
-.lf-checklist-container .mat-checkbox-label, .lf-checklist-container .mat-checkbox-layout, .lf-checklist-item-name, .lf-text-field {
+.lf-checklist-container .mat-checkbox-label,
+.lf-checklist-container .mat-checkbox-layout,
+.lf-checklist-item-name,
+.lf-text-field {
   width: 100%;
 }
 
diff --git a/projects/styles/lf-laserfiche-lite/sass/rwc-tree-lf.scss b/projects/styles/lf-laserfiche-lite/sass/rwc-tree-lf.scss
index 85361ab7..8f7cb703 100644
--- a/projects/styles/lf-laserfiche-lite/sass/rwc-tree-lf.scss
+++ b/projects/styles/lf-laserfiche-lite/sass/rwc-tree-lf.scss
@@ -5,7 +5,7 @@
   font: typography-lf.$body-stack;
   color: typography-lf.$body-color;
   &.selected {
-    background-color: #EAF5FF;
+    background-color: #eaf5ff;
     border: 1px solid typography-lf.$link-color;
   }
   &.selectable:hover {
diff --git a/projects/styles/lf-ms-office/lf-ms-office-lite.scss b/projects/styles/lf-ms-office/lf-ms-office-lite.scss
index ffd11ff8..077fb390 100644
--- a/projects/styles/lf-ms-office/lf-ms-office-lite.scss
+++ b/projects/styles/lf-ms-office/lf-ms-office-lite.scss
@@ -1,7 +1,7 @@
-@use "sass/button-mo";
-@use "sass/checkbox-mo";
-@use "sass/textfield-mo";
-@use "sass/dropdown-mo";
-@use "sass/rwc-tree-mo";
-@use "sass/rwc-checklist-mo";
-@use "sass/material";
+@use "sass/button-mo";
+@use "sass/checkbox-mo";
+@use "sass/textfield-mo";
+@use "sass/dropdown-mo";
+@use "sass/rwc-tree-mo";
+@use "sass/rwc-checklist-mo";
+@use "sass/material";
diff --git a/projects/styles/lf-ms-office/sass/_button-mo.scss b/projects/styles/lf-ms-office/sass/_button-mo.scss
index 344882da..8cdd5bc9 100644
--- a/projects/styles/lf-ms-office/sass/_button-mo.scss
+++ b/projects/styles/lf-ms-office/sass/_button-mo.scss
@@ -1,9 +1,9 @@
 @use "typography-mo";
 
 $height: 32px;
-$primary-hover-color: rgb(16,110,190);
+$primary-hover-color: rgb(16, 110, 190);
 $sec-color: white;
-$sec-border-color: rgb(138,136,134);
+$sec-border-color: rgb(138, 136, 134);
 $sec-border-width: 1px;
 $sec-border-stack: $sec-border-width solid;
 
diff --git a/projects/styles/lf-ms-office/sass/_checkbox-mo.scss b/projects/styles/lf-ms-office/sass/_checkbox-mo.scss
index 22a140dd..e848e3ba 100644
--- a/projects/styles/lf-ms-office/sass/_checkbox-mo.scss
+++ b/projects/styles/lf-ms-office/sass/_checkbox-mo.scss
@@ -1,7 +1,7 @@
 @use "typography-mo";
 
-$checked-hover-color: rgb(0,90,158);
-$disabled-color: rgb(200,198,196);
+$checked-hover-color: rgb(0, 90, 158);
+$disabled-color: rgb(200, 198, 196);
 $border-color: black;
 $checkmark-width: 1.5px;
 $checkmark-color: #fafafa;
@@ -12,7 +12,6 @@ $focus-border-width: 2px;
 $ripple-size: 0px;
 
 .lf-checkbox {
-  
   & .mdc-checkbox__background {
     border-width: $border-width;
     border-color: $border-color;
@@ -35,7 +34,8 @@ $ripple-size: 0px;
     border-color: typography-mo.$primary-color;
   }
 
-  & .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
+  & .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
+  .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
     background-color: typography-mo.$primary-color !important;
   }
 
@@ -46,20 +46,21 @@ $ripple-size: 0px;
   }
 
   &:hover .mdc-checkbox--selected .mdc-checkbox__background {
-      background-color: $checked-hover-color;
-      .mdc-checkbox__checkmark-path {
-        stroke: $checkmark-color !important;
-      }
+    background-color: $checked-hover-color;
+    .mdc-checkbox__checkmark-path {
+      stroke: $checkmark-color !important;
     }
+  }
 
   &.mat-mdc-checkbox-disabled {
-    &.mat-mdc-checkbox-checked .mdc-checkbox__background{
+    &.mat-mdc-checkbox-checked .mdc-checkbox__background {
       background-color: $disabled-color;
       opacity: 0.33;
       border-color: none;
     }
   }
-  .mat-mdc-checkbox-ripple.mat-ripple, .mdc-checkbox__ripple {
+  .mat-mdc-checkbox-ripple.mat-ripple,
+  .mdc-checkbox__ripple {
     width: $ripple-size;
     height: $ripple-size;
   }
@@ -73,12 +74,6 @@ $ripple-size: 0px;
   }
 }
 
-input[type=checkbox] {
+input[type="checkbox"] {
   opacity: 0;
 }
-
-
-
-
-
-
diff --git a/projects/styles/lf-ms-office/sass/_dropdown-mo.scss b/projects/styles/lf-ms-office/sass/_dropdown-mo.scss
index 7a8ef666..cfda5759 100644
--- a/projects/styles/lf-ms-office/sass/_dropdown-mo.scss
+++ b/projects/styles/lf-ms-office/sass/_dropdown-mo.scss
@@ -13,23 +13,25 @@ $options-padding-stack: 7px 10px 8px;
 
 mat-label.lf-dropdown-label {
   padding-left: $padding-left;
-  line-height:  $height - 2*$border-width;
+  line-height: $height - 2 * $border-width;
 }
 
-.lf-dropdown .mat-form-field-label-wrapper, .lf-dropdown .mat-form-field-label {
+.lf-dropdown .mat-form-field-label-wrapper,
+.lf-dropdown .mat-form-field-label {
   top: 0;
   padding-top: 0;
   height: $height;
 }
 
-mat-select.lf-dropdown, select.lf-dropdown{
+mat-select.lf-dropdown,
+select.lf-dropdown {
   font: typography-mo.$body-stack;
   color: typography-mo.$hover-color;
   padding-left: $padding-left;
   padding-right: $padding-right;
   cursor: pointer;
   height: $height;
-  line-height: $height - 2*$border-width;
+  line-height: $height - 2 * $border-width;
   box-sizing: border-box;
   border-width: $border-width;
   border-style: solid;
@@ -43,7 +45,7 @@ mat-select.lf-dropdown, select.lf-dropdown{
   &:focus {
     border-color: typography-mo.$primary-color;
     border-width: $focus-border-width;
-    line-height: $height - 2*$focus-border-width;
+    line-height: $height - 2 * $focus-border-width;
     outline: 0px;
     padding-left: $padding-left - math.div($focus-border-width, 2);
   }
@@ -54,7 +56,6 @@ mat-select.lf-dropdown, select.lf-dropdown{
     padding: $options-padding-stack;
     box-sizing: border-box;
   }
-
 }
 
 mat-form-field.lf-dropdown {
@@ -63,7 +64,7 @@ mat-form-field.lf-dropdown {
 }
 
 .lf-field .mdc-line-ripple {
-    display: none;
+  display: none;
 }
 
 .lf-dropdown div.mat-mdc-select-arrow-wrapper {
@@ -80,7 +81,10 @@ mat-form-field.lf-dropdown {
   border-top: 0 solid transparent;
 }
 
-.lf-dropdown.mat-mdc-form-field.lf-field > .mat-mdc-form-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix {
+.lf-dropdown.mat-mdc-form-field.lf-field
+  > .mat-mdc-form-field-wrapper
+  > .mat-mdc-form-field-flex
+  > .mat-mdc-form-field-infix {
   padding: 0px;
 }
 
@@ -93,7 +97,10 @@ mat-form-field.lf-dropdown {
   background-color: white;
 }
 
-.lf-dropdown.mat-mdc-form-field.lf-field > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix {
+.lf-dropdown.mat-mdc-form-field.lf-field
+  > .mat-mdc-text-field-wrapper
+  > .mat-mdc-form-field-flex
+  > .mat-mdc-form-field-infix {
   padding: 0px;
 }
 
@@ -105,4 +112,4 @@ mat-form-field.lf-dropdown {
 
 .cdk-overlay-container .lf-dropdown-overlay .mat-mdc-option {
   min-height: 42px;
-}
\ No newline at end of file
+}
diff --git a/projects/styles/lf-ms-office/sass/_material.scss b/projects/styles/lf-ms-office/sass/_material.scss
index 3ca4985e..22283c69 100644
--- a/projects/styles/lf-ms-office/sass/_material.scss
+++ b/projects/styles/lf-ms-office/sass/_material.scss
@@ -1,36 +1,38 @@
 /* fallback */
 @font-face {
-    font-family: 'Material Icons';
-    font-style: normal;
-    font-weight: 400;
-    src: url(https://lfxstatic.com/npm/@laserfiche/lf-resource-library@4/resources/google-material-design-icons/regular-filled.woff2) format('woff2');
+  font-family: "Material Icons";
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://lfxstatic.com/npm/@laserfiche/lf-resource-library@4/resources/google-material-design-icons/regular-filled.woff2)
+    format("woff2");
 }
 
 @font-face {
-  font-family: 'Material Icons Outlined';
+  font-family: "Material Icons Outlined";
   font-style: normal;
   font-weight: 400;
-  src: url(https://lfxstatic.com/npm/@laserfiche/lf-resource-library@4/resources/google-material-design-icons/outlined.woff2) format('woff2');
+  src: url(https://lfxstatic.com/npm/@laserfiche/lf-resource-library@4/resources/google-material-design-icons/outlined.woff2)
+    format("woff2");
 }
 
 .material-icons {
-    font-family: 'Material Icons';
-    font-weight: normal;
-    font-style: normal;
-    font-size: 24px;
-    line-height: 1;
-    letter-spacing: normal;
-    text-transform: none;
-    display: inline-block;
-    white-space: nowrap;
-    word-wrap: normal;
-    direction: ltr;
-    -webkit-font-feature-settings: 'liga';
-    -webkit-font-smoothing: antialiased;
+  font-family: "Material Icons";
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  -webkit-font-feature-settings: "liga";
+  -webkit-font-smoothing: antialiased;
 }
 
 .material-icons-outlined {
-  font-family: 'Material Icons Outlined';
+  font-family: "Material Icons Outlined";
   font-weight: normal;
   font-style: normal;
   font-size: 24px;
@@ -41,6 +43,6 @@
   white-space: nowrap;
   word-wrap: normal;
   direction: ltr;
-  -webkit-font-feature-settings: 'liga';
+  -webkit-font-feature-settings: "liga";
   -webkit-font-smoothing: antialiased;
 }
diff --git a/projects/styles/lf-ms-office/sass/_textfield-mo.scss b/projects/styles/lf-ms-office/sass/_textfield-mo.scss
index 69abb9c2..201817cd 100644
--- a/projects/styles/lf-ms-office/sass/_textfield-mo.scss
+++ b/projects/styles/lf-ms-office/sass/_textfield-mo.scss
@@ -10,14 +10,14 @@ $padding-stack: $padding-tb $padding-lr;
 $margin-stack: 0px 0px;
 $background-color: white;
 
-.lf-text-field{
+.lf-text-field {
   padding: $padding-stack;
   margin: $margin-stack;
   height: $height;
 
   font: typography-mo.$body-stack;
   color: typography-mo.$font-color;
-  line-height: $height - 2*$border-width;
+  line-height: $height - 2 * $border-width;
 
   border-radius: $border-radius;
   border-color: typography-mo.$hover-color;
diff --git a/projects/styles/lf-ms-office/sass/_typography-mo.scss b/projects/styles/lf-ms-office/sass/_typography-mo.scss
index 711ca2fd..dbffe089 100644
--- a/projects/styles/lf-ms-office/sass/_typography-mo.scss
+++ b/projects/styles/lf-ms-office/sass/_typography-mo.scss
@@ -1,12 +1,44 @@
-$body-stack: 400 14px "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
-$label-stack: 600 14px "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
-$title-stack: 600 18px "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
-$placeholder-stack: 400 14px "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
+$body-stack:
+  400 14px "Segoe UI",
+  "Segoe UI Web (West European)",
+  "Segoe UI",
+  -apple-system,
+  BlinkMacSystemFont,
+  Roboto,
+  "Helvetica Neue",
+  sans-serif;
+$label-stack:
+  600 14px "Segoe UI",
+  "Segoe UI Web (West European)",
+  "Segoe UI",
+  -apple-system,
+  BlinkMacSystemFont,
+  Roboto,
+  "Helvetica Neue",
+  sans-serif;
+$title-stack:
+  600 18px "Segoe UI",
+  "Segoe UI Web (West European)",
+  "Segoe UI",
+  -apple-system,
+  BlinkMacSystemFont,
+  Roboto,
+  "Helvetica Neue",
+  sans-serif;
+$placeholder-stack:
+  400 14px "Segoe UI",
+  "Segoe UI Web (West European)",
+  "Segoe UI",
+  -apple-system,
+  BlinkMacSystemFont,
+  Roboto,
+  "Helvetica Neue",
+  sans-serif;
 
 $font-color: #323130;
 $primary-color: #0079d6;
 $disabled-font-color: #a19f9d;
-$placeholder-color: #6D6D6D;
+$placeholder-color: #6d6d6d;
 $disabled-background-color: #f3f2f1;
 $hover-color: #605e5c;
 $error-color: #eb3237;
diff --git a/projects/styles/lf-ms-office/sass/rwc-checklist-mo.scss b/projects/styles/lf-ms-office/sass/rwc-checklist-mo.scss
index 0d869bb8..b4660683 100644
--- a/projects/styles/lf-ms-office/sass/rwc-checklist-mo.scss
+++ b/projects/styles/lf-ms-office/sass/rwc-checklist-mo.scss
@@ -1,4 +1,7 @@
-.lf-checklist-container .mat-checkbox-label, .lf-checklist-container .mat-checkbox-layout, .lf-checklist-item-name, .lf-text-field {
+.lf-checklist-container .mat-checkbox-label,
+.lf-checklist-container .mat-checkbox-layout,
+.lf-checklist-item-name,
+.lf-text-field {
   width: 100%;
 }
 
@@ -14,7 +17,15 @@
   display: block;
   text-overflow: ellipsis;
   overflow: hidden;
-  font: 400 14px "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
+  font:
+    400 14px "Segoe UI",
+    "Segoe UI Web (West European)",
+    "Segoe UI",
+    -apple-system,
+    BlinkMacSystemFont,
+    Roboto,
+    "Helvetica Neue",
+    sans-serif;
 }
 
 lf-checklist .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
@@ -43,10 +54,7 @@ lf-checklist .mat-form-field-appearance-outline.mat-focused .mat-form-field-outl
   display: block;
 }
 
-mat-form-field.lf-checklist-field >
-.mat-form-field-wrapper >
-.mat-form-field-flex >
-.mat-form-field-infix input{
+mat-form-field.lf-checklist-field > .mat-form-field-wrapper > .mat-form-field-flex > .mat-form-field-infix input {
   margin-bottom: 4px;
 }
 
diff --git a/projects/styles/lf-ms-office/sass/rwc-tree-mo.scss b/projects/styles/lf-ms-office/sass/rwc-tree-mo.scss
index 45a1f71c..3b754251 100644
--- a/projects/styles/lf-ms-office/sass/rwc-tree-mo.scss
+++ b/projects/styles/lf-ms-office/sass/rwc-tree-mo.scss
@@ -6,7 +6,7 @@
   color: typography-mo.$font-color;
   &.selected {
     font: typography-mo.$label-stack;
-    background-color: rgb(237,235,233);
+    background-color: rgb(237, 235, 233);
     border-left: solid typography-mo.$primary-color;
     border-width: 0px 0px 0px 2px;
   }
@@ -29,4 +29,3 @@
 .lf-button#cancelButton {
   margin-left: 12px;
 }
-
diff --git a/projects/ui-components/README.md b/projects/ui-components/README.md
index 34e00815..64096a9c 100644
--- a/projects/ui-components/README.md
+++ b/projects/ui-components/README.md
@@ -1,18 +1,18 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-# ui-components
-
-## What this project does
-
-Generates `dist/ui-components` that can be published as an NPM package and be used to import UI elements via NPM. Please see top-level README for more information.
-
-## Build
-
-1. Cd to repo's root folder.
-2. `npm install ./projects/ui-components`
-3. Build ui-components using `npm run build-ui-components-prod`, generating `dist/ui-components`.
-
-## Build using watch
-
-In order to get immediate changes, you can run `npm run build-ui-components-dev-watch`. This is particularly useful when building the lf-documentation project.
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+# ui-components
+
+## What this project does
+
+Generates `dist/ui-components` that can be published as an NPM package and be used to import UI elements via NPM. Please see top-level README for more information.
+
+## Build
+
+1. Cd to repo's root folder.
+2. `npm install ./projects/ui-components`
+3. Build ui-components using `npm run build-ui-components-prod`, generating `dist/ui-components`.
+
+## Build using watch
+
+In order to get immediate changes, you can run `npm run build-ui-components-dev-watch`. This is particularly useful when building the lf-documentation project.
diff --git a/projects/ui-components/entry.ts b/projects/ui-components/entry.ts
index 140a761a..7a51f856 100644
--- a/projects/ui-components/entry.ts
+++ b/projects/ui-components/entry.ts
@@ -1,8 +1,8 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-// primary entry-point which is empty as of version 9. All components should
-// be imported through their individual entry-points. This file is needed to
-// satisfy the "ng_package" bazel rule which also requires a primary entry-point.
-
-export const dummyVar = true;
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+// primary entry-point which is empty as of version 9. All components should
+// be imported through their individual entry-points. This file is needed to
+// satisfy the "ng_package" bazel rule which also requires a primary entry-point.
+
+export const dummyVar = true;
diff --git a/projects/ui-components/internal-shared/app-localization.service.ts b/projects/ui-components/internal-shared/app-localization.service.ts
index 05be75dc..7058c989 100644
--- a/projects/ui-components/internal-shared/app-localization.service.ts
+++ b/projects/ui-components/internal-shared/app-localization.service.ts
@@ -51,13 +51,11 @@ import * as strings_th_common from '@laserfiche/lf-resource-library/resources/la
 import * as strings_zhHans_common from '@laserfiche/lf-resource-library/resources/laserfiche-base/zh-Hans.json';
 import * as strings_zhHant_common from '@laserfiche/lf-resource-library/resources/laserfiche-base/zh-Hant.json';
 
-
 /** @internal */
 @Injectable({
   providedIn: 'root',
 })
 export class AppLocalizationService {
-
   localResources: Map<string, object> = new Map<string, object>([
     ['ar-EG', (strings_ar as any).default],
     ['cs-CZ', (strings_cs as any).default],
@@ -129,8 +127,7 @@ export class AppLocalizationService {
               this.internalGetString.next();
             }
           }
-        }
-        catch (err: any) {
+        } catch (err: any) {
           // Do not log, this will happen on most message events
         }
       }
@@ -145,7 +142,12 @@ export class AppLocalizationService {
 
   languageChanged(): Observable<string | undefined> {
     const currentLanguage = this.lfCommonLocalizationService.currentResource?.language;
-    return this.internalGetString.pipe(startWith(currentLanguage), map(() => { return this.lfCommonLocalizationService.currentResource?.language; }));
+    return this.internalGetString.pipe(
+      startWith(currentLanguage),
+      map(() => {
+        return this.lfCommonLocalizationService.currentResource?.language;
+      })
+    );
   }
 
   get currentLanguage(): string | undefined {
@@ -231,5 +233,4 @@ export class AppLocalizationService {
   getString(key: string, params?: string[]): string {
     return this.lfCommonLocalizationService.getString(key, params);
   }
-
 }
diff --git a/projects/ui-components/internal-shared/filter-utils.ts b/projects/ui-components/internal-shared/filter-utils.ts
index 9d99642a..9951197f 100644
--- a/projects/ui-components/internal-shared/filter-utils.ts
+++ b/projects/ui-components/internal-shared/filter-utils.ts
@@ -1,23 +1,25 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-interface ObjectWithName {
-    name: string;
-}
-
-/** @internal */
-export function filterObjectsByName<T extends ObjectWithName>(nodesToFilter?: T[], filterText?: string): T[] | undefined {
-    if (!filterText) {
-        return nodesToFilter;
-    }
-    else {
-        const lowercaseFilterText: string = filterText.toLowerCase();
-        return nodesToFilter?.filter(node => {
-            if (node.name) {
-                const lowercaseName: string = node.name.toLowerCase();
-                return lowercaseName.includes(lowercaseFilterText);
-            }
-            return false;
-        });
-    }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+interface ObjectWithName {
+  name: string;
+}
+
+/** @internal */
+export function filterObjectsByName<T extends ObjectWithName>(
+  nodesToFilter?: T[],
+  filterText?: string
+): T[] | undefined {
+  if (!filterText) {
+    return nodesToFilter;
+  } else {
+    const lowercaseFilterText: string = filterText.toLowerCase();
+    return nodesToFilter?.filter((node) => {
+      if (node.name) {
+        const lowercaseName: string = node.name.toLowerCase();
+        return lowercaseName.includes(lowercaseFilterText);
+      }
+      return false;
+    });
+  }
+}
diff --git a/projects/ui-components/internal-shared/general-dialog-layout/general-dialog-layout.component.html b/projects/ui-components/internal-shared/general-dialog-layout/general-dialog-layout.component.html
index edb87af4..396a6596 100644
--- a/projects/ui-components/internal-shared/general-dialog-layout/general-dialog-layout.component.html
+++ b/projects/ui-components/internal-shared/general-dialog-layout/general-dialog-layout.component.html
@@ -1,16 +1,16 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<div class="wrapper">
-  <div class="header">
-    <ng-content select=".dialog-header"></ng-content>
-  </div>
-
-  <div class="content-box">
-    <ng-content select=".dialog-content"></ng-content>
-  </div>
-
-  <div class="footer">
-    <ng-content select=".dialog-footer"></ng-content>
-  </div>
-</div>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<div class="wrapper">
+  <div class="header">
+    <ng-content select=".dialog-header"></ng-content>
+  </div>
+
+  <div class="content-box">
+    <ng-content select=".dialog-content"></ng-content>
+  </div>
+
+  <div class="footer">
+    <ng-content select=".dialog-footer"></ng-content>
+  </div>
+</div>
diff --git a/projects/ui-components/internal-shared/general-dialog-layout/general-dialog-layout.component.spec.ts b/projects/ui-components/internal-shared/general-dialog-layout/general-dialog-layout.component.spec.ts
index b3a2cb80..b7065024 100644
--- a/projects/ui-components/internal-shared/general-dialog-layout/general-dialog-layout.component.spec.ts
+++ b/projects/ui-components/internal-shared/general-dialog-layout/general-dialog-layout.component.spec.ts
@@ -8,17 +8,17 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { GeneralDialogLayoutComponent } from './general-dialog-layout.component';
 
 @Component({
-    selector: 'lf-dialog-layout-tester',
-    template: `<lf-general-dialog-layout id="layout">
-      <div class="dialog-header">Header</div>
-      <div class="dialog-header">Header Two</div>
-      <div class="dialog-content">Content</div>
-      <div class="dialog-content">Content2</div>
-      <div class="dialog-content">Content3</div>
-      <div class="dialog-footer">Footer</div>
-    </lf-general-dialog-layout>`,
-    standalone: true,
-    imports: [GeneralDialogLayoutComponent]
+  selector: 'lf-dialog-layout-tester',
+  template: `<lf-general-dialog-layout id="layout">
+    <div class="dialog-header">Header</div>
+    <div class="dialog-header">Header Two</div>
+    <div class="dialog-content">Content</div>
+    <div class="dialog-content">Content2</div>
+    <div class="dialog-content">Content3</div>
+    <div class="dialog-footer">Footer</div>
+  </lf-general-dialog-layout>`,
+  standalone: true,
+  imports: [GeneralDialogLayoutComponent],
 })
 export class DialogLayoutTesterComponent {
   @ViewChild('#layout', /* TODO: add static flag */ {}) layout?: GeneralDialogLayoutComponent;
@@ -30,7 +30,7 @@ describe('LfGeneralDialogLayoutComponent UI tests', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [ DialogLayoutTesterComponent ]
+      imports: [DialogLayoutTesterComponent],
     }).compileComponents();
   });
 
@@ -59,7 +59,7 @@ describe('LfGeneralDialogLayoutComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [ GeneralDialogLayoutComponent ]
+      imports: [GeneralDialogLayoutComponent],
     }).compileComponents();
   });
 
diff --git a/projects/ui-components/internal-shared/general-dialog-layout/general-dialog-layout.component.ts b/projects/ui-components/internal-shared/general-dialog-layout/general-dialog-layout.component.ts
index 57e5ce62..ff94dc2d 100644
--- a/projects/ui-components/internal-shared/general-dialog-layout/general-dialog-layout.component.ts
+++ b/projects/ui-components/internal-shared/general-dialog-layout/general-dialog-layout.component.ts
@@ -1,16 +1,16 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component } from '@angular/core';
-/**
- * @internal
- * Not for public use
- */
-@Component({
-    selector: 'lf-general-dialog-layout',
-    templateUrl: './general-dialog-layout.component.html',
-    styleUrls: ['./general-dialog-layout.component.css'],
-    standalone: true,
-    imports: []
-})
-export class GeneralDialogLayoutComponent {}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component } from '@angular/core';
+/**
+ * @internal
+ * Not for public use
+ */
+@Component({
+  selector: 'lf-general-dialog-layout',
+  templateUrl: './general-dialog-layout.component.html',
+  styleUrls: ['./general-dialog-layout.component.css'],
+  standalone: true,
+  imports: [],
+})
+export class GeneralDialogLayoutComponent {}
diff --git a/projects/ui-components/internal-shared/lf-internal-shared-public-api.ts b/projects/ui-components/internal-shared/lf-internal-shared-public-api.ts
index aa379d4c..cb872dc9 100644
--- a/projects/ui-components/internal-shared/lf-internal-shared-public-api.ts
+++ b/projects/ui-components/internal-shared/lf-internal-shared-public-api.ts
@@ -1,16 +1,24 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-export { LfLoaderComponent } from './lf-loader/lf-loader.component';
-
-export { LfPopupModalComponent, PopupModalData, PopupModalResult } from './lf-modals/lf-popup-modal/lf-popup-modal.component';
-
-export { AppLocalizationService } from './app-localization.service';
-
-export { ValidationRule, ValidationUtils } from './validation-utils';
-
-export { filterObjectsByName } from './filter-utils';
-
-export { GeneralDialogLayoutComponent } from './general-dialog-layout/general-dialog-layout.component';
-
-export { LfMessageToastTypes, LfToastMessage, LfToastMessageComponent } from './lf-toast-message/lf-toast-message.component';
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+export { LfLoaderComponent } from './lf-loader/lf-loader.component';
+
+export {
+  LfPopupModalComponent,
+  PopupModalData,
+  PopupModalResult,
+} from './lf-modals/lf-popup-modal/lf-popup-modal.component';
+
+export { AppLocalizationService } from './app-localization.service';
+
+export { ValidationRule, ValidationUtils } from './validation-utils';
+
+export { filterObjectsByName } from './filter-utils';
+
+export { GeneralDialogLayoutComponent } from './general-dialog-layout/general-dialog-layout.component';
+
+export {
+  LfMessageToastTypes,
+  LfToastMessage,
+  LfToastMessageComponent,
+} from './lf-toast-message/lf-toast-message.component';
diff --git a/projects/ui-components/internal-shared/lf-loader/lf-loader.component.css b/projects/ui-components/internal-shared/lf-loader/lf-loader.component.css
index eba4bec0..d71e76cb 100644
--- a/projects/ui-components/internal-shared/lf-loader/lf-loader.component.css
+++ b/projects/ui-components/internal-shared/lf-loader/lf-loader.component.css
@@ -1,65 +1,65 @@
-.lf-loader-text {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-  vertical-align: middle;
-  color: rgb(84,84,84);
-  user-select: none;
-}
-
-.loader {
-  margin: 0 5px 0 15px;
-  background-image: url('https://lfxstatic.com/Site/WA/10.4.2.641_2020-12-31_103500/assets/images/newdoc_sprite.png');
-  display: inline-block;
-  -moz-animation: spin 2s infinite linear;
-  -o-animation: spin 2s infinite linear;
-  -webkit-animation: spin 2s infinite linear;
-  animation: spin 2s infinite linear;
-  width: 16px;
-  height: 16px;
-  background-position: -76px 0;
-  background-repeat: no-repeat;
-  line-height: 14px;
-  vertical-align: middle;
-}
-
-@-moz-keyframes spin {
-  0% {
-    -moz-transform: rotate(0deg);
-  }
-  100% {
-    -moz-transform: rotate(359deg);
-  }
-}
-@-webkit-keyframes spin {
-  0% {
-    -webkit-transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(359deg);
-  }
-}
-@-o-keyframes spin {
-  0% {
-    -o-transform: rotate(0deg);
-  }
-  100% {
-    -o-transform: rotate(359deg);
-  }
-}
-@-ms-keyframes spin {
-  0% {
-    -ms-transform: rotate(0deg);
-  }
-  100% {
-    -ms-transform: rotate(359deg);
-  }
-}
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(359deg);
-  }
-}
+.lf-loader-text {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  vertical-align: middle;
+  color: rgb(84, 84, 84);
+  user-select: none;
+}
+
+.loader {
+  margin: 0 5px 0 15px;
+  background-image: url("https://lfxstatic.com/Site/WA/10.4.2.641_2020-12-31_103500/assets/images/newdoc_sprite.png");
+  display: inline-block;
+  -moz-animation: spin 2s infinite linear;
+  -o-animation: spin 2s infinite linear;
+  -webkit-animation: spin 2s infinite linear;
+  animation: spin 2s infinite linear;
+  width: 16px;
+  height: 16px;
+  background-position: -76px 0;
+  background-repeat: no-repeat;
+  line-height: 14px;
+  vertical-align: middle;
+}
+
+@-moz-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+  }
+  100% {
+    -moz-transform: rotate(359deg);
+  }
+}
+@-webkit-keyframes spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+  }
+}
+@-o-keyframes spin {
+  0% {
+    -o-transform: rotate(0deg);
+  }
+  100% {
+    -o-transform: rotate(359deg);
+  }
+}
+@-ms-keyframes spin {
+  0% {
+    -ms-transform: rotate(0deg);
+  }
+  100% {
+    -ms-transform: rotate(359deg);
+  }
+}
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(359deg);
+  }
+}
diff --git a/projects/ui-components/internal-shared/lf-loader/lf-loader.component.html b/projects/ui-components/internal-shared/lf-loader/lf-loader.component.html
index 905e590e..a73f19c5 100644
--- a/projects/ui-components/internal-shared/lf-loader/lf-loader.component.html
+++ b/projects/ui-components/internal-shared/lf-loader/lf-loader.component.html
@@ -1,5 +1,5 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<i class="loader"></i>
-<span class="lf-loader-text">{{LOADING | async}}</span>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<i class="loader"></i>
+<span class="lf-loader-text">{{ LOADING | async }}</span>
diff --git a/projects/ui-components/internal-shared/lf-loader/lf-loader.component.spec.ts b/projects/ui-components/internal-shared/lf-loader/lf-loader.component.spec.ts
index 2fb986a9..a26b66e4 100644
--- a/projects/ui-components/internal-shared/lf-loader/lf-loader.component.spec.ts
+++ b/projects/ui-components/internal-shared/lf-loader/lf-loader.component.spec.ts
@@ -1,28 +1,27 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { LfLoaderComponent } from './lf-loader.component';
-
-describe('LfLoaderComponent', () => {
-  let component: LfLoaderComponent;
-  let fixture: ComponentFixture<LfLoaderComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [ LfLoaderComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(LfLoaderComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LfLoaderComponent } from './lf-loader.component';
+
+describe('LfLoaderComponent', () => {
+  let component: LfLoaderComponent;
+  let fixture: ComponentFixture<LfLoaderComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [LfLoaderComponent],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LfLoaderComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/ui-components/internal-shared/lf-loader/lf-loader.component.ts b/projects/ui-components/internal-shared/lf-loader/lf-loader.component.ts
index 81c7e883..8447ed09 100644
--- a/projects/ui-components/internal-shared/lf-loader/lf-loader.component.ts
+++ b/projects/ui-components/internal-shared/lf-loader/lf-loader.component.ts
@@ -1,25 +1,25 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component, inject } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { Observable } from 'rxjs';
-import { AppLocalizationService } from '../app-localization.service';
-
-/**
- * @internal
- * Not for public use
- */
-@Component({
-  selector: 'lf-loader-component',
-  templateUrl: './lf-loader.component.html',
-  styleUrls: ['./lf-loader.component.css'],
-  standalone: true,
-  imports: [CommonModule],
-})
-export class LfLoaderComponent {
-  /** @internal */
-  private localizationService = inject(AppLocalizationService);
-
-  readonly LOADING: Observable<string> = this.localizationService.getStringLaserficheObservable('LOADING');
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component, inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { Observable } from 'rxjs';
+import { AppLocalizationService } from '../app-localization.service';
+
+/**
+ * @internal
+ * Not for public use
+ */
+@Component({
+  selector: 'lf-loader-component',
+  templateUrl: './lf-loader.component.html',
+  styleUrls: ['./lf-loader.component.css'],
+  standalone: true,
+  imports: [CommonModule],
+})
+export class LfLoaderComponent {
+  /** @internal */
+  private localizationService = inject(AppLocalizationService);
+
+  readonly LOADING: Observable<string> = this.localizationService.getStringLaserficheObservable('LOADING');
+}
diff --git a/projects/ui-components/internal-shared/lf-modals/lf-popup-modal/lf-popup-modal.component.css b/projects/ui-components/internal-shared/lf-modals/lf-popup-modal/lf-popup-modal.component.css
index 1fe6629c..cbe85d2a 100644
--- a/projects/ui-components/internal-shared/lf-modals/lf-popup-modal/lf-popup-modal.component.css
+++ b/projects/ui-components/internal-shared/lf-modals/lf-popup-modal/lf-popup-modal.component.css
@@ -1,8 +1,8 @@
-.dialog-button {
-    float: right;
-    margin-left: 10px;
-}
-  
-.lf-button.dialog-button {
-    min-width: 0px; /* for compatibility with Edge */
-}
+.dialog-button {
+  float: right;
+  margin-left: 10px;
+}
+
+.lf-button.dialog-button {
+  min-width: 0px; /* for compatibility with Edge */
+}
diff --git a/projects/ui-components/internal-shared/lf-modals/lf-popup-modal/lf-popup-modal.component.html b/projects/ui-components/internal-shared/lf-modals/lf-popup-modal/lf-popup-modal.component.html
index c14fe576..4c117782 100644
--- a/projects/ui-components/internal-shared/lf-modals/lf-popup-modal/lf-popup-modal.component.html
+++ b/projects/ui-components/internal-shared/lf-modals/lf-popup-modal/lf-popup-modal.component.html
@@ -3,22 +3,25 @@
 
 @if (data) {
   <div>
-    <span class="lf-dialog-title lf-popup-dialog-title">{{data.popupTitle | async}}</span>
+    <span class="lf-dialog-title lf-popup-dialog-title">{{ data.popupTitle | async }}</span>
     <div class="lf-dialog-message">
-      <p>{{data.popupMessage | async}}</p>
+      <p>{{ data.popupMessage | async }}</p>
     </div>
     <div class="lf-dialog-actions">
       @if (data.confirmButtonText) {
-        <button class="lf-button primary-button dialog-button"
-        (click)="onConfirmClick()" cdkFocusInitial>{{data.confirmButtonText | async}}</button>
+        <button class="lf-button primary-button dialog-button" (click)="onConfirmClick()" cdkFocusInitial>
+          {{ data.confirmButtonText | async }}
+        </button>
       }
       @if (data.noButtonText) {
-        <button class="lf-button sec-button dialog-button"
-        (click)="onNoClick()">{{data.noButtonText | async}}</button>
+        <button class="lf-button sec-button dialog-button" (click)="onNoClick()">
+          {{ data.noButtonText | async }}
+        </button>
       }
       @if (data.cancelButtonText) {
-        <button class="lf-button sec-button dialog-button"
-        (click)="onCancelClick()">{{data.cancelButtonText | async}}</button>
+        <button class="lf-button sec-button dialog-button" (click)="onCancelClick()">
+          {{ data.cancelButtonText | async }}
+        </button>
       }
     </div>
   </div>
diff --git a/projects/ui-components/internal-shared/lf-modals/lf-popup-modal/lf-popup-modal.component.spec.ts b/projects/ui-components/internal-shared/lf-modals/lf-popup-modal/lf-popup-modal.component.spec.ts
index 760faf2e..db8761f7 100644
--- a/projects/ui-components/internal-shared/lf-modals/lf-popup-modal/lf-popup-modal.component.spec.ts
+++ b/projects/ui-components/internal-shared/lf-modals/lf-popup-modal/lf-popup-modal.component.spec.ts
@@ -1,27 +1,26 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { LfPopupModalComponent } from './lf-popup-modal.component';
-
-describe('LfPopupModalComponent', () => {
-  let component: LfPopupModalComponent;
-  let fixture: ComponentFixture<LfPopupModalComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [ LfPopupModalComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(LfPopupModalComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { LfPopupModalComponent } from './lf-popup-modal.component';
+
+describe('LfPopupModalComponent', () => {
+  let component: LfPopupModalComponent;
+  let fixture: ComponentFixture<LfPopupModalComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [LfPopupModalComponent],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LfPopupModalComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/ui-components/internal-shared/lf-modals/lf-popup-modal/lf-popup-modal.component.ts b/projects/ui-components/internal-shared/lf-modals/lf-popup-modal/lf-popup-modal.component.ts
index 499ea2d2..961228ed 100644
--- a/projects/ui-components/internal-shared/lf-modals/lf-popup-modal/lf-popup-modal.component.ts
+++ b/projects/ui-components/internal-shared/lf-modals/lf-popup-modal/lf-popup-modal.component.ts
@@ -1,55 +1,55 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { CdkTrapFocus } from '@angular/cdk/a11y';
-import { Observable } from 'rxjs';
-
-/**
- * @internal
- * Not for public use
- */
-@Component({
-    selector: 'lf-popup-modal-component',
-    templateUrl: './lf-popup-modal.component.html',
-    styleUrls: ['./lf-popup-modal.component.css'],
-    standalone: true,
-    imports: [CommonModule, CdkTrapFocus]
-})
-export class LfPopupModalComponent {
-  @Input() data!: PopupModalData;
-  @Output() buttonClick: EventEmitter<string> = new EventEmitter<string>();
-
-  /** @internal */
-  onConfirmClick(): void {
-    this.buttonClick.emit(PopupModalResult.CONFIRM);
-  }
-
-  /** @internal */
-  onCancelClick(): void {
-    this.buttonClick.emit(PopupModalResult.CANCEL);
-  }
-
-  /** @internal */
-  onNoClick(): void {
-    this.buttonClick.emit(PopupModalResult.NO);
-  }
-}
-
-/** @internal */
-export interface PopupModalData {
-  popupTitle: Observable<string>;
-  popupMessage: Observable<string>;
-  confirmButtonText?: Observable<string>;
-  cancelButtonText?: Observable<string>;
-  noButtonText?: Observable<string>;
-  data?: any;
-}
-
-/** @internal */
-export enum PopupModalResult {
-  CONFIRM = 'CONFIRM',
-  NO='NO',
-  CANCEL='CANCEL'
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { CdkTrapFocus } from '@angular/cdk/a11y';
+import { Observable } from 'rxjs';
+
+/**
+ * @internal
+ * Not for public use
+ */
+@Component({
+  selector: 'lf-popup-modal-component',
+  templateUrl: './lf-popup-modal.component.html',
+  styleUrls: ['./lf-popup-modal.component.css'],
+  standalone: true,
+  imports: [CommonModule, CdkTrapFocus],
+})
+export class LfPopupModalComponent {
+  @Input() data!: PopupModalData;
+  @Output() buttonClick: EventEmitter<string> = new EventEmitter<string>();
+
+  /** @internal */
+  onConfirmClick(): void {
+    this.buttonClick.emit(PopupModalResult.CONFIRM);
+  }
+
+  /** @internal */
+  onCancelClick(): void {
+    this.buttonClick.emit(PopupModalResult.CANCEL);
+  }
+
+  /** @internal */
+  onNoClick(): void {
+    this.buttonClick.emit(PopupModalResult.NO);
+  }
+}
+
+/** @internal */
+export interface PopupModalData {
+  popupTitle: Observable<string>;
+  popupMessage: Observable<string>;
+  confirmButtonText?: Observable<string>;
+  cancelButtonText?: Observable<string>;
+  noButtonText?: Observable<string>;
+  data?: any;
+}
+
+/** @internal */
+export enum PopupModalResult {
+  CONFIRM = 'CONFIRM',
+  NO = 'NO',
+  CANCEL = 'CANCEL',
+}
diff --git a/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.css b/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.css
index 3b2a49d1..56649515 100644
--- a/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.css
+++ b/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.css
@@ -1,127 +1,127 @@
-:host {
-  pointer-events: none;
-}
-
-:host:not(.relative) {
-  display: flex;
-  flex-direction: column;
-  place-content: center;
-  align-items: center;
-  position: absolute;
-  width: 100%;
-  z-index: 9999;
-}
-
-:host(.relative) {
-  display: block;
-  left: calc(var(--lf-toast-message-offset, 48px) / 2);
-  width: 100%;
-  z-index: 9999;
-}
-
-:host:not(.bottom-align) {
-  top: 10px;
-}
-
-:host(.bottom-align) {
-  bottom: 10px;
-}
-
-.lf-flexbox-row {
-  display: flex;
-  flex-direction: row;
-}
-
-.lf-flexbox-col {
-  display: flex;
-  flex-direction: column;
-}
-
-.lf-flexbox-center.both-axis {
-  align-items: center;
-  place-content: center;
-}
-
-.lf-flex-item {
-  flex: 1 1 auto;
-}
-
-.hide-icon {
-  display: none;
-}
-
-.message-holder {
-  margin: 1px 0;
-  padding: 8px 8px 8px 20px;
-  border-radius: 5px;
-  min-width: 300px;
-  max-width: 560px;
-  cursor: pointer;
-  -ms-text-overflow: ellipsis;
-  -o-text-overflow: ellipsis;
-  text-overflow: ellipsis;
-
-  font-weight: 600;
-  font-size: 14px;
-
-  pointer-events: auto;
-}
-
-.no-left-padding {
-  padding-left: 0;
-}
-
-.message-holder.error {
-  color: #ab2227;
-  background-color: #f7e8e9;
-  border: #ab2227 1px solid;
-}
-
-.message-holder.warning {
-  background-color: #fff9eb;
-  border: #facb5e 1px solid;
-}
-
-.warning {
-  color: #333333;
-}
-
-.warningIcon {
-  color: #333333;
-}
-
-.message-holder.validation {
-  color: #216352;
-  background-color: #e8efed;
-  border: #216352 1px solid;
-}
-
-.message-holder.informational {
-  color: #0058ad;
-  background-color: #c1d6eb;
-  border: #0058ad 1px solid;
-}
-
-.message-text {
-  font-size: 13px;
-  font-weight: 600;
-  padding: 0 10px;
-  white-space: pre-line;
-  max-height: 85px;
-  overflow-y: auto;
-}
-
-.message-wrapper {
-  margin: auto 0;
-}
-
-#close-btn {
-  width: 24px;
-  height: 24px;
-  color: inherit;
-  border: none;
-  background: inherit;
-  cursor: pointer;
-  padding: 0;
-  pointer-events: all;
-}
\ No newline at end of file
+:host {
+  pointer-events: none;
+}
+
+:host:not(.relative) {
+  display: flex;
+  flex-direction: column;
+  place-content: center;
+  align-items: center;
+  position: absolute;
+  width: 100%;
+  z-index: 9999;
+}
+
+:host(.relative) {
+  display: block;
+  left: calc(var(--lf-toast-message-offset, 48px) / 2);
+  width: 100%;
+  z-index: 9999;
+}
+
+:host:not(.bottom-align) {
+  top: 10px;
+}
+
+:host(.bottom-align) {
+  bottom: 10px;
+}
+
+.lf-flexbox-row {
+  display: flex;
+  flex-direction: row;
+}
+
+.lf-flexbox-col {
+  display: flex;
+  flex-direction: column;
+}
+
+.lf-flexbox-center.both-axis {
+  align-items: center;
+  place-content: center;
+}
+
+.lf-flex-item {
+  flex: 1 1 auto;
+}
+
+.hide-icon {
+  display: none;
+}
+
+.message-holder {
+  margin: 1px 0;
+  padding: 8px 8px 8px 20px;
+  border-radius: 5px;
+  min-width: 300px;
+  max-width: 560px;
+  cursor: pointer;
+  -ms-text-overflow: ellipsis;
+  -o-text-overflow: ellipsis;
+  text-overflow: ellipsis;
+
+  font-weight: 600;
+  font-size: 14px;
+
+  pointer-events: auto;
+}
+
+.no-left-padding {
+  padding-left: 0;
+}
+
+.message-holder.error {
+  color: #ab2227;
+  background-color: #f7e8e9;
+  border: #ab2227 1px solid;
+}
+
+.message-holder.warning {
+  background-color: #fff9eb;
+  border: #facb5e 1px solid;
+}
+
+.warning {
+  color: #333333;
+}
+
+.warningIcon {
+  color: #333333;
+}
+
+.message-holder.validation {
+  color: #216352;
+  background-color: #e8efed;
+  border: #216352 1px solid;
+}
+
+.message-holder.informational {
+  color: #0058ad;
+  background-color: #c1d6eb;
+  border: #0058ad 1px solid;
+}
+
+.message-text {
+  font-size: 13px;
+  font-weight: 600;
+  padding: 0 10px;
+  white-space: pre-line;
+  max-height: 85px;
+  overflow-y: auto;
+}
+
+.message-wrapper {
+  margin: auto 0;
+}
+
+#close-btn {
+  width: 24px;
+  height: 24px;
+  color: inherit;
+  border: none;
+  background: inherit;
+  cursor: pointer;
+  padding: 0;
+  pointer-events: all;
+}
diff --git a/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.html b/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.html
index f37ace69..797c0b1f 100644
--- a/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.html
+++ b/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.html
@@ -4,35 +4,35 @@
 @for (message of allMessages; track message; let idx = $index) {
   <div
     class="toast-message message-holder lf-flexbox-col"
-  [ngClass]="{
-    error: message.type === 'Error',
-    warning: message.type === 'Warning',
-    validation: message.type === 'Validation',
-    informational: message.type === 'Informational'
-  }"
-    >
+    [ngClass]="{
+      error: message.type === 'Error',
+      warning: message.type === 'Warning',
+      validation: message.type === 'Validation',
+      informational: message.type === 'Informational',
+    }"
+  >
     <div class="lf-flexbox-row lf-flexbox-center both-axis">
       <span
         class="material-icons-outlined"
         style="flex: 0 0 auto"
-      [ngClass]="{
-        warningIcon: message.type === 'Warning',
-        'hide-icon': message.noIcon
-      }"
+        [ngClass]="{
+          warningIcon: message.type === 'Warning',
+          'hide-icon': message.noIcon,
+        }"
         [attr.aria-label]="message.type"
-        >
+      >
         {{ _computeTypeIcon(message.type) }}
       </span>
       <div
         class="message-text lf-flex-item lf-flexbox-row"
-      [ngClass]="{
-        error: message.type === 'Error',
-        warning: message.type === 'Warning',
-        validation: message.type === 'Validation',
-        informational: message.type === 'Informational',
-        'no-left-padding': message.noIcon
-      }"
-        >
+        [ngClass]="{
+          error: message.type === 'Error',
+          warning: message.type === 'Warning',
+          validation: message.type === 'Validation',
+          informational: message.type === 'Informational',
+          'no-left-padding': message.noIcon,
+        }"
+      >
         <div class="message-wrapper">
           {{ message.message }}
         </div>
@@ -41,10 +41,10 @@
         id="close-btn"
         (click)="message.id ? _closeToast(message.id) : null"
         style="flex: 0 0 auto"
-      [ngClass]="{
-        warningIcon: message.type === 'Warning'
-      }"
-        >
+        [ngClass]="{
+          warningIcon: message.type === 'Warning',
+        }"
+      >
         <span class="material-icons-outlined" aria-label="close"> close </span>
       </button>
     </div>
diff --git a/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.spec.ts b/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.spec.ts
index cbdeec51..e0215920 100644
--- a/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.spec.ts
+++ b/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.spec.ts
@@ -1,140 +1,139 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { LfToastMessageComponent, LfMessageToastTypes, LfToastMessage } from './lf-toast-message.component';
-
-describe('LfToastMessageComponent', () => {
-  let component: LfToastMessageComponent;
-  let fixture: ComponentFixture<LfToastMessageComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [LfToastMessageComponent]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(LfToastMessageComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('should add message to the messages array when passed in', () => {
-    const message: LfToastMessage = {
-      message: 'Test',
-      type: LfMessageToastTypes.Error,
-      timeToShow: 100,
-      noIcon: false,
-      hideMessage: false,
-    };
-    component.messages = [message];
-    expect(component.allMessages.length).toBe(1);
-  });
-
-  it('should add multiple messages to the messages array when passed in', () => {
-    const message: LfToastMessage = {
-      message: 'Test',
-      type: LfMessageToastTypes.Error,
-      timeToShow: 100,
-      noIcon: false,
-      hideMessage: false,
-    };
-    component.messages = [message, message, message];
-    expect(component.allMessages.length).toBe(3);
-  });
-
-  it('should remove validation and informational after the alloted time', () => {
-    return new Promise<void>((done) => {
-    const timeToShow = 100;
-    const validationMessage: LfToastMessage = {
-      message: 'Test',
-      type: LfMessageToastTypes.Validation,
-      timeToShow: timeToShow,
-      noIcon: false,
-      hideMessage: false,
-    };
-    const informationalMessage: LfToastMessage = {
-      message: 'Test',
-      type: LfMessageToastTypes.Informational,
-      timeToShow: timeToShow,
-      noIcon: false,
-      hideMessage: false,
-    };
-    component.messages = [validationMessage, informationalMessage];
-    window.setTimeout(() => {
-      expect(component.allMessages.length).toBe(0);
-      done();
-    }, timeToShow + 100);
-    });
-  });
-
-  it('should not remove error or warning messages after alloted time', () => {
-    return new Promise<void>((done) => {
-    const timeToShow = 100;
-    const errorMessage: LfToastMessage = {
-      message: 'Test',
-      type: LfMessageToastTypes.Error,
-      timeToShow: timeToShow,
-      noIcon: false,
-      hideMessage: false,
-    };
-
-    const warningMessage: LfToastMessage = {
-      message: 'Test',
-      type: LfMessageToastTypes.Warning,
-      timeToShow: timeToShow,
-      noIcon: false,
-      hideMessage: false,
-    };
-    component.messages = [errorMessage, warningMessage];
-    window.setTimeout(() => {
-      expect(component.allMessages.length).toBe(2);
-      done();
-    }, timeToShow + 100);
-    });
-  });
-
-  it('should remove all messages when clearToasts is called', () => {
-    const message: LfToastMessage = {
-      message: 'Test',
-      type: LfMessageToastTypes.Error,
-      timeToShow: 100,
-      noIcon: false,
-      hideMessage: false,
-    };
-    component.messages = [message, message, message, message];
-    expect(component.allMessages.length).toBe(4);
-    component.clearToasts();
-    expect(component.allMessages.length).toBe(0);
-  });
-
-  it('should only clear the messages of toastFilter type when clearToasts is called', () => {
-    const errorMessage: LfToastMessage = {
-      message: 'Test',
-      type: LfMessageToastTypes.Error,
-      timeToShow: 100,
-      noIcon: false,
-      hideMessage: false,
-    };
-    const validMessage: LfToastMessage = {
-      message: 'Test',
-      type: LfMessageToastTypes.Validation,
-      timeToShow: 100,
-      noIcon: false,
-      hideMessage: false,
-    };
-    component.messages = [errorMessage, validMessage, validMessage, validMessage];
-    expect(component.allMessages.filter(message => message.type === LfMessageToastTypes.Error).length).toBe(1);
-    expect(component.allMessages.filter(message => message.type === LfMessageToastTypes.Validation).length).toBe(3);
-    component.clearToasts(LfMessageToastTypes.Validation);
-    expect(component.allMessages.length).toBe(1);
-    expect(component.allMessages[0].type).toBe(LfMessageToastTypes.Error);
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LfToastMessageComponent, LfMessageToastTypes, LfToastMessage } from './lf-toast-message.component';
+
+describe('LfToastMessageComponent', () => {
+  let component: LfToastMessageComponent;
+  let fixture: ComponentFixture<LfToastMessageComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [LfToastMessageComponent],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LfToastMessageComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('should add message to the messages array when passed in', () => {
+    const message: LfToastMessage = {
+      message: 'Test',
+      type: LfMessageToastTypes.Error,
+      timeToShow: 100,
+      noIcon: false,
+      hideMessage: false,
+    };
+    component.messages = [message];
+    expect(component.allMessages.length).toBe(1);
+  });
+
+  it('should add multiple messages to the messages array when passed in', () => {
+    const message: LfToastMessage = {
+      message: 'Test',
+      type: LfMessageToastTypes.Error,
+      timeToShow: 100,
+      noIcon: false,
+      hideMessage: false,
+    };
+    component.messages = [message, message, message];
+    expect(component.allMessages.length).toBe(3);
+  });
+
+  it('should remove validation and informational after the alloted time', () => {
+    return new Promise<void>((done) => {
+      const timeToShow = 100;
+      const validationMessage: LfToastMessage = {
+        message: 'Test',
+        type: LfMessageToastTypes.Validation,
+        timeToShow: timeToShow,
+        noIcon: false,
+        hideMessage: false,
+      };
+      const informationalMessage: LfToastMessage = {
+        message: 'Test',
+        type: LfMessageToastTypes.Informational,
+        timeToShow: timeToShow,
+        noIcon: false,
+        hideMessage: false,
+      };
+      component.messages = [validationMessage, informationalMessage];
+      window.setTimeout(() => {
+        expect(component.allMessages.length).toBe(0);
+        done();
+      }, timeToShow + 100);
+    });
+  });
+
+  it('should not remove error or warning messages after alloted time', () => {
+    return new Promise<void>((done) => {
+      const timeToShow = 100;
+      const errorMessage: LfToastMessage = {
+        message: 'Test',
+        type: LfMessageToastTypes.Error,
+        timeToShow: timeToShow,
+        noIcon: false,
+        hideMessage: false,
+      };
+
+      const warningMessage: LfToastMessage = {
+        message: 'Test',
+        type: LfMessageToastTypes.Warning,
+        timeToShow: timeToShow,
+        noIcon: false,
+        hideMessage: false,
+      };
+      component.messages = [errorMessage, warningMessage];
+      window.setTimeout(() => {
+        expect(component.allMessages.length).toBe(2);
+        done();
+      }, timeToShow + 100);
+    });
+  });
+
+  it('should remove all messages when clearToasts is called', () => {
+    const message: LfToastMessage = {
+      message: 'Test',
+      type: LfMessageToastTypes.Error,
+      timeToShow: 100,
+      noIcon: false,
+      hideMessage: false,
+    };
+    component.messages = [message, message, message, message];
+    expect(component.allMessages.length).toBe(4);
+    component.clearToasts();
+    expect(component.allMessages.length).toBe(0);
+  });
+
+  it('should only clear the messages of toastFilter type when clearToasts is called', () => {
+    const errorMessage: LfToastMessage = {
+      message: 'Test',
+      type: LfMessageToastTypes.Error,
+      timeToShow: 100,
+      noIcon: false,
+      hideMessage: false,
+    };
+    const validMessage: LfToastMessage = {
+      message: 'Test',
+      type: LfMessageToastTypes.Validation,
+      timeToShow: 100,
+      noIcon: false,
+      hideMessage: false,
+    };
+    component.messages = [errorMessage, validMessage, validMessage, validMessage];
+    expect(component.allMessages.filter((message) => message.type === LfMessageToastTypes.Error).length).toBe(1);
+    expect(component.allMessages.filter((message) => message.type === LfMessageToastTypes.Validation).length).toBe(3);
+    component.clearToasts(LfMessageToastTypes.Validation);
+    expect(component.allMessages.length).toBe(1);
+    expect(component.allMessages[0].type).toBe(LfMessageToastTypes.Error);
+  });
+});
diff --git a/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.ts b/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.ts
index 70395f6b..65909b89 100644
--- a/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.ts
+++ b/projects/ui-components/internal-shared/lf-toast-message/lf-toast-message.component.ts
@@ -1,100 +1,100 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ChangeDetectorRef, Component, Input, inject } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-/** @internal */
-export enum LfMessageToastTypes {
-  Error = 'Error',
-  Warning = 'Warning',
-  Validation = 'Validation',
-  Informational = 'Informational',
-}
-
-/** @internal */
-export interface LfToastMessage {
-  message: string;
-  timeToShow?: number;
-  type: LfMessageToastTypes;
-  noIcon: boolean;
-  hideMessage?: boolean;
-  id?: string;
-}
-
-/** @internal */
-@Component({
-    selector: 'lf-toast-message',
-    templateUrl: './lf-toast-message.component.html',
-    styleUrls: ['./lf-toast-message.component.css'],
-    standalone: true,
-    imports: [CommonModule]
-})
-export class LfToastMessageComponent {
-  private ref = inject(ChangeDetectorRef);
-
-  @Input()
-  set messages(messages: LfToastMessage[]) {
-    if (typeof messages === 'undefined') {
-      return;
-    }
-    for (const message of messages) {
-      let messageId = message.id;
-      if (!messageId) {
-        messageId = message.id = Math.random().toString();
-      }
-
-      this.allMessages.push(message);
-      // Errors and Warnings will not auto dismiss
-      if (
-        (message.type === LfMessageToastTypes.Validation || message.type === LfMessageToastTypes.Informational) &&
-        message.timeToShow &&
-        message.timeToShow > 0
-      ) {
-        window.setTimeout(this._removeToast.bind(this, messageId), message.timeToShow);
-      }
-    }
-  }
-
-  allMessages: LfToastMessage[];
-
-  constructor() {
-    this.allMessages = [];
-  }
-
-  _computeTypeIcon(type: LfMessageToastTypes): string {
-    switch (type) {
-      case LfMessageToastTypes.Validation:
-        return 'check_circle_outline';
-      case LfMessageToastTypes.Warning:
-        return 'warning_amber';
-      case LfMessageToastTypes.Informational:
-        return 'info';
-      default:
-        return 'error_outline';
-    }
-  }
-
-  _closeToast(messageId?: string) {
-    if (!messageId) {
-      return;
-    }
-    this._removeToast(messageId);
-  }
-
-  _removeToast(messageId?: string) {
-    if (!messageId) {
-      return;
-    }
-    const idx = this.allMessages.findIndex((message) => message.id === messageId);
-    if (idx !== -1) {
-      this.allMessages.splice(idx, 1);
-      this.ref.markForCheck();
-    }
-  }
-
-  clearToasts(toastFilter?: LfMessageToastTypes) {
-    this.allMessages = toastFilter ? this.allMessages.filter((message) => message.type !== toastFilter) : [];
-    this.ref.markForCheck();
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ChangeDetectorRef, Component, Input, inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+/** @internal */
+export enum LfMessageToastTypes {
+  Error = 'Error',
+  Warning = 'Warning',
+  Validation = 'Validation',
+  Informational = 'Informational',
+}
+
+/** @internal */
+export interface LfToastMessage {
+  message: string;
+  timeToShow?: number;
+  type: LfMessageToastTypes;
+  noIcon: boolean;
+  hideMessage?: boolean;
+  id?: string;
+}
+
+/** @internal */
+@Component({
+  selector: 'lf-toast-message',
+  templateUrl: './lf-toast-message.component.html',
+  styleUrls: ['./lf-toast-message.component.css'],
+  standalone: true,
+  imports: [CommonModule],
+})
+export class LfToastMessageComponent {
+  private ref = inject(ChangeDetectorRef);
+
+  @Input()
+  set messages(messages: LfToastMessage[]) {
+    if (typeof messages === 'undefined') {
+      return;
+    }
+    for (const message of messages) {
+      let messageId = message.id;
+      if (!messageId) {
+        messageId = message.id = Math.random().toString();
+      }
+
+      this.allMessages.push(message);
+      // Errors and Warnings will not auto dismiss
+      if (
+        (message.type === LfMessageToastTypes.Validation || message.type === LfMessageToastTypes.Informational) &&
+        message.timeToShow &&
+        message.timeToShow > 0
+      ) {
+        window.setTimeout(this._removeToast.bind(this, messageId), message.timeToShow);
+      }
+    }
+  }
+
+  allMessages: LfToastMessage[];
+
+  constructor() {
+    this.allMessages = [];
+  }
+
+  _computeTypeIcon(type: LfMessageToastTypes): string {
+    switch (type) {
+      case LfMessageToastTypes.Validation:
+        return 'check_circle_outline';
+      case LfMessageToastTypes.Warning:
+        return 'warning_amber';
+      case LfMessageToastTypes.Informational:
+        return 'info';
+      default:
+        return 'error_outline';
+    }
+  }
+
+  _closeToast(messageId?: string) {
+    if (!messageId) {
+      return;
+    }
+    this._removeToast(messageId);
+  }
+
+  _removeToast(messageId?: string) {
+    if (!messageId) {
+      return;
+    }
+    const idx = this.allMessages.findIndex((message) => message.id === messageId);
+    if (idx !== -1) {
+      this.allMessages.splice(idx, 1);
+      this.ref.markForCheck();
+    }
+  }
+
+  clearToasts(toastFilter?: LfMessageToastTypes) {
+    this.allMessages = toastFilter ? this.allMessages.filter((message) => message.type !== toastFilter) : [];
+    this.ref.markForCheck();
+  }
+}
diff --git a/projects/ui-components/internal-shared/strings/ar.json b/projects/ui-components/internal-shared/strings/ar.json
index 09a64254..e861f62c 100644
--- a/projects/ui-components/internal-shared/strings/ar.json
+++ b/projects/ui-components/internal-shared/strings/ar.json
@@ -1,20 +1,20 @@
-{
-  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "ستساعدنا ملاحظاتك واقتراحاتك في تحسين منتجاتنا وخدماتنا.",
-  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "إذا كانت لديك مشكلة فنية أو مشكلة في الدعم، أو كنت بحاجة إلى مساعدة فورية، فيرجى الاتصال بمسؤول Laserfiche أو مزود الحلول كما هو موضح في اتفاقية الخدمة الخاصة بك.",
-  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "هل وجدت شيئا يعجبك أو لا يعجبك؟ اسمحوا لنا أن نعرف عنها.",
-  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "هل لديك فكرة عن ميزة جديدة أو تحسين؟ نتطلع إلى سماع ذلك.",
-  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "يرجى عدم تضمين أي معلومات سرية أو شخصية في ملاحظاتك",
-  "TELL_US_ABOUT_EXPERIENCE": "أخبرنا عن تجربتك",
-  "TELL_US_ABOUT_IDEA": "أخبرنا عن فكرتك",
-  "I_HAVE_FEEDBACK": "لدي ملاحظات",
-  "I_HAVE_SUGGESTION": "لدي اقتراح",
-  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "يمكنك الاتصال بي بخصوص هذه الملاحظات",
-  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "إذا كنت ترغب في الانضمام إلى لوحة العملاء الخاصة بنا ،",
-  "PLEASE_CLICK_HERE": "الرجاء الضغط هنا.",
-  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "تتجاوز الصورة الحد الأقصى لحجم الملف {0}.",
-  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "الصورة تالفة أو بتنسيق غير معروف.",
-  "ACCEPTED_FORMATS_ARE_0": "التنسيقات المقبولة هي: {0}.",
-  "IMAGE_NOT_ATTACHED": "الصورة غير مرفقة.",
-  "ATTACH_IMAGE": "إرفاق الصورة",
-  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "يرجى إرفاق صورة واحدة فقط."
-}
+{
+  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "ستساعدنا ملاحظاتك واقتراحاتك في تحسين منتجاتنا وخدماتنا.",
+  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "إذا كانت لديك مشكلة فنية أو مشكلة في الدعم، أو كنت بحاجة إلى مساعدة فورية، فيرجى الاتصال بمسؤول Laserfiche أو مزود الحلول كما هو موضح في اتفاقية الخدمة الخاصة بك.",
+  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "هل وجدت شيئا يعجبك أو لا يعجبك؟ اسمحوا لنا أن نعرف عنها.",
+  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "هل لديك فكرة عن ميزة جديدة أو تحسين؟ نتطلع إلى سماع ذلك.",
+  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "يرجى عدم تضمين أي معلومات سرية أو شخصية في ملاحظاتك",
+  "TELL_US_ABOUT_EXPERIENCE": "أخبرنا عن تجربتك",
+  "TELL_US_ABOUT_IDEA": "أخبرنا عن فكرتك",
+  "I_HAVE_FEEDBACK": "لدي ملاحظات",
+  "I_HAVE_SUGGESTION": "لدي اقتراح",
+  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "يمكنك الاتصال بي بخصوص هذه الملاحظات",
+  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "إذا كنت ترغب في الانضمام إلى لوحة العملاء الخاصة بنا ،",
+  "PLEASE_CLICK_HERE": "الرجاء الضغط هنا.",
+  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "تتجاوز الصورة الحد الأقصى لحجم الملف {0}.",
+  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "الصورة تالفة أو بتنسيق غير معروف.",
+  "ACCEPTED_FORMATS_ARE_0": "التنسيقات المقبولة هي: {0}.",
+  "IMAGE_NOT_ATTACHED": "الصورة غير مرفقة.",
+  "ATTACH_IMAGE": "إرفاق الصورة",
+  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "يرجى إرفاق صورة واحدة فقط."
+}
diff --git a/projects/ui-components/internal-shared/strings/cs.json b/projects/ui-components/internal-shared/strings/cs.json
index 29978dd9..9fdce2a8 100644
--- a/projects/ui-components/internal-shared/strings/cs.json
+++ b/projects/ui-components/internal-shared/strings/cs.json
@@ -1,20 +1,20 @@
-{
-  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Vaše zpětná vazba a návrhy nám pomohou zlepšit náš produkt a služby.",
-  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Pokud máte technický nebo podpůrný problém, nebo potřebujete okamžitou pomoc, kontaktujte prosím svého Laserfiche administrátora nebo poskytovatele řešení, jak je uvedeno ve vaší servisní smlouvě.",
-  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "Našli jste něco, co se vám líbí nebo nelíbí? Dejte nám o tom vědět.",
-  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "Máte nápad na novou funkci nebo vylepšení? Těšíme se, až se o něm dozvíme.",
-  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "Do své zpětné vazby prosím nezahrnujte žádné důvěrné nebo osobní informace",
-  "TELL_US_ABOUT_EXPERIENCE": "Řekněte nám o svých zkušenostech",
-  "TELL_US_ABOUT_IDEA": "Řekněte nám o svém nápadu",
-  "I_HAVE_FEEDBACK": "Mám zpětnou vazbu",
-  "I_HAVE_SUGGESTION": "Mám návrh",
-  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "Můžete mě kontaktovat ohledně této zpětné vazby",
-  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Pokud byste se chtěli připojit k našemu zákaznickému panelu,",
-  "PLEASE_CLICK_HERE": "klikněte prosím zde.",
-  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "Obrázek překračuje maximální velikost souboru {0}.",
-  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "Obrázek je poškozený nebo ve formátu, který není rozpoznán.",
-  "ACCEPTED_FORMATS_ARE_0": "Přijaté formáty jsou: {0}.",
-  "IMAGE_NOT_ATTACHED": "Obrázek nebyl připojen.",
-  "ATTACH_IMAGE": "Připojit obrázek",
-  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Připojte prosím pouze jeden obrázek."
-}
+{
+  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Vaše zpětná vazba a návrhy nám pomohou zlepšit náš produkt a služby.",
+  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Pokud máte technický nebo podpůrný problém, nebo potřebujete okamžitou pomoc, kontaktujte prosím svého Laserfiche administrátora nebo poskytovatele řešení, jak je uvedeno ve vaší servisní smlouvě.",
+  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "Našli jste něco, co se vám líbí nebo nelíbí? Dejte nám o tom vědět.",
+  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "Máte nápad na novou funkci nebo vylepšení? Těšíme se, až se o něm dozvíme.",
+  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "Do své zpětné vazby prosím nezahrnujte žádné důvěrné nebo osobní informace",
+  "TELL_US_ABOUT_EXPERIENCE": "Řekněte nám o svých zkušenostech",
+  "TELL_US_ABOUT_IDEA": "Řekněte nám o svém nápadu",
+  "I_HAVE_FEEDBACK": "Mám zpětnou vazbu",
+  "I_HAVE_SUGGESTION": "Mám návrh",
+  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "Můžete mě kontaktovat ohledně této zpětné vazby",
+  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Pokud byste se chtěli připojit k našemu zákaznickému panelu,",
+  "PLEASE_CLICK_HERE": "klikněte prosím zde.",
+  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "Obrázek překračuje maximální velikost souboru {0}.",
+  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "Obrázek je poškozený nebo ve formátu, který není rozpoznán.",
+  "ACCEPTED_FORMATS_ARE_0": "Přijaté formáty jsou: {0}.",
+  "IMAGE_NOT_ATTACHED": "Obrázek nebyl připojen.",
+  "ATTACH_IMAGE": "Připojit obrázek",
+  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Připojte prosím pouze jeden obrázek."
+}
diff --git a/projects/ui-components/internal-shared/strings/de.json b/projects/ui-components/internal-shared/strings/de.json
index ca06421e..7698c690 100644
--- a/projects/ui-components/internal-shared/strings/de.json
+++ b/projects/ui-components/internal-shared/strings/de.json
@@ -1,20 +1,20 @@
-{
-  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Ihr Feedback und Ihre Vorschläge helfen uns, unser Produkt und unsere Dienstleistungen zu verbessern.",
-  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Wenn Sie ein technisches Problem oder Support benötigen oder sofortige Hilfe brauchen, wenden Sie sich bitte an Ihren Laserfiche-Administrator oder Lösungspartner, wie in Ihrem Servicevertrag angegeben.",
-  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "Haben Sie etwas gefunden, das Ihnen gefällt oder nicht gefällt? Lassen Sie es uns wissen.",
-  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "Haben Sie eine Idee für eine neue Funktion oder eine Verbesserung? Wir freuen uns darauf, davon zu hören.",
-  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "Bitte fügen Sie in Ihrem Feedback keine vertraulichen oder persönlichen Informationen ein.",
-  "TELL_US_ABOUT_EXPERIENCE": "Berichten Sie uns von Ihren Erfahrungen",
-  "TELL_US_ABOUT_IDEA": "Berichten Sie uns von Ihrer Idee",
-  "I_HAVE_FEEDBACK": "Ich habe Rückmeldungen",
-  "I_HAVE_SUGGESTION": "Ich habe einen Vorschlag",
-  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "Sie können mich bezüglich dieses Feedbacks kontaktieren",
-  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Wenn Sie unserem Kundenpanel beitreten möchten,",
-  "PLEASE_CLICK_HERE": "Bitte klicken Sie hier.",
-  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "Das Bild überschreitet die maximale Dateigröße von {0}.",
-  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "Das Bild ist beschädigt oder in einem nicht erkannten Format.",
-  "ACCEPTED_FORMATS_ARE_0": "Die akzeptierten Formate sind: {0}.",
-  "IMAGE_NOT_ATTACHED": "Bild nicht angehängt.",
-  "ATTACH_IMAGE": "Bild anhängen",
-  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Bitte fügen Sie nur ein Bild an."
-}
+{
+  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Ihr Feedback und Ihre Vorschläge helfen uns, unser Produkt und unsere Dienstleistungen zu verbessern.",
+  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Wenn Sie ein technisches Problem oder Support benötigen oder sofortige Hilfe brauchen, wenden Sie sich bitte an Ihren Laserfiche-Administrator oder Lösungspartner, wie in Ihrem Servicevertrag angegeben.",
+  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "Haben Sie etwas gefunden, das Ihnen gefällt oder nicht gefällt? Lassen Sie es uns wissen.",
+  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "Haben Sie eine Idee für eine neue Funktion oder eine Verbesserung? Wir freuen uns darauf, davon zu hören.",
+  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "Bitte fügen Sie in Ihrem Feedback keine vertraulichen oder persönlichen Informationen ein.",
+  "TELL_US_ABOUT_EXPERIENCE": "Berichten Sie uns von Ihren Erfahrungen",
+  "TELL_US_ABOUT_IDEA": "Berichten Sie uns von Ihrer Idee",
+  "I_HAVE_FEEDBACK": "Ich habe Rückmeldungen",
+  "I_HAVE_SUGGESTION": "Ich habe einen Vorschlag",
+  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "Sie können mich bezüglich dieses Feedbacks kontaktieren",
+  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Wenn Sie unserem Kundenpanel beitreten möchten,",
+  "PLEASE_CLICK_HERE": "Bitte klicken Sie hier.",
+  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "Das Bild überschreitet die maximale Dateigröße von {0}.",
+  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "Das Bild ist beschädigt oder in einem nicht erkannten Format.",
+  "ACCEPTED_FORMATS_ARE_0": "Die akzeptierten Formate sind: {0}.",
+  "IMAGE_NOT_ATTACHED": "Bild nicht angehängt.",
+  "ATTACH_IMAGE": "Bild anhängen",
+  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Bitte fügen Sie nur ein Bild an."
+}
diff --git a/projects/ui-components/internal-shared/strings/el.json b/projects/ui-components/internal-shared/strings/el.json
index f6158825..967daa98 100644
--- a/projects/ui-components/internal-shared/strings/el.json
+++ b/projects/ui-components/internal-shared/strings/el.json
@@ -1,20 +1,20 @@
-{
-  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Τα σχόλια και οι προτάσεις σας θα μας βοηθήσουν να βελτιώσουμε το προϊόν και τις υπηρεσίες μας.",
-  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Εάν αντιμετωπίζετε τεχνικό ή υποστηρικτικό πρόβλημα ή χρειάζεστε άμεση βοήθεια, παρακαλώ επικοινωνήστε με τον Διαχειριστή Laserfiche ή τον Πάροχο Λύσεων όπως αναφέρεται στη συμφωνία υπηρεσιών σας.",
-  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "Βρήκατε κάτι που σας αρέσει ή δεν σας αρέσει; Ενημερώστε μας γι' αυτό.",
-  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "Έχετε μια ιδέα για μια νέα λειτουργία ή βελτίωση; Ανυπομονούμε να την ακούσουμε.",
-  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "Παρακαλούμε μην συμπεριλάβετε εμπιστευτικές ή προσωπικές πληροφορίες στα σχόλιά σας",
-  "TELL_US_ABOUT_EXPERIENCE": "Πείτε μας για την εμπειρία σας",
-  "TELL_US_ABOUT_IDEA": "Πείτε μας για την ιδέα σας",
-  "I_HAVE_FEEDBACK": "Έχω σχόλια",
-  "I_HAVE_SUGGESTION": "Έχω μια πρόταση",
-  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "Μπορείτε να επικοινωνήσετε μαζί μου σχετικά με αυτά τα σχόλια",
-  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Εάν επιθυμείτε να συμμετάσχετε στην Επιτροπή Πελατών μας,",
-  "PLEASE_CLICK_HERE": "παρακαλώ κάντε κλικ εδώ.",
-  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "Η εικόνα υπερβαίνει το μέγιστο μέγεθος αρχείου των {0}.",
-  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "Η εικόνα είναι κατεστραμμένη ή σε μη αναγνωρισμένη μορφή.",
-  "ACCEPTED_FORMATS_ARE_0": "Οι αποδεκτές μορφές είναι: {0}.",
-  "IMAGE_NOT_ATTACHED": "Η εικόνα δεν επισυνάφθηκε.",
-  "ATTACH_IMAGE": "Επισύναψη εικόνας",
-  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Παρακαλώ επισυνάψτε μόνο μία εικόνα."
-}
+{
+  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Τα σχόλια και οι προτάσεις σας θα μας βοηθήσουν να βελτιώσουμε το προϊόν και τις υπηρεσίες μας.",
+  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Εάν αντιμετωπίζετε τεχνικό ή υποστηρικτικό πρόβλημα ή χρειάζεστε άμεση βοήθεια, παρακαλώ επικοινωνήστε με τον Διαχειριστή Laserfiche ή τον Πάροχο Λύσεων όπως αναφέρεται στη συμφωνία υπηρεσιών σας.",
+  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "Βρήκατε κάτι που σας αρέσει ή δεν σας αρέσει; Ενημερώστε μας γι' αυτό.",
+  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "Έχετε μια ιδέα για μια νέα λειτουργία ή βελτίωση; Ανυπομονούμε να την ακούσουμε.",
+  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "Παρακαλούμε μην συμπεριλάβετε εμπιστευτικές ή προσωπικές πληροφορίες στα σχόλιά σας",
+  "TELL_US_ABOUT_EXPERIENCE": "Πείτε μας για την εμπειρία σας",
+  "TELL_US_ABOUT_IDEA": "Πείτε μας για την ιδέα σας",
+  "I_HAVE_FEEDBACK": "Έχω σχόλια",
+  "I_HAVE_SUGGESTION": "Έχω μια πρόταση",
+  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "Μπορείτε να επικοινωνήσετε μαζί μου σχετικά με αυτά τα σχόλια",
+  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Εάν επιθυμείτε να συμμετάσχετε στην Επιτροπή Πελατών μας,",
+  "PLEASE_CLICK_HERE": "παρακαλώ κάντε κλικ εδώ.",
+  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "Η εικόνα υπερβαίνει το μέγιστο μέγεθος αρχείου των {0}.",
+  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "Η εικόνα είναι κατεστραμμένη ή σε μη αναγνωρισμένη μορφή.",
+  "ACCEPTED_FORMATS_ARE_0": "Οι αποδεκτές μορφές είναι: {0}.",
+  "IMAGE_NOT_ATTACHED": "Η εικόνα δεν επισυνάφθηκε.",
+  "ATTACH_IMAGE": "Επισύναψη εικόνας",
+  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Παρακαλώ επισυνάψτε μόνο μία εικόνα."
+}
diff --git a/projects/ui-components/internal-shared/strings/es.json b/projects/ui-components/internal-shared/strings/es.json
index 18d4a17c..97ca9878 100644
--- a/projects/ui-components/internal-shared/strings/es.json
+++ b/projects/ui-components/internal-shared/strings/es.json
@@ -1,20 +1,20 @@
-{
-  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Sus comentarios y sugerencias nos ayudarán a mejorar nuestro producto y servicios.",
-  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Si tiene un problema técnico o de soporte, o requiere asistencia inmediata, por favor contacte a su Administrador de Laserfiche o Proveedor de Soluciones según lo indicado en su contrato de servicio.",
-  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "¿Encontró algo que le guste o disguste? Háganoslo saber.",
-  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "¿Tiene una idea para una nueva función o una mejora? Esperamos conocerla.",
-  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "Por favor, no incluya información confidencial o personal en sus comentarios",
-  "TELL_US_ABOUT_EXPERIENCE": "Cuéntenos sobre su experiencia",
-  "TELL_US_ABOUT_IDEA": "Cuéntenos sobre su idea",
-  "I_HAVE_FEEDBACK": "Tengo comentarios",
-  "I_HAVE_SUGGESTION": "Tengo una sugerencia",
-  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "Puede contactarme respecto a este comentario",
-  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Si desea unirse a nuestro Panel de Clientes,",
-  "PLEASE_CLICK_HERE": "por favor haga clic aquí.",
-  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "La imagen excede el tamaño máximo de archivo de {0}.",
-  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "La imagen está dañada o en un formato no reconocido.",
-  "ACCEPTED_FORMATS_ARE_0": "Los formatos aceptados son: {0}.",
-  "IMAGE_NOT_ATTACHED": "Imagen no adjuntada.",
-  "ATTACH_IMAGE": "Adjuntar imagen",
-  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Por favor, adjunte solo una imagen."
-}
+{
+  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Sus comentarios y sugerencias nos ayudarán a mejorar nuestro producto y servicios.",
+  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Si tiene un problema técnico o de soporte, o requiere asistencia inmediata, por favor contacte a su Administrador de Laserfiche o Proveedor de Soluciones según lo indicado en su contrato de servicio.",
+  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "¿Encontró algo que le guste o disguste? Háganoslo saber.",
+  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "¿Tiene una idea para una nueva función o una mejora? Esperamos conocerla.",
+  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "Por favor, no incluya información confidencial o personal en sus comentarios",
+  "TELL_US_ABOUT_EXPERIENCE": "Cuéntenos sobre su experiencia",
+  "TELL_US_ABOUT_IDEA": "Cuéntenos sobre su idea",
+  "I_HAVE_FEEDBACK": "Tengo comentarios",
+  "I_HAVE_SUGGESTION": "Tengo una sugerencia",
+  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "Puede contactarme respecto a este comentario",
+  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Si desea unirse a nuestro Panel de Clientes,",
+  "PLEASE_CLICK_HERE": "por favor haga clic aquí.",
+  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "La imagen excede el tamaño máximo de archivo de {0}.",
+  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "La imagen está dañada o en un formato no reconocido.",
+  "ACCEPTED_FORMATS_ARE_0": "Los formatos aceptados son: {0}.",
+  "IMAGE_NOT_ATTACHED": "Imagen no adjuntada.",
+  "ATTACH_IMAGE": "Adjuntar imagen",
+  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Por favor, adjunte solo una imagen."
+}
diff --git a/projects/ui-components/internal-shared/strings/fr-FR.json b/projects/ui-components/internal-shared/strings/fr-FR.json
index f0de5255..d381559c 100644
--- a/projects/ui-components/internal-shared/strings/fr-FR.json
+++ b/projects/ui-components/internal-shared/strings/fr-FR.json
@@ -1,20 +1,20 @@
-{
-  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Vos commentaires et suggestions nous aideront à améliorer notre produit et nos services.",
-  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Si vous avez un problème technique ou de support, ou si vous avez besoin d'une assistance immédiate, veuillez contacter votre administrateur Laserfiche ou votre fournisseur de solutions comme indiqué dans votre contrat de service.",
-  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "Vous avez trouvé quelque chose que vous aimez ou n'aimez pas ? Faites-le nous savoir.",
-  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "Avez-vous une idée pour une nouvelle fonctionnalité ou une amélioration ? Nous sommes impatients de l'entendre.",
-  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "Veuillez ne pas inclure d'informations confidentielles ou personnelles dans vos commentaires",
-  "TELL_US_ABOUT_EXPERIENCE": "Parlez-nous de votre expérience",
-  "TELL_US_ABOUT_IDEA": "Parlez-nous de votre idée",
-  "I_HAVE_FEEDBACK": "J'ai des commentaires",
-  "I_HAVE_SUGGESTION": "J'ai une suggestion",
-  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "Vous pouvez me contacter à propos de ces commentaires",
-  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Si vous souhaitez rejoindre notre panel de clients,",
-  "PLEASE_CLICK_HERE": "veuillez cliquer ici.",
-  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "L'image dépasse la taille maximale de fichier de {0}.",
-  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "L'image est corrompue ou dans un format non reconnu.",
-  "ACCEPTED_FORMATS_ARE_0": "Les formats acceptés sont : {0}.",
-  "IMAGE_NOT_ATTACHED": "Image non jointe.",
-  "ATTACH_IMAGE": "Joindre une image",
-  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Veuillez joindre une seule image."
-}
+{
+  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Vos commentaires et suggestions nous aideront à améliorer notre produit et nos services.",
+  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Si vous avez un problème technique ou de support, ou si vous avez besoin d'une assistance immédiate, veuillez contacter votre administrateur Laserfiche ou votre fournisseur de solutions comme indiqué dans votre contrat de service.",
+  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "Vous avez trouvé quelque chose que vous aimez ou n'aimez pas ? Faites-le nous savoir.",
+  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "Avez-vous une idée pour une nouvelle fonctionnalité ou une amélioration ? Nous sommes impatients de l'entendre.",
+  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "Veuillez ne pas inclure d'informations confidentielles ou personnelles dans vos commentaires",
+  "TELL_US_ABOUT_EXPERIENCE": "Parlez-nous de votre expérience",
+  "TELL_US_ABOUT_IDEA": "Parlez-nous de votre idée",
+  "I_HAVE_FEEDBACK": "J'ai des commentaires",
+  "I_HAVE_SUGGESTION": "J'ai une suggestion",
+  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "Vous pouvez me contacter à propos de ces commentaires",
+  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Si vous souhaitez rejoindre notre panel de clients,",
+  "PLEASE_CLICK_HERE": "veuillez cliquer ici.",
+  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "L'image dépasse la taille maximale de fichier de {0}.",
+  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "L'image est corrompue ou dans un format non reconnu.",
+  "ACCEPTED_FORMATS_ARE_0": "Les formats acceptés sont : {0}.",
+  "IMAGE_NOT_ATTACHED": "Image non jointe.",
+  "ATTACH_IMAGE": "Joindre une image",
+  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Veuillez joindre une seule image."
+}
diff --git a/projects/ui-components/internal-shared/strings/fr.json b/projects/ui-components/internal-shared/strings/fr.json
index f0de5255..d381559c 100644
--- a/projects/ui-components/internal-shared/strings/fr.json
+++ b/projects/ui-components/internal-shared/strings/fr.json
@@ -1,20 +1,20 @@
-{
-  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Vos commentaires et suggestions nous aideront à améliorer notre produit et nos services.",
-  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Si vous avez un problème technique ou de support, ou si vous avez besoin d'une assistance immédiate, veuillez contacter votre administrateur Laserfiche ou votre fournisseur de solutions comme indiqué dans votre contrat de service.",
-  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "Vous avez trouvé quelque chose que vous aimez ou n'aimez pas ? Faites-le nous savoir.",
-  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "Avez-vous une idée pour une nouvelle fonctionnalité ou une amélioration ? Nous sommes impatients de l'entendre.",
-  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "Veuillez ne pas inclure d'informations confidentielles ou personnelles dans vos commentaires",
-  "TELL_US_ABOUT_EXPERIENCE": "Parlez-nous de votre expérience",
-  "TELL_US_ABOUT_IDEA": "Parlez-nous de votre idée",
-  "I_HAVE_FEEDBACK": "J'ai des commentaires",
-  "I_HAVE_SUGGESTION": "J'ai une suggestion",
-  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "Vous pouvez me contacter à propos de ces commentaires",
-  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Si vous souhaitez rejoindre notre panel de clients,",
-  "PLEASE_CLICK_HERE": "veuillez cliquer ici.",
-  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "L'image dépasse la taille maximale de fichier de {0}.",
-  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "L'image est corrompue ou dans un format non reconnu.",
-  "ACCEPTED_FORMATS_ARE_0": "Les formats acceptés sont : {0}.",
-  "IMAGE_NOT_ATTACHED": "Image non jointe.",
-  "ATTACH_IMAGE": "Joindre une image",
-  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Veuillez joindre une seule image."
-}
+{
+  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Vos commentaires et suggestions nous aideront à améliorer notre produit et nos services.",
+  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Si vous avez un problème technique ou de support, ou si vous avez besoin d'une assistance immédiate, veuillez contacter votre administrateur Laserfiche ou votre fournisseur de solutions comme indiqué dans votre contrat de service.",
+  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "Vous avez trouvé quelque chose que vous aimez ou n'aimez pas ? Faites-le nous savoir.",
+  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "Avez-vous une idée pour une nouvelle fonctionnalité ou une amélioration ? Nous sommes impatients de l'entendre.",
+  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "Veuillez ne pas inclure d'informations confidentielles ou personnelles dans vos commentaires",
+  "TELL_US_ABOUT_EXPERIENCE": "Parlez-nous de votre expérience",
+  "TELL_US_ABOUT_IDEA": "Parlez-nous de votre idée",
+  "I_HAVE_FEEDBACK": "J'ai des commentaires",
+  "I_HAVE_SUGGESTION": "J'ai une suggestion",
+  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "Vous pouvez me contacter à propos de ces commentaires",
+  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Si vous souhaitez rejoindre notre panel de clients,",
+  "PLEASE_CLICK_HERE": "veuillez cliquer ici.",
+  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "L'image dépasse la taille maximale de fichier de {0}.",
+  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "L'image est corrompue ou dans un format non reconnu.",
+  "ACCEPTED_FORMATS_ARE_0": "Les formats acceptés sont : {0}.",
+  "IMAGE_NOT_ATTACHED": "Image non jointe.",
+  "ATTACH_IMAGE": "Joindre une image",
+  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Veuillez joindre une seule image."
+}
diff --git a/projects/ui-components/internal-shared/strings/id.json b/projects/ui-components/internal-shared/strings/id.json
index 2761b7f7..51d5e656 100644
--- a/projects/ui-components/internal-shared/strings/id.json
+++ b/projects/ui-components/internal-shared/strings/id.json
@@ -1,20 +1,20 @@
-{
-  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Umpan balik dan saran Anda akan membantu kami meningkatkan produk dan layanan kami.",
-  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Jika Anda memiliki masalah teknis atau dukungan, atau memerlukan bantuan segera, harap hubungi Administrator Laserfiche Anda atau Penyedia Solusi seperti yang tercantum dalam perjanjian layanan Anda.",
-  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "Menemukan sesuatu yang Anda suka atau tidak suka? Beri tahu kami tentang hal itu.",
-  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "Apakah Anda memiliki ide untuk fitur baru atau perbaikan? Kami menantikan untuk mendengarnya.",
-  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "Harap jangan sertakan informasi rahasia atau pribadi dalam umpan balik Anda",
-  "TELL_US_ABOUT_EXPERIENCE": "Ceritakan kepada kami tentang pengalaman Anda",
-  "TELL_US_ABOUT_IDEA": "Ceritakan kepada kami tentang ide Anda",
-  "I_HAVE_FEEDBACK": "Saya memiliki umpan balik",
-  "I_HAVE_SUGGESTION": "Saya memiliki saran",
-  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "Anda dapat menghubungi saya mengenai umpan balik ini",
-  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Jika Anda ingin bergabung dengan Panel Pelanggan kami,",
-  "PLEASE_CLICK_HERE": "silakan klik di sini.",
-  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "Gambar melebihi ukuran file maksimum sebesar {0}.",
-  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "Gambar rusak atau dalam format yang tidak dikenali.",
-  "ACCEPTED_FORMATS_ARE_0": "Format yang diterima adalah: {0}.",
-  "IMAGE_NOT_ATTACHED": "Gambar tidak dilampirkan.",
-  "ATTACH_IMAGE": "Lampirkan Gambar",
-  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Harap lampirkan hanya satu gambar."
-}
+{
+  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Umpan balik dan saran Anda akan membantu kami meningkatkan produk dan layanan kami.",
+  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Jika Anda memiliki masalah teknis atau dukungan, atau memerlukan bantuan segera, harap hubungi Administrator Laserfiche Anda atau Penyedia Solusi seperti yang tercantum dalam perjanjian layanan Anda.",
+  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "Menemukan sesuatu yang Anda suka atau tidak suka? Beri tahu kami tentang hal itu.",
+  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "Apakah Anda memiliki ide untuk fitur baru atau perbaikan? Kami menantikan untuk mendengarnya.",
+  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "Harap jangan sertakan informasi rahasia atau pribadi dalam umpan balik Anda",
+  "TELL_US_ABOUT_EXPERIENCE": "Ceritakan kepada kami tentang pengalaman Anda",
+  "TELL_US_ABOUT_IDEA": "Ceritakan kepada kami tentang ide Anda",
+  "I_HAVE_FEEDBACK": "Saya memiliki umpan balik",
+  "I_HAVE_SUGGESTION": "Saya memiliki saran",
+  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "Anda dapat menghubungi saya mengenai umpan balik ini",
+  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Jika Anda ingin bergabung dengan Panel Pelanggan kami,",
+  "PLEASE_CLICK_HERE": "silakan klik di sini.",
+  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "Gambar melebihi ukuran file maksimum sebesar {0}.",
+  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "Gambar rusak atau dalam format yang tidak dikenali.",
+  "ACCEPTED_FORMATS_ARE_0": "Format yang diterima adalah: {0}.",
+  "IMAGE_NOT_ATTACHED": "Gambar tidak dilampirkan.",
+  "ATTACH_IMAGE": "Lampirkan Gambar",
+  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Harap lampirkan hanya satu gambar."
+}
diff --git a/projects/ui-components/internal-shared/strings/it.json b/projects/ui-components/internal-shared/strings/it.json
index c0ce9029..7cae87a4 100644
--- a/projects/ui-components/internal-shared/strings/it.json
+++ b/projects/ui-components/internal-shared/strings/it.json
@@ -1,20 +1,20 @@
-{
-  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Il suo feedback e i suoi suggerimenti ci aiuteranno a migliorare i nostri prodotti e servizi.",
-  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Se ha un problema tecnico o di supporto, o necessita di assistenza immediata, la preghiamo di contattare il suo Laserfiche Administrator o Solution Provider come indicato nel suo contratto di servizio.",
-  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "Ha trovato qualcosa che le piace o non le piace? Facci sapere.",
-  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "Ha un'idea per una nuova funzionalità o un miglioramento? Attendiamo con interesse di conoscerla.",
-  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "La preghiamo di non includere informazioni riservate o personali nel suo feedback",
-  "TELL_US_ABOUT_EXPERIENCE": "Ci parli della sua esperienza",
-  "TELL_US_ABOUT_IDEA": "Ci parli della sua idea",
-  "I_HAVE_FEEDBACK": "Ho un feedback",
-  "I_HAVE_SUGGESTION": "Ho un suggerimento",
-  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "Può contattarmi riguardo a questo feedback",
-  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Se desidera unirsi al nostro Customer Panel,",
-  "PLEASE_CLICK_HERE": "per favore clicchi qui.",
-  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "L'immagine supera la dimensione massima del file di {0}.",
-  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "L'immagine è corrotta o in un formato non riconosciuto.",
-  "ACCEPTED_FORMATS_ARE_0": "I formati accettati sono: {0}.",
-  "IMAGE_NOT_ATTACHED": "Immagine non allegata.",
-  "ATTACH_IMAGE": "Allega immagine",
-  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "La preghiamo di allegare una sola immagine."
-}
+{
+  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Il suo feedback e i suoi suggerimenti ci aiuteranno a migliorare i nostri prodotti e servizi.",
+  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Se ha un problema tecnico o di supporto, o necessita di assistenza immediata, la preghiamo di contattare il suo Laserfiche Administrator o Solution Provider come indicato nel suo contratto di servizio.",
+  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "Ha trovato qualcosa che le piace o non le piace? Facci sapere.",
+  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "Ha un'idea per una nuova funzionalità o un miglioramento? Attendiamo con interesse di conoscerla.",
+  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "La preghiamo di non includere informazioni riservate o personali nel suo feedback",
+  "TELL_US_ABOUT_EXPERIENCE": "Ci parli della sua esperienza",
+  "TELL_US_ABOUT_IDEA": "Ci parli della sua idea",
+  "I_HAVE_FEEDBACK": "Ho un feedback",
+  "I_HAVE_SUGGESTION": "Ho un suggerimento",
+  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "Può contattarmi riguardo a questo feedback",
+  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Se desidera unirsi al nostro Customer Panel,",
+  "PLEASE_CLICK_HERE": "per favore clicchi qui.",
+  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "L'immagine supera la dimensione massima del file di {0}.",
+  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "L'immagine è corrotta o in un formato non riconosciuto.",
+  "ACCEPTED_FORMATS_ARE_0": "I formati accettati sono: {0}.",
+  "IMAGE_NOT_ATTACHED": "Immagine non allegata.",
+  "ATTACH_IMAGE": "Allega immagine",
+  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "La preghiamo di allegare una sola immagine."
+}
diff --git a/projects/ui-components/internal-shared/strings/ja.json b/projects/ui-components/internal-shared/strings/ja.json
index 558216b2..23181453 100644
--- a/projects/ui-components/internal-shared/strings/ja.json
+++ b/projects/ui-components/internal-shared/strings/ja.json
@@ -1,20 +1,20 @@
-{
-  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "お客様のフィードバックとご提案は、当社の製品およびサービスの改善に役立ちます。",
-  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "技術的な問題やサポートが必要な場合、または緊急の支援が必要な場合は、サービス契約に記載されているLaserfiche管理者またはソリューションプロバイダーにご連絡ください。",
-  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "気に入った点や気に入らない点がありましたか？ぜひお知らせください。",
-  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "新機能や改善案のアイデアはありますか？ぜひお聞かせください。",
-  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "フィードバックには機密情報や個人情報を含めないでください。",
-  "TELL_US_ABOUT_EXPERIENCE": "あなたのご経験について教えてください",
-  "TELL_US_ABOUT_IDEA": "あなたのアイデアについて教えてください",
-  "I_HAVE_FEEDBACK": "フィードバックがあります",
-  "I_HAVE_SUGGESTION": "提案があります",
-  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "このフィードバックについて私に連絡してもよい",
-  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "カスタマーパネルに参加をご希望の場合は、",
-  "PLEASE_CLICK_HERE": "こちらをクリックしてください。",
-  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "画像のファイルサイズが最大許容サイズの{0}を超えています。",
-  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "画像が破損しているか、認識できない形式です。",
-  "ACCEPTED_FORMATS_ARE_0": "対応している形式は次のとおりです: {0}。",
-  "IMAGE_NOT_ATTACHED": "画像が添付されていません。",
-  "ATTACH_IMAGE": "画像を添付する",
-  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "画像は1つだけ添付してください。"
-}
+{
+  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "お客様のフィードバックとご提案は、当社の製品およびサービスの改善に役立ちます。",
+  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "技術的な問題やサポートが必要な場合、または緊急の支援が必要な場合は、サービス契約に記載されているLaserfiche管理者またはソリューションプロバイダーにご連絡ください。",
+  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "気に入った点や気に入らない点がありましたか？ぜひお知らせください。",
+  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "新機能や改善案のアイデアはありますか？ぜひお聞かせください。",
+  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "フィードバックには機密情報や個人情報を含めないでください。",
+  "TELL_US_ABOUT_EXPERIENCE": "あなたのご経験について教えてください",
+  "TELL_US_ABOUT_IDEA": "あなたのアイデアについて教えてください",
+  "I_HAVE_FEEDBACK": "フィードバックがあります",
+  "I_HAVE_SUGGESTION": "提案があります",
+  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "このフィードバックについて私に連絡してもよい",
+  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "カスタマーパネルに参加をご希望の場合は、",
+  "PLEASE_CLICK_HERE": "こちらをクリックしてください。",
+  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "画像のファイルサイズが最大許容サイズの{0}を超えています。",
+  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "画像が破損しているか、認識できない形式です。",
+  "ACCEPTED_FORMATS_ARE_0": "対応している形式は次のとおりです: {0}。",
+  "IMAGE_NOT_ATTACHED": "画像が添付されていません。",
+  "ATTACH_IMAGE": "画像を添付する",
+  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "画像は1つだけ添付してください。"
+}
diff --git a/projects/ui-components/internal-shared/strings/ko.json b/projects/ui-components/internal-shared/strings/ko.json
index 4b40b945..d4cced7c 100644
--- a/projects/ui-components/internal-shared/strings/ko.json
+++ b/projects/ui-components/internal-shared/strings/ko.json
@@ -1,20 +1,20 @@
-{
-  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "귀하의 의견과 제안은 당사의 제품과 서비스를 개선하는 데 도움이 됩니다.",
-  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "기술적 문제나 지원이 필요하거나 즉각적인 도움이 필요하시면 서비스 계약서에 명시된 Laserfiche 관리자 또는 솔루션 제공업체에 문의하십시오.",
-  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "마음에 들거나 들지 않는 점을 발견하셨나요? 알려주십시오.",
-  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "새로운 기능이나 개선에 대한 아이디어가 있으십니까? 귀하의 의견을 기다립니다.",
-  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "피드백에 기밀 또는 개인 정보를 포함하지 마십시오.",
-  "TELL_US_ABOUT_EXPERIENCE": "귀하의 경험을 알려주십시오",
-  "TELL_US_ABOUT_IDEA": "귀하의 아이디어를 알려주십시오",
-  "I_HAVE_FEEDBACK": "피드백이 있습니다",
-  "I_HAVE_SUGGESTION": "제안이 있습니다",
-  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "이 피드백에 대해 저에게 연락할 수 있습니다",
-  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "고객 패널에 참여하시려면,",
-  "PLEASE_CLICK_HERE": "여기를 클릭하십시오.",
-  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "이미지 파일 크기가 최대 {0}를 초과합니다.",
-  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "이미지가 손상되었거나 인식할 수 없는 형식입니다.",
-  "ACCEPTED_FORMATS_ARE_0": "허용되는 형식은 다음과 같습니다: {0}.",
-  "IMAGE_NOT_ATTACHED": "이미지가 첨부되지 않았습니다.",
-  "ATTACH_IMAGE": "이미지 첨부",
-  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "이미지는 한 개만 첨부해 주십시오."
-}
+{
+  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "귀하의 의견과 제안은 당사의 제품과 서비스를 개선하는 데 도움이 됩니다.",
+  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "기술적 문제나 지원이 필요하거나 즉각적인 도움이 필요하시면 서비스 계약서에 명시된 Laserfiche 관리자 또는 솔루션 제공업체에 문의하십시오.",
+  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "마음에 들거나 들지 않는 점을 발견하셨나요? 알려주십시오.",
+  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "새로운 기능이나 개선에 대한 아이디어가 있으십니까? 귀하의 의견을 기다립니다.",
+  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "피드백에 기밀 또는 개인 정보를 포함하지 마십시오.",
+  "TELL_US_ABOUT_EXPERIENCE": "귀하의 경험을 알려주십시오",
+  "TELL_US_ABOUT_IDEA": "귀하의 아이디어를 알려주십시오",
+  "I_HAVE_FEEDBACK": "피드백이 있습니다",
+  "I_HAVE_SUGGESTION": "제안이 있습니다",
+  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "이 피드백에 대해 저에게 연락할 수 있습니다",
+  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "고객 패널에 참여하시려면,",
+  "PLEASE_CLICK_HERE": "여기를 클릭하십시오.",
+  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "이미지 파일 크기가 최대 {0}를 초과합니다.",
+  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "이미지가 손상되었거나 인식할 수 없는 형식입니다.",
+  "ACCEPTED_FORMATS_ARE_0": "허용되는 형식은 다음과 같습니다: {0}.",
+  "IMAGE_NOT_ATTACHED": "이미지가 첨부되지 않았습니다.",
+  "ATTACH_IMAGE": "이미지 첨부",
+  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "이미지는 한 개만 첨부해 주십시오."
+}
diff --git a/projects/ui-components/internal-shared/strings/ms.json b/projects/ui-components/internal-shared/strings/ms.json
index baa30d00..b2de9b48 100644
--- a/projects/ui-components/internal-shared/strings/ms.json
+++ b/projects/ui-components/internal-shared/strings/ms.json
@@ -1,20 +1,20 @@
-{
-  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Maklum balas dan cadangan anda akan membantu kami menambah baik produk dan perkhidmatan kami.",
-  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Jika anda mempunyai isu teknikal atau sokongan, atau memerlukan bantuan segera, sila hubungi Pentadbir Laserfiche atau Pembekal Penyelesaian anda seperti yang ditunjukkan dalam perjanjian perkhidmatan anda.",
-  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "Menemui sesuatu yang anda suka atau tidak suka? Beritahu kami mengenainya.",
-  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "Adakah anda mempunyai idea untuk ciri baharu atau penambahbaikan? Kami tidak sabar untuk mendengarnya.",
-  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "Sila jangan sertakan sebarang maklumat sulit atau peribadi dalam maklum balas anda",
-  "TELL_US_ABOUT_EXPERIENCE": "Beritahu kami tentang pengalaman anda",
-  "TELL_US_ABOUT_IDEA": "Beritahu kami tentang idea anda",
-  "I_HAVE_FEEDBACK": "Saya mempunyai maklum balas",
-  "I_HAVE_SUGGESTION": "Saya mempunyai cadangan",
-  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "Anda boleh menghubungi saya tentang maklum balas ini",
-  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Jika anda ingin menyertai Panel Pelanggan kami,",
-  "PLEASE_CLICK_HERE": "Sila klik di sini.",
-  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "Imej melebihi saiz fail maksimum {0}.",
-  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "Imej rosak atau dalam format yang tidak dikenali.",
-  "ACCEPTED_FORMATS_ARE_0": "Format yang diterima ialah: {0}.",
-  "IMAGE_NOT_ATTACHED": "Imej tidak dilampirkan.",
-  "ATTACH_IMAGE": "Lampirkan Imej",
-  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Sila lampirkan hanya satu imej."
-}
+{
+  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Maklum balas dan cadangan anda akan membantu kami menambah baik produk dan perkhidmatan kami.",
+  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Jika anda mempunyai isu teknikal atau sokongan, atau memerlukan bantuan segera, sila hubungi Pentadbir Laserfiche atau Pembekal Penyelesaian anda seperti yang ditunjukkan dalam perjanjian perkhidmatan anda.",
+  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "Menemui sesuatu yang anda suka atau tidak suka? Beritahu kami mengenainya.",
+  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "Adakah anda mempunyai idea untuk ciri baharu atau penambahbaikan? Kami tidak sabar untuk mendengarnya.",
+  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "Sila jangan sertakan sebarang maklumat sulit atau peribadi dalam maklum balas anda",
+  "TELL_US_ABOUT_EXPERIENCE": "Beritahu kami tentang pengalaman anda",
+  "TELL_US_ABOUT_IDEA": "Beritahu kami tentang idea anda",
+  "I_HAVE_FEEDBACK": "Saya mempunyai maklum balas",
+  "I_HAVE_SUGGESTION": "Saya mempunyai cadangan",
+  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "Anda boleh menghubungi saya tentang maklum balas ini",
+  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Jika anda ingin menyertai Panel Pelanggan kami,",
+  "PLEASE_CLICK_HERE": "Sila klik di sini.",
+  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "Imej melebihi saiz fail maksimum {0}.",
+  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "Imej rosak atau dalam format yang tidak dikenali.",
+  "ACCEPTED_FORMATS_ARE_0": "Format yang diterima ialah: {0}.",
+  "IMAGE_NOT_ATTACHED": "Imej tidak dilampirkan.",
+  "ATTACH_IMAGE": "Lampirkan Imej",
+  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Sila lampirkan hanya satu imej."
+}
diff --git a/projects/ui-components/internal-shared/strings/nl.json b/projects/ui-components/internal-shared/strings/nl.json
index 91722868..f6114c09 100644
--- a/projects/ui-components/internal-shared/strings/nl.json
+++ b/projects/ui-components/internal-shared/strings/nl.json
@@ -1,20 +1,20 @@
-{
-  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Uw feedback en suggesties helpen ons onze producten en diensten te verbeteren.",
-  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Als u een technisch probleem of ondersteuningsvraag heeft, of onmiddellijke hulp nodig heeft, neem dan contact op met uw Laserfiche-beheerder of Solution Provider zoals aangegeven in uw serviceovereenkomst.",
-  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "Iets gevonden dat u leuk of niet leuk vindt? Laat het ons weten.",
-  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "Heeft u een idee voor een nieuwe functie of een verbetering? We horen er graag over.",
-  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "Gelieve geen vertrouwelijke of persoonlijke informatie in uw feedback op te nemen",
-  "TELL_US_ABOUT_EXPERIENCE": "Vertel ons over uw ervaring",
-  "TELL_US_ABOUT_IDEA": "Vertel ons over uw idee",
-  "I_HAVE_FEEDBACK": "Ik heb feedback",
-  "I_HAVE_SUGGESTION": "Ik heb een suggestie",
-  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "U mag contact met mij opnemen over deze feedback",
-  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Als u lid wilt worden van ons Klantenpanel,",
-  "PLEASE_CLICK_HERE": "klik dan hier.",
-  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "De afbeelding overschrijdt de maximale bestandsgrootte van {0}.",
-  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "De afbeelding is beschadigd of in een niet-herkend formaat.",
-  "ACCEPTED_FORMATS_ARE_0": "De geaccepteerde formaten zijn: {0}.",
-  "IMAGE_NOT_ATTACHED": "Afbeelding niet toegevoegd.",
-  "ATTACH_IMAGE": "Afbeelding bijvoegen",
-  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Voeg alstublieft slechts één afbeelding toe."
-}
+{
+  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Uw feedback en suggesties helpen ons onze producten en diensten te verbeteren.",
+  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Als u een technisch probleem of ondersteuningsvraag heeft, of onmiddellijke hulp nodig heeft, neem dan contact op met uw Laserfiche-beheerder of Solution Provider zoals aangegeven in uw serviceovereenkomst.",
+  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "Iets gevonden dat u leuk of niet leuk vindt? Laat het ons weten.",
+  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "Heeft u een idee voor een nieuwe functie of een verbetering? We horen er graag over.",
+  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "Gelieve geen vertrouwelijke of persoonlijke informatie in uw feedback op te nemen",
+  "TELL_US_ABOUT_EXPERIENCE": "Vertel ons over uw ervaring",
+  "TELL_US_ABOUT_IDEA": "Vertel ons over uw idee",
+  "I_HAVE_FEEDBACK": "Ik heb feedback",
+  "I_HAVE_SUGGESTION": "Ik heb een suggestie",
+  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "U mag contact met mij opnemen over deze feedback",
+  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Als u lid wilt worden van ons Klantenpanel,",
+  "PLEASE_CLICK_HERE": "klik dan hier.",
+  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "De afbeelding overschrijdt de maximale bestandsgrootte van {0}.",
+  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "De afbeelding is beschadigd of in een niet-herkend formaat.",
+  "ACCEPTED_FORMATS_ARE_0": "De geaccepteerde formaten zijn: {0}.",
+  "IMAGE_NOT_ATTACHED": "Afbeelding niet toegevoegd.",
+  "ATTACH_IMAGE": "Afbeelding bijvoegen",
+  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Voeg alstublieft slechts één afbeelding toe."
+}
diff --git a/projects/ui-components/internal-shared/strings/pt-BR.json b/projects/ui-components/internal-shared/strings/pt-BR.json
index 3ff8200c..d6fc988e 100644
--- a/projects/ui-components/internal-shared/strings/pt-BR.json
+++ b/projects/ui-components/internal-shared/strings/pt-BR.json
@@ -1,20 +1,20 @@
-{
-  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Seu feedback e sugestões nos ajudarão a melhorar nosso produto e serviços.",
-  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Se você tiver um problema técnico ou de suporte, ou precisar de assistência imediata, por favor contate seu Administrador Laserfiche ou Provedor de Soluções conforme indicado em seu contrato de serviço.",
-  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "Encontrou algo que gostou ou não gostou? Informe-nos.",
-  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "Você tem uma ideia para um novo recurso ou uma melhoria? Estamos ansiosos para ouvi-la.",
-  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "Por favor, não inclua informações confidenciais ou pessoais em seu feedback",
-  "TELL_US_ABOUT_EXPERIENCE": "Conte-nos sobre sua experiência",
-  "TELL_US_ABOUT_IDEA": "Conte-nos sobre sua ideia",
-  "I_HAVE_FEEDBACK": "Tenho um feedback",
-  "I_HAVE_SUGGESTION": "Tenho uma sugestão",
-  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "Você pode me contatar sobre este feedback",
-  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Se você gostaria de participar do nosso Painel de Clientes,",
-  "PLEASE_CLICK_HERE": "por favor clique aqui.",
-  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "A imagem excede o tamanho máximo do arquivo de {0}.",
-  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "A imagem está corrompida ou em um formato não reconhecido.",
-  "ACCEPTED_FORMATS_ARE_0": "Os formatos aceitos são: {0}.",
-  "IMAGE_NOT_ATTACHED": "Imagem não anexada.",
-  "ATTACH_IMAGE": "Anexar Imagem",
-  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Por favor, anexe apenas uma imagem."
-}
+{
+  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Seu feedback e sugestões nos ajudarão a melhorar nosso produto e serviços.",
+  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Se você tiver um problema técnico ou de suporte, ou precisar de assistência imediata, por favor contate seu Administrador Laserfiche ou Provedor de Soluções conforme indicado em seu contrato de serviço.",
+  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "Encontrou algo que gostou ou não gostou? Informe-nos.",
+  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "Você tem uma ideia para um novo recurso ou uma melhoria? Estamos ansiosos para ouvi-la.",
+  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "Por favor, não inclua informações confidenciais ou pessoais em seu feedback",
+  "TELL_US_ABOUT_EXPERIENCE": "Conte-nos sobre sua experiência",
+  "TELL_US_ABOUT_IDEA": "Conte-nos sobre sua ideia",
+  "I_HAVE_FEEDBACK": "Tenho um feedback",
+  "I_HAVE_SUGGESTION": "Tenho uma sugestão",
+  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "Você pode me contatar sobre este feedback",
+  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Se você gostaria de participar do nosso Painel de Clientes,",
+  "PLEASE_CLICK_HERE": "por favor clique aqui.",
+  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "A imagem excede o tamanho máximo do arquivo de {0}.",
+  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "A imagem está corrompida ou em um formato não reconhecido.",
+  "ACCEPTED_FORMATS_ARE_0": "Os formatos aceitos são: {0}.",
+  "IMAGE_NOT_ATTACHED": "Imagem não anexada.",
+  "ATTACH_IMAGE": "Anexar Imagem",
+  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Por favor, anexe apenas uma imagem."
+}
diff --git a/projects/ui-components/internal-shared/strings/ro.json b/projects/ui-components/internal-shared/strings/ro.json
index 7be2cb5e..bb422c87 100644
--- a/projects/ui-components/internal-shared/strings/ro.json
+++ b/projects/ui-components/internal-shared/strings/ro.json
@@ -1,20 +1,20 @@
-{
-  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Feedback-ul și sugestiile dumneavoastră ne vor ajuta să îmbunătățim produsul și serviciile noastre.",
-  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Dacă aveți o problemă tehnică sau de suport, sau aveți nevoie de asistență imediată, vă rugăm să contactați Administratorul Laserfiche sau Furnizorul de Soluții indicat în acordul dumneavoastră de servicii.",
-  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "Ați găsit ceva ce vă place sau nu vă place? Spuneți-ne despre asta.",
-  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "Aveți o idee pentru o funcționalitate nouă sau o îmbunătățire? Așteptăm cu interes să o auzim.",
-  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "Vă rugăm să nu includeți informații confidențiale sau personale în feedback-ul dumneavoastră",
-  "TELL_US_ABOUT_EXPERIENCE": "Spuneți-ne despre experiența dumneavoastră",
-  "TELL_US_ABOUT_IDEA": "Spuneți-ne despre ideea dumneavoastră",
-  "I_HAVE_FEEDBACK": "Am feedback",
-  "I_HAVE_SUGGESTION": "Am o sugestie",
-  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "Puteți să mă contactați în legătură cu acest feedback",
-  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Dacă doriți să vă alăturați Panelului nostru de Clienți,",
-  "PLEASE_CLICK_HERE": "vă rugăm să faceți clic aici.",
-  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "Imaginea depășește dimensiunea maximă a fișierului de {0}.",
-  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "Imaginea este coruptă sau într-un format nerecunoscut.",
-  "ACCEPTED_FORMATS_ARE_0": "Formatele acceptate sunt: {0}.",
-  "IMAGE_NOT_ATTACHED": "Imaginea nu este atașată.",
-  "ATTACH_IMAGE": "Atașați imagine",
-  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Vă rugăm să atașați doar o singură imagine."
-}
+{
+  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Feedback-ul și sugestiile dumneavoastră ne vor ajuta să îmbunătățim produsul și serviciile noastre.",
+  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Dacă aveți o problemă tehnică sau de suport, sau aveți nevoie de asistență imediată, vă rugăm să contactați Administratorul Laserfiche sau Furnizorul de Soluții indicat în acordul dumneavoastră de servicii.",
+  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "Ați găsit ceva ce vă place sau nu vă place? Spuneți-ne despre asta.",
+  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "Aveți o idee pentru o funcționalitate nouă sau o îmbunătățire? Așteptăm cu interes să o auzim.",
+  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "Vă rugăm să nu includeți informații confidențiale sau personale în feedback-ul dumneavoastră",
+  "TELL_US_ABOUT_EXPERIENCE": "Spuneți-ne despre experiența dumneavoastră",
+  "TELL_US_ABOUT_IDEA": "Spuneți-ne despre ideea dumneavoastră",
+  "I_HAVE_FEEDBACK": "Am feedback",
+  "I_HAVE_SUGGESTION": "Am o sugestie",
+  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "Puteți să mă contactați în legătură cu acest feedback",
+  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Dacă doriți să vă alăturați Panelului nostru de Clienți,",
+  "PLEASE_CLICK_HERE": "vă rugăm să faceți clic aici.",
+  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "Imaginea depășește dimensiunea maximă a fișierului de {0}.",
+  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "Imaginea este coruptă sau într-un format nerecunoscut.",
+  "ACCEPTED_FORMATS_ARE_0": "Formatele acceptate sunt: {0}.",
+  "IMAGE_NOT_ATTACHED": "Imaginea nu este atașată.",
+  "ATTACH_IMAGE": "Atașați imagine",
+  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Vă rugăm să atașați doar o singură imagine."
+}
diff --git a/projects/ui-components/internal-shared/strings/sr-Latn.json b/projects/ui-components/internal-shared/strings/sr-Latn.json
index 0a732234..94950e98 100644
--- a/projects/ui-components/internal-shared/strings/sr-Latn.json
+++ b/projects/ui-components/internal-shared/strings/sr-Latn.json
@@ -1,20 +1,20 @@
-{
-  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Vaše povratne informacije i sugestije će nam pomoći da poboljšamo naše proizvode i usluge.",
-  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Ako imate problem sa tehničkom podrškom ili podrškom, ili vam je potrebna hitna pomoć, obratite se administratoru Laserfiche ili provajderu rešenja kao što je navedeno u ugovoru o usluzi.",
-  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "Pronašli ste nešto što vam se sviđa ili ne sviđa? Javite nam o tome.",
-  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "Da li imate ideju za novu funkciju ili poboljšanje? Radujemo se što ćemo čuti o tome.",
-  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "Molimo vas da ne uključujete nikakve poverljive ili lične podatke u svoje povratne informacije",
-  "TELL_US_ABOUT_EXPERIENCE": "Recite nam svoje iskustvo",
-  "TELL_US_ABOUT_IDEA": "Recite nam nešto o svojoj ideji",
-  "I_HAVE_FEEDBACK": "Imam povratne informacije",
-  "I_HAVE_SUGGESTION": "Imam predlog",
-  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "Možete me kontaktirati u vezi sa ovim povratnim informacijama",
-  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Ako želite da se pridružite našem panelu za korisnike,",
-  "PLEASE_CLICK_HERE": "kliknite ovde.",
-  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "Slika prelazi maksimalnu veličinu datoteke {0}.",
-  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "Slika je oštećena ili u neprepoznatom formatu.",
-  "ACCEPTED_FORMATS_ARE_0": "Prihvaćeni formati su: {0}.",
-  "IMAGE_NOT_ATTACHED": "Slika nije priložena.",
-  "ATTACH_IMAGE": "Priloži sliku",
-  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Molimo Vas da priložite samo jednu sliku."
-}
+{
+  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Vaše povratne informacije i sugestije će nam pomoći da poboljšamo naše proizvode i usluge.",
+  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Ako imate problem sa tehničkom podrškom ili podrškom, ili vam je potrebna hitna pomoć, obratite se administratoru Laserfiche ili provajderu rešenja kao što je navedeno u ugovoru o usluzi.",
+  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "Pronašli ste nešto što vam se sviđa ili ne sviđa? Javite nam o tome.",
+  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "Da li imate ideju za novu funkciju ili poboljšanje? Radujemo se što ćemo čuti o tome.",
+  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "Molimo vas da ne uključujete nikakve poverljive ili lične podatke u svoje povratne informacije",
+  "TELL_US_ABOUT_EXPERIENCE": "Recite nam svoje iskustvo",
+  "TELL_US_ABOUT_IDEA": "Recite nam nešto o svojoj ideji",
+  "I_HAVE_FEEDBACK": "Imam povratne informacije",
+  "I_HAVE_SUGGESTION": "Imam predlog",
+  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "Možete me kontaktirati u vezi sa ovim povratnim informacijama",
+  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Ako želite da se pridružite našem panelu za korisnike,",
+  "PLEASE_CLICK_HERE": "kliknite ovde.",
+  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "Slika prelazi maksimalnu veličinu datoteke {0}.",
+  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "Slika je oštećena ili u neprepoznatom formatu.",
+  "ACCEPTED_FORMATS_ARE_0": "Prihvaćeni formati su: {0}.",
+  "IMAGE_NOT_ATTACHED": "Slika nije priložena.",
+  "ATTACH_IMAGE": "Priloži sliku",
+  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Molimo Vas da priložite samo jednu sliku."
+}
diff --git a/projects/ui-components/internal-shared/strings/th.json b/projects/ui-components/internal-shared/strings/th.json
index cd66cfe1..5521b2dc 100644
--- a/projects/ui-components/internal-shared/strings/th.json
+++ b/projects/ui-components/internal-shared/strings/th.json
@@ -1,20 +1,20 @@
-{
-  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "ข้อเสนอแนะและข้อเสนอแนะของคุณจะช่วยให้เราปรับปรุงผลิตภัณฑ์และบริการของเรา",
-  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "หากคุณมีปัญหาด้านเทคนิคหรือการสนับสนุน หรือต้องการความช่วยเหลือทันที โปรดติดต่อผู้ดูแลระบบ Laserfiche หรือผู้ให้บริการโซลูชันตามที่ระบุไว้ในข้อตกลงการให้บริการของคุณ",
-  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "พบสิ่งที่คุณชอบหรือไม่ชอบหรือไม่? แจ้งให้เราทราบเกี่ยวกับเรื่องนี้",
-  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "คุณมีไอเดียสําหรับฟีเจอร์ใหม่หรือการปรับปรุงหรือไม่? เราหวังว่าจะได้ยินเกี่ยวกับเรื่องนี้",
-  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "โปรดอย่าใส่ข้อมูลที่เป็นความลับหรือข้อมูลส่วนบุคคลในความคิดเห็นของคุณ",
-  "TELL_US_ABOUT_EXPERIENCE": "บอกเราเกี่ยวกับประสบการณ์ของคุณ",
-  "TELL_US_ABOUT_IDEA": "บอกเราเกี่ยวกับไอเดียของคุณ",
-  "I_HAVE_FEEDBACK": "ฉันมีข้อเสนอแนะ",
-  "I_HAVE_SUGGESTION": "ฉันมีข้อเสนอแนะ",
-  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "คุณสามารถติดต่อฉันเกี่ยวกับข้อเสนอแนะนี้",
-  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "หากคุณต้องการเข้าร่วมกลุ่มลูกค้าของเรา",
-  "PLEASE_CLICK_HERE": "กรุณาคลิกที่นี่",
-  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "รูปภาพมีขนาดไฟล์เกินขนาดสูงสุดของ {0}.",
-  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "รูปภาพเสียหายหรืออยู่ในรูปแบบที่ไม่รู้จัก",
-  "ACCEPTED_FORMATS_ARE_0": "รูปแบบที่ยอมรับคือ: {0}.",
-  "IMAGE_NOT_ATTACHED": "ไม่ได้แนบรูปภาพ",
-  "ATTACH_IMAGE": "แนบรูปภาพ",
-  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "โปรดแนบภาพเพียงภาพเดียว"
-}
+{
+  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "ข้อเสนอแนะและข้อเสนอแนะของคุณจะช่วยให้เราปรับปรุงผลิตภัณฑ์และบริการของเรา",
+  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "หากคุณมีปัญหาด้านเทคนิคหรือการสนับสนุน หรือต้องการความช่วยเหลือทันที โปรดติดต่อผู้ดูแลระบบ Laserfiche หรือผู้ให้บริการโซลูชันตามที่ระบุไว้ในข้อตกลงการให้บริการของคุณ",
+  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "พบสิ่งที่คุณชอบหรือไม่ชอบหรือไม่? แจ้งให้เราทราบเกี่ยวกับเรื่องนี้",
+  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "คุณมีไอเดียสําหรับฟีเจอร์ใหม่หรือการปรับปรุงหรือไม่? เราหวังว่าจะได้ยินเกี่ยวกับเรื่องนี้",
+  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "โปรดอย่าใส่ข้อมูลที่เป็นความลับหรือข้อมูลส่วนบุคคลในความคิดเห็นของคุณ",
+  "TELL_US_ABOUT_EXPERIENCE": "บอกเราเกี่ยวกับประสบการณ์ของคุณ",
+  "TELL_US_ABOUT_IDEA": "บอกเราเกี่ยวกับไอเดียของคุณ",
+  "I_HAVE_FEEDBACK": "ฉันมีข้อเสนอแนะ",
+  "I_HAVE_SUGGESTION": "ฉันมีข้อเสนอแนะ",
+  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "คุณสามารถติดต่อฉันเกี่ยวกับข้อเสนอแนะนี้",
+  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "หากคุณต้องการเข้าร่วมกลุ่มลูกค้าของเรา",
+  "PLEASE_CLICK_HERE": "กรุณาคลิกที่นี่",
+  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "รูปภาพมีขนาดไฟล์เกินขนาดสูงสุดของ {0}.",
+  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "รูปภาพเสียหายหรืออยู่ในรูปแบบที่ไม่รู้จัก",
+  "ACCEPTED_FORMATS_ARE_0": "รูปแบบที่ยอมรับคือ: {0}.",
+  "IMAGE_NOT_ATTACHED": "ไม่ได้แนบรูปภาพ",
+  "ATTACH_IMAGE": "แนบรูปภาพ",
+  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "โปรดแนบภาพเพียงภาพเดียว"
+}
diff --git a/projects/ui-components/internal-shared/strings/tr.json b/projects/ui-components/internal-shared/strings/tr.json
index ecccc675..e57af31a 100644
--- a/projects/ui-components/internal-shared/strings/tr.json
+++ b/projects/ui-components/internal-shared/strings/tr.json
@@ -1,20 +1,20 @@
-{
-  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Geri bildiriminiz ve önerileriniz ürün ve hizmetlerimizi geliştirmemize yardımcı olacaktır.",
-  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Teknik veya destek sorununuz varsa ya da acil yardım gerekiyorsa, lütfen hizmet sözleşmenizde belirtilen Laserfiche Yöneticiniz veya Çözüm Sağlayıcınız ile iletişime geçiniz.",
-  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "Beğendiğiniz veya beğenmediğiniz bir şey mi buldunuz? Bize bildirin.",
-  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "Yeni bir özellik veya geliştirme fikriniz mi var? Bunu duymayı sabırsızlıkla bekliyoruz.",
-  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "Lütfen geri bildiriminizde gizli veya kişisel bilgi eklemeyiniz.",
-  "TELL_US_ABOUT_EXPERIENCE": "Deneyiminizi bize anlatın",
-  "TELL_US_ABOUT_IDEA": "Fikrinizi bize anlatın",
-  "I_HAVE_FEEDBACK": "Geri bildirimim var",
-  "I_HAVE_SUGGESTION": "Bir önerim var",
-  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "Bu geri bildirimle ilgili benimle iletişime geçebilirsiniz",
-  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Müşteri Panelimize katılmak isterseniz,",
-  "PLEASE_CLICK_HERE": "lütfen buraya tıklayın.",
-  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "Resim, maksimum dosya boyutu olan {0} değerini aşıyor.",
-  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "Resim bozuk veya tanınmayan bir formatta.",
-  "ACCEPTED_FORMATS_ARE_0": "Kabul edilen formatlar: {0}.",
-  "IMAGE_NOT_ATTACHED": "Resim eklenmedi.",
-  "ATTACH_IMAGE": "Resim Ekle",
-  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Lütfen sadece bir resim ekleyiniz."
-}
+{
+  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Geri bildiriminiz ve önerileriniz ürün ve hizmetlerimizi geliştirmemize yardımcı olacaktır.",
+  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Teknik veya destek sorununuz varsa ya da acil yardım gerekiyorsa, lütfen hizmet sözleşmenizde belirtilen Laserfiche Yöneticiniz veya Çözüm Sağlayıcınız ile iletişime geçiniz.",
+  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "Beğendiğiniz veya beğenmediğiniz bir şey mi buldunuz? Bize bildirin.",
+  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "Yeni bir özellik veya geliştirme fikriniz mi var? Bunu duymayı sabırsızlıkla bekliyoruz.",
+  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "Lütfen geri bildiriminizde gizli veya kişisel bilgi eklemeyiniz.",
+  "TELL_US_ABOUT_EXPERIENCE": "Deneyiminizi bize anlatın",
+  "TELL_US_ABOUT_IDEA": "Fikrinizi bize anlatın",
+  "I_HAVE_FEEDBACK": "Geri bildirimim var",
+  "I_HAVE_SUGGESTION": "Bir önerim var",
+  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "Bu geri bildirimle ilgili benimle iletişime geçebilirsiniz",
+  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Müşteri Panelimize katılmak isterseniz,",
+  "PLEASE_CLICK_HERE": "lütfen buraya tıklayın.",
+  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "Resim, maksimum dosya boyutu olan {0} değerini aşıyor.",
+  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "Resim bozuk veya tanınmayan bir formatta.",
+  "ACCEPTED_FORMATS_ARE_0": "Kabul edilen formatlar: {0}.",
+  "IMAGE_NOT_ATTACHED": "Resim eklenmedi.",
+  "ATTACH_IMAGE": "Resim Ekle",
+  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Lütfen sadece bir resim ekleyiniz."
+}
diff --git a/projects/ui-components/internal-shared/strings/vi.json b/projects/ui-components/internal-shared/strings/vi.json
index f0691ab3..2279a396 100644
--- a/projects/ui-components/internal-shared/strings/vi.json
+++ b/projects/ui-components/internal-shared/strings/vi.json
@@ -1,20 +1,20 @@
-{
-  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Phản hồi và đề xuất của bạn sẽ giúp chúng tôi cải thiện sản phẩm và dịch vụ của mình.",
-  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Nếu bạn gặp vấn đề về kỹ thuật hoặc hỗ trợ hoặc cần hỗ trợ ngay lập tức, vui lòng liên hệ với Quản trị viên hoặc Nhà cung cấp giải pháp Laserfiche của bạn như được nêu trong thỏa thuận dịch vụ của bạn.",
-  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "Tìm thấy thứ gì đó bạn thích hoặc không thích? Hãy cho chúng tôi biết về nó.",
-  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "Bạn có ý tưởng cho một tính năng mới hoặc một cải tiến không? Chúng tôi mong được nghe về nó.",
-  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "Vui lòng không bao gồm bất kỳ thông tin bí mật hoặc cá nhân nào trong phản hồi của bạn",
-  "TELL_US_ABOUT_EXPERIENCE": "Hãy cho chúng tôi biết về trải nghiệm của bạn",
-  "TELL_US_ABOUT_IDEA": "Hãy cho chúng tôi biết về ý tưởng của bạn",
-  "I_HAVE_FEEDBACK": "Tôi có phản hồi",
-  "I_HAVE_SUGGESTION": "Tôi có một đề xuất",
-  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "Bạn có thể liên hệ với tôi về phản hồi này",
-  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Nếu bạn muốn tham gia Bảng điều khiển khách hàng của chúng tôi,",
-  "PLEASE_CLICK_HERE": "Vui lòng nhấp vào đây.",
-  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "Hình ảnh vượt quá kích thước tệp tối đa là {0}.",
-  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "Hình ảnh bị hỏng hoặc ở định dạng không được nhận dạng.",
-  "ACCEPTED_FORMATS_ARE_0": "Các định dạng được chấp nhận là: {0}.",
-  "IMAGE_NOT_ATTACHED": "Hình ảnh không đính kèm.",
-  "ATTACH_IMAGE": "Đính kèm hình ảnh",
-  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Vui lòng chỉ đính kèm một hình ảnh."
-}
+{
+  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "Phản hồi và đề xuất của bạn sẽ giúp chúng tôi cải thiện sản phẩm và dịch vụ của mình.",
+  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "Nếu bạn gặp vấn đề về kỹ thuật hoặc hỗ trợ hoặc cần hỗ trợ ngay lập tức, vui lòng liên hệ với Quản trị viên hoặc Nhà cung cấp giải pháp Laserfiche của bạn như được nêu trong thỏa thuận dịch vụ của bạn.",
+  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "Tìm thấy thứ gì đó bạn thích hoặc không thích? Hãy cho chúng tôi biết về nó.",
+  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "Bạn có ý tưởng cho một tính năng mới hoặc một cải tiến không? Chúng tôi mong được nghe về nó.",
+  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "Vui lòng không bao gồm bất kỳ thông tin bí mật hoặc cá nhân nào trong phản hồi của bạn",
+  "TELL_US_ABOUT_EXPERIENCE": "Hãy cho chúng tôi biết về trải nghiệm của bạn",
+  "TELL_US_ABOUT_IDEA": "Hãy cho chúng tôi biết về ý tưởng của bạn",
+  "I_HAVE_FEEDBACK": "Tôi có phản hồi",
+  "I_HAVE_SUGGESTION": "Tôi có một đề xuất",
+  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "Bạn có thể liên hệ với tôi về phản hồi này",
+  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "Nếu bạn muốn tham gia Bảng điều khiển khách hàng của chúng tôi,",
+  "PLEASE_CLICK_HERE": "Vui lòng nhấp vào đây.",
+  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "Hình ảnh vượt quá kích thước tệp tối đa là {0}.",
+  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "Hình ảnh bị hỏng hoặc ở định dạng không được nhận dạng.",
+  "ACCEPTED_FORMATS_ARE_0": "Các định dạng được chấp nhận là: {0}.",
+  "IMAGE_NOT_ATTACHED": "Hình ảnh không đính kèm.",
+  "ATTACH_IMAGE": "Đính kèm hình ảnh",
+  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Vui lòng chỉ đính kèm một hình ảnh."
+}
diff --git a/projects/ui-components/internal-shared/strings/zh-Hans.json b/projects/ui-components/internal-shared/strings/zh-Hans.json
index b5d4715d..0a1ad1f9 100644
--- a/projects/ui-components/internal-shared/strings/zh-Hans.json
+++ b/projects/ui-components/internal-shared/strings/zh-Hans.json
@@ -1,20 +1,20 @@
-{
-  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "您的反馈和建议将帮助我们改进产品和服务。",
-  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "如果您有技术或支持问题，或需要立即协助，请按照您的服务协议联系您的 Laserfiche 管理员或解决方案提供商。",
-  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "发现您喜欢或不喜欢的内容？请告诉我们。",
-  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "您有新功能或改进的想法吗？我们期待您的反馈。",
-  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "请勿在反馈中包含任何机密或个人信息",
-  "TELL_US_ABOUT_EXPERIENCE": "告诉我们您的体验",
-  "TELL_US_ABOUT_IDEA": "告诉我们您的想法",
-  "I_HAVE_FEEDBACK": "我有反馈",
-  "I_HAVE_SUGGESTION": "我有一个建议",
-  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "您可以就此反馈联系我",
-  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "如果您想加入我们的客户小组，",
-  "PLEASE_CLICK_HERE": "请点击这里。",
-  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "图片超过最大文件大小 {0}。",
-  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "图片已损坏或格式无法识别。",
-  "ACCEPTED_FORMATS_ARE_0": "接受的格式为：{0}。",
-  "IMAGE_NOT_ATTACHED": "未附加图片。",
-  "ATTACH_IMAGE": "附加图片",
-  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "请仅附加一张图片。"
-}
+{
+  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "您的反馈和建议将帮助我们改进产品和服务。",
+  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "如果您有技术或支持问题，或需要立即协助，请按照您的服务协议联系您的 Laserfiche 管理员或解决方案提供商。",
+  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "发现您喜欢或不喜欢的内容？请告诉我们。",
+  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "您有新功能或改进的想法吗？我们期待您的反馈。",
+  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "请勿在反馈中包含任何机密或个人信息",
+  "TELL_US_ABOUT_EXPERIENCE": "告诉我们您的体验",
+  "TELL_US_ABOUT_IDEA": "告诉我们您的想法",
+  "I_HAVE_FEEDBACK": "我有反馈",
+  "I_HAVE_SUGGESTION": "我有一个建议",
+  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "您可以就此反馈联系我",
+  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "如果您想加入我们的客户小组，",
+  "PLEASE_CLICK_HERE": "请点击这里。",
+  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "图片超过最大文件大小 {0}。",
+  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "图片已损坏或格式无法识别。",
+  "ACCEPTED_FORMATS_ARE_0": "接受的格式为：{0}。",
+  "IMAGE_NOT_ATTACHED": "未附加图片。",
+  "ATTACH_IMAGE": "附加图片",
+  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "请仅附加一张图片。"
+}
diff --git a/projects/ui-components/internal-shared/strings/zh-Hant.json b/projects/ui-components/internal-shared/strings/zh-Hant.json
index 4838b36c..1ec83601 100644
--- a/projects/ui-components/internal-shared/strings/zh-Hant.json
+++ b/projects/ui-components/internal-shared/strings/zh-Hant.json
@@ -1,20 +1,20 @@
-{
-  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "您的反饋和建議將幫助我們改進產品和服務。",
-  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "如果您有技術或支持問題，或需要立即協助，請按照您的服務協議聯繫您的 Laserfiche 管理員或解決方案供應商。",
-  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "發現您喜歡或不喜歡的內容？ 請告訴我們。",
-  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "您有新功能或改進的想法嗎？ 我們期待您的反饋。",
-  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "請勿在反饋中包含任何機密或個人資訊",
-  "TELL_US_ABOUT_EXPERIENCE": "告訴我們您的體驗",
-  "TELL_US_ABOUT_IDEA": "告訴我們您的想法",
-  "I_HAVE_FEEDBACK": "我有反饋",
-  "I_HAVE_SUGGESTION": "我有一個建議",
-  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "您可以就此反饋聯繫我",
-  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "如果您想加入我們的客戶小組，",
-  "PLEASE_CLICK_HERE": "請點擊這裡。",
-  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "圖片超過最大檔大小 {0}。",
-  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "圖片已損壞或格式無法識別。",
-  "ACCEPTED_FORMATS_ARE_0": "接受的格式為：{0}。",
-  "IMAGE_NOT_ATTACHED": "未附加圖片。",
-  "ATTACH_IMAGE": "附加圖片",
-  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "請僅附加一張圖片。"
-}
+{
+  "YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT": "您的反饋和建議將幫助我們改進產品和服務。",
+  "TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP": "如果您有技術或支持問題，或需要立即協助，請按照您的服務協議聯繫您的 Laserfiche 管理員或解決方案供應商。",
+  "FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW": "發現您喜歡或不喜歡的內容？ 請告訴我們。",
+  "DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING": "您有新功能或改進的想法嗎？ 我們期待您的反饋。",
+  "PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK": "請勿在反饋中包含任何機密或個人資訊",
+  "TELL_US_ABOUT_EXPERIENCE": "告訴我們您的體驗",
+  "TELL_US_ABOUT_IDEA": "告訴我們您的想法",
+  "I_HAVE_FEEDBACK": "我有反饋",
+  "I_HAVE_SUGGESTION": "我有一個建議",
+  "YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK": "您可以就此反饋聯繫我",
+  "IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL": "如果您想加入我們的客戶小組，",
+  "PLEASE_CLICK_HERE": "請點擊這裡。",
+  "IMAGE_EXCEEDS_MAX_FILE_SIZE_0": "圖片超過最大檔大小 {0}。",
+  "IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT": "圖片已損壞或格式無法識別。",
+  "ACCEPTED_FORMATS_ARE_0": "接受的格式為：{0}。",
+  "IMAGE_NOT_ATTACHED": "未附加圖片。",
+  "ATTACH_IMAGE": "附加圖片",
+  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "請僅附加一張圖片。"
+}
diff --git a/projects/ui-components/internal-shared/validation-utils.spec.ts b/projects/ui-components/internal-shared/validation-utils.spec.ts
index 4fd728c6..001cda98 100644
--- a/projects/ui-components/internal-shared/validation-utils.spec.ts
+++ b/projects/ui-components/internal-shared/validation-utils.spec.ts
@@ -1,45 +1,38 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { FormControl } from '@angular/forms';
-import { ValidationUtils } from './validation-utils';
-
-
-
-describe('ValidationUtils', () => {
-
-  it('should create an instance', () => {
-    expect(new ValidationUtils()).toBeTruthy();
-  });
-
-  it('should create generalRegexValidator that tests regex pattern', () => {
-    const twoDigitRegex = new RegExp('^[0-9]{2}[:.,-]?$');
-    const validator = ValidationUtils.generalRegexValidator(twoDigitRegex, 'twoDigit');
-    const goodFC: FormControl = new FormControl('12', [validator]);
-    const badFC: FormControl = new FormControl('123', [validator]);
-    expect(goodFC.hasError('twoDigit')).toBe(false);
-    expect(badFC.hasError('twoDigit')).toBeTruthy();
-  });
-
-  it('should create requiredValidator that tests if the input is empty spaces', () => {
-
-    const validator = ValidationUtils.requiredValidator();
-    let formControl: FormControl = new FormControl('', [validator]);
-    expect(formControl.hasError('required')).toBe(true);
-
-    formControl = new FormControl('  ', [validator]);
-    expect(formControl.hasError('required')).toBe(true);
-    
-    formControl = new FormControl(null, [validator]);
-    expect(formControl.hasError('required')).toBe(true);
-
-    formControl = new FormControl(undefined, [validator]);
-    expect(formControl.hasError('required')).toBe(true);
-
-    formControl = new FormControl('123', [validator]);
-    expect(formControl.hasError('required')).toBe(false);
-
-  });
-
-});
-
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { FormControl } from '@angular/forms';
+import { ValidationUtils } from './validation-utils';
+
+describe('ValidationUtils', () => {
+  it('should create an instance', () => {
+    expect(new ValidationUtils()).toBeTruthy();
+  });
+
+  it('should create generalRegexValidator that tests regex pattern', () => {
+    const twoDigitRegex = new RegExp('^[0-9]{2}[:.,-]?$');
+    const validator = ValidationUtils.generalRegexValidator(twoDigitRegex, 'twoDigit');
+    const goodFC: FormControl = new FormControl('12', [validator]);
+    const badFC: FormControl = new FormControl('123', [validator]);
+    expect(goodFC.hasError('twoDigit')).toBe(false);
+    expect(badFC.hasError('twoDigit')).toBeTruthy();
+  });
+
+  it('should create requiredValidator that tests if the input is empty spaces', () => {
+    const validator = ValidationUtils.requiredValidator();
+    let formControl: FormControl = new FormControl('', [validator]);
+    expect(formControl.hasError('required')).toBe(true);
+
+    formControl = new FormControl('  ', [validator]);
+    expect(formControl.hasError('required')).toBe(true);
+
+    formControl = new FormControl(null, [validator]);
+    expect(formControl.hasError('required')).toBe(true);
+
+    formControl = new FormControl(undefined, [validator]);
+    expect(formControl.hasError('required')).toBe(true);
+
+    formControl = new FormControl('123', [validator]);
+    expect(formControl.hasError('required')).toBe(false);
+  });
+});
diff --git a/projects/ui-components/internal-shared/validation-utils.ts b/projects/ui-components/internal-shared/validation-utils.ts
index f0e4464b..8d17521b 100644
--- a/projects/ui-components/internal-shared/validation-utils.ts
+++ b/projects/ui-components/internal-shared/validation-utils.ts
@@ -6,85 +6,87 @@ import { LfMetadataValidationUtils } from '@laserfiche/lf-js-utils';
 
 /** @internal */
 export enum ValidationRule {
-    LONG_INT = 'longint',
-    MAX_LENGTH = 'maxlength',
-    NUMBER = 'number',
-    PATTERN = 'pattern',
-    NUMERIC = 'numeric',
-    REQUIRED = 'required',
-    SHORT_INT = 'shortint',
-    TIME = 'time',
-    DATEPICKER_PARSE = 'datepickerParse',
-    DATETIME_PICKER_PARSE = 'datetimePickerParse'
+  LONG_INT = 'longint',
+  MAX_LENGTH = 'maxlength',
+  NUMBER = 'number',
+  PATTERN = 'pattern',
+  NUMERIC = 'numeric',
+  REQUIRED = 'required',
+  SHORT_INT = 'shortint',
+  TIME = 'time',
+  DATEPICKER_PARSE = 'datepickerParse',
+  DATETIME_PICKER_PARSE = 'datetimePickerParse',
 }
 
 // @dynamic
 /** @internal */
 export class ValidationUtils {
+  /** Only one error will be displayed at a time (in this priority order) */
+  static validationRulesInPriorityOrder: ValidationRule[] = [
+    ValidationRule.DATEPICKER_PARSE,
+    ValidationRule.DATETIME_PICKER_PARSE,
+    ValidationRule.TIME,
+    ValidationRule.REQUIRED,
+    ValidationRule.MAX_LENGTH,
+    ValidationRule.PATTERN,
+    ValidationRule.NUMERIC,
+    ValidationRule.NUMBER,
+    ValidationRule.LONG_INT,
+    ValidationRule.SHORT_INT,
+  ];
 
-    /** Only one error will be displayed at a time (in this priority order) */
-    static validationRulesInPriorityOrder: ValidationRule[] = [
-        ValidationRule.DATEPICKER_PARSE,
-        ValidationRule.DATETIME_PICKER_PARSE,
-        ValidationRule.TIME,
-        ValidationRule.REQUIRED,
-        ValidationRule.MAX_LENGTH,
-        ValidationRule.PATTERN,
-        ValidationRule.NUMERIC,
-        ValidationRule.NUMBER,
-        ValidationRule.LONG_INT,
-        ValidationRule.SHORT_INT,
-    ];
+  static numericValidator(constraint: string): ValidatorFn {
+    const validatorFn: ValidatorFn = (control: AbstractControl): { [key: string]: any } | null => {
+      // Don't try to match regex if there is no value
+      if (!control.value) {
+        return null;
+      }
+      const validationFailedExplanation = { numeric: { value: control.value } };
+      const matchesConstraint = LfMetadataValidationUtils.evaluateNumericValidationExpression(
+        control.value,
+        constraint
+      );
+      return matchesConstraint ? null : validationFailedExplanation;
+    };
+    return validatorFn;
+  }
 
-    static numericValidator(constraint: string): ValidatorFn {
-        const validatorFn: ValidatorFn = (control: AbstractControl): { [key: string]: any } | null => {
-            // Don't try to match regex if there is no value
-            if (!control.value) {
-                return null;
-            }
-            const validationFailedExplanation = { numeric: { value: control.value } };
-            const matchesConstraint = LfMetadataValidationUtils.evaluateNumericValidationExpression(control.value, constraint);
-            return matchesConstraint ? null : validationFailedExplanation;
-        };
-        return validatorFn;
-    }
+  static generalRegexValidator(regex: RegExp, ruleName?: string): ValidatorFn {
+    const validatorFn: ValidatorFn = (control: AbstractControl): { [key: string]: any } | null => {
+      // Don't try to match regex if there is no value
+      if (!control.value) {
+        return null;
+      }
+      ruleName = ruleName ?? ValidationRule.PATTERN; // default regex validation key
+      const validationFailedExplanation = {
+        [ruleName]: { value: control.value },
+      };
+      const matchesRegex = regex.test(control.value);
+      return matchesRegex ? null : validationFailedExplanation;
+    };
+    return validatorFn;
+  }
 
-    static generalRegexValidator(regex: RegExp, ruleName?: string): ValidatorFn {
-        const validatorFn: ValidatorFn = (control: AbstractControl): { [key: string]: any } | null => {
-            // Don't try to match regex if there is no value
-            if (!control.value) {
-                return null;
-            }
-            ruleName = ruleName ?? ValidationRule.PATTERN; // default regex validation key
-            const validationFailedExplanation = {
-                [ruleName]: { value: control.value },
-            };
-            const matchesRegex = regex.test(control.value);
-            return matchesRegex ? null : validationFailedExplanation;
-        };
-        return validatorFn;
-    }
+  static requiredValidator(): ValidatorFn {
+    const validatorFn: ValidatorFn = (control: AbstractControl): { [key: string]: any } | null => {
+      // Don't try to match regex if there is no value
+      const validationFailedExplanation = {
+        ['required']: { value: control.value },
+      };
+      if (control.value == null || control.value === '') {
+        return validationFailedExplanation;
+      }
+      const isEmptyString = LfMetadataValidationUtils.isNullOrEmpty(control.value.toString());
+      return isEmptyString ? validationFailedExplanation : null;
+    };
+    return validatorFn;
+  }
 
-    static requiredValidator(): ValidatorFn {
-        const validatorFn: ValidatorFn = (control: AbstractControl): { [key: string]: any } | null => {
-            // Don't try to match regex if there is no value
-            const validationFailedExplanation = {
-                ['required']: { value: control.value },
-            };
-            if (control.value == null || control.value === '') {
-                return validationFailedExplanation;
-            }
-            const isEmptyString = LfMetadataValidationUtils.isNullOrEmpty(control.value.toString());
-            return isEmptyString ? validationFailedExplanation : null;
-        };
-        return validatorFn;
-    }
-
-    static createTimeValidator(): ValidatorFn {
-        const regexAMPM: string = `([0][0-9]|[1][0-2]):[0-5][0-9]:[0-5][0-9] ([AMP]){2}`;
-        const regex24Hour: string = `([01]?[0-9]|2[0-3]):[0-5][0-9]:[0-5][0-9]`;
-        const regexNoSeconds: string = `([01]?[0-9]|2[0-3]):[0-5][0-9]`;
-        const timePattern = new RegExp(`${regexAMPM}|${regex24Hour}|${regexNoSeconds}`);
-        return ValidationUtils.generalRegexValidator(timePattern, 'time');
-    }
+  static createTimeValidator(): ValidatorFn {
+    const regexAMPM: string = `([0][0-9]|[1][0-2]):[0-5][0-9]:[0-5][0-9] ([AMP]){2}`;
+    const regex24Hour: string = `([01]?[0-9]|2[0-3]):[0-5][0-9]:[0-5][0-9]`;
+    const regexNoSeconds: string = `([01]?[0-9]|2[0-3]):[0-5][0-9]`;
+    const timePattern = new RegExp(`${regexAMPM}|${regex24Hour}|${regexNoSeconds}`);
+    return ValidationUtils.generalRegexValidator(timePattern, 'time');
+  }
 }
diff --git a/projects/ui-components/lf-checklist/checklist.ts b/projects/ui-components/lf-checklist/checklist.ts
index ebe84d92..c38ed84c 100644
--- a/projects/ui-components/lf-checklist/checklist.ts
+++ b/projects/ui-components/lf-checklist/checklist.ts
@@ -1,12 +1,12 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ChecklistOption } from './options/checklist-option';
-import { ChecklistItem } from './items/checklist-item';
-
-export interface Checklist {
-    name: string;
-    checklistItems: ChecklistItem[];
-    checklistOptions: ChecklistOption[];
-    collapsible?: boolean;
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ChecklistOption } from './options/checklist-option';
+import { ChecklistItem } from './items/checklist-item';
+
+export interface Checklist {
+  name: string;
+  checklistItems: ChecklistItem[];
+  checklistOptions: ChecklistOption[];
+  collapsible?: boolean;
+}
diff --git a/projects/ui-components/lf-checklist/items/checklist-item.ts b/projects/ui-components/lf-checklist/items/checklist-item.ts
index 36c38156..98e3f92e 100644
--- a/projects/ui-components/lf-checklist/items/checklist-item.ts
+++ b/projects/ui-components/lf-checklist/items/checklist-item.ts
@@ -1,15 +1,15 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-export interface ChecklistItem {
-    icon: string | string[];
-    name: string;
-    id: string;
-    checked: boolean;
-    disabled: boolean;
-    editable: boolean;
-    constraint?: string;
-    constraintError?: string;
-    isRequired?: boolean;
-    requiredError?: string;
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+export interface ChecklistItem {
+  icon: string | string[];
+  name: string;
+  id: string;
+  checked: boolean;
+  disabled: boolean;
+  editable: boolean;
+  constraint?: string;
+  constraintError?: string;
+  isRequired?: boolean;
+  requiredError?: string;
+}
diff --git a/projects/ui-components/lf-checklist/items/items-validation-text.pipe.spec.ts b/projects/ui-components/lf-checklist/items/items-validation-text.pipe.spec.ts
index f8522bf5..fdca0394 100644
--- a/projects/ui-components/lf-checklist/items/items-validation-text.pipe.spec.ts
+++ b/projects/ui-components/lf-checklist/items/items-validation-text.pipe.spec.ts
@@ -1,183 +1,195 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { AbstractControl, FormControl, Validators } from '@angular/forms';
-import { CoreUtils } from '@laserfiche/lf-js-utils';
-import { Observable, of } from 'rxjs';
-import { ChecklistItem } from './checklist-item';
-import { ItemsValidationTextPipe } from './items-validation-text.pipe';
-
-describe('ItemsValidationTextPipe', () => {
-  const mappedObservables: Map<string, Observable<string>> = new Map<string, Observable<string>>([
-    ['REQUIRED', of('required')]
-  ]);
-  const mappedObservablesNoRequired: Map<string, Observable<string>> = new Map<string, Observable<string>>([
-    ['TEST', of('test')]
-  ]);
-  const pipe = new ItemsValidationTextPipe();
-
-  it('create an instance', () => {
-    expect(pipe).toBeTruthy();
-  });
-
-  it('should return localized string if no requiredError', async () => {
-    const item: ChecklistItem = {
-      checked: true,
-      id: '1',
-      name: 'test',
-      icon: 'test',
-      disabled: false,
-      editable: true
-    };
-    const testForm: AbstractControl = new FormControl('test form');
-    testForm.setValidators(Validators.required);
-    testForm.setValue('');
-    let value: string | undefined;
-    pipe.transform(item, testForm, mappedObservables).subscribe((val) => {
-      value = val;
-    });
-    // needed to trigger first value of subscription
-    testForm.updateValueAndValidity();
-    const expectedValue = 'required';
-
-    await CoreUtils.waitForConditionAsync(
-      () => value === expectedValue,
-      () => { throw Error(`Timeout: value was ${value}`); }
-    );
-    expect(value).toEqual(expectedValue);
-  });
-
-  it('should return undefined if no localized string and no requiredError', async () => {
-    const item: ChecklistItem = {
-      checked: true,
-      id: '1',
-      name: 'test',
-      icon: 'test',
-      disabled: false,
-      editable: true
-    };
-    const testForm: AbstractControl = new FormControl('test form');
-    testForm.setValidators(Validators.required);
-    testForm.setValue('');
-    let value: string | undefined;
-    pipe.transform(item, testForm, mappedObservablesNoRequired).subscribe((val) => {
-      value = val;
-    });
-    // needed to trigger first value of subscription
-    testForm.updateValueAndValidity();
-
-    await CoreUtils.waitForConditionAsync(
-      () => value === undefined,
-      () => { throw Error(`Timeout: value was ${value}`); }
-    );
-    expect(value).toBeUndefined;
-  });
-
-  it('should return no error if no validators on form', async () => {
-    const item: ChecklistItem = {
-      checked: true,
-      id: '1',
-      name: 'test',
-      icon: 'test',
-      disabled: false,
-      editable: true
-    };
-    const testForm: AbstractControl = new FormControl('test form');
-    let value: string | undefined;
-    pipe.transform(item, testForm, mappedObservables).subscribe((val) => {
-      value = val;
-    });
-    // needed to trigger first value of subscription
-    testForm.updateValueAndValidity();
-
-    await CoreUtils.waitForConditionAsync(
-      () => value === undefined,
-      () => { throw Error(`Timeout: value was ${value}`); }
-    );
-    expect(value).toBeUndefined();
-  });
-
-  it('should return requiredError if required field is empty and requiredError exists', async () => {
-    const expected: string = 'item is required';
-    const item: ChecklistItem = {
-      checked: true,
-      id: '1',
-      name: 'test',
-      icon: 'test',
-      disabled: false,
-      editable: true,
-      requiredError: expected
-    };
-    const testForm: AbstractControl = new FormControl('test form');
-    testForm.setValidators(Validators.required);
-    testForm.setValue('');
-    let value: string | undefined;
-    pipe.transform(item, testForm, mappedObservables).subscribe((val) => {
-      value = val;
-    });
-    // needed to trigger first value of subscription
-    testForm.updateValueAndValidity();
-
-    await CoreUtils.waitForConditionAsync(
-      () => value === expected,
-      () => { throw Error(`Timeout: value was ${value}`); }
-    );
-    expect(value).toEqual(expected);
-  });
-
-  it('should return constraintError if field does not follow constraint', async () => {
-    const expected: string = 'item is constrained';
-    const item: ChecklistItem = {
-      checked: true,
-      id: '1',
-      name: 'test',
-      icon: 'test',
-      disabled: false,
-      editable: true,
-      constraintError: expected
-    };
-    const testForm: AbstractControl = new FormControl('test form');
-    testForm.setValidators(Validators.pattern('^\d$'));
-    testForm.setValue('aa');
-    let value: string | undefined;
-    pipe.transform(item, testForm, mappedObservables).subscribe((val) => {
-      value = val;
-    });
-    // needed to trigger first value of subscription
-    testForm.updateValueAndValidity();
-
-    await CoreUtils.waitForConditionAsync(
-      () => value === expected,
-      () => { throw Error(`Timeout: value was ${value}`); }
-    );
-    expect(value).toEqual(expected);
-  });
-
-  it('should return constraintError if field does not follow constraint and localizedString does not exist', async () => {
-    const expected: string = 'item is constrained';
-    const item: ChecklistItem = {
-      checked: true,
-      id: '1',
-      name: 'test',
-      icon: 'test',
-      disabled: false,
-      editable: true,
-      constraintError: expected
-    };
-    const testForm: AbstractControl = new FormControl('test form');
-    testForm.setValidators(Validators.pattern('^\d$'));
-    testForm.setValue('aa');
-    let value: string | undefined;
-    pipe.transform(item, testForm, mappedObservablesNoRequired).subscribe((val) => {
-      value = val;
-    });
-    // needed to trigger first value of subscription
-    testForm.updateValueAndValidity();
-
-    await CoreUtils.waitForConditionAsync(
-      () => value === expected,
-      () => { throw Error(`Timeout: value was ${value}`); }
-    );
-    expect(value).toEqual(expected);
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { AbstractControl, FormControl, Validators } from '@angular/forms';
+import { CoreUtils } from '@laserfiche/lf-js-utils';
+import { Observable, of } from 'rxjs';
+import { ChecklistItem } from './checklist-item';
+import { ItemsValidationTextPipe } from './items-validation-text.pipe';
+
+describe('ItemsValidationTextPipe', () => {
+  const mappedObservables: Map<string, Observable<string>> = new Map<string, Observable<string>>([
+    ['REQUIRED', of('required')],
+  ]);
+  const mappedObservablesNoRequired: Map<string, Observable<string>> = new Map<string, Observable<string>>([
+    ['TEST', of('test')],
+  ]);
+  const pipe = new ItemsValidationTextPipe();
+
+  it('create an instance', () => {
+    expect(pipe).toBeTruthy();
+  });
+
+  it('should return localized string if no requiredError', async () => {
+    const item: ChecklistItem = {
+      checked: true,
+      id: '1',
+      name: 'test',
+      icon: 'test',
+      disabled: false,
+      editable: true,
+    };
+    const testForm: AbstractControl = new FormControl('test form');
+    testForm.setValidators(Validators.required);
+    testForm.setValue('');
+    let value: string | undefined;
+    pipe.transform(item, testForm, mappedObservables).subscribe((val) => {
+      value = val;
+    });
+    // needed to trigger first value of subscription
+    testForm.updateValueAndValidity();
+    const expectedValue = 'required';
+
+    await CoreUtils.waitForConditionAsync(
+      () => value === expectedValue,
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
+    );
+    expect(value).toEqual(expectedValue);
+  });
+
+  it('should return undefined if no localized string and no requiredError', async () => {
+    const item: ChecklistItem = {
+      checked: true,
+      id: '1',
+      name: 'test',
+      icon: 'test',
+      disabled: false,
+      editable: true,
+    };
+    const testForm: AbstractControl = new FormControl('test form');
+    testForm.setValidators(Validators.required);
+    testForm.setValue('');
+    let value: string | undefined;
+    pipe.transform(item, testForm, mappedObservablesNoRequired).subscribe((val) => {
+      value = val;
+    });
+    // needed to trigger first value of subscription
+    testForm.updateValueAndValidity();
+
+    await CoreUtils.waitForConditionAsync(
+      () => value === undefined,
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
+    );
+    expect(value).toBeUndefined;
+  });
+
+  it('should return no error if no validators on form', async () => {
+    const item: ChecklistItem = {
+      checked: true,
+      id: '1',
+      name: 'test',
+      icon: 'test',
+      disabled: false,
+      editable: true,
+    };
+    const testForm: AbstractControl = new FormControl('test form');
+    let value: string | undefined;
+    pipe.transform(item, testForm, mappedObservables).subscribe((val) => {
+      value = val;
+    });
+    // needed to trigger first value of subscription
+    testForm.updateValueAndValidity();
+
+    await CoreUtils.waitForConditionAsync(
+      () => value === undefined,
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
+    );
+    expect(value).toBeUndefined();
+  });
+
+  it('should return requiredError if required field is empty and requiredError exists', async () => {
+    const expected: string = 'item is required';
+    const item: ChecklistItem = {
+      checked: true,
+      id: '1',
+      name: 'test',
+      icon: 'test',
+      disabled: false,
+      editable: true,
+      requiredError: expected,
+    };
+    const testForm: AbstractControl = new FormControl('test form');
+    testForm.setValidators(Validators.required);
+    testForm.setValue('');
+    let value: string | undefined;
+    pipe.transform(item, testForm, mappedObservables).subscribe((val) => {
+      value = val;
+    });
+    // needed to trigger first value of subscription
+    testForm.updateValueAndValidity();
+
+    await CoreUtils.waitForConditionAsync(
+      () => value === expected,
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
+    );
+    expect(value).toEqual(expected);
+  });
+
+  it('should return constraintError if field does not follow constraint', async () => {
+    const expected: string = 'item is constrained';
+    const item: ChecklistItem = {
+      checked: true,
+      id: '1',
+      name: 'test',
+      icon: 'test',
+      disabled: false,
+      editable: true,
+      constraintError: expected,
+    };
+    const testForm: AbstractControl = new FormControl('test form');
+    testForm.setValidators(Validators.pattern('^\d$'));
+    testForm.setValue('aa');
+    let value: string | undefined;
+    pipe.transform(item, testForm, mappedObservables).subscribe((val) => {
+      value = val;
+    });
+    // needed to trigger first value of subscription
+    testForm.updateValueAndValidity();
+
+    await CoreUtils.waitForConditionAsync(
+      () => value === expected,
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
+    );
+    expect(value).toEqual(expected);
+  });
+
+  it('should return constraintError if field does not follow constraint and localizedString does not exist', async () => {
+    const expected: string = 'item is constrained';
+    const item: ChecklistItem = {
+      checked: true,
+      id: '1',
+      name: 'test',
+      icon: 'test',
+      disabled: false,
+      editable: true,
+      constraintError: expected,
+    };
+    const testForm: AbstractControl = new FormControl('test form');
+    testForm.setValidators(Validators.pattern('^\d$'));
+    testForm.setValue('aa');
+    let value: string | undefined;
+    pipe.transform(item, testForm, mappedObservablesNoRequired).subscribe((val) => {
+      value = val;
+    });
+    // needed to trigger first value of subscription
+    testForm.updateValueAndValidity();
+
+    await CoreUtils.waitForConditionAsync(
+      () => value === expected,
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
+    );
+    expect(value).toEqual(expected);
+  });
+});
diff --git a/projects/ui-components/lf-checklist/items/items-validation-text.pipe.ts b/projects/ui-components/lf-checklist/items/items-validation-text.pipe.ts
index c4ab9850..951f205f 100644
--- a/projects/ui-components/lf-checklist/items/items-validation-text.pipe.ts
+++ b/projects/ui-components/lf-checklist/items/items-validation-text.pipe.ts
@@ -1,76 +1,77 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Pipe, PipeTransform } from '@angular/core';
-import { AbstractControl } from '@angular/forms';
-import { ValidationRule } from '@laserfiche/lf-ui-components/internal-shared';
-import { Observable, of } from 'rxjs';
-import { map, mergeMap } from 'rxjs/operators';
-import { ChecklistItem } from './checklist-item';
-
-/**
- * Pipe that gets the error message for a checklist item depending on the type of error
- */
-@Pipe({
-    name: 'itemsValidationText',
-    standalone: true
-})
-export class ItemsValidationTextPipe implements PipeTransform {
-
-  constructor() { }
-
-  private localizedStrings?: Map<string, Observable<string>>;
-
-  /**
-   * Gets the error message for the checklist item as an observable
-   * @param currentChecklistItem The metadata for the current checklist item
-   * @param currentFormControl The form control for the checklist item (i.e. value, validity)
-   * @param localizedStrings Map of possible localized strings 
-   * @returns The error message for the checklist item
-   */
-  transform(currentChecklistItem: ChecklistItem, currentFormControl: AbstractControl, localizedStrings: Map<string, Observable<string>>): Observable<string | undefined> {
-    this.localizedStrings = localizedStrings;
-    const validationObservable = this.getValidationObservable(currentChecklistItem, currentFormControl);
-    return validationObservable;
-  }
-
-  private getValidationObservable(item: ChecklistItem, formControl: AbstractControl): Observable<string | undefined> {
-    const validationObservable = formControl?.statusChanges.pipe(mergeMap((validity) => {
-
-      const validationRuleName = this.getBrokenValidationRule(formControl);
-      if (validationRuleName === ValidationRule.PATTERN) {
-        return of(item?.constraintError);
-      }
-      if (validationRuleName === ValidationRule.REQUIRED && item.requiredError) {
-        return of(item.requiredError);
-      }
-      const requiredString = this.localizedStrings?.get('REQUIRED');
-      if (requiredString) {
-        return requiredString?.pipe(map((stringVal) => {
-          if (validationRuleName === ValidationRule.REQUIRED) {
-            return item?.requiredError ? item.requiredError : stringVal;
-          }
-          else {
-            return undefined;
-          }
-        }));
-      }
-      else {
-        return of(undefined);
-      }
-
-    }));
-    return validationObservable;
-
-  }
-
-  private getBrokenValidationRule(formControl: AbstractControl): string | undefined {
-    if (formControl?.hasError(ValidationRule.PATTERN)) {
-      return ValidationRule.PATTERN;
-    }
-    else if (formControl?.hasError(ValidationRule.REQUIRED)) {
-      return ValidationRule.REQUIRED;
-    }
-    return undefined;
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Pipe, PipeTransform } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
+import { ValidationRule } from '@laserfiche/lf-ui-components/internal-shared';
+import { Observable, of } from 'rxjs';
+import { map, mergeMap } from 'rxjs/operators';
+import { ChecklistItem } from './checklist-item';
+
+/**
+ * Pipe that gets the error message for a checklist item depending on the type of error
+ */
+@Pipe({
+  name: 'itemsValidationText',
+  standalone: true,
+})
+export class ItemsValidationTextPipe implements PipeTransform {
+  constructor() {}
+
+  private localizedStrings?: Map<string, Observable<string>>;
+
+  /**
+   * Gets the error message for the checklist item as an observable
+   * @param currentChecklistItem The metadata for the current checklist item
+   * @param currentFormControl The form control for the checklist item (i.e. value, validity)
+   * @param localizedStrings Map of possible localized strings
+   * @returns The error message for the checklist item
+   */
+  transform(
+    currentChecklistItem: ChecklistItem,
+    currentFormControl: AbstractControl,
+    localizedStrings: Map<string, Observable<string>>
+  ): Observable<string | undefined> {
+    this.localizedStrings = localizedStrings;
+    const validationObservable = this.getValidationObservable(currentChecklistItem, currentFormControl);
+    return validationObservable;
+  }
+
+  private getValidationObservable(item: ChecklistItem, formControl: AbstractControl): Observable<string | undefined> {
+    const validationObservable = formControl?.statusChanges.pipe(
+      mergeMap((validity) => {
+        const validationRuleName = this.getBrokenValidationRule(formControl);
+        if (validationRuleName === ValidationRule.PATTERN) {
+          return of(item?.constraintError);
+        }
+        if (validationRuleName === ValidationRule.REQUIRED && item.requiredError) {
+          return of(item.requiredError);
+        }
+        const requiredString = this.localizedStrings?.get('REQUIRED');
+        if (requiredString) {
+          return requiredString?.pipe(
+            map((stringVal) => {
+              if (validationRuleName === ValidationRule.REQUIRED) {
+                return item?.requiredError ? item.requiredError : stringVal;
+              } else {
+                return undefined;
+              }
+            })
+          );
+        } else {
+          return of(undefined);
+        }
+      })
+    );
+    return validationObservable;
+  }
+
+  private getBrokenValidationRule(formControl: AbstractControl): string | undefined {
+    if (formControl?.hasError(ValidationRule.PATTERN)) {
+      return ValidationRule.PATTERN;
+    } else if (formControl?.hasError(ValidationRule.REQUIRED)) {
+      return ValidationRule.REQUIRED;
+    }
+    return undefined;
+  }
+}
diff --git a/projects/ui-components/lf-checklist/items/items.component.css b/projects/ui-components/lf-checklist/items/items.component.css
index 55ef79f2..f5e63676 100644
--- a/projects/ui-components/lf-checklist/items/items.component.css
+++ b/projects/ui-components/lf-checklist/items/items.component.css
@@ -53,10 +53,11 @@
   max-width: calc(100% - 35px);
 }
 
-::ng-deep mat-form-field.lf-checklist-field >
-.mat-mdc-form-field-wrapper >
-.mat-form-field-flex >
-.mat-form-field-infix {
+::ng-deep
+  mat-form-field.lf-checklist-field
+  > .mat-mdc-form-field-wrapper
+  > .mat-form-field-flex
+  > .mat-form-field-infix {
   border-top: 0px;
   padding: 0px;
   width: inherit;
@@ -66,18 +67,19 @@
   display: none;
 }
 
-
-::ng-deep mat-form-field.lf-checklist-field >
-.mat-mdc-text-field-wrapper >
-.mat-mdc-form-field-flex >
-.mat-mdc-form-field-infix input{
+::ng-deep
+  mat-form-field.lf-checklist-field
+  > .mat-mdc-text-field-wrapper
+  > .mat-mdc-form-field-flex
+  > .mat-mdc-form-field-infix
+  input {
   font-size: 14px;
 }
 
 ::ng-deep .lf-checklist-item .mat-form-field-appearance-fill .mat-mdc-form-field-flex {
   align-items: center;
   border-radius: 2px;
-  border-color: #6D6D6D;
+  border-color: #6d6d6d;
   border-width: 1px;
   border-style: solid;
   box-sizing: border-box;
@@ -99,9 +101,9 @@
 }
 
 ::ng-deep .lf-checklist-item .mat-form-field-disabled .mat-mdc-form-field-flex {
-  border-color: #F3F3F3;
-  background-color: #F3F3F3;
-  color: #8A8A8A;
+  border-color: #f3f3f3;
+  background-color: #f3f3f3;
+  color: #8a8a8a;
 }
 
 ::ng-deep .lf-checklist-item .mat-focused .mat-mdc-form-field-flex {
@@ -115,4 +117,4 @@
 ::ng-deep .lf-checklist-item .mdc-text-field,
 ::ng-deep .lf-checklist-item .mdc-text-field--filled {
   border-radius: 0px;
-}
\ No newline at end of file
+}
diff --git a/projects/ui-components/lf-checklist/items/items.component.html b/projects/ui-components/lf-checklist/items/items.component.html
index d9b4bbea..ef9b4b8e 100644
--- a/projects/ui-components/lf-checklist/items/items.component.html
+++ b/projects/ui-components/lf-checklist/items/items.component.html
@@ -5,28 +5,42 @@
   @for (item of items; track item; let currentIndex = $index) {
     <div id="lf-checklist-item" class="lf-checklist-item">
       <div id="lf-checklist-item-label" class="fixed-width-label" (click)="doNothing($event)">
-        @if (getIcons(item).length>0) {
+        @if (getIcons(item).length > 0) {
           <div class="fixed-size-icon-container">
             @for (icon of getIcons(item); track icon) {
-              <img src="{{icon}}" alt="" class='lf-checklist-item-icon' />
+              <img src="{{ icon }}" alt="" class="lf-checklist-item-icon" />
             }
           </div>
         }
         <div id="lf-checklist-item-name" class="lf-checklist-item-name">
           <mat-form-field class="lf-checklist-field stretch-width lf-text-field">
-            <input matInput type="text" title="{{item.name}}" [formControl]="getSingleField(currentIndex)"
-              (change)="onItemValueChanged(currentIndex)" (focusout)="onItemValueChanged(currentIndex)">
+            <input
+              matInput
+              type="text"
+              title="{{ item.name }}"
+              [formControl]="getSingleField(currentIndex)"
+              (change)="onItemValueChanged(currentIndex)"
+              (focusout)="onItemValueChanged(currentIndex)"
+            />
             @if (!getSingleField(currentIndex).valid) {
               <mat-error
-                title="{{item | itemsValidationText: getSingleField(currentIndex) : LOCALIZED_STRINGS | async}}">
-                {{item | itemsValidationText: getSingleField(currentIndex): LOCALIZED_STRINGS | async}}
+                title="{{ item | itemsValidationText: getSingleField(currentIndex) : LOCALIZED_STRINGS | async }}"
+              >
+                {{ item | itemsValidationText: getSingleField(currentIndex) : LOCALIZED_STRINGS | async }}
               </mat-error>
             }
           </mat-form-field>
         </div>
       </div>
-      <mat-checkbox color="primary" ngDefaultControl [labelPosition]="labelPosition" [(ngModel)]="item.checked"
-        [disabled]="item.disabled" (change)="onItemCheckboxChanged(currentIndex)" class="lf-checkbox">
+      <mat-checkbox
+        color="primary"
+        ngDefaultControl
+        [labelPosition]="labelPosition"
+        [(ngModel)]="item.checked"
+        [disabled]="item.disabled"
+        (change)="onItemCheckboxChanged(currentIndex)"
+        class="lf-checkbox"
+      >
       </mat-checkbox>
     </div>
   }
diff --git a/projects/ui-components/lf-checklist/items/items.component.spec.ts b/projects/ui-components/lf-checklist/items/items.component.spec.ts
index 285387bf..72844c0f 100644
--- a/projects/ui-components/lf-checklist/items/items.component.spec.ts
+++ b/projects/ui-components/lf-checklist/items/items.component.spec.ts
@@ -1,31 +1,30 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-
-import { ItemsComponent } from './items.component';
-
-describe('ItemsComponent', () => {
-  let component: ItemsComponent;
-  let fixture: ComponentFixture<ItemsComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [ItemsComponent, FormsModule, MatInputModule, MatFormFieldModule, ReactiveFormsModule]
-    })
-      .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ItemsComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+
+import { ItemsComponent } from './items.component';
+
+describe('ItemsComponent', () => {
+  let component: ItemsComponent;
+  let fixture: ComponentFixture<ItemsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ItemsComponent, FormsModule, MatInputModule, MatFormFieldModule, ReactiveFormsModule],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ItemsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/ui-components/lf-checklist/items/items.component.ts b/projects/ui-components/lf-checklist/items/items.component.ts
index 5b5a4f1f..4415ec43 100644
--- a/projects/ui-components/lf-checklist/items/items.component.ts
+++ b/projects/ui-components/lf-checklist/items/items.component.ts
@@ -1,149 +1,162 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component, OnInit, Input, Output, EventEmitter, ChangeDetectorRef, inject } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormArray, FormBuilder, FormControl, FormGroup, ValidatorFn, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { AppLocalizationService, ValidationUtils } from '@laserfiche/lf-ui-components/internal-shared';
-import { Observable } from 'rxjs';
-import { ChecklistItem } from './checklist-item';
-import { ItemsValidationTextPipe } from './items-validation-text.pipe';
-
-/**
- * @internal
- */
-@Component({
-    selector: 'lf-items-component',
-    templateUrl: './items.component.html',
-    styleUrls: ['./items.component.css', './../lf-checklist/lf-checklist.component.css'],
-    standalone: true,
-    imports: [CommonModule, FormsModule, ReactiveFormsModule, MatFormFieldModule, MatInputModule, MatCheckboxModule, ItemsValidationTextPipe]
-})
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component, OnInit, Input, Output, EventEmitter, ChangeDetectorRef, inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import {
+  FormArray,
+  FormBuilder,
+  FormControl,
+  FormGroup,
+  ValidatorFn,
+  FormsModule,
+  ReactiveFormsModule,
+} from '@angular/forms';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { AppLocalizationService, ValidationUtils } from '@laserfiche/lf-ui-components/internal-shared';
+import { Observable } from 'rxjs';
+import { ChecklistItem } from './checklist-item';
+import { ItemsValidationTextPipe } from './items-validation-text.pipe';
+
+/**
+ * @internal
+ */
+@Component({
+  selector: 'lf-items-component',
+  templateUrl: './items.component.html',
+  styleUrls: ['./items.component.css', './../lf-checklist/lf-checklist.component.css'],
+  standalone: true,
+  imports: [
+    CommonModule,
+    FormsModule,
+    ReactiveFormsModule,
+    MatFormFieldModule,
+    MatInputModule,
+    MatCheckboxModule,
+    ItemsValidationTextPipe,
+  ],
+})
 export class ItemsComponent implements OnInit {
   private fb = inject(FormBuilder);
   private ref = inject(ChangeDetectorRef);
   private localizationService = inject(AppLocalizationService);
-
-
-  @Input() items: ChecklistItem[] = [];
-  @Output() itemsChanged: EventEmitter<void> = new EventEmitter<void>();
-  labelPosition: string = 'before';
-  checklistParentForm: FormGroup;
-
-  /** @internal */
-  readonly LOCALIZED_STRINGS: Map<string, Observable<string>> = new Map<string, Observable<string>>([
-    ['REQUIRED', this.localizationService.getStringLaserficheObservable('REQUIRED')]
-  ]);
-
-  constructor() {
-    this.checklistParentForm = this.fb.group({
-      fieldArray: new FormArray([])
-    });
-  }
-
-  ngOnInit(): void {
-    this.refreshChecklistItems();
-  }
-
-  @Input()
-  refreshChecklistItems = () => {
-    this.syncFormControlDataToFieldValues();
-    this.ref.detectChanges();
-  };
-
-  forceValidation: () => boolean = () => {
-    let isValid = true;
-    this.items.forEach((val, index) => {
-      if (val.editable && val.checked) {
-        // don't return invalid if not editable, since user can't fix it
-        const control = this.getSingleField(index);
-        this.triggerValidation(control);
-        const controlValid = control.valid;
-        if (!controlValid) {
-          isValid = false;
-        }
-      }
-    });
-    return isValid;
-  };
-
-  onItemCheckboxChanged(index: number) {
-    const field = this.getSingleField(index);
-    const item = this.items[index];
-    item.name = field.value;
-    if (!item.checked) {
-      field.clearValidators();
-    }
-    else {
-      this.addValidators(item, field);
-    }
-    this.triggerValidation(field);
-    this.itemsChanged.emit();
-  }
-
-  private addValidators(item: ChecklistItem, field: FormControl) {
-    const constraint = item.constraint;
-    const required = item.isRequired;
-    const validators: ValidatorFn[] = [];
-    if (constraint) {
-      validators.push(ValidationUtils.generalRegexValidator(new RegExp(constraint)));
-    }
-    if (required) {
-      const requiredRegexValidator = ValidationUtils.requiredValidator();
-      validators.push(requiredRegexValidator);
-    }
-    field.setValidators(validators);
-  }
-
-  private triggerValidation(field: FormControl) {
-    field.markAsDirty();
-    field.updateValueAndValidity();
-  }
-
-  onItemValueChanged(index: number) {
-    const field = this.getSingleField(index);
-    this.items[index].name = field.value;
-    this.itemsChanged.emit();
-  }
-
-  getIcons(item: ChecklistItem): string[] {
-    // TODO add error icon if there is an error on node
-    if (typeof (item.icon) === 'string') {
-      return [item.icon];
-    }
-    else {
-      return item.icon;
-    }
-  }
-
-  private getArray(): FormArray {
-    return this.checklistParentForm.get('fieldArray') as FormArray;
-  }
-
-  getSingleField(index: number): FormControl {
-    return this.getArray().controls[index] as FormControl;
-  }
-
-  syncFormControlDataToFieldValues() {
-    this.getArray().clear();
-    if (this.items) {
-      this.items.forEach(item => {
-        const formControl = new FormControl(item.name);
-        if (item.editable && item.checked) {
-          this.addValidators(item, formControl);
-        }
-        if (!item.editable || item.disabled) {
-          formControl.disable();
-        }
-        this.getArray().push(formControl);
-      });
-    }
-  }
-
-  doNothing(event: KeyboardEvent) {
-    event.preventDefault();
-  }
-}
+
+  @Input() items: ChecklistItem[] = [];
+  @Output() itemsChanged: EventEmitter<void> = new EventEmitter<void>();
+  labelPosition: string = 'before';
+  checklistParentForm: FormGroup;
+
+  /** @internal */
+  readonly LOCALIZED_STRINGS: Map<string, Observable<string>> = new Map<string, Observable<string>>([
+    ['REQUIRED', this.localizationService.getStringLaserficheObservable('REQUIRED')],
+  ]);
+
+  constructor() {
+    this.checklistParentForm = this.fb.group({
+      fieldArray: new FormArray([]),
+    });
+  }
+
+  ngOnInit(): void {
+    this.refreshChecklistItems();
+  }
+
+  @Input()
+  refreshChecklistItems = () => {
+    this.syncFormControlDataToFieldValues();
+    this.ref.detectChanges();
+  };
+
+  forceValidation: () => boolean = () => {
+    let isValid = true;
+    this.items.forEach((val, index) => {
+      if (val.editable && val.checked) {
+        // don't return invalid if not editable, since user can't fix it
+        const control = this.getSingleField(index);
+        this.triggerValidation(control);
+        const controlValid = control.valid;
+        if (!controlValid) {
+          isValid = false;
+        }
+      }
+    });
+    return isValid;
+  };
+
+  onItemCheckboxChanged(index: number) {
+    const field = this.getSingleField(index);
+    const item = this.items[index];
+    item.name = field.value;
+    if (!item.checked) {
+      field.clearValidators();
+    } else {
+      this.addValidators(item, field);
+    }
+    this.triggerValidation(field);
+    this.itemsChanged.emit();
+  }
+
+  private addValidators(item: ChecklistItem, field: FormControl) {
+    const constraint = item.constraint;
+    const required = item.isRequired;
+    const validators: ValidatorFn[] = [];
+    if (constraint) {
+      validators.push(ValidationUtils.generalRegexValidator(new RegExp(constraint)));
+    }
+    if (required) {
+      const requiredRegexValidator = ValidationUtils.requiredValidator();
+      validators.push(requiredRegexValidator);
+    }
+    field.setValidators(validators);
+  }
+
+  private triggerValidation(field: FormControl) {
+    field.markAsDirty();
+    field.updateValueAndValidity();
+  }
+
+  onItemValueChanged(index: number) {
+    const field = this.getSingleField(index);
+    this.items[index].name = field.value;
+    this.itemsChanged.emit();
+  }
+
+  getIcons(item: ChecklistItem): string[] {
+    // TODO add error icon if there is an error on node
+    if (typeof item.icon === 'string') {
+      return [item.icon];
+    } else {
+      return item.icon;
+    }
+  }
+
+  private getArray(): FormArray {
+    return this.checklistParentForm.get('fieldArray') as FormArray;
+  }
+
+  getSingleField(index: number): FormControl {
+    return this.getArray().controls[index] as FormControl;
+  }
+
+  syncFormControlDataToFieldValues() {
+    this.getArray().clear();
+    if (this.items) {
+      this.items.forEach((item) => {
+        const formControl = new FormControl(item.name);
+        if (item.editable && item.checked) {
+          this.addValidators(item, formControl);
+        }
+        if (!item.editable || item.disabled) {
+          formControl.disable();
+        }
+        this.getArray().push(formControl);
+      });
+    }
+  }
+
+  doNothing(event: KeyboardEvent) {
+    event.preventDefault();
+  }
+}
diff --git a/projects/ui-components/lf-checklist/lf-checklist-public-api.ts b/projects/ui-components/lf-checklist/lf-checklist-public-api.ts
index 39531a8a..38c2e7f7 100644
--- a/projects/ui-components/lf-checklist/lf-checklist-public-api.ts
+++ b/projects/ui-components/lf-checklist/lf-checklist-public-api.ts
@@ -1,8 +1,8 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-export { LfChecklistService } from './lf-checklist.service';
-export { LfChecklistProviders, LfChecklistComponent } from './lf-checklist/lf-checklist.component';
-export { Checklist } from './checklist';
-export { ChecklistItem } from './items/checklist-item';
-export { ChecklistOption } from './options/checklist-option';
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+export { LfChecklistService } from './lf-checklist.service';
+export { LfChecklistProviders, LfChecklistComponent } from './lf-checklist/lf-checklist.component';
+export { Checklist } from './checklist';
+export { ChecklistItem } from './items/checklist-item';
+export { ChecklistOption } from './options/checklist-option';
diff --git a/projects/ui-components/lf-checklist/lf-checklist.service.ts b/projects/ui-components/lf-checklist/lf-checklist.service.ts
index e998b381..9f7c8a9a 100644
--- a/projects/ui-components/lf-checklist/lf-checklist.service.ts
+++ b/projects/ui-components/lf-checklist/lf-checklist.service.ts
@@ -1,8 +1,8 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Checklist } from './checklist';
-
-export interface LfChecklistService {
-  loadChecklistsAsync(): Promise<Checklist[]>;
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Checklist } from './checklist';
+
+export interface LfChecklistService {
+  loadChecklistsAsync(): Promise<Checklist[]>;
+}
diff --git a/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.css b/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.css
index e39fb321..d6729dc6 100644
--- a/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.css
+++ b/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.css
@@ -1,67 +1,67 @@
-.lf-checklist-name-container {
-  padding: 15px 0 5px 0;
-  white-space: nowrap;
-  display: block;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.lf-checklist-button-container {
-  padding-top: 10px;
-  display: flex;
-  justify-content: flex-end;
-}
-
-::ng-deep .checklist-expansion-panel .mat-expansion-panel-header.mat-expanded {
-  height: 48px;
-}
-
-::ng-deep .checklist-expansion-panel.mat-expansion-panel {
-  position: static;
-  border-radius: 0;
-  box-shadow: none;
-  padding: 0;
-}
-
-::ng-deep .checklist-expansion-panel mat-expansion-panel-header {
-  padding-left: 0;
-  padding-right: 10px;
-}
-
-::ng-deep .checklist-expansion-panel div.mat-expansion-panel-body {
-  padding: 0;
-}
-
-mat-checkbox.lf-checkbox.full-width-checkbox {
-  width: 100%;
-}
-
-::ng-deep .lf-checklist-field > .mdc-text-field--filled:not(.mdc-text-field--disabled) {
-  background-color: white;
-}
-
-::ng-deep .lf-checklist-field .mat-mdc-form-field-flex {
-  height: inherit;
-}
-
-::ng-deep .lf-checklist-field .mat-mdc-form-field-infix {
-  height: inherit;
-  padding: 0;
-}
-
-::ng-deep .lf-checklist-option .mat-mdc-checkbox-touch-target {
-  height: 20px;
-  width: 20px;
-}
-
-::ng-deep .lf-checklist-option .mdc-checkbox__native-control {
-  top: 10px;
-  left: 10px;
-  right: 10px;
-  width: 20px;
-  height: 20px;
-}
-
-.lf-checklist-option > .lf-checkbox {
-  height: 25px;
-}
+.lf-checklist-name-container {
+  padding: 15px 0 5px 0;
+  white-space: nowrap;
+  display: block;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.lf-checklist-button-container {
+  padding-top: 10px;
+  display: flex;
+  justify-content: flex-end;
+}
+
+::ng-deep .checklist-expansion-panel .mat-expansion-panel-header.mat-expanded {
+  height: 48px;
+}
+
+::ng-deep .checklist-expansion-panel.mat-expansion-panel {
+  position: static;
+  border-radius: 0;
+  box-shadow: none;
+  padding: 0;
+}
+
+::ng-deep .checklist-expansion-panel mat-expansion-panel-header {
+  padding-left: 0;
+  padding-right: 10px;
+}
+
+::ng-deep .checklist-expansion-panel div.mat-expansion-panel-body {
+  padding: 0;
+}
+
+mat-checkbox.lf-checkbox.full-width-checkbox {
+  width: 100%;
+}
+
+::ng-deep .lf-checklist-field > .mdc-text-field--filled:not(.mdc-text-field--disabled) {
+  background-color: white;
+}
+
+::ng-deep .lf-checklist-field .mat-mdc-form-field-flex {
+  height: inherit;
+}
+
+::ng-deep .lf-checklist-field .mat-mdc-form-field-infix {
+  height: inherit;
+  padding: 0;
+}
+
+::ng-deep .lf-checklist-option .mat-mdc-checkbox-touch-target {
+  height: 20px;
+  width: 20px;
+}
+
+::ng-deep .lf-checklist-option .mdc-checkbox__native-control {
+  top: 10px;
+  left: 10px;
+  right: 10px;
+  width: 20px;
+  height: 20px;
+}
+
+.lf-checklist-option > .lf-checkbox {
+  height: 25px;
+}
diff --git a/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.html b/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.html
index 4f56f6d0..088420fc 100644
--- a/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.html
+++ b/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.html
@@ -8,16 +8,21 @@
         @if (!checklist.collapsible) {
           <div>
             <div id="lf-checklist-name-container" class="lf-checklist-name-container">
-              <span id="lf-checklist-name" class="lf-text-label"
-              title="{{checklist.name}}">{{checklist.name}}</span>
+              <span id="lf-checklist-name" class="lf-text-label" title="{{ checklist.name }}">{{
+                checklist.name
+              }}</span>
             </div>
             @if (checklist.checklistItems.length > 0) {
-              <lf-items-component [items]="checklist.checklistItems"
-              (itemsChanged)="emitChecklistChanges()"></lf-items-component>
+              <lf-items-component
+                [items]="checklist.checklistItems"
+                (itemsChanged)="emitChecklistChanges()"
+              ></lf-items-component>
             }
             @if (checklist.checklistOptions.length > 0) {
-              <lf-options-component [options]="checklist.checklistOptions"
-              (optionsChanged)="emitChecklistChanges()"></lf-options-component>
+              <lf-options-component
+                [options]="checklist.checklistOptions"
+                (optionsChanged)="emitChecklistChanges()"
+              ></lf-options-component>
             }
           </div>
         }
@@ -26,17 +31,22 @@
             <mat-expansion-panel [expanded]="false" class="checklist-expansion-panel">
               <mat-expansion-panel-header class="checklist-expansion-panel">
                 <mat-panel-title>
-                  <span id="lf-checklist-name" class="lf-text-label"
-                  title="{{checklist.name}}">{{checklist.name}}</span>
+                  <span id="lf-checklist-name" class="lf-text-label" title="{{ checklist.name }}">{{
+                    checklist.name
+                  }}</span>
                 </mat-panel-title>
               </mat-expansion-panel-header>
               @if (checklist.checklistItems.length > 0) {
-                <lf-items-component [items]="checklist.checklistItems"
-                (itemsChanged)="emitChecklistChanges()"></lf-items-component>
+                <lf-items-component
+                  [items]="checklist.checklistItems"
+                  (itemsChanged)="emitChecklistChanges()"
+                ></lf-items-component>
               }
               @if (checklist.checklistOptions.length > 0) {
-                <lf-options-component [options]="checklist.checklistOptions"
-                (optionsChanged)="emitChecklistChanges()"></lf-options-component>
+                <lf-options-component
+                  [options]="checklist.checklistOptions"
+                  (optionsChanged)="emitChecklistChanges()"
+                ></lf-options-component>
               }
             </mat-expansion-panel>
           </div>
@@ -46,14 +56,22 @@
   </div>
   <div id="lf-checklist-button-container" class="lf-checklist-button-container">
     @if (action_button_text) {
-      <button id="lf-checklist-action-button"
+      <button
+        id="lf-checklist-action-button"
         class="lf-checklist-action-button primary-button lf-button"
-      (click)="onActionButtonClicked()">{{action_button_text}}</button>
+        (click)="onActionButtonClicked()"
+      >
+        {{ action_button_text }}
+      </button>
     }
     @if (cancel_button_text) {
-      <button id="lf-checklist-cancel-button"
+      <button
+        id="lf-checklist-cancel-button"
         class="lf-checklist-cancel-button lf-button sec-button"
-      (click)="onCancelButtonClicked()">{{cancel_button_text}}</button>
+        (click)="onCancelButtonClicked()"
+      >
+        {{ cancel_button_text }}
+      </button>
     }
   </div>
 </div>
diff --git a/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.spec.ts b/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.spec.ts
index a8c06259..9ba52a4b 100644
--- a/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.spec.ts
+++ b/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.spec.ts
@@ -1,28 +1,27 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { LfChecklistComponent } from './lf-checklist.component';
-
-describe('LfChecklistComponent', () => {
-  let component: LfChecklistComponent;
-  let fixture: ComponentFixture<LfChecklistComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [ LfChecklistComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(LfChecklistComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LfChecklistComponent } from './lf-checklist.component';
+
+describe('LfChecklistComponent', () => {
+  let component: LfChecklistComponent;
+  let fixture: ComponentFixture<LfChecklistComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [LfChecklistComponent],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LfChecklistComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.ts b/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.ts
index f82b1ea7..0a55dba7 100644
--- a/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.ts
+++ b/projects/ui-components/lf-checklist/lf-checklist/lf-checklist.component.ts
@@ -1,79 +1,88 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component, Input, Output, EventEmitter, ChangeDetectorRef, ViewChildren, QueryList, inject } from '@angular/core';
-
-import { MatExpansionModule } from '@angular/material/expansion';
-import { ItemsComponent } from '../items/items.component';
-import { OptionsComponent } from '../options/options.component';
-import { Checklist } from '../checklist';
-import { LfChecklistService } from '../lf-checklist.service';
-
-export interface LfChecklistProviders {
-  checklistService: LfChecklistService;
-}
-
-@Component({
-  selector: 'lf-checklist-component',
-  templateUrl: './lf-checklist.component.html',
-  styleUrls: ['./lf-checklist.component.css'],
-  standalone: true,
-  imports: [MatExpansionModule, ItemsComponent, OptionsComponent],
-})
-export class LfChecklistComponent {
-  /**@internal */
-  private ref = inject(ChangeDetectorRef);
-
-  @Input() action_button_text: string | undefined;
-
-  @Input() cancel_button_text: string | undefined;
-
-  @Output() checklistChanged: EventEmitter<Checklist[]> = new EventEmitter();
-
-  @Output() actionClick: EventEmitter<Checklist[]> = new EventEmitter();
-
-  @Output() cancelClick: EventEmitter<Checklist[]> = new EventEmitter();
-
-  /** @internal */
-  @ViewChildren(ItemsComponent) private itemsComponents!: QueryList<ItemsComponent>;
-
-  /** @internal */
-  checklists: Checklist[] = [];
-
-  @Input() initAsync = async (providers: LfChecklistProviders): Promise<void> => {
-    return new Promise((resolve) => {
-      requestAnimationFrame(async () => {
-        this.checklists = await providers.checklistService.loadChecklistsAsync();
-        this.itemsComponents?.forEach((component) => component.refreshChecklistItems());
-        this.checklistChanged.emit(this.checklists);
-        this.ref.markForCheck();
-        resolve();
-      });
-    });
-  };
-
-  @Input() forceValidation = (): boolean => {
-    let isValid = true;
-    this.itemsComponents.forEach((component) => {
-      if (!component.forceValidation()) {
-        isValid = false;
-      }
-    });
-    return isValid;
-  };
-
-  /** @internal */
-  onActionButtonClicked(): void {
-    this.actionClick.emit(this.checklists);
-  }
-
-  /** @internal */
-  onCancelButtonClicked(): void {
-    this.cancelClick.emit(this.checklists);
-  }
-
-  /** @internal */
-  emitChecklistChanges(): void {
-    this.checklistChanged.emit(this.checklists);
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import {
+  Component,
+  Input,
+  Output,
+  EventEmitter,
+  ChangeDetectorRef,
+  ViewChildren,
+  QueryList,
+  inject,
+} from '@angular/core';
+
+import { MatExpansionModule } from '@angular/material/expansion';
+import { ItemsComponent } from '../items/items.component';
+import { OptionsComponent } from '../options/options.component';
+import { Checklist } from '../checklist';
+import { LfChecklistService } from '../lf-checklist.service';
+
+export interface LfChecklistProviders {
+  checklistService: LfChecklistService;
+}
+
+@Component({
+  selector: 'lf-checklist-component',
+  templateUrl: './lf-checklist.component.html',
+  styleUrls: ['./lf-checklist.component.css'],
+  standalone: true,
+  imports: [MatExpansionModule, ItemsComponent, OptionsComponent],
+})
+export class LfChecklistComponent {
+  /**@internal */
+  private ref = inject(ChangeDetectorRef);
+
+  @Input() action_button_text: string | undefined;
+
+  @Input() cancel_button_text: string | undefined;
+
+  @Output() checklistChanged: EventEmitter<Checklist[]> = new EventEmitter();
+
+  @Output() actionClick: EventEmitter<Checklist[]> = new EventEmitter();
+
+  @Output() cancelClick: EventEmitter<Checklist[]> = new EventEmitter();
+
+  /** @internal */
+  @ViewChildren(ItemsComponent) private itemsComponents!: QueryList<ItemsComponent>;
+
+  /** @internal */
+  checklists: Checklist[] = [];
+
+  @Input() initAsync = async (providers: LfChecklistProviders): Promise<void> => {
+    return new Promise((resolve) => {
+      requestAnimationFrame(async () => {
+        this.checklists = await providers.checklistService.loadChecklistsAsync();
+        this.itemsComponents?.forEach((component) => component.refreshChecklistItems());
+        this.checklistChanged.emit(this.checklists);
+        this.ref.markForCheck();
+        resolve();
+      });
+    });
+  };
+
+  @Input() forceValidation = (): boolean => {
+    let isValid = true;
+    this.itemsComponents.forEach((component) => {
+      if (!component.forceValidation()) {
+        isValid = false;
+      }
+    });
+    return isValid;
+  };
+
+  /** @internal */
+  onActionButtonClicked(): void {
+    this.actionClick.emit(this.checklists);
+  }
+
+  /** @internal */
+  onCancelButtonClicked(): void {
+    this.cancelClick.emit(this.checklists);
+  }
+
+  /** @internal */
+  emitChecklistChanges(): void {
+    this.checklistChanged.emit(this.checklists);
+  }
+}
diff --git a/projects/ui-components/lf-checklist/ng-package.json b/projects/ui-components/lf-checklist/ng-package.json
index 809b5830..c453c0de 100644
--- a/projects/ui-components/lf-checklist/ng-package.json
+++ b/projects/ui-components/lf-checklist/ng-package.json
@@ -1,5 +1,5 @@
 {
   "lib": {
-  "entryFile": "./lf-checklist-public-api.ts"
+    "entryFile": "./lf-checklist-public-api.ts"
   }
 }
diff --git a/projects/ui-components/lf-checklist/options/checklist-option.ts b/projects/ui-components/lf-checklist/options/checklist-option.ts
index d95aa36f..4eafb438 100644
--- a/projects/ui-components/lf-checklist/options/checklist-option.ts
+++ b/projects/ui-components/lf-checklist/options/checklist-option.ts
@@ -1,8 +1,8 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-export interface ChecklistOption {
-    name: string;
-    checked: boolean;
-    disabled: boolean;
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+export interface ChecklistOption {
+  name: string;
+  checked: boolean;
+  disabled: boolean;
+}
diff --git a/projects/ui-components/lf-checklist/options/options.component.css b/projects/ui-components/lf-checklist/options/options.component.css
index b73dc732..a429f033 100644
--- a/projects/ui-components/lf-checklist/options/options.component.css
+++ b/projects/ui-components/lf-checklist/options/options.component.css
@@ -1,12 +1,12 @@
-.lf-checklist-option-container {
-  padding: 5px 0 5px 45px;
-}
-
-::ng-deep .lf-checklist-option-container .lf-checkbox.mat-mdc-checkbox .mdc-label {
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.lf-checklist-option {
-  margin-bottom: 5px;
-}
+.lf-checklist-option-container {
+  padding: 5px 0 5px 45px;
+}
+
+::ng-deep .lf-checklist-option-container .lf-checkbox.mat-mdc-checkbox .mdc-label {
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.lf-checklist-option {
+  margin-bottom: 5px;
+}
diff --git a/projects/ui-components/lf-checklist/options/options.component.html b/projects/ui-components/lf-checklist/options/options.component.html
index 4170f10a..888d22bb 100644
--- a/projects/ui-components/lf-checklist/options/options.component.html
+++ b/projects/ui-components/lf-checklist/options/options.component.html
@@ -4,8 +4,16 @@
 <div id="lf-checklist-option-container" class="lf-checklist-option-container">
   @for (option of options; track option) {
     <div id="lf-checklist-option" class="lf-checklist-option">
-      <mat-checkbox color="primary" ngDefaultControl [(ngModel)]="option.checked" [disabled]="option.disabled"
-      (change)="onOptionCheckboxChanged()" title="{{option.name}}" class="lf-checkbox full-width-checkbox">{{option.name}}</mat-checkbox>
+      <mat-checkbox
+        color="primary"
+        ngDefaultControl
+        [(ngModel)]="option.checked"
+        [disabled]="option.disabled"
+        (change)="onOptionCheckboxChanged()"
+        title="{{ option.name }}"
+        class="lf-checkbox full-width-checkbox"
+        >{{ option.name }}</mat-checkbox
+      >
     </div>
   }
 </div>
diff --git a/projects/ui-components/lf-checklist/options/options.component.spec.ts b/projects/ui-components/lf-checklist/options/options.component.spec.ts
index 52316be4..5f6fc8e5 100644
--- a/projects/ui-components/lf-checklist/options/options.component.spec.ts
+++ b/projects/ui-components/lf-checklist/options/options.component.spec.ts
@@ -1,28 +1,27 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { OptionsComponent } from './options.component';
-
-describe('OptionsComponent', () => {
-  let component: OptionsComponent;
-  let fixture: ComponentFixture<OptionsComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [ OptionsComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(OptionsComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { OptionsComponent } from './options.component';
+
+describe('OptionsComponent', () => {
+  let component: OptionsComponent;
+  let fixture: ComponentFixture<OptionsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [OptionsComponent],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(OptionsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/ui-components/lf-checklist/options/options.component.ts b/projects/ui-components/lf-checklist/options/options.component.ts
index c8b76c6f..9b5c25a4 100644
--- a/projects/ui-components/lf-checklist/options/options.component.ts
+++ b/projects/ui-components/lf-checklist/options/options.component.ts
@@ -1,27 +1,26 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component, Input, EventEmitter, Output } from '@angular/core';
-
-import { FormsModule } from '@angular/forms';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { ChecklistOption } from './checklist-option';
-
-@Component({
-    selector: 'lf-options-component',
-    templateUrl: './options.component.html',
-    styleUrls: ['./options.component.css', './../lf-checklist/lf-checklist.component.css'],
-    standalone: true,
-    imports: [FormsModule, MatCheckboxModule]
-})
-export class OptionsComponent {
-
-  @Input() options: ChecklistOption[] = [];
-  @Output() optionsChanged: EventEmitter<void> = new EventEmitter<void>();
-
-  constructor() { }
-
-  onOptionCheckboxChanged() {
-    this.optionsChanged.emit();
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component, Input, EventEmitter, Output } from '@angular/core';
+
+import { FormsModule } from '@angular/forms';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { ChecklistOption } from './checklist-option';
+
+@Component({
+  selector: 'lf-options-component',
+  templateUrl: './options.component.html',
+  styleUrls: ['./options.component.css', './../lf-checklist/lf-checklist.component.css'],
+  standalone: true,
+  imports: [FormsModule, MatCheckboxModule],
+})
+export class OptionsComponent {
+  @Input() options: ChecklistOption[] = [];
+  @Output() optionsChanged: EventEmitter<void> = new EventEmitter<void>();
+
+  constructor() {}
+
+  onOptionCheckboxChanged() {
+    this.optionsChanged.emit();
+  }
+}
diff --git a/projects/ui-components/lf-login/lf-login-public-api.ts b/projects/ui-components/lf-login/lf-login-public-api.ts
index 1f143e8e..cc9d4e2d 100644
--- a/projects/ui-components/lf-login/lf-login-public-api.ts
+++ b/projects/ui-components/lf-login/lf-login-public-api.ts
@@ -1,5 +1,11 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-export { LfLoginComponent } from './lf-login.component';
-export { AuthorizationCredentials, AccountEndpoints, AbortedLoginError, LfBeforeFetchResult, LfHttpRequestHandler } from './login-utils/lf-login-types';
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+export { LfLoginComponent } from './lf-login.component';
+export {
+  AuthorizationCredentials,
+  AccountEndpoints,
+  AbortedLoginError,
+  LfBeforeFetchResult,
+  LfHttpRequestHandler,
+} from './login-utils/lf-login-types';
diff --git a/projects/ui-components/lf-login/lf-login.component.css b/projects/ui-components/lf-login/lf-login.component.css
index fcfe20ad..88b4f76d 100644
--- a/projects/ui-components/lf-login/lf-login.component.css
+++ b/projects/ui-components/lf-login/lf-login.component.css
@@ -1,58 +1,58 @@
-::ng-deep .login-menu-item button.lf-button.login-button {
-  background: transparent;
-  border: none;
-}
-
-::ng-deep .lf-login-mat-menu .mat-mdc-menu-item {
-  min-height: unset;
-  line-height: 34px;
-  height: 34px;
-}
-
-::ng-deep .lf-login-mat-menu.mat-mdc-menu-panel {
-  min-height: 0;
-  width: 200px;
-}
-
-.lf-login-menu-trigger {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50%;
-  border-style: solid;
-  border-width: 1px;
-  border-color: #333333;
-  height: 30px;
-  width: 30px;
-  padding: 0px;
-  cursor: pointer;
-}
-
-.lf-login-trigger-button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.lf-login-initials {
-  line-height: 1;
-}
-
-.lf-login-menu-button {
-  color: #333333;
-}
-
-.lf-login-menu-internal-button {
-  background: none;
-  border: none;
-}
-
-.lf-login-wrapper-button {
-  background: transparent;
-  border: none;
-  text-align: center;
-}
-
-::ng-deep .lf-button.login-button {
-  width: 200px;
-}
+::ng-deep .login-menu-item button.lf-button.login-button {
+  background: transparent;
+  border: none;
+}
+
+::ng-deep .lf-login-mat-menu .mat-mdc-menu-item {
+  min-height: unset;
+  line-height: 34px;
+  height: 34px;
+}
+
+::ng-deep .lf-login-mat-menu.mat-mdc-menu-panel {
+  min-height: 0;
+  width: 200px;
+}
+
+.lf-login-menu-trigger {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  border-style: solid;
+  border-width: 1px;
+  border-color: #333333;
+  height: 30px;
+  width: 30px;
+  padding: 0px;
+  cursor: pointer;
+}
+
+.lf-login-trigger-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.lf-login-initials {
+  line-height: 1;
+}
+
+.lf-login-menu-button {
+  color: #333333;
+}
+
+.lf-login-menu-internal-button {
+  background: none;
+  border: none;
+}
+
+.lf-login-wrapper-button {
+  background: transparent;
+  border: none;
+  text-align: center;
+}
+
+::ng-deep .lf-button.login-button {
+  width: 200px;
+}
diff --git a/projects/ui-components/lf-login/lf-login.component.html b/projects/ui-components/lf-login/lf-login.component.html
index c093dbe6..ca4c9c64 100644
--- a/projects/ui-components/lf-login/lf-login.component.html
+++ b/projects/ui-components/lf-login/lf-login.component.html
@@ -3,29 +3,33 @@
 
 @if (!isMenuMode) {
   <div class="lf-login-button">
-    <button [disabled]="isIntermediateState"
-      [ngClass]="{'primary-button': !isLoggedIn,'sec-button': isLoggedIn, 'lf-button': true, 'login-button': true}"
-      (click)="onLoginButtonClickAsync()">
-      {{buttonText | async}}
+    <button
+      [disabled]="isIntermediateState"
+      [ngClass]="{ 'primary-button': !isLoggedIn, 'sec-button': isLoggedIn, 'lf-button': true, 'login-button': true }"
+      (click)="onLoginButtonClickAsync()"
+    >
+      {{ buttonText | async }}
     </button>
   </div>
 }
 
 @if (isMenuMode) {
   <div class="lf-login-menu">
-    <button [disabled]="isIntermediateState" [matMenuTriggerFor]="menu" class="lf-login-menu-trigger"
-      [ngClass]="{'lf-trigger-logged-in': isLoggedIn}">
-      <div [ngClass]="{'lf-logged-in': isLoggedIn, 'lf-login-trigger-button': true}">
-        <span class="material-icons-outlined">
-          person
-        </span>
+    <button
+      [disabled]="isIntermediateState"
+      [matMenuTriggerFor]="menu"
+      class="lf-login-menu-trigger"
+      [ngClass]="{ 'lf-trigger-logged-in': isLoggedIn }"
+    >
+      <div [ngClass]="{ 'lf-logged-in': isLoggedIn, 'lf-login-trigger-button': true }">
+        <span class="material-icons-outlined"> person </span>
       </div>
     </button>
     <mat-menu #menu="matMenu" class="lf-login-mat-menu">
       <div mat-menu-item>
         <div class="lf-login-menu-button" (click)="onLoginButtonClickAsync()">
           <button [disabled]="isIntermediateState" class="lf-login-menu-internal-button">
-            {{buttonText | async}}
+            {{ buttonText | async }}
           </button>
         </div>
       </div>
diff --git a/projects/ui-components/lf-login/lf-login.component.spec.ts b/projects/ui-components/lf-login/lf-login.component.spec.ts
index 141ef57d..7d34e22b 100644
--- a/projects/ui-components/lf-login/lf-login.component.spec.ts
+++ b/projects/ui-components/lf-login/lf-login.component.spec.ts
@@ -1,174 +1,183 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatMenuModule } from '@angular/material/menu';
-import { LfLoginComponent } from './lf-login.component';
-import { LoginState } from '@laserfiche/lf-ui-components/shared';
-
-describe('LfLoginComponent', () => {
-  let component: LfLoginComponent;
-  let fixture: ComponentFixture<LfLoginComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [
-        LfLoginComponent,
-        MatMenuModule
-      ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(LfLoginComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-    // @ts-ignore
-    component.loginService.removeFromLocalStorage();
-    // @ts-ignore
-    component.loginService._state = LoginState.LoggedOut;
-    // @ts-ignore
-    component.loginService.authorize_url_host_name = 'laserfiche.com';
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-  it('parseCallbackURI with no state', () => {
-    const uriParams = component.parseCallbackURI('https://testurl.com');
-    expect(uriParams).toBeUndefined();
-  });
-
-  it('parseCallbackURI with code, domain, and customerId', () => {
-    const uriParams = component.parseCallbackURI('https://testurl.com/hi?code=auth-code&state=lf-login-redirect&domain=laserfiche.com&customerId=123456789');
-    expect(uriParams).toEqual(
-      {
-        authorizationCode: 'auth-code',
-        cloudSubDomain: 'laserfiche.com',
-        customerId: '123456789'
-      });
-  });
-
-  it('parseCallbackURI with error', () => {
-    const uriParams = component.parseCallbackURI('https://testurl.com/hi?state=lf-login-redirect&error=test-name&description=test-description');
-    expect(uriParams).toEqual({ error: { name: 'test-name', description: 'test-description' } });
-  });
-
-  it('parseCallbackURI with state but no code or error', () => {
-    expect(() => component.parseCallbackURI('https://testurl.com/hi?state=lf-login-redirect')).toThrow();
-  });
-
-  it('extractErrorFromUrl with error', () => {
-    const testUrl = new URL('https://test-url.com?error=test-name&description=test-description');
-    const error = component.extractErrorFromUrl(testUrl);
-    expect(error).toEqual({ name: 'test-name', description: 'test-description' });
-  });
-
-  it('extractErrorFromUrl with error, no description', () => {
-    const testUrl = new URL('https://test-url.com?error=test-name');
-    const error = component.extractErrorFromUrl(testUrl);
-    expect(error).toEqual({ name: 'test-name', description: 'unknown' });
-  });
-
-  it('extractErrorFromUrl no error, no description', () => {
-    const testUrl = new URL('https://test-url.com');
-    const error = component.extractErrorFromUrl(testUrl);
-    expect(error).toBeUndefined();
-  });
-
-  it('determineCurrentState as LoggedIn', () => {
-    const testHeader = btoa('{"test": "test"}');
-    const encodedJWT = btoa('{"csid": "123456789", "trid": "1"}');
-    // @ts-ignore
-    component.loginService.storeInLocalStorage(
-      {
-        accessToken: `${testHeader}.${encodedJWT}.test`,
-        refreshToken: 'test-refresh',
-        expiresIn: '100',
-        tokenType: 'bearer'
-      },
-      '123456789',
-      'laserfiche.com'
-      );
-
-    const currentState = component.determineCurrentState(undefined);
-    expect(currentState).toEqual(LoginState.LoggedIn);
-  });
-
-  it('determineCurrentState as LoggedOut', () => {
-    const currentState = component.determineCurrentState(undefined);
-    expect(currentState).toEqual(LoginState.LoggedOut);
-  });
-
-  it('determineCurrentState as LoggingIn', () => {
-    const currentCodeState = component.determineCurrentState({ authorizationCode: 'test-code' });
-    expect(currentCodeState).toEqual(LoginState.LoggingIn);
-    const currentErrorState = component.determineCurrentState({ error: { name: 'test-name', description: 'test-description' } });
-    expect(currentErrorState).toEqual(LoginState.LoggingIn);
-  });
-
-  it('createRefreshTokenRequest creates request', () => {
-    // @ts-ignore
-    component.loginService._accessToken = { accessToken: 'test-access', refreshToken: 'test-refresh', expiresIn: '100', tokenType: 'bearer' };
-    const refreshTokenRequest = component.createRefreshTokenRequest();
-    expect(refreshTokenRequest.body).toEqual('grant_type=refresh_token&refresh_token=test-refresh&client_id=undefined');
-    expect(refreshTokenRequest.method).toEqual('POST');
-    expect(refreshTokenRequest.headers).toEqual({ 'Content-Type': 'application/x-www-form-urlencoded' });
-  });
-
-  it('createRefreshTokenRequest throws when no refresh token', () => {
-    expect(() => component.createRefreshTokenRequest()).toThrow();
-  });
-
-  it('extractCodeFromUrl gets code from url', () => {
-    const testUrl = new URL('https://test-url.com?code=test-code');
-    const codeFromUrl = component.extractCodeFromUrl(testUrl);
-    expect(codeFromUrl).toEqual('test-code');
-
-    const testUrlNoCode = new URL('https://test-url.com');
-    const noCodeFromUrl = component.extractCodeFromUrl(testUrlNoCode);
-    expect(noCodeFromUrl).toBeUndefined();
-  });
-
-  it('getAuthorizeUrl returns full OAuth url', () => {
-    const authUrl = component.getAuthorizeUrl();
-    expect(authUrl).toEqual('https://signin.laserfiche.com/oauth/Authorize?client_id=undefined&redirect_uri=undefined&scope=undefined&response_type=code&response_mode=query&state=lf-login-redirect&code_challenge=undefined&code_challenge_method=S256');
-  });
-
-  it('getFullLogoutUrl returns logout url', () => {
-    const testHeader = btoa('{"test": "test"}');
-    const encodedJWT = btoa('{"csid": "123456789", "trid": "1"}');
-    // @ts-ignore
-    component.loginService.storeInLocalStorage(
-      {
-        accessToken: `${testHeader}.${encodedJWT}.test`,
-        refreshToken: 'test-refresh',
-        expiresIn: '100',
-        tokenType: 'bearer'
-      },
-      '123456789',
-      'laserfiche.com');
-    component.redirect_uri = 'test-url';
-    const logoutUrl = component.getFullLogoutUrl();
-
-    expect(logoutUrl).toEqual('https://accounts.laserfiche.com/WebSTS/?wa=wsignout1.0&wreply=test-url');
-  });
-
-  it('getFullLogoutUrl when no signout url available', () => {
-    // @ts-ignore
-    component.loginService._accountEndpoints = undefined;
-    expect(component.getFullLogoutUrl()).toBeUndefined();
-  });
-
-  it('concatStrings should return second string when no first string', () => {
-    expect(component.concatStrings(undefined, 'test')).toEqual('test');
-  });
-
-  it('concatStrings should return concatenated strings when there is first string', () => {
-    expect(component.concatStrings('hi', 'test')).toEqual('hi test');
-    expect(component.concatStrings('hi ', 'test')).toEqual('hi test');
-    expect(component.concatStrings('hi ', ' test')).toEqual('hi test');
-    expect(component.concatStrings('hi', ' test')).toEqual('hi test');
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatMenuModule } from '@angular/material/menu';
+import { LfLoginComponent } from './lf-login.component';
+import { LoginState } from '@laserfiche/lf-ui-components/shared';
+
+describe('LfLoginComponent', () => {
+  let component: LfLoginComponent;
+  let fixture: ComponentFixture<LfLoginComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [LfLoginComponent, MatMenuModule],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LfLoginComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+    // @ts-ignore
+    component.loginService.removeFromLocalStorage();
+    // @ts-ignore
+    component.loginService._state = LoginState.LoggedOut;
+    // @ts-ignore
+    component.loginService.authorize_url_host_name = 'laserfiche.com';
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+  it('parseCallbackURI with no state', () => {
+    const uriParams = component.parseCallbackURI('https://testurl.com');
+    expect(uriParams).toBeUndefined();
+  });
+
+  it('parseCallbackURI with code, domain, and customerId', () => {
+    const uriParams = component.parseCallbackURI(
+      'https://testurl.com/hi?code=auth-code&state=lf-login-redirect&domain=laserfiche.com&customerId=123456789'
+    );
+    expect(uriParams).toEqual({
+      authorizationCode: 'auth-code',
+      cloudSubDomain: 'laserfiche.com',
+      customerId: '123456789',
+    });
+  });
+
+  it('parseCallbackURI with error', () => {
+    const uriParams = component.parseCallbackURI(
+      'https://testurl.com/hi?state=lf-login-redirect&error=test-name&description=test-description'
+    );
+    expect(uriParams).toEqual({ error: { name: 'test-name', description: 'test-description' } });
+  });
+
+  it('parseCallbackURI with state but no code or error', () => {
+    expect(() => component.parseCallbackURI('https://testurl.com/hi?state=lf-login-redirect')).toThrow();
+  });
+
+  it('extractErrorFromUrl with error', () => {
+    const testUrl = new URL('https://test-url.com?error=test-name&description=test-description');
+    const error = component.extractErrorFromUrl(testUrl);
+    expect(error).toEqual({ name: 'test-name', description: 'test-description' });
+  });
+
+  it('extractErrorFromUrl with error, no description', () => {
+    const testUrl = new URL('https://test-url.com?error=test-name');
+    const error = component.extractErrorFromUrl(testUrl);
+    expect(error).toEqual({ name: 'test-name', description: 'unknown' });
+  });
+
+  it('extractErrorFromUrl no error, no description', () => {
+    const testUrl = new URL('https://test-url.com');
+    const error = component.extractErrorFromUrl(testUrl);
+    expect(error).toBeUndefined();
+  });
+
+  it('determineCurrentState as LoggedIn', () => {
+    const testHeader = btoa('{"test": "test"}');
+    const encodedJWT = btoa('{"csid": "123456789", "trid": "1"}');
+    // @ts-ignore
+    component.loginService.storeInLocalStorage(
+      {
+        accessToken: `${testHeader}.${encodedJWT}.test`,
+        refreshToken: 'test-refresh',
+        expiresIn: '100',
+        tokenType: 'bearer',
+      },
+      '123456789',
+      'laserfiche.com'
+    );
+
+    const currentState = component.determineCurrentState(undefined);
+    expect(currentState).toEqual(LoginState.LoggedIn);
+  });
+
+  it('determineCurrentState as LoggedOut', () => {
+    const currentState = component.determineCurrentState(undefined);
+    expect(currentState).toEqual(LoginState.LoggedOut);
+  });
+
+  it('determineCurrentState as LoggingIn', () => {
+    const currentCodeState = component.determineCurrentState({ authorizationCode: 'test-code' });
+    expect(currentCodeState).toEqual(LoginState.LoggingIn);
+    const currentErrorState = component.determineCurrentState({
+      error: { name: 'test-name', description: 'test-description' },
+    });
+    expect(currentErrorState).toEqual(LoginState.LoggingIn);
+  });
+
+  it('createRefreshTokenRequest creates request', () => {
+    // @ts-ignore
+    component.loginService._accessToken = {
+      accessToken: 'test-access',
+      refreshToken: 'test-refresh',
+      expiresIn: '100',
+      tokenType: 'bearer',
+    };
+    const refreshTokenRequest = component.createRefreshTokenRequest();
+    expect(refreshTokenRequest.body).toEqual('grant_type=refresh_token&refresh_token=test-refresh&client_id=undefined');
+    expect(refreshTokenRequest.method).toEqual('POST');
+    expect(refreshTokenRequest.headers).toEqual({ 'Content-Type': 'application/x-www-form-urlencoded' });
+  });
+
+  it('createRefreshTokenRequest throws when no refresh token', () => {
+    expect(() => component.createRefreshTokenRequest()).toThrow();
+  });
+
+  it('extractCodeFromUrl gets code from url', () => {
+    const testUrl = new URL('https://test-url.com?code=test-code');
+    const codeFromUrl = component.extractCodeFromUrl(testUrl);
+    expect(codeFromUrl).toEqual('test-code');
+
+    const testUrlNoCode = new URL('https://test-url.com');
+    const noCodeFromUrl = component.extractCodeFromUrl(testUrlNoCode);
+    expect(noCodeFromUrl).toBeUndefined();
+  });
+
+  it('getAuthorizeUrl returns full OAuth url', () => {
+    const authUrl = component.getAuthorizeUrl();
+    expect(authUrl).toEqual(
+      'https://signin.laserfiche.com/oauth/Authorize?client_id=undefined&redirect_uri=undefined&scope=undefined&response_type=code&response_mode=query&state=lf-login-redirect&code_challenge=undefined&code_challenge_method=S256'
+    );
+  });
+
+  it('getFullLogoutUrl returns logout url', () => {
+    const testHeader = btoa('{"test": "test"}');
+    const encodedJWT = btoa('{"csid": "123456789", "trid": "1"}');
+    // @ts-ignore
+    component.loginService.storeInLocalStorage(
+      {
+        accessToken: `${testHeader}.${encodedJWT}.test`,
+        refreshToken: 'test-refresh',
+        expiresIn: '100',
+        tokenType: 'bearer',
+      },
+      '123456789',
+      'laserfiche.com'
+    );
+    component.redirect_uri = 'test-url';
+    const logoutUrl = component.getFullLogoutUrl();
+
+    expect(logoutUrl).toEqual('https://accounts.laserfiche.com/WebSTS/?wa=wsignout1.0&wreply=test-url');
+  });
+
+  it('getFullLogoutUrl when no signout url available', () => {
+    // @ts-ignore
+    component.loginService._accountEndpoints = undefined;
+    expect(component.getFullLogoutUrl()).toBeUndefined();
+  });
+
+  it('concatStrings should return second string when no first string', () => {
+    expect(component.concatStrings(undefined, 'test')).toEqual('test');
+  });
+
+  it('concatStrings should return concatenated strings when there is first string', () => {
+    expect(component.concatStrings('hi', 'test')).toEqual('hi test');
+    expect(component.concatStrings('hi ', 'test')).toEqual('hi test');
+    expect(component.concatStrings('hi ', ' test')).toEqual('hi test');
+    expect(component.concatStrings('hi', ' test')).toEqual('hi test');
+  });
+});
diff --git a/projects/ui-components/lf-login/lf-login.component.ts b/projects/ui-components/lf-login/lf-login.component.ts
index 2fd16140..126386fe 100644
--- a/projects/ui-components/lf-login/lf-login.component.ts
+++ b/projects/ui-components/lf-login/lf-login.component.ts
@@ -1,763 +1,763 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import {
-  ChangeDetectorRef,
-  Component,
-  EventEmitter,
-  Input,
-  OnChanges,
-  OnDestroy,
-  Output,
-  SimpleChanges,
-  AfterViewInit,
-  inject,
-} from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { MatMenuModule } from '@angular/material/menu';
-import { Observable, of, Subscription } from 'rxjs';
-import { AccountInfo, RedirectUriQueryParams } from './login-utils/lf-login-internal-types';
-import {
-  AbortedLoginError,
-  AccountEndpoints,
-  AuthorizationCredentials,
-  LfBeforeFetchResult,
-  LfHttpRequestHandler,
-} from './login-utils/lf-login-types';
-import { LoginMode, LoginState, RedirectBehavior } from '@laserfiche/lf-ui-components/shared';
-import { AppLocalizationService } from '@laserfiche/lf-ui-components/internal-shared';
-import { LfLoginService } from './login-utils/lf-login.service';
-import { ApiException, PKCEUtils, TokenClient } from '@laserfiche/lf-api-client-core';
-
-const LOGIN_REDIRECT_STATE = 'lf-login-redirect';
-const CODE_CHALLENGE_METHOD = 'S256';
-@Component({
-  selector: 'lf-login-component',
-  templateUrl: './lf-login.component.html',
-  styleUrls: ['./lf-login.component.css'],
-  standalone: true,
-  imports: [CommonModule, MatMenuModule],
-})
-export class LfLoginComponent implements OnChanges, OnDestroy, AfterViewInit {
-  /**@internal */
-  private ref = inject(ChangeDetectorRef);
-  /**@internal */
-  private loginService = inject(LfLoginService);
-  /**@internal */
-  private localizationService = inject(AppLocalizationService);
-
-  /** @internal */
-  private readonly CLOUDDEV = 'clouddev';
-  /** @internal */
-  private readonly CLOUDTEST = 'cloudtest';
-
-  @Input() mode: LoginMode = LoginMode.Button;
-
-  /**
-   * @return {LfHttpRequestHandler}
-   * Returns the LfHttpRequestHandler that can be used
-   * to instantiate a repository API client.
-   */
-  @Input()
-  get authorizationRequestHandler(): LfHttpRequestHandler {
-    return {
-      beforeFetchRequestAsync: this.beforeFetchRequestAsync.bind(this),
-      afterFetchResponseAsync: this.afterFetchResponseAsync.bind(this),
-    };
-  }
-
-  /** @internal */
-  get isMenuMode(): boolean {
-    return this.mode === LoginMode.Menu;
-  }
-
-  /** @internal */
-  _sign_in_text: Observable<string> = this.localizationService.getStringLaserficheObservable('SIGN_IN');
-  /** @internal */
-  _sign_out_text: Observable<string> = this.localizationService.getStringLaserficheObservable('SIGN_OUT');
-  /** @internal */
-  _signing_in_text: Observable<string> = this.localizationService.getStringLaserficheObservable('SIGNING_IN');
-  /** @internal */
-  _signing_out_text: Observable<string> = this.localizationService.getStringLaserficheObservable('SIGNING_OUT');
-
-  @Input() set sign_in_text(text: string) {
-    this._sign_in_text = of(text);
-  }
-  @Input() set sign_out_text(text: string) {
-    this._sign_out_text = of(text);
-  }
-  @Input() set signing_in_text(text: string) {
-    this._signing_in_text = of(text);
-  }
-  @Input() set signing_out_text(text: string) {
-    this._signing_out_text = of(text);
-  }
-
-  /** @internal */
-  buttonText: Observable<string> = this._sign_in_text;
-
-  @Input() set client_id(val: string) {
-    this.loginService.client_id = val;
-  }
-  get client_id(): string {
-    return this.loginService.client_id;
-  }
-
-  @Input() set redirect_uri(val: string) {
-    this.loginService.redirect_uri = val;
-  }
-  get redirect_uri(): string {
-    return this.loginService.redirect_uri;
-  }
-
-  @Input() set scope(val: string) {
-    this.loginService.scope = val;
-  }
-  get scope(): string {
-    return this.loginService.scope;
-  }
-
-  @Input() set redirect_behavior(val: RedirectBehavior) {
-    this.loginService.redirect_behavior = val;
-  }
-  get redirect_behavior(): RedirectBehavior {
-    return this.loginService.redirect_behavior;
-  }
-
-  @Input() set authorize_url_host_name(val: string) {
-    this.loginService.authorize_url_host_name = val;
-  }
-
-  get authorize_url_host_name(): string {
-    return this.loginService.authorize_url_host_name;
-  }
-
-  @Input()
-  get authorization_credentials(): AuthorizationCredentials | undefined {
-    try {
-      if (this.loginService._accessToken) {
-        return this.loginService._accessToken;
-      } else {
-        const accessTokenFromStorage = localStorage.getItem(this.loginService.accessTokenStorageKey);
-        if (accessTokenFromStorage) {
-          const accessTokenCredentials: AuthorizationCredentials = JSON.parse(accessTokenFromStorage);
-          return accessTokenCredentials;
-        } else {
-          return undefined;
-        }
-      }
-    } catch (err: any) {
-      console.warn('Unable to retrieve accessToken: ' + err.message);
-      return undefined;
-    }
-  }
-
-  @Input()
-  get account_endpoints(): AccountEndpoints | undefined {
-    try {
-      if (this.loginService._accountEndpoints) {
-        return this.loginService._accountEndpoints;
-      } else {
-        const accountEndpointsFromStorage = localStorage.getItem(this.loginService.accountEndpointsStorageKey);
-        if (accountEndpointsFromStorage) {
-          const accountEndpoints: AccountEndpoints = JSON.parse(accountEndpointsFromStorage);
-          return accountEndpoints;
-        } else {
-          return undefined;
-        }
-      }
-    } catch (err: any) {
-      console.warn('Unable to retrieve accountEndpoints: ' + err.message);
-      return undefined;
-    }
-  }
-
-  @Input()
-  get account_id(): string | undefined {
-    try {
-      if (this.loginService._accountInfo) {
-        return this.loginService._accountInfo.accountId;
-      } else {
-        const accountInfoFromStorage = localStorage.getItem(this.loginService.accountIdStorageKey);
-        if (accountInfoFromStorage) {
-          const accountInfo: AccountInfo = JSON.parse(accountInfoFromStorage);
-          return accountInfo.accountId;
-        } else {
-          return undefined;
-        }
-      }
-    } catch (err: any) {
-      console.warn('Unable to retrieve accountId: ' + err.message);
-      return undefined;
-    }
-  }
-
-  @Input()
-  get trustee_id(): string | undefined {
-    try {
-      if (this.loginService._accountInfo) {
-        return this.loginService._accountInfo.trusteeId;
-      } else {
-        const accountInfoFromStorage = localStorage.getItem(this.loginService.accountIdStorageKey);
-        if (accountInfoFromStorage) {
-          const accountInfo: AccountInfo = JSON.parse(accountInfoFromStorage);
-          return accountInfo.trusteeId;
-        } else {
-          return undefined;
-        }
-      }
-    } catch (err: any) {
-      console.warn('Unable to retrieve trusteeId: ' + err.message);
-      return undefined;
-    }
-  }
-
-  @Input()
-  get state(): LoginState {
-    return this.loginService._state ?? LoginState.LoggedOut;
-  }
-
-  private set _state(state: LoginState) {
-    this.loginService._state = state;
-    this.setButtonText();
-  }
-
-  @Output() loginInitiated = new EventEmitter<string>();
-  @Output() logoutInitiated = new EventEmitter<string>();
-
-  @Output() loginCompleted = new EventEmitter<void>();
-  @Output() logoutCompleted = new EventEmitter<AbortedLoginError | void>();
-
-  /**
-   * Refreshes and returns the access token
-   * @param initiateLoginFlowOnRefreshFailure
-   * Indicates whether an attempt should be made to login using OAuth flow upon encountering an inability to refresh the access token.
-   * @returns  {Promise<string | undefined>}
-   */
-  @Input()
-  refreshTokenAsync: (initiateLoginFlowOnRefreshFailure: boolean) => Promise<string | undefined> = async (
-    initiateLoginFlowOnRefreshFailure: boolean = true,
-  ) => {
-    try {
-      const refreshToken: string | undefined = this.authorization_credentials?.refreshToken;
-      if (!refreshToken) {
-        if (initiateLoginFlowOnRefreshFailure && !this.hasLoginError && this.state === LoginState.LoggedOut) {
-          console.warn('Unable to refresh, refreshToken is not defined. Will attempt to start the OAuth login flow');
-          await this.startOAuthLoginFlowAsync();
-        } else if (this.state === LoginState.LoggingIn) {
-          console.log('Logging in. Will not attempt to refresh');
-        } else {
-          console.warn(
-            'Unable to refresh, refreshToken is not defined, initiateLoginFlowOnRefreshFailure set to false',
-          );
-          this._state = LoginState.LoggedOut;
-          this.logoutCompleted.emit({
-            ErrorType: 'Refresh Token Error',
-            ErrorMessage: 'refreshToken is not defined',
-          });
-          this.ref.detectChanges();
-          this.loginService.removeFromLocalStorage();
-        }
-        return undefined;
-      } else {
-        try {
-          const oauthRegion = this.account_endpoints?.regionalDomain;
-          if (!oauthRegion) {
-            throw new Error('Unable to refresh. Cannot construct tokenClient.');
-          }
-          const tokenClient = new TokenClient(oauthRegion);
-          const response = await tokenClient.refreshAccessToken(refreshToken, this.client_id);
-          const newAccessToken = await this.loginService.parseTokenResponseAsync(response);
-          this.loginService.storeAccessToken(newAccessToken!);
-          this._state = LoginState.LoggedIn;
-          console.info('state changed to LoggedIn');
-          this.loginCompleted.emit();
-          return newAccessToken?.accessToken;
-        } catch (e) {
-          const status = (<ApiException>e).status ?? 0;
-          if (status === 401 || status === 403) {
-            if (initiateLoginFlowOnRefreshFailure && !this.hasLoginError && this.state === LoginState.LoggedOut) {
-              console.warn('Unable to refresh. Will attempt to start the OAuth login flow');
-              await this.startOAuthLoginFlowAsync();
-            } else {
-              console.warn(
-                `Unable to refresh, initiateLoginFlowOnRefreshFailure set to ${initiateLoginFlowOnRefreshFailure}, state is ${this.state}`,
-              );
-              this._state = LoginState.LoggedOut;
-              this.ref.detectChanges();
-              this.loginService.removeFromLocalStorage();
-            }
-          }
-          throw e;
-        }
-      }
-    } catch (err: any) {
-      this._state = LoginState.LoggedOut;
-      this.ref.detectChanges();
-      this.loginService.removeFromLocalStorage();
-      this.logoutCompleted.emit({
-        ErrorType: 'Refresh Token Error',
-        ErrorMessage: err.message,
-      });
-      console.error('Unable to refresh, logged out: ' + err.message);
-      return undefined;
-    }
-  };
-
-  @Input()
-  initLoginFlowAsync: () => Promise<string | undefined> = async () => {
-    try {
-      const accessToken: string | undefined = this.authorization_credentials?.accessToken;
-      if (this.state === LoginState.LoggedOut && !this.hasLoginError) {
-        await this.startOAuthLoginFlowAsync();
-        return undefined;
-      } else {
-        return accessToken;
-      }
-    } catch (err: any) {
-      this._state = LoginState.LoggedOut;
-      this.ref.detectChanges();
-      this.loginService.removeFromLocalStorage();
-      this.logoutCompleted.emit({
-        ErrorType: 'Login Error',
-        ErrorMessage: err.message,
-      });
-      console.error('Unable to login, logged out: ' + err.message);
-      return undefined;
-    }
-  };
-
-  @Input() handleRedirectURICallbackAsync = async (url: string) => {
-    try {
-      const callbackURIParams = this.parseCallbackURI(url);
-      if (callbackURIParams) {
-        await this.loginService.exchangeCodeForTokenAsync(callbackURIParams);
-      }
-    } catch (err: any) {
-      console.error('handleRedirectURICallbackAsync error, unable to exchange token: ', err.message);
-      throw err;
-    }
-  };
-
-  /** @internal */
-  private logoutCompleteSub?: Subscription;
-  /** @internal */
-  private loginCompleteSub?: Subscription;
-  /** @internal */
-  private code_challenge?: string;
-  /** @internal */
-  private hasLoginError: boolean = false;
-  /** @internal */
-  private initialized: boolean = false;
-
-  /** @internal */
-  constructor() {
-    window.addEventListener('storage', (ev) => {
-      this.onStorageChanged(ev);
-    });
-  }
-
-  private setButtonText() {
-    if (this.state === LoginState.LoggedIn) {
-      this.buttonText = this._sign_out_text;
-    } else if (this.state === LoginState.LoggingIn) {
-      this.buttonText = this._signing_in_text;
-    } else if (this.state === LoginState.LoggingOut) {
-      this.buttonText = this._signing_out_text;
-    } else {
-      this.buttonText = this._sign_in_text;
-    }
-  }
-
-  private onStorageChanged(ev: StorageEvent) {
-    const keyName = ev.key;
-    const oldValue = ev.oldValue;
-    const newValue = ev.newValue;
-    if (keyName === this.loginService.accessTokenStorageKey) {
-      this.onAccessTokenLocalStorageChange(oldValue, newValue);
-    }
-  }
-
-  private onAccessTokenLocalStorageChange(oldValue: string | null, newValue: string | null) {
-    if (oldValue && !newValue) {
-      // newly logged out
-      this.loginService.removeFromCache();
-      this._state = LoginState.LoggedOut;
-      this.ref.detectChanges();
-      this.logoutCompleted.emit();
-    } else if (!oldValue && newValue) {
-      // newly logged in
-      this._state = LoginState.LoggingIn;
-      this.ref.detectChanges();
-
-      this.loginService.storeAccessToken(JSON.parse(newValue));
-      this.loginService.refreshServiceAccountProperties();
-      this._state = LoginState.LoggedIn;
-      this.ref.detectChanges();
-      this.loginCompleted.emit();
-    } else if (newValue && oldValue && oldValue !== newValue) {
-      // refreshed
-      const newAccessToken: AuthorizationCredentials = JSON.parse(newValue);
-      this.loginService.storeAccessToken(newAccessToken);
-      this.loginService.refreshServiceAccountProperties();
-      this._state = LoginState.LoggedIn;
-      this.ref.detectChanges();
-      this.loginCompleted.emit();
-    } else {
-      // accessToken didn't change
-      // do nothing
-    }
-  }
-
-  /** @internal */
-  get isLoggedIn() {
-    return this.loginService._state === LoginState.LoggedIn;
-  }
-
-  /** @internal */
-  get isIntermediateState() {
-    const loggingIn = this.loginService._state === LoginState.LoggingIn;
-    const loggingOut = this.loginService._state === LoginState.LoggingOut;
-    return loggingIn || loggingOut;
-  }
-
-  /** @internal */
-  async ngAfterViewInit() {
-    // duplicate of ngOnChanges code to support angular elements and components
-    await this.initializeLoginAsync();
-  }
-
-  /** @internal */
-  async ngOnChanges(changes: SimpleChanges) {
-    const currentClientId = changes['client_id'];
-    if (
-      (currentClientId?.currentValue && currentClientId?.isFirstChange()) ||
-      currentClientId?.previousValue !== currentClientId?.currentValue
-    ) {
-      await this.initializeLoginAsync();
-    }
-  }
-
-  /** @internal */
-  ngOnDestroy() {
-    this.loginCompleteSub?.unsubscribe();
-    this.logoutCompleteSub?.unsubscribe();
-  }
-
-  /** @internal */
-  private async initializeLoginAsync() {
-    try {
-      if (!this.initialized && this.client_id) {
-        this.logoutCompleteSub = this.loginService.logoutCompletedInService.subscribe((error) => {
-          this.hasLoginError = true;
-          this.setButtonText();
-          this.logoutCompleted.emit(error);
-        });
-        this.loginCompleteSub = this.loginService.loginCompletedInService.subscribe(() => {
-          this.setButtonText();
-          this.loginCompleted.emit();
-        });
-        const callBackURIParams = this.parseCallbackURI(window.location.href);
-        this._state = this.determineCurrentState(callBackURIParams);
-        this.ref.detectChanges();
-        if (this.loginService._state === LoginState.LoggingIn) {
-          await this.loginService.exchangeCodeForTokenAsync(callBackURIParams!);
-        }
-        this.initialized = true;
-      }
-    } catch (err: any) {
-      this.logoutCompleted.emit({
-        ErrorType: 'Login Error',
-        ErrorMessage: err.message,
-      });
-      this.loginService.removeFromLocalStorage();
-      this._state = LoginState.LoggedOut;
-      console.warn('Login Error: ' + err.message);
-      this.ref.detectChanges();
-    }
-  }
-
-  /** @internal */
-  parseCallbackURI(urlString: string): RedirectUriQueryParams | undefined {
-    const url = new URL(urlString);
-
-    const state = url.searchParams.get('state');
-    if (state === LOGIN_REDIRECT_STATE) {
-      const authorizationCode = this.extractCodeFromUrl(url);
-      const domain = this.extractDomainFromUrl(url);
-      const customerId = this.extractCustomerIdFromUrl(url);
-      const error = this.extractErrorFromUrl(url);
-      if (authorizationCode && domain && customerId) {
-        return {
-          authorizationCode,
-          cloudSubDomain: domain,
-          customerId,
-        };
-      } else if (error) {
-        return { error };
-      } else {
-        throw new Error('Unable to parse callback');
-      }
-    } else {
-      return undefined;
-    }
-  }
-
-  /** @internal */
-  extractErrorFromUrl(url: URL): { name: string; description: string } | undefined {
-    const error = url.searchParams.get('error');
-    if (error) {
-      const description = url.searchParams.get('description') ?? 'unknown';
-      return { name: error, description };
-    } else {
-      return undefined;
-    }
-  }
-
-  /** @internal */
-  extractCodeFromUrl(url: URL): string | undefined {
-    return url.searchParams.get('code') ?? undefined;
-  }
-
-  /** @internal */
-  extractDomainFromUrl(url: URL): string | undefined {
-    return url.searchParams.get('domain') ?? undefined;
-  }
-
-  /** @internal */
-  extractCustomerIdFromUrl(url: URL): string | undefined {
-    return url.searchParams.get('customerId') ?? undefined;
-  }
-
-  /** @internal */
-  determineCurrentState(callBackURIParams: RedirectUriQueryParams | undefined): LoginState {
-    const storedAccessToken = localStorage.getItem(this.loginService.accessTokenStorageKey!);
-    const storedAccountEndpoints = localStorage.getItem(this.loginService.accountEndpointsStorageKey);
-    const storedAccountId = localStorage.getItem(this.loginService.accountIdStorageKey);
-    if (storedAccessToken && storedAccountEndpoints && storedAccountId) {
-      this.loginService._accessToken = JSON.parse(storedAccessToken);
-      this.loginService._accountEndpoints = JSON.parse(storedAccountEndpoints);
-      const accountInfo = JSON.parse(storedAccountId);
-      this.loginService._accountInfo = accountInfo;
-      this.loginCompleted.emit();
-      return LoginState.LoggedIn;
-    } else if (callBackURIParams?.authorizationCode || callBackURIParams?.error) {
-      return LoginState.LoggingIn;
-    } else {
-      this.logoutCompleted.emit();
-      return LoginState.LoggedOut;
-    }
-  }
-
-  /** @internal */
-  createRefreshTokenRequest(): RequestInit {
-    const refreshToken: string | undefined = this.loginService._accessToken?.refreshToken;
-    if (refreshToken) {
-      const request: RequestInit = { method: 'POST' };
-      const headers = this.loginService.getPostRequestHeaders();
-      const body = {
-        grant_type: 'refresh_token',
-        refresh_token: refreshToken,
-        client_id: this.client_id,
-      };
-      const requestBody = this.loginService.objToWWWFormUrlEncodedBody(body);
-      request.headers = headers;
-      request.body = requestBody;
-      return request;
-    } else {
-      throw new Error('RefreshToken is not defined');
-    }
-  }
-
-  /** @internal */
-  async onLoginButtonClickAsync() {
-    if (this.state === LoginState.LoggedIn) {
-      this.startLogout();
-    } else if (this.state === LoginState.LoggedOut) {
-      await this.startLoginAsync();
-    } else {
-      // Do not expect to get here as the button should be disabled.
-      console.warn('Intermediate state. Should not attempt to login.');
-    }
-  }
-
-  /** @internal */
-  async startLoginAsync() {
-    try {
-      await this.startOAuthLoginFlowAsync();
-    } catch (err: any) {
-      if (this.loginService._state !== LoginState.LoggedOut) {
-        this._state = LoginState.LoggedOut;
-        this.ref.detectChanges();
-        this.loginService.removeFromLocalStorage();
-        this.logoutCompleted.emit({
-          ErrorType: 'Login Error',
-          ErrorMessage: err.message,
-        });
-        console.error('Login Error: ' + err.message);
-      }
-    }
-  }
-
-  /** @internal */
-  private async startOAuthLoginFlowAsync() {
-    const code_verifier = PKCEUtils.generateCodeVerifier();
-    this.loginService.storeCodeVerifier(code_verifier);
-
-    this.code_challenge = await PKCEUtils.generateCodeChallengeAsync(code_verifier);
-
-    const fullAuthorizeUrl = this.getAuthorizeUrl();
-    this.loginInitiated.emit(fullAuthorizeUrl);
-    this._state = LoginState.LoggingIn;
-    this.ref.detectChanges();
-    console.info('state changed to LoggingIn');
-    this.handleRedirectBehavior(fullAuthorizeUrl, 'Log in button clicked.');
-  }
-
-  /** @internal */
-  getAuthorizeUrl(): string {
-    const lastOAuthAuthorizeUrl = this.account_endpoints?.oauthAuthorizeUrl;
-    const configuredHostName = this.loginService.authorize_url_host_name;
-
-    const bothClouddev = configuredHostName.includes(this.CLOUDDEV) && lastOAuthAuthorizeUrl?.includes(this.CLOUDDEV);
-    const bothCloudtest =
-      configuredHostName.includes(this.CLOUDTEST) && lastOAuthAuthorizeUrl?.includes(this.CLOUDTEST);
-    const bothCloudprod =
-      lastOAuthAuthorizeUrl &&
-      !configuredHostName.includes(this.CLOUDDEV) &&
-      !configuredHostName.includes(this.CLOUDTEST) &&
-      !lastOAuthAuthorizeUrl?.includes(this.CLOUDDEV) &&
-      !lastOAuthAuthorizeUrl?.includes(this.CLOUDTEST);
-
-    const sameEnvironment = bothClouddev || bothCloudtest || bothCloudprod;
-
-    let currentAuthorizeUrl: string;
-    if (sameEnvironment && lastOAuthAuthorizeUrl) {
-      currentAuthorizeUrl = lastOAuthAuthorizeUrl;
-    } else {
-      currentAuthorizeUrl = this.getAuthorizeUrlWithConfiguredHostName();
-    }
-
-    const baseUrl: URL = new URL(currentAuthorizeUrl);
-    baseUrl.searchParams.set('client_id', this.client_id);
-    baseUrl.searchParams.set('redirect_uri', this.redirect_uri);
-    baseUrl.searchParams.set('scope', this.scope);
-    baseUrl.searchParams.set('response_type', 'code');
-    baseUrl.searchParams.set('response_mode', 'query');
-    baseUrl.searchParams.set('state', LOGIN_REDIRECT_STATE);
-    baseUrl.searchParams.set('code_challenge', this.code_challenge!);
-    baseUrl.searchParams.set('code_challenge_method', CODE_CHALLENGE_METHOD);
-    return baseUrl.toString();
-  }
-
-  /** @internal */
-  private getAuthorizeUrlWithConfiguredHostName(): string {
-    return `https://signin.${this.loginService.authorize_url_host_name}/oauth/Authorize`;
-  }
-
-  /** @internal */
-  startLogout() {
-    try {
-      this._state = LoginState.LoggingOut;
-      this.ref.detectChanges();
-      console.info('state changed to LoggingOut');
-
-      const logoutUrl = this.getFullLogoutUrl();
-      this.logoutInitiated.emit(logoutUrl);
-
-      this.loginService.removeFromLocalStorage();
-      this._state = LoginState.LoggedOut;
-      this.ref.detectChanges();
-      console.info('state changed to LoggedOut');
-
-      this.logoutCompleted.emit();
-      if (logoutUrl) {
-        this.handleRedirectBehavior(logoutUrl, 'Logout button clicked.');
-      }
-    } catch (err: any) {
-      if (this.loginService._state !== LoginState.LoggedOut) {
-        this.loginService.removeFromLocalStorage();
-        this._state = LoginState.LoggedOut;
-        this.ref.detectChanges();
-
-        console.error('Logout error (state changed to LoggedOut): ' + err.message);
-        this.logoutCompleted.emit({
-          ErrorType: 'Logout Error',
-          ErrorMessage: err.message,
-        });
-      }
-    }
-  }
-
-  /** @internal */
-  getFullLogoutUrl(): string | undefined {
-    if (this.loginService._accountEndpoints?.wsignoutUrl) {
-      const acsToLfLogout = new URL(this.loginService._accountEndpoints?.wsignoutUrl);
-      // Warning: if we are already logged out this will behave strangely
-      // won't redirect back to redirect Url
-      acsToLfLogout.searchParams.set('wreply', this.redirect_uri);
-      const stringUrl = acsToLfLogout.toString();
-      return stringUrl;
-    } else {
-      console.warn('No account endpoint available. Did not redirect');
-      return undefined;
-    }
-  }
-
-  /** @internal */
-  private handleRedirectBehavior(stringUrl: string, additionalContext?: string) {
-    if (this.redirect_behavior === RedirectBehavior.Replace) {
-      window.location.replace(stringUrl);
-    } else if (this.redirect_behavior === RedirectBehavior.Popup) {
-      throw new Error('Not implemented');
-    } else {
-      const concatStrings = this.concatStrings(
-        additionalContext,
-        'Redirect behavior none. Redirect must be implemented by container in event initiated handler',
-      );
-      console.log(concatStrings);
-    }
-  }
-
-  /** @internal */
-  concatStrings(firstString: string | undefined, secondString: string) {
-    const firstStringExists = firstString && firstString.length > 0;
-    if (firstStringExists) {
-      const lastCharOfFirstString = firstString?.charAt(firstString.length - 1);
-      const firstCharOfSecondString = secondString.charAt(0);
-      if (lastCharOfFirstString !== ' ' && firstCharOfSecondString !== ' ') {
-        return firstString + ' ' + secondString;
-      } else if (lastCharOfFirstString === ' ' && firstCharOfSecondString === ' ') {
-        return firstString + secondString.substring(1);
-      }
-      return firstString + secondString;
-    } else {
-      return secondString;
-    }
-  }
-
-  /** @internal */
-  private async beforeFetchRequestAsync(url: string, request: RequestInit): Promise<LfBeforeFetchResult> {
-    // must get accessToken each time
-    const accessToken = this.authorization_credentials?.accessToken;
-    if (accessToken) {
-      const headers = request.headers as Record<string, string>;
-      headers['Authorization'] = 'Bearer ' + accessToken;
-      const regionalDomain: string = this.account_endpoints?.regionalDomain ?? '';
-      return { regionalDomain };
-    } else {
-      throw new Error('Access Token undefined.');
-    }
-  }
-
-  /** @internal */
-  private async afterFetchResponseAsync(url: string, response: Response, request: RequestInit): Promise<boolean> {
-    if (response.status === 401) {
-      // this will initialize the login flow if refresh is unsuccessful
-      const accessToken = await this.refreshTokenAsync(true);
-      const retry = accessToken !== undefined;
-      return retry;
-    }
-    return false;
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import {
+  ChangeDetectorRef,
+  Component,
+  EventEmitter,
+  Input,
+  OnChanges,
+  OnDestroy,
+  Output,
+  SimpleChanges,
+  AfterViewInit,
+  inject,
+} from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatMenuModule } from '@angular/material/menu';
+import { Observable, of, Subscription } from 'rxjs';
+import { AccountInfo, RedirectUriQueryParams } from './login-utils/lf-login-internal-types';
+import {
+  AbortedLoginError,
+  AccountEndpoints,
+  AuthorizationCredentials,
+  LfBeforeFetchResult,
+  LfHttpRequestHandler,
+} from './login-utils/lf-login-types';
+import { LoginMode, LoginState, RedirectBehavior } from '@laserfiche/lf-ui-components/shared';
+import { AppLocalizationService } from '@laserfiche/lf-ui-components/internal-shared';
+import { LfLoginService } from './login-utils/lf-login.service';
+import { ApiException, PKCEUtils, TokenClient } from '@laserfiche/lf-api-client-core';
+
+const LOGIN_REDIRECT_STATE = 'lf-login-redirect';
+const CODE_CHALLENGE_METHOD = 'S256';
+@Component({
+  selector: 'lf-login-component',
+  templateUrl: './lf-login.component.html',
+  styleUrls: ['./lf-login.component.css'],
+  standalone: true,
+  imports: [CommonModule, MatMenuModule],
+})
+export class LfLoginComponent implements OnChanges, OnDestroy, AfterViewInit {
+  /**@internal */
+  private ref = inject(ChangeDetectorRef);
+  /**@internal */
+  private loginService = inject(LfLoginService);
+  /**@internal */
+  private localizationService = inject(AppLocalizationService);
+
+  /** @internal */
+  private readonly CLOUDDEV = 'clouddev';
+  /** @internal */
+  private readonly CLOUDTEST = 'cloudtest';
+
+  @Input() mode: LoginMode = LoginMode.Button;
+
+  /**
+   * @return {LfHttpRequestHandler}
+   * Returns the LfHttpRequestHandler that can be used
+   * to instantiate a repository API client.
+   */
+  @Input()
+  get authorizationRequestHandler(): LfHttpRequestHandler {
+    return {
+      beforeFetchRequestAsync: this.beforeFetchRequestAsync.bind(this),
+      afterFetchResponseAsync: this.afterFetchResponseAsync.bind(this),
+    };
+  }
+
+  /** @internal */
+  get isMenuMode(): boolean {
+    return this.mode === LoginMode.Menu;
+  }
+
+  /** @internal */
+  _sign_in_text: Observable<string> = this.localizationService.getStringLaserficheObservable('SIGN_IN');
+  /** @internal */
+  _sign_out_text: Observable<string> = this.localizationService.getStringLaserficheObservable('SIGN_OUT');
+  /** @internal */
+  _signing_in_text: Observable<string> = this.localizationService.getStringLaserficheObservable('SIGNING_IN');
+  /** @internal */
+  _signing_out_text: Observable<string> = this.localizationService.getStringLaserficheObservable('SIGNING_OUT');
+
+  @Input() set sign_in_text(text: string) {
+    this._sign_in_text = of(text);
+  }
+  @Input() set sign_out_text(text: string) {
+    this._sign_out_text = of(text);
+  }
+  @Input() set signing_in_text(text: string) {
+    this._signing_in_text = of(text);
+  }
+  @Input() set signing_out_text(text: string) {
+    this._signing_out_text = of(text);
+  }
+
+  /** @internal */
+  buttonText: Observable<string> = this._sign_in_text;
+
+  @Input() set client_id(val: string) {
+    this.loginService.client_id = val;
+  }
+  get client_id(): string {
+    return this.loginService.client_id;
+  }
+
+  @Input() set redirect_uri(val: string) {
+    this.loginService.redirect_uri = val;
+  }
+  get redirect_uri(): string {
+    return this.loginService.redirect_uri;
+  }
+
+  @Input() set scope(val: string) {
+    this.loginService.scope = val;
+  }
+  get scope(): string {
+    return this.loginService.scope;
+  }
+
+  @Input() set redirect_behavior(val: RedirectBehavior) {
+    this.loginService.redirect_behavior = val;
+  }
+  get redirect_behavior(): RedirectBehavior {
+    return this.loginService.redirect_behavior;
+  }
+
+  @Input() set authorize_url_host_name(val: string) {
+    this.loginService.authorize_url_host_name = val;
+  }
+
+  get authorize_url_host_name(): string {
+    return this.loginService.authorize_url_host_name;
+  }
+
+  @Input()
+  get authorization_credentials(): AuthorizationCredentials | undefined {
+    try {
+      if (this.loginService._accessToken) {
+        return this.loginService._accessToken;
+      } else {
+        const accessTokenFromStorage = localStorage.getItem(this.loginService.accessTokenStorageKey);
+        if (accessTokenFromStorage) {
+          const accessTokenCredentials: AuthorizationCredentials = JSON.parse(accessTokenFromStorage);
+          return accessTokenCredentials;
+        } else {
+          return undefined;
+        }
+      }
+    } catch (err: any) {
+      console.warn('Unable to retrieve accessToken: ' + err.message);
+      return undefined;
+    }
+  }
+
+  @Input()
+  get account_endpoints(): AccountEndpoints | undefined {
+    try {
+      if (this.loginService._accountEndpoints) {
+        return this.loginService._accountEndpoints;
+      } else {
+        const accountEndpointsFromStorage = localStorage.getItem(this.loginService.accountEndpointsStorageKey);
+        if (accountEndpointsFromStorage) {
+          const accountEndpoints: AccountEndpoints = JSON.parse(accountEndpointsFromStorage);
+          return accountEndpoints;
+        } else {
+          return undefined;
+        }
+      }
+    } catch (err: any) {
+      console.warn('Unable to retrieve accountEndpoints: ' + err.message);
+      return undefined;
+    }
+  }
+
+  @Input()
+  get account_id(): string | undefined {
+    try {
+      if (this.loginService._accountInfo) {
+        return this.loginService._accountInfo.accountId;
+      } else {
+        const accountInfoFromStorage = localStorage.getItem(this.loginService.accountIdStorageKey);
+        if (accountInfoFromStorage) {
+          const accountInfo: AccountInfo = JSON.parse(accountInfoFromStorage);
+          return accountInfo.accountId;
+        } else {
+          return undefined;
+        }
+      }
+    } catch (err: any) {
+      console.warn('Unable to retrieve accountId: ' + err.message);
+      return undefined;
+    }
+  }
+
+  @Input()
+  get trustee_id(): string | undefined {
+    try {
+      if (this.loginService._accountInfo) {
+        return this.loginService._accountInfo.trusteeId;
+      } else {
+        const accountInfoFromStorage = localStorage.getItem(this.loginService.accountIdStorageKey);
+        if (accountInfoFromStorage) {
+          const accountInfo: AccountInfo = JSON.parse(accountInfoFromStorage);
+          return accountInfo.trusteeId;
+        } else {
+          return undefined;
+        }
+      }
+    } catch (err: any) {
+      console.warn('Unable to retrieve trusteeId: ' + err.message);
+      return undefined;
+    }
+  }
+
+  @Input()
+  get state(): LoginState {
+    return this.loginService._state ?? LoginState.LoggedOut;
+  }
+
+  private set _state(state: LoginState) {
+    this.loginService._state = state;
+    this.setButtonText();
+  }
+
+  @Output() loginInitiated = new EventEmitter<string>();
+  @Output() logoutInitiated = new EventEmitter<string>();
+
+  @Output() loginCompleted = new EventEmitter<void>();
+  @Output() logoutCompleted = new EventEmitter<AbortedLoginError | void>();
+
+  /**
+   * Refreshes and returns the access token
+   * @param initiateLoginFlowOnRefreshFailure
+   * Indicates whether an attempt should be made to login using OAuth flow upon encountering an inability to refresh the access token.
+   * @returns  {Promise<string | undefined>}
+   */
+  @Input()
+  refreshTokenAsync: (initiateLoginFlowOnRefreshFailure: boolean) => Promise<string | undefined> = async (
+    initiateLoginFlowOnRefreshFailure: boolean = true
+  ) => {
+    try {
+      const refreshToken: string | undefined = this.authorization_credentials?.refreshToken;
+      if (!refreshToken) {
+        if (initiateLoginFlowOnRefreshFailure && !this.hasLoginError && this.state === LoginState.LoggedOut) {
+          console.warn('Unable to refresh, refreshToken is not defined. Will attempt to start the OAuth login flow');
+          await this.startOAuthLoginFlowAsync();
+        } else if (this.state === LoginState.LoggingIn) {
+          console.log('Logging in. Will not attempt to refresh');
+        } else {
+          console.warn(
+            'Unable to refresh, refreshToken is not defined, initiateLoginFlowOnRefreshFailure set to false'
+          );
+          this._state = LoginState.LoggedOut;
+          this.logoutCompleted.emit({
+            ErrorType: 'Refresh Token Error',
+            ErrorMessage: 'refreshToken is not defined',
+          });
+          this.ref.detectChanges();
+          this.loginService.removeFromLocalStorage();
+        }
+        return undefined;
+      } else {
+        try {
+          const oauthRegion = this.account_endpoints?.regionalDomain;
+          if (!oauthRegion) {
+            throw new Error('Unable to refresh. Cannot construct tokenClient.');
+          }
+          const tokenClient = new TokenClient(oauthRegion);
+          const response = await tokenClient.refreshAccessToken(refreshToken, this.client_id);
+          const newAccessToken = await this.loginService.parseTokenResponseAsync(response);
+          this.loginService.storeAccessToken(newAccessToken!);
+          this._state = LoginState.LoggedIn;
+          console.info('state changed to LoggedIn');
+          this.loginCompleted.emit();
+          return newAccessToken?.accessToken;
+        } catch (e) {
+          const status = (<ApiException>e).status ?? 0;
+          if (status === 401 || status === 403) {
+            if (initiateLoginFlowOnRefreshFailure && !this.hasLoginError && this.state === LoginState.LoggedOut) {
+              console.warn('Unable to refresh. Will attempt to start the OAuth login flow');
+              await this.startOAuthLoginFlowAsync();
+            } else {
+              console.warn(
+                `Unable to refresh, initiateLoginFlowOnRefreshFailure set to ${initiateLoginFlowOnRefreshFailure}, state is ${this.state}`
+              );
+              this._state = LoginState.LoggedOut;
+              this.ref.detectChanges();
+              this.loginService.removeFromLocalStorage();
+            }
+          }
+          throw e;
+        }
+      }
+    } catch (err: any) {
+      this._state = LoginState.LoggedOut;
+      this.ref.detectChanges();
+      this.loginService.removeFromLocalStorage();
+      this.logoutCompleted.emit({
+        ErrorType: 'Refresh Token Error',
+        ErrorMessage: err.message,
+      });
+      console.error('Unable to refresh, logged out: ' + err.message);
+      return undefined;
+    }
+  };
+
+  @Input()
+  initLoginFlowAsync: () => Promise<string | undefined> = async () => {
+    try {
+      const accessToken: string | undefined = this.authorization_credentials?.accessToken;
+      if (this.state === LoginState.LoggedOut && !this.hasLoginError) {
+        await this.startOAuthLoginFlowAsync();
+        return undefined;
+      } else {
+        return accessToken;
+      }
+    } catch (err: any) {
+      this._state = LoginState.LoggedOut;
+      this.ref.detectChanges();
+      this.loginService.removeFromLocalStorage();
+      this.logoutCompleted.emit({
+        ErrorType: 'Login Error',
+        ErrorMessage: err.message,
+      });
+      console.error('Unable to login, logged out: ' + err.message);
+      return undefined;
+    }
+  };
+
+  @Input() handleRedirectURICallbackAsync = async (url: string) => {
+    try {
+      const callbackURIParams = this.parseCallbackURI(url);
+      if (callbackURIParams) {
+        await this.loginService.exchangeCodeForTokenAsync(callbackURIParams);
+      }
+    } catch (err: any) {
+      console.error('handleRedirectURICallbackAsync error, unable to exchange token: ', err.message);
+      throw err;
+    }
+  };
+
+  /** @internal */
+  private logoutCompleteSub?: Subscription;
+  /** @internal */
+  private loginCompleteSub?: Subscription;
+  /** @internal */
+  private code_challenge?: string;
+  /** @internal */
+  private hasLoginError: boolean = false;
+  /** @internal */
+  private initialized: boolean = false;
+
+  /** @internal */
+  constructor() {
+    window.addEventListener('storage', (ev) => {
+      this.onStorageChanged(ev);
+    });
+  }
+
+  private setButtonText() {
+    if (this.state === LoginState.LoggedIn) {
+      this.buttonText = this._sign_out_text;
+    } else if (this.state === LoginState.LoggingIn) {
+      this.buttonText = this._signing_in_text;
+    } else if (this.state === LoginState.LoggingOut) {
+      this.buttonText = this._signing_out_text;
+    } else {
+      this.buttonText = this._sign_in_text;
+    }
+  }
+
+  private onStorageChanged(ev: StorageEvent) {
+    const keyName = ev.key;
+    const oldValue = ev.oldValue;
+    const newValue = ev.newValue;
+    if (keyName === this.loginService.accessTokenStorageKey) {
+      this.onAccessTokenLocalStorageChange(oldValue, newValue);
+    }
+  }
+
+  private onAccessTokenLocalStorageChange(oldValue: string | null, newValue: string | null) {
+    if (oldValue && !newValue) {
+      // newly logged out
+      this.loginService.removeFromCache();
+      this._state = LoginState.LoggedOut;
+      this.ref.detectChanges();
+      this.logoutCompleted.emit();
+    } else if (!oldValue && newValue) {
+      // newly logged in
+      this._state = LoginState.LoggingIn;
+      this.ref.detectChanges();
+
+      this.loginService.storeAccessToken(JSON.parse(newValue));
+      this.loginService.refreshServiceAccountProperties();
+      this._state = LoginState.LoggedIn;
+      this.ref.detectChanges();
+      this.loginCompleted.emit();
+    } else if (newValue && oldValue && oldValue !== newValue) {
+      // refreshed
+      const newAccessToken: AuthorizationCredentials = JSON.parse(newValue);
+      this.loginService.storeAccessToken(newAccessToken);
+      this.loginService.refreshServiceAccountProperties();
+      this._state = LoginState.LoggedIn;
+      this.ref.detectChanges();
+      this.loginCompleted.emit();
+    } else {
+      // accessToken didn't change
+      // do nothing
+    }
+  }
+
+  /** @internal */
+  get isLoggedIn() {
+    return this.loginService._state === LoginState.LoggedIn;
+  }
+
+  /** @internal */
+  get isIntermediateState() {
+    const loggingIn = this.loginService._state === LoginState.LoggingIn;
+    const loggingOut = this.loginService._state === LoginState.LoggingOut;
+    return loggingIn || loggingOut;
+  }
+
+  /** @internal */
+  async ngAfterViewInit() {
+    // duplicate of ngOnChanges code to support angular elements and components
+    await this.initializeLoginAsync();
+  }
+
+  /** @internal */
+  async ngOnChanges(changes: SimpleChanges) {
+    const currentClientId = changes['client_id'];
+    if (
+      (currentClientId?.currentValue && currentClientId?.isFirstChange()) ||
+      currentClientId?.previousValue !== currentClientId?.currentValue
+    ) {
+      await this.initializeLoginAsync();
+    }
+  }
+
+  /** @internal */
+  ngOnDestroy() {
+    this.loginCompleteSub?.unsubscribe();
+    this.logoutCompleteSub?.unsubscribe();
+  }
+
+  /** @internal */
+  private async initializeLoginAsync() {
+    try {
+      if (!this.initialized && this.client_id) {
+        this.logoutCompleteSub = this.loginService.logoutCompletedInService.subscribe((error) => {
+          this.hasLoginError = true;
+          this.setButtonText();
+          this.logoutCompleted.emit(error);
+        });
+        this.loginCompleteSub = this.loginService.loginCompletedInService.subscribe(() => {
+          this.setButtonText();
+          this.loginCompleted.emit();
+        });
+        const callBackURIParams = this.parseCallbackURI(window.location.href);
+        this._state = this.determineCurrentState(callBackURIParams);
+        this.ref.detectChanges();
+        if (this.loginService._state === LoginState.LoggingIn) {
+          await this.loginService.exchangeCodeForTokenAsync(callBackURIParams!);
+        }
+        this.initialized = true;
+      }
+    } catch (err: any) {
+      this.logoutCompleted.emit({
+        ErrorType: 'Login Error',
+        ErrorMessage: err.message,
+      });
+      this.loginService.removeFromLocalStorage();
+      this._state = LoginState.LoggedOut;
+      console.warn('Login Error: ' + err.message);
+      this.ref.detectChanges();
+    }
+  }
+
+  /** @internal */
+  parseCallbackURI(urlString: string): RedirectUriQueryParams | undefined {
+    const url = new URL(urlString);
+
+    const state = url.searchParams.get('state');
+    if (state === LOGIN_REDIRECT_STATE) {
+      const authorizationCode = this.extractCodeFromUrl(url);
+      const domain = this.extractDomainFromUrl(url);
+      const customerId = this.extractCustomerIdFromUrl(url);
+      const error = this.extractErrorFromUrl(url);
+      if (authorizationCode && domain && customerId) {
+        return {
+          authorizationCode,
+          cloudSubDomain: domain,
+          customerId,
+        };
+      } else if (error) {
+        return { error };
+      } else {
+        throw new Error('Unable to parse callback');
+      }
+    } else {
+      return undefined;
+    }
+  }
+
+  /** @internal */
+  extractErrorFromUrl(url: URL): { name: string; description: string } | undefined {
+    const error = url.searchParams.get('error');
+    if (error) {
+      const description = url.searchParams.get('description') ?? 'unknown';
+      return { name: error, description };
+    } else {
+      return undefined;
+    }
+  }
+
+  /** @internal */
+  extractCodeFromUrl(url: URL): string | undefined {
+    return url.searchParams.get('code') ?? undefined;
+  }
+
+  /** @internal */
+  extractDomainFromUrl(url: URL): string | undefined {
+    return url.searchParams.get('domain') ?? undefined;
+  }
+
+  /** @internal */
+  extractCustomerIdFromUrl(url: URL): string | undefined {
+    return url.searchParams.get('customerId') ?? undefined;
+  }
+
+  /** @internal */
+  determineCurrentState(callBackURIParams: RedirectUriQueryParams | undefined): LoginState {
+    const storedAccessToken = localStorage.getItem(this.loginService.accessTokenStorageKey!);
+    const storedAccountEndpoints = localStorage.getItem(this.loginService.accountEndpointsStorageKey);
+    const storedAccountId = localStorage.getItem(this.loginService.accountIdStorageKey);
+    if (storedAccessToken && storedAccountEndpoints && storedAccountId) {
+      this.loginService._accessToken = JSON.parse(storedAccessToken);
+      this.loginService._accountEndpoints = JSON.parse(storedAccountEndpoints);
+      const accountInfo = JSON.parse(storedAccountId);
+      this.loginService._accountInfo = accountInfo;
+      this.loginCompleted.emit();
+      return LoginState.LoggedIn;
+    } else if (callBackURIParams?.authorizationCode || callBackURIParams?.error) {
+      return LoginState.LoggingIn;
+    } else {
+      this.logoutCompleted.emit();
+      return LoginState.LoggedOut;
+    }
+  }
+
+  /** @internal */
+  createRefreshTokenRequest(): RequestInit {
+    const refreshToken: string | undefined = this.loginService._accessToken?.refreshToken;
+    if (refreshToken) {
+      const request: RequestInit = { method: 'POST' };
+      const headers = this.loginService.getPostRequestHeaders();
+      const body = {
+        grant_type: 'refresh_token',
+        refresh_token: refreshToken,
+        client_id: this.client_id,
+      };
+      const requestBody = this.loginService.objToWWWFormUrlEncodedBody(body);
+      request.headers = headers;
+      request.body = requestBody;
+      return request;
+    } else {
+      throw new Error('RefreshToken is not defined');
+    }
+  }
+
+  /** @internal */
+  async onLoginButtonClickAsync() {
+    if (this.state === LoginState.LoggedIn) {
+      this.startLogout();
+    } else if (this.state === LoginState.LoggedOut) {
+      await this.startLoginAsync();
+    } else {
+      // Do not expect to get here as the button should be disabled.
+      console.warn('Intermediate state. Should not attempt to login.');
+    }
+  }
+
+  /** @internal */
+  async startLoginAsync() {
+    try {
+      await this.startOAuthLoginFlowAsync();
+    } catch (err: any) {
+      if (this.loginService._state !== LoginState.LoggedOut) {
+        this._state = LoginState.LoggedOut;
+        this.ref.detectChanges();
+        this.loginService.removeFromLocalStorage();
+        this.logoutCompleted.emit({
+          ErrorType: 'Login Error',
+          ErrorMessage: err.message,
+        });
+        console.error('Login Error: ' + err.message);
+      }
+    }
+  }
+
+  /** @internal */
+  private async startOAuthLoginFlowAsync() {
+    const code_verifier = PKCEUtils.generateCodeVerifier();
+    this.loginService.storeCodeVerifier(code_verifier);
+
+    this.code_challenge = await PKCEUtils.generateCodeChallengeAsync(code_verifier);
+
+    const fullAuthorizeUrl = this.getAuthorizeUrl();
+    this.loginInitiated.emit(fullAuthorizeUrl);
+    this._state = LoginState.LoggingIn;
+    this.ref.detectChanges();
+    console.info('state changed to LoggingIn');
+    this.handleRedirectBehavior(fullAuthorizeUrl, 'Log in button clicked.');
+  }
+
+  /** @internal */
+  getAuthorizeUrl(): string {
+    const lastOAuthAuthorizeUrl = this.account_endpoints?.oauthAuthorizeUrl;
+    const configuredHostName = this.loginService.authorize_url_host_name;
+
+    const bothClouddev = configuredHostName.includes(this.CLOUDDEV) && lastOAuthAuthorizeUrl?.includes(this.CLOUDDEV);
+    const bothCloudtest =
+      configuredHostName.includes(this.CLOUDTEST) && lastOAuthAuthorizeUrl?.includes(this.CLOUDTEST);
+    const bothCloudprod =
+      lastOAuthAuthorizeUrl &&
+      !configuredHostName.includes(this.CLOUDDEV) &&
+      !configuredHostName.includes(this.CLOUDTEST) &&
+      !lastOAuthAuthorizeUrl?.includes(this.CLOUDDEV) &&
+      !lastOAuthAuthorizeUrl?.includes(this.CLOUDTEST);
+
+    const sameEnvironment = bothClouddev || bothCloudtest || bothCloudprod;
+
+    let currentAuthorizeUrl: string;
+    if (sameEnvironment && lastOAuthAuthorizeUrl) {
+      currentAuthorizeUrl = lastOAuthAuthorizeUrl;
+    } else {
+      currentAuthorizeUrl = this.getAuthorizeUrlWithConfiguredHostName();
+    }
+
+    const baseUrl: URL = new URL(currentAuthorizeUrl);
+    baseUrl.searchParams.set('client_id', this.client_id);
+    baseUrl.searchParams.set('redirect_uri', this.redirect_uri);
+    baseUrl.searchParams.set('scope', this.scope);
+    baseUrl.searchParams.set('response_type', 'code');
+    baseUrl.searchParams.set('response_mode', 'query');
+    baseUrl.searchParams.set('state', LOGIN_REDIRECT_STATE);
+    baseUrl.searchParams.set('code_challenge', this.code_challenge!);
+    baseUrl.searchParams.set('code_challenge_method', CODE_CHALLENGE_METHOD);
+    return baseUrl.toString();
+  }
+
+  /** @internal */
+  private getAuthorizeUrlWithConfiguredHostName(): string {
+    return `https://signin.${this.loginService.authorize_url_host_name}/oauth/Authorize`;
+  }
+
+  /** @internal */
+  startLogout() {
+    try {
+      this._state = LoginState.LoggingOut;
+      this.ref.detectChanges();
+      console.info('state changed to LoggingOut');
+
+      const logoutUrl = this.getFullLogoutUrl();
+      this.logoutInitiated.emit(logoutUrl);
+
+      this.loginService.removeFromLocalStorage();
+      this._state = LoginState.LoggedOut;
+      this.ref.detectChanges();
+      console.info('state changed to LoggedOut');
+
+      this.logoutCompleted.emit();
+      if (logoutUrl) {
+        this.handleRedirectBehavior(logoutUrl, 'Logout button clicked.');
+      }
+    } catch (err: any) {
+      if (this.loginService._state !== LoginState.LoggedOut) {
+        this.loginService.removeFromLocalStorage();
+        this._state = LoginState.LoggedOut;
+        this.ref.detectChanges();
+
+        console.error('Logout error (state changed to LoggedOut): ' + err.message);
+        this.logoutCompleted.emit({
+          ErrorType: 'Logout Error',
+          ErrorMessage: err.message,
+        });
+      }
+    }
+  }
+
+  /** @internal */
+  getFullLogoutUrl(): string | undefined {
+    if (this.loginService._accountEndpoints?.wsignoutUrl) {
+      const acsToLfLogout = new URL(this.loginService._accountEndpoints?.wsignoutUrl);
+      // Warning: if we are already logged out this will behave strangely
+      // won't redirect back to redirect Url
+      acsToLfLogout.searchParams.set('wreply', this.redirect_uri);
+      const stringUrl = acsToLfLogout.toString();
+      return stringUrl;
+    } else {
+      console.warn('No account endpoint available. Did not redirect');
+      return undefined;
+    }
+  }
+
+  /** @internal */
+  private handleRedirectBehavior(stringUrl: string, additionalContext?: string) {
+    if (this.redirect_behavior === RedirectBehavior.Replace) {
+      window.location.replace(stringUrl);
+    } else if (this.redirect_behavior === RedirectBehavior.Popup) {
+      throw new Error('Not implemented');
+    } else {
+      const concatStrings = this.concatStrings(
+        additionalContext,
+        'Redirect behavior none. Redirect must be implemented by container in event initiated handler'
+      );
+      console.log(concatStrings);
+    }
+  }
+
+  /** @internal */
+  concatStrings(firstString: string | undefined, secondString: string) {
+    const firstStringExists = firstString && firstString.length > 0;
+    if (firstStringExists) {
+      const lastCharOfFirstString = firstString?.charAt(firstString.length - 1);
+      const firstCharOfSecondString = secondString.charAt(0);
+      if (lastCharOfFirstString !== ' ' && firstCharOfSecondString !== ' ') {
+        return firstString + ' ' + secondString;
+      } else if (lastCharOfFirstString === ' ' && firstCharOfSecondString === ' ') {
+        return firstString + secondString.substring(1);
+      }
+      return firstString + secondString;
+    } else {
+      return secondString;
+    }
+  }
+
+  /** @internal */
+  private async beforeFetchRequestAsync(url: string, request: RequestInit): Promise<LfBeforeFetchResult> {
+    // must get accessToken each time
+    const accessToken = this.authorization_credentials?.accessToken;
+    if (accessToken) {
+      const headers = request.headers as Record<string, string>;
+      headers['Authorization'] = 'Bearer ' + accessToken;
+      const regionalDomain: string = this.account_endpoints?.regionalDomain ?? '';
+      return { regionalDomain };
+    } else {
+      throw new Error('Access Token undefined.');
+    }
+  }
+
+  /** @internal */
+  private async afterFetchResponseAsync(url: string, response: Response, request: RequestInit): Promise<boolean> {
+    if (response.status === 401) {
+      // this will initialize the login flow if refresh is unsuccessful
+      const accessToken = await this.refreshTokenAsync(true);
+      const retry = accessToken !== undefined;
+      return retry;
+    }
+    return false;
+  }
+}
diff --git a/projects/ui-components/lf-login/login-utils/lf-login-internal-types.ts b/projects/ui-components/lf-login/login-utils/lf-login-internal-types.ts
index 49931bed..ec11799f 100644
--- a/projects/ui-components/lf-login/login-utils/lf-login-internal-types.ts
+++ b/projects/ui-components/lf-login/login-utils/lf-login-internal-types.ts
@@ -1,26 +1,26 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-/** @internal */
-export interface AccessTokenError {
-    type?: string;
-    title: string;
-    status: number;
-    instance?: string;
-    operationId?: string;
-    traceId?: string;
-}
-
-/** @internal */
-export interface AccountInfo {
-    accountId: string;
-    trusteeId: string;
-}
-
-/** @internal */
-export interface RedirectUriQueryParams {
-  error?: { name: string; description: string };
-  authorizationCode?: string;
-  cloudSubDomain?: string;
-  customerId?: string;
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+/** @internal */
+export interface AccessTokenError {
+  type?: string;
+  title: string;
+  status: number;
+  instance?: string;
+  operationId?: string;
+  traceId?: string;
+}
+
+/** @internal */
+export interface AccountInfo {
+  accountId: string;
+  trusteeId: string;
+}
+
+/** @internal */
+export interface RedirectUriQueryParams {
+  error?: { name: string; description: string };
+  authorizationCode?: string;
+  cloudSubDomain?: string;
+  customerId?: string;
+}
diff --git a/projects/ui-components/lf-login/login-utils/lf-login-types.ts b/projects/ui-components/lf-login/login-utils/lf-login-types.ts
index 3e16aeac..0d18bff7 100644
--- a/projects/ui-components/lf-login/login-utils/lf-login-types.ts
+++ b/projects/ui-components/lf-login/login-utils/lf-login-types.ts
@@ -1,50 +1,50 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-export interface AuthorizationCredentials {
-    accessToken: string;
-    refreshToken: string;
-    expiresIn: string;
-    tokenType: string;
-}
-
-export interface AccountEndpoints {
-    webClientUrl: string;
-    wsignoutUrl: string;
-    regionalDomain: string;
-    oauthAuthorizeUrl: string;
-}
-
-export interface AbortedLoginError {
-    ErrorType: string;
-    ErrorMessage: string;
-}
-
-/**
- * Interface defined by Laserfiche API providing
- * return type of beforeFetchRequestAsync
- */
-export interface LfBeforeFetchResult {
-  regionalDomain: string;
-}
-
-/**
- * This object handles obtaining the accessToken and
- * setting the authorization header
- */
-export interface LfHttpRequestHandler {
-  /**
-   * Called to prepare the request to the API service.
-   * @param url The HTTP url
-   * @param request The HTTP request
-   */
-  beforeFetchRequestAsync: (url: string, request: RequestInit) => Promise<LfBeforeFetchResult>;
-  /**
-   * Called to handle the response from the API service.
-   * @param url The HTTP url
-   * @param response The HTTP response
-   * @param request The HTTP request
-   * @returns true if the request should be retried.
-   */
-  afterFetchResponseAsync: (url: string, response: Response, request: RequestInit) => Promise<boolean>;
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+export interface AuthorizationCredentials {
+  accessToken: string;
+  refreshToken: string;
+  expiresIn: string;
+  tokenType: string;
+}
+
+export interface AccountEndpoints {
+  webClientUrl: string;
+  wsignoutUrl: string;
+  regionalDomain: string;
+  oauthAuthorizeUrl: string;
+}
+
+export interface AbortedLoginError {
+  ErrorType: string;
+  ErrorMessage: string;
+}
+
+/**
+ * Interface defined by Laserfiche API providing
+ * return type of beforeFetchRequestAsync
+ */
+export interface LfBeforeFetchResult {
+  regionalDomain: string;
+}
+
+/**
+ * This object handles obtaining the accessToken and
+ * setting the authorization header
+ */
+export interface LfHttpRequestHandler {
+  /**
+   * Called to prepare the request to the API service.
+   * @param url The HTTP url
+   * @param request The HTTP request
+   */
+  beforeFetchRequestAsync: (url: string, request: RequestInit) => Promise<LfBeforeFetchResult>;
+  /**
+   * Called to handle the response from the API service.
+   * @param url The HTTP url
+   * @param response The HTTP response
+   * @param request The HTTP request
+   * @returns true if the request should be retried.
+   */
+  afterFetchResponseAsync: (url: string, response: Response, request: RequestInit) => Promise<boolean>;
+}
diff --git a/projects/ui-components/lf-login/login-utils/lf-login.service.spec.ts b/projects/ui-components/lf-login/login-utils/lf-login.service.spec.ts
index 1614012d..d9023388 100644
--- a/projects/ui-components/lf-login/login-utils/lf-login.service.spec.ts
+++ b/projects/ui-components/lf-login/login-utils/lf-login.service.spec.ts
@@ -1,154 +1,163 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { TestBed } from '@angular/core/testing';
-import { LoginState } from '@laserfiche/lf-ui-components/shared';
-import { LfLoginService } from './lf-login.service';
-
-describe('LfLoginService', () => {
-  let service: LfLoginService;
-  let storageMock: Storage;
-
-  beforeEach(() => {
-    const store = new Map<string, string>();
-    storageMock = {
-      length: 0,
-      clear: () => {
-        store.clear();
-        storageMock.length = 0;
-      },
-      getItem: (key: string) => store.get(key) ?? null,
-      key: (index: number) => Array.from(store.keys())[index] ?? null,
-      removeItem: (key: string) => {
-        store.delete(key);
-        storageMock.length = store.size;
-      },
-      setItem: (key: string, value: string) => {
-        store.set(key, String(value));
-        storageMock.length = store.size;
-      },
-    } as Storage;
-    Object.defineProperty(globalThis, 'localStorage', {
-      value: storageMock,
-      configurable: true,
-      writable: true,
-    });
-
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(LfLoginService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-
-  it('exchangeCodeForTokenAsync should logout if error', () => {
-    service.exchangeCodeForTokenAsync({ error: { description: 'Test error description', name: 'Test error name' } });
-    expect(service._state).toEqual(LoginState.LoggedOut);
-    expect(localStorage.getItem(service.accessTokenStorageKey)).toBeFalsy();
-  });
-
-  it('exchangeCodeForTokenAsync should throw error if empty params', async () => {
-    await expect(service.exchangeCodeForTokenAsync({})).rejects.toThrow();
-  });
-
-  it('exchangeCodeForTokenAsync should emit logoutCompletedInService if empty code verifier in local storage', async () => {
-    localStorage.removeItem(service.codeVerifierStorageKey);
-    vi.spyOn(service.logoutCompletedInService, 'emit');
-    await service.exchangeCodeForTokenAsync({authorizationCode: 'test authorization code' });
-    expect(service.logoutCompletedInService.emit).toHaveBeenCalledWith({
-      ErrorType: 'no code verifier',
-      ErrorMessage: 'code verifier not found'
-    });
-  });
-
-  it('removeFromLocalStorage should have empty local storage after being called', () => {
-    localStorage.setItem(service.accessTokenStorageKey, 'test token');
-    service.removeFromLocalStorage();
-    expect(localStorage.getItem(service.accessTokenStorageKey)).toBeFalsy();
-  });
-
-  it('removeFromLocalStorage should not throw error if local storage is already empty', () => {
-    expect(() => service.removeFromLocalStorage()).not.toThrow();
-    expect(localStorage.getItem(service.accessTokenStorageKey)).toBeFalsy();
-  });
-
-  it('createPostTokenRequest should encode body in wwwUrlFormEncoded format', () => {
-    service.redirect_uri = 'test-url';
-    service.client_id = 'test-id';
-    service.code_verifier = 'test-code-verifier';
-    const request = service.createPostTokenRequest('testcode-string-hi');
-    const bodyEncoded = service.objToWWWFormUrlEncodedBody({
-      grant_type: 'authorization_code',
-      code: 'testcode-string-hi',
-      redirect_uri: service.redirect_uri,
-      client_id: service.client_id,
-      code_verifier: 'test-code-verifier'
-    });
-
-    expect(request.headers).toEqual({
-      'Content-Type': 'application/x-www-form-urlencoded',
-    });
-    expect(request.method).toEqual('POST');
-    expect(request.body).toEqual(bodyEncoded);
-  });
-
-  it('getExchangeCodeSuccessResponse should get access token response', () => {
-    const accessTokenCredentials = service.getExchangeCodeSuccessResponse({
-      "access_token": "test-access",
-      "expires_in": '3600',
-      "token_type": "bearer",
-      "refresh_token": "test-refresh"
-    });
-    expect(accessTokenCredentials).toEqual({ accessToken: 'test-access', refreshToken: 'test-refresh', expiresIn: '3600', tokenType: 'bearer' });
-  });
-
-  it('getExchangeCodeSuccessResponse should throw when not all properties exist', () => {
-    expect(() => service.getExchangeCodeSuccessResponse({
-      "token_type": "bearer",
-      "refresh_token": "test-refresh"
-    })).toThrow();
-  });
-
-  it('getPostRequestHeaders should get headers', () => {
-    const requestHeaders = service.getPostRequestHeaders();
-    expect(requestHeaders).toEqual({ 'Content-Type': 'application/x-www-form-urlencoded' });
-  });
-
-  it('storeInLocalStorage should have correct data in local storage', () => {
-    const testHeader = btoa('{"test": "test"}');
-    const encodedJWT = btoa('{"csid": "123456789", "trid": "1"}');
-    const credentials = {
-      accessToken: `${testHeader}.${encodedJWT}.hello`,
-      refreshToken: 'test-refresh',
-      expiresIn: '100',
-      tokenType: 'bearer'
-    };
-    service.storeInLocalStorage(credentials, '123456789', 'laserfiche.com');
-    expect(localStorage.getItem(service.accessTokenStorageKey)).toEqual(JSON.stringify(credentials));
-    expect(localStorage.getItem(service.accountEndpointsStorageKey)).toEqual('{"webClientUrl":"https://app.laserfiche.com/laserfiche","wsignoutUrl":"https://accounts.laserfiche.com/WebSTS/?wa=wsignout1.0","regionalDomain":"laserfiche.com","oauthAuthorizeUrl":"https://signin.laserfiche.com/oauth/Authorize"}');
-    expect(localStorage.getItem(service.accountIdStorageKey)).toEqual('{"accountId":"123456789","trusteeId":"1"}');
-  });
-
-  it('objToWWWFormUrlEncodedBody should format correctly', () => {
-    const urlEncoded = service.objToWWWFormUrlEncodedBody({ test: 'hi', hello: 'bye', free: 't3st!ng&fun here' });
-    expect(urlEncoded).toEqual('test=hi&hello=bye&free=t3st%21ng%26fun+here');
-  });
-
-  it('parseAccessToken should parse data from jwt', () => {
-    const testHeader = btoa('{"test": "test"}');
-    const JWT = {csid: '123456789', trid: '1'};
-    const encodedJWT = btoa(JSON.stringify(JWT));
-    const parsedToken = service.parseAccessToken(`${testHeader}.${encodedJWT}.hello`);
-    expect(parsedToken).toEqual('1');
-  });
-
-  it('parseAccessToken should parse data from jwt with different environment/region', () => {
-    service.authorize_url_host_name = 'a.clouddev.laserfiche.com';
-    const testHeader = btoa('{"test": "test"}');
-    const JWT = {csid: '1123456789', trid: '1'};
-    const encodedJWT = btoa(JSON.stringify(JWT));
-    const parsedToken = service.parseAccessToken(`${testHeader}.${encodedJWT}.hello`);
-    expect(parsedToken).toEqual('1');
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { TestBed } from '@angular/core/testing';
+import { LoginState } from '@laserfiche/lf-ui-components/shared';
+import { LfLoginService } from './lf-login.service';
+
+describe('LfLoginService', () => {
+  let service: LfLoginService;
+  let storageMock: Storage;
+
+  beforeEach(() => {
+    const store = new Map<string, string>();
+    storageMock = {
+      length: 0,
+      clear: () => {
+        store.clear();
+        storageMock.length = 0;
+      },
+      getItem: (key: string) => store.get(key) ?? null,
+      key: (index: number) => Array.from(store.keys())[index] ?? null,
+      removeItem: (key: string) => {
+        store.delete(key);
+        storageMock.length = store.size;
+      },
+      setItem: (key: string, value: string) => {
+        store.set(key, String(value));
+        storageMock.length = store.size;
+      },
+    } as Storage;
+    Object.defineProperty(globalThis, 'localStorage', {
+      value: storageMock,
+      configurable: true,
+      writable: true,
+    });
+
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(LfLoginService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+
+  it('exchangeCodeForTokenAsync should logout if error', () => {
+    service.exchangeCodeForTokenAsync({ error: { description: 'Test error description', name: 'Test error name' } });
+    expect(service._state).toEqual(LoginState.LoggedOut);
+    expect(localStorage.getItem(service.accessTokenStorageKey)).toBeFalsy();
+  });
+
+  it('exchangeCodeForTokenAsync should throw error if empty params', async () => {
+    await expect(service.exchangeCodeForTokenAsync({})).rejects.toThrow();
+  });
+
+  it('exchangeCodeForTokenAsync should emit logoutCompletedInService if empty code verifier in local storage', async () => {
+    localStorage.removeItem(service.codeVerifierStorageKey);
+    vi.spyOn(service.logoutCompletedInService, 'emit');
+    await service.exchangeCodeForTokenAsync({ authorizationCode: 'test authorization code' });
+    expect(service.logoutCompletedInService.emit).toHaveBeenCalledWith({
+      ErrorType: 'no code verifier',
+      ErrorMessage: 'code verifier not found',
+    });
+  });
+
+  it('removeFromLocalStorage should have empty local storage after being called', () => {
+    localStorage.setItem(service.accessTokenStorageKey, 'test token');
+    service.removeFromLocalStorage();
+    expect(localStorage.getItem(service.accessTokenStorageKey)).toBeFalsy();
+  });
+
+  it('removeFromLocalStorage should not throw error if local storage is already empty', () => {
+    expect(() => service.removeFromLocalStorage()).not.toThrow();
+    expect(localStorage.getItem(service.accessTokenStorageKey)).toBeFalsy();
+  });
+
+  it('createPostTokenRequest should encode body in wwwUrlFormEncoded format', () => {
+    service.redirect_uri = 'test-url';
+    service.client_id = 'test-id';
+    service.code_verifier = 'test-code-verifier';
+    const request = service.createPostTokenRequest('testcode-string-hi');
+    const bodyEncoded = service.objToWWWFormUrlEncodedBody({
+      grant_type: 'authorization_code',
+      code: 'testcode-string-hi',
+      redirect_uri: service.redirect_uri,
+      client_id: service.client_id,
+      code_verifier: 'test-code-verifier',
+    });
+
+    expect(request.headers).toEqual({
+      'Content-Type': 'application/x-www-form-urlencoded',
+    });
+    expect(request.method).toEqual('POST');
+    expect(request.body).toEqual(bodyEncoded);
+  });
+
+  it('getExchangeCodeSuccessResponse should get access token response', () => {
+    const accessTokenCredentials = service.getExchangeCodeSuccessResponse({
+      access_token: 'test-access',
+      expires_in: '3600',
+      token_type: 'bearer',
+      refresh_token: 'test-refresh',
+    });
+    expect(accessTokenCredentials).toEqual({
+      accessToken: 'test-access',
+      refreshToken: 'test-refresh',
+      expiresIn: '3600',
+      tokenType: 'bearer',
+    });
+  });
+
+  it('getExchangeCodeSuccessResponse should throw when not all properties exist', () => {
+    expect(() =>
+      service.getExchangeCodeSuccessResponse({
+        token_type: 'bearer',
+        refresh_token: 'test-refresh',
+      })
+    ).toThrow();
+  });
+
+  it('getPostRequestHeaders should get headers', () => {
+    const requestHeaders = service.getPostRequestHeaders();
+    expect(requestHeaders).toEqual({ 'Content-Type': 'application/x-www-form-urlencoded' });
+  });
+
+  it('storeInLocalStorage should have correct data in local storage', () => {
+    const testHeader = btoa('{"test": "test"}');
+    const encodedJWT = btoa('{"csid": "123456789", "trid": "1"}');
+    const credentials = {
+      accessToken: `${testHeader}.${encodedJWT}.hello`,
+      refreshToken: 'test-refresh',
+      expiresIn: '100',
+      tokenType: 'bearer',
+    };
+    service.storeInLocalStorage(credentials, '123456789', 'laserfiche.com');
+    expect(localStorage.getItem(service.accessTokenStorageKey)).toEqual(JSON.stringify(credentials));
+    expect(localStorage.getItem(service.accountEndpointsStorageKey)).toEqual(
+      '{"webClientUrl":"https://app.laserfiche.com/laserfiche","wsignoutUrl":"https://accounts.laserfiche.com/WebSTS/?wa=wsignout1.0","regionalDomain":"laserfiche.com","oauthAuthorizeUrl":"https://signin.laserfiche.com/oauth/Authorize"}'
+    );
+    expect(localStorage.getItem(service.accountIdStorageKey)).toEqual('{"accountId":"123456789","trusteeId":"1"}');
+  });
+
+  it('objToWWWFormUrlEncodedBody should format correctly', () => {
+    const urlEncoded = service.objToWWWFormUrlEncodedBody({ test: 'hi', hello: 'bye', free: 't3st!ng&fun here' });
+    expect(urlEncoded).toEqual('test=hi&hello=bye&free=t3st%21ng%26fun+here');
+  });
+
+  it('parseAccessToken should parse data from jwt', () => {
+    const testHeader = btoa('{"test": "test"}');
+    const JWT = { csid: '123456789', trid: '1' };
+    const encodedJWT = btoa(JSON.stringify(JWT));
+    const parsedToken = service.parseAccessToken(`${testHeader}.${encodedJWT}.hello`);
+    expect(parsedToken).toEqual('1');
+  });
+
+  it('parseAccessToken should parse data from jwt with different environment/region', () => {
+    service.authorize_url_host_name = 'a.clouddev.laserfiche.com';
+    const testHeader = btoa('{"test": "test"}');
+    const JWT = { csid: '1123456789', trid: '1' };
+    const encodedJWT = btoa(JSON.stringify(JWT));
+    const parsedToken = service.parseAccessToken(`${testHeader}.${encodedJWT}.hello`);
+    expect(parsedToken).toEqual('1');
+  });
+});
diff --git a/projects/ui-components/lf-login/login-utils/lf-login.service.ts b/projects/ui-components/lf-login/login-utils/lf-login.service.ts
index 48cb0e9d..cf02df87 100644
--- a/projects/ui-components/lf-login/login-utils/lf-login.service.ts
+++ b/projects/ui-components/lf-login/login-utils/lf-login.service.ts
@@ -1,267 +1,279 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { EventEmitter, Injectable, Output } from '@angular/core';
-import { AccountInfo, RedirectUriQueryParams } from './lf-login-internal-types';
-import { AbortedLoginError, AuthorizationCredentials, AccountEndpoints } from './lf-login-types';
-import { LoginState, RedirectBehavior } from '@laserfiche/lf-ui-components/shared';
-import { DomainUtils, GetAccessTokenResponse, ApiException, JwtUtils, TokenClient  } from '@laserfiche/lf-api-client-core';
-const CONTENT_TYPE_WWW_FORM_URLENCODED = 'application/x-www-form-urlencoded';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class LfLoginService {
-  /** @internal */
-  _accessToken?: AuthorizationCredentials;
-  /** @internal */
-  _accountInfo?: AccountInfo;
-  /** @internal */
-  _accountEndpoints?: AccountEndpoints;
-  /** @internal */
-  _state?: LoginState;
-
-  /** @internal */
-  client_id!: string;
-  /** @internal */
-  redirect_uri!: string;
-  /** @internal */
-  scope!: string;
-  /** @internal */
-  redirect_behavior: RedirectBehavior = RedirectBehavior.Replace;
-  /** @internal */
-  authorize_url_host_name: string = 'laserfiche.com';
-  /** @internal */
-  code_verifier?: string;
-
-  /** @internal */
-  @Output() logoutCompletedInService: EventEmitter<AbortedLoginError | undefined> = new EventEmitter<AbortedLoginError | undefined>();
-  /** @internal */
-  @Output() loginCompletedInService: EventEmitter<void> = new EventEmitter<void>();
-
-  /** @internal */
-  private get base64EncodedClientId(): string {
-    return btoa(this.client_id);
-  }
-
-  /** @internal */
-  get accountIdStorageKey() {
-    return `lf-login.${this.base64EncodedClientId}.account-id`;
-  }
-
-  /** @internal */
-  get accountEndpointsStorageKey() {
-    return `lf-login.${this.base64EncodedClientId}.account-endpoints`;
-  }
-
-  /** @internal */
-  get accessTokenStorageKey() {
-    return `lf-login.${this.base64EncodedClientId}.access-token`;
-  }
-
-  /** @internal */
-  get codeVerifierStorageKey() {
-    return `lf-login.${this.base64EncodedClientId}.code-verifier`;
-  }
-
-  /** @internal */
-  private exchangeCodeForToken_lock: boolean = false;
-
-  /** @internal */
-  async exchangeCodeForTokenAsync(callBackURIParams: RedirectUriQueryParams) {
-    let concurrentCallsDetected: boolean = false;
-    try {
-      if (this.exchangeCodeForToken_lock) {
-        concurrentCallsDetected = true;
-        console.warn('exchangeCodeForTokenAsync is already running. Will not try again.');
-        return;
-      }
-      this.exchangeCodeForToken_lock = true;
-      this.code_verifier = localStorage.getItem(this.codeVerifierStorageKey)!;
-      if (callBackURIParams.authorizationCode && this.code_verifier) {
-        try {
-          const tokenClient = new TokenClient(callBackURIParams.cloudSubDomain!);
-          const response = await tokenClient.getAccessTokenFromCode(callBackURIParams.authorizationCode, this.redirect_uri, this.client_id, undefined, this.code_verifier);
-          const accessToken = await this.parseTokenResponseAsync(response);
-          this.storeInLocalStorage(accessToken!, callBackURIParams.customerId!, callBackURIParams.cloudSubDomain!);
-          this._state = LoginState.LoggedIn;
-          console.info('state changed to LoggedIn');
-          this.loginCompletedInService.emit();
-        }
-        catch (e) {
-          const status = (<ApiException>e).status ?? 0;
-          const message = (<ApiException>e).message;
-          this.removeFromLocalStorage();
-          this._state = LoginState.LoggedOut;
-          console.error('Login Error (state changed to LoggedOut): ' + message);
-          this.logoutCompletedInService.emit(
-            {
-              ErrorType: status.toString(),
-              ErrorMessage: message
-            });
-        }
-      }
-      else if (callBackURIParams.error) {
-        this._state = LoginState.LoggedOut;
-        this.removeFromLocalStorage();
-        this.logoutCompletedInService.emit({
-          ErrorType: callBackURIParams.error.name,
-          ErrorMessage: callBackURIParams.error.description!
-        });
-        console.error('Login Error (state changed to Logged Out): ' + callBackURIParams.error.name + ', ' + callBackURIParams.error.description);
-      }
-      else if (callBackURIParams.authorizationCode && !this.code_verifier) {
-        this._state = LoginState.LoggedOut;
-        this.removeFromLocalStorage();
-        this.logoutCompletedInService.emit({
-          ErrorType: 'no code verifier',
-          ErrorMessage: 'code verifier not found'
-        });
-        console.error('Login Error (state changed to Logged Out): unable to find code verifier');
-      }
-      else {
-        throw new Error('Unexpected callBackURIParams');
-      }
-    }
-    finally {
-      if (!concurrentCallsDetected) {
-        this.exchangeCodeForToken_lock = false;
-      }
-    }
-  }
-
-  /** @internal */
-  async parseTokenResponseAsync(response: GetAccessTokenResponse): Promise<AuthorizationCredentials | undefined> {
-    try {
-      const authorizationCredentials: AuthorizationCredentials = this.getExchangeCodeSuccessResponse(response);
-      return authorizationCredentials;
-    }
-    catch {
-      throw Error('Parse token response error.');
-    }
-  }
-
-  /** @internal */
-  removeFromLocalStorage() {
-    this.removeCodeVerifierFromLocalStorage();
-    localStorage.removeItem(this.accessTokenStorageKey!);
-    localStorage.removeItem(this.accountIdStorageKey!);
-    this.removeFromCache();
-  }
-
-  removeFromCache() {
-    this._accessToken = undefined;
-    this._accountInfo = undefined;
-  }
-
-  /** @internal */
-  removeCodeVerifierFromLocalStorage() {
-    localStorage.removeItem(this.codeVerifierStorageKey!);
-    this.code_verifier = undefined;
-  }
-
-  /** @internal */
-  createPostTokenRequest(code: string): RequestInit {
-    const request: RequestInit = { method: 'POST' };
-    const headers = this.getPostRequestHeaders();
-    const body = {
-      grant_type: 'authorization_code',
-      code: code,
-      redirect_uri: this.redirect_uri,
-      client_id: this.client_id,
-      code_verifier: this.code_verifier
-    };
-    const requestBody = this.objToWWWFormUrlEncodedBody(body);
-    request.headers = headers;
-    request.body = requestBody;
-    return request;
-  }
-
-  /** @internal */
-  getExchangeCodeSuccessResponse(jsonResponse: any) {
-    const accessToken = jsonResponse['access_token'];
-    const refreshToken = jsonResponse['refresh_token'];
-    const expiresIn = jsonResponse['expires_in'];
-    const tokenType = jsonResponse['token_type'];
-    if (!accessToken) throw new Error('access_token undefined');
-    if (!refreshToken) throw new Error('refresh_token undefined');
-    if (!expiresIn) throw new Error('expires_in undefined');
-    if (!tokenType) throw new Error('token_type undefined');
-
-    const accessTokenResponse: AuthorizationCredentials = {
-      accessToken,
-      refreshToken,
-      expiresIn,
-      tokenType
-    };
-    return accessTokenResponse;
-  }
-
-  /** @internal */
-  storeAccessToken(responseBody: AuthorizationCredentials) {
-    localStorage.setItem(this.accessTokenStorageKey!, JSON.stringify(responseBody));
-    this._accessToken = responseBody;
-  }
-
-  /** @internal */
-  storeCodeVerifier(code_verifier: string) {
-    localStorage.setItem(this.codeVerifierStorageKey!, code_verifier);
-  }
-
-  /** @internal */
-  storeInLocalStorage(accessTokenCredentials: AuthorizationCredentials, accountId: string, regionalDomain: string) {
-    const trusteeId: string = this.parseAccessToken(accessTokenCredentials.accessToken);
-    const endpoints = DomainUtils.getLfEndpoints(regionalDomain);
-    this.storeAccountInfo(accountId, trusteeId);
-    this.storeAccountEndpoints(endpoints);
-    this.storeAccessToken(accessTokenCredentials);
-  }
-
-  /** @internal */
-  getPostRequestHeaders() {
-    const headers: Record<string, string> = {
-      'Content-Type': CONTENT_TYPE_WWW_FORM_URLENCODED
-    };
-
-    return headers;
-  }
-
-  /** @internal */
-  objToWWWFormUrlEncodedBody(obj: any): string {
-    const urlSearchParams = new URLSearchParams();
-    for (const i in obj) {
-      urlSearchParams.set(i, obj[i]);
-    }
-    return urlSearchParams.toString();
-  }
-
-  /** @internal */
-  parseAccessToken(accessToken: string): string {
-    const decodedAccessToken = JwtUtils.parseAccessToken(accessToken);
-    const trusteeId = JwtUtils.getTrusteeIdFromLfJWT(decodedAccessToken);
-    return trusteeId;
-  }
-
-  /** @internal */
-  private storeAccountEndpoints(accountEndpoints: AccountEndpoints) {
-    localStorage.setItem(this.accountEndpointsStorageKey!, JSON.stringify(accountEndpoints));
-    this._accountEndpoints = accountEndpoints;
-  }
-
-  /** @internal */
-  private storeAccountInfo(accountId: string, trusteeId: string) {
-    const accountInfo: AccountInfo = {
-      accountId,
-      trusteeId
-    };
-    localStorage.setItem(this.accountIdStorageKey!, JSON.stringify(accountInfo));
-    this._accountInfo = accountInfo;
-  }
-
-  refreshServiceAccountProperties() {
-    const accountInfo = localStorage.getItem(this.accountIdStorageKey);
-    const accountEndpoints = localStorage.getItem(this.accountEndpointsStorageKey);
-    this._accountInfo = JSON.parse(accountInfo!);
-    this._accountEndpoints = JSON.parse(accountEndpoints!);
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { EventEmitter, Injectable, Output } from '@angular/core';
+import { AccountInfo, RedirectUriQueryParams } from './lf-login-internal-types';
+import { AbortedLoginError, AuthorizationCredentials, AccountEndpoints } from './lf-login-types';
+import { LoginState, RedirectBehavior } from '@laserfiche/lf-ui-components/shared';
+import {
+  DomainUtils,
+  GetAccessTokenResponse,
+  ApiException,
+  JwtUtils,
+  TokenClient,
+} from '@laserfiche/lf-api-client-core';
+const CONTENT_TYPE_WWW_FORM_URLENCODED = 'application/x-www-form-urlencoded';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class LfLoginService {
+  /** @internal */
+  _accessToken?: AuthorizationCredentials;
+  /** @internal */
+  _accountInfo?: AccountInfo;
+  /** @internal */
+  _accountEndpoints?: AccountEndpoints;
+  /** @internal */
+  _state?: LoginState;
+
+  /** @internal */
+  client_id!: string;
+  /** @internal */
+  redirect_uri!: string;
+  /** @internal */
+  scope!: string;
+  /** @internal */
+  redirect_behavior: RedirectBehavior = RedirectBehavior.Replace;
+  /** @internal */
+  authorize_url_host_name: string = 'laserfiche.com';
+  /** @internal */
+  code_verifier?: string;
+
+  /** @internal */
+  @Output() logoutCompletedInService: EventEmitter<AbortedLoginError | undefined> = new EventEmitter<
+    AbortedLoginError | undefined
+  >();
+  /** @internal */
+  @Output() loginCompletedInService: EventEmitter<void> = new EventEmitter<void>();
+
+  /** @internal */
+  private get base64EncodedClientId(): string {
+    return btoa(this.client_id);
+  }
+
+  /** @internal */
+  get accountIdStorageKey() {
+    return `lf-login.${this.base64EncodedClientId}.account-id`;
+  }
+
+  /** @internal */
+  get accountEndpointsStorageKey() {
+    return `lf-login.${this.base64EncodedClientId}.account-endpoints`;
+  }
+
+  /** @internal */
+  get accessTokenStorageKey() {
+    return `lf-login.${this.base64EncodedClientId}.access-token`;
+  }
+
+  /** @internal */
+  get codeVerifierStorageKey() {
+    return `lf-login.${this.base64EncodedClientId}.code-verifier`;
+  }
+
+  /** @internal */
+  private exchangeCodeForToken_lock: boolean = false;
+
+  /** @internal */
+  async exchangeCodeForTokenAsync(callBackURIParams: RedirectUriQueryParams) {
+    let concurrentCallsDetected: boolean = false;
+    try {
+      if (this.exchangeCodeForToken_lock) {
+        concurrentCallsDetected = true;
+        console.warn('exchangeCodeForTokenAsync is already running. Will not try again.');
+        return;
+      }
+      this.exchangeCodeForToken_lock = true;
+      this.code_verifier = localStorage.getItem(this.codeVerifierStorageKey)!;
+      if (callBackURIParams.authorizationCode && this.code_verifier) {
+        try {
+          const tokenClient = new TokenClient(callBackURIParams.cloudSubDomain!);
+          const response = await tokenClient.getAccessTokenFromCode(
+            callBackURIParams.authorizationCode,
+            this.redirect_uri,
+            this.client_id,
+            undefined,
+            this.code_verifier
+          );
+          const accessToken = await this.parseTokenResponseAsync(response);
+          this.storeInLocalStorage(accessToken!, callBackURIParams.customerId!, callBackURIParams.cloudSubDomain!);
+          this._state = LoginState.LoggedIn;
+          console.info('state changed to LoggedIn');
+          this.loginCompletedInService.emit();
+        } catch (e) {
+          const status = (<ApiException>e).status ?? 0;
+          const message = (<ApiException>e).message;
+          this.removeFromLocalStorage();
+          this._state = LoginState.LoggedOut;
+          console.error('Login Error (state changed to LoggedOut): ' + message);
+          this.logoutCompletedInService.emit({
+            ErrorType: status.toString(),
+            ErrorMessage: message,
+          });
+        }
+      } else if (callBackURIParams.error) {
+        this._state = LoginState.LoggedOut;
+        this.removeFromLocalStorage();
+        this.logoutCompletedInService.emit({
+          ErrorType: callBackURIParams.error.name,
+          ErrorMessage: callBackURIParams.error.description!,
+        });
+        console.error(
+          'Login Error (state changed to Logged Out): ' +
+            callBackURIParams.error.name +
+            ', ' +
+            callBackURIParams.error.description
+        );
+      } else if (callBackURIParams.authorizationCode && !this.code_verifier) {
+        this._state = LoginState.LoggedOut;
+        this.removeFromLocalStorage();
+        this.logoutCompletedInService.emit({
+          ErrorType: 'no code verifier',
+          ErrorMessage: 'code verifier not found',
+        });
+        console.error('Login Error (state changed to Logged Out): unable to find code verifier');
+      } else {
+        throw new Error('Unexpected callBackURIParams');
+      }
+    } finally {
+      if (!concurrentCallsDetected) {
+        this.exchangeCodeForToken_lock = false;
+      }
+    }
+  }
+
+  /** @internal */
+  async parseTokenResponseAsync(response: GetAccessTokenResponse): Promise<AuthorizationCredentials | undefined> {
+    try {
+      const authorizationCredentials: AuthorizationCredentials = this.getExchangeCodeSuccessResponse(response);
+      return authorizationCredentials;
+    } catch {
+      throw Error('Parse token response error.');
+    }
+  }
+
+  /** @internal */
+  removeFromLocalStorage() {
+    this.removeCodeVerifierFromLocalStorage();
+    localStorage.removeItem(this.accessTokenStorageKey!);
+    localStorage.removeItem(this.accountIdStorageKey!);
+    this.removeFromCache();
+  }
+
+  removeFromCache() {
+    this._accessToken = undefined;
+    this._accountInfo = undefined;
+  }
+
+  /** @internal */
+  removeCodeVerifierFromLocalStorage() {
+    localStorage.removeItem(this.codeVerifierStorageKey!);
+    this.code_verifier = undefined;
+  }
+
+  /** @internal */
+  createPostTokenRequest(code: string): RequestInit {
+    const request: RequestInit = { method: 'POST' };
+    const headers = this.getPostRequestHeaders();
+    const body = {
+      grant_type: 'authorization_code',
+      code: code,
+      redirect_uri: this.redirect_uri,
+      client_id: this.client_id,
+      code_verifier: this.code_verifier,
+    };
+    const requestBody = this.objToWWWFormUrlEncodedBody(body);
+    request.headers = headers;
+    request.body = requestBody;
+    return request;
+  }
+
+  /** @internal */
+  getExchangeCodeSuccessResponse(jsonResponse: any) {
+    const accessToken = jsonResponse['access_token'];
+    const refreshToken = jsonResponse['refresh_token'];
+    const expiresIn = jsonResponse['expires_in'];
+    const tokenType = jsonResponse['token_type'];
+    if (!accessToken) throw new Error('access_token undefined');
+    if (!refreshToken) throw new Error('refresh_token undefined');
+    if (!expiresIn) throw new Error('expires_in undefined');
+    if (!tokenType) throw new Error('token_type undefined');
+
+    const accessTokenResponse: AuthorizationCredentials = {
+      accessToken,
+      refreshToken,
+      expiresIn,
+      tokenType,
+    };
+    return accessTokenResponse;
+  }
+
+  /** @internal */
+  storeAccessToken(responseBody: AuthorizationCredentials) {
+    localStorage.setItem(this.accessTokenStorageKey!, JSON.stringify(responseBody));
+    this._accessToken = responseBody;
+  }
+
+  /** @internal */
+  storeCodeVerifier(code_verifier: string) {
+    localStorage.setItem(this.codeVerifierStorageKey!, code_verifier);
+  }
+
+  /** @internal */
+  storeInLocalStorage(accessTokenCredentials: AuthorizationCredentials, accountId: string, regionalDomain: string) {
+    const trusteeId: string = this.parseAccessToken(accessTokenCredentials.accessToken);
+    const endpoints = DomainUtils.getLfEndpoints(regionalDomain);
+    this.storeAccountInfo(accountId, trusteeId);
+    this.storeAccountEndpoints(endpoints);
+    this.storeAccessToken(accessTokenCredentials);
+  }
+
+  /** @internal */
+  getPostRequestHeaders() {
+    const headers: Record<string, string> = {
+      'Content-Type': CONTENT_TYPE_WWW_FORM_URLENCODED,
+    };
+
+    return headers;
+  }
+
+  /** @internal */
+  objToWWWFormUrlEncodedBody(obj: any): string {
+    const urlSearchParams = new URLSearchParams();
+    for (const i in obj) {
+      urlSearchParams.set(i, obj[i]);
+    }
+    return urlSearchParams.toString();
+  }
+
+  /** @internal */
+  parseAccessToken(accessToken: string): string {
+    const decodedAccessToken = JwtUtils.parseAccessToken(accessToken);
+    const trusteeId = JwtUtils.getTrusteeIdFromLfJWT(decodedAccessToken);
+    return trusteeId;
+  }
+
+  /** @internal */
+  private storeAccountEndpoints(accountEndpoints: AccountEndpoints) {
+    localStorage.setItem(this.accountEndpointsStorageKey!, JSON.stringify(accountEndpoints));
+    this._accountEndpoints = accountEndpoints;
+  }
+
+  /** @internal */
+  private storeAccountInfo(accountId: string, trusteeId: string) {
+    const accountInfo: AccountInfo = {
+      accountId,
+      trusteeId,
+    };
+    localStorage.setItem(this.accountIdStorageKey!, JSON.stringify(accountInfo));
+    this._accountInfo = accountInfo;
+  }
+
+  refreshServiceAccountProperties() {
+    const accountInfo = localStorage.getItem(this.accountIdStorageKey);
+    const accountEndpoints = localStorage.getItem(this.accountEndpointsStorageKey);
+    this._accountInfo = JSON.parse(accountInfo!);
+    this._accountEndpoints = JSON.parse(accountEndpoints!);
+  }
+}
diff --git a/projects/ui-components/lf-login/login-utils/pkce-utils.ts b/projects/ui-components/lf-login/login-utils/pkce-utils.ts
index ce53a0ad..119888d4 100644
--- a/projects/ui-components/lf-login/login-utils/pkce-utils.ts
+++ b/projects/ui-components/lf-login/login-utils/pkce-utils.ts
@@ -1,27 +1,27 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-export function arrayBufferToBase64(buffer: ArrayBuffer) {
-    var binary = '';
-    var bytes = new Uint8Array(buffer);
-    var len = bytes.byteLength;
-    for (var i = 0; i < len; i++) {
-        binary += String.fromCharCode(bytes[i]);
-    }
-    return window.btoa(binary);
-}
-
-export function convertNumber(n: string, fromBase: number, toBase: number) {
-    if (fromBase === void 0) {
-        fromBase = 10;
-    }
-    if (toBase === void 0) {
-        toBase = 10;
-    }
-    return parseInt(n.toString(), fromBase).toString(toBase);
-}
-
-/** @internal */
-export function dec2base64(dec: number) {
-    return dec.toString(16).padStart(2, "0");
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+export function arrayBufferToBase64(buffer: ArrayBuffer) {
+  var binary = '';
+  var bytes = new Uint8Array(buffer);
+  var len = bytes.byteLength;
+  for (var i = 0; i < len; i++) {
+    binary += String.fromCharCode(bytes[i]);
+  }
+  return window.btoa(binary);
+}
+
+export function convertNumber(n: string, fromBase: number, toBase: number) {
+  if (fromBase === void 0) {
+    fromBase = 10;
+  }
+  if (toBase === void 0) {
+    toBase = 10;
+  }
+  return parseInt(n.toString(), fromBase).toString(toBase);
+}
+
+/** @internal */
+export function dec2base64(dec: number) {
+  return dec.toString(16).padStart(2, '0');
+}
diff --git a/projects/ui-components/lf-login/ng-package.json b/projects/ui-components/lf-login/ng-package.json
index 1ff9abf3..0e280510 100644
--- a/projects/ui-components/lf-login/ng-package.json
+++ b/projects/ui-components/lf-login/ng-package.json
@@ -1,5 +1,5 @@
 {
   "lib": {
-      "entryFile": "./lf-login-public-api.ts"
+    "entryFile": "./lf-login-public-api.ts"
   }
 }
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/base-field/base-field.directive.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/base-field/base-field.directive.ts
index 5e0670b1..76181171 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/base-field/base-field.directive.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/base-field/base-field.directive.ts
@@ -22,7 +22,6 @@ import { Observable, of } from 'rxjs';
 import { map, mergeMap, startWith } from 'rxjs/operators';
 import { CoreUtils } from '@laserfiche/lf-js-utils';
 
-
 /** @internal */
 @Directive()
 export abstract class BaseFieldDirective implements OnInit {
@@ -212,7 +211,6 @@ export abstract class BaseFieldDirective implements OnInit {
     }
   }
 
-
   onTokenChosen(token: string) {
     if (this.tokenTarget) {
       const newFieldVal: string = this.createNewFieldValueWithToken(token);
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/base-field/datetime-base-field.directives.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/base-field/datetime-base-field.directives.ts
index 239f4b67..1bc5f2c5 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/base-field/datetime-base-field.directives.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/base-field/datetime-base-field.directives.ts
@@ -5,10 +5,7 @@ import { Directive, OnInit } from '@angular/core';
 import { BaseFieldDirective } from './base-field.directive';
 import { ValidationRule } from '@laserfiche/lf-ui-components/internal-shared';
 import { of } from 'rxjs';
-import {
-  UniComponentConfig,
-  UniComponentSettings,
-} from '../../../../lf-date-time-picker/uni-date-time.common';
+import { UniComponentConfig, UniComponentSettings } from '../../../../lf-date-time-picker/uni-date-time.common';
 import { UniDateTimeComponent } from '../../../../lf-date-time-picker/uni-date-time.component';
 
 @Directive()
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-field/date-field.component.css b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-field/date-field.component.css
index c1edc7d8..ba8e6e42 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-field/date-field.component.css
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-field/date-field.component.css
@@ -1,17 +1,17 @@
 ::ng-deep .lf-datepicker-toggle > .mdc-icon-button:hover {
   color: rgba(0, 0, 0, 0.8);
 }
-::ng-deep mat-datepicker-toggle.mat-datepicker-toggle.lf-datepicker-toggle >.mat-mdc-icon-button.mat-mdc-button-base {
-    padding-top: 12px;
-    padding-right: 0px;
+::ng-deep mat-datepicker-toggle.mat-datepicker-toggle.lf-datepicker-toggle > .mat-mdc-icon-button.mat-mdc-button-base {
+  padding-top: 12px;
+  padding-right: 0px;
 }
 
-::ng-deep .lf-datepicker-toggle > .mdc-icon-button .mat-mdc-button-persistent-ripple, 
+::ng-deep .lf-datepicker-toggle > .mdc-icon-button .mat-mdc-button-persistent-ripple,
 ::ng-deep .lf-datepicker-toggle > .mdc-icon-button .mat-ripple.mat-mdc-button-ripple {
-    top: 6px;
-    left: 12px;
-    height: 35px;
-    width: 35px;
+  top: 6px;
+  left: 12px;
+  height: 35px;
+  width: 35px;
 }
 
 /* Add extra spacing only when no error is shown to keep date field visually consistent with other form fields */
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-field/date-field.component.html b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-field/date-field.component.html
index d5205176..632e9e7b 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-field/date-field.component.html
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-field/date-field.component.html
@@ -2,31 +2,47 @@
 Licensed under the MIT License. See LICENSE in the project root for license information.-->
 
 @if (!isDynamic) {
-  <span class="token-picker-field-box" [ngClass]="{'extra-space': !getBrokenValidationRule()}">
+  <span class="token-picker-field-box" [ngClass]="{ 'extra-space': !getBrokenValidationRule() }">
     @if (showTokenTextBox) {
-      <mat-form-field title="{{lf_field_info.displayName}}" appearance="outline"
-        class="lf-field lf-date-field">
-        <input #tokenTarget matInput [formControl]="lf_field_form_control" title="{{lf_field_form_control.value}}"
-          (change)="onDateOrTimeTokenValueChanged()">
+      <mat-form-field title="{{ lf_field_info.displayName }}" appearance="outline" class="lf-field lf-date-field">
+        <input
+          #tokenTarget
+          matInput
+          [formControl]="lf_field_form_control"
+          title="{{ lf_field_form_control.value }}"
+          (change)="onDateOrTimeTokenValueChanged()"
+        />
       </mat-form-field>
     }
     @if (!showTokenTextBox) {
-      <lf-uni-date-time #tokenTarget class="lf-field" [config]="uniDateTimeConfig"
-        [settings]="uniDateTimeSettings" (valueChangedEventHandler)="onUniDateOrTimeChanged($event)">
+      <lf-uni-date-time
+        #tokenTarget
+        class="lf-field"
+        [config]="uniDateTimeConfig"
+        [settings]="uniDateTimeSettings"
+        (valueChangedEventHandler)="onUniDateOrTimeChanged($event)"
+      >
       </lf-uni-date-time>
     }
-    <lf-token-picker-component class="lf-field-token-picker" (tokenPicked)="onTokenChosen($event)"
-    [data]="lfFieldTokenData"></lf-token-picker-component>
+    <lf-token-picker-component
+      class="lf-field-token-picker"
+      (tokenPicked)="onTokenChosen($event)"
+      [data]="lfFieldTokenData"
+    ></lf-token-picker-component>
   </span>
 } @else {
-  <lf-dynamic-field-component ngDefaultControl [options]="dynamic_field_value_options"
-    [formControl]="lf_field_form_control" [title]="lf_field_info.displayName"
-    [fieldValidationErrorMsg]="fieldValidationErrorMsg" [getBrokenValidationRule]="getBrokenValidationRule.bind(this)"
-    (valueChange)="onValueChanged()" [compareWith]="compareDateStrings">
+  <lf-dynamic-field-component
+    ngDefaultControl
+    [options]="dynamic_field_value_options"
+    [formControl]="lf_field_form_control"
+    [title]="lf_field_info.displayName"
+    [fieldValidationErrorMsg]="fieldValidationErrorMsg"
+    [getBrokenValidationRule]="getBrokenValidationRule.bind(this)"
+    (valueChange)="onValueChanged()"
+    [compareWith]="compareDateStrings"
+  >
   </lf-dynamic-field-component>
 }
 @if (getBrokenValidationRule()) {
-  <mat-error>{{fieldValidationErrorMsg | async}}</mat-error>
+  <mat-error>{{ fieldValidationErrorMsg | async }}</mat-error>
 }
-
-
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-field/date-field.component.spec.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-field/date-field.component.spec.ts
index e8f417d1..ee68f7d8 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-field/date-field.component.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-field/date-field.component.spec.ts
@@ -31,7 +31,7 @@ describe('DateFieldComponent', () => {
     description: 'requiredDateDescription',
     isRequired: true,
     fieldType: FieldType.Date,
-    displayName: 'requiredDateName'
+    displayName: 'requiredDateName',
   };
 
   const optionalDate: LfFieldInfo = {
@@ -40,7 +40,7 @@ describe('DateFieldComponent', () => {
     description: 'optionalDateDescription',
     isRequired: false,
     fieldType: FieldType.Date,
-    displayName: 'optionalDateName'
+    displayName: 'optionalDateName',
   };
 
   beforeEach(async () => {
@@ -55,12 +55,9 @@ describe('DateFieldComponent', () => {
         MatInputModule,
         MatMenuModule,
         ReactiveFormsModule,
-        UniDateTimeComponent
+        UniDateTimeComponent,
       ],
-      providers: [
-        LfFieldTokenService,
-        AppLocalizationService
-      ]
+      providers: [LfFieldTokenService, AppLocalizationService],
     }).compileComponents();
   });
 
@@ -100,7 +97,9 @@ describe('DateFieldComponent', () => {
     requiredDateComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === expectedError,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toEqual(expectedError);
   });
@@ -116,7 +115,9 @@ describe('DateFieldComponent', () => {
     optionalDateComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === undefined,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toBeUndefined();
   });
@@ -139,7 +140,9 @@ describe('DateFieldComponent', () => {
     requiredDateComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === undefined,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toBeUndefined();
   });
@@ -155,14 +158,15 @@ describe('DateFieldComponent', () => {
     returnedDateTimeObject.component.timeControl = new FormControl();
     returnedDateTimeObject.component.dateTimeControl = new FormControl();
     returnedDateTimeObject.component.settings = optionalDateComponent.uniDateTimeSettings;
-    returnedDateTimeObject.component.settings.dateFormat= expectedDateFormat,
-
-    returnedDateTimeObject.component.dateControl.setValue(invalidDateValue);
+    ((returnedDateTimeObject.component.settings.dateFormat = expectedDateFormat),
+      returnedDateTimeObject.component.dateControl.setValue(invalidDateValue));
     // act
     optionalDateComponent.onUniDateOrTimeChanged(returnedDateTimeObject);
 
     // assert
-    const expectedError = optionalDateComponent.localizationService.getString('DATE_FIELDS_MUST_BE_IN_FORMAT_0', ['MM/DD/YYYY']);
+    const expectedError = optionalDateComponent.localizationService.getString('DATE_FIELDS_MUST_BE_IN_FORMAT_0', [
+      'MM/DD/YYYY',
+    ]);
     expect(optionalDateComponent.getBrokenValidationRule()).toEqual(expectedBrokenRule);
     let value: string | undefined;
     optionalDateComponent.fieldValidationErrorMsg.subscribe((val) => {
@@ -172,7 +176,9 @@ describe('DateFieldComponent', () => {
     optionalDateComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === expectedError,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toEqual(expectedError);
   });
@@ -227,7 +233,8 @@ describe('DateFieldComponent', () => {
     // arrange
     const expectedDateFormat: string = 'DD/MM/YYYY';
     optionalDateComponent.lf_field_form_control.setErrors({
-      [ValidationRule.DATEPICKER_PARSE]: { dateTimeFormat: expectedDateFormat } });
+      [ValidationRule.DATEPICKER_PARSE]: { dateTimeFormat: expectedDateFormat },
+    });
     // act
     let value: string | undefined;
     optionalDateComponent.getValidationTextForFieldType(ValidationRule.DATEPICKER_PARSE);
@@ -240,7 +247,9 @@ describe('DateFieldComponent', () => {
     // assert
     await CoreUtils.waitForConditionAsync(
       () => value === 'DD/MM/YYYY',
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toEqual('DD/MM/YYYY');
   });
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-field/date-field.component.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-field/date-field.component.ts
index 6c2ae15d..fafa7a0f 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-field/date-field.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-field/date-field.component.ts
@@ -17,15 +17,23 @@ import { LfTokenPickerComponent } from '../../lf-token-picker/lf-token-picker.co
 import { DynamicFieldComponent } from '../dynamic-field/dynamic-field.component';
 
 @Component({
-    selector: 'lf-date-field-component',
-    templateUrl: './date-field.component.html',
-    styleUrls: ['./date-field.component.css', './../lf-field-base/lf-field-base.component.css'],
-    providers: [
-        { provide: DateTimeBaseFieldDirective, useExisting: DateFieldComponent },
-        { provide: ErrorStateMatcher, useClass: ShowOnDirtyErrorStateMatcher },
-    ],
-    standalone: true,
-    imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, MatInputModule, UniDateTimeComponent, LfTokenPickerComponent, DynamicFieldComponent]
+  selector: 'lf-date-field-component',
+  templateUrl: './date-field.component.html',
+  styleUrls: ['./date-field.component.css', './../lf-field-base/lf-field-base.component.css'],
+  providers: [
+    { provide: DateTimeBaseFieldDirective, useExisting: DateFieldComponent },
+    { provide: ErrorStateMatcher, useClass: ShowOnDirtyErrorStateMatcher },
+  ],
+  standalone: true,
+  imports: [
+    CommonModule,
+    ReactiveFormsModule,
+    MatFormFieldModule,
+    MatInputModule,
+    UniDateTimeComponent,
+    LfTokenPickerComponent,
+    DynamicFieldComponent,
+  ],
 })
 export class DateFieldComponent extends DateTimeBaseFieldDirective implements OnInit {
   private LOCALE_DATE: Observable<string> | undefined;
@@ -68,10 +76,7 @@ export class DateFieldComponent extends DateTimeBaseFieldDirective implements On
   getValidationTextForFieldType(validationRuleName: ValidationRule): Observable<string> | undefined {
     switch (validationRuleName) {
       case ValidationRule.DATEPICKER_PARSE:
-        if (
-          this.lf_field_form_control.errors &&
-          ValidationRule.DATEPICKER_PARSE in this.lf_field_form_control.errors
-        ) {
+        if (this.lf_field_form_control.errors && ValidationRule.DATEPICKER_PARSE in this.lf_field_form_control.errors) {
           this.LOCALE_DATE = of(this.lf_field_form_control.errors[ValidationRule.DATEPICKER_PARSE].dateTimeFormat);
           var errorMessage = this.localizationService.getStringLaserficheWithObservableParams(
             'DATE_FIELDS_MUST_BE_IN_FORMAT_0',
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-time-field/date-time-field.component.css b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-time-field/date-time-field.component.css
index 61ca8cc5..90863f98 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-time-field/date-time-field.component.css
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-time-field/date-time-field.component.css
@@ -1,4 +1,3 @@
-
 .datetime-button-toggle {
   background: transparent;
   border: none;
@@ -28,13 +27,15 @@
 }
 
 ::ng-deep .mat-datepicker-content {
-  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  box-shadow:
+    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
+    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
+    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
   display: block;
   border-radius: 4px;
   background-color: white;
 }
 
-
 ::ng-deep .lf-datetime-picker-overlay .mat-calendar-table-header-divider:after {
   background: rgba(0, 0, 0, 0.12);
 }
@@ -54,16 +55,24 @@
   border-color: transparent;
 }
 
-::ng-deep ngx-mat-calendar.lf-datetime-picker-overlay .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-today {
-    border-color: var(--mat-datepicker-calendar-date-today-outline-color);
+::ng-deep
+  ngx-mat-calendar.lf-datetime-picker-overlay
+  .mat-calendar-body-cell
+  .mat-calendar-body-cell-content.mat-calendar-body-today {
+  border-color: var(--mat-datepicker-calendar-date-today-outline-color);
 }
 
-::ng-deep ngx-mat-calendar.lf-datetime-picker-overlay .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-selected {
+::ng-deep
+  ngx-mat-calendar.lf-datetime-picker-overlay
+  .mat-calendar-body-cell
+  .mat-calendar-body-cell-content.mat-calendar-body-selected {
   background-color: var(--mat-datepicker-calendar-date-selected-state-background-color);
 }
 
-
-::ng-deep ngx-mat-calendar.lf-datetime-picker-overlay .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
+::ng-deep
+  ngx-mat-calendar.lf-datetime-picker-overlay
+  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover
+  > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
   background-color: var(--mat-datepicker-calendar-date-hover-state-background-color);
 }
 
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-time-field/date-time-field.component.html b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-time-field/date-time-field.component.html
index e0ea3cef..42ec50bf 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-time-field/date-time-field.component.html
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-time-field/date-time-field.component.html
@@ -2,29 +2,47 @@
 Licensed under the MIT License. See LICENSE in the project root for license information.-->
 
 @if (!isDynamic) {
-  <span class="token-picker-field-box" [ngClass]="{'extra-space': !getBrokenValidationRule()}">
+  <span class="token-picker-field-box" [ngClass]="{ 'extra-space': !getBrokenValidationRule() }">
     @if (showTokenTextBox) {
-      <mat-form-field title="{{lf_field_info.displayName}}" appearance="outline" class="lf-field">
-        <input #tokenTarget matInput [formControl]="lf_field_form_control" title="{{lf_field_form_control.value}}"
-          (change)="onDateOrTimeTokenValueChanged()">
+      <mat-form-field title="{{ lf_field_info.displayName }}" appearance="outline" class="lf-field">
+        <input
+          #tokenTarget
+          matInput
+          [formControl]="lf_field_form_control"
+          title="{{ lf_field_form_control.value }}"
+          (change)="onDateOrTimeTokenValueChanged()"
+        />
       </mat-form-field>
     }
     @if (!showTokenTextBox) {
-      <lf-uni-date-time #tokenTarget class="lf-field" [config]="uniDateTimeConfig"
-        [settings]="uniDateTimeSettings" (valueChangedEventHandler)="onUniDateOrTimeChanged($event)">
+      <lf-uni-date-time
+        #tokenTarget
+        class="lf-field"
+        [config]="uniDateTimeConfig"
+        [settings]="uniDateTimeSettings"
+        (valueChangedEventHandler)="onUniDateOrTimeChanged($event)"
+      >
       </lf-uni-date-time>
     }
-    <lf-token-picker-component class="lf-field-token-picker" (tokenPicked)="onTokenChosen($event)"
-    [data]="lfFieldTokenData"></lf-token-picker-component>
+    <lf-token-picker-component
+      class="lf-field-token-picker"
+      (tokenPicked)="onTokenChosen($event)"
+      [data]="lfFieldTokenData"
+    ></lf-token-picker-component>
   </span>
 } @else {
-  <lf-dynamic-field-component ngDefaultControl [options]="dynamic_field_value_options"
-    [formControl]="lf_field_form_control" [title]="lf_field_info.displayName"
-    [fieldValidationErrorMsg]="fieldValidationErrorMsg" [getBrokenValidationRule]="getBrokenValidationRule.bind(this)"
-    (valueChange)="onValueChanged()" [compareWith]="compareDateStrings">
+  <lf-dynamic-field-component
+    ngDefaultControl
+    [options]="dynamic_field_value_options"
+    [formControl]="lf_field_form_control"
+    [title]="lf_field_info.displayName"
+    [fieldValidationErrorMsg]="fieldValidationErrorMsg"
+    [getBrokenValidationRule]="getBrokenValidationRule.bind(this)"
+    (valueChange)="onValueChanged()"
+    [compareWith]="compareDateStrings"
+  >
   </lf-dynamic-field-component>
 }
 @if (getBrokenValidationRule()) {
-  <mat-error>{{fieldValidationErrorMsg | async}}</mat-error>
+  <mat-error>{{ fieldValidationErrorMsg | async }}</mat-error>
 }
-
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-time-field/date-time-field.component.spec.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-time-field/date-time-field.component.spec.ts
index 95834b21..b43fc772 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-time-field/date-time-field.component.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-time-field/date-time-field.component.spec.ts
@@ -32,19 +32,23 @@ describe('DateTimeFieldComponent', () => {
     description: 'requiredDateTimeDescription',
     isRequired: true,
     fieldType: FieldType.DateTime,
-    displayName: 'requiredDateTimeName' };
+    displayName: 'requiredDateTimeName',
+  };
 
   const optionalDateTime: LfFieldInfo = {
     name: 'optionalDateTimeName',
     id: 2,
     description: 'optionalDateTimeDescription',
     fieldType: FieldType.DateTime,
-    displayName: 'optionalDateTimeName' };
+    displayName: 'optionalDateTimeName',
+  };
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       imports: [
-        DateTimeFieldComponent, LfFieldBaseComponent, LfTokenPickerComponent,
+        DateTimeFieldComponent,
+        LfFieldBaseComponent,
+        LfTokenPickerComponent,
         BrowserAnimationsModule,
         CommonModule,
         FormsModule,
@@ -54,7 +58,8 @@ describe('DateTimeFieldComponent', () => {
         ReactiveFormsModule,
         UniDateTimeComponent,
       ],
-      providers: [LfFieldTokenService, AppLocalizationService] }).compileComponents();
+      providers: [LfFieldTokenService, AppLocalizationService],
+    }).compileComponents();
   });
 
   beforeEach(() => {
@@ -180,10 +185,9 @@ describe('DateTimeFieldComponent', () => {
     returnedDateTimeObject.component.timeControl = new FormControl();
     returnedDateTimeObject.component.dateTimeControl = new FormControl();
     returnedDateTimeObject.component.settings = optionalDateTimeComponent.uniDateTimeSettings;
-    returnedDateTimeObject.component.settings.timeFormat= expectedTimeFormat,
-    returnedDateTimeObject.component.settings.dateFormat= expectedDateFormat,
-
-    returnedDateTimeObject.component.dateControl.setValue(invalidDateTimeValue);
+    ((returnedDateTimeObject.component.settings.timeFormat = expectedTimeFormat),
+      (returnedDateTimeObject.component.settings.dateFormat = expectedDateFormat),
+      returnedDateTimeObject.component.dateControl.setValue(invalidDateTimeValue));
 
     // act
     optionalDateTimeComponent.onUniDateOrTimeChanged(returnedDateTimeObject);
@@ -226,7 +230,8 @@ describe('DateTimeFieldComponent', () => {
     // arrange
     const expectedDateTimeFormat: string = 'DD/MM/YYYY H:mm';
     optionalDateTimeComponent.lf_field_form_control.setErrors({
-      [ValidationRule.DATETIME_PICKER_PARSE]: { dateTimeFormat: expectedDateTimeFormat } });
+      [ValidationRule.DATETIME_PICKER_PARSE]: { dateTimeFormat: expectedDateTimeFormat },
+    });
     // act
     let actualValue: string | undefined;
 
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-time-field/date-time-field.component.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-time-field/date-time-field.component.ts
index 9bbd1932..28ec7bf6 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-time-field/date-time-field.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/date-time-field/date-time-field.component.ts
@@ -16,15 +16,23 @@ import { LfTokenPickerComponent } from '../../lf-token-picker/lf-token-picker.co
 import { DynamicFieldComponent } from '../dynamic-field/dynamic-field.component';
 
 @Component({
-    selector: 'lf-date-time-field-component',
-    templateUrl: './date-time-field.component.html',
-    styleUrls: ['./date-time-field.component.css', './../lf-field-base/lf-field-base.component.css'],
-    providers: [
-        { provide: DateTimeBaseFieldDirective, useExisting: DateTimeFieldComponent },
-        { provide: ErrorStateMatcher, useClass: ShowOnDirtyErrorStateMatcher },
-    ],
-    standalone: true,
-    imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, MatInputModule, UniDateTimeComponent, LfTokenPickerComponent, DynamicFieldComponent]
+  selector: 'lf-date-time-field-component',
+  templateUrl: './date-time-field.component.html',
+  styleUrls: ['./date-time-field.component.css', './../lf-field-base/lf-field-base.component.css'],
+  providers: [
+    { provide: DateTimeBaseFieldDirective, useExisting: DateTimeFieldComponent },
+    { provide: ErrorStateMatcher, useClass: ShowOnDirtyErrorStateMatcher },
+  ],
+  standalone: true,
+  imports: [
+    CommonModule,
+    ReactiveFormsModule,
+    MatFormFieldModule,
+    MatInputModule,
+    UniDateTimeComponent,
+    LfTokenPickerComponent,
+    DynamicFieldComponent,
+  ],
 })
 export class DateTimeFieldComponent extends DateTimeBaseFieldDirective implements OnInit {
   private LOCALE_DATE_TIME: Observable<string> | undefined;
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/dynamic-field/dynamic-field.component.css b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/dynamic-field/dynamic-field.component.css
index f41dcd94..e2d6c5d6 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/dynamic-field/dynamic-field.component.css
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/dynamic-field/dynamic-field.component.css
@@ -1,3 +1,2 @@
 /*Copyright Laserfiche.
 Licensed under the MIT License. See LICENSE in the project root for license information.*/
-
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/dynamic-field/dynamic-field.component.html b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/dynamic-field/dynamic-field.component.html
index 4c1c05d3..1aa6a642 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/dynamic-field/dynamic-field.component.html
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/dynamic-field/dynamic-field.component.html
@@ -2,16 +2,21 @@
 Licensed under the MIT License. See LICENSE in the project root for license information.-->
 
 <mat-form-field [title]="title" appearance="outline" class="lf-field">
-  <mat-select panelClass="lf-dropdown-overlay" [formControl]="formControl" [title]="formControl.value"
-    (selectionChange)="onValueChanged()" [compareWith]="compareWith" >
+  <mat-select
+    panelClass="lf-dropdown-overlay"
+    [formControl]="formControl"
+    [title]="formControl.value"
+    (selectionChange)="onValueChanged()"
+    [compareWith]="compareWith"
+  >
     <mat-option>--</mat-option>
     @for (listOption of options; track listOption) {
       <mat-option [value]="listOption">
-        {{listOption}}
+        {{ listOption }}
       </mat-option>
     }
   </mat-select>
   @if (getBrokenValidationRule()) {
-    <mat-error>{{fieldValidationErrorMsg | async}}</mat-error>
+    <mat-error>{{ fieldValidationErrorMsg | async }}</mat-error>
   }
 </mat-form-field>
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/dynamic-field/dynamic-field.component.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/dynamic-field/dynamic-field.component.ts
index 7ccc26b6..35237384 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/dynamic-field/dynamic-field.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/dynamic-field/dynamic-field.component.ts
@@ -1,39 +1,39 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ReactiveFormsModule, FormControl } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatSelectModule } from '@angular/material/select';
-import { ValidationRule } from '@laserfiche/lf-ui-components/internal-shared';
-import { Observable } from 'rxjs';
-
-@Component({
-    selector: 'lf-dynamic-field-component',
-    templateUrl: './dynamic-field.component.html',
-    styleUrls: ['./dynamic-field.component.css', './../lf-field-base/lf-field-base.component.css'],
-    standalone: true,
-    imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, MatSelectModule]
-})
-export class DynamicFieldComponent {
-  @Input() options: string[] = [];
-  @Input() formControl!: FormControl;
-  @Input() title: string | undefined;
-  @Input() fieldValidationErrorMsg!: Observable<string> | undefined;
-  @Input() getBrokenValidationRule!: () => ValidationRule | undefined;
-  @Output() valueChange = new EventEmitter();
-
-  /**
-   * Default compare implementation, can be overrided by @Input
-   */
-  @Input() compareWith = (first: string, second: string) => {
-    return first === second;
-  };
-
-  constructor() {}
-
-  onValueChanged() {
-    this.valueChange.emit();
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule, FormControl } from '@angular/forms';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatSelectModule } from '@angular/material/select';
+import { ValidationRule } from '@laserfiche/lf-ui-components/internal-shared';
+import { Observable } from 'rxjs';
+
+@Component({
+  selector: 'lf-dynamic-field-component',
+  templateUrl: './dynamic-field.component.html',
+  styleUrls: ['./dynamic-field.component.css', './../lf-field-base/lf-field-base.component.css'],
+  standalone: true,
+  imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, MatSelectModule],
+})
+export class DynamicFieldComponent {
+  @Input() options: string[] = [];
+  @Input() formControl!: FormControl;
+  @Input() title: string | undefined;
+  @Input() fieldValidationErrorMsg!: Observable<string> | undefined;
+  @Input() getBrokenValidationRule!: () => ValidationRule | undefined;
+  @Output() valueChange = new EventEmitter();
+
+  /**
+   * Default compare implementation, can be overrided by @Input
+   */
+  @Input() compareWith = (first: string, second: string) => {
+    return first === second;
+  };
+
+  constructor() {}
+
+  onValueChanged() {
+    this.valueChange.emit();
+  }
+}
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.css b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.css
index be86d62a..2fbcf251 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.css
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.css
@@ -152,7 +152,10 @@
   font-size: inherit;
   font-weight: 400;
   line-height: 1.125;
-  font-family: Roboto, Helvetica Neue, sans-serif;
+  font-family:
+    Roboto,
+    Helvetica Neue,
+    sans-serif;
   letter-spacing: normal;
 }
 
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.html b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.html
index b6e2646f..f894575f 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.html
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.html
@@ -4,51 +4,91 @@
 <span class="field-box">
   @switch (lfFieldInfo?.fieldType) {
     @case (fieldTypeDateTime) {
-      <lf-date-time-field-component [parent_form]="parentForm"
-        [lf_field_form_control]="lfFieldFormControl" [lf_field_info]="lfFieldInfo" [lf_field_value]="lfFieldValue"
-        [dynamic_field_value_options]="dynamicFieldValueOptions" (fieldValueChange)="onChange($event)">
+      <lf-date-time-field-component
+        [parent_form]="parentForm"
+        [lf_field_form_control]="lfFieldFormControl"
+        [lf_field_info]="lfFieldInfo"
+        [lf_field_value]="lfFieldValue"
+        [dynamic_field_value_options]="dynamicFieldValueOptions"
+        (fieldValueChange)="onChange($event)"
+      >
       </lf-date-time-field-component>
     }
     @case (fieldTypeString) {
-      <lf-text-field-component [parent_form]="parentForm"
-        [lf_field_form_control]="lfFieldFormControl" [lf_field_info]="lfFieldInfo" [lf_field_value]="lfFieldValue"
-        [dynamic_field_value_options]="dynamicFieldValueOptions" (fieldValueChange)="onChange($event)">
+      <lf-text-field-component
+        [parent_form]="parentForm"
+        [lf_field_form_control]="lfFieldFormControl"
+        [lf_field_info]="lfFieldInfo"
+        [lf_field_value]="lfFieldValue"
+        [dynamic_field_value_options]="dynamicFieldValueOptions"
+        (fieldValueChange)="onChange($event)"
+      >
       </lf-text-field-component>
     }
     @case (fieldTypeDate) {
-      <lf-date-field-component [parent_form]="parentForm" [lf_field_form_control]="lfFieldFormControl"
-        [lf_field_info]="lfFieldInfo" [lf_field_value]="lfFieldValue"
-        [dynamic_field_value_options]="dynamicFieldValueOptions" (fieldValueChange)="onChange($event)">
+      <lf-date-field-component
+        [parent_form]="parentForm"
+        [lf_field_form_control]="lfFieldFormControl"
+        [lf_field_info]="lfFieldInfo"
+        [lf_field_value]="lfFieldValue"
+        [dynamic_field_value_options]="dynamicFieldValueOptions"
+        (fieldValueChange)="onChange($event)"
+      >
       </lf-date-field-component>
     }
     @case (fieldTypeShortInteger) {
-      <lf-number-field-component [parent_form]="parentForm"
-        [lf_field_form_control]="lfFieldFormControl" [lf_field_info]="lfFieldInfo" [lf_field_value]="lfFieldValue"
-        [dynamic_field_value_options]="dynamicFieldValueOptions" (fieldValueChange)="onChange($event)">
+      <lf-number-field-component
+        [parent_form]="parentForm"
+        [lf_field_form_control]="lfFieldFormControl"
+        [lf_field_info]="lfFieldInfo"
+        [lf_field_value]="lfFieldValue"
+        [dynamic_field_value_options]="dynamicFieldValueOptions"
+        (fieldValueChange)="onChange($event)"
+      >
       </lf-number-field-component>
     }
     @case (fieldTypeLongInteger) {
-      <lf-number-field-component [parent_form]="parentForm"
-        [lf_field_form_control]="lfFieldFormControl" [lf_field_info]="lfFieldInfo" [lf_field_value]="lfFieldValue"
-        [dynamic_field_value_options]="dynamicFieldValueOptions" (fieldValueChange)="onChange($event)">
+      <lf-number-field-component
+        [parent_form]="parentForm"
+        [lf_field_form_control]="lfFieldFormControl"
+        [lf_field_info]="lfFieldInfo"
+        [lf_field_value]="lfFieldValue"
+        [dynamic_field_value_options]="dynamicFieldValueOptions"
+        (fieldValueChange)="onChange($event)"
+      >
       </lf-number-field-component>
     }
     @case (fieldTypeList) {
-      <lf-list-field-component [parent_form]="parentForm" [lf_field_form_control]="lfFieldFormControl"
-        [lf_field_info]="lfFieldInfo" [lf_field_value]="lfFieldValue"
-        [dynamic_field_value_options]="dynamicFieldValueOptions" (fieldValueChange)="onChange($event)">
+      <lf-list-field-component
+        [parent_form]="parentForm"
+        [lf_field_form_control]="lfFieldFormControl"
+        [lf_field_info]="lfFieldInfo"
+        [lf_field_value]="lfFieldValue"
+        [dynamic_field_value_options]="dynamicFieldValueOptions"
+        (fieldValueChange)="onChange($event)"
+      >
       </lf-list-field-component>
     }
     @case (fieldTypeNumber) {
-      <lf-number-field-component [parent_form]="parentForm"
-        [lf_field_form_control]="lfFieldFormControl" [lf_field_info]="lfFieldInfo" [lf_field_value]="lfFieldValue"
-        [dynamic_field_value_options]="dynamicFieldValueOptions" (fieldValueChange)="onChange($event)">
+      <lf-number-field-component
+        [parent_form]="parentForm"
+        [lf_field_form_control]="lfFieldFormControl"
+        [lf_field_info]="lfFieldInfo"
+        [lf_field_value]="lfFieldValue"
+        [dynamic_field_value_options]="dynamicFieldValueOptions"
+        (fieldValueChange)="onChange($event)"
+      >
       </lf-number-field-component>
     }
     @case (fieldTypeTime) {
-      <lf-time-field-component [parent_form]="parentForm" [lf_field_form_control]="lfFieldFormControl"
-        [lf_field_info]="lfFieldInfo" [lf_field_value]="lfFieldValue"
-        [dynamic_field_value_options]="dynamicFieldValueOptions" (fieldValueChange)="onChange($event)">
+      <lf-time-field-component
+        [parent_form]="parentForm"
+        [lf_field_form_control]="lfFieldFormControl"
+        [lf_field_info]="lfFieldInfo"
+        [lf_field_value]="lfFieldValue"
+        [dynamic_field_value_options]="dynamicFieldValueOptions"
+        (fieldValueChange)="onChange($event)"
+      >
       </lf-time-field-component>
     }
   }
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.spec.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.spec.ts
index 336bcd6e..b6b6ad9e 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.spec.ts
@@ -12,7 +12,7 @@ describe('LfFieldBaseComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       imports: [LfFieldBaseComponent],
-      providers: [LfTokenService]
+      providers: [LfTokenService],
     }).compileComponents();
   });
 
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.ts
index 14a1590c..36f6238f 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component.ts
@@ -1,69 +1,76 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component, Input, Output, EventEmitter } from '@angular/core';
-
-import { FormGroup, FormControl } from '@angular/forms';
-import { FieldType } from '@laserfiche/lf-ui-components/shared';
-import { LfFieldInfo, LfFieldValue } from '../../../utils/lf-field-types';
-import { DateTimeFieldComponent } from '../date-time-field/date-time-field.component';
-import { TextFieldComponent } from '../text-field/text-field.component';
-import { DateFieldComponent } from '../date-field/date-field.component';
-import { NumberFieldComponent } from '../number-field/number-field.component';
-import { ListFieldComponent } from '../list-field/list-field.component';
-import { TimeFieldComponent } from '../time-field/time-field.component';
-
-@Component({
-    selector: 'lf-field-base-component',
-    templateUrl: './lf-field-base.component.html',
-    styleUrls: ['./lf-field-base.component.css'],
-    standalone: true,
-    imports: [DateTimeFieldComponent, TextFieldComponent, DateFieldComponent, NumberFieldComponent, ListFieldComponent, TimeFieldComponent]
-})
-export class LfFieldBaseComponent {
-  @Input() lfFieldInfo!: LfFieldInfo;
-  @Input() lfFieldFormControl!: FormControl;
-  @Input() lfFieldValue: LfFieldValue | undefined;
-  @Input() parentForm: FormGroup | undefined;
-  @Input() isImportMode: boolean = false;
-  @Input() dynamicFieldValueOptions: string[] | undefined;
-  @Output() fieldValueChange = new EventEmitter<LfFieldValue>();
-
-  constructor() { }
-
-  onChange(event: LfFieldValue) {
-    this.fieldValueChange.emit(event);
-  }
-
-  get fieldTypeString() {
-    return FieldType.String;
-  }
-
-  get fieldTypeDate() {
-    return FieldType.Date;
-  }
-
-  get fieldTypeDateTime() {
-    return FieldType.DateTime;
-  }
-
-  get fieldTypeList() {
-    return FieldType.List;
-  }
-
-  get fieldTypeLongInteger() {
-    return FieldType.LongInteger;
-  }
-
-  get fieldTypeNumber() {
-    return FieldType.Number;
-  }
-
-  get fieldTypeShortInteger() {
-    return FieldType.ShortInteger;
-  }
-
-  get fieldTypeTime() {
-    return FieldType.Time;
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+
+import { FormGroup, FormControl } from '@angular/forms';
+import { FieldType } from '@laserfiche/lf-ui-components/shared';
+import { LfFieldInfo, LfFieldValue } from '../../../utils/lf-field-types';
+import { DateTimeFieldComponent } from '../date-time-field/date-time-field.component';
+import { TextFieldComponent } from '../text-field/text-field.component';
+import { DateFieldComponent } from '../date-field/date-field.component';
+import { NumberFieldComponent } from '../number-field/number-field.component';
+import { ListFieldComponent } from '../list-field/list-field.component';
+import { TimeFieldComponent } from '../time-field/time-field.component';
+
+@Component({
+  selector: 'lf-field-base-component',
+  templateUrl: './lf-field-base.component.html',
+  styleUrls: ['./lf-field-base.component.css'],
+  standalone: true,
+  imports: [
+    DateTimeFieldComponent,
+    TextFieldComponent,
+    DateFieldComponent,
+    NumberFieldComponent,
+    ListFieldComponent,
+    TimeFieldComponent,
+  ],
+})
+export class LfFieldBaseComponent {
+  @Input() lfFieldInfo!: LfFieldInfo;
+  @Input() lfFieldFormControl!: FormControl;
+  @Input() lfFieldValue: LfFieldValue | undefined;
+  @Input() parentForm: FormGroup | undefined;
+  @Input() isImportMode: boolean = false;
+  @Input() dynamicFieldValueOptions: string[] | undefined;
+  @Output() fieldValueChange = new EventEmitter<LfFieldValue>();
+
+  constructor() {}
+
+  onChange(event: LfFieldValue) {
+    this.fieldValueChange.emit(event);
+  }
+
+  get fieldTypeString() {
+    return FieldType.String;
+  }
+
+  get fieldTypeDate() {
+    return FieldType.Date;
+  }
+
+  get fieldTypeDateTime() {
+    return FieldType.DateTime;
+  }
+
+  get fieldTypeList() {
+    return FieldType.List;
+  }
+
+  get fieldTypeLongInteger() {
+    return FieldType.LongInteger;
+  }
+
+  get fieldTypeNumber() {
+    return FieldType.Number;
+  }
+
+  get fieldTypeShortInteger() {
+    return FieldType.ShortInteger;
+  }
+
+  get fieldTypeTime() {
+    return FieldType.Time;
+  }
+}
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-token.service.spec.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-token.service.spec.ts
index 5ad2fe58..0463d6e6 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-token.service.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-token.service.spec.ts
@@ -1,276 +1,282 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { TestBed } from '@angular/core/testing';
-import { CoreUtils } from '@laserfiche/lf-js-utils';
-import { FieldType } from '@laserfiche/lf-ui-components/shared';
-import { LfFieldTokenId, LfFieldTokenData, LfFieldTokenService } from './lf-field-token.service';
-
-describe('LfFieldTokenService', () => {
-  let service: LfFieldTokenService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(LfFieldTokenService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-
-  it('should get tokens for date field', async () => {
-    const data: LfFieldTokenData = {
-      fieldType: FieldType.Date
-    };
-    const dateTokens = await service.getTokensAsync(data);
-    const expectedDateTokens = [
-      { id: LfFieldTokenId.DATE, friendlyName: 'Date', text: 'date' }
-    ];
-    expect(dateTokens.length).toEqual(expectedDateTokens.length);
-    expect(dateTokens[0].id).toEqual(expectedDateTokens[0].id);
-
-    let value: string | undefined;
-    dateTokens[0].friendlyName.subscribe(async (val) => {
-      value = val;
-    });
-    await CoreUtils.waitForConditionAsync(
-      () => value === expectedDateTokens[0].friendlyName,
-      () => { throw Error(`Timeout: value was ${value}`); }
-    );
-    expect(value).toEqual(expectedDateTokens[0].friendlyName);
-  });
-
-  it('should get tokens for datetime field', async () => {
-    const data: LfFieldTokenData = {
-      fieldType: FieldType.DateTime
-    };
-    const datetimeTokens = await service.getTokensAsync(data);
-    const expectedDatetimeTokens = [
-      { id: LfFieldTokenId.DATETIME, friendlyName: 'Date/Time', text: 'datetime' }
-    ];
-    expect(datetimeTokens.length).toEqual(expectedDatetimeTokens.length);
-    expect(datetimeTokens[0].id).toEqual(expectedDatetimeTokens[0].id);
-    let value: string | undefined;
-    datetimeTokens[0].friendlyName.subscribe(async (val) => {
-      value = val;
-    });
-    await CoreUtils.waitForConditionAsync(
-      () => value === expectedDatetimeTokens[0].friendlyName,
-      () => { throw Error(`Timeout: value was ${value}`); }
-    );
-    expect(value).toEqual(expectedDatetimeTokens[0].friendlyName);
-  });
-
-  it('should get tokens for time field', async () => {
-    const data: LfFieldTokenData = {
-      fieldType: FieldType.Time
-    };
-    const timeTokens = await service.getTokensAsync(data);
-    const expectedTimeTokens = [
-      { id: LfFieldTokenId.TIME, friendlyName: 'Time', text: 'time' }
-    ];
-    expect(timeTokens.length).toEqual(expectedTimeTokens.length);
-    expect(timeTokens[0].id).toEqual(expectedTimeTokens[0].id);
-    let value: string | undefined;
-    timeTokens[0].friendlyName.subscribe(async (val) => {
-      value = val;
-    });
-    await CoreUtils.waitForConditionAsync(
-      () => value === expectedTimeTokens[0].friendlyName,
-      () => { throw Error(`Timeout: value was ${value}`); }
-    );
-    expect(value).toEqual(expectedTimeTokens[0].friendlyName);
-  });
-
-  it('should get tokens for number fields', async () => {
-    const numberData: LfFieldTokenData = {
-      fieldType: FieldType.Number
-    };
-    const integerData: LfFieldTokenData = {
-      fieldType: FieldType.LongInteger
-    };
-    const numberTokens = await service.getTokensAsync(numberData);
-    const integerTokens = await service.getTokensAsync(integerData);
-    const expectedNumberTokens = [
-      { id: LfFieldTokenId.SESSION_COUNT, friendlyName: 'Session Count', text: 'count' },
-      { id: LfFieldTokenId.REPOSITORY_COUNT, friendlyName: 'Repository Count', text: 'gcount' },
-      { id: LfFieldTokenId.ENTRY_ID, friendlyName: 'Entry ID', text: 'id' },
-      { id: LfFieldTokenId.PARENT_ID, friendlyName: 'Parent ID', text: 'parentid' },
-      { id: LfFieldTokenId.PARENT_FIELD, friendlyName: 'Parent Field', text: 'parent' }
-    ];
-
-    expect(numberTokens.length).toEqual(expectedNumberTokens.length);
-    expect(numberTokens[0].id).toEqual(expectedNumberTokens[0].id);
-    let value: string | undefined;
-    numberTokens[0].friendlyName.subscribe(async (val) => {
-      value = val;
-    });
-    await CoreUtils.waitForConditionAsync(
-      () => value === expectedNumberTokens[0].friendlyName,
-      () => { throw Error(`Timeout: value was ${value}`); }
-    );
-    expect(value).toEqual(expectedNumberTokens[0].friendlyName);
-
-    expect(integerTokens.length).toEqual(expectedNumberTokens.length);
-    expect(integerTokens[1].id).toEqual(expectedNumberTokens[1].id);
-    let intValue: string | undefined;
-    integerTokens[0].friendlyName.subscribe(async (val) => {
-      intValue = val;
-    });
-    await CoreUtils.waitForConditionAsync(
-      () => intValue === expectedNumberTokens[0].friendlyName,
-      () => { throw Error(`Timeout: value was ${value}`); }
-    );
-    expect(value).toEqual(expectedNumberTokens[0].friendlyName);
-  });
-
-  it('should get tokens for string field', async () => {
-    const data: LfFieldTokenData = {
-      fieldType: FieldType.String
-    };
-    const stringTokens = await service.getTokensAsync(data);
-    const expectedStringTokens = [
-      {id: LfFieldTokenId.DATE, friendlyName: 'Date', text: 'date'},
-      {id: LfFieldTokenId.TIME, friendlyName: 'Time', text: 'time'},
-      {id: LfFieldTokenId.DATETIME, friendlyName: 'Date/Time', text: 'datetime'},
-      // {id: LfFieldTokenId.SESSION_COUNT, friendlyName: 'Session Count', text: 'count'},
-      {id: LfFieldTokenId.REPOSITORY_COUNT, friendlyName: 'Repository Count', text: 'gcount'},
-      {id: LfFieldTokenId.USER_NAME, friendlyName: 'User Name', text: 'username'},
-      {id: LfFieldTokenId.ENTRY_NAME, friendlyName: 'Entry Name', text: 'name'},
-      {id: LfFieldTokenId.PARENT_NAME, friendlyName: 'Parent Name', text: 'parentname'},
-      {id: LfFieldTokenId.ENTRY_ID, friendlyName: 'Entry ID', text: 'id'},
-      {id: LfFieldTokenId.PARENT_ID, friendlyName: 'Parent ID', text: 'parentid'},
-      {id: LfFieldTokenId.PARENT_FIELD, friendlyName: 'Parent Field', text: 'parent'}
-    ];
-    expect(stringTokens.length).toEqual(expectedStringTokens.length);
-    expect(stringTokens[0].id).toEqual(expectedStringTokens[0].id);
-    let value: string | undefined;
-    stringTokens[0].friendlyName.subscribe(async (val) => {
-      value = val;
-    });
-    await CoreUtils.waitForConditionAsync(
-      () => value === expectedStringTokens[0].friendlyName,
-      () => { throw Error(`Timeout: value was ${value}`); }
-    );
-    expect(value).toEqual(expectedStringTokens[0].friendlyName);
-  });
-
-  it('should get tokens for date field when NOT in import mode', () => {
-    const dateTokens = service.getTokensForFieldType(FieldType.Date, false);
-    const expectedDateTokens = [LfFieldTokenId.DATE];
-    expect(dateTokens).toEqual(expectedDateTokens);
-  });
-
-  it('should get additional tokens for date field when in import mode', () => {
-    const dateTokens = service.getTokensForFieldType(FieldType.Date, true);
-    const expectedDateTokens = [LfFieldTokenId.DATE, LfFieldTokenId.FILE_MODIFIED];
-    expect(dateTokens).toEqual(expectedDateTokens);
-  });
-
-  it('should get tokens for datetime field when NOT in import mode', () => {
-    const datetimeTokens = service.getTokensForFieldType(FieldType.DateTime, false);
-    const expectedDatetimeTokens = [LfFieldTokenId.DATETIME];
-    expect(datetimeTokens).toEqual(expectedDatetimeTokens);
-  });
-
-  it('should get additional tokens for datetime field when in import mode', () => {
-    const datetimeTokens = service.getTokensForFieldType(FieldType.DateTime, true);
-    const expectedDatetimeTokens = [LfFieldTokenId.DATETIME, LfFieldTokenId.FILE_MODIFIED];
-    expect(datetimeTokens).toEqual(expectedDatetimeTokens);
-  });
-
-  it('should get tokens for time field when NOT in import mode', () => {
-    const timeTokens = service.getTokensForFieldType(FieldType.Time, false);
-    const expectedTimeTokens = [LfFieldTokenId.TIME];
-    expect(timeTokens).toEqual(expectedTimeTokens);
-  });
-
-  it('should get additional tokens for time field when in import mode', () => {
-    const timeTokens = service.getTokensForFieldType(FieldType.Time, true);
-    const expectedTimeTokens = [LfFieldTokenId.TIME, LfFieldTokenId.FILE_MODIFIED];
-    expect(timeTokens).toEqual(expectedTimeTokens);
-  });
-
-  it('should get tokens for number fields', () => {
-    const numberTokensNoImport = service.getTokensForFieldType(FieldType.Number, false);
-    const integerTokensImport = service.getTokensForFieldType(FieldType.LongInteger, true);
-    const expectedNumberTokens = [
-      LfFieldTokenId.SESSION_COUNT,
-      LfFieldTokenId.REPOSITORY_COUNT,
-      LfFieldTokenId.ENTRY_ID,
-      LfFieldTokenId.PARENT_ID,
-      LfFieldTokenId.PARENT_FIELD
-    ];
-    expect(numberTokensNoImport).toEqual(expectedNumberTokens);
-    expect(integerTokensImport).toEqual(expectedNumberTokens);
-  });
-
-  it('should get tokens for string field when NOT in import mode', () => {
-    const stringTokens = service.getTokensForFieldType(FieldType.String, false);
-    const expectedStringTokens = [
-      LfFieldTokenId.DATE,
-      LfFieldTokenId.TIME,
-      LfFieldTokenId.DATETIME,
-      // LfFieldTokenId.SESSION_COUNT,
-      LfFieldTokenId.REPOSITORY_COUNT,
-      LfFieldTokenId.USER_NAME,
-      LfFieldTokenId.ENTRY_NAME,
-      LfFieldTokenId.PARENT_NAME,
-      LfFieldTokenId.ENTRY_ID,
-      LfFieldTokenId.PARENT_ID,
-      LfFieldTokenId.PARENT_FIELD
-    ];
-    expect(stringTokens).toEqual(expectedStringTokens);
-  });
-
-  it('should get additional tokens for string field when in import mode', () => {
-    const stringTokens = service.getTokensForFieldType(FieldType.String, true);
-    const expectedStringTokens = [
-      LfFieldTokenId.DATE,
-      LfFieldTokenId.TIME,
-      LfFieldTokenId.DATETIME,
-      // LfFieldTokenId.SESSION_COUNT,
-      LfFieldTokenId.REPOSITORY_COUNT,
-      LfFieldTokenId.USER_NAME,
-      LfFieldTokenId.ENTRY_NAME,
-      LfFieldTokenId.PARENT_NAME,
-      LfFieldTokenId.ENTRY_ID,
-      LfFieldTokenId.PARENT_ID,
-      LfFieldTokenId.PARENT_FIELD,
-      LfFieldTokenId.FILE_NAME,
-      LfFieldTokenId.FILE_EXTENSION,
-      LfFieldTokenId.FILE_MODIFIED
-    ];
-    expect(stringTokens).toEqual(expectedStringTokens);
-  });
-
-  it('should detect token if field is token', () => {
-    const dateFieldWithToken = '%(date)';
-    const containsToken = service.containsTokenForFieldType(dateFieldWithToken, FieldType.Date, false);
-    expect(containsToken).toBe(true);
-  });
-
-  it('should detect token if field contains token', () => {
-    const stringFieldWithToken = 'Parent name is: %(parentname)';
-    const containsToken = service.containsTokenForFieldType(stringFieldWithToken, FieldType.String, false);
-    expect(containsToken).toBe(true);
-  });
-
-  it('should detect token if field contains token with uppercase', () => {
-    const stringFieldWithToken = 'Parent name is: %(ParentName)';
-    const containsToken = service.containsTokenForFieldType(stringFieldWithToken, FieldType.String, false);
-    expect(containsToken).toBe(true);
-  });
-
-  it('should not detect token if field contains import token when NOT in import mode', () => {
-    const datetimeFieldWithImportToken = '%(filemodified)';
-    const containsToken = service.containsTokenForFieldType(datetimeFieldWithImportToken, FieldType.DateTime, false);
-    expect(containsToken).toBe(false);
-  });
-
-  it('should detect token if field contains import token when in import mode', () => {
-    const datetimeFieldWithImportToken = '%(filemodified)';
-    const containsToken = service.containsTokenForFieldType(datetimeFieldWithImportToken, FieldType.DateTime, true);
-    expect(containsToken).toBe(true);
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { TestBed } from '@angular/core/testing';
+import { CoreUtils } from '@laserfiche/lf-js-utils';
+import { FieldType } from '@laserfiche/lf-ui-components/shared';
+import { LfFieldTokenId, LfFieldTokenData, LfFieldTokenService } from './lf-field-token.service';
+
+describe('LfFieldTokenService', () => {
+  let service: LfFieldTokenService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(LfFieldTokenService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+
+  it('should get tokens for date field', async () => {
+    const data: LfFieldTokenData = {
+      fieldType: FieldType.Date,
+    };
+    const dateTokens = await service.getTokensAsync(data);
+    const expectedDateTokens = [{ id: LfFieldTokenId.DATE, friendlyName: 'Date', text: 'date' }];
+    expect(dateTokens.length).toEqual(expectedDateTokens.length);
+    expect(dateTokens[0].id).toEqual(expectedDateTokens[0].id);
+
+    let value: string | undefined;
+    dateTokens[0].friendlyName.subscribe(async (val) => {
+      value = val;
+    });
+    await CoreUtils.waitForConditionAsync(
+      () => value === expectedDateTokens[0].friendlyName,
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
+    );
+    expect(value).toEqual(expectedDateTokens[0].friendlyName);
+  });
+
+  it('should get tokens for datetime field', async () => {
+    const data: LfFieldTokenData = {
+      fieldType: FieldType.DateTime,
+    };
+    const datetimeTokens = await service.getTokensAsync(data);
+    const expectedDatetimeTokens = [{ id: LfFieldTokenId.DATETIME, friendlyName: 'Date/Time', text: 'datetime' }];
+    expect(datetimeTokens.length).toEqual(expectedDatetimeTokens.length);
+    expect(datetimeTokens[0].id).toEqual(expectedDatetimeTokens[0].id);
+    let value: string | undefined;
+    datetimeTokens[0].friendlyName.subscribe(async (val) => {
+      value = val;
+    });
+    await CoreUtils.waitForConditionAsync(
+      () => value === expectedDatetimeTokens[0].friendlyName,
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
+    );
+    expect(value).toEqual(expectedDatetimeTokens[0].friendlyName);
+  });
+
+  it('should get tokens for time field', async () => {
+    const data: LfFieldTokenData = {
+      fieldType: FieldType.Time,
+    };
+    const timeTokens = await service.getTokensAsync(data);
+    const expectedTimeTokens = [{ id: LfFieldTokenId.TIME, friendlyName: 'Time', text: 'time' }];
+    expect(timeTokens.length).toEqual(expectedTimeTokens.length);
+    expect(timeTokens[0].id).toEqual(expectedTimeTokens[0].id);
+    let value: string | undefined;
+    timeTokens[0].friendlyName.subscribe(async (val) => {
+      value = val;
+    });
+    await CoreUtils.waitForConditionAsync(
+      () => value === expectedTimeTokens[0].friendlyName,
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
+    );
+    expect(value).toEqual(expectedTimeTokens[0].friendlyName);
+  });
+
+  it('should get tokens for number fields', async () => {
+    const numberData: LfFieldTokenData = {
+      fieldType: FieldType.Number,
+    };
+    const integerData: LfFieldTokenData = {
+      fieldType: FieldType.LongInteger,
+    };
+    const numberTokens = await service.getTokensAsync(numberData);
+    const integerTokens = await service.getTokensAsync(integerData);
+    const expectedNumberTokens = [
+      { id: LfFieldTokenId.SESSION_COUNT, friendlyName: 'Session Count', text: 'count' },
+      { id: LfFieldTokenId.REPOSITORY_COUNT, friendlyName: 'Repository Count', text: 'gcount' },
+      { id: LfFieldTokenId.ENTRY_ID, friendlyName: 'Entry ID', text: 'id' },
+      { id: LfFieldTokenId.PARENT_ID, friendlyName: 'Parent ID', text: 'parentid' },
+      { id: LfFieldTokenId.PARENT_FIELD, friendlyName: 'Parent Field', text: 'parent' },
+    ];
+
+    expect(numberTokens.length).toEqual(expectedNumberTokens.length);
+    expect(numberTokens[0].id).toEqual(expectedNumberTokens[0].id);
+    let value: string | undefined;
+    numberTokens[0].friendlyName.subscribe(async (val) => {
+      value = val;
+    });
+    await CoreUtils.waitForConditionAsync(
+      () => value === expectedNumberTokens[0].friendlyName,
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
+    );
+    expect(value).toEqual(expectedNumberTokens[0].friendlyName);
+
+    expect(integerTokens.length).toEqual(expectedNumberTokens.length);
+    expect(integerTokens[1].id).toEqual(expectedNumberTokens[1].id);
+    let intValue: string | undefined;
+    integerTokens[0].friendlyName.subscribe(async (val) => {
+      intValue = val;
+    });
+    await CoreUtils.waitForConditionAsync(
+      () => intValue === expectedNumberTokens[0].friendlyName,
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
+    );
+    expect(value).toEqual(expectedNumberTokens[0].friendlyName);
+  });
+
+  it('should get tokens for string field', async () => {
+    const data: LfFieldTokenData = {
+      fieldType: FieldType.String,
+    };
+    const stringTokens = await service.getTokensAsync(data);
+    const expectedStringTokens = [
+      { id: LfFieldTokenId.DATE, friendlyName: 'Date', text: 'date' },
+      { id: LfFieldTokenId.TIME, friendlyName: 'Time', text: 'time' },
+      { id: LfFieldTokenId.DATETIME, friendlyName: 'Date/Time', text: 'datetime' },
+      // {id: LfFieldTokenId.SESSION_COUNT, friendlyName: 'Session Count', text: 'count'},
+      { id: LfFieldTokenId.REPOSITORY_COUNT, friendlyName: 'Repository Count', text: 'gcount' },
+      { id: LfFieldTokenId.USER_NAME, friendlyName: 'User Name', text: 'username' },
+      { id: LfFieldTokenId.ENTRY_NAME, friendlyName: 'Entry Name', text: 'name' },
+      { id: LfFieldTokenId.PARENT_NAME, friendlyName: 'Parent Name', text: 'parentname' },
+      { id: LfFieldTokenId.ENTRY_ID, friendlyName: 'Entry ID', text: 'id' },
+      { id: LfFieldTokenId.PARENT_ID, friendlyName: 'Parent ID', text: 'parentid' },
+      { id: LfFieldTokenId.PARENT_FIELD, friendlyName: 'Parent Field', text: 'parent' },
+    ];
+    expect(stringTokens.length).toEqual(expectedStringTokens.length);
+    expect(stringTokens[0].id).toEqual(expectedStringTokens[0].id);
+    let value: string | undefined;
+    stringTokens[0].friendlyName.subscribe(async (val) => {
+      value = val;
+    });
+    await CoreUtils.waitForConditionAsync(
+      () => value === expectedStringTokens[0].friendlyName,
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
+    );
+    expect(value).toEqual(expectedStringTokens[0].friendlyName);
+  });
+
+  it('should get tokens for date field when NOT in import mode', () => {
+    const dateTokens = service.getTokensForFieldType(FieldType.Date, false);
+    const expectedDateTokens = [LfFieldTokenId.DATE];
+    expect(dateTokens).toEqual(expectedDateTokens);
+  });
+
+  it('should get additional tokens for date field when in import mode', () => {
+    const dateTokens = service.getTokensForFieldType(FieldType.Date, true);
+    const expectedDateTokens = [LfFieldTokenId.DATE, LfFieldTokenId.FILE_MODIFIED];
+    expect(dateTokens).toEqual(expectedDateTokens);
+  });
+
+  it('should get tokens for datetime field when NOT in import mode', () => {
+    const datetimeTokens = service.getTokensForFieldType(FieldType.DateTime, false);
+    const expectedDatetimeTokens = [LfFieldTokenId.DATETIME];
+    expect(datetimeTokens).toEqual(expectedDatetimeTokens);
+  });
+
+  it('should get additional tokens for datetime field when in import mode', () => {
+    const datetimeTokens = service.getTokensForFieldType(FieldType.DateTime, true);
+    const expectedDatetimeTokens = [LfFieldTokenId.DATETIME, LfFieldTokenId.FILE_MODIFIED];
+    expect(datetimeTokens).toEqual(expectedDatetimeTokens);
+  });
+
+  it('should get tokens for time field when NOT in import mode', () => {
+    const timeTokens = service.getTokensForFieldType(FieldType.Time, false);
+    const expectedTimeTokens = [LfFieldTokenId.TIME];
+    expect(timeTokens).toEqual(expectedTimeTokens);
+  });
+
+  it('should get additional tokens for time field when in import mode', () => {
+    const timeTokens = service.getTokensForFieldType(FieldType.Time, true);
+    const expectedTimeTokens = [LfFieldTokenId.TIME, LfFieldTokenId.FILE_MODIFIED];
+    expect(timeTokens).toEqual(expectedTimeTokens);
+  });
+
+  it('should get tokens for number fields', () => {
+    const numberTokensNoImport = service.getTokensForFieldType(FieldType.Number, false);
+    const integerTokensImport = service.getTokensForFieldType(FieldType.LongInteger, true);
+    const expectedNumberTokens = [
+      LfFieldTokenId.SESSION_COUNT,
+      LfFieldTokenId.REPOSITORY_COUNT,
+      LfFieldTokenId.ENTRY_ID,
+      LfFieldTokenId.PARENT_ID,
+      LfFieldTokenId.PARENT_FIELD,
+    ];
+    expect(numberTokensNoImport).toEqual(expectedNumberTokens);
+    expect(integerTokensImport).toEqual(expectedNumberTokens);
+  });
+
+  it('should get tokens for string field when NOT in import mode', () => {
+    const stringTokens = service.getTokensForFieldType(FieldType.String, false);
+    const expectedStringTokens = [
+      LfFieldTokenId.DATE,
+      LfFieldTokenId.TIME,
+      LfFieldTokenId.DATETIME,
+      // LfFieldTokenId.SESSION_COUNT,
+      LfFieldTokenId.REPOSITORY_COUNT,
+      LfFieldTokenId.USER_NAME,
+      LfFieldTokenId.ENTRY_NAME,
+      LfFieldTokenId.PARENT_NAME,
+      LfFieldTokenId.ENTRY_ID,
+      LfFieldTokenId.PARENT_ID,
+      LfFieldTokenId.PARENT_FIELD,
+    ];
+    expect(stringTokens).toEqual(expectedStringTokens);
+  });
+
+  it('should get additional tokens for string field when in import mode', () => {
+    const stringTokens = service.getTokensForFieldType(FieldType.String, true);
+    const expectedStringTokens = [
+      LfFieldTokenId.DATE,
+      LfFieldTokenId.TIME,
+      LfFieldTokenId.DATETIME,
+      // LfFieldTokenId.SESSION_COUNT,
+      LfFieldTokenId.REPOSITORY_COUNT,
+      LfFieldTokenId.USER_NAME,
+      LfFieldTokenId.ENTRY_NAME,
+      LfFieldTokenId.PARENT_NAME,
+      LfFieldTokenId.ENTRY_ID,
+      LfFieldTokenId.PARENT_ID,
+      LfFieldTokenId.PARENT_FIELD,
+      LfFieldTokenId.FILE_NAME,
+      LfFieldTokenId.FILE_EXTENSION,
+      LfFieldTokenId.FILE_MODIFIED,
+    ];
+    expect(stringTokens).toEqual(expectedStringTokens);
+  });
+
+  it('should detect token if field is token', () => {
+    const dateFieldWithToken = '%(date)';
+    const containsToken = service.containsTokenForFieldType(dateFieldWithToken, FieldType.Date, false);
+    expect(containsToken).toBe(true);
+  });
+
+  it('should detect token if field contains token', () => {
+    const stringFieldWithToken = 'Parent name is: %(parentname)';
+    const containsToken = service.containsTokenForFieldType(stringFieldWithToken, FieldType.String, false);
+    expect(containsToken).toBe(true);
+  });
+
+  it('should detect token if field contains token with uppercase', () => {
+    const stringFieldWithToken = 'Parent name is: %(ParentName)';
+    const containsToken = service.containsTokenForFieldType(stringFieldWithToken, FieldType.String, false);
+    expect(containsToken).toBe(true);
+  });
+
+  it('should not detect token if field contains import token when NOT in import mode', () => {
+    const datetimeFieldWithImportToken = '%(filemodified)';
+    const containsToken = service.containsTokenForFieldType(datetimeFieldWithImportToken, FieldType.DateTime, false);
+    expect(containsToken).toBe(false);
+  });
+
+  it('should detect token if field contains import token when in import mode', () => {
+    const datetimeFieldWithImportToken = '%(filemodified)';
+    const containsToken = service.containsTokenForFieldType(datetimeFieldWithImportToken, FieldType.DateTime, true);
+    expect(containsToken).toBe(true);
+  });
+});
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-token.service.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-token.service.ts
index 0343e05f..c73a89e8 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-token.service.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-token.service.ts
@@ -1,254 +1,254 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { inject, Injectable } from '@angular/core';
-import { AppLocalizationService } from '@laserfiche/lf-ui-components/internal-shared';
-import { FieldType } from '@laserfiche/lf-ui-components/shared';
-import { Observable } from 'rxjs';
-import { LfToken, LfTokenService } from '../lf-token-picker/lf-token.service';
-
-/** @internal */
-@Injectable({
-  providedIn: 'root'
-})
-export class LfFieldTokenService implements LfTokenService {
-
-  private localizationService = inject(AppLocalizationService);
-
-  private readonly defaultStringTokens: LfFieldTokenId[] = [
-    LfFieldTokenId.DATE,
-    LfFieldTokenId.TIME,
-    LfFieldTokenId.DATETIME,
-    // LfFieldTokenId.SESSION_COUNT,
-    LfFieldTokenId.REPOSITORY_COUNT,
-    LfFieldTokenId.USER_NAME,
-    LfFieldTokenId.ENTRY_NAME,
-    LfFieldTokenId.PARENT_NAME,
-    LfFieldTokenId.ENTRY_ID,
-    LfFieldTokenId.PARENT_ID,
-    LfFieldTokenId.PARENT_FIELD
-  ];
-
-  private readonly defaultNumberTokens: LfFieldTokenId[] = [
-    LfFieldTokenId.SESSION_COUNT,
-    LfFieldTokenId.REPOSITORY_COUNT,
-    LfFieldTokenId.ENTRY_ID,
-    LfFieldTokenId.PARENT_ID,
-    LfFieldTokenId.PARENT_FIELD
-  ];
-
-  private readonly DATE = this.localizationService.getStringLaserficheObservable('DATE');
-  private readonly TIME = this.localizationService.getStringLaserficheObservable('TIME');
-  private readonly DATE_TIME = this.localizationService.getStringLaserficheObservable('DATE_TIME');
-  private readonly SESSION_COUNT = this.localizationService.getStringLaserficheObservable('SESSION_COUNT');
-  private readonly REPOSITORY_COUNT = this.localizationService.getStringLaserficheObservable('REPOSITORY_COUNT');
-  private readonly USER_NAME = this.localizationService.getStringLaserficheObservable('USER_NAME');
-  private readonly ENTRY_NAME = this.localizationService.getStringLaserficheObservable('ENTRY_NAME');
-  private readonly PARENT_NAME = this.localizationService.getStringLaserficheObservable('PARENT_NAME');
-  private readonly ENTRY_ID = this.localizationService.getStringLaserficheObservable('ENTRY_ID');
-  private readonly PARENT_ID = this.localizationService.getStringLaserficheObservable('PARENT_ID');
-  private readonly PARENT_FIELD = this.localizationService.getStringLaserficheObservable('PARENT_FIELD');
-  private readonly FILE_NAME = this.localizationService.getStringLaserficheObservable('FILE_NAME');
-  private readonly FILE_EXTENSION = this.localizationService.getStringLaserficheObservable('FILE_EXTENSION');
-  private readonly FILE_MODIFIED = this.localizationService.getStringLaserficheObservable('FILE_MODIFIED');
-
-  private readonly defaultDateTokens: LfFieldTokenId[] = [LfFieldTokenId.DATE];
-
-  private readonly defaultDateTimeTokens: LfFieldTokenId[] = [LfFieldTokenId.DATETIME];
-
-  private readonly defaultTimeTokens: LfFieldTokenId[] = [LfFieldTokenId.TIME];
-
-  private readonly fieldTokenTexts: Map<LfFieldTokenId, string> = new Map([
-    [LfFieldTokenId.DATE, 'date'],
-    [LfFieldTokenId.TIME, 'time'],
-    [LfFieldTokenId.DATETIME, 'datetime'],
-    [LfFieldTokenId.SESSION_COUNT, 'count'],
-    [LfFieldTokenId.REPOSITORY_COUNT, 'gcount'],
-    [LfFieldTokenId.USER_NAME, 'username'],
-    [LfFieldTokenId.ENTRY_NAME, 'name'],
-    [LfFieldTokenId.PARENT_NAME, 'parentname'],
-    [LfFieldTokenId.ENTRY_ID, 'id'],
-    [LfFieldTokenId.PARENT_ID, 'parentid'],
-    [LfFieldTokenId.PARENT_FIELD, 'parent'],
-    [LfFieldTokenId.FILE_NAME, 'filename'],
-    [LfFieldTokenId.FILE_EXTENSION, 'fileextension'],
-    [LfFieldTokenId.FILE_MODIFIED, 'filemodified']
-  ]);
-
-  constructor() { }
-
-  async getTokensAsync(lfFieldTokenData: LfFieldTokenData): Promise<LfToken[]> {
-    if (lfFieldTokenData?.fieldType === undefined) {
-      throw new Error('getTokensAsync() parameter lfFieldTokenData must be of type LfFieldTokenData');
-    }
-    let tokenIds: LfFieldTokenId[] = [];
-    switch (lfFieldTokenData.fieldType) {
-      case FieldType.Date:
-        tokenIds = this.defaultDateTokens;
-        break;
-      case FieldType.DateTime:
-        tokenIds = this.defaultDateTimeTokens;
-        break;
-      case FieldType.Time:
-        tokenIds = this.defaultTimeTokens;
-        break;
-      case FieldType.LongInteger:
-      case FieldType.Number:
-      case FieldType.ShortInteger:
-        tokenIds = this.defaultNumberTokens;
-        break;
-      case FieldType.String:
-        tokenIds = this.defaultStringTokens;
-        break;
-      default:
-        tokenIds = [];
-        break;
-    }
-
-    return this.convertTokenIdsToTokens(tokenIds);
-  }
-
-  private convertTokenIdsToTokens(tokenIds: LfFieldTokenId[]): LfToken[] {
-    return tokenIds.map((tokenId: LfFieldTokenId) => {
-      const LfToken: LfToken = {
-        id: tokenId,
-        friendlyName: this.getTokenFriendlyName(tokenId),
-        text: this.fieldTokenTexts.get(tokenId) ?? ''
-      };
-      return LfToken;
-    });
-  }
-
-  private getTokenFriendlyName(tokenId: LfFieldTokenId): Observable<string> {
-    switch (tokenId) {
-      case LfFieldTokenId.DATE: {
-        return this.DATE;
-      }
-      case LfFieldTokenId.TIME: {
-        return this.TIME;
-      }
-      case LfFieldTokenId.DATETIME: {
-        return this.DATE_TIME;
-      }
-      case LfFieldTokenId.SESSION_COUNT: {
-        return this.SESSION_COUNT;
-      }
-      case LfFieldTokenId.REPOSITORY_COUNT: {
-        return this.REPOSITORY_COUNT;
-      }
-      case LfFieldTokenId.USER_NAME: {
-        return this.USER_NAME;
-      }
-      case LfFieldTokenId.ENTRY_NAME: {
-        return this.ENTRY_NAME;
-      }
-      case LfFieldTokenId.PARENT_NAME: {
-        return this.PARENT_NAME;
-      }
-      case LfFieldTokenId.ENTRY_ID: {
-        return this.ENTRY_ID;
-      }
-      case LfFieldTokenId.PARENT_ID: {
-        return this.PARENT_ID;
-      }
-      case LfFieldTokenId.PARENT_FIELD: {
-        return this.PARENT_FIELD;
-      }
-      case LfFieldTokenId.FILE_NAME: {
-        return this.FILE_NAME;
-      }
-      case LfFieldTokenId.FILE_EXTENSION: {
-        return this.FILE_EXTENSION;
-      }
-      case LfFieldTokenId.FILE_MODIFIED: {
-        return this.FILE_MODIFIED;
-      }
-    }
-  }
-
-  getTokenText(token: LfFieldTokenId): string | undefined {
-    return this.fieldTokenTexts.get(token);
-  }
-
-  getTokensForFieldType(fieldType: FieldType, isImport: boolean): LfFieldTokenId[] {
-    switch (fieldType) {
-      case FieldType.Date:
-        return isImport ? this.defaultDateTokens.concat(LfFieldTokenId.FILE_MODIFIED) : this.defaultDateTokens;
-      case FieldType.DateTime:
-        return isImport ? this.defaultDateTimeTokens.concat(LfFieldTokenId.FILE_MODIFIED) : this.defaultDateTimeTokens;
-      case FieldType.Time:
-        return isImport ? this.defaultTimeTokens.concat(LfFieldTokenId.FILE_MODIFIED) : this.defaultTimeTokens;
-      case FieldType.LongInteger:
-      case FieldType.Number:
-      case FieldType.ShortInteger:
-        return this.defaultNumberTokens;
-      case FieldType.String:
-        return isImport ? this.defaultStringTokens.concat([
-          LfFieldTokenId.FILE_NAME,
-          LfFieldTokenId.FILE_EXTENSION,
-          LfFieldTokenId.FILE_MODIFIED
-        ]) : this.defaultStringTokens;
-      default:
-        return [];
-    }
-  }
-
-  containsTokenForFieldType(fieldValue: string, fieldType: FieldType, isImport: boolean): boolean {
-    if (!fieldValue || fieldValue === '') {
-      return false;
-    }
-    const validTokens: LfFieldTokenId[] = this.getTokensForFieldType(fieldType, isImport);
-    const lowercaseFieldValue: string = fieldValue.toString().toLowerCase();
-    for (const validToken of validTokens) {
-      const tokenText = this.getTokenText(validToken)?.toLowerCase();
-      if (tokenText) {
-        if (fieldType === FieldType.String) {
-          if (this.fieldIsToken(lowercaseFieldValue, tokenText)) {
-            return true;
-          }
-        }
-        else {
-          if (this.fieldIsOnlyToken(lowercaseFieldValue, tokenText)) {
-            return true;
-          }
-        }
-      }
-    }
-    return false;
-  }
-
-  private fieldIsToken(fieldVal: string, token: string): boolean {
-    const trimmedFieldVal = fieldVal.trim();
-    const tokenRegExp: RegExp = new RegExp(`%\\(${token}(:.*)?\\)`);
-    const matches = trimmedFieldVal.match(tokenRegExp);
-    return (matches !== null);
-  }
-
-  private fieldIsOnlyToken(fieldVal: string, token: string): boolean {
-    const trimmedFieldVal = fieldVal.trim();
-    const tokenRegExp: RegExp = new RegExp(`^%\\(${token}(:.*)?\\)$`);
-    const matches = trimmedFieldVal.match(tokenRegExp);
-    return (matches !== null && trimmedFieldVal === matches[0]);
-  }
-}
-
-export enum LfFieldTokenId {
-  DATE,
-  TIME,
-  DATETIME,
-  SESSION_COUNT,
-  REPOSITORY_COUNT,
-  USER_NAME,
-  ENTRY_NAME,
-  PARENT_NAME,
-  ENTRY_ID,
-  PARENT_ID,
-  PARENT_FIELD,
-  FILE_NAME,
-  FILE_EXTENSION,
-  FILE_MODIFIED
-}
-
-export interface LfFieldTokenData {
-  fieldType: FieldType;
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { inject, Injectable } from '@angular/core';
+import { AppLocalizationService } from '@laserfiche/lf-ui-components/internal-shared';
+import { FieldType } from '@laserfiche/lf-ui-components/shared';
+import { Observable } from 'rxjs';
+import { LfToken, LfTokenService } from '../lf-token-picker/lf-token.service';
+
+/** @internal */
+@Injectable({
+  providedIn: 'root',
+})
+export class LfFieldTokenService implements LfTokenService {
+  private localizationService = inject(AppLocalizationService);
+
+  private readonly defaultStringTokens: LfFieldTokenId[] = [
+    LfFieldTokenId.DATE,
+    LfFieldTokenId.TIME,
+    LfFieldTokenId.DATETIME,
+    // LfFieldTokenId.SESSION_COUNT,
+    LfFieldTokenId.REPOSITORY_COUNT,
+    LfFieldTokenId.USER_NAME,
+    LfFieldTokenId.ENTRY_NAME,
+    LfFieldTokenId.PARENT_NAME,
+    LfFieldTokenId.ENTRY_ID,
+    LfFieldTokenId.PARENT_ID,
+    LfFieldTokenId.PARENT_FIELD,
+  ];
+
+  private readonly defaultNumberTokens: LfFieldTokenId[] = [
+    LfFieldTokenId.SESSION_COUNT,
+    LfFieldTokenId.REPOSITORY_COUNT,
+    LfFieldTokenId.ENTRY_ID,
+    LfFieldTokenId.PARENT_ID,
+    LfFieldTokenId.PARENT_FIELD,
+  ];
+
+  private readonly DATE = this.localizationService.getStringLaserficheObservable('DATE');
+  private readonly TIME = this.localizationService.getStringLaserficheObservable('TIME');
+  private readonly DATE_TIME = this.localizationService.getStringLaserficheObservable('DATE_TIME');
+  private readonly SESSION_COUNT = this.localizationService.getStringLaserficheObservable('SESSION_COUNT');
+  private readonly REPOSITORY_COUNT = this.localizationService.getStringLaserficheObservable('REPOSITORY_COUNT');
+  private readonly USER_NAME = this.localizationService.getStringLaserficheObservable('USER_NAME');
+  private readonly ENTRY_NAME = this.localizationService.getStringLaserficheObservable('ENTRY_NAME');
+  private readonly PARENT_NAME = this.localizationService.getStringLaserficheObservable('PARENT_NAME');
+  private readonly ENTRY_ID = this.localizationService.getStringLaserficheObservable('ENTRY_ID');
+  private readonly PARENT_ID = this.localizationService.getStringLaserficheObservable('PARENT_ID');
+  private readonly PARENT_FIELD = this.localizationService.getStringLaserficheObservable('PARENT_FIELD');
+  private readonly FILE_NAME = this.localizationService.getStringLaserficheObservable('FILE_NAME');
+  private readonly FILE_EXTENSION = this.localizationService.getStringLaserficheObservable('FILE_EXTENSION');
+  private readonly FILE_MODIFIED = this.localizationService.getStringLaserficheObservable('FILE_MODIFIED');
+
+  private readonly defaultDateTokens: LfFieldTokenId[] = [LfFieldTokenId.DATE];
+
+  private readonly defaultDateTimeTokens: LfFieldTokenId[] = [LfFieldTokenId.DATETIME];
+
+  private readonly defaultTimeTokens: LfFieldTokenId[] = [LfFieldTokenId.TIME];
+
+  private readonly fieldTokenTexts: Map<LfFieldTokenId, string> = new Map([
+    [LfFieldTokenId.DATE, 'date'],
+    [LfFieldTokenId.TIME, 'time'],
+    [LfFieldTokenId.DATETIME, 'datetime'],
+    [LfFieldTokenId.SESSION_COUNT, 'count'],
+    [LfFieldTokenId.REPOSITORY_COUNT, 'gcount'],
+    [LfFieldTokenId.USER_NAME, 'username'],
+    [LfFieldTokenId.ENTRY_NAME, 'name'],
+    [LfFieldTokenId.PARENT_NAME, 'parentname'],
+    [LfFieldTokenId.ENTRY_ID, 'id'],
+    [LfFieldTokenId.PARENT_ID, 'parentid'],
+    [LfFieldTokenId.PARENT_FIELD, 'parent'],
+    [LfFieldTokenId.FILE_NAME, 'filename'],
+    [LfFieldTokenId.FILE_EXTENSION, 'fileextension'],
+    [LfFieldTokenId.FILE_MODIFIED, 'filemodified'],
+  ]);
+
+  constructor() {}
+
+  async getTokensAsync(lfFieldTokenData: LfFieldTokenData): Promise<LfToken[]> {
+    if (lfFieldTokenData?.fieldType === undefined) {
+      throw new Error('getTokensAsync() parameter lfFieldTokenData must be of type LfFieldTokenData');
+    }
+    let tokenIds: LfFieldTokenId[] = [];
+    switch (lfFieldTokenData.fieldType) {
+      case FieldType.Date:
+        tokenIds = this.defaultDateTokens;
+        break;
+      case FieldType.DateTime:
+        tokenIds = this.defaultDateTimeTokens;
+        break;
+      case FieldType.Time:
+        tokenIds = this.defaultTimeTokens;
+        break;
+      case FieldType.LongInteger:
+      case FieldType.Number:
+      case FieldType.ShortInteger:
+        tokenIds = this.defaultNumberTokens;
+        break;
+      case FieldType.String:
+        tokenIds = this.defaultStringTokens;
+        break;
+      default:
+        tokenIds = [];
+        break;
+    }
+
+    return this.convertTokenIdsToTokens(tokenIds);
+  }
+
+  private convertTokenIdsToTokens(tokenIds: LfFieldTokenId[]): LfToken[] {
+    return tokenIds.map((tokenId: LfFieldTokenId) => {
+      const LfToken: LfToken = {
+        id: tokenId,
+        friendlyName: this.getTokenFriendlyName(tokenId),
+        text: this.fieldTokenTexts.get(tokenId) ?? '',
+      };
+      return LfToken;
+    });
+  }
+
+  private getTokenFriendlyName(tokenId: LfFieldTokenId): Observable<string> {
+    switch (tokenId) {
+      case LfFieldTokenId.DATE: {
+        return this.DATE;
+      }
+      case LfFieldTokenId.TIME: {
+        return this.TIME;
+      }
+      case LfFieldTokenId.DATETIME: {
+        return this.DATE_TIME;
+      }
+      case LfFieldTokenId.SESSION_COUNT: {
+        return this.SESSION_COUNT;
+      }
+      case LfFieldTokenId.REPOSITORY_COUNT: {
+        return this.REPOSITORY_COUNT;
+      }
+      case LfFieldTokenId.USER_NAME: {
+        return this.USER_NAME;
+      }
+      case LfFieldTokenId.ENTRY_NAME: {
+        return this.ENTRY_NAME;
+      }
+      case LfFieldTokenId.PARENT_NAME: {
+        return this.PARENT_NAME;
+      }
+      case LfFieldTokenId.ENTRY_ID: {
+        return this.ENTRY_ID;
+      }
+      case LfFieldTokenId.PARENT_ID: {
+        return this.PARENT_ID;
+      }
+      case LfFieldTokenId.PARENT_FIELD: {
+        return this.PARENT_FIELD;
+      }
+      case LfFieldTokenId.FILE_NAME: {
+        return this.FILE_NAME;
+      }
+      case LfFieldTokenId.FILE_EXTENSION: {
+        return this.FILE_EXTENSION;
+      }
+      case LfFieldTokenId.FILE_MODIFIED: {
+        return this.FILE_MODIFIED;
+      }
+    }
+  }
+
+  getTokenText(token: LfFieldTokenId): string | undefined {
+    return this.fieldTokenTexts.get(token);
+  }
+
+  getTokensForFieldType(fieldType: FieldType, isImport: boolean): LfFieldTokenId[] {
+    switch (fieldType) {
+      case FieldType.Date:
+        return isImport ? this.defaultDateTokens.concat(LfFieldTokenId.FILE_MODIFIED) : this.defaultDateTokens;
+      case FieldType.DateTime:
+        return isImport ? this.defaultDateTimeTokens.concat(LfFieldTokenId.FILE_MODIFIED) : this.defaultDateTimeTokens;
+      case FieldType.Time:
+        return isImport ? this.defaultTimeTokens.concat(LfFieldTokenId.FILE_MODIFIED) : this.defaultTimeTokens;
+      case FieldType.LongInteger:
+      case FieldType.Number:
+      case FieldType.ShortInteger:
+        return this.defaultNumberTokens;
+      case FieldType.String:
+        return isImport
+          ? this.defaultStringTokens.concat([
+              LfFieldTokenId.FILE_NAME,
+              LfFieldTokenId.FILE_EXTENSION,
+              LfFieldTokenId.FILE_MODIFIED,
+            ])
+          : this.defaultStringTokens;
+      default:
+        return [];
+    }
+  }
+
+  containsTokenForFieldType(fieldValue: string, fieldType: FieldType, isImport: boolean): boolean {
+    if (!fieldValue || fieldValue === '') {
+      return false;
+    }
+    const validTokens: LfFieldTokenId[] = this.getTokensForFieldType(fieldType, isImport);
+    const lowercaseFieldValue: string = fieldValue.toString().toLowerCase();
+    for (const validToken of validTokens) {
+      const tokenText = this.getTokenText(validToken)?.toLowerCase();
+      if (tokenText) {
+        if (fieldType === FieldType.String) {
+          if (this.fieldIsToken(lowercaseFieldValue, tokenText)) {
+            return true;
+          }
+        } else {
+          if (this.fieldIsOnlyToken(lowercaseFieldValue, tokenText)) {
+            return true;
+          }
+        }
+      }
+    }
+    return false;
+  }
+
+  private fieldIsToken(fieldVal: string, token: string): boolean {
+    const trimmedFieldVal = fieldVal.trim();
+    const tokenRegExp: RegExp = new RegExp(`%\\(${token}(:.*)?\\)`);
+    const matches = trimmedFieldVal.match(tokenRegExp);
+    return matches !== null;
+  }
+
+  private fieldIsOnlyToken(fieldVal: string, token: string): boolean {
+    const trimmedFieldVal = fieldVal.trim();
+    const tokenRegExp: RegExp = new RegExp(`^%\\(${token}(:.*)?\\)$`);
+    const matches = trimmedFieldVal.match(tokenRegExp);
+    return matches !== null && trimmedFieldVal === matches[0];
+  }
+}
+
+export enum LfFieldTokenId {
+  DATE,
+  TIME,
+  DATETIME,
+  SESSION_COUNT,
+  REPOSITORY_COUNT,
+  USER_NAME,
+  ENTRY_NAME,
+  PARENT_NAME,
+  ENTRY_ID,
+  PARENT_ID,
+  PARENT_FIELD,
+  FILE_NAME,
+  FILE_EXTENSION,
+  FILE_MODIFIED,
+}
+
+export interface LfFieldTokenData {
+  fieldType: FieldType;
+}
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-validation-utils.spec.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-validation-utils.spec.ts
index a1d8124e..bf85d358 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-validation-utils.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-validation-utils.spec.ts
@@ -1,152 +1,150 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ValidatorFn, FormControl } from '@angular/forms';
-import { FieldType } from '@laserfiche/lf-ui-components/shared';
-import { LfFieldInfo } from '../../utils/lf-field-types';
-import { LfFieldValidationUtils } from './lf-field-validation-utils';
-
-describe('LfFieldValidationUtils', () => {
-    it('should create "required" validator if field is required', () => {
-        const requiredFieldInfo: LfFieldInfo = {
-            name: 'requiredField',
-            id: 1,
-            description: 'this field is required',
-            fieldType: FieldType.String,
-            isRequired: true,
-            displayName: 'requiredField'
-        };
-        const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(requiredFieldInfo);
-        const fc: FormControl = new FormControl('', validators);
-        expect(fc.hasError('required')).toBe(true);
-    });
-
-    it('should not create "required" validator if field is not required', () => {
-        const optionalFieldInfo: LfFieldInfo = {
-            name: 'optionalField',
-            id: 1,
-            description: 'this field is optional',
-            fieldType: FieldType.String,
-            isRequired: false,
-            displayName: 'optionalField'
-        };
-        const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(optionalFieldInfo);
-        const fc: FormControl = new FormControl('', validators);
-        expect(fc.hasError('required')).toBe(false);
-    });
-
-    it('should create "maxlength" validator if field has a length', () => {
-        const maxLengthFieldInfo: LfFieldInfo = {
-            name: 'maxLengthField',
-            id: 1,
-            description: 'this field has a max length',
-            fieldType: FieldType.String,
-            length: 4,
-            displayName: 'maxLengthField'
-        };
-        const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(maxLengthFieldInfo);
-        const fc: FormControl = new FormControl('12345', validators);
-        expect(fc.hasError('maxlength')).toBe(true);
-    });
-
-    it('should not create "maxlength" validator if field does not have a length', () => {
-        const noMaxLengthFieldInfo: LfFieldInfo = {
-            name: 'noMaxLengthField',
-            id: 1,
-            description: 'this field has no max length',
-            fieldType: FieldType.String,
-            displayName: 'noMaxLengthField'
-        };
-        const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(noMaxLengthFieldInfo);
-        const fc: FormControl = new FormControl('12345', validators);
-        expect(fc.hasError('maxlength')).toBe(false);
-    });
-
-    it('should create "pattern" validator if field is text and has a constraint', () => {
-        const twoNumberFieldInfo: LfFieldInfo = {
-            name: 'twoNumberField',
-            id: 1,
-            description: 'this field only accepts 2 numbers',
-            fieldType: FieldType.String,
-            constraint: '^[0-9]{2}[:.,-]?$',
-            constraintError: 'Two digit number only.',
-            displayName: 'twoNumberField'
-        };
-        const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(twoNumberFieldInfo);
-        const fc: FormControl = new FormControl('123', validators);
-        expect(fc.hasError('pattern')).toBe(true);
-    });
-
-    it('should create "numeric" validator if field is Number and has a constraint', () => {
-        const twoNumberFieldInfo: LfFieldInfo = {
-            name: 'twoNumberField',
-            id: 1,
-            description: 'this field only accepts 2 numbers',
-            fieldType: FieldType.Number,
-            constraint: '>=10 AND <=99',
-            constraintError: 'Must be between 10 and 99, inclusive.',
-            displayName: 'twoNumberField'
-        };
-        const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(twoNumberFieldInfo);
-        const fc: FormControl = new FormControl('123', validators);
-        expect(fc.hasError('numeric')).toBe(true);
-    });
-
-    it('should create "numeric" validator if field is LongInteger and has a constraint', () => {
-        const twoNumberFieldInfo: LfFieldInfo = {
-            name: 'twoNumberField',
-            id: 1,
-            description: 'this field only accepts 2 numbers',
-            fieldType: FieldType.LongInteger,
-            constraint: '>=10 AND <=99',
-            constraintError: 'Must be between 10 and 99, inclusive.',
-            displayName: 'twoNumberField'
-        };
-        const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(twoNumberFieldInfo);
-        const fc: FormControl = new FormControl('123', validators);
-        expect(fc.hasError('numeric')).toBe(true);
-    });
-
-    it('should create "numeric" validator if field is ShortInteger and has a constraint', () => {
-        const twoNumberFieldInfo: LfFieldInfo = {
-            name: 'twoNumberField',
-            id: 1,
-            description: 'this field only accepts 2 numbers',
-            fieldType: FieldType.ShortInteger,
-            constraint: '>=10 AND <=99',
-            constraintError: 'Must be between 10 and 99, inclusive.',
-            displayName: 'twoNumberField'
-        };
-        const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(twoNumberFieldInfo);
-        const fc: FormControl = new FormControl('123', validators);
-        expect(fc.hasError('numeric')).toBe(true);
-    });
-
-    it('should not create "pattern" validator if text field has no regex constraint', () => {
-        const noConstraintFieldInfo: LfFieldInfo = {
-            name: 'noConstraintField',
-            id: 1,
-            description: 'this field has no constraint',
-            fieldType: FieldType.String,
-            displayName: 'noConstraintField'
-        };
-        const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(noConstraintFieldInfo);
-        const fc: FormControl = new FormControl('123', validators);
-        expect(fc.hasError('pattern')).toBe(false);
-    });
-
-    it('should not create "numeric" validator if numeric field has no regex constraint', () => {
-        const noConstraintFieldInfo: LfFieldInfo = {
-            name: 'noConstraintField',
-            id: 1,
-            description: 'this field has no constraint',
-            fieldType: FieldType.Number,
-            displayName: 'noConstraintField'
-        };
-        const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(noConstraintFieldInfo);
-        const fc: FormControl = new FormControl('123', validators);
-        expect(fc.hasError('numeric')).toBe(false);
-    });
-
-});
-
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ValidatorFn, FormControl } from '@angular/forms';
+import { FieldType } from '@laserfiche/lf-ui-components/shared';
+import { LfFieldInfo } from '../../utils/lf-field-types';
+import { LfFieldValidationUtils } from './lf-field-validation-utils';
+
+describe('LfFieldValidationUtils', () => {
+  it('should create "required" validator if field is required', () => {
+    const requiredFieldInfo: LfFieldInfo = {
+      name: 'requiredField',
+      id: 1,
+      description: 'this field is required',
+      fieldType: FieldType.String,
+      isRequired: true,
+      displayName: 'requiredField',
+    };
+    const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(requiredFieldInfo);
+    const fc: FormControl = new FormControl('', validators);
+    expect(fc.hasError('required')).toBe(true);
+  });
+
+  it('should not create "required" validator if field is not required', () => {
+    const optionalFieldInfo: LfFieldInfo = {
+      name: 'optionalField',
+      id: 1,
+      description: 'this field is optional',
+      fieldType: FieldType.String,
+      isRequired: false,
+      displayName: 'optionalField',
+    };
+    const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(optionalFieldInfo);
+    const fc: FormControl = new FormControl('', validators);
+    expect(fc.hasError('required')).toBe(false);
+  });
+
+  it('should create "maxlength" validator if field has a length', () => {
+    const maxLengthFieldInfo: LfFieldInfo = {
+      name: 'maxLengthField',
+      id: 1,
+      description: 'this field has a max length',
+      fieldType: FieldType.String,
+      length: 4,
+      displayName: 'maxLengthField',
+    };
+    const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(maxLengthFieldInfo);
+    const fc: FormControl = new FormControl('12345', validators);
+    expect(fc.hasError('maxlength')).toBe(true);
+  });
+
+  it('should not create "maxlength" validator if field does not have a length', () => {
+    const noMaxLengthFieldInfo: LfFieldInfo = {
+      name: 'noMaxLengthField',
+      id: 1,
+      description: 'this field has no max length',
+      fieldType: FieldType.String,
+      displayName: 'noMaxLengthField',
+    };
+    const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(noMaxLengthFieldInfo);
+    const fc: FormControl = new FormControl('12345', validators);
+    expect(fc.hasError('maxlength')).toBe(false);
+  });
+
+  it('should create "pattern" validator if field is text and has a constraint', () => {
+    const twoNumberFieldInfo: LfFieldInfo = {
+      name: 'twoNumberField',
+      id: 1,
+      description: 'this field only accepts 2 numbers',
+      fieldType: FieldType.String,
+      constraint: '^[0-9]{2}[:.,-]?$',
+      constraintError: 'Two digit number only.',
+      displayName: 'twoNumberField',
+    };
+    const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(twoNumberFieldInfo);
+    const fc: FormControl = new FormControl('123', validators);
+    expect(fc.hasError('pattern')).toBe(true);
+  });
+
+  it('should create "numeric" validator if field is Number and has a constraint', () => {
+    const twoNumberFieldInfo: LfFieldInfo = {
+      name: 'twoNumberField',
+      id: 1,
+      description: 'this field only accepts 2 numbers',
+      fieldType: FieldType.Number,
+      constraint: '>=10 AND <=99',
+      constraintError: 'Must be between 10 and 99, inclusive.',
+      displayName: 'twoNumberField',
+    };
+    const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(twoNumberFieldInfo);
+    const fc: FormControl = new FormControl('123', validators);
+    expect(fc.hasError('numeric')).toBe(true);
+  });
+
+  it('should create "numeric" validator if field is LongInteger and has a constraint', () => {
+    const twoNumberFieldInfo: LfFieldInfo = {
+      name: 'twoNumberField',
+      id: 1,
+      description: 'this field only accepts 2 numbers',
+      fieldType: FieldType.LongInteger,
+      constraint: '>=10 AND <=99',
+      constraintError: 'Must be between 10 and 99, inclusive.',
+      displayName: 'twoNumberField',
+    };
+    const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(twoNumberFieldInfo);
+    const fc: FormControl = new FormControl('123', validators);
+    expect(fc.hasError('numeric')).toBe(true);
+  });
+
+  it('should create "numeric" validator if field is ShortInteger and has a constraint', () => {
+    const twoNumberFieldInfo: LfFieldInfo = {
+      name: 'twoNumberField',
+      id: 1,
+      description: 'this field only accepts 2 numbers',
+      fieldType: FieldType.ShortInteger,
+      constraint: '>=10 AND <=99',
+      constraintError: 'Must be between 10 and 99, inclusive.',
+      displayName: 'twoNumberField',
+    };
+    const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(twoNumberFieldInfo);
+    const fc: FormControl = new FormControl('123', validators);
+    expect(fc.hasError('numeric')).toBe(true);
+  });
+
+  it('should not create "pattern" validator if text field has no regex constraint', () => {
+    const noConstraintFieldInfo: LfFieldInfo = {
+      name: 'noConstraintField',
+      id: 1,
+      description: 'this field has no constraint',
+      fieldType: FieldType.String,
+      displayName: 'noConstraintField',
+    };
+    const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(noConstraintFieldInfo);
+    const fc: FormControl = new FormControl('123', validators);
+    expect(fc.hasError('pattern')).toBe(false);
+  });
+
+  it('should not create "numeric" validator if numeric field has no regex constraint', () => {
+    const noConstraintFieldInfo: LfFieldInfo = {
+      name: 'noConstraintField',
+      id: 1,
+      description: 'this field has no constraint',
+      fieldType: FieldType.Number,
+      displayName: 'noConstraintField',
+    };
+    const validators: ValidatorFn[] = LfFieldValidationUtils.getDefaultValidators(noConstraintFieldInfo);
+    const fc: FormControl = new FormControl('123', validators);
+    expect(fc.hasError('numeric')).toBe(false);
+  });
+});
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-validation-utils.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-validation-utils.ts
index eb2abc8e..edc09bba 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-validation-utils.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/lf-field-validation-utils.ts
@@ -1,36 +1,34 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ValidatorFn, Validators } from '@angular/forms';
-import { FieldType } from '@laserfiche/lf-ui-components/shared';
-import { ValidationUtils } from '@laserfiche/lf-ui-components/internal-shared';
-import { LfMetadataValidationUtils } from '@laserfiche/lf-js-utils';
-import { LfFieldInfo } from '../../utils/lf-field-types';
-
-export class LfFieldValidationUtils extends ValidationUtils {
-    static getDefaultValidators(lfFieldInfo: LfFieldInfo): ValidatorFn[] {
-        const validators: ValidatorFn[] = [];
-        if (lfFieldInfo.isRequired) {
-            const requiredRegexValidator = ValidationUtils.requiredValidator();
-            validators.push(requiredRegexValidator);
-        }
-        if (lfFieldInfo.length) {
-            validators.push(Validators.maxLength(lfFieldInfo.length));
-        }
-        if (lfFieldInfo.constraint) {
-            if (
-                lfFieldInfo.fieldType === FieldType.Number ||
-                lfFieldInfo.fieldType === FieldType.LongInteger ||
-                lfFieldInfo.fieldType === FieldType.ShortInteger
-            ) {
-                validators.push(this.numericValidator(lfFieldInfo.constraint));
-            }
-            else {
-                const cleanedConstraint: string = LfMetadataValidationUtils.formatTextConstraint(lfFieldInfo.constraint);
-                validators.push(this.generalRegexValidator(new RegExp(cleanedConstraint)));
-            }
-        }
-        return validators;
-    }
-}
-
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ValidatorFn, Validators } from '@angular/forms';
+import { FieldType } from '@laserfiche/lf-ui-components/shared';
+import { ValidationUtils } from '@laserfiche/lf-ui-components/internal-shared';
+import { LfMetadataValidationUtils } from '@laserfiche/lf-js-utils';
+import { LfFieldInfo } from '../../utils/lf-field-types';
+
+export class LfFieldValidationUtils extends ValidationUtils {
+  static getDefaultValidators(lfFieldInfo: LfFieldInfo): ValidatorFn[] {
+    const validators: ValidatorFn[] = [];
+    if (lfFieldInfo.isRequired) {
+      const requiredRegexValidator = ValidationUtils.requiredValidator();
+      validators.push(requiredRegexValidator);
+    }
+    if (lfFieldInfo.length) {
+      validators.push(Validators.maxLength(lfFieldInfo.length));
+    }
+    if (lfFieldInfo.constraint) {
+      if (
+        lfFieldInfo.fieldType === FieldType.Number ||
+        lfFieldInfo.fieldType === FieldType.LongInteger ||
+        lfFieldInfo.fieldType === FieldType.ShortInteger
+      ) {
+        validators.push(this.numericValidator(lfFieldInfo.constraint));
+      } else {
+        const cleanedConstraint: string = LfMetadataValidationUtils.formatTextConstraint(lfFieldInfo.constraint);
+        validators.push(this.generalRegexValidator(new RegExp(cleanedConstraint)));
+      }
+    }
+    return validators;
+  }
+}
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/list-field/list-field.component.css b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/list-field/list-field.component.css
index f41dcd94..e2d6c5d6 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/list-field/list-field.component.css
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/list-field/list-field.component.css
@@ -1,3 +1,2 @@
 /*Copyright Laserfiche.
 Licensed under the MIT License. See LICENSE in the project root for license information.*/
-
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/list-field/list-field.component.html b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/list-field/list-field.component.html
index 3e8a732e..1d1036a9 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/list-field/list-field.component.html
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/list-field/list-field.component.html
@@ -1,17 +1,21 @@
 <!--Copyright (c) Laserfiche.
 Licensed under the MIT License. See LICENSE in the project root for license information.-->
 
-<mat-form-field title="{{lf_field_info.displayName}}" appearance="outline" class="lf-field lf-dropdown">
-  <mat-select panelClass="lf-dropdown-overlay" [formControl]="lf_field_form_control" title="{{lf_field_form_control.value}}"
-    (selectionChange)="onValueChanged()">
+<mat-form-field title="{{ lf_field_info.displayName }}" appearance="outline" class="lf-field lf-dropdown">
+  <mat-select
+    panelClass="lf-dropdown-overlay"
+    [formControl]="lf_field_form_control"
+    title="{{ lf_field_form_control.value }}"
+    (selectionChange)="onValueChanged()"
+  >
     <mat-option>--</mat-option>
     @for (listOption of lf_field_info.listValues; track listOption) {
       <mat-option [value]="listOption">
-        {{listOption}}
+        {{ listOption }}
       </mat-option>
     }
   </mat-select>
   @if (getBrokenValidationRule()) {
-    <mat-error>{{fieldValidationErrorMsg | async}}</mat-error>
+    <mat-error>{{ fieldValidationErrorMsg | async }}</mat-error>
   }
 </mat-form-field>
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/list-field/list-field.component.spec.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/list-field/list-field.component.spec.ts
index d87c8405..1cb79e88 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/list-field/list-field.component.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/list-field/list-field.component.spec.ts
@@ -22,7 +22,7 @@ describe('ListFieldComponent', () => {
     description: 'List Description',
     fieldType: FieldType.List,
     isRequired: true,
-    displayName: 'List Name'
+    displayName: 'List Name',
   };
 
   beforeEach(async () => {
@@ -33,8 +33,8 @@ describe('ListFieldComponent', () => {
         FormsModule,
         MatFormFieldModule,
         MatSelectModule,
-        ReactiveFormsModule
-      ]
+        ReactiveFormsModule,
+      ],
     }).compileComponents();
   });
 
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/list-field/list-field.component.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/list-field/list-field.component.ts
index 281bd97f..84b617b2 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/list-field/list-field.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/list-field/list-field.component.ts
@@ -1,46 +1,46 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component, OnInit } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ReactiveFormsModule, ValidatorFn } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatSelectModule } from '@angular/material/select';
-import { BaseFieldDirective } from '../base-field/base-field.directive';
-import { ErrorStateMatcher, ShowOnDirtyErrorStateMatcher } from '@angular/material/core';
-import { ValidationRule } from '@laserfiche/lf-ui-components/internal-shared';
-import { Observable } from 'rxjs';
-
-@Component({
-    selector: 'lf-list-field-component',
-    templateUrl: './list-field.component.html',
-    styleUrls: ['./list-field.component.css', './../lf-field-base/lf-field-base.component.css'],
-    providers: [
-        { provide: BaseFieldDirective, useExisting: ListFieldComponent },
-        { provide: ErrorStateMatcher, useClass: ShowOnDirtyErrorStateMatcher }
-    ],
-    standalone: true,
-    imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, MatSelectModule]
-})
-export class ListFieldComponent extends BaseFieldDirective implements OnInit {
-  getValidationTextForFieldType(validationRuleName: ValidationRule): Observable<string> | undefined {
-    return undefined;
-  }
-
-  serializeFieldFormControlValue(): string {
-    return this.getLfFieldFormControlValue(); // TODO: undo locale stuff before saving
-  }
-
-  deserializeLfFieldValue(): string {
-    return this.lf_field_value ?? ''; // TODO: get locale and do stuff
-  }
-
-  getAdditionalValidatorsForFieldType(): ValidatorFn[] {
-    return [];
-  }
-
-  protected override fieldOnValueChanged(): void {
-    const currentValue = this.lf_field_form_control.value;
-    this.lf_field_form_control.setValue(currentValue ?? '');
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component, OnInit } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule, ValidatorFn } from '@angular/forms';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatSelectModule } from '@angular/material/select';
+import { BaseFieldDirective } from '../base-field/base-field.directive';
+import { ErrorStateMatcher, ShowOnDirtyErrorStateMatcher } from '@angular/material/core';
+import { ValidationRule } from '@laserfiche/lf-ui-components/internal-shared';
+import { Observable } from 'rxjs';
+
+@Component({
+  selector: 'lf-list-field-component',
+  templateUrl: './list-field.component.html',
+  styleUrls: ['./list-field.component.css', './../lf-field-base/lf-field-base.component.css'],
+  providers: [
+    { provide: BaseFieldDirective, useExisting: ListFieldComponent },
+    { provide: ErrorStateMatcher, useClass: ShowOnDirtyErrorStateMatcher },
+  ],
+  standalone: true,
+  imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, MatSelectModule],
+})
+export class ListFieldComponent extends BaseFieldDirective implements OnInit {
+  getValidationTextForFieldType(validationRuleName: ValidationRule): Observable<string> | undefined {
+    return undefined;
+  }
+
+  serializeFieldFormControlValue(): string {
+    return this.getLfFieldFormControlValue(); // TODO: undo locale stuff before saving
+  }
+
+  deserializeLfFieldValue(): string {
+    return this.lf_field_value ?? ''; // TODO: get locale and do stuff
+  }
+
+  getAdditionalValidatorsForFieldType(): ValidatorFn[] {
+    return [];
+  }
+
+  protected override fieldOnValueChanged(): void {
+    const currentValue = this.lf_field_form_control.value;
+    this.lf_field_form_control.setValue(currentValue ?? '');
+  }
+}
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.css b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.css
index f41dcd94..e2d6c5d6 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.css
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.css
@@ -1,3 +1,2 @@
 /*Copyright Laserfiche.
 Licensed under the MIT License. See LICENSE in the project root for license information.*/
-
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.html b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.html
index 5331b309..c1a6ac84 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.html
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.html
@@ -4,26 +4,46 @@
 @if (!isDynamic) {
   <span class="token-picker-field-box">
     @if (!containsToken) {
-      <mat-form-field title="{{lf_field_info.displayName}}" appearance="outline" class="lf-field">
-        <input #tokenTarget mask="{{mask}}" thousandSeparator="{{thousandSeparator}}" decimalMarker="{{decimalMarker}}"
-          prefix="{{prefix}}" suffix="{{suffix}}" [allowNegativeNumbers]="true" separatorLimit="{{separatorLimit}}" matInput
-          type="text" [formControl]="lf_field_form_control" title="{{lf_field_form_control.value}}"
-          (keypress)="numberOnly($event)" (change)="onValueChanged()" (focus)="onFocusIn()" (focusout)="onFocusOut()"
-          (input)="onEveryInputChange()">
+      <mat-form-field title="{{ lf_field_info.displayName }}" appearance="outline" class="lf-field">
+        <input
+          #tokenTarget
+          mask="{{ mask }}"
+          thousandSeparator="{{ thousandSeparator }}"
+          decimalMarker="{{ decimalMarker }}"
+          prefix="{{ prefix }}"
+          suffix="{{ suffix }}"
+          [allowNegativeNumbers]="true"
+          separatorLimit="{{ separatorLimit }}"
+          matInput
+          type="text"
+          [formControl]="lf_field_form_control"
+          title="{{ lf_field_form_control.value }}"
+          (keypress)="numberOnly($event)"
+          (change)="onValueChanged()"
+          (focus)="onFocusIn()"
+          (focusout)="onFocusOut()"
+          (input)="onEveryInputChange()"
+        />
         @if (focusState && this.lf_field_info?.length) {
           <mat-hint align="end">
-            {{(noTokenCharacterCountHint | async)}}
+            {{ noTokenCharacterCountHint | async }}
           </mat-hint>
         }
         @if (getBrokenValidationRule()) {
-          <mat-error>{{fieldValidationErrorMsg | async}}</mat-error>
+          <mat-error>{{ fieldValidationErrorMsg | async }}</mat-error>
         }
       </mat-form-field>
     }
   </span>
 } @else {
-  <lf-dynamic-field-component ngDefaultControl [options]="dynamic_field_value_options"
-    [formControl]="lf_field_form_control" [title]="lf_field_info.displayName" [fieldValidationErrorMsg]="fieldValidationErrorMsg"
-    [getBrokenValidationRule]="getBrokenValidationRule.bind(this)" (valueChange)="onValueChanged()">
+  <lf-dynamic-field-component
+    ngDefaultControl
+    [options]="dynamic_field_value_options"
+    [formControl]="lf_field_form_control"
+    [title]="lf_field_info.displayName"
+    [fieldValidationErrorMsg]="fieldValidationErrorMsg"
+    [getBrokenValidationRule]="getBrokenValidationRule.bind(this)"
+    (valueChange)="onValueChanged()"
+  >
   </lf-dynamic-field-component>
 }
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.spec.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.spec.ts
index ceb0567a..14afd0c8 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.spec.ts
@@ -13,7 +13,7 @@ import { CommonModule } from '@angular/common';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import {NgxMaskDirective, NgxMaskPipe, provideNgxMask } from 'ngx-mask';
+import { NgxMaskDirective, NgxMaskPipe, provideNgxMask } from 'ngx-mask';
 import { CoreUtils } from '@laserfiche/lf-js-utils';
 
 describe('NumberFieldComponent', () => {
@@ -35,7 +35,7 @@ describe('NumberFieldComponent', () => {
     isRequired: true,
     isMultiValue: false,
     fieldType: FieldType.Number,
-    displayName: 'testNumberName'
+    displayName: 'testNumberName',
   };
 
   const testShortInt: LfFieldInfo = {
@@ -46,7 +46,7 @@ describe('NumberFieldComponent', () => {
     isMultiValue: false,
     fieldType: FieldType.ShortInteger,
     length: 3,
-    displayName: 'testShortIntName'
+    displayName: 'testShortIntName',
   };
 
   const testLongInt: LfFieldInfo = {
@@ -56,7 +56,7 @@ describe('NumberFieldComponent', () => {
     isRequired: true,
     isMultiValue: false,
     fieldType: FieldType.LongInteger,
-    displayName: 'testLongIntName'
+    displayName: 'testLongIntName',
   };
 
   beforeEach(async () => {
@@ -70,9 +70,9 @@ describe('NumberFieldComponent', () => {
         MatInputModule,
         ReactiveFormsModule,
         NgxMaskDirective,
-        NgxMaskPipe
+        NgxMaskPipe,
       ],
-      providers: [LfFieldTokenService, AppLocalizationService, provideNgxMask()]
+      providers: [LfFieldTokenService, AppLocalizationService, provideNgxMask()],
     }).compileComponents();
   });
 
@@ -121,14 +121,19 @@ describe('NumberFieldComponent', () => {
     numberComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === expectedError,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toEqual(expectedError);
   });
 
   it('should validate a ShortInteger with invalid length and pattern', async () => {
     const lengthParam: string[] = [testShortInt?.length?.toString() ?? '0'];
-    const expectedError: string = shortIntComponent.localizationService.getString('THIS_FIELD_HAS_MAXIMUM_ALLOWED_LENGTH_0_CHARACTERS', lengthParam);
+    const expectedError: string = shortIntComponent.localizationService.getString(
+      'THIS_FIELD_HAS_MAXIMUM_ALLOWED_LENGTH_0_CHARACTERS',
+      lengthParam
+    );
     let value: string | undefined;
     shortIntComponent.fieldValidationErrorMsg.subscribe((val) => {
       value = val;
@@ -137,7 +142,9 @@ describe('NumberFieldComponent', () => {
     shortIntComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === expectedError,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toEqual(expectedError);
   });
@@ -151,7 +158,9 @@ describe('NumberFieldComponent', () => {
     longIntComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === undefined,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toBeUndefined();
   });
@@ -166,7 +175,9 @@ describe('NumberFieldComponent', () => {
     numberComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === undefined,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toBeUndefined();
   });
@@ -181,14 +192,18 @@ describe('NumberFieldComponent', () => {
     shortIntComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === undefined,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toBeUndefined();
   });
 
   it('should dynamically change LongInteger value', async () => {
     longIntComponent.setLfFieldFormControlValue('9999999999999999999999999999999999');
-    const expectedError = longIntComponent.localizationService.getString('LONG_FIELDS_MUST_BE_INTEGERS_BETWEEN_0_3999999999');
+    const expectedError = longIntComponent.localizationService.getString(
+      'LONG_FIELDS_MUST_BE_INTEGERS_BETWEEN_0_3999999999'
+    );
     let value: string | undefined;
     longIntComponent.fieldValidationErrorMsg.subscribe((val) => {
       value = val;
@@ -197,7 +212,9 @@ describe('NumberFieldComponent', () => {
     longIntComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === expectedError,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toEqual(expectedError);
   });
@@ -215,7 +232,9 @@ describe('NumberFieldComponent', () => {
     numberComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === undefined,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toBeUndefined();
   });
@@ -233,7 +252,9 @@ describe('NumberFieldComponent', () => {
     numberComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === undefined,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toBeUndefined();
   });
@@ -251,7 +272,9 @@ describe('NumberFieldComponent', () => {
     numberComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === undefined,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toBeUndefined();
   });
@@ -269,7 +292,9 @@ describe('NumberFieldComponent', () => {
     numberComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === undefined,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toBeUndefined();
   });
@@ -287,7 +312,9 @@ describe('NumberFieldComponent', () => {
     numberComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === undefined,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toBeUndefined();
   });
@@ -296,7 +323,7 @@ describe('NumberFieldComponent', () => {
     numberComponent.setLfFieldFormControlValue('asdf');
     numberComponent.onValueChanged();
     expect(numberComponent.lf_field_value).toEqual('');
-    const expectedError = numberComponent.localizationService.getString("REQUIRED_FIELD_IS_EMPTY");
+    const expectedError = numberComponent.localizationService.getString('REQUIRED_FIELD_IS_EMPTY');
     let value: string | undefined;
     numberComponent.fieldValidationErrorMsg.subscribe((val) => {
       value = val;
@@ -305,7 +332,9 @@ describe('NumberFieldComponent', () => {
     numberComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === expectedError,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toEqual(expectedError);
   });
@@ -323,7 +352,9 @@ describe('NumberFieldComponent', () => {
     shortIntComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === undefined,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toBeUndefined();
   });
@@ -348,7 +379,9 @@ describe('NumberFieldComponent', () => {
     longIntComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === undefined,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toBeUndefined();
   });
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.ts
index 81fb44dd..0e2a50a5 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/number-field/number-field.component.ts
@@ -15,21 +15,32 @@ import { NgxMaskDirective, provideNgxMask } from 'ngx-mask';
 import { DynamicFieldComponent } from '../dynamic-field/dynamic-field.component';
 
 @Component({
-    selector: 'lf-number-field-component',
-    templateUrl: './number-field.component.html',
-    styleUrls: ['./number-field.component.css', './../lf-field-base/lf-field-base.component.css'],
-    providers: [
-        { provide: BaseFieldDirective, useExisting: NumberFieldComponent },
-        { provide: ErrorStateMatcher, useClass: ShowOnDirtyErrorStateMatcher },
-        provideNgxMask()
-    ],
-    standalone: true,
-    imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, MatInputModule, NgxMaskDirective, DynamicFieldComponent]
+  selector: 'lf-number-field-component',
+  templateUrl: './number-field.component.html',
+  styleUrls: ['./number-field.component.css', './../lf-field-base/lf-field-base.component.css'],
+  providers: [
+    { provide: BaseFieldDirective, useExisting: NumberFieldComponent },
+    { provide: ErrorStateMatcher, useClass: ShowOnDirtyErrorStateMatcher },
+    provideNgxMask(),
+  ],
+  standalone: true,
+  imports: [
+    CommonModule,
+    ReactiveFormsModule,
+    MatFormFieldModule,
+    MatInputModule,
+    NgxMaskDirective,
+    DynamicFieldComponent,
+  ],
 })
 export class NumberFieldComponent extends BaseFieldDirective implements OnInit, AfterViewInit {
-  private readonly NUMBER_FIELD_MUST_BE_VALID_NUMBER = this.localizationService.getStringLaserficheObservable('NUMBER_FIELD_MUST_BE_VALID_NUMBER');
-  private readonly SHORT_FIELDS_MUST_BE_INTEGERS_BETWEEN_0_64999 = this.localizationService.getStringLaserficheObservable('SHORT_FIELDS_MUST_BE_INTEGERS_BETWEEN_0_64999');
-  private readonly LONG_FIELDS_MUST_BE_INTEGERS_BETWEEN_0_3999999999 = this.localizationService.getStringLaserficheObservable('LONG_FIELDS_MUST_BE_INTEGERS_BETWEEN_0_3999999999');
+  private readonly NUMBER_FIELD_MUST_BE_VALID_NUMBER = this.localizationService.getStringLaserficheObservable(
+    'NUMBER_FIELD_MUST_BE_VALID_NUMBER'
+  );
+  private readonly SHORT_FIELDS_MUST_BE_INTEGERS_BETWEEN_0_64999 =
+    this.localizationService.getStringLaserficheObservable('SHORT_FIELDS_MUST_BE_INTEGERS_BETWEEN_0_64999');
+  private readonly LONG_FIELDS_MUST_BE_INTEGERS_BETWEEN_0_3999999999 =
+    this.localizationService.getStringLaserficheObservable('LONG_FIELDS_MUST_BE_INTEGERS_BETWEEN_0_3999999999');
 
   prefix: string | undefined;
   suffix: string | undefined;
@@ -80,7 +91,6 @@ export class NumberFieldComponent extends BaseFieldDirective implements OnInit,
     super.onValueChanged(emitEvent);
   }
 
-
   getAdditionalValidatorsForFieldType(): ValidatorFn[] {
     const validators: ValidatorFn[] = [];
     validators.push(this.getNumericValidator());
@@ -88,7 +98,7 @@ export class NumberFieldComponent extends BaseFieldDirective implements OnInit,
   }
 
   getValidationTextForFieldType(rule: ValidationRule): Observable<string> | undefined {
-    switch(rule) {
+    switch (rule) {
       case ValidationRule.NUMERIC:
         return this.lf_field_info.constraintError ? of(this.lf_field_info.constraintError) : undefined;
       case ValidationRule.NUMBER:
@@ -112,14 +122,25 @@ export class NumberFieldComponent extends BaseFieldDirective implements OnInit,
         const longIntPattern = new RegExp(`^(|[0-9]{0,9}|[0-3][0-9]{9}${tokenRegexString})$`, 'i');
         return ValidationUtils.generalRegexValidator(longIntPattern, ValidationRule.LONG_INT);
       default:
-        const numberPattern = new RegExp(`^(|[-](\\d{0,12}(\\` + decimalSeparator + `\\d{0,5})?|\\d{13}(\\` +
-          decimalSeparator + `\\d{0,4})?)|[\\+]?\\d{0,13}(\\` + decimalSeparator + `\\d{0,5})?${tokenRegexString})$`, 'i');
+        const numberPattern = new RegExp(
+          `^(|[-](\\d{0,12}(\\` +
+            decimalSeparator +
+            `\\d{0,5})?|\\d{13}(\\` +
+            decimalSeparator +
+            `\\d{0,4})?)|[\\+]?\\d{0,13}(\\` +
+            decimalSeparator +
+            `\\d{0,5})?${tokenRegexString})$`,
+          'i'
+        );
         return ValidationUtils.generalRegexValidator(numberPattern, ValidationRule.NUMBER);
     }
   }
 
   numberOnly(event: KeyboardEvent) {
-    if (this.lf_field_info.fieldType === FieldType.ShortInteger || this.lf_field_info.fieldType === FieldType.LongInteger) {
+    if (
+      this.lf_field_info.fieldType === FieldType.ShortInteger ||
+      this.lf_field_info.fieldType === FieldType.LongInteger
+    ) {
       if (['1', '2', '3', '4', '5', '6', '7', '8', '9', '0'].indexOf(event.key) === -1) {
         event.preventDefault();
       }
@@ -146,7 +167,10 @@ export class NumberFieldComponent extends BaseFieldDirective implements OnInit,
         return parsedNumber.toString();
       }
     }
-    if (this.lf_field_info.fieldType === FieldType.ShortInteger || this.lf_field_info.fieldType === FieldType.LongInteger) {
+    if (
+      this.lf_field_info.fieldType === FieldType.ShortInteger ||
+      this.lf_field_info.fieldType === FieldType.LongInteger
+    ) {
       const parsedNumber = Number.parseInt(currentValue, 10);
       if (!isNaN(parsedNumber)) {
         return parsedNumber.toString();
@@ -165,8 +189,7 @@ export class NumberFieldComponent extends BaseFieldDirective implements OnInit,
     const separators = numberString.replace(/1/g, '');
     if (separatorType === 'group') {
       return separators.slice(0, 1);
-    }
-    else {
+    } else {
       return separators.slice(1, 2);
     }
   }
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/text-field/text-field.component.html b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/text-field/text-field.component.html
index d3bef3e6..ff2c5ecd 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/text-field/text-field.component.html
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/text-field/text-field.component.html
@@ -4,41 +4,67 @@
 @if (!isDynamic) {
   <span class="token-picker-field-box">
     @if (isShortField) {
-      <mat-form-field title="{{lf_field_info.displayName}}" appearance="outline" class="lf-field">
-        <input #tokenTarget matInput type="text" [formControl]="lf_field_form_control" title="{{lf_field_form_control.value}}"
-          (change)="onTextValueChanged()" (focus)="onFocusIn()" (focusout)="onFocusOut()"
-          (input)="onEveryInputChange()">
-          @if (focusState && this.lf_field_info.length) {
-            <mat-hint align="end">
-              {{containsToken ? (tokenCharacterCountHint | async) : (noTokenCharacterCountHint | async)}}
-            </mat-hint>
-          }
-          @if (getBrokenValidationRule()) {
-            <mat-error>{{fieldValidationErrorMsg | async}}</mat-error>
-          }
-        </mat-form-field>
-      }
-      @if (!isShortField) {
-        <mat-form-field title="{{lf_field_info.displayName}}" appearance="outline" class="lf-textarea">
-          <textarea #tokenTarget matInput type="text" [formControl]="lf_field_form_control" title="{{lf_field_form_control.value}}"
-            (change)="onTextValueChanged()" (focus)="onFocusIn()" (focusout)="onFocusOut()"
-          (input)="onEveryInputChange()"></textarea>
-          @if (focusState && this.lf_field_info?.length) {
-            <mat-hint align="end">
-              {{containsToken ? (tokenCharacterCountHint | async) : (noTokenCharacterCountHint | async)}}
-            </mat-hint>
-          }
-          @if (getBrokenValidationRule()) {
-            <mat-error>{{fieldValidationErrorMsg | async}}</mat-error>
-          }
-        </mat-form-field>
-      }
-      <lf-token-picker-component class="lf-field-token-picker" (tokenPicked)="onTextTokenChosen($event)" [data]="lfFieldTokenData">
-      </lf-token-picker-component>
-    </span>
-  } @else {
-    <lf-dynamic-field-component ngDefaultControl [options]="dynamic_field_value_options" [formControl]="lf_field_form_control"
-      [title]="lf_field_info.displayName" [fieldValidationErrorMsg]="fieldValidationErrorMsg"
-      [getBrokenValidationRule]="getBrokenValidationRule.bind(this)" (valueChange)="onTextValueChanged()">
-    </lf-dynamic-field-component>
-  }
+      <mat-form-field title="{{ lf_field_info.displayName }}" appearance="outline" class="lf-field">
+        <input
+          #tokenTarget
+          matInput
+          type="text"
+          [formControl]="lf_field_form_control"
+          title="{{ lf_field_form_control.value }}"
+          (change)="onTextValueChanged()"
+          (focus)="onFocusIn()"
+          (focusout)="onFocusOut()"
+          (input)="onEveryInputChange()"
+        />
+        @if (focusState && this.lf_field_info.length) {
+          <mat-hint align="end">
+            {{ containsToken ? (tokenCharacterCountHint | async) : (noTokenCharacterCountHint | async) }}
+          </mat-hint>
+        }
+        @if (getBrokenValidationRule()) {
+          <mat-error>{{ fieldValidationErrorMsg | async }}</mat-error>
+        }
+      </mat-form-field>
+    }
+    @if (!isShortField) {
+      <mat-form-field title="{{ lf_field_info.displayName }}" appearance="outline" class="lf-textarea">
+        <textarea
+          #tokenTarget
+          matInput
+          type="text"
+          [formControl]="lf_field_form_control"
+          title="{{ lf_field_form_control.value }}"
+          (change)="onTextValueChanged()"
+          (focus)="onFocusIn()"
+          (focusout)="onFocusOut()"
+          (input)="onEveryInputChange()"
+        ></textarea>
+        @if (focusState && this.lf_field_info?.length) {
+          <mat-hint align="end">
+            {{ containsToken ? (tokenCharacterCountHint | async) : (noTokenCharacterCountHint | async) }}
+          </mat-hint>
+        }
+        @if (getBrokenValidationRule()) {
+          <mat-error>{{ fieldValidationErrorMsg | async }}</mat-error>
+        }
+      </mat-form-field>
+    }
+    <lf-token-picker-component
+      class="lf-field-token-picker"
+      (tokenPicked)="onTextTokenChosen($event)"
+      [data]="lfFieldTokenData"
+    >
+    </lf-token-picker-component>
+  </span>
+} @else {
+  <lf-dynamic-field-component
+    ngDefaultControl
+    [options]="dynamic_field_value_options"
+    [formControl]="lf_field_form_control"
+    [title]="lf_field_info.displayName"
+    [fieldValidationErrorMsg]="fieldValidationErrorMsg"
+    [getBrokenValidationRule]="getBrokenValidationRule.bind(this)"
+    (valueChange)="onTextValueChanged()"
+  >
+  </lf-dynamic-field-component>
+}
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/text-field/text-field.component.spec.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/text-field/text-field.component.spec.ts
index 25b464d9..381fbf51 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/text-field/text-field.component.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/text-field/text-field.component.spec.ts
@@ -28,7 +28,6 @@ describe('TextFieldComponent', () => {
   let noLengthComponent: TextFieldComponent;
   let noLengthFixture: ComponentFixture<TextFieldComponent>;
 
-
   const shortStringTextInfo: LfFieldInfo = {
     name: 'Short String',
     id: 1,
@@ -36,7 +35,7 @@ describe('TextFieldComponent', () => {
     fieldType: FieldType.String,
     isRequired: true,
     length: 40,
-    displayName: 'Short String'
+    displayName: 'Short String',
   };
 
   const longStringTextInfo: LfFieldInfo = {
@@ -45,7 +44,7 @@ describe('TextFieldComponent', () => {
     description: 'This field has a max length of 200',
     fieldType: FieldType.String,
     length: 200,
-    displayName: 'Long String'
+    displayName: 'Long String',
   };
 
   const textWithNoLengthInfo: LfFieldInfo = {
@@ -53,7 +52,7 @@ describe('TextFieldComponent', () => {
     id: 3,
     description: 'This field has no max length specified',
     fieldType: FieldType.String,
-    displayName: 'No Length Text'
+    displayName: 'No Length Text',
   };
 
   beforeEach(async () => {
@@ -67,13 +66,13 @@ describe('TextFieldComponent', () => {
         MatFormFieldModule,
         MatInputModule,
         MatMenuModule,
-        ReactiveFormsModule
+        ReactiveFormsModule,
       ],
       providers: [
         { provide: BaseFieldDirective, useExisting: TextFieldComponent },
         { provide: LfTokenService, useClass: LfFieldTokenService },
-        AppLocalizationService
-      ]
+        AppLocalizationService,
+      ],
     }).compileComponents();
 
     shortFixture = TestBed.createComponent(TextFieldComponent);
@@ -117,7 +116,9 @@ describe('TextFieldComponent', () => {
     shortComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === expectedError,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toEqual(expectedError);
   });
@@ -132,7 +133,9 @@ describe('TextFieldComponent', () => {
     longComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === undefined,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toBeUndefined();
   });
@@ -147,7 +150,9 @@ describe('TextFieldComponent', () => {
     shortComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === undefined,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toBeUndefined();
   });
@@ -162,7 +167,9 @@ describe('TextFieldComponent', () => {
     longComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === undefined,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toBeUndefined();
   });
@@ -173,7 +180,10 @@ describe('TextFieldComponent', () => {
 
     const expectedBrokenRule = ValidationRule.MAX_LENGTH;
     const lengthParam: string[] = [shortStringTextInfo?.length?.toString() ?? '0'];
-    const expectedError: string = shortComponent.localizationService.getString('THIS_FIELD_HAS_MAXIMUM_ALLOWED_LENGTH_0_CHARACTERS', lengthParam);
+    const expectedError: string = shortComponent.localizationService.getString(
+      'THIS_FIELD_HAS_MAXIMUM_ALLOWED_LENGTH_0_CHARACTERS',
+      lengthParam
+    );
     expect(shortComponent.getBrokenValidationRule()).toEqual(expectedBrokenRule);
     let value: string | undefined;
     shortComponent.fieldValidationErrorMsg.subscribe((val) => {
@@ -183,7 +193,9 @@ describe('TextFieldComponent', () => {
     shortComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === expectedError,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toEqual(expectedError);
   });
@@ -198,7 +210,9 @@ describe('TextFieldComponent', () => {
     longComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === undefined,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toBeUndefined();
   });
@@ -214,7 +228,10 @@ describe('TextFieldComponent', () => {
 
     const expectedBrokenRule = ValidationRule.MAX_LENGTH;
     const lengthParam: string[] = [longStringTextInfo?.length?.toString() ?? '0'];
-    const expectedError: string = longComponent.localizationService.getString('THIS_FIELD_HAS_MAXIMUM_ALLOWED_LENGTH_0_CHARACTERS', lengthParam);
+    const expectedError: string = longComponent.localizationService.getString(
+      'THIS_FIELD_HAS_MAXIMUM_ALLOWED_LENGTH_0_CHARACTERS',
+      lengthParam
+    );
     expect(longComponent.getBrokenValidationRule()).toEqual(expectedBrokenRule);
     let value: string | undefined;
     longComponent.fieldValidationErrorMsg.subscribe((val) => {
@@ -224,7 +241,9 @@ describe('TextFieldComponent', () => {
     longComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === expectedError,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toEqual(expectedError);
   });
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/text-field/text-field.component.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/text-field/text-field.component.ts
index e759d606..4264eef2 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/text-field/text-field.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/text-field/text-field.component.ts
@@ -1,109 +1,114 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component, OnInit } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ReactiveFormsModule, ValidatorFn } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { BaseFieldDirective } from '../base-field/base-field.directive';
-import { ErrorStateMatcher, ShowOnDirtyErrorStateMatcher } from '@angular/material/core';
-import { ValidationRule } from '@laserfiche/lf-ui-components/internal-shared';
-import { Observable } from 'rxjs';
-import { LfTokenPickerComponent } from '../../lf-token-picker/lf-token-picker.component';
-import { DynamicFieldComponent } from '../dynamic-field/dynamic-field.component';
-
-@Component({
-    selector: 'lf-text-field-component',
-    templateUrl: './text-field.component.html',
-    styleUrls: ['./text-field.component.css', './../lf-field-base/lf-field-base.component.css'],
-    providers: [
-        { provide: BaseFieldDirective, useExisting: TextFieldComponent },
-        { provide: ErrorStateMatcher, useClass: ShowOnDirtyErrorStateMatcher }
-    ],
-    standalone: true,
-    imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, MatInputModule, LfTokenPickerComponent, DynamicFieldComponent]
-})
-export class TextFieldComponent extends BaseFieldDirective implements OnInit {
-  getValidationTextForFieldType(validationRuleName: ValidationRule): Observable<string> | undefined {
-    return undefined;
-  }
-
-  focusState: boolean | undefined;
-  get isShortField(): boolean {
-    return (!this.lf_field_info.length || this.lf_field_info.length <= 40);
-  }
-
-  serializeFieldFormControlValue(): string {
-    return this.getLfFieldFormControlValue()?.trim();
-  }
-
-  deserializeLfFieldValue(): string {
-    return this.lf_field_value?.trim() ?? '';
-  }
-
-  getAdditionalValidatorsForFieldType(): ValidatorFn[] {
-    return [];
-  }
-
-  createNewFieldValueWithToken(token: string): string {
-    let newValue: string = '';
-    if (this.tokenTarget) {
-      const originalFieldVal: string = this.tokenTarget.nativeElement.value;
-      const selectionStart: number = this.tokenTarget.nativeElement.selectionStart;
-      const selectionEnd: number = this.tokenTarget.nativeElement.selectionEnd;
-      const formattedToken: string = `%(${token})`;
-      const textBeforeToken: string = originalFieldVal.substring(0, selectionStart);
-      const textAfterToken: string = originalFieldVal.substring(selectionEnd);
-      newValue = textBeforeToken + formattedToken + textAfterToken;
-    }
-    return newValue;
-  }
-
-  onFocusIn() {
-    this.focusState = true;
-    this.ref.detectChanges();
-  }
-
-  onFocusOut() {
-    this.focusState = false;
-    this.ref.detectChanges();
-  }
-
-  onEveryInputChange() {
-    this.ref.detectChanges();
-    if (this.containsToken) {
-      this.lf_field_form_control.clearValidators();
-    }
-    else {
-      this.resetToDefaultValidators();
-    }
-    this.lf_field_form_control.updateValueAndValidity();
-    super.onValueChanged(false);
-  }
-
-  protected override fieldOnValueChanged(): void {
-    const currentValue = this.lf_field_form_control.value;
-    this.lf_field_form_control.setValue(currentValue ?? '');
-  }
-
-  onTextValueChanged() {
-    if (this.containsToken) {
-      this.lf_field_form_control.clearValidators();
-    }
-    else {
-      this.resetToDefaultValidators();
-    }
-    this.lf_field_form_control.updateValueAndValidity();
-    super.onValueChanged();
-  }
-
-  onTextTokenChosen(token: string) {
-    const newFieldVal: string = this.createNewFieldValueWithToken(token);
-    if (this.tokenService.containsTokenForFieldType(newFieldVal, this.lf_field_info.fieldType, this.is_import_mode)) {
-      this.lf_field_form_control.clearValidators();
-      this.lf_field_form_control.updateValueAndValidity();
-    }
-    this.onTokenChosen(token);
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component, OnInit } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule, ValidatorFn } from '@angular/forms';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { BaseFieldDirective } from '../base-field/base-field.directive';
+import { ErrorStateMatcher, ShowOnDirtyErrorStateMatcher } from '@angular/material/core';
+import { ValidationRule } from '@laserfiche/lf-ui-components/internal-shared';
+import { Observable } from 'rxjs';
+import { LfTokenPickerComponent } from '../../lf-token-picker/lf-token-picker.component';
+import { DynamicFieldComponent } from '../dynamic-field/dynamic-field.component';
+
+@Component({
+  selector: 'lf-text-field-component',
+  templateUrl: './text-field.component.html',
+  styleUrls: ['./text-field.component.css', './../lf-field-base/lf-field-base.component.css'],
+  providers: [
+    { provide: BaseFieldDirective, useExisting: TextFieldComponent },
+    { provide: ErrorStateMatcher, useClass: ShowOnDirtyErrorStateMatcher },
+  ],
+  standalone: true,
+  imports: [
+    CommonModule,
+    ReactiveFormsModule,
+    MatFormFieldModule,
+    MatInputModule,
+    LfTokenPickerComponent,
+    DynamicFieldComponent,
+  ],
+})
+export class TextFieldComponent extends BaseFieldDirective implements OnInit {
+  getValidationTextForFieldType(validationRuleName: ValidationRule): Observable<string> | undefined {
+    return undefined;
+  }
+
+  focusState: boolean | undefined;
+  get isShortField(): boolean {
+    return !this.lf_field_info.length || this.lf_field_info.length <= 40;
+  }
+
+  serializeFieldFormControlValue(): string {
+    return this.getLfFieldFormControlValue()?.trim();
+  }
+
+  deserializeLfFieldValue(): string {
+    return this.lf_field_value?.trim() ?? '';
+  }
+
+  getAdditionalValidatorsForFieldType(): ValidatorFn[] {
+    return [];
+  }
+
+  createNewFieldValueWithToken(token: string): string {
+    let newValue: string = '';
+    if (this.tokenTarget) {
+      const originalFieldVal: string = this.tokenTarget.nativeElement.value;
+      const selectionStart: number = this.tokenTarget.nativeElement.selectionStart;
+      const selectionEnd: number = this.tokenTarget.nativeElement.selectionEnd;
+      const formattedToken: string = `%(${token})`;
+      const textBeforeToken: string = originalFieldVal.substring(0, selectionStart);
+      const textAfterToken: string = originalFieldVal.substring(selectionEnd);
+      newValue = textBeforeToken + formattedToken + textAfterToken;
+    }
+    return newValue;
+  }
+
+  onFocusIn() {
+    this.focusState = true;
+    this.ref.detectChanges();
+  }
+
+  onFocusOut() {
+    this.focusState = false;
+    this.ref.detectChanges();
+  }
+
+  onEveryInputChange() {
+    this.ref.detectChanges();
+    if (this.containsToken) {
+      this.lf_field_form_control.clearValidators();
+    } else {
+      this.resetToDefaultValidators();
+    }
+    this.lf_field_form_control.updateValueAndValidity();
+    super.onValueChanged(false);
+  }
+
+  protected override fieldOnValueChanged(): void {
+    const currentValue = this.lf_field_form_control.value;
+    this.lf_field_form_control.setValue(currentValue ?? '');
+  }
+
+  onTextValueChanged() {
+    if (this.containsToken) {
+      this.lf_field_form_control.clearValidators();
+    } else {
+      this.resetToDefaultValidators();
+    }
+    this.lf_field_form_control.updateValueAndValidity();
+    super.onValueChanged();
+  }
+
+  onTextTokenChosen(token: string) {
+    const newFieldVal: string = this.createNewFieldValueWithToken(token);
+    if (this.tokenService.containsTokenForFieldType(newFieldVal, this.lf_field_info.fieldType, this.is_import_mode)) {
+      this.lf_field_form_control.clearValidators();
+      this.lf_field_form_control.updateValueAndValidity();
+    }
+    this.onTokenChosen(token);
+  }
+}
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/time-field/time-field.component.html b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/time-field/time-field.component.html
index 65c98671..b759730c 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/time-field/time-field.component.html
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/time-field/time-field.component.html
@@ -2,30 +2,48 @@
 Licensed under the MIT License. See LICENSE in the project root for license information.-->
 
 @if (!isDynamic) {
-  <span class="token-picker-field-box" [ngClass]="{'extra-space': !getBrokenValidationRule()}">
+  <span class="token-picker-field-box" [ngClass]="{ 'extra-space': !getBrokenValidationRule() }">
     @if (showTokenTextBox) {
-      <mat-form-field title="{{lf_field_info.displayName}}" appearance="outline" class="lf-field">
-        <input #tokenTarget matInput type="text" [formControl]="lf_field_form_control"
-          title="{{lf_field_form_control.value}}" (change)="onTimeValueChangedAsync()">
+      <mat-form-field title="{{ lf_field_info.displayName }}" appearance="outline" class="lf-field">
+        <input
+          #tokenTarget
+          matInput
+          type="text"
+          [formControl]="lf_field_form_control"
+          title="{{ lf_field_form_control.value }}"
+          (change)="onTimeValueChangedAsync()"
+        />
       </mat-form-field>
     }
     @if (!showTokenTextBox) {
-      <lf-uni-date-time #tokenTarget class="lf-field" [config]="uniDateTimeConfig"
-        [settings]="uniDateTimeSettings" (valueChangedEventHandler)="onUniDateOrTimeChanged($event)">
+      <lf-uni-date-time
+        #tokenTarget
+        class="lf-field"
+        [config]="uniDateTimeConfig"
+        [settings]="uniDateTimeSettings"
+        (valueChangedEventHandler)="onUniDateOrTimeChanged($event)"
+      >
       </lf-uni-date-time>
     }
-    <lf-token-picker-component class="lf-field-token-picker" (tokenPicked)="onTimeTokenChosen($event)"
-      [data]="lfFieldTokenData">
+    <lf-token-picker-component
+      class="lf-field-token-picker"
+      (tokenPicked)="onTimeTokenChosen($event)"
+      [data]="lfFieldTokenData"
+    >
     </lf-token-picker-component>
   </span>
 } @else {
-  <lf-dynamic-field-component ngDefaultControl [options]="dynamic_field_value_options"
-    [formControl]="lf_field_form_control" [title]="lf_field_info.displayName"
-    [fieldValidationErrorMsg]="fieldValidationErrorMsg" [getBrokenValidationRule]="getBrokenValidationRule.bind(this)"
-    (valueChange)="onValueChanged()">
+  <lf-dynamic-field-component
+    ngDefaultControl
+    [options]="dynamic_field_value_options"
+    [formControl]="lf_field_form_control"
+    [title]="lf_field_info.displayName"
+    [fieldValidationErrorMsg]="fieldValidationErrorMsg"
+    [getBrokenValidationRule]="getBrokenValidationRule.bind(this)"
+    (valueChange)="onValueChanged()"
+  >
   </lf-dynamic-field-component>
 }
 @if (getBrokenValidationRule()) {
-  <mat-error>{{fieldValidationErrorMsg | async}}</mat-error>
+  <mat-error>{{ fieldValidationErrorMsg | async }}</mat-error>
 }
-
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/time-field/time-field.component.spec.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/time-field/time-field.component.spec.ts
index 17fb6789..18eda79f 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/time-field/time-field.component.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/time-field/time-field.component.spec.ts
@@ -5,7 +5,7 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { TimeFieldComponent } from './time-field.component';
 import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { LfFieldInfo } from '../../../utils/lf-field-types';
-import { AppLocalizationService,ValidationRule } from '@laserfiche/lf-ui-components/internal-shared';
+import { AppLocalizationService, ValidationRule } from '@laserfiche/lf-ui-components/internal-shared';
 import { LfFieldTokenService } from '../lf-field-token.service';
 import { FieldType, FieldFormat } from '@laserfiche/lf-ui-components/shared';
 import { LfTokenPickerComponent } from '../../lf-token-picker/lf-token-picker.component';
@@ -31,7 +31,7 @@ describe('TimeFieldComponent', () => {
     isRequired: true,
     fieldType: FieldType.Time,
     format: FieldFormat.ShortTime,
-    displayName: 'requiredTimeName'
+    displayName: 'requiredTimeName',
   };
 
   const optionalTime: LfFieldInfo = {
@@ -40,7 +40,7 @@ describe('TimeFieldComponent', () => {
     description: 'optionalTimeDescription',
     fieldType: FieldType.Time,
     format: FieldFormat.LongTime,
-    displayName: 'optionalTimeName'
+    displayName: 'optionalTimeName',
   };
 
   beforeEach(async () => {
@@ -57,10 +57,7 @@ describe('TimeFieldComponent', () => {
         ReactiveFormsModule,
         UniDateTimeComponent,
       ],
-      providers:[
-        LfFieldTokenService,
-        AppLocalizationService
-      ]
+      providers: [LfFieldTokenService, AppLocalizationService],
     }).compileComponents();
   });
 
@@ -98,7 +95,9 @@ describe('TimeFieldComponent', () => {
     requiredTimeComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === expectedError,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toEqual(expectedError);
   });
@@ -113,7 +112,9 @@ describe('TimeFieldComponent', () => {
     optionalTimeComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === undefined,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toBeUndefined();
   });
@@ -128,7 +129,9 @@ describe('TimeFieldComponent', () => {
 
     // assert
     const expectedBrokenRule = ValidationRule.TIME;
-    const expectedError = requiredTimeComponent.localizationService.getString('TIME_FIELDS_MUST_BE_IN_FORMAT_0', ['hh:mm A']);
+    const expectedError = requiredTimeComponent.localizationService.getString('TIME_FIELDS_MUST_BE_IN_FORMAT_0', [
+      'hh:mm A',
+    ]);
     expect(requiredTimeComponent.getBrokenValidationRule()).toEqual(expectedBrokenRule);
     let value: string | undefined;
     requiredTimeComponent.fieldValidationErrorMsg.subscribe((val) => {
@@ -138,7 +141,9 @@ describe('TimeFieldComponent', () => {
     requiredTimeComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === expectedError,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toEqual(expectedError);
   });
@@ -161,7 +166,9 @@ describe('TimeFieldComponent', () => {
     requiredTimeComponent.lf_field_form_control.updateValueAndValidity();
     await CoreUtils.waitForConditionAsync(
       () => value === undefined,
-      () => { throw Error(`Timeout: value was ${value}`); }
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
     );
     expect(value).toBeUndefined();
   });
@@ -183,5 +190,4 @@ describe('TimeFieldComponent', () => {
     //@ts-ignore
     expect(requiredTimeComponent.timeDisplayFormat).toEqual('hh:mm A');
   });
-
 });
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/time-field/time-field.component.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/time-field/time-field.component.ts
index 3d308ab7..12ae9f30 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/time-field/time-field.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-field-base/time-field/time-field.component.ts
@@ -16,15 +16,23 @@ import { LfTokenPickerComponent } from '../../lf-token-picker/lf-token-picker.co
 import { DynamicFieldComponent } from '../dynamic-field/dynamic-field.component';
 
 @Component({
-    selector: 'lf-time-field-component',
-    templateUrl: './time-field.component.html',
-    styleUrls: ['./time-field.component.css', './../lf-field-base/lf-field-base.component.css'],
-    providers: [
-        { provide: DateTimeBaseFieldDirective, useExisting: TimeFieldComponent },
-        { provide: ErrorStateMatcher, useClass: ShowOnDirtyErrorStateMatcher },
-    ],
-    standalone: true,
-    imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, MatInputModule, UniDateTimeComponent, LfTokenPickerComponent, DynamicFieldComponent]
+  selector: 'lf-time-field-component',
+  templateUrl: './time-field.component.html',
+  styleUrls: ['./time-field.component.css', './../lf-field-base/lf-field-base.component.css'],
+  providers: [
+    { provide: DateTimeBaseFieldDirective, useExisting: TimeFieldComponent },
+    { provide: ErrorStateMatcher, useClass: ShowOnDirtyErrorStateMatcher },
+  ],
+  standalone: true,
+  imports: [
+    CommonModule,
+    ReactiveFormsModule,
+    MatFormFieldModule,
+    MatInputModule,
+    UniDateTimeComponent,
+    LfTokenPickerComponent,
+    DynamicFieldComponent,
+  ],
 })
 export class TimeFieldComponent extends DateTimeBaseFieldDirective implements OnInit {
   private timeDisplayFormat: string | undefined;
@@ -78,8 +86,7 @@ export class TimeFieldComponent extends DateTimeBaseFieldDirective implements On
   }
 
   private getTimeFormat(): string {
-    if (this.timeDisplayFormat)
-    {
+    if (this.timeDisplayFormat) {
       return this.timeDisplayFormat;
     }
     switch (this.lf_field_info?.format) {
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.css b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.css
index 0ec3333b..1a7da06b 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.css
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.css
@@ -33,7 +33,7 @@
   font-size: 14px;
   list-style: none;
   background-color: #fff;
-  border: 1px solid rgba(0,0,0,0.15);
+  border: 1px solid rgba(0, 0, 0, 0.15);
   border-radius: 4px;
   box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
 }
@@ -63,11 +63,11 @@
 }
 
 .token-picker-option:hover {
-  background-color: rgba(204,233,241,0.5);
+  background-color: rgba(204, 233, 241, 0.5);
 }
 
 .token-picker-option:focus {
-  background-color: rgba(204,233,241,0.3);
+  background-color: rgba(204, 233, 241, 0.3);
 }
 
 .token-picker-icon {
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.html b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.html
index 60a3fb5b..dfe78f7c 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.html
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.html
@@ -2,13 +2,12 @@
 Licensed under the MIT License. See LICENSE in the project root for license information.-->
 
 <button class="token-picker-button" [matMenuTriggerFor]="tokenMenu">
-  <span class="material-icons token-picker-icon">
-    navigate_next
-  </span>
+  <span class="material-icons token-picker-icon"> navigate_next </span>
 </button>
 <mat-menu #tokenMenu="matMenu" class="token-picker-dropdown">
   @for (token of tokens; track token) {
-    <button class="token-picker-option" mat-menu-item
-    (click)="onTokenChosen(token)">{{token.friendlyName | async}}</button>
+    <button class="token-picker-option" mat-menu-item (click)="onTokenChosen(token)">
+      {{ token.friendlyName | async }}
+    </button>
   }
 </mat-menu>
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.spec.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.spec.ts
index 5d7f25ac..92500a48 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.spec.ts
@@ -1,35 +1,33 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatMenuModule } from '@angular/material/menu';
-import { FieldType } from '@laserfiche/lf-ui-components/shared';
-import { LfFieldTokenData, LfFieldTokenService } from '../lf-field-base/lf-field-token.service';
-import { LfTokenPickerComponent } from './lf-token-picker.component';
-import { LfTokenService } from './lf-token.service';
-
-describe('LfTokenPickerComponent', () => {
-  let component: LfTokenPickerComponent;
-  let fixture: ComponentFixture<LfTokenPickerComponent>;
-  const data: LfFieldTokenData = {
-    fieldType: FieldType.Date
-  };
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [LfTokenPickerComponent, MatMenuModule],
-      providers: [
-        { provide: LfTokenService, useClass: LfFieldTokenService }]
-    })
-      .compileComponents();
-
-      fixture = TestBed.createComponent(LfTokenPickerComponent);
-      component = fixture.componentInstance;
-      component.data = data;
-      fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatMenuModule } from '@angular/material/menu';
+import { FieldType } from '@laserfiche/lf-ui-components/shared';
+import { LfFieldTokenData, LfFieldTokenService } from '../lf-field-base/lf-field-token.service';
+import { LfTokenPickerComponent } from './lf-token-picker.component';
+import { LfTokenService } from './lf-token.service';
+
+describe('LfTokenPickerComponent', () => {
+  let component: LfTokenPickerComponent;
+  let fixture: ComponentFixture<LfTokenPickerComponent>;
+  const data: LfFieldTokenData = {
+    fieldType: FieldType.Date,
+  };
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [LfTokenPickerComponent, MatMenuModule],
+      providers: [{ provide: LfTokenService, useClass: LfFieldTokenService }],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(LfTokenPickerComponent);
+    component = fixture.componentInstance;
+    component.data = data;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.ts
index 1f2af8a6..494dea3b 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token-picker.component.ts
@@ -8,17 +8,16 @@ import { LfFieldTokenService } from '../lf-field-base/lf-field-token.service';
 import { LfToken } from './lf-token.service';
 
 @Component({
-    selector: 'lf-token-picker-component',
-    templateUrl: './lf-token-picker.component.html',
-    styleUrls: ['./lf-token-picker.component.css'],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
-    imports: [CommonModule, MatMenuModule]
+  selector: 'lf-token-picker-component',
+  templateUrl: './lf-token-picker.component.html',
+  styleUrls: ['./lf-token-picker.component.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [CommonModule, MatMenuModule],
 })
 export class LfTokenPickerComponent implements OnInit {
   tokenService = inject(LfFieldTokenService);
 
-
   @Input() data: any;
   @Output() tokenPicked: EventEmitter<string> = new EventEmitter();
   tokens: LfToken[] = [];
diff --git a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token.service.ts b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token.service.ts
index 7008d27f..8fd8a2dd 100644
--- a/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token.service.ts
+++ b/projects/ui-components/lf-metadata/field-components/field-base-parts/lf-token-picker/lf-token.service.ts
@@ -1,20 +1,20 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Injectable } from '@angular/core';
-import { Observable } from 'rxjs';
-
-/** @internal */
-@Injectable({
-  providedIn: 'root'
-})
-export abstract class LfTokenService {
-  abstract getTokensAsync(lfTokenSubject: any): Promise<LfToken[]>;
-}
-
-/** @internal */
-export interface LfToken {
-  id: string | number;
-  friendlyName: Observable<string>;
-  text: string;
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Injectable } from '@angular/core';
+import { Observable } from 'rxjs';
+
+/** @internal */
+@Injectable({
+  providedIn: 'root',
+})
+export abstract class LfTokenService {
+  abstract getTokensAsync(lfTokenSubject: any): Promise<LfToken[]>;
+}
+
+/** @internal */
+export interface LfToken {
+  id: string | number;
+  friendlyName: Observable<string>;
+  text: string;
+}
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group-index-display.pipe.spec.ts b/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group-index-display.pipe.spec.ts
index a0c2efd3..107ca510 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group-index-display.pipe.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group-index-display.pipe.spec.ts
@@ -1,57 +1,63 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { CoreUtils } from '@laserfiche/lf-js-utils';
-import { of } from 'rxjs';
-import { LfFieldGroupIndexDisplayPipe } from './lf-field-group-index-display.pipe';
-
-describe('LfFieldGroupIndexDisplayPipe', () => {
-  const pipe = new LfFieldGroupIndexDisplayPipe();
-  it('create an instance', () => {
-    expect(pipe).toBeTruthy();
-  });
-
-  it('returns string if params do not match', async () => {
-    const transform = pipe.transform(of('hi'), 1, 1);
-
-    const expected = 'hi';
-    let value: string | undefined;
-    transform.subscribe((val) => {
-      value = val;
-    });
-    await CoreUtils.waitForConditionAsync(
-      () => value === expected,
-      () => { throw Error(`Timeout: value was ${value}`); }
-    );
-    expect(value).toEqual(expected);
-  });
-
-  it('replaces params if possible', async () => {
-    const transform = pipe.transform(of('Test header {0} {1}'), 1, 5);
-
-    const expected = 'Test header 2 5';
-    let value: string | undefined;
-    transform.subscribe((val) => {
-      value = val;
-    });
-    await CoreUtils.waitForConditionAsync(
-      () => value === expected,
-      () => { throw Error(`Timeout: value was ${value}`); }
-    );
-    expect(value).toEqual(expected);
-  });
-
-  it('returns string if there are too many params', async () => {
-    const transform = pipe.transform(of('Test header {0} {1} {2}'), 1, 1);
-    const expected = 'Test header {0} {1} {2}';
-    let value: string | undefined;
-    transform.subscribe((val) => {
-      value = val;
-    });
-    await CoreUtils.waitForConditionAsync(
-      () => value === expected,
-      () => { throw Error(`Timeout: value was ${value}`); }
-    );
-    expect(value).toEqual(expected);
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { CoreUtils } from '@laserfiche/lf-js-utils';
+import { of } from 'rxjs';
+import { LfFieldGroupIndexDisplayPipe } from './lf-field-group-index-display.pipe';
+
+describe('LfFieldGroupIndexDisplayPipe', () => {
+  const pipe = new LfFieldGroupIndexDisplayPipe();
+  it('create an instance', () => {
+    expect(pipe).toBeTruthy();
+  });
+
+  it('returns string if params do not match', async () => {
+    const transform = pipe.transform(of('hi'), 1, 1);
+
+    const expected = 'hi';
+    let value: string | undefined;
+    transform.subscribe((val) => {
+      value = val;
+    });
+    await CoreUtils.waitForConditionAsync(
+      () => value === expected,
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
+    );
+    expect(value).toEqual(expected);
+  });
+
+  it('replaces params if possible', async () => {
+    const transform = pipe.transform(of('Test header {0} {1}'), 1, 5);
+
+    const expected = 'Test header 2 5';
+    let value: string | undefined;
+    transform.subscribe((val) => {
+      value = val;
+    });
+    await CoreUtils.waitForConditionAsync(
+      () => value === expected,
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
+    );
+    expect(value).toEqual(expected);
+  });
+
+  it('returns string if there are too many params', async () => {
+    const transform = pipe.transform(of('Test header {0} {1} {2}'), 1, 1);
+    const expected = 'Test header {0} {1} {2}';
+    let value: string | undefined;
+    transform.subscribe((val) => {
+      value = val;
+    });
+    await CoreUtils.waitForConditionAsync(
+      () => value === expected,
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
+    );
+    expect(value).toEqual(expected);
+  });
+});
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group-index-display.pipe.ts b/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group-index-display.pipe.ts
index 0ee14f9a..adb7e325 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group-index-display.pipe.ts
+++ b/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group-index-display.pipe.ts
@@ -1,41 +1,40 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Pipe, PipeTransform } from '@angular/core';
-import { StringUtils } from '@laserfiche/lf-js-utils';
-import { Observable } from 'rxjs';
-import { map } from 'rxjs/operators';
-
-/**
- * Pipe that formats a string '{0} of {1}' with the given parameters
- */
-@Pipe({
-    name: 'lfFieldGroupIndexDisplay',
-    standalone: true
-})
-export class LfFieldGroupIndexDisplayPipe implements PipeTransform {
-
-  constructor() { }
-
-  /**
-   * Formats the given string with the two expected params
-   * @param res_0_of_1 Localized string in the form '{0} of {1}'
-   * @param currentIndex The current index of the group (0-indexed)
-   * @param totalNumber The total number of groups
-   * @returns The string formatted with the given numbers. Adds one to the current index.
-   * Returns undefined if the string does not contain 2 params
-   */
-  transform(res_0_of_1: Observable<string>, currentIndex: number, totalNumber: number,): Observable<string> {
-    const stringObservable = res_0_of_1.pipe(map((stringToFormat) => {
-      try {
-        return StringUtils.formatString(stringToFormat, [(currentIndex + 1).toString(), totalNumber.toString()]);
-      }
-      catch (err: any) {
-        console.warn('Unable to format string', err.message);
-        return stringToFormat;
-      }
-    }));
-    return stringObservable;
-  }
-
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Pipe, PipeTransform } from '@angular/core';
+import { StringUtils } from '@laserfiche/lf-js-utils';
+import { Observable } from 'rxjs';
+import { map } from 'rxjs/operators';
+
+/**
+ * Pipe that formats a string '{0} of {1}' with the given parameters
+ */
+@Pipe({
+  name: 'lfFieldGroupIndexDisplay',
+  standalone: true,
+})
+export class LfFieldGroupIndexDisplayPipe implements PipeTransform {
+  constructor() {}
+
+  /**
+   * Formats the given string with the two expected params
+   * @param res_0_of_1 Localized string in the form '{0} of {1}'
+   * @param currentIndex The current index of the group (0-indexed)
+   * @param totalNumber The total number of groups
+   * @returns The string formatted with the given numbers. Adds one to the current index.
+   * Returns undefined if the string does not contain 2 params
+   */
+  transform(res_0_of_1: Observable<string>, currentIndex: number, totalNumber: number): Observable<string> {
+    const stringObservable = res_0_of_1.pipe(
+      map((stringToFormat) => {
+        try {
+          return StringUtils.formatString(stringToFormat, [(currentIndex + 1).toString(), totalNumber.toString()]);
+        } catch (err: any) {
+          console.warn('Unable to format string', err.message);
+          return stringToFormat;
+        }
+      })
+    );
+    return stringObservable;
+  }
+}
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.css b/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.css
index a30817da..4ff02c2c 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.css
+++ b/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.css
@@ -1,68 +1,69 @@
-.lf-field-group {
-  border: 1px solid black;
-  background-color: white;
-  padding: 10px;
-  margin-bottom: 10px;
-}
-
-.field-group-top-bar {
-  border-bottom: 1px solid rgb(220,220,220);
-  padding-bottom: 10px;
-  margin-bottom: 10px;
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.field-group-button {
-  background-color: white;
-  border: none;
-  color: grey;
-}
-
-.drag-index-section {
-  display: flex;
-  align-items: center;
-}
-
-.index-display {
-  padding-left: 10px;
-}
-
-.field-group-button:disabled {
-  color: rgb(220,220,220);
-}
-
-.field-group-button:hover:enabled {
-  background-color: rgb(220,220,220);
-  border: none;
-  cursor: pointer;
-}
-
-.field-group-drag-handle {
-  cursor: move;
-  padding-right: 10px;
-  border-right: 1px solid rgb(220,220,220);
-}
-
-.lf-field-is-required {
-  padding-left: 2px;
-  color: red;
-}
-
-.cdk-drag-preview {
-  box-sizing: border-box;
-  border-radius: 4px;
-  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
-              0 8px 10px 1px rgba(0, 0, 0, 0.14),
-              0 3px 14px 2px rgba(0, 0, 0, 0.12);
-}
-
-.cdk-drag-placeholder {
-  opacity: 0;
-}
-
-.cdk-drag-animating {
-  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
-}
+.lf-field-group {
+  border: 1px solid black;
+  background-color: white;
+  padding: 10px;
+  margin-bottom: 10px;
+}
+
+.field-group-top-bar {
+  border-bottom: 1px solid rgb(220, 220, 220);
+  padding-bottom: 10px;
+  margin-bottom: 10px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.field-group-button {
+  background-color: white;
+  border: none;
+  color: grey;
+}
+
+.drag-index-section {
+  display: flex;
+  align-items: center;
+}
+
+.index-display {
+  padding-left: 10px;
+}
+
+.field-group-button:disabled {
+  color: rgb(220, 220, 220);
+}
+
+.field-group-button:hover:enabled {
+  background-color: rgb(220, 220, 220);
+  border: none;
+  cursor: pointer;
+}
+
+.field-group-drag-handle {
+  cursor: move;
+  padding-right: 10px;
+  border-right: 1px solid rgb(220, 220, 220);
+}
+
+.lf-field-is-required {
+  padding-left: 2px;
+  color: red;
+}
+
+.cdk-drag-preview {
+  box-sizing: border-box;
+  border-radius: 4px;
+  box-shadow:
+    0 5px 5px -3px rgba(0, 0, 0, 0.2),
+    0 8px 10px 1px rgba(0, 0, 0, 0.14),
+    0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+
+.cdk-drag-placeholder {
+  opacity: 0;
+}
+
+.cdk-drag-animating {
+  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
+}
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.html b/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.html
index bd2fb1f5..7f8bd122 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.html
+++ b/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.html
@@ -6,34 +6,31 @@
     <div cdkDrag class="lf-field-group">
       <div class="field-group-top-bar">
         <span class="drag-index-section">
-          <span class="material-icons field-group-button field-group-drag-handle" cdkDragHandle>
-            drag_indicator
-          </span>
-          <span class="index-display">{{res_0_of_1 | lfFieldGroupIndexDisplay: currentIndex :
-          fieldGroupControlsArray().length | async}}</span>
+          <span class="material-icons field-group-button field-group-drag-handle" cdkDragHandle> drag_indicator </span>
+          <span class="index-display">{{
+            res_0_of_1 | lfFieldGroupIndexDisplay: currentIndex : fieldGroupControlsArray().length | async
+          }}</span>
         </span>
         <span class="field-group-buttons">
           <button class="field-group-button" (click)="onClickAdd(currentIndex)">
-            <span class="material-icons">
-              add
-            </span>
+            <span class="material-icons"> add </span>
           </button>
           <button class="field-group-button" [disabled]="currentIndex === 0" (click)="onClickUp(currentIndex)">
-            <span class="material-icons">
-              arrow_upward
-            </span>
+            <span class="material-icons"> arrow_upward </span>
           </button>
-          <button class="field-group-button" [disabled]="currentIndex >= (fieldGroupControlsArray().length - 1)"
-            (click)="onClickDown(currentIndex)">
-            <span class="material-icons">
-              arrow_downward
-            </span>
+          <button
+            class="field-group-button"
+            [disabled]="currentIndex >= fieldGroupControlsArray().length - 1"
+            (click)="onClickDown(currentIndex)"
+          >
+            <span class="material-icons"> arrow_downward </span>
           </button>
-          <button class="field-group-button" [disabled]="fieldGroupControlsArray().length <= 1"
-            (click)="onClickDelete(currentIndex)">
-            <span class="material-icons-outlined">
-              delete
-            </span>
+          <button
+            class="field-group-button"
+            [disabled]="fieldGroupControlsArray().length <= 1"
+            (click)="onClickDelete(currentIndex)"
+          >
+            <span class="material-icons-outlined"> delete </span>
           </button>
         </span>
       </div>
@@ -42,7 +39,9 @@
           <span class="lf-field-container" id="lf-field-container">
             @if (fieldDef?.fieldInfo.name) {
               <span class="lf-field-title-container">
-                <span class="lf-field-title" title="{{fieldDef?.fieldInfo.displayName}}">{{fieldDef?.fieldInfo.displayName }}</span>
+                <span class="lf-field-title" title="{{ fieldDef?.fieldInfo.displayName }}">{{
+                  fieldDef?.fieldInfo.displayName
+                }}</span>
                 @if (fieldDef?.fieldInfo.isRequired) {
                   <span class="lf-field-is-required">*</span>
                 }
@@ -51,12 +50,15 @@
                 }
               </span>
             }
-            <lf-field-base-component id="{{fieldDef.fieldInfo.name}}{{currentIndex}}" [parentForm]="group"
+            <lf-field-base-component
+              id="{{ fieldDef.fieldInfo.name }}{{ currentIndex }}"
+              [parentForm]="group"
               [lfFieldFormControl]="getSingleField(currentIndex, fieldDef.fieldInfo.id)"
               [lfFieldValue]="getSingleField(currentIndex, fieldDef.fieldInfo.id)?.value"
               [lfFieldInfo]="fieldDef.fieldInfo"
               [dynamicFieldValueOptions]="getOptions(fieldDef.fieldInfo, currentIndex)"
-              (fieldValueChange)="fieldDataChange($event, fieldDef.fieldInfo, currentIndex)">
+              (fieldValueChange)="fieldDataChange($event, fieldDef.fieldInfo, currentIndex)"
+            >
             </lf-field-base-component>
           </span>
         </div>
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.spec.ts b/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.spec.ts
index 729ee6d2..14e64c9c 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.spec.ts
@@ -1,230 +1,243 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { DragDropModule } from '@angular/cdk/drag-drop';
-import { CommonModule } from '@angular/common';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ReactiveFormsModule } from '@angular/forms';
-import { MatIconModule } from '@angular/material/icon';
-import { FieldType } from '@laserfiche/lf-ui-components/shared';
-import { LfLoaderComponent } from '@laserfiche/lf-ui-components/internal-shared';
-import { LfFieldBaseComponent } from '../field-base-parts/lf-field-base/lf-field-base/lf-field-base.component';
-import { FieldValue } from '../utils/lf-field-types';
-import { LfFieldGroupIndexDisplayPipe } from './lf-field-group-index-display.pipe';
-import { LfFieldGroupComponent } from './lf-field-group.component';
-
-describe('LfFieldGroupComponent', () => {
-  let component: LfFieldGroupComponent;
-  let fixture: ComponentFixture<LfFieldGroupComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [
-        LfFieldGroupComponent,
-        LfFieldGroupIndexDisplayPipe,
-        CommonModule,
-        ReactiveFormsModule,
-        DragDropModule,
-        LfFieldBaseComponent,
-        MatIconModule,
-        LfLoaderComponent
-      ]
-    })
-      .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(LfFieldGroupComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('should have no groups before initAsync', () => {
-    expect(component.fieldDefinitions).toEqual([]);
-    expect(component.fieldValues).toEqual(new Map<number, FieldValue>());
-  });
-
-  it('should have 1 group after initAsync', async () => {
-    await component.initAsync([{
-      fieldInfo: {
-        id: 1,
-        name: 'hi',
-        fieldType: FieldType.String,
-        displayName: 'hi'
-      },
-      fieldValues: ['test', 'hello']
-    }]);
-
-    expect(component.fieldDefinitions).toEqual([{
-      fieldInfo: {
-        id: 1,
-        name: 'hi',
-        fieldType: FieldType.String,
-        displayName: 'hi'
-      },
-      fieldValues: ['test', 'hello']
-    }]);
-    const mappedFields = new Map<number, FieldValue>();
-    mappedFields.set(1,
-      {
-        fieldId: 1, fieldName: 'hi', fieldType: FieldType.String, groupId: 0,
-        values: [{ value: 'test', position: '1' }, { value: 'hello', position: '2' }]
-      }
-    );
-    expect(component.fieldValues).toEqual(mappedFields);
-  });
-
-  it('should have 2 groups after add', async () => {
-    await component.initAsync([{
-      fieldInfo: {
-        id: 1,
-        name: 'hi',
-        fieldType: FieldType.String,
-        displayName: 'hi'
-      },
-      fieldValues: ['test']
-    }]);
-    component.onClickAdd(0);
-
-    expect(component.fieldDefinitions).toEqual([{
-      fieldInfo: {
-        id: 1,
-        name: 'hi',
-        fieldType: FieldType.String,
-        displayName: 'hi'
-      },
-      fieldValues: ['test']
-    }]);
-    const mappedFields = new Map<number, FieldValue>();
-    mappedFields.set(1,
-      {
-        fieldId: 1,
-        fieldName: 'hi',
-        fieldType: FieldType.String,
-        groupId: 0,
-        values: [
-          { value: 'test', position: '1' },
-          { value: '', position: '2' }
-        ]
-      }
-    );
-    expect(component.fieldValues).toEqual(mappedFields);
-  });
-
-  it('should have 1 groups after add then remove', async () => {
-    await component.initAsync([{
-      fieldInfo: {
-        id: 1,
-        name: 'hi',
-        fieldType: FieldType.String,
-        displayName: 'hi'
-      },
-      fieldValues: ['test']
-    }]);
-    component.onClickAdd(0);
-    component.onClickDelete(0);
-
-    expect(component.fieldDefinitions).toEqual([{
-      fieldInfo: {
-        id: 1,
-        name: 'hi',
-        fieldType: FieldType.String,
-        displayName: 'hi'
-      },
-      fieldValues: ['test']
-    }]);
-    const mappedFields = new Map<number, FieldValue>();
-    mappedFields.set(1,
-      {
-        fieldId: 1,
-        fieldName: 'hi',
-        fieldType: FieldType.String,
-        groupId: 0,
-        values: [
-          { value: '', position: '1' }
-        ]
-      }
-    );
-    expect(component.fieldValues).toEqual(mappedFields);
-  });
-
-  it('should reverse order after add then move up', async () => {
-    await component.initAsync([{
-      fieldInfo: {
-        id: 1,
-        name: 'hi',
-        fieldType: FieldType.String,
-        displayName: 'hi'
-      },
-      fieldValues: ['test']
-    }]);
-    component.onClickAdd(0);
-    component.onClickUp(1);
-
-    expect(component.fieldDefinitions).toEqual([{
-      fieldInfo: {
-        id: 1,
-        name: 'hi',
-        fieldType: FieldType.String,
-        displayName: 'hi'
-      },
-      fieldValues: ['test']
-    }]);
-    const mappedFields = new Map<number, FieldValue>();
-    mappedFields.set(1,
-      {
-        fieldId: 1,
-        fieldName: 'hi',
-        fieldType: FieldType.String,
-        groupId: 0,
-        values: [
-          { value: '', position: '1' },
-          { value: 'test', position: '2' }
-        ]
-      }
-    );
-    expect(component.fieldValues).toEqual(mappedFields);
-  });
-
-  it('should reverse order after add then move down', async () => {
-    await component.initAsync([{
-      fieldInfo: {
-        id: 1,
-        name: 'hi',
-        fieldType: FieldType.String,
-        displayName: 'hi'
-      },
-      fieldValues: ['test']
-    }]);
-    component.onClickAdd(0);
-    component.onClickDown(0);
-
-    expect(component.fieldDefinitions).toEqual([{
-      fieldInfo: {
-        id: 1,
-        name: 'hi',
-        fieldType: FieldType.String,
-        displayName: 'hi'
-      },
-      fieldValues: ['test']
-    }]);
-    const mappedFields = new Map<number, FieldValue>();
-    mappedFields.set(1,
-      {
-        fieldId: 1,
-        fieldName: 'hi',
-        fieldType: FieldType.String,
-        groupId: 0,
-        values: [
-          { value: '', position: '1' },
-          { value: 'test', position: '2' }
-        ]
-      }
-    );
-    expect(component.fieldValues).toEqual(mappedFields);
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { DragDropModule } from '@angular/cdk/drag-drop';
+import { CommonModule } from '@angular/common';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ReactiveFormsModule } from '@angular/forms';
+import { MatIconModule } from '@angular/material/icon';
+import { FieldType } from '@laserfiche/lf-ui-components/shared';
+import { LfLoaderComponent } from '@laserfiche/lf-ui-components/internal-shared';
+import { LfFieldBaseComponent } from '../field-base-parts/lf-field-base/lf-field-base/lf-field-base.component';
+import { FieldValue } from '../utils/lf-field-types';
+import { LfFieldGroupIndexDisplayPipe } from './lf-field-group-index-display.pipe';
+import { LfFieldGroupComponent } from './lf-field-group.component';
+
+describe('LfFieldGroupComponent', () => {
+  let component: LfFieldGroupComponent;
+  let fixture: ComponentFixture<LfFieldGroupComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [
+        LfFieldGroupComponent,
+        LfFieldGroupIndexDisplayPipe,
+        CommonModule,
+        ReactiveFormsModule,
+        DragDropModule,
+        LfFieldBaseComponent,
+        MatIconModule,
+        LfLoaderComponent,
+      ],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LfFieldGroupComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('should have no groups before initAsync', () => {
+    expect(component.fieldDefinitions).toEqual([]);
+    expect(component.fieldValues).toEqual(new Map<number, FieldValue>());
+  });
+
+  it('should have 1 group after initAsync', async () => {
+    await component.initAsync([
+      {
+        fieldInfo: {
+          id: 1,
+          name: 'hi',
+          fieldType: FieldType.String,
+          displayName: 'hi',
+        },
+        fieldValues: ['test', 'hello'],
+      },
+    ]);
+
+    expect(component.fieldDefinitions).toEqual([
+      {
+        fieldInfo: {
+          id: 1,
+          name: 'hi',
+          fieldType: FieldType.String,
+          displayName: 'hi',
+        },
+        fieldValues: ['test', 'hello'],
+      },
+    ]);
+    const mappedFields = new Map<number, FieldValue>();
+    mappedFields.set(1, {
+      fieldId: 1,
+      fieldName: 'hi',
+      fieldType: FieldType.String,
+      groupId: 0,
+      values: [
+        { value: 'test', position: '1' },
+        { value: 'hello', position: '2' },
+      ],
+    });
+    expect(component.fieldValues).toEqual(mappedFields);
+  });
+
+  it('should have 2 groups after add', async () => {
+    await component.initAsync([
+      {
+        fieldInfo: {
+          id: 1,
+          name: 'hi',
+          fieldType: FieldType.String,
+          displayName: 'hi',
+        },
+        fieldValues: ['test'],
+      },
+    ]);
+    component.onClickAdd(0);
+
+    expect(component.fieldDefinitions).toEqual([
+      {
+        fieldInfo: {
+          id: 1,
+          name: 'hi',
+          fieldType: FieldType.String,
+          displayName: 'hi',
+        },
+        fieldValues: ['test'],
+      },
+    ]);
+    const mappedFields = new Map<number, FieldValue>();
+    mappedFields.set(1, {
+      fieldId: 1,
+      fieldName: 'hi',
+      fieldType: FieldType.String,
+      groupId: 0,
+      values: [
+        { value: 'test', position: '1' },
+        { value: '', position: '2' },
+      ],
+    });
+    expect(component.fieldValues).toEqual(mappedFields);
+  });
+
+  it('should have 1 groups after add then remove', async () => {
+    await component.initAsync([
+      {
+        fieldInfo: {
+          id: 1,
+          name: 'hi',
+          fieldType: FieldType.String,
+          displayName: 'hi',
+        },
+        fieldValues: ['test'],
+      },
+    ]);
+    component.onClickAdd(0);
+    component.onClickDelete(0);
+
+    expect(component.fieldDefinitions).toEqual([
+      {
+        fieldInfo: {
+          id: 1,
+          name: 'hi',
+          fieldType: FieldType.String,
+          displayName: 'hi',
+        },
+        fieldValues: ['test'],
+      },
+    ]);
+    const mappedFields = new Map<number, FieldValue>();
+    mappedFields.set(1, {
+      fieldId: 1,
+      fieldName: 'hi',
+      fieldType: FieldType.String,
+      groupId: 0,
+      values: [{ value: '', position: '1' }],
+    });
+    expect(component.fieldValues).toEqual(mappedFields);
+  });
+
+  it('should reverse order after add then move up', async () => {
+    await component.initAsync([
+      {
+        fieldInfo: {
+          id: 1,
+          name: 'hi',
+          fieldType: FieldType.String,
+          displayName: 'hi',
+        },
+        fieldValues: ['test'],
+      },
+    ]);
+    component.onClickAdd(0);
+    component.onClickUp(1);
+
+    expect(component.fieldDefinitions).toEqual([
+      {
+        fieldInfo: {
+          id: 1,
+          name: 'hi',
+          fieldType: FieldType.String,
+          displayName: 'hi',
+        },
+        fieldValues: ['test'],
+      },
+    ]);
+    const mappedFields = new Map<number, FieldValue>();
+    mappedFields.set(1, {
+      fieldId: 1,
+      fieldName: 'hi',
+      fieldType: FieldType.String,
+      groupId: 0,
+      values: [
+        { value: '', position: '1' },
+        { value: 'test', position: '2' },
+      ],
+    });
+    expect(component.fieldValues).toEqual(mappedFields);
+  });
+
+  it('should reverse order after add then move down', async () => {
+    await component.initAsync([
+      {
+        fieldInfo: {
+          id: 1,
+          name: 'hi',
+          fieldType: FieldType.String,
+          displayName: 'hi',
+        },
+        fieldValues: ['test'],
+      },
+    ]);
+    component.onClickAdd(0);
+    component.onClickDown(0);
+
+    expect(component.fieldDefinitions).toEqual([
+      {
+        fieldInfo: {
+          id: 1,
+          name: 'hi',
+          fieldType: FieldType.String,
+          displayName: 'hi',
+        },
+        fieldValues: ['test'],
+      },
+    ]);
+    const mappedFields = new Map<number, FieldValue>();
+    mappedFields.set(1, {
+      fieldId: 1,
+      fieldName: 'hi',
+      fieldType: FieldType.String,
+      groupId: 0,
+      values: [
+        { value: '', position: '1' },
+        { value: 'test', position: '2' },
+      ],
+    });
+    expect(component.fieldValues).toEqual(mappedFields);
+  });
+});
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.ts b/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.ts
index 3f45c293..e764708b 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.ts
@@ -78,7 +78,7 @@ export class LfFieldGroupComponent {
   @Input()
   initAsync = async (
     fieldDefinitions: FieldDefinition[],
-    dynamicFieldOptions?: Map<number, string[][]>,
+    dynamicFieldOptions?: Map<number, string[][]>
   ): Promise<void> => {
     this.fieldDefinitions = fieldDefinitions ?? [];
     this.groupId = fieldDefinitions[0]?.fieldInfo?.groupId ?? 0;
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.html b/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.html
index 4209c3c9..fcc48df4 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.html
+++ b/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.html
@@ -3,7 +3,7 @@
 
 @if (showField) {
   <span class="lf-field-title-container">
-    <span class="lf-field-title" title="{{lfFieldInfo?.displayName }}">{{lfFieldInfo?.displayName}}</span>
+    <span class="lf-field-title" title="{{ lfFieldInfo?.displayName }}">{{ lfFieldInfo?.displayName }}</span>
     @if (lfFieldInfo?.isRequired) {
       <span class="lf-field-is-required">*</span>
     }
@@ -12,19 +12,25 @@
     }
   </span>
   <form class="lf-field-form" [formGroup]="multiValueFieldParentForm">
-    @for (lfFieldValue of lfFieldValues; track trackByIndex(currentIndex, lfFieldValue); let currentIndex = $index; let isLast = $last) {
-      <span class="single-field-container"
+    @for (
+      lfFieldValue of lfFieldValues;
+      track trackByIndex(currentIndex, lfFieldValue);
+      let currentIndex = $index;
+      let isLast = $last
+    ) {
+      <span class="single-field-container">
+        <lf-field-base-component
+          [parentForm]="multiValueFieldParentForm"
+          [lfFieldFormControl]="getSingleField(currentIndex)"
+          [lfFieldInfo]="getLfFieldInfo(currentIndex)"
+          [lfFieldValue]="lfFieldValue"
+          [dynamicFieldValueOptions]="getOptions()"
+          (fieldValueChange)="onChange($event, currentIndex)"
         >
-        <lf-field-base-component [parentForm]="multiValueFieldParentForm" [lfFieldFormControl]="getSingleField(currentIndex)"
-          [lfFieldInfo]="getLfFieldInfo(currentIndex)" [lfFieldValue]="lfFieldValue" [dynamicFieldValueOptions]="getOptions()"
-          (fieldValueChange)="onChange($event, currentIndex)">
         </lf-field-base-component>
         @if (!isLast && lfFieldValues?.length > 1) {
-          <button class="lf-multivalue-remove-button"
-            (click)="removeField(currentIndex)">
-            <span class="material-icons" id="lf-multivalue-remove-icon" >
-              close
-            </span>
+          <button class="lf-multivalue-remove-button" (click)="removeField(currentIndex)">
+            <span class="material-icons" id="lf-multivalue-remove-icon"> close </span>
           </button>
         }
         @if (isLast && lfFieldValues?.length > 1) {
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.spec.ts b/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.spec.ts
index 16508207..5ee1e1e5 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.spec.ts
@@ -22,7 +22,7 @@ describe('LfFieldMultivalueComponent', () => {
     length: 10,
     isMultiValue: true,
     isRequired: true,
-    displayName: 'element text 1'
+    displayName: 'element text 1',
   };
   const values: LfFieldValue[] = ['1', '2', '3'];
 
@@ -34,8 +34,8 @@ describe('LfFieldMultivalueComponent', () => {
         FormsModule,
         ReactiveFormsModule,
         CommonModule,
-        LfFieldBaseComponent
-      ]
+        LfFieldBaseComponent,
+      ],
     }).compileComponents();
   });
 
@@ -47,7 +47,8 @@ describe('LfFieldMultivalueComponent', () => {
         new FormControl('some value 1'),
         new FormControl('some value 2'),
         new FormControl('some value 3'),
-        new FormControl('some value 4')])
+        new FormControl('some value 4'),
+      ]),
     });
     component.lfFieldValues = values;
     component.lfFieldInfo = info;
@@ -70,8 +71,8 @@ describe('LfFieldMultivalueComponent', () => {
       values: [
         { value: '1', position: '1' },
         { value: '2', position: '2' },
-        { value: '3', position: '3' }
-      ]
+        { value: '3', position: '3' },
+      ],
     });
   });
 });
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.ts b/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.ts
index a6ce63fd..018e939a 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/lf-field-multivalue/lf-field-multivalue.component.ts
@@ -86,7 +86,7 @@ export class LfFieldMultivalueComponent {
   initAsync = async (
     fieldDefinition: LfFieldInfo,
     fieldValues: LfFieldValue[] = [],
-    dynamicFieldOptions?: string[][],
+    dynamicFieldOptions?: string[][]
   ): Promise<void> => {
     this.lfFieldInfo = CoreUtils.validateDefined(fieldDefinition, 'fieldDefinition');
     this.dynamicFieldOptions = dynamicFieldOptions;
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.css b/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.css
index 9f7b7905..28ecd672 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.css
+++ b/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.css
@@ -1,21 +1,21 @@
-.lf-field-title {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-}
-
-.lf-field-title-container {
-  display: flex;
-  padding-left: 5px;
-  margin-right: 30px;
-}
-
-.lf-field-is-required {
-  padding-left: 2px;
-  color: red;
-}
-
-.lf-field-form {
-  display: inline-block;
-  width: 100%;
-}
+.lf-field-title {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.lf-field-title-container {
+  display: flex;
+  padding-left: 5px;
+  margin-right: 30px;
+}
+
+.lf-field-is-required {
+  padding-left: 2px;
+  color: red;
+}
+
+.lf-field-form {
+  display: inline-block;
+  width: 100%;
+}
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.html b/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.html
index 868f94b1..ad7e7f92 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.html
+++ b/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.html
@@ -5,7 +5,7 @@
   <span class="lf-field-container" id="lf-field-container">
     @if (lfFieldInfo?.name) {
       <span class="lf-field-title-container">
-        <span class="lf-field-title" title="{{lfFieldInfo?.displayName }}">{{lfFieldInfo?.displayName }}</span>
+        <span class="lf-field-title" title="{{ lfFieldInfo?.displayName }}">{{ lfFieldInfo?.displayName }}</span>
         @if (lfFieldInfo?.isRequired) {
           <span class="lf-field-is-required">*</span>
         }
@@ -15,8 +15,14 @@
       </span>
     }
     <form class="lf-field-form" [formGroup]="singleFieldParentForm">
-      <lf-field-base-component [parentForm]="singleFieldParentForm" [lfFieldFormControl]="getSingleField()" [dynamicFieldValueOptions]="getOptions()"
-      [lfFieldInfo]="lfFieldInfo" [lfFieldValue]="lfFieldValue" (fieldValueChange)="fieldDataChange($event)"></lf-field-base-component>
+      <lf-field-base-component
+        [parentForm]="singleFieldParentForm"
+        [lfFieldFormControl]="getSingleField()"
+        [dynamicFieldValueOptions]="getOptions()"
+        [lfFieldInfo]="lfFieldInfo"
+        [lfFieldValue]="lfFieldValue"
+        (fieldValueChange)="fieldDataChange($event)"
+      ></lf-field-base-component>
     </form>
   </span>
 }
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.spec.ts b/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.spec.ts
index 60c8e08d..b0470a71 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.spec.ts
+++ b/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.spec.ts
@@ -20,8 +20,8 @@ describe('LfFieldComponent', () => {
         FormsModule,
         ReactiveFormsModule,
         CommonModule,
-        LfFieldBaseComponent
-      ]
+        LfFieldBaseComponent,
+      ],
     }).compileComponents();
   });
 
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.ts b/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.ts
index 6038e81e..5aaf7230 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.ts
@@ -84,7 +84,7 @@ export class LfFieldComponent {
   initAsync = async (
     field: LfFieldInfo,
     fieldValue: LfFieldValue = '',
-    dynamicFieldValueOptions?: string[],
+    dynamicFieldValueOptions?: string[]
   ): Promise<void> => {
     this.lfFieldInfo = CoreUtils.validateDefined(field, 'field');
     this.lfFieldValue = this.getInitialValue(fieldValue);
diff --git a/projects/ui-components/lf-metadata/field-components/utils/lf-field-internal-types.ts b/projects/ui-components/lf-metadata/field-components/utils/lf-field-internal-types.ts
index 9addb055..775777a0 100644
--- a/projects/ui-components/lf-metadata/field-components/utils/lf-field-internal-types.ts
+++ b/projects/ui-components/lf-metadata/field-components/utils/lf-field-internal-types.ts
@@ -1,10 +1,10 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { LfFieldValue, TemplateFieldInfo } from './lf-field-types';
-
-/** @internal */
-export interface FieldDefinition {
-    fieldInfo: TemplateFieldInfo;
-    fieldValues?: LfFieldValue[];
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { LfFieldValue, TemplateFieldInfo } from './lf-field-types';
+
+/** @internal */
+export interface FieldDefinition {
+  fieldInfo: TemplateFieldInfo;
+  fieldValues?: LfFieldValue[];
+}
diff --git a/projects/ui-components/lf-metadata/field-components/utils/lf-field-types.ts b/projects/ui-components/lf-metadata/field-components/utils/lf-field-types.ts
index 30506610..34129bbd 100644
--- a/projects/ui-components/lf-metadata/field-components/utils/lf-field-types.ts
+++ b/projects/ui-components/lf-metadata/field-components/utils/lf-field-types.ts
@@ -1,70 +1,70 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { FieldFormat, FieldType } from '@laserfiche/lf-ui-components/shared';
-
-export interface LfFieldInfo {
-  name: string;
-  id: number;
-  displayName: string;
-  description?: string;
-  fieldType: FieldType;
-  length?: number;
-  defaultValue?: string;
-  isMultiValue?: boolean;
-  isRequired?: boolean;
-  constraint?: string;
-  constraintError?: string;
-  listValues?: Array<string>;
-  format?: FieldFormat;
-  currency?: string;
-  formatPattern?: string;
-}
-
-export type LfFieldValue = string;
-
-// TODO find better name: too similar to LfFieldValue
-export interface FieldValue {
-  fieldId: number;
-  fieldName?: string;
-  values?: Array<{ [key: string]: string }>;
-  fieldType?: FieldType;
-  groupId?: number;
-  flags?: number;
-}
-
-export interface FieldValues {
-  [fieldId: number]: FieldValue;
-}
-
-export interface TemplateInfo {
-  id: number;
-  name: string;
-  displayName: string;
-  description?: string;
-  fieldCount?: number;
-  color?: LfColor;
-}
-
-export interface TemplateValue {
-  name: string;
-  id: number;
-  fieldValues: { [key: string]: FieldValue };
-}
-
-export interface LfColor {
-  a: number;
-  r: number;
-  g: number;
-  b: number;
-}
-
-export interface TemplateFieldInfo extends LfFieldInfo {
-  rule?: Rule;
-  groupId?: number;
-  groupName?: string;
-}
-
-export interface Rule {
-  ancestors: number[]; // ids of parent fields in template according to form logic rule
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { FieldFormat, FieldType } from '@laserfiche/lf-ui-components/shared';
+
+export interface LfFieldInfo {
+  name: string;
+  id: number;
+  displayName: string;
+  description?: string;
+  fieldType: FieldType;
+  length?: number;
+  defaultValue?: string;
+  isMultiValue?: boolean;
+  isRequired?: boolean;
+  constraint?: string;
+  constraintError?: string;
+  listValues?: Array<string>;
+  format?: FieldFormat;
+  currency?: string;
+  formatPattern?: string;
+}
+
+export type LfFieldValue = string;
+
+// TODO find better name: too similar to LfFieldValue
+export interface FieldValue {
+  fieldId: number;
+  fieldName?: string;
+  values?: Array<{ [key: string]: string }>;
+  fieldType?: FieldType;
+  groupId?: number;
+  flags?: number;
+}
+
+export interface FieldValues {
+  [fieldId: number]: FieldValue;
+}
+
+export interface TemplateInfo {
+  id: number;
+  name: string;
+  displayName: string;
+  description?: string;
+  fieldCount?: number;
+  color?: LfColor;
+}
+
+export interface TemplateValue {
+  name: string;
+  id: number;
+  fieldValues: { [key: string]: FieldValue };
+}
+
+export interface LfColor {
+  a: number;
+  r: number;
+  g: number;
+  b: number;
+}
+
+export interface TemplateFieldInfo extends LfFieldInfo {
+  rule?: Rule;
+  groupId?: number;
+  groupName?: string;
+}
+
+export interface Rule {
+  ancestors: number[]; // ids of parent fields in template according to form logic rule
+}
diff --git a/projects/ui-components/lf-metadata/field-components/utils/metadata-utils.ts b/projects/ui-components/lf-metadata/field-components/utils/metadata-utils.ts
index d5464320..bb2aeb27 100644
--- a/projects/ui-components/lf-metadata/field-components/utils/metadata-utils.ts
+++ b/projects/ui-components/lf-metadata/field-components/utils/metadata-utils.ts
@@ -1,9 +1,9 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { LfFieldInfo, TemplateFieldInfo } from './lf-field-types';
-
-export function isDynamicField(fieldInfo: LfFieldInfo): boolean {
-  const fieldInfoAsTemplateInfo = fieldInfo as TemplateFieldInfo;
-  return fieldInfoAsTemplateInfo.rule?.ancestors !== undefined;
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { LfFieldInfo, TemplateFieldInfo } from './lf-field-types';
+
+export function isDynamicField(fieldInfo: LfFieldInfo): boolean {
+  const fieldInfoAsTemplateInfo = fieldInfo as TemplateFieldInfo;
+  return fieldInfoAsTemplateInfo.rule?.ancestors !== undefined;
+}
diff --git a/projects/ui-components/lf-metadata/lf-date-time-picker/flatpickr-locales.ts b/projects/ui-components/lf-metadata/lf-date-time-picker/flatpickr-locales.ts
index 95bc6154..12ab943e 100644
--- a/projects/ui-components/lf-metadata/lf-date-time-picker/flatpickr-locales.ts
+++ b/projects/ui-components/lf-metadata/lf-date-time-picker/flatpickr-locales.ts
@@ -1,7 +1,7 @@
 // Copyright Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import Flatpickr from "flatpickr";
+import Flatpickr from 'flatpickr';
 import { Arabic } from 'flatpickr/dist/l10n/ar.js';
 import { Spanish } from 'flatpickr/dist/l10n/es.js';
 import { French } from 'flatpickr/dist/l10n/fr.js';
@@ -16,5 +16,5 @@ export const FlatpickrLocales = {
   fr: French,
   pt: Portuguese,
   zhHans: Mandarin,
-  zhHant: MandarinTraditional
+  zhHant: MandarinTraditional,
 };
diff --git a/projects/ui-components/lf-metadata/lf-date-time-picker/lf-date-time-picker.ts b/projects/ui-components/lf-metadata/lf-date-time-picker/lf-date-time-picker.ts
index 022f09ab..3176954b 100644
--- a/projects/ui-components/lf-metadata/lf-date-time-picker/lf-date-time-picker.ts
+++ b/projects/ui-components/lf-metadata/lf-date-time-picker/lf-date-time-picker.ts
@@ -1,6 +1,16 @@
 // Copyright Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-
 export { UniDateTimeComponent } from './uni-date-time.component';
-export { UniControlType, FormatType, StateDataDateTime, StateDataTime, StateData, FormChangeEvent, FormChangeSource, UniState, UniComponentSettings, UniComponentConfig } from './uni-date-time.common';
+export {
+  UniControlType,
+  FormatType,
+  StateDataDateTime,
+  StateDataTime,
+  StateData,
+  FormChangeEvent,
+  FormChangeSource,
+  UniState,
+  UniComponentSettings,
+  UniComponentConfig,
+} from './uni-date-time.common';
diff --git a/projects/ui-components/lf-metadata/lf-date-time-picker/plugin-lfDatePicker.ts b/projects/ui-components/lf-metadata/lf-date-time-picker/plugin-lfDatePicker.ts
index fd6cc367..3580cae9 100644
--- a/projects/ui-components/lf-metadata/lf-date-time-picker/plugin-lfDatePicker.ts
+++ b/projects/ui-components/lf-metadata/lf-date-time-picker/plugin-lfDatePicker.ts
@@ -19,7 +19,7 @@ export function LFDatePickerPlugin(): Plugin {
           const timeless = dateTimeService.hasTimeFormat(dateFormat);
           // Because parsing sometimes applied wrong locale, a dummy flatpickr instance
           // should be created to enforce the correct locale
-          const flatpickrInst = flatpickr(document.createElement("input"), { locale });
+          const flatpickrInst = flatpickr(document.createElement('input'), { locale });
           return flatpickrInst.parseDate(date, dateFormat, timeless) ?? new Date();
         } catch (e) {
           return new Date();
diff --git a/projects/ui-components/lf-metadata/lf-date-time-picker/plugin-lfTimePicker.ts b/projects/ui-components/lf-metadata/lf-date-time-picker/plugin-lfTimePicker.ts
index acb9ce68..1f851a82 100644
--- a/projects/ui-components/lf-metadata/lf-date-time-picker/plugin-lfTimePicker.ts
+++ b/projects/ui-components/lf-metadata/lf-date-time-picker/plugin-lfTimePicker.ts
@@ -1,17 +1,17 @@
 // Copyright Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { Plugin } from "flatpickr/dist/types/options";
-import { Instance } from "flatpickr/dist/types/instance";
-import { UniDateTimeService } from "./uni-date-time.service";
+import { Plugin } from 'flatpickr/dist/types/options';
+import { Instance } from 'flatpickr/dist/types/instance';
+import { UniDateTimeService } from './uni-date-time.service';
 
-var dateTimeService = new UniDateTimeService;
+var dateTimeService = new UniDateTimeService();
 
 export function LFTimePickerPlugin(): Plugin {
-	return function (fp: Instance) {
+  return function (fp: Instance) {
     const flatpickerKey: keyof typeof window = 'flatpickr' as keyof typeof window;
-		fp.config.parseDate = function (date: string, format: string, locale?: any) {
-			if (!dateTimeService.isToken(date)) {
+    fp.config.parseDate = function (date: string, format: string, locale?: any) {
+      if (!dateTimeService.isToken(date)) {
         const dateFormat = dateTimeService.fromDisplayDateTimeFormatToFlatpickrFormat(format, true);
         try {
           /*
@@ -20,92 +20,93 @@ export function LFTimePickerPlugin(): Plugin {
           }
           */
           locale = locale ? locale : fp.config.locale;
-					return window[flatpickerKey].parseDate(date, dateFormat, false, locale);
-				} catch (e) {
-					return new Date();
-				}
-			}
-			else {
-				return new Date();
-			}
-		};
-		fp.config.formatDate = function (date: Date, format: string, locale?: any) {
-			if (!dateTimeService.isToken(fp.input?.value)) {
+          return window[flatpickerKey].parseDate(date, dateFormat, false, locale);
+        } catch (e) {
+          return new Date();
+        }
+      } else {
+        return new Date();
+      }
+    };
+    fp.config.formatDate = function (date: Date, format: string, locale?: any) {
+      if (!dateTimeService.isToken(fp.input?.value)) {
         try {
           locale = locale ? locale : fp.config.locale;
-					// if (isCustomFormat(fp.config.dateFormat)) {
-            const time = window[flatpickerKey].formatDate(date, dateTimeService.fromDisplayDateTimeFormatToFlatpickrFormat(format, true), locale);
-						return time.replace(/^0?/, "");  // Not sure why? Revise
-					// }
-					// else {
-					//	return window["flatpickr"].formatDate(date, format, locale);
-					//}
-				} catch (e) {
-					return fp.input.value;
-				}
-			}
-			else {
-				return fp.input.value;
-			}
+          // if (isCustomFormat(fp.config.dateFormat)) {
+          const time = window[flatpickerKey].formatDate(
+            date,
+            dateTimeService.fromDisplayDateTimeFormatToFlatpickrFormat(format, true),
+            locale
+          );
+          return time.replace(/^0?/, ''); // Not sure why? Revise
+          // }
+          // else {
+          //	return window["flatpickr"].formatDate(date, format, locale);
+          //}
+        } catch (e) {
+          return fp.input.value;
+        }
+      } else {
+        return fp.input.value;
+      }
     };
 
-		// force onChange event listener on time field when value is programtically changed with flatpickr
+    // force onChange event listener on time field when value is programtically changed with flatpickr
     // This may be specific to forms-layout // Revise
-		fp.config.onValueUpdate.push(function () {
-			if (!fp.calendarContainer.classList.contains("open")) {
-				const parsedDate = fp.parseDate(parseTimeFromPicker(fp), fp.config.dateFormat); // Revise
-				fp.input.value = window[flatpickerKey].formatDate(parsedDate, fp.config.dateFormat, fp.config.locale);
-				const timeField = fp.input?.parentElement?.parentElement;
-				if (timeField) {
-					const event = new Event("change");
-					timeField.dispatchEvent(event);
-				}
-			}
+    fp.config.onValueUpdate.push(function () {
+      if (!fp.calendarContainer.classList.contains('open')) {
+        const parsedDate = fp.parseDate(parseTimeFromPicker(fp), fp.config.dateFormat); // Revise
+        fp.input.value = window[flatpickerKey].formatDate(parsedDate, fp.config.dateFormat, fp.config.locale);
+        const timeField = fp.input?.parentElement?.parentElement;
+        if (timeField) {
+          const event = new Event('change');
+          timeField.dispatchEvent(event);
+        }
+      }
     });
 
-		function handleMouseDown(e: any) {
-			if (e.target !== fp.input && !fp.timeContainer?.contains(e.target)) {
-				let value = fp.input.value;
-				if (fp.timeContainer?.contains(document.activeElement)) {
-					value = parseTimeFromPicker(fp);
-				}
-				fp.setDate(value);
-				fp.close();
-			}
-		}
+    function handleMouseDown(e: any) {
+      if (e.target !== fp.input && !fp.timeContainer?.contains(e.target)) {
+        let value = fp.input.value;
+        if (fp.timeContainer?.contains(document.activeElement)) {
+          value = parseTimeFromPicker(fp);
+        }
+        fp.setDate(value);
+        fp.close();
+      }
+    }
 
-		function handleKeyDown(e: any) {
-			if (e.key === "Tab" && document.activeElement === fp.input) {
-				fp.setDate(fp.input.value);
-				fp.close();
-			}
-		}
+    function handleKeyDown(e: any) {
+      if (e.key === 'Tab' && document.activeElement === fp.input) {
+        fp.setDate(fp.input.value);
+        fp.close();
+      }
+    }
 
-		function getRidOffNumTooltip() {
-			fp.minuteElement?.setAttribute("title", "");
-			fp.secondElement?.setAttribute("title", "");
-		}
+    function getRidOffNumTooltip() {
+      fp.minuteElement?.setAttribute('title', '');
+      fp.secondElement?.setAttribute('title', '');
+    }
 
-		return {
-			onOpen() {
-				getRidOffNumTooltip();
-				document.addEventListener("mousedown", handleMouseDown, { capture: true });
-				document.addEventListener("keydown", handleKeyDown, { capture: true });
-			},
-			onClose() {
-				document.removeEventListener("mousedown", handleMouseDown, { capture: true });
-				document.removeEventListener("keydown", handleKeyDown, { capture: true });
-			}
-		};
-	};
+    return {
+      onOpen() {
+        getRidOffNumTooltip();
+        document.addEventListener('mousedown', handleMouseDown, { capture: true });
+        document.addEventListener('keydown', handleKeyDown, { capture: true });
+      },
+      onClose() {
+        document.removeEventListener('mousedown', handleMouseDown, { capture: true });
+        document.removeEventListener('keydown', handleKeyDown, { capture: true });
+      },
+    };
+  };
 }
 
 function parseTimeFromPicker(fp: Instance): string {
   let value;
   if (fp.amPM && fp.amPM.innerText) {
     value = formatTime12HourTo24Hour(fp);
-  }
-  else{
+  } else {
     value = fp.hourElement?.value + ':' + fp.minuteElement?.value;
     if (fp.config.enableSeconds) {
       value += ':' + fp.secondElement?.value;
@@ -119,11 +120,9 @@ function formatTime12HourTo24Hour(fp: Instance): string {
   const localizedAM = localeSet.amPM ? (localeSet.amPM[0] ? localeSet.amPM[0] : 'AM') : '';
   const localizedPM = localeSet.amPM ? (localeSet.amPM[1] ? localeSet.amPM[1] : 'PM') : '';
   let hour: number;
-  if (fp.hourElement?.value)
-  {
+  if (fp.hourElement?.value) {
     hour = parseInt(fp.hourElement.value, 10);
-  }
-  else{
+  } else {
     hour = 0;
   }
 
diff --git a/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.common.ts b/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.common.ts
index c9c010e7..ba2288b8 100644
--- a/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.common.ts
+++ b/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.common.ts
@@ -1,131 +1,134 @@
 // Copyright Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { AbstractControl } from "@angular/forms";
+import { AbstractControl } from '@angular/forms';
 
 export enum UniControlType {
-    "DateTime_date" = "dateTime-date",
-    "DateTime_time" = "dateTime-time",
-    "Time" = "time",
-    "DateTime" = "dateTime"
+  'DateTime_date' = 'dateTime-date',
+  'DateTime_time' = 'dateTime-time',
+  'Time' = 'time',
+  'DateTime' = 'dateTime',
 }
 
 export enum FormatType {
-    DATE_FORMAT = 1,
-    TIME_FORMAT = 2,
-    DATETIME_FORMAT = 3,
-    LONG_DATE_FORMAT = 4
+  DATE_FORMAT = 1,
+  TIME_FORMAT = 2,
+  DATETIME_FORMAT = 3,
+  LONG_DATE_FORMAT = 4,
 }
 
 export type StateDataDateTime = {
-    dateStr?: string | null;
-    timeStr?: string | null;
-    dateTimeObj?: Date | null;
+  dateStr?: string | null;
+  timeStr?: string | null;
+  dateTimeObj?: Date | null;
 };
 export type StateDataTime = {
-    timeStr: string;
-    dateTimeObj?: Date;
+  timeStr: string;
+  dateTimeObj?: Date;
 };
 export type StateData = StateDataDateTime;
 
-export enum FormChangeEvent {  // Revise, remove unused
-    Blur = "Blur", // when source is User
-    Input = "Input", // when source is User
-    DateChange = "DateChange",
-    DateBlur = "DateBlur",
-    DateClose = "DateClose",
-    DateIconClick = "DateIconClick",
-    TimeIconClick = "TimeIconClick",
-    TimeChange = "TimeChange",
-    TimeBlur = "TimeBlur",
-    TimeClose = "TimeClose"
+export enum FormChangeEvent {
+  // Revise, remove unused
+  Blur = 'Blur', // when source is User
+  Input = 'Input', // when source is User
+  DateChange = 'DateChange',
+  DateBlur = 'DateBlur',
+  DateClose = 'DateClose',
+  DateIconClick = 'DateIconClick',
+  TimeIconClick = 'TimeIconClick',
+  TimeChange = 'TimeChange',
+  TimeBlur = 'TimeBlur',
+  TimeClose = 'TimeClose',
 }
 
-export enum FormChangeSource { // Revise, remove unused
-    User = "User",
-    InitializeComponent = "InitializeComponent"
+export enum FormChangeSource {
+  // Revise, remove unused
+  User = 'User',
+  InitializeComponent = 'InitializeComponent',
 }
 
 export interface UniState {
-    data?: StateData;
-    hidden?: boolean;
-    disabled?: boolean;
-    readonly?: boolean;
-    disableUseCurrentDateTime?: boolean;
-    settings?: UniComponentSettings;
+  data?: StateData;
+  hidden?: boolean;
+  disabled?: boolean;
+  readonly?: boolean;
+  disableUseCurrentDateTime?: boolean;
+  settings?: UniComponentSettings;
 }
 
-export interface UniComponentSettings { // Revise, remove unused
-    fieldId?: string;
-    required?: boolean;
-    readOnly?: boolean;
-    default?: unknown;
-    acceptTokens?: boolean;
-    label?: string;
-    showLabel?: boolean;
-
-    abstractControl?: AbstractControl;
-    dateControlName?: string;
-    timeControlName?: string;
-    dateTimeControlName?: string;
-
-    width?: number;
-    maxWidth?: number;
-    height?: number;
-    maxHeight?: number;
-    padding?: number;
-    minWidth?: number;
-    minHeight?: number;
-
-    combinedDateTime?: boolean;
-    capturedInBackend?: boolean;
-
-    min?: string;
-    max?: string;
-
-    defaultDate?: string;
-    defaultTimeOfDate?: string;
-    dateFormat?: string;
-    timeFormat?: string;
-    isAMPM?: boolean;
-    isTwentyfour?: boolean;
-    useCurrentTime?: boolean;
-    showTime?: boolean;
-    showTimeOnly?: boolean;
-    useCurrentDate?: boolean;
-    datePlaceholder?: string;
-    timePlaceholder?: string;
-
-    customErrorMessages?: any;
-    errorTokens?: { value: string; settingName: string }[];
+export interface UniComponentSettings {
+  // Revise, remove unused
+  fieldId?: string;
+  required?: boolean;
+  readOnly?: boolean;
+  default?: unknown;
+  acceptTokens?: boolean;
+  label?: string;
+  showLabel?: boolean;
+
+  abstractControl?: AbstractControl;
+  dateControlName?: string;
+  timeControlName?: string;
+  dateTimeControlName?: string;
+
+  width?: number;
+  maxWidth?: number;
+  height?: number;
+  maxHeight?: number;
+  padding?: number;
+  minWidth?: number;
+  minHeight?: number;
+
+  combinedDateTime?: boolean;
+  capturedInBackend?: boolean;
+
+  min?: string;
+  max?: string;
+
+  defaultDate?: string;
+  defaultTimeOfDate?: string;
+  dateFormat?: string;
+  timeFormat?: string;
+  isAMPM?: boolean;
+  isTwentyfour?: boolean;
+  useCurrentTime?: boolean;
+  showTime?: boolean;
+  showTimeOnly?: boolean;
+  useCurrentDate?: boolean;
+  datePlaceholder?: string;
+  timePlaceholder?: string;
+
+  customErrorMessages?: any;
+  errorTokens?: { value: string; settingName: string }[];
 }
 
 export interface UniComponentConfig {
-    defaultDateFormat?: string;
-    defaultTimeFormat?: string;
-    defaultDateTimeFormat?: string;
-    storedValueDateFormat?: string;
-    storedValueTimeFormat?: string;
-    storedValueDateTimeFormat?: string;
-    storedValueLocale?: string;
-    storedValueLanguage?: string;
-    tokensPatternRegex?: string;
-    useBackendDateTimeForCurrentDateTime?: boolean;
-    locale?: string;
-    language?: string;
-    defaultDateLocale?: string;
-    defaultDateLanguage?: string;
-    setDisplayFormatByLocale?: boolean;
-    setDisplayFormatByLocaleSeconds?: boolean;
-    isDisplayOnly?: boolean;
-    errorsPriorityOrder?: any;
-    fieldIdPrefix?: string;
-    hasLongDateFormat?: boolean;
-
-    formGroupValidators?: any;
-    dateControlValidators?: any;
-    timeControlValidators?: any;
-    dateTimeControlValidators?: any;
-
-    silent?: boolean;
-};
+  defaultDateFormat?: string;
+  defaultTimeFormat?: string;
+  defaultDateTimeFormat?: string;
+  storedValueDateFormat?: string;
+  storedValueTimeFormat?: string;
+  storedValueDateTimeFormat?: string;
+  storedValueLocale?: string;
+  storedValueLanguage?: string;
+  tokensPatternRegex?: string;
+  useBackendDateTimeForCurrentDateTime?: boolean;
+  locale?: string;
+  language?: string;
+  defaultDateLocale?: string;
+  defaultDateLanguage?: string;
+  setDisplayFormatByLocale?: boolean;
+  setDisplayFormatByLocaleSeconds?: boolean;
+  isDisplayOnly?: boolean;
+  errorsPriorityOrder?: any;
+  fieldIdPrefix?: string;
+  hasLongDateFormat?: boolean;
+
+  formGroupValidators?: any;
+  dateControlValidators?: any;
+  timeControlValidators?: any;
+  dateTimeControlValidators?: any;
+
+  silent?: boolean;
+}
diff --git a/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.html b/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.html
index 93d567be..cf263571 100644
--- a/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.html
+++ b/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.html
@@ -3,42 +3,66 @@
 
 <div class="fl-component">
   @if (settings.showLabel && settings.label) {
-    <div class="lib-datetime-label">{{settings.label}}</div>
+    <div class="lib-datetime-label">{{ settings.label }}</div>
   }
   <div [formGroup]="abstractControl" class="fl-datetime-inputs" [style]="this.getCombinedStyles(this.settings)">
     <input type="text" #dateTimeInput [formControlName]="dateTimeControlName" hidden />
     <br />
     @if (settings.capturedInBackend) {
       <span>
-        {{settings.showTimeOnly ? strings?.timeCapturedInBackend : settings.showTime ? strings?.dateTimeCapturedInBackend
-        : strings?.dateCapturedInBackend}}
+        {{
+          settings.showTimeOnly
+            ? strings?.timeCapturedInBackend
+            : settings.showTime
+              ? strings?.dateTimeCapturedInBackend
+              : strings?.dateCapturedInBackend
+        }}
       </span>
     } @else {
-      @if (settings.showTimeOnly!==true) {
-        <div class="fl-date-container" [ngClass]="settings.combinedDateTime ? 'combined-datetime' : ''"
-          >
+      @if (settings.showTimeOnly !== true) {
+        <div class="fl-date-container" [ngClass]="settings.combinedDateTime ? 'combined-datetime' : ''">
           <div class="lib-datetime-picker" #dateDiv>
             @if (settings.useCurrentDate && config.isDisplayOnly) {
-              <input class="fl-datetime-input-date" type="text"
-                id="{{settings.fieldId}}" value="{{strings?.currentDate}}" disabled />
+              <input
+                class="fl-datetime-input-date"
+                type="text"
+                id="{{ settings.fieldId }}"
+                value="{{ strings?.currentDate }}"
+                disabled
+              />
             }
             <mat-form-field class="lf-field lf-date-field lf-datepicker-input-box" appearance="outline">
-              <input matInput class="fl-datetime-input-date" id="{{settings.fieldId}}" type="text" data-input
-                [readonly]="state.readonly || state.disabled" (blur)="onBlurWithKey('date')"
-                [hidden]="settings.useCurrentDate && config.isDisplayOnly" [placeholder]="settings.datePlaceholder"
-              [formControlName]="dateControlName" [ngClass]="{
+              <input
+                matInput
+                class="fl-datetime-input-date"
+                id="{{ settings.fieldId }}"
+                type="text"
+                data-input
+                [readonly]="state.readonly || state.disabled"
+                (blur)="onBlurWithKey('date')"
+                [hidden]="settings.useCurrentDate && config.isDisplayOnly"
+                [placeholder]="settings.datePlaceholder"
+                [formControlName]="dateControlName"
+                [ngClass]="{
                   'ng-wrapper-invalid': dateTimeControl?.invalid,
-                  'ng-wrapper-touched': dateTimeControl?.touched}" />
+                  'ng-wrapper-touched': dateTimeControl?.touched,
+                }"
+              />
               @if (!state.readonly) {
-                <a class="datetime-icon" title="{{strings?.selectDate}}"
-                  [ngClass]="{'isDisabled': config.isDisplayOnly || state.disabled, 'hidden': showLoadingSpinner}"
-                  [attr.disabled]="config.isDisplayOnly" data-toggle (click)="onIconClick('date')">
-                  <div style="box-sizing: border-box;">
+                <a
+                  class="datetime-icon"
+                  title="{{ strings?.selectDate }}"
+                  [ngClass]="{ isDisabled: config.isDisplayOnly || state.disabled, hidden: showLoadingSpinner }"
+                  [attr.disabled]="config.isDisplayOnly"
+                  data-toggle
+                  (click)="onIconClick('date')"
+                >
+                  <div style="box-sizing: border-box">
                     <svg class="lf-icon-16">
                       <symbol xmlns="http://www.w3.org/2000/svg" id="date" viewBox="0 0 24 24">
                         <path
-                          d="M19,3h-1V1h-2v2H8V1H6v2H5C3.9,3,3,3.9,3,5l0,14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19,19H5V8h14V19z">
-                        </path>
+                          d="M19,3h-1V1h-2v2H8V1H6v2H5C3.9,3,3,3.9,3,5l0,14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19,19H5V8h14V19z"
+                        ></path>
                         <rect x="7" y="10" width="5" height="5"></rect>
                       </symbol>
                       <use xlink:href="#date"></use>
@@ -55,7 +79,8 @@
           </div>
           @if (dateControl?.invalid && dateControl?.touched && errorMessages) {
             <div class="error-message">
-            {{errorMessages.date}}</div>
+              {{ errorMessages.date }}
+            </div>
           }
         </div>
       }
@@ -64,26 +89,39 @@
         <div class="fl-time-container">
           <div class="lib-datetime-picker" #timedateDiv>
             @if (settings.useCurrentDate && config.isDisplayOnly) {
-              <input class="fl-datetime-input-time" type="text"
-                value="{{strings?.currentTime}}" disabled />
+              <input class="fl-datetime-input-time" type="text" value="{{ strings?.currentTime }}" disabled />
             }
             <mat-form-field class="lf-field lf-date-field lf-datepicker-input-box" appearance="outline">
-              <input matInput class="fl-datetime-input-time" id="DateTime{{settings.fieldId}}" type="text" data-input
-                [hidden]="settings.useCurrentDate && config.isDisplayOnly" [readonly]="state.readonly || state.disabled"
-                (blur)="onBlurWithKey('time')" [placeholder]="settings.timePlaceholder"
-              [formControlName]="timeControlName" [ngClass]="{
-              'ng-wrapper-invalid': dateTimeControl?.invalid,
-              'ng-wrapper-touched': dateTimeControl?.touched}" />
+              <input
+                matInput
+                class="fl-datetime-input-time"
+                id="DateTime{{ settings.fieldId }}"
+                type="text"
+                data-input
+                [hidden]="settings.useCurrentDate && config.isDisplayOnly"
+                [readonly]="state.readonly || state.disabled"
+                (blur)="onBlurWithKey('time')"
+                [placeholder]="settings.timePlaceholder"
+                [formControlName]="timeControlName"
+                [ngClass]="{
+                  'ng-wrapper-invalid': dateTimeControl?.invalid,
+                  'ng-wrapper-touched': dateTimeControl?.touched,
+                }"
+              />
               @if (!state.readonly) {
-                <a class="datetime-icon" title="{{strings?.selectTime}}"
-                  [ngClass]="{'isDisabled': config.isDisplayOnly || state.disabled, 'hidden': showLoadingSpinner}"
-                  data-toggle (click)="onIconClick('time')">
-                  <div style="box-sizing: border-box;">
+                <a
+                  class="datetime-icon"
+                  title="{{ strings?.selectTime }}"
+                  [ngClass]="{ isDisabled: config.isDisplayOnly || state.disabled, hidden: showLoadingSpinner }"
+                  data-toggle
+                  (click)="onIconClick('time')"
+                >
+                  <div style="box-sizing: border-box">
                     <svg class="lf-icon-16">
                       <symbol xmlns="http://www.w3.org/2000/svg" id="clock" viewBox="0 0 24 24">
                         <path
-                          d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M12,20c-4.4,0-8-3.6-8-8s3.6-8,8-8c4.4,0,8,3.6,8,8S16.4,20,12,20z">
-                        </path>
+                          d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M12,20c-4.4,0-8-3.6-8-8s3.6-8,8-8c4.4,0,8,3.6,8,8S16.4,20,12,20z"
+                        ></path>
                         <polygon points="12.5,7 11,7 11,13 16.2,16.2 17,14.9 12.5,12.3 "></polygon>
                       </symbol>
                       <use xlink:href="#clock"></use>
@@ -99,7 +137,7 @@
             }
           </div>
           @if (timeControl?.invalid && timeControl?.touched) {
-            <div class="error-message">{{errorMessages?.time}}</div>
+            <div class="error-message">{{ errorMessages?.time }}</div>
           }
         </div>
       }
@@ -108,7 +146,7 @@
   </div>
   @if (dateTimeControl?.invalid && dateTimeControl?.touched && errorMessages?.dateTime) {
     <div class="error-message">
-      {{errorMessages?.dateTime}}
+      {{ errorMessages?.dateTime }}
     </div>
   }
 </div>
diff --git a/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.less b/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.less
index f0b92bf3..86c7b09c 100644
--- a/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.less
+++ b/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.less
@@ -2,207 +2,205 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 .lf-icon-16 {
-    width: 24px;
-    height: 24px;
-    fill: currentColor;
-    color: #6d6d6d;
-    min-width: 16px
+  width: 24px;
+  height: 24px;
+  fill: currentColor;
+  color: #6d6d6d;
+  min-width: 16px;
 }
 
 .fl-component {
-    display: block;
-    width: 100%;
-    height: 100%;
-    // font-size: 13px
+  display: block;
+  width: 100%;
+  height: 100%;
+  // font-size: 13px
 }
 
 .fl-component input[disabled] {
-    pointer-events: none;
-    background-color: #8080801d
+  pointer-events: none;
+  background-color: #8080801d;
 }
 
-.fl-component input:not([type=checkbox]):not([type=radio]) {
-    height: 28px
+.fl-component input:not([type="checkbox"]):not([type="radio"]) {
+  height: 28px;
 }
 
-.fl-component input:not([type=checkbox]):not([type=radio]) {
-    border-radius: 2px;
-    background-color: #fff;
-    width: 100%;
-    box-sizing:border-box;
+.fl-component input:not([type="checkbox"]):not([type="radio"]) {
+  border-radius: 2px;
+  background-color: #fff;
+  width: 100%;
+  box-sizing: border-box;
 }
 
-.fl-component input:not([type=checkbox]):not([type=radio]).ng-invalid.ng-touched,
-.fl-component input:not([type=checkbox]):not([type=radio]).ng-wrapper-invalid.ng-wrapper-touched:not(:disabled) {
-    border-color: #b91818
+.fl-component input:not([type="checkbox"]):not([type="radio"]).ng-invalid.ng-touched,
+.fl-component input:not([type="checkbox"]):not([type="radio"]).ng-wrapper-invalid.ng-wrapper-touched:not(:disabled) {
+  border-color: #b91818;
 }
 
-.fl-component input:not([type=checkbox]):not([type=radio])[disabled] {
-    border-color: #cfcfcf;
-    background-color: #8080801d
+.fl-component input:not([type="checkbox"]):not([type="radio"])[disabled] {
+  border-color: #cfcfcf;
+  background-color: #8080801d;
 }
 
-.fl-component input:not([type=checkbox]):not([type=radio])[readonly] {
-    border-color: #cfcfcf;
-    background-color: #8080801d;
-    cursor: default
+.fl-component input:not([type="checkbox"]):not([type="radio"])[readonly] {
+  border-color: #cfcfcf;
+  background-color: #8080801d;
+  cursor: default;
 }
 
-.fl-component input:not([type=checkbox]):not([type=radio])[readonly]:focus {
-    outline: 0
+.fl-component input:not([type="checkbox"]):not([type="radio"])[readonly]:focus {
+  outline: 0;
 }
 
-.fl-component input:not([type=checkbox]):not([type=radio])[readonly].fl-datetime-input-date,
-.fl-component input:not([type=checkbox]):not([type=radio])[readonly].fl-datetime-input-time, .fl-component input:not([type=checkbox]):not([type=radio])[readonly].fl-time-input {
-    pointer-events: none
+.fl-component input:not([type="checkbox"]):not([type="radio"])[readonly].fl-datetime-input-date,
+.fl-component input:not([type="checkbox"]):not([type="radio"])[readonly].fl-datetime-input-time,
+.fl-component input:not([type="checkbox"]):not([type="radio"])[readonly].fl-time-input {
+  pointer-events: none;
 }
 
 .fl-component ng-select.ng-select {
-    max-width: 100%;
-    min-width: 100%;
-    width: 0
+  max-width: 100%;
+  min-width: 100%;
+  width: 0;
 }
 
 .fl-component ng-select.ng-select.ng-select-disabled .ng-select-container {
-    border-color: #cfcfcf;
-    background-color: #8080801d
+  border-color: #cfcfcf;
+  background-color: #8080801d;
 }
 
 .fl-component ng-select.ng-select .ng-select-container {
-    min-height: 28px;
-    height: 28px;
-    padding: 1px 4px;
-    border: 1px solid #6d6d6d;
-    border-radius: 2px;
-    background-color: #fff;
-    width: 100%
+  min-height: 28px;
+  height: 28px;
+  padding: 1px 4px;
+  border: 1px solid #6d6d6d;
+  border-radius: 2px;
+  background-color: #fff;
+  width: 100%;
 }
 
 .fl-component .fl-datetime-inputs {
-    width: 100%;
-    display: flex
+  width: 100%;
+  display: flex;
 }
 
 .fl-component .fl-datetime-inputs .fl-date-container {
-
-    width: 100%;
-    // margin-right: 4px
+  width: 100%;
+  // margin-right: 4px
 }
 
 .fl-component .fl-datetime-inputs .fl-time-container {
-
-    width: 100%;
+  width: 100%;
 }
 
 .fl-component .time .time-picker {
-    width: 100%;
-    max-width: 120px
+  width: 100%;
+  max-width: 120px;
 }
 
-
 .flatpickr-calendar {
-    width: 278px;
-    font-size: 13px
+  width: 278px;
+  font-size: 13px;
 }
 
 .flatpickr-calendar.hasTime.noCalendar {
-    padding: 0
+  padding: 0;
 }
 
 .flatpickr-day {
-    max-width: 24px;
-    height: 24px;
-    line-height: 24px;
-    margin: 2.5px 7.5px;
-    border-radius: 2px;
-    font-weight: 600;
-    color: #333
+  max-width: 24px;
+  height: 24px;
+  line-height: 24px;
+  margin: 2.5px 7.5px;
+  border-radius: 2px;
+  font-weight: 600;
+  color: #333;
 }
 
 .flatpickr-day.selected {
-    background: #1967b8;
-    border-color: #1967b8
+  background: #1967b8;
+  border-color: #1967b8;
 }
 
 .flatpickr-day.today {
-    border-color: #296399
+  border-color: #296399;
 }
 
 .flatpickr-day.flatpickr-disabled,
 .flatpickr-day.nextMonthDay,
 .flatpickr-day.prevMonthDay {
-    color: #8a8a8a
+  color: #8a8a8a;
 }
 
 .flatpickr-day:hover {
-    background-color: #ecf6ff
+  background-color: #ecf6ff;
 }
 
 .dayContainer {
-    width: 278px;
-    min-width: 278px;
-    max-width: 278px
+  width: 278px;
+  min-width: 278px;
+  max-width: 278px;
 }
 
 .flatpickr-days {
-    width: 278px
+  width: 278px;
 }
 
 div.flatpickr-weekdays {
-    height: auto
+  height: auto;
 }
 
 div.flatpickr-weekdays .flatpickr-weekdaycontainer {
-    padding: 5px 2.5px 5.5px 2.5px
+  padding: 5px 2.5px 5.5px 2.5px;
 }
 
 span.flatpickr-weekday {
-    color: #333;
-    font-weight: 600;
-    font-size: 13px
+  color: #333;
+  font-weight: 600;
+  font-size: 13px;
 }
 
 div.flatpickr-months {
-    padding: 0 0 5px 0
+  padding: 0 0 5px 0;
 }
 
 div.flatpickr-current-month {
-    padding: 10px 0 0 0
+  padding: 10px 0 0 0;
 }
 
 div.flatpickr-current-month .flatpickr-monthDropdown-months {
-    font-weight: 600;
-    color: #333;
-    margin: 0
+  font-weight: 600;
+  color: #333;
+  margin: 0;
 }
 
 div.flatpickr-current-month .flatpickr-monthDropdown-months option.flatpickr-monthDropdown-month {
-    background-color: #fff;
-    font-size: 14px;
-    color: #333
+  background-color: #fff;
+  font-size: 14px;
+  color: #333;
 }
 
 .lib-datetime-picker {
-    position: relative
+  position: relative;
 }
 
 .lib-datetime-picker a.datetime-icon {
-    position: absolute;
-    right: 2px;
-    // height:70%;
-    // display: flex;
-    align-items: center;
-    align-self: center;
-    cursor: pointer;
-    top: 2px;
-    // padding: 5px 5px 2px;
-    /* background-color: #fff; */
-    opacity: 1
+  position: absolute;
+  right: 2px;
+  // height:70%;
+  // display: flex;
+  align-items: center;
+  align-self: center;
+  cursor: pointer;
+  top: 2px;
+  // padding: 5px 5px 2px;
+  /* background-color: #fff; */
+  opacity: 1;
 }
 
-[dir=rtl] .lib-datetime-picker a.datetime-icon {
-    right: auto;
-    left: 0;
+[dir="rtl"] .lib-datetime-picker a.datetime-icon {
+  right: auto;
+  left: 0;
 }
 
 .lf-datepicker-input-box {
@@ -213,14 +211,17 @@ div.flatpickr-current-month .flatpickr-monthDropdown-months option.flatpickr-mon
   font-size: inherit;
   font-weight: 400;
   line-height: 1.125;
-  font-family: Roboto, Helvetica Neue, sans-serif;
+  font-family:
+    Roboto,
+    Helvetica Neue,
+    sans-serif;
   letter-spacing: normal;
 }
 
 ::ng-deep div.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
-    background-color: #eee;
+  background-color: #eee;
 }
 
-::ng-deep mat-form-field.lf-date-field > .mat-mdc-form-field-subscript-wrapper > .mat-mdc-form-field-hint-wrapper{
-    min-height: 0;
-}
\ No newline at end of file
+::ng-deep mat-form-field.lf-date-field > .mat-mdc-form-field-subscript-wrapper > .mat-mdc-form-field-hint-wrapper {
+  min-height: 0;
+}
diff --git a/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.spec.ts b/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.spec.ts
index 74f93f0d..76863fc2 100644
--- a/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.spec.ts
+++ b/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.spec.ts
@@ -10,9 +10,8 @@ describe('UniDatetimeComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [UniDateTimeComponent]
-    })
-    .compileComponents();
+      imports: [UniDateTimeComponent],
+    }).compileComponents();
 
     fixture = TestBed.createComponent(UniDateTimeComponent);
     component = fixture.componentInstance;
diff --git a/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.ts b/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.ts
index 2bf6fee8..a20afe0b 100644
--- a/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.ts
+++ b/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.component.ts
@@ -2,7 +2,20 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 // Core and essentials
-import { Component, ViewChild, ElementRef, OnInit, AfterViewInit, HostBinding, Input, AfterContentInit, EventEmitter, Output, ChangeDetectorRef, inject } from '@angular/core';
+import {
+  Component,
+  ViewChild,
+  ElementRef,
+  OnInit,
+  AfterViewInit,
+  HostBinding,
+  Input,
+  AfterContentInit,
+  EventEmitter,
+  Output,
+  ChangeDetectorRef,
+  inject,
+} from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { ReactiveFormsModule, FormGroup, FormControl, AbstractControl } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
@@ -33,11 +46,11 @@ import { LFTimePickerPlugin } from './plugin-lfTimePicker';
 import { LFDatePickerPlugin } from './plugin-lfDatePicker';
 
 @Component({
-    selector: 'lf-uni-date-time',
-    templateUrl: './uni-date-time.component.html',
-    styleUrls: ['./uni-date-time.component.less'],
-    standalone: true,
-    imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, MatInputModule]
+  selector: 'lf-uni-date-time',
+  templateUrl: './uni-date-time.component.html',
+  styleUrls: ['./uni-date-time.component.less'],
+  standalone: true,
+  imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, MatInputModule],
 })
 export class UniDateTimeComponent implements OnInit, AfterViewInit, AfterContentInit {
   dateTimeService = inject(UniDateTimeService);
@@ -206,10 +219,10 @@ export class UniDateTimeComponent implements OnInit, AfterViewInit, AfterContent
         // Format using current language
         defaultDateToSet = parsedDefaultDate
           ? this.dateTimeService.format({
-            dateTimeObj: parsedDefaultDate,
-            dateFormat: this.settings.dateFormat,
-            language: this.config.language,
-          })
+              dateTimeObj: parsedDefaultDate,
+              dateFormat: this.settings.dateFormat,
+              language: this.config.language,
+            })
           : defaultDateToSet;
       }
       const dateTimeData = this.state.data as StateDataDateTime;
@@ -259,7 +272,8 @@ export class UniDateTimeComponent implements OnInit, AfterViewInit, AfterContent
           allowInput: true,
           allowInvalidPreload: true,
           dateFormat: this.dateTimeService.fromDisplayDateTimeFormatToFlatpickrFormat(
-            this.settings.dateFormat + (this.settings.combinedDateTime ? ' ' + this.settings.timeFormat : ''), true
+            this.settings.dateFormat + (this.settings.combinedDateTime ? ' ' + this.settings.timeFormat : ''),
+            true
           ),
           defaultDate:
             defaultDate +
@@ -706,24 +720,24 @@ export class UniDateTimeComponent implements OnInit, AfterViewInit, AfterContent
         dateTimeObj =
           dateStr || timeStr
             ? this.dateTimeService.parse({
-              dateTimeStr:
-                (dateStr ? this.substituteTokens(dateStr, false) : '') +
-                (timeStr ? ' ' + this.substituteTokens(timeStr, false) : ''),
-              dateTimeFormat: dateFormat + (timeStr ? ' ' + timeFormat : ''),
-              language: this.config.language,
-            })
+                dateTimeStr:
+                  (dateStr ? this.substituteTokens(dateStr, false) : '') +
+                  (timeStr ? ' ' + this.substituteTokens(timeStr, false) : ''),
+                dateTimeFormat: dateFormat + (timeStr ? ' ' + timeFormat : ''),
+                language: this.config.language,
+              })
             : null;
       } else {
         // parse using current language
         dateTimeObj =
           dateStr || timeStr
             ? this.dateTimeService.parse({
-              dateStr: dateStr ? this.substituteTokens(dateStr, false) : '',
-              timeStr: timeStr ? this.substituteTokens(timeStr, false) : '',
-              dateFormat,
-              timeFormat,
-              language: this.config.language,
-            })
+                dateStr: dateStr ? this.substituteTokens(dateStr, false) : '',
+                timeStr: timeStr ? this.substituteTokens(timeStr, false) : '',
+                dateFormat,
+                timeFormat,
+                language: this.config.language,
+              })
             : null;
       }
 
diff --git a/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.locales.ts b/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.locales.ts
index 03a6f6ca..ae6e2807 100644
--- a/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.locales.ts
+++ b/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.locales.ts
@@ -2,1288 +2,1288 @@
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
 export class uniLocalizedFormat {
-    DateFormat!: string;
-    LongDateFormat!: string;
-    TimeFormat!: string;
-    TimeFormatWithSeconds!: string;
+  DateFormat!: string;
+  LongDateFormat!: string;
+  TimeFormat!: string;
+  TimeFormatWithSeconds!: string;
 }
 export const uniLocalizedFormats: Record<string, uniLocalizedFormat> = {
-    "ar-AE": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "ar-BH": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "ar-DZ": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "ar-EG": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "ar-IQ": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "ar-JO": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "ar-KW": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "ar-LB": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "ar-LY": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "ar-MA": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "ar-MR": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "ar-OM": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "ar-QA": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "ar-SA": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "ar-SD": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "ar-SO": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "ar-SS": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "ar-SY": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "ar-TD": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "ar-TN": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "ar-YE": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-AE": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-AG": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-AI": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-AS": {
-        "DateFormat": "M/D/YYYY",
-        "LongDateFormat": "EEEE, MMMM D, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-AT": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-AU": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-BB": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-BE": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-BI": {
-        "DateFormat": "M/D/YYYY",
-        "LongDateFormat": "EEEE, MMMM D, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-BM": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-BS": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-BW": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-BZ": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-CA": {
-        "DateFormat": "YYYY-MM-DD",
-        "LongDateFormat": "YYYY MMMM D, EEEE",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-CC": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-CH": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-CK": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-CM": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-CX": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-CY": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-DE": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-DK": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH.mm",
-        "TimeFormatWithSeconds": "HH.mm:ss",
-    },
-    "en-DM": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-ER": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-FI": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "H.mm",
-        "TimeFormatWithSeconds": "H.mm:ss",
-    },
-    "en-FJ": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-FK": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-FM": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-GB": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-GD": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-GG": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-GH": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-GI": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-GM": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-GU": {
-        "DateFormat": "M/D/YYYY",
-        "LongDateFormat": "EEEE, MMMM D, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-GY": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-HK": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-IE": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-IL": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "H:mm",
-        "TimeFormatWithSeconds": "H:mm:ss",
-    },
-    "en-IM": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-IN": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-IO": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-JE": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-JM": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-KE": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-KI": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-KN": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-KY": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-LC": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-LR": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-LS": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-MG": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-MH": {
-        "DateFormat": "M/D/YYYY",
-        "LongDateFormat": "EEEE, MMMM D, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-MO": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-MP": {
-        "DateFormat": "M/D/YYYY",
-        "LongDateFormat": "EEEE, MMMM D, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-MS": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-MT": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-MU": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-MW": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-MY": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-NA": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-NF": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-NG": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-NL": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-NR": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-NU": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-NZ": {
-        "DateFormat": "D/MM/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-PG": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-PH": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-PK": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-PN": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-PR": {
-        "DateFormat": "M/D/YYYY",
-        "LongDateFormat": "EEEE, MMMM D, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-PW": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-RW": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-SB": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-SC": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-SD": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-SE": {
-        "DateFormat": "YYYY-MM-DD",
-        "LongDateFormat": "YYYY MMMM D, EEEE",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-SG": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-SH": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-SI": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-SL": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-SS": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-SX": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-SZ": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-TC": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-TK": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-TO": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-TT": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-TV": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-TZ": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-UG": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-UM": {
-        "DateFormat": "M/D/YYYY",
-        "LongDateFormat": "EEEE, MMMM D, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-US": {
-        "DateFormat": "M/D/YYYY",
-        "LongDateFormat": "EEEE, MMMM D, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-VC": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-VG": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-VI": {
-        "DateFormat": "M/D/YYYY",
-        "LongDateFormat": "EEEE, MMMM D, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-VU": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-WS": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-ZA": {
-        "DateFormat": "YYYY/MM/DD",
-        "LongDateFormat": "YYYY MMMM DD, EEEE",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "en-ZM": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "en-ZW": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "es-AR": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "es-BO": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "es-BR": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "es-BZ": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "es-CL": {
-        "DateFormat": "DD-MM-YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "es-CO": {
-        "DateFormat": "D/MM/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "es-CR": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "es-CU": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "es-DO": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "es-EC": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "es-ES": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "H:mm",
-        "TimeFormatWithSeconds": "H:mm:ss",
-    },
-    "es-GQ": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "H:mm",
-        "TimeFormatWithSeconds": "H:mm:ss",
-    },
-    "es-GT": {
-        "DateFormat": "D/MM/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "es-HN": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "es-MX": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "H:mm",
-        "TimeFormatWithSeconds": "H:mm:ss",
-    },
-    "es-NI": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "es-PA": {
-        "DateFormat": "MM/DD/YYYY",
-        "LongDateFormat": "EEEE, MMMM DD, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "es-PE": {
-        "DateFormat": "D/MM/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "es-PH": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "es-PR": {
-        "DateFormat": "MM/DD/YYYY",
-        "LongDateFormat": "EEEE, MMMM DD, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "es-PY": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "es-SV": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "es-US": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "es-UY": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "es-VE": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "fr-BE": {
-        "DateFormat": "D/MM/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-BF": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-BI": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-BJ": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-BL": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-CA": {
-        "DateFormat": "YYYY-MM-DD",
-        "LongDateFormat": "YYYY MMMM D, EEEE",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-CD": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-CF": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-CG": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-CH": {
-        "DateFormat": "DD.MM.YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-CI": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-CM": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-DJ": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "fr-DZ": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "fr-FR": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-GA": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-GF": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-GN": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-GP": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-GQ": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-HT": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-KM": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-LU": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-MA": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-MC": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-MF": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-MG": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-ML": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-MQ": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-MR": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "fr-MU": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-NC": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-NE": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-PF": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-PM": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-RE": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-RW": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-SC": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-SN": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-SY": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "fr-TD": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "fr-TG": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-TN": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "fr-VU": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "fr-WF": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "fr-YT": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "pt-AO": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "pt-BR": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "pt-CH": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "pt-CV": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "pt-GQ": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "pt-GW": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "pt-LU": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "pt-MO": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A",
-        "TimeFormatWithSeconds": "h:mm:ss A",
-    },
-    "pt-MZ": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "pt-PT": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "pt-ST": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "pt-TL": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "HH:mm",
-        "TimeFormatWithSeconds": "HH:mm:ss",
-    },
-    "zh-CN": {
-        "DateFormat": "YYYY/M/D",
-        "LongDateFormat": "YYYY MMMM D, EEEE",
-        "TimeFormat": "h:mm A", // Adjusted for time picker
-        "TimeFormatWithSeconds": "h:mm:ss A" // Adjusted for time picker
-    },
-    "zh-HK": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A", // Adjusted for time picker
-        "TimeFormatWithSeconds": "h:mm:ss A" // Adjusted for time picker
-    },
-    "zh-Hans-HK": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A", // Adjusted for time picker
-        "TimeFormatWithSeconds": "h:mm:ss A" // Adjusted for time picker
-    },
-    "zh-Hans-MO": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A", // Adjusted for time picker
-        "TimeFormatWithSeconds": "h:mm:ss A" // Adjusted for time picker
-    },
-    "zh-MO": {
-        "DateFormat": "D/M/YYYY",
-        "LongDateFormat": "EEEE, D MMMM, YYYY",
-        "TimeFormat": "h:mm A", // Adjusted for time picker
-        "TimeFormatWithSeconds": "h:mm:ss A" // Adjusted for time picker
-    },
-    "zh-SG": {
-        "DateFormat": "DD/MM/YYYY",
-        "LongDateFormat": "EEEE, DD MMMM, YYYY",
-        "TimeFormat": "h:mm A", // Adjusted for time picker
-        "TimeFormatWithSeconds": "h:mm:ss A" // Adjusted for time picker
-    },
-    "zh-TW": {
-        "DateFormat": "YYYY/M/D",
-        "LongDateFormat": "YYYY MMMM D, EEEE",
-        "TimeFormat": "h:mm A", // Adjusted for time picker
-        "TimeFormatWithSeconds": "h:mm:ss A" // Adjusted for time picker
-    },
+  'ar-AE': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'ar-BH': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'ar-DZ': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'ar-EG': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'ar-IQ': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'ar-JO': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'ar-KW': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'ar-LB': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'ar-LY': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'ar-MA': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'ar-MR': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'ar-OM': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'ar-QA': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'ar-SA': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'ar-SD': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'ar-SO': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'ar-SS': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'ar-SY': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'ar-TD': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'ar-TN': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'ar-YE': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-AE': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-AG': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-AI': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-AS': {
+    DateFormat: 'M/D/YYYY',
+    LongDateFormat: 'EEEE, MMMM D, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-AT': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-AU': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-BB': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-BE': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-BI': {
+    DateFormat: 'M/D/YYYY',
+    LongDateFormat: 'EEEE, MMMM D, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-BM': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-BS': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-BW': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-BZ': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-CA': {
+    DateFormat: 'YYYY-MM-DD',
+    LongDateFormat: 'YYYY MMMM D, EEEE',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-CC': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-CH': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-CK': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-CM': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-CX': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-CY': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-DE': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-DK': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH.mm',
+    TimeFormatWithSeconds: 'HH.mm:ss',
+  },
+  'en-DM': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-ER': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-FI': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'H.mm',
+    TimeFormatWithSeconds: 'H.mm:ss',
+  },
+  'en-FJ': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-FK': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-FM': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-GB': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-GD': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-GG': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-GH': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-GI': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-GM': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-GU': {
+    DateFormat: 'M/D/YYYY',
+    LongDateFormat: 'EEEE, MMMM D, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-GY': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-HK': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-IE': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-IL': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'H:mm',
+    TimeFormatWithSeconds: 'H:mm:ss',
+  },
+  'en-IM': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-IN': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-IO': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-JE': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-JM': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-KE': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-KI': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-KN': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-KY': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-LC': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-LR': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-LS': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-MG': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-MH': {
+    DateFormat: 'M/D/YYYY',
+    LongDateFormat: 'EEEE, MMMM D, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-MO': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-MP': {
+    DateFormat: 'M/D/YYYY',
+    LongDateFormat: 'EEEE, MMMM D, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-MS': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-MT': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-MU': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-MW': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-MY': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-NA': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-NF': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-NG': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-NL': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-NR': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-NU': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-NZ': {
+    DateFormat: 'D/MM/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-PG': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-PH': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-PK': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-PN': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-PR': {
+    DateFormat: 'M/D/YYYY',
+    LongDateFormat: 'EEEE, MMMM D, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-PW': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-RW': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-SB': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-SC': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-SD': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-SE': {
+    DateFormat: 'YYYY-MM-DD',
+    LongDateFormat: 'YYYY MMMM D, EEEE',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-SG': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-SH': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-SI': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-SL': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-SS': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-SX': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-SZ': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-TC': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-TK': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-TO': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-TT': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-TV': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-TZ': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-UG': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-UM': {
+    DateFormat: 'M/D/YYYY',
+    LongDateFormat: 'EEEE, MMMM D, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-US': {
+    DateFormat: 'M/D/YYYY',
+    LongDateFormat: 'EEEE, MMMM D, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-VC': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-VG': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-VI': {
+    DateFormat: 'M/D/YYYY',
+    LongDateFormat: 'EEEE, MMMM D, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-VU': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-WS': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-ZA': {
+    DateFormat: 'YYYY/MM/DD',
+    LongDateFormat: 'YYYY MMMM DD, EEEE',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'en-ZM': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'en-ZW': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'es-AR': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'es-BO': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'es-BR': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'es-BZ': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'es-CL': {
+    DateFormat: 'DD-MM-YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'es-CO': {
+    DateFormat: 'D/MM/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'es-CR': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'es-CU': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'es-DO': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'es-EC': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'es-ES': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'H:mm',
+    TimeFormatWithSeconds: 'H:mm:ss',
+  },
+  'es-GQ': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'H:mm',
+    TimeFormatWithSeconds: 'H:mm:ss',
+  },
+  'es-GT': {
+    DateFormat: 'D/MM/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'es-HN': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'es-MX': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'H:mm',
+    TimeFormatWithSeconds: 'H:mm:ss',
+  },
+  'es-NI': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'es-PA': {
+    DateFormat: 'MM/DD/YYYY',
+    LongDateFormat: 'EEEE, MMMM DD, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'es-PE': {
+    DateFormat: 'D/MM/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'es-PH': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'es-PR': {
+    DateFormat: 'MM/DD/YYYY',
+    LongDateFormat: 'EEEE, MMMM DD, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'es-PY': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'es-SV': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'es-US': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'es-UY': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'es-VE': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'fr-BE': {
+    DateFormat: 'D/MM/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-BF': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-BI': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-BJ': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-BL': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-CA': {
+    DateFormat: 'YYYY-MM-DD',
+    LongDateFormat: 'YYYY MMMM D, EEEE',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-CD': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-CF': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-CG': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-CH': {
+    DateFormat: 'DD.MM.YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-CI': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-CM': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-DJ': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'fr-DZ': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'fr-FR': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-GA': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-GF': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-GN': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-GP': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-GQ': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-HT': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-KM': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-LU': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-MA': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-MC': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-MF': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-MG': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-ML': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-MQ': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-MR': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'fr-MU': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-NC': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-NE': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-PF': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-PM': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-RE': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-RW': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-SC': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-SN': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-SY': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'fr-TD': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'fr-TG': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-TN': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'fr-VU': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'fr-WF': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'fr-YT': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'pt-AO': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'pt-BR': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'pt-CH': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'pt-CV': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'pt-GQ': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'pt-GW': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'pt-LU': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'pt-MO': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A',
+    TimeFormatWithSeconds: 'h:mm:ss A',
+  },
+  'pt-MZ': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'pt-PT': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'pt-ST': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'pt-TL': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'HH:mm',
+    TimeFormatWithSeconds: 'HH:mm:ss',
+  },
+  'zh-CN': {
+    DateFormat: 'YYYY/M/D',
+    LongDateFormat: 'YYYY MMMM D, EEEE',
+    TimeFormat: 'h:mm A', // Adjusted for time picker
+    TimeFormatWithSeconds: 'h:mm:ss A', // Adjusted for time picker
+  },
+  'zh-HK': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A', // Adjusted for time picker
+    TimeFormatWithSeconds: 'h:mm:ss A', // Adjusted for time picker
+  },
+  'zh-Hans-HK': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A', // Adjusted for time picker
+    TimeFormatWithSeconds: 'h:mm:ss A', // Adjusted for time picker
+  },
+  'zh-Hans-MO': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A', // Adjusted for time picker
+    TimeFormatWithSeconds: 'h:mm:ss A', // Adjusted for time picker
+  },
+  'zh-MO': {
+    DateFormat: 'D/M/YYYY',
+    LongDateFormat: 'EEEE, D MMMM, YYYY',
+    TimeFormat: 'h:mm A', // Adjusted for time picker
+    TimeFormatWithSeconds: 'h:mm:ss A', // Adjusted for time picker
+  },
+  'zh-SG': {
+    DateFormat: 'DD/MM/YYYY',
+    LongDateFormat: 'EEEE, DD MMMM, YYYY',
+    TimeFormat: 'h:mm A', // Adjusted for time picker
+    TimeFormatWithSeconds: 'h:mm:ss A', // Adjusted for time picker
+  },
+  'zh-TW': {
+    DateFormat: 'YYYY/M/D',
+    LongDateFormat: 'YYYY MMMM D, EEEE',
+    TimeFormat: 'h:mm A', // Adjusted for time picker
+    TimeFormatWithSeconds: 'h:mm:ss A', // Adjusted for time picker
+  },
 };
diff --git a/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.service.ts b/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.service.ts
index 3fc213f7..6489936f 100644
--- a/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.service.ts
+++ b/projects/ui-components/lf-metadata/lf-date-time-picker/uni-date-time.service.ts
@@ -269,10 +269,10 @@ export class UniDateTimeService {
       }
       return info.language
         ? this.flatpickrFormatDate(
-          info.dateTimeObj,
-          this.fromDisplayDateTimeFormatToFlatpickrFormat(info.dateTimeFormat),
-          info.language
-        )
+            info.dateTimeObj,
+            this.fromDisplayDateTimeFormatToFlatpickrFormat(info.dateTimeFormat),
+            info.language
+          )
         : format(info.dateTimeObj, info.dateTimeFormat);
     }
 
@@ -289,10 +289,10 @@ export class UniDateTimeService {
     return dateTimeFormat
       ? info.language
         ? this.flatpickrFormatDate(
-          info.dateTimeObj,
-          this.fromDisplayDateTimeFormatToFlatpickrFormat(dateTimeFormat),
-          info.language
-        )
+            info.dateTimeObj,
+            this.fromDisplayDateTimeFormatToFlatpickrFormat(dateTimeFormat),
+            info.language
+          )
         : format(info.dateTimeObj, this.fromDisplayDateTimeFormatToUnicodeTokens(dateTimeFormat))
       : '';
   }
@@ -308,7 +308,7 @@ export class UniDateTimeService {
         ? this.getFlatpickrLocale(customLocaleOrLanguageStr)
         : customLocaleOrLanguageStr;
     // create dummy flatpickr instance in order to localize parsing
-    const localFp = flatpickr(document.createElement("input"), { locale: customLocale });
+    const localFp = flatpickr(document.createElement('input'), { locale: customLocale });
     return localFp.parseDate(date, format, timeless);
   }
 
@@ -318,7 +318,7 @@ export class UniDateTimeService {
         ? this.getFlatpickrLocale(customLocaleOrLanguageStr)
         : customLocaleOrLanguageStr;
     // create dummy flatpickr instance in order to localize formatting
-    const localFp = flatpickr(document.createElement("input"), { locale: customLocale });
+    const localFp = flatpickr(document.createElement('input'), { locale: customLocale });
     return localFp.formatDate(date, format);
   }
 
@@ -460,17 +460,17 @@ export class UniDateTimeService {
         // format using current language
         dateStr = settings.defaultDate
           ? this.format({
-            dateTimeObj,
-            dateFormat,
-            language: config.language,
-          })
+              dateTimeObj,
+              dateFormat,
+              language: config.language,
+            })
           : '';
         timeStr = settings.defaultTimeOfDate
           ? this.format({
-            dateTimeObj: dateTimeObj,
-            timeFormat,
-            language: config.language,
-          })
+              dateTimeObj: dateTimeObj,
+              timeFormat,
+              language: config.language,
+            })
           : '';
 
         return {
@@ -495,20 +495,20 @@ export class UniDateTimeService {
       // format using current language
       return dateTimeObj
         ? {
-          dateStr: this.format({
-            dateTimeObj,
-            dateFormat: settings.dateFormat,
-            language: config.language,
-          }),
-          timeStr: settings.showTime
-            ? this.format({
+            dateStr: this.format({
               dateTimeObj,
-              timeFormat: settings.timeFormat,
+              dateFormat: settings.dateFormat,
               language: config.language,
-            })
-            : '',
-          dateTimeObj,
-        }
+            }),
+            timeStr: settings.showTime
+              ? this.format({
+                  dateTimeObj,
+                  timeFormat: settings.timeFormat,
+                  language: config.language,
+                })
+              : '',
+            dateTimeObj,
+          }
         : { dateStr: '', timeStr: '', dateTimeObj: null };
     }
   }
@@ -522,7 +522,7 @@ export class UniDateTimeService {
     const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
       const randomValues = new Uint8Array(1);
       window.crypto.getRandomValues(randomValues);
-      const r = (d + (randomValues[0] % 16)) % 16 | 0;
+      const r = ((d + (randomValues[0] % 16)) % 16) | 0;
       d = Math.floor(d / 16);
       return (c === 'x' ? r : (r & 0x3) | 0x8).toString(16);
     });
@@ -659,7 +659,12 @@ export class UniDateTimeService {
         : parts.length == 2 && parts[1] != 'hans' && parts[1] != 'hant'
           ? parts[0] + '-' + parts[1].toUpperCase()
           : parts.length == 3
-            ? parts[0] + '-' + parts[1].substring(0, 1).toUpperCase() + parts[1].substring(1) + '-' + parts[2].toUpperCase()
+            ? parts[0] +
+              '-' +
+              parts[1].substring(0, 1).toUpperCase() +
+              parts[1].substring(1) +
+              '-' +
+              parts[2].toUpperCase()
             : parts[0] + '-' + parts[1].substring(0, 1).toUpperCase() + parts[1].substring(1);
     }
   };
@@ -748,8 +753,8 @@ export class UniDateTimeService {
       } else {
         return config.storedValueDateTimeFormat
           ? config.storedValueDateTimeFormat
-            .replace('{DATE}', dateStr ? dateStr : '')
-            .replace('{TIME}', timeStr ? timeStr : '')
+              .replace('{DATE}', dateStr ? dateStr : '')
+              .replace('{TIME}', timeStr ? timeStr : '')
           : dateStr + ' ' + timeStr; // default to "{DATE} {TIME}" for backend if tokens are present
       }
     } else {
@@ -758,8 +763,8 @@ export class UniDateTimeService {
       }
       const storedValueFormat = config.storedValueDateTimeFormat
         ? config.storedValueDateTimeFormat
-          .replace('{DATE}', storedValueDateFormat)
-          .replace('{TIME}', storedValueTimeFormat)
+            .replace('{DATE}', storedValueDateFormat)
+            .replace('{TIME}', storedValueTimeFormat)
         : this.getFormatByLocale(config.storedValueLocale, FormatType.DATETIME_FORMAT, true);
       return this.flatpickrFormatDate(
         dateTime,
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/get-field-type.pipe.spec.ts b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/get-field-type.pipe.spec.ts
index cdd3d019..f815c8fe 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/get-field-type.pipe.spec.ts
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/get-field-type.pipe.spec.ts
@@ -1,51 +1,52 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { CoreUtils } from '@laserfiche/lf-js-utils';
-import { FieldType } from '@laserfiche/lf-ui-components/shared';
-import { Observable, of } from 'rxjs';
-import { LfFieldInfo } from '../../field-components/utils/lf-field-types';
-import { GetFieldTypePipe } from './get-field-type.pipe';
-
-describe('GetFieldTypePipe', () => {
-  const pipe = new GetFieldTypePipe();
-  const mappedObservables: Map<string, Observable<string>> = new Map<string, Observable<string>>([
-    ['TEXT', of('string type')]
-  ]);
-  it('create an instance', () => {
-    expect(pipe).toBeTruthy();
-  });
-
-  it('should return Observable if exists', async () => {
-    const item: LfFieldInfo = {
-      id: 1,
-      name: 'test name',
-      fieldType: FieldType.String,
-      displayName: 'test name'
-    };
-    let value: string | undefined;
-    pipe.transform(item, mappedObservables)?.subscribe((val) => {
-      value = val;
-    });
-    const expectedValue = 'string type';
-
-    await CoreUtils.waitForConditionAsync(
-      () => value === expectedValue,
-      () => { throw Error(`Timeout: value was ${value}`); }
-    );
-    expect(value).toEqual(expectedValue);
-  });
-
-  it('should return undefined if no mapped Observable', async () => {
-    const item: LfFieldInfo = {
-      id: 1,
-      name: 'test name',
-      fieldType: FieldType.List,
-      displayName: 'test name'
-    };
-    const value = pipe.transform(item, mappedObservables);
-
-    expect(value).toBeUndefined();
-  });
-
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { CoreUtils } from '@laserfiche/lf-js-utils';
+import { FieldType } from '@laserfiche/lf-ui-components/shared';
+import { Observable, of } from 'rxjs';
+import { LfFieldInfo } from '../../field-components/utils/lf-field-types';
+import { GetFieldTypePipe } from './get-field-type.pipe';
+
+describe('GetFieldTypePipe', () => {
+  const pipe = new GetFieldTypePipe();
+  const mappedObservables: Map<string, Observable<string>> = new Map<string, Observable<string>>([
+    ['TEXT', of('string type')],
+  ]);
+  it('create an instance', () => {
+    expect(pipe).toBeTruthy();
+  });
+
+  it('should return Observable if exists', async () => {
+    const item: LfFieldInfo = {
+      id: 1,
+      name: 'test name',
+      fieldType: FieldType.String,
+      displayName: 'test name',
+    };
+    let value: string | undefined;
+    pipe.transform(item, mappedObservables)?.subscribe((val) => {
+      value = val;
+    });
+    const expectedValue = 'string type';
+
+    await CoreUtils.waitForConditionAsync(
+      () => value === expectedValue,
+      () => {
+        throw Error(`Timeout: value was ${value}`);
+      }
+    );
+    expect(value).toEqual(expectedValue);
+  });
+
+  it('should return undefined if no mapped Observable', async () => {
+    const item: LfFieldInfo = {
+      id: 1,
+      name: 'test name',
+      fieldType: FieldType.List,
+      displayName: 'test name',
+    };
+    const value = pipe.transform(item, mappedObservables);
+
+    expect(value).toBeUndefined();
+  });
+});
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/get-field-type.pipe.ts b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/get-field-type.pipe.ts
index b3195a85..5b977558 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/get-field-type.pipe.ts
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/get-field-type.pipe.ts
@@ -1,66 +1,68 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Pipe, PipeTransform } from '@angular/core';
-import { FieldType } from '@laserfiche/lf-ui-components/shared';
-import { Observable } from 'rxjs';
-import { LfFieldInfo } from './../../field-components/utils/lf-field-types';
-
-/**
- * Pipe that returns the localized field type, given a fieldInfo and a set of localized strings
- */
-@Pipe({
-    name: 'getFieldType',
-    standalone: true
-})
-export class GetFieldTypePipe implements PipeTransform {
-
-  constructor() { }
-
-  private localizedFieldTypes?: Map<string, Observable<string>>;
-
-  /**
-   * Returns the Localized Field type, given an LfFieldInfo
-   * @param fieldInfo the current LfFieldInfo
-   * @param localizedFieldTypes A Map of various localized strings that correspond to different FieldTypes, (i.e. 'FIELD_TYPE_STRING')
-   * @returns The localized field type
-   */
-  transform(fieldInfo: LfFieldInfo, localizedFieldTypes: Map<string, Observable<string>>): Observable<string> | undefined {
-    this.localizedFieldTypes = localizedFieldTypes;
-    return this.getFieldType(fieldInfo);
-  }
-
-  private getFieldType(field: LfFieldInfo): Observable<string> | undefined {
-    switch (field.fieldType) {
-      case FieldType.Blob: {
-        return this.localizedFieldTypes?.get('DATA');
-      }
-      case FieldType.Date: {
-        return this.localizedFieldTypes?.get('DATE');
-      }
-      case FieldType.DateTime: {
-        return this.localizedFieldTypes?.get('DATE_TIME');
-      }
-      case FieldType.List: {
-        return this.localizedFieldTypes?.get('LIST');
-      }
-      case FieldType.LongInteger: {
-        return this.localizedFieldTypes?.get('LONG_INTEGER');
-      }
-      case FieldType.Number: {
-        return this.localizedFieldTypes?.get('NUMBER');
-      }
-      case FieldType.ShortInteger: {
-        return this.localizedFieldTypes?.get('INTEGER');
-      }
-      case FieldType.String: {
-        return this.localizedFieldTypes?.get('TEXT');
-      }
-      case FieldType.Time: {
-        return this.localizedFieldTypes?.get('TIME');
-      }
-      default:
-        return undefined;
-    }
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Pipe, PipeTransform } from '@angular/core';
+import { FieldType } from '@laserfiche/lf-ui-components/shared';
+import { Observable } from 'rxjs';
+import { LfFieldInfo } from './../../field-components/utils/lf-field-types';
+
+/**
+ * Pipe that returns the localized field type, given a fieldInfo and a set of localized strings
+ */
+@Pipe({
+  name: 'getFieldType',
+  standalone: true,
+})
+export class GetFieldTypePipe implements PipeTransform {
+  constructor() {}
+
+  private localizedFieldTypes?: Map<string, Observable<string>>;
+
+  /**
+   * Returns the Localized Field type, given an LfFieldInfo
+   * @param fieldInfo the current LfFieldInfo
+   * @param localizedFieldTypes A Map of various localized strings that correspond to different FieldTypes, (i.e. 'FIELD_TYPE_STRING')
+   * @returns The localized field type
+   */
+  transform(
+    fieldInfo: LfFieldInfo,
+    localizedFieldTypes: Map<string, Observable<string>>
+  ): Observable<string> | undefined {
+    this.localizedFieldTypes = localizedFieldTypes;
+    return this.getFieldType(fieldInfo);
+  }
+
+  private getFieldType(field: LfFieldInfo): Observable<string> | undefined {
+    switch (field.fieldType) {
+      case FieldType.Blob: {
+        return this.localizedFieldTypes?.get('DATA');
+      }
+      case FieldType.Date: {
+        return this.localizedFieldTypes?.get('DATE');
+      }
+      case FieldType.DateTime: {
+        return this.localizedFieldTypes?.get('DATE_TIME');
+      }
+      case FieldType.List: {
+        return this.localizedFieldTypes?.get('LIST');
+      }
+      case FieldType.LongInteger: {
+        return this.localizedFieldTypes?.get('LONG_INTEGER');
+      }
+      case FieldType.Number: {
+        return this.localizedFieldTypes?.get('NUMBER');
+      }
+      case FieldType.ShortInteger: {
+        return this.localizedFieldTypes?.get('INTEGER');
+      }
+      case FieldType.String: {
+        return this.localizedFieldTypes?.get('TEXT');
+      }
+      case FieldType.Time: {
+        return this.localizedFieldTypes?.get('TIME');
+      }
+      default:
+        return undefined;
+    }
+  }
+}
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.css b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.css
index d494183e..302da419 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.css
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.css
@@ -21,7 +21,6 @@
   margin-bottom: 0;
 }
 
-
 .back-button-overlay {
   display: flex;
   align-items: center;
@@ -106,8 +105,12 @@ i.loader {
   border: 1px solid #ccc;
   -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
   box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
-  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
+  -webkit-transition:
+    border-color ease-in-out 0.15s,
+    box-shadow ease-in-out 0.15s;
+  transition:
+    border-color ease-in-out 0.15s,
+    box-shadow ease-in-out 0.15s;
   padding-left: 28px;
   padding-right: 22px;
 }
@@ -164,7 +167,7 @@ i.loader {
 }
 
 .error-entries-text {
-  color: #AB2227;
+  color: #ab2227;
 }
 
 ::ng-deep .add-remove-container .mat-mdc-checkbox-touch-target {
@@ -184,9 +187,9 @@ i.loader {
 }
 
 ::ng-deep .add-remove-container .mat-mdc-checkbox .mdc-checkbox__background {
-    left: 0px;
+  left: 0px;
 }
 
 ::ng-deep .mat-mdc-dialog-container .mdc-dialog__surface:has(lf-popup-modal-component) {
   padding: 24px;
-}
\ No newline at end of file
+}
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.html b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.html
index 71944285..a9764066 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.html
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.html
@@ -1,74 +1,73 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<div id="add-remove-container" class="add-remove-container" cdkTrapFocus tabindex="0" (keydown.escape)="ignoreEscapeKeydown($event)">
-  <div id="adhoc-back-button" class="back-button-overlay">
-    <button class="adhoc-back-button-container" (click)="onClickBack()" >
-      <span class="material-icons adhoc-back-button" id="arrow-left-18" aria-label="back"> arrow_back_ios_new </span>
-    </button>
-    <div class="ms-font-m back-button-text">{{ ADD_REMOVE_FIELDS | async }}</div>
-  </div>
-  <div class="add-remove-content">
-    @if (isLoading) {
-      <lf-loader-component class="lf-adhoc-state-message"></lf-loader-component>
-    } @else {
-      @if (shouldShowErrorMessage) {
-        <div class="lf-adhoc-state-message error-entries-text">{{ AN_ERROR_OCCURED | async }}</div>
-      } @else {
-        <div class="field-picker-container" [ngClass]="{ 'has-changes': areCheckboxChanges }">
-          <div class="search">
-            <input
-              [formControl]="filterFieldsControl"
-              placeholder="{{ SEARCH_FIELDS | async }}"
-              class="searchBox"
-            />
-            <div class="icon icon-search"></div>
-            @if (fieldFilterText && fieldFilterText.length > 0) {
-              <div
-                (click)="onClearFields()"
-                class="icon icon-clear"
-              ></div>
-            }
-          </div>
-          @if (displayFieldInfos && displayFieldInfos.length > 0) {
-            <cdk-virtual-scroll-viewport itemSize="25" class="pick-field">
-              <div *cdkVirtualFor="let field of displayFieldInfos; let i = index">
-                <mat-checkbox
-                  color="primary"
-                  class="lf-checkbox"
-                  (change)="onUpdateCheckbox($event, field)"
-                  id="`add-remove-checkbox-{{ i }}`"
-                  [checked]="isFieldSelected(field)"
-                  title="{{ field.displayName }}"
-                  [disabled]="field.inTemplateSelected"
-                >
-                  {{ field.displayName }} ({{ field | getFieldType: LOCALIZED_FIELD_TYPES | async }})
-                </mat-checkbox>
-              </div>
-            </cdk-virtual-scroll-viewport>
-          } @else {
-            <div class="lf-adhoc-state-message fields-empty">
-              {{ NO_MATCHING_FIELDS_FOUND | async }}
-            </div>
-          }
-        </div>
-      }
-    }
-  </div>
-  @if (areCheckboxChanges) {
-    <div class="button-container">
-      <div class="button-padding-container">
-        <button id="adhoc-apply-button" class="primary-button lf-button adhoc-field-button" (click)="onClickApply()">
-          {{ APPLY | async }}
-        </button>
-        <button id="adhoc-cancel-button" class="sec-button lf-button adhoc-field-button" (click)="onClickCancel()">
-          {{ CANCEL | async }}
-        </button>
-      </div>
-    </div>
-  }
-</div>
-
-<ng-template #addRemoveConfirmModal let-data>
-  <lf-popup-modal-component [data]="data" (buttonClick)="onModalButtonClick($event)"></lf-popup-modal-component>
-</ng-template>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<div
+  id="add-remove-container"
+  class="add-remove-container"
+  cdkTrapFocus
+  tabindex="0"
+  (keydown.escape)="ignoreEscapeKeydown($event)"
+>
+  <div id="adhoc-back-button" class="back-button-overlay">
+    <button class="adhoc-back-button-container" (click)="onClickBack()">
+      <span class="material-icons adhoc-back-button" id="arrow-left-18" aria-label="back"> arrow_back_ios_new </span>
+    </button>
+    <div class="ms-font-m back-button-text">{{ ADD_REMOVE_FIELDS | async }}</div>
+  </div>
+  <div class="add-remove-content">
+    @if (isLoading) {
+      <lf-loader-component class="lf-adhoc-state-message"></lf-loader-component>
+    } @else {
+      @if (shouldShowErrorMessage) {
+        <div class="lf-adhoc-state-message error-entries-text">{{ AN_ERROR_OCCURED | async }}</div>
+      } @else {
+        <div class="field-picker-container" [ngClass]="{ 'has-changes': areCheckboxChanges }">
+          <div class="search">
+            <input [formControl]="filterFieldsControl" placeholder="{{ SEARCH_FIELDS | async }}" class="searchBox" />
+            <div class="icon icon-search"></div>
+            @if (fieldFilterText && fieldFilterText.length > 0) {
+              <div (click)="onClearFields()" class="icon icon-clear"></div>
+            }
+          </div>
+          @if (displayFieldInfos && displayFieldInfos.length > 0) {
+            <cdk-virtual-scroll-viewport itemSize="25" class="pick-field">
+              <div *cdkVirtualFor="let field of displayFieldInfos; let i = index">
+                <mat-checkbox
+                  color="primary"
+                  class="lf-checkbox"
+                  (change)="onUpdateCheckbox($event, field)"
+                  id="`add-remove-checkbox-{{ i }}`"
+                  [checked]="isFieldSelected(field)"
+                  title="{{ field.displayName }}"
+                  [disabled]="field.inTemplateSelected"
+                >
+                  {{ field.displayName }} ({{ field | getFieldType: LOCALIZED_FIELD_TYPES | async }})
+                </mat-checkbox>
+              </div>
+            </cdk-virtual-scroll-viewport>
+          } @else {
+            <div class="lf-adhoc-state-message fields-empty">
+              {{ NO_MATCHING_FIELDS_FOUND | async }}
+            </div>
+          }
+        </div>
+      }
+    }
+  </div>
+  @if (areCheckboxChanges) {
+    <div class="button-container">
+      <div class="button-padding-container">
+        <button id="adhoc-apply-button" class="primary-button lf-button adhoc-field-button" (click)="onClickApply()">
+          {{ APPLY | async }}
+        </button>
+        <button id="adhoc-cancel-button" class="sec-button lf-button adhoc-field-button" (click)="onClickCancel()">
+          {{ CANCEL | async }}
+        </button>
+      </div>
+    </div>
+  }
+</div>
+
+<ng-template #addRemoveConfirmModal let-data>
+  <lf-popup-modal-component [data]="data" (buttonClick)="onModalButtonClick($event)"></lf-popup-modal-component>
+</ng-template>
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.spec.ts b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.spec.ts
index 565a01b0..690591f4 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.spec.ts
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.spec.ts
@@ -32,9 +32,9 @@ describe('LfFieldAddRemoveComponent', () => {
         BrowserAnimationsModule,
         MatCheckboxModule,
         MatDialogModule,
-        ScrollingModule
+        ScrollingModule,
       ],
-      providers: [{provide: AdhocFieldConnectorService, useValue: adHocConnectorTestService}]
+      providers: [{ provide: AdhocFieldConnectorService, useValue: adHocConnectorTestService }],
     }).compileComponents();
   });
 
@@ -52,7 +52,14 @@ describe('LfFieldAddRemoveComponent', () => {
   });
 
   it('should have initial field checked', () => {
-    const initialFieldInfo: LfFieldInfo = { name: 'test field 1', id: 1, description: '', fieldType: FieldType.String, isMultiValue: true, displayName: 'test field 1' };
+    const initialFieldInfo: LfFieldInfo = {
+      name: 'test field 1',
+      id: 1,
+      description: '',
+      fieldType: FieldType.String,
+      isMultiValue: true,
+      displayName: 'test field 1',
+    };
     expect(component.isFieldSelected(initialFieldInfo)).toBeTruthy();
   });
 
@@ -61,7 +68,12 @@ describe('LfFieldAddRemoveComponent', () => {
     const matCheckboxUpdate = new MatCheckboxChange();
     matCheckboxUpdate.checked = true;
     const fieldInfoToCheck: LfFieldInfo = {
-      name: 'test field 3', id: 3, description: '', fieldType: FieldType.DateTime, isMultiValue: true, displayName: 'test field 3'
+      name: 'test field 3',
+      id: 3,
+      description: '',
+      fieldType: FieldType.DateTime,
+      isMultiValue: true,
+      displayName: 'test field 3',
     };
 
     // Act
@@ -78,7 +90,12 @@ describe('LfFieldAddRemoveComponent', () => {
     const matCheckboxUpdate = new MatCheckboxChange();
     matCheckboxUpdate.checked = false;
     const fieldInfoToUncheck: LfFieldInfo = {
-      name: 'test field 1', id: 1, description: '', fieldType: FieldType.String, isMultiValue: true, displayName: 'test field 1'
+      name: 'test field 1',
+      id: 1,
+      description: '',
+      fieldType: FieldType.String,
+      isMultiValue: true,
+      displayName: 'test field 1',
     };
 
     // Act
@@ -106,7 +123,6 @@ describe('LfFieldAddRemoveComponent', () => {
     expect(adHocConnectorTestService.setSelectedFieldIds).toHaveBeenCalledWith(new Set<number>());
     expect(component.areCheckboxChanges).toBe(false);
     expect(component.clickBack.emit).toHaveBeenCalled();
-
   });
 
   it('should not update connector service when click cancel after changes', async () => {
@@ -201,18 +217,60 @@ describe('LfFieldAddRemoveComponent', () => {
   });
 });
 
-const adHocConnectorTestService =  {
+const adHocConnectorTestService = {
   fieldInfos: [
-    { name: 'test field 1', id: 1, description: '', fieldType: FieldType.String, isMultiValue: true, displayName: 'test field 1' },
-    { name: 'test field 2', id: 2, description: '', fieldType: FieldType.String, isRequired: true, displayName: 'test field 2' },
-    { name: 'test field 3', id: 3, description: '', fieldType: FieldType.Date, isMultiValue: true, displayName: 'test field 3' },
-    { name: 'test field 4', id: 4, description: '', fieldType: FieldType.DateTime, isMultiValue: true, displayName: 'test field 4' },
-    { name: 'test field 5', id: 5, description: '', fieldType: FieldType.Time, isMultiValue: true, displayName: 'test field 5' },
+    {
+      name: 'test field 1',
+      id: 1,
+      description: '',
+      fieldType: FieldType.String,
+      isMultiValue: true,
+      displayName: 'test field 1',
+    },
+    {
+      name: 'test field 2',
+      id: 2,
+      description: '',
+      fieldType: FieldType.String,
+      isRequired: true,
+      displayName: 'test field 2',
+    },
+    {
+      name: 'test field 3',
+      id: 3,
+      description: '',
+      fieldType: FieldType.Date,
+      isMultiValue: true,
+      displayName: 'test field 3',
+    },
+    {
+      name: 'test field 4',
+      id: 4,
+      description: '',
+      fieldType: FieldType.DateTime,
+      isMultiValue: true,
+      displayName: 'test field 4',
+    },
+    {
+      name: 'test field 5',
+      id: 5,
+      description: '',
+      fieldType: FieldType.Time,
+      isMultiValue: true,
+      displayName: 'test field 5',
+    },
     { name: 'test field 6', id: 6, description: '', fieldType: FieldType.Number, displayName: 'test field 6' },
     { name: 'test field 7', id: 7, description: '', fieldType: FieldType.ShortInteger, displayName: 'test field 7' },
     { name: 'test field 8', id: 8, description: '', fieldType: FieldType.LongInteger, displayName: 'test field 8' },
     { name: 'test field 9', id: 9, description: '', fieldType: FieldType.String, displayName: 'test field 9' },
-    { name: 'test field 10', id: 10, description: '', fieldType: FieldType.String, isRequired: true, displayName: 'test field 10' },
+    {
+      name: 'test field 10',
+      id: 10,
+      description: '',
+      fieldType: FieldType.String,
+      isRequired: true,
+      displayName: 'test field 10',
+    },
     { name: 'test field 11', id: 11, description: '', fieldType: FieldType.Date, displayName: 'test field 11' },
     { name: 'test field 12', id: 12, description: '', fieldType: FieldType.DateTime, displayName: 'test field 12' },
     { name: 'test field 13', id: 13, description: '', fieldType: FieldType.Time, displayName: 'test field 13' },
@@ -227,25 +285,23 @@ const adHocConnectorTestService =  {
       fieldType: FieldType.String,
       values: [
         { value: '44.788', position: '1' },
-        { value: '55555', position: '2' }
-      ]
-    } },
-
-  setSelectedFieldIds(selectedFields: Set<number>) {
+        { value: '55555', position: '2' },
+      ],
+    },
   },
+
+  setSelectedFieldIds(selectedFields: Set<number>) {},
   getSelectedFieldIds(): Set<number> {
     const fieldIds = new Set<number>();
     fieldIds.add(1);
     return fieldIds;
   },
-  setAllFieldInfos(fieldInfos: LfFieldInfo[]) {
-  },
+  setAllFieldInfos(fieldInfos: LfFieldInfo[]) {},
   getAllFieldInfos(): LfFieldInfo[] {
     return this.fieldInfos;
   },
-  setAllFieldValues(fieldValues: FieldValues) {
-  },
+  setAllFieldValues(fieldValues: FieldValues) {},
   getAllFieldValues(): FieldValues {
     return this.fieldValues;
-  }
+  },
 };
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.ts b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.ts
index a9498aab..71154720 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.ts
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component.ts
@@ -1,273 +1,297 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component, EventEmitter, Output, Input, ChangeDetectorRef, AfterViewInit, ViewChild, TemplateRef, inject } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ReactiveFormsModule, FormControl } from '@angular/forms';
-import { A11yModule } from '@angular/cdk/a11y';
-import { ScrollingModule } from '@angular/cdk/scrolling';
-import { MatCheckboxModule, MatCheckboxChange } from '@angular/material/checkbox';
-import { AdhocFieldConnectorService } from '../lf-field-adhoc-connector.service';
-import { AdhocFieldInfo } from '../lf-field-adhoc-container-types';
-import { MatDialog, MatDialogRef } from '@angular/material/dialog';
-import { debounceTime } from 'rxjs/operators';
-import { LfFieldAdhocContainerService } from '../lf-field-adhoc-container.service';
-import { FieldType } from '@laserfiche/lf-ui-components/shared';
-import { LfFieldInfo } from '../../field-components/utils/lf-field-types';
-import { Observable } from 'rxjs';
-import { PopupModalResult, AppLocalizationService, filterObjectsByName, PopupModalData, LfLoaderComponent, LfPopupModalComponent } from '@laserfiche/lf-ui-components/internal-shared';
-import { CoreUtils } from '@laserfiche/lf-js-utils';
-import { GetFieldTypePipe } from './get-field-type.pipe';
-
-/**
- * @internal
- */
-export enum AddRemoveState {
-  DEFAULT = 'default',
-  LOADING = 'isLoading',
-  HAS_ERROR = 'hasError',
-  DISPLAY_FIELD = 'displayField'
-}
-
-/**
- * @internal
- */
-@Component({
-    selector: 'lf-field-add-remove-component',
-    templateUrl: './lf-field-add-remove.component.html',
-    styleUrls: ['./lf-field-add-remove.component.css'],
-    standalone: true,
-    imports: [CommonModule, ReactiveFormsModule, A11yModule, ScrollingModule, MatCheckboxModule, LfLoaderComponent, LfPopupModalComponent, GetFieldTypePipe]
-})
-export class LfFieldAddRemoveComponent implements AfterViewInit {
-  private adHocConnectorService = inject(AdhocFieldConnectorService);
-  ref = inject(ChangeDetectorRef);
-  popupDialog = inject(MatDialog);
-  private localizationService = inject(AppLocalizationService);
-
-  private readonly APPLY_CHANGES = this.localizationService.getStringLaserficheObservable('APPLY_CHANGES');
-  private readonly DO_YOU_WANT_TO_APPLY_YOUR_FIELD_CHANGES = this.localizationService.getStringLaserficheObservable('DO_YOU_WANT_TO_APPLY_YOUR_FIELD_CHANGES');
-  private readonly YES = this.localizationService.getStringLaserficheObservable('YES');
-  private readonly NO = this.localizationService.getStringLaserficheObservable('NO');
-  readonly CANCEL: Observable<string> = this.localizationService.getStringLaserficheObservable('CANCEL');
-  readonly APPLY: Observable<string> = this.localizationService.getStringLaserficheObservable('APPLY');
-  readonly ADD_REMOVE_FIELDS: Observable<string> = this.localizationService.getStringLaserficheObservable('ADD_REMOVE_FIELDS');
-  readonly NO_MATCHING_FIELDS_FOUND: Observable<string> = this.localizationService.getStringLaserficheObservable('NO_MATCHING_FIELDS_FOUND');
-  readonly SEARCH_FIELDS: Observable<string> = this.localizationService.getStringLaserficheObservable('SEARCH_FIELDS');
-  readonly AN_ERROR_OCCURED = this.localizationService.getStringLaserficheObservable('AN_ERROR_OCCURED');
-
-  readonly LOCALIZED_FIELD_TYPES: Map<string, Observable<string>> = new Map<string, Observable<string>>([
-    ['DATA', this.localizationService.getStringLaserficheObservable('DATA')],
-    ['DATE', this.localizationService.getStringLaserficheObservable('DATE')],
-    ['DATE_TIME', this.localizationService.getStringLaserficheObservable('DATE_TIME')],
-    ['LIST', this.localizationService.getStringLaserficheObservable('LIST')],
-    ['LONG_INTEGER', this.localizationService.getStringLaserficheObservable('LONG_INTEGER')],
-    ['NUMBER', this.localizationService.getStringLaserficheObservable('NUMBER')],
-    ['INTEGER', this.localizationService.getStringLaserficheObservable('INTEGER')],
-    ['TEXT', this.localizationService.getStringLaserficheObservable('TEXT')],
-    ['TIME', this.localizationService.getStringLaserficheObservable('TIME')],
-  ]);
-
-  allFieldInfos: AdhocFieldInfo[] = [];
-  displayFieldInfos: AdhocFieldInfo[] = [];
-  selectedFieldIds: Set<number> = new Set<number>();
-  areCheckboxChanges: boolean = false;
-  filterFieldsControl: FormControl = new FormControl();
-  fieldFilterText: string = '';
-
-  state: AddRemoveState = AddRemoveState.DEFAULT;
-  adhocFieldContainerService!: LfFieldAdhocContainerService;
-
-  dialogRef?: MatDialogRef<any>;
-  @ViewChild('addRemoveConfirmModal') popupModal?: TemplateRef<any>;
-
-  @Output() checkboxUpdate = new EventEmitter<void>();
-  @Output() clickBack = new EventEmitter<void>();
-
-  ngAfterViewInit() {
-    this.filterFieldsControl.valueChanges.pipe(debounceTime(200)).subscribe((value) => {
-      this.fieldFilterText = value;
-      this.filterDisplayedFields();
-      this.ref.detectChanges();
-    });
-  }
-
-  @Input()
-  initAsync = async (adhocContainerService: LfFieldAdhocContainerService): Promise<void> => {
-    this.adhocFieldContainerService = CoreUtils.validateDefined(adhocContainerService, 'adhocContainerService');
-    try {
-      this.state = AddRemoveState.LOADING;
-      await this.loadFieldDefinitionsInOrderAsync();
-      this.state = AddRemoveState.DISPLAY_FIELD;
-    }
-    catch (error) {
-      this.state = AddRemoveState.HAS_ERROR;
-      console.error(error);
-    }
-  };
-
-  /** @internal */
-  get shouldShowErrorMessage(): boolean {
-    return this.state === AddRemoveState.HAS_ERROR;
-  }
-
-  /** @internal */
-  get isLoading(): boolean {
-    return this.state === AddRemoveState.LOADING;
-  }
-
-  async onClickBack() {
-    if (this.areCheckboxChanges) {
-      const popupModalData: PopupModalData = {
-        popupTitle: this.APPLY_CHANGES,
-        popupMessage: this.DO_YOU_WANT_TO_APPLY_YOUR_FIELD_CHANGES,
-        cancelButtonText: this.CANCEL,
-        confirmButtonText: this.YES,
-        noButtonText: this.NO
-      };
-      this.dialogRef = this.popupDialog.open(
-        this.popupModal!,
-        {
-          width: '280px',
-          maxWidth: 'none',
-          data: popupModalData
-        }
-      );
-
-      const result = await this.dialogRef.afterClosed().toPromise();
-      if (result === PopupModalResult.CONFIRM) {
-        this.onClickApply();
-      }
-      else if (result === PopupModalResult.NO) {
-        this.onConfirmNo();
-      }
-    }
-    else {
-      this.state = AddRemoveState.DEFAULT;
-      this.clickBack.emit();
-    }
-  }
-
-  onModalButtonClick(event: string) {
-    const buttonClicked: string = event;
-    this.dialogRef?.close(buttonClicked);
-  }
-
-  onClickApply() {
-    this.areCheckboxChanges = false;
-    this.adHocConnectorService.setSelectedFieldIds(this.selectedFieldIds);
-    this.state = AddRemoveState.DEFAULT;
-    this.clickBack.emit();
-  }
-
-  onClickCancel() {
-    this.getAppliedFields();
-    this.areCheckboxChanges = false;
-  }
-
-  onConfirmNo() {
-    this.areCheckboxChanges = false;
-    this.state = AddRemoveState.DEFAULT;
-    this.clickBack.emit();
-  }
-
-  private filterDisplayedFields() {
-    this.displayFieldInfos = filterObjectsByName(this.allFieldInfos, this.fieldFilterText) ?? [];
-  }
-
-  onClearFields() {
-    this.filterFieldsControl.setValue('');
-    this.fieldFilterText = '';
-    this.filterDisplayedFields();
-    this.ref.detectChanges();
-  }
-
-  onUpdateCheckbox(changeEvent: MatCheckboxChange, field: LfFieldInfo) {
-    this.areCheckboxChanges = true;
-    this.updateSelectedOptions(changeEvent.checked, field);
-    this.checkboxUpdate.emit();
-  }
-
-  ignoreEscapeKeydown(event: KeyboardEvent) {
-    event.stopPropagation();
-  }
-
-  private updateSelectedOptions(checked: boolean, field: LfFieldInfo) {
-    if (checked) {
-      this.selectedFieldIds.add(field.id);
-    }
-    else {
-      this.selectedFieldIds.delete(field.id);
-    }
-  }
-
-  async updateSortedFieldInfos() {
-    this.getAppliedFields();
-    this.areCheckboxChanges = false;
-    this.allFieldInfos = this.partitionFieldInfos(this.allFieldInfos);
-    this.filterDisplayedFields();
-    this.ref.detectChanges();
-  }
-
-  private partitionFieldInfos(fieldDefinitions: AdhocFieldInfo[]) {
-    const selectedFieldInfos: AdhocFieldInfo[] = fieldDefinitions?.filter(
-      (fieldInfo) => (this.selectedFieldIds.has(fieldInfo.id) && !fieldInfo.inTemplateSelected)) ?? [];
-    const unselectedFieldInfos: LfFieldInfo[] = fieldDefinitions?.filter(
-      (fieldInfo) => !(this.selectedFieldIds.has(fieldInfo.id) || fieldInfo.inTemplateSelected)) ?? [];
-    const disabledFields: AdhocFieldInfo[] = fieldDefinitions?.filter(
-      (fieldInfo) => fieldInfo.inTemplateSelected) ?? [];
-
-    const allOrderedFields = selectedFieldInfos.concat(unselectedFieldInfos).concat(disabledFields);
-    return allOrderedFields;
-  }
-
-  isFieldSelected(field: AdhocFieldInfo): boolean {
-    const selectedItemExists: boolean = this.selectedFieldIds ? this.selectedFieldIds.has(field.id) : false;
-    const isSelected: boolean = field.inTemplateSelected ?? false;
-    return selectedItemExists || isSelected;
-  }
-
-
-  getAppliedFields() {
-    this.selectedFieldIds = this.adHocConnectorService.getSelectedFieldIds();
-  }
-
-  private async loadFieldDefinitionsInOrderAsync(): Promise<void> {
-  const fieldInfos: LfFieldInfo[] = await this.getCurrentFieldOptionsAsync();
-  this.allFieldInfos = this.orderFieldInfosByName(fieldInfos);
-  this.adHocConnectorService.setAllFieldInfos(this.allFieldInfos);
-}
-
-  private async getCurrentFieldOptionsAsync(): Promise<LfFieldInfo[]> {
-      const fieldInfos: AdhocFieldInfo[] = await this.adhocFieldContainerService.getAllFieldDefinitionsAsync();
-      const fieldDefinitions = fieldInfos.filter((val) => {
-        const validFieldType: boolean = val.fieldType in FieldType && val.fieldType !== FieldType.Blob;
-        if (!validFieldType) {
-          console.warn(`Invalid FieldType: ${val.fieldType}. Will not display field with name: ${val.name}`);
-        }
-        return validFieldType;
-      });
-      this.adHocConnectorService.setAllFieldInfos(fieldDefinitions);
-
-      if (fieldDefinitions?.length === 0) {
-        console.warn('getAllFieldDefinitionsAsync returned no definitions');
-      }
-      return fieldDefinitions;
-  }
-
-    /** @internal */
-    private orderFieldInfosByName(fieldInfos: LfFieldInfo[]): LfFieldInfo[] {
-      if (fieldInfos) {
-        const sortSelectedFieldInfosAlphabetically = fieldInfos?.sort((a, b) => {
-          const aName = a.name?.toLowerCase() ?? '';
-          const bName = b.name?.toLowerCase() ?? '';
-          return aName < bName ? -1 : 1;
-        });
-        return sortSelectedFieldInfosAlphabetically;
-      }
-      else {
-        return [];
-      }
-    }
-
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import {
+  Component,
+  EventEmitter,
+  Output,
+  Input,
+  ChangeDetectorRef,
+  AfterViewInit,
+  ViewChild,
+  TemplateRef,
+  inject,
+} from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule, FormControl } from '@angular/forms';
+import { A11yModule } from '@angular/cdk/a11y';
+import { ScrollingModule } from '@angular/cdk/scrolling';
+import { MatCheckboxModule, MatCheckboxChange } from '@angular/material/checkbox';
+import { AdhocFieldConnectorService } from '../lf-field-adhoc-connector.service';
+import { AdhocFieldInfo } from '../lf-field-adhoc-container-types';
+import { MatDialog, MatDialogRef } from '@angular/material/dialog';
+import { debounceTime } from 'rxjs/operators';
+import { LfFieldAdhocContainerService } from '../lf-field-adhoc-container.service';
+import { FieldType } from '@laserfiche/lf-ui-components/shared';
+import { LfFieldInfo } from '../../field-components/utils/lf-field-types';
+import { Observable } from 'rxjs';
+import {
+  PopupModalResult,
+  AppLocalizationService,
+  filterObjectsByName,
+  PopupModalData,
+  LfLoaderComponent,
+  LfPopupModalComponent,
+} from '@laserfiche/lf-ui-components/internal-shared';
+import { CoreUtils } from '@laserfiche/lf-js-utils';
+import { GetFieldTypePipe } from './get-field-type.pipe';
+
+/**
+ * @internal
+ */
+export enum AddRemoveState {
+  DEFAULT = 'default',
+  LOADING = 'isLoading',
+  HAS_ERROR = 'hasError',
+  DISPLAY_FIELD = 'displayField',
+}
+
+/**
+ * @internal
+ */
+@Component({
+  selector: 'lf-field-add-remove-component',
+  templateUrl: './lf-field-add-remove.component.html',
+  styleUrls: ['./lf-field-add-remove.component.css'],
+  standalone: true,
+  imports: [
+    CommonModule,
+    ReactiveFormsModule,
+    A11yModule,
+    ScrollingModule,
+    MatCheckboxModule,
+    LfLoaderComponent,
+    LfPopupModalComponent,
+    GetFieldTypePipe,
+  ],
+})
+export class LfFieldAddRemoveComponent implements AfterViewInit {
+  private adHocConnectorService = inject(AdhocFieldConnectorService);
+  ref = inject(ChangeDetectorRef);
+  popupDialog = inject(MatDialog);
+  private localizationService = inject(AppLocalizationService);
+
+  private readonly APPLY_CHANGES = this.localizationService.getStringLaserficheObservable('APPLY_CHANGES');
+  private readonly DO_YOU_WANT_TO_APPLY_YOUR_FIELD_CHANGES = this.localizationService.getStringLaserficheObservable(
+    'DO_YOU_WANT_TO_APPLY_YOUR_FIELD_CHANGES'
+  );
+  private readonly YES = this.localizationService.getStringLaserficheObservable('YES');
+  private readonly NO = this.localizationService.getStringLaserficheObservable('NO');
+  readonly CANCEL: Observable<string> = this.localizationService.getStringLaserficheObservable('CANCEL');
+  readonly APPLY: Observable<string> = this.localizationService.getStringLaserficheObservable('APPLY');
+  readonly ADD_REMOVE_FIELDS: Observable<string> =
+    this.localizationService.getStringLaserficheObservable('ADD_REMOVE_FIELDS');
+  readonly NO_MATCHING_FIELDS_FOUND: Observable<string> =
+    this.localizationService.getStringLaserficheObservable('NO_MATCHING_FIELDS_FOUND');
+  readonly SEARCH_FIELDS: Observable<string> = this.localizationService.getStringLaserficheObservable('SEARCH_FIELDS');
+  readonly AN_ERROR_OCCURED = this.localizationService.getStringLaserficheObservable('AN_ERROR_OCCURED');
+
+  readonly LOCALIZED_FIELD_TYPES: Map<string, Observable<string>> = new Map<string, Observable<string>>([
+    ['DATA', this.localizationService.getStringLaserficheObservable('DATA')],
+    ['DATE', this.localizationService.getStringLaserficheObservable('DATE')],
+    ['DATE_TIME', this.localizationService.getStringLaserficheObservable('DATE_TIME')],
+    ['LIST', this.localizationService.getStringLaserficheObservable('LIST')],
+    ['LONG_INTEGER', this.localizationService.getStringLaserficheObservable('LONG_INTEGER')],
+    ['NUMBER', this.localizationService.getStringLaserficheObservable('NUMBER')],
+    ['INTEGER', this.localizationService.getStringLaserficheObservable('INTEGER')],
+    ['TEXT', this.localizationService.getStringLaserficheObservable('TEXT')],
+    ['TIME', this.localizationService.getStringLaserficheObservable('TIME')],
+  ]);
+
+  allFieldInfos: AdhocFieldInfo[] = [];
+  displayFieldInfos: AdhocFieldInfo[] = [];
+  selectedFieldIds: Set<number> = new Set<number>();
+  areCheckboxChanges: boolean = false;
+  filterFieldsControl: FormControl = new FormControl();
+  fieldFilterText: string = '';
+
+  state: AddRemoveState = AddRemoveState.DEFAULT;
+  adhocFieldContainerService!: LfFieldAdhocContainerService;
+
+  dialogRef?: MatDialogRef<any>;
+  @ViewChild('addRemoveConfirmModal') popupModal?: TemplateRef<any>;
+
+  @Output() checkboxUpdate = new EventEmitter<void>();
+  @Output() clickBack = new EventEmitter<void>();
+
+  ngAfterViewInit() {
+    this.filterFieldsControl.valueChanges.pipe(debounceTime(200)).subscribe((value) => {
+      this.fieldFilterText = value;
+      this.filterDisplayedFields();
+      this.ref.detectChanges();
+    });
+  }
+
+  @Input()
+  initAsync = async (adhocContainerService: LfFieldAdhocContainerService): Promise<void> => {
+    this.adhocFieldContainerService = CoreUtils.validateDefined(adhocContainerService, 'adhocContainerService');
+    try {
+      this.state = AddRemoveState.LOADING;
+      await this.loadFieldDefinitionsInOrderAsync();
+      this.state = AddRemoveState.DISPLAY_FIELD;
+    } catch (error) {
+      this.state = AddRemoveState.HAS_ERROR;
+      console.error(error);
+    }
+  };
+
+  /** @internal */
+  get shouldShowErrorMessage(): boolean {
+    return this.state === AddRemoveState.HAS_ERROR;
+  }
+
+  /** @internal */
+  get isLoading(): boolean {
+    return this.state === AddRemoveState.LOADING;
+  }
+
+  async onClickBack() {
+    if (this.areCheckboxChanges) {
+      const popupModalData: PopupModalData = {
+        popupTitle: this.APPLY_CHANGES,
+        popupMessage: this.DO_YOU_WANT_TO_APPLY_YOUR_FIELD_CHANGES,
+        cancelButtonText: this.CANCEL,
+        confirmButtonText: this.YES,
+        noButtonText: this.NO,
+      };
+      this.dialogRef = this.popupDialog.open(this.popupModal!, {
+        width: '280px',
+        maxWidth: 'none',
+        data: popupModalData,
+      });
+
+      const result = await this.dialogRef.afterClosed().toPromise();
+      if (result === PopupModalResult.CONFIRM) {
+        this.onClickApply();
+      } else if (result === PopupModalResult.NO) {
+        this.onConfirmNo();
+      }
+    } else {
+      this.state = AddRemoveState.DEFAULT;
+      this.clickBack.emit();
+    }
+  }
+
+  onModalButtonClick(event: string) {
+    const buttonClicked: string = event;
+    this.dialogRef?.close(buttonClicked);
+  }
+
+  onClickApply() {
+    this.areCheckboxChanges = false;
+    this.adHocConnectorService.setSelectedFieldIds(this.selectedFieldIds);
+    this.state = AddRemoveState.DEFAULT;
+    this.clickBack.emit();
+  }
+
+  onClickCancel() {
+    this.getAppliedFields();
+    this.areCheckboxChanges = false;
+  }
+
+  onConfirmNo() {
+    this.areCheckboxChanges = false;
+    this.state = AddRemoveState.DEFAULT;
+    this.clickBack.emit();
+  }
+
+  private filterDisplayedFields() {
+    this.displayFieldInfos = filterObjectsByName(this.allFieldInfos, this.fieldFilterText) ?? [];
+  }
+
+  onClearFields() {
+    this.filterFieldsControl.setValue('');
+    this.fieldFilterText = '';
+    this.filterDisplayedFields();
+    this.ref.detectChanges();
+  }
+
+  onUpdateCheckbox(changeEvent: MatCheckboxChange, field: LfFieldInfo) {
+    this.areCheckboxChanges = true;
+    this.updateSelectedOptions(changeEvent.checked, field);
+    this.checkboxUpdate.emit();
+  }
+
+  ignoreEscapeKeydown(event: KeyboardEvent) {
+    event.stopPropagation();
+  }
+
+  private updateSelectedOptions(checked: boolean, field: LfFieldInfo) {
+    if (checked) {
+      this.selectedFieldIds.add(field.id);
+    } else {
+      this.selectedFieldIds.delete(field.id);
+    }
+  }
+
+  async updateSortedFieldInfos() {
+    this.getAppliedFields();
+    this.areCheckboxChanges = false;
+    this.allFieldInfos = this.partitionFieldInfos(this.allFieldInfos);
+    this.filterDisplayedFields();
+    this.ref.detectChanges();
+  }
+
+  private partitionFieldInfos(fieldDefinitions: AdhocFieldInfo[]) {
+    const selectedFieldInfos: AdhocFieldInfo[] =
+      fieldDefinitions?.filter(
+        (fieldInfo) => this.selectedFieldIds.has(fieldInfo.id) && !fieldInfo.inTemplateSelected
+      ) ?? [];
+    const unselectedFieldInfos: LfFieldInfo[] =
+      fieldDefinitions?.filter(
+        (fieldInfo) => !(this.selectedFieldIds.has(fieldInfo.id) || fieldInfo.inTemplateSelected)
+      ) ?? [];
+    const disabledFields: AdhocFieldInfo[] =
+      fieldDefinitions?.filter((fieldInfo) => fieldInfo.inTemplateSelected) ?? [];
+
+    const allOrderedFields = selectedFieldInfos.concat(unselectedFieldInfos).concat(disabledFields);
+    return allOrderedFields;
+  }
+
+  isFieldSelected(field: AdhocFieldInfo): boolean {
+    const selectedItemExists: boolean = this.selectedFieldIds ? this.selectedFieldIds.has(field.id) : false;
+    const isSelected: boolean = field.inTemplateSelected ?? false;
+    return selectedItemExists || isSelected;
+  }
+
+  getAppliedFields() {
+    this.selectedFieldIds = this.adHocConnectorService.getSelectedFieldIds();
+  }
+
+  private async loadFieldDefinitionsInOrderAsync(): Promise<void> {
+    const fieldInfos: LfFieldInfo[] = await this.getCurrentFieldOptionsAsync();
+    this.allFieldInfos = this.orderFieldInfosByName(fieldInfos);
+    this.adHocConnectorService.setAllFieldInfos(this.allFieldInfos);
+  }
+
+  private async getCurrentFieldOptionsAsync(): Promise<LfFieldInfo[]> {
+    const fieldInfos: AdhocFieldInfo[] = await this.adhocFieldContainerService.getAllFieldDefinitionsAsync();
+    const fieldDefinitions = fieldInfos.filter((val) => {
+      const validFieldType: boolean = val.fieldType in FieldType && val.fieldType !== FieldType.Blob;
+      if (!validFieldType) {
+        console.warn(`Invalid FieldType: ${val.fieldType}. Will not display field with name: ${val.name}`);
+      }
+      return validFieldType;
+    });
+    this.adHocConnectorService.setAllFieldInfos(fieldDefinitions);
+
+    if (fieldDefinitions?.length === 0) {
+      console.warn('getAllFieldDefinitionsAsync returned no definitions');
+    }
+    return fieldDefinitions;
+  }
+
+  /** @internal */
+  private orderFieldInfosByName(fieldInfos: LfFieldInfo[]): LfFieldInfo[] {
+    if (fieldInfos) {
+      const sortSelectedFieldInfosAlphabetically = fieldInfos?.sort((a, b) => {
+        const aName = a.name?.toLowerCase() ?? '';
+        const bName = b.name?.toLowerCase() ?? '';
+        return aName < bName ? -1 : 1;
+      });
+      return sortSelectedFieldInfosAlphabetically;
+    } else {
+      return [];
+    }
+  }
+}
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-connector.service.ts b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-connector.service.ts
index 76784cc0..7e89001d 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-connector.service.ts
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-connector.service.ts
@@ -1,32 +1,31 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Injectable } from '@angular/core';
-import { AdhocFieldInfo } from './lf-field-adhoc-container-types';
-
-/** @internal */
-@Injectable({
-  providedIn: 'root'
-})
-export class AdhocFieldConnectorService {
-
-  private selectedFieldIds = new Set<number>();
-  private allFieldInfos: AdhocFieldInfo[] = [];
-  constructor() { }
-
-  setSelectedFieldIds(selectedFields: Set<number>) {
-    this.selectedFieldIds = selectedFields;
-  }
-
-  getSelectedFieldIds(): Set<number> {
-    return new Set<number>(this.selectedFieldIds);
-  }
-
-  setAllFieldInfos(fieldInfos: AdhocFieldInfo[]) {
-    this.allFieldInfos = fieldInfos;
-  }
-
-  getAllFieldInfos(): AdhocFieldInfo[] {
-    return this.allFieldInfos;
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Injectable } from '@angular/core';
+import { AdhocFieldInfo } from './lf-field-adhoc-container-types';
+
+/** @internal */
+@Injectable({
+  providedIn: 'root',
+})
+export class AdhocFieldConnectorService {
+  private selectedFieldIds = new Set<number>();
+  private allFieldInfos: AdhocFieldInfo[] = [];
+  constructor() {}
+
+  setSelectedFieldIds(selectedFields: Set<number>) {
+    this.selectedFieldIds = selectedFields;
+  }
+
+  getSelectedFieldIds(): Set<number> {
+    return new Set<number>(this.selectedFieldIds);
+  }
+
+  setAllFieldInfos(fieldInfos: AdhocFieldInfo[]) {
+    this.allFieldInfos = fieldInfos;
+  }
+
+  getAllFieldInfos(): AdhocFieldInfo[] {
+    return this.allFieldInfos;
+  }
+}
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container-demo.service.ts b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container-demo.service.ts
index e80061f9..27f4ddfe 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container-demo.service.ts
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container-demo.service.ts
@@ -1,167 +1,153 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-// This service is an intentional duplication of the demo service in lf-documentation
-
-import { LfFieldAdhocContainerService } from './lf-field-adhoc-container.service';
-import { FieldFormat, FieldType } from '@laserfiche/lf-ui-components/shared';
-import { FieldValue, LfFieldInfo } from '../field-components/utils/lf-field-types';
-export class LfFieldAdhocContainerDemoService implements LfFieldAdhocContainerService {
-  fieldInfos: LfFieldInfo[] = [
-    {
-      name: 'Attendance List',
-      id: 1,
-      fieldType: FieldType.String,
-      isMultiValue: true,
-      displayName: 'Attendance List'
-    },
-    {
-      name: 'Full Name',
-      id: 2,
-      fieldType: FieldType.String,
-      isRequired: true,
-      displayName: 'Full Name'
-    },
-    {
-
-      name: 'Birthdays',
-      id: 3,
-      fieldType: FieldType.Date,
-      format: FieldFormat.LongDate,
-      isMultiValue: true,
-      displayName: 'Birthdays'
-    },
-    {
-
-      name: 'Birthdays w/ Time',
-      id: 4,
-      fieldType: FieldType.DateTime,
-      format: FieldFormat.LongDateTime,
-      isMultiValue: true,
-      displayName: 'Birthdays w/ Time'
-    },
-    {
-
-      name: 'Start Times',
-      id: 5,
-      fieldType: FieldType.Time,
-      format: FieldFormat.ShortTime,
-      isMultiValue: true,
-      displayName: 'Start Times'
-    },
-    {
-
-      name: 'Number (no format)',
-      id: 6,
-      fieldType: FieldType.Number,
-      format: FieldFormat.GeneralNumber,
-      displayName: 'Number (no format)'
-    },
-    {
-
-      name: 'Amount (AUD)',
-      id: 61,
-      fieldType: FieldType.Number,
-      format: FieldFormat.Currency,
-      currency: 'AUD',
-      displayName: 'Amount (AUD)'
-    },
-    {
-
-      name: 'Test Scores',
-      id: 62,
-      fieldType: FieldType.Number,
-      format: FieldFormat.Percent,
-      isMultiValue: true,
-      constraint: '>=0&<=100',
-      constraintError: 'Must be between 0-100.',
-      displayName: 'Test Scores'
-    },
-    {
-
-      name: 'Calories Per Serving',
-      id: 63,
-      fieldType: FieldType.Number,
-      format: FieldFormat.Scientific,
-      displayName: 'Calories Per Serving'
-    },
-    {
-
-      name: 'General Number',
-      id: 64,
-      fieldType: FieldType.Number,
-      format: FieldFormat.GeneralNumber,
-      displayName: 'General Number'
-    },
-    {
-
-      name: 'Int',
-      id: 7,
-      fieldType: FieldType.ShortInteger,
-      format: FieldFormat.GeneralNumber,
-      displayName: 'Int'
-    },
-    {
-
-      name: 'LongInt',
-      id: 8,
-      fieldType: FieldType.LongInteger,
-      format: FieldFormat.GeneralNumber,
-      displayName: 'LongInt'
-    },
-    {
-
-      name: 'Additional Comments',
-      id: 9,
-      fieldType: FieldType.String,
-      format: FieldFormat.None,
-      isRequired: true,
-      length: 200,
-      displayName: 'Additional Comments'
-    },
-    {
-
-      name: 'Date',
-      id: 11,
-      fieldType: FieldType.Date,
-      format: FieldFormat.LongDate,
-      displayName: 'Date'
-    },
-    {
-
-      name: 'DateTime',
-      id: 12,
-      fieldType: FieldType.DateTime,
-      format: FieldFormat.LongDateTime,
-      displayName: 'DateTime'
-    },
-    {
-
-      name: 'Time',
-      id: 13,
-      fieldType: FieldType.Time,
-      format: FieldFormat.LongTime,
-      displayName: 'Time'
-    },
-  ];
-  values: FieldValue[] = [
-    {
-      fieldName: 'Attendance List',
-      fieldId: 1,
-      fieldType: FieldType.String,
-      values: [
-        { value: 'Alex', position: '0' },
-        { value: 'Andrew', position: '1' },
-        { value: 'Ian', position: '2' },
-        { value: 'Lee', position: '3' },
-        { value: 'Paolo', position: '4' },
-        { value: 'Quinn', position: '5' },
-      ],
-    },
-  ];
-  mappedFields = [{ value: this.values[0], definition: this.fieldInfos[0] }];
-
-  async getAllFieldDefinitionsAsync(): Promise<LfFieldInfo[]> {
-    return this.fieldInfos;
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+// This service is an intentional duplication of the demo service in lf-documentation
+
+import { LfFieldAdhocContainerService } from './lf-field-adhoc-container.service';
+import { FieldFormat, FieldType } from '@laserfiche/lf-ui-components/shared';
+import { FieldValue, LfFieldInfo } from '../field-components/utils/lf-field-types';
+export class LfFieldAdhocContainerDemoService implements LfFieldAdhocContainerService {
+  fieldInfos: LfFieldInfo[] = [
+    {
+      name: 'Attendance List',
+      id: 1,
+      fieldType: FieldType.String,
+      isMultiValue: true,
+      displayName: 'Attendance List',
+    },
+    {
+      name: 'Full Name',
+      id: 2,
+      fieldType: FieldType.String,
+      isRequired: true,
+      displayName: 'Full Name',
+    },
+    {
+      name: 'Birthdays',
+      id: 3,
+      fieldType: FieldType.Date,
+      format: FieldFormat.LongDate,
+      isMultiValue: true,
+      displayName: 'Birthdays',
+    },
+    {
+      name: 'Birthdays w/ Time',
+      id: 4,
+      fieldType: FieldType.DateTime,
+      format: FieldFormat.LongDateTime,
+      isMultiValue: true,
+      displayName: 'Birthdays w/ Time',
+    },
+    {
+      name: 'Start Times',
+      id: 5,
+      fieldType: FieldType.Time,
+      format: FieldFormat.ShortTime,
+      isMultiValue: true,
+      displayName: 'Start Times',
+    },
+    {
+      name: 'Number (no format)',
+      id: 6,
+      fieldType: FieldType.Number,
+      format: FieldFormat.GeneralNumber,
+      displayName: 'Number (no format)',
+    },
+    {
+      name: 'Amount (AUD)',
+      id: 61,
+      fieldType: FieldType.Number,
+      format: FieldFormat.Currency,
+      currency: 'AUD',
+      displayName: 'Amount (AUD)',
+    },
+    {
+      name: 'Test Scores',
+      id: 62,
+      fieldType: FieldType.Number,
+      format: FieldFormat.Percent,
+      isMultiValue: true,
+      constraint: '>=0&<=100',
+      constraintError: 'Must be between 0-100.',
+      displayName: 'Test Scores',
+    },
+    {
+      name: 'Calories Per Serving',
+      id: 63,
+      fieldType: FieldType.Number,
+      format: FieldFormat.Scientific,
+      displayName: 'Calories Per Serving',
+    },
+    {
+      name: 'General Number',
+      id: 64,
+      fieldType: FieldType.Number,
+      format: FieldFormat.GeneralNumber,
+      displayName: 'General Number',
+    },
+    {
+      name: 'Int',
+      id: 7,
+      fieldType: FieldType.ShortInteger,
+      format: FieldFormat.GeneralNumber,
+      displayName: 'Int',
+    },
+    {
+      name: 'LongInt',
+      id: 8,
+      fieldType: FieldType.LongInteger,
+      format: FieldFormat.GeneralNumber,
+      displayName: 'LongInt',
+    },
+    {
+      name: 'Additional Comments',
+      id: 9,
+      fieldType: FieldType.String,
+      format: FieldFormat.None,
+      isRequired: true,
+      length: 200,
+      displayName: 'Additional Comments',
+    },
+    {
+      name: 'Date',
+      id: 11,
+      fieldType: FieldType.Date,
+      format: FieldFormat.LongDate,
+      displayName: 'Date',
+    },
+    {
+      name: 'DateTime',
+      id: 12,
+      fieldType: FieldType.DateTime,
+      format: FieldFormat.LongDateTime,
+      displayName: 'DateTime',
+    },
+    {
+      name: 'Time',
+      id: 13,
+      fieldType: FieldType.Time,
+      format: FieldFormat.LongTime,
+      displayName: 'Time',
+    },
+  ];
+  values: FieldValue[] = [
+    {
+      fieldName: 'Attendance List',
+      fieldId: 1,
+      fieldType: FieldType.String,
+      values: [
+        { value: 'Alex', position: '0' },
+        { value: 'Andrew', position: '1' },
+        { value: 'Ian', position: '2' },
+        { value: 'Lee', position: '3' },
+        { value: 'Paolo', position: '4' },
+        { value: 'Quinn', position: '5' },
+      ],
+    },
+  ];
+  mappedFields = [{ value: this.values[0], definition: this.fieldInfos[0] }];
+
+  async getAllFieldDefinitionsAsync(): Promise<LfFieldInfo[]> {
+    return this.fieldInfos;
+  }
+}
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container-types.ts b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container-types.ts
index cc64cb5d..a84029c7 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container-types.ts
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container-types.ts
@@ -1,8 +1,8 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { LfFieldInfo } from '../field-components/utils/lf-field-types';
-
-export interface AdhocFieldInfo extends LfFieldInfo {
-  inTemplateSelected?: boolean;
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { LfFieldInfo } from '../field-components/utils/lf-field-types';
+
+export interface AdhocFieldInfo extends LfFieldInfo {
+  inTemplateSelected?: boolean;
+}
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.html b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.html
index 51dd8a38..b968ca39 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.html
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.html
@@ -8,14 +8,11 @@
       id="adhoc-add-remove-button"
       class="lf-ellipsis-label sec-button lf-button adhoc-add-remove-button"
       (click)="addRemoveFieldsAsync(adhocPanel)"
-      >
+    >
       {{ ADD_REMOVE_FIELDS | async }}
     </button>
     @if (fieldsEmpty()) {
-      <div
-        class="fields-empty lf-ellipsis-label"
-        title="{{ NO_ADDITIONAL_FIELDS_ASSIGNED | async }}"
-        >
+      <div class="fields-empty lf-ellipsis-label" title="{{ NO_ADDITIONAL_FIELDS_ASSIGNED | async }}">
         {{ NO_ADDITIONAL_FIELDS_ASSIGNED | async }}
       </div>
     }
@@ -24,7 +21,7 @@
     </div>
   </div>
 </div>
-<div [hidden]="!showAdhocModal" class="addRemoveModal" class="adhoc-modal" >
+<div [hidden]="!showAdhocModal" class="addRemoveModal" class="adhoc-modal">
   <div class="adhoc-modal-content" #adhocPanel tabindex="0">
     <lf-field-add-remove-component (clickBack)="onClickBackAsync()"></lf-field-add-remove-component>
   </div>
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.spec.ts b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.spec.ts
index 07245037..01089d18 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.spec.ts
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.spec.ts
@@ -1,213 +1,218 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { FieldType } from '@laserfiche/lf-ui-components/shared';
-import { LfLoaderComponent, LfPopupModalComponent } from '@laserfiche/lf-ui-components/internal-shared';
-import { LfFieldViewDirective } from '../lf-field-view.directive';
-import { FieldValue } from '../field-components/utils/lf-field-types';
-import { LfFieldAddRemoveComponent } from './lf-field-add-remove/lf-field-add-remove.component';
-import { LfFieldAdhocContainerDemoService } from './lf-field-adhoc-container-demo.service';
-import { AdhocFieldInfo } from './lf-field-adhoc-container-types';
-import { LfFieldAdhocContainerComponent } from './lf-field-adhoc-container.component';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { LfFieldBaseComponent } from '../field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component';
-import { GetFieldTypePipe } from './lf-field-add-remove/get-field-type.pipe';
-import { ScrollingModule } from '@angular/cdk/scrolling';
-import { MatDialogModule } from '@angular/material/dialog';
-
-describe('LfFieldAdhocContainerComponent', () => {
-  let component: LfFieldAdhocContainerComponent;
-  let fixture: ComponentFixture<LfFieldAdhocContainerComponent>;
-  let element: HTMLElement;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [
-        LfFieldAdhocContainerComponent,
-        LfFieldAddRemoveComponent,
-        LfFieldViewDirective,
-        GetFieldTypePipe,
-        FormsModule,
-        ReactiveFormsModule,
-        BrowserAnimationsModule,
-        LfPopupModalComponent,
-        LfFieldBaseComponent,
-        MatCheckboxModule,
-        ScrollingModule,
-        LfLoaderComponent,
-        MatDialogModule,
-      ],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(LfFieldAdhocContainerComponent);
-    component = fixture.componentInstance;
-    element = fixture.nativeElement;
-    fixture.detectChanges();
-    const demoService = new LfFieldAdhocContainerDemoService();
-    await component.initAsync(demoService);
-    await component.resetFieldDataAsync(demoService.mappedFields);
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('should have multivalue field', async () => {
-    const multivalueField = element.querySelector('lf-field-multivalue-component');
-    expect(multivalueField).toBeTruthy();
-  });
-
-  it('should have initial selectedFieldValues', async () => {
-    const expected: FieldValue = {
-      fieldName: 'Attendance List',
-      fieldId: 1,
-      fieldType: FieldType.String,
-      values: [
-        { value: 'Alex', position: '1' },
-        { value: 'Andrew', position: '2' },
-        { value: 'Ian', position: '3' },
-        { value: 'Lee', position: '4' },
-        { value: 'Paolo', position: '5' },
-        { value: 'Quinn', position: '6' },
-      ],
-    };
-
-    expect(component.getFieldValues()).toEqual({ 'Attendance List': expected });
-  });
-
-  it('should get current selectedFieldInfo', async () => {
-    const initialFieldInfo: AdhocFieldInfo = {
-      name: 'Attendance List',
-      id: 1,
-      fieldType: FieldType.String,
-      isMultiValue: true,
-      inTemplateSelected: false,
-      displayName: 'Attendance List'
-    };
-    const expected = component.getSelectedFieldInfos();
-    expect(expected).toEqual([initialFieldInfo]);
-  });
-
-  it('should update selectedFieldValues when checkbox changed',  async () => {
-    // Arrange
-    const addRemoveButton = element.querySelector('#adhoc-add-remove-button') as HTMLButtonElement;
-    addRemoveButton.click();
-    await fixture.whenStable();
-    component.addRemoveComponent.ref.detectChanges();
-
-    // Act
-    const attendanceListField = (element.querySelectorAll('.mdc-checkbox__native-control') as any)[2];
-    attendanceListField.click();
-     fixture.detectChanges();
-    const applyButton = element.querySelector('#adhoc-apply-button') as HTMLButtonElement;
-     applyButton.click();
-    await fixture.whenStable();
-
-    // Assert
-    expect(component.getFieldValues()).toEqual({
-      'Amount (AUD)': { fieldName: 'Amount (AUD)', fieldId: 61, fieldType: FieldType.Number, values: [{ value: '', position: '1' }] },
-      'Attendance List': {
-        fieldName: 'Attendance List',
-        fieldId: 1,
-        fieldType: FieldType.String,
-        values: [
-          { value: 'Alex', position: '1' },
-          { value: 'Andrew', position: '2' },
-          { value: 'Ian', position: '3' },
-          { value: 'Lee', position: '4' },
-          { value: 'Paolo', position: '5' },
-          { value: 'Quinn', position: '6' },
-        ],
-      },
-    });
-  });
-
-  it('should be invalid when one of fields is invalid', async () => {
-    // Arrange
-    const addRemoveButton = element.querySelector('#adhoc-add-remove-button') as HTMLButtonElement;
-    addRemoveButton.click();
-    await fixture.whenStable();
-    component.addRemoveComponent.ref.detectChanges();
-
-    // Act
-    const fieldCheckboxes = element.querySelectorAll('.mdc-checkbox__native-control') as any;
-    const requiredField = fieldCheckboxes[1];
-    requiredField.click();
-    await fixture.whenStable();
-    component.addRemoveComponent.ref.detectChanges();
-
-    component.onClickBackAsync();
-    component.addRemoveComponent.onClickApply();
-
-    // Assert (required field is blank)
-    expect(component.forceValidation()).toBe(false);
-  });
-
-  it('should getMappedFieldValues with valid input', async () => {
-    // Arrange
-    const fieldValues: FieldValue[] = [
-      {
-        fieldName: 'test field 1',
-        fieldId: 1,
-      },
-      {
-        fieldName: 'test field 2',
-        fieldId: 2,
-      },
-    ];
-
-    // Act
-    const mappedValues = component.getMappedFieldValues(fieldValues);
-
-    // Assert
-    const expected = {
-      1: fieldValues[0],
-      2: fieldValues[1],
-    };
-    expect(mappedValues).toEqual(expected);
-  });
-
-  it('should return Set from getFieldIds', async () => {
-    // Arrange
-    const fieldValues: FieldValue[] = [
-      {
-        fieldName: 'test field 1',
-        fieldId: 1,
-      },
-      {
-        fieldName: 'test field 2',
-        fieldId: 2,
-      },
-    ];
-
-    // Act
-    const mappedValues = component.getFieldIds(fieldValues);
-
-    // Assert
-    const expected = new Set<number>([1, 2]);
-    expect(mappedValues).toEqual(expected);
-  });
-
-  it('when FieldValue.name does not exist, getFieldValues skips it', () => {
-    // Arrange
-    const fieldValueNameDoesNotExist: FieldValue = { fieldId: 1 };
-    const fieldValueNameExist: FieldValue = { fieldId: 2, fieldName: 'hello' };
-    component.componentRefs = [
-      { instance: { getFieldValue: vi.fn().mockReturnValue(fieldValueNameDoesNotExist) } },
-      { instance: { getFieldValue: vi.fn().mockReturnValue(fieldValueNameExist) } },
-    ] as any;
-
-    // Act
-    const actualValues = component.getFieldValues();
-
-    // Assert
-    const expectedValues = {
-      [fieldValueNameExist.fieldName as string]: fieldValueNameExist,
-    };
-    expect(actualValues).toEqual(expectedValues);
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { FieldType } from '@laserfiche/lf-ui-components/shared';
+import { LfLoaderComponent, LfPopupModalComponent } from '@laserfiche/lf-ui-components/internal-shared';
+import { LfFieldViewDirective } from '../lf-field-view.directive';
+import { FieldValue } from '../field-components/utils/lf-field-types';
+import { LfFieldAddRemoveComponent } from './lf-field-add-remove/lf-field-add-remove.component';
+import { LfFieldAdhocContainerDemoService } from './lf-field-adhoc-container-demo.service';
+import { AdhocFieldInfo } from './lf-field-adhoc-container-types';
+import { LfFieldAdhocContainerComponent } from './lf-field-adhoc-container.component';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { LfFieldBaseComponent } from '../field-components/field-base-parts/lf-field-base/lf-field-base/lf-field-base.component';
+import { GetFieldTypePipe } from './lf-field-add-remove/get-field-type.pipe';
+import { ScrollingModule } from '@angular/cdk/scrolling';
+import { MatDialogModule } from '@angular/material/dialog';
+
+describe('LfFieldAdhocContainerComponent', () => {
+  let component: LfFieldAdhocContainerComponent;
+  let fixture: ComponentFixture<LfFieldAdhocContainerComponent>;
+  let element: HTMLElement;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [
+        LfFieldAdhocContainerComponent,
+        LfFieldAddRemoveComponent,
+        LfFieldViewDirective,
+        GetFieldTypePipe,
+        FormsModule,
+        ReactiveFormsModule,
+        BrowserAnimationsModule,
+        LfPopupModalComponent,
+        LfFieldBaseComponent,
+        MatCheckboxModule,
+        ScrollingModule,
+        LfLoaderComponent,
+        MatDialogModule,
+      ],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(LfFieldAdhocContainerComponent);
+    component = fixture.componentInstance;
+    element = fixture.nativeElement;
+    fixture.detectChanges();
+    const demoService = new LfFieldAdhocContainerDemoService();
+    await component.initAsync(demoService);
+    await component.resetFieldDataAsync(demoService.mappedFields);
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('should have multivalue field', async () => {
+    const multivalueField = element.querySelector('lf-field-multivalue-component');
+    expect(multivalueField).toBeTruthy();
+  });
+
+  it('should have initial selectedFieldValues', async () => {
+    const expected: FieldValue = {
+      fieldName: 'Attendance List',
+      fieldId: 1,
+      fieldType: FieldType.String,
+      values: [
+        { value: 'Alex', position: '1' },
+        { value: 'Andrew', position: '2' },
+        { value: 'Ian', position: '3' },
+        { value: 'Lee', position: '4' },
+        { value: 'Paolo', position: '5' },
+        { value: 'Quinn', position: '6' },
+      ],
+    };
+
+    expect(component.getFieldValues()).toEqual({ 'Attendance List': expected });
+  });
+
+  it('should get current selectedFieldInfo', async () => {
+    const initialFieldInfo: AdhocFieldInfo = {
+      name: 'Attendance List',
+      id: 1,
+      fieldType: FieldType.String,
+      isMultiValue: true,
+      inTemplateSelected: false,
+      displayName: 'Attendance List',
+    };
+    const expected = component.getSelectedFieldInfos();
+    expect(expected).toEqual([initialFieldInfo]);
+  });
+
+  it('should update selectedFieldValues when checkbox changed', async () => {
+    // Arrange
+    const addRemoveButton = element.querySelector('#adhoc-add-remove-button') as HTMLButtonElement;
+    addRemoveButton.click();
+    await fixture.whenStable();
+    component.addRemoveComponent.ref.detectChanges();
+
+    // Act
+    const attendanceListField = (element.querySelectorAll('.mdc-checkbox__native-control') as any)[2];
+    attendanceListField.click();
+    fixture.detectChanges();
+    const applyButton = element.querySelector('#adhoc-apply-button') as HTMLButtonElement;
+    applyButton.click();
+    await fixture.whenStable();
+
+    // Assert
+    expect(component.getFieldValues()).toEqual({
+      'Amount (AUD)': {
+        fieldName: 'Amount (AUD)',
+        fieldId: 61,
+        fieldType: FieldType.Number,
+        values: [{ value: '', position: '1' }],
+      },
+      'Attendance List': {
+        fieldName: 'Attendance List',
+        fieldId: 1,
+        fieldType: FieldType.String,
+        values: [
+          { value: 'Alex', position: '1' },
+          { value: 'Andrew', position: '2' },
+          { value: 'Ian', position: '3' },
+          { value: 'Lee', position: '4' },
+          { value: 'Paolo', position: '5' },
+          { value: 'Quinn', position: '6' },
+        ],
+      },
+    });
+  });
+
+  it('should be invalid when one of fields is invalid', async () => {
+    // Arrange
+    const addRemoveButton = element.querySelector('#adhoc-add-remove-button') as HTMLButtonElement;
+    addRemoveButton.click();
+    await fixture.whenStable();
+    component.addRemoveComponent.ref.detectChanges();
+
+    // Act
+    const fieldCheckboxes = element.querySelectorAll('.mdc-checkbox__native-control') as any;
+    const requiredField = fieldCheckboxes[1];
+    requiredField.click();
+    await fixture.whenStable();
+    component.addRemoveComponent.ref.detectChanges();
+
+    component.onClickBackAsync();
+    component.addRemoveComponent.onClickApply();
+
+    // Assert (required field is blank)
+    expect(component.forceValidation()).toBe(false);
+  });
+
+  it('should getMappedFieldValues with valid input', async () => {
+    // Arrange
+    const fieldValues: FieldValue[] = [
+      {
+        fieldName: 'test field 1',
+        fieldId: 1,
+      },
+      {
+        fieldName: 'test field 2',
+        fieldId: 2,
+      },
+    ];
+
+    // Act
+    const mappedValues = component.getMappedFieldValues(fieldValues);
+
+    // Assert
+    const expected = {
+      1: fieldValues[0],
+      2: fieldValues[1],
+    };
+    expect(mappedValues).toEqual(expected);
+  });
+
+  it('should return Set from getFieldIds', async () => {
+    // Arrange
+    const fieldValues: FieldValue[] = [
+      {
+        fieldName: 'test field 1',
+        fieldId: 1,
+      },
+      {
+        fieldName: 'test field 2',
+        fieldId: 2,
+      },
+    ];
+
+    // Act
+    const mappedValues = component.getFieldIds(fieldValues);
+
+    // Assert
+    const expected = new Set<number>([1, 2]);
+    expect(mappedValues).toEqual(expected);
+  });
+
+  it('when FieldValue.name does not exist, getFieldValues skips it', () => {
+    // Arrange
+    const fieldValueNameDoesNotExist: FieldValue = { fieldId: 1 };
+    const fieldValueNameExist: FieldValue = { fieldId: 2, fieldName: 'hello' };
+    component.componentRefs = [
+      { instance: { getFieldValue: vi.fn().mockReturnValue(fieldValueNameDoesNotExist) } },
+      { instance: { getFieldValue: vi.fn().mockReturnValue(fieldValueNameExist) } },
+    ] as any;
+
+    // Act
+    const actualValues = component.getFieldValues();
+
+    // Assert
+    const expectedValues = {
+      [fieldValueNameExist.fieldName as string]: fieldValueNameExist,
+    };
+    expect(actualValues).toEqual(expectedValues);
+  });
+});
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.ts b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.ts
index 975448c2..727b3db0 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.ts
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.component.ts
@@ -54,7 +54,7 @@ export class LfFieldAdhocContainerComponent extends LfFieldContainerDirective im
 
   /** @internal */
   readonly NO_ADDITIONAL_FIELDS_ASSIGNED = this.localizationService.getStringLaserficheObservable(
-    'NO_ADDITIONAL_FIELDS_ASSIGNED',
+    'NO_ADDITIONAL_FIELDS_ASSIGNED'
   );
 
   /** @internal */
@@ -117,7 +117,7 @@ export class LfFieldAdhocContainerComponent extends LfFieldContainerDirective im
     this.resetComponentValues();
     this.adhocFieldContainerService = CoreUtils.validateDefined(
       adhocFieldContainerService,
-      'adhocFieldContainerService',
+      'adhocFieldContainerService'
     );
     this.ref.markForCheck();
   };
@@ -174,7 +174,7 @@ export class LfFieldAdhocContainerComponent extends LfFieldContainerDirective im
   async fieldComponentInitAsync(
     fieldComponentRef: ComponentRef<LfFieldComponent>,
     fieldInfo: LfFieldInfo,
-    value: string,
+    value: string
   ) {
     await fieldComponentRef.instance.initAsync(fieldInfo, value);
   }
@@ -183,7 +183,7 @@ export class LfFieldAdhocContainerComponent extends LfFieldContainerDirective im
   async multivalueComponentInitAsync(
     multivalueFieldComponentRef: ComponentRef<LfFieldMultivalueComponent>,
     fieldInfo: LfFieldInfo,
-    values: string[],
+    values: string[]
   ) {
     await multivalueFieldComponentRef.instance.initAsync(fieldInfo, values);
   }
@@ -281,7 +281,7 @@ export class LfFieldAdhocContainerComponent extends LfFieldContainerDirective im
     this.allFieldInfos = this.adhocFieldConnectorService.getAllFieldInfos();
     this.updateTemplateFields(this.allFieldInfos);
     const fieldInfos: LfFieldInfo[] = this.allFieldInfos?.filter(
-      (fieldInfo) => this.selectedFieldIds.has(fieldInfo.id) && !(fieldInfo as AdhocFieldInfo).inTemplateSelected,
+      (fieldInfo) => this.selectedFieldIds.has(fieldInfo.id) && !(fieldInfo as AdhocFieldInfo).inTemplateSelected
     );
     return fieldInfos ?? [];
   }
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.service.ts b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.service.ts
index aa29dc77..ac96ecde 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.service.ts
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/lf-field-adhoc-container.service.ts
@@ -1,8 +1,8 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { LfFieldInfo } from '../field-components/utils/lf-field-types';
-
-export interface LfFieldAdhocContainerService {
-  getAllFieldDefinitionsAsync(): Promise<LfFieldInfo[]>;
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { LfFieldInfo } from '../field-components/utils/lf-field-types';
+
+export interface LfFieldAdhocContainerService {
+  getAllFieldDefinitionsAsync(): Promise<LfFieldInfo[]>;
+}
diff --git a/projects/ui-components/lf-metadata/lf-field-adhoc-container/public-api.ts b/projects/ui-components/lf-metadata/lf-field-adhoc-container/public-api.ts
index 31ebb67f..02c949fa 100644
--- a/projects/ui-components/lf-metadata/lf-field-adhoc-container/public-api.ts
+++ b/projects/ui-components/lf-metadata/lf-field-adhoc-container/public-api.ts
@@ -1,5 +1,5 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-export { LfFieldAdhocContainerComponent } from './lf-field-adhoc-container.component';
-export { LfFieldAdhocContainerService } from './lf-field-adhoc-container.service';
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+export { LfFieldAdhocContainerComponent } from './lf-field-adhoc-container.component';
+export { LfFieldAdhocContainerService } from './lf-field-adhoc-container.service';
diff --git a/projects/ui-components/lf-metadata/lf-field-container.directive.ts b/projects/ui-components/lf-metadata/lf-field-container.directive.ts
index cec94c16..b0cc7ef3 100644
--- a/projects/ui-components/lf-metadata/lf-field-container.directive.ts
+++ b/projects/ui-components/lf-metadata/lf-field-container.directive.ts
@@ -1,167 +1,167 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ComponentRef, Directive, EventEmitter, inject, Input, Output, ViewChild } from '@angular/core';
-import { LfFieldMetadataConnectorService } from './lf-field-metadata-connector.service';
-import { AdhocFieldInfo } from './lf-field-adhoc-container/lf-field-adhoc-container-types';
-import { LfFieldViewDirective } from './lf-field-view.directive';
-import { LfFieldComponent } from './field-components/lf-field/lf-field.component';
-import { LfFieldMultivalueComponent } from './field-components/lf-field-multivalue/lf-field-multivalue.component';
-import { LfFieldGroupComponent } from './field-components/lf-field-group/lf-field-group.component';
-import {
-  FieldValue,
-  FieldValues,
-  LfFieldInfo,
-  LfFieldValue,
-  TemplateFieldInfo,
-} from './field-components/utils/lf-field-types';
-
-@Directive()
-export abstract class LfFieldContainerDirective {
-  /** @internal */
-  public metadataFieldConnectorService = inject(LfFieldMetadataConnectorService);
-
-  @Output() fieldValuesChanged = new EventEmitter<boolean>();
-
-  /** @internal */
-  @ViewChild(LfFieldViewDirective) lfFieldView!: LfFieldViewDirective;
-  /** @internal */
-  componentRefs: ComponentRef<LfFieldComponent | LfFieldMultivalueComponent>[] = [];
-  /** @internal */
-  groupComponentRefs: ComponentRef<LfFieldGroupComponent>[] = [];
-  /** @internal */
-  allFieldInfos: (TemplateFieldInfo | LfFieldInfo | AdhocFieldInfo)[] = [];
-  /** @internal */
-  allFieldValues: FieldValues = {};
-  /** @internal */
-  private readonly VALUE_ACCESSOR = 'value';
-
-  /** @internal */
-  constructor() {}
-
-  /** @internal */
-  abstract clearAsync(): Promise<void>;
-  /** @internal */
-  abstract onFieldValueChangedAsync(
-    fieldValues: string[],
-    lfFieldInfo: LfFieldInfo,
-    indicesChanged?: number[],
-  ): Promise<void>;
-  /** @internal */
-  abstract renderFieldsAsync(fieldInfos: (TemplateFieldInfo | LfFieldInfo | AdhocFieldInfo)[]): Promise<void>;
-  /** @internal */
-  abstract multivalueComponentInitAsync(
-    componentRef: ComponentRef<LfFieldMultivalueComponent>,
-    fieldInfo: LfFieldInfo,
-    stringValues: LfFieldValue[],
-  ): Promise<void>;
-  /** @internal */
-  abstract fieldComponentInitAsync(
-    componentRef: ComponentRef<LfFieldComponent>,
-    fieldInfo: LfFieldInfo,
-    stringValues: LfFieldValue,
-  ): Promise<void>;
-
-  @Input()
-  forceValidation = (): boolean => {
-    let valid: boolean = true;
-    this.componentRefs?.forEach((componentRef) => {
-      if (!componentRef.instance.forceValidation()) {
-        valid = false;
-      }
-    });
-    this.groupComponentRefs?.forEach((componentRef) => {
-      if (!componentRef.instance.forceValidation()) {
-        valid = false;
-      }
-    });
-    return valid;
-  };
-
-  /**
-   * @internal
-   * Returns whether container is valid without forcing validation
-   */
-  isValid(): boolean {
-    const valid: boolean = this.componentRefs?.every((component) => component.instance.isValid()) ?? true;
-    const groupsValid = this.groupComponentRefs?.every((component) => component.instance.isValid()) ?? true;
-    return valid && groupsValid;
-  }
-
-  /** @internal */
-  setFieldValue(fieldId: number, values: string[]): void {
-    const fieldValue = this.getOrCreateFieldValue(fieldId);
-    const formattedValues: { position: string; value: string }[] =
-      values?.map((value, index) => {
-        return { value, position: (index + 1).toString() };
-      }) ?? [];
-    if (formattedValues?.length > 0) {
-      fieldValue.values = formattedValues;
-    }
-    this.allFieldValues[fieldId] = fieldValue;
-    this.metadataFieldConnectorService.setFieldValue(fieldValue);
-  }
-
-  /** @internal */
-  getOrCreateFieldValue(fieldId: number): FieldValue {
-    if (!(fieldId in this.allFieldValues)) {
-      const val = this.createDefaultFieldValue(fieldId);
-      this.allFieldValues[fieldId] = val;
-      this.metadataFieldConnectorService.setFieldValue(val);
-    }
-    return this.allFieldValues[fieldId];
-  }
-
-  /** @internal */
-  protected async initializeFieldComponentAsync(
-    fieldComponentRef: ComponentRef<LfFieldComponent>,
-    fieldInfo: LfFieldInfo,
-    value: string,
-  ) {
-    await this.fieldComponentInitAsync(fieldComponentRef, fieldInfo, value);
-    fieldComponentRef.instance.fieldValueChanged.subscribe(async (updatedValue: string) => {
-      await this.onFieldValueChangedAsync([updatedValue], fieldComponentRef.instance.lfFieldInfo);
-    });
-  }
-
-  /** @internal */
-  protected async initializeMultivalueComponentAsync(
-    multivalueComponentRef: ComponentRef<LfFieldMultivalueComponent>,
-    fieldInfo: LfFieldInfo,
-    stringValues: string[],
-  ): Promise<void> {
-    await this.multivalueComponentInitAsync(multivalueComponentRef, fieldInfo, stringValues);
-    multivalueComponentRef.instance.fieldValuesChanged.subscribe(
-      async (fieldChange: { fieldValues: string[]; indexChanged: number }) => {
-        await this.onFieldValueChangedAsync(fieldChange.fieldValues, multivalueComponentRef.instance.lfFieldInfo, [
-          fieldChange.indexChanged,
-        ]);
-      },
-    );
-  }
-
-  /** @internal */
-  protected getValuesById(fieldId: number): string[] {
-    const fieldValue: FieldValue = this.getOrCreateFieldValue(fieldId);
-    const stringValues =
-      fieldValue.values?.map((value) => {
-        return value[this.VALUE_ACCESSOR];
-      }) ?? [];
-    return stringValues;
-  }
-
-  /** @internal */
-  private createDefaultFieldValue(fieldId: number): FieldValue {
-    const templateFieldInfo = this.allFieldInfos?.find((fieldInfo) => fieldInfo?.id === fieldId);
-    if (!templateFieldInfo) {
-      throw new Error(`createDefaultFieldValue: Field ${fieldId} not found`);
-    }
-    const defaultFieldValue = this.createFieldValueFromFieldInfo(templateFieldInfo);
-    return defaultFieldValue;
-  }
-
-  /** @internal */
-  private createFieldValueFromFieldInfo(field: LfFieldInfo): FieldValue {
-    return { fieldName: field.name, fieldId: field.id, fieldType: field.fieldType };
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentRef, Directive, EventEmitter, inject, Input, Output, ViewChild } from '@angular/core';
+import { LfFieldMetadataConnectorService } from './lf-field-metadata-connector.service';
+import { AdhocFieldInfo } from './lf-field-adhoc-container/lf-field-adhoc-container-types';
+import { LfFieldViewDirective } from './lf-field-view.directive';
+import { LfFieldComponent } from './field-components/lf-field/lf-field.component';
+import { LfFieldMultivalueComponent } from './field-components/lf-field-multivalue/lf-field-multivalue.component';
+import { LfFieldGroupComponent } from './field-components/lf-field-group/lf-field-group.component';
+import {
+  FieldValue,
+  FieldValues,
+  LfFieldInfo,
+  LfFieldValue,
+  TemplateFieldInfo,
+} from './field-components/utils/lf-field-types';
+
+@Directive()
+export abstract class LfFieldContainerDirective {
+  /** @internal */
+  public metadataFieldConnectorService = inject(LfFieldMetadataConnectorService);
+
+  @Output() fieldValuesChanged = new EventEmitter<boolean>();
+
+  /** @internal */
+  @ViewChild(LfFieldViewDirective) lfFieldView!: LfFieldViewDirective;
+  /** @internal */
+  componentRefs: ComponentRef<LfFieldComponent | LfFieldMultivalueComponent>[] = [];
+  /** @internal */
+  groupComponentRefs: ComponentRef<LfFieldGroupComponent>[] = [];
+  /** @internal */
+  allFieldInfos: (TemplateFieldInfo | LfFieldInfo | AdhocFieldInfo)[] = [];
+  /** @internal */
+  allFieldValues: FieldValues = {};
+  /** @internal */
+  private readonly VALUE_ACCESSOR = 'value';
+
+  /** @internal */
+  constructor() {}
+
+  /** @internal */
+  abstract clearAsync(): Promise<void>;
+  /** @internal */
+  abstract onFieldValueChangedAsync(
+    fieldValues: string[],
+    lfFieldInfo: LfFieldInfo,
+    indicesChanged?: number[]
+  ): Promise<void>;
+  /** @internal */
+  abstract renderFieldsAsync(fieldInfos: (TemplateFieldInfo | LfFieldInfo | AdhocFieldInfo)[]): Promise<void>;
+  /** @internal */
+  abstract multivalueComponentInitAsync(
+    componentRef: ComponentRef<LfFieldMultivalueComponent>,
+    fieldInfo: LfFieldInfo,
+    stringValues: LfFieldValue[]
+  ): Promise<void>;
+  /** @internal */
+  abstract fieldComponentInitAsync(
+    componentRef: ComponentRef<LfFieldComponent>,
+    fieldInfo: LfFieldInfo,
+    stringValues: LfFieldValue
+  ): Promise<void>;
+
+  @Input()
+  forceValidation = (): boolean => {
+    let valid: boolean = true;
+    this.componentRefs?.forEach((componentRef) => {
+      if (!componentRef.instance.forceValidation()) {
+        valid = false;
+      }
+    });
+    this.groupComponentRefs?.forEach((componentRef) => {
+      if (!componentRef.instance.forceValidation()) {
+        valid = false;
+      }
+    });
+    return valid;
+  };
+
+  /**
+   * @internal
+   * Returns whether container is valid without forcing validation
+   */
+  isValid(): boolean {
+    const valid: boolean = this.componentRefs?.every((component) => component.instance.isValid()) ?? true;
+    const groupsValid = this.groupComponentRefs?.every((component) => component.instance.isValid()) ?? true;
+    return valid && groupsValid;
+  }
+
+  /** @internal */
+  setFieldValue(fieldId: number, values: string[]): void {
+    const fieldValue = this.getOrCreateFieldValue(fieldId);
+    const formattedValues: { position: string; value: string }[] =
+      values?.map((value, index) => {
+        return { value, position: (index + 1).toString() };
+      }) ?? [];
+    if (formattedValues?.length > 0) {
+      fieldValue.values = formattedValues;
+    }
+    this.allFieldValues[fieldId] = fieldValue;
+    this.metadataFieldConnectorService.setFieldValue(fieldValue);
+  }
+
+  /** @internal */
+  getOrCreateFieldValue(fieldId: number): FieldValue {
+    if (!(fieldId in this.allFieldValues)) {
+      const val = this.createDefaultFieldValue(fieldId);
+      this.allFieldValues[fieldId] = val;
+      this.metadataFieldConnectorService.setFieldValue(val);
+    }
+    return this.allFieldValues[fieldId];
+  }
+
+  /** @internal */
+  protected async initializeFieldComponentAsync(
+    fieldComponentRef: ComponentRef<LfFieldComponent>,
+    fieldInfo: LfFieldInfo,
+    value: string
+  ) {
+    await this.fieldComponentInitAsync(fieldComponentRef, fieldInfo, value);
+    fieldComponentRef.instance.fieldValueChanged.subscribe(async (updatedValue: string) => {
+      await this.onFieldValueChangedAsync([updatedValue], fieldComponentRef.instance.lfFieldInfo);
+    });
+  }
+
+  /** @internal */
+  protected async initializeMultivalueComponentAsync(
+    multivalueComponentRef: ComponentRef<LfFieldMultivalueComponent>,
+    fieldInfo: LfFieldInfo,
+    stringValues: string[]
+  ): Promise<void> {
+    await this.multivalueComponentInitAsync(multivalueComponentRef, fieldInfo, stringValues);
+    multivalueComponentRef.instance.fieldValuesChanged.subscribe(
+      async (fieldChange: { fieldValues: string[]; indexChanged: number }) => {
+        await this.onFieldValueChangedAsync(fieldChange.fieldValues, multivalueComponentRef.instance.lfFieldInfo, [
+          fieldChange.indexChanged,
+        ]);
+      }
+    );
+  }
+
+  /** @internal */
+  protected getValuesById(fieldId: number): string[] {
+    const fieldValue: FieldValue = this.getOrCreateFieldValue(fieldId);
+    const stringValues =
+      fieldValue.values?.map((value) => {
+        return value[this.VALUE_ACCESSOR];
+      }) ?? [];
+    return stringValues;
+  }
+
+  /** @internal */
+  private createDefaultFieldValue(fieldId: number): FieldValue {
+    const templateFieldInfo = this.allFieldInfos?.find((fieldInfo) => fieldInfo?.id === fieldId);
+    if (!templateFieldInfo) {
+      throw new Error(`createDefaultFieldValue: Field ${fieldId} not found`);
+    }
+    const defaultFieldValue = this.createFieldValueFromFieldInfo(templateFieldInfo);
+    return defaultFieldValue;
+  }
+
+  /** @internal */
+  private createFieldValueFromFieldInfo(field: LfFieldInfo): FieldValue {
+    return { fieldName: field.name, fieldId: field.id, fieldType: field.fieldType };
+  }
+}
diff --git a/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.css b/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.css
index 6b163af5..b07130b7 100644
--- a/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.css
+++ b/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.css
@@ -1,44 +1,44 @@
-.template-adhoc-expansion-panel.mat-expansion-panel {
-  position: static;
-  border-radius: 0;
-  box-shadow: none;
-  padding: 0;
-}
-
-::ng-deep .template-adhoc-expansion-panel mat-expansion-panel-header {
-  padding-left: 0;
-  padding-right: 10px;
-}
-
-::ng-deep .template-adhoc-expansion-panel div.mat-expansion-panel-body {
-  padding: 0;
-}
-
-.combo-container-separater {
-  border: 0;
-  border-top: 1px solid rgba(0, 0, 0, 0.1);
-  box-sizing: content-box;
-  height: 0;
-  overflow: visible;
-}
-
-::ng-deep .template-adhoc-expansion-panel .mat-expansion-panel-header.mat-expanded {
-  height: 48px;
-}
-
-::ng-deep .template-adhoc-expansion-panel .mat-expansion-panel-header-title {
-  width: -webkit-fill-available;
-}
-
-.lf-sub-label {
-  color: #777;
-}
-
-.field-sub-label {
-  margin: auto 0;
-}
-
-.field-label {
-  margin: auto 0;
-  color: black;
-}
+.template-adhoc-expansion-panel.mat-expansion-panel {
+  position: static;
+  border-radius: 0;
+  box-shadow: none;
+  padding: 0;
+}
+
+::ng-deep .template-adhoc-expansion-panel mat-expansion-panel-header {
+  padding-left: 0;
+  padding-right: 10px;
+}
+
+::ng-deep .template-adhoc-expansion-panel div.mat-expansion-panel-body {
+  padding: 0;
+}
+
+.combo-container-separater {
+  border: 0;
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+}
+
+::ng-deep .template-adhoc-expansion-panel .mat-expansion-panel-header.mat-expanded {
+  height: 48px;
+}
+
+::ng-deep .template-adhoc-expansion-panel .mat-expansion-panel-header-title {
+  width: -webkit-fill-available;
+}
+
+.lf-sub-label {
+  color: #777;
+}
+
+.field-sub-label {
+  margin: auto 0;
+}
+
+.field-label {
+  margin: auto 0;
+  color: black;
+}
diff --git a/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.html b/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.html
index 17a0dfe5..98e97f20 100644
--- a/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.html
+++ b/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.html
@@ -2,30 +2,48 @@
 Licensed under the MIT License. See LICENSE in the project root for license information.-->
 
 <div class="lf-template-and-adhoc-container">
-  <mat-expansion-panel [hideToggle]="!collapsible" [expanded]="!collapsible || !start_collapsed" [disabled]="!collapsible"
-    (opened)="panelOpenState = true" (closed)="panelOpenState = false" class="template-adhoc-expansion-panel">
+  <mat-expansion-panel
+    [hideToggle]="!collapsible"
+    [expanded]="!collapsible || !start_collapsed"
+    [disabled]="!collapsible"
+    (opened)="panelOpenState = true"
+    (closed)="panelOpenState = false"
+    class="template-adhoc-expansion-panel"
+  >
     <mat-expansion-panel-header class="template-adhoc-expansion-panel">
       <mat-panel-title>
-        <p title="{{TEMPLATE | async}}" class="lf-text-label lf-ellipsis-label field-label">{{TEMPLATE | async}}</p>
+        <p title="{{ TEMPLATE | async }}" class="lf-text-label lf-ellipsis-label field-label">{{ TEMPLATE | async }}</p>
         @if (!panelOpenState && collapsible) {
-          <p title="{{SELECTED_TEMPLATE_NAME | async}}"
-            class="lf-sub-label lf-text-body field-sub-label lf-ellipsis-label">
-          &nbsp;&nbsp;&nbsp;&nbsp;{{SELECTED_TEMPLATE_NAME | async}}</p>
+          <p
+            title="{{ SELECTED_TEMPLATE_NAME | async }}"
+            class="lf-sub-label lf-text-body field-sub-label lf-ellipsis-label"
+          >
+            &nbsp;&nbsp;&nbsp;&nbsp;{{ SELECTED_TEMPLATE_NAME | async }}
+          </p>
         }
       </mat-panel-title>
     </mat-expansion-panel-header>
-    <lf-field-template-container-component (fieldValuesChanged)="onFieldValuesChanged()"
-    (templateSelectedChange)="onTemplateSelectedChange($event)"></lf-field-template-container-component>
+    <lf-field-template-container-component
+      (fieldValuesChanged)="onFieldValuesChanged()"
+      (templateSelectedChange)="onTemplateSelectedChange($event)"
+    ></lf-field-template-container-component>
   </mat-expansion-panel>
-  <hr class="combo-container-separater">
-  <mat-expansion-panel [expanded]="!collapsible || !start_collapsed" class="template-adhoc-expansion-panel"
-    [hideToggle]="!collapsible" [disabled]="!collapsible">
+  <hr class="combo-container-separater" />
+  <mat-expansion-panel
+    [expanded]="!collapsible || !start_collapsed"
+    class="template-adhoc-expansion-panel"
+    [hideToggle]="!collapsible"
+    [disabled]="!collapsible"
+  >
     <mat-expansion-panel-header class="template-adhoc-expansion-panel">
       <mat-panel-title>
-        <p title="{{FIELDS | async}}" class="lf-text-label field-label lf-ellipsis-label">{{FIELDS | async}}</p>
+        <p title="{{ FIELDS | async }}" class="lf-text-label field-label lf-ellipsis-label">{{ FIELDS | async }}</p>
       </mat-panel-title>
     </mat-expansion-panel-header>
-    <lf-field-adhoc-container-component (fieldValuesChanged)="onFieldValuesChanged()"
-    (dialogOpened)="onDialogOpened()" (dialogClosed)="onDialogClosed()"></lf-field-adhoc-container-component>
+    <lf-field-adhoc-container-component
+      (fieldValuesChanged)="onFieldValuesChanged()"
+      (dialogOpened)="onDialogOpened()"
+      (dialogClosed)="onDialogClosed()"
+    ></lf-field-adhoc-container-component>
   </mat-expansion-panel>
 </div>
diff --git a/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.spec.ts b/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.spec.ts
index 8fca2661..8eaa3970 100644
--- a/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.spec.ts
+++ b/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.spec.ts
@@ -1,68 +1,67 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { LfFieldViewDirective } from '../lf-field-view.directive';
-import { LfFieldAddRemoveComponent } from '../lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component';
-import { LfFieldAdhocContainerComponent } from '../lf-field-adhoc-container/lf-field-adhoc-container.component';
-import { LfFieldTemplateContainerComponent } from '../lf-field-template-container/lf-field-template-container.component';
-import { LfFieldContainerComponent } from './lf-field-container.component';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { MatSelectModule } from '@angular/material/select';
-import { LfPopupModalComponent } from '@laserfiche/lf-ui-components/internal-shared';
-import { LfFieldContainerDemoService } from 'projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-demo.service';
-
-describe('LfFieldContainerComponent', () => {
-  let component: LfFieldContainerComponent;
-  let fixture: ComponentFixture<LfFieldContainerComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [
-        LfFieldContainerComponent,
-        LfFieldTemplateContainerComponent,
-        LfFieldAdhocContainerComponent,
-        LfFieldAddRemoveComponent,
-        LfFieldViewDirective,
-        BrowserAnimationsModule,
-        FormsModule,
-        LfPopupModalComponent,
-        MatExpansionModule,
-        MatDialogModule,
-        MatInputModule,
-        MatFormFieldModule,
-        MatSelectModule,
-        ReactiveFormsModule,
-      ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(LfFieldContainerComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('should initialize with template', async () => {
-    const demoService = new LfFieldContainerDemoService();
-    await component.initAsync(demoService, 1);
-    expect(component.adhocContainer.templateFields.length).toBeGreaterThanOrEqual(1);
-    expect(component.templateContainer.getTemplateValue()).toBeDefined();
-  });
-
-  it('should not include BlobField in allFieldInfos', async () => {
-    const demoService = new LfFieldContainerDemoService();
-    await component.initAsync(demoService, 1);
-    expect(component.templateContainer.allFieldInfos.length).toEqual(5);
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { LfFieldViewDirective } from '../lf-field-view.directive';
+import { LfFieldAddRemoveComponent } from '../lf-field-adhoc-container/lf-field-add-remove/lf-field-add-remove.component';
+import { LfFieldAdhocContainerComponent } from '../lf-field-adhoc-container/lf-field-adhoc-container.component';
+import { LfFieldTemplateContainerComponent } from '../lf-field-template-container/lf-field-template-container.component';
+import { LfFieldContainerComponent } from './lf-field-container.component';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatDialogModule } from '@angular/material/dialog';
+import { MatExpansionModule } from '@angular/material/expansion';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatSelectModule } from '@angular/material/select';
+import { LfPopupModalComponent } from '@laserfiche/lf-ui-components/internal-shared';
+import { LfFieldContainerDemoService } from 'projects/lf-documentation/src/app/lf-field-container-documentation/lf-field-container-demo.service';
+
+describe('LfFieldContainerComponent', () => {
+  let component: LfFieldContainerComponent;
+  let fixture: ComponentFixture<LfFieldContainerComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [
+        LfFieldContainerComponent,
+        LfFieldTemplateContainerComponent,
+        LfFieldAdhocContainerComponent,
+        LfFieldAddRemoveComponent,
+        LfFieldViewDirective,
+        BrowserAnimationsModule,
+        FormsModule,
+        LfPopupModalComponent,
+        MatExpansionModule,
+        MatDialogModule,
+        MatInputModule,
+        MatFormFieldModule,
+        MatSelectModule,
+        ReactiveFormsModule,
+      ],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LfFieldContainerComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('should initialize with template', async () => {
+    const demoService = new LfFieldContainerDemoService();
+    await component.initAsync(demoService, 1);
+    expect(component.adhocContainer.templateFields.length).toBeGreaterThanOrEqual(1);
+    expect(component.templateContainer.getTemplateValue()).toBeDefined();
+  });
+
+  it('should not include BlobField in allFieldInfos', async () => {
+    const demoService = new LfFieldContainerDemoService();
+    await component.initAsync(demoService, 1);
+    expect(component.templateContainer.allFieldInfos.length).toEqual(5);
+  });
+});
diff --git a/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.ts b/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.ts
index f130ff7d..fce22154 100644
--- a/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.ts
+++ b/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.component.ts
@@ -65,14 +65,14 @@ export class LfFieldContainerComponent {
   @Input()
   initAsync = async (
     lfFieldContainerService: LfFieldContainerService,
-    templateIdentifier?: number | string,
+    templateIdentifier?: number | string
   ): Promise<void> => {
     this.ref.detectChanges();
     this.lfFieldContainerService = CoreUtils.validateDefined(lfFieldContainerService, 'lfFieldContainerService');
     await this.adhocContainer.initAsync(this.lfFieldContainerService);
     await this.templateContainer.initAsync(
       { templateFieldContainerService: this.lfFieldContainerService },
-      templateIdentifier,
+      templateIdentifier
     );
     this.SELECTED_TEMPLATE_NAME = this.getSelectedTemplateName();
     this.ref.markForCheck();
diff --git a/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.service.ts b/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.service.ts
index 3b038ad7..12b7b2f7 100644
--- a/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.service.ts
+++ b/projects/ui-components/lf-metadata/lf-field-container/lf-field-container.service.ts
@@ -1,9 +1,7 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { LfFieldAdhocContainerService } from '../lf-field-adhoc-container/lf-field-adhoc-container.service';
-import { LfFieldTemplateContainerService } from '../lf-field-template-container/lf-field-template-container.service';
-
-export interface LfFieldContainerService extends LfFieldAdhocContainerService, LfFieldTemplateContainerService {
-
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { LfFieldAdhocContainerService } from '../lf-field-adhoc-container/lf-field-adhoc-container.service';
+import { LfFieldTemplateContainerService } from '../lf-field-template-container/lf-field-template-container.service';
+
+export interface LfFieldContainerService extends LfFieldAdhocContainerService, LfFieldTemplateContainerService {}
diff --git a/projects/ui-components/lf-metadata/lf-field-container/public-api.ts b/projects/ui-components/lf-metadata/lf-field-container/public-api.ts
index 0462221d..dcd0e22f 100644
--- a/projects/ui-components/lf-metadata/lf-field-container/public-api.ts
+++ b/projects/ui-components/lf-metadata/lf-field-container/public-api.ts
@@ -1,5 +1,5 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-export { LfFieldContainerComponent } from './lf-field-container.component';
-export { LfFieldContainerService } from './lf-field-container.service';
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+export { LfFieldContainerComponent } from './lf-field-container.component';
+export { LfFieldContainerService } from './lf-field-container.service';
diff --git a/projects/ui-components/lf-metadata/lf-field-metadata-connector.service.ts b/projects/ui-components/lf-metadata/lf-field-metadata-connector.service.ts
index c4eb14ec..c9b0f459 100644
--- a/projects/ui-components/lf-metadata/lf-field-metadata-connector.service.ts
+++ b/projects/ui-components/lf-metadata/lf-field-metadata-connector.service.ts
@@ -1,61 +1,60 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Injectable } from '@angular/core';
-import { BehaviorSubject, Observable, Subject } from 'rxjs';
-import { FieldValue, FieldValues } from './field-components/utils/lf-field-types';
-
-/** @internal */
-@Injectable({
-  providedIn: 'root'
-})
-export class LfFieldMetadataConnectorService {
-
-  private allFieldValues: FieldValues = {};
-  private readonly templateFields = new BehaviorSubject<number[]>([]);
-  private readonly adhocFieldsRefresh = new Subject<void>();
-  private readonly adhocDialogOpened = new Subject<boolean>();
-
-  constructor() { }
-
-  setFieldValue(fieldValue: FieldValue) {
-    this.allFieldValues[fieldValue.fieldId] = fieldValue;
-  }
-
-  setAllFieldValues(fieldValues: FieldValues) {
-    this.allFieldValues = fieldValues;
-  }
-
-  getAllFieldValues(): FieldValues {
-    return this.allFieldValues;
-  }
-
-  clearAllFieldValues(): void {
-    this.allFieldValues = {};
-    this.selectTemplateFields([]);
-  }
-
-  selectTemplateFields(newFields: number[]) {
-    this.templateFields.next(newFields);
-  }
-
-  getTemplateFields(): Observable<number[]> {
-    return this.templateFields;
-  }
-
-  adhocFieldDataUpdated(): Observable<void>{
-    return this.adhocFieldsRefresh;
-  }
-
-  updatedAdhocFieldData() {
-    this.adhocFieldsRefresh.next();
-  }
-
-  setAddRemoveContainerToggled(open: boolean) {
-    this.adhocDialogOpened.next(open);
-  }
-
-  getAddRemoveContainerToggled() {
-    return this.adhocDialogOpened;
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Injectable } from '@angular/core';
+import { BehaviorSubject, Observable, Subject } from 'rxjs';
+import { FieldValue, FieldValues } from './field-components/utils/lf-field-types';
+
+/** @internal */
+@Injectable({
+  providedIn: 'root',
+})
+export class LfFieldMetadataConnectorService {
+  private allFieldValues: FieldValues = {};
+  private readonly templateFields = new BehaviorSubject<number[]>([]);
+  private readonly adhocFieldsRefresh = new Subject<void>();
+  private readonly adhocDialogOpened = new Subject<boolean>();
+
+  constructor() {}
+
+  setFieldValue(fieldValue: FieldValue) {
+    this.allFieldValues[fieldValue.fieldId] = fieldValue;
+  }
+
+  setAllFieldValues(fieldValues: FieldValues) {
+    this.allFieldValues = fieldValues;
+  }
+
+  getAllFieldValues(): FieldValues {
+    return this.allFieldValues;
+  }
+
+  clearAllFieldValues(): void {
+    this.allFieldValues = {};
+    this.selectTemplateFields([]);
+  }
+
+  selectTemplateFields(newFields: number[]) {
+    this.templateFields.next(newFields);
+  }
+
+  getTemplateFields(): Observable<number[]> {
+    return this.templateFields;
+  }
+
+  adhocFieldDataUpdated(): Observable<void> {
+    return this.adhocFieldsRefresh;
+  }
+
+  updatedAdhocFieldData() {
+    this.adhocFieldsRefresh.next();
+  }
+
+  setAddRemoveContainerToggled(open: boolean) {
+    this.adhocDialogOpened.next(open);
+  }
+
+  getAddRemoveContainerToggled() {
+    return this.adhocDialogOpened;
+  }
+}
diff --git a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container-datetime-utils.ts b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container-datetime-utils.ts
index b10ddd71..fabea1fb 100644
--- a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container-datetime-utils.ts
+++ b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container-datetime-utils.ts
@@ -1,70 +1,67 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-// This file is an intentional duplication of lf-documentation/src/app/lf-field-template-datetime-utils.ts
-
-export class DatetimeUtils {
-  static deserializeDateValue(date: string | undefined): string {
-    if (!date) {
-      return '';
-    }
-    const fieldValueAsDate: Date = new Date(date);
-    if (isNaN(fieldValueAsDate.getTime())) {
-      return date;
-    }
-    const offset: number = fieldValueAsDate.getTimezoneOffset();
-    if (offset === 0) {
-      return fieldValueAsDate.toISOString();
-    }
-    else {
-      const offsetMs: number = offset * 60000;
-      const dateAsNumber: number = fieldValueAsDate.getTime() + offsetMs;
-      const dateWithoutOffset: Date = new Date(dateAsNumber);
-      return dateWithoutOffset.toISOString();
-    }
-  }
-
-  static serializeDateValue(date: Date | undefined): string | undefined {
-    if (!date || !DatetimeUtils.isValidDate(date)) {
-      return undefined;
-    }
-
-    const offset: number = date.getTimezoneOffset();
-    if (offset === 0) {
-      return date.toISOString();
-    }
-
-    const pad: (num: number) => string = (num: number) => {
-      const norm = Math.floor(Math.abs(num));
-      return (norm < 10 ? '0' : '') + norm;
-    };
-    return (
-      date.getFullYear() +
-      '-' +
-      pad(date.getMonth() + 1) +
-      '-' +
-      pad(date.getDate()) +
-      'T' +
-      pad(date.getHours()) +
-      ':' +
-      pad(date.getMinutes()) +
-      ':' +
-      pad(date.getSeconds())
-    );
-  }
-
-
-
-  static isValidDate(date: Date): boolean {
-    return !isNaN(date.getTime());
-  }
-
-  static compareDateStrings(first: string, second: string): boolean {
-    const firstDate = new Date(first);
-    const secondDate = new Date(second);
-    if (!DatetimeUtils.isValidDate(firstDate) || !DatetimeUtils.isValidDate(secondDate)) {
-      return false;
-    }
-    return firstDate.getTime() === secondDate.getTime();
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+// This file is an intentional duplication of lf-documentation/src/app/lf-field-template-datetime-utils.ts
+
+export class DatetimeUtils {
+  static deserializeDateValue(date: string | undefined): string {
+    if (!date) {
+      return '';
+    }
+    const fieldValueAsDate: Date = new Date(date);
+    if (isNaN(fieldValueAsDate.getTime())) {
+      return date;
+    }
+    const offset: number = fieldValueAsDate.getTimezoneOffset();
+    if (offset === 0) {
+      return fieldValueAsDate.toISOString();
+    } else {
+      const offsetMs: number = offset * 60000;
+      const dateAsNumber: number = fieldValueAsDate.getTime() + offsetMs;
+      const dateWithoutOffset: Date = new Date(dateAsNumber);
+      return dateWithoutOffset.toISOString();
+    }
+  }
+
+  static serializeDateValue(date: Date | undefined): string | undefined {
+    if (!date || !DatetimeUtils.isValidDate(date)) {
+      return undefined;
+    }
+
+    const offset: number = date.getTimezoneOffset();
+    if (offset === 0) {
+      return date.toISOString();
+    }
+
+    const pad: (num: number) => string = (num: number) => {
+      const norm = Math.floor(Math.abs(num));
+      return (norm < 10 ? '0' : '') + norm;
+    };
+    return (
+      date.getFullYear() +
+      '-' +
+      pad(date.getMonth() + 1) +
+      '-' +
+      pad(date.getDate()) +
+      'T' +
+      pad(date.getHours()) +
+      ':' +
+      pad(date.getMinutes()) +
+      ':' +
+      pad(date.getSeconds())
+    );
+  }
+
+  static isValidDate(date: Date): boolean {
+    return !isNaN(date.getTime());
+  }
+
+  static compareDateStrings(first: string, second: string): boolean {
+    const firstDate = new Date(first);
+    const secondDate = new Date(second);
+    if (!DatetimeUtils.isValidDate(firstDate) || !DatetimeUtils.isValidDate(secondDate)) {
+      return false;
+    }
+    return firstDate.getTime() === secondDate.getTime();
+  }
+}
diff --git a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container-demo.service.ts b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container-demo.service.ts
index 7bdc3fc8..fa14117d 100644
--- a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container-demo.service.ts
+++ b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container-demo.service.ts
@@ -1,485 +1,503 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { FieldValues, LfFieldInfo, TemplateFieldInfo, TemplateInfo } from './../field-components/utils/lf-field-types';
-import { LfFieldTemplateContainerService } from './lf-field-template-container.service';
-import { FieldType } from '@laserfiche/lf-ui-components/shared';
-import { DatetimeUtils } from './lf-field-template-container-datetime-utils';
-
-
-export function isDynamicField(fieldInfo: LfFieldInfo): boolean {
-  const fieldInfoAsTemplateInfo = fieldInfo as TemplateFieldInfo;
-  return fieldInfoAsTemplateInfo.rule?.ancestors !== undefined;
-}
-
-
-export enum TemplateIds {
-  String,
-  Blank,
-  Number,
-  DateTime,
-  DynamicLocation,
-  DynamicOneLocation,
-  DynamicDateTimes,
-  DynamicNumbers,
-  Groups,
-  Error
-}
-
-export enum DynamicFieldIds {
-  State,
-  County,
-  City,
-  GrandparentDate,
-  GrandparentTime,
-  GrandparentDateTime,
-  ParentDate,
-  ParentTime,
-  ParentDateTime,
-  ChildDate,
-  ChildTime,
-  ChildDateTime,
-  ParentNumber,
-  ChildNumber,
-}
-
-export enum State {
-  CA = 'CA',
-  NV = 'NV',
-  OH = 'OH',
-}
-
-export enum County {
-  Clark = 'Clark',
-  Cuyahoga = 'Cuyahoga',
-  Hamilton = 'Hamilton',
-  LosAngeles = 'LosAngeles',
-  Orange = 'Orange',
-  SanBernadino = 'SanBernadino',
-}
-
-export enum City {
-  Cincinnati = 'Cincinnati',
-  Cleveland = 'Cleveland',
-  Fullerton = 'Fullerton',
-  Hawthorne = 'Hawthorne',
-  LasVegas = 'LasVegas',
-  LongBeach = 'LongBeach',
-  Placentia = 'Placentia',
-  Riverside = 'Riverside',
-  Strongsville = 'Strongsville',
-  Westwood = 'Westwood',
-}
-export const fieldInfosPerTemplate: { [templateId: number]: TemplateFieldInfo[] } = {
-  [TemplateIds.String]: [
-    { id: 1, name: 'multivalue string', fieldType: FieldType.String, isMultiValue: true , displayName: 'multivalue string'},
-    { id: 2, name: 'plain string', fieldType: FieldType.String, displayName: 'plain string' },
-  ],
-  [TemplateIds.DateTime]: [
-    { id: 3, name: 'multivalue date', fieldType: FieldType.Date, isMultiValue: true, displayName: 'multivalue date' },
-    { id: 4, name: 'multivalue datetime', fieldType: FieldType.DateTime, isMultiValue: true, displayName: 'multivalue datetime' },
-    { id: 5, name: 'multivalue time', fieldType: FieldType.Time, isMultiValue: true, displayName: 'multivalue time' },
-  ],
-  [TemplateIds.Number]: [
-    { id: 6, name: 'number', fieldType: FieldType.Number, displayName: 'number' },
-    { id: 7, name: 'short integer 1', fieldType: FieldType.ShortInteger, displayName: 'short integer 1' },
-    { id: 8, name: 'long interger', fieldType: FieldType.LongInteger, displayName: 'long interger' },
-    { id: 9, name: 'short integer 2', fieldType: FieldType.ShortInteger, displayName: 'short integer 2' },
-  ],
-  [TemplateIds.DynamicLocation]: [
-    {
-      id: DynamicFieldIds.State,
-      name: 'State',
-      fieldType: FieldType.String,
-      rule: { ancestors: [] },
-      groupId: 1,
-      isMultiValue: true,
-      displayName: 'dynamic state'
-    },
-    {
-      id: DynamicFieldIds.County,
-      name: 'County',
-      fieldType: FieldType.String,
-      rule: { ancestors: [DynamicFieldIds.State] },
-      groupId: 1,
-      isMultiValue: true,
-      displayName: 'dynamic county'
-    },
-    {
-      id: DynamicFieldIds.City,
-      name: 'City',
-      fieldType: FieldType.String,
-      rule: { ancestors: [DynamicFieldIds.County] },
-      groupId: 1,
-      isMultiValue: true,
-      displayName: 'dynamic city'
-    },
-    {
-      id: 1000,
-      name: 'Weather',
-      fieldType: FieldType.String,
-      displayName: 'weather'
-    },
-  ],
-  [TemplateIds.DynamicOneLocation]: [
-    {
-      id: DynamicFieldIds.State,
-      name: 'State',
-      fieldType: FieldType.String,
-      rule: { ancestors: [] },
-      displayName: 'dynamic state'
-    },
-    {
-      id: DynamicFieldIds.County,
-      name: 'County',
-      fieldType: FieldType.String,
-      rule: { ancestors: [DynamicFieldIds.State] },
-      displayName: 'dynamic county'
-    },
-    {
-      id: DynamicFieldIds.City,
-      name: 'City',
-      fieldType: FieldType.String,
-      rule: { ancestors: [DynamicFieldIds.County] },
-      displayName: 'dynamic city'
-    },
-  ],
-  [TemplateIds.DynamicDateTimes]: [
-    {
-      id: DynamicFieldIds.GrandparentDate,
-      name: 'Grandparent Date',
-      fieldType: FieldType.Date,
-      rule: { ancestors: [] },
-      displayName: 'dynamic grandparent'
-    },
-    {
-      id: DynamicFieldIds.ParentDate,
-      name: 'Parent Date',
-      fieldType: FieldType.Date,
-      rule: { ancestors: [DynamicFieldIds.GrandparentDate] },
-      displayName: 'dynamic parent date'
-    },
-    {
-      id: DynamicFieldIds.ChildDate,
-      name: 'Child Date',
-      fieldType: FieldType.Date,
-      rule: { ancestors: [DynamicFieldIds.ParentDate] },
-      displayName: 'dynamic child date'
-    },
-    {
-      id: DynamicFieldIds.GrandparentTime,
-      name: 'Grandparent Time',
-      fieldType: FieldType.Time,
-      rule: { ancestors: [] },
-      displayName: 'dynamic grandparent time'
-    },
-    {
-      id: DynamicFieldIds.ParentTime,
-      name: 'Parent Time',
-      fieldType: FieldType.Time,
-      rule: { ancestors: [DynamicFieldIds.GrandparentTime] },
-      displayName: 'dynamic parent time'
-    },
-    {
-      id: DynamicFieldIds.ChildTime,
-      name: 'Child Time',
-      fieldType: FieldType.Time,
-      rule: { ancestors: [DynamicFieldIds.ParentTime] },
-      displayName: 'dynamic child time'
-    },
-    {
-      id: DynamicFieldIds.GrandparentDateTime,
-      name: 'Grandparent DateTime',
-      fieldType: FieldType.DateTime,
-      rule: { ancestors: [] },
-      displayName: 'dynamic grandparent datetime'
-    },
-    {
-      id: DynamicFieldIds.ParentDateTime,
-      name: 'Parent DateTime',
-      fieldType: FieldType.DateTime,
-      rule: { ancestors: [DynamicFieldIds.GrandparentDateTime] },
-      displayName: 'dynamic parent datetime'
-    },
-    {
-      id: DynamicFieldIds.ChildDateTime,
-      name: 'Child DateTime',
-      fieldType: FieldType.DateTime,
-      rule: { ancestors: [DynamicFieldIds.ParentDateTime] },
-      displayName: 'dynamic child datetime'
-    },
-  ],
-  [TemplateIds.DynamicNumbers]: [
-    {
-      id: DynamicFieldIds.ParentNumber,
-      name: 'Parent Number',
-      fieldType: FieldType.Number,
-      rule: { ancestors: [] },
-      displayName: 'dynamic parent num'
-    },
-    {
-      id: DynamicFieldIds.ChildNumber,
-      name: 'Child Number',
-      fieldType: FieldType.Number,
-      rule: { ancestors: [DynamicFieldIds.ParentNumber] },
-      displayName: 'dynamic child number'
-    },
-  ],
-  [TemplateIds.Groups]: [
-    {
-      id: 10,
-      name: 'Breakfast',
-      fieldType: FieldType.String,
-      groupId: 1,
-      isMultiValue: true,
-      isRequired: true,
-      displayName: 'group breakfast'
-    },
-    {
-      id: 11,
-      name: 'Lunch',
-      fieldType: FieldType.String,
-      groupId: 1,
-      isMultiValue: true,
-      defaultValue: 'hamburger',
-      displayName: 'group lunch'
-    },
-    {
-      id: 12,
-      name: 'Dinner',
-      fieldType: FieldType.String,
-      groupId: 1,
-      isMultiValue: true,
-      displayName: 'group dinner'
-    },
-    {
-      id: 13,
-      name: 'Dessert',
-      fieldType: FieldType.String,
-      isMultiValue: true,
-      displayName: 'group dessert'
-    },
-    {
-      id: 14,
-      name: 'Snack',
-      fieldType: FieldType.String,
-      displayName: 'group snack'
-    }
-  ]
-};
-
-export class LfFieldTemplateContainerDemoService implements LfFieldTemplateContainerService {
-  readonly testTemplateInfos: TemplateInfo[] = [
-    { id: TemplateIds.String, name: 'Strings', displayName: 'strings template' },
-    { id: TemplateIds.DateTime, name: 'Dates and Times', displayName: 'dates and times template' },
-    { id: TemplateIds.Number, name: 'Numbers', displayName: 'numbers template' },
-    { id: TemplateIds.Error, name: 'Template with Error', displayName: 'Template With Error' },
-    { id: TemplateIds.DynamicLocation, name: 'Location (Dynamic)', displayName: 'Location (Dynamic)' },
-    { id: TemplateIds.DynamicOneLocation, name: 'One Location (Dynamic)', displayName: 'One Location (Dynamic)' },
-    { id: TemplateIds.DynamicDateTimes, name: 'Dates and Times (Dynamic)', displayName: 'Dates and Times (Dynamic)' },
-    { id: TemplateIds.DynamicNumbers, name: 'One Row of Numbers (Dynamic)', displayName: 'One Row of Numbers (Dynamic)' },
-    { id: TemplateIds.Groups, name: 'Template with Groups', displayName: 'Template with Groups' }
-  ];
-
-  readonly lookupTableByTemplateId = new Map<TemplateIds, LookupTable>([
-    [
-      TemplateIds.DynamicLocation,
-      [
-        {
-          [DynamicFieldIds.State]: State.CA,
-          [DynamicFieldIds.County]: County.LosAngeles,
-          [DynamicFieldIds.City]: City.LongBeach,
-        },
-        {
-          [DynamicFieldIds.State]: State.CA,
-          [DynamicFieldIds.County]: County.SanBernadino,
-          [DynamicFieldIds.City]: City.Riverside,
-        },
-        {
-          [DynamicFieldIds.State]: State.OH,
-          [DynamicFieldIds.County]: County.Cuyahoga,
-          [DynamicFieldIds.City]: City.Strongsville,
-        },
-        {
-          [DynamicFieldIds.State]: State.CA,
-          [DynamicFieldIds.County]: County.Orange,
-          [DynamicFieldIds.City]: City.Placentia,
-        },
-        {
-          [DynamicFieldIds.State]: State.CA,
-          [DynamicFieldIds.County]: County.Orange,
-          [DynamicFieldIds.City]: City.Fullerton,
-        },
-        {
-          [DynamicFieldIds.State]: State.CA,
-          [DynamicFieldIds.County]: County.LosAngeles,
-          [DynamicFieldIds.City]: City.Hawthorne,
-        },
-        {
-          [DynamicFieldIds.State]: State.OH,
-          [DynamicFieldIds.County]: County.Hamilton,
-          [DynamicFieldIds.City]: City.Cincinnati,
-        },
-        {
-          [DynamicFieldIds.State]: State.OH,
-          [DynamicFieldIds.County]: County.Cuyahoga,
-          [DynamicFieldIds.City]: City.Cleveland,
-        },
-        {
-          [DynamicFieldIds.State]: State.CA,
-          [DynamicFieldIds.County]: County.LosAngeles,
-          [DynamicFieldIds.City]: City.Westwood,
-        },
-        {
-          [DynamicFieldIds.State]: State.NV,
-          [DynamicFieldIds.County]: County.Clark,
-          [DynamicFieldIds.City]: City.LasVegas,
-        },
-      ],
-    ],
-    [
-      TemplateIds.DynamicOneLocation,
-      [
-        {
-          [DynamicFieldIds.State]: State.NV,
-          [DynamicFieldIds.County]: County.Clark,
-          [DynamicFieldIds.City]: City.LasVegas,
-        },
-      ],
-    ],
-    [
-      TemplateIds.DynamicDateTimes,
-      [
-        {
-          [DynamicFieldIds.GrandparentDate]: '2020-01-02',
-          [DynamicFieldIds.ParentDate]: '2020-03-04',
-          [DynamicFieldIds.ChildDate]: '2020-05-06',
-          [DynamicFieldIds.GrandparentTime]: '01:02',
-          [DynamicFieldIds.ParentTime]: '03:04',
-          [DynamicFieldIds.ChildTime]: '05:06',
-          [DynamicFieldIds.GrandparentDateTime]: '2020-01-02T03:04:05.000Z',
-          [DynamicFieldIds.ParentDateTime]: '2020-03-04T03:04:05.000Z',
-          [DynamicFieldIds.ChildDateTime]: '2020-05-06T03:04:05.000Z',
-        },
-      ],
-    ],
-    [
-      TemplateIds.DynamicNumbers,
-      [
-        {
-          [DynamicFieldIds.ParentNumber]: '123',
-          [DynamicFieldIds.ChildNumber]: '456',
-        },
-      ],
-    ],
-  ]);
-
-  async getAvailableTemplatesAsync(): Promise<TemplateInfo[]> {
-    return new Promise((resolve, reject) => {
-      setTimeout(() => {
-       return resolve(this.testTemplateInfos);
-    }, 200);
-  });
-  }
-
-  async getTemplateFieldsAsync(templateId: number): Promise<TemplateFieldInfo[]> {
-    if (templateId === TemplateIds.Error) {
-      return new Promise((resolve, reject) => {
-        setTimeout(() => {
-         return reject();
-        }, 200);
-      });
-      }
-    if (templateId === 0 || !(templateId in fieldInfosPerTemplate)) {
-      return [];
-    }
-    return new Promise((resolve, reject) => {
-      setTimeout(() => {
-       return resolve(fieldInfosPerTemplate[templateId]);
-    }, 200);
-  });
-  }
-
-  async getTemplateDefinitionAsync(id: string | number): Promise<TemplateInfo | undefined> {
-    return new Promise((resolve, reject) => {
-      setTimeout(() => {
-       return resolve(this.testTemplateInfos.find((info) => info.id === id));
-    }, 200);
-  });
-  }
-
-  async getDynamicFieldValueOptionsAsync(
-    templateId: number,
-    currentValues: FieldValues
-  ): Promise<{ [fieldId: number]: string[] }> {
-    const lookupTable: LookupTable | undefined = this.lookupTableByTemplateId.get(templateId);
-    if (!lookupTable) {
-      return {};
-    }
-
-    const result: { [fieldId: number]: string[] } = {};
-    const fieldInfos = await this.getTemplateFieldsAsync(templateId);
-    for (const fieldInfo of fieldInfos) {
-      if (!isDynamicField(fieldInfo)) {
-        continue;
-      }
-
-      const id = fieldInfo.id;
-      result[id] = [];
-
-      const ancestors = fieldInfo.rule?.ancestors;
-      const areAllAncestorsDefined = ancestors?.every(ancestorId => currentValues[ancestorId] !== undefined);
-      if (!ancestors || !areAllAncestorsDefined) {
-        continue;
-      }
-
-      const fieldOptions: string[] = this.getUniqueValues(lookupTable, id, (row: Row) => {
-        return this.valuesAreDefinedAndMatchOnIds(row, currentValues, ancestors);
-      });
-      result[id] = fieldOptions;
-    }
-    return result;
-  }
-
-  private valuesAreDefinedAndMatchOnIds(row: Row, fieldValues: FieldValues, ids: number[]): boolean {
-    for (const id of ids) {
-      const fieldValue = fieldValues[id];
-      const firstValue = this.getFirstFieldValue(fieldValues, id);
-      if (firstValue === undefined) {
-        return false;
-      }
-
-      let compareFunc = (a: string, b: string) => a === b;
-      if (fieldValue.fieldType === FieldType.Date || fieldValue.fieldType === FieldType.DateTime) {
-        compareFunc = DatetimeUtils.compareDateStrings;
-      }
-
-      if (!compareFunc(firstValue, row[id])) {
-        return false;
-      }
-    }
-    return true;
-  }
-
-  private getFirstFieldValue(fieldValues: FieldValues, fieldId: number): string | undefined {
-    let result: string | undefined;
-    const values = fieldValues[fieldId]?.values ?? undefined;
-    if (values && values.length > 0) {
-      result = values[0]?.value ?? '';
-    }
-    return result;
-  }
-
-  private getUniqueValues(lookupTable: LookupTable, selectId: DynamicFieldIds, filterFunc: (row: Row) => boolean): string[] {
-    const filteredTable = lookupTable.filter(filterFunc);
-    const fieldValuesWithDuplicates = filteredTable.map((row: Row) => row[selectId]);
-    const fieldValues = new Set<string>(fieldValuesWithDuplicates);
-    return [...fieldValues.values()];
-  }
-}
-
-interface Row {
-  [fieldId: number]: string;
-}
-
-type LookupTable = Row[];
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { FieldValues, LfFieldInfo, TemplateFieldInfo, TemplateInfo } from './../field-components/utils/lf-field-types';
+import { LfFieldTemplateContainerService } from './lf-field-template-container.service';
+import { FieldType } from '@laserfiche/lf-ui-components/shared';
+import { DatetimeUtils } from './lf-field-template-container-datetime-utils';
+
+export function isDynamicField(fieldInfo: LfFieldInfo): boolean {
+  const fieldInfoAsTemplateInfo = fieldInfo as TemplateFieldInfo;
+  return fieldInfoAsTemplateInfo.rule?.ancestors !== undefined;
+}
+
+export enum TemplateIds {
+  String,
+  Blank,
+  Number,
+  DateTime,
+  DynamicLocation,
+  DynamicOneLocation,
+  DynamicDateTimes,
+  DynamicNumbers,
+  Groups,
+  Error,
+}
+
+export enum DynamicFieldIds {
+  State,
+  County,
+  City,
+  GrandparentDate,
+  GrandparentTime,
+  GrandparentDateTime,
+  ParentDate,
+  ParentTime,
+  ParentDateTime,
+  ChildDate,
+  ChildTime,
+  ChildDateTime,
+  ParentNumber,
+  ChildNumber,
+}
+
+export enum State {
+  CA = 'CA',
+  NV = 'NV',
+  OH = 'OH',
+}
+
+export enum County {
+  Clark = 'Clark',
+  Cuyahoga = 'Cuyahoga',
+  Hamilton = 'Hamilton',
+  LosAngeles = 'LosAngeles',
+  Orange = 'Orange',
+  SanBernadino = 'SanBernadino',
+}
+
+export enum City {
+  Cincinnati = 'Cincinnati',
+  Cleveland = 'Cleveland',
+  Fullerton = 'Fullerton',
+  Hawthorne = 'Hawthorne',
+  LasVegas = 'LasVegas',
+  LongBeach = 'LongBeach',
+  Placentia = 'Placentia',
+  Riverside = 'Riverside',
+  Strongsville = 'Strongsville',
+  Westwood = 'Westwood',
+}
+export const fieldInfosPerTemplate: { [templateId: number]: TemplateFieldInfo[] } = {
+  [TemplateIds.String]: [
+    {
+      id: 1,
+      name: 'multivalue string',
+      fieldType: FieldType.String,
+      isMultiValue: true,
+      displayName: 'multivalue string',
+    },
+    { id: 2, name: 'plain string', fieldType: FieldType.String, displayName: 'plain string' },
+  ],
+  [TemplateIds.DateTime]: [
+    { id: 3, name: 'multivalue date', fieldType: FieldType.Date, isMultiValue: true, displayName: 'multivalue date' },
+    {
+      id: 4,
+      name: 'multivalue datetime',
+      fieldType: FieldType.DateTime,
+      isMultiValue: true,
+      displayName: 'multivalue datetime',
+    },
+    { id: 5, name: 'multivalue time', fieldType: FieldType.Time, isMultiValue: true, displayName: 'multivalue time' },
+  ],
+  [TemplateIds.Number]: [
+    { id: 6, name: 'number', fieldType: FieldType.Number, displayName: 'number' },
+    { id: 7, name: 'short integer 1', fieldType: FieldType.ShortInteger, displayName: 'short integer 1' },
+    { id: 8, name: 'long interger', fieldType: FieldType.LongInteger, displayName: 'long interger' },
+    { id: 9, name: 'short integer 2', fieldType: FieldType.ShortInteger, displayName: 'short integer 2' },
+  ],
+  [TemplateIds.DynamicLocation]: [
+    {
+      id: DynamicFieldIds.State,
+      name: 'State',
+      fieldType: FieldType.String,
+      rule: { ancestors: [] },
+      groupId: 1,
+      isMultiValue: true,
+      displayName: 'dynamic state',
+    },
+    {
+      id: DynamicFieldIds.County,
+      name: 'County',
+      fieldType: FieldType.String,
+      rule: { ancestors: [DynamicFieldIds.State] },
+      groupId: 1,
+      isMultiValue: true,
+      displayName: 'dynamic county',
+    },
+    {
+      id: DynamicFieldIds.City,
+      name: 'City',
+      fieldType: FieldType.String,
+      rule: { ancestors: [DynamicFieldIds.County] },
+      groupId: 1,
+      isMultiValue: true,
+      displayName: 'dynamic city',
+    },
+    {
+      id: 1000,
+      name: 'Weather',
+      fieldType: FieldType.String,
+      displayName: 'weather',
+    },
+  ],
+  [TemplateIds.DynamicOneLocation]: [
+    {
+      id: DynamicFieldIds.State,
+      name: 'State',
+      fieldType: FieldType.String,
+      rule: { ancestors: [] },
+      displayName: 'dynamic state',
+    },
+    {
+      id: DynamicFieldIds.County,
+      name: 'County',
+      fieldType: FieldType.String,
+      rule: { ancestors: [DynamicFieldIds.State] },
+      displayName: 'dynamic county',
+    },
+    {
+      id: DynamicFieldIds.City,
+      name: 'City',
+      fieldType: FieldType.String,
+      rule: { ancestors: [DynamicFieldIds.County] },
+      displayName: 'dynamic city',
+    },
+  ],
+  [TemplateIds.DynamicDateTimes]: [
+    {
+      id: DynamicFieldIds.GrandparentDate,
+      name: 'Grandparent Date',
+      fieldType: FieldType.Date,
+      rule: { ancestors: [] },
+      displayName: 'dynamic grandparent',
+    },
+    {
+      id: DynamicFieldIds.ParentDate,
+      name: 'Parent Date',
+      fieldType: FieldType.Date,
+      rule: { ancestors: [DynamicFieldIds.GrandparentDate] },
+      displayName: 'dynamic parent date',
+    },
+    {
+      id: DynamicFieldIds.ChildDate,
+      name: 'Child Date',
+      fieldType: FieldType.Date,
+      rule: { ancestors: [DynamicFieldIds.ParentDate] },
+      displayName: 'dynamic child date',
+    },
+    {
+      id: DynamicFieldIds.GrandparentTime,
+      name: 'Grandparent Time',
+      fieldType: FieldType.Time,
+      rule: { ancestors: [] },
+      displayName: 'dynamic grandparent time',
+    },
+    {
+      id: DynamicFieldIds.ParentTime,
+      name: 'Parent Time',
+      fieldType: FieldType.Time,
+      rule: { ancestors: [DynamicFieldIds.GrandparentTime] },
+      displayName: 'dynamic parent time',
+    },
+    {
+      id: DynamicFieldIds.ChildTime,
+      name: 'Child Time',
+      fieldType: FieldType.Time,
+      rule: { ancestors: [DynamicFieldIds.ParentTime] },
+      displayName: 'dynamic child time',
+    },
+    {
+      id: DynamicFieldIds.GrandparentDateTime,
+      name: 'Grandparent DateTime',
+      fieldType: FieldType.DateTime,
+      rule: { ancestors: [] },
+      displayName: 'dynamic grandparent datetime',
+    },
+    {
+      id: DynamicFieldIds.ParentDateTime,
+      name: 'Parent DateTime',
+      fieldType: FieldType.DateTime,
+      rule: { ancestors: [DynamicFieldIds.GrandparentDateTime] },
+      displayName: 'dynamic parent datetime',
+    },
+    {
+      id: DynamicFieldIds.ChildDateTime,
+      name: 'Child DateTime',
+      fieldType: FieldType.DateTime,
+      rule: { ancestors: [DynamicFieldIds.ParentDateTime] },
+      displayName: 'dynamic child datetime',
+    },
+  ],
+  [TemplateIds.DynamicNumbers]: [
+    {
+      id: DynamicFieldIds.ParentNumber,
+      name: 'Parent Number',
+      fieldType: FieldType.Number,
+      rule: { ancestors: [] },
+      displayName: 'dynamic parent num',
+    },
+    {
+      id: DynamicFieldIds.ChildNumber,
+      name: 'Child Number',
+      fieldType: FieldType.Number,
+      rule: { ancestors: [DynamicFieldIds.ParentNumber] },
+      displayName: 'dynamic child number',
+    },
+  ],
+  [TemplateIds.Groups]: [
+    {
+      id: 10,
+      name: 'Breakfast',
+      fieldType: FieldType.String,
+      groupId: 1,
+      isMultiValue: true,
+      isRequired: true,
+      displayName: 'group breakfast',
+    },
+    {
+      id: 11,
+      name: 'Lunch',
+      fieldType: FieldType.String,
+      groupId: 1,
+      isMultiValue: true,
+      defaultValue: 'hamburger',
+      displayName: 'group lunch',
+    },
+    {
+      id: 12,
+      name: 'Dinner',
+      fieldType: FieldType.String,
+      groupId: 1,
+      isMultiValue: true,
+      displayName: 'group dinner',
+    },
+    {
+      id: 13,
+      name: 'Dessert',
+      fieldType: FieldType.String,
+      isMultiValue: true,
+      displayName: 'group dessert',
+    },
+    {
+      id: 14,
+      name: 'Snack',
+      fieldType: FieldType.String,
+      displayName: 'group snack',
+    },
+  ],
+};
+
+export class LfFieldTemplateContainerDemoService implements LfFieldTemplateContainerService {
+  readonly testTemplateInfos: TemplateInfo[] = [
+    { id: TemplateIds.String, name: 'Strings', displayName: 'strings template' },
+    { id: TemplateIds.DateTime, name: 'Dates and Times', displayName: 'dates and times template' },
+    { id: TemplateIds.Number, name: 'Numbers', displayName: 'numbers template' },
+    { id: TemplateIds.Error, name: 'Template with Error', displayName: 'Template With Error' },
+    { id: TemplateIds.DynamicLocation, name: 'Location (Dynamic)', displayName: 'Location (Dynamic)' },
+    { id: TemplateIds.DynamicOneLocation, name: 'One Location (Dynamic)', displayName: 'One Location (Dynamic)' },
+    { id: TemplateIds.DynamicDateTimes, name: 'Dates and Times (Dynamic)', displayName: 'Dates and Times (Dynamic)' },
+    {
+      id: TemplateIds.DynamicNumbers,
+      name: 'One Row of Numbers (Dynamic)',
+      displayName: 'One Row of Numbers (Dynamic)',
+    },
+    { id: TemplateIds.Groups, name: 'Template with Groups', displayName: 'Template with Groups' },
+  ];
+
+  readonly lookupTableByTemplateId = new Map<TemplateIds, LookupTable>([
+    [
+      TemplateIds.DynamicLocation,
+      [
+        {
+          [DynamicFieldIds.State]: State.CA,
+          [DynamicFieldIds.County]: County.LosAngeles,
+          [DynamicFieldIds.City]: City.LongBeach,
+        },
+        {
+          [DynamicFieldIds.State]: State.CA,
+          [DynamicFieldIds.County]: County.SanBernadino,
+          [DynamicFieldIds.City]: City.Riverside,
+        },
+        {
+          [DynamicFieldIds.State]: State.OH,
+          [DynamicFieldIds.County]: County.Cuyahoga,
+          [DynamicFieldIds.City]: City.Strongsville,
+        },
+        {
+          [DynamicFieldIds.State]: State.CA,
+          [DynamicFieldIds.County]: County.Orange,
+          [DynamicFieldIds.City]: City.Placentia,
+        },
+        {
+          [DynamicFieldIds.State]: State.CA,
+          [DynamicFieldIds.County]: County.Orange,
+          [DynamicFieldIds.City]: City.Fullerton,
+        },
+        {
+          [DynamicFieldIds.State]: State.CA,
+          [DynamicFieldIds.County]: County.LosAngeles,
+          [DynamicFieldIds.City]: City.Hawthorne,
+        },
+        {
+          [DynamicFieldIds.State]: State.OH,
+          [DynamicFieldIds.County]: County.Hamilton,
+          [DynamicFieldIds.City]: City.Cincinnati,
+        },
+        {
+          [DynamicFieldIds.State]: State.OH,
+          [DynamicFieldIds.County]: County.Cuyahoga,
+          [DynamicFieldIds.City]: City.Cleveland,
+        },
+        {
+          [DynamicFieldIds.State]: State.CA,
+          [DynamicFieldIds.County]: County.LosAngeles,
+          [DynamicFieldIds.City]: City.Westwood,
+        },
+        {
+          [DynamicFieldIds.State]: State.NV,
+          [DynamicFieldIds.County]: County.Clark,
+          [DynamicFieldIds.City]: City.LasVegas,
+        },
+      ],
+    ],
+    [
+      TemplateIds.DynamicOneLocation,
+      [
+        {
+          [DynamicFieldIds.State]: State.NV,
+          [DynamicFieldIds.County]: County.Clark,
+          [DynamicFieldIds.City]: City.LasVegas,
+        },
+      ],
+    ],
+    [
+      TemplateIds.DynamicDateTimes,
+      [
+        {
+          [DynamicFieldIds.GrandparentDate]: '2020-01-02',
+          [DynamicFieldIds.ParentDate]: '2020-03-04',
+          [DynamicFieldIds.ChildDate]: '2020-05-06',
+          [DynamicFieldIds.GrandparentTime]: '01:02',
+          [DynamicFieldIds.ParentTime]: '03:04',
+          [DynamicFieldIds.ChildTime]: '05:06',
+          [DynamicFieldIds.GrandparentDateTime]: '2020-01-02T03:04:05.000Z',
+          [DynamicFieldIds.ParentDateTime]: '2020-03-04T03:04:05.000Z',
+          [DynamicFieldIds.ChildDateTime]: '2020-05-06T03:04:05.000Z',
+        },
+      ],
+    ],
+    [
+      TemplateIds.DynamicNumbers,
+      [
+        {
+          [DynamicFieldIds.ParentNumber]: '123',
+          [DynamicFieldIds.ChildNumber]: '456',
+        },
+      ],
+    ],
+  ]);
+
+  async getAvailableTemplatesAsync(): Promise<TemplateInfo[]> {
+    return new Promise((resolve, reject) => {
+      setTimeout(() => {
+        return resolve(this.testTemplateInfos);
+      }, 200);
+    });
+  }
+
+  async getTemplateFieldsAsync(templateId: number): Promise<TemplateFieldInfo[]> {
+    if (templateId === TemplateIds.Error) {
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          return reject();
+        }, 200);
+      });
+    }
+    if (templateId === 0 || !(templateId in fieldInfosPerTemplate)) {
+      return [];
+    }
+    return new Promise((resolve, reject) => {
+      setTimeout(() => {
+        return resolve(fieldInfosPerTemplate[templateId]);
+      }, 200);
+    });
+  }
+
+  async getTemplateDefinitionAsync(id: string | number): Promise<TemplateInfo | undefined> {
+    return new Promise((resolve, reject) => {
+      setTimeout(() => {
+        return resolve(this.testTemplateInfos.find((info) => info.id === id));
+      }, 200);
+    });
+  }
+
+  async getDynamicFieldValueOptionsAsync(
+    templateId: number,
+    currentValues: FieldValues
+  ): Promise<{ [fieldId: number]: string[] }> {
+    const lookupTable: LookupTable | undefined = this.lookupTableByTemplateId.get(templateId);
+    if (!lookupTable) {
+      return {};
+    }
+
+    const result: { [fieldId: number]: string[] } = {};
+    const fieldInfos = await this.getTemplateFieldsAsync(templateId);
+    for (const fieldInfo of fieldInfos) {
+      if (!isDynamicField(fieldInfo)) {
+        continue;
+      }
+
+      const id = fieldInfo.id;
+      result[id] = [];
+
+      const ancestors = fieldInfo.rule?.ancestors;
+      const areAllAncestorsDefined = ancestors?.every((ancestorId) => currentValues[ancestorId] !== undefined);
+      if (!ancestors || !areAllAncestorsDefined) {
+        continue;
+      }
+
+      const fieldOptions: string[] = this.getUniqueValues(lookupTable, id, (row: Row) => {
+        return this.valuesAreDefinedAndMatchOnIds(row, currentValues, ancestors);
+      });
+      result[id] = fieldOptions;
+    }
+    return result;
+  }
+
+  private valuesAreDefinedAndMatchOnIds(row: Row, fieldValues: FieldValues, ids: number[]): boolean {
+    for (const id of ids) {
+      const fieldValue = fieldValues[id];
+      const firstValue = this.getFirstFieldValue(fieldValues, id);
+      if (firstValue === undefined) {
+        return false;
+      }
+
+      let compareFunc = (a: string, b: string) => a === b;
+      if (fieldValue.fieldType === FieldType.Date || fieldValue.fieldType === FieldType.DateTime) {
+        compareFunc = DatetimeUtils.compareDateStrings;
+      }
+
+      if (!compareFunc(firstValue, row[id])) {
+        return false;
+      }
+    }
+    return true;
+  }
+
+  private getFirstFieldValue(fieldValues: FieldValues, fieldId: number): string | undefined {
+    let result: string | undefined;
+    const values = fieldValues[fieldId]?.values ?? undefined;
+    if (values && values.length > 0) {
+      result = values[0]?.value ?? '';
+    }
+    return result;
+  }
+
+  private getUniqueValues(
+    lookupTable: LookupTable,
+    selectId: DynamicFieldIds,
+    filterFunc: (row: Row) => boolean
+  ): string[] {
+    const filteredTable = lookupTable.filter(filterFunc);
+    const fieldValuesWithDuplicates = filteredTable.map((row: Row) => row[selectId]);
+    const fieldValues = new Set<string>(fieldValuesWithDuplicates);
+    return [...fieldValues.values()];
+  }
+}
+
+interface Row {
+  [fieldId: number]: string;
+}
+
+type LookupTable = Row[];
diff --git a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container-states.ts b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container-states.ts
index bc088fbb..81026348 100644
--- a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container-states.ts
+++ b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container-states.ts
@@ -1,21 +1,21 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-/**
- * @internal
- */
-export enum DropDownState {
-  DEFAULT = 'default',
-  LOADING = 'isLoading',
-  HAS_ERROR = 'hasError'
-}
-
-/**
- * @internal
- */
-export enum TemplateState {
-  DEFAULT = 'default',
-  LOADING = 'isLoading',
-  HAS_ERROR = 'hasError',
-  SHOW_TEMPLATE = 'showTemplate'
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+/**
+ * @internal
+ */
+export enum DropDownState {
+  DEFAULT = 'default',
+  LOADING = 'isLoading',
+  HAS_ERROR = 'hasError',
+}
+
+/**
+ * @internal
+ */
+export enum TemplateState {
+  DEFAULT = 'default',
+  LOADING = 'isLoading',
+  HAS_ERROR = 'hasError',
+  SHOW_TEMPLATE = 'showTemplate',
+}
diff --git a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container-types.ts b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container-types.ts
index 05405efb..be0924b5 100644
--- a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container-types.ts
+++ b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container-types.ts
@@ -1,8 +1,8 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { LfFieldTemplateContainerService } from './lf-field-template-container.service';
-
-export interface LfFieldTemplateProviders {
-  templateFieldContainerService: LfFieldTemplateContainerService;
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { LfFieldTemplateContainerService } from './lf-field-template-container.service';
+
+export interface LfFieldTemplateProviders {
+  templateFieldContainerService: LfFieldTemplateContainerService;
+}
diff --git a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.css b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.css
index 90f2e3fa..1b564e86 100644
--- a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.css
+++ b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.css
@@ -17,13 +17,13 @@
   padding-right: 0px;
 }
 
-::ng-deep lf-field-template-container  {
+::ng-deep lf-field-template-container {
   font-size: 14px;
 }
 
 ::ng-deep lf-field-template-container .lf-template-picker > .mat-mdc-form-field-subscript-wrapper {
   height: 0px;
-} 
+}
 
 .responsive-form-container {
   display: flex;
diff --git a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.html b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.html
index d5c2323b..88d8cf9c 100644
--- a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.html
+++ b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.html
@@ -18,7 +18,7 @@
       (openedChange)="onToggleDropdownAsync($event)"
       [(value)]="templateSelected"
       [compareWith]="compareTemplateInfoFunc"
-      >
+    >
       @if (isDropdownDefault) {
         <mat-option selected>{{ emptyTemplateName | async }}</mat-option>
       }
@@ -28,9 +28,7 @@
       @if (isDropdownDefault) {
         <div>
           @for (template of availableTemplates; track template) {
-            <mat-option [value]="template"
-              >{{template.displayName}}
-            </mat-option>
+            <mat-option [value]="template">{{ template.displayName }} </mat-option>
           }
         </div>
       }
@@ -46,8 +44,7 @@
         <div class="responsive-form-container">
           <ng-template lfFieldView></ng-template>
         </div>
-      } @else {
-      }
+      } @else {}
     }
   }
 </div>
diff --git a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.spec.ts b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.spec.ts
index f140948a..39128473 100644
--- a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.spec.ts
+++ b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.spec.ts
@@ -5,11 +5,19 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
-import { MatSelectModule } from '@angular/material/select';;
+import { MatSelectModule } from '@angular/material/select';
 import { LfFieldMetadataConnectorService } from '../lf-field-metadata-connector.service';
 import { LfFieldTemplateContainerComponent } from './lf-field-template-container.component';
 import { LfFieldTemplateContainerService } from './lf-field-template-container.service';
-import { City, County, DynamicFieldIds, fieldInfosPerTemplate, LfFieldTemplateContainerDemoService, State, TemplateIds } from './lf-field-template-container-demo.service';
+import {
+  City,
+  County,
+  DynamicFieldIds,
+  fieldInfosPerTemplate,
+  LfFieldTemplateContainerDemoService,
+  State,
+  TemplateIds,
+} from './lf-field-template-container-demo.service';
 import { FieldType } from '@laserfiche/lf-ui-components/shared';
 import { LfFieldViewDirective } from '../lf-field-view.directive';
 import { LfFieldComponent } from '../field-components/lf-field/lf-field.component';
@@ -22,13 +30,21 @@ describe('LfFieldTemplateContainerComponent', () => {
   let fixture: ComponentFixture<LfFieldTemplateContainerComponent>;
   let templateService!: LfFieldTemplateContainerService;
 
-  beforeEach(
-    async () => {
-      await TestBed.configureTestingModule({
-        imports: [LfFieldTemplateContainerComponent, LfFieldViewDirective, CommonModule, FormsModule, MatSelectModule, LfFieldComponent, LfFieldMultivalueComponent, LfFieldGroupComponent],
-        providers: [LfFieldMetadataConnectorService] }).compileComponents();
-    }
-  );
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [
+        LfFieldTemplateContainerComponent,
+        LfFieldViewDirective,
+        CommonModule,
+        FormsModule,
+        MatSelectModule,
+        LfFieldComponent,
+        LfFieldMultivalueComponent,
+        LfFieldGroupComponent,
+      ],
+      providers: [LfFieldMetadataConnectorService],
+    }).compileComponents();
+  });
 
   beforeEach(async () => {
     fixture = TestBed.createComponent(LfFieldTemplateContainerComponent);
@@ -52,8 +68,11 @@ describe('LfFieldTemplateContainerComponent', () => {
         fieldId: 1,
         values: [
           {
-            value: 'test Value' },
-        ] } };
+            value: 'test Value',
+          },
+        ],
+      },
+    };
     const fieldId: number = 1;
 
     // Act
@@ -71,7 +90,7 @@ describe('LfFieldTemplateContainerComponent', () => {
         name: 'test field',
         id: 1,
         fieldType: FieldType.String,
-        displayName: 'test field'
+        displayName: 'test field',
       },
     ];
 
@@ -109,11 +128,15 @@ describe('LfFieldTemplateContainerComponent', () => {
 
     // Assert
     const expectedStateValues = [State.CA, State.OH, State.NV];
-    const stateFieldInfo = component.allFieldInfos.find((templateFieldInfo) => templateFieldInfo.id === DynamicFieldIds.State);
+    const stateFieldInfo = component.allFieldInfos.find(
+      (templateFieldInfo) => templateFieldInfo.id === DynamicFieldIds.State
+    );
     expect(component.dynamicOptions.get(stateFieldInfo?.id ?? 0)![0]).toEqual(expectedStateValues);
 
     const expectedCountyValues: string[] = [];
-    const countyFieldInfo = component.allFieldInfos.find((templateFieldInfo) => templateFieldInfo.id === DynamicFieldIds.County);
+    const countyFieldInfo = component.allFieldInfos.find(
+      (templateFieldInfo) => templateFieldInfo.id === DynamicFieldIds.County
+    );
     expect(component.dynamicOptions.get(countyFieldInfo?.id ?? 0)![0]).toEqual(expectedCountyValues);
   });
 
@@ -130,11 +153,15 @@ describe('LfFieldTemplateContainerComponent', () => {
 
     // Assert
     const expectedStateValues = [State.CA, State.OH, State.NV];
-    const stateFieldInfo = component.allFieldInfos.find((templateFieldInfo) => templateFieldInfo.id === DynamicFieldIds.State);
+    const stateFieldInfo = component.allFieldInfos.find(
+      (templateFieldInfo) => templateFieldInfo.id === DynamicFieldIds.State
+    );
     expect(component.dynamicOptions.get(stateFieldInfo?.id ?? 0)![0]).toEqual(expectedStateValues);
 
     const expectedCountyValues = [County.Cuyahoga, County.Hamilton];
-    const countyFieldInfo = component.allFieldInfos.find((templateFieldInfo) => templateFieldInfo.id === DynamicFieldIds.County);
+    const countyFieldInfo = component.allFieldInfos.find(
+      (templateFieldInfo) => templateFieldInfo.id === DynamicFieldIds.County
+    );
     expect(component.dynamicOptions.get(countyFieldInfo?.id ?? 0)![0]).toEqual(expectedCountyValues);
   });
 
@@ -204,7 +231,10 @@ describe('LfFieldTemplateContainerComponent', () => {
 
     // Assert
     const stateOptions = component.dynamicOptions.get(fieldInfos[0].id);
-    expect(stateOptions).toEqual([[State.CA, State.OH, State.NV], [State.CA, State.OH, State.NV]]);
+    expect(stateOptions).toEqual([
+      [State.CA, State.OH, State.NV],
+      [State.CA, State.OH, State.NV],
+    ]);
   });
 
   it('when a second field is added, then baseFieldOptions should be populated', async () => {
@@ -220,7 +250,10 @@ describe('LfFieldTemplateContainerComponent', () => {
 
     // Assert
     const stateOptions = component.dynamicOptions.get(fieldInfos[0].id);
-    expect(stateOptions).toEqual([[State.CA, State.OH, State.NV], [State.CA, State.OH, State.NV]]);
+    expect(stateOptions).toEqual([
+      [State.CA, State.OH, State.NV],
+      [State.CA, State.OH, State.NV],
+    ]);
 
     const countyOptions = component.dynamicOptions.get(fieldInfos[1].id);
     expect(countyOptions).toEqual([[], [County.Clark]]);
@@ -229,12 +262,21 @@ describe('LfFieldTemplateContainerComponent', () => {
     expect(cityOptions).toEqual([[], [City.LasVegas]]);
 
     const stateValues = component.allFieldValues[DynamicFieldIds.State].values;
-    expect(stateValues).toEqual([{ value: '', position: '1' }, {value: State.NV, position: '2'}]);
+    expect(stateValues).toEqual([
+      { value: '', position: '1' },
+      { value: State.NV, position: '2' },
+    ]);
 
     const countyValues = component.allFieldValues[DynamicFieldIds.County].values;
-    expect(countyValues).toEqual([{ value: '', position: '1' }, {value: County.Clark, position: '2'}]);
+    expect(countyValues).toEqual([
+      { value: '', position: '1' },
+      { value: County.Clark, position: '2' },
+    ]);
 
     const cityValues = component.allFieldValues[DynamicFieldIds.City].values;
-    expect(cityValues).toEqual([{ value: '', position: '1' }, {value: City.LasVegas, position: '2'}]);
+    expect(cityValues).toEqual([
+      { value: '', position: '1' },
+      { value: City.LasVegas, position: '2' },
+    ]);
   });
 });
diff --git a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.ts b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.ts
index d4b10499..d06679b0 100644
--- a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.ts
+++ b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.component.ts
@@ -113,7 +113,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
     this.resetComponentValues();
     this.templateFieldContainerService = CoreUtils.validateDefined(
       providers.templateFieldContainerService,
-      'templateFieldContainerService',
+      'templateFieldContainerService'
     );
     await this.selectTemplateAsync(templateIdentifier);
     if (this.templateSelected) {
@@ -263,7 +263,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
     vf: ViewContainerRef,
     groupId: number,
     fieldGroups: Map<number, FieldDefinition[]>,
-    newDef: FieldDefinition,
+    newDef: FieldDefinition
   ) {
     const fieldGroupComponentRef = vf.createComponent(LfFieldGroupComponent);
     fieldGroupComponentRef.instance.groupId = groupId;
@@ -274,7 +274,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
   /** @internal */
   private async initializeFieldGroupComponentAsync(
     fieldGroupComponentRef: ComponentRef<LfFieldGroupComponent>,
-    group: FieldDefinition[],
+    group: FieldDefinition[]
   ) {
     const firstLength = group[0]?.fieldValues?.length ?? 1;
     const sameSizeGroups = group.every((def) => (def.fieldValues?.length ?? 1) === firstLength);
@@ -287,7 +287,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
           const vals: string[] = fieldValue.values ? fieldValue.values?.map((value) => value['value'] ?? '') : [''];
           const fieldInfo = this.allFieldInfos.find((fieldInfo) => fieldInfo.id === id) as TemplateFieldInfo;
           await this.onFieldValueChangedAsync(vals, fieldInfo, fieldChange.indicesChanged);
-        },
+        }
       );
     }
   }
@@ -296,13 +296,13 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
   async fieldComponentInitAsync(
     fieldComponentRef: ComponentRef<LfFieldComponent>,
     fieldInfo: LfFieldInfo,
-    value: string,
+    value: string
   ) {
     const optionsForFieldInfo = this.dynamicOptions.get(fieldInfo.id);
     await fieldComponentRef.instance.initAsync(
       fieldInfo,
       value,
-      optionsForFieldInfo ? optionsForFieldInfo[0] : undefined,
+      optionsForFieldInfo ? optionsForFieldInfo[0] : undefined
     );
   }
 
@@ -310,7 +310,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
   async multivalueComponentInitAsync(
     multivalueFieldComponentRef: ComponentRef<LfFieldMultivalueComponent>,
     fieldInfo: LfFieldInfo,
-    values: string[],
+    values: string[]
   ) {
     await multivalueFieldComponentRef.instance.initAsync(fieldInfo, values, this.dynamicOptions.get(fieldInfo.id));
   }
@@ -356,7 +356,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
       try {
         this.templateState = TemplateState.LOADING;
         this.templateSelected = (await this.templateFieldContainerService.getTemplateDefinitionAsync(
-          id,
+          id
         )) as TemplateInfo;
         if (!this.templateSelected) {
           this.templateState = TemplateState.DEFAULT;
@@ -472,7 +472,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
   async onFieldValueChangedAsync(
     fieldValues: string[],
     lfFieldInfo: TemplateFieldInfo,
-    indicesChanged?: number[],
+    indicesChanged?: number[]
   ): Promise<void> {
     this.fieldValuesChanged.emit(this.isValid());
     let indicesOfValueChanged = indicesChanged;
@@ -504,14 +504,14 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
   private async addFieldOptionsForIndexAsync(
     indexChanged: number,
     fieldInfoOptions: string[][],
-    lfFieldInfo: TemplateFieldInfo,
+    lfFieldInfo: TemplateFieldInfo
   ) {
     try {
       const dynamicFieldValueOptions = await this.getDynamicFieldValueOptionsAsync(indexChanged);
       fieldInfoOptions[indexChanged] = dynamicFieldValueOptions[lfFieldInfo.id];
       if (fieldInfoOptions[indexChanged] === undefined) {
         console.warn(
-          `Could not get dynamic field options of field ${lfFieldInfo.name} id ${lfFieldInfo.id}, index ${indexChanged}`,
+          `Could not get dynamic field options of field ${lfFieldInfo.name} id ${lfFieldInfo.id}, index ${indexChanged}`
         );
       }
     } catch (error) {
@@ -536,7 +536,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
   private async updateDynamicFieldsAsync(
     fieldInfo: TemplateFieldInfo,
     values: string[],
-    indexChanged: number,
+    indexChanged: number
   ): Promise<void> {
     this.setFieldValue(fieldInfo.id, values);
     const children = this.getDynamicFieldChildren(fieldInfo);
@@ -558,7 +558,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
         const childFieldValue: FieldValue = this.getUpdatedChildValue(
           childFieldInfo,
           dynamicFieldOptions,
-          indexChanged,
+          indexChanged
         );
         const stringValues = childFieldValue.values?.map((val) => val['value']) ?? [''];
         await this.updateDynamicFieldsAsync(childFieldInfo, stringValues, indexChanged);
@@ -573,7 +573,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
   private getUpdatedChildValue(
     childFieldInfo: TemplateFieldInfo,
     dynamicFieldOptions: string[][],
-    indexChanged: number,
+    indexChanged: number
   ) {
     const childFieldValues: FieldValue = this.getOrCreateFieldValue(childFieldInfo.id);
     const optionsForIndex = dynamicFieldOptions[indexChanged];
@@ -601,7 +601,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
     }
     const dynamicFieldValueOptions = await this.templateFieldContainerService.getDynamicFieldValueOptionsAsync(
       this.templateSelected.id,
-      relevantValues,
+      relevantValues
     );
     return dynamicFieldValueOptions;
   }
@@ -634,7 +634,7 @@ export class LfFieldTemplateContainerComponent extends LfFieldContainerDirective
 
     const parentId = fieldInfo.id;
     const children = this.allFieldInfos.filter((templateFieldInfo) =>
-      (templateFieldInfo as TemplateFieldInfo).rule?.ancestors.includes(parentId),
+      (templateFieldInfo as TemplateFieldInfo).rule?.ancestors.includes(parentId)
     );
     return children;
   }
diff --git a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.service.ts b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.service.ts
index c892c5af..01b41361 100644
--- a/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.service.ts
+++ b/projects/ui-components/lf-metadata/lf-field-template-container/lf-field-template-container.service.ts
@@ -1,14 +1,14 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { FieldValues, TemplateFieldInfo, TemplateInfo } from '../field-components/utils/lf-field-types';
-
-export interface LfFieldTemplateContainerService {
-  getAvailableTemplatesAsync(): Promise<TemplateInfo[]>;
-  getTemplateFieldsAsync(templateIdentifier: number | string): Promise<TemplateFieldInfo[]>;
-  getTemplateDefinitionAsync(templateIdentifier: string | number): Promise<TemplateInfo | undefined>;
-  getDynamicFieldValueOptionsAsync(
-    templateId: number,
-    currentValues: FieldValues
-  ): Promise<{ [fieldId: number]: string[] }>;
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { FieldValues, TemplateFieldInfo, TemplateInfo } from '../field-components/utils/lf-field-types';
+
+export interface LfFieldTemplateContainerService {
+  getAvailableTemplatesAsync(): Promise<TemplateInfo[]>;
+  getTemplateFieldsAsync(templateIdentifier: number | string): Promise<TemplateFieldInfo[]>;
+  getTemplateDefinitionAsync(templateIdentifier: string | number): Promise<TemplateInfo | undefined>;
+  getDynamicFieldValueOptionsAsync(
+    templateId: number,
+    currentValues: FieldValues
+  ): Promise<{ [fieldId: number]: string[] }>;
+}
diff --git a/projects/ui-components/lf-metadata/lf-field-template-container/public-api.ts b/projects/ui-components/lf-metadata/lf-field-template-container/public-api.ts
index 6f5f528f..de843047 100644
--- a/projects/ui-components/lf-metadata/lf-field-template-container/public-api.ts
+++ b/projects/ui-components/lf-metadata/lf-field-template-container/public-api.ts
@@ -1,6 +1,6 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-export { LfFieldTemplateContainerComponent } from './lf-field-template-container.component';
-export { LfFieldTemplateProviders } from './lf-field-template-container-types';
-export { LfFieldTemplateContainerService } from './lf-field-template-container.service';
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+export { LfFieldTemplateContainerComponent } from './lf-field-template-container.component';
+export { LfFieldTemplateProviders } from './lf-field-template-container-types';
+export { LfFieldTemplateContainerService } from './lf-field-template-container.service';
diff --git a/projects/ui-components/lf-metadata/lf-field-view.directive.ts b/projects/ui-components/lf-metadata/lf-field-view.directive.ts
index 2ba53c22..ef3e2a9b 100644
--- a/projects/ui-components/lf-metadata/lf-field-view.directive.ts
+++ b/projects/ui-components/lf-metadata/lf-field-view.directive.ts
@@ -1,13 +1,13 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Directive, ViewContainerRef, inject } from '@angular/core';
-
-/** @internal */
-@Directive({
-    selector: '[lfFieldView]',
-    standalone: true
-})
-export class LfFieldViewDirective {
  viewContainerRef = inject(ViewContainerRef);
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
 
-}
+import { Directive, ViewContainerRef, inject } from '@angular/core';
+
+/** @internal */
+@Directive({
+  selector: '[lfFieldView]',
+  standalone: true,
+})
+export class LfFieldViewDirective {
+  viewContainerRef = inject(ViewContainerRef);
+}
diff --git a/projects/ui-components/lf-metadata/lf-metadata-public-api.ts b/projects/ui-components/lf-metadata/lf-metadata-public-api.ts
index 7b1909d4..38420dcc 100644
--- a/projects/ui-components/lf-metadata/lf-metadata-public-api.ts
+++ b/projects/ui-components/lf-metadata/lf-metadata-public-api.ts
@@ -1,6 +1,10 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-export { LfFieldContainerComponent, LfFieldContainerService } from './lf-field-container/public-api';
-export { LfFieldAdhocContainerComponent, LfFieldAdhocContainerService } from './lf-field-adhoc-container/public-api';
-export { LfFieldTemplateContainerComponent, LfFieldTemplateProviders, LfFieldTemplateContainerService } from './lf-field-template-container/public-api';
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+export { LfFieldContainerComponent, LfFieldContainerService } from './lf-field-container/public-api';
+export { LfFieldAdhocContainerComponent, LfFieldAdhocContainerService } from './lf-field-adhoc-container/public-api';
+export {
+  LfFieldTemplateContainerComponent,
+  LfFieldTemplateProviders,
+  LfFieldTemplateContainerService,
+} from './lf-field-template-container/public-api';
diff --git a/projects/ui-components/lf-metadata/ng-package.json b/projects/ui-components/lf-metadata/ng-package.json
index 59663d7b..b419a8ec 100644
--- a/projects/ui-components/lf-metadata/ng-package.json
+++ b/projects/ui-components/lf-metadata/ng-package.json
@@ -1,5 +1,5 @@
 {
   "lib": {
-      "entryFile": "./lf-metadata-public-api.ts"
+    "entryFile": "./lf-metadata-public-api.ts"
   }
 }
diff --git a/projects/ui-components/lf-repository-browser/lf-repository-browser-public-api.ts b/projects/ui-components/lf-repository-browser/lf-repository-browser-public-api.ts
index fcf51dbd..1ff5b68a 100644
--- a/projects/ui-components/lf-repository-browser/lf-repository-browser-public-api.ts
+++ b/projects/ui-components/lf-repository-browser/lf-repository-browser-public-api.ts
@@ -1,5 +1,5 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-export { LfRepositoryBrowserComponent } from './lf-repository-browser.component';
-export { LfTreeNode, LfTreeNodePage, LfTreeNodeService } from './ILfTreeNodeService';
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+export { LfRepositoryBrowserComponent } from './lf-repository-browser.component';
+export { LfTreeNode, LfTreeNodePage, LfTreeNodeService } from './ILfTreeNodeService';
diff --git a/projects/ui-components/lf-repository-browser/lf-repository-browser.component.css b/projects/ui-components/lf-repository-browser/lf-repository-browser.component.css
index 6a7bd3ed..5925cab9 100644
--- a/projects/ui-components/lf-repository-browser/lf-repository-browser.component.css
+++ b/projects/ui-components/lf-repository-browser/lf-repository-browser.component.css
@@ -1,65 +1,65 @@
-:host {
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  width: 100%;
-  max-height: 100%;
-  cursor: pointer;
-  flex-grow: 1;
-}
-
-.lf-repo-entry-container {
-  padding-bottom: 10px;
-  overflow: auto;
-  flex: 1 1 auto;
-}
-
-.lf-repo-entry-container:focus {
-  outline: 1px solid #000;
-}
-
-#message-display {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  padding: 20px 10px 10px 10px;
-  box-sizing: border-box;
-}
-
-.lf-repository-browser-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  height: 32px;
-}
-
-.lf-repository-browser-header lf-breadcrumbs-component {
-  width: 100%;
-  min-width: 50px;
-}
-
-.lf-no-user-select {
-  user-select: none;
-}
-
-.fixed-size-icon-container {
-  position: relative;
-  width: 24px;
-  min-width: 24px;
-  height: 24px;
-  margin: 5px 10px 5px 5px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.lf-entry-icon {
-  display: block;
-  height: 24px;
-  width: 24px;
-  overflow: hidden;
-  position: absolute;
-}
+:host {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  width: 100%;
+  max-height: 100%;
+  cursor: pointer;
+  flex-grow: 1;
+}
+
+.lf-repo-entry-container {
+  padding-bottom: 10px;
+  overflow: auto;
+  flex: 1 1 auto;
+}
+
+.lf-repo-entry-container:focus {
+  outline: 1px solid #000;
+}
+
+#message-display {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  padding: 20px 10px 10px 10px;
+  box-sizing: border-box;
+}
+
+.lf-repository-browser-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  height: 32px;
+}
+
+.lf-repository-browser-header lf-breadcrumbs-component {
+  width: 100%;
+  min-width: 50px;
+}
+
+.lf-no-user-select {
+  user-select: none;
+}
+
+.fixed-size-icon-container {
+  position: relative;
+  width: 24px;
+  min-width: 24px;
+  height: 24px;
+  margin: 5px 10px 5px 5px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.lf-entry-icon {
+  display: block;
+  height: 24px;
+  width: 24px;
+  overflow: hidden;
+  position: absolute;
+}
diff --git a/projects/ui-components/lf-repository-browser/lf-repository-browser.component.html b/projects/ui-components/lf-repository-browser/lf-repository-browser.component.html
index 320b61bb..bd551651 100644
--- a/projects/ui-components/lf-repository-browser/lf-repository-browser.component.html
+++ b/projects/ui-components/lf-repository-browser/lf-repository-browser.component.html
@@ -6,7 +6,10 @@
   </lf-breadcrumbs-component>
   <ng-content select="lf-toolbar"></ng-content>
 </div>
-<div class="lf-repo-entry-container" [attr.tabindex]="isLoading || shouldShowErrorMessage || shouldShowEmptyMessage ? 0 : -1">
+<div
+  class="lf-repo-entry-container"
+  [attr.tabindex]="isLoading || shouldShowErrorMessage || shouldShowEmptyMessage ? 0 : -1"
+>
   @if (isLoading) {
     <lf-loader-component class="lf-text-body lf-no-user-select"></lf-loader-component>
   }
@@ -34,10 +37,10 @@
     (itemSelected)="onItemSelected($event)"
     (itemFocused)="onEntryFocused($event)"
     (refreshData)="refreshAsync(false)"
-    >
+  >
     <ng-template #listOption let-item="value">
       @if (getIcons(item).length > 0) {
-        <div class="fixed-size-icon-container  lf-no-user-select">
+        <div class="fixed-size-icon-container lf-no-user-select">
           @for (icon of getIcons(item); track icon) {
             <img src="{{ icon }}" alt="" class="lf-entry-icon" />
           }
diff --git a/projects/ui-components/lf-repository-browser/lf-repository-browser.component.spec.ts b/projects/ui-components/lf-repository-browser/lf-repository-browser.component.spec.ts
index 8ad8a503..66403351 100644
--- a/projects/ui-components/lf-repository-browser/lf-repository-browser.component.spec.ts
+++ b/projects/ui-components/lf-repository-browser/lf-repository-browser.component.spec.ts
@@ -64,7 +64,8 @@ const rootTreeNode: LfTreeNode = {
   isContainer: true,
   isLeaf: false,
   name: 'root',
-  path: '' };
+  path: '',
+};
 
 const rootTreeNodeChildren: LfTreeNode[] = [
   {
@@ -73,14 +74,16 @@ const rootTreeNodeChildren: LfTreeNode[] = [
     isContainer: false,
     isLeaf: false,
     name: 'tree node a realllllllllllllllllllllllllllllllllllllllllllllllllllllllly long name (2)',
-    path: '' },
+    path: '',
+  },
   {
     icon: '',
     id: '3',
     isContainer: true,
     isLeaf: false,
     name: 'tree folder (3)',
-    path: '' },
+    path: '',
+  },
 ];
 
 const moduleDef: TestModuleMetadata = {
@@ -96,7 +99,8 @@ const moduleDef: TestModuleMetadata = {
     LfRepositoryBrowserComponent,
     LfBreadcrumbsComponent,
     LfLoaderComponent,
-  ] };
+  ],
+};
 
 describe('LfRepositoryBrowserComponent', () => {
   let component: LfRepositoryBrowserComponent;
@@ -110,14 +114,16 @@ describe('LfRepositoryBrowserComponent', () => {
       isContainer: true,
       isLeaf: true,
       name: 'test entry (7)',
-      path: '8' };
+      path: '8',
+    };
     const parent: LfTreeNode = {
       icon: '',
       id: '8',
       isContainer: true,
       isLeaf: false,
       name: 'test entry (8)',
-      path: '' };
+      path: '',
+    };
     dataServiceMock.getFolderChildrenAsync.mockReturnValue(
       Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
     );
@@ -159,10 +165,10 @@ describe('LfRepositoryBrowserComponent', () => {
     getFolderChildrenAsync: vi.fn(),
     getRootTreeNodeAsync: vi.fn(),
     getParentTreeNodeAsync: vi.fn(),
-    getTreeNodeByIdentifierAsync: vi.fn() };
+    getTreeNodeByIdentifierAsync: vi.fn(),
+  };
   let matDialogMock: MatDialog;
 
-
   it('should create an instance', () => {
     expect(component).toBeTruthy();
   });
@@ -195,7 +201,8 @@ describe('LfRepositoryBrowserComponent', () => {
         isContainer: true,
         isLeaf: false,
         name: 'test entry (3)',
-        path: '' };
+        path: '',
+      };
       dataServiceMock.getFolderChildrenAsync.mockReturnValue(
         Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
       );
@@ -221,14 +228,16 @@ describe('LfRepositoryBrowserComponent', () => {
         isContainer: false,
         isLeaf: false,
         name: 'test entry (4)',
-        path: '5' };
+        path: '5',
+      };
       const parentEntry: LfTreeNode = {
         icon: '',
         id: parentId,
         isContainer: true,
         isLeaf: false,
         name: 'parent entry',
-        path: '' };
+        path: '',
+      };
       dataServiceMock.getFolderChildrenAsync.mockReturnValue(
         Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
       );
@@ -286,14 +295,16 @@ describe('LfRepositoryBrowserComponent', () => {
         isContainer: true,
         isLeaf: true,
         name: 'test entry (7)',
-        path: '8' };
+        path: '8',
+      };
       const parent: LfTreeNode = {
         icon: '',
         id: '8',
         isContainer: true,
         isLeaf: false,
         name: 'test entry (8)',
-        path: '' };
+        path: '',
+      };
       const newBreadCrumbs = [entry, parent];
       dataServiceMock.getFolderChildrenAsync.mockReturnValue(
         Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
@@ -324,7 +335,8 @@ describe('LfRepositoryBrowserComponent', () => {
       isContainer: true,
       isLeaf: false,
       name: 'test entry (9)',
-      path: '' };
+      path: '',
+    };
     dataServiceMock.getFolderChildrenAsync.mockReturnValue(
       Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
     );
@@ -347,14 +359,16 @@ describe('LfRepositoryBrowserComponent', () => {
       isContainer: true,
       isLeaf: false,
       name: 'test entry (9)',
-      path: '' };
+      path: '',
+    };
     const entry: LfTreeNode = {
       icon: '',
       id: '10',
       isContainer: true,
       isLeaf: true,
       name: 'test entry (10)',
-      path: '9' };
+      path: '9',
+    };
     dataServiceMock.getFolderChildrenAsync.mockReturnValue(Promise.resolve({ nextPage: undefined, page: [] }));
 
     component.treeNodeService = dataServiceMock;
@@ -369,27 +383,30 @@ describe('LfRepositoryBrowserComponent', () => {
 
   it('entrySelected should not emit if node was last selected', async () => {
     vi.spyOn(component.entrySelected, 'emit');
-    const selectedItems = [{
-      isSelected: true,
-      isSelectable: true,
-      value: {
-        icon: '',
-        id: '10',
-        isContainer: true,
-        isLeaf: true,
-        name: 'test entry (10)',
-        path: '9' }
-    }];
+    const selectedItems = [
+      {
+        isSelected: true,
+        isSelectable: true,
+        value: {
+          icon: '',
+          id: '10',
+          isContainer: true,
+          isLeaf: true,
+          name: 'test entry (10)',
+          path: '9',
+        },
+      },
+    ];
     await component.onItemSelected({
       selected: selectedItems[0],
-      selectedItems
+      selectedItems,
     });
 
     expect(component.entrySelected.emit).toHaveBeenCalledTimes(1);
 
     await component.onItemSelected({
       selected: selectedItems[0],
-      selectedItems
+      selectedItems,
     });
 
     expect(component.entrySelected.emit).toHaveBeenCalledTimes(1);
@@ -403,7 +420,8 @@ describe('LfRepositoryBrowserComponent', () => {
       isContainer: false,
       isLeaf: true,
       name: 'test entry (11)',
-      path: '' };
+      path: '',
+    };
     dataServiceMock.getFolderChildrenAsync.mockReturnValue(
       Promise.resolve({ nextPage: undefined, page: rootTreeNodeChildren })
     );
@@ -434,7 +452,8 @@ describe('LfRepositoryBrowserComponent', () => {
         id: '2',
         isContainer: false,
         isLeaf: true,
-        path: '' },
+        path: '',
+      },
     ];
     vi.spyOn(component.entryDblClicked, 'emit');
     await component.openSelectedItemsAsync();
@@ -461,14 +480,16 @@ describe('LfRepositoryBrowserComponent', () => {
         id: '2',
         isContainer: false,
         isLeaf: true,
-        path: '' },
+        path: '',
+      },
       {
         name: 'Test folder',
         icon: '',
         id: '3',
         isContainer: true,
         isLeaf: false,
-        path: '' },
+        path: '',
+      },
     ];
     expect(component.currentFolder).toBe(rootTreeNode);
     await component.openSelectedItemsAsync();
@@ -494,14 +515,16 @@ describe('LfRepositoryBrowserComponent', () => {
         id: '4',
         isContainer: true,
         isLeaf: false,
-        path: '' },
+        path: '',
+      },
       {
         name: 'Test folder',
         icon: '',
         id: '3',
         isContainer: true,
         isLeaf: false,
-        path: '' },
+        path: '',
+      },
     ];
     vi.spyOn(component.entryDblClicked, 'emit');
     await component.openSelectedItemsAsync();
@@ -534,7 +557,6 @@ describe('LfRepositoryBrowserComponent', () => {
     // Assert
     // @ts-ignore
     expect(component.selectedItems).toEqual([]);
-
   });
 
   it('setSelectedNodesAsync should set selectedNode', async () => {
@@ -545,22 +567,30 @@ describe('LfRepositoryBrowserComponent', () => {
     // Assert
     // @ts-ignore
     expect(component.selectedItems).toEqual(selectedNode);
-
   });
   it('if there is no column provided, set the name column to be auto', () => {
     component.setColumnsToDisplay([]);
-    expect(component.entryList?.columns).toEqual([{
-      id: 'name',
-      displayName: 'Name',
-      defaultWidth: 'auto',
-      minWidthPx: 100,
-      resizable: true,
-      sortable: true }]);
+    expect(component.entryList?.columns).toEqual([
+      {
+        id: 'name',
+        displayName: 'Name',
+        defaultWidth: 'auto',
+        minWidthPx: 100,
+        resizable: true,
+        sortable: true,
+      },
+    ]);
   });
 
   it('if a column other than a name column is provided, set the name column to be width to be 50ch', () => {
-
-    const create: ColumnDef = { id: 'creation_date', displayName: 'Creation Date', defaultWidth: '40%', minWidthPx: 100, resizable: true, sortable: true };
+    const create: ColumnDef = {
+      id: 'creation_date',
+      displayName: 'Creation Date',
+      defaultWidth: '40%',
+      minWidthPx: 100,
+      resizable: true,
+      sortable: true,
+    };
     component.setColumnsToDisplay([create]);
     expect(component.entryList?.columns).toEqual([
       {
@@ -569,20 +599,20 @@ describe('LfRepositoryBrowserComponent', () => {
         defaultWidth: '50ch',
         minWidthPx: 100,
         resizable: true,
-        sortable: true },
-      create
+        sortable: true,
+      },
+      create,
     ]);
   });
 
   it('if name column is passed into setAdditionalColumnsToDisplay, set the name column to width to be be the default width', () => {
-
     const nameCol: ColumnDef = {
       id: 'name',
       displayName: 'Name',
       defaultWidth: '80%',
-      minWidthPx: 100, resizable:
-      true,
-      sortable: true
+      minWidthPx: 100,
+      resizable: true,
+      sortable: true,
     };
     component.setColumnsToDisplay([nameCol]);
     expect(component.entryList?.columns).toEqual([nameCol]);
diff --git a/projects/ui-components/lf-repository-browser/lf-repository-browser.component.ts b/projects/ui-components/lf-repository-browser/lf-repository-browser.component.ts
index 7ef04253..a2e0ed82 100644
--- a/projects/ui-components/lf-repository-browser/lf-repository-browser.component.ts
+++ b/projects/ui-components/lf-repository-browser/lf-repository-browser.component.ts
@@ -163,7 +163,7 @@ export class LfRepositoryBrowserComponent implements OnDestroy, AfterViewInit {
    */
   @Input() initAsync = async (
     treeNodeService: LfTreeNodeService,
-    initialOpenedNode?: LfTreeNode | string,
+    initialOpenedNode?: LfTreeNode | string
   ): Promise<void> => {
     try {
       this.hasError = false;
@@ -182,7 +182,7 @@ export class LfRepositoryBrowserComponent implements OnDestroy, AfterViewInit {
             }
           } else {
             console.warn(
-              'initialOpenedNode is specified by an id, but getTreeNodeByIdentifierAsync is not implemented. Will initialize to root.',
+              'initialOpenedNode is specified by an id, but getTreeNodeByIdentifierAsync is not implemented. Will initialize to root.'
             );
             initialOpenedNode = undefined;
           }
@@ -230,7 +230,7 @@ export class LfRepositoryBrowserComponent implements OnDestroy, AfterViewInit {
   @Input()
   setSelectedNodesAsync: (nodesToSelect: LfTreeNode[], maxFetchIterations?: number) => Promise<void> = async (
     nodesToSelect: LfTreeNode[],
-    maxFetchIterations: number = 5,
+    maxFetchIterations: number = 5
   ) => {
     const selectableValues = await this.mapTreeNodesToLfSelectableAsync(nodesToSelect);
     if (!this.entryList && this.isLoading) {
@@ -244,7 +244,7 @@ export class LfRepositoryBrowserComponent implements OnDestroy, AfterViewInit {
       const selectedNodes: ILfSelectable[] = await this.entryList.setSelectedNodesAsync(
         selectableValues,
         this.checkForMoreDataCallback.bind(this),
-        maxFetchIterations,
+        maxFetchIterations
       );
       const selectedItems = this.convertSelectedItemsToTreeNode(selectedNodes);
       if (
@@ -778,7 +778,7 @@ export class LfRepositoryBrowserComponent implements OnDestroy, AfterViewInit {
     const dataPage: LfTreeNodePage = await this.treeNodeService.getFolderChildrenAsync(
       parentEntry,
       this.nextPage,
-      sortState,
+      sortState
     );
     this.nextPage = dataPage.nextPage;
     const pageTreeNodes: LfTreeNode[] = dataPage.page;
diff --git a/projects/ui-components/lf-repository-browser/ng-package.json b/projects/ui-components/lf-repository-browser/ng-package.json
index 80dae217..c2f707fb 100644
--- a/projects/ui-components/lf-repository-browser/ng-package.json
+++ b/projects/ui-components/lf-repository-browser/ng-package.json
@@ -1,5 +1,5 @@
 {
   "lib": {
-      "entryFile": "./lf-repository-browser-public-api.ts"
+    "entryFile": "./lf-repository-browser-public-api.ts"
   }
 }
diff --git a/projects/ui-components/lf-selection-list/lf-selection-list-data-source.ts b/projects/ui-components/lf-selection-list/lf-selection-list-data-source.ts
index bb77cd9e..e4e15dbd 100644
--- a/projects/ui-components/lf-selection-list/lf-selection-list-data-source.ts
+++ b/projects/ui-components/lf-selection-list/lf-selection-list-data-source.ts
@@ -1,92 +1,97 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { DataSource, CollectionViewer } from '@angular/cdk/collections';
-import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
-import { Subscription, BehaviorSubject, Observable, Subject } from 'rxjs';
-import { ILfSelectable } from '@laserfiche/lf-ui-components/shared';
-
-/**
- * @internal
- */
-export class GridSelectionListDataSource extends DataSource<any> {
-  private _data: ILfSelectable[];
-  private readonly visibleData: BehaviorSubject<ILfSelectable[]> = new BehaviorSubject<ILfSelectable[]>([]);
-
-  checkForData: Subject<void> = new Subject<void>();
-  indexChangeSub: Subscription;
-  currentScrollIndex: number = 0;
-  dataStart: number = 0;
-  dataEnd: number = 0;
-
-  offset = 0;
-  offsetChange = new BehaviorSubject(0);
-
-  extraData!: number;
-  bufferToEnd!: number;
-
-  get allData(): ILfSelectable[] {
-    return this._data.slice();
-  }
-
-  set allData(data: ILfSelectable[]) {
-    const existingData = this._data;
-    this._data = data;
-    this.viewport.setTotalContentSize(this.itemSize * this._data.length);
-    if (!existingData || existingData.length === 0) {
-      this.resetView();
-    }
-  }
-
-  private resetView() {
-    this.dataStart = 0;
-    this.dataEnd = this.pageSize;
-    this.visibleData.next(this._data.slice(this.dataStart, this.dataEnd));
-    this.viewport.scrollTo({ top: 0 });
-    this.offsetChange.next(0);
-  }
-
-  constructor(initialData: ILfSelectable[], private viewport: CdkVirtualScrollViewport, private itemSize: number, public pageSize: number) {
-    super();
-    this.extraData = this.pageSize / 2;
-    this.bufferToEnd = this.pageSize / 4;
-    this._data = initialData;
-    this.viewport.setTotalContentSize(this.itemSize * initialData.length);
-    this.dataStart = 0;
-    this.dataEnd = this.pageSize;
-    this.visibleData.next(this._data.slice(this.dataStart, this.dataEnd));
-
-    this.indexChangeSub = this.viewport.scrolledIndexChange.subscribe((currentScrollIndex) => {
-      const numItemsInView = this.viewport.elementRef.nativeElement.getBoundingClientRect().height / this.itemSize;
-      const scrollPastEndOfData = currentScrollIndex + numItemsInView > this.dataEnd - this.bufferToEnd;
-      const startAccountingForBuffer =
-        currentScrollIndex > this.bufferToEnd ? currentScrollIndex - this.bufferToEnd : 0;
-      const scrollBeforeStartOfData = startAccountingForBuffer < this.currentScrollIndex;
-      if (scrollPastEndOfData || scrollBeforeStartOfData) {
-        this.currentScrollIndex = currentScrollIndex;
-        this.dataStart = currentScrollIndex > this.extraData ? currentScrollIndex - this.extraData : 0;
-        const end = currentScrollIndex + numItemsInView + this.extraData;
-        this.dataEnd = end > this._data.length ? this._data.length : end;
-        const slicedData = this._data.slice(this.dataStart, this.dataEnd);
-        this.visibleData.next(slicedData);
-        this.offsetChange.next(this.dataStart * this.itemSize);
-      }
-
-      // If the viewport is at the end we should try and pull more data
-      const total = this._data.length ? this._data.length - 1 : 0;
-      const endOfData = this.dataEnd;
-      const endOfRender = currentScrollIndex + numItemsInView;
-      if (total > 0 && endOfData < endOfRender + this.bufferToEnd) {
-        this.checkForData.next();
-      }
-    });
-  }
-
-  connect(collectionViewer: CollectionViewer): Observable<any[] | ReadonlyArray<any>> {
-    return this.visibleData;
-  }
-
-  disconnect(collectionViewer: CollectionViewer): void {
-    this.indexChangeSub.unsubscribe();
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { DataSource, CollectionViewer } from '@angular/cdk/collections';
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
+import { Subscription, BehaviorSubject, Observable, Subject } from 'rxjs';
+import { ILfSelectable } from '@laserfiche/lf-ui-components/shared';
+
+/**
+ * @internal
+ */
+export class GridSelectionListDataSource extends DataSource<any> {
+  private _data: ILfSelectable[];
+  private readonly visibleData: BehaviorSubject<ILfSelectable[]> = new BehaviorSubject<ILfSelectable[]>([]);
+
+  checkForData: Subject<void> = new Subject<void>();
+  indexChangeSub: Subscription;
+  currentScrollIndex: number = 0;
+  dataStart: number = 0;
+  dataEnd: number = 0;
+
+  offset = 0;
+  offsetChange = new BehaviorSubject(0);
+
+  extraData!: number;
+  bufferToEnd!: number;
+
+  get allData(): ILfSelectable[] {
+    return this._data.slice();
+  }
+
+  set allData(data: ILfSelectable[]) {
+    const existingData = this._data;
+    this._data = data;
+    this.viewport.setTotalContentSize(this.itemSize * this._data.length);
+    if (!existingData || existingData.length === 0) {
+      this.resetView();
+    }
+  }
+
+  private resetView() {
+    this.dataStart = 0;
+    this.dataEnd = this.pageSize;
+    this.visibleData.next(this._data.slice(this.dataStart, this.dataEnd));
+    this.viewport.scrollTo({ top: 0 });
+    this.offsetChange.next(0);
+  }
+
+  constructor(
+    initialData: ILfSelectable[],
+    private viewport: CdkVirtualScrollViewport,
+    private itemSize: number,
+    public pageSize: number
+  ) {
+    super();
+    this.extraData = this.pageSize / 2;
+    this.bufferToEnd = this.pageSize / 4;
+    this._data = initialData;
+    this.viewport.setTotalContentSize(this.itemSize * initialData.length);
+    this.dataStart = 0;
+    this.dataEnd = this.pageSize;
+    this.visibleData.next(this._data.slice(this.dataStart, this.dataEnd));
+
+    this.indexChangeSub = this.viewport.scrolledIndexChange.subscribe((currentScrollIndex) => {
+      const numItemsInView = this.viewport.elementRef.nativeElement.getBoundingClientRect().height / this.itemSize;
+      const scrollPastEndOfData = currentScrollIndex + numItemsInView > this.dataEnd - this.bufferToEnd;
+      const startAccountingForBuffer =
+        currentScrollIndex > this.bufferToEnd ? currentScrollIndex - this.bufferToEnd : 0;
+      const scrollBeforeStartOfData = startAccountingForBuffer < this.currentScrollIndex;
+      if (scrollPastEndOfData || scrollBeforeStartOfData) {
+        this.currentScrollIndex = currentScrollIndex;
+        this.dataStart = currentScrollIndex > this.extraData ? currentScrollIndex - this.extraData : 0;
+        const end = currentScrollIndex + numItemsInView + this.extraData;
+        this.dataEnd = end > this._data.length ? this._data.length : end;
+        const slicedData = this._data.slice(this.dataStart, this.dataEnd);
+        this.visibleData.next(slicedData);
+        this.offsetChange.next(this.dataStart * this.itemSize);
+      }
+
+      // If the viewport is at the end we should try and pull more data
+      const total = this._data.length ? this._data.length - 1 : 0;
+      const endOfData = this.dataEnd;
+      const endOfRender = currentScrollIndex + numItemsInView;
+      if (total > 0 && endOfData < endOfRender + this.bufferToEnd) {
+        this.checkForData.next();
+      }
+    });
+  }
+
+  connect(collectionViewer: CollectionViewer): Observable<any[] | ReadonlyArray<any>> {
+    return this.visibleData;
+  }
+
+  disconnect(collectionViewer: CollectionViewer): void {
+    this.indexChangeSub.unsubscribe();
+  }
+}
diff --git a/projects/ui-components/lf-selection-list/lf-selection-list-public-api.ts b/projects/ui-components/lf-selection-list/lf-selection-list-public-api.ts
index 45d3f85b..67c999bc 100644
--- a/projects/ui-components/lf-selection-list/lf-selection-list-public-api.ts
+++ b/projects/ui-components/lf-selection-list/lf-selection-list-public-api.ts
@@ -1,5 +1,5 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-export { RepositoryBrowserData, LfSelectionListComponent } from './lf-selection-list.component';
-export { ColumnOrderBy, ColumnDef, SelectedItemEvent } from './lf-selection-list-types';
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+export { RepositoryBrowserData, LfSelectionListComponent } from './lf-selection-list.component';
+export { ColumnOrderBy, ColumnDef, SelectedItemEvent } from './lf-selection-list-types';
diff --git a/projects/ui-components/lf-selection-list/lf-selection-list-types.ts b/projects/ui-components/lf-selection-list/lf-selection-list-types.ts
index 053ec36e..cf651fe9 100644
--- a/projects/ui-components/lf-selection-list/lf-selection-list-types.ts
+++ b/projects/ui-components/lf-selection-list/lf-selection-list-types.ts
@@ -1,24 +1,24 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ILfSelectable } from '@laserfiche/lf-ui-components/shared';
-
-export interface ColumnOrderBy {
-  columnId: string;
-  isDesc: boolean;
-}
-
-export interface ColumnDef {
-  id: string;
-  displayName: string;
-  defaultWidth: string;
-  minWidthPx?: number;
-  sortable?: boolean;
-  resizable?: boolean;
-}
-
-/** @internal */
-export interface SelectedItemEvent {
-  selected: ILfSelectable;
-  selectedItems: ILfSelectable[] | undefined;
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ILfSelectable } from '@laserfiche/lf-ui-components/shared';
+
+export interface ColumnOrderBy {
+  columnId: string;
+  isDesc: boolean;
+}
+
+export interface ColumnDef {
+  id: string;
+  displayName: string;
+  defaultWidth: string;
+  minWidthPx?: number;
+  sortable?: boolean;
+  resizable?: boolean;
+}
+
+/** @internal */
+export interface SelectedItemEvent {
+  selected: ILfSelectable;
+  selectedItems: ILfSelectable[] | undefined;
+}
diff --git a/projects/ui-components/lf-selection-list/lf-selection-list.component.css b/projects/ui-components/lf-selection-list/lf-selection-list.component.css
index 51d63a5c..94b024ee 100644
--- a/projects/ui-components/lf-selection-list/lf-selection-list.component.css
+++ b/projects/ui-components/lf-selection-list/lf-selection-list.component.css
@@ -9,7 +9,7 @@
 
 ::ng-deep .mat-mdc-table.lf-table-selection-list .mat-mdc-header-row,
 ::ng-deep .mat-mdc-table.lf-table-selection-list .mat-mdc-row {
-  font-family: 'Open Sans';
+  font-family: "Open Sans";
 }
 
 .lf-name-col-container {
@@ -22,7 +22,8 @@
   color: var(--lf-body-text-color, #333333);
 }
 
-.node-selected.item-holder, .node-selected.item-holder:focus {
+.node-selected.item-holder,
+.node-selected.item-holder:focus {
   background-color: var(--lf-menu-item-selected-color, #eaf5ff);
 }
 
diff --git a/projects/ui-components/lf-selection-list/lf-selection-list.component.html b/projects/ui-components/lf-selection-list/lf-selection-list.component.html
index e4cb3d4d..757ecf43 100644
--- a/projects/ui-components/lf-selection-list/lf-selection-list.component.html
+++ b/projects/ui-components/lf-selection-list/lf-selection-list.component.html
@@ -7,7 +7,7 @@
   tabindex="-1"
   [itemSize]="itemSize"
   (keydown)="onViewportKeyDown($event)"
-  >
+>
   <table
     #matTable
     role="grid"
@@ -16,24 +16,24 @@
     class="lf-table-selection-list"
     matSort
     (matSortChange)="sortData($event)"
-    >
+  >
     @for (column of allColumnDefs; track column; let i = $index) {
       <ng-container [matColumnDef]="column.id">
         @switch (column.id) {
-          @case ('name') {
+          @case ("name") {
             <th mat-header-cell *matHeaderCellDef class="lf-ellipsis-label">
               <div
                 class="lf-resize-wrapper-div"
                 [lfResizeColumn]="column.resizable"
                 [columnDef]="column"
                 (widthChanged)="onColumnWidthChanges($event, i)"
-                >
+              >
                 <div
                   class="column-text-div"
                   [ngStyle]="{ height: itemSize + 'px' }"
                   mat-sort-header
                   [disabled]="!column.sortable"
-                  >
+                >
                   <div class="lf-ellipsis-label">
                     {{ column.displayName }}
                   </div>
@@ -50,7 +50,7 @@
               </div>
             </td>
           }
-          @case ('select') {
+          @case ("select") {
             <th mat-header-cell *matHeaderCellDef></th>
             <td mat-cell class="multiselect-column" *matCellDef="let row">
               @if (multipleSelection && row?.isSelectable) {
@@ -60,7 +60,7 @@
                   [checked]="row?.isSelected"
                   color="primary"
                   disableRipple
-                  >
+                >
                 </mat-checkbox>
               }
             </td>
@@ -72,13 +72,13 @@
                 [lfResizeColumn]="column.resizable"
                 [columnDef]="column"
                 (widthChanged)="onColumnWidthChanges($event, i)"
-                >
+              >
                 <div
                   class="column-text-div"
                   [ngStyle]="{ height: itemSize + 'px' }"
                   mat-sort-header
                   [disabled]="!column.sortable"
-                  >
+                >
                   <div class="lf-ellipsis-label">
                     {{ column.displayName }}
                   </div>
@@ -115,13 +115,13 @@
       [ngStyle]="{
         height: itemSize + 'px',
         'min-height': itemSize + 'px',
-        'max-height': itemSize + 'px'
+        'max-height': itemSize + 'px',
       }"
       [ngClass]="{
         'non-selectable-option': !row.isSelectable,
         'selectable-option': row.isSelectable,
         'node-selected': row.isSelected,
-        'lf-row-border-top': !_showHeader
+        'lf-row-border-top': !_showHeader,
       }"
       [attr.id]="_computeRowId(i + (dataSource?.dataStart ?? 0))"
       (click)="onClickMatListOption($event, row, i + (dataSource?.dataStart ?? 0))"
diff --git a/projects/ui-components/lf-selection-list/lf-selection-list.component.spec.ts b/projects/ui-components/lf-selection-list/lf-selection-list.component.spec.ts
index 58b91ae9..df5b7ba1 100644
--- a/projects/ui-components/lf-selection-list/lf-selection-list.component.spec.ts
+++ b/projects/ui-components/lf-selection-list/lf-selection-list.component.spec.ts
@@ -3,7 +3,7 @@
 
 import { ScrollingModule } from '@angular/cdk/scrolling';
 import { CommonModule } from '@angular/common';
-import { Component, Directive, EventEmitter,  Input,  Output,  ViewChild } from '@angular/core';
+import { Component, Directive, EventEmitter, Input, Output, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatSortModule } from '@angular/material/sort';
@@ -15,52 +15,75 @@ import { ColumnDef, SelectedItemEvent } from './lf-selection-list-types';
 import { LfSelectionListComponent, RepositoryBrowserData } from './lf-selection-list.component';
 
 const propIdCreateDate: string = 'create_date';
-  const createDateInitialWidth = '35%';
-  const create : ColumnDef = { id: propIdCreateDate, displayName: 'Creation Date', defaultWidth: createDateInitialWidth, minWidthPx: 100, resizable: true, sortable: true };
-  const name: ColumnDef = { id: 'name', displayName: 'Name', defaultWidth: '80%', minWidthPx: 100, resizable: true, sortable: true  };
+const createDateInitialWidth = '35%';
+const create: ColumnDef = {
+  id: propIdCreateDate,
+  displayName: 'Creation Date',
+  defaultWidth: createDateInitialWidth,
+  minWidthPx: 100,
+  resizable: true,
+  sortable: true,
+};
+const name: ColumnDef = {
+  id: 'name',
+  displayName: 'Name',
+  defaultWidth: '80%',
+  minWidthPx: 100,
+  resizable: true,
+  sortable: true,
+};
 const itemList: ILfSelectable[] = [
-  {isSelectable: true, isSelected: false, value: {id: '1', attributes: new Map<string, PropertyValue>([
-    [propIdCreateDate, { value: Date.now(), displayValue: Intl.DateTimeFormat().format(Date.now()) }],
-  ]),}},
-  {isSelectable: true, isSelected: false, value: {id: '2'}},
-  {isSelectable: true, isSelected: false, value: {id: '3'}},
-  {isSelectable: true, isSelected: false, value: {id: '4'}},
-  {isSelectable: true, isSelected: false, value: {id: '5'}},
-  {isSelectable: true, isSelected: false, value: {id: '6'}},
-  {isSelectable: true, isSelected: false, value: {id: '7'}},
-  {isSelectable: true, isSelected: false, value: {id: '8'}},
-  {isSelectable: true, isSelected: false, value: {id: '9'}},
-  {isSelectable: true, isSelected: false, value: {id: '10'}},
-  {isSelectable: true, isSelected: false, value: {id: '11'}},
-  {isSelectable: true, isSelected: false, value: {id: '12'}},
-  {isSelectable: true, isSelected: false, value: {id: '13'}},
-  {isSelectable: true, isSelected: false, value: {id: '14'}},
-  {isSelectable: true, isSelected: false, value: {id: '15'}},
-  {isSelectable: true, isSelected: false, value: {id: '16'}},
-  {isSelectable: true, isSelected: false, value: {id: '17'}},
-  {isSelectable: true, isSelected: false, value: {id: '18'}},
-  {isSelectable: true, isSelected: false, value: {id: '19'}},
-  {isSelectable: true, isSelected: false, value: {id: '20'}},
-  {isSelectable: true, isSelected: false, value: {id: '21'}},
+  {
+    isSelectable: true,
+    isSelected: false,
+    value: {
+      id: '1',
+      attributes: new Map<string, PropertyValue>([
+        [propIdCreateDate, { value: Date.now(), displayValue: Intl.DateTimeFormat().format(Date.now()) }],
+      ]),
+    },
+  },
+  { isSelectable: true, isSelected: false, value: { id: '2' } },
+  { isSelectable: true, isSelected: false, value: { id: '3' } },
+  { isSelectable: true, isSelected: false, value: { id: '4' } },
+  { isSelectable: true, isSelected: false, value: { id: '5' } },
+  { isSelectable: true, isSelected: false, value: { id: '6' } },
+  { isSelectable: true, isSelected: false, value: { id: '7' } },
+  { isSelectable: true, isSelected: false, value: { id: '8' } },
+  { isSelectable: true, isSelected: false, value: { id: '9' } },
+  { isSelectable: true, isSelected: false, value: { id: '10' } },
+  { isSelectable: true, isSelected: false, value: { id: '11' } },
+  { isSelectable: true, isSelected: false, value: { id: '12' } },
+  { isSelectable: true, isSelected: false, value: { id: '13' } },
+  { isSelectable: true, isSelected: false, value: { id: '14' } },
+  { isSelectable: true, isSelected: false, value: { id: '15' } },
+  { isSelectable: true, isSelected: false, value: { id: '16' } },
+  { isSelectable: true, isSelected: false, value: { id: '17' } },
+  { isSelectable: true, isSelected: false, value: { id: '18' } },
+  { isSelectable: true, isSelected: false, value: { id: '19' } },
+  { isSelectable: true, isSelected: false, value: { id: '20' } },
+  { isSelectable: true, isSelected: false, value: { id: '21' } },
 ];
 
 @Component({
-    selector: 'lf-selection-list-test',
-    template: `<div [style.width.px]="containerWidth" [style.height.px]="'250'">
-    <lf-selection-list-component id="lf-selection-list"
+  selector: 'lf-selection-list-test',
+  template: `<div [style.width.px]="containerWidth" [style.height.px]="'250'">
+    <lf-selection-list-component
+      id="lf-selection-list"
       style="height: 100%; width: 100%;"
-      [listItems]="items" [multipleSelection]="multiple"
+      [listItems]="items"
+      [multipleSelection]="multiple"
       (scrollChanged)="onScroll($event)"
       (itemSelected)="onitemSelected($event)"
       (itemDoubleClicked)="onItemDoubleClicked($event)"
       [columns]="cols"
       [alwaysShowHeader]="alwaysShowHeader"
       [uniqueIdentifier]="uniqueIdentifier"
-      ></lf-selection-list-component>
+    ></lf-selection-list-component>
   </div>`,
-    styles: [],
-    standalone: true,
-    imports: [LfSelectionListComponent]
+  styles: [],
+  standalone: true,
+  imports: [LfSelectionListComponent],
 })
 export class LfListTestComponent {
   @ViewChild(LfSelectionListComponent) list?: LfSelectionListComponent;
@@ -86,8 +109,8 @@ export class LfListTestComponent {
 }
 
 @Directive({
-    selector: "[lfResizeColumn]",
-    standalone: true
+  selector: '[lfResizeColumn]',
+  standalone: true,
 })
 export class MockResizeDirective {
   @Input('lfResizeColumn') resizable: boolean = false;
@@ -101,11 +124,11 @@ describe('LfListComponent single select', () => {
 
   async function waitForRender() {
     fixture.autoDetectChanges();
-    await new Promise(resolve => setTimeout(resolve, 200));
+    await new Promise((resolve) => setTimeout(resolve, 200));
     await fixture.whenStable();
   }
 
-  async function setupRepoBrowserWithColumns( columns: ColumnDef[]) {
+  async function setupRepoBrowserWithColumns(columns: ColumnDef[]) {
     component.cols = columns;
     await waitForRender();
   }
@@ -120,10 +143,9 @@ describe('LfListComponent single select', () => {
         MatSortModule,
         BrowserAnimationsModule,
         LfListTestComponent,
-        MockResizeDirective
-      ]
-    })
-    .compileComponents();
+        MockResizeDirective,
+      ],
+    }).compileComponents();
   });
 
   beforeEach(async () => {
@@ -150,9 +172,9 @@ describe('LfListComponent single select', () => {
     await waitForRender();
     const element = fixture.nativeElement;
     const clickEvent = new MouseEvent('dblclick', {
-      'view': window,
-      'bubbles': true,
-      'cancelable': true
+      view: window,
+      bubbles: true,
+      cancelable: true,
     });
     element.querySelector('#lf-row-0').dispatchEvent(clickEvent);
     await fixture.whenStable();
@@ -163,13 +185,9 @@ describe('LfListComponent single select', () => {
     it('should be able to set columns', async () => {
       await setupRepoBrowserWithColumns([name, create]);
 
-      const trEls = Array.from(
-        document.getElementsByClassName('mat-mdc-header-row')
-      );
+      const trEls = Array.from(document.getElementsByClassName('mat-mdc-header-row'));
       const trEl = trEls[0] as HTMLDivElement;
-      const thEls = Array.from(
-        trEl.getElementsByClassName('mat-mdc-header-cell')
-      );
+      const thEls = Array.from(trEl.getElementsByClassName('mat-mdc-header-cell'));
       expect(thEls.length).toBe(2);
     });
 
@@ -177,11 +195,9 @@ describe('LfListComponent single select', () => {
       // Act
       await setupRepoBrowserWithColumns([name, create]);
 
-      const trEls = Array.from(
-        document.getElementsByClassName('mat-mdc-header-row')
-      );
+      const trEls = Array.from(document.getElementsByClassName('mat-mdc-header-row'));
       const trEl = trEls[0] as HTMLDivElement;
-      const createDateWidth = parseFloat(create.defaultWidth) / 100 * component.containerWidth + 'px';
+      const createDateWidth = (parseFloat(create.defaultWidth) / 100) * component.containerWidth + 'px';
       const createDateActualWidth = trEl.style.gridTemplateColumns.split(' ')[1];
       expect(createDateWidth).toBe(createDateActualWidth);
     });
@@ -193,33 +209,29 @@ describe('LfListComponent single select', () => {
       component.list!.onColumnWidthChanges(newNameWidth, 0);
       await fixture.whenStable();
 
-
       const nameColEl = document.getElementsByClassName('mat-column-name')[0] as HTMLDivElement;
       const nameColWidth = nameColEl.offsetWidth;
       expect(nameColWidth).toBe(newNameWidth);
-      const storedItem : RepositoryBrowserData = JSON.parse(localStorage.getItem(component.uniqueIdentifier) ?? '{}');
-      expect(storedItem.columns['name']).toBe(newNameWidth+'px');
+      const storedItem: RepositoryBrowserData = JSON.parse(localStorage.getItem(component.uniqueIdentifier) ?? '{}');
+      expect(storedItem.columns['name']).toBe(newNameWidth + 'px');
     });
 
     it('initialize the columns to have the same size with localstorage data', async () => {
-
       // Arrange
       const customNameColumnWidth = '300px';
       const customCreateDateWidth = '400px';
-      const initialData : RepositoryBrowserData = {
+      const initialData: RepositoryBrowserData = {
         columns: {
-          'name': customNameColumnWidth,
-          'create_date': customCreateDateWidth,
-        }
+          name: customNameColumnWidth,
+          create_date: customCreateDateWidth,
+        },
       };
       localStorage.setItem(component.uniqueIdentifier, JSON.stringify(initialData));
       // Act
       await setupRepoBrowserWithColumns([name, create]);
 
       // Assert
-      const trEls = Array.from(
-        document.getElementsByClassName('mat-mdc-header-row')
-      );
+      const trEls = Array.from(document.getElementsByClassName('mat-mdc-header-row'));
       const trEl = trEls[0] as HTMLDivElement;
       const gridTemplateColumnsWidth = `${customNameColumnWidth} ${customCreateDateWidth}`;
       expect(trEl.style.gridTemplateColumns).toBe(gridTemplateColumnsWidth);
@@ -227,7 +239,6 @@ describe('LfListComponent single select', () => {
     });
 
     it('sortData sets columnOrderBy and emits refreshData event', async () => {
-
       // Arrange
       await setupRepoBrowserWithColumns([name, create]);
 
@@ -260,7 +271,6 @@ describe('LfListComponent single select', () => {
       expect(headerHidden).toBeUndefined();
     });
 
-
     it('if alwaysShowHeader is set to false, header is hidden if there is only one column', async () => {
       // Arrange
       component.alwaysShowHeader = false;
@@ -270,7 +280,6 @@ describe('LfListComponent single select', () => {
       const headerHidden = document.getElementsByClassName('lf-hidden-column-header')[0];
       expect(headerHidden).toBeTruthy();
     });
-
   });
 
   describe('keydown interactions', () => {
@@ -278,10 +287,10 @@ describe('LfListComponent single select', () => {
       await waitForRender();
       const element = fixture.nativeElement;
       const keyboardEvent = new KeyboardEvent('keydown', {
-        'key': ' ',
-        'view': window,
-        'bubbles': true,
-        'cancelable': true
+        key: ' ',
+        view: window,
+        bubbles: true,
+        cancelable: true,
       });
       element.querySelector('#lf-row-0').dispatchEvent(keyboardEvent);
       await fixture.whenStable();
@@ -293,10 +302,10 @@ describe('LfListComponent single select', () => {
       await waitForRender();
       const element = fixture.nativeElement;
       const keyboardEvent = new KeyboardEvent('keydown', {
-        'key': 'Enter',
-        'view': window,
-        'bubbles': true,
-        'cancelable': true
+        key: 'Enter',
+        view: window,
+        bubbles: true,
+        cancelable: true,
       });
       element.querySelector('#lf-row-0').dispatchEvent(keyboardEvent);
       await fixture.whenStable();
@@ -309,11 +318,11 @@ describe('LfListComponent single select', () => {
       await waitForRender();
       const element = fixture.nativeElement;
       const keyboardEvent = new KeyboardEvent('keydown', {
-        'key': 'ArrowUp',
-        'shiftKey': true,
-        'view': window,
-        'bubbles': true,
-        'cancelable': true
+        key: 'ArrowUp',
+        shiftKey: true,
+        view: window,
+        bubbles: true,
+        cancelable: true,
       });
       element.querySelector('#lf-row-0').dispatchEvent(keyboardEvent);
       await fixture.whenStable();
@@ -325,11 +334,11 @@ describe('LfListComponent single select', () => {
       await waitForRender();
       const element = fixture.nativeElement;
       const keyboardEvent = new KeyboardEvent('keydown', {
-        'key': 'ArrowDown',
-        'shiftKey': true,
-        'view': window,
-        'bubbles': true,
-        'cancelable': true
+        key: 'ArrowDown',
+        shiftKey: true,
+        view: window,
+        bubbles: true,
+        cancelable: true,
       });
       element.querySelector('#lf-row-0').dispatchEvent(keyboardEvent);
       await fixture.whenStable();
@@ -365,18 +374,18 @@ describe('LfListComponent single select', () => {
       const secondFocusItem = fixture.nativeElement.querySelector('#lf-row-0.item-holder');
       const listElement = fixture.nativeElement.querySelector('#lf-list-viewport');
       const downEvent = new KeyboardEvent('keydown', {
-        'key': 'ArrowDown',
-        'shiftKey': true,
-        'view': window,
-        'bubbles': true,
-        'cancelable': true
+        key: 'ArrowDown',
+        shiftKey: true,
+        view: window,
+        bubbles: true,
+        cancelable: true,
       });
       const upEvent = new KeyboardEvent('keydown', {
-        'key': 'ArrowUp',
-        'shiftKey': true,
-        'view': window,
-        'bubbles': true,
-        'cancelable': true
+        key: 'ArrowUp',
+        shiftKey: true,
+        view: window,
+        bubbles: true,
+        cancelable: true,
       });
       component.list?.focus();
       await fixture.whenStable();
diff --git a/projects/ui-components/lf-selection-list/lf-selection-list.component.ts b/projects/ui-components/lf-selection-list/lf-selection-list.component.ts
index 9a26aad8..8dc6960a 100644
--- a/projects/ui-components/lf-selection-list/lf-selection-list.component.ts
+++ b/projects/ui-components/lf-selection-list/lf-selection-list.component.ts
@@ -1,533 +1,533 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
-import { CdkVirtualScrollViewport, ScrollingModule } from '@angular/cdk/scrolling';
-import {
-  AfterViewInit,
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  Input,
-  OnDestroy,
-  Output,
-  TemplateRef,
-  ViewChild,
-  inject,
-} from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { MatSort, Sort, MatSortModule } from '@angular/material/sort';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatTableModule } from '@angular/material/table';
-import { ILfSelectable, ItemWithId, Selectable } from '@laserfiche/lf-ui-components/shared';
-import { Subscription } from 'rxjs';
-import { GridSelectionListDataSource } from './lf-selection-list-data-source';
-import { ColumnDef, ColumnOrderBy, SelectedItemEvent } from './lf-selection-list-types';
-import { COLUMN_MIN_WIDTH, ResizeColumnDirective } from './resize-column.directive';
-
-/** @internal */
-export interface RepositoryBrowserData {
-  columns: Record<string, string>;
-}
-
-const SELECT_COL: ColumnDef = {
-  id: 'select',
-  displayName: '',
-  defaultWidth: '35px',
-  minWidthPx: 35,
-  resizable: false,
-  sortable: false,
-};
-
-/** @internal */
-@Component({
-  selector: 'lf-selection-list-component',
-  templateUrl: './lf-selection-list.component.html',
-  styleUrls: ['./lf-selection-list.component.css'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true,
-  imports: [CommonModule, ScrollingModule, MatCheckboxModule, MatTableModule, MatSortModule, ResizeColumnDirective],
-})
-export class LfSelectionListComponent implements AfterViewInit, OnDestroy {
-  /**@internal */
-  private focusMonitor = inject(FocusMonitor);
-  /**@internal */
-  private ref = inject(ChangeDetectorRef);
-
-  @Output() scrollChanged = new EventEmitter<undefined>();
-  @Output() itemDoubleClicked = new EventEmitter<ItemWithId>();
-  @Output() itemSelected = new EventEmitter<SelectedItemEvent>();
-  @Output() itemFocused = new EventEmitter<ItemWithId>();
-  @Output() refreshData: EventEmitter<void> = new EventEmitter<void>();
-
-  @Input() itemSize: number = 42;
-  private _pageSize: number = 50;
-  @Input()
-  set pageSize(value: number) {
-    this._pageSize = value;
-    if (this.dataSource) {
-      this.dataSource.pageSize = value;
-    }
-  }
-  get pageSize(): number {
-    return this._pageSize;
-  }
-
-  @Input() listItemRef?: TemplateRef<unknown>;
-  @Input() alwaysShowHeader?: boolean;
-  @Input() set listItems(items: ILfSelectable[]) {
-    this.items = items;
-    if (this.dataSource) {
-      if (this.dataSource.allData.length < 1 && items.length > 0) {
-        this.setNewWidths();
-      }
-      this.dataSource.allData = this.items;
-    }
-  }
-
-  private setNewWidths() {
-    if (this._showHeader === true) {
-      this.setInitialWidth();
-    } else {
-      this.setDefaultWidths();
-    }
-  }
-
-  @Input() set uniqueIdentifier(key: string) {
-    this._uniqueIdentifier = key;
-  }
-
-  @Input() set multipleSelection(value: boolean) {
-    this._multipleSelectEnabled = value;
-    this.selectable.multiSelectable = value;
-  }
-  get multipleSelection(): boolean {
-    return this._multipleSelectEnabled;
-  }
-
-  @Input()
-  get columnOrderBy(): ColumnOrderBy | undefined {
-    return this._columnOrderBy;
-  }
-  set columnOrderBy(orderBy: ColumnOrderBy | undefined) {
-    if (this.sort && orderBy?.columnId && this.allColumnDefs.find((c) => c.id === orderBy.columnId)) {
-      this.sort.sort({ id: orderBy?.columnId, start: orderBy?.isDesc ? 'desc' : 'asc', disableClear: true });
-      this._columnOrderBy = orderBy;
-    } else {
-      console.debug('Unable to set new sort header');
-    }
-  }
-
-  @Input() set columns(cols: ColumnDef[]) {
-    if (cols.length > 1 || this.alwaysShowHeader === true) {
-      this._showHeader = true;
-    } else {
-      this._showHeader = false;
-    }
-    const toAdd: ColumnDef[] = [];
-    if (this.multipleSelection) {
-      toAdd.push(SELECT_COL);
-    }
-    this.allColumnDefs = toAdd.concat(cols);
-    this.allColumnHeaders = this.allColumnDefs.map((col) => col.id);
-    this.additionalColumnDefs = cols;
-    this.ref.detectChanges();
-    this.setNewWidths();
-  }
-  get columns(): ColumnDef[] {
-    return this.additionalColumnDefs;
-  }
-
-  private setDefaultWidths() {
-    const widths: string[] = [];
-    this.allColumnDefs.forEach((col) => {
-      widths.push(col.defaultWidth);
-    });
-
-    if (this.matTable) {
-      this.matTable.nativeElement.style.width = '100%';
-      const templateCOls = widths.join(' ');
-      this.columnsWidth = templateCOls;
-    }
-    this.ref.detectChanges();
-  }
-
-  /** @internal */
-  @ViewChild(CdkVirtualScrollViewport) viewport?: CdkVirtualScrollViewport;
-  /** @internal */
-  @ViewChild('matTable', { read: ElementRef }) matTable?: ElementRef;
-  /** @internal */
-  @ViewChild(MatSort) sort?: MatSort;
-
-  /** @internal */
-  private additionalColumnDefs: ColumnDef[] = [];
-  /** @internal */
-  private _uniqueIdentifier?: string;
-  /** @internal */
-  private allSubscriptions?: Subscription;
-  /** @internal */
-  private _columnOrderBy: ColumnOrderBy | undefined;
-  /** @internal */
-  private selectable: Selectable = new Selectable();
-  /** @internal */
-  private _multipleSelectEnabled: boolean = false;
-
-  /** @internal */
-  allColumnHeaders?: string[];
-  /** @internal */
-  dataSource?: GridSelectionListDataSource;
-  /** @internal */
-  items: ILfSelectable[] = [];
-  /** @internal */
-  allColumnDefs: ColumnDef[] = [];
-  /** @internal */
-  columnsWidth: string | undefined;
-  /** @internal */
-  resizePosition: number = 0;
-  /** @internal */
-  _showHeader: boolean = false;
-  /** @internal */
-  currentFocusIndex: number = 0;
-
-  /** @internal */
-  ngAfterViewInit(): void {
-    this.dataSource = new GridSelectionListDataSource(this.items, this.viewport!, this.itemSize, this._pageSize);
-    const dataSourceSub = this.dataSource.checkForData.subscribe(() => {
-      this.scrollChanged.emit();
-    });
-    const dataOffsetSub = this.dataSource.offsetChange.subscribe((offset) => {
-      this.viewport?.setRenderedContentOffset(offset);
-    });
-    this.allSubscriptions?.add(dataSourceSub);
-    this.allSubscriptions?.add(dataOffsetSub);
-
-    if (this.columns.length > 1 || this.alwaysShowHeader === true) {
-      this._showHeader = true;
-    } else {
-      this._showHeader = false;
-    }
-    if (this.viewport?.elementRef.nativeElement) {
-      this.focusMonitor.monitor(this.viewport?.elementRef.nativeElement, true).subscribe((origin: FocusOrigin) => {
-        if (!origin || document.activeElement?.nodeName.toLowerCase() === 'cdk-virtual-scroll-viewport') {
-          this.itemFocused.emit(undefined);
-        }
-      });
-    }
-  }
-
-  ngOnDestroy() {
-    this.allSubscriptions?.unsubscribe();
-    this.focusMonitor.stopMonitoring(this.viewport!.elementRef.nativeElement);
-  }
-
-  clearSelectedValues(clearCached?: boolean) {
-    this.selectable.clearSelectedValues(this.items, clearCached);
-  }
-
-  placeholderWhen(index: number, _: any) {
-    return index === 0;
-  }
-
-  focus() {
-    this._focus();
-  }
-
-  sortData(sort: Sort) {
-    if (!sort.active || sort.direction === '') {
-      return;
-    }
-    const sortState: ColumnOrderBy = { columnId: sort.active, isDesc: sort.direction === 'desc' };
-    this._columnOrderBy = sortState;
-    this.refreshData.emit();
-  }
-
-  focusCurrentIndex() {
-    if (this.currentFocusIndex >= this.items.length) {
-      this.currentFocusIndex = 0;
-    }
-    if (!this.items[this.currentFocusIndex] || !this.items[this.currentFocusIndex]) {
-      this.viewport?.scrollToIndex(this.currentFocusIndex);
-    }
-  }
-
-  /** @internal */
-  async onClickMatListOption(event: MouseEvent, option: ILfSelectable, index: number) {
-    let target: HTMLElement | null = event.target as HTMLElement;
-    let nodeName: string | undefined;
-    while (target != null && nodeName !== 'lf-list-option-component' && nodeName !== 'mat-checkbox') {
-      target = target.parentElement;
-      nodeName = target?.nodeName.toLowerCase();
-    }
-    if (nodeName === 'mat-checkbox') {
-      this.selectable.onItemClicked(event, option, this.items, true);
-    } else {
-      this.selectable.onItemClicked(event, option, this.items);
-    }
-    this.currentFocusIndex = index;
-    this.ref.detectChanges();
-
-    this.itemSelected.emit({ selected: option, selectedItems: this.selectable.selectedItems });
-  }
-
-  /** @internal */
-  onDblClick(event: MouseEvent | KeyboardEvent, item: ILfSelectable) {
-    if (item.isSelectable && !item.isSelected) {
-      this.selectable.onItemClicked(event, item, this.items, true);
-      this.itemSelected.emit({ selected: item, selectedItems: this.selectable.selectedItems });
-    }
-    this.itemDoubleClicked.emit(item.value);
-  }
-
-  /** @internal */
-  async onItemKeyDown(event: KeyboardEvent, item: ILfSelectable) {
-    if (
-      event.key === ' ' ||
-      event.key === 'Enter' ||
-      (event.shiftKey && (event.key === 'ArrowUp' || event.key === 'ArrowDown'))
-    ) {
-      if (event.key === 'Enter') {
-        this.selectable.onItemClicked(event, item, this.items);
-        this.itemSelected.emit({ selected: item, selectedItems: this.selectable.selectedItems });
-        this.onDblClick(event, item);
-        return;
-      }
-      this.selectable.onItemClicked(
-        event,
-        item,
-        this.items,
-        false,
-        event.shiftKey && (event.key === 'ArrowUp' || event.key === 'ArrowDown'),
-      );
-      this.itemSelected.emit({ selected: item, selectedItems: this.selectable.selectedItems });
-    }
-  }
-
-  /** @internal */
-  onItemKeyUp(event: KeyboardEvent, item: ILfSelectable) {
-    if (event.shiftKey && (event.key === 'ArrowUp' || event.key === 'ArrowDown')) {
-      this.selectable.onItemClicked(
-        event,
-        item,
-        this.items,
-        false,
-        event.shiftKey && (event.key === 'ArrowUp' || event.key === 'ArrowDown'),
-      );
-      this.itemSelected.emit({ selected: item, selectedItems: this.selectable.selectedItems });
-    }
-  }
-
-  /** @internal */
-  onFocused(index: number) {
-    this.currentFocusIndex = index;
-    this.itemFocused.emit(this.items[index]?.value);
-  }
-
-  /** @internal */
-  onViewportKeyDown(event: KeyboardEvent) {
-    if (event.key === ' ' || event.key === 'ArrowUp' || event.key === 'ArrowDown') {
-      event.preventDefault();
-    }
-    if (this.viewport == null) {
-      return;
-    }
-    if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
-      const activeElement = document.activeElement;
-      if (
-        activeElement?.nodeName.toLowerCase() !== 'cdk-virtual-scroll-viewport' &&
-        activeElement?.nodeName.toLowerCase() !== 'tr'
-      ) {
-        return;
-      }
-      event.preventDefault();
-      event.stopPropagation();
-      if (activeElement?.nodeName.toLowerCase() === 'cdk-virtual-scroll-viewport') {
-        this.focusCurrentIndex();
-        const ele = this.viewport.elementRef.nativeElement.querySelector(
-          '#lf-row-' + this.currentFocusIndex,
-        ) as HTMLElement;
-        (ele?.childNodes[0] as HTMLElement).focus();
-      } else {
-        const moveDirection = event.key === 'ArrowUp' ? -1 : 1;
-        this.currentFocusIndex = this.currentFocusIndex + moveDirection;
-        // Check if currentFocusIndex is out of bounds
-        if (this.currentFocusIndex < 0 || this.currentFocusIndex >= this.items.length) {
-          this.currentFocusIndex = this.currentFocusIndex - moveDirection;
-        }
-        const ele = this.viewport.elementRef.nativeElement.querySelector(
-          '#lf-row-' + this.currentFocusIndex,
-        ) as HTMLElement;
-        ele?.focus();
-      }
-      if (!this._checkRowInView(this.currentFocusIndex)) {
-        // this way even if we scroll down we go back to the section we were
-        this.viewport.scrollToIndex(this.currentFocusIndex);
-      }
-    }
-  }
-
-  setInitialWidth() {
-    setTimeout(() => {
-      if (this.allColumnDefs.length > 0) {
-        const repositoryBrowserData: RepositoryBrowserData | undefined = this.getRepositoryBrowserData();
-        const tableEl = this.matTable?.nativeElement;
-        const widths: string[] = [];
-        this.allColumnDefs.forEach((col) => {
-          const columnWidth = repositoryBrowserData?.columns ? repositoryBrowserData?.columns[col.id] : undefined;
-          if (columnWidth) {
-            widths.push(columnWidth);
-          } else {
-            widths.push(col.defaultWidth);
-          }
-        });
-
-        if (this.matTable) {
-          const templateCOls = widths.join(' ');
-          this.columnsWidth = templateCOls;
-        }
-        this.ref.detectChanges();
-
-        const onlyColumnWidthAuto = this.columns.length === 1 && this.columnsWidth?.includes('auto');
-        if (onlyColumnWidthAuto) {
-          this.setDefaultWidths();
-        } else {
-          const containerWidth = this.viewport?.elementRef.nativeElement.getBoundingClientRect().width;
-          tableEl.style.width = containerWidth + 'px';
-          this.ref.detectChanges();
-          const widthsInPixel: string[] = [];
-
-          this.allColumnDefs.forEach((col) => {
-            const columnEls = Array.from(
-              this.viewport!.elementRef.nativeElement.getElementsByClassName('mat-column-' + col.id),
-            );
-            const columnWidthOffset = Math.max(...columnEls.map((c) => (c as HTMLDivElement).offsetWidth));
-            const minWidthPx = col.minWidthPx ?? COLUMN_MIN_WIDTH;
-            const columnWidthInPixel =
-              col.id !== 'select' ? Math.max(columnWidthOffset, minWidthPx) + 'px' : SELECT_COL.defaultWidth;
-            widthsInPixel.push(columnWidthInPixel);
-          });
-
-          if (this.matTable) {
-            const templateCOls = widthsInPixel.join(' ');
-            this.columnsWidth = templateCOls;
-          }
-
-          tableEl.style.width = 'fit-content';
-          this.ref.detectChanges();
-        }
-      }
-    });
-  }
-
-  private getRepositoryBrowserData(): RepositoryBrowserData | undefined {
-    if (this._uniqueIdentifier) {
-      const repositoryBrowserData = window.localStorage.getItem(this._uniqueIdentifier);
-      let asJSON: RepositoryBrowserData | undefined;
-      if (repositoryBrowserData) {
-        asJSON = JSON.parse(repositoryBrowserData);
-      }
-      return asJSON;
-    } else {
-      return undefined;
-    }
-  }
-
-  async resetCachedNodesAsync() {
-    await this.selectable.setSelectedNodesAsync(new Map<string, ILfSelectable>(), this.items, 0);
-    this.ref.detectChanges();
-    return this.selectable.selectedItems;
-  }
-
-  async setSelectedNodesAsync(
-    nodesToSelect: ILfSelectable[] | undefined,
-    checkForMoreDataCallback: () => Promise<ILfSelectable[] | undefined>,
-    maxFetchIterations: number,
-  ): Promise<ILfSelectable[]> {
-    this.selectable.callback = checkForMoreDataCallback;
-    const idsToSelectable: Map<string, ILfSelectable> = new Map<string, ILfSelectable>(
-      nodesToSelect?.map((v) => [v.value.id, v]),
-    );
-    await this.selectable.setSelectedNodesAsync(idsToSelectable, this.items, maxFetchIterations);
-    this.ref.detectChanges();
-    return this.selectable.selectedItems;
-  }
-
-  /** @internal */
-  _computeRowId(index: number) {
-    return 'lf-row-' + index;
-  }
-
-  /** @internal */
-  _checkFocused(rowIndex: number) {
-    return this.currentFocusIndex === rowIndex;
-  }
-
-  /** @internal */
-  private _checkRowInView(currentFocusIndex: number) {
-    // is there an easier way to do this? -- check if currentFocusIndex is in viewport indices (rendered might be greater than viewable?)
-    if (this.viewport == null) {
-      return;
-    }
-    const rowEle = document.querySelector('#lf-row-' + currentFocusIndex);
-    if (rowEle === null) {
-      return false;
-    }
-    const rowEleRect = rowEle.getBoundingClientRect();
-    const scrollRect = this.viewport.elementRef.nativeElement.getBoundingClientRect();
-    const belowTop = rowEleRect.top >= scrollRect.top + (this._showHeader ? this.itemSize : 0);
-    const aboveBottom = rowEleRect.bottom <= scrollRect.bottom;
-    return belowTop && aboveBottom;
-  }
-
-  /** @internal */
-  private _focus(tries: number = 0) {
-    if (tries >= 10) {
-      return;
-    }
-    this.focusCurrentIndex();
-    const ele = this.viewport?.elementRef.nativeElement.querySelector(
-      '#lf-row-' + this.currentFocusIndex,
-    ) as HTMLElement;
-    ele?.focus();
-  }
-
-  // column resizing
-
-  placeholderHeight: number = 0;
-
-  onColumnWidthChanges(width: number, index: number) {
-    this.updateRepositoryBrowserData(width, index);
-    this.setColumnWidthChanges(width, index);
-  }
-
-  private updateRepositoryBrowserData(width: number, index: number) {
-    if (this._uniqueIdentifier) {
-      let repoData: RepositoryBrowserData | undefined = this.getRepositoryBrowserData();
-      const key = this.allColumnDefs[index].id;
-      if (!repoData) {
-        repoData = {
-          columns: {},
-        };
-      } else if (!repoData.columns) {
-        repoData.columns = {};
-      }
-      repoData.columns[key] = width + 'px';
-      localStorage.setItem(this._uniqueIdentifier, JSON.stringify(repoData));
-    } else {
-      console.warn('Unable to save lf-selection-list column widths. Need to set uniqueIdentifier on lf-selection-list');
-    }
-  }
-
-  setColumnWidthChanges(width: number, index: number) {
-    const widths = this.columnsWidth ?? '';
-    const widthsA = widths.split(' ');
-    widthsA[index] = width + 'px';
-    const stringWidths = widthsA.join(' ');
-    this.columnsWidth = stringWidths;
-    if (this.matTable) {
-      this.matTable.nativeElement.style.width = 'fit-content';
-    }
-    this.ref.detectChanges();
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
+import { CdkVirtualScrollViewport, ScrollingModule } from '@angular/cdk/scrolling';
+import {
+  AfterViewInit,
+  ChangeDetectionStrategy,
+  ChangeDetectorRef,
+  Component,
+  ElementRef,
+  EventEmitter,
+  Input,
+  OnDestroy,
+  Output,
+  TemplateRef,
+  ViewChild,
+  inject,
+} from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatSort, Sort, MatSortModule } from '@angular/material/sort';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatTableModule } from '@angular/material/table';
+import { ILfSelectable, ItemWithId, Selectable } from '@laserfiche/lf-ui-components/shared';
+import { Subscription } from 'rxjs';
+import { GridSelectionListDataSource } from './lf-selection-list-data-source';
+import { ColumnDef, ColumnOrderBy, SelectedItemEvent } from './lf-selection-list-types';
+import { COLUMN_MIN_WIDTH, ResizeColumnDirective } from './resize-column.directive';
+
+/** @internal */
+export interface RepositoryBrowserData {
+  columns: Record<string, string>;
+}
+
+const SELECT_COL: ColumnDef = {
+  id: 'select',
+  displayName: '',
+  defaultWidth: '35px',
+  minWidthPx: 35,
+  resizable: false,
+  sortable: false,
+};
+
+/** @internal */
+@Component({
+  selector: 'lf-selection-list-component',
+  templateUrl: './lf-selection-list.component.html',
+  styleUrls: ['./lf-selection-list.component.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [CommonModule, ScrollingModule, MatCheckboxModule, MatTableModule, MatSortModule, ResizeColumnDirective],
+})
+export class LfSelectionListComponent implements AfterViewInit, OnDestroy {
+  /**@internal */
+  private focusMonitor = inject(FocusMonitor);
+  /**@internal */
+  private ref = inject(ChangeDetectorRef);
+
+  @Output() scrollChanged = new EventEmitter<undefined>();
+  @Output() itemDoubleClicked = new EventEmitter<ItemWithId>();
+  @Output() itemSelected = new EventEmitter<SelectedItemEvent>();
+  @Output() itemFocused = new EventEmitter<ItemWithId>();
+  @Output() refreshData: EventEmitter<void> = new EventEmitter<void>();
+
+  @Input() itemSize: number = 42;
+  private _pageSize: number = 50;
+  @Input()
+  set pageSize(value: number) {
+    this._pageSize = value;
+    if (this.dataSource) {
+      this.dataSource.pageSize = value;
+    }
+  }
+  get pageSize(): number {
+    return this._pageSize;
+  }
+
+  @Input() listItemRef?: TemplateRef<unknown>;
+  @Input() alwaysShowHeader?: boolean;
+  @Input() set listItems(items: ILfSelectable[]) {
+    this.items = items;
+    if (this.dataSource) {
+      if (this.dataSource.allData.length < 1 && items.length > 0) {
+        this.setNewWidths();
+      }
+      this.dataSource.allData = this.items;
+    }
+  }
+
+  private setNewWidths() {
+    if (this._showHeader === true) {
+      this.setInitialWidth();
+    } else {
+      this.setDefaultWidths();
+    }
+  }
+
+  @Input() set uniqueIdentifier(key: string) {
+    this._uniqueIdentifier = key;
+  }
+
+  @Input() set multipleSelection(value: boolean) {
+    this._multipleSelectEnabled = value;
+    this.selectable.multiSelectable = value;
+  }
+  get multipleSelection(): boolean {
+    return this._multipleSelectEnabled;
+  }
+
+  @Input()
+  get columnOrderBy(): ColumnOrderBy | undefined {
+    return this._columnOrderBy;
+  }
+  set columnOrderBy(orderBy: ColumnOrderBy | undefined) {
+    if (this.sort && orderBy?.columnId && this.allColumnDefs.find((c) => c.id === orderBy.columnId)) {
+      this.sort.sort({ id: orderBy?.columnId, start: orderBy?.isDesc ? 'desc' : 'asc', disableClear: true });
+      this._columnOrderBy = orderBy;
+    } else {
+      console.debug('Unable to set new sort header');
+    }
+  }
+
+  @Input() set columns(cols: ColumnDef[]) {
+    if (cols.length > 1 || this.alwaysShowHeader === true) {
+      this._showHeader = true;
+    } else {
+      this._showHeader = false;
+    }
+    const toAdd: ColumnDef[] = [];
+    if (this.multipleSelection) {
+      toAdd.push(SELECT_COL);
+    }
+    this.allColumnDefs = toAdd.concat(cols);
+    this.allColumnHeaders = this.allColumnDefs.map((col) => col.id);
+    this.additionalColumnDefs = cols;
+    this.ref.detectChanges();
+    this.setNewWidths();
+  }
+  get columns(): ColumnDef[] {
+    return this.additionalColumnDefs;
+  }
+
+  private setDefaultWidths() {
+    const widths: string[] = [];
+    this.allColumnDefs.forEach((col) => {
+      widths.push(col.defaultWidth);
+    });
+
+    if (this.matTable) {
+      this.matTable.nativeElement.style.width = '100%';
+      const templateCOls = widths.join(' ');
+      this.columnsWidth = templateCOls;
+    }
+    this.ref.detectChanges();
+  }
+
+  /** @internal */
+  @ViewChild(CdkVirtualScrollViewport) viewport?: CdkVirtualScrollViewport;
+  /** @internal */
+  @ViewChild('matTable', { read: ElementRef }) matTable?: ElementRef;
+  /** @internal */
+  @ViewChild(MatSort) sort?: MatSort;
+
+  /** @internal */
+  private additionalColumnDefs: ColumnDef[] = [];
+  /** @internal */
+  private _uniqueIdentifier?: string;
+  /** @internal */
+  private allSubscriptions?: Subscription;
+  /** @internal */
+  private _columnOrderBy: ColumnOrderBy | undefined;
+  /** @internal */
+  private selectable: Selectable = new Selectable();
+  /** @internal */
+  private _multipleSelectEnabled: boolean = false;
+
+  /** @internal */
+  allColumnHeaders?: string[];
+  /** @internal */
+  dataSource?: GridSelectionListDataSource;
+  /** @internal */
+  items: ILfSelectable[] = [];
+  /** @internal */
+  allColumnDefs: ColumnDef[] = [];
+  /** @internal */
+  columnsWidth: string | undefined;
+  /** @internal */
+  resizePosition: number = 0;
+  /** @internal */
+  _showHeader: boolean = false;
+  /** @internal */
+  currentFocusIndex: number = 0;
+
+  /** @internal */
+  ngAfterViewInit(): void {
+    this.dataSource = new GridSelectionListDataSource(this.items, this.viewport!, this.itemSize, this._pageSize);
+    const dataSourceSub = this.dataSource.checkForData.subscribe(() => {
+      this.scrollChanged.emit();
+    });
+    const dataOffsetSub = this.dataSource.offsetChange.subscribe((offset) => {
+      this.viewport?.setRenderedContentOffset(offset);
+    });
+    this.allSubscriptions?.add(dataSourceSub);
+    this.allSubscriptions?.add(dataOffsetSub);
+
+    if (this.columns.length > 1 || this.alwaysShowHeader === true) {
+      this._showHeader = true;
+    } else {
+      this._showHeader = false;
+    }
+    if (this.viewport?.elementRef.nativeElement) {
+      this.focusMonitor.monitor(this.viewport?.elementRef.nativeElement, true).subscribe((origin: FocusOrigin) => {
+        if (!origin || document.activeElement?.nodeName.toLowerCase() === 'cdk-virtual-scroll-viewport') {
+          this.itemFocused.emit(undefined);
+        }
+      });
+    }
+  }
+
+  ngOnDestroy() {
+    this.allSubscriptions?.unsubscribe();
+    this.focusMonitor.stopMonitoring(this.viewport!.elementRef.nativeElement);
+  }
+
+  clearSelectedValues(clearCached?: boolean) {
+    this.selectable.clearSelectedValues(this.items, clearCached);
+  }
+
+  placeholderWhen(index: number, _: any) {
+    return index === 0;
+  }
+
+  focus() {
+    this._focus();
+  }
+
+  sortData(sort: Sort) {
+    if (!sort.active || sort.direction === '') {
+      return;
+    }
+    const sortState: ColumnOrderBy = { columnId: sort.active, isDesc: sort.direction === 'desc' };
+    this._columnOrderBy = sortState;
+    this.refreshData.emit();
+  }
+
+  focusCurrentIndex() {
+    if (this.currentFocusIndex >= this.items.length) {
+      this.currentFocusIndex = 0;
+    }
+    if (!this.items[this.currentFocusIndex] || !this.items[this.currentFocusIndex]) {
+      this.viewport?.scrollToIndex(this.currentFocusIndex);
+    }
+  }
+
+  /** @internal */
+  async onClickMatListOption(event: MouseEvent, option: ILfSelectable, index: number) {
+    let target: HTMLElement | null = event.target as HTMLElement;
+    let nodeName: string | undefined;
+    while (target != null && nodeName !== 'lf-list-option-component' && nodeName !== 'mat-checkbox') {
+      target = target.parentElement;
+      nodeName = target?.nodeName.toLowerCase();
+    }
+    if (nodeName === 'mat-checkbox') {
+      this.selectable.onItemClicked(event, option, this.items, true);
+    } else {
+      this.selectable.onItemClicked(event, option, this.items);
+    }
+    this.currentFocusIndex = index;
+    this.ref.detectChanges();
+
+    this.itemSelected.emit({ selected: option, selectedItems: this.selectable.selectedItems });
+  }
+
+  /** @internal */
+  onDblClick(event: MouseEvent | KeyboardEvent, item: ILfSelectable) {
+    if (item.isSelectable && !item.isSelected) {
+      this.selectable.onItemClicked(event, item, this.items, true);
+      this.itemSelected.emit({ selected: item, selectedItems: this.selectable.selectedItems });
+    }
+    this.itemDoubleClicked.emit(item.value);
+  }
+
+  /** @internal */
+  async onItemKeyDown(event: KeyboardEvent, item: ILfSelectable) {
+    if (
+      event.key === ' ' ||
+      event.key === 'Enter' ||
+      (event.shiftKey && (event.key === 'ArrowUp' || event.key === 'ArrowDown'))
+    ) {
+      if (event.key === 'Enter') {
+        this.selectable.onItemClicked(event, item, this.items);
+        this.itemSelected.emit({ selected: item, selectedItems: this.selectable.selectedItems });
+        this.onDblClick(event, item);
+        return;
+      }
+      this.selectable.onItemClicked(
+        event,
+        item,
+        this.items,
+        false,
+        event.shiftKey && (event.key === 'ArrowUp' || event.key === 'ArrowDown')
+      );
+      this.itemSelected.emit({ selected: item, selectedItems: this.selectable.selectedItems });
+    }
+  }
+
+  /** @internal */
+  onItemKeyUp(event: KeyboardEvent, item: ILfSelectable) {
+    if (event.shiftKey && (event.key === 'ArrowUp' || event.key === 'ArrowDown')) {
+      this.selectable.onItemClicked(
+        event,
+        item,
+        this.items,
+        false,
+        event.shiftKey && (event.key === 'ArrowUp' || event.key === 'ArrowDown')
+      );
+      this.itemSelected.emit({ selected: item, selectedItems: this.selectable.selectedItems });
+    }
+  }
+
+  /** @internal */
+  onFocused(index: number) {
+    this.currentFocusIndex = index;
+    this.itemFocused.emit(this.items[index]?.value);
+  }
+
+  /** @internal */
+  onViewportKeyDown(event: KeyboardEvent) {
+    if (event.key === ' ' || event.key === 'ArrowUp' || event.key === 'ArrowDown') {
+      event.preventDefault();
+    }
+    if (this.viewport == null) {
+      return;
+    }
+    if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
+      const activeElement = document.activeElement;
+      if (
+        activeElement?.nodeName.toLowerCase() !== 'cdk-virtual-scroll-viewport' &&
+        activeElement?.nodeName.toLowerCase() !== 'tr'
+      ) {
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      if (activeElement?.nodeName.toLowerCase() === 'cdk-virtual-scroll-viewport') {
+        this.focusCurrentIndex();
+        const ele = this.viewport.elementRef.nativeElement.querySelector(
+          '#lf-row-' + this.currentFocusIndex
+        ) as HTMLElement;
+        (ele?.childNodes[0] as HTMLElement).focus();
+      } else {
+        const moveDirection = event.key === 'ArrowUp' ? -1 : 1;
+        this.currentFocusIndex = this.currentFocusIndex + moveDirection;
+        // Check if currentFocusIndex is out of bounds
+        if (this.currentFocusIndex < 0 || this.currentFocusIndex >= this.items.length) {
+          this.currentFocusIndex = this.currentFocusIndex - moveDirection;
+        }
+        const ele = this.viewport.elementRef.nativeElement.querySelector(
+          '#lf-row-' + this.currentFocusIndex
+        ) as HTMLElement;
+        ele?.focus();
+      }
+      if (!this._checkRowInView(this.currentFocusIndex)) {
+        // this way even if we scroll down we go back to the section we were
+        this.viewport.scrollToIndex(this.currentFocusIndex);
+      }
+    }
+  }
+
+  setInitialWidth() {
+    setTimeout(() => {
+      if (this.allColumnDefs.length > 0) {
+        const repositoryBrowserData: RepositoryBrowserData | undefined = this.getRepositoryBrowserData();
+        const tableEl = this.matTable?.nativeElement;
+        const widths: string[] = [];
+        this.allColumnDefs.forEach((col) => {
+          const columnWidth = repositoryBrowserData?.columns ? repositoryBrowserData?.columns[col.id] : undefined;
+          if (columnWidth) {
+            widths.push(columnWidth);
+          } else {
+            widths.push(col.defaultWidth);
+          }
+        });
+
+        if (this.matTable) {
+          const templateCOls = widths.join(' ');
+          this.columnsWidth = templateCOls;
+        }
+        this.ref.detectChanges();
+
+        const onlyColumnWidthAuto = this.columns.length === 1 && this.columnsWidth?.includes('auto');
+        if (onlyColumnWidthAuto) {
+          this.setDefaultWidths();
+        } else {
+          const containerWidth = this.viewport?.elementRef.nativeElement.getBoundingClientRect().width;
+          tableEl.style.width = containerWidth + 'px';
+          this.ref.detectChanges();
+          const widthsInPixel: string[] = [];
+
+          this.allColumnDefs.forEach((col) => {
+            const columnEls = Array.from(
+              this.viewport!.elementRef.nativeElement.getElementsByClassName('mat-column-' + col.id)
+            );
+            const columnWidthOffset = Math.max(...columnEls.map((c) => (c as HTMLDivElement).offsetWidth));
+            const minWidthPx = col.minWidthPx ?? COLUMN_MIN_WIDTH;
+            const columnWidthInPixel =
+              col.id !== 'select' ? Math.max(columnWidthOffset, minWidthPx) + 'px' : SELECT_COL.defaultWidth;
+            widthsInPixel.push(columnWidthInPixel);
+          });
+
+          if (this.matTable) {
+            const templateCOls = widthsInPixel.join(' ');
+            this.columnsWidth = templateCOls;
+          }
+
+          tableEl.style.width = 'fit-content';
+          this.ref.detectChanges();
+        }
+      }
+    });
+  }
+
+  private getRepositoryBrowserData(): RepositoryBrowserData | undefined {
+    if (this._uniqueIdentifier) {
+      const repositoryBrowserData = window.localStorage.getItem(this._uniqueIdentifier);
+      let asJSON: RepositoryBrowserData | undefined;
+      if (repositoryBrowserData) {
+        asJSON = JSON.parse(repositoryBrowserData);
+      }
+      return asJSON;
+    } else {
+      return undefined;
+    }
+  }
+
+  async resetCachedNodesAsync() {
+    await this.selectable.setSelectedNodesAsync(new Map<string, ILfSelectable>(), this.items, 0);
+    this.ref.detectChanges();
+    return this.selectable.selectedItems;
+  }
+
+  async setSelectedNodesAsync(
+    nodesToSelect: ILfSelectable[] | undefined,
+    checkForMoreDataCallback: () => Promise<ILfSelectable[] | undefined>,
+    maxFetchIterations: number
+  ): Promise<ILfSelectable[]> {
+    this.selectable.callback = checkForMoreDataCallback;
+    const idsToSelectable: Map<string, ILfSelectable> = new Map<string, ILfSelectable>(
+      nodesToSelect?.map((v) => [v.value.id, v])
+    );
+    await this.selectable.setSelectedNodesAsync(idsToSelectable, this.items, maxFetchIterations);
+    this.ref.detectChanges();
+    return this.selectable.selectedItems;
+  }
+
+  /** @internal */
+  _computeRowId(index: number) {
+    return 'lf-row-' + index;
+  }
+
+  /** @internal */
+  _checkFocused(rowIndex: number) {
+    return this.currentFocusIndex === rowIndex;
+  }
+
+  /** @internal */
+  private _checkRowInView(currentFocusIndex: number) {
+    // is there an easier way to do this? -- check if currentFocusIndex is in viewport indices (rendered might be greater than viewable?)
+    if (this.viewport == null) {
+      return;
+    }
+    const rowEle = document.querySelector('#lf-row-' + currentFocusIndex);
+    if (rowEle === null) {
+      return false;
+    }
+    const rowEleRect = rowEle.getBoundingClientRect();
+    const scrollRect = this.viewport.elementRef.nativeElement.getBoundingClientRect();
+    const belowTop = rowEleRect.top >= scrollRect.top + (this._showHeader ? this.itemSize : 0);
+    const aboveBottom = rowEleRect.bottom <= scrollRect.bottom;
+    return belowTop && aboveBottom;
+  }
+
+  /** @internal */
+  private _focus(tries: number = 0) {
+    if (tries >= 10) {
+      return;
+    }
+    this.focusCurrentIndex();
+    const ele = this.viewport?.elementRef.nativeElement.querySelector(
+      '#lf-row-' + this.currentFocusIndex
+    ) as HTMLElement;
+    ele?.focus();
+  }
+
+  // column resizing
+
+  placeholderHeight: number = 0;
+
+  onColumnWidthChanges(width: number, index: number) {
+    this.updateRepositoryBrowserData(width, index);
+    this.setColumnWidthChanges(width, index);
+  }
+
+  private updateRepositoryBrowserData(width: number, index: number) {
+    if (this._uniqueIdentifier) {
+      let repoData: RepositoryBrowserData | undefined = this.getRepositoryBrowserData();
+      const key = this.allColumnDefs[index].id;
+      if (!repoData) {
+        repoData = {
+          columns: {},
+        };
+      } else if (!repoData.columns) {
+        repoData.columns = {};
+      }
+      repoData.columns[key] = width + 'px';
+      localStorage.setItem(this._uniqueIdentifier, JSON.stringify(repoData));
+    } else {
+      console.warn('Unable to save lf-selection-list column widths. Need to set uniqueIdentifier on lf-selection-list');
+    }
+  }
+
+  setColumnWidthChanges(width: number, index: number) {
+    const widths = this.columnsWidth ?? '';
+    const widthsA = widths.split(' ');
+    widthsA[index] = width + 'px';
+    const stringWidths = widthsA.join(' ');
+    this.columnsWidth = stringWidths;
+    if (this.matTable) {
+      this.matTable.nativeElement.style.width = 'fit-content';
+    }
+    this.ref.detectChanges();
+  }
+}
diff --git a/projects/ui-components/lf-selection-list/ng-package.json b/projects/ui-components/lf-selection-list/ng-package.json
index 680fbb4e..f5a9ff76 100644
--- a/projects/ui-components/lf-selection-list/ng-package.json
+++ b/projects/ui-components/lf-selection-list/ng-package.json
@@ -1,5 +1,5 @@
 {
   "lib": {
-      "entryFile": "./lf-selection-list-public-api.ts"
+    "entryFile": "./lf-selection-list-public-api.ts"
   }
 }
diff --git a/projects/ui-components/lf-selection-list/resize-column.directive.spec.ts b/projects/ui-components/lf-selection-list/resize-column.directive.spec.ts
index bfeeff86..51bc2385 100644
--- a/projects/ui-components/lf-selection-list/resize-column.directive.spec.ts
+++ b/projects/ui-components/lf-selection-list/resize-column.directive.spec.ts
@@ -1,192 +1,193 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ColumnDef } from './lf-selection-list-types';
-import { COLUMN_MIN_WIDTH, ResizeColumnDirective } from './resize-column.directive';
-
-@Component({
-    template: `
-  <div style="position: relative">
-    <table>
-      <tr [style.gridTemplateColumns]="gridTemplateColumns">
-        <th>
-          <div style="width:100%; height: 100%; position: relative" [lfResizeColumn]="columnResizable" [columnDef]="columnDef" (widthChanged)="onWidthChange($event)">
-        Header 1</div>
-        </th>
-        <th>Header 2</th>
-        <th>Header 3</th>
-      </tr>
-      <tr [style.gridTemplateColumns]="gridTemplateColumns">
-        <td>1 1</td>
-        <td>1 2</td>
-        <td>1 3</td>
-      </tr>
-      <tr [style.gridTemplateColumns]="gridTemplateColumns">
-        <td>2 1</td>
-        <td>2 2</td>
-        <td>2 3</td>
-      </tr>
-    </table>
-  </div>`,
-    styles: [
-        `
-        table {
-          border-spacing: 0;
-        }
-
-        tr {
-          display: grid;
-        }
-
-        th {
-          padding: 0 10px;
-        }
-
-        .resize-handle {
-        display: inline-block;
-        position: absolute;
-        top: 0;
-        height: 100%;
-        cursor: col-resize;
-        opacity: 0;
-        width: 15px;
-        right: -17.5px;
-      }
-
-      .repository-browser-resize-overlay {
-        position: absolute;
-        top: 0;
-        height: 100%;
-        width: 1px;
-        background-color: #aeaeae;
-        user-select: none;
-        z-index: 1;
-        cursor: col-resize;
-      }
-      `
-    ],
-    standalone: true,
-    imports: [ResizeColumnDirective]
-})
-class TestComponent {
-  widthChanged: number = 100;
-  columnResizable: boolean = true;
-  gridTemplateColumns: string = `${this.widthChanged}px 100px 100px`;
-  columnDef: ColumnDef =  { id: 'mock_column_def', displayName: 'Mock Column Def', defaultWidth: '100px', minWidthPx: 50, resizable: true, sortable: true };
-  onWidthChange(width: number) {
-    this.widthChanged = width;
-    this.gridTemplateColumns = `${this.widthChanged}px 100px 100px`;
-  }
-}
-
-describe('ResizeColumnDirective', () => {
-  let fixture: ComponentFixture<TestComponent>;
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [TestComponent],
-    })
-      .compileComponents();
-
-      fixture = TestBed.createComponent(TestComponent);
-      fixture.detectChanges();
-  });
-
-
-  function mouseDownResizeHandler(resizeHandleEl: HTMLElement) {
-    const mouseDownEvent = new MouseEvent('mousedown', {
-      bubbles: true,
-      cancelable: true
-    });
-
-    resizeHandleEl.dispatchEvent(mouseDownEvent);
-  }
-
-  function mouseMoveResizeHandler(resizeHandleEl: HTMLElement, moveX: number) {
-    const initialClientRight = resizeHandleEl.closest('th')?.getBoundingClientRect().right ?? 0;
-    const mouseMoveEvent = new MouseEvent('mousemove', {
-      clientX: initialClientRight + moveX,
-      movementX: moveX,
-      bubbles: true,
-      cancelable: true,
-      buttons: 2
-    });
-    resizeHandleEl.dispatchEvent(mouseMoveEvent);
-  }
-
-  function mouseUpResizeHandler(resizeHandleEl: HTMLElement) {
-    const mouseupEvent = new MouseEvent('mouseup', {
-      bubbles: true,
-      cancelable: true,
-    });
-
-    resizeHandleEl.dispatchEvent(mouseupEvent);
-  }
-
-  it('resized column should not be smaller than min width', () => {
-    // Arrange
-    const moveX = -75;
-    const resizeHandleEl = Array.from(
-      document.getElementsByClassName('resize-handle')
-    )[0] as HTMLElement;
-    const initialWidth = resizeHandleEl.closest('th')?.getBoundingClientRect().width ?? 0;
-
-    // Act
-    mouseDownResizeHandler(resizeHandleEl);
-    mouseMoveResizeHandler(resizeHandleEl, moveX);
-    mouseUpResizeHandler(resizeHandleEl);
-    fixture.detectChanges();
-
-    // Assert
-
-    expect(fixture.componentInstance.widthChanged).toBe(fixture.componentInstance.columnDef.minWidthPx ?? 0);
-  });
-
-  it('should emit widthChange on mouse up',  () => {
-      // Arrange
-      const moveX = 100;
-      const resizeHandleEl = Array.from(
-        document.getElementsByClassName('resize-handle')
-      )[0] as HTMLElement;
-      const initialWidth = resizeHandleEl.closest('th')?.getBoundingClientRect().width ?? 0;
-
-      // Act
-      mouseDownResizeHandler(resizeHandleEl);
-      mouseMoveResizeHandler(resizeHandleEl, moveX);
-      mouseUpResizeHandler(resizeHandleEl);
-      fixture.detectChanges();
-
-
-      // Assert
-      expect(fixture.componentInstance.widthChanged).toBe(initialWidth + moveX);
-    });
-
-    it('should set repository-browser-resize-overlay left with mousemove',  () => {
-      // Arrange
-      const moveX = 100;
-
-      const resizeHandleEl = Array.from(
-        document.getElementsByClassName('resize-handle')
-      )[0] as HTMLElement;
-      const initialWidth = resizeHandleEl.closest('th')?.getBoundingClientRect().width ?? 0;
-
-      // Act
-      mouseDownResizeHandler(resizeHandleEl);
-      mouseMoveResizeHandler(resizeHandleEl, moveX);
-      fixture.detectChanges();
-
-      // Assert
-      const resize = Array.from(
-        document.getElementsByClassName('repository-browser-resize-overlay')
-      );
-      expect((resize[0] as HTMLDivElement).style.left).toBe(`${moveX + initialWidth}px`);
-
-      // Move the mouse again
-      mouseMoveResizeHandler(resizeHandleEl, 2*moveX);
-      fixture.detectChanges();
-
-      // Assert
-      expect((resize[0] as HTMLDivElement).style.left).toBe(`${2*moveX + initialWidth}px`);
-    });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ColumnDef } from './lf-selection-list-types';
+import { COLUMN_MIN_WIDTH, ResizeColumnDirective } from './resize-column.directive';
+
+@Component({
+  template: ` <div style="position: relative">
+    <table>
+      <tr [style.gridTemplateColumns]="gridTemplateColumns">
+        <th>
+          <div
+            style="width:100%; height: 100%; position: relative"
+            [lfResizeColumn]="columnResizable"
+            [columnDef]="columnDef"
+            (widthChanged)="onWidthChange($event)"
+          >
+            Header 1
+          </div>
+        </th>
+        <th>Header 2</th>
+        <th>Header 3</th>
+      </tr>
+      <tr [style.gridTemplateColumns]="gridTemplateColumns">
+        <td>1 1</td>
+        <td>1 2</td>
+        <td>1 3</td>
+      </tr>
+      <tr [style.gridTemplateColumns]="gridTemplateColumns">
+        <td>2 1</td>
+        <td>2 2</td>
+        <td>2 3</td>
+      </tr>
+    </table>
+  </div>`,
+  styles: [
+    `
+      table {
+        border-spacing: 0;
+      }
+
+      tr {
+        display: grid;
+      }
+
+      th {
+        padding: 0 10px;
+      }
+
+      .resize-handle {
+        display: inline-block;
+        position: absolute;
+        top: 0;
+        height: 100%;
+        cursor: col-resize;
+        opacity: 0;
+        width: 15px;
+        right: -17.5px;
+      }
+
+      .repository-browser-resize-overlay {
+        position: absolute;
+        top: 0;
+        height: 100%;
+        width: 1px;
+        background-color: #aeaeae;
+        user-select: none;
+        z-index: 1;
+        cursor: col-resize;
+      }
+    `,
+  ],
+  standalone: true,
+  imports: [ResizeColumnDirective],
+})
+class TestComponent {
+  widthChanged: number = 100;
+  columnResizable: boolean = true;
+  gridTemplateColumns: string = `${this.widthChanged}px 100px 100px`;
+  columnDef: ColumnDef = {
+    id: 'mock_column_def',
+    displayName: 'Mock Column Def',
+    defaultWidth: '100px',
+    minWidthPx: 50,
+    resizable: true,
+    sortable: true,
+  };
+  onWidthChange(width: number) {
+    this.widthChanged = width;
+    this.gridTemplateColumns = `${this.widthChanged}px 100px 100px`;
+  }
+}
+
+describe('ResizeColumnDirective', () => {
+  let fixture: ComponentFixture<TestComponent>;
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [TestComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(TestComponent);
+    fixture.detectChanges();
+  });
+
+  function mouseDownResizeHandler(resizeHandleEl: HTMLElement) {
+    const mouseDownEvent = new MouseEvent('mousedown', {
+      bubbles: true,
+      cancelable: true,
+    });
+
+    resizeHandleEl.dispatchEvent(mouseDownEvent);
+  }
+
+  function mouseMoveResizeHandler(resizeHandleEl: HTMLElement, moveX: number) {
+    const initialClientRight = resizeHandleEl.closest('th')?.getBoundingClientRect().right ?? 0;
+    const mouseMoveEvent = new MouseEvent('mousemove', {
+      clientX: initialClientRight + moveX,
+      movementX: moveX,
+      bubbles: true,
+      cancelable: true,
+      buttons: 2,
+    });
+    resizeHandleEl.dispatchEvent(mouseMoveEvent);
+  }
+
+  function mouseUpResizeHandler(resizeHandleEl: HTMLElement) {
+    const mouseupEvent = new MouseEvent('mouseup', {
+      bubbles: true,
+      cancelable: true,
+    });
+
+    resizeHandleEl.dispatchEvent(mouseupEvent);
+  }
+
+  it('resized column should not be smaller than min width', () => {
+    // Arrange
+    const moveX = -75;
+    const resizeHandleEl = Array.from(document.getElementsByClassName('resize-handle'))[0] as HTMLElement;
+    const initialWidth = resizeHandleEl.closest('th')?.getBoundingClientRect().width ?? 0;
+
+    // Act
+    mouseDownResizeHandler(resizeHandleEl);
+    mouseMoveResizeHandler(resizeHandleEl, moveX);
+    mouseUpResizeHandler(resizeHandleEl);
+    fixture.detectChanges();
+
+    // Assert
+
+    expect(fixture.componentInstance.widthChanged).toBe(fixture.componentInstance.columnDef.minWidthPx ?? 0);
+  });
+
+  it('should emit widthChange on mouse up', () => {
+    // Arrange
+    const moveX = 100;
+    const resizeHandleEl = Array.from(document.getElementsByClassName('resize-handle'))[0] as HTMLElement;
+    const initialWidth = resizeHandleEl.closest('th')?.getBoundingClientRect().width ?? 0;
+
+    // Act
+    mouseDownResizeHandler(resizeHandleEl);
+    mouseMoveResizeHandler(resizeHandleEl, moveX);
+    mouseUpResizeHandler(resizeHandleEl);
+    fixture.detectChanges();
+
+    // Assert
+    expect(fixture.componentInstance.widthChanged).toBe(initialWidth + moveX);
+  });
+
+  it('should set repository-browser-resize-overlay left with mousemove', () => {
+    // Arrange
+    const moveX = 100;
+
+    const resizeHandleEl = Array.from(document.getElementsByClassName('resize-handle'))[0] as HTMLElement;
+    const initialWidth = resizeHandleEl.closest('th')?.getBoundingClientRect().width ?? 0;
+
+    // Act
+    mouseDownResizeHandler(resizeHandleEl);
+    mouseMoveResizeHandler(resizeHandleEl, moveX);
+    fixture.detectChanges();
+
+    // Assert
+    const resize = Array.from(document.getElementsByClassName('repository-browser-resize-overlay'));
+    expect((resize[0] as HTMLDivElement).style.left).toBe(`${moveX + initialWidth}px`);
+
+    // Move the mouse again
+    mouseMoveResizeHandler(resizeHandleEl, 2 * moveX);
+    fixture.detectChanges();
+
+    // Assert
+    expect((resize[0] as HTMLDivElement).style.left).toBe(`${2 * moveX + initialWidth}px`);
+  });
+});
diff --git a/projects/ui-components/lf-selection-list/resize-column.directive.ts b/projects/ui-components/lf-selection-list/resize-column.directive.ts
index fd7d9b49..42ec3a57 100644
--- a/projects/ui-components/lf-selection-list/resize-column.directive.ts
+++ b/projects/ui-components/lf-selection-list/resize-column.directive.ts
@@ -1,115 +1,126 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ChangeDetectorRef, Directive, ElementRef, EventEmitter, Input, OnDestroy, OnInit, Output, Renderer2, inject } from '@angular/core';
-import { ColumnDef } from './lf-selection-list-types';
-
-export const COLUMN_MIN_WIDTH: number = 100;
-
-@Directive({
-    selector: '[lfResizeColumn]',
-    standalone: true
-})
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import {
+  ChangeDetectorRef,
+  Directive,
+  ElementRef,
+  EventEmitter,
+  Input,
+  OnDestroy,
+  OnInit,
+  Output,
+  Renderer2,
+  inject,
+} from '@angular/core';
+import { ColumnDef } from './lf-selection-list-types';
+
+export const COLUMN_MIN_WIDTH: number = 100;
+
+@Directive({
+  selector: '[lfResizeColumn]',
+  standalone: true,
+})
 export class ResizeColumnDirective implements OnInit, OnDestroy {
   private renderer = inject(Renderer2);
   private el = inject(ElementRef);
   private ref = inject(ChangeDetectorRef);
-
-  @Input('lfResizeColumn') resizable: boolean = false;
-  @Input() columnDef?: ColumnDef;
-  @Output() widthChanged: EventEmitter<number> = new EventEmitter<number>();
-
-  private column: HTMLElement;
-
-  private pressed: boolean = false;
-  resizePosition: number = 0;
-  resizedColumnInitialOffsetLeft: number = 0;
-  viewport?: HTMLElement;
-  th?: HTMLElement;
-  verticalResizeBar?: HTMLElement;
-  mouseDownListener?: () => void;
-  mouseMoveListener?: () => void;
-  mouseUpListener?: () => void;
-
-  constructor() {
-    this.column = this.el.nativeElement;
-  }
-
-  ngOnInit() {
-    if (this.resizable) {
-      this.th = this.renderer.parentNode(this.column);
-      const row = this.renderer.parentNode(this.th);
-      const thead = this.renderer.parentNode(row);
-      const table = this.renderer.parentNode(thead);
-      this.viewport = this.renderer.parentNode(table);
-      this.verticalResizeBar = this.renderer.createElement('div');
-      this.verticalResizeBar!.classList.add('repository-browser-resize-overlay');
-
-      const resizeHandle: HTMLElement = this.renderer.createElement('span');
-      resizeHandle.classList.add('resize-handle');
-      this.renderer.appendChild(this.column, resizeHandle);
-
-      this.mouseDownListener = this.renderer.listen(resizeHandle, 'mousedown', this.onMouseDown.bind(this));
-    }
-  }
-
-  ngOnDestroy() {
-    if (this.mouseDownListener) this.mouseDownListener();
-    if (this.mouseMoveListener) this.mouseMoveListener();
-    if (this.mouseUpListener) this.mouseUpListener();
-  }
-
-  onMouseDown = (ev: MouseEvent) => {
-    ev.preventDefault();
-    ev.stopPropagation();
-    if (!this.viewport || !this.verticalResizeBar) {
-      console.warn('Unexpected cannot find viewport: resizeColumnDirective mouseDown');
-      return;
-    }
-    this.pressed = true;
-    this.resizePosition =
-      ev.clientX - (this.viewport.getBoundingClientRect()?.left ?? 0) + (this.viewport.scrollLeft ?? 0);
-    this.viewport.appendChild(this.verticalResizeBar);
-    this.verticalResizeBar.style.left = this.resizePosition + 'px';
-    this.resizedColumnInitialOffsetLeft = this.th?.offsetLeft ?? 0;
-    this.mouseMoveListener = this.renderer.listen('document', 'mousemove', this.resizableMousemove.bind(this));
-    this.mouseUpListener = this.renderer.listen('document', 'mouseup', this.resizableMouseup.bind(this));
-  };
-
-  resizableMousemove = (event: MouseEvent) => {
-    event.preventDefault();
-    event.stopPropagation();
-    if (!this.viewport) {
-      console.warn('Unexpected cannot find viewport: resizeColumnDirective mouseMove');
-      return;
-    }
-    if (this.pressed && event.buttons) {
-      const currentPositionWithScroll =
-        event.clientX - this.viewport.getBoundingClientRect().left + this.viewport.scrollLeft;
-      const minWidthPx = this.columnDef?.minWidthPx ?? COLUMN_MIN_WIDTH;
-      if (currentPositionWithScroll - this.resizedColumnInitialOffsetLeft > minWidthPx) {
-        this.resizePosition = currentPositionWithScroll;
-      } else {
-        this.resizePosition = this.resizedColumnInitialOffsetLeft + minWidthPx;
-      }
-      this.verticalResizeBar!.style.left = this.resizePosition + 'px';
-    }
-  };
-  resizableMouseup(event: MouseEvent) {
-    event.preventDefault();
-    event.stopPropagation();
-    if (!this.viewport) {
-      console.warn('Unexpected cannot find viewport: resizeColumnDirective mouseUp');
-      return;
-    }
-    if (this.pressed) {
-      this.pressed = false;
-      const width = this.resizePosition - this.resizedColumnInitialOffsetLeft;
-      this.widthChanged.emit(width);
-      this.renderer.removeChild(this.viewport, this.verticalResizeBar);
-      this.ref.detectChanges();
-    }
-    if (this.mouseMoveListener) this.mouseMoveListener();
-    if (this.mouseUpListener) this.mouseUpListener();
-  }
-}
+
+  @Input('lfResizeColumn') resizable: boolean = false;
+  @Input() columnDef?: ColumnDef;
+  @Output() widthChanged: EventEmitter<number> = new EventEmitter<number>();
+
+  private column: HTMLElement;
+
+  private pressed: boolean = false;
+  resizePosition: number = 0;
+  resizedColumnInitialOffsetLeft: number = 0;
+  viewport?: HTMLElement;
+  th?: HTMLElement;
+  verticalResizeBar?: HTMLElement;
+  mouseDownListener?: () => void;
+  mouseMoveListener?: () => void;
+  mouseUpListener?: () => void;
+
+  constructor() {
+    this.column = this.el.nativeElement;
+  }
+
+  ngOnInit() {
+    if (this.resizable) {
+      this.th = this.renderer.parentNode(this.column);
+      const row = this.renderer.parentNode(this.th);
+      const thead = this.renderer.parentNode(row);
+      const table = this.renderer.parentNode(thead);
+      this.viewport = this.renderer.parentNode(table);
+      this.verticalResizeBar = this.renderer.createElement('div');
+      this.verticalResizeBar!.classList.add('repository-browser-resize-overlay');
+
+      const resizeHandle: HTMLElement = this.renderer.createElement('span');
+      resizeHandle.classList.add('resize-handle');
+      this.renderer.appendChild(this.column, resizeHandle);
+
+      this.mouseDownListener = this.renderer.listen(resizeHandle, 'mousedown', this.onMouseDown.bind(this));
+    }
+  }
+
+  ngOnDestroy() {
+    if (this.mouseDownListener) this.mouseDownListener();
+    if (this.mouseMoveListener) this.mouseMoveListener();
+    if (this.mouseUpListener) this.mouseUpListener();
+  }
+
+  onMouseDown = (ev: MouseEvent) => {
+    ev.preventDefault();
+    ev.stopPropagation();
+    if (!this.viewport || !this.verticalResizeBar) {
+      console.warn('Unexpected cannot find viewport: resizeColumnDirective mouseDown');
+      return;
+    }
+    this.pressed = true;
+    this.resizePosition =
+      ev.clientX - (this.viewport.getBoundingClientRect()?.left ?? 0) + (this.viewport.scrollLeft ?? 0);
+    this.viewport.appendChild(this.verticalResizeBar);
+    this.verticalResizeBar.style.left = this.resizePosition + 'px';
+    this.resizedColumnInitialOffsetLeft = this.th?.offsetLeft ?? 0;
+    this.mouseMoveListener = this.renderer.listen('document', 'mousemove', this.resizableMousemove.bind(this));
+    this.mouseUpListener = this.renderer.listen('document', 'mouseup', this.resizableMouseup.bind(this));
+  };
+
+  resizableMousemove = (event: MouseEvent) => {
+    event.preventDefault();
+    event.stopPropagation();
+    if (!this.viewport) {
+      console.warn('Unexpected cannot find viewport: resizeColumnDirective mouseMove');
+      return;
+    }
+    if (this.pressed && event.buttons) {
+      const currentPositionWithScroll =
+        event.clientX - this.viewport.getBoundingClientRect().left + this.viewport.scrollLeft;
+      const minWidthPx = this.columnDef?.minWidthPx ?? COLUMN_MIN_WIDTH;
+      if (currentPositionWithScroll - this.resizedColumnInitialOffsetLeft > minWidthPx) {
+        this.resizePosition = currentPositionWithScroll;
+      } else {
+        this.resizePosition = this.resizedColumnInitialOffsetLeft + minWidthPx;
+      }
+      this.verticalResizeBar!.style.left = this.resizePosition + 'px';
+    }
+  };
+  resizableMouseup(event: MouseEvent) {
+    event.preventDefault();
+    event.stopPropagation();
+    if (!this.viewport) {
+      console.warn('Unexpected cannot find viewport: resizeColumnDirective mouseUp');
+      return;
+    }
+    if (this.pressed) {
+      this.pressed = false;
+      const width = this.resizePosition - this.resizedColumnInitialOffsetLeft;
+      this.widthChanged.emit(width);
+      this.renderer.removeChild(this.viewport, this.verticalResizeBar);
+      this.ref.detectChanges();
+    }
+    if (this.mouseMoveListener) this.mouseMoveListener();
+    if (this.mouseUpListener) this.mouseUpListener();
+  }
+}
diff --git a/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.html b/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.html
index 1b7b9daf..efd214b3 100644
--- a/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.html
+++ b/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.html
@@ -3,41 +3,43 @@
 
 <label for="image-upload" class="lf-text-label"
   >{{ localizedStrings.ATTACH_IMAGE }} ({{ localizedStrings.OPTIONAL }})</label
-  >
-  <div (drop)="dropHandler($event)" (dragover)="dragOverHandler($event)">
-      <div id="image-upload" class="file-drop-zone" [hidden]="showLoader || imageUploaded">
-        <input
-          id="browseFileInput"
-          type="file"
-          [accept]="acceptedImageTypes"
-          tabindex="-1"
-          title=""
-          (change)="onFileSelectedAsync($event)"
-          #uploadFile
-          />
-          <div id="file-upload-area">
-            <span id="upload-icon" class="material-icons"> file_upload </span>
-            <label for="uploadFile">
-              <button class="sec-button lf-button" (click)="onInputClickArea(uploadFile)">{{ localizedStrings.BROWSE }}</button>
-            </label>
-            <div class="file-upload-sub-text lf-text-body">{{ localizedStrings.OR }}</div>
-            <div class="file-upload-sub-text lf-text-body">{{ localizedStrings.DRAG_DROP_FILE }}</div>
-          </div>
-        </div>
-        <div class="picked-file-zone" [hidden]="!(showLoader || imageUploaded)">
-          <div class="selected-file-info" [hidden]="!imageUploaded">
-              <div class="image-preview">
-                <img [src]="imageUploaded?.rawBase64" style="max-width: 100%; max-height: 100%; object-fit: contain" />
-              </div>
-              <div id="uploaded-file-name" class="lf-text-body" title="{{ imageUploaded?.name }}">
-                {{ imageUploaded?.name }}
-              </div>
-              <button class="lf-close-button" title="{{ localizedStrings.REMOVE }}" (click)="removeImage(uploadFile)">
-                <span class="material-icons-outlined"> close </span>
-              </button>
-          </div>
-          <div class="loader-wrapper" [hidden]="!!imageUploaded">
-              <lf-loader-component></lf-loader-component>
-          </div>
-        </div>
+>
+<div (drop)="dropHandler($event)" (dragover)="dragOverHandler($event)">
+  <div id="image-upload" class="file-drop-zone" [hidden]="showLoader || imageUploaded">
+    <input
+      id="browseFileInput"
+      type="file"
+      [accept]="acceptedImageTypes"
+      tabindex="-1"
+      title=""
+      (change)="onFileSelectedAsync($event)"
+      #uploadFile
+    />
+    <div id="file-upload-area">
+      <span id="upload-icon" class="material-icons"> file_upload </span>
+      <label for="uploadFile">
+        <button class="sec-button lf-button" (click)="onInputClickArea(uploadFile)">
+          {{ localizedStrings.BROWSE }}
+        </button>
+      </label>
+      <div class="file-upload-sub-text lf-text-body">{{ localizedStrings.OR }}</div>
+      <div class="file-upload-sub-text lf-text-body">{{ localizedStrings.DRAG_DROP_FILE }}</div>
     </div>
+  </div>
+  <div class="picked-file-zone" [hidden]="!(showLoader || imageUploaded)">
+    <div class="selected-file-info" [hidden]="!imageUploaded">
+      <div class="image-preview">
+        <img [src]="imageUploaded?.rawBase64" style="max-width: 100%; max-height: 100%; object-fit: contain" />
+      </div>
+      <div id="uploaded-file-name" class="lf-text-body" title="{{ imageUploaded?.name }}">
+        {{ imageUploaded?.name }}
+      </div>
+      <button class="lf-close-button" title="{{ localizedStrings.REMOVE }}" (click)="removeImage(uploadFile)">
+        <span class="material-icons-outlined"> close </span>
+      </button>
+    </div>
+    <div class="loader-wrapper" [hidden]="!!imageUploaded">
+      <lf-loader-component></lf-loader-component>
+    </div>
+  </div>
+</div>
diff --git a/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.spec.ts b/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.spec.ts
index 9b1acce9..5d03813c 100644
--- a/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.spec.ts
+++ b/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.spec.ts
@@ -1,188 +1,186 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { StringUtils } from '@laserfiche/lf-js-utils';
-import { AppLocalizationService } from '@laserfiche/lf-ui-components/internal-shared';
-import { FeedbackImageUploadComponent } from './feedback-image-upload.component';
-import { of } from 'rxjs';
-
-describe('FeedbackImageUploadComponent', () => {
-  let component: FeedbackImageUploadComponent;
-  let fixture: ComponentFixture<FeedbackImageUploadComponent>;
-  const base64Image =
-    'iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==';
-  const localizeServiceMock: any = {
-    getStringLaserficheObservable: vi.fn(),
-    getStringComponentsObservable: vi.fn(),
-    getResourceStringComponents: vi.fn(),
-  };
-  localizeServiceMock.getStringLaserficheObservable.mockImplementation((value: string) => {
-    return of(value);
-  });
-  localizeServiceMock.getStringComponentsObservable.mockImplementation((value: string) => {
-    return of(value);
-  });
-  localizeServiceMock.getResourceStringComponents.mockImplementation((value: string) => {
-    return value;
-  });
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [FeedbackImageUploadComponent],
-      providers: [{ provide: AppLocalizationService, useValue: localizeServiceMock }],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(FeedbackImageUploadComponent);
-    component = fixture.componentInstance;
-    fixture.autoDetectChanges();
-    await fixture.whenStable();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('if there is no image attached, should show the file drop zone', () => {
-    // Act
-    component.imageUploaded = undefined;
-
-    // Assert
-    const fileDropZone = document.getElementsByClassName('file-drop-zone');
-    expect(fileDropZone.length).toBe(1);
-  });
-
-  it('if there is image attached, should show the picked file zone', async () => {
-    // Act
-    component.imageUploaded = {name: 'test.png', rawBase64: ''};
-    await fixture.whenStable();
-
-    // Assert
-    const fileDropZone = document.getElementsByClassName('picked-file-zone');
-    expect(fileDropZone.length).toBe(1);
-  });
-
-  it('if tryReadAndValidateImageAsync is called with a valid image, should should attach image, and should emit event feedbackImageBase64', async () => {
-    // Arrange
-    // convert base64 to byte array
-    const file = base64ToImage(base64Image);
-    vi.spyOn(component.feedbackImageBase64, 'emit');
-
-    // Act
-    // @ts-ignore
-    const success = await component.tryReadAndValidateImageAsync(file);
-
-    // Assert
-    expect(success).toBe(true);
-    expect(component.feedbackImageBase64.emit).toHaveBeenCalledWith(`data:image/png;base64,${base64Image}`);
-    expect(component.imageUploaded).toEqual({name: 'test.png', rawBase64: `data:image/png;base64,${base64Image}`});
-  });
-
-  it('if tryReadAndValidateImageAsync is called with a file above 3MB, should emit warning, and should not attach image', async () => {
-    // Arrange
-    const fileSize = 4 * Math.pow(1024, 2); // 4 MB
-    const file = createInvalidImageWithSize(fileSize);
-    vi.spyOn(component.imageUploadError, 'emit');
-
-    // Act
-    // @ts-ignore
-    await component.tryReadAndValidateImageAsync(file);
-
-    // Assert
-    expect(component.imageUploadError.emit).toHaveBeenCalledWith(
-      'IMAGE_NOT_ATTACHED IMAGE_EXCEEDS_MAX_FILE_SIZE_0'
-    );
-    expect(component.imageUploaded).toBeUndefined();
-  });
-
-  it('if tryReadAndValidateImageAsync is called with an invalid image, should emit warning, and should not attach image', async () => {
-    // Arrange
-    const fileSize = Math.pow(1024, 2); // 1 MB
-    const file = createInvalidImageWithSize(fileSize);
-    vi.spyOn(component.imageUploadError, 'emit');
-
-    // Act
-    // @ts-ignore
-    await component.tryReadAndValidateImageAsync(file);
-
-    // Assert
-    expect(component.imageUploadError.emit).toHaveBeenCalledWith(
-      'IMAGE_NOT_ATTACHED IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT ACCEPTED_FORMATS_ARE_0'
-    );
-    expect(component.imageUploaded).toBeUndefined();
-  });
-
-  it('if multiple images are dropped to the file drop zone, should emit warning', async () => {
-    const file1 = new File([''], 'dummy1.png');
-    const file2 = new File([''], 'dummy2.png');
-    const dataTransfer = new DataTransfer();
-    dataTransfer.items.add(file1);
-    dataTransfer.items.add(file2);
-    // @ts-ignore
-    vi.spyOn(component, 'tryReadAndValidateImageAsync');
-
-    const event = new DragEvent('drop', { dataTransfer });
-    vi.spyOn(component.imageUploadError, 'emit');
-
-    component.dropHandler(event);
-    await fixture.whenStable();
-    // @ts-ignore
-    expect(component.tryReadAndValidateImageAsync).not.toHaveBeenCalled();
-    expect(component.imageUploadError.emit).toHaveBeenCalledWith('IMAGE_NOT_ATTACHED PLEASE_ATTACH_ONLY_ONE_IMAGE');
-  });
-
-  it('if one image is dropped to the file drop zone, should call tryReadAndValidateImageAsync', async () => {
-    const file1 = new File([''], 'dummy1.png');
-    const dataTransfer = new DataTransfer();
-    dataTransfer.items.add(file1);
-
-    // @ts-ignore
-    vi.spyOn(component, 'tryReadAndValidateImageAsync');
-
-    const event = new DragEvent('drop', { dataTransfer });
-
-    component.dropHandler(event);
-    await fixture.whenStable();
-    // @ts-ignore
-    expect(component.tryReadAndValidateImageAsync).toHaveBeenCalledWith(file1);
-  });
-
-  it('if remove the image, should show the file drop zone', async () => {
-    // Arrange
-    // convert base64 to byte array
-    const file = base64ToImage(base64Image);
-    vi.spyOn(component.feedbackImageBase64, 'emit');
-
-    // Act
-    // @ts-ignore
-    await component.tryReadAndValidateImageAsync(file);
-    await fixture.whenStable();
-    component.removeImage();
-    await fixture.whenStable();
-
-    // Assert
-    expect(component.imageUploaded).toBeUndefined();
-    expect(component.feedbackImageBase64.emit).toHaveBeenCalledWith(undefined);
-  });
-});
-
-function createInvalidImageWithSize(fileSize: number) {
-  const file = new File([''], 'invalid-image.png');
-  Object.defineProperty(file, 'size', { value: fileSize, writable: false });
-  Object.defineProperty(file, 'type', { value: 'image/png', writable: false });
-  return file;
-}
-
-function base64ToImage(base64Image: string) {
-  const asciiImage = StringUtils.base64toString(base64Image);
-  const byteNumbers = new Array(asciiImage.length);
-  for (let i = 0; i < asciiImage.length; i++) {
-    byteNumbers[i] = asciiImage.charCodeAt(i);
-  }
-  // convert this array of byte values into a real typed byte array
-  const byteArray = new Uint8Array(byteNumbers);
-  const blob = new Blob([byteArray], { type: 'image/png' });
-
-  const file = new File([blob], 'test.png', { type: 'image/png' });
-  return file;
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { StringUtils } from '@laserfiche/lf-js-utils';
+import { AppLocalizationService } from '@laserfiche/lf-ui-components/internal-shared';
+import { FeedbackImageUploadComponent } from './feedback-image-upload.component';
+import { of } from 'rxjs';
+
+describe('FeedbackImageUploadComponent', () => {
+  let component: FeedbackImageUploadComponent;
+  let fixture: ComponentFixture<FeedbackImageUploadComponent>;
+  const base64Image =
+    'iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==';
+  const localizeServiceMock: any = {
+    getStringLaserficheObservable: vi.fn(),
+    getStringComponentsObservable: vi.fn(),
+    getResourceStringComponents: vi.fn(),
+  };
+  localizeServiceMock.getStringLaserficheObservable.mockImplementation((value: string) => {
+    return of(value);
+  });
+  localizeServiceMock.getStringComponentsObservable.mockImplementation((value: string) => {
+    return of(value);
+  });
+  localizeServiceMock.getResourceStringComponents.mockImplementation((value: string) => {
+    return value;
+  });
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [FeedbackImageUploadComponent],
+      providers: [{ provide: AppLocalizationService, useValue: localizeServiceMock }],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(FeedbackImageUploadComponent);
+    component = fixture.componentInstance;
+    fixture.autoDetectChanges();
+    await fixture.whenStable();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('if there is no image attached, should show the file drop zone', () => {
+    // Act
+    component.imageUploaded = undefined;
+
+    // Assert
+    const fileDropZone = document.getElementsByClassName('file-drop-zone');
+    expect(fileDropZone.length).toBe(1);
+  });
+
+  it('if there is image attached, should show the picked file zone', async () => {
+    // Act
+    component.imageUploaded = { name: 'test.png', rawBase64: '' };
+    await fixture.whenStable();
+
+    // Assert
+    const fileDropZone = document.getElementsByClassName('picked-file-zone');
+    expect(fileDropZone.length).toBe(1);
+  });
+
+  it('if tryReadAndValidateImageAsync is called with a valid image, should should attach image, and should emit event feedbackImageBase64', async () => {
+    // Arrange
+    // convert base64 to byte array
+    const file = base64ToImage(base64Image);
+    vi.spyOn(component.feedbackImageBase64, 'emit');
+
+    // Act
+    // @ts-ignore
+    const success = await component.tryReadAndValidateImageAsync(file);
+
+    // Assert
+    expect(success).toBe(true);
+    expect(component.feedbackImageBase64.emit).toHaveBeenCalledWith(`data:image/png;base64,${base64Image}`);
+    expect(component.imageUploaded).toEqual({ name: 'test.png', rawBase64: `data:image/png;base64,${base64Image}` });
+  });
+
+  it('if tryReadAndValidateImageAsync is called with a file above 3MB, should emit warning, and should not attach image', async () => {
+    // Arrange
+    const fileSize = 4 * Math.pow(1024, 2); // 4 MB
+    const file = createInvalidImageWithSize(fileSize);
+    vi.spyOn(component.imageUploadError, 'emit');
+
+    // Act
+    // @ts-ignore
+    await component.tryReadAndValidateImageAsync(file);
+
+    // Assert
+    expect(component.imageUploadError.emit).toHaveBeenCalledWith('IMAGE_NOT_ATTACHED IMAGE_EXCEEDS_MAX_FILE_SIZE_0');
+    expect(component.imageUploaded).toBeUndefined();
+  });
+
+  it('if tryReadAndValidateImageAsync is called with an invalid image, should emit warning, and should not attach image', async () => {
+    // Arrange
+    const fileSize = Math.pow(1024, 2); // 1 MB
+    const file = createInvalidImageWithSize(fileSize);
+    vi.spyOn(component.imageUploadError, 'emit');
+
+    // Act
+    // @ts-ignore
+    await component.tryReadAndValidateImageAsync(file);
+
+    // Assert
+    expect(component.imageUploadError.emit).toHaveBeenCalledWith(
+      'IMAGE_NOT_ATTACHED IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT ACCEPTED_FORMATS_ARE_0'
+    );
+    expect(component.imageUploaded).toBeUndefined();
+  });
+
+  it('if multiple images are dropped to the file drop zone, should emit warning', async () => {
+    const file1 = new File([''], 'dummy1.png');
+    const file2 = new File([''], 'dummy2.png');
+    const dataTransfer = new DataTransfer();
+    dataTransfer.items.add(file1);
+    dataTransfer.items.add(file2);
+    // @ts-ignore
+    vi.spyOn(component, 'tryReadAndValidateImageAsync');
+
+    const event = new DragEvent('drop', { dataTransfer });
+    vi.spyOn(component.imageUploadError, 'emit');
+
+    component.dropHandler(event);
+    await fixture.whenStable();
+    // @ts-ignore
+    expect(component.tryReadAndValidateImageAsync).not.toHaveBeenCalled();
+    expect(component.imageUploadError.emit).toHaveBeenCalledWith('IMAGE_NOT_ATTACHED PLEASE_ATTACH_ONLY_ONE_IMAGE');
+  });
+
+  it('if one image is dropped to the file drop zone, should call tryReadAndValidateImageAsync', async () => {
+    const file1 = new File([''], 'dummy1.png');
+    const dataTransfer = new DataTransfer();
+    dataTransfer.items.add(file1);
+
+    // @ts-ignore
+    vi.spyOn(component, 'tryReadAndValidateImageAsync');
+
+    const event = new DragEvent('drop', { dataTransfer });
+
+    component.dropHandler(event);
+    await fixture.whenStable();
+    // @ts-ignore
+    expect(component.tryReadAndValidateImageAsync).toHaveBeenCalledWith(file1);
+  });
+
+  it('if remove the image, should show the file drop zone', async () => {
+    // Arrange
+    // convert base64 to byte array
+    const file = base64ToImage(base64Image);
+    vi.spyOn(component.feedbackImageBase64, 'emit');
+
+    // Act
+    // @ts-ignore
+    await component.tryReadAndValidateImageAsync(file);
+    await fixture.whenStable();
+    component.removeImage();
+    await fixture.whenStable();
+
+    // Assert
+    expect(component.imageUploaded).toBeUndefined();
+    expect(component.feedbackImageBase64.emit).toHaveBeenCalledWith(undefined);
+  });
+});
+
+function createInvalidImageWithSize(fileSize: number) {
+  const file = new File([''], 'invalid-image.png');
+  Object.defineProperty(file, 'size', { value: fileSize, writable: false });
+  Object.defineProperty(file, 'type', { value: 'image/png', writable: false });
+  return file;
+}
+
+function base64ToImage(base64Image: string) {
+  const asciiImage = StringUtils.base64toString(base64Image);
+  const byteNumbers = new Array(asciiImage.length);
+  for (let i = 0; i < asciiImage.length; i++) {
+    byteNumbers[i] = asciiImage.charCodeAt(i);
+  }
+  // convert this array of byte values into a real typed byte array
+  const byteArray = new Uint8Array(byteNumbers);
+  const blob = new Blob([byteArray], { type: 'image/png' });
+
+  const file = new File([blob], 'test.png', { type: 'image/png' });
+  return file;
+}
diff --git a/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.ts b/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.ts
index 367bc7ec..e41adeae 100644
--- a/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.ts
+++ b/projects/ui-components/lf-user-feedback/feedback-image-upload/feedback-image-upload.component.ts
@@ -1,210 +1,210 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ChangeDetectorRef, Component, EventEmitter, Output, inject } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { AppLocalizationService, LfLoaderComponent } from '@laserfiche/lf-ui-components/internal-shared';
-
-/** @internal */
-@Component({
-  selector: 'lf-feedback-image-upload',
-  templateUrl: './feedback-image-upload.component.html',
-  styleUrls: ['./feedback-image-upload.component.css', '../user-feedback-dialog/user-feedback-dialog.component.css'],
-  standalone: true,
-  imports: [CommonModule, LfLoaderComponent],
-})
-export class FeedbackImageUploadComponent {
-  private localizationService = inject(AppLocalizationService);
-  private ref = inject(ChangeDetectorRef);
-
-  @Output() imageUploadError: EventEmitter<string> = new EventEmitter<string>();
-  @Output() feedbackImageBase64: EventEmitter<string | undefined> = new EventEmitter<string | undefined>();
-
-  showLoader: boolean = false;
-  imageUploaded?: { name: string; rawBase64: string };
-  acceptedImageTypes: string = '.jpg,.jpeg,.png,.gif,.webp';
-  private acceptedImageFormats: string = 'JPEG, PNG, GIF, WebP';
-  private supportedImageTypeArray: string[] = this.acceptedImageTypes
-    .split(',')
-    .map((imgType) => imgType.replace('.', 'image/'));
-  private megabyteLimit = 3;
-  private imageSizeLimitBytes: number = this.megabyteLimit * 1024 * 1024;
-
-  localizedStrings: Record<string, string> = {};
-
-  constructor() {
-    const lfKeys = ['OR', 'DRAG_DROP_FILE', 'REMOVE', 'BROWSE', 'OPTIONAL', 'UNKNOWN_ERROR'];
-    for (const key of lfKeys) {
-      this.localizationService.getStringLaserficheObservable(key).subscribe((v) => {
-        this.localizedStrings[key] = v as string;
-      });
-    }
-    this.localizationService.getStringComponentsObservable('ATTACH_IMAGE').subscribe((v) => {
-      this.localizedStrings['ATTACH_IMAGE'] = v as string;
-    });
-  }
-
-  async dropHandler(ev: DragEvent): Promise<void> {
-    let file: File | undefined;
-    let numFiles = 0;
-    ev.preventDefault();
-
-    if (ev?.dataTransfer?.items) {
-      numFiles = ev.dataTransfer.items.length;
-      const item = ev.dataTransfer.items[0];
-      if (item.kind === 'file') {
-        file = item.getAsFile() ?? undefined;
-      }
-    } else {
-      numFiles = ev.dataTransfer?.files.length ?? 0;
-      file = ev.dataTransfer?.files.item(0) ?? undefined;
-    }
-
-    if (numFiles > 1) {
-      this.imageUploadError.emit(
-        this.localizationService.getResourceStringComponents('IMAGE_NOT_ATTACHED') +
-          ' ' +
-          this.localizationService.getResourceStringComponents('PLEASE_ATTACH_ONLY_ONE_IMAGE'),
-      );
-    } else {
-      await this.tryReadAndValidateImageAsync(file);
-    }
-  }
-
-  dragOverHandler(ev: DragEvent) {
-    ev.preventDefault();
-  }
-
-  private async tryReadAndValidateImageAsync(image: File | undefined): Promise<boolean> {
-    try {
-      this.showLoader = true;
-      this.ref.detectChanges();
-      await this.uploadImageOrThrow(image);
-    } catch (error: any) {
-      this.handleImageUploadError(error);
-    } finally {
-      this.showLoader = false;
-      this.ref.detectChanges();
-      return !!this.imageUploaded;
-    }
-  }
-
-  private async uploadImageOrThrow(image: File | undefined): Promise<void> {
-    this.checkImageForErrors(image);
-    const encodingData = await this.getBase64Async(image as File);
-    this.feedbackImageBase64.emit(encodingData);
-    this.imageUploaded = {
-      name: (image as File).name,
-      rawBase64: encodingData,
-    };
-    this.ref.detectChanges();
-  }
-
-  private checkImageForErrors(image: File | undefined): void {
-    if (!image) {
-      throw new Error('image does not exist');
-    }
-    const isImageSupported = this.supportedImageTypeArray.includes(image.type);
-    if (!isImageSupported) {
-      throw new ImageUploadError(ImageUploadErrorType.UnsupportedFormat);
-    }
-    if (image.size > this.imageSizeLimitBytes) {
-      throw new ImageUploadError(ImageUploadErrorType.TooLarge);
-    }
-  }
-
-  private handleImageUploadError(error: any): void {
-    const errorMessage = this.getImageUploadErrorMessage(error);
-    this.imageUploadError.emit(
-      this.localizationService.getResourceStringComponents('IMAGE_NOT_ATTACHED') + ' ' + errorMessage,
-    );
-    this.feedbackImageBase64.emit(undefined);
-    this.imageUploaded = undefined;
-    this.ref.detectChanges();
-  }
-
-  private getImageUploadErrorMessage(error: any): string {
-    if (error.name === ImageUploadError_name) {
-      switch ((<ImageUploadError>error).imageUploadErrorType) {
-        case ImageUploadErrorType.TooLarge:
-          return this.localizationService.getResourceStringComponents('IMAGE_EXCEEDS_MAX_FILE_SIZE_0', [
-            `${this.megabyteLimit} MB`,
-          ]);
-        case ImageUploadErrorType.UnsupportedFormat:
-          return (
-            this.localizationService.getResourceStringComponents('IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT') +
-            ' ' +
-            this.localizationService.getResourceStringComponents('ACCEPTED_FORMATS_ARE_0', [this.acceptedImageFormats])
-          );
-        default:
-          return error.message ?? this.localizedStrings.UNKNOWN_ERROR;
-      }
-    } else {
-      return error.message ?? this.localizedStrings.UNKNOWN_ERROR;
-    }
-  }
-
-  onInputClickArea(fileInput: HTMLInputElement): void {
-    fileInput.click();
-  }
-
-  async onFileSelectedAsync(event: InputEvent): Promise<void> {
-    const file = (event.target as HTMLInputElement)?.files?.item(0) ?? undefined;
-    const isFileAttached = await this.tryReadAndValidateImageAsync(file);
-    if (!isFileAttached) {
-      (event.target as HTMLInputElement).files = null;
-      (event.target as HTMLInputElement).value = '';
-    }
-  }
-
-  private async getBase64Async(file: File): Promise<string> {
-    return new Promise((resolve, reject) => {
-      var reader = new FileReader();
-
-      reader.onload = () => {
-        const imgBase64: string = reader.result as string;
-        var image = document.createElement('img');
-        image.onload = () => {
-          resolve(imgBase64);
-        };
-        image.onerror = (error) => {
-          console.warn(error);
-          reject(new ImageUploadError(ImageUploadErrorType.UnsupportedFormat));
-        };
-        image.src = imgBase64;
-      };
-      reader.onerror = (error: any) => {
-        console.warn(error);
-        reject(new ImageUploadError(ImageUploadErrorType.UnsupportedFormat));
-      };
-      reader.readAsDataURL(file);
-    });
-  }
-
-  removeImage(fileInput?: HTMLInputElement): void {
-    this.imageUploaded = undefined;
-    this.feedbackImageBase64.emit(undefined);
-    if (fileInput) {
-      fileInput.value = '';
-    }
-  }
-}
-
-/** @internal */
-enum ImageUploadErrorType {
-  'TooLarge',
-  'UnsupportedFormat',
-}
-
-/** @internal */
-const ImageUploadError_name = 'ImageUploadError';
-/** @internal */
-class ImageUploadError extends Error {
-  name = ImageUploadError_name;
-  constructor(
-    public imageUploadErrorType: ImageUploadErrorType,
-    message?: string,
-  ) {
-    super(message ?? imageUploadErrorType.toString());
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ChangeDetectorRef, Component, EventEmitter, Output, inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AppLocalizationService, LfLoaderComponent } from '@laserfiche/lf-ui-components/internal-shared';
+
+/** @internal */
+@Component({
+  selector: 'lf-feedback-image-upload',
+  templateUrl: './feedback-image-upload.component.html',
+  styleUrls: ['./feedback-image-upload.component.css', '../user-feedback-dialog/user-feedback-dialog.component.css'],
+  standalone: true,
+  imports: [CommonModule, LfLoaderComponent],
+})
+export class FeedbackImageUploadComponent {
+  private localizationService = inject(AppLocalizationService);
+  private ref = inject(ChangeDetectorRef);
+
+  @Output() imageUploadError: EventEmitter<string> = new EventEmitter<string>();
+  @Output() feedbackImageBase64: EventEmitter<string | undefined> = new EventEmitter<string | undefined>();
+
+  showLoader: boolean = false;
+  imageUploaded?: { name: string; rawBase64: string };
+  acceptedImageTypes: string = '.jpg,.jpeg,.png,.gif,.webp';
+  private acceptedImageFormats: string = 'JPEG, PNG, GIF, WebP';
+  private supportedImageTypeArray: string[] = this.acceptedImageTypes
+    .split(',')
+    .map((imgType) => imgType.replace('.', 'image/'));
+  private megabyteLimit = 3;
+  private imageSizeLimitBytes: number = this.megabyteLimit * 1024 * 1024;
+
+  localizedStrings: Record<string, string> = {};
+
+  constructor() {
+    const lfKeys = ['OR', 'DRAG_DROP_FILE', 'REMOVE', 'BROWSE', 'OPTIONAL', 'UNKNOWN_ERROR'];
+    for (const key of lfKeys) {
+      this.localizationService.getStringLaserficheObservable(key).subscribe((v) => {
+        this.localizedStrings[key] = v as string;
+      });
+    }
+    this.localizationService.getStringComponentsObservable('ATTACH_IMAGE').subscribe((v) => {
+      this.localizedStrings['ATTACH_IMAGE'] = v as string;
+    });
+  }
+
+  async dropHandler(ev: DragEvent): Promise<void> {
+    let file: File | undefined;
+    let numFiles = 0;
+    ev.preventDefault();
+
+    if (ev?.dataTransfer?.items) {
+      numFiles = ev.dataTransfer.items.length;
+      const item = ev.dataTransfer.items[0];
+      if (item.kind === 'file') {
+        file = item.getAsFile() ?? undefined;
+      }
+    } else {
+      numFiles = ev.dataTransfer?.files.length ?? 0;
+      file = ev.dataTransfer?.files.item(0) ?? undefined;
+    }
+
+    if (numFiles > 1) {
+      this.imageUploadError.emit(
+        this.localizationService.getResourceStringComponents('IMAGE_NOT_ATTACHED') +
+          ' ' +
+          this.localizationService.getResourceStringComponents('PLEASE_ATTACH_ONLY_ONE_IMAGE')
+      );
+    } else {
+      await this.tryReadAndValidateImageAsync(file);
+    }
+  }
+
+  dragOverHandler(ev: DragEvent) {
+    ev.preventDefault();
+  }
+
+  private async tryReadAndValidateImageAsync(image: File | undefined): Promise<boolean> {
+    try {
+      this.showLoader = true;
+      this.ref.detectChanges();
+      await this.uploadImageOrThrow(image);
+    } catch (error: any) {
+      this.handleImageUploadError(error);
+    } finally {
+      this.showLoader = false;
+      this.ref.detectChanges();
+      return !!this.imageUploaded;
+    }
+  }
+
+  private async uploadImageOrThrow(image: File | undefined): Promise<void> {
+    this.checkImageForErrors(image);
+    const encodingData = await this.getBase64Async(image as File);
+    this.feedbackImageBase64.emit(encodingData);
+    this.imageUploaded = {
+      name: (image as File).name,
+      rawBase64: encodingData,
+    };
+    this.ref.detectChanges();
+  }
+
+  private checkImageForErrors(image: File | undefined): void {
+    if (!image) {
+      throw new Error('image does not exist');
+    }
+    const isImageSupported = this.supportedImageTypeArray.includes(image.type);
+    if (!isImageSupported) {
+      throw new ImageUploadError(ImageUploadErrorType.UnsupportedFormat);
+    }
+    if (image.size > this.imageSizeLimitBytes) {
+      throw new ImageUploadError(ImageUploadErrorType.TooLarge);
+    }
+  }
+
+  private handleImageUploadError(error: any): void {
+    const errorMessage = this.getImageUploadErrorMessage(error);
+    this.imageUploadError.emit(
+      this.localizationService.getResourceStringComponents('IMAGE_NOT_ATTACHED') + ' ' + errorMessage
+    );
+    this.feedbackImageBase64.emit(undefined);
+    this.imageUploaded = undefined;
+    this.ref.detectChanges();
+  }
+
+  private getImageUploadErrorMessage(error: any): string {
+    if (error.name === ImageUploadError_name) {
+      switch ((<ImageUploadError>error).imageUploadErrorType) {
+        case ImageUploadErrorType.TooLarge:
+          return this.localizationService.getResourceStringComponents('IMAGE_EXCEEDS_MAX_FILE_SIZE_0', [
+            `${this.megabyteLimit} MB`,
+          ]);
+        case ImageUploadErrorType.UnsupportedFormat:
+          return (
+            this.localizationService.getResourceStringComponents('IMAGE_CORRUPTED_UNRECOGNIZED_FORMAT') +
+            ' ' +
+            this.localizationService.getResourceStringComponents('ACCEPTED_FORMATS_ARE_0', [this.acceptedImageFormats])
+          );
+        default:
+          return error.message ?? this.localizedStrings.UNKNOWN_ERROR;
+      }
+    } else {
+      return error.message ?? this.localizedStrings.UNKNOWN_ERROR;
+    }
+  }
+
+  onInputClickArea(fileInput: HTMLInputElement): void {
+    fileInput.click();
+  }
+
+  async onFileSelectedAsync(event: InputEvent): Promise<void> {
+    const file = (event.target as HTMLInputElement)?.files?.item(0) ?? undefined;
+    const isFileAttached = await this.tryReadAndValidateImageAsync(file);
+    if (!isFileAttached) {
+      (event.target as HTMLInputElement).files = null;
+      (event.target as HTMLInputElement).value = '';
+    }
+  }
+
+  private async getBase64Async(file: File): Promise<string> {
+    return new Promise((resolve, reject) => {
+      var reader = new FileReader();
+
+      reader.onload = () => {
+        const imgBase64: string = reader.result as string;
+        var image = document.createElement('img');
+        image.onload = () => {
+          resolve(imgBase64);
+        };
+        image.onerror = (error) => {
+          console.warn(error);
+          reject(new ImageUploadError(ImageUploadErrorType.UnsupportedFormat));
+        };
+        image.src = imgBase64;
+      };
+      reader.onerror = (error: any) => {
+        console.warn(error);
+        reject(new ImageUploadError(ImageUploadErrorType.UnsupportedFormat));
+      };
+      reader.readAsDataURL(file);
+    });
+  }
+
+  removeImage(fileInput?: HTMLInputElement): void {
+    this.imageUploaded = undefined;
+    this.feedbackImageBase64.emit(undefined);
+    if (fileInput) {
+      fileInput.value = '';
+    }
+  }
+}
+
+/** @internal */
+enum ImageUploadErrorType {
+  'TooLarge',
+  'UnsupportedFormat',
+}
+
+/** @internal */
+const ImageUploadError_name = 'ImageUploadError';
+/** @internal */
+class ImageUploadError extends Error {
+  name = ImageUploadError_name;
+  constructor(
+    public imageUploadErrorType: ImageUploadErrorType,
+    message?: string
+  ) {
+    super(message ?? imageUploadErrorType.toString());
+  }
+}
diff --git a/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.css b/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.css
index d403c824..f2dfaa8c 100644
--- a/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.css
+++ b/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.css
@@ -1,3 +1,3 @@
-#image-upload-block {
-    height:160px;
-}
\ No newline at end of file
+#image-upload-block {
+  height: 160px;
+}
diff --git a/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.html b/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.html
index 031ae132..7bff3f68 100644
--- a/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.html
+++ b/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.html
@@ -1,48 +1,48 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<div class="user-feedback-content-container lf-dialog-content">
-  <lf-toast-message id="messages" [messages]="toastMessages"></lf-toast-message>
-  <div class="lf-text-body lf-user-feedback-description">
-    {{
-      isFeedback
-        ? (localizedStrings.FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW | async)
-        : (localizedStrings.DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING | async)
-    }}
-  </div>
-  <label for="feedback-suggestion-textbox" class="lf-text-label"
-    >{{
-      isFeedback ? (localizedStrings.TELL_US_ABOUT_EXPERIENCE | async) : (localizedStrings.TELL_US_ABOUT_IDEA | async)
-    }}
-    ({{ localizedStrings.REQUIRED | async }})</label
-  >
-  <textarea
-    id="feedback-suggestion-textbox"
-    rows="10"
-    [attr.maxlength]="maxFeedbackLength"
-    (input)="feedbackTextBoxChange($event)"
-    class="lf-textarea lf-text-placeholder lf-text-body feedback-suggestion-textbox"
-    [placeholder]="localizedStrings.PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK | async"
-  ></textarea>
-  <div class="lf-text-body character-count">
-    <span>{{ feedbackLength }}</span>
-    <span> / </span>
-    <span>{{ maxFeedbackLength }}</span>
-  </div>
-  <lf-feedback-image-upload
-    id="image-upload-block"
-    (feedbackImageBase64)="onFeedbackImageBase64($event)"
-    (imageUploadError)="onImageUploadError($event)"
-  ></lf-feedback-image-upload>
-  <div class="email-checkbox-container">
-    <mat-checkbox
-      color="primary"
-      class="lf-user-feedback-checkbox lf-checkbox"
-      [disableRipple]="true"
-      ngDefaultControl
-      [(ngModel)]="feedbackEmailCheckbox"
-    >
-      {{ localizedStrings.YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK | async }}
-    </mat-checkbox>
-  </div>
-</div>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<div class="user-feedback-content-container lf-dialog-content">
+  <lf-toast-message id="messages" [messages]="toastMessages"></lf-toast-message>
+  <div class="lf-text-body lf-user-feedback-description">
+    {{
+      isFeedback
+        ? (localizedStrings.FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW | async)
+        : (localizedStrings.DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING | async)
+    }}
+  </div>
+  <label for="feedback-suggestion-textbox" class="lf-text-label"
+    >{{
+      isFeedback ? (localizedStrings.TELL_US_ABOUT_EXPERIENCE | async) : (localizedStrings.TELL_US_ABOUT_IDEA | async)
+    }}
+    ({{ localizedStrings.REQUIRED | async }})</label
+  >
+  <textarea
+    id="feedback-suggestion-textbox"
+    rows="10"
+    [attr.maxlength]="maxFeedbackLength"
+    (input)="feedbackTextBoxChange($event)"
+    class="lf-textarea lf-text-placeholder lf-text-body feedback-suggestion-textbox"
+    [placeholder]="localizedStrings.PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK | async"
+  ></textarea>
+  <div class="lf-text-body character-count">
+    <span>{{ feedbackLength }}</span>
+    <span> / </span>
+    <span>{{ maxFeedbackLength }}</span>
+  </div>
+  <lf-feedback-image-upload
+    id="image-upload-block"
+    (feedbackImageBase64)="onFeedbackImageBase64($event)"
+    (imageUploadError)="onImageUploadError($event)"
+  ></lf-feedback-image-upload>
+  <div class="email-checkbox-container">
+    <mat-checkbox
+      color="primary"
+      class="lf-user-feedback-checkbox lf-checkbox"
+      [disableRipple]="true"
+      ngDefaultControl
+      [(ngModel)]="feedbackEmailCheckbox"
+    >
+      {{ localizedStrings.YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK | async }}
+    </mat-checkbox>
+  </div>
+</div>
diff --git a/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.spec.ts b/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.spec.ts
index 0e9ee393..94149e0c 100644
--- a/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.spec.ts
+++ b/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.spec.ts
@@ -1,113 +1,112 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { Component } from '@angular/core';
-import { FeedbackSubmissionComponent } from './feedback-submission.component';
-import { FeedbackImageUploadComponent } from '../feedback-image-upload/feedback-image-upload.component';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { By } from '@angular/platform-browser';
-import { AppLocalizationService, LfMessageToastTypes } from '@laserfiche/lf-ui-components/internal-shared';
-import { of } from 'rxjs';
-
-@Component({
-    selector: 'lf-feedback-image-upload',
-    template: '<p>Mock Image Attach Component</p>',
-    standalone: true
-})
-class MockFeedbackImageUploadComponent {}
-
-describe('FeedbackSubmissionComponent', () => {
-  let component: FeedbackSubmissionComponent;
-  let fixture: ComponentFixture<FeedbackSubmissionComponent>;
-  const localizeServiceMock: any = {
-    getStringLaserficheObservable: vi.fn(),
-    getStringComponentsObservable: vi.fn(),
-  };
-  localizeServiceMock.getStringLaserficheObservable.mockImplementation((value: string) => {
-    return of(value);
-  });
-  localizeServiceMock.getStringComponentsObservable.mockImplementation((value: string) => {
-    return of(value);
-  });
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [MatCheckboxModule, FeedbackSubmissionComponent, MockFeedbackImageUploadComponent],
-      providers: [{ provide: AppLocalizationService, useValue: localizeServiceMock }],
-    })
-    .overrideComponent(FeedbackSubmissionComponent, {
-      remove: { imports: [FeedbackImageUploadComponent] },
-      add: { imports: [MockFeedbackImageUploadComponent] },
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(FeedbackSubmissionComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('if the feedback image upload emits error, should set toastMessages', () => {
-    const mockImageUploadComponent = fixture.debugElement.query(By.directive(MockFeedbackImageUploadComponent));
-    const testErrorMessage = 'test error';
-    mockImageUploadComponent.triggerEventHandler('imageUploadError', testErrorMessage);
-    expect(component.toastMessages).toEqual([
-      {
-        message: testErrorMessage,
-        type: LfMessageToastTypes.Warning,
-
-        noIcon: false,
-        hideMessage: false,
-      },
-    ]);
-  });
-
-  it('if the feedback image upload emits feedbackImageBase64, should set feedbackImageBase64', () => {
-    const mockImageUploadComponent = fixture.debugElement.query(By.directive(MockFeedbackImageUploadComponent));
-    const testBase64 = 'test base64';
-    mockImageUploadComponent.triggerEventHandler('feedbackImageBase64', testBase64);
-    expect(component.feedbackImageBase64).toEqual(testBase64);
-  });
-
-  it('if the feedback image upload emits feedbackImageBase64 with undefined, should clear feedbackImageBase64', () => {
-    const mockImageUploadComponent = fixture.debugElement.query(By.directive(MockFeedbackImageUploadComponent));
-    const testUndefined = undefined;
-    mockImageUploadComponent.triggerEventHandler('feedbackImageBase64', testUndefined);
-    expect(component.feedbackImageBase64).toEqual(testUndefined);
-  });
-
-
-  it('if textarea input changes, should emit feedbackTextChanged', () => {
-    vi.spyOn(component.feedbackTextChanged, 'emit');
-    const textAreaInput = document.getElementsByTagName('textarea')[0];
-    const testInput = 'test input';
-    textAreaInput.value = testInput;
-    textAreaInput.dispatchEvent(new Event('input'));
-    expect(component.feedbackTextChanged.emit).toHaveBeenCalledWith(testInput);
-    expect(component.feedbackLength).toEqual(testInput.length);
-  });
-
-  it('if is feedback, should display feedback string', () => {
-    component.isFeedback = true;
-    fixture.detectChanges();
-    const feedbackDescription = fixture.debugElement.query(By.css('.lf-user-feedback-description'));
-    expect(feedbackDescription.nativeElement.innerText).toBe('FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW');
-    const textLabel = fixture.debugElement.query(By.css('.lf-text-label'));
-    expect(textLabel.nativeElement.innerText).toBe('TELL_US_ABOUT_EXPERIENCE (REQUIRED)');
-  });
-
-  it('if is not feedback, should display suggestion string', () => {
-    component.isFeedback = false;
-    fixture.detectChanges();
-    const feedbackDescription = fixture.debugElement.query(By.css('.lf-user-feedback-description'));
-    expect(feedbackDescription.nativeElement.innerText).toBe(
-      'DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING'
-    );
-    const textLabel = fixture.debugElement.query(By.css('.lf-text-label'));
-    expect(textLabel.nativeElement.innerText).toBe('TELL_US_ABOUT_IDEA (REQUIRED)');
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { Component } from '@angular/core';
+import { FeedbackSubmissionComponent } from './feedback-submission.component';
+import { FeedbackImageUploadComponent } from '../feedback-image-upload/feedback-image-upload.component';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { By } from '@angular/platform-browser';
+import { AppLocalizationService, LfMessageToastTypes } from '@laserfiche/lf-ui-components/internal-shared';
+import { of } from 'rxjs';
+
+@Component({
+  selector: 'lf-feedback-image-upload',
+  template: '<p>Mock Image Attach Component</p>',
+  standalone: true,
+})
+class MockFeedbackImageUploadComponent {}
+
+describe('FeedbackSubmissionComponent', () => {
+  let component: FeedbackSubmissionComponent;
+  let fixture: ComponentFixture<FeedbackSubmissionComponent>;
+  const localizeServiceMock: any = {
+    getStringLaserficheObservable: vi.fn(),
+    getStringComponentsObservable: vi.fn(),
+  };
+  localizeServiceMock.getStringLaserficheObservable.mockImplementation((value: string) => {
+    return of(value);
+  });
+  localizeServiceMock.getStringComponentsObservable.mockImplementation((value: string) => {
+    return of(value);
+  });
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [MatCheckboxModule, FeedbackSubmissionComponent, MockFeedbackImageUploadComponent],
+      providers: [{ provide: AppLocalizationService, useValue: localizeServiceMock }],
+    })
+      .overrideComponent(FeedbackSubmissionComponent, {
+        remove: { imports: [FeedbackImageUploadComponent] },
+        add: { imports: [MockFeedbackImageUploadComponent] },
+      })
+      .compileComponents();
+
+    fixture = TestBed.createComponent(FeedbackSubmissionComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('if the feedback image upload emits error, should set toastMessages', () => {
+    const mockImageUploadComponent = fixture.debugElement.query(By.directive(MockFeedbackImageUploadComponent));
+    const testErrorMessage = 'test error';
+    mockImageUploadComponent.triggerEventHandler('imageUploadError', testErrorMessage);
+    expect(component.toastMessages).toEqual([
+      {
+        message: testErrorMessage,
+        type: LfMessageToastTypes.Warning,
+
+        noIcon: false,
+        hideMessage: false,
+      },
+    ]);
+  });
+
+  it('if the feedback image upload emits feedbackImageBase64, should set feedbackImageBase64', () => {
+    const mockImageUploadComponent = fixture.debugElement.query(By.directive(MockFeedbackImageUploadComponent));
+    const testBase64 = 'test base64';
+    mockImageUploadComponent.triggerEventHandler('feedbackImageBase64', testBase64);
+    expect(component.feedbackImageBase64).toEqual(testBase64);
+  });
+
+  it('if the feedback image upload emits feedbackImageBase64 with undefined, should clear feedbackImageBase64', () => {
+    const mockImageUploadComponent = fixture.debugElement.query(By.directive(MockFeedbackImageUploadComponent));
+    const testUndefined = undefined;
+    mockImageUploadComponent.triggerEventHandler('feedbackImageBase64', testUndefined);
+    expect(component.feedbackImageBase64).toEqual(testUndefined);
+  });
+
+  it('if textarea input changes, should emit feedbackTextChanged', () => {
+    vi.spyOn(component.feedbackTextChanged, 'emit');
+    const textAreaInput = document.getElementsByTagName('textarea')[0];
+    const testInput = 'test input';
+    textAreaInput.value = testInput;
+    textAreaInput.dispatchEvent(new Event('input'));
+    expect(component.feedbackTextChanged.emit).toHaveBeenCalledWith(testInput);
+    expect(component.feedbackLength).toEqual(testInput.length);
+  });
+
+  it('if is feedback, should display feedback string', () => {
+    component.isFeedback = true;
+    fixture.detectChanges();
+    const feedbackDescription = fixture.debugElement.query(By.css('.lf-user-feedback-description'));
+    expect(feedbackDescription.nativeElement.innerText).toBe('FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW');
+    const textLabel = fixture.debugElement.query(By.css('.lf-text-label'));
+    expect(textLabel.nativeElement.innerText).toBe('TELL_US_ABOUT_EXPERIENCE (REQUIRED)');
+  });
+
+  it('if is not feedback, should display suggestion string', () => {
+    component.isFeedback = false;
+    fixture.detectChanges();
+    const feedbackDescription = fixture.debugElement.query(By.css('.lf-user-feedback-description'));
+    expect(feedbackDescription.nativeElement.innerText).toBe(
+      'DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING'
+    );
+    const textLabel = fixture.debugElement.query(By.css('.lf-text-label'));
+    expect(textLabel.nativeElement.innerText).toBe('TELL_US_ABOUT_IDEA (REQUIRED)');
+  });
+});
diff --git a/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.ts b/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.ts
index 71001ff1..0e8e6655 100644
--- a/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.ts
+++ b/projects/ui-components/lf-user-feedback/feedback-submission/feedback-submission.component.ts
@@ -1,72 +1,76 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component, Input, Output, EventEmitter, AfterViewInit, inject } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { AppLocalizationService, LfMessageToastTypes, LfToastMessage, LfToastMessageComponent } from '@laserfiche/lf-ui-components/internal-shared';
-import { FeedbackImageUploadComponent } from '../feedback-image-upload/feedback-image-upload.component';
-
-/** @internal */
-@Component({
-    selector: 'lf-feedback-submission',
-    templateUrl: './feedback-submission.component.html',
-    styleUrls: ['./feedback-submission.component.css', '../user-feedback-dialog/user-feedback-dialog.component.css'],
-    standalone: true,
-    imports: [CommonModule, FormsModule, MatCheckboxModule, LfToastMessageComponent, FeedbackImageUploadComponent]
-})
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component, Input, Output, EventEmitter, AfterViewInit, inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import {
+  AppLocalizationService,
+  LfMessageToastTypes,
+  LfToastMessage,
+  LfToastMessageComponent,
+} from '@laserfiche/lf-ui-components/internal-shared';
+import { FeedbackImageUploadComponent } from '../feedback-image-upload/feedback-image-upload.component';
+
+/** @internal */
+@Component({
+  selector: 'lf-feedback-submission',
+  templateUrl: './feedback-submission.component.html',
+  styleUrls: ['./feedback-submission.component.css', '../user-feedback-dialog/user-feedback-dialog.component.css'],
+  standalone: true,
+  imports: [CommonModule, FormsModule, MatCheckboxModule, LfToastMessageComponent, FeedbackImageUploadComponent],
+})
 export class FeedbackSubmissionComponent {
   private localizationService = inject(AppLocalizationService);
-
-  @Input() isFeedback?: boolean;
-  @Output() feedbackTextChanged: EventEmitter<string> = new EventEmitter<string>();
-
-  toastMessages: LfToastMessage[] = [];
-
-  readonly maxFeedbackLength: number = 2048;
-  feedbackLength: number = 0;
-  feedbackEmailCheckbox: boolean = false;
-  feedbackImageBase64: string | undefined;
-
-  localizedStrings = {
-    FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW: this.localizationService.getStringComponentsObservable(
-      'FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW'
-    ),
-    DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING:
-      this.localizationService.getStringComponentsObservable(
-        'DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING'
-      ),
-    TELL_US_ABOUT_EXPERIENCE: this.localizationService.getStringComponentsObservable('TELL_US_ABOUT_EXPERIENCE'),
-    PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK:
-      this.localizationService.getStringComponentsObservable(
-        'PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK'
-      ),
-    YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK: this.localizationService.getStringComponentsObservable(
-      'YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK'
-    ),
-    TELL_US_ABOUT_IDEA: this.localizationService.getStringComponentsObservable('TELL_US_ABOUT_IDEA'),
-    REQUIRED: this.localizationService.getStringLaserficheObservable('REQUIRED'),
-  };
-
-
-  onFeedbackImageBase64(imageBase64: string | undefined) {
-    this.feedbackImageBase64 = imageBase64;
-  }
-
-  feedbackTextBoxChange(event: InputEvent) {
-    const feedbackText = (event.target as HTMLTextAreaElement).value;
-    this.feedbackLength = feedbackText.length;
-    this.feedbackTextChanged.emit(feedbackText);
-  }
-
-  onImageUploadError(errMsg: string) {
-    const errorToastMsg: LfToastMessage = {
-      message: errMsg,
-      type: LfMessageToastTypes.Warning,
-      noIcon: false,
-      hideMessage: false,
-    };
-    this.toastMessages = [errorToastMsg];
-  }
-}
+
+  @Input() isFeedback?: boolean;
+  @Output() feedbackTextChanged: EventEmitter<string> = new EventEmitter<string>();
+
+  toastMessages: LfToastMessage[] = [];
+
+  readonly maxFeedbackLength: number = 2048;
+  feedbackLength: number = 0;
+  feedbackEmailCheckbox: boolean = false;
+  feedbackImageBase64: string | undefined;
+
+  localizedStrings = {
+    FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW: this.localizationService.getStringComponentsObservable(
+      'FOUND_SOMETHING_LIKE_DISLIKE_LET_US_KNOW'
+    ),
+    DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING:
+      this.localizationService.getStringComponentsObservable(
+        'DO_YOU_HAVE_IDEA_NEW_FEATURE_IMPROVEMENT_LOOK_FORWARD_TO_HEARING'
+      ),
+    TELL_US_ABOUT_EXPERIENCE: this.localizationService.getStringComponentsObservable('TELL_US_ABOUT_EXPERIENCE'),
+    PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK:
+      this.localizationService.getStringComponentsObservable(
+        'PLEASE_DO_NOT_INCLUDE_CONFIDENTIAL_OR_PERSONAL_INFO_IN_FEEDBACK'
+      ),
+    YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK: this.localizationService.getStringComponentsObservable(
+      'YOU_MAY_CONTACT_ME_ABOUT_FEEDBACK'
+    ),
+    TELL_US_ABOUT_IDEA: this.localizationService.getStringComponentsObservable('TELL_US_ABOUT_IDEA'),
+    REQUIRED: this.localizationService.getStringLaserficheObservable('REQUIRED'),
+  };
+
+  onFeedbackImageBase64(imageBase64: string | undefined) {
+    this.feedbackImageBase64 = imageBase64;
+  }
+
+  feedbackTextBoxChange(event: InputEvent) {
+    const feedbackText = (event.target as HTMLTextAreaElement).value;
+    this.feedbackLength = feedbackText.length;
+    this.feedbackTextChanged.emit(feedbackText);
+  }
+
+  onImageUploadError(errMsg: string) {
+    const errorToastMsg: LfToastMessage = {
+      message: errMsg,
+      type: LfMessageToastTypes.Warning,
+      noIcon: false,
+      hideMessage: false,
+    };
+    this.toastMessages = [errorToastMsg];
+  }
+}
diff --git a/projects/ui-components/lf-user-feedback/feedback-suggestion-selection/feedback-suggestion-selection.component.html b/projects/ui-components/lf-user-feedback/feedback-suggestion-selection/feedback-suggestion-selection.component.html
index 9121593e..0a27c300 100644
--- a/projects/ui-components/lf-user-feedback/feedback-suggestion-selection/feedback-suggestion-selection.component.html
+++ b/projects/ui-components/lf-user-feedback/feedback-suggestion-selection/feedback-suggestion-selection.component.html
@@ -1,9 +1,23 @@
-<!--Copyright (c) Laserfiche.
-Licensed under the MIT License. See LICENSE in the project root for license information.-->
-
-<div class="lf-text-body lf-user-feedback-description">{{localizedStrings.YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT | async}}</div>
-<div class="lf-text-body lf-user-feedback-description">{{localizedStrings.TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP | async}}</div>
-<button id="lf-user-feedback-feedback-mode-button" class="lf-button feedback-suggestion-button"
-    (click)="onClickFeedback()">{{localizedStrings.I_HAVE_FEEDBACK | async}}</button>
-<button id="lf-user-feedback-suggestion-mode-button" class="lf-button feedback-suggestion-button"
-    (click)="onClickSuggestion()">{{localizedStrings.I_HAVE_SUGGESTION | async}}</button>
+<!--Copyright (c) Laserfiche.
+Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
+<div class="lf-text-body lf-user-feedback-description">
+  {{ localizedStrings.YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT | async }}
+</div>
+<div class="lf-text-body lf-user-feedback-description">
+  {{ localizedStrings.TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP | async }}
+</div>
+<button
+  id="lf-user-feedback-feedback-mode-button"
+  class="lf-button feedback-suggestion-button"
+  (click)="onClickFeedback()"
+>
+  {{ localizedStrings.I_HAVE_FEEDBACK | async }}
+</button>
+<button
+  id="lf-user-feedback-suggestion-mode-button"
+  class="lf-button feedback-suggestion-button"
+  (click)="onClickSuggestion()"
+>
+  {{ localizedStrings.I_HAVE_SUGGESTION | async }}
+</button>
diff --git a/projects/ui-components/lf-user-feedback/feedback-suggestion-selection/feedback-suggestion-selection.component.spec.ts b/projects/ui-components/lf-user-feedback/feedback-suggestion-selection/feedback-suggestion-selection.component.spec.ts
index c75926ba..82e781ea 100644
--- a/projects/ui-components/lf-user-feedback/feedback-suggestion-selection/feedback-suggestion-selection.component.spec.ts
+++ b/projects/ui-components/lf-user-feedback/feedback-suggestion-selection/feedback-suggestion-selection.component.spec.ts
@@ -1,26 +1,25 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { FeedbackSuggestionSelectionComponent } from './feedback-suggestion-selection.component';
-
-describe('FeedbackSuggestionSelectionComponent', () => {
-  let component: FeedbackSuggestionSelectionComponent;
-  let fixture: ComponentFixture<FeedbackSuggestionSelectionComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [ FeedbackSuggestionSelectionComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(FeedbackSuggestionSelectionComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FeedbackSuggestionSelectionComponent } from './feedback-suggestion-selection.component';
+
+describe('FeedbackSuggestionSelectionComponent', () => {
+  let component: FeedbackSuggestionSelectionComponent;
+  let fixture: ComponentFixture<FeedbackSuggestionSelectionComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [FeedbackSuggestionSelectionComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(FeedbackSuggestionSelectionComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/ui-components/lf-user-feedback/feedback-suggestion-selection/feedback-suggestion-selection.component.ts b/projects/ui-components/lf-user-feedback/feedback-suggestion-selection/feedback-suggestion-selection.component.ts
index 0bf54685..9b5ffbbf 100644
--- a/projects/ui-components/lf-user-feedback/feedback-suggestion-selection/feedback-suggestion-selection.component.ts
+++ b/projects/ui-components/lf-user-feedback/feedback-suggestion-selection/feedback-suggestion-selection.component.ts
@@ -1,40 +1,43 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component, EventEmitter, Output, inject } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { AppLocalizationService } from '@laserfiche/lf-ui-components/internal-shared';
-
-/** @internal */
-@Component({
-    selector: 'lf-feedback-suggestion-selection',
-    templateUrl: './feedback-suggestion-selection.component.html',
-    styleUrls: ['./feedback-suggestion-selection.component.css', '../user-feedback-dialog/user-feedback-dialog.component.css'],
-    standalone: true,
-    imports: [CommonModule]
-})
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component, EventEmitter, Output, inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AppLocalizationService } from '@laserfiche/lf-ui-components/internal-shared';
+
+/** @internal */
+@Component({
+  selector: 'lf-feedback-suggestion-selection',
+  templateUrl: './feedback-suggestion-selection.component.html',
+  styleUrls: [
+    './feedback-suggestion-selection.component.css',
+    '../user-feedback-dialog/user-feedback-dialog.component.css',
+  ],
+  standalone: true,
+  imports: [CommonModule],
+})
 export class FeedbackSuggestionSelectionComponent {
   private localizationService = inject(AppLocalizationService);
-
-  @Output() feedbackClicked: EventEmitter<void> = new EventEmitter<void>();
-  @Output() suggestionClicked: EventEmitter<void> = new EventEmitter<void>();
-
-  localizedStrings = {
-    YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT: this.localizationService.getStringComponentsObservable(
-      'YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT'
-    ),
-    TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP: this.localizationService.getStringComponentsObservable(
-      'TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP'
-    ),
-    I_HAVE_FEEDBACK: this.localizationService.getStringComponentsObservable('I_HAVE_FEEDBACK'),
-    I_HAVE_SUGGESTION: this.localizationService.getStringComponentsObservable('I_HAVE_SUGGESTION'),
-  };
-
-  onClickFeedback() {
-    this.feedbackClicked.emit();
-  }
-
-  onClickSuggestion() {
-    this.suggestionClicked.emit();
-  }
-}
+
+  @Output() feedbackClicked: EventEmitter<void> = new EventEmitter<void>();
+  @Output() suggestionClicked: EventEmitter<void> = new EventEmitter<void>();
+
+  localizedStrings = {
+    YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT: this.localizationService.getStringComponentsObservable(
+      'YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT'
+    ),
+    TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP: this.localizationService.getStringComponentsObservable(
+      'TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP'
+    ),
+    I_HAVE_FEEDBACK: this.localizationService.getStringComponentsObservable('I_HAVE_FEEDBACK'),
+    I_HAVE_SUGGESTION: this.localizationService.getStringComponentsObservable('I_HAVE_SUGGESTION'),
+  };
+
+  onClickFeedback() {
+    this.feedbackClicked.emit();
+  }
+
+  onClickSuggestion() {
+    this.suggestionClicked.emit();
+  }
+}
diff --git a/projects/ui-components/lf-user-feedback/lf-analytics.service.spec.ts b/projects/ui-components/lf-user-feedback/lf-analytics.service.spec.ts
index eec6ec4b..25ab29f3 100644
--- a/projects/ui-components/lf-user-feedback/lf-analytics.service.spec.ts
+++ b/projects/ui-components/lf-user-feedback/lf-analytics.service.spec.ts
@@ -1,83 +1,99 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { TestBed } from '@angular/core/testing';
-import { LfAnalyticsService } from './lf-analytics.service';
-
-describe('LfAnalyticsService', () => {
-  let service: LfAnalyticsService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(LfAnalyticsService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-
-  it('getBusinessIntelligenceInfo should return test env for test cdn url', () => {
-    const biInfo = service['getBusinessIntelligenceInfo']('https://d3nunhg1m0ng5s.cloudfront.net/Site/laserfiche-ui-components/2.0.2/index.html#/');
-    expect(biInfo?.environment).toEqual('test');
-  });
-
-  it('getBusinessIntelligenceInfo should return test env for cloudtest url', () => {
-    const biInfo = service['getBusinessIntelligenceInfo']('https://accounts.cloudtest.laserfiche.com/WebSTS/Login?originalPathAndQuery=%2fWebSTS%2f%3fwa%3dwsignin1.0%26wtrealm%3dhttps%253a%252f%252fapp.cloudtest.laserfiche.com%252flaserfiche%252f%26wctx%3drm%253d1%2526id%253dpassive%2526ru%253d%25252flaserfiche%26wct%3d2021-07-19T21%253a37%253a41Z%26wreply%3dhttps%253a%252f%252fapp.cloudtest.laserfiche.com%252flaserfiche%252f');
-    expect(biInfo?.environment).toEqual('test');
-  });
-
-  it('getBusinessIntelligenceInfo should return dev env for dev cdn url', () => {
-    const biInfo = service['getBusinessIntelligenceInfo']('https://d28op2mbfuf5hv.cloudfront.net/Site/laserfiche-ui-components/beta/index.html#/');
-    expect(biInfo?.environment).toEqual('development');
-  });
-
-  it('getBusinessIntelligenceInfo should return dev env for developers PC', () => {
-    const biInfo = service['getBusinessIntelligenceInfo']('https://watsonville.laserfiche.com/lf-cdn/index.html#/');
-    expect(biInfo?.environment).toEqual('development');
-  });
-
-  it('getBusinessIntelligenceInfo should return dev env for localhost', () => {
-    const biInfo = service['getBusinessIntelligenceInfo']('http://localhost:4200/');
-    expect(biInfo?.environment).toEqual('development');
-  });
-
-  it('getBusinessIntelligenceInfo should return dev env for clouddev url', () => {
-    const biInfo = service['getBusinessIntelligenceInfo']('https://accounts.a.clouddev.laserfiche.com/WebSTS/Login?originalPathAndQuery=%2fWebSTS%2f%3fwa%3dwsignin1.0%26wtrealm%3dhttps%253a%252f%252fsignin.a.clouddev.laserfiche.com%252fCustomerPortal%252f%26wctx%3drm%253d1%2526id%253dpassive%2526ru%253d%25252fCustomerPortal%25252fAdministration%26wct%3d2021-07-14T21%253a18%253a01Z%26wreply%3dhttps%253a%252f%252fsignin.a.clouddev.laserfiche.com%252fCustomerPortal%252f%26iepolicyaware%3d1#/internal/customers');
-    expect(biInfo?.environment).toEqual('development');
-  });
-
-  it('getBusinessIntelligenceInfo should return prod env for prod url us', () => {
-    const biInfo = service['getBusinessIntelligenceInfo']('https://app.laserfiche.com/documents/');
-    expect(biInfo?.environment).toEqual('production');
-  });
-
-  it('getBusinessIntelligenceInfo should return prod env for prod url eu', () => {
-    const biInfo = service['getBusinessIntelligenceInfo']('https://accounts.eu.laserfiche.com/WebSTS/Login?originalPathAndQuery=%2fWebSTS%2f%3fwa%3dwsignin1.0%26wtrealm%3dhttps%253a%252f%252fsignin.eu.laserfiche.com%252fCustomerPortal%252f%26wctx%3drm%253d1%2526id%253dpassive%2526ru%253d%25252fCustomerPortal%25252fSignin%26wct%3d2022-02-14T20%253a02%253a16Z%26wreply%3dhttps%253a%252f%252fsignin.eu.laserfiche.com%252fCustomerPortal%252f%26iepolicyaware%3d1');
-    expect(biInfo?.environment).toEqual('production');
-  });
-
-  it('getBusinessIntelligenceInfo should return prod env for prod url ca', () => {
-    const biInfo = service['getBusinessIntelligenceInfo']('https://signin.laserfiche.ca/CustomerPortal/Administration#/internal/customers');
-    expect(biInfo?.environment).toEqual('production');
-  });
-
-  it('getBusinessIntelligenceInfo should return prod env for prod cdn url', () => {
-    const biInfo = service['getBusinessIntelligenceInfo']('https://lfxstatic.com/Site/laserfiche-ui-components/2.0.2/index.html#/');
-    expect(biInfo?.environment).toEqual('production');
-  });
-
-  it('getBusinessIntelligenceInfo should return production env for empower url', () => {
-    const biInfo = service['getBusinessIntelligenceInfo']('https://app.clouddemo.laserfiche.com/home');
-    expect(biInfo?.environment).toEqual('production');
-  });
-
-  it('isHostEmpower should return true for empower url', () => {
-    const isEmpower = service['isHostEmpower']('https://app.clouddemo.laserfiche.com/home');
-    expect(isEmpower).toBe(true);
-  });
-
-  it('isHostEmpower should return false for not empower url', () => {
-    const isEmpower = service['isHostEmpower']('https://lfxstatic.com/Site/laserfiche-ui-components/2.0.2/index.html#/');
-    expect(isEmpower).toBe(false);
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { TestBed } from '@angular/core/testing';
+import { LfAnalyticsService } from './lf-analytics.service';
+
+describe('LfAnalyticsService', () => {
+  let service: LfAnalyticsService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(LfAnalyticsService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+
+  it('getBusinessIntelligenceInfo should return test env for test cdn url', () => {
+    const biInfo = service['getBusinessIntelligenceInfo'](
+      'https://d3nunhg1m0ng5s.cloudfront.net/Site/laserfiche-ui-components/2.0.2/index.html#/'
+    );
+    expect(biInfo?.environment).toEqual('test');
+  });
+
+  it('getBusinessIntelligenceInfo should return test env for cloudtest url', () => {
+    const biInfo = service['getBusinessIntelligenceInfo'](
+      'https://accounts.cloudtest.laserfiche.com/WebSTS/Login?originalPathAndQuery=%2fWebSTS%2f%3fwa%3dwsignin1.0%26wtrealm%3dhttps%253a%252f%252fapp.cloudtest.laserfiche.com%252flaserfiche%252f%26wctx%3drm%253d1%2526id%253dpassive%2526ru%253d%25252flaserfiche%26wct%3d2021-07-19T21%253a37%253a41Z%26wreply%3dhttps%253a%252f%252fapp.cloudtest.laserfiche.com%252flaserfiche%252f'
+    );
+    expect(biInfo?.environment).toEqual('test');
+  });
+
+  it('getBusinessIntelligenceInfo should return dev env for dev cdn url', () => {
+    const biInfo = service['getBusinessIntelligenceInfo'](
+      'https://d28op2mbfuf5hv.cloudfront.net/Site/laserfiche-ui-components/beta/index.html#/'
+    );
+    expect(biInfo?.environment).toEqual('development');
+  });
+
+  it('getBusinessIntelligenceInfo should return dev env for developers PC', () => {
+    const biInfo = service['getBusinessIntelligenceInfo']('https://watsonville.laserfiche.com/lf-cdn/index.html#/');
+    expect(biInfo?.environment).toEqual('development');
+  });
+
+  it('getBusinessIntelligenceInfo should return dev env for localhost', () => {
+    const biInfo = service['getBusinessIntelligenceInfo']('http://localhost:4200/');
+    expect(biInfo?.environment).toEqual('development');
+  });
+
+  it('getBusinessIntelligenceInfo should return dev env for clouddev url', () => {
+    const biInfo = service['getBusinessIntelligenceInfo'](
+      'https://accounts.a.clouddev.laserfiche.com/WebSTS/Login?originalPathAndQuery=%2fWebSTS%2f%3fwa%3dwsignin1.0%26wtrealm%3dhttps%253a%252f%252fsignin.a.clouddev.laserfiche.com%252fCustomerPortal%252f%26wctx%3drm%253d1%2526id%253dpassive%2526ru%253d%25252fCustomerPortal%25252fAdministration%26wct%3d2021-07-14T21%253a18%253a01Z%26wreply%3dhttps%253a%252f%252fsignin.a.clouddev.laserfiche.com%252fCustomerPortal%252f%26iepolicyaware%3d1#/internal/customers'
+    );
+    expect(biInfo?.environment).toEqual('development');
+  });
+
+  it('getBusinessIntelligenceInfo should return prod env for prod url us', () => {
+    const biInfo = service['getBusinessIntelligenceInfo']('https://app.laserfiche.com/documents/');
+    expect(biInfo?.environment).toEqual('production');
+  });
+
+  it('getBusinessIntelligenceInfo should return prod env for prod url eu', () => {
+    const biInfo = service['getBusinessIntelligenceInfo'](
+      'https://accounts.eu.laserfiche.com/WebSTS/Login?originalPathAndQuery=%2fWebSTS%2f%3fwa%3dwsignin1.0%26wtrealm%3dhttps%253a%252f%252fsignin.eu.laserfiche.com%252fCustomerPortal%252f%26wctx%3drm%253d1%2526id%253dpassive%2526ru%253d%25252fCustomerPortal%25252fSignin%26wct%3d2022-02-14T20%253a02%253a16Z%26wreply%3dhttps%253a%252f%252fsignin.eu.laserfiche.com%252fCustomerPortal%252f%26iepolicyaware%3d1'
+    );
+    expect(biInfo?.environment).toEqual('production');
+  });
+
+  it('getBusinessIntelligenceInfo should return prod env for prod url ca', () => {
+    const biInfo = service['getBusinessIntelligenceInfo'](
+      'https://signin.laserfiche.ca/CustomerPortal/Administration#/internal/customers'
+    );
+    expect(biInfo?.environment).toEqual('production');
+  });
+
+  it('getBusinessIntelligenceInfo should return prod env for prod cdn url', () => {
+    const biInfo = service['getBusinessIntelligenceInfo'](
+      'https://lfxstatic.com/Site/laserfiche-ui-components/2.0.2/index.html#/'
+    );
+    expect(biInfo?.environment).toEqual('production');
+  });
+
+  it('getBusinessIntelligenceInfo should return production env for empower url', () => {
+    const biInfo = service['getBusinessIntelligenceInfo']('https://app.clouddemo.laserfiche.com/home');
+    expect(biInfo?.environment).toEqual('production');
+  });
+
+  it('isHostEmpower should return true for empower url', () => {
+    const isEmpower = service['isHostEmpower']('https://app.clouddemo.laserfiche.com/home');
+    expect(isEmpower).toBe(true);
+  });
+
+  it('isHostEmpower should return false for not empower url', () => {
+    const isEmpower = service['isHostEmpower'](
+      'https://lfxstatic.com/Site/laserfiche-ui-components/2.0.2/index.html#/'
+    );
+    expect(isEmpower).toBe(false);
+  });
+});
diff --git a/projects/ui-components/lf-user-feedback/lf-analytics.service.ts b/projects/ui-components/lf-user-feedback/lf-analytics.service.ts
index 64084fb0..3703983a 100644
--- a/projects/ui-components/lf-user-feedback/lf-analytics.service.ts
+++ b/projects/ui-components/lf-user-feedback/lf-analytics.service.ts
@@ -7,10 +7,9 @@ import { IUserTrackingEvent, UserFeedbackUserTrackingEvent } from './lf-user-fee
 
 /** @internal */
 @Injectable({
-  providedIn: 'root'
+  providedIn: 'root',
 })
 export class LfAnalyticsService {
-
   private businessIntelligenceInitialized: boolean = false;
   constructor() {}
 
@@ -26,7 +25,9 @@ export class LfAnalyticsService {
         const isHostEmpower = this.isHostEmpower(window.origin);
         if (isHostEmpower) {
           const hosting_context = (event as UserFeedbackUserTrackingEvent).hosting_context;
-          (event as UserFeedbackUserTrackingEvent).hosting_context = hosting_context ? 'Empower Environment - ' + hosting_context : 'Empower Environment';
+          (event as UserFeedbackUserTrackingEvent).hosting_context = hosting_context
+            ? 'Empower Environment - ' + hosting_context
+            : 'Empower Environment';
         }
         console.log(`track ${event.eventName}`);
         const eventWithoutName: Partial<IUserTrackingEvent> = { ...event };
@@ -61,19 +62,20 @@ export class LfAnalyticsService {
   }
 
   private isNotProductionUrl(_url: URL) {
-    if (_url.host != 'app.laserfiche.com'
-      && _url.host != 'signin.laserfiche.com'
-      && _url.host != 'accounts.laserfiche.com'
-      && _url.host != 'app.laserfiche.ca'
-      && _url.host != 'signin.laserfiche.ca'
-      && _url.host != 'accounts.laserfiche.ca'
-      && _url.host != 'app.eu.laserfiche.com'
-      && _url.host != 'signin.eu.laserfiche.com'
-      && _url.host != 'accounts.eu.laserfiche.com'
-      && _url.host != 'lfxstatic.com'
-      && _url.host != 'app.clouddemo.laserfiche.com'
-      && _url.host != 'accounts.clouddemo.laserfiche.com'
-      && _url.host != 'signin.clouddemo.laserfiche.com'
+    if (
+      _url.host != 'app.laserfiche.com' &&
+      _url.host != 'signin.laserfiche.com' &&
+      _url.host != 'accounts.laserfiche.com' &&
+      _url.host != 'app.laserfiche.ca' &&
+      _url.host != 'signin.laserfiche.ca' &&
+      _url.host != 'accounts.laserfiche.ca' &&
+      _url.host != 'app.eu.laserfiche.com' &&
+      _url.host != 'signin.eu.laserfiche.com' &&
+      _url.host != 'accounts.eu.laserfiche.com' &&
+      _url.host != 'lfxstatic.com' &&
+      _url.host != 'app.clouddemo.laserfiche.com' &&
+      _url.host != 'accounts.clouddemo.laserfiche.com' &&
+      _url.host != 'signin.clouddemo.laserfiche.com'
     ) {
       return true; // not production
     } else {
@@ -83,9 +85,10 @@ export class LfAnalyticsService {
 
   private isHostEmpower(url: string) {
     const _url = new URL(url.toLowerCase());
-    if (_url.host == 'accounts.clouddemo.laserfiche.com'
-      || _url.host == 'signin.clouddemo.laserfiche.com'
-      || _url.host == 'app.clouddemo.laserfiche.com'
+    if (
+      _url.host == 'accounts.clouddemo.laserfiche.com' ||
+      _url.host == 'signin.clouddemo.laserfiche.com' ||
+      _url.host == 'app.clouddemo.laserfiche.com'
     ) {
       return true; // empower
     } else {
diff --git a/projects/ui-components/lf-user-feedback/lf-user-feedback-public-api.ts b/projects/ui-components/lf-user-feedback/lf-user-feedback-public-api.ts
index b5eb0fca..ceddfd37 100644
--- a/projects/ui-components/lf-user-feedback/lf-user-feedback-public-api.ts
+++ b/projects/ui-components/lf-user-feedback/lf-user-feedback-public-api.ts
@@ -1,4 +1,4 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-export { LfUserFeedbackComponent } from './lf-user-feedback.component';
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+export { LfUserFeedbackComponent } from './lf-user-feedback.component';
diff --git a/projects/ui-components/lf-user-feedback/lf-user-feedback-types.ts b/projects/ui-components/lf-user-feedback/lf-user-feedback-types.ts
index d43f5804..1f9639f4 100644
--- a/projects/ui-components/lf-user-feedback/lf-user-feedback-types.ts
+++ b/projects/ui-components/lf-user-feedback/lf-user-feedback-types.ts
@@ -1,52 +1,52 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-/** @internal */
-export enum UserFeedbackTrackingEventType {
-  Feedback = 'Feedback',
-  Suggestion = 'Suggestion',
-}
-
-/** @internal */
-export interface UserFeedbackDialogData {
-  userFeedbackTrackingEventType: UserFeedbackTrackingEventType;
-  feedbackText: string;
-  canContact: boolean;
-  feedbackImageBase64?: string;
-}
-
-/**
- * @internal
- * Contains required and custom properties to be tracked.
- * Custom properties are snake_case because camelCase and PascalCase are not respected when sending to tracking service
- */
-
-export interface IUserTrackingEvent {
-  /**
-   * required property by Product Intelligence
-   */
-  eventName: UserFeedbackTrackingEventType;
-  /**
-   * required property by Product Intelligence
-   */
-  module: string;
-  /**
-   * required property by Product Intelligence
-   */
-  accountId: string;
-  /**
-   * required property by Product Intelligence
-   */
-  userId: string;
-}
-
-/** @internal */
-export interface UserFeedbackUserTrackingEvent extends IUserTrackingEvent {
-  hosting_module: string;
-  hosting_context: string;
-  is_willing_to_be_contacted: boolean;
-  message: string;
-  email_address: string;
-  image?: string;
-  attachment_entry_id: string;
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+/** @internal */
+export enum UserFeedbackTrackingEventType {
+  Feedback = 'Feedback',
+  Suggestion = 'Suggestion',
+}
+
+/** @internal */
+export interface UserFeedbackDialogData {
+  userFeedbackTrackingEventType: UserFeedbackTrackingEventType;
+  feedbackText: string;
+  canContact: boolean;
+  feedbackImageBase64?: string;
+}
+
+/**
+ * @internal
+ * Contains required and custom properties to be tracked.
+ * Custom properties are snake_case because camelCase and PascalCase are not respected when sending to tracking service
+ */
+
+export interface IUserTrackingEvent {
+  /**
+   * required property by Product Intelligence
+   */
+  eventName: UserFeedbackTrackingEventType;
+  /**
+   * required property by Product Intelligence
+   */
+  module: string;
+  /**
+   * required property by Product Intelligence
+   */
+  accountId: string;
+  /**
+   * required property by Product Intelligence
+   */
+  userId: string;
+}
+
+/** @internal */
+export interface UserFeedbackUserTrackingEvent extends IUserTrackingEvent {
+  hosting_module: string;
+  hosting_context: string;
+  is_willing_to_be_contacted: boolean;
+  message: string;
+  email_address: string;
+  image?: string;
+  attachment_entry_id: string;
+}
diff --git a/projects/ui-components/lf-user-feedback/lf-user-feedback.component.css b/projects/ui-components/lf-user-feedback/lf-user-feedback.component.css
index 74c20933..f5671e97 100644
--- a/projects/ui-components/lf-user-feedback/lf-user-feedback.component.css
+++ b/projects/ui-components/lf-user-feedback/lf-user-feedback.component.css
@@ -1,10 +1,10 @@
-::ng-deep .cdk-overlay-backdrop.lf-user-feedback-backdrop {
-    opacity: 0.5;
-    position: fixed;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    left: 0;
-    background-color: #000;
-    user-select: none;
-}
\ No newline at end of file
+::ng-deep .cdk-overlay-backdrop.lf-user-feedback-backdrop {
+  opacity: 0.5;
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  background-color: #000;
+  user-select: none;
+}
diff --git a/projects/ui-components/lf-user-feedback/lf-user-feedback.component.spec.ts b/projects/ui-components/lf-user-feedback/lf-user-feedback.component.spec.ts
index 1dabb116..0b50f398 100644
--- a/projects/ui-components/lf-user-feedback/lf-user-feedback.component.spec.ts
+++ b/projects/ui-components/lf-user-feedback/lf-user-feedback.component.spec.ts
@@ -1,38 +1,37 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatDialogModule, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { LfUserFeedbackComponent } from './lf-user-feedback.component';
-
-describe('LfUserFeedbackComponent', () => {
-  let component: LfUserFeedbackComponent;
-  let fixture: ComponentFixture<LfUserFeedbackComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [LfUserFeedbackComponent, MatCheckboxModule, MatDialogModule, BrowserAnimationsModule],
-      providers: [
-        { provide: MatDialogRef, useValue: {} },
-        { provide: MAT_DIALOG_DATA, useValue: {} }
-      ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(LfUserFeedbackComponent);
-    component = fixture.componentInstance;
-    component.hosting_module = 'test';
-    component.user_id = 'test';
-    component.account_id = 'test';
-
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatDialogModule, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { LfUserFeedbackComponent } from './lf-user-feedback.component';
+
+describe('LfUserFeedbackComponent', () => {
+  let component: LfUserFeedbackComponent;
+  let fixture: ComponentFixture<LfUserFeedbackComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [LfUserFeedbackComponent, MatCheckboxModule, MatDialogModule, BrowserAnimationsModule],
+      providers: [
+        { provide: MatDialogRef, useValue: {} },
+        { provide: MAT_DIALOG_DATA, useValue: {} },
+      ],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LfUserFeedbackComponent);
+    component = fixture.componentInstance;
+    component.hosting_module = 'test';
+    component.user_id = 'test';
+    component.account_id = 'test';
+
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/ui-components/lf-user-feedback/lf-user-feedback.component.ts b/projects/ui-components/lf-user-feedback/lf-user-feedback.component.ts
index 7411dbcc..af119d6e 100644
--- a/projects/ui-components/lf-user-feedback/lf-user-feedback.component.ts
+++ b/projects/ui-components/lf-user-feedback/lf-user-feedback.component.ts
@@ -1,102 +1,102 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component, Input, inject } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { MatDialog, MatDialogRef } from '@angular/material/dialog';
-import { AppLocalizationService } from '@laserfiche/lf-ui-components/internal-shared';
-import { Observable } from 'rxjs';
-import { LfAnalyticsService } from './lf-analytics.service';
-import { UserFeedbackDialogData, UserFeedbackUserTrackingEvent } from './lf-user-feedback-types';
-import { UserFeedbackDialogComponent } from './user-feedback-dialog/user-feedback-dialog.component';
-
-@Component({
-  selector: 'lf-user-feedback-component',
-  template: `<button id="lf-user-feedback-button" [disabled]="disableFeedbackButton" (click)="handleDialogAsync()">
-    {{ feedbackText | async }}
-  </button>`,
-  styleUrls: ['./lf-user-feedback.component.css'],
-  standalone: true,
-  imports: [CommonModule],
-})
-export class LfUserFeedbackComponent {
-  /**@internal */
-  dialog = inject(MatDialog);
-  /**@internal */
-  analyticsService = inject(LfAnalyticsService);
-  /**@internal */
-  private localizationService = inject(AppLocalizationService);
-
-  @Input() hosting_module: string = '';
-  @Input() hosting_context: string = '';
-  @Input() user_id: string = '';
-  @Input() account_id: string = '';
-
-  /** @internal */
-  feedbackText: Observable<string> = this.localizationService.getStringLaserficheObservable('FEEDBACK');
-
-  /** @internal */
-  protected dialogRef: MatDialogRef<UserFeedbackDialogComponent> | undefined;
-
-  /** @internal */
-  async handleDialogAsync(): Promise<void> {
-    if (!this.dialogRef) {
-      this.openDialog();
-      await this.closeDialogAsync();
-    }
-  }
-
-  /** @internal */
-  private async closeDialogAsync() {
-    await this.dialogRef!.afterClosed().toPromise();
-    this.dialogRef = undefined;
-  }
-
-  /** @internal */
-  get disableFeedbackButton(): boolean {
-    return !this.user_id || !this.account_id;
-  }
-
-  /** @internal */
-  private openDialog(): void {
-    try {
-      this.dialogRef = this.dialog.open(UserFeedbackDialogComponent, {
-        width: '448px',
-        data: {},
-        panelClass: 'lf-user-feedback-panel',
-        autoFocus: false,
-        disableClose: true,
-        backdropClass: 'lf-user-feedback-backdrop',
-      });
-      this.dialogRef.componentInstance.submitFeedback.subscribe((result: UserFeedbackDialogData | undefined) => {
-        if (result?.userFeedbackTrackingEventType) {
-          const eventTrackingData: UserFeedbackUserTrackingEvent = this.createEventTrackingData(result);
-          const trackSucceeded = this.analyticsService?.track(eventTrackingData);
-          if (!trackSucceeded) {
-            this.dialogRef?.componentInstance.setError();
-          }
-        }
-      });
-    } catch (error: any) {
-      console.error(`Could not open User Feedback dialog: ${error.message}`);
-    }
-  }
-
-  /** @internal */
-  private createEventTrackingData(dialogData: UserFeedbackDialogData): UserFeedbackUserTrackingEvent {
-    const data: UserFeedbackUserTrackingEvent = {
-      userId: this.user_id,
-      accountId: this.account_id,
-      module: 'UserFeedback', // Do not change or localize
-      eventName: dialogData.userFeedbackTrackingEventType,
-      hosting_module: this.hosting_module ?? 'UserFeedback',
-      hosting_context: this.hosting_context,
-      is_willing_to_be_contacted: dialogData.canContact,
-      message: dialogData.feedbackText,
-      email_address: '', // dummy empty value to satisfy the schema requirements
-      image: dialogData.feedbackImageBase64 ?? undefined,
-      attachment_entry_id: '', // dummy empty value
-    };
-    return data;
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component, Input, inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatDialog, MatDialogRef } from '@angular/material/dialog';
+import { AppLocalizationService } from '@laserfiche/lf-ui-components/internal-shared';
+import { Observable } from 'rxjs';
+import { LfAnalyticsService } from './lf-analytics.service';
+import { UserFeedbackDialogData, UserFeedbackUserTrackingEvent } from './lf-user-feedback-types';
+import { UserFeedbackDialogComponent } from './user-feedback-dialog/user-feedback-dialog.component';
+
+@Component({
+  selector: 'lf-user-feedback-component',
+  template: `<button id="lf-user-feedback-button" [disabled]="disableFeedbackButton" (click)="handleDialogAsync()">
+    {{ feedbackText | async }}
+  </button>`,
+  styleUrls: ['./lf-user-feedback.component.css'],
+  standalone: true,
+  imports: [CommonModule],
+})
+export class LfUserFeedbackComponent {
+  /**@internal */
+  dialog = inject(MatDialog);
+  /**@internal */
+  analyticsService = inject(LfAnalyticsService);
+  /**@internal */
+  private localizationService = inject(AppLocalizationService);
+
+  @Input() hosting_module: string = '';
+  @Input() hosting_context: string = '';
+  @Input() user_id: string = '';
+  @Input() account_id: string = '';
+
+  /** @internal */
+  feedbackText: Observable<string> = this.localizationService.getStringLaserficheObservable('FEEDBACK');
+
+  /** @internal */
+  protected dialogRef: MatDialogRef<UserFeedbackDialogComponent> | undefined;
+
+  /** @internal */
+  async handleDialogAsync(): Promise<void> {
+    if (!this.dialogRef) {
+      this.openDialog();
+      await this.closeDialogAsync();
+    }
+  }
+
+  /** @internal */
+  private async closeDialogAsync() {
+    await this.dialogRef!.afterClosed().toPromise();
+    this.dialogRef = undefined;
+  }
+
+  /** @internal */
+  get disableFeedbackButton(): boolean {
+    return !this.user_id || !this.account_id;
+  }
+
+  /** @internal */
+  private openDialog(): void {
+    try {
+      this.dialogRef = this.dialog.open(UserFeedbackDialogComponent, {
+        width: '448px',
+        data: {},
+        panelClass: 'lf-user-feedback-panel',
+        autoFocus: false,
+        disableClose: true,
+        backdropClass: 'lf-user-feedback-backdrop',
+      });
+      this.dialogRef.componentInstance.submitFeedback.subscribe((result: UserFeedbackDialogData | undefined) => {
+        if (result?.userFeedbackTrackingEventType) {
+          const eventTrackingData: UserFeedbackUserTrackingEvent = this.createEventTrackingData(result);
+          const trackSucceeded = this.analyticsService?.track(eventTrackingData);
+          if (!trackSucceeded) {
+            this.dialogRef?.componentInstance.setError();
+          }
+        }
+      });
+    } catch (error: any) {
+      console.error(`Could not open User Feedback dialog: ${error.message}`);
+    }
+  }
+
+  /** @internal */
+  private createEventTrackingData(dialogData: UserFeedbackDialogData): UserFeedbackUserTrackingEvent {
+    const data: UserFeedbackUserTrackingEvent = {
+      userId: this.user_id,
+      accountId: this.account_id,
+      module: 'UserFeedback', // Do not change or localize
+      eventName: dialogData.userFeedbackTrackingEventType,
+      hosting_module: this.hosting_module ?? 'UserFeedback',
+      hosting_context: this.hosting_context,
+      is_willing_to_be_contacted: dialogData.canContact,
+      message: dialogData.feedbackText,
+      email_address: '', // dummy empty value to satisfy the schema requirements
+      image: dialogData.feedbackImageBase64 ?? undefined,
+      attachment_entry_id: '', // dummy empty value
+    };
+    return data;
+  }
+}
diff --git a/projects/ui-components/lf-user-feedback/lf-user-feedback.service.spec.ts b/projects/ui-components/lf-user-feedback/lf-user-feedback.service.spec.ts
index 0400f7c3..510ad380 100644
--- a/projects/ui-components/lf-user-feedback/lf-user-feedback.service.spec.ts
+++ b/projects/ui-components/lf-user-feedback/lf-user-feedback.service.spec.ts
@@ -1,18 +1,18 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { TestBed } from '@angular/core/testing';
-import { LfUserFeedbackService } from './lf-user-feedback.service';
-
-describe('LfUserFeedbackService', () => {
-  let service: LfUserFeedbackService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(LfUserFeedbackService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { TestBed } from '@angular/core/testing';
+import { LfUserFeedbackService } from './lf-user-feedback.service';
+
+describe('LfUserFeedbackService', () => {
+  let service: LfUserFeedbackService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(LfUserFeedbackService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});
diff --git a/projects/ui-components/lf-user-feedback/lf-user-feedback.service.ts b/projects/ui-components/lf-user-feedback/lf-user-feedback.service.ts
index 64189c71..7f3eb8b1 100644
--- a/projects/ui-components/lf-user-feedback/lf-user-feedback.service.ts
+++ b/projects/ui-components/lf-user-feedback/lf-user-feedback.service.ts
@@ -1,12 +1,11 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Injectable } from '@angular/core';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class LfUserFeedbackService {
-
-  constructor() { }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class LfUserFeedbackService {
+  constructor() {}
+}
diff --git a/projects/ui-components/lf-user-feedback/ng-package.json b/projects/ui-components/lf-user-feedback/ng-package.json
index a9e34935..0d53e01b 100644
--- a/projects/ui-components/lf-user-feedback/ng-package.json
+++ b/projects/ui-components/lf-user-feedback/ng-package.json
@@ -1,5 +1,5 @@
 {
   "lib": {
-      "entryFile": "./lf-user-feedback-public-api.ts"
+    "entryFile": "./lf-user-feedback-public-api.ts"
   }
 }
diff --git a/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.css b/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.css
index 11b0a299..94361c41 100644
--- a/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.css
+++ b/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.css
@@ -71,7 +71,7 @@
 }
 
 .feedback-suggestion-button:hover {
-  background-color: #E0E0E0;
+  background-color: #e0e0e0;
 }
 
 .email-checkbox-container {
@@ -105,17 +105,16 @@
   padding-bottom: 0px;
 }
 
-
 ::ng-deep .lf-user-feedback-checkbox.mat-mdc-checkbox .mdc-checkbox .mat-mdc-checkbox-touch-target {
-    width: 20px;
-    height: 20px;
+  width: 20px;
+  height: 20px;
 }
 
 ::ng-deep .lf-user-feedback-checkbox.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control {
-    width: 18px;
-    height: 18px;
+  width: 18px;
+  height: 18px;
 }
 ::ng-deep .lf-user-feedback-checkbox.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__background {
-    left: 0px;
-    top: 0px;
+  left: 0px;
+  top: 0px;
 }
diff --git a/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.html b/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.html
index ef39bfaa..4f0da519 100644
--- a/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.html
+++ b/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.html
@@ -46,7 +46,7 @@
         class="lf-button primary-button dialog-button"
         [disabled]="isSubmitDisabled"
         (click)="onClickSubmitAsync()"
-        >
+      >
         {{ localizedStrings.SUBMIT | async }}
       </button>
     }
diff --git a/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.spec.ts b/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.spec.ts
index 9b1cb5e8..667c0988 100644
--- a/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.spec.ts
+++ b/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.spec.ts
@@ -1,161 +1,161 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatDialogModule, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
-import { By } from '@angular/platform-browser';
-import { FeedbackSubmissionComponent } from '../feedback-submission/feedback-submission.component';
-import { FeedbackSuggestionSelectionComponent } from '../feedback-suggestion-selection/feedback-suggestion-selection.component';
-import { UserFeedbackDialogData, UserFeedbackTrackingEventType } from '../lf-user-feedback-types';
-import { UserFeedbackDialogComponent } from './user-feedback-dialog.component';
-
-@Component({
-    selector: 'lf-feedback-suggestion-selection',
-    template: '<p>Mock Feedback Suggestion Selection Component</p>',
-    standalone: true
-})
-class MockFeedBackSuggestionSelectionComponent {}
-
-describe('UserFeedbackDialogComponent', () => {
-  let component: UserFeedbackDialogComponent;
-  let fixture: ComponentFixture<UserFeedbackDialogComponent>;
-  let element: HTMLElement;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [
-        FormsModule,
-        MatCheckboxModule,
-        MatDialogModule,
-        UserFeedbackDialogComponent,
-        FeedbackSubmissionComponent,
-        MockFeedBackSuggestionSelectionComponent,
-      ],
-      providers: [
-        { provide: MatDialogRef, useValue: {} },
-        { provide: MAT_DIALOG_DATA, useValue: {} },
-      ],
-    })
-    .overrideComponent(UserFeedbackDialogComponent, {
-      remove: { imports: [FeedbackSuggestionSelectionComponent] },
-      add: { imports: [MockFeedBackSuggestionSelectionComponent] },
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(UserFeedbackDialogComponent);
-    component = fixture.componentInstance;
-    element = fixture.nativeElement;
-    fixture.detectChanges();
-  });
-
-  function goToFeedbackMode() {
-    component.onClickFeedback();
-    fixture.detectChanges();
-    const submitFeedbackButton = element.querySelector('#lf-user-feedback-submit-feedback-button') as HTMLButtonElement;
-    expect(submitFeedbackButton).toBeTruthy();
-  }
-
-  function triggerFeedbackTextChangedEventWith(textChange: string) {
-    component.feedbackSubmission!.feedbackTextChanged.emit(textChange);
-    fixture.detectChanges();
-  }
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-    expect(component.isFeedback).toBe(false);
-    expect(component.isSuggestion).toBe(false);
-  });
-
-  it('should go to feedback mode when feedback button is clicked', () => {
-    const mockFeedBackSuggestionSelection = fixture.debugElement.query(
-      By.directive(MockFeedBackSuggestionSelectionComponent)
-    );
-    mockFeedBackSuggestionSelection.triggerEventHandler('feedbackClicked');
-    fixture.detectChanges();
-    expect(component.isFeedback).toBe(true);
-    expect(component.isSuggestion).toBe(false);
-  });
-
-  it('should go to suggestion mode when suggestion button is clicked', () => {
-    const mockFeedBackSuggestionSelection = fixture.debugElement.query(
-      By.directive(MockFeedBackSuggestionSelectionComponent)
-    );
-    mockFeedBackSuggestionSelection.triggerEventHandler('suggestionClicked');
-    fixture.detectChanges();
-    expect(component.isFeedback).toBe(false);
-    expect(component.isSuggestion).toBe(true);
-  });
-
-  it('should disable submit button when textbox is empty', () => {
-    goToFeedbackMode();
-    triggerFeedbackTextChangedEventWith('');
-    expect(component.isSubmitDisabled).toBe(true);
-  });
-
-  it('should disable submit button when textbox is whitespace', () => {
-    return new Promise<void>((done) => {
-    goToFeedbackMode();
-    const text = '     ';
-    triggerFeedbackTextChangedEventWith(text);
-    window.setTimeout(() => {
-      expect(component.isSubmitDisabled).toBe(true);
-      // @ts-ignore
-      expect(component.feedbackText).toBe(text);
-      done();
-    }, 350);
-    });
-  });
-
-  it('should enable submit button when textbox has non-whitespace value', () => {
-    return new Promise<void>((done) => {
-    goToFeedbackMode();
-    const text = 'Hello';
-    triggerFeedbackTextChangedEventWith(text);
-    window.setTimeout(() => {
-      expect(component.isSubmitDisabled).toBe(false);
-      // @ts-ignore
-      expect(component.feedbackText).toBe(text);
-      done();
-    }, 350);
-    });
-  });
-
-  it('should enable submit button when textbox has non-whitespace value and when email is disabled', () => {
-    return new Promise<void>((done) => {
-    goToFeedbackMode();
-    triggerFeedbackTextChangedEventWith('Hello');
-    component.feedbackSubmission!.feedbackEmailCheckbox = false;
-    window.setTimeout(() => {
-      expect(component.isSubmitDisabled).toBe(false);
-      done();
-    }, 350);
-    });
-  });
-
-  it('getFeedbackDialogData should get feedback dialog data', () => {
-    return new Promise<void>((done) => {
-    goToFeedbackMode();
-    const text = 'Hello';
-    triggerFeedbackTextChangedEventWith(text);
-
-    component.feedbackSubmission!.feedbackEmailCheckbox = false;
-    const expectedDialogData: UserFeedbackDialogData = {
-      canContact: component.feedbackSubmission!.feedbackEmailCheckbox,
-      userFeedbackTrackingEventType: UserFeedbackTrackingEventType.Feedback,
-      feedbackText: text,
-      feedbackImageBase64: component.feedbackSubmission!.feedbackImageBase64,
-    };
-    window.setTimeout(() => {
-      // @ts-ignore
-      const dialogData = component.getFeedbackDialogData();
-      expect(dialogData).toEqual(expectedDialogData);
-      done();
-    }, 350);
-    });
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { FormsModule } from '@angular/forms';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatDialogModule, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { By } from '@angular/platform-browser';
+import { FeedbackSubmissionComponent } from '../feedback-submission/feedback-submission.component';
+import { FeedbackSuggestionSelectionComponent } from '../feedback-suggestion-selection/feedback-suggestion-selection.component';
+import { UserFeedbackDialogData, UserFeedbackTrackingEventType } from '../lf-user-feedback-types';
+import { UserFeedbackDialogComponent } from './user-feedback-dialog.component';
+
+@Component({
+  selector: 'lf-feedback-suggestion-selection',
+  template: '<p>Mock Feedback Suggestion Selection Component</p>',
+  standalone: true,
+})
+class MockFeedBackSuggestionSelectionComponent {}
+
+describe('UserFeedbackDialogComponent', () => {
+  let component: UserFeedbackDialogComponent;
+  let fixture: ComponentFixture<UserFeedbackDialogComponent>;
+  let element: HTMLElement;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [
+        FormsModule,
+        MatCheckboxModule,
+        MatDialogModule,
+        UserFeedbackDialogComponent,
+        FeedbackSubmissionComponent,
+        MockFeedBackSuggestionSelectionComponent,
+      ],
+      providers: [
+        { provide: MatDialogRef, useValue: {} },
+        { provide: MAT_DIALOG_DATA, useValue: {} },
+      ],
+    })
+      .overrideComponent(UserFeedbackDialogComponent, {
+        remove: { imports: [FeedbackSuggestionSelectionComponent] },
+        add: { imports: [MockFeedBackSuggestionSelectionComponent] },
+      })
+      .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(UserFeedbackDialogComponent);
+    component = fixture.componentInstance;
+    element = fixture.nativeElement;
+    fixture.detectChanges();
+  });
+
+  function goToFeedbackMode() {
+    component.onClickFeedback();
+    fixture.detectChanges();
+    const submitFeedbackButton = element.querySelector('#lf-user-feedback-submit-feedback-button') as HTMLButtonElement;
+    expect(submitFeedbackButton).toBeTruthy();
+  }
+
+  function triggerFeedbackTextChangedEventWith(textChange: string) {
+    component.feedbackSubmission!.feedbackTextChanged.emit(textChange);
+    fixture.detectChanges();
+  }
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+    expect(component.isFeedback).toBe(false);
+    expect(component.isSuggestion).toBe(false);
+  });
+
+  it('should go to feedback mode when feedback button is clicked', () => {
+    const mockFeedBackSuggestionSelection = fixture.debugElement.query(
+      By.directive(MockFeedBackSuggestionSelectionComponent)
+    );
+    mockFeedBackSuggestionSelection.triggerEventHandler('feedbackClicked');
+    fixture.detectChanges();
+    expect(component.isFeedback).toBe(true);
+    expect(component.isSuggestion).toBe(false);
+  });
+
+  it('should go to suggestion mode when suggestion button is clicked', () => {
+    const mockFeedBackSuggestionSelection = fixture.debugElement.query(
+      By.directive(MockFeedBackSuggestionSelectionComponent)
+    );
+    mockFeedBackSuggestionSelection.triggerEventHandler('suggestionClicked');
+    fixture.detectChanges();
+    expect(component.isFeedback).toBe(false);
+    expect(component.isSuggestion).toBe(true);
+  });
+
+  it('should disable submit button when textbox is empty', () => {
+    goToFeedbackMode();
+    triggerFeedbackTextChangedEventWith('');
+    expect(component.isSubmitDisabled).toBe(true);
+  });
+
+  it('should disable submit button when textbox is whitespace', () => {
+    return new Promise<void>((done) => {
+      goToFeedbackMode();
+      const text = '     ';
+      triggerFeedbackTextChangedEventWith(text);
+      window.setTimeout(() => {
+        expect(component.isSubmitDisabled).toBe(true);
+        // @ts-ignore
+        expect(component.feedbackText).toBe(text);
+        done();
+      }, 350);
+    });
+  });
+
+  it('should enable submit button when textbox has non-whitespace value', () => {
+    return new Promise<void>((done) => {
+      goToFeedbackMode();
+      const text = 'Hello';
+      triggerFeedbackTextChangedEventWith(text);
+      window.setTimeout(() => {
+        expect(component.isSubmitDisabled).toBe(false);
+        // @ts-ignore
+        expect(component.feedbackText).toBe(text);
+        done();
+      }, 350);
+    });
+  });
+
+  it('should enable submit button when textbox has non-whitespace value and when email is disabled', () => {
+    return new Promise<void>((done) => {
+      goToFeedbackMode();
+      triggerFeedbackTextChangedEventWith('Hello');
+      component.feedbackSubmission!.feedbackEmailCheckbox = false;
+      window.setTimeout(() => {
+        expect(component.isSubmitDisabled).toBe(false);
+        done();
+      }, 350);
+    });
+  });
+
+  it('getFeedbackDialogData should get feedback dialog data', () => {
+    return new Promise<void>((done) => {
+      goToFeedbackMode();
+      const text = 'Hello';
+      triggerFeedbackTextChangedEventWith(text);
+
+      component.feedbackSubmission!.feedbackEmailCheckbox = false;
+      const expectedDialogData: UserFeedbackDialogData = {
+        canContact: component.feedbackSubmission!.feedbackEmailCheckbox,
+        userFeedbackTrackingEventType: UserFeedbackTrackingEventType.Feedback,
+        feedbackText: text,
+        feedbackImageBase64: component.feedbackSubmission!.feedbackImageBase64,
+      };
+      window.setTimeout(() => {
+        // @ts-ignore
+        const dialogData = component.getFeedbackDialogData();
+        expect(dialogData).toEqual(expectedDialogData);
+        done();
+      }, 350);
+    });
+  });
+});
diff --git a/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.ts b/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.ts
index 44f322aa..1af026ff 100644
--- a/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.ts
+++ b/projects/ui-components/lf-user-feedback/user-feedback-dialog/user-feedback-dialog.component.ts
@@ -1,165 +1,181 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { LocalizedString } from '@angular/compiler';
-import { AfterViewInit, ChangeDetectorRef, Component, ElementRef, EventEmitter, HostListener, OnDestroy, Output, ViewChild, inject } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { MatDialogRef } from '@angular/material/dialog';
-import { AppLocalizationService, GeneralDialogLayoutComponent } from '@laserfiche/lf-ui-components/internal-shared';
-import { debounceTime, map, Observable, Subscription } from 'rxjs';
-import { FeedbackSubmissionComponent } from '../feedback-submission/feedback-submission.component';
-import { FeedbackSuggestionSelectionComponent } from '../feedback-suggestion-selection/feedback-suggestion-selection.component';
-import { UserFeedbackDialogData, UserFeedbackTrackingEventType } from '../lf-user-feedback-types';
-
-/** @internal */
-export enum FeedbackDialogState {
-  FIRST_PANE,
-  FEEDBACK,
-  SUGGESTION,
-  THANK_YOU,
-  ERROR,
-}
-
-/**
- * @internal
- */
-@Component({
-    selector: 'lf-user-feedback-dialog-component',
-    templateUrl: './user-feedback-dialog.component.html',
-    styleUrls: ['./user-feedback-dialog.component.css'],
-    standalone: true,
-    imports: [CommonModule, GeneralDialogLayoutComponent, FeedbackSubmissionComponent, FeedbackSuggestionSelectionComponent]
-})
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { LocalizedString } from '@angular/compiler';
+import {
+  AfterViewInit,
+  ChangeDetectorRef,
+  Component,
+  ElementRef,
+  EventEmitter,
+  HostListener,
+  OnDestroy,
+  Output,
+  ViewChild,
+  inject,
+} from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatDialogRef } from '@angular/material/dialog';
+import { AppLocalizationService, GeneralDialogLayoutComponent } from '@laserfiche/lf-ui-components/internal-shared';
+import { debounceTime, map, Observable, Subscription } from 'rxjs';
+import { FeedbackSubmissionComponent } from '../feedback-submission/feedback-submission.component';
+import { FeedbackSuggestionSelectionComponent } from '../feedback-suggestion-selection/feedback-suggestion-selection.component';
+import { UserFeedbackDialogData, UserFeedbackTrackingEventType } from '../lf-user-feedback-types';
+
+/** @internal */
+export enum FeedbackDialogState {
+  FIRST_PANE,
+  FEEDBACK,
+  SUGGESTION,
+  THANK_YOU,
+  ERROR,
+}
+
+/**
+ * @internal
+ */
+@Component({
+  selector: 'lf-user-feedback-dialog-component',
+  templateUrl: './user-feedback-dialog.component.html',
+  styleUrls: ['./user-feedback-dialog.component.css'],
+  standalone: true,
+  imports: [
+    CommonModule,
+    GeneralDialogLayoutComponent,
+    FeedbackSubmissionComponent,
+    FeedbackSuggestionSelectionComponent,
+  ],
+})
 export class UserFeedbackDialogComponent implements AfterViewInit, OnDestroy {
   dialogRef = inject<MatDialogRef<UserFeedbackDialogComponent>>(MatDialogRef);
   private ref = inject(ChangeDetectorRef);
   private localizationService = inject(AppLocalizationService);
-
-  @Output() submitFeedback: EventEmitter<UserFeedbackDialogData> = new EventEmitter();
-  @ViewChild(FeedbackSubmissionComponent) feedbackSubmission?: FeedbackSubmissionComponent;
-
-  private dialogState: FeedbackDialogState = FeedbackDialogState.FIRST_PANE;
-  private feedbackText: string | undefined;
-  private allSubscriptions: Subscription = new Subscription();
-  isSubmitDisabled: boolean = true;
-
-  get isFirstPane(): boolean {
-    return this.dialogState === FeedbackDialogState.FIRST_PANE;
-  }
-  get isFeedback(): boolean {
-    return this.dialogState === FeedbackDialogState.FEEDBACK;
-  }
-  get isSuggestion(): boolean {
-    return this.dialogState === FeedbackDialogState.SUGGESTION;
-  }
-  get isThankYou(): boolean {
-    return this.dialogState === FeedbackDialogState.THANK_YOU;
-  }
-  get isError(): boolean {
-    return this.dialogState === FeedbackDialogState.ERROR;
-  }
-
-  localizedStrings = {
-    SUGGESTION: this.localizationService.getStringLaserficheObservable('SUGGESTION'),
-    FEEDBACK: this.localizationService.getStringLaserficheObservable('FEEDBACK'),
-    CLOSE: this.localizationService.getStringLaserficheObservable('CLOSE'),
-    THANK_YOU_FOR_SUBMISSION: this.localizationService.getStringLaserficheObservable('THANK_YOU_FOR_SUBMISSION'),
-    IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL: this.localizationService
-      .getStringComponentsObservable('IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL')
-      .pipe(
-        map((value: string) => {
-          return `${value} `;
-        })
-      ),
-    PLEASE_CLICK_HERE: this.localizationService.getStringComponentsObservable('PLEASE_CLICK_HERE'),
-    SOMETHING_WENT_WRONG_PLEASE_TRY_AGAIN_LATER: this.localizationService.getStringLaserficheObservable(
-      'SOMETHING_WENT_WRONG_PLEASE_TRY_AGAIN_LATER'
-    ),
-    SUBMIT: this.localizationService.getStringLaserficheObservable('SUBMIT'),
-    CANCEL: this.localizationService.getStringLaserficheObservable('CANCEL'),
-  };
-
-  USER_FEEDBACK_TITLE: Observable<string> = this.localizedStrings.FEEDBACK;
-
-  ngAfterViewInit() {
-    const elem = document.getElementById('lf-user-feedback-feedback-mode-button');
-    elem?.focus();
-  }
-
-  ngOnDestroy(): void {
-    this.allSubscriptions.unsubscribe();
-  }
-
-  setError(): void {
-    this.dialogState = FeedbackDialogState.ERROR;
-  }
-
-  onClickFeedback(): void {
-    this.dialogState = FeedbackDialogState.FEEDBACK;
-    this.USER_FEEDBACK_TITLE = this.localizedStrings.FEEDBACK;
-    setTimeout(() => document.getElementById('feedback-suggestion-textbox')?.focus());
-    this.onTextChanges();
-  }
-
-  onClickSuggestion(): void {
-    this.dialogState = FeedbackDialogState.SUGGESTION;
-    this.USER_FEEDBACK_TITLE = this.localizedStrings.SUGGESTION;
-    setTimeout(() => document.getElementById('feedback-suggestion-textbox')?.focus());
-    this.onTextChanges();
-  }
-
-  @HostListener('document:keydown.escape', ['$event'])
-  onEscKey(event: KeyboardEvent) {
-    this.dialogRef.close();
-  }
-
-  private onTextChanges(): void {
-    this.ref.detectChanges();
-    const feedbackTextSub = this.feedbackSubmission?.feedbackTextChanged
-      .asObservable()
-      .pipe(debounceTime(250))
-      .subscribe((text) => {
-        this.feedbackText = text;
-        this.isSubmitDisabled = this.isEmptyOrWhitespace(text);
-      });
-    this.allSubscriptions.add(feedbackTextSub);
-  }
-
-  async onClickSubmitAsync(): Promise<void> {
-    try {
-      const dialogData = this.getFeedbackDialogData();
-      this.submitFeedback.emit(dialogData);
-      if (!this.isError) {
-        this.dialogState = FeedbackDialogState.THANK_YOU;
-      }
-    } catch (error: any) {
-      console.warn(error.message);
-      this.setError();
-    }
-  }
-
-  onCloseDialog(): void {
-    this.dialogRef.close();
-  }
-
-  private isEmptyOrWhitespace(value: string | undefined): boolean {
-    return !value || !(value.trim().length > 0);
-  }
-
-  private getFeedbackDialogData(): UserFeedbackDialogData {
-    if (!this.feedbackSubmission || !this.feedbackText) {
-      throw new Error('feedbackSubmission unexpectedly does not exist. Cannot submit');
-    }
-    let userFeedbackTrackingEventType: UserFeedbackTrackingEventType = UserFeedbackTrackingEventType.Feedback;
-    if (this.isSuggestion) {
-      userFeedbackTrackingEventType = UserFeedbackTrackingEventType.Suggestion;
-    }
-    const dialogData: UserFeedbackDialogData = {
-      canContact: this.feedbackSubmission.feedbackEmailCheckbox,
-      userFeedbackTrackingEventType,
-      feedbackText: this.feedbackText,
-      feedbackImageBase64: this.feedbackSubmission.feedbackImageBase64,
-    };
-    return dialogData;
-  }
-}
+
+  @Output() submitFeedback: EventEmitter<UserFeedbackDialogData> = new EventEmitter();
+  @ViewChild(FeedbackSubmissionComponent) feedbackSubmission?: FeedbackSubmissionComponent;
+
+  private dialogState: FeedbackDialogState = FeedbackDialogState.FIRST_PANE;
+  private feedbackText: string | undefined;
+  private allSubscriptions: Subscription = new Subscription();
+  isSubmitDisabled: boolean = true;
+
+  get isFirstPane(): boolean {
+    return this.dialogState === FeedbackDialogState.FIRST_PANE;
+  }
+  get isFeedback(): boolean {
+    return this.dialogState === FeedbackDialogState.FEEDBACK;
+  }
+  get isSuggestion(): boolean {
+    return this.dialogState === FeedbackDialogState.SUGGESTION;
+  }
+  get isThankYou(): boolean {
+    return this.dialogState === FeedbackDialogState.THANK_YOU;
+  }
+  get isError(): boolean {
+    return this.dialogState === FeedbackDialogState.ERROR;
+  }
+
+  localizedStrings = {
+    SUGGESTION: this.localizationService.getStringLaserficheObservable('SUGGESTION'),
+    FEEDBACK: this.localizationService.getStringLaserficheObservable('FEEDBACK'),
+    CLOSE: this.localizationService.getStringLaserficheObservable('CLOSE'),
+    THANK_YOU_FOR_SUBMISSION: this.localizationService.getStringLaserficheObservable('THANK_YOU_FOR_SUBMISSION'),
+    IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL: this.localizationService
+      .getStringComponentsObservable('IF_YOUD_LIKE_TO_JOIN_OUR_CUSTOMER_PANEL')
+      .pipe(
+        map((value: string) => {
+          return `${value} `;
+        })
+      ),
+    PLEASE_CLICK_HERE: this.localizationService.getStringComponentsObservable('PLEASE_CLICK_HERE'),
+    SOMETHING_WENT_WRONG_PLEASE_TRY_AGAIN_LATER: this.localizationService.getStringLaserficheObservable(
+      'SOMETHING_WENT_WRONG_PLEASE_TRY_AGAIN_LATER'
+    ),
+    SUBMIT: this.localizationService.getStringLaserficheObservable('SUBMIT'),
+    CANCEL: this.localizationService.getStringLaserficheObservable('CANCEL'),
+  };
+
+  USER_FEEDBACK_TITLE: Observable<string> = this.localizedStrings.FEEDBACK;
+
+  ngAfterViewInit() {
+    const elem = document.getElementById('lf-user-feedback-feedback-mode-button');
+    elem?.focus();
+  }
+
+  ngOnDestroy(): void {
+    this.allSubscriptions.unsubscribe();
+  }
+
+  setError(): void {
+    this.dialogState = FeedbackDialogState.ERROR;
+  }
+
+  onClickFeedback(): void {
+    this.dialogState = FeedbackDialogState.FEEDBACK;
+    this.USER_FEEDBACK_TITLE = this.localizedStrings.FEEDBACK;
+    setTimeout(() => document.getElementById('feedback-suggestion-textbox')?.focus());
+    this.onTextChanges();
+  }
+
+  onClickSuggestion(): void {
+    this.dialogState = FeedbackDialogState.SUGGESTION;
+    this.USER_FEEDBACK_TITLE = this.localizedStrings.SUGGESTION;
+    setTimeout(() => document.getElementById('feedback-suggestion-textbox')?.focus());
+    this.onTextChanges();
+  }
+
+  @HostListener('document:keydown.escape', ['$event'])
+  onEscKey(event: KeyboardEvent) {
+    this.dialogRef.close();
+  }
+
+  private onTextChanges(): void {
+    this.ref.detectChanges();
+    const feedbackTextSub = this.feedbackSubmission?.feedbackTextChanged
+      .asObservable()
+      .pipe(debounceTime(250))
+      .subscribe((text) => {
+        this.feedbackText = text;
+        this.isSubmitDisabled = this.isEmptyOrWhitespace(text);
+      });
+    this.allSubscriptions.add(feedbackTextSub);
+  }
+
+  async onClickSubmitAsync(): Promise<void> {
+    try {
+      const dialogData = this.getFeedbackDialogData();
+      this.submitFeedback.emit(dialogData);
+      if (!this.isError) {
+        this.dialogState = FeedbackDialogState.THANK_YOU;
+      }
+    } catch (error: any) {
+      console.warn(error.message);
+      this.setError();
+    }
+  }
+
+  onCloseDialog(): void {
+    this.dialogRef.close();
+  }
+
+  private isEmptyOrWhitespace(value: string | undefined): boolean {
+    return !value || !(value.trim().length > 0);
+  }
+
+  private getFeedbackDialogData(): UserFeedbackDialogData {
+    if (!this.feedbackSubmission || !this.feedbackText) {
+      throw new Error('feedbackSubmission unexpectedly does not exist. Cannot submit');
+    }
+    let userFeedbackTrackingEventType: UserFeedbackTrackingEventType = UserFeedbackTrackingEventType.Feedback;
+    if (this.isSuggestion) {
+      userFeedbackTrackingEventType = UserFeedbackTrackingEventType.Suggestion;
+    }
+    const dialogData: UserFeedbackDialogData = {
+      canContact: this.feedbackSubmission.feedbackEmailCheckbox,
+      userFeedbackTrackingEventType,
+      feedbackText: this.feedbackText,
+      feedbackImageBase64: this.feedbackSubmission.feedbackImageBase64,
+    };
+    return dialogData;
+  }
+}
diff --git a/projects/ui-components/projects.ts b/projects/ui-components/projects.ts
index 6cbcacc0..cd8d611a 100644
--- a/projects/ui-components/projects.ts
+++ b/projects/ui-components/projects.ts
@@ -1,14 +1,41 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-/*
- * Public API Surface of ui-components
- */
-
-export { LfLoginComponent, AuthorizationCredentials, AccountEndpoints, AbortedLoginError, LfBeforeFetchResult, LfHttpRequestHandler } from './lf-login/lf-login-public-api';
-export { LfChecklistService, LfChecklistProviders, LfChecklistComponent, Checklist, ChecklistItem, ChecklistOption } from './lf-checklist/lf-checklist-public-api';
-export { LfFieldContainerComponent, LfFieldContainerService, LfFieldAdhocContainerComponent, LfFieldAdhocContainerService, LfFieldTemplateContainerComponent, LfFieldTemplateProviders, LfFieldTemplateContainerService } from './lf-metadata/lf-metadata-public-api';
-export { LfUserFeedbackComponent } from './lf-user-feedback/lf-user-feedback-public-api';
-export { LfRepositoryBrowserComponent, LfTreeNode, LfTreeNodePage, LfTreeNodeService } from './lf-repository-browser/lf-repository-browser-public-api';
-export { LfBreadcrumb, LfBreadcrumbsComponent } from './shared/lf-breadcrumbs/lf-breadcrumbs-public-api';
-export { LfToolbarComponent, ToolbarOption } from './shared/lf-toolbar/lf-toolbar-public-api';
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+/*
+ * Public API Surface of ui-components
+ */
+
+export {
+  LfLoginComponent,
+  AuthorizationCredentials,
+  AccountEndpoints,
+  AbortedLoginError,
+  LfBeforeFetchResult,
+  LfHttpRequestHandler,
+} from './lf-login/lf-login-public-api';
+export {
+  LfChecklistService,
+  LfChecklistProviders,
+  LfChecklistComponent,
+  Checklist,
+  ChecklistItem,
+  ChecklistOption,
+} from './lf-checklist/lf-checklist-public-api';
+export {
+  LfFieldContainerComponent,
+  LfFieldContainerService,
+  LfFieldAdhocContainerComponent,
+  LfFieldAdhocContainerService,
+  LfFieldTemplateContainerComponent,
+  LfFieldTemplateProviders,
+  LfFieldTemplateContainerService,
+} from './lf-metadata/lf-metadata-public-api';
+export { LfUserFeedbackComponent } from './lf-user-feedback/lf-user-feedback-public-api';
+export {
+  LfRepositoryBrowserComponent,
+  LfTreeNode,
+  LfTreeNodePage,
+  LfTreeNodeService,
+} from './lf-repository-browser/lf-repository-browser-public-api';
+export { LfBreadcrumb, LfBreadcrumbsComponent } from './shared/lf-breadcrumbs/lf-breadcrumbs-public-api';
+export { LfToolbarComponent, ToolbarOption } from './shared/lf-toolbar/lf-toolbar-public-api';
diff --git a/projects/ui-components/shared/LfSelectable.spec.ts b/projects/ui-components/shared/LfSelectable.spec.ts
index 969fe3cc..cb2126d8 100644
--- a/projects/ui-components/shared/LfSelectable.spec.ts
+++ b/projects/ui-components/shared/LfSelectable.spec.ts
@@ -1,555 +1,617 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ILfSelectable, Selectable } from "./LfSelectable";
-
-class SelectionTesting {
-  testItems: {[key: string]: ILfSelectable} = {
-    "selectable": {
-      isSelectable: true,
-      isSelected: false,
-      value: {id: ''}
-    },
-    "notSelectable": {
-      isSelectable: false,
-      isSelected: false,
-      value: { id: ''}
-    }
-  };
-
-  getItem(name: string): ILfSelectable {
-    if (this.testItems[name] == null) {
-      throw new Error(`${name} was not found`);
-    }
-    const test = this.testItems[name];
-    test.value.id = `${Math.floor(Math.random() * 100000) + 1}`;
-    return JSON.parse(JSON.stringify(test));
-  }
-}
-
-describe('LfListComponent single select', () => {
-  let underTest: Selectable;
-  const valueFactory = new SelectionTesting();
-
-  beforeEach(async () => {
-    underTest = new Selectable();
-  });
-
-  describe('onItemClicked single select', () => {
-    it('should select the item that was passed', () => {
-      // Arrange
-      const toSelect = valueFactory.getItem("selectable");
-      const list = [toSelect];
-
-      // Act
-      underTest.onItemClicked(new MouseEvent('click'), toSelect, list);
-
-      // Assert
-      expect(underTest.selectedItems).toContain(toSelect);
-      expect(toSelect.isSelected).toBe(true); 
-    });
-
-    it('should select the current item when also holding ctrl', () => {
-      // Arrange
-      const toSelect = valueFactory.getItem("selectable");
-      const list = [toSelect];
-
-      // Act
-      underTest.onItemClicked(new MouseEvent('click', {ctrlKey: true}), toSelect, list);
-
-      // Assert
-      expect(underTest.selectedItems).toContain(toSelect);
-      expect(toSelect.isSelected).toBe(true); 
-
-    });
-
-    it('should not multi-select when holding ctrl', () => {
-      // Arrange
-      const toSelectFirst = valueFactory.getItem('selectable');
-      const toSelectSecond = valueFactory.getItem('selectable');
-      const list = [toSelectFirst, toSelectSecond];
-
-      underTest.onItemClicked(new MouseEvent('click'), toSelectFirst, list);
-
-      expect(underTest.selectedItems[0]).toEqual(toSelectFirst); 
-
-      // Act
-      underTest.onItemClicked(new MouseEvent('click', {ctrlKey: true}), toSelectSecond, list);
-
-      //Assert
-      expect(underTest.selectedItems[0]).toBe(toSelectSecond);
-      expect(toSelectFirst.isSelected).toBe(false);
-    });
-
-    it('should select the current item when also holding shift', () => {
-      // Arrange
-      const toSelect = valueFactory.getItem("selectable");
-      const list = [toSelect];
-
-      // Act
-      underTest.onItemClicked(new MouseEvent('click', {shiftKey: true}), toSelect, list);
-
-      // Assert
-      expect(underTest.selectedItems).toContain(toSelect);
-      expect(toSelect.isSelected).toBe(true); 
-    });
-
-    it('should not multi-select when holding shift', () => {
-      // Arrange
-      const toSelectFirst = valueFactory.getItem('selectable');
-      const toSelectSecond = valueFactory.getItem('selectable');
-      const list = [toSelectFirst, toSelectSecond];
-
-      underTest.onItemClicked(new MouseEvent('click'), toSelectFirst, list);
-
-      expect(underTest.selectedItems[0]).toEqual(toSelectFirst); 
-
-      // Act
-      underTest.onItemClicked(new MouseEvent('click', {shiftKey: true}), toSelectSecond, list);
-
-      //Assert
-      expect(underTest.selectedItems[0]).toBe(toSelectSecond);
-      expect(toSelectFirst.isSelected).toBe(false);
-    });
-
-    it('should clear all other selected items when selecting the new item', () => {
-      // Arrange
-      const toSelectFirst = valueFactory.getItem('selectable');
-      const toSelectSecond = valueFactory.getItem('selectable');
-      const list = [toSelectFirst, toSelectSecond];
-
-      underTest.onItemClicked(new MouseEvent('click'), toSelectFirst, list);
-
-      expect(underTest.selectedItems[0]).toEqual(toSelectFirst); 
-
-      // Act
-      underTest.onItemClicked(new MouseEvent('click'), toSelectSecond, list);
-
-      //Assert
-      expect(underTest.selectedItems[0]).toBe(toSelectSecond);
-      expect(toSelectFirst.isSelected).toBe(false);
-    });
-
-    it('should not select a new item that is not selectable', () => {
-      // Arrange
-      const cannotSelect = valueFactory.getItem('notSelectable');
-      const list = [cannotSelect];
-
-      // Act
-      underTest.onItemClicked(new MouseEvent('click'), cannotSelect, list);
-
-      //Assert
-      expect(underTest.selectedItems.length).toBe(0);
-      expect(cannotSelect.isSelected).toBe(false);
-    });
-
-    it('should not de-select an item that was already selected when a not selectable item is clicked', () => {
-      // Arrange
-      const cannotSelect = valueFactory.getItem('notSelectable');
-      const toSelect = valueFactory.getItem("selectable");
-      const list = [cannotSelect, toSelect];
-
-      underTest.onItemClicked(new MouseEvent('click'), toSelect, list);
-      expect(toSelect.isSelected).toBe(true);
-      // Act
-      underTest.onItemClicked(new MouseEvent('click'), cannotSelect, list);
-
-      //Assert
-      expect(underTest.selectedItems.length).toBe(0);
-      expect(toSelect.isSelected).toBe(false);
-    });
-  });
-
-  describe('onItemClicked multi-select', () => {
-    beforeEach( () => {
-      underTest.multiSelectable = true;
-    });
-
-    describe('with just mouse click', () => {
-      it('should select a single item with a mouse click', () => {
-        // Arrange
-        const toSelect = valueFactory.getItem('selectable');
-        const list = [toSelect];
-
-        // Act
-        underTest.onItemClicked(new MouseEvent('click'), toSelect, list);
-
-        // Assert
-        expect(underTest.selectedItems.length).toBe(1);
-        expect(toSelect.isSelected).toBe(true);
-      });
-  
-      it('should de-select other selected items and select the new passed in item', () => {
-        // Arrange
-        const toSelectFirst = valueFactory.getItem('selectable');
-        const toSelectSecond = valueFactory.getItem('selectable');
-        const list = [toSelectFirst, toSelectSecond];
-
-        underTest.onItemClicked(new MouseEvent('click'), toSelectFirst, list);
-
-        expect(underTest.selectedItems[0]).toEqual(toSelectFirst); 
-
-        // Act
-        underTest.onItemClicked(new MouseEvent('click'), toSelectSecond, list);
-
-        //Assert
-        expect(underTest.selectedItems[0]).toEqual(toSelectSecond);
-        expect(toSelectFirst.isSelected).toBe(false);
-      });
-
-      it('should not select a new item that is not selectable', () => {
-        // Arrange
-        const cannotSelect = valueFactory.getItem('notSelectable');
-        const list = [cannotSelect];
-  
-        // Act
-        underTest.onItemClicked(new MouseEvent('click'), cannotSelect, list);
-  
-        //Assert
-        expect(underTest.selectedItems.length).toBe(0);
-        expect(cannotSelect.isSelected).toBe(false);
-      });
-    });
-
-    describe('with mouse click + ctlr key', () => {
-      it('should select the passed in item', () => {
-        // Arrange
-        const toSelect = valueFactory.getItem('selectable');
-        const list = [toSelect];
-
-        // Act
-        underTest.onItemClicked(new MouseEvent('click', {ctrlKey: true}), toSelect, list);
-
-        // Assert
-        expect(underTest.selectedItems.length).toBe(1);
-        expect(toSelect.isSelected).toBe(true);
-      });
-
-      it('should append the new item that was clicked into the list of selected items', () => {
-        // Arrange
-        const list = [valueFactory.getItem('selectable'), valueFactory.getItem('selectable'), valueFactory.getItem('selectable')];
-
-        // Act
-        underTest.onItemClicked(new MouseEvent('click', {ctrlKey: true}), list[0], list);
-        underTest.onItemClicked(new MouseEvent('click', {ctrlKey: true}), list[1], list);
-
-        // Assert
-        expect(underTest.selectedItems.length).toBe(2);
-        expect(list[0].isSelected).toBe(true);
-        expect(list[1].isSelected).toBe(true);
-        expect(list[2].isSelected).toBe(false);
-      });
-
-
-      it('should de-select the same item if its clicked on twice', () => {
-        // Arrange
-        const list = [valueFactory.getItem('selectable'), valueFactory.getItem('selectable'), valueFactory.getItem('selectable')];
-
-        // Act
-        underTest.onItemClicked(new MouseEvent('click', {ctrlKey: true}), list[0], list);
-        expect(list[0].isSelected).toBe(true);
-        underTest.onItemClicked(new MouseEvent('click', {ctrlKey: true}), list[0], list);
-
-        // Assert
-        expect(underTest.selectedItems.length).toBe(0);
-        expect(list[0].isSelected).toBe(false);
-      });
-
-      it('should de-select an item that was already selected', () => {
-        // Arrange
-        const list = [valueFactory.getItem('selectable'), valueFactory.getItem('selectable'), valueFactory.getItem('selectable')];
-
-        // Act
-        underTest.onItemClicked(new MouseEvent('click', {ctrlKey: true}), list[0], list);
-        underTest.onItemClicked(new MouseEvent('click', {ctrlKey: true}), list[1], list);
-        underTest.onItemClicked(new MouseEvent('click', {ctrlKey: true}), list[0], list);
-
-        // Assert
-        expect(underTest.selectedItems.length).toBe(1);
-        expect(list[0].isSelected).toBe(false);
-        expect(list[1].isSelected).toBe(true);
-      });
-
-      it('should not select a new item that is not selectable', () => {
-        // Arrange
-        const cannotSelect = valueFactory.getItem('notSelectable');
-        const list = [cannotSelect];
-  
-        // Act
-        underTest.onItemClicked(new MouseEvent('click', {ctrlKey: true}), cannotSelect, list);
-  
-        //Assert
-        expect(underTest.selectedItems.length).toBe(0);
-        expect(cannotSelect.isSelected).toBe(false);
-      });
-
-      it('should not remove other selected items when clicking on a non-selecatable item', () => {
-        // Arrange
-        const cannotSelect = valueFactory.getItem('notSelectable');
-        const list = [valueFactory.getItem('selectable'), cannotSelect];
-  
-        // Act
-        underTest.onItemClicked(new MouseEvent('click', {ctrlKey: true}), list[0], list);
-        underTest.onItemClicked(new MouseEvent('click', {ctrlKey: true}), cannotSelect, list);
-  
-        //Assert
-        expect(underTest.selectedItems.length).toBe(1);
-        expect(list[0].isSelected).toBe(true);
-      });
-    });
-
-    describe('with mouse click + shift key', () => {
-      it('should select the passed in item', () => {
-        // Arrange
-        const toSelect = valueFactory.getItem('selectable');
-        const list = [toSelect];
-
-        // Act
-        underTest.onItemClicked(new MouseEvent('click', {shiftKey: true}), toSelect, list);
-
-        // Assert
-        expect(underTest.selectedItems.length).toBe(1);
-        expect(toSelect.isSelected).toBe(true);
-      });
-
-      it('should select all the items from the start of the list to the passed item', () => {
-        // Arrange
-        const toSelect = valueFactory.getItem('selectable');
-        const list = [valueFactory.getItem('selectable'), valueFactory.getItem('selectable'), 
-          valueFactory.getItem('selectable'), valueFactory.getItem('selectable'), toSelect];
-
-        // Act
-        underTest.onItemClicked(new MouseEvent('click', {shiftKey: true}), toSelect, list);
-
-        // Assert
-        expect(underTest.selectedItems.length).toBe(5);
-        list.forEach((item: ILfSelectable) => {
-           expect(item.isSelected).toBe(true);
-        });
-      });
-
-      it('should select all items from the last clicked item to the passed in item', () => {
-        // Arrange
-        const toSelect = valueFactory.getItem('selectable');
-        const firstClickItem = valueFactory.getItem('selectable');
-        const list = [valueFactory.getItem('selectable'), valueFactory.getItem('selectable'), 
-        firstClickItem, valueFactory.getItem('selectable'), valueFactory.getItem('selectable'), toSelect];
-
-        // Act
-        underTest.onItemClicked(new MouseEvent('click'), firstClickItem, list);
-        underTest.onItemClicked(new MouseEvent('click', {shiftKey: true}), toSelect, list);
-
-        // Assert
-        expect(underTest.selectedItems.length).toBe(4);
-        list.forEach((item: ILfSelectable, index: number) => {
-          if (index <= 1) {
-            expect(item.isSelected).toBe(false);
-          } else {
-            expect(item.isSelected).toBe(true);
-          }
-        });
-      });
-
-      it('should select all items from the last clicked item to the passed in item (second item is earlier in the list)', () => {
-        // Arrange
-        const toSelect = valueFactory.getItem('selectable');
-        const firstClickItem = valueFactory.getItem('selectable');
-        const list = [valueFactory.getItem('selectable'), valueFactory.getItem('selectable'), 
-        toSelect, valueFactory.getItem('selectable'), valueFactory.getItem('selectable'), firstClickItem];
-
-        // Act
-        underTest.onItemClicked(new MouseEvent('click'), firstClickItem, list);
-        underTest.onItemClicked(new MouseEvent('click', {shiftKey: true}), toSelect, list);
-
-        // Assert
-        expect(underTest.selectedItems.length).toBe(4);
-        list.forEach((item: ILfSelectable, index: number) => {
-          if (index <= 1) {
-            expect(item.isSelected).toBe(false);
-          } else {
-            expect(item.isSelected).toBe(true);
-          }
-        });
-      });
-
-      it('should only select the two items above the initial selected item after shift clicking an item below', () => {
-        // Arrange
-        const toSelect = valueFactory.getItem('selectable');
-        const pivotItem = valueFactory.getItem('selectable');
-        const firstShiftClickItem = valueFactory.getItem('selectable');
-        const list = [valueFactory.getItem('selectable'), toSelect, valueFactory.getItem('selectable'), 
-        pivotItem, valueFactory.getItem('selectable'), valueFactory.getItem('selectable'), firstShiftClickItem];
-
-        // Act
-        underTest.onItemClicked(new MouseEvent('click'), pivotItem, list);
-        underTest.onItemClicked(new MouseEvent('click', {shiftKey: true}), firstShiftClickItem, list);
-        underTest.onItemClicked(new MouseEvent('click', {shiftKey: true}), toSelect, list);
-
-        // Assert
-        expect(underTest.selectedItems.length).toBe(3);
-        list.forEach((item: ILfSelectable, index: number) => {
-          if ([1,2,3].indexOf(index) === -1) {
-            expect(item.isSelected).toBe(false);
-          } else {
-            expect(item.isSelected).toBe(true);
-          }
-        });
-      });
-
-      it('should not select a new item that is not selectable', () => {
-        // Arrange
-        const cannotSelect = valueFactory.getItem('notSelectable');
-        const list = [cannotSelect];
-  
-        // Act
-        underTest.onItemClicked(new MouseEvent('click', {shiftKey: true}), cannotSelect, list);
-  
-        //Assert
-        expect(underTest.selectedItems.length).toBe(0);
-        expect(cannotSelect.isSelected).toBe(false);
-      });
-
-      it('should not select a any items that are not selectable', () => {
-        // Arrange
-        
-        const list = [valueFactory.getItem('selectable'), valueFactory.getItem('notSelectable'), valueFactory.getItem('selectable')];
-  
-        // Act
-        underTest.onItemClicked(new MouseEvent('click', {shiftKey: true}), list[2], list);
-  
-        //Assert
-        expect(underTest.selectedItems.length).toBe(2);
-        list.forEach((item: ILfSelectable) => {
-          if (!item.isSelectable) {
-            expect(item.isSelected).toBe(false);
-          } else {
-            expect(item.isSelected).toBe(true);
-          }
-        });
-      });
-
-      it('should not select a any items that are not selectable (inital selected is after the selected)', () => {
-        // Arrange
-        
-        const list = [valueFactory.getItem('selectable'), valueFactory.getItem('notSelectable'), valueFactory.getItem('selectable')];
-  
-        // Act
-        underTest.onItemClicked(new MouseEvent('click'), list[2], list);
-        underTest.onItemClicked(new MouseEvent('click', {shiftKey: true}), list[0], list);
-  
-        //Assert
-        expect(underTest.selectedItems.length).toBe(2);
-        list.forEach((item: ILfSelectable) => {
-          if (!item.isSelectable) {
-            expect(item.isSelected).toBe(false);
-          } else {
-            expect(item.isSelected).toBe(true);
-          }
-        });
-      });
-    });
-
-    describe('with mouse click + ctrl and shift keys', () => {
-      it('should select the passed in item', () => {
-        // Arrange
-        const toSelect = valueFactory.getItem('selectable');
-        const list = [toSelect];
-
-        // Act
-        underTest.onItemClicked(new MouseEvent('click', {ctrlKey: true, shiftKey: true}), toSelect, list);
-
-        // Assert
-        expect(underTest.selectedItems.length).toBe(1);
-        expect(toSelect.isSelected).toBe(true);
-      });
-
-      it('should select all the items from the start of the list to the passed item', () => {
-        // Arrange
-        const toSelect = valueFactory.getItem('selectable');
-        const list = [valueFactory.getItem('selectable'), valueFactory.getItem('selectable'), toSelect];
-
-        // Act
-        underTest.onItemClicked(new MouseEvent('click', {ctrlKey: true, shiftKey: true}), toSelect, list);
-
-        // Assert
-        expect(underTest.selectedItems.length).toBe(3);
-        list.forEach((item: ILfSelectable) => {
-          expect(item.isSelected).toBe(true);
-        });
-      });
-
-      it('should select all items from the last clicked item to the passed in item', () => {
-        // Arrange
-        const firstClickedItem = valueFactory.getItem('selectable');
-        const toSelect = valueFactory.getItem('selectable');
-        const list = [valueFactory.getItem('selectable'), firstClickedItem, valueFactory.getItem('selectable'), toSelect];
-
-        // Act
-        underTest.onItemClicked(new MouseEvent('click'), firstClickedItem, list);
-        underTest.onItemClicked(new MouseEvent('click', {ctrlKey: true, shiftKey: true}), toSelect, list);
-
-        // Assert
-        expect(underTest.selectedItems.length).toBe(3);
-        list.forEach((item: ILfSelectable, index: number) => {
-          if (index === 0) {
-            expect(item.isSelected).toBe(false);
-          } else {
-            expect(item.isSelected).toBe(true);
-          }
-        });
-      });
-
-      it('should add the new selected items to the list without removing any when other items are already selected', () => {
-        // Arrange
-        const firstClickedItem = valueFactory.getItem('selectable');
-        const secondClickedItem = valueFactory.getItem('selectable');
-        const thirdClickedItem = valueFactory.getItem('selectable');
-        const list = [valueFactory.getItem('selectable'), valueFactory.getItem('selectable'), valueFactory.getItem('selectable'),
-          thirdClickedItem, valueFactory.getItem('selectable'), valueFactory.getItem('selectable'), firstClickedItem, 
-          valueFactory.getItem('selectable'), secondClickedItem, valueFactory.getItem('selectable'), valueFactory.getItem('selectable')];
-
-        // Act
-        underTest.onItemClicked(new MouseEvent('click'), firstClickedItem, list);
-        underTest.onItemClicked(new MouseEvent('click', {ctrlKey: true, shiftKey: true}), secondClickedItem, list);
-        underTest.onItemClicked(new MouseEvent('click', {ctrlKey: true, shiftKey: true}), thirdClickedItem, list);
-
-        // Assert
-        expect(underTest.selectedItems.length).toBe(6);
-        list.forEach((item: ILfSelectable, index: number) => {
-          if (index <= 2 || index > 8) {
-            expect(item.isSelected).toBe(false);
-          } else {
-            expect(item.isSelected).toBe(true);
-          }
-        });
-      });
-
-      it('should not select a new item that is not selectable', () => {
-        // Arrange
-        const firstClickedItem = valueFactory.getItem('selectable');
-        const toSelect = valueFactory.getItem('selectable');
-        const list = [valueFactory.getItem('selectable'), firstClickedItem, valueFactory.getItem('selectable'),
-          valueFactory.getItem('notSelectable'), valueFactory.getItem('notSelectable'), toSelect];
-
-        // Act
-        underTest.onItemClicked(new MouseEvent('click'), firstClickedItem, list);
-        underTest.onItemClicked(new MouseEvent('click', {ctrlKey: true, shiftKey: true}), toSelect, list);
-
-        // Assert
-        expect(underTest.selectedItems.length).toBe(3);
-        list.forEach((item: ILfSelectable, index: number) => {
-          if (index === 0) {
-            expect(item.isSelected).toBe(false);
-          } else {
-            if (item.isSelectable) {
-              expect(item.isSelected).toBe(true);
-            } else {
-              expect(item.isSelected).toBe(false);
-            }
-          }
-        });
-      });
-    });
-
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ILfSelectable, Selectable } from './LfSelectable';
+
+class SelectionTesting {
+  testItems: { [key: string]: ILfSelectable } = {
+    selectable: {
+      isSelectable: true,
+      isSelected: false,
+      value: { id: '' },
+    },
+    notSelectable: {
+      isSelectable: false,
+      isSelected: false,
+      value: { id: '' },
+    },
+  };
+
+  getItem(name: string): ILfSelectable {
+    if (this.testItems[name] == null) {
+      throw new Error(`${name} was not found`);
+    }
+    const test = this.testItems[name];
+    test.value.id = `${Math.floor(Math.random() * 100000) + 1}`;
+    return JSON.parse(JSON.stringify(test));
+  }
+}
+
+describe('LfListComponent single select', () => {
+  let underTest: Selectable;
+  const valueFactory = new SelectionTesting();
+
+  beforeEach(async () => {
+    underTest = new Selectable();
+  });
+
+  describe('onItemClicked single select', () => {
+    it('should select the item that was passed', () => {
+      // Arrange
+      const toSelect = valueFactory.getItem('selectable');
+      const list = [toSelect];
+
+      // Act
+      underTest.onItemClicked(new MouseEvent('click'), toSelect, list);
+
+      // Assert
+      expect(underTest.selectedItems).toContain(toSelect);
+      expect(toSelect.isSelected).toBe(true);
+    });
+
+    it('should select the current item when also holding ctrl', () => {
+      // Arrange
+      const toSelect = valueFactory.getItem('selectable');
+      const list = [toSelect];
+
+      // Act
+      underTest.onItemClicked(new MouseEvent('click', { ctrlKey: true }), toSelect, list);
+
+      // Assert
+      expect(underTest.selectedItems).toContain(toSelect);
+      expect(toSelect.isSelected).toBe(true);
+    });
+
+    it('should not multi-select when holding ctrl', () => {
+      // Arrange
+      const toSelectFirst = valueFactory.getItem('selectable');
+      const toSelectSecond = valueFactory.getItem('selectable');
+      const list = [toSelectFirst, toSelectSecond];
+
+      underTest.onItemClicked(new MouseEvent('click'), toSelectFirst, list);
+
+      expect(underTest.selectedItems[0]).toEqual(toSelectFirst);
+
+      // Act
+      underTest.onItemClicked(new MouseEvent('click', { ctrlKey: true }), toSelectSecond, list);
+
+      //Assert
+      expect(underTest.selectedItems[0]).toBe(toSelectSecond);
+      expect(toSelectFirst.isSelected).toBe(false);
+    });
+
+    it('should select the current item when also holding shift', () => {
+      // Arrange
+      const toSelect = valueFactory.getItem('selectable');
+      const list = [toSelect];
+
+      // Act
+      underTest.onItemClicked(new MouseEvent('click', { shiftKey: true }), toSelect, list);
+
+      // Assert
+      expect(underTest.selectedItems).toContain(toSelect);
+      expect(toSelect.isSelected).toBe(true);
+    });
+
+    it('should not multi-select when holding shift', () => {
+      // Arrange
+      const toSelectFirst = valueFactory.getItem('selectable');
+      const toSelectSecond = valueFactory.getItem('selectable');
+      const list = [toSelectFirst, toSelectSecond];
+
+      underTest.onItemClicked(new MouseEvent('click'), toSelectFirst, list);
+
+      expect(underTest.selectedItems[0]).toEqual(toSelectFirst);
+
+      // Act
+      underTest.onItemClicked(new MouseEvent('click', { shiftKey: true }), toSelectSecond, list);
+
+      //Assert
+      expect(underTest.selectedItems[0]).toBe(toSelectSecond);
+      expect(toSelectFirst.isSelected).toBe(false);
+    });
+
+    it('should clear all other selected items when selecting the new item', () => {
+      // Arrange
+      const toSelectFirst = valueFactory.getItem('selectable');
+      const toSelectSecond = valueFactory.getItem('selectable');
+      const list = [toSelectFirst, toSelectSecond];
+
+      underTest.onItemClicked(new MouseEvent('click'), toSelectFirst, list);
+
+      expect(underTest.selectedItems[0]).toEqual(toSelectFirst);
+
+      // Act
+      underTest.onItemClicked(new MouseEvent('click'), toSelectSecond, list);
+
+      //Assert
+      expect(underTest.selectedItems[0]).toBe(toSelectSecond);
+      expect(toSelectFirst.isSelected).toBe(false);
+    });
+
+    it('should not select a new item that is not selectable', () => {
+      // Arrange
+      const cannotSelect = valueFactory.getItem('notSelectable');
+      const list = [cannotSelect];
+
+      // Act
+      underTest.onItemClicked(new MouseEvent('click'), cannotSelect, list);
+
+      //Assert
+      expect(underTest.selectedItems.length).toBe(0);
+      expect(cannotSelect.isSelected).toBe(false);
+    });
+
+    it('should not de-select an item that was already selected when a not selectable item is clicked', () => {
+      // Arrange
+      const cannotSelect = valueFactory.getItem('notSelectable');
+      const toSelect = valueFactory.getItem('selectable');
+      const list = [cannotSelect, toSelect];
+
+      underTest.onItemClicked(new MouseEvent('click'), toSelect, list);
+      expect(toSelect.isSelected).toBe(true);
+      // Act
+      underTest.onItemClicked(new MouseEvent('click'), cannotSelect, list);
+
+      //Assert
+      expect(underTest.selectedItems.length).toBe(0);
+      expect(toSelect.isSelected).toBe(false);
+    });
+  });
+
+  describe('onItemClicked multi-select', () => {
+    beforeEach(() => {
+      underTest.multiSelectable = true;
+    });
+
+    describe('with just mouse click', () => {
+      it('should select a single item with a mouse click', () => {
+        // Arrange
+        const toSelect = valueFactory.getItem('selectable');
+        const list = [toSelect];
+
+        // Act
+        underTest.onItemClicked(new MouseEvent('click'), toSelect, list);
+
+        // Assert
+        expect(underTest.selectedItems.length).toBe(1);
+        expect(toSelect.isSelected).toBe(true);
+      });
+
+      it('should de-select other selected items and select the new passed in item', () => {
+        // Arrange
+        const toSelectFirst = valueFactory.getItem('selectable');
+        const toSelectSecond = valueFactory.getItem('selectable');
+        const list = [toSelectFirst, toSelectSecond];
+
+        underTest.onItemClicked(new MouseEvent('click'), toSelectFirst, list);
+
+        expect(underTest.selectedItems[0]).toEqual(toSelectFirst);
+
+        // Act
+        underTest.onItemClicked(new MouseEvent('click'), toSelectSecond, list);
+
+        //Assert
+        expect(underTest.selectedItems[0]).toEqual(toSelectSecond);
+        expect(toSelectFirst.isSelected).toBe(false);
+      });
+
+      it('should not select a new item that is not selectable', () => {
+        // Arrange
+        const cannotSelect = valueFactory.getItem('notSelectable');
+        const list = [cannotSelect];
+
+        // Act
+        underTest.onItemClicked(new MouseEvent('click'), cannotSelect, list);
+
+        //Assert
+        expect(underTest.selectedItems.length).toBe(0);
+        expect(cannotSelect.isSelected).toBe(false);
+      });
+    });
+
+    describe('with mouse click + ctlr key', () => {
+      it('should select the passed in item', () => {
+        // Arrange
+        const toSelect = valueFactory.getItem('selectable');
+        const list = [toSelect];
+
+        // Act
+        underTest.onItemClicked(new MouseEvent('click', { ctrlKey: true }), toSelect, list);
+
+        // Assert
+        expect(underTest.selectedItems.length).toBe(1);
+        expect(toSelect.isSelected).toBe(true);
+      });
+
+      it('should append the new item that was clicked into the list of selected items', () => {
+        // Arrange
+        const list = [
+          valueFactory.getItem('selectable'),
+          valueFactory.getItem('selectable'),
+          valueFactory.getItem('selectable'),
+        ];
+
+        // Act
+        underTest.onItemClicked(new MouseEvent('click', { ctrlKey: true }), list[0], list);
+        underTest.onItemClicked(new MouseEvent('click', { ctrlKey: true }), list[1], list);
+
+        // Assert
+        expect(underTest.selectedItems.length).toBe(2);
+        expect(list[0].isSelected).toBe(true);
+        expect(list[1].isSelected).toBe(true);
+        expect(list[2].isSelected).toBe(false);
+      });
+
+      it('should de-select the same item if its clicked on twice', () => {
+        // Arrange
+        const list = [
+          valueFactory.getItem('selectable'),
+          valueFactory.getItem('selectable'),
+          valueFactory.getItem('selectable'),
+        ];
+
+        // Act
+        underTest.onItemClicked(new MouseEvent('click', { ctrlKey: true }), list[0], list);
+        expect(list[0].isSelected).toBe(true);
+        underTest.onItemClicked(new MouseEvent('click', { ctrlKey: true }), list[0], list);
+
+        // Assert
+        expect(underTest.selectedItems.length).toBe(0);
+        expect(list[0].isSelected).toBe(false);
+      });
+
+      it('should de-select an item that was already selected', () => {
+        // Arrange
+        const list = [
+          valueFactory.getItem('selectable'),
+          valueFactory.getItem('selectable'),
+          valueFactory.getItem('selectable'),
+        ];
+
+        // Act
+        underTest.onItemClicked(new MouseEvent('click', { ctrlKey: true }), list[0], list);
+        underTest.onItemClicked(new MouseEvent('click', { ctrlKey: true }), list[1], list);
+        underTest.onItemClicked(new MouseEvent('click', { ctrlKey: true }), list[0], list);
+
+        // Assert
+        expect(underTest.selectedItems.length).toBe(1);
+        expect(list[0].isSelected).toBe(false);
+        expect(list[1].isSelected).toBe(true);
+      });
+
+      it('should not select a new item that is not selectable', () => {
+        // Arrange
+        const cannotSelect = valueFactory.getItem('notSelectable');
+        const list = [cannotSelect];
+
+        // Act
+        underTest.onItemClicked(new MouseEvent('click', { ctrlKey: true }), cannotSelect, list);
+
+        //Assert
+        expect(underTest.selectedItems.length).toBe(0);
+        expect(cannotSelect.isSelected).toBe(false);
+      });
+
+      it('should not remove other selected items when clicking on a non-selecatable item', () => {
+        // Arrange
+        const cannotSelect = valueFactory.getItem('notSelectable');
+        const list = [valueFactory.getItem('selectable'), cannotSelect];
+
+        // Act
+        underTest.onItemClicked(new MouseEvent('click', { ctrlKey: true }), list[0], list);
+        underTest.onItemClicked(new MouseEvent('click', { ctrlKey: true }), cannotSelect, list);
+
+        //Assert
+        expect(underTest.selectedItems.length).toBe(1);
+        expect(list[0].isSelected).toBe(true);
+      });
+    });
+
+    describe('with mouse click + shift key', () => {
+      it('should select the passed in item', () => {
+        // Arrange
+        const toSelect = valueFactory.getItem('selectable');
+        const list = [toSelect];
+
+        // Act
+        underTest.onItemClicked(new MouseEvent('click', { shiftKey: true }), toSelect, list);
+
+        // Assert
+        expect(underTest.selectedItems.length).toBe(1);
+        expect(toSelect.isSelected).toBe(true);
+      });
+
+      it('should select all the items from the start of the list to the passed item', () => {
+        // Arrange
+        const toSelect = valueFactory.getItem('selectable');
+        const list = [
+          valueFactory.getItem('selectable'),
+          valueFactory.getItem('selectable'),
+          valueFactory.getItem('selectable'),
+          valueFactory.getItem('selectable'),
+          toSelect,
+        ];
+
+        // Act
+        underTest.onItemClicked(new MouseEvent('click', { shiftKey: true }), toSelect, list);
+
+        // Assert
+        expect(underTest.selectedItems.length).toBe(5);
+        list.forEach((item: ILfSelectable) => {
+          expect(item.isSelected).toBe(true);
+        });
+      });
+
+      it('should select all items from the last clicked item to the passed in item', () => {
+        // Arrange
+        const toSelect = valueFactory.getItem('selectable');
+        const firstClickItem = valueFactory.getItem('selectable');
+        const list = [
+          valueFactory.getItem('selectable'),
+          valueFactory.getItem('selectable'),
+          firstClickItem,
+          valueFactory.getItem('selectable'),
+          valueFactory.getItem('selectable'),
+          toSelect,
+        ];
+
+        // Act
+        underTest.onItemClicked(new MouseEvent('click'), firstClickItem, list);
+        underTest.onItemClicked(new MouseEvent('click', { shiftKey: true }), toSelect, list);
+
+        // Assert
+        expect(underTest.selectedItems.length).toBe(4);
+        list.forEach((item: ILfSelectable, index: number) => {
+          if (index <= 1) {
+            expect(item.isSelected).toBe(false);
+          } else {
+            expect(item.isSelected).toBe(true);
+          }
+        });
+      });
+
+      it('should select all items from the last clicked item to the passed in item (second item is earlier in the list)', () => {
+        // Arrange
+        const toSelect = valueFactory.getItem('selectable');
+        const firstClickItem = valueFactory.getItem('selectable');
+        const list = [
+          valueFactory.getItem('selectable'),
+          valueFactory.getItem('selectable'),
+          toSelect,
+          valueFactory.getItem('selectable'),
+          valueFactory.getItem('selectable'),
+          firstClickItem,
+        ];
+
+        // Act
+        underTest.onItemClicked(new MouseEvent('click'), firstClickItem, list);
+        underTest.onItemClicked(new MouseEvent('click', { shiftKey: true }), toSelect, list);
+
+        // Assert
+        expect(underTest.selectedItems.length).toBe(4);
+        list.forEach((item: ILfSelectable, index: number) => {
+          if (index <= 1) {
+            expect(item.isSelected).toBe(false);
+          } else {
+            expect(item.isSelected).toBe(true);
+          }
+        });
+      });
+
+      it('should only select the two items above the initial selected item after shift clicking an item below', () => {
+        // Arrange
+        const toSelect = valueFactory.getItem('selectable');
+        const pivotItem = valueFactory.getItem('selectable');
+        const firstShiftClickItem = valueFactory.getItem('selectable');
+        const list = [
+          valueFactory.getItem('selectable'),
+          toSelect,
+          valueFactory.getItem('selectable'),
+          pivotItem,
+          valueFactory.getItem('selectable'),
+          valueFactory.getItem('selectable'),
+          firstShiftClickItem,
+        ];
+
+        // Act
+        underTest.onItemClicked(new MouseEvent('click'), pivotItem, list);
+        underTest.onItemClicked(new MouseEvent('click', { shiftKey: true }), firstShiftClickItem, list);
+        underTest.onItemClicked(new MouseEvent('click', { shiftKey: true }), toSelect, list);
+
+        // Assert
+        expect(underTest.selectedItems.length).toBe(3);
+        list.forEach((item: ILfSelectable, index: number) => {
+          if ([1, 2, 3].indexOf(index) === -1) {
+            expect(item.isSelected).toBe(false);
+          } else {
+            expect(item.isSelected).toBe(true);
+          }
+        });
+      });
+
+      it('should not select a new item that is not selectable', () => {
+        // Arrange
+        const cannotSelect = valueFactory.getItem('notSelectable');
+        const list = [cannotSelect];
+
+        // Act
+        underTest.onItemClicked(new MouseEvent('click', { shiftKey: true }), cannotSelect, list);
+
+        //Assert
+        expect(underTest.selectedItems.length).toBe(0);
+        expect(cannotSelect.isSelected).toBe(false);
+      });
+
+      it('should not select a any items that are not selectable', () => {
+        // Arrange
+
+        const list = [
+          valueFactory.getItem('selectable'),
+          valueFactory.getItem('notSelectable'),
+          valueFactory.getItem('selectable'),
+        ];
+
+        // Act
+        underTest.onItemClicked(new MouseEvent('click', { shiftKey: true }), list[2], list);
+
+        //Assert
+        expect(underTest.selectedItems.length).toBe(2);
+        list.forEach((item: ILfSelectable) => {
+          if (!item.isSelectable) {
+            expect(item.isSelected).toBe(false);
+          } else {
+            expect(item.isSelected).toBe(true);
+          }
+        });
+      });
+
+      it('should not select a any items that are not selectable (inital selected is after the selected)', () => {
+        // Arrange
+
+        const list = [
+          valueFactory.getItem('selectable'),
+          valueFactory.getItem('notSelectable'),
+          valueFactory.getItem('selectable'),
+        ];
+
+        // Act
+        underTest.onItemClicked(new MouseEvent('click'), list[2], list);
+        underTest.onItemClicked(new MouseEvent('click', { shiftKey: true }), list[0], list);
+
+        //Assert
+        expect(underTest.selectedItems.length).toBe(2);
+        list.forEach((item: ILfSelectable) => {
+          if (!item.isSelectable) {
+            expect(item.isSelected).toBe(false);
+          } else {
+            expect(item.isSelected).toBe(true);
+          }
+        });
+      });
+    });
+
+    describe('with mouse click + ctrl and shift keys', () => {
+      it('should select the passed in item', () => {
+        // Arrange
+        const toSelect = valueFactory.getItem('selectable');
+        const list = [toSelect];
+
+        // Act
+        underTest.onItemClicked(new MouseEvent('click', { ctrlKey: true, shiftKey: true }), toSelect, list);
+
+        // Assert
+        expect(underTest.selectedItems.length).toBe(1);
+        expect(toSelect.isSelected).toBe(true);
+      });
+
+      it('should select all the items from the start of the list to the passed item', () => {
+        // Arrange
+        const toSelect = valueFactory.getItem('selectable');
+        const list = [valueFactory.getItem('selectable'), valueFactory.getItem('selectable'), toSelect];
+
+        // Act
+        underTest.onItemClicked(new MouseEvent('click', { ctrlKey: true, shiftKey: true }), toSelect, list);
+
+        // Assert
+        expect(underTest.selectedItems.length).toBe(3);
+        list.forEach((item: ILfSelectable) => {
+          expect(item.isSelected).toBe(true);
+        });
+      });
+
+      it('should select all items from the last clicked item to the passed in item', () => {
+        // Arrange
+        const firstClickedItem = valueFactory.getItem('selectable');
+        const toSelect = valueFactory.getItem('selectable');
+        const list = [
+          valueFactory.getItem('selectable'),
+          firstClickedItem,
+          valueFactory.getItem('selectable'),
+          toSelect,
+        ];
+
+        // Act
+        underTest.onItemClicked(new MouseEvent('click'), firstClickedItem, list);
+        underTest.onItemClicked(new MouseEvent('click', { ctrlKey: true, shiftKey: true }), toSelect, list);
+
+        // Assert
+        expect(underTest.selectedItems.length).toBe(3);
+        list.forEach((item: ILfSelectable, index: number) => {
+          if (index === 0) {
+            expect(item.isSelected).toBe(false);
+          } else {
+            expect(item.isSelected).toBe(true);
+          }
+        });
+      });
+
+      it('should add the new selected items to the list without removing any when other items are already selected', () => {
+        // Arrange
+        const firstClickedItem = valueFactory.getItem('selectable');
+        const secondClickedItem = valueFactory.getItem('selectable');
+        const thirdClickedItem = valueFactory.getItem('selectable');
+        const list = [
+          valueFactory.getItem('selectable'),
+          valueFactory.getItem('selectable'),
+          valueFactory.getItem('selectable'),
+          thirdClickedItem,
+          valueFactory.getItem('selectable'),
+          valueFactory.getItem('selectable'),
+          firstClickedItem,
+          valueFactory.getItem('selectable'),
+          secondClickedItem,
+          valueFactory.getItem('selectable'),
+          valueFactory.getItem('selectable'),
+        ];
+
+        // Act
+        underTest.onItemClicked(new MouseEvent('click'), firstClickedItem, list);
+        underTest.onItemClicked(new MouseEvent('click', { ctrlKey: true, shiftKey: true }), secondClickedItem, list);
+        underTest.onItemClicked(new MouseEvent('click', { ctrlKey: true, shiftKey: true }), thirdClickedItem, list);
+
+        // Assert
+        expect(underTest.selectedItems.length).toBe(6);
+        list.forEach((item: ILfSelectable, index: number) => {
+          if (index <= 2 || index > 8) {
+            expect(item.isSelected).toBe(false);
+          } else {
+            expect(item.isSelected).toBe(true);
+          }
+        });
+      });
+
+      it('should not select a new item that is not selectable', () => {
+        // Arrange
+        const firstClickedItem = valueFactory.getItem('selectable');
+        const toSelect = valueFactory.getItem('selectable');
+        const list = [
+          valueFactory.getItem('selectable'),
+          firstClickedItem,
+          valueFactory.getItem('selectable'),
+          valueFactory.getItem('notSelectable'),
+          valueFactory.getItem('notSelectable'),
+          toSelect,
+        ];
+
+        // Act
+        underTest.onItemClicked(new MouseEvent('click'), firstClickedItem, list);
+        underTest.onItemClicked(new MouseEvent('click', { ctrlKey: true, shiftKey: true }), toSelect, list);
+
+        // Assert
+        expect(underTest.selectedItems.length).toBe(3);
+        list.forEach((item: ILfSelectable, index: number) => {
+          if (index === 0) {
+            expect(item.isSelected).toBe(false);
+          } else {
+            if (item.isSelectable) {
+              expect(item.isSelected).toBe(true);
+            } else {
+              expect(item.isSelected).toBe(false);
+            }
+          }
+        });
+      });
+    });
+  });
+});
diff --git a/projects/ui-components/shared/LfSelectable.ts b/projects/ui-components/shared/LfSelectable.ts
index fc9a9883..940d5577 100644
--- a/projects/ui-components/shared/LfSelectable.ts
+++ b/projects/ui-components/shared/LfSelectable.ts
@@ -1,181 +1,181 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-/**
- * @internal
- */
-export interface ItemWithId {
-  id: string;
-  attributes?: Map<string, PropertyValue>;
-}
-
-export interface PropertyValue {
-  value?: string | Date | number;
-  displayValue?: string;
-}
-
-/**
- * @internal
- */
-export interface ILfSelectable {
-  value: ItemWithId;
-  isSelectable: boolean;
-  isSelected: boolean;
-}
-
-/**
- * @internal
- */
-export class Selectable {
-  multiSelectable: boolean = false;
-
-  get selectedItems(): ILfSelectable[] {
-    return [...this.allSelected.values()];
-  }
-
-  callback?: () => Promise<ILfSelectable[] | undefined>;
-
-  private lastSelectedIndex: number = 0;
-  private selectedItemsIndices: number[] = [];
-
-  allSelected: Map<string, ILfSelectable> = new Map<string, ILfSelectable>();
-
-  clearSelectedValues(list: ILfSelectable[], clearCached?: boolean) {
-    this.clearAllSelectedItems(list, clearCached);
-  }
-
-  async setSelectedNodesAsync(
-    selected: Map<string, ILfSelectable>,
-    list: ILfSelectable[],
-    maxFetchIterations: number,
-    lastCheckedIdx: number = 0
-  ) {
-    for (let index = 0; index < list.length; index++) {
-      const selectableItem = list[index];
-      const wantToSelect = selected.has(selectableItem.value.id) || this.allSelected.has(selectableItem.value.id);
-      if (wantToSelect) {
-        if (selectableItem.isSelectable) {
-          const findValue = this.selectedItemsIndices.find((value) => value === index + lastCheckedIdx);
-          if (!findValue) {
-            this.selectedItemsIndices.push(index + lastCheckedIdx);
-          }
-          this.allSelected.set(selectableItem.value.id, selectableItem);
-          selectableItem.isSelected = true;
-          selected.delete(selectableItem.value.id);
-        }
-      }
-    }
-    lastCheckedIdx += list.length;
-    if (selected.size > 0) {
-      if (this.callback) {
-        if (maxFetchIterations > 0) {
-          --maxFetchIterations;
-          const value = await this.callback();
-          if (!value || value.length === 0) {
-            return;
-          }
-          await this.setSelectedNodesAsync(selected, value, maxFetchIterations, lastCheckedIdx);
-        } else {
-          console.debug('MaxFetchIterations reached. Not all nodes selected');
-        }
-      }
-    } else {
-      return;
-    }
-  }
-
-  onItemClicked(
-    event: MouseEvent | KeyboardEvent,
-    item: ILfSelectable,
-    list: ILfSelectable[],
-    allowMultiple: boolean = false,
-    onlyAdd: boolean = false
-  ) {
-    if (!item.isSelectable) {
-      if (event.ctrlKey || event.shiftKey) {
-        return;
-      }
-      this.clearAllSelectedItems(list);
-      this.lastSelectedIndex = 0;
-      return;
-    }
-    const itemIndex = list.findIndex((selectable) => selectable.value.id === item.value.id);
-    if (!this.multiSelectable) {
-      this.clearAllSelectedItems(list);
-      const itemInList = list[itemIndex];
-      if (itemInList.isSelectable) {
-        this.addSelectedItem(item, itemIndex);
-        this.lastSelectedIndex = itemIndex;
-      }
-      return;
-    }
-    if (event?.ctrlKey && event?.shiftKey) {
-      onlyAdd = true;
-    }
-    if ((event?.ctrlKey && !event.shiftKey) || (!event?.ctrlKey && !event?.shiftKey && allowMultiple)) {
-      const itemInList = list[itemIndex];
-      if (itemInList.isSelected) {
-        this.unselectItem(list, itemInList);
-      } else {
-        if (itemInList.isSelectable) {
-          this.addSelectedItem(item, itemIndex);
-          this.lastSelectedIndex = itemIndex;
-        }
-      }
-    } else if (event.shiftKey) {
-      const lower = this.lastSelectedIndex <= itemIndex ? this.lastSelectedIndex : itemIndex;
-      const upper = this.lastSelectedIndex > itemIndex ? this.lastSelectedIndex : itemIndex;
-      if (!onlyAdd) {
-        this.clearAllSelectedItems(list);
-      }
-
-      for (let i = lower; i <= upper; i++) {
-        const value = list[i];
-        if (value.isSelectable && !value.isSelected) {
-          this.addSelectedItem(value, i);
-        }
-      }
-    } else if (!allowMultiple) {
-      this.clearAllSelectedItems(list);
-      const itemInList = list[itemIndex];
-      if (itemInList.isSelectable) {
-        this.addSelectedItem(itemInList, itemIndex);
-        this.lastSelectedIndex = itemIndex;
-      }
-    }
-  }
-
-  /** @internal */
-  private unselectItem(list: ILfSelectable[], itemInList: ILfSelectable) {
-    const indexIndex = this.selectedItemsIndices.findIndex(
-      (selectable) => list[selectable].value.id === itemInList.value.id
-    );
-
-    this.selectedItemsIndices.splice(indexIndex, 1);
-    this.allSelected.delete(itemInList.value.id);
-    itemInList.isSelected = false;
-  }
-
-  /** @internal */
-  private clearAllSelectedItems(list: ILfSelectable[], clearAll: boolean = true) {
-    this.selectedItemsIndices.forEach((val) => {
-      if (list[val]) {
-        list[val].isSelected = false;
-      }
-    });
-    this.selectedItemsIndices = [];
-    if (clearAll) {
-      this.allSelected.clear();
-    }
-  }
-
-  /** @internal */
-  private addSelectedItem(itemInList: ILfSelectable, itemIndex: number) {
-    if (!itemInList.isSelectable) {
-      return;
-    }
-    itemInList.isSelected = true;
-    this.selectedItemsIndices.push(itemIndex);
-    this.allSelected.set(itemInList.value.id, itemInList);
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+/**
+ * @internal
+ */
+export interface ItemWithId {
+  id: string;
+  attributes?: Map<string, PropertyValue>;
+}
+
+export interface PropertyValue {
+  value?: string | Date | number;
+  displayValue?: string;
+}
+
+/**
+ * @internal
+ */
+export interface ILfSelectable {
+  value: ItemWithId;
+  isSelectable: boolean;
+  isSelected: boolean;
+}
+
+/**
+ * @internal
+ */
+export class Selectable {
+  multiSelectable: boolean = false;
+
+  get selectedItems(): ILfSelectable[] {
+    return [...this.allSelected.values()];
+  }
+
+  callback?: () => Promise<ILfSelectable[] | undefined>;
+
+  private lastSelectedIndex: number = 0;
+  private selectedItemsIndices: number[] = [];
+
+  allSelected: Map<string, ILfSelectable> = new Map<string, ILfSelectable>();
+
+  clearSelectedValues(list: ILfSelectable[], clearCached?: boolean) {
+    this.clearAllSelectedItems(list, clearCached);
+  }
+
+  async setSelectedNodesAsync(
+    selected: Map<string, ILfSelectable>,
+    list: ILfSelectable[],
+    maxFetchIterations: number,
+    lastCheckedIdx: number = 0
+  ) {
+    for (let index = 0; index < list.length; index++) {
+      const selectableItem = list[index];
+      const wantToSelect = selected.has(selectableItem.value.id) || this.allSelected.has(selectableItem.value.id);
+      if (wantToSelect) {
+        if (selectableItem.isSelectable) {
+          const findValue = this.selectedItemsIndices.find((value) => value === index + lastCheckedIdx);
+          if (!findValue) {
+            this.selectedItemsIndices.push(index + lastCheckedIdx);
+          }
+          this.allSelected.set(selectableItem.value.id, selectableItem);
+          selectableItem.isSelected = true;
+          selected.delete(selectableItem.value.id);
+        }
+      }
+    }
+    lastCheckedIdx += list.length;
+    if (selected.size > 0) {
+      if (this.callback) {
+        if (maxFetchIterations > 0) {
+          --maxFetchIterations;
+          const value = await this.callback();
+          if (!value || value.length === 0) {
+            return;
+          }
+          await this.setSelectedNodesAsync(selected, value, maxFetchIterations, lastCheckedIdx);
+        } else {
+          console.debug('MaxFetchIterations reached. Not all nodes selected');
+        }
+      }
+    } else {
+      return;
+    }
+  }
+
+  onItemClicked(
+    event: MouseEvent | KeyboardEvent,
+    item: ILfSelectable,
+    list: ILfSelectable[],
+    allowMultiple: boolean = false,
+    onlyAdd: boolean = false
+  ) {
+    if (!item.isSelectable) {
+      if (event.ctrlKey || event.shiftKey) {
+        return;
+      }
+      this.clearAllSelectedItems(list);
+      this.lastSelectedIndex = 0;
+      return;
+    }
+    const itemIndex = list.findIndex((selectable) => selectable.value.id === item.value.id);
+    if (!this.multiSelectable) {
+      this.clearAllSelectedItems(list);
+      const itemInList = list[itemIndex];
+      if (itemInList.isSelectable) {
+        this.addSelectedItem(item, itemIndex);
+        this.lastSelectedIndex = itemIndex;
+      }
+      return;
+    }
+    if (event?.ctrlKey && event?.shiftKey) {
+      onlyAdd = true;
+    }
+    if ((event?.ctrlKey && !event.shiftKey) || (!event?.ctrlKey && !event?.shiftKey && allowMultiple)) {
+      const itemInList = list[itemIndex];
+      if (itemInList.isSelected) {
+        this.unselectItem(list, itemInList);
+      } else {
+        if (itemInList.isSelectable) {
+          this.addSelectedItem(item, itemIndex);
+          this.lastSelectedIndex = itemIndex;
+        }
+      }
+    } else if (event.shiftKey) {
+      const lower = this.lastSelectedIndex <= itemIndex ? this.lastSelectedIndex : itemIndex;
+      const upper = this.lastSelectedIndex > itemIndex ? this.lastSelectedIndex : itemIndex;
+      if (!onlyAdd) {
+        this.clearAllSelectedItems(list);
+      }
+
+      for (let i = lower; i <= upper; i++) {
+        const value = list[i];
+        if (value.isSelectable && !value.isSelected) {
+          this.addSelectedItem(value, i);
+        }
+      }
+    } else if (!allowMultiple) {
+      this.clearAllSelectedItems(list);
+      const itemInList = list[itemIndex];
+      if (itemInList.isSelectable) {
+        this.addSelectedItem(itemInList, itemIndex);
+        this.lastSelectedIndex = itemIndex;
+      }
+    }
+  }
+
+  /** @internal */
+  private unselectItem(list: ILfSelectable[], itemInList: ILfSelectable) {
+    const indexIndex = this.selectedItemsIndices.findIndex(
+      (selectable) => list[selectable].value.id === itemInList.value.id
+    );
+
+    this.selectedItemsIndices.splice(indexIndex, 1);
+    this.allSelected.delete(itemInList.value.id);
+    itemInList.isSelected = false;
+  }
+
+  /** @internal */
+  private clearAllSelectedItems(list: ILfSelectable[], clearAll: boolean = true) {
+    this.selectedItemsIndices.forEach((val) => {
+      if (list[val]) {
+        list[val].isSelected = false;
+      }
+    });
+    this.selectedItemsIndices = [];
+    if (clearAll) {
+      this.allSelected.clear();
+    }
+  }
+
+  /** @internal */
+  private addSelectedItem(itemInList: ILfSelectable, itemIndex: number) {
+    if (!itemInList.isSelectable) {
+      return;
+    }
+    itemInList.isSelected = true;
+    this.selectedItemsIndices.push(itemIndex);
+    this.allSelected.set(itemInList.value.id, itemInList);
+  }
+}
diff --git a/projects/ui-components/shared/enums.ts b/projects/ui-components/shared/enums.ts
index bc2f595f..06cd1dca 100644
--- a/projects/ui-components/shared/enums.ts
+++ b/projects/ui-components/shared/enums.ts
@@ -1,48 +1,48 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-export enum FieldType {
-  DateTime = 'DateTime',
-  Blob = 'Blob',
-  Date = 'Date',
-  ShortInteger = 'ShortInteger',
-  LongInteger = 'LongInteger',
-  List = 'List',
-  Number = 'Number',
-  String = 'String',
-  Time = 'Time',
-}
-
-/** FieldFormat copied from Web Access */
-export enum FieldFormat {
-  None = 'None',
-  ShortDate = 'ShortDate',
-  LongDate = 'LongDate',
-  ShortDateTime = 'ShortDateTime',
-  LongDateTime = 'LongDateTime',
-  ShortTime = 'ShortTime',
-  LongTime = 'LongTime',
-  GeneralNumber = 'GeneralNumber',
-  Currency = 'Currency',
-  Percent = 'Percent',
-  Scientific = 'Scientific',
-  Custom = 'Custom',
-}
-
-export enum RedirectBehavior {
-  Replace = 'Replace',
-  Popup = 'Popup',
-  None = 'None'
-}
-
-export enum LoginState {
-  LoggingIn = 'LoggingIn', // starting OAuth flow, previous state: LoggedOut, LoggedIn
-  LoggedIn = 'LoggedIn',  // have tokens, previous state: LoggingIn
-  LoggingOut = 'LoggingOut', // do have tokens, but getting rid of them, previous state: LoggedIn
-  LoggedOut = 'LoggedOut' // don't have tokens, previous state: LoggingOut, LoggingIn
-}
-
-export enum LoginMode {
-  'Button' = 'Button',
-  'Menu' = 'Menu'
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+export enum FieldType {
+  DateTime = 'DateTime',
+  Blob = 'Blob',
+  Date = 'Date',
+  ShortInteger = 'ShortInteger',
+  LongInteger = 'LongInteger',
+  List = 'List',
+  Number = 'Number',
+  String = 'String',
+  Time = 'Time',
+}
+
+/** FieldFormat copied from Web Access */
+export enum FieldFormat {
+  None = 'None',
+  ShortDate = 'ShortDate',
+  LongDate = 'LongDate',
+  ShortDateTime = 'ShortDateTime',
+  LongDateTime = 'LongDateTime',
+  ShortTime = 'ShortTime',
+  LongTime = 'LongTime',
+  GeneralNumber = 'GeneralNumber',
+  Currency = 'Currency',
+  Percent = 'Percent',
+  Scientific = 'Scientific',
+  Custom = 'Custom',
+}
+
+export enum RedirectBehavior {
+  Replace = 'Replace',
+  Popup = 'Popup',
+  None = 'None',
+}
+
+export enum LoginState {
+  LoggingIn = 'LoggingIn', // starting OAuth flow, previous state: LoggedOut, LoggedIn
+  LoggedIn = 'LoggedIn', // have tokens, previous state: LoggingIn
+  LoggingOut = 'LoggingOut', // do have tokens, but getting rid of them, previous state: LoggedIn
+  LoggedOut = 'LoggedOut', // don't have tokens, previous state: LoggingOut, LoggingIn
+}
+
+export enum LoginMode {
+  'Button' = 'Button',
+  'Menu' = 'Menu',
+}
diff --git a/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs-public-api.ts b/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs-public-api.ts
index fb5aeb0c..675a3453 100644
--- a/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs-public-api.ts
+++ b/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs-public-api.ts
@@ -1,5 +1,5 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-export { LfBreadcrumb } from './lf-breadcrumbs-types';
-export { LfBreadcrumbsComponent } from './lf-breadcrumbs.component';
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+export { LfBreadcrumb } from './lf-breadcrumbs-types';
+export { LfBreadcrumbsComponent } from './lf-breadcrumbs.component';
diff --git a/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs-types.ts b/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs-types.ts
index f11fda68..e970aa7d 100644
--- a/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs-types.ts
+++ b/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs-types.ts
@@ -1,7 +1,7 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-export interface LfBreadcrumb {
-    name: string;
-    id: string;
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+export interface LfBreadcrumb {
+  name: string;
+  id: string;
+}
diff --git a/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.css b/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.css
index 731a69b5..9a3c64d5 100644
--- a/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.css
+++ b/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.css
@@ -6,7 +6,7 @@
 .lf-breadcrumbs-container .mat-button-toggle-button,
 .lf-breadcrumbs-container .mat-button-toggle,
 .lf-breadcrumbs-container {
-  font-family: 'Open Sans';
+  font-family: "Open Sans";
 }
 
 .breadcrumb-parent {
@@ -71,7 +71,6 @@
   max-width: 125px;
 }
 
-
 ::ng-deep .breadcrumb-split-button-group.mat-button-toggle-group-appearance-standard {
   border: none;
   border-radius: 2px;
@@ -132,4 +131,4 @@
 
 ::ng-deep .mat-button-toggle-button button {
   outline: none;
-}
\ No newline at end of file
+}
diff --git a/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.html b/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.html
index 9cc44df4..98861456 100644
--- a/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.html
+++ b/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.html
@@ -5,43 +5,55 @@
   @if (breadcrumbs?.length > 1) {
     <div class="breadcrumbs-dropdown-container">
       <mat-button-toggle-group class="breadcrumb-split-button-group" hideSingleSelectionIndicator>
-        <mat-button-toggle class="breadcrumb-clickable-parent lf-button primary-button breadcrumb-split-button"
-          [ngClass]="{'single-selectable': breadcrumbs.length===2}"
+        <mat-button-toggle
+          class="breadcrumb-clickable-parent lf-button primary-button breadcrumb-split-button"
+          [ngClass]="{ 'single-selectable': breadcrumbs.length === 2 }"
           (click)="onBreadcrumbSelected(breadcrumbs[1])"
           (keydown.enter)="onBreadcrumbSelected(breadcrumbs[1])"
           (keydown.space)="onBreadcrumbSelected(breadcrumbs[1])"
-          [title]="breadcrumbs[1]?.name">
-          {{breadcrumbs[1]?.name}}
+          [title]="breadcrumbs[1]?.name"
+        >
+          {{ breadcrumbs[1]?.name }}
         </mat-button-toggle>
         @if (breadcrumbs?.length > 2) {
-          <mat-button-toggle class="breadcrumb-select breadcrumb-split-button"
-            value="breadcrumbDropdownMenu" (change)="onDropdownMenuSelected(dropdownMenuButton)" tabindex="-1">
-            <button #dropdownMenuButton mat-icon-button [matMenuTriggerFor]="breadcrumbDropdownMenu"
-              (click)="$event.stopPropagation()" tabindex="0">
-              <span class="material-icons breadcrumb-split-button-icon">
-                arrow_drop_down
-              </span>
+          <mat-button-toggle
+            class="breadcrumb-select breadcrumb-split-button"
+            value="breadcrumbDropdownMenu"
+            (change)="onDropdownMenuSelected(dropdownMenuButton)"
+            tabindex="-1"
+          >
+            <button
+              #dropdownMenuButton
+              mat-icon-button
+              [matMenuTriggerFor]="breadcrumbDropdownMenu"
+              (click)="$event.stopPropagation()"
+              tabindex="0"
+            >
+              <span class="material-icons breadcrumb-split-button-icon"> arrow_drop_down </span>
             </button>
           </mat-button-toggle>
         }
       </mat-button-toggle-group>
       <mat-menu #breadcrumbDropdownMenu="matMenu" xPosition="before">
         @for (breadcrumbOption of breadcrumbs.slice(1); track breadcrumbOption) {
-          <button class="lf-menu-item folder-dropdown" mat-menu-item
-            title="{{breadcrumbOption?.name}}" (click)="onBreadcrumbSelected(breadcrumbOption)">
-          {{breadcrumbOption?.name}}</button>
+          <button
+            class="lf-menu-item folder-dropdown"
+            mat-menu-item
+            title="{{ breadcrumbOption?.name }}"
+            (click)="onBreadcrumbSelected(breadcrumbOption)"
+          >
+            {{ breadcrumbOption?.name }}
+          </button>
         }
       </mat-menu>
     </div>
   }
   @if (breadcrumbs?.length > 1) {
-    <span class="material-icons breadcrumb-arrow_right" id="arrow-right">
-      keyboard_arrow_right
-    </span>
+    <span class="material-icons breadcrumb-arrow_right" id="arrow-right"> keyboard_arrow_right </span>
   }
   @if (breadcrumbs?.length > 0) {
-    <span class="breadcrumb-parent" title="{{breadcrumbs[0]?.name}}">
-      {{breadcrumbs[0]?.name}}
+    <span class="breadcrumb-parent" title="{{ breadcrumbs[0]?.name }}">
+      {{ breadcrumbs[0]?.name }}
     </span>
   }
 </div>
diff --git a/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.spec.ts b/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.spec.ts
index 484745eb..2ade4f17 100644
--- a/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.spec.ts
+++ b/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.spec.ts
@@ -1,28 +1,27 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { LfBreadcrumbsComponent } from './lf-breadcrumbs.component';
-
-describe('LfBreadcrumbsComponent', () => {
-  let component: LfBreadcrumbsComponent;
-  let fixture: ComponentFixture<LfBreadcrumbsComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [ LfBreadcrumbsComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(LfBreadcrumbsComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LfBreadcrumbsComponent } from './lf-breadcrumbs.component';
+
+describe('LfBreadcrumbsComponent', () => {
+  let component: LfBreadcrumbsComponent;
+  let fixture: ComponentFixture<LfBreadcrumbsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [LfBreadcrumbsComponent],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LfBreadcrumbsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.ts b/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.ts
index 32e60ccd..316f435b 100644
--- a/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.ts
+++ b/projects/ui-components/shared/lf-breadcrumbs/lf-breadcrumbs.component.ts
@@ -1,50 +1,50 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatButtonToggleModule } from '@angular/material/button-toggle';
-import { LfBreadcrumb } from './lf-breadcrumbs-types';
-
-@Component({
-    selector: 'lf-breadcrumbs-component',
-    templateUrl: './lf-breadcrumbs.component.html',
-    styleUrls: ['./lf-breadcrumbs.component.css'],
-    standalone: true,
-    imports: [CommonModule, MatMenuModule, MatButtonToggleModule]
-})
-export class LfBreadcrumbsComponent {
-  @Input() breadcrumbs: LfBreadcrumb[] = [];
-
-  @Output() breadcrumbSelected = new EventEmitter<LfBreadcrumb | undefined>();
-  @Output() breadcrumbClicked = new EventEmitter<{
-    selected: LfBreadcrumb;
-    breadcrumbs: LfBreadcrumb[];
-  }>();
-
-  /** @internal */
-  constructor() { }
-
-  /** @internal */
-  onBreadcrumbSelected(node: LfBreadcrumb): void {
-    this.breadcrumbSelected.emit(node);
-    let crumbId = -1;
-    for(let idx = 0; idx < this.breadcrumbs.length; idx++) {
-      if (this.breadcrumbs[idx].id === node.id) {
-        crumbId = idx;
-        break;
-      }
-    }
-    if (crumbId === -1) {
-      return;
-    }
-    const newBreadcrumbs = this.breadcrumbs.slice(crumbId);
-    this.breadcrumbClicked.emit({breadcrumbs: newBreadcrumbs, selected: node});
-  }
-
-  /** @internal */
-  onDropdownMenuSelected(button: HTMLButtonElement) {
-    setTimeout(() => button.focus());
-  }
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import { LfBreadcrumb } from './lf-breadcrumbs-types';
+
+@Component({
+  selector: 'lf-breadcrumbs-component',
+  templateUrl: './lf-breadcrumbs.component.html',
+  styleUrls: ['./lf-breadcrumbs.component.css'],
+  standalone: true,
+  imports: [CommonModule, MatMenuModule, MatButtonToggleModule],
+})
+export class LfBreadcrumbsComponent {
+  @Input() breadcrumbs: LfBreadcrumb[] = [];
+
+  @Output() breadcrumbSelected = new EventEmitter<LfBreadcrumb | undefined>();
+  @Output() breadcrumbClicked = new EventEmitter<{
+    selected: LfBreadcrumb;
+    breadcrumbs: LfBreadcrumb[];
+  }>();
+
+  /** @internal */
+  constructor() {}
+
+  /** @internal */
+  onBreadcrumbSelected(node: LfBreadcrumb): void {
+    this.breadcrumbSelected.emit(node);
+    let crumbId = -1;
+    for (let idx = 0; idx < this.breadcrumbs.length; idx++) {
+      if (this.breadcrumbs[idx].id === node.id) {
+        crumbId = idx;
+        break;
+      }
+    }
+    if (crumbId === -1) {
+      return;
+    }
+    const newBreadcrumbs = this.breadcrumbs.slice(crumbId);
+    this.breadcrumbClicked.emit({ breadcrumbs: newBreadcrumbs, selected: node });
+  }
+
+  /** @internal */
+  onDropdownMenuSelected(button: HTMLButtonElement) {
+    setTimeout(() => button.focus());
+  }
+}
diff --git a/projects/ui-components/shared/lf-shared-public-api.ts b/projects/ui-components/shared/lf-shared-public-api.ts
index cf371a5e..cdf1695b 100644
--- a/projects/ui-components/shared/lf-shared-public-api.ts
+++ b/projects/ui-components/shared/lf-shared-public-api.ts
@@ -1,7 +1,7 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-export { FieldType, FieldFormat, RedirectBehavior, LoginState, LoginMode } from './enums';
-export { LfBreadcrumb, LfBreadcrumbsComponent } from './lf-breadcrumbs/lf-breadcrumbs-public-api';
-export { LfToolbarComponent, ToolbarOption } from './lf-toolbar/lf-toolbar-public-api';
-export { ItemWithId, PropertyValue, ILfSelectable, Selectable } from './LfSelectable';
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+export { FieldType, FieldFormat, RedirectBehavior, LoginState, LoginMode } from './enums';
+export { LfBreadcrumb, LfBreadcrumbsComponent } from './lf-breadcrumbs/lf-breadcrumbs-public-api';
+export { LfToolbarComponent, ToolbarOption } from './lf-toolbar/lf-toolbar-public-api';
+export { ItemWithId, PropertyValue, ILfSelectable, Selectable } from './LfSelectable';
diff --git a/projects/ui-components/shared/lf-toolbar/lf-toolbar-public-api.ts b/projects/ui-components/shared/lf-toolbar/lf-toolbar-public-api.ts
index 435a6a65..475f640b 100644
--- a/projects/ui-components/shared/lf-toolbar/lf-toolbar-public-api.ts
+++ b/projects/ui-components/shared/lf-toolbar/lf-toolbar-public-api.ts
@@ -1,4 +1,4 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-export { LfToolbarComponent, ToolbarOption } from './lf-toolbar.component';
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+export { LfToolbarComponent, ToolbarOption } from './lf-toolbar.component';
diff --git a/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.css b/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.css
index 63a669f5..dd5855d4 100644
--- a/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.css
+++ b/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.css
@@ -1,90 +1,90 @@
-.lf-toolbar-container {
-  display: inline-block;
-  white-space: nowrap;
-}
-
-.lf-toolbar-expanded-button-span {
-  display: inline-block;
-  position: relative;
-}
-
-.lf-toolbar-button {
-  width: 30px;
-  height: 28px;
-  margin: 0 0 0 4px;
-  padding: 4px 5px;
-  line-height: 14px;
-  border: 1px solid transparent;
-  border-radius: 2px;
-  cursor: pointer;
-  vertical-align: middle;
-  text-align: center;
-  background-color: inherit;
-}
-
-.lf-toolbar-button:hover:enabled,
-.lf-toolbar-button:focus {
-  background: none repeat scroll 0 0 #e7e7e7;
-  outline: none;
-}
-
-.lf-toolbar-button:disabled {
-  cursor: default;
-  opacity: 0.33;
-}
-
-.lf-toolbar-button-icon {
-  height: 18px;
-  width: 18px;
-}
-
-::ng-deep .mat-mdc-menu-panel.lf-dropdown-menu {
-  list-style: none;
-  background-color: #fff;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  border-radius: 4px;
-  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
-  min-height: 0px;
-}
-
-::ng-deep .lf-dropdown-menu-option.mat-mdc-menu-item {
-  position: relative;
-  box-sizing: border-box;
-  display: block;
-  text-align: -webkit-match-parent;
-  color: #202020;
-  padding: 3px 24px;
-  margin: 2px 0 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  line-height: 1.428571429;
-  height: 26px;
-  min-height: unset;
-}
-
-::ng-deep .mat-mdc-menu-content > .lf-dropdown-menu-option.mat-mdc-menu-item > .mat-mdc-menu-item-text {
-  font-size: 14px;
-}
-.lf-dropdown-menu-option:disabled {
-  color: #999;
-  pointer-events: all;
-  cursor: not-allowed;
-}
-
-.lf-dropdown-menu-option:hover:enabled {
-  background-color: rgba(204, 233, 241, 0.5);
-}
-
-.lf-dropdown-menu-option:focus:enabled {
-  background-color: rgba(204, 233, 241, 0.3);
-}
-
-.lf-toolbar-dropdown-button-icon {
-  font-size: 18px;
-}
-
-::ng-deep .lf-web-client-tooltip {
-  background-color: rgb(0 0 0 / 75%);
-  font-size: 12px;
-}
+.lf-toolbar-container {
+  display: inline-block;
+  white-space: nowrap;
+}
+
+.lf-toolbar-expanded-button-span {
+  display: inline-block;
+  position: relative;
+}
+
+.lf-toolbar-button {
+  width: 30px;
+  height: 28px;
+  margin: 0 0 0 4px;
+  padding: 4px 5px;
+  line-height: 14px;
+  border: 1px solid transparent;
+  border-radius: 2px;
+  cursor: pointer;
+  vertical-align: middle;
+  text-align: center;
+  background-color: inherit;
+}
+
+.lf-toolbar-button:hover:enabled,
+.lf-toolbar-button:focus {
+  background: none repeat scroll 0 0 #e7e7e7;
+  outline: none;
+}
+
+.lf-toolbar-button:disabled {
+  cursor: default;
+  opacity: 0.33;
+}
+
+.lf-toolbar-button-icon {
+  height: 18px;
+  width: 18px;
+}
+
+::ng-deep .mat-mdc-menu-panel.lf-dropdown-menu {
+  list-style: none;
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 4px;
+  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
+  min-height: 0px;
+}
+
+::ng-deep .lf-dropdown-menu-option.mat-mdc-menu-item {
+  position: relative;
+  box-sizing: border-box;
+  display: block;
+  text-align: -webkit-match-parent;
+  color: #202020;
+  padding: 3px 24px;
+  margin: 2px 0 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  line-height: 1.428571429;
+  height: 26px;
+  min-height: unset;
+}
+
+::ng-deep .mat-mdc-menu-content > .lf-dropdown-menu-option.mat-mdc-menu-item > .mat-mdc-menu-item-text {
+  font-size: 14px;
+}
+.lf-dropdown-menu-option:disabled {
+  color: #999;
+  pointer-events: all;
+  cursor: not-allowed;
+}
+
+.lf-dropdown-menu-option:hover:enabled {
+  background-color: rgba(204, 233, 241, 0.5);
+}
+
+.lf-dropdown-menu-option:focus:enabled {
+  background-color: rgba(204, 233, 241, 0.3);
+}
+
+.lf-toolbar-dropdown-button-icon {
+  font-size: 18px;
+}
+
+::ng-deep .lf-web-client-tooltip {
+  background-color: rgb(0 0 0 / 75%);
+  font-size: 12px;
+}
diff --git a/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.html b/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.html
index 9471e1ab..6fe0f1a7 100644
--- a/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.html
+++ b/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.html
@@ -7,23 +7,16 @@
       [matTooltip]="displayedOption.name"
       matTooltipClass="lf-web-client-tooltip"
       class="lf-toolbar-expanded-button-span"
-      >
+    >
       <button class="lf-toolbar-button" [disabled]="displayedOption.disabled" (click)="onClickButton(displayedOption)">
         @for (icon of getIcons(displayedOption); track icon) {
-          <img
-            [src]="icon"
-            [alt]="displayedOption.name"
-            class="lf-toolbar-button-icon"
-            />
+          <img [src]="icon" [alt]="displayedOption.name" class="lf-toolbar-button-icon" />
         }
       </button>
     </span>
   }
   @if (dropdown_options && dropdown_options.length > 0) {
-    <button
-      class="lf-toolbar-button"
-      [matMenuTriggerFor]="compactButtonMenu"
-      >
+    <button class="lf-toolbar-button" [matMenuTriggerFor]="compactButtonMenu">
       <span class="material-icons lf-toolbar-dropdown-button-icon"> more_vert </span>
     </button>
   }
@@ -34,7 +27,7 @@
         class="lf-dropdown-menu-option"
         mat-menu-item
         (click)="onClickButton(dropdownOption)"
-        >
+      >
         {{ dropdownOption.name }}
       </button>
     }
diff --git a/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.spec.ts b/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.spec.ts
index 3914bc2d..3b300e9d 100644
--- a/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.spec.ts
+++ b/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.spec.ts
@@ -1,28 +1,27 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatMenuModule } from '@angular/material/menu';
-import { LfToolbarComponent } from './lf-toolbar.component';
-
-describe('LfToolbarComponent', () => {
-  let component: LfToolbarComponent;
-  let fixture: ComponentFixture<LfToolbarComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [MatMenuModule, LfToolbarComponent]
-    })
-      .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(LfToolbarComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatMenuModule } from '@angular/material/menu';
+import { LfToolbarComponent } from './lf-toolbar.component';
+
+describe('LfToolbarComponent', () => {
+  let component: LfToolbarComponent;
+  let fixture: ComponentFixture<LfToolbarComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [MatMenuModule, LfToolbarComponent],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LfToolbarComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.ts b/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.ts
index ee8193e9..8ffaada2 100644
--- a/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.ts
+++ b/projects/ui-components/shared/lf-toolbar/lf-toolbar.component.ts
@@ -1,51 +1,49 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-
-import { MatMenuModule } from '@angular/material/menu';
-import { MatTooltipModule } from '@angular/material/tooltip';
-
-@Component({
-    selector: 'lf-toolbar-component',
-    templateUrl: './lf-toolbar.component.html',
-    styleUrls: ['./lf-toolbar.component.css'],
-    standalone: true,
-    imports: [MatMenuModule, MatTooltipModule]
-})
-export class LfToolbarComponent {
-
-  // TODO: if there is not enough room for displayed options, put everything in dropdown
-  @Input() displayed_options: ToolbarOption[] = [];
-  @Input() dropdown_options: ToolbarOption[] = [];
-  @Output() optionSelected: EventEmitter<ToolbarOption> = new EventEmitter<ToolbarOption>();
-
-  /** @internal */
-  constructor() {}
-
-  /** @internal */
-  onClickButton(option: ToolbarOption): void {
-    this.optionSelected.emit(option);
-  }
-
-  /** @internal */
-  getIcons(option: ToolbarOption): string[] {
-    if (!option.icon) {
-      return [];
-    }
-    if (typeof (option.icon) === 'string') {
-      return [option.icon];
-    }
-    else {
-      return option.icon;
-    }
-  }
-}
-
-export interface ToolbarOption {
-  name: string;
-  disabled: boolean;
-  icon?: string[] | string;
-  children?: ToolbarOption[];
-  tag?: any;
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+
+import { MatMenuModule } from '@angular/material/menu';
+import { MatTooltipModule } from '@angular/material/tooltip';
+
+@Component({
+  selector: 'lf-toolbar-component',
+  templateUrl: './lf-toolbar.component.html',
+  styleUrls: ['./lf-toolbar.component.css'],
+  standalone: true,
+  imports: [MatMenuModule, MatTooltipModule],
+})
+export class LfToolbarComponent {
+  // TODO: if there is not enough room for displayed options, put everything in dropdown
+  @Input() displayed_options: ToolbarOption[] = [];
+  @Input() dropdown_options: ToolbarOption[] = [];
+  @Output() optionSelected: EventEmitter<ToolbarOption> = new EventEmitter<ToolbarOption>();
+
+  /** @internal */
+  constructor() {}
+
+  /** @internal */
+  onClickButton(option: ToolbarOption): void {
+    this.optionSelected.emit(option);
+  }
+
+  /** @internal */
+  getIcons(option: ToolbarOption): string[] {
+    if (!option.icon) {
+      return [];
+    }
+    if (typeof option.icon === 'string') {
+      return [option.icon];
+    } else {
+      return option.icon;
+    }
+  }
+}
+
+export interface ToolbarOption {
+  name: string;
+  disabled: boolean;
+  icon?: string[] | string;
+  children?: ToolbarOption[];
+  tag?: any;
+}
diff --git a/projects/ui-components/shared/ng-package.json b/projects/ui-components/shared/ng-package.json
index 473ba1d3..90cc1b4b 100644
--- a/projects/ui-components/shared/ng-package.json
+++ b/projects/ui-components/shared/ng-package.json
@@ -1,5 +1,5 @@
 {
   "lib": {
-      "entryFile": "./lf-shared-public-api.ts"
+    "entryFile": "./lf-shared-public-api.ts"
   }
 }
diff --git a/projects/ui-components/tsconfig.lib.json b/projects/ui-components/tsconfig.lib.json
index 8532fb4c..583ae211 100644
--- a/projects/ui-components/tsconfig.lib.json
+++ b/projects/ui-components/tsconfig.lib.json
@@ -8,8 +8,5 @@
     "inlineSources": true,
     "types": []
   },
-  "exclude": [
-    "test.ts",
-    "**/*.spec.ts"
-  ]
+  "exclude": ["test.ts", "**/*.spec.ts"]
 }
diff --git a/projects/ui-components/tsconfig.spec.json b/projects/ui-components/tsconfig.spec.json
index dadc1b5f..ff147a0c 100644
--- a/projects/ui-components/tsconfig.spec.json
+++ b/projects/ui-components/tsconfig.spec.json
@@ -4,12 +4,7 @@
   "compilerOptions": {
     "outDir": "../../out-tsc/spec",
     "skipLibCheck": true,
-    "types": [
-      "vitest/globals"
-    ]
+    "types": ["vitest/globals"]
   },
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
+  "include": ["**/*.spec.ts", "**/*.d.ts"]
 }
diff --git a/tsconfig.json b/tsconfig.json
index bde825e7..20150ed9 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -12,10 +12,7 @@
     "resolveJsonModule": true,
     "preserveConstEnums": true,
     "paths": {
-      "@laserfiche/lf-ui-components/shared": [
-        "dist/ui-components/shared",
-        "projects/ui-components/shared"
-      ],
+      "@laserfiche/lf-ui-components/shared": ["dist/ui-components/shared", "projects/ui-components/shared"],
       "@laserfiche/lf-ui-components/internal-shared": [
         "dist/ui-components/internal-shared",
         "projects/ui-components/internal-shared"
@@ -40,8 +37,5 @@
     "strictInjectionParameters": true,
     "generateCodeForLibraries": true
   },
-  "exclude": [
-    "index.d.ts",
-    "dist/*"
-  ]
+  "exclude": ["index.d.ts", "dist/*"]
 }
diff --git a/tsconfig.spec.json b/tsconfig.spec.json
index 9fba5726..d6d31c47 100644
--- a/tsconfig.spec.json
+++ b/tsconfig.spec.json
@@ -6,8 +6,5 @@
     "types": ["vitest/globals", "node"]
   },
   "files": ["./vitest.setup.ts"],
-  "include": [
-    "projects/**/*.ts",
-    "projects/**/*.d.ts"
-  ]
+  "include": ["projects/**/*.ts", "projects/**/*.d.ts"]
 }
diff --git a/types-lf-ui-components-publish/README.md b/types-lf-ui-components-publish/README.md
index c01adb14..b25fc06b 100644
--- a/types-lf-ui-components-publish/README.md
+++ b/types-lf-ui-components-publish/README.md
@@ -11,6 +11,9 @@ This is the type NPM package that contains the declaration files for lf-prefixed
 
 - To use the types in a typescript file:
 
-   ```ts
-      import { LfChecklistComponent, Checklist } from '@laserfiche/types-lf-ui-components';
-   ```
+  ```ts
+  import {
+    LfChecklistComponent,
+    Checklist,
+  } from "@laserfiche/types-lf-ui-components";
+  ```
diff --git a/vitest.config.js b/vitest.config.js
index a3a3b802..9be6b98e 100644
--- a/vitest.config.js
+++ b/vitest.config.js
@@ -1,32 +1,40 @@
-import { playwright } from '@vitest/browser-playwright'
-import { defineConfig } from 'vitest/config'
-import { fileURLToPath, URL } from 'node:url'
-import angular from '@analogjs/vite-plugin-angular'
+import { playwright } from '@vitest/browser-playwright';
+import { defineConfig } from 'vitest/config';
+import { fileURLToPath, URL } from 'node:url';
+import angular from '@analogjs/vite-plugin-angular';
 
 export default defineConfig({
-    plugins: [angular()],
-    resolve: {
-        alias: {
-            '@laserfiche/lf-ui-components/shared': fileURLToPath(new URL('./projects/ui-components/shared/lf-shared-public-api.ts', import.meta.url)),
-            '@laserfiche/lf-ui-components/internal-shared': fileURLToPath(new URL('./projects/ui-components/internal-shared/lf-internal-shared-public-api.ts', import.meta.url)),
-            '@laserfiche/lf-ui-components/lf-selection-list': fileURLToPath(new URL('./projects/ui-components/lf-selection-list/lf-selection-list-public-api.ts', import.meta.url)),
-            projects: fileURLToPath(new URL('./projects', import.meta.url)),
-        },
+  plugins: [angular()],
+  resolve: {
+    alias: {
+      '@laserfiche/lf-ui-components/shared': fileURLToPath(
+        new URL('./projects/ui-components/shared/lf-shared-public-api.ts', import.meta.url)
+      ),
+      '@laserfiche/lf-ui-components/internal-shared': fileURLToPath(
+        new URL('./projects/ui-components/internal-shared/lf-internal-shared-public-api.ts', import.meta.url)
+      ),
+      '@laserfiche/lf-ui-components/lf-selection-list': fileURLToPath(
+        new URL('./projects/ui-components/lf-selection-list/lf-selection-list-public-api.ts', import.meta.url)
+      ),
+      projects: fileURLToPath(new URL('./projects', import.meta.url)),
     },
-    test: {
-        globals: true,
-        setupFiles: ['./vitest.setup.ts'],
-        browser: {
-            enabled: true,
-            provider: playwright(),
-            instances: [{
-                browser: 'chromium',
-                launch: { args: ['--no-sandbox'] },
-            }]
+  },
+  test: {
+    globals: true,
+    setupFiles: ['./vitest.setup.ts'],
+    browser: {
+      enabled: true,
+      provider: playwright(),
+      instances: [
+        {
+          browser: 'chromium',
+          launch: { args: ['--no-sandbox'] },
         },
-        reporters: ['default', 'junit'],
-        outputFile: {
-            junit: 'test-results.xml',
-        }
+      ],
+    },
+    reporters: ['default', 'junit'],
+    outputFile: {
+      junit: 'test-results.xml',
     },
-})
\ No newline at end of file
+  },
+});

From 10b6a33bf70a6eebdb69aff6d67874c1694df1fd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Mon, 16 Mar 2026 15:28:21 +0200
Subject: [PATCH 28/43] Move lf-ui-components.js to ui-components/cdn

---
 .github/workflows/main.yml | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
index a51f9296..460a6ec7 100644
--- a/.github/workflows/main.yml
+++ b/.github/workflows/main.yml
@@ -97,8 +97,7 @@ jobs:
 
       - name: "move lf-ui-components.js to ui-components/cdn"
         run: |
-          mv main.js.map ../ui-components/cdn
-          mv main.js ../ui-components/cdn/lf-ui-components.js
+          mv lf-ui-components.js lf-ui-components.js.map ../ui-components/cdn
         working-directory: ./dist/lf-cdn
 
       - name: "Append flatpickr.min.css to lf-laserfiche-lite.css"

From 3457a6c61283aee83ba2bb1a639e1e8c0ec1aedb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Mon, 16 Mar 2026 15:31:09 +0200
Subject: [PATCH 29/43] Update workflows to latest versions and switch Veracode
 to 21.x

---
 .github/workflows/main.yml         | 24 ++++++++++++------------
 .github/workflows/veracode-21x.yml |  8 ++++----
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
index 460a6ec7..d9cb0b87 100644
--- a/.github/workflows/main.yml
+++ b/.github/workflows/main.yml
@@ -26,7 +26,7 @@ jobs:
   build:
     runs-on: macos-latest
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v6
         with:
           ref: ${{ github.sha }}
 
@@ -34,7 +34,7 @@ jobs:
         run: echo ${{github.run_id}}
 
       - name: Setup Node.js environment
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v6
         with:
           node-version: "24"
 
@@ -122,7 +122,7 @@ jobs:
         run: mv README.md ./dist/ui-components
 
       - name: Upload a Build Artifact
-        uses: actions/upload-artifact@v4
+        uses: actions/upload-artifact@v7
         with:
           name: npm-publish-artifact
           # A file, directory or wildcard pattern that describes what to upload
@@ -141,17 +141,17 @@ jobs:
     if: ${{ github.run_attempt != 1 }}
     needs: [build]
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v6
         with:
           ref: ${{ github.sha }}
 
       - name: Download a Build Artifact
-        uses: actions/download-artifact@v4
+        uses: actions/download-artifact@v8
         with:
           name: npm-publish-artifact
 
       - name: Setup Node.js environment
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v6
         with:
           node-version: "24"
           registry-url: "https://registry.npmjs.org"
@@ -196,17 +196,17 @@ jobs:
     if: ${{ github.run_attempt != 1 }}
     needs: [build]
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v6
         with:
           ref: ${{ github.sha }}
 
       - name: Download a Build Artifact
-        uses: actions/download-artifact@v4
+        uses: actions/download-artifact@v8
         with:
           name: npm-publish-artifact
 
       - name: Setup Node.js environment
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v6
         with:
           node-version: "24"
           registry-url: "https://registry.npmjs.org"
@@ -247,17 +247,17 @@ jobs:
     if: ${{ github.run_attempt != 1 }}
     needs: [build]
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v6
         with:
           ref: ${{ github.sha }}
 
       - name: Download a Build Artifact
-        uses: actions/download-artifact@v4
+        uses: actions/download-artifact@v8
         with:
           name: npm-publish-artifact
 
       - name: Setup Node.js environment
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v6
         with:
           node-version: "24"
           registry-url: "https://registry.npmjs.org"
diff --git a/.github/workflows/veracode-21x.yml b/.github/workflows/veracode-21x.yml
index 2cca8185..ac8a9799 100644
--- a/.github/workflows/veracode-21x.yml
+++ b/.github/workflows/veracode-21x.yml
@@ -16,7 +16,7 @@ jobs:
   build:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v6
         with:
           ref: ${{ github.sha }}
 
@@ -24,7 +24,7 @@ jobs:
         run: echo ${{github.run_id}}
 
       - name: Setup Node.js environment
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v6
         with:
           node-version: "24"
 
@@ -69,7 +69,7 @@ jobs:
       - name: Veracode Upload And Scan (Static application security testing)
         uses: veracode/veracode-uploadandscan-action@0.2.10
         with:
-          appname: "lf-ui-components-v18"
+          appname: "lf-ui-components-v21"
           createprofile: true
           filepath: "veracode"
           vid: "${{ secrets.VERACODE_API_ID }}"
@@ -78,5 +78,5 @@ jobs:
 
       - name: Run Veracode Software Composition Analysis (SCA)
         env:
-          SRCCLR_API_TOKEN: ${{ secrets.SRCCLR_TOKEN_UICOMPONENTS_18 }}
+          SRCCLR_API_TOKEN: ${{ secrets.SRCCLR_TOKEN_UICOMPONENTS_21 }}
         run: curl --silent --show-error --location https://download.sourceclear.com/ci.sh | sh -s -- scan ./ --update-advisor --allow-dirty

From fddf0695f7938bcb5e2f3b28d44e166d7adfccf2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Mon, 16 Mar 2026 15:41:31 +0200
Subject: [PATCH 30/43] Fix deployment action as well

---
 .github/workflows/main.yml | 28 ++++++++++++++--------------
 gulpfile.js                | 18 ++++++++++++++----
 2 files changed, 28 insertions(+), 18 deletions(-)

diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
index d9cb0b87..8fcfd5a8 100644
--- a/.github/workflows/main.yml
+++ b/.github/workflows/main.yml
@@ -98,25 +98,25 @@ jobs:
       - name: "move lf-ui-components.js to ui-components/cdn"
         run: |
           mv lf-ui-components.js lf-ui-components.js.map ../ui-components/cdn
-        working-directory: ./dist/lf-cdn
+        working-directory: ./dist/lf-cdn/browser
 
       - name: "Append flatpickr.min.css to lf-laserfiche-lite.css"
         run: |
-          echo "/*" >> ./dist/lf-documentation/lf-laserfiche-lite.css
-          cat LICENSE >> ./dist/lf-documentation/lf-laserfiche-lite.css
-          echo "The following styles are copied from flatpickr.min.css */" >> ./dist/lf-documentation/lf-laserfiche-lite.css
-          cat ./node_modules/flatpickr/dist/flatpickr.min.css >> ./dist/lf-documentation/lf-laserfiche-lite.css
+          echo "/*" >> ./dist/lf-documentation/browser/lf-laserfiche-lite.css
+          cat LICENSE >> ./dist/lf-documentation/browser/lf-laserfiche-lite.css
+          echo "The following styles are copied from flatpickr.min.css */" >> ./dist/lf-documentation/browser/lf-laserfiche-lite.css
+          cat ./node_modules/flatpickr/dist/flatpickr.min.css >> ./dist/lf-documentation/browser/lf-laserfiche-lite.css
 
       - name: "Append flatpickr.min.css to lf-ms-office-lite.css"
         run: |
-          echo "/*" >> ./dist/lf-documentation/lf-ms-office-lite.css
-          cat LICENSE >> ./dist/lf-documentation/lf-ms-office-lite.css
-          echo "The following styles are copied from flatpickr.min.css */" >> ./dist/lf-documentation/lf-ms-office-lite.css
-          cat ./node_modules/flatpickr/dist/flatpickr.min.css >> ./dist/lf-documentation/lf-ms-office-lite.css
+          echo "/*" >> ./dist/lf-documentation/browser/lf-ms-office-lite.css
+          cat LICENSE >> ./dist/lf-documentation/browser/lf-ms-office-lite.css
+          echo "The following styles are copied from flatpickr.min.css */" >> ./dist/lf-documentation/browser/lf-ms-office-lite.css
+          cat ./node_modules/flatpickr/dist/flatpickr.min.css >> ./dist/lf-documentation/browser/lf-ms-office-lite.css
 
       - name: "move lf-documentation/styles to ui-components/cdn"
-        run: mv lf-laserfiche-lite.css lf-ms-office-lite.css lf-laserfiche-lite.css.map lf-ms-office-lite.css.map ../ui-components/cdn/
-        working-directory: ./dist/lf-documentation
+        run: mv lf-laserfiche-lite.css lf-ms-office-lite.css lf-laserfiche-lite.css.map lf-ms-office-lite.css.map ../../ui-components/cdn/
+        working-directory: ./dist/lf-documentation/browser
 
       - name: "move README to ui-components"
         run: mv README.md ./dist/ui-components
@@ -128,7 +128,7 @@ jobs:
           # A file, directory or wildcard pattern that describes what to upload
           path: |
             ./dist/ui-components
-            ./dist/lf-documentation
+            ./dist/lf-documentation/browser
             ./types-lf-ui-components-publish/index.d.ts
             ./types-lf-ui-components-publish/index.js
 
@@ -272,9 +272,9 @@ jobs:
         run: gulp replaceVersionInIndexHtml --npmVersion ${{ env.NPM_VERSION }}
 
       - name: Upload pages artifact
-        uses: actions/upload-pages-artifact@v3
+        uses: actions/upload-pages-artifact@v4
         with:
-          path: ./dist/lf-documentation
+          path: ./dist/lf-documentation/browser
 
       - name: Deploy to GitHub Pages
         id: deployment
diff --git a/gulpfile.js b/gulpfile.js
index fe87798c..043fce49 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -23,6 +23,7 @@ const NPM_PUBLISH = './types-lf-ui-components-publish/';
 const LF_CDN_BROWSER_DIR = './dist/lf-cdn/browser/';
 const MAIN_SCRIPT_FILE = 'main.js';
 const MAIN_SCRIPT_MAP_FILE = 'main.js.map';
+const LF_CDN_INDEX_FILE = 'index.html';
 const CDN_UI_COMPONENTS_FILE = 'lf-ui-components.js';
 const CDN_UI_COMPONENTS_MAP_FILE = 'lf-ui-components.js.map';
 const COMPILED_GETTING_STARTED_FILE_PATH = './dist/lf-documentation/browser/main.js';
@@ -69,13 +70,22 @@ async function processTypesFile() {
 async function renameLfCdn() {
   const mainJsPath = LF_CDN_BROWSER_DIR + MAIN_SCRIPT_FILE;
   const mainJsMapPath = LF_CDN_BROWSER_DIR + MAIN_SCRIPT_MAP_FILE;
+  const lfCdnIndexPath = LF_CDN_BROWSER_DIR + LF_CDN_INDEX_FILE;
   const cdnJsPath = LF_CDN_BROWSER_DIR + CDN_UI_COMPONENTS_FILE;
   const cdnJsMapPath = LF_CDN_BROWSER_DIR + CDN_UI_COMPONENTS_MAP_FILE;
 
-  const content = fs.readFileSync(mainJsPath, 'utf8');
-  fs.writeFileSync(cdnJsPath, content.replace(MAIN_SCRIPT_MAP_FILE, CDN_UI_COMPONENTS_MAP_FILE));
-  fs.unlinkSync(mainJsPath);
-  fs.renameSync(mainJsMapPath, cdnJsMapPath);
+  if (fs.existsSync(mainJsPath)) {
+    const content = fs.readFileSync(mainJsPath, 'utf8');
+    fs.writeFileSync(cdnJsPath, content.replace(MAIN_SCRIPT_MAP_FILE, CDN_UI_COMPONENTS_MAP_FILE));
+    fs.unlinkSync(mainJsPath);
+  }
+
+  if (fs.existsSync(mainJsMapPath)) {
+    fs.renameSync(mainJsMapPath, cdnJsMapPath);
+  }
+
+  const indexHtmlContent = fs.readFileSync(lfCdnIndexPath, 'utf8');
+  fs.writeFileSync(lfCdnIndexPath, indexHtmlContent.replace(/src="main\.js"/g, `src="${CDN_UI_COMPONENTS_FILE}"`));
 }
 
 exports.processTypesFile = processTypesFile;

From 6d53f9ab6681e19a52f65f1ad9f66604956a4b86 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Mon, 16 Mar 2026 15:45:10 +0200
Subject: [PATCH 31/43] Correct relative path

---
 .github/workflows/main.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
index 8fcfd5a8..8128d693 100644
--- a/.github/workflows/main.yml
+++ b/.github/workflows/main.yml
@@ -97,7 +97,7 @@ jobs:
 
       - name: "move lf-ui-components.js to ui-components/cdn"
         run: |
-          mv lf-ui-components.js lf-ui-components.js.map ../ui-components/cdn
+          mv lf-ui-components.js lf-ui-components.js.map ../../ui-components/cdn
         working-directory: ./dist/lf-cdn/browser
 
       - name: "Append flatpickr.min.css to lf-laserfiche-lite.css"

From e18e725d1b150c5c07606488f4bc78bfdeca5de4 Mon Sep 17 00:00:00 2001
From: Levente Juhasz <juhasz.levente-contractor@laserfiche.com>
Date: Tue, 17 Mar 2026 12:44:13 +0200
Subject: [PATCH 32/43] Re-initialize the login state when the user cancels the
 login flow

---
 .../lf-login/lf-login.component.spec.ts       | 39 ++++++++++++-------
 .../lf-login/lf-login.component.ts            | 30 ++++++++++++--
 2 files changed, 50 insertions(+), 19 deletions(-)

diff --git a/projects/ui-components/lf-login/lf-login.component.spec.ts b/projects/ui-components/lf-login/lf-login.component.spec.ts
index 641d5ee1..c31e4a02 100644
--- a/projects/ui-components/lf-login/lf-login.component.spec.ts
+++ b/projects/ui-components/lf-login/lf-login.component.spec.ts
@@ -6,6 +6,7 @@ import { MatMenuModule } from '@angular/material/menu';
 import { LfLoginComponent } from './lf-login.component';
 import { LoginState } from '@laserfiche/lf-ui-components/shared';
 import { LfLoginService } from './login-utils/lf-login.service';
+import { AccountEndpoints } from 'types-lf-ui-components-publish';
 
 describe('LfLoginComponent', () => {
   let loginService: LfLoginService;
@@ -76,23 +77,31 @@ describe('LfLoginComponent', () => {
     );
   });
 
-  it('getFullLogoutUrl returns logout url', () => {
-    loginService._accountEndpoints = {
-      wsignoutUrl: 'https://accounts.laserfiche.com/WebSTS/?wa=wsignout1.0',
-      webClientUrl: '',
-      regionalDomain: '',
-      oauthAuthorizeUrl: '',
-    };
-    component.redirect_uri = 'test-url';
-    const logoutUrl = component.getFullLogoutUrl();
-
-    expect(logoutUrl).toEqual('https://accounts.laserfiche.com/WebSTS/?wa=wsignout1.0&wreply=test-url');
+  describe('getFullLogoutUrl', () => {
+    it('should return a logout URL when wsignoutUrl is available', () => {
+      const accountEndpoints: AccountEndpoints | undefined = {
+        wsignoutUrl: 'https://accounts.laserfiche.com/WebSTS/?wa=wsignout1.0',
+        webClientUrl: '',
+        regionalDomain: '',
+        oauthAuthorizeUrl: '',
+      };
+      const originalGetAccountEndpointsSpy = spyOn<any>(loginService, 'getAccountEndpoints');
+      originalGetAccountEndpointsSpy.and.returnValue(accountEndpoints);
+
+      component.redirect_uri = 'test-url';
+      const logoutUrl = component.getFullLogoutUrl();
+
+      expect(logoutUrl).toEqual('https://accounts.laserfiche.com/WebSTS/?wa=wsignout1.0&wreply=test-url');
+    });
+
+    it('should return undefined when wsignoutUrl is unavailable', () => {
+      const originalGetAccountEndpointsSpy = spyOn<any>(loginService, 'getAccountEndpoints');
+      originalGetAccountEndpointsSpy.and.returnValue(undefined);
+
+      expect(component.getFullLogoutUrl()).toBeUndefined();
+    });
   });
 
-  it('getFullLogoutUrl when no signout url available', () => {
-    loginService._accountEndpoints = undefined;
-    expect(component.getFullLogoutUrl()).toBeUndefined();
-  });
 
   it('concatStrings should return second string when no first string', () => {
     expect(component.concatStrings(undefined, 'test')).toEqual('test');
diff --git a/projects/ui-components/lf-login/lf-login.component.ts b/projects/ui-components/lf-login/lf-login.component.ts
index d53aae30..991a98ee 100644
--- a/projects/ui-components/lf-login/lf-login.component.ts
+++ b/projects/ui-components/lf-login/lf-login.component.ts
@@ -11,6 +11,7 @@ import {
   OnInit,
   OnChanges,
   SimpleChanges,
+  AfterViewInit,
 } from '@angular/core';
 import { Observable, of, Subscription } from 'rxjs';
 import { AccountInfo, RedirectUriQueryParams } from './login-utils/lf-login-internal-types';
@@ -36,7 +37,7 @@ const CODE_CHALLENGE_METHOD = 'S256';
   templateUrl: './lf-login.component.html',
   styleUrls: ['./lf-login.component.css'],
 })
-export class LfLoginComponent implements OnDestroy, OnInit, OnChanges {
+export class LfLoginComponent implements OnDestroy, OnInit, OnChanges, AfterViewInit {
   @Input() mode: LoginMode = LoginMode.Button;
 
   /**
@@ -85,7 +86,7 @@ export class LfLoginComponent implements OnDestroy, OnInit, OnChanges {
   @Input() set client_id(val: string) {
     this.loginService.client_id = val;
   }
-  get client_id(): string | undefined{
+  get client_id(): string | undefined {
     return this.loginService.client_id;
   }
 
@@ -375,6 +376,15 @@ export class LfLoginComponent implements OnDestroy, OnInit, OnChanges {
     });
   }
 
+  async ngAfterViewInit() {
+    const accessToken = this.authorization_credentials?.accessToken;
+    if (accessToken) {
+      this._state = LoginState.LoggedIn;
+    } else {
+      await this.initializeLoginAsync();
+    }
+  }
+
   /** @internal */
   async ngOnChanges(changes: SimpleChanges) {
     // initialize the login state according to the access token
@@ -390,6 +400,18 @@ export class LfLoginComponent implements OnDestroy, OnInit, OnChanges {
         await this.initializeLoginAsync();
       }
     }
+
+    const currentLoginType = changes['login_type'];
+    if (
+      !this.loginService.loginProvider &&
+      ((currentLoginType?.currentValue && currentLoginType?.isFirstChange()) ||
+        currentLoginType?.previousValue !== currentLoginType?.currentValue)
+    ) {
+      this.loginService.loginProvider =
+        currentLoginType.currentValue === 'Self-Hosted'
+          ? new SelfHostedLoginProvider(this.loginService, currentLoginIdentifier.currentValue)
+          : new CloudLoginProvider(this.loginService);
+    }
   }
 
   private setButtonText() {
@@ -640,8 +662,8 @@ export class LfLoginComponent implements OnDestroy, OnInit, OnChanges {
 
   /** @internal */
   getFullLogoutUrl(): string | undefined {
-    if (this.loginService._accountEndpoints?.wsignoutUrl) {
-      const acsToLfLogout = new URL(this.loginService._accountEndpoints?.wsignoutUrl);
+    if (this.account_endpoints?.wsignoutUrl) {
+      const acsToLfLogout = new URL(this.account_endpoints?.wsignoutUrl);
       // Warning: if we are already logged out this will behave strangely
       // won't redirect back to redirect Url
       acsToLfLogout.searchParams.set('wreply', this.redirect_uri);

From ea79ae4a607e9e343484b01f24f2ea0e516269c2 Mon Sep 17 00:00:00 2001
From: Levente Juhasz <juhasz.levente-contractor@laserfiche.com>
Date: Wed, 18 Mar 2026 14:43:23 +0200
Subject: [PATCH 33/43] Use LoginType enum instead of type

---
 .../lf-login-documentation.component.html     |   2 +-
 .../lf-login/lf-login.component.ts            |   5 +-
 .../lf-login/login-utils/lf-login-types.ts    |   2 -
 .../lf-login/login-utils/lf-login.service.ts  |   6 +-
 projects/ui-components/shared/enums.ts        | 101 +++++++++---------
 5 files changed, 59 insertions(+), 57 deletions(-)

diff --git a/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.html b/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.html
index f5373391..7c7a5f32 100644
--- a/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.html
+++ b/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.html
@@ -359,7 +359,7 @@
   <li>Menu</li>
 </ul>
 
-<p class="documentation-sub-header">LoginType type</p>
+<p class="documentation-sub-header">LoginType Enum</p>
 <ul>
   <li>Cloud - default</li>
   <li>Self-Hosted</li>
diff --git a/projects/ui-components/lf-login/lf-login.component.ts b/projects/ui-components/lf-login/lf-login.component.ts
index 991a98ee..7c0a6588 100644
--- a/projects/ui-components/lf-login/lf-login.component.ts
+++ b/projects/ui-components/lf-login/lf-login.component.ts
@@ -21,9 +21,8 @@ import {
   AuthorizationCredentials,
   LfBeforeFetchResult,
   LfHttpRequestHandler,
-  LoginType,
 } from './login-utils/lf-login-types';
-import { LoginMode, LoginState, RedirectBehavior } from '@laserfiche/lf-ui-components/shared';
+import { LoginMode, LoginState, LoginType, RedirectBehavior } from '@laserfiche/lf-ui-components/shared';
 import { AppLocalizationService } from '@laserfiche/lf-ui-components/internal-shared';
 import { LfLoginService } from './login-utils/lf-login.service';
 import { ApiException, PKCEUtils } from '@laserfiche/lf-api-client-core';
@@ -408,7 +407,7 @@ export class LfLoginComponent implements OnDestroy, OnInit, OnChanges, AfterView
         currentLoginType?.previousValue !== currentLoginType?.currentValue)
     ) {
       this.loginService.loginProvider =
-        currentLoginType.currentValue === 'Self-Hosted'
+        currentLoginType.currentValue === LoginType.SelfHosted
           ? new SelfHostedLoginProvider(this.loginService, currentLoginIdentifier.currentValue)
           : new CloudLoginProvider(this.loginService);
     }
diff --git a/projects/ui-components/lf-login/login-utils/lf-login-types.ts b/projects/ui-components/lf-login/login-utils/lf-login-types.ts
index c71718c0..96002df1 100644
--- a/projects/ui-components/lf-login/login-utils/lf-login-types.ts
+++ b/projects/ui-components/lf-login/login-utils/lf-login-types.ts
@@ -48,5 +48,3 @@ export interface LfHttpRequestHandler {
    */
   afterFetchResponseAsync: (url: string, response: Response, request: RequestInit) => Promise<boolean>;
 }
-
-export type LoginType = 'Cloud' | 'Self-Hosted';
diff --git a/projects/ui-components/lf-login/login-utils/lf-login.service.ts b/projects/ui-components/lf-login/login-utils/lf-login.service.ts
index 4f37e0f4..094f4f24 100644
--- a/projects/ui-components/lf-login/login-utils/lf-login.service.ts
+++ b/projects/ui-components/lf-login/login-utils/lf-login.service.ts
@@ -3,8 +3,8 @@
 
 import { EventEmitter, Injectable, Output } from '@angular/core';
 import { AccountInfo, RedirectUriQueryParams } from './lf-login-internal-types';
-import { AbortedLoginError, AuthorizationCredentials, AccountEndpoints, LoginType } from './lf-login-types';
-import { LoginState, RedirectBehavior } from '@laserfiche/lf-ui-components/shared';
+import { AbortedLoginError, AuthorizationCredentials, AccountEndpoints } from './lf-login-types';
+import { LoginState, RedirectBehavior, LoginType } from '@laserfiche/lf-ui-components/shared';
 import { GetAccessTokenResponse, ApiException, JwtUtils } from '@laserfiche/lf-api-client-core';
 import { LoginProvider } from './login-provider';
 const CONTENT_TYPE_WWW_FORM_URLENCODED = 'application/x-www-form-urlencoded';
@@ -40,7 +40,7 @@ export class LfLoginService {
   /** @internal */
   code_verifier?: string;
   /** @internal */
-  login_type: LoginType = 'Cloud';
+  login_type: LoginType = LoginType.Cloud;
   /** @internal */
   loginProvider?: LoginProvider;
   /** @internal */
diff --git a/projects/ui-components/shared/enums.ts b/projects/ui-components/shared/enums.ts
index bc2f595f..5efd39c5 100644
--- a/projects/ui-components/shared/enums.ts
+++ b/projects/ui-components/shared/enums.ts
@@ -1,48 +1,53 @@
-// Copyright (c) Laserfiche.
-// Licensed under the MIT License. See LICENSE in the project root for license information.
-
-export enum FieldType {
-  DateTime = 'DateTime',
-  Blob = 'Blob',
-  Date = 'Date',
-  ShortInteger = 'ShortInteger',
-  LongInteger = 'LongInteger',
-  List = 'List',
-  Number = 'Number',
-  String = 'String',
-  Time = 'Time',
-}
-
-/** FieldFormat copied from Web Access */
-export enum FieldFormat {
-  None = 'None',
-  ShortDate = 'ShortDate',
-  LongDate = 'LongDate',
-  ShortDateTime = 'ShortDateTime',
-  LongDateTime = 'LongDateTime',
-  ShortTime = 'ShortTime',
-  LongTime = 'LongTime',
-  GeneralNumber = 'GeneralNumber',
-  Currency = 'Currency',
-  Percent = 'Percent',
-  Scientific = 'Scientific',
-  Custom = 'Custom',
-}
-
-export enum RedirectBehavior {
-  Replace = 'Replace',
-  Popup = 'Popup',
-  None = 'None'
-}
-
-export enum LoginState {
-  LoggingIn = 'LoggingIn', // starting OAuth flow, previous state: LoggedOut, LoggedIn
-  LoggedIn = 'LoggedIn',  // have tokens, previous state: LoggingIn
-  LoggingOut = 'LoggingOut', // do have tokens, but getting rid of them, previous state: LoggedIn
-  LoggedOut = 'LoggedOut' // don't have tokens, previous state: LoggingOut, LoggingIn
-}
-
-export enum LoginMode {
-  'Button' = 'Button',
-  'Menu' = 'Menu'
-}
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+export enum FieldType {
+  DateTime = 'DateTime',
+  Blob = 'Blob',
+  Date = 'Date',
+  ShortInteger = 'ShortInteger',
+  LongInteger = 'LongInteger',
+  List = 'List',
+  Number = 'Number',
+  String = 'String',
+  Time = 'Time',
+}
+
+/** FieldFormat copied from Web Access */
+export enum FieldFormat {
+  None = 'None',
+  ShortDate = 'ShortDate',
+  LongDate = 'LongDate',
+  ShortDateTime = 'ShortDateTime',
+  LongDateTime = 'LongDateTime',
+  ShortTime = 'ShortTime',
+  LongTime = 'LongTime',
+  GeneralNumber = 'GeneralNumber',
+  Currency = 'Currency',
+  Percent = 'Percent',
+  Scientific = 'Scientific',
+  Custom = 'Custom',
+}
+
+export enum RedirectBehavior {
+  Replace = 'Replace',
+  Popup = 'Popup',
+  None = 'None'
+}
+
+export enum LoginState {
+  LoggingIn = 'LoggingIn', // starting OAuth flow, previous state: LoggedOut, LoggedIn
+  LoggedIn = 'LoggedIn',  // have tokens, previous state: LoggingIn
+  LoggingOut = 'LoggingOut', // do have tokens, but getting rid of them, previous state: LoggedIn
+  LoggedOut = 'LoggedOut' // don't have tokens, previous state: LoggingOut, LoggingIn
+}
+
+export enum LoginMode {
+  'Button' = 'Button',
+  'Menu' = 'Menu'
+}
+
+export enum LoginType {
+  Cloud = 'Cloud',
+  SelfHosted = 'Self-Hosted'
+}

From f472f2b8376916ee373140618abdf45f8c4a63b2 Mon Sep 17 00:00:00 2001
From: Levente Juhasz <juhasz.levente@codespring.ro>
Date: Wed, 18 Mar 2026 17:53:52 +0200
Subject: [PATCH 34/43] Fixing checklist component styles (#307)

Co-authored-by: Levente Juhasz <juhasz.levente-contractor@laserfiche.com>
---
 .../styles/lf-laserfiche-lite/sass/_textfield-lf.scss  |  4 ++--
 .../lf-laserfiche-lite/sass/rwc-checklist-lf.scss      |  5 ++---
 .../styles/lf-ms-office/sass/rwc-checklist-mo.scss     |  4 ++++
 .../lf-checklist/items/items.component.css             | 10 +++++++++-
 4 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/projects/styles/lf-laserfiche-lite/sass/_textfield-lf.scss b/projects/styles/lf-laserfiche-lite/sass/_textfield-lf.scss
index 423654f5..52b2eeac 100644
--- a/projects/styles/lf-laserfiche-lite/sass/_textfield-lf.scss
+++ b/projects/styles/lf-laserfiche-lite/sass/_textfield-lf.scss
@@ -8,7 +8,7 @@ $disabled-border-color: #F3F3F3;
 $border-radius: 2px;
 
 $padding-stack: 7px 10px 8px 10px;
-$margin-stack: 5px 0px;
+$margin-stack: 0px 0px;
 
 $background-color: white;
 $disabled-background-color: #F3F3F3;
@@ -44,4 +44,4 @@ $disabled-font-color: #8A8A8A;
 
 .lf-textarea {
   outline-color: $border-color;
-}
\ No newline at end of file
+}
diff --git a/projects/styles/lf-laserfiche-lite/sass/rwc-checklist-lf.scss b/projects/styles/lf-laserfiche-lite/sass/rwc-checklist-lf.scss
index 4df63d46..7fb0c575 100644
--- a/projects/styles/lf-laserfiche-lite/sass/rwc-checklist-lf.scss
+++ b/projects/styles/lf-laserfiche-lite/sass/rwc-checklist-lf.scss
@@ -33,13 +33,12 @@ lf-checklist .mat-form-field-appearance-outline.mat-focused .mat-form-field-outl
   margin-top: 14px;
 }
 
-.lf-checklist-item .fixed-size-icon-container {
-  margin-top: 7px;
+.lf-checklist-item .mat-mdc-checkbox {
+  margin-top: -3px;
 }
 
 .lf-checklist-item .lf-text-field {
   border: none;
-  margin-top: 5px;
   padding: 0px;
 }
 
diff --git a/projects/styles/lf-ms-office/sass/rwc-checklist-mo.scss b/projects/styles/lf-ms-office/sass/rwc-checklist-mo.scss
index 0d869bb8..7f46fa3a 100644
--- a/projects/styles/lf-ms-office/sass/rwc-checklist-mo.scss
+++ b/projects/styles/lf-ms-office/sass/rwc-checklist-mo.scss
@@ -33,6 +33,10 @@ lf-checklist .mat-form-field-appearance-outline.mat-focused .mat-form-field-outl
   margin-top: 5px;
 }
 
+.lf-checklist-item .mat-mdc-checkbox {
+  margin-top: -3px;
+}
+
 .lf-checklist-item .lf-text-field {
   padding: 0px;
   border: none;
diff --git a/projects/ui-components/lf-checklist/items/items.component.css b/projects/ui-components/lf-checklist/items/items.component.css
index 5d803117..e5e56ed6 100644
--- a/projects/ui-components/lf-checklist/items/items.component.css
+++ b/projects/ui-components/lf-checklist/items/items.component.css
@@ -12,7 +12,7 @@
   display: flex;
   min-width: 30px;
   width: 30px;
-  height: 30px;
+  height: 34px;
   align-items: center;
   margin-right: 5px;
   position: relative;
@@ -72,6 +72,14 @@
   font-size: 14px;
 }
 
+::ng-deep mat-form-field.lf-checklist-field >
+.mat-mdc-text-field-wrapper >
+.mat-mdc-form-field-flex >
+.mat-mdc-form-field-infix {
+  min-height: 28px !important;
+  padding: 4px 0;
+}
+
 ::ng-deep .lf-checklist-item .mat-form-field-appearance-fill .mat-mdc-form-field-flex {
   align-items: center;
   border-radius: 2px;

From 59b84220a15c6a104954a1444ab65dd8b136ef50 Mon Sep 17 00:00:00 2001
From: Levente Juhasz <juhasz.levente-contractor@laserfiche.com>
Date: Fri, 20 Mar 2026 17:08:18 +0200
Subject: [PATCH 35/43] Fixing failing tests

---
 .../lf-login/lf-login.component.ts            |  4 +-
 .../login-utils/cloud-login-provider.spec.ts  | 19 ++---
 .../login-utils/cloud-login-provider.ts       |  8 +--
 .../self-hosted-login-provider.spec.ts        | 69 +++++++++----------
 .../login-utils/self-hosted-login-provider.ts | 11 ++-
 5 files changed, 49 insertions(+), 62 deletions(-)

diff --git a/projects/ui-components/lf-login/lf-login.component.ts b/projects/ui-components/lf-login/lf-login.component.ts
index ada65e9d..e511b9a1 100644
--- a/projects/ui-components/lf-login/lf-login.component.ts
+++ b/projects/ui-components/lf-login/lf-login.component.ts
@@ -345,7 +345,7 @@ export class LfLoginComponent implements OnChanges, OnInit, OnDestroy, AfterView
   @Input()
   initSelfHostedLoginFlowAsync: (
     accountEndpoints: AccountEndpoints,
-    repositoryId: string,
+    repositoryId: string
   ) => Promise<string | undefined> = async (accountEndpoints: AccountEndpoints, repositoryId: string) => {
     return await this.loginFlowHandler(() => this.startSelfHostedLoginFlow(accountEndpoints, repositoryId));
   };
@@ -509,7 +509,7 @@ export class LfLoginComponent implements OnChanges, OnInit, OnDestroy, AfterView
         this.loginService.loginProvider?.determineCurrentState(
           callBackURIParams,
           this.loginCompleted,
-          this.logoutCompleted,
+          this.logoutCompleted
         ) ?? LoginState.LoggedOut;
       this.ref.detectChanges();
       if (this.loginService._state === LoginState.LoggingIn) {
diff --git a/projects/ui-components/lf-login/login-utils/cloud-login-provider.spec.ts b/projects/ui-components/lf-login/login-utils/cloud-login-provider.spec.ts
index ca3b2907..21a85ded 100644
--- a/projects/ui-components/lf-login/login-utils/cloud-login-provider.spec.ts
+++ b/projects/ui-components/lf-login/login-utils/cloud-login-provider.spec.ts
@@ -10,7 +10,7 @@ describe('CloudLoginProvider', () => {
   let provider: CloudLoginProvider;
   let lfLoginServiceMock: Partial<LfLoginService>;
 
-   beforeEach(() => {
+  beforeEach(() => {
     lfLoginServiceMock = {
       storeAccessToken: vi.fn(),
       parseAccessToken: vi.fn(),
@@ -136,19 +136,20 @@ describe('CloudLoginProvider', () => {
     };
 
     it('should return LoginState.LoggedIn when access token and account information are stored in local storage', () => {
-       // Reset mocks
+      // Reset mocks
       lfLoginServiceMock.storeAccessToken = vi.fn().mockClear();
 
       const loginCompleteEmitMock = { emit: vi.fn() } as unknown as EventEmitter<void>;
-      const logoutCompleted = {} as unknown as EventEmitter<void>;;
+      const logoutCompleted = {} as unknown as EventEmitter<void>;
 
-      localStorage.getItem = vi.fn()
+      localStorage.getItem = vi
+        .fn()
         .mockReturnValueOnce('access-token-value')
         .mockReturnValueOnce('account-endpoints-value')
-        .mockReturnValueOnce('account-id-value')
-        .mockReturnValueOnce(null); // simulate read for other keys if needed
+        .mockReturnValueOnce('account-id-value');
 
-      JSON.parse = vi.fn()
+      JSON.parse = vi
+        .fn()
         .mockReturnValueOnce(authorizationCredentialsMock)
         .mockReturnValueOnce(accountEndpointsMock)
         .mockReturnValueOnce(accountInfoMock);
@@ -170,8 +171,8 @@ describe('CloudLoginProvider', () => {
     });
 
     it('should return LoginState.LoggedOut when no access token or account endpoints are stored in local storage', () => {
-      const loginCompleted = { emit: vi.fn() } as unknown as EventEmitter<void>;;
-      const logoutCompletedEmitMock = { emit: vi.fn() } as unknown as EventEmitter<void>;;
+      const loginCompleted = { emit: vi.fn() } as unknown as EventEmitter<void>;
+      const logoutCompletedEmitMock = { emit: vi.fn() } as unknown as EventEmitter<void>;
 
       const currentState = provider.determineCurrentState(undefined, loginCompleted, logoutCompletedEmitMock);
 
diff --git a/projects/ui-components/lf-login/login-utils/cloud-login-provider.ts b/projects/ui-components/lf-login/login-utils/cloud-login-provider.ts
index a3a3f868..c0b371b4 100644
--- a/projects/ui-components/lf-login/login-utils/cloud-login-provider.ts
+++ b/projects/ui-components/lf-login/login-utils/cloud-login-provider.ts
@@ -1,7 +1,7 @@
 // Copyright Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { EventEmitter, Injectable } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import { LoginProvider } from './login-provider';
 import { DomainUtils, TokenClient } from '@laserfiche/lf-api-client-core';
 import { LfLoginService } from './lf-login.service';
@@ -9,10 +9,6 @@ import { AuthorizationCredentials } from './lf-login-types';
 import { RedirectUriQueryParams } from './lf-login-internal-types';
 import { LoginState } from '@laserfiche/lf-ui-components/shared';
 
-/** @internal */
-@Injectable({
-  providedIn: 'root',
-})
 export class CloudLoginProvider implements LoginProvider {
   readonly CLOUDDEV = 'clouddev';
   readonly CLOUDTEST = 'cloudtest';
@@ -77,7 +73,7 @@ export class CloudLoginProvider implements LoginProvider {
   determineCurrentState(
     callBackURIParams: RedirectUriQueryParams | undefined,
     loginCompleted: EventEmitter<void>,
-    logoutCompleted: EventEmitter<void>,
+    logoutCompleted: EventEmitter<void>
   ): LoginState {
     const storedAccessToken = localStorage.getItem(this.lfLoginService.accessTokenStorageKey!);
     const storedAccountEndpoints = localStorage.getItem(this.lfLoginService.accountEndpointsStorageKey);
diff --git a/projects/ui-components/lf-login/login-utils/self-hosted-login-provider.spec.ts b/projects/ui-components/lf-login/login-utils/self-hosted-login-provider.spec.ts
index cae5c6c0..3b362333 100644
--- a/projects/ui-components/lf-login/login-utils/self-hosted-login-provider.spec.ts
+++ b/projects/ui-components/lf-login/login-utils/self-hosted-login-provider.spec.ts
@@ -4,7 +4,6 @@
 import { SelfHostedTokenClient } from '@laserfiche/lf-api-client-core';
 import { LfLoginService } from './lf-login.service';
 import { AccountEndpoints, AuthorizationCredentials } from './lf-login-types';
-import { TestBed } from '@angular/core/testing';
 import { EventEmitter } from '@angular/core';
 import { LoginState } from '@laserfiche/lf-ui-components/shared';
 import { SelfHostedLoginProvider } from './self-hosted-login-provider';
@@ -25,24 +24,19 @@ const accountEndpointsMock: AccountEndpoints = {
 
 describe('SelfHostedLoginProvider', () => {
   let provider: SelfHostedLoginProvider;
-  const lfLoginServiceMock: jasmine.SpyObj<LfLoginService> = jasmine.createSpyObj(
-    'LfLoginService',
-    [
-      'storeAccessToken',
-      'storeAccountEndpoints',
-      'storeAccountInfo',
-      'extractCodeFromUrl',
-      'extractErrorFromUrl',
-      'accessTokenStorageKey',
-    ],
-    {
-      self_hosted_base_url: 'https://example.com',
-      self_hosted_account_endpoints: accountEndpointsMock,
-    },
-  );
+  let lfLoginServiceMock: Partial<LfLoginService>;
 
   beforeEach(() => {
-    provider = new SelfHostedLoginProvider(lfLoginServiceMock, 'repository-id');
+    lfLoginServiceMock = {
+      storeAccessToken: vi.fn(),
+      storeAccountInfo: vi.fn(),
+      storeAccountEndpoints: vi.fn(),
+      extractCodeFromUrl: vi.fn(),
+      extractErrorFromUrl: vi.fn(),
+      accessTokenStorageKey: 'mock-storage-key',
+    };
+
+    provider = new SelfHostedLoginProvider(lfLoginServiceMock as LfLoginService, 'mock-repository-id');
   });
 
   describe('getTokenClient', () => {
@@ -54,6 +48,7 @@ describe('SelfHostedLoginProvider', () => {
 
   describe('getBaseAuthorizeUrl', () => {
     it('should return the base authorize URL when last OAuth authorize URL exist and host name does not include dev and test environments', () => {
+      lfLoginServiceMock.self_hosted_account_endpoints = accountEndpointsMock;
       const baseAuthorizeUrl = provider.getBaseAuthorizeUrl();
       expect(baseAuthorizeUrl).toBe(accountEndpointsMock.oauthAuthorizeUrl);
     });
@@ -65,19 +60,19 @@ describe('SelfHostedLoginProvider', () => {
         accessToken: 'test-access',
         expiresIn: '3600',
         tokenType: 'bearer',
+        refreshToken: 'refresh-token',
       };
 
       provider.storeInLocalStorage(accessTokenCredentials, '', '');
 
       expect(lfLoginServiceMock.storeAccessToken).toHaveBeenCalledWith(accessTokenCredentials);
-      expect(lfLoginServiceMock.storeAccountEndpoints).toHaveBeenCalledWith(accountEndpointsMock);
       expect(lfLoginServiceMock.storeAccountInfo).not.toHaveBeenCalled();
     });
   });
 
   describe('exchangeRedirectUriQueryParams', () => {
     it('should return RedirectUriQueryParams with authorization code', () => {
-      lfLoginServiceMock.extractCodeFromUrl.and.returnValue('abc');
+      lfLoginServiceMock.extractCodeFromUrl = vi.fn().mockReturnValue('abc');
       const url = new URL('https://example.com/callback?code=abc&domain=example.com');
 
       const redirectUriQueryParams = provider.exchangeRedirectUriQueryParams(url);
@@ -88,8 +83,8 @@ describe('SelfHostedLoginProvider', () => {
     });
 
     it('should return RedirectUriQueryParams with error when available', () => {
-      lfLoginServiceMock.extractCodeFromUrl.and.returnValue(undefined);
-      lfLoginServiceMock.extractErrorFromUrl.and.returnValue({ name: 'xyz', description: 'unknown' });
+      lfLoginServiceMock.extractCodeFromUrl = vi.fn().mockReturnValue(undefined);
+      lfLoginServiceMock.extractErrorFromUrl = vi.fn().mockReturnValue({ name: 'xyz', description: 'unknown' });
       const url = new URL('https://example.com/callback?error=xyz');
 
       const redirectUriQueryParams = provider.exchangeRedirectUriQueryParams(url);
@@ -100,8 +95,8 @@ describe('SelfHostedLoginProvider', () => {
     });
 
     it('should return undefined when particular query parameters are missing', () => {
-      lfLoginServiceMock.extractCodeFromUrl.and.returnValue(undefined);
-      lfLoginServiceMock.extractErrorFromUrl.and.returnValue(undefined);
+      lfLoginServiceMock.extractCodeFromUrl = vi.fn().mockReturnValue(undefined);
+      lfLoginServiceMock.extractErrorFromUrl = vi.fn().mockReturnValue(undefined);
       const url = new URL('https://example.com/callback?somthing=else');
 
       const redirectUriQueryParams = provider.exchangeRedirectUriQueryParams(url);
@@ -112,20 +107,18 @@ describe('SelfHostedLoginProvider', () => {
 
   describe('determineCurrentState', () => {
     it('should return LoginState.LoggedIn when access token and account information are stored in local storage', () => {
-      const loginService = TestBed.inject(LfLoginService);
-      spyOnProperty(loginService, 'accessTokenStorageKey', 'get').and.returnValue('access-token-key');
-      spyOnProperty(loginService, 'accountEndpointsStorageKey', 'get').and.returnValue('account-endpoints-value');
+      // Reset mocks
+      lfLoginServiceMock.storeAccessToken = vi.fn().mockClear();
 
-      const loginCompleteEmitMock = jasmine.createSpyObj('EventEmitter', ['emit']);
-      const logoutCompleted = new EventEmitter();
+      const loginCompleteEmitMock = { emit: vi.fn() } as unknown as EventEmitter<void>;
+      const logoutCompleted = {} as unknown as EventEmitter<void>;
 
-      spyOn(localStorage, 'getItem').and.returnValues('access-token-value', 'account-endpoints-value');
+      localStorage.getItem = vi
+        .fn()
+        .mockReturnValueOnce('access-token-value')
+        .mockReturnValueOnce('account-endpoints-value');
 
-      spyOn(JSON, 'parse')
-        .withArgs('access-token-value')
-        .and.returnValue(authorizationCredentialsMock)
-        .withArgs('account-endpoints-value')
-        .and.returnValue(accountEndpointsMock);
+      JSON.parse = vi.fn().mockReturnValueOnce(authorizationCredentialsMock).mockReturnValueOnce(accountEndpointsMock);
 
       const currentState = provider.determineCurrentState(undefined, loginCompleteEmitMock, logoutCompleted);
 
@@ -144,8 +137,8 @@ describe('SelfHostedLoginProvider', () => {
     });
 
     it('should return LoginState.LoggedOut when no access token or account endpoints are stored in local storage', () => {
-      const loginCompleted = new EventEmitter();
-      const logoutCompletedEmitMock = jasmine.createSpyObj('EventEmitter', ['emit']);
+      const loginCompleted = { emit: vi.fn() } as unknown as EventEmitter<void>;
+      const logoutCompletedEmitMock = { emit: vi.fn() } as unknown as EventEmitter<void>;
 
       const currentState = provider.determineCurrentState(undefined, loginCompleted, logoutCompletedEmitMock);
 
@@ -156,7 +149,7 @@ describe('SelfHostedLoginProvider', () => {
 
   describe('logoutInitiatedViaUrl', () => {
     it('should emit the provided URL when logout initiated via URL', () => {
-      const emitSpy = jasmine.createSpy('emit');
+      const emitSpy = vi.fn();
       const url = 'https://example.com/logout';
 
       provider.logoutInitiatedViaUrl(url, { emit: emitSpy });
@@ -166,7 +159,7 @@ describe('SelfHostedLoginProvider', () => {
     });
 
     it('should not emit when URL is undefined', () => {
-      const emitSpy = jasmine.createSpy('emit');
+      const emitSpy = vi.fn();
       provider.logoutInitiatedViaUrl(undefined, { emit: emitSpy });
 
       expect(emitSpy).not.toHaveBeenCalled();
diff --git a/projects/ui-components/lf-login/login-utils/self-hosted-login-provider.ts b/projects/ui-components/lf-login/login-utils/self-hosted-login-provider.ts
index 231d615c..f0d22536 100644
--- a/projects/ui-components/lf-login/login-utils/self-hosted-login-provider.ts
+++ b/projects/ui-components/lf-login/login-utils/self-hosted-login-provider.ts
@@ -1,7 +1,7 @@
 // Copyright Laserfiche.
 // Licensed under the MIT License. See LICENSE in the project root for license information.
 
-import { EventEmitter, Inject, Injectable } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import { LoginProvider } from './login-provider';
 import { LfLoginService } from './lf-login.service';
 import { SelfHostedTokenClient } from '@laserfiche/lf-api-client-core';
@@ -10,18 +10,15 @@ import { RedirectUriQueryParams } from './lf-login-internal-types';
 import { LoginState } from '@laserfiche/lf-ui-components/shared';
 
 /** @internal */
-@Injectable({
-  providedIn: 'root',
-})
 export class SelfHostedLoginProvider implements LoginProvider {
   constructor(
     private lfLoginService: LfLoginService,
-    @Inject('repositoryId') private readonly repositoryId: string,
+    private readonly repositoryId: string
   ) {}
 
   getTokenClient() {
     return new SelfHostedTokenClient(
-      `${this.lfLoginService.self_hosted_base_url}/v2/Repositories/${this.repositoryId}/Token`,
+      `${this.lfLoginService.self_hosted_base_url}/v2/Repositories/${this.repositoryId}/Token`
     );
   }
 
@@ -52,7 +49,7 @@ export class SelfHostedLoginProvider implements LoginProvider {
   determineCurrentState(
     callBackURIParams: RedirectUriQueryParams | undefined,
     loginCompleted: EventEmitter<void>,
-    logoutCompleted: EventEmitter<void>,
+    logoutCompleted: EventEmitter<void>
   ): LoginState {
     const storedAccessToken = localStorage.getItem(this.lfLoginService.accessTokenStorageKey!);
     const storedAccountEndpoints = localStorage.getItem(this.lfLoginService.accountEndpointsStorageKey);

From b55fb114df3d1f5c461886f908c52c89e650ce43 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Fri, 20 Mar 2026 18:24:46 +0200
Subject: [PATCH 36/43] Update self-hosted login to latest Angular 21

---
 CHANGELOG.md                                  |  2 +
 package-lock.json                             | 51 +++++++++--
 .../lf-login-documentation.component.html     | 25 ++++--
 .../lf-checklist/items/items.component.css    |  9 +-
 .../lf-login/lf-login.component.spec.ts       |  5 +-
 .../login-utils/cloud-login-provider.ts       |  1 +
 .../login-utils/lf-login.service.spec.ts      |  8 +-
 .../lf-login/login-utils/lf-login.service.ts  |  4 +-
 .../lf-login/login-utils/login-provider.ts    |  4 +-
 .../lf-field-group.component.ts               | 17 +++-
 .../lf-field/lf-field.component.ts            | 10 +--
 .../lf-metadata/lf-metadata-public-api.ts     |  1 +
 projects/ui-components/package-lock.json      | 89 +++----------------
 projects/ui-components/projects.ts            |  1 +
 14 files changed, 110 insertions(+), 117 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index df8f5d97..dc2e50e5 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,8 +1,10 @@
 <!--Copyright Laserfiche.
 Licensed under the MIT License. See LICENSE in the project root for license information.-->
+
 ## 18.0.7
 
 ### Features
+
 - Add support for self-hosted repository login functionality.
 
 ## 18.0.6
diff --git a/package-lock.json b/package-lock.json
index f7a8cd50..916967bb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -287,6 +287,7 @@
       "integrity": "sha512-6ttSrMFBYwvS5JfovagfhkLaje1RjzztIniBWtH5G8wc6vrud77/sRJWVaVC4Ri4XRBTQ2kG5thSDumccX1B7g==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "tinyglobby": "^0.2.14",
         "ts-morph": "^21.0.0"
@@ -337,6 +338,7 @@
       "integrity": "sha512-CDvFtXwyBtMRkTQnm+LfBNLL0yLV8ZGskrM1T6VkcGwXGFDott1FxUdj96ViodYsYL5fbJr0MNA6TlLcanV3kQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@angular-devkit/core": "21.2.2",
         "rxjs": "7.8.2"
@@ -356,6 +358,7 @@
       "integrity": "sha512-+KaqvraSGvhnSL3fUazHR8297k6lv/pzhV1p2x2mb6r5FyzD/HjYIP2fiIB2DII36YOVli2mgECoY3CmWj6n8Q==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@ampproject/remapping": "2.3.0",
         "@angular-devkit/architect": "0.2102.2",
@@ -537,6 +540,7 @@
       "integrity": "sha512-CCeyQxGUq+oyGnHd7PfcYIVbj9pRnqjQq0rAojoAqs1BJdtInx9weLBCLy+AjM3NHePeZrnwm+wEVr8apED8kg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@angular-devkit/core": "21.2.2",
         "jsonc-parser": "3.3.1",
@@ -635,6 +639,7 @@
       "integrity": "sha512-ysyou1zAY6M6rSZNdIcYKGd4nk6TCapamyFNB3ivmTlVZ0O35TS9o/rJ0aUttuHgDp+Ysgs3ql+LA746PXgCyQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@angular-eslint/bundled-angular-compiler": "21.3.0",
         "eslint-scope": "^9.1.1"
@@ -681,6 +686,7 @@
       "integrity": "sha512-Vq2eIneNxzhHm1MwEmRqEJDwHU9ODfSRDaMWwtysGMhpoMQmLdfTqkQDmkC2qVUr8mV8Z1i5I+oe5ZJaMr/PlQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@ampproject/remapping": "2.3.0",
         "@angular-devkit/architect": "0.2102.2",
@@ -798,6 +804,7 @@
       "integrity": "sha512-eZo8/qX+ZIpIWc0CN+cCX13Lbgi/031wAp8DRVhDDO6SMVtcr/ObOQ2S16+pQdOMXxiG3vby6IhzJuz9WACzMQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@angular-devkit/architect": "0.2102.2",
         "@angular-devkit/core": "21.2.2",
@@ -1041,6 +1048,7 @@
       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
       "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.29.0",
         "@babel/generator": "^7.29.0",
@@ -3594,6 +3602,7 @@
       "integrity": "sha512-Dx/y9bCQcXLI5ooQ5KyvA4FTgeo2jYj/7plWfV5Ak5wDPKQZgudKez2ixyfz7tKXzcJciTxqLeK7R9HItwiByg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@inquirer/checkbox": "^4.3.2",
         "@inquirer/confirm": "^5.1.21",
@@ -7135,6 +7144,7 @@
       "integrity": "sha512-XZzOmihLIr8AD1b9hL9ccNMzEMWt/dE2u7NyTY9jJG6YNiNthaD5XtUHVF2uCXZ15ng+z2hT3MVuxnUYhq6k1g==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.57.0",
         "@typescript-eslint/types": "8.57.0",
@@ -7242,6 +7252,7 @@
       "integrity": "sha512-dTLI8PEXhjUC7B9Kre+u0XznO696BhXcTlOn0/6kf1fHaQW8+VjJAVHJ3eTI14ZapTxdkOmc80HblPQLaEeJdg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
@@ -7284,6 +7295,7 @@
       "integrity": "sha512-5iIHvpD3CZe06riAsbNxxreP+MuYgVUsV0n4bwLH//VJmgtt54sQeY2GszntJ4BjYCpMzrfVh2SBnUQTtys2lQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.9.1",
         "@typescript-eslint/scope-manager": "8.57.0",
@@ -7375,6 +7387,7 @@
       "integrity": "sha512-2RU7pZELY9/aVMLmABNy1HeZ4FX23FXGY1jRuHLHgWa2zaAE49aNW2GLzebW+BmbTZIKKyFF1QXvk7DEWViUCQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@vitest/browser": "4.1.0",
         "@vitest/mocker": "4.1.0",
@@ -7725,6 +7738,7 @@
       "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -7800,6 +7814,7 @@
       "integrity": "sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.3",
         "fast-uri": "^3.0.1",
@@ -8585,6 +8600,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.9.0",
         "caniuse-lite": "^1.0.30001759",
@@ -8823,6 +8839,7 @@
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
       "integrity": "sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "readdirp": "^5.0.0"
       },
@@ -9471,6 +9488,7 @@
       "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.1.0.tgz",
       "integrity": "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==",
       "license": "MIT",
+      "peer": true,
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/kossnocorp"
@@ -9622,7 +9640,8 @@
       "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.1581282.tgz",
       "integrity": "sha512-nv7iKtNZQshSW2hKzYNr46nM/Cfh5SEvE2oV0/SEGgc9XupIY5ggf84Cz8eJIkBce7S3bmTAauFD6aysMpnqsQ==",
       "dev": true,
-      "license": "BSD-3-Clause"
+      "license": "BSD-3-Clause",
+      "peer": true
     },
     "node_modules/diff": {
       "version": "8.0.3",
@@ -10029,6 +10048,7 @@
       "integrity": "sha512-COV33RzXZkqhG9P2rZCFl9ZmJ7WL+gQSCRzE7RhkbclbQPtLAWReL7ysA0Sh4c8Im2U9ynybdR56PV0XcKvqaQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.2",
@@ -10376,6 +10396,7 @@
       "integrity": "sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "accepts": "^2.0.0",
         "body-parser": "^2.2.1",
@@ -10763,7 +10784,8 @@
       "version": "4.6.13",
       "resolved": "https://registry.npmjs.org/flatpickr/-/flatpickr-4.6.13.tgz",
       "integrity": "sha512-97PMG/aywoYpB4IvbvUJi0RQi8vearvU0oov1WW3k0WZPBMrTQVqekSX5CjSG/M4Q3i6A/0FKXC7RyAoAUUSPw==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/flatted": {
       "version": "3.4.1",
@@ -11475,6 +11497,7 @@
       "integrity": "sha512-VJCEvtrezO1IAR+kqEYnxUOoStaQPGrCmX3j4wDTNOcD1uRPFpGlwQUIW8niPuvHXaTUxeOUl5MMDGrl+tmO9A==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=16.9.0"
       }
@@ -12377,7 +12400,6 @@
       "resolved": "https://registry.npmjs.org/jsrsasign/-/jsrsasign-11.1.1.tgz",
       "integrity": "sha512-6w95OOXH8DNeGxakqLndBEqqwQ6A70zGaky1oxfg8WVLWOnghTfJsc5Tknx+Z88MHSb1bGLcqQHImOF8Lk22XA==",
       "license": "MIT",
-      "peer": true,
       "funding": {
         "url": "https://github.com/kjur/jsrsasign#donations"
       }
@@ -12386,7 +12408,6 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/jsrsasign-util/-/jsrsasign-util-1.0.5.tgz",
       "integrity": "sha512-e5Kp8aaT5GH2c5X8j4uaJruYmT4GcnaGb47nw8m60YqPywtnOtTISZ9hZgtZ3a+jh7B27bU2LCf3Y32wZyfhtQ==",
-      "peer": true,
       "dependencies": {
         "jsonc-parser": ">= 0.0.1",
         "jsrsasign": ">= 4.8.2"
@@ -12459,6 +12480,7 @@
       "integrity": "sha512-j1n1IuTX1VQjIy3tT7cyGbX7nvQOsFLoIqobZv4ttI5axP923gA44zUj6miiA6R5Aoms4sEGVIIcucXUbRI14g==",
       "dev": true,
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "copy-anything": "^2.0.1",
         "parse-node-version": "^1.0.1",
@@ -12582,6 +12604,7 @@
       "integrity": "sha512-ME4Fb83LgEgwNw96RKNvKV4VTLuXfoKudAmm2lP8Kk87KaMK0/Xrx/aAkMWmT8mDb+3MlFDspfbCs7adjRxA2g==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "cli-truncate": "^5.0.0",
         "colorette": "^2.0.20",
@@ -12730,7 +12753,8 @@
       "version": "4.17.23",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.23.tgz",
       "integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/lodash.debounce": {
       "version": "4.0.8",
@@ -13472,6 +13496,7 @@
       "integrity": "sha512-ASlXEboqt+ZgKzNPx3YCr924xqQRFA5qgm77GHf0Fm13hx7gVFYVm6WCdYZyeX/p9NJjFWAL+mIMfhsx2SHKoA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@ampproject/remapping": "^2.3.0",
         "@rollup/plugin-json": "^6.1.0",
@@ -14465,7 +14490,6 @@
       "integrity": "sha512-vA30H8Nvkq/cPBnNw4Q8TWz1EJyqgpuinBcHET0YVJVFldr8JDNiU9LaWAE1KqSkRYazuaBhTpB5ZzShOezQ6A==",
       "dev": true,
       "license": "Apache-2.0",
-      "peer": true,
       "dependencies": {
         "playwright-core": "1.58.2"
       },
@@ -14485,7 +14509,6 @@
       "integrity": "sha512-yZkEtftgwS8CsfYo7nm0KE8jsvm6i/PTgVtB8DL726wNf6H2IMsDuxCpJj59KDaxCtSnrWan2AeDqM7JBaultg==",
       "dev": true,
       "license": "Apache-2.0",
-      "peer": true,
       "bin": {
         "playwright-core": "cli.js"
       },
@@ -14504,7 +14527,6 @@
       "os": [
         "darwin"
       ],
-      "peer": true,
       "engines": {
         "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
       }
@@ -14539,6 +14561,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "nanoid": "^3.3.11",
         "picocolors": "^1.1.1",
@@ -15364,6 +15387,7 @@
       "integrity": "sha512-2oMpl67a3zCH9H79LeMcbDhXW/UmWG/y2zuqnF2jQq5uq9TbM9TVyXvA4+t+ne2IIkBdrLpAaRQAvo7YI/Yyeg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/estree": "1.0.8"
       },
@@ -15495,6 +15519,7 @@
       "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
       "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "tslib": "^2.1.0"
       }
@@ -16869,7 +16894,8 @@
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-      "license": "0BSD"
+      "license": "0BSD",
+      "peer": true
     },
     "node_modules/tsyringe": {
       "version": "4.10.0",
@@ -16954,6 +16980,7 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "devOptional": true,
       "license": "Apache-2.0",
+      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -16968,6 +16995,7 @@
       "integrity": "sha512-W8GcigEMEeB07xEZol8oJ26rigm3+bfPHxHvwbYUlu1fUDsGuQ7Hiskx5xGW/xM4USc9Ephe3jtv7ZYPQntHeA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@typescript-eslint/eslint-plugin": "8.57.0",
         "@typescript-eslint/parser": "8.57.0",
@@ -17346,6 +17374,7 @@
       "integrity": "sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "esbuild": "^0.27.0",
         "fdir": "^6.5.0",
@@ -17421,6 +17450,7 @@
       "integrity": "sha512-YbDrMF9jM2Lqc++2530UourxZHmkKLxrs4+mYhEwqWS97WJ7wOYEkcr+QfRgJ3PW9wz3odRijLZjHEaRLTNbqw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@vitest/expect": "4.1.0",
         "@vitest/mocker": "4.1.0",
@@ -17542,6 +17572,7 @@
       "integrity": "sha512-dRXm0a2qcHPUBEzVk8uph0xWSjV/xZxenQQbLwnwP7caQCYpqG1qddwlyEkIDkYn0K8tvmcrZ+bOrzoQ3HxCDw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/eslint-scope": "^3.7.7",
         "@types/estree": "^1.0.8",
@@ -17621,6 +17652,7 @@
       "integrity": "sha512-9Gyu2F7+bg4Vv+pjbovuYDhHX+mqdqITykfzdM9UyKqKHlsE5aAjRhR+oOEfXW5vBeu8tarzlJFIZva4ZjAdrQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/bonjour": "^3.5.13",
         "@types/connect-history-api-fallback": "^1.5.4",
@@ -18520,6 +18552,7 @@
       "integrity": "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }
diff --git a/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.html b/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.html
index a115cbe8..ed865008 100644
--- a/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.html
+++ b/projects/lf-documentation/src/app/lf-login-documentation/lf-login-documentation.component.html
@@ -204,8 +204,8 @@
     <td>scope</td>
     <td>string</td>
     <td>
-      (optional) scope is passed to OAuth service, will determine which rights are requested from user and what the API able to
-      access with the corresponding token
+      (optional) scope is passed to OAuth service, will determine which rights are requested from user and what the API
+      able to access with the corresponding token
     </td>
   </tr>
   <tr>
@@ -221,12 +221,17 @@
   <tr>
     <td>login_type</td>
     <td>LoginType</td>
-    <td>specify the login type of the component. Possible values are "Cloud" and "Self-Hosted". Default value is "Cloud"</td>
+    <td>
+      specify the login type of the component. Possible values are "Cloud" and "Self-Hosted". Default value is "Cloud"
+    </td>
   </tr>
   <tr>
     <td>login_identifier</td>
     <td>string</td>
-    <td>specify the login identifier for the component. Typically, this is the <i>client_id</i> for cloud-base login or the repository name for self-hosted environments</td>
+    <td>
+      specify the login identifier for the component. Typically, this is the <i>client_id</i> for cloud-base login or
+      the repository name for self-hosted environments
+    </td>
   </tr>
 </table>
 <br />
@@ -284,17 +289,19 @@
     <td>initLoginFlowAsync</td>
     <td>() => Promise&lt;string | undefined&gt;</td>
     <td>
-      Triggers the cloud login flow to begin. This creates a Cloud login provider instance. The use case for this is if you want to start the login flow on page load, rather
-      than making the user click the button. If the user is already logged in, the function will return the current
-      access token. If the user is not logged in, it will return undefined and start the OAuth login flow.
+      Triggers the cloud login flow to begin. This creates a Cloud login provider instance. The use case for this is if
+      you want to start the login flow on page load, rather than making the user click the button. If the user is
+      already logged in, the function will return the current access token. If the user is not logged in, it will return
+      undefined and start the OAuth login flow.
     </td>
   </tr>
   <tr>
     <td>initSelfHostedLoginFlowAsync</td>
     <td>() => Promise&lt;string | undefined&gt;</td>
     <td>
-      Triggers the self-hosted login flow to begin. This creates a Self-Hosted login provider instance. The rest of the flow is the same as initLoginFlowAsync,
-      but this function should be used if you are using the component in a self-hosted environment.
+      Triggers the self-hosted login flow to begin. This creates a Self-Hosted login provider instance. The rest of the
+      flow is the same as initLoginFlowAsync, but this function should be used if you are using the component in a
+      self-hosted environment.
     </td>
   </tr>
   <tr>
diff --git a/projects/ui-components/lf-checklist/items/items.component.css b/projects/ui-components/lf-checklist/items/items.component.css
index f84ee14a..9fd7ac11 100644
--- a/projects/ui-components/lf-checklist/items/items.component.css
+++ b/projects/ui-components/lf-checklist/items/items.component.css
@@ -74,10 +74,11 @@
   font-size: 14px;
 }
 
-::ng-deep mat-form-field.lf-checklist-field >
-.mat-mdc-text-field-wrapper >
-.mat-mdc-form-field-flex >
-.mat-mdc-form-field-infix {
+::ng-deep
+  mat-form-field.lf-checklist-field
+  > .mat-mdc-text-field-wrapper
+  > .mat-mdc-form-field-flex
+  > .mat-mdc-form-field-infix {
   min-height: 28px !important;
   padding: 4px 0;
 }
diff --git a/projects/ui-components/lf-login/lf-login.component.spec.ts b/projects/ui-components/lf-login/lf-login.component.spec.ts
index 2caef5e9..71b1405c 100644
--- a/projects/ui-components/lf-login/lf-login.component.spec.ts
+++ b/projects/ui-components/lf-login/lf-login.component.spec.ts
@@ -46,7 +46,7 @@ describe('LfLoginComponent', () => {
     } as any;
 
     component.parseCallbackURI(
-      'https://testurl.com/hi?code=auth-code&state=lf-login-redirect&domain=laserfiche.com&customerId=123456789',
+      'https://testurl.com/hi?code=auth-code&state=lf-login-redirect&domain=laserfiche.com&customerId=123456789'
     );
     expect(mockExchangeRedirectUriQueryParams).toHaveBeenCalled();
   });
@@ -74,7 +74,7 @@ describe('LfLoginComponent', () => {
 
     const authUrl = component.getAuthorizeUrl();
     expect(authUrl).toEqual(
-      'https://signin.laserfiche.com/oauth/Authorize?redirect_uri=undefined&response_type=code&response_mode=query&state=lf-login-redirect&code_challenge=undefined&code_challenge_method=S256',
+      'https://signin.laserfiche.com/oauth/Authorize?redirect_uri=undefined&response_type=code&response_mode=query&state=lf-login-redirect&code_challenge=undefined&code_challenge_method=S256'
     );
   });
 
@@ -103,7 +103,6 @@ describe('LfLoginComponent', () => {
     });
   });
 
-
   it('concatStrings should return second string when no first string', () => {
     expect(component.concatStrings(undefined, 'test')).toEqual('test');
   });
diff --git a/projects/ui-components/lf-login/login-utils/cloud-login-provider.ts b/projects/ui-components/lf-login/login-utils/cloud-login-provider.ts
index c0b371b4..46a9d0b5 100644
--- a/projects/ui-components/lf-login/login-utils/cloud-login-provider.ts
+++ b/projects/ui-components/lf-login/login-utils/cloud-login-provider.ts
@@ -9,6 +9,7 @@ import { AuthorizationCredentials } from './lf-login-types';
 import { RedirectUriQueryParams } from './lf-login-internal-types';
 import { LoginState } from '@laserfiche/lf-ui-components/shared';
 
+/** @internal */
 export class CloudLoginProvider implements LoginProvider {
   readonly CLOUDDEV = 'clouddev';
   readonly CLOUDTEST = 'cloudtest';
diff --git a/projects/ui-components/lf-login/login-utils/lf-login.service.spec.ts b/projects/ui-components/lf-login/login-utils/lf-login.service.spec.ts
index dcbdc708..463602c7 100644
--- a/projects/ui-components/lf-login/login-utils/lf-login.service.spec.ts
+++ b/projects/ui-components/lf-login/login-utils/lf-login.service.spec.ts
@@ -14,7 +14,7 @@ describe('LfLoginService', () => {
     localStorage.clear();
 
     await TestBed.configureTestingModule({
-      providers: [LfLoginService]
+      providers: [LfLoginService],
     }).compileComponents();
 
     service = TestBed.inject(LfLoginService);
@@ -40,8 +40,8 @@ describe('LfLoginService', () => {
     await service.exchangeCodeForTokenAsync({
       error: {
         description: 'Test error description',
-        name: 'Test error name'
-      }
+        name: 'Test error name',
+      },
     });
 
     expect(mockEmit).toHaveBeenCalled();
@@ -113,7 +113,7 @@ describe('LfLoginService', () => {
       service.getExchangeCodeSuccessResponse({
         token_type: 'bearer',
         refresh_token: 'test-refresh',
-      }),
+      })
     ).toThrow();
   });
 
diff --git a/projects/ui-components/lf-login/login-utils/lf-login.service.ts b/projects/ui-components/lf-login/login-utils/lf-login.service.ts
index 7d8482d4..212463e2 100644
--- a/projects/ui-components/lf-login/login-utils/lf-login.service.ts
+++ b/projects/ui-components/lf-login/login-utils/lf-login.service.ts
@@ -117,13 +117,13 @@ export class LfLoginService {
             this.redirect_uri,
             this.client_id,
             undefined,
-            this.code_verifier,
+            this.code_verifier
           );
           const accessToken = await this.parseTokenResponseAsync(response);
           this.loginProvider?.storeInLocalStorage(
             accessToken!,
             callBackURIParams.customerId!,
-            callBackURIParams.cloudSubDomain!,
+            callBackURIParams.cloudSubDomain!
           );
           this._state = LoginState.LoggedIn;
           console.info('state changed to LoggedIn');
diff --git a/projects/ui-components/lf-login/login-utils/login-provider.ts b/projects/ui-components/lf-login/login-utils/login-provider.ts
index 24219ff2..d8354e4f 100644
--- a/projects/ui-components/lf-login/login-utils/login-provider.ts
+++ b/projects/ui-components/lf-login/login-utils/login-provider.ts
@@ -33,7 +33,7 @@ export interface LoginProvider {
   storeInLocalStorage(
     accessTokenCredentials: AuthorizationCredentials,
     accountId: string,
-    regionalDomain: string,
+    regionalDomain: string
   ): void;
 
   /**
@@ -56,7 +56,7 @@ export interface LoginProvider {
   determineCurrentState(
     callBackURIParams: RedirectUriQueryParams | undefined,
     loginCompleted: { emit: () => void },
-    logoutCompleted: { emit: () => void },
+    logoutCompleted: { emit: () => void }
   ): LoginState;
 
   /**
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.ts b/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.ts
index e764708b..49b75e9c 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/lf-field-group/lf-field-group.component.ts
@@ -40,7 +40,7 @@ export class LfFieldGroupComponent {
   /**@internal */
   private fb = inject(FormBuilder);
   /**@internal */
-  private cdr = inject(ChangeDetectorRef);
+  private ref = inject(ChangeDetectorRef);
   /**@internal */
   localizationService = inject(AppLocalizationService);
 
@@ -84,7 +84,7 @@ export class LfFieldGroupComponent {
     this.groupId = fieldDefinitions[0]?.fieldInfo?.groupId ?? 0;
     this.dynamicFieldOptions = dynamicFieldOptions;
     this.setFieldGroups(fieldDefinitions);
-    this.cdr.detectChanges();
+    this.ref.detectChanges();
   };
 
   /** @internal */
@@ -128,7 +128,7 @@ export class LfFieldGroupComponent {
   @Input()
   showLoader(index: number) {
     this.showLoaderIndex = index;
-    this.cdr.detectChanges();
+    this.ref.detectChanges();
   }
 
   /** @internal */
@@ -152,6 +152,7 @@ export class LfFieldGroupComponent {
       });
       this.fieldGroups.push(formGroup);
     }
+    this.ref.detectChanges();
   }
 
   /** @internal */
@@ -170,6 +171,7 @@ export class LfFieldGroupComponent {
     this.updateFieldValues(fieldInfo, initialValue, fieldNumber);
     const formControl = new FormControl(initialValue ?? '');
     formGroup.addControl(fieldInfo.id.toString(), formControl);
+    this.ref.detectChanges();
   }
 
   /** @internal */
@@ -188,6 +190,7 @@ export class LfFieldGroupComponent {
       };
       this.fieldValues.set(fieldInfo.id, newConfig);
     }
+    this.ref.detectChanges();
   }
 
   /** @internal */
@@ -199,6 +202,7 @@ export class LfFieldGroupComponent {
     if (fieldValue) {
       this.fieldValuesChanged.emit({ fieldValue, indicesChanged: [indexChanged] });
     }
+    this.ref.detectChanges();
   }
 
   /** @internal */
@@ -243,6 +247,7 @@ export class LfFieldGroupComponent {
         this.fieldValuesChanged.emit({ fieldValue, indicesChanged });
       }
     });
+    this.ref.detectChanges();
   }
 
   /** @internal */
@@ -265,6 +270,7 @@ export class LfFieldGroupComponent {
         this.fieldValuesChanged.emit({ fieldValue, indicesChanged });
       }
     });
+    this.ref.detectChanges();
   }
 
   /** @internal */
@@ -272,6 +278,7 @@ export class LfFieldGroupComponent {
     fieldValue?.values?.forEach((value, currIndex) => {
       value['position'] = (currIndex + 1).toString();
     });
+    this.ref.detectChanges();
   }
 
   /** @internal */
@@ -302,7 +309,7 @@ export class LfFieldGroupComponent {
       }
     });
     this.fieldGroups.insert(currentIndex + 1, formGroup);
-    this.cdr.detectChanges();
+    this.ref.detectChanges();
   }
 
   /** @internal */
@@ -320,6 +327,7 @@ export class LfFieldGroupComponent {
         this.fieldValuesChanged.emit({ fieldValue, indicesChanged: [currentIndex, currentIndex - 1] });
       }
     });
+    this.ref.detectChanges();
   }
 
   /** @internal */
@@ -337,5 +345,6 @@ export class LfFieldGroupComponent {
         this.fieldValuesChanged.emit({ fieldValue, indicesChanged: [currentIndex, currentIndex + 1] });
       }
     });
+    this.ref.detectChanges();
   }
 }
diff --git a/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.ts b/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.ts
index 5aaf7230..28870f9a 100644
--- a/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.ts
+++ b/projects/ui-components/lf-metadata/field-components/lf-field/lf-field.component.ts
@@ -30,7 +30,7 @@ export class LfFieldComponent {
   /**@internal */
   private fb = inject(FormBuilder);
   /**@internal */
-  private cdr = inject(ChangeDetectorRef);
+  private ref = inject(ChangeDetectorRef);
 
   /** @internal */
   lfFieldInfo!: LfFieldInfo;
@@ -96,7 +96,7 @@ export class LfFieldComponent {
       this.showField = true;
     }
     this.dynamicFieldValueOptions = dynamicFieldValueOptions;
-    this.cdr.detectChanges();
+    this.ref.detectChanges();
     this.removeInvalidFieldValues(this.lfFieldValue);
   };
 
@@ -107,7 +107,7 @@ export class LfFieldComponent {
       this.getSingleField().setValue('');
       fieldValue = '';
       this.lfFieldValue = fieldValue;
-      this.cdr.detectChanges();
+      this.ref.detectChanges();
     }
   }
 
@@ -143,7 +143,7 @@ export class LfFieldComponent {
   fieldDataChange(value: LfFieldValue) {
     this.lfFieldValue = value;
     this.fieldValueChanged.emit(value);
-    this.cdr.detectChanges();
+    this.ref.detectChanges();
   }
 
   /** @internal */
@@ -154,6 +154,6 @@ export class LfFieldComponent {
   /** @internal */
   set isLoading(val: boolean) {
     this.showLoader = val;
-    this.cdr.detectChanges();
+    this.ref.detectChanges();
   }
 }
diff --git a/projects/ui-components/lf-metadata/lf-metadata-public-api.ts b/projects/ui-components/lf-metadata/lf-metadata-public-api.ts
index 38420dcc..9439a116 100644
--- a/projects/ui-components/lf-metadata/lf-metadata-public-api.ts
+++ b/projects/ui-components/lf-metadata/lf-metadata-public-api.ts
@@ -8,3 +8,4 @@ export {
   LfFieldTemplateProviders,
   LfFieldTemplateContainerService,
 } from './lf-field-template-container/public-api';
+export type { FieldValue, LfFieldInfo, TemplateFieldInfo } from './field-components/utils/lf-field-types';
diff --git a/projects/ui-components/package-lock.json b/projects/ui-components/package-lock.json
index a671d370..18821fac 100644
--- a/projects/ui-components/package-lock.json
+++ b/projects/ui-components/package-lock.json
@@ -257,7 +257,6 @@
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
       "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/helper-validator-identifier": "^7.28.5",
         "js-tokens": "^4.0.0",
@@ -272,7 +271,6 @@
       "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.0.tgz",
       "integrity": "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=6.9.0"
       }
@@ -312,15 +310,13 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
       "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/@babel/core/node_modules/semver": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
       "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
       "license": "ISC",
-      "peer": true,
       "bin": {
         "semver": "bin/semver.js"
       }
@@ -330,7 +326,6 @@
       "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
       "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/parser": "^7.29.0",
         "@babel/types": "^7.29.0",
@@ -347,7 +342,6 @@
       "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz",
       "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/compat-data": "^7.28.6",
         "@babel/helper-validator-option": "^7.27.1",
@@ -364,7 +358,6 @@
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
       "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
       "license": "ISC",
-      "peer": true,
       "bin": {
         "semver": "bin/semver.js"
       }
@@ -374,7 +367,6 @@
       "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
       "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=6.9.0"
       }
@@ -384,7 +376,6 @@
       "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz",
       "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/traverse": "^7.28.6",
         "@babel/types": "^7.28.6"
@@ -398,7 +389,6 @@
       "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz",
       "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/helper-module-imports": "^7.28.6",
         "@babel/helper-validator-identifier": "^7.28.5",
@@ -416,7 +406,6 @@
       "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
       "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=6.9.0"
       }
@@ -426,7 +415,6 @@
       "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
       "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=6.9.0"
       }
@@ -436,7 +424,6 @@
       "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
       "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=6.9.0"
       }
@@ -446,7 +433,6 @@
       "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.6.tgz",
       "integrity": "sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/template": "^7.28.6",
         "@babel/types": "^7.28.6"
@@ -460,7 +446,6 @@
       "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.0.tgz",
       "integrity": "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/types": "^7.29.0"
       },
@@ -476,7 +461,6 @@
       "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz",
       "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.28.6",
         "@babel/parser": "^7.28.6",
@@ -491,7 +475,6 @@
       "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.0.tgz",
       "integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.29.0",
         "@babel/generator": "^7.29.0",
@@ -510,7 +493,6 @@
       "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
       "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/helper-string-parser": "^7.27.1",
         "@babel/helper-validator-identifier": "^7.28.5"
@@ -524,7 +506,6 @@
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
       "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.5.0",
         "@jridgewell/trace-mapping": "^0.3.24"
@@ -535,7 +516,6 @@
       "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
       "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.5",
         "@jridgewell/trace-mapping": "^0.3.24"
@@ -546,7 +526,6 @@
       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
       "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=6.0.0"
       }
@@ -555,15 +534,13 @@
       "version": "1.5.5",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
       "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/@jridgewell/trace-mapping": {
       "version": "0.3.31",
       "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
       "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
         "@jridgewell/sourcemap-codec": "^1.4.14"
@@ -599,15 +576,13 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz",
       "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/ansi-regex": {
       "version": "6.2.2",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
       "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -620,7 +595,6 @@
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
       "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -633,7 +607,6 @@
       "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.8.tgz",
       "integrity": "sha512-PCLz/LXGBsNTErbtB6i5u4eLpHeMfi93aUv5duMmj6caNu6IphS4q6UevDnL36sZQv9lrP11dbPKGMaXPwMKfQ==",
       "license": "Apache-2.0",
-      "peer": true,
       "bin": {
         "baseline-browser-mapping": "dist/cli.cjs"
       },
@@ -693,15 +666,13 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
-      "license": "CC-BY-4.0",
-      "peer": true
+      "license": "CC-BY-4.0"
     },
     "node_modules/chokidar": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
       "integrity": "sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "readdirp": "^5.0.0"
       },
@@ -717,7 +688,6 @@
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-9.0.1.tgz",
       "integrity": "sha512-k7ndgKhwoQveBL+/1tqGJYNz097I7WOvwbmmU2AR5+magtbjPWQTS1C5vzGkBC8Ym8UWRzfKUzUUqFLypY4Q+w==",
       "license": "ISC",
-      "peer": true,
       "dependencies": {
         "string-width": "^7.2.0",
         "strip-ansi": "^7.1.0",
@@ -731,8 +701,7 @@
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
       "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/date-fns": {
       "version": "4.1.0",
@@ -750,7 +719,6 @@
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
       "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "ms": "^2.1.3"
       },
@@ -767,22 +735,19 @@
       "version": "1.5.313",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.313.tgz",
       "integrity": "sha512-QBMrTWEf00GXZmJyx2lbYD45jpI3TUFnNIzJ5BBc8piGUDwMPa1GV6HJWTZVvY/eiN3fSopl7NRbgGp9sZ9LTA==",
-      "license": "ISC",
-      "peer": true
+      "license": "ISC"
     },
     "node_modules/emoji-regex": {
       "version": "10.6.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
       "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/entities": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
       "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
       "license": "BSD-2-Clause",
-      "peer": true,
       "engines": {
         "node": ">=0.12"
       },
@@ -795,7 +760,6 @@
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
       "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=6"
       }
@@ -812,7 +776,6 @@
       "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
       "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=6.9.0"
       }
@@ -822,7 +785,6 @@
       "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
       "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
       "license": "ISC",
-      "peer": true,
       "engines": {
         "node": "6.* || 8.* || >= 10.*"
       }
@@ -832,7 +794,6 @@
       "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.5.0.tgz",
       "integrity": "sha512-CQ+bEO+Tva/qlmw24dCejulK5pMzVnUOFOijVogd3KQs07HnRIgp8TGipvCCRT06xeYEbpbgwaCxglFyiuIcmA==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=18"
       },
@@ -844,15 +805,13 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
       "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/jsesc": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
       "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
       "license": "MIT",
-      "peer": true,
       "bin": {
         "jsesc": "bin/jsesc"
       },
@@ -865,7 +824,6 @@
       "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
       "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
       "license": "MIT",
-      "peer": true,
       "bin": {
         "json5": "lib/cli.js"
       },
@@ -877,15 +835,13 @@
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.3.1.tgz",
       "integrity": "sha512-HUgH65KyejrUFPvHFPbqOY0rsFip3Bo5wb4ngvdi1EpCYWUQDC5V+Y7mZws+DLkr4M//zQJoanu1SP+87Dv1oQ==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/jsrsasign": {
       "version": "11.1.1",
       "resolved": "https://registry.npmjs.org/jsrsasign/-/jsrsasign-11.1.1.tgz",
       "integrity": "sha512-6w95OOXH8DNeGxakqLndBEqqwQ6A70zGaky1oxfg8WVLWOnghTfJsc5Tknx+Z88MHSb1bGLcqQHImOF8Lk22XA==",
       "license": "MIT",
-      "peer": true,
       "funding": {
         "url": "https://github.com/kjur/jsrsasign#donations"
       }
@@ -894,7 +850,6 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/jsrsasign-util/-/jsrsasign-util-1.0.5.tgz",
       "integrity": "sha512-e5Kp8aaT5GH2c5X8j4uaJruYmT4GcnaGb47nw8m60YqPywtnOtTISZ9hZgtZ3a+jh7B27bU2LCf3Y32wZyfhtQ==",
-      "peer": true,
       "dependencies": {
         "jsonc-parser": ">= 0.0.1",
         "jsrsasign": ">= 4.8.2"
@@ -912,7 +867,6 @@
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
       "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
       "license": "ISC",
-      "peer": true,
       "dependencies": {
         "yallist": "^3.0.2"
       }
@@ -921,8 +875,7 @@
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/ngx-mask": {
       "version": "21.0.1",
@@ -943,15 +896,13 @@
       "version": "2.0.36",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.36.tgz",
       "integrity": "sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/parse5": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/parse5/-/parse5-8.0.0.tgz",
       "integrity": "sha512-9m4m5GSgXjL4AjumKzq1Fgfp3Z8rsvjRNbnkVwfu2ImRqE5D0LnY2QfDen18FSY9C573YU5XxSapdHZTZ2WolA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "entities": "^6.0.0"
       },
@@ -963,15 +914,13 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
       "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
-      "license": "ISC",
-      "peer": true
+      "license": "ISC"
     },
     "node_modules/readdirp": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.0.0.tgz",
       "integrity": "sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">= 20.19.0"
       },
@@ -984,8 +933,7 @@
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/reflect-metadata/-/reflect-metadata-0.2.2.tgz",
       "integrity": "sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q==",
-      "license": "Apache-2.0",
-      "peer": true
+      "license": "Apache-2.0"
     },
     "node_modules/rxjs": {
       "version": "7.8.2",
@@ -1002,7 +950,6 @@
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
       "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
       "license": "ISC",
-      "peer": true,
       "bin": {
         "semver": "bin/semver.js"
       },
@@ -1015,7 +962,6 @@
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
       "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "emoji-regex": "^10.3.0",
         "get-east-asian-width": "^1.0.0",
@@ -1033,7 +979,6 @@
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz",
       "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "ansi-regex": "^6.2.2"
       },
@@ -1069,7 +1014,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "escalade": "^3.2.0",
         "picocolors": "^1.1.1"
@@ -1086,7 +1030,6 @@
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.2.tgz",
       "integrity": "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "ansi-styles": "^6.2.1",
         "string-width": "^7.0.0",
@@ -1104,7 +1047,6 @@
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
       "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
       "license": "ISC",
-      "peer": true,
       "engines": {
         "node": ">=10"
       }
@@ -1113,15 +1055,13 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
       "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
-      "license": "ISC",
-      "peer": true
+      "license": "ISC"
     },
     "node_modules/yargs": {
       "version": "18.0.0",
       "resolved": "https://registry.npmjs.org/yargs/-/yargs-18.0.0.tgz",
       "integrity": "sha512-4UEqdc2RYGHZc7Doyqkrqiln3p9X2DZVxaGbwhn2pi7MrRagKaOcIKe8L3OxYcbhXLgLFUS3zAYuQjKBQgmuNg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "cliui": "^9.0.1",
         "escalade": "^3.1.1",
@@ -1139,7 +1079,6 @@
       "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-22.0.0.tgz",
       "integrity": "sha512-rwu/ClNdSMpkSrUb+d6BRsSkLUq1fmfsY6TOpYzTwvwkg1/NRG85KBy3kq++A8LKQwX6lsu+aWad+2khvuXrqw==",
       "license": "ISC",
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || ^22.12.0 || >=23"
       }
diff --git a/projects/ui-components/projects.ts b/projects/ui-components/projects.ts
index cd8d611a..4ab41162 100644
--- a/projects/ui-components/projects.ts
+++ b/projects/ui-components/projects.ts
@@ -30,6 +30,7 @@ export {
   LfFieldTemplateProviders,
   LfFieldTemplateContainerService,
 } from './lf-metadata/lf-metadata-public-api';
+export type { FieldValue, LfFieldInfo, TemplateFieldInfo } from './lf-metadata/field-components/utils/lf-field-types';
 export { LfUserFeedbackComponent } from './lf-user-feedback/lf-user-feedback-public-api';
 export {
   LfRepositoryBrowserComponent,

From 348d77e289b720956280e62698b9999dbf3fa0f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Fri, 20 Mar 2026 18:24:54 +0200
Subject: [PATCH 37/43] Update flaky test

---
 .../lf-selection-list/resize-column.directive.spec.ts       | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/projects/ui-components/lf-selection-list/resize-column.directive.spec.ts b/projects/ui-components/lf-selection-list/resize-column.directive.spec.ts
index 51bc2385..70ab5cad 100644
--- a/projects/ui-components/lf-selection-list/resize-column.directive.spec.ts
+++ b/projects/ui-components/lf-selection-list/resize-column.directive.spec.ts
@@ -164,7 +164,7 @@ describe('ResizeColumnDirective', () => {
     fixture.detectChanges();
 
     // Assert
-    expect(fixture.componentInstance.widthChanged).toBe(initialWidth + moveX);
+    expect(Math.floor(fixture.componentInstance.widthChanged)).toBe(Math.floor(initialWidth + moveX));
   });
 
   it('should set repository-browser-resize-overlay left with mousemove', () => {
@@ -181,13 +181,13 @@ describe('ResizeColumnDirective', () => {
 
     // Assert
     const resize = Array.from(document.getElementsByClassName('repository-browser-resize-overlay'));
-    expect((resize[0] as HTMLDivElement).style.left).toBe(`${moveX + initialWidth}px`);
+    expect((resize[0] as HTMLDivElement).style.left).toBe(`${Math.floor(moveX + initialWidth)}px`);
 
     // Move the mouse again
     mouseMoveResizeHandler(resizeHandleEl, 2 * moveX);
     fixture.detectChanges();
 
     // Assert
-    expect((resize[0] as HTMLDivElement).style.left).toBe(`${2 * moveX + initialWidth}px`);
+    expect((resize[0] as HTMLDivElement).style.left).toBe(`${Math.floor(2 * moveX + initialWidth)}px`);
   });
 });

From d930c3c2518335fff330095e72a97c3614597065 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Fri, 20 Mar 2026 18:24:58 +0200
Subject: [PATCH 38/43] Update all packages to latest

---
 package-lock.json                        | 1368 ++++++----------------
 package.json                             |   37 +-
 projects/ui-components/package-lock.json |  852 +-------------
 projects/ui-components/package.json      |   19 +-
 4 files changed, 451 insertions(+), 1825 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 916967bb..c8605eb4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,43 +14,40 @@
       "devDependencies": {
         "@analogjs/vite-plugin-angular": "^2.3.1",
         "@analogjs/vitest-angular": "^2.3.1",
-        "@angular-devkit/build-angular": "^21.2.2",
-        "@angular-eslint/builder": "^21.3.0",
-        "@angular-eslint/schematics": "^21.3.0",
-        "@angular/cli": "^21.2.2",
+        "@angular-devkit/build-angular": "^21.2.3",
+        "@angular-eslint/builder": "^21.3.1",
+        "@angular-eslint/schematics": "^21.3.1",
+        "@angular/cli": "^21.2.3",
         "@microsoft/api-extractor": "^7.57.7",
         "@stylistic/eslint-plugin": "^5.10.0",
         "@types/lodash": "^4.17.24",
         "@types/node": "^24.12.0",
         "@vitest/browser": "^4.1.0",
         "@vitest/browser-playwright": "^4.1.0",
-        "angular-eslint": "^21.3.0",
+        "angular-eslint": "^21.3.1",
         "date-fns": "^4.1.0",
-        "eslint": "^10.0.3",
+        "eslint": "^10.1.0",
         "flatpickr": "^4.6.13",
         "gulp": "^5.0.1",
         "gulp-replace": "^1.1.4",
-        "ng-packagr": "^21.2.0",
+        "ng-packagr": "^21.2.1",
         "prettier": "^3.8.1",
-        "puppeteer": "^24.39.1",
         "tslib": "^2.8.1",
         "typescript": "5.9.3",
-        "typescript-eslint": "^8.57.0",
+        "typescript-eslint": "^8.57.1",
         "vitest": "^4.1.0",
         "yargs": "^18.0.0"
       },
       "peerDependencies": {
-        "@angular/animations": "^21.2.4",
-        "@angular/cdk": "^21.2.2",
-        "@angular/common": "^21.2.4",
-        "@angular/compiler": "^21.2.4",
-        "@angular/compiler-cli": "^21.2.4",
-        "@angular/core": "^21.2.4",
-        "@angular/elements": "^21.2.4",
-        "@angular/forms": "^21.2.4",
-        "@angular/material": "^21.2.2",
-        "@angular/platform-browser": "^21.2.4",
-        "@angular/router": "^21.2.4",
+        "@angular/animations": "^21.2.5",
+        "@angular/cdk": "^21.2.3",
+        "@angular/common": "^21.2.5",
+        "@angular/compiler": "^21.2.5",
+        "@angular/core": "^21.2.5",
+        "@angular/forms": "^21.2.5",
+        "@angular/material": "^21.2.3",
+        "@angular/platform-browser": "^21.2.5",
+        "@angular/router": "^21.2.5",
         "@laserfiche/lf-api-client-core": "^1.1.19",
         "@laserfiche/lf-js-utils": "^4.0.13",
         "@laserfiche/lf-resource-library": "^5.0.3",
@@ -333,14 +330,14 @@
       }
     },
     "node_modules/@angular-devkit/architect": {
-      "version": "0.2102.2",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.2102.2.tgz",
-      "integrity": "sha512-CDvFtXwyBtMRkTQnm+LfBNLL0yLV8ZGskrM1T6VkcGwXGFDott1FxUdj96ViodYsYL5fbJr0MNA6TlLcanV3kQ==",
+      "version": "0.2102.3",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.2102.3.tgz",
+      "integrity": "sha512-G4wSWUbtWp1WCKw5GMRqHH8g4m5RBpIyzt8n8IX5Pm6iYe/rwCBSKL3ktEkk7AYMwjtonkRlDtAK1GScFsf1Sg==",
       "dev": true,
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@angular-devkit/core": "21.2.2",
+        "@angular-devkit/core": "21.2.3",
         "rxjs": "7.8.2"
       },
       "bin": {
@@ -353,18 +350,18 @@
       }
     },
     "node_modules/@angular-devkit/build-angular": {
-      "version": "21.2.2",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-21.2.2.tgz",
-      "integrity": "sha512-+KaqvraSGvhnSL3fUazHR8297k6lv/pzhV1p2x2mb6r5FyzD/HjYIP2fiIB2DII36YOVli2mgECoY3CmWj6n8Q==",
+      "version": "21.2.3",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-21.2.3.tgz",
+      "integrity": "sha512-gikRv+l7YMqVHGngdrW75g6+UjSW5HVHf/e6LFWnqt0TAVKWjDDgcgC3d/p15n44+2TaCvec39Pj0uPDJwRd6Q==",
       "dev": true,
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "@ampproject/remapping": "2.3.0",
-        "@angular-devkit/architect": "0.2102.2",
-        "@angular-devkit/build-webpack": "0.2102.2",
-        "@angular-devkit/core": "21.2.2",
-        "@angular/build": "21.2.2",
+        "@angular-devkit/architect": "0.2102.3",
+        "@angular-devkit/build-webpack": "0.2102.3",
+        "@angular-devkit/core": "21.2.3",
+        "@angular/build": "21.2.3",
         "@babel/core": "7.29.0",
         "@babel/generator": "7.29.1",
         "@babel/helper-annotate-as-pure": "7.27.3",
@@ -375,7 +372,7 @@
         "@babel/preset-env": "7.29.0",
         "@babel/runtime": "7.28.6",
         "@discoveryjs/json-ext": "0.6.3",
-        "@ngtools/webpack": "21.2.2",
+        "@ngtools/webpack": "21.2.3",
         "ansi-colors": "4.1.3",
         "autoprefixer": "10.4.27",
         "babel-loader": "10.0.0",
@@ -430,7 +427,7 @@
         "@angular/platform-browser": "^21.0.0",
         "@angular/platform-server": "^21.0.0",
         "@angular/service-worker": "^21.0.0",
-        "@angular/ssr": "^21.2.2",
+        "@angular/ssr": "^21.2.3",
         "@web/test-runner": "^0.20.0",
         "browser-sync": "^3.0.2",
         "jest": "^30.2.0",
@@ -487,13 +484,13 @@
       }
     },
     "node_modules/@angular-devkit/build-webpack": {
-      "version": "0.2102.2",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.2102.2.tgz",
-      "integrity": "sha512-5wQmVnpozBCeAMx1SKHSv2GGH3pVZ1WMwX4k0tnsgsHTt8ia24Zxa7P7pAsqkCbpHpa+7/nEjNuW9Teg/isumg==",
+      "version": "0.2102.3",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.2102.3.tgz",
+      "integrity": "sha512-n3GwWyrzw4jcx0OqEv9DUDgWNT8aB0MqHLNMqILre3W4YMhb+5f0sQMkyv46mdUpko1el/6PGlF0CFAllYgAcA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/architect": "0.2102.2",
+        "@angular-devkit/architect": "0.2102.3",
         "rxjs": "7.8.2"
       },
       "engines": {
@@ -507,9 +504,9 @@
       }
     },
     "node_modules/@angular-devkit/core": {
-      "version": "21.2.2",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-21.2.2.tgz",
-      "integrity": "sha512-xUeKGe4BDQpkz0E6fnAPIJXE0y0nqtap0KhJIBhvN7xi3NenIzTmoi6T9Yv5OOBUdLZbOm4SOel8MhdXiIBpAQ==",
+      "version": "21.2.3",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-21.2.3.tgz",
+      "integrity": "sha512-i++JVHOijyFckjdYqKbSXUpKnvmO2a0Utt/wQVwiLAT0O9H1hR/2NGPzubB4hnLMNSyVWY8diminaF23mZ0xjA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -535,14 +532,14 @@
       }
     },
     "node_modules/@angular-devkit/schematics": {
-      "version": "21.2.2",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-21.2.2.tgz",
-      "integrity": "sha512-CCeyQxGUq+oyGnHd7PfcYIVbj9pRnqjQq0rAojoAqs1BJdtInx9weLBCLy+AjM3NHePeZrnwm+wEVr8apED8kg==",
+      "version": "21.2.3",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-21.2.3.tgz",
+      "integrity": "sha512-tc/bBloRTVIBWGRiMPln1QbW+2QPj+YnWL/nG79abLKWkdrL9dJLcCRXY7dsPNrxOc/QF+8tVpnr8JofhWL9cQ==",
       "dev": true,
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@angular-devkit/core": "21.2.2",
+        "@angular-devkit/core": "21.2.3",
         "jsonc-parser": "3.3.1",
         "magic-string": "0.30.21",
         "ora": "9.3.0",
@@ -555,9 +552,9 @@
       }
     },
     "node_modules/@angular-eslint/builder": {
-      "version": "21.3.0",
-      "resolved": "https://registry.npmjs.org/@angular-eslint/builder/-/builder-21.3.0.tgz",
-      "integrity": "sha512-26QUUouei52biUFAlJSrWNAU9tuF2miKwd8uHdxWwCF31xz+OxC5+NfudWvt1AFaYow7gWueX1QX3rNNtSPDrg==",
+      "version": "21.3.1",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/builder/-/builder-21.3.1.tgz",
+      "integrity": "sha512-1f1Lyp5e7OH6txiV224HaY3G1uRCj91OSKq7hT2Vw9NRw6zWFc1anBpDeLVjpL9ptUxzUGIQR5jEV54hOPayoQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -571,21 +568,21 @@
       }
     },
     "node_modules/@angular-eslint/bundled-angular-compiler": {
-      "version": "21.3.0",
-      "resolved": "https://registry.npmjs.org/@angular-eslint/bundled-angular-compiler/-/bundled-angular-compiler-21.3.0.tgz",
-      "integrity": "sha512-l521I24J9gJxyMbRkrM24Tc7W8J8BP+TDAmVs2nT8+lXbS3kg8QpWBRtd+hNUgq6o+vt+lKBkytnEfu8OiqeRg==",
+      "version": "21.3.1",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/bundled-angular-compiler/-/bundled-angular-compiler-21.3.1.tgz",
+      "integrity": "sha512-jjbnJPUXQeQBJ8RM+ahlbt4GH2emVN8JvG3AhFbPci1FrqXi9cOOfkbwLmvpoyTli4LF8gy7g4ctFqnlRgqryw==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/@angular-eslint/eslint-plugin": {
-      "version": "21.3.0",
-      "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin/-/eslint-plugin-21.3.0.tgz",
-      "integrity": "sha512-Whf/AUUBekOlfSJRS78m76YGrBQAZ3waXE7oOdlW5xEQvn8jBDN9EGuNnjg/syZzvzjK4ZpYC4g1XYXrc+fQIg==",
+      "version": "21.3.1",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin/-/eslint-plugin-21.3.1.tgz",
+      "integrity": "sha512-08NNTxwawRLTWPLl8dg1BnXMwimx93y4wMEwx2aWQpJbIt4pmNvwJzd+NgoD/Ag2VdLS/gOMadhJH5fgaYKsPQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-eslint/bundled-angular-compiler": "21.3.0",
-        "@angular-eslint/utils": "21.3.0",
+        "@angular-eslint/bundled-angular-compiler": "21.3.1",
+        "@angular-eslint/utils": "21.3.1",
         "ts-api-utils": "^2.1.0"
       },
       "peerDependencies": {
@@ -595,19 +592,19 @@
       }
     },
     "node_modules/@angular-eslint/eslint-plugin-template": {
-      "version": "21.3.0",
-      "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin-template/-/eslint-plugin-template-21.3.0.tgz",
-      "integrity": "sha512-lVixd/KypPWgA/5/pUOhJV9MTcaHjYZEqyOi+IiLk+h+maGxn6/s6Ot+20n+XGS85zAgOY+qUw6EEQ11hoojIQ==",
+      "version": "21.3.1",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin-template/-/eslint-plugin-template-21.3.1.tgz",
+      "integrity": "sha512-ndPWJodkcEOu2PVUxlUwyz4D2u3r9KO7veWmStVNOLeNrICJA+nQvrz2BWCu0l48rO0K5ezsy0JFcQDVwE/5mw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-eslint/bundled-angular-compiler": "21.3.0",
-        "@angular-eslint/utils": "21.3.0",
+        "@angular-eslint/bundled-angular-compiler": "21.3.1",
+        "@angular-eslint/utils": "21.3.1",
         "aria-query": "5.3.2",
         "axobject-query": "4.1.0"
       },
       "peerDependencies": {
-        "@angular-eslint/template-parser": "21.3.0",
+        "@angular-eslint/template-parser": "21.3.1",
         "@typescript-eslint/types": "^7.11.0 || ^8.0.0",
         "@typescript-eslint/utils": "^7.11.0 || ^8.0.0",
         "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
@@ -615,16 +612,16 @@
       }
     },
     "node_modules/@angular-eslint/schematics": {
-      "version": "21.3.0",
-      "resolved": "https://registry.npmjs.org/@angular-eslint/schematics/-/schematics-21.3.0.tgz",
-      "integrity": "sha512-8deU/zVY9f8k8kAQQ9PL130ox2VlrZw3fMxgsPNAY5tjQ0xk0J2YVSszYHhcqdMGG1J01IsxIjvQaJ4pFfEmMw==",
+      "version": "21.3.1",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/schematics/-/schematics-21.3.1.tgz",
+      "integrity": "sha512-1U2u4ZsZvwT30aXRLsIJf6tULIiioo9BtASNsldpYecU3/m/1+F61lCYG79qt7YWbif9KABPYZlFTJUFGN8HWA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@angular-devkit/core": ">= 21.0.0 < 22.0.0",
         "@angular-devkit/schematics": ">= 21.0.0 < 22.0.0",
-        "@angular-eslint/eslint-plugin": "21.3.0",
-        "@angular-eslint/eslint-plugin-template": "21.3.0",
+        "@angular-eslint/eslint-plugin": "21.3.1",
+        "@angular-eslint/eslint-plugin-template": "21.3.1",
         "ignore": "7.0.5",
         "semver": "7.7.4",
         "strip-json-comments": "3.1.1"
@@ -634,15 +631,15 @@
       }
     },
     "node_modules/@angular-eslint/template-parser": {
-      "version": "21.3.0",
-      "resolved": "https://registry.npmjs.org/@angular-eslint/template-parser/-/template-parser-21.3.0.tgz",
-      "integrity": "sha512-ysyou1zAY6M6rSZNdIcYKGd4nk6TCapamyFNB3ivmTlVZ0O35TS9o/rJ0aUttuHgDp+Ysgs3ql+LA746PXgCyQ==",
+      "version": "21.3.1",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/template-parser/-/template-parser-21.3.1.tgz",
+      "integrity": "sha512-moERVCTekQKOvR8RMuEOtWSO3VS1qrzA3keI1dPto/JVB8Nqp9w3R5ZpEoXHzh4zgEryosxmPgdi6UczJe2ouQ==",
       "dev": true,
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@angular-eslint/bundled-angular-compiler": "21.3.0",
-        "eslint-scope": "^9.1.1"
+        "@angular-eslint/bundled-angular-compiler": "21.3.1",
+        "eslint-scope": "9.1.2"
       },
       "peerDependencies": {
         "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
@@ -650,13 +647,13 @@
       }
     },
     "node_modules/@angular-eslint/utils": {
-      "version": "21.3.0",
-      "resolved": "https://registry.npmjs.org/@angular-eslint/utils/-/utils-21.3.0.tgz",
-      "integrity": "sha512-oNigH6w3l+owTMboj/uFG0tHOy43uH8BpQRtBOQL1/s2+5in/BJ2Fjobv3SyizxTgeJ1FhRefbkT8GmVjK7jAA==",
+      "version": "21.3.1",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/utils/-/utils-21.3.1.tgz",
+      "integrity": "sha512-Q3SGA1/36phZhmsp1mYrKzp/jcmqofRr861MYn46FaWIKSYXBYRzl+H3FIJKBu5CE36Bggu6hbNpwGPuUp+MCg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-eslint/bundled-angular-compiler": "21.3.0"
+        "@angular-eslint/bundled-angular-compiler": "21.3.1"
       },
       "peerDependencies": {
         "@typescript-eslint/utils": "^7.11.0 || ^8.0.0",
@@ -665,9 +662,9 @@
       }
     },
     "node_modules/@angular/animations": {
-      "version": "21.2.4",
-      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-21.2.4.tgz",
-      "integrity": "sha512-hO1P7ks9n7lW3D31bzHohSuoAaj05xJUlK8rZgX8IkH5DLx4qhvfNh0t4bbLuBJLP2r1TaLsQ8KFcemCkFRO2w==",
+      "version": "21.2.5",
+      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-21.2.5.tgz",
+      "integrity": "sha512-8jH48A1gNph5YGlTXXoXJ/5T6uEZB14ITad3uQwBMM1mUUvM0T4QIMk555jIe1fIHHUyTfRR2y7v8SfTe2++fA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -677,19 +674,19 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "21.2.4"
+        "@angular/core": "21.2.5"
       }
     },
     "node_modules/@angular/build": {
-      "version": "21.2.2",
-      "resolved": "https://registry.npmjs.org/@angular/build/-/build-21.2.2.tgz",
-      "integrity": "sha512-Vq2eIneNxzhHm1MwEmRqEJDwHU9ODfSRDaMWwtysGMhpoMQmLdfTqkQDmkC2qVUr8mV8Z1i5I+oe5ZJaMr/PlQ==",
+      "version": "21.2.3",
+      "resolved": "https://registry.npmjs.org/@angular/build/-/build-21.2.3.tgz",
+      "integrity": "sha512-u4bhVQruK7KOuHQuoltqlHg+szp0f6rnsGIUolJnT3ez5V6OuSoWIxUorSbvryi2DiKRD/3iwMq7qJN1aN9HCA==",
       "dev": true,
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "@ampproject/remapping": "2.3.0",
-        "@angular-devkit/architect": "0.2102.2",
+        "@angular-devkit/architect": "0.2102.3",
         "@babel/core": "7.29.0",
         "@babel/helper-annotate-as-pure": "7.27.3",
         "@babel/helper-split-export-declaration": "7.24.7",
@@ -732,7 +729,7 @@
         "@angular/platform-browser": "^21.0.0",
         "@angular/platform-server": "^21.0.0",
         "@angular/service-worker": "^21.0.0",
-        "@angular/ssr": "^21.2.2",
+        "@angular/ssr": "^21.2.3",
         "karma": "^6.4.0",
         "less": "^4.2.0",
         "ng-packagr": "^21.0.0",
@@ -782,9 +779,9 @@
       }
     },
     "node_modules/@angular/cdk": {
-      "version": "21.2.2",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.2.2.tgz",
-      "integrity": "sha512-9AsZkwqy07No7+0qPydcJfXB6SpA9qLDBanoesNj5KsiZJ62PJH3oIjVyNeQEEe1HQWmSwBnhwN12OPLNMUlnw==",
+      "version": "21.2.3",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.2.3.tgz",
+      "integrity": "sha512-7t+UhfbSpIUG9uUyL4b8nI/HyYyrbgAvDwBT8kH4D7If0WiFQhUoottAM0+WZ7Uy+F4nx322K6TOomz/fZJOoQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -799,20 +796,20 @@
       }
     },
     "node_modules/@angular/cli": {
-      "version": "21.2.2",
-      "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-21.2.2.tgz",
-      "integrity": "sha512-eZo8/qX+ZIpIWc0CN+cCX13Lbgi/031wAp8DRVhDDO6SMVtcr/ObOQ2S16+pQdOMXxiG3vby6IhzJuz9WACzMQ==",
+      "version": "21.2.3",
+      "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-21.2.3.tgz",
+      "integrity": "sha512-QzDxnSy8AUOz6ca92xfbNuEmRdWRDi1dfFkxDVr+4l6XUnA9X6VmOi7ioCO1I9oDR73LXHybOqkqHBYDlqt/Ag==",
       "dev": true,
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@angular-devkit/architect": "0.2102.2",
-        "@angular-devkit/core": "21.2.2",
-        "@angular-devkit/schematics": "21.2.2",
+        "@angular-devkit/architect": "0.2102.3",
+        "@angular-devkit/core": "21.2.3",
+        "@angular-devkit/schematics": "21.2.3",
         "@inquirer/prompts": "7.10.1",
         "@listr2/prompt-adapter-inquirer": "3.0.5",
         "@modelcontextprotocol/sdk": "1.26.0",
-        "@schematics/angular": "21.2.2",
+        "@schematics/angular": "21.2.3",
         "@yarnpkg/lockfile": "1.1.0",
         "algoliasearch": "5.48.1",
         "ini": "6.0.0",
@@ -835,9 +832,9 @@
       }
     },
     "node_modules/@angular/common": {
-      "version": "21.2.4",
-      "resolved": "https://registry.npmjs.org/@angular/common/-/common-21.2.4.tgz",
-      "integrity": "sha512-NrP6qOuUpo3fqq14UJ1b2bIRtWsfvxh1qLqOyFV4gfBrHhXd0XffU1LUlUw1qp4w1uBSgPJ0/N5bSPUWrAguVg==",
+      "version": "21.2.5",
+      "resolved": "https://registry.npmjs.org/@angular/common/-/common-21.2.5.tgz",
+      "integrity": "sha512-MTjCbsHBkF9W12CW9yYiTJdVfZv/qCqBCZ2iqhMpDA5G+ZJiTKP0IDTJVrx2N5iHfiJ1lnK719t/9GXROtEAvg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -847,14 +844,14 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "21.2.4",
+        "@angular/core": "21.2.5",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/compiler": {
-      "version": "21.2.4",
-      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-21.2.4.tgz",
-      "integrity": "sha512-9+ulVK3idIo/Tu4X2ic7/V0+Uj7pqrOAbOuIirYe6Ymm3AjexuFRiGBbfcH0VJhQ5cf8TvIJ1fuh+MI4JiRIxA==",
+      "version": "21.2.5",
+      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-21.2.5.tgz",
+      "integrity": "sha512-QloEsknGqLvmr+ED7QShDt7SoMY9mipV+gVnwn4hBI5sbl+TOBfYWXIaJMnxseFwSqjXTSCVGckfylIlynNcFg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -865,9 +862,10 @@
       }
     },
     "node_modules/@angular/compiler-cli": {
-      "version": "21.2.4",
-      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-21.2.4.tgz",
-      "integrity": "sha512-vGjd7DZo/Ox50pQCm5EycmBu91JclimPtZoyNXu/2hSxz3oAkzwiHCwlHwk2g58eheSSp+lYtYRLmHAqSVZLjg==",
+      "version": "21.2.5",
+      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-21.2.5.tgz",
+      "integrity": "sha512-Ox3vz6KAM7i47ujR/3M3NCOeCRn6vrC9yV1SHZRhSrYg6CWWcOMveavEEwtNjYtn3hOzrktO4CnuVwtDbU8pLg==",
+      "dev": true,
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -888,7 +886,7 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/compiler": "21.2.4",
+        "@angular/compiler": "21.2.5",
         "typescript": ">=5.9 <6.1"
       },
       "peerDependenciesMeta": {
@@ -898,9 +896,9 @@
       }
     },
     "node_modules/@angular/core": {
-      "version": "21.2.4",
-      "resolved": "https://registry.npmjs.org/@angular/core/-/core-21.2.4.tgz",
-      "integrity": "sha512-2+gd67ZuXHpGOqeb2o7XZPueEWEP81eJza2tSHkT5QMV8lnYllDEmaNnkPxnIjSLGP1O3PmiXxo4z8ibHkLZwg==",
+      "version": "21.2.5",
+      "resolved": "https://registry.npmjs.org/@angular/core/-/core-21.2.5.tgz",
+      "integrity": "sha512-JgHU134Adb1wrpyGC9ozcv3hiRAgaFTvJFn1u9OU/AVXyxu4meMmVh2hp5QhAvPnv8XQdKWWIkAY+dbpPE6zKA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -910,7 +908,7 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/compiler": "21.2.4",
+        "@angular/compiler": "21.2.5",
         "rxjs": "^6.5.3 || ^7.4.0",
         "zone.js": "~0.15.0 || ~0.16.0"
       },
@@ -923,27 +921,10 @@
         }
       }
     },
-    "node_modules/@angular/elements": {
-      "version": "21.2.4",
-      "resolved": "https://registry.npmjs.org/@angular/elements/-/elements-21.2.4.tgz",
-      "integrity": "sha512-uAfx+RA5Lu8nD5yWSEZVV6a/BQkyC0L05mvB+Zm1nk1PoMvrjgH/8xTyHOkj3SNOY2dWwzek7Zc1tXleKotnZA==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "tslib": "^2.3.0"
-      },
-      "engines": {
-        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
-      },
-      "peerDependencies": {
-        "@angular/core": "21.2.4",
-        "rxjs": "^6.5.3 || ^7.4.0"
-      }
-    },
     "node_modules/@angular/forms": {
-      "version": "21.2.4",
-      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-21.2.4.tgz",
-      "integrity": "sha512-1fOhctA9ADEBYjI3nPQUR5dHsK2+UWAjup37Ksldk/k0w8UpD5YsN7JVNvsDMZRFMucKYcGykPblU7pABtsqnQ==",
+      "version": "21.2.5",
+      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-21.2.5.tgz",
+      "integrity": "sha512-pqRuK+a1ZAFZbs8/dZoorFJah2IWaf/SH8axHUpaDJ7fyNrwNEcpczyObdxZ00lOgORpKAhWo/q0hlVS+In8cw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -954,23 +935,23 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "21.2.4",
-        "@angular/core": "21.2.4",
-        "@angular/platform-browser": "21.2.4",
+        "@angular/common": "21.2.5",
+        "@angular/core": "21.2.5",
+        "@angular/platform-browser": "21.2.5",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/material": {
-      "version": "21.2.2",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-21.2.2.tgz",
-      "integrity": "sha512-yY7kdmltNd28Tw8bHvoSFuoO8jMJSicSU9gB9r4jSLHPWAI9Y3V2qvLEimfPLRmzEaWwSoqKda95k/646lgg6A==",
+      "version": "21.2.3",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-21.2.3.tgz",
+      "integrity": "sha512-mqmqhHRKIJwSKaYUtb9hH6/oHmozgqv/pYQMvMa3Fd5iipV0VxXN2GdNl3WE9LV9FJhHDBMitNU0hdE0uCM1nQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/cdk": "21.2.2",
+        "@angular/cdk": "21.2.3",
         "@angular/common": "^21.0.0 || ^22.0.0",
         "@angular/core": "^21.0.0 || ^22.0.0",
         "@angular/forms": "^21.0.0 || ^22.0.0",
@@ -979,9 +960,9 @@
       }
     },
     "node_modules/@angular/platform-browser": {
-      "version": "21.2.4",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-21.2.4.tgz",
-      "integrity": "sha512-1A9e/cQVu+3BkRCktLcO3RZGuw8NOTHw1frUUrpAz+iMyvIT4sDRFbL+U1g8qmOCZqRNC1Pi1HZfZ1kl6kvrcQ==",
+      "version": "21.2.5",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-21.2.5.tgz",
+      "integrity": "sha512-VuuYguxjgyI4XWuoXrKynmuA3FB991pXbkNhxHeCW0yX+7DGOnGLPF1oierd4/X+IvskmN8foBZLfjyg9u4Ffg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -991,9 +972,9 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/animations": "21.2.4",
-        "@angular/common": "21.2.4",
-        "@angular/core": "21.2.4"
+        "@angular/animations": "21.2.5",
+        "@angular/common": "21.2.5",
+        "@angular/core": "21.2.5"
       },
       "peerDependenciesMeta": {
         "@angular/animations": {
@@ -1002,9 +983,9 @@
       }
     },
     "node_modules/@angular/router": {
-      "version": "21.2.4",
-      "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.2.4.tgz",
-      "integrity": "sha512-OjWze4XT8i2MThcBXMv7ru1k6/5L6QYZbcXuseqimFCHm2avEJ+mXPovY066fMBZJhqbXdjB82OhHAWkIHjglQ==",
+      "version": "21.2.5",
+      "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.2.5.tgz",
+      "integrity": "sha512-yQGhTVGvh8OMW3auj13+g+OCSQj7gyBQON/2X4LuCvIUG71NPV6Fqzfk9DKTKaXpqo0FThy8/LPJ0Lsy3CRejg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -1014,9 +995,9 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "21.2.4",
-        "@angular/core": "21.2.4",
-        "@angular/platform-browser": "21.2.4",
+        "@angular/common": "21.2.5",
+        "@angular/core": "21.2.5",
+        "@angular/platform-browser": "21.2.5",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
@@ -1024,6 +1005,7 @@
       "version": "7.29.0",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
       "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-validator-identifier": "^7.28.5",
@@ -1038,6 +1020,7 @@
       "version": "7.29.0",
       "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.0.tgz",
       "integrity": "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -1047,6 +1030,7 @@
       "version": "7.29.0",
       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
       "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
+      "dev": true,
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -1078,12 +1062,14 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
       "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/@babel/core/node_modules/semver": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
       "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -1093,6 +1079,7 @@
       "version": "7.29.1",
       "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
       "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/parser": "^7.29.0",
@@ -1122,6 +1109,7 @@
       "version": "7.28.6",
       "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz",
       "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/compat-data": "^7.28.6",
@@ -1138,6 +1126,7 @@
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
       "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -1204,9 +1193,9 @@
       }
     },
     "node_modules/@babel/helper-define-polyfill-provider": {
-      "version": "0.6.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.7.tgz",
-      "integrity": "sha512-6Fqi8MtQ/PweQ9xvux65emkLQ83uB+qAVtfHkC9UodyHMIZdxNI01HjLCLUtybElp2KY2XNE0nOgyP1E1vXw9w==",
+      "version": "0.6.8",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.8.tgz",
+      "integrity": "sha512-47UwBLPpQi1NoWzLuHNjRoHlYXMwIJoBf7MFou6viC/sIHWYygpvr0B6IAyh5sBdA2nr2LPIRww8lfaUVQINBA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1224,6 +1213,7 @@
       "version": "7.28.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
       "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -1247,6 +1237,7 @@
       "version": "7.28.6",
       "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz",
       "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/traverse": "^7.28.6",
@@ -1260,6 +1251,7 @@
       "version": "7.28.6",
       "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz",
       "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-module-imports": "^7.28.6",
@@ -1363,6 +1355,7 @@
       "version": "7.27.1",
       "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
       "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -1372,6 +1365,7 @@
       "version": "7.28.5",
       "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
       "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -1381,6 +1375,7 @@
       "version": "7.27.1",
       "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
       "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -1402,22 +1397,24 @@
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.6.tgz",
-      "integrity": "sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==",
+      "version": "7.29.2",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.2.tgz",
+      "integrity": "sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/template": "^7.28.6",
-        "@babel/types": "^7.28.6"
+        "@babel/types": "^7.29.0"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.0.tgz",
-      "integrity": "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==",
+      "version": "7.29.2",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.2.tgz",
+      "integrity": "sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/types": "^7.29.0"
@@ -2548,13 +2545,13 @@
       }
     },
     "node_modules/@babel/preset-env/node_modules/babel-plugin-polyfill-corejs3": {
-      "version": "0.14.1",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.14.1.tgz",
-      "integrity": "sha512-ENp89vM9Pw4kv/koBb5N2f9bDZsR0hpf3BdPMOg/pkS3pwO4dzNnQZVXtBbeyAadgm865DmQG2jMMLqmZXvuCw==",
+      "version": "0.14.2",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.14.2.tgz",
+      "integrity": "sha512-coWpDLJ410R781Npmn/SIBZEsAetR4xVi0SxLMXPaMO4lSf1MwnkGYMtkFxew0Dn8B3/CpbpYxN0JCgg8mn67g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.6.7",
+        "@babel/helper-define-polyfill-provider": "^0.6.8",
         "core-js-compat": "^3.48.0"
       },
       "peerDependencies": {
@@ -2600,6 +2597,7 @@
       "version": "7.28.6",
       "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz",
       "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/code-frame": "^7.28.6",
@@ -2614,6 +2612,7 @@
       "version": "7.29.0",
       "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.0.tgz",
       "integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/code-frame": "^7.29.0",
@@ -2632,6 +2631,7 @@
       "version": "7.29.0",
       "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
       "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-string-parser": "^7.27.1",
@@ -2659,9 +2659,9 @@
       }
     },
     "node_modules/@emnapi/core": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.9.0.tgz",
-      "integrity": "sha512-0DQ98G9ZQZOxfUcQn1waV2yS8aWdZ6kJMbYCJB3oUBecjWYO1fqJ+a1DRfPF3O5JEkwqwP1A9QEN/9mYm2Yd0w==",
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.9.1.tgz",
+      "integrity": "sha512-mukuNALVsoix/w1BJwFzwXBN/dHeejQtuVzcDsfOEsdpCumXb/E9j8w11h5S54tT1xhifGfbbSm/ICrObRb3KA==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -2671,9 +2671,9 @@
       }
     },
     "node_modules/@emnapi/runtime": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.9.0.tgz",
-      "integrity": "sha512-QN75eB0IH2ywSpRpNddCRfQIhmJYBCJ1x5Lb3IscKAL8bMnVAKnRg8dCoXbHzVLLH7P38N2Z3mtulB7W0J0FKw==",
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.9.1.tgz",
+      "integrity": "sha512-VYi5+ZVLhpgK4hQ0TAjiQiZ6ol0oe4mBx7mVv7IflsiEp0OWoVsp/+f9Vc1hOhE0TtkORVrI1GvzyreqpgWtkA==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -3258,14 +3258,11 @@
       }
     },
     "node_modules/@gar/promise-retry": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@gar/promise-retry/-/promise-retry-1.0.2.tgz",
-      "integrity": "sha512-Lm/ZLhDZcBECta3TmCQSngiQykFdfw+QtI1/GYMsZd4l3nG+P8WLB16XuS7WaBGLQ+9E+cOcWQsth9cayuGt8g==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@gar/promise-retry/-/promise-retry-1.0.3.tgz",
+      "integrity": "sha512-GmzA9ckNokPypTg10pgpeHNQe7ph+iIKKmhKu3Ob9ANkswreCx7R3cKmY781K8QK3AqVL3xVh9A42JvIAbkkSA==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "retry": "^0.13.1"
-      },
       "engines": {
         "node": "^20.17.0 || >=22.9.0"
       }
@@ -3744,6 +3741,7 @@
       "version": "0.3.13",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
       "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.5.0",
@@ -3754,6 +3752,7 @@
       "version": "2.3.5",
       "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
       "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.5",
@@ -3764,6 +3763,7 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
       "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.0.0"
@@ -3784,12 +3784,14 @@
       "version": "1.5.5",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
       "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/@jridgewell/trace-mapping": {
       "version": "0.3.31",
       "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
       "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
@@ -4962,9 +4964,9 @@
       }
     },
     "node_modules/@ngtools/webpack": {
-      "version": "21.2.2",
-      "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-21.2.2.tgz",
-      "integrity": "sha512-EnDlYg0KWqtvJ2FBIFR03nBHRhs8JFtb4yrdnL5zt7OP6mlRpCcFJ+kXwm6v9OVTEIsKKRdPRe0qpSYOAOdo6w==",
+      "version": "21.2.3",
+      "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-21.2.3.tgz",
+      "integrity": "sha512-Hv/btWXF+nIWyMOFgnxtKTjrFGaxIR0JojncN9JVlz6ip+7dLhQu5sUTENjMVwvGjJh/uLWgpV6HLQPc2i1UXA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -5731,113 +5733,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@puppeteer/browsers": {
-      "version": "2.13.0",
-      "resolved": "https://registry.npmjs.org/@puppeteer/browsers/-/browsers-2.13.0.tgz",
-      "integrity": "sha512-46BZJYJjc/WwmKjsvDFykHtXrtomsCIrwYQPOP7VfMJoZY2bsDF9oROBABR3paDjDcmkUye1Pb1BqdcdiipaWA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "debug": "^4.4.3",
-        "extract-zip": "^2.0.1",
-        "progress": "^2.0.3",
-        "proxy-agent": "^6.5.0",
-        "semver": "^7.7.4",
-        "tar-fs": "^3.1.1",
-        "yargs": "^17.7.2"
-      },
-      "bin": {
-        "browsers": "lib/cjs/main-cli.js"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@puppeteer/browsers/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@puppeteer/browsers/node_modules/cliui": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
-      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
-      "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/@puppeteer/browsers/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@puppeteer/browsers/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,
-      "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/@puppeteer/browsers/node_modules/yargs": {
-      "version": "17.7.2",
-      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
-      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
-      "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/@puppeteer/browsers/node_modules/yargs-parser": {
-      "version": "21.1.1",
-      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
-      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/@rolldown/binding-android-arm64": {
       "version": "1.0.0-rc.4",
       "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.0-rc.4.tgz",
@@ -6608,14 +6503,14 @@
       }
     },
     "node_modules/@schematics/angular": {
-      "version": "21.2.2",
-      "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-21.2.2.tgz",
-      "integrity": "sha512-Ywa6HDtX7TRBQZTVMMnxX3Mk7yVnG8KtSFaXWrkx779+q8tqYdBwNwAqbNd4Zatr1GccKaz9xcptHJta5+DTxw==",
+      "version": "21.2.3",
+      "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-21.2.3.tgz",
+      "integrity": "sha512-rCEprgpNbJLl9Rm/t92eRYc1eIqD4BAJqB1OO8fzQolyDajCcOBpohjXkuLYSwK9RMyS6f+szNnYGOQawlrPYw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/core": "21.2.2",
-        "@angular-devkit/schematics": "21.2.2",
+        "@angular-devkit/core": "21.2.3",
+        "@angular-devkit/schematics": "21.2.3",
         "jsonc-parser": "3.3.1"
       },
       "engines": {
@@ -6638,9 +6533,9 @@
       }
     },
     "node_modules/@sigstore/core": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@sigstore/core/-/core-3.1.0.tgz",
-      "integrity": "sha512-o5cw1QYhNQ9IroioJxpzexmPjfCe7gzafd2RY3qnMpxr4ZEja+Jad/U8sgFpaue6bOaF+z7RVkyKVV44FN+N8A==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/@sigstore/core/-/core-3.2.0.tgz",
+      "integrity": "sha512-kxHrDQ9YgfrWUSXU0cjsQGv8JykOFZQ9ErNKbFPWzk3Hgpwu8x2hHrQ9IdA8yl+j9RTLTC3sAF3Tdq1IQCP4oA==",
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
@@ -6658,27 +6553,27 @@
       }
     },
     "node_modules/@sigstore/sign": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/@sigstore/sign/-/sign-4.1.0.tgz",
-      "integrity": "sha512-Vx1RmLxLGnSUqx/o5/VsCjkuN5L7y+vxEEwawvc7u+6WtX2W4GNa7b9HEjmcRWohw/d6BpATXmvOwc78m+Swdg==",
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/@sigstore/sign/-/sign-4.1.1.tgz",
+      "integrity": "sha512-Hf4xglukg0XXQ2RiD5vSoLjdPe8OBUPA8XeVjUObheuDcWdYWrnH/BNmxZCzkAy68MzmNCxXLeurJvs6hcP2OQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
+        "@gar/promise-retry": "^1.0.2",
         "@sigstore/bundle": "^4.0.0",
-        "@sigstore/core": "^3.1.0",
+        "@sigstore/core": "^3.2.0",
         "@sigstore/protobuf-specs": "^0.5.0",
-        "make-fetch-happen": "^15.0.3",
-        "proc-log": "^6.1.0",
-        "promise-retry": "^2.0.1"
+        "make-fetch-happen": "^15.0.4",
+        "proc-log": "^6.1.0"
       },
       "engines": {
         "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/@sigstore/tuf": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/@sigstore/tuf/-/tuf-4.0.1.tgz",
-      "integrity": "sha512-OPZBg8y5Vc9yZjmWCHrlWPMBqW5yd8+wFNl+thMdtcWz3vjVSoJQutF8YkrzI0SLGnkuFof4HSsWUhXrf219Lw==",
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@sigstore/tuf/-/tuf-4.0.2.tgz",
+      "integrity": "sha512-TCAzTy0xzdP79EnxSjq9KQ3eaR7+FmudLC6eRKknVKZbV7ZNlGLClAAQb/HMNJ5n2OBNk2GT1tEmU0xuPr+SLQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -6731,13 +6626,6 @@
         "eslint": "^9.0.0 || ^10.0.0"
       }
     },
-    "node_modules/@tootallnate/quickjs-emscripten": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@tootallnate/quickjs-emscripten/-/quickjs-emscripten-0.23.0.tgz",
-      "integrity": "sha512-C5Mc6rdnsaJDjO3UpGW/CQTHtCKaYlScZTly4JIu97Jxo/odCiH0ITnDXSJPTOrEKk/ycSZ0AOgTmkDtkOsvIA==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/@ts-morph/common": {
       "version": "0.22.0",
       "resolved": "https://registry.npmjs.org/@ts-morph/common/-/common-0.22.0.tgz",
@@ -7098,29 +6986,18 @@
         "@types/node": "*"
       }
     },
-    "node_modules/@types/yauzl": {
-      "version": "2.10.3",
-      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz",
-      "integrity": "sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.57.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.57.0.tgz",
-      "integrity": "sha512-qeu4rTHR3/IaFORbD16gmjq9+rEs9fGKdX0kF6BKSfi+gCuG3RCKLlSBYzn/bGsY9Tj7KE/DAQStbp8AHJGHEQ==",
+      "version": "8.57.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.57.1.tgz",
+      "integrity": "sha512-Gn3aqnvNl4NGc6x3/Bqk1AOn0thyTU9bqDRhiRnUWezgvr2OnhYCWCgC8zXXRVqBsIL1pSDt7T9nJUe0oM0kDQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/regexpp": "^4.12.2",
-        "@typescript-eslint/scope-manager": "8.57.0",
-        "@typescript-eslint/type-utils": "8.57.0",
-        "@typescript-eslint/utils": "8.57.0",
-        "@typescript-eslint/visitor-keys": "8.57.0",
+        "@typescript-eslint/scope-manager": "8.57.1",
+        "@typescript-eslint/type-utils": "8.57.1",
+        "@typescript-eslint/utils": "8.57.1",
+        "@typescript-eslint/visitor-keys": "8.57.1",
         "ignore": "^7.0.5",
         "natural-compare": "^1.4.0",
         "ts-api-utils": "^2.4.0"
@@ -7133,23 +7010,23 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "@typescript-eslint/parser": "^8.57.0",
+        "@typescript-eslint/parser": "^8.57.1",
         "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
         "typescript": ">=4.8.4 <6.0.0"
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "8.57.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.57.0.tgz",
-      "integrity": "sha512-XZzOmihLIr8AD1b9hL9ccNMzEMWt/dE2u7NyTY9jJG6YNiNthaD5XtUHVF2uCXZ15ng+z2hT3MVuxnUYhq6k1g==",
+      "version": "8.57.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.57.1.tgz",
+      "integrity": "sha512-k4eNDan0EIMTT/dUKc/g+rsJ6wcHYhNPdY19VoX/EOtaAG8DLtKCykhrUnuHPYvinn5jhAPgD2Qw9hXBwrahsw==",
       "dev": true,
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@typescript-eslint/scope-manager": "8.57.0",
-        "@typescript-eslint/types": "8.57.0",
-        "@typescript-eslint/typescript-estree": "8.57.0",
-        "@typescript-eslint/visitor-keys": "8.57.0",
+        "@typescript-eslint/scope-manager": "8.57.1",
+        "@typescript-eslint/types": "8.57.1",
+        "@typescript-eslint/typescript-estree": "8.57.1",
+        "@typescript-eslint/visitor-keys": "8.57.1",
         "debug": "^4.4.3"
       },
       "engines": {
@@ -7165,14 +7042,14 @@
       }
     },
     "node_modules/@typescript-eslint/project-service": {
-      "version": "8.57.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.57.0.tgz",
-      "integrity": "sha512-pR+dK0BlxCLxtWfaKQWtYr7MhKmzqZxuii+ZjuFlZlIGRZm22HnXFqa2eY+90MUz8/i80YJmzFGDUsi8dMOV5w==",
+      "version": "8.57.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.57.1.tgz",
+      "integrity": "sha512-vx1F37BRO1OftsYlmG9xay1TqnjNVlqALymwWVuYTdo18XuKxtBpCj1QlzNIEHlvlB27osvXFWptYiEWsVdYsg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/tsconfig-utils": "^8.57.0",
-        "@typescript-eslint/types": "^8.57.0",
+        "@typescript-eslint/tsconfig-utils": "^8.57.1",
+        "@typescript-eslint/types": "^8.57.1",
         "debug": "^4.4.3"
       },
       "engines": {
@@ -7187,14 +7064,14 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.57.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.57.0.tgz",
-      "integrity": "sha512-nvExQqAHF01lUM66MskSaZulpPL5pgy5hI5RfrxviLgzZVffB5yYzw27uK/ft8QnKXI2X0LBrHJFr1TaZtAibw==",
+      "version": "8.57.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.57.1.tgz",
+      "integrity": "sha512-hs/QcpCwlwT2L5S+3fT6gp0PabyGk4Q0Rv2doJXA0435/OpnSR3VRgvrp8Xdoc3UAYSg9cyUjTeFXZEPg/3OKg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.57.0",
-        "@typescript-eslint/visitor-keys": "8.57.0"
+        "@typescript-eslint/types": "8.57.1",
+        "@typescript-eslint/visitor-keys": "8.57.1"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -7205,9 +7082,9 @@
       }
     },
     "node_modules/@typescript-eslint/tsconfig-utils": {
-      "version": "8.57.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.57.0.tgz",
-      "integrity": "sha512-LtXRihc5ytjJIQEH+xqjB0+YgsV4/tW35XKX3GTZHpWtcC8SPkT/d4tqdf1cKtesryHm2bgp6l555NYcT2NLvA==",
+      "version": "8.57.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.57.1.tgz",
+      "integrity": "sha512-0lgOZB8cl19fHO4eI46YUx2EceQqhgkPSuCGLlGi79L2jwYY1cxeYc1Nae8Aw1xjgW3PKVDLlr3YJ6Bxx8HkWg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -7222,15 +7099,15 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.57.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.57.0.tgz",
-      "integrity": "sha512-yjgh7gmDcJ1+TcEg8x3uWQmn8ifvSupnPfjP21twPKrDP/pTHlEQgmKcitzF/rzPSmv7QjJ90vRpN4U+zoUjwQ==",
+      "version": "8.57.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.57.1.tgz",
+      "integrity": "sha512-+Bwwm0ScukFdyoJsh2u6pp4S9ktegF98pYUU0hkphOOqdMB+1sNQhIz8y5E9+4pOioZijrkfNO/HUJVAFFfPKA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.57.0",
-        "@typescript-eslint/typescript-estree": "8.57.0",
-        "@typescript-eslint/utils": "8.57.0",
+        "@typescript-eslint/types": "8.57.1",
+        "@typescript-eslint/typescript-estree": "8.57.1",
+        "@typescript-eslint/utils": "8.57.1",
         "debug": "^4.4.3",
         "ts-api-utils": "^2.4.0"
       },
@@ -7247,9 +7124,9 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "8.57.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.57.0.tgz",
-      "integrity": "sha512-dTLI8PEXhjUC7B9Kre+u0XznO696BhXcTlOn0/6kf1fHaQW8+VjJAVHJ3eTI14ZapTxdkOmc80HblPQLaEeJdg==",
+      "version": "8.57.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.57.1.tgz",
+      "integrity": "sha512-S29BOBPJSFUiblEl6RzPPjJt6w25A6XsBqRVDt53tA/tlL8q7ceQNZHTjPeONt/3S7KRI4quk+yP9jK2WjBiPQ==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -7262,16 +7139,16 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.57.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.57.0.tgz",
-      "integrity": "sha512-m7faHcyVg0BT3VdYTlX8GdJEM7COexXxS6KqGopxdtkQRvBanK377QDHr4W/vIPAR+ah9+B/RclSW5ldVniO1Q==",
+      "version": "8.57.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.57.1.tgz",
+      "integrity": "sha512-ybe2hS9G6pXpqGtPli9Gx9quNV0TWLOmh58ADlmZe9DguLq0tiAKVjirSbtM1szG6+QH6rVXyU6GTLQbWnMY+g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/project-service": "8.57.0",
-        "@typescript-eslint/tsconfig-utils": "8.57.0",
-        "@typescript-eslint/types": "8.57.0",
-        "@typescript-eslint/visitor-keys": "8.57.0",
+        "@typescript-eslint/project-service": "8.57.1",
+        "@typescript-eslint/tsconfig-utils": "8.57.1",
+        "@typescript-eslint/types": "8.57.1",
+        "@typescript-eslint/visitor-keys": "8.57.1",
         "debug": "^4.4.3",
         "minimatch": "^10.2.2",
         "semver": "^7.7.3",
@@ -7290,17 +7167,17 @@
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "8.57.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.57.0.tgz",
-      "integrity": "sha512-5iIHvpD3CZe06riAsbNxxreP+MuYgVUsV0n4bwLH//VJmgtt54sQeY2GszntJ4BjYCpMzrfVh2SBnUQTtys2lQ==",
+      "version": "8.57.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.57.1.tgz",
+      "integrity": "sha512-XUNSJ/lEVFttPMMoDVA2r2bwrl8/oPx8cURtczkSEswY5T3AeLmCy+EKWQNdL4u0MmAHOjcWrqJp2cdvgjn8dQ==",
       "dev": true,
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.9.1",
-        "@typescript-eslint/scope-manager": "8.57.0",
-        "@typescript-eslint/types": "8.57.0",
-        "@typescript-eslint/typescript-estree": "8.57.0"
+        "@typescript-eslint/scope-manager": "8.57.1",
+        "@typescript-eslint/types": "8.57.1",
+        "@typescript-eslint/typescript-estree": "8.57.1"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -7315,13 +7192,13 @@
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.57.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.57.0.tgz",
-      "integrity": "sha512-zm6xx8UT/Xy2oSr2ZXD0pZo7Jx2XsCoID2IUh9YSTFRu7z+WdwYTRk6LhUftm1crwqbuoF6I8zAFeCMw0YjwDg==",
+      "version": "8.57.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.57.1.tgz",
+      "integrity": "sha512-YWnmJkXbofiz9KbnbbwuA2rpGkFPLbAIetcCNO6mJ8gdhdZ/v7WDXsoGFAJuM6ikUFKTlSQnjWnVO4ux+UzS6A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.57.0",
+        "@typescript-eslint/types": "8.57.1",
         "eslint-visitor-keys": "^5.0.0"
       },
       "engines": {
@@ -7899,19 +7776,19 @@
       }
     },
     "node_modules/angular-eslint": {
-      "version": "21.3.0",
-      "resolved": "https://registry.npmjs.org/angular-eslint/-/angular-eslint-21.3.0.tgz",
-      "integrity": "sha512-K4+I41fSxzOavbv87EOnG5rdXiscs31j5pIAQG0aX21OHdSSjFCKOAQNmj8zv5OxUuYj5uYRToR3PuKQSN6i/A==",
+      "version": "21.3.1",
+      "resolved": "https://registry.npmjs.org/angular-eslint/-/angular-eslint-21.3.1.tgz",
+      "integrity": "sha512-VGQWTyuPAEO/AnZuqHxGBJMYSiZ0tbrHx/OgPCRTKHfbrFU4x+zivS84h9UWoDpDtius1RyD+ZReFjTAEWptiA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@angular-devkit/core": ">= 21.0.0 < 22.0.0",
         "@angular-devkit/schematics": ">= 21.0.0 < 22.0.0",
-        "@angular-eslint/builder": "21.3.0",
-        "@angular-eslint/eslint-plugin": "21.3.0",
-        "@angular-eslint/eslint-plugin-template": "21.3.0",
-        "@angular-eslint/schematics": "21.3.0",
-        "@angular-eslint/template-parser": "21.3.0",
+        "@angular-eslint/builder": "21.3.1",
+        "@angular-eslint/eslint-plugin": "21.3.1",
+        "@angular-eslint/eslint-plugin-template": "21.3.1",
+        "@angular-eslint/schematics": "21.3.1",
+        "@angular-eslint/template-parser": "21.3.1",
         "@typescript-eslint/types": "^8.0.0",
         "@typescript-eslint/utils": "^8.0.0"
       },
@@ -7965,6 +7842,7 @@
       "version": "6.2.2",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
       "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12"
@@ -8088,19 +7966,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/ast-types": {
-      "version": "0.13.4",
-      "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.13.4.tgz",
-      "integrity": "sha512-x1FCFnFifvYDDzTaLII71vG5uvDwgtmDTEVWAxrgeiR8VjMONcCXJx7E+USjDtHlwFmt9MysbqgF9b9Vjr6w+w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "tslib": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/async-done": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/async-done/-/async-done-2.0.0.tgz",
@@ -8209,14 +8074,14 @@
       }
     },
     "node_modules/babel-plugin-polyfill-corejs2": {
-      "version": "0.4.16",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.16.tgz",
-      "integrity": "sha512-xaVwwSfebXf0ooE11BJovZYKhFjIvQo7TsyVpETuIeH2JHv0k/T6Y5j22pPTvqYqmpkxdlPAJlyJ0tfOJAoMxw==",
+      "version": "0.4.17",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.17.tgz",
+      "integrity": "sha512-aTyf30K/rqAsNwN76zYrdtx8obu0E4KoUME29B1xj+B3WxgvWkp943vYQ+z8Mv3lw9xHXMHpvSPOBxzAkIa94w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/compat-data": "^7.28.6",
-        "@babel/helper-define-polyfill-provider": "^0.6.7",
+        "@babel/helper-define-polyfill-provider": "^0.6.8",
         "semver": "^6.3.1"
       },
       "peerDependencies": {
@@ -8248,13 +8113,13 @@
       }
     },
     "node_modules/babel-plugin-polyfill-regenerator": {
-      "version": "0.6.7",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.7.tgz",
-      "integrity": "sha512-OTYbUlSwXhNgr4g6efMZgsO8//jA61P7ZbRX3iTT53VON8l+WQS8IAUEVo4a4cWknrg2W8Cj4gQhRYNCJ8GkAA==",
+      "version": "0.6.8",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.8.tgz",
+      "integrity": "sha512-M762rNHfSF1EV3SLtnCJXFoQbbIIz0OyRwnCmV0KPC7qosSfCO0QLTSuJX3ayAebubhE6oYBAYPrBA5ljowaZg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.6.7"
+        "@babel/helper-define-polyfill-provider": "^0.6.8"
       },
       "peerDependencies": {
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
@@ -8300,84 +8165,6 @@
         }
       }
     },
-    "node_modules/bare-fs": {
-      "version": "4.5.5",
-      "resolved": "https://registry.npmjs.org/bare-fs/-/bare-fs-4.5.5.tgz",
-      "integrity": "sha512-XvwYM6VZqKoqDll8BmSww5luA5eflDzY0uEFfBJtFKe4PAAtxBjU3YIxzIBzhyaEQBy1VXEQBto4cpN5RZJw+w==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "bare-events": "^2.5.4",
-        "bare-path": "^3.0.0",
-        "bare-stream": "^2.6.4",
-        "bare-url": "^2.2.2",
-        "fast-fifo": "^1.3.2"
-      },
-      "engines": {
-        "bare": ">=1.16.0"
-      },
-      "peerDependencies": {
-        "bare-buffer": "*"
-      },
-      "peerDependenciesMeta": {
-        "bare-buffer": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/bare-os": {
-      "version": "3.8.0",
-      "resolved": "https://registry.npmjs.org/bare-os/-/bare-os-3.8.0.tgz",
-      "integrity": "sha512-Dc9/SlwfxkXIGYhvMQNUtKaXCaGkZYGcd1vuNUUADVqzu4/vQfvnMkYYOUnt2VwQ2AqKr/8qAVFRtwETljgeFg==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "bare": ">=1.14.0"
-      }
-    },
-    "node_modules/bare-path": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/bare-path/-/bare-path-3.0.0.tgz",
-      "integrity": "sha512-tyfW2cQcB5NN8Saijrhqn0Zh7AnFNsnczRcuWODH0eYAXBsJ5gVxAUuNr7tsHSC6IZ77cA0SitzT+s47kot8Mw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "bare-os": "^3.0.1"
-      }
-    },
-    "node_modules/bare-stream": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmjs.org/bare-stream/-/bare-stream-2.8.1.tgz",
-      "integrity": "sha512-bSeR8RfvbRwDpD7HWZvn8M3uYNDrk7m9DQjYOFkENZlXW8Ju/MPaqUPQq5LqJ3kyjEm07siTaAQ7wBKCU59oHg==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "streamx": "^2.21.0",
-        "teex": "^1.0.1"
-      },
-      "peerDependencies": {
-        "bare-buffer": "*",
-        "bare-events": "*"
-      },
-      "peerDependenciesMeta": {
-        "bare-buffer": {
-          "optional": true
-        },
-        "bare-events": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/bare-url": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/bare-url/-/bare-url-2.3.2.tgz",
-      "integrity": "sha512-ZMq4gd9ngV5aTMa5p9+UfY0b3skwhHELaDkhEHetMdX0LRkW9kzaym4oo/Eh+Ghm0CCDuMTsRIGM/ytUc1ZYmw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "bare-path": "^3.0.0"
-      }
-    },
     "node_modules/base64-js": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
@@ -8400,9 +8187,10 @@
       "license": "MIT"
     },
     "node_modules/baseline-browser-mapping": {
-      "version": "2.10.8",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.8.tgz",
-      "integrity": "sha512-PCLz/LXGBsNTErbtB6i5u4eLpHeMfi93aUv5duMmj6caNu6IphS4q6UevDnL36sZQv9lrP11dbPKGMaXPwMKfQ==",
+      "version": "2.10.9",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.9.tgz",
+      "integrity": "sha512-OZd0e2mU11ClX8+IdXe3r0dbqMEznRiT4TfbhYIbcRPZkqJ7Qwer8ij3GZAmLsRKa+II9V1v5czCkvmHH3XZBg==",
+      "dev": true,
       "license": "Apache-2.0",
       "bin": {
         "baseline-browser-mapping": "dist/cli.cjs"
@@ -8411,16 +8199,6 @@
         "node": ">=6.0.0"
       }
     },
-    "node_modules/basic-ftp": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/basic-ftp/-/basic-ftp-5.2.0.tgz",
-      "integrity": "sha512-VoMINM2rqJwJgfdHq6RiUudKt2BV+FY5ZFezP/ypmwayk68+NzzAQy4XXLlqsGD4MCzq3DrmNFD/uUmBJuGoXw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
     "node_modules/batch": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz",
@@ -8585,6 +8363,7 @@
       "version": "4.28.1",
       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
       "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
+      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -8640,16 +8419,6 @@
         "ieee754": "^1.2.1"
       }
     },
-    "node_modules/buffer-crc32": {
-      "version": "0.2.13",
-      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
-      "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/buffer-from": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
@@ -8694,9 +8463,9 @@
       }
     },
     "node_modules/cacache": {
-      "version": "20.0.3",
-      "resolved": "https://registry.npmjs.org/cacache/-/cacache-20.0.3.tgz",
-      "integrity": "sha512-3pUp4e8hv07k1QlijZu6Kn7c9+ZpWWk4j3F8N3xPuCExULobqJydKYOTj1FTq58srkJsXvO7LbGAH4C0ZU3WGw==",
+      "version": "20.0.4",
+      "resolved": "https://registry.npmjs.org/cacache/-/cacache-20.0.4.tgz",
+      "integrity": "sha512-M3Lab8NPYlZU2exsL3bMVvMrMqgwCnMWfdZbK28bn3pK6APT/Te/I8hjRPNu1uwORY9a1eEQoifXbKPQMfMTOA==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -8709,8 +8478,7 @@
         "minipass-flush": "^1.0.5",
         "minipass-pipeline": "^1.2.4",
         "p-map": "^7.0.2",
-        "ssri": "^13.0.0",
-        "unique-filename": "^5.0.0"
+        "ssri": "^13.0.0"
       },
       "engines": {
         "node": "^20.17.0 || >=22.9.0"
@@ -8768,9 +8536,10 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001779",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001779.tgz",
-      "integrity": "sha512-U5og2PN7V4DMgF50YPNtnZJGWVLFjjsN3zb6uMT5VGYIewieDj1upwfuVNXf4Kor+89c3iCRJnSzMD5LmTvsfA==",
+      "version": "1.0.30001780",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001780.tgz",
+      "integrity": "sha512-llngX0E7nQci5BPJDqoZSbuZ5Bcs9F5db7EtgfwBerX9XGtkkiO4NwfDDIRzHTTwcYC8vC7bmeUEPGrKlR/TkQ==",
+      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -8838,6 +8607,7 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
       "integrity": "sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==",
+      "dev": true,
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -8870,30 +8640,6 @@
         "node": ">=6.0"
       }
     },
-    "node_modules/chromium-bidi": {
-      "version": "14.0.0",
-      "resolved": "https://registry.npmjs.org/chromium-bidi/-/chromium-bidi-14.0.0.tgz",
-      "integrity": "sha512-9gYlLtS6tStdRWzrtXaTMnqcM4dudNegMXJxkR0I/CXObHalYeYcAMPrL19eroNZHtJ8DQmu1E+ZNOYu/IXMXw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "mitt": "^3.0.1",
-        "zod": "^3.24.1"
-      },
-      "peerDependencies": {
-        "devtools-protocol": "*"
-      }
-    },
-    "node_modules/chromium-bidi/node_modules/zod": {
-      "version": "3.25.76",
-      "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
-      "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
-      "dev": true,
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/colinhacks"
-      }
-    },
     "node_modules/cli-cursor": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-5.0.0.tgz",
@@ -8971,6 +8717,7 @@
       "version": "9.0.1",
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-9.0.1.tgz",
       "integrity": "sha512-k7ndgKhwoQveBL+/1tqGJYNz097I7WOvwbmmU2AR5+magtbjPWQTS1C5vzGkBC8Ym8UWRzfKUzUUqFLypY4Q+w==",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
         "string-width": "^7.2.0",
@@ -8985,6 +8732,7 @@
       "version": "6.2.3",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
       "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12"
@@ -8997,12 +8745,14 @@
       "version": "10.6.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
       "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/cliui/node_modules/string-width": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
       "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "emoji-regex": "^10.3.0",
@@ -9020,6 +8770,7 @@
       "version": "9.0.2",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.2.tgz",
       "integrity": "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ansi-styles": "^6.2.1",
@@ -9240,6 +8991,7 @@
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
       "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/cookie": {
@@ -9314,9 +9066,9 @@
       }
     },
     "node_modules/core-js-compat": {
-      "version": "3.48.0",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.48.0.tgz",
-      "integrity": "sha512-OM4cAF3D6VtH/WkLtWvyNC56EZVXsZdU3iqaMG2B4WvYrlqU831pc4UtG5yp0sE9z8Y02wVN7PjW5Zf9Gt0f1Q==",
+      "version": "3.49.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.49.0.tgz",
+      "integrity": "sha512-VQXt1jr9cBz03b331DFDCCP90b3fanciLkgiOoy8SBHy06gNf+vQ1A3WFLqG7I8TipYIKeYK9wxd0tUrvHcOZA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -9473,16 +9225,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/data-uri-to-buffer": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-6.0.2.tgz",
-      "integrity": "sha512-7hvf7/GW8e86rW0ptuwS3OcBGDjIi6SZva7hCyWC0yYry2cOPmLIjXAUHI6DK2HsnwJd9ifmt57i8eV2n4YNpw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 14"
-      }
-    },
     "node_modules/date-fns": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.1.0.tgz",
@@ -9498,6 +9240,7 @@
       "version": "4.4.3",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
       "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ms": "^2.1.3"
@@ -9561,21 +9304,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/degenerator": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/degenerator/-/degenerator-5.0.1.tgz",
-      "integrity": "sha512-TllpMR/t0M5sqCXfj85i4XaAzxmS5tVA16dqvdkMwGmzI+dXLXnw3J+3Vdv7VKw+ThlTMboK6i9rnZ6Nntj5CQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ast-types": "^0.13.4",
-        "escodegen": "^2.1.0",
-        "esprima": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 14"
-      }
-    },
     "node_modules/depd": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
@@ -9635,14 +9363,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/devtools-protocol": {
-      "version": "0.0.1581282",
-      "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.1581282.tgz",
-      "integrity": "sha512-nv7iKtNZQshSW2hKzYNr46nM/Cfh5SEvE2oV0/SEGgc9XupIY5ggf84Cz8eJIkBce7S3bmTAauFD6aysMpnqsQ==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "peer": true
-    },
     "node_modules/diff": {
       "version": "8.0.3",
       "resolved": "https://registry.npmjs.org/diff/-/diff-8.0.3.tgz",
@@ -9762,9 +9482,10 @@
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.313",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.313.tgz",
-      "integrity": "sha512-QBMrTWEf00GXZmJyx2lbYD45jpI3TUFnNIzJ5BBc8piGUDwMPa1GV6HJWTZVvY/eiN3fSopl7NRbgGp9sZ9LTA==",
+      "version": "1.5.321",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.321.tgz",
+      "integrity": "sha512-L2C7Q279W2D/J4PLZLk7sebOILDSWos7bMsMNN06rK482umHUrh/3lM8G7IlHFOYip2oAg5nha1rCMxr/rs6ZQ==",
+      "dev": true,
       "license": "ISC"
     },
     "node_modules/emoji-regex": {
@@ -9805,9 +9526,9 @@
       }
     },
     "node_modules/enhanced-resolve": {
-      "version": "5.20.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.20.0.tgz",
-      "integrity": "sha512-/ce7+jQ1PQ6rVXwe+jKEg5hW5ciicHwIQUagZkp6IufBoY3YDgdTTY1azVs0qoRgVmvsNB+rbjLJxDAeHHtwsQ==",
+      "version": "5.20.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.20.1.tgz",
+      "integrity": "sha512-Qohcme7V1inbAfvjItgw0EaxVX5q2rdVEZHRBrEQdRZTssLDGsL8Lwrznl8oQ/6kuTJONLaDcGjkNP247XEhcA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -9984,6 +9705,7 @@
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
       "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6"
@@ -10009,43 +9731,10 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/escodegen": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-2.1.0.tgz",
-      "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "esprima": "^4.0.1",
-        "estraverse": "^5.2.0",
-        "esutils": "^2.0.2"
-      },
-      "bin": {
-        "escodegen": "bin/escodegen.js",
-        "esgenerate": "bin/esgenerate.js"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "optionalDependencies": {
-        "source-map": "~0.6.1"
-      }
-    },
-    "node_modules/escodegen/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "optional": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/eslint": {
-      "version": "10.0.3",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-10.0.3.tgz",
-      "integrity": "sha512-COV33RzXZkqhG9P2rZCFl9ZmJ7WL+gQSCRzE7RhkbclbQPtLAWReL7ysA0Sh4c8Im2U9ynybdR56PV0XcKvqaQ==",
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-10.1.0.tgz",
+      "integrity": "sha512-S9jlY/ELKEUwwQnqWDO+f+m6sercqOPSqXM5Go94l7DOmxHVDgmSFGWEzeE/gwgTAr0W103BWt0QLe/7mabIvA==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -10053,7 +9742,7 @@
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.2",
         "@eslint/config-array": "^0.23.3",
-        "@eslint/config-helpers": "^0.5.2",
+        "@eslint/config-helpers": "^0.5.3",
         "@eslint/core": "^1.1.1",
         "@eslint/plugin-kit": "^0.6.1",
         "@humanfs/node": "^0.16.6",
@@ -10066,7 +9755,7 @@
         "escape-string-regexp": "^4.0.0",
         "eslint-scope": "^9.1.2",
         "eslint-visitor-keys": "^5.0.1",
-        "espree": "^11.1.1",
+        "espree": "^11.2.0",
         "esquery": "^1.7.0",
         "esutils": "^2.0.2",
         "fast-deep-equal": "^3.1.3",
@@ -10230,20 +9919,6 @@
         "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/esprima": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
-      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "bin": {
-        "esparse": "bin/esparse.js",
-        "esvalidate": "bin/esvalidate.js"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/esquery": {
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.7.0.tgz",
@@ -10461,27 +10136,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/extract-zip": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
-      "integrity": "sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "debug": "^4.1.1",
-        "get-stream": "^5.1.0",
-        "yauzl": "^2.10.0"
-      },
-      "bin": {
-        "extract-zip": "cli.js"
-      },
-      "engines": {
-        "node": ">= 10.17.0"
-      },
-      "optionalDependencies": {
-        "@types/yauzl": "^2.9.1"
-      }
-    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -10590,16 +10244,6 @@
         "node": ">=0.8.0"
       }
     },
-    "node_modules/fd-slicer": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
-      "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "pend": "~1.2.0"
-      }
-    },
     "node_modules/fdir": {
       "version": "6.5.0",
       "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
@@ -10788,9 +10432,9 @@
       "peer": true
     },
     "node_modules/flatted": {
-      "version": "3.4.1",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.1.tgz",
-      "integrity": "sha512-IxfVbRFVlV8V/yRaGzk0UVIcsKKHMSfYw66T/u4nTwlWteQePsxe//LjudR1AMX4tZW3WFCh3Zqa/sjlqpbURQ==",
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.2.tgz",
+      "integrity": "sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==",
       "dev": true,
       "license": "ISC"
     },
@@ -10943,6 +10587,7 @@
       "version": "1.0.0-beta.2",
       "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
       "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -10952,6 +10597,7 @@
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
       "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true,
       "license": "ISC",
       "engines": {
         "node": "6.* || 8.* || >= 10.*"
@@ -10961,6 +10607,7 @@
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.5.0.tgz",
       "integrity": "sha512-CQ+bEO+Tva/qlmw24dCejulK5pMzVnUOFOijVogd3KQs07HnRIgp8TGipvCCRT06xeYEbpbgwaCxglFyiuIcmA==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=18"
@@ -11008,37 +10655,6 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/get-stream": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
-      "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "pump": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/get-uri": {
-      "version": "6.0.5",
-      "resolved": "https://registry.npmjs.org/get-uri/-/get-uri-6.0.5.tgz",
-      "integrity": "sha512-b1O07XYq8eRuVzBNgJLstU6FYc1tS6wnMtF1I1D9lE8LxZSOGZ7LhxN54yPP6mGw5f2CkXY2BQUL9Fx41qvcIg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "basic-ftp": "^5.0.2",
-        "data-uri-to-buffer": "^6.0.2",
-        "debug": "^4.3.4"
-      },
-      "engines": {
-        "node": ">= 14"
-      }
-    },
     "node_modules/glob": {
       "version": "13.0.6",
       "resolved": "https://registry.npmjs.org/glob/-/glob-13.0.6.tgz",
@@ -12269,9 +11885,9 @@
       "license": "MIT"
     },
     "node_modules/jose": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/jose/-/jose-6.2.1.tgz",
-      "integrity": "sha512-jUaKr1yrbfaImV7R2TN/b3IcZzsw38/chqMpo2XJ7i2F8AfM/lA4G1goC3JVEwg0H7UldTmSt3P68nt31W7/mw==",
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/jose/-/jose-6.2.2.tgz",
+      "integrity": "sha512-d7kPDd34KO/YnzaDOlikGpOurfF0ByC2sEV4cANCtdqLlTfBlw2p14O/5d/zv40gJPbIQxfES3nSx1/oYNyuZQ==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -12282,6 +11898,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
       "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/js-yaml": {
@@ -12308,6 +11925,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
       "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "dev": true,
       "license": "MIT",
       "bin": {
         "jsesc": "bin/jsesc"
@@ -12358,6 +11976,7 @@
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
       "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
       "license": "MIT",
       "bin": {
         "json5": "lib/cli.js"
@@ -12877,6 +12496,7 @@
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
       "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
         "yallist": "^3.0.2"
@@ -12919,14 +12539,15 @@
       }
     },
     "node_modules/make-fetch-happen": {
-      "version": "15.0.4",
-      "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-15.0.4.tgz",
-      "integrity": "sha512-vM2sG+wbVeVGYcCm16mM3d5fuem9oC28n436HjsGO3LcxoTI8LNVa4rwZDn3f76+cWyT4GGJDxjTYU1I2nr6zw==",
+      "version": "15.0.5",
+      "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-15.0.5.tgz",
+      "integrity": "sha512-uCbIa8jWWmQZt4dSnEStkVC6gdakiinAm4PiGsywIkguF0eWMdcjDz0ECYhUolFU3pFLOev9VNPCEygydXnddg==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
         "@gar/promise-retry": "^1.0.0",
         "@npmcli/agent": "^4.0.0",
+        "@npmcli/redact": "^4.0.0",
         "cacache": "^20.0.1",
         "http-cache-semantics": "^4.1.1",
         "minipass": "^7.0.2",
@@ -13298,13 +12919,6 @@
         "node": ">= 18"
       }
     },
-    "node_modules/mitt": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz",
-      "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/mkdirp": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-3.0.1.tgz",
@@ -13335,6 +12949,7 @@
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/msgpackr": {
@@ -13480,20 +13095,10 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/netmask": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/netmask/-/netmask-2.0.2.tgz",
-      "integrity": "sha512-dBpDMdxv9Irdq66304OLfEmQ9tbNRFnFTuZiLo+bD+r332bBmMJ8GBLXklIXXgxd3+v9+KUnZaUR5PJMa75Gsg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4.0"
-      }
-    },
     "node_modules/ng-packagr": {
-      "version": "21.2.0",
-      "resolved": "https://registry.npmjs.org/ng-packagr/-/ng-packagr-21.2.0.tgz",
-      "integrity": "sha512-ASlXEboqt+ZgKzNPx3YCr924xqQRFA5qgm77GHf0Fm13hx7gVFYVm6WCdYZyeX/p9NJjFWAL+mIMfhsx2SHKoA==",
+      "version": "21.2.1",
+      "resolved": "https://registry.npmjs.org/ng-packagr/-/ng-packagr-21.2.1.tgz",
+      "integrity": "sha512-rk0aL0wWkC+FTA4wyzJIfjcUgAKMAEB19ULvP0QkAoAkzjS+3SBEf0n3MS6z7gcOW8SRU9rw1BmsouEAXD+SCw==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -13515,7 +13120,7 @@
         "ora": "^9.0.0",
         "piscina": "^5.0.0",
         "postcss": "^8.4.47",
-        "rollup-plugin-dts": "^6.2.0",
+        "rollup-plugin-dts": "^6.4.0",
         "rxjs": "^7.8.1",
         "sass": "^1.81.0",
         "tinyglobby": "^0.2.12"
@@ -13635,6 +13240,7 @@
       "version": "2.0.36",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.36.tgz",
       "integrity": "sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/nopt": {
@@ -14073,38 +13679,14 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/pac-proxy-agent": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/pac-proxy-agent/-/pac-proxy-agent-7.2.0.tgz",
-      "integrity": "sha512-TEB8ESquiLMc0lV8vcd5Ql/JAKAoyzHFXaStwjkzpOpC5Yv+pIzLfHvjTSdf3vpa2bMiUQrg9i6276yn8666aA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@tootallnate/quickjs-emscripten": "^0.23.0",
-        "agent-base": "^7.1.2",
-        "debug": "^4.3.4",
-        "get-uri": "^6.0.1",
-        "http-proxy-agent": "^7.0.0",
-        "https-proxy-agent": "^7.0.6",
-        "pac-resolver": "^7.0.1",
-        "socks-proxy-agent": "^8.0.5"
-      },
-      "engines": {
-        "node": ">= 14"
-      }
-    },
-    "node_modules/pac-resolver": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/pac-resolver/-/pac-resolver-7.0.1.tgz",
-      "integrity": "sha512-5NPgf87AT2STgwa2ntRMr45jTKrYBGkVU36yT0ig/n/GMAa3oPqhZfIQ2kMEimReg0+t9kZViDVZ83qfVUlckg==",
+    "node_modules/p-retry/node_modules/retry": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
+      "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "degenerator": "^5.0.0",
-        "netmask": "^2.0.2"
-      },
       "engines": {
-        "node": ">= 14"
+        "node": ">= 4"
       }
     },
     "node_modules/pacote": {
@@ -14390,17 +13972,11 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/pend": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
-      "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
       "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "dev": true,
       "license": "ISC"
     },
     "node_modules/picomatch": {
@@ -14467,9 +14043,9 @@
       }
     },
     "node_modules/pkijs": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/pkijs/-/pkijs-3.3.3.tgz",
-      "integrity": "sha512-+KD8hJtqQMYoTuL1bbGOqxb4z+nZkTAwVdNtWwe8Tc2xNbEmdJYIYoc6Qt0uF55e6YW6KuTHw1DjQ18gMhzepw==",
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/pkijs/-/pkijs-3.4.0.tgz",
+      "integrity": "sha512-emEcLuomt2j03vxD54giVB4SxTjnsqkU692xZOZXHDVoYyypEm+b3jpiTcc+Cf+myooc+/Ly0z01jqeNHVgJGw==",
       "dev": true,
       "license": "BSD-3-Clause",
       "dependencies": {
@@ -14777,16 +14353,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/progress": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
-      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
     "node_modules/promise-retry": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/promise-retry/-/promise-retry-2.0.1.tgz",
@@ -14801,16 +14367,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/promise-retry/node_modules/retry": {
-      "version": "0.12.0",
-      "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz",
-      "integrity": "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 4"
-      }
-    },
     "node_modules/proxy-addr": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
@@ -14825,43 +14381,6 @@
         "node": ">= 0.10"
       }
     },
-    "node_modules/proxy-agent": {
-      "version": "6.5.0",
-      "resolved": "https://registry.npmjs.org/proxy-agent/-/proxy-agent-6.5.0.tgz",
-      "integrity": "sha512-TmatMXdr2KlRiA2CyDu8GqR8EjahTG3aY3nXjdzFyoZbmB8hrBsTyMezhULIXKnC0jpfjlmiZ3+EaCzoInSu/A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "agent-base": "^7.1.2",
-        "debug": "^4.3.4",
-        "http-proxy-agent": "^7.0.1",
-        "https-proxy-agent": "^7.0.6",
-        "lru-cache": "^7.14.1",
-        "pac-proxy-agent": "^7.1.0",
-        "proxy-from-env": "^1.1.0",
-        "socks-proxy-agent": "^8.0.5"
-      },
-      "engines": {
-        "node": ">= 14"
-      }
-    },
-    "node_modules/proxy-agent/node_modules/lru-cache": {
-      "version": "7.18.3",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz",
-      "integrity": "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/proxy-from-env": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/prr": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
@@ -14870,17 +14389,6 @@
       "license": "MIT",
       "optional": true
     },
-    "node_modules/pump": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.4.tgz",
-      "integrity": "sha512-VS7sjc6KR7e1ukRFhQSY5LM2uBWAUPiOPa/A3mkKmiMwSmRFUITt0xuj+/lesgnCv+dPIEYlkzrcyXgquIHMcA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "end-of-stream": "^1.1.0",
-        "once": "^1.3.1"
-      }
-    },
     "node_modules/punycode": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
@@ -14891,47 +14399,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/puppeteer": {
-      "version": "24.39.1",
-      "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-24.39.1.tgz",
-      "integrity": "sha512-68Zc9QpcVvfxp2C+3UL88TyUogEAn5tSylXidbEuEXvhiqK1+v65zeBU5ubinAgEHMGr3dcSYqvYrGtdzsPI3w==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@puppeteer/browsers": "2.13.0",
-        "chromium-bidi": "14.0.0",
-        "cosmiconfig": "^9.0.0",
-        "devtools-protocol": "0.0.1581282",
-        "puppeteer-core": "24.39.1",
-        "typed-query-selector": "^2.12.1"
-      },
-      "bin": {
-        "puppeteer": "lib/cjs/puppeteer/node/cli.js"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/puppeteer-core": {
-      "version": "24.39.1",
-      "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-24.39.1.tgz",
-      "integrity": "sha512-AMqQIKoEhPS6CilDzw0Gd1brLri3emkC+1N2J6ZCCuY1Cglo56M63S0jOeBZDQlemOiRd686MYVMl9ELJBzN3A==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@puppeteer/browsers": "2.13.0",
-        "chromium-bidi": "14.0.0",
-        "debug": "^4.4.3",
-        "devtools-protocol": "0.0.1581282",
-        "typed-query-selector": "^2.12.1",
-        "webdriver-bidi-protocol": "0.4.1",
-        "ws": "^8.19.0"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/pvtsutils": {
       "version": "1.3.6",
       "resolved": "https://registry.npmjs.org/pvtsutils/-/pvtsutils-1.3.6.tgz",
@@ -15035,6 +14502,7 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.0.0.tgz",
       "integrity": "sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 20.19.0"
@@ -15061,6 +14529,7 @@
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/reflect-metadata/-/reflect-metadata-0.2.2.tgz",
       "integrity": "sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q==",
+      "dev": true,
       "license": "Apache-2.0"
     },
     "node_modules/regenerate": {
@@ -15322,9 +14791,9 @@
       }
     },
     "node_modules/retry": {
-      "version": "0.13.1",
-      "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
-      "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==",
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz",
+      "integrity": "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -15631,9 +15100,9 @@
       }
     },
     "node_modules/sax": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/sax/-/sax-1.5.0.tgz",
-      "integrity": "sha512-21IYA3Q5cQf089Z6tgaUTr7lDAyzoTPx5HRtbhsME8Udispad8dC/+sziTNugOEx54ilvatQ9YCzl4KQLPcRHA==",
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.6.0.tgz",
+      "integrity": "sha512-6R3J5M4AcbtLUdZmRv2SygeVaM7IhrLXu9BmnOGmmACak8fiUtOsYNWUS4uK7upbmHIBbLBeFeI//477BKLBzA==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "optional": true,
@@ -15704,6 +15173,7 @@
       "version": "7.7.4",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
       "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "dev": true,
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -16406,9 +15876,9 @@
       "license": "MIT"
     },
     "node_modules/streamx": {
-      "version": "2.23.0",
-      "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.23.0.tgz",
-      "integrity": "sha512-kn+e44esVfn2Fa/O0CPFcex27fjIL6MkVae0Mm6q+E6f0hWv578YCERbv+4m02cjxvDsPKLnmxral/rR6lBMAg==",
+      "version": "2.25.0",
+      "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.25.0.tgz",
+      "integrity": "sha512-0nQuG6jf1w+wddNEEXCF4nTg3LtufWINB5eFEN+5TNZW7KWJp6x87+JFL43vaAUPyCfH1wID+mNVyW6OHtFamg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -16489,6 +15959,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz",
       "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ansi-regex": "^6.2.2"
@@ -16578,9 +16049,9 @@
       }
     },
     "node_modules/tar": {
-      "version": "7.5.11",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.11.tgz",
-      "integrity": "sha512-ChjMH33/KetonMTAtpYdgUFr0tbz69Fp2v7zWxQfYZX4g5ZN2nOBXm1R2xyA+lMIKrLKIoKAwFj93jE/avX9cQ==",
+      "version": "7.5.12",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.12.tgz",
+      "integrity": "sha512-9TsuLcdhOn4XztcQqhNyq1KOwOOED/3k58JAvtULiYqbO8B/0IBAAIE1hj0Svmm58k27TmcigyDI0deMlgG3uw==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
@@ -16594,34 +16065,6 @@
         "node": ">=18"
       }
     },
-    "node_modules/tar-fs": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-3.1.2.tgz",
-      "integrity": "sha512-QGxxTxxyleAdyM3kpFs14ymbYmNFrfY+pHj7Z8FgtbZ7w2//VAgLMac7sT6nRpIHjppXO2AwwEOg0bPFVRcmXw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "pump": "^3.0.0",
-        "tar-stream": "^3.1.5"
-      },
-      "optionalDependencies": {
-        "bare-fs": "^4.0.1",
-        "bare-path": "^3.0.0"
-      }
-    },
-    "node_modules/tar-stream": {
-      "version": "3.1.8",
-      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-3.1.8.tgz",
-      "integrity": "sha512-U6QpVRyCGHva435KoNWy9PRoi2IFYCgtEhq9nmrPPpbRacPs9IH4aJ3gbrFC8dPcXvdSZ4XXfXT5Fshbp2MtlQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "b4a": "^1.6.4",
-        "bare-fs": "^4.5.5",
-        "fast-fifo": "^1.2.0",
-        "streamx": "^2.15.0"
-      }
-    },
     "node_modules/tar/node_modules/yallist": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz",
@@ -16726,9 +16169,9 @@
       }
     },
     "node_modules/thingies": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/thingies/-/thingies-2.5.0.tgz",
-      "integrity": "sha512-s+2Bwztg6PhWUD7XMfeYm5qliDdSiZm7M7n8KjTkIsm3l/2lgVRc2/Gx/v+ZX8lT4FMA+i8aQvhcWylldc+ZNw==",
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/thingies/-/thingies-2.6.0.tgz",
+      "integrity": "sha512-rMHRjmlFLM1R96UYPvpmnc3LYtdFrT33JIB7L9hetGue1qAPfn1N2LJeEjxUSidu1Iku+haLZXDuEXUHNGO/lg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -16867,9 +16310,9 @@
       }
     },
     "node_modules/ts-api-utils": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.4.0.tgz",
-      "integrity": "sha512-3TaVTaAv2gTiMB35i3FiGJaRfwb3Pyn/j3m/bfAvGe8FB7CF6u+LMYqYlDh7reQf7UNvoTvdfAqHGmPGOSsPmA==",
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.5.0.tgz",
+      "integrity": "sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -16967,18 +16410,11 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/typed-query-selector": {
-      "version": "2.12.1",
-      "resolved": "https://registry.npmjs.org/typed-query-selector/-/typed-query-selector-2.12.1.tgz",
-      "integrity": "sha512-uzR+FzI8qrUEIu96oaeBJmd9E7CFEiQ3goA5qCVgc4s5llSubcfGHq9yUstZx/k4s9dXHVKsE35YWoFyvEqEHA==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/typescript": {
       "version": "5.9.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
-      "devOptional": true,
+      "dev": true,
       "license": "Apache-2.0",
       "peer": true,
       "bin": {
@@ -16990,17 +16426,17 @@
       }
     },
     "node_modules/typescript-eslint": {
-      "version": "8.57.0",
-      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.57.0.tgz",
-      "integrity": "sha512-W8GcigEMEeB07xEZol8oJ26rigm3+bfPHxHvwbYUlu1fUDsGuQ7Hiskx5xGW/xM4USc9Ephe3jtv7ZYPQntHeA==",
+      "version": "8.57.1",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.57.1.tgz",
+      "integrity": "sha512-fLvZWf+cAGw3tqMCYzGIU6yR8K+Y9NT2z23RwOjlNFF2HwSB3KhdEFI5lSBv8tNmFkkBShSjsCjzx1vahZfISA==",
       "dev": true,
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@typescript-eslint/eslint-plugin": "8.57.0",
-        "@typescript-eslint/parser": "8.57.0",
-        "@typescript-eslint/typescript-estree": "8.57.0",
-        "@typescript-eslint/utils": "8.57.0"
+        "@typescript-eslint/eslint-plugin": "8.57.1",
+        "@typescript-eslint/parser": "8.57.1",
+        "@typescript-eslint/typescript-estree": "8.57.1",
+        "@typescript-eslint/utils": "8.57.1"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -17121,32 +16557,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/unique-filename": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-5.0.0.tgz",
-      "integrity": "sha512-2RaJTAvAb4owyjllTfXzFClJ7WsGxlykkPvCr9pA//LD9goVq+m4PPAeBgNodGZ7nSrntT/auWpJ6Y5IFXcfjg==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "unique-slug": "^6.0.0"
-      },
-      "engines": {
-        "node": "^20.17.0 || >=22.9.0"
-      }
-    },
-    "node_modules/unique-slug": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-6.0.0.tgz",
-      "integrity": "sha512-4Lup7Ezn8W3d52/xBhZBVdx323ckxa7DEvd9kPQHppTkLoJXw6ltrBCyj5pnrxj0qKDxYMJ56CoxNuFCscdTiw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "imurmurhash": "^0.1.4"
-      },
-      "engines": {
-        "node": "^20.17.0 || >=22.9.0"
-      }
-    },
     "node_modules/universalify": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
@@ -17171,6 +16581,7 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
       "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -17559,13 +16970,6 @@
       "license": "MIT",
       "optional": true
     },
-    "node_modules/webdriver-bidi-protocol": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/webdriver-bidi-protocol/-/webdriver-bidi-protocol-0.4.1.tgz",
-      "integrity": "sha512-ARrjNjtWRRs2w4Tk7nqrf2gBI0QXWuOmMCx2hU+1jUt6d00MjMxURrhxhGbrsoiZKJrhTSTzbIrc554iKI10qw==",
-      "dev": true,
-      "license": "Apache-2.0"
-    },
     "node_modules/webpack": {
       "version": "5.105.2",
       "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.105.2.tgz",
@@ -18436,6 +17840,7 @@
       "version": "5.0.8",
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
       "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "dev": true,
       "license": "ISC",
       "engines": {
         "node": ">=10"
@@ -18445,12 +17850,14 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
       "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true,
       "license": "ISC"
     },
     "node_modules/yargs": {
       "version": "18.0.0",
       "resolved": "https://registry.npmjs.org/yargs/-/yargs-18.0.0.tgz",
       "integrity": "sha512-4UEqdc2RYGHZc7Doyqkrqiln3p9X2DZVxaGbwhn2pi7MrRagKaOcIKe8L3OxYcbhXLgLFUS3zAYuQjKBQgmuNg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "cliui": "^9.0.1",
@@ -18468,6 +17875,7 @@
       "version": "22.0.0",
       "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-22.0.0.tgz",
       "integrity": "sha512-rwu/ClNdSMpkSrUb+d6BRsSkLUq1fmfsY6TOpYzTwvwkg1/NRG85KBy3kq++A8LKQwX6lsu+aWad+2khvuXrqw==",
+      "dev": true,
       "license": "ISC",
       "engines": {
         "node": "^20.19.0 || ^22.12.0 || >=23"
@@ -18477,12 +17885,14 @@
       "version": "10.6.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
       "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/yargs/node_modules/string-width": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
       "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "emoji-regex": "^10.3.0",
@@ -18496,17 +17906,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/yauzl": {
-      "version": "2.10.0",
-      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
-      "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "buffer-crc32": "~0.2.3",
-        "fd-slicer": "~1.1.0"
-      }
-    },
     "node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
@@ -18575,17 +17974,14 @@
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "@angular/animations": "^21.2.4",
-        "@angular/cdk": "^21.2.2",
-        "@angular/common": "^21.2.4",
-        "@angular/compiler": "^21.2.4",
-        "@angular/compiler-cli": "^21.2.4",
-        "@angular/core": "^21.2.4",
-        "@angular/elements": "^21.2.4",
-        "@angular/forms": "^21.2.4",
-        "@angular/material": "^21.2.2",
-        "@angular/platform-browser": "^21.2.4",
-        "@angular/router": "^21.2.4",
+        "@angular/cdk": "^21.2.3",
+        "@angular/common": "^21.2.5",
+        "@angular/compiler": "^21.2.5",
+        "@angular/core": "^21.2.5",
+        "@angular/forms": "^21.2.5",
+        "@angular/material": "^21.2.3",
+        "@angular/platform-browser": "^21.2.5",
+        "@angular/router": "^21.2.5",
         "@laserfiche/lf-api-client-core": "^1.1.19",
         "@laserfiche/lf-js-utils": "^4.0.13",
         "@laserfiche/lf-resource-library": "^5.0.3",
diff --git a/package.json b/package.json
index 765332a5..65a5d92e 100644
--- a/package.json
+++ b/package.json
@@ -36,43 +36,40 @@
   "devDependencies": {
     "@analogjs/vite-plugin-angular": "^2.3.1",
     "@analogjs/vitest-angular": "^2.3.1",
-    "@angular-devkit/build-angular": "^21.2.2",
-    "@angular-eslint/builder": "^21.3.0",
-    "@angular-eslint/schematics": "^21.3.0",
-    "@angular/cli": "^21.2.2",
+    "@angular-devkit/build-angular": "^21.2.3",
+    "@angular-eslint/builder": "^21.3.1",
+    "@angular-eslint/schematics": "^21.3.1",
+    "@angular/cli": "^21.2.3",
     "@microsoft/api-extractor": "^7.57.7",
     "@stylistic/eslint-plugin": "^5.10.0",
     "@types/lodash": "^4.17.24",
     "@types/node": "^24.12.0",
     "@vitest/browser": "^4.1.0",
     "@vitest/browser-playwright": "^4.1.0",
-    "angular-eslint": "^21.3.0",
+    "angular-eslint": "^21.3.1",
     "date-fns": "^4.1.0",
-    "eslint": "^10.0.3",
+    "eslint": "^10.1.0",
     "flatpickr": "^4.6.13",
     "gulp": "^5.0.1",
     "gulp-replace": "^1.1.4",
-    "ng-packagr": "^21.2.0",
+    "ng-packagr": "^21.2.1",
     "prettier": "^3.8.1",
-    "puppeteer": "^24.39.1",
     "tslib": "^2.8.1",
     "typescript": "5.9.3",
-    "typescript-eslint": "^8.57.0",
+    "typescript-eslint": "^8.57.1",
     "vitest": "^4.1.0",
     "yargs": "^18.0.0"
   },
   "peerDependencies": {
-    "@angular/animations": "^21.2.4",
-    "@angular/cdk": "^21.2.2",
-    "@angular/common": "^21.2.4",
-    "@angular/compiler": "^21.2.4",
-    "@angular/compiler-cli": "^21.2.4",
-    "@angular/core": "^21.2.4",
-    "@angular/elements": "^21.2.4",
-    "@angular/forms": "^21.2.4",
-    "@angular/material": "^21.2.2",
-    "@angular/platform-browser": "^21.2.4",
-    "@angular/router": "^21.2.4",
+    "@angular/animations": "^21.2.5",
+    "@angular/cdk": "^21.2.3",
+    "@angular/common": "^21.2.5",
+    "@angular/compiler": "^21.2.5",
+    "@angular/core": "^21.2.5",
+    "@angular/forms": "^21.2.5",
+    "@angular/material": "^21.2.3",
+    "@angular/platform-browser": "^21.2.5",
+    "@angular/router": "^21.2.5",
     "@laserfiche/lf-api-client-core": "^1.1.19",
     "@laserfiche/lf-js-utils": "^4.0.13",
     "@laserfiche/lf-resource-library": "^5.0.3",
diff --git a/projects/ui-components/package-lock.json b/projects/ui-components/package-lock.json
index 18821fac..78b78251 100644
--- a/projects/ui-components/package-lock.json
+++ b/projects/ui-components/package-lock.json
@@ -12,17 +12,14 @@
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "@angular/animations": "^21.2.4",
-        "@angular/cdk": "^21.2.2",
-        "@angular/common": "^21.2.4",
-        "@angular/compiler": "^21.2.4",
-        "@angular/compiler-cli": "^21.2.4",
-        "@angular/core": "^21.2.4",
-        "@angular/elements": "^21.2.4",
-        "@angular/forms": "^21.2.4",
-        "@angular/material": "^21.2.2",
-        "@angular/platform-browser": "^21.2.4",
-        "@angular/router": "^21.2.4",
+        "@angular/cdk": "^21.2.3",
+        "@angular/common": "^21.2.5",
+        "@angular/compiler": "^21.2.5",
+        "@angular/core": "^21.2.5",
+        "@angular/forms": "^21.2.5",
+        "@angular/material": "^21.2.3",
+        "@angular/platform-browser": "^21.2.5",
+        "@angular/router": "^21.2.5",
         "@laserfiche/lf-api-client-core": "^1.1.19",
         "@laserfiche/lf-js-utils": "^4.0.13",
         "@laserfiche/lf-resource-library": "^5.0.3",
@@ -33,26 +30,10 @@
         "rxjs": "^7.8.0"
       }
     },
-    "node_modules/@angular/animations": {
-      "version": "21.2.4",
-      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-21.2.4.tgz",
-      "integrity": "sha512-hO1P7ks9n7lW3D31bzHohSuoAaj05xJUlK8rZgX8IkH5DLx4qhvfNh0t4bbLuBJLP2r1TaLsQ8KFcemCkFRO2w==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "tslib": "^2.3.0"
-      },
-      "engines": {
-        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
-      },
-      "peerDependencies": {
-        "@angular/core": "21.2.4"
-      }
-    },
     "node_modules/@angular/cdk": {
-      "version": "21.2.2",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.2.2.tgz",
-      "integrity": "sha512-9AsZkwqy07No7+0qPydcJfXB6SpA9qLDBanoesNj5KsiZJ62PJH3oIjVyNeQEEe1HQWmSwBnhwN12OPLNMUlnw==",
+      "version": "21.2.3",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.2.3.tgz",
+      "integrity": "sha512-7t+UhfbSpIUG9uUyL4b8nI/HyYyrbgAvDwBT8kH4D7If0WiFQhUoottAM0+WZ7Uy+F4nx322K6TOomz/fZJOoQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -67,9 +48,9 @@
       }
     },
     "node_modules/@angular/common": {
-      "version": "21.2.4",
-      "resolved": "https://registry.npmjs.org/@angular/common/-/common-21.2.4.tgz",
-      "integrity": "sha512-NrP6qOuUpo3fqq14UJ1b2bIRtWsfvxh1qLqOyFV4gfBrHhXd0XffU1LUlUw1qp4w1uBSgPJ0/N5bSPUWrAguVg==",
+      "version": "21.2.5",
+      "resolved": "https://registry.npmjs.org/@angular/common/-/common-21.2.5.tgz",
+      "integrity": "sha512-MTjCbsHBkF9W12CW9yYiTJdVfZv/qCqBCZ2iqhMpDA5G+ZJiTKP0IDTJVrx2N5iHfiJ1lnK719t/9GXROtEAvg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -79,14 +60,14 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "21.2.4",
+        "@angular/core": "21.2.5",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/compiler": {
-      "version": "21.2.4",
-      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-21.2.4.tgz",
-      "integrity": "sha512-9+ulVK3idIo/Tu4X2ic7/V0+Uj7pqrOAbOuIirYe6Ymm3AjexuFRiGBbfcH0VJhQ5cf8TvIJ1fuh+MI4JiRIxA==",
+      "version": "21.2.5",
+      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-21.2.5.tgz",
+      "integrity": "sha512-QloEsknGqLvmr+ED7QShDt7SoMY9mipV+gVnwn4hBI5sbl+TOBfYWXIaJMnxseFwSqjXTSCVGckfylIlynNcFg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -96,43 +77,10 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       }
     },
-    "node_modules/@angular/compiler-cli": {
-      "version": "21.2.4",
-      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-21.2.4.tgz",
-      "integrity": "sha512-vGjd7DZo/Ox50pQCm5EycmBu91JclimPtZoyNXu/2hSxz3oAkzwiHCwlHwk2g58eheSSp+lYtYRLmHAqSVZLjg==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@babel/core": "7.29.0",
-        "@jridgewell/sourcemap-codec": "^1.4.14",
-        "chokidar": "^5.0.0",
-        "convert-source-map": "^1.5.1",
-        "reflect-metadata": "^0.2.0",
-        "semver": "^7.0.0",
-        "tslib": "^2.3.0",
-        "yargs": "^18.0.0"
-      },
-      "bin": {
-        "ng-xi18n": "bundles/src/bin/ng_xi18n.js",
-        "ngc": "bundles/src/bin/ngc.js"
-      },
-      "engines": {
-        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
-      },
-      "peerDependencies": {
-        "@angular/compiler": "21.2.4",
-        "typescript": ">=5.9 <6.1"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@angular/core": {
-      "version": "21.2.4",
-      "resolved": "https://registry.npmjs.org/@angular/core/-/core-21.2.4.tgz",
-      "integrity": "sha512-2+gd67ZuXHpGOqeb2o7XZPueEWEP81eJza2tSHkT5QMV8lnYllDEmaNnkPxnIjSLGP1O3PmiXxo4z8ibHkLZwg==",
+      "version": "21.2.5",
+      "resolved": "https://registry.npmjs.org/@angular/core/-/core-21.2.5.tgz",
+      "integrity": "sha512-JgHU134Adb1wrpyGC9ozcv3hiRAgaFTvJFn1u9OU/AVXyxu4meMmVh2hp5QhAvPnv8XQdKWWIkAY+dbpPE6zKA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -142,7 +90,7 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/compiler": "21.2.4",
+        "@angular/compiler": "21.2.5",
         "rxjs": "^6.5.3 || ^7.4.0",
         "zone.js": "~0.15.0 || ~0.16.0"
       },
@@ -155,27 +103,10 @@
         }
       }
     },
-    "node_modules/@angular/elements": {
-      "version": "21.2.4",
-      "resolved": "https://registry.npmjs.org/@angular/elements/-/elements-21.2.4.tgz",
-      "integrity": "sha512-uAfx+RA5Lu8nD5yWSEZVV6a/BQkyC0L05mvB+Zm1nk1PoMvrjgH/8xTyHOkj3SNOY2dWwzek7Zc1tXleKotnZA==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "tslib": "^2.3.0"
-      },
-      "engines": {
-        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
-      },
-      "peerDependencies": {
-        "@angular/core": "21.2.4",
-        "rxjs": "^6.5.3 || ^7.4.0"
-      }
-    },
     "node_modules/@angular/forms": {
-      "version": "21.2.4",
-      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-21.2.4.tgz",
-      "integrity": "sha512-1fOhctA9ADEBYjI3nPQUR5dHsK2+UWAjup37Ksldk/k0w8UpD5YsN7JVNvsDMZRFMucKYcGykPblU7pABtsqnQ==",
+      "version": "21.2.5",
+      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-21.2.5.tgz",
+      "integrity": "sha512-pqRuK+a1ZAFZbs8/dZoorFJah2IWaf/SH8axHUpaDJ7fyNrwNEcpczyObdxZ00lOgORpKAhWo/q0hlVS+In8cw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -186,23 +117,23 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "21.2.4",
-        "@angular/core": "21.2.4",
-        "@angular/platform-browser": "21.2.4",
+        "@angular/common": "21.2.5",
+        "@angular/core": "21.2.5",
+        "@angular/platform-browser": "21.2.5",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/material": {
-      "version": "21.2.2",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-21.2.2.tgz",
-      "integrity": "sha512-yY7kdmltNd28Tw8bHvoSFuoO8jMJSicSU9gB9r4jSLHPWAI9Y3V2qvLEimfPLRmzEaWwSoqKda95k/646lgg6A==",
+      "version": "21.2.3",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-21.2.3.tgz",
+      "integrity": "sha512-mqmqhHRKIJwSKaYUtb9hH6/oHmozgqv/pYQMvMa3Fd5iipV0VxXN2GdNl3WE9LV9FJhHDBMitNU0hdE0uCM1nQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/cdk": "21.2.2",
+        "@angular/cdk": "21.2.3",
         "@angular/common": "^21.0.0 || ^22.0.0",
         "@angular/core": "^21.0.0 || ^22.0.0",
         "@angular/forms": "^21.0.0 || ^22.0.0",
@@ -211,9 +142,9 @@
       }
     },
     "node_modules/@angular/platform-browser": {
-      "version": "21.2.4",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-21.2.4.tgz",
-      "integrity": "sha512-1A9e/cQVu+3BkRCktLcO3RZGuw8NOTHw1frUUrpAz+iMyvIT4sDRFbL+U1g8qmOCZqRNC1Pi1HZfZ1kl6kvrcQ==",
+      "version": "21.2.5",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-21.2.5.tgz",
+      "integrity": "sha512-VuuYguxjgyI4XWuoXrKynmuA3FB991pXbkNhxHeCW0yX+7DGOnGLPF1oierd4/X+IvskmN8foBZLfjyg9u4Ffg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -223,9 +154,9 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/animations": "21.2.4",
-        "@angular/common": "21.2.4",
-        "@angular/core": "21.2.4"
+        "@angular/animations": "21.2.5",
+        "@angular/common": "21.2.5",
+        "@angular/core": "21.2.5"
       },
       "peerDependenciesMeta": {
         "@angular/animations": {
@@ -234,9 +165,9 @@
       }
     },
     "node_modules/@angular/router": {
-      "version": "21.2.4",
-      "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.2.4.tgz",
-      "integrity": "sha512-OjWze4XT8i2MThcBXMv7ru1k6/5L6QYZbcXuseqimFCHm2avEJ+mXPovY066fMBZJhqbXdjB82OhHAWkIHjglQ==",
+      "version": "21.2.5",
+      "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.2.5.tgz",
+      "integrity": "sha512-yQGhTVGvh8OMW3auj13+g+OCSQj7gyBQON/2X4LuCvIUG71NPV6Fqzfk9DKTKaXpqo0FThy8/LPJ0Lsy3CRejg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -246,306 +177,12 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "21.2.4",
-        "@angular/core": "21.2.4",
-        "@angular/platform-browser": "21.2.4",
+        "@angular/common": "21.2.5",
+        "@angular/core": "21.2.5",
+        "@angular/platform-browser": "21.2.5",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
-    "node_modules/@babel/code-frame": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
-      "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-validator-identifier": "^7.28.5",
-        "js-tokens": "^4.0.0",
-        "picocolors": "^1.1.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/compat-data": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.0.tgz",
-      "integrity": "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/core": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
-      "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.29.0",
-        "@babel/generator": "^7.29.0",
-        "@babel/helper-compilation-targets": "^7.28.6",
-        "@babel/helper-module-transforms": "^7.28.6",
-        "@babel/helpers": "^7.28.6",
-        "@babel/parser": "^7.29.0",
-        "@babel/template": "^7.28.6",
-        "@babel/traverse": "^7.29.0",
-        "@babel/types": "^7.29.0",
-        "@jridgewell/remapping": "^2.3.5",
-        "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",
-      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
-      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-      "license": "MIT"
-    },
-    "node_modules/@babel/core/node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
-    "node_modules/@babel/generator": {
-      "version": "7.29.1",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
-      "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/parser": "^7.29.0",
-        "@babel/types": "^7.29.0",
-        "@jridgewell/gen-mapping": "^0.3.12",
-        "@jridgewell/trace-mapping": "^0.3.28",
-        "jsesc": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz",
-      "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/compat-data": "^7.28.6",
-        "@babel/helper-validator-option": "^7.27.1",
-        "browserslist": "^4.24.0",
-        "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",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
-    "node_modules/@babel/helper-globals": {
-      "version": "7.28.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
-      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-module-imports": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz",
-      "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/traverse": "^7.28.6",
-        "@babel/types": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-module-transforms": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz",
-      "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-module-imports": "^7.28.6",
-        "@babel/helper-validator-identifier": "^7.28.5",
-        "@babel/traverse": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-string-parser": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
-      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
-      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-validator-option": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
-      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helpers": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.6.tgz",
-      "integrity": "sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/template": "^7.28.6",
-        "@babel/types": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/parser": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.0.tgz",
-      "integrity": "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/types": "^7.29.0"
-      },
-      "bin": {
-        "parser": "bin/babel-parser.js"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@babel/template": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz",
-      "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/code-frame": "^7.28.6",
-        "@babel/parser": "^7.28.6",
-        "@babel/types": "^7.28.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/traverse": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.0.tgz",
-      "integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/code-frame": "^7.29.0",
-        "@babel/generator": "^7.29.0",
-        "@babel/helper-globals": "^7.28.0",
-        "@babel/parser": "^7.29.0",
-        "@babel/template": "^7.28.6",
-        "@babel/types": "^7.29.0",
-        "debug": "^4.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/types": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
-      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-string-parser": "^7.27.1",
-        "@babel/helper-validator-identifier": "^7.28.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.13",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
-      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.0",
-        "@jridgewell/trace-mapping": "^0.3.24"
-      }
-    },
-    "node_modules/@jridgewell/remapping": {
-      "version": "2.3.5",
-      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
-      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.5",
-        "@jridgewell/trace-mapping": "^0.3.24"
-      }
-    },
-    "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
-      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.5.5",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
-      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
-      "license": "MIT"
-    },
-    "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.31",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
-      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/resolve-uri": "^3.1.0",
-        "@jridgewell/sourcemap-codec": "^1.4.14"
-      }
-    },
     "node_modules/@laserfiche/lf-api-client-core": {
       "version": "1.1.19",
       "resolved": "https://registry.npmjs.org/@laserfiche/lf-api-client-core/-/lf-api-client-core-1.1.19.tgz",
@@ -578,131 +215,6 @@
       "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
       "license": "MIT"
     },
-    "node_modules/ansi-regex": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
-      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
-    },
-    "node_modules/ansi-styles": {
-      "version": "6.2.3",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
-      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/baseline-browser-mapping": {
-      "version": "2.10.8",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.8.tgz",
-      "integrity": "sha512-PCLz/LXGBsNTErbtB6i5u4eLpHeMfi93aUv5duMmj6caNu6IphS4q6UevDnL36sZQv9lrP11dbPKGMaXPwMKfQ==",
-      "license": "Apache-2.0",
-      "bin": {
-        "baseline-browser-mapping": "dist/cli.cjs"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/browserslist": {
-      "version": "4.28.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
-      "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
-      "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",
-      "peer": true,
-      "dependencies": {
-        "baseline-browser-mapping": "^2.9.0",
-        "caniuse-lite": "^1.0.30001759",
-        "electron-to-chromium": "^1.5.263",
-        "node-releases": "^2.0.27",
-        "update-browserslist-db": "^1.2.0"
-      },
-      "bin": {
-        "browserslist": "cli.js"
-      },
-      "engines": {
-        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
-      }
-    },
-    "node_modules/caniuse-lite": {
-      "version": "1.0.30001779",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001779.tgz",
-      "integrity": "sha512-U5og2PN7V4DMgF50YPNtnZJGWVLFjjsN3zb6uMT5VGYIewieDj1upwfuVNXf4Kor+89c3iCRJnSzMD5LmTvsfA==",
-      "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/chokidar": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
-      "integrity": "sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==",
-      "license": "MIT",
-      "dependencies": {
-        "readdirp": "^5.0.0"
-      },
-      "engines": {
-        "node": ">= 20.19.0"
-      },
-      "funding": {
-        "url": "https://paulmillr.com/funding/"
-      }
-    },
-    "node_modules/cliui": {
-      "version": "9.0.1",
-      "resolved": "https://registry.npmjs.org/cliui/-/cliui-9.0.1.tgz",
-      "integrity": "sha512-k7ndgKhwoQveBL+/1tqGJYNz097I7WOvwbmmU2AR5+magtbjPWQTS1C5vzGkBC8Ym8UWRzfKUzUUqFLypY4Q+w==",
-      "license": "ISC",
-      "dependencies": {
-        "string-width": "^7.2.0",
-        "strip-ansi": "^7.1.0",
-        "wrap-ansi": "^9.0.0"
-      },
-      "engines": {
-        "node": ">=20"
-      }
-    },
-    "node_modules/convert-source-map": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
-      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
-      "license": "MIT"
-    },
     "node_modules/date-fns": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.1.0.tgz",
@@ -714,35 +226,6 @@
         "url": "https://github.com/sponsors/kossnocorp"
       }
     },
-    "node_modules/debug": {
-      "version": "4.4.3",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
-      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
-      "license": "MIT",
-      "dependencies": {
-        "ms": "^2.1.3"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/electron-to-chromium": {
-      "version": "1.5.313",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.313.tgz",
-      "integrity": "sha512-QBMrTWEf00GXZmJyx2lbYD45jpI3TUFnNIzJ5BBc8piGUDwMPa1GV6HJWTZVvY/eiN3fSopl7NRbgGp9sZ9LTA==",
-      "license": "ISC"
-    },
-    "node_modules/emoji-regex": {
-      "version": "10.6.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
-      "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
-      "license": "MIT"
-    },
     "node_modules/entities": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
@@ -755,15 +238,6 @@
         "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
-    "node_modules/escalade": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
-      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/flatpickr": {
       "version": "4.6.13",
       "resolved": "https://registry.npmjs.org/flatpickr/-/flatpickr-4.6.13.tgz",
@@ -771,66 +245,6 @@
       "license": "MIT",
       "peer": true
     },
-    "node_modules/gensync": {
-      "version": "1.0.0-beta.2",
-      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
-      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/get-caller-file": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
-      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
-      "license": "ISC",
-      "engines": {
-        "node": "6.* || 8.* || >= 10.*"
-      }
-    },
-    "node_modules/get-east-asian-width": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.5.0.tgz",
-      "integrity": "sha512-CQ+bEO+Tva/qlmw24dCejulK5pMzVnUOFOijVogd3KQs07HnRIgp8TGipvCCRT06xeYEbpbgwaCxglFyiuIcmA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/js-tokens": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-      "license": "MIT"
-    },
-    "node_modules/jsesc": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
-      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
-      "license": "MIT",
-      "bin": {
-        "jsesc": "bin/jsesc"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/json5": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
-      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
-      "license": "MIT",
-      "bin": {
-        "json5": "lib/cli.js"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/jsonc-parser": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.3.1.tgz",
@@ -862,21 +276,6 @@
       "license": "MIT",
       "peer": true
     },
-    "node_modules/lru-cache": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
-      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
-      "license": "ISC",
-      "dependencies": {
-        "yallist": "^3.0.2"
-      }
-    },
-    "node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "license": "MIT"
-    },
     "node_modules/ngx-mask": {
       "version": "21.0.1",
       "resolved": "https://registry.npmjs.org/ngx-mask/-/ngx-mask-21.0.1.tgz",
@@ -892,12 +291,6 @@
         "@angular/forms": "^21.0.0"
       }
     },
-    "node_modules/node-releases": {
-      "version": "2.0.36",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.36.tgz",
-      "integrity": "sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==",
-      "license": "MIT"
-    },
     "node_modules/parse5": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/parse5/-/parse5-8.0.0.tgz",
@@ -910,31 +303,6 @@
         "url": "https://github.com/inikulin/parse5?sponsor=1"
       }
     },
-    "node_modules/picocolors": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
-      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
-      "license": "ISC"
-    },
-    "node_modules/readdirp": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.0.0.tgz",
-      "integrity": "sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 20.19.0"
-      },
-      "funding": {
-        "type": "individual",
-        "url": "https://paulmillr.com/funding/"
-      }
-    },
-    "node_modules/reflect-metadata": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/reflect-metadata/-/reflect-metadata-0.2.2.tgz",
-      "integrity": "sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q==",
-      "license": "Apache-2.0"
-    },
     "node_modules/rxjs": {
       "version": "7.8.2",
       "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
@@ -945,143 +313,11 @@
         "tslib": "^2.1.0"
       }
     },
-    "node_modules/semver": {
-      "version": "7.7.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
-      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/string-width": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
-      "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^10.3.0",
-        "get-east-asian-width": "^1.0.0",
-        "strip-ansi": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/strip-ansi": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz",
-      "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^6.2.2"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-      }
-    },
     "node_modules/tslib": {
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
       "license": "0BSD"
-    },
-    "node_modules/update-browserslist-db": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
-      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
-      "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.2.0",
-        "picocolors": "^1.1.1"
-      },
-      "bin": {
-        "update-browserslist-db": "cli.js"
-      },
-      "peerDependencies": {
-        "browserslist": ">= 4.21.0"
-      }
-    },
-    "node_modules/wrap-ansi": {
-      "version": "9.0.2",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.2.tgz",
-      "integrity": "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==",
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^6.2.1",
-        "string-width": "^7.0.0",
-        "strip-ansi": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/y18n": {
-      "version": "5.0.8",
-      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
-      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
-      "license": "ISC",
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/yallist": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
-      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
-      "license": "ISC"
-    },
-    "node_modules/yargs": {
-      "version": "18.0.0",
-      "resolved": "https://registry.npmjs.org/yargs/-/yargs-18.0.0.tgz",
-      "integrity": "sha512-4UEqdc2RYGHZc7Doyqkrqiln3p9X2DZVxaGbwhn2pi7MrRagKaOcIKe8L3OxYcbhXLgLFUS3zAYuQjKBQgmuNg==",
-      "license": "MIT",
-      "dependencies": {
-        "cliui": "^9.0.1",
-        "escalade": "^3.1.1",
-        "get-caller-file": "^2.0.5",
-        "string-width": "^7.2.0",
-        "y18n": "^5.0.5",
-        "yargs-parser": "^22.0.0"
-      },
-      "engines": {
-        "node": "^20.19.0 || ^22.12.0 || >=23"
-      }
-    },
-    "node_modules/yargs-parser": {
-      "version": "22.0.0",
-      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-22.0.0.tgz",
-      "integrity": "sha512-rwu/ClNdSMpkSrUb+d6BRsSkLUq1fmfsY6TOpYzTwvwkg1/NRG85KBy3kq++A8LKQwX6lsu+aWad+2khvuXrqw==",
-      "license": "ISC",
-      "engines": {
-        "node": "^20.19.0 || ^22.12.0 || >=23"
-      }
     }
   }
 }
diff --git a/projects/ui-components/package.json b/projects/ui-components/package.json
index cfc396ba..054723ac 100644
--- a/projects/ui-components/package.json
+++ b/projects/ui-components/package.json
@@ -7,17 +7,14 @@
     "url": "https://github.com/Laserfiche/lf-ui-components"
   },
   "peerDependencies": {
-    "@angular/animations": "^21.2.4",
-    "@angular/cdk": "^21.2.2",
-    "@angular/common": "^21.2.4",
-    "@angular/compiler": "^21.2.4",
-    "@angular/compiler-cli": "^21.2.4",
-    "@angular/core": "^21.2.4",
-    "@angular/elements": "^21.2.4",
-    "@angular/forms": "^21.2.4",
-    "@angular/material": "^21.2.2",
-    "@angular/platform-browser": "^21.2.4",
-    "@angular/router": "^21.2.4",
+    "@angular/cdk": "^21.2.3",
+    "@angular/common": "^21.2.5",
+    "@angular/compiler": "^21.2.5",
+    "@angular/core": "^21.2.5",
+    "@angular/forms": "^21.2.5",
+    "@angular/material": "^21.2.3",
+    "@angular/platform-browser": "^21.2.5",
+    "@angular/router": "^21.2.5",
     "@laserfiche/lf-api-client-core": "^1.1.19",
     "@laserfiche/lf-js-utils": "^4.0.13",
     "@laserfiche/lf-resource-library": "^5.0.3",

From 06e6c1d3651958276535fc613d9f28a88dc99558 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Fri, 20 Mar 2026 18:37:24 +0200
Subject: [PATCH 39/43] Update flaky test

---
 .../login-utils/lf-login.service.spec.ts        | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/projects/ui-components/lf-login/login-utils/lf-login.service.spec.ts b/projects/ui-components/lf-login/login-utils/lf-login.service.spec.ts
index 463602c7..7c8b0fb8 100644
--- a/projects/ui-components/lf-login/login-utils/lf-login.service.spec.ts
+++ b/projects/ui-components/lf-login/login-utils/lf-login.service.spec.ts
@@ -21,8 +21,9 @@ describe('LfLoginService', () => {
   });
 
   afterEach(() => {
-    // Cleanup local storage after each test
+    // Cleanup local storage and test doubles after each test
     localStorage.clear();
+    vi.restoreAllMocks();
   });
 
   it('should be created', () => {
@@ -128,19 +129,17 @@ describe('LfLoginService', () => {
   });
 
   it('parseAccessToken should parse data from jwt', () => {
-    const testHeader = btoa('{"test": "test"}');
-    const JWT = { csid: '123456789', trid: '1' };
-    const encodedJWT = btoa(JSON.stringify(JWT));
-    const parsedToken = service.parseAccessToken(`${testHeader}.${encodedJWT}.hello`);
+    const accessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJjc2lkIjoiMTIzNDU2Nzg5IiwidHJpZCI6IjEifQ.hello';
+    const parsedToken = service.parseAccessToken(accessToken);
+
     expect(parsedToken).toEqual('1');
   });
 
   it('parseAccessToken should parse data from jwt with different environment/region', () => {
     service.authorize_url_host_name = 'a.clouddev.laserfiche.com';
-    const testHeader = btoa('{"test": "test"}');
-    const JWT = { csid: '1123456789', trid: '1' };
-    const encodedJWT = btoa(JSON.stringify(JWT));
-    const parsedToken = service.parseAccessToken(`${testHeader}.${encodedJWT}.hello`);
+    const accessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJjc2lkIjoiMTEyMzQ1Njc4OSIsInRyaWQiOiIxIn0.hello';
+    const parsedToken = service.parseAccessToken(accessToken);
+
     expect(parsedToken).toEqual('1');
   });
 

From 8575a5ad41c85552b54aa9788dfd9f67a27ab599 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Mon, 30 Mar 2026 12:35:48 +0300
Subject: [PATCH 40/43] Update packages

---
 package-lock.json                        | 999 +++++++++++------------
 package.json                             |  16 +-
 projects/ui-components/package-lock.json | 100 +--
 projects/ui-components/package.json      |  18 +-
 4 files changed, 556 insertions(+), 577 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index c8605eb4..ee00b28d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,28 +14,28 @@
       "devDependencies": {
         "@analogjs/vite-plugin-angular": "^2.3.1",
         "@analogjs/vitest-angular": "^2.3.1",
-        "@angular-devkit/build-angular": "^21.2.3",
+        "@angular-devkit/build-angular": "^21.2.5",
         "@angular-eslint/builder": "^21.3.1",
         "@angular-eslint/schematics": "^21.3.1",
-        "@angular/cli": "^21.2.3",
+        "@angular/cli": "^21.2.5",
         "@microsoft/api-extractor": "^7.57.7",
         "@stylistic/eslint-plugin": "^5.10.0",
         "@types/lodash": "^4.17.24",
         "@types/node": "^24.12.0",
-        "@vitest/browser": "^4.1.0",
-        "@vitest/browser-playwright": "^4.1.0",
+        "@vitest/browser": "^4.1.2",
+        "@vitest/browser-playwright": "^4.1.2",
         "angular-eslint": "^21.3.1",
         "date-fns": "^4.1.0",
         "eslint": "^10.1.0",
         "flatpickr": "^4.6.13",
         "gulp": "^5.0.1",
         "gulp-replace": "^1.1.4",
-        "ng-packagr": "^21.2.1",
+        "ng-packagr": "^21.2.2",
         "prettier": "^3.8.1",
         "tslib": "^2.8.1",
-        "typescript": "5.9.3",
-        "typescript-eslint": "^8.57.1",
-        "vitest": "^4.1.0",
+        "typescript": "~5.9.3",
+        "typescript-eslint": "^8.57.2",
+        "vitest": "^4.1.2",
         "yargs": "^18.0.0"
       },
       "peerDependencies": {
@@ -284,7 +284,6 @@
       "integrity": "sha512-6ttSrMFBYwvS5JfovagfhkLaje1RjzztIniBWtH5G8wc6vrud77/sRJWVaVC4Ri4XRBTQ2kG5thSDumccX1B7g==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "tinyglobby": "^0.2.14",
         "ts-morph": "^21.0.0"
@@ -330,14 +329,13 @@
       }
     },
     "node_modules/@angular-devkit/architect": {
-      "version": "0.2102.3",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.2102.3.tgz",
-      "integrity": "sha512-G4wSWUbtWp1WCKw5GMRqHH8g4m5RBpIyzt8n8IX5Pm6iYe/rwCBSKL3ktEkk7AYMwjtonkRlDtAK1GScFsf1Sg==",
+      "version": "0.2102.5",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.2102.5.tgz",
+      "integrity": "sha512-9xE7G177R9G9Kte+4AtbEMlEeZUupnvdBUMVBlZRa/n4UDUyAkB/vj58KrzRCCIVQ/ypHVMwUilaDTO484dd+g==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "@angular-devkit/core": "21.2.3",
+        "@angular-devkit/core": "21.2.5",
         "rxjs": "7.8.2"
       },
       "bin": {
@@ -350,18 +348,17 @@
       }
     },
     "node_modules/@angular-devkit/build-angular": {
-      "version": "21.2.3",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-21.2.3.tgz",
-      "integrity": "sha512-gikRv+l7YMqVHGngdrW75g6+UjSW5HVHf/e6LFWnqt0TAVKWjDDgcgC3d/p15n44+2TaCvec39Pj0uPDJwRd6Q==",
+      "version": "21.2.5",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-21.2.5.tgz",
+      "integrity": "sha512-r07RZPM0AeYEk/VDY3JXdciUQUeSLx5C8S3ntEUmRc2OXILYIJLmuQ9ldcSQCcFeAcbTr1EYIg/iMjV0vjB4Yw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@ampproject/remapping": "2.3.0",
-        "@angular-devkit/architect": "0.2102.3",
-        "@angular-devkit/build-webpack": "0.2102.3",
-        "@angular-devkit/core": "21.2.3",
-        "@angular/build": "21.2.3",
+        "@angular-devkit/architect": "0.2102.5",
+        "@angular-devkit/build-webpack": "0.2102.5",
+        "@angular-devkit/core": "21.2.5",
+        "@angular/build": "21.2.5",
         "@babel/core": "7.29.0",
         "@babel/generator": "7.29.1",
         "@babel/helper-annotate-as-pure": "7.27.3",
@@ -372,7 +369,7 @@
         "@babel/preset-env": "7.29.0",
         "@babel/runtime": "7.28.6",
         "@discoveryjs/json-ext": "0.6.3",
-        "@ngtools/webpack": "21.2.3",
+        "@ngtools/webpack": "21.2.5",
         "ansi-colors": "4.1.3",
         "autoprefixer": "10.4.27",
         "babel-loader": "10.0.0",
@@ -391,7 +388,7 @@
         "mini-css-extract-plugin": "2.10.0",
         "open": "11.0.0",
         "ora": "9.3.0",
-        "picomatch": "4.0.3",
+        "picomatch": "4.0.4",
         "piscina": "5.1.4",
         "postcss": "8.5.6",
         "postcss-loader": "8.2.0",
@@ -427,7 +424,7 @@
         "@angular/platform-browser": "^21.0.0",
         "@angular/platform-server": "^21.0.0",
         "@angular/service-worker": "^21.0.0",
-        "@angular/ssr": "^21.2.3",
+        "@angular/ssr": "^21.2.5",
         "@web/test-runner": "^0.20.0",
         "browser-sync": "^3.0.2",
         "jest": "^30.2.0",
@@ -484,13 +481,13 @@
       }
     },
     "node_modules/@angular-devkit/build-webpack": {
-      "version": "0.2102.3",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.2102.3.tgz",
-      "integrity": "sha512-n3GwWyrzw4jcx0OqEv9DUDgWNT8aB0MqHLNMqILre3W4YMhb+5f0sQMkyv46mdUpko1el/6PGlF0CFAllYgAcA==",
+      "version": "0.2102.5",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.2102.5.tgz",
+      "integrity": "sha512-DBhMEbPD7scUXjoA/43f/6tS6PckIWkY15LldAEWwxbJqRUokMLfnuX21+pv+RETGrIKOQuXxZgLFeQYpodGfA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/architect": "0.2102.3",
+        "@angular-devkit/architect": "0.2102.5",
         "rxjs": "7.8.2"
       },
       "engines": {
@@ -504,16 +501,16 @@
       }
     },
     "node_modules/@angular-devkit/core": {
-      "version": "21.2.3",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-21.2.3.tgz",
-      "integrity": "sha512-i++JVHOijyFckjdYqKbSXUpKnvmO2a0Utt/wQVwiLAT0O9H1hR/2NGPzubB4hnLMNSyVWY8diminaF23mZ0xjA==",
+      "version": "21.2.5",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-21.2.5.tgz",
+      "integrity": "sha512-9z9w7UxKKVmib5QHFZTOfJpAiSudqQwwEZFpQy31yaXR3tJw85xO5owi+66sgTpEvNh9Ix2THhcUq//ToP/0VA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "ajv": "8.18.0",
         "ajv-formats": "3.0.1",
         "jsonc-parser": "3.3.1",
-        "picomatch": "4.0.3",
+        "picomatch": "4.0.4",
         "rxjs": "7.8.2",
         "source-map": "0.7.6"
       },
@@ -532,14 +529,13 @@
       }
     },
     "node_modules/@angular-devkit/schematics": {
-      "version": "21.2.3",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-21.2.3.tgz",
-      "integrity": "sha512-tc/bBloRTVIBWGRiMPln1QbW+2QPj+YnWL/nG79abLKWkdrL9dJLcCRXY7dsPNrxOc/QF+8tVpnr8JofhWL9cQ==",
+      "version": "21.2.5",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-21.2.5.tgz",
+      "integrity": "sha512-gEg84eipTX6lcpNTDVUXBBwp0vs3rXM319Qom+sCLOKBGyqE0mvb1RM1WwfNcyOqeSMQC/vLUwRKqnP0wg1UDg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "@angular-devkit/core": "21.2.3",
+        "@angular-devkit/core": "21.2.5",
         "jsonc-parser": "3.3.1",
         "magic-string": "0.30.21",
         "ora": "9.3.0",
@@ -636,7 +632,6 @@
       "integrity": "sha512-moERVCTekQKOvR8RMuEOtWSO3VS1qrzA3keI1dPto/JVB8Nqp9w3R5ZpEoXHzh4zgEryosxmPgdi6UczJe2ouQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@angular-eslint/bundled-angular-compiler": "21.3.1",
         "eslint-scope": "9.1.2"
@@ -662,9 +657,9 @@
       }
     },
     "node_modules/@angular/animations": {
-      "version": "21.2.5",
-      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-21.2.5.tgz",
-      "integrity": "sha512-8jH48A1gNph5YGlTXXoXJ/5T6uEZB14ITad3uQwBMM1mUUvM0T4QIMk555jIe1fIHHUyTfRR2y7v8SfTe2++fA==",
+      "version": "21.2.6",
+      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-21.2.6.tgz",
+      "integrity": "sha512-SPzTOlkyVagPdb7OMe9hw3dnpMGq2p/nADatzNfRUMXwit8AU8VaiPIrFRsCD52sAL1zDDj60gKsk/dprzIyFA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -674,19 +669,18 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "21.2.5"
+        "@angular/core": "21.2.6"
       }
     },
     "node_modules/@angular/build": {
-      "version": "21.2.3",
-      "resolved": "https://registry.npmjs.org/@angular/build/-/build-21.2.3.tgz",
-      "integrity": "sha512-u4bhVQruK7KOuHQuoltqlHg+szp0f6rnsGIUolJnT3ez5V6OuSoWIxUorSbvryi2DiKRD/3iwMq7qJN1aN9HCA==",
+      "version": "21.2.5",
+      "resolved": "https://registry.npmjs.org/@angular/build/-/build-21.2.5.tgz",
+      "integrity": "sha512-AfE09K+pkgS3VB84R74XG/XB9LQmO6Q6YfpssjDwMnWGwDGGwUGydXn8AKdhnhI4mM2nFKoe+QYszFgrzu5HeQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@ampproject/remapping": "2.3.0",
-        "@angular-devkit/architect": "0.2102.3",
+        "@angular-devkit/architect": "0.2102.5",
         "@babel/core": "7.29.0",
         "@babel/helper-annotate-as-pure": "7.27.3",
         "@babel/helper-split-export-declaration": "7.24.7",
@@ -702,14 +696,14 @@
         "magic-string": "0.30.21",
         "mrmime": "2.0.1",
         "parse5-html-rewriting-stream": "8.0.0",
-        "picomatch": "4.0.3",
+        "picomatch": "4.0.4",
         "piscina": "5.1.4",
         "rolldown": "1.0.0-rc.4",
         "sass": "1.97.3",
         "semver": "7.7.4",
         "source-map-support": "0.5.21",
         "tinyglobby": "0.2.15",
-        "undici": "7.22.0",
+        "undici": "7.24.4",
         "vite": "7.3.1",
         "watchpack": "2.5.1"
       },
@@ -729,7 +723,7 @@
         "@angular/platform-browser": "^21.0.0",
         "@angular/platform-server": "^21.0.0",
         "@angular/service-worker": "^21.0.0",
-        "@angular/ssr": "^21.2.3",
+        "@angular/ssr": "^21.2.5",
         "karma": "^6.4.0",
         "less": "^4.2.0",
         "ng-packagr": "^21.0.0",
@@ -779,9 +773,9 @@
       }
     },
     "node_modules/@angular/cdk": {
-      "version": "21.2.3",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.2.3.tgz",
-      "integrity": "sha512-7t+UhfbSpIUG9uUyL4b8nI/HyYyrbgAvDwBT8kH4D7If0WiFQhUoottAM0+WZ7Uy+F4nx322K6TOomz/fZJOoQ==",
+      "version": "21.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.2.4.tgz",
+      "integrity": "sha512-Zv+q9Z/wVWTt0ckuO3gnU7PbpCLTr1tKPEsofLGGzDufA5/85aBLn2UiLcjlY6wQ+V3EMqANhGo/8XJgvBEYFA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -796,20 +790,19 @@
       }
     },
     "node_modules/@angular/cli": {
-      "version": "21.2.3",
-      "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-21.2.3.tgz",
-      "integrity": "sha512-QzDxnSy8AUOz6ca92xfbNuEmRdWRDi1dfFkxDVr+4l6XUnA9X6VmOi7ioCO1I9oDR73LXHybOqkqHBYDlqt/Ag==",
+      "version": "21.2.5",
+      "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-21.2.5.tgz",
+      "integrity": "sha512-nLpyqXQ0s96jC/vR8CsKM3q94/F/nZwtbjM3E6g5lXpKe7cHfJkCfERPexx+jzzYP5JBhtm+u61aH6auu9KYQw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "@angular-devkit/architect": "0.2102.3",
-        "@angular-devkit/core": "21.2.3",
-        "@angular-devkit/schematics": "21.2.3",
+        "@angular-devkit/architect": "0.2102.5",
+        "@angular-devkit/core": "21.2.5",
+        "@angular-devkit/schematics": "21.2.5",
         "@inquirer/prompts": "7.10.1",
         "@listr2/prompt-adapter-inquirer": "3.0.5",
         "@modelcontextprotocol/sdk": "1.26.0",
-        "@schematics/angular": "21.2.3",
+        "@schematics/angular": "21.2.5",
         "@yarnpkg/lockfile": "1.1.0",
         "algoliasearch": "5.48.1",
         "ini": "6.0.0",
@@ -832,9 +825,9 @@
       }
     },
     "node_modules/@angular/common": {
-      "version": "21.2.5",
-      "resolved": "https://registry.npmjs.org/@angular/common/-/common-21.2.5.tgz",
-      "integrity": "sha512-MTjCbsHBkF9W12CW9yYiTJdVfZv/qCqBCZ2iqhMpDA5G+ZJiTKP0IDTJVrx2N5iHfiJ1lnK719t/9GXROtEAvg==",
+      "version": "21.2.6",
+      "resolved": "https://registry.npmjs.org/@angular/common/-/common-21.2.6.tgz",
+      "integrity": "sha512-2FcpZ1h6AZ4JwCIlnpHCYrbRTGQTOj/RFXkuX/qw7K6cFmJGfWFMmr++xWtHZEvUddfbR9hqDo+v1mkqEKE/Kw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -844,14 +837,14 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "21.2.5",
+        "@angular/core": "21.2.6",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/compiler": {
-      "version": "21.2.5",
-      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-21.2.5.tgz",
-      "integrity": "sha512-QloEsknGqLvmr+ED7QShDt7SoMY9mipV+gVnwn4hBI5sbl+TOBfYWXIaJMnxseFwSqjXTSCVGckfylIlynNcFg==",
+      "version": "21.2.6",
+      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-21.2.6.tgz",
+      "integrity": "sha512-shGkb/aAIPbG8oSYkVJ0msGlRdDVcJBVaUVx2KenMltifQjfLn5N8DFMAzOR6haaA3XeugFExxKqmvySjrVq+A==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -862,9 +855,9 @@
       }
     },
     "node_modules/@angular/compiler-cli": {
-      "version": "21.2.5",
-      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-21.2.5.tgz",
-      "integrity": "sha512-Ox3vz6KAM7i47ujR/3M3NCOeCRn6vrC9yV1SHZRhSrYg6CWWcOMveavEEwtNjYtn3hOzrktO4CnuVwtDbU8pLg==",
+      "version": "21.2.6",
+      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-21.2.6.tgz",
+      "integrity": "sha512-CiPmat4+D+hWXMTAY++09WeII/5D0r6iTjdLdaTq8tlo0uJcrOlazib4CpA94kJ2CRdzfhmC1H+ttwBI1xIlTg==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -886,7 +879,7 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/compiler": "21.2.5",
+        "@angular/compiler": "21.2.6",
         "typescript": ">=5.9 <6.1"
       },
       "peerDependenciesMeta": {
@@ -896,9 +889,9 @@
       }
     },
     "node_modules/@angular/core": {
-      "version": "21.2.5",
-      "resolved": "https://registry.npmjs.org/@angular/core/-/core-21.2.5.tgz",
-      "integrity": "sha512-JgHU134Adb1wrpyGC9ozcv3hiRAgaFTvJFn1u9OU/AVXyxu4meMmVh2hp5QhAvPnv8XQdKWWIkAY+dbpPE6zKA==",
+      "version": "21.2.6",
+      "resolved": "https://registry.npmjs.org/@angular/core/-/core-21.2.6.tgz",
+      "integrity": "sha512-svgK5DhFlQlS+sMybXftn08rHHRiDGY/uIKT5LZUaKgyffnkPb8uClpMIW0NzANtU8qs8pwgDZFoJw85Ia3oqQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -908,7 +901,7 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/compiler": "21.2.5",
+        "@angular/compiler": "21.2.6",
         "rxjs": "^6.5.3 || ^7.4.0",
         "zone.js": "~0.15.0 || ~0.16.0"
       },
@@ -922,9 +915,9 @@
       }
     },
     "node_modules/@angular/forms": {
-      "version": "21.2.5",
-      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-21.2.5.tgz",
-      "integrity": "sha512-pqRuK+a1ZAFZbs8/dZoorFJah2IWaf/SH8axHUpaDJ7fyNrwNEcpczyObdxZ00lOgORpKAhWo/q0hlVS+In8cw==",
+      "version": "21.2.6",
+      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-21.2.6.tgz",
+      "integrity": "sha512-i8BoWxBAm0g2xOMcQ8wTdj07gqMPIFYIyefCOo0ezcGj5XhYjd+C2UrYnKsup0aMZqqEAO1l2aZbmfHx9xLheQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -935,23 +928,23 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "21.2.5",
-        "@angular/core": "21.2.5",
-        "@angular/platform-browser": "21.2.5",
+        "@angular/common": "21.2.6",
+        "@angular/core": "21.2.6",
+        "@angular/platform-browser": "21.2.6",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/material": {
-      "version": "21.2.3",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-21.2.3.tgz",
-      "integrity": "sha512-mqmqhHRKIJwSKaYUtb9hH6/oHmozgqv/pYQMvMa3Fd5iipV0VxXN2GdNl3WE9LV9FJhHDBMitNU0hdE0uCM1nQ==",
+      "version": "21.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-21.2.4.tgz",
+      "integrity": "sha512-YzkPjgZezdsDeAhSm3zix2h+ohApwaRUMG8ea/75XR1eSkT1n3N7qZaHC8HDkhPYApk8a951RDxsTiiAidnGqg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/cdk": "21.2.3",
+        "@angular/cdk": "21.2.4",
         "@angular/common": "^21.0.0 || ^22.0.0",
         "@angular/core": "^21.0.0 || ^22.0.0",
         "@angular/forms": "^21.0.0 || ^22.0.0",
@@ -960,9 +953,9 @@
       }
     },
     "node_modules/@angular/platform-browser": {
-      "version": "21.2.5",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-21.2.5.tgz",
-      "integrity": "sha512-VuuYguxjgyI4XWuoXrKynmuA3FB991pXbkNhxHeCW0yX+7DGOnGLPF1oierd4/X+IvskmN8foBZLfjyg9u4Ffg==",
+      "version": "21.2.6",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-21.2.6.tgz",
+      "integrity": "sha512-LW1vPXVHvy71LBahn+fSzPlWQl25kJIdcXq+ptG7HsMVgbPQ3/vvkKXAHYaRdppLGCFL+v+3dQGHYLNLiYL9qg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -972,9 +965,9 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/animations": "21.2.5",
-        "@angular/common": "21.2.5",
-        "@angular/core": "21.2.5"
+        "@angular/animations": "21.2.6",
+        "@angular/common": "21.2.6",
+        "@angular/core": "21.2.6"
       },
       "peerDependenciesMeta": {
         "@angular/animations": {
@@ -983,9 +976,9 @@
       }
     },
     "node_modules/@angular/router": {
-      "version": "21.2.5",
-      "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.2.5.tgz",
-      "integrity": "sha512-yQGhTVGvh8OMW3auj13+g+OCSQj7gyBQON/2X4LuCvIUG71NPV6Fqzfk9DKTKaXpqo0FThy8/LPJ0Lsy3CRejg==",
+      "version": "21.2.6",
+      "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.2.6.tgz",
+      "integrity": "sha512-0ajhkKYeOqHQEEH88+Q0HrheR3helwTvdTqD/0gTaapCe+HOoC+SYwmzzsYP2zwAxBNQEg4JHOGKQ30X9/gwgw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -995,9 +988,9 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "21.2.5",
-        "@angular/core": "21.2.5",
-        "@angular/platform-browser": "21.2.5",
+        "@angular/common": "21.2.6",
+        "@angular/core": "21.2.6",
+        "@angular/platform-browser": "21.2.6",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
@@ -1032,7 +1025,6 @@
       "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.29.0",
         "@babel/generator": "^7.29.0",
@@ -2665,6 +2657,7 @@
       "dev": true,
       "license": "MIT",
       "optional": true,
+      "peer": true,
       "dependencies": {
         "@emnapi/wasi-threads": "1.2.0",
         "tslib": "^2.4.0"
@@ -2677,6 +2670,7 @@
       "dev": true,
       "license": "MIT",
       "optional": true,
+      "peer": true,
       "dependencies": {
         "tslib": "^2.4.0"
       }
@@ -2688,6 +2682,7 @@
       "dev": true,
       "license": "MIT",
       "optional": true,
+      "peer": true,
       "dependencies": {
         "tslib": "^2.4.0"
       }
@@ -3299,9 +3294,9 @@
       "optional": true
     },
     "node_modules/@hono/node-server": {
-      "version": "1.19.11",
-      "resolved": "https://registry.npmjs.org/@hono/node-server/-/node-server-1.19.11.tgz",
-      "integrity": "sha512-dr8/3zEaB+p0D2n/IUrlPF1HZm586qgJNXK1a9fhg/PzdtkK7Ksd5l312tJX2yBuALqDYBlG20QEbayqPyxn+g==",
+      "version": "1.19.12",
+      "resolved": "https://registry.npmjs.org/@hono/node-server/-/node-server-1.19.12.tgz",
+      "integrity": "sha512-txsUW4SQ1iilgE0l9/e9VQWmELXifEFvmdA1j6WFh/aFPj99hIntrSsq/if0UWyGVkmrRPKA1wCeP+UCr1B9Uw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -3599,7 +3594,6 @@
       "integrity": "sha512-Dx/y9bCQcXLI5ooQ5KyvA4FTgeo2jYj/7plWfV5Ak5wDPKQZgudKez2ixyfz7tKXzcJciTxqLeK7R9HItwiByg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@inquirer/checkbox": "^4.3.2",
         "@inquirer/confirm": "^5.1.21",
@@ -3850,14 +3844,14 @@
       }
     },
     "node_modules/@jsonjoy.com/fs-core": {
-      "version": "4.56.11",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-core/-/fs-core-4.56.11.tgz",
-      "integrity": "sha512-wThHjzUp01ImIjfCwhs+UnFkeGPFAymwLEkOtenHewaKe2pTP12p6r1UuwikA9NEvNf9Vlck92r8fb8n/MWM5w==",
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-core/-/fs-core-4.57.1.tgz",
+      "integrity": "sha512-YrEi/ZPmgc+GfdO0esBF04qv8boK9Dg9WpRQw/+vM8Qt3nnVIJWIa8HwZ/LXVZ0DB11XUROM8El/7yYTJX+WtA==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@jsonjoy.com/fs-node-builtins": "4.56.11",
-        "@jsonjoy.com/fs-node-utils": "4.56.11",
+        "@jsonjoy.com/fs-node-builtins": "4.57.1",
+        "@jsonjoy.com/fs-node-utils": "4.57.1",
         "thingies": "^2.5.0"
       },
       "engines": {
@@ -3872,15 +3866,15 @@
       }
     },
     "node_modules/@jsonjoy.com/fs-fsa": {
-      "version": "4.56.11",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-fsa/-/fs-fsa-4.56.11.tgz",
-      "integrity": "sha512-ZYlF3XbMayyp97xEN8ZvYutU99PCHjM64mMZvnCseXkCJXJDVLAwlF8Q/7q/xiWQRsv3pQBj1WXHd9eEyYcaCQ==",
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-fsa/-/fs-fsa-4.57.1.tgz",
+      "integrity": "sha512-ooEPvSW/HQDivPDPZMibHGKZf/QS4WRir1czGZmXmp3MsQqLECZEpN0JobrD8iV9BzsuwdIv+PxtWX9WpPLsIA==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@jsonjoy.com/fs-core": "4.56.11",
-        "@jsonjoy.com/fs-node-builtins": "4.56.11",
-        "@jsonjoy.com/fs-node-utils": "4.56.11",
+        "@jsonjoy.com/fs-core": "4.57.1",
+        "@jsonjoy.com/fs-node-builtins": "4.57.1",
+        "@jsonjoy.com/fs-node-utils": "4.57.1",
         "thingies": "^2.5.0"
       },
       "engines": {
@@ -3895,17 +3889,17 @@
       }
     },
     "node_modules/@jsonjoy.com/fs-node": {
-      "version": "4.56.11",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-node/-/fs-node-4.56.11.tgz",
-      "integrity": "sha512-D65YrnP6wRuZyEWoSFnBJSr5zARVpVBGctnhie4rCsMuGXNzX7IHKaOt85/Aj7SSoG1N2+/xlNjWmkLvZ2H3Tg==",
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-node/-/fs-node-4.57.1.tgz",
+      "integrity": "sha512-3YaKhP8gXEKN+2O49GLNfNb5l2gbnCFHyAaybbA2JkkbQP3dpdef7WcUaHAulg/c5Dg4VncHsA3NWAUSZMR5KQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@jsonjoy.com/fs-core": "4.56.11",
-        "@jsonjoy.com/fs-node-builtins": "4.56.11",
-        "@jsonjoy.com/fs-node-utils": "4.56.11",
-        "@jsonjoy.com/fs-print": "4.56.11",
-        "@jsonjoy.com/fs-snapshot": "4.56.11",
+        "@jsonjoy.com/fs-core": "4.57.1",
+        "@jsonjoy.com/fs-node-builtins": "4.57.1",
+        "@jsonjoy.com/fs-node-utils": "4.57.1",
+        "@jsonjoy.com/fs-print": "4.57.1",
+        "@jsonjoy.com/fs-snapshot": "4.57.1",
         "glob-to-regex.js": "^1.0.0",
         "thingies": "^2.5.0"
       },
@@ -3921,9 +3915,9 @@
       }
     },
     "node_modules/@jsonjoy.com/fs-node-builtins": {
-      "version": "4.56.11",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-node-builtins/-/fs-node-builtins-4.56.11.tgz",
-      "integrity": "sha512-CNmt3a0zMCIhniFLXtzPWuUxXFU+U+2VyQiIrgt/rRVeEJNrMQUABaRbVxR0Ouw1LyR9RjaEkPM6nYpED+y43A==",
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-node-builtins/-/fs-node-builtins-4.57.1.tgz",
+      "integrity": "sha512-XHkFKQ5GSH3uxm8c3ZYXVrexGdscpWKIcMWKFQpMpMJc8gA3AwOMBJXJlgpdJqmrhPyQXxaY9nbkNeYpacC0Og==",
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
@@ -3938,15 +3932,15 @@
       }
     },
     "node_modules/@jsonjoy.com/fs-node-to-fsa": {
-      "version": "4.56.11",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-node-to-fsa/-/fs-node-to-fsa-4.56.11.tgz",
-      "integrity": "sha512-5OzGdvJDgZVo+xXWEYo72u81zpOWlxlbG4d4nL+hSiW+LKlua/dldNgPrpWxtvhgyntmdFQad2UTxFyGjJAGhA==",
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-node-to-fsa/-/fs-node-to-fsa-4.57.1.tgz",
+      "integrity": "sha512-pqGHyWWzNck4jRfaGV39hkqpY5QjRUQ/nRbNT7FYbBa0xf4bDG+TE1Gt2KWZrSkrkZZDE3qZUjYMbjwSliX6pg==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@jsonjoy.com/fs-fsa": "4.56.11",
-        "@jsonjoy.com/fs-node-builtins": "4.56.11",
-        "@jsonjoy.com/fs-node-utils": "4.56.11"
+        "@jsonjoy.com/fs-fsa": "4.57.1",
+        "@jsonjoy.com/fs-node-builtins": "4.57.1",
+        "@jsonjoy.com/fs-node-utils": "4.57.1"
       },
       "engines": {
         "node": ">=10.0"
@@ -3960,13 +3954,13 @@
       }
     },
     "node_modules/@jsonjoy.com/fs-node-utils": {
-      "version": "4.56.11",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-node-utils/-/fs-node-utils-4.56.11.tgz",
-      "integrity": "sha512-JADOZFDA3wRfsuxkT0+MYc4F9hJO2PYDaY66kRTG6NqGX3+bqmKu66YFYAbII/tEmQWPZeHoClUB23rtQM9UPg==",
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-node-utils/-/fs-node-utils-4.57.1.tgz",
+      "integrity": "sha512-vp+7ZzIB8v43G+GLXTS4oDUSQmhAsRz532QmmWBbdYA20s465JvwhkSFvX9cVTqRRAQg+vZ7zWDaIEh0lFe2gw==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@jsonjoy.com/fs-node-builtins": "4.56.11"
+        "@jsonjoy.com/fs-node-builtins": "4.57.1"
       },
       "engines": {
         "node": ">=10.0"
@@ -3980,13 +3974,13 @@
       }
     },
     "node_modules/@jsonjoy.com/fs-print": {
-      "version": "4.56.11",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-print/-/fs-print-4.56.11.tgz",
-      "integrity": "sha512-rnaKRgCRIn8JGTjxhS0JPE38YM3Pj/H7SW4/tglhIPbfKEkky7dpPayNKV2qy25SZSL15oFVgH/62dMZ/z7cyA==",
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-print/-/fs-print-4.57.1.tgz",
+      "integrity": "sha512-Ynct7ZJmfk6qoXDOKfpovNA36ITUx8rChLmRQtW08J73VOiuNsU8PB6d/Xs7fxJC2ohWR3a5AqyjmLojfrw5yw==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@jsonjoy.com/fs-node-utils": "4.56.11",
+        "@jsonjoy.com/fs-node-utils": "4.57.1",
         "tree-dump": "^1.1.0"
       },
       "engines": {
@@ -4001,14 +3995,14 @@
       }
     },
     "node_modules/@jsonjoy.com/fs-snapshot": {
-      "version": "4.56.11",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-snapshot/-/fs-snapshot-4.56.11.tgz",
-      "integrity": "sha512-IIldPX+cIRQuUol9fQzSS3hqyECxVpYMJQMqdU3dCKZFRzEl1rkIkw4P6y7Oh493sI7YdxZlKr/yWdzEWZ1wGQ==",
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-snapshot/-/fs-snapshot-4.57.1.tgz",
+      "integrity": "sha512-/oG8xBNFMbDXTq9J7vepSA1kerS5vpgd3p5QZSPd+nX59uwodGJftI51gDYyHRpP57P3WCQf7LHtBYPqwUg2Bg==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@jsonjoy.com/buffers": "^17.65.0",
-        "@jsonjoy.com/fs-node-utils": "4.56.11",
+        "@jsonjoy.com/fs-node-utils": "4.57.1",
         "@jsonjoy.com/json-pack": "^17.65.0",
         "@jsonjoy.com/util": "^17.65.0"
       },
@@ -4947,26 +4941,28 @@
       }
     },
     "node_modules/@napi-rs/wasm-runtime": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.1.tgz",
-      "integrity": "sha512-p64ah1M1ld8xjWv3qbvFwHiFVWrq1yFvV4f7w+mzaqiR4IlSgkqhcRdHwsGgomwzBH51sRY4NEowLxnaBjcW/A==",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.2.tgz",
+      "integrity": "sha512-sNXv5oLJ7ob93xkZ1XnxisYhGYXfaG9f65/ZgYuAu3qt7b3NadcOEhLvx28hv31PgX8SZJRYrAIPQilQmFpLVw==",
       "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "@emnapi/core": "^1.7.1",
-        "@emnapi/runtime": "^1.7.1",
         "@tybys/wasm-util": "^0.10.1"
       },
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/Brooooooklyn"
+      },
+      "peerDependencies": {
+        "@emnapi/core": "^1.7.1",
+        "@emnapi/runtime": "^1.7.1"
       }
     },
     "node_modules/@ngtools/webpack": {
-      "version": "21.2.3",
-      "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-21.2.3.tgz",
-      "integrity": "sha512-Hv/btWXF+nIWyMOFgnxtKTjrFGaxIR0JojncN9JVlz6ip+7dLhQu5sUTENjMVwvGjJh/uLWgpV6HLQPc2i1UXA==",
+      "version": "21.2.5",
+      "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-21.2.5.tgz",
+      "integrity": "sha512-1TRy5KIMOlrseKsPD+OukdHFo9MNn7xRrJ2nuEKmoeA+DovIaldheAbLuw5llkGWa6LZ8uzsL/AuOIUR8z/paQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -6013,9 +6009,9 @@
       "license": "MIT"
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.59.0.tgz",
-      "integrity": "sha512-upnNBkA6ZH2VKGcBj9Fyl9IGNPULcjXRlg0LLeaioQWueH30p6IXtJEbKAgvyv+mJaMxSm1l6xwDXYjpEMiLMg==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.60.1.tgz",
+      "integrity": "sha512-d6FinEBLdIiK+1uACUttJKfgZREXrF0Qc2SmLII7W2AD8FfiZ9Wjd+rD/iRuf5s5dWrr1GgwXCvPqOuDquOowA==",
       "cpu": [
         "arm"
       ],
@@ -6027,9 +6023,9 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.59.0.tgz",
-      "integrity": "sha512-hZ+Zxj3SySm4A/DylsDKZAeVg0mvi++0PYVceVyX7hemkw7OreKdCvW2oQ3T1FMZvCaQXqOTHb8qmBShoqk69Q==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.60.1.tgz",
+      "integrity": "sha512-YjG/EwIDvvYI1YvYbHvDz/BYHtkY4ygUIXHnTdLhG+hKIQFBiosfWiACWortsKPKU/+dUwQQCKQM3qrDe8c9BA==",
       "cpu": [
         "arm64"
       ],
@@ -6041,9 +6037,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.59.0.tgz",
-      "integrity": "sha512-W2Psnbh1J8ZJw0xKAd8zdNgF9HRLkdWwwdWqubSVk0pUuQkoHnv7rx4GiF9rT4t5DIZGAsConRE3AxCdJ4m8rg==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.60.1.tgz",
+      "integrity": "sha512-mjCpF7GmkRtSJwon+Rq1N8+pI+8l7w5g9Z3vWj4T7abguC4Czwi3Yu/pFaLvA3TTeMVjnu3ctigusqWUfjZzvw==",
       "cpu": [
         "arm64"
       ],
@@ -6055,9 +6051,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.59.0.tgz",
-      "integrity": "sha512-ZW2KkwlS4lwTv7ZVsYDiARfFCnSGhzYPdiOU4IM2fDbL+QGlyAbjgSFuqNRbSthybLbIJ915UtZBtmuLrQAT/w==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.60.1.tgz",
+      "integrity": "sha512-haZ7hJ1JT4e9hqkoT9R/19XW2QKqjfJVv+i5AGg57S+nLk9lQnJ1F/eZloRO3o9Scy9CM3wQ9l+dkXtcBgN5Ew==",
       "cpu": [
         "x64"
       ],
@@ -6069,9 +6065,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.59.0.tgz",
-      "integrity": "sha512-EsKaJ5ytAu9jI3lonzn3BgG8iRBjV4LxZexygcQbpiU0wU0ATxhNVEpXKfUa0pS05gTcSDMKpn3Sx+QB9RlTTA==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.60.1.tgz",
+      "integrity": "sha512-czw90wpQq3ZsAVBlinZjAYTKduOjTywlG7fEeWKUA7oCmpA8xdTkxZZlwNJKWqILlq0wehoZcJYfBvOyhPTQ6w==",
       "cpu": [
         "arm64"
       ],
@@ -6083,9 +6079,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.59.0.tgz",
-      "integrity": "sha512-d3DuZi2KzTMjImrxoHIAODUZYoUUMsuUiY4SRRcJy6NJoZ6iIqWnJu9IScV9jXysyGMVuW+KNzZvBLOcpdl3Vg==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.60.1.tgz",
+      "integrity": "sha512-KVB2rqsxTHuBtfOeySEyzEOB7ltlB/ux38iu2rBQzkjbwRVlkhAGIEDiiYnO2kFOkJp+Z7pUXKyrRRFuFUKt+g==",
       "cpu": [
         "x64"
       ],
@@ -6097,9 +6093,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.59.0.tgz",
-      "integrity": "sha512-t4ONHboXi/3E0rT6OZl1pKbl2Vgxf9vJfWgmUoCEVQVxhW6Cw/c8I6hbbu7DAvgp82RKiH7TpLwxnJeKv2pbsw==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.60.1.tgz",
+      "integrity": "sha512-L+34Qqil+v5uC0zEubW7uByo78WOCIrBvci69E7sFASRl0X7b/MB6Cqd1lky/CtcSVTydWa2WZwFuWexjS5o6g==",
       "cpu": [
         "arm"
       ],
@@ -6111,9 +6107,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.59.0.tgz",
-      "integrity": "sha512-CikFT7aYPA2ufMD086cVORBYGHffBo4K8MQ4uPS/ZnY54GKj36i196u8U+aDVT2LX4eSMbyHtyOh7D7Zvk2VvA==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.60.1.tgz",
+      "integrity": "sha512-n83O8rt4v34hgFzlkb1ycniJh7IR5RCIqt6mz1VRJD6pmhRi0CXdmfnLu9dIUS6buzh60IvACM842Ffb3xd6Gg==",
       "cpu": [
         "arm"
       ],
@@ -6125,9 +6121,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.59.0.tgz",
-      "integrity": "sha512-jYgUGk5aLd1nUb1CtQ8E+t5JhLc9x5WdBKew9ZgAXg7DBk0ZHErLHdXM24rfX+bKrFe+Xp5YuJo54I5HFjGDAA==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.60.1.tgz",
+      "integrity": "sha512-Nql7sTeAzhTAja3QXeAI48+/+GjBJ+QmAH13snn0AJSNL50JsDqotyudHyMbO2RbJkskbMbFJfIJKWA6R1LCJQ==",
       "cpu": [
         "arm64"
       ],
@@ -6139,9 +6135,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.59.0.tgz",
-      "integrity": "sha512-peZRVEdnFWZ5Bh2KeumKG9ty7aCXzzEsHShOZEFiCQlDEepP1dpUl/SrUNXNg13UmZl+gzVDPsiCwnV1uI0RUA==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.60.1.tgz",
+      "integrity": "sha512-+pUymDhd0ys9GcKZPPWlFiZ67sTWV5UU6zOJat02M1+PiuSGDziyRuI/pPue3hoUwm2uGfxdL+trT6Z9rxnlMA==",
       "cpu": [
         "arm64"
       ],
@@ -6153,9 +6149,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-loong64-gnu": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.59.0.tgz",
-      "integrity": "sha512-gbUSW/97f7+r4gHy3Jlup8zDG190AuodsWnNiXErp9mT90iCy9NKKU0Xwx5k8VlRAIV2uU9CsMnEFg/xXaOfXg==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.60.1.tgz",
+      "integrity": "sha512-VSvgvQeIcsEvY4bKDHEDWcpW4Yw7BtlKG1GUT4FzBUlEKQK0rWHYBqQt6Fm2taXS+1bXvJT6kICu5ZwqKCnvlQ==",
       "cpu": [
         "loong64"
       ],
@@ -6167,9 +6163,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-loong64-musl": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.59.0.tgz",
-      "integrity": "sha512-yTRONe79E+o0FWFijasoTjtzG9EBedFXJMl888NBEDCDV9I2wGbFFfJQQe63OijbFCUZqxpHz1GzpbtSFikJ4Q==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.60.1.tgz",
+      "integrity": "sha512-4LqhUomJqwe641gsPp6xLfhqWMbQV04KtPp7/dIp0nzPxAkNY1AbwL5W0MQpcalLYk07vaW9Kp1PBhdpZYYcEw==",
       "cpu": [
         "loong64"
       ],
@@ -6181,9 +6177,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-ppc64-gnu": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.59.0.tgz",
-      "integrity": "sha512-sw1o3tfyk12k3OEpRddF68a1unZ5VCN7zoTNtSn2KndUE+ea3m3ROOKRCZxEpmT9nsGnogpFP9x6mnLTCaoLkA==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.60.1.tgz",
+      "integrity": "sha512-tLQQ9aPvkBxOc/EUT6j3pyeMD6Hb8QF2BTBnCQWP/uu1lhc9AIrIjKnLYMEroIz/JvtGYgI9dF3AxHZNaEH0rw==",
       "cpu": [
         "ppc64"
       ],
@@ -6195,9 +6191,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-ppc64-musl": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.59.0.tgz",
-      "integrity": "sha512-+2kLtQ4xT3AiIxkzFVFXfsmlZiG5FXYW7ZyIIvGA7Bdeuh9Z0aN4hVyXS/G1E9bTP/vqszNIN/pUKCk/BTHsKA==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.60.1.tgz",
+      "integrity": "sha512-RMxFhJwc9fSXP6PqmAz4cbv3kAyvD1etJFjTx4ONqFP9DkTkXsAMU4v3Vyc5BgzC+anz7nS/9tp4obsKfqkDHg==",
       "cpu": [
         "ppc64"
       ],
@@ -6209,9 +6205,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.59.0.tgz",
-      "integrity": "sha512-NDYMpsXYJJaj+I7UdwIuHHNxXZ/b/N2hR15NyH3m2qAtb/hHPA4g4SuuvrdxetTdndfj9b1WOmy73kcPRoERUg==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.60.1.tgz",
+      "integrity": "sha512-QKgFl+Yc1eEk6MmOBfRHYF6lTxiiiV3/z/BRrbSiW2I7AFTXoBFvdMEyglohPj//2mZS4hDOqeB0H1ACh3sBbg==",
       "cpu": [
         "riscv64"
       ],
@@ -6223,9 +6219,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-musl": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.59.0.tgz",
-      "integrity": "sha512-nLckB8WOqHIf1bhymk+oHxvM9D3tyPndZH8i8+35p/1YiVoVswPid2yLzgX7ZJP0KQvnkhM4H6QZ5m0LzbyIAg==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.60.1.tgz",
+      "integrity": "sha512-RAjXjP/8c6ZtzatZcA1RaQr6O1TRhzC+adn8YZDnChliZHviqIjmvFwHcxi4JKPSDAt6Uhf/7vqcBzQJy0PDJg==",
       "cpu": [
         "riscv64"
       ],
@@ -6237,9 +6233,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.59.0.tgz",
-      "integrity": "sha512-oF87Ie3uAIvORFBpwnCvUzdeYUqi2wY6jRFWJAy1qus/udHFYIkplYRW+wo+GRUP4sKzYdmE1Y3+rY5Gc4ZO+w==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.60.1.tgz",
+      "integrity": "sha512-wcuocpaOlaL1COBYiA89O6yfjlp3RwKDeTIA0hM7OpmhR1Bjo9j31G1uQVpDlTvwxGn2nQs65fBFL5UFd76FcQ==",
       "cpu": [
         "s390x"
       ],
@@ -6251,9 +6247,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.59.0.tgz",
-      "integrity": "sha512-3AHmtQq/ppNuUspKAlvA8HtLybkDflkMuLK4DPo77DfthRb71V84/c4MlWJXixZz4uruIH4uaa07IqoAkG64fg==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.60.1.tgz",
+      "integrity": "sha512-77PpsFQUCOiZR9+LQEFg9GClyfkNXj1MP6wRnzYs0EeWbPcHs02AXu4xuUbM1zhwn3wqaizle3AEYg5aeoohhg==",
       "cpu": [
         "x64"
       ],
@@ -6265,9 +6261,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.59.0.tgz",
-      "integrity": "sha512-2UdiwS/9cTAx7qIUZB/fWtToJwvt0Vbo0zmnYt7ED35KPg13Q0ym1g442THLC7VyI6JfYTP4PiSOWyoMdV2/xg==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.60.1.tgz",
+      "integrity": "sha512-5cIATbk5vynAjqqmyBjlciMJl1+R/CwX9oLk/EyiFXDWd95KpHdrOJT//rnUl4cUcskrd0jCCw3wpZnhIHdD9w==",
       "cpu": [
         "x64"
       ],
@@ -6279,9 +6275,9 @@
       ]
     },
     "node_modules/@rollup/rollup-openbsd-x64": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.59.0.tgz",
-      "integrity": "sha512-M3bLRAVk6GOwFlPTIxVBSYKUaqfLrn8l0psKinkCFxl4lQvOSz8ZrKDz2gxcBwHFpci0B6rttydI4IpS4IS/jQ==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.60.1.tgz",
+      "integrity": "sha512-cl0w09WsCi17mcmWqqglez9Gk8isgeWvoUZ3WiJFYSR3zjBQc2J5/ihSjpl+VLjPqjQ/1hJRcqBfLjssREQILw==",
       "cpu": [
         "x64"
       ],
@@ -6293,9 +6289,9 @@
       ]
     },
     "node_modules/@rollup/rollup-openharmony-arm64": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.59.0.tgz",
-      "integrity": "sha512-tt9KBJqaqp5i5HUZzoafHZX8b5Q2Fe7UjYERADll83O4fGqJ49O1FsL6LpdzVFQcpwvnyd0i+K/VSwu/o/nWlA==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.60.1.tgz",
+      "integrity": "sha512-4Cv23ZrONRbNtbZa37mLSueXUCtN7MXccChtKpUnQNgF010rjrjfHx3QxkS2PI7LqGT5xXyYs1a7LbzAwT0iCA==",
       "cpu": [
         "arm64"
       ],
@@ -6307,9 +6303,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.59.0.tgz",
-      "integrity": "sha512-V5B6mG7OrGTwnxaNUzZTDTjDS7F75PO1ae6MJYdiMu60sq0CqN5CVeVsbhPxalupvTX8gXVSU9gq+Rx1/hvu6A==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.60.1.tgz",
+      "integrity": "sha512-i1okWYkA4FJICtr7KpYzFpRTHgy5jdDbZiWfvny21iIKky5YExiDXP+zbXzm3dUcFpkEeYNHgQ5fuG236JPq0g==",
       "cpu": [
         "arm64"
       ],
@@ -6321,9 +6317,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.59.0.tgz",
-      "integrity": "sha512-UKFMHPuM9R0iBegwzKF4y0C4J9u8C6MEJgFuXTBerMk7EJ92GFVFYBfOZaSGLu6COf7FxpQNqhNS4c4icUPqxA==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.60.1.tgz",
+      "integrity": "sha512-u09m3CuwLzShA0EYKMNiFgcjjzwqtUMLmuCJLeZWjjOYA3IT2Di09KaxGBTP9xVztWyIWjVdsB2E9goMjZvTQg==",
       "cpu": [
         "ia32"
       ],
@@ -6335,9 +6331,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-gnu": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.59.0.tgz",
-      "integrity": "sha512-laBkYlSS1n2L8fSo1thDNGrCTQMmxjYY5G0WFWjFFYZkKPjsMBsgJfGf4TLxXrF6RyhI60L8TMOjBMvXiTcxeA==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.60.1.tgz",
+      "integrity": "sha512-k+600V9Zl1CM7eZxJgMyTUzmrmhB/0XZnF4pRypKAlAgxmedUA+1v9R+XOFv56W4SlHEzfeMtzujLJD22Uz5zg==",
       "cpu": [
         "x64"
       ],
@@ -6349,9 +6345,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.59.0.tgz",
-      "integrity": "sha512-2HRCml6OztYXyJXAvdDXPKcawukWY2GpR5/nxKp4iBgiO3wcoEGkAaqctIbZcNB6KlUQBIqt8VYkNSj2397EfA==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.60.1.tgz",
+      "integrity": "sha512-lWMnixq/QzxyhTV6NjQJ4SFo1J6PvOX8vUx5Wb4bBPsEb+8xZ89Bz6kOXpfXj9ak9AHTQVQzlgzBEc1SyM27xQ==",
       "cpu": [
         "x64"
       ],
@@ -6363,9 +6359,9 @@
       ]
     },
     "node_modules/@rollup/wasm-node": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/wasm-node/-/wasm-node-4.59.0.tgz",
-      "integrity": "sha512-cKB/Pe05aJWQYw3UFS79Id+KVXdExBxWful0+CSl24z3ukwOgBSy6l39XZNwfm3vCh/fpUrAAs+T7PsJ6dC8NA==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/wasm-node/-/wasm-node-4.60.1.tgz",
+      "integrity": "sha512-FAfGj5Ferzyna11iUwGdkYus/Y9d/H75PEpsseP5DZOsEsyPvP/Q7mJiSXhUYSEmyfHPaZyC8EsJCjqzDbtcfg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6503,14 +6499,14 @@
       }
     },
     "node_modules/@schematics/angular": {
-      "version": "21.2.3",
-      "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-21.2.3.tgz",
-      "integrity": "sha512-rCEprgpNbJLl9Rm/t92eRYc1eIqD4BAJqB1OO8fzQolyDajCcOBpohjXkuLYSwK9RMyS6f+szNnYGOQawlrPYw==",
+      "version": "21.2.5",
+      "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-21.2.5.tgz",
+      "integrity": "sha512-orOiXcG86t34ejqbkm7ZHEkGfwTU/ySYFgY7BOQdaYFCoNQXxtU87fZoHckJ2xYpVitoKTvbf1bxDDphXb3ycw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/core": "21.2.3",
-        "@angular-devkit/schematics": "21.2.3",
+        "@angular-devkit/core": "21.2.5",
+        "@angular-devkit/schematics": "21.2.5",
         "jsonc-parser": "3.3.1"
       },
       "engines": {
@@ -6647,9 +6643,9 @@
       "license": "MIT"
     },
     "node_modules/@ts-morph/common/node_modules/brace-expansion": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.3.tgz",
+      "integrity": "sha512-MCV/fYJEbqx68aE58kv2cA/kiky1G8vux3OR6/jbS+jIMe/6fJWa0DTzJU7dqijOWYwHi1t29FlfYI9uytqlpA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6987,17 +6983,17 @@
       }
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.57.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.57.1.tgz",
-      "integrity": "sha512-Gn3aqnvNl4NGc6x3/Bqk1AOn0thyTU9bqDRhiRnUWezgvr2OnhYCWCgC8zXXRVqBsIL1pSDt7T9nJUe0oM0kDQ==",
+      "version": "8.57.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.57.2.tgz",
+      "integrity": "sha512-NZZgp0Fm2IkD+La5PR81sd+g+8oS6JwJje+aRWsDocxHkjyRw0J5L5ZTlN3LI1LlOcGL7ph3eaIUmTXMIjLk0w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/regexpp": "^4.12.2",
-        "@typescript-eslint/scope-manager": "8.57.1",
-        "@typescript-eslint/type-utils": "8.57.1",
-        "@typescript-eslint/utils": "8.57.1",
-        "@typescript-eslint/visitor-keys": "8.57.1",
+        "@typescript-eslint/scope-manager": "8.57.2",
+        "@typescript-eslint/type-utils": "8.57.2",
+        "@typescript-eslint/utils": "8.57.2",
+        "@typescript-eslint/visitor-keys": "8.57.2",
         "ignore": "^7.0.5",
         "natural-compare": "^1.4.0",
         "ts-api-utils": "^2.4.0"
@@ -7010,23 +7006,22 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "@typescript-eslint/parser": "^8.57.1",
+        "@typescript-eslint/parser": "^8.57.2",
         "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
         "typescript": ">=4.8.4 <6.0.0"
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "8.57.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.57.1.tgz",
-      "integrity": "sha512-k4eNDan0EIMTT/dUKc/g+rsJ6wcHYhNPdY19VoX/EOtaAG8DLtKCykhrUnuHPYvinn5jhAPgD2Qw9hXBwrahsw==",
+      "version": "8.57.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.57.2.tgz",
+      "integrity": "sha512-30ScMRHIAD33JJQkgfGW1t8CURZtjc2JpTrq5n2HFhOefbAhb7ucc7xJwdWcrEtqUIYJ73Nybpsggii6GtAHjA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "@typescript-eslint/scope-manager": "8.57.1",
-        "@typescript-eslint/types": "8.57.1",
-        "@typescript-eslint/typescript-estree": "8.57.1",
-        "@typescript-eslint/visitor-keys": "8.57.1",
+        "@typescript-eslint/scope-manager": "8.57.2",
+        "@typescript-eslint/types": "8.57.2",
+        "@typescript-eslint/typescript-estree": "8.57.2",
+        "@typescript-eslint/visitor-keys": "8.57.2",
         "debug": "^4.4.3"
       },
       "engines": {
@@ -7042,14 +7037,14 @@
       }
     },
     "node_modules/@typescript-eslint/project-service": {
-      "version": "8.57.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.57.1.tgz",
-      "integrity": "sha512-vx1F37BRO1OftsYlmG9xay1TqnjNVlqALymwWVuYTdo18XuKxtBpCj1QlzNIEHlvlB27osvXFWptYiEWsVdYsg==",
+      "version": "8.57.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.57.2.tgz",
+      "integrity": "sha512-FuH0wipFywXRTHf+bTTjNyuNQQsQC3qh/dYzaM4I4W0jrCqjCVuUh99+xd9KamUfmCGPvbO8NDngo/vsnNVqgw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/tsconfig-utils": "^8.57.1",
-        "@typescript-eslint/types": "^8.57.1",
+        "@typescript-eslint/tsconfig-utils": "^8.57.2",
+        "@typescript-eslint/types": "^8.57.2",
         "debug": "^4.4.3"
       },
       "engines": {
@@ -7064,14 +7059,14 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.57.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.57.1.tgz",
-      "integrity": "sha512-hs/QcpCwlwT2L5S+3fT6gp0PabyGk4Q0Rv2doJXA0435/OpnSR3VRgvrp8Xdoc3UAYSg9cyUjTeFXZEPg/3OKg==",
+      "version": "8.57.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.57.2.tgz",
+      "integrity": "sha512-snZKH+W4WbWkrBqj4gUNRIGb/jipDW3qMqVJ4C9rzdFc+wLwruxk+2a5D+uoFcKPAqyqEnSb4l2ULuZf95eSkw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.57.1",
-        "@typescript-eslint/visitor-keys": "8.57.1"
+        "@typescript-eslint/types": "8.57.2",
+        "@typescript-eslint/visitor-keys": "8.57.2"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -7082,9 +7077,9 @@
       }
     },
     "node_modules/@typescript-eslint/tsconfig-utils": {
-      "version": "8.57.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.57.1.tgz",
-      "integrity": "sha512-0lgOZB8cl19fHO4eI46YUx2EceQqhgkPSuCGLlGi79L2jwYY1cxeYc1Nae8Aw1xjgW3PKVDLlr3YJ6Bxx8HkWg==",
+      "version": "8.57.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.57.2.tgz",
+      "integrity": "sha512-3Lm5DSM+DCowsUOJC+YqHHnKEfFh5CoGkj5Z31NQSNF4l5wdOwqGn99wmwN/LImhfY3KJnmordBq/4+VDe2eKw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -7099,15 +7094,15 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.57.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.57.1.tgz",
-      "integrity": "sha512-+Bwwm0ScukFdyoJsh2u6pp4S9ktegF98pYUU0hkphOOqdMB+1sNQhIz8y5E9+4pOioZijrkfNO/HUJVAFFfPKA==",
+      "version": "8.57.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.57.2.tgz",
+      "integrity": "sha512-Co6ZCShm6kIbAM/s+oYVpKFfW7LBc6FXoPXjTRQ449PPNBY8U0KZXuevz5IFuuUj2H9ss40atTaf9dlGLzbWZg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.57.1",
-        "@typescript-eslint/typescript-estree": "8.57.1",
-        "@typescript-eslint/utils": "8.57.1",
+        "@typescript-eslint/types": "8.57.2",
+        "@typescript-eslint/typescript-estree": "8.57.2",
+        "@typescript-eslint/utils": "8.57.2",
         "debug": "^4.4.3",
         "ts-api-utils": "^2.4.0"
       },
@@ -7124,12 +7119,11 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "8.57.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.57.1.tgz",
-      "integrity": "sha512-S29BOBPJSFUiblEl6RzPPjJt6w25A6XsBqRVDt53tA/tlL8q7ceQNZHTjPeONt/3S7KRI4quk+yP9jK2WjBiPQ==",
+      "version": "8.57.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.57.2.tgz",
+      "integrity": "sha512-/iZM6FnM4tnx9csuTxspMW4BOSegshwX5oBDznJ7S4WggL7Vczz5d2W11ecc4vRrQMQHXRSxzrCsyG5EsPPTbA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
@@ -7139,16 +7133,16 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.57.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.57.1.tgz",
-      "integrity": "sha512-ybe2hS9G6pXpqGtPli9Gx9quNV0TWLOmh58ADlmZe9DguLq0tiAKVjirSbtM1szG6+QH6rVXyU6GTLQbWnMY+g==",
+      "version": "8.57.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.57.2.tgz",
+      "integrity": "sha512-2MKM+I6g8tJxfSmFKOnHv2t8Sk3T6rF20A1Puk0svLK+uVapDZB/4pfAeB7nE83uAZrU6OxW+HmOd5wHVdXwXA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/project-service": "8.57.1",
-        "@typescript-eslint/tsconfig-utils": "8.57.1",
-        "@typescript-eslint/types": "8.57.1",
-        "@typescript-eslint/visitor-keys": "8.57.1",
+        "@typescript-eslint/project-service": "8.57.2",
+        "@typescript-eslint/tsconfig-utils": "8.57.2",
+        "@typescript-eslint/types": "8.57.2",
+        "@typescript-eslint/visitor-keys": "8.57.2",
         "debug": "^4.4.3",
         "minimatch": "^10.2.2",
         "semver": "^7.7.3",
@@ -7167,17 +7161,16 @@
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "8.57.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.57.1.tgz",
-      "integrity": "sha512-XUNSJ/lEVFttPMMoDVA2r2bwrl8/oPx8cURtczkSEswY5T3AeLmCy+EKWQNdL4u0MmAHOjcWrqJp2cdvgjn8dQ==",
+      "version": "8.57.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.57.2.tgz",
+      "integrity": "sha512-krRIbvPK1ju1WBKIefiX+bngPs+odIQUtR7kymzPfo1POVw3jlF+nLkmexdSSd4UCbDcQn+wMBATOOmpBbqgKg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.9.1",
-        "@typescript-eslint/scope-manager": "8.57.1",
-        "@typescript-eslint/types": "8.57.1",
-        "@typescript-eslint/typescript-estree": "8.57.1"
+        "@typescript-eslint/scope-manager": "8.57.2",
+        "@typescript-eslint/types": "8.57.2",
+        "@typescript-eslint/typescript-estree": "8.57.2"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -7192,13 +7185,13 @@
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.57.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.57.1.tgz",
-      "integrity": "sha512-YWnmJkXbofiz9KbnbbwuA2rpGkFPLbAIetcCNO6mJ8gdhdZ/v7WDXsoGFAJuM6ikUFKTlSQnjWnVO4ux+UzS6A==",
+      "version": "8.57.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.57.2.tgz",
+      "integrity": "sha512-zhahknjobV2FiD6Ee9iLbS7OV9zi10rG26odsQdfBO/hjSzUQbkIYgda+iNKK1zNiW2ey+Lf8MU5btN17V3dUw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.57.1",
+        "@typescript-eslint/types": "8.57.2",
         "eslint-visitor-keys": "^5.0.0"
       },
       "engines": {
@@ -7236,46 +7229,45 @@
       }
     },
     "node_modules/@vitest/browser": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/@vitest/browser/-/browser-4.1.0.tgz",
-      "integrity": "sha512-tG/iOrgbiHQks0ew7CdelUyNEHkv8NLrt+CqdTivIuoSnXvO7scWMn4Kqo78/UGY1NJ6Hv+vp8BvRnED/bjFdQ==",
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/@vitest/browser/-/browser-4.1.2.tgz",
+      "integrity": "sha512-CwdIf90LNf1Zitgqy63ciMAzmyb4oIGs8WZ40VGYrWkssQKeEKr32EzO8MKUrDPPcPVHFI9oQ5ni2Hp24NaNRQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@blazediff/core": "1.9.1",
-        "@vitest/mocker": "4.1.0",
-        "@vitest/utils": "4.1.0",
+        "@vitest/mocker": "4.1.2",
+        "@vitest/utils": "4.1.2",
         "magic-string": "^0.30.21",
         "pngjs": "^7.0.0",
         "sirv": "^3.0.2",
-        "tinyrainbow": "^3.0.3",
+        "tinyrainbow": "^3.1.0",
         "ws": "^8.19.0"
       },
       "funding": {
         "url": "https://opencollective.com/vitest"
       },
       "peerDependencies": {
-        "vitest": "4.1.0"
+        "vitest": "4.1.2"
       }
     },
     "node_modules/@vitest/browser-playwright": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/@vitest/browser-playwright/-/browser-playwright-4.1.0.tgz",
-      "integrity": "sha512-2RU7pZELY9/aVMLmABNy1HeZ4FX23FXGY1jRuHLHgWa2zaAE49aNW2GLzebW+BmbTZIKKyFF1QXvk7DEWViUCQ==",
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/@vitest/browser-playwright/-/browser-playwright-4.1.2.tgz",
+      "integrity": "sha512-N0Z2HzMLvMR6k/tWPTS6Q/DaRscrkax/f2f9DIbNQr+Cd1l4W4wTf/I6S983PAMr0tNqqoTL+xNkLh9M5vbkLg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "@vitest/browser": "4.1.0",
-        "@vitest/mocker": "4.1.0",
-        "tinyrainbow": "^3.0.3"
+        "@vitest/browser": "4.1.2",
+        "@vitest/mocker": "4.1.2",
+        "tinyrainbow": "^3.1.0"
       },
       "funding": {
         "url": "https://opencollective.com/vitest"
       },
       "peerDependencies": {
         "playwright": "*",
-        "vitest": "4.1.0"
+        "vitest": "4.1.2"
       },
       "peerDependenciesMeta": {
         "playwright": {
@@ -7284,31 +7276,31 @@
       }
     },
     "node_modules/@vitest/expect": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-4.1.0.tgz",
-      "integrity": "sha512-EIxG7k4wlWweuCLG9Y5InKFwpMEOyrMb6ZJ1ihYu02LVj/bzUwn2VMU+13PinsjRW75XnITeFrQBMH5+dLvCDA==",
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-4.1.2.tgz",
+      "integrity": "sha512-gbu+7B0YgUJ2nkdsRJrFFW6X7NTP44WlhiclHniUhxADQJH5Szt9mZ9hWnJPJ8YwOK5zUOSSlSvyzRf0u1DSBQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@standard-schema/spec": "^1.1.0",
         "@types/chai": "^5.2.2",
-        "@vitest/spy": "4.1.0",
-        "@vitest/utils": "4.1.0",
+        "@vitest/spy": "4.1.2",
+        "@vitest/utils": "4.1.2",
         "chai": "^6.2.2",
-        "tinyrainbow": "^3.0.3"
+        "tinyrainbow": "^3.1.0"
       },
       "funding": {
         "url": "https://opencollective.com/vitest"
       }
     },
     "node_modules/@vitest/mocker": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-4.1.0.tgz",
-      "integrity": "sha512-evxREh+Hork43+Y4IOhTo+h5lGmVRyjqI739Rz4RlUPqwrkFFDF6EMvOOYjTx4E8Tl6gyCLRL8Mu7Ry12a13Tw==",
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-4.1.2.tgz",
+      "integrity": "sha512-Ize4iQtEALHDttPRCmN+FKqOl2vxTiNUhzobQFFt/BM1lRUTG7zRCLOykG/6Vo4E4hnUdfVLo5/eqKPukcWW7Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/spy": "4.1.0",
+        "@vitest/spy": "4.1.2",
         "estree-walker": "^3.0.3",
         "magic-string": "^0.30.21"
       },
@@ -7317,7 +7309,7 @@
       },
       "peerDependencies": {
         "msw": "^2.4.9",
-        "vite": "^6.0.0 || ^7.0.0 || ^8.0.0-0"
+        "vite": "^6.0.0 || ^7.0.0 || ^8.0.0"
       },
       "peerDependenciesMeta": {
         "msw": {
@@ -7329,26 +7321,26 @@
       }
     },
     "node_modules/@vitest/pretty-format": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-4.1.0.tgz",
-      "integrity": "sha512-3RZLZlh88Ib0J7NQTRATfc/3ZPOnSUn2uDBUoGNn5T36+bALixmzphN26OUD3LRXWkJu4H0s5vvUeqBiw+kS0A==",
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-4.1.2.tgz",
+      "integrity": "sha512-dwQga8aejqeuB+TvXCMzSQemvV9hNEtDDpgUKDzOmNQayl2OG241PSWeJwKRH3CiC+sESrmoFd49rfnq7T4RnA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "tinyrainbow": "^3.0.3"
+        "tinyrainbow": "^3.1.0"
       },
       "funding": {
         "url": "https://opencollective.com/vitest"
       }
     },
     "node_modules/@vitest/runner": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-4.1.0.tgz",
-      "integrity": "sha512-Duvx2OzQ7d6OjchL+trw+aSrb9idh7pnNfxrklo14p3zmNL4qPCDeIJAK+eBKYjkIwG96Bc6vYuxhqDXQOWpoQ==",
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-4.1.2.tgz",
+      "integrity": "sha512-Gr+FQan34CdiYAwpGJmQG8PgkyFVmARK8/xSijia3eTFgVfpcpztWLuP6FttGNfPLJhaZVP/euvujeNYar36OQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/utils": "4.1.0",
+        "@vitest/utils": "4.1.2",
         "pathe": "^2.0.3"
       },
       "funding": {
@@ -7356,14 +7348,14 @@
       }
     },
     "node_modules/@vitest/snapshot": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-4.1.0.tgz",
-      "integrity": "sha512-0Vy9euT1kgsnj1CHttwi9i9o+4rRLEaPRSOJ5gyv579GJkNpgJK+B4HSv/rAWixx2wdAFci1X4CEPjiu2bXIMg==",
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-4.1.2.tgz",
+      "integrity": "sha512-g7yfUmxYS4mNxk31qbOYsSt2F4m1E02LFqO53Xpzg3zKMhLAPZAjjfyl9e6z7HrW6LvUdTwAQR3HHfLjpko16A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/pretty-format": "4.1.0",
-        "@vitest/utils": "4.1.0",
+        "@vitest/pretty-format": "4.1.2",
+        "@vitest/utils": "4.1.2",
         "magic-string": "^0.30.21",
         "pathe": "^2.0.3"
       },
@@ -7372,9 +7364,9 @@
       }
     },
     "node_modules/@vitest/spy": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-4.1.0.tgz",
-      "integrity": "sha512-pz77k+PgNpyMDv2FV6qmk5ZVau6c3R8HC8v342T2xlFxQKTrSeYw9waIJG8KgV9fFwAtTu4ceRzMivPTH6wSxw==",
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-4.1.2.tgz",
+      "integrity": "sha512-DU4fBnbVCJGNBwVA6xSToNXrkZNSiw59H8tcuUspVMsBDBST4nfvsPsEHDHGtWRRnqBERBQu7TrTKskmjqTXKA==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -7382,15 +7374,15 @@
       }
     },
     "node_modules/@vitest/utils": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-4.1.0.tgz",
-      "integrity": "sha512-XfPXT6a8TZY3dcGY8EdwsBulFCIw+BeeX0RZn2x/BtiY/75YGh8FeWGG8QISN/WhaqSrE2OrlDgtF8q5uhOTmw==",
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-4.1.2.tgz",
+      "integrity": "sha512-xw2/TiX82lQHA06cgbqRKFb5lCAy3axQ4H4SoUFhUsg+wztiet+co86IAMDtF6Vm1hc7J6j09oh/rgDn+JdKIQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/pretty-format": "4.1.0",
+        "@vitest/pretty-format": "4.1.2",
         "convert-source-map": "^2.0.0",
-        "tinyrainbow": "^3.0.3"
+        "tinyrainbow": "^3.1.0"
       },
       "funding": {
         "url": "https://opencollective.com/vitest"
@@ -7615,7 +7607,6 @@
       "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -7691,7 +7682,6 @@
       "integrity": "sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.3",
         "fast-uri": "^3.0.1",
@@ -7882,9 +7872,9 @@
       }
     },
     "node_modules/anymatch/node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -8187,9 +8177,9 @@
       "license": "MIT"
     },
     "node_modules/baseline-browser-mapping": {
-      "version": "2.10.9",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.9.tgz",
-      "integrity": "sha512-OZd0e2mU11ClX8+IdXe3r0dbqMEznRiT4TfbhYIbcRPZkqJ7Qwer8ij3GZAmLsRKa+II9V1v5czCkvmHH3XZBg==",
+      "version": "2.10.12",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.12.tgz",
+      "integrity": "sha512-qyq26DxfY4awP2gIRXhhLWfwzwI+N5Nxk6iQi8EFizIaWIjqicQTE4sLnZZVdeKPRcVNoJOkkpfzoIYuvCKaIQ==",
       "dev": true,
       "license": "Apache-2.0",
       "bin": {
@@ -8334,9 +8324,9 @@
       "license": "ISC"
     },
     "node_modules/brace-expansion": {
-      "version": "5.0.4",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.4.tgz",
-      "integrity": "sha512-h+DEnpVvxmfVefa4jFbCf5HdH5YMDXRsmKflpf1pILZWRFlTbJpxeU55nJl4Smt5HQaGzg1o6RHFPJaOqnmBDg==",
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.5.tgz",
+      "integrity": "sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -8379,7 +8369,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.9.0",
         "caniuse-lite": "^1.0.30001759",
@@ -8536,9 +8525,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001780",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001780.tgz",
-      "integrity": "sha512-llngX0E7nQci5BPJDqoZSbuZ5Bcs9F5db7EtgfwBerX9XGtkkiO4NwfDDIRzHTTwcYC8vC7bmeUEPGrKlR/TkQ==",
+      "version": "1.0.30001782",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001782.tgz",
+      "integrity": "sha512-dZcaJLJeDMh4rELYFw1tvSn1bhZWYFOt468FcbHHxx/Z/dFidd1I6ciyFdi3iwfQCyOjqo9upF6lGQYtMiJWxw==",
       "dev": true,
       "funding": [
         {
@@ -8609,7 +8598,6 @@
       "integrity": "sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "readdirp": "^5.0.0"
       },
@@ -9230,7 +9218,6 @@
       "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.1.0.tgz",
       "integrity": "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==",
       "license": "MIT",
-      "peer": true,
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/kossnocorp"
@@ -9364,9 +9351,9 @@
       "license": "MIT"
     },
     "node_modules/diff": {
-      "version": "8.0.3",
-      "resolved": "https://registry.npmjs.org/diff/-/diff-8.0.3.tgz",
-      "integrity": "sha512-qejHi7bcSD4hQAZE0tNAawRK1ZtafHDmMTMkrrIGgSLl7hTnQHmKCeB45xAcbfTqK2zowkM3j3bHt/4b/ARbYQ==",
+      "version": "8.0.4",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-8.0.4.tgz",
+      "integrity": "sha512-DPi0FmjiSU5EvQV0++GFDOJ9ASQUVFh5kD+OzOnYdi7n3Wpm9hWWGfB/O2blfHcMVTL5WkQXSnRiK9makhrcnw==",
       "dev": true,
       "license": "BSD-3-Clause",
       "engines": {
@@ -9482,9 +9469,9 @@
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.321",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.321.tgz",
-      "integrity": "sha512-L2C7Q279W2D/J4PLZLk7sebOILDSWos7bMsMNN06rK482umHUrh/3lM8G7IlHFOYip2oAg5nha1rCMxr/rs6ZQ==",
+      "version": "1.5.328",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.328.tgz",
+      "integrity": "sha512-QNQ5l45DzYytThO21403XN3FvK0hOkWDG8viNf6jqS42msJ8I4tGDSpBCgvDRRPnkffafiwAym2X2eHeGD2V0w==",
       "dev": true,
       "license": "ISC"
     },
@@ -9737,7 +9724,6 @@
       "integrity": "sha512-S9jlY/ELKEUwwQnqWDO+f+m6sercqOPSqXM5Go94l7DOmxHVDgmSFGWEzeE/gwgTAr0W103BWt0QLe/7mabIvA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.2",
@@ -10071,7 +10057,6 @@
       "integrity": "sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "accepts": "^2.0.0",
         "body-parser": "^2.2.1",
@@ -10428,8 +10413,7 @@
       "version": "4.6.13",
       "resolved": "https://registry.npmjs.org/flatpickr/-/flatpickr-4.6.13.tgz",
       "integrity": "sha512-97PMG/aywoYpB4IvbvUJi0RQi8vearvU0oov1WW3k0WZPBMrTQVqekSX5CjSG/M4Q3i6A/0FKXC7RyAoAUUSPw==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/flatted": {
       "version": "3.4.2",
@@ -10783,9 +10767,9 @@
       }
     },
     "node_modules/glob-watcher/node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -11108,12 +11092,11 @@
       }
     },
     "node_modules/hono": {
-      "version": "4.12.8",
-      "resolved": "https://registry.npmjs.org/hono/-/hono-4.12.8.tgz",
-      "integrity": "sha512-VJCEvtrezO1IAR+kqEYnxUOoStaQPGrCmX3j4wDTNOcD1uRPFpGlwQUIW8niPuvHXaTUxeOUl5MMDGrl+tmO9A==",
+      "version": "4.12.9",
+      "resolved": "https://registry.npmjs.org/hono/-/hono-4.12.9.tgz",
+      "integrity": "sha512-wy3T8Zm2bsEvxKZM5w21VdHDDcwVS1yUFFY6i8UobSsKfFceT7TOwhbhfKsDyx7tYQlmRM5FLpIuYvNFyjctiA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=16.9.0"
       }
@@ -12019,6 +12002,7 @@
       "resolved": "https://registry.npmjs.org/jsrsasign/-/jsrsasign-11.1.1.tgz",
       "integrity": "sha512-6w95OOXH8DNeGxakqLndBEqqwQ6A70zGaky1oxfg8WVLWOnghTfJsc5Tknx+Z88MHSb1bGLcqQHImOF8Lk22XA==",
       "license": "MIT",
+      "peer": true,
       "funding": {
         "url": "https://github.com/kjur/jsrsasign#donations"
       }
@@ -12027,6 +12011,7 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/jsrsasign-util/-/jsrsasign-util-1.0.5.tgz",
       "integrity": "sha512-e5Kp8aaT5GH2c5X8j4uaJruYmT4GcnaGb47nw8m60YqPywtnOtTISZ9hZgtZ3a+jh7B27bU2LCf3Y32wZyfhtQ==",
+      "peer": true,
       "dependencies": {
         "jsonc-parser": ">= 0.0.1",
         "jsrsasign": ">= 4.8.2"
@@ -12073,9 +12058,9 @@
       }
     },
     "node_modules/launch-editor": {
-      "version": "2.13.1",
-      "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.13.1.tgz",
-      "integrity": "sha512-lPSddlAAluRKJ7/cjRFoXUFzaX7q/YKI7yPHuEvSJVqoXvFnJov1/Ud87Aa4zULIbA9Nja4mSPK8l0z/7eV2wA==",
+      "version": "2.13.2",
+      "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.13.2.tgz",
+      "integrity": "sha512-4VVDnbOpLXy/s8rdRCSXb+zfMeFR0WlJWpET1iA9CQdlZDfwyLjUuGQzXU4VeOoey6AicSAluWan7Etga6Kcmg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -12099,7 +12084,6 @@
       "integrity": "sha512-j1n1IuTX1VQjIy3tT7cyGbX7nvQOsFLoIqobZv4ttI5axP923gA44zUj6miiA6R5Aoms4sEGVIIcucXUbRI14g==",
       "dev": true,
       "license": "Apache-2.0",
-      "peer": true,
       "dependencies": {
         "copy-anything": "^2.0.1",
         "parse-node-version": "^1.0.1",
@@ -12223,7 +12207,6 @@
       "integrity": "sha512-ME4Fb83LgEgwNw96RKNvKV4VTLuXfoKudAmm2lP8Kk87KaMK0/Xrx/aAkMWmT8mDb+3MlFDspfbCs7adjRxA2g==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "cli-truncate": "^5.0.0",
         "colorette": "^2.0.20",
@@ -12372,8 +12355,7 @@
       "version": "4.17.23",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.23.tgz",
       "integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/lodash.debounce": {
       "version": "4.0.8",
@@ -12593,20 +12575,20 @@
       }
     },
     "node_modules/memfs": {
-      "version": "4.56.11",
-      "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.56.11.tgz",
-      "integrity": "sha512-/GodtwVeKVIHZKLUSr2ZdOxKBC5hHki4JNCU22DoCGPEHr5o2PD5U721zvESKyWwCfTfavFl9WZYgA13OAYK0g==",
+      "version": "4.57.1",
+      "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.57.1.tgz",
+      "integrity": "sha512-WvzrWPwMQT+PtbX2Et64R4qXKK0fj/8pO85MrUCzymX3twwCiJCdvntW3HdhG1teLJcHDDLIKx5+c3HckWYZtQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@jsonjoy.com/fs-core": "4.56.11",
-        "@jsonjoy.com/fs-fsa": "4.56.11",
-        "@jsonjoy.com/fs-node": "4.56.11",
-        "@jsonjoy.com/fs-node-builtins": "4.56.11",
-        "@jsonjoy.com/fs-node-to-fsa": "4.56.11",
-        "@jsonjoy.com/fs-node-utils": "4.56.11",
-        "@jsonjoy.com/fs-print": "4.56.11",
-        "@jsonjoy.com/fs-snapshot": "4.56.11",
+        "@jsonjoy.com/fs-core": "4.57.1",
+        "@jsonjoy.com/fs-fsa": "4.57.1",
+        "@jsonjoy.com/fs-node": "4.57.1",
+        "@jsonjoy.com/fs-node-builtins": "4.57.1",
+        "@jsonjoy.com/fs-node-to-fsa": "4.57.1",
+        "@jsonjoy.com/fs-node-utils": "4.57.1",
+        "@jsonjoy.com/fs-print": "4.57.1",
+        "@jsonjoy.com/fs-snapshot": "4.57.1",
         "@jsonjoy.com/json-pack": "^1.11.0",
         "@jsonjoy.com/util": "^1.9.0",
         "glob-to-regex.js": "^1.0.1",
@@ -12677,9 +12659,9 @@
       }
     },
     "node_modules/micromatch/node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -12828,11 +12810,11 @@
       }
     },
     "node_modules/minipass-flush": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/minipass-flush/-/minipass-flush-1.0.5.tgz",
-      "integrity": "sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/minipass-flush/-/minipass-flush-1.0.7.tgz",
+      "integrity": "sha512-TbqTz9cUwWyHS2Dy89P3ocAGUGxKjjLuR9z8w4WUTGAVgEj17/4nhgo2Du56i0Fm3Pm30g4iA8Lcqctc76jCzA==",
       "dev": true,
-      "license": "ISC",
+      "license": "BlueOak-1.0.0",
       "dependencies": {
         "minipass": "^3.0.0"
       },
@@ -13096,12 +13078,11 @@
       "license": "MIT"
     },
     "node_modules/ng-packagr": {
-      "version": "21.2.1",
-      "resolved": "https://registry.npmjs.org/ng-packagr/-/ng-packagr-21.2.1.tgz",
-      "integrity": "sha512-rk0aL0wWkC+FTA4wyzJIfjcUgAKMAEB19ULvP0QkAoAkzjS+3SBEf0n3MS6z7gcOW8SRU9rw1BmsouEAXD+SCw==",
+      "version": "21.2.2",
+      "resolved": "https://registry.npmjs.org/ng-packagr/-/ng-packagr-21.2.2.tgz",
+      "integrity": "sha512-VO0y7RU3Ik8E14QdrryVyVbTAyqO2MK9W9GrG4e/4N8+ti+DWiBSQmw0tIhnV67lEjQwCccPA3ZBoIn3B1vJ1Q==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@ampproject/remapping": "^2.3.0",
         "@rollup/plugin-json": "^6.1.0",
@@ -13955,9 +13936,9 @@
       }
     },
     "node_modules/path-to-regexp": {
-      "version": "8.3.0",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-8.3.0.tgz",
-      "integrity": "sha512-7jdwVIRtsP8MYpdXSwOS0YdD0Du+qOoF/AEPIt88PcCFrZCzx41oxku1jD88hZBwbNUIEfpqvuhjFaMAqMTWnA==",
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-8.4.0.tgz",
+      "integrity": "sha512-PuseHIvAnz3bjrM2rGJtSgo1zjgxapTLZ7x2pjhzWwlp4SJQgK3f3iZIQwkpEnBaKz6seKBADpM4B4ySkuYypg==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -13980,9 +13961,9 @@
       "license": "ISC"
     },
     "node_modules/picomatch": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -14066,6 +14047,7 @@
       "integrity": "sha512-vA30H8Nvkq/cPBnNw4Q8TWz1EJyqgpuinBcHET0YVJVFldr8JDNiU9LaWAE1KqSkRYazuaBhTpB5ZzShOezQ6A==",
       "dev": true,
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "playwright-core": "1.58.2"
       },
@@ -14085,6 +14067,7 @@
       "integrity": "sha512-yZkEtftgwS8CsfYo7nm0KE8jsvm6i/PTgVtB8DL726wNf6H2IMsDuxCpJj59KDaxCtSnrWan2AeDqM7JBaultg==",
       "dev": true,
       "license": "Apache-2.0",
+      "peer": true,
       "bin": {
         "playwright-core": "cli.js"
       },
@@ -14103,6 +14086,7 @@
       "os": [
         "darwin"
       ],
+      "peer": true,
       "engines": {
         "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
       }
@@ -14137,7 +14121,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "nanoid": "^3.3.11",
         "picocolors": "^1.1.1",
@@ -14851,12 +14834,11 @@
       }
     },
     "node_modules/rollup": {
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.59.0.tgz",
-      "integrity": "sha512-2oMpl67a3zCH9H79LeMcbDhXW/UmWG/y2zuqnF2jQq5uq9TbM9TVyXvA4+t+ne2IIkBdrLpAaRQAvo7YI/Yyeg==",
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.60.1.tgz",
+      "integrity": "sha512-VmtB2rFU/GroZ4oL8+ZqXgSA38O6GR8KSIvWmEFv63pQ0G6KaBH9s07PO8XTXP4vI+3UJUEypOfjkGfmSBBR0w==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/estree": "1.0.8"
       },
@@ -14868,38 +14850,38 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.59.0",
-        "@rollup/rollup-android-arm64": "4.59.0",
-        "@rollup/rollup-darwin-arm64": "4.59.0",
-        "@rollup/rollup-darwin-x64": "4.59.0",
-        "@rollup/rollup-freebsd-arm64": "4.59.0",
-        "@rollup/rollup-freebsd-x64": "4.59.0",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.59.0",
-        "@rollup/rollup-linux-arm-musleabihf": "4.59.0",
-        "@rollup/rollup-linux-arm64-gnu": "4.59.0",
-        "@rollup/rollup-linux-arm64-musl": "4.59.0",
-        "@rollup/rollup-linux-loong64-gnu": "4.59.0",
-        "@rollup/rollup-linux-loong64-musl": "4.59.0",
-        "@rollup/rollup-linux-ppc64-gnu": "4.59.0",
-        "@rollup/rollup-linux-ppc64-musl": "4.59.0",
-        "@rollup/rollup-linux-riscv64-gnu": "4.59.0",
-        "@rollup/rollup-linux-riscv64-musl": "4.59.0",
-        "@rollup/rollup-linux-s390x-gnu": "4.59.0",
-        "@rollup/rollup-linux-x64-gnu": "4.59.0",
-        "@rollup/rollup-linux-x64-musl": "4.59.0",
-        "@rollup/rollup-openbsd-x64": "4.59.0",
-        "@rollup/rollup-openharmony-arm64": "4.59.0",
-        "@rollup/rollup-win32-arm64-msvc": "4.59.0",
-        "@rollup/rollup-win32-ia32-msvc": "4.59.0",
-        "@rollup/rollup-win32-x64-gnu": "4.59.0",
-        "@rollup/rollup-win32-x64-msvc": "4.59.0",
+        "@rollup/rollup-android-arm-eabi": "4.60.1",
+        "@rollup/rollup-android-arm64": "4.60.1",
+        "@rollup/rollup-darwin-arm64": "4.60.1",
+        "@rollup/rollup-darwin-x64": "4.60.1",
+        "@rollup/rollup-freebsd-arm64": "4.60.1",
+        "@rollup/rollup-freebsd-x64": "4.60.1",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.60.1",
+        "@rollup/rollup-linux-arm-musleabihf": "4.60.1",
+        "@rollup/rollup-linux-arm64-gnu": "4.60.1",
+        "@rollup/rollup-linux-arm64-musl": "4.60.1",
+        "@rollup/rollup-linux-loong64-gnu": "4.60.1",
+        "@rollup/rollup-linux-loong64-musl": "4.60.1",
+        "@rollup/rollup-linux-ppc64-gnu": "4.60.1",
+        "@rollup/rollup-linux-ppc64-musl": "4.60.1",
+        "@rollup/rollup-linux-riscv64-gnu": "4.60.1",
+        "@rollup/rollup-linux-riscv64-musl": "4.60.1",
+        "@rollup/rollup-linux-s390x-gnu": "4.60.1",
+        "@rollup/rollup-linux-x64-gnu": "4.60.1",
+        "@rollup/rollup-linux-x64-musl": "4.60.1",
+        "@rollup/rollup-openbsd-x64": "4.60.1",
+        "@rollup/rollup-openharmony-arm64": "4.60.1",
+        "@rollup/rollup-win32-arm64-msvc": "4.60.1",
+        "@rollup/rollup-win32-ia32-msvc": "4.60.1",
+        "@rollup/rollup-win32-x64-gnu": "4.60.1",
+        "@rollup/rollup-win32-x64-msvc": "4.60.1",
         "fsevents": "~2.3.2"
       }
     },
     "node_modules/rollup-plugin-dts": {
-      "version": "6.4.0",
-      "resolved": "https://registry.npmjs.org/rollup-plugin-dts/-/rollup-plugin-dts-6.4.0.tgz",
-      "integrity": "sha512-2i00A5UoPCoDecLEs13Eu105QegSGfrbp1sDeUj/54LKGmv6XFHDxWKC6Wsb4BobGUWYVCWWjmjAc8bXXbXH/Q==",
+      "version": "6.4.1",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-dts/-/rollup-plugin-dts-6.4.1.tgz",
+      "integrity": "sha512-l//F3Zf7ID5GoOfLfD8kroBjQKEKpy1qfhtAdnpibFZMffPaylrg1CoDC2vGkPeTeyxUe4bVFCln2EFuL7IGGg==",
       "dev": true,
       "license": "LGPL-3.0-only",
       "dependencies": {
@@ -14909,7 +14891,7 @@
         "magic-string": "^0.30.21"
       },
       "engines": {
-        "node": ">=16"
+        "node": ">=20"
       },
       "funding": {
         "url": "https://github.com/sponsors/Swatinem"
@@ -14988,7 +14970,6 @@
       "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
       "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
       "license": "Apache-2.0",
-      "peer": true,
       "dependencies": {
         "tslib": "^2.1.0"
       }
@@ -15223,9 +15204,9 @@
       }
     },
     "node_modules/serialize-javascript": {
-      "version": "7.0.4",
-      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-7.0.4.tgz",
-      "integrity": "sha512-DuGdB+Po43Q5Jxwpzt1lhyFSYKryqoNjQSA9M92tyw0lyHIOur+XCalOUe0KTJpyqzT8+fQ5A0Jf7vCx/NKmIg==",
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-7.0.5.tgz",
+      "integrity": "sha512-F4LcB0UqUl1zErq+1nYEEzSHJnIwb3AF2XWB94b+afhrekOUijwooAYqFyRbjYkm2PAKBabx6oYv/xDxNi8IBw==",
       "dev": true,
       "license": "BSD-3-Clause",
       "engines": {
@@ -16035,9 +16016,9 @@
       }
     },
     "node_modules/tapable": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.0.tgz",
-      "integrity": "sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==",
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.2.tgz",
+      "integrity": "sha512-1MOpMXuhGzGL5TTCZFItxCc0AARf1EZFQkGqMm7ERKj8+Hgr5oLvJOVFcC+lRmR8hCe2S3jC4T5D7Vg/d7/fhA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -16049,9 +16030,9 @@
       }
     },
     "node_modules/tar": {
-      "version": "7.5.12",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.12.tgz",
-      "integrity": "sha512-9TsuLcdhOn4XztcQqhNyq1KOwOOED/3k58JAvtULiYqbO8B/0IBAAIE1hj0Svmm58k27TmcigyDI0deMlgG3uw==",
+      "version": "7.5.13",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.13.tgz",
+      "integrity": "sha512-tOG/7GyXpFevhXVh8jOPJrmtRpOTsYqUIkVdVooZYJS/z8WhfQUX8RJILmeuJNinGAMSu1veBr4asSHFt5/hng==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
@@ -16337,8 +16318,7 @@
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-      "license": "0BSD",
-      "peer": true
+      "license": "0BSD"
     },
     "node_modules/tsyringe": {
       "version": "4.10.0",
@@ -16416,7 +16396,6 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "dev": true,
       "license": "Apache-2.0",
-      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -16426,17 +16405,16 @@
       }
     },
     "node_modules/typescript-eslint": {
-      "version": "8.57.1",
-      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.57.1.tgz",
-      "integrity": "sha512-fLvZWf+cAGw3tqMCYzGIU6yR8K+Y9NT2z23RwOjlNFF2HwSB3KhdEFI5lSBv8tNmFkkBShSjsCjzx1vahZfISA==",
+      "version": "8.57.2",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.57.2.tgz",
+      "integrity": "sha512-VEPQ0iPgWO/sBaZOU1xo4nuNdODVOajPnTIbog2GKYr31nIlZ0fWPoCQgGfF3ETyBl1vn63F/p50Um9Z4J8O8A==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "@typescript-eslint/eslint-plugin": "8.57.1",
-        "@typescript-eslint/parser": "8.57.1",
-        "@typescript-eslint/typescript-estree": "8.57.1",
-        "@typescript-eslint/utils": "8.57.1"
+        "@typescript-eslint/eslint-plugin": "8.57.2",
+        "@typescript-eslint/parser": "8.57.2",
+        "@typescript-eslint/typescript-estree": "8.57.2",
+        "@typescript-eslint/utils": "8.57.2"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -16497,9 +16475,9 @@
       }
     },
     "node_modules/undici": {
-      "version": "7.22.0",
-      "resolved": "https://registry.npmjs.org/undici/-/undici-7.22.0.tgz",
-      "integrity": "sha512-RqslV2Us5BrllB+JeiZnK4peryVTndy9Dnqq62S3yYRRTj0tFQCwEniUy2167skdGOy3vqRzEvl1Dm4sV2ReDg==",
+      "version": "7.24.4",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-7.24.4.tgz",
+      "integrity": "sha512-BM/JzwwaRXxrLdElV2Uo6cTLEjhSb3WXboncJamZ15NgUURmvlXvxa6xkwIOILIjPNo9i8ku136ZvWV0Uly8+w==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -16785,7 +16763,6 @@
       "integrity": "sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "esbuild": "^0.27.0",
         "fdir": "^6.5.0",
@@ -16856,20 +16833,19 @@
       }
     },
     "node_modules/vitest": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/vitest/-/vitest-4.1.0.tgz",
-      "integrity": "sha512-YbDrMF9jM2Lqc++2530UourxZHmkKLxrs4+mYhEwqWS97WJ7wOYEkcr+QfRgJ3PW9wz3odRijLZjHEaRLTNbqw==",
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/vitest/-/vitest-4.1.2.tgz",
+      "integrity": "sha512-xjR1dMTVHlFLh98JE3i/f/WePqJsah4A0FK9cc8Ehp9Udk0AZk6ccpIZhh1qJ/yxVWRZ+Q54ocnD8TXmkhspGg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "@vitest/expect": "4.1.0",
-        "@vitest/mocker": "4.1.0",
-        "@vitest/pretty-format": "4.1.0",
-        "@vitest/runner": "4.1.0",
-        "@vitest/snapshot": "4.1.0",
-        "@vitest/spy": "4.1.0",
-        "@vitest/utils": "4.1.0",
+        "@vitest/expect": "4.1.2",
+        "@vitest/mocker": "4.1.2",
+        "@vitest/pretty-format": "4.1.2",
+        "@vitest/runner": "4.1.2",
+        "@vitest/snapshot": "4.1.2",
+        "@vitest/spy": "4.1.2",
+        "@vitest/utils": "4.1.2",
         "es-module-lexer": "^2.0.0",
         "expect-type": "^1.3.0",
         "magic-string": "^0.30.21",
@@ -16880,8 +16856,8 @@
         "tinybench": "^2.9.0",
         "tinyexec": "^1.0.2",
         "tinyglobby": "^0.2.15",
-        "tinyrainbow": "^3.0.3",
-        "vite": "^6.0.0 || ^7.0.0 || ^8.0.0-0",
+        "tinyrainbow": "^3.1.0",
+        "vite": "^6.0.0 || ^7.0.0 || ^8.0.0",
         "why-is-node-running": "^2.3.0"
       },
       "bin": {
@@ -16897,13 +16873,13 @@
         "@edge-runtime/vm": "*",
         "@opentelemetry/api": "^1.9.0",
         "@types/node": "^20.0.0 || ^22.0.0 || >=24.0.0",
-        "@vitest/browser-playwright": "4.1.0",
-        "@vitest/browser-preview": "4.1.0",
-        "@vitest/browser-webdriverio": "4.1.0",
-        "@vitest/ui": "4.1.0",
+        "@vitest/browser-playwright": "4.1.2",
+        "@vitest/browser-preview": "4.1.2",
+        "@vitest/browser-webdriverio": "4.1.2",
+        "@vitest/ui": "4.1.2",
         "happy-dom": "*",
         "jsdom": "*",
-        "vite": "^6.0.0 || ^7.0.0 || ^8.0.0-0"
+        "vite": "^6.0.0 || ^7.0.0 || ^8.0.0"
       },
       "peerDependenciesMeta": {
         "@edge-runtime/vm": {
@@ -16976,7 +16952,6 @@
       "integrity": "sha512-dRXm0a2qcHPUBEzVk8uph0xWSjV/xZxenQQbLwnwP7caQCYpqG1qddwlyEkIDkYn0K8tvmcrZ+bOrzoQ3HxCDw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/eslint-scope": "^3.7.7",
         "@types/estree": "^1.0.8",
@@ -17056,7 +17031,6 @@
       "integrity": "sha512-9Gyu2F7+bg4Vv+pjbovuYDhHX+mqdqITykfzdM9UyKqKHlsE5aAjRhR+oOEfXW5vBeu8tarzlJFIZva4ZjAdrQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/bonjour": "^3.5.13",
         "@types/connect-history-api-fallback": "^1.5.4",
@@ -17420,16 +17394,16 @@
       }
     },
     "node_modules/webpack-dev-server/node_modules/path-to-regexp": {
-      "version": "0.1.12",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz",
-      "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==",
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.13.tgz",
+      "integrity": "sha512-A/AGNMFN3c8bOlvV9RreMdrv7jsmF9XIfDeCd87+I8RNg6s78BhJxMu69NEMHBSJFxKidViTEdruRwEk/WIKqA==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/webpack-dev-server/node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -17798,9 +17772,9 @@
       "license": "ISC"
     },
     "node_modules/ws": {
-      "version": "8.19.0",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.19.0.tgz",
-      "integrity": "sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==",
+      "version": "8.20.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.20.0.tgz",
+      "integrity": "sha512-sAt8BhgNbzCtgGbt2OxmpuryO63ZoDk/sqaB/znQm94T4fCEsy/yV+7CdC1kJhOU9lboAEU7R3kquuycDoibVA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -17951,19 +17925,18 @@
       "integrity": "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }
     },
     "node_modules/zod-to-json-schema": {
-      "version": "3.25.1",
-      "resolved": "https://registry.npmjs.org/zod-to-json-schema/-/zod-to-json-schema-3.25.1.tgz",
-      "integrity": "sha512-pM/SU9d3YAggzi6MtR4h7ruuQlqKtad8e9S0fmxcMi+ueAK5Korys/aWcV9LIIHTVbj01NdzxcnXSN+O74ZIVA==",
+      "version": "3.25.2",
+      "resolved": "https://registry.npmjs.org/zod-to-json-schema/-/zod-to-json-schema-3.25.2.tgz",
+      "integrity": "sha512-O/PgfnpT1xKSDeQYSCfRI5Gy3hPf91mKVDuYLUHZJMiDFptvP41MSnWofm8dnCm0256ZNfZIM7DSzuSMAFnjHA==",
       "dev": true,
       "license": "ISC",
       "peerDependencies": {
-        "zod": "^3.25 || ^4"
+        "zod": "^3.25.28 || ^4"
       }
     },
     "projects/ui-components": {
@@ -17971,17 +17944,17 @@
       "version": "21.0.0",
       "license": "MIT",
       "dependencies": {
-        "tslib": "^2.3.1"
+        "tslib": "^2.8.1"
       },
       "peerDependencies": {
-        "@angular/cdk": "^21.2.3",
-        "@angular/common": "^21.2.5",
-        "@angular/compiler": "^21.2.5",
-        "@angular/core": "^21.2.5",
-        "@angular/forms": "^21.2.5",
-        "@angular/material": "^21.2.3",
-        "@angular/platform-browser": "^21.2.5",
-        "@angular/router": "^21.2.5",
+        "@angular/cdk": "^21.2.4",
+        "@angular/common": "^21.2.6",
+        "@angular/compiler": "^21.2.6",
+        "@angular/core": "^21.2.6",
+        "@angular/forms": "^21.2.6",
+        "@angular/material": "^21.2.4",
+        "@angular/platform-browser": "^21.2.6",
+        "@angular/router": "^21.2.6",
         "@laserfiche/lf-api-client-core": "^1.1.19",
         "@laserfiche/lf-js-utils": "^4.0.13",
         "@laserfiche/lf-resource-library": "^5.0.3",
diff --git a/package.json b/package.json
index 65a5d92e..e522c412 100644
--- a/package.json
+++ b/package.json
@@ -36,28 +36,28 @@
   "devDependencies": {
     "@analogjs/vite-plugin-angular": "^2.3.1",
     "@analogjs/vitest-angular": "^2.3.1",
-    "@angular-devkit/build-angular": "^21.2.3",
+    "@angular-devkit/build-angular": "^21.2.5",
     "@angular-eslint/builder": "^21.3.1",
     "@angular-eslint/schematics": "^21.3.1",
-    "@angular/cli": "^21.2.3",
+    "@angular/cli": "^21.2.5",
     "@microsoft/api-extractor": "^7.57.7",
     "@stylistic/eslint-plugin": "^5.10.0",
     "@types/lodash": "^4.17.24",
     "@types/node": "^24.12.0",
-    "@vitest/browser": "^4.1.0",
-    "@vitest/browser-playwright": "^4.1.0",
+    "@vitest/browser": "^4.1.2",
+    "@vitest/browser-playwright": "^4.1.2",
     "angular-eslint": "^21.3.1",
     "date-fns": "^4.1.0",
     "eslint": "^10.1.0",
     "flatpickr": "^4.6.13",
     "gulp": "^5.0.1",
     "gulp-replace": "^1.1.4",
-    "ng-packagr": "^21.2.1",
+    "ng-packagr": "^21.2.2",
     "prettier": "^3.8.1",
     "tslib": "^2.8.1",
-    "typescript": "5.9.3",
-    "typescript-eslint": "^8.57.1",
-    "vitest": "^4.1.0",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.57.2",
+    "vitest": "^4.1.2",
     "yargs": "^18.0.0"
   },
   "peerDependencies": {
diff --git a/projects/ui-components/package-lock.json b/projects/ui-components/package-lock.json
index 78b78251..622da55f 100644
--- a/projects/ui-components/package-lock.json
+++ b/projects/ui-components/package-lock.json
@@ -9,17 +9,17 @@
       "version": "21.0.0",
       "license": "MIT",
       "dependencies": {
-        "tslib": "^2.3.1"
+        "tslib": "^2.8.1"
       },
       "peerDependencies": {
-        "@angular/cdk": "^21.2.3",
-        "@angular/common": "^21.2.5",
-        "@angular/compiler": "^21.2.5",
-        "@angular/core": "^21.2.5",
-        "@angular/forms": "^21.2.5",
-        "@angular/material": "^21.2.3",
-        "@angular/platform-browser": "^21.2.5",
-        "@angular/router": "^21.2.5",
+        "@angular/cdk": "^21.2.4",
+        "@angular/common": "^21.2.6",
+        "@angular/compiler": "^21.2.6",
+        "@angular/core": "^21.2.6",
+        "@angular/forms": "^21.2.6",
+        "@angular/material": "^21.2.4",
+        "@angular/platform-browser": "^21.2.6",
+        "@angular/router": "^21.2.6",
         "@laserfiche/lf-api-client-core": "^1.1.19",
         "@laserfiche/lf-js-utils": "^4.0.13",
         "@laserfiche/lf-resource-library": "^5.0.3",
@@ -31,9 +31,9 @@
       }
     },
     "node_modules/@angular/cdk": {
-      "version": "21.2.3",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.2.3.tgz",
-      "integrity": "sha512-7t+UhfbSpIUG9uUyL4b8nI/HyYyrbgAvDwBT8kH4D7If0WiFQhUoottAM0+WZ7Uy+F4nx322K6TOomz/fZJOoQ==",
+      "version": "21.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.2.4.tgz",
+      "integrity": "sha512-Zv+q9Z/wVWTt0ckuO3gnU7PbpCLTr1tKPEsofLGGzDufA5/85aBLn2UiLcjlY6wQ+V3EMqANhGo/8XJgvBEYFA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -48,9 +48,9 @@
       }
     },
     "node_modules/@angular/common": {
-      "version": "21.2.5",
-      "resolved": "https://registry.npmjs.org/@angular/common/-/common-21.2.5.tgz",
-      "integrity": "sha512-MTjCbsHBkF9W12CW9yYiTJdVfZv/qCqBCZ2iqhMpDA5G+ZJiTKP0IDTJVrx2N5iHfiJ1lnK719t/9GXROtEAvg==",
+      "version": "21.2.6",
+      "resolved": "https://registry.npmjs.org/@angular/common/-/common-21.2.6.tgz",
+      "integrity": "sha512-2FcpZ1h6AZ4JwCIlnpHCYrbRTGQTOj/RFXkuX/qw7K6cFmJGfWFMmr++xWtHZEvUddfbR9hqDo+v1mkqEKE/Kw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -60,14 +60,14 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "21.2.5",
+        "@angular/core": "21.2.6",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/compiler": {
-      "version": "21.2.5",
-      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-21.2.5.tgz",
-      "integrity": "sha512-QloEsknGqLvmr+ED7QShDt7SoMY9mipV+gVnwn4hBI5sbl+TOBfYWXIaJMnxseFwSqjXTSCVGckfylIlynNcFg==",
+      "version": "21.2.6",
+      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-21.2.6.tgz",
+      "integrity": "sha512-shGkb/aAIPbG8oSYkVJ0msGlRdDVcJBVaUVx2KenMltifQjfLn5N8DFMAzOR6haaA3XeugFExxKqmvySjrVq+A==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -78,9 +78,9 @@
       }
     },
     "node_modules/@angular/core": {
-      "version": "21.2.5",
-      "resolved": "https://registry.npmjs.org/@angular/core/-/core-21.2.5.tgz",
-      "integrity": "sha512-JgHU134Adb1wrpyGC9ozcv3hiRAgaFTvJFn1u9OU/AVXyxu4meMmVh2hp5QhAvPnv8XQdKWWIkAY+dbpPE6zKA==",
+      "version": "21.2.6",
+      "resolved": "https://registry.npmjs.org/@angular/core/-/core-21.2.6.tgz",
+      "integrity": "sha512-svgK5DhFlQlS+sMybXftn08rHHRiDGY/uIKT5LZUaKgyffnkPb8uClpMIW0NzANtU8qs8pwgDZFoJw85Ia3oqQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -90,7 +90,7 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/compiler": "21.2.5",
+        "@angular/compiler": "21.2.6",
         "rxjs": "^6.5.3 || ^7.4.0",
         "zone.js": "~0.15.0 || ~0.16.0"
       },
@@ -104,9 +104,9 @@
       }
     },
     "node_modules/@angular/forms": {
-      "version": "21.2.5",
-      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-21.2.5.tgz",
-      "integrity": "sha512-pqRuK+a1ZAFZbs8/dZoorFJah2IWaf/SH8axHUpaDJ7fyNrwNEcpczyObdxZ00lOgORpKAhWo/q0hlVS+In8cw==",
+      "version": "21.2.6",
+      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-21.2.6.tgz",
+      "integrity": "sha512-i8BoWxBAm0g2xOMcQ8wTdj07gqMPIFYIyefCOo0ezcGj5XhYjd+C2UrYnKsup0aMZqqEAO1l2aZbmfHx9xLheQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -117,23 +117,23 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "21.2.5",
-        "@angular/core": "21.2.5",
-        "@angular/platform-browser": "21.2.5",
+        "@angular/common": "21.2.6",
+        "@angular/core": "21.2.6",
+        "@angular/platform-browser": "21.2.6",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/material": {
-      "version": "21.2.3",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-21.2.3.tgz",
-      "integrity": "sha512-mqmqhHRKIJwSKaYUtb9hH6/oHmozgqv/pYQMvMa3Fd5iipV0VxXN2GdNl3WE9LV9FJhHDBMitNU0hdE0uCM1nQ==",
+      "version": "21.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-21.2.4.tgz",
+      "integrity": "sha512-YzkPjgZezdsDeAhSm3zix2h+ohApwaRUMG8ea/75XR1eSkT1n3N7qZaHC8HDkhPYApk8a951RDxsTiiAidnGqg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/cdk": "21.2.3",
+        "@angular/cdk": "21.2.4",
         "@angular/common": "^21.0.0 || ^22.0.0",
         "@angular/core": "^21.0.0 || ^22.0.0",
         "@angular/forms": "^21.0.0 || ^22.0.0",
@@ -142,9 +142,9 @@
       }
     },
     "node_modules/@angular/platform-browser": {
-      "version": "21.2.5",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-21.2.5.tgz",
-      "integrity": "sha512-VuuYguxjgyI4XWuoXrKynmuA3FB991pXbkNhxHeCW0yX+7DGOnGLPF1oierd4/X+IvskmN8foBZLfjyg9u4Ffg==",
+      "version": "21.2.6",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-21.2.6.tgz",
+      "integrity": "sha512-LW1vPXVHvy71LBahn+fSzPlWQl25kJIdcXq+ptG7HsMVgbPQ3/vvkKXAHYaRdppLGCFL+v+3dQGHYLNLiYL9qg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -154,9 +154,9 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/animations": "21.2.5",
-        "@angular/common": "21.2.5",
-        "@angular/core": "21.2.5"
+        "@angular/animations": "21.2.6",
+        "@angular/common": "21.2.6",
+        "@angular/core": "21.2.6"
       },
       "peerDependenciesMeta": {
         "@angular/animations": {
@@ -165,9 +165,9 @@
       }
     },
     "node_modules/@angular/router": {
-      "version": "21.2.5",
-      "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.2.5.tgz",
-      "integrity": "sha512-yQGhTVGvh8OMW3auj13+g+OCSQj7gyBQON/2X4LuCvIUG71NPV6Fqzfk9DKTKaXpqo0FThy8/LPJ0Lsy3CRejg==",
+      "version": "21.2.6",
+      "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.2.6.tgz",
+      "integrity": "sha512-0ajhkKYeOqHQEEH88+Q0HrheR3helwTvdTqD/0gTaapCe+HOoC+SYwmzzsYP2zwAxBNQEg4JHOGKQ30X9/gwgw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -177,9 +177,9 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "21.2.5",
-        "@angular/core": "21.2.5",
-        "@angular/platform-browser": "21.2.5",
+        "@angular/common": "21.2.6",
+        "@angular/core": "21.2.6",
+        "@angular/platform-browser": "21.2.6",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
@@ -213,7 +213,8 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz",
       "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/date-fns": {
       "version": "4.1.0",
@@ -231,6 +232,7 @@
       "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
       "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
       "license": "BSD-2-Clause",
+      "peer": true,
       "engines": {
         "node": ">=0.12"
       },
@@ -249,13 +251,15 @@
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.3.1.tgz",
       "integrity": "sha512-HUgH65KyejrUFPvHFPbqOY0rsFip3Bo5wb4ngvdi1EpCYWUQDC5V+Y7mZws+DLkr4M//zQJoanu1SP+87Dv1oQ==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/jsrsasign": {
       "version": "11.1.1",
       "resolved": "https://registry.npmjs.org/jsrsasign/-/jsrsasign-11.1.1.tgz",
       "integrity": "sha512-6w95OOXH8DNeGxakqLndBEqqwQ6A70zGaky1oxfg8WVLWOnghTfJsc5Tknx+Z88MHSb1bGLcqQHImOF8Lk22XA==",
       "license": "MIT",
+      "peer": true,
       "funding": {
         "url": "https://github.com/kjur/jsrsasign#donations"
       }
@@ -264,6 +268,7 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/jsrsasign-util/-/jsrsasign-util-1.0.5.tgz",
       "integrity": "sha512-e5Kp8aaT5GH2c5X8j4uaJruYmT4GcnaGb47nw8m60YqPywtnOtTISZ9hZgtZ3a+jh7B27bU2LCf3Y32wZyfhtQ==",
+      "peer": true,
       "dependencies": {
         "jsonc-parser": ">= 0.0.1",
         "jsrsasign": ">= 4.8.2"
@@ -296,6 +301,7 @@
       "resolved": "https://registry.npmjs.org/parse5/-/parse5-8.0.0.tgz",
       "integrity": "sha512-9m4m5GSgXjL4AjumKzq1Fgfp3Z8rsvjRNbnkVwfu2ImRqE5D0LnY2QfDen18FSY9C573YU5XxSapdHZTZ2WolA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "entities": "^6.0.0"
       },
diff --git a/projects/ui-components/package.json b/projects/ui-components/package.json
index 054723ac..5fed5012 100644
--- a/projects/ui-components/package.json
+++ b/projects/ui-components/package.json
@@ -7,14 +7,14 @@
     "url": "https://github.com/Laserfiche/lf-ui-components"
   },
   "peerDependencies": {
-    "@angular/cdk": "^21.2.3",
-    "@angular/common": "^21.2.5",
-    "@angular/compiler": "^21.2.5",
-    "@angular/core": "^21.2.5",
-    "@angular/forms": "^21.2.5",
-    "@angular/material": "^21.2.3",
-    "@angular/platform-browser": "^21.2.5",
-    "@angular/router": "^21.2.5",
+    "@angular/cdk": "^21.2.4",
+    "@angular/common": "^21.2.6",
+    "@angular/compiler": "^21.2.6",
+    "@angular/core": "^21.2.6",
+    "@angular/forms": "^21.2.6",
+    "@angular/material": "^21.2.4",
+    "@angular/platform-browser": "^21.2.6",
+    "@angular/router": "^21.2.6",
     "@laserfiche/lf-api-client-core": "^1.1.19",
     "@laserfiche/lf-js-utils": "^4.0.13",
     "@laserfiche/lf-resource-library": "^5.0.3",
@@ -25,7 +25,7 @@
     "lodash": "^4.17.23"
   },
   "dependencies": {
-    "tslib": "^2.3.1"
+    "tslib": "^2.8.1"
   },
   "exports": {
     "./cdn/indigo-pink.css": {

From b4f31419c1358e6434c27b307601f117bd39fc2f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Mon, 13 Apr 2026 10:02:37 +0300
Subject: [PATCH 41/43] Update packages

---
 package-lock.json                        | 888 ++++++++++++-----------
 package.json                             |  42 +-
 projects/ui-components/package-lock.json | 107 ++-
 projects/ui-components/package.json      |  18 +-
 4 files changed, 539 insertions(+), 516 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index ee00b28d..fa1bb01c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,42 +12,42 @@
         "@laserfiche/lf-ui-components": "file:projects/ui-components"
       },
       "devDependencies": {
-        "@analogjs/vite-plugin-angular": "^2.3.1",
-        "@analogjs/vitest-angular": "^2.3.1",
-        "@angular-devkit/build-angular": "^21.2.5",
+        "@analogjs/vite-plugin-angular": "~2.3.1",
+        "@analogjs/vitest-angular": "~2.3.1",
+        "@angular-devkit/build-angular": "^21.2.7",
         "@angular-eslint/builder": "^21.3.1",
         "@angular-eslint/schematics": "^21.3.1",
-        "@angular/cli": "^21.2.5",
-        "@microsoft/api-extractor": "^7.57.7",
+        "@angular/cli": "^21.2.7",
+        "@microsoft/api-extractor": "^7.58.2",
         "@stylistic/eslint-plugin": "^5.10.0",
         "@types/lodash": "^4.17.24",
-        "@types/node": "^24.12.0",
-        "@vitest/browser": "^4.1.2",
-        "@vitest/browser-playwright": "^4.1.2",
+        "@types/node": "^24.12.2",
+        "@vitest/browser": "^4.1.4",
+        "@vitest/browser-playwright": "^4.1.4",
         "angular-eslint": "^21.3.1",
         "date-fns": "^4.1.0",
-        "eslint": "^10.1.0",
+        "eslint": "^10.2.0",
         "flatpickr": "^4.6.13",
         "gulp": "^5.0.1",
         "gulp-replace": "^1.1.4",
         "ng-packagr": "^21.2.2",
-        "prettier": "^3.8.1",
+        "prettier": "^3.8.2",
         "tslib": "^2.8.1",
         "typescript": "~5.9.3",
-        "typescript-eslint": "^8.57.2",
-        "vitest": "^4.1.2",
+        "typescript-eslint": "^8.58.1",
+        "vitest": "^4.1.4",
         "yargs": "^18.0.0"
       },
       "peerDependencies": {
-        "@angular/animations": "^21.2.5",
-        "@angular/cdk": "^21.2.3",
-        "@angular/common": "^21.2.5",
-        "@angular/compiler": "^21.2.5",
-        "@angular/core": "^21.2.5",
-        "@angular/forms": "^21.2.5",
-        "@angular/material": "^21.2.3",
-        "@angular/platform-browser": "^21.2.5",
-        "@angular/router": "^21.2.5",
+        "@angular/animations": "^21.2.8",
+        "@angular/cdk": "^21.2.6",
+        "@angular/common": "^21.2.8",
+        "@angular/compiler": "^21.2.8",
+        "@angular/core": "^21.2.8",
+        "@angular/forms": "^21.2.8",
+        "@angular/material": "^21.2.6",
+        "@angular/platform-browser": "^21.2.8",
+        "@angular/router": "^21.2.8",
         "@laserfiche/lf-api-client-core": "^1.1.19",
         "@laserfiche/lf-js-utils": "^4.0.13",
         "@laserfiche/lf-resource-library": "^5.0.3",
@@ -329,13 +329,13 @@
       }
     },
     "node_modules/@angular-devkit/architect": {
-      "version": "0.2102.5",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.2102.5.tgz",
-      "integrity": "sha512-9xE7G177R9G9Kte+4AtbEMlEeZUupnvdBUMVBlZRa/n4UDUyAkB/vj58KrzRCCIVQ/ypHVMwUilaDTO484dd+g==",
+      "version": "0.2102.7",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.2102.7.tgz",
+      "integrity": "sha512-4K/5hln9iaPEt3F/NyYqncNLvYpzSjRslEkHl2xIgZwQsIFHEvhnDRBYj2/oatURQhBqO/Yu15z/icVOYLxuTg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/core": "21.2.5",
+        "@angular-devkit/core": "21.2.7",
         "rxjs": "7.8.2"
       },
       "bin": {
@@ -348,17 +348,17 @@
       }
     },
     "node_modules/@angular-devkit/build-angular": {
-      "version": "21.2.5",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-21.2.5.tgz",
-      "integrity": "sha512-r07RZPM0AeYEk/VDY3JXdciUQUeSLx5C8S3ntEUmRc2OXILYIJLmuQ9ldcSQCcFeAcbTr1EYIg/iMjV0vjB4Yw==",
+      "version": "21.2.7",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-21.2.7.tgz",
+      "integrity": "sha512-MeAsrvTq3of5x2r5g3cFhWpcb/goHVC5/7BfE+AiWuwClqsgbVoD/HiSXkQ50g2P+JQJ3Qx/DR2cC01H+k6pjg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@ampproject/remapping": "2.3.0",
-        "@angular-devkit/architect": "0.2102.5",
-        "@angular-devkit/build-webpack": "0.2102.5",
-        "@angular-devkit/core": "21.2.5",
-        "@angular/build": "21.2.5",
+        "@angular-devkit/architect": "0.2102.7",
+        "@angular-devkit/build-webpack": "0.2102.7",
+        "@angular-devkit/core": "21.2.7",
+        "@angular/build": "21.2.7",
         "@babel/core": "7.29.0",
         "@babel/generator": "7.29.1",
         "@babel/helper-annotate-as-pure": "7.27.3",
@@ -369,7 +369,7 @@
         "@babel/preset-env": "7.29.0",
         "@babel/runtime": "7.28.6",
         "@discoveryjs/json-ext": "0.6.3",
-        "@ngtools/webpack": "21.2.5",
+        "@ngtools/webpack": "21.2.7",
         "ansi-colors": "4.1.3",
         "autoprefixer": "10.4.27",
         "babel-loader": "10.0.0",
@@ -424,7 +424,7 @@
         "@angular/platform-browser": "^21.0.0",
         "@angular/platform-server": "^21.0.0",
         "@angular/service-worker": "^21.0.0",
-        "@angular/ssr": "^21.2.5",
+        "@angular/ssr": "^21.2.7",
         "@web/test-runner": "^0.20.0",
         "browser-sync": "^3.0.2",
         "jest": "^30.2.0",
@@ -480,14 +480,31 @@
         }
       }
     },
+    "node_modules/@angular-devkit/build-angular/node_modules/tinyglobby": {
+      "version": "0.2.15",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
     "node_modules/@angular-devkit/build-webpack": {
-      "version": "0.2102.5",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.2102.5.tgz",
-      "integrity": "sha512-DBhMEbPD7scUXjoA/43f/6tS6PckIWkY15LldAEWwxbJqRUokMLfnuX21+pv+RETGrIKOQuXxZgLFeQYpodGfA==",
+      "version": "0.2102.7",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.2102.7.tgz",
+      "integrity": "sha512-EANoPney0B0SsbF5LVZvABDkxrSXw0nly7TmGrrV5UNmSLxhmF29IZ14vVGyy7En/zJHOIlQAP7YI39PdtYxqg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/architect": "0.2102.5",
+        "@angular-devkit/architect": "0.2102.7",
         "rxjs": "7.8.2"
       },
       "engines": {
@@ -501,9 +518,9 @@
       }
     },
     "node_modules/@angular-devkit/core": {
-      "version": "21.2.5",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-21.2.5.tgz",
-      "integrity": "sha512-9z9w7UxKKVmib5QHFZTOfJpAiSudqQwwEZFpQy31yaXR3tJw85xO5owi+66sgTpEvNh9Ix2THhcUq//ToP/0VA==",
+      "version": "21.2.7",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-21.2.7.tgz",
+      "integrity": "sha512-DONYY5u4IENO2qpd23mODaE4JI2EIohWV1kuJnsU9HIcm5wN714QB2z9WY/s4gLfUiAMIUu/8lpnW/0kOQZAnQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -529,13 +546,13 @@
       }
     },
     "node_modules/@angular-devkit/schematics": {
-      "version": "21.2.5",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-21.2.5.tgz",
-      "integrity": "sha512-gEg84eipTX6lcpNTDVUXBBwp0vs3rXM319Qom+sCLOKBGyqE0mvb1RM1WwfNcyOqeSMQC/vLUwRKqnP0wg1UDg==",
+      "version": "21.2.7",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-21.2.7.tgz",
+      "integrity": "sha512-LYAjjUI1qM7pR/sd0yYt8OLA6ljOOXjcfzV40I5XQNmhAxq90YYS5xwMcixOmWX+z5zvCYGvPXvJGWjzio6SUg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/core": "21.2.5",
+        "@angular-devkit/core": "21.2.7",
         "jsonc-parser": "3.3.1",
         "magic-string": "0.30.21",
         "ora": "9.3.0",
@@ -657,9 +674,9 @@
       }
     },
     "node_modules/@angular/animations": {
-      "version": "21.2.6",
-      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-21.2.6.tgz",
-      "integrity": "sha512-SPzTOlkyVagPdb7OMe9hw3dnpMGq2p/nADatzNfRUMXwit8AU8VaiPIrFRsCD52sAL1zDDj60gKsk/dprzIyFA==",
+      "version": "21.2.8",
+      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-21.2.8.tgz",
+      "integrity": "sha512-RIqfVmfretQ0x/mXgMXe7Bw0Tpe8+zBV/Mm2OaNVyrmNG+9gYItEn5t/ZnQGcPD5nMNqckgp3+4/ZMc/qkS5ww==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -669,18 +686,18 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "21.2.6"
+        "@angular/core": "21.2.8"
       }
     },
     "node_modules/@angular/build": {
-      "version": "21.2.5",
-      "resolved": "https://registry.npmjs.org/@angular/build/-/build-21.2.5.tgz",
-      "integrity": "sha512-AfE09K+pkgS3VB84R74XG/XB9LQmO6Q6YfpssjDwMnWGwDGGwUGydXn8AKdhnhI4mM2nFKoe+QYszFgrzu5HeQ==",
+      "version": "21.2.7",
+      "resolved": "https://registry.npmjs.org/@angular/build/-/build-21.2.7.tgz",
+      "integrity": "sha512-FpSkFqpsJtdN1cROekVYkmeV1QepdP+/d7fyYQEuNmlOlyqXSDh9qJmy4iL9VNbAU0rk+vFCtYM86rO7Pt9cSw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@ampproject/remapping": "2.3.0",
-        "@angular-devkit/architect": "0.2102.5",
+        "@angular-devkit/architect": "0.2102.7",
         "@babel/core": "7.29.0",
         "@babel/helper-annotate-as-pure": "7.27.3",
         "@babel/helper-split-export-declaration": "7.24.7",
@@ -704,7 +721,7 @@
         "source-map-support": "0.5.21",
         "tinyglobby": "0.2.15",
         "undici": "7.24.4",
-        "vite": "7.3.1",
+        "vite": "7.3.2",
         "watchpack": "2.5.1"
       },
       "engines": {
@@ -723,7 +740,7 @@
         "@angular/platform-browser": "^21.0.0",
         "@angular/platform-server": "^21.0.0",
         "@angular/service-worker": "^21.0.0",
-        "@angular/ssr": "^21.2.5",
+        "@angular/ssr": "^21.2.7",
         "karma": "^6.4.0",
         "less": "^4.2.0",
         "ng-packagr": "^21.0.0",
@@ -772,10 +789,27 @@
         }
       }
     },
+    "node_modules/@angular/build/node_modules/tinyglobby": {
+      "version": "0.2.15",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
     "node_modules/@angular/cdk": {
-      "version": "21.2.4",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.2.4.tgz",
-      "integrity": "sha512-Zv+q9Z/wVWTt0ckuO3gnU7PbpCLTr1tKPEsofLGGzDufA5/85aBLn2UiLcjlY6wQ+V3EMqANhGo/8XJgvBEYFA==",
+      "version": "21.2.6",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.2.6.tgz",
+      "integrity": "sha512-1PBzFf+um/VZ1dFF6cT72Zsq+9C/ZWF9m5dP0uHJgo4psX3yMBoZlZu5YomBiAQ/ePSkqCuryv1vrelK+yd3Mw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -790,19 +824,19 @@
       }
     },
     "node_modules/@angular/cli": {
-      "version": "21.2.5",
-      "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-21.2.5.tgz",
-      "integrity": "sha512-nLpyqXQ0s96jC/vR8CsKM3q94/F/nZwtbjM3E6g5lXpKe7cHfJkCfERPexx+jzzYP5JBhtm+u61aH6auu9KYQw==",
+      "version": "21.2.7",
+      "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-21.2.7.tgz",
+      "integrity": "sha512-N/wj8fFRB718efIFYpwnYfy+MecZREZXsUNMTVndFLH6T0jCheb9PVetR6jsyZp6h46USNPOmJYJ/9255lME+Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/architect": "0.2102.5",
-        "@angular-devkit/core": "21.2.5",
-        "@angular-devkit/schematics": "21.2.5",
+        "@angular-devkit/architect": "0.2102.7",
+        "@angular-devkit/core": "21.2.7",
+        "@angular-devkit/schematics": "21.2.7",
         "@inquirer/prompts": "7.10.1",
         "@listr2/prompt-adapter-inquirer": "3.0.5",
         "@modelcontextprotocol/sdk": "1.26.0",
-        "@schematics/angular": "21.2.5",
+        "@schematics/angular": "21.2.7",
         "@yarnpkg/lockfile": "1.1.0",
         "algoliasearch": "5.48.1",
         "ini": "6.0.0",
@@ -825,9 +859,9 @@
       }
     },
     "node_modules/@angular/common": {
-      "version": "21.2.6",
-      "resolved": "https://registry.npmjs.org/@angular/common/-/common-21.2.6.tgz",
-      "integrity": "sha512-2FcpZ1h6AZ4JwCIlnpHCYrbRTGQTOj/RFXkuX/qw7K6cFmJGfWFMmr++xWtHZEvUddfbR9hqDo+v1mkqEKE/Kw==",
+      "version": "21.2.8",
+      "resolved": "https://registry.npmjs.org/@angular/common/-/common-21.2.8.tgz",
+      "integrity": "sha512-ZvgcxsLPkSG0B1jc2ZXshAWIFBoQ0U9uwIX/zG/RGcfMpoKyEDNAebli6FTIpxIlz/35rtBNV7EGPhinjPTJFQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -837,14 +871,14 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "21.2.6",
+        "@angular/core": "21.2.8",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/compiler": {
-      "version": "21.2.6",
-      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-21.2.6.tgz",
-      "integrity": "sha512-shGkb/aAIPbG8oSYkVJ0msGlRdDVcJBVaUVx2KenMltifQjfLn5N8DFMAzOR6haaA3XeugFExxKqmvySjrVq+A==",
+      "version": "21.2.8",
+      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-21.2.8.tgz",
+      "integrity": "sha512-Il9KlT6qX8rWmun5jY6wMLx56bCQZpOVIFEyHM4ai2wmxvbqyxgRFKDs4iMRNn1h04Tgupl6cKSqP9lecIvH6w==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -855,9 +889,9 @@
       }
     },
     "node_modules/@angular/compiler-cli": {
-      "version": "21.2.6",
-      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-21.2.6.tgz",
-      "integrity": "sha512-CiPmat4+D+hWXMTAY++09WeII/5D0r6iTjdLdaTq8tlo0uJcrOlazib4CpA94kJ2CRdzfhmC1H+ttwBI1xIlTg==",
+      "version": "21.2.8",
+      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-21.2.8.tgz",
+      "integrity": "sha512-S0W+6QazCsn/4xWZu0V5VmU9zmKIlqFR2FJSsAQUPReVmpA40SuQSP6A/cyMVIMYaHvO/cAXSHJVgpxBzBSL/Q==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -879,7 +913,7 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/compiler": "21.2.6",
+        "@angular/compiler": "21.2.8",
         "typescript": ">=5.9 <6.1"
       },
       "peerDependenciesMeta": {
@@ -889,9 +923,9 @@
       }
     },
     "node_modules/@angular/core": {
-      "version": "21.2.6",
-      "resolved": "https://registry.npmjs.org/@angular/core/-/core-21.2.6.tgz",
-      "integrity": "sha512-svgK5DhFlQlS+sMybXftn08rHHRiDGY/uIKT5LZUaKgyffnkPb8uClpMIW0NzANtU8qs8pwgDZFoJw85Ia3oqQ==",
+      "version": "21.2.8",
+      "resolved": "https://registry.npmjs.org/@angular/core/-/core-21.2.8.tgz",
+      "integrity": "sha512-hI7n4t8qgFJaVV55LIaNuzcdP+/IeuqQRu3huSLo47Gf6uZAD0Acj4Ye9SC8YNmhUu5/RiImngm9NOlcI2oCJA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -901,7 +935,7 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/compiler": "21.2.6",
+        "@angular/compiler": "21.2.8",
         "rxjs": "^6.5.3 || ^7.4.0",
         "zone.js": "~0.15.0 || ~0.16.0"
       },
@@ -915,9 +949,9 @@
       }
     },
     "node_modules/@angular/forms": {
-      "version": "21.2.6",
-      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-21.2.6.tgz",
-      "integrity": "sha512-i8BoWxBAm0g2xOMcQ8wTdj07gqMPIFYIyefCOo0ezcGj5XhYjd+C2UrYnKsup0aMZqqEAO1l2aZbmfHx9xLheQ==",
+      "version": "21.2.8",
+      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-21.2.8.tgz",
+      "integrity": "sha512-tyQAHjfMHcqETRkKQaZHjYqIK9W8uRenPpY2DF/Jl+S7CwcaX4T8t8TKgzvTynNzQW9QGiLg0pqVosVMKzBXJg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -928,23 +962,23 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "21.2.6",
-        "@angular/core": "21.2.6",
-        "@angular/platform-browser": "21.2.6",
+        "@angular/common": "21.2.8",
+        "@angular/core": "21.2.8",
+        "@angular/platform-browser": "21.2.8",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/material": {
-      "version": "21.2.4",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-21.2.4.tgz",
-      "integrity": "sha512-YzkPjgZezdsDeAhSm3zix2h+ohApwaRUMG8ea/75XR1eSkT1n3N7qZaHC8HDkhPYApk8a951RDxsTiiAidnGqg==",
+      "version": "21.2.6",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-21.2.6.tgz",
+      "integrity": "sha512-V4hblb5ekgXb5x+UXKRs2yiB0hZUkUJbYwGseMglkCeWQlLM4u6amlsUzP4uOwIWFOkM/ZYl9qz4YGZnvMAyjw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/cdk": "21.2.4",
+        "@angular/cdk": "21.2.6",
         "@angular/common": "^21.0.0 || ^22.0.0",
         "@angular/core": "^21.0.0 || ^22.0.0",
         "@angular/forms": "^21.0.0 || ^22.0.0",
@@ -953,9 +987,9 @@
       }
     },
     "node_modules/@angular/platform-browser": {
-      "version": "21.2.6",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-21.2.6.tgz",
-      "integrity": "sha512-LW1vPXVHvy71LBahn+fSzPlWQl25kJIdcXq+ptG7HsMVgbPQ3/vvkKXAHYaRdppLGCFL+v+3dQGHYLNLiYL9qg==",
+      "version": "21.2.8",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-21.2.8.tgz",
+      "integrity": "sha512-4fwmGf7GCuIsjFqx1gqqWC92YjlN9SmGJO17TPPsOm5zUOnDx+h3Bj9XjdXxlcBtugTb2xHk6Auqyv3lzWGlkw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -965,9 +999,9 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/animations": "21.2.6",
-        "@angular/common": "21.2.6",
-        "@angular/core": "21.2.6"
+        "@angular/animations": "21.2.8",
+        "@angular/common": "21.2.8",
+        "@angular/core": "21.2.8"
       },
       "peerDependenciesMeta": {
         "@angular/animations": {
@@ -976,9 +1010,9 @@
       }
     },
     "node_modules/@angular/router": {
-      "version": "21.2.6",
-      "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.2.6.tgz",
-      "integrity": "sha512-0ajhkKYeOqHQEEH88+Q0HrheR3helwTvdTqD/0gTaapCe+HOoC+SYwmzzsYP2zwAxBNQEg4JHOGKQ30X9/gwgw==",
+      "version": "21.2.8",
+      "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.2.8.tgz",
+      "integrity": "sha512-KSlUbFHHKY84G6iKlB2FDMmh+lLmGjmpyT1p/kx8qZm1BuxJGOOU+oNgkCfaPJT1R2/muDXuxQ51uc/la6y28g==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -988,9 +1022,9 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "21.2.6",
-        "@angular/core": "21.2.6",
-        "@angular/platform-browser": "21.2.6",
+        "@angular/common": "21.2.8",
+        "@angular/core": "21.2.8",
+        "@angular/platform-browser": "21.2.8",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
@@ -2651,22 +2685,22 @@
       }
     },
     "node_modules/@emnapi/core": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.9.1.tgz",
-      "integrity": "sha512-mukuNALVsoix/w1BJwFzwXBN/dHeejQtuVzcDsfOEsdpCumXb/E9j8w11h5S54tT1xhifGfbbSm/ICrObRb3KA==",
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.9.2.tgz",
+      "integrity": "sha512-UC+ZhH3XtczQYfOlu3lNEkdW/p4dsJ1r/bP7H8+rhao3TTTMO1ATq/4DdIi23XuGoFY+Cz0JmCbdVl0hz9jZcA==",
       "dev": true,
       "license": "MIT",
       "optional": true,
       "peer": true,
       "dependencies": {
-        "@emnapi/wasi-threads": "1.2.0",
+        "@emnapi/wasi-threads": "1.2.1",
         "tslib": "^2.4.0"
       }
     },
     "node_modules/@emnapi/runtime": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.9.1.tgz",
-      "integrity": "sha512-VYi5+ZVLhpgK4hQ0TAjiQiZ6ol0oe4mBx7mVv7IflsiEp0OWoVsp/+f9Vc1hOhE0TtkORVrI1GvzyreqpgWtkA==",
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.9.2.tgz",
+      "integrity": "sha512-3U4+MIWHImeyu1wnmVygh5WlgfYDtyf0k8AbLhMFxOipihf6nrWC4syIm/SwEeec0mNSafiiNnMJwbza/Is6Lw==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -2676,9 +2710,9 @@
       }
     },
     "node_modules/@emnapi/wasi-threads": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.0.tgz",
-      "integrity": "sha512-N10dEJNSsUx41Z6pZsXU8FjPjpBEplgH24sfkmITrBED1/U2Esum9F3lfLrMjKHHjmi557zQn7kR9R+XWXu5Rg==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.1.tgz",
+      "integrity": "sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -3172,13 +3206,13 @@
       }
     },
     "node_modules/@eslint/config-array": {
-      "version": "0.23.3",
-      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.23.3.tgz",
-      "integrity": "sha512-j+eEWmB6YYLwcNOdlwQ6L2OsptI/LO6lNBuLIqe5R7RetD658HLoF+Mn7LzYmAWWNNzdC6cqP+L6r8ujeYXWLw==",
+      "version": "0.23.5",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.23.5.tgz",
+      "integrity": "sha512-Y3kKLvC1dvTOT+oGlqNQ1XLqK6D1HU2YXPc52NmAlJZbMMWDzGYXMiPRJ8TYD39muD/OTjlZmNJ4ib7dvSrMBA==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@eslint/object-schema": "^3.0.3",
+        "@eslint/object-schema": "^3.0.5",
         "debug": "^4.3.1",
         "minimatch": "^10.2.4"
       },
@@ -3187,13 +3221,13 @@
       }
     },
     "node_modules/@eslint/config-array/node_modules/minimatch": {
-      "version": "10.2.4",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.4.tgz",
-      "integrity": "sha512-oRjTw/97aTBN0RHbYCdtF1MQfvusSIBQM0IZEgzl6426+8jSC0nF1a/GmnVLpfB9yyr6g6FTqWqiZVbxrtaCIg==",
+      "version": "10.2.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz",
+      "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
-        "brace-expansion": "^5.0.2"
+        "brace-expansion": "^5.0.5"
       },
       "engines": {
         "node": "18 || 20 || >=22"
@@ -3203,22 +3237,22 @@
       }
     },
     "node_modules/@eslint/config-helpers": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.5.3.tgz",
-      "integrity": "sha512-lzGN0onllOZCGroKJmRwY6QcEHxbjBw1gwB8SgRSqK8YbbtEXMvKynsXc3553ckIEBxsbMBU7oOZXKIPGZNeZw==",
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.5.5.tgz",
+      "integrity": "sha512-eIJYKTCECbP/nsKaaruF6LW967mtbQbsw4JTtSVkUQc9MneSkbrgPJAbKl9nWr0ZeowV8BfsarBmPpBzGelA2w==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@eslint/core": "^1.1.1"
+        "@eslint/core": "^1.2.1"
       },
       "engines": {
         "node": "^20.19.0 || ^22.13.0 || >=24"
       }
     },
     "node_modules/@eslint/core": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-1.1.1.tgz",
-      "integrity": "sha512-QUPblTtE51/7/Zhfv8BDwO0qkkzQL7P/aWWbqcf4xWLEYn1oKjdO0gglQBB4GAsu7u6wjijbCmzsUTy6mnk6oQ==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-1.2.1.tgz",
+      "integrity": "sha512-MwcE1P+AZ4C6DWlpin/OmOA54mmIZ/+xZuJiQd4SyB29oAJjN30UW9wkKNptW2ctp4cEsvhlLY/CsQ1uoHDloQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -3229,9 +3263,9 @@
       }
     },
     "node_modules/@eslint/object-schema": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-3.0.3.tgz",
-      "integrity": "sha512-iM869Pugn9Nsxbh/YHRqYiqd23AmIbxJOcpUMOuWCVNdoQJ5ZtwL6h3t0bcZzJUlC3Dq9jCFCESBZnX0GTv7iQ==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-3.0.5.tgz",
+      "integrity": "sha512-vqTaUEgxzm+YDSdElad6PiRoX4t8VGDjCtt05zn4nU810UIx/uNEV7/lZJ6KwFThKZOzOxzXy48da+No7HZaMw==",
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
@@ -3239,13 +3273,13 @@
       }
     },
     "node_modules/@eslint/plugin-kit": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.6.1.tgz",
-      "integrity": "sha512-iH1B076HoAshH1mLpHMgwdGeTs0CYwL0SPMkGuSebZrwBp16v415e9NZXg2jtrqPVQjf6IANe2Vtlr5KswtcZQ==",
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.7.1.tgz",
+      "integrity": "sha512-rZAP3aVgB9ds9KOeUSL+zZ21hPmo8dh6fnIFwRQj5EAZl9gzR7wxYbYXYysAM8CTqGmUGyp2S4kUdV17MnGuWQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@eslint/core": "^1.1.1",
+        "@eslint/core": "^1.2.1",
         "levn": "^0.4.1"
       },
       "engines": {
@@ -3294,9 +3328,9 @@
       "optional": true
     },
     "node_modules/@hono/node-server": {
-      "version": "1.19.12",
-      "resolved": "https://registry.npmjs.org/@hono/node-server/-/node-server-1.19.12.tgz",
-      "integrity": "sha512-txsUW4SQ1iilgE0l9/e9VQWmELXifEFvmdA1j6WFh/aFPj99hIntrSsq/if0UWyGVkmrRPKA1wCeP+UCr1B9Uw==",
+      "version": "1.19.14",
+      "resolved": "https://registry.npmjs.org/@hono/node-server/-/node-server-1.19.14.tgz",
+      "integrity": "sha512-GwtvgtXxnWsucXvbQXkRgqksiH2Qed37H9xHZocE5sA3N8O8O8/8FA3uclQXxXVzc9XBZuEOMK7+r02FmSpHtw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -4375,41 +4409,41 @@
       ]
     },
     "node_modules/@microsoft/api-extractor": {
-      "version": "7.57.7",
-      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.57.7.tgz",
-      "integrity": "sha512-kmnmVs32MFWbV5X6BInC1/TfCs7y1ugwxv1xHsAIj/DyUfoe7vtO0alRUgbQa57+yRGHBBjlNcEk33SCAt5/dA==",
+      "version": "7.58.2",
+      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.58.2.tgz",
+      "integrity": "sha512-qmqWa0Fx1xn3irQy8MyuAKUs8e3CdwMJOujaPkM8gx5v/V7RcLhTjBU0/uL2kdhmROpW+5WG1FD98O441kkvQQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@microsoft/api-extractor-model": "7.33.4",
+        "@microsoft/api-extractor-model": "7.33.6",
         "@microsoft/tsdoc": "~0.16.0",
         "@microsoft/tsdoc-config": "~0.18.1",
-        "@rushstack/node-core-library": "5.20.3",
+        "@rushstack/node-core-library": "5.22.0",
         "@rushstack/rig-package": "0.7.2",
-        "@rushstack/terminal": "0.22.3",
-        "@rushstack/ts-command-line": "5.3.3",
+        "@rushstack/terminal": "0.22.5",
+        "@rushstack/ts-command-line": "5.3.5",
         "diff": "~8.0.2",
-        "lodash": "~4.17.23",
+        "lodash": "~4.18.1",
         "minimatch": "10.2.3",
         "resolve": "~1.22.1",
         "semver": "~7.5.4",
         "source-map": "~0.6.1",
-        "typescript": "5.8.2"
+        "typescript": "5.9.3"
       },
       "bin": {
         "api-extractor": "bin/api-extractor"
       }
     },
     "node_modules/@microsoft/api-extractor-model": {
-      "version": "7.33.4",
-      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor-model/-/api-extractor-model-7.33.4.tgz",
-      "integrity": "sha512-u1LTaNTikZAQ9uK6KG1Ms7nvNedsnODnspq/gH2dcyETWvH4hVNGNDvRAEutH66kAmxA4/necElqGNs1FggC8w==",
+      "version": "7.33.6",
+      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor-model/-/api-extractor-model-7.33.6.tgz",
+      "integrity": "sha512-E9iI4yGEVVusbTAqSLetVFxDuBVCVqCigcoQwdJuOjsLq5Hry3MkBgUQhSZNzLCu17pgjk58MI80GRDJLht/1A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@microsoft/tsdoc": "~0.16.0",
         "@microsoft/tsdoc-config": "~0.18.1",
-        "@rushstack/node-core-library": "5.20.3"
+        "@rushstack/node-core-library": "5.22.0"
       }
     },
     "node_modules/@microsoft/api-extractor/node_modules/lru-cache": {
@@ -4451,20 +4485,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/@microsoft/api-extractor/node_modules/typescript": {
-      "version": "5.8.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.2.tgz",
-      "integrity": "sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=14.17"
-      }
-    },
     "node_modules/@microsoft/api-extractor/node_modules/yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
@@ -4941,9 +4961,9 @@
       }
     },
     "node_modules/@napi-rs/wasm-runtime": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.2.tgz",
-      "integrity": "sha512-sNXv5oLJ7ob93xkZ1XnxisYhGYXfaG9f65/ZgYuAu3qt7b3NadcOEhLvx28hv31PgX8SZJRYrAIPQilQmFpLVw==",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.3.tgz",
+      "integrity": "sha512-xK9sGVbJWYb08+mTJt3/YV24WxvxpXcXtP6B172paPZ+Ts69Re9dAr7lKwJoeIx8OoeuimEiRZ7umkiUVClmmQ==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -4960,9 +4980,9 @@
       }
     },
     "node_modules/@ngtools/webpack": {
-      "version": "21.2.5",
-      "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-21.2.5.tgz",
-      "integrity": "sha512-1TRy5KIMOlrseKsPD+OukdHFo9MNn7xRrJ2nuEKmoeA+DovIaldheAbLuw5llkGWa6LZ8uzsL/AuOIUR8z/paQ==",
+      "version": "21.2.7",
+      "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-21.2.7.tgz",
+      "integrity": "sha512-Z4gjCaJbO16VUO8I2QjRNT87uRYxjTKSSImDhzgVgLpV2/stlv/akbLU8dJYa7pK7eIYb/tkNRxGn/AtCiViUQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -5045,9 +5065,9 @@
       }
     },
     "node_modules/@npmcli/agent/node_modules/lru-cache": {
-      "version": "11.2.7",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.7.tgz",
-      "integrity": "sha512-aY/R+aEsRelme17KGQa/1ZSIpLpNYYrhcrepKTZgE+W3WM16YMCaPwOHLHsmopZHELU0Ojin1lPVxKR0MihncA==",
+      "version": "11.3.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.3.3.tgz",
+      "integrity": "sha512-JvNw9Y81y33E+BEYPr0U7omo+U9AySnsMsEiXgwT6yqd31VQWTLNQqmT4ou5eqPFUrTfIDFta2wKhB1hyohtAQ==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "engines": {
@@ -5098,9 +5118,9 @@
       }
     },
     "node_modules/@npmcli/git/node_modules/lru-cache": {
-      "version": "11.2.7",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.7.tgz",
-      "integrity": "sha512-aY/R+aEsRelme17KGQa/1ZSIpLpNYYrhcrepKTZgE+W3WM16YMCaPwOHLHsmopZHELU0Ojin1lPVxKR0MihncA==",
+      "version": "11.3.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.3.3.tgz",
+      "integrity": "sha512-JvNw9Y81y33E+BEYPr0U7omo+U9AySnsMsEiXgwT6yqd31VQWTLNQqmT4ou5eqPFUrTfIDFta2wKhB1hyohtAQ==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "engines": {
@@ -6379,9 +6399,9 @@
       }
     },
     "node_modules/@rushstack/node-core-library": {
-      "version": "5.20.3",
-      "resolved": "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-5.20.3.tgz",
-      "integrity": "sha512-95JgEPq2k7tHxhF9/OJnnyHDXfC9cLhhta0An/6MlkDsX2A6dTzDrTUG18vx4vjc280V0fi0xDH9iQczpSuWsw==",
+      "version": "5.22.0",
+      "resolved": "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-5.22.0.tgz",
+      "integrity": "sha512-S/Dm/N+8tkbasS6yM5cF6q4iDFt14mQQniiVIwk1fd0zpPwWESspO4qtPyIl8szEaN86XOYC1HRRzZrOowxjtw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6466,13 +6486,13 @@
       }
     },
     "node_modules/@rushstack/terminal": {
-      "version": "0.22.3",
-      "resolved": "https://registry.npmjs.org/@rushstack/terminal/-/terminal-0.22.3.tgz",
-      "integrity": "sha512-gHC9pIMrUPzAbBiI4VZMU7Q+rsCzb8hJl36lFIulIzoceKotyKL3Rd76AZ2CryCTKEg+0bnTj406HE5YY5OQvw==",
+      "version": "0.22.5",
+      "resolved": "https://registry.npmjs.org/@rushstack/terminal/-/terminal-0.22.5.tgz",
+      "integrity": "sha512-umej8J6A+WRbfQV1G/uNfnz4bMa8CzFU9IJzQb/ZcH4j7Ybg3BQ8UBKOCF3o5U3/2yah1TDU/zE71ugg2JJv+Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@rushstack/node-core-library": "5.20.3",
+        "@rushstack/node-core-library": "5.22.0",
         "@rushstack/problem-matcher": "0.2.1",
         "supports-color": "~8.1.1"
       },
@@ -6486,27 +6506,27 @@
       }
     },
     "node_modules/@rushstack/ts-command-line": {
-      "version": "5.3.3",
-      "resolved": "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-5.3.3.tgz",
-      "integrity": "sha512-c+ltdcvC7ym+10lhwR/vWiOhsrm/bP3By2VsFcs5qTKv+6tTmxgbVrtJ5NdNjANiV5TcmOZgUN+5KYQ4llsvEw==",
+      "version": "5.3.5",
+      "resolved": "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-5.3.5.tgz",
+      "integrity": "sha512-ToJQu3+o6aEdDoApGrwb/RsbwDi/NSC7jIEaAezzWM470TRrsXfSHoYAm1eWkhh34xJ+kZxU1ZzKSHiOMlOFPA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@rushstack/terminal": "0.22.3",
+        "@rushstack/terminal": "0.22.5",
         "@types/argparse": "1.0.38",
         "argparse": "~1.0.9",
         "string-argv": "~0.3.1"
       }
     },
     "node_modules/@schematics/angular": {
-      "version": "21.2.5",
-      "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-21.2.5.tgz",
-      "integrity": "sha512-orOiXcG86t34ejqbkm7ZHEkGfwTU/ySYFgY7BOQdaYFCoNQXxtU87fZoHckJ2xYpVitoKTvbf1bxDDphXb3ycw==",
+      "version": "21.2.7",
+      "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-21.2.7.tgz",
+      "integrity": "sha512-aqEj3RyBtmH+41HZvrbfrpCo0e+0NzwyQyNSC/wLDShVqoidBtPbEdHU1FZ4+ni41da7rI3F12gUuAHws27kMA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/core": "21.2.5",
-        "@angular-devkit/schematics": "21.2.5",
+        "@angular-devkit/core": "21.2.7",
+        "@angular-devkit/schematics": "21.2.7",
         "jsonc-parser": "3.3.1"
       },
       "engines": {
@@ -6539,9 +6559,9 @@
       }
     },
     "node_modules/@sigstore/protobuf-specs": {
-      "version": "0.5.0",
-      "resolved": "https://registry.npmjs.org/@sigstore/protobuf-specs/-/protobuf-specs-0.5.0.tgz",
-      "integrity": "sha512-MM8XIwUjN2bwvCg1QvrMtbBmpcSHrkhFSCu1D11NyPvDQ25HEc4oG5/OcQfd/Tlf/OxmKWERDj0zGE23jQaMwA==",
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@sigstore/protobuf-specs/-/protobuf-specs-0.5.1.tgz",
+      "integrity": "sha512-/ScWUhhoFasJsSRGTVBwId1loQjjnjAfE4djL6ZhrXRpNCmPTnUKF5Jokd58ILseOMjzET3UrMOtJPS9sYeI0g==",
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
@@ -6643,9 +6663,9 @@
       "license": "MIT"
     },
     "node_modules/@ts-morph/common/node_modules/brace-expansion": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.3.tgz",
-      "integrity": "sha512-MCV/fYJEbqx68aE58kv2cA/kiky1G8vux3OR6/jbS+jIMe/6fJWa0DTzJU7dqijOWYwHi1t29FlfYI9uytqlpA==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.0.tgz",
+      "integrity": "sha512-TN1kCZAgdgweJhWWpgKYrQaMNHcDULHkWwQIspdtjV4Y5aurRdZpjAqn6yX3FPqTA9ngHCc4hJxMAMgGfve85w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6878,9 +6898,9 @@
       "license": "MIT"
     },
     "node_modules/@types/node": {
-      "version": "24.12.0",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.12.0.tgz",
-      "integrity": "sha512-GYDxsZi3ChgmckRT9HPU0WEhKLP08ev/Yfcq2AstjrDASOYCSXeyjDsHg4v5t4jOj7cyDX3vmprafKlWIG9MXQ==",
+      "version": "24.12.2",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.12.2.tgz",
+      "integrity": "sha512-A1sre26ke7HDIuY/M23nd9gfB+nrmhtYyMINbjI1zHJxYteKR6qSMX56FsmjMcDb3SMcjJg5BiRRgOCC/yBD0g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6983,20 +7003,20 @@
       }
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.57.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.57.2.tgz",
-      "integrity": "sha512-NZZgp0Fm2IkD+La5PR81sd+g+8oS6JwJje+aRWsDocxHkjyRw0J5L5ZTlN3LI1LlOcGL7ph3eaIUmTXMIjLk0w==",
+      "version": "8.58.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.58.1.tgz",
+      "integrity": "sha512-eSkwoemjo76bdXl2MYqtxg51HNwUSkWfODUOQ3PaTLZGh9uIWWFZIjyjaJnex7wXDu+TRx+ATsnSxdN9YWfRTQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/regexpp": "^4.12.2",
-        "@typescript-eslint/scope-manager": "8.57.2",
-        "@typescript-eslint/type-utils": "8.57.2",
-        "@typescript-eslint/utils": "8.57.2",
-        "@typescript-eslint/visitor-keys": "8.57.2",
+        "@typescript-eslint/scope-manager": "8.58.1",
+        "@typescript-eslint/type-utils": "8.58.1",
+        "@typescript-eslint/utils": "8.58.1",
+        "@typescript-eslint/visitor-keys": "8.58.1",
         "ignore": "^7.0.5",
         "natural-compare": "^1.4.0",
-        "ts-api-utils": "^2.4.0"
+        "ts-api-utils": "^2.5.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -7006,22 +7026,22 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "@typescript-eslint/parser": "^8.57.2",
+        "@typescript-eslint/parser": "^8.58.1",
         "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
-        "typescript": ">=4.8.4 <6.0.0"
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "8.57.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.57.2.tgz",
-      "integrity": "sha512-30ScMRHIAD33JJQkgfGW1t8CURZtjc2JpTrq5n2HFhOefbAhb7ucc7xJwdWcrEtqUIYJ73Nybpsggii6GtAHjA==",
+      "version": "8.58.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.58.1.tgz",
+      "integrity": "sha512-gGkiNMPqerb2cJSVcruigx9eHBlLG14fSdPdqMoOcBfh+vvn4iCq2C8MzUB89PrxOXk0y3GZ1yIWb9aOzL93bw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/scope-manager": "8.57.2",
-        "@typescript-eslint/types": "8.57.2",
-        "@typescript-eslint/typescript-estree": "8.57.2",
-        "@typescript-eslint/visitor-keys": "8.57.2",
+        "@typescript-eslint/scope-manager": "8.58.1",
+        "@typescript-eslint/types": "8.58.1",
+        "@typescript-eslint/typescript-estree": "8.58.1",
+        "@typescript-eslint/visitor-keys": "8.58.1",
         "debug": "^4.4.3"
       },
       "engines": {
@@ -7033,18 +7053,18 @@
       },
       "peerDependencies": {
         "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
-        "typescript": ">=4.8.4 <6.0.0"
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
     "node_modules/@typescript-eslint/project-service": {
-      "version": "8.57.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.57.2.tgz",
-      "integrity": "sha512-FuH0wipFywXRTHf+bTTjNyuNQQsQC3qh/dYzaM4I4W0jrCqjCVuUh99+xd9KamUfmCGPvbO8NDngo/vsnNVqgw==",
+      "version": "8.58.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.58.1.tgz",
+      "integrity": "sha512-gfQ8fk6cxhtptek+/8ZIqw8YrRW5048Gug8Ts5IYcMLCw18iUgrZAEY/D7s4hkI0FxEfGakKuPK/XUMPzPxi5g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/tsconfig-utils": "^8.57.2",
-        "@typescript-eslint/types": "^8.57.2",
+        "@typescript-eslint/tsconfig-utils": "^8.58.1",
+        "@typescript-eslint/types": "^8.58.1",
         "debug": "^4.4.3"
       },
       "engines": {
@@ -7055,18 +7075,18 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "typescript": ">=4.8.4 <6.0.0"
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.57.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.57.2.tgz",
-      "integrity": "sha512-snZKH+W4WbWkrBqj4gUNRIGb/jipDW3qMqVJ4C9rzdFc+wLwruxk+2a5D+uoFcKPAqyqEnSb4l2ULuZf95eSkw==",
+      "version": "8.58.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.58.1.tgz",
+      "integrity": "sha512-TPYUEqJK6avLcEjumWsIuTpuYODTTDAtoMdt8ZZa93uWMTX13Nb8L5leSje1NluammvU+oI3QRr5lLXPgihX3w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.57.2",
-        "@typescript-eslint/visitor-keys": "8.57.2"
+        "@typescript-eslint/types": "8.58.1",
+        "@typescript-eslint/visitor-keys": "8.58.1"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -7077,9 +7097,9 @@
       }
     },
     "node_modules/@typescript-eslint/tsconfig-utils": {
-      "version": "8.57.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.57.2.tgz",
-      "integrity": "sha512-3Lm5DSM+DCowsUOJC+YqHHnKEfFh5CoGkj5Z31NQSNF4l5wdOwqGn99wmwN/LImhfY3KJnmordBq/4+VDe2eKw==",
+      "version": "8.58.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.58.1.tgz",
+      "integrity": "sha512-JAr2hOIct2Q+qk3G+8YFfqkqi7sC86uNryT+2i5HzMa2MPjw4qNFvtjnw1IiA1rP7QhNKVe21mSSLaSjwA1Olw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -7090,21 +7110,21 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "typescript": ">=4.8.4 <6.0.0"
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.57.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.57.2.tgz",
-      "integrity": "sha512-Co6ZCShm6kIbAM/s+oYVpKFfW7LBc6FXoPXjTRQ449PPNBY8U0KZXuevz5IFuuUj2H9ss40atTaf9dlGLzbWZg==",
+      "version": "8.58.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.58.1.tgz",
+      "integrity": "sha512-HUFxvTJVroT+0rXVJC7eD5zol6ID+Sn5npVPWoFuHGg9Ncq5Q4EYstqR+UOqaNRFXi5TYkpXXkLhoCHe3G0+7w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.57.2",
-        "@typescript-eslint/typescript-estree": "8.57.2",
-        "@typescript-eslint/utils": "8.57.2",
+        "@typescript-eslint/types": "8.58.1",
+        "@typescript-eslint/typescript-estree": "8.58.1",
+        "@typescript-eslint/utils": "8.58.1",
         "debug": "^4.4.3",
-        "ts-api-utils": "^2.4.0"
+        "ts-api-utils": "^2.5.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -7115,13 +7135,13 @@
       },
       "peerDependencies": {
         "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
-        "typescript": ">=4.8.4 <6.0.0"
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "8.57.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.57.2.tgz",
-      "integrity": "sha512-/iZM6FnM4tnx9csuTxspMW4BOSegshwX5oBDznJ7S4WggL7Vczz5d2W11ecc4vRrQMQHXRSxzrCsyG5EsPPTbA==",
+      "version": "8.58.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.58.1.tgz",
+      "integrity": "sha512-io/dV5Aw5ezwzfPBBWLoT+5QfVtP8O7q4Kftjn5azJ88bYyp/ZMCsyW1lpKK46EXJcaYMZ1JtYj+s/7TdzmQMw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -7133,21 +7153,21 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.57.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.57.2.tgz",
-      "integrity": "sha512-2MKM+I6g8tJxfSmFKOnHv2t8Sk3T6rF20A1Puk0svLK+uVapDZB/4pfAeB7nE83uAZrU6OxW+HmOd5wHVdXwXA==",
+      "version": "8.58.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.58.1.tgz",
+      "integrity": "sha512-w4w7WR7GHOjqqPnvAYbazq+Y5oS68b9CzasGtnd6jIeOIeKUzYzupGTB2T4LTPSv4d+WPeccbxuneTFHYgAAWg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/project-service": "8.57.2",
-        "@typescript-eslint/tsconfig-utils": "8.57.2",
-        "@typescript-eslint/types": "8.57.2",
-        "@typescript-eslint/visitor-keys": "8.57.2",
+        "@typescript-eslint/project-service": "8.58.1",
+        "@typescript-eslint/tsconfig-utils": "8.58.1",
+        "@typescript-eslint/types": "8.58.1",
+        "@typescript-eslint/visitor-keys": "8.58.1",
         "debug": "^4.4.3",
         "minimatch": "^10.2.2",
         "semver": "^7.7.3",
         "tinyglobby": "^0.2.15",
-        "ts-api-utils": "^2.4.0"
+        "ts-api-utils": "^2.5.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -7157,20 +7177,20 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "typescript": ">=4.8.4 <6.0.0"
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "8.57.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.57.2.tgz",
-      "integrity": "sha512-krRIbvPK1ju1WBKIefiX+bngPs+odIQUtR7kymzPfo1POVw3jlF+nLkmexdSSd4UCbDcQn+wMBATOOmpBbqgKg==",
+      "version": "8.58.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.58.1.tgz",
+      "integrity": "sha512-Ln8R0tmWC7pTtLOzgJzYTXSCjJ9rDNHAqTaVONF4FEi2qwce8mD9iSOxOpLFFvWp/wBFlew0mjM1L1ihYWfBdQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.9.1",
-        "@typescript-eslint/scope-manager": "8.57.2",
-        "@typescript-eslint/types": "8.57.2",
-        "@typescript-eslint/typescript-estree": "8.57.2"
+        "@typescript-eslint/scope-manager": "8.58.1",
+        "@typescript-eslint/types": "8.58.1",
+        "@typescript-eslint/typescript-estree": "8.58.1"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -7181,17 +7201,17 @@
       },
       "peerDependencies": {
         "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
-        "typescript": ">=4.8.4 <6.0.0"
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.57.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.57.2.tgz",
-      "integrity": "sha512-zhahknjobV2FiD6Ee9iLbS7OV9zi10rG26odsQdfBO/hjSzUQbkIYgda+iNKK1zNiW2ey+Lf8MU5btN17V3dUw==",
+      "version": "8.58.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.58.1.tgz",
+      "integrity": "sha512-y+vH7QE8ycjoa0bWciFg7OpFcipUuem1ujhrdLtq1gByKwfbC7bPeKsiny9e0urg93DqwGcHey+bGRKCnF1nZQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.57.2",
+        "@typescript-eslint/types": "8.58.1",
         "eslint-visitor-keys": "^5.0.0"
       },
       "engines": {
@@ -7229,15 +7249,15 @@
       }
     },
     "node_modules/@vitest/browser": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/@vitest/browser/-/browser-4.1.2.tgz",
-      "integrity": "sha512-CwdIf90LNf1Zitgqy63ciMAzmyb4oIGs8WZ40VGYrWkssQKeEKr32EzO8MKUrDPPcPVHFI9oQ5ni2Hp24NaNRQ==",
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@vitest/browser/-/browser-4.1.4.tgz",
+      "integrity": "sha512-TrNaY/yVOwxtrxNsDUC/wQ56xSwplpytTeRAqF/197xV/ZddxxulBsxR6TrhVMyniJmp9in8d5u0AcDaNRY30w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@blazediff/core": "1.9.1",
-        "@vitest/mocker": "4.1.2",
-        "@vitest/utils": "4.1.2",
+        "@vitest/mocker": "4.1.4",
+        "@vitest/utils": "4.1.4",
         "magic-string": "^0.30.21",
         "pngjs": "^7.0.0",
         "sirv": "^3.0.2",
@@ -7248,18 +7268,18 @@
         "url": "https://opencollective.com/vitest"
       },
       "peerDependencies": {
-        "vitest": "4.1.2"
+        "vitest": "4.1.4"
       }
     },
     "node_modules/@vitest/browser-playwright": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/@vitest/browser-playwright/-/browser-playwright-4.1.2.tgz",
-      "integrity": "sha512-N0Z2HzMLvMR6k/tWPTS6Q/DaRscrkax/f2f9DIbNQr+Cd1l4W4wTf/I6S983PAMr0tNqqoTL+xNkLh9M5vbkLg==",
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@vitest/browser-playwright/-/browser-playwright-4.1.4.tgz",
+      "integrity": "sha512-q3PchVhZINX23Pv+RERgAtDlp6wzVkID/smOPnZ5YGWpeWUe3jMNYppeVh15j4il3G7JIJty1d1Kicpm0HSMig==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/browser": "4.1.2",
-        "@vitest/mocker": "4.1.2",
+        "@vitest/browser": "4.1.4",
+        "@vitest/mocker": "4.1.4",
         "tinyrainbow": "^3.1.0"
       },
       "funding": {
@@ -7267,7 +7287,7 @@
       },
       "peerDependencies": {
         "playwright": "*",
-        "vitest": "4.1.2"
+        "vitest": "4.1.4"
       },
       "peerDependenciesMeta": {
         "playwright": {
@@ -7276,16 +7296,16 @@
       }
     },
     "node_modules/@vitest/expect": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-4.1.2.tgz",
-      "integrity": "sha512-gbu+7B0YgUJ2nkdsRJrFFW6X7NTP44WlhiclHniUhxADQJH5Szt9mZ9hWnJPJ8YwOK5zUOSSlSvyzRf0u1DSBQ==",
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-4.1.4.tgz",
+      "integrity": "sha512-iPBpra+VDuXmBFI3FMKHSFXp3Gx5HfmSCE8X67Dn+bwephCnQCaB7qWK2ldHa+8ncN8hJU8VTMcxjPpyMkUjww==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@standard-schema/spec": "^1.1.0",
         "@types/chai": "^5.2.2",
-        "@vitest/spy": "4.1.2",
-        "@vitest/utils": "4.1.2",
+        "@vitest/spy": "4.1.4",
+        "@vitest/utils": "4.1.4",
         "chai": "^6.2.2",
         "tinyrainbow": "^3.1.0"
       },
@@ -7294,13 +7314,13 @@
       }
     },
     "node_modules/@vitest/mocker": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-4.1.2.tgz",
-      "integrity": "sha512-Ize4iQtEALHDttPRCmN+FKqOl2vxTiNUhzobQFFt/BM1lRUTG7zRCLOykG/6Vo4E4hnUdfVLo5/eqKPukcWW7Q==",
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-4.1.4.tgz",
+      "integrity": "sha512-R9HTZBhW6yCSGbGQnDnH3QHfJxokKN4KB+Yvk9Q1le7eQNYwiCyKxmLmurSpFy6BzJanSLuEUDrD+j97Q+ZLPg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/spy": "4.1.2",
+        "@vitest/spy": "4.1.4",
         "estree-walker": "^3.0.3",
         "magic-string": "^0.30.21"
       },
@@ -7321,9 +7341,9 @@
       }
     },
     "node_modules/@vitest/pretty-format": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-4.1.2.tgz",
-      "integrity": "sha512-dwQga8aejqeuB+TvXCMzSQemvV9hNEtDDpgUKDzOmNQayl2OG241PSWeJwKRH3CiC+sESrmoFd49rfnq7T4RnA==",
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-4.1.4.tgz",
+      "integrity": "sha512-ddmDHU0gjEUyEVLxtZa7xamrpIefdEETu3nZjWtHeZX4QxqJ7tRxSteHVXJOcr8jhiLoGAhkK4WJ3WqBpjx42A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7334,13 +7354,13 @@
       }
     },
     "node_modules/@vitest/runner": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-4.1.2.tgz",
-      "integrity": "sha512-Gr+FQan34CdiYAwpGJmQG8PgkyFVmARK8/xSijia3eTFgVfpcpztWLuP6FttGNfPLJhaZVP/euvujeNYar36OQ==",
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-4.1.4.tgz",
+      "integrity": "sha512-xTp7VZ5aXP5ZJrn15UtJUWlx6qXLnGtF6jNxHepdPHpMfz/aVPx+htHtgcAL2mDXJgKhpoo2e9/hVJsIeFbytQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/utils": "4.1.2",
+        "@vitest/utils": "4.1.4",
         "pathe": "^2.0.3"
       },
       "funding": {
@@ -7348,14 +7368,14 @@
       }
     },
     "node_modules/@vitest/snapshot": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-4.1.2.tgz",
-      "integrity": "sha512-g7yfUmxYS4mNxk31qbOYsSt2F4m1E02LFqO53Xpzg3zKMhLAPZAjjfyl9e6z7HrW6LvUdTwAQR3HHfLjpko16A==",
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-4.1.4.tgz",
+      "integrity": "sha512-MCjCFgaS8aZz+m5nTcEcgk/xhWv0rEH4Yl53PPlMXOZ1/Ka2VcZU6CJ+MgYCZbcJvzGhQRjVrGQNZqkGPttIKw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/pretty-format": "4.1.2",
-        "@vitest/utils": "4.1.2",
+        "@vitest/pretty-format": "4.1.4",
+        "@vitest/utils": "4.1.4",
         "magic-string": "^0.30.21",
         "pathe": "^2.0.3"
       },
@@ -7364,9 +7384,9 @@
       }
     },
     "node_modules/@vitest/spy": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-4.1.2.tgz",
-      "integrity": "sha512-DU4fBnbVCJGNBwVA6xSToNXrkZNSiw59H8tcuUspVMsBDBST4nfvsPsEHDHGtWRRnqBERBQu7TrTKskmjqTXKA==",
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-4.1.4.tgz",
+      "integrity": "sha512-XxNdAsKW7C+FLydqFJLb5KhJtl3PGCMmYwFRfhvIgxJvLSXhhVI1zM8f1qD3Zg7RCjTSzDVyct6sghs9UEgBEQ==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -7374,13 +7394,13 @@
       }
     },
     "node_modules/@vitest/utils": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-4.1.2.tgz",
-      "integrity": "sha512-xw2/TiX82lQHA06cgbqRKFb5lCAy3axQ4H4SoUFhUsg+wztiet+co86IAMDtF6Vm1hc7J6j09oh/rgDn+JdKIQ==",
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-4.1.4.tgz",
+      "integrity": "sha512-13QMT+eysM5uVGa1rG4kegGYNp6cnQcsTc67ELFbhNLQO+vgsygtYJx2khvdt4gVQqSSpC/KT5FZZxUpP3Oatw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/pretty-format": "4.1.2",
+        "@vitest/pretty-format": "4.1.4",
         "convert-source-map": "^2.0.0",
         "tinyrainbow": "^3.1.0"
       },
@@ -8177,9 +8197,9 @@
       "license": "MIT"
     },
     "node_modules/baseline-browser-mapping": {
-      "version": "2.10.12",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.12.tgz",
-      "integrity": "sha512-qyq26DxfY4awP2gIRXhhLWfwzwI+N5Nxk6iQi8EFizIaWIjqicQTE4sLnZZVdeKPRcVNoJOkkpfzoIYuvCKaIQ==",
+      "version": "2.10.18",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.18.tgz",
+      "integrity": "sha512-VSnGQAOLtP5mib/DPyg2/t+Tlv65NTBz83BJBJvmLVHHuKJVaDOBvJJykiT5TR++em5nfAySPccDZDa4oSrn8A==",
       "dev": true,
       "license": "Apache-2.0",
       "bin": {
@@ -8350,9 +8370,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.28.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
-      "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
+      "version": "4.28.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.2.tgz",
+      "integrity": "sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==",
       "dev": true,
       "funding": [
         {
@@ -8370,11 +8390,11 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "baseline-browser-mapping": "^2.9.0",
-        "caniuse-lite": "^1.0.30001759",
-        "electron-to-chromium": "^1.5.263",
-        "node-releases": "^2.0.27",
-        "update-browserslist-db": "^1.2.0"
+        "baseline-browser-mapping": "^2.10.12",
+        "caniuse-lite": "^1.0.30001782",
+        "electron-to-chromium": "^1.5.328",
+        "node-releases": "^2.0.36",
+        "update-browserslist-db": "^1.2.3"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -8474,9 +8494,9 @@
       }
     },
     "node_modules/cacache/node_modules/lru-cache": {
-      "version": "11.2.7",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.7.tgz",
-      "integrity": "sha512-aY/R+aEsRelme17KGQa/1ZSIpLpNYYrhcrepKTZgE+W3WM16YMCaPwOHLHsmopZHELU0Ojin1lPVxKR0MihncA==",
+      "version": "11.3.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.3.3.tgz",
+      "integrity": "sha512-JvNw9Y81y33E+BEYPr0U7omo+U9AySnsMsEiXgwT6yqd31VQWTLNQqmT4ou5eqPFUrTfIDFta2wKhB1hyohtAQ==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "engines": {
@@ -8525,9 +8545,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001782",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001782.tgz",
-      "integrity": "sha512-dZcaJLJeDMh4rELYFw1tvSn1bhZWYFOt468FcbHHxx/Z/dFidd1I6ciyFdi3iwfQCyOjqo9upF6lGQYtMiJWxw==",
+      "version": "1.0.30001787",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001787.tgz",
+      "integrity": "sha512-mNcrMN9KeI68u7muanUpEejSLghOKlVhRqS/Za2IeyGllJ9I9otGpR9g3nsw7n4W378TE/LyIteA0+/FOZm4Kg==",
       "dev": true,
       "funding": [
         {
@@ -8952,9 +8972,9 @@
       }
     },
     "node_modules/content-disposition": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-1.0.1.tgz",
-      "integrity": "sha512-oIXISMynqSqm241k6kcQ5UwttDILMK4BiurCfGEREw6+X9jkkpEe5T9FZaApyLGGOnFuyMWZpdolTXMtvEJ08Q==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-1.1.0.tgz",
+      "integrity": "sha512-5jRCH9Z/+DRP7rkvY83B+yGIGX96OYdJmzngqnw2SBSxqCFPd0w2km3s5iawpGX8krnwSGmF0FW5Nhr0Hfai3g==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -9469,9 +9489,9 @@
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.328",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.328.tgz",
-      "integrity": "sha512-QNQ5l45DzYytThO21403XN3FvK0hOkWDG8viNf6jqS42msJ8I4tGDSpBCgvDRRPnkffafiwAym2X2eHeGD2V0w==",
+      "version": "1.5.335",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.335.tgz",
+      "integrity": "sha512-q9n5T4BR4Xwa2cwbrwcsDJtHD/enpQ5S1xF1IAtdqf5AAgqDFmR/aakqH3ChFdqd/QXJhS3rnnXFtexU7rax6Q==",
       "dev": true,
       "license": "ISC"
     },
@@ -9719,18 +9739,18 @@
       }
     },
     "node_modules/eslint": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-10.1.0.tgz",
-      "integrity": "sha512-S9jlY/ELKEUwwQnqWDO+f+m6sercqOPSqXM5Go94l7DOmxHVDgmSFGWEzeE/gwgTAr0W103BWt0QLe/7mabIvA==",
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-10.2.0.tgz",
+      "integrity": "sha512-+L0vBFYGIpSNIt/KWTpFonPrqYvgKw1eUI5Vn7mEogrQcWtWYtNQ7dNqC+px/J0idT3BAkiWrhfS7k+Tum8TUA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.2",
-        "@eslint/config-array": "^0.23.3",
-        "@eslint/config-helpers": "^0.5.3",
-        "@eslint/core": "^1.1.1",
-        "@eslint/plugin-kit": "^0.6.1",
+        "@eslint/config-array": "^0.23.4",
+        "@eslint/config-helpers": "^0.5.4",
+        "@eslint/core": "^1.2.0",
+        "@eslint/plugin-kit": "^0.7.0",
         "@humanfs/node": "^0.16.6",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@humanwhocodes/retry": "^0.4.2",
@@ -9872,13 +9892,13 @@
       "license": "MIT"
     },
     "node_modules/eslint/node_modules/minimatch": {
-      "version": "10.2.4",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.4.tgz",
-      "integrity": "sha512-oRjTw/97aTBN0RHbYCdtF1MQfvusSIBQM0IZEgzl6426+8jSC0nF1a/GmnVLpfB9yyr6g6FTqWqiZVbxrtaCIg==",
+      "version": "10.2.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz",
+      "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
-        "brace-expansion": "^5.0.2"
+        "brace-expansion": "^5.0.5"
       },
       "engines": {
         "node": "18 || 20 || >=22"
@@ -10096,9 +10116,9 @@
       }
     },
     "node_modules/express-rate-limit": {
-      "version": "8.3.1",
-      "resolved": "https://registry.npmjs.org/express-rate-limit/-/express-rate-limit-8.3.1.tgz",
-      "integrity": "sha512-D1dKN+cmyPWuvB+G2SREQDzPY1agpBIcTa9sJxOPMCNeH3gwzhqJRDWCXW3gg0y//+LQ/8j52JbMROWyrKdMdw==",
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/express-rate-limit/-/express-rate-limit-8.3.2.tgz",
+      "integrity": "sha512-77VmFeJkO0/rvimEDuUC5H30oqUC4EyOhyGccfqoLebB0oiEYfM7nwPrsDsBL1gsTpwfzX8SFy2MT3TDyRq+bg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -11092,9 +11112,9 @@
       }
     },
     "node_modules/hono": {
-      "version": "4.12.9",
-      "resolved": "https://registry.npmjs.org/hono/-/hono-4.12.9.tgz",
-      "integrity": "sha512-wy3T8Zm2bsEvxKZM5w21VdHDDcwVS1yUFFY6i8UobSsKfFceT7TOwhbhfKsDyx7tYQlmRM5FLpIuYvNFyjctiA==",
+      "version": "4.12.12",
+      "resolved": "https://registry.npmjs.org/hono/-/hono-4.12.12.tgz",
+      "integrity": "sha512-p1JfQMKaceuCbpJKAPKVqyqviZdS0eUxH9v82oWo1kb9xjQ5wA6iP3FNVAPDFlz5/p7d45lO+BpSk1tuSZMF4Q==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -11115,9 +11135,9 @@
       }
     },
     "node_modules/hosted-git-info/node_modules/lru-cache": {
-      "version": "11.2.7",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.7.tgz",
-      "integrity": "sha512-aY/R+aEsRelme17KGQa/1ZSIpLpNYYrhcrepKTZgE+W3WM16YMCaPwOHLHsmopZHELU0Ojin1lPVxKR0MihncA==",
+      "version": "11.3.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.3.3.tgz",
+      "integrity": "sha512-JvNw9Y81y33E+BEYPr0U7omo+U9AySnsMsEiXgwT6yqd31VQWTLNQqmT4ou5eqPFUrTfIDFta2wKhB1hyohtAQ==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "engines": {
@@ -11998,14 +12018,11 @@
       "license": "MIT"
     },
     "node_modules/jsrsasign": {
-      "version": "11.1.1",
-      "resolved": "https://registry.npmjs.org/jsrsasign/-/jsrsasign-11.1.1.tgz",
-      "integrity": "sha512-6w95OOXH8DNeGxakqLndBEqqwQ6A70zGaky1oxfg8WVLWOnghTfJsc5Tknx+Z88MHSb1bGLcqQHImOF8Lk22XA==",
+      "version": "11.1.2",
+      "resolved": "https://registry.npmjs.org/jsrsasign/-/jsrsasign-11.1.2.tgz",
+      "integrity": "sha512-GJuqiU/Grs6BaBBXMAZM9kxhsBrksZE0pF3qIfpkopMd7OMJ9zZmE/+CpV//97srfEyyyq1Ec0ELQtSlW/gPTA==",
       "license": "MIT",
-      "peer": true,
-      "funding": {
-        "url": "https://github.com/kjur/jsrsasign#donations"
-      }
+      "peer": true
     },
     "node_modules/jsrsasign-util": {
       "version": "1.0.5",
@@ -12352,9 +12369,9 @@
       }
     },
     "node_modules/lodash": {
-      "version": "4.17.23",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.23.tgz",
-      "integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==",
+      "version": "4.18.1",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.18.1.tgz",
+      "integrity": "sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==",
       "license": "MIT"
     },
     "node_modules/lodash.debounce": {
@@ -13218,9 +13235,9 @@
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.36",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.36.tgz",
-      "integrity": "sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==",
+      "version": "2.0.37",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.37.tgz",
+      "integrity": "sha512-1h5gKZCF+pO/o3Iqt5Jp7wc9rH3eJJ0+nh/CIoiRwjRxde/hAHyLPXYN4V3CqKAbiZPSeJFSWHmJsbkicta0Eg==",
       "dev": true,
       "license": "MIT"
     },
@@ -13926,9 +13943,9 @@
       }
     },
     "node_modules/path-scurry/node_modules/lru-cache": {
-      "version": "11.2.7",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.7.tgz",
-      "integrity": "sha512-aY/R+aEsRelme17KGQa/1ZSIpLpNYYrhcrepKTZgE+W3WM16YMCaPwOHLHsmopZHELU0Ojin1lPVxKR0MihncA==",
+      "version": "11.3.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.3.3.tgz",
+      "integrity": "sha512-JvNw9Y81y33E+BEYPr0U7omo+U9AySnsMsEiXgwT6yqd31VQWTLNQqmT4ou5eqPFUrTfIDFta2wKhB1hyohtAQ==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "engines": {
@@ -13936,9 +13953,9 @@
       }
     },
     "node_modules/path-to-regexp": {
-      "version": "8.4.0",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-8.4.0.tgz",
-      "integrity": "sha512-PuseHIvAnz3bjrM2rGJtSgo1zjgxapTLZ7x2pjhzWwlp4SJQgK3f3iZIQwkpEnBaKz6seKBADpM4B4ySkuYypg==",
+      "version": "8.4.2",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-8.4.2.tgz",
+      "integrity": "sha512-qRcuIdP69NPm4qbACK+aDogI5CBDMi1jKe0ry5rSQJz8JVLsC7jV8XpiJjGRLLol3N+R5ihGYcrPLTno6pAdBA==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -14042,14 +14059,14 @@
       }
     },
     "node_modules/playwright": {
-      "version": "1.58.2",
-      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.58.2.tgz",
-      "integrity": "sha512-vA30H8Nvkq/cPBnNw4Q8TWz1EJyqgpuinBcHET0YVJVFldr8JDNiU9LaWAE1KqSkRYazuaBhTpB5ZzShOezQ6A==",
+      "version": "1.59.1",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.59.1.tgz",
+      "integrity": "sha512-C8oWjPR3F81yljW9o5OxcWzfh6avkVwDD2VYdwIGqTkl+OGFISgypqzfu7dOe4QNLL2aqcWBmI3PMtLIK233lw==",
       "dev": true,
       "license": "Apache-2.0",
       "peer": true,
       "dependencies": {
-        "playwright-core": "1.58.2"
+        "playwright-core": "1.59.1"
       },
       "bin": {
         "playwright": "cli.js"
@@ -14062,9 +14079,9 @@
       }
     },
     "node_modules/playwright-core": {
-      "version": "1.58.2",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.58.2.tgz",
-      "integrity": "sha512-yZkEtftgwS8CsfYo7nm0KE8jsvm6i/PTgVtB8DL726wNf6H2IMsDuxCpJj59KDaxCtSnrWan2AeDqM7JBaultg==",
+      "version": "1.59.1",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.59.1.tgz",
+      "integrity": "sha512-HBV/RJg81z5BiiZ9yPzIiClYV/QMsDCKUyogwH9p3MCP6IYjUFu/MActgYAvK0oWyV9NlwM3GLBjADyWgydVyg==",
       "dev": true,
       "license": "Apache-2.0",
       "peer": true,
@@ -14304,9 +14321,9 @@
       }
     },
     "node_modules/prettier": {
-      "version": "3.8.1",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.8.1.tgz",
-      "integrity": "sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg==",
+      "version": "3.8.2",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.8.2.tgz",
+      "integrity": "sha512-8c3mgTe0ASwWAJK+78dpviD+A8EqhndQPUBpNUIPt6+xWlIigCwfN01lWr9MAede4uqXGTEKeQWTvzb3vjia0Q==",
       "dev": true,
       "license": "MIT",
       "bin": {
@@ -14403,9 +14420,9 @@
       }
     },
     "node_modules/qs": {
-      "version": "6.15.0",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.0.tgz",
-      "integrity": "sha512-mAZTtNCeetKMH+pSjrb76NAM8V9a05I9aBZOHztWy/UqcJdQYNsf59vrRKWnojAT9Y+GbIvoTBC++CPHqpDBhQ==",
+      "version": "6.15.1",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.1.tgz",
+      "integrity": "sha512-6YHEFRL9mfgcAvql/XhwTvf5jKcOiiupt2FiJxHkiX1z4j7WL8J/jRHYLluORvc1XxB5rV20KoeK00gVJamspg==",
       "dev": true,
       "license": "BSD-3-Clause",
       "dependencies": {
@@ -14568,9 +14585,9 @@
       "license": "MIT"
     },
     "node_modules/regjsparser": {
-      "version": "0.13.0",
-      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.13.0.tgz",
-      "integrity": "sha512-NZQZdC5wOE/H3UT28fVGL+ikOZcEzfMGk/c3iN9UGxzWHMa1op7274oyiUVrAG4B2EuFhus8SvkaYnhvW92p9Q==",
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.13.1.tgz",
+      "integrity": "sha512-dLsljMd9sqwRkby8zhO1gSg3PnJIBFid8f4CQj/sXx+7cKx+E7u0PKhZ+U4wmhx7EfmtvnA318oVaIkAB1lRJw==",
       "dev": true,
       "license": "BSD-2-Clause",
       "dependencies": {
@@ -14657,12 +14674,13 @@
       "license": "MIT"
     },
     "node_modules/resolve": {
-      "version": "1.22.11",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
-      "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
+      "version": "1.22.12",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.12.tgz",
+      "integrity": "sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
+        "es-errors": "^1.3.0",
         "is-core-module": "^2.16.1",
         "path-parse": "^1.0.7",
         "supports-preserve-symlinks-flag": "^1.0.0"
@@ -15434,14 +15452,14 @@
       }
     },
     "node_modules/side-channel-list": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
-      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.1.tgz",
+      "integrity": "sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "es-errors": "^1.3.0",
-        "object-inspect": "^1.13.3"
+        "object-inspect": "^1.13.4"
       },
       "engines": {
         "node": ">= 0.4"
@@ -16181,9 +16199,9 @@
       "license": "MIT"
     },
     "node_modules/tinyexec": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.0.4.tgz",
-      "integrity": "sha512-u9r3uZC0bdpGOXtlxUIdwf9pkmvhqJdrVCH9fapQtgy/OeTTMZ1nqH7agtvEfmGui6e1XxjcdrlxvxJvc3sMqw==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.1.1.tgz",
+      "integrity": "sha512-VKS/ZaQhhkKFMANmAOhhXVoIfBXblQxGX1myCQ2faQrfmobMftXeJPcZGp0gS07ocvGJWDLZGyOZDadDBqYIJg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -16191,14 +16209,14 @@
       }
     },
     "node_modules/tinyglobby": {
-      "version": "0.2.15",
-      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
-      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+      "version": "0.2.16",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz",
+      "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "fdir": "^6.5.0",
-        "picomatch": "^4.0.3"
+        "picomatch": "^4.0.4"
       },
       "engines": {
         "node": ">=12.0.0"
@@ -16405,16 +16423,16 @@
       }
     },
     "node_modules/typescript-eslint": {
-      "version": "8.57.2",
-      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.57.2.tgz",
-      "integrity": "sha512-VEPQ0iPgWO/sBaZOU1xo4nuNdODVOajPnTIbog2GKYr31nIlZ0fWPoCQgGfF3ETyBl1vn63F/p50Um9Z4J8O8A==",
+      "version": "8.58.1",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.58.1.tgz",
+      "integrity": "sha512-gf6/oHChByg9HJvhMO1iBexJh12AqqTfnuxscMDOVqfJW3htsdRJI/GfPpHTTcyeB8cSTUY2JcZmVgoyPqcrDg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/eslint-plugin": "8.57.2",
-        "@typescript-eslint/parser": "8.57.2",
-        "@typescript-eslint/typescript-estree": "8.57.2",
-        "@typescript-eslint/utils": "8.57.2"
+        "@typescript-eslint/eslint-plugin": "8.58.1",
+        "@typescript-eslint/parser": "8.58.1",
+        "@typescript-eslint/typescript-estree": "8.58.1",
+        "@typescript-eslint/utils": "8.58.1"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -16425,7 +16443,7 @@
       },
       "peerDependencies": {
         "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
-        "typescript": ">=4.8.4 <6.0.0"
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
     "node_modules/unc-path-regex": {
@@ -16758,9 +16776,9 @@
       "license": "MIT"
     },
     "node_modules/vite": {
-      "version": "7.3.1",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.1.tgz",
-      "integrity": "sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==",
+      "version": "7.3.2",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.2.tgz",
+      "integrity": "sha512-Bby3NOsna2jsjfLVOHKes8sGwgl4TT0E6vvpYgnAYDIF/tie7MRaFthmKuHx1NSXjiTueXH3do80FMQgvEktRg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -16833,19 +16851,19 @@
       }
     },
     "node_modules/vitest": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/vitest/-/vitest-4.1.2.tgz",
-      "integrity": "sha512-xjR1dMTVHlFLh98JE3i/f/WePqJsah4A0FK9cc8Ehp9Udk0AZk6ccpIZhh1qJ/yxVWRZ+Q54ocnD8TXmkhspGg==",
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/vitest/-/vitest-4.1.4.tgz",
+      "integrity": "sha512-tFuJqTxKb8AvfyqMfnavXdzfy3h3sWZRWwfluGbkeR7n0HUev+FmNgZ8SDrRBTVrVCjgH5cA21qGbCffMNtWvg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/expect": "4.1.2",
-        "@vitest/mocker": "4.1.2",
-        "@vitest/pretty-format": "4.1.2",
-        "@vitest/runner": "4.1.2",
-        "@vitest/snapshot": "4.1.2",
-        "@vitest/spy": "4.1.2",
-        "@vitest/utils": "4.1.2",
+        "@vitest/expect": "4.1.4",
+        "@vitest/mocker": "4.1.4",
+        "@vitest/pretty-format": "4.1.4",
+        "@vitest/runner": "4.1.4",
+        "@vitest/snapshot": "4.1.4",
+        "@vitest/spy": "4.1.4",
+        "@vitest/utils": "4.1.4",
         "es-module-lexer": "^2.0.0",
         "expect-type": "^1.3.0",
         "magic-string": "^0.30.21",
@@ -16873,10 +16891,12 @@
         "@edge-runtime/vm": "*",
         "@opentelemetry/api": "^1.9.0",
         "@types/node": "^20.0.0 || ^22.0.0 || >=24.0.0",
-        "@vitest/browser-playwright": "4.1.2",
-        "@vitest/browser-preview": "4.1.2",
-        "@vitest/browser-webdriverio": "4.1.2",
-        "@vitest/ui": "4.1.2",
+        "@vitest/browser-playwright": "4.1.4",
+        "@vitest/browser-preview": "4.1.4",
+        "@vitest/browser-webdriverio": "4.1.4",
+        "@vitest/coverage-istanbul": "4.1.4",
+        "@vitest/coverage-v8": "4.1.4",
+        "@vitest/ui": "4.1.4",
         "happy-dom": "*",
         "jsdom": "*",
         "vite": "^6.0.0 || ^7.0.0 || ^8.0.0"
@@ -16900,6 +16920,12 @@
         "@vitest/browser-webdriverio": {
           "optional": true
         },
+        "@vitest/coverage-istanbul": {
+          "optional": true
+        },
+        "@vitest/coverage-v8": {
+          "optional": true
+        },
         "@vitest/ui": {
           "optional": true
         },
@@ -17947,20 +17973,20 @@
         "tslib": "^2.8.1"
       },
       "peerDependencies": {
-        "@angular/cdk": "^21.2.4",
-        "@angular/common": "^21.2.6",
-        "@angular/compiler": "^21.2.6",
-        "@angular/core": "^21.2.6",
-        "@angular/forms": "^21.2.6",
-        "@angular/material": "^21.2.4",
-        "@angular/platform-browser": "^21.2.6",
-        "@angular/router": "^21.2.6",
+        "@angular/cdk": "^21.2.6",
+        "@angular/common": "^21.2.8",
+        "@angular/compiler": "^21.2.8",
+        "@angular/core": "^21.2.8",
+        "@angular/forms": "^21.2.8",
+        "@angular/material": "^21.2.6",
+        "@angular/platform-browser": "^21.2.8",
+        "@angular/router": "^21.2.8",
         "@laserfiche/lf-api-client-core": "^1.1.19",
         "@laserfiche/lf-js-utils": "^4.0.13",
         "@laserfiche/lf-resource-library": "^5.0.3",
         "date-fns": "^4.1.0",
         "flatpickr": "^4.6.13",
-        "lodash": "^4.17.23",
+        "lodash": "^4.18.1",
         "ngx-mask": "^21.0.1",
         "rxjs": "^7.8.0"
       }
diff --git a/package.json b/package.json
index e522c412..49faeed4 100644
--- a/package.json
+++ b/package.json
@@ -34,42 +34,42 @@
     "gulp-replace-placeholders-in-documentation": "gulp replacePlaceholdersInDocumentation"
   },
   "devDependencies": {
-    "@analogjs/vite-plugin-angular": "^2.3.1",
-    "@analogjs/vitest-angular": "^2.3.1",
-    "@angular-devkit/build-angular": "^21.2.5",
+    "@analogjs/vite-plugin-angular": "~2.3.1",
+    "@analogjs/vitest-angular": "~2.3.1",
+    "@angular-devkit/build-angular": "^21.2.7",
     "@angular-eslint/builder": "^21.3.1",
     "@angular-eslint/schematics": "^21.3.1",
-    "@angular/cli": "^21.2.5",
-    "@microsoft/api-extractor": "^7.57.7",
+    "@angular/cli": "^21.2.7",
+    "@microsoft/api-extractor": "^7.58.2",
     "@stylistic/eslint-plugin": "^5.10.0",
     "@types/lodash": "^4.17.24",
-    "@types/node": "^24.12.0",
-    "@vitest/browser": "^4.1.2",
-    "@vitest/browser-playwright": "^4.1.2",
+    "@types/node": "^24.12.2",
+    "@vitest/browser": "^4.1.4",
+    "@vitest/browser-playwright": "^4.1.4",
     "angular-eslint": "^21.3.1",
     "date-fns": "^4.1.0",
-    "eslint": "^10.1.0",
+    "eslint": "^10.2.0",
     "flatpickr": "^4.6.13",
     "gulp": "^5.0.1",
     "gulp-replace": "^1.1.4",
     "ng-packagr": "^21.2.2",
-    "prettier": "^3.8.1",
+    "prettier": "^3.8.2",
     "tslib": "^2.8.1",
     "typescript": "~5.9.3",
-    "typescript-eslint": "^8.57.2",
-    "vitest": "^4.1.2",
+    "typescript-eslint": "^8.58.1",
+    "vitest": "^4.1.4",
     "yargs": "^18.0.0"
   },
   "peerDependencies": {
-    "@angular/animations": "^21.2.5",
-    "@angular/cdk": "^21.2.3",
-    "@angular/common": "^21.2.5",
-    "@angular/compiler": "^21.2.5",
-    "@angular/core": "^21.2.5",
-    "@angular/forms": "^21.2.5",
-    "@angular/material": "^21.2.3",
-    "@angular/platform-browser": "^21.2.5",
-    "@angular/router": "^21.2.5",
+    "@angular/animations": "^21.2.8",
+    "@angular/cdk": "^21.2.6",
+    "@angular/common": "^21.2.8",
+    "@angular/compiler": "^21.2.8",
+    "@angular/core": "^21.2.8",
+    "@angular/forms": "^21.2.8",
+    "@angular/material": "^21.2.6",
+    "@angular/platform-browser": "^21.2.8",
+    "@angular/router": "^21.2.8",
     "@laserfiche/lf-api-client-core": "^1.1.19",
     "@laserfiche/lf-js-utils": "^4.0.13",
     "@laserfiche/lf-resource-library": "^5.0.3",
diff --git a/projects/ui-components/package-lock.json b/projects/ui-components/package-lock.json
index 622da55f..e175b87e 100644
--- a/projects/ui-components/package-lock.json
+++ b/projects/ui-components/package-lock.json
@@ -12,28 +12,28 @@
         "tslib": "^2.8.1"
       },
       "peerDependencies": {
-        "@angular/cdk": "^21.2.4",
-        "@angular/common": "^21.2.6",
-        "@angular/compiler": "^21.2.6",
-        "@angular/core": "^21.2.6",
-        "@angular/forms": "^21.2.6",
-        "@angular/material": "^21.2.4",
-        "@angular/platform-browser": "^21.2.6",
-        "@angular/router": "^21.2.6",
+        "@angular/cdk": "^21.2.6",
+        "@angular/common": "^21.2.8",
+        "@angular/compiler": "^21.2.8",
+        "@angular/core": "^21.2.8",
+        "@angular/forms": "^21.2.8",
+        "@angular/material": "^21.2.6",
+        "@angular/platform-browser": "^21.2.8",
+        "@angular/router": "^21.2.8",
         "@laserfiche/lf-api-client-core": "^1.1.19",
         "@laserfiche/lf-js-utils": "^4.0.13",
         "@laserfiche/lf-resource-library": "^5.0.3",
         "date-fns": "^4.1.0",
         "flatpickr": "^4.6.13",
-        "lodash": "^4.17.23",
+        "lodash": "^4.18.1",
         "ngx-mask": "^21.0.1",
         "rxjs": "^7.8.0"
       }
     },
     "node_modules/@angular/cdk": {
-      "version": "21.2.4",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.2.4.tgz",
-      "integrity": "sha512-Zv+q9Z/wVWTt0ckuO3gnU7PbpCLTr1tKPEsofLGGzDufA5/85aBLn2UiLcjlY6wQ+V3EMqANhGo/8XJgvBEYFA==",
+      "version": "21.2.6",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.2.6.tgz",
+      "integrity": "sha512-1PBzFf+um/VZ1dFF6cT72Zsq+9C/ZWF9m5dP0uHJgo4psX3yMBoZlZu5YomBiAQ/ePSkqCuryv1vrelK+yd3Mw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -48,9 +48,9 @@
       }
     },
     "node_modules/@angular/common": {
-      "version": "21.2.6",
-      "resolved": "https://registry.npmjs.org/@angular/common/-/common-21.2.6.tgz",
-      "integrity": "sha512-2FcpZ1h6AZ4JwCIlnpHCYrbRTGQTOj/RFXkuX/qw7K6cFmJGfWFMmr++xWtHZEvUddfbR9hqDo+v1mkqEKE/Kw==",
+      "version": "21.2.8",
+      "resolved": "https://registry.npmjs.org/@angular/common/-/common-21.2.8.tgz",
+      "integrity": "sha512-ZvgcxsLPkSG0B1jc2ZXshAWIFBoQ0U9uwIX/zG/RGcfMpoKyEDNAebli6FTIpxIlz/35rtBNV7EGPhinjPTJFQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -60,14 +60,14 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "21.2.6",
+        "@angular/core": "21.2.8",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/compiler": {
-      "version": "21.2.6",
-      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-21.2.6.tgz",
-      "integrity": "sha512-shGkb/aAIPbG8oSYkVJ0msGlRdDVcJBVaUVx2KenMltifQjfLn5N8DFMAzOR6haaA3XeugFExxKqmvySjrVq+A==",
+      "version": "21.2.8",
+      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-21.2.8.tgz",
+      "integrity": "sha512-Il9KlT6qX8rWmun5jY6wMLx56bCQZpOVIFEyHM4ai2wmxvbqyxgRFKDs4iMRNn1h04Tgupl6cKSqP9lecIvH6w==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -78,9 +78,9 @@
       }
     },
     "node_modules/@angular/core": {
-      "version": "21.2.6",
-      "resolved": "https://registry.npmjs.org/@angular/core/-/core-21.2.6.tgz",
-      "integrity": "sha512-svgK5DhFlQlS+sMybXftn08rHHRiDGY/uIKT5LZUaKgyffnkPb8uClpMIW0NzANtU8qs8pwgDZFoJw85Ia3oqQ==",
+      "version": "21.2.8",
+      "resolved": "https://registry.npmjs.org/@angular/core/-/core-21.2.8.tgz",
+      "integrity": "sha512-hI7n4t8qgFJaVV55LIaNuzcdP+/IeuqQRu3huSLo47Gf6uZAD0Acj4Ye9SC8YNmhUu5/RiImngm9NOlcI2oCJA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -90,7 +90,7 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/compiler": "21.2.6",
+        "@angular/compiler": "21.2.8",
         "rxjs": "^6.5.3 || ^7.4.0",
         "zone.js": "~0.15.0 || ~0.16.0"
       },
@@ -104,9 +104,9 @@
       }
     },
     "node_modules/@angular/forms": {
-      "version": "21.2.6",
-      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-21.2.6.tgz",
-      "integrity": "sha512-i8BoWxBAm0g2xOMcQ8wTdj07gqMPIFYIyefCOo0ezcGj5XhYjd+C2UrYnKsup0aMZqqEAO1l2aZbmfHx9xLheQ==",
+      "version": "21.2.8",
+      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-21.2.8.tgz",
+      "integrity": "sha512-tyQAHjfMHcqETRkKQaZHjYqIK9W8uRenPpY2DF/Jl+S7CwcaX4T8t8TKgzvTynNzQW9QGiLg0pqVosVMKzBXJg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -117,23 +117,23 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "21.2.6",
-        "@angular/core": "21.2.6",
-        "@angular/platform-browser": "21.2.6",
+        "@angular/common": "21.2.8",
+        "@angular/core": "21.2.8",
+        "@angular/platform-browser": "21.2.8",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/material": {
-      "version": "21.2.4",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-21.2.4.tgz",
-      "integrity": "sha512-YzkPjgZezdsDeAhSm3zix2h+ohApwaRUMG8ea/75XR1eSkT1n3N7qZaHC8HDkhPYApk8a951RDxsTiiAidnGqg==",
+      "version": "21.2.6",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-21.2.6.tgz",
+      "integrity": "sha512-V4hblb5ekgXb5x+UXKRs2yiB0hZUkUJbYwGseMglkCeWQlLM4u6amlsUzP4uOwIWFOkM/ZYl9qz4YGZnvMAyjw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/cdk": "21.2.4",
+        "@angular/cdk": "21.2.6",
         "@angular/common": "^21.0.0 || ^22.0.0",
         "@angular/core": "^21.0.0 || ^22.0.0",
         "@angular/forms": "^21.0.0 || ^22.0.0",
@@ -142,9 +142,9 @@
       }
     },
     "node_modules/@angular/platform-browser": {
-      "version": "21.2.6",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-21.2.6.tgz",
-      "integrity": "sha512-LW1vPXVHvy71LBahn+fSzPlWQl25kJIdcXq+ptG7HsMVgbPQ3/vvkKXAHYaRdppLGCFL+v+3dQGHYLNLiYL9qg==",
+      "version": "21.2.8",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-21.2.8.tgz",
+      "integrity": "sha512-4fwmGf7GCuIsjFqx1gqqWC92YjlN9SmGJO17TPPsOm5zUOnDx+h3Bj9XjdXxlcBtugTb2xHk6Auqyv3lzWGlkw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -154,9 +154,9 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/animations": "21.2.6",
-        "@angular/common": "21.2.6",
-        "@angular/core": "21.2.6"
+        "@angular/animations": "21.2.8",
+        "@angular/common": "21.2.8",
+        "@angular/core": "21.2.8"
       },
       "peerDependenciesMeta": {
         "@angular/animations": {
@@ -165,9 +165,9 @@
       }
     },
     "node_modules/@angular/router": {
-      "version": "21.2.6",
-      "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.2.6.tgz",
-      "integrity": "sha512-0ajhkKYeOqHQEEH88+Q0HrheR3helwTvdTqD/0gTaapCe+HOoC+SYwmzzsYP2zwAxBNQEg4JHOGKQ30X9/gwgw==",
+      "version": "21.2.8",
+      "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.2.8.tgz",
+      "integrity": "sha512-KSlUbFHHKY84G6iKlB2FDMmh+lLmGjmpyT1p/kx8qZm1BuxJGOOU+oNgkCfaPJT1R2/muDXuxQ51uc/la6y28g==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -177,9 +177,9 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "21.2.6",
-        "@angular/core": "21.2.6",
-        "@angular/platform-browser": "21.2.6",
+        "@angular/common": "21.2.8",
+        "@angular/core": "21.2.8",
+        "@angular/platform-browser": "21.2.8",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
@@ -255,14 +255,11 @@
       "peer": true
     },
     "node_modules/jsrsasign": {
-      "version": "11.1.1",
-      "resolved": "https://registry.npmjs.org/jsrsasign/-/jsrsasign-11.1.1.tgz",
-      "integrity": "sha512-6w95OOXH8DNeGxakqLndBEqqwQ6A70zGaky1oxfg8WVLWOnghTfJsc5Tknx+Z88MHSb1bGLcqQHImOF8Lk22XA==",
+      "version": "11.1.2",
+      "resolved": "https://registry.npmjs.org/jsrsasign/-/jsrsasign-11.1.2.tgz",
+      "integrity": "sha512-GJuqiU/Grs6BaBBXMAZM9kxhsBrksZE0pF3qIfpkopMd7OMJ9zZmE/+CpV//97srfEyyyq1Ec0ELQtSlW/gPTA==",
       "license": "MIT",
-      "peer": true,
-      "funding": {
-        "url": "https://github.com/kjur/jsrsasign#donations"
-      }
+      "peer": true
     },
     "node_modules/jsrsasign-util": {
       "version": "1.0.5",
@@ -275,9 +272,9 @@
       }
     },
     "node_modules/lodash": {
-      "version": "4.17.23",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.23.tgz",
-      "integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==",
+      "version": "4.18.1",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.18.1.tgz",
+      "integrity": "sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==",
       "license": "MIT",
       "peer": true
     },
diff --git a/projects/ui-components/package.json b/projects/ui-components/package.json
index 5fed5012..fee9e588 100644
--- a/projects/ui-components/package.json
+++ b/projects/ui-components/package.json
@@ -7,14 +7,14 @@
     "url": "https://github.com/Laserfiche/lf-ui-components"
   },
   "peerDependencies": {
-    "@angular/cdk": "^21.2.4",
-    "@angular/common": "^21.2.6",
-    "@angular/compiler": "^21.2.6",
-    "@angular/core": "^21.2.6",
-    "@angular/forms": "^21.2.6",
-    "@angular/material": "^21.2.4",
-    "@angular/platform-browser": "^21.2.6",
-    "@angular/router": "^21.2.6",
+    "@angular/cdk": "^21.2.6",
+    "@angular/common": "^21.2.8",
+    "@angular/compiler": "^21.2.8",
+    "@angular/core": "^21.2.8",
+    "@angular/forms": "^21.2.8",
+    "@angular/material": "^21.2.6",
+    "@angular/platform-browser": "^21.2.8",
+    "@angular/router": "^21.2.8",
     "@laserfiche/lf-api-client-core": "^1.1.19",
     "@laserfiche/lf-js-utils": "^4.0.13",
     "@laserfiche/lf-resource-library": "^5.0.3",
@@ -22,7 +22,7 @@
     "rxjs": "^7.8.0",
     "date-fns": "^4.1.0",
     "flatpickr": "^4.6.13",
-    "lodash": "^4.17.23"
+    "lodash": "^4.18.1"
   },
   "dependencies": {
     "tslib": "^2.8.1"

From 3292a13d0e43b3a683bb80bcbca4c025da83073e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Mon, 13 Apr 2026 13:17:04 +0300
Subject: [PATCH 42/43] Implement tags component in ui-components

---
 .../internal-shared/strings/en.json           |   6 +-
 .../ui-components/lf-tags/ILfTagsService.ts   |  24 +++
 .../lf-tags/lf-tags-public-api.ts             |   5 +
 .../ui-components/lf-tags/ng-package.json     |   5 +
 .../ui-components/lf-tags/tags.component.css  |  47 +++++
 .../ui-components/lf-tags/tags.component.html |  37 ++++
 .../lf-tags/tags.component.spec.ts            | 158 ++++++++++++++++
 .../ui-components/lf-tags/tags.component.ts   | 170 ++++++++++++++++++
 projects/ui-components/projects.ts            |   2 +
 9 files changed, 453 insertions(+), 1 deletion(-)
 create mode 100644 projects/ui-components/lf-tags/ILfTagsService.ts
 create mode 100644 projects/ui-components/lf-tags/lf-tags-public-api.ts
 create mode 100644 projects/ui-components/lf-tags/ng-package.json
 create mode 100644 projects/ui-components/lf-tags/tags.component.css
 create mode 100644 projects/ui-components/lf-tags/tags.component.html
 create mode 100644 projects/ui-components/lf-tags/tags.component.spec.ts
 create mode 100644 projects/ui-components/lf-tags/tags.component.ts

diff --git a/projects/ui-components/internal-shared/strings/en.json b/projects/ui-components/internal-shared/strings/en.json
index 6d17b715..e5bd31c9 100644
--- a/projects/ui-components/internal-shared/strings/en.json
+++ b/projects/ui-components/internal-shared/strings/en.json
@@ -16,5 +16,9 @@
   "ACCEPTED_FORMATS_ARE_0": "The accepted formats are: {0}.",
   "IMAGE_NOT_ATTACHED": "Image not attached.",
   "ATTACH_IMAGE": "Attach Image",
-  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Please attach only one image."
+  "PLEASE_ATTACH_ONLY_ONE_IMAGE": "Please attach only one image.",
+  "TAGS": "Tags",
+  "ADD_TAGS": "Add tags",
+  "ADD_MORE_TAGS": "Add more tags",
+  "NO_TAGS_AVAILABLE": "No tags available"
 }
diff --git a/projects/ui-components/lf-tags/ILfTagsService.ts b/projects/ui-components/lf-tags/ILfTagsService.ts
new file mode 100644
index 00000000..be8080c1
--- /dev/null
+++ b/projects/ui-components/lf-tags/ILfTagsService.ts
@@ -0,0 +1,24 @@
+// Copyright Laserfiche.
+
+import { BehaviorSubject } from 'rxjs';
+
+export interface LfTagDefinition {
+  /** The ID of the tag definition. */
+  id?: number;
+  /** The name of the tag definition. */
+  name?: string | undefined;
+  /** The localized name of the tag definition. */
+  displayName?: string | undefined;
+  /** The description of the tag definition. */
+  description?: string | undefined;
+  /** A boolean indicating whether or not the tag definition is classified as a security tag (true). */
+  isSecure?: boolean;
+}
+
+export interface ILfTagsService {
+  updateTagDefinitions(newTagDefinitions: LfTagDefinition[]): void;
+
+  getTagDefinitionsSub(): BehaviorSubject<LfTagDefinition[] | undefined>;
+
+  getTagDefinitions(): LfTagDefinition[] | undefined;
+}
diff --git a/projects/ui-components/lf-tags/lf-tags-public-api.ts b/projects/ui-components/lf-tags/lf-tags-public-api.ts
new file mode 100644
index 00000000..95aa6508
--- /dev/null
+++ b/projects/ui-components/lf-tags/lf-tags-public-api.ts
@@ -0,0 +1,5 @@
+// Copyright (c) Laserfiche.
+// Licensed under the MIT License. See LICENSE in the project root for license information.
+
+export { LfTagsComponent } from './tags.component';
+export type { ILfTagsService, LfTagDefinition } from './ILfTagsService';
diff --git a/projects/ui-components/lf-tags/ng-package.json b/projects/ui-components/lf-tags/ng-package.json
new file mode 100644
index 00000000..62fc9227
--- /dev/null
+++ b/projects/ui-components/lf-tags/ng-package.json
@@ -0,0 +1,5 @@
+{
+  "lib": {
+    "entryFile": "./lf-tags-public-api.ts"
+  }
+}
diff --git a/projects/ui-components/lf-tags/tags.component.css b/projects/ui-components/lf-tags/tags.component.css
new file mode 100644
index 00000000..8fe39a75
--- /dev/null
+++ b/projects/ui-components/lf-tags/tags.component.css
@@ -0,0 +1,47 @@
+/*Copyright Laserfiche.*/
+
+.tag-list {
+  margin-top: 4px;
+  width: 100%;
+  font-size: 14px;
+}
+.tag-selector-placeholder {
+  opacity: 0.4;
+  font-size: 14px;
+  margin-left: 16px;
+}
+
+.chip-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+}
+
+.tag-control {
+  width: 1px;
+}
+
+.chip-container {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  cursor: pointer;
+}
+
+::ng-deep mat-option.mat-mdc-option.mdc-list-item--disabled {
+  cursor: default;
+  background: transparent !important;
+}
+
+::ng-deep mat-option.mat-mdc-option.mdc-list-item--disabled > span {
+  font-size: 14px;
+}
+
+::ng-deep mat-form-field.tag-list > .mat-mdc-text-field-wrapper {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+::ng-deep mat-form-field.tag-list > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix {
+  padding: 4px 0 !important;
+}
diff --git a/projects/ui-components/lf-tags/tags.component.html b/projects/ui-components/lf-tags/tags.component.html
new file mode 100644
index 00000000..e0619c07
--- /dev/null
+++ b/projects/ui-components/lf-tags/tags.component.html
@@ -0,0 +1,37 @@
+<!--Copyright Laserfiche.-->
+
+<span class="lf-text-label">{{ TAGS }}</span>
+<mat-form-field class="tag-list" appearance="outline">
+  <mat-chip-grid #chipGrid class="chip-list">
+    @for (tag of selectedTags; track tag; let i = $index) {
+      <mat-chip-row #chip (keydown)="onChipKeyDown($event, i)" (removed)="remove(tag)" tabindex="0">
+        {{ tag.displayName }}
+        <button matChipRemove>
+          <mat-icon>cancel</mat-icon>
+        </button>
+      </mat-chip-row>
+    }
+  </mat-chip-grid>
+  <input
+    matInput
+    #tagInput
+    [formControl]="tagCtrl"
+    [matAutocomplete]="auto"
+    [matChipInputFor]="chipGrid"
+    placeholder="+ {{ selectedTags.length === 0 ? ADD_TAGS : ADD_MORE_TAGS }}"
+  />
+  <mat-autocomplete #auto="matAutocomplete" (optionSelected)="selected($event)">
+    @if (filteredTags$ | async; as filteredTags) {
+      @for (tag of filteredTags; track tag) {
+        <mat-option [value]="tag">
+          <mat-chip>{{ tag.displayName }}</mat-chip>
+        </mat-option>
+      }
+      @if (filteredTags.length === 0) {
+        <mat-option disabled class="no-more-tags">
+          {{ NO_TAGS_AVAILABLE }}
+        </mat-option>
+      }
+    }
+  </mat-autocomplete>
+</mat-form-field>
diff --git a/projects/ui-components/lf-tags/tags.component.spec.ts b/projects/ui-components/lf-tags/tags.component.spec.ts
new file mode 100644
index 00000000..3cbe354d
--- /dev/null
+++ b/projects/ui-components/lf-tags/tags.component.spec.ts
@@ -0,0 +1,158 @@
+// Copyright Laserfiche.
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { LfTagsComponent } from './tags.component';
+import { BehaviorSubject } from 'rxjs';
+import { ILfTagsService, LfTagDefinition } from './ILfTagsService';
+import { MatAutocomplete, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
+import { MatChip } from '@angular/material/chips';
+import { FormControl } from '@angular/forms';
+import { By } from '@angular/platform-browser';
+import { AppLocalizationService } from '@laserfiche/lf-ui-components/internal-shared';
+
+describe('LfTagsComponent', () => {
+  let component: LfTagsComponent;
+  let fixture: ComponentFixture<LfTagsComponent>;
+  let mockTagDefinitions: LfTagDefinition[];
+  let tagDefinitionsSub: BehaviorSubject<LfTagDefinition[] | undefined>;
+
+  let tagsServiceMock: {
+    updateTagDefinitions: ReturnType<typeof vi.fn>;
+    getTagDefinitions: ReturnType<typeof vi.fn>;
+    getTagDefinitionsSub: ReturnType<typeof vi.fn>;
+  };
+
+  beforeEach(async () => {
+    mockTagDefinitions = [
+      {
+        id: 1,
+        name: 'Tag 1',
+        displayName: 'Tag 1',
+      },
+      {
+        id: 2,
+        name: 'Tag 2',
+        displayName: 'Tag 2',
+      },
+    ] as LfTagDefinition[];
+
+    tagsServiceMock = {
+      updateTagDefinitions: vi.fn(),
+      getTagDefinitions: vi.fn(),
+      getTagDefinitionsSub: vi.fn(),
+    };
+
+    tagDefinitionsSub = new BehaviorSubject<LfTagDefinition[] | undefined>(mockTagDefinitions);
+    tagsServiceMock.getTagDefinitions.mockReturnValue([mockTagDefinitions[0]]);
+    tagsServiceMock.getTagDefinitionsSub.mockReturnValue(tagDefinitionsSub);
+
+    await TestBed.configureTestingModule({
+      imports: [LfTagsComponent, MatAutocomplete, MatChip],
+      providers: [
+        {
+          provide: AppLocalizationService,
+          useValue: {
+            getResourceStringComponents: (key: string) => key,
+          },
+        },
+      ],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(LfTagsComponent);
+
+    component = fixture.componentInstance;
+    component.tagCtrl = new FormControl();
+    component.tagsService = tagsServiceMock as ILfTagsService;
+    // Spy on refreshFilteredTags to prevent it from creating a pipe on tagCtrl.valueChanges,
+    // which causes ObjectUnsubscribedError during teardown when the FormControl's Subject closes.
+    vi.spyOn(component, 'refreshFilteredTags').mockImplementation(() => {
+      component.filteredTags$ = new BehaviorSubject<LfTagDefinition[]>([]).asObservable();
+    });
+    fixture.detectChanges();
+  });
+
+  afterEach(() => {
+    // Close the autocomplete panel before destruction to prevent
+    // ObjectUnsubscribedError from MatAutocompleteTrigger's internal
+    // pipe on options.changes (uses tap operator) when the QueryList
+    // Subject closes during Angular 21 zoneless teardown.
+    component?.autoCompleteTrigger?.closePanel();
+    fixture?.destroy();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('should load all available tags', async () => {
+    await component.ngAfterViewInit();
+    await fixture.whenStable();
+    fixture.detectChanges();
+
+    expect(component.tagDefinitions).toEqual(mockTagDefinitions);
+  });
+
+  it('should collect the selected tags and call the updateTagDefinitions with the current selected tag list', async () => {
+    const selectedTag = { id: 3, name: 'Tag 3', displayName: 'Tag 3' } as LfTagDefinition;
+    await component.ngAfterViewInit();
+    await fixture.whenStable();
+    fixture.detectChanges();
+
+    component.selectedTags = [{ id: 1, name: 'Tag 1', displayName: 'Tag 1' } as LfTagDefinition];
+    component.selected({ option: { value: selectedTag } } as MatAutocompleteSelectedEvent);
+
+    expect(component.selectedTags.length).toBe(2);
+    expect(component.selectedTags.pop()).toEqual(selectedTag);
+    expect(tagsServiceMock.updateTagDefinitions).toHaveBeenCalledWith([
+      { id: 1, name: 'Tag 1', displayName: 'Tag 1' } as LfTagDefinition,
+      { id: 2, name: 'Tag 2', displayName: 'Tag 2' } as LfTagDefinition,
+    ]);
+  });
+
+  it('should remove the selected tag', async () => {
+    component.selectedTags = [
+      { id: 1, name: 'Tag 1', displayName: 'Tag 1' },
+      { id: 2, name: 'Tag 2', displayName: 'Tag 2' },
+      { id: 3, name: 'Tag 3', displayName: 'Tag 3' },
+    ] as LfTagDefinition[];
+    fixture.changeDetectorRef.markForCheck();
+    fixture.detectChanges();
+    await fixture.whenStable();
+
+    const chips = fixture.debugElement.queryAll(By.directive(MatChip));
+    expect(chips).toHaveLength(3);
+
+    const removeButton = chips[0].componentInstance as MatChip;
+    removeButton.removed.emit();
+    fixture.detectChanges();
+
+    expect(component.selectedTags).toHaveLength(2);
+  });
+
+  it('should handle keyboard navigation among the tags', async () => {
+    component.selectedTags = [
+      { id: 1, name: 'Tag 1', displayName: 'Tag 1' },
+      { id: 3, name: 'Tag 3', displayName: 'Tag 3' },
+    ] as LfTagDefinition[];
+    fixture.changeDetectorRef.markForCheck();
+    fixture.detectChanges();
+    await fixture.whenStable();
+
+    const chips = fixture.debugElement.queryAll(By.css('mat-chip-row'));
+    expect(chips).toHaveLength(2);
+
+    // trigger arrow right keyboard event
+    const keyboardEventRight = new KeyboardEvent('keydown', { key: 'ArrowRight' });
+    chips[0].nativeElement.dispatchEvent(keyboardEventRight);
+
+    expect(chips[0].nativeElement).not.toHaveClass('cdk-focused');
+    expect(chips[1].nativeElement).toHaveClass('cdk-focused');
+
+    // trigger arrow right keyboard event
+    const keyboardEventLeft = new KeyboardEvent('keydown', { key: 'ArrowLeft' });
+    chips[1].nativeElement.dispatchEvent(keyboardEventLeft);
+
+    expect(chips[0].nativeElement).toHaveClass('cdk-focused');
+    expect(chips[1].nativeElement).not.toHaveClass('cdk-focused');
+  });
+});
diff --git a/projects/ui-components/lf-tags/tags.component.ts b/projects/ui-components/lf-tags/tags.component.ts
new file mode 100644
index 00000000..f3a8d591
--- /dev/null
+++ b/projects/ui-components/lf-tags/tags.component.ts
@@ -0,0 +1,170 @@
+// Copyright Laserfiche.
+
+import {
+  AfterViewInit,
+  ChangeDetectorRef,
+  Component,
+  ElementRef,
+  EventEmitter,
+  inject,
+  Input,
+  OnDestroy,
+  Output,
+  QueryList,
+  ViewChild,
+  ViewChildren,
+} from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import {
+  MatAutocompleteModule,
+  MatAutocompleteSelectedEvent,
+  MatAutocompleteTrigger,
+} from '@angular/material/autocomplete';
+import { MatChipsModule } from '@angular/material/chips';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
+import { AppLocalizationService } from '@laserfiche/lf-ui-components/internal-shared';
+import { map, Observable, of, startWith, Subscription } from 'rxjs';
+import { ILfTagsService, LfTagDefinition } from './ILfTagsService';
+
+@Component({
+  selector: 'lf-tags-component',
+  templateUrl: './tags.component.html',
+  styleUrl: './tags.component.css',
+  standalone: true,
+  imports: [
+    CommonModule,
+    ReactiveFormsModule,
+    MatAutocompleteModule,
+    MatChipsModule,
+    MatFormFieldModule,
+    MatIconModule,
+    MatInputModule,
+  ],
+})
+export class LfTagsComponent implements OnDestroy, AfterViewInit {
+  private localizationService = inject(AppLocalizationService);
+
+  @Input() initialTags: string[] = [];
+  @Input() tagsService: ILfTagsService | undefined;
+  @Output() selectedTagsChanged = new EventEmitter<string[]>();
+
+  TAGS = this.localizationService.getResourceStringComponents('TAGS');
+  ADD_TAGS = this.localizationService.getResourceStringComponents('ADD_TAGS');
+  ADD_MORE_TAGS = this.localizationService.getResourceStringComponents('ADD_MORE_TAGS');
+  NO_TAGS_AVAILABLE = this.localizationService.getResourceStringComponents('NO_TAGS_AVAILABLE');
+
+  private componentSub: Subscription = new Subscription();
+  private openPanelTimeout: ReturnType<typeof setTimeout> | undefined;
+  tagDefinitions: LfTagDefinition[] = [];
+  selectedTags: LfTagDefinition[] = [];
+  filteredTags$: Observable<LfTagDefinition[]> = of([]);
+
+  tagCtrl = new FormControl();
+  @ViewChild(MatAutocompleteTrigger) autoCompleteTrigger!: MatAutocompleteTrigger;
+  @ViewChild('tagInput') tagInput!: ElementRef<HTMLInputElement>;
+  @ViewChildren('chip', { read: ElementRef }) chips!: QueryList<ElementRef>;
+
+  private ref = inject(ChangeDetectorRef);
+
+  ngAfterViewInit() {
+    if (this.tagsService) {
+      const tagsSub = this.tagsService.getTagDefinitionsSub().subscribe((tagDefinitions) => {
+        this.tagDefinitions = tagDefinitions ?? [];
+
+        if (this.initialTags.length > 0) {
+          const initialTagNames = new Set(this.initialTags);
+          const toSelect = this.tagDefinitions.filter((t) => t.displayName && initialTagNames.has(t.displayName));
+          this.selectedTags = toSelect;
+          this.tagDefinitions = this.tagDefinitions.filter((t) => !initialTagNames.has(t.displayName!));
+          this.tagsService!.updateTagDefinitions(this.selectedTags);
+          this.initialTags = [];
+        }
+
+        this.refreshFilteredTags();
+      });
+
+      this.componentSub.add(tagsSub);
+    }
+  }
+
+  ngOnDestroy(): void {
+    clearTimeout(this.openPanelTimeout);
+    this.autoCompleteTrigger?.closePanel();
+    this.componentSub.unsubscribe();
+  }
+
+  filterTags(value: string) {
+    const filterValue = value.toLowerCase();
+    return this.tagDefinitions.filter((tag) => tag.displayName?.toLowerCase().includes(filterValue));
+  }
+
+  refreshFilteredTags() {
+    this.filteredTags$ = this.tagCtrl.valueChanges.pipe(
+      startWith(''),
+      map((value) => this.filterTags(value))
+    );
+    this.ref.markForCheck();
+  }
+
+  selected(event: MatAutocompleteSelectedEvent): void {
+    // update the selected tags list with the new element
+    this.selectedTags.push(event.option.value);
+    // remove selected tag from the list
+    this.tagDefinitions = this.tagDefinitions.filter((tag) => tag.id !== event.option.value.id);
+    this.tagsService?.updateTagDefinitions(this.tagDefinitions);
+    this.emitSelectedTagNames();
+
+    this.openPanelTimeout = setTimeout(() => {
+      this.openPanel();
+    });
+
+    this.refreshFilteredTags();
+    this.tagInput.nativeElement.value = '';
+    this.tagCtrl.setValue('');
+    this.ref.markForCheck();
+  }
+
+  remove(tag: LfTagDefinition): void {
+    const index = this.selectedTags.indexOf(tag);
+
+    if (index >= 0) {
+      this.selectedTags.splice(index, 1);
+    }
+    this.tagDefinitions.push(tag);
+    this.tagsService?.updateTagDefinitions(this.tagDefinitions);
+    this.emitSelectedTagNames();
+
+    this.focusInput();
+    this.refreshFilteredTags();
+  }
+
+  focusInput() {
+    this.tagInput.nativeElement.focus();
+    this.openPanel();
+  }
+
+  onChipKeyDown(event: KeyboardEvent, index: number) {
+    const chipsArray = this.chips.toArray();
+
+    if (event.key === 'ArrowLeft') {
+      const prev = index > 0 ? index - 1 : 0;
+      chipsArray[prev].nativeElement.focus();
+    } else if (event.key === 'ArrowRight') {
+      const next = index < chipsArray.length - 1 ? index + 1 : 0;
+      chipsArray[next].nativeElement.focus();
+    }
+    event.preventDefault();
+  }
+
+  openPanel() {
+    this.autoCompleteTrigger?.openPanel();
+  }
+
+  private emitSelectedTagNames(): void {
+    const tagNames = this.selectedTags.map((t) => t.displayName!);
+    this.selectedTagsChanged.emit(tagNames);
+  }
+}
diff --git a/projects/ui-components/projects.ts b/projects/ui-components/projects.ts
index 4ab41162..6e28dbf5 100644
--- a/projects/ui-components/projects.ts
+++ b/projects/ui-components/projects.ts
@@ -38,5 +38,7 @@ export {
   LfTreeNodePage,
   LfTreeNodeService,
 } from './lf-repository-browser/lf-repository-browser-public-api';
+export { LfTagsComponent } from './lf-tags/lf-tags-public-api';
+export type { ILfTagsService, LfTagDefinition } from './lf-tags/lf-tags-public-api';
 export { LfBreadcrumb, LfBreadcrumbsComponent } from './shared/lf-breadcrumbs/lf-breadcrumbs-public-api';
 export { LfToolbarComponent, ToolbarOption } from './shared/lf-toolbar/lf-toolbar-public-api';

From 2b58759ea7781cc8af7a94952075d88d44f56546 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Derzsi=20D=C3=A1niel?=
 <daniel.derzsi-contractor@laserfiche.com>
Date: Mon, 13 Apr 2026 13:17:20 +0300
Subject: [PATCH 43/43] Fix flaky JWT tests by creating our own JWTs

---
 .../lf-login/login-utils/lf-login.service.spec.ts      | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/projects/ui-components/lf-login/login-utils/lf-login.service.spec.ts b/projects/ui-components/lf-login/login-utils/lf-login.service.spec.ts
index 7c8b0fb8..5b7fcd8d 100644
--- a/projects/ui-components/lf-login/login-utils/lf-login.service.spec.ts
+++ b/projects/ui-components/lf-login/login-utils/lf-login.service.spec.ts
@@ -6,6 +6,12 @@ import { LoginState } from '@laserfiche/lf-ui-components/shared';
 import { LfLoginService } from './lf-login.service';
 import { CloudLoginProvider } from './cloud-login-provider';
 
+function createJwt(payload: Record<string, unknown>): string {
+  const header = { alg: 'HS256', typ: 'JWT' };
+  const encode = (obj: Record<string, unknown>) => btoa(JSON.stringify(obj));
+  return `${encode(header)}.${encode(payload)}.signature`;
+}
+
 describe('LfLoginService', () => {
   let service: LfLoginService;
 
@@ -129,7 +135,7 @@ describe('LfLoginService', () => {
   });
 
   it('parseAccessToken should parse data from jwt', () => {
-    const accessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJjc2lkIjoiMTIzNDU2Nzg5IiwidHJpZCI6IjEifQ.hello';
+    const accessToken = createJwt({ csid: '123456789', trid: '1' });
     const parsedToken = service.parseAccessToken(accessToken);
 
     expect(parsedToken).toEqual('1');
@@ -137,7 +143,7 @@ describe('LfLoginService', () => {
 
   it('parseAccessToken should parse data from jwt with different environment/region', () => {
     service.authorize_url_host_name = 'a.clouddev.laserfiche.com';
-    const accessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJjc2lkIjoiMTEyMzQ1Njc4OSIsInRyaWQiOiIxIn0.hello';
+    const accessToken = createJwt({ csid: '1123456789', trid: '1' });
     const parsedToken = service.parseAccessToken(accessToken);
 
     expect(parsedToken).toEqual('1');