@esportsplus/ui 0.0.83 → 0.0.85

package/build/components/form/action.js

@@ -1,46 +1,46 @@
-import { response } from '@esportsplus/action';
-import { html } from '@esportsplus/template';
-import alert from '../../components/alert';
-import input from './input';
-function parse(input) {
-    let data = {};
-    for (let path in input) {
-        let bucket = data, keys = path.indexOf('.') !== -1 ? path.split('.') : [path];
-        for (let i = 0; i < keys.length - 1; i++) {
-            bucket = bucket[keys[i]] = bucket[keys[i]] || {};
-        }
-        bucket[keys[keys.length - 1]] = input[path];
-    }
-    return data;
-}
-;
-export default function (action) {
-    return html({
-        onclick: function (event) {
-            let trigger = event.target;
-            if (trigger?.type !== 'submit') {
-                return;
-            }
-            event.preventDefault();
-            this.dispatchEvent(new SubmitEvent('submit', { cancelable: true, bubbles: true, submitter: trigger }));
-        },
-        onsubmit: async function (event) {
-            event.preventDefault();
-            event?.submitter?.classList.add('button--processing');
-            let { errors } = await action({
-                alert,
-                input: parse(Object.fromEntries(new FormData(this)?.entries())),
-                response
-            });
-            for (let i = 0, n = errors.length; i < n; i++) {
-                let { message, path } = errors[i], state = input.get(this[path]);
-                if (!state) {
-                    continue;
-                }
-                state.error = `${message[0].toUpperCase()}${message.substring(1)}`;
-            }
-            event?.submitter?.classList.remove('button--processing');
-        }
-    });
-}
-;
+import { response } from '@esportsplus/action';
+import { html } from '@esportsplus/template';
+import alert from '../../components/alert';
+import input from './input';
+function parse(input) {
+    let data = {};
+    for (let path in input) {
+        let bucket = data, keys = path.indexOf('.') !== -1 ? path.split('.') : [path];
+        for (let i = 0; i < keys.length - 1; i++) {
+            bucket = bucket[keys[i]] = bucket[keys[i]] || {};
+        }
+        bucket[keys[keys.length - 1]] = input[path];
+    }
+    return data;
+}
+;
+export default function (action) {
+    return html `
+        onclick='${function (event) {
+        let trigger = event.target;
+        if (trigger?.type !== 'submit') {
+            return;
+        }
+        event.preventDefault();
+        this.dispatchEvent(new SubmitEvent('submit', { cancelable: true, bubbles: true, submitter: trigger }));
+    }}'
+        onsubmit='${async function (event) {
+        event.preventDefault();
+        event?.submitter?.classList.add('button--processing');
+        let { errors } = await action({
+            alert,
+            input: parse(Object.fromEntries(new FormData(this)?.entries())),
+            response
+        });
+        for (let i = 0, n = errors.length; i < n; i++) {
+            let { message, path } = errors[i], state = input.get(this[path]);
+            if (!state) {
+                continue;
+            }
+            state.error = `${message[0].toUpperCase()}${message.substring(1)}`;
+        }
+        event?.submitter?.classList.remove('button--processing');
+    }}'
+    `;
+}
+;

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

@@ -1,31 +1,27 @@
-import action from './action';
-declare const _default: {
-    action: typeof action;
-    input: {
-        attributes: (reactive: {
-            error: string;
-        }) => (element: HTMLInputElement | HTMLSelectElement) => void;
-        get: (element?: HTMLInputElement | HTMLSelectElement | undefined) => {
-            error: string;
-        } | undefined;
-    };
-    layout: (data: {
-        action?: any;
-        button?: {
-            class?: string | undefined;
-            content?: any;
-            style?: string | undefined;
-        } | undefined;
-        class?: string | undefined;
-        content?: any;
-    } & {
-        subtitle?: string | undefined;
-        suptitle?: string | undefined;
-        title?: string | undefined;
-    }) => {
-        content: string;
-        type: string;
-        values: never[];
-    };
-};
-export default _default;
+import action from './action';
+declare const _default: {
+    action: typeof action;
+    input: {
+        attributes: (reactive: {
+            error: string;
+        }) => (element: HTMLInputElement | HTMLSelectElement) => void;
+        get: (element?: HTMLInputElement | HTMLSelectElement | undefined) => {
+            error: string;
+        } | undefined;
+    };
+    layout: (data: {
+        action?: any;
+        button?: {
+            class?: string | undefined;
+            content?: any;
+            style?: string | undefined;
+        } | undefined;
+        class?: string | undefined;
+        content?: any;
+    } & {
+        subtitle?: string | undefined;
+        suptitle?: string | undefined;
+        title?: string | undefined;
+    }) => import("@esportsplus/template/build/types").Template;
+};
+export default _default;

