@bimetal/calendar-angular-components 0.29.0

package/dist/views/agenda/AgendaView.js

@@ -0,0 +1,309 @@
+import { Component, Input, Output, EventEmitter, Optional } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { addDays, isSameDay, startOfDay, isBefore, isAfter, getDayOfMonth, overlaps, createTimeRange, formatDateTime, now, getRecurrenceInstanceMetadata, isSingleDayAllDay, } from '@bimetal/calendar-core';
+import { toDateStr, toTimeStr, EventRenderService } from '../../binding/index.js';
+import { DEFAULT_AGENDA_RANGE_DAYS, createClickIntent } from '@bimetal/calendar-headless';
+import * as i0 from "@angular/core";
+import * as i1 from "../../binding/index.js";
+import * as i2 from "@angular/common";
+function AgendaViewComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.config.locale.noEvents);
+} }
+function AgendaViewComponent_div_2_div_10_ng_container_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function AgendaViewComponent_div_2_div_10_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, AgendaViewComponent_div_2_div_10_ng_container_1_ng_container_1_Template, 1, 0, "ng-container", 14);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ev_r3 = i0.ɵɵnextContext().$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.contentTpl)("ngTemplateOutletContext", ctx_r0.tplCtx(ev_r3));
+} }
+function AgendaViewComponent_div_2_div_10_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 15);
+    i0.ɵɵelementStart(1, "div", 16)(2, "div", 17);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 18);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 19);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ev_r3 = i0.ɵɵnextContext().$implicit;
+    const group_r4 = i0.ɵɵnextContext().$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵstyleProp("background-color", ctx_r0.getColor(ev_r3));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.renderedTitle(ev_r3));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.formatEventTime(ev_r3, group_r4.date));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.getCategory(ev_r3));
+} }
+function AgendaViewComponent_div_2_div_10_ng_container_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function AgendaViewComponent_div_2_div_10_ng_container_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, AgendaViewComponent_div_2_div_10_ng_container_4_ng_container_1_Template, 1, 0, "ng-container", 14);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ev_r3 = i0.ɵɵnextContext().$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.badgesTpl)("ngTemplateOutletContext", ctx_r0.tplCtx(ev_r3));
+} }
+function AgendaViewComponent_div_2_div_10_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 11);
+    i0.ɵɵlistener("mousedown", function AgendaViewComponent_div_2_div_10_Template_div_mousedown_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.click.markMouseDown()); })("click", function AgendaViewComponent_div_2_div_10_Template_div_click_0_listener($event) { const ev_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.handleEventClick($event, ev_r3)); })("dblclick", function AgendaViewComponent_div_2_div_10_Template_div_dblclick_0_listener($event) { const ev_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.handleEventDoubleClick($event, ev_r3)); });
+    i0.ɵɵtemplate(1, AgendaViewComponent_div_2_div_10_ng_container_1_Template, 2, 2, "ng-container", 12)(2, AgendaViewComponent_div_2_div_10_ng_template_2_Template, 8, 5, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(4, AgendaViewComponent_div_2_div_10_ng_container_4_Template, 2, 2, "ng-container", 13);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ev_r3 = ctx.$implicit;
+    const defaultAgenda_r5 = i0.ɵɵreference(3);
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassMap("agenda-view__event" + (ctx_r0.isEventSelected(ev_r3) ? " agenda-view__event--selected" : "") + ctx_r0.slotsClassName(ev_r3));
+    i0.ɵɵproperty("ngStyle", ctx_r0.slotsStyle(ev_r3));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r0.contentTpl)("ngIfElse", defaultAgenda_r5);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", ctx_r0.badgesTpl);
+} }
+function AgendaViewComponent_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 5)(1, "div")(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 6)(5, "span", 7);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "span", 8);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(9, "div", 9);
+    i0.ɵɵtemplate(10, AgendaViewComponent_div_2_div_10_Template, 5, 6, "div", 10);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const group_r4 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap("agenda-view__date-header" + (ctx_r0.isToday(group_r4.date) ? " agenda-view__date-header--today" : ""));
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap("agenda-view__date-number" + (ctx_r0.isToday(group_r4.date) ? " agenda-view__date-number--today" : ""));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.getDayOfMonth(group_r4.date), " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.getWeekday(group_r4.date));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.getMonthYear(group_r4.date));
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", group_r4.events);
+} }
+export class AgendaViewComponent {
+    renderService;
+    currentDate;
+    events = [];
+    config;
+    selectedEventId = null;
+    selectedInstanceDate = undefined;
+    eventClick = new EventEmitter();
+    selectEvent = new EventEmitter();
+    dayGroups = [];
+    click = createClickIntent();
+    currentNow;
+    constructor(renderService) {
+        this.renderService = renderService;
+    }
+    get badgesTpl() { return this.renderService?.eventBadgesTpl; }
+    get contentTpl() { return this.renderService?.eventContentTpl; }
+    tplCtx(ev) { return this.renderService?.buildTemplateContext(ev); }
+    renderedTitle(ev) { return this.renderService?.resolveTitle(ev) ?? ev.title; }
+    slotsClassName(ev) {
+        const cls = this.renderService?.resolveClassName(ev) ?? '';
+        return cls ? ' ' + cls : '';
+    }
+    slotsStyle(ev) { return this.renderService?.resolveStyle(ev); }
+    // Expose core functions to template
+    getDayOfMonth = getDayOfMonth;
+    ngOnChanges() {
+        this.currentNow = now(this.config.core.timezone, this.config.core.clock);
+        this.computeGroups();
+    }
+    isToday(date) {
+        return isSameDay(date, this.currentNow);
+    }
+    getWeekday(date) {
+        return formatDateTime(date, { locale: this.config.locale.code, dateStyle: 'full' }).split(',')[0];
+    }
+    getMonthYear(date) {
+        return formatDateTime(date, { locale: this.config.locale.code, dateStyle: 'long' }).replace(/\d+\.?\s*/, '');
+    }
+    getColor(ev) {
+        return ev.metadata.color ?? '#007AFF';
+    }
+    getCategory(ev) {
+        return ev.metadata.category ?? 'default';
+    }
+    formatEventTime(ev, date) {
+        if (ev.allDay) {
+            if (isSingleDayAllDay(ev.timeRange)) {
+                return this.config.locale.allDayEvent;
+            }
+            const startStr = formatDateTime(ev.timeRange.start, { locale: this.config.locale.code, dateStyle: 'short' });
+            const endStr = formatDateTime(addDays(ev.timeRange.end, -1), { locale: this.config.locale.code, dateStyle: 'short' });
+            return `${this.config.locale.allDayEvent} (${startStr} – ${endStr})`;
+        }
+        const isFirst = isSameDay(ev.timeRange.start, date);
+        const isLast = isSameDay(ev.timeRange.end, date);
+        const st = toTimeStr(ev.timeRange.start);
+        const et = toTimeStr(ev.timeRange.end);
+        if (isFirst && isLast)
+            return `${st} – ${et}`;
+        if (isFirst)
+            return `${this.config.locale.timeFrom} ${st}`;
+        if (isLast)
+            return `${this.config.locale.timeUntil} ${et}`;
+        return this.config.locale.allDayEvent;
+    }
+    handleEventClick(e, ev) {
+        if (!this.click.accept(this.config.clickThresholdMs))
+            return;
+        const instanceDate = getRecurrenceInstanceMetadata(ev)?.instanceDate;
+        this.selectEvent.emit({ eventId: ev.id, instanceDate });
+    }
+    handleEventDoubleClick(e, ev) {
+        if (!this.click.accept(this.config.clickThresholdMs))
+            return;
+        const rect = e.currentTarget.getBoundingClientRect();
+        const instanceDate = getRecurrenceInstanceMetadata(ev)?.instanceDate;
+        this.eventClick.emit({ eventId: ev.id, rect, instanceDate });
+    }
+    isEventSelected(ev) {
+        const id = getRecurrenceInstanceMetadata(ev)?.instanceDate;
+        return this.selectedEventId === ev.id && this.selectedInstanceDate === id;
+    }
+    computeGroups() {
+        const rangeStart = startOfDay(this.currentDate);
+        const rangeEnd = addDays(rangeStart, DEFAULT_AGENDA_RANGE_DAYS);
+        const range = createTimeRange(rangeStart, rangeEnd);
+        const groups = new Map();
+        for (const ev of this.events) {
+            if (!overlaps(ev.timeRange, range))
+                continue;
+            const evStart = isBefore(ev.timeRange.start, rangeStart) ? rangeStart : ev.timeRange.start;
+            const evEnd = isAfter(ev.timeRange.end, rangeEnd) ? rangeEnd : ev.timeRange.end;
+            let d = startOfDay(evStart);
+            const limit = addDays(startOfDay(evEnd), 1);
+            while (isBefore(d, limit) && isBefore(d, rangeEnd)) {
+                const ds = toDateStr(d);
+                const list = groups.get(ds) || [];
+                list.push(ev);
+                groups.set(ds, list);
+                d = addDays(d, 1);
+            }
+        }
+        this.dayGroups = [];
+        for (let i = 0; i < DEFAULT_AGENDA_RANGE_DAYS; i++) {
+            const date = addDays(rangeStart, i);
+            const dateStr = toDateStr(date);
+            const dayEvents = groups.get(dateStr);
+            if (dayEvents && dayEvents.length > 0) {
+                dayEvents.sort((a, b) => {
+                    if (a.allDay !== b.allDay)
+                        return a.allDay ? -1 : 1;
+                    return a.timeRange.start.epochMs - b.timeRange.start.epochMs;
+                });
+                this.dayGroups.push({ date, dateStr, events: dayEvents });
+            }
+        }
+    }
+    static ɵfac = function AgendaViewComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AgendaViewComponent)(i0.ɵɵdirectiveInject(i1.EventRenderService, 8)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AgendaViewComponent, selectors: [["cal-agenda-view"]], hostAttrs: [2, "display", "contents"], inputs: { currentDate: "currentDate", events: "events", config: "config", selectedEventId: "selectedEventId", selectedInstanceDate: "selectedInstanceDate" }, outputs: { eventClick: "eventClick", selectEvent: "selectEvent" }, features: [i0.ɵɵNgOnChangesFeature], decls: 3, vars: 2, consts: [["defaultAgenda", ""], [1, "agenda-view"], ["class", "agenda-view__empty", 4, "ngIf"], ["class", "agenda-view__day", 4, "ngFor", "ngForOf"], [1, "agenda-view__empty"], [1, "agenda-view__day"], [1, "agenda-view__date-text"], [1, "agenda-view__date-weekday"], [1, "agenda-view__date-full"], [1, "agenda-view__events"], [3, "class", "ngStyle", "mousedown", "click", "dblclick", 4, "ngFor", "ngForOf"], [3, "mousedown", "click", "dblclick", "ngStyle"], [4, "ngIf", "ngIfElse"], [4, "ngIf"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "agenda-view__event-color"], [1, "agenda-view__event-content"], [1, "agenda-view__event-title"], [1, "agenda-view__event-time"], [1, "agenda-view__event-calendar"]], template: function AgendaViewComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 1);
+            i0.ɵɵtemplate(1, AgendaViewComponent_div_1_Template, 2, 1, "div", 2)(2, AgendaViewComponent_div_2_Template, 11, 8, "div", 3);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.dayGroups.length === 0);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngForOf", ctx.dayGroups);
+        } }, dependencies: [CommonModule, i2.NgForOf, i2.NgIf, i2.NgTemplateOutlet, i2.NgStyle], encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AgendaViewComponent, [{
+        type: Component,
+        args: [{
+                selector: 'cal-agenda-view',
+                standalone: true,
+                host: { style: 'display: contents' },
+                imports: [CommonModule],
+                template: `
+    <div class="agenda-view">
+      <div *ngIf="dayGroups.length === 0" class="agenda-view__empty">{{ config.locale.noEvents }}</div>
+
+      <div *ngFor="let group of dayGroups" class="agenda-view__day">
+        <div [class]="'agenda-view__date-header' + (isToday(group.date) ? ' agenda-view__date-header--today' : '')">
+          <span [class]="'agenda-view__date-number' + (isToday(group.date) ? ' agenda-view__date-number--today' : '')">
+            {{ getDayOfMonth(group.date) }}
+          </span>
+          <div class="agenda-view__date-text">
+            <span class="agenda-view__date-weekday">{{ getWeekday(group.date) }}</span>
+            <span class="agenda-view__date-full">{{ getMonthYear(group.date) }}</span>
+          </div>
+        </div>
+        <div class="agenda-view__events">
+          <div *ngFor="let ev of group.events"
+            [class]="'agenda-view__event' + (isEventSelected(ev) ? ' agenda-view__event--selected' : '') + slotsClassName(ev)"
+            [ngStyle]="slotsStyle(ev)"
+            (mousedown)="click.markMouseDown()"
+            (click)="handleEventClick($event, ev)"
+            (dblclick)="handleEventDoubleClick($event, ev)">
+            <ng-container *ngIf="contentTpl; else defaultAgenda">
+              <ng-container *ngTemplateOutlet="contentTpl; context: tplCtx(ev)"></ng-container>
+            </ng-container>
+            <ng-template #defaultAgenda>
+              <div class="agenda-view__event-color" [style.background-color]="getColor(ev)"></div>
+              <div class="agenda-view__event-content">
+                <div class="agenda-view__event-title">{{ renderedTitle(ev) }}</div>
+                <div class="agenda-view__event-time">{{ formatEventTime(ev, group.date) }}</div>
+              </div>
+              <div class="agenda-view__event-calendar">{{ getCategory(ev) }}</div>
+            </ng-template>
+            <ng-container *ngIf="badgesTpl">
+              <ng-container *ngTemplateOutlet="badgesTpl; context: tplCtx(ev)"></ng-container>
+            </ng-container>
+          </div>
+        </div>
+      </div>
+    </div>
+  `,
+            }]
+    }], () => [{ type: i1.EventRenderService, decorators: [{
+                type: Optional
+            }] }], { currentDate: [{
+            type: Input
+        }], events: [{
+            type: Input
+        }], config: [{
+            type: Input
+        }], selectedEventId: [{
+            type: Input
+        }], selectedInstanceDate: [{
+            type: Input
+        }], eventClick: [{
+            type: Output
+        }], selectEvent: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AgendaViewComponent, { className: "AgendaViewComponent", filePath: "views/agenda/agendaview.ts", lineNumber: 65 }); })();
+//# sourceMappingURL=AgendaView.js.map

