@esportsplus/ui 0.51.7 → 0.54.0

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

@@ -1,3 +1,4 @@
+import * as template_u0 from '@esportsplus/template';
 import { type Attributes, type Renderable } from '@esportsplus/template';
 type A = Attributes & {
     options: (Attributes & {
@@ -12,22 +13,5 @@ type A = Attributes & {
         direction?: string;
     };
 };
-declare const _default: {
-    (): ReturnType<(this: {
-        attributes?: A | undefined;
-        content?: Renderable<any>;
-    }, attributes: Readonly<A>, content: Renderable<any>) => Renderable<any>>;
-    <T extends A>(attributes: T): ReturnType<(this: {
-        attributes?: A | undefined;
-        content?: Renderable<any>;
-    }, attributes: Readonly<A>, content: Renderable<any>) => Renderable<any>>;
-    <T extends Renderable<any>>(content: T): ReturnType<(this: {
-        attributes?: A | undefined;
-        content?: Renderable<any>;
-    }, attributes: Readonly<A>, content: Renderable<any>) => Renderable<any>>;
-    (attributes: A, content: Renderable<any>): ReturnType<(this: {
-        attributes?: A | undefined;
-        content?: Renderable<any>;
-    }, attributes: Readonly<A>, content: Renderable<any>) => Renderable<any>>;
-};
+declare const _default: template_u0.Factory<A, Renderable<any>, Renderable<any>>;
 export default _default;

package/build/components/tooltip/menu.js

@@ -1,38 +1,52 @@
-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 template from '../template/index.js';
 import onclick from './onclick.js';
-const template_0p4v5171 = template_u1.template(`<a class='link --width-full' target='_blank' >`);
-const template_0p4v5174 = template_u1.template(`<div class='link --width-full' >`);
-const template_0p4v5177 = template_u1.template(`<!--$--><div class='tooltip-content ' >`);
+const template_u2p = template_u0.template(`<a class='link --width-full' target='_blank' >`);
+const template_u2s = template_u0.template(`<div class='link --width-full' >`);
+const template_u2v = template_u0.template(`<!--$--><div class='tooltip-content ' >`);
+class ReactiveObject_0p4v5170 extends reactivity_u0.ReactiveObject {
+    #active = this[reactivity_u0.SIGNAL](false);
+    constructor() {
+        super(null);
+    }
+    get active() {
+        return reactivity_u0.read(this.#active);
+    }
+    set active(_v0) {
+        reactivity_u0.write(this.#active, _v0);
+    }
+}
 const OMIT = ['options', 'option', 'tooltip-content'];
 const OMIT_OPTION = ['content'];
 const OMIT_TOOLTIP_CONTENT = ['direction'];
-export default template.factory((attributes, content) => {
-    let options = attributes.options, option = attributes.option, tooltipContent = attributes?.['tooltip-content'], tooltipContentDirection = tooltipContent?.direction || 'nw';
-    return onclick(omit(attributes, OMIT), (() => {
-        let root_0p4v5176 = template_0p4v5177(), element_0p4v5178 = root_0p4v5176.firstChild, element_0p4v5179 = element_0p4v5178.nextSibling;
-        template_u1.slot(element_0p4v5178, content);
-        template_u1.setList(element_0p4v5179, 'class', `tooltip-content--${tooltipContentDirection}`);
-        template_u1.setProperties(element_0p4v5179, tooltipContent && omit(tooltipContent, OMIT_TOOLTIP_CONTENT));
-        template_u1.slot(element_0p4v5179, options.map((o) => {
+export default component((attributes, content) => {
+    let options = attributes.options, option = attributes.option, state = attributes.state || new ReactiveObject_0p4v5170(), tooltipContent = attributes?.['tooltip-content'], tooltipContentDirection = tooltipContent?.direction || 'nw';
+    return onclick({ ...omit(attributes, OMIT), state }, (() => {
+        let root_u2u = template_u2v(), element_u2w = root_u2u.firstChild, element_u2x = element_u2w.nextSibling;
+        template_u0.slot(element_u2w, content);
+        template_u0.setList(element_u2x, 'class', `tooltip-content--${tooltipContentDirection}`);
+        template_u0.setProperties(element_u2x, tooltipContent && omit(tooltipContent, OMIT_TOOLTIP_CONTENT));
+        template_u0.setProperty(element_u2x, 'inert', () => !state.active);
+        template_u0.slot(element_u2x, options.map((o) => {
             if (o.href) {
                 return (() => {
-                    let root_0p4v5170 = template_0p4v5171(), element_0p4v5172 = root_0p4v5170.firstChild;
-                    template_u1.setProperties(element_0p4v5172, omit(o, OMIT_OPTION));
-                    template_u1.setProperties(element_0p4v5172, option);
-                    template_u1.slot(element_0p4v5172, o.content, 1);
-                    return root_0p4v5170;
+                    let root_u2o = template_u2p(), element_u2q = root_u2o.firstChild;
+                    template_u0.setProperties(element_u2q, omit(o, OMIT_OPTION));
+                    template_u0.setProperties(element_u2q, option);
+                    template_u0.slot(element_u2q, o.content, 1);
+                    return root_u2o;
                 })();
             }
             return (() => {
-                let root_0p4v5173 = template_0p4v5174(), element_0p4v5175 = root_0p4v5173.firstChild;
-                template_u1.setProperties(element_0p4v5175, omit(o, OMIT_OPTION));
-                template_u1.setProperties(element_0p4v5175, option);
-                template_u1.slot(element_0p4v5175, o.content, 1);
-                return root_0p4v5173;
+                let root_u2r = template_u2s(), element_u2t = root_u2r.firstChild;
+                template_u0.setProperties(element_u2t, omit(o, OMIT_OPTION));
+                template_u0.setProperties(element_u2t, option);
+                template_u0.slot(element_u2t, o.content, 1);
+                return root_u2r;
             })();
         }), 1);
-        return root_0p4v5176;
+        return root_u2u;
     })());
 });