@mintplayer/scheduler-wc 1.0.1 → 1.1.0

package/src/input/input-handler.d.ts

@@ -0,0 +1,93 @@
+import { SchedulerEvent } from '@mintplayer/scheduler-core';
+import { NormalizedPointerEvent } from './pointer-event';
+import { PointerTarget } from '../drag/drag-types';
+/**
+ * Callbacks for input handler events.
+ */
+export interface InputHandlerCallbacks {
+    /** Called when pointer goes down on a valid target */
+    onPointerDown: (pointer: NormalizedPointerEvent, target: PointerTarget, immediate?: boolean) => void;
+    /** Called when pointer moves (during drag) */
+    onPointerMove: (pointer: NormalizedPointerEvent) => void;
+    /** Called when pointer is released */
+    onPointerUp: (pointer: NormalizedPointerEvent) => void;
+    /** Called for click events (not drag) */
+    onClick: (pointer: NormalizedPointerEvent, target: PointerTarget) => void;
+    /** Called for double-click events */
+    onDoubleClick: (pointer: NormalizedPointerEvent, target: PointerTarget) => void;
+    /** Called when touch drag mode is activated (after hold) */
+    onTouchDragActivated?: () => void;
+    /** Called when touch drag mode is deactivated */
+    onTouchDragDeactivated?: () => void;
+}
+/**
+ * Configuration for the input handler.
+ */
+export interface InputHandlerConfig {
+    /** Shadow root to attach listeners to */
+    shadowRoot: ShadowRoot;
+    /** Function to get event by ID */
+    getEventById: (id: string) => SchedulerEvent | null;
+    /** Whether editing is enabled */
+    isEditable: () => boolean;
+    /** Whether selection is enabled */
+    isSelectable: () => boolean;
+    /** Touch hold duration in ms before drag activates (default: 500) */
+    touchHoldDuration?: number;
+    /** Movement threshold before touch hold is cancelled (default: 10) */
+    touchMoveThreshold?: number;
+}
+/**
+ * Unified input handler for mouse and touch events.
+ * Normalizes events and handles touch-specific behaviors (hold-to-drag).
+ */
+export declare class InputHandler {
+    private readonly config;
+    private readonly callbacks;
+    private touchHoldTimer;
+    private touchStartPosition;
+    private isTouchDragMode;
+    private touchHoldTarget;
+    private touchHoldPointer;
+    private readonly boundHandleMouseDown;
+    private readonly boundHandleMouseMove;
+    private readonly boundHandleMouseUp;
+    private readonly boundHandleClick;
+    private readonly boundHandleDblClick;
+    private readonly boundHandleTouchStart;
+    private readonly boundHandleTouchMove;
+    private readonly boundHandleTouchEnd;
+    private readonly boundHandleTouchCancel;
+    constructor(config: InputHandlerConfig, callbacks: InputHandlerCallbacks);
+    /**
+     * Attach all event listeners.
+     */
+    attach(): void;
+    /**
+     * Detach all event listeners.
+     */
+    detach(): void;
+    /**
+     * Check if in touch drag mode.
+     */
+    isInTouchDragMode(): boolean;
+    /**
+     * Analyze pointer target to determine what was clicked.
+     */
+    analyzeTarget(element: HTMLElement): PointerTarget;
+    private handleMouseDown;
+    private handleMouseMove;
+    private handleMouseUp;
+    private handleClick;
+    private handleDblClick;
+    private handleTouchStart;
+    private handleTouchMove;
+    private handleTouchEnd;
+    private handleTouchCancel;
+    private activateTouchDragMode;
+    private cancelTouchHold;
+    private exitTouchDragMode;
+    private addTouchFeedback;
+    private removeTouchFeedback;
+    private triggerHapticFeedback;
+}

package/src/input/input-handler.js

