@esportsplus/ui 0.48.4 → 0.48.6

package/build/components/select/index.js

@@ -1,4 +1,4 @@
-import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 from '@esportsplus/template';
+import * as template_3ea7bdb36b1e42ed846a8dc5465fdb951 from '@esportsplus/template';
 import { reactive } from '@esportsplus/template';
 import { EMPTY_ARRAY, omit, toArray } from '@esportsplus/utilities';
 import form from '../../components/form/index.js';
@@ -6,11 +6,8 @@ import root from '../../components/root/index.js';
 import scrollbar from '../../components/scrollbar/index.js';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_9940f1ff6ffb4f4abe1c7b9b2fa7085d2p = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<div
- class='link select-option '><!--$--></div>`);
-const template_9940f1ff6ffb4f4abe1c7b9b2fa7085d2t = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<div
- class='select tooltip '><!--$--><div class='select-arrow'></div><input class='select-tag'
- /><!--$--></div>`);
+const template_3ea7bdb36b1e42ed846a8dc5465fdb952p = template_3ea7bdb36b1e42ed846a8dc5465fdb951.template(`<div class='link select-option '><!--$--></div>`);
+const template_3ea7bdb36b1e42ed846a8dc5465fdb952t = template_3ea7bdb36b1e42ed846a8dc5465fdb951.template(`<div class='select tooltip '><!--$--><div class='select-arrow'></div><input class='select-tag'  /><!--$--></div>`);
 const OMIT = [
     'arrow',
     'options',
@@ -54,17 +51,17 @@ const select = template.factory(function (attributes, content) {
         selected: attributes.selected || Object.keys(options)[0]
     });
     return (() => {
-        let root_9940f1ff6ffb4f4abe1c7b9b2fa7085d2s = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d2t(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2u = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d2s.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2v = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2u.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2w = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2u.firstElementChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2x = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2w.nextElementSibling, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2y = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2v.nextSibling.nextSibling.nextSibling;
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setClass(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2u, ' ', () => state.active && '--active');
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2u, this?.attributes && omit(this.attributes, OMIT));
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2u, omit(attributes, OMIT));
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.delegate(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2u, 'click', () => {
+        let root_3ea7bdb36b1e42ed846a8dc5465fdb952s = template_3ea7bdb36b1e42ed846a8dc5465fdb952t(), element_3ea7bdb36b1e42ed846a8dc5465fdb952u = root_3ea7bdb36b1e42ed846a8dc5465fdb952s.firstChild, element_3ea7bdb36b1e42ed846a8dc5465fdb952v = element_3ea7bdb36b1e42ed846a8dc5465fdb952u.firstChild, element_3ea7bdb36b1e42ed846a8dc5465fdb952w = element_3ea7bdb36b1e42ed846a8dc5465fdb952u.firstElementChild, element_3ea7bdb36b1e42ed846a8dc5465fdb952x = element_3ea7bdb36b1e42ed846a8dc5465fdb952w.nextElementSibling, element_3ea7bdb36b1e42ed846a8dc5465fdb952y = element_3ea7bdb36b1e42ed846a8dc5465fdb952v.nextSibling.nextSibling.nextSibling;
+        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setList(element_3ea7bdb36b1e42ed846a8dc5465fdb952u, 'class', '', () => state.active && '--active');
+        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb952u, this?.attributes && omit(this.attributes, OMIT), { "class": "" });
+        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb952u, omit(attributes, OMIT), { "class": "" });
+        template_3ea7bdb36b1e42ed846a8dc5465fdb951.delegate(element_3ea7bdb36b1e42ed846a8dc5465fdb952u, 'click', () => {
             if (state.render) {
                 set(state, !state.active);
             }
             state.render = true;
         });
-        new template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.EffectSlot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2v, content ? (() => content(state)) : (() => {
+        new template_3ea7bdb36b1e42ed846a8dc5465fdb951.EffectSlot(element_3ea7bdb36b1e42ed846a8dc5465fdb952v, content ? (() => content(state)) : (() => {
             let selected = options[state.selected];
             if (!selected) {
                 return '-';
@@ -74,13 +71,13 @@ const select = template.factory(function (attributes, content) {
             }
             return selected;
         }));
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2w, this?.attributes?.arrow);
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2w, attributes.arrow);
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperty(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2x, 'name', attributes.name);
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.delegate(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2x, 'click', () => { });
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.onrender(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2x, form.input.onrender(state));
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperty(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2x, 'value', () => state.selected);
-        new template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.EffectSlot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2y, () => {
+        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb952w, this?.attributes?.arrow, { "class": "select-arrow" });
+        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb952w, attributes.arrow, { "class": "select-arrow" });
+        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperty(element_3ea7bdb36b1e42ed846a8dc5465fdb952x, 'name', attributes.name);
+        template_3ea7bdb36b1e42ed846a8dc5465fdb951.delegate(element_3ea7bdb36b1e42ed846a8dc5465fdb952x, 'click', () => { });
+        template_3ea7bdb36b1e42ed846a8dc5465fdb951.onrender(element_3ea7bdb36b1e42ed846a8dc5465fdb952x, form.input.onrender(state));
+        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperty(element_3ea7bdb36b1e42ed846a8dc5465fdb952x, 'value', () => state.selected);
+        new template_3ea7bdb36b1e42ed846a8dc5465fdb951.EffectSlot(element_3ea7bdb36b1e42ed846a8dc5465fdb952y, () => {
             if (!state.render) {
                 return;
             }
@@ -123,17 +120,17 @@ const select = template.factory(function (attributes, content) {
                     content = content.content;
                 }
                 return (() => {
-                    let root_9940f1ff6ffb4f4abe1c7b9b2fa7085d2o = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d2p(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2q = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d2o.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2r = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2q.firstChild;
-                    template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setClass(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2q, ' ', () => selected[key] && '--active');
-                    template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2q, this?.attributes?.option);
-                    template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2q, option);
-                    template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperty(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2q, 'data-key', key);
-                    template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d2r, content);
-                    return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d2o;
+                    let root_3ea7bdb36b1e42ed846a8dc5465fdb952o = template_3ea7bdb36b1e42ed846a8dc5465fdb952p(), element_3ea7bdb36b1e42ed846a8dc5465fdb952q = root_3ea7bdb36b1e42ed846a8dc5465fdb952o.firstChild, element_3ea7bdb36b1e42ed846a8dc5465fdb952r = element_3ea7bdb36b1e42ed846a8dc5465fdb952q.firstChild;
+                    template_3ea7bdb36b1e42ed846a8dc5465fdb951.setList(element_3ea7bdb36b1e42ed846a8dc5465fdb952q, 'class', '', () => selected[key] && '--active');
+                    template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb952q, this?.attributes?.option, { "class": "" });
+                    template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb952q, option, { "class": "" });
+                    template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperty(element_3ea7bdb36b1e42ed846a8dc5465fdb952q, 'data-key', key);
+                    template_3ea7bdb36b1e42ed846a8dc5465fdb951.slot(element_3ea7bdb36b1e42ed846a8dc5465fdb952r, content);
+                    return root_3ea7bdb36b1e42ed846a8dc5465fdb952o;
                 })();
             }));
         });
