@bimetal/calendar-vue-components 0.29.0

package/dist/components/EventDialog.d.ts

@@ -0,0 +1,54 @@
+import { type PropType } from 'vue';
+import type { DialogState, EventDraft } from '@bimetal/calendar-headless';
+export declare const EventDialog: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** Der vom Controller gehaltene Dialog-Zustand (draft, flags, validation). */
+    dialog: {
+        type: PropType<DialogState>;
+        required: true;
+    };
+    /** Patcht den kontrollierten Draft aus rohem Input (Controller wendet Policy an). */
+    setDraft: {
+        type: PropType<(patch: Partial<EventDraft>) => void>;
+        required: true;
+    };
+    /** Assembliert + validiert + speichert den gehaltenen Draft (Controller besitzt alles). */
+    onSave: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onDelete: {
+        type: PropType<(eventId: string) => void>;
+        required: true;
+    };
+    onClose: {
+        type: PropType<() => void>;
+        required: true;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Der vom Controller gehaltene Dialog-Zustand (draft, flags, validation). */
+    dialog: {
+        type: PropType<DialogState>;
+        required: true;
+    };
+    /** Patcht den kontrollierten Draft aus rohem Input (Controller wendet Policy an). */
+    setDraft: {
+        type: PropType<(patch: Partial<EventDraft>) => void>;
+        required: true;
+    };
+    /** Assembliert + validiert + speichert den gehaltenen Draft (Controller besitzt alles). */
+    onSave: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onDelete: {
+        type: PropType<(eventId: string) => void>;
+        required: true;
+    };
+    onClose: {
+        type: PropType<() => void>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=EventDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EventDialog.d.ts","sourceRoot":"","sources":["../../src/components/EventDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmC,KAAK,QAAQ,EAAe,MAAM,KAAK,CAAC;AAClF,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAK1E,eAAO,MAAM,WAAW;IAGpB,8EAA8E;;cACpD,QAAQ,CAAC,WAAW,CAAC;;;IAC/C,qFAAqF;;cACvD,QAAQ,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;;;IAC5E,2FAA2F;;cAC/D,QAAQ,CAAC,MAAM,IAAI,CAAC;;;;cAClB,QAAQ,CAAC,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;;;;cACpC,QAAQ,CAAC,MAAM,IAAI,CAAC;;;;;;IAPjD,8EAA8E;;cACpD,QAAQ,CAAC,WAAW,CAAC;;;IAC/C,qFAAqF;;cACvD,QAAQ,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;;;IAC5E,2FAA2F;;cAC/D,QAAQ,CAAC,MAAM,IAAI,CAAC;;;;cAClB,QAAQ,CAAC,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;;;;cACpC,QAAQ,CAAC,MAAM,IAAI,CAAC;;;iGA8SnD,CAAC"}

package/dist/components/EventDialog.js

@@ -0,0 +1,284 @@
+import { defineComponent, ref, onMounted, h, nextTick } from 'vue';
+import { useFocusTrap } from '@bimetal/vue';
+import { useCalendarConfig, useCalendarContext } from '../binding/index.js';
+import { EventHistory } from './EventHistory.js';
+export const EventDialog = defineComponent({
+    name: 'EventDialog',
+    props: {
+        /** Der vom Controller gehaltene Dialog-Zustand (draft, flags, validation). */
+        dialog: { type: Object, required: true },
+        /** Patcht den kontrollierten Draft aus rohem Input (Controller wendet Policy an). */
+        setDraft: { type: Function, required: true },
+        /** Assembliert + validiert + speichert den gehaltenen Draft (Controller besitzt alles). */
+        onSave: { type: Function, required: true },
+        onDelete: { type: Function, required: true },
+        onClose: { type: Function, required: true },
+    },
+    setup(props) {
+        const config = useCalendarConfig();
+        const { getHistory } = useCalendarContext();
+        const dialogRef = ref(null);
+        // Lokaler View-State (kein Feld-State mehr — der Draft lebt im Controller).
+        const showHistory = ref(false);
+        // Position dialog relative to anchor
+        const positionDialog = () => {
+            const el = dialogRef.value;
+            if (!el)
+                return;
+            const dialogRect = el.getBoundingClientRect();
+            const vw = window.innerWidth;
+            const vh = window.innerHeight;
+            const anchor = props.dialog.anchorRect;
+            let left = anchor.right + 8;
+            if (left + dialogRect.width > vw - 16) {
+                left = anchor.left - dialogRect.width - 8;
+            }
+            if (left < 16) {
+                left = Math.max(16, anchor.left + anchor.width / 2 - dialogRect.width / 2);
+            }
+            let top = anchor.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`;
+        };
+        onMounted(() => {
+            nextTick(positionDialog);
+        });
+        // v0.29 Tastatur: focus lifecycle on the shared primitive (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).
+        useFocusTrap(dialogRef, { onEscape: () => props.onClose() });
+        const handleKeyDown = (e) => {
+            if (e.key === 'Enter' && !e.shiftKey) {
+                e.preventDefault();
+                props.onSave();
+            }
+        };
+        return () => {
+            const { draft, isNew, isInstance, validationErrors, event } = props.dialog;
+            const history = event ? getHistory(event.id) : [];
+            return [
+                h('div', { class: 'dialog-backdrop', onClick: () => props.onClose() }),
+                h('div', {
+                    ref: dialogRef,
+                    class: 'event-dialog',
+                    role: 'dialog',
+                    'aria-modal': 'true',
+                    'aria-label': isNew ? config.locale.newEvent : config.locale.editEvent,
+                    onKeydown: handleKeyDown,
+                }, [
+                    showHistory.value && event
+                        ? h(EventHistory, {
+                            eventId: event.id,
+                            history,
+                            onBack: () => { showHistory.value = false; },
+                        })
+                        : [
+                            // Header
+                            h('div', { class: 'dialog-header' }, [
+                                h('span', { class: 'dialog-title' }, isNew ? config.locale.newEvent : config.locale.editEvent),
+                                h('button', {
+                                    class: 'dialog-close',
+                                    'aria-label': config.locale.close,
+                                    onClick: props.onClose,
+                                    innerHTML: '&times;',
+                                }),
+                            ]),
+                            // Body
+                            h('div', { class: 'dialog-body' }, [
+                                h('input', {
+                                    class: 'dialog-input dialog-input--title',
+                                    type: 'text',
+                                    placeholder: config.locale.titlePlaceholder,
+                                    value: draft.title,
+                                    onInput: (e) => props.setDraft({ title: e.target.value }),
+                                }),
+                                h('label', { class: 'dialog-toggle' }, [
+                                    h('span', null, config.locale.allDay),
+                                    h('input', {
+                                        type: 'checkbox',
+                                        checked: draft.allDay,
+                                        onChange: (e) => props.setDraft({ allDay: e.target.checked }),
+                                    }),
+                                ]),
+                                // Recurrence (hidden for instances)
+                                !isInstance
+                                    ? h('div', { class: 'dialog-recurrence' }, [
+                                        h('label', { class: 'dialog-toggle' }, [
+                                            h('span', null, 'Wiederholen'),
+                                            h('input', {
+                                                type: 'checkbox',
+                                                checked: draft.recurring,
+                                                onChange: (e) => props.setDraft({ recurring: e.target.checked }),
+                                            }),
+                                        ]),
+                                        draft.recurring
+                                            ? h('div', { class: 'dialog-row', style: { gap: '8px', alignItems: 'center' } }, [
+                                                h('span', { style: { fontSize: '13px' } }, 'Alle'),
+                                                h('input', {
+                                                    class: 'dialog-input',
+                                                    type: 'number',
+                                                    min: 1,
+                                                    max: 99,
+                                                    style: { width: '50px' },
+                                                    value: draft.recInterval,
+                                                    onInput: (e) => props.setDraft({ recInterval: parseInt(e.target.value) }),
+                                                }),
+                                                h('select', {
+                                                    class: 'dialog-input',
+                                                    value: draft.recFreq,
+                                                    onChange: (e) => props.setDraft({ recFreq: e.target.value }),
+                                                }, [
+                                                    h('option', { value: 'daily' }, 'Tage'),
+                                                    h('option', { value: 'weekly' }, 'Wochen'),
+                                                    h('option', { value: 'monthly' }, 'Monate'),
+                                                    h('option', { value: 'yearly' }, 'Jahre'),
+                                                ]),
+                                                h('label', { class: 'dialog-label', style: { flexDirection: 'row', alignItems: 'center', gap: '6px' } }, [
+                                                    h('span', { style: { fontSize: '13px' } }, 'bis'),
+                                                    h('input', {
+                                                        class: 'dialog-input',
+                                                        type: 'date',
+                                                        value: draft.recUntil,
+                                                        onInput: (e) => props.setDraft({ recUntil: e.target.value }),
+                                                    }),
+                                                ]),
+                                            ])
+                                            : null,
+                                    ])
+                                    : null,
+                                isInstance
+                                    ? h('div', { style: { fontSize: '12px', color: 'var(--cal-color-text-muted)', padding: '4px 0' } }, '↻ Instanz einer wiederkehrenden Serie')
+                                    : null,
+                                // Start date row
+                                h('div', { class: 'dialog-row' }, [
+                                    h('label', { class: 'dialog-label' }, [
+                                        h('span', null, config.locale.from),
+                                        h('input', {
+                                            class: 'dialog-input',
+                                            type: 'date',
+                                            value: draft.startDate,
+                                            onInput: (e) => props.setDraft({ startDate: e.target.value }),
+                                        }),
+                                    ]),
+                                    !draft.allDay
+                                        ? h('input', {
+                                            class: 'dialog-input dialog-input--time',
+                                            type: 'time',
+                                            value: draft.startTime,
+                                            onInput: (e) => props.setDraft({ startTime: e.target.value }),
+                                        })
+                                        : null,
+                                ]),
+                                // End date row
+                                h('div', { class: 'dialog-row' }, [
+                                    h('label', { class: 'dialog-label' }, [
+                                        h('span', null, config.locale.to),
+                                        h('input', {
+                                            class: 'dialog-input',
+                                            type: 'date',
+                                            value: draft.endDate,
+                                            min: draft.startDate,
+                                            onInput: (e) => props.setDraft({ endDate: e.target.value }),
+                                        }),
+                                    ]),
+                                    !draft.allDay
+                                        ? h('input', {
+                                            class: 'dialog-input dialog-input--time',
+                                            type: 'time',
+                                            value: draft.endTime,
+                                            onInput: (e) => props.setDraft({ endTime: e.target.value }),
+                                        })
+                                        : null,
+                                ]),
+                                // Category
+                                h('label', { class: 'dialog-label' }, [
+                                    h('span', null, config.locale.category),
+                                    h('div', { class: 'dialog-category-row' }, [
+                                        h('select', {
+                                            class: 'dialog-input',
+                                            value: draft.category,
+                                            onChange: (e) => props.setDraft({ category: e.target.value }),
+                                        }, config.categories.map(cat => h('option', { key: cat.name, value: cat.name }, cat.name))),
+                                        h('span', { class: 'category-dot', style: { backgroundColor: draft.color } }),
+                                    ]),
+                                ]),
+                                // Resource (single)
+                                config.resources.length > 0
+                                    ? h('label', { class: 'dialog-label' }, [
+                                        h('span', null, config.locale.resources ?? 'Resources'),
+                                        h('select', {
+                                            class: 'dialog-input',
+                                            value: draft.resourceId,
+                                            onChange: (e) => props.setDraft({ resourceId: e.target.value }),
+                                        }, [
+                                            h('option', { value: '' }, '—'),
+                                            ...config.resources.map(r => h('option', { key: r.id, value: r.id }, r.name)),
+                                        ]),
+                                    ])
+                                    : null,
+                                // Location
+                                h('label', { class: 'dialog-label' }, [
+                                    h('span', null, config.locale.location),
+                                    h('input', {
+                                        class: 'dialog-input',
+                                        type: 'text',
+                                        value: draft.location,
+                                        onInput: (e) => props.setDraft({ location: e.target.value }),
+                                    }),
+                                ]),
+                                // Description
+                                h('label', { class: 'dialog-label' }, [
+                                    h('span', null, config.locale.description),
+                                    h('textarea', {
+                                        class: 'dialog-input dialog-input--description',
+                                        value: draft.description,
+                                        onInput: (e) => props.setDraft({ description: e.target.value }),
+                                    }),
+                                ]),
+                            ]),
+                            // Validation errors
+                            validationErrors.length > 0
+                                ? h('div', { class: 'dialog-errors' }, validationErrors.map((err, i) => h('div', { key: i, class: 'dialog-error' }, err)))
+                                : null,
+                            // Footer
+                            h('div', { class: 'dialog-footer' }, [
+                                !isNew
+                                    ? [
+                                        config.locale.delete !== false
+                                            ? h('button', {
+                                                class: 'dialog-btn dialog-btn--delete',
+                                                onClick: () => props.onDelete(event.id),
+                                            }, config.locale.delete)
+                                            : null,
+                                        history.length > 0
+                                            ? h('button', {
+                                                class: 'dialog-btn dialog-btn--history',
+                                                onClick: () => { showHistory.value = true; },
+                                            }, config.locale.history)
+                                            : null,
+                                    ]
+                                    : null,
+                                h('div', { class: 'dialog-footer-right' }, [
+                                    h('button', {
+                                        class: 'dialog-btn dialog-btn--cancel',
+                                        onClick: props.onClose,
+                                    }, config.locale.cancel),
+                                    h('button', {
+                                        class: 'dialog-btn dialog-btn--save',
+                                        onClick: props.onSave,
+                                        disabled: !draft.title.trim(),
+                                    }, isNew ? config.locale.create : config.locale.save),
+                                ]),
+                            ]),
+                        ],
+                ]),
+            ];
+        };
+    },
+});
+//# sourceMappingURL=EventDialog.js.map

package/dist/components/EventDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventDialog.js","sourceRoot":"","sources":["../../src/components/EventDialog.ts"],"names":[],"mappings":"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"}

package/dist/components/EventHistory.d.ts

@@ -0,0 +1,32 @@
+import { type PropType } from 'vue';
+import type { DomainEvent } from '@bimetal/calendar-data';
+export declare const EventHistory: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    eventId: {
+        type: StringConstructor;
+        required: true;
+    };
+    history: {
+        type: PropType<DomainEvent[]>;
+        required: true;
+    };
+    onBack: {
+        type: PropType<() => void>;
+        required: true;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    eventId: {
+        type: StringConstructor;
+        required: true;
+    };
+    history: {
+        type: PropType<DomainEvent[]>;
+        required: true;
+    };
+    onBack: {
+        type: PropType<() => void>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=EventHistory.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EventHistory.d.ts","sourceRoot":"","sources":["../../src/components/EventHistory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,QAAQ,EAAK,MAAM,KAAK,CAAC;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAU1D,eAAO,MAAM,YAAY;;;;;;cAIK,QAAQ,CAAC,WAAW,EAAE,CAAC;;;;cACrB,QAAQ,CAAC,MAAM,IAAI,CAAC;;;;;;;;;;;cADtB,QAAQ,CAAC,WAAW,EAAE,CAAC;;;;cACrB,QAAQ,CAAC,MAAM,IAAI,CAAC;;;iGAoElD,CAAC"}

package/dist/components/EventHistory.js

@@ -0,0 +1,76 @@
+import { defineComponent, h } from 'vue';
+import { useCalendarConfig } from '../binding/index.js';
+const eventTypeColors = {
+    'bimetal.calendar.CalendarEventCreated': '#4CD964',
+    'bimetal.calendar.CalendarEventUpdated': '#007AFF',
+    'bimetal.calendar.CalendarEventDeleted': '#FF3B30',
+    'bimetal.calendar.CalendarEventReverted': '#FF9500',
+};
+export const EventHistory = defineComponent({
+    name: 'EventHistory',
+    props: {
+        eventId: { type: String, required: true },
+        history: { type: Array, required: true },
+        onBack: { type: Function, required: true },
+    },
+    setup(props) {
+        const config = useCalendarConfig();
+        const eventTypeLabels = config.locale.historyEventTypes;
+        const formatTime = (timestamp) => {
+            return new Date(timestamp).toLocaleString(config.locale.code, {
+                day: '2-digit', month: '2-digit', year: 'numeric',
+                hour: '2-digit', minute: '2-digit',
+            });
+        };
+        const getSummary = (event) => {
+            const payload = event.payload;
+            switch (event.type) {
+                case 'bimetal.calendar.CalendarEventCreated': {
+                    const ev = payload.event;
+                    return ev?.title ?? '';
+                }
+                case 'bimetal.calendar.CalendarEventUpdated': {
+                    const changes = payload.changes;
+                    if (!changes)
+                        return '';
+                    return Object.keys(changes).join(', ');
+                }
+                default:
+                    return '';
+            }
+        };
+        return () => h('div', { class: 'event-history' }, [
+            h('div', { class: 'event-history__header' }, [
+                h('button', { class: 'event-history__back', onClick: props.onBack, innerHTML: '←' }),
+                h('span', { class: 'event-history__title' }, config.locale.historyTitle),
+            ]),
+            props.history.length === 0
+                ? h('div', { class: 'event-history__loading' }, config.locale.historyLoading)
+                : null,
+            h('div', { class: 'event-history__timeline' }, props.history.map((entry, idx) => h('div', { key: entry.envelope.id ?? idx, class: 'event-history__entry' }, [
+                h('div', { class: 'event-history__dot-col' }, [
+                    h('div', {
+                        class: 'event-history__dot',
+                        style: { backgroundColor: eventTypeColors[entry.type] ?? '#8E8E93' },
+                    }),
+                    idx < props.history.length - 1
+                        ? h('div', { class: 'event-history__line' })
+                        : null,
+                ]),
+                h('div', { class: 'event-history__content' }, [
+                    h('div', { class: 'event-history__entry-header' }, [
+                        h('span', {
+                            class: 'event-history__badge',
+                            style: { backgroundColor: eventTypeColors[entry.type] ?? '#8E8E93' },
+                        }, eventTypeLabels[entry.type] ?? entry.type),
+                        h('span', { class: 'event-history__time' }, formatTime(entry.envelope.timestamp)),
+                    ]),
+                    getSummary(entry)
+                        ? h('div', { class: 'event-history__summary' }, getSummary(entry))
+                        : null,
+                ]),
+            ]))),
+        ]);
+    },
+});
+//# sourceMappingURL=EventHistory.js.map

package/dist/components/EventHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventHistory.js","sourceRoot":"","sources":["../../src/components/EventHistory.ts"],"names":[],"mappings":"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"}

package/dist/components/ResourceFilter.d.ts

@@ -0,0 +1,32 @@
+import { type PropType } from 'vue';
+import type { Resource } from '@bimetal/calendar-core';
+export declare const ResourceFilter: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    resources: {
+        type: PropType<Resource[]>;
+        required: true;
+    };
+    hiddenResources: {
+        type: PropType<ReadonlySet<string>>;
+        required: true;
+    };
+    onToggle: {
+        type: PropType<(resourceId: string) => void>;
+        required: true;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    resources: {
+        type: PropType<Resource[]>;
+        required: true;
+    };
+    hiddenResources: {
+        type: PropType<ReadonlySet<string>>;
+        required: true;
+    };
+    onToggle: {
+        type: PropType<(resourceId: string) => void>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=ResourceFilter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceFilter.d.ts","sourceRoot":"","sources":["../../src/components/ResourceFilter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AACxD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAEvD,eAAO,MAAM,cAAc;;cAGK,QAAQ,CAAC,QAAQ,EAAE,CAAC;;;;cACb,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;;;;cAClC,QAAQ,CAAC,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;;;;;;;cAFxC,QAAQ,CAAC,QAAQ,EAAE,CAAC;;;;cACb,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;;;;cAClC,QAAQ,CAAC,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;;;iGAmBtE,CAAC"}

package/dist/components/ResourceFilter.js

@@ -0,0 +1,26 @@
+import { defineComponent, h } from 'vue';
+export const ResourceFilter = defineComponent({
+    name: 'ResourceFilter',
+    props: {
+        resources: { type: Array, required: true },
+        hiddenResources: { type: Object, required: true },
+        onToggle: { type: Function, required: true },
+    },
+    setup(props) {
+        return () => {
+            if (props.resources.length === 0)
+                return null;
+            return h('div', { class: 'resource-filter' }, props.resources.map(r => {
+                const isHidden = props.hiddenResources.has(r.id);
+                return h('button', {
+                    key: r.id,
+                    type: 'button',
+                    class: 'resource-filter__pill' + (isHidden ? ' resource-filter__pill--hidden' : ''),
+                    style: { borderLeftColor: r.color ?? 'transparent' },
+                    onClick: () => props.onToggle(r.id),
+                }, r.name);
+            }));
+        };
+    },
+});
+//# sourceMappingURL=ResourceFilter.js.map

package/dist/components/ResourceFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceFilter.js","sourceRoot":"","sources":["../../src/components/ResourceFilter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAiB,MAAM,KAAK,CAAC;AAGxD,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC;IAC5C,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE;QACL,SAAS,EAAE,EAAE,IAAI,EAAE,KAA6B,EAAE,QAAQ,EAAE,IAAI,EAAE;QAClE,eAAe,EAAE,EAAE,IAAI,EAAE,MAAuC,EAAE,QAAQ,EAAE,IAAI,EAAE;QAClF,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAkD,EAAE,QAAQ,EAAE,IAAI,EAAE;KACvF;IACD,KAAK,CAAC,KAAK;QACT,OAAO,GAAG,EAAE;YACV,IAAI,KAAK,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC;gBAAE,OAAO,IAAI,CAAC;YAC9C,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAC1C,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;gBACtB,MAAM,QAAQ,GAAG,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;gBACjD,OAAO,CAAC,CAAC,QAAQ,EAAE;oBACjB,GAAG,EAAE,CAAC,CAAC,EAAE;oBACT,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE,uBAAuB,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,EAAE,CAAC;oBACnF,KAAK,EAAE,EAAE,eAAe,EAAE,CAAC,CAAC,KAAK,IAAI,aAAa,EAAE;oBACpD,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;iBACpC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;YACb,CAAC,CAAC,CACH,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/components/UndoToast.d.ts

@@ -0,0 +1,4 @@
+export declare const UndoToast: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=UndoToast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UndoToast.d.ts","sourceRoot":"","sources":["../../src/components/UndoToast.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS;;kPAiCpB,CAAC"}

package/dist/components/UndoToast.js

@@ -0,0 +1,36 @@
+import { defineComponent, watch, h } from 'vue';
+import { useCalendarContext, useCalendarConfig } from '../binding/index.js';
+import { DEFAULT_UNDO_DISMISS_MS } from '@bimetal/calendar-headless';
+export const UndoToast = defineComponent({
+    name: 'UndoToast',
+    setup() {
+        const { lastAction, onUndo, dismissUndo } = useCalendarContext();
+        const config = useCalendarConfig();
+        let timer = null;
+        watch(lastAction, (action) => {
+            if (timer)
+                clearTimeout(timer);
+            if (!action)
+                return;
+            timer = setTimeout(dismissUndo, DEFAULT_UNDO_DISMISS_MS);
+        }, { immediate: true });
+        const handleUndo = async () => {
+            const action = lastAction.value;
+            if (!action)
+                return;
+            await onUndo(action.entityId);
+            dismissUndo();
+        };
+        return () => {
+            const action = lastAction.value;
+            if (!action)
+                return null;
+            return h('div', { class: 'undo-toast', role: 'status' }, [
+                h('span', { class: 'undo-toast__text' }, action.description),
+                h('button', { class: 'undo-toast__btn', onClick: handleUndo }, config.locale.undo ?? 'Undo'),
+                h('button', { class: 'undo-toast__dismiss', onClick: dismissUndo, innerHTML: '×' }),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=UndoToast.js.map

package/dist/components/UndoToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UndoToast.js","sourceRoot":"","sources":["../../src/components/UndoToast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAErE,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,IAAI,EAAE,WAAW;IACjB,KAAK;QACH,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,kBAAkB,EAAE,CAAC;QACjE,MAAM,MAAM,GAAG,iBAAiB,EAAE,CAAC;QAEnC,IAAI,KAAK,GAAyC,IAAI,CAAC;QAEvD,KAAK,CAAC,UAAU,EAAE,CAAC,MAAM,EAAE,EAAE;YAC3B,IAAI,KAAK;gBAAE,YAAY,CAAC,KAAK,CAAC,CAAC;YAC/B,IAAI,CAAC,MAAM;gBAAE,OAAO;YACpB,KAAK,GAAG,UAAU,CAAC,WAAW,EAAE,uBAAuB,CAAC,CAAC;QAC3D,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QAExB,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;YAC5B,MAAM,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC;YAChC,IAAI,CAAC,MAAM;gBAAE,OAAO;YACpB,MAAM,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YAC9B,WAAW,EAAE,CAAC;QAChB,CAAC,CAAC;QAEF,OAAO,GAAG,EAAE;YACV,MAAM,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC;YAChC,IAAI,CAAC,MAAM;gBAAE,OAAO,IAAI,CAAC;YAEzB,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;gBACvD,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,MAAM,CAAC,WAAW,CAAC;gBAC5D,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,OAAO,EAAE,UAAU,EAAE,EAC3D,MAAM,CAAC,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC;gBAC/B,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;aAC1F,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,20 @@
+export { Calendar } from './components/Calendar.js';
+export type { CalendarProps } from './components/Calendar.js';
+export { MonthView } from './views/month/MonthView.js';
+export { WeekView } from './views/week/WeekView.js';
+export { AllDayRow } from './views/week/AllDayRow.js';
+export { TimeEvent } from './views/week/TimeEvent.js';
+export { DayView } from './views/day/DayView.js';
+export { AgendaView } from './views/agenda/AgendaView.js';
+export { YearView } from './views/year/YearView.js';
+export { ResourceView } from './views/resource/ResourceView.js';
+export { TimelineView } from './views/timeline/TimelineView.js';
+export { CalendarHeader } from './components/CalendarHeader.js';
+export { CategoryFilter } from './components/CategoryFilter.js';
+export { EventBar } from './components/EventBar.js';
+export { EventDialog } from './components/EventDialog.js';
+export { EventHistory } from './components/EventHistory.js';
+export { UndoToast } from './components/UndoToast.js';
+export * from './binding/index.js';
+export * from '@bimetal/vue';
+//# 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":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAG9D,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAGhE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAGtD,cAAc,oBAAoB,CAAC;AAGnC,cAAc,cAAc,CAAC"}