@esportsplus/ui 0.48.3 → 0.48.5

package/build/components/select/index.js

@@ -1,4 +1,4 @@
-import * as template_1995aa1ec679424a8d082c2afd298cae1 from '@esportsplus/template';
+import * as template_6f02f170823e4558bc9ed44ffd445e831 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_1995aa1ec679424a8d082c2afd298cae2p = template_1995aa1ec679424a8d082c2afd298cae1.template(`<div
- class='link select-option '><!--$--></div>`);
-const template_1995aa1ec679424a8d082c2afd298cae2t = template_1995aa1ec679424a8d082c2afd298cae1.template(`<div
- class='select tooltip '><!--$--><div class='select-arrow'></div><input class='select-tag'
- /><!--$--></div>`);
+const template_6f02f170823e4558bc9ed44ffd445e832p = template_6f02f170823e4558bc9ed44ffd445e831.template(`<div class='link select-option '><!--$--></div>`);
+const template_6f02f170823e4558bc9ed44ffd445e832t = template_6f02f170823e4558bc9ed44ffd445e831.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_1995aa1ec679424a8d082c2afd298cae2s = template_1995aa1ec679424a8d082c2afd298cae2t(), element_1995aa1ec679424a8d082c2afd298cae2u = root_1995aa1ec679424a8d082c2afd298cae2s.firstChild, element_1995aa1ec679424a8d082c2afd298cae2v = element_1995aa1ec679424a8d082c2afd298cae2u.firstChild, element_1995aa1ec679424a8d082c2afd298cae2w = element_1995aa1ec679424a8d082c2afd298cae2u.firstElementChild, element_1995aa1ec679424a8d082c2afd298cae2x = element_1995aa1ec679424a8d082c2afd298cae2w.nextElementSibling, element_1995aa1ec679424a8d082c2afd298cae2y = element_1995aa1ec679424a8d082c2afd298cae2v.nextSibling.nextSibling.nextSibling;
-        template_1995aa1ec679424a8d082c2afd298cae1.setClass(element_1995aa1ec679424a8d082c2afd298cae2u, ' ', () => state.active && '--active');
-        template_1995aa1ec679424a8d082c2afd298cae1.setProperties(element_1995aa1ec679424a8d082c2afd298cae2u, this?.attributes && omit(this.attributes, OMIT));
-        template_1995aa1ec679424a8d082c2afd298cae1.setProperties(element_1995aa1ec679424a8d082c2afd298cae2u, omit(attributes, OMIT));
-        template_1995aa1ec679424a8d082c2afd298cae1.delegate(element_1995aa1ec679424a8d082c2afd298cae2u, 'click', () => {
+        let root_6f02f170823e4558bc9ed44ffd445e832s = template_6f02f170823e4558bc9ed44ffd445e832t(), element_6f02f170823e4558bc9ed44ffd445e832u = root_6f02f170823e4558bc9ed44ffd445e832s.firstChild, element_6f02f170823e4558bc9ed44ffd445e832v = element_6f02f170823e4558bc9ed44ffd445e832u.firstChild, element_6f02f170823e4558bc9ed44ffd445e832w = element_6f02f170823e4558bc9ed44ffd445e832u.firstElementChild, element_6f02f170823e4558bc9ed44ffd445e832x = element_6f02f170823e4558bc9ed44ffd445e832w.nextElementSibling, element_6f02f170823e4558bc9ed44ffd445e832y = element_6f02f170823e4558bc9ed44ffd445e832v.nextSibling.nextSibling.nextSibling;
+        template_6f02f170823e4558bc9ed44ffd445e831.setClass(element_6f02f170823e4558bc9ed44ffd445e832u, '', () => state.active && '--active');
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e832u, this?.attributes && omit(this.attributes, OMIT), { "class": "" });
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e832u, omit(attributes, OMIT), { "class": "" });
+        template_6f02f170823e4558bc9ed44ffd445e831.delegate(element_6f02f170823e4558bc9ed44ffd445e832u, 'click', () => {
             if (state.render) {
                 set(state, !state.active);
             }
             state.render = true;
         });
