@mintplayer/scheduler-wc 1.0.1 → 1.1.0

package/src/drag/drag-state-machine.js

@@ -0,0 +1,320 @@
+import { DEFAULT_DRAG_CONFIG, } from './drag-types';
+import { DragPreviewCalculator } from './drag-preview';
+import { getPointerDistance } from '../input/pointer-event';
+/**
+ * Explicit state machine for drag operations.
+ *
+ * States:
+ * - idle: No drag operation in progress
+ * - pending: Pointer is down, waiting for movement to exceed threshold
+ * - active: Drag is in progress, preview is being updated
+ * - completing: Drag just finished, result is available
+ *
+ * Transitions:
+ * - idle + POINTER_DOWN (on valid target) → pending
+ * - pending + POINTER_MOVE (threshold exceeded) → active
+ * - pending + POINTER_UP → idle (treated as click)
+ * - pending + CANCEL → idle
+ * - active + POINTER_MOVE → active (update preview)
+ * - active + POINTER_UP → completing
+ * - active + CANCEL → idle
+ * - completing → idle (after result is consumed)
+ */
+export class DragStateMachine {
+    constructor(config = {}) {
+        this.state = { phase: 'idle' };
+        this.config = Object.assign(Object.assign({}, DEFAULT_DRAG_CONFIG), config);
+        this.previewCalculator = new DragPreviewCalculator(this.config);
+    }
+    /**
+     * Get current state (read-only).
+     */
+    getState() {
+        return this.state;
+    }
+    /**
+     * Get the current phase.
+     */
+    getPhase() {
+        return this.state.phase;
+    }
+    /**
+     * Check if drag is currently active.
+     */
+    isActive() {
+        return this.state.phase === 'active';
+    }
+    /**
+     * Check if drag is pending (waiting for threshold).
+     */
+    isPending() {
+        return this.state.phase === 'pending';
+    }
+    /**
+     * Check if in any drag-related state (pending or active).
+     */
+    isDragging() {
+        return this.state.phase === 'pending' || this.state.phase === 'active';
+    }
+    /**
+     * Get the preview event if in active state.
+     */
+    getPreview() {
+        return this.state.phase === 'active' ? this.state.preview : null;
+    }
+    /**
+     * Get the completion result if in completing state.
+     */
+    getCompletionResult() {
+        return this.state.phase === 'completing' ? this.state.result : null;
+    }
+    /**
+     * Process an event and transition to new state.
+     * Returns true if state changed.
+     */
+    send(event) {
+        const previousPhase = this.state.phase;
+        this.state = this.transition(event);
+        return this.state.phase !== previousPhase;
+    }
+    /**
+     * Reset to idle state.
+     */
+    reset() {
+        this.state = { phase: 'idle' };
+    }
+    /**
+     * Consume the completion result and return to idle.
+     * Call this after handling a completed drag.
+     */
+    consumeResult() {
+        if (this.state.phase === 'completing') {
+            const result = this.state.result;
+            this.state = { phase: 'idle' };
+            return result;
+        }
+        return null;
+    }
+    /**
+     * Pure transition function.
+     * Given current state and event, returns new state.
+     */
+    transition(event) {
+        switch (this.state.phase) {
+            case 'idle':
+                return this.transitionFromIdle(event);
+            case 'pending':
+                return this.transitionFromPending(event);
+            case 'active':
+                return this.transitionFromActive(event);
+            case 'completing':
+                return this.transitionFromCompleting(event);
+            default:
+                return this.state;
+        }
+    }
+    /**
+     * Transitions from idle state.
+     */
+    transitionFromIdle(event) {
+        var _a;
+        if (event.type !== 'POINTER_DOWN') {
+            return this.state;
+        }
+        const { target, position, slot, slotElement, immediate } = event;
+        // Determine operation type from target
+        const operationType = this.getOperationType(target);
+        if (!operationType) {
+            return this.state;
+        }
+        // Get the event being dragged (if any)
+        const schedulerEvent = (_a = target.event) !== null && _a !== void 0 ? _a : null;
+        // Check if this event is draggable
+        if (schedulerEvent && schedulerEvent.draggable === false) {
+            return this.state;
+        }
+        // For touch-initiated drags, skip pending and go directly to active
+        if (immediate) {
+            // For move operations without a slot, create one from the event's times
+            let startSlot = slot;
+            if (!startSlot && schedulerEvent && operationType === 'move') {
+                startSlot = {
+                    start: schedulerEvent.start,
+                    end: schedulerEvent.end,
+                };
+            }
+            if (startSlot) {
+                const preview = this.previewCalculator.calculatePreview(operationType, startSlot, startSlot, schedulerEvent);
+                if (preview) {
+                    return {
+                        phase: 'active',
+                        operationType,
+                        event: schedulerEvent,
+                        startSlot,
+                        currentSlot: startSlot,
+                        preview,
+                        originalEvent: schedulerEvent !== null && schedulerEvent !== void 0 ? schedulerEvent : undefined,
+                    };
+                }
+            }
+        }
+        return {
+            phase: 'pending',
+            operationType,
+            event: schedulerEvent,
+            startPosition: position,
+            startSlot: slot,
+            slotElement,
+        };
+    }
+    /**
+     * Transitions from pending state.
+     */
+    transitionFromPending(event) {
+        var _a;
+        if (this.state.phase !== 'pending')
+            return this.state;
+        switch (event.type) {
+            case 'POINTER_MOVE': {
+                const distance = getPointerDistance(this.state.startPosition, event.position);
+                if (distance < this.config.dragThreshold) {
+                    // Not enough movement, stay in pending
+                    return this.state;
+                }
+                // Threshold exceeded - activate drag
+                return this.activateDrag(event.slot);
+            }
+            case 'POINTER_UP': {
+                // Released before threshold - treat as click
+                return {
+                    phase: 'completing',
+                    result: {
+                        type: this.state.operationType,
+                        preview: this.getInitialPreview(),
+                        event: this.state.event,
+                        originalEvent: (_a = this.state.event) !== null && _a !== void 0 ? _a : undefined,
+                        wasClick: true,
+                    },
+                };
+            }
+            case 'CANCEL':
+                return { phase: 'idle' };
+            default:
+                return this.state;
+        }
+    }
+    /**
+     * Transitions from active state.
+     */
+    transitionFromActive(event) {
+        var _a;
+        if (this.state.phase !== 'active')
+            return this.state;
+        switch (event.type) {
+            case 'POINTER_MOVE': {
+                if (!event.slot) {
+                    // No valid slot under pointer, keep current state
+                    return this.state;
+                }
+                // Calculate new preview
+                const preview = this.previewCalculator.calculatePreview(this.state.operationType, this.state.startSlot, event.slot, (_a = this.state.originalEvent) !== null && _a !== void 0 ? _a : null);
+                if (!preview) {
+                    return this.state;
+                }
+                return Object.assign(Object.assign({}, this.state), { currentSlot: event.slot, preview });
+            }
+            case 'POINTER_UP': {
+                return {
+                    phase: 'completing',
+                    result: {
+                        type: this.state.operationType,
+                        preview: this.state.preview,
+                        event: this.state.event,
+                        originalEvent: this.state.originalEvent,
+                        wasClick: false,
+                    },
+                };
+            }
+            case 'CANCEL':
+                return { phase: 'idle' };
+            default:
+                return this.state;
+        }
+    }
+    /**
+     * Transitions from completing state.
+     */
+    transitionFromCompleting(event) {
+        // Any event from completing goes to idle
+        // (The result should be consumed via consumeResult first)
+        if (event.type === 'CANCEL' || event.type === 'POINTER_DOWN') {
+            return { phase: 'idle' };
+        }
+        return this.state;
+    }
+    /**
+     * Activate drag from pending state.
+     */
+    activateDrag(currentSlot) {
+        var _a, _b;
+        if (this.state.phase !== 'pending') {
+            return this.state;
+        }
+        const startSlot = (_a = this.state.startSlot) !== null && _a !== void 0 ? _a : currentSlot;
+        if (!startSlot) {
+            return { phase: 'idle' };
+        }
+        const slot = currentSlot !== null && currentSlot !== void 0 ? currentSlot : startSlot;
+        // Calculate initial preview
+        const preview = this.previewCalculator.calculatePreview(this.state.operationType, startSlot, slot, this.state.event);
+        if (!preview) {
+            return { phase: 'idle' };
+        }
+        return {
+            phase: 'active',
+            operationType: this.state.operationType,
+            event: this.state.event,
+            startSlot,
+            currentSlot: slot,
+            preview,
+            originalEvent: (_b = this.state.event) !== null && _b !== void 0 ? _b : undefined,
+        };
+    }
+    /**
+     * Get operation type from pointer target.
+     */
+    getOperationType(target) {
+        switch (target.type) {
+            case 'resize-handle':
+                return target.resizeHandle === 'start' ? 'resize-start' : 'resize-end';
+            case 'event':
+                return 'move';
+            case 'slot':
+                return 'create';
+            default:
+                return null;
+        }
+    }
+    /**
+     * Get initial preview for a pending drag (used for click detection).
+     */
+    getInitialPreview() {
+        if (this.state.phase !== 'pending') {
+            return { start: new Date(), end: new Date() };
+        }
+        if (this.state.event) {
+            return {
+                start: this.state.event.start,
+                end: this.state.event.end,
+            };
+        }
+        if (this.state.startSlot) {
+            return {
+                start: this.state.startSlot.start,
+                end: this.state.startSlot.end,
+            };
+        }
+        return { start: new Date(), end: new Date() };
+    }
+}
+//# sourceMappingURL=drag-state-machine.js.map