@@ -0,0 +1,340 @@
+import { normalizeMouseEvent, normalizeTouchEvent, getPointerDistance, } from './pointer-event';
+const DEFAULT_TOUCH_HOLD_DURATION = 500;
+const DEFAULT_TOUCH_MOVE_THRESHOLD = 10;
+/**
+ * Unified input handler for mouse and touch events.
+ * Normalizes events and handles touch-specific behaviors (hold-to-drag).
+ */
+export class InputHandler {
+    constructor(config, callbacks) {
+        // Touch-specific state
+        this.touchHoldTimer = null;
+        this.touchStartPosition = null;
+        this.isTouchDragMode = false;
+        this.touchHoldTarget = null;
+        this.touchHoldPointer = null;
+        this.config = config;
+        this.callbacks = callbacks;
+        // Bind handlers
+        this.boundHandleMouseDown = this.handleMouseDown.bind(this);
+        this.boundHandleMouseMove = this.handleMouseMove.bind(this);
+        this.boundHandleMouseUp = this.handleMouseUp.bind(this);
+        this.boundHandleClick = this.handleClick.bind(this);
+        this.boundHandleDblClick = this.handleDblClick.bind(this);
+        this.boundHandleTouchStart = this.handleTouchStart.bind(this);
+        this.boundHandleTouchMove = this.handleTouchMove.bind(this);
+        this.boundHandleTouchEnd = this.handleTouchEnd.bind(this);
+        this.boundHandleTouchCancel = this.handleTouchCancel.bind(this);
+    }
+    /**
+     * Attach all event listeners.
+     */
+    attach() {
+        const root = this.config.shadowRoot;
+        root.addEventListener('mousedown', this.boundHandleMouseDown);
+        document.addEventListener('mousemove', this.boundHandleMouseMove);
+        document.addEventListener('mouseup', this.boundHandleMouseUp);
+        root.addEventListener('click', this.boundHandleClick);
+        root.addEventListener('dblclick', this.boundHandleDblClick);
+        root.addEventListener('touchstart', this.boundHandleTouchStart, {
+            passive: false,
+        });
+        root.addEventListener('touchmove', this.boundHandleTouchMove, {
+            passive: false,
+        });
+        root.addEventListener('touchend', this.boundHandleTouchEnd);
+        root.addEventListener('touchcancel', this.boundHandleTouchCancel);
+    }
+    /**
+     * Detach all event listeners.
+     */
+    detach() {
+        const root = this.config.shadowRoot;
+        root.removeEventListener('mousedown', this.boundHandleMouseDown);
+        document.removeEventListener('mousemove', this.boundHandleMouseMove);
+        document.removeEventListener('mouseup', this.boundHandleMouseUp);
+        root.removeEventListener('click', this.boundHandleClick);
+        root.removeEventListener('dblclick', this.boundHandleDblClick);
+        root.removeEventListener('touchstart', this.boundHandleTouchStart);
+        root.removeEventListener('touchmove', this.boundHandleTouchMove);
+        root.removeEventListener('touchend', this.boundHandleTouchEnd);
+        root.removeEventListener('touchcancel', this.boundHandleTouchCancel);
+        this.cancelTouchHold();
+    }
+    /**
+     * Check if in touch drag mode.
+     */
+    isInTouchDragMode() {
+        return this.isTouchDragMode;
+    }
+    /**
+     * Analyze pointer target to determine what was clicked.
+     */
+    analyzeTarget(element) {
+        // Check for resize handle first
+        const resizeHandle = element.closest('.resize-handle');
+        if (resizeHandle) {
+            const eventEl = resizeHandle.closest('.scheduler-event');
+            const eventId = eventEl === null || eventEl === void 0 ? void 0 : eventEl.dataset['eventId'];
+            const event = eventId ? this.config.getEventById(eventId) : null;
+            if (event) {
+                return {
+                    type: 'resize-handle',
+                    event,
+                    resizeHandle: resizeHandle.dataset['handle'],
+                };
+            }
+        }
+        // Check for event
+        const eventEl = element.closest('.scheduler-event:not(.preview)');
+        if (eventEl) {
+            const eventId = eventEl.dataset['eventId'];
+            const event = eventId ? this.config.getEventById(eventId) : null;
+            if (event) {
+                return { type: 'event', event };
+            }
+        }
+        // Check for slot
+        const slotEl = element.closest('.scheduler-time-slot, .scheduler-timeline-slot');
+        if (slotEl) {
+            return { type: 'slot', slotElement: slotEl };
+        }
+        return { type: 'none' };
+    }
+    // Mouse event handlers
+    handleMouseDown(e) {
+        if (!this.config.isEditable())
+            return;
+        const pointer = normalizeMouseEvent(e);
+        const target = this.analyzeTarget(pointer.target);
+        // Only handle drag-initiating targets
+        if (target.type === 'none')
+            return;
+        // Check if selectable for slots
+        if (target.type === 'slot' && !this.config.isSelectable())
+            return;
+        e.preventDefault();
+        this.callbacks.onPointerDown(pointer, target);
+    }
+    handleMouseMove(e) {
+        const pointer = normalizeMouseEvent(e);
+        this.callbacks.onPointerMove(pointer);
+    }
+    handleMouseUp(e) {
+        const pointer = normalizeMouseEvent(e);
+        this.callbacks.onPointerUp(pointer);
+    }
+    handleClick(e) {
+        const pointer = normalizeMouseEvent(e);
+        const target = this.analyzeTarget(pointer.target);
+        // Skip event clicks - handled by drag manager
+        if (target.type === 'event' || target.type === 'resize-handle') {
+            return;
+        }
+        this.callbacks.onClick(pointer, target);
+    }
+    handleDblClick(e) {
+        const pointer = normalizeMouseEvent(e);
+        const target = this.analyzeTarget(pointer.target);
+        this.callbacks.onDoubleClick(pointer, target);
+    }
+    // Touch event handlers
+    handleTouchStart(e) {
+        var _a;
+        if (!this.config.isEditable())
+            return;
+        // Only handle single touch
+        if (e.touches.length !== 1) {
+            this.cancelTouchHold();
+            return;
+        }
+        const pointer = normalizeTouchEvent(e);
+        if (!pointer)
+            return;
+        const target = this.analyzeTarget(pointer.target);
+        // Only handle drag-initiating targets
+        if (target.type === 'none')
+            return;
+        if (target.type === 'slot' && !this.config.isSelectable())
+            return;
+        this.touchStartPosition = { x: pointer.clientX, y: pointer.clientY };
+        this.touchHoldTarget = pointer.target;
+        this.touchHoldPointer = pointer;
+        // Add element-level listeners IMMEDIATELY for ALL drag-initiating touches
+        // CRITICAL: Use e.target (the actual touched element) not pointer.target
+        // In shadow DOM, touch.target and e.target can differ due to event retargeting.
+        // Only the listener on e.target will continue to receive events after DOM replacement
+        // (e.g., when Lit re-renders and replaces the element due to visual feedback classes).
+        const self = this;
+        const touchedElement = e.target;
+        // Add listener directly to the touched element - this is the ONLY listener
+        // that will work after the element is replaced during re-render
+        touchedElement.addEventListener('touchmove', function (evt) {
+            self.handleTouchMove(evt);
+        }, { passive: false });
+        touchedElement.addEventListener('touchend', function (evt) {
+            self.handleTouchEnd(evt);
+        });
+        touchedElement.addEventListener('touchcancel', function (evt) {
+            self.handleTouchCancel(evt);
+        });
+        // Add visual feedback
+        this.addTouchFeedback(pointer.target, 'pending');
+        // Start hold timer
+        const holdDuration = (_a = this.config.touchHoldDuration) !== null && _a !== void 0 ? _a : DEFAULT_TOUCH_HOLD_DURATION;
+        this.touchHoldTimer = setTimeout(() => {
+            this.activateTouchDragMode(pointer, target);
+        }, holdDuration);
+    }
+    handleTouchMove(e) {
+        var _a;
+        if (e.touches.length !== 1) {
+            this.cancelTouchHold();
+            return;
+        }
+        const pointer = normalizeTouchEvent(e);
+        if (!pointer)
+            return;
+        // If we have a pending touch hold, check if user moved too much
+        if (this.touchHoldTimer && this.touchStartPosition) {
+            const threshold = (_a = this.config.touchMoveThreshold) !== null && _a !== void 0 ? _a : DEFAULT_TOUCH_MOVE_THRESHOLD;
+            const distance = getPointerDistance(this.touchStartPosition, {
+                x: pointer.clientX,
+                y: pointer.clientY,
+            });
+            if (distance > threshold) {
+                // User moved too much, cancel hold and allow scroll
+                this.cancelTouchHold();
+                return;
+            }
+            // Still waiting for hold - prevent scroll while waiting
+            // This is critical: we must prevent the browser from starting scroll
+            // intervention during the hold period, otherwise it will take over
+            // and subsequent touchmove events become non-cancelable
+            e.preventDefault();
+            return;
+        }
+        // If in touch drag mode, handle the drag
+        if (this.isTouchDragMode) {
+            e.preventDefault();
+            this.callbacks.onPointerMove(pointer);
+        }
+    }
+    handleTouchEnd(e) {
+        const pointer = normalizeTouchEvent(e);
+        // If we had a pending hold that never activated, treat as tap
+        if (this.touchHoldTimer) {
+            this.cancelTouchHold();
+            if (pointer && this.touchHoldTarget) {
+                const target = this.analyzeTarget(this.touchHoldTarget);
+                this.callbacks.onClick(pointer, target);
+            }
+            this.touchHoldTarget = null;
+            this.touchHoldPointer = null;
+            return;
+        }
+        // If in touch drag mode, finalize
+        if (this.isTouchDragMode && pointer) {
+            this.callbacks.onPointerUp(pointer);
+            this.exitTouchDragMode();
+        }
+    }
+    handleTouchCancel(_e) {
+        var _a;
+        this.cancelTouchHold();
+        if (this.isTouchDragMode) {
+            // Notify pointer up to cancel the drag
+            if (this.touchStartPosition) {
+                this.callbacks.onPointerUp({
+                    pointerId: 0,
+                    pointerType: 'touch',
+                    clientX: this.touchStartPosition.x,
+                    clientY: this.touchStartPosition.y,
+                    originalEvent: _e,
+                    target: (_a = this.touchHoldTarget) !== null && _a !== void 0 ? _a : document.body,
+                    isPrimary: true,
+                });
+            }
+            this.exitTouchDragMode();
+        }
+    }
+    // Touch helpers
+    activateTouchDragMode(pointer, target) {
+        var _a, _b, _c;
+        this.touchHoldTimer = null;
+        this.touchStartPosition = null; // Clear so touchmove doesn't think we're still pending
+        // Trigger haptic feedback
+        this.triggerHapticFeedback();
+        // Enter touch drag mode
+        this.isTouchDragMode = true;
+        // Document listeners were already added in handleTouchStart for event touches
+        // For slot touches, add them now
+        if (!((_a = this.touchHoldTarget) === null || _a === void 0 ? void 0 : _a.closest('.scheduler-event'))) {
+            document.addEventListener('touchmove', this.boundHandleTouchMove, { passive: false });
+            document.addEventListener('touchend', this.boundHandleTouchEnd);
+            document.addEventListener('touchcancel', this.boundHandleTouchCancel);
+        }
+        // Update visual feedback
+        if (this.touchHoldTarget) {
+            this.removeTouchFeedback(this.touchHoldTarget, 'pending');
+            this.addTouchFeedback(this.touchHoldTarget, 'active');
+        }
+        // Add container class
+        const container = this.config.shadowRoot.querySelector('.scheduler-container');
+        container === null || container === void 0 ? void 0 : container.classList.add('touch-drag-mode');
+        // Notify callback
+        (_c = (_b = this.callbacks).onTouchDragActivated) === null || _c === void 0 ? void 0 : _c.call(_b);
+        // Start the drag immediately (skip pending threshold for touch)
+        this.callbacks.onPointerDown(pointer, target, true);
+    }
+    cancelTouchHold() {
+        if (this.touchHoldTimer) {
+            clearTimeout(this.touchHoldTimer);
+            this.touchHoldTimer = null;
+        }
+        // Remove document listeners that were added in handleTouchStart
+        document.removeEventListener('touchmove', this.boundHandleTouchMove);
+        document.removeEventListener('touchend', this.boundHandleTouchEnd);
+        document.removeEventListener('touchcancel', this.boundHandleTouchCancel);
+        // Remove pending visual feedback
+        if (this.touchHoldTarget) {
+            this.removeTouchFeedback(this.touchHoldTarget, 'pending');
+            this.removeTouchFeedback(this.touchHoldTarget, 'active');
+        }
+        this.touchStartPosition = null;
+    }
+    exitTouchDragMode() {
+        var _a, _b;
+        this.isTouchDragMode = false;
+        this.touchStartPosition = null;
+        this.touchHoldTarget = null;
+        this.touchHoldPointer = null;
+        // Remove document-level listeners added during drag mode
+        document.removeEventListener('touchmove', this.boundHandleTouchMove);
+        document.removeEventListener('touchend', this.boundHandleTouchEnd);
+        document.removeEventListener('touchcancel', this.boundHandleTouchCancel);
+        // Remove container class
+        const container = this.config.shadowRoot.querySelector('.scheduler-container');
+        container === null || container === void 0 ? void 0 : container.classList.remove('touch-drag-mode');
+        // Remove all feedback classes
+        this.config.shadowRoot
+            .querySelectorAll('.touch-hold-active, .touch-hold-pending')
+            .forEach((el) => {
+            el.classList.remove('touch-hold-active', 'touch-hold-pending');
+        });
+        // Notify callback
+        (_b = (_a = this.callbacks).onTouchDragDeactivated) === null || _b === void 0 ? void 0 : _b.call(_a);
+    }
+    addTouchFeedback(element, type) {
+        const targetEl = element.closest('.scheduler-event, .scheduler-time-slot, .scheduler-timeline-slot');
+        targetEl === null || targetEl === void 0 ? void 0 : targetEl.classList.add(`touch-hold-${type}`);
+    }
+    removeTouchFeedback(element, type) {
+        const targetEl = element.closest('.scheduler-event, .scheduler-time-slot, .scheduler-timeline-slot');
+        targetEl === null || targetEl === void 0 ? void 0 : targetEl.classList.remove(`touch-hold-${type}`);
+    }
+    triggerHapticFeedback() {
+        // Vibration API removed - can cause issues on some devices
+    }
+}
+//# sourceMappingURL=input-handler.js.map

