@redvars/peacock 3.5.1 → 3.6.0

package/dist/calendar-event-BrQ_SEKD.js

@@ -0,0 +1,199 @@
+/**
+ * Pure date utility functions (no external dependencies).
+ */
+function startOfDay(date) {
+    const d = new Date(date);
+    d.setHours(0, 0, 0, 0);
+    return d;
+}
+function endOfDay(date) {
+    const d = new Date(date);
+    d.setHours(23, 59, 59, 999);
+    return d;
+}
+function addDays(date, days) {
+    const d = new Date(date);
+    d.setDate(d.getDate() + days);
+    return d;
+}
+function addMonths(date, months) {
+    const d = new Date(date);
+    d.setMonth(d.getMonth() + months);
+    return d;
+}
+function addHours(date, hours) {
+    const d = new Date(date);
+    d.setHours(d.getHours() + hours);
+    return d;
+}
+function differenceInDays(dateA, dateB) {
+    const a = startOfDay(dateA);
+    const b = startOfDay(dateB);
+    return Math.round((a.valueOf() - b.valueOf()) / 86400000);
+}
+function startOfWeek(date, weekStartsOn = 1) {
+    const d = startOfDay(date);
+    const day = d.getDay();
+    const diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;
+    d.setDate(d.getDate() - diff);
+    return d;
+}
+function endOfWeek(date, weekStartsOn = 1) {
+    const d = startOfWeek(date, weekStartsOn);
+    d.setDate(d.getDate() + 6);
+    return endOfDay(d);
+}
+function startOfMonth(date) {
+    const d = new Date(date);
+    d.setDate(1);
+    d.setHours(0, 0, 0, 0);
+    return d;
+}
+function endOfMonth(date) {
+    const d = new Date(date);
+    d.setMonth(d.getMonth() + 1, 0);
+    d.setHours(23, 59, 59, 999);
+    return d;
+}
+function calculateMonthRange(date, weekStartsOn = 1) {
+    const sd = startOfWeek(startOfMonth(date), weekStartsOn);
+    const ed = endOfWeek(endOfMonth(date), weekStartsOn);
+    return { startDate: sd, endDate: ed, totalDays: 42 };
+}
+function calculateWeekRange(date, weekStartsOn = 1) {
+    const sd = startOfWeek(date, weekStartsOn);
+    const ed = endOfWeek(date, weekStartsOn);
+    return { startDate: sd, endDate: ed, totalDays: 7 };
+}
+function calculateDateRange(view, contextDate, days) {
+    if (view === 'week') {
+        return calculateWeekRange(contextDate, 1);
+    }
+    return {
+        startDate: startOfDay(contextDate),
+        endDate: endOfDay(addDays(contextDate, days - 1)),
+        totalDays: days,
+    };
+}
+const LONG_EVENT_PADDING = 0.25;
+const DAY_NAMES_SHORT = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+const DAY_NAMES_LONG = [
+    'Sunday',
+    'Monday',
+    'Tuesday',
+    'Wednesday',
+    'Thursday',
+    'Friday',
+    'Saturday',
+];
+const MONTH_NAMES = [
+    'January',
+    'February',
+    'March',
+    'April',
+    'May',
+    'June',
+    'July',
+    'August',
+    'September',
+    'October',
+    'November',
+    'December',
+];
+function formatDate(date, pattern) {
+    const day = date.getDate();
+    const dayOfWeek = date.getDay();
+    const month = date.getMonth();
+    const year = date.getFullYear();
+    const hours = date.getHours();
+    const minutes = date.getMinutes();
+    switch (pattern) {
+        case 'MMMM d, yyyy':
+            return `${MONTH_NAMES[month]} ${day}, ${year}`;
+        case 'EEEE':
+            return DAY_NAMES_LONG[dayOfWeek];
+        case 'E':
+            return DAY_NAMES_SHORT[dayOfWeek];
+        case 'd':
+            return `${day}`;
+        case 'dd':
+            return day < 10 ? `0${day}` : `${day}`;
+        case 'hh a': {
+            const h = hours % 12 || 12;
+            const ampm = hours < 12 ? 'AM' : 'PM';
+            return `${h < 10 ? '0' : ''}${h} ${ampm}`;
+        }
+        case 'hh:mm a': {
+            const h = hours % 12 || 12;
+            const ampm = hours < 12 ? 'AM' : 'PM';
+            return `${h < 10 ? '0' : ''}${h}:${minutes < 10 ? '0' : ''}${minutes} ${ampm}`;
+        }
+        case 'dd-MM-yyyy':
+            return `${day < 10 ? '0' : ''}${day}-${month + 1 < 10 ? '0' : ''}${month + 1}-${year}`;
+        default:
+            return date.toLocaleDateString();
+    }
+}
+function getTimePercent(date, forDay) {
+    const day = forDay || date;
+    const sd = startOfDay(day);
+    const ed = endOfDay(day);
+    const percent = ((date.valueOf() - sd.valueOf()) / (ed.valueOf() - sd.valueOf())) * 100;
+    if (percent < 0)
+        return 0;
+    if (percent > 100)
+        return 100;
+    return percent;
+}
+
+class BaseEvent {
+    constructor(start, end) {
+        this.gid = crypto.randomUUID();
+        this.start = start;
+        this.end = end;
+    }
+    length() {
+        return this.end.valueOf() - this.start.valueOf();
+    }
+    isOverlapping(event) {
+        let totalLength;
+        if (this.start.valueOf() <= event.start.valueOf()) {
+            totalLength = event.end.valueOf() - this.start.valueOf();
+        }
+        else {
+            totalLength = this.end.valueOf() - event.start.valueOf();
+        }
+        return this.length() + event.length() >= totalLength;
+    }
+    isOverlappingWithoutTime(event) {
+        const thisStartDay = startOfDay(this.start);
+        const eventStartDay = startOfDay(event.start);
+        const thisEndDay = endOfDay(this.end);
+        const eventEndDay = endOfDay(event.end);
+        let totalLength;
+        if (thisStartDay.valueOf() <= eventStartDay.valueOf()) {
+            totalLength = eventEndDay.valueOf() - thisStartDay.valueOf();
+        }
+        else {
+            totalLength = thisEndDay.valueOf() - eventStartDay.valueOf();
+        }
+        return this.length() + event.length() >= totalLength;
+    }
+    isOverlappingWithDate(date) {
+        return (this.start.valueOf() <= date.valueOf() &&
+            this.end.valueOf() >= date.valueOf());
+    }
+}
+
+class CalendarEvent extends BaseEvent {
+    constructor(start, end, title, color, data) {
+        super(start, end);
+        this.data = data;
+        if (color)
+            this.color = color;
+        this.title = title;
+    }
+}
+
+export { BaseEvent as B, CalendarEvent as C, LONG_EVENT_PADDING as L, addDays as a, addMonths as b, calculateDateRange as c, differenceInDays as d, endOfDay as e, formatDate as f, getTimePercent as g, addHours as h, calculateMonthRange as i, startOfDay as s };
+//# sourceMappingURL=calendar-event-BrQ_SEKD.js.map

