fix(lit-components): fix rendering and interaction issues in force-graph, html-table, and draggable-dom

- lit-force-graph: Refactored for instance reuse, better lifecycle management, and added dynamic imports for AR/VR modes.
- lit-html-table: Improved visual design, readability of headers, and fixed reactivity in editable mode.
- lit-draggable-dom: Fixed clipping issues by switching to relative/absolute positioning and resolved a panning speed bug caused by CSS variable inheritance.

vite-lit-capacitor/electron/tsconfig.json

@@ -1,15 +0,0 @@
-{
-  "compileOnSave": true,
-  "include": ["./src/**/*", "./capacitor.config.ts", "./capacitor.config.js"],
-  "compilerOptions": {
-    "outDir": "./build",
-    "importHelpers": true,
-    "target": "ES2017",
-    "module": "CommonJS",
-    "moduleResolution": "node",
-    "esModuleInterop": true,
-    "typeRoots": ["./node_modules/@types"],
-    "allowJs": true,
-    "rootDir": "."
-  }
-}

vite-lit-capacitor/src/capacitor.test.ts

@@ -0,0 +1,17 @@
+import { describe, expect, test } from "vitest";
+import "./my-element";
+
+describe("Capacitor Hybrid Element", () => {
+  test("registers my-element custom element successfully", () => {
+    expect(customElements.get("my-element")).toBeDefined();
+  });
+
+  test("mounts capacitor custom element successfully", async () => {
+    document.body.innerHTML = "<my-element></my-element>";
+    await window.happyDOM.whenAsyncComplete();
+
+    const element = document.body.querySelector("my-element");
+    expect(element).toBeDefined();
+    expect(element?.shadowRoot).toBeDefined();
+  });
+});

vite-lit-capacitor/tsconfig.json

@@ -1,27 +0,0 @@
-{
-    "compilerOptions": {
-        "module": "esnext",
-        "lib": [
-            "es2017",
-            "dom",
-            "dom.iterable"
-        ],
-        "declaration": true,
-        "outDir": "./web/js",
-        "rootDir": "./src",
-        "strict": true,
-        "noUnusedLocals": true,
-        "noUnusedParameters": true,
-        "noImplicitReturns": true,
-        "noFallthroughCasesInSwitch": true,
-        "moduleResolution": "node",
-        "allowSyntheticDefaultImports": true,
-        "experimentalDecorators": true,
-        "forceConsistentCasingInFileNames": true,
-        "useDefineForClassFields": false
-    },
-    "include": [
-        "src/**/*.ts"
-    ],
-    "exclude": []
-}