@esportsplus/ui 0.54.0 → 0.55.0

package/build/components/tooltip/onclick.js

@@ -1,7 +1,6 @@
 import * as template_u0 from '@esportsplus/template';
 import { component } from '@esportsplus/template';
 import * as reactivity_u0 from '@esportsplus/reactivity';
-import { omit } from '@esportsplus/utilities';
 const template_u2z = template_u0.template(`<div class='tooltip' >`);
 class ReactiveObject_0p6u8350 extends reactivity_u0.ReactiveObject {
     #active = this[reactivity_u0.SIGNAL](false);
@@ -15,26 +14,21 @@ class ReactiveObject_0p6u8350 extends reactivity_u0.ReactiveObject {
         reactivity_u0.write(this.#active, _v0);
     }
 }
-const OMIT = ['state', 'toggle'];
-export default component((attributes, content) => {
-    let ref, state = attributes.state || new ReactiveObject_0p6u8350(), toggle = attributes.toggle || false;
-    return (() => {
-        let root_u2y = template_u2z(), element_u30 = root_u2y.firstChild;
-        template_u0.setProperties(element_u30, omit(attributes, OMIT));
-        template_u0.setList(element_u30, 'class', () => state.active && '--active');
-        template_u0.ondocument(element_u30, 'click', (event) => {
-            if (!state.active || !ref?.isConnected) {
-                return;
-            }
-            if (!ref.contains(event.target)) {
-                state.active = false;
-            }
-        });
-        template_u0.delegate(element_u30, 'click', function (e) {
-            state.active = this === e.target || toggle ? !state.active : true;
-        });
-        template_u0.onrender(element_u30, (element) => ref = element);
-        template_u0.slot(element_u30, content, 1);
-        return root_u2y;
-    })();
+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;
+        }
+        if (!this.contains(event.target)) {
+            state.active = false;
+        }
+    });
+    template_u0.slot(element_u30, content, 1);
+    return root_u2y;
 });