mglon-schedule 0.0.4

package/types/mglon-schedule.d.ts

@@ -0,0 +1,963 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef, InjectionToken, AfterContentInit } from '@angular/core';
+import * as rxjs from 'rxjs';
+import * as _ngrx_signals from '@ngrx/signals';
+import * as mglon_schedule from 'mglon-schedule';
+
+declare class ResourceView {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResourceView, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ResourceView, "mglon-resource-view", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Base interface for all event types in the scheduler.
+ * Provides common properties shared across all event variations.
+ */
+interface EventBase {
+    /** Unique identifier for the event */
+    id: string;
+    /** Foreign key: ID of the resource this event belongs to (optional) */
+    resourceId?: string;
+    /** Display title of the event */
+    title: string;
+    /** Additional description or notes for the event */
+    description?: string;
+    /** Tags for filtering and styling */
+    tags?: string[];
+    /** Event color (overrides resource color if set) */
+    color?: string;
+    /** If true, the event cannot be edited */
+    isReadOnly?: boolean;
+    /** If true, the event is visually blocked (e.g., maintenance) */
+    isBlocked?: boolean;
+    /** If true, the event lasts the whole day or multiple days (minimalist design) */
+    isAllDay?: boolean;
+    /** Flexible user-defined data */
+    metadata?: any;
+}
+/**
+ * Interface for regular time-based events
+ */
+interface Event$1 extends EventBase {
+    /** Start date and time of the event */
+    start: Date;
+    /** End date and time of the event */
+    end: Date;
+    /** Event type discriminator */
+    type: 'event';
+    /** If true, this is an instance generated from a RecurrentEventModel */
+    isRecurrenceInstance?: boolean;
+    /** ID of the parent RecurrentEventModel */
+    parentRecurrenceId?: string;
+    /** Original date of occurrence from the recurrence rule */
+    recurrenceDate?: Date;
+}
+/**
+ * Interface for all-day events
+ */
+interface AllDayEvent extends EventBase {
+    /**
+     * Date for the all-day event
+     * For multi-day events, this represents the start date
+     */
+    date: Date;
+    /**
+     * Optional end date for multi-day all-day events
+     * If not provided, the event is a single-day event
+     */
+    endDate?: Date;
+    /** Event type discriminator */
+    type: 'all-day';
+}
+/**
+ * Recurrence types supported by the scheduler
+ */
+type RecurrenceType = 'daily' | 'weekly' | 'monthly' | 'yearly';
+/**
+ * Days of the week for recurrence rules
+ */
+type DayOfWeek = 'Sun' | 'Mon' | 'Tue' | 'Wed' | 'Thu' | 'Fri' | 'Sat';
+/**
+ * Recurrence rule configuration compatible with RFC 5545 (iCalendar)
+ *
+ * @example
+ * // Every Monday for 10 weeks
+ * { type: 'weekly', interval: 1, byDay: ['Mon'], count: 10 }
+ *
+ * // Last Friday of each month until end of year
+ * { type: 'monthly', interval: 1, byDay: ['Fri'], bySetPos: [-1], until: new Date('2025-12-31') }
+ *
+ * @important At least one of `count` or `until` must be defined to prevent infinite recurrences
+ * @important `count` and `until` are mutually exclusive - only one should be set
+ */
+interface RecurrenceRule {
+    /** Type of recurrence pattern */
+    type: RecurrenceType;
+    /**
+     * Interval between occurrences (e.g., 2 = every 2 days/weeks)
+     * @minimum 1
+     * @default 1
+     */
+    interval: number;
+    /**
+     * Number of occurrences before stopping
+     * Mutually exclusive with `until` - only one should be defined
+     * @minimum 1
+     * @example 10 // Event repeats 10 times
+     */
+    count?: number;
+    /**
+     * End date for the recurrence pattern
+     * Mutually exclusive with `count` - only one should be defined
+     * @example new Date('2025-12-31') // Event repeats until Dec 31, 2025
+     */
+    until?: Date;
+    /**
+     * Days of the week for weekly/monthly recurrence
+     * @example ['Mon', 'Wed', 'Fri'] // Every Monday, Wednesday, and Friday
+     */
+    byDay?: DayOfWeek[];
+    /**
+     * Months for yearly recurrence (1-12)
+     * @example [1, 6, 12] // January, June, and December
+     */
+    byMonth?: number[];
+    /**
+     * Days of the month for monthly recurrence (1-31, or negative for end of month)
+     * @example [1, 15] // 1st and 15th of each month
+     * @example [-1] // Last day of the month
+     */
+    byMonthDay?: number[];
+    /**
+     * Position in the set (positive or negative)
+     * Used with byDay to specify nth occurrence
+     * @example [-1] // Last occurrence (e.g., last Friday of month)
+     * @example [1, 3] // First and third occurrence
+     */
+    bySetPos?: number[];
+    /**
+     * First day of the week for weekly recurrences
+     * Affects calculations when using bySetPos with weekly patterns
+     * @default 'Mon'
+     * @example 'Sun' // Week starts on Sunday
+     */
+    weekStart?: DayOfWeek;
+    /**
+     * Hours of the day for the recurrence (0-23)
+     * Advanced: For events that repeat multiple times per day
+     * @example [9, 14, 18] // 9am, 2pm, and 6pm each day
+     */
+    byHour?: number[];
+    /**
+     * Minutes of the hour for the recurrence (0-59)
+     * Advanced: For precise timing control
+     * @example [0, 30] // On the hour and half-hour
+     */
+    byMinute?: number[];
+}
+/**
+ * Interface for recurring events
+ */
+interface RecurrentEventModel extends EventBase {
+    /** Start date and time of the first occurrence */
+    start: Date;
+    /** End date and time of the first occurrence */
+    end: Date;
+    /** Recurrence rule defining the pattern */
+    recurrenceRule: RecurrenceRule;
+    /** Specific dates to exclude from the recurrence pattern */
+    recurrenceExceptions?: Date[];
+    /** Event type discriminator */
+    type: 'recurrent';
+}
+/**
+ * Union type representing any event type
+ */
+type AnyEvent = Event$1 | AllDayEvent | RecurrentEventModel;
+
+type ResizeSide = 'top' | 'right' | 'bottom' | 'left';
+
+/**
+ * Common structure for all event interactions.
+ */
+interface EventInteraction<T = any> {
+    /** The full event data */
+    event: AnyEvent;
+    /** The ID of the slot that triggered the event */
+    slotId: string;
+    /** Browser event that triggered the interaction (optional) */
+    originalEvent?: MouseEvent | PointerEvent;
+    /** Additional data specific to the interaction type */
+    data?: T;
+}
+/**
+ * Data specific to resize interactions.
+ */
+interface ResizeInteractionData {
+    /** Which side is being resized */
+    side: ResizeSide;
+    /** The date target where the resize handle is currently hovering */
+    date: Date;
+}
+/**
+ * Data specific to drag interactions.
+ */
+interface DragInteractionData {
+    /** The exact date where the event was grabbed */
+    grabDate: Date;
+    /** The date target where the event is currently hovering */
+    hoverDate: Date | null;
+}
+/**
+ * Types of interactions that can be dispatched.
+ */
+type InteractionType = 'click' | 'dblclick' | 'contextmenu' | 'mouseenter' | 'mouseleave' | 'resizeStart' | 'resize' | 'resizeEnd' | 'dragStart' | 'drag' | 'dragEnd';
+/**
+ * Wrapper for the interaction event dispatched through the store.
+ */
+interface InteractionEvent {
+    type: InteractionType;
+    eventId: string;
+    payload: EventInteraction;
+}
+
+interface DateRange {
+    start: Date;
+    end: Date;
+}
+
+interface ResourceModel {
+    id: string;
+    name: string;
+    color?: string;
+    avatar?: string;
+    description?: string;
+    tags?: string[];
+    isActive?: boolean;
+    isReadOnly?: boolean;
+    isBlocked?: boolean;
+    resizableEvents?: boolean;
+    metadata?: any;
+}
+
+/**
+ * Result of a selection operation containing start and end dates/resources
+ */
+interface SelectionResult {
+    start: {
+        date: Date;
+        resourceId?: string;
+    } | null;
+    end: {
+        date: Date;
+        resourceId?: string;
+    } | null;
+}
+
+/**
+ * Week view container component.
+ */
+declare class WeekView {
+    readonly store: {
+        currentDate: _angular_core.Signal<Date>;
+        viewMode: _angular_core.Signal<mglon_schedule.ViewMode>;
+        config: _ngrx_signals.DeepSignal<mglon_schedule.SchedulerConfig>;
+        uiConfig: _ngrx_signals.DeepSignal<mglon_schedule.UIConfig>;
+        events: _angular_core.Signal<Map<string, AnyEvent>>;
+        resources: _angular_core.Signal<Map<string, ResourceModel>>;
+        weekRowHeight: _angular_core.Signal<number>;
+        expandedWeekIndex: _angular_core.Signal<number | null>;
+        dragState: _ngrx_signals.DeepSignal<{
+            eventId: string | null;
+            grabDate: Date | null;
+            hoverDate: Date | null;
+        }>;
+        resizeState: _ngrx_signals.DeepSignal<{
+            eventId: string | null;
+            side: ResizeSide | null;
+            hoverDate: Date | null;
+        }>;
+        interactionMode: _angular_core.Signal<"none" | "dragging" | "selecting" | "resizing">;
+        hoveredEventId: _angular_core.Signal<string | null>;
+        viewDate: _angular_core.Signal<Date>;
+        currentView: _angular_core.Signal<mglon_schedule.ViewMode>;
+        viewRange: _angular_core.Signal<DateRange>;
+        formattedDate: _angular_core.Signal<string>;
+        allResources: _angular_core.Signal<ResourceModel[]>;
+        resourceCount: _angular_core.Signal<number>;
+        activeResources: _angular_core.Signal<ResourceModel[]>;
+        inactiveResources: _angular_core.Signal<ResourceModel[]>;
+        allEvents: _angular_core.Signal<AnyEvent[]>;
+        eventCount: _angular_core.Signal<number>;
+        currentViewEvents: _angular_core.Signal<AnyEvent[]>;
+        minWeekRowHeight: _angular_core.Signal<number>;
+        getInteractions: () => rxjs.Observable<InteractionEvent>;
+        dispatchInteraction: (type: InteractionType, eventId: string, payload: any) => void;
+        setDate: (date: Date) => void;
+        changeView: (view: mglon_schedule.ViewMode) => void;
+        updateConfig: (config: Partial<mglon_schedule.SchedulerConfig>) => void;
+        next: () => void;
+        prev: () => void;
+        today: () => void;
+        registerResources: (resources: ResourceModel[]) => void;
+        registerResource: (resource: ResourceModel) => void;
+        updateResource: (id: string, partial: Partial<ResourceModel>) => void;
+        unregisterResource: (id: string) => void;
+        getResource: (id: string) => ResourceModel | undefined;
+        toggleResource: (id: string) => void;
+        showResource: (id: string) => void;
+        hideResource: (id: string) => void;
+        setEvents: (events: AnyEvent[]) => void;
+        registerEvent: (event: AnyEvent) => void;
+        updateEvent: (id: string, partial: Partial<AnyEvent>) => void;
+        unregisterEvent: (id: string) => void;
+        getEvent: (id: string) => AnyEvent | undefined;
+        getEventsByResource: (resourceId: string) => AnyEvent[];
+        clear: () => void;
+        setUIConfig: (config: {
+            header?: Partial<mglon_schedule.HeaderUIConfig>;
+            sidebar?: Partial<mglon_schedule.SidebarUIConfig>;
+            grid?: Partial<mglon_schedule.GridUIConfig>;
+        }) => void;
+        setWeekRowHeight: (height: number) => void;
+        toggleWeekExpansion: (weekIndex: number) => void;
+        setDragStart: (eventId: string, grabDate: Date) => void;
+        setDragHover: (date: Date) => void;
+        clearDragState: () => void;
+        updateDraggedEventPosition: () => void;
+        setResizeStart: (eventId: string, side: ResizeSide) => void;
+        setResizeHover: (date: Date) => void;
+        clearResizeState: () => void;
+        updateResizedEvent: () => void;
+        setInteractionMode: (mode: "none" | "dragging" | "selecting" | "resizing") => void;
+        setHoveredEvent: (eventId: string | null) => void;
+    } & _ngrx_signals.StateSource<{
+        currentDate: Date;
+        viewMode: mglon_schedule.ViewMode;
+        config: mglon_schedule.SchedulerConfig;
+        uiConfig: mglon_schedule.UIConfig;
+        events: Map<string, AnyEvent>;
+        resources: Map<string, ResourceModel>;
+        weekRowHeight: number;
+        expandedWeekIndex: number | null;
+        dragState: {
+            eventId: string | null;
+            grabDate: Date | null;
+            hoverDate: Date | null;
+        };
+        resizeState: {
+            eventId: string | null;
+            side: ResizeSide | null;
+            hoverDate: Date | null;
+        };
+        interactionMode: "none" | "dragging" | "selecting" | "resizing";
+        hoveredEventId: string | null;
+    }>;
+    /** Emitted when selection starts */
+    readonly selectionStart: _angular_core.OutputEmitterRef<SelectionResult>;
+    /** Emitted while selecting */
+    readonly selectionChange: _angular_core.OutputEmitterRef<SelectionResult>;
+    /** Emitted when selection ends */
+    readonly selectionEnd: _angular_core.OutputEmitterRef<SelectionResult>;
+    readonly gridElement: _angular_core.Signal<ElementRef<any> | undefined>;
+    readonly animationState: _angular_core.Signal<number>;
+    constructor();
+    private getWeekNumber;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WeekView, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WeekView, "mglon-week-view", never, {}, { "selectionStart": "selectionStart"; "selectionChange": "selectionChange"; "selectionEnd": "selectionEnd"; }, never, never, true, never>;
+}
+
+type ViewMode = 'day' | 'week' | 'month' | 'resource' | 'list';
+interface SchedulerConfig {
+    /** Fecha inicial. Acepta Date object o string ISO. Defecto: new Date() */
+    initialDate?: Date | string;
+    /** Vista inicial al cargar. Defecto: 'month' */
+    initialView?: ViewMode;
+    /** Duración de cada slot en minutos (15, 30, 60). Defecto: 30 */
+    slotDuration?: number;
+    /** Hora de inicio del día (0-23). Útil para ocultar la madrugada. Defecto: 0 */
+    dayStartHour?: number;
+    /** Hora de fin del día (0-23). Defecto: 23 */
+    dayEndHour?: number;
+    /** Ancho de la columna lateral de recursos en px. Defecto: 200 */
+    resourceSidebarWidth?: number;
+    /** Si es true, agrupa eventos superpuestos visualmente. Defecto: true */
+    allowOverlaps?: boolean;
+    /** Código de idioma (ej: 'es', 'en-US'). Defecto: 'en' */
+    locale?: string;
+    /** Día de inicio de semana (0=Domingo, 1=Lunes). Defecto: 0 */
+    weekStartsOn?: 0 | 1;
+    /** * Clase CSS base para aplicar temas predefinidos.
+     * Ej: 'theme-google' o 'theme-dark'.
+     * Esto activará las variables CSS correspondientes.
+     */
+    theme?: string;
+    /** Altura del calendario (ej: 'auto', '100%', '600px'). Defecto: '100%' */
+    height?: string;
+    /**
+     * Número mínimo de filas de eventos visibles en la vista de mes.
+     * Controla la altura mínima de cada semana.
+     * Defecto: 3
+     */
+    visibleEventRows?: number;
+    /** Array con los tipos de visualizacion que desea usar.
+     * Defecto: ['month', 'week', 'day', 'resource'] */
+    views?: ViewMode[];
+    /** Activar o desactivar la opcion de seleccion.
+     * Defecto: true */
+    backgroundSelection?: boolean;
+    /** Decidir si quiere ver la indicacion del dia actual.
+     * Defecto: true */
+    showNowIndicator?: boolean;
+    /** Propiedad para activar o desactivar las opciones de edicion (como el boton add del header).
+     * Defecto: true */
+    editable?: boolean;
+    /** Propiedad para activar o desactivar el redimensionado de eventos.
+     * Defecto: true */
+    resizableEvents?: boolean;
+    /** Mostrar u ocultar el sidebar lateral.
+     * Defecto: true */
+    showSidebar?: boolean;
+    /** Array de recursos a mostrar en el sidebar.
+     * Defecto: [] */
+    resources?: ResourceModel[];
+}
+
+/**
+ * UI Configuration Types
+ *
+ * Type definitions organized by functional areas (Header, Sidebar, Grid)
+ * for controlling the visual appearance of schedule components.
+ */
+/**
+ * Border radius levels based on design system
+ */
+type BorderRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
+/**
+ * Density variants for spacing and sizing
+ */
+type Density = 'compact' | 'comfortable';
+/**
+ * Appearance styles for components
+ */
+type Appearance = 'solid' | 'outline' | 'ghost';
+/**
+ * Configuration for button group component in header (view switcher)
+ */
+interface ButtonGroupConfig {
+    /**
+     * Visual appearance style
+     * @default 'solid'
+     */
+    appearance: Appearance;
+    /**
+     * Border radius for button group
+     * @default 'md'
+     */
+    rounded: BorderRadius;
+    /**
+     * Density/spacing for buttons
+     * @default 'comfortable'
+     */
+    density: Density;
+}
+/**
+ * Configuration for icon buttons in header (navigation, add button)
+ */
+interface IconButtonConfig {
+    /**
+     * Border radius for icon buttons
+     * @default 'md'
+     */
+    rounded: BorderRadius;
+}
+/**
+ * Configuration for Today button in header
+ */
+interface TodayButtonConfig {
+    /**
+     * Border radius for Today button
+     * @default 'md'
+     */
+    rounded: BorderRadius;
+    /**
+     * Visual appearance style
+     * @default 'ghost'
+     */
+    appearance: Appearance;
+}
+/**
+ * Complete configuration for header area
+ */
+interface HeaderUIConfig {
+    /**
+     * View switcher button group configuration
+     */
+    buttonGroup: ButtonGroupConfig;
+    /**
+     * Icon buttons (prev/next/add) configuration
+     */
+    iconButtons: IconButtonConfig;
+    /**
+     * Today button configuration
+     */
+    todayButton: TodayButtonConfig;
+}
+/**
+ * Configuration for resource items in sidebar
+ */
+interface ResourceItemConfig {
+    /**
+     * Border radius for resource items
+     * @default 'sm'
+     */
+    rounded: BorderRadius;
+    /**
+     * Density/spacing for resource items
+     * @default 'comfortable'
+     */
+    density: Density;
+}
+/**
+ * Complete configuration for sidebar area
+ */
+interface SidebarUIConfig {
+    /**
+     * Resource list item configuration
+     */
+    resourceItems: ResourceItemConfig;
+    /**
+     * Background color for sidebar container
+     * @default '#ffffff' or 'var(--bg-color)'
+     */
+    background?: string;
+    /**
+     * Border radius for sidebar container
+     * @default 'none'
+     */
+    rounded?: BorderRadius;
+}
+/** Event slot specific radius options */
+type EventSlotRadius = 'none' | 'sm' | 'full';
+/** Overflow indicator specific radius options */
+type IndicatorRadius = 'none' | 'sm' | 'md' | 'full';
+/** Overflow indicator appearance options */
+type IndicatorAppearance = 'ghost' | 'outline' | 'solid';
+/**
+ * Configuration for event slots in grids
+ */
+interface EventSlotConfig {
+    /**
+     * Border radius for event slots
+     * @default 'sm'
+     */
+    rounded: EventSlotRadius;
+    /**
+     * Default color for event slots if not specified by event or resource
+     * @default undefined (falls back to primary style)
+     */
+    color?: string;
+}
+/**
+ * Configuration for overflow indicator (+N more)
+ */
+interface OverflowIndicatorConfig {
+    /**
+     * Border radius for indicator
+     * @default 'sm'
+     */
+    rounded: IndicatorRadius;
+    /**
+     * Visual appearance style
+     * @default 'ghost'
+     */
+    appearance: IndicatorAppearance;
+}
+/**
+ * Complete configuration for grid area
+ */
+interface GridUIConfig {
+    /**
+     * Event slot styling
+     */
+    eventSlots: EventSlotConfig;
+    /**
+     * Overflow indicator (+N more) styling
+     */
+    overflowIndicator: OverflowIndicatorConfig;
+    /**
+     * Whether to automatically generate vivid/pastel variants for events.
+     * If true, regular events use vivid colors and recurrent events use pastel variants.
+     * If false, colors are used exactly as provided (with derived contrast text).
+     * @default true
+     */
+    useDynamicColors: boolean;
+}
+/**
+ * Complete UI configuration for the schedule
+ * Organized by functional area for better discoverability
+ */
+interface UIConfig {
+    /**
+     * Header area configuration (button-group, navigation, today button)
+     */
+    header: HeaderUIConfig;
+    /**
+     * Sidebar area configuration (resource items)
+     */
+    sidebar: SidebarUIConfig;
+    /**
+     * Grid area configuration (event slots, overflow indicators)
+     */
+    grid: GridUIConfig;
+}
+/**
+ * Default UI configuration
+ */
+declare const DEFAULT_UI_CONFIG: UIConfig;
+
+declare class Schedule {
+    readonly config: _angular_core.InputSignal<Partial<SchedulerConfig>>;
+    /** Optional UI configuration for header area (button-group, navigation, today button) */
+    readonly headerUI: _angular_core.InputSignal<Partial<HeaderUIConfig> | undefined>;
+    /** Optional UI configuration for sidebar area (resource items) */
+    readonly sidebarUI: _angular_core.InputSignal<Partial<SidebarUIConfig> | undefined>;
+    /** Optional UI configuration for grid area (event slots, overflow indicators) */
+    readonly gridUI: _angular_core.InputSignal<Partial<GridUIConfig> | undefined>;
+    /** Optional default color for all events in the schedule */
+    readonly color: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Whether to automatically generate vivid/pastel variants for events.
+     * If true, regular events use vivid colors and recurrent events use pastel variants.
+     * If false, colors are used exactly as provided.
+     * @default true
+     */
+    readonly useDynamicColors: _angular_core.InputSignal<boolean>;
+    readonly add: _angular_core.OutputEmitterRef<void>;
+    /** Emitted when selection starts (mousedown) */
+    readonly selectionStart: _angular_core.OutputEmitterRef<SelectionResult>;
+    /** Emitted while selecting (mousemove) */
+    readonly selectionChange: _angular_core.OutputEmitterRef<SelectionResult>;
+    /** Emitted when selection ends (mouseup) */
+    readonly selectionEnd: _angular_core.OutputEmitterRef<SelectionResult>;
+    /** Emitted when view mode changes */
+    readonly viewChange: _angular_core.OutputEmitterRef<ViewMode>;
+    /** Emitted when displayed date range changes */
+    readonly dateRangeChange: _angular_core.OutputEmitterRef<{
+        start: Date;
+        end: Date;
+    }>;
+    /** Emitted when a resource is shown/activated */
+    readonly resourceShow: _angular_core.OutputEmitterRef<string>;
+    /** Emitted when a resource is hidden/deactivated */
+    readonly resourceHide: _angular_core.OutputEmitterRef<string>;
+    readonly store: {
+        currentDate: _angular_core.Signal<Date>;
+        viewMode: _angular_core.Signal<ViewMode>;
+        config: _ngrx_signals.DeepSignal<SchedulerConfig>;
+        uiConfig: _ngrx_signals.DeepSignal<UIConfig>;
+        events: _angular_core.Signal<Map<string, AnyEvent>>;
+        resources: _angular_core.Signal<Map<string, ResourceModel>>;
+        weekRowHeight: _angular_core.Signal<number>;
+        expandedWeekIndex: _angular_core.Signal<number | null>;
+        dragState: _ngrx_signals.DeepSignal<{
+            eventId: string | null;
+            grabDate: Date | null;
+            hoverDate: Date | null;
+        }>;
+        resizeState: _ngrx_signals.DeepSignal<{
+            eventId: string | null;
+            side: ResizeSide | null;
+            hoverDate: Date | null;
+        }>;
+        interactionMode: _angular_core.Signal<"none" | "dragging" | "selecting" | "resizing">;
+        hoveredEventId: _angular_core.Signal<string | null>;
+        viewDate: _angular_core.Signal<Date>;
+        currentView: _angular_core.Signal<ViewMode>;
+        viewRange: _angular_core.Signal<DateRange>;
+        formattedDate: _angular_core.Signal<string>;
+        allResources: _angular_core.Signal<ResourceModel[]>;
+        resourceCount: _angular_core.Signal<number>;
+        activeResources: _angular_core.Signal<ResourceModel[]>;
+        inactiveResources: _angular_core.Signal<ResourceModel[]>;
+        allEvents: _angular_core.Signal<AnyEvent[]>;
+        eventCount: _angular_core.Signal<number>;
+        currentViewEvents: _angular_core.Signal<AnyEvent[]>;
+        minWeekRowHeight: _angular_core.Signal<number>;
+        getInteractions: () => rxjs.Observable<InteractionEvent>;
+        dispatchInteraction: (type: InteractionType, eventId: string, payload: any) => void;
+        setDate: (date: Date) => void;
+        changeView: (view: ViewMode) => void;
+        updateConfig: (config: Partial<SchedulerConfig>) => void;
+        next: () => void;
+        prev: () => void;
+        today: () => void;
+        registerResources: (resources: ResourceModel[]) => void;
+        registerResource: (resource: ResourceModel) => void;
+        updateResource: (id: string, partial: Partial<ResourceModel>) => void;
+        unregisterResource: (id: string) => void;
+        getResource: (id: string) => ResourceModel | undefined;
+        toggleResource: (id: string) => void;
+        showResource: (id: string) => void;
+        hideResource: (id: string) => void;
+        setEvents: (events: AnyEvent[]) => void;
+        registerEvent: (event: AnyEvent) => void;
+        updateEvent: (id: string, partial: Partial<AnyEvent>) => void;
+        unregisterEvent: (id: string) => void;
+        getEvent: (id: string) => AnyEvent | undefined;
+        getEventsByResource: (resourceId: string) => AnyEvent[];
+        clear: () => void;
+        setUIConfig: (config: {
+            header?: Partial<HeaderUIConfig>;
+            sidebar?: Partial<SidebarUIConfig>;
+            grid?: Partial<GridUIConfig>;
+        }) => void;
+        setWeekRowHeight: (height: number) => void;
+        toggleWeekExpansion: (weekIndex: number) => void;
+        setDragStart: (eventId: string, grabDate: Date) => void;
+        setDragHover: (date: Date) => void;
+        clearDragState: () => void;
+        updateDraggedEventPosition: () => void;
+        setResizeStart: (eventId: string, side: ResizeSide) => void;
+        setResizeHover: (date: Date) => void;
+        clearResizeState: () => void;
+        updateResizedEvent: () => void;
+        setInteractionMode: (mode: "none" | "dragging" | "selecting" | "resizing") => void;
+        setHoveredEvent: (eventId: string | null) => void;
+    } & _ngrx_signals.StateSource<{
+        currentDate: Date;
+        viewMode: ViewMode;
+        config: SchedulerConfig;
+        uiConfig: UIConfig;
+        events: Map<string, AnyEvent>;
+        resources: Map<string, ResourceModel>;
+        weekRowHeight: number;
+        expandedWeekIndex: number | null;
+        dragState: {
+            eventId: string | null;
+            grabDate: Date | null;
+            hoverDate: Date | null;
+        };
+        resizeState: {
+            eventId: string | null;
+            side: ResizeSide | null;
+            hoverDate: Date | null;
+        };
+        interactionMode: "none" | "dragging" | "selecting" | "resizing";
+        hoveredEventId: string | null;
+    }>;
+    constructor();
+    private previousResourceStates;
+    get api(): {
+        next: () => void;
+        prev: () => void;
+        today: () => void;
+        changeView: (view: ViewMode) => void;
+        setDate: (date: Date) => void;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Schedule, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Schedule, "mglon-schedule", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; "headerUI": { "alias": "headerUI"; "required": false; "isSignal": true; }; "sidebarUI": { "alias": "sidebarUI"; "required": false; "isSignal": true; }; "gridUI": { "alias": "gridUI"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "useDynamicColors": { "alias": "useDynamicColors"; "required": false; "isSignal": true; }; }, { "add": "add"; "selectionStart": "selectionStart"; "selectionChange": "selectionChange"; "selectionEnd": "selectionEnd"; "viewChange": "viewChange"; "dateRangeChange": "dateRangeChange"; "resourceShow": "resourceShow"; "resourceHide": "resourceHide"; }, never, ["*"], true, never>;
+}
+
+declare class Event {
+    readonly id: _angular_core.InputSignal<string>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly startDate: _angular_core.InputSignal<Date>;
+    readonly endDate: _angular_core.InputSignal<Date>;
+    readonly color: _angular_core.InputSignal<string | undefined>;
+    readonly allDay: _angular_core.InputSignal<boolean>;
+    readonly description: _angular_core.InputSignal<string>;
+    readonly data: _angular_core.InputSignal<any>;
+    /** Optional explicit resource ID (if not nested in mglon-resource) */
+    readonly resourceId: _angular_core.InputSignal<string | undefined>;
+    private readonly parentResourceId;
+    /** If true, the event cannot be edited */
+    readonly isReadOnly: _angular_core.InputSignal<boolean>;
+    /** If true, the event is visually blocked (e.g., maintenance) */
+    readonly isBlocked: _angular_core.InputSignal<boolean>;
+    /** Flexible user-defined data */
+    readonly metadata: _angular_core.InputSignal<any>;
+    /** Tags for filtering and styling */
+    readonly tags: _angular_core.InputSignal<string[]>;
+    readonly eventClick: _angular_core.OutputEmitterRef<EventInteraction<any>>;
+    readonly eventDblClick: _angular_core.OutputEmitterRef<EventInteraction<any>>;
+    readonly eventContextMenu: _angular_core.OutputEmitterRef<EventInteraction<any>>;
+    readonly eventMouseEnter: _angular_core.OutputEmitterRef<EventInteraction<any>>;
+    readonly eventMouseLeave: _angular_core.OutputEmitterRef<EventInteraction<any>>;
+    readonly eventResizeStart: _angular_core.OutputEmitterRef<EventInteraction<ResizeInteractionData>>;
+    readonly eventResize: _angular_core.OutputEmitterRef<EventInteraction<ResizeInteractionData>>;
+    readonly eventResizeEnd: _angular_core.OutputEmitterRef<EventInteraction<ResizeInteractionData>>;
+    readonly eventDragStart: _angular_core.OutputEmitterRef<EventInteraction<DragInteractionData>>;
+    readonly eventDrag: _angular_core.OutputEmitterRef<EventInteraction<DragInteractionData>>;
+    readonly eventDragEnd: _angular_core.OutputEmitterRef<EventInteraction<DragInteractionData>>;
+    private readonly destroy$;
+    private store;
+    ngOnInit(): void;
+    private setupInteractionListeners;
+    /**
+     * Lifecycle: Unregister event from store
+     */
+    ngOnDestroy(): void;
+    private registerEvent;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Event, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Event, "mglon-event", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "startDate": { "alias": "startDate"; "required": true; "isSignal": true; }; "endDate": { "alias": "endDate"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "allDay": { "alias": "allDay"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "resourceId": { "alias": "resourceId"; "required": false; "isSignal": true; }; "isReadOnly": { "alias": "isReadOnly"; "required": false; "isSignal": true; }; "isBlocked": { "alias": "isBlocked"; "required": false; "isSignal": true; }; "metadata": { "alias": "metadata"; "required": false; "isSignal": true; }; "tags": { "alias": "tags"; "required": false; "isSignal": true; }; }, { "eventClick": "eventClick"; "eventDblClick": "eventDblClick"; "eventContextMenu": "eventContextMenu"; "eventMouseEnter": "eventMouseEnter"; "eventMouseLeave": "eventMouseLeave"; "eventResizeStart": "eventResizeStart"; "eventResize": "eventResize"; "eventResizeEnd": "eventResizeEnd"; "eventDragStart": "eventDragStart"; "eventDrag": "eventDrag"; "eventDragEnd": "eventDragEnd"; }, never, never, true, never>;
+}
+
+/**
+ * Injection token for providing resource ID to child components
+ */
+declare const RESOURCE_ID_TOKEN: InjectionToken<string>;
+/**
+ * ResourceComponent - Declarative component representing a calendar resource
+ *
+ * Usage:
+ * <mglon-resource
+ *   id="room-1"
+ *   name="Conference Room A"
+ *   [color]="'#0860c4'">
+ *   <mglon-event>...</mglon-event>
+ * </mglon-resource>
+ */
+declare class ResourceEvents implements AfterContentInit {
+    /** Unique identifier for the resource */
+    readonly id: _angular_core.InputSignal<string>;
+    /** Display name of the resource */
+    readonly name: _angular_core.InputSignal<string>;
+    /** Color for the resource (border/background) */
+    readonly color: _angular_core.InputSignal<string | undefined>;
+    /** URL of image or initials for display */
+    readonly avatar: _angular_core.InputSignal<string | undefined>;
+    /** Additional description of the resource */
+    readonly description: _angular_core.InputSignal<string | undefined>;
+    /** Tags for filtering */
+    readonly tags: _angular_core.InputSignal<string[]>;
+    /** If true, events for this resource cannot be edited */
+    readonly isReadOnly: _angular_core.InputSignal<boolean>;
+    /** If true, this resource does not accept new events */
+    readonly isBlocked: _angular_core.InputSignal<boolean>;
+    /** If true, resource is active and visible. Default: true */
+    readonly isActive: _angular_core.InputSignal<boolean>;
+    /** Flexible user-defined data */
+    readonly metadata: _angular_core.InputSignal<any>;
+    /** If true, allows resizing events for this resource. Default: true */
+    readonly resizableEvents: _angular_core.InputSignal<boolean>;
+    private elRef;
+    private store;
+    ngAfterContentInit(): void;
+    private _removeInvalidNodes;
+    constructor();
+    ngOnInit(): void;
+    /**
+     * Lifecycle: Unregister resource on destroy
+     */
+    ngOnDestroy(): void;
+    private registerResource;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResourceEvents, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ResourceEvents, "mglon-resource", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "avatar": { "alias": "avatar"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "tags": { "alias": "tags"; "required": false; "isSignal": true; }; "isReadOnly": { "alias": "isReadOnly"; "required": false; "isSignal": true; }; "isBlocked": { "alias": "isBlocked"; "required": false; "isSignal": true; }; "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; "metadata": { "alias": "metadata"; "required": false; "isSignal": true; }; "resizableEvents": { "alias": "resizableEvents"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class RecurrentEvent {
+    readonly id: _angular_core.InputSignal<string>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly startDate: _angular_core.InputSignal<Date>;
+    readonly endDate: _angular_core.InputSignal<Date>;
+    readonly color: _angular_core.InputSignal<string | undefined>;
+    readonly allDay: _angular_core.InputSignal<boolean>;
+    readonly description: _angular_core.InputSignal<string>;
+    readonly data: _angular_core.InputSignal<any>;
+    /** Optional explicit resource ID (if not nested in mglon-resource) */
+    readonly resourceId: _angular_core.InputSignal<string | undefined>;
+    private readonly parentResourceId;
+    /** If true, the event cannot be edited */
+    readonly isReadOnly: _angular_core.InputSignal<boolean>;
+    /** If true, the event is visually blocked (e.g., maintenance) */
+    readonly isBlocked: _angular_core.InputSignal<boolean>;
+    /** Flexible user-defined data */
+    readonly metadata: _angular_core.InputSignal<any>;
+    /** Tags for filtering and styling */
+    readonly tags: _angular_core.InputSignal<string[]>;
+    /** Recurrence rule defining the pattern */
+    readonly recurrenceRule: _angular_core.InputSignal<any>;
+    /** Specific dates to exclude */
+    readonly recurrenceExceptions: _angular_core.InputSignal<Date[] | undefined>;
+    readonly eventClick: _angular_core.OutputEmitterRef<EventInteraction<any>>;
+    readonly eventDblClick: _angular_core.OutputEmitterRef<EventInteraction<any>>;
+    readonly eventContextMenu: _angular_core.OutputEmitterRef<EventInteraction<any>>;
+    readonly eventMouseEnter: _angular_core.OutputEmitterRef<EventInteraction<any>>;
+    readonly eventMouseLeave: _angular_core.OutputEmitterRef<EventInteraction<any>>;
+    private readonly destroy$;
+    private store;
+    constructor();
+    ngOnInit(): void;
+    private setupInteractionListeners;
+    private currentInstanceIds;
+    /**
+     * Lifecycle: Unregister event and all its instances from store
+     */
+    ngOnDestroy(): void;
+    private cleanup;
+    private registerEvent;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RecurrentEvent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RecurrentEvent, "mglon-recurrent-event", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "startDate": { "alias": "startDate"; "required": true; "isSignal": true; }; "endDate": { "alias": "endDate"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "allDay": { "alias": "allDay"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "resourceId": { "alias": "resourceId"; "required": false; "isSignal": true; }; "isReadOnly": { "alias": "isReadOnly"; "required": false; "isSignal": true; }; "isBlocked": { "alias": "isBlocked"; "required": false; "isSignal": true; }; "metadata": { "alias": "metadata"; "required": false; "isSignal": true; }; "tags": { "alias": "tags"; "required": false; "isSignal": true; }; "recurrenceRule": { "alias": "recurrenceRule"; "required": true; "isSignal": true; }; "recurrenceExceptions": { "alias": "recurrenceExceptions"; "required": false; "isSignal": true; }; }, { "eventClick": "eventClick"; "eventDblClick": "eventDblClick"; "eventContextMenu": "eventContextMenu"; "eventMouseEnter": "eventMouseEnter"; "eventMouseLeave": "eventMouseLeave"; }, never, never, true, never>;
+}
+
+type ButtonAppereance = 'solid' | 'outline' | 'ghost' | 'link';
+type ButtonColor = 'primary' | 'secondary' | 'error';
+type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
+type ButtonRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
+declare class ButtonComponent {
+    readonly appereance: _angular_core.InputSignal<ButtonAppereance>;
+    readonly color: _angular_core.InputSignal<ButtonColor>;
+    readonly size: _angular_core.InputSignal<ButtonSize>;
+    readonly rounded: _angular_core.InputSignal<ButtonRadius>;
+    readonly density: _angular_core.InputSignal<"compact" | "comfortable">;
+    readonly active: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    elementRef: ElementRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "button[mglon-button], a[mglon-button]", never, { "appereance": { "alias": "appereance"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type IconButtonAppereance = 'solid' | 'outline' | 'ghost';
+declare class IconButtonComponent {
+    readonly appereance: _angular_core.InputSignal<IconButtonAppereance>;
+    readonly color: _angular_core.InputSignal<ButtonColor>;
+    readonly size: _angular_core.InputSignal<ButtonSize>;
+    readonly rounded: _angular_core.InputSignal<ButtonRadius>;
+    readonly active: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    elementRef: ElementRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconButtonComponent, "button[mglon-icon-button], a[mglon-icon-button]", never, { "appereance": { "alias": "appereance"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class FabButtonComponent {
+    readonly size: _angular_core.InputSignal<"md" | "lg">;
+    readonly color: _angular_core.InputSignal<"primary" | "secondary" | "surface">;
+    readonly extended: _angular_core.InputSignal<boolean>;
+    classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FabButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FabButtonComponent, "button[mglon-fab-button], a[mglon-fab-button]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "extended": { "alias": "extended"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type ButtonGroupType = 'text' | 'icon' | 'icon-text';
+type ButtonGroupRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
+declare class ButtonGroupComponent {
+    readonly type: _angular_core.InputSignal<ButtonGroupType>;
+    readonly density: _angular_core.InputSignal<"compact" | "comfortable">;
+    readonly appereance: _angular_core.InputSignal<"solid" | "outline" | "ghost" | "link">;
+    readonly rounded: _angular_core.InputSignal<ButtonGroupRadius>;
+    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly buttons: _angular_core.Signal<readonly ButtonComponent[]>;
+    readonly iconButtons: _angular_core.Signal<readonly IconButtonComponent[]>;
+    readonly indicatorStyle: _angular_core.WritableSignal<{
+        [key: string]: string;
+    }>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonGroupComponent, "mglon-button-group", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "appereance": { "alias": "appereance"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, ["buttons", "iconButtons"], ["*"], true, never>;
+}
+
+export { ButtonComponent, ButtonGroupComponent, DEFAULT_UI_CONFIG, Event, FabButtonComponent, IconButtonComponent, RESOURCE_ID_TOKEN, RecurrentEvent, ResourceEvents, ResourceView, Schedule, WeekView };
+export type { Appearance, BorderRadius, ButtonAppereance, ButtonColor, ButtonGroupConfig, ButtonGroupRadius, ButtonGroupType, ButtonRadius, ButtonSize, Density, EventSlotConfig, EventSlotRadius, GridUIConfig, HeaderUIConfig, IconButtonAppereance, IconButtonConfig, IndicatorAppearance, IndicatorRadius, OverflowIndicatorConfig, ResourceItemConfig, SchedulerConfig, SelectionResult, SidebarUIConfig, TodayButtonConfig, UIConfig, ViewMode };