package/build/components/form/index.js

@@ -1,4 +1,4 @@
-import action from './action';
-import input from './input';
-import layout from './layout';
-export default { action, input, layout };
+import action from './action';
+import input from './input';
+import layout from './layout';
+export default { action, input, layout };

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

@@ -1,9 +1,9 @@
-declare const _default: {
-    attributes: (reactive: {
-        error: string;
-    }) => (element: HTMLInputElement | HTMLSelectElement) => void;
-    get: (element?: HTMLInputElement | HTMLSelectElement | undefined) => {
-        error: string;
-    } | undefined;
-};
-export default _default;
+declare const _default: {
+    attributes: (reactive: {
+        error: string;
+    }) => (element: HTMLInputElement | HTMLSelectElement) => void;
+    get: (element?: HTMLInputElement | HTMLSelectElement | undefined) => {
+        error: string;
+    } | undefined;
+};
+export default _default;

package/build/components/form/input.js

@@ -1,10 +1,10 @@
-let cache = new WeakMap();
-const attributes = (reactive) => {
-    return (element) => {
-        cache.set(element, reactive);
-    };
-};
-const get = (element) => {
-    return element ? cache.get(element) : undefined;
-};
-export default { attributes, get };
+let cache = new WeakMap();
+const attributes = (reactive) => {
+    return (element) => {
+        cache.set(element, reactive);
+    };
+};
+const get = (element) => {
+    return element ? cache.get(element) : undefined;
+};
+export default { attributes, get };

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

@@ -1,17 +1,13 @@
-import { header } from '../../components/page';
-type Data = {
-    action?: any;
-    button?: {
-        class?: string;
-        content?: any;
-        style?: string;
-    };
-    class?: string;
-    content?: any;
-} & Parameters<typeof header>[0];
-declare const _default: (data: Data) => {
-    content: string;
-    type: string;
-    values: never[];
-};
-export default _default;
+import { header } from '../../components/page';
+type Data = {
+    action?: any;
+    button?: {
+        class?: string;
+        content?: any;
+        style?: string;
+    };
+    class?: string;
+    content?: any;
+} & Parameters<typeof header>[0];
+declare const _default: (data: Data) => import("@esportsplus/template/build/types").Template;
+export default _default;

package/build/components/form/layout.js

@@ -1,5 +1,5 @@
-import { html } from '@esportsplus/template';
-import { header } from '../../components/page';
+import { html } from '@esportsplus/template';
+import { header } from '../../components/page';
 export default (data) => html `
     ${header(data)}
 
@@ -12,4 +12,4 @@ export default (data) => html `
             </button>
         ` : ''}
     </form>
-`;
+`;

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

@@ -1,12 +1,12 @@
-import { response, Response } from '@esportsplus/action';
-import alert from '../../components/alert';
-type Action = (data: Payload) => Promise<Errors> | Errors;
-type Errors = {
-    errors: Response<unknown>['errors'];
-};
-type Payload = {
-    alert: typeof alert;
-    input: Record<string, any>;
-    response: typeof response;
-};
-export { Action, Errors, Payload };
+import { response, Response } from '@esportsplus/action';
+import alert from '../../components/alert';
+type Action = (data: Payload) => Promise<Errors> | Errors;
+type Errors = {
+    errors: Response<unknown>['errors'];
+};
+type Payload = {
+    alert: typeof alert;
+    input: Record<string, any>;
+    response: typeof response;
+};
+export { Action, Errors, Payload };

package/build/components/form/types.js

@@ -1 +1 @@
-export {};
+export {};

package/build/components/index.d.ts

@@ -1,9 +1,9 @@
-export { default as alert } from './alert';
-export { default as field } from './field';
-export { default as form } from './form';
-export { default as overlay } from './overlay';
-export { default as page } from './page';
-export { default as root } from './root';
-export { default as scrollbar } from './scrollbar';
-export { default as site } from './site';
-export { default as tooltip } from './tooltip';
+export { default as alert } from './alert';
+export { default as field } from './field';
+export { default as form } from './form';
+export { default as overlay } from './overlay';
+export { default as page } from './page';
+export { default as root } from './root';
+export { default as scrollbar } from './scrollbar';
+export { default as site } from './site';
+export { default as tooltip } from './tooltip';

package/build/components/index.js

@@ -1,9 +1,9 @@
-export { default as alert } from './alert';
-export { default as field } from './field';
-export { default as form } from './form';
-export { default as overlay } from './overlay';
-export { default as page } from './page';
-export { default as root } from './root';
-export { default as scrollbar } from './scrollbar';
-export { default as site } from './site';
-export { default as tooltip } from './tooltip';
+export { default as alert } from './alert';
+export { default as field } from './field';
+export { default as form } from './form';
+export { default as overlay } from './overlay';
+export { default as page } from './page';
+export { default as root } from './root';
+export { default as scrollbar } from './scrollbar';
+export { default as site } from './site';
+export { default as tooltip } from './tooltip';

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

@@ -1,10 +1,6 @@
-type Data = {
-    class?: string;
-    content?: any;
-};
-declare const _default: (data?: Data) => {
-    content: string;
-    type: string;
-    values: never[];
-};
-export default _default;
+type Data = {
+    class?: string;
+    content?: any;
+};
+declare const _default: (data?: Data) => import("@esportsplus/template/build/types").Template;
+export default _default;

package/build/components/overlay/index.js

@@ -1,6 +1,6 @@
-import { html } from '@esportsplus/template';
+import { html } from '@esportsplus/template';
 export default (data = {}) => html `
     <section class='overlay ${data?.class || ''}'>
         ${data?.content || ''}
     </section>
