@esportsplus/ui 0.49.4 → 0.49.6

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

@@ -2,19 +2,19 @@ import './scss/index.scss';
 declare const _default: {
     (): ReturnType<(this: {
         attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
-        content?: import("@esportsplus/frontend").Renderable<any>;
-    }, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/frontend").Renderable<any>) => import("@esportsplus/frontend").Renderable<any>>;
+        content?: import("@esportsplus/template").Renderable<any>;
+    }, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
     <T extends import("../../components/scrollbar/index.js").Attributes>(attributes: T): ReturnType<(this: {
         attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
-        content?: import("@esportsplus/frontend").Renderable<any>;
-    }, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/frontend").Renderable<any>) => import("@esportsplus/frontend").Renderable<any>>;
-    <T extends import("@esportsplus/frontend").Renderable<any>>(content: T): ReturnType<(this: {
+        content?: import("@esportsplus/template").Renderable<any>;
+    }, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    <T extends import("@esportsplus/template").Renderable<any>>(content: T): ReturnType<(this: {
         attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
-        content?: import("@esportsplus/frontend").Renderable<any>;
-    }, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/frontend").Renderable<any>) => import("@esportsplus/frontend").Renderable<any>>;
-    (attributes: import("../../components/scrollbar/index.js").Attributes, content: import("@esportsplus/frontend").Renderable<any>): ReturnType<(this: {
+        content?: import("@esportsplus/template").Renderable<any>;
+    }, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    (attributes: import("../../components/scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
         attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
-        content?: import("@esportsplus/frontend").Renderable<any>;
-    }, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/frontend").Renderable<any>) => import("@esportsplus/frontend").Renderable<any>>;
+        content?: import("@esportsplus/template").Renderable<any>;
+    }, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
 };
 export default _default;

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

@@ -1,7 +1,7 @@
 import './scss/index.scss';
 declare const _default: (this: {
-    attributes?: import("@esportsplus/frontend").Attributes;
-} | any, attributes?: import("@esportsplus/frontend").Attributes & {
+    attributes?: import("@esportsplus/template").Attributes;
+} | any, attributes?: import("@esportsplus/template").Attributes & {
     state?: {
         active: boolean;
         error: string;

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

@@ -1,4 +1,4 @@
-import { Attributes, Renderable } from '@esportsplus/frontend';
+import { Attributes, Renderable } from '@esportsplus/template';
 declare const _default: {
     factory: <A extends Attributes, C = Renderable<any>, Context = {
         attributes?: A;

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

@@ -1,4 +1,4 @@
-import { Attributes } from '@esportsplus/frontend';
+import { Attributes } from '@esportsplus/template';
 import './scss/index.scss';
 export default function (this: {
     attributes?: Attributes;

package/build/components/textarea/index.js

@@ -1,29 +1,45 @@
-import * as template_b5a9a3f5040540948313f36934d7b05b1 from '@esportsplus/frontend';
-import { reactive } from '@esportsplus/frontend';
+import * as template_2a7920412bac4009b37c4d0863a6596e1 from '@esportsplus/template';
+import * as reactivity_2a7920412bac4009b37c4d0863a6596e0 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_b5a9a3f5040540948313f36934d7b05b3u = template_b5a9a3f5040540948313f36934d7b05b1.template(`<textarea class='textarea'></textarea>`);
+const template_2a7920412bac4009b37c4d0863a6596e48 = template_2a7920412bac4009b37c4d0863a6596e1.template(`<textarea class='textarea'></textarea>`);
+class ReactiveObject_2a7920412bac4009b37c4d0863a6596e46 extends reactivity_2a7920412bac4009b37c4d0863a6596e0.ReactiveObject {
+    #active = this[reactivity_2a7920412bac4009b37c4d0863a6596e0.SIGNAL](false);
+    #error = this[reactivity_2a7920412bac4009b37c4d0863a6596e0.SIGNAL]('');
+    constructor() {
+        super(null);
+    }
+    get active() {
+        return reactivity_2a7920412bac4009b37c4d0863a6596e0.read(this.#active);
+    }
+    set active(_v0) {
+        reactivity_2a7920412bac4009b37c4d0863a6596e0.write(this.#active, _v0);
+    }
+    get error() {
+        return reactivity_2a7920412bac4009b37c4d0863a6596e0.read(this.#error);
+    }
+    set error(_v1) {
+        reactivity_2a7920412bac4009b37c4d0863a6596e0.write(this.#error, _v1);
+    }
+}
 const OMIT = ['state'];
 export default function (attributes) {
-    let state = attributes.state || reactive({
-        active: false,
-        error: ''
-    });
+    let state = attributes.state || new ReactiveObject_2a7920412bac4009b37c4d0863a6596e46();
     return (() => {
-        let root_b5a9a3f5040540948313f36934d7b05b3t = template_b5a9a3f5040540948313f36934d7b05b3u(), element_b5a9a3f5040540948313f36934d7b05b3v = root_b5a9a3f5040540948313f36934d7b05b3t.firstChild, attributes_b5a9a3f5040540948313f36934d7b05b3w = { "class": "textarea" };
-        template_b5a9a3f5040540948313f36934d7b05b1.setProperties(element_b5a9a3f5040540948313f36934d7b05b3v, this?.attributes && omit(this.attributes, OMIT), attributes_b5a9a3f5040540948313f36934d7b05b3w);
-        template_b5a9a3f5040540948313f36934d7b05b1.setProperties(element_b5a9a3f5040540948313f36934d7b05b3v, omit(attributes, OMIT), attributes_b5a9a3f5040540948313f36934d7b05b3w);
-        template_b5a9a3f5040540948313f36934d7b05b1.setList(element_b5a9a3f5040540948313f36934d7b05b3v, 'class', () => state.active && '--active', attributes_b5a9a3f5040540948313f36934d7b05b3w);
-        template_b5a9a3f5040540948313f36934d7b05b1.on(element_b5a9a3f5040540948313f36934d7b05b3v, 'focusin', () => {
+        let root_2a7920412bac4009b37c4d0863a6596e47 = template_2a7920412bac4009b37c4d0863a6596e48(), element_2a7920412bac4009b37c4d0863a6596e49 = root_2a7920412bac4009b37c4d0863a6596e47.firstChild, attributes_2a7920412bac4009b37c4d0863a6596e4a = { "class": "textarea" };
+        template_2a7920412bac4009b37c4d0863a6596e1.setProperties(element_2a7920412bac4009b37c4d0863a6596e49, this?.attributes && omit(this.attributes, OMIT), attributes_2a7920412bac4009b37c4d0863a6596e4a);
+        template_2a7920412bac4009b37c4d0863a6596e1.setProperties(element_2a7920412bac4009b37c4d0863a6596e49, omit(attributes, OMIT), attributes_2a7920412bac4009b37c4d0863a6596e4a);
+        template_2a7920412bac4009b37c4d0863a6596e1.setList(element_2a7920412bac4009b37c4d0863a6596e49, 'class', () => state.active && '--active', attributes_2a7920412bac4009b37c4d0863a6596e4a);
+        template_2a7920412bac4009b37c4d0863a6596e1.on(element_2a7920412bac4009b37c4d0863a6596e49, 'focusin', () => {
             state.active = true;
         });
-        template_b5a9a3f5040540948313f36934d7b05b1.on(element_b5a9a3f5040540948313f36934d7b05b3v, 'focusout', () => {
+        template_2a7920412bac4009b37c4d0863a6596e1.on(element_2a7920412bac4009b37c4d0863a6596e49, 'focusout', () => {
             state.active = false;
         });
-        template_b5a9a3f5040540948313f36934d7b05b1.onrender(element_b5a9a3f5040540948313f36934d7b05b3v, form.input.onrender(state));
-        template_b5a9a3f5040540948313f36934d7b05b1.setProperty(element_b5a9a3f5040540948313f36934d7b05b3v, 'value', attributes?.value || '');
-        return root_b5a9a3f5040540948313f36934d7b05b3t;
+        template_2a7920412bac4009b37c4d0863a6596e1.onrender(element_2a7920412bac4009b37c4d0863a6596e49, form.input.onrender(state));
+        template_2a7920412bac4009b37c4d0863a6596e1.setProperty(element_2a7920412bac4009b37c4d0863a6596e49, 'value', attributes?.value || '');
+        return root_2a7920412bac4009b37c4d0863a6596e47;
     })();
 }
 ;

package/build/components/textarea/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components {.textarea{--background:var(--background-default);--background-active:var(--background-default);--background-default:transparent;--background-hover:var(--background-default);--background-pressed:var(--background-default);--border-color:var(--border-color-default);--border-color-default:var(--background);--border-radius:var(--border-radius-400);--border-style:solid;--border-width:0px;--box-shadow:var(--box-shadow-default);--box-shadow-default:none;--color:var(--color-default);--color-active:var(--color-default);--color-default:var(--color-text-400);--color-hover:var(--color-default);--color-pressed:var(--color-default);--font-size:var(--font-size-400);--line-height:var(--line-height-400);--padding-horizontal:var(--size-400);--padding-vertical:var(--size-400);--size:var(--size-400)}.textarea:not(.--active):not(.--active):hover{--background:var(--background-hover);--border-color:var(--border-color-hover);--box-shadow:var(--box-shadow-hover);--color:var(--color-hover)}.textarea:not(.--active):not(.--active):active{--background:var(--background-pressed);--border-color:var(--border-color-pressed);--box-shadow:var(--box-shadow-pressed);--color:var(--color-pressed)}.textarea.--active{--background:var(--background-active);--border-color:var(--border-color-active);--box-shadow:var(--box-shadow-active);--color:var(--color-active)}.textarea{background:var(--background);border:var(--border-width)var(--border-style)var(--border-color);border-radius:var(--border-radius);color:var(--color);cursor:text;font-size:var(--font-size);line-height:var(--line-height);min-width:0;padding:var(--padding-vertical)var(--padding-horizontal);transition:background var(--transition-duration)ease-in-out,border-color var(--transition-duration)ease-in-out,box-shadow var(--transition-duration)ease-in-out,opacity var(--transition-duration)ease-in-out,transform var(--transition-duration)ease-in-out;white-space:normal;flex-wrap:wrap;flex:auto;align-items:center;width:100%;display:flex;position:relative}.textarea:invalid,.textarea:required{box-shadow:none}}
+@layer components {.textarea{--background:var(--background-default);--background-active:var(--background-default);--background-default:transparent;--background-hover:var(--background-default);--background-pressed:var(--background-default);--border-color:var(--border-color-default);--border-color-default:var(--background);--border-radius:var(--border-radius-400);--border-style:solid;--border-width:0px;--box-shadow:var(--box-shadow-default);--box-shadow-default:none;--color:var(--color-default);--color-active:var(--color-default);--color-default:var(--color-text-400);--color-hover:var(--color-default);--color-pressed:var(--color-default);--font-size:var(--font-size-400);--line-height:var(--line-height-400);--padding-horizontal:var(--size-400);--padding-vertical:var(--size-400);--size:var(--size-400)}.textarea:not(.--active):not(.--active):hover{--background:var(--background-hover);--border-color:var(--border-color-hover);--box-shadow:var(--box-shadow-hover);--color:var(--color-hover)}.textarea:not(.--active):not(.--active):active{--background:var(--background-pressed);--border-color:var(--border-color-pressed);--box-shadow:var(--box-shadow-pressed);--color:var(--color-pressed)}.textarea.--active{--background:var(--background-active);--border-color:var(--border-color-active);--box-shadow:var(--box-shadow-active);--color:var(--color-active)}.textarea{background:var(--background);border:var(--border-width)var(--border-style)var(--border-color);border-radius:var(--border-radius);color:var(--color);cursor:text;field-sizing:content;font-size:var(--font-size);line-height:var(--line-height);min-width:0;padding:var(--padding-vertical)var(--padding-horizontal);transition:background var(--transition-duration)ease-in-out,border-color var(--transition-duration)ease-in-out,box-shadow var(--transition-duration)ease-in-out,opacity var(--transition-duration)ease-in-out,transform var(--transition-duration)ease-in-out;white-space:normal;flex-wrap:wrap;flex:auto;align-items:center;width:100%;display:flex;position:relative}.textarea:invalid,.textarea:required{box-shadow:none}}
 /*$vite$:1*/