hyperscript-rxjs 1.3.15 → 1.3.17

package/src/hyperscript-rxjs/tabControls/bindTabIndex.js

@@ -1,59 +0,0 @@
-import { filter, map } from 'rxjs/operators';
-import { BehaviorSubject } from 'rxjs';
-
-/**
- * @typedef {import("../HyperscriptExtensions").HyperscriptExtensions<HTMLElement>} HyperscriptElement
- */
-
-/**
- * 绑定选项卡的激活状态到 `tabIndex`。
- *
- * `bindTabIndex` 函数将选项卡的导航按钮和内容面板与 `tabIndex` 绑定，
- * 实现动态切换选项卡的功能。
- *
- * @param {HTMLElement} tabRoot - 选项卡的根容器，包含导航栏和内容面板。
- * @param {BehaviorSubject<number>} tabIndex$ - 表示当前激活选项卡索引的 BehaviorSubject。
- *
- */
-export function bindTabIndex(tabRoot, tabIndex$) {
-
-    const navs = /** @type {HyperscriptElement} */ (tabRoot.firstChild); // 导航栏容器
-    const panels = /** @type {HyperscriptElement} */ (tabRoot.lastChild); // 内容面板容器
-
-    // 订阅 tabIndex，动态更新选项卡的激活状态
-    tabIndex$.subscribe(i => {
-        // 更新导航按钮的激活状态
-        Array.from(navs.childNodes).forEach((li, j) => {
-            const btn = /** @type {HTMLElement} */(li.firstChild);
-            if (i === j) {
-                btn.classList.add('active');
-            } else {
-                btn.classList.remove('active');
-            }
-        });
-
-        // 更新内容面板的激活状态
-        Array.from(panels.childNodes)
-            .forEach(
-                (panel, j) => {
-                    const classList = /** @type {HTMLElement} */ (panel).classList
-                    if (i === j) {
-                        classList.add('active');
-                    } else {
-                        classList.remove('active');
-                    }
-                });
-    });
-
-    // 监听导航按钮的点击事件，更新 tabIndex
-    navs.pipeEvent('click', click$ =>
-        click$.pipe(
-            map(e =>
-                Array.from(navs.childNodes)
-                    .map(e => /** @type {HTMLElement} */(e.firstChild))
-                    .indexOf(/** @type {HTMLElement} */(e.target))
-            ),
-            filter(i => i > -1) // 过滤无效索引
-        ).subscribe(tabIndex$)
-    );
-}

package/src/hyperscript-rxjs/tabControls/index.d.ts

@@ -1,8 +0,0 @@
-// main
-export * from './tabControl'
-
-// tabcontrol的内部组件
-export * from './bindTabIndex'
-export * from './tabNavItem'
-export * from './tabPanel'
-export * from './tabRoot'

package/src/hyperscript-rxjs/tabControls/index.js

@@ -1,10 +0,0 @@
-
-// main
-export * from './tabControl'
-
-
-// tabcontrol的内部组件
-export * from './bindTabIndex'
-export * from './tabNavItem'
-export * from './tabPanel'
-export * from './tabRoot'

package/src/hyperscript-rxjs/tabControls/tabControl.d.ts

@@ -1,19 +0,0 @@
-import { BehaviorSubject } from 'rxjs';
-
-/**
- * 创建静态选项卡组件。
- * 
- * @param props - 选项卡组件的属性，必须包含 tabIndex（BehaviorSubject<number>），可选 rootProps。
- * @param tabs - 导航按钮的内容数组，可以是字符串或 HTML 元素。
- * @param panels - 内容面板的内容数组，可以是字符串或 HTML 元素。
- * @returns 返回一个包含导航栏和内容面板的选项卡组件。
- */
-export function tabControl(
-  props: {
-    tabIndex: BehaviorSubject<number>,
-    [key: string]: any
-  },
-  tabs: Array<string | HTMLElement>,
-  panels: Array<string | HTMLElement>
-): HTMLElement;
-

package/src/hyperscript-rxjs/tabControls/tabControl.js

