@esportsplus/ui 0.0.83 → 0.0.85

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

@@ -1,14 +1,10 @@
-declare function deactivate(): void;
-declare const _default: {
-    deactivate: typeof deactivate;
-    error: (messages: string | string[], seconds?: number) => void;
-    html: () => () => "" | {
-        content: string;
-        type: string;
-        values: never[];
-    };
-    info: (messages: string | string[], seconds?: number) => void;
-    success: (messages: string | string[], seconds?: number) => void;
-    types: readonly ["error", "info", "success"];
-};
-export default _default;
+declare function deactivate(): void;
+declare const _default: {
+    deactivate: typeof deactivate;
+    error: (messages: string | string[], seconds?: number) => void;
+    html: () => () => "" | import("@esportsplus/template/build/types").Template;
+    info: (messages: string | string[], seconds?: number) => void;
+    success: (messages: string | string[], seconds?: number) => void;
+    types: readonly ["error", "info", "success"];
+};
+export default _default;

package/build/components/alert/index.js

@@ -1,88 +1,91 @@
-import { reactive } from '@esportsplus/reactivity';
-import { html } from '@esportsplus/template';
-let modifiers = {
-    error: 'red',
-    info: 'black',
-    success: 'green'
-}, state = reactive({
-    active: false,
-    messages: new Set,
-    seconds: 0,
-    state: 'activating',
-    type: ''
-}), timeout = 250;
-function activate(key, messages, seconds = 0) {
-    if (!Array.isArray(messages)) {
-        messages = [messages];
-    }
-    if (!messages.length) {
-        return;
-    }
-    if (state.type !== key) {
-        state.messages.clear();
-    }
-    for (let message of messages) {
-        state.messages.add(message);
-    }
-    state.state = 'activating';
-    state.type = key;
-    if (state.active) {
-        state.active = true;
-        if (seconds) {
-            if (!state.seconds) {
-                state.seconds = seconds;
-            }
-            setTimeout(() => {
-                if (messages && messages.length < (state?.messages?.size || 0)) {
-                    for (let message of messages) {
-                        state.messages.delete(message);
-                    }
-                    state.messages = state.messages;
-                }
-                else {
-                    deactivate();
-                }
-            }, 400 * seconds);
-        }
-        else {
-            state.seconds = 0;
-        }
-        return;
-    }
-    setTimeout(() => {
-        state.active = true;
-        if (seconds) {
-            if (!state.seconds) {
-                state.seconds = seconds;
-            }
-            setTimeout(() => {
-                if (messages && messages.length < (state?.messages?.size || 0)) {
-                    for (let message of messages) {
-                        state.messages.delete(message);
-                    }
-                    state.messages = state.messages;
-                }
-                else {
-                    deactivate();
-                }
-            }, 400 * seconds);
-        }
-        else {
-            state.seconds = 0;
-        }
-    }, timeout);
-}
-function deactivate() {
-    state.state = 'deactivating';
-    setTimeout(() => {
-        state.active = false;
-        state.messages.clear();
-    }, timeout);
-}
-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 = () => {
+import { reactive } from '@esportsplus/reactivity';
+import { html } from '@esportsplus/template';
+let modifiers = {
+    error: 'red',
+    info: 'black',
+    success: 'green'
+}, state = reactive({
+    active: false,
+    messages: new Set,
+    seconds: 0,
+    state: 'activating',
+    type: ''
+}), timeout = 250;
+function activate(key, messages, seconds = 0) {
+    if (!Array.isArray(messages)) {
+        messages = [messages];
+    }
+    if (!messages.length) {
+        return;
+    }
+    if (state.type !== key) {
+        state.messages.clear();
+    }
+    else {
+        state.type = '';
+    }
+    for (let message of messages) {
+        state.messages.add(message);
+    }
+    state.state = 'activating';
+    state.type = key;
+    if (state.active) {
+        state.active = true;
+        if (seconds) {
+            if (!state.seconds) {
+                state.seconds = seconds;
+            }
+            setTimeout(() => {
+                if (messages && messages.length < (state?.messages?.size || 0)) {
+                    for (let message of messages) {
+                        state.messages.delete(message);
+                    }
+                    state.messages = state.messages;
+                }
+                else {
+                    deactivate();
+                }
+            }, 400 * seconds);
+        }
+        else {
+            state.seconds = 0;
+        }
+        return;
+    }
+    setTimeout(() => {
+        state.active = true;
+        if (seconds) {
+            if (!state.seconds) {
+                state.seconds = seconds;
+            }
+            setTimeout(() => {
+                if (messages && messages.length < (state?.messages?.size || 0)) {
+                    for (let message of messages) {
+                        state.messages.delete(message);
+                    }
+                    state.messages = state.messages;
+                }
+                else {
+                    deactivate();
+                }
+            }, 400 * seconds);
+        }
+        else {
+            state.seconds = 0;
+        }
+    }, timeout);
+}
+function deactivate() {
+    state.state = 'deactivating';
+    setTimeout(() => {
+        state.active = false;
+        state.messages.clear();
+    }, timeout);
+}
+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 `
         <div class='alert anchor anchor--ne ${() => state.active && '--active'} ${() => `alert--${state.state}`}'>
             <div class="alert-close --flex-start --margin-right --margin-100" onclick='${deactivate}'>
@@ -111,7 +114,7 @@ const h = () => {
                 </div>
             </div>
         </div>
-    ` : '';
-};
-const types = ['error', 'info', 'success'];
-export default { deactivate, error, html: h, info, success, types };
+    ` : '';
+};
+const types = ['error', 'info', 'success'];
+export default { deactivate, error, html: h, info, success, types };

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

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

package/build/components/field/checkbox.js

@@ -1,18 +1,18 @@
-import { reactive } from '@esportsplus/reactivity';
-import { html } from '@esportsplus/template';
-import description from './description';
-export default (data) => {
-    let state = reactive({
-        active: false
-    });
+import { reactive } from '@esportsplus/reactivity';
+import { html } from '@esportsplus/template';
+import description from './description';
+export default (data) => {
+    let state = reactive({
+        active: false
+    });
     return html `
         <div
             class="field --flex-column ${data?.class || ''} ${() => state.active ? '--active' : ''}"
