@bimetal/calendar-angular-components 0.29.0

package/dist/views/week/WeekView.js

@@ -0,0 +1,370 @@
+import { Component, Input, Output, EventEmitter, ViewChild, ElementRef } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { weekGrid, calendarWeekNumber, isSameDay, now, segmentAllDay, segmentTimed, layoutAllDay, layoutTimed, getHours, getMinutes, getDayOfMonth, } from '@bimetal/calendar-core';
+import { 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 { AllDayRowComponent } from './AllDayRow.js';
+import { TimeEventComponent } from './TimeEvent.js';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+const _c0 = ["timeGridEl"];
+const _c1 = ["gridInnerEl"];
+function WeekViewComponent_div_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div")(1, "span", 13);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const date_r2 = ctx.$implicit;
+    const i_r3 = ctx.index;
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵclassMap("week-view__day-header" + (ctx_r3.isTodayAt(i_r3) ? " week-view__day-header--today" : ""));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r3.config.locale.dayNamesShort[i_r3]);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap("week-view__day-number" + (ctx_r3.isTodayAt(i_r3) ? " week-view__day-number--today" : ""));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r3.getDayOfMonth(date_r2), " ");
+} }
+function WeekViewComponent_div_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div")(1, "div", 14);
+    i0.ɵɵtext(2);
+    i0.ɵɵpipe(3, "number");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const h_r5 = ctx.$implicit;
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵclassMap("week-view__hour-row" + (ctx_r3.isOffHour(h_r5) ? " hour-slot--off" : ""));
+    i0.ɵɵstyleProp("top", h_r5 * ctx_r3.hourHeight, "px")("height", ctx_r3.hourHeight, "px");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(h_r5 > 0 ? i0.ɵɵpipeBind2(3, 7, h_r5, "2.0-0") + ":00" : "");
+} }
+function WeekViewComponent_div_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 15);
+} if (rf & 2) {
+    const col_r6 = ctx.index;
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵstyleProp("left", ctx_r3.dayColLeft(col_r6))("width", ctx_r3.dayColWidth);
+} }
+function WeekViewComponent_ng_container_12_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "cal-time-event", 16);
+    i0.ɵɵlistener("eventClick", function WeekViewComponent_ng_container_12_Template_cal_time_event_eventClick_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.eventClick.emit($event)); })("selectEvent", function WeekViewComponent_ng_container_12_Template_cal_time_event_selectEvent_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.selectEvent.emit($event)); })("dragStart", function WeekViewComponent_ng_container_12_Template_cal_time_event_dragStart_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.dragStartEv.emit($event)); })("dragEnd", function WeekViewComponent_ng_container_12_Template_cal_time_event_dragEnd_1_listener() { i0.ɵɵrestoreView(_r7); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.dragEnd.emit()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const entry_r8 = ctx.$implicit;
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("event", entry_r8.event)("layout", entry_r8.layout)("dayDate", ctx_r3.weekDates[entry_r8.layout.dayCol])("hourHeight", ctx_r3.hourHeight)("timeLabelWidth", ctx_r3.timeLabelWidth)("ghost", (ctx_r3.previewEvent == null ? null : ctx_r3.previewEvent.id) === entry_r8.event.id)("clickThresholdMs", ctx_r3.config.clickThresholdMs)("locale", ctx_r3.config.locale)("snapMinutes", ctx_r3.config.core.granularity.day.minutes)("selectedEventId", ctx_r3.selectedEventId)("selectedInstanceDate", ctx_r3.selectedInstanceDate);
+} }
+function WeekViewComponent_div_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 17);
+    i0.ɵɵelement(1, "div", 18);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵstyleProp("top", ctx_r3.nowHours * ctx_r3.hourHeight, "px")("left", ctx_r3.dayColLeft(ctx_r3.nowCol))("width", ctx_r3.dayColWidth);
+} }
+const HOURS = Array.from({ length: 24 }, (_, i) => i);
+export class WeekViewComponent {
+    currentDate;
+    events = [];
+    config;
+    // B-CAL-1: the controller already rebuilt the dragged event's geometry.
+    previewEvent = null;
+    selectedEventId = null;
+    selectedInstanceDate = undefined;
+    eventClick = new EventEmitter();
+    selectEvent = new EventEmitter();
+    clearSelection = new EventEmitter();
+    dayCellClick = new EventEmitter();
+    dropEvent = new EventEmitter();
+    dropTimedEvent = new EventEmitter();
+    dragOverDate = new EventEmitter();
+    dragOverDateTime = new EventEmitter();
+    /** Drop-Zone wurde verlassen (dragleave) — Preview visuell ausräumen. */
+    hidePreviewEv = new EventEmitter();
+    /** Native `dragend` der Source — Drag-Session vollständig beendet. */
+    dragEnd = new EventEmitter();
+    dragStartEv = new EventEmitter();
+    timeGridEl;
+    gridInnerEl;
+    weekDates = [];
+    weekNumber = 0;
+    allDayItems = [];
+    timedEntries = [];
+    hours = HOURS;
+    hourHeight = DEFAULT_HOUR_HEIGHT;
+    timeLabelWidth = DEFAULT_TIME_LABEL_WIDTH_WEEK;
+    nowCol = -1;
+    nowHours = 0;
+    click = createClickIntent();
+    getDayOfMonth = getDayOfMonth;
+    currentNow;
+    timeSnapMinutes = 15;
+    get dayColWidth() { return `calc((100% - ${DEFAULT_TIME_LABEL_WIDTH_WEEK}px) / 7)`; }
+    dayColLeft(col) { return `calc(${DEFAULT_TIME_LABEL_WIDTH_WEEK}px + ${col} * (100% - ${DEFAULT_TIME_LABEL_WIDTH_WEEK}px) / 7)`; }
+    isTodayAt(i) { return isSameDay(this.weekDates[i], this.currentNow); }
+    isOffHour(h) {
+        const wh = this.config.core.workingHours;
+        return wh ? (h < wh.start || h >= wh.end) : false;
+    }
+    ngOnChanges() {
+        this.currentNow = now(this.config.core.timezone, this.config.core.clock);
+        this.timeSnapMinutes = this.config.core.granularity.week.minutes;
+        this.weekDates = weekGrid(this.currentDate, this.config.core);
+        this.weekNumber = calendarWeekNumber(this.weekDates[0]);
+        // B-CAL-1: swap in the controller-rebuilt event by id (no parsing in the view).
+        const pe = this.previewEvent;
+        const displayEvents = pe
+            ? this.events.map(ev => ev.id === pe.id ? { ...ev, timeRange: pe.timeRange } : ev)
+            : this.events;
+        const allDay = displayEvents.filter(ev => ev.allDay);
+        const timed = displayEvents.filter(ev => !ev.allDay);
+        const segments = segmentAllDay(allDay, this.weekDates);
+        this.allDayItems = layoutAllDay(segments, this.weekDates);
+        // Lane-Layout pro Tag durch den Core (Pilot-Direktive 2026-06-21):
+        // segmentTimed clippt auf den Tag, layoutTimed assignt Lanes via
+        // Collision-Detection + Greedy-Belegung.
+        this.timedEntries = [];
+        for (let col = 0; col < 7; col++) {
+            const segments = segmentTimed(timed, this.weekDates[col]);
+            const items = layoutTimed(segments);
+            for (const item of items) {
+                this.timedEntries.push({
+                    event: item.segment.event,
+                    layout: {
+                        dayCol: col,
+                        dayCount: 7,
+                        lane: item.column,
+                        laneCount: item.totalColumns,
+                        startOffset: item.startOffset,
+                        endOffset: item.endOffset,
+                    },
+                });
+            }
+        }
+        this.nowCol = this.weekDates.findIndex(d => isSameDay(d, this.currentNow));
+        this.nowHours = getHours(this.currentNow) + getMinutes(this.currentNow) / 60;
+    }
+    ngAfterViewInit() {
+        if (this.timeGridEl) {
+            this.timeGridEl.nativeElement.scrollTop = DEFAULT_SCROLL_HOUR * DEFAULT_HOUR_HEIGHT;
+        }
+    }
+    handleGridDragOver(e) {
+        e.preventDefault();
+        e.dataTransfer.dropEffect = 'move';
+        if (!this.gridInnerEl)
+            return;
+        const rect = this.gridInnerEl.nativeElement.getBoundingClientRect();
+        const hit = timeGridHit({ x: e.clientX, y: e.clientY }, rect, { labelWidth: DEFAULT_TIME_LABEL_WIDTH_WEEK, hourHeight: DEFAULT_HOUR_HEIGHT, snapMinutes: this.timeSnapMinutes });
+        this.dragOverDateTime.emit({ date: this.weekDates[hit.col], time: hit.time });
+    }
+    handleGridDrop(e) {
+        e.preventDefault();
+        if (!this.gridInnerEl)
+            return;
+        const rect = this.gridInnerEl.nativeElement.getBoundingClientRect();
+        const hit = timeGridHit({ x: e.clientX, y: e.clientY }, rect, { labelWidth: DEFAULT_TIME_LABEL_WIDTH_WEEK, hourHeight: DEFAULT_HOUR_HEIGHT, snapMinutes: this.timeSnapMinutes });
+        this.dropTimedEvent.emit({ event: e, date: this.weekDates[hit.col], time: hit.time });
+    }
+    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) {
+            this.hidePreviewEv.emit();
+        }
+    }
+    handleGridClick(e) {
+        if (!this.click.accept(this.config.clickThresholdMs))
+            return;
+        if (e.target.closest('.time-event'))
+            return;
+        // Single click on empty grid deselects; create-dialog moves to dblclick.
+        if (this.selectedEventId !== null)
+            this.clearSelection.emit();
+    }
+    handleGridDoubleClick(e) {
+        if (!this.click.accept(this.config.clickThresholdMs))
+            return;
+        if (!this.gridInnerEl)
+            return;
+        if (e.target.closest('.time-event'))
+            return;
+        const gridRect = this.gridInnerEl.nativeElement.getBoundingClientRect();
+        const hit = timeGridHit({ x: e.clientX, y: e.clientY }, gridRect, { labelWidth: DEFAULT_TIME_LABEL_WIDTH_WEEK, hourHeight: DEFAULT_HOUR_HEIGHT, snapMinutes: this.timeSnapMinutes });
+        const clickedDate = this.weekDates[hit.col];
+        // Compose the clicked date + snapped time via the shared parser (no split).
+        const clickedDt = parseDateTimeStr(toDateStr(clickedDate), hit.time, clickedDate.timezone);
+        const rect = e.currentTarget.getBoundingClientRect();
+        this.dayCellClick.emit({ date: clickedDt, rect });
+    }
+    static ɵfac = function WeekViewComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WeekViewComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WeekViewComponent, selectors: [["cal-week-view"]], viewQuery: function WeekViewComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+            i0.ɵɵviewQuery(_c1, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.timeGridEl = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.gridInnerEl = _t.first);
+        } }, hostAttrs: [2, "display", "contents"], inputs: { currentDate: "currentDate", events: "events", config: "config", previewEvent: "previewEvent", selectedEventId: "selectedEventId", selectedInstanceDate: "selectedInstanceDate" }, outputs: { eventClick: "eventClick", selectEvent: "selectEvent", clearSelection: "clearSelection", dayCellClick: "dayCellClick", dropEvent: "dropEvent", dropTimedEvent: "dropTimedEvent", dragOverDate: "dragOverDate", dragOverDateTime: "dragOverDateTime", hidePreviewEv: "hidePreviewEv", dragEnd: "dragEnd", dragStartEv: "dragStartEv" }, features: [i0.ɵɵNgOnChangesFeature], decls: 14, vars: 15, consts: [["timeGridEl", ""], ["gridInnerEl", ""], [1, "week-view"], [1, "week-view__header"], [1, "week-view__corner"], [3, "class", 4, "ngFor", "ngForOf"], [3, "eventClick", "selectEvent", "dropEvent", "dragOver", "hidePreviewEv", "dragEnd", "dragStartEv", "weekDates", "items", "allDayLabel", "previewEvent", "selectedEventId", "selectedInstanceDate"], [1, "week-view__time-grid", 3, "dragover", "drop", "dragleave", "mousedown", "click", "dblclick"], [1, "week-view__time-grid-inner"], [3, "class", "top", "height", 4, "ngFor", "ngForOf"], ["class", "week-view__day-col", 3, "left", "width", 4, "ngFor", "ngForOf"], [4, "ngFor", "ngForOf"], ["class", "week-view__now-line", 3, "top", "left", "width", 4, "ngIf"], [1, "week-view__day-name"], [1, "week-view__hour-label"], [1, "week-view__day-col"], [3, "eventClick", "selectEvent", "dragStart", "dragEnd", "event", "layout", "dayDate", "hourHeight", "timeLabelWidth", "ghost", "clickThresholdMs", "locale", "snapMinutes", "selectedEventId", "selectedInstanceDate"], [1, "week-view__now-line"], [1, "week-view__now-dot"]], template: function WeekViewComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "div", 4);
+            i0.ɵɵtext(3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(4, WeekViewComponent_div_4_Template, 5, 6, "div", 5);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "cal-allday-row", 6);
+            i0.ɵɵlistener("eventClick", function WeekViewComponent_Template_cal_allday_row_eventClick_5_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.eventClick.emit($event)); })("selectEvent", function WeekViewComponent_Template_cal_allday_row_selectEvent_5_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.selectEvent.emit($event)); })("dropEvent", function WeekViewComponent_Template_cal_allday_row_dropEvent_5_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.dropEvent.emit($event)); })("dragOver", function WeekViewComponent_Template_cal_allday_row_dragOver_5_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.dragOverDate.emit($event)); })("hidePreviewEv", function WeekViewComponent_Template_cal_allday_row_hidePreviewEv_5_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.hidePreviewEv.emit()); })("dragEnd", function WeekViewComponent_Template_cal_allday_row_dragEnd_5_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.dragEnd.emit()); })("dragStartEv", function WeekViewComponent_Template_cal_allday_row_dragStartEv_5_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.dragStartEv.emit($event)); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(6, "div", 7, 0);
+            i0.ɵɵlistener("dragover", function WeekViewComponent_Template_div_dragover_6_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleGridDragOver($event)); })("drop", function WeekViewComponent_Template_div_drop_6_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleGridDrop($event)); })("dragleave", function WeekViewComponent_Template_div_dragleave_6_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleGridDragLeave($event)); })("mousedown", function WeekViewComponent_Template_div_mousedown_6_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.click.markMouseDown()); })("click", function WeekViewComponent_Template_div_click_6_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleGridClick($event)); })("dblclick", function WeekViewComponent_Template_div_dblclick_6_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleGridDoubleClick($event)); });
+            i0.ɵɵelementStart(8, "div", 8, 1);
+            i0.ɵɵtemplate(10, WeekViewComponent_div_10_Template, 4, 10, "div", 9)(11, WeekViewComponent_div_11_Template, 1, 4, "div", 10)(12, WeekViewComponent_ng_container_12_Template, 2, 11, "ng-container", 11)(13, WeekViewComponent_div_13_Template, 2, 6, "div", 12);
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate2("", ctx.config.locale.calendarWeek, " ", ctx.weekNumber, "");
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngForOf", ctx.weekDates);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("weekDates", ctx.weekDates)("items", ctx.allDayItems)("allDayLabel", ctx.config.locale.allDayLabel)("previewEvent", ctx.previewEvent)("selectedEventId", ctx.selectedEventId)("selectedInstanceDate", ctx.selectedInstanceDate);
+            i0.ɵɵadvance(3);
+            i0.ɵɵstyleProp("height", 24 * ctx.hourHeight, "px");
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngForOf", ctx.hours);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngForOf", ctx.weekDates);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngForOf", ctx.timedEntries);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.nowCol >= 0);
+        } }, dependencies: [CommonModule, i1.NgForOf, i1.NgIf, i1.DecimalPipe, AllDayRowComponent, TimeEventComponent], encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WeekViewComponent, [{
+        type: Component,
+        args: [{
+                selector: 'cal-week-view',
+                standalone: true,
+                host: { style: 'display: contents' },
+                imports: [CommonModule, AllDayRowComponent, TimeEventComponent],
+                template: `
+    <div class="week-view">
+      <div class="week-view__header">
+        <div class="week-view__corner">{{ config.locale.calendarWeek }} {{ weekNumber }}</div>
+        <div *ngFor="let date of weekDates; let i = index"
+          [class]="'week-view__day-header' + (isTodayAt(i) ? ' week-view__day-header--today' : '')">
+          <span class="week-view__day-name">{{ config.locale.dayNamesShort[i] }}</span>
+          <span [class]="'week-view__day-number' + (isTodayAt(i) ? ' week-view__day-number--today' : '')">
+            {{ getDayOfMonth(date) }}
+          </span>
+        </div>
+      </div>
+
+      <cal-allday-row
+        [weekDates]="weekDates" [items]="allDayItems"
+        [allDayLabel]="config.locale.allDayLabel"
+        [previewEvent]="previewEvent"
+        [selectedEventId]="selectedEventId"
+        [selectedInstanceDate]="selectedInstanceDate"
+        (eventClick)="eventClick.emit($event)"
+        (selectEvent)="selectEvent.emit($event)"
+        (dropEvent)="dropEvent.emit($event)"
+        (dragOver)="dragOverDate.emit($event)"
+        (hidePreviewEv)="hidePreviewEv.emit()"
+        (dragEnd)="dragEnd.emit()"
+        (dragStartEv)="dragStartEv.emit($event)">
+      </cal-allday-row>
+
+      <div #timeGridEl class="week-view__time-grid"
+        (dragover)="handleGridDragOver($event)"
+        (drop)="handleGridDrop($event)"
+        (dragleave)="handleGridDragLeave($event)"
+        (mousedown)="click.markMouseDown()"
+        (click)="handleGridClick($event)"
+        (dblclick)="handleGridDoubleClick($event)">
+        <div #gridInnerEl class="week-view__time-grid-inner" [style.height.px]="24 * hourHeight">
+          <div *ngFor="let h of hours"
+            [class]="'week-view__hour-row' + (isOffHour(h) ? ' hour-slot--off' : '')"
+            [style.top.px]="h * hourHeight" [style.height.px]="hourHeight">
+            <div class="week-view__hour-label">{{ h > 0 ? (h | number:'2.0-0') + ':00' : '' }}</div>
+          </div>
+
+          <div *ngFor="let date of weekDates; let col = index" class="week-view__day-col"
+            [style.left]="dayColLeft(col)" [style.width]="dayColWidth">
+          </div>
+
+          <ng-container *ngFor="let entry of timedEntries">
+            <cal-time-event
+              [event]="entry.event" [layout]="entry.layout"
+              [dayDate]="weekDates[entry.layout.dayCol]" [hourHeight]="hourHeight"
+              [timeLabelWidth]="timeLabelWidth" [ghost]="previewEvent?.id === entry.event.id"
+              [clickThresholdMs]="config.clickThresholdMs" [locale]="config.locale"
+              [snapMinutes]="config.core.granularity.day.minutes"
+              [selectedEventId]="selectedEventId"
+              [selectedInstanceDate]="selectedInstanceDate"
+              (eventClick)="eventClick.emit($event)"
+              (selectEvent)="selectEvent.emit($event)"
+              (dragStart)="dragStartEv.emit($event)"
+              (dragEnd)="dragEnd.emit()">
+            </cal-time-event>
+          </ng-container>
+
+          <div *ngIf="nowCol >= 0" class="week-view__now-line"
+            [style.top.px]="nowHours * hourHeight"
+            [style.left]="dayColLeft(nowCol)" [style.width]="dayColWidth">
+            <div class="week-view__now-dot"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  `,
+            }]
+    }], null, { currentDate: [{
+            type: Input
+        }], events: [{
+            type: Input
+        }], config: [{
+            type: Input
+        }], previewEvent: [{
+            type: Input
+        }], selectedEventId: [{
+            type: Input
+        }], selectedInstanceDate: [{
+            type: Input
+        }], eventClick: [{
+            type: Output
+        }], selectEvent: [{
+            type: Output
+        }], clearSelection: [{
+            type: Output
+        }], dayCellClick: [{
+            type: Output
+        }], dropEvent: [{
+            type: Output
+        }], dropTimedEvent: [{
+            type: Output
+        }], dragOverDate: [{
+            type: Output
+        }], dragOverDateTime: [{
+            type: Output
+        }], hidePreviewEv: [{
+            type: Output
+        }], dragEnd: [{
+            type: Output
+        }], dragStartEv: [{
+            type: Output
+        }], timeGridEl: [{
+            type: ViewChild,
+            args: ['timeGridEl']
+        }], gridInnerEl: [{
+            type: ViewChild,
+            args: ['gridInnerEl']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WeekViewComponent, { className: "WeekViewComponent", filePath: "views/week/weekview.ts", lineNumber: 94 }); })();
+//# 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,37 @@
+import { EventEmitter } from '@angular/core';
+import type { CalendarEvent, CalendarDateTime } from '@bimetal/calendar-core';
+import { getDayOfMonth } from '@bimetal/calendar-core';
+import type { CalendarConfig } from '../../binding/index.js';
+import * as i0 from "@angular/core";
+interface MonthCell {
+    month: number;
+    label: string;
+    weeks: CalendarDateTime[][];
+}
+export declare class YearViewComponent {
+    year: number;
+    events: CalendarEvent[];
+    config: CalendarConfig;
+    monthClick: EventEmitter<{
+        year: number;
+        month: number;
+    }>;
+    dayCellClick: EventEmitter<{
+        date: CalendarDateTime;
+        rect: DOMRect;
+    }>;
+    getDayOfMonth: typeof getDayOfMonth;
+    get dayNames(): string[];
+    get today(): CalendarDateTime;
+    get eventDays(): Set<number>;
+    get months(): MonthCell[];
+    dayClass(date: CalendarDateTime, month: number): string;
+    onDayClick(e: MouseEvent, date: CalendarDateTime): void;
+    trackMonth(_: number, mc: MonthCell): number;
+    trackWeek(idx: number): number;
+    trackDay(_: number, d: CalendarDateTime): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<YearViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<YearViewComponent, "cal-year-view", never, { "year": { "alias": "year"; "required": false; }; "events": { "alias": "events"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, { "monthClick": "monthClick"; "dayCellClick": "dayCellClick"; }, never, never, true, never>;
+}
+export {};
+//# 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,EAA4B,YAAY,EAA2B,MAAM,eAAe,CAAC;AAEhG,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EACgB,aAAa,EACnC,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;;AAE7D,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,gBAAgB,EAAE,EAAE,CAAC;CAC7B;AAED,qBA6Ba,iBAAiB;IACnB,IAAI,EAAG,MAAM,CAAC;IACd,MAAM,EAAE,aAAa,EAAE,CAAM;IAC7B,MAAM,EAAG,cAAc,CAAC;IACvB,UAAU;cAA4B,MAAM;eAAS,MAAM;OAAM;IACjE,YAAY;cAA4B,gBAAgB;cAAQ,OAAO;OAAM;IAEvF,aAAa,uBAAiB;IAE9B,IAAI,QAAQ,aAA+C;IAE3D,IAAI,KAAK,IAAI,gBAAgB,CAAmE;IAEhG,IAAI,SAAS,IAAI,GAAG,CAAC,MAAM,CAAC,CAW3B;IAED,IAAI,MAAM,IAAI,SAAS,EAAE,CASxB;IAED,QAAQ,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM;IAUvD,UAAU,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB;IAKhD,UAAU,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS;IACnC,SAAS,CAAC,GAAG,EAAE,MAAM;IACrB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,gBAAgB;yCAtD5B,iBAAiB;2CAAjB,iBAAiB;CAuD7B"}

package/dist/views/year/YearView.js

@@ -0,0 +1,162 @@
+import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { monthGrid, getMonth, getDayOfMonth, isSameDay, startOfDay, addDays, now, } from '@bimetal/calendar-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+function YearViewComponent_div_1_div_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const n_r4 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(n_r4[0]);
+} }
+function YearViewComponent_div_1_ng_container_6_button_1_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 10);
+    i0.ɵɵlistener("click", function YearViewComponent_div_1_ng_container_6_button_1_Template_button_click_0_listener($event) { const date_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onDayClick($event, date_r6)); });
+    i0.ɵɵelementStart(1, "span", 11);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const date_r6 = ctx.$implicit;
+    const mc_r2 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵclassMap(ctx_r2.dayClass(date_r6, mc_r2.month));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.getDayOfMonth(date_r6));
+} }
+function YearViewComponent_div_1_ng_container_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, YearViewComponent_div_1_ng_container_6_button_1_Template, 3, 3, "button", 9);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const week_r7 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", week_r7)("ngForTrackBy", ctx_r2.trackDay);
+} }
+function YearViewComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 2)(1, "button", 3);
+    i0.ɵɵlistener("click", function YearViewComponent_div_1_Template_button_click_1_listener() { const mc_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.monthClick.emit({ year: ctx_r2.year, month: mc_r2.month })); });
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 4);
+    i0.ɵɵtemplate(4, YearViewComponent_div_1_div_4_Template, 2, 1, "div", 5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 6);
+    i0.ɵɵtemplate(6, YearViewComponent_div_1_ng_container_6_Template, 2, 2, "ng-container", 7);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const mc_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", mc_r2.label, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", ctx_r2.dayNames);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", mc_r2.weeks)("ngForTrackBy", ctx_r2.trackWeek);
+} }
+export class YearViewComponent {
+    year;
+    events = [];
+    config;
+    monthClick = new EventEmitter();
+    dayCellClick = new EventEmitter();
+    getDayOfMonth = getDayOfMonth;
+    get dayNames() { return this.config.locale.dayNamesShort; }
+    get today() { return now(this.config.core.timezone, this.config.core.clock); }
+    get eventDays() {
+        const set = new Set();
+        for (const ev of this.events) {
+            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;
+    }
+    get months() {
+        const monthFmt = new Intl.DateTimeFormat(this.config.locale.code, {
+            month: 'long', timeZone: this.config.core.timezone,
+        });
+        return Array.from({ length: 12 }, (_, m) => ({
+            month: m,
+            label: monthFmt.format(new Date(Date.UTC(this.year, m, 15, 12))),
+            weeks: monthGrid(this.year, m, this.config.core),
+        }));
+    }
+    dayClass(date, month) {
+        const inMonth = getMonth(date) === month;
+        const isToday = isSameDay(date, this.today);
+        const hasEvents = this.eventDays.has(startOfDay(date).epochMs);
+        return 'year-month__day'
+            + (inMonth ? '' : ' year-month__day--outside')
+            + (isToday ? ' year-month__day--today' : '')
+            + (hasEvents ? ' year-month__day--has-events' : '');
+    }
+    onDayClick(e, date) {
+        const rect = e.currentTarget.getBoundingClientRect();
+        this.dayCellClick.emit({ date, rect });
+    }
+    trackMonth(_, mc) { return mc.month; }
+    trackWeek(idx) { return idx; }
+    trackDay(_, d) { return d.epochMs; }
+    static ɵfac = function YearViewComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || YearViewComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: YearViewComponent, selectors: [["cal-year-view"]], inputs: { year: "year", events: "events", config: "config" }, outputs: { monthClick: "monthClick", dayCellClick: "dayCellClick" }, decls: 2, vars: 2, consts: [[1, "year-grid"], ["class", "year-month", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "year-month"], ["type", "button", 1, "year-month__header", 3, "click"], [1, "year-month__day-headers"], ["class", "year-month__day-header", 4, "ngFor", "ngForOf"], [1, "year-month__days"], [4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "year-month__day-header"], ["type", "button", 3, "class", "click", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["type", "button", 3, "click"], [1, "year-month__day-num"]], template: function YearViewComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵtemplate(1, YearViewComponent_div_1_Template, 7, 4, "div", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngForOf", ctx.months)("ngForTrackBy", ctx.trackMonth);
+        } }, dependencies: [CommonModule, i1.NgForOf], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(YearViewComponent, [{
+        type: Component,
+        args: [{
+                selector: 'cal-year-view',
+                standalone: true,
+                imports: [CommonModule],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: `
+    <div class="year-grid">
+      <div *ngFor="let mc of months; trackBy: trackMonth" class="year-month">
+        <button type="button" class="year-month__header"
+                (click)="monthClick.emit({ year, month: mc.month })">
+          {{ mc.label }}
+        </button>
+        <div class="year-month__day-headers">
+          <div *ngFor="let n of dayNames" class="year-month__day-header">{{ n[0] }}</div>
+        </div>
+        <div class="year-month__days">
+          <ng-container *ngFor="let week of mc.weeks; trackBy: trackWeek">
+            <button *ngFor="let date of week; trackBy: trackDay"
+              type="button"
+              [class]="dayClass(date, mc.month)"
+              (click)="onDayClick($event, date)">
+              <span class="year-month__day-num">{{ getDayOfMonth(date) }}</span>
+            </button>
+          </ng-container>
+        </div>
+      </div>
+    </div>
+  `,
+            }]
+    }], null, { year: [{
+            type: Input
+        }], events: [{
+            type: Input
+        }], config: [{
+            type: Input
+        }], monthClick: [{
+            type: Output
+        }], dayCellClick: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(YearViewComponent, { className: "YearViewComponent", filePath: "views/year/yearview.ts", lineNumber: 44 }); })();
+//# 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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"}