@@ -1,40 +0,0 @@
-import { tabRoot } from './tabRoot';
-import { tabNavItem } from './tabNavItem';
-import { tabPanel } from './tabPanel';
-import { bindTabIndex } from './bindTabIndex';
-import { BehaviorSubject } from 'rxjs';
-
-/**
- * 创建静态选项卡组件。
- *
- * `tabControl` 函数生成一个静态选项卡组件，其中选项卡的数量和顺序是固定的。
- * 每个选项卡由一个导航按钮和一个对应的内容面板组成。
- *
- * @param {{ tabIndex: BehaviorSubject<number>, [key: string]: any}} props - 选项卡组件的属性。
- * @param {Array<string|HTMLElement>} tabs - 导航按钮的内容数组，可以是字符串或 HTML 元素。
- * @param {Array<string|HTMLElement>} panels - 内容面板的内容数组，可以是字符串或 HTML 元素。
- * @returns {HTMLElement} - 返回一个包含导航栏和内容面板的选项卡组件。
- */
-export function tabControl(props, tabs, panels) {
-    const { tabIndex, ...rootProps } = props;
-
-    // 创建选项卡的根容器
-    const root = tabRoot(rootProps);
-    const tablist = /** @type {HTMLElement} */ (root.firstChild); // 导航栏容器
-    const tabcontent = /** @type {HTMLElement} */ (root.lastChild); // 内容面板容器
-
-    // 创建导航按钮并添加到导航栏
-    tabs
-        .map(tab => tabNavItem(tab))
-        .forEach(item => tablist.appendChild(item));
-
-    // 创建内容面板并添加到内容区域
-    panels
-        .map(panel => tabPanel(panel))
-        .forEach(panel => tabcontent.appendChild(panel));
-
-    // 绑定选项卡的激活状态
-    bindTabIndex(root, tabIndex);
-
-    return root;
-}

package/src/hyperscript-rxjs/tabControls/tabControl.test.js

@@ -1,98 +0,0 @@
-import { tabControl } from './tabControl';
-import { BehaviorSubject } from 'rxjs';
-
-describe('tabControl', () => {
-    test('should create a tab control with navigation and content panels', () => {
-        const tabIndex = new BehaviorSubject(0);
-        const tabs = ['Tab 1', 'Tab 2', 'Tab 3'];
-        const panels = ['Content 1', 'Content 2', 'Content 3'];
-
-        const tabComponent = tabControl({ tabIndex }, tabs, panels);
-
-        // 验证根容器
-        expect(tabComponent.tagName).toBe('DIV');
-        expect(tabComponent.children.length).toBe(2);
-
-        // 验证导航栏
-        const nav = tabComponent.firstChild;
-        expect(nav.tagName).toBe('UL');
-        expect(nav.classList.contains('nav-tabs')).toBe(true);
-        expect(nav.children.length).toBe(3);
-
-        // 验证导航按钮
-        Array.from(nav.children).forEach((navItem, index) => {
-            expect(navItem.tagName).toBe('LI');
-            expect(navItem.firstChild.tagName).toBe('BUTTON');
-            expect(navItem.firstChild.textContent).toBe(tabs[index]);
-        });
-
-        // 验证内容面板
-        const content = tabComponent.lastChild;
-        expect(content.tagName).toBe('DIV');
-        expect(content.classList.contains('tab-content')).toBe(true);
-        expect(content.children.length).toBe(3);
-
-        // 验证内容面板内容
-        Array.from(content.children).forEach((panel, index) => {
-            expect(panel.tagName).toBe('DIV');
-            expect(panel.textContent).toBe(panels[index]);
-        });
-
-        // 验证初始激活状态
-        expect(nav.children[0].firstChild.classList.contains('active')).toBe(true);
-        expect(content.children[0].classList.contains('active')).toBe(true);
-        expect(nav.children[1].firstChild.classList.contains('active')).toBe(false);
-        expect(content.children[1].classList.contains('active')).toBe(false);
-    });
-
-    test('should update active tab when tabIndex changes', () => {
-        const tabIndex = new BehaviorSubject(0);
-        const tabs = ['Tab 1', 'Tab 2', 'Tab 3'];
-        const panels = ['Content 1', 'Content 2', 'Content 3'];
-
-        const tabComponent = tabControl({ tabIndex }, tabs, panels);
-
-        const nav = tabComponent.firstChild;
-        const content = tabComponent.lastChild;
-
-        // 切换到第二个选项卡
-        tabIndex.next(1);
-
-        // 验证激活状态
-        expect(nav.children[0].firstChild.classList.contains('active')).toBe(false);
-        expect(content.children[0].classList.contains('active')).toBe(false);
-        expect(nav.children[1].firstChild.classList.contains('active')).toBe(true);
-        expect(content.children[1].classList.contains('active')).toBe(true);
-
-        // 切换到第三个选项卡
-        tabIndex.next(2);
-
-        // 验证激活状态
-        expect(nav.children[1].firstChild.classList.contains('active')).toBe(false);
-        expect(content.children[1].classList.contains('active')).toBe(false);
-        expect(nav.children[2].firstChild.classList.contains('active')).toBe(true);
-        expect(content.children[2].classList.contains('active')).toBe(true);
-    });
-
-    test('should handle empty tabs and panels', () => {
-        const tabIndex = new BehaviorSubject(0);
-        const tabs = [];
-        const panels = [];
-
-        const tabComponent = tabControl({ tabIndex }, tabs, panels);
-
-        // 验证根容器
-        expect(tabComponent.tagName).toBe('DIV');
-        expect(tabComponent.children.length).toBe(2);
-
-        // 验证导航栏为空
-        const nav = tabComponent.firstChild;
-        expect(nav.tagName).toBe('UL');
-        expect(nav.children.length).toBe(0);
-
-        // 验证内容面板为空
-        const content = tabComponent.lastChild;
-        expect(content.tagName).toBe('DIV');
-        expect(content.children.length).toBe(0);
-    });
-});

