@esportsplus/ui 0.49.2 → 0.49.3

package/build/components/ellipsis/index.js

@@ -1,8 +1,8 @@
-import * as template_0d7f5d57c4bb40d69aedf451c3798d4b1 from '@esportsplus/frontend';
+import * as template_6f5bab561bca4d9ab40f79d00d2111801 from '@esportsplus/frontend';
 import './scss/index.scss';
-const template_0d7f5d57c4bb40d69aedf451c3798d4b1y = template_0d7f5d57c4bb40d69aedf451c3798d4b1.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
+const template_6f5bab561bca4d9ab40f79d00d2111801y = template_6f5bab561bca4d9ab40f79d00d2111801.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
 export default (attributes) => {
-    let root_0d7f5d57c4bb40d69aedf451c3798d4b1x = template_0d7f5d57c4bb40d69aedf451c3798d4b1y(), element_0d7f5d57c4bb40d69aedf451c3798d4b1z = root_0d7f5d57c4bb40d69aedf451c3798d4b1x.firstChild, attributes_0d7f5d57c4bb40d69aedf451c3798d4b20 = { "class": "ellipsis" };
-    template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4b1z, attributes, attributes_0d7f5d57c4bb40d69aedf451c3798d4b20);
-    return root_0d7f5d57c4bb40d69aedf451c3798d4b1x;
+    let root_6f5bab561bca4d9ab40f79d00d2111801x = template_6f5bab561bca4d9ab40f79d00d2111801y(), element_6f5bab561bca4d9ab40f79d00d2111801z = root_6f5bab561bca4d9ab40f79d00d2111801x.firstChild, attributes_6f5bab561bca4d9ab40f79d00d21118020 = { "class": "ellipsis" };
+    template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d2111801z, attributes, attributes_6f5bab561bca4d9ab40f79d00d21118020);
+    return root_6f5bab561bca4d9ab40f79d00d2111801x;
 };

package/build/components/form/action.js

@@ -1,8 +1,8 @@
 import response from '@esportsplus/action';
-import * as template_0d7f5d57c4bb40d69aedf451c3798d4b1 from '@esportsplus/frontend';
+import * as template_6f5bab561bca4d9ab40f79d00d2111801 from '@esportsplus/frontend';
 import { omit } from '@esportsplus/utilities';
 import input from './input.js';