-`;
+`;

package/build/components/page/header.d.ts

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

package/build/components/page/header.js

@@ -1,4 +1,4 @@
-import { html } from '@esportsplus/template';
+import { html } from '@esportsplus/template';
 export default (data) => html `
     ${data?.suptitle ? html `
         <span class="page-suptitle --text-bold --text-crop --text-uppercase --text-200" style="--color-default: var(--color-primary-400);letter-spacing: 0.24px;">
@@ -17,4 +17,4 @@ export default (data) => html `
             ${data?.subtitle}
         </span>
     ` : ''}
-`;
+`;

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

@@ -1,23 +1,15 @@
-import header from './header';
-import layout from './layout';
-declare const _default: {
-    header: (data: {
-        subtitle?: string | undefined;
-        suptitle?: string | undefined;
-        title?: string | undefined;
-    }) => {
-        content: string;
-        type: string;
-        values: never[];
-    };
-    layout: (data?: {
-        class?: string | undefined;
-        content?: any;
-    }) => {
-        content: string;
-        type: string;
-        values: never[];
-    };
-};
-export default _default;
-export { header, layout };
+import header from './header';
+import layout from './layout';
+declare const _default: {
+    header: (data: {
+        subtitle?: string | undefined;
+        suptitle?: string | undefined;
+        title?: string | undefined;
+    }) => import("@esportsplus/template/build/types").Template;
+    layout: (data?: {
+        class?: string | undefined;
+        content?: any;
+    }) => import("@esportsplus/template/build/types").Template;
+};
+export default _default;
+export { header, layout };

package/build/components/page/index.js

@@ -1,4 +1,4 @@
-import header from './header';
-import layout from './layout';
-export default { header, layout };
-export { header, layout };
+import header from './header';
+import layout from './layout';
+export default { header, layout };
+export { header, layout };

package/build/components/page/layout.d.ts

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

package/build/components/page/layout.js