-        new template_1995aa1ec679424a8d082c2afd298cae1.EffectSlot(element_1995aa1ec679424a8d082c2afd298cae2v, content ? (() => content(state)) : (() => {
+        new template_6f02f170823e4558bc9ed44ffd445e831.EffectSlot(element_6f02f170823e4558bc9ed44ffd445e832v, 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_1995aa1ec679424a8d082c2afd298cae1.setProperties(element_1995aa1ec679424a8d082c2afd298cae2w, this?.attributes?.arrow);
-        template_1995aa1ec679424a8d082c2afd298cae1.setProperties(element_1995aa1ec679424a8d082c2afd298cae2w, attributes.arrow);
-        template_1995aa1ec679424a8d082c2afd298cae1.setProperty(element_1995aa1ec679424a8d082c2afd298cae2x, 'name', attributes.name);
-        template_1995aa1ec679424a8d082c2afd298cae1.delegate(element_1995aa1ec679424a8d082c2afd298cae2x, 'click', () => { });
-        template_1995aa1ec679424a8d082c2afd298cae1.onrender(element_1995aa1ec679424a8d082c2afd298cae2x, form.input.onrender(state));
-        template_1995aa1ec679424a8d082c2afd298cae1.setProperty(element_1995aa1ec679424a8d082c2afd298cae2x, 'value', () => state.selected);
-        new template_1995aa1ec679424a8d082c2afd298cae1.EffectSlot(element_1995aa1ec679424a8d082c2afd298cae2y, () => {
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e832w, this?.attributes?.arrow, { "class": "select-arrow" });
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e832w, attributes.arrow, { "class": "select-arrow" });
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperty(element_6f02f170823e4558bc9ed44ffd445e832x, 'name', attributes.name);
+        template_6f02f170823e4558bc9ed44ffd445e831.delegate(element_6f02f170823e4558bc9ed44ffd445e832x, 'click', () => { });
+        template_6f02f170823e4558bc9ed44ffd445e831.onrender(element_6f02f170823e4558bc9ed44ffd445e832x, form.input.onrender(state));
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperty(element_6f02f170823e4558bc9ed44ffd445e832x, 'value', () => state.selected);
+        new template_6f02f170823e4558bc9ed44ffd445e831.EffectSlot(element_6f02f170823e4558bc9ed44ffd445e832y, () => {
             if (!state.render) {
                 return;
             }
@@ -123,17 +120,17 @@ const select = template.factory(function (attributes, content) {
                     content = content.content;
                 }
                 return (() => {
-                    let root_1995aa1ec679424a8d082c2afd298cae2o = template_1995aa1ec679424a8d082c2afd298cae2p(), element_1995aa1ec679424a8d082c2afd298cae2q = root_1995aa1ec679424a8d082c2afd298cae2o.firstChild, element_1995aa1ec679424a8d082c2afd298cae2r = element_1995aa1ec679424a8d082c2afd298cae2q.firstChild;
-                    template_1995aa1ec679424a8d082c2afd298cae1.setClass(element_1995aa1ec679424a8d082c2afd298cae2q, ' ', () => selected[key] && '--active');
-                    template_1995aa1ec679424a8d082c2afd298cae1.setProperties(element_1995aa1ec679424a8d082c2afd298cae2q, this?.attributes?.option);
-                    template_1995aa1ec679424a8d082c2afd298cae1.setProperties(element_1995aa1ec679424a8d082c2afd298cae2q, option);
-                    template_1995aa1ec679424a8d082c2afd298cae1.setProperty(element_1995aa1ec679424a8d082c2afd298cae2q, 'data-key', key);
-                    template_1995aa1ec679424a8d082c2afd298cae1.slot(element_1995aa1ec679424a8d082c2afd298cae2r, content);
-                    return root_1995aa1ec679424a8d082c2afd298cae2o;
+                    let root_6f02f170823e4558bc9ed44ffd445e832o = template_6f02f170823e4558bc9ed44ffd445e832p(), element_6f02f170823e4558bc9ed44ffd445e832q = root_6f02f170823e4558bc9ed44ffd445e832o.firstChild, element_6f02f170823e4558bc9ed44ffd445e832r = element_6f02f170823e4558bc9ed44ffd445e832q.firstChild;
+                    template_6f02f170823e4558bc9ed44ffd445e831.setClass(element_6f02f170823e4558bc9ed44ffd445e832q, '', () => selected[key] && '--active');
+                    template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e832q, this?.attributes?.option, { "class": "" });
+                    template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e832q, option, { "class": "" });
+                    template_6f02f170823e4558bc9ed44ffd445e831.setProperty(element_6f02f170823e4558bc9ed44ffd445e832q, 'data-key', key);
+                    template_6f02f170823e4558bc9ed44ffd445e831.slot(element_6f02f170823e4558bc9ed44ffd445e832r, content);
+                    return root_6f02f170823e4558bc9ed44ffd445e832o;
                 })();
             }));
         });
