WebComponent

abstract class WebComponent<T : Element>(observeAttributes: Boolean)

Implement this class to build a WebComponent.

Constructors

WebComponent

fun WebComponent(observeAttributes: Boolean = true)

adoptedCallback

lifecycle-callback that is called, when an instance is adopted by another DOM

attributeChanges

convenience method to get a Flow of the changes of a specific observed attributes.

connectedCallback

lifecycle-callback that is called, when an instance of the component is added to the DOM

disconnectedCallback

lifecycle-callback that is called, when an instance of the component is removed from the DOM

init

abstract fun TagContext.init(element: HTMLElement, shadowRoot: ShadowRoot): Tag<T>

this method builds the content of the WebComponent that will be added to it's shadow-DOM.

initializeInternal

linkStylesheet

call this method in init to link an external stylesheet.

setStylesheet

call this method in add style information from a static String.

attributeChangedCallback

this callback is used, when building the component in native-js (since ES2015-classes are not supported by Kotlin/JS by now)

attributeChanges

a Flow of all changes made to observed attributes.