@esportsplus/ui 0.48.7 → 0.49.0

package/build/components/tooltip/onclick.js

@@ -1,9 +1,7 @@
-import * as template_69d8ea42df6d40bfb4950d47c33fd3631 from '@esportsplus/template';
-import { reactive } from '@esportsplus/template';
+import { html, reactive } from '@esportsplus/frontend';
 import { omit } from '@esportsplus/utilities';
 import { root } from '@esportsplus/ui';
 import template from '../../components/template/index.js';
-const template_69d8ea42df6d40bfb4950d47c33fd3634e = template_69d8ea42df6d40bfb4950d47c33fd3631.template(`<div class='tooltip'><!--$--></div>`);
 const OMIT = ['state', 'toggle'];
 let parent = null, queue = [], running = false, scheduled = false;
 function frame() {
@@ -26,11 +24,13 @@ function frame() {
 }
 export default template.factory((attributes, content) => {
     let state = attributes.state || reactive({ active: false }), toggle = attributes.toggle || false;
-    return (() => {
-        let root_69d8ea42df6d40bfb4950d47c33fd3634d = template_69d8ea42df6d40bfb4950d47c33fd3634e(), element_69d8ea42df6d40bfb4950d47c33fd3634f = root_69d8ea42df6d40bfb4950d47c33fd3634d.firstChild, element_69d8ea42df6d40bfb4950d47c33fd3634g = element_69d8ea42df6d40bfb4950d47c33fd3634f.firstChild, attributes_69d8ea42df6d40bfb4950d47c33fd3634h = { "class": "tooltip" };
-        template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd3634f, omit(attributes, OMIT), attributes_69d8ea42df6d40bfb4950d47c33fd3634h);
-        template_69d8ea42df6d40bfb4950d47c33fd3631.setList(element_69d8ea42df6d40bfb4950d47c33fd3634f, 'class', () => state.active && '--active', attributes_69d8ea42df6d40bfb4950d47c33fd3634h);
-        template_69d8ea42df6d40bfb4950d47c33fd3631.delegate(element_69d8ea42df6d40bfb4950d47c33fd3634f, 'click', function (e) {
+    return html `
+            <div
+                class='tooltip'
+                ${omit(attributes, OMIT)}
+                ${{
+        class: () => state.active && '--active',
+        onclick: function (e) {
             let active = true, node = e.target;
             if (this === node || (toggle && this.contains(node))) {
                 active = !state.active;
@@ -57,8 +57,10 @@ export default template.factory((attributes, content) => {
                 });
                 scheduled = true;
             }
-        });
-        template_69d8ea42df6d40bfb4950d47c33fd3631.slot(element_69d8ea42df6d40bfb4950d47c33fd3634g, content);
-        return root_69d8ea42df6d40bfb4950d47c33fd3634d;
-    })();
+        }
+    }}
+            >
+                ${content}
+            </div>
+        `;
 });

package/build/components/tooltip/onhover.d.ts

@@ -1,20 +1,20 @@
-import * as template_69d8ea42df6d40bfb4950d47c33fd3631 from '@esportsplus/template';
+import { Attributes } from '@esportsplus/frontend';
 declare const _default: {
     (): ReturnType<(this: {
-        attributes?: template_69d8ea42df6d40bfb4950d47c33fd3631.Attributes | undefined;
-        content?: template_69d8ea42df6d40bfb4950d47c33fd3631.Renderable<any>;
-    }, attributes: Readonly<template_69d8ea42df6d40bfb4950d47c33fd3631.Attributes>, content: template_69d8ea42df6d40bfb4950d47c33fd3631.Renderable<any>) => template_69d8ea42df6d40bfb4950d47c33fd3631.Renderable<any>>;
-    <T extends template_69d8ea42df6d40bfb4950d47c33fd3631.Attributes>(attributes: T): ReturnType<(this: {
-        attributes?: template_69d8ea42df6d40bfb4950d47c33fd3631.Attributes | undefined;
-        content?: template_69d8ea42df6d40bfb4950d47c33fd3631.Renderable<any>;
-    }, attributes: Readonly<template_69d8ea42df6d40bfb4950d47c33fd3631.Attributes>, content: template_69d8ea42df6d40bfb4950d47c33fd3631.Renderable<any>) => template_69d8ea42df6d40bfb4950d47c33fd3631.Renderable<any>>;
-    <T extends template_69d8ea42df6d40bfb4950d47c33fd3631.Renderable<any>>(content: T): ReturnType<(this: {
-        attributes?: template_69d8ea42df6d40bfb4950d47c33fd3631.Attributes | undefined;
-        content?: template_69d8ea42df6d40bfb4950d47c33fd3631.Renderable<any>;
-    }, attributes: Readonly<template_69d8ea42df6d40bfb4950d47c33fd3631.Attributes>, content: template_69d8ea42df6d40bfb4950d47c33fd3631.Renderable<any>) => template_69d8ea42df6d40bfb4950d47c33fd3631.Renderable<any>>;
-    (attributes: template_69d8ea42df6d40bfb4950d47c33fd3631.Attributes, content: template_69d8ea42df6d40bfb4950d47c33fd3631.Renderable<any>): ReturnType<(this: {
-        attributes?: template_69d8ea42df6d40bfb4950d47c33fd3631.Attributes | undefined;
-        content?: template_69d8ea42df6d40bfb4950d47c33fd3631.Renderable<any>;
-    }, attributes: Readonly<template_69d8ea42df6d40bfb4950d47c33fd3631.Attributes>, content: template_69d8ea42df6d40bfb4950d47c33fd3631.Renderable<any>) => template_69d8ea42df6d40bfb4950d47c33fd3631.Renderable<any>>;
+        attributes?: Attributes | undefined;
+        content?: import("@esportsplus/frontend").Renderable<any>;
+    }, attributes: Readonly<Attributes>, content: import("@esportsplus/frontend").Renderable<any>) => import("@esportsplus/frontend").Renderable<any>>;
+    <T extends Attributes>(attributes: T): ReturnType<(this: {
+        attributes?: Attributes | undefined;
+        content?: import("@esportsplus/frontend").Renderable<any>;
+    }, attributes: Readonly<Attributes>, content: import("@esportsplus/frontend").Renderable<any>) => import("@esportsplus/frontend").Renderable<any>>;
+    <T extends import("@esportsplus/frontend").Renderable<any>>(content: T): ReturnType<(this: {
+        attributes?: Attributes | undefined;
+        content?: import("@esportsplus/frontend").Renderable<any>;
+    }, attributes: Readonly<Attributes>, content: import("@esportsplus/frontend").Renderable<any>) => import("@esportsplus/frontend").Renderable<any>>;
+    (attributes: Attributes, content: import("@esportsplus/frontend").Renderable<any>): ReturnType<(this: {
+        attributes?: Attributes | undefined;
+        content?: import("@esportsplus/frontend").Renderable<any>;
+    }, attributes: Readonly<Attributes>, content: import("@esportsplus/frontend").Renderable<any>) => import("@esportsplus/frontend").Renderable<any>>;
 };
 export default _default;

package/build/components/tooltip/onhover.js

@@ -1,22 +1,24 @@
-import * as template_69d8ea42df6d40bfb4950d47c33fd3631 from '@esportsplus/template';
-import { reactive } from '@esportsplus/template';
+import { html, reactive } from '@esportsplus/frontend';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
-const template_69d8ea42df6d40bfb4950d47c33fd3634j = template_69d8ea42df6d40bfb4950d47c33fd3631.template(`<div class='tooltip'><!--$--></div>`);
 const OMIT = ['state'];
 export default template.factory((attributes, content) => {
     let state = attributes.state || reactive({ active: false });
-    return (() => {
-        let root_69d8ea42df6d40bfb4950d47c33fd3634i = template_69d8ea42df6d40bfb4950d47c33fd3634j(), element_69d8ea42df6d40bfb4950d47c33fd3634k = root_69d8ea42df6d40bfb4950d47c33fd3634i.firstChild, element_69d8ea42df6d40bfb4950d47c33fd3634l = element_69d8ea42df6d40bfb4950d47c33fd3634k.firstChild, attributes_69d8ea42df6d40bfb4950d47c33fd3634m = { "class": "tooltip" };
-        template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd3634k, omit(attributes, OMIT), attributes_69d8ea42df6d40bfb4950d47c33fd3634m);
-        template_69d8ea42df6d40bfb4950d47c33fd3631.setList(element_69d8ea42df6d40bfb4950d47c33fd3634k, 'class', () => state.active && '--active', attributes_69d8ea42df6d40bfb4950d47c33fd3634m);
-        template_69d8ea42df6d40bfb4950d47c33fd3631.delegate(element_69d8ea42df6d40bfb4950d47c33fd3634k, 'mouseover', () => {
+    return html `
+            <div
+                class='tooltip'
+                ${omit(attributes, OMIT)}
+                ${{
+        class: () => state.active && '--active',
+        onmouseover: () => {
             state.active = true;
-        });
-        template_69d8ea42df6d40bfb4950d47c33fd3631.delegate(element_69d8ea42df6d40bfb4950d47c33fd3634k, 'mouseout', () => {
+        },
+        onmouseout: () => {
             state.active = false;
-        });
-        template_69d8ea42df6d40bfb4950d47c33fd3631.slot(element_69d8ea42df6d40bfb4950d47c33fd3634l, content);
-        return root_69d8ea42df6d40bfb4950d47c33fd3634i;
-    })();
+        }
+    }}
+            >
+                ${content}
+            </div>
+        `;
 });

package/build/components/typewriter/index.d.ts

@@ -1,21 +1,20 @@
-import * as template_69d8ea42df6d40bfb4950d47c33fd3631 from '@esportsplus/template';
 import './scss/index.scss';
 declare const _default: {
     (): ReturnType<(this: {
-        attributes?: template_69d8ea42df6d40bfb4950d47c33fd3631.Attributes | undefined;
+        attributes?: import("@esportsplus/frontend").Attributes | undefined;
         content?: string[] | undefined;
-    }, attributes: Readonly<template_69d8ea42df6d40bfb4950d47c33fd3631.Attributes>, content: string[]) => template_69d8ea42df6d40bfb4950d47c33fd3631.Renderable<any>>;
-    <T extends template_69d8ea42df6d40bfb4950d47c33fd3631.Attributes>(attributes: T): ReturnType<(this: {
-        attributes?: template_69d8ea42df6d40bfb4950d47c33fd3631.Attributes | undefined;
+    }, attributes: Readonly<import("@esportsplus/frontend").Attributes>, content: string[]) => import("@esportsplus/frontend").Renderable<any>>;
+    <T extends import("@esportsplus/frontend").Attributes>(attributes: T): ReturnType<(this: {
+        attributes?: import("@esportsplus/frontend").Attributes | undefined;
         content?: string[] | undefined;
-    }, attributes: Readonly<template_69d8ea42df6d40bfb4950d47c33fd3631.Attributes>, content: string[]) => template_69d8ea42df6d40bfb4950d47c33fd3631.Renderable<any>>;
+    }, attributes: Readonly<import("@esportsplus/frontend").Attributes>, content: string[]) => import("@esportsplus/frontend").Renderable<any>>;
     <T extends string[]>(content: T): ReturnType<(this: {
-        attributes?: template_69d8ea42df6d40bfb4950d47c33fd3631.Attributes | undefined;
+        attributes?: import("@esportsplus/frontend").Attributes | undefined;
         content?: string[] | undefined;
-    }, attributes: Readonly<template_69d8ea42df6d40bfb4950d47c33fd3631.Attributes>, content: string[]) => template_69d8ea42df6d40bfb4950d47c33fd3631.Renderable<any>>;
-    (attributes: template_69d8ea42df6d40bfb4950d47c33fd3631.Attributes, content: string[]): ReturnType<(this: {
-        attributes?: template_69d8ea42df6d40bfb4950d47c33fd3631.Attributes | undefined;
+    }, attributes: Readonly<import("@esportsplus/frontend").Attributes>, content: string[]) => import("@esportsplus/frontend").Renderable<any>>;
+    (attributes: import("@esportsplus/frontend").Attributes, content: string[]): ReturnType<(this: {
+        attributes?: import("@esportsplus/frontend").Attributes | undefined;
         content?: string[] | undefined;
-    }, attributes: Readonly<template_69d8ea42df6d40bfb4950d47c33fd3631.Attributes>, content: string[]) => template_69d8ea42df6d40bfb4950d47c33fd3631.Renderable<any>>;
+    }, attributes: Readonly<import("@esportsplus/frontend").Attributes>, content: string[]) => import("@esportsplus/frontend").Renderable<any>>;
 };
 export default _default;

package/build/components/typewriter/index.js

@@ -1,15 +1,12 @@
-import * as template_69d8ea42df6d40bfb4950d47c33fd3631 from '@esportsplus/template';
-import { reactive } from '@esportsplus/template';
+import { html, reactive } from '@esportsplus/frontend';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_69d8ea42df6d40bfb4950d47c33fd3634o = template_69d8ea42df6d40bfb4950d47c33fd3631.template(`<div class='typewriter'><!--$--></div>`);
-const template_69d8ea42df6d40bfb4950d47c33fd3634r = template_69d8ea42df6d40bfb4950d47c33fd3631.template(``);
-const EMPTY_NODE = template_69d8ea42df6d40bfb4950d47c33fd3634r();
+const EMPTY_NODE = html ` `;
 export default template.factory(function (_, content) {
     let state = reactive({ text: '' });
-    return (() => {
-        let root_69d8ea42df6d40bfb4950d47c33fd3634n = template_69d8ea42df6d40bfb4950d47c33fd3634o(), element_69d8ea42df6d40bfb4950d47c33fd3634p = root_69d8ea42df6d40bfb4950d47c33fd3634n.firstChild, element_69d8ea42df6d40bfb4950d47c33fd3634q = element_69d8ea42df6d40bfb4950d47c33fd3634p.firstChild;
-        template_69d8ea42df6d40bfb4950d47c33fd3631.onconnect(element_69d8ea42df6d40bfb4950d47c33fd3634p, () => {
+    return html `
+            <div class='typewriter' ${{
+        onconnect: () => {
             let character = 0, i = 0, isWriting = true, write = content[i];
             function play() {
                 setTimeout(() => {
@@ -37,8 +34,9 @@ export default template.factory(function (_, content) {
                 }, isWriting ? 64 : 32);
             }
             play();
-        });
-        new template_69d8ea42df6d40bfb4950d47c33fd3631.EffectSlot(element_69d8ea42df6d40bfb4950d47c33fd3634q, () => state.text || EMPTY_NODE);
-        return root_69d8ea42df6d40bfb4950d47c33fd3634n;
-    })();
+        }
+    }}>
+                ${() => state.text || EMPTY_NODE}
+            </div>
+        `;
 });

package/build/themes/dark/alert.d.ts

@@ -2,10 +2,10 @@ declare const _default: {
     content: DocumentFragment;
     deactivate: () => void;
     error: {
-        (messages: import("@esportsplus/template").Renderable<any>, seconds?: number): void;
+        (messages: import("@esportsplus/frontend").Renderable<any>, seconds?: number): void;
         response(response: import("@esportsplus/action").Response<any>): void;
     };
-    info: (messages: import("@esportsplus/template").Renderable<any>, seconds?: number) => void;
-    success: (messages: import("@esportsplus/template").Renderable<any>, seconds?: number) => void;
+    info: (messages: import("@esportsplus/frontend").Renderable<any>, seconds?: number) => void;
+    success: (messages: import("@esportsplus/frontend").Renderable<any>, seconds?: number) => void;
 };
 export default _default;

package/build/themes/dark/back.d.ts

@@ -1,15 +1,15 @@
 declare const _default: {
     (): ReturnType<(this: {
-        attributes?: import("@esportsplus/template").Attributes;
-    }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
-    <T extends import("@esportsplus/template").Attributes>(attributes: T): ReturnType<(this: {
-        attributes?: import("@esportsplus/template").Attributes;
-    }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
-    <T extends import("@esportsplus/template").Renderable<any>>(content: T): ReturnType<(this: {
-        attributes?: import("@esportsplus/template").Attributes;
-    }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
-    (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
-        attributes?: import("@esportsplus/template").Attributes;
-    }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        attributes?: import("@esportsplus/frontend").Attributes;
+    }, attributes: Readonly<import("@esportsplus/frontend").Attributes>, content: import("@esportsplus/frontend").Renderable<any>) => import("@esportsplus/frontend").Renderable<any>>;
+    <T extends import("@esportsplus/frontend").Attributes>(attributes: T): ReturnType<(this: {
+        attributes?: import("@esportsplus/frontend").Attributes;
+    }, attributes: Readonly<import("@esportsplus/frontend").Attributes>, content: import("@esportsplus/frontend").Renderable<any>) => import("@esportsplus/frontend").Renderable<any>>;
+    <T extends import("@esportsplus/frontend").Renderable<any>>(content: T): ReturnType<(this: {
+        attributes?: import("@esportsplus/frontend").Attributes;
+    }, attributes: Readonly<import("@esportsplus/frontend").Attributes>, content: import("@esportsplus/frontend").Renderable<any>) => import("@esportsplus/frontend").Renderable<any>>;
+    (attributes: import("@esportsplus/frontend").Attributes, content: import("@esportsplus/frontend").Renderable<any>): ReturnType<(this: {
+        attributes?: import("@esportsplus/frontend").Attributes;
+    }, attributes: Readonly<import("@esportsplus/frontend").Attributes>, content: import("@esportsplus/frontend").Renderable<any>) => import("@esportsplus/frontend").Renderable<any>>;
 };
 export default _default;

package/build/themes/dark/input.d.ts

@@ -1,118 +1,118 @@
 declare const _default: (attributes: {
     [key: `aria-${string}`]: string | number | boolean | undefined;
     [key: `data-${string}`]: string | undefined;
-    class?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
-    onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
-    ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
-    onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
-    ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
-    style?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+    class?: import("node_modules/@esportsplus/frontend/build/template/types").Attribute | import("node_modules/@esportsplus/frontend/build/template/types").Attribute[];
+    onconnect?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+    ondisconnect?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+    onrender?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+    ontick?: ((dispose: VoidFunction, element: import("@esportsplus/frontend").Element) => void) | undefined;
+    style?: import("node_modules/@esportsplus/frontend/build/template/types").Attribute | import("node_modules/@esportsplus/frontend/build/template/types").Attribute[];
 } & {
-    onabort?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
-    onanimationcancel?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
-    onanimationend?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
-    onanimationiteration?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
-    onanimationstart?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
-    onauxclick?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
-    onbeforeinput?: ((this: import("@esportsplus/template").Element, event: InputEvent) => void) | undefined;
-    onbeforematch?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onbeforetoggle?: ((this: import("@esportsplus/template").Element, event: ToggleEvent) => void) | undefined;
-    onblur?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
-    oncancel?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    oncanplay?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    oncanplaythrough?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onclick?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
-    onclose?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    oncompositionend?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
-    oncompositionstart?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
-    oncompositionupdate?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
-    oncontextlost?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    oncontextmenu?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
-    oncontextrestored?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    oncopy?: ((this: import("@esportsplus/template").Element, event: ClipboardEvent) => void) | undefined;
-    oncuechange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    oncut?: ((this: import("@esportsplus/template").Element, event: ClipboardEvent) => void) | undefined;
-    ondblclick?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
-    ondrag?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
-    ondragend?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
-    ondragenter?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
-    ondragleave?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
-    ondragover?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
-    ondragstart?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
-    ondrop?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
-    ondurationchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onemptied?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onended?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onerror?: ((this: import("@esportsplus/template").Element, event: ErrorEvent) => void) | undefined;
-    onfocus?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
-    onfocusin?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
-    onfocusout?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
-    onformdata?: ((this: import("@esportsplus/template").Element, event: FormDataEvent) => void) | undefined;
-    ongotpointercapture?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
-    oninput?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    oninvalid?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onkeydown?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
-    onkeypress?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
-    onkeyup?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
-    onload?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onloadeddata?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onloadedmetadata?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onloadstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onlostpointercapture?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
-    onmousedown?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
-    onmouseenter?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
-    onmouseleave?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
-    onmousemove?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
-    onmouseout?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
-    onmouseover?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
-    onmouseup?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
-    onpaste?: ((this: import("@esportsplus/template").Element, event: ClipboardEvent) => void) | undefined;
-    onpause?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onplay?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onplaying?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onpointercancel?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
-    onpointerdown?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
-    onpointerenter?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
-    onpointerleave?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
-    onpointermove?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
-    onpointerout?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
-    onpointerover?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
-    onpointerrawupdate?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onpointerup?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
-    onprogress?: ((this: import("@esportsplus/template").Element, event: ProgressEvent<EventTarget>) => void) | undefined;
-    onratechange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onreset?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onresize?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
-    onscroll?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onscrollend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onsecuritypolicyviolation?: ((this: import("@esportsplus/template").Element, event: SecurityPolicyViolationEvent) => void) | undefined;
-    onseeked?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onseeking?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onselect?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onselectionchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onselectstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onslotchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onstalled?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onsubmit?: ((this: import("@esportsplus/template").Element, event: SubmitEvent) => void) | undefined;
-    onsuspend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    ontimeupdate?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    ontoggle?: ((this: import("@esportsplus/template").Element, event: ToggleEvent) => void) | undefined;
-    ontouchcancel?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-    ontouchend?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-    ontouchmove?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-    ontouchstart?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-    ontransitioncancel?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-    ontransitionend?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-    ontransitionrun?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-    ontransitionstart?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-    onvolumechange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onwaiting?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onwebkitanimationend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onwebkitanimationiteration?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onwebkitanimationstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onwebkittransitionend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-    onwheel?: ((this: import("@esportsplus/template").Element, event: WheelEvent) => void) | undefined;
+    onabort?: ((this: import("@esportsplus/frontend").Element, event: UIEvent) => void) | undefined;
+    onanimationcancel?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+    onanimationend?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+    onanimationiteration?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+    onanimationstart?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+    onauxclick?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+    onbeforeinput?: ((this: import("@esportsplus/frontend").Element, event: InputEvent) => void) | undefined;
+    onbeforematch?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onbeforetoggle?: ((this: import("@esportsplus/frontend").Element, event: ToggleEvent) => void) | undefined;
+    onblur?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+    oncancel?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    oncanplay?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    oncanplaythrough?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onclick?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+    onclose?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    oncompositionend?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+    oncompositionstart?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+    oncompositionupdate?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+    oncontextlost?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    oncontextmenu?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+    oncontextrestored?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    oncopy?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+    oncuechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    oncut?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+    ondblclick?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+    ondrag?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+    ondragend?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+    ondragenter?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+    ondragleave?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+    ondragover?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+    ondragstart?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+    ondrop?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+    ondurationchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onemptied?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onended?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onerror?: ((this: import("@esportsplus/frontend").Element, event: ErrorEvent) => void) | undefined;
+    onfocus?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+    onfocusin?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+    onfocusout?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+    onformdata?: ((this: import("@esportsplus/frontend").Element, event: FormDataEvent) => void) | undefined;
+    ongotpointercapture?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+    oninput?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    oninvalid?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onkeydown?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+    onkeypress?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+    onkeyup?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+    onload?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onloadeddata?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onloadedmetadata?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onloadstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onlostpointercapture?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+    onmousedown?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+    onmouseenter?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+    onmouseleave?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+    onmousemove?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+    onmouseout?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+    onmouseover?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+    onmouseup?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+    onpaste?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+    onpause?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onplay?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onplaying?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onpointercancel?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+    onpointerdown?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+    onpointerenter?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+    onpointerleave?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+    onpointermove?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+    onpointerout?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+    onpointerover?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+    onpointerrawupdate?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onpointerup?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+    onprogress?: ((this: import("@esportsplus/frontend").Element, event: ProgressEvent<EventTarget>) => void) | undefined;
+    onratechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onreset?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onresize?: ((this: import("@esportsplus/frontend").Element, event: UIEvent) => void) | undefined;
+    onscroll?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onscrollend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onsecuritypolicyviolation?: ((this: import("@esportsplus/frontend").Element, event: SecurityPolicyViolationEvent) => void) | undefined;
+    onseeked?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onseeking?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onselect?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onselectionchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onselectstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onslotchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onstalled?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onsubmit?: ((this: import("@esportsplus/frontend").Element, event: SubmitEvent) => void) | undefined;
+    onsuspend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    ontimeupdate?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    ontoggle?: ((this: import("@esportsplus/frontend").Element, event: ToggleEvent) => void) | undefined;
+    ontouchcancel?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+    ontouchend?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+    ontouchmove?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+    ontouchstart?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+    ontransitioncancel?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+    ontransitionend?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+    ontransitionrun?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+    ontransitionstart?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+    onvolumechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onwaiting?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onwebkitanimationend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onwebkitanimationiteration?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onwebkitanimationstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onwebkittransitionend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+    onwheel?: ((this: import("@esportsplus/frontend").Element, event: WheelEvent) => void) | undefined;
 } & Record<PropertyKey, unknown> & {
     state?: {
         active: boolean;