@esportsplus/ui 0.2.9 → 0.2.12

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/aurora/index.d.ts

@@ -4,5 +4,5 @@ type Options = {
     opacity?: number;
     scale?: number;
 };
-declare const _default: ({ backgrounds, blur, opacity, scale }: Options) => import("@esportsplus/template").Renderable;
+declare const _default: ({ backgrounds, blur, opacity, scale }: Options) => import("@esportsplus/template/build/types").RenderableTemplate;
 export default _default;

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

@@ -1,2 +1,2 @@
-declare const _default: (attributes?: Record<string, string>) => import("@esportsplus/template").Renderable;
+declare const _default: (attributes?: Record<string, string>) => import("@esportsplus/template/build/types").RenderableTemplate;
 export default _default;

package/build/components/field/checkbox.d.ts

@@ -13,5 +13,5 @@ type Data = {
     title: string;
     value?: any;
 } & Parameters<typeof description>[0];
-declare const _default: (data: Data) => import("@esportsplus/template").Renderable;
+declare const _default: (data: Data) => import("@esportsplus/template/build/types").RenderableTemplate;
 export default _default;

package/build/components/field/description.d.ts

@@ -1,4 +1,4 @@
 declare const _default: (data: {
     description?: string;
-}) => import("@esportsplus/template").Renderable | "";
+}) => import("@esportsplus/template/build/types").RenderableTemplate | "";
 export default _default;

package/build/components/field/error.d.ts

@@ -1,4 +1,4 @@
 declare const _default: (data: {
     error: string;
-}) => () => import("@esportsplus/template").Renderable | "";
+}) => () => import("@esportsplus/template/build/types").RenderableTemplate | "";
 export default _default;

package/build/components/field/file.d.ts

@@ -14,5 +14,5 @@ type Data = {
     type?: string;
     value?: unknown;
 } & Parameters<typeof description>[0] & Parameters<typeof title>[0];
-declare const _default: (data: Data) => import("@esportsplus/template").Renderable;
+declare const _default: (data: Data) => import("@esportsplus/template/build/types").RenderableTemplate;
 export default _default;

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

@@ -18,7 +18,7 @@ declare const _default: {
         value?: any;
     } & {
         description?: string;
-    }) => import("@esportsplus/template").Renderable;
+    }) => import("@esportsplus/template/build/types").RenderableTemplate;
     file: (data: {
         accept?: string;
         class?: string;
@@ -37,14 +37,14 @@ declare const _default: {
     } & {
         required?: boolean;
         title?: string;
-    }) => import("@esportsplus/template").Renderable;
+    }) => import("@esportsplus/template/build/types").RenderableTemplate;
     optional: {
         select: (data: Parameters<typeof s>[0] & {
             field: Parameters<typeof select>[0];
-        }) => import("@esportsplus/template").Renderable;
+        }) => import("@esportsplus/template/build/types").RenderableTemplate;
         text: (data: Parameters<typeof s>[0] & {
             field: Parameters<typeof text>[0];
-        }) => import("@esportsplus/template").Renderable;
+        }) => import("@esportsplus/template/build/types").RenderableTemplate;
     };
     select: (data: {
         class?: string;
@@ -78,9 +78,9 @@ declare const _default: {
     } & {
         required?: boolean;
         title?: string;
-    }) => import("@esportsplus/template").Renderable;
-    switch: (data: Parameters<typeof checkbox>[0]) => import("@esportsplus/template").Renderable;
-    textarea: (data: Parameters<typeof text>[0]) => import("@esportsplus/template").Renderable;
+    }) => import("@esportsplus/template/build/types").RenderableTemplate;
+    switch: (data: Parameters<typeof checkbox>[0]) => import("@esportsplus/template/build/types").RenderableTemplate;
+    textarea: (data: Parameters<typeof text>[0]) => import("@esportsplus/template/build/types").RenderableTemplate;
     text: (data: {
         class?: string;
         mask?: {
@@ -102,6 +102,6 @@ declare const _default: {
     } & {
         required?: boolean;
         title?: string;
-    }) => import("@esportsplus/template").Renderable;
+    }) => import("@esportsplus/template/build/types").RenderableTemplate;
 };
 export default _default;

package/build/components/field/optional.d.ts

