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.

lit-components/lit-calculator/calculator.test.ts

@@ -0,0 +1,60 @@
+import { describe, expect, test } from "vitest";
+import { AppCalculator } from "./calculator";
+import "./display-output";
+import "./keypad-input";
+
+describe("Lit Calculator Component Logic", () => {
+  test("registers calculator custom elements successfully", () => {
+    expect(customElements.get("app-calculator")).toBeDefined();
+    expect(customElements.get("display-output")).toBeDefined();
+    expect(customElements.get("keypad-input")).toBeDefined();
+  });
+
+  test("calculates addition correctly", () => {
+    const calc = new AppCalculator();
+    calc._value = "12";
+    calc.mode = "+";
+    calc._staging = "8";
+    calc.calculate();
+    expect(calc._value).toBe("20");
+    expect(calc.mode).toBe("");
+    expect(calc._staging).toBe("");
+  });
+
+  test("calculates subtraction correctly", () => {
+    const calc = new AppCalculator();
+    calc._value = "15";
+    calc.mode = "-";
+    calc._staging = "6";
+    calc.calculate();
+    expect(calc._value).toBe("9");
+    expect(calc.mode).toBe("");
+  });
+
+  test("calculates multiplication correctly", () => {
+    const calc = new AppCalculator();
+    calc._value = "4";
+    calc.mode = "*";
+    calc._staging = "5";
+    calc.calculate();
+    expect(calc._value).toBe("20");
+  });
+
+  test("calculates division correctly", () => {
+    const calc = new AppCalculator();
+    calc._value = "20";
+    calc.mode = "/";
+    calc._staging = "4";
+    calc.calculate();
+    expect(calc._value).toBe("5");
+  });
+
+  test("handles division by zero gracefully", () => {
+    const calc = new AppCalculator();
+    calc._value = "10";
+    calc.mode = "/";
+    calc._staging = "0";
+    calc.calculate();
+    expect(calc._value).toBe("0");
+  });
+});