svelte-comp 1.3.3 → 1.3.6

package/dist/lib/__tests__/CodeView.test.js

@@ -0,0 +1,157 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+// $lib/__tests__/CodeView.test.ts
+import { fireEvent, render } from "@testing-library/svelte";
+import { afterEach, describe, it, expect, vi } from "vitest";
+import CodeView from "../CodeView.svelte";
+afterEach(function () {
+    vi.unstubAllGlobals();
+});
+describe("CodeView", function () {
+    var sample = "<div>Hello</div>";
+    it("renders readonly view with title, code and line numbers", function () {
+        var _a = render(CodeView, {
+            props: {
+                title: "My Code",
+                code: "line1\nline2",
+                language: "txt",
+                showLineNumbers: true,
+            },
+        }), container = _a.container, getByText = _a.getByText;
+        expect(getByText("My Code")).toBeTruthy();
+        var gutterLines = container.querySelectorAll(".tabular-nums div");
+        expect(gutterLines).toHaveLength(2);
+        expect(Array.from(gutterLines).map(function (n) { var _a; return (_a = n.textContent) === null || _a === void 0 ? void 0 : _a.trim(); })).toEqual([
+            "1",
+            "2",
+        ]);
+        var textarea = container.querySelector("textarea");
+        expect(textarea).toBeTruthy();
+        expect(textarea.readOnly).toBe(true);
+        expect(textarea.value).toBe("line1\nline2");
+    });
+    it("supports editable mode with active line highlight layer", function () {
+        var container = render(CodeView, {
+            props: {
+                code: sample,
+                language: "html",
+                editable: true,
+                activeLine: true,
+                showLineNumbers: true,
+            },
+        }).container;
+        var textarea = container.querySelector("textarea");
+        expect(textarea.readOnly).toBe(false);
+        expect(textarea.value).toBe(sample);
+        var highlight = container.querySelector(".cv-highlight");
+        expect(highlight).toBeTruthy();
+    });
+    it("does not render line numbers when showLineNumbers is false", function () {
+        var container = render(CodeView, {
+            props: { code: sample, language: "html", showLineNumbers: false },
+        }).container;
+        expect(container.querySelector(".tabular-nums")).toBeNull();
+    });
+    it("hides copy button when showCopyButton is false", function () {
+        var queryByText = render(CodeView, {
+            props: { code: sample, language: "html", showCopyButton: false },
+        }).queryByText;
+        expect(queryByText("Copy")).toBeNull();
+    });
+    it("does not throw when clipboard API is unavailable", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var getByText;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    vi.stubGlobal("navigator", {});
+                    getByText = render(CodeView, {
+                        props: { code: sample, language: "html" },
+                    }).getByText;
+                    return [4 /*yield*/, expect(fireEvent.click(getByText("Copy"))).resolves.toBeTruthy()];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("updates textarea when code prop changes", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, container, rerender, textarea;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = render(CodeView, {
+                        props: { code: "first", language: "txt" },
+                    }), container = _a.container, rerender = _a.rerender;
+                    textarea = container.querySelector("textarea");
+                    expect(textarea.value).toBe("first");
+                    return [4 /*yield*/, rerender({ code: "second", language: "txt" })];
+                case 1:
+                    _b.sent();
+                    expect(textarea.value).toBe("second");
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("applies active line class only when activeLine is true", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, container, rerender, highlight;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = render(CodeView, {
+                        props: {
+                            code: sample,
+                            language: "html",
+                            editable: true,
+                            activeLine: false,
+                        },
+                    }), container = _a.container, rerender = _a.rerender;
+                    highlight = container.querySelector(".cv-highlight");
+                    expect(highlight === null || highlight === void 0 ? void 0 : highlight.classList.contains("cv-active-line")).toBe(false);
+                    return [4 /*yield*/, rerender({
+                            code: sample,
+                            language: "html",
+                            editable: true,
+                            activeLine: true,
+                        })];
+                case 1:
+                    _b.sent();
+                    expect(highlight === null || highlight === void 0 ? void 0 : highlight.classList.contains("cv-active-line")).toBe(true);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/dist/lib/__tests__/ColorPicker.test.d.ts

@@ -0,0 +1 @@
+import "./setupLangContext";

package/dist/lib/__tests__/ColorPicker.test.js

@@ -0,0 +1,93 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+// $lib/__tests__/ColorPicker.test.ts
+import "./setupLangContext";
+import { fireEvent, render } from "@testing-library/svelte";
+import { describe, it, expect, vi } from "vitest";
+import ColorPicker from "../ColorPicker.svelte";
+describe("ColorPicker", function () {
+    it("shows placeholder text when no color is selected", function () {
+        var getByText = render(ColorPicker, {
+            props: { placeholder: "Pick any color" },
+        }).getByText;
+        expect(getByText("Pick any color")).toBeTruthy();
+    });
+    it("syncs provided value to the native input", function () {
+        var container = render(ColorPicker, {
+            props: { value: "#123456" },
+        }).container;
+        var input = container.querySelector('input[type="color"]');
+        expect(input.value).toBe("#123456");
+        expect(container.textContent).toContain("#123456");
+    });
+    it("emits onChange when the color input changes", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var handle, container, input;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    handle = vi.fn();
+                    container = render(ColorPicker, {
+                        props: { onChange: handle },
+                    }).container;
+                    input = container.querySelector('input[type="color"]');
+                    return [4 /*yield*/, fireEvent.change(input, { target: { value: "#00ff00" } })];
+                case 1:
+                    _a.sent();
+                    expect(handle).toHaveBeenCalledWith("#00ff00");
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("clears the selection when clicking the clear button", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var handle, _a, getByText, queryByText;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    handle = vi.fn();
+                    _a = render(ColorPicker, {
+                        props: { value: "#abcdef", onChange: handle },
+                    }), getByText = _a.getByText, queryByText = _a.queryByText;
+                    return [4 /*yield*/, fireEvent.click(getByText("Clear"))];
+                case 1:
+                    _b.sent();
+                    expect(handle).toHaveBeenCalledWith(null);
+                    expect(queryByText("#abcdef")).toBeNull();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/dist/lib/__tests__/ContextMenu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/__tests__/ContextMenu.test.js

@@ -0,0 +1,67 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { tick } from "svelte";
+import { describe, expect, it, vi } from "vitest";
+import { fireEvent, render } from "@testing-library/svelte";
+import { TEXTS } from "../lang";
+import ContextMenu from "../ContextMenu.svelte";
+var context = new Map([["lang", { value: "en" }]]);
+var L = TEXTS.en.components.contextMenu;
+describe("ContextMenu", function () {
+    it("opens at the provided coordinates and triggers undo", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var onUndo, _a, component, getByTitle;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    onUndo = vi.fn();
+                    _a = render(ContextMenu, {
+                        props: { onUndo: onUndo },
+                        context: context,
+                    }), component = _a.component, getByTitle = _a.getByTitle;
+                    component.openAt(new MouseEvent("contextmenu", { clientX: 8, clientY: 12 }));
+                    return [4 /*yield*/, tick()];
+                case 1:
+                    _b.sent();
+                    return [4 /*yield*/, fireEvent.click(getByTitle(L.hotkeys.undo))];
+                case 2:
+                    _b.sent();
+                    expect(onUndo).toHaveBeenCalledTimes(1);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/dist/lib/__tests__/DatePicker.test.d.ts

@@ -0,0 +1 @@
+import "./setupLangContext";

package/dist/lib/__tests__/DatePicker.test.js

@@ -0,0 +1,108 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+// $lib/__tests__/DatePicker.test.ts
+import "./setupLangContext";
+import { fireEvent, render } from "@testing-library/svelte";
+import { describe, it, expect, vi } from "vitest";
+import DatePicker from "../DatePicker.svelte";
+var isoDate = "2025-05-20";
+describe("DatePicker", function () {
+    it("renders placeholder text when no value is provided", function () {
+        var getByText = render(DatePicker, {
+            props: { placeholder: "Pick a day" },
+        }).getByText;
+        expect(getByText("Pick a day")).toBeTruthy();
+    });
+    it("emits onChange when selecting a date", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var handle, _a, getByText, getByRole, target;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    handle = vi.fn();
+                    _a = render(DatePicker, {
+                        props: { value: isoDate, onChange: handle, locale: "en-US" },
+                    }), getByText = _a.getByText, getByRole = _a.getByRole;
+                    return [4 /*yield*/, fireEvent.click(getByText("Date"))];
+                case 1:
+                    _b.sent();
+                    target = getByRole("button", { name: /May 21, 2025/i });
+                    return [4 /*yield*/, fireEvent.click(target)];
+                case 2:
+                    _b.sent();
+                    expect(handle).toHaveBeenCalledWith("2025-05-21");
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("closes the panel on Escape", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, getByText, getByRole, queryByRole;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = render(DatePicker, {
+                        props: { value: isoDate, locale: "en-US" },
+                    }), getByText = _a.getByText, getByRole = _a.getByRole, queryByRole = _a.queryByRole;
+                    return [4 /*yield*/, fireEvent.click(getByText("Date"))];
+                case 1:
+                    _b.sent();
+                    expect(getByRole("dialog")).toBeTruthy();
+                    return [4 /*yield*/, fireEvent.keyDown(window, { key: "Escape" })];
+                case 2:
+                    _b.sent();
+                    expect(queryByRole("dialog")).toBeNull();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("clears the value when clicking Clear", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var handle, getByText;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    handle = vi.fn();
+                    getByText = render(DatePicker, {
+                        props: { value: isoDate, onChange: handle },
+                    }).getByText;
+                    return [4 /*yield*/, fireEvent.click(getByText("Clear"))];
+                case 1:
+                    _a.sent();
+                    expect(handle).toHaveBeenCalledWith(null);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/dist/lib/__tests__/Dialog.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/__tests__/Dialog.test.js

@@ -0,0 +1,183 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+// $lib/__tests__/Dialog.test.ts
+import { render, fireEvent } from "@testing-library/svelte";
+import { describe, it, expect, vi } from "vitest";
+import Dialog from "../Dialog.svelte";
+describe("Dialog", function () {
+    it("renders modal dialog when open=true", function () {
+        var _a = render(Dialog, {
+            props: {
+                open: true,
+                title: "Test Dialog",
+                message: "Test message",
+            },
+        }), getByRole = _a.getByRole, getByText = _a.getByText;
+        expect(getByRole("dialog")).toBeTruthy();
+        expect(getByText("Test Dialog")).toBeTruthy();
+        expect(getByText("Test message")).toBeTruthy();
+        expect(getByText("OK")).toBeTruthy();
+        expect(getByText("Cancel")).toBeTruthy();
+    });
+    it("does not render when open=false", function () {
+        var queryByRole = render(Dialog, {
+            props: { open: false },
+        }).queryByRole;
+        expect(queryByRole("dialog")).toBeNull();
+    });
+    it("calls onConfirm when OK button is clicked", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var mockOnConfirm, mockOnClose, getByText;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    mockOnConfirm = vi.fn();
+                    mockOnClose = vi.fn();
+                    getByText = render(Dialog, {
+                        props: {
+                            open: true,
+                            onConfirm: mockOnConfirm,
+                            onClose: mockOnClose,
+                        },
+                    }).getByText;
+                    return [4 /*yield*/, fireEvent.click(getByText("OK"))];
+                case 1:
+                    _a.sent();
+                    expect(mockOnConfirm).toHaveBeenCalled();
+                    expect(mockOnClose).toHaveBeenCalled();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("calls onCancel when Cancel button is clicked", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var mockOnCancel, mockOnClose, getByText;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    mockOnCancel = vi.fn();
+                    mockOnClose = vi.fn();
+                    getByText = render(Dialog, {
+                        props: {
+                            open: true,
+                            onCancel: mockOnCancel,
+                            onClose: mockOnClose,
+                        },
+                    }).getByText;
+                    return [4 /*yield*/, fireEvent.click(getByText("Cancel"))];
+                case 1:
+                    _a.sent();
+                    expect(mockOnCancel).toHaveBeenCalled();
+                    expect(mockOnClose).toHaveBeenCalled();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("handles Escape key to cancel", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var mockOnCancel, mockOnClose, container, dialog;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    mockOnCancel = vi.fn();
+                    mockOnClose = vi.fn();
+                    container = render(Dialog, {
+                        props: {
+                            open: true,
+                            onCancel: mockOnCancel,
+                            onClose: mockOnClose,
+                        },
+                    }).container;
+                    dialog = container.querySelector('[role="dialog"]');
+                    return [4 /*yield*/, fireEvent.keyDown(dialog, { key: "Escape" })];
+                case 1:
+                    _a.sent();
+                    expect(mockOnCancel).toHaveBeenCalled();
+                    expect(mockOnClose).toHaveBeenCalled();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("traps focus with Tab key", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var getByText, okButton, cancelButton;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    getByText = render(Dialog, {
+                        props: { open: true },
+                    }).getByText;
+                    okButton = getByText("OK");
+                    cancelButton = getByText("Cancel");
+                    return [4 /*yield*/, new Promise(function (resolve) { return setTimeout(resolve, 50); })];
+                case 1:
+                    _a.sent();
+                    expect(okButton).toBeTruthy();
+                    expect(cancelButton).toBeTruthy();
+                    return [4 /*yield*/, fireEvent.keyDown(okButton, { key: "Tab" })];
+                case 2:
+                    _a.sent();
+                    return [4 /*yield*/, fireEvent.keyDown(cancelButton, { key: "Tab" })];
+                case 3:
+                    _a.sent();
+                    return [4 /*yield*/, fireEvent.keyDown(okButton, { key: "Tab", shiftKey: true })];
+                case 4:
+                    _a.sent();
+                    expect(true).toBe(true);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("renders as non-modal when modal=false", function () {
+        var getByRole = render(Dialog, {
+            props: {
+                open: true,
+                modal: false,
+            },
+        }).getByRole;
+        var dialog = getByRole("dialog");
+        expect(dialog.getAttribute("aria-modal")).toBe("false");
+        expect(dialog.className).toContain("top-[var(--spacing-md)]");
+        expect(dialog.className).toContain("right-[var(--spacing-md)]");
+    });
+    it("applies correct aria-label", function () {
+        var getByRole = render(Dialog, {
+            props: {
+                open: true,
+                title: "Test Title",
+            },
+        }).getByRole;
+        var dialog = getByRole("dialog");
+        expect(dialog.getAttribute("aria-label")).toBe("Test Title");
+    });
+});

package/dist/lib/__tests__/Field.test.d.ts

@@ -0,0 +1 @@
+export {};