@esportsplus/ui 0.50.2 → 0.50.3

package/build/components/checkbox/index.js

@@ -1,51 +1,51 @@
-import * as template_965dba71b3394854949a0c899d49f5db1 from '@esportsplus/template';
-import * as reactivity_965dba71b3394854949a0c899d49f5db0 from '@esportsplus/reactivity';
+import * as template_f1c0e89739a34c0d84ab815f980ed19e1 from '@esportsplus/template';
+import * as reactivity_f1c0e89739a34c0d84ab815f980ed19e0 from '@esportsplus/reactivity';
 import { root } from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_965dba71b3394854949a0c899d49f5db1b = template_965dba71b3394854949a0c899d49f5db1.template(`<div><input></div>`);
-class ReactiveObject_965dba71b3394854949a0c899d49f5db19 extends reactivity_965dba71b3394854949a0c899d49f5db0.ReactiveObject {
-    #active = this[reactivity_965dba71b3394854949a0c899d49f5db0.SIGNAL](false);
-    #error = this[reactivity_965dba71b3394854949a0c899d49f5db0.SIGNAL]('');
+const template_f1c0e89739a34c0d84ab815f980ed19e1b = template_f1c0e89739a34c0d84ab815f980ed19e1.template(`<div><input></div>`);
+class ReactiveObject_f1c0e89739a34c0d84ab815f980ed19e19 extends reactivity_f1c0e89739a34c0d84ab815f980ed19e0.ReactiveObject {
+    #active = this[reactivity_f1c0e89739a34c0d84ab815f980ed19e0.SIGNAL](false);
+    #error = this[reactivity_f1c0e89739a34c0d84ab815f980ed19e0.SIGNAL]('');
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_965dba71b3394854949a0c899d49f5db0.read(this.#active);
+        return reactivity_f1c0e89739a34c0d84ab815f980ed19e0.read(this.#active);
     }
     set active(_v0) {
-        reactivity_965dba71b3394854949a0c899d49f5db0.write(this.#active, _v0);
+        reactivity_f1c0e89739a34c0d84ab815f980ed19e0.write(this.#active, _v0);
     }
     get error() {
-        return reactivity_965dba71b3394854949a0c899d49f5db0.read(this.#error);
+        return reactivity_f1c0e89739a34c0d84ab815f980ed19e0.read(this.#error);
     }
     set error(_v1) {
-        reactivity_965dba71b3394854949a0c899d49f5db0.write(this.#error, _v1);
+        reactivity_f1c0e89739a34c0d84ab815f980ed19e0.write(this.#error, _v1);
     }
 }
 const OMIT = ['checked', 'value'];
 const factory = (type) => {
     function template(attributes) {
-        let state = attributes?.state || new ReactiveObject_965dba71b3394854949a0c899d49f5db19();
+        let state = attributes?.state || new ReactiveObject_f1c0e89739a34c0d84ab815f980ed19e19();
         if (attributes?.checked) {
             state.active = true;
         }
         return (() => {
-            let root_965dba71b3394854949a0c899d49f5db1a = template_965dba71b3394854949a0c899d49f5db1b(), element_965dba71b3394854949a0c899d49f5db1c = root_965dba71b3394854949a0c899d49f5db1a.firstChild, element_965dba71b3394854949a0c899d49f5db1d = element_965dba71b3394854949a0c899d49f5db1c.firstElementChild, attributes_965dba71b3394854949a0c899d49f5db1e = { "class": "" }, attributes_965dba71b3394854949a0c899d49f5db1f = {};
-            template_965dba71b3394854949a0c899d49f5db1.setList(element_965dba71b3394854949a0c899d49f5db1c, 'class', type, attributes_965dba71b3394854949a0c899d49f5db1e);
-            template_965dba71b3394854949a0c899d49f5db1.setList(element_965dba71b3394854949a0c899d49f5db1c, 'class', () => state.active && '--active', attributes_965dba71b3394854949a0c899d49f5db1e);
-            template_965dba71b3394854949a0c899d49f5db1.setProperties(element_965dba71b3394854949a0c899d49f5db1c, this?.attributes && omit(this.attributes, OMIT), attributes_965dba71b3394854949a0c899d49f5db1e);
-            template_965dba71b3394854949a0c899d49f5db1.setProperties(element_965dba71b3394854949a0c899d49f5db1c, attributes && omit(attributes, OMIT), attributes_965dba71b3394854949a0c899d49f5db1e);
-            template_965dba71b3394854949a0c899d49f5db1.setProperty(element_965dba71b3394854949a0c899d49f5db1d, 'checked', attributes?.checked || root(() => state.active));
-            template_965dba71b3394854949a0c899d49f5db1.setList(element_965dba71b3394854949a0c899d49f5db1d, 'class', `${type}-tag`, attributes_965dba71b3394854949a0c899d49f5db1f);
-            template_965dba71b3394854949a0c899d49f5db1.delegate(element_965dba71b3394854949a0c899d49f5db1d, 'change', (e) => {
+            let root_f1c0e89739a34c0d84ab815f980ed19e1a = template_f1c0e89739a34c0d84ab815f980ed19e1b(), element_f1c0e89739a34c0d84ab815f980ed19e1c = root_f1c0e89739a34c0d84ab815f980ed19e1a.firstChild, element_f1c0e89739a34c0d84ab815f980ed19e1d = element_f1c0e89739a34c0d84ab815f980ed19e1c.firstElementChild, attributes_f1c0e89739a34c0d84ab815f980ed19e1e = { "class": "" }, attributes_f1c0e89739a34c0d84ab815f980ed19e1f = {};
+            template_f1c0e89739a34c0d84ab815f980ed19e1.setList(element_f1c0e89739a34c0d84ab815f980ed19e1c, 'class', type, attributes_f1c0e89739a34c0d84ab815f980ed19e1e);
+            template_f1c0e89739a34c0d84ab815f980ed19e1.setList(element_f1c0e89739a34c0d84ab815f980ed19e1c, 'class', () => state.active && '--active', attributes_f1c0e89739a34c0d84ab815f980ed19e1e);
+            template_f1c0e89739a34c0d84ab815f980ed19e1.setProperties(element_f1c0e89739a34c0d84ab815f980ed19e1c, this?.attributes && omit(this.attributes, OMIT), attributes_f1c0e89739a34c0d84ab815f980ed19e1e);
+            template_f1c0e89739a34c0d84ab815f980ed19e1.setProperties(element_f1c0e89739a34c0d84ab815f980ed19e1c, attributes && omit(attributes, OMIT), attributes_f1c0e89739a34c0d84ab815f980ed19e1e);
+            template_f1c0e89739a34c0d84ab815f980ed19e1.setProperty(element_f1c0e89739a34c0d84ab815f980ed19e1d, 'checked', attributes?.checked || root(() => state.active));
+            template_f1c0e89739a34c0d84ab815f980ed19e1.setList(element_f1c0e89739a34c0d84ab815f980ed19e1d, 'class', `${type}-tag`, attributes_f1c0e89739a34c0d84ab815f980ed19e1f);
+            template_f1c0e89739a34c0d84ab815f980ed19e1.delegate(element_f1c0e89739a34c0d84ab815f980ed19e1d, 'change', (e) => {
                 state.active = e.target.checked;
             });
-            template_965dba71b3394854949a0c899d49f5db1.onrender(element_965dba71b3394854949a0c899d49f5db1d, form.input.onrender(state));
-            template_965dba71b3394854949a0c899d49f5db1.setProperty(element_965dba71b3394854949a0c899d49f5db1d, 'type', type === 'radio' ? 'radio' : 'checkbox');
-            template_965dba71b3394854949a0c899d49f5db1.setProperty(element_965dba71b3394854949a0c899d49f5db1d, 'value', attributes?.value || 1);
-            return root_965dba71b3394854949a0c899d49f5db1a;
+            template_f1c0e89739a34c0d84ab815f980ed19e1.onrender(element_f1c0e89739a34c0d84ab815f980ed19e1d, form.input.onrender(state));
+            template_f1c0e89739a34c0d84ab815f980ed19e1.setProperty(element_f1c0e89739a34c0d84ab815f980ed19e1d, 'type', type === 'radio' ? 'radio' : 'checkbox');
+            template_f1c0e89739a34c0d84ab815f980ed19e1.setProperty(element_f1c0e89739a34c0d84ab815f980ed19e1d, 'value', attributes?.value || 1);
+            return root_f1c0e89739a34c0d84ab815f980ed19e1a;
         })();
     }
     return template;

package/build/components/clipboard/onclick.js

@@ -1,28 +1,28 @@
-import * as template_965dba71b3394854949a0c899d49f5db1 from '@esportsplus/template';
-import * as reactivity_965dba71b3394854949a0c899d49f5db0 from '@esportsplus/reactivity';
+import * as template_f1c0e89739a34c0d84ab815f980ed19e1 from '@esportsplus/template';
+import * as reactivity_f1c0e89739a34c0d84ab815f980ed19e0 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import write from './write.js';
-const template_965dba71b3394854949a0c899d49f5db1i = template_965dba71b3394854949a0c899d49f5db1.template(`<div><!--$--></div>`);
-class ReactiveObject_965dba71b3394854949a0c899d49f5db1g extends reactivity_965dba71b3394854949a0c899d49f5db0.ReactiveObject {
-    #copied = this[reactivity_965dba71b3394854949a0c899d49f5db0.SIGNAL](false);
+const template_f1c0e89739a34c0d84ab815f980ed19e1i = template_f1c0e89739a34c0d84ab815f980ed19e1.template(`<div><!--$--></div>`);
+class ReactiveObject_f1c0e89739a34c0d84ab815f980ed19e1g extends reactivity_f1c0e89739a34c0d84ab815f980ed19e0.ReactiveObject {
+    #copied = this[reactivity_f1c0e89739a34c0d84ab815f980ed19e0.SIGNAL](false);
     constructor() {
         super(null);
     }
     get copied() {
-        return reactivity_965dba71b3394854949a0c899d49f5db0.read(this.#copied);
+        return reactivity_f1c0e89739a34c0d84ab815f980ed19e0.read(this.#copied);
     }
     set copied(_v0) {
-        reactivity_965dba71b3394854949a0c899d49f5db0.write(this.#copied, _v0);
+        reactivity_f1c0e89739a34c0d84ab815f980ed19e0.write(this.#copied, _v0);
     }
 }
 const OMIT = ['timeout', 'value'];
 export default template.factory(function (attributes, content) {
-    let state = new ReactiveObject_965dba71b3394854949a0c899d49f5db1g(), timeout = attributes.timeout || 1000 * 2;
+    let state = new ReactiveObject_f1c0e89739a34c0d84ab815f980ed19e1g(), timeout = attributes.timeout || 1000 * 2;
     return (() => {
-        let root_965dba71b3394854949a0c899d49f5db1h = template_965dba71b3394854949a0c899d49f5db1i(), element_965dba71b3394854949a0c899d49f5db1j = root_965dba71b3394854949a0c899d49f5db1h.firstChild, element_965dba71b3394854949a0c899d49f5db1k = element_965dba71b3394854949a0c899d49f5db1j.firstChild, attributes_965dba71b3394854949a0c899d49f5db1l = {};
-        template_965dba71b3394854949a0c899d49f5db1.setProperties(element_965dba71b3394854949a0c899d49f5db1j, omit(attributes, OMIT), attributes_965dba71b3394854949a0c899d49f5db1l);
-        template_965dba71b3394854949a0c899d49f5db1.delegate(element_965dba71b3394854949a0c899d49f5db1j, 'click', (e) => {
+        let root_f1c0e89739a34c0d84ab815f980ed19e1h = template_f1c0e89739a34c0d84ab815f980ed19e1i(), element_f1c0e89739a34c0d84ab815f980ed19e1j = root_f1c0e89739a34c0d84ab815f980ed19e1h.firstChild, element_f1c0e89739a34c0d84ab815f980ed19e1k = element_f1c0e89739a34c0d84ab815f980ed19e1j.firstChild, attributes_f1c0e89739a34c0d84ab815f980ed19e1l = {};
+        template_f1c0e89739a34c0d84ab815f980ed19e1.setProperties(element_f1c0e89739a34c0d84ab815f980ed19e1j, omit(attributes, OMIT), attributes_f1c0e89739a34c0d84ab815f980ed19e1l);
+        template_f1c0e89739a34c0d84ab815f980ed19e1.delegate(element_f1c0e89739a34c0d84ab815f980ed19e1j, 'click', (e) => {
             e.preventDefault();
             e.stopPropagation();
             write(attributes.value).then(() => {
@@ -32,7 +32,7 @@ export default template.factory(function (attributes, content) {
                 }, timeout);
             });
         });
-        new template_965dba71b3394854949a0c899d49f5db1.EffectSlot(element_965dba71b3394854949a0c899d49f5db1k, () => content(state));
-        return root_965dba71b3394854949a0c899d49f5db1h;
+        new template_f1c0e89739a34c0d84ab815f980ed19e1.EffectSlot(element_f1c0e89739a34c0d84ab815f980ed19e1k, () => content(state));
+        return root_f1c0e89739a34c0d84ab815f980ed19e1h;
     })();
 });

package/build/components/counter/index.js

@@ -1,41 +1,41 @@
-import * as template_965dba71b3394854949a0c899d49f5db1 from '@esportsplus/template';
-import * as reactivity_965dba71b3394854949a0c899d49f5db0 from '@esportsplus/reactivity';
+import * as template_f1c0e89739a34c0d84ab815f980ed19e1 from '@esportsplus/template';
+import * as reactivity_f1c0e89739a34c0d84ab815f980ed19e0 from '@esportsplus/reactivity';
 import { effect } from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import './scss/index.scss';
-const template_965dba71b3394854949a0c899d49f5db1p = template_965dba71b3394854949a0c899d49f5db1.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
-const template_965dba71b3394854949a0c899d49f5db1s = template_965dba71b3394854949a0c899d49f5db1.template(`<span><!--$--></span>`);
-const template_965dba71b3394854949a0c899d49f5db1v = template_965dba71b3394854949a0c899d49f5db1.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
-const template_965dba71b3394854949a0c899d49f5db20 = template_965dba71b3394854949a0c899d49f5db1.template(`<div class='counter'><!--$--></div>`);
-class ReactiveObject_965dba71b3394854949a0c899d49f5db1m extends reactivity_965dba71b3394854949a0c899d49f5db0.ReactiveObject {
-    #value = this[reactivity_965dba71b3394854949a0c899d49f5db0.SIGNAL](-1);
+const template_f1c0e89739a34c0d84ab815f980ed19e1p = template_f1c0e89739a34c0d84ab815f980ed19e1.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
+const template_f1c0e89739a34c0d84ab815f980ed19e1s = template_f1c0e89739a34c0d84ab815f980ed19e1.template(`<span><!--$--></span>`);
+const template_f1c0e89739a34c0d84ab815f980ed19e1v = template_f1c0e89739a34c0d84ab815f980ed19e1.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
+const template_f1c0e89739a34c0d84ab815f980ed19e20 = template_f1c0e89739a34c0d84ab815f980ed19e1.template(`<div class='counter'><!--$--></div>`);
+class ReactiveObject_f1c0e89739a34c0d84ab815f980ed19e1m extends reactivity_f1c0e89739a34c0d84ab815f980ed19e0.ReactiveObject {
+    #value = this[reactivity_f1c0e89739a34c0d84ab815f980ed19e0.SIGNAL](-1);
     constructor() {
         super(null);
     }
     get value() {
-        return reactivity_965dba71b3394854949a0c899d49f5db0.read(this.#value);
+        return reactivity_f1c0e89739a34c0d84ab815f980ed19e0.read(this.#value);
     }
     set value(_v0) {
-        reactivity_965dba71b3394854949a0c899d49f5db0.write(this.#value, _v0);
+        reactivity_f1c0e89739a34c0d84ab815f980ed19e0.write(this.#value, _v0);
     }
 }
-class ReactiveObject_965dba71b3394854949a0c899d49f5db1n extends reactivity_965dba71b3394854949a0c899d49f5db0.ReactiveObject {
-    #length = this[reactivity_965dba71b3394854949a0c899d49f5db0.SIGNAL](0);
+class ReactiveObject_f1c0e89739a34c0d84ab815f980ed19e1n extends reactivity_f1c0e89739a34c0d84ab815f980ed19e0.ReactiveObject {
+    #length = this[reactivity_f1c0e89739a34c0d84ab815f980ed19e0.SIGNAL](0);
     #test;
     #render;
     constructor(_p0, _p1) {
         super(null);
-        this.#test = this[reactivity_965dba71b3394854949a0c899d49f5db0.COMPUTED](_p0);
-        this.#render = this[reactivity_965dba71b3394854949a0c899d49f5db0.REACTIVE_ARRAY](_p1);
+        this.#test = this[reactivity_f1c0e89739a34c0d84ab815f980ed19e0.COMPUTED](_p0);
+        this.#render = this[reactivity_f1c0e89739a34c0d84ab815f980ed19e0.REACTIVE_ARRAY](_p1);
     }
     get length() {
-        return reactivity_965dba71b3394854949a0c899d49f5db0.read(this.#length);
+        return reactivity_f1c0e89739a34c0d84ab815f980ed19e0.read(this.#length);
     }
     set length(_v0) {
-        reactivity_965dba71b3394854949a0c899d49f5db0.write(this.#length, _v0);
+        reactivity_f1c0e89739a34c0d84ab815f980ed19e0.write(this.#length, _v0);
     }
     get test() {
-        return reactivity_965dba71b3394854949a0c899d49f5db0.read(this.#test);
+        return reactivity_f1c0e89739a34c0d84ab815f980ed19e0.read(this.#test);
     }
     get render() {
         return this.#render;
@@ -44,12 +44,12 @@ class ReactiveObject_965dba71b3394854949a0c899d49f5db1n extends reactivity_965db
 const OMIT = ['currency', 'decimals', 'delay', 'max', 'state', 'suffix', 'value'];
 let formatters = {};
 export default (attributes) => {
-    let { currency, decimals, delay, max, suffix, value } = attributes, api = attributes.state || new ReactiveObject_965dba71b3394854949a0c899d49f5db1m(), formatter = currency === 'IGNORE'
+    let { currency, decimals, delay, max, suffix, value } = attributes, api = attributes.state || new ReactiveObject_f1c0e89739a34c0d84ab815f980ed19e1m(), formatter = currency === 'IGNORE'
         ? undefined
         : formatters[currency || 'USD'] ??= new Intl.NumberFormat('en-US', {
             style: 'currency',
             currency: currency || 'USD'
-        }), rendering = true, state = new ReactiveObject_965dba71b3394854949a0c899d49f5db1n(() => 'sds', []), render = new reactivity_965dba71b3394854949a0c899d49f5db0.ReactiveArray();
+        }), rendering = true, state = new ReactiveObject_f1c0e89739a34c0d84ab815f980ed19e1n(() => 'sds', []), render = new reactivity_f1c0e89739a34c0d84ab815f980ed19e0.ReactiveArray();
     decimals ??= 2;
     effect(() => {
         if (api.value !== -1) {
@@ -84,33 +84,33 @@ export default (attributes) => {
         }
     });
     return (() => {
-        let root_965dba71b3394854949a0c899d49f5db1z = template_965dba71b3394854949a0c899d49f5db20(), element_965dba71b3394854949a0c899d49f5db21 = root_965dba71b3394854949a0c899d49f5db1z.firstChild, element_965dba71b3394854949a0c899d49f5db22 = element_965dba71b3394854949a0c899d49f5db21.firstChild, attributes_965dba71b3394854949a0c899d49f5db23 = { "class": "counter" };
-        template_965dba71b3394854949a0c899d49f5db1.setProperties(element_965dba71b3394854949a0c899d49f5db21, omit(attributes, OMIT), attributes_965dba71b3394854949a0c899d49f5db23);
-        new template_965dba71b3394854949a0c899d49f5db1.EffectSlot(element_965dba71b3394854949a0c899d49f5db22, () => {
+        let root_f1c0e89739a34c0d84ab815f980ed19e1z = template_f1c0e89739a34c0d84ab815f980ed19e20(), element_f1c0e89739a34c0d84ab815f980ed19e21 = root_f1c0e89739a34c0d84ab815f980ed19e1z.firstChild, element_f1c0e89739a34c0d84ab815f980ed19e22 = element_f1c0e89739a34c0d84ab815f980ed19e21.firstChild, attributes_f1c0e89739a34c0d84ab815f980ed19e23 = { "class": "counter" };
+        template_f1c0e89739a34c0d84ab815f980ed19e1.setProperties(element_f1c0e89739a34c0d84ab815f980ed19e21, omit(attributes, OMIT), attributes_f1c0e89739a34c0d84ab815f980ed19e23);
+        new template_f1c0e89739a34c0d84ab815f980ed19e1.EffectSlot(element_f1c0e89739a34c0d84ab815f980ed19e22, () => {
             let n = state.length;
             if (n === 0) {
                 return '';
             }
-            return new template_965dba71b3394854949a0c899d49f5db1.ArraySlot(render, function (value) {
+            return new template_f1c0e89739a34c0d84ab815f980ed19e1.ArraySlot(render, function (value) {
                 if (isNaN(parseInt(value, 10))) {
                     return (() => {
-                        let root_965dba71b3394854949a0c899d49f5db1o = template_965dba71b3394854949a0c899d49f5db1p(), element_965dba71b3394854949a0c899d49f5db1q = root_965dba71b3394854949a0c899d49f5db1o.firstChild.firstChild;
-                        template_965dba71b3394854949a0c899d49f5db1.slot(element_965dba71b3394854949a0c899d49f5db1q, value);
-                        return root_965dba71b3394854949a0c899d49f5db1o;
+                        let root_f1c0e89739a34c0d84ab815f980ed19e1o = template_f1c0e89739a34c0d84ab815f980ed19e1p(), element_f1c0e89739a34c0d84ab815f980ed19e1q = root_f1c0e89739a34c0d84ab815f980ed19e1o.firstChild.firstChild;
+                        template_f1c0e89739a34c0d84ab815f980ed19e1.slot(element_f1c0e89739a34c0d84ab815f980ed19e1q, value);
+                        return root_f1c0e89739a34c0d84ab815f980ed19e1o;
                     })();
                 }
                 return (() => {
-                    let root_965dba71b3394854949a0c899d49f5db1u = template_965dba71b3394854949a0c899d49f5db1v(), element_965dba71b3394854949a0c899d49f5db1w = root_965dba71b3394854949a0c899d49f5db1u.firstChild.firstElementChild, element_965dba71b3394854949a0c899d49f5db1x = element_965dba71b3394854949a0c899d49f5db1w.firstChild.nextSibling, attributes_965dba71b3394854949a0c899d49f5db1y = { "class": "counter-character-track", "style": "" };
-                    template_965dba71b3394854949a0c899d49f5db1.setList(element_965dba71b3394854949a0c899d49f5db1w, 'style', `--value: ${value}`, attributes_965dba71b3394854949a0c899d49f5db1y);
-                    template_965dba71b3394854949a0c899d49f5db1.slot(element_965dba71b3394854949a0c899d49f5db1x, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
-                        let root_965dba71b3394854949a0c899d49f5db1r = template_965dba71b3394854949a0c899d49f5db1s(), element_965dba71b3394854949a0c899d49f5db1t = root_965dba71b3394854949a0c899d49f5db1r.firstChild.firstChild;
-                        template_965dba71b3394854949a0c899d49f5db1.slot(element_965dba71b3394854949a0c899d49f5db1t, value);
-                        return root_965dba71b3394854949a0c899d49f5db1r;
+                    let root_f1c0e89739a34c0d84ab815f980ed19e1u = template_f1c0e89739a34c0d84ab815f980ed19e1v(), element_f1c0e89739a34c0d84ab815f980ed19e1w = root_f1c0e89739a34c0d84ab815f980ed19e1u.firstChild.firstElementChild, element_f1c0e89739a34c0d84ab815f980ed19e1x = element_f1c0e89739a34c0d84ab815f980ed19e1w.firstChild.nextSibling, attributes_f1c0e89739a34c0d84ab815f980ed19e1y = { "class": "counter-character-track", "style": "" };
+                    template_f1c0e89739a34c0d84ab815f980ed19e1.setList(element_f1c0e89739a34c0d84ab815f980ed19e1w, 'style', `--value: ${value}`, attributes_f1c0e89739a34c0d84ab815f980ed19e1y);
+                    template_f1c0e89739a34c0d84ab815f980ed19e1.slot(element_f1c0e89739a34c0d84ab815f980ed19e1x, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
+                        let root_f1c0e89739a34c0d84ab815f980ed19e1r = template_f1c0e89739a34c0d84ab815f980ed19e1s(), element_f1c0e89739a34c0d84ab815f980ed19e1t = root_f1c0e89739a34c0d84ab815f980ed19e1r.firstChild.firstChild;
+                        template_f1c0e89739a34c0d84ab815f980ed19e1.slot(element_f1c0e89739a34c0d84ab815f980ed19e1t, value);
+                        return root_f1c0e89739a34c0d84ab815f980ed19e1r;
                     }));
-                    return root_965dba71b3394854949a0c899d49f5db1u;
+                    return root_f1c0e89739a34c0d84ab815f980ed19e1u;
                 })();
             });
         });
-        return root_965dba71b3394854949a0c899d49f5db1z;
+        return root_f1c0e89739a34c0d84ab815f980ed19e1z;
     })();
 };

package/build/components/ellipsis/index.js

@@ -1,8 +1,8 @@
-import * as template_965dba71b3394854949a0c899d49f5db1 from '@esportsplus/template';
+import * as template_f1c0e89739a34c0d84ab815f980ed19e1 from '@esportsplus/template';
 import './scss/index.scss';
-const template_965dba71b3394854949a0c899d49f5db25 = template_965dba71b3394854949a0c899d49f5db1.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
+const template_f1c0e89739a34c0d84ab815f980ed19e25 = template_f1c0e89739a34c0d84ab815f980ed19e1.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
 export default (attributes) => {
-    let root_965dba71b3394854949a0c899d49f5db24 = template_965dba71b3394854949a0c899d49f5db25(), element_965dba71b3394854949a0c899d49f5db26 = root_965dba71b3394854949a0c899d49f5db24.firstChild, attributes_965dba71b3394854949a0c899d49f5db27 = { "class": "ellipsis" };
-    template_965dba71b3394854949a0c899d49f5db1.setProperties(element_965dba71b3394854949a0c899d49f5db26, attributes, attributes_965dba71b3394854949a0c899d49f5db27);
-    return root_965dba71b3394854949a0c899d49f5db24;
+    let root_f1c0e89739a34c0d84ab815f980ed19e24 = template_f1c0e89739a34c0d84ab815f980ed19e25(), element_f1c0e89739a34c0d84ab815f980ed19e26 = root_f1c0e89739a34c0d84ab815f980ed19e24.firstChild, attributes_f1c0e89739a34c0d84ab815f980ed19e27 = { "class": "ellipsis" };
+    template_f1c0e89739a34c0d84ab815f980ed19e1.setProperties(element_f1c0e89739a34c0d84ab815f980ed19e26, attributes, attributes_f1c0e89739a34c0d84ab815f980ed19e27);
+    return root_f1c0e89739a34c0d84ab815f980ed19e24;
 };

package/build/components/form/action.js

@@ -1,8 +1,8 @@
 import response from '@esportsplus/action';
-import * as template_965dba71b3394854949a0c899d49f5db1 from '@esportsplus/template';
+import * as template_f1c0e89739a34c0d84ab815f980ed19e1 from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import input from './input.js';
-const template_965dba71b3394854949a0c899d49f5db29 = template_965dba71b3394854949a0c899d49f5db1.template(`<form class='form'><!--$--></form>`);
+const template_f1c0e89739a34c0d84ab815f980ed19e29 = template_f1c0e89739a34c0d84ab815f980ed19e1.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_965dba71b3394854949a0c899d49f5db28 = template_965dba71b3394854949a0c899d49f5db29(), element_965dba71b3394854949a0c899d49f5db2a = root_965dba71b3394854949a0c899d49f5db28.firstChild, element_965dba71b3394854949a0c899d49f5db2b = element_965dba71b3394854949a0c899d49f5db2a.firstChild, attributes_965dba71b3394854949a0c899d49f5db2c = { "class": "form" };
-        template_965dba71b3394854949a0c899d49f5db1.setProperties(element_965dba71b3394854949a0c899d49f5db2a, omit(attributes, OMIT), attributes_965dba71b3394854949a0c899d49f5db2c);
-        template_965dba71b3394854949a0c899d49f5db1.delegate(element_965dba71b3394854949a0c899d49f5db2a, 'click', function (event) {
+        let root_f1c0e89739a34c0d84ab815f980ed19e28 = template_f1c0e89739a34c0d84ab815f980ed19e29(), element_f1c0e89739a34c0d84ab815f980ed19e2a = root_f1c0e89739a34c0d84ab815f980ed19e28.firstChild, element_f1c0e89739a34c0d84ab815f980ed19e2b = element_f1c0e89739a34c0d84ab815f980ed19e2a.firstChild, attributes_f1c0e89739a34c0d84ab815f980ed19e2c = { "class": "form" };
+        template_f1c0e89739a34c0d84ab815f980ed19e1.setProperties(element_f1c0e89739a34c0d84ab815f980ed19e2a, omit(attributes, OMIT), attributes_f1c0e89739a34c0d84ab815f980ed19e2c);
+        template_f1c0e89739a34c0d84ab815f980ed19e1.delegate(element_f1c0e89739a34c0d84ab815f980ed19e2a, '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_965dba71b3394854949a0c899d49f5db1.on(element_965dba71b3394854949a0c899d49f5db2a, 'submit', async function (event) {
+        template_f1c0e89739a34c0d84ab815f980ed19e1.on(element_f1c0e89739a34c0d84ab815f980ed19e2a, 'submit', async function (event) {
             event.preventDefault();
             if (state) {
                 state.processing = true;
@@ -59,7 +59,7 @@ export default (attributes, content) => {
                 state.processing = false;
             }
         });
-        template_965dba71b3394854949a0c899d49f5db1.slot(element_965dba71b3394854949a0c899d49f5db2b, content);
-        return root_965dba71b3394854949a0c899d49f5db28;
+        template_f1c0e89739a34c0d84ab815f980ed19e1.slot(element_f1c0e89739a34c0d84ab815f980ed19e2b, content);
+        return root_f1c0e89739a34c0d84ab815f980ed19e28;
     })();
 };

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

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

package/build/components/highlight/index.js

@@ -1,19 +1,19 @@
-import * as template_965dba71b3394854949a0c899d49f5db1 from '@esportsplus/template';
-import * as reactivity_965dba71b3394854949a0c899d49f5db0 from '@esportsplus/reactivity';
+import * as template_f1c0e89739a34c0d84ab815f980ed19e1 from '@esportsplus/template';
+import * as reactivity_f1c0e89739a34c0d84ab815f980ed19e0 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_965dba71b3394854949a0c899d49f5db2f = template_965dba71b3394854949a0c899d49f5db1.template(`<div class='highlight'><!--$--></div>`);
-class ReactiveObject_965dba71b3394854949a0c899d49f5db2d extends reactivity_965dba71b3394854949a0c899d49f5db0.ReactiveObject {
-    #highlight = this[reactivity_965dba71b3394854949a0c899d49f5db0.SIGNAL](0);
+const template_f1c0e89739a34c0d84ab815f980ed19e2f = template_f1c0e89739a34c0d84ab815f980ed19e1.template(`<div class='highlight'><!--$--></div>`);
+class ReactiveObject_f1c0e89739a34c0d84ab815f980ed19e2d extends reactivity_f1c0e89739a34c0d84ab815f980ed19e0.ReactiveObject {
+    #highlight = this[reactivity_f1c0e89739a34c0d84ab815f980ed19e0.SIGNAL](0);
     constructor() {
         super(null);
     }
     get highlight() {
-        return reactivity_965dba71b3394854949a0c899d49f5db0.read(this.#highlight);
+        return reactivity_f1c0e89739a34c0d84ab815f980ed19e0.read(this.#highlight);
     }
     set highlight(_v0) {
-        reactivity_965dba71b3394854949a0c899d49f5db0.write(this.#highlight, _v0);
+        reactivity_f1c0e89739a34c0d84ab815f980ed19e0.write(this.#highlight, _v0);
     }
 }
 const OMIT = ['background'];
@@ -38,19 +38,19 @@ export default template.factory((attributes, content) => {
             }
         }, { threshold: 1 });
     }
-    let state = new ReactiveObject_965dba71b3394854949a0c899d49f5db2d();
+    let state = new ReactiveObject_f1c0e89739a34c0d84ab815f980ed19e2d();
     return (() => {
-        let root_965dba71b3394854949a0c899d49f5db2e = template_965dba71b3394854949a0c899d49f5db2f(), element_965dba71b3394854949a0c899d49f5db2g = root_965dba71b3394854949a0c899d49f5db2e.firstChild, element_965dba71b3394854949a0c899d49f5db2h = element_965dba71b3394854949a0c899d49f5db2g.firstChild, attributes_965dba71b3394854949a0c899d49f5db2i = { "class": "highlight" };
-        template_965dba71b3394854949a0c899d49f5db1.setProperties(element_965dba71b3394854949a0c899d49f5db2g, omit(attributes, OMIT), attributes_965dba71b3394854949a0c899d49f5db2i);
-        template_965dba71b3394854949a0c899d49f5db1.onrender(element_965dba71b3394854949a0c899d49f5db2g, (element) => {
+        let root_f1c0e89739a34c0d84ab815f980ed19e2e = template_f1c0e89739a34c0d84ab815f980ed19e2f(), element_f1c0e89739a34c0d84ab815f980ed19e2g = root_f1c0e89739a34c0d84ab815f980ed19e2e.firstChild, element_f1c0e89739a34c0d84ab815f980ed19e2h = element_f1c0e89739a34c0d84ab815f980ed19e2g.firstChild, attributes_f1c0e89739a34c0d84ab815f980ed19e2i = { "class": "highlight" };
+        template_f1c0e89739a34c0d84ab815f980ed19e1.setProperties(element_f1c0e89739a34c0d84ab815f980ed19e2g, omit(attributes, OMIT), attributes_f1c0e89739a34c0d84ab815f980ed19e2i);
+        template_f1c0e89739a34c0d84ab815f980ed19e1.onrender(element_f1c0e89739a34c0d84ab815f980ed19e2g, (element) => {
             element[key] = state;
             observer.observe(element);
         });
-        template_965dba71b3394854949a0c899d49f5db1.setList(element_965dba71b3394854949a0c899d49f5db2g, 'style', [
+        template_f1c0e89739a34c0d84ab815f980ed19e1.setList(element_f1c0e89739a34c0d84ab815f980ed19e2g, 'style', [
             () => `--highlight: ${state.highlight}`,
             `--background: ${attributes.background}`,
-        ], attributes_965dba71b3394854949a0c899d49f5db2i);
-        template_965dba71b3394854949a0c899d49f5db1.slot(element_965dba71b3394854949a0c899d49f5db2h, content);
-        return root_965dba71b3394854949a0c899d49f5db2e;
+        ], attributes_f1c0e89739a34c0d84ab815f980ed19e2i);
+        template_f1c0e89739a34c0d84ab815f980ed19e1.slot(element_f1c0e89739a34c0d84ab815f980ed19e2h, content);
+        return root_f1c0e89739a34c0d84ab815f980ed19e2e;
     })();
 });

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

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

package/build/components/icon/index.js

@@ -1,13 +1,13 @@
-import * as template_965dba71b3394854949a0c899d49f5db1 from '@esportsplus/template';
+import * as template_f1c0e89739a34c0d84ab815f980ed19e1 from '@esportsplus/template';
 import { svg } from '@esportsplus/template';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_965dba71b3394854949a0c899d49f5db2k = template_965dba71b3394854949a0c899d49f5db1.template(`<div class='icon'><!--$--></div>`);
+const template_f1c0e89739a34c0d84ab815f980ed19e2k = template_f1c0e89739a34c0d84ab815f980ed19e1.template(`<div class='icon'><!--$--></div>`);
 export default template.factory((attributes, icon) => {
     return (() => {
-        let root_965dba71b3394854949a0c899d49f5db2j = template_965dba71b3394854949a0c899d49f5db2k(), element_965dba71b3394854949a0c899d49f5db2l = root_965dba71b3394854949a0c899d49f5db2j.firstChild, element_965dba71b3394854949a0c899d49f5db2m = element_965dba71b3394854949a0c899d49f5db2l.firstChild, attributes_965dba71b3394854949a0c899d49f5db2n = { "class": "icon" };
-        template_965dba71b3394854949a0c899d49f5db1.setProperties(element_965dba71b3394854949a0c899d49f5db2l, attributes, attributes_965dba71b3394854949a0c899d49f5db2n);
-        template_965dba71b3394854949a0c899d49f5db1.slot(element_965dba71b3394854949a0c899d49f5db2m, svg.sprite(icon));
-        return root_965dba71b3394854949a0c899d49f5db2j;
+        let root_f1c0e89739a34c0d84ab815f980ed19e2j = template_f1c0e89739a34c0d84ab815f980ed19e2k(), element_f1c0e89739a34c0d84ab815f980ed19e2l = root_f1c0e89739a34c0d84ab815f980ed19e2j.firstChild, element_f1c0e89739a34c0d84ab815f980ed19e2m = element_f1c0e89739a34c0d84ab815f980ed19e2l.firstChild, attributes_f1c0e89739a34c0d84ab815f980ed19e2n = { "class": "icon" };
+        template_f1c0e89739a34c0d84ab815f980ed19e1.setProperties(element_f1c0e89739a34c0d84ab815f980ed19e2l, attributes, attributes_f1c0e89739a34c0d84ab815f980ed19e2n);
+        template_f1c0e89739a34c0d84ab815f980ed19e1.slot(element_f1c0e89739a34c0d84ab815f980ed19e2m, svg.sprite(icon));
+        return root_f1c0e89739a34c0d84ab815f980ed19e2j;
     })();
 });

package/build/components/input/index.js

@@ -1,43 +1,43 @@
-import * as template_965dba71b3394854949a0c899d49f5db1 from '@esportsplus/template';
-import * as reactivity_965dba71b3394854949a0c899d49f5db0 from '@esportsplus/reactivity';
+import * as template_f1c0e89739a34c0d84ab815f980ed19e1 from '@esportsplus/template';
+import * as reactivity_f1c0e89739a34c0d84ab815f980ed19e0 from '@esportsplus/reactivity';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_965dba71b3394854949a0c899d49f5db2q = template_965dba71b3394854949a0c899d49f5db1.template(`<input class='input'  />`);
-class ReactiveObject_965dba71b3394854949a0c899d49f5db2o extends reactivity_965dba71b3394854949a0c899d49f5db0.ReactiveObject {
-    #active = this[reactivity_965dba71b3394854949a0c899d49f5db0.SIGNAL](false);
-    #error = this[reactivity_965dba71b3394854949a0c899d49f5db0.SIGNAL]('');
+const template_f1c0e89739a34c0d84ab815f980ed19e2q = template_f1c0e89739a34c0d84ab815f980ed19e1.template(`<input class='input'  />`);
+class ReactiveObject_f1c0e89739a34c0d84ab815f980ed19e2o extends reactivity_f1c0e89739a34c0d84ab815f980ed19e0.ReactiveObject {
+    #active = this[reactivity_f1c0e89739a34c0d84ab815f980ed19e0.SIGNAL](false);
+    #error = this[reactivity_f1c0e89739a34c0d84ab815f980ed19e0.SIGNAL]('');
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_965dba71b3394854949a0c899d49f5db0.read(this.#active);
+        return reactivity_f1c0e89739a34c0d84ab815f980ed19e0.read(this.#active);
     }
     set active(_v0) {
-        reactivity_965dba71b3394854949a0c899d49f5db0.write(this.#active, _v0);
+        reactivity_f1c0e89739a34c0d84ab815f980ed19e0.write(this.#active, _v0);
     }
     get error() {
-        return reactivity_965dba71b3394854949a0c899d49f5db0.read(this.#error);
+        return reactivity_f1c0e89739a34c0d84ab815f980ed19e0.read(this.#error);
     }
     set error(_v1) {
-        reactivity_965dba71b3394854949a0c899d49f5db0.write(this.#error, _v1);
+        reactivity_f1c0e89739a34c0d84ab815f980ed19e0.write(this.#error, _v1);
     }
 }
 export default function (attributes) {
-    let state = attributes.state || new ReactiveObject_965dba71b3394854949a0c899d49f5db2o();
+    let state = attributes.state || new ReactiveObject_f1c0e89739a34c0d84ab815f980ed19e2o();
     return (() => {
-        let root_965dba71b3394854949a0c899d49f5db2p = template_965dba71b3394854949a0c899d49f5db2q(), element_965dba71b3394854949a0c899d49f5db2r = root_965dba71b3394854949a0c899d49f5db2p.firstChild, attributes_965dba71b3394854949a0c899d49f5db2s = { "class": "input" };
-        template_965dba71b3394854949a0c899d49f5db1.setProperties(element_965dba71b3394854949a0c899d49f5db2r, this?.attributes, attributes_965dba71b3394854949a0c899d49f5db2s);
-        template_965dba71b3394854949a0c899d49f5db1.setProperties(element_965dba71b3394854949a0c899d49f5db2r, attributes, attributes_965dba71b3394854949a0c899d49f5db2s);
-        template_965dba71b3394854949a0c899d49f5db1.setList(element_965dba71b3394854949a0c899d49f5db2r, 'class', () => state.active && '--active', attributes_965dba71b3394854949a0c899d49f5db2s);
-        template_965dba71b3394854949a0c899d49f5db1.on(element_965dba71b3394854949a0c899d49f5db2r, 'focusin', () => {
+        let root_f1c0e89739a34c0d84ab815f980ed19e2p = template_f1c0e89739a34c0d84ab815f980ed19e2q(), element_f1c0e89739a34c0d84ab815f980ed19e2r = root_f1c0e89739a34c0d84ab815f980ed19e2p.firstChild, attributes_f1c0e89739a34c0d84ab815f980ed19e2s = { "class": "input" };
+        template_f1c0e89739a34c0d84ab815f980ed19e1.setProperties(element_f1c0e89739a34c0d84ab815f980ed19e2r, this?.attributes, attributes_f1c0e89739a34c0d84ab815f980ed19e2s);
+        template_f1c0e89739a34c0d84ab815f980ed19e1.setProperties(element_f1c0e89739a34c0d84ab815f980ed19e2r, attributes, attributes_f1c0e89739a34c0d84ab815f980ed19e2s);
+        template_f1c0e89739a34c0d84ab815f980ed19e1.setList(element_f1c0e89739a34c0d84ab815f980ed19e2r, 'class', () => state.active && '--active', attributes_f1c0e89739a34c0d84ab815f980ed19e2s);
+        template_f1c0e89739a34c0d84ab815f980ed19e1.on(element_f1c0e89739a34c0d84ab815f980ed19e2r, 'focusin', () => {
             state.active = true;
         });
-        template_965dba71b3394854949a0c899d49f5db1.on(element_965dba71b3394854949a0c899d49f5db2r, 'focusout', () => {
+        template_f1c0e89739a34c0d84ab815f980ed19e1.on(element_f1c0e89739a34c0d84ab815f980ed19e2r, 'focusout', () => {
             state.active = false;
         });
-        template_965dba71b3394854949a0c899d49f5db1.onrender(element_965dba71b3394854949a0c899d49f5db2r, form.input.onrender(state));
-        template_965dba71b3394854949a0c899d49f5db1.setProperty(element_965dba71b3394854949a0c899d49f5db2r, 'type', (attributes.type || 'text'));
-        return root_965dba71b3394854949a0c899d49f5db2p;
+        template_f1c0e89739a34c0d84ab815f980ed19e1.onrender(element_f1c0e89739a34c0d84ab815f980ed19e2r, form.input.onrender(state));
+        template_f1c0e89739a34c0d84ab815f980ed19e1.setProperty(element_f1c0e89739a34c0d84ab815f980ed19e2r, 'type', (attributes.type || 'text'));
+        return root_f1c0e89739a34c0d84ab815f980ed19e2p;
     })();
 }
 ;

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

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