@esportsplus/ui 0.48.1 → 0.48.2

package/build/components/form/action.js

@@ -1,8 +1,8 @@
 import response from '@esportsplus/action';
-import * as template_23a4f055a2904f1fa5d72b30cc2abc501 from '@esportsplus/template';
+import * as template_e90343e05b274f9c8b2074a07cff2a541 from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import input from './input.js';
-const template_23a4f055a2904f1fa5d72b30cc2abc501o = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<form
+const template_e90343e05b274f9c8b2074a07cff2a541o = template_e90343e05b274f9c8b2074a07cff2a541.template(`<form
  class='form'><!--$--></form>`);
 const OMIT = ['action', 'state'];
 function parse(input) {
@@ -30,9 +30,9 @@ function parse(input) {
 export default (attributes, content) => {
     let { action, state } = attributes;
     return (() => {
-        let root_23a4f055a2904f1fa5d72b30cc2abc501n = template_23a4f055a2904f1fa5d72b30cc2abc501o(), element_23a4f055a2904f1fa5d72b30cc2abc501p = root_23a4f055a2904f1fa5d72b30cc2abc501n.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc501q = element_23a4f055a2904f1fa5d72b30cc2abc501p.firstChild;
-        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc501p, omit(attributes, OMIT));
-        template_23a4f055a2904f1fa5d72b30cc2abc501.delegate(element_23a4f055a2904f1fa5d72b30cc2abc501p, 'click', function (event) {
+        let root_e90343e05b274f9c8b2074a07cff2a541n = template_e90343e05b274f9c8b2074a07cff2a541o(), element_e90343e05b274f9c8b2074a07cff2a541p = root_e90343e05b274f9c8b2074a07cff2a541n.firstChild, element_e90343e05b274f9c8b2074a07cff2a541q = element_e90343e05b274f9c8b2074a07cff2a541p.firstChild;
+        template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a541p, omit(attributes, OMIT));
+        template_e90343e05b274f9c8b2074a07cff2a541.delegate(element_e90343e05b274f9c8b2074a07cff2a541p, 'click', function (event) {
             let trigger = event.target;
             if (trigger?.type !== 'submit') {
                 return;
@@ -40,7 +40,7 @@ export default (attributes, content) => {
             event.preventDefault();
             this.dispatchEvent(new SubmitEvent('submit', { cancelable: true, bubbles: true, submitter: trigger }));
         });
-        template_23a4f055a2904f1fa5d72b30cc2abc501.on(element_23a4f055a2904f1fa5d72b30cc2abc501p, 'submit', async function (event) {
+        template_e90343e05b274f9c8b2074a07cff2a541.on(element_e90343e05b274f9c8b2074a07cff2a541p, 'submit', async function (event) {
             event.preventDefault();
             if (state) {
                 state.processing = true;
@@ -60,7 +60,7 @@ export default (attributes, content) => {
                 state.processing = false;
             }
         });
-        template_23a4f055a2904f1fa5d72b30cc2abc501.slot(element_23a4f055a2904f1fa5d72b30cc2abc501q, content);
-        return root_23a4f055a2904f1fa5d72b30cc2abc501n;
+        template_e90343e05b274f9c8b2074a07cff2a541.slot(element_e90343e05b274f9c8b2074a07cff2a541q, content);
+        return root_e90343e05b274f9c8b2074a07cff2a541n;
     })();
 };

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

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

package/build/components/highlight/index.js

@@ -1,9 +1,9 @@
-import * as template_23a4f055a2904f1fa5d72b30cc2abc501 from '@esportsplus/template';
+import * as template_e90343e05b274f9c8b2074a07cff2a541 from '@esportsplus/template';
 import { reactive } from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_23a4f055a2904f1fa5d72b30cc2abc501s = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<div class='highlight'><!--$--></div>`);
+const template_e90343e05b274f9c8b2074a07cff2a541s = template_e90343e05b274f9c8b2074a07cff2a541.template(`<div class='highlight'><!--$--></div>`);
 const OMIT = ['background'];
 let key = Symbol(), observer = null;
 export default template.factory((attributes, content) => {
@@ -30,17 +30,17 @@ export default template.factory((attributes, content) => {
         highlight: 0
     });
     return (() => {
-        let root_23a4f055a2904f1fa5d72b30cc2abc501r = template_23a4f055a2904f1fa5d72b30cc2abc501s(), element_23a4f055a2904f1fa5d72b30cc2abc501t = root_23a4f055a2904f1fa5d72b30cc2abc501r.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc501u = element_23a4f055a2904f1fa5d72b30cc2abc501t.firstChild;
-        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc501t, omit(attributes, OMIT));
-        template_23a4f055a2904f1fa5d72b30cc2abc501.onrender(element_23a4f055a2904f1fa5d72b30cc2abc501t, (element) => {
+        let root_e90343e05b274f9c8b2074a07cff2a541r = template_e90343e05b274f9c8b2074a07cff2a541s(), element_e90343e05b274f9c8b2074a07cff2a541t = root_e90343e05b274f9c8b2074a07cff2a541r.firstChild, element_e90343e05b274f9c8b2074a07cff2a541u = element_e90343e05b274f9c8b2074a07cff2a541t.firstChild;
+        template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a541t, omit(attributes, OMIT));
+        template_e90343e05b274f9c8b2074a07cff2a541.onrender(element_e90343e05b274f9c8b2074a07cff2a541t, (element) => {
             element[key] = state;
             observer.observe(element);
         });
-        template_23a4f055a2904f1fa5d72b30cc2abc501.setStyle(element_23a4f055a2904f1fa5d72b30cc2abc501t, '', [
+        template_e90343e05b274f9c8b2074a07cff2a541.setStyle(element_e90343e05b274f9c8b2074a07cff2a541t, '', [
             () => `--highlight: ${state.highlight}`,
             `--background: ${attributes.background}`,
         ]);
-        template_23a4f055a2904f1fa5d72b30cc2abc501.slot(element_23a4f055a2904f1fa5d72b30cc2abc501u, content);
-        return root_23a4f055a2904f1fa5d72b30cc2abc501r;
+        template_e90343e05b274f9c8b2074a07cff2a541.slot(element_e90343e05b274f9c8b2074a07cff2a541u, content);
+        return root_e90343e05b274f9c8b2074a07cff2a541r;
     })();
 });

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

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

package/build/components/icon/index.js

@@ -1,13 +1,13 @@
-import * as template_23a4f055a2904f1fa5d72b30cc2abc501 from '@esportsplus/template';
+import * as template_e90343e05b274f9c8b2074a07cff2a541 from '@esportsplus/template';
 import { svg } from '@esportsplus/template';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_23a4f055a2904f1fa5d72b30cc2abc501w = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<div class='icon'><!--$--></div>`);
+const template_e90343e05b274f9c8b2074a07cff2a541w = template_e90343e05b274f9c8b2074a07cff2a541.template(`<div class='icon'><!--$--></div>`);
 export default template.factory((attributes, icon) => {
     return (() => {
-        let root_23a4f055a2904f1fa5d72b30cc2abc501v = template_23a4f055a2904f1fa5d72b30cc2abc501w(), element_23a4f055a2904f1fa5d72b30cc2abc501x = root_23a4f055a2904f1fa5d72b30cc2abc501v.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc501y = element_23a4f055a2904f1fa5d72b30cc2abc501x.firstChild;
-        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc501x, attributes);
-        template_23a4f055a2904f1fa5d72b30cc2abc501.slot(element_23a4f055a2904f1fa5d72b30cc2abc501y, svg.sprite(icon));
-        return root_23a4f055a2904f1fa5d72b30cc2abc501v;
+        let root_e90343e05b274f9c8b2074a07cff2a541v = template_e90343e05b274f9c8b2074a07cff2a541w(), element_e90343e05b274f9c8b2074a07cff2a541x = root_e90343e05b274f9c8b2074a07cff2a541v.firstChild, element_e90343e05b274f9c8b2074a07cff2a541y = element_e90343e05b274f9c8b2074a07cff2a541x.firstChild;
+        template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a541x, attributes);
+        template_e90343e05b274f9c8b2074a07cff2a541.slot(element_e90343e05b274f9c8b2074a07cff2a541y, svg.sprite(icon));
+        return root_e90343e05b274f9c8b2074a07cff2a541v;
     })();
 });

package/build/components/input/index.js

@@ -1,8 +1,8 @@
-import * as template_23a4f055a2904f1fa5d72b30cc2abc501 from '@esportsplus/template';
+import * as template_e90343e05b274f9c8b2074a07cff2a541 from '@esportsplus/template';
 import { reactive } from '@esportsplus/template';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_23a4f055a2904f1fa5d72b30cc2abc5020 = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<input
+const template_e90343e05b274f9c8b2074a07cff2a5420 = template_e90343e05b274f9c8b2074a07cff2a541.template(`<input
  class='input'
  />`);
 export default function (attributes) {
@@ -11,19 +11,19 @@ export default function (attributes) {
         error: ''
     });
     return (() => {
-        let root_23a4f055a2904f1fa5d72b30cc2abc501z = template_23a4f055a2904f1fa5d72b30cc2abc5020(), element_23a4f055a2904f1fa5d72b30cc2abc5021 = root_23a4f055a2904f1fa5d72b30cc2abc501z.firstChild;
-        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc5021, this?.attributes);
-        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc5021, attributes);
-        template_23a4f055a2904f1fa5d72b30cc2abc501.setClass(element_23a4f055a2904f1fa5d72b30cc2abc5021, '', () => state.active && '--active');
-        template_23a4f055a2904f1fa5d72b30cc2abc501.on(element_23a4f055a2904f1fa5d72b30cc2abc5021, 'focusin', () => {
+        let root_e90343e05b274f9c8b2074a07cff2a541z = template_e90343e05b274f9c8b2074a07cff2a5420(), element_e90343e05b274f9c8b2074a07cff2a5421 = root_e90343e05b274f9c8b2074a07cff2a541z.firstChild;
+        template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a5421, this?.attributes);
+        template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a5421, attributes);
+        template_e90343e05b274f9c8b2074a07cff2a541.setClass(element_e90343e05b274f9c8b2074a07cff2a5421, '', () => state.active && '--active');
+        template_e90343e05b274f9c8b2074a07cff2a541.on(element_e90343e05b274f9c8b2074a07cff2a5421, 'focusin', () => {
             state.active = true;
         });
-        template_23a4f055a2904f1fa5d72b30cc2abc501.on(element_23a4f055a2904f1fa5d72b30cc2abc5021, 'focusout', () => {
+        template_e90343e05b274f9c8b2074a07cff2a541.on(element_e90343e05b274f9c8b2074a07cff2a5421, 'focusout', () => {
             state.active = false;
         });
-        template_23a4f055a2904f1fa5d72b30cc2abc501.onrender(element_23a4f055a2904f1fa5d72b30cc2abc5021, form.input.onrender(state));
-        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperty(element_23a4f055a2904f1fa5d72b30cc2abc5021, 'type', (attributes.type || 'text'));
-        return root_23a4f055a2904f1fa5d72b30cc2abc501z;
+        template_e90343e05b274f9c8b2074a07cff2a541.onrender(element_e90343e05b274f9c8b2074a07cff2a5421, form.input.onrender(state));
+        template_e90343e05b274f9c8b2074a07cff2a541.setProperty(element_e90343e05b274f9c8b2074a07cff2a5421, 'type', (attributes.type || 'text'));
+        return root_e90343e05b274f9c8b2074a07cff2a541z;
     })();
 }
 ;

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

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

package/build/components/loader/index.js

@@ -1,12 +1,12 @@
-import * as template_23a4f055a2904f1fa5d72b30cc2abc501 from '@esportsplus/template';
+import * as template_e90343e05b274f9c8b2074a07cff2a541 from '@esportsplus/template';
 import { reactive } from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_23a4f055a2904f1fa5d72b30cc2abc5023 = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<div class='loader-content'><div
+const template_e90343e05b274f9c8b2074a07cff2a5423 = template_e90343e05b274f9c8b2074a07cff2a541.template(`<div class='loader-content'><div
  class='loader-logo text --flex-center --text-uppercase --text-600'
  style='color: var(--color-grey-500);'><!--$--></div></div>`);
-const template_23a4f055a2904f1fa5d72b30cc2abc5028 = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<div
+const template_e90343e05b274f9c8b2074a07cff2a5428 = template_e90343e05b274f9c8b2074a07cff2a541.template(`<div
  class='loader '><div
  class='loader '><!--$--></div></div>`);
 const OMIT = ['loader-content', 'loader-logo'];
@@ -22,39 +22,39 @@ export default template.factory((attributes, content) => {
         }
         let i = 0;
         return (() => {
-            let root_23a4f055a2904f1fa5d72b30cc2abc5027 = template_23a4f055a2904f1fa5d72b30cc2abc5028(), element_23a4f055a2904f1fa5d72b30cc2abc5029 = root_23a4f055a2904f1fa5d72b30cc2abc5027.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc502a = element_23a4f055a2904f1fa5d72b30cc2abc5029.firstElementChild, element_23a4f055a2904f1fa5d72b30cc2abc502b = element_23a4f055a2904f1fa5d72b30cc2abc502a.firstChild;
-            template_23a4f055a2904f1fa5d72b30cc2abc501.setClass(element_23a4f055a2904f1fa5d72b30cc2abc5029, ' ', () => state.load && 'loader--load');
-            template_23a4f055a2904f1fa5d72b30cc2abc501.delegate(element_23a4f055a2904f1fa5d72b30cc2abc5029, 'animationend', (e) => {
+            let root_e90343e05b274f9c8b2074a07cff2a5427 = template_e90343e05b274f9c8b2074a07cff2a5428(), element_e90343e05b274f9c8b2074a07cff2a5429 = root_e90343e05b274f9c8b2074a07cff2a5427.firstChild, element_e90343e05b274f9c8b2074a07cff2a542a = element_e90343e05b274f9c8b2074a07cff2a5429.firstElementChild, element_e90343e05b274f9c8b2074a07cff2a542b = element_e90343e05b274f9c8b2074a07cff2a542a.firstChild;
+            template_e90343e05b274f9c8b2074a07cff2a541.setClass(element_e90343e05b274f9c8b2074a07cff2a5429, ' ', () => state.load && 'loader--load');
+            template_e90343e05b274f9c8b2074a07cff2a541.delegate(element_e90343e05b274f9c8b2074a07cff2a5429, 'animationend', (e) => {
                 i++;
                 if (e.animationName === 'move' && i > 1) {
                     state.remove = true;
                 }
             });
-            template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc5029, omit(attributes, OMIT));
-            template_23a4f055a2904f1fa5d72b30cc2abc501.setClass(element_23a4f055a2904f1fa5d72b30cc2abc502a, ' ', () => state.load && 'loader--load');
-            template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc502a, !content && {
+            template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a5429, omit(attributes, OMIT));
+            template_e90343e05b274f9c8b2074a07cff2a541.setClass(element_e90343e05b274f9c8b2074a07cff2a542a, ' ', () => state.load && 'loader--load');
+            template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a542a, !content && {
                 onconnect: () => {
                     state.load = true;
                 }
             });
-            template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc502a, attributes.loader);
-            template_23a4f055a2904f1fa5d72b30cc2abc501.slot(element_23a4f055a2904f1fa5d72b30cc2abc502b, content && (() => {
-                let root_23a4f055a2904f1fa5d72b30cc2abc5022 = template_23a4f055a2904f1fa5d72b30cc2abc5023(), element_23a4f055a2904f1fa5d72b30cc2abc5024 = root_23a4f055a2904f1fa5d72b30cc2abc5022.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc5025 = element_23a4f055a2904f1fa5d72b30cc2abc5024.firstElementChild, element_23a4f055a2904f1fa5d72b30cc2abc5026 = element_23a4f055a2904f1fa5d72b30cc2abc5025.firstChild;
-                template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc5024, attributes['loader-content']);
-                template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc5025, attributes['loader-logo']);
-                template_23a4f055a2904f1fa5d72b30cc2abc501.setClass(element_23a4f055a2904f1fa5d72b30cc2abc5025, '', () => state.scale && 'loader-logo--scale');
-                template_23a4f055a2904f1fa5d72b30cc2abc501.delegate(element_23a4f055a2904f1fa5d72b30cc2abc5025, 'animationend', ({ animationName: name }) => {
+            template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a542a, attributes.loader);
+            template_e90343e05b274f9c8b2074a07cff2a541.slot(element_e90343e05b274f9c8b2074a07cff2a542b, content && (() => {
+                let root_e90343e05b274f9c8b2074a07cff2a5422 = template_e90343e05b274f9c8b2074a07cff2a5423(), element_e90343e05b274f9c8b2074a07cff2a5424 = root_e90343e05b274f9c8b2074a07cff2a5422.firstChild, element_e90343e05b274f9c8b2074a07cff2a5425 = element_e90343e05b274f9c8b2074a07cff2a5424.firstElementChild, element_e90343e05b274f9c8b2074a07cff2a5426 = element_e90343e05b274f9c8b2074a07cff2a5425.firstChild;
+                template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a5424, attributes['loader-content']);
+                template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a5425, attributes['loader-logo']);
+                template_e90343e05b274f9c8b2074a07cff2a541.setClass(element_e90343e05b274f9c8b2074a07cff2a5425, '', () => state.scale && 'loader-logo--scale');
+                template_e90343e05b274f9c8b2074a07cff2a541.delegate(element_e90343e05b274f9c8b2074a07cff2a5425, 'animationend', ({ animationName: name }) => {
                     if (name === 'scale') {
                         state.load = true;
                     }
                 });
-                template_23a4f055a2904f1fa5d72b30cc2abc501.onconnect(element_23a4f055a2904f1fa5d72b30cc2abc5025, () => {
+                template_e90343e05b274f9c8b2074a07cff2a541.onconnect(element_e90343e05b274f9c8b2074a07cff2a5425, () => {
                     state.scale = true;
                 });
-                template_23a4f055a2904f1fa5d72b30cc2abc501.slot(element_23a4f055a2904f1fa5d72b30cc2abc5026, content);
-                return root_23a4f055a2904f1fa5d72b30cc2abc5022;
+                template_e90343e05b274f9c8b2074a07cff2a541.slot(element_e90343e05b274f9c8b2074a07cff2a5426, content);
+                return root_e90343e05b274f9c8b2074a07cff2a5422;
             })());
-            return root_23a4f055a2904f1fa5d72b30cc2abc5027;
+            return root_e90343e05b274f9c8b2074a07cff2a5427;
         })();
     };
 });

package/build/components/loading/index.js

@@ -1,12 +1,12 @@
-import * as template_23a4f055a2904f1fa5d72b30cc2abc501 from '@esportsplus/template';
+import * as template_e90343e05b274f9c8b2074a07cff2a541 from '@esportsplus/template';
 import './scss/index.scss';
-const template_23a4f055a2904f1fa5d72b30cc2abc502d = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<div
+const template_e90343e05b274f9c8b2074a07cff2a542d = template_e90343e05b274f9c8b2074a07cff2a541.template(`<div
  class='loading --border-width-700 --size-800'
  style='--border-color: var(--color-border-500);'></div>`);
 export default (attributes) => {
     return (() => {
-        let root_23a4f055a2904f1fa5d72b30cc2abc502c = template_23a4f055a2904f1fa5d72b30cc2abc502d(), element_23a4f055a2904f1fa5d72b30cc2abc502e = root_23a4f055a2904f1fa5d72b30cc2abc502c.firstChild;
-        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc502e, attributes);
-        return root_23a4f055a2904f1fa5d72b30cc2abc502c;
+        let root_e90343e05b274f9c8b2074a07cff2a542c = template_e90343e05b274f9c8b2074a07cff2a542d(), element_e90343e05b274f9c8b2074a07cff2a542e = root_e90343e05b274f9c8b2074a07cff2a542c.firstChild;
+        template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a542e, attributes);
+        return root_e90343e05b274f9c8b2074a07cff2a542c;
     })();
 };