package/src/input/input-handler.js.map

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

package/src/input/pointer-event.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Normalized pointer event that abstracts mouse vs touch.
+ * Provides a single interface for all pointer-based interactions.
+ */
+export interface NormalizedPointerEvent {
+    /** Unique identifier for this pointer (0 for mouse, touch.identifier for touch) */
+    pointerId: number;
+    /** Type of pointer: 'mouse' or 'touch' */
+    pointerType: 'mouse' | 'touch';
+    /** Client X coordinate */
+    clientX: number;
+    /** Client Y coordinate */
+    clientY: number;
+    /** The original DOM event */
+    originalEvent: MouseEvent | TouchEvent;
+    /** Target element at pointer position */
+    target: HTMLElement;
+    /** Whether this is the primary pointer */
+    isPrimary: boolean;
+}
+/**
+ * Create a normalized pointer event from a mouse event.
+ */
+export declare function normalizeMouseEvent(event: MouseEvent): NormalizedPointerEvent;
+/**
+ * Create a normalized pointer event from a touch event.
+ * Returns the first touch, or null if no touches.
+ */
+export declare function normalizeTouchEvent(event: TouchEvent): NormalizedPointerEvent | null;
+/**
+ * Calculate distance between two positions.
+ */
+export declare function getPointerDistance(pos1: {
+    x: number;
+    y: number;
+}, pos2: {
+    x: number;
+    y: number;
+}): number;

