Module "dom"

The following rules & transformations are applied (in the stated order):

• {@link @thi.ng/api#IDeref} values are derefd
• attributes prefixed with on are considered event listeners and can either have a function value or tuple of [listener, opts], where opts are the standard .addEventListener() options
• function values for any other attribs are first called with the entire attribs object and return value used
• array values are converted into space-delimited string

CSS classs are to given as class attribute, with its value either a string or an object of booleans. If the latter, the given class names are either added to or removed from the current list of classes.

CSS style rules can be defined via the style attrib. Please $style for further details.

Data attributes are to be given as object under the data attribute name, with its values being merged with the element's current dataset property.

Depending on element type the value attribute will be updated keeping the current cursor position / selection intact.

Supports Emmet-style tag names in this form: tag#id.class1.class2. attribs is a plain object of element attributes. See $attribs for further details.

If parent is given, but no idx arg, the new element will be appended as child.

All property values can be {@link @thi.ng/api#IDeref} values, in which case they're are first derefd before use. If the value is a function, it will be called with the entire rules object as arg and the return value used.

Supports elements given in these forms:

• IComponent instance
• {@link IDeref} instance (must resolve to another supported type in this list)
• ["div#id.class", {...attribs}, ...children]
• [IComponent, ...mountargs]
• [function, ...args]
• ES6 iterable of the above (for child values only!)

Any other values will be cast to strings and added as spans to current parent.