@@ -1,6 +1,6 @@
-import { html } from '@esportsplus/template';
+import { html } from '@esportsplus/template';
 export default (data = {}) => html `
     <section class='page ${data?.class}'>
         ${data?.content}
     </section>
-`;
+`;

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

@@ -1,8 +1,8 @@
-import queue from './queue';
-declare const _default: {
-    queue: {
-        onclick: (fn: VoidFunction) => void;
-    };
-};
-export default _default;
-export { queue };
+import queue from './queue';
+declare const _default: {
+    queue: {
+        onclick: (fn: VoidFunction) => void;
+    };
+};
+export default _default;
+export { queue };

package/build/components/root/index.js

@@ -1,3 +1,3 @@
-import queue from './queue';
-export default { queue };
-export { queue };
+import queue from './queue';
+export default { queue };
+export { queue };

package/build/components/root/queue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
-    onclick: (fn: VoidFunction) => void;
-};
-export default _default;
+declare const _default: {
+    onclick: (fn: VoidFunction) => void;
+};
+export default _default;

package/build/components/root/queue.js

@@ -1,18 +1,18 @@
-import events from '@esportsplus/delegated-events';
-let initialized = false, queue = [];
-const onclick = (fn) => {
-    if (!initialized) {
-        events.register(document.body, 'click', async () => {
-            if (!queue.length) {
-                return;
-            }
-            let items = queue.splice(0);
-            for (let i = 0, n = items.length; i < n; i++) {
-                await items[i]();
-            }
-        });
-        initialized = true;
-    }
-    queue.push(fn);
-};
-export default { onclick };
+import events from '@esportsplus/delegated-events';
+let initialized = false, queue = [];
+const onclick = (fn) => {
+    if (!initialized) {
+        events.register(document.body, 'click', async () => {
+            if (!queue.length) {
+                return;
+            }
+            let items = queue.splice(0);
+            for (let i = 0, n = items.length; i < n; i++) {
+                await items[i]();
+            }
+        });
+        initialized = true;
+    }
+    queue.push(fn);
+};
+export default { onclick };

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

@@ -1,16 +1,8 @@
-declare const _default: ({ fixed, style }?: {
-    fixed?: boolean | undefined;
-    style?: string | undefined;
-}) => {
-    attributes: {
-        content: string;
-        type: string;
-        values: never[];
-    };
-    html: {
-        content: string;
-        type: string;
-        values: never[];
-    };
-};
-export default _default;
+declare const _default: ({ fixed, style }?: {
+    fixed?: boolean | undefined;
+    style?: string | undefined;
+}) => {
+    attributes: import("@esportsplus/template/build/types").Template;
+    html: import("@esportsplus/template/build/types").Template;
+};
+export default _default;

package/build/components/scrollbar/index.js

@@ -1,27 +1,27 @@
-import { reactive } from '@esportsplus/reactivity';
-import { html } from '@esportsplus/template';
-let root = document.body, width;
-export default ({ fixed, style } = {}) => {
-    let state = reactive({
-        height: 100,
-        translate: 0
-    });
-    return {
-        attributes: html({
-            class: () => {
-                return '--scrollbar';
-            },
-            onscroll: function () {
-                if (width === undefined) {
-                    width = this.offsetWidth - this.clientWidth;
-                    if (width && width !== 17) {
-                        root.style.setProperty('--scrollbar-width', `${width}px`);
-                    }
-                }
-                state.height = (this.clientHeight / this.scrollHeight) * 100;
-                state.translate = (this.scrollTop / this.clientHeight) * 100;
-            }
-        }),
+import { reactive } from '@esportsplus/reactivity';
+import { html } from '@esportsplus/template';
+let root = document.body, width;
+export default ({ fixed, style } = {}) => {
+    let state = reactive({
+        height: 100,
+        translate: 0
+    });
+    return {
+        attributes: html `
+            class='${() => {
+            return '--scrollbar';
+        }}'
+            onscroll='${function () {
+            if (width === undefined) {
+                width = this.offsetWidth - this.clientWidth;
+                if (width && width !== 17) {
+                    root.style.setProperty('--scrollbar-width', `${width}px`);
+                }
+            }
+            state.height = (this.clientHeight / this.scrollHeight) * 100;
+            state.translate = (this.scrollTop / this.clientHeight) * 100;
+        }}'
+        `,
         html: html `
             <div
                 class='scrollbar ${fixed ? 'scrollbar--fixed' : ''} ${() => state.height >= 100 ? 'scrollbar--hidden' : ''}'
@@ -31,6 +31,6 @@ export default ({ fixed, style } = {}) => {
                     --height: ${state.height}%;
                 `}'
             ></div>
-        `
-    };
-};
+        `
+    };
+};

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

@@ -1,13 +1,9 @@
-type Data = {
-    class?: string;
-    content?: any;
-    scrollbar?: {
-        style?: string;
-    };
-};
-declare const _default: (data: Data) => {
-    content: string;
-    type: string;
-    values: never[];
-};
-export default _default;
+type Data = {
+    class?: string;
+    content?: any;
+    scrollbar?: {
+        style?: string;
+    };
+};
+declare const _default: (data: Data) => import("@esportsplus/template/build/types").Template;
+export default _default;