package/src/drag/drag-state-machine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-state-machine.js","sourceRoot":"","sources":["../../../../../libs/mp-scheduler-wc/src/drag/drag-state-machine.ts"],"names":[],"mappings":"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"}

package/src/drag/drag-types.d.ts

@@ -0,0 +1,104 @@
+import { DragOperationType, PreviewEvent, SchedulerEvent, TimeSlot } from '@mintplayer/scheduler-core';
+/**
+ * Simple position with x/y coordinates.
+ */
+export interface Position {
+    x: number;
+    y: number;
+}
+/**
+ * Result of analyzing what element the pointer is over.
+ */
+export interface PointerTarget {
+    /** Type of target element */
+    type: 'event' | 'resize-handle' | 'slot' | 'none';
+    /** The scheduler event if pointer is over an event */
+    event?: SchedulerEvent;
+    /** The slot element if pointer is over a slot */
+    slotElement?: HTMLElement;
+    /** The resize handle type if pointer is over a resize handle */
+    resizeHandle?: 'start' | 'end';
+}
+/**
+ * Drag operation phases - explicit state machine states.
+ *
+ * - idle: No drag operation in progress
+ * - pending: Pointer down, waiting for movement to exceed threshold
+ * - active: Drag in progress, preview is being updated
+ * - completing: Pointer up, finalizing the operation
+ */
+export type DragPhase = 'idle' | 'pending' | 'active' | 'completing';
+/**
+ * State machine state with discriminated union.
+ * The `phase` field determines which other fields are valid.
+ */
+export type DragMachineState = {
+    phase: 'idle';
+} | {
+    phase: 'pending';
+    operationType: DragOperationType;
+    event: SchedulerEvent | null;
+    startPosition: Position;
+    startSlot: TimeSlot | null;
+    slotElement?: HTMLElement;
+} | {
+    phase: 'active';
+    operationType: DragOperationType;
+    event: SchedulerEvent | null;
+    startSlot: TimeSlot;
+    currentSlot: TimeSlot;
+    preview: PreviewEvent;
+    originalEvent?: SchedulerEvent;
+} | {
+    phase: 'completing';
+    result: DragCompletionResult;
+};
+/**
+ * Result of a completed drag operation.
+ */
+export interface DragCompletionResult {
+    /** Type of operation that was completed */
+    type: DragOperationType;
+    /** The final preview (new event position) */
+    preview: PreviewEvent;
+    /** The event that was moved/resized (null for create) */
+    event: SchedulerEvent | null;
+    /** Original event before modification */
+    originalEvent?: SchedulerEvent;
+    /** Whether this was a click (no actual drag occurred) */
+    wasClick: boolean;
+}
+/**
+ * Events that can trigger state transitions in the drag state machine.
+ */
+export type DragMachineEvent = {
+    type: 'POINTER_DOWN';
+    target: PointerTarget;
+    position: Position;
+    slot: TimeSlot | null;
+    slotElement?: HTMLElement;
+    /** If true, skip pending state and go directly to active (for touch drags) */
+    immediate?: boolean;
+} | {
+    type: 'POINTER_MOVE';
+    position: Position;
+    slot: TimeSlot | null;
+} | {
+    type: 'POINTER_UP';
+    position: Position;
+} | {
+    type: 'CANCEL';
+};
+/**
+ * Configuration for the drag state machine.
+ */
+export interface DragConfig {
+    /** Pixels of movement before drag activates (default: 5) */
+    dragThreshold: number;
+    /** Minimum event duration in milliseconds (default: 30 minutes) */
+    minDurationMs: number;
+}
+/**
+ * Default drag configuration.
+ */
+export declare const DEFAULT_DRAG_CONFIG: DragConfig;

