headless/dev.fritz2.headless.foundation/PopUpPanel

PopUpPanel

abstract class PopUpPanel<C : HTMLElement>(renderContext: RenderContext, tagFactory: TagFactory<Tag<C>>, classes: String?, id: String?, scope: ScopeContext.() -> Unit, opened: Flow<Boolean>, fullWidth: Boolean = true, reference: Tag<HTMLElement>?, ariaHasPopup: String, popupDiv: Tag<HTMLDivElement> = renderContext.div(POPUP_HIDDEN_CLASSES) {}, tag: Tag<C> = tagFactory(popupDiv, classes, id, scope) {}, config: ComputePositionConfig = obj {}) : Tag<C> , ComputePositionConfig

Base class that provides the functionality to create popup components.

Internally the heavy lifting is done by the excellent Floating-UI library.

Constructors

PopUpPanel

fun <C : HTMLElement> PopUpPanel(renderContext: RenderContext, tagFactory: TagFactory<Tag<C>>, classes: String?, id: String?, scope: ScopeContext.() -> Unit, opened: Flow<Boolean>, fullWidth: Boolean = true, reference: Tag<HTMLElement>?, ariaHasPopup: String, popupDiv: Tag<HTMLDivElement> = renderContext.div(POPUP_HIDDEN_CLASSES) {}, tag: Tag<C> = tagFactory(popupDiv, classes, id, scope) {}, config: ComputePositionConfig = obj {})

Types

Companion

object Companion

Functions

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

abbr

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

addMiddleware

fun addMiddleware(middleware: Middleware)

Adds a new Middleware to the array of middlewares.

address

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

addToClasses

open override fun addToClasses(classesToAdd: String)

open override fun addToClasses(classesToAdd: Flow<String>)

area

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

arrow

fun arrow(c: String = "popup-arrow-default")

Adds an arrow to the PopupPanel. The exact position will be calculated by the FloatingUI component and can be collected from computedPosition. The arrow points to the reference element.

article

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

asDataAttr

open override fun Scope.asDataAttr()

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

aside

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

asString

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

attr

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

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

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

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

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

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

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

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

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

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

audio

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

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

bdi

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

bdo

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

blockquote

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

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

button

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

canvas

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

caption

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

cite

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

classList

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

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

classMap

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

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

className

open override fun className(value: String)

open override fun className(value: Flow<String>)

code

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

col

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

colgroup

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

command

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

custom

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

data

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

datalist

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

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

del

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

details

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

dfn

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

dialog

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

div

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

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

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

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

embed

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

errorHandler

open override fun errorHandler(cause: Throwable)

fieldset

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

figcaption

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

figure

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

footer

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

form

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

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

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

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

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

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

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

handledBy

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

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

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

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

header

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

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

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

iframe

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

img

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

inlineStyle

open override fun inlineStyle(value: String)

open override fun inlineStyle(value: Flow<String>)

input

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

ins

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

kbd

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

label

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

legend

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

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

main

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

map

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

mark

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

meter

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

nav

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

noscript

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

not

open operator override fun String.not(): Node

object

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

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

optgroup

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

option

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

output

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

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

param

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

path

open override fun path(baseClass: String?, id: String?, scope: ScopeContext.() -> Unit, content: SvgTag.() -> Unit): SvgTag

picture

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

pre

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

progress

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

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

quote

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

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

render

open fun render()

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

renderEach

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

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

renderIf

open override fun <V> Flow<V>.renderIf(predicate: (V) -> Boolean, into: Tag<HTMLElement>?, content: Tag<*>.(V) -> Unit)

renderIs

open override fun <W : Any> Flow<*>.renderIs(klass: KClass<W>, into: Tag<HTMLElement>?, content: Tag<*>.(W) -> Unit)

renderNotNull

open override fun <V> Flow<V?>.renderNotNull(into: Tag<HTMLElement>?, content: Tag<*>.(V) -> Unit)

renderText

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

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

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

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

ruby

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

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

samp

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

script

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

section

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

select

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

span

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

strong

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

sub

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

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

summary

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

sup

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

svg

open override fun svg(baseClass: String?, id: String?, scope: ScopeContext.() -> Unit, content: SvgTag.() -> Unit): SvgTag

table

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

tbody

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

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

textarea

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

tfoot

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

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

thead

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

time

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

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

track

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

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

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

unaryPlus

open operator override fun String.unaryPlus(): Node

var

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

video

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

wbr

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

whenever

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

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

Properties

aborts

open override val aborts: Listener<Event, C>

abortsCaptured

open override val abortsCaptured: Listener<Event, C>

