@esportsplus/ui 0.0.83 → 0.0.85

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

@@ -1,100 +1,92 @@
-declare const _default: {
-    select: (data: {
-        class?: string | undefined;
-        field?: {
-            content?: any;
-        } | undefined;
-        mask?: {
-            class?: string | undefined;
-            style?: string | undefined;
-        } | undefined;
-        name?: string | undefined;
-        style?: string | undefined;
-        title: string;
-        value?: any;
-    } & {
-        description?: string | undefined;
-    } & {
-        field: {
-            class?: string | undefined;
-            effect?: ((selected: string | number) => void) | undefined;
-            mask?: {
-                class?: string | undefined;
-                content?: any;
-                style?: string | undefined;
-            } | undefined;
-            name?: string | undefined;
-            options: Record<string | number, string | number>;
-            option?: {
-                class?: string | undefined;
-                style?: string | undefined;
-            } | undefined;
-            selected?: any;
-            scrollbar?: {
-                style?: string | undefined;
-            } | undefined;
-            style?: string | undefined;
-            text?: {
-                class?: string | undefined;
-            } | undefined;
-            tooltip?: {
-                class?: string | undefined;
-                direction?: any;
-                style?: string | undefined;
-            } | undefined;
-        } & {
-            description?: string | undefined;
-        } & {
-            required?: boolean | undefined;
-            title?: string | undefined;
-        };
-    }) => {
-        content: string;
-        type: string;
-        values: never[];
-    };
-    text: (data: {
-        class?: string | undefined;
-        field?: {
-            content?: any;
-        } | undefined;
-        mask?: {
-            class?: string | undefined;
-            style?: string | undefined;
-        } | undefined;
-        name?: string | undefined;
-        style?: string | undefined;
-        title: string;
-        value?: any;
-    } & {
-        description?: string | undefined;
-    } & {
-        field: {
-            class?: string | undefined;
-            mask?: {
-                class?: string | undefined;
-                content?: any;
-                style?: string | undefined;
-            } | undefined;
-            name?: string | undefined;
-            placeholder?: string | undefined;
-            style?: string | undefined;
-            tag?: {
-                class?: string | undefined;
-            } | undefined;
-            textarea?: boolean | undefined;
-            type?: string | undefined;
-            value?: unknown;
-        } & {
-            description?: string | undefined;
-        } & {
-            required?: boolean | undefined;
-            title?: string | undefined;
-        };
-    }) => {
-        content: string;
-        type: string;
-        values: never[];
-    };
-};
-export default _default;
+declare const _default: {
+    select: (data: {
+        class?: string | undefined;
+        field?: {
+            content?: any;
+        } | undefined;
+        mask?: {
+            class?: string | undefined;
+            style?: string | undefined;
+        } | undefined;
+        name?: string | undefined;
+        style?: string | undefined;
+        title: string;
+        value?: any;
+    } & {
+        description?: string | undefined;
+    } & {
+        field: {
+            class?: string | undefined;
+            effect?: ((selected: string | number) => void) | undefined;
+            mask?: {
+                class?: string | undefined;
+                content?: any;
+                style?: string | undefined;
+            } | undefined;
+            name?: string | undefined;
+            options: Record<string | number, string | number>;
+            option?: {
+                class?: string | undefined;
+                style?: string | undefined;
+            } | undefined;
+            selected?: any;
+            scrollbar?: {
+                style?: string | undefined;
+            } | undefined;
+            style?: string | undefined;
+            text?: {
+                class?: string | undefined;
+            } | undefined;
+            tooltip?: {
+                class?: string | undefined;
+                direction?: any;
+                style?: string | undefined;
+            } | undefined;
+        } & {
+            description?: string | undefined;
+        } & {
+            required?: boolean | undefined;
+            title?: string | undefined;
+        };
+    }) => import("@esportsplus/template/build/types").Template;
+    text: (data: {
+        class?: string | undefined;
+        field?: {
+            content?: any;
+        } | undefined;
+        mask?: {
+            class?: string | undefined;
+            style?: string | undefined;
+        } | undefined;
+        name?: string | undefined;
+        style?: string | undefined;
+        title: string;
+        value?: any;
+    } & {
+        description?: string | undefined;
+    } & {
+        field: {
+            class?: string | undefined;
+            mask?: {
+                class?: string | undefined;
+                content?: any;
+                style?: string | undefined;
+            } | undefined;
+            name?: string | undefined;
+            placeholder?: string | undefined;
+            style?: string | undefined;
+            tag?: {
+                class?: string | undefined;
+            } | undefined;
+            textarea?: boolean | undefined;
+            type?: string | undefined;
+            value?: unknown;
+        } & {
+            description?: string | undefined;
+        } & {
+            required?: boolean | undefined;
+            title?: string | undefined;
+        };
+    }) => import("@esportsplus/template/build/types").Template;
+};
+export default _default;

