Upgrade packages

package.json

@@ -45,32 +45,32 @@
     "vue": "^3.4.38"
   },
   "devDependencies": {
-    "@babel/core": "^7.19.0",
+    "@babel/core": "^7.27.1",
     "@mdx-js/react": "^1.6.22",
-    "@storybook/addon-actions": "^6.5.10",
-    "@storybook/addon-docs": "^6.5.10",
-    "@storybook/addon-essentials": "^6.5.10",
+    "@storybook/addon-actions": "^6.5.16",
+    "@storybook/addon-docs": "^6.5.16",
+    "@storybook/addon-essentials": "^6.5.16",
     "@storybook/addon-events": "^6.2.9",
-    "@storybook/addon-links": "^6.5.10",
-    "@storybook/builder-webpack5": "^6.5.10",
-    "@storybook/manager-webpack5": "^6.5.10",
-    "@storybook/vue3": "^6.5.10",
-    "@types/jsdom": "^21.1.6",
-    "@vitejs/plugin-vue": "^5.1.3",
-    "@vitest/coverage-v8": "^2.0.5",
+    "@storybook/addon-links": "^6.5.16",
+    "@storybook/builder-webpack5": "^6.5.16",
+    "@storybook/manager-webpack5": "^6.5.16",
+    "@storybook/vue3": "^6.5.16",
+    "@types/jsdom": "^21.1.7",
+    "@vitejs/plugin-vue": "^5.2.4",
+    "@vitest/coverage-v8": "^3.1.3",
     "@vue/compiler-dom": "^3.4.38",
     "@vue/compiler-sfc": "^3.4.38",
     "@vue/server-renderer": "^3.4.38",
     "@vue/test-utils": "^2.4.6",
-    "babel-loader": "^8.2.5",
-    "jsdom": "^24.1.1",
+    "babel-loader": "^8.4.1",
+    "jsdom": "^26.1.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "typescript": "^5.5.4",
-    "vite": "^5.4.3",
-    "vitest": "^2.0.5",
-    "vue-tsc": "^2.1.4",
-    "webpack": "^5.74.0"
+    "vite": "^5.4.19",
+    "vitest": "^3.1.3",
+    "vue-tsc": "^2.2.10",
+    "webpack": "^5.99.8"
   },
   "browserslist": [
     "defaults",

src/components/TreeViewNode.spec.ts

@@ -57,7 +57,7 @@ async function triggerKeydown(wrapper: ReturnType<typeof mount<typeof TreeViewNo
   vi.spyOn(e, "stopPropagation");
   vi.spyOn(e, "preventDefault");
 
-  wrapper.vm.$refs.nodeElementRef.dispatchEvent(e);
+  (wrapper.vm.$refs.nodeElementRef as HTMLElement).dispatchEvent(e);
   await wrapper.vm.$nextTick();
   return e;
 }
@@ -87,17 +87,17 @@ describe('TreeViewNode.vue', () => {
     })
 
     it('should have an ARIA role of treeitem', () => {
-      expect(wrapper.vm.$refs.nodeElementRef.role).to.equal('treeitem');
+      expect((wrapper.vm.$refs.nodeElementRef as HTMLElement).role).to.equal('treeitem');
     });
 
     it('should have a tabindex of 0 if focusable', async () => {
       wrapper.vm.modelValue.focusable = true;
       await wrapper.vm.$nextTick();
-      expect(wrapper.vm.$refs.nodeElementRef.tabIndex).to.equal(0);
+      expect((wrapper.vm.$refs.nodeElementRef as HTMLElement).tabIndex).to.equal(0);
     });
 
     it('should have a tabindex of -1 if not focusable', () => {
-      expect(wrapper.vm.$refs.nodeElementRef.tabIndex).to.equal(-1);
+      expect((wrapper.vm.$refs.nodeElementRef as HTMLElement).tabIndex).to.equal(-1);
     });
   });
 
@@ -306,7 +306,7 @@ describe('TreeViewNode.vue', () => {
         });
 
         it('should have an aria-expanded attribute value of false', () => {
-          expect(wrapper.vm.$refs.nodeElementRef.ariaExpanded).to.equal('false');
+          expect((wrapper.vm.$refs.nodeElementRef as HTMLElement).ariaExpanded).to.equal('false');
         });
       });
 
@@ -338,7 +338,7 @@ describe('TreeViewNode.vue', () => {
         });
 
         it('should have an aria-expanded attribute value of true', () => {
-          expect(wrapper.vm.$refs.nodeElementRef.ariaExpanded).to.equal('true');
+          expect((wrapper.vm.$refs.nodeElementRef as HTMLElement).ariaExpanded).to.equal('true');
         });
       });
     });
@@ -390,7 +390,7 @@ describe('TreeViewNode.vue', () => {
     });
 
     it('should not have an aria-expanded attribute', () => {
-      expect(wrapper.vm.$refs.nodeElementRef.ariaExpanded).to.be.null;
+      expect((wrapper.vm.$refs.nodeElementRef as HTMLElement).ariaExpanded).to.be.null;
     });
   });
 
@@ -413,7 +413,7 @@ describe('TreeViewNode.vue', () => {
     });
 
     it('should not have an aria-selected attribute', () => {
-      expect(wrapper.vm.$refs.nodeElementRef.ariaSelected).to.be.null;
+      expect((wrapper.vm.$refs.nodeElementRef as HTMLElement).ariaSelected).to.be.null;
     });
   });
 
