@esportsplus/ui 0.54.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,17 +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: template_u0.Factory<A, 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,7 +1,7 @@
 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_u2p = template_u0.template(`<a class='link --width-full' target='_blank' >`);
 const template_u2s = template_u0.template(`<div class='link --width-full' >`);
@@ -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 }, (() => {
+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--${tooltipContentDirection}`);
-        template_u0.setProperties(element_u2x, tooltipContent && omit(tooltipContent, OMIT_TOOLTIP_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((o) => {
+        template_u0.slot(element_u2x, options.map(({ content, ...o }) => {
             if (o.href) {
                 return (() => {
                     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);
+                    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_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);
+                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_u2u;
     })());
-});
+}), { option: MENU_OPTION, tooltipContent: MENU_TOOLTIP_CONTENT });