package/src/input/pointer-event.js

@@ -0,0 +1,41 @@
+/**
+ * Create a normalized pointer event from a mouse event.
+ */
+export function normalizeMouseEvent(event) {
+    return {
+        pointerId: 0,
+        pointerType: 'mouse',
+        clientX: event.clientX,
+        clientY: event.clientY,
+        originalEvent: event,
+        target: event.target,
+        isPrimary: true,
+    };
+}
+/**
+ * Create a normalized pointer event from a touch event.
+ * Returns the first touch, or null if no touches.
+ */
+export function normalizeTouchEvent(event) {
+    const touch = event.touches[0] || event.changedTouches[0];
+    if (!touch)
+        return null;
+    return {
+        pointerId: touch.identifier,
+        pointerType: 'touch',
+        clientX: touch.clientX,
+        clientY: touch.clientY,
+        originalEvent: event,
+        target: touch.target,
+        isPrimary: touch.identifier === 0,
+    };
+}
+/**
+ * Calculate distance between two positions.
+ */
+export function getPointerDistance(pos1, pos2) {
+    const dx = pos2.x - pos1.x;
+    const dy = pos2.y - pos1.y;
+    return Math.sqrt(dx * dx + dy * dy);
+}
+//# sourceMappingURL=pointer-event.js.map

package/src/input/pointer-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointer-event.js","sourceRoot":"","sources":["../../../../../libs/mp-scheduler-wc/src/input/pointer-event.ts"],"names":[],"mappings":"AAqBA;;GAEG;AACH,MAAM,UAAU,mBAAmB,CAAC,KAAiB;IACnD,OAAO;QACL,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,OAAO;QACpB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,aAAa,EAAE,KAAK;QACpB,MAAM,EAAE,KAAK,CAAC,MAAqB;QACnC,SAAS,EAAE,IAAI;KAChB,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CAAC,KAAiB;IACnD,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;IAC1D,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAExB,OAAO;QACL,SAAS,EAAE,KAAK,CAAC,UAAU;QAC3B,WAAW,EAAE,OAAO;QACpB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,aAAa,EAAE,KAAK;QACpB,MAAM,EAAE,KAAK,CAAC,MAAqB;QACnC,SAAS,EAAE,KAAK,CAAC,UAAU,KAAK,CAAC;KAClC,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAChC,IAA8B,EAC9B,IAA8B;IAE9B,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IAC3B,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IAC3B,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;AACtC,CAAC"}

package/src/styles/scheduler.styles.d.ts

@@ -1,5 +1,5 @@
 /**
  * Scheduler CSS styles as a template literal
  */
