@esportsplus/ui 0.51.4 → 0.51.6

package/build/components/checkbox/index.js

@@ -1,51 +1,50 @@
-import * as template_b7478c4a5ff041d4bc1434ee94c2db371 from '@esportsplus/template';
-import * as reactivity_b7478c4a5ff041d4bc1434ee94c2db370 from '@esportsplus/reactivity';
+import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
+import * as reactivity_0ff113fe0a6246fbbfe92857b2a0303c0 from '@esportsplus/reactivity';
 import { root } from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_b7478c4a5ff041d4bc1434ee94c2db371b = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<div><input></div>`);
-class ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db3719 extends reactivity_b7478c4a5ff041d4bc1434ee94c2db370.ReactiveObject {
-    #active = this[reactivity_b7478c4a5ff041d4bc1434ee94c2db370.SIGNAL](false);
-    #error = this[reactivity_b7478c4a5ff041d4bc1434ee94c2db370.SIGNAL]('');
+const template_0ff113fe0a6246fbbfe92857b2a0303cw = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div><input>`);
+class ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303cu extends reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.ReactiveObject {
+    #active = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](false);
+    #error = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL]('');
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_b7478c4a5ff041d4bc1434ee94c2db370.read(this.#active);
+        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#active);
     }
     set active(_v0) {
-        reactivity_b7478c4a5ff041d4bc1434ee94c2db370.write(this.#active, _v0);
+        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#active, _v0);
     }
     get error() {
-        return reactivity_b7478c4a5ff041d4bc1434ee94c2db370.read(this.#error);
+        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#error);
     }
     set error(_v1) {
-        reactivity_b7478c4a5ff041d4bc1434ee94c2db370.write(this.#error, _v1);
+        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#error, _v1);
     }
 }
 const OMIT = ['checked', 'value'];
 const factory = (type) => {
     function template(attributes) {
-        let state = attributes?.state || new ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db3719();
+        let state = attributes?.state || new ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303cu();
         if (attributes?.checked) {
             state.active = true;
         }
         return (() => {
-            let root_b7478c4a5ff041d4bc1434ee94c2db371a = template_b7478c4a5ff041d4bc1434ee94c2db371b(), element_b7478c4a5ff041d4bc1434ee94c2db371c = root_b7478c4a5ff041d4bc1434ee94c2db371a.firstChild, element_b7478c4a5ff041d4bc1434ee94c2db371d = element_b7478c4a5ff041d4bc1434ee94c2db371c.firstElementChild, attributes_b7478c4a5ff041d4bc1434ee94c2db371e = { "class": " " }, attributes_b7478c4a5ff041d4bc1434ee94c2db371f = {};
-            template_b7478c4a5ff041d4bc1434ee94c2db371.setList(element_b7478c4a5ff041d4bc1434ee94c2db371c, 'class', type, attributes_b7478c4a5ff041d4bc1434ee94c2db371e);
-            template_b7478c4a5ff041d4bc1434ee94c2db371.setList(element_b7478c4a5ff041d4bc1434ee94c2db371c, 'class', () => state.active && '--active', attributes_b7478c4a5ff041d4bc1434ee94c2db371e);
-            template_b7478c4a5ff041d4bc1434ee94c2db371.setProperties(element_b7478c4a5ff041d4bc1434ee94c2db371c, this?.attributes && omit(this.attributes, OMIT), attributes_b7478c4a5ff041d4bc1434ee94c2db371e);
-            template_b7478c4a5ff041d4bc1434ee94c2db371.setProperties(element_b7478c4a5ff041d4bc1434ee94c2db371c, attributes && omit(attributes, OMIT), attributes_b7478c4a5ff041d4bc1434ee94c2db371e);
-            template_b7478c4a5ff041d4bc1434ee94c2db371.setProperty(element_b7478c4a5ff041d4bc1434ee94c2db371d, 'checked', attributes?.checked || root(() => state.active));
-            template_b7478c4a5ff041d4bc1434ee94c2db371.setList(element_b7478c4a5ff041d4bc1434ee94c2db371d, 'class', `${type}-tag`, attributes_b7478c4a5ff041d4bc1434ee94c2db371f);
-            template_b7478c4a5ff041d4bc1434ee94c2db371.delegate(element_b7478c4a5ff041d4bc1434ee94c2db371d, 'change', (e) => {
+            let root_0ff113fe0a6246fbbfe92857b2a0303cv = template_0ff113fe0a6246fbbfe92857b2a0303cw(), element_0ff113fe0a6246fbbfe92857b2a0303cx = root_0ff113fe0a6246fbbfe92857b2a0303cv.firstChild, element_0ff113fe0a6246fbbfe92857b2a0303cy = element_0ff113fe0a6246fbbfe92857b2a0303cx.firstElementChild;
+            template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303cx, 'class', (type) + (() => state.active && '--active'));
+            template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303cx, this?.attributes && omit(this.attributes, OMIT));
+            template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303cx, attributes && omit(attributes, OMIT));
+            template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperty(element_0ff113fe0a6246fbbfe92857b2a0303cy, 'checked', attributes?.checked || root(() => state.active));
+            template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303cy, 'class', `${type}-tag`);
+            template_0ff113fe0a6246fbbfe92857b2a0303c1.delegate(element_0ff113fe0a6246fbbfe92857b2a0303cy, 'change', (e) => {
                 state.active = e.target.checked;
             });
-            template_b7478c4a5ff041d4bc1434ee94c2db371.onrender(element_b7478c4a5ff041d4bc1434ee94c2db371d, form.input.onrender(state));
-            template_b7478c4a5ff041d4bc1434ee94c2db371.setProperty(element_b7478c4a5ff041d4bc1434ee94c2db371d, 'type', type === 'radio' ? 'radio' : 'checkbox');
-            template_b7478c4a5ff041d4bc1434ee94c2db371.setProperty(element_b7478c4a5ff041d4bc1434ee94c2db371d, 'value', attributes?.value || 1);
-            return root_b7478c4a5ff041d4bc1434ee94c2db371a;
+            template_0ff113fe0a6246fbbfe92857b2a0303c1.onrender(element_0ff113fe0a6246fbbfe92857b2a0303cy, form.input.onrender(state));
+            template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperty(element_0ff113fe0a6246fbbfe92857b2a0303cy, 'type', type === 'radio' ? 'radio' : 'checkbox');
+            template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperty(element_0ff113fe0a6246fbbfe92857b2a0303cy, 'value', attributes?.value || 1);
+            return root_0ff113fe0a6246fbbfe92857b2a0303cv;
         })();
     }
     return template;

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

@@ -7,12 +7,12 @@ declare const _default: {
             } & {
                 [key: `aria-${string}`]: string | number | boolean | undefined;
                 [key: `data-${string}`]: string | undefined;
-                class?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+                class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
                 onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
                 ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
                 onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
                 ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
-                style?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+                style?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             } & {
                 onabort?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
                 onanimationcancel?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
@@ -30,6 +30,7 @@ declare const _default: {
                 onchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
                 onclick?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
                 onclose?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+                oncommand?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
                 oncompositionend?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
                 oncompositionstart?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
                 oncompositionupdate?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
@@ -56,7 +57,7 @@ declare const _default: {
                 onfocusout?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
                 onformdata?: ((this: import("@esportsplus/template").Element, event: FormDataEvent) => void) | undefined;
                 ongotpointercapture?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
-                oninput?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+                oninput?: ((this: import("@esportsplus/template").Element, event: InputEvent) => void) | undefined;
                 oninvalid?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
                 onkeydown?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
                 onkeypress?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
@@ -129,12 +130,12 @@ declare const _default: {
         } & {
             [key: `aria-${string}`]: string | number | boolean | undefined;
             [key: `data-${string}`]: string | undefined;
-            class?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+            class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
-            style?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+            style?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
         } & {
             onabort?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
             onanimationcancel?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
@@ -152,6 +153,7 @@ declare const _default: {
             onchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
             onclick?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
             onclose?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            oncommand?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
             oncompositionend?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
             oncompositionstart?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
             oncompositionupdate?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
@@ -178,7 +180,7 @@ declare const _default: {
             onfocusout?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
             onformdata?: ((this: import("@esportsplus/template").Element, event: FormDataEvent) => void) | undefined;
             ongotpointercapture?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
-            oninput?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            oninput?: ((this: import("@esportsplus/template").Element, event: InputEvent) => void) | undefined;
             oninvalid?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
             onkeydown?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
             onkeypress?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
@@ -250,12 +252,12 @@ declare const _default: {
         } & {
             [key: `aria-${string}`]: string | number | boolean | undefined;
             [key: `data-${string}`]: string | undefined;
-            class?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+            class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
-            style?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+            style?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
         } & {
             onabort?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
             onanimationcancel?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
@@ -273,6 +275,7 @@ declare const _default: {
             onchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
             onclick?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
             onclose?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            oncommand?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
             oncompositionend?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
             oncompositionstart?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
             oncompositionupdate?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
@@ -299,7 +302,7 @@ declare const _default: {
             onfocusout?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
             onformdata?: ((this: import("@esportsplus/template").Element, event: FormDataEvent) => void) | undefined;
             ongotpointercapture?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
-            oninput?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            oninput?: ((this: import("@esportsplus/template").Element, event: InputEvent) => void) | undefined;
             oninvalid?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
             onkeydown?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
             onkeypress?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
@@ -369,12 +372,12 @@ declare const _default: {
             } & {
                 [key: `aria-${string}`]: string | number | boolean | undefined;
                 [key: `data-${string}`]: string | undefined;
-                class?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+                class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
                 onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
                 ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
                 onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
                 ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
-                style?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+                style?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             } & {
                 onabort?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
                 onanimationcancel?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
@@ -392,6 +395,7 @@ declare const _default: {
                 onchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
                 onclick?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
                 onclose?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+                oncommand?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
                 oncompositionend?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
                 oncompositionstart?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
                 oncompositionupdate?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
@@ -418,7 +422,7 @@ declare const _default: {
                 onfocusout?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
                 onformdata?: ((this: import("@esportsplus/template").Element, event: FormDataEvent) => void) | undefined;
                 ongotpointercapture?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
-                oninput?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+                oninput?: ((this: import("@esportsplus/template").Element, event: InputEvent) => void) | undefined;
                 oninvalid?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
                 onkeydown?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
                 onkeypress?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
@@ -491,12 +495,12 @@ declare const _default: {
         } & {
             [key: `aria-${string}`]: string | number | boolean | undefined;
             [key: `data-${string}`]: string | undefined;
-            class?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+            class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
-            style?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+            style?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
         } & {
             onabort?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
             onanimationcancel?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
@@ -514,6 +518,7 @@ declare const _default: {
             onchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
             onclick?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
             onclose?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            oncommand?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
             oncompositionend?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
             oncompositionstart?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
             oncompositionupdate?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
@@ -540,7 +545,7 @@ declare const _default: {
             onfocusout?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
             onformdata?: ((this: import("@esportsplus/template").Element, event: FormDataEvent) => void) | undefined;
             ongotpointercapture?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
-            oninput?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            oninput?: ((this: import("@esportsplus/template").Element, event: InputEvent) => void) | undefined;
             oninvalid?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
             onkeydown?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
             onkeypress?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
@@ -615,12 +620,12 @@ declare const _default: {
             } & {
                 [key: `aria-${string}`]: string | number | boolean | undefined;
                 [key: `data-${string}`]: string | undefined;
-                class?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+                class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
                 onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
                 ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
                 onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
                 ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
-                style?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+                style?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             } & {
                 onabort?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
                 onanimationcancel?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
@@ -638,6 +643,7 @@ declare const _default: {
                 onchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
                 onclick?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
                 onclose?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+                oncommand?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
                 oncompositionend?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
                 oncompositionstart?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
                 oncompositionupdate?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
@@ -664,7 +670,7 @@ declare const _default: {
                 onfocusout?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
                 onformdata?: ((this: import("@esportsplus/template").Element, event: FormDataEvent) => void) | undefined;
                 ongotpointercapture?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
-                oninput?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+                oninput?: ((this: import("@esportsplus/template").Element, event: InputEvent) => void) | undefined;
                 oninvalid?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
                 onkeydown?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
                 onkeypress?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
@@ -737,12 +743,12 @@ declare const _default: {
         } & {
             [key: `aria-${string}`]: string | number | boolean | undefined;
             [key: `data-${string}`]: string | undefined;
-            class?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+            class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
-            style?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+            style?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
         } & {
             onabort?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
             onanimationcancel?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
@@ -760,6 +766,7 @@ declare const _default: {
             onchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
             onclick?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
             onclose?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            oncommand?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
             oncompositionend?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
             oncompositionstart?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
             oncompositionupdate?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
@@ -786,7 +793,7 @@ declare const _default: {
             onfocusout?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
             onformdata?: ((this: import("@esportsplus/template").Element, event: FormDataEvent) => void) | undefined;
             ongotpointercapture?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
-            oninput?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            oninput?: ((this: import("@esportsplus/template").Element, event: InputEvent) => void) | undefined;
             oninvalid?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
             onkeydown?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
             onkeypress?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
@@ -858,12 +865,12 @@ declare const _default: {
         } & {
             [key: `aria-${string}`]: string | number | boolean | undefined;
             [key: `data-${string}`]: string | undefined;
-            class?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+            class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
-            style?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+            style?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
         } & {
             onabort?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
             onanimationcancel?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
@@ -881,6 +888,7 @@ declare const _default: {
             onchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
             onclick?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
             onclose?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            oncommand?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
             oncompositionend?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
             oncompositionstart?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
             oncompositionupdate?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
@@ -907,7 +915,7 @@ declare const _default: {
             onfocusout?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
             onformdata?: ((this: import("@esportsplus/template").Element, event: FormDataEvent) => void) | undefined;
             ongotpointercapture?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
-            oninput?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            oninput?: ((this: import("@esportsplus/template").Element, event: InputEvent) => void) | undefined;
             oninvalid?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
             onkeydown?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
             onkeypress?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
@@ -979,12 +987,12 @@ declare const _default: {
             } & {
                 [key: `aria-${string}`]: string | number | boolean | undefined;
                 [key: `data-${string}`]: string | undefined;
-                class?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+                class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
                 onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
                 ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
                 onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
                 ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
-                style?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+                style?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             } & {
                 onabort?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
                 onanimationcancel?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
@@ -1002,6 +1010,7 @@ declare const _default: {
                 onchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
                 onclick?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
                 onclose?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+                oncommand?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
                 oncompositionend?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
                 oncompositionstart?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
                 oncompositionupdate?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
@@ -1028,7 +1037,7 @@ declare const _default: {
                 onfocusout?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
                 onformdata?: ((this: import("@esportsplus/template").Element, event: FormDataEvent) => void) | undefined;
                 ongotpointercapture?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
-                oninput?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+                oninput?: ((this: import("@esportsplus/template").Element, event: InputEvent) => void) | undefined;
                 oninvalid?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
                 onkeydown?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
                 onkeypress?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
@@ -1101,12 +1110,12 @@ declare const _default: {
         } & {
             [key: `aria-${string}`]: string | number | boolean | undefined;
             [key: `data-${string}`]: string | undefined;
-            class?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+            class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
-            style?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+            style?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
         } & {
             onabort?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
             onanimationcancel?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
@@ -1124,6 +1133,7 @@ declare const _default: {
             onchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
             onclick?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
             onclose?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            oncommand?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
             oncompositionend?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
             oncompositionstart?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
             oncompositionupdate?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
@@ -1150,7 +1160,7 @@ declare const _default: {
             onfocusout?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
             onformdata?: ((this: import("@esportsplus/template").Element, event: FormDataEvent) => void) | undefined;
             ongotpointercapture?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
-            oninput?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            oninput?: ((this: import("@esportsplus/template").Element, event: InputEvent) => void) | undefined;
             oninvalid?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
             onkeydown?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
             onkeypress?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;

package/build/components/clipboard/onclick.js

@@ -1,28 +1,28 @@
-import * as template_b7478c4a5ff041d4bc1434ee94c2db371 from '@esportsplus/template';
-import * as reactivity_b7478c4a5ff041d4bc1434ee94c2db370 from '@esportsplus/reactivity';
+import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
+import * as reactivity_0ff113fe0a6246fbbfe92857b2a0303c0 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import write from './write.js';
-const template_b7478c4a5ff041d4bc1434ee94c2db371i = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<div><!--$--></div>`);
-class ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db371g extends reactivity_b7478c4a5ff041d4bc1434ee94c2db370.ReactiveObject {
-    #copied = this[reactivity_b7478c4a5ff041d4bc1434ee94c2db370.SIGNAL](false);
+const template_0ff113fe0a6246fbbfe92857b2a0303c11 = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div>`);
+class ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303cz extends reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.ReactiveObject {
+    #copied = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](false);
     constructor() {
         super(null);
     }
     get copied() {
-        return reactivity_b7478c4a5ff041d4bc1434ee94c2db370.read(this.#copied);
+        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#copied);
     }
     set copied(_v0) {
-        reactivity_b7478c4a5ff041d4bc1434ee94c2db370.write(this.#copied, _v0);
+        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#copied, _v0);
     }
 }
 const OMIT = ['timeout', 'value'];
 export default template.factory(function (attributes, content) {
-    let state = new ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db371g(), timeout = attributes.timeout || 1000 * 2;
+    let state = new ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303cz(), timeout = attributes.timeout || 1000 * 2;
     return (() => {
-        let root_b7478c4a5ff041d4bc1434ee94c2db371h = template_b7478c4a5ff041d4bc1434ee94c2db371i(), element_b7478c4a5ff041d4bc1434ee94c2db371j = root_b7478c4a5ff041d4bc1434ee94c2db371h.firstChild, element_b7478c4a5ff041d4bc1434ee94c2db371k = element_b7478c4a5ff041d4bc1434ee94c2db371j.firstChild, attributes_b7478c4a5ff041d4bc1434ee94c2db371l = {};
-        template_b7478c4a5ff041d4bc1434ee94c2db371.setProperties(element_b7478c4a5ff041d4bc1434ee94c2db371j, omit(attributes, OMIT), attributes_b7478c4a5ff041d4bc1434ee94c2db371l);
-        template_b7478c4a5ff041d4bc1434ee94c2db371.delegate(element_b7478c4a5ff041d4bc1434ee94c2db371j, 'click', (e) => {
+        let root_0ff113fe0a6246fbbfe92857b2a0303c10 = template_0ff113fe0a6246fbbfe92857b2a0303c11(), element_0ff113fe0a6246fbbfe92857b2a0303c12 = root_0ff113fe0a6246fbbfe92857b2a0303c10.firstChild;
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c12, omit(attributes, OMIT));
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.delegate(element_0ff113fe0a6246fbbfe92857b2a0303c12, 'click', (e) => {
             e.preventDefault();
             e.stopPropagation();
             write(attributes.value).then(() => {
@@ -32,7 +32,7 @@ export default template.factory(function (attributes, content) {
                 }, timeout);
             });
         });
-        new template_b7478c4a5ff041d4bc1434ee94c2db371.EffectSlot(element_b7478c4a5ff041d4bc1434ee94c2db371k, () => content(state));
-        return root_b7478c4a5ff041d4bc1434ee94c2db371h;
+        new template_0ff113fe0a6246fbbfe92857b2a0303c1.EffectSlot(element_0ff113fe0a6246fbbfe92857b2a0303c12, () => content(state), 1);
+        return root_0ff113fe0a6246fbbfe92857b2a0303c10;
     })();
 });

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

@@ -10,5 +10,5 @@ declare const _default: (attributes: Attributes & {
     };
     suffix?: string;
     value: number;
-}) => DocumentFragment;
+}) => DocumentFragment | Text;
 export default _default;

package/build/components/counter/index.js

@@ -1,41 +1,41 @@
-import * as template_b7478c4a5ff041d4bc1434ee94c2db371 from '@esportsplus/template';
-import * as reactivity_b7478c4a5ff041d4bc1434ee94c2db370 from '@esportsplus/reactivity';
+import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
+import * as reactivity_0ff113fe0a6246fbbfe92857b2a0303c0 from '@esportsplus/reactivity';
 import { effect } from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import './scss/index.scss';
-const template_b7478c4a5ff041d4bc1434ee94c2db371p = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
-const template_b7478c4a5ff041d4bc1434ee94c2db371s = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<span><!--$--></span>`);
-const template_b7478c4a5ff041d4bc1434ee94c2db371v = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
-const template_b7478c4a5ff041d4bc1434ee94c2db3720 = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<div class='counter'><!--$--></div>`);
-class ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db371m extends reactivity_b7478c4a5ff041d4bc1434ee94c2db370.ReactiveObject {
-    #value = this[reactivity_b7478c4a5ff041d4bc1434ee94c2db370.SIGNAL](-1);
+const template_0ff113fe0a6246fbbfe92857b2a0303c16 = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<span class='counter-character counter-character--symbol'>`);
+const template_0ff113fe0a6246fbbfe92857b2a0303c19 = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<span>`);
+const template_0ff113fe0a6246fbbfe92857b2a0303c1c = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0`);
+const template_0ff113fe0a6246fbbfe92857b2a0303c1g = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div class='counter'>`);
+class ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c13 extends reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.ReactiveObject {
+    #value = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](-1);
     constructor() {
         super(null);
     }
     get value() {
-        return reactivity_b7478c4a5ff041d4bc1434ee94c2db370.read(this.#value);
+        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#value);
     }
     set value(_v0) {
-        reactivity_b7478c4a5ff041d4bc1434ee94c2db370.write(this.#value, _v0);
+        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#value, _v0);
     }
 }
-class ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db371n extends reactivity_b7478c4a5ff041d4bc1434ee94c2db370.ReactiveObject {
-    #length = this[reactivity_b7478c4a5ff041d4bc1434ee94c2db370.SIGNAL](0);
+class ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c14 extends reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.ReactiveObject {
+    #length = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](0);
     #test;
     #render;
     constructor(_p0, _p1) {
         super(null);
-        this.#test = this[reactivity_b7478c4a5ff041d4bc1434ee94c2db370.COMPUTED](_p0);
-        this.#render = this[reactivity_b7478c4a5ff041d4bc1434ee94c2db370.REACTIVE_ARRAY](_p1);
+        this.#test = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.COMPUTED](_p0);
+        this.#render = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.REACTIVE_ARRAY](_p1);
     }
     get length() {
-        return reactivity_b7478c4a5ff041d4bc1434ee94c2db370.read(this.#length);
+        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#length);
     }
     set length(_v0) {
-        reactivity_b7478c4a5ff041d4bc1434ee94c2db370.write(this.#length, _v0);
+        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#length, _v0);
     }
     get test() {
-        return reactivity_b7478c4a5ff041d4bc1434ee94c2db370.read(this.#test);
+        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#test);
     }
     get render() {
         return this.#render;
@@ -44,12 +44,12 @@ class ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db371n extends reactivity_b7478
 const OMIT = ['currency', 'decimals', 'delay', 'max', 'state', 'suffix', 'value'];
 let formatters = {};
 export default (attributes) => {
-    let { currency, decimals, delay, max, suffix, value } = attributes, api = attributes.state || new ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db371m(), formatter = currency === 'IGNORE'
+    let { currency, decimals, delay, max, suffix, value } = attributes, api = attributes.state || new ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c13(), formatter = currency === 'IGNORE'
         ? undefined
         : formatters[currency || 'USD'] ??= new Intl.NumberFormat('en-US', {
             style: 'currency',
             currency: currency || 'USD'
-        }), rendering = true, state = new ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db371n(() => 'sds', []), render = new reactivity_b7478c4a5ff041d4bc1434ee94c2db370.ReactiveArray();
+        }), rendering = true, state = new ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c14(() => 'sds', []), render = new reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.ReactiveArray();
     decimals ??= 2;
     effect(() => {
         if (api.value !== -1) {
@@ -84,33 +84,33 @@ export default (attributes) => {
         }
     });
     return (() => {
-        let root_b7478c4a5ff041d4bc1434ee94c2db371z = template_b7478c4a5ff041d4bc1434ee94c2db3720(), element_b7478c4a5ff041d4bc1434ee94c2db3721 = root_b7478c4a5ff041d4bc1434ee94c2db371z.firstChild, element_b7478c4a5ff041d4bc1434ee94c2db3722 = element_b7478c4a5ff041d4bc1434ee94c2db3721.firstChild, attributes_b7478c4a5ff041d4bc1434ee94c2db3723 = { "class": " counter" };
-        template_b7478c4a5ff041d4bc1434ee94c2db371.setProperties(element_b7478c4a5ff041d4bc1434ee94c2db3721, omit(attributes, OMIT), attributes_b7478c4a5ff041d4bc1434ee94c2db3723);
-        new template_b7478c4a5ff041d4bc1434ee94c2db371.EffectSlot(element_b7478c4a5ff041d4bc1434ee94c2db3722, () => {
+        let root_0ff113fe0a6246fbbfe92857b2a0303c1f = template_0ff113fe0a6246fbbfe92857b2a0303c1g(), element_0ff113fe0a6246fbbfe92857b2a0303c1h = root_0ff113fe0a6246fbbfe92857b2a0303c1f.firstChild;
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c1h, omit(attributes, OMIT));
+        new template_0ff113fe0a6246fbbfe92857b2a0303c1.EffectSlot(element_0ff113fe0a6246fbbfe92857b2a0303c1h, () => {
             let n = state.length;
             if (n === 0) {
                 return '';
             }
-            return new template_b7478c4a5ff041d4bc1434ee94c2db371.ArraySlot(render, function (value) {
+            return new template_0ff113fe0a6246fbbfe92857b2a0303c1.ArraySlot(render, function (value) {
                 if (isNaN(parseInt(value, 10))) {
                     return (() => {
-                        let root_b7478c4a5ff041d4bc1434ee94c2db371o = template_b7478c4a5ff041d4bc1434ee94c2db371p(), element_b7478c4a5ff041d4bc1434ee94c2db371q = root_b7478c4a5ff041d4bc1434ee94c2db371o.firstChild.firstChild;
-                        template_b7478c4a5ff041d4bc1434ee94c2db371.slot(element_b7478c4a5ff041d4bc1434ee94c2db371q, value);
-                        return root_b7478c4a5ff041d4bc1434ee94c2db371o;
+                        let root_0ff113fe0a6246fbbfe92857b2a0303c15 = template_0ff113fe0a6246fbbfe92857b2a0303c16(), element_0ff113fe0a6246fbbfe92857b2a0303c17 = root_0ff113fe0a6246fbbfe92857b2a0303c15.firstChild;
+                        template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303c17, value, 1);
+                        return root_0ff113fe0a6246fbbfe92857b2a0303c15;
                     })();
                 }
                 return (() => {
-                    let root_b7478c4a5ff041d4bc1434ee94c2db371u = template_b7478c4a5ff041d4bc1434ee94c2db371v(), element_b7478c4a5ff041d4bc1434ee94c2db371w = root_b7478c4a5ff041d4bc1434ee94c2db371u.firstChild.firstElementChild, element_b7478c4a5ff041d4bc1434ee94c2db371x = element_b7478c4a5ff041d4bc1434ee94c2db371w.firstChild.nextSibling, attributes_b7478c4a5ff041d4bc1434ee94c2db371y = { "class": " counter-character-track", "style": " " };
-                    template_b7478c4a5ff041d4bc1434ee94c2db371.setList(element_b7478c4a5ff041d4bc1434ee94c2db371w, 'style', `--value: ${value}`, attributes_b7478c4a5ff041d4bc1434ee94c2db371y);
-                    template_b7478c4a5ff041d4bc1434ee94c2db371.slot(element_b7478c4a5ff041d4bc1434ee94c2db371x, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
-                        let root_b7478c4a5ff041d4bc1434ee94c2db371r = template_b7478c4a5ff041d4bc1434ee94c2db371s(), element_b7478c4a5ff041d4bc1434ee94c2db371t = root_b7478c4a5ff041d4bc1434ee94c2db371r.firstChild.firstChild;
-                        template_b7478c4a5ff041d4bc1434ee94c2db371.slot(element_b7478c4a5ff041d4bc1434ee94c2db371t, value);
-                        return root_b7478c4a5ff041d4bc1434ee94c2db371r;
+                    let root_0ff113fe0a6246fbbfe92857b2a0303c1b = template_0ff113fe0a6246fbbfe92857b2a0303c1c(), element_0ff113fe0a6246fbbfe92857b2a0303c1d = root_0ff113fe0a6246fbbfe92857b2a0303c1b.firstChild.firstElementChild, element_0ff113fe0a6246fbbfe92857b2a0303c1e = element_0ff113fe0a6246fbbfe92857b2a0303c1d.firstChild.nextSibling;
+                    template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303c1d, 'style', `--value: ${value}`);
+                    template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303c1e, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
+                        let root_0ff113fe0a6246fbbfe92857b2a0303c18 = template_0ff113fe0a6246fbbfe92857b2a0303c19(), element_0ff113fe0a6246fbbfe92857b2a0303c1a = root_0ff113fe0a6246fbbfe92857b2a0303c18.firstChild;
+                        template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303c1a, value, 1);
+                        return root_0ff113fe0a6246fbbfe92857b2a0303c18;
                     }));
-                    return root_b7478c4a5ff041d4bc1434ee94c2db371u;
+                    return root_0ff113fe0a6246fbbfe92857b2a0303c1b;
                 })();
             });
-        });
-        return root_b7478c4a5ff041d4bc1434ee94c2db371z;
+        }, 1);
+        return root_0ff113fe0a6246fbbfe92857b2a0303c1f;
     })();
 };