@esportsplus/ui 0.46.0 → 0.47.2

package/build/components/tooltip/onclick.js

@@ -1,8 +1,22 @@
-import { reactive } from '@esportsplus/reactivity';
-import { html } from '@esportsplus/template';
+import * as reactivity_a6aeaec5a75649bd8ec693d5230c50000 from '@esportsplus/reactivity';
+import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import { root } from '@esportsplus/ui';
 import template from '../../components/template/index.js';
+const template_a6aeaec5a75649bd8ec693d5230c50003v = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<div
+ class='tooltip'><!--$--></div>`);
+class ReactiveObject_a6aeaec5a75649bd8ec693d5230c50003t extends reactivity_a6aeaec5a75649bd8ec693d5230c50000.ReactiveObject {
+    #active = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](false);
+    constructor() {
+        super(null);
+    }
+    get active() {
+        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#active);
+    }
+    set active(_v0) {
+        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#active, _v0);
+    }
+}
 const OMIT = ['state', 'toggle'];
 let parent = null, queue = [], running = false, scheduled = false;
 function frame() {
@@ -24,14 +38,12 @@ function frame() {
     running = false;
 }
 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) {
+    let state = attributes.state || new ReactiveObject_a6aeaec5a75649bd8ec693d5230c50003t(), toggle = attributes.toggle || false;
+    return (() => {
+        let root_a6aeaec5a75649bd8ec693d5230c50003u = template_a6aeaec5a75649bd8ec693d5230c50003v(), element_a6aeaec5a75649bd8ec693d5230c50003w = root_a6aeaec5a75649bd8ec693d5230c50003u.firstChild, element_a6aeaec5a75649bd8ec693d5230c50003x = element_a6aeaec5a75649bd8ec693d5230c50003w.firstChild;
+        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c50003w, omit(attributes, OMIT));
+        template_a6aeaec5a75649bd8ec693d5230c50001.setClass(element_a6aeaec5a75649bd8ec693d5230c50003w, '', () => state.active && '--active');
+        template_a6aeaec5a75649bd8ec693d5230c50001.delegate(element_a6aeaec5a75649bd8ec693d5230c50003w, 'click', function (e) {
             let active = true, node = e.target;
             if (this === node || (toggle && this.contains(node))) {
                 active = !state.active;
@@ -58,10 +70,8 @@ export default template.factory((attributes, content) => {
                 });
                 scheduled = true;
             }
-        }
-    }}
-            >
-                ${content}
-            </div>
-        `;
+        });
+        template_a6aeaec5a75649bd8ec693d5230c50001.slot(element_a6aeaec5a75649bd8ec693d5230c50003x, content);
+        return root_a6aeaec5a75649bd8ec693d5230c50003u;
+    })();
 });

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

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

package/build/components/tooltip/onhover.js

@@ -1,25 +1,35 @@
-import { reactive } from '@esportsplus/reactivity';
-import { html } from '@esportsplus/template';
+import * as reactivity_a6aeaec5a75649bd8ec693d5230c50000 from '@esportsplus/reactivity';
+import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
+const template_a6aeaec5a75649bd8ec693d5230c500040 = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<div
+ class='tooltip'><!--$--></div>`);
+class ReactiveObject_a6aeaec5a75649bd8ec693d5230c50003y extends reactivity_a6aeaec5a75649bd8ec693d5230c50000.ReactiveObject {
+    #active = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](false);
+    constructor() {
+        super(null);
+    }
+    get active() {
+        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#active);
+    }
+    set active(_v0) {
+        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#active, _v0);
+    }
+}
 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: () => {
+    let state = attributes.state || new ReactiveObject_a6aeaec5a75649bd8ec693d5230c50003y();
+    return (() => {
+        let root_a6aeaec5a75649bd8ec693d5230c50003z = template_a6aeaec5a75649bd8ec693d5230c500040(), element_a6aeaec5a75649bd8ec693d5230c500041 = root_a6aeaec5a75649bd8ec693d5230c50003z.firstChild, element_a6aeaec5a75649bd8ec693d5230c500042 = element_a6aeaec5a75649bd8ec693d5230c500041.firstChild;
+        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c500041, omit(attributes, OMIT));
+        template_a6aeaec5a75649bd8ec693d5230c50001.setClass(element_a6aeaec5a75649bd8ec693d5230c500041, '', () => state.active && '--active');
+        template_a6aeaec5a75649bd8ec693d5230c50001.delegate(element_a6aeaec5a75649bd8ec693d5230c500041, 'mouseover', () => {
             state.active = true;
-        },
-        onmouseout: () => {
+        });
+        template_a6aeaec5a75649bd8ec693d5230c50001.delegate(element_a6aeaec5a75649bd8ec693d5230c500041, 'mouseout', () => {
             state.active = false;
-        }
-    }}
-            >
-                ${content}
-            </div>
-        `;
+        });
+        template_a6aeaec5a75649bd8ec693d5230c50001.slot(element_a6aeaec5a75649bd8ec693d5230c500042, content);
+        return root_a6aeaec5a75649bd8ec693d5230c50003z;
+    })();
 });

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

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

package/build/components/typewriter/index.js

@@ -1,13 +1,27 @@
-import { html } from '@esportsplus/template';
-import { reactive } from '@esportsplus/reactivity';
+import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
+import * as reactivity_a6aeaec5a75649bd8ec693d5230c50000 from '@esportsplus/reactivity';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const EMPTY_NODE = html ` `;
+const template_a6aeaec5a75649bd8ec693d5230c500045 = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<div class='typewriter'><!--$--></div>`);
+const template_a6aeaec5a75649bd8ec693d5230c500048 = template_a6aeaec5a75649bd8ec693d5230c50001.template(``);
+class ReactiveObject_a6aeaec5a75649bd8ec693d5230c500043 extends reactivity_a6aeaec5a75649bd8ec693d5230c50000.ReactiveObject {
+    #text = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL]('');
+    constructor() {
+        super(null);
+    }
+    get text() {
+        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#text);
+    }
+    set text(_v0) {
+        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#text, _v0);
+    }
+}
+const EMPTY_NODE = template_a6aeaec5a75649bd8ec693d5230c500048();
 export default template.factory(function (_, content) {
-    let state = reactive({ text: '' });
-    return html `
-            <div class='typewriter' ${{
-        onconnect: () => {
+    let state = new ReactiveObject_a6aeaec5a75649bd8ec693d5230c500043();
+    return (() => {
+        let root_a6aeaec5a75649bd8ec693d5230c500044 = template_a6aeaec5a75649bd8ec693d5230c500045(), element_a6aeaec5a75649bd8ec693d5230c500046 = root_a6aeaec5a75649bd8ec693d5230c500044.firstChild, element_a6aeaec5a75649bd8ec693d5230c500047 = element_a6aeaec5a75649bd8ec693d5230c500046.firstChild;
+        template_a6aeaec5a75649bd8ec693d5230c50001.onconnect(element_a6aeaec5a75649bd8ec693d5230c500046, () => {
             let character = 0, i = 0, isWriting = true, write = content[i];
             function play() {
                 setTimeout(() => {
@@ -35,9 +49,8 @@ export default template.factory(function (_, content) {
                 }, isWriting ? 64 : 32);
             }
             play();
-        }
-    }}>
-                ${() => state.text || EMPTY_NODE}
-            </div>
-        `;
+        });
+        new template_a6aeaec5a75649bd8ec693d5230c50001.EffectSlot(element_a6aeaec5a75649bd8ec693d5230c500047, () => state.text || EMPTY_NODE);
+        return root_a6aeaec5a75649bd8ec693d5230c500044;
+    })();
 });

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;