@bimetal/calendar-vue-components 0.29.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (116) hide show
  1. package/LICENSE +129 -0
  2. package/dist/.tsbuildinfo +1 -0
  3. package/dist/binding/composables/useCalendarConfig.d.ts +15 -0
  4. package/dist/binding/composables/useCalendarConfig.d.ts.map +1 -0
  5. package/dist/binding/composables/useCalendarConfig.js +19 -0
  6. package/dist/binding/composables/useCalendarConfig.js.map +1 -0
  7. package/dist/binding/composables/useCalendarContext.d.ts +73 -0
  8. package/dist/binding/composables/useCalendarContext.d.ts.map +1 -0
  9. package/dist/binding/composables/useCalendarContext.js +31 -0
  10. package/dist/binding/composables/useCalendarContext.js.map +1 -0
  11. package/dist/binding/composables/useCalendarController.d.ts +31 -0
  12. package/dist/binding/composables/useCalendarController.d.ts.map +1 -0
  13. package/dist/binding/composables/useCalendarController.js +38 -0
  14. package/dist/binding/composables/useCalendarController.js.map +1 -0
  15. package/dist/binding/config.d.ts +6 -0
  16. package/dist/binding/config.d.ts.map +1 -0
  17. package/dist/binding/config.js +6 -0
  18. package/dist/binding/config.js.map +1 -0
  19. package/dist/binding/index.d.ts +24 -0
  20. package/dist/binding/index.d.ts.map +1 -0
  21. package/dist/binding/index.js +26 -0
  22. package/dist/binding/index.js.map +1 -0
  23. package/dist/binding/types.d.ts +87 -0
  24. package/dist/binding/types.d.ts.map +1 -0
  25. package/dist/binding/types.js +12 -0
  26. package/dist/binding/types.js.map +1 -0
  27. package/dist/binding/utils/date-strings.d.ts +16 -0
  28. package/dist/binding/utils/date-strings.d.ts.map +1 -0
  29. package/dist/binding/utils/date-strings.js +30 -0
  30. package/dist/binding/utils/date-strings.js.map +1 -0
  31. package/dist/binding/utils/gridUtils.d.ts +6 -0
  32. package/dist/binding/utils/gridUtils.d.ts.map +1 -0
  33. package/dist/binding/utils/gridUtils.js +13 -0
  34. package/dist/binding/utils/gridUtils.js.map +1 -0
  35. package/dist/binding/view-configs.d.ts +6 -0
  36. package/dist/binding/view-configs.d.ts.map +1 -0
  37. package/dist/binding/view-configs.js +6 -0
  38. package/dist/binding/view-configs.js.map +1 -0
  39. package/dist/components/Calendar.d.ts +139 -0
  40. package/dist/components/Calendar.d.ts.map +1 -0
  41. package/dist/components/Calendar.js +229 -0
  42. package/dist/components/Calendar.js.map +1 -0
  43. package/dist/components/CalendarHeader.d.ts +65 -0
  44. package/dist/components/CalendarHeader.d.ts.map +1 -0
  45. package/dist/components/CalendarHeader.js +33 -0
  46. package/dist/components/CalendarHeader.js.map +1 -0
  47. package/dist/components/CategoryFilter.d.ts +26 -0
  48. package/dist/components/CategoryFilter.d.ts.map +1 -0
  49. package/dist/components/CategoryFilter.js +26 -0
  50. package/dist/components/CategoryFilter.js.map +1 -0
  51. package/dist/components/EventBar.d.ts +34 -0
  52. package/dist/components/EventBar.d.ts.map +1 -0
  53. package/dist/components/EventBar.js +141 -0
  54. package/dist/components/EventBar.js.map +1 -0
  55. package/dist/components/EventDialog.d.ts +54 -0
  56. package/dist/components/EventDialog.d.ts.map +1 -0
  57. package/dist/components/EventDialog.js +284 -0
  58. package/dist/components/EventDialog.js.map +1 -0
  59. package/dist/components/EventHistory.d.ts +32 -0
  60. package/dist/components/EventHistory.d.ts.map +1 -0
  61. package/dist/components/EventHistory.js +76 -0
  62. package/dist/components/EventHistory.js.map +1 -0
  63. package/dist/components/ResourceFilter.d.ts +32 -0
  64. package/dist/components/ResourceFilter.d.ts.map +1 -0
  65. package/dist/components/ResourceFilter.js +26 -0
  66. package/dist/components/ResourceFilter.js.map +1 -0
  67. package/dist/components/UndoToast.d.ts +4 -0
  68. package/dist/components/UndoToast.d.ts.map +1 -0
  69. package/dist/components/UndoToast.js +36 -0
  70. package/dist/components/UndoToast.js.map +1 -0
  71. package/dist/index.d.ts +20 -0
  72. package/dist/index.d.ts.map +1 -0
  73. package/dist/index.js +24 -0
  74. package/dist/index.js.map +1 -0
  75. package/dist/styles/index.css +1 -0
  76. package/dist/views/agenda/AgendaView.d.ts +16 -0
  77. package/dist/views/agenda/AgendaView.d.ts.map +1 -0
  78. package/dist/views/agenda/AgendaView.js +163 -0
  79. package/dist/views/agenda/AgendaView.js.map +1 -0
  80. package/dist/views/day/DayView.d.ts +16 -0
  81. package/dist/views/day/DayView.d.ts.map +1 -0
  82. package/dist/views/day/DayView.js +237 -0
  83. package/dist/views/day/DayView.js.map +1 -0
  84. package/dist/views/month/MonthView.d.ts +22 -0
  85. package/dist/views/month/MonthView.d.ts.map +1 -0
  86. package/dist/views/month/MonthView.js +54 -0
  87. package/dist/views/month/MonthView.js.map +1 -0
  88. package/dist/views/month/WeekRow.d.ts +48 -0
  89. package/dist/views/month/WeekRow.d.ts.map +1 -0
  90. package/dist/views/month/WeekRow.js +208 -0
  91. package/dist/views/month/WeekRow.js.map +1 -0
  92. package/dist/views/resource/ResourceView.d.ts +40 -0
  93. package/dist/views/resource/ResourceView.d.ts.map +1 -0
  94. package/dist/views/resource/ResourceView.js +194 -0
  95. package/dist/views/resource/ResourceView.js.map +1 -0
  96. package/dist/views/timeline/TimelineView.d.ts +48 -0
  97. package/dist/views/timeline/TimelineView.d.ts.map +1 -0
  98. package/dist/views/timeline/TimelineView.js +155 -0
  99. package/dist/views/timeline/TimelineView.js.map +1 -0
  100. package/dist/views/week/AllDayRow.d.ts +24 -0
  101. package/dist/views/week/AllDayRow.d.ts.map +1 -0
  102. package/dist/views/week/AllDayRow.js +67 -0
  103. package/dist/views/week/AllDayRow.js.map +1 -0
  104. package/dist/views/week/TimeEvent.d.ts +72 -0
  105. package/dist/views/week/TimeEvent.d.ts.map +1 -0
  106. package/dist/views/week/TimeEvent.js +141 -0
  107. package/dist/views/week/TimeEvent.js.map +1 -0
  108. package/dist/views/week/WeekView.d.ts +16 -0
  109. package/dist/views/week/WeekView.d.ts.map +1 -0
  110. package/dist/views/week/WeekView.js +210 -0
  111. package/dist/views/week/WeekView.js.map +1 -0
  112. package/dist/views/year/YearView.d.ts +25 -0
  113. package/dist/views/year/YearView.d.ts.map +1 -0
  114. package/dist/views/year/YearView.js +67 -0
  115. package/dist/views/year/YearView.js.map +1 -0
  116. package/package.json +50 -0