-        return root_1995aa1ec679424a8d082c2afd298cae2s;
+        return root_6f02f170823e4558bc9ed44ffd445e832s;
     })();
 });
 export default select;

package/build/components/textarea/index.js

@@ -1,10 +1,9 @@
-import * as template_1995aa1ec679424a8d082c2afd298cae1 from '@esportsplus/template';
+import * as template_6f02f170823e4558bc9ed44ffd445e831 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_1995aa1ec679424a8d082c2afd298cae30 = template_1995aa1ec679424a8d082c2afd298cae1.template(`<textarea
- class='textarea'></textarea>`);
+const template_6f02f170823e4558bc9ed44ffd445e8330 = template_6f02f170823e4558bc9ed44ffd445e831.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_1995aa1ec679424a8d082c2afd298cae2z = template_1995aa1ec679424a8d082c2afd298cae30(), element_1995aa1ec679424a8d082c2afd298cae31 = root_1995aa1ec679424a8d082c2afd298cae2z.firstChild;
-        template_1995aa1ec679424a8d082c2afd298cae1.setProperties(element_1995aa1ec679424a8d082c2afd298cae31, this?.attributes && omit(this.attributes, OMIT));
-        template_1995aa1ec679424a8d082c2afd298cae1.setProperties(element_1995aa1ec679424a8d082c2afd298cae31, omit(attributes, OMIT));
-        template_1995aa1ec679424a8d082c2afd298cae1.setClass(element_1995aa1ec679424a8d082c2afd298cae31, '', () => state.active && '--active');
-        template_1995aa1ec679424a8d082c2afd298cae1.on(element_1995aa1ec679424a8d082c2afd298cae31, 'focusin', () => {
+        let root_6f02f170823e4558bc9ed44ffd445e832z = template_6f02f170823e4558bc9ed44ffd445e8330(), element_6f02f170823e4558bc9ed44ffd445e8331 = root_6f02f170823e4558bc9ed44ffd445e832z.firstChild;
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e8331, this?.attributes && omit(this.attributes, OMIT), { "class": "textarea" });
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e8331, omit(attributes, OMIT), { "class": "textarea" });
+        template_6f02f170823e4558bc9ed44ffd445e831.setClass(element_6f02f170823e4558bc9ed44ffd445e8331, '', () => state.active && '--active');
+        template_6f02f170823e4558bc9ed44ffd445e831.on(element_6f02f170823e4558bc9ed44ffd445e8331, 'focusin', () => {
             state.active = true;
         });
-        template_1995aa1ec679424a8d082c2afd298cae1.on(element_1995aa1ec679424a8d082c2afd298cae31, 'focusout', () => {
+        template_6f02f170823e4558bc9ed44ffd445e831.on(element_6f02f170823e4558bc9ed44ffd445e8331, 'focusout', () => {
             state.active = false;
         });
-        template_1995aa1ec679424a8d082c2afd298cae1.onrender(element_1995aa1ec679424a8d082c2afd298cae31, form.input.onrender(state));
-        template_1995aa1ec679424a8d082c2afd298cae1.setProperty(element_1995aa1ec679424a8d082c2afd298cae31, 'value', attributes?.value || '');
-        return root_1995aa1ec679424a8d082c2afd298cae2z;
+        template_6f02f170823e4558bc9ed44ffd445e831.onrender(element_6f02f170823e4558bc9ed44ffd445e8331, form.input.onrender(state));
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperty(element_6f02f170823e4558bc9ed44ffd445e8331, 'value', attributes?.value || '');
+        return root_6f02f170823e4558bc9ed44ffd445e832z;
     })();
 }
 ;

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

