@esportsplus/ui 0.24.5 → 0.25.1

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

@@ -1,73 +0,0 @@
-import { type Attributes, type Renderable } from '@esportsplus/template';
-type A = Attributes & {
-    'field-mask-tag'?: Attributes;
-};
-declare const _default: {
-    checkbox: {
-        (): ReturnType<(this: {
-            mask: (attributes: A, state: {
-                active: boolean;
-            }) => Renderable<unknown>;
-        }, attributes: Readonly<Attributes>, content: (mask: ((attributes: A) => Renderable<unknown>)) => Renderable<unknown>) => Renderable<any>>;
-        <T extends Attributes>(attributes: T): ReturnType<(this: {
-            mask: (attributes: A, state: {
-                active: boolean;
-            }) => Renderable<unknown>;
-        }, attributes: Readonly<Attributes>, content: (mask: ((attributes: A) => Renderable<unknown>)) => Renderable<unknown>) => Renderable<any>>;
-        <T extends (mask: ((attributes: A) => Renderable<unknown>)) => Renderable<unknown>>(content: T): ReturnType<(this: {
-            mask: (attributes: A, state: {
-                active: boolean;
-            }) => Renderable<unknown>;
-        }, attributes: Readonly<Attributes>, content: (mask: ((attributes: A) => Renderable<unknown>)) => Renderable<unknown>) => Renderable<any>>;
-        (attributes: Attributes, content: (mask: ((attributes: A) => Renderable<unknown>)) => Renderable<unknown>): ReturnType<(this: {
-            mask: (attributes: A, state: {
-                active: boolean;
-            }) => Renderable<unknown>;
-        }, attributes: Readonly<Attributes>, content: (mask: ((attributes: A) => Renderable<unknown>)) => Renderable<unknown>) => Renderable<any>>;
-    };
-    radio: {
-        (): ReturnType<(this: {
-            mask: (attributes: A, state: {
-                active: boolean;
-            }) => Renderable<unknown>;
-        }, attributes: Readonly<Attributes>, content: (mask: ((attributes: A) => Renderable<unknown>)) => Renderable<unknown>) => Renderable<any>>;
-        <T extends Attributes>(attributes: T): ReturnType<(this: {
-            mask: (attributes: A, state: {
-                active: boolean;
-            }) => Renderable<unknown>;
-        }, attributes: Readonly<Attributes>, content: (mask: ((attributes: A) => Renderable<unknown>)) => Renderable<unknown>) => Renderable<any>>;
-        <T extends (mask: ((attributes: A) => Renderable<unknown>)) => Renderable<unknown>>(content: T): ReturnType<(this: {
-            mask: (attributes: A, state: {
-                active: boolean;
-            }) => Renderable<unknown>;
-        }, attributes: Readonly<Attributes>, content: (mask: ((attributes: A) => Renderable<unknown>)) => Renderable<unknown>) => Renderable<any>>;
-        (attributes: Attributes, content: (mask: ((attributes: A) => Renderable<unknown>)) => Renderable<unknown>): ReturnType<(this: {
-            mask: (attributes: A, state: {
-                active: boolean;
-            }) => Renderable<unknown>;
-        }, attributes: Readonly<Attributes>, content: (mask: ((attributes: A) => Renderable<unknown>)) => Renderable<unknown>) => Renderable<any>>;
-    };
-    switch: {
-        (): ReturnType<(this: {
-            mask: (attributes: A, state: {
-                active: boolean;
-            }) => Renderable<unknown>;
-        }, attributes: Readonly<Attributes>, content: (mask: ((attributes: A) => Renderable<unknown>)) => Renderable<unknown>) => Renderable<any>>;
-        <T extends Attributes>(attributes: T): ReturnType<(this: {
-            mask: (attributes: A, state: {
-                active: boolean;
-            }) => Renderable<unknown>;
-        }, attributes: Readonly<Attributes>, content: (mask: ((attributes: A) => Renderable<unknown>)) => Renderable<unknown>) => Renderable<any>>;
-        <T extends (mask: ((attributes: A) => Renderable<unknown>)) => Renderable<unknown>>(content: T): ReturnType<(this: {
-            mask: (attributes: A, state: {
-                active: boolean;
-            }) => Renderable<unknown>;
-        }, attributes: Readonly<Attributes>, content: (mask: ((attributes: A) => Renderable<unknown>)) => Renderable<unknown>) => Renderable<any>>;
-        (attributes: Attributes, content: (mask: ((attributes: A) => Renderable<unknown>)) => Renderable<unknown>): ReturnType<(this: {
-            mask: (attributes: A, state: {
-                active: boolean;
-            }) => Renderable<unknown>;
-        }, attributes: Readonly<Attributes>, content: (mask: ((attributes: A) => Renderable<unknown>)) => Renderable<unknown>) => Renderable<any>>;
-    };
-};
-export default _default;

