kalendly 0.2.2 → 0.3.1

package/dist/index.d.ts

@@ -1,17 +1,20 @@
+type Open<T extends string> = T | (string & {});
 interface CalendarEvent {
     id: string | number;
     name: string;
     date: string | Date;
+    endDate?: string | Date;
     startTime?: string;
     endTime?: string;
     allDay?: boolean;
     description?: string;
     color?: string;
-    category?: 'work' | 'personal' | 'meeting' | 'deadline' | 'appointment' | 'other';
+    category?: Open<'work' | 'personal' | 'meeting' | 'deadline' | 'appointment' | 'other'>;
     location?: string;
     url?: string;
-    status?: 'scheduled' | 'completed' | 'cancelled' | 'tentative';
-    priority?: 'low' | 'medium' | 'high';
+    status?: Open<'scheduled' | 'completed' | 'cancelled' | 'tentative'>;
+    priority?: Open<'low' | 'medium' | 'high'>;
+    availabilityStatus?: Open<'open' | 'conditional' | 'blocked'>;
     attendees?: string[];
     organizer?: string;
     reminders?: number[];
@@ -52,6 +55,13 @@ interface CalendarConfig {
     maxYear?: number;
     weekStartsOn?: 0 | 1;
     categoryColors?: CategoryColorMap;
+    monthCount?: number;
+}
+interface CalendarPane {
+    year: number;
+    month: number;
+    monthAndYearText: string;
+    calendarDates: CalendarDate[][];
 }
 interface CalendarActions {
     next: () => void;
@@ -62,18 +72,14 @@ interface CalendarActions {
     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;
+    panes: CalendarPane[];
     calendarDates: CalendarDate[][];
-    popupPositionClass: string;
 }
 type CalendarEventHandler = (event: CalendarEvent) => void;
 interface CalendarProps {
@@ -100,7 +106,37 @@ interface CalendarTheme {
     selectedBg?: string;
     headerBg?: string;
     popupBg?: string;
+    pickerBg?: string;
+    pickerShadow?: string;
     eventIndicator?: string;
+    onAccent?: string;
+    link?: string;
+    openBg?: string;
+    openFg?: string;
+    conditionalBg?: string;
+    conditionalFg?: string;
+    blockedBg?: string;
+    blockedFg?: string;
+    rangeBg?: string;
+    rangeOutline?: string;
+    inRangeBg?: string;
+    inRangeOutline?: string;
+    badgeBg?: string;
+    badgeText?: string;
+    badgeSuccessBg?: string;
+    badgeSuccessText?: string;
+    badgeInfoBg?: string;
+    badgeInfoText?: string;
+    badgeWarningBg?: string;
+    badgeWarningText?: string;
+    badgeDangerBg?: string;
+    badgeDangerText?: string;
+    badgeNeutralBg?: string;
+    badgeNeutralText?: string;
+    badgePositiveBg?: string;
+    badgePositiveText?: string;
+    badgeTentativeBg?: string;
+    badgeTentativeText?: string;
 }
 
 declare const MONTHS: string[];
@@ -110,10 +146,10 @@ declare function normalizeDate(date: Date): Date;
 declare function isSameDay(date1: Date, date2: Date): boolean;
 declare function isToday(date: Date): boolean;
 declare function generateYears(minYear?: number, maxYear?: number): number[];
+declare function eventCoversDate(event: CalendarEvent, date: Date): boolean;
 declare function getEventsForDate(events: CalendarEvent[], date: Date): CalendarEvent[];
 declare function hasEvents(events: CalendarEvent[], date: Date): boolean;
 declare function generateCalendarDates(year: number, month: number, events?: CalendarEvent[], weekStartsOn?: 0 | 1): CalendarDate[][];
-declare function getPopupPositionClass(selectedDayIndex: number | null): string;
 declare function getCellClasses(calendarDate: CalendarDate): string[];
 declare function formatDateForDisplay(date: Date): string;
 declare function getMonthYearText(year: number, month: number): string;
@@ -125,6 +161,17 @@ declare function getDefaultEventColor(category?: string, customColors?: Category
 declare function mergeCategoryColors(customColors?: CategoryColorMap): CategoryColorMap;
 declare function isValidHexColor(color: string): boolean;
 declare function getCategoryColor(category: string, customColors?: CategoryColorMap): string;
+declare function escapeHtml(value: unknown): string;
+declare function slugifyToken(value: string): string;
+declare function safeUrl(value: string): string;
+declare function safeColor(value: string): string;
+declare const MINUTES_PER_DAY = 1440;
+declare const DEFAULT_SLOT_DURATION = 60;
+declare function parseTimeToMinutes(time: unknown): number | null;
+declare function formatMinutes(total: number): string;
+declare function eventInterval(event: CalendarEvent, slotDuration: number, onDay: Date): [number, number] | null;
+declare function mergeIntervals(intervals: Array<[number, number]>): Array<[number, number]>;
+declare function bookedSlots(events: CalendarEvent[], date: Date, slotDuration?: number): boolean[];
 
 declare class CalendarEngine {
     private state;
@@ -224,6 +271,7 @@ declare class CalendarEngine {
 
 declare class CalendarElement extends HTMLElement {
     static observedAttributes: string[];
+    private static readonly themeMap;
     private engine;
     private unsubscribe;
     private actions;
@@ -241,6 +289,10 @@ declare class CalendarElement extends HTMLElement {
     private _categoryColors;
     private _renderEvent;
     private _renderNoEvents;
+    private _availabilityColors;
+    private _selectableStatuses;
+    private _initError;
+    private pendingUpdate;
     private _rangeStart;
     private _rangeEnd;
     private _timeRangeDate;
@@ -251,19 +303,39 @@ declare class CalendarElement extends HTMLElement {
     set events(val: CalendarEvent[]);
     set theme(val: CalendarTheme);
     set categoryColors(val: CategoryColorMap);
+    get availabilityColors(): Record<string, string>;
+    set availabilityColors(val: Record<string, string>);
+    get selectableStatuses(): string[];
+    set selectableStatuses(val: string[]);
     set renderEvent(val: (e: CalendarEvent) => string);
     set renderNoEvents(val: () => string);
     get loading(): boolean;
     set loading(val: boolean);
+    private reaction;
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(name: string, oldVal: string | null, newVal: string | null): void;
+    private get headingText();
+    private static warnedMissingEnd;
+    private get slotDuration();
+    private warnMissingEndTime;
+    private get monthCount();
     private get minYear();
     private get maxYear();
     private initEngine;
     private reinit;
     private cleanup;
     private applyTheme;
+    private static readonly BUILT_IN_BUCKETS;
+    private static titleDeprecationWarned;
+    private get knownBuckets();
+    get updateComplete(): Promise<void>;
+    private scheduleRender;
+    private rethrowInitError;
+    private assertStatusesDeclared;
+    private assertStatusesKnown;
+    private resolveBucket;
+    private isDateSelectable;
     private render;
     private attachEventListeners;
     private updatePickerYear;
@@ -293,11 +365,15 @@ interface CalendarElementProps {
     categoryColors?: CategoryColorMap;
     renderEvent?: (event: CalendarEvent) => string;
     renderNoEvents?: () => string;
+    availabilityColors?: Record<string, string>;
+    selectableStatuses?: string[];
 }
 interface CalendarElementInstance {
     events: CalendarEvent[];
     theme: CalendarTheme;
     categoryColors: CategoryColorMap;
+    availabilityColors: Record<string, string>;
+    selectableStatuses: string[];
     renderEvent: (event: CalendarEvent) => string;
     renderNoEvents: () => string;
     updateEvents: (events: CalendarEvent[]) => void;
@@ -307,4 +383,4 @@ interface CalendarElementInstance {
     getEngine: () => CalendarEngine;
 }
 
-export { type CalendarActions, type CalendarConfig, type CalendarDate, CalendarElement, type CalendarElementInstance, type CalendarElementProps, CalendarEngine, type CalendarEvent, type CalendarEventHandler, type CalendarProps, type CalendarState, type CalendarTheme, type CalendarViewModel, type CategoryColorMap, DAYS, DEFAULT_CATEGORY_COLORS, MONTHS, MONTHS_FULL, type PopupPosition, defineCalendarElement, formatAttendees, formatDateForDisplay, formatTimeRange, generateCalendarDates, generateYears, getCategoryColor, getCellClasses, getDefaultEventColor, getEventsForDate, getMonthYearText, getPopupPositionClass, hasEvents, isSameDay, isToday, isValidHexColor, mergeCategoryColors, normalizeDate, sortEventsByTime };
+export { type CalendarActions, type CalendarConfig, type CalendarDate, CalendarElement, type CalendarElementInstance, type CalendarElementProps, CalendarEngine, type CalendarEvent, type CalendarEventHandler, type CalendarPane, type CalendarProps, type CalendarState, type CalendarTheme, type CalendarViewModel, type CategoryColorMap, DAYS, DEFAULT_CATEGORY_COLORS, DEFAULT_SLOT_DURATION, MINUTES_PER_DAY, MONTHS, MONTHS_FULL, bookedSlots, defineCalendarElement, escapeHtml, eventCoversDate, eventInterval, formatAttendees, formatDateForDisplay, formatMinutes, formatTimeRange, generateCalendarDates, generateYears, getCategoryColor, getCellClasses, getDefaultEventColor, getEventsForDate, getMonthYearText, hasEvents, isSameDay, isToday, isValidHexColor, mergeCategoryColors, mergeIntervals, normalizeDate, parseTimeToMinutes, safeColor, safeUrl, slugifyToken, sortEventsByTime };