@esportsplus/ui 0.53.0 → 0.55.0

package/build/components/tooltip/index.js

@@ -2,4 +2,5 @@ import menu from './menu.js';
 import onclick from './onclick.js';
 import onhover from './onhover.js';
 import './scss/index.scss';
-export default { menu, onclick, onhover };
+const tooltip = { menu, onclick, onhover };
+export default tooltip;

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

@@ -1,33 +1,21 @@
+import * as template_u0 from '@esportsplus/template';
 import { type Attributes, type Renderable } from '@esportsplus/template';
+import { MENU_OPTION, MENU_TOOLTIP_CONTENT } from './constants.js';
 type A = Attributes & {
+    [MENU_OPTION]?: Attributes;
+    [MENU_TOOLTIP_CONTENT]?: Attributes & {
+        direction?: string;
+    };
     options: (Attributes & {
         content: Renderable<unknown>;
     })[];
-    option?: Attributes;
     state?: {
         active: boolean;
     };
     toggle?: boolean;
-    'tooltip-content': 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>> & {
+    readonly option: typeof MENU_OPTION;
+    readonly tooltipContent: typeof MENU_TOOLTIP_CONTENT;
 };
 export default _default;

package/build/components/tooltip/menu.js

@@ -1,11 +1,11 @@
-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 { MENU_OPTION, MENU_TOOLTIP_CONTENT } from './constants.js';
 import onclick from './onclick.js';
-const template_0p4v5172 = template_u1.template(`<a class='link --width-full' target='_blank' >`);
-const template_0p4v5175 = template_u1.template(`<div class='link --width-full' >`);
-const template_0p4v5178 = 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() {
@@ -18,35 +18,32 @@ class ReactiveObject_0p4v5170 extends reactivity_u0.ReactiveObject {
         reactivity_u0.write(this.#active, _v0);
     }
 }
-const OMIT = ['options', 'option', 'tooltip-content'];
-const OMIT_OPTION = ['content'];
-const OMIT_TOOLTIP_CONTENT = ['direction'];
-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_0p4v5177 = template_0p4v5178(), element_0p4v5179 = root_0p4v5177.firstChild, element_0p4v517a = element_0p4v5179.nextSibling;
-        template_u1.slot(element_0p4v5179, content);
-        template_u1.setList(element_0p4v517a, 'class', `tooltip-content--${tooltipContentDirection}`);
-        template_u1.setProperties(element_0p4v517a, tooltipContent && omit(tooltipContent, OMIT_TOOLTIP_CONTENT));
-        template_u1.setProperty(element_0p4v517a, 'inert', () => !state.active);
-        template_u1.slot(element_0p4v517a, options.map((o) => {
+export default Object.assign(component(({ options, state = new ReactiveObject_0p4v5170(), ...attributes }, content) => {
+    let { direction = 'nw', ...tooltipContent } = attributes[MENU_TOOLTIP_CONTENT] ?? {};
+    return onclick({ ...attributes, 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--${direction}`);
+        template_u0.setProperties(element_u2x, tooltipContent);
+        template_u0.setProperty(element_u2x, 'inert', () => !state.active);
+        template_u0.slot(element_u2x, options.map(({ content, ...o }) => {
             if (o.href) {
                 return (() => {
-                    let root_0p4v5171 = template_0p4v5172(), element_0p4v5173 = root_0p4v5171.firstChild;
-                    template_u1.setProperties(element_0p4v5173, omit(o, OMIT_OPTION));
-                    template_u1.setProperties(element_0p4v5173, option);
-                    template_u1.slot(element_0p4v5173, o.content, 1);
-                    return root_0p4v5171;
+                    let root_u2o = template_u2p(), element_u2q = root_u2o.firstChild;
+                    template_u0.setProperties(element_u2q, o);
+                    template_u0.setProperties(element_u2q, attributes[MENU_OPTION]);
+                    template_u0.slot(element_u2q, content, 1);
+                    return root_u2o;
                 })();
             }
             return (() => {
-                let root_0p4v5174 = template_0p4v5175(), element_0p4v5176 = root_0p4v5174.firstChild;
-                template_u1.setProperties(element_0p4v5176, omit(o, OMIT_OPTION));
-                template_u1.setProperties(element_0p4v5176, option);
-                template_u1.slot(element_0p4v5176, o.content, 1);
-                return root_0p4v5174;
+                let root_u2r = template_u2s(), element_u2t = root_u2r.firstChild;
+                template_u0.setProperties(element_u2t, o);
+                template_u0.setProperties(element_u2t, attributes[MENU_OPTION]);
+                template_u0.slot(element_u2t, content, 1);
+                return root_u2r;
             })();
         }), 1);
-        return root_0p4v5177;
+        return root_u2u;
     })());
-});
+}), { option: MENU_OPTION, tooltipContent: MENU_TOOLTIP_CONTENT });