@nomideusz/svelte-calendar 0.20.1 → 1.0.0

package/dist/assets/favicon.svg

@@ -1,9 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
-	<title>svelte-calendar</title>
-	<rect width="64" height="64" rx="16" fill="#2563eb"/>
-	<rect x="14" y="18" width="36" height="32" rx="6" fill="#fff"/>
-	<path d="M14 27h36" stroke="#2563eb" stroke-width="4"/>
-	<path d="M23 13v10M41 13v10" stroke="#fff" stroke-width="5" stroke-linecap="round"/>
-	<rect x="21" y="33" width="7" height="7" rx="2" fill="#2563eb" opacity=".9"/>
-	<rect x="36" y="33" width="7" height="7" rx="2" fill="#2563eb" opacity=".35"/>
-</svg>

package/dist/widget/CalendarWidget.svelte

@@ -1,114 +0,0 @@
-<!--
-  CalendarWidget — self-contained calendar for embedding via <day-calendar> custom element.
-
-  Accepts simple HTML attributes and wires up the full Calendar with sensible defaults.
-  Designed for non-Svelte sites (plain HTML, WordPress, Squarespace, etc.).
-
-  Usage as custom element:
-    <day-calendar
-      api="https://myschool.com/api/events"
-      theme="neutral"
-      view="week-planner"
-      height="600"
-      locale="en-US"
-    ></day-calendar>
--->
-<script lang="ts">import Calendar from "../calendar/Calendar.svelte";
-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();
-// ── Parse attributes ──
-const heightValue = $derived.by(() => {
-	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 : undefined);
-const mobileValue = $derived(mobile === "true" ? true : mobile === "false" ? false : "auto");
-const daysValue = $derived.by(() => {
-	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 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) : 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 [];
-	}
-}
-// ── 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));
-});
-</script>
-
-<Calendar
-	{adapter}
-	{view}
-	theme={themeStyle}
-	height={heightValue}
-	mondayStart={isMondayStart}
-	dir={dirValue}
-	{locale}
-	readOnly={readonly === 'true'}
-	showModePills={pills !== 'false'}
-	showNavigation={nav !== 'false'}
-	mobile={mobileValue}
-	days={daysValue}
-	compact={compact === 'true'}
-	timezone={timezone || undefined}
-/>

package/dist/widget/CalendarWidget.svelte.d.ts

@@ -1,37 +0,0 @@
-interface Props {
-    /** REST API base URL — if provided, fetches events from this endpoint */
-    api?: string;
-    /** JSON string of events for static/inline data (alternative to api) */
-    events?: string;
-    /** Theme preset name: auto (default — adapts to the host page), neutral, midnight */
-    theme?: string;
-    /** Default view ID */
-    view?: string;
-    /** Calendar height: pixels (e.g. "600") or "auto" */
-    height?: string;
-    /** BCP 47 locale tag (e.g. 'en-US', 'pl-PL') */
-    locale?: string;
-    /** Text direction: ltr, rtl, auto */
-    dir?: string;
-    /** Start week on Monday (default: true) */
-    mondaystart?: string;
-    /** Custom HTTP headers as JSON string for REST adapter */
-    headers?: string;
-    /** Read-only mode: "true" disables drag/resize/create */
-    readonly?: string;
-    /** Show the Day/Week/Month pills (default: true) */
-    pills?: string;
-    /** Show prev/next/today navigation (default: true) */
-    nav?: string;
-    /** Mobile mode: "auto" (default), "true", "false" */
-    mobile?: string;
-    /** Days shown in week mode, e.g. "3" or "5" */
-    days?: string;
-    /** Compact agenda rendering: "true" */
-    compact?: string;
-    /** IANA timezone, e.g. "Europe/Warsaw" */
-    timezone?: string;
-}
-declare const CalendarWidget: import("svelte").Component<Props, {}, "">;
-type CalendarWidget = ReturnType<typeof CalendarWidget>;
-export default CalendarWidget;

package/dist/widget/index.d.ts

@@ -1 +0,0 @@
-export { default as CalendarWidget } from './CalendarWidget.svelte';

package/dist/widget/index.js