package/build/components/range/index.js

@@ -1,8 +1,8 @@
-import * as template_23a4f055a2904f1fa5d72b30cc2abc501 from '@esportsplus/template';
+import * as template_e90343e05b274f9c8b2074a07cff2a541 from '@esportsplus/template';
 import { reactive, root } from '@esportsplus/template';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_23a4f055a2904f1fa5d72b30cc2abc502g = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<input
+const template_e90343e05b274f9c8b2074a07cff2a542g = template_e90343e05b274f9c8b2074a07cff2a541.template(`<input
  class='range --border-state --border-black'
  type='range'
  />`);
@@ -16,23 +16,23 @@ export default function (attributes) {
         state.value = Number(attributes.value);
     }
     return (() => {
-        let root_23a4f055a2904f1fa5d72b30cc2abc502f = template_23a4f055a2904f1fa5d72b30cc2abc502g(), element_23a4f055a2904f1fa5d72b30cc2abc502h = root_23a4f055a2904f1fa5d72b30cc2abc502f.firstChild;
-        template_23a4f055a2904f1fa5d72b30cc2abc501.setStyle(element_23a4f055a2904f1fa5d72b30cc2abc502h, ';', () => `--thumb-position: ${((state.value - min) / (max - min)) * 100}%`);
-        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc502h, this?.attributes);
-        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc502h, attributes);
-        template_23a4f055a2904f1fa5d72b30cc2abc501.setClass(element_23a4f055a2904f1fa5d72b30cc2abc502h, '', () => state.active && '--active');
-        template_23a4f055a2904f1fa5d72b30cc2abc501.on(element_23a4f055a2904f1fa5d72b30cc2abc502h, 'focusin', () => {
+        let root_e90343e05b274f9c8b2074a07cff2a542f = template_e90343e05b274f9c8b2074a07cff2a542g(), element_e90343e05b274f9c8b2074a07cff2a542h = root_e90343e05b274f9c8b2074a07cff2a542f.firstChild;
+        template_e90343e05b274f9c8b2074a07cff2a541.setStyle(element_e90343e05b274f9c8b2074a07cff2a542h, ';', () => `--thumb-position: ${((state.value - min) / (max - min)) * 100}%`);
+        template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a542h, this?.attributes);
+        template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a542h, attributes);
+        template_e90343e05b274f9c8b2074a07cff2a541.setClass(element_e90343e05b274f9c8b2074a07cff2a542h, '', () => state.active && '--active');
+        template_e90343e05b274f9c8b2074a07cff2a541.on(element_e90343e05b274f9c8b2074a07cff2a542h, 'focusin', () => {
             state.active = true;
         });
