@bimetal/calendar-angular-components 0.29.0

package/dist/views/timeline/TimelineView.js

@@ -0,0 +1,314 @@
+import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { startOfDay, addDays, isSameDay, now, segmentInRange, layoutAllDay, maxLanes, } from '@bimetal/calendar-core';
+import { DEFAULT_RESOURCE_LABEL_WIDTH, createClickIntent } from '@bimetal/calendar-headless';
+import { EventBarComponent } from '../../components/EventBar.js';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+function TimelineViewComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "div", 2);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.config.locale.unassigned || "No resource selected", " ");
+} }
+function TimelineViewComponent_ng_template_1_div_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const d_r2 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassMap("timeline-view__date-header" + (ctx_r0.isToday(d_r2) ? " timeline-view__date-header--today" : ""));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.formatDate(d_r2), " ");
+} }
+function TimelineViewComponent_ng_template_1_div_5_span_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 16);
+} if (rf & 2) {
+    const r_r4 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵstyleProp("background-color", r_r4.color);
+} }
+function TimelineViewComponent_ng_template_1_div_5_button_6_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 17);
+    i0.ɵɵlistener("mousedown", function TimelineViewComponent_ng_template_1_div_5_button_6_Template_button_mousedown_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.cellClick.markMouseDown()); })("click", function TimelineViewComponent_ng_template_1_div_5_button_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.onCellClick()); })("dblclick", function TimelineViewComponent_ng_template_1_div_5_button_6_Template_button_dblclick_0_listener($event) { const d_r6 = i0.ɵɵrestoreView(_r5).$implicit; const r_r4 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onCellDoubleClick($event, d_r6, r_r4.id)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const d_r6 = ctx.$implicit;
+    const i_r7 = ctx.index;
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassMap("timeline-view__cell" + (ctx_r0.isToday(d_r6) ? " timeline-view__cell--today" : ""));
+    i0.ɵɵstyleProp("grid-column", i_r7 + 1)("grid-row", "1 / -1");
+} }
+function TimelineViewComponent_ng_template_1_div_5_cal_event_bar_7_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "cal-event-bar", 18);
+    i0.ɵɵlistener("eventClick", function TimelineViewComponent_ng_template_1_div_5_cal_event_bar_7_Template_cal_event_bar_eventClick_0_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.eventClick.emit($event)); })("selectEvent", function TimelineViewComponent_ng_template_1_div_5_cal_event_bar_7_Template_cal_event_bar_selectEvent_0_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.selectEvent.emit($event)); })("dragStart", function TimelineViewComponent_ng_template_1_div_5_cal_event_bar_7_Template_cal_event_bar_dragStart_0_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.dragStartEv.emit($event)); })("dragEnd", function TimelineViewComponent_ng_template_1_div_5_cal_event_bar_7_Template_cal_event_bar_dragEnd_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.dragEnd.emit()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r9 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("item", item_r9)("weekDates", ctx_r0.dates)("ghost", (ctx_r0.previewEvent == null ? null : ctx_r0.previewEvent.id) === item_r9.segment.event.id)("clickThresholdMs", ctx_r0.config.clickThresholdMs)("selectedEventId", ctx_r0.selectedEventId)("selectedInstanceDate", ctx_r0.selectedInstanceDate);
+} }
+function TimelineViewComponent_ng_template_1_div_5_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 9)(1, "div", 10);
+    i0.ɵɵtemplate(2, TimelineViewComponent_ng_template_1_div_5_span_2_Template, 1, 2, "span", 11);
+    i0.ɵɵelementStart(3, "span", 12);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 13);
+    i0.ɵɵlistener("dragover", function TimelineViewComponent_ng_template_1_div_5_Template_div_dragover_5_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onLaneDragOver($event)); })("drop", function TimelineViewComponent_ng_template_1_div_5_Template_div_drop_5_listener($event) { const r_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onLaneDrop($event, r_r4.id)); })("dragleave", function TimelineViewComponent_ng_template_1_div_5_Template_div_dragleave_5_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onLaneDragLeave($event)); });
+    i0.ɵɵtemplate(6, TimelineViewComponent_ng_template_1_div_5_button_6_Template, 1, 6, "button", 14)(7, TimelineViewComponent_ng_template_1_div_5_cal_event_bar_7_Template, 1, 6, "cal-event-bar", 15);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const r_r4 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("width", ctx_r0.resourceLabelW, "px");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", r_r4.color);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(r_r4.name);
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("display", "grid")("grid-template-columns", "repeat(" + ctx_r0.days + ", 1fr)")("grid-auto-rows", "32px")("min-height", ctx_r0.laneHeight(r_r4.id), "px");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r0.dates)("ngForTrackBy", ctx_r0.trackDate);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r0.itemsFor(r_r4.id))("ngForTrackBy", ctx_r0.trackItem);
+} }
+function TimelineViewComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3)(1, "div", 4);
+    i0.ɵɵelement(2, "div", 5);
+    i0.ɵɵtemplate(3, TimelineViewComponent_ng_template_1_div_3_Template, 2, 3, "div", 6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 7);
+    i0.ɵɵtemplate(5, TimelineViewComponent_ng_template_1_div_5_Template, 8, 16, "div", 8);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("grid-template-columns", ctx_r0.colTemplate);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", ctx_r0.dates)("ngForTrackBy", ctx_r0.trackDate);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", ctx_r0.visibleResources)("ngForTrackBy", ctx_r0.trackResource);
+} }
+export class TimelineViewComponent {
+    currentDate;
+    days = 7;
+    events = [];
+    visibleResources = [];
+    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();
+    timelineCellClick = new EventEmitter();
+    timelineDrop = new EventEmitter();
+    dragOverDate = 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();
+    resourceLabelW = DEFAULT_RESOURCE_LABEL_WIDTH;
+    get dates() {
+        const start = startOfDay(this.currentDate);
+        return Array.from({ length: this.days }, (_, i) => addDays(start, i));
+    }
+    get colTemplate() {
+        return `${DEFAULT_RESOURCE_LABEL_WIDTH}px repeat(${this.days}, 1fr)`;
+    }
+    get _today() {
+        return now(this.config.core.timezone, this.config.core.clock);
+    }
+    get _dateFmt() {
+        return new Intl.DateTimeFormat(this.config.locale.code, {
+            weekday: 'short', day: 'numeric', month: 'short', timeZone: this.config.core.timezone,
+        });
+    }
+    isToday(d) { return isSameDay(d, this._today); }
+    formatDate(d) { return this._dateFmt.format(new Date(d.epochMs)); }
+    /**
+     * B-CAL-1: the day-shift dance that preserved time-of-day now lives in the
+     * controller (`computeMoveRange` is a pure addDays). Just swap the rebuilt
+     * event in by id — the timeline no longer reconstructs anything.
+     */
+    get displayEvents() {
+        const pe = this.previewEvent;
+        if (!pe)
+            return this.events;
+        return this.events.map(ev => ev.id === pe.id ? { ...ev, timeRange: pe.timeRange } : ev);
+    }
+    itemsFor(resourceId) {
+        const own = this.displayEvents.filter(e => e.resourceId === resourceId);
+        const segments = segmentInRange(own, this.dates);
+        return layoutAllDay(segments, this.dates);
+    }
+    dayFromX(clientX, laneRect) {
+        const ds = this.dates;
+        const x = Math.max(0, clientX - laneRect.left);
+        const colWidth = laneRect.width / ds.length;
+        const idx = Math.min(ds.length - 1, Math.floor(x / colWidth));
+        return ds[idx];
+    }
+    onLaneDragOver(e) {
+        e.preventDefault();
+        if (e.dataTransfer)
+            e.dataTransfer.dropEffect = 'move';
+        const rect = e.currentTarget.getBoundingClientRect();
+        this.dragOverDate.emit(this.dayFromX(e.clientX, rect));
+    }
+    onLaneDrop(e, resourceId) {
+        e.preventDefault();
+        const rect = e.currentTarget.getBoundingClientRect();
+        this.timelineDrop.emit({ event: e, date: this.dayFromX(e.clientX, rect), resourceId });
+    }
+    onLaneDragLeave(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();
+        }
+    }
+    laneHeight(resourceId) {
+        const items = this.itemsFor(resourceId);
+        return Math.max(1, maxLanes(items)) * 32;
+    }
+    cellClick = createClickIntent();
+    onCellClick() {
+        if (!this.cellClick.accept(this.config.clickThresholdMs))
+            return;
+        // Single click deselects; dblclick opens the dialog.
+        if (this.selectedEventId !== null)
+            this.clearSelection.emit();
+    }
+    onCellDoubleClick(e, date, resourceId) {
+        if (!this.cellClick.accept(this.config.clickThresholdMs))
+            return;
+        const rect = e.currentTarget.getBoundingClientRect();
+        this.timelineCellClick.emit({ date, resourceId, rect });
+    }
+    trackResource(_, r) { return r.id; }
+    trackDate(_, d) { return d.epochMs; }
+    trackItem(_, item) { return item.segment.event.id; }
+    static ɵfac = function TimelineViewComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TimelineViewComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TimelineViewComponent, selectors: [["cal-timeline-view"]], inputs: { currentDate: "currentDate", days: "days", events: "events", visibleResources: "visibleResources", config: "config", previewEvent: "previewEvent", selectedEventId: "selectedEventId", selectedInstanceDate: "selectedInstanceDate" }, outputs: { eventClick: "eventClick", selectEvent: "selectEvent", clearSelection: "clearSelection", timelineCellClick: "timelineCellClick", timelineDrop: "timelineDrop", dragOverDate: "dragOverDate", hidePreviewEv: "hidePreviewEv", dragEnd: "dragEnd", dragStartEv: "dragStartEv" }, decls: 3, vars: 2, consts: [["withResources", ""], [4, "ngIf", "ngIfElse"], [1, "timeline-view", "timeline-view--empty"], [1, "timeline-view"], [1, "timeline-view__header"], [1, "timeline-view__corner"], [3, "class", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "timeline-view__body"], ["class", "timeline-view__lane", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "timeline-view__lane"], [1, "timeline-view__resource-label"], ["class", "timeline-view__resource-dot", 3, "background-color", 4, "ngIf"], [1, "timeline-view__resource-name"], [1, "timeline-view__lane-content", 3, "dragover", "drop", "dragleave"], ["type", "button", 3, "class", "grid-column", "grid-row", "mousedown", "click", "dblclick", 4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "item", "weekDates", "ghost", "clickThresholdMs", "selectedEventId", "selectedInstanceDate", "eventClick", "selectEvent", "dragStart", "dragEnd", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "timeline-view__resource-dot"], ["type", "button", 3, "mousedown", "click", "dblclick"], [3, "eventClick", "selectEvent", "dragStart", "dragEnd", "item", "weekDates", "ghost", "clickThresholdMs", "selectedEventId", "selectedInstanceDate"]], template: function TimelineViewComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, TimelineViewComponent_ng_container_0_Template, 3, 1, "ng-container", 1)(1, TimelineViewComponent_ng_template_1_Template, 6, 6, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+        } if (rf & 2) {
+            const withResources_r10 = i0.ɵɵreference(2);
+            i0.ɵɵproperty("ngIf", ctx.visibleResources.length === 0)("ngIfElse", withResources_r10);
+        } }, dependencies: [CommonModule, i1.NgForOf, i1.NgIf, EventBarComponent], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TimelineViewComponent, [{
+        type: Component,
+        args: [{
+                selector: 'cal-timeline-view',
+                standalone: true,
+                imports: [CommonModule, EventBarComponent],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: `
+    <ng-container *ngIf="visibleResources.length === 0; else withResources">
+      <div class="timeline-view timeline-view--empty">
+        {{ config.locale.unassigned || 'No resource selected' }}
+      </div>
+    </ng-container>
+    <ng-template #withResources>
+      <div class="timeline-view">
+        <div class="timeline-view__header" [style.grid-template-columns]="colTemplate">
+          <div class="timeline-view__corner"></div>
+          <div *ngFor="let d of dates; trackBy: trackDate"
+               [class]="'timeline-view__date-header' + (isToday(d) ? ' timeline-view__date-header--today' : '')">
+            {{ formatDate(d) }}
+          </div>
+        </div>
+
+        <div class="timeline-view__body">
+          <div *ngFor="let r of visibleResources; trackBy: trackResource" class="timeline-view__lane">
+            <div class="timeline-view__resource-label" [style.width.px]="resourceLabelW">
+              <span *ngIf="r.color" class="timeline-view__resource-dot" [style.background-color]="r.color"></span>
+              <span class="timeline-view__resource-name">{{ r.name }}</span>
+            </div>
+            <div class="timeline-view__lane-content"
+                 [style.display]="'grid'"
+                 [style.grid-template-columns]="'repeat(' + days + ', 1fr)'"
+                 [style.grid-auto-rows]="'32px'"
+                 [style.min-height.px]="laneHeight(r.id)"
+                 (dragover)="onLaneDragOver($event)"
+                 (drop)="onLaneDrop($event, r.id)"
+                 (dragleave)="onLaneDragLeave($event)">
+              <button *ngFor="let d of dates; let i = index; trackBy: trackDate"
+                      type="button"
+                      [class]="'timeline-view__cell' + (isToday(d) ? ' timeline-view__cell--today' : '')"
+                      [style.grid-column]="i + 1"
+                      [style.grid-row]="'1 / -1'"
+                      (mousedown)="cellClick.markMouseDown()"
+                      (click)="onCellClick()"
+                      (dblclick)="onCellDoubleClick($event, d, r.id)">
+              </button>
+              <cal-event-bar *ngFor="let item of itemsFor(r.id); let idx = index; trackBy: trackItem"
+                [item]="item"
+                [weekDates]="dates"
+                [ghost]="previewEvent?.id === item.segment.event.id"
+                [clickThresholdMs]="config.clickThresholdMs"
+                [selectedEventId]="selectedEventId"
+                [selectedInstanceDate]="selectedInstanceDate"
+                (eventClick)="eventClick.emit($event)"
+                (selectEvent)="selectEvent.emit($event)"
+                (dragStart)="dragStartEv.emit($event)"
+                (dragEnd)="dragEnd.emit()">
+              </cal-event-bar>
+            </div>
+          </div>
+        </div>
+      </div>
+    </ng-template>
+  `,
+            }]
+    }], null, { currentDate: [{
+            type: Input
+        }], days: [{
+            type: Input
+        }], events: [{
+            type: Input
+        }], visibleResources: [{
+            type: Input
+        }], config: [{
+            type: Input
+        }], previewEvent: [{
+            type: Input
+        }], selectedEventId: [{
+            type: Input
+        }], selectedInstanceDate: [{
+            type: Input
+        }], eventClick: [{
+            type: Output
+        }], selectEvent: [{
+            type: Output
+        }], clearSelection: [{
+            type: Output
+        }], timelineCellClick: [{
+            type: Output
+        }], timelineDrop: [{
+            type: Output
+        }], dragOverDate: [{
+            type: Output
+        }], hidePreviewEv: [{
+            type: Output
+        }], dragEnd: [{
+            type: Output
+        }], dragStartEv: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TimelineViewComponent, { className: "TimelineViewComponent", filePath: "views/timeline/timelineview.ts", lineNumber: 77 }); })();
+//# sourceMappingURL=TimelineView.js.map