@@ -1,4 +1,4 @@
-import * as template_1995aa1ec679424a8d082c2afd298cae1 from '@esportsplus/template';
+import * as template_6f02f170823e4558bc9ed44ffd445e831 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_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>;
-    }, attributes: Readonly<A>, content: template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>) => Renderable<any>>;
+        content?: template_6f02f170823e4558bc9ed44ffd445e831.Renderable<any>;
+    }, attributes: Readonly<A>, content: template_6f02f170823e4558bc9ed44ffd445e831.Renderable<any>) => Renderable<any>>;
     <T extends A>(attributes: T): ReturnType<(this: {
         attributes?: A | undefined;
-        content?: template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>;
-    }, attributes: Readonly<A>, content: template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>) => Renderable<any>>;
-    <T extends template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>>(content: T): ReturnType<(this: {
+        content?: template_6f02f170823e4558bc9ed44ffd445e831.Renderable<any>;
+    }, attributes: Readonly<A>, content: template_6f02f170823e4558bc9ed44ffd445e831.Renderable<any>) => Renderable<any>>;
+    <T extends template_6f02f170823e4558bc9ed44ffd445e831.Renderable<any>>(content: T): ReturnType<(this: {
         attributes?: A | undefined;
-        content?: template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>;
-    }, attributes: Readonly<A>, content: template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>) => Renderable<any>>;
-    (attributes: A, content: template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>): ReturnType<(this: {
+        content?: template_6f02f170823e4558bc9ed44ffd445e831.Renderable<any>;
+    }, attributes: Readonly<A>, content: template_6f02f170823e4558bc9ed44ffd445e831.Renderable<any>) => Renderable<any>>;
+    (attributes: A, content: template_6f02f170823e4558bc9ed44ffd445e831.Renderable<any>): ReturnType<(this: {
         attributes?: A | undefined;
-        content?: template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>;
-    }, attributes: Readonly<A>, content: template_1995aa1ec679424a8d082c2afd298cae1.Renderable<any>) => Renderable<any>>;
+        content?: template_6f02f170823e4558bc9ed44ffd445e831.Renderable<any>;
+    }, attributes: Readonly<A>, content: template_6f02f170823e4558bc9ed44ffd445e831.Renderable<any>) => Renderable<any>>;
 };
 export default _default;

package/build/components/tooltip/menu.js

