From e1854aee8486f02bee9b8168868765334c2324ed Mon Sep 17 00:00:00 2001 From: Yury Chetyrko Date: Sat, 16 Dec 2023 18:42:37 +0300 Subject: [PATCH] Get rid of El.controller --- source/html/El.ts | 51 ++-- source/html/Elements.ts | 26 +-- source/html/HtmlDriver.ts | 40 ++-- source/html/HtmlElements.ts | 346 ++++++++++++++-------------- source/html/sensors/ResizeSensor.ts | 2 +- 5 files changed, 233 insertions(+), 232 deletions(-) diff --git a/source/html/El.ts b/source/html/El.ts index 0ed4fad..7bb7786 100644 --- a/source/html/El.ts +++ b/source/html/El.ts @@ -10,26 +10,25 @@ import { equalElCoords, parseElCoords } from "./ElUtils.js" // ElDriver -export class ElDriver extends BaseDriver> { - allocate(node: RxNode>): El { - return new ElImpl(node) +export class ElDriver extends BaseDriver> { + allocate(node: RxNode>): El { + return new ElImpl(node) } } // BaseEl -export interface BaseEl { +export interface BaseEl { // System-managed properties - readonly node: RxNode> + readonly node: RxNode> // User-manageable properties model: M - controller: C } // El -export interface El extends BaseEl { +export interface El extends BaseEl { // System-managed properties native: T @@ -98,9 +97,9 @@ export type ElArea = undefined | string | { // ElImpl -export class ElImpl implements El { +export class ElImpl implements El { // System-managed properties - readonly node: RxNode> + readonly node: RxNode> maxColumnCount: number maxRowCount: number cursorPosition?: CursorPosition @@ -108,7 +107,6 @@ export class ElImpl implemen // User-defined properties model: M - controller: C private _kind: ElKind private _area: ElArea private _coords: ElCoords @@ -124,7 +122,7 @@ export class ElImpl implemen private _overlayVisible: boolean | undefined private _hasStyles: boolean - constructor(node: RxNode>) { + constructor(node: RxNode>) { // System-managed properties this.node = node this.maxColumnCount = 0 @@ -133,7 +131,6 @@ export class ElImpl implemen this.native = undefined as any as T // hack // User-defined properties this.model = undefined as any - this.controller = undefined as any as C // hack this._kind = ElKind.Part this._area = undefined this._coords = UndefinedElCoords @@ -438,20 +435,20 @@ export class CursorCommand { rowShift?: number } -export class CursorCommandDriver extends ElDriver { +export class CursorCommandDriver extends ElDriver { constructor() { super("cursor", false, el => el.kind = ElKind.Cursor) } } export class Apply { - static kind(element: El, value: ElKind): void { + static kind(element: El, value: ElKind): void { const kind = Constants.layouts[value] kind && element.native.setAttribute(Constants.kindAttrName, kind) VerstakDriversByLayout[value](element as any) } - static coords(element: El, value: ElCoords | undefined): void { + static coords(element: El, value: ElCoords | undefined): void { if (element.native instanceof HTMLElement) { const s = element.native.style if (value) { @@ -466,7 +463,7 @@ export class Apply { } } - static widthGrowth(element: El, value: number): void { + static widthGrowth(element: El, value: number): void { if (element.native instanceof HTMLElement) { const s = element.native.style if (value > 0) { @@ -480,17 +477,17 @@ export class Apply { } } - static minWidth(element: El, value: string): void { + static minWidth(element: El, value: string): void { if (element.native instanceof HTMLElement) element.native.style.minWidth = `${value}` } - static applyMaxWidth(element: El, value: string): void { + static applyMaxWidth(element: El, value: string): void { if (element.native instanceof HTMLElement) element.native.style.maxWidth = `${value}` } - static heightGrowth(element: El, value: number): void { + static heightGrowth(element: El, value: number): void { const bNode = element.node const driver = bNode.driver if (driver.isPartitionSeparator) { @@ -505,24 +502,24 @@ export class Apply { else { const hostDriver = bNode.host.driver if (hostDriver.isPartitionSeparator) { - const host = bNode.host.seat!.instance as RxNode> + const host = bNode.host.seat!.instance as RxNode> Apply.elementAlignment(element, Align.ToBounds) Apply.heightGrowth(host.element, value) } } } - static minHeight(element: El, value: string): void { + static minHeight(element: El, value: string): void { if (element.native instanceof HTMLElement) element.native.style.minHeight = `${value}` } - static maxHeight(element: El, value: string): void { + static maxHeight(element: El, value: string): void { if (element.native instanceof HTMLElement) element.native.style.maxHeight = `${value}` } - static contentAlignment(element: El, value: Align): void { + static contentAlignment(element: El, value: Align): void { if (element.native instanceof HTMLElement) { const s = element.native.style if ((value & Align.Default) === 0) { // if not auto mode @@ -538,7 +535,7 @@ export class Apply { } } - static elementAlignment(element: El, value: Align): void { + static elementAlignment(element: El, value: Align): void { if (element.native instanceof HTMLElement) { const s = element.native.style if ((value & Align.Default) === 0) { // if not auto mode @@ -555,7 +552,7 @@ export class Apply { } } - static contentWrapping(element: El, value: boolean): void { + static contentWrapping(element: El, value: boolean): void { if (element.native instanceof HTMLElement) { const s = element.native.style if (value) { @@ -573,7 +570,7 @@ export class Apply { } } - static overlayVisible(element: El, value: boolean | undefined): void { + static overlayVisible(element: El, value: boolean | undefined): void { const e = element.native if (e instanceof HTMLElement) { const s = e.style @@ -607,7 +604,7 @@ export class Apply { } } - static style(element: El, secondary: boolean, styleName: string, enabled?: boolean): void { + static style(element: El, secondary: boolean, styleName: string, enabled?: boolean): void { const native = element.native enabled ??= true if (secondary) diff --git a/source/html/Elements.ts b/source/html/Elements.ts index cc2792e..02bb5a1 100644 --- a/source/html/Elements.ts +++ b/source/html/Elements.ts @@ -30,17 +30,17 @@ import { HtmlElementDriver } from "./HtmlDriver.js" // Section -export function Section( - declaration?: RxNodeDecl>, - preset?: RxNodeDecl>): RxNode> { +export function Section( + declaration?: RxNodeDecl>, + preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(Drivers.section, declaration, preset) } // Table export function Table( - declaration?: RxNodeDecl>, - preset?: RxNodeDecl>): RxNode> { + declaration?: RxNodeDecl>, + preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(Drivers.table, declaration, preset) } @@ -66,7 +66,7 @@ export function cursor(areaParams: ElArea): void { // Note (either plain or html) export function Note(content: string, - declaration?: RxNodeDecl>): RxNode> { + declaration?: RxNodeDecl>): RxNode> { return RxNode.acquire(Drivers.note, declaration, { update(b) { b.native.innerText = content @@ -75,7 +75,7 @@ export function Note(content: string, } export function HtmlNote(content: string, - declaration?: RxNodeDecl>): RxNode> { + declaration?: RxNodeDecl>): RxNode> { return RxNode.acquire(Drivers.note, declaration, { update(b) { b.native.innerHTML = content @@ -86,16 +86,16 @@ export function HtmlNote(content: string, // Group export function Group( - declaration?: RxNodeDecl>, - preset?: RxNodeDecl>): RxNode> { + declaration?: RxNodeDecl>, + preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(Drivers.group, declaration, preset) } // PseudoElement -export function PseudoElement( - declaration?: RxNodeDecl>, - preset?: RxNodeDecl>): RxNode> { +export function PseudoElement( + declaration?: RxNodeDecl>, + preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(Drivers.pseudo, declaration, preset) } @@ -131,5 +131,5 @@ const Drivers = { cursor: new CursorCommandDriver(), // (no element) - pseudo: new ElDriver("pseudo", false, el => el.kind = ElKind.Group) as unknown as RxNodeDriver>, + pseudo: new ElDriver("pseudo", false, el => el.kind = ElKind.Group) as unknown as RxNodeDriver>, } diff --git a/source/html/HtmlDriver.ts b/source/html/HtmlDriver.ts index 6ed0775..17e1b87 100644 --- a/source/html/HtmlDriver.ts +++ b/source/html/HtmlDriver.ts @@ -10,19 +10,23 @@ import { Constants, El, ElDriver, ElImpl } from "./El.js" // WebDriver -export abstract class WebDriver extends ElDriver { +export class WebDriver extends ElDriver { - abstract acquireNativeElement(element: El): T + setNativeElement(node: RxNode>): void { + // it's up to descendant class to define logic + } - initialize(node: RxNode>): void { - const element = node.element - const native = element.native = this.acquireNativeElement(element) - if (RxSystem.isLogging && !element.node.driver.isPartitionSeparator) - native.setAttribute(Constants.keyAttrName, element.node.key) + initialize(node: RxNode>): void { + this.setNativeElement(node) + const e = node.element.native + if (RxSystem.isLogging && e !== undefined && !node.driver.isPartitionSeparator) + e.setAttribute(Constants.keyAttrName, node.key) super.initialize(node) + if (e == undefined && RxSystem.isLogging && !node.driver.isPartitionSeparator) + node.element.native.setAttribute(Constants.keyAttrName, node.key) } - finalize(node: RxNode>, isLeader: boolean): boolean { + finalize(node: RxNode>, isLeader: boolean): boolean { const element = node.element const native = element.native as T | undefined // hack if (native) { @@ -35,7 +39,7 @@ export abstract class WebDriver ext return false // children elements having native HTML elements are not treated as leaders } - mount(node: RxNode>): void { + mount(node: RxNode>): void { const element = node.element const native = element.native as T | undefined // hack if (native) { @@ -66,7 +70,7 @@ export abstract class WebDriver ext } } - update(node: RxNode>): void | Promise { + update(node: RxNode>): void | Promise { const element = node.element if (element instanceof ElImpl) element.prepareForUpdate() @@ -111,24 +115,24 @@ export class StaticDriver extends WebDriver { this.native = native } - acquireNativeElement(): T { - return this.native + setNativeElement(node: RxNode>): void { + node.element.native = this.native } } // HtmlElementDriver -export class HtmlElementDriver extends WebDriver { - acquireNativeElement(element: El): T { - return document.createElement(element.node.driver.name) as T +export class HtmlElementDriver extends WebDriver { + setNativeElement(node: RxNode>): void { + node.element.native = document.createElement(node.driver.name) as T } } // SvgElementDriver -export class SvgElementDriver extends WebDriver { - acquireNativeElement(element: El): T { - return document.createElementNS("http://www.w3.org/2000/svg", element.node.driver.name) as T +export class SvgElementDriver extends WebDriver { + setNativeElement(node: RxNode>): void { + node.element.native = document.createElementNS("http://www.w3.org/2000/svg", node.driver.name) as T } } diff --git a/source/html/HtmlElements.ts b/source/html/HtmlElements.ts index 341a0f9..ef73390 100644 --- a/source/html/HtmlElements.ts +++ b/source/html/HtmlElements.ts @@ -14,180 +14,180 @@ export function HtmlBody(declaration?: RxNodeDecl>, preset?: RxN return RxNode.acquire(driver, declaration, preset) } -export function A(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.a, declaration, preset) } -export function Abbr(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.abbr, declaration, preset) } -export function Address(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.address, declaration, preset) } -export function Area(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.area, declaration, preset) } -export function Article(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.article, declaration, preset) } -export function Aside(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.aside, declaration, preset) } -export function Audio(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.audio, declaration, preset) } -export function B(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.b, declaration, preset) } -export function Base(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.base, declaration, preset) } -export function Bdi(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.bdi, declaration, preset) } -export function Bdo(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.bdo, declaration, preset) } -export function Big(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.big, declaration, preset) } -export function BlockQuote(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.blockquote, declaration, preset) } -export function Body(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.body, declaration, preset) } -export function BR(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.br, declaration, preset) } -export function Button(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.button, declaration, preset) } -export function Canvas(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.canvas, declaration, preset) } -export function Caption(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.caption, declaration, preset) } -export function Cite(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.cite, declaration, preset) } -export function Code(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.code, declaration, preset) } -export function Col(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.col, declaration, preset) } -export function ColGroup(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.colgroup, declaration, preset) } -export function Data(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.data, declaration, preset) } -export function DataList(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.datalist, declaration, preset) } -export function DD(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.dd, declaration, preset) } -export function Del(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.del, declaration, preset) } -export function Details(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.details, declaration, preset) } -export function Dfn(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.dfn, declaration, preset) } -export function Div(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.div, declaration, preset) } -export function DL(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.dl, declaration, preset) } -export function DT(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.dt, declaration, preset) } -export function EM(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.em, declaration, preset) } -export function Embed(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.embed, declaration, preset) } -export function FieldSet(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.fieldset, declaration, preset) } -export function FigCaption(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.figcaption, declaration, preset) } -export function Figure(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.figure, declaration, preset) } -export function Footer(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.footer, declaration, preset) } -export function Form(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.form, declaration, preset) } -export function H1(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.h1, declaration, preset) } -export function H2(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.h2, declaration, preset) } -export function H3(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.h3, declaration, preset) } -export function H4(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.h4, declaration, preset) } -export function H5(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.h5, declaration, preset) } -export function H6(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.h6, declaration, preset) } -export function Head(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.head, declaration, preset) } -export function Header(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.header, declaration, preset) } -export function HGroup(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.hgroup, declaration, preset) } -export function HR(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.hr, declaration, preset) } -export function Html(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.html, declaration, preset) } -export function I(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.i, declaration, preset) } -export function IFrame(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.iframe, declaration, preset) } -export function Img(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.img, declaration, preset) } -export function Input(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.input, declaration, preset) } -export function Ins(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.ins, declaration, preset) } -export function Kbd(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.kbd, declaration, preset) } -export function KeyGen(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.keygen, declaration, preset) } -export function Label(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.label, declaration, preset) } -export function Legend(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.legend, declaration, preset) } -export function LI(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.li, declaration, preset) } -export function Link(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.link, declaration, preset) } -export function Main(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.main, declaration, preset) } -export function Map(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.map, declaration, preset) } -export function Mark(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.mark, declaration, preset) } -export function Menu(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.menu, declaration, preset) } -export function MenuItem(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.menuitem, declaration, preset) } -export function Meta(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.meta, declaration, preset) } -export function Meter(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.meter, declaration, preset) } -export function Nav(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.nav, declaration, preset) } -export function NoIndex(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.noindex, declaration, preset) } -export function NoScript(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.noscript, declaration, preset) } -export function Obj(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.object, declaration, preset) } -export function OL(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.ol, declaration, preset) } -export function OptGroup(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.optgroup, declaration, preset) } -export function Option(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.option, declaration, preset) } -export function Output(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.output, declaration, preset) } -export function P(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.p, declaration, preset) } -export function Param(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.param, declaration, preset) } -export function Picture(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.picture, declaration, preset) } -export function Pre(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.pre, declaration, preset) } -export function Progress(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.progress, declaration, preset) } -export function Q(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.q, declaration, preset) } -export function RP(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.rp, declaration, preset) } -export function RT(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.rt, declaration, preset) } -export function Ruby(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.ruby, declaration, preset) } -export function S(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.s, declaration, preset) } -export function Samp(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.samp, declaration, preset) } -export function Script(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.script, declaration, preset) } -export function Sctn(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.section, declaration, preset) } -export function Select(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.select, declaration, preset) } -export function Small(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.small, declaration, preset) } -export function Source(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.source, declaration, preset) } -export function Span(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.span, declaration, preset) } -export function Strong(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.strong, declaration, preset) } -export function Style(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.style, declaration, preset) } -export function Sub(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.sub, declaration, preset) } -export function Summary(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.summary, declaration, preset) } -export function Sup(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.sup, declaration, preset) } -export function Tbl(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.table, declaration, preset) } -export function Template(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.template, declaration, preset) } -export function TBody(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.tbody, declaration, preset) } -export function TD(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.td, declaration, preset) } -export function TextArea(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.textarea, declaration, preset) } -export function TFoot(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.tfoot, declaration, preset) } -export function TH(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.th, declaration, preset) } -export function THead(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.thead, declaration, preset) } -export function Time(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.time, declaration, preset) } -export function Title(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.title, declaration, preset) } -export function TR(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.tr, declaration, preset) } -export function Track(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.track, declaration, preset) } -export function U(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.u, declaration, preset) } -export function UL(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.ul, declaration, preset) } -export function Var(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.var, declaration, preset) } -export function Video(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.video, declaration, preset) } -export function Wbr(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.wbr, declaration, preset) } +export function A(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.a, declaration, preset) } +export function Abbr(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.abbr, declaration, preset) } +export function Address(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.address, declaration, preset) } +export function Area(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.area, declaration, preset) } +export function Article(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.article, declaration, preset) } +export function Aside(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.aside, declaration, preset) } +export function Audio(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.audio, declaration, preset) } +export function B(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.b, declaration, preset) } +export function Base(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.base, declaration, preset) } +export function Bdi(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.bdi, declaration, preset) } +export function Bdo(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.bdo, declaration, preset) } +export function Big(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.big, declaration, preset) } +export function BlockQuote(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.blockquote, declaration, preset) } +export function Body(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.body, declaration, preset) } +export function BR(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.br, declaration, preset) } +export function Button(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.button, declaration, preset) } +export function Canvas(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.canvas, declaration, preset) } +export function Caption(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.caption, declaration, preset) } +export function Cite(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.cite, declaration, preset) } +export function Code(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.code, declaration, preset) } +export function Col(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.col, declaration, preset) } +export function ColGroup(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.colgroup, declaration, preset) } +export function Data(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.data, declaration, preset) } +export function DataList(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.datalist, declaration, preset) } +export function DD(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.dd, declaration, preset) } +export function Del(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.del, declaration, preset) } +export function Details(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.details, declaration, preset) } +export function Dfn(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.dfn, declaration, preset) } +export function Div(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.div, declaration, preset) } +export function DL(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.dl, declaration, preset) } +export function DT(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.dt, declaration, preset) } +export function EM(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.em, declaration, preset) } +export function Embed(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.embed, declaration, preset) } +export function FieldSet(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.fieldset, declaration, preset) } +export function FigCaption(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.figcaption, declaration, preset) } +export function Figure(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.figure, declaration, preset) } +export function Footer(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.footer, declaration, preset) } +export function Form(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.form, declaration, preset) } +export function H1(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.h1, declaration, preset) } +export function H2(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.h2, declaration, preset) } +export function H3(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.h3, declaration, preset) } +export function H4(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.h4, declaration, preset) } +export function H5(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.h5, declaration, preset) } +export function H6(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.h6, declaration, preset) } +export function Head(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.head, declaration, preset) } +export function Header(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.header, declaration, preset) } +export function HGroup(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.hgroup, declaration, preset) } +export function HR(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.hr, declaration, preset) } +export function Html(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.html, declaration, preset) } +export function I(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.i, declaration, preset) } +export function IFrame(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.iframe, declaration, preset) } +export function Img(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.img, declaration, preset) } +export function Input(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.input, declaration, preset) } +export function Ins(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.ins, declaration, preset) } +export function Kbd(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.kbd, declaration, preset) } +export function KeyGen(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.keygen, declaration, preset) } +export function Label(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.label, declaration, preset) } +export function Legend(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.legend, declaration, preset) } +export function LI(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.li, declaration, preset) } +export function Link(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.link, declaration, preset) } +export function Main(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.main, declaration, preset) } +export function Map(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.map, declaration, preset) } +export function Mark(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.mark, declaration, preset) } +export function Menu(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.menu, declaration, preset) } +export function MenuItem(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.menuitem, declaration, preset) } +export function Meta(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.meta, declaration, preset) } +export function Meter(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.meter, declaration, preset) } +export function Nav(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.nav, declaration, preset) } +export function NoIndex(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.noindex, declaration, preset) } +export function NoScript(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.noscript, declaration, preset) } +export function Obj(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.object, declaration, preset) } +export function OL(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.ol, declaration, preset) } +export function OptGroup(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.optgroup, declaration, preset) } +export function Option(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.option, declaration, preset) } +export function Output(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.output, declaration, preset) } +export function P(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.p, declaration, preset) } +export function Param(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.param, declaration, preset) } +export function Picture(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.picture, declaration, preset) } +export function Pre(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.pre, declaration, preset) } +export function Progress(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.progress, declaration, preset) } +export function Q(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.q, declaration, preset) } +export function RP(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.rp, declaration, preset) } +export function RT(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.rt, declaration, preset) } +export function Ruby(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.ruby, declaration, preset) } +export function S(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.s, declaration, preset) } +export function Samp(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.samp, declaration, preset) } +export function Script(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.script, declaration, preset) } +export function Sctn(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.section, declaration, preset) } +export function Select(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.select, declaration, preset) } +export function Small(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.small, declaration, preset) } +export function Source(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.source, declaration, preset) } +export function Span(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.span, declaration, preset) } +export function Strong(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.strong, declaration, preset) } +export function Style(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.style, declaration, preset) } +export function Sub(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.sub, declaration, preset) } +export function Summary(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.summary, declaration, preset) } +export function Sup(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.sup, declaration, preset) } +export function Tbl(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.table, declaration, preset) } +export function Template(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.template, declaration, preset) } +export function TBody(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.tbody, declaration, preset) } +export function TD(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.td, declaration, preset) } +export function TextArea(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.textarea, declaration, preset) } +export function TFoot(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.tfoot, declaration, preset) } +export function TH(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.th, declaration, preset) } +export function THead(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.thead, declaration, preset) } +export function Time(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.time, declaration, preset) } +export function Title(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.title, declaration, preset) } +export function TR(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.tr, declaration, preset) } +export function Track(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.track, declaration, preset) } +export function U(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.u, declaration, preset) } +export function UL(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.ul, declaration, preset) } +export function Var(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.var, declaration, preset) } +export function Video(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.video, declaration, preset) } +export function Wbr(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(HtmlTags.wbr, declaration, preset) } -export function Svg(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.svg, declaration, preset) } -export function SvgA(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.a, declaration, preset) } -export function Animate(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.animate, declaration, preset) } -export function AnimateMotion(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.animateMotion, declaration, preset) } -export function AnimateTransform(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.animateTransform, declaration, preset) } -export function Circle(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.circle, declaration, preset) } -export function ClipPath(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.clipPath, declaration, preset) } -export function Defs(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.defs, declaration, preset) } -export function Desc(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.desc, declaration, preset) } -export function Ellipse(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.ellipse, declaration, preset) } -export function FeBlend(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feBlend, declaration, preset) } -export function FeColorMatrix(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feColorMatrix, declaration, preset) } -export function FeComponentTransfer(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feComponentTransfer, declaration, preset) } -export function FeComposite(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feComposite, declaration, preset) } -export function FeConvolveMatrix(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feConvolveMatrix, declaration, preset) } -export function FeDiffuseLighting(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feDiffuseLighting, declaration, preset) } -export function FeDisplacementMap(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feDisplacementMap, declaration, preset) } -export function FeDistantLight(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feDistantLight, declaration, preset) } -export function FeDropShadow(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feDropShadow, declaration, preset) } -export function FeFlood(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feFlood, declaration, preset) } -export function FeFuncA(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feFuncA, declaration, preset) } -export function FeFuncB(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feFuncB, declaration, preset) } -export function FeFuncG(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feFuncG, declaration, preset) } -export function FeFuncR(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feFuncR, declaration, preset) } -export function FeGaussianBlur(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feGaussianBlur, declaration, preset) } -export function FeImage(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feImage, declaration, preset) } -export function FeMerge(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feMerge, declaration, preset) } -export function FeMergeNode(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feMergeNode, declaration, preset) } -export function FeMorphology(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feMorphology, declaration, preset) } -export function FeOffset(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feOffset, declaration, preset) } -export function FePointLight(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.fePointLight, declaration, preset) } -export function FeSpecularLighting(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feSpecularLighting, declaration, preset) } -export function FeSpotLight(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feSpotLight, declaration, preset) } -export function FeTile(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feTile, declaration, preset) } -export function FeTurbulence(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feTurbulence, declaration, preset) } -export function Filter(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.filter, declaration, preset) } -export function ForeignObject(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.foreignObject, declaration, preset) } -export function G(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.g, declaration, preset) } -export function SvgImage(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.image, declaration, preset) } -export function SvgLine(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.line, declaration, preset) } -export function LinearGradient(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.linearGradient, declaration, preset) } -export function Marker(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.marker, declaration, preset) } -export function Mask(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.mask, declaration, preset) } -export function MetaData(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.metadata, declaration, preset) } -export function MPath(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.mpath, declaration, preset) } -export function Path(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.path, declaration, preset) } -export function Pattern(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.pattern, declaration, preset) } -export function Polygon(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.polygon, declaration, preset) } -export function PolyLine(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.polyline, declaration, preset) } -export function RadialGradient(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.radialGradient, declaration, preset) } -export function Rect(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.rect, declaration, preset) } -export function Stop(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.stop, declaration, preset) } -export function SvgSwitch(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.switch, declaration, preset) } -export function Symbol(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.symbol, declaration, preset) } -export function Text(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.text, declaration, preset) } -export function TextPath(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.textPath, declaration, preset) } -export function TSpan(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.tspan, declaration, preset) } -export function Use(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.use, declaration, preset) } -export function View(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.view, declaration, preset) } +export function Svg(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.svg, declaration, preset) } +export function SvgA(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.a, declaration, preset) } +export function Animate(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.animate, declaration, preset) } +export function AnimateMotion(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.animateMotion, declaration, preset) } +export function AnimateTransform(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.animateTransform, declaration, preset) } +export function Circle(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.circle, declaration, preset) } +export function ClipPath(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.clipPath, declaration, preset) } +export function Defs(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.defs, declaration, preset) } +export function Desc(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.desc, declaration, preset) } +export function Ellipse(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.ellipse, declaration, preset) } +export function FeBlend(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feBlend, declaration, preset) } +export function FeColorMatrix(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feColorMatrix, declaration, preset) } +export function FeComponentTransfer(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feComponentTransfer, declaration, preset) } +export function FeComposite(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feComposite, declaration, preset) } +export function FeConvolveMatrix(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feConvolveMatrix, declaration, preset) } +export function FeDiffuseLighting(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feDiffuseLighting, declaration, preset) } +export function FeDisplacementMap(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feDisplacementMap, declaration, preset) } +export function FeDistantLight(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feDistantLight, declaration, preset) } +export function FeDropShadow(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feDropShadow, declaration, preset) } +export function FeFlood(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feFlood, declaration, preset) } +export function FeFuncA(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feFuncA, declaration, preset) } +export function FeFuncB(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feFuncB, declaration, preset) } +export function FeFuncG(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feFuncG, declaration, preset) } +export function FeFuncR(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feFuncR, declaration, preset) } +export function FeGaussianBlur(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feGaussianBlur, declaration, preset) } +export function FeImage(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feImage, declaration, preset) } +export function FeMerge(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feMerge, declaration, preset) } +export function FeMergeNode(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feMergeNode, declaration, preset) } +export function FeMorphology(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feMorphology, declaration, preset) } +export function FeOffset(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feOffset, declaration, preset) } +export function FePointLight(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.fePointLight, declaration, preset) } +export function FeSpecularLighting(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feSpecularLighting, declaration, preset) } +export function FeSpotLight(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feSpotLight, declaration, preset) } +export function FeTile(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feTile, declaration, preset) } +export function FeTurbulence(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.feTurbulence, declaration, preset) } +export function Filter(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.filter, declaration, preset) } +export function ForeignObject(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.foreignObject, declaration, preset) } +export function G(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.g, declaration, preset) } +export function SvgImage(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.image, declaration, preset) } +export function SvgLine(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.line, declaration, preset) } +export function LinearGradient(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.linearGradient, declaration, preset) } +export function Marker(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.marker, declaration, preset) } +export function Mask(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.mask, declaration, preset) } +export function MetaData(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.metadata, declaration, preset) } +export function MPath(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.mpath, declaration, preset) } +export function Path(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.path, declaration, preset) } +export function Pattern(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.pattern, declaration, preset) } +export function Polygon(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.polygon, declaration, preset) } +export function PolyLine(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.polyline, declaration, preset) } +export function RadialGradient(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.radialGradient, declaration, preset) } +export function Rect(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.rect, declaration, preset) } +export function Stop(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.stop, declaration, preset) } +export function SvgSwitch(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.switch, declaration, preset) } +export function Symbol(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.symbol, declaration, preset) } +export function Text(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.text, declaration, preset) } +export function TextPath(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.textPath, declaration, preset) } +export function TSpan(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.tspan, declaration, preset) } +export function Use(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.use, declaration, preset) } +export function View(declaration?: RxNodeDecl>, preset?: RxNodeDecl>): RxNode> { return RxNode.acquire(SvgTags.view, declaration, preset) } const HtmlTags = { a: new HtmlElementDriver("a", false, el => el.kind = ElKind.Native), diff --git a/source/html/sensors/ResizeSensor.ts b/source/html/sensors/ResizeSensor.ts index 865be68..5e330c6 100644 --- a/source/html/sensors/ResizeSensor.ts +++ b/source/html/sensors/ResizeSensor.ts @@ -30,7 +30,7 @@ export class ResizeSensor extends Sensor { this.doReset() } - observeResizing(element: El, value: boolean, boxSizing: ResizeObserverBoxOptions = "content-box"): void { + observeResizing(element: El, value: boolean, boxSizing: ResizeObserverBoxOptions = "content-box"): void { const native = element.native if (native instanceof Element) { if (value) {