afterprints

open override val afterprints: Listener<Event, C>

afterprintsCaptured

open override val afterprintsCaptured: Listener<Event, C>

annex

open override val annex: RenderContext

baseClass

open override val baseClass: String?

beforeprints

open override val beforeprints: Listener<Event, C>

beforeprintsCaptured

open override val beforeprintsCaptured: Listener<Event, C>

beforeunloads

open override val beforeunloads: Listener<Event, C>

beforeunloadsCaptured

open override val beforeunloadsCaptured: Listener<Event, C>

blurs

open override val blurs: Listener<FocusEvent, C>

blursCaptured

open override val blursCaptured: Listener<FocusEvent, C>

canplays

open override val canplays: Listener<Event, C>

canplaysCaptured

open override val canplaysCaptured: Listener<Event, C>

canplaythroughs

open override val canplaythroughs: Listener<Event, C>

canplaythroughsCaptured

open override val canplaythroughsCaptured: Listener<Event, C>

changes

open override val changes: Listener<Event, C>

changesCaptured

open override val changesCaptured: Listener<Event, C>

clicks

open override val clicks: Listener<MouseEvent, C>

clicksCaptured

open override val clicksCaptured: Listener<MouseEvent, C>

computedPosition

val computedPosition: Flow<ComputePositionReturn>

The Position calculated by the underlying FloatingUI Library. Can be used for custom rendering inside the Popup

contextmenus

open override val contextmenus: Listener<MouseEvent, C>

contextmenusCaptured

open override val contextmenusCaptured: Listener<MouseEvent, C>

copys

open override val copys: Listener<ClipboardEvent, C>

copysCaptured

open override val copysCaptured: Listener<ClipboardEvent, C>

cuts

open override val cuts: Listener<ClipboardEvent, C>

cutsCaptured

open override val cutsCaptured: Listener<ClipboardEvent, C>

dblclicks

open override val dblclicks: Listener<MouseEvent, C>

dblclicksCaptured

open override val dblclicksCaptured: Listener<MouseEvent, C>

domNode

open override val domNode: C

dragends

open override val dragends: Listener<DragEvent, C>

dragendsCaptured

open override val dragendsCaptured: Listener<DragEvent, C>

dragenters

open override val dragenters: Listener<DragEvent, C>

dragentersCaptured

open override val dragentersCaptured: Listener<DragEvent, C>

dragleaves

open override val dragleaves: Listener<DragEvent, C>

dragleavesCaptured

open override val dragleavesCaptured: Listener<DragEvent, C>

dragovers

open override val dragovers: Listener<DragEvent, C>

dragoversCaptured

open override val dragoversCaptured: Listener<DragEvent, C>

drags

open override val drags: Listener<DragEvent, C>

dragsCaptured

open override val dragsCaptured: Listener<DragEvent, C>

dragstarts

open override val dragstarts: Listener<DragEvent, C>

dragstartsCaptured

open override val dragstartsCaptured: Listener<DragEvent, C>

drops

open override val drops: Listener<DragEvent, C>

dropsCaptured

open override val dropsCaptured: Listener<DragEvent, C>

durationchanges

open override val durationchanges: Listener<Event, C>

durationchangesCaptured

open override val durationchangesCaptured: Listener<Event, C>

endeds

open override val endeds: Listener<Event, C>

endedsCaptured

open override val endedsCaptured: Listener<Event, C>

focusins

open override val focusins: Listener<FocusEvent, C>

focusinsCaptured

open override val focusinsCaptured: Listener<FocusEvent, C>

focusouts

open override val focusouts: Listener<FocusEvent, C>

focusoutsCaptured

open override val focusoutsCaptured: Listener<FocusEvent, C>

focuss

open override val focuss: Listener<FocusEvent, C>

focussCaptured

open override val focussCaptured: Listener<FocusEvent, C>

fullscreenchanges

open override val fullscreenchanges: Listener<Event, C>

fullscreenchangesCaptured

open override val fullscreenchangesCaptured: Listener<Event, C>

fullscreenerrors

open override val fullscreenerrors: Listener<Event, C>

fullscreenerrorsCaptured

open override val fullscreenerrorsCaptured: Listener<Event, C>

hashchanges

open override val hashchanges: Listener<HashChangeEvent, C>

hashchangesCaptured

open override val hashchangesCaptured: Listener<HashChangeEvent, C>

open override val id: String?

inputs

open override val inputs: Listener<Event, C>

inputsCaptured

open override val inputsCaptured: Listener<Event, C>

invalids

open override val invalids: Listener<Event, C>

invalidsCaptured

