@esportsplus/ui 0.46.0 → 0.48.0

package/build/components/tooltip/onclick.js

@@ -1,8 +1,10 @@
-import { reactive } from '@esportsplus/reactivity';
-import { html } from '@esportsplus/template';
+import * as template_ed8f776bb07a460eadcbcfe445975fdf1 from '@esportsplus/template';
+import { reactive } from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import { root } from '@esportsplus/ui';
 import template from '../../components/template/index.js';
+const template_ed8f776bb07a460eadcbcfe445975fdf3g = template_ed8f776bb07a460eadcbcfe445975fdf1.template(`<div
+ class='tooltip'><!--$--></div>`);
 const OMIT = ['state', 'toggle'];
 let parent = null, queue = [], running = false, scheduled = false;
 function frame() {
@@ -25,13 +27,11 @@ function frame() {
 }
 export default template.factory((attributes, content) => {
     let state = attributes.state || reactive({ active: false }), toggle = attributes.toggle || false;
-    return html `
-            <div
-                class='tooltip'
-                ${omit(attributes, OMIT)}
-                ${{
-        class: () => state.active && '--active',
-        onclick: function (e) {
+    return (() => {
+        let root_ed8f776bb07a460eadcbcfe445975fdf3f = template_ed8f776bb07a460eadcbcfe445975fdf3g(), element_ed8f776bb07a460eadcbcfe445975fdf3h = root_ed8f776bb07a460eadcbcfe445975fdf3f.firstChild, element_ed8f776bb07a460eadcbcfe445975fdf3i = element_ed8f776bb07a460eadcbcfe445975fdf3h.firstChild;
+        template_ed8f776bb07a460eadcbcfe445975fdf1.setProperties(element_ed8f776bb07a460eadcbcfe445975fdf3h, omit(attributes, OMIT));
+        template_ed8f776bb07a460eadcbcfe445975fdf1.setClass(element_ed8f776bb07a460eadcbcfe445975fdf3h, '', () => state.active && '--active');
+        template_ed8f776bb07a460eadcbcfe445975fdf1.delegate(element_ed8f776bb07a460eadcbcfe445975fdf3h, 'click', function (e) {
             let active = true, node = e.target;
             if (this === node || (toggle && this.contains(node))) {
                 active = !state.active;
@@ -58,10 +58,8 @@ export default template.factory((attributes, content) => {
                 });
                 scheduled = true;
             }
-        }
-    }}
-            >
-                ${content}
-            </div>
-        `;
+        });
+        template_ed8f776bb07a460eadcbcfe445975fdf1.slot(element_ed8f776bb07a460eadcbcfe445975fdf3i, content);
+        return root_ed8f776bb07a460eadcbcfe445975fdf3f;
+    })();
 });

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

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

package/build/components/tooltip/onhover.js

@@ -1,25 +1,23 @@
-import { reactive } from '@esportsplus/reactivity';
-import { html } from '@esportsplus/template';
+import * as template_ed8f776bb07a460eadcbcfe445975fdf1 from '@esportsplus/template';
+import { reactive } from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
+const template_ed8f776bb07a460eadcbcfe445975fdf3k = template_ed8f776bb07a460eadcbcfe445975fdf1.template(`<div
+ class='tooltip'><!--$--></div>`);
 const OMIT = ['state'];
 export default template.factory((attributes, content) => {
     let state = attributes.state || reactive({ active: false });
-    return html `
-            <div
-                class='tooltip'
-                ${omit(attributes, OMIT)}
-                ${{
-        class: () => state.active && '--active',
-        onmouseover: () => {
+    return (() => {
+        let root_ed8f776bb07a460eadcbcfe445975fdf3j = template_ed8f776bb07a460eadcbcfe445975fdf3k(), element_ed8f776bb07a460eadcbcfe445975fdf3l = root_ed8f776bb07a460eadcbcfe445975fdf3j.firstChild, element_ed8f776bb07a460eadcbcfe445975fdf3m = element_ed8f776bb07a460eadcbcfe445975fdf3l.firstChild;
+        template_ed8f776bb07a460eadcbcfe445975fdf1.setProperties(element_ed8f776bb07a460eadcbcfe445975fdf3l, omit(attributes, OMIT));
+        template_ed8f776bb07a460eadcbcfe445975fdf1.setClass(element_ed8f776bb07a460eadcbcfe445975fdf3l, '', () => state.active && '--active');
+        template_ed8f776bb07a460eadcbcfe445975fdf1.delegate(element_ed8f776bb07a460eadcbcfe445975fdf3l, 'mouseover', () => {
             state.active = true;
-        },
-        onmouseout: () => {
+        });
+        template_ed8f776bb07a460eadcbcfe445975fdf1.delegate(element_ed8f776bb07a460eadcbcfe445975fdf3l, 'mouseout', () => {
             state.active = false;
-        }
-    }}
-            >
-                ${content}
-            </div>
-        `;
+        });
+        template_ed8f776bb07a460eadcbcfe445975fdf1.slot(element_ed8f776bb07a460eadcbcfe445975fdf3m, content);
+        return root_ed8f776bb07a460eadcbcfe445975fdf3j;
+    })();
 });

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

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