-            onchange='${(e) => {
-        if (e.target.type !== 'checkbox') {
-            return;
-        }
-        state.active = e.target?.checked;
+            onchange='${(e) => {
+        if (e.target.type !== 'checkbox') {
+            return;
+        }
+        state.active = e.target?.checked;
     }}'
             style='${data?.style || ''}'
         >
@@ -37,5 +37,5 @@ export default (data) => {
 
             ${description(data)}
         </div>
-    `;
-};
+    `;
+};

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

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

package/build/components/field/description.js

@@ -1,9 +1,9 @@
-import { html } from '@esportsplus/template';
-export default (data) => {
-    if (!data?.description) {
-        return '';
-    }
+import { html } from '@esportsplus/template';
+export default (data) => {
+    if (!data?.description) {
+        return '';
+    }
     return html `
         <div class='field-description --margin-top --margin-300'>${data.description}</div>
-    `;
-};
+    `;
+};

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

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

package/build/components/field/error.js

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

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

@@ -1,22 +1,18 @@
-import description from './description';
-import title from './title';
-type Data = {
-    accept?: string;
-    class?: string;
-    mask?: {
-        class?: string;
-        content?: any;
-        style?: string;
-    };
-    name?: string;
-    placeholder?: string;
-    style?: string;
-    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 = {
+    accept?: string;
+    class?: string;
+    mask?: {
+        class?: string;
+        content?: any;
+        style?: string;
+    };
+    name?: string;
+    placeholder?: string;
+    style?: string;
+    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/file.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 || ''}'
         >
@@ -41,5 +41,5 @@ export default (data) => {
             ${description(data)}
             ${error(state)}
         </div>
-    `;
-};
+    `;
+};