kalendly 0.1.0

package/dist/vanilla/index.d.mts

@@ -0,0 +1,214 @@
+interface CalendarEvent {
+    id: string | number;
+    name: string;
+    date: string | Date;
+    description?: string;
+    color?: string;
+    [key: string]: any;
+}
+interface CalendarDate {
+    date: Date;
+    isCurrentMonth: boolean;
+    isToday: boolean;
+    hasEvents: boolean;
+    events: CalendarEvent[];
+}
+interface CalendarState {
+    currentYear: number;
+    currentMonth: number;
+    currentDate: number;
+    selectedDate: Date | null;
+    selectedDayIndex: number | null;
+    tasks: CalendarEvent[];
+}
+interface CalendarConfig {
+    events: CalendarEvent[];
+    initialDate?: Date;
+    minYear?: number;
+    maxYear?: number;
+    weekStartsOn?: 0 | 1;
+}
+interface CalendarActions {
+    next: () => void;
+    previous: () => void;
+    jump: (year: number, month: number) => void;
+    selectDate: (date: Date) => void;
+    updateTasks: () => void;
+}
+interface PopupPosition {
+    class: 'popup-left' | 'popup-right' | 'popup-center-top' | 'popup-center-bottom';
+    style?: Record<string, string | number>;
+}
+interface CalendarViewModel extends CalendarState {
+    months: string[];
+    days: string[];
+    years: number[];
+    monthAndYearText: string;
+    scheduleDay: string;
+    calendarDates: (CalendarDate | null)[][];
+    popupPositionClass: string;
+}
+type CalendarEventHandler = (event: CalendarEvent) => void;
+interface CalendarProps {
+    events: CalendarEvent[];
+    initialDate?: Date;
+    minYear?: number;
+    maxYear?: number;
+    weekStartsOn?: 0 | 1;
+    onDateSelect?: (date: Date) => void;
+    onEventClick?: CalendarEventHandler;
+    onMonthChange?: (year: number, month: number) => void;
+}
+
+declare const MONTHS: string[];
+declare const DAYS: string[];
+/**
+ * Normalizes a date to midnight (00:00:00) for comparison purposes
+ */
+declare function normalizeDate(date: Date): Date;
+/**
+ * Checks if two dates are the same day
+ */
+declare function isSameDay(date1: Date, date2: Date): boolean;
+/**
+ * Checks if a date is today
+ */
+declare function isToday(date: Date): boolean;
+/**
+ * Generates an array of years for the year selector
+ */
+declare function generateYears(minYear?: number, maxYear?: number): number[];
+/**
+ * Gets events for a specific date
+ */
+declare function getEventsForDate(events: CalendarEvent[], date: Date): CalendarEvent[];
+/**
+ * Checks if a date has any events
+ */
+declare function hasEvents(events: CalendarEvent[], date: Date): boolean;
+/**
+ * Generates calendar dates for a given month and year
+ */
+declare function generateCalendarDates(year: number, month: number, events?: CalendarEvent[], weekStartsOn?: 0 | 1): (CalendarDate | null)[][];
+/**
+ * Gets the popup position class based on the selected day index
+ */
+declare function getPopupPositionClass(selectedDayIndex: number | null): string;
+/**
+ * Gets CSS classes for a calendar cell
+ */
+declare function getCellClasses(calendarDate: CalendarDate | null): string[];
+/**
+ * Formats a date for display
+ */
+declare function formatDateForDisplay(date: Date): string;
+/**
+ * Gets month and year text for display
+ */
+declare function getMonthYearText(year: number, month: number): string;
+
+declare class CalendarEngine {
+    private state;
+    private config;
+    private listeners;
+    constructor(config: CalendarConfig);
+    /**
+     * Subscribe to state changes
+     */
+    subscribe(listener: () => void): () => void;
+    /**
+     * Notify all listeners of state changes
+     */
+    private notify;
+    /**
+     * Get current state
+     */
+    getState(): CalendarState;
+    /**
+     * Get view model with computed properties
+     */
+    getViewModel(): CalendarViewModel;
+    /**
+     * Get actions object
+     */
+    getActions(): CalendarActions;
+    /**
+     * Navigate to next month
+     */
+    private next;
+    /**
+     * Navigate to previous month
+     */
+    private previous;
+    /**
+     * Jump to specific month and year
+     */
+    private jump;
+    /**
+     * Select a specific date
+     */
+    private selectDate;
+    /**
+     * Update tasks for the currently selected date
+     */
+    private updateTasks;
+    /**
+     * Update events configuration
+     */
+    updateEvents(events: CalendarEvent[]): void;
+    /**
+     * Handle date cell click
+     */
+    handleDateClick(date: Date, dayIndex?: number): void;
+    /**
+     * Check if date has events
+     */
+    hasEventsForDate(date: Date): boolean;
+    /**
+     * Get events for a specific date
+     */
+    getEventsForDate(date: Date): CalendarEvent[];
+    /**
+     * Clear selected date
+     */
+    clearSelection(): void;
+    /**
+     * Destroy the engine and cleanup listeners
+     */
+    destroy(): void;
+}
+
+interface VanillaCalendarProps extends CalendarProps {
+    container: HTMLElement | string;
+    className?: string;
+    title?: string;
+    renderEvent?: (event: CalendarEvent) => string;
+    renderNoEvents?: () => string;
+}
+interface VanillaCalendarInstance {
+    destroy: () => void;
+    updateEvents: (events: CalendarEvent[]) => void;
+    getCurrentDate: () => Date | null;
+    goToDate: (date: Date) => void;
+    getEngine: () => CalendarEngine;
+}
+
+declare class VanillaCalendar implements VanillaCalendarInstance {
+    private engine;
+    private container;
+    private unsubscribe;
+    private props;
+    private actions;
+    constructor(props: VanillaCalendarProps);
+    private init;
+    private render;
+    private attachEventListeners;
+    updateEvents(events: CalendarEvent[]): void;
+    getCurrentDate(): Date | null;
+    goToDate(date: Date): void;
+    getEngine(): CalendarEngine;
+    destroy(): void;
+}
+declare function createCalendar(props: VanillaCalendarProps): VanillaCalendarInstance;
+
+export { type CalendarActions, type CalendarConfig, type CalendarDate, CalendarEngine, type CalendarEvent, type CalendarEventHandler, type CalendarProps, type CalendarState, type CalendarViewModel, DAYS, MONTHS, type PopupPosition, VanillaCalendar, type VanillaCalendarInstance, type VanillaCalendarProps, createCalendar, formatDateForDisplay, generateCalendarDates, generateYears, getCellClasses, getEventsForDate, getMonthYearText, getPopupPositionClass, hasEvents, isSameDay, isToday, normalizeDate };

