From 519f6ae931fc35e22434f41f59714800de4f30d5 Mon Sep 17 00:00:00 2001
From: yihao <yihao039@gmail.com>
Date: Wed, 11 Feb 2026 15:27:54 +0800
Subject: [PATCH 01/22] Rename vue-components/src/utils/pubsub to TypeScript

---
 .eslintignore                                              | 1 +
 .gitignore                                                 | 6 ++++++
 packages/vue-components/src/utils/{pubsub.js => pubsub.ts} | 0
 3 files changed, 7 insertions(+)
 rename packages/vue-components/src/utils/{pubsub.js => pubsub.ts} (100%)

diff --git a/.eslintignore b/.eslintignore
index cc44517afa..046b1595b0 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -50,6 +50,7 @@ packages/vue-components/src/directives/Closeable.js
 packages/vue-components/src/directives/Float.js
 packages/vue-components/src/utils/NodeList.js
 packages/vue-components/src/utils/utils.js
+packages/vue-components/src/utils/pubsub.js
 
 # --- packages/vue-components end ---
 
diff --git a/.gitignore b/.gitignore
index 9e363394d6..3a1a107ce6 100644
--- a/.gitignore
+++ b/.gitignore
@@ -106,6 +106,12 @@ packages/core/index.js
 packages/core/src/lib/progress/*.js
 # --- packages/core end ---
 
+# --- packages/vue-components ---
+
+# Ignore JS files that are compiled from TS
+packages/vue-components/src/utils/pubsub.js
+# --- packages/vue-components end ---
+
 # Manual type definitions need to be included
 !packages/cli/src/lib/live-server/index.d.ts
 
diff --git a/packages/vue-components/src/utils/pubsub.js b/packages/vue-components/src/utils/pubsub.ts
similarity index 100%
rename from packages/vue-components/src/utils/pubsub.js
rename to packages/vue-components/src/utils/pubsub.ts

From 4e7990f6a47da60ccfcc71d19c629ad9e9805a6d Mon Sep 17 00:00:00 2001
From: yihao <yihao039@gmail.com>
Date: Wed, 11 Feb 2026 15:28:22 +0800
Subject: [PATCH 02/22] Adapt vue-components/src/utils/pubsub to TypeScript

---
 packages/vue-components/src/utils/pubsub.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/vue-components/src/utils/pubsub.ts b/packages/vue-components/src/utils/pubsub.ts
index 9c5eb2e29d..e49ed58002 100644
--- a/packages/vue-components/src/utils/pubsub.ts
+++ b/packages/vue-components/src/utils/pubsub.ts
@@ -1,13 +1,13 @@
-const subscribers = {};
+const subscribers: Record<string, (() => void)[]> = {};
 
-export function subscribe(event, handler) {
+export function subscribe(event: string, handler: () => void): void {
   if (!subscribers[event]) {
     subscribers[event] = [];
   }
   subscribers[event].push(handler);
 }
 
-export function publish(event) {
+export function publish(event: string): void {
   if (!subscribers[event]) {
     return;
   }

From 7d5345b9c4a6fa5030cc35ae97d40f76017d2914 Mon Sep 17 00:00:00 2001
From: yihao <yihao039@gmail.com>
Date: Wed, 11 Feb 2026 15:28:53 +0800
Subject: [PATCH 03/22] Rename vue-components/src/utils/urls to TypeScript

---
 .eslintignore                                          | 1 +
 .gitignore                                             | 1 +
 packages/vue-components/src/utils/{urls.js => urls.ts} | 0
 3 files changed, 2 insertions(+)
 rename packages/vue-components/src/utils/{urls.js => urls.ts} (100%)

diff --git a/.eslintignore b/.eslintignore
index 046b1595b0..e53e8365f8 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -51,6 +51,7 @@ packages/vue-components/src/directives/Float.js
 packages/vue-components/src/utils/NodeList.js
 packages/vue-components/src/utils/utils.js
 packages/vue-components/src/utils/pubsub.js
+packages/vue-components/src/utils/urls.js
 
 # --- packages/vue-components end ---
 
diff --git a/.gitignore b/.gitignore
index 3a1a107ce6..c17642ced6 100644
--- a/.gitignore
+++ b/.gitignore
@@ -110,6 +110,7 @@ packages/core/src/lib/progress/*.js
 
 # Ignore JS files that are compiled from TS
 packages/vue-components/src/utils/pubsub.js
+packages/vue-components/src/utils/urls.js
 # --- packages/vue-components end ---
 
 # Manual type definitions need to be included
diff --git a/packages/vue-components/src/utils/urls.js b/packages/vue-components/src/utils/urls.ts
similarity index 100%
rename from packages/vue-components/src/utils/urls.js
rename to packages/vue-components/src/utils/urls.ts

From 50bc202734bee77ce7467dfe00c754ac2d79123d Mon Sep 17 00:00:00 2001
From: yihao <yihao039@gmail.com>
Date: Wed, 11 Feb 2026 15:29:27 +0800
Subject: [PATCH 04/22] Adapt vue-components/src/utils/urls to TypeScript

---
 packages/vue-components/src/utils/urls.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vue-components/src/utils/urls.ts b/packages/vue-components/src/utils/urls.ts
index 4aa0a0dbfd..9a29a4a565 100644
--- a/packages/vue-components/src/utils/urls.ts
+++ b/packages/vue-components/src/utils/urls.ts
@@ -1,4 +1,4 @@
-export default function normalizeUrl(url) {
+export default function normalizeUrl(url: string): string {
   if (url.endsWith('.html')) {
     return url.toLowerCase();
   } else if (url.endsWith('/')) {

From 582ab95a9481e0af2a6291ccb808194254657780 Mon Sep 17 00:00:00 2001
From: yihao <yihao039@gmail.com>
Date: Wed, 11 Feb 2026 15:29:57 +0800
Subject: [PATCH 05/22] Rename vue-components/src/utils/dropdown to TypeScript

---
 .eslintignore                                                  | 1 +
 .gitignore                                                     | 1 +
 packages/vue-components/src/utils/{dropdown.js => dropdown.ts} | 0
 3 files changed, 2 insertions(+)
 rename packages/vue-components/src/utils/{dropdown.js => dropdown.ts} (100%)

diff --git a/.eslintignore b/.eslintignore
index e53e8365f8..fd1f8f466e 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -52,6 +52,7 @@ packages/vue-components/src/utils/NodeList.js
 packages/vue-components/src/utils/utils.js
 packages/vue-components/src/utils/pubsub.js
 packages/vue-components/src/utils/urls.js
+packages/vue-components/src/utils/dropdown.js
 
 # --- packages/vue-components end ---
 
diff --git a/.gitignore b/.gitignore
index c17642ced6..827820d6c4 100644
--- a/.gitignore
+++ b/.gitignore
@@ -111,6 +111,7 @@ packages/core/src/lib/progress/*.js
 # Ignore JS files that are compiled from TS
 packages/vue-components/src/utils/pubsub.js
 packages/vue-components/src/utils/urls.js
+packages/vue-components/src/utils/dropdown.js
 # --- packages/vue-components end ---
 
 # Manual type definitions need to be included
diff --git a/packages/vue-components/src/utils/dropdown.js b/packages/vue-components/src/utils/dropdown.ts
similarity index 100%
rename from packages/vue-components/src/utils/dropdown.js
rename to packages/vue-components/src/utils/dropdown.ts

From b2b7327bcecffba2ee63e90c4031e27f12317d56 Mon Sep 17 00:00:00 2001
From: yihao <yihao039@gmail.com>
Date: Wed, 11 Feb 2026 15:30:48 +0800
Subject: [PATCH 06/22] Adapt vue-components/src/utils/dropdown to TypeScript

---
 packages/vue-components/src/utils/dropdown.ts | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/packages/vue-components/src/utils/dropdown.ts b/packages/vue-components/src/utils/dropdown.ts
index fb93264f25..da868c42a0 100644
--- a/packages/vue-components/src/utils/dropdown.ts
+++ b/packages/vue-components/src/utils/dropdown.ts
@@ -1,9 +1,10 @@
-export default function preventOverflowOnMobile(el) {
+export default function preventOverflowOnMobile(el: HTMLElement): void {
   // get highest-level dropdown menu
-  let rootDropdownMenu = el;
-  let currentEl = el;
+  let rootDropdownMenu: HTMLElement = el;
+  let currentEl: Node | null = el;
   while (currentEl) {
-    if (currentEl.classList && currentEl.classList.contains('dropdown-menu')) {
+    if (currentEl instanceof HTMLElement
+        && currentEl.classList.contains('dropdown-menu')) {
       rootDropdownMenu = currentEl;
     }
     currentEl = currentEl.parentNode;
@@ -13,7 +14,11 @@ export default function preventOverflowOnMobile(el) {
   if (rootDropdownMenu.offsetWidth > window.innerWidth) {
     rootDropdownMenu.setAttribute('style', 'left: 0px;');
   } else {
-    const dropdownPosition = rootDropdownMenu.parentNode.getBoundingClientRect();
+    const parentNode = rootDropdownMenu.parentNode as HTMLElement | null;
+    if (!parentNode) {
+      return;
+    }
+    const dropdownPosition = parentNode.getBoundingClientRect();
     const overflowedWidth = dropdownPosition.left + rootDropdownMenu.offsetWidth - window.innerWidth;
     const leftPosition = overflowedWidth < 0
       ? dropdownPosition.left

From 651341a908c0f454314256fd8989c6f97a71fbca Mon Sep 17 00:00:00 2001
From: yihao <yihao039@gmail.com>
Date: Wed, 11 Feb 2026 15:31:33 +0800
Subject: [PATCH 07/22] Rename vue-components/src/utils/submenu to TypeScript

---
 .eslintignore                                                | 1 +
 .gitignore                                                   | 1 +
 packages/vue-components/src/utils/{submenu.js => submenu.ts} | 0
 3 files changed, 2 insertions(+)
 rename packages/vue-components/src/utils/{submenu.js => submenu.ts} (100%)

diff --git a/.eslintignore b/.eslintignore
index fd1f8f466e..e3ade48014 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -53,6 +53,7 @@ packages/vue-components/src/utils/utils.js
 packages/vue-components/src/utils/pubsub.js
 packages/vue-components/src/utils/urls.js
 packages/vue-components/src/utils/dropdown.js
+packages/vue-components/src/utils/submenu.js
 
 # --- packages/vue-components end ---
 
diff --git a/.gitignore b/.gitignore
index 827820d6c4..26328594fe 100644
--- a/.gitignore
+++ b/.gitignore
@@ -112,6 +112,7 @@ packages/core/src/lib/progress/*.js
 packages/vue-components/src/utils/pubsub.js
 packages/vue-components/src/utils/urls.js
 packages/vue-components/src/utils/dropdown.js
+packages/vue-components/src/utils/submenu.js
 # --- packages/vue-components end ---
 
 # Manual type definitions need to be included
diff --git a/packages/vue-components/src/utils/submenu.js b/packages/vue-components/src/utils/submenu.ts
similarity index 100%
rename from packages/vue-components/src/utils/submenu.js
rename to packages/vue-components/src/utils/submenu.ts

From edc2b252bbcb2767fff54047691df14d657c5ea0 Mon Sep 17 00:00:00 2001
From: yihao <yihao039@gmail.com>
Date: Wed, 11 Feb 2026 15:33:02 +0800
Subject: [PATCH 08/22] Adapt vue-components/src/utils/submenu to TypeScript

---
 packages/vue-components/src/Submenu.vue      |  6 +++---
 packages/vue-components/src/utils/submenu.ts | 21 ++++++++++++--------
 2 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/packages/vue-components/src/Submenu.vue b/packages/vue-components/src/Submenu.vue
index 4c32a4149f..06b582535a 100644
--- a/packages/vue-components/src/Submenu.vue
+++ b/packages/vue-components/src/Submenu.vue
@@ -25,7 +25,7 @@
 <script>
 import { toBoolean } from './utils/utils';
 import $ from './utils/NodeList';
-import positionSubmenu from './utils/submenu';
+import { isRightAlign, preventOverflow } from './utils/submenu';
 import preventOverflowOnMobile from './utils/dropdown';
 
 export default {
@@ -74,12 +74,12 @@ export default {
           return;
         }
 
-        if (positionSubmenu.isRightAlign(ul)) {
+        if (isRightAlign(ul)) {
           this.alignMenuRight();
         } else {
           this.alignMenuLeft();
         }
-        positionSubmenu.preventOverflow(ul);
+        preventOverflow(ul);
       });
     },
     alignMenuRight() {
diff --git a/packages/vue-components/src/utils/submenu.ts b/packages/vue-components/src/utils/submenu.ts
index fac08c42e6..6e97ea3b2f 100644
--- a/packages/vue-components/src/utils/submenu.ts
+++ b/packages/vue-components/src/utils/submenu.ts
@@ -6,8 +6,15 @@
  * Licensed under MIT (https://github.com/kybarg/bootstrap-dropdown-hover/blob/master/LICENSE)
  * ======================================================================== */
 