package/src/hyperscript-rxjs/tabControls/tabNavItem.d.ts

@@ -1,9 +0,0 @@
-/**
- * 选项卡的导航按钮。
- * 
- * @param source - 按钮的内容，可以是字符串或 HTML 元素。
- * @returns 返回一个带有 `nav-item` 样式类的 <li> 元素，内部包含一个按钮。
- */
-export function tabNavItem(
-  ...source: (string | HTMLElement)[]
-): HTMLElement;

package/src/hyperscript-rxjs/tabControls/tabNavItem.js

@@ -1,30 +0,0 @@
-import { button, li } from '../tags';
-
-/**
- * 选项卡的导航按钮。
- *
- * `tabNavItem` 函数生成一个选项卡的导航按钮，通常用于选项卡的导航栏中。
- *
- * @param {...(string|HTMLElement)} source - 按钮的内容，可以是字符串或 HTML 元素。
- * @returns {HTMLElement} - 返回一个带有 `nav-item` 样式类的 `<li>` 元素，内部包含一个按钮。
- *
- */
-export function tabNavItem(...source) {
-    // <li class="nav-item">
-    //     <button type="button" class="btn btn-link nav-link">
-    //        source
-    //     </button>
-    // </li>
-    return li(
-        {
-            className: 'nav-item',
-        },
-        button(
-            {
-                type: 'button',
-                className: 'btn btn-link nav-link',
-            },
-            ...source
-        )
-    );
-}

package/src/hyperscript-rxjs/tabControls/tabPanel.d.ts

@@ -1,9 +0,0 @@
-/**
- * 选项卡的内容面板。
- * 
- * @param source - 面板的内容，可以是字符串或 HTML 元素。
- * @returns 返回一个带有 `tab-pane` 样式类的 <div> 元素。
- */
-export function tabPanel(
-  ...source: (string | HTMLElement)[]
-): HTMLElement;

package/src/hyperscript-rxjs/tabControls/tabPanel.js

@@ -1,21 +0,0 @@
-import {  div } from '../tags'
-
-/**
- * 选项卡的内容面板。
- *
- * `tabPanel` 函数生成一个选项卡的内容区域，用于显示与选项卡对应的内容。
- *
- * @param {...(string|HTMLElement)} source - 面板的内容，可以是字符串或 HTML 元素。
- * @returns {HTMLElement} - 返回一个带有 `tab-pane` 样式类的 `<div>` 元素。
- *
- */
-export function tabPanel(...source) {
-    // <div class="tab-pane">
-    //     source
-    // </div>
-    return div({
-        className: 'tab-pane',
-    },
-        ...source
-    )
-}

package/src/hyperscript-rxjs/tabControls/tabRoot.d.ts

@@ -1,7 +0,0 @@
-/**
- * 选项卡组件的基础框架。
- * 
- * @param props - 传递给根容器 <div> 的属性（如 id、className 等）。
- * @returns 返回一个包含导航栏和内容面板的 <div> 元素。
- */
-export function tabRoot(props: { [key: string]: any }): HTMLElement;

package/src/hyperscript-rxjs/tabControls/tabRoot.js