-export declare const schedulerStyles = "\n  :host {\n    display: block;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n    font-size: 14px;\n    --scheduler-border-color: #ddd;\n    --scheduler-header-bg: #f8f9fa;\n    --scheduler-today-bg: #fff3cd;\n    --scheduler-slot-height: 40px;\n    --scheduler-time-gutter-width: 80px;\n    --scheduler-event-border-radius: 4px;\n    --scheduler-now-indicator-color: #dc3545;\n    --scheduler-preview-bg: rgba(0, 123, 255, 0.3);\n    --scheduler-greyed-slot-bg: rgba(0, 0, 0, 0.1);\n    --scheduler-column-min-width: 120px;\n    --scheduler-touch-hold-duration: 500ms;\n  }\n\n  * {\n    box-sizing: border-box;\n  }\n\n  .scheduler-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    border: 1px solid var(--scheduler-border-color);\n    border-radius: 4px;\n    overflow: hidden;\n    background: #fff;\n  }\n\n  /* Header */\n  .scheduler-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 12px;\n    background: var(--scheduler-header-bg);\n    border-bottom: 1px solid var(--scheduler-border-color);\n    flex-shrink: 0;\n  }\n\n  .scheduler-nav {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .scheduler-nav button {\n    padding: 6px 12px;\n    border: 1px solid var(--scheduler-border-color);\n    border-radius: 4px;\n    background: #fff;\n    cursor: pointer;\n    font-size: 14px;\n  }\n\n  .scheduler-nav button:hover {\n    background: #e9ecef;\n  }\n\n  .scheduler-title {\n    font-size: 18px;\n    font-weight: 600;\n  }\n\n  .scheduler-view-switcher {\n    display: flex;\n    gap: 4px;\n  }\n\n  .scheduler-view-switcher button {\n    padding: 6px 12px;\n    border: 1px solid var(--scheduler-border-color);\n    border-radius: 4px;\n    background: #fff;\n    cursor: pointer;\n    font-size: 13px;\n  }\n\n  .scheduler-view-switcher button:hover {\n    background: #e9ecef;\n  }\n\n  .scheduler-view-switcher button.active {\n    background: #0d6efd;\n    color: #fff;\n    border-color: #0d6efd;\n  }\n\n  /* Main content area */\n  .scheduler-body {\n    display: flex;\n    flex: 1;\n    overflow: hidden;\n  }\n\n  .scheduler-sidebar {\n    width: var(--scheduler-time-gutter-width);\n    flex-shrink: 0;\n    border-right: 1px solid var(--scheduler-border-color);\n    background: var(--scheduler-header-bg);\n  }\n\n  .scheduler-content {\n    flex: 1;\n    overflow: auto;\n    position: relative;\n  }\n\n  /* Week/Day View Grid */\n  .scheduler-grid {\n    display: grid;\n    min-width: 100%;\n  }\n\n  .scheduler-day-headers {\n    display: flex;\n    border-bottom: 1px solid var(--scheduler-border-color);\n    background: var(--scheduler-header-bg);\n    position: sticky;\n    top: 0;\n    z-index: 10;\n    min-width: fit-content;\n  }\n\n  .scheduler-day-header {\n    flex: 1 0 var(--scheduler-column-min-width);\n    min-width: var(--scheduler-column-min-width);\n    text-align: center;\n    padding: 8px 4px;\n    border-right: 1px solid var(--scheduler-border-color);\n    font-weight: 500;\n  }\n\n  .scheduler-day-header:last-child {\n    border-right: none;\n  }\n\n  .scheduler-day-header.today {\n    background: var(--scheduler-today-bg);\n  }\n\n  .scheduler-day-header .day-name {\n    font-size: 12px;\n    color: #666;\n    text-transform: uppercase;\n  }\n\n  .scheduler-day-header .day-number {\n    font-size: 20px;\n    font-weight: 600;\n    margin-top: 2px;\n  }\n\n  .scheduler-time-grid {\n    display: flex;\n    position: relative;\n    min-width: fit-content;\n  }\n\n  .scheduler-time-gutter {\n    width: var(--scheduler-time-gutter-width);\n    flex-shrink: 0;\n    border-right: 1px solid var(--scheduler-border-color);\n    background: var(--scheduler-header-bg);\n  }\n\n  .scheduler-time-slot-label {\n    height: var(--scheduler-slot-height);\n    padding: 0 8px;\n    font-size: 12px;\n    color: #666;\n    text-align: right;\n    position: relative;\n    top: -8px;\n    white-space: nowrap;\n  }\n\n  .scheduler-days-container {\n    display: flex;\n    flex: 1;\n    position: relative;\n    min-width: fit-content;\n  }\n\n  .scheduler-day-column {\n    flex: 1 0 var(--scheduler-column-min-width);\n    min-width: var(--scheduler-column-min-width);\n    position: relative;\n    border-right: 1px solid var(--scheduler-border-color);\n  }\n\n  .scheduler-day-column:last-child {\n    border-right: none;\n  }\n\n  .scheduler-time-slot {\n    height: var(--scheduler-slot-height);\n    border-bottom: 1px solid #eee;\n    position: relative;\n  }\n\n  .scheduler-time-slot:nth-child(2n) {\n    border-bottom-color: var(--scheduler-border-color);\n  }\n\n  .scheduler-time-slot.greyed {\n    background: var(--scheduler-greyed-slot-bg);\n  }\n\n  /* Events */\n  .scheduler-events-container {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n  }\n\n  .scheduler-event {\n    position: absolute;\n    border-radius: var(--scheduler-event-border-radius);\n    padding: 2px 4px;\n    font-size: 12px;\n    overflow: hidden;\n    cursor: pointer;\n    pointer-events: auto;\n    border-left: 3px solid rgba(0, 0, 0, 0.2);\n  }\n\n  .scheduler-event:hover {\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n  }\n\n  .scheduler-event.selected {\n    box-shadow: 0 0 0 3px #212529;\n  }\n\n  .scheduler-event .event-title {\n    font-weight: 500;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .scheduler-event .event-time {\n    font-size: 11px;\n    opacity: 0.8;\n  }\n\n  .scheduler-event.preview {\n    background: var(--scheduler-preview-bg);\n    border: 2px dashed #0d6efd;\n    pointer-events: none;\n  }\n\n  /* Resize handles */\n  .scheduler-event .resize-handle {\n    position: absolute;\n    left: 0;\n    right: 0;\n    height: 8px;\n    cursor: ns-resize;\n  }\n\n  .scheduler-event .resize-handle.top {\n    top: 0;\n  }\n\n  .scheduler-event .resize-handle.bottom {\n    bottom: 0;\n  }\n\n  /* Now indicator */\n  .scheduler-now-indicator {\n    position: absolute;\n    left: 0;\n    right: 0;\n    height: 2px;\n    background: var(--scheduler-now-indicator-color);\n    z-index: 5;\n    pointer-events: none;\n  }\n\n  .scheduler-now-indicator::before {\n    content: '';\n    position: absolute;\n    left: -4px;\n    top: -4px;\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background: var(--scheduler-now-indicator-color);\n  }\n\n  /* Month View */\n  .scheduler-month-grid {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    grid-auto-rows: minmax(100px, 1fr);\n    height: 100%;\n  }\n\n  .scheduler-month-day {\n    border-right: 1px solid var(--scheduler-border-color);\n    border-bottom: 1px solid var(--scheduler-border-color);\n    padding: 4px;\n    overflow: hidden;\n  }\n\n  .scheduler-month-day:nth-child(7n) {\n    border-right: none;\n  }\n\n  .scheduler-month-day.other-month {\n    background: #f8f9fa;\n    color: #adb5bd;\n  }\n\n  .scheduler-month-day.today {\n    background: var(--scheduler-today-bg);\n  }\n\n  .scheduler-month-day .day-number {\n    font-weight: 500;\n    margin-bottom: 4px;\n  }\n\n  .scheduler-month-day .month-events {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  .scheduler-month-event {\n    padding: 2px 4px;\n    border-radius: 2px;\n    font-size: 11px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    cursor: pointer;\n  }\n\n  .scheduler-more-link {\n    font-size: 11px;\n    color: #0d6efd;\n    cursor: pointer;\n    margin-top: 2px;\n  }\n\n  /* Year View */\n  .scheduler-year-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n    padding: 16px;\n  }\n\n  .scheduler-year-month {\n    border: 1px solid var(--scheduler-border-color);\n    border-radius: 4px;\n    overflow: hidden;\n  }\n\n  .scheduler-year-month-header {\n    padding: 8px;\n    background: var(--scheduler-header-bg);\n    font-weight: 600;\n    text-align: center;\n    cursor: pointer;\n  }\n\n  .scheduler-year-month-header:hover {\n    background: #e9ecef;\n  }\n\n  .scheduler-mini-month {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    gap: 1px;\n    padding: 4px;\n  }\n\n  .scheduler-mini-day {\n    aspect-ratio: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 11px;\n    cursor: pointer;\n    border-radius: 50%;\n  }\n\n  .scheduler-mini-day:hover {\n    background: #e9ecef;\n  }\n\n  .scheduler-mini-day.has-events {\n    font-weight: 600;\n  }\n\n  .scheduler-mini-day.has-events::after {\n    content: '';\n    position: absolute;\n    bottom: 2px;\n    width: 4px;\n    height: 4px;\n    border-radius: 50%;\n    background: #0d6efd;\n  }\n\n  .scheduler-mini-day.today {\n    background: var(--scheduler-today-bg);\n  }\n\n  .scheduler-mini-day.other-month {\n    color: #adb5bd;\n  }\n\n  /* Timeline View */\n  .scheduler-timeline {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n  }\n\n  .scheduler-timeline-header {\n    display: flex;\n    border-bottom: 1px solid var(--scheduler-border-color);\n    background: var(--scheduler-header-bg);\n    position: sticky;\n    top: 0;\n    z-index: 10;\n  }\n\n  .scheduler-resource-header {\n    width: 200px;\n    flex-shrink: 0;\n    padding: 8px;\n    border-right: 1px solid var(--scheduler-border-color);\n    font-weight: 600;\n  }\n\n  .scheduler-timeline-slots-header {\n    display: flex;\n    flex: 1;\n    overflow: hidden;\n  }\n\n  .scheduler-timeline-slot-header {\n    flex-shrink: 0;\n    padding: 8px;\n    text-align: center;\n    border-right: 1px solid var(--scheduler-border-color);\n    font-size: 12px;\n  }\n\n  .scheduler-timeline-body {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    overflow: auto;\n  }\n\n  .scheduler-timeline-row {\n    display: flex;\n    border-bottom: 1px solid var(--scheduler-border-color);\n    min-height: 40px;\n  }\n\n  .scheduler-timeline-row.group {\n    background: var(--scheduler-header-bg);\n    font-weight: 600;\n  }\n\n  .scheduler-resource-cell {\n    width: 200px;\n    flex-shrink: 0;\n    padding: 8px;\n    border-right: 1px solid var(--scheduler-border-color);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .scheduler-resource-cell .expand-toggle {\n    cursor: pointer;\n    width: 16px;\n    height: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .scheduler-timeline-slots {\n    display: flex;\n    flex: 1;\n    position: relative;\n  }\n\n  .scheduler-timeline-slot {\n    flex-shrink: 0;\n    border-right: 1px solid #eee;\n    height: 100%;\n  }\n\n  .scheduler-timeline-slot.greyed {\n    background: var(--scheduler-greyed-slot-bg);\n  }\n\n  .scheduler-timeline-events {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n  }\n\n  .scheduler-timeline-event {\n    position: absolute;\n    height: calc(100% - 4px);\n    top: 2px;\n    border-radius: var(--scheduler-event-border-radius);\n    padding: 2px 6px;\n    font-size: 12px;\n    overflow: hidden;\n    cursor: pointer;\n    pointer-events: auto;\n  }\n\n  .scheduler-timeline-event.selected {\n    box-shadow: 0 0 0 3px #212529;\n  }\n\n  /* Loading state */\n  .scheduler-loading {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 200px;\n    color: #666;\n  }\n\n  /* Empty state */\n  .scheduler-empty {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 200px;\n    color: #666;\n    font-style: italic;\n  }\n\n  /* Touch drag mode indicator */\n  .scheduler-container.touch-drag-mode {\n    cursor: grabbing;\n    user-select: none;\n    -webkit-user-select: none;\n  }\n\n  .scheduler-container.touch-drag-mode .scheduler-content {\n    overflow: hidden;\n  }\n\n  .scheduler-event.touch-hold-pending {\n    animation: touch-hold-pulse 0.5s ease-in-out;\n  }\n\n  .scheduler-event.touch-hold-active {\n    transform: scale(1.02);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n    z-index: 100;\n  }\n\n  .scheduler-time-slot.touch-hold-pending,\n  .scheduler-timeline-slot.touch-hold-pending {\n    animation: touch-hold-pulse 0.5s ease-in-out;\n  }\n\n  .scheduler-time-slot.touch-hold-active,\n  .scheduler-timeline-slot.touch-hold-active {\n    background: var(--scheduler-preview-bg);\n  }\n\n  @keyframes touch-hold-pulse {\n    0% { opacity: 1; }\n    50% { opacity: 0.7; }\n    100% { opacity: 1; }\n  }\n\n  /* Scrollbar styling */\n  .scheduler-content::-webkit-scrollbar {\n    width: 8px;\n    height: 8px;\n  }\n\n  .scheduler-content::-webkit-scrollbar-track {\n    background: #f1f1f1;\n  }\n\n  .scheduler-content::-webkit-scrollbar-thumb {\n    background: #c1c1c1;\n    border-radius: 4px;\n  }\n\n  .scheduler-content::-webkit-scrollbar-thumb:hover {\n    background: #a1a1a1;\n  }\n";
+export declare const schedulerStyles = "\n  :host {\n    display: block;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n    font-size: 14px;\n    --scheduler-border-color: #ddd;\n    --scheduler-header-bg: #f8f9fa;\n    --scheduler-today-bg: #fff3cd;\n    --scheduler-slot-height: 40px;\n    --scheduler-time-gutter-width: 80px;\n    --scheduler-event-border-radius: 4px;\n    --scheduler-now-indicator-color: #dc3545;\n    --scheduler-preview-bg: rgba(0, 123, 255, 0.3);\n    --scheduler-greyed-slot-bg: rgba(0, 0, 0, 0.1);\n    --scheduler-column-min-width: 120px;\n    --scheduler-touch-hold-duration: 500ms;\n  }\n\n  * {\n    box-sizing: border-box;\n  }\n\n  .scheduler-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    border: 1px solid var(--scheduler-border-color);\n    border-radius: 4px;\n    overflow: hidden;\n    background: #fff;\n  }\n\n  /* Header */\n  .scheduler-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 12px;\n    background: var(--scheduler-header-bg);\n    border-bottom: 1px solid var(--scheduler-border-color);\n    flex-shrink: 0;\n  }\n\n  .scheduler-nav {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .scheduler-nav button {\n    padding: 6px 12px;\n    border: 1px solid var(--scheduler-border-color);\n    border-radius: 4px;\n    background: #fff;\n    cursor: pointer;\n    font-size: 14px;\n  }\n\n  .scheduler-nav button:hover {\n    background: #e9ecef;\n  }\n\n  .scheduler-title {\n    font-size: 18px;\n    font-weight: 600;\n  }\n\n  .scheduler-view-switcher {\n    display: flex;\n    gap: 4px;\n  }\n\n  .scheduler-view-switcher button {\n    padding: 6px 12px;\n    border: 1px solid var(--scheduler-border-color);\n    border-radius: 4px;\n    background: #fff;\n    cursor: pointer;\n    font-size: 13px;\n  }\n\n  .scheduler-view-switcher button:hover {\n    background: #e9ecef;\n  }\n\n  .scheduler-view-switcher button.active {\n    background: #0d6efd;\n    color: #fff;\n    border-color: #0d6efd;\n  }\n\n  /* Main content area */\n  .scheduler-body {\n    display: flex;\n    flex: 1;\n    overflow: hidden;\n  }\n\n  .scheduler-sidebar {\n    width: var(--scheduler-time-gutter-width);\n    flex-shrink: 0;\n    border-right: 1px solid var(--scheduler-border-color);\n    background: var(--scheduler-header-bg);\n  }\n\n  .scheduler-content {\n    flex: 1;\n    overflow: auto;\n    position: relative;\n  }\n\n  /* Week/Day View Grid */\n  .scheduler-grid {\n    display: grid;\n    min-width: 100%;\n  }\n\n  .scheduler-day-headers {\n    display: flex;\n    border-bottom: 1px solid var(--scheduler-border-color);\n    background: var(--scheduler-header-bg);\n    position: sticky;\n    top: 0;\n    z-index: 10;\n    min-width: fit-content;\n  }\n\n  .scheduler-day-header {\n    flex: 1 0 var(--scheduler-column-min-width);\n    min-width: var(--scheduler-column-min-width);\n    text-align: center;\n    padding: 8px 4px;\n    border-right: 1px solid var(--scheduler-border-color);\n    font-weight: 500;\n  }\n\n  .scheduler-day-header:last-child {\n    border-right: none;\n  }\n\n  .scheduler-day-header.today {\n    background: var(--scheduler-today-bg);\n  }\n\n  .scheduler-day-header .day-name {\n    font-size: 12px;\n    color: #666;\n    text-transform: uppercase;\n  }\n\n  .scheduler-day-header .day-number {\n    font-size: 20px;\n    font-weight: 600;\n    margin-top: 2px;\n  }\n\n  .scheduler-time-grid {\n    display: flex;\n    position: relative;\n    min-width: fit-content;\n  }\n\n  .scheduler-time-gutter {\n    width: var(--scheduler-time-gutter-width);\n    flex-shrink: 0;\n    border-right: 1px solid var(--scheduler-border-color);\n    background: var(--scheduler-header-bg);\n  }\n\n  .scheduler-time-slot-label {\n    height: var(--scheduler-slot-height);\n    padding: 0 8px;\n    font-size: 12px;\n    color: #666;\n    text-align: right;\n    position: relative;\n    top: -8px;\n    white-space: nowrap;\n  }\n\n  .scheduler-days-container {\n    display: flex;\n    flex: 1;\n    position: relative;\n    min-width: fit-content;\n  }\n\n  .scheduler-day-column {\n    flex: 1 0 var(--scheduler-column-min-width);\n    min-width: var(--scheduler-column-min-width);\n    position: relative;\n    border-right: 1px solid var(--scheduler-border-color);\n  }\n\n  .scheduler-day-column:last-child {\n    border-right: none;\n  }\n\n  .scheduler-time-slot {\n    height: var(--scheduler-slot-height);\n    border-bottom: 1px solid #eee;\n    position: relative;\n  }\n\n  .scheduler-time-slot:nth-child(2n) {\n    border-bottom-color: var(--scheduler-border-color);\n  }\n\n  .scheduler-time-slot.greyed {\n    background: var(--scheduler-greyed-slot-bg);\n  }\n\n  /* Events */\n  .scheduler-events-container {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n  }\n\n  .scheduler-event {\n    position: absolute;\n    border-radius: var(--scheduler-event-border-radius);\n    padding: 2px 4px;\n    font-size: 12px;\n    overflow: hidden;\n    cursor: pointer;\n    pointer-events: auto;\n    border-left: 3px solid rgba(0, 0, 0, 0.2);\n  }\n\n  /* Prevent browser from handling touch gestures on events (enables drag) */\n  .scheduler-event:not(.preview) {\n    touch-action: none;\n    -ms-touch-action: none;\n  }\n\n  .scheduler-event:hover {\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n  }\n\n  .scheduler-event.selected {\n    box-shadow: 0 0 0 3px #212529;\n  }\n\n  .scheduler-event .event-title {\n    font-weight: 500;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .scheduler-event .event-time {\n    font-size: 11px;\n    opacity: 0.8;\n  }\n\n  .scheduler-event.preview {\n    background: var(--scheduler-preview-bg);\n    border: 2px dashed #0d6efd;\n    pointer-events: none;\n  }\n\n  /* Resize handles */\n  .scheduler-event .resize-handle {\n    position: absolute;\n    left: 0;\n    right: 0;\n    height: 8px;\n    cursor: ns-resize;\n  }\n\n  .scheduler-event .resize-handle.top {\n    top: 0;\n  }\n\n  .scheduler-event .resize-handle.bottom {\n    bottom: 0;\n  }\n\n  /* Now indicator */\n  .scheduler-now-indicator {\n    position: absolute;\n    left: 0;\n    right: 0;\n    height: 2px;\n    background: var(--scheduler-now-indicator-color);\n    z-index: 5;\n    pointer-events: none;\n  }\n\n  .scheduler-now-indicator::before {\n    content: '';\n    position: absolute;\n    left: -4px;\n    top: -4px;\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background: var(--scheduler-now-indicator-color);\n  }\n\n  /* Month View */\n  .scheduler-month-grid {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    grid-auto-rows: minmax(100px, 1fr);\n    height: 100%;\n  }\n\n  .scheduler-month-day {\n    border-right: 1px solid var(--scheduler-border-color);\n    border-bottom: 1px solid var(--scheduler-border-color);\n    padding: 4px;\n    overflow: hidden;\n  }\n\n  .scheduler-month-day:nth-child(7n) {\n    border-right: none;\n  }\n\n  .scheduler-month-day.other-month {\n    background: #f8f9fa;\n    color: #adb5bd;\n  }\n\n  .scheduler-month-day.today {\n    background: var(--scheduler-today-bg);\n  }\n\n  .scheduler-month-day .day-number {\n    font-weight: 500;\n    margin-bottom: 4px;\n  }\n\n  .scheduler-month-day .month-events {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  .scheduler-month-event {\n    padding: 2px 4px;\n    border-radius: 2px;\n    font-size: 11px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    cursor: pointer;\n  }\n\n  .scheduler-more-link {\n    font-size: 11px;\n    color: #0d6efd;\n    cursor: pointer;\n    margin-top: 2px;\n  }\n\n  /* Year View */\n  .scheduler-year-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n    padding: 16px;\n  }\n\n  .scheduler-year-month {\n    border: 1px solid var(--scheduler-border-color);\n    border-radius: 4px;\n    overflow: hidden;\n  }\n\n  .scheduler-year-month-header {\n    padding: 8px;\n    background: var(--scheduler-header-bg);\n    font-weight: 600;\n    text-align: center;\n    cursor: pointer;\n  }\n\n  .scheduler-year-month-header:hover {\n    background: #e9ecef;\n  }\n\n  .scheduler-mini-month {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    gap: 1px;\n    padding: 4px;\n  }\n\n  .scheduler-mini-day {\n    aspect-ratio: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 11px;\n    cursor: pointer;\n    border-radius: 50%;\n  }\n\n  .scheduler-mini-day:hover {\n    background: #e9ecef;\n  }\n\n  .scheduler-mini-day.has-events {\n    font-weight: 600;\n  }\n\n  .scheduler-mini-day.has-events::after {\n    content: '';\n    position: absolute;\n    bottom: 2px;\n    width: 4px;\n    height: 4px;\n    border-radius: 50%;\n    background: #0d6efd;\n  }\n\n  .scheduler-mini-day.today {\n    background: var(--scheduler-today-bg);\n  }\n\n  .scheduler-mini-day.other-month {\n    color: #adb5bd;\n  }\n\n  /* Timeline View */\n  .scheduler-timeline {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n  }\n\n  .scheduler-timeline-header {\n    display: flex;\n    border-bottom: 1px solid var(--scheduler-border-color);\n    background: var(--scheduler-header-bg);\n    position: sticky;\n    top: 0;\n    z-index: 10;\n  }\n\n  .scheduler-resource-header {\n    width: 200px;\n    flex-shrink: 0;\n    padding: 8px;\n    border-right: 1px solid var(--scheduler-border-color);\n    font-weight: 600;\n  }\n\n  .scheduler-timeline-slots-header {\n    display: flex;\n    flex: 1;\n    overflow: hidden;\n  }\n\n  .scheduler-timeline-slot-header {\n    flex-shrink: 0;\n    padding: 8px;\n    text-align: center;\n    border-right: 1px solid var(--scheduler-border-color);\n    font-size: 12px;\n  }\n\n  .scheduler-timeline-body {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    overflow: auto;\n  }\n\n  .scheduler-timeline-row {\n    display: flex;\n    border-bottom: 1px solid var(--scheduler-border-color);\n    min-height: 40px;\n  }\n\n  .scheduler-timeline-row.group {\n    background: var(--scheduler-header-bg);\n    font-weight: 600;\n  }\n\n  .scheduler-resource-cell {\n    width: 200px;\n    flex-shrink: 0;\n    padding: 8px;\n    border-right: 1px solid var(--scheduler-border-color);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .scheduler-resource-cell .expand-toggle {\n    cursor: pointer;\n    width: 16px;\n    height: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .scheduler-timeline-slots {\n    display: flex;\n    flex: 1;\n    position: relative;\n  }\n\n  .scheduler-timeline-slot {\n    flex-shrink: 0;\n    border-right: 1px solid #eee;\n    height: 100%;\n  }\n\n  .scheduler-timeline-slot.greyed {\n    background: var(--scheduler-greyed-slot-bg);\n  }\n\n  .scheduler-timeline-events {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n  }\n\n  .scheduler-timeline-event {\n    position: absolute;\n    height: calc(100% - 4px);\n    top: 2px;\n    border-radius: var(--scheduler-event-border-radius);\n    padding: 2px 6px;\n    font-size: 12px;\n    overflow: hidden;\n    cursor: pointer;\n    pointer-events: auto;\n  }\n\n  .scheduler-timeline-event.selected {\n    box-shadow: 0 0 0 3px #212529;\n  }\n\n  /* Loading state */\n  .scheduler-loading {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 200px;\n    color: #666;\n  }\n\n  /* Empty state */\n  .scheduler-empty {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 200px;\n    color: #666;\n    font-style: italic;\n  }\n\n  /* Touch drag mode indicator */\n  .scheduler-container.touch-drag-mode {\n    cursor: grabbing;\n    user-select: none;\n    -webkit-user-select: none;\n    touch-action: none;\n    -ms-touch-action: none;\n  }\n\n  .scheduler-container.touch-drag-mode .scheduler-content {\n    overflow: hidden;\n    touch-action: none;\n    -ms-touch-action: none;\n  }\n\n  .scheduler-event.touch-hold-pending {\n    animation: touch-hold-pulse 0.5s ease-in-out;\n    touch-action: none;\n    -ms-touch-action: none;\n  }\n\n  .scheduler-event.touch-hold-active {\n    transform: scale(1.02);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n    z-index: 100;\n    touch-action: none;\n    -ms-touch-action: none;\n  }\n\n  .scheduler-time-slot.touch-hold-pending,\n  .scheduler-timeline-slot.touch-hold-pending {\n    animation: touch-hold-pulse 0.5s ease-in-out;\n  }\n\n  .scheduler-time-slot.touch-hold-active,\n  .scheduler-timeline-slot.touch-hold-active {\n    background: var(--scheduler-preview-bg);\n  }\n\n  @keyframes touch-hold-pulse {\n    0% { opacity: 1; }\n    50% { opacity: 0.7; }\n    100% { opacity: 1; }\n  }\n\n  /* Scrollbar styling */\n  .scheduler-content::-webkit-scrollbar {\n    width: 8px;\n    height: 8px;\n  }\n\n  .scheduler-content::-webkit-scrollbar-track {\n    background: #f1f1f1;\n  }\n\n  .scheduler-content::-webkit-scrollbar-thumb {\n    background: #c1c1c1;\n    border-radius: 4px;\n  }\n\n  .scheduler-content::-webkit-scrollbar-thumb:hover {\n    background: #a1a1a1;\n  }\n";
 export default schedulerStyles;

