Svg Tag
Implementation of HtmlTag to represent the JavaScript SVGElement to Kotlin
Constructors
Functions
adds a Flow of class names to the classes attribute of this Tag
Sets all scope-entries as data-attributes to the element.
Sets scope-entry for the given key as data-attribute to the element when available.
Sets the given xml string to the innerHTML of the SVGElement.
Default error handler printing the error to console.
Sets the style attribute.
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.
Renders the non-null data of a Flow.
Adds text-content of a Flow at this position
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.
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
provides RenderContext next to this HtmlTag on the same DOM-level.
Extensions
Convenience method to register lifecycle handler for after a Tag is mounted
Convenience method to register lifecycle handler for before a Tag is unmounted
Allows to access the nearest MountPoint from any WithScope
Applies a transition (enter and/or leave) to a Tag. The enter-transition will be executed right after the Tag is mounted to the DOM. The leave-transition will be executed right before the Tag is removed from the DOM. Further operation of the MountPoint rendering the Tag is suspended until the leave-animation is done.
Applies a transition (enter and/or leave) to a Tag whenever a new value appears on a Flow The enter-transition will be executed when true appears on the Flow The leave-transition will be executed when false appears on the Flow Processing of further operations will not wait for the animation to finish.
wait for a running animation on the DOM-Node to finish.