package/src/drag/drag-types.js

@@ -0,0 +1,8 @@
+/**
+ * Default drag configuration.
+ */
+export const DEFAULT_DRAG_CONFIG = {
+    dragThreshold: 5,
+    minDurationMs: 30 * 60 * 1000, // 30 minutes
+};
+//# sourceMappingURL=drag-types.js.map

package/src/drag/drag-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-types.js","sourceRoot":"","sources":["../../../../../libs/mp-scheduler-wc/src/drag/drag-types.ts"],"names":[],"mappings":"AAuHA;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAe;IAC7C,aAAa,EAAE,CAAC;IAChB,aAAa,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,aAAa;CAC7C,CAAC"}

package/src/drag/index.d.ts

@@ -0,0 +1,4 @@
+export * from './drag-types';
+export * from './drag-preview';
+export * from './drag-state-machine';
+export * from './drag-manager';

package/src/drag/index.js

@@ -0,0 +1,5 @@
+export * from './drag-types';
+export * from './drag-preview';
+export * from './drag-state-machine';
+export * from './drag-manager';
+//# sourceMappingURL=index.js.map

package/src/drag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/mp-scheduler-wc/src/drag/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC"}

package/src/events/event-types.d.ts

@@ -0,0 +1,43 @@
+import { SchedulerEvent, ViewType } from '@mintplayer/scheduler-core';
+/**
+ * All custom events the scheduler can emit.
+ * Using a discriminated union for type safety.
+ */
+export type SchedulerCustomEvent = {
+    type: 'event-click';
+    event: SchedulerEvent;
+    originalEvent: Event;
+} | {
+    type: 'event-dblclick';
+    event: SchedulerEvent;
+    originalEvent: Event;
+} | {
+    type: 'event-create';
+    event: SchedulerEvent;
+    originalEvent: Event;
+} | {
+    type: 'event-update';
+    event: SchedulerEvent;
+    oldEvent: SchedulerEvent;
+    originalEvent: Event;
+} | {
+    type: 'event-delete';
+    event: SchedulerEvent;
+} | {
+    type: 'date-click';
+    date: Date;
+    originalEvent: Event;
+} | {
+    type: 'view-change';
+    view: ViewType;
+    date: Date;
+} | {
+    type: 'selection-change';
+    selectedEvent: SchedulerEvent | null;
+};
+/**
+ * Type helper to extract the detail type for a specific event.
+ */
+export type EventDetail<T extends SchedulerCustomEvent['type']> = Omit<Extract<SchedulerCustomEvent, {
+    type: T;
+}>, 'type'>;

