@esportsplus/ui 0.2.9 → 0.2.10

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

@@ -1,15 +1,17 @@
+import { reactive } from '@esportsplus/reactivity';
+type Accordion = HTMLElement & {
+    [key: symbol]: {
+        active: boolean | number;
+    };
+};
 declare const _default: () => {
     attributes: {
         class: () => false | 0 | "--active";
-        onrender: (element: HTMLElement & Record<PropertyKey, unknown>) => void;
-        style: (element: HTMLElement) => string | false | 0;
-    };
-    state: {
-        active: boolean | number;
-        dispose: () => void;
-        nodes: {
-            active: import("@esportsplus/reactivity").Signal<number> | import("@esportsplus/reactivity").Signal<false> | import("@esportsplus/reactivity").Signal<true>;
-        };
+        onrender: (element: Accordion) => void;
+        style: (element: Accordion) => string | false | 0;
     };
+    state: ReturnType<typeof reactive<{
+        active: boolean;
+    }>>;
 };
 export default _default;

package/build/components/accordion/index.js

@@ -13,15 +13,13 @@ export default () => {
                 element[key] = state;
             },
             style: (element) => {
-                if (state.active) {
-                    let parent = element.closest('accordion');
-                    if (parent && key in parent) {
-                        parent[key].active = (+parent[key].active) + 1;
-                    }
+                let parent = element.closest('accordion');
+                if (parent && key in parent) {
+                    parent[key].active = (+parent[key].active) + 1;
                 }
                 return state.active && `--max-height: ${element.scrollHeight}`;
             }
         },
-        state
+        state: state
     };
 };

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

@@ -9,10 +9,6 @@ declare const _default: {
         };
         state: {
             active: boolean;
-            dispose: () => void;
-            nodes: {
-                active: import("@esportsplus/reactivity").Signal<false> | import("@esportsplus/reactivity").Signal<true>;
-            };
         };
     };
     onhover: (active?: boolean) => {
@@ -21,13 +17,7 @@ declare const _default: {
             onmouseover: () => void;
             onmouseout: () => void;
         };
-        state: {
-            active: boolean;
-            dispose: () => void;
-            nodes: {
-                active: import("@esportsplus/reactivity").Signal<false> | import("@esportsplus/reactivity").Signal<true>;
-            };
-        };
+        toggle: () => void;
     };
 };
 export default _default;

package/build/components/tooltip/index.js

@@ -13,7 +13,9 @@ async function frame() {
     running = false;
 }
 const onclick = (data = {}) => {
-    let state = reactive({ active: data.active || false });
+    let state = reactive({
+        active: data.active || false
+    });
     return {
         attributes: {
             class: () => {
@@ -53,7 +55,9 @@ const onhover = (active = false) => {
                 state.active = false;
             }
         },
-        state
+        toggle: () => {
+            state.active = !state.active;
+        }
     };
 };
 export default { onclick, onhover };

package/package.json

@@ -2,8 +2,8 @@
     "author": "ICJR",
     "dependencies": {
         "@esportsplus/action": "^0.0.50",
-        "@esportsplus/reactivity": "^0.1.28",
-        "@esportsplus/template": "^0.3.1"
+        "@esportsplus/reactivity": "^0.2.3",
+        "@esportsplus/template": "^0.4.0"
     },
     "devDependencies": {
         "@esportsplus/webpack": "^0.4.11",
@@ -21,5 +21,5 @@
     },
     "sideEffects": false,
     "types": "build/index.d.ts",
-    "version": "0.2.9"
+    "version": "0.2.10"
 }

package/src/components/accordion/index.ts

@@ -1,6 +1,9 @@
 import { reactive } from '@esportsplus/reactivity';
 
 
+type Accordion = HTMLElement & { [key: symbol]: { active: boolean | number } };
+
+
 let key = Symbol();
 
 
@@ -14,21 +17,19 @@ export default () => {
             class: () => {
                 return state.active && '--active';
             },
-            onrender: (element: HTMLElement & Record<PropertyKey, unknown>) => {
+            onrender: (element: Accordion) => {
                 element[key] = state;
             },
-            style: (element: HTMLElement) => {
-                if (state.active) {
-                    let parent = element.closest('accordion') as (HTMLElement & { [k: typeof key]: typeof state }) | null;
+            style: (element: Accordion) => {
+                let parent = element.closest('accordion') as Accordion | null;
 
-                    if (parent && key in parent) {
-                        parent[key].active = (+parent[key].active) + 1;
-                    }
+                if (parent && key in parent) {
+                    parent[key].active = (+parent[key].active) + 1;
                 }
 
                 return state.active && `--max-height: ${element.scrollHeight}`;
             }
         },
-        state
+        state: state as ReturnType<typeof reactive<{ active: boolean }>>
     };
 }

package/src/components/tooltip/index.ts

@@ -25,7 +25,9 @@ async function frame() {
 
 
 const onclick = (data: { active?: boolean, toggle?: boolean } = {}) => {
-    let state = reactive({ active: data.active || false });
+    let state = reactive({
+            active: data.active || false
+        });
 
     return {
         attributes: {
@@ -73,7 +75,9 @@ const onhover = (active: boolean = false) => {
                 state.active = false;
             }
         },
-        state
+        toggle: () => {
+            state.active = !state.active;
+        }
     };
 };