@luckydraw/blex 0.1.0

package/dist/esm/base-renderer.d.ts

@@ -0,0 +1,28 @@
+import type { BlockRenderer, ContentBlock, BlockInteraction } from './types.js';
+/**
+ * Abstract base class for block renderers. Tracks all resources
+ * (event listeners, timers, RAF, observers) and releases them on destroy().
+ *
+ * All built-in renderers extend this class to guarantee zero leaks.
+ */
+export declare abstract class BaseRenderer<T = unknown> implements BlockRenderer<T> {
+    protected container: HTMLElement | null;
+    protected interactionCallback: ((interaction: BlockInteraction) => void) | null;
+    private trackedListeners;
+    private trackedTimers;
+    private trackedRAFs;
+    private trackedObservers;
+    private destroyed;
+    abstract render(block: ContentBlock<T>, container: HTMLElement): void;
+    update?(block: ContentBlock<T>): void;
+    onInteraction(callback: (interaction: BlockInteraction) => void): void;
+    destroy(): void;
+    protected addListener(target: EventTarget, type: string, listener: EventListener): void;
+    protected setTimeout(fn: () => void, ms: number): number;
+    protected setInterval(fn: () => void, ms: number): number;
+    protected requestAnimationFrame(fn: FrameRequestCallback): number;
+    protected trackObserver(observer: ResizeObserver | MutationObserver | IntersectionObserver): void;
+    protected emit(interaction: BlockInteraction): void;
+    protected get isDestroyed(): boolean;
+}
+//# sourceMappingURL=base-renderer.d.ts.map

package/dist/esm/base-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-renderer.d.ts","sourceRoot":"","sources":["../../src/base-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEhF;;;;;GAKG;AACH,8BAAsB,YAAY,CAAC,CAAC,GAAG,OAAO,CAAE,YAAW,aAAa,CAAC,CAAC,CAAC;IACzE,SAAS,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAAQ;IAC/C,SAAS,CAAC,mBAAmB,EAAE,CAAC,CAAC,WAAW,EAAE,gBAAgB,KAAK,IAAI,CAAC,GAAG,IAAI,CAAQ;IAEvF,OAAO,CAAC,gBAAgB,CAA6E;IACrG,OAAO,CAAC,aAAa,CAAgB;IACrC,OAAO,CAAC,WAAW,CAAgB;IACnC,OAAO,CAAC,gBAAgB,CAAuE;IAC/F,OAAO,CAAC,SAAS,CAAS;IAE1B,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,IAAI;IAErE,MAAM,CAAC,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI;IAErC,aAAa,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,gBAAgB,KAAK,IAAI,GAAG,IAAI;IAItE,OAAO,IAAI,IAAI;IAwCf,SAAS,CAAC,WAAW,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,GAAG,IAAI;IAKvF,SAAS,CAAC,UAAU,CAAC,EAAE,EAAE,MAAM,IAAI,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM;IAMxD,SAAS,CAAC,WAAW,CAAC,EAAE,EAAE,MAAM,IAAI,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM;IAMzD,SAAS,CAAC,qBAAqB,CAAC,EAAE,EAAE,oBAAoB,GAAG,MAAM;IAMjE,SAAS,CAAC,aAAa,CAAC,QAAQ,EAAE,cAAc,GAAG,gBAAgB,GAAG,oBAAoB,GAAG,IAAI;IAIjG,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,gBAAgB,GAAG,IAAI;IAInD,SAAS,KAAK,WAAW,IAAI,OAAO,CAEnC;CACF"}

package/dist/esm/calendar-HUZDQQN2.js

