core/dev.fritz2.core/Tag

Tag

interface Tag<out E : Element> : RenderContext, WithDomNode<E> , WithEvents<E>

Represents a tag. Sorry for the name, but we needed to delimit it from the Element it is wrapping.

Functions

open fun a(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLAnchorElement>.() -> Unit): HtmlTag<HTMLAnchorElement>

abbr

open fun abbr(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

address

open fun address(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

addToClasses

abstract fun addToClasses(classesToAdd: String)

adds a String of class names to the classes attribute of this Tag

abstract fun addToClasses(classesToAdd: Flow<String>)

adds a Flow of class names to the classes attribute of this Tag

area

open fun area(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLAreaElement>.() -> Unit): HtmlTag<HTMLAreaElement>

article

open fun article(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

asDataAttr

open fun Scope.asDataAttr()

Sets all scope-entries as data-attributes to the element.

open fun <T : Any> Scope.asDataAttr(key: Scope.Key<T>)

Sets scope-entry for the given key as data-attribute to the element when available.

aside

open fun aside(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

asString

open fun <T> Flow<T>.asString(): Flow<String>

Converts the content of a Flow to String by using toString method.

attr

open fun <T> attr(name: String, value: T)

open fun attr(name: String, value: String)

open fun <T> attr(name: String, value: Flow<T>)

open fun attr(name: String, value: Flow<String>)

Sets an attribute.

open fun attr(name: String, value: String?)

Sets an attribute only if its value is not null.

open fun attr(name: String, value: Flow<String?>)

Sets an attribute only for all none null values of the flow.

open fun attr(name: String, value: Boolean, trueValue: String = "")

open fun attr(name: String, value: Boolean?, trueValue: String = "")

open fun attr(name: String, value: Flow<Boolean?>, trueValue: String = "")

open fun attr(name: String, value: Flow<Boolean>, trueValue: String = "")

Sets an attribute when value is true otherwise removes it.

audio

open fun audio(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLAudioElement>.() -> Unit): HtmlTag<HTMLAudioElement>

open fun b(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

bdi

open fun bdi(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

bdo

open fun bdo(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

blockquote

open fun blockquote(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLQuoteElement>.() -> Unit): HtmlTag<HTMLQuoteElement>

open fun br(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLBRElement>.() -> Unit): HtmlTag<HTMLBRElement>

button

open fun button(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLButtonElement>.() -> Unit): HtmlTag<HTMLButtonElement>

canvas

open fun canvas(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLCanvasElement>.() -> Unit): HtmlTag<HTMLCanvasElement>

caption

open fun caption(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLTableCaptionElement>.() -> Unit): HtmlTag<HTMLTableCaptionElement>

cite

open fun cite(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

classList

open fun classList(values: List<String>)

open fun classList(values: Flow<List<String>>)

Sets the class attribute from a List of Strings.

classMap

open fun classMap(values: Map<String, Boolean>)

open fun classMap(values: Flow<Map<String, Boolean>>)

Sets the class attribute from a Map of String to Boolean. If the value of the Map-entry is true, the key will be used inside the resulting String.

className

open fun className(value: String)

open fun className(value: Flow<String>)

Sets the class attribute.

code

open fun code(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

col

open fun col(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLTableColElement>.() -> Unit): HtmlTag<HTMLTableColElement>

colgroup

open fun colgroup(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLTableColElement>.() -> Unit): HtmlTag<HTMLTableColElement>

command

open fun command(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

custom

open fun custom(tagName: String, baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<Element>.() -> Unit): HtmlTag<Element>

Creates a custom HtmlTag with the provided content.

data

open fun data(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLDataElement>.() -> Unit): HtmlTag<HTMLDataElement>

datalist

open fun datalist(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLDataListElement>.() -> Unit): HtmlTag<HTMLDataListElement>

open fun dd(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLSpanElement>.() -> Unit): HtmlTag<HTMLSpanElement>

del

open fun del(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLModElement>.() -> Unit): HtmlTag<HTMLModElement>

details

open fun details(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLDetailsElement>.() -> Unit): HtmlTag<HTMLDetailsElement>

dfn

open fun dfn(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

dialog

open fun dialog(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLDialogElement>.() -> Unit): HtmlTag<HTMLDialogElement>

div

open fun div(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLDivElement>.() -> Unit): HtmlTag<HTMLDivElement>

open fun dl(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLDListElement>.() -> Unit): HtmlTag<HTMLDListElement>

open fun dt(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLSpanElement>.() -> Unit): HtmlTag<HTMLSpanElement>

open fun em(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

embed

open fun embed(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLEmbedElement>.() -> Unit): HtmlTag<HTMLEmbedElement>

errorHandler

open fun errorHandler(cause: Throwable)

Default error handler printing the error to console.

fieldset

open fun fieldset(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLFieldSetElement>.() -> Unit): HtmlTag<HTMLFieldSetElement>

figcaption

open fun figcaption(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

figure

open fun figure(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

footer

open fun footer(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

form

open fun form(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLFormElement>.() -> Unit): HtmlTag<HTMLFormElement>

open fun h1(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLHeadingElement>.() -> Unit): HtmlTag<HTMLHeadingElement>

open fun h2(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLHeadingElement>.() -> Unit): HtmlTag<HTMLHeadingElement>

open fun h3(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLHeadingElement>.() -> Unit): HtmlTag<HTMLHeadingElement>

open fun h4(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLHeadingElement>.() -> Unit): HtmlTag<HTMLHeadingElement>

open fun h5(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLHeadingElement>.() -> Unit): HtmlTag<HTMLHeadingElement>

open fun h6(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLHeadingElement>.() -> Unit): HtmlTag<HTMLHeadingElement>

handledBy

open infix fun <A> Flow<A>.handledBy(handler: Handler<A>)

Connects a Flow to a Handler.

open infix fun <A> Flow<A>.handledBy(execute: suspend (A) -> Unit): Job

open infix fun <E : Event> Flow<E>.handledBy(execute: suspend (E) -> Unit): Job

Connects a Flow to a suspendable execute function.

open infix fun <E : Event> Flow<E>.handledBy(handler: Handler<Unit>)

Connects Events to a Handler.

header

open fun header(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

open fun hr(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLHRElement>.() -> Unit): HtmlTag<HTMLHRElement>

open fun i(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

iframe

open fun iframe(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLIFrameElement>.() -> Unit): HtmlTag<HTMLIFrameElement>

img

open fun img(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLImageElement>.() -> Unit): HtmlTag<HTMLImageElement>

inlineStyle

open fun inlineStyle(value: String)

open fun inlineStyle(value: Flow<String>)

Sets the style attribute.

input

open fun input(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLInputElement>.() -> Unit): HtmlTag<HTMLInputElement>

ins

open fun ins(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLModElement>.() -> Unit): HtmlTag<HTMLModElement>

invoke

open operator fun Handler<Unit>.invoke()

open operator fun <A> Handler<A>.invoke(data: A)

Calls this handler exactly once.

kbd

open fun kbd(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

label

open fun label(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLLabelElement>.() -> Unit): HtmlTag<HTMLLabelElement>

legend

open fun legend(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLLegendElement>.() -> Unit): HtmlTag<HTMLLegendElement>

open fun li(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLLIElement>.() -> Unit): HtmlTag<HTMLLIElement>

main

open fun main(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

map

open fun map(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLMapElement>.() -> Unit): HtmlTag<HTMLMapElement>

mark

open fun mark(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

meter

open fun meter(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLMeterElement>.() -> Unit): HtmlTag<HTMLMeterElement>

nav

open fun nav(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

noscript

open fun noscript(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

not

open operator fun String.not(): Node

Adds a comment in your HTML by using !"Comment Text".

object

open fun object(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLObjectElement>.() -> Unit): HtmlTag<HTMLObjectElement>

open fun ol(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLOListElement>.() -> Unit): HtmlTag<HTMLOListElement>

optgroup

open fun optgroup(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLOptGroupElement>.() -> Unit): HtmlTag<HTMLOptGroupElement>

option

open fun option(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLOptionElement>.() -> Unit): HtmlTag<HTMLOptionElement>

output

open fun output(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLOutputElement>.() -> Unit): HtmlTag<HTMLOutputElement>

open fun p(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLParagraphElement>.() -> Unit): HtmlTag<HTMLParagraphElement>

param

open fun param(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLParamElement>.() -> Unit): HtmlTag<HTMLParamElement>

path

open fun path(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: SvgTag.() -> Unit): SvgTag

picture

open fun picture(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLPictureElement>.() -> Unit): HtmlTag<HTMLPictureElement>

pre

open fun pre(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLPreElement>.() -> Unit): HtmlTag<HTMLPreElement>

progress

open fun progress(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLProgressElement>.() -> Unit): HtmlTag<HTMLProgressElement>

open fun q(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLQuoteElement>.() -> Unit): HtmlTag<HTMLQuoteElement>

quote

open fun quote(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLQuoteElement>.() -> Unit): HtmlTag<HTMLQuoteElement>

abstract fun <N : Node, W : WithDomNode<N>> register(element: W, content: (W) -> Unit): W

render

open fun <V> Flow<V>.render(into: Tag<HTMLElement>? = null, content: Tag<*>.(V) -> Unit)

Renders the data of a Flow as Tags to the DOM.

renderEach

open fun <V> Store<List<V>>.renderEach(idProvider: IdProvider<V, *>, into: Tag<HTMLElement>? = null, content: RenderContext.(Store<V>) -> HtmlTag<HTMLElement>)

Renders each element of a Stores List content. Internally the Patches are determined using Myer's diff-algorithm. This allows the detection of moves. Keep in mind, that no Patch is derived, when an element stays the same, but changes its internal values.

open fun <V> Flow<List<V>>.renderEach(idProvider: IdProvider<V, *>? = null, into: Tag<HTMLElement>? = null, batch: Boolean = false, content: RenderContext.(V) -> Tag<HTMLElement>)

Renders each element of a Flows content. Internally the Patches are determined using Myer's diff-algorithm. This allows the detection of moves. Keep in mind, that no Patch is derived, when an element stays the same, but changes its internal values.

renderText

open fun <T> Flow<T>.renderText(into: Tag<*>? = null)

open fun Flow<String>.renderText(into: Tag<*>? = null)

Adds text-content of a Flow at this position

open fun rp(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

open fun rt(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

ruby

open fun ruby(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

open fun s(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

samp

open fun samp(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

script

open fun script(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLScriptElement>.() -> Unit): HtmlTag<HTMLScriptElement>

section

open fun section(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

select

open fun select(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLSelectElement>.() -> Unit): HtmlTag<HTMLSelectElement>

span

open fun span(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLSpanElement>.() -> Unit): HtmlTag<HTMLSpanElement>

strong

open fun strong(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

sub

open fun sub(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

open override fun <X : Event> subscribe(eventName: String, capture: Boolean, init: Event.() -> Unit): Listener<X, E>

Creates an Listener for the given event eventName.

summary

open fun summary(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

sup

open fun sup(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

svg

open fun svg(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: SvgTag.() -> Unit): SvgTag

table

open fun table(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLTableElement>.() -> Unit): HtmlTag<HTMLTableElement>

tbody

open fun tbody(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLTableSectionElement>.() -> Unit): HtmlTag<HTMLTableSectionElement>

open fun td(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLTableCellElement>.() -> Unit): HtmlTag<HTMLTableCellElement>

textarea

open fun textarea(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLTextAreaElement>.() -> Unit): HtmlTag<HTMLTextAreaElement>

tfoot

open fun tfoot(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLTableSectionElement>.() -> Unit): HtmlTag<HTMLTableSectionElement>

open fun th(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLTableCellElement>.() -> Unit): HtmlTag<HTMLTableCellElement>

thead

open fun thead(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLTableSectionElement>.() -> Unit): HtmlTag<HTMLTableSectionElement>

time

open fun time(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLTimeElement>.() -> Unit): HtmlTag<HTMLTimeElement>

open fun tr(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLTableRowElement>.() -> Unit): HtmlTag<HTMLTableRowElement>

track

open fun track(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLTrackElement>.() -> Unit): HtmlTag<HTMLTrackElement>

open fun u(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

open fun ul(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLUListElement>.() -> Unit): HtmlTag<HTMLUListElement>

unaryPlus

open operator fun String.unaryPlus(): Node

Adds static text-content at this position

var

open fun var(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

video

open fun video(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLVideoElement>.() -> Unit): HtmlTag<HTMLVideoElement>

wbr

open fun wbr(baseClass: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: HtmlTag<HTMLElement>.() -> Unit): HtmlTag<HTMLElement>

whenever

open fun <T> T.whenever(condition: Flow<Boolean>): Flow<T?>

This extension method takes a boolean Flow that controls the forwarding of the initial value: If it is true the value will be passed further on the result flow, if it is false a null will appear instead.

open fun <T> Flow<T>.whenever(condition: Flow<Boolean>): Flow<T?>

This extension method takes a boolean Flow that controls the forwarding of an initial flow: If it is true the current value will be passed further on the result flow, if it is false a null will appear instead.

Properties

aborts

open val aborts: Listener<Event, E>

occurs when the loading of a media is aborted

abortsCaptured

open val abortsCaptured: Listener<Event, E>

occurs when the loading of a media is aborted

afterprints

open val afterprints: Listener<Event, E>

occurs when a page has started printing, or if the print dialogue box has been closed

afterprintsCaptured

open val afterprintsCaptured: Listener<Event, E>

occurs when a page has started printing, or if the print dialogue box has been closed

annex

abstract val annex: RenderContext

provides RenderContext next to this Tag on the same DOM-level.

baseClass

abstract val baseClass: String?

constant css-classes of this Tag

beforeprints

open val beforeprints: Listener<Event, E>

occurs when a page is about to be printed

beforeprintsCaptured

open val beforeprintsCaptured: Listener<Event, E>

occurs when a page is about to be printed

beforeunloads

open val beforeunloads: Listener<Event, E>

occurs before the document is about to be unloaded

beforeunloadsCaptured

open val beforeunloadsCaptured: Listener<Event, E>

occurs before the document is about to be unloaded

blurs

open val blurs: Listener<FocusEvent, E>

occurs when an element loses focus

blursCaptured

open val blursCaptured: Listener<FocusEvent, E>

occurs when an element loses focus

canplays

open val canplays: Listener<Event, E>

occurs when the browser can start playing the media (when it has buffered enough to begin)

canplaysCaptured

open val canplaysCaptured: Listener<Event, E>

occurs when the browser can start playing the media (when it has buffered enough to begin)

canplaythroughs

open val canplaythroughs: Listener<Event, E>

occurs when the browser can play through the media without stopping for buffering

canplaythroughsCaptured

open val canplaythroughsCaptured: Listener<Event, E>

occurs when the browser can play through the media without stopping for buffering

changes

open val changes: Listener<Event, E>

occurs when the content of a form element, the selection, or the checked state have changed (for <input>, <select>, and <textarea>)

changesCaptured

open val changesCaptured: Listener<Event, E>

occurs when the content of a form element, the selection, or the checked state have changed (for <input>, <select>, and <textarea>)

clicks

open val clicks: Listener<MouseEvent, E>

occurs when the user clicks on an element

clicksCaptured

open val clicksCaptured: Listener<MouseEvent, E>

occurs when the user clicks on an element

contextmenus

open val contextmenus: Listener<MouseEvent, E>

occurs when the user right-clicks on an element to open a context menu

contextmenusCaptured

open val contextmenusCaptured: Listener<MouseEvent, E>

occurs when the user right-clicks on an element to open a context menu

copys

open val copys: Listener<ClipboardEvent, E>

occurs when the user copies the content of an element

copysCaptured

open val copysCaptured: Listener<ClipboardEvent, E>

occurs when the user copies the content of an element

cuts

open val cuts: Listener<ClipboardEvent, E>

occurs when the user cuts the content of an element

cutsCaptured

open val cutsCaptured: Listener<ClipboardEvent, E>

occurs when the user cuts the content of an element

dblclicks

open val dblclicks: Listener<MouseEvent, E>

occurs when the user double-clicks on an element

dblclicksCaptured

open val dblclicksCaptured: Listener<MouseEvent, E>

occurs when the user double-clicks on an element

domNode

abstract val domNode: E

the wrapped Node

dragends

open val dragends: Listener<DragEvent, E>

occurs when the user has finished dragging an element

dragendsCaptured

open val dragendsCaptured: Listener<DragEvent, E>

occurs when the user has finished dragging an element

dragenters

open val dragenters: Listener<DragEvent, E>

occurs when the dragged element enters the drop target

dragentersCaptured

open val dragentersCaptured: Listener<DragEvent, E>

occurs when the dragged element enters the drop target

dragleaves

open val dragleaves: Listener<DragEvent, E>

occurs when the dragged element leaves the drop target

dragleavesCaptured

open val dragleavesCaptured: Listener<DragEvent, E>

occurs when the dragged element leaves the drop target

dragovers

open val dragovers: Listener<DragEvent, E>

occurs when the dragged element is over the drop target

dragoversCaptured

open val dragoversCaptured: Listener<DragEvent, E>

occurs when the dragged element is over the drop target

drags

open val drags: Listener<DragEvent, E>

occurs when an element is being dragged

dragsCaptured

open val dragsCaptured: Listener<DragEvent, E>

occurs when an element is being dragged

dragstarts

open val dragstarts: Listener<DragEvent, E>

occurs when the user starts to drag an element

dragstartsCaptured

open val dragstartsCaptured: Listener<DragEvent, E>

occurs when the user starts to drag an element

drops

open val drops: Listener<DragEvent, E>

occurs when the dragged element is dropped on the drop target

dropsCaptured

open val dropsCaptured: Listener<DragEvent, E>

occurs when the dragged element is dropped on the drop target

durationchanges

open val durationchanges: Listener<Event, E>

occurs when the duration of the media is changed

durationchangesCaptured

open val durationchangesCaptured: Listener<Event, E>

occurs when the duration of the media is changed

endeds

open val endeds: Listener<Event, E>

occurs when the media has reach the end (useful for messages like "thanks for listening")

endedsCaptured

open val endedsCaptured: Listener<Event, E>

occurs when the media has reach the end (useful for messages like "thanks for listening")

focusins

open val focusins: Listener<FocusEvent, E>

occurs when an element is about to get focus

focusinsCaptured

open val focusinsCaptured: Listener<FocusEvent, E>

occurs when an element is about to get focus

focusouts

open val focusouts: Listener<FocusEvent, E>

occurs when an element is about to lose focus

focusoutsCaptured

open val focusoutsCaptured: Listener<FocusEvent, E>

occurs when an element is about to lose focus

focuss

open val focuss: Listener<FocusEvent, E>

occurs when an element gets focus

focussCaptured

open val focussCaptured: Listener<FocusEvent, E>

occurs when an element gets focus

fullscreenchanges

open val fullscreenchanges: Listener<Event, E>

occurs when an element is displayed in fullscreen mode

fullscreenchangesCaptured

open val fullscreenchangesCaptured: Listener<Event, E>

occurs when an element is displayed in fullscreen mode

fullscreenerrors

open val fullscreenerrors: Listener<Event, E>

occurs when an element can not be displayed in fullscreen mode

fullscreenerrorsCaptured

open val fullscreenerrorsCaptured: Listener<Event, E>

occurs when an element can not be displayed in fullscreen mode

hashchanges

open val hashchanges: Listener<HashChangeEvent, E>

occurs when there has been changes to the anchor part of a URL

hashchangesCaptured

open val hashchangesCaptured: Listener<HashChangeEvent, E>

occurs when there has been changes to the anchor part of a URL

abstract val id: String?

id of this Tag

inputs

open val inputs: Listener<Event, E>

occurs when an element gets user input has to use Event as type because Chrome and Safari offer Events instead of InputEvents when selecting from a datalist

inputsCaptured

open val inputsCaptured: Listener<Event, E>

occurs when an element gets user input has to use Event as type because Chrome and Safari offer Events instead of InputEvents when selecting from a datalist

invalids

open val invalids: Listener<Event, E>

occurs when an element is invalid

invalidsCaptured

open val invalidsCaptured: Listener<Event, E>

occurs when an element is invalid

job

abstract val job: Job

Job for launching coroutines in.

keydowns

open val keydowns: Listener<KeyboardEvent, E>

occurs when the user is pressing a key

keydownsCaptured

open val keydownsCaptured: Listener<KeyboardEvent, E>

occurs when the user is pressing a key

keypresss

open val keypresss: Listener<KeyboardEvent, E>

occurs when the user presses a key

keypresssCaptured

open val keypresssCaptured: Listener<KeyboardEvent, E>

occurs when the user presses a key

keyups

open val keyups: Listener<KeyboardEvent, E>

occurs when the user releases a key

keyupsCaptured

open val keyupsCaptured: Listener<KeyboardEvent, E>

occurs when the user releases a key

loadeddatas

open val loadeddatas: Listener<Event, E>

occurs when media data is loaded

loadeddatasCaptured

open val loadeddatasCaptured: Listener<Event, E>

occurs when media data is loaded

loadedmetadatas

open val loadedmetadatas: Listener<Event, E>

occurs when metadata (like dimensions and duration) are loaded

loadedmetadatasCaptured

open val loadedmetadatasCaptured: Listener<Event, E>

occurs when metadata (like dimensions and duration) are loaded

loads

open val loads: Listener<Event, E>

occurs when an object has loaded

loadsCaptured

open val loadsCaptured: Listener<Event, E>

occurs when an object has loaded

loadstarts

open val loadstarts: Listener<ProgressEvent, E>

occurs when the browser starts looking for the specified media

loadstartsCaptured

open val loadstartsCaptured: Listener<ProgressEvent, E>

occurs when the browser starts looking for the specified media

messages

open val messages: Listener<Event, E>

occurs when a message is received through the event source

messagesCaptured

open val messagesCaptured: Listener<Event, E>

occurs when a message is received through the event source

mousedowns

open val mousedowns: Listener<MouseEvent, E>

occurs when the user presses a mouse button over an element

mousedownsCaptured

open val mousedownsCaptured: Listener<MouseEvent, E>

occurs when the user presses a mouse button over an element

mouseenters

open val mouseenters: Listener<MouseEvent, E>

occurs when the pointer is moved onto an element

mouseentersCaptured

open val mouseentersCaptured: Listener<MouseEvent, E>

occurs when the pointer is moved onto an element

mouseleaves

open val mouseleaves: Listener<MouseEvent, E>

occurs when the pointer is moved out of an element

mouseleavesCaptured

open val mouseleavesCaptured: Listener<MouseEvent, E>

occurs when the pointer is moved out of an element

mousemoves

open val mousemoves: Listener<MouseEvent, E>

occurs when the pointer is moving while it is over an element

mousemovesCaptured

open val mousemovesCaptured: Listener<MouseEvent, E>

occurs when the pointer is moving while it is over an element

mouseouts

open val mouseouts: Listener<MouseEvent, E>

occurs when a user moves the mouse pointer out of an element, or out of one of its children

mouseoutsCaptured

open val mouseoutsCaptured: Listener<MouseEvent, E>

occurs when a user moves the mouse pointer out of an element, or out of one of its children

mouseovers

open val mouseovers: Listener<MouseEvent, E>

occurs when the pointer is moved onto an element, or onto one of its children

mouseoversCaptured

open val mouseoversCaptured: Listener<MouseEvent, E>

occurs when the pointer is moved onto an element, or onto one of its children

mouseups

open val mouseups: Listener<MouseEvent, E>

occurs when a user releases a mouse button over an element

mouseupsCaptured

open val mouseupsCaptured: Listener<MouseEvent, E>

occurs when a user releases a mouse button over an element

offlines

open val offlines: Listener<Event, E>

occurs when the browser starts to work offline

offlinesCaptured

open val offlinesCaptured: Listener<Event, E>

occurs when the browser starts to work offline

onlines

open val onlines: Listener<Event, E>

occurs when the browser starts to work online

onlinesCaptured

open val onlinesCaptured: Listener<Event, E>

occurs when the browser starts to work online

opens

open val opens: Listener<Event, E>

occurs when a connection with the event source is opened

opensCaptured

open val opensCaptured: Listener<Event, E>

occurs when a connection with the event source is opened

pagehides

open val pagehides: Listener<PageTransitionEvent, E>

occurs when the user navigates away from a webpage

pagehidesCaptured

open val pagehidesCaptured: Listener<PageTransitionEvent, E>

occurs when the user navigates away from a webpage

pageshows

open val pageshows: Listener<PageTransitionEvent, E>

occurs when the user navigates to a webpage

pageshowsCaptured

open val pageshowsCaptured: Listener<PageTransitionEvent, E>

occurs when the user navigates to a webpage

pastes

open val pastes: Listener<ClipboardEvent, E>

occurs when the user pastes some content in an element

pastesCaptured

open val pastesCaptured: Listener<ClipboardEvent, E>

occurs when the user pastes some content in an element

pauses

open val pauses: Listener<Event, E>

occurs when the media is paused either by the user or programmatically

pausesCaptured

open val pausesCaptured: Listener<Event, E>

occurs when the media is paused either by the user or programmatically

playings

open val playings: Listener<Event, E>

occurs when the media is playing after having been paused or stopped for buffering

playingsCaptured

open val playingsCaptured: Listener<Event, E>

occurs when the media is playing after having been paused or stopped for buffering

plays

open val plays: Listener<Event, E>

occurs when the media has been started or is no longer paused

playsCaptured

open val playsCaptured: Listener<Event, E>

occurs when the media has been started or is no longer paused

popstates

open val popstates: Listener<PopStateEvent, E>

occurs when the window's history changes

popstatesCaptured

open val popstatesCaptured: Listener<PopStateEvent, E>

occurs when the window's history changes

progresss

open val progresss: Listener<Event, E>

occurs when the browser is in the process of getting the media data (downloading the media)

progresssCaptured

open val progresssCaptured: Listener<Event, E>

occurs when the browser is in the process of getting the media data (downloading the media)

ratechanges

open val ratechanges: Listener<Event, E>

occurs when the playing speed of the media is changed

ratechangesCaptured

open val ratechangesCaptured: Listener<Event, E>

occurs when the playing speed of the media is changed

resets

open val resets: Listener<Event, E>

occurs when a form is reset

resetsCaptured

open val resetsCaptured: Listener<Event, E>

occurs when a form is reset

resizes

open val resizes: Listener<Event, E>

occurs when the document view is resized

resizesCaptured

open val resizesCaptured: Listener<Event, E>

occurs when the document view is resized

scope

abstract val scope: Scope

scrolls

open val scrolls: Listener<Event, E>

occurs when an element's scrollbar is being scrolled

scrollsCaptured

open val scrollsCaptured: Listener<Event, E>

occurs when an element's scrollbar is being scrolled

searchs

open val searchs: Listener<Event, E>

occurs when the user writes something in a search field (for )

searchsCaptured

open val searchsCaptured: Listener<Event, E>

occurs when the user writes something in a search field (for )

seekeds

open val seekeds: Listener<Event, E>

occurs when the user is finished moving/skipping to a new position in the media

seekedsCaptured

open val seekedsCaptured: Listener<Event, E>

occurs when the user is finished moving/skipping to a new position in the media

seekings

open val seekings: Listener<Event, E>

occurs when the user starts moving/skipping to a new position in the media

seekingsCaptured

open val seekingsCaptured: Listener<Event, E>

occurs when the user starts moving/skipping to a new position in the media

selects

open val selects: Listener<Event, E>

occurs after the user selects some text (for and )</p></div></div> </div> </div> </div> </div> </div>

selectsCaptured

open val selectsCaptured: Listener<Event, E>

occurs after the user selects some text (for and )</p></div></div> </div> </div> </div> </div> </div>

shows

open val shows: Listener<Event, E>

occurs when a

element is shown as a context menu

showsCaptured

open val showsCaptured: Listener<Event, E>

occurs when a

element is shown as a context menu

stalleds

open val stalleds: Listener<Event, E>

occurs when the browser is trying to get media data, but data is not available

stalledsCaptured

open val stalledsCaptured: Listener<Event, E>

occurs when the browser is trying to get media data, but data is not available

storages

open val storages: Listener<StorageEvent, E>

occurs when a Web Storage area is updated

storagesCaptured

open val storagesCaptured: Listener<StorageEvent, E>

occurs when a Web Storage area is updated

submits

open val submits: Listener<Event, E>

occurs when a form is submitted

submitsCaptured

open val submitsCaptured: Listener<Event, E>

occurs when a form is submitted

suspends

open val suspends: Listener<Event, E>

occurs when the browser is intentionally not getting media data

suspendsCaptured

open val suspendsCaptured: Listener<Event, E>

occurs when the browser is intentionally not getting media data

timeupdates

open val timeupdates: Listener<Event, E>

occurs when the playing position has changed (like when the user fast forwards to a different point in the media)

timeupdatesCaptured

open val timeupdatesCaptured: Listener<Event, E>

occurs when the playing position has changed (like when the user fast forwards to a different point in the media)

toggles

open val toggles: Listener<Event, E>

occurs when the user opens or closes the

element

togglesCaptured

open val togglesCaptured: Listener<Event, E>

occurs when the user opens or closes the

element

touchcancels

open val touchcancels: Listener<TouchEvent, E>

occurs when the touch is interrupted

touchcancelsCaptured

open val touchcancelsCaptured: Listener<TouchEvent, E>

occurs when the touch is interrupted

touchends

open val touchends: Listener<TouchEvent, E>

occurs when a finger is removed from a touch screen

touchendsCaptured

open val touchendsCaptured: Listener<TouchEvent, E>

occurs when a finger is removed from a touch screen

touchmoves

open val touchmoves: Listener<TouchEvent, E>

occurs when a finger is dragged across the screen

touchmovesCaptured

open val touchmovesCaptured: Listener<TouchEvent, E>

occurs when a finger is dragged across the screen

touchstarts

open val touchstarts: Listener<TouchEvent, E>

occurs when a finger is placed on a touch screen

touchstartsCaptured

open val touchstartsCaptured: Listener<TouchEvent, E>

occurs when a finger is placed on a touch screen

unloads

open val unloads: Listener<Event, E>

occurs once a page has unloaded (for )

unloadsCaptured

open val unloadsCaptured: Listener<Event, E>

occurs once a page has unloaded (for )

volumechanges

open val volumechanges: Listener<Event, E>

occurs when the volume of the media has changed (includes setting the volume to "mute")

volumechangesCaptured

open val volumechangesCaptured: Listener<Event, E>

occurs when the volume of the media has changed (includes setting the volume to "mute")

waitings

open val waitings: Listener<Event, E>

occurs when the media has paused but is expected to resume (like when the media pauses to buffer more data)

waitingsCaptured

open val waitingsCaptured: Listener<Event, E>

occurs when the media has paused but is expected to resume (like when the media pauses to buffer more data)

wheels

open val wheels: Listener<WheelEvent, E>

occurs when the mouse wheel rolls up or down over an element

wheelsCaptured

open val wheelsCaptured: Listener<WheelEvent, E>

occurs when the mouse wheel rolls up or down over an element

Inheritors

HtmlTag

Extensions

abbr

fun Tag<HTMLTableCellElement>.abbr(value: String)

fun Tag<HTMLTableCellElement>.abbr(value: Flow<String>)

fun Tag<HTMLInputElement>.accept(value: String)

fun Tag<HTMLInputElement>.accept(value: Flow<String>)

acceptCharset

fun Tag<HTMLFormElement>.acceptCharset(value: String)

fun Tag<HTMLFormElement>.acceptCharset(value: Flow<String>)

accessKey

fun Tag<HTMLElement>.accessKey(value: String)

fun Tag<HTMLElement>.accessKey(value: Flow<String>)

action

fun Tag<HTMLFormElement>.action(value: String)

fun Tag<HTMLFormElement>.action(value: Flow<String>)

afterMount

fun <T : Element> Tag<T>.afterMount(payload: Any? = null, handler: DomLifecycleHandler)

Convenience method to register lifecycle handler for after a Tag is mounted

align

fun Tag<HTMLHeadingElement>.align(value: String)

fun Tag<HTMLHeadingElement>.align(value: Flow<String>)

fun Tag<HTMLParagraphElement>.align(value: String)

fun Tag<HTMLParagraphElement>.align(value: Flow<String>)

fun Tag<HTMLHRElement>.align(value: String)

fun Tag<HTMLHRElement>.align(value: Flow<String>)

fun Tag<HTMLDivElement>.align(value: String)

fun Tag<HTMLDivElement>.align(value: Flow<String>)

fun Tag<HTMLImageElement>.align(value: String)

fun Tag<HTMLImageElement>.align(value: Flow<String>)

fun Tag<HTMLIFrameElement>.align(value: String)

fun Tag<HTMLIFrameElement>.align(value: Flow<String>)

fun Tag<HTMLEmbedElement>.align(value: String)

fun Tag<HTMLEmbedElement>.align(value: Flow<String>)

fun Tag<HTMLObjectElement>.align(value: String)

fun Tag<HTMLObjectElement>.align(value: Flow<String>)

fun Tag<HTMLTableElement>.align(value: String)

fun Tag<HTMLTableElement>.align(value: Flow<String>)

fun Tag<HTMLTableCaptionElement>.align(value: String)

fun Tag<HTMLTableCaptionElement>.align(value: Flow<String>)

fun Tag<HTMLTableColElement>.align(value: String)

fun Tag<HTMLTableColElement>.align(value: Flow<String>)

fun Tag<HTMLTableSectionElement>.align(value: String)

fun Tag<HTMLTableSectionElement>.align(value: Flow<String>)

fun Tag<HTMLTableRowElement>.align(value: String)

fun Tag<HTMLTableRowElement>.align(value: Flow<String>)

fun Tag<HTMLTableCellElement>.align(value: String)

fun Tag<HTMLTableCellElement>.align(value: Flow<String>)

fun Tag<HTMLInputElement>.align(value: String)

fun Tag<HTMLInputElement>.align(value: Flow<String>)

fun Tag<HTMLLegendElement>.align(value: String)

fun Tag<HTMLLegendElement>.align(value: Flow<String>)

fun Tag<HTMLAppletElement>.align(value: String)

fun Tag<HTMLAppletElement>.align(value: Flow<String>)

aLink

fun Tag<HTMLBodyElement>.aLink(value: String)

fun Tag<HTMLBodyElement>.aLink(value: Flow<String>)

allowFullscreen

fun Tag<HTMLIFrameElement>.allowFullscreen(value: Boolean, trueValue: String = "")

fun Tag<HTMLIFrameElement>.allowFullscreen(value: Flow<Boolean>, trueValue: String = "")

allowUserMedia

fun Tag<HTMLIFrameElement>.allowUserMedia(value: Boolean, trueValue: String = "")

fun Tag<HTMLIFrameElement>.allowUserMedia(value: Flow<Boolean>, trueValue: String = "")

alt

fun Tag<HTMLImageElement>.alt(value: String)

fun Tag<HTMLImageElement>.alt(value: Flow<String>)

fun Tag<HTMLAreaElement>.alt(value: String)

fun Tag<HTMLAreaElement>.alt(value: Flow<String>)

fun Tag<HTMLInputElement>.alt(value: String)

fun Tag<HTMLInputElement>.alt(value: Flow<String>)

fun Tag<HTMLAppletElement>.alt(value: String)

fun Tag<HTMLAppletElement>.alt(value: Flow<String>)