@esportsplus/ui 0.23.0 → 0.24.1

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

@@ -17,7 +17,11 @@ declare const _default: {
         attributes?: A | undefined;
         content?: Renderable<any>;
     }, attributes: Readonly<A>, content: Renderable<any>) => Renderable<any>>;
-    (content: Renderable<any>): ReturnType<(this: {
+    <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>>;

package/build/components/tooltip/menu.js

@@ -14,15 +14,29 @@ export default template.factory((attributes, content) => {
                     class='tooltip-content ${`tooltip-content--${tooltipContentDirection}`}'
                     ${tooltipContent && omit(tooltipContent, OMIT_TOOLTIP_CONTENT)}
                 >
-                    ${options.map((o) => html `
-                        <div
-                            class='link --width-full'
-                            ${omit(o, OMIT_OPTION)}
-                            ${option}
-                        >
-                            ${o.content}
-                        </div>
-                    `)}
+                    ${options.map((o) => {
+        if (o.href) {
+            return html `
+                                <a
+                                    class='link --width-full'
+                                    target='_blank'
+                                    ${omit(o, OMIT_OPTION)}
+                                    ${option}
+                                >
+                                    ${o.content}
+                                </a>
+                            `;
+        }
+        return html `
+                            <div
+                                class='link --width-full'
+                                ${omit(o, OMIT_OPTION)}
+                                ${option}
+                            >
+                                ${o.content}
+                            </div>
+                        `;
+    })}
                 </div>
             `);
 });

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

@@ -239,7 +239,365 @@ declare const _default: {
         };
         toggle?: boolean;
     }>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
-    (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+    <T extends {
+        [key: `aria-${string}`]: string | number | boolean | undefined;
+        [key: `data-${string}`]: string | undefined;
+        class?: import("@esportsplus/template/build/types").Attribute | import("@esportsplus/template/build/types").Attribute[];
+        onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
+        ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
+        onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
+        ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
+        style?: import("@esportsplus/template/build/types").Attribute | import("@esportsplus/template/build/types").Attribute[];
+    } & {
+        onabort?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
+        onanimationcancel?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
+        onanimationend?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
+        onanimationiteration?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
+        onanimationstart?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
+        onauxclick?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        onbeforeinput?: ((this: import("@esportsplus/template").Element, event: InputEvent) => void) | undefined;
+        onbeforetoggle?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onblur?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
+        oncancel?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        oncanplay?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        oncanplaythrough?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onclick?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        onclose?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        oncompositionend?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
+        oncompositionstart?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
+        oncompositionupdate?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
+        oncontextlost?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        oncontextmenu?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        oncontextrestored?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        oncopy?: ((this: import("@esportsplus/template").Element, event: ClipboardEvent) => void) | undefined;
+        oncuechange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        oncut?: ((this: import("@esportsplus/template").Element, event: ClipboardEvent) => void) | undefined;
+        ondblclick?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        ondrag?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
+        ondragend?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
+        ondragenter?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
+        ondragleave?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
+        ondragover?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
+        ondragstart?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
+        ondrop?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
+        ondurationchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onemptied?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onended?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onerror?: ((this: import("@esportsplus/template").Element, event: ErrorEvent) => void) | undefined;
+        onfocus?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
+        onfocusin?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
+        onfocusout?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
+        onformdata?: ((this: import("@esportsplus/template").Element, event: FormDataEvent) => void) | undefined;
+        ongotpointercapture?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        oninput?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        oninvalid?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onkeydown?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
+        onkeypress?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
+        onkeyup?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
+        onload?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onloadeddata?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onloadedmetadata?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onloadstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onlostpointercapture?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        onmousedown?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        onmouseenter?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        onmouseleave?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        onmousemove?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        onmouseout?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        onmouseover?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        onmouseup?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        onpaste?: ((this: import("@esportsplus/template").Element, event: ClipboardEvent) => void) | undefined;
+        onpause?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onplay?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onplaying?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onpointercancel?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        onpointerdown?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        onpointerenter?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        onpointerleave?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        onpointermove?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        onpointerout?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        onpointerover?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        onpointerup?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        onprogress?: ((this: import("@esportsplus/template").Element, event: ProgressEvent<EventTarget>) => void) | undefined;
+        onratechange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onreset?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onresize?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
+        onscroll?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onscrollend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onsecuritypolicyviolation?: ((this: import("@esportsplus/template").Element, event: SecurityPolicyViolationEvent) => void) | undefined;
+        onseeked?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onseeking?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onselect?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onselectionchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onselectstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onslotchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onstalled?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onsubmit?: ((this: import("@esportsplus/template").Element, event: SubmitEvent) => void) | undefined;
+        onsuspend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        ontimeupdate?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        ontoggle?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        ontouchcancel?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
+        ontouchend?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
+        ontouchmove?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
+        ontouchstart?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
+        ontransitioncancel?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
+        ontransitionend?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
+        ontransitionrun?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
+        ontransitionstart?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
+        onvolumechange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onwaiting?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onwebkitanimationend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onwebkitanimationiteration?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onwebkitanimationstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onwebkittransitionend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onwheel?: ((this: import("@esportsplus/template").Element, event: WheelEvent) => void) | undefined;
+    } & Record<PropertyKey, unknown> & {
+        state?: {
+            active: boolean;
+        };
+        toggle?: boolean;
+    }>(attributes: T): ReturnType<(this: {
+        attributes?: ({
+            [key: `aria-${string}`]: string | number | boolean | undefined;
+            [key: `data-${string}`]: string | undefined;
+            class?: import("@esportsplus/template/build/types").Attribute | import("@esportsplus/template/build/types").Attribute[];
+            onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
+            ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
+            onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
+            ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
+            style?: import("@esportsplus/template/build/types").Attribute | import("@esportsplus/template/build/types").Attribute[];
+        } & {
+            onabort?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
+            onanimationcancel?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
+            onanimationend?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
+            onanimationiteration?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
+            onanimationstart?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
+            onauxclick?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+            onbeforeinput?: ((this: import("@esportsplus/template").Element, event: InputEvent) => void) | undefined;
+            onbeforetoggle?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onblur?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
+            oncancel?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            oncanplay?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            oncanplaythrough?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onclick?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+            onclose?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            oncompositionend?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
+            oncompositionstart?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
+            oncompositionupdate?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
+            oncontextlost?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            oncontextmenu?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+            oncontextrestored?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            oncopy?: ((this: import("@esportsplus/template").Element, event: ClipboardEvent) => void) | undefined;
+            oncuechange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            oncut?: ((this: import("@esportsplus/template").Element, event: ClipboardEvent) => void) | undefined;
+            ondblclick?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+            ondrag?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
+            ondragend?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
+            ondragenter?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
+            ondragleave?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
+            ondragover?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
+            ondragstart?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
+            ondrop?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
+            ondurationchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onemptied?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onended?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onerror?: ((this: import("@esportsplus/template").Element, event: ErrorEvent) => void) | undefined;
+            onfocus?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
+            onfocusin?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
+            onfocusout?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
+            onformdata?: ((this: import("@esportsplus/template").Element, event: FormDataEvent) => void) | undefined;
+            ongotpointercapture?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+            oninput?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            oninvalid?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onkeydown?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
+            onkeypress?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
+            onkeyup?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
+            onload?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onloadeddata?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onloadedmetadata?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onloadstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onlostpointercapture?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+            onmousedown?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+            onmouseenter?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+            onmouseleave?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+            onmousemove?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+            onmouseout?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+            onmouseover?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+            onmouseup?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+            onpaste?: ((this: import("@esportsplus/template").Element, event: ClipboardEvent) => void) | undefined;
+            onpause?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onplay?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onplaying?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onpointercancel?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+            onpointerdown?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+            onpointerenter?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+            onpointerleave?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+            onpointermove?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+            onpointerout?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+            onpointerover?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+            onpointerup?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+            onprogress?: ((this: import("@esportsplus/template").Element, event: ProgressEvent<EventTarget>) => void) | undefined;
+            onratechange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onreset?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onresize?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
+            onscroll?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onscrollend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onsecuritypolicyviolation?: ((this: import("@esportsplus/template").Element, event: SecurityPolicyViolationEvent) => void) | undefined;
+            onseeked?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onseeking?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onselect?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onselectionchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onselectstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onslotchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onstalled?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onsubmit?: ((this: import("@esportsplus/template").Element, event: SubmitEvent) => void) | undefined;
+            onsuspend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            ontimeupdate?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            ontoggle?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            ontouchcancel?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
+            ontouchend?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
+            ontouchmove?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
+            ontouchstart?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
+            ontransitioncancel?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
+            ontransitionend?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
+            ontransitionrun?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
+            ontransitionstart?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
+            onvolumechange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onwaiting?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onwebkitanimationend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onwebkitanimationiteration?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onwebkitanimationstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onwebkittransitionend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+            onwheel?: ((this: import("@esportsplus/template").Element, event: WheelEvent) => void) | undefined;
+        } & Record<PropertyKey, unknown> & {
+            state?: {
+                active: boolean;
+            };
+            toggle?: boolean;
+        }) | undefined;
+        content?: import("@esportsplus/template").Renderable<any>;
+    }, attributes: Readonly<{
+        [key: `aria-${string}`]: string | number | boolean | undefined;
+        [key: `data-${string}`]: string | undefined;
+        class?: import("@esportsplus/template/build/types").Attribute | import("@esportsplus/template/build/types").Attribute[];
+        onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
+        ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
+        onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
+        ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
+        style?: import("@esportsplus/template/build/types").Attribute | import("@esportsplus/template/build/types").Attribute[];
+    } & {
+        onabort?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
+        onanimationcancel?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
+        onanimationend?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
+        onanimationiteration?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
+        onanimationstart?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
+        onauxclick?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        onbeforeinput?: ((this: import("@esportsplus/template").Element, event: InputEvent) => void) | undefined;
+        onbeforetoggle?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onblur?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
+        oncancel?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        oncanplay?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        oncanplaythrough?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onclick?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        onclose?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        oncompositionend?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
+        oncompositionstart?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
+        oncompositionupdate?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
+        oncontextlost?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        oncontextmenu?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        oncontextrestored?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        oncopy?: ((this: import("@esportsplus/template").Element, event: ClipboardEvent) => void) | undefined;
+        oncuechange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        oncut?: ((this: import("@esportsplus/template").Element, event: ClipboardEvent) => void) | undefined;
+        ondblclick?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        ondrag?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
+        ondragend?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
+        ondragenter?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
+        ondragleave?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
+        ondragover?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
+        ondragstart?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
+        ondrop?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
+        ondurationchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onemptied?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onended?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onerror?: ((this: import("@esportsplus/template").Element, event: ErrorEvent) => void) | undefined;
+        onfocus?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
+        onfocusin?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
+        onfocusout?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
+        onformdata?: ((this: import("@esportsplus/template").Element, event: FormDataEvent) => void) | undefined;
+        ongotpointercapture?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        oninput?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        oninvalid?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onkeydown?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
+        onkeypress?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
+        onkeyup?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
+        onload?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onloadeddata?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onloadedmetadata?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onloadstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onlostpointercapture?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        onmousedown?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        onmouseenter?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        onmouseleave?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        onmousemove?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        onmouseout?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        onmouseover?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        onmouseup?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        onpaste?: ((this: import("@esportsplus/template").Element, event: ClipboardEvent) => void) | undefined;
+        onpause?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onplay?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onplaying?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onpointercancel?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        onpointerdown?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        onpointerenter?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        onpointerleave?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        onpointermove?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        onpointerout?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        onpointerover?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        onpointerup?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        onprogress?: ((this: import("@esportsplus/template").Element, event: ProgressEvent<EventTarget>) => void) | undefined;
+        onratechange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onreset?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onresize?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
+        onscroll?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onscrollend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onsecuritypolicyviolation?: ((this: import("@esportsplus/template").Element, event: SecurityPolicyViolationEvent) => void) | undefined;
+        onseeked?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onseeking?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onselect?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onselectionchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onselectstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onslotchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onstalled?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onsubmit?: ((this: import("@esportsplus/template").Element, event: SubmitEvent) => void) | undefined;
+        onsuspend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        ontimeupdate?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        ontoggle?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        ontouchcancel?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
+        ontouchend?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
+        ontouchmove?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
+        ontouchstart?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
+        ontransitioncancel?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
+        ontransitionend?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
+        ontransitionrun?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
+        ontransitionstart?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
+        onvolumechange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onwaiting?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onwebkitanimationend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onwebkitanimationiteration?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onwebkitanimationstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onwebkittransitionend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onwheel?: ((this: import("@esportsplus/template").Element, event: WheelEvent) => void) | undefined;
+    } & Record<PropertyKey, unknown> & {
+        state?: {
+            active: boolean;
+        };
+        toggle?: boolean;
+    }>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    <T extends import("@esportsplus/template").Renderable<any>>(content: T): ReturnType<(this: {
         attributes?: ({
             [key: `aria-${string}`]: string | number | boolean | undefined;
             [key: `data-${string}`]: string | undefined;

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

@@ -4,7 +4,11 @@ declare const _default: {
         attributes?: Attributes | undefined;
         content?: import("@esportsplus/template").Renderable<any>;
     }, attributes: Readonly<Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
-    (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+    <T extends Attributes>(attributes: T): ReturnType<(this: {
+        attributes?: Attributes | undefined;
+        content?: import("@esportsplus/template").Renderable<any>;
+    }, attributes: Readonly<Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    <T extends import("@esportsplus/template").Renderable<any>>(content: T): ReturnType<(this: {
         attributes?: Attributes | undefined;
         content?: import("@esportsplus/template").Renderable<any>;
     }, attributes: Readonly<Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;

package/build/components/typewriter/index.d.ts

@@ -4,7 +4,11 @@ declare const _default: {
         attributes?: import("@esportsplus/template").Attributes | undefined;
         content?: string[] | undefined;
     }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: string[]) => import("@esportsplus/template").Renderable<any>>;
-    (content: string[]): ReturnType<(this: {
+    <T extends import("@esportsplus/template").Attributes>(attributes: T): ReturnType<(this: {
+        attributes?: import("@esportsplus/template").Attributes | undefined;
+        content?: string[] | undefined;
+    }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: string[]) => import("@esportsplus/template").Renderable<any>>;
+    <T extends string[]>(content: T): ReturnType<(this: {
         attributes?: import("@esportsplus/template").Attributes | undefined;
         content?: string[] | undefined;
     }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: string[]) => import("@esportsplus/template").Renderable<any>>;

package/package.json

@@ -48,7 +48,7 @@
   "private": false,
   "sideEffects": false,
   "type": "module",
-  "version": "0.23.0",
+  "version": "0.24.1",
   "scripts": {
     "build": "run-s build:vite build:ts",
     "build:ts": "tsc && tsc-alias",

package/src/components/template/index.ts

@@ -9,14 +9,21 @@ const factory = <
     template: (this: Context, attributes: Readonly<A>, content: C) => Renderable<any>
 ) => {
     function factory(): ReturnType<typeof template>;
-    function factory(content: C): ReturnType<typeof template>;
+    function factory<T extends A>(attributes: T): ReturnType<typeof template>;
+    function factory<T extends C>(content: T): ReturnType<typeof template>;
     function factory(attributes: A, content: C): ReturnType<typeof template>;
     function factory(this: Context, one?: A | C, two?: C): ReturnType<typeof template> {
         let attributes: A = {} as A,
             content: C;
 
         if (two === undefined) {
-            content = one as C;
+            if (typeof one === 'object') {
+                attributes = one as A;
+                content = null as C;
+            }
+            else {
+                content = one as C;
+            }
         }
         else {
             attributes = one as A;

package/src/components/tooltip/menu.ts

@@ -36,15 +36,30 @@ export default template.factory<A>(
                     class='tooltip-content ${`tooltip-content--${tooltipContentDirection}`}'
                     ${tooltipContent && omit(tooltipContent, OMIT_TOOLTIP_CONTENT)}
                 >
-                    ${options.map((o) => html`
-                        <div
-                            class='link --width-full'
-                            ${omit(o, OMIT_OPTION)}
-                            ${option}
-                        >
-                            ${o.content}
-                        </div>
-                    `)}
+                    ${options.map((o) => {
+                        if (o.href) {
+                            return html`
+                                <a
+                                    class='link --width-full'
+                                    target='_blank'
+                                    ${omit(o, OMIT_OPTION)}
+                                    ${option}
+                                >
+                                    ${o.content}
+                                </a>
+                            `;
+                        }
+
+                        return html`
+                            <div
+                                class='link --width-full'
+                                ${omit(o, OMIT_OPTION)}
+                                ${option}
+                            >
+                                ${o.content}
+                            </div>
+                        `;
+                    })}
                 </div>
             `
         );