@esportsplus/ui 0.48.4 → 0.48.5

package/build/components/form/action.js

@@ -1,9 +1,8 @@
 import response from '@esportsplus/action';
-import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 from '@esportsplus/template';
+import * as template_6f02f170823e4558bc9ed44ffd445e831 from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import input from './input.js';
-const template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1o = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<form
- class='form'><!--$--></form>`);
+const template_6f02f170823e4558bc9ed44ffd445e831o = template_6f02f170823e4558bc9ed44ffd445e831.template(`<form class='form'><!--$--></form>`);
 const OMIT = ['action', 'state'];
 function parse(input) {
     let data = {};
@@ -30,9 +29,9 @@ function parse(input) {
 export default (attributes, content) => {
     let { action, state } = attributes;
     return (() => {
-        let root_9940f1ff6ffb4f4abe1c7b9b2fa7085d1n = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1o(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1p = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d1n.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1q = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1p.firstChild;
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1p, omit(attributes, OMIT));
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.delegate(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1p, 'click', function (event) {
+        let root_6f02f170823e4558bc9ed44ffd445e831n = template_6f02f170823e4558bc9ed44ffd445e831o(), element_6f02f170823e4558bc9ed44ffd445e831p = root_6f02f170823e4558bc9ed44ffd445e831n.firstChild, element_6f02f170823e4558bc9ed44ffd445e831q = element_6f02f170823e4558bc9ed44ffd445e831p.firstChild;
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e831p, omit(attributes, OMIT), { "class": "form" });
+        template_6f02f170823e4558bc9ed44ffd445e831.delegate(element_6f02f170823e4558bc9ed44ffd445e831p, 'click', function (event) {
             let trigger = event.target;
             if (trigger?.type !== 'submit') {
                 return;
@@ -40,7 +39,7 @@ export default (attributes, content) => {
             event.preventDefault();
             this.dispatchEvent(new SubmitEvent('submit', { cancelable: true, bubbles: true, submitter: trigger }));
         });
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.on(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1p, 'submit', async function (event) {
+        template_6f02f170823e4558bc9ed44ffd445e831.on(element_6f02f170823e4558bc9ed44ffd445e831p, 'submit', async function (event) {
             event.preventDefault();
             if (state) {
                 state.processing = true;
@@ -60,7 +59,7 @@ export default (attributes, content) => {
                 state.processing = false;
             }
         });
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1q, content);
-        return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d1n;
+        template_6f02f170823e4558bc9ed44ffd445e831.slot(element_6f02f170823e4558bc9ed44ffd445e831q, content);
+        return root_6f02f170823e4558bc9ed44ffd445e831n;
     })();
 };

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

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

package/build/components/highlight/index.js

@@ -1,9 +1,9 @@
-import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 from '@esportsplus/template';
+import * as template_6f02f170823e4558bc9ed44ffd445e831 from '@esportsplus/template';
 import { reactive } from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1s = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<div class='highlight'><!--$--></div>`);