@@ -0,0 +1,155 @@
1
+ import { defineComponent, computed, h } from 'vue';
2
+ import { startOfDay, addDays, isSameDay, now, segmentInRange, layoutAllDay, maxLanes, } from '@bimetal/calendar-core';
3
+ import { useCalendarContext, useCalendarConfig } from '../../binding/index.js';
4
+ import { DEFAULT_RESOURCE_LABEL_WIDTH, createClickIntent } from '@bimetal/calendar-headless';
5
+ import { EventBar } from '../../components/EventBar.js';
6
+ function dayFromX(clientX, laneRect, dates) {
7
+ const x = Math.max(0, clientX - laneRect.left);
8
+ const colWidth = laneRect.width / dates.length;
9
+ const idx = Math.min(dates.length - 1, Math.floor(x / colWidth));
10
+ return dates[idx];
11
+ }
12
+ export const TimelineView = defineComponent({
13
+ name: 'TimelineView',
14
+ props: {
15
+ currentDate: { type: Object, required: true },
16
+ days: { type: Number, required: true },
17
+ visibleResources: { type: Array, required: true },
18
+ onTimelineCellClick: {
19
+ type: Function,
20
+ required: true,
21
+ },
22
+ onTimelineDrop: {
23
+ type: Function,
24
+ required: true,
25
+ },
26
+ },
27
+ setup(props) {
28
+ const config = useCalendarConfig();
29
+ const { events, previewEvent, onDragOverDate, onHidePreview, selectedEventId, onClearSelection } = useCalendarContext();
30
+ const cellClick = createClickIntent();
31
+ const dates = computed(() => {
32
+ const start = startOfDay(props.currentDate);
33
+ return Array.from({ length: props.days }, (_, i) => addDays(start, i));
34
+ });
35
+ const dateFmt = computed(() => new Intl.DateTimeFormat(config.locale.code, {
36
+ weekday: 'short', day: 'numeric', month: 'short', timeZone: config.core.timezone,
37
+ }));
38
+ // B-CAL-1: Der Tag-Shift-Tanz (Uhrzeit erhalten) lebt jetzt im Controller
39
+ // (computeMoveRange ist ein reiner addDays). Nur das neu gebaute Event by id
40
+ // einswappen — die Timeline rekonstruiert nichts mehr.
41
+ const displayEvents = computed(() => {
42
+ const pe = previewEvent.value;
43
+ if (!pe)
44
+ return events.value;
45
+ return events.value.map(ev => ev.id === pe.id ? { ...ev, timeRange: pe.timeRange } : ev);
46
+ });
47
+ const lanesByResource = computed(() => {
48
+ const map = new Map();
49
+ for (const r of props.visibleResources) {
50
+ const own = displayEvents.value.filter(e => e.resourceId === r.id);
51
+ const segments = segmentInRange(own, dates.value);
52
+ map.set(r.id, layoutAllDay(segments, dates.value));
53
+ }
54
+ return map;
55
+ });
56
+ const handleLaneDragOver = (e) => {
57
+ e.preventDefault();
58
+ if (e.dataTransfer)
59
+ e.dataTransfer.dropEffect = 'move';
60
+ const rect = e.currentTarget.getBoundingClientRect();
61
+ onDragOverDate(dayFromX(e.clientX, rect, dates.value));
62
+ };
63
+ const handleLaneDrop = (e, resourceId) => {
64
+ e.preventDefault();
65
+ const rect = e.currentTarget.getBoundingClientRect();
66
+ props.onTimelineDrop(e, dayFromX(e.clientX, rect, dates.value), resourceId);
67
+ };
68
+ const handleLaneDragLeave = (e) => {
69
+ const el = e.currentTarget;
70
+ const rect = el.getBoundingClientRect();
71
+ if (e.clientX < rect.left || e.clientX > rect.right
72
+ || e.clientY < rect.top || e.clientY > rect.bottom) {
73
+ onHidePreview();
74
+ }
75
+ };
76
+ return () => {
77
+ const today = now(config.core.timezone, config.core.clock);
78
+ if (props.visibleResources.length === 0) {
79
+ return h('div', { class: 'timeline-view timeline-view--empty' }, config.locale.unassigned ?? 'No resource selected');
80
+ }
81
+ const colTemplate = `${DEFAULT_RESOURCE_LABEL_WIDTH}px repeat(${props.days}, 1fr)`;
82
+ return h('div', { class: 'timeline-view' }, [
83
+ h('div', {
84
+ class: 'timeline-view__header',
85
+ style: { gridTemplateColumns: colTemplate },
86
+ }, [
87
+ h('div', { class: 'timeline-view__corner' }),
88
+ ...dates.value.map(d => {
89
+ const isToday = isSameDay(d, today);
90
+ return h('div', {
91
+ key: d.epochMs,
92
+ class: 'timeline-view__date-header' + (isToday ? ' timeline-view__date-header--today' : ''),
93
+ }, dateFmt.value.format(new Date(d.epochMs)));
94
+ }),
95
+ ]),
96
+ h('div', { class: 'timeline-view__body' }, props.visibleResources.map(r => {
97
+ const items = lanesByResource.value.get(r.id) ?? [];
98
+ const lanes = Math.max(1, maxLanes(items));
99
+ return h('div', { key: r.id, class: 'timeline-view__lane' }, [
100
+ h('div', {
101
+ class: 'timeline-view__resource-label',
102
+ style: { width: `${DEFAULT_RESOURCE_LABEL_WIDTH}px` },
103
+ }, [
104
+ r.color ? h('span', { class: 'timeline-view__resource-dot', style: { backgroundColor: r.color } }) : null,
105
+ h('span', { class: 'timeline-view__resource-name' }, r.name),
106
+ ]),
107
+ h('div', {
108
+ class: 'timeline-view__lane-content',
109
+ style: {
110
+ display: 'grid',
111
+ gridTemplateColumns: `repeat(${props.days}, 1fr)`,
112
+ gridAutoRows: '32px',
113
+ minHeight: `${lanes * 32}px`,
114
+ },
115
+ onDragover: handleLaneDragOver,
116
+ onDrop: (e) => handleLaneDrop(e, r.id),
117
+ onDragleave: handleLaneDragLeave,
118
+ }, [
119
+ ...dates.value.map((d, i) => {
120
+ const isToday = isSameDay(d, today);
121
+ return h('button', {
122
+ key: d.epochMs,
123
+ type: 'button',
124
+ class: 'timeline-view__cell' + (isToday ? ' timeline-view__cell--today' : ''),
125
+ style: { gridColumn: i + 1, gridRow: '1 / -1' },
126
+ onMousedown: () => cellClick.markMouseDown(),
127
+ onClick: () => {
128
+ if (!cellClick.accept(config.clickThresholdMs))
129
+ return;
130
+ // Single click deselects; dblclick opens the dialog.
131
+ if (selectedEventId.value !== null)
132
+ onClearSelection();
133
+ },
134
+ onDblclick: (e) => {
135
+ if (!cellClick.accept(config.clickThresholdMs))
136
+ return;
137
+ const rect = e.currentTarget.getBoundingClientRect();
138
+ props.onTimelineCellClick(d, r.id, rect);
139
+ },
140
+ });
141
+ }),
142
+ ...items.map((item, idx) => h(EventBar, {
143
+ key: `${item.segment.event.id}-${idx}`,
144
+ item,
145
+ weekDates: dates.value,
146
+ ghost: previewEvent.value?.id === item.segment.event.id,
147
+ })),
148
+ ]),
149
+ ]);
150
+ })),
151
+ ]);
152
+ };
153
+ },
154
+ });
155
+ //# sourceMappingURL=TimelineView.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimelineView.js","sourceRoot":"","sources":["../../../src/views/timeline/TimelineView.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,24 @@
1
+ import { type PropType } from 'vue';
2
+ import type { CalendarDateTime, LayoutItem } from '@bimetal/calendar-core';
3
+ export declare const AllDayRow: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
4
+ weekDates: {
5
+ type: PropType<CalendarDateTime[]>;
6
+ required: true;
7
+ };
8
+ items: {
9
+ type: PropType<LayoutItem[]>;
10
+ required: true;
11
+ };
12
+ }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
13
+ [key: string]: any;
14
+ }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
15
+ weekDates: {
16
+ type: PropType<CalendarDateTime[]>;
17
+ required: true;
18
+ };
19
+ items: {
20
+ type: PropType<LayoutItem[]>;
21
+ required: true;
22
+ };
23
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
24
+ //# sourceMappingURL=AllDayRow.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AllDayRow.d.ts","sourceRoot":"","sources":["../../../src/views/week/AllDayRow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,QAAQ,EAAK,MAAM,KAAK,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAM3E,eAAO,MAAM,SAAS;;cAGU,QAAQ,CAAC,gBAAgB,EAAE,CAAC;;;;cAChC,QAAQ,CAAC,UAAU,EAAE,CAAC;;;;;;;cADlB,QAAQ,CAAC,gBAAgB,EAAE,CAAC;;;;cAChC,QAAQ,CAAC,UAAU,EAAE,CAAC;;;iGA6DhD,CAAC"}
@@ -0,0 +1,67 @@
1
+ import { defineComponent, ref, h } from 'vue';
2
+ import { maxLanes } from '@bimetal/calendar-core';
3
+ import { useCalendarContext, useCalendarConfig } from '../../binding/index.js';
4
+ import { colFromTimeGridX, DEFAULT_TIME_LABEL_WIDTH_WEEK } from '@bimetal/calendar-headless';
5
+ import { EventBar } from '../../components/EventBar.js';
6
+ export const AllDayRow = defineComponent({
7
+ name: 'AllDayRow',
8
+ props: {
9
+ weekDates: { type: Array, required: true },
10
+ items: { type: Array, required: true },
11
+ },
12
+ setup(props) {
13
+ const config = useCalendarConfig();
14
+ const { onDropEvent, onDragOverDate, onHidePreview, previewEvent } = useCalendarContext();
15
+ const rowRef = ref(null);
16
+ const handleDragOver = (e) => {
17
+ e.preventDefault();
18
+ e.dataTransfer.dropEffect = 'move';
19
+ if (!rowRef.value)
20
+ return;
21
+ const col = colFromTimeGridX(e.clientX, rowRef.value.getBoundingClientRect(), DEFAULT_TIME_LABEL_WIDTH_WEEK);
22
+ onDragOverDate(props.weekDates[col]);
23
+ };
24
+ const handleDrop = (e) => {
25
+ e.preventDefault();
26
+ if (!rowRef.value)
27
+ return;
28
+ const col = colFromTimeGridX(e.clientX, rowRef.value.getBoundingClientRect(), DEFAULT_TIME_LABEL_WIDTH_WEEK);
29
+ onDropEvent(e, props.weekDates[col]);
30
+ };
31
+ const handleDragLeave = (e) => {
32
+ const row = e.currentTarget;
33
+ const rect = row.getBoundingClientRect();
34
+ if (e.clientX < rect.left || e.clientX > rect.right ||
35
+ e.clientY < rect.top || e.clientY > rect.bottom) {
36
+ onHidePreview();
37
+ }
38
+ };
39
+ return () => {
40
+ if (props.items.length === 0)
41
+ return null;
42
+ const lanes = maxLanes(props.items);
43
+ return h('div', {
44
+ ref: rowRef,
45
+ class: 'week-view__allday',
46
+ onDragover: handleDragOver,
47
+ onDrop: handleDrop,
48
+ onDragleave: handleDragLeave,
49
+ }, [
50
+ h('div', { class: 'week-view__allday-label' }, config.locale.allDayLabel),
51
+ h('div', {
52
+ class: 'week-view__allday-grid',
53
+ style: { '--lane-count': lanes },
54
+ }, props.items.map((layoutItem, idx) => {
55
+ const isDragged = previewEvent.value?.id === layoutItem.segment.event.id;
56
+ return h(EventBar, {
57
+ key: `${layoutItem.segment.event.id}-${idx}`,
58
+ item: layoutItem,
59
+ weekDates: props.weekDates,
60
+ ghost: isDragged,
61
+ });
62
+ })),
63
+ ]);
64
+ };
65
+ },
66
+ });
67
+ //# sourceMappingURL=AllDayRow.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AllDayRow.js","sourceRoot":"","sources":["../../../src/views/week/AllDayRow.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,72 @@
1
+ import { type PropType } from 'vue';
2
+ import type { CalendarEvent, CalendarDateTime } from '@bimetal/calendar-core';
3
+ /**
4
+ * Layout-Position eines Termins in einer Spalten-orientierten View
5
+ * (Week, Day, Resource). Zwei orthogonale Achsen — siehe React-Variante
6
+ * für die Architektur-Begründung (Pilot-Direktive 2026-06-21).
7
+ */
8
+ export interface TimeEventLayout {
9
+ readonly dayCol: number;
10
+ readonly dayCount: number;
11
+ readonly lane: number;
12
+ readonly laneCount: number;
13
+ readonly startOffset: number;
14
+ readonly endOffset: number;
15
+ }
16
+ export declare const TimeEvent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
17
+ event: {
18
+ type: PropType<CalendarEvent>;
19
+ required: true;
20
+ };
21
+ layout: {
22
+ type: PropType<TimeEventLayout>;
23
+ required: true;
24
+ };
25
+ dayDate: {
26
+ type: PropType<CalendarDateTime>;
27
+ required: true;
28
+ };
29
+ hourHeight: {
30
+ type: NumberConstructor;
31
+ required: true;
32
+ };
33
+ timeLabelWidth: {
34
+ type: NumberConstructor;
35
+ default: number;
36
+ };
37
+ ghost: {
38
+ type: BooleanConstructor;
39
+ default: boolean;
40
+ };
41
+ }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
42
+ [key: string]: any;
43
+ }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
44
+ event: {
45
+ type: PropType<CalendarEvent>;
46
+ required: true;
47
+ };
48
+ layout: {
49
+ type: PropType<TimeEventLayout>;
50
+ required: true;
51
+ };
52
+ dayDate: {
53
+ type: PropType<CalendarDateTime>;
54
+ required: true;
55
+ };
56
+ hourHeight: {
57
+ type: NumberConstructor;
58
+ required: true;
59
+ };
60
+ timeLabelWidth: {
61
+ type: NumberConstructor;
62
+ default: number;
63
+ };
64
+ ghost: {
65
+ type: BooleanConstructor;
66
+ default: boolean;
67
+ };
68
+ }>> & Readonly<{}>, {
69
+ ghost: boolean;
70
+ timeLabelWidth: number;
71
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
72
+ //# sourceMappingURL=TimeEvent.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimeEvent.d.ts","sourceRoot":"","sources":["../../../src/views/week/TimeEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,QAAQ,EAAK,MAAM,KAAK,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAK9E;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS;;cAGO,QAAQ,CAAC,aAAa,CAAC;;;;cACtB,QAAQ,CAAC,eAAe,CAAC;;;;cACxB,QAAQ,CAAC,gBAAgB,CAAC;;;;;;;;;;;;;;;;;;;cAF5B,QAAQ,CAAC,aAAa,CAAC;;;;cACtB,QAAQ,CAAC,eAAe,CAAC;;;;cACxB,QAAQ,CAAC,gBAAgB,CAAC;;;;;;;;;;;;;;;;;;4EA+IvD,CAAC"}
@@ -0,0 +1,141 @@
1
+ import { defineComponent, h } from 'vue';
2
+ import { isSameDay, getRecurrenceInstanceMetadata } from '@bimetal/calendar-core';
3
+ import { useCalendarContext, useCalendarConfig, toTimeStr, buildDragInfo, useEventSlots } from '../../binding/index.js';
4
+ import { createClickIntent, writeCalendarDragData, installTransparentDragImage } from '@bimetal/calendar-headless';
5
+ export const TimeEvent = defineComponent({
6
+ name: 'TimeEvent',
7
+ props: {
8
+ event: { type: Object, required: true },
9
+ layout: { type: Object, required: true },
10
+ dayDate: { type: Object, required: true },
11
+ hourHeight: { type: Number, required: true },
12
+ timeLabelWidth: { type: Number, default: 50 },
13
+ ghost: { type: Boolean, default: false },
14
+ },
15
+ setup(props) {
16
+ const config = useCalendarConfig();
17
+ const { onEventClick, onSelectEvent, selectedEventId, selectedInstanceDate, onDragStart: ctxDragStart, onDragEnd: ctxDragEnd, } = useCalendarContext();
18
+ const click = createClickIntent();
19
+ const slots = useEventSlots(() => props.event);
20
+ const handleMouseDown = () => {
21
+ click.markMouseDown();
22
+ };
23
+ const handleDragStart = (e) => {
24
+ click.markDragged();
25
+ const el = e.currentTarget;
26
+ const rect = el.getBoundingClientRect();
27
+ const yInEl = e.clientY - rect.top;
28
+ const minutesIntoVisible = (yInEl / props.hourHeight) * 60;
29
+ const snap = config.core.granularity.day.minutes;
30
+ const minuteOffset = Math.round(minutesIntoVisible / snap) * snap;
31
+ const info = buildDragInfo(props.event, 'move-timed', { minuteOffset });
32
+ writeCalendarDragData(e.dataTransfer, info);
33
+ ctxDragStart(info);
34
+ };
35
+ const handleResizeDragStart = (e, edge) => {
36
+ e.stopPropagation();
37
+ click.markDragged();
38
+ installTransparentDragImage(e.dataTransfer);
39
+ const info = buildDragInfo(props.event, 'resize-timed', { edge });
40
+ writeCalendarDragData(e.dataTransfer, info);
41
+ ctxDragStart(info);
42
+ };
43
+ const handleClick = (e) => {
44
+ e.stopPropagation();
45
+ if (!click.accept(config.clickThresholdMs))
46
+ return;
47
+ const instanceDate = getRecurrenceInstanceMetadata(props.event)?.instanceDate;
48
+ onSelectEvent(props.event.id, instanceDate);
49
+ };
50
+ const handleDoubleClick = (e) => {
51
+ e.stopPropagation();
52
+ if (!click.accept(config.clickThresholdMs))
53
+ return;
54
+ const rect = e.currentTarget.getBoundingClientRect();
55
+ const instanceDate = getRecurrenceInstanceMetadata(props.event)?.instanceDate;
56
+ onEventClick(props.event.id, rect, instanceDate);
57
+ };
58
+ return () => {
59
+ // Zeit-Geometrie aus layoutTimed (Pilot-Direktive 2026-06-21).
60
+ const dayHeight = 24 * props.hourHeight;
61
+ const top = props.layout.startOffset * dayHeight;
62
+ const rawHeight = (props.layout.endOffset - props.layout.startOffset) * dayHeight;
63
+ const height = Math.max(rawHeight, 0.25 * props.hourHeight);
64
+ const duration = Math.max((props.layout.endOffset - props.layout.startOffset) * 24, 0.25);
65
+ const isFirstDay = isSameDay(props.event.timeRange.start, props.dayDate);
66
+ const isLastDay = isSameDay(props.event.timeRange.end, props.dayDate);
67
+ const color = props.event.metadata.color ?? '#007AFF';
68
+ const startTimeStr = toTimeStr(props.event.timeRange.start);
69
+ const endTimeStr = toTimeStr(props.event.timeRange.end);
70
+ let timeLabel = '';
71
+ if (isFirstDay && isLastDay) {
72
+ timeLabel = `${startTimeStr} \u2013 ${endTimeStr}`;
73
+ }
74
+ else if (isFirstDay) {
75
+ timeLabel = `${config.locale.timeFrom} ${startTimeStr}`;
76
+ }
77
+ else if (isLastDay) {
78
+ timeLabel = `${config.locale.timeUntil} ${endTimeStr}`;
79
+ }
80
+ const tlw = props.timeLabelWidth;
81
+ const leftFraction = props.layout.dayCol / props.layout.dayCount
82
+ + props.layout.lane / (props.layout.dayCount * props.layout.laneCount);
83
+ const widthFraction = 1 / (props.layout.dayCount * props.layout.laneCount);
84
+ const s = slots.value;
85
+ const title = s.title ?? props.event.title;
86
+ const extraClass = s.className ? ' ' + s.className : '';
87
+ const instanceDate = getRecurrenceInstanceMetadata(props.event)?.instanceDate;
88
+ const isSelected = selectedEventId.value === props.event.id && selectedInstanceDate.value === instanceDate;
89
+ return h('div', {
90
+ class: `time-event ${props.ghost ? 'time-event--ghost' : ''}${isSelected ? ' time-event--selected' : ''}${extraClass}`,
91
+ style: {
92
+ top: `${top}px`,
93
+ height: `${height}px`,
94
+ left: `calc(${tlw}px + (100% - ${tlw}px) * ${leftFraction} + 2px)`,
95
+ width: `calc((100% - ${tlw}px) * ${widthFraction} - 4px)`,
96
+ backgroundColor: color,
97
+ borderRadius: `${isFirstDay ? 4 : 0}px ${isFirstDay ? 4 : 0}px ${isLastDay ? 4 : 0}px ${isLastDay ? 4 : 0}px`,
98
+ ...s.style,
99
+ },
100
+ draggable: !props.ghost,
101
+ 'data-day-col': props.layout.dayCol,
102
+ 'data-day-count': props.layout.dayCount,
103
+ 'data-lane': props.layout.lane,
104
+ 'data-lane-count': props.layout.laneCount,
105
+ onMousedown: handleMouseDown,
106
+ onDragstart: handleDragStart,
107
+ onDragend: ctxDragEnd,
108
+ onClick: handleClick,
109
+ onDblclick: handleDoubleClick,
110
+ title,
111
+ }, [
112
+ isFirstDay && !props.ghost
113
+ ? h('div', {
114
+ class: 'time-event__resize time-event__resize--top',
115
+ draggable: true,
116
+ onDragstart: (e) => handleResizeDragStart(e, 'start'),
117
+ onDragend: ctxDragEnd,
118
+ onMousedown: (e) => e.stopPropagation(),
119
+ })
120
+ : null,
121
+ s.content ?? [
122
+ h('div', { class: 'time-event__title' }, title),
123
+ duration >= 0.75 && timeLabel
124
+ ? h('div', { class: 'time-event__time' }, timeLabel)
125
+ : null,
126
+ ],
127
+ s.badges ?? null,
128
+ isLastDay && !props.ghost
129
+ ? h('div', {
130
+ class: 'time-event__resize time-event__resize--bottom',
131
+ draggable: true,
132
+ onDragstart: (e) => handleResizeDragStart(e, 'end'),
133
+ onDragend: ctxDragEnd,
134
+ onMousedown: (e) => e.stopPropagation(),
135
+ })
136
+ : null,
137
+ ]);
138
+ };
139
+ },
140
+ });
141
+ //# sourceMappingURL=TimeEvent.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimeEvent.js","sourceRoot":"","sources":["../../../src/views/week/TimeEvent.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,16 @@
1
+ import { type PropType } from 'vue';
2
+ import type { CalendarDateTime } from '@bimetal/calendar-core';
3
+ export declare const WeekView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
4
+ currentDate: {
5
+ type: PropType<CalendarDateTime>;
6
+ required: true;
7
+ };
8
+ }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
9
+ [key: string]: any;
10
+ }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
11
+ currentDate: {
12
+ type: PropType<CalendarDateTime>;
13
+ required: true;
14
+ };
15
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
16
+ //# sourceMappingURL=WeekView.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"WeekView.d.ts","sourceRoot":"","sources":["../../../src/views/week/WeekView.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0D,KAAK,QAAQ,EAAK,MAAM,KAAK,CAAC;AAC/F,OAAO,KAAK,EAAiB,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAa9E,eAAO,MAAM,QAAQ;;cAGc,QAAQ,CAAC,gBAAgB,CAAC;;;;;;;cAA1B,QAAQ,CAAC,gBAAgB,CAAC;;;iGA8N3D,CAAC"}