@esportsplus/ui 0.50.3 → 0.50.4

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

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

package/build/components/accordion/index.js

@@ -1,42 +1,42 @@
-import * as template_f1c0e89739a34c0d84ab815f980ed19e1 from '@esportsplus/template';
-import * as reactivity_f1c0e89739a34c0d84ab815f980ed19e0 from '@esportsplus/reactivity';
+import * as template_25ee554ebf234cbcbc5b0894cdf8c64d1 from '@esportsplus/template';
+import * as reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_f1c0e89739a34c0d84ab815f980ed19e4 = template_f1c0e89739a34c0d84ab815f980ed19e1.template(`<div><!--$--></div>`);
-class ReactiveObject_f1c0e89739a34c0d84ab815f980ed19e2 extends reactivity_f1c0e89739a34c0d84ab815f980ed19e0.ReactiveObject {
-    #active = this[reactivity_f1c0e89739a34c0d84ab815f980ed19e0.SIGNAL](0);
+const template_25ee554ebf234cbcbc5b0894cdf8c64d4 = template_25ee554ebf234cbcbc5b0894cdf8c64d1.template(`<div><!--$--></div>`);
+class ReactiveObject_25ee554ebf234cbcbc5b0894cdf8c64d2 extends reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.ReactiveObject {
+    #active = this[reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.SIGNAL](0);
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_f1c0e89739a34c0d84ab815f980ed19e0.read(this.#active);
+        return reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.read(this.#active);
     }
     set active(_v0) {
-        reactivity_f1c0e89739a34c0d84ab815f980ed19e0.write(this.#active, _v0);
+        reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.write(this.#active, _v0);
     }
 }
 const OMIT = ['state'];
 let key = Symbol();
 export default template.factory(function (attributes, content) {
-    let ref, state = attributes.state || new ReactiveObject_f1c0e89739a34c0d84ab815f980ed19e2();
+    let ref, state = attributes.state || new ReactiveObject_25ee554ebf234cbcbc5b0894cdf8c64d2();
     return (() => {
-        let root_f1c0e89739a34c0d84ab815f980ed19e3 = template_f1c0e89739a34c0d84ab815f980ed19e4(), element_f1c0e89739a34c0d84ab815f980ed19e5 = root_f1c0e89739a34c0d84ab815f980ed19e3.firstChild, element_f1c0e89739a34c0d84ab815f980ed19e6 = element_f1c0e89739a34c0d84ab815f980ed19e5.firstChild, attributes_f1c0e89739a34c0d84ab815f980ed19e7 = {};
-        template_f1c0e89739a34c0d84ab815f980ed19e1.setProperties(element_f1c0e89739a34c0d84ab815f980ed19e5, omit(attributes, OMIT), attributes_f1c0e89739a34c0d84ab815f980ed19e7);
-        template_f1c0e89739a34c0d84ab815f980ed19e1.setList(element_f1c0e89739a34c0d84ab815f980ed19e5, 'class', () => {
+        let root_25ee554ebf234cbcbc5b0894cdf8c64d3 = template_25ee554ebf234cbcbc5b0894cdf8c64d4(), element_25ee554ebf234cbcbc5b0894cdf8c64d5 = root_25ee554ebf234cbcbc5b0894cdf8c64d3.firstChild, element_25ee554ebf234cbcbc5b0894cdf8c64d6 = element_25ee554ebf234cbcbc5b0894cdf8c64d5.firstChild, attributes_25ee554ebf234cbcbc5b0894cdf8c64d7 = {};
+        template_25ee554ebf234cbcbc5b0894cdf8c64d1.setProperties(element_25ee554ebf234cbcbc5b0894cdf8c64d5, omit(attributes, OMIT), attributes_25ee554ebf234cbcbc5b0894cdf8c64d7);
+        template_25ee554ebf234cbcbc5b0894cdf8c64d1.setList(element_25ee554ebf234cbcbc5b0894cdf8c64d5, 'class', () => {
             return state.active && '--active';
-        }, attributes_f1c0e89739a34c0d84ab815f980ed19e7);
-        template_f1c0e89739a34c0d84ab815f980ed19e1.onrender(element_f1c0e89739a34c0d84ab815f980ed19e5, (element) => {
+        }, attributes_25ee554ebf234cbcbc5b0894cdf8c64d7);
+        template_25ee554ebf234cbcbc5b0894cdf8c64d1.onrender(element_25ee554ebf234cbcbc5b0894cdf8c64d5, (element) => {
             (ref = element)[key] = state;
         });
-        template_f1c0e89739a34c0d84ab815f980ed19e1.setList(element_f1c0e89739a34c0d84ab815f980ed19e5, 'style', () => {
+        template_25ee554ebf234cbcbc5b0894cdf8c64d1.setList(element_25ee554ebf234cbcbc5b0894cdf8c64d5, 'style', () => {
             let parent = ref.closest('accordion');
             if (parent && key in parent) {
                 parent[key].active = (+parent[key].active) + 1;
             }
             return state.active && `--max-height: ${ref.scrollHeight}`;
-        }, attributes_f1c0e89739a34c0d84ab815f980ed19e7);
-        template_f1c0e89739a34c0d84ab815f980ed19e1.slot(element_f1c0e89739a34c0d84ab815f980ed19e6, content);
-        return root_f1c0e89739a34c0d84ab815f980ed19e3;
+        }, attributes_25ee554ebf234cbcbc5b0894cdf8c64d7);
+        template_25ee554ebf234cbcbc5b0894cdf8c64d1.slot(element_25ee554ebf234cbcbc5b0894cdf8c64d6, content);
+        return root_25ee554ebf234cbcbc5b0894cdf8c64d3;
     })();
 });

package/build/components/alert/index.js

@@ -1,50 +1,50 @@
 import '@esportsplus/vite/global.d.ts';
-import * as template_f1c0e89739a34c0d84ab815f980ed19e1 from '@esportsplus/template';
+import * as template_25ee554ebf234cbcbc5b0894cdf8c64d1 from '@esportsplus/template';
 import { svg } from '@esportsplus/template';
-import * as reactivity_f1c0e89739a34c0d84ab815f980ed19e0 from '@esportsplus/reactivity';
+import * as reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import { icon } from '@esportsplus/ui';
 import check from './svg/check.svg';
 import close from './svg/close.svg';
 import e from './svg/error.svg';
 import './scss/index.scss';
-const template_f1c0e89739a34c0d84ab815f980ed19ea = template_f1c0e89739a34c0d84ab815f980ed19e1.template(`<div class='--flex-vertical'><!--$--></div>`);
-const template_f1c0e89739a34c0d84ab815f980ed19ef = template_f1c0e89739a34c0d84ab815f980ed19e1.template(`<p><!--$--></p>`);
-const template_f1c0e89739a34c0d84ab815f980ed19ek = template_f1c0e89739a34c0d84ab815f980ed19e1.template(`<div class='--flex-start'><!--$--></div>`);
-const template_f1c0e89739a34c0d84ab815f980ed19en = template_f1c0e89739a34c0d84ab815f980ed19e1.template(`<div class='alert anchor anchor--n  --flex-row'><!--$--><div class='alert-messages --flex-column --flex-fill'><!--$--></div><div class="--flex-vertical"><div class='alert-close button --padding-300'><div class="icon" style='--size: 14px;'><!--$--></div></div></div></div>`);
-class ReactiveObject_f1c0e89739a34c0d84ab815f980ed19e8 extends reactivity_f1c0e89739a34c0d84ab815f980ed19e0.ReactiveObject {
-    #active = this[reactivity_f1c0e89739a34c0d84ab815f980ed19e0.SIGNAL](false);
+const template_25ee554ebf234cbcbc5b0894cdf8c64da = template_25ee554ebf234cbcbc5b0894cdf8c64d1.template(`<div class='--flex-vertical'><!--$--></div>`);
+const template_25ee554ebf234cbcbc5b0894cdf8c64df = template_25ee554ebf234cbcbc5b0894cdf8c64d1.template(`<p><!--$--></p>`);
+const template_25ee554ebf234cbcbc5b0894cdf8c64dk = template_25ee554ebf234cbcbc5b0894cdf8c64d1.template(`<div class='--flex-start'><!--$--></div>`);
+const template_25ee554ebf234cbcbc5b0894cdf8c64dn = template_25ee554ebf234cbcbc5b0894cdf8c64d1.template(`<div class='alert anchor anchor--n  --flex-row'><!--$--><div class='alert-messages --flex-column --flex-fill'><!--$--></div><div class="--flex-vertical"><div class='alert-close button --padding-300'><div class="icon" style='--size: 14px;'><!--$--></div></div></div></div>`);
+class ReactiveObject_25ee554ebf234cbcbc5b0894cdf8c64d8 extends reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.ReactiveObject {
+    #active = this[reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.SIGNAL](false);
     #messages;
-    #rerender = this[reactivity_f1c0e89739a34c0d84ab815f980ed19e0.SIGNAL](0);
+    #rerender = this[reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.SIGNAL](0);
     #type;
     constructor(_p0, _p1) {
         super(null);
-        this.#messages = this[reactivity_f1c0e89739a34c0d84ab815f980ed19e0.SIGNAL](_p0);
-        this.#type = this[reactivity_f1c0e89739a34c0d84ab815f980ed19e0.SIGNAL](_p1);
+        this.#messages = this[reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.SIGNAL](_p0);
+        this.#type = this[reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.SIGNAL](_p1);
     }
     get active() {
-        return reactivity_f1c0e89739a34c0d84ab815f980ed19e0.read(this.#active);
+        return reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.read(this.#active);
     }
     set active(_v0) {
-        reactivity_f1c0e89739a34c0d84ab815f980ed19e0.write(this.#active, _v0);
+        reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.write(this.#active, _v0);
     }
     get messages() {
-        return reactivity_f1c0e89739a34c0d84ab815f980ed19e0.read(this.#messages);
+        return reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.read(this.#messages);
     }
     set messages(_v1) {
-        reactivity_f1c0e89739a34c0d84ab815f980ed19e0.write(this.#messages, _v1);
+        reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.write(this.#messages, _v1);
     }
     get rerender() {
-        return reactivity_f1c0e89739a34c0d84ab815f980ed19e0.read(this.#rerender);
+        return reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.read(this.#rerender);
     }
     set rerender(_v2) {
-        reactivity_f1c0e89739a34c0d84ab815f980ed19e0.write(this.#rerender, _v2);
+        reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.write(this.#rerender, _v2);
     }
     get type() {
-        return reactivity_f1c0e89739a34c0d84ab815f980ed19e0.read(this.#type);
+        return reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.read(this.#type);
     }
     set type(_v3) {
-        reactivity_f1c0e89739a34c0d84ab815f980ed19e0.write(this.#type, _v3);
+        reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.write(this.#type, _v3);
     }
 }
 const OMIT = ['alert-close', 'alert-messages', 'alert-message'];
@@ -93,7 +93,7 @@ function deactivate(state) {
     }, timeout);
 }
 export default (attributes) => {
-    let state = new ReactiveObject_f1c0e89739a34c0d84ab815f980ed19e8(new Set(), '');
+    let state = new ReactiveObject_25ee554ebf234cbcbc5b0894cdf8c64d8(new Set(), '');
     const error = (messages, seconds = 0) => activate('error', messages, seconds, state);
     error.response = (response) => {
         if (response.ok) {
@@ -108,41 +108,41 @@ export default (attributes) => {
     };
     return {
         content: (() => {
-            let root_f1c0e89739a34c0d84ab815f980ed19em = template_f1c0e89739a34c0d84ab815f980ed19en(), element_f1c0e89739a34c0d84ab815f980ed19eo = root_f1c0e89739a34c0d84ab815f980ed19em.firstChild, element_f1c0e89739a34c0d84ab815f980ed19ep = element_f1c0e89739a34c0d84ab815f980ed19eo.firstChild, element_f1c0e89739a34c0d84ab815f980ed19eq = element_f1c0e89739a34c0d84ab815f980ed19eo.firstElementChild, element_f1c0e89739a34c0d84ab815f980ed19er = element_f1c0e89739a34c0d84ab815f980ed19eq.firstChild, element_f1c0e89739a34c0d84ab815f980ed19es = element_f1c0e89739a34c0d84ab815f980ed19eq.nextElementSibling.firstElementChild, element_f1c0e89739a34c0d84ab815f980ed19et = element_f1c0e89739a34c0d84ab815f980ed19es.firstElementChild.firstChild, attributes_f1c0e89739a34c0d84ab815f980ed19eu = { "class": "alert anchor anchor--n --flex-row" }, attributes_f1c0e89739a34c0d84ab815f980ed19ev = { "class": "alert-messages --flex-column --flex-fill" }, attributes_f1c0e89739a34c0d84ab815f980ed19ew = { "class": "alert-close button --padding-300" };
-            template_f1c0e89739a34c0d84ab815f980ed19e1.setList(element_f1c0e89739a34c0d84ab815f980ed19eo, 'class', () => state.active && '--active', attributes_f1c0e89739a34c0d84ab815f980ed19eu);
-            template_f1c0e89739a34c0d84ab815f980ed19e1.setProperties(element_f1c0e89739a34c0d84ab815f980ed19eo, omit(attributes, OMIT), attributes_f1c0e89739a34c0d84ab815f980ed19eu);
-            new template_f1c0e89739a34c0d84ab815f980ed19e1.EffectSlot(element_f1c0e89739a34c0d84ab815f980ed19ep, () => {
+            let root_25ee554ebf234cbcbc5b0894cdf8c64dm = template_25ee554ebf234cbcbc5b0894cdf8c64dn(), element_25ee554ebf234cbcbc5b0894cdf8c64do = root_25ee554ebf234cbcbc5b0894cdf8c64dm.firstChild, element_25ee554ebf234cbcbc5b0894cdf8c64dp = element_25ee554ebf234cbcbc5b0894cdf8c64do.firstChild, element_25ee554ebf234cbcbc5b0894cdf8c64dq = element_25ee554ebf234cbcbc5b0894cdf8c64do.firstElementChild, element_25ee554ebf234cbcbc5b0894cdf8c64dr = element_25ee554ebf234cbcbc5b0894cdf8c64dq.firstChild, element_25ee554ebf234cbcbc5b0894cdf8c64ds = element_25ee554ebf234cbcbc5b0894cdf8c64dq.nextElementSibling.firstElementChild, element_25ee554ebf234cbcbc5b0894cdf8c64dt = element_25ee554ebf234cbcbc5b0894cdf8c64ds.firstElementChild.firstChild, attributes_25ee554ebf234cbcbc5b0894cdf8c64du = { "class": "alert anchor anchor--n --flex-row" }, attributes_25ee554ebf234cbcbc5b0894cdf8c64dv = { "class": "alert-messages --flex-column --flex-fill" }, attributes_25ee554ebf234cbcbc5b0894cdf8c64dw = { "class": "alert-close button --padding-300" };
+            template_25ee554ebf234cbcbc5b0894cdf8c64d1.setList(element_25ee554ebf234cbcbc5b0894cdf8c64do, 'class', () => state.active && '--active', attributes_25ee554ebf234cbcbc5b0894cdf8c64du);
+            template_25ee554ebf234cbcbc5b0894cdf8c64d1.setProperties(element_25ee554ebf234cbcbc5b0894cdf8c64do, omit(attributes, OMIT), attributes_25ee554ebf234cbcbc5b0894cdf8c64du);
+            new template_25ee554ebf234cbcbc5b0894cdf8c64d1.EffectSlot(element_25ee554ebf234cbcbc5b0894cdf8c64dp, () => {
                 let type = state.type;
                 return (() => {
-                    let root_f1c0e89739a34c0d84ab815f980ed19e9 = template_f1c0e89739a34c0d84ab815f980ed19ea(), element_f1c0e89739a34c0d84ab815f980ed19eb = root_f1c0e89739a34c0d84ab815f980ed19e9.firstChild, element_f1c0e89739a34c0d84ab815f980ed19ec = element_f1c0e89739a34c0d84ab815f980ed19eb.firstChild, attributes_f1c0e89739a34c0d84ab815f980ed19ed = { "class": "--flex-vertical", "style": "" };
-                    template_f1c0e89739a34c0d84ab815f980ed19e1.setList(element_f1c0e89739a34c0d84ab815f980ed19eb, 'style', `--color: var(--color-${modifiers[type]}-400);`, attributes_f1c0e89739a34c0d84ab815f980ed19ed);
-                    template_f1c0e89739a34c0d84ab815f980ed19e1.slot(element_f1c0e89739a34c0d84ab815f980ed19ec, icon({ class: '--size-500' }, type === 'error' ? e : check));
-                    return root_f1c0e89739a34c0d84ab815f980ed19e9;
+                    let root_25ee554ebf234cbcbc5b0894cdf8c64d9 = template_25ee554ebf234cbcbc5b0894cdf8c64da(), element_25ee554ebf234cbcbc5b0894cdf8c64db = root_25ee554ebf234cbcbc5b0894cdf8c64d9.firstChild, element_25ee554ebf234cbcbc5b0894cdf8c64dc = element_25ee554ebf234cbcbc5b0894cdf8c64db.firstChild, attributes_25ee554ebf234cbcbc5b0894cdf8c64dd = { "class": "--flex-vertical", "style": "" };
+                    template_25ee554ebf234cbcbc5b0894cdf8c64d1.setList(element_25ee554ebf234cbcbc5b0894cdf8c64db, 'style', `--color: var(--color-${modifiers[type]}-400);`, attributes_25ee554ebf234cbcbc5b0894cdf8c64dd);
+                    template_25ee554ebf234cbcbc5b0894cdf8c64d1.slot(element_25ee554ebf234cbcbc5b0894cdf8c64dc, icon({ class: '--size-500' }, type === 'error' ? e : check));
+                    return root_25ee554ebf234cbcbc5b0894cdf8c64d9;
                 })();
             });
-            template_f1c0e89739a34c0d84ab815f980ed19e1.setProperties(element_f1c0e89739a34c0d84ab815f980ed19eq, attributes['alert-messages'], attributes_f1c0e89739a34c0d84ab815f980ed19ev);
-            new template_f1c0e89739a34c0d84ab815f980ed19e1.EffectSlot(element_f1c0e89739a34c0d84ab815f980ed19er, () => {
+            template_25ee554ebf234cbcbc5b0894cdf8c64d1.setProperties(element_25ee554ebf234cbcbc5b0894cdf8c64dq, attributes['alert-messages'], attributes_25ee554ebf234cbcbc5b0894cdf8c64dv);
+            new template_25ee554ebf234cbcbc5b0894cdf8c64d1.EffectSlot(element_25ee554ebf234cbcbc5b0894cdf8c64dr, () => {
                 let message = attributes['alert-message'];
                 return state.rerender && [...state.messages].map((content) => {
                     if (typeof content === 'string') {
                         return (() => {
-                            let root_f1c0e89739a34c0d84ab815f980ed19ee = template_f1c0e89739a34c0d84ab815f980ed19ef(), element_f1c0e89739a34c0d84ab815f980ed19eg = root_f1c0e89739a34c0d84ab815f980ed19ee.firstChild, element_f1c0e89739a34c0d84ab815f980ed19eh = element_f1c0e89739a34c0d84ab815f980ed19eg.firstChild, attributes_f1c0e89739a34c0d84ab815f980ed19ei = {};
-                            template_f1c0e89739a34c0d84ab815f980ed19e1.setProperties(element_f1c0e89739a34c0d84ab815f980ed19eg, message, attributes_f1c0e89739a34c0d84ab815f980ed19ei);
-                            template_f1c0e89739a34c0d84ab815f980ed19e1.slot(element_f1c0e89739a34c0d84ab815f980ed19eh, content);
-                            return root_f1c0e89739a34c0d84ab815f980ed19ee;
+                            let root_25ee554ebf234cbcbc5b0894cdf8c64de = template_25ee554ebf234cbcbc5b0894cdf8c64df(), element_25ee554ebf234cbcbc5b0894cdf8c64dg = root_25ee554ebf234cbcbc5b0894cdf8c64de.firstChild, element_25ee554ebf234cbcbc5b0894cdf8c64dh = element_25ee554ebf234cbcbc5b0894cdf8c64dg.firstChild, attributes_25ee554ebf234cbcbc5b0894cdf8c64di = {};
+                            template_25ee554ebf234cbcbc5b0894cdf8c64d1.setProperties(element_25ee554ebf234cbcbc5b0894cdf8c64dg, message, attributes_25ee554ebf234cbcbc5b0894cdf8c64di);
+                            template_25ee554ebf234cbcbc5b0894cdf8c64d1.slot(element_25ee554ebf234cbcbc5b0894cdf8c64dh, content);
+                            return root_25ee554ebf234cbcbc5b0894cdf8c64de;
                         })();
                     }
                     return (() => {
-                        let root_f1c0e89739a34c0d84ab815f980ed19ej = template_f1c0e89739a34c0d84ab815f980ed19ek(), element_f1c0e89739a34c0d84ab815f980ed19el = root_f1c0e89739a34c0d84ab815f980ed19ej.firstChild.firstChild;
-                        template_f1c0e89739a34c0d84ab815f980ed19e1.slot(element_f1c0e89739a34c0d84ab815f980ed19el, content);
-                        return root_f1c0e89739a34c0d84ab815f980ed19ej;
+                        let root_25ee554ebf234cbcbc5b0894cdf8c64dj = template_25ee554ebf234cbcbc5b0894cdf8c64dk(), element_25ee554ebf234cbcbc5b0894cdf8c64dl = root_25ee554ebf234cbcbc5b0894cdf8c64dj.firstChild.firstChild;
+                        template_25ee554ebf234cbcbc5b0894cdf8c64d1.slot(element_25ee554ebf234cbcbc5b0894cdf8c64dl, content);
+                        return root_25ee554ebf234cbcbc5b0894cdf8c64dj;
                     })();
                 });
             });
-            template_f1c0e89739a34c0d84ab815f980ed19e1.delegate(element_f1c0e89739a34c0d84ab815f980ed19es, 'click', () => deactivate(state));
-            template_f1c0e89739a34c0d84ab815f980ed19e1.setProperties(element_f1c0e89739a34c0d84ab815f980ed19es, attributes['alert-close'], attributes_f1c0e89739a34c0d84ab815f980ed19ew);
-            template_f1c0e89739a34c0d84ab815f980ed19e1.slot(element_f1c0e89739a34c0d84ab815f980ed19et, svg.sprite(close));
-            return root_f1c0e89739a34c0d84ab815f980ed19em;
+            template_25ee554ebf234cbcbc5b0894cdf8c64d1.delegate(element_25ee554ebf234cbcbc5b0894cdf8c64ds, 'click', () => deactivate(state));
+            template_25ee554ebf234cbcbc5b0894cdf8c64d1.setProperties(element_25ee554ebf234cbcbc5b0894cdf8c64ds, attributes['alert-close'], attributes_25ee554ebf234cbcbc5b0894cdf8c64dw);
+            template_25ee554ebf234cbcbc5b0894cdf8c64d1.slot(element_25ee554ebf234cbcbc5b0894cdf8c64dt, svg.sprite(close));
+            return root_25ee554ebf234cbcbc5b0894cdf8c64dm;
         })(),
         deactivate: () => deactivate(state),
         error,

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

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

package/build/components/back/index.js

@@ -1,16 +1,16 @@
-import * as template_f1c0e89739a34c0d84ab815f980ed19e1 from '@esportsplus/template';
+import * as template_25ee554ebf234cbcbc5b0894cdf8c64d1 from '@esportsplus/template';
 import icon from '../../components/icon/index.js';
 import template from '../../components/template/index.js';
 import arrow from './svg/arrow.svg';
 import './scss/index.scss';
-const template_f1c0e89739a34c0d84ab815f980ed19ey = template_f1c0e89739a34c0d84ab815f980ed19e1.template(`<a class='back link --padding-0px --flex-vertical'><!--$--><!--$--></a>`);
+const template_25ee554ebf234cbcbc5b0894cdf8c64dy = template_25ee554ebf234cbcbc5b0894cdf8c64d1.template(`<a class='back link --padding-0px --flex-vertical'><!--$--><!--$--></a>`);
 export default template.factory(function (attributes, content) {
     return (() => {
-        let root_f1c0e89739a34c0d84ab815f980ed19ex = template_f1c0e89739a34c0d84ab815f980ed19ey(), element_f1c0e89739a34c0d84ab815f980ed19ez = root_f1c0e89739a34c0d84ab815f980ed19ex.firstChild, element_f1c0e89739a34c0d84ab815f980ed19e10 = element_f1c0e89739a34c0d84ab815f980ed19ez.firstChild, element_f1c0e89739a34c0d84ab815f980ed19e11 = element_f1c0e89739a34c0d84ab815f980ed19e10.nextSibling, attributes_f1c0e89739a34c0d84ab815f980ed19e12 = { "class": "back link --padding-0px --flex-vertical" };
-        template_f1c0e89739a34c0d84ab815f980ed19e1.setProperties(element_f1c0e89739a34c0d84ab815f980ed19ez, this.attributes, attributes_f1c0e89739a34c0d84ab815f980ed19e12);
-        template_f1c0e89739a34c0d84ab815f980ed19e1.setProperties(element_f1c0e89739a34c0d84ab815f980ed19ez, attributes, attributes_f1c0e89739a34c0d84ab815f980ed19e12);
-        template_f1c0e89739a34c0d84ab815f980ed19e1.slot(element_f1c0e89739a34c0d84ab815f980ed19e10, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
-        template_f1c0e89739a34c0d84ab815f980ed19e1.slot(element_f1c0e89739a34c0d84ab815f980ed19e11, content);
-        return root_f1c0e89739a34c0d84ab815f980ed19ex;
+        let root_25ee554ebf234cbcbc5b0894cdf8c64dx = template_25ee554ebf234cbcbc5b0894cdf8c64dy(), element_25ee554ebf234cbcbc5b0894cdf8c64dz = root_25ee554ebf234cbcbc5b0894cdf8c64dx.firstChild, element_25ee554ebf234cbcbc5b0894cdf8c64d10 = element_25ee554ebf234cbcbc5b0894cdf8c64dz.firstChild, element_25ee554ebf234cbcbc5b0894cdf8c64d11 = element_25ee554ebf234cbcbc5b0894cdf8c64d10.nextSibling, attributes_25ee554ebf234cbcbc5b0894cdf8c64d12 = { "class": "back link --padding-0px --flex-vertical" };
+        template_25ee554ebf234cbcbc5b0894cdf8c64d1.setProperties(element_25ee554ebf234cbcbc5b0894cdf8c64dz, this.attributes, attributes_25ee554ebf234cbcbc5b0894cdf8c64d12);
+        template_25ee554ebf234cbcbc5b0894cdf8c64d1.setProperties(element_25ee554ebf234cbcbc5b0894cdf8c64dz, attributes, attributes_25ee554ebf234cbcbc5b0894cdf8c64d12);
+        template_25ee554ebf234cbcbc5b0894cdf8c64d1.slot(element_25ee554ebf234cbcbc5b0894cdf8c64d10, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
+        template_25ee554ebf234cbcbc5b0894cdf8c64d1.slot(element_25ee554ebf234cbcbc5b0894cdf8c64d11, content);
+        return root_25ee554ebf234cbcbc5b0894cdf8c64dx;
     })();
 });

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

@@ -1,24 +1,24 @@
-import * as template_f1c0e89739a34c0d84ab815f980ed19e1 from '@esportsplus/template';
+import * as template_25ee554ebf234cbcbc5b0894cdf8c64d1 from '@esportsplus/template';
 import { Renderable } from '@esportsplus/template';
 import './scss/index.scss';
 declare const hold: {
     (): ReturnType<(this: {
-        attributes?: template_f1c0e89739a34c0d84ab815f980ed19e1.Attributes | undefined;
+        attributes?: template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes | undefined;
         content?: ((state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) | undefined;
-    }, attributes: Readonly<template_f1c0e89739a34c0d84ab815f980ed19e1.Attributes>, content: (state: {
+    }, attributes: Readonly<template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes>, content: (state: {
         holding: boolean;
         complete: boolean;
     }) => Renderable<any>) => Renderable<any>>;
-    <T extends template_f1c0e89739a34c0d84ab815f980ed19e1.Attributes>(attributes: T): ReturnType<(this: {
-        attributes?: template_f1c0e89739a34c0d84ab815f980ed19e1.Attributes | undefined;
+    <T extends template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes>(attributes: T): ReturnType<(this: {
+        attributes?: template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes | undefined;
         content?: ((state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) | undefined;
-    }, attributes: Readonly<template_f1c0e89739a34c0d84ab815f980ed19e1.Attributes>, content: (state: {
+    }, attributes: Readonly<template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes>, content: (state: {
         holding: boolean;
         complete: boolean;
     }) => Renderable<any>) => Renderable<any>>;
@@ -26,25 +26,25 @@ declare const hold: {
         holding: boolean;
         complete: boolean;
     }) => Renderable<any>>(content: T): ReturnType<(this: {
-        attributes?: template_f1c0e89739a34c0d84ab815f980ed19e1.Attributes | undefined;
+        attributes?: template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes | undefined;
         content?: ((state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) | undefined;
-    }, attributes: Readonly<template_f1c0e89739a34c0d84ab815f980ed19e1.Attributes>, content: (state: {
+    }, attributes: Readonly<template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes>, content: (state: {
         holding: boolean;
         complete: boolean;
     }) => Renderable<any>) => Renderable<any>>;
-    (attributes: template_f1c0e89739a34c0d84ab815f980ed19e1.Attributes, content: (state: {
+    (attributes: template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes, content: (state: {
         holding: boolean;
         complete: boolean;
     }) => Renderable<any>): ReturnType<(this: {
-        attributes?: template_f1c0e89739a34c0d84ab815f980ed19e1.Attributes | undefined;
+        attributes?: template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes | undefined;
         content?: ((state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) | undefined;
-    }, attributes: Readonly<template_f1c0e89739a34c0d84ab815f980ed19e1.Attributes>, content: (state: {
+    }, attributes: Readonly<template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes>, content: (state: {
         holding: boolean;
         complete: boolean;
     }) => Renderable<any>) => Renderable<any>>;
@@ -52,22 +52,22 @@ declare const hold: {
 declare const _default: {
     hold: {
         (): ReturnType<(this: {
-            attributes?: template_f1c0e89739a34c0d84ab815f980ed19e1.Attributes | undefined;
+            attributes?: template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes | undefined;
             content?: ((state: {
                 holding: boolean;
                 complete: boolean;
             }) => Renderable<any>) | undefined;
-        }, attributes: Readonly<template_f1c0e89739a34c0d84ab815f980ed19e1.Attributes>, content: (state: {
+        }, attributes: Readonly<template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes>, content: (state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) => Renderable<any>>;
-        <T extends template_f1c0e89739a34c0d84ab815f980ed19e1.Attributes>(attributes: T): ReturnType<(this: {
-            attributes?: template_f1c0e89739a34c0d84ab815f980ed19e1.Attributes | undefined;
+        <T extends template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes>(attributes: T): ReturnType<(this: {
+            attributes?: template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes | undefined;
             content?: ((state: {
                 holding: boolean;
                 complete: boolean;
             }) => Renderable<any>) | undefined;
-        }, attributes: Readonly<template_f1c0e89739a34c0d84ab815f980ed19e1.Attributes>, content: (state: {
+        }, attributes: Readonly<template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes>, content: (state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) => Renderable<any>>;
@@ -75,25 +75,25 @@ declare const _default: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>>(content: T): ReturnType<(this: {
-            attributes?: template_f1c0e89739a34c0d84ab815f980ed19e1.Attributes | undefined;
+            attributes?: template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes | undefined;
             content?: ((state: {
                 holding: boolean;
                 complete: boolean;
             }) => Renderable<any>) | undefined;
-        }, attributes: Readonly<template_f1c0e89739a34c0d84ab815f980ed19e1.Attributes>, content: (state: {
+        }, attributes: Readonly<template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes>, content: (state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) => Renderable<any>>;
-        (attributes: template_f1c0e89739a34c0d84ab815f980ed19e1.Attributes, content: (state: {
+        (attributes: template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes, content: (state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>): ReturnType<(this: {
-            attributes?: template_f1c0e89739a34c0d84ab815f980ed19e1.Attributes | undefined;
+            attributes?: template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes | undefined;
             content?: ((state: {
                 holding: boolean;
                 complete: boolean;
             }) => Renderable<any>) | undefined;
-        }, attributes: Readonly<template_f1c0e89739a34c0d84ab815f980ed19e1.Attributes>, content: (state: {
+        }, attributes: Readonly<template_25ee554ebf234cbcbc5b0894cdf8c64d1.Attributes>, content: (state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) => Renderable<any>>;

package/build/components/button/index.js

@@ -1,25 +1,25 @@
-import * as template_f1c0e89739a34c0d84ab815f980ed19e1 from '@esportsplus/template';
-import * as reactivity_f1c0e89739a34c0d84ab815f980ed19e0 from '@esportsplus/reactivity';
+import * as template_25ee554ebf234cbcbc5b0894cdf8c64d1 from '@esportsplus/template';
+import * as reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0 from '@esportsplus/reactivity';
 import template from '../template/index.js';
 import './scss/index.scss';
-const template_f1c0e89739a34c0d84ab815f980ed19e15 = template_f1c0e89739a34c0d84ab815f980ed19e1.template(`<div class='button '><!--$--></div>`);
-class ReactiveObject_f1c0e89739a34c0d84ab815f980ed19e13 extends reactivity_f1c0e89739a34c0d84ab815f980ed19e0.ReactiveObject {
-    #complete = this[reactivity_f1c0e89739a34c0d84ab815f980ed19e0.SIGNAL](false);
-    #holding = this[reactivity_f1c0e89739a34c0d84ab815f980ed19e0.SIGNAL](false);
+const template_25ee554ebf234cbcbc5b0894cdf8c64d15 = template_25ee554ebf234cbcbc5b0894cdf8c64d1.template(`<div class='button '><!--$--></div>`);
+class ReactiveObject_25ee554ebf234cbcbc5b0894cdf8c64d13 extends reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.ReactiveObject {
+    #complete = this[reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.SIGNAL](false);
+    #holding = this[reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.SIGNAL](false);
     constructor() {
         super(null);
     }
     get complete() {
-        return reactivity_f1c0e89739a34c0d84ab815f980ed19e0.read(this.#complete);
+        return reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.read(this.#complete);
     }
     set complete(_v0) {
-        reactivity_f1c0e89739a34c0d84ab815f980ed19e0.write(this.#complete, _v0);
+        reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.write(this.#complete, _v0);
     }
     get holding() {
-        return reactivity_f1c0e89739a34c0d84ab815f980ed19e0.read(this.#holding);
+        return reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.read(this.#holding);
     }
     set holding(_v1) {
-        reactivity_f1c0e89739a34c0d84ab815f980ed19e0.write(this.#holding, _v1);
+        reactivity_25ee554ebf234cbcbc5b0894cdf8c64d0.write(this.#holding, _v1);
     }
 }
 const hold = template.factory(function (attributes, content) {
@@ -27,34 +27,34 @@ const hold = template.factory(function (attributes, content) {
         if (!state.complete) {
             state.holding = false;
         }
-    }, state = new ReactiveObject_f1c0e89739a34c0d84ab815f980ed19e13();
+    }, state = new ReactiveObject_25ee554ebf234cbcbc5b0894cdf8c64d13();
     return (() => {
-        let root_f1c0e89739a34c0d84ab815f980ed19e14 = template_f1c0e89739a34c0d84ab815f980ed19e15(), element_f1c0e89739a34c0d84ab815f980ed19e16 = root_f1c0e89739a34c0d84ab815f980ed19e14.firstChild, element_f1c0e89739a34c0d84ab815f980ed19e17 = element_f1c0e89739a34c0d84ab815f980ed19e16.firstChild, attributes_f1c0e89739a34c0d84ab815f980ed19e18 = { "class": "button" };
-        template_f1c0e89739a34c0d84ab815f980ed19e1.setList(element_f1c0e89739a34c0d84ab815f980ed19e16, 'class', () => state.holding && 'button--holding', attributes_f1c0e89739a34c0d84ab815f980ed19e18);
-        template_f1c0e89739a34c0d84ab815f980ed19e1.setList(element_f1c0e89739a34c0d84ab815f980ed19e16, 'class', () => state.complete && '--active', attributes_f1c0e89739a34c0d84ab815f980ed19e18);
-        template_f1c0e89739a34c0d84ab815f980ed19e1.delegate(element_f1c0e89739a34c0d84ab815f980ed19e16, 'mousedown', (e) => {
+        let root_25ee554ebf234cbcbc5b0894cdf8c64d14 = template_25ee554ebf234cbcbc5b0894cdf8c64d15(), element_25ee554ebf234cbcbc5b0894cdf8c64d16 = root_25ee554ebf234cbcbc5b0894cdf8c64d14.firstChild, element_25ee554ebf234cbcbc5b0894cdf8c64d17 = element_25ee554ebf234cbcbc5b0894cdf8c64d16.firstChild, attributes_25ee554ebf234cbcbc5b0894cdf8c64d18 = { "class": "button" };
+        template_25ee554ebf234cbcbc5b0894cdf8c64d1.setList(element_25ee554ebf234cbcbc5b0894cdf8c64d16, 'class', () => state.holding && 'button--holding', attributes_25ee554ebf234cbcbc5b0894cdf8c64d18);
+        template_25ee554ebf234cbcbc5b0894cdf8c64d1.setList(element_25ee554ebf234cbcbc5b0894cdf8c64d16, 'class', () => state.complete && '--active', attributes_25ee554ebf234cbcbc5b0894cdf8c64d18);
+        template_25ee554ebf234cbcbc5b0894cdf8c64d1.delegate(element_25ee554ebf234cbcbc5b0894cdf8c64d16, 'mousedown', (e) => {
             e.preventDefault();
             state.holding = true;
         });
-        template_f1c0e89739a34c0d84ab815f980ed19e1.setProperties(element_f1c0e89739a34c0d84ab815f980ed19e16, attributes, attributes_f1c0e89739a34c0d84ab815f980ed19e18);
-        template_f1c0e89739a34c0d84ab815f980ed19e1.delegate(element_f1c0e89739a34c0d84ab815f980ed19e16, 'animationend', (e) => {
+        template_25ee554ebf234cbcbc5b0894cdf8c64d1.setProperties(element_25ee554ebf234cbcbc5b0894cdf8c64d16, attributes, attributes_25ee554ebf234cbcbc5b0894cdf8c64d18);
+        template_25ee554ebf234cbcbc5b0894cdf8c64d1.delegate(element_25ee554ebf234cbcbc5b0894cdf8c64d16, 'animationend', (e) => {
             if (e.animationName === 'buttonHolding') {
                 state.complete = true;
             }
         });
-        template_f1c0e89739a34c0d84ab815f980ed19e1.delegate(element_f1c0e89739a34c0d84ab815f980ed19e16, 'click', () => { });
-        template_f1c0e89739a34c0d84ab815f980ed19e1.delegate(element_f1c0e89739a34c0d84ab815f980ed19e16, 'mousedown', (e) => {
+        template_25ee554ebf234cbcbc5b0894cdf8c64d1.delegate(element_25ee554ebf234cbcbc5b0894cdf8c64d16, 'click', () => { });
+        template_25ee554ebf234cbcbc5b0894cdf8c64d1.delegate(element_25ee554ebf234cbcbc5b0894cdf8c64d16, 'mousedown', (e) => {
             e.preventDefault();
             state.holding = true;
         });
-        template_f1c0e89739a34c0d84ab815f980ed19e1.delegate(element_f1c0e89739a34c0d84ab815f980ed19e16, 'mouseup', end);
-        template_f1c0e89739a34c0d84ab815f980ed19e1.delegate(element_f1c0e89739a34c0d84ab815f980ed19e16, 'touchend', end);
-        template_f1c0e89739a34c0d84ab815f980ed19e1.delegate(element_f1c0e89739a34c0d84ab815f980ed19e16, 'touchstart', (e) => {
+        template_25ee554ebf234cbcbc5b0894cdf8c64d1.delegate(element_25ee554ebf234cbcbc5b0894cdf8c64d16, 'mouseup', end);
+        template_25ee554ebf234cbcbc5b0894cdf8c64d1.delegate(element_25ee554ebf234cbcbc5b0894cdf8c64d16, 'touchend', end);
+        template_25ee554ebf234cbcbc5b0894cdf8c64d1.delegate(element_25ee554ebf234cbcbc5b0894cdf8c64d16, 'touchstart', (e) => {
             e.preventDefault();
             state.holding = true;
         });
-        new template_f1c0e89739a34c0d84ab815f980ed19e1.EffectSlot(element_f1c0e89739a34c0d84ab815f980ed19e17, () => content(state));
-        return root_f1c0e89739a34c0d84ab815f980ed19e14;
+        new template_25ee554ebf234cbcbc5b0894cdf8c64d1.EffectSlot(element_25ee554ebf234cbcbc5b0894cdf8c64d17, () => content(state));
+        return root_25ee554ebf234cbcbc5b0894cdf8c64d14;
     })();
 });
 export default { hold };