package/dist/views/timeline/TimelineView.js.map

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

package/dist/views/week/AllDayRow.d.ts

@@ -0,0 +1,38 @@
+import { EventEmitter, ElementRef } from '@angular/core';
+import type { CalendarDateTime, CalendarEvent, LayoutItem } from '@bimetal/calendar-core';
+import * as i0 from "@angular/core";
+export declare class AllDayRowComponent {
+    weekDates: CalendarDateTime[];
+    items: LayoutItem[];
+    allDayLabel: string;
+    previewEvent: CalendarEvent | null;
+    selectedEventId: string | null;
+    selectedInstanceDate: number | undefined;
+    eventClick: EventEmitter<{
+        eventId: string;
+        rect: DOMRect;
+        instanceDate?: number;
+    }>;
+    selectEvent: EventEmitter<{
+        eventId: string;
+        instanceDate?: number;
+    }>;
+    dropEvent: EventEmitter<{
+        event: DragEvent;
+        date: CalendarDateTime;
+    }>;
+    dragOver: EventEmitter<CalendarDateTime>;
+    /** Drop-Zone wurde verlassen (dragleave) — Preview visuell ausräumen. */
+    hidePreviewEv: EventEmitter<void>;
+    /** Native `dragend` der Source — Drag-Session vollständig beendet. */
+    dragEnd: EventEmitter<void>;
+    dragStartEv: EventEmitter<any>;
+    rowEl?: ElementRef<HTMLDivElement>;
+    get lanes(): number;
+    handleDragOver(e: DragEvent): void;
+    handleDrop(e: DragEvent): void;
+    handleDragLeave(e: DragEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AllDayRowComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AllDayRowComponent, "cal-allday-row", never, { "weekDates": { "alias": "weekDates"; "required": false; }; "items": { "alias": "items"; "required": false; }; "allDayLabel": { "alias": "allDayLabel"; "required": false; }; "previewEvent": { "alias": "previewEvent"; "required": false; }; "selectedEventId": { "alias": "selectedEventId"; "required": false; }; "selectedInstanceDate": { "alias": "selectedInstanceDate"; "required": false; }; }, { "eventClick": "eventClick"; "selectEvent": "selectEvent"; "dropEvent": "dropEvent"; "dragOver": "dragOver"; "hidePreviewEv": "hidePreviewEv"; "dragEnd": "dragEnd"; "dragStartEv": "dragStartEv"; }, never, never, true, never>;
+}
+//# sourceMappingURL=AllDayRow.d.ts.map

package/dist/views/week/AllDayRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AllDayRow.d.ts","sourceRoot":"","sources":["../../../src/views/week/AllDayRow.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAa,UAAU,EAAE,MAAM,eAAe,CAAC;AAE9F,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;;AAK1F,qBAyBa,kBAAkB;IACpB,SAAS,EAAE,gBAAgB,EAAE,CAAM;IACnC,KAAK,EAAE,UAAU,EAAE,CAAM;IACzB,WAAW,SAAa;IAExB,YAAY,EAAE,aAAa,GAAG,IAAI,CAAQ;IAC1C,eAAe,EAAE,MAAM,GAAG,IAAI,CAAQ;IACtC,oBAAoB,EAAE,MAAM,GAAG,SAAS,CAAa;IACpD,UAAU;iBAA+B,MAAM;cAAQ,OAAO;uBAAiB,MAAM;OAAM;IAC3F,WAAW;iBAA+B,MAAM;uBAAiB,MAAM;OAAM;IAC7E,SAAS;eAA6B,SAAS;cAAQ,gBAAgB;OAAM;IAC7E,QAAQ,iCAAwC;IAC1D,yEAAyE;IAC/D,aAAa,qBAA4B;IACnD,sEAAsE;IAC5D,OAAO,qBAA4B;IACnC,WAAW,oBAA2B;IAE5B,KAAK,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;IAEvD,IAAI,KAAK,WAAmC;IAE5C,cAAc,CAAC,CAAC,EAAE,SAAS;IAQ3B,UAAU,CAAC,CAAC,EAAE,SAAS;IAOvB,eAAe,CAAC,CAAC,EAAE,SAAS;yCArCjB,kBAAkB;2CAAlB,kBAAkB;CA4C9B"}

package/dist/views/week/AllDayRow.js

@@ -0,0 +1,149 @@
+import { Component, Input, Output, EventEmitter, ViewChild, ElementRef } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { maxLanes } from '@bimetal/calendar-core';
+import { colFromTimeGridX, DEFAULT_TIME_LABEL_WIDTH_WEEK } from '@bimetal/calendar-headless';
+import { EventBarComponent } from '../../components/EventBar.js';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+const _c0 = ["rowEl"];
+function AllDayRowComponent_div_0_cal_event_bar_5_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "cal-event-bar", 6);
+    i0.ɵɵlistener("eventClick", function AllDayRowComponent_div_0_cal_event_bar_5_Template_cal_event_bar_eventClick_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.eventClick.emit($event)); })("selectEvent", function AllDayRowComponent_div_0_cal_event_bar_5_Template_cal_event_bar_selectEvent_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.selectEvent.emit($event)); })("dragStart", function AllDayRowComponent_div_0_cal_event_bar_5_Template_cal_event_bar_dragStart_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.dragStartEv.emit($event)); })("dragEnd", function AllDayRowComponent_div_0_cal_event_bar_5_Template_cal_event_bar_dragEnd_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.dragEnd.emit()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r4 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("item", item_r4)("weekDates", ctx_r1.weekDates)("ghost", (ctx_r1.previewEvent == null ? null : ctx_r1.previewEvent.id) === item_r4.segment.event.id)("selectedEventId", ctx_r1.selectedEventId)("selectedInstanceDate", ctx_r1.selectedInstanceDate);
+} }
+function AllDayRowComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 2, 0);
+    i0.ɵɵlistener("dragover", function AllDayRowComponent_div_0_Template_div_dragover_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleDragOver($event)); })("drop", function AllDayRowComponent_div_0_Template_div_drop_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleDrop($event)); })("dragleave", function AllDayRowComponent_div_0_Template_div_dragleave_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleDragLeave($event)); });
+    i0.ɵɵelementStart(2, "div", 3);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 4);
+    i0.ɵɵtemplate(5, AllDayRowComponent_div_0_cal_event_bar_5_Template, 1, 5, "cal-event-bar", 5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.allDayLabel);
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("--lane-count", ctx_r1.lanes);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r1.items);
+} }
+export class AllDayRowComponent {
+    weekDates = [];
+    items = [];
+    allDayLabel = 'all day';
+    // B-CAL-1: the controller-rebuilt dragged event; only the ghost flag reads it.
+    previewEvent = null;
+    selectedEventId = null;
+    selectedInstanceDate = undefined;
+    eventClick = new EventEmitter();
+    selectEvent = new EventEmitter();
+    dropEvent = new EventEmitter();
+    dragOver = 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();
+    rowEl;
+    get lanes() { return maxLanes(this.items); }
+    handleDragOver(e) {
+        e.preventDefault();
+        e.dataTransfer.dropEffect = 'move';
+        if (!this.rowEl)
+            return;
+        const col = colFromTimeGridX(e.clientX, this.rowEl.nativeElement.getBoundingClientRect(), DEFAULT_TIME_LABEL_WIDTH_WEEK);
+        this.dragOver.emit(this.weekDates[col]);
+    }
+    handleDrop(e) {
+        e.preventDefault();
+        if (!this.rowEl)
+            return;
+        const col = colFromTimeGridX(e.clientX, this.rowEl.nativeElement.getBoundingClientRect(), DEFAULT_TIME_LABEL_WIDTH_WEEK);
+        this.dropEvent.emit({ event: e, date: this.weekDates[col] });
+    }
+    handleDragLeave(e) {
+        const row = e.currentTarget;
+        const rect = row.getBoundingClientRect();
+        if (e.clientX < rect.left || e.clientX > rect.right || e.clientY < rect.top || e.clientY > rect.bottom) {
+            this.hidePreviewEv.emit();
+        }
+    }
+    static ɵfac = function AllDayRowComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AllDayRowComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AllDayRowComponent, selectors: [["cal-allday-row"]], viewQuery: function AllDayRowComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.rowEl = _t.first);
+        } }, hostAttrs: [2, "display", "contents"], inputs: { weekDates: "weekDates", items: "items", allDayLabel: "allDayLabel", previewEvent: "previewEvent", selectedEventId: "selectedEventId", selectedInstanceDate: "selectedInstanceDate" }, outputs: { eventClick: "eventClick", selectEvent: "selectEvent", dropEvent: "dropEvent", dragOver: "dragOver", hidePreviewEv: "hidePreviewEv", dragEnd: "dragEnd", dragStartEv: "dragStartEv" }, decls: 1, vars: 1, consts: [["rowEl", ""], ["class", "week-view__allday", 3, "dragover", "drop", "dragleave", 4, "ngIf"], [1, "week-view__allday", 3, "dragover", "drop", "dragleave"], [1, "week-view__allday-label"], [1, "week-view__allday-grid"], [3, "item", "weekDates", "ghost", "selectedEventId", "selectedInstanceDate", "eventClick", "selectEvent", "dragStart", "dragEnd", 4, "ngFor", "ngForOf"], [3, "eventClick", "selectEvent", "dragStart", "dragEnd", "item", "weekDates", "ghost", "selectedEventId", "selectedInstanceDate"]], template: function AllDayRowComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, AllDayRowComponent_div_0_Template, 6, 4, "div", 1);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.items.length > 0);
+        } }, dependencies: [CommonModule, i1.NgForOf, i1.NgIf, EventBarComponent], encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AllDayRowComponent, [{
+        type: Component,
+        args: [{
+                selector: 'cal-allday-row',
+                standalone: true,
+                host: { style: 'display: contents' },
+                imports: [CommonModule, EventBarComponent],
+                template: `
+    <div *ngIf="items.length > 0" #rowEl class="week-view__allday"
+      (dragover)="handleDragOver($event)" (drop)="handleDrop($event)"
+      (dragleave)="handleDragLeave($event)">
+      <div class="week-view__allday-label">{{ allDayLabel }}</div>
+      <div class="week-view__allday-grid" [style.--lane-count]="lanes">
+        <cal-event-bar *ngFor="let item of items; let idx = index"
+          [item]="item" [weekDates]="weekDates"
+          [ghost]="previewEvent?.id === item.segment.event.id"
+          [selectedEventId]="selectedEventId"
+          [selectedInstanceDate]="selectedInstanceDate"
+          (eventClick)="eventClick.emit($event)"
+          (selectEvent)="selectEvent.emit($event)"
+          (dragStart)="dragStartEv.emit($event)"
+          (dragEnd)="dragEnd.emit()">
+        </cal-event-bar>
+      </div>
+    </div>
+  `,
+            }]
+    }], null, { weekDates: [{
+            type: Input
+        }], items: [{
+            type: Input
+        }], allDayLabel: [{
+            type: Input
+        }], previewEvent: [{
+            type: Input
+        }], selectedEventId: [{
+            type: Input
+        }], selectedInstanceDate: [{
+            type: Input
+        }], eventClick: [{
+            type: Output
+        }], selectEvent: [{
+            type: Output
+        }], dropEvent: [{
+            type: Output
+        }], dragOver: [{
+            type: Output
+        }], hidePreviewEv: [{
+            type: Output
+        }], dragEnd: [{
+            type: Output
+        }], dragStartEv: [{
+            type: Output
+        }], rowEl: [{
+            type: ViewChild,
+            args: ['rowEl']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AllDayRowComponent, { className: "AllDayRowComponent", filePath: "views/week/alldayrow.ts", lineNumber: 33 }); })();
+//# sourceMappingURL=AllDayRow.js.map

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

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

