ngx-resource-scheduler 1.0.1 → 1.0.3

package/fesm2022/ngx-resource-scheduler.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-resource-scheduler.mjs","sources":["../../../projects/ngx-resource-scheduler/src/lib/ngx-resource-scheduler.component.ts","../../../projects/ngx-resource-scheduler/src/lib/ngx-resource-scheduler.component.html","../../../projects/ngx-resource-scheduler/src/lib/types.ts","../../../projects/ngx-resource-scheduler/src/lib/ngx-resource-scheduler.module.ts","../../../projects/ngx-resource-scheduler/src/public-api.ts","../../../projects/ngx-resource-scheduler/src/ngx-resource-scheduler.ts"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  EventEmitter,\n  Input,\n  OnChanges,\n  Output,\n  SimpleChanges,\n  TemplateRef,\n} from '@angular/core';\n\nimport {\n  PrimaryAxis,\n  SchedulerEvent,\n  SchedulerEventClick,\n  SchedulerRangeChange,\n  SchedulerResource,\n  SchedulerSlotClick,\n  SchedulerView,\n} from './types';\n\nimport { toZonedTime, fromZonedTime } from 'date-fns-tz';\nimport { PositionedEvent } from './internal/types-internal';\n\ntype PrimaryColumn =\n  | { kind: 'day'; day: Date; key: string; title: string }\n  | { kind: 'resource'; resource: SchedulerResource; key: string; title: string };\n\ntype SecondaryColumn =\n  | { kind: 'day'; day: Date; key: string; title: string }\n  | { kind: 'resource'; resource: SchedulerResource; key: string; title: string };\n\nexport interface SchedulerEventTemplateContext {\n  $implicit: PositionedEvent; // allows: let-event\n  event: PositionedEvent;\n  startZoned: Date;\n  endZoned: Date;\n  resourceId: string;\n  day: Date;\n}\n\n@Component({\n    selector: 'ngx-resource-scheduler',\n    templateUrl: './ngx-resource-scheduler.component.html',\n    styleUrls: ['./ngx-resource-scheduler.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: false\n})\nexport class NgxResourceSchedulerComponent implements OnChanges {\n  // --- REQUIRED ---\n  @Input() startDate!: Date; // first visible day (00:00 recommended)\n  @Input() resources: SchedulerResource[] = [];\n  @Input() events: SchedulerEvent[] = [];\n\n  // --- FLEXIBILITY ---\n  @Input() nDays: number = 7; // clamp [1..7]\n  @Input() primaryAxis: PrimaryAxis = 'days';\n\n  // --- TIME WINDOW (vertical) ---\n  @Input() dayStart: string = '08:00'; // HH:mm\n  @Input() dayEnd: string = '20:00';   // HH:mm\n  @Input() slotDuration: string = '00:30'; // HH:mm (grid resolution)\n  @Input() snapToSlot: boolean = true;\n\n  @Input() showSlotLines: boolean = true;\n  @Input() slotLineStyle: 'slot' | 'hour' | 'both' = 'slot';\n\n  // NAVIGATION\n  @Input() showToolbar: boolean = true;\n  @Input() prevLabel: string = '‹';\n  @Input() nextLabel: string = '›';\n  private lastRangeKey: string | null = null;  \n\n  // CUSTOM STYLING\n  @Input() eventTemplate?: TemplateRef<SchedulerEventTemplateContext>;\n  @Input() eventClass?: (e: PositionedEvent) => string | string[] | Set<string> | { [klass: string]: any };\n  @Input() eventStyle?: (e: PositionedEvent) => { [k: string]: any };\n\n  // i18n\n  @Input() showDaysResourcesLabel: boolean = true;\n  @Input() daysLabel: string = 'days';\n  @Input() resourcesLabel: string = 'resources';\n  @Input() todayLabel: string = 'Today';\n\n  // --- MISC ---\n  @Input() locale?: string;\n  @Input() timezone?: 'local' | 'UTC' | string; // IANA Time Zone Identifier\n  @Input() readonly: boolean = false;\n\n  // --- OUTPUTS ---\n  @Output() slotClick = new EventEmitter<SchedulerSlotClick>();\n  @Output() eventClick = new EventEmitter<SchedulerEventClick>();\n  @Output() eventChange = new EventEmitter<any>();\n  @Output() rangeChange = new EventEmitter<SchedulerRangeChange>();\n  @Output() startDateChange = new EventEmitter<Date>();\n\n  // --- INTERNAL LAYOUT CONSTANTS ---\n  readonly pxPerMinute = 1; // 60px per hour\n\n  // --- COMPUTED ---\n  visibleDays: Date[] = [];\n  primaryColumns: PrimaryColumn[] = [];\n  secondaryColumns: SecondaryColumn[] = [];\n\n  dayStartMinutes = 8 * 60;\n  dayEndMinutes = 20 * 60;\n  slotMinutes = 30;\n\n  ngOnChanges(_: SimpleChanges): void {\n    this.recompute();\n  }\n\n  // ---------- PUBLIC METHODS ---------\n\n  /** Navigate by one \"page\" (nDays) backward */\n  public prev(): void {\n    this.navigatePrev();\n  }\n\n  /** Navigate by one \"page\" (nDays) forward */\n  public next(): void {\n    this.navigateNext();\n  }\n\n  /** Go to today (start of day) */\n  public today(): void {\n    this.navigateToday();\n  }\n\n  /** Programmatically set the visible start date */\n  public goToDate(d: Date): void {\n    this.setStartDate(this.startOfDay(d));\n  }\n\n  // ---------- TEMPLATE HELPERS ----------\n\n  get timelineHeightPx(): number {\n    return Math.max(0, (this.dayEndMinutes - this.dayStartMinutes) * this.pxPerMinute);\n  }\n\n  get hourLabels(): number[] {\n    const startH = Math.floor(this.dayStartMinutes / 60);\n    const endH = Math.floor(this.dayEndMinutes / 60);\n\n    const hours: number[] = [];\n    for (let h = startH; h <= endH; h++) hours.push(h);\n    return hours;\n  }\n\n  get slotLines(): Array<{ top: number; isHalfHour: boolean }> {\n    if (!this.showSlotLines) return [];\n\n    const spanMin = this.dayEndMinutes - this.dayStartMinutes;\n    if (spanMin <= 0 || this.slotMinutes <= 0) return [];\n\n    const lines: Array<{ top: number; isHalfHour: boolean }> = [];\n    for (let m = 0; m <= spanMin; m += this.slotMinutes) {\n      const absoluteMin = this.dayStartMinutes + m;\n\n      // true at hh:30 exactly (e.g., 08:30, 09:30, ...)\n      const isHalfHour = absoluteMin % 60 === 30;\n\n      lines.push({\n        top: m * this.pxPerMinute,\n        isHalfHour,\n      });\n    }\n    return lines;\n  }\n\n  get hourLineOffsetsPx(): number[] {\n    const spanMin = this.dayEndMinutes - this.dayStartMinutes;\n    if (spanMin <= 0) return [];\n\n    const offsets: number[] = [];\n    const firstHourMin = Math.ceil(this.dayStartMinutes / 60) * 60;\n\n    for (let m = firstHourMin; m <= this.dayEndMinutes; m += 60) {\n      offsets.push((m - this.dayStartMinutes) * this.pxPerMinute);\n    }\n    // Also include the top edge at 0 for a clean line\n    offsets.unshift(0);\n\n    return offsets;\n  }\n\n  get rangeTitle(): string {\n    if (!this.visibleDays.length) return '';\n\n    const start = this.visibleDays[0];\n    const end = this.visibleDays[this.visibleDays.length - 1];\n\n    const sameMonth = start.getFullYear() === end.getFullYear() && start.getMonth() === end.getMonth();\n    const opts: Intl.DateTimeFormatOptions = { month: 'short', day: 'numeric' };\n\n    if (this.visibleDays.length === 1) {\n      return start.toLocaleDateString(this.locale, { weekday: 'short', ...opts });\n    }\n\n    if (sameMonth) {\n      const month = start.toLocaleDateString(this.locale, { month: 'short' });\n      return `${month} ${start.getDate()}–${end.getDate()}`;\n    }\n\n    return `${start.toLocaleDateString(this.locale, opts)} – ${end.toLocaleDateString(this.locale, opts)}`;\n  }\n\n  /**\n   * Returns events that intersect a given (day, resource) cell.\n   */\n  eventsForCell(day: Date, resourceId: string): PositionedEvent[] {\n    const { startUtc, endUtc } = this.windowBoundsUtc(day);\n\n  const list = this.events\n    .filter((e) =>\n      e.resourceId === resourceId &&\n      e.start < endUtc &&\n      e.end > startUtc\n    )\n    .sort((a, b) => a.start.getTime() - b.start.getTime());\n\n  return this.layoutOverlaps(list);\n  }\n\n  /**\n   * CSS positioning for an event within a day cell.\n   */\n  styleForEvent(e: PositionedEvent, day: Date): { [k: string]: string } {\n    const { startUtc: windowStartUtc, endUtc: windowEndUtc } = this.windowBoundsUtc(day);\n\n    // If event doesn't intersect visible window, don't render it\n    if (e.end <= windowStartUtc || e.start >= windowEndUtc) {\n      return { display: 'none' };\n    }\n\n    const start = new Date(Math.max(e.start.getTime(), windowStartUtc.getTime()));\n    const end = new Date(Math.min(e.end.getTime(), windowEndUtc.getTime()));\n\n    const topMin = (start.getTime() - windowStartUtc.getTime()) / 60000;\n    const durMin = Math.max(10, (end.getTime() - start.getTime()) / 60000);\n\n    // overlap columns (same as you already have)\n    const gapPx = 6;\n    const cols = Math.max(1, e._cols);\n    const col = Math.max(0, e._col);\n\n    const widthExpr = `calc(${100 / cols}% - ${gapPx}px)`;\n    const leftExpr = `calc(${(100 * col) / cols}% + ${gapPx / 2}px)`;\n\n    return {\n      top: `${topMin * this.pxPerMinute}px`,\n      height: `${durMin * this.pxPerMinute}px`,\n      width: widthExpr,\n      left: leftExpr,\n      right: 'auto',\n    };\n  }\n\n  onEventClick(e: SchedulerEvent, mouse: MouseEvent) {\n    this.eventClick.emit({ event: e, nativeEvent: mouse });\n  }\n\n  onCellClick(day: Date, resourceId: string, mouse: MouseEvent) {\n    if (this.readonly) return;\n\n    const clickedDate = this.computeClickedTime(day, mouse);\n    const primaryKey = this.primaryAxis === 'days' ? this.dayKey(day) : resourceId;\n    const secondaryKey = this.primaryAxis === 'days' ? resourceId : this.dayKey(day);\n\n    this.slotClick.emit({\n      date: clickedDate,\n      day: this.startOfDay(day),\n      resourceId,\n      primaryAxis: this.primaryAxis,\n      primaryKey,\n      secondaryKey,\n    });\n  }\n\n  cellDayKey(p:any,s:any): string {\n    return this.dayKey(this.resolveCellDay(p,s));\n  }\n\n  cellResourceId(p:any,s:any): string {\n    return this.resolveCellResourceId(p,s);\n  }\n\n  resolveCellResourceId(p: any, s: any): string {\n    return this.primaryAxis === 'days' ? s.resource.id : p.resource.id;\n  }\n\n  resolveCellResource(p: any, s: any): SchedulerResource {\n    return this.primaryAxis === 'days' ? s.resource : p.resource;\n  }\n\n  cellEvents(p: any, s: any): PositionedEvent[] {\n    const day = this.resolveCellDay(p, s);\n    const resourceId = this.resolveCellResourceId(p, s);\n    return this.eventsForCell(day, resourceId); // now PositionedEvent[]\n  }\n\n  cellClick(p: any, s: any, ev: MouseEvent) {\n    const day = this.resolveCellDay(p, s);\n    const resourceId = this.resolveCellResourceId(p, s);\n    this.onCellClick(day, resourceId, ev);\n  }\n\n  getEventLayoutStyle(e: PositionedEvent, p: any, s: any) {\n    const day = this.resolveCellDay(p, s);\n\n    const layout = this.styleForEvent(e, day); // contains top/height/left/width\n    const userStyle = this.eventStyle ? this.eventStyle(e) : null;\n\n    // IMPORTANT: layout must win so users can’t break positioning\n    return userStyle ? { ...userStyle, ...layout } : layout;\n  }\n\n  // ---------- INTERNAL COMPUTATION ----------\n\n  private windowBoundsUtc(day: Date): { startUtc: Date; endUtc: Date } {\n    const base = this.startOfDay(day);\n\n    // wall-clock dates for \"day at HH:mm\" (fields matter)\n    const wallStart = this.setTime(base, this.dayStartMinutes);\n    const wallEnd = this.setTime(base, this.dayEndMinutes);\n\n    if (!this.timezone || this.timezone === 'local') {\n      // interpreted as device local instants\n      return { startUtc: wallStart, endUtc: wallEnd };\n    }\n\n    if (this.timezone === 'UTC') {\n      // build true UTC instants for the wall clock\n      const y = base.getFullYear();\n      const m = base.getMonth();\n      const d = base.getDate();\n\n      const sH = Math.floor(this.dayStartMinutes / 60);\n      const sM = this.dayStartMinutes % 60;\n      const eH = Math.floor(this.dayEndMinutes / 60);\n      const eM = this.dayEndMinutes % 60;\n\n      return {\n        startUtc: new Date(Date.UTC(y, m, d, sH, sM, 0, 0)),\n        endUtc: new Date(Date.UTC(y, m, d, eH, eM, 0, 0)),\n      };\n    }\n\n    // IANA timezone: wall-clock in zone -> UTC instant\n    return {\n      startUtc: fromZonedTime(wallStart, this.timezone),\n      endUtc: fromZonedTime(wallEnd, this.timezone),\n    };\n  }\n\n  private assignColumns(cluster: SchedulerEvent[]): PositionedEvent[] {\n    // columnsEndTimes[col] = endTime of last event in that col\n    const columnsEndTimes: number[] = [];\n    const out: PositionedEvent[] = [];\n\n    for (const e of cluster) {\n      const s = e.start.getTime();\n      const en = e.end.getTime();\n\n      // Find first available column\n      let col = 0;\n      for (; col < columnsEndTimes.length; col++) {\n        if (s >= columnsEndTimes[col]) break;\n      }\n\n      if (col === columnsEndTimes.length) columnsEndTimes.push(en);\n      else columnsEndTimes[col] = en;\n\n      out.push({ ...e, _col: col, _cols: 0 });\n    }\n\n    const totalCols = columnsEndTimes.length;\n    // write total columns for all events in this cluster\n    for (const pe of out) pe._cols = totalCols;\n\n    return out;\n  }\n\n  private emitRangeIfChanged(payload: SchedulerRangeChange) {\n    const key = `${payload.start.toISOString()}|${payload.end.toISOString()}|${payload.primaryAxis}|${payload.days}`;\n    if (key === this.lastRangeKey) return;\n    this.lastRangeKey = key;\n    queueMicrotask(() => this.rangeChange.emit(payload));\n  }\n\n  private setStartDate(d: Date) {\n    this.startDate = d;\n    this.recompute();\n    this.startDateChange.emit(d);\n  }\n\n  // Computes clicked time from y offset within a cell (very handy for creating events)\n  private computeClickedTime(day: Date, mouse: MouseEvent): Date {\n    const target = mouse.currentTarget as HTMLElement | null;\n    if (!target || typeof (target as any).getBoundingClientRect !== 'function') {\n      return this.setTime(this.startOfDay(day), this.dayStartMinutes);\n    }\n\n    const rect = target.getBoundingClientRect();\n    const y = mouse.clientY - rect.top;\n\n    const minutesFromStart = Math.max(0, Math.min(this.dayEndMinutes - this.dayStartMinutes, y / this.pxPerMinute));\n    let snapped = minutesFromStart;\n\n    if (this.snapToSlot && this.slotMinutes > 0) {\n      snapped = Math.round(minutesFromStart / this.slotMinutes) * this.slotMinutes;\n    }\n\n    const totalMinutes = this.dayStartMinutes + snapped;\n    return this.setTime(this.startOfDay(day), totalMinutes);\n  }\n\n  private layoutOverlaps(events: SchedulerEvent[]): PositionedEvent[] {\n    // Sweep through events, grouping overlapping \"clusters\"\n    const positioned: PositionedEvent[] = [];\n\n    let cluster: SchedulerEvent[] = [];\n    let clusterEnd = -Infinity;\n\n    const flushCluster = () => {\n      if (cluster.length === 0) return;\n      positioned.push(...this.assignColumns(cluster));\n      cluster = [];\n      clusterEnd = -Infinity;\n    };\n\n    for (const e of events) {\n      const s = e.start.getTime();\n      const en = e.end.getTime();\n\n      if (cluster.length === 0) {\n        cluster = [e];\n        clusterEnd = en;\n        continue;\n      }\n\n      // If this event starts after cluster ends, it's a new cluster\n      if (s >= clusterEnd) {\n        flushCluster();\n        cluster = [e];\n        clusterEnd = en;\n        continue;\n      }\n\n      // Still overlapping cluster\n      cluster.push(e);\n      if (en > clusterEnd) clusterEnd = en;\n    }\n\n    flushCluster();\n    return positioned;\n  }\n  \n  private resolveCellDay(p: any, s: any): Date {\n    return this.primaryAxis === 'days' ? p.day : s.day;\n  }\n\n  private recompute() {\n    // Clamp days\n    const d = Math.max(1, Math.min(7, Math.floor(this.nDays || 7)));\n\n    // Parse times\n    this.dayStartMinutes = this.parseHmToMinutes(this.dayStart, 8 * 60);\n    this.dayEndMinutes = this.parseHmToMinutes(this.dayEnd, 20 * 60);\n    if (this.dayEndMinutes <= this.dayStartMinutes) {\n      // fallback to a sane window\n      this.dayEndMinutes = this.dayStartMinutes + 10 * 60;\n    }\n\n    this.slotMinutes = this.parseHmToMinutes(this.slotDuration, 30);\n    if (this.slotMinutes <= 0) this.slotMinutes = 30;\n\n    // Visible days\n    const start = this.startOfDay(this.startDate ?? new Date());\n    this.visibleDays = Array.from({ length: d }, (_, i) => this.addDays(start, i));\n\n    // Columns\n    if (this.primaryAxis === 'days') {\n      this.primaryColumns = this.visibleDays.map((day) => ({\n        kind: 'day',\n        day,\n        key: this.dayKey(day),\n        title: this.formatDay(day),\n      }));\n\n      this.secondaryColumns = this.resources.map((r) => ({\n        kind: 'resource',\n        resource: r,\n        key: r.id,\n        title: r.title,\n      }));\n    } else {\n      this.primaryColumns = this.resources.map((r) => ({\n        kind: 'resource',\n        resource: r,\n        key: r.id,\n        title: r.title,\n      }));\n\n      this.secondaryColumns = this.visibleDays.map((day) => ({\n        kind: 'day',\n        day,\n        key: this.dayKey(day),\n        title: this.formatDay(day),\n      }));\n    }\n\n    // Emit range\n    const rangeStart = start;\n    const rangeEnd = this.addDays(start, d);\n    const view: SchedulerView = 'custom-range';\n\n\n    this.emitRangeIfChanged({\n      start: rangeStart,\n      end: rangeEnd,\n      days: d,\n      primaryAxis: this.primaryAxis,\n      view,\n    });\n  }\n\n  // ------------- NAVIGATION -------------\n\n  navigatePrev() {\n    const next = this.addDays(this.startOfDay(this.startDate ?? new Date()), -this.normalizedDays());\n    this.setStartDate(next);\n  }\n\n  navigateNext() {\n    const next = this.addDays(this.startOfDay(this.startDate ?? new Date()), this.normalizedDays());\n    this.setStartDate(next);\n  }\n\n  navigateToday() {\n    const today = this.startOfDay(new Date());\n    this.setStartDate(today);\n  }\n\n  // ---------- DATE/TIME UTILS ----------\n\n  formatHour(h: number): string {\n    return `${String(h).padStart(2, '0')}:00`;\n  }\n\n  hourTopPx(h: number): number {\n    const minutes = (h * 60) - this.dayStartMinutes;\n    return minutes * this.pxPerMinute;\n  }\n\n  isIanaTz(): boolean {\n    return !!this.timezone && this.timezone !== 'local' && this.timezone !== 'UTC';\n  }\n\n  toDisplayZone(dUtc: Date): Date {\n    if (this.timezone === 'UTC') return new Date(dUtc);\n    if (this.timezone === 'local' || !this.timezone) return new Date(dUtc);\n\n    // Converts a UTC instant to a Date whose wall-clock matches the IANA zone\n    return toZonedTime(dUtc, this.timezone);\n  }\n\n  fromDisplayZone(dZoned: Date): Date {\n    if (this.timezone === 'UTC') return new Date(dZoned);\n    if (this.timezone === 'local' || !this.timezone) return new Date(dZoned);\n\n    // Converts a wall-clock-in-zone Date back to a UTC instant\n    return fromZonedTime(dZoned, this.timezone);\n  }\n\n  private parseHmToMinutes(hm: string, fallback: number): number {\n    const m = /^(\\d{1,2}):(\\d{2})$/.exec((hm || '').trim());\n    if (!m) return fallback;\n    const hh = Number(m[1]);\n    const mm = Number(m[2]);\n    if (!Number.isFinite(hh) || !Number.isFinite(mm)) return fallback;\n    return Math.max(0, Math.min(24 * 60, hh * 60 + mm));\n  }\n\n  private startOfDay(d: Date): Date {\n    const x = new Date(d);\n    x.setHours(0, 0, 0, 0);\n    return x;\n  }\n\n  private addDays(d: Date, n: number): Date {\n    const x = new Date(d);\n    x.setDate(x.getDate() + n);\n    return x;\n  }\n\n  private setTime(day: Date, minutes: number): Date {\n    const x = new Date(day);\n    const hh = Math.floor(minutes / 60);\n    const mm = minutes % 60;\n    x.setHours(hh, mm, 0, 0);\n    return x;\n  }\n\n  private dayKey(d: Date): string {\n    // Use YYYY-MM-DD (stable key) instead of full ISO with timezone offsets\n    const y = d.getFullYear();\n    const m = String(d.getMonth() + 1).padStart(2, '0');\n    const day = String(d.getDate()).padStart(2, '0');\n    return `${y}-${m}-${day}`;\n  }\n\n  private formatDay(d: Date): string {\n    return d.toLocaleDateString(this.locale, { weekday: 'short', month: 'short', day: 'numeric' });\n  }\n\n  private normalizedDays(): number {\n    const v = Math.floor(this.nDays ?? 7);\n    return Math.max(1, Math.min(7, v));\n  }\n\n  // ------------- EVENT TOOLTIP -------------\n\n  eventTooltip(e: SchedulerEvent): string {\n    const start = this.toDisplayZone(e.start);\n    const end = this.toDisplayZone(e.end);\n    const startStr = start.toLocaleTimeString(this.locale, { hour: '2-digit', minute: '2-digit' });\n    const endStr = end.toLocaleTimeString(this.locale, { hour: '2-digit', minute: '2-digit' });\n\n    // keep it short so the native tooltip looks good\n    return `${e.title}\\n${startStr}–${endStr}`;\n  }\n\n  // ------------- CUSTOM EVENT STYLING -----------\n\n  eventTemplateCtx(e: PositionedEvent, p: any, s: any): SchedulerEventTemplateContext {\n    const day = this.resolveCellDay(p, s);\n    const resourceId = this.resolveCellResourceId(p, s);\n    return {\n      $implicit: e,\n      event: e,\n      startZoned: this.toDisplayZone(e.start),\n      endZoned: this.toDisplayZone(e.end),\n      resourceId,\n      day,\n    };\n  }\n\n  // ------------- TRACK BYS -------------\n  \n  trackPrimary = (_: number, c: PrimaryColumn) => c.key;\n  trackSecondary = (_: number, c: SecondaryColumn) => c.key;\n  trackEvent = (_: number, e: SchedulerEvent) => e.id;\n}\n","<div class=\"ngx-scheduler\">\n\n  <!-- Toolbar -->\n  @if (showToolbar) {\n    <div class=\"ngx-toolbar\">\n      <div class=\"ngx-toolbar-left\">\n        <button type=\"button\" class=\"ngx-btn\" (click)=\"navigatePrev()\">{{ prevLabel }}</button>\n        <button type=\"button\" class=\"ngx-btn ngx-btn--ghost\" (click)=\"navigateToday()\">{{ todayLabel }}</button>\n        <button type=\"button\" class=\"ngx-btn\" (click)=\"navigateNext()\">{{ nextLabel }}</button>\n      </div>\n      <div class=\"ngx-toolbar-title\">\n        {{ rangeTitle }}\n      </div>\n      <div class=\"ngx-toolbar-right\">\n        @if (showDaysResourcesLabel) {\n          <span class=\"ngx-toolbar-meta\">\n            {{ primaryAxis === 'days' ? (visibleDays.length + ' ' + daysLabel) : (resources.length + ' ' + resourcesLabel ) }}\n          </span>\n        }\n        @if (!showDaysResourcesLabel) {\n          <span class=\"ngx-toolbar-meta\">&nbsp;</span>\n        }\n      </div>\n    </div>\n  }\n\n  <!-- Header row -->\n  <div class=\"ngx-header\">\n    <div class=\"ngx-time-gutter\"></div>\n\n    <div class=\"ngx-primary-headers\" [style.gridTemplateColumns]=\"'repeat(' + primaryColumns.length + ', minmax(0, 1fr))'\">\n      @for (p of primaryColumns; track trackPrimary($index, p)) {\n        <div class=\"ngx-primary-header\">\n          <div class=\"ngx-primary-title-row\">\n            <div class=\"ngx-primary-title\">{{ p.title }}</div>\n          </div>\n          <div class=\"ngx-secondary-header-row\" [style.gridTemplateColumns]=\"'repeat(' + secondaryColumns.length + ', minmax(0, 1fr))'\">\n            @for (s of secondaryColumns; track trackSecondary($index, s)) {\n              <div class=\"ngx-secondary-header\">\n                <span class=\"ngx-secondary-header-title\">{{ s.title }}</span>\n              </div>\n            }\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n\n  <!-- Body -->\n  <div class=\"ngx-body\">\n    <!-- time gutter -->\n    <div class=\"ngx-time-gutter\" [style.height.px]=\"timelineHeightPx\">\n      @for (h of hourLabels; track h) {\n        <div\n          class=\"ngx-hour-label\"\n          [style.top.px]=\"hourTopPx(h)\">\n          {{ formatHour(h) }}\n        </div>\n      }\n    </div>\n\n\n    <!-- grid -->\n    <div class=\"ngx-grid\"\n      [style.gridTemplateColumns]=\"'repeat(' + primaryColumns.length + ', minmax(0, 1fr))'\"\n      [style.height.px]=\"timelineHeightPx\">\n\n      @for (p of primaryColumns; track trackPrimary($index, p)) {\n        <div class=\"ngx-primary-col\">\n          <div class=\"ngx-secondary-cols\"\n            [style.gridTemplateColumns]=\"'repeat(' + secondaryColumns.length + ', minmax(0, 1fr))'\"\n            [style.height.px]=\"timelineHeightPx\">\n            <!-- Each cell is (day, resource) regardless of axis order -->\n            @for (s of secondaryColumns; track trackSecondary($index, s)) {\n              <div class=\"ngx-cell\"\n                #cellEl\n                [style.height.px]=\"timelineHeightPx\"\n                (click)=\"cellClick(p, s, $event)\"\n                [attr.data-day]=\"cellDayKey(p,s)\"\n                [attr.data-resource]=\"cellResourceId(p,s)\">\n                <!-- grid lines -->\n                <div class=\"ngx-lines\" aria-hidden=\"true\">\n                  <!-- slot lines -->\n                  @for (line of slotLines; track line) {\n                    <div\n                      class=\"ngx-line ngx-line--slot\"\n                      [style.top.px]=\"line.top\"\n                      [class.ngx-line--half]=\"line.isHalfHour\"\n                      [class.is-hidden]=\"slotLineStyle === 'hour'\">\n                    </div>\n                  }\n                  <!-- hour lines -->\n                  @for (top of hourLineOffsetsPx; track top) {\n                    <div\n                      class=\"ngx-line ngx-line--hour\"\n                      [style.top.px]=\"top\"\n                      [class.is-hidden]=\"slotLineStyle === 'slot'\">\n                    </div>\n                  }\n                </div>\n                <!-- events -->\n                <!-- ngClass and 2nd ngStyle are only used when user passes custom class/style -->\n                @for (e of cellEvents(p, s); track trackEvent($index, e)) {\n                  <div class=\"ngx-event\"\n                    [ngStyle]=\"getEventLayoutStyle(e, p, s)\"\n                    (click)=\"onEventClick(e, $event); $event.stopPropagation()\"\n                    [ngClass]=\"eventClass ? eventClass(e) : null\"\n                    [attr.title]=\"eventTooltip(e)\">\n                    @if (eventTemplate) {\n                      <ng-container\n                        [ngTemplateOutlet]=\"eventTemplate\"\n                        [ngTemplateOutletContext]=\"eventTemplateCtx(e, p, s)\">\n                      </ng-container>\n                    } @else {\n                      <div class=\"ngx-event-title\">{{ e.title }}</div>\n                      <div class=\"ngx-event-time\">\n                        {{ toDisplayZone(e.start) | date:'HH:mm' }}–{{ toDisplayZone(e.end) | date:'HH:mm' }}\n                      </div>\n                    }\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        </div>\n      }\n\n    </div>\n  </div>\n\n</div>\n","/**\n * Public types for ngx-resource-scheduler\n * Keep this file framework-agnostic (no Angular imports).\n */\n\n/** Which dimension is the top-level column grouping. */\nexport type PrimaryAxis = 'days' | 'resources';\n\n/** v1 view modes (future-proofed). */\nexport type SchedulerView = 'custom-range'; // controlled by startDate + days\n\n/** Resource shown in the scheduler. */\nexport interface SchedulerResource {\n  id: string;\n  title: string;\n\n  /** Optional arbitrary metadata for the consumer. */\n  data?: unknown;\n\n  /** Optional CSS class(es) applied to the resource header/cells. */\n  className?: string | string[];\n}\n\n/** Event rendered in the scheduler. */\nexport interface SchedulerEvent {\n  id: string;\n  title: string;\n\n  /** Inclusive start date-time. */\n  start: Date;\n\n  /** Exclusive end date-time (recommended). */\n  end: Date;\n\n  /** Resource column this event belongs to. */\n  resourceId: string;\n\n  /** Optional styling helpers. */\n  color?: string;\n  className?: string | string[];\n\n  /** Optional arbitrary metadata for the consumer. */\n  data?: unknown;\n}\n\n/** Emitted when the user clicks an empty slot/cell in the scheduler. */\nexport interface SchedulerSlotClick {\n  /** Clicked date-time (snapped if snapToSlot is enabled). */\n  date: Date;\n\n  /** The day bucket for the clicked cell (00:00 local/zone). */\n  day: Date;\n\n  /** Resource for the clicked cell. */\n  resourceId: string;\n\n  /** Layout info for consumers building custom UI around the scheduler. */\n  primaryAxis: PrimaryAxis;\n\n  /**\n   * Identifies which primary column group was clicked.\n   * - if primaryAxis === 'days': ISO date string of `day`\n   * - if primaryAxis === 'resources': `resourceId`\n   */\n  primaryKey: string;\n\n  /**\n   * Identifies which nested column group was clicked.\n   * - if primaryAxis === 'days': `resourceId`\n   * - if primaryAxis === 'resources': ISO date string of `day`\n   */\n  secondaryKey: string;\n}\n\n/** Emitted when an event element is clicked. */\nexport interface SchedulerEventClick {\n  event: SchedulerEvent;\n  nativeEvent: MouseEvent;\n}\n\n/** Emitted when the visible time range changes (startDate/days/view). */\nexport interface SchedulerRangeChange {\n  /** Inclusive start of visible range. */\n  start: Date;\n\n  /** Exclusive end of visible range. */\n  end: Date;\n\n  /** Number of visible days (1..7). */\n  days: number;\n\n  /** The primary axis currently in use. */\n  primaryAxis: PrimaryAxis;\n\n  /** Current view identifier (v1 uses custom-range). */\n  view: SchedulerView;\n}\n\n/** Optional simple renderer hooks (string return keeps it light for v1). */\nexport type EventRenderer = (args: { event: SchedulerEvent }) => string;\n\nexport type HeaderRenderer =\n  (args: { type: 'day' | 'resource'; day?: Date; resource?: SchedulerResource }) => string;\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NgxResourceSchedulerComponent } from './ngx-resource-scheduler.component';\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: [NgxResourceSchedulerComponent],\n  exports: [NgxResourceSchedulerComponent],\n})\nexport class NgxResourceSchedulerModule {}\n","/*\n * Public API Surface of ngx-resource-scheduler\n */\n\nexport * from './lib/ngx-resource-scheduler.component';\nexport * from './lib/types';\nexport * from './lib/ngx-resource-scheduler.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-resource-scheduler",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Angular scheduler with date columns and nested resource columns or inverted",
   "keywords": [
     "angular",
@@ -22,5 +22,16 @@
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "sideEffects": false
-}
+  "sideEffects": false,
+  "module": "fesm2022/ngx-resource-scheduler.mjs",
+  "typings": "types/ngx-resource-scheduler.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/ngx-resource-scheduler.d.ts",
+      "default": "./fesm2022/ngx-resource-scheduler.mjs"
+    }
+  }
+}