-        template_23a4f055a2904f1fa5d72b30cc2abc501.on(element_23a4f055a2904f1fa5d72b30cc2abc502h, 'focusout', () => {
+        template_e90343e05b274f9c8b2074a07cff2a541.on(element_e90343e05b274f9c8b2074a07cff2a542h, 'focusout', () => {
             state.active = false;
         });
-        template_23a4f055a2904f1fa5d72b30cc2abc501.delegate(element_23a4f055a2904f1fa5d72b30cc2abc502h, 'input', (e) => {
+        template_e90343e05b274f9c8b2074a07cff2a541.delegate(element_e90343e05b274f9c8b2074a07cff2a542h, 'input', (e) => {
             state.value = Number(e.target.value);
         });
-        template_23a4f055a2904f1fa5d72b30cc2abc501.onrender(element_23a4f055a2904f1fa5d72b30cc2abc502h, form.input.onrender(state));
-        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperty(element_23a4f055a2904f1fa5d72b30cc2abc502h, 'value', root(() => attributes?.value || state.value || 0));
-        return root_23a4f055a2904f1fa5d72b30cc2abc502f;
+        template_e90343e05b274f9c8b2074a07cff2a541.onrender(element_e90343e05b274f9c8b2074a07cff2a542h, form.input.onrender(state));
+        template_e90343e05b274f9c8b2074a07cff2a541.setProperty(element_e90343e05b274f9c8b2074a07cff2a542h, 'value', root(() => attributes?.value || state.value || 0));
+        return root_e90343e05b274f9c8b2074a07cff2a542f;
     })();
 }
 ;

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

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

package/build/components/scrollbar/index.js

@@ -1,9 +1,9 @@
-import * as template_23a4f055a2904f1fa5d72b30cc2abc501 from '@esportsplus/template';
+import * as template_e90343e05b274f9c8b2074a07cff2a541 from '@esportsplus/template';
 import { reactive } from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_23a4f055a2904f1fa5d72b30cc2abc502j = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<div
+const template_e90343e05b274f9c8b2074a07cff2a542j = template_e90343e05b274f9c8b2074a07cff2a541.template(`<div
  class='scrollbar-container'><div
  class='scrollbar-container-content'><!--$--></div><div
  class='scrollbar'></div></div>`);
@@ -15,12 +15,12 @@ export default template.factory(function (attributes, content) {
         translate: 0
     });
     return (() => {
-        let root_23a4f055a2904f1fa5d72b30cc2abc502i = template_23a4f055a2904f1fa5d72b30cc2abc502j(), element_23a4f055a2904f1fa5d72b30cc2abc502k = root_23a4f055a2904f1fa5d72b30cc2abc502i.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc502l = element_23a4f055a2904f1fa5d72b30cc2abc502k.firstElementChild, element_23a4f055a2904f1fa5d72b30cc2abc502m = element_23a4f055a2904f1fa5d72b30cc2abc502l.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc502n = element_23a4f055a2904f1fa5d72b30cc2abc502l.nextElementSibling;
-        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc502k, this?.attributes && omit(this.attributes, OMIT));
-        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc502k, omit(attributes, OMIT));
-        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc502l, this?.attributes?.['scrollbar-container-content']);
-        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc502l, attributes['scrollbar-container-content']);
-        template_23a4f055a2904f1fa5d72b30cc2abc501.on(element_23a4f055a2904f1fa5d72b30cc2abc502l, 'scroll', function () {
+        let root_e90343e05b274f9c8b2074a07cff2a542i = template_e90343e05b274f9c8b2074a07cff2a542j(), element_e90343e05b274f9c8b2074a07cff2a542k = root_e90343e05b274f9c8b2074a07cff2a542i.firstChild, element_e90343e05b274f9c8b2074a07cff2a542l = element_e90343e05b274f9c8b2074a07cff2a542k.firstElementChild, element_e90343e05b274f9c8b2074a07cff2a542m = element_e90343e05b274f9c8b2074a07cff2a542l.firstChild, element_e90343e05b274f9c8b2074a07cff2a542n = element_e90343e05b274f9c8b2074a07cff2a542l.nextElementSibling;
+        template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a542k, this?.attributes && omit(this.attributes, OMIT));
+        template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a542k, omit(attributes, OMIT));
+        template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a542l, this?.attributes?.['scrollbar-container-content']);
+        template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a542l, attributes['scrollbar-container-content']);
+        template_e90343e05b274f9c8b2074a07cff2a541.on(element_e90343e05b274f9c8b2074a07cff2a542l, 'scroll', function () {
             if (width === undefined) {
                 width = this.offsetWidth - this.clientWidth;
                 if (width && width !== 17) {
@@ -30,14 +30,14 @@ export default template.factory(function (attributes, content) {
             state.height = (this.clientHeight / this.scrollHeight) * 100;
             state.translate = (this.scrollTop / this.clientHeight) * 100;
         });
-        template_23a4f055a2904f1fa5d72b30cc2abc501.slot(element_23a4f055a2904f1fa5d72b30cc2abc502m, content);
-        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc502n, this?.attributes?.scrollbar);
-        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc502n, attributes.scrollbar);
-        template_23a4f055a2904f1fa5d72b30cc2abc501.setClass(element_23a4f055a2904f1fa5d72b30cc2abc502n, '', () => state.height >= 100 && 'scrollbar--hidden');
-        template_23a4f055a2904f1fa5d72b30cc2abc501.setStyle(element_23a4f055a2904f1fa5d72b30cc2abc502n, '', () => `
+        template_e90343e05b274f9c8b2074a07cff2a541.slot(element_e90343e05b274f9c8b2074a07cff2a542m, content);
+        template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a542n, this?.attributes?.scrollbar);
+        template_e90343e05b274f9c8b2074a07cff2a541.setProperties(element_e90343e05b274f9c8b2074a07cff2a542n, attributes.scrollbar);
+        template_e90343e05b274f9c8b2074a07cff2a541.setClass(element_e90343e05b274f9c8b2074a07cff2a542n, '', () => state.height >= 100 && 'scrollbar--hidden');
+        template_e90343e05b274f9c8b2074a07cff2a541.setStyle(element_e90343e05b274f9c8b2074a07cff2a542n, '', () => `
                             --translate: translate3d(0, ${state.translate}%, 0);
                             --height: ${state.height}%;
                         `);
-        return root_23a4f055a2904f1fa5d72b30cc2abc502i;
+        return root_e90343e05b274f9c8b2074a07cff2a542i;
     })();
 });