@esportsplus/ui 0.19.1 → 0.19.3

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

@@ -1,8 +1,17 @@
 import { Attributes } from '@esportsplus/template';
 import './scss/index.scss';
 declare const _default: {
-    (): import("@esportsplus/template").Renderable<unknown>;
-    (content: import("@esportsplus/template").Renderable<unknown>): import("@esportsplus/template").Renderable<unknown>;
-    (attributes: Attributes, content: import("@esportsplus/template").Renderable<unknown>): import("@esportsplus/template").Renderable<unknown>;
+    (): ReturnType<(this: {
+        attributes?: Attributes | undefined;
+        content?: import("@esportsplus/template").Renderable<any>;
+    }, attributes: Readonly<Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+        attributes?: Attributes | undefined;
+        content?: import("@esportsplus/template").Renderable<any>;
+    }, attributes: Readonly<Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    (attributes: Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+        attributes?: Attributes | undefined;
+        content?: import("@esportsplus/template").Renderable<any>;
+    }, attributes: Readonly<Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
 };
 export default _default;

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

@@ -1,27 +1,58 @@
 import { type Attributes, type Renderable } from '@esportsplus/template';
 type A = Attributes & {
-    checked?: boolean;
-    disabled?: boolean;
-    name?: string;
-    required?: boolean;
-    type?: string;
-    value?: unknown;
+    'field-mask-tag'?: Attributes;
 };
 declare const _default: {
     checkbox: {
-        (): Renderable<unknown>;
-        (content: (mask: ((attributes: A) => Renderable<unknown>)) => Renderable<unknown>): Renderable<unknown>;
-        (attributes: Attributes, content: (mask: ((attributes: A) => Renderable<unknown>)) => 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>>;
+        (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>>;
+        (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: {
-        (): Renderable<unknown>;
-        (content: (mask: ((attributes: A) => Renderable<unknown>)) => Renderable<unknown>): Renderable<unknown>;
-        (attributes: Attributes, content: (mask: ((attributes: A) => Renderable<unknown>)) => 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>>;
+        (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>>;
+        (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: {
-        (): Renderable<unknown>;
-        (content: (mask: ((attributes: A) => Renderable<unknown>)) => Renderable<unknown>): Renderable<unknown>;
-        (attributes: Attributes, content: (mask: ((attributes: A) => Renderable<unknown>)) => 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>>;
+        (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>>;
+        (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,14 +1,15 @@
 import { reactive } from '@esportsplus/reactivity';
 import { html } from '@esportsplus/template';
-import { omit, pick } from '@esportsplus/utilities';
+import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 const OMIT_FIELD = ['state'];
-const TAG = ['checked', 'disabled', 'name', 'required'];
+const OMIT_TAG = ['field-mask-tag'];
 function mask(attributes, modifier, state) {
+    let a = attributes['field-mask-tag'] || {};
     return html `
         <div
             class='field-mask'
-            ${omit(attributes, TAG)}
+            ${omit(attributes, OMIT_TAG)}
             ${{
         class: `field-mask--${modifier}`
     }}
@@ -16,11 +17,11 @@ function mask(attributes, modifier, state) {
             <input
                 class='field-mask-tag field-mask-tag--hidden'
                 ${{
-        checked: attributes.checked || attributes.value || state.active,
+        checked: a.checked || a.value || state.active,
         type: modifier === 'radio' ? 'radio' : 'checkbox',
-        value: attributes.value || 1
+        value: a.value || 1
     }}
-                ${pick(attributes, TAG)}
+                ${a}
             >
         </div>
     `;
@@ -43,18 +44,24 @@ const field = template.factory(function (attributes, content) {
         }
     }}
             >
-                ${content((attributes) => this(attributes, state))}
+                ${content((attributes) => this.mask(attributes, state))}
             </label>
         `;
 });
 export default {
-    checkbox: field.bind((attributes, state) => {
-        return mask(attributes, 'checkbox', state);
+    checkbox: field.bind({
+        mask: (attributes, state) => {
+            return mask(attributes, 'checkbox', state);
+        }
     }),
-    radio: field.bind((attributes, state) => {
-        return mask(attributes, 'radio', state);
+    radio: field.bind({
+        mask: (attributes, state) => {
+            return mask(attributes, 'radio', state);
+        }
     }),
-    switch: field.bind((attributes, state) => {
-        return mask(attributes, 'switch', state);
+    switch: field.bind({
+        mask: (attributes, state) => {
+            return mask(attributes, 'switch', state);
+        }
     }),
 };

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

@@ -1,6 +1,15 @@
 declare const _default: {
-    (): import("@esportsplus/template").Renderable<unknown>;
-    (content: import("@esportsplus/template").Renderable<unknown>): import("@esportsplus/template").Renderable<unknown>;
-    (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<unknown>): import("@esportsplus/template").Renderable<unknown>;
+    (): 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>>;
+    (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>>;
+    (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;