core/de.peekandpoke.kraft.components

Package-level declarations

Types

Component

abstract class Component<PROPS>(val ctx: Ctx<PROPS>)

Base class of all Components

ComponentRef

interface ComponentRef<C : Component<*>>

Ctx

data class Ctx<out PROPS>(val engine: VDomEngine, val parent: Component<*>?, val props: PROPS)

NoProps

typealias NoProps = Ctx<Any?>

PureComponent

abstract class PureComponent(ctx: NoProps) : Component<Any?>

Base component that has no props and no state

Properties

key

var CommonAttributeGroupFacade.key: String

Markup Element key

Functions

comp

inline fun <C : Component<Any?>> Tag.comp(noinline component: (NoProps) -> C): ComponentRef<C>

Adds a parameterless child component to the current tag

inline fun <P, C : Component> Tag.comp(props: P, noinline component: (Ctx) -> C): ComponentRef<C>

Adds a child component to the current tag

component

fun <P1, P2, P3, P4, P5, P6, P7, P8, P9> component(func: VDom.(P1, P2, P3, P4, P5, P6, P7, P8, P9) -> Unit): Tag.(P1, P2, P3, P4, P5, P6, P7, P8, P9) -> Unit

fun <P1, P2, P3, P4, P5, P6, P7, P8, P9, P10> component(func: VDom.(P1, P2, P3, P4, P5, P6, P7, P8, P9, P10) -> Unit): Tag.(P1, P2, P3, P4, P5, P6, P7, P8, P9, P10) -> Unit

Creates a functional component with 9 parameters

fun component(func: VDom.() -> Unit): Tag.() -> Unit

Creates a functional component with no parameters

fun <P1> component(func: VDom.(P1) -> Unit): Tag.(P1) -> Unit

Creates a functional component with 1 parameter

fun <P1, P2> component(func: VDom.(P1, P2) -> Unit): Tag.(P1, P2) -> Unit

Creates a functional component with 2 parameters

fun <P1, P2, P3> component(func: VDom.(P1, P2, P3) -> Unit): Tag.(P1, P2, P3) -> Unit

Creates a functional component with 3 parameters

fun <P1, P2, P3, P4> component(func: VDom.(P1, P2, P3, P4) -> Unit): Tag.(P1, P2, P3, P4) -> Unit

Creates a functional component with 4 parameters

fun <P1, P2, P3, P4, P5> component(func: VDom.(P1, P2, P3, P4, P5) -> Unit): Tag.(P1, P2, P3, P4, P5) -> Unit

Creates a functional component with 5 parameters

fun <P1, P2, P3, P4, P5, P6> component(func: VDom.(P1, P2, P3, P4, P5, P6) -> Unit): Tag.(P1, P2, P3, P4, P5, P6) -> Unit

Creates a functional component with 6 parameters

fun <P1, P2, P3, P4, P5, P6, P7> component(func: VDom.(P1, P2, P3, P4, P5, P6, P7) -> Unit): Tag.(P1, P2, P3, P4, P5, P6, P7) -> Unit

Creates a functional component with 7 parameters

fun <P1, P2, P3, P4, P5, P6, P7, P8> component(func: VDom.(P1, P2, P3, P4, P5, P6, P7, P8) -> Unit): Tag.(P1, P2, P3, P4, P5, P6, P7, P8) -> Unit

Creates a functional component with 8 parameters

data

fun CommonAttributeGroupFacade.data(id: String): String?

Gets the "data-id" attribute

fun CommonAttributeGroupFacade.data(id: String, value: String)

Sets the "data-id" attribute to value

debugId

fun CommonAttributeGroupFacade.debugId(): String?

Gets the "debug-id" attribute

fun CommonAttributeGroupFacade.debugId(id: String)

Sets the "debug-id" attribute to id

onAnimationEnd

fun CommonAttributeGroupFacade.onAnimationEnd(handler: (Event) -> Unit)

Adds an onAnimationEnd handler.

onAuxClick

fun CommonAttributeGroupFacade.onAuxClick(handler: (PointerEvent) -> Unit)

Adds an auxClick handler.

onBlur

fun CommonAttributeGroupFacade.onBlur(handler: (Event) -> Unit)

