@esportsplus/ui 0.21.8 → 0.21.10

package/build/components/field/checkbox.js

@@ -6,6 +6,9 @@ const OMIT_FIELD = ['state'];
 const OMIT_TAG = ['field-mask-tag'];
 function mask(attributes, modifier, state) {
     let a = attributes['field-mask-tag'] || {};
+    if (a.checked) {
+        state.active = true;
+    }
     return html `
         <div
             class='field-mask'

package/build/components/field/select.js

@@ -16,18 +16,18 @@ const OMIT_MASK = [
     'tooltip-content',
 ];
 const OMIT_OPTION = ['content'];
-let active = null;
+let field = null;
 function set(state, value) {
     state.active = value;
     if (state.active) {
         root.onclick.push(() => state.active = false);
-        if (active) {
-            active.active = false;
-            active = null;
+        if (field) {
+            field.active = false;
         }
+        field = state;
     }
-    else if (active === state) {
-        active = null;
+    else if (field === state) {
+        field = null;
     }
 }
 const select = function (attributes, content) {

package/package.json

@@ -15,7 +15,7 @@
     "glob": "^11.0.3",
     "lightningcss": "^1.30.1",
     "npm-run-all": "^4.1.5",
-    "sass": "^1.90.0",
+    "sass": "^1.91.0",
     "vite": "^7.1.3"
   },
   "exports": {
@@ -48,7 +48,7 @@
   "private": false,
   "sideEffects": false,
   "type": "module",
-  "version": "0.21.8",
+  "version": "0.21.10",
   "scripts": {
     "build": "run-s build:vite build:ts",
     "build:ts": "tsc && tsc-alias",

package/src/components/field/checkbox.ts

@@ -17,6 +17,10 @@ const OMIT_TAG = ['field-mask-tag'];
 function mask(attributes: A, modifier: string, state: { active: boolean }) {
     let a = attributes['field-mask-tag'] || {};
 
+    if (a.checked) {
+        state.active = true;
+    }
+
     return html`
         <div
             class='field-mask'

package/src/components/field/select.ts

@@ -22,7 +22,7 @@ const OMIT_MASK = [
 const OMIT_OPTION = ['content'];
 
 
-let active: { active: boolean } | null = null;
+let field: { active: boolean } | null = null;
 
 
 function set(state: { active: boolean }, value: boolean) {
@@ -31,13 +31,14 @@ function set(state: { active: boolean }, value: boolean) {
     if (state.active) {
         root.onclick.push(() => state.active = false);
 
-        if (active) {
-            active.active = false;
-            active = null;
+        if (field) {
+            field.active = false;
         }
+
+        field = state;
     }
-    else if (active === state) {
-        active = null;
+    else if (field === state) {
+        field = null;
     }
 }