package/build/components/field/optional.js

@@ -1,16 +1,16 @@
-import sel from './select';
-import s from './switch';
-import tex from './text';
-const select = (data) => {
-    data.field.content = sel(Object.assign(data.field || {}, {
-        class: `field--optional ${data?.field?.class || ''}`
-    }));
-    return s(data);
-};
-const text = (data) => {
-    data.field.content = tex(Object.assign(data.field || {}, {
-        class: `field--optional ${data?.field?.class || ''}`
-    }));
-    return s(data);
-};
-export default { select, text };
+import sel from './select';
+import s from './switch';
+import tex from './text';
+const select = (data) => {
+    data.field.content = sel(Object.assign(data.field || {}, {
+        class: `field--optional ${data?.field?.class || ''}`
+    }));
+    return s(data);
+};
+const text = (data) => {
+    data.field.content = tex(Object.assign(data.field || {}, {
+        class: `field--optional ${data?.field?.class || ''}`
+    }));
+    return s(data);
+};
+export default { select, text };

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

@@ -1,36 +1,32 @@
-import description from './description';
-import title from './title';
-type Data = {
-    class?: string;
-    effect?: (selected: number | string) => void;
-    mask?: {
-        class?: string;
-        content?: any;
-        style?: string;
-    };
-    name?: string;
-    options: Record<number | string, number | string>;
-    option?: {
-        class?: string;
-        style?: string;
-    };
-    selected?: any;
-    scrollbar?: {
-        style?: string;
-    };
-    style?: string;
-    text?: {
-        class?: string;
-    };
-    tooltip?: {
-        class?: string;
-        direction?: any;
-        style?: string;
-    };
-} & Parameters<typeof description>[0] & Parameters<typeof title>[0];
-declare const _default: (data: Data) => {
-    content: string;
-    type: string;
-    values: never[];
-};
-export default _default;
+import description from './description';
+import title from './title';
+type Data = {
+    class?: string;
+    effect?: (selected: number | string) => void;
+    mask?: {
+        class?: string;
+        content?: any;
+        style?: string;
+    };
+    name?: string;
+    options: Record<number | string, number | string>;
+    option?: {
+        class?: string;
+        style?: string;
+    };
+    selected?: any;
+    scrollbar?: {
+        style?: string;
+    };
+    style?: string;
+    text?: {
+        class?: string;
+    };
+    tooltip?: {
+        class?: string;
+        direction?: any;
+        style?: string;
+    };
+} & Parameters<typeof description>[0] & Parameters<typeof title>[0];
+declare const _default: (data: Data) => import("@esportsplus/template/build/types").Template;
+export default _default;

package/build/components/field/select.js

