@esportsplus/ui 0.50.6 → 0.50.7

package/build/components/loader/index.js

@@ -1,78 +1,78 @@
-import * as template_fe942f28017d42ee87048fd6461b4dd81 from '@esportsplus/template';
-import * as reactivity_fe942f28017d42ee87048fd6461b4dd80 from '@esportsplus/reactivity';
+import * as template_f8d7c5e168a74d2d85c0f8e758b58e701 from '@esportsplus/template';
+import * as reactivity_f8d7c5e168a74d2d85c0f8e758b58e700 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_fe942f28017d42ee87048fd6461b4dd82v = template_fe942f28017d42ee87048fd6461b4dd81.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_fe942f28017d42ee87048fd6461b4dd832 = template_fe942f28017d42ee87048fd6461b4dd81.template(`<div class='loader '><div class='loader '><!--$--></div></div>`);
-class ReactiveObject_fe942f28017d42ee87048fd6461b4dd82t extends reactivity_fe942f28017d42ee87048fd6461b4dd80.ReactiveObject {
-    #load = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL](false);
-    #remove = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL](false);
-    #scale = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL](false);
+const template_f8d7c5e168a74d2d85c0f8e758b58e702v = template_f8d7c5e168a74d2d85c0f8e758b58e701.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_f8d7c5e168a74d2d85c0f8e758b58e7032 = template_f8d7c5e168a74d2d85c0f8e758b58e701.template(`<div class='loader '><div class='loader '><!--$--></div></div>`);
+class ReactiveObject_f8d7c5e168a74d2d85c0f8e758b58e702t extends reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.ReactiveObject {
+    #load = this[reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.SIGNAL](false);
+    #remove = this[reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.SIGNAL](false);
+    #scale = this[reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.SIGNAL](false);
     constructor() {
         super(null);
     }
     get load() {
-        return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#load);
+        return reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.read(this.#load);
     }
     set load(_v0) {
-        reactivity_fe942f28017d42ee87048fd6461b4dd80.write(this.#load, _v0);
+        reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.write(this.#load, _v0);
     }
     get remove() {
-        return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#remove);
+        return reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.read(this.#remove);
     }
     set remove(_v1) {
-        reactivity_fe942f28017d42ee87048fd6461b4dd80.write(this.#remove, _v1);
+        reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.write(this.#remove, _v1);
     }
     get scale() {
-        return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#scale);
+        return reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.read(this.#scale);
     }
     set scale(_v2) {
-        reactivity_fe942f28017d42ee87048fd6461b4dd80.write(this.#scale, _v2);
+        reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.write(this.#scale, _v2);
     }
 }
 const OMIT = ['loader-content', 'loader-logo'];
 export default template.factory((attributes, content) => {
-    let state = new ReactiveObject_fe942f28017d42ee87048fd6461b4dd82t();
+    let state = new ReactiveObject_f8d7c5e168a74d2d85c0f8e758b58e702t();
     return () => {
         if (state.remove) {
             return;
         }
         let i = 0;
         return (() => {
-            let root_fe942f28017d42ee87048fd6461b4dd831 = template_fe942f28017d42ee87048fd6461b4dd832(), element_fe942f28017d42ee87048fd6461b4dd833 = root_fe942f28017d42ee87048fd6461b4dd831.firstChild, element_fe942f28017d42ee87048fd6461b4dd834 = element_fe942f28017d42ee87048fd6461b4dd833.firstElementChild, element_fe942f28017d42ee87048fd6461b4dd835 = element_fe942f28017d42ee87048fd6461b4dd834.firstChild, attributes_fe942f28017d42ee87048fd6461b4dd836 = { "class": "loader" }, attributes_fe942f28017d42ee87048fd6461b4dd837 = { "class": "loader" };
-            template_fe942f28017d42ee87048fd6461b4dd81.setList(element_fe942f28017d42ee87048fd6461b4dd833, 'class', () => state.load && 'loader--load', attributes_fe942f28017d42ee87048fd6461b4dd836);
-            template_fe942f28017d42ee87048fd6461b4dd81.delegate(element_fe942f28017d42ee87048fd6461b4dd833, 'animationend', (e) => {
+            let root_f8d7c5e168a74d2d85c0f8e758b58e7031 = template_f8d7c5e168a74d2d85c0f8e758b58e7032(), element_f8d7c5e168a74d2d85c0f8e758b58e7033 = root_f8d7c5e168a74d2d85c0f8e758b58e7031.firstChild, element_f8d7c5e168a74d2d85c0f8e758b58e7034 = element_f8d7c5e168a74d2d85c0f8e758b58e7033.firstElementChild, element_f8d7c5e168a74d2d85c0f8e758b58e7035 = element_f8d7c5e168a74d2d85c0f8e758b58e7034.firstChild, attributes_f8d7c5e168a74d2d85c0f8e758b58e7036 = { "class": "loader" }, attributes_f8d7c5e168a74d2d85c0f8e758b58e7037 = { "class": "loader" };
+            template_f8d7c5e168a74d2d85c0f8e758b58e701.setList(element_f8d7c5e168a74d2d85c0f8e758b58e7033, 'class', () => state.load && 'loader--load', attributes_f8d7c5e168a74d2d85c0f8e758b58e7036);
+            template_f8d7c5e168a74d2d85c0f8e758b58e701.delegate(element_f8d7c5e168a74d2d85c0f8e758b58e7033, 'animationend', (e) => {
                 i++;
                 if (e.animationName === 'move' && i > 1) {
                     state.remove = true;
                 }
             });
-            template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd833, omit(attributes, OMIT), attributes_fe942f28017d42ee87048fd6461b4dd836);
-            template_fe942f28017d42ee87048fd6461b4dd81.setList(element_fe942f28017d42ee87048fd6461b4dd834, 'class', () => state.load && 'loader--load', attributes_fe942f28017d42ee87048fd6461b4dd837);
-            template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd834, !content && {
+            template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e7033, omit(attributes, OMIT), attributes_f8d7c5e168a74d2d85c0f8e758b58e7036);
+            template_f8d7c5e168a74d2d85c0f8e758b58e701.setList(element_f8d7c5e168a74d2d85c0f8e758b58e7034, 'class', () => state.load && 'loader--load', attributes_f8d7c5e168a74d2d85c0f8e758b58e7037);
+            template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e7034, !content && {
                 onconnect: () => {
                     state.load = true;
                 }
-            }, attributes_fe942f28017d42ee87048fd6461b4dd837);
-            template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd834, attributes.loader, attributes_fe942f28017d42ee87048fd6461b4dd837);
-            template_fe942f28017d42ee87048fd6461b4dd81.slot(element_fe942f28017d42ee87048fd6461b4dd835, content && (() => {
-                let root_fe942f28017d42ee87048fd6461b4dd82u = template_fe942f28017d42ee87048fd6461b4dd82v(), element_fe942f28017d42ee87048fd6461b4dd82w = root_fe942f28017d42ee87048fd6461b4dd82u.firstChild, element_fe942f28017d42ee87048fd6461b4dd82x = element_fe942f28017d42ee87048fd6461b4dd82w.firstElementChild, element_fe942f28017d42ee87048fd6461b4dd82y = element_fe942f28017d42ee87048fd6461b4dd82x.firstChild, attributes_fe942f28017d42ee87048fd6461b4dd82z = { "class": "loader-content" }, attributes_fe942f28017d42ee87048fd6461b4dd830 = { "class": "loader-logo text --flex-center --text-uppercase --text-600", "style": "color:;var(--color-grey-500);" };
-                template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd82w, attributes['loader-content'], attributes_fe942f28017d42ee87048fd6461b4dd82z);
-                template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd82x, attributes['loader-logo'], attributes_fe942f28017d42ee87048fd6461b4dd830);
-                template_fe942f28017d42ee87048fd6461b4dd81.setList(element_fe942f28017d42ee87048fd6461b4dd82x, 'class', () => state.scale && 'loader-logo--scale', attributes_fe942f28017d42ee87048fd6461b4dd830);
-                template_fe942f28017d42ee87048fd6461b4dd81.delegate(element_fe942f28017d42ee87048fd6461b4dd82x, 'animationend', ({ animationName: name }) => {
+            }, attributes_f8d7c5e168a74d2d85c0f8e758b58e7037);
+            template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e7034, attributes.loader, attributes_f8d7c5e168a74d2d85c0f8e758b58e7037);
+            template_f8d7c5e168a74d2d85c0f8e758b58e701.slot(element_f8d7c5e168a74d2d85c0f8e758b58e7035, content && (() => {
+                let root_f8d7c5e168a74d2d85c0f8e758b58e702u = template_f8d7c5e168a74d2d85c0f8e758b58e702v(), element_f8d7c5e168a74d2d85c0f8e758b58e702w = root_f8d7c5e168a74d2d85c0f8e758b58e702u.firstChild, element_f8d7c5e168a74d2d85c0f8e758b58e702x = element_f8d7c5e168a74d2d85c0f8e758b58e702w.firstElementChild, element_f8d7c5e168a74d2d85c0f8e758b58e702y = element_f8d7c5e168a74d2d85c0f8e758b58e702x.firstChild, attributes_f8d7c5e168a74d2d85c0f8e758b58e702z = { "class": "loader-content" }, attributes_f8d7c5e168a74d2d85c0f8e758b58e7030 = { "class": "loader-logo text --flex-center --text-uppercase --text-600", "style": "color:;var(--color-grey-500);" };
+                template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e702w, attributes['loader-content'], attributes_f8d7c5e168a74d2d85c0f8e758b58e702z);
+                template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e702x, attributes['loader-logo'], attributes_f8d7c5e168a74d2d85c0f8e758b58e7030);
+                template_f8d7c5e168a74d2d85c0f8e758b58e701.setList(element_f8d7c5e168a74d2d85c0f8e758b58e702x, 'class', () => state.scale && 'loader-logo--scale', attributes_f8d7c5e168a74d2d85c0f8e758b58e7030);
+                template_f8d7c5e168a74d2d85c0f8e758b58e701.delegate(element_f8d7c5e168a74d2d85c0f8e758b58e702x, 'animationend', ({ animationName: name }) => {
                     if (name === 'scale') {
                         state.load = true;
                     }
                 });
-                template_fe942f28017d42ee87048fd6461b4dd81.onconnect(element_fe942f28017d42ee87048fd6461b4dd82x, () => {
+                template_f8d7c5e168a74d2d85c0f8e758b58e701.onconnect(element_f8d7c5e168a74d2d85c0f8e758b58e702x, () => {
                     state.scale = true;
                 });
-                template_fe942f28017d42ee87048fd6461b4dd81.slot(element_fe942f28017d42ee87048fd6461b4dd82y, content);
-                return root_fe942f28017d42ee87048fd6461b4dd82u;
+                template_f8d7c5e168a74d2d85c0f8e758b58e701.slot(element_f8d7c5e168a74d2d85c0f8e758b58e702y, content);
+                return root_f8d7c5e168a74d2d85c0f8e758b58e702u;
             })());
-            return root_fe942f28017d42ee87048fd6461b4dd831;
+            return root_f8d7c5e168a74d2d85c0f8e758b58e7031;
         })();
     };
 });

package/build/components/loading/index.js

@@ -1,10 +1,10 @@
-import * as template_fe942f28017d42ee87048fd6461b4dd81 from '@esportsplus/template';
+import * as template_f8d7c5e168a74d2d85c0f8e758b58e701 from '@esportsplus/template';
 import './scss/index.scss';
-const template_fe942f28017d42ee87048fd6461b4dd839 = template_fe942f28017d42ee87048fd6461b4dd81.template(`<div class='loading --border-width-700 --size-800' style='--border-color: var(--color-border-500);'></div>`);
+const template_f8d7c5e168a74d2d85c0f8e758b58e7039 = template_f8d7c5e168a74d2d85c0f8e758b58e701.template(`<div class='loading --border-width-700 --size-800' style='--border-color: var(--color-border-500);'></div>`);
 export default (attributes) => {
     return (() => {
-        let root_fe942f28017d42ee87048fd6461b4dd838 = template_fe942f28017d42ee87048fd6461b4dd839(), element_fe942f28017d42ee87048fd6461b4dd83a = root_fe942f28017d42ee87048fd6461b4dd838.firstChild, attributes_fe942f28017d42ee87048fd6461b4dd83b = { "class": "loading --border-width-700 --size-800", "style": "--border-color:;var(--color-border-500);" };
-        template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd83a, attributes, attributes_fe942f28017d42ee87048fd6461b4dd83b);
-        return root_fe942f28017d42ee87048fd6461b4dd838;
+        let root_f8d7c5e168a74d2d85c0f8e758b58e7038 = template_f8d7c5e168a74d2d85c0f8e758b58e7039(), element_f8d7c5e168a74d2d85c0f8e758b58e703a = root_f8d7c5e168a74d2d85c0f8e758b58e7038.firstChild, attributes_f8d7c5e168a74d2d85c0f8e758b58e703b = { "class": "loading --border-width-700 --size-800", "style": "--border-color:;var(--color-border-500);" };
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e703a, attributes, attributes_f8d7c5e168a74d2d85c0f8e758b58e703b);
+        return root_f8d7c5e168a74d2d85c0f8e758b58e7038;
     })();
 };

package/build/components/range/index.js

@@ -1,58 +1,58 @@
-import * as template_fe942f28017d42ee87048fd6461b4dd81 from '@esportsplus/template';
-import * as reactivity_fe942f28017d42ee87048fd6461b4dd80 from '@esportsplus/reactivity';
+import * as template_f8d7c5e168a74d2d85c0f8e758b58e701 from '@esportsplus/template';
+import * as reactivity_f8d7c5e168a74d2d85c0f8e758b58e700 from '@esportsplus/reactivity';
 import { root } from '@esportsplus/reactivity';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_fe942f28017d42ee87048fd6461b4dd83e = template_fe942f28017d42ee87048fd6461b4dd81.template(`<input class='range --border-state --border-black' type='range'  />`);
-class ReactiveObject_fe942f28017d42ee87048fd6461b4dd83c extends reactivity_fe942f28017d42ee87048fd6461b4dd80.ReactiveObject {
-    #active = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL](false);
-    #error = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL]('');
-    #value = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL](0);
+const template_f8d7c5e168a74d2d85c0f8e758b58e703e = template_f8d7c5e168a74d2d85c0f8e758b58e701.template(`<input class='range --border-state --border-black' type='range'  />`);
+class ReactiveObject_f8d7c5e168a74d2d85c0f8e758b58e703c extends reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.ReactiveObject {
+    #active = this[reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.SIGNAL](false);
+    #error = this[reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.SIGNAL]('');
+    #value = this[reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.SIGNAL](0);
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#active);
+        return reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.read(this.#active);
     }
     set active(_v0) {
-        reactivity_fe942f28017d42ee87048fd6461b4dd80.write(this.#active, _v0);
+        reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.write(this.#active, _v0);
     }
     get error() {
-        return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#error);
+        return reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.read(this.#error);
     }
     set error(_v1) {
-        reactivity_fe942f28017d42ee87048fd6461b4dd80.write(this.#error, _v1);
+        reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.write(this.#error, _v1);
     }
     get value() {
-        return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#value);
+        return reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.read(this.#value);
     }
     set value(_v2) {
-        reactivity_fe942f28017d42ee87048fd6461b4dd80.write(this.#value, _v2);
+        reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.write(this.#value, _v2);
     }
 }
 export default function (attributes) {
-    let { max, min } = attributes, state = attributes.state || new ReactiveObject_fe942f28017d42ee87048fd6461b4dd83c();
+    let { max, min } = attributes, state = attributes.state || new ReactiveObject_f8d7c5e168a74d2d85c0f8e758b58e703c();
     if (attributes?.value) {
         state.value = Number(attributes.value);
     }
     return (() => {
-        let root_fe942f28017d42ee87048fd6461b4dd83d = template_fe942f28017d42ee87048fd6461b4dd83e(), element_fe942f28017d42ee87048fd6461b4dd83f = root_fe942f28017d42ee87048fd6461b4dd83d.firstChild, attributes_fe942f28017d42ee87048fd6461b4dd83g = { "class": "range --border-state --border-black", "style": "" };
-        template_fe942f28017d42ee87048fd6461b4dd81.setList(element_fe942f28017d42ee87048fd6461b4dd83f, 'style', () => `--thumb-position: ${((state.value - min) / (max - min)) * 100}%`, attributes_fe942f28017d42ee87048fd6461b4dd83g);
-        template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd83f, this?.attributes, attributes_fe942f28017d42ee87048fd6461b4dd83g);
-        template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd83f, attributes, attributes_fe942f28017d42ee87048fd6461b4dd83g);
-        template_fe942f28017d42ee87048fd6461b4dd81.setList(element_fe942f28017d42ee87048fd6461b4dd83f, 'class', () => state.active && '--active', attributes_fe942f28017d42ee87048fd6461b4dd83g);
-        template_fe942f28017d42ee87048fd6461b4dd81.on(element_fe942f28017d42ee87048fd6461b4dd83f, 'focusin', () => {
+        let root_f8d7c5e168a74d2d85c0f8e758b58e703d = template_f8d7c5e168a74d2d85c0f8e758b58e703e(), element_f8d7c5e168a74d2d85c0f8e758b58e703f = root_f8d7c5e168a74d2d85c0f8e758b58e703d.firstChild, attributes_f8d7c5e168a74d2d85c0f8e758b58e703g = { "class": "range --border-state --border-black", "style": "" };
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.setList(element_f8d7c5e168a74d2d85c0f8e758b58e703f, 'style', () => `--thumb-position: ${((state.value - min) / (max - min)) * 100}%`, attributes_f8d7c5e168a74d2d85c0f8e758b58e703g);
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e703f, this?.attributes, attributes_f8d7c5e168a74d2d85c0f8e758b58e703g);
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e703f, attributes, attributes_f8d7c5e168a74d2d85c0f8e758b58e703g);
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.setList(element_f8d7c5e168a74d2d85c0f8e758b58e703f, 'class', () => state.active && '--active', attributes_f8d7c5e168a74d2d85c0f8e758b58e703g);
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.on(element_f8d7c5e168a74d2d85c0f8e758b58e703f, 'focusin', () => {
             state.active = true;
         });
-        template_fe942f28017d42ee87048fd6461b4dd81.on(element_fe942f28017d42ee87048fd6461b4dd83f, 'focusout', () => {
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.on(element_f8d7c5e168a74d2d85c0f8e758b58e703f, 'focusout', () => {
             state.active = false;
         });
-        template_fe942f28017d42ee87048fd6461b4dd81.delegate(element_fe942f28017d42ee87048fd6461b4dd83f, 'input', (e) => {
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.delegate(element_f8d7c5e168a74d2d85c0f8e758b58e703f, 'input', (e) => {
             state.value = Number(e.target.value);
         });
-        template_fe942f28017d42ee87048fd6461b4dd81.onrender(element_fe942f28017d42ee87048fd6461b4dd83f, form.input.onrender(state));
-        template_fe942f28017d42ee87048fd6461b4dd81.setProperty(element_fe942f28017d42ee87048fd6461b4dd83f, 'value', root(() => attributes?.value || state.value || 0));
-        return root_fe942f28017d42ee87048fd6461b4dd83d;
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.onrender(element_f8d7c5e168a74d2d85c0f8e758b58e703f, form.input.onrender(state));
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperty(element_f8d7c5e168a74d2d85c0f8e758b58e703f, 'value', root(() => attributes?.value || state.value || 0));
+        return root_f8d7c5e168a74d2d85c0f8e758b58e703d;
     })();
 }
 ;

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

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

package/build/components/scrollbar/index.js

@@ -1,39 +1,39 @@
-import * as template_fe942f28017d42ee87048fd6461b4dd81 from '@esportsplus/template';
-import * as reactivity_fe942f28017d42ee87048fd6461b4dd80 from '@esportsplus/reactivity';
+import * as template_f8d7c5e168a74d2d85c0f8e758b58e701 from '@esportsplus/template';
+import * as reactivity_f8d7c5e168a74d2d85c0f8e758b58e700 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_fe942f28017d42ee87048fd6461b4dd83j = template_fe942f28017d42ee87048fd6461b4dd81.template(`<div class='scrollbar-container'><div class='scrollbar-container-content'><!--$--></div><div class='scrollbar'></div></div>`);
-class ReactiveObject_fe942f28017d42ee87048fd6461b4dd83h extends reactivity_fe942f28017d42ee87048fd6461b4dd80.ReactiveObject {
-    #height = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL](100);
-    #translate = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL](0);
+const template_f8d7c5e168a74d2d85c0f8e758b58e703j = template_f8d7c5e168a74d2d85c0f8e758b58e701.template(`<div class='scrollbar-container'><div class='scrollbar-container-content'><!--$--></div><div class='scrollbar'></div></div>`);
+class ReactiveObject_f8d7c5e168a74d2d85c0f8e758b58e703h extends reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.ReactiveObject {
+    #height = this[reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.SIGNAL](100);
+    #translate = this[reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.SIGNAL](0);
     constructor() {
         super(null);
     }
     get height() {
-        return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#height);
+        return reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.read(this.#height);
     }
     set height(_v0) {
-        reactivity_fe942f28017d42ee87048fd6461b4dd80.write(this.#height, _v0);
+        reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.write(this.#height, _v0);
     }
     get translate() {
-        return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#translate);
+        return reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.read(this.#translate);
     }
     set translate(_v1) {
-        reactivity_fe942f28017d42ee87048fd6461b4dd80.write(this.#translate, _v1);
+        reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.write(this.#translate, _v1);
     }
 }
 const OMIT = ['scrollbar', 'scrollbar-container-content'];
 let root = document.body, width;
 export default template.factory(function (attributes, content) {
-    let state = new ReactiveObject_fe942f28017d42ee87048fd6461b4dd83h();
+    let state = new ReactiveObject_f8d7c5e168a74d2d85c0f8e758b58e703h();
     return (() => {
-        let root_fe942f28017d42ee87048fd6461b4dd83i = template_fe942f28017d42ee87048fd6461b4dd83j(), element_fe942f28017d42ee87048fd6461b4dd83k = root_fe942f28017d42ee87048fd6461b4dd83i.firstChild, element_fe942f28017d42ee87048fd6461b4dd83l = element_fe942f28017d42ee87048fd6461b4dd83k.firstElementChild, element_fe942f28017d42ee87048fd6461b4dd83m = element_fe942f28017d42ee87048fd6461b4dd83l.firstChild, element_fe942f28017d42ee87048fd6461b4dd83n = element_fe942f28017d42ee87048fd6461b4dd83l.nextElementSibling, attributes_fe942f28017d42ee87048fd6461b4dd83o = { "class": "scrollbar-container" }, attributes_fe942f28017d42ee87048fd6461b4dd83p = { "class": "scrollbar-container-content" }, attributes_fe942f28017d42ee87048fd6461b4dd83q = { "class": "scrollbar" };
-        template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd83k, this?.attributes && omit(this.attributes, OMIT), attributes_fe942f28017d42ee87048fd6461b4dd83o);
-        template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd83k, omit(attributes, OMIT), attributes_fe942f28017d42ee87048fd6461b4dd83o);
-        template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd83l, this?.attributes?.['scrollbar-container-content'], attributes_fe942f28017d42ee87048fd6461b4dd83p);
-        template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd83l, attributes['scrollbar-container-content'], attributes_fe942f28017d42ee87048fd6461b4dd83p);
-        template_fe942f28017d42ee87048fd6461b4dd81.on(element_fe942f28017d42ee87048fd6461b4dd83l, 'scroll', function () {
+        let root_f8d7c5e168a74d2d85c0f8e758b58e703i = template_f8d7c5e168a74d2d85c0f8e758b58e703j(), element_f8d7c5e168a74d2d85c0f8e758b58e703k = root_f8d7c5e168a74d2d85c0f8e758b58e703i.firstChild, element_f8d7c5e168a74d2d85c0f8e758b58e703l = element_f8d7c5e168a74d2d85c0f8e758b58e703k.firstElementChild, element_f8d7c5e168a74d2d85c0f8e758b58e703m = element_f8d7c5e168a74d2d85c0f8e758b58e703l.firstChild, element_f8d7c5e168a74d2d85c0f8e758b58e703n = element_f8d7c5e168a74d2d85c0f8e758b58e703l.nextElementSibling, attributes_f8d7c5e168a74d2d85c0f8e758b58e703o = { "class": "scrollbar-container" }, attributes_f8d7c5e168a74d2d85c0f8e758b58e703p = { "class": "scrollbar-container-content" }, attributes_f8d7c5e168a74d2d85c0f8e758b58e703q = { "class": "scrollbar" };
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e703k, this?.attributes && omit(this.attributes, OMIT), attributes_f8d7c5e168a74d2d85c0f8e758b58e703o);
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e703k, omit(attributes, OMIT), attributes_f8d7c5e168a74d2d85c0f8e758b58e703o);
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e703l, this?.attributes?.['scrollbar-container-content'], attributes_f8d7c5e168a74d2d85c0f8e758b58e703p);
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e703l, attributes['scrollbar-container-content'], attributes_f8d7c5e168a74d2d85c0f8e758b58e703p);
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.on(element_f8d7c5e168a74d2d85c0f8e758b58e703l, 'scroll', function () {
             if (width === undefined) {
                 width = this.offsetWidth - this.clientWidth;
                 if (width && width !== 17) {
@@ -43,14 +43,14 @@ export default template.factory(function (attributes, content) {
             state.height = (this.clientHeight / this.scrollHeight) * 100;
             state.translate = (this.scrollTop / this.clientHeight) * 100;
         });
-        template_fe942f28017d42ee87048fd6461b4dd81.slot(element_fe942f28017d42ee87048fd6461b4dd83m, content);
-        template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd83n, this?.attributes?.scrollbar, attributes_fe942f28017d42ee87048fd6461b4dd83q);
-        template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd83n, attributes.scrollbar, attributes_fe942f28017d42ee87048fd6461b4dd83q);
-        template_fe942f28017d42ee87048fd6461b4dd81.setList(element_fe942f28017d42ee87048fd6461b4dd83n, 'class', () => state.height >= 100 && 'scrollbar--hidden', attributes_fe942f28017d42ee87048fd6461b4dd83q);
-        template_fe942f28017d42ee87048fd6461b4dd81.setList(element_fe942f28017d42ee87048fd6461b4dd83n, 'style', () => `
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.slot(element_f8d7c5e168a74d2d85c0f8e758b58e703m, content);
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e703n, this?.attributes?.scrollbar, attributes_f8d7c5e168a74d2d85c0f8e758b58e703q);
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e703n, attributes.scrollbar, attributes_f8d7c5e168a74d2d85c0f8e758b58e703q);
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.setList(element_f8d7c5e168a74d2d85c0f8e758b58e703n, 'class', () => state.height >= 100 && 'scrollbar--hidden', attributes_f8d7c5e168a74d2d85c0f8e758b58e703q);
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.setList(element_f8d7c5e168a74d2d85c0f8e758b58e703n, 'style', () => `
                             --translate: translate3d(0, ${state.translate}%, 0);
                             --height: ${state.height}%;
-                        `, attributes_fe942f28017d42ee87048fd6461b4dd83q);
-        return root_fe942f28017d42ee87048fd6461b4dd83i;
+                        `, attributes_f8d7c5e168a74d2d85c0f8e758b58e703q);
+        return root_f8d7c5e168a74d2d85c0f8e758b58e703i;
     })();
 });

package/build/components/select/index.js

@@ -1,45 +1,45 @@
-import * as template_fe942f28017d42ee87048fd6461b4dd81 from '@esportsplus/template';
-import * as reactivity_fe942f28017d42ee87048fd6461b4dd80 from '@esportsplus/reactivity';
+import * as template_f8d7c5e168a74d2d85c0f8e758b58e701 from '@esportsplus/template';
+import * as reactivity_f8d7c5e168a74d2d85c0f8e758b58e700 from '@esportsplus/reactivity';
 import { EMPTY_ARRAY, omit, toArray } from '@esportsplus/utilities';
 import form from '../../components/form/index.js';
 import root from '../../components/root/index.js';
 import scrollbar from '../../components/scrollbar/index.js';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_fe942f28017d42ee87048fd6461b4dd83t = template_fe942f28017d42ee87048fd6461b4dd81.template(`<div class='link select-option '><!--$--></div>`);
-const template_fe942f28017d42ee87048fd6461b4dd83y = template_fe942f28017d42ee87048fd6461b4dd81.template(`<div class='select tooltip '><!--$--><div class='select-arrow'></div><input class='select-tag'  /><!--$--></div>`);
-class ReactiveObject_fe942f28017d42ee87048fd6461b4dd83r extends reactivity_fe942f28017d42ee87048fd6461b4dd80.ReactiveObject {
-    #active = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL](false);
-    #error = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL]('');
-    #render = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL](false);
+const template_f8d7c5e168a74d2d85c0f8e758b58e703t = template_f8d7c5e168a74d2d85c0f8e758b58e701.template(`<div class='link select-option '><!--$--></div>`);
+const template_f8d7c5e168a74d2d85c0f8e758b58e703y = template_f8d7c5e168a74d2d85c0f8e758b58e701.template(`<div class='select tooltip '><!--$--><div class='select-arrow'></div><input class='select-tag'  /><!--$--></div>`);
+class ReactiveObject_f8d7c5e168a74d2d85c0f8e758b58e703r extends reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.ReactiveObject {
+    #active = this[reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.SIGNAL](false);
+    #error = this[reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.SIGNAL]('');
+    #render = this[reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.SIGNAL](false);
     #selected;
     constructor(_p0) {
         super(null);
-        this.#selected = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL](_p0);
+        this.#selected = this[reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.SIGNAL](_p0);
     }
     get active() {
-        return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#active);
+        return reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.read(this.#active);
     }
     set active(_v0) {
-        reactivity_fe942f28017d42ee87048fd6461b4dd80.write(this.#active, _v0);
+        reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.write(this.#active, _v0);
     }
     get error() {
-        return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#error);
+        return reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.read(this.#error);
     }
     set error(_v1) {
-        reactivity_fe942f28017d42ee87048fd6461b4dd80.write(this.#error, _v1);
+        reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.write(this.#error, _v1);
     }
     get render() {
-        return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#render);
+        return reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.read(this.#render);
     }
     set render(_v2) {
-        reactivity_fe942f28017d42ee87048fd6461b4dd80.write(this.#render, _v2);
+        reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.write(this.#render, _v2);
     }
     get selected() {
-        return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#selected);
+        return reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.read(this.#selected);
     }
     set selected(_v3) {
-        reactivity_fe942f28017d42ee87048fd6461b4dd80.write(this.#selected, _v3);
+        reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.write(this.#selected, _v3);
     }
 }
 const OMIT = [
@@ -78,19 +78,19 @@ function set(current, value) {
     }
 }
 const select = template.factory(function (attributes, content) {
-    let { options, option } = attributes, state = attributes.state || new ReactiveObject_fe942f28017d42ee87048fd6461b4dd83r(attributes.selected || Object.keys(options)[0]);
+    let { options, option } = attributes, state = attributes.state || new ReactiveObject_f8d7c5e168a74d2d85c0f8e758b58e703r(attributes.selected || Object.keys(options)[0]);
     return (() => {
-        let root_fe942f28017d42ee87048fd6461b4dd83x = template_fe942f28017d42ee87048fd6461b4dd83y(), element_fe942f28017d42ee87048fd6461b4dd83z = root_fe942f28017d42ee87048fd6461b4dd83x.firstChild, element_fe942f28017d42ee87048fd6461b4dd840 = element_fe942f28017d42ee87048fd6461b4dd83z.firstChild, element_fe942f28017d42ee87048fd6461b4dd841 = element_fe942f28017d42ee87048fd6461b4dd83z.firstElementChild, element_fe942f28017d42ee87048fd6461b4dd842 = element_fe942f28017d42ee87048fd6461b4dd841.nextElementSibling, element_fe942f28017d42ee87048fd6461b4dd843 = element_fe942f28017d42ee87048fd6461b4dd840.nextSibling.nextSibling.nextSibling, attributes_fe942f28017d42ee87048fd6461b4dd844 = { "class": "select tooltip" }, attributes_fe942f28017d42ee87048fd6461b4dd845 = { "class": "select-arrow" };
-        template_fe942f28017d42ee87048fd6461b4dd81.setList(element_fe942f28017d42ee87048fd6461b4dd83z, 'class', () => state.active && '--active', attributes_fe942f28017d42ee87048fd6461b4dd844);
-        template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd83z, this?.attributes && omit(this.attributes, OMIT), attributes_fe942f28017d42ee87048fd6461b4dd844);
-        template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd83z, omit(attributes, OMIT), attributes_fe942f28017d42ee87048fd6461b4dd844);
-        template_fe942f28017d42ee87048fd6461b4dd81.delegate(element_fe942f28017d42ee87048fd6461b4dd83z, 'click', () => {
+        let root_f8d7c5e168a74d2d85c0f8e758b58e703x = template_f8d7c5e168a74d2d85c0f8e758b58e703y(), element_f8d7c5e168a74d2d85c0f8e758b58e703z = root_f8d7c5e168a74d2d85c0f8e758b58e703x.firstChild, element_f8d7c5e168a74d2d85c0f8e758b58e7040 = element_f8d7c5e168a74d2d85c0f8e758b58e703z.firstChild, element_f8d7c5e168a74d2d85c0f8e758b58e7041 = element_f8d7c5e168a74d2d85c0f8e758b58e703z.firstElementChild, element_f8d7c5e168a74d2d85c0f8e758b58e7042 = element_f8d7c5e168a74d2d85c0f8e758b58e7041.nextElementSibling, element_f8d7c5e168a74d2d85c0f8e758b58e7043 = element_f8d7c5e168a74d2d85c0f8e758b58e7040.nextSibling.nextSibling.nextSibling, attributes_f8d7c5e168a74d2d85c0f8e758b58e7044 = { "class": "select tooltip" }, attributes_f8d7c5e168a74d2d85c0f8e758b58e7045 = { "class": "select-arrow" };
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.setList(element_f8d7c5e168a74d2d85c0f8e758b58e703z, 'class', () => state.active && '--active', attributes_f8d7c5e168a74d2d85c0f8e758b58e7044);
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e703z, this?.attributes && omit(this.attributes, OMIT), attributes_f8d7c5e168a74d2d85c0f8e758b58e7044);
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e703z, omit(attributes, OMIT), attributes_f8d7c5e168a74d2d85c0f8e758b58e7044);
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.delegate(element_f8d7c5e168a74d2d85c0f8e758b58e703z, 'click', () => {
             if (state.render) {
                 set(state, !state.active);
             }
             state.render = true;
         });
-        new template_fe942f28017d42ee87048fd6461b4dd81.EffectSlot(element_fe942f28017d42ee87048fd6461b4dd840, content ? (() => content(state)) : (() => {
+        new template_f8d7c5e168a74d2d85c0f8e758b58e701.EffectSlot(element_f8d7c5e168a74d2d85c0f8e758b58e7040, content ? (() => content(state)) : (() => {
             let selected = options[state.selected];
             if (!selected) {
                 return '-';
@@ -100,22 +100,22 @@ const select = template.factory(function (attributes, content) {
             }
             return selected;
         }));
-        template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd841, this?.attributes?.arrow, attributes_fe942f28017d42ee87048fd6461b4dd845);
-        template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd841, attributes.arrow, attributes_fe942f28017d42ee87048fd6461b4dd845);
-        template_fe942f28017d42ee87048fd6461b4dd81.setProperty(element_fe942f28017d42ee87048fd6461b4dd842, 'name', attributes.name);
-        template_fe942f28017d42ee87048fd6461b4dd81.delegate(element_fe942f28017d42ee87048fd6461b4dd842, 'click', () => { });
-        template_fe942f28017d42ee87048fd6461b4dd81.onrender(element_fe942f28017d42ee87048fd6461b4dd842, form.input.onrender(state));
-        template_fe942f28017d42ee87048fd6461b4dd81.setProperty(element_fe942f28017d42ee87048fd6461b4dd842, 'value', () => state.selected);
-        new template_fe942f28017d42ee87048fd6461b4dd81.EffectSlot(element_fe942f28017d42ee87048fd6461b4dd843, () => {
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e7041, this?.attributes?.arrow, attributes_f8d7c5e168a74d2d85c0f8e758b58e7045);
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e7041, attributes.arrow, attributes_f8d7c5e168a74d2d85c0f8e758b58e7045);
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperty(element_f8d7c5e168a74d2d85c0f8e758b58e7042, 'name', attributes.name);
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.delegate(element_f8d7c5e168a74d2d85c0f8e758b58e7042, 'click', () => { });
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.onrender(element_f8d7c5e168a74d2d85c0f8e758b58e7042, form.input.onrender(state));
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperty(element_f8d7c5e168a74d2d85c0f8e758b58e7042, 'value', () => state.selected);
+        new template_f8d7c5e168a74d2d85c0f8e758b58e701.EffectSlot(element_f8d7c5e168a74d2d85c0f8e758b58e7043, () => {
             if (!state.render) {
                 return;
             }
-            let keys = Object.keys(options), selected = reactivity_fe942f28017d42ee87048fd6461b4dd80.reactive(Object.fromEntries(keys.map(key => [key, false])));
+            let keys = Object.keys(options), selected = reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.reactive(Object.fromEntries(keys.map(key => [key, false])));
             return sb({
                 ...this?.attributes?.['tooltip-content'] || EMPTY_ARRAY,
                 ...attributes['tooltip-content'],
                 class: [
-                    ...toArray(this?.attributes?.['tooltip-content']?.class || EMPTY_ARRAY),
+                    ...toArray(this?.attributes?.['tooltip-content']?.class),
                     ...toArray(attributes['tooltip-content']?.class),
                     `tooltip-content--${attributes['tooltip-content']?.direction || 's'}`
                 ],
@@ -143,24 +143,28 @@ const select = template.factory(function (attributes, content) {
                     set(state, true);
                 },
                 scrollbar: attributes.scrollbar,
-                'scrollbar-container-content': attributes['scrollbar-container-content']
+                'scrollbar-container-content': attributes['scrollbar-container-content'],
+                style: [
+                    ...toArray(this?.attributes?.['tooltip-content']?.style),
+                    ...toArray(attributes['tooltip-content']?.style)
+                ],
             }, keys.map((key) => {
                 let content = options[key];
                 if (content !== null && typeof content === 'object' && 'content' in content) {
                     content = content.content;
                 }
                 return (() => {
-                    let root_fe942f28017d42ee87048fd6461b4dd83s = template_fe942f28017d42ee87048fd6461b4dd83t(), element_fe942f28017d42ee87048fd6461b4dd83u = root_fe942f28017d42ee87048fd6461b4dd83s.firstChild, element_fe942f28017d42ee87048fd6461b4dd83v = element_fe942f28017d42ee87048fd6461b4dd83u.firstChild, attributes_fe942f28017d42ee87048fd6461b4dd83w = { "class": "link select-option" };
-                    template_fe942f28017d42ee87048fd6461b4dd81.setList(element_fe942f28017d42ee87048fd6461b4dd83u, 'class', () => selected[key] && '--active', attributes_fe942f28017d42ee87048fd6461b4dd83w);
-                    template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd83u, this?.attributes?.option, attributes_fe942f28017d42ee87048fd6461b4dd83w);
-                    template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd83u, option, attributes_fe942f28017d42ee87048fd6461b4dd83w);
-                    template_fe942f28017d42ee87048fd6461b4dd81.setProperty(element_fe942f28017d42ee87048fd6461b4dd83u, 'data-key', key);
-                    template_fe942f28017d42ee87048fd6461b4dd81.slot(element_fe942f28017d42ee87048fd6461b4dd83v, content);
-                    return root_fe942f28017d42ee87048fd6461b4dd83s;
+                    let root_f8d7c5e168a74d2d85c0f8e758b58e703s = template_f8d7c5e168a74d2d85c0f8e758b58e703t(), element_f8d7c5e168a74d2d85c0f8e758b58e703u = root_f8d7c5e168a74d2d85c0f8e758b58e703s.firstChild, element_f8d7c5e168a74d2d85c0f8e758b58e703v = element_f8d7c5e168a74d2d85c0f8e758b58e703u.firstChild, attributes_f8d7c5e168a74d2d85c0f8e758b58e703w = { "class": "link select-option" };
+                    template_f8d7c5e168a74d2d85c0f8e758b58e701.setList(element_f8d7c5e168a74d2d85c0f8e758b58e703u, 'class', () => selected[key] && '--active', attributes_f8d7c5e168a74d2d85c0f8e758b58e703w);
+                    template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e703u, this?.attributes?.option, attributes_f8d7c5e168a74d2d85c0f8e758b58e703w);
+                    template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e703u, option, attributes_f8d7c5e168a74d2d85c0f8e758b58e703w);
+                    template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperty(element_f8d7c5e168a74d2d85c0f8e758b58e703u, 'data-key', key);
+                    template_f8d7c5e168a74d2d85c0f8e758b58e701.slot(element_f8d7c5e168a74d2d85c0f8e758b58e703v, content);
+                    return root_f8d7c5e168a74d2d85c0f8e758b58e703s;
                 })();
             }));
         });
-        return root_fe942f28017d42ee87048fd6461b4dd83x;
+        return root_f8d7c5e168a74d2d85c0f8e758b58e703x;
     })();
 });
 export default select;

package/build/components/textarea/index.js

@@ -1,45 +1,45 @@
-import * as template_fe942f28017d42ee87048fd6461b4dd81 from '@esportsplus/template';
-import * as reactivity_fe942f28017d42ee87048fd6461b4dd80 from '@esportsplus/reactivity';
+import * as template_f8d7c5e168a74d2d85c0f8e758b58e701 from '@esportsplus/template';
+import * as reactivity_f8d7c5e168a74d2d85c0f8e758b58e700 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_fe942f28017d42ee87048fd6461b4dd848 = template_fe942f28017d42ee87048fd6461b4dd81.template(`<textarea class='textarea'></textarea>`);
-class ReactiveObject_fe942f28017d42ee87048fd6461b4dd846 extends reactivity_fe942f28017d42ee87048fd6461b4dd80.ReactiveObject {
-    #active = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL](false);
-    #error = this[reactivity_fe942f28017d42ee87048fd6461b4dd80.SIGNAL]('');
+const template_f8d7c5e168a74d2d85c0f8e758b58e7048 = template_f8d7c5e168a74d2d85c0f8e758b58e701.template(`<textarea class='textarea'></textarea>`);
+class ReactiveObject_f8d7c5e168a74d2d85c0f8e758b58e7046 extends reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.ReactiveObject {
+    #active = this[reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.SIGNAL](false);
+    #error = this[reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.SIGNAL]('');
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#active);
+        return reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.read(this.#active);
     }
     set active(_v0) {
-        reactivity_fe942f28017d42ee87048fd6461b4dd80.write(this.#active, _v0);
+        reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.write(this.#active, _v0);
     }
     get error() {
-        return reactivity_fe942f28017d42ee87048fd6461b4dd80.read(this.#error);
+        return reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.read(this.#error);
     }
     set error(_v1) {
-        reactivity_fe942f28017d42ee87048fd6461b4dd80.write(this.#error, _v1);
+        reactivity_f8d7c5e168a74d2d85c0f8e758b58e700.write(this.#error, _v1);
     }
 }
 const OMIT = ['state'];
 export default function (attributes) {
-    let state = attributes.state || new ReactiveObject_fe942f28017d42ee87048fd6461b4dd846();
+    let state = attributes.state || new ReactiveObject_f8d7c5e168a74d2d85c0f8e758b58e7046();
     return (() => {
-        let root_fe942f28017d42ee87048fd6461b4dd847 = template_fe942f28017d42ee87048fd6461b4dd848(), element_fe942f28017d42ee87048fd6461b4dd849 = root_fe942f28017d42ee87048fd6461b4dd847.firstChild, attributes_fe942f28017d42ee87048fd6461b4dd84a = { "class": "textarea" };
-        template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd849, this?.attributes && omit(this.attributes, OMIT), attributes_fe942f28017d42ee87048fd6461b4dd84a);
-        template_fe942f28017d42ee87048fd6461b4dd81.setProperties(element_fe942f28017d42ee87048fd6461b4dd849, omit(attributes, OMIT), attributes_fe942f28017d42ee87048fd6461b4dd84a);
-        template_fe942f28017d42ee87048fd6461b4dd81.setList(element_fe942f28017d42ee87048fd6461b4dd849, 'class', () => state.active && '--active', attributes_fe942f28017d42ee87048fd6461b4dd84a);
-        template_fe942f28017d42ee87048fd6461b4dd81.on(element_fe942f28017d42ee87048fd6461b4dd849, 'focusin', () => {
+        let root_f8d7c5e168a74d2d85c0f8e758b58e7047 = template_f8d7c5e168a74d2d85c0f8e758b58e7048(), element_f8d7c5e168a74d2d85c0f8e758b58e7049 = root_f8d7c5e168a74d2d85c0f8e758b58e7047.firstChild, attributes_f8d7c5e168a74d2d85c0f8e758b58e704a = { "class": "textarea" };
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e7049, this?.attributes && omit(this.attributes, OMIT), attributes_f8d7c5e168a74d2d85c0f8e758b58e704a);
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperties(element_f8d7c5e168a74d2d85c0f8e758b58e7049, omit(attributes, OMIT), attributes_f8d7c5e168a74d2d85c0f8e758b58e704a);
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.setList(element_f8d7c5e168a74d2d85c0f8e758b58e7049, 'class', () => state.active && '--active', attributes_f8d7c5e168a74d2d85c0f8e758b58e704a);
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.on(element_f8d7c5e168a74d2d85c0f8e758b58e7049, 'focusin', () => {
             state.active = true;
         });
-        template_fe942f28017d42ee87048fd6461b4dd81.on(element_fe942f28017d42ee87048fd6461b4dd849, 'focusout', () => {
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.on(element_f8d7c5e168a74d2d85c0f8e758b58e7049, 'focusout', () => {
             state.active = false;
         });
-        template_fe942f28017d42ee87048fd6461b4dd81.onrender(element_fe942f28017d42ee87048fd6461b4dd849, form.input.onrender(state));
-        template_fe942f28017d42ee87048fd6461b4dd81.setProperty(element_fe942f28017d42ee87048fd6461b4dd849, 'value', attributes?.value || '');
-        return root_fe942f28017d42ee87048fd6461b4dd847;
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.onrender(element_f8d7c5e168a74d2d85c0f8e758b58e7049, form.input.onrender(state));
+        template_f8d7c5e168a74d2d85c0f8e758b58e701.setProperty(element_f8d7c5e168a74d2d85c0f8e758b58e7049, 'value', attributes?.value || '');
+        return root_f8d7c5e168a74d2d85c0f8e758b58e7047;
     })();
 }
 ;