package/src/events/event-types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=event-types.js.map

package/src/events/event-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-types.js","sourceRoot":"","sources":["../../../../../libs/mp-scheduler-wc/src/events/event-types.ts"],"names":[],"mappings":""}

package/src/events/index.d.ts

@@ -0,0 +1,2 @@
+export * from './event-types';
+export * from './scheduler-event-emitter';

package/src/events/index.js

@@ -0,0 +1,3 @@
+export * from './event-types';
+export * from './scheduler-event-emitter';
+//# sourceMappingURL=index.js.map

package/src/events/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/mp-scheduler-wc/src/events/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC"}

package/src/events/scheduler-event-emitter.d.ts

@@ -0,0 +1,46 @@
+import { SchedulerCustomEvent, EventDetail } from './event-types';
+/**
+ * Handles dispatching custom events from the scheduler.
+ * Centralizes event emission logic for consistency.
+ */
+export declare class SchedulerEventEmitter {
+    private readonly host;
+    constructor(host: HTMLElement);
+    /**
+     * Emit a scheduler custom event.
+     * The event will bubble up through the DOM.
+     */
+    emit(event: SchedulerCustomEvent): void;
+    /**
+     * Emit an event-click event.
+     */
+    emitEventClick(event: EventDetail<'event-click'>['event'], originalEvent: Event): void;
+    /**
+     * Emit an event-dblclick event.
+     */
+    emitEventDblClick(event: EventDetail<'event-dblclick'>['event'], originalEvent: Event): void;
+    /**
+     * Emit an event-create event.
+     */
+    emitEventCreate(event: EventDetail<'event-create'>['event'], originalEvent: Event): void;
+    /**
+     * Emit an event-update event.
+     */
+    emitEventUpdate(event: EventDetail<'event-update'>['event'], oldEvent: EventDetail<'event-update'>['oldEvent'], originalEvent: Event): void;
+    /**
+     * Emit an event-delete event.
+     */
+    emitEventDelete(event: EventDetail<'event-delete'>['event']): void;
+    /**
+     * Emit a date-click event.
+     */
+    emitDateClick(date: Date, originalEvent: Event): void;
+    /**
+     * Emit a view-change event.
+     */
+    emitViewChange(view: EventDetail<'view-change'>['view'], date: EventDetail<'view-change'>['date']): void;
+    /**
+     * Emit a selection-change event.
+     */
+    emitSelectionChange(selectedEvent: EventDetail<'selection-change'>['selectedEvent']): void;
+}

