@esportsplus/ui 0.0.89 → 0.0.92

package/build/components/field/select.js

@@ -79,7 +79,7 @@ exports.default = (data) => {
         state.render = true;
         state.active = !state.active;
         if (state.active) {
-            components_1.root.queue.onclick(() => state.active = false);
+            components_1.root.onclick.add(() => state.active = false);
         }
     }}'
                 style='${data?.mask?.style || ''}'

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

@@ -1,8 +1,9 @@
-import queue from './queue';
+import onclick from './onclick';
 declare const _default: {
-    queue: {
-        onclick: (fn: VoidFunction) => void;
+    onclick: {
+        (): Promise<void>;
+        add(fn: VoidFunction): void;
     };
 };
 export default _default;
-export { queue };
+export { onclick };

package/build/components/root/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.queue = void 0;
-const queue_1 = __importDefault(require("./queue"));
-exports.queue = queue_1.default;
-exports.default = { queue: queue_1.default };
+exports.onclick = void 0;
+const onclick_1 = __importDefault(require("./onclick"));
+exports.onclick = onclick_1.default;
+exports.default = { onclick: onclick_1.default };

package/build/components/root/onclick.d.ts

@@ -0,0 +1,5 @@
+declare const onclick: {
+    (): Promise<void>;
+    add(fn: VoidFunction): void;
+};
+export default onclick;

package/build/components/root/onclick.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+let queue = [];
+const onclick = async () => {
+    if (queue.length === 0) {
+        return;
+    }
+    let item;
+    while (item = queue.pop()) {
+        await item();
+    }
+};
+onclick.add = (fn) => {
+    queue.push(fn);
+};
+exports.default = onclick;

package/build/components/site/index.js

@@ -2,13 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const template_1 = require("@esportsplus/template");
 const components_1 = require("../../components");
+const root_1 = require("../../components/root");
 exports.default = (data) => {
     let { attributes: a, html: h } = (0, components_1.scrollbar)({
         fixed: true,
         style: data?.scrollbar?.style || '--background-default: var(--color-black-400);'
     });
     return (0, template_1.html) `
-        <section class='site ${data?.class || ''}' ...${a}>
+        <section class='site ${data?.class || ''}' ${a} onclick='${root_1.onclick}'>
             ${data?.content || ''}
             ${h}
         </section>

package/build/components/tooltip/index.js

@@ -4,17 +4,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const reactivity_1 = require("@esportsplus/reactivity");
-const components_1 = require("../../components");
 const menu_1 = __importDefault(require("./menu"));
+const root_1 = __importDefault(require("../../components/root"));
 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]();
+    let item;
+    while (item = queue.pop()) {
+        await item();
     }
     running = false;
 }
@@ -42,11 +42,11 @@ const onclick = (data = {}) => {
                     queue.push(() => state.active = false);
                 }
                 if (!scheduled) {
-                    scheduled = true;
-                    components_1.root.queue.onclick(() => {
+                    root_1.default.onclick.add(() => {
                         frame();
                         scheduled = false;
                     });
+                    scheduled = true;
                 }
             }
         },
@@ -61,9 +61,7 @@ const onhover = (active = false) => {
     });
     return {
         attributes: {
-            class: () => {
-                return `tooltip ${state.active ? '--active' : ''}`;
-            },
+            class: () => `tooltip ${state.active ? '--active' : ''}`,
             onmouseover: () => {
                 state.active = true;
             },

package/package.json

@@ -3,7 +3,7 @@
     "dependencies": {
         "@esportsplus/action": "^0.0.38",
         "@esportsplus/reactivity": "^0.1.18",
-        "@esportsplus/template": "^0.1.27"
+        "@esportsplus/template": "^0.1.29"
     },
     "description": "UI",
     "devDependencies": {
@@ -21,5 +21,5 @@
         "prepublishOnly": "npm run build"
     },
     "types": "build/index.d.ts",
-    "version": "0.0.89"
+    "version": "0.0.92"
 }

package/src/components/field/select.ts

@@ -120,7 +120,7 @@ export default (data: Data) => {
                     state.active = !state.active;
 
                     if (state.active) {
-                        root.queue.onclick(() => state.active = false);
+                        root.onclick.add(() => state.active = false);
                     }
                 }}'
                 style='${data?.mask?.style || ''}'

package/src/components/root/index.ts

@@ -1,5 +1,5 @@
-import queue from './queue';
+import onclick from './onclick';
 
 
-export default { queue };
-export { queue };
+export default { onclick };
+export { onclick };

package/src/components/root/onclick.ts

@@ -0,0 +1,21 @@
+let queue: VoidFunction[] = [];
+
+
+const onclick = async () => {
+    if (queue.length === 0) {
+        return;
+    }
+
+    let item;
+
+    while (item = queue.pop()) {
+        await item();
+    }
+};
+
+onclick.add = (fn: VoidFunction) => {
+    queue.push(fn);
+};
+
+
+export default onclick;

package/src/components/site/index.ts

@@ -1,5 +1,6 @@
 import { html } from '@esportsplus/template';
 import { scrollbar } from '~/components';
+import { onclick } from '~/components/root';
 
 
 type Data = {
@@ -18,7 +19,7 @@ export default (data: Data) => {
         });
 
     return html`
-        <section class='site ${data?.class || ''}' ...${a}>
+        <section class='site ${data?.class || ''}' ${a} onclick='${onclick}'>
             ${data?.content || ''}
             ${h}
         </section>

package/src/components/tooltip/index.ts

@@ -1,6 +1,6 @@
 import { reactive } from '@esportsplus/reactivity';
-import { root } from '~/components';
 import menu from './menu';
+import root from '~/components/root';
 
 
 let queue: VoidFunction[] = [],
@@ -15,10 +15,10 @@ async function frame() {
 
     running = true;
 
-    let items = queue.splice(0);
+    let item;
 
-    for (let i = 0, n = items.length; i < n; i++) {
-        await items[i]();
+    while (item = queue.pop()) {
+        await item();
     }
 
     running = false;
@@ -57,11 +57,11 @@ const onclick = (data: { active?: boolean, menu?: Parameters<typeof menu>[0], to
                 }
 
                 if (!scheduled) {
-                    scheduled = true;
-                    root.queue.onclick(() => {
+                    root.onclick.add(() => {
                         frame();
                         scheduled = false;
                     });
+                    scheduled = true;
                 }
             }
         },
@@ -78,9 +78,7 @@ const onhover = (active: boolean = false) => {
 
     return {
         attributes: {
-            class: () => {
-                return `tooltip ${state.active ? '--active' : ''}`;
-            },
+            class: () => `tooltip ${state.active ? '--active' : ''}`,
             onmouseover: () => {
                 state.active = true;
             },

package/build/components/root/queue.d.ts

@@ -1,4 +0,0 @@
-declare const _default: {
-    onclick: (fn: VoidFunction) => void;
-};
-export default _default;

package/build/components/root/queue.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-let initialized = false, queue = [];
-const onclick = (fn) => {
-    if (!initialized) {
-        initialized = true;
-    }
-    queue.push(fn);
-};
-exports.default = { onclick };

package/build/types.d.ts

@@ -1,6 +0,0 @@
-declare module '*.jpg';
-declare module '*.json';
-declare module '*.png';
-declare module '*.svg';
-declare module '*.txt';
-export {};

package/build/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/src/components/root/queue.ts

@@ -1,28 +0,0 @@
-// import events from '@esportsplus/delegated-events';
-
-
-let initialized = false,
-    queue: VoidFunction[] = [];
-
-
-const onclick = (fn: VoidFunction) => {
-    if (!initialized) {
-        // events.register(document.body, 'click', async () => {
-        //     if (!queue.length) {
-        //         return;
-        //     }
-
-        //     let items = queue.splice(0);
-
-        //     for (let i = 0, n = items.length; i < n; i++) {
-        //         await items[i]();
-        //     }
-        // });
-        initialized = true;
-    }
-
-    queue.push(fn);
-};
-
-
-export default { onclick };