open override val invalidsCaptured: Listener<Event, C>

job

open override val job: Job

keydowns

open override val keydowns: Listener<KeyboardEvent, C>

keydownsCaptured

open override val keydownsCaptured: Listener<KeyboardEvent, C>

keypresss

open override val keypresss: Listener<KeyboardEvent, C>

keypresssCaptured

open override val keypresssCaptured: Listener<KeyboardEvent, C>

keyups

open override val keyups: Listener<KeyboardEvent, C>

keyupsCaptured

open override val keyupsCaptured: Listener<KeyboardEvent, C>

loadeddatas

open override val loadeddatas: Listener<Event, C>

loadeddatasCaptured

open override val loadeddatasCaptured: Listener<Event, C>

loadedmetadatas

open override val loadedmetadatas: Listener<Event, C>

loadedmetadatasCaptured

open override val loadedmetadatasCaptured: Listener<Event, C>

loads

open override val loads: Listener<Event, C>

loadsCaptured

open override val loadsCaptured: Listener<Event, C>

loadstarts

open override val loadstarts: Listener<ProgressEvent, C>

loadstartsCaptured

open override val loadstartsCaptured: Listener<ProgressEvent, C>

messages

open override val messages: Listener<Event, C>

messagesCaptured

open override val messagesCaptured: Listener<Event, C>

middleware

open override var middleware: Array<Middleware>?

Array of middleware objects to modify the positioning or provide data for rendering.

mousedowns

open override val mousedowns: Listener<MouseEvent, C>

mousedownsCaptured

open override val mousedownsCaptured: Listener<MouseEvent, C>

mouseenters

open override val mouseenters: Listener<MouseEvent, C>

mouseentersCaptured

open override val mouseentersCaptured: Listener<MouseEvent, C>

mouseleaves

open override val mouseleaves: Listener<MouseEvent, C>

mouseleavesCaptured

open override val mouseleavesCaptured: Listener<MouseEvent, C>

mousemoves

open override val mousemoves: Listener<MouseEvent, C>

mousemovesCaptured

open override val mousemovesCaptured: Listener<MouseEvent, C>

mouseouts

open override val mouseouts: Listener<MouseEvent, C>

mouseoutsCaptured

open override val mouseoutsCaptured: Listener<MouseEvent, C>

mouseovers

open override val mouseovers: Listener<MouseEvent, C>

mouseoversCaptured

open override val mouseoversCaptured: Listener<MouseEvent, C>

mouseups

open override val mouseups: Listener<MouseEvent, C>

mouseupsCaptured

open override val mouseupsCaptured: Listener<MouseEvent, C>

offlines

open override val offlines: Listener<Event, C>

offlinesCaptured

open override val offlinesCaptured: Listener<Event, C>

onlines

open override val onlines: Listener<Event, C>

onlinesCaptured

open override val onlinesCaptured: Listener<Event, C>

opens

open override val opens: Listener<Event, C>

opensCaptured

open override val opensCaptured: Listener<Event, C>

pagehides

open override val pagehides: Listener<PageTransitionEvent, C>

pagehidesCaptured

open override val pagehidesCaptured: Listener<PageTransitionEvent, C>

pageshows

open override val pageshows: Listener<PageTransitionEvent, C>

pageshowsCaptured

open override val pageshowsCaptured: Listener<PageTransitionEvent, C>

pastes

open override val pastes: Listener<ClipboardEvent, C>

pastesCaptured

open override val pastesCaptured: Listener<ClipboardEvent, C>

pauses

open override val pauses: Listener<Event, C>

pausesCaptured

open override val pausesCaptured: Listener<Event, C>

placement

open override var placement: Placement?

Where to place the floating element relative to the reference element.

platform

open override var platform: Platform?

Object to interface with the current platform.

playings

open override val playings: Listener<Event, C>

playingsCaptured

open override val playingsCaptured: Listener<Event, C>

plays

open override val plays: Listener<Event, C>

playsCaptured

open override val playsCaptured: Listener<Event, C>

popstates

open override val popstates: Listener<PopStateEvent, C>

popstatesCaptured

open override val popstatesCaptured: Listener<PopStateEvent, C>

progresss

open override val progresss: Listener<Event, C>

progresssCaptured

open override val progresssCaptured: Listener<Event, C>

ratechanges

open override val ratechanges: Listener<Event, C>

ratechangesCaptured

open override val ratechangesCaptured: Listener<Event, C>

resets

open override val resets: Listener<Event, C>

resetsCaptured

open override val resetsCaptured: Listener<Event, C>

resizes

open override val resizes: Listener<Event, C>