@@ -0,0 +1,314 @@
+import { BaseRenderer } from './chunk-ODHF7VXV.js';
+
+// src/renderers/calendar.ts
+var DAY_NAMES = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+var MONTH_NAMES = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+function formatDate(date) {
+  const y = date.getFullYear();
+  const m = String(date.getMonth() + 1).padStart(2, "0");
+  const d = String(date.getDate()).padStart(2, "0");
+  return `${y}-${m}-${d}`;
+}
+function getWeekStart(date) {
+  const d = new Date(date);
+  d.setDate(d.getDate() - d.getDay());
+  return d;
+}
+var CalendarRenderer = class extends BaseRenderer {
+  constructor() {
+    super(...arguments);
+    this.currentBlock = null;
+    this.viewDate = /* @__PURE__ */ new Date();
+    this.currentView = "month";
+  }
+  render(block, container) {
+    this.container = container;
+    this.currentBlock = block;
+    this.currentView = block.data.view ?? "month";
+    this.viewDate = block.data.initialDate ? new Date(block.data.initialDate) : /* @__PURE__ */ new Date();
+    this.buildCalendar(block);
+    container.setAttribute("data-blex-ready", "true");
+  }
+  update(block) {
+    if (!this.container) return;
+    this.currentBlock = block;
+    if (block.data.view) {
+      this.currentView = block.data.view;
+    }
+    this.container.innerHTML = "";
+    this.buildCalendar(block);
+  }
+  // ---------------------------------------------------------------------------
+  // Top-level builder
+  // ---------------------------------------------------------------------------
+  buildCalendar(block) {
+    const container = this.container;
+    const root = document.createElement("div");
+    root.className = "blex-calendar";
+    root.setAttribute("data-testid", `blex-calendar-${block.id}`);
+    root.appendChild(this.buildViewToggle(block));
+    root.appendChild(this.buildNav(block));
+    const grid = document.createElement("div");
+    grid.className = "blex-calendar__grid";
+    if (this.currentView === "month") {
+      this.buildMonthGrid(grid, block);
+    } else if (this.currentView === "week") {
+      this.buildWeekGrid(grid, block);
+    } else {
+      this.buildDayGrid(grid, block);
+    }
+    root.appendChild(grid);
+    container.appendChild(root);
+  }
+  // ---------------------------------------------------------------------------
+  // View toggle
+  // ---------------------------------------------------------------------------
+  buildViewToggle(block) {
+    const bar = document.createElement("div");
+    bar.className = "blex-calendar__view-toggle";
+    const views = ["month", "week", "day"];
+    for (const v of views) {
+      const btn = document.createElement("button");
+      btn.className = "blex-calendar__view-btn";
+      btn.setAttribute("data-testid", `blex-calendar-view-${v}`);
+      btn.textContent = v.charAt(0).toUpperCase() + v.slice(1);
+      if (v === this.currentView) {
+        btn.setAttribute("aria-pressed", "true");
+      }
+      this.addListener(btn, "click", (() => {
+        this.currentView = v;
+        this.container.innerHTML = "";
+        this.buildCalendar(block);
+      }));
+      bar.appendChild(btn);
+    }
+    return bar;
+  }
+  // ---------------------------------------------------------------------------
+  // Navigation bar
+  // ---------------------------------------------------------------------------
+  buildNav(block) {
+    const nav = document.createElement("div");
+    nav.className = "blex-calendar__nav";
+    const prev = document.createElement("button");
+    prev.className = "blex-calendar__nav-btn";
+    prev.setAttribute("data-testid", `blex-calendar-prev-${block.id}`);
+    prev.textContent = "\u2039";
+    this.addListener(prev, "click", (() => {
+      this.navigate(-1);
+    }));
+    const title = document.createElement("span");
+    title.className = "blex-calendar__title";
+    title.textContent = this.getHeaderTitle();
+    const next = document.createElement("button");
+    next.className = "blex-calendar__nav-btn";
+    next.setAttribute("data-testid", `blex-calendar-next-${block.id}`);
+    next.textContent = "\u203A";
+    this.addListener(next, "click", (() => {
+      this.navigate(1);
+    }));
+    nav.appendChild(prev);
+    nav.appendChild(title);
+    nav.appendChild(next);
+    return nav;
+  }
+  getHeaderTitle() {
+    if (this.currentView === "month") {
+      return `${MONTH_NAMES[this.viewDate.getMonth()]} ${this.viewDate.getFullYear()}`;
+    } else if (this.currentView === "week") {
+      const start = getWeekStart(this.viewDate);
+      const end = new Date(start);
+      end.setDate(end.getDate() + 6);
+      return `${MONTH_NAMES[start.getMonth()]} ${start.getDate()} \u2013 ${end.getDate()}, ${start.getFullYear()}`;
+    } else {
+      return `${MONTH_NAMES[this.viewDate.getMonth()]} ${this.viewDate.getDate()}, ${this.viewDate.getFullYear()}`;
+    }
+  }
+  navigate(direction) {
+    if (this.currentView === "month") {
+      this.viewDate.setMonth(this.viewDate.getMonth() + direction);
+    } else if (this.currentView === "week") {
+      this.viewDate.setDate(this.viewDate.getDate() + direction * 7);
+    } else {
+      this.viewDate.setDate(this.viewDate.getDate() + direction);
+    }
+    this.container.innerHTML = "";
+    this.buildCalendar(this.currentBlock);
+  }
+  // ---------------------------------------------------------------------------
+  // Month grid
+  // ---------------------------------------------------------------------------
+  buildMonthGrid(grid, block) {
+    const year = this.viewDate.getFullYear();
+    const month = this.viewDate.getMonth();
+    for (const name of DAY_NAMES) {
+      const hdr = document.createElement("div");
+      hdr.className = "blex-calendar__day-header";
+      hdr.textContent = name;
+      grid.appendChild(hdr);
+    }
+    const firstDay = new Date(year, month, 1).getDay();
+    const daysInMonth = new Date(year, month + 1, 0).getDate();
+    for (let i = 0; i < firstDay; i++) {
+      const blank = document.createElement("div");
+      blank.className = "blex-calendar__day blex-calendar__day--filler";
+      grid.appendChild(blank);
+    }
+    for (let day = 1; day <= daysInMonth; day++) {
+      const mm = String(month + 1).padStart(2, "0");
+      const dd = String(day).padStart(2, "0");
+      const dateStr = `${year}-${mm}-${dd}`;
+      const cell = document.createElement("div");
+      cell.className = "blex-calendar__day";
+      cell.setAttribute("data-testid", `blex-calendar-day-${dateStr}`);
+      cell.setAttribute("data-date", dateStr);
+      const dayNum = document.createElement("span");
+      dayNum.className = "blex-calendar__day-number";
+      dayNum.textContent = String(day);
+      cell.appendChild(dayNum);
+      const dayEvents = this.getEventsForDate(block.data.events, dateStr);
+      for (const event of dayEvents) {
+        cell.appendChild(this.buildEventEl(event, block));
+      }
+      this.addListener(cell, "click", ((e) => {
+        if (e.target.closest(".blex-calendar__event")) return;
+        const start = `${dateStr}T00:00`;
+        const end = `${dateStr}T23:59`;
+        this.emit({
+          blockId: block.id,
+          type: "slot-click",
+          payload: { start, end },
+          serialized: `Selected time slot: ${start} - ${end}`
+        });
+      }));
+      grid.appendChild(cell);
+    }
+  }
+  // ---------------------------------------------------------------------------
+  // Week grid (structural)
+  // ---------------------------------------------------------------------------
+  buildWeekGrid(grid, block) {
+    const weekStart = getWeekStart(this.viewDate);
+    for (let i = 0; i < 7; i++) {
+      const day = new Date(weekStart);
+      day.setDate(weekStart.getDate() + i);
+      const dateStr = formatDate(day);
+      const col = document.createElement("div");
+      col.className = "blex-calendar__day";
+      col.setAttribute("data-testid", `blex-calendar-day-${dateStr}`);
+      col.setAttribute("data-date", dateStr);
+      const hdr = document.createElement("div");
+      hdr.className = "blex-calendar__day-header";
+      hdr.textContent = `${DAY_NAMES[day.getDay()]} ${day.getDate()}`;
+      col.appendChild(hdr);
+      for (let hour = 0; hour < 24; hour++) {
+        const hourStr = String(hour).padStart(2, "0");
+        const slotStart = `${dateStr}T${hourStr}:00`;
+        const slotEnd = `${dateStr}T${hourStr}:59`;
+        const slot = document.createElement("div");
+        slot.className = "blex-calendar__slot";
+        slot.setAttribute("data-start", slotStart);
+        slot.setAttribute("data-end", slotEnd);
+        slot.textContent = `${hourStr}:00`;
+        this.addListener(slot, "click", (() => {
+          this.emit({
+            blockId: block.id,
+            type: "slot-click",
+            payload: { start: slotStart, end: slotEnd },
+            serialized: `Selected time slot: ${slotStart} - ${slotEnd}`
+          });
+        }));
+        col.appendChild(slot);
+      }
+      const dayEvents = this.getEventsForDate(block.data.events, dateStr);
+      for (const event of dayEvents) {
+        col.appendChild(this.buildEventEl(event, block));
+      }
+      grid.appendChild(col);
+    }
+  }
+  // ---------------------------------------------------------------------------
+  // Day grid (structural)
+  // ---------------------------------------------------------------------------
+  buildDayGrid(grid, block) {
+    const dateStr = formatDate(this.viewDate);
+    const col = document.createElement("div");
+    col.className = "blex-calendar__day";
+    col.setAttribute("data-testid", `blex-calendar-day-${dateStr}`);
+    col.setAttribute("data-date", dateStr);
+    for (let hour = 0; hour < 24; hour++) {
+      const hourStr = String(hour).padStart(2, "0");
+      const slotStart = `${dateStr}T${hourStr}:00`;
+      const slotEnd = `${dateStr}T${hourStr}:59`;
+      const slot = document.createElement("div");
+      slot.className = "blex-calendar__slot";
+      slot.setAttribute("data-start", slotStart);
+      slot.setAttribute("data-end", slotEnd);
+      slot.textContent = `${hourStr}:00`;
+      this.addListener(slot, "click", (() => {
+        this.emit({
+          blockId: block.id,
+          type: "slot-click",
+          payload: { start: slotStart, end: slotEnd },
+          serialized: `Selected time slot: ${slotStart} - ${slotEnd}`
+        });
+      }));
+      col.appendChild(slot);
+    }
+    const dayEvents = this.getEventsForDate(block.data.events, dateStr);
+    for (const event of dayEvents) {
+      col.appendChild(this.buildEventEl(event, block));
+    }
+    grid.appendChild(col);
+  }
+  // ---------------------------------------------------------------------------
+  // Shared helpers
+  // ---------------------------------------------------------------------------
+  buildEventEl(event, block) {
+    const el = document.createElement("div");
+    el.className = "blex-calendar__event";
+    el.setAttribute("data-testid", `blex-calendar-event-${event.id}`);
+    el.setAttribute("data-event-id", event.id);
+    el.textContent = event.title;
+    if (event.color) {
+      el.style.backgroundColor = event.color;
+    }
+    this.addListener(el, "click", ((e) => {
+      e.stopPropagation();
+      this.emit({
+        blockId: block.id,
+        type: "select",
+        payload: { eventId: event.id },
+        serialized: `Selected event: ${event.title}`
+      });
+    }));
+    return el;
+  }
+  getEventsForDate(events, dateStr) {
+    return events.filter((event) => {
+      const eventStart = event.start.slice(0, 10);
+      const eventEnd = event.end.slice(0, 10);
+      return dateStr >= eventStart && dateStr <= eventEnd;
+    });
+  }
+};
+function createCalendarRenderer() {
+  return new CalendarRenderer();
+}
+
+export { CalendarRenderer, createCalendarRenderer };
+//# sourceMappingURL=calendar-HUZDQQN2.js.map
+//# sourceMappingURL=calendar-HUZDQQN2.js.map

