@esportsplus/ui 0.0.86 → 0.0.89

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

@@ -2,7 +2,7 @@ declare function deactivate(): void;
 declare const _default: {
     deactivate: typeof deactivate;
     error: (messages: string | string[], seconds?: number) => void;
-    html: () => () => "" | import("@esportsplus/template/build/types").Template;
+    html: () => () => "" | import("@esportsplus/template/build/types").Renderable;
     info: (messages: string | string[], seconds?: number) => void;
     success: (messages: string | string[], seconds?: number) => void;
     types: readonly ["error", "info", "success"];

package/build/components/alert/index.js

@@ -1,10 +1,12 @@
-import { reactive } from '@esportsplus/reactivity';
-import { html } from '@esportsplus/template';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const reactivity_1 = require("@esportsplus/reactivity");
+const template_1 = require("@esportsplus/template");
 let modifiers = {
     error: 'red',
     info: 'black',
     success: 'green'
-}, state = reactive({
+}, state = (0, reactivity_1.reactive)({
     active: false,
     messages: new Set,
     seconds: 0,
@@ -86,7 +88,7 @@ const error = (messages, seconds = 0) => activate('error', messages, seconds);
 const info = (messages, seconds = 0) => activate('info', messages, seconds);
 const success = (messages, seconds = 0) => activate('success', messages, seconds);
 const h = () => {
-    return () => state.active ? html `
+    return () => state.active ? (0, template_1.html) `
         <div class='alert anchor anchor--ne ${() => state.active && '--active'} ${() => `alert--${state.state}`}'>
             <div class="alert-close --flex-start --margin-right --margin-100" onclick='${deactivate}'>
                 <div class='button --background-state ${() => `--background-${modifiers[state.type] || 'black'}`} --color-state --color-white --flex-center --padding-300'>
@@ -106,7 +108,7 @@ const h = () => {
                             <h5 class="page-title">
                                 ${() => state.type.charAt(0).toUpperCase() + state.type.slice(1)}
                             </h5>
-                            ${() => state.type && [...state.messages].map((message) => html `
+                            ${() => state.type && [...state.messages].map((message) => (0, template_1.html) `
                                 <p class='--margin-top --margin-border-width-500'>${message}</p>
                             `)}
                         </div>
@@ -117,4 +119,4 @@ const h = () => {
     ` : '';
 };
 const types = ['error', 'info', 'success'];
-export default { deactivate, error, html: h, info, success, types };
+exports.default = { deactivate, error, html: h, info, success, types };

package/build/components/field/checkbox.d.ts

@@ -13,5 +13,5 @@ type Data = {
     title: string;
     value?: any;
 } & Parameters<typeof description>[0];
-declare const _default: (data: Data) => import("@esportsplus/template/build/types").Template;
+declare const _default: (data: Data) => import("@esportsplus/template/build/types").Renderable;
 export default _default;

package/build/components/field/checkbox.js

@@ -1,11 +1,16 @@
-import { reactive } from '@esportsplus/reactivity';
-import { html } from '@esportsplus/template';
-import description from './description';
-export default (data) => {
-    let state = reactive({
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const reactivity_1 = require("@esportsplus/reactivity");
+const template_1 = require("@esportsplus/template");
+const description_1 = __importDefault(require("./description"));
+exports.default = (data) => {
+    let state = (0, reactivity_1.reactive)({
         active: false
     });
-    return html `
+    return (0, template_1.html) `
         <div
             class="field --flex-column ${data?.class || ''} ${() => state.active ? '--active' : ''}"
             onchange='${(e) => {
@@ -35,7 +40,7 @@ export default (data) => {
 
             ${data?.field?.content || ''}
 
-            ${description(data)}
+            ${(0, description_1.default)(data)}
         </div>
     `;
 };

package/build/components/field/description.d.ts

@@ -1,4 +1,4 @@
 declare const _default: (data: {
     description?: string;
-}) => "" | import("@esportsplus/template/build/types").Template;
+}) => "" | import("@esportsplus/template/build/types").Renderable;
 export default _default;

package/build/components/field/description.js

@@ -1,9 +1,11 @@
-import { html } from '@esportsplus/template';
-export default (data) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const template_1 = require("@esportsplus/template");
+exports.default = (data) => {
     if (!data?.description) {
         return '';
     }
-    return html `
+    return (0, template_1.html) `
         <div class='field-description --margin-top --margin-300'>${data.description}</div>
     `;
 };

package/build/components/field/error.d.ts

@@ -1,4 +1,4 @@
 declare const _default: (data: {
     error: string;
-}) => () => "" | import("@esportsplus/template/build/types").Template;
+}) => () => "" | import("@esportsplus/template/build/types").Renderable;
 export default _default;

package/build/components/field/error.js

@@ -1,10 +1,12 @@
-import { html } from '@esportsplus/template';
-export default (data) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const template_1 = require("@esportsplus/template");
+exports.default = (data) => {
     return () => {
         if (!data.error) {
             return '';
         }
-        return html `
+        return (0, template_1.html) `
             <div class='field-error --margin-top --margin-300 --text-bold'>${data.error}</div>
         `;
     };

package/build/components/field/file.d.ts

@@ -14,5 +14,5 @@ type Data = {
     type?: string;
     value?: unknown;
 } & Parameters<typeof description>[0] & Parameters<typeof title>[0];
-declare const _default: (data: Data) => import("@esportsplus/template/build/types").Template;
+declare const _default: (data: Data) => import("@esportsplus/template/build/types").Renderable;
 export default _default;

package/build/components/field/file.js

@@ -1,15 +1,20 @@
-import { reactive } from '@esportsplus/reactivity';
-import { html } from '@esportsplus/template';
-import { form } from '../../components';
-import description from './description';
-import error from './error';
-import title from './title';
-export default (data) => {
-    let state = reactive({
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const reactivity_1 = require("@esportsplus/reactivity");
+const template_1 = require("@esportsplus/template");
+const components_1 = require("../../components");
+const description_1 = __importDefault(require("./description"));
+const error_1 = __importDefault(require("./error"));
+const title_1 = __importDefault(require("./title"));
+exports.default = (data) => {
+    let state = (0, reactivity_1.reactive)({
         active: false,
         error: ''
     });
-    return html `
+    return (0, template_1.html) `
         <div
             class="field ${data?.class || ''} ${() => state.active ? '--active' : ''} --flex-column"
             onfocusin='${() => {
@@ -20,7 +25,7 @@ export default (data) => {
     }}'
             style='${data?.style || ''}'
         >
-            ${title(data)}
+            ${(0, title_1.default)(data)}
 
             <label
                 class='field-mask field-mask--input --flex-row ${data?.mask?.class || ''} ${(data?.title || (data?.class || '').indexOf('field--optional') !== -1) && '--margin-top'} --margin-300'
@@ -30,7 +35,7 @@ export default (data) => {
                     ${data?.accept ? `accept='${data.accept}'` : ''}
                     class='field-tag field-tag--hidden'
                     name='${data.name}'
-                    onrender='${form.input.attributes(state)}'
+                    onrender='${components_1.form.input.attributes(state)}'
                     type='file'
                     ${data?.value !== undefined ? `value='${data.value}'` : ''}
                 >
@@ -38,8 +43,8 @@ export default (data) => {
                 ${data?.mask?.content || ''}
             </label>
 
-            ${description(data)}
-            ${error(state)}
+            ${(0, description_1.default)(data)}
+            ${(0, error_1.default)(state)}
         </div>
     `;
 };

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

@@ -14,7 +14,7 @@ declare const _default: {
         value?: any;
     } & {
         description?: string | undefined;
-    }) => import("@esportsplus/template/build/types").Template;
+    }) => import("@esportsplus/template/build/types").Renderable;
     file: (data: {
         accept?: string | undefined;
         class?: string | undefined;
@@ -33,7 +33,7 @@ declare const _default: {
     } & {
         required?: boolean | undefined;
         title?: string | undefined;
-    }) => import("@esportsplus/template/build/types").Template;
+    }) => import("@esportsplus/template/build/types").Renderable;
     optional: {
         select: (data: {
             class?: string | undefined;
@@ -84,7 +84,7 @@ declare const _default: {
                 required?: boolean | undefined;
                 title?: string | undefined;
             };
-        }) => import("@esportsplus/template/build/types").Template;
+        }) => import("@esportsplus/template/build/types").Renderable;
         text: (data: {
             class?: string | undefined;
             field?: {
@@ -123,7 +123,7 @@ declare const _default: {
                 required?: boolean | undefined;
                 title?: string | undefined;
             };
-        }) => import("@esportsplus/template/build/types").Template;
+        }) => import("@esportsplus/template/build/types").Renderable;
     };
     select: (data: {
         class?: string | undefined;
@@ -157,7 +157,7 @@ declare const _default: {
     } & {
         required?: boolean | undefined;
         title?: string | undefined;
-    }) => import("@esportsplus/template/build/types").Template;
+    }) => import("@esportsplus/template/build/types").Renderable;
     switch: (data: {
         class?: string | undefined;
         field?: {
@@ -173,7 +173,7 @@ declare const _default: {
         value?: any;
     } & {
         description?: string | undefined;
-    }) => import("@esportsplus/template/build/types").Template;
+    }) => import("@esportsplus/template/build/types").Renderable;
     textarea: (data: {
         class?: string | undefined;
         mask?: {
@@ -195,7 +195,7 @@ declare const _default: {
     } & {
         required?: boolean | undefined;
         title?: string | undefined;
-    }) => import("@esportsplus/template/build/types").Template;
+    }) => import("@esportsplus/template/build/types").Renderable;
     text: (data: {
         class?: string | undefined;
         mask?: {
@@ -217,6 +217,6 @@ declare const _default: {
     } & {
         required?: boolean | undefined;
         title?: string | undefined;
-    }) => import("@esportsplus/template/build/types").Template;
+    }) => import("@esportsplus/template/build/types").Renderable;
 };
 export default _default;

package/build/components/field/index.js

@@ -1,8 +1,13 @@
-import checkbox from './checkbox';
-import file from './file';
-import optional from './optional';
-import select from './select';
-import s from './switch';
-import textarea from './textarea';
-import text from './text';
-export default { checkbox, file, optional, select, switch: s, textarea, text };
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const checkbox_1 = __importDefault(require("./checkbox"));
+const file_1 = __importDefault(require("./file"));
+const optional_1 = __importDefault(require("./optional"));
+const select_1 = __importDefault(require("./select"));
+const switch_1 = __importDefault(require("./switch"));
+const textarea_1 = __importDefault(require("./textarea"));
+const text_1 = __importDefault(require("./text"));
+exports.default = { checkbox: checkbox_1.default, file: file_1.default, optional: optional_1.default, select: select_1.default, switch: switch_1.default, textarea: textarea_1.default, text: text_1.default };

package/build/components/field/optional.d.ts

@@ -48,7 +48,7 @@ declare const _default: {
             required?: boolean | undefined;
             title?: string | undefined;
         };
-    }) => import("@esportsplus/template/build/types").Template;
+    }) => import("@esportsplus/template/build/types").Renderable;
     text: (data: {
         class?: string | undefined;
         field?: {
@@ -87,6 +87,6 @@ declare const _default: {
             required?: boolean | undefined;
             title?: string | undefined;
         };
-    }) => import("@esportsplus/template/build/types").Template;
+    }) => import("@esportsplus/template/build/types").Renderable;
 };
 export default _default;

