@bimetal/calendar-svelte-components 0.29.0

package/dist/components/EventDialog.svelte

@@ -0,0 +1,312 @@
+<script lang="ts">
+  import type { DialogState, EventDraft } from '@bimetal/calendar-headless';
+  import { getCalendarConfig, getCalendarContext } from '../binding/index.js';
+  import type { DomainEvent } from '@bimetal/calendar-data';
+  import { tick } from 'svelte';
+  import { focusTrap } from '@bimetal/svelte';
+  import EventHistory from './EventHistory.svelte';
+
+  let {
+    dialog,
+    setDraft,
+    onSave,
+    onDelete,
+    onClose,
+  }: {
+    /** The controller-owned dialog state (draft, flags, validation). */
+    dialog: DialogState;
+    /** Patch the controlled draft from raw input (controller applies the policy). */
+    setDraft: (patch: Partial<EventDraft>) => void;
+    /** Assemble + validate + save the held draft (controller owns all of it). */
+    onSave: () => void;
+    onDelete: (eventId: string) => void;
+    onClose: () => void;
+  } = $props();
+
+  const config = getCalendarConfig();
+  const ctx = getCalendarContext<{
+    getHistory: (entityId: string) => DomainEvent[];
+  }>();
+
+  let dialogEl: HTMLDivElement | undefined = $state();
+  let showHistory = $state(false);
+
+  // The controller OWNS the draft + all flags; this component is fully
+  // controlled — no local field state, no assembly, no id minting (B-CAL-2).
+  const draft = $derived(dialog.draft);
+  const isNew = $derived(dialog.isNew);
+  const isInstance = $derived(dialog.isInstance);
+  const validationErrors = $derived(dialog.validationErrors);
+  const event = $derived(dialog.event);
+
+  const history = $derived(event ? ctx.getHistory(event.id) : []);
+
+  function positionDialog() {
+    const el = dialogEl;
+    if (!el) return;
+    const anchorRect = dialog.anchorRect;
+    const dialogRect = el.getBoundingClientRect();
+    const vw = window.innerWidth;
+    const vh = window.innerHeight;
+
+    let left = anchorRect.right + 8;
+    if (left + dialogRect.width > vw - 16) {
+      left = anchorRect.left - dialogRect.width - 8;
+    }
+    if (left < 16) {
+      left = Math.max(16, anchorRect.left + anchorRect.width / 2 - dialogRect.width / 2);
+    }
+
+    let top = anchorRect.top;
+    if (top + dialogRect.height > vh - 16) {
+      top = vh - dialogRect.height - 16;
+    }
+    if (top < 16) top = 16;
+
+    el.style.left = `${left}px`;
+    el.style.top = `${top}px`;
+  }
+
+  // Reposition whenever the anchor changes (mirrors React's effect on anchorRect).
+  $effect(() => {
+    void dialog.anchorRect;
+    void tick().then(positionDialog);
+  });
+
+  // v0.29 Tastatur: focus lifecycle via the shared `focusTrap` action (contract §3).
+  // Escape is element-scoped (no window keydown); focus restores to the opener else the
+  // `.calendar` root via the trap's closest()-anchor (the dialog is a `.calendar`
+  // descendant). Click-outside becomes the backdrop element's onclick below.
+
+  function handleKeyDown(e: KeyboardEvent) {
+    if (e.key === 'Enter' && !e.shiftKey) {
+      e.preventDefault();
+      onSave();
+    }
+  }
+</script>
+
+<!-- svelte-ignore a11y_click_events_have_key_events -->
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<div class="dialog-backdrop" onclick={onClose}></div>
+<!-- svelte-ignore a11y_interactive_supports_focus -->
+<div
+  bind:this={dialogEl}
+  class="event-dialog"
+  role="dialog"
+  aria-modal="true"
+  aria-label={isNew ? config.locale.newEvent : config.locale.editEvent}
+  onkeydown={handleKeyDown}
+  use:focusTrap={{ onEscape: onClose }}
+>
+  {#if showHistory && event}
+    <EventHistory
+      eventId={event.id}
+      {history}
+      onBack={() => { showHistory = false; }}
+    />
+  {:else}
+    <!-- Header -->
+    <div class="dialog-header">
+      <span class="dialog-title">
+        {isNew ? config.locale.newEvent : config.locale.editEvent}
+      </span>
+      <button class="dialog-close" aria-label={config.locale.close} onclick={onClose}>&times;</button>
+    </div>
+
+    <!-- Body -->
+    <div class="dialog-body">
+      <input
+        class="dialog-input dialog-input--title"
+        type="text"
+        placeholder={config.locale.titlePlaceholder}
+        value={draft.title}
+        oninput={(e) => setDraft({ title: (e.target as HTMLInputElement).value })}
+      />
+
+      <label class="dialog-toggle">
+        <span>{config.locale.allDay}</span>
+        <input
+          type="checkbox"
+          checked={draft.allDay}
+          onchange={(e) => setDraft({ allDay: (e.target as HTMLInputElement).checked })}
+        />
+      </label>
+
+      {#if !isInstance}
+        <div class="dialog-recurrence">
+          <label class="dialog-toggle">
+            <span>Wiederholen</span>
+            <input
+              type="checkbox"
+              checked={draft.recurring}
+              onchange={(e) => setDraft({ recurring: (e.target as HTMLInputElement).checked })}
+            />
+          </label>
+          {#if draft.recurring}
+            <div class="dialog-row" style="gap: 8px; align-items: center;">
+              <span style="font-size: 13px;">Alle</span>
+              <input class="dialog-input" type="number" min="1" max="99" style="width: 50px;"
+                value={draft.recInterval}
+                oninput={(e) => setDraft({ recInterval: parseInt((e.target as HTMLInputElement).value) })} />
+              <select class="dialog-input"
+                value={draft.recFreq}
+                onchange={(e) => setDraft({ recFreq: (e.target as HTMLSelectElement).value as EventDraft['recFreq'] })}>
+                <option value="daily">Tage</option>
+                <option value="weekly">Wochen</option>
+                <option value="monthly">Monate</option>
+                <option value="yearly">Jahre</option>
+              </select>
+              <label class="dialog-label" style="flex-direction: row; align-items: center; gap: 6px;">
+                <span style="font-size: 13px;">bis</span>
+                <input class="dialog-input" type="date"
+                  value={draft.recUntil}
+                  onchange={(e) => setDraft({ recUntil: (e.target as HTMLInputElement).value })} />
+              </label>
+            </div>
+          {/if}
+        </div>
+      {/if}
+
+      {#if isInstance}
+        <div style="font-size: 12px; color: var(--cal-color-text-muted); padding: 4px 0;">
+          ↻ Instanz einer wiederkehrenden Serie
+        </div>
+      {/if}
+
+      <!-- Start date row -->
+      <div class="dialog-row">
+        <label class="dialog-label">
+          <span>{config.locale.from}</span>
+          <input
+            class="dialog-input"
+            type="date"
+            value={draft.startDate}
+            onchange={(e) => setDraft({ startDate: (e.target as HTMLInputElement).value })}
+          />
+        </label>
+        {#if !draft.allDay}
+          <input
+            class="dialog-input dialog-input--time"
+            type="time"
+            value={draft.startTime}
+            onchange={(e) => setDraft({ startTime: (e.target as HTMLInputElement).value })}
+          />
+        {/if}
+      </div>
+
+      <!-- End date row -->
+      <div class="dialog-row">
+        <label class="dialog-label">
+          <span>{config.locale.to}</span>
+          <input
+            class="dialog-input"
+            type="date"
+            value={draft.endDate}
+            min={draft.startDate}
+            onchange={(e) => setDraft({ endDate: (e.target as HTMLInputElement).value })}
+          />
+        </label>
+        {#if !draft.allDay}
+          <input
+            class="dialog-input dialog-input--time"
+            type="time"
+            value={draft.endTime}
+            onchange={(e) => setDraft({ endTime: (e.target as HTMLInputElement).value })}
+          />
+        {/if}
+      </div>
+
+      <!-- Category -->
+      <label class="dialog-label">
+        <span>{config.locale.category}</span>
+        <div class="dialog-category-row">
+          <select
+            class="dialog-input"
+            value={draft.category}
+            onchange={(e) => setDraft({ category: (e.target as HTMLSelectElement).value })}
+          >
+            {#each config.categories as cat (cat.name)}
+              <option value={cat.name}>{cat.name}</option>
+            {/each}
+          </select>
+          <span class="category-dot" style:background-color={draft.color}></span>
+        </div>
+      </label>
+
+      {#if config.resources.length > 0}
+        <label class="dialog-label">
+          <span>{config.locale.resources ?? 'Resources'}</span>
+          <select
+            class="dialog-input"
+            value={draft.resourceId}
+            onchange={(e) => setDraft({ resourceId: (e.target as HTMLSelectElement).value })}
+          >
+            <option value="">—</option>
+            {#each config.resources as r (r.id)}
+              <option value={r.id}>{r.name}</option>
+            {/each}
+          </select>
+        </label>
+      {/if}
+
+      <!-- Location -->
+      <label class="dialog-label">
+        <span>{config.locale.location}</span>
+        <input
+          class="dialog-input"
+          type="text"
+          value={draft.location}
+          oninput={(e) => setDraft({ location: (e.target as HTMLInputElement).value })}
+        />
+      </label>
+
+      <!-- Description -->
+      <label class="dialog-label">
+        <span>{config.locale.description}</span>
+        <textarea
+          class="dialog-input dialog-input--description"
+          value={draft.description}
+          oninput={(e) => setDraft({ description: (e.target as HTMLTextAreaElement).value })}
+        ></textarea>
+      </label>
+    </div>
+
+    <!-- Validation errors -->
+    {#if validationErrors.length > 0}
+      <div class="dialog-errors">
+        {#each validationErrors as err, i (i)}
+          <div class="dialog-error">{err}</div>
+        {/each}
+      </div>
+    {/if}
+
+    <!-- Footer -->
+    <div class="dialog-footer">
+      {#if !isNew}
+        {#if config.locale.delete !== false}
+          <button class="dialog-btn dialog-btn--delete" onclick={() => onDelete(event!.id)}>
+            {config.locale.delete}
+          </button>
+        {/if}
+        {#if history.length > 0}
+          <button class="dialog-btn dialog-btn--history" onclick={() => { showHistory = true; }}>
+            {config.locale.history}
+          </button>
+        {/if}
+      {/if}
+      <div class="dialog-footer-right">
+        <button class="dialog-btn dialog-btn--cancel" onclick={onClose}>
+          {config.locale.cancel}
+        </button>
+        <button
+          class="dialog-btn dialog-btn--save"
+          onclick={onSave}
+          disabled={!draft.title.trim()}
+        >
+          {isNew ? config.locale.create : config.locale.save}
+        </button>
+      </div>
+    </div>
+  {/if}
+</div>

package/dist/components/EventDialog.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { DialogState, EventDraft } from '@bimetal/calendar-headless';
+type $$ComponentProps = {
+    /** The controller-owned dialog state (draft, flags, validation). */
+    dialog: DialogState;
+    /** Patch the controlled draft from raw input (controller applies the policy). */
+    setDraft: (patch: Partial<EventDraft>) => void;
+    /** Assemble + validate + save the held draft (controller owns all of it). */
+    onSave: () => void;
+    onDelete: (eventId: string) => void;
+    onClose: () => void;
+};
+declare const EventDialog: import("svelte").Component<$$ComponentProps, {}, "">;
+type EventDialog = ReturnType<typeof EventDialog>;
+export default EventDialog;
+//# sourceMappingURL=EventDialog.svelte.d.ts.map

package/dist/components/EventDialog.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventDialog.svelte.d.ts","sourceRoot":"","sources":["../../src/components/EventDialog.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAOzE,KAAK,gBAAgB,GAAI;IACtB,oEAAoE;IACpE,MAAM,EAAE,WAAW,CAAC;IACpB,iFAAiF;IACjF,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAC/C,6EAA6E;IAC7E,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAyOJ,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/components/EventHistory.svelte

@@ -0,0 +1,89 @@
+<script lang="ts">
+  import type { DomainEvent } from '@bimetal/calendar-data';
+  import { getCalendarConfig } from '../binding/index.js';
+
+  const eventTypeColors: Record<string, string> = {
+    'bimetal.calendar.CalendarEventCreated': '#4CD964',
+    'bimetal.calendar.CalendarEventUpdated': '#007AFF',
+    'bimetal.calendar.CalendarEventDeleted': '#FF3B30',
+    'bimetal.calendar.CalendarEventReverted': '#FF9500',
+  };
+
+  let {
+    eventId,
+    history,
+    onBack,
+  }: {
+    eventId: string;
+    history: DomainEvent[];
+    onBack: () => void;
+  } = $props();
+
+  const config = getCalendarConfig();
+  const eventTypeLabels = config.locale.historyEventTypes;
+
+  function formatTime(timestamp: number): string {
+    return new Date(timestamp).toLocaleString(config.locale.code, {
+      day: '2-digit', month: '2-digit', year: 'numeric',
+      hour: '2-digit', minute: '2-digit',
+    });
+  }
+
+  function getSummary(event: DomainEvent): string {
+    const payload = event.payload as Record<string, unknown>;
+    switch (event.type) {
+      case 'bimetal.calendar.CalendarEventCreated': {
+        const ev = payload.event as { title?: string };
+        return ev?.title ?? '';
+      }
+      case 'bimetal.calendar.CalendarEventUpdated': {
+        const changes = payload.changes as Record<string, unknown> | undefined;
+        if (!changes) return '';
+        return Object.keys(changes).join(', ');
+      }
+      default:
+        return '';
+    }
+  }
+</script>
+
+<div class="event-history">
+  <div class="event-history__header">
+    <button class="event-history__back" onclick={onBack}>&larr;</button>
+    <span class="event-history__title">{config.locale.historyTitle}</span>
+  </div>
+
+  {#if history.length === 0}
+    <div class="event-history__loading">{config.locale.historyLoading}</div>
+  {/if}
+
+  <div class="event-history__timeline">
+    {#each history as entry, idx (entry.envelope.id ?? idx)}
+      <div class="event-history__entry">
+        <div class="event-history__dot-col">
+          <div
+            class="event-history__dot"
+            style:background-color={eventTypeColors[entry.type] ?? '#8E8E93'}
+          ></div>
+          {#if idx < history.length - 1}
+            <div class="event-history__line"></div>
+          {/if}
+        </div>
+        <div class="event-history__content">
+          <div class="event-history__entry-header">
+            <span
+              class="event-history__badge"
+              style:background-color={eventTypeColors[entry.type] ?? '#8E8E93'}
+            >
+              {eventTypeLabels[entry.type] ?? entry.type}
+            </span>
+            <span class="event-history__time">{formatTime(entry.envelope.timestamp)}</span>
+          </div>
+          {#if getSummary(entry)}
+            <div class="event-history__summary">{getSummary(entry)}</div>
+          {/if}
+        </div>
+      </div>
+    {/each}
+  </div>
+</div>

package/dist/components/EventHistory.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { DomainEvent } from '@bimetal/calendar-data';
+type $$ComponentProps = {
+    eventId: string;
+    history: DomainEvent[];
+    onBack: () => void;
+};
+declare const EventHistory: import("svelte").Component<$$ComponentProps, {}, "">;
+type EventHistory = ReturnType<typeof EventHistory>;
+export default EventHistory;
+//# sourceMappingURL=EventHistory.svelte.d.ts.map

package/dist/components/EventHistory.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventHistory.svelte.d.ts","sourceRoot":"","sources":["../../src/components/EventHistory.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAGzD,KAAK,gBAAgB,GAAI;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAmFJ,QAAA,MAAM,YAAY,sDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/components/ResourceFilter.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">
+  import type { Resource } from '@bimetal/calendar-core';
+
+  let {
+    resources,
+    hiddenResources,
+    onToggle,
+  }: {
+    resources: Resource[];
+    hiddenResources: ReadonlySet<string>;
+    onToggle: (resourceId: string) => void;
+  } = $props();
+</script>
+
+{#if resources.length > 0}
+  <div class="resource-filter">
+    {#each resources as r (r.id)}
+      <button
+        type="button"
+        class="resource-filter__pill{hiddenResources.has(r.id) ? ' resource-filter__pill--hidden' : ''}"
+        style:border-left-color={r.color ?? 'transparent'}
+        onclick={() => onToggle(r.id)}
+      >
+        {r.name}
+      </button>
+    {/each}
+  </div>
+{/if}

package/dist/components/ResourceFilter.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { Resource } from '@bimetal/calendar-core';
+type $$ComponentProps = {
+    resources: Resource[];
+    hiddenResources: ReadonlySet<string>;
+    onToggle: (resourceId: string) => void;
+};
+declare const ResourceFilter: import("svelte").Component<$$ComponentProps, {}, "">;
+type ResourceFilter = ReturnType<typeof ResourceFilter>;
+export default ResourceFilter;
+//# sourceMappingURL=ResourceFilter.svelte.d.ts.map

package/dist/components/ResourceFilter.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceFilter.svelte.d.ts","sourceRoot":"","sources":["../../src/components/ResourceFilter.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAEtD,KAAK,gBAAgB,GAAI;IACtB,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACrC,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC;AAuBJ,QAAA,MAAM,cAAc,sDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/components/UndoToast.svelte

@@ -0,0 +1,47 @@
+<script lang="ts">
+  import { getCalendarContext, getCalendarConfig } from '../binding/index.js';
+  import { DEFAULT_UNDO_DISMISS_MS } from '@bimetal/calendar-headless';
+  import { onDestroy } from 'svelte';
+
+  const ctx = getCalendarContext<{
+    lastAction: { entityId: string; description: string } | null;
+    onUndo: (entityId: string) => Promise<void>;
+    dismissUndo: () => void;
+  }>();
+  const config = getCalendarConfig();
+
+  let timer: ReturnType<typeof setTimeout> | null = null;
+  let prevAction: typeof ctx.lastAction = null;
+
+  $effect(() => {
+    const action = ctx.lastAction;
+    if (action !== prevAction) {
+      prevAction = action;
+      if (timer) clearTimeout(timer);
+      if (action) {
+        timer = setTimeout(() => ctx.dismissUndo(), DEFAULT_UNDO_DISMISS_MS);
+      }
+    }
+  });
+
+  onDestroy(() => {
+    if (timer) clearTimeout(timer);
+  });
+
+  async function handleUndo() {
+    const action = ctx.lastAction;
+    if (!action) return;
+    await ctx.onUndo(action.entityId);
+    ctx.dismissUndo();
+  }
+</script>
+
+{#if ctx.lastAction}
+  <div class="undo-toast" role="status">
+    <span class="undo-toast__text">{ctx.lastAction.description}</span>
+    <button class="undo-toast__btn" onclick={handleUndo}>
+      {config.locale.undo ?? 'Undo'}
+    </button>
+    <button class="undo-toast__dismiss" onclick={() => ctx.dismissUndo()}>&times;</button>
+  </div>
+{/if}

package/dist/components/UndoToast.svelte.d.ts

@@ -0,0 +1,4 @@
+declare const UndoToast: import("svelte").Component<Record<string, never>, {}, "">;
+type UndoToast = ReturnType<typeof UndoToast>;
+export default UndoToast;
+//# sourceMappingURL=UndoToast.svelte.d.ts.map

package/dist/components/UndoToast.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UndoToast.svelte.d.ts","sourceRoot":"","sources":["../../src/components/UndoToast.svelte.ts"],"names":[],"mappings":"AAyDA,QAAA,MAAM,SAAS,2DAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,20 @@
+export { default as Calendar } from './components/Calendar.svelte';
+export { default as CalendarHeader } from './components/CalendarHeader.svelte';
+export { default as CategoryFilter } from './components/CategoryFilter.svelte';
+export { default as EventBar } from './components/EventBar.svelte';
+export { default as EventDialog } from './components/EventDialog.svelte';
+export { default as EventHistory } from './components/EventHistory.svelte';
+export { default as UndoToast } from './components/UndoToast.svelte';
+export { default as MonthView } from './views/month/MonthView.svelte';
+export { default as WeekRow } from './views/month/WeekRow.svelte';
+export { default as WeekView } from './views/week/WeekView.svelte';
+export { default as AllDayRow } from './views/week/AllDayRow.svelte';
+export { default as TimeEvent } from './views/week/TimeEvent.svelte';
+export { default as DayView } from './views/day/DayView.svelte';
+export { default as AgendaView } from './views/agenda/AgendaView.svelte';
+export { default as YearView } from './views/year/YearView.svelte';
+export { default as ResourceView } from './views/resource/ResourceView.svelte';
+export { default as TimelineView } from './views/timeline/TimelineView.svelte';
+export * from './binding/index.js';
+export * from '@bimetal/svelte';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAG/E,cAAc,oBAAoB,CAAC;AAKnC,cAAc,iBAAiB,CAAC"}

package/dist/index.js

@@ -0,0 +1,23 @@
+export { default as Calendar } from './components/Calendar.svelte';
+export { default as CalendarHeader } from './components/CalendarHeader.svelte';
+export { default as CategoryFilter } from './components/CategoryFilter.svelte';
+export { default as EventBar } from './components/EventBar.svelte';
+export { default as EventDialog } from './components/EventDialog.svelte';
+export { default as EventHistory } from './components/EventHistory.svelte';
+export { default as UndoToast } from './components/UndoToast.svelte';
+export { default as MonthView } from './views/month/MonthView.svelte';
+export { default as WeekRow } from './views/month/WeekRow.svelte';
+export { default as WeekView } from './views/week/WeekView.svelte';
+export { default as AllDayRow } from './views/week/AllDayRow.svelte';
+export { default as TimeEvent } from './views/week/TimeEvent.svelte';
+export { default as DayView } from './views/day/DayView.svelte';
+export { default as AgendaView } from './views/agenda/AgendaView.svelte';
+export { default as YearView } from './views/year/YearView.svelte';
+export { default as ResourceView } from './views/resource/ResourceView.svelte';
+export { default as TimelineView } from './views/timeline/TimelineView.svelte';
+// ── Calendar Svelte binding (context/config/controller binding) ──
+export * from './binding/index.js';
+// Re-export the adapter package so consumers get providers/stores/types from a
+// single dependency. Notably required for the "Calendar-Orchester selbst
+// aufziehen"-Pfad (see doc/03-cookbook/07).
+export * from '@bimetal/svelte';

package/dist/styles/index.css

@@ -0,0 +1 @@
+@import '@bimetal/calendar-themes';

package/dist/views/agenda/AgendaEvent.svelte

@@ -0,0 +1,55 @@
+<script lang="ts">
+  import type { CalendarEvent } from '@bimetal/calendar-core';
+  import { getRecurrenceInstanceMetadata } from '@bimetal/calendar-core';
+  import { getEventSlots } from '../../binding/index.js';
+
+  let {
+    ev,
+    timeLabel,
+    category,
+    isSelected,
+    onEntryMouseDown,
+    onEntryClick,
+    onEntryDoubleClick,
+  }: {
+    ev: CalendarEvent;
+    timeLabel: string;
+    category: string;
+    isSelected: boolean;
+    onEntryMouseDown: () => void;
+    onEntryClick: (e: MouseEvent, id: string, instanceDate?: number) => void;
+    onEntryDoubleClick: (e: MouseEvent, id: string, instanceDate?: number) => void;
+  } = $props();
+
+  const slots = $derived(getEventSlots(ev));
+  const renderedTitle = $derived(slots.title ?? ev.title);
+  const extraClass = $derived(slots.className ? ' ' + slots.className : '');
+  const slotStyleStr = $derived(slots.style
+    ? Object.entries(slots.style).map(([k, v]) => `${k.replace(/[A-Z]/g, m => '-' + m.toLowerCase())}: ${v}`).join('; ')
+    : '');
+</script>
+
+<!-- svelte-ignore a11y_click_events_have_key_events -->
+<div
+  class="agenda-view__event{isSelected ? ' agenda-view__event--selected' : ''}{extraClass}"
+  style={slotStyleStr}
+  role="button"
+  tabindex="0"
+  onmousedown={onEntryMouseDown}
+  onclick={(e) => onEntryClick(e, ev.id, getRecurrenceInstanceMetadata(ev)?.instanceDate)}
+  ondblclick={(e) => onEntryDoubleClick(e, ev.id, getRecurrenceInstanceMetadata(ev)?.instanceDate)}
+>
+  {#if slots.content}
+    {#if typeof slots.content === 'string'}{slots.content}{:else}{@render slots.content()}{/if}
+  {:else}
+    <div class="agenda-view__event-color" style:background-color={ev.metadata.color ?? '#007AFF'}></div>
+    <div class="agenda-view__event-content">
+      <div class="agenda-view__event-title">{renderedTitle}</div>
+      <div class="agenda-view__event-time">{timeLabel}</div>
+    </div>
+    <div class="agenda-view__event-calendar">{category}</div>
+  {/if}
+  {#if slots.badges}
+    {#if typeof slots.badges === 'string'}{slots.badges}{:else}{@render slots.badges()}{/if}
+  {/if}
+</div>

package/dist/views/agenda/AgendaEvent.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { CalendarEvent } from '@bimetal/calendar-core';
+type $$ComponentProps = {
+    ev: CalendarEvent;
+    timeLabel: string;
+    category: string;
+    isSelected: boolean;
+    onEntryMouseDown: () => void;
+    onEntryClick: (e: MouseEvent, id: string, instanceDate?: number) => void;
+    onEntryDoubleClick: (e: MouseEvent, id: string, instanceDate?: number) => void;
+};
+declare const AgendaEvent: import("svelte").Component<$$ComponentProps, {}, "">;
+type AgendaEvent = ReturnType<typeof AgendaEvent>;
+export default AgendaEvent;
+//# sourceMappingURL=AgendaEvent.svelte.d.ts.map

package/dist/views/agenda/AgendaEvent.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgendaEvent.svelte.d.ts","sourceRoot":"","sources":["../../../src/views/agenda/AgendaEvent.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAI3D,KAAK,gBAAgB,GAAI;IACtB,EAAE,EAAE,aAAa,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,YAAY,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzE,kBAAkB,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChF,CAAC;AA2CJ,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}