-const template_0d7f5d57c4bb40d69aedf451c3798d4b22 = template_0d7f5d57c4bb40d69aedf451c3798d4b1.template(`<form class='form'><!--$--></form>`);
+const template_6f5bab561bca4d9ab40f79d00d21118022 = template_6f5bab561bca4d9ab40f79d00d2111801.template(`<form class='form'><!--$--></form>`);
 const OMIT = ['action', 'state'];
 function parse(input) {
     let data = {};
@@ -29,9 +29,9 @@ function parse(input) {
 export default (attributes, content) => {
     let { action, state } = attributes;
     return (() => {
-        let root_0d7f5d57c4bb40d69aedf451c3798d4b21 = template_0d7f5d57c4bb40d69aedf451c3798d4b22(), element_0d7f5d57c4bb40d69aedf451c3798d4b23 = root_0d7f5d57c4bb40d69aedf451c3798d4b21.firstChild, element_0d7f5d57c4bb40d69aedf451c3798d4b24 = element_0d7f5d57c4bb40d69aedf451c3798d4b23.firstChild, attributes_0d7f5d57c4bb40d69aedf451c3798d4b25 = { "class": "form" };
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4b23, omit(attributes, OMIT), attributes_0d7f5d57c4bb40d69aedf451c3798d4b25);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.delegate(element_0d7f5d57c4bb40d69aedf451c3798d4b23, 'click', function (event) {
+        let root_6f5bab561bca4d9ab40f79d00d21118021 = template_6f5bab561bca4d9ab40f79d00d21118022(), element_6f5bab561bca4d9ab40f79d00d21118023 = root_6f5bab561bca4d9ab40f79d00d21118021.firstChild, element_6f5bab561bca4d9ab40f79d00d21118024 = element_6f5bab561bca4d9ab40f79d00d21118023.firstChild, attributes_6f5bab561bca4d9ab40f79d00d21118025 = { "class": "form" };
+        template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d21118023, omit(attributes, OMIT), attributes_6f5bab561bca4d9ab40f79d00d21118025);
+        template_6f5bab561bca4d9ab40f79d00d2111801.delegate(element_6f5bab561bca4d9ab40f79d00d21118023, 'click', function (event) {
             let trigger = event.target;
             if (trigger?.type !== 'submit') {
                 return;
@@ -39,7 +39,7 @@ export default (attributes, content) => {
             event.preventDefault();
             this.dispatchEvent(new SubmitEvent('submit', { cancelable: true, bubbles: true, submitter: trigger }));
         });
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.on(element_0d7f5d57c4bb40d69aedf451c3798d4b23, 'submit', async function (event) {
+        template_6f5bab561bca4d9ab40f79d00d2111801.on(element_6f5bab561bca4d9ab40f79d00d21118023, 'submit', async function (event) {
             event.preventDefault();
             if (state) {
                 state.processing = true;
@@ -59,7 +59,7 @@ export default (attributes, content) => {
                 state.processing = false;
             }
         });
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.slot(element_0d7f5d57c4bb40d69aedf451c3798d4b24, content);
-        return root_0d7f5d57c4bb40d69aedf451c3798d4b21;
+        template_6f5bab561bca4d9ab40f79d00d2111801.slot(element_6f5bab561bca4d9ab40f79d00d21118024, content);
+        return root_6f5bab561bca4d9ab40f79d00d21118021;
     })();
 };

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

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

package/build/components/highlight/index.js

@@ -1,9 +1,9 @@
-import * as template_0d7f5d57c4bb40d69aedf451c3798d4b1 from '@esportsplus/frontend';
+import * as template_6f5bab561bca4d9ab40f79d00d2111801 from '@esportsplus/frontend';
 import { reactive } from '@esportsplus/frontend';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_0d7f5d57c4bb40d69aedf451c3798d4b27 = template_0d7f5d57c4bb40d69aedf451c3798d4b1.template(`<div class='highlight'><!--$--></div>`);
+const template_6f5bab561bca4d9ab40f79d00d21118027 = template_6f5bab561bca4d9ab40f79d00d2111801.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_0d7f5d57c4bb40d69aedf451c3798d4b26 = template_0d7f5d57c4bb40d69aedf451c3798d4b27(), element_0d7f5d57c4bb40d69aedf451c3798d4b28 = root_0d7f5d57c4bb40d69aedf451c3798d4b26.firstChild, element_0d7f5d57c4bb40d69aedf451c3798d4b29 = element_0d7f5d57c4bb40d69aedf451c3798d4b28.firstChild, attributes_0d7f5d57c4bb40d69aedf451c3798d4b2a = { "class": "highlight" };
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4b28, omit(attributes, OMIT), attributes_0d7f5d57c4bb40d69aedf451c3798d4b2a);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.onrender(element_0d7f5d57c4bb40d69aedf451c3798d4b28, (element) => {
+        let root_6f5bab561bca4d9ab40f79d00d21118026 = template_6f5bab561bca4d9ab40f79d00d21118027(), element_6f5bab561bca4d9ab40f79d00d21118028 = root_6f5bab561bca4d9ab40f79d00d21118026.firstChild, element_6f5bab561bca4d9ab40f79d00d21118029 = element_6f5bab561bca4d9ab40f79d00d21118028.firstChild, attributes_6f5bab561bca4d9ab40f79d00d2111802a = { "class": "highlight" };
+        template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d21118028, omit(attributes, OMIT), attributes_6f5bab561bca4d9ab40f79d00d2111802a);
+        template_6f5bab561bca4d9ab40f79d00d2111801.onrender(element_6f5bab561bca4d9ab40f79d00d21118028, (element) => {
             element[key] = state;
             observer.observe(element);
         });
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setList(element_0d7f5d57c4bb40d69aedf451c3798d4b28, 'style', [
+        template_6f5bab561bca4d9ab40f79d00d2111801.setList(element_6f5bab561bca4d9ab40f79d00d21118028, 'style', [
             () => `--highlight: ${state.highlight}`,
             `--background: ${attributes.background}`,
-        ], attributes_0d7f5d57c4bb40d69aedf451c3798d4b2a);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.slot(element_0d7f5d57c4bb40d69aedf451c3798d4b29, content);
-        return root_0d7f5d57c4bb40d69aedf451c3798d4b26;
+        ], attributes_6f5bab561bca4d9ab40f79d00d2111802a);
+        template_6f5bab561bca4d9ab40f79d00d2111801.slot(element_6f5bab561bca4d9ab40f79d00d21118029, content);
+        return root_6f5bab561bca4d9ab40f79d00d21118026;
     })();
 });

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

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

package/build/components/icon/index.js

@@ -1,13 +1,13 @@
-import * as template_0d7f5d57c4bb40d69aedf451c3798d4b1 from '@esportsplus/frontend';
+import * as template_6f5bab561bca4d9ab40f79d00d2111801 from '@esportsplus/frontend';
 import { svg } from '@esportsplus/frontend';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_0d7f5d57c4bb40d69aedf451c3798d4b2c = template_0d7f5d57c4bb40d69aedf451c3798d4b1.template(`<div class='icon'><!--$--></div>`);
+const template_6f5bab561bca4d9ab40f79d00d2111802c = template_6f5bab561bca4d9ab40f79d00d2111801.template(`<div class='icon'><!--$--></div>`);
 export default template.factory((attributes, icon) => {
     return (() => {
-        let root_0d7f5d57c4bb40d69aedf451c3798d4b2b = template_0d7f5d57c4bb40d69aedf451c3798d4b2c(), element_0d7f5d57c4bb40d69aedf451c3798d4b2d = root_0d7f5d57c4bb40d69aedf451c3798d4b2b.firstChild, element_0d7f5d57c4bb40d69aedf451c3798d4b2e = element_0d7f5d57c4bb40d69aedf451c3798d4b2d.firstChild, attributes_0d7f5d57c4bb40d69aedf451c3798d4b2f = { "class": "icon" };
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4b2d, attributes, attributes_0d7f5d57c4bb40d69aedf451c3798d4b2f);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.slot(element_0d7f5d57c4bb40d69aedf451c3798d4b2e, svg.sprite(icon));
-        return root_0d7f5d57c4bb40d69aedf451c3798d4b2b;
+        let root_6f5bab561bca4d9ab40f79d00d2111802b = template_6f5bab561bca4d9ab40f79d00d2111802c(), element_6f5bab561bca4d9ab40f79d00d2111802d = root_6f5bab561bca4d9ab40f79d00d2111802b.firstChild, element_6f5bab561bca4d9ab40f79d00d2111802e = element_6f5bab561bca4d9ab40f79d00d2111802d.firstChild, attributes_6f5bab561bca4d9ab40f79d00d2111802f = { "class": "icon" };
+        template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d2111802d, attributes, attributes_6f5bab561bca4d9ab40f79d00d2111802f);
+        template_6f5bab561bca4d9ab40f79d00d2111801.slot(element_6f5bab561bca4d9ab40f79d00d2111802e, svg.sprite(icon));
+        return root_6f5bab561bca4d9ab40f79d00d2111802b;
     })();
 });

package/build/components/input/index.js

@@ -1,27 +1,27 @@
-import * as template_0d7f5d57c4bb40d69aedf451c3798d4b1 from '@esportsplus/frontend';
+import * as template_6f5bab561bca4d9ab40f79d00d2111801 from '@esportsplus/frontend';
 import { reactive } from '@esportsplus/frontend';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_0d7f5d57c4bb40d69aedf451c3798d4b2h = template_0d7f5d57c4bb40d69aedf451c3798d4b1.template(`<input class='input'  />`);
+const template_6f5bab561bca4d9ab40f79d00d2111802h = template_6f5bab561bca4d9ab40f79d00d2111801.template(`<input class='input'  />`);
 export default function (attributes) {
     let state = attributes.state || reactive({
         active: false,
         error: ''
     });
     return (() => {
-        let root_0d7f5d57c4bb40d69aedf451c3798d4b2g = template_0d7f5d57c4bb40d69aedf451c3798d4b2h(), element_0d7f5d57c4bb40d69aedf451c3798d4b2i = root_0d7f5d57c4bb40d69aedf451c3798d4b2g.firstChild, attributes_0d7f5d57c4bb40d69aedf451c3798d4b2j = { "class": "input" };
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4b2i, this?.attributes, attributes_0d7f5d57c4bb40d69aedf451c3798d4b2j);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4b2i, attributes, attributes_0d7f5d57c4bb40d69aedf451c3798d4b2j);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setList(element_0d7f5d57c4bb40d69aedf451c3798d4b2i, 'class', () => state.active && '--active', attributes_0d7f5d57c4bb40d69aedf451c3798d4b2j);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.on(element_0d7f5d57c4bb40d69aedf451c3798d4b2i, 'focusin', () => {
+        let root_6f5bab561bca4d9ab40f79d00d2111802g = template_6f5bab561bca4d9ab40f79d00d2111802h(), element_6f5bab561bca4d9ab40f79d00d2111802i = root_6f5bab561bca4d9ab40f79d00d2111802g.firstChild, attributes_6f5bab561bca4d9ab40f79d00d2111802j = { "class": "input" };
+        template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d2111802i, this?.attributes, attributes_6f5bab561bca4d9ab40f79d00d2111802j);
+        template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d2111802i, attributes, attributes_6f5bab561bca4d9ab40f79d00d2111802j);
+        template_6f5bab561bca4d9ab40f79d00d2111801.setList(element_6f5bab561bca4d9ab40f79d00d2111802i, 'class', () => state.active && '--active', attributes_6f5bab561bca4d9ab40f79d00d2111802j);
+        template_6f5bab561bca4d9ab40f79d00d2111801.on(element_6f5bab561bca4d9ab40f79d00d2111802i, 'focusin', () => {
             state.active = true;
         });
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.on(element_0d7f5d57c4bb40d69aedf451c3798d4b2i, 'focusout', () => {
+        template_6f5bab561bca4d9ab40f79d00d2111801.on(element_6f5bab561bca4d9ab40f79d00d2111802i, 'focusout', () => {
             state.active = false;
         });
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.onrender(element_0d7f5d57c4bb40d69aedf451c3798d4b2i, form.input.onrender(state));
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperty(element_0d7f5d57c4bb40d69aedf451c3798d4b2i, 'type', (attributes.type || 'text'));
-        return root_0d7f5d57c4bb40d69aedf451c3798d4b2g;
+        template_6f5bab561bca4d9ab40f79d00d2111801.onrender(element_6f5bab561bca4d9ab40f79d00d2111802i, form.input.onrender(state));
+        template_6f5bab561bca4d9ab40f79d00d2111801.setProperty(element_6f5bab561bca4d9ab40f79d00d2111802i, 'type', (attributes.type || 'text'));
+        return root_6f5bab561bca4d9ab40f79d00d2111802g;
     })();
 }
 ;

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

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

package/build/components/loader/index.js

@@ -1,10 +1,10 @@
-import * as template_0d7f5d57c4bb40d69aedf451c3798d4b1 from '@esportsplus/frontend';
+import * as template_6f5bab561bca4d9ab40f79d00d2111801 from '@esportsplus/frontend';
 import { reactive } from '@esportsplus/frontend';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_0d7f5d57c4bb40d69aedf451c3798d4b2l = template_0d7f5d57c4bb40d69aedf451c3798d4b1.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_0d7f5d57c4bb40d69aedf451c3798d4b2s = template_0d7f5d57c4bb40d69aedf451c3798d4b1.template(`<div class='loader '><div class='loader '><!--$--></div></div>`);
+const template_6f5bab561bca4d9ab40f79d00d2111802l = template_6f5bab561bca4d9ab40f79d00d2111801.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_6f5bab561bca4d9ab40f79d00d2111802s = template_6f5bab561bca4d9ab40f79d00d2111801.template(`<div class='loader '><div class='loader '><!--$--></div></div>`);
 const OMIT = ['loader-content', 'loader-logo'];
 export default template.factory((attributes, content) => {
     let state = reactive({
@@ -18,39 +18,39 @@ export default template.factory((attributes, content) => {
         }
         let i = 0;
         return (() => {
-            let root_0d7f5d57c4bb40d69aedf451c3798d4b2r = template_0d7f5d57c4bb40d69aedf451c3798d4b2s(), element_0d7f5d57c4bb40d69aedf451c3798d4b2t = root_0d7f5d57c4bb40d69aedf451c3798d4b2r.firstChild, element_0d7f5d57c4bb40d69aedf451c3798d4b2u = element_0d7f5d57c4bb40d69aedf451c3798d4b2t.firstElementChild, element_0d7f5d57c4bb40d69aedf451c3798d4b2v = element_0d7f5d57c4bb40d69aedf451c3798d4b2u.firstChild, attributes_0d7f5d57c4bb40d69aedf451c3798d4b2w = { "class": "loader" }, attributes_0d7f5d57c4bb40d69aedf451c3798d4b2x = { "class": "loader" };
-            template_0d7f5d57c4bb40d69aedf451c3798d4b1.setList(element_0d7f5d57c4bb40d69aedf451c3798d4b2t, 'class', () => state.load && 'loader--load', attributes_0d7f5d57c4bb40d69aedf451c3798d4b2w);
-            template_0d7f5d57c4bb40d69aedf451c3798d4b1.delegate(element_0d7f5d57c4bb40d69aedf451c3798d4b2t, 'animationend', (e) => {
+            let root_6f5bab561bca4d9ab40f79d00d2111802r = template_6f5bab561bca4d9ab40f79d00d2111802s(), element_6f5bab561bca4d9ab40f79d00d2111802t = root_6f5bab561bca4d9ab40f79d00d2111802r.firstChild, element_6f5bab561bca4d9ab40f79d00d2111802u = element_6f5bab561bca4d9ab40f79d00d2111802t.firstElementChild, element_6f5bab561bca4d9ab40f79d00d2111802v = element_6f5bab561bca4d9ab40f79d00d2111802u.firstChild, attributes_6f5bab561bca4d9ab40f79d00d2111802w = { "class": "loader" }, attributes_6f5bab561bca4d9ab40f79d00d2111802x = { "class": "loader" };
+            template_6f5bab561bca4d9ab40f79d00d2111801.setList(element_6f5bab561bca4d9ab40f79d00d2111802t, 'class', () => state.load && 'loader--load', attributes_6f5bab561bca4d9ab40f79d00d2111802w);
+            template_6f5bab561bca4d9ab40f79d00d2111801.delegate(element_6f5bab561bca4d9ab40f79d00d2111802t, 'animationend', (e) => {
                 i++;
                 if (e.animationName === 'move' && i > 1) {
                     state.remove = true;
                 }
             });
-            template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4b2t, omit(attributes, OMIT), attributes_0d7f5d57c4bb40d69aedf451c3798d4b2w);
-            template_0d7f5d57c4bb40d69aedf451c3798d4b1.setList(element_0d7f5d57c4bb40d69aedf451c3798d4b2u, 'class', () => state.load && 'loader--load', attributes_0d7f5d57c4bb40d69aedf451c3798d4b2x);
-            template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4b2u, !content && {
+            template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d2111802t, omit(attributes, OMIT), attributes_6f5bab561bca4d9ab40f79d00d2111802w);
+            template_6f5bab561bca4d9ab40f79d00d2111801.setList(element_6f5bab561bca4d9ab40f79d00d2111802u, 'class', () => state.load && 'loader--load', attributes_6f5bab561bca4d9ab40f79d00d2111802x);
+            template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d2111802u, !content && {
                 onconnect: () => {
                     state.load = true;
                 }
-            }, attributes_0d7f5d57c4bb40d69aedf451c3798d4b2x);
-            template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4b2u, attributes.loader, attributes_0d7f5d57c4bb40d69aedf451c3798d4b2x);
-            template_0d7f5d57c4bb40d69aedf451c3798d4b1.slot(element_0d7f5d57c4bb40d69aedf451c3798d4b2v, content && (() => {
-                let root_0d7f5d57c4bb40d69aedf451c3798d4b2k = template_0d7f5d57c4bb40d69aedf451c3798d4b2l(), element_0d7f5d57c4bb40d69aedf451c3798d4b2m = root_0d7f5d57c4bb40d69aedf451c3798d4b2k.firstChild, element_0d7f5d57c4bb40d69aedf451c3798d4b2n = element_0d7f5d57c4bb40d69aedf451c3798d4b2m.firstElementChild, element_0d7f5d57c4bb40d69aedf451c3798d4b2o = element_0d7f5d57c4bb40d69aedf451c3798d4b2n.firstChild, attributes_0d7f5d57c4bb40d69aedf451c3798d4b2p = { "class": "loader-content" }, attributes_0d7f5d57c4bb40d69aedf451c3798d4b2q = { "class": "loader-logo text --flex-center --text-uppercase --text-600", "style": "color:;var(--color-grey-500);" };
-                template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4b2m, attributes['loader-content'], attributes_0d7f5d57c4bb40d69aedf451c3798d4b2p);
-                template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4b2n, attributes['loader-logo'], attributes_0d7f5d57c4bb40d69aedf451c3798d4b2q);
-                template_0d7f5d57c4bb40d69aedf451c3798d4b1.setList(element_0d7f5d57c4bb40d69aedf451c3798d4b2n, 'class', () => state.scale && 'loader-logo--scale', attributes_0d7f5d57c4bb40d69aedf451c3798d4b2q);
-                template_0d7f5d57c4bb40d69aedf451c3798d4b1.delegate(element_0d7f5d57c4bb40d69aedf451c3798d4b2n, 'animationend', ({ animationName: name }) => {
+            }, attributes_6f5bab561bca4d9ab40f79d00d2111802x);
+            template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d2111802u, attributes.loader, attributes_6f5bab561bca4d9ab40f79d00d2111802x);
+            template_6f5bab561bca4d9ab40f79d00d2111801.slot(element_6f5bab561bca4d9ab40f79d00d2111802v, content && (() => {
+                let root_6f5bab561bca4d9ab40f79d00d2111802k = template_6f5bab561bca4d9ab40f79d00d2111802l(), element_6f5bab561bca4d9ab40f79d00d2111802m = root_6f5bab561bca4d9ab40f79d00d2111802k.firstChild, element_6f5bab561bca4d9ab40f79d00d2111802n = element_6f5bab561bca4d9ab40f79d00d2111802m.firstElementChild, element_6f5bab561bca4d9ab40f79d00d2111802o = element_6f5bab561bca4d9ab40f79d00d2111802n.firstChild, attributes_6f5bab561bca4d9ab40f79d00d2111802p = { "class": "loader-content" }, attributes_6f5bab561bca4d9ab40f79d00d2111802q = { "class": "loader-logo text --flex-center --text-uppercase --text-600", "style": "color:;var(--color-grey-500);" };
+                template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d2111802m, attributes['loader-content'], attributes_6f5bab561bca4d9ab40f79d00d2111802p);
+                template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d2111802n, attributes['loader-logo'], attributes_6f5bab561bca4d9ab40f79d00d2111802q);
+                template_6f5bab561bca4d9ab40f79d00d2111801.setList(element_6f5bab561bca4d9ab40f79d00d2111802n, 'class', () => state.scale && 'loader-logo--scale', attributes_6f5bab561bca4d9ab40f79d00d2111802q);
+                template_6f5bab561bca4d9ab40f79d00d2111801.delegate(element_6f5bab561bca4d9ab40f79d00d2111802n, 'animationend', ({ animationName: name }) => {
                     if (name === 'scale') {
                         state.load = true;
                     }
                 });
-                template_0d7f5d57c4bb40d69aedf451c3798d4b1.onconnect(element_0d7f5d57c4bb40d69aedf451c3798d4b2n, () => {
+                template_6f5bab561bca4d9ab40f79d00d2111801.onconnect(element_6f5bab561bca4d9ab40f79d00d2111802n, () => {
                     state.scale = true;
                 });
-                template_0d7f5d57c4bb40d69aedf451c3798d4b1.slot(element_0d7f5d57c4bb40d69aedf451c3798d4b2o, content);
-                return root_0d7f5d57c4bb40d69aedf451c3798d4b2k;
+                template_6f5bab561bca4d9ab40f79d00d2111801.slot(element_6f5bab561bca4d9ab40f79d00d2111802o, content);
+                return root_6f5bab561bca4d9ab40f79d00d2111802k;
             })());
-            return root_0d7f5d57c4bb40d69aedf451c3798d4b2r;
+            return root_6f5bab561bca4d9ab40f79d00d2111802r;
         })();
     };
 });

package/build/components/loading/index.js

@@ -1,10 +1,10 @@
-import * as template_0d7f5d57c4bb40d69aedf451c3798d4b1 from '@esportsplus/frontend';
+import * as template_6f5bab561bca4d9ab40f79d00d2111801 from '@esportsplus/frontend';
 import './scss/index.scss';
-const template_0d7f5d57c4bb40d69aedf451c3798d4b2z = template_0d7f5d57c4bb40d69aedf451c3798d4b1.template(`<div class='loading --border-width-700 --size-800' style='--border-color: var(--color-border-500);'></div>`);
+const template_6f5bab561bca4d9ab40f79d00d2111802z = template_6f5bab561bca4d9ab40f79d00d2111801.template(`<div class='loading --border-width-700 --size-800' style='--border-color: var(--color-border-500);'></div>`);
 export default (attributes) => {
     return (() => {
-        let root_0d7f5d57c4bb40d69aedf451c3798d4b2y = template_0d7f5d57c4bb40d69aedf451c3798d4b2z(), element_0d7f5d57c4bb40d69aedf451c3798d4b30 = root_0d7f5d57c4bb40d69aedf451c3798d4b2y.firstChild, attributes_0d7f5d57c4bb40d69aedf451c3798d4b31 = { "class": "loading --border-width-700 --size-800", "style": "--border-color:;var(--color-border-500);" };
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4b30, attributes, attributes_0d7f5d57c4bb40d69aedf451c3798d4b31);
-        return root_0d7f5d57c4bb40d69aedf451c3798d4b2y;
+        let root_6f5bab561bca4d9ab40f79d00d2111802y = template_6f5bab561bca4d9ab40f79d00d2111802z(), element_6f5bab561bca4d9ab40f79d00d21118030 = root_6f5bab561bca4d9ab40f79d00d2111802y.firstChild, attributes_6f5bab561bca4d9ab40f79d00d21118031 = { "class": "loading --border-width-700 --size-800", "style": "--border-color:;var(--color-border-500);" };
+        template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d21118030, attributes, attributes_6f5bab561bca4d9ab40f79d00d21118031);
+        return root_6f5bab561bca4d9ab40f79d00d2111802y;
     })();
 };

