@bimetal/calendar-vue-components 0.29.0

package/dist/views/week/WeekView.js

@@ -0,0 +1,210 @@
+import { defineComponent, computed, ref, onMounted, onUnmounted, h } from 'vue';
+import { weekGrid, calendarWeekNumber, isSameDay, now, segmentAllDay, segmentTimed, layoutAllDay, layoutTimed, getHours, getMinutes, getDayOfMonth, } from '@bimetal/calendar-core';
+import { useCalendarContext, useCalendarConfig, toDateStr, parseDateTimeStr } from '../../binding/index.js';
+import { DEFAULT_HOUR_HEIGHT, DEFAULT_TIME_LABEL_WIDTH_WEEK, DEFAULT_SCROLL_HOUR, createClickIntent, timeGridHit } from '@bimetal/calendar-headless';
+import { AllDayRow } from './AllDayRow.js';
+import { TimeEvent } from './TimeEvent.js';
+const HOURS = Array.from({ length: 24 }, (_, i) => i);
+export const WeekView = defineComponent({
+    name: 'WeekView',
+    props: {
+        currentDate: { type: Object, required: true },
+    },
+    setup(props) {
+        const config = useCalendarConfig();
+        const { events, previewEvent, onDragOverDateTime, onDropTimedEvent, onHidePreview, onDayCellClick, selectedEventId, onClearSelection, } = useCalendarContext();
+        const timeGridRef = ref(null);
+        const gridInnerRef = ref(null);
+        const click = createClickIntent();
+        const timeSnapMinutes = config.core.granularity.week.minutes;
+        const weekDates = computed(() => weekGrid(props.currentDate, config.core));
+        const weekNumber = computed(() => calendarWeekNumber(weekDates.value[0]));
+        // Auto-scroll to 8 AM on mount and when currentDate changes
+        const scrollTo8AM = () => {
+            if (timeGridRef.value) {
+                timeGridRef.value.scrollTop = DEFAULT_SCROLL_HOUR * DEFAULT_HOUR_HEIGHT;
+            }
+        };
+        onMounted(scrollTo8AM);
+        // Watch for currentDate changes by using a computed with side effect in render
+        let lastDateEpoch = 0;
+        // B-CAL-1: Controller hat das gezogene Event schon neu gebaut (previewEvent).
+        // Swap by id — kein Parsing/+1/Validity in der View.
+        const displayEvents = computed(() => {
+            const pe = previewEvent.value;
+            if (!pe)
+                return events.value;
+            return events.value.map(ev => ev.id === pe.id ? { ...ev, timeRange: pe.timeRange } : ev);
+        });
+        const allDayEvents = computed(() => displayEvents.value.filter(ev => ev.allDay));
+        const timedEvents = computed(() => displayEvents.value.filter(ev => !ev.allDay));
+        const allDaySegments = computed(() => segmentAllDay(allDayEvents.value, weekDates.value));
+        const allDayItems = computed(() => layoutAllDay(allDaySegments.value, weekDates.value));
+        // Lane-Layout pro Tag durch den Core (Pilot-Direktive 2026-06-21):
+        // segmentTimed + layoutTimed bauen Collision-Groups + Lane-Belegung.
+        const timedLayoutByDay = computed(() => {
+            const map = new Map();
+            for (let col = 0; col < 7; col++) {
+                const segments = segmentTimed(timedEvents.value, weekDates.value[col]);
+                map.set(col, layoutTimed(segments));
+            }
+            return map;
+        });
+        const handleGridDragOver = (e) => {
+            e.preventDefault();
+            e.dataTransfer.dropEffect = 'move';
+            if (!gridInnerRef.value)
+                return;
+            const rect = gridInnerRef.value.getBoundingClientRect();
+            const hit = timeGridHit({ x: e.clientX, y: e.clientY }, rect, { labelWidth: DEFAULT_TIME_LABEL_WIDTH_WEEK, hourHeight: DEFAULT_HOUR_HEIGHT, snapMinutes: timeSnapMinutes });
+            onDragOverDateTime(weekDates.value[hit.col], hit.time);
+        };
+        const handleGridDrop = (e) => {
+            e.preventDefault();
+            if (!gridInnerRef.value)
+                return;
+            const rect = gridInnerRef.value.getBoundingClientRect();
+            const hit = timeGridHit({ x: e.clientX, y: e.clientY }, rect, { labelWidth: DEFAULT_TIME_LABEL_WIDTH_WEEK, hourHeight: DEFAULT_HOUR_HEIGHT, snapMinutes: timeSnapMinutes });
+            onDropTimedEvent(e, weekDates.value[hit.col], hit.time);
+        };
+        const handleGridDragLeave = (e) => {
+            const el = e.currentTarget;
+            const rect = el.getBoundingClientRect();
+            if (e.clientX < rect.left || e.clientX > rect.right ||
+                e.clientY < rect.top || e.clientY > rect.bottom) {
+                onHidePreview();
+            }
+        };
+        const handleGridMouseDown = () => { click.markMouseDown(); };
+        const handleGridClick = (e) => {
+            if (!click.accept(config.clickThresholdMs))
+                return;
+            if (e.target.closest('.time-event'))
+                return;
+            // Single click on empty grid deselects; create-dialog moves to dblclick.
+            if (selectedEventId.value !== null)
+                onClearSelection();
+        };
+        const handleGridDoubleClick = (e) => {
+            if (!click.accept(config.clickThresholdMs))
+                return;
+            if (!gridInnerRef.value)
+                return;
+            if (e.target.closest('.time-event'))
+                return;
+            const gridRect = gridInnerRef.value.getBoundingClientRect();
+            const hit = timeGridHit({ x: e.clientX, y: e.clientY }, gridRect, { labelWidth: DEFAULT_TIME_LABEL_WIDTH_WEEK, hourHeight: DEFAULT_HOUR_HEIGHT, snapMinutes: timeSnapMinutes });
+            const clickedDate = weekDates.value[hit.col];
+            // Geklicktes Datum + gesnapte Zeit über den geteilten Parser (kein split).
+            const clickedDt = parseDateTimeStr(toDateStr(clickedDate), hit.time, clickedDate.timezone);
+            const rect = e.currentTarget.getBoundingClientRect();
+            onDayCellClick(clickedDt, rect);
+        };
+        return () => {
+            // Scroll to 8 AM when currentDate changes
+            const dateEpoch = props.currentDate.epochMs;
+            if (lastDateEpoch !== 0 && lastDateEpoch !== dateEpoch) {
+                // Use nextTick-like approach via requestAnimationFrame
+                if (timeGridRef.value) {
+                    timeGridRef.value.scrollTop = DEFAULT_SCROLL_HOUR * DEFAULT_HOUR_HEIGHT;
+                }
+            }
+            lastDateEpoch = dateEpoch;
+            const currentNow = now(config.core.timezone, config.core.clock);
+            const nowCol = weekDates.value.findIndex(d => isSameDay(d, currentNow));
+            const nowHours = getHours(currentNow) + getMinutes(currentNow) / 60;
+            return h('div', { class: 'week-view' }, [
+                // Header
+                h('div', { class: 'week-view__header' }, [
+                    h('div', { class: 'week-view__corner' }, `${config.locale.calendarWeek} ${weekNumber.value}`),
+                    ...weekDates.value.map((date, i) => {
+                        const isToday = isSameDay(date, currentNow);
+                        return h('div', {
+                            key: i,
+                            class: `week-view__day-header ${isToday ? 'week-view__day-header--today' : ''}`,
+                        }, [
+                            h('span', { class: 'week-view__day-name' }, config.locale.dayNamesShort[i]),
+                            h('span', {
+                                class: `week-view__day-number ${isToday ? 'week-view__day-number--today' : ''}`,
+                            }, getDayOfMonth(date)),
+                        ]);
+                    }),
+                ]),
+                // All-day row
+                h(AllDayRow, {
+                    weekDates: weekDates.value,
+                    items: allDayItems.value,
+                }),
+                // Time grid
+                h('div', {
+                    ref: timeGridRef,
+                    class: 'week-view__time-grid',
+                    onDragover: handleGridDragOver,
+                    onDrop: handleGridDrop,
+                    onDragleave: handleGridDragLeave,
+                    onMousedown: handleGridMouseDown,
+                    onClick: handleGridClick,
+                    onDblclick: handleGridDoubleClick,
+                }, [
+                    h('div', {
+                        ref: gridInnerRef,
+                        class: 'week-view__time-grid-inner',
+                        style: { height: `${24 * DEFAULT_HOUR_HEIGHT}px` },
+                    }, [
+                        // Hour rows
+                        ...HOURS.map(hr => {
+                            const wh = config.core.workingHours;
+                            const isOff = wh ? (hr < wh.start || hr >= wh.end) : false;
+                            return h('div', {
+                                key: hr,
+                                class: `week-view__hour-row${isOff ? ' hour-slot--off' : ''}`,
+                                style: { top: `${hr * DEFAULT_HOUR_HEIGHT}px`, height: `${DEFAULT_HOUR_HEIGHT}px` },
+                            }, [
+                                h('div', { class: 'week-view__hour-label' }, hr > 0 ? `${String(hr).padStart(2, '0')}:00` : ''),
+                            ]);
+                        }),
+                        // Day columns
+                        ...weekDates.value.map((_, col) => h('div', {
+                            key: col,
+                            class: 'week-view__day-col',
+                            style: {
+                                left: `calc(${DEFAULT_TIME_LABEL_WIDTH_WEEK}px + ${col} * (100% - ${DEFAULT_TIME_LABEL_WIDTH_WEEK}px) / 7)`,
+                                width: `calc((100% - ${DEFAULT_TIME_LABEL_WIDTH_WEEK}px) / 7)`,
+                            },
+                        })),
+                        // Timed events
+                        ...Array.from(timedLayoutByDay.value.entries()).flatMap(([col, items]) => items.map(item => h(TimeEvent, {
+                            key: `${item.segment.event.id}-${col}-${item.column}`,
+                            event: item.segment.event,
+                            layout: {
+                                dayCol: col,
+                                dayCount: 7,
+                                lane: item.column,
+                                laneCount: item.totalColumns,
+                                startOffset: item.startOffset,
+                                endOffset: item.endOffset,
+                            },
+                            dayDate: weekDates.value[col],
+                            hourHeight: DEFAULT_HOUR_HEIGHT,
+                            ghost: previewEvent.value?.id === item.segment.event.id,
+                        }))),
+                        // Now line
+                        nowCol >= 0
+                            ? h('div', {
+                                class: 'week-view__now-line',
+                                style: {
+                                    top: `${nowHours * DEFAULT_HOUR_HEIGHT}px`,
+                                    left: `calc(${DEFAULT_TIME_LABEL_WIDTH_WEEK}px + ${nowCol} * (100% - ${DEFAULT_TIME_LABEL_WIDTH_WEEK}px) / 7)`,
+                                    width: `calc((100% - ${DEFAULT_TIME_LABEL_WIDTH_WEEK}px) / 7)`,
+                                },
+                            }, [
+                                h('div', { class: 'week-view__now-dot' }),
+                            ])
+                            : null,
+                    ]),
+                ]),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=WeekView.js.map

package/dist/views/week/WeekView.js.map

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

package/dist/views/year/YearView.d.ts

@@ -0,0 +1,25 @@
+import { type PropType } from 'vue';
+export declare const YearView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    year: {
+        type: NumberConstructor;
+        required: true;
+    };
+    onMonthClick: {
+        type: PropType<(year: number, month: number) => void>;
+        default: undefined;
+    };
+}>, () => 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<{
+    year: {
+        type: NumberConstructor;
+        required: true;
+    };
+    onMonthClick: {
+        type: PropType<(year: number, month: number) => void>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    onMonthClick: (year: number, month: number) => void;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=YearView.d.ts.map

package/dist/views/year/YearView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearView.d.ts","sourceRoot":"","sources":["../../../src/views/year/YearView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AAMlE,eAAO,MAAM,QAAQ;;;;;;cAIiB,QAAQ,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;;;;;;;;;;;cAA/C,QAAQ,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;;;;yBAA/B,MAAM,SAAS,MAAM,KAAK,IAAI;4EAyElF,CAAC"}

package/dist/views/year/YearView.js

@@ -0,0 +1,67 @@
+import { defineComponent, computed, h } from 'vue';
+import { monthGrid, getMonth, getDayOfMonth, isSameDay, startOfDay, addDays, now, } from '@bimetal/calendar-core';
+import { useCalendarContext, useCalendarConfig } from '../../binding/index.js';
+export const YearView = defineComponent({
+    name: 'YearView',
+    props: {
+        year: { type: Number, required: true },
+        onMonthClick: { type: Function, default: undefined },
+    },
+    setup(props) {
+        const config = useCalendarConfig();
+        const { events, onDayCellClick } = useCalendarContext();
+        const eventDays = computed(() => {
+            const set = new Set();
+            for (const ev of events.value) {
+                let cursor = startOfDay(ev.timeRange.start);
+                const last = ev.timeRange.end;
+                while (cursor.epochMs < last.epochMs) {
+                    set.add(cursor.epochMs);
+                    cursor = addDays(cursor, 1);
+                }
+            }
+            return set;
+        });
+        const months = computed(() => {
+            const monthFmt = new Intl.DateTimeFormat(config.locale.code, {
+                month: 'long', timeZone: config.core.timezone,
+            });
+            return Array.from({ length: 12 }, (_, m) => ({
+                month: m,
+                label: monthFmt.format(new Date(Date.UTC(props.year, m, 15, 12))),
+                weeks: monthGrid(props.year, m, config.core),
+            }));
+        });
+        return () => {
+            const today = now(config.core.timezone, config.core.clock);
+            return h('div', { class: 'year-grid' }, months.value.map(({ month, label, weeks }) => h('div', { key: month, class: 'year-month' }, [
+                props.onMonthClick
+                    ? h('button', {
+                        type: 'button',
+                        class: 'year-month__header',
+                        onClick: () => props.onMonthClick(props.year, month),
+                    }, label)
+                    : h('div', { class: 'year-month__header' }, label),
+                h('div', { class: 'year-month__day-headers' }, config.locale.dayNamesShort.map(n => h('div', { key: n, class: 'year-month__day-header' }, n[0]))),
+                h('div', { class: 'year-month__days' }, weeks.flatMap(week => week.map(date => {
+                    const inMonth = getMonth(date) === month;
+                    const isToday = isSameDay(date, today);
+                    const hasEvents = eventDays.value.has(startOfDay(date).epochMs);
+                    return h('button', {
+                        key: date.epochMs,
+                        type: 'button',
+                        class: 'year-month__day'
+                            + (inMonth ? '' : ' year-month__day--outside')
+                            + (isToday ? ' year-month__day--today' : '')
+                            + (hasEvents ? ' year-month__day--has-events' : ''),
+                        onClick: (e) => {
+                            const rect = e.currentTarget.getBoundingClientRect();
+                            onDayCellClick(date, rect);
+                        },
+                    }, h('span', { class: 'year-month__day-num' }, String(getDayOfMonth(date))));
+                }))),
+            ])));
+        };
+    },
+});
+//# sourceMappingURL=YearView.js.map

package/dist/views/year/YearView.js.map

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

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@bimetal/calendar-vue-components",
+  "version": "0.29.0",
+  "description": "Default Vue 3 calendar UI components",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles": "./dist/styles/index.css"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "tsc -b && node scripts/copy-css.mjs",
+    "dev": "tsc -b --watch",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "@bimetal/vue": "^0.29.0",
+    "@bimetal/core": "^0.29.0",
+    "@bimetal/calendar-core": "^0.29.0",
+    "@bimetal/calendar-data": "^0.29.0",
+    "@bimetal/calendar-headless": "^0.29.0",
+    "@bimetal/calendar-rules": "^0.29.0",
+    "@bimetal/calendar-themes": "^0.29.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.3.0"
+  },
+  "devDependencies": {
+    "@vue/test-utils": "^2.4.6",
+    "happy-dom": "^18.0.1",
+    "vitest": "^3.2.4",
+    "vue": "^3.5.13"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "license": "PolyForm-Noncommercial-1.0.0",
+  "author": "Andreas Biederbeck"
+}