@@ -1,42 +1,38 @@
-import * as template_1995aa1ec679424a8d082c2afd298cae1 from '@esportsplus/template';
+import * as template_6f02f170823e4558bc9ed44ffd445e831 from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import onclick from './onclick.js';
-const template_1995aa1ec679424a8d082c2afd298cae33 = template_1995aa1ec679424a8d082c2afd298cae1.template(`<a
- class='link --width-full'
- target='_blank'><!--$--></a>`);
-const template_1995aa1ec679424a8d082c2afd298cae37 = template_1995aa1ec679424a8d082c2afd298cae1.template(`<div
- class='link --width-full'><!--$--></div>`);
-const template_1995aa1ec679424a8d082c2afd298cae3b = template_1995aa1ec679424a8d082c2afd298cae1.template(`<!--$--><div
- class='tooltip-content '><!--$--></div>`);
+const template_6f02f170823e4558bc9ed44ffd445e8333 = template_6f02f170823e4558bc9ed44ffd445e831.template(`<a class='link --width-full' target='_blank'><!--$--></a>`);
+const template_6f02f170823e4558bc9ed44ffd445e8337 = template_6f02f170823e4558bc9ed44ffd445e831.template(`<div class='link --width-full'><!--$--></div>`);
+const template_6f02f170823e4558bc9ed44ffd445e833b = template_6f02f170823e4558bc9ed44ffd445e831.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_1995aa1ec679424a8d082c2afd298cae3a = template_1995aa1ec679424a8d082c2afd298cae3b(), element_1995aa1ec679424a8d082c2afd298cae3c = root_1995aa1ec679424a8d082c2afd298cae3a.firstChild, element_1995aa1ec679424a8d082c2afd298cae3d = element_1995aa1ec679424a8d082c2afd298cae3c.nextSibling, element_1995aa1ec679424a8d082c2afd298cae3e = element_1995aa1ec679424a8d082c2afd298cae3d.firstChild;
-        template_1995aa1ec679424a8d082c2afd298cae1.slot(element_1995aa1ec679424a8d082c2afd298cae3c, content);
-        template_1995aa1ec679424a8d082c2afd298cae1.setClass(element_1995aa1ec679424a8d082c2afd298cae3d, ' ', `tooltip-content--${tooltipContentDirection}`);
-        template_1995aa1ec679424a8d082c2afd298cae1.setProperties(element_1995aa1ec679424a8d082c2afd298cae3d, tooltipContent && omit(tooltipContent, OMIT_TOOLTIP_CONTENT));
-        template_1995aa1ec679424a8d082c2afd298cae1.slot(element_1995aa1ec679424a8d082c2afd298cae3e, options.map((o) => {
+        let root_6f02f170823e4558bc9ed44ffd445e833a = template_6f02f170823e4558bc9ed44ffd445e833b(), element_6f02f170823e4558bc9ed44ffd445e833c = root_6f02f170823e4558bc9ed44ffd445e833a.firstChild, element_6f02f170823e4558bc9ed44ffd445e833d = element_6f02f170823e4558bc9ed44ffd445e833c.nextSibling, element_6f02f170823e4558bc9ed44ffd445e833e = element_6f02f170823e4558bc9ed44ffd445e833d.firstChild;
+        template_6f02f170823e4558bc9ed44ffd445e831.slot(element_6f02f170823e4558bc9ed44ffd445e833c, content);
+        template_6f02f170823e4558bc9ed44ffd445e831.setClass(element_6f02f170823e4558bc9ed44ffd445e833d, '', `tooltip-content--${tooltipContentDirection}`);
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e833d, tooltipContent && omit(tooltipContent, OMIT_TOOLTIP_CONTENT), { "class": "" });
+        template_6f02f170823e4558bc9ed44ffd445e831.slot(element_6f02f170823e4558bc9ed44ffd445e833e, options.map((o) => {
             if (o.href) {
                 return (() => {
-                    let root_1995aa1ec679424a8d082c2afd298cae32 = template_1995aa1ec679424a8d082c2afd298cae33(), element_1995aa1ec679424a8d082c2afd298cae34 = root_1995aa1ec679424a8d082c2afd298cae32.firstChild, element_1995aa1ec679424a8d082c2afd298cae35 = element_1995aa1ec679424a8d082c2afd298cae34.firstChild;
-                    template_1995aa1ec679424a8d082c2afd298cae1.setProperties(element_1995aa1ec679424a8d082c2afd298cae34, omit(o, OMIT_OPTION));
-                    template_1995aa1ec679424a8d082c2afd298cae1.setProperties(element_1995aa1ec679424a8d082c2afd298cae34, option);
-                    template_1995aa1ec679424a8d082c2afd298cae1.slot(element_1995aa1ec679424a8d082c2afd298cae35, o.content);
-                    return root_1995aa1ec679424a8d082c2afd298cae32;
+                    let root_6f02f170823e4558bc9ed44ffd445e8332 = template_6f02f170823e4558bc9ed44ffd445e8333(), element_6f02f170823e4558bc9ed44ffd445e8334 = root_6f02f170823e4558bc9ed44ffd445e8332.firstChild, element_6f02f170823e4558bc9ed44ffd445e8335 = element_6f02f170823e4558bc9ed44ffd445e8334.firstChild;
+                    template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e8334, omit(o, OMIT_OPTION), { "class": "--width-full" });
+                    template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e8334, option, { "class": "--width-full" });
+                    template_6f02f170823e4558bc9ed44ffd445e831.slot(element_6f02f170823e4558bc9ed44ffd445e8335, o.content);
+                    return root_6f02f170823e4558bc9ed44ffd445e8332;
                 })();
             }
             return (() => {
-                let root_1995aa1ec679424a8d082c2afd298cae36 = template_1995aa1ec679424a8d082c2afd298cae37(), element_1995aa1ec679424a8d082c2afd298cae38 = root_1995aa1ec679424a8d082c2afd298cae36.firstChild, element_1995aa1ec679424a8d082c2afd298cae39 = element_1995aa1ec679424a8d082c2afd298cae38.firstChild;
-                template_1995aa1ec679424a8d082c2afd298cae1.setProperties(element_1995aa1ec679424a8d082c2afd298cae38, omit(o, OMIT_OPTION));
-                template_1995aa1ec679424a8d082c2afd298cae1.setProperties(element_1995aa1ec679424a8d082c2afd298cae38, option);
-                template_1995aa1ec679424a8d082c2afd298cae1.slot(element_1995aa1ec679424a8d082c2afd298cae39, o.content);
-                return root_1995aa1ec679424a8d082c2afd298cae36;
+                let root_6f02f170823e4558bc9ed44ffd445e8336 = template_6f02f170823e4558bc9ed44ffd445e8337(), element_6f02f170823e4558bc9ed44ffd445e8338 = root_6f02f170823e4558bc9ed44ffd445e8336.firstChild, element_6f02f170823e4558bc9ed44ffd445e8339 = element_6f02f170823e4558bc9ed44ffd445e8338.firstChild;
+                template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e8338, omit(o, OMIT_OPTION), { "class": "--width-full" });
+                template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e8338, option, { "class": "--width-full" });
+                template_6f02f170823e4558bc9ed44ffd445e831.slot(element_6f02f170823e4558bc9ed44ffd445e8339, o.content);
+                return root_6f02f170823e4558bc9ed44ffd445e8336;
             })();
         }));
-        return root_1995aa1ec679424a8d082c2afd298cae3a;
+        return root_6f02f170823e4558bc9ed44ffd445e833a;
     })());
 });