@@ -1,26 +0,0 @@
-import { div, ul } from '../tags';
-
-/**
- * 选项卡组件的基础框架。
- *
- * `tabRoot` 函数生成一个包含导航栏和内容面板的容器结构，
- * 用于构建选项卡组件的基础部分。
- *
- * @param {Object} props - 传递给根容器 `<div>` 的属性（如 `id`、`className` 等）。
- * @returns {HTMLElement} - 返回一个包含导航栏和内容面板的 `<div>` 元素。
- *
- */
-export function tabRoot(props) {
-    // <div>
-    //     <ul class="nav nav-tabs"></ul>
-    //     <div class="tab-content"></div>
-    // </div>
-    return div(props,
-        ul({
-            className: 'nav nav-tabs',
-        }),
-        div({
-            className: 'tab-content',
-        })
-    );
-}

package/src/hyperscript-rxjs/tags.d.ts

@@ -1,193 +0,0 @@
-import { HyperscriptExtensions } from './HyperscriptExtensions';
-
-export function a(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLAnchorElement>;
-export function abbr(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function address(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function area(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLAreaElement>;
-export function article(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function aside(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function audio(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLAudioElement>;
-export function b(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function bdi(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function bdo(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function blockquote(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLQuoteElement>;
-export function br(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLBRElement>;
-export function button(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLButtonElement>;
-export function caption(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function cite(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function code(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function col(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLTableColElement>;
-export function colgroup(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLTableColElement>;
-export function data(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLDataElement>;
-export function datalist(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLDataListElement>;
-export function dd(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function del(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLModElement>;
-export function details(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLDetailsElement>;
-export function dfn(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function dialog(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLDialogElement>;
-export function div(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLDivElement>;
-export function dl(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLDListElement>;
-export function dt(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function em(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function fieldset(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLFieldSetElement>;
-export function figcaption(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function figure(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function footer(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function form(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLFormElement>;
-export function h1(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLHeadingElement>;
-export function h2(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLHeadingElement>;
-export function h3(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLHeadingElement>;
-export function h4(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLHeadingElement>;
-export function h5(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLHeadingElement>;
-export function h6(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLHeadingElement>;
-export function header(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function hgroup(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function hr(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLHRElement>;
-export function i(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function img(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLImageElement>;
-export function input(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLInputElement>;
-export function ins(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLModElement>;
-export function kbd(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function label(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLLabelElement>;
-export function legend(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLLegendElement>;
-export function li(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLLIElement>;
-export function main(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function mark(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function menu(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLMenuElement>;
-export function menuitem(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function meter(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLMeterElement>;
-export function nav(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function ol(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLOListElement>;
-export function optgroup(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLOptGroupElement>;
-export function option(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLOptionElement>;
-export function output(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLOutputElement>;
-export function p(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLParagraphElement>;
-export function pre(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLPreElement>;
-export function progress(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLProgressElement>;
-export function q(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLQuoteElement>;
-export function rb(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function rp(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function rt(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function rtc(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function ruby(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function s(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function samp(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function section(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function small(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function span(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLSpanElement>;
-export function strong(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function sub(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function summary(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function sup(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function table(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLTableElement>;
-export function tbody(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLTableSectionElement>;
-export function td(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLTableCellElement>;
-export function tfoot(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLTableSectionElement>;
-export function th(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLTableCellElement>;
-export function thead(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLTableSectionElement>;
-export function time(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLTimeElement>;
-export function tr(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLTableRowElement>;
-export function track(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLTrackElement>;
-export function tt(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function u(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function ul(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLUListElement>;
-export function video(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLVideoElement>;
-export function wbr(props: { [_: string]: any }, ...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-
-export function a(...childNodes: any[]): HyperscriptExtensions<HTMLAnchorElement>;
-export function abbr(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function address(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function area(...childNodes: any[]): HyperscriptExtensions<HTMLAreaElement>;
-export function article(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function aside(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function audio(...childNodes: any[]): HyperscriptExtensions<HTMLAudioElement>;
-export function b(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function bdi(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function bdo(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function blockquote(...childNodes: any[]): HyperscriptExtensions<HTMLQuoteElement>;
-export function br(...childNodes: any[]): HyperscriptExtensions<HTMLBRElement>;
-export function button(...childNodes: any[]): HyperscriptExtensions<HTMLButtonElement>;
-export function caption(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function cite(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function code(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function col(...childNodes: any[]): HyperscriptExtensions<HTMLTableColElement>;
-export function colgroup(...childNodes: any[]): HyperscriptExtensions<HTMLTableColElement>;
-export function data(...childNodes: any[]): HyperscriptExtensions<HTMLDataElement>;
-export function datalist(...childNodes: any[]): HyperscriptExtensions<HTMLDataListElement>;
-export function dd(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function del(...childNodes: any[]): HyperscriptExtensions<HTMLModElement>;
-export function details(...childNodes: any[]): HyperscriptExtensions<HTMLDetailsElement>;
-export function dfn(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function dialog(...childNodes: any[]): HyperscriptExtensions<HTMLDialogElement>;
-export function div(...childNodes: any[]): HyperscriptExtensions<HTMLDivElement>;
-export function dl(...childNodes: any[]): HyperscriptExtensions<HTMLDListElement>;
-export function dt(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function em(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function fieldset(...childNodes: any[]): HyperscriptExtensions<HTMLFieldSetElement>;
-export function figcaption(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function figure(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function footer(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function form(...childNodes: any[]): HyperscriptExtensions<HTMLFormElement>;
-export function h1(...childNodes: any[]): HyperscriptExtensions<HTMLHeadingElement>;
-export function h2(...childNodes: any[]): HyperscriptExtensions<HTMLHeadingElement>;
-export function h3(...childNodes: any[]): HyperscriptExtensions<HTMLHeadingElement>;
-export function h4(...childNodes: any[]): HyperscriptExtensions<HTMLHeadingElement>;
-export function h5(...childNodes: any[]): HyperscriptExtensions<HTMLHeadingElement>;
-export function h6(...childNodes: any[]): HyperscriptExtensions<HTMLHeadingElement>;
-export function header(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function hgroup(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function hr(...childNodes: any[]): HyperscriptExtensions<HTMLHRElement>;
-export function i(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function img(...childNodes: any[]): HyperscriptExtensions<HTMLImageElement>;
-export function input(...childNodes: any[]): HyperscriptExtensions<HTMLInputElement>;
-export function ins(...childNodes: any[]): HyperscriptExtensions<HTMLModElement>;
-export function kbd(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function label(...childNodes: any[]): HyperscriptExtensions<HTMLLabelElement>;
-export function legend(...childNodes: any[]): HyperscriptExtensions<HTMLLegendElement>;
-export function li(...childNodes: any[]): HyperscriptExtensions<HTMLLIElement>;
-export function main(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function mark(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function menu(...childNodes: any[]): HyperscriptExtensions<HTMLMenuElement>;
-export function menuitem(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function meter(...childNodes: any[]): HyperscriptExtensions<HTMLMeterElement>;
-export function nav(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function ol(...childNodes: any[]): HyperscriptExtensions<HTMLOListElement>;
-export function optgroup(...childNodes: any[]): HyperscriptExtensions<HTMLOptGroupElement>;
-export function option(...childNodes: any[]): HyperscriptExtensions<HTMLOptionElement>;
-export function output(...childNodes: any[]): HyperscriptExtensions<HTMLOutputElement>;
-export function p(...childNodes: any[]): HyperscriptExtensions<HTMLParagraphElement>;
-export function pre(...childNodes: any[]): HyperscriptExtensions<HTMLPreElement>;
-export function progress(...childNodes: any[]): HyperscriptExtensions<HTMLProgressElement>;
-export function q(...childNodes: any[]): HyperscriptExtensions<HTMLQuoteElement>;
-export function rb(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function rp(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function rt(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function rtc(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function ruby(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function s(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function samp(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function section(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function small(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function span(...childNodes: any[]): HyperscriptExtensions<HTMLSpanElement>;
-export function strong(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function sub(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function summary(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function sup(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function table(...childNodes: any[]): HyperscriptExtensions<HTMLTableElement>;
-export function tbody(...childNodes: any[]): HyperscriptExtensions<HTMLTableSectionElement>;
-export function td(...childNodes: any[]): HyperscriptExtensions<HTMLTableCellElement>;
-export function tfoot(...childNodes: any[]): HyperscriptExtensions<HTMLTableSectionElement>;
-export function th(...childNodes: any[]): HyperscriptExtensions<HTMLTableCellElement>;
-export function thead(...childNodes: any[]): HyperscriptExtensions<HTMLTableSectionElement>;
-export function time(...childNodes: any[]): HyperscriptExtensions<HTMLTimeElement>;
-export function tr(...childNodes: any[]): HyperscriptExtensions<HTMLTableRowElement>;
-export function track(...childNodes: any[]): HyperscriptExtensions<HTMLTrackElement>;
-export function tt(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function u(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-export function ul(...childNodes: any[]): HyperscriptExtensions<HTMLUListElement>;
-export function video(...childNodes: any[]): HyperscriptExtensions<HTMLVideoElement>;
-export function wbr(...childNodes: any[]): HyperscriptExtensions<HTMLElement>;
-
-
-
-