package/build/components/range/index.js

@@ -1,8 +1,8 @@
-import * as template_0d7f5d57c4bb40d69aedf451c3798d4b1 from '@esportsplus/frontend';
+import * as template_6f5bab561bca4d9ab40f79d00d2111801 from '@esportsplus/frontend';
 import { reactive, root } from '@esportsplus/frontend';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_0d7f5d57c4bb40d69aedf451c3798d4b33 = template_0d7f5d57c4bb40d69aedf451c3798d4b1.template(`<input class='range --border-state --border-black' type='range'  />`);
+const template_6f5bab561bca4d9ab40f79d00d21118033 = template_6f5bab561bca4d9ab40f79d00d2111801.template(`<input class='range --border-state --border-black' type='range'  />`);
 export default function (attributes) {
     let { max, min } = attributes, state = attributes.state || reactive({
         active: false,
@@ -13,23 +13,23 @@ export default function (attributes) {
         state.value = Number(attributes.value);
     }
     return (() => {
-        let root_0d7f5d57c4bb40d69aedf451c3798d4b32 = template_0d7f5d57c4bb40d69aedf451c3798d4b33(), element_0d7f5d57c4bb40d69aedf451c3798d4b34 = root_0d7f5d57c4bb40d69aedf451c3798d4b32.firstChild, attributes_0d7f5d57c4bb40d69aedf451c3798d4b35 = { "class": "range --border-state --border-black", "style": "" };
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setList(element_0d7f5d57c4bb40d69aedf451c3798d4b34, 'style', () => `--thumb-position: ${((state.value - min) / (max - min)) * 100}%`, attributes_0d7f5d57c4bb40d69aedf451c3798d4b35);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4b34, this?.attributes, attributes_0d7f5d57c4bb40d69aedf451c3798d4b35);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4b34, attributes, attributes_0d7f5d57c4bb40d69aedf451c3798d4b35);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setList(element_0d7f5d57c4bb40d69aedf451c3798d4b34, 'class', () => state.active && '--active', attributes_0d7f5d57c4bb40d69aedf451c3798d4b35);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.on(element_0d7f5d57c4bb40d69aedf451c3798d4b34, 'focusin', () => {
+        let root_6f5bab561bca4d9ab40f79d00d21118032 = template_6f5bab561bca4d9ab40f79d00d21118033(), element_6f5bab561bca4d9ab40f79d00d21118034 = root_6f5bab561bca4d9ab40f79d00d21118032.firstChild, attributes_6f5bab561bca4d9ab40f79d00d21118035 = { "class": "range --border-state --border-black", "style": "" };
+        template_6f5bab561bca4d9ab40f79d00d2111801.setList(element_6f5bab561bca4d9ab40f79d00d21118034, 'style', () => `--thumb-position: ${((state.value - min) / (max - min)) * 100}%`, attributes_6f5bab561bca4d9ab40f79d00d21118035);
+        template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d21118034, this?.attributes, attributes_6f5bab561bca4d9ab40f79d00d21118035);
+        template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d21118034, attributes, attributes_6f5bab561bca4d9ab40f79d00d21118035);
+        template_6f5bab561bca4d9ab40f79d00d2111801.setList(element_6f5bab561bca4d9ab40f79d00d21118034, 'class', () => state.active && '--active', attributes_6f5bab561bca4d9ab40f79d00d21118035);
+        template_6f5bab561bca4d9ab40f79d00d2111801.on(element_6f5bab561bca4d9ab40f79d00d21118034, 'focusin', () => {
             state.active = true;
         });
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.on(element_0d7f5d57c4bb40d69aedf451c3798d4b34, 'focusout', () => {
+        template_6f5bab561bca4d9ab40f79d00d2111801.on(element_6f5bab561bca4d9ab40f79d00d21118034, 'focusout', () => {
             state.active = false;
         });
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.delegate(element_0d7f5d57c4bb40d69aedf451c3798d4b34, 'input', (e) => {
+        template_6f5bab561bca4d9ab40f79d00d2111801.delegate(element_6f5bab561bca4d9ab40f79d00d21118034, 'input', (e) => {
             state.value = Number(e.target.value);
         });
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.onrender(element_0d7f5d57c4bb40d69aedf451c3798d4b34, form.input.onrender(state));
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperty(element_0d7f5d57c4bb40d69aedf451c3798d4b34, 'value', root(() => attributes?.value || state.value || 0));
-        return root_0d7f5d57c4bb40d69aedf451c3798d4b32;
+        template_6f5bab561bca4d9ab40f79d00d2111801.onrender(element_6f5bab561bca4d9ab40f79d00d21118034, form.input.onrender(state));
+        template_6f5bab561bca4d9ab40f79d00d2111801.setProperty(element_6f5bab561bca4d9ab40f79d00d21118034, 'value', root(() => attributes?.value || state.value || 0));
+        return root_6f5bab561bca4d9ab40f79d00d21118032;
     })();
 }
 ;

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

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

package/build/components/scrollbar/index.js

@@ -1,9 +1,9 @@
-import * as template_0d7f5d57c4bb40d69aedf451c3798d4b1 from '@esportsplus/frontend';
+import * as template_6f5bab561bca4d9ab40f79d00d2111801 from '@esportsplus/frontend';
 import { reactive } from '@esportsplus/frontend';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_0d7f5d57c4bb40d69aedf451c3798d4b37 = template_0d7f5d57c4bb40d69aedf451c3798d4b1.template(`<div class='scrollbar-container'><div class='scrollbar-container-content'><!--$--></div><div class='scrollbar'></div></div>`);
+const template_6f5bab561bca4d9ab40f79d00d21118037 = template_6f5bab561bca4d9ab40f79d00d2111801.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) {
@@ -12,12 +12,12 @@ export default template.factory(function (attributes, content) {
         translate: 0
     });
     return (() => {
-        let root_0d7f5d57c4bb40d69aedf451c3798d4b36 = template_0d7f5d57c4bb40d69aedf451c3798d4b37(), element_0d7f5d57c4bb40d69aedf451c3798d4b38 = root_0d7f5d57c4bb40d69aedf451c3798d4b36.firstChild, element_0d7f5d57c4bb40d69aedf451c3798d4b39 = element_0d7f5d57c4bb40d69aedf451c3798d4b38.firstElementChild, element_0d7f5d57c4bb40d69aedf451c3798d4b3a = element_0d7f5d57c4bb40d69aedf451c3798d4b39.firstChild, element_0d7f5d57c4bb40d69aedf451c3798d4b3b = element_0d7f5d57c4bb40d69aedf451c3798d4b39.nextElementSibling, attributes_0d7f5d57c4bb40d69aedf451c3798d4b3c = { "class": "scrollbar-container" }, attributes_0d7f5d57c4bb40d69aedf451c3798d4b3d = { "class": "scrollbar-container-content" }, attributes_0d7f5d57c4bb40d69aedf451c3798d4b3e = { "class": "scrollbar" };
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4b38, this?.attributes && omit(this.attributes, OMIT), attributes_0d7f5d57c4bb40d69aedf451c3798d4b3c);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4b38, omit(attributes, OMIT), attributes_0d7f5d57c4bb40d69aedf451c3798d4b3c);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4b39, this?.attributes?.['scrollbar-container-content'], attributes_0d7f5d57c4bb40d69aedf451c3798d4b3d);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4b39, attributes['scrollbar-container-content'], attributes_0d7f5d57c4bb40d69aedf451c3798d4b3d);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.on(element_0d7f5d57c4bb40d69aedf451c3798d4b39, 'scroll', function () {
+        let root_6f5bab561bca4d9ab40f79d00d21118036 = template_6f5bab561bca4d9ab40f79d00d21118037(), element_6f5bab561bca4d9ab40f79d00d21118038 = root_6f5bab561bca4d9ab40f79d00d21118036.firstChild, element_6f5bab561bca4d9ab40f79d00d21118039 = element_6f5bab561bca4d9ab40f79d00d21118038.firstElementChild, element_6f5bab561bca4d9ab40f79d00d2111803a = element_6f5bab561bca4d9ab40f79d00d21118039.firstChild, element_6f5bab561bca4d9ab40f79d00d2111803b = element_6f5bab561bca4d9ab40f79d00d21118039.nextElementSibling, attributes_6f5bab561bca4d9ab40f79d00d2111803c = { "class": "scrollbar-container" }, attributes_6f5bab561bca4d9ab40f79d00d2111803d = { "class": "scrollbar-container-content" }, attributes_6f5bab561bca4d9ab40f79d00d2111803e = { "class": "scrollbar" };
+        template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d21118038, this?.attributes && omit(this.attributes, OMIT), attributes_6f5bab561bca4d9ab40f79d00d2111803c);
+        template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d21118038, omit(attributes, OMIT), attributes_6f5bab561bca4d9ab40f79d00d2111803c);
+        template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d21118039, this?.attributes?.['scrollbar-container-content'], attributes_6f5bab561bca4d9ab40f79d00d2111803d);
+        template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d21118039, attributes['scrollbar-container-content'], attributes_6f5bab561bca4d9ab40f79d00d2111803d);
+        template_6f5bab561bca4d9ab40f79d00d2111801.on(element_6f5bab561bca4d9ab40f79d00d21118039, 'scroll', function () {
             if (width === undefined) {
                 width = this.offsetWidth - this.clientWidth;
                 if (width && width !== 17) {
@@ -27,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_0d7f5d57c4bb40d69aedf451c3798d4b1.slot(element_0d7f5d57c4bb40d69aedf451c3798d4b3a, content);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4b3b, this?.attributes?.scrollbar, attributes_0d7f5d57c4bb40d69aedf451c3798d4b3e);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4b3b, attributes.scrollbar, attributes_0d7f5d57c4bb40d69aedf451c3798d4b3e);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setList(element_0d7f5d57c4bb40d69aedf451c3798d4b3b, 'class', () => state.height >= 100 && 'scrollbar--hidden', attributes_0d7f5d57c4bb40d69aedf451c3798d4b3e);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setList(element_0d7f5d57c4bb40d69aedf451c3798d4b3b, 'style', () => `
+        template_6f5bab561bca4d9ab40f79d00d2111801.slot(element_6f5bab561bca4d9ab40f79d00d2111803a, content);
+        template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d2111803b, this?.attributes?.scrollbar, attributes_6f5bab561bca4d9ab40f79d00d2111803e);
+        template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d2111803b, attributes.scrollbar, attributes_6f5bab561bca4d9ab40f79d00d2111803e);
+        template_6f5bab561bca4d9ab40f79d00d2111801.setList(element_6f5bab561bca4d9ab40f79d00d2111803b, 'class', () => state.height >= 100 && 'scrollbar--hidden', attributes_6f5bab561bca4d9ab40f79d00d2111803e);
+        template_6f5bab561bca4d9ab40f79d00d2111801.setList(element_6f5bab561bca4d9ab40f79d00d2111803b, 'style', () => `
                             --translate: translate3d(0, ${state.translate}%, 0);
                             --height: ${state.height}%;
-                        `, attributes_0d7f5d57c4bb40d69aedf451c3798d4b3e);
-        return root_0d7f5d57c4bb40d69aedf451c3798d4b36;
+                        `, attributes_6f5bab561bca4d9ab40f79d00d2111803e);
+        return root_6f5bab561bca4d9ab40f79d00d21118036;
     })();
 });