package/src/styles/scheduler.styles.js

@@ -234,6 +234,12 @@ export const schedulerStyles = `
     border-left: 3px solid rgba(0, 0, 0, 0.2);
   }
 
+  /* Prevent browser from handling touch gestures on events (enables drag) */
+  .scheduler-event:not(.preview) {
+    touch-action: none;
+    -ms-touch-action: none;
+  }
+
   .scheduler-event:hover {
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
   }
@@ -564,20 +570,28 @@ export const schedulerStyles = `
     cursor: grabbing;
     user-select: none;
     -webkit-user-select: none;
+    touch-action: none;
+    -ms-touch-action: none;
   }
 
   .scheduler-container.touch-drag-mode .scheduler-content {
     overflow: hidden;
+    touch-action: none;
+    -ms-touch-action: none;
   }
 
   .scheduler-event.touch-hold-pending {
     animation: touch-hold-pulse 0.5s ease-in-out;
+    touch-action: none;
+    -ms-touch-action: none;
   }
 
   .scheduler-event.touch-hold-active {
     transform: scale(1.02);
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
     z-index: 100;
+    touch-action: none;
+    -ms-touch-action: none;
   }
 
   .scheduler-time-slot.touch-hold-pending,

package/src/styles/scheduler.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"scheduler.styles.js","sourceRoot":"","sources":["../../../../../libs/mp-scheduler-wc/src/styles/scheduler.styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqmB9B,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"scheduler.styles.js","sourceRoot":"","sources":["../../../../../libs/mp-scheduler-wc/src/styles/scheduler.styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmnB9B,CAAC;AAEF,eAAe,eAAe,CAAC"}