@esportsplus/ui 0.49.0 → 0.49.2

package/build/components/tooltip/onclick.js

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

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

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

package/build/components/tooltip/onhover.js

@@ -1,24 +1,22 @@
-import { html, reactive } from '@esportsplus/frontend';
+import * as template_0d7f5d57c4bb40d69aedf451c3798d4b1 from '@esportsplus/frontend';
+import { reactive } from '@esportsplus/frontend';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
+const template_0d7f5d57c4bb40d69aedf451c3798d4b4j = template_0d7f5d57c4bb40d69aedf451c3798d4b1.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_0d7f5d57c4bb40d69aedf451c3798d4b4i = template_0d7f5d57c4bb40d69aedf451c3798d4b4j(), element_0d7f5d57c4bb40d69aedf451c3798d4b4k = root_0d7f5d57c4bb40d69aedf451c3798d4b4i.firstChild, element_0d7f5d57c4bb40d69aedf451c3798d4b4l = element_0d7f5d57c4bb40d69aedf451c3798d4b4k.firstChild, attributes_0d7f5d57c4bb40d69aedf451c3798d4b4m = { "class": "tooltip" };
+        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4b4k, omit(attributes, OMIT), attributes_0d7f5d57c4bb40d69aedf451c3798d4b4m);
+        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setList(element_0d7f5d57c4bb40d69aedf451c3798d4b4k, 'class', () => state.active && '--active', attributes_0d7f5d57c4bb40d69aedf451c3798d4b4m);
+        template_0d7f5d57c4bb40d69aedf451c3798d4b1.delegate(element_0d7f5d57c4bb40d69aedf451c3798d4b4k, 'mouseover', () => {
             state.active = true;
-        },
-        onmouseout: () => {
+        });
+        template_0d7f5d57c4bb40d69aedf451c3798d4b1.delegate(element_0d7f5d57c4bb40d69aedf451c3798d4b4k, 'mouseout', () => {
             state.active = false;
-        }
-    }}
-            >
-                ${content}
-            </div>
-        `;
+        });
+        template_0d7f5d57c4bb40d69aedf451c3798d4b1.slot(element_0d7f5d57c4bb40d69aedf451c3798d4b4l, content);
+        return root_0d7f5d57c4bb40d69aedf451c3798d4b4i;
+    })();
 });

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

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

package/build/components/typewriter/index.js

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

package/package.json

@@ -2,15 +2,15 @@
   "author": "ICJR",
   "dependencies": {
     "@esportsplus/action": "^0.1.4",
-    "@esportsplus/frontend": "^0.1.1",
+    "@esportsplus/frontend": "^0.1.3",
     "@esportsplus/queue": "^0.2.0",
     "@esportsplus/utilities": "^0.27.2",
     "@esportsplus/vite": "^0.12.7",
     "modern-normalize": "^3.0.1"
   },
   "devDependencies": {
-    "@esportsplus/typescript": "^0.27.5",
-    "@types/node": "^25.0.5",
+    "@esportsplus/typescript": "^0.28.0",
+    "@types/node": "^25.0.6",
     "@types/shelljs": "^0.10.0",
     "autoprefixer": "^10.4.23",
     "glob": "^13.0.0",
@@ -58,7 +58,7 @@
   },
   "sideEffects": false,
   "type": "module",
-  "version": "0.49.0",
+  "version": "0.49.2",
   "scripts": {
     "build": "run-s build:vite build:ts",
     "build:ts": "tsc",