package/dist/esm/calendar-HUZDQQN2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/renderers/calendar.ts"],"names":[],"mappings":"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","file":"calendar-HUZDQQN2.js","sourcesContent":["import { BaseRenderer } from '../base-renderer.js';\nimport type { ContentBlock } from '../types.js';\n\nexport interface CalendarEvent {\n  id: string;\n  title: string;\n  start: string;\n  end: string;\n  color?: string;\n}\n\nexport type CalendarView = 'month' | 'week' | 'day';\n\nexport interface CalendarData {\n  events: CalendarEvent[];\n  view?: CalendarView;\n  initialDate?: string;\n}\n\nconst DAY_NAMES = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\n\nconst MONTH_NAMES = [\n  'January', 'February', 'March', 'April', 'May', 'June',\n  'July', 'August', 'September', 'October', 'November', 'December',\n];\n\n/** Format a Date as \"YYYY-MM-DD\". */\nfunction formatDate(date: Date): string {\n  const y = date.getFullYear();\n  const m = String(date.getMonth() + 1).padStart(2, '0');\n  const d = String(date.getDate()).padStart(2, '0');\n  return `${y}-${m}-${d}`;\n}\n\n/** Return the first day (Sunday) of the week containing date. */\nfunction getWeekStart(date: Date): Date {\n  const d = new Date(date);\n  d.setDate(d.getDate() - d.getDay());\n  return d;\n}\n\nexport class CalendarRenderer extends BaseRenderer<CalendarData> {\n  private currentBlock: ContentBlock<CalendarData> | null = null;\n  private viewDate: Date = new Date();\n  private currentView: CalendarView = 'month';\n\n  render(block: ContentBlock<CalendarData>, container: HTMLElement): void {\n    this.container = container;\n    this.currentBlock = block;\n    this.currentView = block.data.view ?? 'month';\n    this.viewDate = block.data.initialDate\n      ? new Date(block.data.initialDate)\n      : new Date();\n    this.buildCalendar(block);\n    container.setAttribute('data-blex-ready', 'true');\n  }\n\n  update(block: ContentBlock<CalendarData>): void {\n    if (!this.container) return;\n    this.currentBlock = block;\n    if (block.data.view) {\n      this.currentView = block.data.view;\n    }\n    this.container.innerHTML = '';\n    this.buildCalendar(block);\n  }\n\n  // ---------------------------------------------------------------------------\n  // Top-level builder\n  // ---------------------------------------------------------------------------\n\n  private buildCalendar(block: ContentBlock<CalendarData>): void {\n    const container = this.container!;\n\n    const root = document.createElement('div');\n    root.className = 'blex-calendar';\n    root.setAttribute('data-testid', `blex-calendar-${block.id}`);\n\n    root.appendChild(this.buildViewToggle(block));\n    root.appendChild(this.buildNav(block));\n\n    const grid = document.createElement('div');\n    grid.className = 'blex-calendar__grid';\n\n    if (this.currentView === 'month') {\n      this.buildMonthGrid(grid, block);\n    } else if (this.currentView === 'week') {\n      this.buildWeekGrid(grid, block);\n    } else {\n      this.buildDayGrid(grid, block);\n    }\n\n    root.appendChild(grid);\n    container.appendChild(root);\n  }\n\n  // ---------------------------------------------------------------------------\n  // View toggle\n  // ---------------------------------------------------------------------------\n\n  private buildViewToggle(block: ContentBlock<CalendarData>): HTMLElement {\n    const bar = document.createElement('div');\n    bar.className = 'blex-calendar__view-toggle';\n\n    const views: CalendarView[] = ['month', 'week', 'day'];\n    for (const v of views) {\n      const btn = document.createElement('button');\n      btn.className = 'blex-calendar__view-btn';\n      btn.setAttribute('data-testid', `blex-calendar-view-${v}`);\n      btn.textContent = v.charAt(0).toUpperCase() + v.slice(1);\n      if (v === this.currentView) {\n        btn.setAttribute('aria-pressed', 'true');\n      }\n\n      this.addListener(btn, 'click', (() => {\n        this.currentView = v;\n        this.container!.innerHTML = '';\n        this.buildCalendar(block);\n      }) as EventListener);\n\n      bar.appendChild(btn);\n    }\n\n    return bar;\n  }\n\n  // ---------------------------------------------------------------------------\n  // Navigation bar\n  // ---------------------------------------------------------------------------\n\n  private buildNav(block: ContentBlock<CalendarData>): HTMLElement {\n    const nav = document.createElement('div');\n    nav.className = 'blex-calendar__nav';\n\n    const prev = document.createElement('button');\n    prev.className = 'blex-calendar__nav-btn';\n    prev.setAttribute('data-testid', `blex-calendar-prev-${block.id}`);\n    prev.textContent = '‹';\n    this.addListener(prev, 'click', (() => {\n      this.navigate(-1);\n    }) as EventListener);\n\n    const title = document.createElement('span');\n    title.className = 'blex-calendar__title';\n    title.textContent = this.getHeaderTitle();\n\n    const next = document.createElement('button');\n    next.className = 'blex-calendar__nav-btn';\n    next.setAttribute('data-testid', `blex-calendar-next-${block.id}`);\n    next.textContent = '›';\n    this.addListener(next, 'click', (() => {\n      this.navigate(1);\n    }) as EventListener);\n\n    nav.appendChild(prev);\n    nav.appendChild(title);\n    nav.appendChild(next);\n    return nav;\n  }\n\n  private getHeaderTitle(): string {\n    if (this.currentView === 'month') {\n      return `${MONTH_NAMES[this.viewDate.getMonth()]} ${this.viewDate.getFullYear()}`;\n    } else if (this.currentView === 'week') {\n      const start = getWeekStart(this.viewDate);\n      const end = new Date(start);\n      end.setDate(end.getDate() + 6);\n      return `${MONTH_NAMES[start.getMonth()]} ${start.getDate()} – ${end.getDate()}, ${start.getFullYear()}`;\n    } else {\n      return `${MONTH_NAMES[this.viewDate.getMonth()]} ${this.viewDate.getDate()}, ${this.viewDate.getFullYear()}`;\n    }\n  }\n\n  private navigate(direction: number): void {\n    if (this.currentView === 'month') {\n      this.viewDate.setMonth(this.viewDate.getMonth() + direction);\n    } else if (this.currentView === 'week') {\n      this.viewDate.setDate(this.viewDate.getDate() + direction * 7);\n    } else {\n      this.viewDate.setDate(this.viewDate.getDate() + direction);\n    }\n    this.container!.innerHTML = '';\n    this.buildCalendar(this.currentBlock!);\n  }\n\n  // ---------------------------------------------------------------------------\n  // Month grid\n  // ---------------------------------------------------------------------------\n\n  private buildMonthGrid(grid: HTMLElement, block: ContentBlock<CalendarData>): void {\n    const year = this.viewDate.getFullYear();\n    const month = this.viewDate.getMonth();\n\n    // Day-of-week header row\n    for (const name of DAY_NAMES) {\n      const hdr = document.createElement('div');\n      hdr.className = 'blex-calendar__day-header';\n      hdr.textContent = name;\n      grid.appendChild(hdr);\n    }\n\n    const firstDay = new Date(year, month, 1).getDay();\n    const daysInMonth = new Date(year, month + 1, 0).getDate();\n\n    // Blank cells before the 1st\n    for (let i = 0; i < firstDay; i++) {\n      const blank = document.createElement('div');\n      blank.className = 'blex-calendar__day blex-calendar__day--filler';\n      grid.appendChild(blank);\n    }\n\n    // Day cells\n    for (let day = 1; day <= daysInMonth; day++) {\n      const mm = String(month + 1).padStart(2, '0');\n      const dd = String(day).padStart(2, '0');\n      const dateStr = `${year}-${mm}-${dd}`;\n      const cell = document.createElement('div');\n      cell.className = 'blex-calendar__day';\n      cell.setAttribute('data-testid', `blex-calendar-day-${dateStr}`);\n      cell.setAttribute('data-date', dateStr);\n\n      const dayNum = document.createElement('span');\n      dayNum.className = 'blex-calendar__day-number';\n      dayNum.textContent = String(day);\n      cell.appendChild(dayNum);\n\n      // Events inside this day cell\n      const dayEvents = this.getEventsForDate(block.data.events, dateStr);\n      for (const event of dayEvents) {\n        cell.appendChild(this.buildEventEl(event, block));\n      }\n\n      // Clicking on the day cell (not on an event) emits slot-click\n      this.addListener(cell, 'click', ((e: MouseEvent) => {\n        if ((e.target as HTMLElement).closest('.blex-calendar__event')) return;\n        const start = `${dateStr}T00:00`;\n        const end = `${dateStr}T23:59`;\n        this.emit({\n          blockId: block.id,\n          type: 'slot-click',\n          payload: { start, end },\n          serialized: `Selected time slot: ${start} - ${end}`,\n        });\n      }) as EventListener);\n\n      grid.appendChild(cell);\n    }\n  }\n\n  // ---------------------------------------------------------------------------\n  // Week grid (structural)\n  // ---------------------------------------------------------------------------\n\n  private buildWeekGrid(grid: HTMLElement, block: ContentBlock<CalendarData>): void {\n    const weekStart = getWeekStart(this.viewDate);\n\n    for (let i = 0; i < 7; i++) {\n      const day = new Date(weekStart);\n      day.setDate(weekStart.getDate() + i);\n      const dateStr = formatDate(day);\n\n      const col = document.createElement('div');\n      col.className = 'blex-calendar__day';\n      col.setAttribute('data-testid', `blex-calendar-day-${dateStr}`);\n      col.setAttribute('data-date', dateStr);\n\n      const hdr = document.createElement('div');\n      hdr.className = 'blex-calendar__day-header';\n      hdr.textContent = `${DAY_NAMES[day.getDay()]} ${day.getDate()}`;\n      col.appendChild(hdr);\n\n      // Hourly slots\n      for (let hour = 0; hour < 24; hour++) {\n        const hourStr = String(hour).padStart(2, '0');\n        const slotStart = `${dateStr}T${hourStr}:00`;\n        const slotEnd = `${dateStr}T${hourStr}:59`;\n\n        const slot = document.createElement('div');\n        slot.className = 'blex-calendar__slot';\n        slot.setAttribute('data-start', slotStart);\n        slot.setAttribute('data-end', slotEnd);\n        slot.textContent = `${hourStr}:00`;\n\n        this.addListener(slot, 'click', (() => {\n          this.emit({\n            blockId: block.id,\n            type: 'slot-click',\n            payload: { start: slotStart, end: slotEnd },\n            serialized: `Selected time slot: ${slotStart} - ${slotEnd}`,\n          });\n        }) as EventListener);\n\n        col.appendChild(slot);\n      }\n\n      // Events for this day\n      const dayEvents = this.getEventsForDate(block.data.events, dateStr);\n      for (const event of dayEvents) {\n        col.appendChild(this.buildEventEl(event, block));\n      }\n\n      grid.appendChild(col);\n    }\n  }\n\n  // ---------------------------------------------------------------------------\n  // Day grid (structural)\n  // ---------------------------------------------------------------------------\n\n  private buildDayGrid(grid: HTMLElement, block: ContentBlock<CalendarData>): void {\n    const dateStr = formatDate(this.viewDate);\n\n    const col = document.createElement('div');\n    col.className = 'blex-calendar__day';\n    col.setAttribute('data-testid', `blex-calendar-day-${dateStr}`);\n    col.setAttribute('data-date', dateStr);\n\n    // Hourly slots\n    for (let hour = 0; hour < 24; hour++) {\n      const hourStr = String(hour).padStart(2, '0');\n      const slotStart = `${dateStr}T${hourStr}:00`;\n      const slotEnd = `${dateStr}T${hourStr}:59`;\n\n      const slot = document.createElement('div');\n      slot.className = 'blex-calendar__slot';\n      slot.setAttribute('data-start', slotStart);\n      slot.setAttribute('data-end', slotEnd);\n      slot.textContent = `${hourStr}:00`;\n\n      this.addListener(slot, 'click', (() => {\n        this.emit({\n          blockId: block.id,\n          type: 'slot-click',\n          payload: { start: slotStart, end: slotEnd },\n          serialized: `Selected time slot: ${slotStart} - ${slotEnd}`,\n        });\n      }) as EventListener);\n\n      col.appendChild(slot);\n    }\n\n    // Events for this day\n    const dayEvents = this.getEventsForDate(block.data.events, dateStr);\n    for (const event of dayEvents) {\n      col.appendChild(this.buildEventEl(event, block));\n    }\n\n    grid.appendChild(col);\n  }\n\n  // ---------------------------------------------------------------------------\n  // Shared helpers\n  // ---------------------------------------------------------------------------\n\n  private buildEventEl(event: CalendarEvent, block: ContentBlock<CalendarData>): HTMLElement {\n    const el = document.createElement('div');\n    el.className = 'blex-calendar__event';\n    el.setAttribute('data-testid', `blex-calendar-event-${event.id}`);\n    el.setAttribute('data-event-id', event.id);\n    el.textContent = event.title;\n\n    if (event.color) {\n      el.style.backgroundColor = event.color;\n    }\n\n    this.addListener(el, 'click', ((e: MouseEvent) => {\n      e.stopPropagation();\n      this.emit({\n        blockId: block.id,\n        type: 'select',\n        payload: { eventId: event.id },\n        serialized: `Selected event: ${event.title}`,\n      });\n    }) as EventListener);\n\n    return el;\n  }\n\n  private getEventsForDate(events: CalendarEvent[], dateStr: string): CalendarEvent[] {\n    return events.filter((event) => {\n      const eventStart = event.start.slice(0, 10);\n      const eventEnd = event.end.slice(0, 10);\n      return dateStr >= eventStart && dateStr <= eventEnd;\n    });\n  }\n}\n\nexport function createCalendarRenderer(): CalendarRenderer {\n  return new CalendarRenderer();\n}\n"]}

package/dist/esm/chart/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @luckydraw/blex/chart — Standalone chart rendering subpath.
+ *
+ * Fully independent: no DOMPurify, no block registry, no side effects.
+ * Just renderChart() + Chart.js lazy load.
+ */
+export type { ChartConfig, ChartOptions, DataSet, ChartInstance } from '../types.js';
+import type { ChartConfig, ChartInstance } from '../types.js';
+/**
+ * Render a chart into a container element.
+ * Lazy-loads Chart.js on first call.
+ */
+export declare function renderChart(container: HTMLElement, config: ChartConfig): Promise<ChartInstance>;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/chart/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAErF,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAU9D;;;GAGG;AACH,wBAAsB,WAAW,CAC/B,SAAS,EAAE,WAAW,EACtB,MAAM,EAAE,WAAW,GAClB,OAAO,CAAC,aAAa,CAAC,CAmExB"}

package/dist/esm/chart/index.js

@@ -0,0 +1,3 @@
+export { renderChart } from '../chunk-PBRPD4A5.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/esm/chart-2QT47W6E.js

@@ -0,0 +1,38 @@
+import { renderChart } from './chunk-PBRPD4A5.js';
+import { BaseRenderer } from './chunk-ODHF7VXV.js';
+
+// src/renderers/chart.ts
+var ChartRenderer = class extends BaseRenderer {
+  constructor() {
+    super(...arguments);
+    this.chartInstance = null;
+  }
+  render(block, container) {
+    this.container = container;
+    const wrapper = document.createElement("div");
+    wrapper.className = "blex-chart";
+    wrapper.setAttribute("data-testid", `blex-chart-${block.id}`);
+    container.appendChild(wrapper);
+    renderChart(wrapper, block.data).then((instance) => {
+      this.chartInstance = instance;
+      container.setAttribute("data-blex-ready", "true");
+    });
+  }
+  update(block) {
+    if (this.chartInstance) {
+      this.chartInstance.update(block.data);
+    }
+  }
+  destroy() {
+    this.chartInstance?.destroy();
+    this.chartInstance = null;
+    super.destroy();
+  }
+};
+function createChartRenderer() {
+  return new ChartRenderer();
+}
+
+export { ChartRenderer, createChartRenderer };
+//# sourceMappingURL=chart-2QT47W6E.js.map
+//# sourceMappingURL=chart-2QT47W6E.js.map

package/dist/esm/chart-2QT47W6E.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/renderers/chart.ts"],"names":[],"mappings":";;;;AAMO,IAAM,aAAA,GAAN,cAA4B,YAAA,CAA6B;AAAA,EAAzD,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA;AACL,IAAA,IAAA,CAAQ,aAAA,GAAsC,IAAA;AAAA,EAAA;AAAA,EAE9C,MAAA,CAAO,OAAqC,SAAA,EAA8B;AACxE,IAAA,IAAA,CAAK,SAAA,GAAY,SAAA;AAEjB,IAAA,MAAM,OAAA,GAAU,QAAA,CAAS,aAAA,CAAc,KAAK,CAAA;AAC5C,IAAA,OAAA,CAAQ,SAAA,GAAY,YAAA;AACpB,IAAA,OAAA,CAAQ,YAAA,CAAa,aAAA,EAAe,CAAA,WAAA,EAAc,KAAA,CAAM,EAAE,CAAA,CAAE,CAAA;AAC5D,IAAA,SAAA,CAAU,YAAY,OAAO,CAAA;AAE7B,IAAA,WAAA,CAAY,SAAS,KAAA,CAAM,IAAI,CAAA,CAAE,IAAA,CAAK,CAAC,QAAA,KAAa;AAClD,MAAA,IAAA,CAAK,aAAA,GAAgB,QAAA;AACrB,MAAA,SAAA,CAAU,YAAA,CAAa,mBAAmB,MAAM,CAAA;AAAA,IAClD,CAAC,CAAA;AAAA,EACH;AAAA,EAEA,OAAO,KAAA,EAA2C;AAChD,IAAA,IAAI,KAAK,aAAA,EAAe;AACtB,MAAA,IAAA,CAAK,aAAA,CAAc,MAAA,CAAO,KAAA,CAAM,IAAI,CAAA;AAAA,IACtC;AAAA,EACF;AAAA,EAEA,OAAA,GAAgB;AACd,IAAA,IAAA,CAAK,eAAe,OAAA,EAAQ;AAC5B,IAAA,IAAA,CAAK,aAAA,GAAgB,IAAA;AACrB,IAAA,KAAA,CAAM,OAAA,EAAQ;AAAA,EAChB;AACF;AAEO,SAAS,mBAAA,GAAqC;AACnD,EAAA,OAAO,IAAI,aAAA,EAAc;AAC3B","file":"chart-2QT47W6E.js","sourcesContent":["import { BaseRenderer } from '../base-renderer.js';\nimport type { ContentBlock, ChartConfig, ChartInstance } from '../types.js';\nimport { renderChart } from '../chart/index.js';\n\nexport interface ChartBlockData extends ChartConfig {}\n\nexport class ChartRenderer extends BaseRenderer<ChartBlockData> {\n  private chartInstance: ChartInstance | null = null;\n\n  render(block: ContentBlock<ChartBlockData>, container: HTMLElement): void {\n    this.container = container;\n\n    const wrapper = document.createElement('div');\n    wrapper.className = 'blex-chart';\n    wrapper.setAttribute('data-testid', `blex-chart-${block.id}`);\n    container.appendChild(wrapper);\n\n    renderChart(wrapper, block.data).then((instance) => {\n      this.chartInstance = instance;\n      container.setAttribute('data-blex-ready', 'true');\n    });\n  }\n\n  update(block: ContentBlock<ChartBlockData>): void {\n    if (this.chartInstance) {\n      this.chartInstance.update(block.data);\n    }\n  }\n\n  destroy(): void {\n    this.chartInstance?.destroy();\n    this.chartInstance = null;\n    super.destroy();\n  }\n}\n\nexport function createChartRenderer(): ChartRenderer {\n  return new ChartRenderer();\n}\n"]}

package/dist/esm/chunk-ODHF7VXV.js

@@ -0,0 +1,74 @@
+// src/base-renderer.ts
+var BaseRenderer = class {
+  constructor() {
+    this.container = null;
+    this.interactionCallback = null;
+    this.trackedListeners = [];
+    this.trackedTimers = [];
+    this.trackedRAFs = [];
+    this.trackedObservers = [];
+    this.destroyed = false;
+  }
+  onInteraction(callback) {
+    this.interactionCallback = callback;
+  }
+  destroy() {
+    if (this.destroyed) return;
+    this.destroyed = true;
+    for (const { target, type, listener } of this.trackedListeners) {
+      target.removeEventListener(type, listener);
+    }
+    this.trackedListeners = [];
+    for (const id of this.trackedTimers) {
+      clearTimeout(id);
+      clearInterval(id);
+    }
+    this.trackedTimers = [];
+    for (const id of this.trackedRAFs) {
+      cancelAnimationFrame(id);
+    }
+    this.trackedRAFs = [];
+    for (const observer of this.trackedObservers) {
+      observer.disconnect();
+    }
+    this.trackedObservers = [];
+    if (this.container) {
+      this.container.innerHTML = "";
+      this.container = null;
+    }
+    this.interactionCallback = null;
+  }
+  // --- Tracked resource helpers ---
+  addListener(target, type, listener) {
+    target.addEventListener(type, listener);
+    this.trackedListeners.push({ target, type, listener });
+  }
+  setTimeout(fn, ms) {
+    const id = window.setTimeout(fn, ms);
+    this.trackedTimers.push(id);
+    return id;
+  }
+  setInterval(fn, ms) {
+    const id = window.setInterval(fn, ms);
+    this.trackedTimers.push(id);
+    return id;
+  }
+  requestAnimationFrame(fn) {
+    const id = window.requestAnimationFrame(fn);
+    this.trackedRAFs.push(id);
+    return id;
+  }
+  trackObserver(observer) {
+    this.trackedObservers.push(observer);
+  }
+  emit(interaction) {
+    this.interactionCallback?.(interaction);
+  }
+  get isDestroyed() {
+    return this.destroyed;
+  }
+};
+
+export { BaseRenderer };
+//# sourceMappingURL=chunk-ODHF7VXV.js.map
+//# sourceMappingURL=chunk-ODHF7VXV.js.map

package/dist/esm/chunk-ODHF7VXV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/base-renderer.ts"],"names":[],"mappings":"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","file":"chunk-ODHF7VXV.js","sourcesContent":["import type { BlockRenderer, ContentBlock, BlockInteraction } from './types.js';\n\n/**\n * Abstract base class for block renderers. Tracks all resources\n * (event listeners, timers, RAF, observers) and releases them on destroy().\n *\n * All built-in renderers extend this class to guarantee zero leaks.\n */\nexport abstract class BaseRenderer<T = unknown> implements BlockRenderer<T> {\n  protected container: HTMLElement | null = null;\n  protected interactionCallback: ((interaction: BlockInteraction) => void) | null = null;\n\n  private trackedListeners: Array<{ target: EventTarget; type: string; listener: EventListener }> = [];\n  private trackedTimers: number[] = [];\n  private trackedRAFs: number[] = [];\n  private trackedObservers: Array<ResizeObserver | MutationObserver | IntersectionObserver> = [];\n  private destroyed = false;\n\n  abstract render(block: ContentBlock<T>, container: HTMLElement): void;\n\n  update?(block: ContentBlock<T>): void;\n\n  onInteraction(callback: (interaction: BlockInteraction) => void): void {\n    this.interactionCallback = callback;\n  }\n\n  destroy(): void {\n    if (this.destroyed) return;\n    this.destroyed = true;\n\n    // Remove all tracked event listeners\n    for (const { target, type, listener } of this.trackedListeners) {\n      target.removeEventListener(type, listener);\n    }\n    this.trackedListeners = [];\n\n    // Clear all tracked timers\n    for (const id of this.trackedTimers) {\n      clearTimeout(id);\n      clearInterval(id);\n    }\n    this.trackedTimers = [];\n\n    // Cancel all tracked animation frames\n    for (const id of this.trackedRAFs) {\n      cancelAnimationFrame(id);\n    }\n    this.trackedRAFs = [];\n\n    // Disconnect all tracked observers\n    for (const observer of this.trackedObservers) {\n      observer.disconnect();\n    }\n    this.trackedObservers = [];\n\n    // Clear DOM\n    if (this.container) {\n      this.container.innerHTML = '';\n      this.container = null;\n    }\n\n    this.interactionCallback = null;\n  }\n\n  // --- Tracked resource helpers ---\n\n  protected addListener(target: EventTarget, type: string, listener: EventListener): void {\n    target.addEventListener(type, listener);\n    this.trackedListeners.push({ target, type, listener });\n  }\n\n  protected setTimeout(fn: () => void, ms: number): number {\n    const id = window.setTimeout(fn, ms);\n    this.trackedTimers.push(id);\n    return id;\n  }\n\n  protected setInterval(fn: () => void, ms: number): number {\n    const id = window.setInterval(fn, ms);\n    this.trackedTimers.push(id);\n    return id;\n  }\n\n  protected requestAnimationFrame(fn: FrameRequestCallback): number {\n    const id = window.requestAnimationFrame(fn);\n    this.trackedRAFs.push(id);\n    return id;\n  }\n\n  protected trackObserver(observer: ResizeObserver | MutationObserver | IntersectionObserver): void {\n    this.trackedObservers.push(observer);\n  }\n\n  protected emit(interaction: BlockInteraction): void {\n    this.interactionCallback?.(interaction);\n  }\n\n  protected get isDestroyed(): boolean {\n    return this.destroyed;\n  }\n}\n"]}

package/dist/esm/chunk-PBRPD4A5.js

@@ -0,0 +1,91 @@
+// src/chart/index.ts
+var chartJsLoaded = null;
+async function loadChartJs() {
+  if (chartJsLoaded) return chartJsLoaded;
+  chartJsLoaded = await import('chart.js');
+  return chartJsLoaded;
+}
+async function renderChart(container, config) {
+  const chartJs = await loadChartJs();
+  const {
+    Chart,
+    BarController,
+    LineController,
+    PieController,
+    DoughnutController,
+    CategoryScale,
+    LinearScale,
+    BarElement,
+    LineElement,
+    PointElement,
+    ArcElement,
+    Title,
+    Legend,
+    Tooltip
+  } = chartJs;
+  Chart.register(
+    BarController,
+    LineController,
+    PieController,
+    DoughnutController,
+    CategoryScale,
+    LinearScale,
+    BarElement,
+    LineElement,
+    PointElement,
+    ArcElement,
+    Title,
+    Legend,
+    Tooltip
+  );
+  const canvas = document.createElement("canvas");
+  canvas.setAttribute("data-testid", "blex-chart-canvas");
+  container.appendChild(canvas);
+  const chartInstance = new Chart(canvas, {
+    type: config.type,
+    data: {
+      labels: config.data.labels,
+      datasets: config.data.datasets.map((ds) => ({
+        label: ds.label,
+        data: ds.values,
+        backgroundColor: ds.color,
+        borderColor: ds.color
+      }))
+    },
+    options: {
+      responsive: config.options?.responsive ?? true,
+      plugins: {
+        title: config.options?.title ? { display: true, text: config.options.title } : { display: false },
+        legend: { display: config.options?.legend ?? true }
+      }
+    }
+  });
+  container.setAttribute("data-blex-ready", "true");
+  return {
+    update(partial) {
+      if (partial.data) {
+        chartInstance.data.labels = partial.data.labels ?? chartInstance.data.labels;
+        if (partial.data.datasets) {
+          chartInstance.data.datasets = partial.data.datasets.map((ds) => ({
+            label: ds.label,
+            data: ds.values,
+            backgroundColor: ds.color,
+            borderColor: ds.color
+          }));
+        }
+      }
+      if (partial.options?.title) {
+        chartInstance.options.plugins.title = { display: true, text: partial.options.title };
+      }
+      chartInstance.update();
+    },
+    destroy() {
+      chartInstance.destroy();
+      canvas.remove();
+    }
+  };
+}
+
+export { renderChart };
+//# sourceMappingURL=chunk-PBRPD4A5.js.map
+//# sourceMappingURL=chunk-PBRPD4A5.js.map