package/build/components/typewriter/index.js

@@ -1,13 +1,15 @@
-import { html } from '@esportsplus/template';
-import { reactive } from '@esportsplus/reactivity';
+import * as template_ed8f776bb07a460eadcbcfe445975fdf1 from '@esportsplus/template';
+import { reactive } from '@esportsplus/template';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const EMPTY_NODE = html ` `;
+const template_ed8f776bb07a460eadcbcfe445975fdf3o = template_ed8f776bb07a460eadcbcfe445975fdf1.template(`<div class='typewriter'><!--$--></div>`);
+const template_ed8f776bb07a460eadcbcfe445975fdf3r = template_ed8f776bb07a460eadcbcfe445975fdf1.template(``);
+const EMPTY_NODE = template_ed8f776bb07a460eadcbcfe445975fdf3r();
 export default template.factory(function (_, content) {
     let state = reactive({ text: '' });
-    return html `
-            <div class='typewriter' ${{
-        onconnect: () => {
+    return (() => {
+        let root_ed8f776bb07a460eadcbcfe445975fdf3n = template_ed8f776bb07a460eadcbcfe445975fdf3o(), element_ed8f776bb07a460eadcbcfe445975fdf3p = root_ed8f776bb07a460eadcbcfe445975fdf3n.firstChild, element_ed8f776bb07a460eadcbcfe445975fdf3q = element_ed8f776bb07a460eadcbcfe445975fdf3p.firstChild;
+        template_ed8f776bb07a460eadcbcfe445975fdf1.onconnect(element_ed8f776bb07a460eadcbcfe445975fdf3p, () => {
             let character = 0, i = 0, isWriting = true, write = content[i];
             function play() {
                 setTimeout(() => {
@@ -35,9 +37,8 @@ export default template.factory(function (_, content) {
                 }, isWriting ? 64 : 32);
             }
             play();
-        }
-    }}>
-                ${() => state.text || EMPTY_NODE}
-            </div>
-        `;
+        });
+        new template_ed8f776bb07a460eadcbcfe445975fdf1.EffectSlot(element_ed8f776bb07a460eadcbcfe445975fdf3q, () => state.text || EMPTY_NODE);
+        return root_ed8f776bb07a460eadcbcfe445975fdf3n;
+    })();
 });

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

@@ -1,5 +1,5 @@
 declare const _default: {
-    content: Node;
+    content: DocumentFragment;
     deactivate: () => void;
     error: {
         (messages: import("@esportsplus/template").Renderable<any>, seconds?: number): void;

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

@@ -1,33 +1,34 @@
 declare const _default: (attributes: {
     [key: `aria-${string}`]: string | number | boolean | undefined;
     [key: `data-${string}`]: string | undefined;
-    class?: import("@esportsplus/template/build/types").Attribute | import("@esportsplus/template/build/types").Attribute[];
+    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("@esportsplus/template/build/types").Attribute | import("@esportsplus/template/build/types").Attribute[];
+    style?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/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: MouseEvent) => void) | undefined;
+    onauxclick?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
     onbeforeinput?: ((this: import("@esportsplus/template").Element, event: InputEvent) => void) | undefined;
-    onbeforetoggle?: ((this: import("@esportsplus/template").Element, event: Event) => 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: MouseEvent) => 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: MouseEvent) => 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;
@@ -77,6 +78,7 @@ declare const _default: (attributes: {
     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;
@@ -95,7 +97,7 @@ declare const _default: (attributes: {
     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: 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;
@@ -116,5 +118,5 @@ declare const _default: (attributes: {
         active: boolean;
         error: string;
     };
-}) => Node;
+}) => DocumentFragment;
 export default _default;