-        return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d2s;
+        return root_3ea7bdb36b1e42ed846a8dc5465fdb952s;
     })();
 });
 export default select;

package/build/components/textarea/index.js

@@ -1,10 +1,9 @@
-import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 from '@esportsplus/template';
+import * as template_3ea7bdb36b1e42ed846a8dc5465fdb951 from '@esportsplus/template';
 import { reactive } from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_9940f1ff6ffb4f4abe1c7b9b2fa7085d30 = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<textarea
- class='textarea'></textarea>`);
+const template_3ea7bdb36b1e42ed846a8dc5465fdb9530 = template_3ea7bdb36b1e42ed846a8dc5465fdb951.template(`<textarea class='textarea'></textarea>`);
 const OMIT = ['state'];
 export default function (attributes) {
     let state = attributes.state || reactive({
@@ -12,19 +11,19 @@ export default function (attributes) {
         error: ''
     });
     return (() => {
-        let root_9940f1ff6ffb4f4abe1c7b9b2fa7085d2z = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d30(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d31 = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d2z.firstChild;
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d31, this?.attributes && omit(this.attributes, OMIT));
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d31, omit(attributes, OMIT));
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setClass(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d31, '', () => state.active && '--active');
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.on(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d31, 'focusin', () => {
+        let root_3ea7bdb36b1e42ed846a8dc5465fdb952z = template_3ea7bdb36b1e42ed846a8dc5465fdb9530(), element_3ea7bdb36b1e42ed846a8dc5465fdb9531 = root_3ea7bdb36b1e42ed846a8dc5465fdb952z.firstChild;
+        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb9531, this?.attributes && omit(this.attributes, OMIT), { "class": "textarea" });
+        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb9531, omit(attributes, OMIT), { "class": "textarea" });
+        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setList(element_3ea7bdb36b1e42ed846a8dc5465fdb9531, 'class', '', () => state.active && '--active');
+        template_3ea7bdb36b1e42ed846a8dc5465fdb951.on(element_3ea7bdb36b1e42ed846a8dc5465fdb9531, 'focusin', () => {
             state.active = true;
         });
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.on(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d31, 'focusout', () => {
+        template_3ea7bdb36b1e42ed846a8dc5465fdb951.on(element_3ea7bdb36b1e42ed846a8dc5465fdb9531, 'focusout', () => {
             state.active = false;
         });
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.onrender(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d31, form.input.onrender(state));
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperty(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d31, 'value', attributes?.value || '');
-        return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d2z;
+        template_3ea7bdb36b1e42ed846a8dc5465fdb951.onrender(element_3ea7bdb36b1e42ed846a8dc5465fdb9531, form.input.onrender(state));
+        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperty(element_3ea7bdb36b1e42ed846a8dc5465fdb9531, 'value', attributes?.value || '');
+        return root_3ea7bdb36b1e42ed846a8dc5465fdb952z;
     })();
 }
 ;

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

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

package/build/components/tooltip/menu.js

@@ -1,42 +1,38 @@
-import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 from '@esportsplus/template';
+import * as template_3ea7bdb36b1e42ed846a8dc5465fdb951 from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import onclick from './onclick.js';
-const template_9940f1ff6ffb4f4abe1c7b9b2fa7085d33 = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<a
- class='link --width-full'
- target='_blank'><!--$--></a>`);
-const template_9940f1ff6ffb4f4abe1c7b9b2fa7085d37 = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<div
- class='link --width-full'><!--$--></div>`);
-const template_9940f1ff6ffb4f4abe1c7b9b2fa7085d3b = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<!--$--><div
- class='tooltip-content '><!--$--></div>`);
+const template_3ea7bdb36b1e42ed846a8dc5465fdb9533 = template_3ea7bdb36b1e42ed846a8dc5465fdb951.template(`<a class='link --width-full' target='_blank'><!--$--></a>`);
+const template_3ea7bdb36b1e42ed846a8dc5465fdb9537 = template_3ea7bdb36b1e42ed846a8dc5465fdb951.template(`<div class='link --width-full'><!--$--></div>`);
+const template_3ea7bdb36b1e42ed846a8dc5465fdb953b = template_3ea7bdb36b1e42ed846a8dc5465fdb951.template(`<!--$--><div class='tooltip-content '><!--$--></div>`);
 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_9940f1ff6ffb4f4abe1c7b9b2fa7085d3a = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d3b(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d3c = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d3a.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d3d = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d3c.nextSibling, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d3e = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d3d.firstChild;
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d3c, content);
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setClass(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d3d, ' ', `tooltip-content--${tooltipContentDirection}`);
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d3d, tooltipContent && omit(tooltipContent, OMIT_TOOLTIP_CONTENT));
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d3e, options.map((o) => {
+        let root_3ea7bdb36b1e42ed846a8dc5465fdb953a = template_3ea7bdb36b1e42ed846a8dc5465fdb953b(), element_3ea7bdb36b1e42ed846a8dc5465fdb953c = root_3ea7bdb36b1e42ed846a8dc5465fdb953a.firstChild, element_3ea7bdb36b1e42ed846a8dc5465fdb953d = element_3ea7bdb36b1e42ed846a8dc5465fdb953c.nextSibling, element_3ea7bdb36b1e42ed846a8dc5465fdb953e = element_3ea7bdb36b1e42ed846a8dc5465fdb953d.firstChild;
+        template_3ea7bdb36b1e42ed846a8dc5465fdb951.slot(element_3ea7bdb36b1e42ed846a8dc5465fdb953c, content);
+        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setList(element_3ea7bdb36b1e42ed846a8dc5465fdb953d, 'class', '', `tooltip-content--${tooltipContentDirection}`);
+        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb953d, tooltipContent && omit(tooltipContent, OMIT_TOOLTIP_CONTENT), { "class": "" });
+        template_3ea7bdb36b1e42ed846a8dc5465fdb951.slot(element_3ea7bdb36b1e42ed846a8dc5465fdb953e, options.map((o) => {
             if (o.href) {
                 return (() => {
-                    let root_9940f1ff6ffb4f4abe1c7b9b2fa7085d32 = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d33(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d34 = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d32.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d35 = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d34.firstChild;
-                    template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d34, omit(o, OMIT_OPTION));
-                    template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d34, option);
-                    template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d35, o.content);
-                    return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d32;
+                    let root_3ea7bdb36b1e42ed846a8dc5465fdb9532 = template_3ea7bdb36b1e42ed846a8dc5465fdb9533(), element_3ea7bdb36b1e42ed846a8dc5465fdb9534 = root_3ea7bdb36b1e42ed846a8dc5465fdb9532.firstChild, element_3ea7bdb36b1e42ed846a8dc5465fdb9535 = element_3ea7bdb36b1e42ed846a8dc5465fdb9534.firstChild;
+                    template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb9534, omit(o, OMIT_OPTION), { "class": "--width-full" });
+                    template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb9534, option, { "class": "--width-full" });
+                    template_3ea7bdb36b1e42ed846a8dc5465fdb951.slot(element_3ea7bdb36b1e42ed846a8dc5465fdb9535, o.content);
+                    return root_3ea7bdb36b1e42ed846a8dc5465fdb9532;
                 })();
             }
             return (() => {
-                let root_9940f1ff6ffb4f4abe1c7b9b2fa7085d36 = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d37(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d38 = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d36.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d39 = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d38.firstChild;
-                template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d38, omit(o, OMIT_OPTION));
-                template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d38, option);
-                template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d39, o.content);
-                return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d36;
+                let root_3ea7bdb36b1e42ed846a8dc5465fdb9536 = template_3ea7bdb36b1e42ed846a8dc5465fdb9537(), element_3ea7bdb36b1e42ed846a8dc5465fdb9538 = root_3ea7bdb36b1e42ed846a8dc5465fdb9536.firstChild, element_3ea7bdb36b1e42ed846a8dc5465fdb9539 = element_3ea7bdb36b1e42ed846a8dc5465fdb9538.firstChild;
+                template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb9538, omit(o, OMIT_OPTION), { "class": "--width-full" });
+                template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb9538, option, { "class": "--width-full" });
+                template_3ea7bdb36b1e42ed846a8dc5465fdb951.slot(element_3ea7bdb36b1e42ed846a8dc5465fdb9539, o.content);
+                return root_3ea7bdb36b1e42ed846a8dc5465fdb9536;
             })();
         }));
-        return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d3a;
+        return root_3ea7bdb36b1e42ed846a8dc5465fdb953a;
     })());
 });