//// The `DragEvent` interface is a DOM event that represents a drag and drop
//// interaction. The user initiates a drag by placing a pointer device (such as
//// a mouse) on the touch surface and then dragging the pointer to a new
//// location (such as another DOM element). Applications are free to interpret
//// a drag and drop interaction in an application-specific way.
////
//// [Drag and Drop API Documentation](https://developer.mozilla.org/docs/Web/API/HTML_Drag_and_Drop_API)

import gleam/dynamic
import redraw/dom/event/mouse.{type MouseEvent}
import redraw/dom/event/ui.{type UIEvent}
import redraw/event.{type Event}
import redraw/internal/unsafe

/// [Documentation](https://developer.mozilla.org/docs/Web/API/DragEvent)
pub type DragEvent

/// [Documentation](https://developer.mozilla.org/docs/Web/API/DragEvent/dataTransfer)
@external(javascript, "./events.ffi.mjs", "dataTransfer")
pub fn data_transfer(event: DragEvent) -> dynamic.Dynamic

/// `DragEvent` inherits from `MouseEvent`.
pub const as_mouse_event: fn(DragEvent) -> MouseEvent = unsafe.coerce

/// `DragEvent` inherits from `UIEvent`.
pub const as_ui_event: fn(DragEvent) -> UIEvent = unsafe.coerce

/// `DragEvent` inherits `Event`.
pub const as_event: fn(DragEvent) -> Event = unsafe.coerce