+const template_6f02f170823e4558bc9ed44ffd445e831s = template_6f02f170823e4558bc9ed44ffd445e831.template(`<div class='highlight'><!--$--></div>`);
 const OMIT = ['background'];
 let key = Symbol(), observer = null;
 export default template.factory((attributes, content) => {
@@ -30,17 +30,17 @@ export default template.factory((attributes, content) => {
         highlight: 0
     });
     return (() => {
-        let root_9940f1ff6ffb4f4abe1c7b9b2fa7085d1r = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1s(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1t = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d1r.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1u = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1t.firstChild;
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1t, omit(attributes, OMIT));
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.onrender(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1t, (element) => {
+        let root_6f02f170823e4558bc9ed44ffd445e831r = template_6f02f170823e4558bc9ed44ffd445e831s(), element_6f02f170823e4558bc9ed44ffd445e831t = root_6f02f170823e4558bc9ed44ffd445e831r.firstChild, element_6f02f170823e4558bc9ed44ffd445e831u = element_6f02f170823e4558bc9ed44ffd445e831t.firstChild;
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e831t, omit(attributes, OMIT), { "class": "highlight" });
+        template_6f02f170823e4558bc9ed44ffd445e831.onrender(element_6f02f170823e4558bc9ed44ffd445e831t, (element) => {
             element[key] = state;
             observer.observe(element);
         });
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setStyle(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1t, '', [
+        template_6f02f170823e4558bc9ed44ffd445e831.setStyle(element_6f02f170823e4558bc9ed44ffd445e831t, '', [
             () => `--highlight: ${state.highlight}`,
             `--background: ${attributes.background}`,
         ]);
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1u, content);
-        return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d1r;
+        template_6f02f170823e4558bc9ed44ffd445e831.slot(element_6f02f170823e4558bc9ed44ffd445e831u, content);
+        return root_6f02f170823e4558bc9ed44ffd445e831r;
     })();
 });

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

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

package/build/components/icon/index.js

@@ -1,13 +1,13 @@
-import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 from '@esportsplus/template';
+import * as template_6f02f170823e4558bc9ed44ffd445e831 from '@esportsplus/template';
 import { svg } from '@esportsplus/template';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1w = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<div class='icon'><!--$--></div>`);
+const template_6f02f170823e4558bc9ed44ffd445e831w = template_6f02f170823e4558bc9ed44ffd445e831.template(`<div class='icon'><!--$--></div>`);
 export default template.factory((attributes, icon) => {
     return (() => {
-        let root_9940f1ff6ffb4f4abe1c7b9b2fa7085d1v = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1w(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1x = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d1v.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1y = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1x.firstChild;
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1x, attributes);
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1y, svg.sprite(icon));
-        return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d1v;
+        let root_6f02f170823e4558bc9ed44ffd445e831v = template_6f02f170823e4558bc9ed44ffd445e831w(), element_6f02f170823e4558bc9ed44ffd445e831x = root_6f02f170823e4558bc9ed44ffd445e831v.firstChild, element_6f02f170823e4558bc9ed44ffd445e831y = element_6f02f170823e4558bc9ed44ffd445e831x.firstChild;
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e831x, attributes, { "class": "icon" });
+        template_6f02f170823e4558bc9ed44ffd445e831.slot(element_6f02f170823e4558bc9ed44ffd445e831y, svg.sprite(icon));
+        return root_6f02f170823e4558bc9ed44ffd445e831v;
     })();
 });

package/build/components/input/index.js

@@ -1,29 +1,27 @@
-import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 from '@esportsplus/template';
+import * as template_6f02f170823e4558bc9ed44ffd445e831 from '@esportsplus/template';
 import { reactive } from '@esportsplus/template';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_9940f1ff6ffb4f4abe1c7b9b2fa7085d20 = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<input
- class='input'
- />`);
+const template_6f02f170823e4558bc9ed44ffd445e8320 = template_6f02f170823e4558bc9ed44ffd445e831.template(`<input class='input'  />`);
 export default function (attributes) {
     let state = attributes.state || reactive({
         active: false,
         error: ''
     });
     return (() => {
-        let root_9940f1ff6ffb4f4abe1c7b9b2fa7085d1z = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d20(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d21 = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d1z.firstChild;
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d21, this?.attributes);
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d21, attributes);
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setClass(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d21, '', () => state.active && '--active');
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.on(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d21, 'focusin', () => {
+        let root_6f02f170823e4558bc9ed44ffd445e831z = template_6f02f170823e4558bc9ed44ffd445e8320(), element_6f02f170823e4558bc9ed44ffd445e8321 = root_6f02f170823e4558bc9ed44ffd445e831z.firstChild;
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e8321, this?.attributes, { "class": "input" });
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e8321, attributes, { "class": "input" });
+        template_6f02f170823e4558bc9ed44ffd445e831.setClass(element_6f02f170823e4558bc9ed44ffd445e8321, '', () => state.active && '--active');
+        template_6f02f170823e4558bc9ed44ffd445e831.on(element_6f02f170823e4558bc9ed44ffd445e8321, 'focusin', () => {
             state.active = true;
         });
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.on(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d21, 'focusout', () => {
+        template_6f02f170823e4558bc9ed44ffd445e831.on(element_6f02f170823e4558bc9ed44ffd445e8321, 'focusout', () => {
             state.active = false;
         });
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.onrender(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d21, form.input.onrender(state));
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperty(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d21, 'type', (attributes.type || 'text'));
-        return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d1z;
+        template_6f02f170823e4558bc9ed44ffd445e831.onrender(element_6f02f170823e4558bc9ed44ffd445e8321, form.input.onrender(state));
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperty(element_6f02f170823e4558bc9ed44ffd445e8321, 'type', (attributes.type || 'text'));
+        return root_6f02f170823e4558bc9ed44ffd445e831z;
     })();
 }
 ;

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

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

package/build/components/loader/index.js

@@ -1,14 +1,10 @@
-import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 from '@esportsplus/template';
+import * as template_6f02f170823e4558bc9ed44ffd445e831 from '@esportsplus/template';
 import { reactive } from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_9940f1ff6ffb4f4abe1c7b9b2fa7085d23 = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<div class='loader-content'><div
- class='loader-logo text --flex-center --text-uppercase --text-600'
- style='color: var(--color-grey-500);'><!--$--></div></div>`);
-const template_9940f1ff6ffb4f4abe1c7b9b2fa7085d28 = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<div
- class='loader '><div
- class='loader '><!--$--></div></div>`);
+const template_6f02f170823e4558bc9ed44ffd445e8323 = template_6f02f170823e4558bc9ed44ffd445e831.template(`<div class='loader-content'><div class='loader-logo text --flex-center --text-uppercase --text-600' style='color: var(--color-grey-500);'><!--$--></div></div>`);
+const template_6f02f170823e4558bc9ed44ffd445e8328 = template_6f02f170823e4558bc9ed44ffd445e831.template(`<div class='loader '><div class='loader '><!--$--></div></div>`);
 const OMIT = ['loader-content', 'loader-logo'];
 export default template.factory((attributes, content) => {
     let state = reactive({
@@ -22,39 +18,39 @@ export default template.factory((attributes, content) => {
         }
         let i = 0;
         return (() => {
-            let root_9940f1ff6ffb4f4abe1c7b9b2fa7085d27 = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d28(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d29 = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d27.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2a = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d29.firstElementChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2b = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2a.firstChild;
-            template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setClass(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d29, ' ', () => state.load && 'loader--load');
-            template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.delegate(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d29, 'animationend', (e) => {
+            let root_6f02f170823e4558bc9ed44ffd445e8327 = template_6f02f170823e4558bc9ed44ffd445e8328(), element_6f02f170823e4558bc9ed44ffd445e8329 = root_6f02f170823e4558bc9ed44ffd445e8327.firstChild, element_6f02f170823e4558bc9ed44ffd445e832a = element_6f02f170823e4558bc9ed44ffd445e8329.firstElementChild, element_6f02f170823e4558bc9ed44ffd445e832b = element_6f02f170823e4558bc9ed44ffd445e832a.firstChild;
+            template_6f02f170823e4558bc9ed44ffd445e831.setClass(element_6f02f170823e4558bc9ed44ffd445e8329, '', () => state.load && 'loader--load');
+            template_6f02f170823e4558bc9ed44ffd445e831.delegate(element_6f02f170823e4558bc9ed44ffd445e8329, 'animationend', (e) => {
                 i++;
                 if (e.animationName === 'move' && i > 1) {
                     state.remove = true;
                 }
             });
-            template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d29, omit(attributes, OMIT));
-            template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setClass(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2a, ' ', () => state.load && 'loader--load');
-            template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2a, !content && {
+            template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e8329, omit(attributes, OMIT), { "class": "" });
+            template_6f02f170823e4558bc9ed44ffd445e831.setClass(element_6f02f170823e4558bc9ed44ffd445e832a, '', () => state.load && 'loader--load');
+            template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e832a, !content && {
                 onconnect: () => {
                     state.load = true;
                 }
-            });
-            template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2a, attributes.loader);
-            template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2b, content && (() => {
-                let root_9940f1ff6ffb4f4abe1c7b9b2fa7085d22 = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d23(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d24 = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d22.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d25 = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d24.firstElementChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d26 = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d25.firstChild;
-                template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d24, attributes['loader-content']);
-                template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d25, attributes['loader-logo']);
-                template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setClass(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d25, '', () => state.scale && 'loader-logo--scale');
-                template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.delegate(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d25, 'animationend', ({ animationName: name }) => {
+            }, { "class": "" });
+            template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e832a, attributes.loader, { "class": "" });
+            template_6f02f170823e4558bc9ed44ffd445e831.slot(element_6f02f170823e4558bc9ed44ffd445e832b, content && (() => {
+                let root_6f02f170823e4558bc9ed44ffd445e8322 = template_6f02f170823e4558bc9ed44ffd445e8323(), element_6f02f170823e4558bc9ed44ffd445e8324 = root_6f02f170823e4558bc9ed44ffd445e8322.firstChild, element_6f02f170823e4558bc9ed44ffd445e8325 = element_6f02f170823e4558bc9ed44ffd445e8324.firstElementChild, element_6f02f170823e4558bc9ed44ffd445e8326 = element_6f02f170823e4558bc9ed44ffd445e8325.firstChild;
+                template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e8324, attributes['loader-content'], { "class": "loader-content" });
+                template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e8325, attributes['loader-logo'], { "class": "--text-600", "style": "var(--color-grey-500);" });
+                template_6f02f170823e4558bc9ed44ffd445e831.setClass(element_6f02f170823e4558bc9ed44ffd445e8325, '', () => state.scale && 'loader-logo--scale');
+                template_6f02f170823e4558bc9ed44ffd445e831.delegate(element_6f02f170823e4558bc9ed44ffd445e8325, 'animationend', ({ animationName: name }) => {
                     if (name === 'scale') {
                         state.load = true;
                     }
                 });
-                template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.onconnect(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d25, () => {
+                template_6f02f170823e4558bc9ed44ffd445e831.onconnect(element_6f02f170823e4558bc9ed44ffd445e8325, () => {
                     state.scale = true;
                 });
-                template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d26, content);
-                return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d22;
+                template_6f02f170823e4558bc9ed44ffd445e831.slot(element_6f02f170823e4558bc9ed44ffd445e8326, content);
+                return root_6f02f170823e4558bc9ed44ffd445e8322;
             })());
-            return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d27;
+            return root_6f02f170823e4558bc9ed44ffd445e8327;
         })();
     };
 });

package/build/components/loading/index.js

@@ -1,12 +1,10 @@
-import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 from '@esportsplus/template';
+import * as template_6f02f170823e4558bc9ed44ffd445e831 from '@esportsplus/template';
 import './scss/index.scss';
-const template_9940f1ff6ffb4f4abe1c7b9b2fa7085d2d = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<div
- class='loading --border-width-700 --size-800'
- style='--border-color: var(--color-border-500);'></div>`);
+const template_6f02f170823e4558bc9ed44ffd445e832d = template_6f02f170823e4558bc9ed44ffd445e831.template(`<div class='loading --border-width-700 --size-800' style='--border-color: var(--color-border-500);'></div>`);
 export default (attributes) => {
     return (() => {
-        let root_9940f1ff6ffb4f4abe1c7b9b2fa7085d2c = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d2d(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2e = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d2c.firstChild;
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2e, attributes);
-        return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d2c;
+        let root_6f02f170823e4558bc9ed44ffd445e832c = template_6f02f170823e4558bc9ed44ffd445e832d(), element_6f02f170823e4558bc9ed44ffd445e832e = root_6f02f170823e4558bc9ed44ffd445e832c.firstChild;
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e832e, attributes, { "class": "--size-800", "style": "var(--color-border-500);" });
+        return root_6f02f170823e4558bc9ed44ffd445e832c;
     })();
 };

package/build/components/range/index.js

@@ -1,11 +1,8 @@
-import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 from '@esportsplus/template';
+import * as template_6f02f170823e4558bc9ed44ffd445e831 from '@esportsplus/template';
 import { reactive, root } from '@esportsplus/template';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_9940f1ff6ffb4f4abe1c7b9b2fa7085d2g = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<input
- class='range --border-state --border-black'
- type='range'
- />`);
+const template_6f02f170823e4558bc9ed44ffd445e832g = template_6f02f170823e4558bc9ed44ffd445e831.template(`<input class='range --border-state --border-black' type='range'  />`);
 export default function (attributes) {
     let { max, min } = attributes, state = attributes.state || reactive({
         active: false,
@@ -16,23 +13,23 @@ export default function (attributes) {
         state.value = Number(attributes.value);
     }
     return (() => {
-        let root_9940f1ff6ffb4f4abe1c7b9b2fa7085d2f = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d2g(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2h = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d2f.firstChild;
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setStyle(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2h, ';', () => `--thumb-position: ${((state.value - min) / (max - min)) * 100}%`);
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2h, this?.attributes);
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2h, attributes);
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setClass(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2h, '', () => state.active && '--active');
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.on(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2h, 'focusin', () => {
+        let root_6f02f170823e4558bc9ed44ffd445e832f = template_6f02f170823e4558bc9ed44ffd445e832g(), element_6f02f170823e4558bc9ed44ffd445e832h = root_6f02f170823e4558bc9ed44ffd445e832f.firstChild;
+        template_6f02f170823e4558bc9ed44ffd445e831.setStyle(element_6f02f170823e4558bc9ed44ffd445e832h, '', () => `--thumb-position: ${((state.value - min) / (max - min)) * 100}%`);
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e832h, this?.attributes, { "class": "--border-black", "style": "" });
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e832h, attributes, { "class": "--border-black", "style": "" });
+        template_6f02f170823e4558bc9ed44ffd445e831.setClass(element_6f02f170823e4558bc9ed44ffd445e832h, '', () => state.active && '--active');
+        template_6f02f170823e4558bc9ed44ffd445e831.on(element_6f02f170823e4558bc9ed44ffd445e832h, 'focusin', () => {
             state.active = true;
         });
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.on(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2h, 'focusout', () => {
+        template_6f02f170823e4558bc9ed44ffd445e831.on(element_6f02f170823e4558bc9ed44ffd445e832h, 'focusout', () => {
             state.active = false;
         });
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.delegate(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2h, 'input', (e) => {
+        template_6f02f170823e4558bc9ed44ffd445e831.delegate(element_6f02f170823e4558bc9ed44ffd445e832h, 'input', (e) => {
             state.value = Number(e.target.value);
         });
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.onrender(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2h, form.input.onrender(state));
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperty(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2h, 'value', root(() => attributes?.value || state.value || 0));
-        return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d2f;
+        template_6f02f170823e4558bc9ed44ffd445e831.onrender(element_6f02f170823e4558bc9ed44ffd445e832h, form.input.onrender(state));
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperty(element_6f02f170823e4558bc9ed44ffd445e832h, 'value', root(() => attributes?.value || state.value || 0));
+        return root_6f02f170823e4558bc9ed44ffd445e832f;
     })();
 }
 ;

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

@@ -1,4 +1,4 @@
-import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 from '@esportsplus/template';
+import * as template_6f02f170823e4558bc9ed44ffd445e831 from '@esportsplus/template';
 import { Attributes } from '@esportsplus/template';
 import './scss/index.scss';
 type A = Attributes & {
@@ -8,20 +8,20 @@ type A = Attributes & {
 declare const _default: {
     (): ReturnType<(this: {
         attributes?: A | undefined;
-        content?: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>;
-    }, attributes: Readonly<A>, content: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>) => template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>>;
+        content?: template_6f02f170823e4558bc9ed44ffd445e831.Renderable<any>;
+    }, attributes: Readonly<A>, content: template_6f02f170823e4558bc9ed44ffd445e831.Renderable<any>) => template_6f02f170823e4558bc9ed44ffd445e831.Renderable<any>>;
     <T extends A>(attributes: T): ReturnType<(this: {
         attributes?: A | undefined;
-        content?: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>;
-    }, attributes: Readonly<A>, content: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>) => template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>>;
-    <T extends template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>>(content: T): ReturnType<(this: {
+        content?: template_6f02f170823e4558bc9ed44ffd445e831.Renderable<any>;
+    }, attributes: Readonly<A>, content: template_6f02f170823e4558bc9ed44ffd445e831.Renderable<any>) => template_6f02f170823e4558bc9ed44ffd445e831.Renderable<any>>;
+    <T extends template_6f02f170823e4558bc9ed44ffd445e831.Renderable<any>>(content: T): ReturnType<(this: {
         attributes?: A | undefined;
-        content?: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>;
-    }, attributes: Readonly<A>, content: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>) => template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>>;
-    (attributes: A, content: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>): ReturnType<(this: {
+        content?: template_6f02f170823e4558bc9ed44ffd445e831.Renderable<any>;
+    }, attributes: Readonly<A>, content: template_6f02f170823e4558bc9ed44ffd445e831.Renderable<any>) => template_6f02f170823e4558bc9ed44ffd445e831.Renderable<any>>;
+    (attributes: A, content: template_6f02f170823e4558bc9ed44ffd445e831.Renderable<any>): ReturnType<(this: {
         attributes?: A | undefined;
-        content?: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>;
-    }, attributes: Readonly<A>, content: template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>) => template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.Renderable<any>>;
+        content?: template_6f02f170823e4558bc9ed44ffd445e831.Renderable<any>;
+    }, attributes: Readonly<A>, content: template_6f02f170823e4558bc9ed44ffd445e831.Renderable<any>) => template_6f02f170823e4558bc9ed44ffd445e831.Renderable<any>>;
 };
 export default _default;
 export type { A as Attributes };

package/build/components/scrollbar/index.js

@@ -1,12 +1,9 @@
-import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 from '@esportsplus/template';
+import * as template_6f02f170823e4558bc9ed44ffd445e831 from '@esportsplus/template';
 import { reactive } from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_9940f1ff6ffb4f4abe1c7b9b2fa7085d2j = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<div
- class='scrollbar-container'><div
- class='scrollbar-container-content'><!--$--></div><div
- class='scrollbar'></div></div>`);
+const template_6f02f170823e4558bc9ed44ffd445e832j = template_6f02f170823e4558bc9ed44ffd445e831.template(`<div class='scrollbar-container'><div class='scrollbar-container-content'><!--$--></div><div class='scrollbar'></div></div>`);
 const OMIT = ['scrollbar', 'scrollbar-container-content'];
 let root = document.body, width;
 export default template.factory(function (attributes, content) {
@@ -15,12 +12,12 @@ export default template.factory(function (attributes, content) {
         translate: 0
     });
     return (() => {
-        let root_9940f1ff6ffb4f4abe1c7b9b2fa7085d2i = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d2j(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2k = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d2i.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2l = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2k.firstElementChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2m = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2l.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2n = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2l.nextElementSibling;
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2k, this?.attributes && omit(this.attributes, OMIT));
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2k, omit(attributes, OMIT));
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2l, this?.attributes?.['scrollbar-container-content']);
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2l, attributes['scrollbar-container-content']);
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.on(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2l, 'scroll', function () {
+        let root_6f02f170823e4558bc9ed44ffd445e832i = template_6f02f170823e4558bc9ed44ffd445e832j(), element_6f02f170823e4558bc9ed44ffd445e832k = root_6f02f170823e4558bc9ed44ffd445e832i.firstChild, element_6f02f170823e4558bc9ed44ffd445e832l = element_6f02f170823e4558bc9ed44ffd445e832k.firstElementChild, element_6f02f170823e4558bc9ed44ffd445e832m = element_6f02f170823e4558bc9ed44ffd445e832l.firstChild, element_6f02f170823e4558bc9ed44ffd445e832n = element_6f02f170823e4558bc9ed44ffd445e832l.nextElementSibling;
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e832k, this?.attributes && omit(this.attributes, OMIT), { "class": "scrollbar-container" });
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e832k, omit(attributes, OMIT), { "class": "scrollbar-container" });
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e832l, this?.attributes?.['scrollbar-container-content'], { "class": "scrollbar-container-content" });
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e832l, attributes['scrollbar-container-content'], { "class": "scrollbar-container-content" });
+        template_6f02f170823e4558bc9ed44ffd445e831.on(element_6f02f170823e4558bc9ed44ffd445e832l, 'scroll', function () {
             if (width === undefined) {
                 width = this.offsetWidth - this.clientWidth;
                 if (width && width !== 17) {
@@ -30,14 +27,14 @@ export default template.factory(function (attributes, content) {
             state.height = (this.clientHeight / this.scrollHeight) * 100;
             state.translate = (this.scrollTop / this.clientHeight) * 100;
         });
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2m, content);
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2n, this?.attributes?.scrollbar);
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2n, attributes.scrollbar);
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setClass(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2n, '', () => state.height >= 100 && 'scrollbar--hidden');
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setStyle(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2n, '', () => `
+        template_6f02f170823e4558bc9ed44ffd445e831.slot(element_6f02f170823e4558bc9ed44ffd445e832m, content);
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e832n, this?.attributes?.scrollbar, { "class": "scrollbar" });
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e832n, attributes.scrollbar, { "class": "scrollbar" });
+        template_6f02f170823e4558bc9ed44ffd445e831.setClass(element_6f02f170823e4558bc9ed44ffd445e832n, '', () => state.height >= 100 && 'scrollbar--hidden');
+        template_6f02f170823e4558bc9ed44ffd445e831.setStyle(element_6f02f170823e4558bc9ed44ffd445e832n, '', () => `
                             --translate: translate3d(0, ${state.translate}%, 0);
                             --height: ${state.height}%;
                         `);
-        return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d2i;
+        return root_6f02f170823e4558bc9ed44ffd445e832i;
     })();
 });