package/src/events/scheduler-event-emitter.js

@@ -0,0 +1,70 @@
+import { __rest } from "tslib";
+/**
+ * Handles dispatching custom events from the scheduler.
+ * Centralizes event emission logic for consistency.
+ */
+export class SchedulerEventEmitter {
+    constructor(host) {
+        this.host = host;
+    }
+    /**
+     * Emit a scheduler custom event.
+     * The event will bubble up through the DOM.
+     */
+    emit(event) {
+        const { type } = event, detail = __rest(event, ["type"]);
+        this.host.dispatchEvent(new CustomEvent(type, {
+            detail,
+            bubbles: true,
+        }));
+    }
+    /**
+     * Emit an event-click event.
+     */
+    emitEventClick(event, originalEvent) {
+        this.emit({ type: 'event-click', event, originalEvent });
+    }
+    /**
+     * Emit an event-dblclick event.
+     */
+    emitEventDblClick(event, originalEvent) {
+        this.emit({ type: 'event-dblclick', event, originalEvent });
+    }
+    /**
+     * Emit an event-create event.
+     */
+    emitEventCreate(event, originalEvent) {
+        this.emit({ type: 'event-create', event, originalEvent });
+    }
+    /**
+     * Emit an event-update event.
+     */
+    emitEventUpdate(event, oldEvent, originalEvent) {
+        this.emit({ type: 'event-update', event, oldEvent, originalEvent });
+    }
+    /**
+     * Emit an event-delete event.
+     */
+    emitEventDelete(event) {
+        this.emit({ type: 'event-delete', event });
+    }
+    /**
+     * Emit a date-click event.
+     */
+    emitDateClick(date, originalEvent) {
+        this.emit({ type: 'date-click', date, originalEvent });
+    }
+    /**
+     * Emit a view-change event.
+     */
+    emitViewChange(view, date) {
+        this.emit({ type: 'view-change', view, date });
+    }
+    /**
+     * Emit a selection-change event.
+     */
+    emitSelectionChange(selectedEvent) {
+        this.emit({ type: 'selection-change', selectedEvent });
+    }
+}
+//# sourceMappingURL=scheduler-event-emitter.js.map

