@esportsplus/ui 0.0.77 → 0.0.79

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

@@ -198,6 +198,32 @@ declare const _default: {
         type: string;
         values: never[];
     };
+    textarea: (data: {
+        class?: string | undefined;
+        mask?: {
+            class?: string | undefined;
+            content?: any;
+            style?: string | undefined;
+        } | undefined;
+        name?: string | undefined;
+        placeholder?: string | undefined;
+        style?: string | undefined;
+        tag?: {
+            class?: string | undefined;
+        } | undefined;
+        textarea?: boolean | undefined;
+        type?: string | undefined;
+        value?: unknown;
+    } & {
+        description?: string | undefined;
+    } & {
+        required?: boolean | undefined;
+        title?: string | undefined;
+    }) => {
+        content: string;
+        type: string;
+        values: never[];
+    };
     text: (data: {
         class?: string | undefined;
         mask?: {

package/build/components/field/index.js

@@ -3,5 +3,6 @@ import file from './file';
 import optional from './optional';
 import select from './select';
 import s from './switch';
+import textarea from './textarea';
 import text from './text';
-export default { checkbox, file, optional, select, switch: s, text };
+export default { checkbox, file, optional, select, switch: s, textarea, text };

package/build/components/tooltip/index.js

@@ -2,6 +2,18 @@ import { reactive } from '@esportsplus/reactivity';
 import { html } from '@esportsplus/template';
 import { root } from '../../components';
 import menu from './menu';
+let queue = [], running = false, scheduled = false;
+async function frame() {
+    if (running) {
+        return;
+    }
+    running = true;
+    let items = queue.splice(0);
+    for (let i = 0, n = items.length; i < n; i++) {
+        await items[i]();
+    }
+    running = false;
+}
 const onclick = (data = {}) => {
     let content, state = reactive({
         active: data.active || false,
@@ -16,13 +28,21 @@ const onclick = (data = {}) => {
                 return `tooltip ${state.active ? '--active' : ''}`;
             },
             onclick: function (e) {
-                let active = true;
-                if (data.toggle && e.target && this.isSameNode(e.target)) {
+                let active = true, node = e.target;
+                if (data.toggle && (this.contains(node) || this.isSameNode(node))) {
                     active = !state.active;
                 }
+                frame();
                 state.active = active;
                 if (active) {
-                    root.queue.onclick(() => state.active = false);
+                    queue.push(() => state.active = false);
+                }
+                if (!scheduled) {
+                    scheduled = true;
+                    root.queue.onclick(() => {
+                        frame();
+                        scheduled = false;
+                    });
                 }
             }
         }),

package/package.json

@@ -22,5 +22,5 @@
         "prepublishOnly": "npm run build"
     },
     "types": "build/index.d.ts",
-    "version": "0.0.77"
+    "version": "0.0.79"
 }

package/src/components/field/index.ts

@@ -3,7 +3,8 @@ import file from './file';
 import optional from './optional';
 import select from './select';
 import s from './switch';
+import textarea from './textarea';
 import text from './text';
 
 
-export default { checkbox, file, optional, select, switch: s, text };
+export default { checkbox, file, optional, select, switch: s, textarea, text };

package/src/components/tooltip/index.ts

@@ -4,6 +4,28 @@ import { root } from '~/components';
 import menu from './menu';
 
 
+let queue: VoidFunction[] = [],
+    running = false,
+    scheduled = false;
+
+
+async function frame() {
+    if (running) {
+        return;
+    }
+
+    running = true;
+
+    let items = queue.splice(0);
+
+    for (let i = 0, n = items.length; i < n; i++) {
+        await items[i]();
+    }
+
+    running = false;
+}
+
+
 const onclick = (data: { active?: boolean, menu?: Parameters<typeof menu>[0], toggle?: boolean } = {}) => {
     let content,
         state = reactive({
@@ -21,16 +43,26 @@ const onclick = (data: { active?: boolean, menu?: Parameters<typeof menu>[0], to
                 return `tooltip ${state.active ? '--active' : ''}`;
             },
             onclick: function(this: HTMLElement, e: Event) {
-                let active = true;
+                let active = true,
+                    node = e.target as Node | null;
 
-                if (data.toggle && e.target && this.isSameNode(e.target as Node)) {
+                if (data.toggle && ( this.contains(node) || this.isSameNode(node) )) {
                     active = !state.active;
                 }
 
+                frame();
                 state.active = active;
 
                 if (active) {
-                    root.queue.onclick(() => state.active = false);
+                    queue.push(() => state.active = false);
+                }
+
+                if (!scheduled) {
+                    scheduled = true;
+                    root.queue.onclick(() => {
+                        frame();
+                        scheduled = false;
+                    });
                 }
             }
         }),