Adds an onBlur handler.

onChange

fun CommonAttributeGroupFacade.onChange(handler: (Event) -> Unit)

Adds an onChange handler.

onClick

fun CommonAttributeGroupFacade.onClick(handler: (PointerEvent) -> Unit)

Adds an onClick handler.

onClickOrAuxClick

fun CommonAttributeGroupFacade.onClickOrAuxClick(handler: (PointerEvent) -> Unit)

Adds an onClick and an onAuxClick handler.

onContextMenu

fun CommonAttributeGroupFacade.onContextMenu(handler: (PointerEvent) -> Unit)

Adds an onContextMenu handler.

onContextMenuStoppingEvent

fun CommonAttributeGroupFacade.onContextMenuStoppingEvent(handler: (UIEvent) -> Unit)

Adds an onContextMenu handler and prevents the default.

onDragLeave

fun CommonAttributeGroupFacade.onDragLeave(handler: (DragEvent) -> Unit)

Adds an onDragLeave handler and prevents the default.

onDragOver

fun CommonAttributeGroupFacade.onDragOver(handler: (DragEvent) -> Unit)

Adds an onDragOver handler and prevents the default.

onDrop

fun CommonAttributeGroupFacade.onDrop(handler: (DragEvent) -> Unit)

Adds an onDrop handler and prevents the default.

onError

fun CommonAttributeGroupFacade.onError(handler: (Event) -> Unit)

Adds an onClick handler.

onFocus

fun CommonAttributeGroupFacade.onFocus(handler: (FocusEvent) -> Unit)

Adds an onFocus handler.

onFocusIn

fun CommonAttributeGroupFacade.onFocusIn(handler: (FocusEvent) -> Unit)

Add an onFocusIn handler.

onFocusOut

fun CommonAttributeGroupFacade.onFocusOut(handler: (FocusEvent) -> Unit)

Add an onFocusOut handler.

onInput

fun CommonAttributeGroupFacade.onInput(handler: (InputEvent) -> Unit)

Adds an onInput handler.

onKeyDown

fun CommonAttributeGroupFacade.onKeyDown(handler: (KeyboardEvent) -> Unit)

Adds an onKeyDown handler.

onKeyPress

fun CommonAttributeGroupFacade.~~onKeyPress~~(handler: (KeyboardEvent) -> Unit)

Adds an onKeyPress handler.

onKeyUp

fun CommonAttributeGroupFacade.onKeyUp(handler: (KeyboardEvent) -> Unit)

Adds an onKeyUp handler.

onMouseDown

fun CommonAttributeGroupFacade.onMouseDown(handler: (MouseEvent) -> Unit)

Adds an onMouseDown handler.

onMouseEnter

fun CommonAttributeGroupFacade.onMouseEnter(handler: (MouseEvent) -> Unit)

Adds an onMouseDown handler.

onMouseLeave

fun CommonAttributeGroupFacade.onMouseLeave(handler: (MouseEvent) -> Unit)

Adds an onMouseDown handler.

onMouseMove

fun CommonAttributeGroupFacade.onMouseMove(handler: (MouseEvent) -> Unit)

Adds an onMouseMove handler.

onMouseOut

fun CommonAttributeGroupFacade.onMouseOut(handler: (MouseEvent) -> Unit)

Adds an onMouseOut handler.

onMouseOver

fun CommonAttributeGroupFacade.onMouseOver(handler: (MouseEvent) -> Unit)

Adds an onMouseOver handler.

onMouseUp

fun CommonAttributeGroupFacade.onMouseUp(handler: (MouseEvent) -> Unit)

Adds an onMouseUp handler.

onSelect

fun CommonAttributeGroupFacade.onSelect(handler: (InputEvent) -> Unit)

Add an onSelect handler.

onSubmit

fun CommonAttributeGroupFacade.onSubmit(handler: (Event) -> Unit)

onSubmit handler

subscribingTo

inline fun VDom.subscribingTo(stream: Stream): ReadOnlyProperty<Any?, P>

value

inline fun VDom.value(initial: P): FunctionalComponentStateProperty

inline fun VDom.value(initial: P, noinline onChange: (P) -> Unit): FunctionalComponentStateProperty