package/dist/vanilla/index.d.ts

@@ -0,0 +1,214 @@
+interface CalendarEvent {
+    id: string | number;
+    name: string;
+    date: string | Date;
+    description?: string;
+    color?: string;
+    [key: string]: any;
+}
+interface CalendarDate {
+    date: Date;
+    isCurrentMonth: boolean;
+    isToday: boolean;
+    hasEvents: boolean;
+    events: CalendarEvent[];
+}
+interface CalendarState {
+    currentYear: number;
+    currentMonth: number;
+    currentDate: number;
+    selectedDate: Date | null;
+    selectedDayIndex: number | null;
+    tasks: CalendarEvent[];
+}
+interface CalendarConfig {
+    events: CalendarEvent[];
+    initialDate?: Date;
+    minYear?: number;
+    maxYear?: number;
+    weekStartsOn?: 0 | 1;
+}
+interface CalendarActions {
+    next: () => void;
+    previous: () => void;
+    jump: (year: number, month: number) => void;
+    selectDate: (date: Date) => void;
+    updateTasks: () => void;
+}
+interface PopupPosition {
+    class: 'popup-left' | 'popup-right' | 'popup-center-top' | 'popup-center-bottom';
+    style?: Record<string, string | number>;
+}
+interface CalendarViewModel extends CalendarState {
+    months: string[];
+    days: string[];
+    years: number[];
+    monthAndYearText: string;
+    scheduleDay: string;
+    calendarDates: (CalendarDate | null)[][];
+    popupPositionClass: string;
+}
+type CalendarEventHandler = (event: CalendarEvent) => void;
+interface CalendarProps {
+    events: CalendarEvent[];
+    initialDate?: Date;
+    minYear?: number;
+    maxYear?: number;
+    weekStartsOn?: 0 | 1;
+    onDateSelect?: (date: Date) => void;
+    onEventClick?: CalendarEventHandler;
+    onMonthChange?: (year: number, month: number) => void;
+}
+
+declare const MONTHS: string[];
+declare const DAYS: string[];
+/**
+ * Normalizes a date to midnight (00:00:00) for comparison purposes
+ */
+declare function normalizeDate(date: Date): Date;
+/**
+ * Checks if two dates are the same day
+ */
+declare function isSameDay(date1: Date, date2: Date): boolean;
+/**
+ * Checks if a date is today
+ */
+declare function isToday(date: Date): boolean;
+/**
+ * Generates an array of years for the year selector
+ */
+declare function generateYears(minYear?: number, maxYear?: number): number[];
+/**
+ * Gets events for a specific date
+ */
+declare function getEventsForDate(events: CalendarEvent[], date: Date): CalendarEvent[];
+/**
+ * Checks if a date has any events
+ */
+declare function hasEvents(events: CalendarEvent[], date: Date): boolean;
+/**
+ * Generates calendar dates for a given month and year
+ */
+declare function generateCalendarDates(year: number, month: number, events?: CalendarEvent[], weekStartsOn?: 0 | 1): (CalendarDate | null)[][];
+/**
+ * Gets the popup position class based on the selected day index
+ */
+declare function getPopupPositionClass(selectedDayIndex: number | null): string;
+/**
+ * Gets CSS classes for a calendar cell
+ */
+declare function getCellClasses(calendarDate: CalendarDate | null): string[];
+/**
+ * Formats a date for display
+ */
+declare function formatDateForDisplay(date: Date): string;
+/**
+ * Gets month and year text for display
+ */
+declare function getMonthYearText(year: number, month: number): string;
+
+declare class CalendarEngine {
+    private state;
+    private config;
+    private listeners;
+    constructor(config: CalendarConfig);
+    /**
+     * Subscribe to state changes
+     */
+    subscribe(listener: () => void): () => void;
+    /**
+     * Notify all listeners of state changes
+     */
+    private notify;
+    /**
+     * Get current state
+     */
+    getState(): CalendarState;
+    /**
+     * Get view model with computed properties
+     */
+    getViewModel(): CalendarViewModel;
+    /**
+     * Get actions object
+     */
+    getActions(): CalendarActions;
+    /**
+     * Navigate to next month
+     */
+    private next;
+    /**
+     * Navigate to previous month
+     */
+    private previous;
+    /**
+     * Jump to specific month and year
+     */
+    private jump;
+    /**
+     * Select a specific date
+     */
+    private selectDate;
+    /**
+     * Update tasks for the currently selected date
+     */
+    private updateTasks;
+    /**
+     * Update events configuration
+     */
+    updateEvents(events: CalendarEvent[]): void;
+    /**
+     * Handle date cell click
+     */
+    handleDateClick(date: Date, dayIndex?: number): void;
+    /**
+     * Check if date has events
+     */
+    hasEventsForDate(date: Date): boolean;
+    /**
+     * Get events for a specific date
+     */
+    getEventsForDate(date: Date): CalendarEvent[];
+    /**
+     * Clear selected date
+     */
+    clearSelection(): void;
+    /**
+     * Destroy the engine and cleanup listeners
+     */
+    destroy(): void;
+}
+
+interface VanillaCalendarProps extends CalendarProps {
+    container: HTMLElement | string;
+    className?: string;
+    title?: string;
+    renderEvent?: (event: CalendarEvent) => string;
+    renderNoEvents?: () => string;
+}
+interface VanillaCalendarInstance {
+    destroy: () => void;
+    updateEvents: (events: CalendarEvent[]) => void;
+    getCurrentDate: () => Date | null;
+    goToDate: (date: Date) => void;
+    getEngine: () => CalendarEngine;
+}
+
+declare class VanillaCalendar implements VanillaCalendarInstance {
+    private engine;
+    private container;
+    private unsubscribe;
+    private props;
+    private actions;
+    constructor(props: VanillaCalendarProps);
+    private init;
+    private render;
+    private attachEventListeners;
+    updateEvents(events: CalendarEvent[]): void;
+    getCurrentDate(): Date | null;
+    goToDate(date: Date): void;
+    getEngine(): CalendarEngine;
+    destroy(): void;
+}
+declare function createCalendar(props: VanillaCalendarProps): VanillaCalendarInstance;
+
+export { type CalendarActions, type CalendarConfig, type CalendarDate, CalendarEngine, type CalendarEvent, type CalendarEventHandler, type CalendarProps, type CalendarState, type CalendarViewModel, DAYS, MONTHS, type PopupPosition, VanillaCalendar, type VanillaCalendarInstance, type VanillaCalendarProps, createCalendar, formatDateForDisplay, generateCalendarDates, generateYears, getCellClasses, getEventsForDate, getMonthYearText, getPopupPositionClass, hasEvents, isSameDay, isToday, normalizeDate };