package/build/components/field/checkbox.js

@@ -1,71 +0,0 @@
-import { reactive, root } from '@esportsplus/reactivity';
-import { html } from '@esportsplus/template';
-import { omit } from '@esportsplus/utilities';
-import template from '../../components/template/index.js';
-const OMIT_FIELD = ['state'];
-const OMIT_TAG = ['field-mask-tag'];
-function mask(attributes, modifier, state) {
-    let a = attributes['field-mask-tag'] || {};
-    if (a.checked) {
-        state.active = true;
-    }
-    return html `
-        <div
-            class='field-mask'
-            ${omit(attributes, OMIT_TAG)}
-            ${{
-        class: `field-mask--${modifier}`
-    }}
-        >
-            <input
-                class='field-mask-tag field-mask-tag--hidden'
-                ${{
-        checked: a.checked || root(() => state.active),
-        type: modifier === 'radio' ? 'radio' : 'checkbox',
-        value: a.value || 1
-    }}
-                ${a}
-            >
-        </div>
-    `;
-}
-const field = template.factory(function (attributes, content) {
-    let state = attributes?.state || reactive({
-        active: false
-    });
-    return html `
-            <label
-                class='field'
-                ${omit(attributes, OMIT_FIELD)}
-                ${{
-        class: () => state.active && '--active',
-        onchange: (e) => {
-            let target = e.target, type = target.type;
-            if (type !== 'checkbox' && type !== 'radio') {
-                return;
-            }
-            state.active = target.checked;
-        }
-    }}
-            >
-                ${content((attributes) => this.mask(attributes, state))}
-            </label>
-        `;
-});
-export default {
-    checkbox: field.bind({
-        mask: (attributes, state) => {
-            return mask(attributes, 'checkbox', state);
-        }
-    }),
-    radio: field.bind({
-        mask: (attributes, state) => {
-            return mask(attributes, 'radio', state);
-        }
-    }),
-    switch: field.bind({
-        mask: (attributes, state) => {
-            return mask(attributes, 'switch', state);
-        }
-    }),
-};

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

@@ -1,19 +0,0 @@
-declare const _default: {
-    (): ReturnType<(this: {
-        attributes?: import("@esportsplus/template").Attributes | undefined;
-        content?: import("@esportsplus/template").Renderable<any>;
-    }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
-    <T extends import("@esportsplus/template").Attributes>(attributes: T): ReturnType<(this: {
-        attributes?: import("@esportsplus/template").Attributes | undefined;
-        content?: import("@esportsplus/template").Renderable<any>;
-    }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
-    <T extends import("@esportsplus/template").Renderable<any>>(content: T): ReturnType<(this: {
-        attributes?: import("@esportsplus/template").Attributes | undefined;
-        content?: import("@esportsplus/template").Renderable<any>;
-    }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
-    (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
-        attributes?: import("@esportsplus/template").Attributes | undefined;
-        content?: import("@esportsplus/template").Renderable<any>;
-    }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
-};
-export default _default;

package/build/components/field/description.js

@@ -1,7 +0,0 @@
-import { html } from '@esportsplus/template';
-import template from '../../components/template/index.js';
-export default template.factory((attributes, content) => html `
-        <div class='field-description' ${attributes}>
-            ${content}
-        </div>
-    `);

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

@@ -1,5 +0,0 @@
-import { Renderable } from '@esportsplus/template';
-declare const _default: (state: {
-    error: Renderable<unknown>;
-}) => () => Node | "";
-export default _default;

package/build/components/field/error.js

@@ -1,13 +0,0 @@
-import { html } from '@esportsplus/template';
-export default (state) => {
-    return () => {
-        if (!state.error) {
-            return '';
-        }
-        return html `
-            <div class='field-error --text-bold'>
-                ${state.error}
-            </div>
-        `;
-    };
-};