resizesCaptured

open override val resizesCaptured: Listener<Event, C>

scope

open override val scope: Scope

scrolls

open override val scrolls: Listener<Event, C>

scrollsCaptured

open override val scrollsCaptured: Listener<Event, C>

searchs

open override val searchs: Listener<Event, C>

searchsCaptured

open override val searchsCaptured: Listener<Event, C>

seekeds

open override val seekeds: Listener<Event, C>

seekedsCaptured

open override val seekedsCaptured: Listener<Event, C>

seekings

open override val seekings: Listener<Event, C>

seekingsCaptured

open override val seekingsCaptured: Listener<Event, C>

selects

open override val selects: Listener<Event, C>

selectsCaptured

open override val selectsCaptured: Listener<Event, C>

shows

open override val shows: Listener<Event, C>

showsCaptured

open override val showsCaptured: Listener<Event, C>

size

var size: PopUpPanelSize

This field allows to set the allowed width range for the Popup element.

stalleds

open override val stalleds: Listener<Event, C>

stalledsCaptured

open override val stalledsCaptured: Listener<Event, C>

storages

open override val storages: Listener<StorageEvent, C>

storagesCaptured

open override val storagesCaptured: Listener<StorageEvent, C>

strategy

open override var strategy: Strategy?

The strategy to use when positioning the floating element.

submits

open override val submits: Listener<Event, C>

submitsCaptured

open override val submitsCaptured: Listener<Event, C>

suspends

open override val suspends: Listener<Event, C>

suspendsCaptured

open override val suspendsCaptured: Listener<Event, C>

timeupdates

open override val timeupdates: Listener<Event, C>

timeupdatesCaptured

open override val timeupdatesCaptured: Listener<Event, C>

toggles

open override val toggles: Listener<Event, C>

togglesCaptured

open override val togglesCaptured: Listener<Event, C>

touchcancels

open override val touchcancels: Listener<TouchEvent, C>

touchcancelsCaptured

open override val touchcancelsCaptured: Listener<TouchEvent, C>

touchends

open override val touchends: Listener<TouchEvent, C>

touchendsCaptured

open override val touchendsCaptured: Listener<TouchEvent, C>

touchmoves

open override val touchmoves: Listener<TouchEvent, C>

touchmovesCaptured

open override val touchmovesCaptured: Listener<TouchEvent, C>

touchstarts

open override val touchstarts: Listener<TouchEvent, C>

touchstartsCaptured

open override val touchstartsCaptured: Listener<TouchEvent, C>

unloads

open override val unloads: Listener<Event, C>

unloadsCaptured

open override val unloadsCaptured: Listener<Event, C>

volumechanges

open override val volumechanges: Listener<Event, C>

volumechangesCaptured

open override val volumechangesCaptured: Listener<Event, C>

waitings

open override val waitings: Listener<Event, C>

waitingsCaptured

open override val waitingsCaptured: Listener<Event, C>

wheels

open override val wheels: Listener<WheelEvent, C>

wheelsCaptured

open override val wheelsCaptured: Listener<WheelEvent, C>

Inheritors

Extensions

attrIfNotSet

fun <N : Element> Tag<N>.attrIfNotSet(name: String, value: String)

Sets an attribute only if it is not present yet.

checkboxGroup

fun <C : HTMLElement, T> RenderContext.checkboxGroup(classes: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, tag: TagFactory<Tag<C>>, initialize: CheckboxGroup<C, T>.() -> Unit): Tag<C>

Factory function to create a CheckboxGroup.

fun <T> RenderContext.checkboxGroup(classes: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, initialize: CheckboxGroup<HTMLDivElement, T>.() -> Unit): Tag<HTMLDivElement>

Factory function to create a CheckboxGroup with a HTMLDivElement as default root Tag.

dataCollection

fun <T, C : HTMLElement> RenderContext.dataCollection(classes: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, tag: TagFactory<Tag<C>>, initialize: DataCollection<T, C>.() -> Unit): Tag<C>

Factory function to create a DataCollection.

fun <T> RenderContext.dataCollection(classes: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, initialize: DataCollection<T, HTMLDivElement>.() -> Unit): Tag<HTMLDivElement>

Factory function to create a DataCollection with a HTMLDivElement as default root Tag.

disclosure

fun <C : HTMLElement> RenderContext.disclosure(classes: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, tag: TagFactory<Tag<C>>, initialize: Disclosure<C>.() -> Unit): Tag<C>

Factory function to create a Disclosure.

fun RenderContext.disclosure(classes: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, initialize: Disclosure<HTMLDivElement>.() -> Unit): Tag<HTMLDivElement>

