@tempots/dom
Version:
Fully-typed frontend framework alternative to React and Angular
283 lines (282 loc) • 12.8 kB
TypeScript
import { TNode, Renderable } from '../types/domain';
/**
* Converts a TNode into a Renderable.
* @param child - The TNode to convert.
* @returns The corresponding Renderable.
* @public
*/
export declare const renderableOfTNode: (child: TNode) => Renderable;
/**
* Creates a Renderable that represents an HTML element.
*
* @param tagName - The tag name of the HTML element.
* @param children - The child nodes of the HTML element.
* @returns A renderable function that creates and appends the HTML element to the DOM.
* @public
*/
export declare const El: (tagName: string, ...children: TNode[]) => Renderable;
/**
* Creates a renderable function that represents an element in the DOM with a specified namespace.
*
* @param tagName - The name of the HTML tag for the element.
* @param namespace - The namespace of the element.
* @param children - The child nodes of the element.
* @returns A renderable function that creates and appends the element to the DOM.
* @public
*/
export declare const ElNS: (tagName: string, namespace: string, ...children: TNode[]) => Renderable;
/**
* A convenience object to create Renderables for HTML elements.
* @public
*/
export declare const html: {
a: (...children: TNode[]) => Renderable;
abbr: (...children: TNode[]) => Renderable;
address: (...children: TNode[]) => Renderable;
area: (...children: TNode[]) => Renderable;
article: (...children: TNode[]) => Renderable;
aside: (...children: TNode[]) => Renderable;
audio: (...children: TNode[]) => Renderable;
b: (...children: TNode[]) => Renderable;
base: (...children: TNode[]) => Renderable;
bdi: (...children: TNode[]) => Renderable;
bdo: (...children: TNode[]) => Renderable;
blockquote: (...children: TNode[]) => Renderable;
body: (...children: TNode[]) => Renderable;
br: (...children: TNode[]) => Renderable;
button: (...children: TNode[]) => Renderable;
canvas: (...children: TNode[]) => Renderable;
caption: (...children: TNode[]) => Renderable;
cite: (...children: TNode[]) => Renderable;
code: (...children: TNode[]) => Renderable;
col: (...children: TNode[]) => Renderable;
colgroup: (...children: TNode[]) => Renderable;
data: (...children: TNode[]) => Renderable;
datalist: (...children: TNode[]) => Renderable;
dd: (...children: TNode[]) => Renderable;
del: (...children: TNode[]) => Renderable;
details: (...children: TNode[]) => Renderable;
dfn: (...children: TNode[]) => Renderable;
dialog: (...children: TNode[]) => Renderable;
div: (...children: TNode[]) => Renderable;
dl: (...children: TNode[]) => Renderable;
dt: (...children: TNode[]) => Renderable;
em: (...children: TNode[]) => Renderable;
embed: (...children: TNode[]) => Renderable;
fieldset: (...children: TNode[]) => Renderable;
figcaption: (...children: TNode[]) => Renderable;
figure: (...children: TNode[]) => Renderable;
footer: (...children: TNode[]) => Renderable;
form: (...children: TNode[]) => Renderable;
h1: (...children: TNode[]) => Renderable;
h2: (...children: TNode[]) => Renderable;
h3: (...children: TNode[]) => Renderable;
h4: (...children: TNode[]) => Renderable;
h5: (...children: TNode[]) => Renderable;
h6: (...children: TNode[]) => Renderable;
head: (...children: TNode[]) => Renderable;
header: (...children: TNode[]) => Renderable;
hgroup: (...children: TNode[]) => Renderable;
hr: (...children: TNode[]) => Renderable;
html: (...children: TNode[]) => Renderable;
i: (...children: TNode[]) => Renderable;
iframe: (...children: TNode[]) => Renderable;
img: (...children: TNode[]) => Renderable;
input: (...children: TNode[]) => Renderable;
ins: (...children: TNode[]) => Renderable;
kbd: (...children: TNode[]) => Renderable;
label: (...children: TNode[]) => Renderable;
legend: (...children: TNode[]) => Renderable;
li: (...children: TNode[]) => Renderable;
link: (...children: TNode[]) => Renderable;
main: (...children: TNode[]) => Renderable;
map: (...children: TNode[]) => Renderable;
mark: (...children: TNode[]) => Renderable;
meta: (...children: TNode[]) => Renderable;
meter: (...children: TNode[]) => Renderable;
nav: (...children: TNode[]) => Renderable;
noscript: (...children: TNode[]) => Renderable;
object: (...children: TNode[]) => Renderable;
ol: (...children: TNode[]) => Renderable;
optgroup: (...children: TNode[]) => Renderable;
option: (...children: TNode[]) => Renderable;
output: (...children: TNode[]) => Renderable;
p: (...children: TNode[]) => Renderable;
param: (...children: TNode[]) => Renderable;
picture: (...children: TNode[]) => Renderable;
pre: (...children: TNode[]) => Renderable;
progress: (...children: TNode[]) => Renderable;
q: (...children: TNode[]) => Renderable;
rp: (...children: TNode[]) => Renderable;
rt: (...children: TNode[]) => Renderable;
ruby: (...children: TNode[]) => Renderable;
s: (...children: TNode[]) => Renderable;
samp: (...children: TNode[]) => Renderable;
script: (...children: TNode[]) => Renderable;
section: (...children: TNode[]) => Renderable;
select: (...children: TNode[]) => Renderable;
slot: (...children: TNode[]) => Renderable;
small: (...children: TNode[]) => Renderable;
source: (...children: TNode[]) => Renderable;
span: (...children: TNode[]) => Renderable;
strong: (...children: TNode[]) => Renderable;
style: (...children: TNode[]) => Renderable;
sub: (...children: TNode[]) => Renderable;
summary: (...children: TNode[]) => Renderable;
sup: (...children: TNode[]) => Renderable;
table: (...children: TNode[]) => Renderable;
tbody: (...children: TNode[]) => Renderable;
td: (...children: TNode[]) => Renderable;
template: (...children: TNode[]) => Renderable;
textarea: (...children: TNode[]) => Renderable;
tfoot: (...children: TNode[]) => Renderable;
th: (...children: TNode[]) => Renderable;
thead: (...children: TNode[]) => Renderable;
time: (...children: TNode[]) => Renderable;
title: (...children: TNode[]) => Renderable;
tr: (...children: TNode[]) => Renderable;
track: (...children: TNode[]) => Renderable;
u: (...children: TNode[]) => Renderable;
ul: (...children: TNode[]) => Renderable;
var: (...children: TNode[]) => Renderable;
video: (...children: TNode[]) => Renderable;
wbr: (...children: TNode[]) => Renderable;
};
/**
* A convenience object to create Renderables for HTMLInput elements.
*
* It automatically creates an attribute with the specified type
*
* @example
* ```ts
* input.text() // equivalent to html.input(attr.type('text'))
* ```
*
* @public
*/
export declare const input: {
number: (...children: TNode[]) => Renderable;
text: (...children: TNode[]) => Renderable;
color: (...children: TNode[]) => Renderable;
hidden: (...children: TNode[]) => Renderable;
button: (...children: TNode[]) => Renderable;
search: (...children: TNode[]) => Renderable;
time: (...children: TNode[]) => Renderable;
image: (...children: TNode[]) => Renderable;
reset: (...children: TNode[]) => Renderable;
submit: (...children: TNode[]) => Renderable;
checkbox: (...children: TNode[]) => Renderable;
radio: (...children: TNode[]) => Renderable;
file: (...children: TNode[]) => Renderable;
password: (...children: TNode[]) => Renderable;
date: (...children: TNode[]) => Renderable;
range: (...children: TNode[]) => Renderable;
month: (...children: TNode[]) => Renderable;
week: (...children: TNode[]) => Renderable;
email: (...children: TNode[]) => Renderable;
tel: (...children: TNode[]) => Renderable;
url: (...children: TNode[]) => Renderable;
"datetime-local": (...children: TNode[]) => Renderable;
};
/**
* A convenience object to create Renderables for SVG elements.
* @public
*/
export declare const svg: {
a: (...children: TNode[]) => Renderable;
animate: (...children: TNode[]) => Renderable;
animateMotion: (...children: TNode[]) => Renderable;
animateTransform: (...children: TNode[]) => Renderable;
circle: (...children: TNode[]) => Renderable;
clipPath: (...children: TNode[]) => Renderable;
defs: (...children: TNode[]) => Renderable;
desc: (...children: TNode[]) => Renderable;
ellipse: (...children: TNode[]) => Renderable;
feBlend: (...children: TNode[]) => Renderable;
feColorMatrix: (...children: TNode[]) => Renderable;
feComponentTransfer: (...children: TNode[]) => Renderable;
feComposite: (...children: TNode[]) => Renderable;
feConvolveMatrix: (...children: TNode[]) => Renderable;
feDiffuseLighting: (...children: TNode[]) => Renderable;
feDisplacementMap: (...children: TNode[]) => Renderable;
feDistantLight: (...children: TNode[]) => Renderable;
feDropShadow: (...children: TNode[]) => Renderable;
feFlood: (...children: TNode[]) => Renderable;
feFuncA: (...children: TNode[]) => Renderable;
feFuncB: (...children: TNode[]) => Renderable;
feFuncG: (...children: TNode[]) => Renderable;
feFuncR: (...children: TNode[]) => Renderable;
feGaussianBlur: (...children: TNode[]) => Renderable;
feImage: (...children: TNode[]) => Renderable;
feMerge: (...children: TNode[]) => Renderable;
feMergeNode: (...children: TNode[]) => Renderable;
feMorphology: (...children: TNode[]) => Renderable;
feOffset: (...children: TNode[]) => Renderable;
fePointLight: (...children: TNode[]) => Renderable;
feSpecularLighting: (...children: TNode[]) => Renderable;
feSpotLight: (...children: TNode[]) => Renderable;
feTile: (...children: TNode[]) => Renderable;
feTurbulence: (...children: TNode[]) => Renderable;
filter: (...children: TNode[]) => Renderable;
foreignObject: (...children: TNode[]) => Renderable;
g: (...children: TNode[]) => Renderable;
image: (...children: TNode[]) => Renderable;
line: (...children: TNode[]) => Renderable;
linearGradient: (...children: TNode[]) => Renderable;
marker: (...children: TNode[]) => Renderable;
mask: (...children: TNode[]) => Renderable;
metadata: (...children: TNode[]) => Renderable;
mpath: (...children: TNode[]) => Renderable;
path: (...children: TNode[]) => Renderable;
pattern: (...children: TNode[]) => Renderable;
polygon: (...children: TNode[]) => Renderable;
polyline: (...children: TNode[]) => Renderable;
radialGradient: (...children: TNode[]) => Renderable;
rect: (...children: TNode[]) => Renderable;
script: (...children: TNode[]) => Renderable;
set: (...children: TNode[]) => Renderable;
stop: (...children: TNode[]) => Renderable;
style: (...children: TNode[]) => Renderable;
svg: (...children: TNode[]) => Renderable;
switch: (...children: TNode[]) => Renderable;
symbol: (...children: TNode[]) => Renderable;
text: (...children: TNode[]) => Renderable;
textPath: (...children: TNode[]) => Renderable;
title: (...children: TNode[]) => Renderable;
tspan: (...children: TNode[]) => Renderable;
use: (...children: TNode[]) => Renderable;
};
/**
* A convenience object to create Renderables for MATH elements.
* @public
*/
export declare const math: {
maction: (...children: TNode[]) => Renderable;
math: (...children: TNode[]) => Renderable;
merror: (...children: TNode[]) => Renderable;
mfenced: (...children: TNode[]) => Renderable;
mfrac: (...children: TNode[]) => Renderable;
mi: (...children: TNode[]) => Renderable;
mmultiscripts: (...children: TNode[]) => Renderable;
mn: (...children: TNode[]) => Renderable;
mo: (...children: TNode[]) => Renderable;
mover: (...children: TNode[]) => Renderable;
mpadded: (...children: TNode[]) => Renderable;
mphantom: (...children: TNode[]) => Renderable;
mroot: (...children: TNode[]) => Renderable;
mrow: (...children: TNode[]) => Renderable;
ms: (...children: TNode[]) => Renderable;
mspace: (...children: TNode[]) => Renderable;
msqrt: (...children: TNode[]) => Renderable;
mstyle: (...children: TNode[]) => Renderable;
msub: (...children: TNode[]) => Renderable;
msubsup: (...children: TNode[]) => Renderable;
msup: (...children: TNode[]) => Renderable;
mtable: (...children: TNode[]) => Renderable;
mtd: (...children: TNode[]) => Renderable;
mtext: (...children: TNode[]) => Renderable;
mtr: (...children: TNode[]) => Renderable;
munder: (...children: TNode[]) => Renderable;
munderover: (...children: TNode[]) => Renderable;
semantics: (...children: TNode[]) => Renderable;
};