@esportsplus/ui 0.50.11 → 0.50.12

package/build/components/tooltip/onclick.js

@@ -1,19 +1,19 @@
-import * as template_395fa766de714d01a2177bd6e730518f1 from '@esportsplus/template';
-import * as reactivity_395fa766de714d01a2177bd6e730518f0 from '@esportsplus/reactivity';
+import * as template_31dfc3aae3354e00a148889c23732a6c1 from '@esportsplus/template';
+import * as reactivity_31dfc3aae3354e00a148889c23732a6c0 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import { root } from '@esportsplus/ui';
 import template from '../../components/template/index.js';
-const template_395fa766de714d01a2177bd6e730518f4t = template_395fa766de714d01a2177bd6e730518f1.template(`<div class='tooltip'><!--$--></div>`);
-class ReactiveObject_395fa766de714d01a2177bd6e730518f4r extends reactivity_395fa766de714d01a2177bd6e730518f0.ReactiveObject {
-    #active = this[reactivity_395fa766de714d01a2177bd6e730518f0.SIGNAL](false);
+const template_31dfc3aae3354e00a148889c23732a6c4t = template_31dfc3aae3354e00a148889c23732a6c1.template(`<div class='tooltip'><!--$--></div>`);
+class ReactiveObject_31dfc3aae3354e00a148889c23732a6c4r extends reactivity_31dfc3aae3354e00a148889c23732a6c0.ReactiveObject {
+    #active = this[reactivity_31dfc3aae3354e00a148889c23732a6c0.SIGNAL](false);
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#active);
+        return reactivity_31dfc3aae3354e00a148889c23732a6c0.read(this.#active);
     }
     set active(_v0) {
-        reactivity_395fa766de714d01a2177bd6e730518f0.write(this.#active, _v0);
+        reactivity_31dfc3aae3354e00a148889c23732a6c0.write(this.#active, _v0);
     }
 }
 const OMIT = ['state', 'toggle'];
@@ -37,12 +37,12 @@ function frame() {
     running = false;
 }
 export default template.factory((attributes, content) => {
-    let state = attributes.state || new ReactiveObject_395fa766de714d01a2177bd6e730518f4r(), toggle = attributes.toggle || false;
+    let state = attributes.state || new ReactiveObject_31dfc3aae3354e00a148889c23732a6c4r(), toggle = attributes.toggle || false;
     return (() => {
-        let root_395fa766de714d01a2177bd6e730518f4s = template_395fa766de714d01a2177bd6e730518f4t(), element_395fa766de714d01a2177bd6e730518f4u = root_395fa766de714d01a2177bd6e730518f4s.firstChild, element_395fa766de714d01a2177bd6e730518f4v = element_395fa766de714d01a2177bd6e730518f4u.firstChild, attributes_395fa766de714d01a2177bd6e730518f4w = { "class": "tooltip" };
-        template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518f4u, omit(attributes, OMIT), attributes_395fa766de714d01a2177bd6e730518f4w);
-        template_395fa766de714d01a2177bd6e730518f1.setList(element_395fa766de714d01a2177bd6e730518f4u, 'class', () => state.active && '--active', attributes_395fa766de714d01a2177bd6e730518f4w);
-        template_395fa766de714d01a2177bd6e730518f1.delegate(element_395fa766de714d01a2177bd6e730518f4u, 'click', function (e) {
+        let root_31dfc3aae3354e00a148889c23732a6c4s = template_31dfc3aae3354e00a148889c23732a6c4t(), element_31dfc3aae3354e00a148889c23732a6c4u = root_31dfc3aae3354e00a148889c23732a6c4s.firstChild, element_31dfc3aae3354e00a148889c23732a6c4v = element_31dfc3aae3354e00a148889c23732a6c4u.firstChild, attributes_31dfc3aae3354e00a148889c23732a6c4w = { "class": "tooltip" };
+        template_31dfc3aae3354e00a148889c23732a6c1.setProperties(element_31dfc3aae3354e00a148889c23732a6c4u, omit(attributes, OMIT), attributes_31dfc3aae3354e00a148889c23732a6c4w);
+        template_31dfc3aae3354e00a148889c23732a6c1.setList(element_31dfc3aae3354e00a148889c23732a6c4u, 'class', () => state.active && '--active', attributes_31dfc3aae3354e00a148889c23732a6c4w);
+        template_31dfc3aae3354e00a148889c23732a6c1.delegate(element_31dfc3aae3354e00a148889c23732a6c4u, 'click', function (e) {
             let active = true, node = e.target;
             if (this === node || (toggle && this.contains(node))) {
                 active = !state.active;
@@ -70,7 +70,7 @@ export default template.factory((attributes, content) => {
                 scheduled = true;
             }
         });
-        template_395fa766de714d01a2177bd6e730518f1.slot(element_395fa766de714d01a2177bd6e730518f4v, content);
-        return root_395fa766de714d01a2177bd6e730518f4s;
+        template_31dfc3aae3354e00a148889c23732a6c1.slot(element_31dfc3aae3354e00a148889c23732a6c4v, content);
+        return root_31dfc3aae3354e00a148889c23732a6c4s;
     })();
 });

package/build/components/tooltip/onhover.d.ts

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

package/build/components/tooltip/onhover.js

@@ -1,34 +1,34 @@
-import * as template_395fa766de714d01a2177bd6e730518f1 from '@esportsplus/template';
-import * as reactivity_395fa766de714d01a2177bd6e730518f0 from '@esportsplus/reactivity';
+import * as template_31dfc3aae3354e00a148889c23732a6c1 from '@esportsplus/template';
+import * as reactivity_31dfc3aae3354e00a148889c23732a6c0 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
-const template_395fa766de714d01a2177bd6e730518f4z = template_395fa766de714d01a2177bd6e730518f1.template(`<div class='tooltip'><!--$--></div>`);
-class ReactiveObject_395fa766de714d01a2177bd6e730518f4x extends reactivity_395fa766de714d01a2177bd6e730518f0.ReactiveObject {
-    #active = this[reactivity_395fa766de714d01a2177bd6e730518f0.SIGNAL](false);
+const template_31dfc3aae3354e00a148889c23732a6c4z = template_31dfc3aae3354e00a148889c23732a6c1.template(`<div class='tooltip'><!--$--></div>`);
+class ReactiveObject_31dfc3aae3354e00a148889c23732a6c4x extends reactivity_31dfc3aae3354e00a148889c23732a6c0.ReactiveObject {
+    #active = this[reactivity_31dfc3aae3354e00a148889c23732a6c0.SIGNAL](false);
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#active);
+        return reactivity_31dfc3aae3354e00a148889c23732a6c0.read(this.#active);
     }
     set active(_v0) {
-        reactivity_395fa766de714d01a2177bd6e730518f0.write(this.#active, _v0);
+        reactivity_31dfc3aae3354e00a148889c23732a6c0.write(this.#active, _v0);
     }
 }
 const OMIT = ['state'];
 export default template.factory((attributes, content) => {
-    let state = attributes.state || new ReactiveObject_395fa766de714d01a2177bd6e730518f4x();
+    let state = attributes.state || new ReactiveObject_31dfc3aae3354e00a148889c23732a6c4x();
     return (() => {
-        let root_395fa766de714d01a2177bd6e730518f4y = template_395fa766de714d01a2177bd6e730518f4z(), element_395fa766de714d01a2177bd6e730518f50 = root_395fa766de714d01a2177bd6e730518f4y.firstChild, element_395fa766de714d01a2177bd6e730518f51 = element_395fa766de714d01a2177bd6e730518f50.firstChild, attributes_395fa766de714d01a2177bd6e730518f52 = { "class": "tooltip" };
-        template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518f50, omit(attributes, OMIT), attributes_395fa766de714d01a2177bd6e730518f52);
-        template_395fa766de714d01a2177bd6e730518f1.setList(element_395fa766de714d01a2177bd6e730518f50, 'class', () => state.active && '--active', attributes_395fa766de714d01a2177bd6e730518f52);
-        template_395fa766de714d01a2177bd6e730518f1.delegate(element_395fa766de714d01a2177bd6e730518f50, 'mouseover', () => {
+        let root_31dfc3aae3354e00a148889c23732a6c4y = template_31dfc3aae3354e00a148889c23732a6c4z(), element_31dfc3aae3354e00a148889c23732a6c50 = root_31dfc3aae3354e00a148889c23732a6c4y.firstChild, element_31dfc3aae3354e00a148889c23732a6c51 = element_31dfc3aae3354e00a148889c23732a6c50.firstChild, attributes_31dfc3aae3354e00a148889c23732a6c52 = { "class": "tooltip" };
+        template_31dfc3aae3354e00a148889c23732a6c1.setProperties(element_31dfc3aae3354e00a148889c23732a6c50, omit(attributes, OMIT), attributes_31dfc3aae3354e00a148889c23732a6c52);
+        template_31dfc3aae3354e00a148889c23732a6c1.setList(element_31dfc3aae3354e00a148889c23732a6c50, 'class', () => state.active && '--active', attributes_31dfc3aae3354e00a148889c23732a6c52);
+        template_31dfc3aae3354e00a148889c23732a6c1.delegate(element_31dfc3aae3354e00a148889c23732a6c50, 'mouseover', () => {
             state.active = true;
         });
-        template_395fa766de714d01a2177bd6e730518f1.delegate(element_395fa766de714d01a2177bd6e730518f50, 'mouseout', () => {
+        template_31dfc3aae3354e00a148889c23732a6c1.delegate(element_31dfc3aae3354e00a148889c23732a6c50, 'mouseout', () => {
             state.active = false;
         });
-        template_395fa766de714d01a2177bd6e730518f1.slot(element_395fa766de714d01a2177bd6e730518f51, content);
-        return root_395fa766de714d01a2177bd6e730518f4y;
+        template_31dfc3aae3354e00a148889c23732a6c1.slot(element_31dfc3aae3354e00a148889c23732a6c51, content);
+        return root_31dfc3aae3354e00a148889c23732a6c4y;
     })();
 });

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

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

package/build/components/typewriter/index.js

@@ -1,27 +1,27 @@
-import * as template_395fa766de714d01a2177bd6e730518f1 from '@esportsplus/template';
-import * as reactivity_395fa766de714d01a2177bd6e730518f0 from '@esportsplus/reactivity';
+import * as template_31dfc3aae3354e00a148889c23732a6c1 from '@esportsplus/template';
+import * as reactivity_31dfc3aae3354e00a148889c23732a6c0 from '@esportsplus/reactivity';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_395fa766de714d01a2177bd6e730518f55 = template_395fa766de714d01a2177bd6e730518f1.template(`<div class='typewriter'><!--$--></div>`);
-const template_395fa766de714d01a2177bd6e730518f58 = template_395fa766de714d01a2177bd6e730518f1.template(``);
-class ReactiveObject_395fa766de714d01a2177bd6e730518f53 extends reactivity_395fa766de714d01a2177bd6e730518f0.ReactiveObject {
-    #text = this[reactivity_395fa766de714d01a2177bd6e730518f0.SIGNAL]('');
+const template_31dfc3aae3354e00a148889c23732a6c55 = template_31dfc3aae3354e00a148889c23732a6c1.template(`<div class='typewriter'><!--$--></div>`);
+const template_31dfc3aae3354e00a148889c23732a6c58 = template_31dfc3aae3354e00a148889c23732a6c1.template(``);
+class ReactiveObject_31dfc3aae3354e00a148889c23732a6c53 extends reactivity_31dfc3aae3354e00a148889c23732a6c0.ReactiveObject {
+    #text = this[reactivity_31dfc3aae3354e00a148889c23732a6c0.SIGNAL]('');
     constructor() {
         super(null);
     }
     get text() {
-        return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#text);
+        return reactivity_31dfc3aae3354e00a148889c23732a6c0.read(this.#text);
     }
     set text(_v0) {
-        reactivity_395fa766de714d01a2177bd6e730518f0.write(this.#text, _v0);
+        reactivity_31dfc3aae3354e00a148889c23732a6c0.write(this.#text, _v0);
     }
 }
-const EMPTY_NODE = template_395fa766de714d01a2177bd6e730518f58();
+const EMPTY_NODE = template_31dfc3aae3354e00a148889c23732a6c58();
 export default template.factory(function (_, content) {
-    let state = new ReactiveObject_395fa766de714d01a2177bd6e730518f53();
+    let state = new ReactiveObject_31dfc3aae3354e00a148889c23732a6c53();
     return (() => {
-        let root_395fa766de714d01a2177bd6e730518f54 = template_395fa766de714d01a2177bd6e730518f55(), element_395fa766de714d01a2177bd6e730518f56 = root_395fa766de714d01a2177bd6e730518f54.firstChild, element_395fa766de714d01a2177bd6e730518f57 = element_395fa766de714d01a2177bd6e730518f56.firstChild;
-        template_395fa766de714d01a2177bd6e730518f1.onconnect(element_395fa766de714d01a2177bd6e730518f56, () => {
+        let root_31dfc3aae3354e00a148889c23732a6c54 = template_31dfc3aae3354e00a148889c23732a6c55(), element_31dfc3aae3354e00a148889c23732a6c56 = root_31dfc3aae3354e00a148889c23732a6c54.firstChild, element_31dfc3aae3354e00a148889c23732a6c57 = element_31dfc3aae3354e00a148889c23732a6c56.firstChild;
+        template_31dfc3aae3354e00a148889c23732a6c1.onconnect(element_31dfc3aae3354e00a148889c23732a6c56, () => {
             let character = 0, i = 0, isWriting = true, write = content[i];
             function play() {
                 setTimeout(() => {
@@ -50,7 +50,7 @@ export default template.factory(function (_, content) {
             }
             play();
         });
-        new template_395fa766de714d01a2177bd6e730518f1.EffectSlot(element_395fa766de714d01a2177bd6e730518f57, () => state.text || EMPTY_NODE);
-        return root_395fa766de714d01a2177bd6e730518f54;
+        new template_31dfc3aae3354e00a148889c23732a6c1.EffectSlot(element_31dfc3aae3354e00a148889c23732a6c57, () => state.text || EMPTY_NODE);
+        return root_31dfc3aae3354e00a148889c23732a6c54;
     })();
 });

package/package.json

@@ -59,7 +59,7 @@
   },
   "sideEffects": false,
   "type": "module",
-  "version": "0.50.11",
+  "version": "0.50.12",
   "scripts": {
     "build": "run-s build:vite build:ts",
     "build:ts": "tsc",

package/src/components/checkbox/scss/variables.scss

@@ -38,13 +38,14 @@
         --translateX: 108%;
         --translateY: 8%;
         --width: 50%;
+    }
 
-        #{tokens.state(default, '.field')} & {
+    #{tokens.state(default)} {
+        &::before {
             --translateY: 100%;
         }
     }
 
-    #{tokens.state(inactive, 'label')},
     #{tokens.state(inactive)} {
         @include tokens.state(hover) {
             --background: var(--background-hover);

package/src/components/switch/scss/variables.scss

@@ -38,13 +38,14 @@
         --translateX: 0px;
         --translateY: 0px;
         --width: var(--height);
+    }
 
-        #{tokens.state(active, '.field')} & {
+    #{tokens.state(default)} {
+        &::before {
             --translateX: calc(var(--width-switch) - (var(--border-width) * 2) - var(--height) - (var(--padding-horizontal) * 2));
         }
     }
 
-    #{tokens.state(inactive, 'label')},
     #{tokens.state(inactive)} {
         @include tokens.state(hover) {
             --background: var(--background-hover);