package/dist/views/week/TimeEvent.d.ts

@@ -0,0 +1,77 @@
+import { EventEmitter } from '@angular/core';
+import type { CalendarEvent, CalendarDateTime } from '@bimetal/calendar-core';
+import { type DragInfo } from '@bimetal/calendar-headless';
+import { EventRenderService } from '../../binding/index.js';
+import * as i0 from "@angular/core";
+/**
+ * Layout-Position eines Termins in einer Spalten-orientierten View
+ * (Week, Day, Resource). Zwei orthogonale Achsen — siehe React-Variante
+ * `packages/react-components/src/views/week/TimeEvent.tsx` für die
+ * Architektur-Begründung (Pilot-Direktive 2026-06-21).
+ */
+export interface TimeEventLayout {
+    readonly dayCol: number;
+    readonly dayCount: number;
+    readonly lane: number;
+    readonly laneCount: number;
+    readonly startOffset: number;
+    readonly endOffset: number;
+}
+export declare class TimeEventComponent {
+    private renderService?;
+    event: CalendarEvent;
+    layout: TimeEventLayout;
+    dayDate: CalendarDateTime;
+    hourHeight: number;
+    timeLabelWidth: number;
+    ghost: boolean;
+    clickThresholdMs: number;
+    snapMinutes: number;
+    locale: any;
+    selectedEventId: string | null;
+    selectedInstanceDate: number | undefined;
+    eventClick: EventEmitter<{
+        eventId: string;
+        rect: DOMRect;
+        instanceDate?: number;
+    }>;
+    selectEvent: EventEmitter<{
+        eventId: string;
+        instanceDate?: number;
+    }>;
+    dragStart: EventEmitter<DragInfo>;
+    /** Native `dragend` der Source — bubbelt aus Body und Resize-Handles. */
+    dragEnd: EventEmitter<void>;
+    private click;
+    constructor(renderService?: EventRenderService | undefined);
+    get badgesTpl(): import("@angular/core").TemplateRef<import("../../index.js").EventRenderTemplateContext> | undefined;
+    get contentTpl(): import("@angular/core").TemplateRef<import("../../index.js").EventRenderTemplateContext> | undefined;
+    get tplCtx(): import("../../index.js").EventRenderTemplateContext | undefined;
+    get renderedTitle(): string;
+    get slotsClassName(): string;
+    get slotsStyle(): Record<string, string | number> | undefined;
+    get dayHeight(): number;
+    get top(): number;
+    get height(): number;
+    get duration(): number;
+    get isFirstDay(): boolean;
+    get isLastDay(): boolean;
+    get color(): string;
+    get leftFraction(): number;
+    get widthFraction(): number;
+    get left(): string;
+    get width(): string;
+    get borderRadius(): string;
+    get instanceDate(): number | undefined;
+    get isSelected(): boolean;
+    get selectedClass(): "" | " time-event--selected";
+    get timeLabel(): string;
+    handleMouseDown(): void;
+    handleDragStart(e: DragEvent): void;
+    handleResizeDragStart(e: DragEvent, edge: 'start' | 'end'): void;
+    handleClick(e: MouseEvent): void;
+    handleDoubleClick(e: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimeEventComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimeEventComponent, "cal-time-event", never, { "event": { "alias": "event"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "dayDate": { "alias": "dayDate"; "required": false; }; "hourHeight": { "alias": "hourHeight"; "required": false; }; "timeLabelWidth": { "alias": "timeLabelWidth"; "required": false; }; "ghost": { "alias": "ghost"; "required": false; }; "clickThresholdMs": { "alias": "clickThresholdMs"; "required": false; }; "snapMinutes": { "alias": "snapMinutes"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "selectedEventId": { "alias": "selectedEventId"; "required": false; }; "selectedInstanceDate": { "alias": "selectedInstanceDate"; "required": false; }; }, { "eventClick": "eventClick"; "selectEvent": "selectEvent"; "dragStart": "dragStart"; "dragEnd": "dragEnd"; }, never, never, true, never>;
+}
+//# sourceMappingURL=TimeEvent.d.ts.map

package/dist/views/week/TimeEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeEvent.d.ts","sourceRoot":"","sources":["../../../src/views/week/TimeEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAY,MAAM,eAAe,CAAC;AAEjF,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE9E,OAAO,EAAwF,KAAK,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjJ,OAAO,EAAa,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;;AAEvE;;;;;GAKG;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,qBA+Ca,kBAAkB;IAoBL,OAAO,CAAC,aAAa,CAAC;IAnBrC,KAAK,EAAG,aAAa,CAAC;IACtB,MAAM,EAAG,eAAe,CAAC;IACzB,OAAO,EAAG,gBAAgB,CAAC;IAC3B,UAAU,SAAM;IAChB,cAAc,SAAM;IACpB,KAAK,UAAS;IACd,gBAAgB,SAAO;IACvB,WAAW,SAAM;IACjB,MAAM,EAAE,GAAG,CAAC;IACZ,eAAe,EAAE,MAAM,GAAG,IAAI,CAAQ;IACtC,oBAAoB,EAAE,MAAM,GAAG,SAAS,CAAa;IACpD,UAAU;iBAA+B,MAAM;cAAQ,OAAO;uBAAiB,MAAM;OAAM;IAC3F,WAAW;iBAA+B,MAAM;uBAAiB,MAAM;OAAM;IAC7E,SAAS,yBAAgC;IACnD,yEAAyE;IAC/D,OAAO,qBAA4B;IAE7C,OAAO,CAAC,KAAK,CAAuB;gBAEJ,aAAa,CAAC,EAAE,kBAAkB,YAAA;IAElE,IAAI,SAAS,yGAAiD;IAC9D,IAAI,UAAU,yGAAkD;IAChE,IAAI,MAAM,oEAAmE;IAC7E,IAAI,aAAa,WAA+E;IAChG,IAAI,cAAc,WAGjB;IACD,IAAI,UAAU,gDAA2D;IAKzE,IAAI,SAAS,WAAmC;IAChD,IAAI,GAAG,WAAuD;IAC9D,IAAI,MAAM,WAGT;IACD,IAAI,QAAQ,WAEX;IACD,IAAI,UAAU,YAAkE;IAChF,IAAI,SAAS,YAAgE;IAC7E,IAAI,KAAK,WAAiF;IAC1F,IAAI,YAAY,WAGf;IACD,IAAI,aAAa,WAEhB;IACD,IAAI,IAAI,WAAgH;IACxH,IAAI,KAAK,WAAsF;IAC/F,IAAI,YAAY,WAIf;IACD,IAAI,YAAY,uBAAsE;IACtF,IAAI,UAAU,YAEb;IACD,IAAI,aAAa,iCAA6D;IAC9E,IAAI,SAAS,IAAI,MAAM,CAOtB;IAED,eAAe;IAEf,eAAe,CAAC,CAAC,EAAE,SAAS;IAU5B,qBAAqB,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,GAAG,KAAK;IASzD,WAAW,CAAC,CAAC,EAAE,UAAU;IAMzB,iBAAiB,CAAC,CAAC,EAAE,UAAU;yCAtGpB,kBAAkB;2CAAlB,kBAAkB;CA4G9B"}