package/dist/views/agenda/AgendaView.js.map

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

package/dist/views/day/DayView.d.ts

@@ -0,0 +1,85 @@
+import { EventEmitter, OnChanges, AfterViewInit, ElementRef } from '@angular/core';
+import type { CalendarEvent, CalendarDateTime } from '@bimetal/calendar-core';
+import type { CalendarConfig } from '../../binding/index.js';
+import { EventRenderService } from '../../binding/index.js';
+import { type TimeEventLayout } from '../week/TimeEvent.js';
+import * as i0 from "@angular/core";
+export declare class DayViewComponent implements OnChanges, AfterViewInit {
+    private renderService?;
+    currentDate: CalendarDateTime;
+    events: CalendarEvent[];
+    config: CalendarConfig;
+    previewEvent: CalendarEvent | null;
+    selectedEventId: string | null;
+    selectedInstanceDate: number | undefined;
+    eventClick: EventEmitter<{
+        eventId: string;
+        rect: DOMRect;
+        instanceDate?: number;
+    }>;
+    selectEvent: EventEmitter<{
+        eventId: string;
+        instanceDate?: number;
+    }>;
+    clearSelection: EventEmitter<void>;
+    dayCellClick: EventEmitter<{
+        date: CalendarDateTime;
+        rect: DOMRect;
+    }>;
+    dropTimedEvent: EventEmitter<{
+        event: DragEvent;
+        date: CalendarDateTime;
+        time: string;
+    }>;
+    dragOverDateTime: EventEmitter<{
+        date: CalendarDateTime;
+        time: string;
+    }>;
+    /** 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>;
+    timeGridEl?: ElementRef<HTMLDivElement>;
+    gridInnerEl?: ElementRef<HTMLDivElement>;
+    hours: number[];
+    hourHeight: number;
+    timeLabelWidth: number;
+    allDayEvents: CalendarEvent[];
+    timedEntries: {
+        event: CalendarEvent;
+        layout: TimeEventLayout;
+    }[];
+    isToday: boolean;
+    dayName: string;
+    dayNumber: number;
+    nowHours: number;
+    click: import("@bimetal/calendar-headless").ClickIntent;
+    allDayClick: import("@bimetal/calendar-headless").ClickIntent;
+    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;
+    tplCtx(ev: CalendarEvent): import("../../index.js").EventRenderTemplateContext | undefined;
+    renderedTitle(ev: CalendarEvent): string;
+    slotsClassName(ev: CalendarEvent): string;
+    slotsStyle(ev: CalendarEvent): Record<string, string | number> | undefined;
+    private currentNow;
+    private timeSnapMinutes;
+    getColor(ev: CalendarEvent): string;
+    formatHour(h: number): string;
+    isOffHour(h: number): boolean;
+    ngOnChanges(): void;
+    ngAfterViewInit(): void;
+    handleGridDragOver(e: DragEvent): void;
+    handleGridDrop(e: DragEvent): void;
+    handleGridDragLeave(e: DragEvent): void;
+    handleGridClick(e: MouseEvent): void;
+    handleGridDoubleClick(e: MouseEvent): void;
+    handleAllDayMouseDown(): void;
+    handleAllDayClick(e: MouseEvent, ev: CalendarEvent): void;
+    handleAllDayDoubleClick(e: MouseEvent, ev: CalendarEvent): void;
+    isAllDaySelected(ev: CalendarEvent): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DayViewComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DayViewComponent, "cal-day-view", never, { "currentDate": { "alias": "currentDate"; "required": false; }; "events": { "alias": "events"; "required": false; }; "config": { "alias": "config"; "required": false; }; "previewEvent": { "alias": "previewEvent"; "required": false; }; "selectedEventId": { "alias": "selectedEventId"; "required": false; }; "selectedInstanceDate": { "alias": "selectedInstanceDate"; "required": false; }; }, { "eventClick": "eventClick"; "selectEvent": "selectEvent"; "clearSelection": "clearSelection"; "dayCellClick": "dayCellClick"; "dropTimedEvent": "dropTimedEvent"; "dragOverDateTime": "dragOverDateTime"; "hidePreviewEv": "hidePreviewEv"; "dragEnd": "dragEnd"; "dragStartEv": "dragStartEv"; }, never, never, true, never>;
+}
+//# sourceMappingURL=DayView.d.ts.map

package/dist/views/day/DayView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayView.d.ts","sourceRoot":"","sources":["../../../src/views/day/DayView.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,SAAS,EAAE,aAAa,EAAa,UAAU,EAAY,MAAM,eAAe,CAAC;AAElI,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAQ9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAmD,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE7G,OAAO,EAAsB,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;;AAIhF,qBAyEa,gBAAiB,YAAW,SAAS,EAAE,aAAa;IAmCvC,OAAO,CAAC,aAAa,CAAC;IAlCrC,WAAW,EAAG,gBAAgB,CAAC;IAC/B,MAAM,EAAE,aAAa,EAAE,CAAM;IAC7B,MAAM,EAAG,cAAc,CAAC;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,cAAc,qBAA4B;IAC1C,YAAY;cAA4B,gBAAgB;cAAQ,OAAO;OAAM;IAC7E,cAAc;eAA6B,SAAS;cAAQ,gBAAgB;cAAQ,MAAM;OAAM;IAChG,gBAAgB;cAA4B,gBAAgB;cAAQ,MAAM;OAAM;IAC1F,yEAAyE;IAC/D,aAAa,qBAA4B;IACnD,sEAAsE;IAC5D,OAAO,qBAA4B;IACnC,WAAW,oBAA2B;IAEvB,UAAU,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;IAEnE,KAAK,WAAS;IACd,UAAU,SAAuB;IACjC,cAAc,SAAgC;IAC9C,YAAY,EAAE,aAAa,EAAE,CAAM;IACnC,YAAY,EAAE;QAAE,KAAK,EAAE,aAAa,CAAC;QAAC,MAAM,EAAE,eAAe,CAAA;KAAE,EAAE,CAAM;IACvE,OAAO,UAAS;IAChB,OAAO,SAAM;IACb,SAAS,SAAK;IACd,QAAQ,SAAK;IACb,KAAK,mDAAuB;IAC5B,WAAW,mDAAuB;gBAEF,aAAa,CAAC,EAAE,kBAAkB,YAAA;IAElE,IAAI,SAAS,yGAAiD;IAC9D,IAAI,UAAU,yGAAkD;IAChE,MAAM,CAAC,EAAE,EAAE,aAAa;IACxB,aAAa,CAAC,EAAE,EAAE,aAAa;IAC/B,cAAc,CAAC,EAAE,EAAE,aAAa;IAIhC,UAAU,CAAC,EAAE,EAAE,aAAa;IAE5B,OAAO,CAAC,UAAU,CAAoB;IACtC,OAAO,CAAC,eAAe,CAAM;IAE7B,QAAQ,CAAC,EAAE,EAAE,aAAa,GAAG,MAAM;IACnC,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;IAC7B,SAAS,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO;IAK7B,WAAW;IAoCX,eAAe;IAIf,kBAAkB,CAAC,CAAC,EAAE,SAAS;IAQ/B,cAAc,CAAC,CAAC,EAAE,SAAS;IAO3B,mBAAmB,CAAC,CAAC,EAAE,SAAS;IAQhC,eAAe,CAAC,CAAC,EAAE,UAAU;IAO7B,qBAAqB,CAAC,CAAC,EAAE,UAAU;IAWnC,qBAAqB;IAIrB,iBAAiB,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,aAAa;IAOlD,uBAAuB,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,aAAa;IAQxD,gBAAgB,CAAC,EAAE,EAAE,aAAa,GAAG,OAAO;yCA7JjC,gBAAgB;2CAAhB,gBAAgB;CAiK5B"}