package/types/ngx-resource-scheduler.d.ts

@@ -0,0 +1,243 @@
+import * as i0 from '@angular/core';
+import { OnChanges, TemplateRef, EventEmitter, SimpleChanges } from '@angular/core';
+import * as i2 from '@angular/common';
+
+/**
+ * Public types for ngx-resource-scheduler
+ * Keep this file framework-agnostic (no Angular imports).
+ */
+/** Which dimension is the top-level column grouping. */
+type PrimaryAxis = 'days' | 'resources';
+/** v1 view modes (future-proofed). */
+type SchedulerView = 'custom-range';
+/** Resource shown in the scheduler. */
+interface SchedulerResource {
+    id: string;
+    title: string;
+    /** Optional arbitrary metadata for the consumer. */
+    data?: unknown;
+    /** Optional CSS class(es) applied to the resource header/cells. */
+    className?: string | string[];
+}
+/** Event rendered in the scheduler. */
+interface SchedulerEvent {
+    id: string;
+    title: string;
+    /** Inclusive start date-time. */
+    start: Date;
+    /** Exclusive end date-time (recommended). */
+    end: Date;
+    /** Resource column this event belongs to. */
+    resourceId: string;
+    /** Optional styling helpers. */
+    color?: string;
+    className?: string | string[];
+    /** Optional arbitrary metadata for the consumer. */
+    data?: unknown;
+}
+/** Emitted when the user clicks an empty slot/cell in the scheduler. */
+interface SchedulerSlotClick {
+    /** Clicked date-time (snapped if snapToSlot is enabled). */
+    date: Date;
+    /** The day bucket for the clicked cell (00:00 local/zone). */
+    day: Date;
+    /** Resource for the clicked cell. */
+    resourceId: string;
+    /** Layout info for consumers building custom UI around the scheduler. */
+    primaryAxis: PrimaryAxis;
+    /**
+     * Identifies which primary column group was clicked.
+     * - if primaryAxis === 'days': ISO date string of `day`
+     * - if primaryAxis === 'resources': `resourceId`
+     */
+    primaryKey: string;
+    /**
+     * Identifies which nested column group was clicked.
+     * - if primaryAxis === 'days': `resourceId`
+     * - if primaryAxis === 'resources': ISO date string of `day`
+     */
+    secondaryKey: string;
+}
+/** Emitted when an event element is clicked. */
+interface SchedulerEventClick {
+    event: SchedulerEvent;
+    nativeEvent: MouseEvent;
+}
+/** Emitted when the visible time range changes (startDate/days/view). */
+interface SchedulerRangeChange {
+    /** Inclusive start of visible range. */
+    start: Date;
+    /** Exclusive end of visible range. */
+    end: Date;
+    /** Number of visible days (1..7). */
+    days: number;
+    /** The primary axis currently in use. */
+    primaryAxis: PrimaryAxis;
+    /** Current view identifier (v1 uses custom-range). */
+    view: SchedulerView;
+}
+/** Optional simple renderer hooks (string return keeps it light for v1). */
+type EventRenderer = (args: {
+    event: SchedulerEvent;
+}) => string;
+type HeaderRenderer = (args: {
+    type: 'day' | 'resource';
+    day?: Date;
+    resource?: SchedulerResource;
+}) => string;
+
+type PositionedEvent = SchedulerEvent & {
+    _col: number;
+    _cols: number;
+};
+
+type PrimaryColumn = {
+    kind: 'day';
+    day: Date;
+    key: string;
+    title: string;
+} | {
+    kind: 'resource';
+    resource: SchedulerResource;
+    key: string;
+    title: string;
+};
+type SecondaryColumn = {
+    kind: 'day';
+    day: Date;
+    key: string;
+    title: string;
+} | {
+    kind: 'resource';
+    resource: SchedulerResource;
+    key: string;
+    title: string;
+};
+interface SchedulerEventTemplateContext {
+    $implicit: PositionedEvent;
+    event: PositionedEvent;
+    startZoned: Date;
+    endZoned: Date;
+    resourceId: string;
+    day: Date;
+}
+declare class NgxResourceSchedulerComponent implements OnChanges {
+    startDate: Date;
+    resources: SchedulerResource[];
+    events: SchedulerEvent[];
+    nDays: number;
+    primaryAxis: PrimaryAxis;
+    dayStart: string;
+    dayEnd: string;
+    slotDuration: string;
+    snapToSlot: boolean;
+    showSlotLines: boolean;
+    slotLineStyle: 'slot' | 'hour' | 'both';
+    showToolbar: boolean;
+    prevLabel: string;
+    nextLabel: string;
+    private lastRangeKey;
+    eventTemplate?: TemplateRef<SchedulerEventTemplateContext>;
+    eventClass?: (e: PositionedEvent) => string | string[] | Set<string> | {
+        [klass: string]: any;
+    };
+    eventStyle?: (e: PositionedEvent) => {
+        [k: string]: any;
+    };
+    showDaysResourcesLabel: boolean;
+    daysLabel: string;
+    resourcesLabel: string;
+    todayLabel: string;
+    locale?: string;
+    timezone?: 'local' | 'UTC' | string;
+    readonly: boolean;
+    slotClick: EventEmitter<SchedulerSlotClick>;
+    eventClick: EventEmitter<SchedulerEventClick>;
+    eventChange: EventEmitter<any>;
+    rangeChange: EventEmitter<SchedulerRangeChange>;
+    startDateChange: EventEmitter<Date>;
+    readonly pxPerMinute = 1;
+    visibleDays: Date[];
+    primaryColumns: PrimaryColumn[];
+    secondaryColumns: SecondaryColumn[];
+    dayStartMinutes: number;
+    dayEndMinutes: number;
+    slotMinutes: number;
+    ngOnChanges(_: SimpleChanges): void;
+    /** Navigate by one "page" (nDays) backward */
+    prev(): void;
+    /** Navigate by one "page" (nDays) forward */
+    next(): void;
+    /** Go to today (start of day) */
+    today(): void;
+    /** Programmatically set the visible start date */
+    goToDate(d: Date): void;
+    get timelineHeightPx(): number;
+    get hourLabels(): number[];
+    get slotLines(): Array<{
+        top: number;
+        isHalfHour: boolean;
+    }>;
+    get hourLineOffsetsPx(): number[];
+    get rangeTitle(): string;
+    /**
+     * Returns events that intersect a given (day, resource) cell.
+     */
+    eventsForCell(day: Date, resourceId: string): PositionedEvent[];
+    /**
+     * CSS positioning for an event within a day cell.
+     */
+    styleForEvent(e: PositionedEvent, day: Date): {
+        [k: string]: string;
+    };
+    onEventClick(e: SchedulerEvent, mouse: MouseEvent): void;
+    onCellClick(day: Date, resourceId: string, mouse: MouseEvent): void;
+    cellDayKey(p: any, s: any): string;
+    cellResourceId(p: any, s: any): string;
+    resolveCellResourceId(p: any, s: any): string;
+    resolveCellResource(p: any, s: any): SchedulerResource;
+    cellEvents(p: any, s: any): PositionedEvent[];
+    cellClick(p: any, s: any, ev: MouseEvent): void;
+    getEventLayoutStyle(e: PositionedEvent, p: any, s: any): {
+        [x: string]: any;
+    };
+    private windowBoundsUtc;
+    private assignColumns;
+    private emitRangeIfChanged;
+    private setStartDate;
+    private computeClickedTime;
+    private layoutOverlaps;
+    private resolveCellDay;
+    private recompute;
+    navigatePrev(): void;
+    navigateNext(): void;
+    navigateToday(): void;
+    formatHour(h: number): string;
+    hourTopPx(h: number): number;
+    isIanaTz(): boolean;
+    toDisplayZone(dUtc: Date): Date;
+    fromDisplayZone(dZoned: Date): Date;
+    private parseHmToMinutes;
+    private startOfDay;
+    private addDays;
+    private setTime;
+    private dayKey;
+    private formatDay;
+    private normalizedDays;
+    eventTooltip(e: SchedulerEvent): string;
+    eventTemplateCtx(e: PositionedEvent, p: any, s: any): SchedulerEventTemplateContext;
+    trackPrimary: (_: number, c: PrimaryColumn) => string;
+    trackSecondary: (_: number, c: SecondaryColumn) => string;
+    trackEvent: (_: number, e: SchedulerEvent) => string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxResourceSchedulerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxResourceSchedulerComponent, "ngx-resource-scheduler", never, { "startDate": { "alias": "startDate"; "required": false; }; "resources": { "alias": "resources"; "required": false; }; "events": { "alias": "events"; "required": false; }; "nDays": { "alias": "nDays"; "required": false; }; "primaryAxis": { "alias": "primaryAxis"; "required": false; }; "dayStart": { "alias": "dayStart"; "required": false; }; "dayEnd": { "alias": "dayEnd"; "required": false; }; "slotDuration": { "alias": "slotDuration"; "required": false; }; "snapToSlot": { "alias": "snapToSlot"; "required": false; }; "showSlotLines": { "alias": "showSlotLines"; "required": false; }; "slotLineStyle": { "alias": "slotLineStyle"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; "prevLabel": { "alias": "prevLabel"; "required": false; }; "nextLabel": { "alias": "nextLabel"; "required": false; }; "eventTemplate": { "alias": "eventTemplate"; "required": false; }; "eventClass": { "alias": "eventClass"; "required": false; }; "eventStyle": { "alias": "eventStyle"; "required": false; }; "showDaysResourcesLabel": { "alias": "showDaysResourcesLabel"; "required": false; }; "daysLabel": { "alias": "daysLabel"; "required": false; }; "resourcesLabel": { "alias": "resourcesLabel"; "required": false; }; "todayLabel": { "alias": "todayLabel"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "slotClick": "slotClick"; "eventClick": "eventClick"; "eventChange": "eventChange"; "rangeChange": "rangeChange"; "startDateChange": "startDateChange"; }, never, never, false, never>;
+}
+
+declare class NgxResourceSchedulerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxResourceSchedulerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxResourceSchedulerModule, [typeof NgxResourceSchedulerComponent], [typeof i2.CommonModule], [typeof NgxResourceSchedulerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgxResourceSchedulerModule>;
+}
+
+export { NgxResourceSchedulerComponent, NgxResourceSchedulerModule };
+export type { EventRenderer, HeaderRenderer, PrimaryAxis, SchedulerEvent, SchedulerEventClick, SchedulerEventTemplateContext, SchedulerRangeChange, SchedulerResource, SchedulerSlotClick, SchedulerView };

package/ng-package.json

@@ -1,7 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/ngx-resource-scheduler",
-  "lib": {
-    "entryFile": "src/public-api.ts"
-  }
-}

package/src/lib/internal/types-internal.ts

@@ -1,16 +0,0 @@
-import { SchedulerEvent } from "../types";
-
-/**
- * INTERNAL type
- * Represents a unique scheduler grid cell.
- * Not exported in public-api.ts.
- */
-export interface CellKey {
-  day: Date;
-  resourceId: string;
-}
-
-export type PositionedEvent = SchedulerEvent & {
-  _col: number;
-  _cols: number; // total columns in its overlap group
-};

package/src/lib/ngx-resource-scheduler.component.html

@@ -1,131 +0,0 @@
-<div class="ngx-scheduler">
-
-  <!-- Toolbar -->
-  @if (showToolbar) {
-    <div class="ngx-toolbar">
-      <div class="ngx-toolbar-left">
-        <button type="button" class="ngx-btn" (click)="navigatePrev()">{{ prevLabel }}</button>
-        <button type="button" class="ngx-btn ngx-btn--ghost" (click)="navigateToday()">{{ todayLabel }}</button>
-        <button type="button" class="ngx-btn" (click)="navigateNext()">{{ nextLabel }}</button>
-      </div>
-      <div class="ngx-toolbar-title">
-        {{ rangeTitle }}
-      </div>
-      <div class="ngx-toolbar-right">
-        @if (showDaysResourcesLabel) {
-          <span class="ngx-toolbar-meta">
-            {{ primaryAxis === 'days' ? (visibleDays.length + ' ' + daysLabel) : (resources.length + ' ' + resourcesLabel ) }}
-          </span>
-        }
-        @if (!showDaysResourcesLabel) {
-          <span class="ngx-toolbar-meta">&nbsp;</span>
-        }
-      </div>
-    </div>
-  }
-
-  <!-- Header row -->
-  <div class="ngx-header">
-    <div class="ngx-time-gutter"></div>
-
-    <div class="ngx-primary-headers" [style.gridTemplateColumns]="'repeat(' + primaryColumns.length + ', minmax(0, 1fr))'">
-      @for (p of primaryColumns; track trackPrimary($index, p)) {
-        <div class="ngx-primary-header">
-          <div class="ngx-primary-title-row">
-            <div class="ngx-primary-title">{{ p.title }}</div>
-          </div>
-          <div class="ngx-secondary-header-row" [style.gridTemplateColumns]="'repeat(' + secondaryColumns.length + ', minmax(0, 1fr))'">
-            @for (s of secondaryColumns; track trackSecondary($index, s)) {
-              <div class="ngx-secondary-header">
-                <span class="ngx-secondary-header-title">{{ s.title }}</span>
-              </div>
-            }
-          </div>
-        </div>
-      }
-    </div>
-  </div>
-
-  <!-- Body -->
-  <div class="ngx-body">
-    <!-- time gutter -->
-    <div class="ngx-time-gutter" [style.height.px]="timelineHeightPx">
-      @for (h of hourLabels; track h) {
-        <div
-          class="ngx-hour-label"
-          [style.top.px]="hourTopPx(h)">
-          {{ formatHour(h) }}
-        </div>
-      }
-    </div>
-
-
-    <!-- grid -->
-    <div class="ngx-grid"
-      [style.gridTemplateColumns]="'repeat(' + primaryColumns.length + ', minmax(0, 1fr))'"
-      [style.height.px]="timelineHeightPx">
-
-      @for (p of primaryColumns; track trackPrimary($index, p)) {
-        <div class="ngx-primary-col">
-          <div class="ngx-secondary-cols"
-            [style.gridTemplateColumns]="'repeat(' + secondaryColumns.length + ', minmax(0, 1fr))'"
-            [style.height.px]="timelineHeightPx">
-            <!-- Each cell is (day, resource) regardless of axis order -->
-            @for (s of secondaryColumns; track trackSecondary($index, s)) {
-              <div class="ngx-cell"
-                #cellEl
-                [style.height.px]="timelineHeightPx"
-                (click)="cellClick(p, s, $event)"
-                [attr.data-day]="cellDayKey(p,s)"
-                [attr.data-resource]="cellResourceId(p,s)">
-                <!-- grid lines -->
-                <div class="ngx-lines" aria-hidden="true">
-                  <!-- slot lines -->
-                  @for (line of slotLines; track line) {
-                    <div
-                      class="ngx-line ngx-line--slot"
-                      [style.top.px]="line.top"
-                      [class.ngx-line--half]="line.isHalfHour"
-                      [class.is-hidden]="slotLineStyle === 'hour'">
-                    </div>
-                  }
-                  <!-- hour lines -->
-                  @for (top of hourLineOffsetsPx; track top) {
-                    <div
-                      class="ngx-line ngx-line--hour"
-                      [style.top.px]="top"
-                      [class.is-hidden]="slotLineStyle === 'slot'">
-                    </div>
-                  }
-                </div>
-                <!-- events -->
-                <!-- ngClass and 2nd ngStyle are only used when user passes custom class/style -->
-                @for (e of cellEvents(p, s); track trackEvent($index, e)) {
-                  <div class="ngx-event"
-                    [ngStyle]="getEventLayoutStyle(e, p, s)"
-                    (click)="onEventClick(e, $event); $event.stopPropagation()"
-                    [ngClass]="eventClass ? eventClass(e) : null"
-                    [attr.title]="eventTooltip(e)">
-                    @if (eventTemplate) {
-                      <ng-container
-                        [ngTemplateOutlet]="eventTemplate"
-                        [ngTemplateOutletContext]="eventTemplateCtx(e, p, s)">
-                      </ng-container>
-                    } @else {
-                      <div class="ngx-event-title">{{ e.title }}</div>
-                      <div class="ngx-event-time">
-                        {{ toDisplayZone(e.start) | date:'HH:mm' }}–{{ toDisplayZone(e.end) | date:'HH:mm' }}
-                      </div>
-                    }
-                  </div>
-                }
-              </div>
-            }
-          </div>
-        </div>
-      }
-
-    </div>
-  </div>
-
-</div>