-function isRightAlign(el) {
-  const viewport = {
+interface Rect {
+  top: number;
+  left: number;
+  right: number;
+  bottom: number;
+}
+
+export function isRightAlign(el: HTMLElement): boolean {
+  const viewport: Rect = {
     top: 0,
     left: 0,
     right: window.innerWidth,
@@ -20,7 +27,7 @@ function isRightAlign(el) {
     return true;
   }
 
-  const bounds = {
+  const bounds: Rect = {
     top: position.y,
     left: position.x,
     right: position.x + el.offsetWidth,
@@ -40,10 +47,10 @@ function isRightAlign(el) {
   return true;
 }
 
-function preventOverflow(el) {
+export function preventOverflow(el: HTMLElement): void {
   el.removeAttribute('style');
 
-  const viewport = {
+  const viewport: Rect = {
     top: 0,
     left: 0,
     right: window.innerWidth,
@@ -56,7 +63,7 @@ function preventOverflow(el) {
     return;
   }
 
-  const bounds = {
+  const bounds: Rect = {
     top: position.y,
     left: position.x,
     right: position.x + el.offsetWidth,
@@ -69,5 +76,3 @@ function preventOverflow(el) {
     el.setAttribute('style', `top: auto; bottom: ${-(viewport.top - bounds.top)}px;`);
   }
 }
-
-export default { isRightAlign, preventOverflow };

From f8544810bc68ce520dfa71967d91c5313947061f Mon Sep 17 00:00:00 2001
From: yihao <yihao039@gmail.com>
Date: Wed, 11 Feb 2026 15:33:46 +0800
Subject: [PATCH 09/22] Rename vue-components/src/utils/colors to TypeScript

---
 .eslintignore                                              | 1 +
 .gitignore                                                 | 1 +
 packages/vue-components/src/utils/{colors.js => colors.ts} | 0
 3 files changed, 2 insertions(+)
 rename packages/vue-components/src/utils/{colors.js => colors.ts} (100%)

diff --git a/.eslintignore b/.eslintignore
index e3ade48014..a8eb1ec446 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -54,6 +54,7 @@ packages/vue-components/src/utils/pubsub.js
 packages/vue-components/src/utils/urls.js
 packages/vue-components/src/utils/dropdown.js
 packages/vue-components/src/utils/submenu.js
+packages/vue-components/src/utils/colors.js
 
 # --- packages/vue-components end ---
 
diff --git a/.gitignore b/.gitignore
index 26328594fe..b1399aac39 100644
--- a/.gitignore
+++ b/.gitignore
@@ -113,6 +113,7 @@ packages/vue-components/src/utils/pubsub.js
 packages/vue-components/src/utils/urls.js
 packages/vue-components/src/utils/dropdown.js
 packages/vue-components/src/utils/submenu.js
+packages/vue-components/src/utils/colors.js
 # --- packages/vue-components end ---
 
 # Manual type definitions need to be included
diff --git a/packages/vue-components/src/utils/colors.js b/packages/vue-components/src/utils/colors.ts
similarity index 100%
rename from packages/vue-components/src/utils/colors.js
rename to packages/vue-components/src/utils/colors.ts

From 87cb766bf221008b67330c1333bc53eb499eb56d Mon Sep 17 00:00:00 2001
From: yihao <yihao039@gmail.com>
Date: Wed, 11 Feb 2026 15:34:41 +0800
Subject: [PATCH 10/22] Adapt vue-components/src/utils/colors to TypeScript

---
 packages/vue-components/src/utils/colors.ts | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/vue-components/src/utils/colors.ts b/packages/vue-components/src/utils/colors.ts
index fad14f543e..db6a51545c 100644
--- a/packages/vue-components/src/utils/colors.ts
+++ b/packages/vue-components/src/utils/colors.ts
@@ -1,4 +1,4 @@
-export const BADGE_COLOURS = [
+export const BADGE_COLOURS: string[] = [
   'bg-primary',
   'bg-secondary',
   'bg-success',
@@ -9,13 +9,13 @@ export const BADGE_COLOURS = [
   'bg-dark',
 ];
 
-export const MIN_TAGS_FOR_SELECT_ALL = 3;
+export const MIN_TAGS_FOR_SELECT_ALL: number = 3;
 
-export function isBootstrapColor(color) {
+export function isBootstrapColor(color: string): boolean {
   return BADGE_COLOURS.some(c => c === color);
 }
 
-export function getTextColor(backgroundColor) {
+export function getTextColor(backgroundColor: string | null | undefined): string {
   if (!backgroundColor || backgroundColor.startsWith('bg-')) {
     return '#000';
   }
@@ -28,7 +28,7 @@ export function getTextColor(backgroundColor) {
 }
 
 // Helper function to normalize color value
-export const normalizeColor = (color) => {
+export const normalizeColor = (color: string | null | undefined): string | null => {
   if (!color) return null;
 
   // If it's a hex color, return as-is
@@ -37,7 +37,7 @@ export const normalizeColor = (color) => {
   }
 
   // Check if it's a Bootstrap color name (without bg- prefix)
-  const bootstrapColorNames = [
+  const bootstrapColorNames: string[] = [
     'primary', 'secondary', 'success', 'danger',
     'warning', 'info', 'light', 'dark',
   ];

From af23ecc05ddcae49687db220f5847a2490130c28 Mon Sep 17 00:00:00 2001
From: yihao <yihao039@gmail.com>
Date: Wed, 11 Feb 2026 15:35:21 +0800
Subject: [PATCH 11/22] Rename vue-components/src/utils/utils to TypeScript

---
 .gitignore                                               | 1 +
 packages/vue-components/src/utils/{utils.js => utils.ts} | 0
 2 files changed, 1 insertion(+)
 rename packages/vue-components/src/utils/{utils.js => utils.ts} (100%)

diff --git a/.gitignore b/.gitignore
index b1399aac39..27fea7284e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -114,6 +114,7 @@ packages/vue-components/src/utils/urls.js
 packages/vue-components/src/utils/dropdown.js
 packages/vue-components/src/utils/submenu.js
 packages/vue-components/src/utils/colors.js
+packages/vue-components/src/utils/utils.js
 # --- packages/vue-components end ---
 
 # Manual type definitions need to be included
diff --git a/packages/vue-components/src/utils/utils.js b/packages/vue-components/src/utils/utils.ts
similarity index 100%
rename from packages/vue-components/src/utils/utils.js
rename to packages/vue-components/src/utils/utils.ts

From 1a86eff4497ba2be6e2ffe95dc3e83639b7040e8 Mon Sep 17 00:00:00 2001
From: yihao <yihao039@gmail.com>
Date: Wed, 11 Feb 2026 15:36:41 +0800
Subject: [PATCH 12/22] Adapt vue-components/src/utils/utils to TypeScript

---
 packages/vue-components/src/utils/utils.ts | 242 ++++++++++++---------
 1 file changed, 139 insertions(+), 103 deletions(-)

diff --git a/packages/vue-components/src/utils/utils.ts b/packages/vue-components/src/utils/utils.ts
index 4e4b819b15..44e6d4d7e0 100644
--- a/packages/vue-components/src/utils/utils.ts
+++ b/packages/vue-components/src/utils/utils.ts
@@ -1,16 +1,31 @@
-// coerce convert som types of data into another type
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+// coerce convert some types of data into another type
 export const coerce = {
-  // Convert a string to booleam. Otherwise, return the value without modification, so if is not boolean, Vue throw a warning.
-  boolean: val => (typeof val === 'string' ? val === '' || val === 'true' ? true : (val === 'false' || val === 'null' || val === 'undefined' ? false : val) : val),
-  // Attempt to convert a string value to a Number. Otherwise, return 0.
-  number: (val, alt = null) => (typeof val === 'number' ? val : val === undefined || val === null || isNaN(Number(val)) ? alt : Number(val)),
+  // Convert a string to boolean. Otherwise, return the value without modification,
+  // so if is not boolean, Vue throws a warning.
+  boolean: (val: any): boolean | any => (typeof val === 'string'
+    ? val === '' || val === 'true'
+      ? true
+      : (val === 'false' || val === 'null' || val === 'undefined' ? false : val)
+    : val),
+  // Attempt to convert a string value to a Number. Otherwise, return alt.
+  number: (val: any, alt: number | null = null): number | null => (typeof val === 'number'
+    ? val
+    : val === undefined || val === null || isNaN(Number(val))
+      ? alt
+      : Number(val)),
   // Attempt to convert to string any value, except for null or undefined.
-  string: val => (val === undefined || val === null ? '' : val + ''),
+  string: (val: any): string => (val === undefined || val === null ? '' : val + ''),
   // Pattern accept RegExp, function, or string (converted to RegExp). Otherwise return null.
-  pattern: val => (val instanceof Function || val instanceof RegExp ? val : typeof val === 'string' ? new RegExp(val) : null)
-}
+  pattern: (val: any): Function | RegExp | null => (val instanceof Function || val instanceof RegExp
+    ? val
+    : typeof val === 'string'
+      ? new RegExp(val)
+      : null),
+};
 
-export function toBoolean (val) {
+export function toBoolean(val: any): boolean | any {
   return (typeof val === 'string')
     ? ((val === '' || val === 'true')
       ? true
@@ -20,7 +35,7 @@ export function toBoolean (val) {
     : val;
 }
 
-export function toNumber (val) {
+export function toNumber(val: any): number | null {
   return (typeof val === 'number')
     ? val
     : ((val === undefined || val === null || isNaN(Number(val)))
@@ -28,151 +43,172 @@ export function toNumber (val) {
       : Number(val));
 }
 
-export function getJSON (url) {
-  var request = new window.XMLHttpRequest()
-  var data = {}
+interface SimplePromise {
+  then(fn1: Function, fn2?: Function): SimplePromise;
+  catch(fn: Function): SimplePromise;
+  always(fn: Function): SimplePromise;
+  done(fn: Function): SimplePromise;
+  fail(fn: Function): SimplePromise;
+  [key: string]: any;
+}
+
+export function getJSON(url: string): SimplePromise {
+  const request = new window.XMLHttpRequest();
+  const data: Record<string, Function[]> = {};
   // p (-simulated- promise)
-  var p = {
-    then (fn1, fn2) { return p.done(fn1).fail(fn2) },
-    catch (fn) { return p.fail(fn) },
-    always (fn) { return p.done(fn).fail(fn) }
+  const p: SimplePromise = {
+    then(fn1: Function, fn2?: Function) { return p.done(fn1).fail(fn2 as Function); },
+    catch(fn: Function) { return p.fail(fn); },
+    always(fn: Function) { return p.done(fn).fail(fn); },
+    done(fn: Function) { return p; },
+    fail(fn: Function) { return p; },
   };
-  ['done', 'fail'].forEach(name => {
-    data[name] = []
-    p[name] = (fn) => {
-      if (fn instanceof Function) data[name].push(fn)
-      return p
-    }
-  })
-  p.done(JSON.parse)
+  (['done', 'fail'] as const).forEach((name) => {
+    data[name] = [];
+    p[name] = (fn: Function) => {
+      if (fn instanceof Function) data[name].push(fn);
+      return p;
+    };
+  });
+  p.done(JSON.parse);
   request.onreadystatechange = () => {
     if (request.readyState === 4) {
-      let e = {status: request.status}
+      const e = { status: request.status };
       if (request.status === 200) {
         try {
-          var response = request.responseText
-          for (var i in data.done) {
-            var value = data.done[i](response)
-            if (value !== undefined) { response = value }
+          let response: any = request.responseText;
+          for (const i in data.done) {
+            const value = data.done[i](response);
+            if (value !== undefined) { response = value; }
           }
         } catch (err) {
-          data.fail.forEach(fail => fail(err))
+          data.fail.forEach(fail => fail(err));
         }
       } else {
-        data.fail.forEach(fail => fail(e))
+        data.fail.forEach(fail => fail(e));
       }
     }
-  }
-  request.open('GET', url)
-  request.setRequestHeader('Accept', 'application/json')
-  request.send()
-  return p
+  };
+  request.open('GET', url);
+  request.setRequestHeader('Accept', 'application/json');
+  request.send();
+  return p;
 }
 
-export function getScrollBarWidth () {
+export function getScrollBarWidth(): number {
   if (document.documentElement.scrollHeight <= document.documentElement.clientHeight) {
-    return 0
+    return 0;
   }
-  let inner = document.createElement('p')
-  inner.style.width = '100%'
-  inner.style.height = '200px'
-
-  let outer = document.createElement('div')
-  outer.style.position = 'absolute'
-  outer.style.top = '0px'
-  outer.style.left = '0px'
-  outer.style.visibility = 'hidden'
-  outer.style.width = '200px'
-  outer.style.height = '150px'
-  outer.style.overflow = 'hidden'
-  outer.appendChild(inner)
-
-  document.body.appendChild(outer)
-  let w1 = inner.offsetWidth
-  outer.style.overflow = 'scroll'
-  let w2 = inner.offsetWidth
-  if (w1 === w2) w2 = outer.clientWidth
-
-  document.body.removeChild(outer)
-
-  return (w1 - w2)
+  const inner = document.createElement('p');
+  inner.style.width = '100%';
+  inner.style.height = '200px';
+
+  const outer = document.createElement('div');
+  outer.style.position = 'absolute';
+  outer.style.top = '0px';
+  outer.style.left = '0px';
+  outer.style.visibility = 'hidden';
+  outer.style.width = '200px';
+  outer.style.height = '150px';
+  outer.style.overflow = 'hidden';
+  outer.appendChild(inner);
+
+  document.body.appendChild(outer);
+  const w1 = inner.offsetWidth;
+  outer.style.overflow = 'scroll';
+  let w2 = inner.offsetWidth;
+  if (w1 === w2) w2 = outer.clientWidth;
+
+  document.body.removeChild(outer);
+
+  return (w1 - w2);
 }
 
-// delayer: set a function that execute after a delay
+// delayer: set a function that executes after a delay
 // @params (function, delay_prop or value, default_value)
-export function delayer (fn, varTimer, ifNaN = 100) {
-  function toInt (el) { return /^[0-9]+$/.test(el) ? Number(el) || 1 : null }
-  var timerId
-  return function (...args) {
-    if (timerId) clearTimeout(timerId)
-    timerId = setTimeout(() => {
-      fn.apply(this, args)
-    }, toInt(varTimer) || toInt(this[varTimer]) || ifNaN)
+export function delayer(
+  fn: (...args: any[]) => void,
+  varTimer: string | number,
+  ifNaN: number = 100,
+): (this: any, ...args: any[]) => void {
+  function toInt(el: string | number): number | null {
+    return /^[0-9]+$/.test(String(el)) ? Number(el) || 1 : null;
   }
+  let timerId: ReturnType<typeof setTimeout> | undefined;
+  return function (this: any, ...args: any[]) {
+    if (timerId) clearTimeout(timerId);
+    timerId = setTimeout(() => {
+      fn.apply(this, args);
+    }, toInt(varTimer) || toInt(this[varTimer]) || ifNaN);
+  };
 }
 
-export function getFragmentByHash(url) {
-  var type = url.split('#');
-  var hash = '';
-  if(type.length > 1) {
+export function getFragmentByHash(url: string): string {
+  const type = url.split('#');
+  let hash = '';
+  if (type.length > 1) {
     hash = type[1];
   }
   return hash;
 }
 
-// Fix a vue instance Lifecycle to vue 1/2 (just the basic elements, is not a real parser, so this work only if your code is compatible with both)
-export function VueFixer (vue) {
-  var vue2 = !window.Vue || !window.Vue.partial
-  var mixin = {
+// Fix a vue instance Lifecycle to vue 1/2 (just the basic elements, is not a real parser,
+// so this work only if your code is compatible with both)
+export function VueFixer(vue: Record<string, any>): Record<string, any> {
+  const vue2 = !(window as any).Vue || !(window as any).Vue.partial;
+  const mixin: Record<string, any> = {
     computed: {
-      vue2 () { return !this.$dispatch }
-    }
-  }
+      vue2() { return !(this as any).$dispatch; },
+    },
+  };
   if (!vue2) {
     if (vue.beforeCreate) {
-      mixin.create = vue.beforeCreate
-      delete vue.beforeCreate
+      mixin.create = vue.beforeCreate;
+      delete vue.beforeCreate;
     }
     if (vue.beforeMount) {
-      vue.beforeCompile = vue.beforeMount
-      delete vue.beforeMount
+      vue.beforeCompile = vue.beforeMount;
+      delete vue.beforeMount;
     }
     if (vue.mounted) {
-      vue.ready = vue.mounted
-      delete vue.mounted
+      vue.ready = vue.mounted;
+      delete vue.mounted;
     }
   } else {
     if (vue.beforeCompile) {
-      vue.beforeMount = vue.beforeCompile
-      delete vue.beforeCompile
+      vue.beforeMount = vue.beforeCompile;
+      delete vue.beforeCompile;
     }
     if (vue.compiled) {
-      mixin.compiled = vue.compiled
-      delete vue.compiled
+      mixin.compiled = vue.compiled;
+      delete vue.compiled;
     }
     if (vue.ready) {
-      vue.mounted = vue.ready
-      delete vue.ready
+      vue.mounted = vue.ready;
+      delete vue.ready;
     }
   }
-  if (!vue.mixins) { vue.mixins = [] }
-  vue.mixins.unshift(mixin)
-  return vue
+  if (!vue.mixins) { vue.mixins = []; }
+  vue.mixins.unshift(mixin);
+  return vue;
 }
 
 // Used in the Box component to classify the different styles used by bootstrap from the user input.
 // @params (the user input type of the box)
-export function classifyBootstrapStyle(type, theme) {
+export function classifyBootstrapStyle(
+  type: string,
+  theme: string,
+): { style: string; icon: string } {
   const defaultStyles
     = ['warning', 'info', 'definition', 'success', 'danger', 'tip', 'important', 'wrong'];
   const colorStyles
     = ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark'];
-  
+
   const typeStyle = defaultStyles.includes(type) ? type : '';
   const themeStyle = colorStyles.includes(theme) ? theme : '';
 
-  let mainStyle;
-  let iconStyle;
+  let mainStyle: string;
+  let iconStyle: string;
 
   if (themeStyle) {
     mainStyle = themeStyle;
@@ -226,7 +262,7 @@ export function classifyBootstrapStyle(type, theme) {
     default:
       iconStyle = '';
       break;
-    }
+  }
 
-  return {style: mainStyle, icon: iconStyle};
+  return { style: mainStyle, icon: iconStyle };
 }

From f4785a807038186cf1e2698aaf7f25a1e270a1b8 Mon Sep 17 00:00:00 2001
From: yihao <yihao039@gmail.com>
Date: Wed, 11 Feb 2026 15:37:26 +0800
Subject: [PATCH 13/22] Rename vue-components/src/utils/NodeList to TypeScript

---
 .gitignore                                                     | 1 +
 packages/vue-components/src/utils/{NodeList.js => NodeList.ts} | 0
 2 files changed, 1 insertion(+)
 rename packages/vue-components/src/utils/{NodeList.js => NodeList.ts} (100%)

diff --git a/.gitignore b/.gitignore
index 27fea7284e..82c205e0fe 100644
--- a/.gitignore
+++ b/.gitignore
@@ -115,6 +115,7 @@ packages/vue-components/src/utils/dropdown.js
 packages/vue-components/src/utils/submenu.js
 packages/vue-components/src/utils/colors.js
 packages/vue-components/src/utils/utils.js
+packages/vue-components/src/utils/NodeList.js
 # --- packages/vue-components end ---
 
 # Manual type definitions need to be included
diff --git a/packages/vue-components/src/utils/NodeList.js b/packages/vue-components/src/utils/NodeList.ts
similarity index 100%
rename from packages/vue-components/src/utils/NodeList.js
rename to packages/vue-components/src/utils/NodeList.ts

From d5ce7912495541337b6045a0f34958f35eb5c0ff Mon Sep 17 00:00:00 2001
From: yihao <yihao039@gmail.com>
Date: Wed, 11 Feb 2026 15:39:20 +0800
Subject: [PATCH 14/22] Adapt vue-components/src/utils/NodeList to TypeScript

---
 packages/vue-components/src/utils/NodeList.ts | 549 ++++++++++--------
 1 file changed, 294 insertions(+), 255 deletions(-)

diff --git a/packages/vue-components/src/utils/NodeList.ts b/packages/vue-components/src/utils/NodeList.ts
index 0d586f848b..a52b27e78c 100644
--- a/packages/vue-components/src/utils/NodeList.ts
+++ b/packages/vue-components/src/utils/NodeList.ts
@@ -1,368 +1,407 @@
-const ArrayProto = Array.prototype
-const nodeError = new Error('Passed arguments must be of Node')
-let blurEvent
-let blurList = []
-let Events = []
+/* eslint-disable @typescript-eslint/no-explicit-any */
 
-function isNode (val) { return val instanceof window.Node }
-function isNodeList (val) { return val instanceof window.NodeList || val instanceof NodeList || val instanceof window.HTMLCollection || val instanceof Array }
+const ArrayProto = Array.prototype;
+const nodeError = new Error('Passed arguments must be of Node');
+let blurEvent: ((e: Event) => void) | undefined;
+let blurList: { el: any; callback: Function }[] = [];
+let Events: { el: any; event: string; callback: EventListener }[] = [];
 
-function splitWords (val) { val = val.trim(); return val.length ? val.replace(/\s+/, ' ').split(' ') : [] }
-function joinWords (val) { return val.length ? val.join(' ') : '' }
+function isNode(val: any): val is Node { return val instanceof window.Node; }
+function isNodeList(val: any): boolean {
+  return val instanceof window.NodeList
+    || val instanceof NodeList
+    || val instanceof window.HTMLCollection
+    || val instanceof Array;
+}
+
+function splitWords(val: string): string[] {
+  val = val.trim();
+  return val.length ? val.replace(/\s+/, ' ').split(' ') : [];
+}
+function joinWords(val: string[]): string { return val.length ? val.join(' ') : ''; }
+
+interface EventRecord {
+  el: any;
+  event: string;
+  callback: EventListener;
+}
 
 class NodeList {
-  constructor (args) {
-    var nodes = args
+  [index: number]: any;
+  length: number;
+  owner?: any;
+
+  // Dynamically added from Array.prototype at the bottom of this file
+  indexOf!: (searchElement: any, fromIndex?: number) => number;
+  some!: (predicate: (value: any, index: number, array: any[]) => unknown) => boolean;
+
+  constructor(args: any[]) {
+    let nodes: any = args;
     if (args[0] === window) {
-      nodes = [window]
+      nodes = [window];
     } else if (typeof args[0] === 'string') {
-      nodes = (args[1] || document).querySelectorAll(args[0])
-      if (args[1]) { this.owner = args[1] }
+      nodes = (args[1] || document).querySelectorAll(args[0]);
+      if (args[1]) { this.owner = args[1]; }
     } else if (0 in args && !isNode(args[0]) && args[0] && 'length' in args[0]) {
-      nodes = args[0]
-      if (args[1]) { this.owner = args[1] }
+      nodes = args[0];
+      if (args[1]) { this.owner = args[1]; }
     }
     if (nodes) {
-      for (let i in nodes) {
-        this[i] = nodes[i]
+      for (const i in nodes) {
+        (this as any)[i] = nodes[i];
       }
-      this.length = nodes.length
+      this.length = nodes.length;
     } else {
-      this.length = 0
+      this.length = 0;
     }
   }
 
-  concat (...args) {
-    let nodes = ArrayProto.slice.call(this)
-    function flatten (arr) {
-      ArrayProto.forEach.call(arr, el => {
+  concat(...args: any[]): NodeList {
+    const nodes: any[] = ArrayProto.slice.call(this);
+    function flattenInner(arr: any): void {
+      ArrayProto.forEach.call(arr, (el: any) => {
         if (isNode(el)) {
-          if (!~nodes.indexOf(el)) nodes.push(el)
+          if (!~nodes.indexOf(el)) nodes.push(el);
         } else if (isNodeList(el)) {
-          flatten(el)
+          flattenInner(el);
         }
-      })
+      });
     }
-    ArrayProto.forEach.call(args, arg => {
+    ArrayProto.forEach.call(args, (arg: any) => {
       if (isNode(arg)) {
-        if (!~nodes.indexOf(arg)) nodes.push(arg)
+        if (!~nodes.indexOf(arg)) nodes.push(arg);
       } else if (isNodeList(arg)) {
-        flatten(arg)
+        flattenInner(arg);
       } else {
-        throw Error('Concat arguments must be of a Node, NodeList, HTMLCollection, or Array of (Node, NodeList, HTMLCollection, Array)')
+        throw Error(
+          'Concat arguments must be of a Node, NodeList, HTMLCollection, '
+          + 'or Array of (Node, NodeList, HTMLCollection, Array)',
+        );
       }
-    })
-    return NodeListJS(nodes, this)
+    });
+    return NodeListJS(nodes, this);
   }
-  delete () {
-    var notRemoved = flatten(this).filter(el => {
+  delete(): any[] {
+    const notRemoved = flatten(this).filter((el: any) => {
       if (el.remove) {
-        el.remove()
+        el.remove();
       } else if (el.parentNode) {
-        el.parentNode.removeChild(el)
+        el.parentNode.removeChild(el);
       }
-      return document.body.contains(el)
-    })
-    if (notRemoved.length) console.warn('NodeList: Some nodes could not be deleted.')
-    return notRemoved
+      return document.body.contains(el);
+    });
+    if (notRemoved.length) console.warn('NodeList: Some nodes could not be deleted.');
+    return notRemoved;
   }
-  each (...args) {
-    ArrayProto.forEach.apply(this, args)
-    return this
+  each(...args: any[]): this {
+    ArrayProto.forEach.apply(this, args as any);
+    return this;
   }
-  filter (...args) {
-    return NodeListJS(ArrayProto.filter.apply(this, args), this)
+  filter(...args: any[]): NodeList {
+    return NodeListJS(ArrayProto.filter.apply(this, args as any), this);
   }
-  find (element) {
-    let nodes = []
-    flatten(this).forEach(node => { ArrayProto.push.apply(nodes, node.querySelectorAll(element)) })
-    return flatten(nodes, this.owner)
+  find(element: string): NodeList {
+    const nodes: any[] = [];
+    flatten(this).forEach((node: any) => {
+      ArrayProto.push.apply(nodes, node.querySelectorAll(element));
+    });
+    return flatten(nodes, this.owner);
   }
-  findChildren (element) {
-    if (element) return this.find(element).filter(el => this.includes(el.parentElement))
-    return flatten(this.map(el => el.children))
+  findChildren(element?: string): NodeList {
+    if (element) return this.find(element).filter((el: any) => this.includes(el.parentElement));
+    return flatten(this.map((el: any) => el.children));
   }
-  forEach (...args) {
-    ArrayProto.forEach.apply(this, args)
-    return this
+  forEach(...args: any[]): this {
+    ArrayProto.forEach.apply(this, args as any);
+    return this;
   }
-  includes (element, index) {
-    return ~this.indexOf(element, index)
+  includes(element: any, index?: number): boolean {
+    return !!~(this as any).indexOf(element, index);
   }
-  map (...args) {
-    var mapped = ArrayProto.map.apply(this, args)
-    return mapped.some(el => (isNode(el) || isNodeList(el))) ? flatten(mapped, this) : mapped
+  map(...args: any[]): any {
+    const mapped = ArrayProto.map.apply(this, args as any);
+    return mapped.some((el: any) => (isNode(el) || isNodeList(el)))
+      ? flatten(mapped, this)
+      : mapped;
   }
-  parent () {
-    return flatten(this.map(el => el.parentNode), this)
+  parent(): NodeList {
+    return flatten(this.map((el: any) => el.parentNode), this);
   }
-  pop (amount) {
-    if (typeof amount !== 'number') { amount = 1 }
-    let nodes = []
-    let pop = ArrayProto.pop.bind(this)
-    while (amount--) nodes.push(pop())
-    return NodeListJS(nodes, this)
+  pop(amount?: number): NodeList {
+    if (typeof amount !== 'number') { amount = 1; }
+    const nodes: any[] = [];
+    const pop = ArrayProto.pop.bind(this);
+    while (amount--) nodes.push(pop());
+    return NodeListJS(nodes, this);
   }
-  push (...args) {
-    ArrayProto.forEach.call(args, arg => {
-      if (!isNode(arg)) throw nodeError
-      if (!~this.indexOf(arg)) ArrayProto.push.call(this, arg)
-    })
-    return this
+  push(...args: any[]): this {
+    ArrayProto.forEach.call(args, (arg: any) => {
+      if (!isNode(arg)) throw nodeError;
+      if (!~(this as any).indexOf(arg)) ArrayProto.push.call(this, arg);
+    });
+    return this;
   }
-  shift (amount) {
-    if (typeof amount !== 'number') { amount = 1 }
-    let nodes = []
-    while (amount--) nodes.push(ArrayProto.shift.call(this))
-    return nodes.length == 1 ? nodes[0] : NodeListJS(nodes, this)
+  shift(amount?: number): any {
+    if (typeof amount !== 'number') { amount = 1; }
+    const nodes: any[] = [];
+    while (amount--) nodes.push(ArrayProto.shift.call(this));
+    return nodes.length === 1 ? nodes[0] : NodeListJS(nodes, this);
   }
-  slice (...args) {
-    return NodeListJS(ArrayProto.slice.apply(this, args), this)
+  slice(...args: any[]): NodeList {
+    return NodeListJS(ArrayProto.slice.apply(this, args as any), this);
   }
-  splice (...args) {
+  splice(...args: any[]): this {
     for (let i = 2, l = args.length; i < l; i++) {
-      if (!isNode(args[i])) throw nodeError
+      if (!isNode(args[i])) throw nodeError;
     }
-    ArrayProto.splice.apply(this, args)
-    return this
+    ArrayProto.splice.apply(this, args as any);
+    return this;
   }
-  unshift (...args) {
-    let unshift = ArrayProto.unshift.bind(this)
-    ArrayProto.forEach.call(args, arg => {
-      if (!isNode(arg)) throw nodeError
-      if (!~this.indexOf(arg)) unshift(arg)
-    })
-    return this
+  unshift(...args: any[]): this {
+    const unshift = ArrayProto.unshift.bind(this);
+    ArrayProto.forEach.call(args, (arg: any) => {
+      if (!isNode(arg)) throw nodeError;
+      if (!~(this as any).indexOf(arg)) unshift(arg);
+    });
+    return this;
   }
 
-  addClass (classes) {
-    return this.toggleClass(classes, true)
+  addClass(classes: string | string[]): this {
+    return this.toggleClass(classes, true);
   }
-  removeClass (classes) {
-    return this.toggleClass(classes, false)
+  removeClass(classes: string | string[]): this {
+    return this.toggleClass(classes, false);
   }
-  toggleClass (classes, value) {
-    var method = (value === undefined || value === null) ? 'toggle' : value ? 'add' : 'remove'
+  toggleClass(classes: string | string[], value?: boolean | null): this {
+    const method = (value === undefined || value === null) ? 'toggle' : value ? 'add' : 'remove';
     if (typeof classes === 'string') {
-      classes = splitWords(classes)
+      classes = splitWords(classes);
     }
-    this.each(el => {
-      var list = splitWords(el.className)
-      classes.forEach(c => {
-        var hasClass = ~list.indexOf(c)
-        if (!hasClass && method !== 'remove') list.push(c)
-        if (hasClass && method !== 'add') { list = list.filter(el => (el !== c)) }
-      })
-      list = joinWords(list)
-      if (!list) el.removeAttribute('class')
-      else el.className = list
-    })
-    return this
+    this.each((el: any) => {
+      let list: string[] = splitWords(el.className);
+      classes.forEach((c: string) => {
+        const hasClass = !!~list.indexOf(c);
+        if (!hasClass && method !== 'remove') list.push(c);
+        if (hasClass && method !== 'add') { list = list.filter((item: string) => (item !== c)); }
+      });
+      const joined = joinWords(list);
+      if (!joined) el.removeAttribute('class');
+      else el.className = joined;
+    });
+    return this;
   }
 
-  get (prop) {
-    let arr = []
-    this.each(el => {
-      if (el !== null) { el = el[prop] }
-      arr.push(el)
-    })
-    return flatten(arr, this)
+  get(prop: string): any {
+    const arr: any[] = [];
+    this.each((el: any) => {
+      if (el !== null) { el = el[prop]; }
+      arr.push(el);
+    });
+    return flatten(arr, this);
   }
-  set (prop, value) {
+  set(prop: any, value?: any): this {
     if (prop.constructor === Object) {
-      this.each(el => {
+      this.each((el: any) => {
         if (el) {
-          for (let key in prop) {
-            if (key in el) { el[key] = prop[key] }
+          for (const key in prop) {
+            if (key in el) { el[key] = prop[key]; }
           }
         }
-      })
+      });
     } else {
-      this.each(el => {
-        if (prop in el) { el[prop] = value }
-      })
+      this.each((el: any) => {
+        if (prop in el) { el[prop] = value; }
+      });
     }
-    return this
+    return this;
   }
-  call (...args) {
-    const method = ArrayProto.shift.call(args)
-    let arr = []
-    let returnThis = true
-    this.each(el => {
+  call(...args: any[]): any {
+    const method: string = ArrayProto.shift.call(args);
+    const arr: any[] = [];
+    let returnThis = true;
+    this.each((el: any) => {
       if (el && el[method] instanceof Function) {
-        el = el[method].apply(el, args)
-        arr.push(el)
+        el = el[method].apply(el, args);
+        arr.push(el);
         if (returnThis && el !== undefined) {
-          returnThis = false
+          returnThis = false;
         }
       } else {
-        arr.push(undefined)
+        arr.push(undefined);
       }
-    })
-    return returnThis ? this : flatten(arr, this)
+    });
+    return returnThis ? this : flatten(arr, this);
   }
-  item (index) {
-    return NodeListJS([this[index]], this)
+  item(index: number): NodeList {
+    return NodeListJS([(this as any)[index]], this);
   }
-  get asArray () {
-    return ArrayProto.slice.call(this)
+  get asArray(): any[] {
+    return ArrayProto.slice.call(this);
   }
 
   // event handlers
-  on (events, selector, callback) {
-    if (typeof events === 'string') { events = splitWords(events) }
-    if (!this || !this.length) return this
+  on(events: string | string[], selector: any, callback?: Function): this {
+    if (typeof events === 'string') { events = splitWords(events); }
+    if (!this || !this.length) return this;
     if (callback === undefined) {
-      callback = selector
-      selector = null
+      callback = selector;
+      selector = null;
     }
-    if (!callback) return this
-    const fn = callback
-    callback = selector ? function (e) {
-      let els = NodeListJS(selector, this)
-      if (!els.length) { return }
-      els.some(el => {
-        let target = el.contains(e.target)
-        if (target) fn.call(el, e, el)
-        return target
-      })
-    } : function (e) {
-      fn.apply(this, [e, this])
-    }
-    this.each(el => {
-      events.forEach(event => {
+    if (!callback) return this;
+    const fn = callback;
+    const wrappedCallback: EventListener = selector ? function (this: any, e: Event) {
+      const els = NodeListJS(selector, this);
+      if (!els.length) { return; }
+      els.some((el: any) => {
+        const target = el.contains(e.target);
+        if (target) fn.call(el, e, el);
+        return target;
+      });
+    } : function (this: any, e: Event) {
+      fn.apply(this, [e, this]);
+    };
+    this.each((el: any) => {
+      (events as string[]).forEach((event: string) => {
         if (el === window || isNode(el)) {
-          el.addEventListener(event, callback, false)
+          el.addEventListener(event, wrappedCallback, false);
           Events.push({
-            el: el,
-            event: event,
-            callback: callback
-          })
+            el,
+            event,
+            callback: wrappedCallback,
+          });
         }
-      })
-    })
-    return this
+      });
+    });
+    return this;
   }
-  off (events, callback) {
+  off(events: string | string[] | Function | null, callback?: EventListener): this {
     if (events instanceof Function) {
-      callback = events
-      events = null
+      callback = events as unknown as EventListener;
+      events = null;
     }
-    events = events instanceof Array ? events : typeof events === 'string' ? splitWords(events) : null
-    this.each(el => {
-      Events = Events.filter(e => {
-        if(e && e.el === el && (!callback || callback === e.callback) && (!events || ~events.indexOf(e.event))) {
-          e.el.removeEventListener(e.event, e.callback)
-          return false
+    const eventList: string[] | null = events instanceof Array
+      ? events
+      : typeof events === 'string'
+        ? splitWords(events)
+        : null;
+    this.each((el: any) => {
+      Events = Events.filter((e: EventRecord) => {
+        if (e && e.el === el
+            && (!callback || callback === e.callback)
+            && (!eventList || ~eventList.indexOf(e.event))) {
+          e.el.removeEventListener(e.event, e.callback);
+          return false;
         }
-        return true
-      })
-    })
-    return this
+        return true;
+      });
+    });
+    return this;
   }
-  onBlur (callback, enableTriggerByTouchStart = true) {
-    if (!this || !this.length) return this
-    if (!callback) return this
-    this.each(el => { blurList.push({el, callback}) })
+  onBlur(callback: Function, enableTriggerByTouchStart: boolean = true): this {
+    if (!this || !this.length) return this;
+    if (!callback) return this;
+    this.each((el: any) => { blurList.push({ el, callback }); });
     if (!blurEvent) {
-      blurEvent = e => {
-        blurList.forEach(item => {
-          if (!item.el) return
-          let target = item.el.contains(e.target) || item.el === e.target
-          if (!target) item.callback.call(item.el, e, item.el)
-        })
-      }
-      document.addEventListener('click', blurEvent, false)
-      if (enableTriggerByTouchStart) document.addEventListener('touchstart', blurEvent, false)
+      blurEvent = (e: Event) => {
+        blurList.forEach((item) => {
+          if (!item.el) return;
+          const target = item.el.contains(e.target) || item.el === e.target;
+          if (!target) item.callback.call(item.el, e, item.el);
+        });
+      };
+      document.addEventListener('click', blurEvent, false);
+      if (enableTriggerByTouchStart) document.addEventListener('touchstart', blurEvent, false);
     }
-    return this
+    return this;
   }
-  offBlur (callback) {
-    this.each(el => {
-      blurList = blurList.filter(blur => {
+  offBlur(callback?: Function): this {
+    this.each((el: any) => {
+      blurList = blurList.filter((blur) => {
         if (blur && blur.el === el && (!callback || blur.callback === callback)) {
-          return false
+          return false;
         }
-        return el
-      })
-    })
-    return this
+        return true;
+      });
+    });
+    return this;
   }
 }
 
-let NL = NodeList.prototype
+const NL: any = NodeList.prototype;
 
-function flatten (arr, owner) {
-  let list = []
-  ArrayProto.forEach.call(arr, el => {
+function flatten(arr: any, owner?: any): any {
+  const list: any[] = [];
+  ArrayProto.forEach.call(arr, (el: any) => {
     if (isNode(el)) {
-      if (!~list.indexOf(el)) list.push(el)
+      if (!~list.indexOf(el)) list.push(el);
     } else if (isNodeList(el)) {
-      for (let id in el) list.push(el[id])
+      for (const id in el) list.push(el[id]);
     } else if (el !== null) {
-      arr.get = NL.get
-      arr.set = NL.set
-      arr.call = NL.call
-      arr.owner = owner
-      return arr
+      arr.get = NL.get;
+      arr.set = NL.set;
+      arr.call = NL.call;
+      arr.owner = owner;
+      return arr;
     }
-  })
-  return NodeListJS(list, owner)
+  });
+  return NodeListJS(list, owner);
 }
 
-Object.getOwnPropertyNames(ArrayProto).forEach(key => {
+Object.getOwnPropertyNames(ArrayProto).forEach((key: string) => {
   if (key !== 'join' && key !== 'copyWithin' && key !== 'fill' && NL[key] === undefined) {
-    NL[key] = ArrayProto[key]
+    NL[key] = (ArrayProto as any)[key];
   }
-})
+});
 if (window && window.Symbol && Symbol.iterator) {
-  NL[Symbol.iterator] = NL.values = ArrayProto[Symbol.iterator]
+  NL[Symbol.iterator] = NL.values = ArrayProto[Symbol.iterator];
 }
-const div = document && document.createElement('div')
-function setterGetter (prop) {
-  if (NL[prop]) return
-  if (div[prop] instanceof Function) {
-    NL[prop] = (...args) => {
-      let arr = []
-      let returnThis = true
-      for (let i in NL) {
-        let el = NL[i]
+const div: HTMLDivElement | null = document && document.createElement('div');
+function setterGetter(prop: string): void {
+  if (NL[prop]) return;
+  if ((div as any)[prop] instanceof Function) {
+    NL[prop] = (...args: any[]) => {
+      const arr: any[] = [];
+      let returnThis = true;
+      for (const i in NL) {
+        let el = NL[i];
         if (el && el[prop] instanceof Function) {
-          el = el[prop].apply(el, args)
-          arr.push(el)
+          el = el[prop].apply(el, args);
+          arr.push(el);
           if (returnThis && el !== undefined) {
-            returnThis = false
+            returnThis = false;
           }
         } else {
-          arr.push(undefined)
+          arr.push(undefined);
         }
       }
-      return returnThis ? this : flatten(arr, this)
-    }
+      return returnThis ? NL : flatten(arr, NL);
+    };
   } else {
     Object.defineProperty(NL, prop, {
-      get () {
-        let arr = []
-        this.each(el => {
-          if (el !== null) { el = el[prop] }
-          arr.push(el)
-        })
-        return flatten(arr, this)
+      get() {
+        const arr: any[] = [];
+        this.each((el: any) => {
+          if (el !== null) { el = el[prop]; }
+          arr.push(el);
+        });
+        return flatten(arr, this);
       },
-      set (value) {
-        this.each(el => {
-          if (el && prop in el) { el[prop] = value }
-        })
-      }
-    })
+      set(value: any) {
+        this.each((el: any) => {
+          if (el && prop in el) { el[prop] = value; }
+        });
+      },
+    });
   }
 }
-for (let prop in div) setterGetter(prop)
+if (div) {
+  for (const prop in div) setterGetter(prop);
+}
 
-function NodeListJS (...args) { return new NodeList(args) }
+function NodeListJS(...args: any[]): NodeList { return new NodeList(args); }
 
 if (window) {
-  window.NL = NodeListJS
+  (window as any).NL = NodeListJS;
 }
 
-export default NodeListJS
+export default NodeListJS;

From 7f5f43496597969706be484ccc8e58cab4368e08 Mon Sep 17 00:00:00 2001
From: yihao <yihao039@gmail.com>
Date: Wed, 11 Feb 2026 15:40:33 +0800
Subject: [PATCH 15/22] Add TypeScript infrastructure for vue-components
 package

---
 package-lock.json                       | 673 ++++++++++++++----------
 packages/core-web/webpack.common.js     |   3 +-
 packages/vue-components/babel.config.js |   5 +-
 packages/vue-components/jest.config.js  |   3 +-
 packages/vue-components/package.json    |   1 +
 5 files changed, 394 insertions(+), 291 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 00b3bddfa4..f22a6ff755 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -67,6 +67,7 @@
       "integrity": "sha512-lWBYIrF7qK5+GjY5Uy+/hEgp8OJWOD/rpy74GplYRhEauvbHDeFB8t5hPOZxCZ0Oxf4Cc36tK51/l3ymJysrKw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.26.2",
@@ -118,16 +119,16 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.26.9",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.9.tgz",
-      "integrity": "sha512-kEWdzjOAUMW4hAyrzJ0ZaTOu9OmpyDIQicIh0zg0EEcEkYXZb2TjtBhnHi2ViX7PKwZqF4xwqfAm299/QMP3lg==",
+      "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.26.9",
-        "@babel/types": "^7.26.9",
-        "@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": {
@@ -135,27 +136,24 @@
       }
     },
     "node_modules/@babel/generator/node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.5",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
-      "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
+      "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/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/@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"
@@ -188,18 +186,18 @@
       }
     },
     "node_modules/@babel/helper-create-class-features-plugin": {
-      "version": "7.26.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.26.9.tgz",
-      "integrity": "sha512-ubbUqCofvxPRurw5L8WTsCLSkQiVpov4Qx0WMA+jUN+nXBK8ADPlJO1grkFw5CWKC5+sZSOfuGMdX1aI1iT9Sg==",
+      "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.25.9",
-        "@babel/helper-member-expression-to-functions": "^7.25.9",
-        "@babel/helper-optimise-call-expression": "^7.25.9",
-        "@babel/helper-replace-supers": "^7.26.5",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9",
-        "@babel/traverse": "^7.26.9",
+        "@babel/helper-annotate-as-pure": "^7.27.3",
+        "@babel/helper-member-expression-to-functions": "^7.28.5",
+        "@babel/helper-optimise-call-expression": "^7.27.1",
+        "@babel/helper-replace-supers": "^7.28.6",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+        "@babel/traverse": "^7.28.6",
         "semver": "^6.3.1"
       },
       "engines": {
@@ -263,44 +261,54 @@
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
       }
     },
+    "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==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@babel/helper-member-expression-to-functions": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.25.9.tgz",
-      "integrity": "sha512-wbfdZ9w5vk0C0oyHqAJbc62+vet5prjj01jjJ8sKn3j9h3MQQlflEdXYvuqRWjHnM12coDEqiC1IRCi0U/EKwQ==",
+      "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.25.9",
-        "@babel/types": "^7.25.9"
+        "@babel/traverse": "^7.28.5",
+        "@babel/types": "^7.28.5"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-module-imports": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.25.9.tgz",
-      "integrity": "sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==",
+      "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.25.9",
-        "@babel/types": "^7.25.9"
+        "@babel/traverse": "^7.28.6",
+        "@babel/types": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-module-transforms": {
-      "version": "7.26.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.26.0.tgz",
-      "integrity": "sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==",
+      "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.25.9",
-        "@babel/helper-validator-identifier": "^7.25.9",
-        "@babel/traverse": "^7.25.9"
+        "@babel/helper-module-imports": "^7.28.6",
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "@babel/traverse": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -310,22 +318,22 @@
       }
     },
     "node_modules/@babel/helper-optimise-call-expression": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.25.9.tgz",
-      "integrity": "sha512-FIpuNaz5ow8VyrYcnXQTDRGvV6tTjkNtCK/RYNDXGSLlUD6cBuQTSw43CShGxjvfBTfcUA/r6UhUCbtYqkhcuQ==",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.27.1.tgz",
+      "integrity": "sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.25.9"
+        "@babel/types": "^7.27.1"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-plugin-utils": {
-      "version": "7.26.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.26.5.tgz",
-      "integrity": "sha512-RS+jZcRdZdRFzMyr+wcsaqOmld1/EqTghfaBGQQd/WnRdzdlvSZ//kF7U8VQTxf1ynZ4cjUcYgjVGx13ewNPMg==",
+      "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": {
@@ -351,15 +359,15 @@
       }
     },
     "node_modules/@babel/helper-replace-supers": {
-      "version": "7.26.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.26.5.tgz",
-      "integrity": "sha512-bJ6iIVdYX1YooY2X7w1q6VITt+LnUILtNk7zT78ykuwStx8BauCzxvFqFaHjOpW1bVnSUM1PN1f0p5P21wHxvg==",
+      "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.25.9",
-        "@babel/helper-optimise-call-expression": "^7.25.9",
-        "@babel/traverse": "^7.26.5"
+        "@babel/helper-member-expression-to-functions": "^7.28.5",
+        "@babel/helper-optimise-call-expression": "^7.27.1",
+        "@babel/traverse": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -369,14 +377,14 @@
       }
     },
     "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.25.9.tgz",
-      "integrity": "sha512-K4Du3BFa3gvyhzgPcntrkDgZzQaq6uozzcpGbOO1OEJaI+EJdqWIMTLgFgQf6lrfiDFo5FU+BxKepI9RmZqahA==",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.27.1.tgz",
+      "integrity": "sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/traverse": "^7.25.9",
-        "@babel/types": "^7.25.9"
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -401,9 +409,9 @@
       }
     },
     "node_modules/@babel/helper-validator-option": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz",
-      "integrity": "sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==",
+      "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": {
@@ -526,12 +534,12 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.5.tgz",
-      "integrity": "sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==",
+      "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.5"
+        "@babel/types": "^7.29.0"
       },
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -729,12 +737,13 @@
       }
     },
     "node_modules/@babel/plugin-syntax-jsx": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.18.6.tgz",
-      "integrity": "sha512-6mmljtAedFGTWu2p/8WIORGwy+61PLgOMPOdazc7YoJ9ZCWUyFy3A6CpPkRKLKD1ToAesxX8KGEViAiLo9N+7Q==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.28.6.tgz",
+      "integrity": "sha512-wgEmr06G6sIpqr8YDwA2dSRTE3bJ+V0IfpzfSY3Lfgd7YWOaAdlykvJi13ZKBt8cZHfgH1IXN+CL656W3uUa4w==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.18.6"
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -831,12 +840,13 @@
       }
     },
     "node_modules/@babel/plugin-syntax-typescript": {
-      "version": "7.20.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.20.0.tgz",
-      "integrity": "sha512-rd9TkG+u1CExzS4SM1BlMEhMXwFLKVjOAFFCDx9PbX5ycJWDoWMcwdJH9RhkPu1dOgn5TrxLot/Gx6lWFuAUNQ==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.28.6.tgz",
+      "integrity": "sha512-+nDNmQye7nlnuuHDboPbGm00Vqg3oO8niRRL27/4LYHUsHYh0zJ1xWOz0uRwNFmM1Avzk8wZbc6rdiYhomzv/A==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.19.0"
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1258,14 +1268,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-modules-commonjs": {
-      "version": "7.26.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.26.3.tgz",
-      "integrity": "sha512-MgR55l4q9KddUDITEzEFYn5ZsGDXMSsU9E+kh7fjRXTIC3RHqfCo8RPRbyReYJh44HQ/yomFkqbOFohXvDCiIQ==",
+      "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.26.0",
-        "@babel/helper-plugin-utils": "^7.25.9"
+        "@babel/helper-module-transforms": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1672,6 +1682,26 @@
         "@babel/core": "^7.0.0-0"
       }
     },
+    "node_modules/@babel/plugin-transform-typescript": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.28.6.tgz",
+      "integrity": "sha512-0YWL2RFxOqEm9Efk5PvreamxPME8OyY0wM5wh5lHjF+VtVhdneCWGzZeSqzOfiobVqQaNCd2z0tQvnI9DaPWPw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.3",
+        "@babel/helper-create-class-features-plugin": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+        "@babel/plugin-syntax-typescript": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
     "node_modules/@babel/plugin-transform-unicode-escapes": {
       "version": "7.25.9",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.25.9.tgz",
@@ -1860,6 +1890,26 @@
         "@babel/core": "^7.0.0-0 || ^8.0.0-0 <8.0.0"
       }
     },
+    "node_modules/@babel/preset-typescript": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.28.5.tgz",
+      "integrity": "sha512-+bQy5WOI2V6LJZpPVxY+yp66XdZ2yifu0Mc1aP5CQKgjn4QM5IN2i5fAZ4xKop47pr8rpVhiAeu+nDQa12C8+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-validator-option": "^7.27.1",
+        "@babel/plugin-syntax-jsx": "^7.27.1",
+        "@babel/plugin-transform-modules-commonjs": "^7.27.1",
+        "@babel/plugin-transform-typescript": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
     "node_modules/@babel/runtime": {
       "version": "7.28.4",
       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.4.tgz",
@@ -1871,28 +1921,28 @@
       }
     },
     "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==",
       "dev": true,
       "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/template/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==",
       "dev": true,
       "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"
       },
@@ -1901,52 +1951,43 @@
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.26.9",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.26.9.tgz",
-      "integrity": "sha512-ZYW7L+pL8ahU5fXmNbPF+iZFHCv5scFak7MZ9bwaRPLUhHh7QQEMjZUg0HevihoqCM5iSYHN61EyCoZvqC+bxg==",
+      "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.26.2",
-        "@babel/generator": "^7.26.9",
-        "@babel/parser": "^7.26.9",
-        "@babel/template": "^7.26.9",
-        "@babel/types": "^7.26.9",
-        "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/traverse/node_modules/@babel/code-frame": {
-      "version": "7.26.2",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz",
-      "integrity": "sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==",
+      "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.25.9",
+        "@babel/helper-validator-identifier": "^7.28.5",
         "js-tokens": "^4.0.0",
-        "picocolors": "^1.0.0"
+        "picocolors": "^1.1.1"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/traverse/node_modules/globals": {
-      "version": "11.12.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
-      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/@babel/types": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.5.tgz",
-      "integrity": "sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==",
+      "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",
@@ -1986,6 +2027,7 @@
           "url": "https://opencollective.com/csstools"
         }
       ],
+      "peer": true,
       "engines": {
         "node": "^14 || ^16 || >=18"
       },
@@ -2008,6 +2050,7 @@
           "url": "https://opencollective.com/csstools"
         }
       ],
+      "peer": true,
       "engines": {
         "node": "^14 || ^16 || >=18"
       }
@@ -3211,6 +3254,7 @@
       "integrity": "sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/core": "^7.11.6",
         "@jest/types": "^29.6.3",
@@ -3238,6 +3282,7 @@
       "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@jest/schemas": "^29.6.3",
         "@types/istanbul-lib-coverage": "^2.0.0",
@@ -3314,10 +3359,11 @@
       "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==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
         "@jridgewell/sourcemap-codec": "^1.4.14"
@@ -5008,6 +5054,7 @@
       "integrity": "sha512-/g2d4sW9nUDJOMz3mabVQvOGhVa4e/BN/Um7yca9Bb2XTzPPnfTWHWQg+IsEYO7M3Vx+EXvaM/I2pJWIMun1bg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@octokit/auth-token": "^4.0.0",
         "@octokit/graphql": "^7.1.0",
@@ -5792,6 +5839,7 @@
       "integrity": "sha512-TiZzBSJja/LbhNPvk6yc0JrX9XqhQ0hdh6M2svYfsHGejaKFIAGd9MQ+ERIMzLGlN/kZoYIgdxFV0PuljTKXag==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@eslint-community/regexpp": "^4.4.0",
         "@typescript-eslint/scope-manager": "5.62.0",
@@ -5827,6 +5875,7 @@
       "integrity": "sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==",
       "dev": true,
       "license": "BSD-2-Clause",
+      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "5.62.0",
         "@typescript-eslint/types": "5.62.0",
@@ -6738,6 +6787,7 @@
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
       "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
       "dev": true,
+      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -6791,6 +6841,7 @@
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
       "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -7196,6 +7247,7 @@
       "integrity": "sha512-VPk9ebNqPcy5lRGuSlKx752IlDatOjT9paPlm8A7yOuW2Fbvp4X3JznJtT4f0GzGLLiWE9W8onz51SqLYwzGaA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "follow-redirects": "^1.15.6",
         "form-data": "^4.0.4",
@@ -7234,6 +7286,7 @@
       "integrity": "sha512-BrvGY3xZSwEcCzKvKsCi2GgHqDqsYkOP4/by5xCgIwGXQxIEh+8ew3gmrE1y7XRR6LHZIj6yLYnUi/mm2KXKBg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@jest/transform": "^29.7.0",
         "@types/babel__core": "^7.1.14",
@@ -7274,6 +7327,7 @@
       "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",
@@ -7844,6 +7898,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "caniuse-lite": "^1.0.30001688",
         "electron-to-chromium": "^1.5.73",
@@ -9110,6 +9165,7 @@
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
       "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "json-schema-traverse": "^1.0.0",
@@ -10088,17 +10144,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/end-of-stream": {
       "version": "1.4.5",
       "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.5.tgz",
@@ -10480,6 +10525,7 @@
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-7.32.0.tgz",
       "integrity": "sha512-VHZ8gX+EDfz+97jGcgyGCyRia/dPOd6Xh9yPv8Bl1+SoaIwD+a/vlrOmGRUyOYu7MwUhc7CxqeaDZU13S4+EpA==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "@babel/code-frame": "7.12.11",
         "@eslint/eslintrc": "^0.4.3",
@@ -10627,6 +10673,7 @@
       "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.27.5.tgz",
       "integrity": "sha512-LmEt3GVofgiGuiE+ORpnvP+kAm3h6MLZJ4Q5HCyHADofsb4VzXFsRiWj3c0OFiV+3DWFh0qg3v9gcPlfc3zRow==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "array-includes": "^3.1.6",
         "array.prototype.flat": "^1.3.1",
@@ -11653,6 +11700,7 @@
       "integrity": "sha512-/yNdlIkpWbM0ptxno3ONTuf+2g318kh2ez3KSeZN5dZ8YC6AAmgeWz+GasYYiBJPFaYcSAPeu4GfhUaChzIJXA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "tabbable": "^6.4.0"
       }
@@ -13751,6 +13799,7 @@
       "integrity": "sha512-NIy3oAFp9shda19hy4HK0HRTWKtPJmGdnvywu01nOqNC2vZg+Z+fvJDxpMQA88eb2I9EcafcdjYgsDthnYTvGw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@jest/core": "^29.7.0",
         "@jest/types": "^29.6.3",
@@ -14756,6 +14805,7 @@
       "integrity": "sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@jest/types": "^29.6.3",
         "@types/node": "*",
@@ -17012,6 +17062,7 @@
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
       "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "json-schema-traverse": "^1.0.0",
@@ -18002,6 +18053,7 @@
       "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@napi-rs/wasm-runtime": "0.2.4",
         "@yarnpkg/lockfile": "^1.1.0",
@@ -19032,6 +19084,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "nanoid": "^3.3.11",
         "picocolors": "^1.1.1",
@@ -19141,7 +19194,6 @@
       "resolved": "https://registry.npmjs.org/postcss-html/-/postcss-html-1.6.0.tgz",
       "integrity": "sha512-OWgQ9/Pe23MnNJC0PL4uZp8k0EDaUvqpJFSiwFxOLClAhmD7UEisyhO3x5hVsD4xFrjReVTXydlrMes45dJ71w==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "htmlparser2": "^8.0.0",
         "js-tokens": "^8.0.0",
@@ -19157,7 +19209,6 @@
       "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
       "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "domelementtype": "^2.3.0",
         "domhandler": "^5.0.2",
@@ -19177,15 +19228,13 @@
           "type": "github",
           "url": "https://github.com/sponsors/fb55"
         }
-      ],
-      "peer": true
+      ]
     },
     "node_modules/postcss-html/node_modules/domhandler": {
       "version": "5.0.3",
       "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
       "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "domelementtype": "^2.3.0"
       },
@@ -19201,7 +19250,6 @@
       "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz",
       "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "dom-serializer": "^2.0.0",
         "domelementtype": "^2.3.0",
@@ -19216,7 +19264,6 @@
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
       "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
       "dev": true,
-      "peer": true,
       "engines": {
         "node": ">=0.12"
       },
@@ -19236,7 +19283,6 @@
           "url": "https://github.com/sponsors/fb55"
         }
       ],
-      "peer": true,
       "dependencies": {
         "domelementtype": "^2.3.0",
         "domhandler": "^5.0.3",
@@ -19248,15 +19294,13 @@
       "version": "8.0.3",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-8.0.3.tgz",
       "integrity": "sha512-UfJMcSJc+SEXEl9lH/VLHSZbThQyLpw1vLO1Lb+j4RWDvG3N2f7yj3PVQA3cmkTBNldJ9eFnM+xEXxHIXrYiJw==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "node_modules/postcss-html/node_modules/postcss-safe-parser": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz",
       "integrity": "sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==",
       "dev": true,
-      "peer": true,
       "engines": {
         "node": ">=12.0"
       },
@@ -19700,6 +19744,7 @@
       "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.15.tgz",
       "integrity": "sha512-rEYkQOMUCEMhsKbK66tbEU9QVIxbhN18YiniAwA7XQYTVBqrBy+P2p5JcdqsHgKM2zWylp8d7J6eszocfds5Sw==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "cssesc": "^3.0.0",
         "util-deprecate": "^1.0.2"
@@ -21843,6 +21888,7 @@
       "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-16.2.1.tgz",
       "integrity": "sha512-SfIMGFK+4n7XVAyv50CpVfcGYWG4v41y6xG7PqOgQSY8M/PgdK0SQbjWFblxjJZlN9jNq879mB4BCZHJRIJ1hA==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "@csstools/css-parser-algorithms": "^2.5.0",
         "@csstools/css-tokenizer": "^2.2.3",
@@ -22844,6 +22890,7 @@
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -23233,7 +23280,8 @@
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
       "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==",
-      "dev": true
+      "dev": true,
+      "peer": true
     },
     "node_modules/tsutils": {
       "version": "3.21.0",
@@ -23352,6 +23400,7 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "devOptional": true,
       "license": "Apache-2.0",
+      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -23713,6 +23762,7 @@
       "resolved": "https://registry.npmjs.org/vue/-/vue-3.3.11.tgz",
       "integrity": "sha512-d4oBctG92CRO1cQfVBZp6WJAs0n8AK4Xf5fNjQCBeKCvMI1efGQ5E3Alt1slFJS9fZuPcFoiAiqFvQlv1X7t/w==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@vue/compiler-dom": "3.3.11",
         "@vue/compiler-sfc": "3.3.11",
@@ -23940,6 +23990,7 @@
       "integrity": "sha512-UFynvx+gM44Gv9qFgj0acCQK2VE1CtdfwFdimkapco3hlPCJ/zeq73n2yVKimVbtm+TnApIugGhLJnkU6gjYXA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/eslint-scope": "^3.7.7",
         "@types/estree": "^1.0.6",
@@ -23987,6 +24038,7 @@
       "integrity": "sha512-MfwFQ6SfwinsUVi0rNJm7rHZ31GyTcpVE5pgVA3hwFRb7COD4TzjUUwhGWKfO50+xdc2MQPuEBBJoqIMGt3JDw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@discoveryjs/json-ext": "^0.6.1",
         "@webpack-cli/configtest": "^3.0.1",
@@ -24068,6 +24120,7 @@
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
       "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "json-schema-traverse": "^1.0.0",
@@ -24171,6 +24224,7 @@
       "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",
@@ -24397,6 +24451,7 @@
       "version": "2.4.7",
       "resolved": "https://registry.npmjs.org/winston/-/winston-2.4.7.tgz",
       "integrity": "sha512-vLB4BqzCKDnnZH9PHGoS2ycawueX4HLqENXQitvFHczhgW2vFpSOn31LZtVr1KU8YTw7DS4tM+cqyovxo8taVg==",
+      "peer": true,
       "dependencies": {
         "async": "^2.6.4",
         "colors": "1.0.x",
@@ -25003,6 +25058,7 @@
         "@babel/core": "^7.26.9",
         "@babel/plugin-transform-runtime": "^7.26.9",
         "@babel/preset-env": "^7.26.9",
+        "@babel/preset-typescript": "^7.28.5",
         "@babel/runtime": "^7.26.9",
         "@vue/test-utils": "^2.4.6",
         "@vue/vue3-jest": "^29.2.6",
@@ -25591,6 +25647,7 @@
       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.26.9.tgz",
       "integrity": "sha512-lWBYIrF7qK5+GjY5Uy+/hEgp8OJWOD/rpy74GplYRhEauvbHDeFB8t5hPOZxCZ0Oxf4Cc36tK51/l3ymJysrKw==",
       "dev": true,
+      "peer": true,
       "requires": {
         "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.26.2",
@@ -25629,38 +25686,37 @@
       }
     },
     "@babel/generator": {
-      "version": "7.26.9",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.9.tgz",
-      "integrity": "sha512-kEWdzjOAUMW4hAyrzJ0ZaTOu9OmpyDIQicIh0zg0EEcEkYXZb2TjtBhnHi2ViX7PKwZqF4xwqfAm299/QMP3lg==",
+      "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,
       "requires": {
-        "@babel/parser": "^7.26.9",
-        "@babel/types": "^7.26.9",
-        "@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"
       },
       "dependencies": {
         "@jridgewell/gen-mapping": {
-          "version": "0.3.5",
-          "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
-          "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
+          "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,
           "requires": {
-            "@jridgewell/set-array": "^1.2.1",
-            "@jridgewell/sourcemap-codec": "^1.4.10",
+            "@jridgewell/sourcemap-codec": "^1.5.0",
             "@jridgewell/trace-mapping": "^0.3.24"
           }
         }
       }
     },
     "@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,
       "requires": {
-        "@babel/types": "^7.25.9"
+        "@babel/types": "^7.27.3"
       }
     },
     "@babel/helper-compilation-targets": {
@@ -25685,17 +25741,17 @@
       }
     },
     "@babel/helper-create-class-features-plugin": {
-      "version": "7.26.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.26.9.tgz",
-      "integrity": "sha512-ubbUqCofvxPRurw5L8WTsCLSkQiVpov4Qx0WMA+jUN+nXBK8ADPlJO1grkFw5CWKC5+sZSOfuGMdX1aI1iT9Sg==",
+      "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,
       "requires": {
-        "@babel/helper-annotate-as-pure": "^7.25.9",
-        "@babel/helper-member-expression-to-functions": "^7.25.9",
-        "@babel/helper-optimise-call-expression": "^7.25.9",
-        "@babel/helper-replace-supers": "^7.26.5",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9",
-        "@babel/traverse": "^7.26.9",
+        "@babel/helper-annotate-as-pure": "^7.27.3",
+        "@babel/helper-member-expression-to-functions": "^7.28.5",
+        "@babel/helper-optimise-call-expression": "^7.27.1",
+        "@babel/helper-replace-supers": "^7.28.6",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+        "@babel/traverse": "^7.28.6",
         "semver": "^6.3.1"
       },
       "dependencies": {
@@ -25739,50 +25795,56 @@
         "resolve": "^1.14.2"
       }
     },
+    "@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==",
+      "dev": true
+    },
     "@babel/helper-member-expression-to-functions": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.25.9.tgz",
-      "integrity": "sha512-wbfdZ9w5vk0C0oyHqAJbc62+vet5prjj01jjJ8sKn3j9h3MQQlflEdXYvuqRWjHnM12coDEqiC1IRCi0U/EKwQ==",
+      "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,
       "requires": {
-        "@babel/traverse": "^7.25.9",
-        "@babel/types": "^7.25.9"
+        "@babel/traverse": "^7.28.5",
+        "@babel/types": "^7.28.5"
       }
     },
     "@babel/helper-module-imports": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.25.9.tgz",
-      "integrity": "sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==",
+      "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,
       "requires": {
-        "@babel/traverse": "^7.25.9",
-        "@babel/types": "^7.25.9"
+        "@babel/traverse": "^7.28.6",
+        "@babel/types": "^7.28.6"
       }
     },
     "@babel/helper-module-transforms": {
-      "version": "7.26.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.26.0.tgz",
-      "integrity": "sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==",
+      "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,
       "requires": {
-        "@babel/helper-module-imports": "^7.25.9",
-        "@babel/helper-validator-identifier": "^7.25.9",
-        "@babel/traverse": "^7.25.9"
+        "@babel/helper-module-imports": "^7.28.6",
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "@babel/traverse": "^7.28.6"
       }
     },
     "@babel/helper-optimise-call-expression": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.25.9.tgz",
-      "integrity": "sha512-FIpuNaz5ow8VyrYcnXQTDRGvV6tTjkNtCK/RYNDXGSLlUD6cBuQTSw43CShGxjvfBTfcUA/r6UhUCbtYqkhcuQ==",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.27.1.tgz",
+      "integrity": "sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==",
       "dev": true,
       "requires": {
-        "@babel/types": "^7.25.9"
+        "@babel/types": "^7.27.1"
       }
     },
     "@babel/helper-plugin-utils": {
-      "version": "7.26.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.26.5.tgz",
-      "integrity": "sha512-RS+jZcRdZdRFzMyr+wcsaqOmld1/EqTghfaBGQQd/WnRdzdlvSZ//kF7U8VQTxf1ynZ4cjUcYgjVGx13ewNPMg==",
+      "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
     },
     "@babel/helper-remap-async-to-generator": {
@@ -25797,24 +25859,24 @@
       }
     },
     "@babel/helper-replace-supers": {
-      "version": "7.26.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.26.5.tgz",
-      "integrity": "sha512-bJ6iIVdYX1YooY2X7w1q6VITt+LnUILtNk7zT78ykuwStx8BauCzxvFqFaHjOpW1bVnSUM1PN1f0p5P21wHxvg==",
+      "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,
       "requires": {
-        "@babel/helper-member-expression-to-functions": "^7.25.9",
-        "@babel/helper-optimise-call-expression": "^7.25.9",
-        "@babel/traverse": "^7.26.5"
+        "@babel/helper-member-expression-to-functions": "^7.28.5",
+        "@babel/helper-optimise-call-expression": "^7.27.1",
+        "@babel/traverse": "^7.28.6"
       }
     },
     "@babel/helper-skip-transparent-expression-wrappers": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.25.9.tgz",
-      "integrity": "sha512-K4Du3BFa3gvyhzgPcntrkDgZzQaq6uozzcpGbOO1OEJaI+EJdqWIMTLgFgQf6lrfiDFo5FU+BxKepI9RmZqahA==",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.27.1.tgz",
+      "integrity": "sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==",
       "dev": true,
       "requires": {
-        "@babel/traverse": "^7.25.9",
-        "@babel/types": "^7.25.9"
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
       }
     },
     "@babel/helper-string-parser": {
@@ -25828,9 +25890,9 @@
       "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q=="
     },
     "@babel/helper-validator-option": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz",
-      "integrity": "sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==",
+      "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
     },
     "@babel/helper-wrap-function": {
@@ -25925,11 +25987,11 @@
       }
     },
     "@babel/parser": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.5.tgz",
-      "integrity": "sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.0.tgz",
+      "integrity": "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==",
       "requires": {
-        "@babel/types": "^7.28.5"
+        "@babel/types": "^7.29.0"
       }
     },
     "@babel/plugin-bugfix-firefox-class-in-computed-class-key": {
@@ -26052,12 +26114,12 @@
       }
     },
     "@babel/plugin-syntax-jsx": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.18.6.tgz",
-      "integrity": "sha512-6mmljtAedFGTWu2p/8WIORGwy+61PLgOMPOdazc7YoJ9ZCWUyFy3A6CpPkRKLKD1ToAesxX8KGEViAiLo9N+7Q==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.28.6.tgz",
+      "integrity": "sha512-wgEmr06G6sIpqr8YDwA2dSRTE3bJ+V0IfpzfSY3Lfgd7YWOaAdlykvJi13ZKBt8cZHfgH1IXN+CL656W3uUa4w==",
       "dev": true,
       "requires": {
-        "@babel/helper-plugin-utils": "^7.18.6"
+        "@babel/helper-plugin-utils": "^7.28.6"
       }
     },
     "@babel/plugin-syntax-logical-assignment-operators": {
@@ -26124,12 +26186,12 @@
       }
     },
     "@babel/plugin-syntax-typescript": {
-      "version": "7.20.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.20.0.tgz",
-      "integrity": "sha512-rd9TkG+u1CExzS4SM1BlMEhMXwFLKVjOAFFCDx9PbX5ycJWDoWMcwdJH9RhkPu1dOgn5TrxLot/Gx6lWFuAUNQ==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.28.6.tgz",
+      "integrity": "sha512-+nDNmQye7nlnuuHDboPbGm00Vqg3oO8niRRL27/4LYHUsHYh0zJ1xWOz0uRwNFmM1Avzk8wZbc6rdiYhomzv/A==",
       "dev": true,
       "requires": {
-        "@babel/helper-plugin-utils": "^7.19.0"
+        "@babel/helper-plugin-utils": "^7.28.6"
       }
     },
     "@babel/plugin-syntax-unicode-sets-regex": {
@@ -26376,13 +26438,13 @@
       }
     },
     "@babel/plugin-transform-modules-commonjs": {
-      "version": "7.26.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.26.3.tgz",
-      "integrity": "sha512-MgR55l4q9KddUDITEzEFYn5ZsGDXMSsU9E+kh7fjRXTIC3RHqfCo8RPRbyReYJh44HQ/yomFkqbOFohXvDCiIQ==",
+      "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,
       "requires": {
-        "@babel/helper-module-transforms": "^7.26.0",
-        "@babel/helper-plugin-utils": "^7.25.9"
+        "@babel/helper-module-transforms": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6"
       }
     },
     "@babel/plugin-transform-modules-systemjs": {
@@ -26620,6 +26682,19 @@
         "@babel/helper-plugin-utils": "^7.26.5"
       }
     },
+    "@babel/plugin-transform-typescript": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.28.6.tgz",
+      "integrity": "sha512-0YWL2RFxOqEm9Efk5PvreamxPME8OyY0wM5wh5lHjF+VtVhdneCWGzZeSqzOfiobVqQaNCd2z0tQvnI9DaPWPw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.27.3",
+        "@babel/helper-create-class-features-plugin": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+        "@babel/plugin-syntax-typescript": "^7.28.6"
+      }
+    },
     "@babel/plugin-transform-unicode-escapes": {
       "version": "7.25.9",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.25.9.tgz",
@@ -26765,6 +26840,19 @@
         "esutils": "^2.0.2"
       }
     },
+    "@babel/preset-typescript": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.28.5.tgz",
+      "integrity": "sha512-+bQy5WOI2V6LJZpPVxY+yp66XdZ2yifu0Mc1aP5CQKgjn4QM5IN2i5fAZ4xKop47pr8rpVhiAeu+nDQa12C8+g==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-validator-option": "^7.27.1",
+        "@babel/plugin-syntax-jsx": "^7.27.1",
+        "@babel/plugin-transform-modules-commonjs": "^7.27.1",
+        "@babel/plugin-transform-typescript": "^7.28.5"
+      }
+    },
     "@babel/runtime": {
       "version": "7.28.4",
       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.4.tgz",
@@ -26772,23 +26860,23 @@
       "dev": true
     },
     "@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==",
       "dev": true,
       "requires": {
-        "@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"
       },
       "dependencies": {
         "@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==",
           "dev": true,
           "requires": {
-            "@babel/helper-validator-identifier": "^7.27.1",
+            "@babel/helper-validator-identifier": "^7.28.5",
             "js-tokens": "^4.0.0",
             "picocolors": "^1.1.1"
           }
@@ -26796,43 +26884,37 @@
       }
     },
     "@babel/traverse": {
-      "version": "7.26.9",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.26.9.tgz",
-      "integrity": "sha512-ZYW7L+pL8ahU5fXmNbPF+iZFHCv5scFak7MZ9bwaRPLUhHh7QQEMjZUg0HevihoqCM5iSYHN61EyCoZvqC+bxg==",
+      "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,
       "requires": {
-        "@babel/code-frame": "^7.26.2",
-        "@babel/generator": "^7.26.9",
-        "@babel/parser": "^7.26.9",
-        "@babel/template": "^7.26.9",
-        "@babel/types": "^7.26.9",
-        "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"
       },
       "dependencies": {
         "@babel/code-frame": {
-          "version": "7.26.2",
-          "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz",
-          "integrity": "sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==",
+          "version": "7.29.0",
+          "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
+          "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
           "dev": true,
           "requires": {
-            "@babel/helper-validator-identifier": "^7.25.9",
+            "@babel/helper-validator-identifier": "^7.28.5",
             "js-tokens": "^4.0.0",
-            "picocolors": "^1.0.0"
+            "picocolors": "^1.1.1"
           }
-        },
-        "globals": {
-          "version": "11.12.0",
-          "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
-          "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
-          "dev": true
         }
       }
     },
     "@babel/types": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.5.tgz",
-      "integrity": "sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
+      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
       "requires": {
         "@babel/helper-string-parser": "^7.27.1",
         "@babel/helper-validator-identifier": "^7.28.5"
@@ -26854,13 +26936,15 @@
       "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.5.0.tgz",
       "integrity": "sha512-abypo6m9re3clXA00eu5syw+oaPHbJTPapu9C4pzNsJ4hdZDzushT50Zhu+iIYXgEe1CxnRMn7ngsbV+MLrlpQ==",
       "dev": true,
+      "peer": true,
       "requires": {}
     },
     "@csstools/css-tokenizer": {
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-2.2.3.tgz",
       "integrity": "sha512-pp//EvZ9dUmGuGtG1p+n17gTHEOqu9jO+FiCUjNN3BDmyhdA2Jq9QsVeR7K8/2QCK17HSsioPlTW9ZkzoWb3Lg==",
-      "dev": true
+      "dev": true,
+      "peer": true
     },
     "@csstools/media-query-list-parser": {
       "version": "2.1.7",
@@ -27579,6 +27663,7 @@
       "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-29.7.0.tgz",
       "integrity": "sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==",
       "dev": true,
+      "peer": true,
       "requires": {
         "@babel/core": "^7.11.6",
         "@jest/types": "^29.6.3",
@@ -27602,6 +27687,7 @@
       "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
       "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
       "dev": true,
+      "peer": true,
       "requires": {
         "@jest/schemas": "^29.6.3",
         "@types/istanbul-lib-coverage": "^2.0.0",
@@ -27662,9 +27748,9 @@
       "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ=="
     },
     "@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==",
       "dev": true,
       "requires": {
         "@jridgewell/resolve-uri": "^3.1.0",
@@ -28289,6 +28375,7 @@
         "@babel/core": "^7.26.9",
         "@babel/plugin-transform-runtime": "^7.26.9",
         "@babel/preset-env": "^7.26.9",
+        "@babel/preset-typescript": "^7.28.5",
         "@babel/runtime": "^7.26.9",
         "@vue/test-utils": "^2.4.6",
         "@vue/vue3-jest": "^29.2.6",
@@ -29224,6 +29311,7 @@
       "resolved": "https://registry.npmjs.org/@octokit/core/-/core-5.2.2.tgz",
       "integrity": "sha512-/g2d4sW9nUDJOMz3mabVQvOGhVa4e/BN/Um7yca9Bb2XTzPPnfTWHWQg+IsEYO7M3Vx+EXvaM/I2pJWIMun1bg==",
       "dev": true,
+      "peer": true,
       "requires": {
         "@octokit/auth-token": "^4.0.0",
         "@octokit/graphql": "^7.1.0",
@@ -29879,6 +29967,7 @@
       "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.62.0.tgz",
       "integrity": "sha512-TiZzBSJja/LbhNPvk6yc0JrX9XqhQ0hdh6M2svYfsHGejaKFIAGd9MQ+ERIMzLGlN/kZoYIgdxFV0PuljTKXag==",
       "dev": true,
+      "peer": true,
       "requires": {
         "@eslint-community/regexpp": "^4.4.0",
         "@typescript-eslint/scope-manager": "5.62.0",
@@ -29897,6 +29986,7 @@
       "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz",
       "integrity": "sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==",
       "dev": true,
+      "peer": true,
       "requires": {
         "@typescript-eslint/scope-manager": "5.62.0",
         "@typescript-eslint/types": "5.62.0",
@@ -30485,7 +30575,8 @@
       "version": "7.4.1",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
       "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
-      "dev": true
+      "dev": true,
+      "peer": true
     },
     "acorn-jsx": {
       "version": "5.3.2",
@@ -30524,6 +30615,7 @@
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
       "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
       "dev": true,
+      "peer": true,
       "requires": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -30801,6 +30893,7 @@
       "resolved": "https://registry.npmjs.org/axios/-/axios-1.13.2.tgz",
       "integrity": "sha512-VPk9ebNqPcy5lRGuSlKx752IlDatOjT9paPlm8A7yOuW2Fbvp4X3JznJtT4f0GzGLLiWE9W8onz51SqLYwzGaA==",
       "dev": true,
+      "peer": true,
       "requires": {
         "follow-redirects": "^1.15.6",
         "form-data": "^4.0.4",
@@ -30834,6 +30927,7 @@
       "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-29.7.0.tgz",
       "integrity": "sha512-BrvGY3xZSwEcCzKvKsCi2GgHqDqsYkOP4/by5xCgIwGXQxIEh+8ew3gmrE1y7XRR6LHZIj6yLYnUi/mm2KXKBg==",
       "dev": true,
+      "peer": true,
       "requires": {
         "@jest/transform": "^29.7.0",
         "@types/babel__core": "^7.1.14",
@@ -30859,6 +30953,7 @@
           "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
           "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
           "dev": true,
+          "peer": true,
           "requires": {
             "fast-deep-equal": "^3.1.3",
             "fast-uri": "^3.0.1",
@@ -31243,6 +31338,7 @@
       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.4.tgz",
       "integrity": "sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==",
       "dev": true,
+      "peer": true,
       "requires": {
         "caniuse-lite": "^1.0.30001688",
         "electron-to-chromium": "^1.5.73",
@@ -32130,6 +32226,7 @@
           "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
           "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
           "dev": true,
+          "peer": true,
           "requires": {
             "fast-deep-equal": "^3.1.1",
             "json-schema-traverse": "^1.0.0",
@@ -32839,16 +32936,6 @@
       "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
       "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w=="
     },
-    "encoding": {
-      "version": "0.1.13",
-      "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz",
-      "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "iconv-lite": "^0.6.2"
-      }
-    },
     "end-of-stream": {
       "version": "1.4.5",
       "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.5.tgz",
@@ -33140,6 +33227,7 @@
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-7.32.0.tgz",
       "integrity": "sha512-VHZ8gX+EDfz+97jGcgyGCyRia/dPOd6Xh9yPv8Bl1+SoaIwD+a/vlrOmGRUyOYu7MwUhc7CxqeaDZU13S4+EpA==",
       "dev": true,
+      "peer": true,
       "requires": {
         "@babel/code-frame": "7.12.11",
         "@eslint/eslintrc": "^0.4.3",
@@ -33273,6 +33361,7 @@
       "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.27.5.tgz",
       "integrity": "sha512-LmEt3GVofgiGuiE+ORpnvP+kAm3h6MLZJ4Q5HCyHADofsb4VzXFsRiWj3c0OFiV+3DWFh0qg3v9gcPlfc3zRow==",
       "dev": true,
+      "peer": true,
       "requires": {
         "array-includes": "^3.1.6",
         "array.prototype.flat": "^1.3.1",
@@ -34034,6 +34123,7 @@
       "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-7.8.0.tgz",
       "integrity": "sha512-/yNdlIkpWbM0ptxno3ONTuf+2g318kh2ez3KSeZN5dZ8YC6AAmgeWz+GasYYiBJPFaYcSAPeu4GfhUaChzIJXA==",
       "dev": true,
+      "peer": true,
       "requires": {
         "tabbable": "^6.4.0"
       }
@@ -35508,6 +35598,7 @@
       "resolved": "https://registry.npmjs.org/jest/-/jest-29.7.0.tgz",
       "integrity": "sha512-NIy3oAFp9shda19hy4HK0HRTWKtPJmGdnvywu01nOqNC2vZg+Z+fvJDxpMQA88eb2I9EcafcdjYgsDthnYTvGw==",
       "dev": true,
+      "peer": true,
       "requires": {
         "@jest/core": "^29.7.0",
         "@jest/types": "^29.6.3",
@@ -36229,6 +36320,7 @@
       "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.7.0.tgz",
       "integrity": "sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==",
       "dev": true,
+      "peer": true,
       "requires": {
         "@jest/types": "^29.6.3",
         "@types/node": "*",
@@ -38053,6 +38145,7 @@
           "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
           "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
           "dev": true,
+          "peer": true,
           "requires": {
             "fast-deep-equal": "^3.1.1",
             "json-schema-traverse": "^1.0.0",
@@ -38789,6 +38882,7 @@
       "resolved": "https://registry.npmjs.org/nx/-/nx-20.8.3.tgz",
       "integrity": "sha512-8w815WSMWar3A/LFzwtmEY+E8cVW62lMiFuPDXje+C8O8hFndfvscP56QHNMn2Zdhz3q0+BZUe+se4Em1BKYdA==",
       "dev": true,
+      "peer": true,
       "requires": {
         "@napi-rs/wasm-runtime": "0.2.4",
         "@nx/nx-darwin-arm64": "20.8.3",
@@ -39500,6 +39594,7 @@
       "version": "8.5.6",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
       "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+      "peer": true,
       "requires": {
         "nanoid": "^3.3.11",
         "picocolors": "^1.1.1",
@@ -39571,7 +39666,6 @@
       "resolved": "https://registry.npmjs.org/postcss-html/-/postcss-html-1.6.0.tgz",
       "integrity": "sha512-OWgQ9/Pe23MnNJC0PL4uZp8k0EDaUvqpJFSiwFxOLClAhmD7UEisyhO3x5hVsD4xFrjReVTXydlrMes45dJ71w==",
       "dev": true,
-      "peer": true,
       "requires": {
         "htmlparser2": "^8.0.0",
         "js-tokens": "^8.0.0",
@@ -39584,7 +39678,6 @@
           "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
           "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
           "dev": true,
-          "peer": true,
           "requires": {
             "domelementtype": "^2.3.0",
             "domhandler": "^5.0.2",
@@ -39595,15 +39688,13 @@
           "version": "2.3.0",
           "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
           "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
-          "dev": true,
-          "peer": true
+          "dev": true
         },
         "domhandler": {
           "version": "5.0.3",
           "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
           "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
           "dev": true,
-          "peer": true,
           "requires": {
             "domelementtype": "^2.3.0"
           }
@@ -39613,7 +39704,6 @@
           "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz",
           "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==",
           "dev": true,
-          "peer": true,
           "requires": {
             "dom-serializer": "^2.0.0",
             "domelementtype": "^2.3.0",
@@ -39624,15 +39714,13 @@
           "version": "4.5.0",
           "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
           "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
-          "dev": true,
-          "peer": true
+          "dev": true
         },
         "htmlparser2": {
           "version": "8.0.2",
           "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.2.tgz",
           "integrity": "sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==",
           "dev": true,
-          "peer": true,
           "requires": {
             "domelementtype": "^2.3.0",
             "domhandler": "^5.0.3",
@@ -39644,15 +39732,13 @@
           "version": "8.0.3",
           "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-8.0.3.tgz",
           "integrity": "sha512-UfJMcSJc+SEXEl9lH/VLHSZbThQyLpw1vLO1Lb+j4RWDvG3N2f7yj3PVQA3cmkTBNldJ9eFnM+xEXxHIXrYiJw==",
-          "dev": true,
-          "peer": true
+          "dev": true
         },
         "postcss-safe-parser": {
           "version": "6.0.0",
           "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz",
           "integrity": "sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==",
           "dev": true,
-          "peer": true,
           "requires": {}
         }
       }
@@ -39953,6 +40039,7 @@
       "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.15.tgz",
       "integrity": "sha512-rEYkQOMUCEMhsKbK66tbEU9QVIxbhN18YiniAwA7XQYTVBqrBy+P2p5JcdqsHgKM2zWylp8d7J6eszocfds5Sw==",
       "dev": true,
+      "peer": true,
       "requires": {
         "cssesc": "^3.0.0",
         "util-deprecate": "^1.0.2"
@@ -41514,6 +41601,7 @@
       "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-16.2.1.tgz",
       "integrity": "sha512-SfIMGFK+4n7XVAyv50CpVfcGYWG4v41y6xG7PqOgQSY8M/PgdK0SQbjWFblxjJZlN9jNq879mB4BCZHJRIJ1hA==",
       "dev": true,
+      "peer": true,
       "requires": {
         "@csstools/css-parser-algorithms": "^2.5.0",
         "@csstools/css-tokenizer": "^2.2.3",
@@ -42227,7 +42315,8 @@
           "version": "4.0.3",
           "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
           "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
-          "dev": true
+          "dev": true,
+          "peer": true
         }
       }
     },
@@ -42495,7 +42584,8 @@
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
       "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==",
-      "dev": true
+      "dev": true,
+      "peer": true
     },
     "tsutils": {
       "version": "3.21.0",
@@ -42578,7 +42668,8 @@
       "version": "5.9.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
-      "devOptional": true
+      "devOptional": true,
+      "peer": true
     },
     "uc.micro": {
       "version": "1.0.6",
@@ -42825,6 +42916,7 @@
       "version": "3.3.11",
       "resolved": "https://registry.npmjs.org/vue/-/vue-3.3.11.tgz",
       "integrity": "sha512-d4oBctG92CRO1cQfVBZp6WJAs0n8AK4Xf5fNjQCBeKCvMI1efGQ5E3Alt1slFJS9fZuPcFoiAiqFvQlv1X7t/w==",
+      "peer": true,
       "requires": {
         "@vue/compiler-dom": "3.3.11",
         "@vue/compiler-sfc": "3.3.11",
@@ -42990,6 +43082,7 @@
       "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.98.0.tgz",
       "integrity": "sha512-UFynvx+gM44Gv9qFgj0acCQK2VE1CtdfwFdimkapco3hlPCJ/zeq73n2yVKimVbtm+TnApIugGhLJnkU6gjYXA==",
       "dev": true,
+      "peer": true,
       "requires": {
         "@types/eslint-scope": "^3.7.7",
         "@types/estree": "^1.0.6",
@@ -43027,6 +43120,7 @@
           "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
           "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
           "dev": true,
+          "peer": true,
           "requires": {
             "fast-deep-equal": "^3.1.3",
             "fast-uri": "^3.0.1",
@@ -43117,6 +43211,7 @@
       "resolved": "https://registry.npmjs.org/webpack-cli/-/webpack-cli-6.0.1.tgz",
       "integrity": "sha512-MfwFQ6SfwinsUVi0rNJm7rHZ31GyTcpVE5pgVA3hwFRb7COD4TzjUUwhGWKfO50+xdc2MQPuEBBJoqIMGt3JDw==",
       "dev": true,
+      "peer": true,
       "requires": {
         "@discoveryjs/json-ext": "^0.6.1",
         "@webpack-cli/configtest": "^3.0.1",
@@ -43159,6 +43254,7 @@
           "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
           "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
           "dev": true,
+          "peer": true,
           "requires": {
             "fast-deep-equal": "^3.1.1",
             "json-schema-traverse": "^1.0.0",
@@ -43297,6 +43393,7 @@
       "version": "2.4.7",
       "resolved": "https://registry.npmjs.org/winston/-/winston-2.4.7.tgz",
       "integrity": "sha512-vLB4BqzCKDnnZH9PHGoS2ycawueX4HLqENXQitvFHczhgW2vFpSOn31LZtVr1KU8YTw7DS4tM+cqyovxo8taVg==",
+      "peer": true,
       "requires": {
         "async": "^2.6.4",
         "colors": "1.0.x",
diff --git a/packages/core-web/webpack.common.js b/packages/core-web/webpack.common.js
index adf1488bf0..373005bb88 100644
--- a/packages/core-web/webpack.common.js
+++ b/packages/core-web/webpack.common.js
@@ -12,6 +12,7 @@ module.exports = {
   },
   resolve: {
     modules: [path.resolve(__dirname), 'node_modules'],
+    extensions: ['.ts', '.js', '.vue', '.json'],
   },
   module: {
     rules: [
@@ -20,7 +21,7 @@ module.exports = {
         use: 'vue-loader',
       },
       {
-        test: /\.js$/,
+        test: /\.[jt]s$/,
         exclude: /node_modules|vue\/src|vue-router\/|vue-loader\/|vue-hot-reload-api\//,
         use: [
           {
diff --git a/packages/vue-components/babel.config.js b/packages/vue-components/babel.config.js
index a79d11957c..faffcb34be 100644
--- a/packages/vue-components/babel.config.js
+++ b/packages/vue-components/babel.config.js
@@ -1,3 +1,6 @@
 module.exports = {
-  presets: ['@babel/preset-env'],
+  presets: [
+    '@babel/preset-env',
+    '@babel/preset-typescript',
+  ],
 };
diff --git a/packages/vue-components/jest.config.js b/packages/vue-components/jest.config.js
index 67d2ba264e..956efdb59b 100644
--- a/packages/vue-components/jest.config.js
+++ b/packages/vue-components/jest.config.js
@@ -7,6 +7,7 @@ module.exports = {
   ],
   'moduleFileExtensions': [
     'js',
+    'ts',
     'json',
     'vue',
   ],
@@ -16,7 +17,7 @@ module.exports = {
   },
   'transform': {
     '.*\\.vue$': '@vue/vue3-jest',
-    '^.+\\.js$': ['babel-jest', { rootMode: 'upward' }],
+    '^.+\\.[jt]s$': ['babel-jest', { rootMode: 'upward' }],
   },
   'globals': {
     'vue-jest': {
diff --git a/packages/vue-components/package.json b/packages/vue-components/package.json
index c046cab480..2bf67db129 100644
--- a/packages/vue-components/package.json
+++ b/packages/vue-components/package.json
@@ -28,6 +28,7 @@
     "@babel/core": "^7.26.9",
     "@babel/plugin-transform-runtime": "^7.26.9",
     "@babel/preset-env": "^7.26.9",
+    "@babel/preset-typescript": "^7.28.5",
     "@babel/runtime": "^7.26.9",
     "@vue/test-utils": "^2.4.6",
     "@vue/vue3-jest": "^29.2.6",

From 71a50608cd56c51e5b8a0be6961769d7b65b8527 Mon Sep 17 00:00:00 2001
From: yihao <yihao039@gmail.com>
Date: Wed, 11 Feb 2026 15:59:29 +0800
Subject: [PATCH 16/22] Refactor getJSON to use native Promise

---
 packages/vue-components/src/utils/utils.ts | 65 ++++++----------------
 1 file changed, 18 insertions(+), 47 deletions(-)

diff --git a/packages/vue-components/src/utils/utils.ts b/packages/vue-components/src/utils/utils.ts
index 44e6d4d7e0..5526574e0d 100644
--- a/packages/vue-components/src/utils/utils.ts
+++ b/packages/vue-components/src/utils/utils.ts
@@ -43,56 +43,27 @@ export function toNumber(val: any): number | null {
       : Number(val));
 }
 
-interface SimplePromise {
-  then(fn1: Function, fn2?: Function): SimplePromise;
-  catch(fn: Function): SimplePromise;
-  always(fn: Function): SimplePromise;
-  done(fn: Function): SimplePromise;
-  fail(fn: Function): SimplePromise;
-  [key: string]: any;
-}
-
-export function getJSON(url: string): SimplePromise {
-  const request = new window.XMLHttpRequest();
-  const data: Record<string, Function[]> = {};
-  // p (-simulated- promise)
-  const p: SimplePromise = {
-    then(fn1: Function, fn2?: Function) { return p.done(fn1).fail(fn2 as Function); },
-    catch(fn: Function) { return p.fail(fn); },
-    always(fn: Function) { return p.done(fn).fail(fn); },
-    done(fn: Function) { return p; },
-    fail(fn: Function) { return p; },
-  };
-  (['done', 'fail'] as const).forEach((name) => {
-    data[name] = [];
-    p[name] = (fn: Function) => {
-      if (fn instanceof Function) data[name].push(fn);
-      return p;
-    };
-  });
-  p.done(JSON.parse);
-  request.onreadystatechange = () => {
-    if (request.readyState === 4) {
-      const e = { status: request.status };
-      if (request.status === 200) {
-        try {
-          let response: any = request.responseText;
-          for (const i in data.done) {
-            const value = data.done[i](response);
-            if (value !== undefined) { response = value; }
+export function getJSON(url: string): Promise<any> {
+  return new Promise((resolve, reject) => {
+    const request = new window.XMLHttpRequest();
+    request.onreadystatechange = () => {
+      if (request.readyState === 4) {
+        if (request.status === 200) {
+          try {
+            const data = JSON.parse(request.responseText);
+            resolve(data);
+          } catch (err) {
+            reject(err);
           }
-        } catch (err) {
-          data.fail.forEach(fail => fail(err));
+        } else {
+          reject({ status: request.status });
         }
-      } else {
-        data.fail.forEach(fail => fail(e));
       }
-    }
-  };
-  request.open('GET', url);
-  request.setRequestHeader('Accept', 'application/json');
-  request.send();
-  return p;
+    };
+    request.open('GET', url);
+    request.setRequestHeader('Accept', 'application/json');
+    request.send();
+  });
 }
 
 export function getScrollBarWidth(): number {

From 822c4fe56e7a5374b65c659bc7df78c2af7204c5 Mon Sep 17 00:00:00 2001
From: yihao <yihao039@gmail.com>
Date: Wed, 11 Feb 2026 16:25:48 +0800
Subject: [PATCH 17/22] Add tsconfig.json and typecheck script for
 vue-components
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add a tsconfig.json that extends the shared tsconfig_base.json to enable
type-checking for the migrated .ts files in vue-components.

Key decisions:
- noEmit: true — Babel handles transpilation via webpack and jest, so
  tsc is used only for type-checking, not compilation. This avoids
  duplicating build output and keeps the existing Babel pipeline intact.
- allowJs: true — The package still has .js files (e.g. src/index.js,
  .vue script blocks) that .ts files import from. Without this, tsc
  would fail to resolve those imports.
- checkJs: false — Only type-check .ts files. The remaining .js files
  are not yet migrated and would produce many errors under strict mode.
- Not added to root tsconfig.json references — The root references
  drive `tsc --build` for packages that emit compiled .js files (core,
  cli). Since vue-components uses noEmit, adding it there would be
  misleading and would require composite: true which conflicts with
  noEmit.
---
 packages/vue-components/package.json  |  3 ++-
 packages/vue-components/tsconfig.json | 15 +++++++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)
 create mode 100644 packages/vue-components/tsconfig.json

diff --git a/packages/vue-components/package.json b/packages/vue-components/package.json
index 2bf67db129..41966cc889 100644
--- a/packages/vue-components/package.json
+++ b/packages/vue-components/package.json
@@ -22,7 +22,8 @@
   },
   "scripts": {
     "test": "jest --clearCache && jest --colors",
-    "updatetest": "jest --updateSnapshot"
+    "updatetest": "jest --updateSnapshot",
+    "typecheck": "tsc"
   },
   "devDependencies": {
     "@babel/core": "^7.26.9",
diff --git a/packages/vue-components/tsconfig.json b/packages/vue-components/tsconfig.json
new file mode 100644
index 0000000000..ca9be9dbc0
--- /dev/null
+++ b/packages/vue-components/tsconfig.json
@@ -0,0 +1,15 @@
+{
+  "extends": "../../tsconfig_base.json",
+  "compilerOptions": {
+    "noEmit": true,
+    "allowJs": true,
+    "checkJs": false
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.d.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

From e927eec3b0871ac64ba3a5020f58a0bda9b911cf Mon Sep 17 00:00:00 2001
From: yihao <yihao039@gmail.com>
Date: Wed, 11 Feb 2026 16:37:43 +0800
Subject: [PATCH 18/22] Update eslint config

---
 .eslintignore                        | 10 ++++++++--
 .eslintrc.js                         | 16 ++++++++++++++++
 packages/vue-components/.eslintrc.js | 11 +++++++++++
 3 files changed, 35 insertions(+), 2 deletions(-)

diff --git a/.eslintignore b/.eslintignore
index a8eb1ec446..67eb9dc2de 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -48,13 +48,19 @@ packages/cli/dist/**/*.js
 
 packages/vue-components/src/directives/Closeable.js
 packages/vue-components/src/directives/Float.js
-packages/vue-components/src/utils/NodeList.js
-packages/vue-components/src/utils/utils.js
+
+# Ignore compiled JS from TS
 packages/vue-components/src/utils/pubsub.js
 packages/vue-components/src/utils/urls.js
 packages/vue-components/src/utils/dropdown.js
 packages/vue-components/src/utils/submenu.js
 packages/vue-components/src/utils/colors.js
+packages/vue-components/src/utils/utils.js
+packages/vue-components/src/utils/NodeList.js
+
+# Legacy code with pre-existing lint issues
+packages/vue-components/src/utils/NodeList.ts
+packages/vue-components/src/utils/utils.ts
 
 # --- packages/vue-components end ---
 
diff --git a/.eslintrc.js b/.eslintrc.js
index 217d9aea17..59369755a0 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -9,6 +9,13 @@ module.exports = {
   },
   "plugins": ["lodash"],
   "extends": ["airbnb-base", "plugin:lodash/recommended"],
+  "settings": {
+    "import/resolver": {
+      "node": {
+        "extensions": [".js", ".ts", ".vue", ".json"],
+      },
+    },
+  },
   "rules": {
     "array-bracket-newline": ["error", { "multiline": true }],
     "arrow-parens": ["error", "as-needed", { "requireForBlockBody": true }],
@@ -32,6 +39,14 @@ module.exports = {
     "lodash/prefer-noop": [0],
     "max-len": ["error", { "code": 110 }],
     "no-param-reassign": ["error", { "props": false }],
+    "import/extensions": [
+      "error",
+      "ignorePackages",
+      {
+        "js": "never",
+        "ts": "never",
+      },
+    ],
     "operator-linebreak": ["error", "before"],
     // override airbnb-base dev dependencies, latest version does not white list __mocks__
     "import/no-extraneous-dependencies": [
@@ -55,6 +70,7 @@ module.exports = {
         "project": [
           "./tsconfig.lint.json",
           "./packages/core/tsconfig.lint.json",
+          "./packages/vue-components/tsconfig.json",
         ],
       },
       "plugins": ["@typescript-eslint", "lodash"],
diff --git a/packages/vue-components/.eslintrc.js b/packages/vue-components/.eslintrc.js
index 1bf87a5902..623e3b1b4c 100644
--- a/packages/vue-components/.eslintrc.js
+++ b/packages/vue-components/.eslintrc.js
@@ -21,4 +21,15 @@ module.exports = {
     'vue/order-in-components': 'off',
     'vue/multi-word-component-names': 'off',
   },
+  'overrides': [
+    {
+      'files': '**/*.ts',
+      'parser': '@typescript-eslint/parser',
+      'rules': {
+        // vue-components uses default exports for single-function utility modules,
+        // consumed by .vue files via default imports
+        'import/no-default-export': 'off',
+      },
+    },
+  ],
 };

From 9c28289b9436be4ba7ccb8fad1882ec58f687d68 Mon Sep 17 00:00:00 2001
From: yihao <yihao039@gmail.com>
Date: Wed, 11 Feb 2026 17:32:00 +0800
Subject: [PATCH 19/22] Add babel preset-typescript to root level config

---
 babel.config.js   | 2 +-
 package-lock.json | 1 +
 package.json      | 5 +++--
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/babel.config.js b/babel.config.js
index 04ad362b03..93a697f049 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -1,4 +1,4 @@
 module.exports = {
-  presets: ['@babel/preset-env'],
+  presets: ['@babel/preset-env', '@babel/preset-typescript'],
   plugins: ['@babel/plugin-transform-runtime'],
 };
diff --git a/package-lock.json b/package-lock.json
index f22a6ff755..eadf4dcc82 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
         "packages/*"
       ],
       "devDependencies": {
+        "@babel/preset-typescript": "^7.28.5",
         "@stylistic/stylelint-plugin": "^2.1.0",
         "@types/node": "^18.15.0",
         "@typescript-eslint/eslint-plugin": "^5.62.0",
diff --git a/package.json b/package.json
index 572e781e1f..2f4abaf033 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
     "updatetest": "lerna run updatetest --stream"
   },
   "devDependencies": {
+    "@babel/preset-typescript": "^7.28.5",
     "@stylistic/stylelint-plugin": "^2.1.0",
     "@types/node": "^18.15.0",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
@@ -40,8 +41,8 @@
     "stylelint": "^16.2.1",
     "stylelint-config-recommended-vue": "^1.5.0",
     "stylelint-config-standard": "^36.0.0",
+    "tsx": "^4.21.0",
     "typescript": "^5.3.3",
-    "walk-sync": "^2.0.2",
-    "tsx": "^4.21.0"
+    "walk-sync": "^2.0.2"
   }
 }

From 2cd242b4431000512c60a4e77e5cf09342bce356 Mon Sep 17 00:00:00 2001
From: yihao <yihao039@gmail.com>
Date: Thu, 12 Feb 2026 11:36:47 +0800
Subject: [PATCH 20/22] Replace coerce object with toBoolean

The coerce object was only used at one place and is functionally the
same as toBoolean
---
 packages/vue-components/src/TabGroup.vue   |  4 +-
 packages/vue-components/src/utils/utils.ts | 54 ----------------------
 2 files changed, 2 insertions(+), 56 deletions(-)

diff --git a/packages/vue-components/src/TabGroup.vue b/packages/vue-components/src/TabGroup.vue
index 48d9eeff14..9badc0731e 100644
--- a/packages/vue-components/src/TabGroup.vue
+++ b/packages/vue-components/src/TabGroup.vue
@@ -8,7 +8,7 @@
 </template>
 
 <script>
-import { coerce } from './utils/utils';
+import { toBoolean } from './utils/utils';
 
 export default {
   props: {
@@ -33,7 +33,7 @@ export default {
       return ~this.tabs.indexOf(this._tabset.show);
     },
     disabledBool() {
-      return coerce.boolean(this.disabled);
+      return toBoolean(this.disabled);
     },
   },
   mounted() {
diff --git a/packages/vue-components/src/utils/utils.ts b/packages/vue-components/src/utils/utils.ts
index 5526574e0d..9224690081 100644
--- a/packages/vue-components/src/utils/utils.ts
+++ b/packages/vue-components/src/utils/utils.ts
@@ -1,30 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
-// coerce convert some types of data into another type
-export const coerce = {
-  // Convert a string to boolean. Otherwise, return the value without modification,
-  // so if is not boolean, Vue throws a warning.
-  boolean: (val: any): boolean | any => (typeof val === 'string'
-    ? val === '' || val === 'true'
-      ? true
-      : (val === 'false' || val === 'null' || val === 'undefined' ? false : val)
-    : val),
-  // Attempt to convert a string value to a Number. Otherwise, return alt.
-  number: (val: any, alt: number | null = null): number | null => (typeof val === 'number'
-    ? val
-    : val === undefined || val === null || isNaN(Number(val))
-      ? alt
-      : Number(val)),
-  // Attempt to convert to string any value, except for null or undefined.
-  string: (val: any): string => (val === undefined || val === null ? '' : val + ''),
-  // Pattern accept RegExp, function, or string (converted to RegExp). Otherwise return null.
-  pattern: (val: any): Function | RegExp | null => (val instanceof Function || val instanceof RegExp
-    ? val
-    : typeof val === 'string'
-      ? new RegExp(val)
-      : null),
-};
-
 export function toBoolean(val: any): boolean | any {
   return (typeof val === 'string')
     ? ((val === '' || val === 'true')
@@ -66,35 +41,6 @@ export function getJSON(url: string): Promise<any> {
   });
 }
 
-export function getScrollBarWidth(): number {
-  if (document.documentElement.scrollHeight <= document.documentElement.clientHeight) {
-    return 0;
-  }
-  const inner = document.createElement('p');
-  inner.style.width = '100%';
-  inner.style.height = '200px';
-
-  const outer = document.createElement('div');
-  outer.style.position = 'absolute';
-  outer.style.top = '0px';
-  outer.style.left = '0px';
-  outer.style.visibility = 'hidden';
-  outer.style.width = '200px';
-  outer.style.height = '150px';
-  outer.style.overflow = 'hidden';
-  outer.appendChild(inner);
-
-  document.body.appendChild(outer);
-  const w1 = inner.offsetWidth;
-  outer.style.overflow = 'scroll';
-  let w2 = inner.offsetWidth;
-  if (w1 === w2) w2 = outer.clientWidth;
-
-  document.body.removeChild(outer);
-
-  return (w1 - w2);
-}
-
 // delayer: set a function that executes after a delay
 // @params (function, delay_prop or value, default_value)
 export function delayer(

From f84db8a5301612e6eba2205bd6ac5c8ec26bf9ec Mon Sep 17 00:00:00 2001
From: yihao <yihao039@gmail.com>
Date: Sun, 15 Feb 2026 12:08:43 +0800
Subject: [PATCH 21/22] Remove redundant ignores

---
 .eslintignore |  9 ---------
 .gitignore    | 12 ------------
 2 files changed, 21 deletions(-)

diff --git a/.eslintignore b/.eslintignore
index 67eb9dc2de..3c7242a43b 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -49,15 +49,6 @@ packages/cli/dist/**/*.js
 packages/vue-components/src/directives/Closeable.js
 packages/vue-components/src/directives/Float.js
 
-# Ignore compiled JS from TS
-packages/vue-components/src/utils/pubsub.js
-packages/vue-components/src/utils/urls.js
-packages/vue-components/src/utils/dropdown.js
-packages/vue-components/src/utils/submenu.js
-packages/vue-components/src/utils/colors.js
-packages/vue-components/src/utils/utils.js
-packages/vue-components/src/utils/NodeList.js
-
 # Legacy code with pre-existing lint issues
 packages/vue-components/src/utils/NodeList.ts
 packages/vue-components/src/utils/utils.ts
diff --git a/.gitignore b/.gitignore
index 82c205e0fe..9e363394d6 100644
--- a/.gitignore
+++ b/.gitignore
@@ -106,18 +106,6 @@ packages/core/index.js
 packages/core/src/lib/progress/*.js
 # --- packages/core end ---
 
-# --- packages/vue-components ---
-
-# Ignore JS files that are compiled from TS
-packages/vue-components/src/utils/pubsub.js
-packages/vue-components/src/utils/urls.js
-packages/vue-components/src/utils/dropdown.js
-packages/vue-components/src/utils/submenu.js
-packages/vue-components/src/utils/colors.js
-packages/vue-components/src/utils/utils.js
-packages/vue-components/src/utils/NodeList.js
-# --- packages/vue-components end ---
-
 # Manual type definitions need to be included
 !packages/cli/src/lib/live-server/index.d.ts
 

From 0e033be64c0689b0768bd2fe142306e193239c20 Mon Sep 17 00:00:00 2001
From: yihao <yihao039@gmail.com>
Date: Sun, 15 Feb 2026 12:09:07 +0800
Subject: [PATCH 22/22] Add typecheck to test script

---
 packages/vue-components/package.json | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/vue-components/package.json b/packages/vue-components/package.json
index 41966cc889..3f93557c2d 100644
--- a/packages/vue-components/package.json
+++ b/packages/vue-components/package.json
@@ -21,9 +21,8 @@
     "directory": "packages/vue-components"
   },
   "scripts": {
-    "test": "jest --clearCache && jest --colors",
-    "updatetest": "jest --updateSnapshot",
-    "typecheck": "tsc"
+    "test": "tsc && jest --clearCache && jest --colors",
+    "updatetest": "jest --updateSnapshot"
   },
   "devDependencies": {
     "@babel/core": "^7.26.9",