Factory function to create a Disclosure with a HTMLDivElement as default root Tag.

inputField

fun <C : HTMLElement> RenderContext.inputField(classes: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, tag: TagFactory<Tag<C>>, initialize: InputField<C>.() -> Unit): Tag<C>

Factory function to create a InputField.

fun RenderContext.inputField(classes: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, initialize: InputField<HTMLDivElement>.() -> Unit): Tag<HTMLDivElement>

Factory function to create a InputField with a HTMLDivElement as default root Tag.

listbox

fun <T, C : HTMLElement> RenderContext.listbox(classes: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, tag: TagFactory<Tag<C>>, initialize: Listbox<T, C>.() -> Unit): Tag<C>

Factory function to create a Listbox.

fun <T> RenderContext.listbox(classes: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, initialize: Listbox<T, HTMLDivElement>.() -> Unit): Tag<HTMLDivElement>

Factory function to create a Listbox with a HTMLDivElement as default root Tag.

fun <C : HTMLElement> RenderContext.menu(classes: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, tag: TagFactory<Tag<C>>, initialize: Menu<C>.() -> Unit): Tag<C>

Factory function to create a Menu.

fun RenderContext.menu(classes: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, initialize: Menu<HTMLDivElement>.() -> Unit): Tag<HTMLDivElement>

Factory function to create a Menu with a HTMLDivElement as default root Tag.

popOver

fun <C : HTMLElement> RenderContext.popOver(classes: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, tag: TagFactory<Tag<C>>, initialize: PopOver<C>.() -> Unit): Tag<C>

Factory function to create a PopOver.

fun RenderContext.popOver(classes: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, initialize: PopOver<HTMLDivElement>.() -> Unit): Tag<HTMLDivElement>

Factory function to create a PopOver with a HTMLDivElement as default root Tag.

portal

fun <C : HTMLElement> RenderContext.portal(classes: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, tag: TagFactory<Tag<C>>, content: Tag<C>.(close: suspend (Unit) -> Unit) -> Unit = {})

With Portalling a rendered overlay will be rendered outside of the clipping ancestors to avoid clipping. Therefore, a portalRoot is needed as last element in the document.body.

fun RenderContext.portal(classes: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, content: Tag<HTMLDivElement>.(close: suspend (Unit) -> Unit) -> Unit)

portalRoot

fun RenderContext.portalRoot(): RenderContext

A portalRoot is needed to use floating components like modal, toast and popupPanel.

radioGroup

fun <C : HTMLElement, T> RenderContext.radioGroup(classes: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, tag: TagFactory<Tag<C>>, initialize: RadioGroup<C, T>.() -> Unit): Tag<C>

Factory function to create a RadioGroup.

fun <T> RenderContext.radioGroup(classes: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, initialize: RadioGroup<HTMLDivElement, T>.() -> Unit): Tag<HTMLDivElement>

Factory function to create a RadioGroup with a HTMLDivElement as default root Tag.

setFocus

suspend fun Tag<HTMLElement>.setFocus(maxRetries: Int = 10)

Sets focus on the Tag it is called on. Continues to try setting the focus until it was successful or the maximum number of retries is reached. Use this function for example to set the focus on an element that just becomes visible.

setInitialFocus

fun Tag<HTMLElement>.setInitialFocus()

Mark some Tag with a data-attribute INITIAL_FOCUS_DATA_ATTR so that the trapFocusInMountpoint function can find this Tag and set the initial focus to it.

switch

fun <C : HTMLElement> RenderContext.switch(classes: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, tag: TagFactory<Tag<C>>, initialize: Switch<C>.() -> Unit): Tag<C>

Factory function to create a Switch.

fun RenderContext.switch(classes: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, initialize: Switch<HTMLButtonElement>.() -> Unit): Tag<HTMLButtonElement>

Factory function to create a Switch with a HTMLButtonElement as default root Tag.

switchWithLabel

fun <C : HTMLElement> RenderContext.switchWithLabel(classes: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, tag: TagFactory<Tag<C>>, initialize: SwitchWithLabel<C>.() -> Unit): Tag<C>

Factory function to create a SwitchWithLabel.

fun RenderContext.switchWithLabel(classes: String? = null, id: String? = null, scope: ScopeContext.() -> Unit = {}, initialize: SwitchWithLabel<HTMLDivElement>.() -> Unit): Tag<HTMLDivElement>

Factory function to create a SwitchWithLabel with a HTMLDivElement as default root Tag.

tabGroup

fun <C : HTMLElement> RenderContext.tabGroup(classes: String?