@@ -436,7 +436,7 @@ describe('TreeViewNode.vue', () => {
     });
 
     it('should not have an aria-selected attribute', () => {
-      expect(wrapper.vm.$refs.nodeElementRef.ariaSelected).to.be.null;
+      expect((wrapper.vm.$refs.nodeElementRef as HTMLElement).ariaSelected).to.be.null;
     });
   });
 
@@ -461,7 +461,7 @@ describe('TreeViewNode.vue', () => {
       });
 
       it('should have an aria-selected attribute of true', () => {
-        expect(wrapper.vm.$refs.nodeElementRef.ariaSelected).to.equal('true');
+        expect((wrapper.vm.$refs.nodeElementRef as HTMLElement).ariaSelected).to.equal('true');
       });
     });
 
@@ -484,7 +484,7 @@ describe('TreeViewNode.vue', () => {
       });
 
       it('should not have an aria-selected attribute', () => {
-        expect(wrapper.vm.$refs.nodeElementRef.ariaSelected).to.be.null;
+        expect((wrapper.vm.$refs.nodeElementRef as HTMLElement).ariaSelected).to.be.null;
       });
     });
   });
@@ -510,7 +510,7 @@ describe('TreeViewNode.vue', () => {
       });
 
       it('should have an aria-selected attribute of true', () => {
-        expect(wrapper.vm.$refs.nodeElementRef.ariaSelected).to.equal('true');
+        expect((wrapper.vm.$refs.nodeElementRef as HTMLElement).ariaSelected).to.equal('true');
       });
     });
 
@@ -535,7 +535,7 @@ describe('TreeViewNode.vue', () => {
       });
 
       it('should not have an aria-selected attribute', () => {
-        expect(wrapper.vm.$refs.nodeElementRef.ariaSelected).to.be.null;
+        expect((wrapper.vm.$refs.nodeElementRef as HTMLElement).ariaSelected).to.be.null;
       });
     });
   });
@@ -561,7 +561,7 @@ describe('TreeViewNode.vue', () => {
       });
 
       it('should have an aria-selected attribute of true', () => {
-        expect(wrapper.vm.$refs.nodeElementRef.ariaSelected).to.equal('true');
+        expect((wrapper.vm.$refs.nodeElementRef as HTMLElement).ariaSelected).to.equal('true');
       });
     });
 
@@ -584,7 +584,7 @@ describe('TreeViewNode.vue', () => {
       });
 
       it('should have an aria-selected attribute of false', () => {
-        expect(wrapper.vm.$refs.nodeElementRef.ariaSelected).to.equal('false');
+        expect((wrapper.vm.$refs.nodeElementRef as HTMLElement).ariaSelected).to.equal('false');
       });
     });
   });
@@ -1581,7 +1581,7 @@ describe('TreeViewNode.vue', () => {
     });
 
     it('should focus the node', () => {
-      expect(wrapper.vm.$refs.nodeElementRef).to.equal(document.activeElement);
+      expect((wrapper.vm.$refs.nodeElementRef as HTMLElement)).to.equal(document.activeElement);
     });
 
     it('should emit a treeViewNodeAriaFocusableChange event', () => {
@@ -1638,7 +1638,7 @@ describe('TreeViewNode.vue', () => {
       beforeEach(async () => {
         wrapper = await createWrapper();
         const e =new KeyboardEvent('keydown', { shiftKey: true, keyCode: wrapper.vm.ariaKeyMap.focusPreviousItem[0] });
-        wrapper.vm.$refs.nodeElementRef.dispatchEvent(e);
+        (wrapper.vm.$refs.nodeElementRef as HTMLElement).dispatchEvent(e);
         await wrapper.vm.$nextTick();
       });
 
@@ -1652,7 +1652,7 @@ describe('TreeViewNode.vue', () => {
       beforeEach(async () => {
         wrapper = await createWrapper();
         const e =new KeyboardEvent('keydown', { altKey: true, keyCode: wrapper.vm.ariaKeyMap.focusPreviousItem[0] });
-        wrapper.vm.$refs.nodeElementRef.dispatchEvent(e);
+        (wrapper.vm.$refs.nodeElementRef as HTMLElement).dispatchEvent(e);
         await wrapper.vm.$nextTick();
       });
 
@@ -1666,7 +1666,7 @@ describe('TreeViewNode.vue', () => {
       beforeEach(async () => {
         wrapper = await createWrapper();
         const e =new KeyboardEvent('keydown', { ctrlKey: true, keyCode: wrapper.vm.ariaKeyMap.focusPreviousItem[0] });
-        wrapper.vm.$refs.nodeElementRef.dispatchEvent(e);
+        (wrapper.vm.$refs.nodeElementRef as HTMLElement).dispatchEvent(e);
         await wrapper.vm.$nextTick();
       });
 
@@ -1680,7 +1680,7 @@ describe('TreeViewNode.vue', () => {
       beforeEach(async () => {
         wrapper = await createWrapper();
         const e =new KeyboardEvent('keydown', { metaKey: true, keyCode: wrapper.vm.ariaKeyMap.focusPreviousItem[0] });
-        wrapper.vm.$refs.nodeElementRef.dispatchEvent(e);
+        (wrapper.vm.$refs.nodeElementRef as HTMLElement).dispatchEvent(e);
         await wrapper.vm.$nextTick();
       });