@nomideusz/svelte-calendar 0.14.1 → 0.15.2

package/dist/views/planner/PlannerWeek.svelte.d.ts

@@ -8,7 +8,7 @@ interface Props {
     events?: TimelineEvent[];
     style?: string;
     focusDate?: Date;
-    oneventclick?: (event: TimelineEvent) => void;
+    oneventclick?: (event: TimelineEvent, anchor?: DOMRect) => void;
     oneventcreate?: (range: {
         start: Date;
         end: Date;

package/dist/widget/CalendarWidget.svelte

@@ -17,101 +17,82 @@
 import { createRestAdapter } from "../adapters/rest.js";
 import { createMemoryAdapter } from "../adapters/memory.js";
 import { presets } from "../theme/presets.js";
-let {
-  api,
-  events,
-  theme = "auto",
-  view = "week-planner",
-  height = "600",
-  locale,
-  dir,
-  mondaystart = "true",
-  headers,
-  readonly,
-  pills,
-  nav,
-  mobile,
-  days,
-  compact,
-  timezone
-} = $props();
+let { api, events, theme = "auto", view = "week-planner", height = "600", locale, dir, mondaystart = "true", headers, readonly, pills, nav, mobile, days, compact, timezone } = $props();
+// ── Parse attributes ──
 const heightValue = $derived.by(() => {
-  const trimmed = height.trim();
-  if (trimmed === "auto") return "auto";
-  if (/^\d+(px)?$/.test(trimmed)) return parseInt(trimmed, 10);
-  console.warn(`[day-calendar] Unsupported height "${height}" \u2014 use pixels or "auto". Falling back to 600.`);
-  return 600;
+	const trimmed = height.trim();
+	if (trimmed === "auto") return "auto";
+	if (/^\d+(px)?$/.test(trimmed)) return parseInt(trimmed, 10);
+	// "100%" / "50vh" aren't supported — warn instead of rendering a 100px sliver
+	console.warn(`[day-calendar] Unsupported height "${height}" — use pixels or "auto". Falling back to 600.`);
+	return 600;
 });
 const isMondayStart = $derived(mondaystart !== "false");
-const themeStyle = $derived(
-  theme in presets ? presets[theme] : presets.neutral
-);
-const dirValue = $derived(
-  dir === "rtl" || dir === "ltr" || dir === "auto" ? dir : void 0
-);
-const mobileValue = $derived(
-  mobile === "true" ? true : mobile === "false" ? false : "auto"
-);
+const themeStyle = $derived(theme in presets ? presets[theme] : presets.neutral);
+const dirValue = $derived(dir === "rtl" || dir === "ltr" || dir === "auto" ? dir : undefined);
+const mobileValue = $derived(mobile === "true" ? true : mobile === "false" ? false : "auto");
 const daysValue = $derived.by(() => {
-  if (!days) return void 0;
-  const n = parseInt(days, 10);
-  return Number.isNaN(n) || n < 1 || n > 7 ? void 0 : n;
+	if (!days) return undefined;
+	const n = parseInt(days, 10);
+	return Number.isNaN(n) || n < 1 || n > 7 ? undefined : n;
 });
+// ── Parse static events from JSON attribute ──
 function parseHeaders(json) {
-  if (!json) return void 0;
-  try {
-    const parsed = JSON.parse(json);
-    const out = {};
-    for (const [k, v] of Object.entries(parsed)) {
-      out[k] = String(v);
-    }
-    return out;
-  } catch {
-    console.warn("[day-calendar] Failed to parse headers JSON:", json);
-    return void 0;
-  }
+	if (!json) return undefined;
+	try {
+		const parsed = JSON.parse(json);
+		const out = {};
+		for (const [k, v] of Object.entries(parsed)) {
+			out[k] = String(v);
+		}
+		return out;
+	} catch {
+		console.warn("[day-calendar] Failed to parse headers JSON:", json);
+		return undefined;
+	}
 }
 function toEvent(raw, fallbackId) {
-  const start = new Date(String(raw.start ?? ""));
-  const end = new Date(String(raw.end ?? ""));
-  if (Number.isNaN(start.getTime()) || Number.isNaN(end.getTime()) || end <= start) {
-    return null;
-  }
-  return {
-    id: String(raw.id ?? fallbackId),
-    title: String(raw.title ?? "Untitled"),
-    start,
-    end,
-    color: raw.color ? String(raw.color) : void 0
-  };
+	const start = new Date(String(raw.start ?? ""));
+	const end = new Date(String(raw.end ?? ""));
+	if (Number.isNaN(start.getTime()) || Number.isNaN(end.getTime()) || end <= start) {
+		return null;
+	}
+	return {
+		id: String(raw.id ?? fallbackId),
+		title: String(raw.title ?? "Untitled"),
+		start,
+		end,
+		color: raw.color ? String(raw.color) : undefined
+	};
 }
 function parseEvents(json) {
-  if (!json) return [];
-  try {
-    const raw = JSON.parse(json);
-    const parsed = raw.map((e, idx) => toEvent(e, `inline-${idx}`)).filter((ev) => ev !== null);
-    if (parsed.length !== raw.length) {
-      console.warn(`[day-calendar] Ignored ${raw.length - parsed.length} invalid event(s) from events JSON.`);
-    }
-    return parsed;
-  } catch {
-    console.warn("[day-calendar] Failed to parse events JSON:", json);
-    return [];
-  }
+	if (!json) return [];
+	try {
+		const raw = JSON.parse(json);
+		const parsed = raw.map((e, idx) => toEvent(e, `inline-${idx}`)).filter((ev) => ev !== null);
+		if (parsed.length !== raw.length) {
+			console.warn(`[day-calendar] Ignored ${raw.length - parsed.length} invalid event(s) from events JSON.`);
+		}
+		return parsed;
+	} catch {
+		console.warn("[day-calendar] Failed to parse events JSON:", json);
+		return [];
+	}
 }
+// ── Create adapter ──
 const adapter = $derived.by(() => {
-  if (api) {
-    const parsedHeaders = parseHeaders(headers);
-    return createRestAdapter({
-      baseUrl: api,
-      headers: parsedHeaders,
-      mapEvents: (data) => {
-        const arr = Array.isArray(data) ? data : data.events ?? [];
-        return arr.map((e, idx) => toEvent(e, `api-${idx}`)).filter((ev) => ev !== null);
-      }
-    });
-  }
-  return createMemoryAdapter(parseEvents(events));
+	if (api) {
+		const parsedHeaders = parseHeaders(headers);
+		return createRestAdapter({
+			baseUrl: api,
+			headers: parsedHeaders,
+			mapEvents: (data) => {
+				const arr = Array.isArray(data) ? data : data.events ?? [];
+				return arr.map((e, idx) => toEvent(e, `api-${idx}`)).filter((ev) => ev !== null);
+			}
+		});
+	}
+	return createMemoryAdapter(parseEvents(events));
 });
 </script>
 

package/package.json

@@ -1,9 +1,11 @@
 {
   "name": "@nomideusz/svelte-calendar",
-  "version": "0.14.1",
+  "version": "0.15.2",
   "description": "A themeable Svelte 5 calendar with Day and Week views — Planner and Agenda.",
   "type": "module",
-  "sideEffects": false,
+  "sideEffects": [
+    "./widget/widget.js"
+  ],
   "license": "MIT",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -21,6 +23,10 @@
     "!dist/**/*.test.*",
     "!dist/**/*.spec.*"
   ],
+  "imports": {
+    "#lib": "./src/lib",
+    "#lib/*": "./src/lib/*"
+  },
   "scripts": {
     "dev": "vite dev",
     "build": "vite build",
@@ -39,19 +45,20 @@
     "svelte": "^5.0.0"
   },
   "devDependencies": {
-    "@sveltejs/adapter-auto": "^7.0.1",
-    "@sveltejs/kit": "^2.69.1",
-    "@sveltejs/package": "^2.5.8",
-    "@sveltejs/vite-plugin-svelte": "^6.2.4",
+    "@sveltejs/adapter-auto": "8.0.0-next.3",
+    "@sveltejs/adapter-vercel": "7.0.0-next.6",
+    "@sveltejs/kit": "3.0.0-next.23",
+    "@sveltejs/package": "3.0.0-next.7",
+    "@sveltejs/vite-plugin-svelte": "^7.3.0",
     "@types/node": "^22.20.0",
     "@vercel/analytics": "^1.6.1",
     "jsdom": "^29.1.1",
     "marked": "^17.0.6",
-    "svelte": "^5.56.4",
+    "svelte": "^5.56.9",
     "svelte-check": "^4.7.1",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.6",
-    "vitest": "^4.1.9"
+    "typescript": "^6.0.3",
+    "vite": "^8.2.1",
+    "vitest": "^4.1.10"
   },
   "dependencies": {
     "date-fns": "^4.4.0",