@@ -1 +0,0 @@
-export { default as CalendarWidget } from './CalendarWidget.svelte';

package/dist/widget/widget.d.ts

@@ -1,10 +0,0 @@
-declare global {
-    /**
-     * The widget's bundled CSS, assigned at the top of widget.js by the
-     * inlineCss build plugin (vite.config.widget.ts). Undefined when this
-     * module is consumed through the normal library path (dev, SvelteKit),
-     * where styles ship through the regular Svelte CSS pipeline instead.
-     */
-    var __DAY_CALENDAR_CSS__: string | undefined;
-}
-export {};

package/dist/widget/widget.js

@@ -1,96 +0,0 @@
-/**
- * Widget entry point — registers <day-calendar> as a custom element.
- *
- * This file is the entry point for the standalone widget bundle (widget.js).
- * Import it via a <script> tag on any HTML page.
- *
- * The component mounts into an open shadow root so host-page CSS (resets,
- * theme stylesheets) cannot bleed into the calendar and calendar styles
- * cannot leak out. The bundled CSS is injected into each shadow root — see
- * `injectStyles` below and the inlineCss plugin in vite.config.widget.ts.
- */
-import { asClassComponent } from 'svelte/legacy';
-import CalendarWidget from './CalendarWidget.svelte';
-const CalendarWidgetClass = asClassComponent(CalendarWidget);
-/**
- * Shared constructable stylesheet — parsed once, adopted by every
- * <day-calendar> shadow root on the page.
- */
-let sharedSheet = null;
-/**
- * Add the bundled widget CSS to a shadow root.
- *
- * Prefers `adoptedStyleSheets` (one parse for N widgets); falls back to a
- * <style> element where constructable stylesheets are unavailable. No-op
- * when the CSS global is undefined (dev / library usage).
- */
-function injectStyles(root) {
-    const css = globalThis.__DAY_CALENDAR_CSS__;
-    if (!css)
-        return;
-    if ('adoptedStyleSheets' in root && typeof CSSStyleSheet !== 'undefined') {
-        try {
-            if (!sharedSheet) {
-                sharedSheet = new CSSStyleSheet();
-                sharedSheet.replaceSync(css);
-            }
-            root.adoptedStyleSheets = [...root.adoptedStyleSheets, sharedSheet];
-            return;
-        }
-        catch {
-            // Constructable stylesheets unsupported (older engines) — fall through.
-        }
-    }
-    const style = document.createElement('style');
-    style.setAttribute('data-day-calendar', '');
-    style.textContent = css;
-    root.appendChild(style);
-}
-const WIDGET_ATTRS = [
-    'api', 'events', 'theme', 'view', 'height', 'locale', 'dir', 'mondaystart',
-    'headers', 'readonly', 'pills', 'nav', 'mobile', 'days', 'compact', 'timezone',
-];
-class DayCalendarElement extends HTMLElement {
-    instance = null;
-    stylesInjected = false;
-    static get observedAttributes() {
-        return [...WIDGET_ATTRS];
-    }
-    connectedCallback() {
-        if (this.instance)
-            return;
-        // The shadow root survives disconnect/reconnect — attach only once.
-        const root = this.shadowRoot ?? this.attachShadow({ mode: 'open' });
-        if (!this.stylesInjected) {
-            injectStyles(root);
-            this.stylesInjected = true;
-        }
-        this.instance = new CalendarWidgetClass({
-            target: root,
-            props: this.readProps(),
-        });
-    }
-    disconnectedCallback() {
-        this.instance?.$destroy();
-        this.instance = null;
-    }
-    attributeChangedCallback(name, _oldValue, newValue) {
-        if (!this.instance)
-            return;
-        this.instance.$set({
-            [name]: newValue ?? undefined,
-        });
-    }
-    readProps() {
-        const props = {};
-        for (const attr of WIDGET_ATTRS) {
-            const value = this.getAttribute(attr);
-            if (value !== null)
-                props[attr] = value;
-        }
-        return props;
-    }
-}
-if (!customElements.get('day-calendar')) {
-    customElements.define('day-calendar', DayCalendarElement);
-}