package/src/events/scheduler-event-emitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scheduler-event-emitter.js","sourceRoot":"","sources":["../../../../../libs/mp-scheduler-wc/src/events/scheduler-event-emitter.ts"],"names":[],"mappings":";AAEA;;;GAGG;AACH,MAAM,OAAO,qBAAqB;IAChC,YAA6B,IAAiB;QAAjB,SAAI,GAAJ,IAAI,CAAa;IAAG,CAAC;IAElD;;;OAGG;IACH,IAAI,CAAC,KAA2B;QAC9B,MAAM,EAAE,IAAI,KAAgB,KAAK,EAAhB,MAAM,UAAK,KAAK,EAA3B,QAAmB,CAAQ,CAAC;QAClC,IAAI,CAAC,IAAI,CAAC,aAAa,CACrB,IAAI,WAAW,CAAC,IAAI,EAAE;YACpB,MAAM;YACN,OAAO,EAAE,IAAI;SACd,CAAC,CACH,CAAC;IACJ,CAAC;IAED;;OAEG;IACH,cAAc,CACZ,KAA0C,EAC1C,aAAoB;QAEpB,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED;;OAEG;IACH,iBAAiB,CACf,KAA6C,EAC7C,aAAoB;QAEpB,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,CAAC;IAC9D,CAAC;IAED;;OAEG;IACH,eAAe,CACb,KAA2C,EAC3C,aAAoB;QAEpB,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,CAAC;IAC5D,CAAC;IAED;;OAEG;IACH,eAAe,CACb,KAA2C,EAC3C,QAAiD,EACjD,aAAoB;QAEpB,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,CAAC;IACtE,CAAC;IAED;;OAEG;IACH,eAAe,CAAC,KAA2C;QACzD,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IAED;;OAEG;IACH,aAAa,CAAC,IAAU,EAAE,aAAoB;QAC5C,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC;IACzD,CAAC;IAED;;OAEG;IACH,cAAc,CACZ,IAAwC,EACxC,IAAwC;QAExC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IACjD,CAAC;IAED;;OAEG;IACH,mBAAmB,CACjB,aAA+D;QAE/D,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAC,CAAC;IACzD,CAAC;CACF"}

package/src/input/index.d.ts

@@ -0,0 +1,2 @@
+export * from './pointer-event';
+export * from './input-handler';

package/src/input/index.js

@@ -0,0 +1,3 @@
+export * from './pointer-event';
+export * from './input-handler';
+//# sourceMappingURL=index.js.map

package/src/input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/mp-scheduler-wc/src/input/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC"}