@esportsplus/ui 0.48.7 → 0.49.0

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

@@ -2,19 +2,19 @@ import './scss/index.scss';
 declare const _default: {
     (): ReturnType<(this: {
         attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
-        content?: import("@esportsplus/template").Renderable<any>;
-    }, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        content?: import("@esportsplus/frontend").Renderable<any>;
+    }, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/frontend").Renderable<any>) => import("@esportsplus/frontend").Renderable<any>>;
     <T extends import("../../components/scrollbar/index.js").Attributes>(attributes: T): ReturnType<(this: {
         attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
-        content?: import("@esportsplus/template").Renderable<any>;
-    }, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
-    <T extends import("@esportsplus/template").Renderable<any>>(content: T): ReturnType<(this: {
+        content?: import("@esportsplus/frontend").Renderable<any>;
+    }, attributes: Readonly<import("../../components/scrollbar/index.js").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("../../components/scrollbar/index.js").Attributes | undefined;
-        content?: import("@esportsplus/template").Renderable<any>;
-    }, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
-    (attributes: import("../../components/scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+        content?: import("@esportsplus/frontend").Renderable<any>;
+    }, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/frontend").Renderable<any>) => import("@esportsplus/frontend").Renderable<any>>;
+    (attributes: import("../../components/scrollbar/index.js").Attributes, content: import("@esportsplus/frontend").Renderable<any>): ReturnType<(this: {
         attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
-        content?: import("@esportsplus/template").Renderable<any>;
-    }, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        content?: import("@esportsplus/frontend").Renderable<any>;
+    }, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/frontend").Renderable<any>) => import("@esportsplus/frontend").Renderable<any>>;
 };
 export default _default;

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

@@ -1,7 +1,7 @@
 import './scss/index.scss';
 declare const _default: (this: {
-    attributes?: import("@esportsplus/template").Attributes;
-} | any, attributes?: import("@esportsplus/template").Attributes & {
+    attributes?: import("@esportsplus/frontend").Attributes;
+} | any, attributes?: import("@esportsplus/frontend").Attributes & {
     state?: {
         active: boolean;
         error: string;

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

@@ -1,4 +1,4 @@
-import { Attributes, Renderable } from '@esportsplus/template';
+import { Attributes, Renderable } from '@esportsplus/frontend';
 declare const _default: {
     factory: <A extends Attributes, C = Renderable<any>, Context = {
         attributes?: A;

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

@@ -1,4 +1,4 @@
-import { Attributes } from '@esportsplus/template';
+import { type Attributes } from '@esportsplus/frontend';
 import './scss/index.scss';
 export default function (this: {
     attributes?: Attributes;

package/build/components/textarea/index.js

@@ -1,29 +1,30 @@
-import * as template_69d8ea42df6d40bfb4950d47c33fd3631 from '@esportsplus/template';
-import { reactive } from '@esportsplus/template';
+import { html, reactive } from '@esportsplus/frontend';
 import { omit } from '@esportsplus/utilities';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_69d8ea42df6d40bfb4950d47c33fd3633u = template_69d8ea42df6d40bfb4950d47c33fd3631.template(`<textarea class='textarea'></textarea>`);
 const OMIT = ['state'];
 export default function (attributes) {
     let state = attributes.state || reactive({
         active: false,
         error: ''
     });
-    return (() => {
-        let root_69d8ea42df6d40bfb4950d47c33fd3633t = template_69d8ea42df6d40bfb4950d47c33fd3633u(), element_69d8ea42df6d40bfb4950d47c33fd3633v = root_69d8ea42df6d40bfb4950d47c33fd3633t.firstChild, attributes_69d8ea42df6d40bfb4950d47c33fd3633w = { "class": "textarea" };
-        template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd3633v, this?.attributes && omit(this.attributes, OMIT), attributes_69d8ea42df6d40bfb4950d47c33fd3633w);
-        template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd3633v, omit(attributes, OMIT), attributes_69d8ea42df6d40bfb4950d47c33fd3633w);
-        template_69d8ea42df6d40bfb4950d47c33fd3631.setList(element_69d8ea42df6d40bfb4950d47c33fd3633v, 'class', () => state.active && '--active', attributes_69d8ea42df6d40bfb4950d47c33fd3633w);
-        template_69d8ea42df6d40bfb4950d47c33fd3631.on(element_69d8ea42df6d40bfb4950d47c33fd3633v, 'focusin', () => {
+    return html `
+        <textarea
+            class='textarea'
+            ${this?.attributes && omit(this.attributes, OMIT)}
+            ${omit(attributes, OMIT)}
+            ${{
+        class: () => state.active && '--active',
+        onfocusin: () => {
             state.active = true;
-        });
-        template_69d8ea42df6d40bfb4950d47c33fd3631.on(element_69d8ea42df6d40bfb4950d47c33fd3633v, 'focusout', () => {
+        },
+        onfocusout: () => {
             state.active = false;
-        });
-        template_69d8ea42df6d40bfb4950d47c33fd3631.onrender(element_69d8ea42df6d40bfb4950d47c33fd3633v, form.input.onrender(state));
-        template_69d8ea42df6d40bfb4950d47c33fd3631.setProperty(element_69d8ea42df6d40bfb4950d47c33fd3633v, 'value', attributes?.value || '');
-        return root_69d8ea42df6d40bfb4950d47c33fd3633t;
-    })();
+        },
+        onrender: form.input.onrender(state),
+        value: attributes?.value || ''
+    }}
+        ></textarea>
+    `;
 }
 ;