@@ -1,25 +1,25 @@
-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';
-function parse(keys, selected) {
-    let options = {};
-    for (let key of keys) {
-        options[key] = false;
-    }
-    options[selected] = true;
-    return {
-        options,
-        selected: selected || keys[0]
-    };
-}
-function template(data, state) {
-    let { attributes: a, html: h } = scrollbar({
-        fixed: true,
-        style: data?.scrollbar?.style || '--background-default: var(--color-black-400);'
-    });
+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';
+function parse(keys, selected) {
+    let options = {};
+    for (let key of keys) {
+        options[key] = false;
+    }
+    options[selected] = true;
+    return {
+        options,
+        selected: selected || keys[0]
+    };
+}
+function template(data, state) {
+    let { attributes: a, html: h } = scrollbar({
+        fixed: true,
+        style: data?.scrollbar?.style || '--background-default: var(--color-black-400);'
+    });
     return html `
         <div
             class='tooltip-content tooltip-content--${data?.tooltip?.direction || 's'} ${data?.tooltip?.class || ''} --flex-column --width-full'
@@ -27,18 +27,18 @@ function template(data, state) {
         >
             <div
                 class='row --flex-column'
-                onclick='${(e) => {
-        let key = e?.target?.dataset?.key;
-        if (key === undefined) {
-            return;
-        }
-        state.options[key] = true;
-        state.options[state.selected] = false;
-        state.active = false;
-        state.selected = key;
-        if (data.effect) {
-            data.effect(key);
-        }
+                onclick='${(e) => {
+        let key = e?.target?.dataset?.key;
+        if (key === undefined) {
+            return;
+        }
+        state.options[key] = true;
+        state.options[state.selected] = false;
+        state.active = false;
+        state.selected = key;
+        if (data.effect) {
+            data.effect(key);
+        }
     }}'
                 ${a}
             >
@@ -56,26 +56,26 @@ function template(data, state) {
 
             ${h}
         </div>
-    `;
-}
-export default (data) => {
-    let state = reactive(Object.assign({
-        active: false,
-        error: '',
-        render: false,
-    }, parse(Object.keys(data.options || {}), data.selected)));
+    `;
+}
+export default (data) => {
+    let state = reactive(Object.assign({
+        active: false,
+        error: '',
+        render: false,
+    }, parse(Object.keys(data.options || {}), data.selected)));
     return html `
         <div class="field tooltip ${data?.class || ''} ${() => state.active ? '--active' : ''} --flex-column" style='${data?.style || ''}'>
             ${title(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"
-                onclick='${() => {
-        state.render = true;
-        state.active = !state.active;
-        if (state.active) {
-            root.queue.onclick(() => state.active = false);
-        }
+                onclick='${() => {
+        state.render = true;
+        state.active = !state.active;
+        if (state.active) {
+            root.queue.onclick(() => state.active = false);
+        }
     }}'
                 style='${data?.mask?.style || ''}'
             >
@@ -99,5 +99,5 @@ export default (data) => {
             ${description(data)}
             ${error(state)}
         </div>
-    `;
-};
+    `;
+};

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

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

package/build/components/field/switch.js

@@ -1,6 +1,6 @@
-import checkbox from './checkbox';
-export default (data) => {
-    data.mask = data.mask || {};
-    data.mask.class = `field-mask--switch ${data.mask?.class || ''}`;
-    return checkbox(data);
-};
+import checkbox from './checkbox';
+export default (data) => {
+    data.mask = data.mask || {};
+    data.mask.class = `field-mask--switch ${data.mask?.class || ''}`;
+    return checkbox(data);
+};

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

@@ -1,25 +1,21 @@
-import description from './description';
-import title from './title';
-type Data = {
-    class?: string;
-    mask?: {
-        class?: string;
-        content?: any;
-        style?: string;
-    };
-    name?: string;
-    placeholder?: string;
-    style?: string;
-    tag?: {
-        class?: string;
-    };
-    textarea?: boolean;
-    type?: string;
-    value?: unknown;
-} & Parameters<typeof description>[0] & Parameters<typeof title>[0];
-declare const _default: (data: Data) => {
-    content: string;
-    type: string;
-    values: never[];
-};
-export default _default;
+import description from './description';
+import title from './title';
+type Data = {
+    class?: string;
+    mask?: {
+        class?: string;
+        content?: any;
+        style?: string;
+    };
+    name?: string;
+    placeholder?: string;
+    style?: string;
+    tag?: {
+        class?: string;
+    };
+    textarea?: boolean;
+    type?: string;
+    value?: unknown;
+} & Parameters<typeof description>[0] & Parameters<typeof title>[0];
+declare const _default: (data: Data) => import("@esportsplus/template/build/types").Template;
+export default _default;

package/build/components/field/text.js

@@ -1,22 +1,22 @@
-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({
-        active: false,
-        error: ''
-    });
+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({
+        active: false,
+        error: ''
+    });
     return html `
         <div
             class="field ${data?.class || ''} ${() => state.active ? '--active' : ''} --flex-column"
-            onfocusin='${() => {
-        state.active = true;
+            onfocusin='${() => {
+        state.active = true;
     }}'
-            onfocusout='${() => {
-        state.active = false;
+            onfocusout='${() => {
+        state.active = false;
     }}'
             style='${data?.style || ''}'
         >
@@ -42,5 +42,5 @@ export default (data) => {
             ${description(data)}
             ${error(state)}
         </div>
-    `;
-};
+    `;
+};

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

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

package/build/components/field/textarea.js

@@ -1,5 +1,5 @@
-import text from './text';
-export default (data) => {
-    data.textarea = true;
-    return text(data);
-};
+import text from './text';
+export default (data) => {
+    data.textarea = true;
+    return text(data);
+};

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

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

package/build/components/field/title.js

@@ -1,10 +1,10 @@
-import { html } from '@esportsplus/template';
-import { tooltip } from '../../components';
-export default (data) => {
-    if (!data?.title) {
-        return '';
-    }
-    let { attributes } = tooltip.onhover();
+import { html } from '@esportsplus/template';
+import { tooltip } from '../../components';
+export default (data) => {
+    if (!data?.title) {
+        return '';
+    }
+    let { attributes } = tooltip.onhover();
     return html `
         <div class="field-title --flex-horizontal-space-between --flex-vertical">
             ${data.title}
@@ -15,5 +15,5 @@ export default (data) => {
                 </div>
             `}
         </div>
-    `;
-};
+    `;
+};

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

@@ -1,6 +1,2 @@
-import { Action } from './types';
-export default function (action: Action): {
-    content: string;
-    type: string;
-    values: never[];
-};
+import { Action } from './types';
+export default function (action: Action): import("@esportsplus/template/build/types").Template;