@@ -4,9 +4,9 @@ import tex from './text';
 declare const _default: {
     select: (data: Parameters<typeof s>[0] & {
         field: Parameters<typeof sel>[0];
-    }) => import("@esportsplus/template").Renderable;
+    }) => import("@esportsplus/template/build/types").RenderableTemplate;
     text: (data: Parameters<typeof s>[0] & {
         field: Parameters<typeof tex>[0];
-    }) => import("@esportsplus/template").Renderable;
+    }) => import("@esportsplus/template/build/types").RenderableTemplate;
 };
 export default _default;

package/build/components/field/select.d.ts

@@ -28,5 +28,5 @@ type Data = {
         style?: string;
     };
 } & Parameters<typeof description>[0] & Parameters<typeof title>[0];
-declare const _default: (data: Data) => import("@esportsplus/template").Renderable;
+declare const _default: (data: Data) => import("@esportsplus/template/build/types").RenderableTemplate;
 export default _default;

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

@@ -1,3 +1,3 @@
 import checkbox from './checkbox';
-declare const _default: (data: Parameters<typeof checkbox>[0]) => import("@esportsplus/template").Renderable;
+declare const _default: (data: Parameters<typeof checkbox>[0]) => import("@esportsplus/template/build/types").RenderableTemplate;
 export default _default;

package/build/components/field/text.d.ts

@@ -17,5 +17,5 @@ type Data = {
     type?: string;
     value?: unknown;
 } & Parameters<typeof description>[0] & Parameters<typeof title>[0];
-declare const _default: (data: Data) => import("@esportsplus/template").Renderable;
+declare const _default: (data: Data) => import("@esportsplus/template/build/types").RenderableTemplate;
 export default _default;

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

@@ -1,3 +1,3 @@
 import text from './text';
-declare const _default: (data: Parameters<typeof text>[0]) => import("@esportsplus/template").Renderable;
+declare const _default: (data: Parameters<typeof text>[0]) => import("@esportsplus/template/build/types").RenderableTemplate;
 export default _default;

package/build/components/field/title.d.ts

@@ -1,5 +1,5 @@
 declare const _default: (data: {
     required?: boolean;
     title?: string;
-}) => import("@esportsplus/template").Renderable | "";
+}) => import("@esportsplus/template/build/types").RenderableTemplate | "";
 export default _default;

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

@@ -18,6 +18,6 @@ declare const _default: {
         };
         class?: string;
         content?: any;
-    }) => import("@esportsplus/template").Renderable;
+    }) => import("@esportsplus/template/build/types").RenderableTemplate;
 };
 export default _default;

package/build/components/form/layout.d.ts

@@ -8,5 +8,5 @@ type Data = {
     class?: string;
     content?: any;
 };
-declare const _default: (data: Data) => import("@esportsplus/template").Renderable;
+declare const _default: (data: Data) => import("@esportsplus/template/build/types").RenderableTemplate;
 export default _default;

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

@@ -6,6 +6,6 @@ declare const _default: ({ attributes, fixed }?: {
         class: string;
         onscroll: (this: HTMLElement) => void;
     };
-    html: import("@esportsplus/template").Renderable;
+    html: import("@esportsplus/template/build/types").RenderableTemplate;
 };
 export default _default;

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

@@ -4,5 +4,5 @@ type Data = {
     content?: any;
     scrollbar?: Parameters<typeof scrollbar>[0];
 };
-declare const _default: (data: Data) => import("@esportsplus/template").Renderable;
+declare const _default: (data: Data) => import("@esportsplus/template/build/types").RenderableTemplate;
 export default _default;

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

@@ -9,10 +9,7 @@ declare const _default: {
         };
         state: {
             active: boolean;
-            dispose: () => void;
-            nodes: {
-                active: import("@esportsplus/reactivity").Signal<false> | import("@esportsplus/reactivity").Signal<true>;
-            };
+            dispose: VoidFunction;
         };
     };
     onhover: (active?: boolean) => {
@@ -21,13 +18,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.4",
+        "@esportsplus/template": "^0.5.1"
     },
     "devDependencies": {
         "@esportsplus/webpack": "^0.4.11",
@@ -21,5 +21,5 @@
     },
     "sideEffects": false,
     "types": "build/index.d.ts",
-    "version": "0.2.9"
+    "version": "0.2.12"
 }

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;
+        }
     };
 };