package/build/components/field/optional.js

@@ -1,16 +1,21 @@
-import sel from './select';
-import s from './switch';
-import tex from './text';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const select_1 = __importDefault(require("./select"));
+const switch_1 = __importDefault(require("./switch"));
+const text_1 = __importDefault(require("./text"));
 const select = (data) => {
-    data.field.content = sel(Object.assign(data.field || {}, {
+    data.field.content = (0, select_1.default)(Object.assign(data.field || {}, {
         class: `field--optional ${data?.field?.class || ''}`
     }));
-    return s(data);
+    return (0, switch_1.default)(data);
 };
 const text = (data) => {
-    data.field.content = tex(Object.assign(data.field || {}, {
+    data.field.content = (0, text_1.default)(Object.assign(data.field || {}, {
         class: `field--optional ${data?.field?.class || ''}`
     }));
-    return s(data);
+    return (0, switch_1.default)(data);
 };
-export default { select, text };
+exports.default = { select, text };

package/build/components/field/select.d.ts

@@ -28,5 +28,5 @@ type Data = {
         style?: string;
     };
 } & Parameters<typeof description>[0] & Parameters<typeof title>[0];
-declare const _default: (data: Data) => import("@esportsplus/template/build/types").Template;
+declare const _default: (data: Data) => import("@esportsplus/template/build/types").Renderable;
 export default _default;

package/build/components/field/select.js

@@ -1,9 +1,14 @@
-import { reactive } from '@esportsplus/reactivity';
-import { html } from '@esportsplus/template';
-import { form, scrollbar, root } from '../../components';
-import description from './description';
-import error from './error';
-import title from './title';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const reactivity_1 = require("@esportsplus/reactivity");
+const template_1 = require("@esportsplus/template");
+const components_1 = require("../../components");
+const description_1 = __importDefault(require("./description"));
+const error_1 = __importDefault(require("./error"));
+const title_1 = __importDefault(require("./title"));
 function parse(keys, selected) {
     let options = {};
     for (let key of keys) {
@@ -16,11 +21,11 @@ function parse(keys, selected) {
     };
 }
 function template(data, state) {
-    let { attributes: a, html: h } = scrollbar({
+    let { attributes: a, html: h } = (0, components_1.scrollbar)({
         fixed: true,
         style: data?.scrollbar?.style || '--background-default: var(--color-black-400);'
     });
-    return html `
+    return (0, template_1.html) `
         <div
             class='tooltip-content tooltip-content--${data?.tooltip?.direction || 's'} ${data?.tooltip?.class || ''} --flex-column --width-full'
             style='${data?.tooltip?.style || ''}'
@@ -42,7 +47,7 @@ function template(data, state) {
     }}'
                 ${a}
             >
-                ${Object.keys(data.options || {}).map((key) => html `
+                ${Object.keys(data.options || {}).map((key) => (0, template_1.html) `
                     <div
                         class='link ${data?.option?.class || ''} ${() => state.options[key] ? '--active' : ''} --flex-vertical' data-key='${key}'
                         style='${data?.option?.style || ''}'
@@ -58,15 +63,15 @@ function template(data, state) {
         </div>
     `;
 }
-export default (data) => {
-    let state = reactive(Object.assign({
+exports.default = (data) => {
+    let state = (0, reactivity_1.reactive)(Object.assign({
         active: false,
         error: '',
         render: false,
     }, parse(Object.keys(data.options || {}), data.selected)));
-    return html `
+    return (0, template_1.html) `
         <div class="field tooltip ${data?.class || ''} ${() => state.active ? '--active' : ''} --flex-column" style='${data?.style || ''}'>
-            ${title(data)}
+            ${(0, title_1.default)(data)}
 
             <label
                 class="field-mask field-mask--select --flex-row ${data?.mask?.class || ''} ${(data?.title || (data?.class || '').indexOf('field--optional') !== -1) && '--margin-top'} --margin-300 --padding-400"
@@ -74,7 +79,7 @@ export default (data) => {
         state.render = true;
         state.active = !state.active;
         if (state.active) {
-            root.queue.onclick(() => state.active = false);
+            components_1.root.queue.onclick(() => state.active = false);
         }
     }}'
                 style='${data?.mask?.style || ''}'
@@ -83,7 +88,7 @@ export default (data) => {
                     class='field-tag field-tag--hidden'
                     name='${data.name}'
                     onclick='${() => { }}'
-                    onrender='${form.input.attributes(state)}'
+                    onrender='${components_1.form.input.attributes(state)}'
                     value='${() => state.selected}'
                 >
 
@@ -96,8 +101,8 @@ export default (data) => {
                 ${() => state.render ? template(data, state) : ''}
             </label>
 
-            ${description(data)}
-            ${error(state)}
+            ${(0, description_1.default)(data)}
+            ${(0, error_1.default)(state)}
         </div>
     `;
 };

package/build/components/field/switch.d.ts

@@ -1,3 +1,3 @@
 import checkbox from './checkbox';
-declare const _default: (data: Parameters<typeof checkbox>[0]) => import("@esportsplus/template/build/types").Template;
+declare const _default: (data: Parameters<typeof checkbox>[0]) => import("@esportsplus/template/build/types").Renderable;
 export default _default;

package/build/components/field/switch.js

@@ -1,6 +1,11 @@
-import checkbox from './checkbox';
-export default (data) => {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const checkbox_1 = __importDefault(require("./checkbox"));
+exports.default = (data) => {
     data.mask = data.mask || {};
     data.mask.class = `field-mask--switch ${data.mask?.class || ''}`;
-    return checkbox(data);
+    return (0, checkbox_1.default)(data);
 };

package/build/components/field/text.d.ts

@@ -17,5 +17,5 @@ type Data = {
     type?: string;
     value?: unknown;
 } & Parameters<typeof description>[0] & Parameters<typeof title>[0];
-declare const _default: (data: Data) => import("@esportsplus/template/build/types").Template;
+declare const _default: (data: Data) => import("@esportsplus/template/build/types").Renderable;
 export default _default;

package/build/components/field/text.js

@@ -1,15 +1,20 @@
-import { reactive } from '@esportsplus/reactivity';
-import { html } from '@esportsplus/template';
-import { form } from '../../components';
-import description from './description';
-import error from './error';
-import title from './title';
-export default (data) => {
-    let state = reactive({
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const reactivity_1 = require("@esportsplus/reactivity");
+const template_1 = require("@esportsplus/template");
+const components_1 = require("../../components");
+const description_1 = __importDefault(require("./description"));
+const error_1 = __importDefault(require("./error"));
+const title_1 = __importDefault(require("./title"));
+exports.default = (data) => {
+    let state = (0, reactivity_1.reactive)({
         active: false,
         error: ''
     });
-    return html `
+    return (0, template_1.html) `
         <div
             class="field ${data?.class || ''} ${() => state.active ? '--active' : ''} --flex-column"
             onfocusin='${() => {
@@ -20,7 +25,7 @@ export default (data) => {
     }}'
             style='${data?.style || ''}'
         >
-            ${title(data)}
+            ${(0, title_1.default)(data)}
 
             <label
                 class='field-mask field-mask--input --flex-row ${data?.mask?.class || ''} ${(data?.title || (data?.class || '').indexOf('field--optional') !== -1) ? '--margin-top' : ''} --margin-300'
@@ -30,17 +35,17 @@ export default (data) => {
                     class='field-tag --padding-400 ${data?.tag?.class || ''}'
                     name='${data?.name || ''}'
                     placeholder='${data?.placeholder || ''}'
-                    onrender='${form.input.attributes(state)}'
+                    onrender='${components_1.form.input.attributes(state)}'
                     type='${data?.type || 'string'}'
-                    ${!data?.textarea && data?.value !== undefined ? html `value='${data.value}'` : ''}
+                    ${!data?.textarea && data?.value !== undefined ? (0, template_1.html) `value='${data.value}'` : ''}
                 >
-                ${data?.textarea ? html `${data?.value || ''}</textarea>` : ''}
+                ${data?.textarea ? (0, template_1.html) `${data?.value || ''}</textarea>` : ''}
 
                 ${data?.mask?.content || ''}
             </label>
 
-            ${description(data)}
-            ${error(state)}
+            ${(0, description_1.default)(data)}
+            ${(0, error_1.default)(state)}
         </div>
     `;
 };

package/build/components/field/textarea.d.ts

@@ -1,3 +1,3 @@
 import text from './text';
-declare const _default: (data: Parameters<typeof text>[0]) => import("@esportsplus/template/build/types").Template;
+declare const _default: (data: Parameters<typeof text>[0]) => import("@esportsplus/template/build/types").Renderable;
 export default _default;

package/build/components/field/textarea.js

@@ -1,5 +1,10 @@
-import text from './text';
-export default (data) => {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const text_1 = __importDefault(require("./text"));
+exports.default = (data) => {
     data.textarea = true;
-    return text(data);
+    return (0, text_1.default)(data);
 };

package/build/components/field/title.d.ts

@@ -1,5 +1,5 @@
 declare const _default: (data: {
     required?: boolean;
     title?: string;
-}) => "" | import("@esportsplus/template/build/types").Template;
+}) => "" | import("@esportsplus/template/build/types").Renderable;
 export default _default;

package/build/components/field/title.js

@@ -1,15 +1,17 @@
-import { html } from '@esportsplus/template';
-import { tooltip } from '../../components';
-export default (data) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const template_1 = require("@esportsplus/template");
+const components_1 = require("../../components");
+exports.default = (data) => {
     if (!data?.title) {
         return '';
     }
-    let { attributes } = tooltip.onhover();
-    return html `
+    let { attributes } = components_1.tooltip.onhover();
+    return (0, template_1.html) `
         <div class="field-title --flex-horizontal-space-between --flex-vertical">
             ${data.title}
 
-            ${data?.required && html `
+            ${data?.required && (0, template_1.html) `
                 <div class="bubble --background-primary --margin-left" ${attributes}>
                     <span class="tooltip-message tooltip-message--w">Required</span>
                 </div>

package/build/components/form/action.d.ts

@@ -1,2 +1,5 @@
 import { Action } from './types';
-export default function (action: Action): import("@esportsplus/template/build/types").Template;
+export default function (action: Action): {
+    onclick: (this: HTMLFormElement, event: Event) => void;
+    onsubmit: (this: HTMLFormElement, event: SubmitEvent) => Promise<void>;
+};