package/dist/calendar-event-BrQ_SEKD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-event-BrQ_SEKD.js","sources":["../../src/calendar/utils.ts","../../src/calendar/base-event.ts","../../src/calendar/calendar-event.ts"],"sourcesContent":["/**\n * Pure date utility functions (no external dependencies).\n */\n\nexport function startOfDay(date: Date): Date {\n  const d = new Date(date);\n  d.setHours(0, 0, 0, 0);\n  return d;\n}\n\nexport function endOfDay(date: Date): Date {\n  const d = new Date(date);\n  d.setHours(23, 59, 59, 999);\n  return d;\n}\n\nexport function addDays(date: Date, days: number): Date {\n  const d = new Date(date);\n  d.setDate(d.getDate() + days);\n  return d;\n}\n\nexport function addMonths(date: Date, months: number): Date {\n  const d = new Date(date);\n  d.setMonth(d.getMonth() + months);\n  return d;\n}\n\nexport function addHours(date: Date, hours: number): Date {\n  const d = new Date(date);\n  d.setHours(d.getHours() + hours);\n  return d;\n}\n\nexport function differenceInDays(dateA: Date, dateB: Date): number {\n  const a = startOfDay(dateA);\n  const b = startOfDay(dateB);\n  return Math.round((a.valueOf() - b.valueOf()) / 86400000);\n}\n\nexport function startOfWeek(\n  date: Date,\n  weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6 = 1,\n): Date {\n  const d = startOfDay(date);\n  const day = d.getDay();\n  const diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;\n  d.setDate(d.getDate() - diff);\n  return d;\n}\n\nexport function endOfWeek(\n  date: Date,\n  weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6 = 1,\n): Date {\n  const d = startOfWeek(date, weekStartsOn);\n  d.setDate(d.getDate() + 6);\n  return endOfDay(d);\n}\n\nexport function startOfMonth(date: Date): Date {\n  const d = new Date(date);\n  d.setDate(1);\n  d.setHours(0, 0, 0, 0);\n  return d;\n}\n\nexport function endOfMonth(date: Date): Date {\n  const d = new Date(date);\n  d.setMonth(d.getMonth() + 1, 0);\n  d.setHours(23, 59, 59, 999);\n  return d;\n}\n\nexport function calculateMonthRange(\n  date: Date,\n  weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6 = 1,\n) {\n  const sd = startOfWeek(startOfMonth(date), weekStartsOn);\n  const ed = endOfWeek(endOfMonth(date), weekStartsOn);\n  return { startDate: sd, endDate: ed, totalDays: 42 };\n}\n\nexport function calculateWeekRange(\n  date: Date,\n  weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6 = 1,\n) {\n  const sd = startOfWeek(date, weekStartsOn);\n  const ed = endOfWeek(date, weekStartsOn);\n  return { startDate: sd, endDate: ed, totalDays: 7 };\n}\n\nexport function calculateDateRange(\n  view: string,\n  contextDate: Date,\n  days: number,\n) {\n  if (view === 'week') {\n    return calculateWeekRange(contextDate, 1);\n  }\n  return {\n    startDate: startOfDay(contextDate),\n    endDate: endOfDay(addDays(contextDate, days - 1)),\n    totalDays: days,\n  };\n}\n\nexport const LONG_EVENT_PADDING = 0.25;\n\nconst DAY_NAMES_SHORT = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\nconst DAY_NAMES_LONG = [\n  'Sunday',\n  'Monday',\n  'Tuesday',\n  'Wednesday',\n  'Thursday',\n  'Friday',\n  'Saturday',\n];\nconst MONTH_NAMES = [\n  'January',\n  'February',\n  'March',\n  'April',\n  'May',\n  'June',\n  'July',\n  'August',\n  'September',\n  'October',\n  'November',\n  'December',\n];\n\nexport function formatDate(date: Date, pattern: string): string {\n  const day = date.getDate();\n  const dayOfWeek = date.getDay();\n  const month = date.getMonth();\n  const year = date.getFullYear();\n  const hours = date.getHours();\n  const minutes = date.getMinutes();\n\n  switch (pattern) {\n    case 'MMMM d, yyyy':\n      return `${MONTH_NAMES[month]} ${day}, ${year}`;\n    case 'EEEE':\n      return DAY_NAMES_LONG[dayOfWeek];\n    case 'E':\n      return DAY_NAMES_SHORT[dayOfWeek];\n    case 'd':\n      return `${day}`;\n    case 'dd':\n      return day < 10 ? `0${day}` : `${day}`;\n    case 'hh a': {\n      const h = hours % 12 || 12;\n      const ampm = hours < 12 ? 'AM' : 'PM';\n      return `${h < 10 ? '0' : ''}${h} ${ampm}`;\n    }\n    case 'hh:mm a': {\n      const h = hours % 12 || 12;\n      const ampm = hours < 12 ? 'AM' : 'PM';\n      return `${h < 10 ? '0' : ''}${h}:${minutes < 10 ? '0' : ''}${minutes} ${ampm}`;\n    }\n    case 'dd-MM-yyyy':\n      return `${day < 10 ? '0' : ''}${day}-${month + 1 < 10 ? '0' : ''}${month + 1}-${year}`;\n    default:\n      return date.toLocaleDateString();\n  }\n}\n\nexport function getTimePercent(date: Date, forDay?: Date): number {\n  const day = forDay || date;\n  const sd = startOfDay(day);\n  const ed = endOfDay(day);\n  const percent =\n    ((date.valueOf() - sd.valueOf()) / (ed.valueOf() - sd.valueOf())) * 100;\n  if (percent < 0) return 0;\n  if (percent > 100) return 100;\n  return percent;\n}\n","import { startOfDay, endOfDay } from './utils.js';\n\nexport class BaseEvent {\n  gid: string;\n  start: Date;\n  end: Date;\n\n  constructor(start: Date, end: Date) {\n    this.gid = crypto.randomUUID();\n    this.start = start;\n    this.end = end;\n  }\n\n  length(): number {\n    return this.end.valueOf() - this.start.valueOf();\n  }\n\n  isOverlapping(event: BaseEvent): boolean {\n    let totalLength: number;\n    if (this.start.valueOf() <= event.start.valueOf()) {\n      totalLength = event.end.valueOf() - this.start.valueOf();\n    } else {\n      totalLength = this.end.valueOf() - event.start.valueOf();\n    }\n    return this.length() + event.length() >= totalLength;\n  }\n\n  isOverlappingWithoutTime(event: BaseEvent): boolean {\n    const thisStartDay = startOfDay(this.start);\n    const eventStartDay = startOfDay(event.start);\n    const thisEndDay = endOfDay(this.end);\n    const eventEndDay = endOfDay(event.end);\n\n    let totalLength: number;\n    if (thisStartDay.valueOf() <= eventStartDay.valueOf()) {\n      totalLength = eventEndDay.valueOf() - thisStartDay.valueOf();\n    } else {\n      totalLength = thisEndDay.valueOf() - eventStartDay.valueOf();\n    }\n    return this.length() + event.length() >= totalLength;\n  }\n\n  isOverlappingWithDate(date: Date): boolean {\n    return (\n      this.start.valueOf() <= date.valueOf() &&\n      this.end.valueOf() >= date.valueOf()\n    );\n  }\n}\n","import { BaseEvent } from './base-event.js';\n\nexport class CalendarEvent extends BaseEvent {\n  data: any;\n  title: string;\n  color?: string;\n\n  constructor(\n    start: Date,\n    end: Date,\n    title: string,\n    color: string | undefined,\n    data: any,\n  ) {\n    super(start, end);\n    this.data = data;\n    if (color) this.color = color;\n    this.title = title;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/calendar-month-view.js

@@ -0,0 +1,376 @@
+import { a as i, _ as __decorate, I as IndividualComponent, i as i$1, b } from './IndividualComponent-DUINtMGK.js';
+import { n } from './property-1psGvXOq.js';
+import { r } from './state-DwbEjqVk.js';
+import { g as getTimePercent, i as calculateMonthRange, a as addDays, B as BaseEvent, s as startOfDay, e as endOfDay, d as differenceInDays, f as formatDate, L as LONG_EVENT_PADDING } from './calendar-event-BrQ_SEKD.js';
+import { M as MonthEventManager } from './event-manager-D-QCmUgR.js';
+
+var css_248z = i`@charset "UTF-8";
+* {
+  box-sizing: border-box;
+}
+
+.screen-reader-only {
+  display: none !important;
+}
+
+:host {
+  display: block;
+  height: 100%;
+  --calendar-border-color: var(--color-outline-variant);
+  --calendar-scale-color: var(--color-outline-variant);
+  --scale-size: 3rem;
+}
+
+.scale {
+  width: var(--scale-size);
+  flex-shrink: 0;
+}
+
+.calendar-month-view {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+/* ── Header ── */
+.view-header {
+  background: var(--color-surface-container);
+  display: flex;
+  border-bottom: 1px solid var(--calendar-border-color);
+}
+.view-header .columns {
+  display: flex;
+  flex: 1;
+}
+.view-header .columns .column {
+  flex: 1;
+  border-inline-start: 1px solid var(--calendar-border-color);
+}
+.view-header .columns .column:first-child {
+  border-inline-start: 0;
+}
+.view-header .columns .column .column-content {
+  display: flex;
+  align-items: center;
+  padding: 0.5rem 0.75rem;
+  gap: 0.5rem;
+}
+.view-header .columns .column .day {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--color-on-surface-variant);
+}
+.view-header .scrollbar-placeholder {
+  width: var(--scrollbar-width, 0px);
+}
+
+/* ── View body ── */
+.view-body {
+  height: 100%;
+  overflow-y: auto;
+}
+.view-body .view-body-scroll {
+  display: flex;
+  position: relative;
+  min-height: 100%;
+}
+.view-body .view-body-scroll .drawing-area {
+  flex: 1;
+}
+.view-body .view-body-scroll .drawing-area .multi-day-section {
+  border-bottom: 1px solid var(--calendar-scale-color);
+  min-height: 8rem;
+}
+.view-body .view-body-scroll .drawing-area .multi-day-section .multi-day-body-scroll {
+  position: relative;
+  height: 100%;
+}
+.view-body .view-body-scroll .drawing-area .multi-day-section .multi-day-background {
+  display: flex;
+  height: 100%;
+  position: absolute;
+  width: 100%;
+}
+.view-body .view-body-scroll .drawing-area .multi-day-section .multi-day-background .columns {
+  display: flex;
+  flex: 1;
+}
+.view-body .view-body-scroll .drawing-area .multi-day-section .multi-day-background .columns .column {
+  min-height: 8rem;
+  flex: 1;
+  border-inline-start: 1px solid var(--calendar-scale-color);
+}
+.view-body .view-body-scroll .drawing-area .multi-day-section .multi-day-background .columns .column:first-child {
+  border-inline-start: 0;
+}
+.view-body .view-body-scroll .drawing-area .multi-day-section .multi-day-background .columns .column .column-header {
+  font-size: 0.75rem;
+  color: var(--color-on-surface-variant);
+  padding-inline-start: 0.5rem;
+  padding-top: 0.375rem;
+  border-top: 3px solid transparent;
+}
+.view-body .view-body-scroll .drawing-area .multi-day-section .multi-day-background .columns .column.today {
+  background: color-mix(in srgb, var(--color-primary) 6%, transparent);
+}
+.view-body .view-body-scroll .drawing-area .multi-day-section .multi-day-background .columns .column.today .column-header {
+  border-top-color: var(--color-primary);
+}
+.view-body .view-body-scroll .drawing-area .multi-day-section .multi-events {
+  min-height: 4rem;
+  padding-top: 2rem;
+  height: 100%;
+}
+.view-body .view-body-scroll .drawing-area .multi-day-section .multi-events .row {
+  height: 1.8rem;
+  box-sizing: content-box;
+  position: relative;
+  padding-bottom: 0.25rem;
+}
+.view-body .view-body-scroll .drawing-area .multi-day-section .multi-events .row:last-child {
+  padding-bottom: 0;
+}
+.view-body .view-body-scroll .drawing-area .multi-day-section .multi-events .row-spacer {
+  height: 0.75rem;
+}
+.view-body .view-body-scroll .drawing-area .multi-day-section .multi-events .event {
+  position: absolute;
+  height: 1.8rem;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+.view-body .view-body-scroll .drawing-area .multi-day-section .multi-events .event .event-title {
+  padding: 0.25rem 0.375rem;
+  font-size: 0.75rem;
+  font-weight: 500;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.view-body .view-body-scroll .drawing-area .multi-day-section .multi-events .event.clickable {
+  cursor: pointer;
+}
+
+/* ── Event styles ── */
+.event {
+  background: var(--calendar-event-bg-color);
+  border-inline-start: 0.25rem solid var(--calendar-event-border-color);
+  border-radius: var(--shape-corner-extra-small);
+  color: var(--calendar-event-text-color);
+  transition: background 150ms ease;
+}
+.event.clickable:hover {
+  background: var(--calendar-event-bg-color--hover);
+  color: var(--calendar-event-text-color--hover);
+}
+
+/* ── Today highlighting ── */
+.calendar-month-view .view-body .view-body-scroll .drawing-area .multi-day-section .multi-day-background .columns .column.today {
+  background: color-mix(in srgb, var(--color-primary) 6%, transparent);
+}
+.calendar-month-view .view-body .view-body-scroll .drawing-area .multi-day-section .multi-day-background .columns .column.today .column-header {
+  border-top-color: var(--color-primary);
+}`;
+
+/**
+ * @label Calendar Month View
+ * @tag wc-calendar-month-view
+ * @rawTag calendar-month-view
+ * @parentRawTag calendar
+ * @summary Internal month view component for the calendar.
+ */
+let CalendarMonthView = class CalendarMonthView extends i$1 {
+    constructor() {
+        super(...arguments);
+        this.events = [];
+        this.eventClickable = true;
+        this.currentTime = new Date();
+        this.contextDate = new Date();
+        this.dateRange = {};
+        this.weekDayEvents = [];
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._processEvents();
+    }
+    willUpdate(changedProperties) {
+        if (changedProperties.has('events') ||
+            changedProperties.has('contextDate')) {
+            this._processEvents();
+        }
+    }
+    firstUpdated() {
+        const viewBody = this.renderRoot.querySelector('.view-body');
+        if (viewBody) {
+            const viewBodyHeight = viewBody.scrollHeight;
+            viewBody.scrollTo({
+                top: (getTimePercent(this.currentTime) / 100) * viewBodyHeight - 150,
+            });
+        }
+    }
+    _processEvents() {
+        this.dateRange = calculateMonthRange(this.contextDate, 1);
+        this.weekDayEvents = [];
+        for (let i = new Date(this.dateRange.startDate), j = 0; j < 6; i = addDays(i, 7), j++) {
+            const manager = new MonthEventManager();
+            manager.addEvents(this.events.filter(event => event.isOverlapping(new BaseEvent(startOfDay(i), endOfDay(addDays(i, 6))))));
+            manager.process();
+            this.weekDayEvents.push(manager.columns);
+        }
+    }
+    _getDatePercent(date, dateRangeStartDate) {
+        const currentDay = differenceInDays(startOfDay(date), dateRangeStartDate);
+        const percent = (currentDay / 7) * 100;
+        if (percent < 0)
+            return 0;
+        if (percent > 100)
+            return 100;
+        return percent;
+    }
+    _getDayClass(date) {
+        const diff = differenceInDays(startOfDay(date), startOfDay(this.currentTime));
+        if (diff === 0)
+            return 'column today';
+        if (diff < 0)
+            return 'column past';
+        return 'column future';
+    }
+    _populateColorVars(styles, color) {
+        styles['--calendar-event-bg-color'] = `var(--color-${color}-container)`;
+        styles['--calendar-event-bg-color--hover'] = `var(--color-inverse-${color})`;
+        styles['--calendar-event-border-color'] = `var(--color-${color})`;
+        styles['--calendar-event-text-color'] = `var(--color-on-${color}-container)`;
+        styles['--calendar-event-text-color--hover'] = `var(--color-on-${color})`;
+    }
+    _emitEventClick(event) {
+        this.dispatchEvent(new CustomEvent('month-view-event-click', {
+            detail: { event },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    _renderHeader() {
+        const columns = [];
+        for (let i = new Date(this.dateRange.startDate), j = 0; j < 7; i = addDays(i, 1), j++) {
+            columns.push(b `
+        <div class="column">
+          <div class="column-content">
+            <div class="day">${formatDate(i, 'EEEE')}</div>
+          </div>
+        </div>
+      `);
+        }
+        return columns;
+    }
+    _renderMultiDayBackground(sd) {
+        const columns = [];
+        for (let i = new Date(sd), j = 0; j < 7; i = addDays(i, 1), j++) {
+            columns.push(b `
+        <div class=${this._getDayClass(i)}>
+          <div class="column-content">
+            <div class="column-header">
+              <div class="day">${formatDate(i, 'd')}</div>
+            </div>
+          </div>
+        </div>
+      `);
+        }
+        return columns;
+    }
+    _renderEvents() {
+        return this.weekDayEvents.map((eventDay, index) => {
+            const weekStartDate = addDays(this.dateRange.startDate, index * 7);
+            return b `
+        <div class="multi-day-section">
+          <div class="multi-day-body-scroll">
+            <div class="multi-day-background">
+              <div class="columns">
+                ${this._renderMultiDayBackground(weekStartDate)}
+              </div>
+            </div>
+            <div class="multi-events">
+              <div class="row-content">
+                ${eventDay.map(nodes => b `
+                    <div class="row">
+                      ${nodes.map(node => {
+                const evtCls = this.eventClickable
+                    ? 'event clickable'
+                    : 'event';
+                const evtStyles = {
+                    left: `${this._getDatePercent(node.start, weekStartDate) + LONG_EVENT_PADDING}%`,
+                    width: `${this._getDatePercent(addDays(node.end, 1), weekStartDate) - this._getDatePercent(node.start, weekStartDate) - 2 * LONG_EVENT_PADDING}%`,
+                };
+                if (node.color) {
+                    this._populateColorVars(evtStyles, node.color);
+                }
+                return b `
+                          <div
+                            class=${evtCls}
+                            style=${this._styleMap(evtStyles)}
+                            @click=${() => {
+                    if (this.eventClickable)
+                        this._emitEventClick(node.data);
+                }}
+                          >
+                            <div class="event-title">
+                              ${node.title || '(no title)'}
+                            </div>
+                          </div>
+                        `;
+            })}
+                    </div>
+                  `)}
+                <div class="row-spacer"></div>
+              </div>
+            </div>
+          </div>
+        </div>
+      `;
+        });
+    }
+    _styleMap(styles) {
+        return Object.entries(styles)
+            .map(([k, v]) => `${k}:${v}`)
+            .join(';');
+    }
+    render() {
+        return b `
+      <div class="calendar-month-view">
+        <div class="view-header">
+          <div class="columns">${this._renderHeader()}</div>
+          <div class="scrollbar-placeholder"></div>
+        </div>
+        <div class="view-body">
+          <div class="view-body-scroll">
+            <div class="drawing-area">${this._renderEvents()}</div>
+          </div>
+        </div>
+      </div>
+    `;
+    }
+};
+CalendarMonthView.styles = [css_248z];
+__decorate([
+    n({ type: Array })
+], CalendarMonthView.prototype, "events", void 0);
+__decorate([
+    n({ type: Boolean, attribute: 'event-clickable' })
+], CalendarMonthView.prototype, "eventClickable", void 0);
+__decorate([
+    n({ type: Object, attribute: false })
+], CalendarMonthView.prototype, "currentTime", void 0);
+__decorate([
+    n({ type: Object, attribute: false })
+], CalendarMonthView.prototype, "contextDate", void 0);
+__decorate([
+    r()
+], CalendarMonthView.prototype, "dateRange", void 0);
+__decorate([
+    r()
+], CalendarMonthView.prototype, "weekDayEvents", void 0);
+CalendarMonthView = __decorate([
+    IndividualComponent
+], CalendarMonthView);
+
+export { CalendarMonthView };
+//# sourceMappingURL=calendar-month-view.js.map

package/dist/calendar-month-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-month-view.js","sources":["../../src/calendar/calendar-month-view.ts"],"sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport {\n  addDays,\n  differenceInDays,\n  startOfDay,\n  endOfDay,\n  calculateMonthRange,\n  formatDate,\n  getTimePercent,\n  LONG_EVENT_PADDING,\n} from './utils.js';\nimport { BaseEvent } from './base-event.js';\nimport { CalendarEvent } from './calendar-event.js';\nimport { MonthEventManager } from './event-manager.js';\nimport type { ColumnEvent } from './event-manager.js';\nimport IndividualComponent from '@/IndividualComponent.js';\nimport styles from './calendar-month-view.scss';\n\n/**\n * @label Calendar Month View\n * @tag wc-calendar-month-view\n * @rawTag calendar-month-view\n * @parentRawTag calendar\n * @summary Internal month view component for the calendar.\n */\n@IndividualComponent\nexport class CalendarMonthView extends LitElement {\n  static styles = [styles];\n\n  @property({ type: Array })\n  events: CalendarEvent[] = [];\n\n  @property({ type: Boolean, attribute: 'event-clickable' })\n  eventClickable: boolean = true;\n\n  @property({ type: Object, attribute: false })\n  currentTime: Date = new Date();\n\n  @property({ type: Object, attribute: false })\n  contextDate: Date = new Date();\n\n  @state()\n  private dateRange: any = {};\n\n  @state()\n  private weekDayEvents: ColumnEvent[][][] = [];\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this._processEvents();\n  }\n\n  override willUpdate(changedProperties: Map<string, unknown>) {\n    if (\n      changedProperties.has('events') ||\n      changedProperties.has('contextDate')\n    ) {\n      this._processEvents();\n    }\n  }\n\n  override firstUpdated() {\n    const viewBody = this.renderRoot.querySelector('.view-body');\n    if (viewBody) {\n      const viewBodyHeight = viewBody.scrollHeight;\n      viewBody.scrollTo({\n        top:\n          (getTimePercent(this.currentTime) / 100) * viewBodyHeight - 150,\n      });\n    }\n  }\n\n  private _processEvents() {\n    this.dateRange = calculateMonthRange(this.contextDate, 1);\n    this.weekDayEvents = [];\n\n    for (\n      let i = new Date(this.dateRange.startDate), j = 0;\n      j < 6;\n      i = addDays(i, 7), j++\n    ) {\n      const manager = new MonthEventManager();\n      manager.addEvents(\n        this.events.filter(event =>\n          event.isOverlapping(\n            new BaseEvent(startOfDay(i), endOfDay(addDays(i, 6))),\n          ),\n        ),\n      );\n      manager.process();\n      this.weekDayEvents.push(manager.columns);\n    }\n  }\n\n  private _getDatePercent(date: Date, dateRangeStartDate: Date): number {\n    const currentDay = differenceInDays(startOfDay(date), dateRangeStartDate);\n    const percent = (currentDay / 7) * 100;\n    if (percent < 0) return 0;\n    if (percent > 100) return 100;\n    return percent;\n  }\n\n  private _getDayClass(date: Date): string {\n    const diff = differenceInDays(\n      startOfDay(date),\n      startOfDay(this.currentTime),\n    );\n    if (diff === 0) return 'column today';\n    if (diff < 0) return 'column past';\n    return 'column future';\n  }\n\n  private _populateColorVars(\n    styles: Record<string, string>,\n    color: string,\n  ) {\n    styles['--calendar-event-bg-color'] = `var(--color-${color}-container)`;\n    styles['--calendar-event-bg-color--hover'] = `var(--color-inverse-${color})`;\n    styles['--calendar-event-border-color'] = `var(--color-${color})`;\n    styles['--calendar-event-text-color'] = `var(--color-on-${color}-container)`;\n    styles['--calendar-event-text-color--hover'] = `var(--color-on-${color})`;\n  }\n\n  private _emitEventClick(event: any) {\n    this.dispatchEvent(\n      new CustomEvent('month-view-event-click', {\n        detail: { event },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private _renderHeader() {\n    const columns: any[] = [];\n    for (\n      let i = new Date(this.dateRange.startDate), j = 0;\n      j < 7;\n      i = addDays(i, 1), j++\n    ) {\n      columns.push(html`\n        <div class=\"column\">\n          <div class=\"column-content\">\n            <div class=\"day\">${formatDate(i, 'EEEE')}</div>\n          </div>\n        </div>\n      `);\n    }\n    return columns;\n  }\n\n  private _renderMultiDayBackground(sd: Date) {\n    const columns: any[] = [];\n    for (let i = new Date(sd), j = 0; j < 7; i = addDays(i, 1), j++) {\n      columns.push(html`\n        <div class=${this._getDayClass(i)}>\n          <div class=\"column-content\">\n            <div class=\"column-header\">\n              <div class=\"day\">${formatDate(i, 'd')}</div>\n            </div>\n          </div>\n        </div>\n      `);\n    }\n    return columns;\n  }\n\n  private _renderEvents() {\n    return this.weekDayEvents.map((eventDay, index) => {\n      const weekStartDate = addDays(this.dateRange.startDate, index * 7);\n      return html`\n        <div class=\"multi-day-section\">\n          <div class=\"multi-day-body-scroll\">\n            <div class=\"multi-day-background\">\n              <div class=\"columns\">\n                ${this._renderMultiDayBackground(weekStartDate)}\n              </div>\n            </div>\n            <div class=\"multi-events\">\n              <div class=\"row-content\">\n                ${eventDay.map(\n                  nodes => html`\n                    <div class=\"row\">\n                      ${nodes.map(node => {\n                        const evtCls = this.eventClickable\n                          ? 'event clickable'\n                          : 'event';\n                        const evtStyles: Record<string, string> = {\n                          left: `${this._getDatePercent(node.start, weekStartDate) + LONG_EVENT_PADDING}%`,\n                          width: `${this._getDatePercent(addDays(node.end, 1), weekStartDate) - this._getDatePercent(node.start, weekStartDate) - 2 * LONG_EVENT_PADDING}%`,\n                        };\n                        if (node.color) {\n                          this._populateColorVars(evtStyles, node.color);\n                        }\n                        return html`\n                          <div\n                            class=${evtCls}\n                            style=${this._styleMap(evtStyles)}\n                            @click=${() => {\n                              if (this.eventClickable)\n                                this._emitEventClick(node.data);\n                            }}\n                          >\n                            <div class=\"event-title\">\n                              ${node.title || '(no title)'}\n                            </div>\n                          </div>\n                        `;\n                      })}\n                    </div>\n                  `,\n                )}\n                <div class=\"row-spacer\"></div>\n              </div>\n            </div>\n          </div>\n        </div>\n      `;\n    });\n  }\n\n  private _styleMap(styles: Record<string, string>): string {\n    return Object.entries(styles)\n      .map(([k, v]) => `${k}:${v}`)\n      .join(';');\n  }\n\n  render() {\n    return html`\n      <div class=\"calendar-month-view\">\n        <div class=\"view-header\">\n          <div class=\"columns\">${this._renderHeader()}</div>\n          <div class=\"scrollbar-placeholder\"></div>\n        </div>\n        <div class=\"view-body\">\n          <div class=\"view-body-scroll\">\n            <div class=\"drawing-area\">${this._renderEvents()}</div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n"],"names":["LitElement","html","styles","property","state"],"mappings":"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"}