svelte-comp 1.3.3 → 1.3.5

package/dist/lib/Topbar.svelte

@@ -58,12 +58,12 @@
   const isMobile = $derived(viewportWidth < 640);
 </script>
 
-{#snippet mobileHamburgerHeader()}
-  <div class="flex flex-col gap-2 items-center pt-10">
-    {@render hamburgerHeader?.()}
-    <InstallPWA alwaysShow={true} inline={true} class="w-auto self-center" />
-  </div>
-{/snippet}
+{#snippet mobileHamburgerHeader()}
+  <div class="flex flex-col gap-2 items-center">
+    {@render hamburgerHeader?.()}
+    <InstallPWA alwaysShow={true} inline={true} class="w-auto self-center" />
+  </div>
+{/snippet}
 
 <svelte:window bind:innerWidth={viewportWidth} />
 

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

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

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

@@ -0,0 +1,171 @@
+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__/Accordion.test.ts
+import { render, fireEvent } from "@testing-library/svelte";
+import { describe, it, expect, vi } from "vitest";
+import Accordion from "../Accordion.svelte";
+describe("Accordion", function () {
+    var sampleItems = [
+        { title: "Item 1", content: "Content 1" },
+        { title: "Item 2", content: "Content 2" },
+        { title: "Item 3", content: "Content 3" },
+    ];
+    it("renders all accordion items", function () {
+        var getByText = render(Accordion, {
+            props: { items: sampleItems },
+        }).getByText;
+        expect(getByText("Item 1")).toBeTruthy();
+        expect(getByText("Item 2")).toBeTruthy();
+        expect(getByText("Item 3")).toBeTruthy();
+    });
+    it("toggles item when clicked", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var getByText, firstButton;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    getByText = render(Accordion, {
+                        props: { items: sampleItems },
+                    }).getByText;
+                    firstButton = getByText("Item 1").closest("button");
+                    expect(firstButton.getAttribute("aria-expanded")).toBe("false");
+                    return [4 /*yield*/, fireEvent.click(firstButton)];
+                case 1:
+                    _a.sent();
+                    expect(firstButton.getAttribute("aria-expanded")).toBe("true");
+                    return [4 /*yield*/, fireEvent.click(firstButton)];
+                case 2:
+                    _a.sent();
+                    expect(firstButton.getAttribute("aria-expanded")).toBe("false");
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("supports single item mode by default", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var getByText, firstButton, secondButton;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    getByText = render(Accordion, {
+                        props: { items: sampleItems },
+                    }).getByText;
+                    firstButton = getByText("Item 1").closest("button");
+                    secondButton = getByText("Item 2").closest("button");
+                    return [4 /*yield*/, fireEvent.click(firstButton)];
+                case 1:
+                    _a.sent();
+                    expect(firstButton.getAttribute("aria-expanded")).toBe("true");
+                    return [4 /*yield*/, fireEvent.click(secondButton)];
+                case 2:
+                    _a.sent();
+                    expect(firstButton.getAttribute("aria-expanded")).toBe("false");
+                    expect(secondButton.getAttribute("aria-expanded")).toBe("true");
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("supports multiple items when multiple=true", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var getByText, firstButton, secondButton;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    getByText = render(Accordion, {
+                        props: { items: sampleItems, multiple: true },
+                    }).getByText;
+                    firstButton = getByText("Item 1").closest("button");
+                    secondButton = getByText("Item 2").closest("button");
+                    return [4 /*yield*/, fireEvent.click(firstButton)];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, fireEvent.click(secondButton)];
+                case 2:
+                    _a.sent();
+                    expect(firstButton.getAttribute("aria-expanded")).toBe("true");
+                    expect(secondButton.getAttribute("aria-expanded")).toBe("true");
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("calls onToggle callback when item is toggled", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var mockOnToggle, getByText, firstButton;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    mockOnToggle = vi.fn();
+                    getByText = render(Accordion, {
+                        props: { items: sampleItems, onToggle: mockOnToggle },
+                    }).getByText;
+                    firstButton = getByText("Item 1").closest("button");
+                    return [4 /*yield*/, fireEvent.click(firstButton)];
+                case 1:
+                    _a.sent();
+                    expect(mockOnToggle).toHaveBeenCalledWith(0, true);
+                    return [4 /*yield*/, fireEvent.click(firstButton)];
+                case 2:
+                    _a.sent();
+                    expect(mockOnToggle).toHaveBeenCalledWith(0, false);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("opens default items", function () {
+        var getByText = render(Accordion, {
+            props: { items: sampleItems, defaultOpen: [0, 1] },
+        }).getByText;
+        var firstButton = getByText("Item 1").closest("button");
+        var secondButton = getByText("Item 2").closest("button");
+        expect(firstButton.getAttribute("aria-expanded")).toBe("true");
+        expect(secondButton.getAttribute("aria-expanded")).toBe("true");
+    });
+    it("rotates chevron icon when open", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var getByText, button;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    getByText = render(Accordion, {
+                        props: { items: sampleItems },
+                    }).getByText;
+                    button = getByText("Item 1").closest("button");
+                    expect(button.getAttribute("aria-expanded")).toBe("false");
+                    return [4 /*yield*/, fireEvent.click(button)];
+                case 1:
+                    _a.sent();
+                    expect(button.getAttribute("aria-expanded")).toBe("true");
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

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

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

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

@@ -0,0 +1,41 @@
+// $lib/__tests__/Badge.test.ts
+import { render } from "@testing-library/svelte";
+import { describe, it, expect } from "vitest";
+import Badge from "../Badge.svelte";
+describe("Badge", function () {
+    it("renders message text", function () {
+        var getByText = render(Badge, {
+            props: { message: "Active" },
+        }).getByText;
+        expect(getByText("Active")).toBeTruthy();
+    });
+    it("hides icon by default", function () {
+        var container = render(Badge, {
+            props: { message: "No icon" },
+        }).container;
+        expect(container.querySelector('span[aria-hidden="true"]')).toBeNull();
+    });
+    it("shows icon when enabled", function () {
+        var container = render(Badge, {
+            props: { message: "Icon", showIcon: true },
+        }).container;
+        expect(container.querySelector('span[aria-hidden="true"]')).toBeTruthy();
+    });
+    it("applies variant styling classes", function () {
+        var variants = [
+            { variant: "success", token: "color-bg-success" },
+            { variant: "danger", token: "color-bg-danger" },
+            { variant: "warning", token: "color-bg-warning" },
+            { variant: "info", token: "color-bg-page" },
+        ];
+        variants.forEach(function (_a) {
+            var variant = _a.variant, token = _a.token;
+            var container = render(Badge, {
+                props: { message: "Badge", variant: variant },
+            }).container;
+            var root = container.firstElementChild;
+            expect(root.className).toContain(token);
+            expect(root.className).not.toContain("shadow-lg");
+        });
+    });
+});

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

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

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

@@ -0,0 +1,269 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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__/Button.test.ts
+import { render, fireEvent } from "@testing-library/svelte";
+import { describe, it, expect, vi } from "vitest";
+import Button from "../Button.svelte";
+var triggerKeyboardActivation = function (el, key) {
+    var event = new KeyboardEvent("keydown", {
+        key: key,
+        bubbles: true,
+        cancelable: true,
+    });
+    var defaultAllowed = el.dispatchEvent(event);
+    if (defaultAllowed) {
+        el.dispatchEvent(new MouseEvent("click", { bubbles: true }));
+    }
+};
+describe("Button", function () {
+    it("renders a button element", function () {
+        var getByRole = render(Button).getByRole;
+        expect(getByRole("button")).toBeTruthy();
+    });
+    it("calls onClick on normal click", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var handle, getByRole;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    handle = vi.fn();
+                    getByRole = render(Button, { props: { onClick: handle } }).getByRole;
+                    return [4 /*yield*/, fireEvent.click(getByRole("button"))];
+                case 1:
+                    _a.sent();
+                    expect(handle).toHaveBeenCalledTimes(1);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("does not call onClick when disabled", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var handle, getByRole;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    handle = vi.fn();
+                    getByRole = render(Button, {
+                        props: { disabled: true, onClick: handle },
+                    }).getByRole;
+                    return [4 /*yield*/, fireEvent.click(getByRole("button"))];
+                case 1:
+                    _a.sent();
+                    expect(handle).not.toHaveBeenCalled();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("does not call onClick when loaded", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var handle, getByRole;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    handle = vi.fn();
+                    getByRole = render(Button, {
+                        props: { loaded: true, onClick: handle },
+                    }).getByRole;
+                    return [4 /*yield*/, fireEvent.click(getByRole("button"))];
+                case 1:
+                    _a.sent();
+                    expect(handle).not.toHaveBeenCalled();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("applies size classes", function () {
+        var getByRole = render(Button, { props: { sz: "lg" } }).getByRole;
+        var btn = getByRole("button");
+        expect(btn.className).toContain("h-9");
+        expect(btn.className).toContain("px-5");
+    });
+    it("applies variant classes", function () {
+        var getByRole = render(Button, { props: { variant: "secondary" } }).getByRole;
+        var btn = getByRole("button");
+        expect(btn.className).toContain("bg-[var(--color-bg-secondary)]");
+        expect(btn.className).toContain("[color:var(--color-text-default)]");
+    });
+    it("renders loading spinner when loaded=true", function () {
+        var container = render(Button, { props: { loaded: true } }).container;
+        var spinner = container.querySelector("[aria-hidden='true']");
+        expect(spinner).toBeTruthy();
+    });
+    it("passes through native HTML attributes", function () {
+        var getByRole = render(Button, {
+            props: {
+                type: "submit",
+                "data-test": "abc",
+                "aria-label": "Send",
+            },
+        }).getByRole;
+        var btn = getByRole("button");
+        expect(btn.getAttribute("type")).toBe("submit");
+        expect(btn.getAttribute("data-test")).toBe("abc");
+        expect(btn.getAttribute("aria-label")).toBe("Send");
+    });
+    it("navigates to link on normal left click", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var assignMock, locationSpy, getByRole;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    assignMock = vi.fn();
+                    locationSpy = vi.spyOn(window, "location", "get");
+                    locationSpy.mockReturnValue(__assign(__assign({}, window.location), { assign: assignMock }));
+                    getByRole = render(Button, {
+                        props: { link: "https://test.com" },
+                    }).getByRole;
+                    return [4 /*yield*/, fireEvent.click(getByRole("button"))];
+                case 1:
+                    _a.sent();
+                    expect(assignMock).toHaveBeenCalledWith("https://test.com");
+                    locationSpy.mockRestore();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("opens in new tab when target=_blank", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var openMock, getByRole;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    openMock = vi.spyOn(window, "open");
+                    getByRole = render(Button, {
+                        // target is not declared on component props, but forwarded via {...rest}
+                        props: { link: "https://abc.com", target: "_blank" },
+                    }).getByRole;
+                    return [4 /*yield*/, fireEvent.click(getByRole("button"))];
+                case 1:
+                    _a.sent();
+                    expect(openMock).toHaveBeenCalledWith("https://abc.com", "_blank", "noopener,noreferrer");
+                    openMock.mockRestore();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("does not navigate if onClick prevents default", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var handle, assignMock, locationSpy, getByRole;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    handle = vi.fn(function (e) { return e.preventDefault(); });
+                    assignMock = vi.fn();
+                    locationSpy = vi.spyOn(window, "location", "get");
+                    locationSpy.mockReturnValue(__assign(__assign({}, window.location), { assign: assignMock }));
+                    getByRole = render(Button, {
+                        props: { link: "https://fail.com", onClick: handle },
+                    }).getByRole;
+                    return [4 /*yield*/, fireEvent.click(getByRole("button"))];
+                case 1:
+                    _a.sent();
+                    expect(handle).toHaveBeenCalled();
+                    expect(assignMock).not.toHaveBeenCalled();
+                    locationSpy.mockRestore();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("blocks unsafe javascript links", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var assignMock, openMock, locationSpy, getByRole;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    assignMock = vi.fn();
+                    openMock = vi.spyOn(window, "open");
+                    locationSpy = vi.spyOn(window, "location", "get");
+                    locationSpy.mockReturnValue(__assign(__assign({}, window.location), { assign: assignMock }));
+                    getByRole = render(Button, {
+                        props: { link: "javascript:alert(1)", target: "_blank" },
+                    }).getByRole;
+                    return [4 /*yield*/, fireEvent.click(getByRole("button"))];
+                case 1:
+                    _a.sent();
+                    expect(assignMock).not.toHaveBeenCalled();
+                    expect(openMock).not.toHaveBeenCalled();
+                    openMock.mockRestore();
+                    locationSpy.mockRestore();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("does not navigate on modifier keys (Ctrl/Cmd/Shift)", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var assignMock, locationSpy, getByRole;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    assignMock = vi.fn();
+                    locationSpy = vi.spyOn(window, "location", "get");
+                    locationSpy.mockReturnValue(__assign(__assign({}, window.location), { assign: assignMock }));
+                    getByRole = render(Button, {
+                        props: { link: "https://test.com" },
+                    }).getByRole;
+                    return [4 /*yield*/, fireEvent.click(getByRole("button"), { ctrlKey: true })];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, fireEvent.click(getByRole("button"), { metaKey: true })];
+                case 2:
+                    _a.sent();
+                    return [4 /*yield*/, fireEvent.click(getByRole("button"), { shiftKey: true })];
+                case 3:
+                    _a.sent();
+                    expect(assignMock).not.toHaveBeenCalled();
+                    locationSpy.mockRestore();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("triggers click on Enter/Space keyboard activation", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var handle, getByRole, btn;
+        return __generator(this, function (_a) {
+            handle = vi.fn();
+            getByRole = render(Button, { props: { onClick: handle } }).getByRole;
+            btn = getByRole("button");
+            triggerKeyboardActivation(btn, "Enter");
+            triggerKeyboardActivation(btn, " ");
+            expect(handle).toHaveBeenCalledTimes(2);
+            return [2 /*return*/];
+        });
+    }); });
+});

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

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