@esportsplus/ui 0.51.6 → 0.53.0

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

@@ -3,8 +3,8 @@ declare const _default: {
     menu: {
         (): ReturnType<(this: {
             attributes?: ({
-                [key: `aria-${string}`]: string | number | boolean | undefined;
-                [key: `data-${string}`]: string | undefined;
+                [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+                [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
                 class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
                 onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
                 ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -133,8 +133,8 @@ declare const _default: {
             }) | undefined;
             content?: import("@esportsplus/template").Renderable<any>;
         }, attributes: Readonly<{
-            [key: `aria-${string}`]: string | number | boolean | undefined;
-            [key: `data-${string}`]: string | undefined;
+            [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+            [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
             class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -262,8 +262,8 @@ declare const _default: {
             };
         }>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
         <T extends {
-            [key: `aria-${string}`]: string | number | boolean | undefined;
-            [key: `data-${string}`]: string | undefined;
+            [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+            [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
             class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -391,8 +391,8 @@ declare const _default: {
             };
         }>(attributes: T): ReturnType<(this: {
             attributes?: ({
-                [key: `aria-${string}`]: string | number | boolean | undefined;
-                [key: `data-${string}`]: string | undefined;
+                [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+                [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
                 class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
                 onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
                 ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -521,8 +521,8 @@ declare const _default: {
             }) | undefined;
             content?: import("@esportsplus/template").Renderable<any>;
         }, attributes: Readonly<{
-            [key: `aria-${string}`]: string | number | boolean | undefined;
-            [key: `data-${string}`]: string | undefined;
+            [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+            [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
             class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -651,8 +651,8 @@ declare const _default: {
         }>, 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;
+                [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+                [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
                 class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
                 onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
                 ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -781,8 +781,8 @@ declare const _default: {
             }) | undefined;
             content?: import("@esportsplus/template").Renderable<any>;
         }, attributes: Readonly<{
-            [key: `aria-${string}`]: string | number | boolean | undefined;
-            [key: `data-${string}`]: string | undefined;
+            [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+            [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
             class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -910,8 +910,8 @@ declare const _default: {
             };
         }>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
         (attributes: {
-            [key: `aria-${string}`]: string | number | boolean | undefined;
-            [key: `data-${string}`]: string | undefined;
+            [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+            [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
             class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -1039,8 +1039,8 @@ declare const _default: {
             };
         }, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
             attributes?: ({
-                [key: `aria-${string}`]: string | number | boolean | undefined;
-                [key: `data-${string}`]: string | undefined;
+                [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+                [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
                 class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
                 onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
                 ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -1169,8 +1169,8 @@ declare const _default: {
             }) | undefined;
             content?: import("@esportsplus/template").Renderable<any>;
         }, attributes: Readonly<{
-            [key: `aria-${string}`]: string | number | boolean | undefined;
-            [key: `data-${string}`]: string | undefined;
+            [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+            [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
             class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -1301,8 +1301,8 @@ declare const _default: {
     onclick: {
         (): ReturnType<(this: {
             attributes?: ({
-                [key: `aria-${string}`]: string | number | boolean | undefined;
-                [key: `data-${string}`]: string | undefined;
+                [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+                [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
                 class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
                 onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
                 ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -1424,8 +1424,8 @@ declare const _default: {
             }) | undefined;
             content?: import("@esportsplus/template").Renderable<any>;
         }, attributes: Readonly<{
-            [key: `aria-${string}`]: string | number | boolean | undefined;
-            [key: `data-${string}`]: string | undefined;
+            [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+            [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
             class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -1546,8 +1546,8 @@ declare const _default: {
             toggle?: boolean;
         }>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
         <T extends {
-            [key: `aria-${string}`]: string | number | boolean | undefined;
-            [key: `data-${string}`]: string | undefined;
+            [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+            [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
             class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -1668,8 +1668,8 @@ declare const _default: {
             toggle?: boolean;
         }>(attributes: T): ReturnType<(this: {
             attributes?: ({
-                [key: `aria-${string}`]: string | number | boolean | undefined;
-                [key: `data-${string}`]: string | undefined;
+                [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+                [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
                 class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
                 onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
                 ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -1791,8 +1791,8 @@ declare const _default: {
             }) | undefined;
             content?: import("@esportsplus/template").Renderable<any>;
         }, attributes: Readonly<{
-            [key: `aria-${string}`]: string | number | boolean | undefined;
-            [key: `data-${string}`]: string | undefined;
+            [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+            [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
             class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -1914,8 +1914,8 @@ declare const _default: {
         }>, 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;
+                [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+                [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
                 class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
                 onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
                 ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -2037,8 +2037,8 @@ declare const _default: {
             }) | undefined;
             content?: import("@esportsplus/template").Renderable<any>;
         }, attributes: Readonly<{
-            [key: `aria-${string}`]: string | number | boolean | undefined;
-            [key: `data-${string}`]: string | undefined;
+            [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+            [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
             class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -2159,8 +2159,8 @@ declare const _default: {
             toggle?: boolean;
         }>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
         (attributes: {
-            [key: `aria-${string}`]: string | number | boolean | undefined;
-            [key: `data-${string}`]: string | undefined;
+            [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+            [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
             class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -2281,8 +2281,8 @@ declare const _default: {
             toggle?: boolean;
         }, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
             attributes?: ({
-                [key: `aria-${string}`]: string | number | boolean | undefined;
-                [key: `data-${string}`]: string | undefined;
+                [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+                [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
                 class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
                 onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
                 ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -2404,8 +2404,8 @@ declare const _default: {
             }) | undefined;
             content?: import("@esportsplus/template").Renderable<any>;
         }, attributes: Readonly<{
-            [key: `aria-${string}`]: string | number | boolean | undefined;
-            [key: `data-${string}`]: string | undefined;
+            [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+            [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
             class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;

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

@@ -1,5 +1,4 @@
-import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
-import { Attributes, Renderable } from '@esportsplus/template';
+import { type Attributes, type Renderable } from '@esportsplus/template';
 type A = Attributes & {
     options: (Attributes & {
         content: Renderable<unknown>;
@@ -16,19 +15,19 @@ type A = Attributes & {
 declare const _default: {
     (): ReturnType<(this: {
         attributes?: A | undefined;
-        content?: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>;
-    }, attributes: Readonly<A>, content: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>) => Renderable<any>>;
+        content?: Renderable<any>;
+    }, attributes: Readonly<A>, content: Renderable<any>) => Renderable<any>>;
     <T extends A>(attributes: T): ReturnType<(this: {
         attributes?: A | undefined;
-        content?: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>;
-    }, attributes: Readonly<A>, content: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>) => Renderable<any>>;
-    <T extends template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>>(content: T): ReturnType<(this: {
+        content?: Renderable<any>;
+    }, attributes: Readonly<A>, content: Renderable<any>) => Renderable<any>>;
+    <T extends Renderable<any>>(content: T): ReturnType<(this: {
         attributes?: A | undefined;
-        content?: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>;
-    }, attributes: Readonly<A>, content: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>) => Renderable<any>>;
-    (attributes: A, content: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>): ReturnType<(this: {
+        content?: Renderable<any>;
+    }, attributes: Readonly<A>, content: Renderable<any>) => Renderable<any>>;
+    (attributes: A, content: Renderable<any>): ReturnType<(this: {
         attributes?: A | undefined;
-        content?: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>;
-    }, attributes: Readonly<A>, content: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>) => Renderable<any>>;
+        content?: Renderable<any>;
+    }, attributes: Readonly<A>, content: Renderable<any>) => Renderable<any>>;
 };
 export default _default;

package/build/components/tooltip/menu.js

@@ -1,38 +1,52 @@
-import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
+import * as template_u1 from '@esportsplus/template';
+import { component } from '@esportsplus/template';
+import * as reactivity_u0 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
-import template from '../../components/template/index.js';
 import onclick from './onclick.js';
-const template_0ff113fe0a6246fbbfe92857b2a0303c31 = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<a class='link --width-full' target='_blank'>`);
-const template_0ff113fe0a6246fbbfe92857b2a0303c34 = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div class='link --width-full'>`);
-const template_0ff113fe0a6246fbbfe92857b2a0303c37 = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<!--$--><div class='tooltip-content '>`);
+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 ' >`);
+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_0ff113fe0a6246fbbfe92857b2a0303c36 = template_0ff113fe0a6246fbbfe92857b2a0303c37(), element_0ff113fe0a6246fbbfe92857b2a0303c38 = root_0ff113fe0a6246fbbfe92857b2a0303c36.firstChild, element_0ff113fe0a6246fbbfe92857b2a0303c39 = element_0ff113fe0a6246fbbfe92857b2a0303c38.nextSibling;
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303c38, content);
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303c39, 'class', `tooltip-content--${tooltipContentDirection}`);
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c39, tooltipContent && omit(tooltipContent, OMIT_TOOLTIP_CONTENT));
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303c39, 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_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) => {
             if (o.href) {
                 return (() => {
-                    let root_0ff113fe0a6246fbbfe92857b2a0303c30 = template_0ff113fe0a6246fbbfe92857b2a0303c31(), element_0ff113fe0a6246fbbfe92857b2a0303c32 = root_0ff113fe0a6246fbbfe92857b2a0303c30.firstChild;
-                    template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c32, omit(o, OMIT_OPTION));
-                    template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c32, option);
-                    template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303c32, o.content, 1);
-                    return root_0ff113fe0a6246fbbfe92857b2a0303c30;
+                    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;
                 })();
             }
             return (() => {
-                let root_0ff113fe0a6246fbbfe92857b2a0303c33 = template_0ff113fe0a6246fbbfe92857b2a0303c34(), element_0ff113fe0a6246fbbfe92857b2a0303c35 = root_0ff113fe0a6246fbbfe92857b2a0303c33.firstChild;
-                template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c35, omit(o, OMIT_OPTION));
-                template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c35, option);
-                template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303c35, o.content, 1);
-                return root_0ff113fe0a6246fbbfe92857b2a0303c33;
+                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;
             })();
         }), 1);
-        return root_0ff113fe0a6246fbbfe92857b2a0303c36;
+        return root_0p4v5177;
     })());
 });