@esportsplus/ui 0.53.0 → 0.55.0

package/build/components/tooltip/onclick.js

@@ -1,9 +1,7 @@
-import * as template_u1 from '@esportsplus/template';
+import * as template_u0 from '@esportsplus/template';
 import { component } from '@esportsplus/template';
 import * as reactivity_u0 from '@esportsplus/reactivity';
-import { omit } from '@esportsplus/utilities';
-import root from '../root/index.js';
-const template_0p6u8352 = template_u1.template(`<div class='tooltip' >`);
+const template_u2z = template_u0.template(`<div class='tooltip' >`);
 class ReactiveObject_0p6u8350 extends reactivity_u0.ReactiveObject {
     #active = this[reactivity_u0.SIGNAL](false);
     constructor() {
@@ -16,61 +14,21 @@ class ReactiveObject_0p6u8350 extends reactivity_u0.ReactiveObject {
         reactivity_u0.write(this.#active, _v0);
     }
 }
-const OMIT = ['state', 'toggle'];
-let parent = null, queue = [], running = false, scheduled = false;
-function frame() {
-    if (running) {
-        return;
-    }
-    running = true;
-    let item, keep;
-    while (item = queue.pop()) {
-        if (parent === item.tooltip) {
-            keep = item;
-            continue;
+export default component(({ state = new ReactiveObject_0p6u8350(), toggle = false, ...attributes }, content) => {
+    let root_u2y = template_u2z(), element_u30 = root_u2y.firstChild;
+    template_u0.setProperties(element_u30, attributes);
+    template_u0.setList(element_u30, 'class', () => state.active && '--active');
+    template_u0.delegate(element_u30, 'click', function (e) {
+        state.active = this === e.target || toggle ? !state.active : true;
+    });
+    template_u0.ondocument(element_u30, 'click', function (event) {
+        if (!this?.isConnected || !state.active) {
+            return;
         }
-        item.fn();
-    }
-    if (keep) {
-        queue.push(keep);
-    }
-    running = false;
-}
-export default component((attributes, content) => {
-    let state = attributes.state || new ReactiveObject_0p6u8350(), toggle = attributes.toggle || false;
-    return (() => {
-        let root_0p6u8351 = template_0p6u8352(), element_0p6u8353 = root_0p6u8351.firstChild;
-        template_u1.setProperties(element_0p6u8353, omit(attributes, OMIT));
-        template_u1.setList(element_0p6u8353, 'class', () => state.active && '--active');
-        template_u1.delegate(element_0p6u8353, 'click', function (e) {
-            let active = true, node = e.target;
-            if (this === node || (toggle && this.contains(node))) {
-                active = !state.active;
-            }
-            if (parent !== this && !parent?.contains(this)) {
-                parent = this.parentElement?.closest('.tooltip');
-            }
-            frame();
-            if (parent === this) {
-                parent = null;
-                return;
-            }
-            state.active = active;
-            if (active) {
-                queue.push({
-                    fn: () => state.active = false,
-                    tooltip: this
-                });
-            }
-            if (!scheduled) {
-                root.onclick.push(() => {
-                    frame();
-                    scheduled = false;
-                });
-                scheduled = true;
-            }
-        });
-        template_u1.slot(element_0p6u8353, content, 1);
-        return root_0p6u8351;
-    })();
+        if (!this.contains(event.target)) {
+            state.active = false;
+        }
+    });
+    template_u0.slot(element_u30, content, 1);
+    return root_u2y;
 });