@esportsplus/ui 0.54.0 → 0.55.0

package/build/components/clipboard/onclick.js

@@ -1,7 +1,6 @@
 import * as template_u0 from '@esportsplus/template';
 import { component } from '@esportsplus/template';
 import * as reactivity_u0 from '@esportsplus/reactivity';
-import { omit } from '@esportsplus/utilities';
 import write from './write.js';
 const template_uo = template_u0.template(`<div >`);
 class ReactiveObject_0g8trzu0 extends reactivity_u0.ReactiveObject {
@@ -16,16 +15,15 @@ class ReactiveObject_0g8trzu0 extends reactivity_u0.ReactiveObject {
         reactivity_u0.write(this.#copied, _v0);
     }
 }
-const OMIT = ['timeout', 'value'];
-export default component(function (attributes, content) {
-    let state = new ReactiveObject_0g8trzu0(), timeout = attributes.timeout || 1000 * 2;
+export default component(function ({ timeout = 1000 * 2, value, ...attributes }, content) {
+    let state = new ReactiveObject_0g8trzu0();
     return (() => {
         let root_un = template_uo(), element_up = root_un.firstChild;
-        template_u0.setProperties(element_up, omit(attributes, OMIT));
+        template_u0.setProperties(element_up, attributes);
         template_u0.delegate(element_up, 'click', (e) => {
             e.preventDefault();
             e.stopPropagation();
-            void write(attributes.value).then(() => {
+            void write(value).then(() => {
                 state.copied = true;
                 setTimeout(() => {
                     state.copied = false;

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

@@ -1,7 +1,7 @@
 import { type Attributes } from '@esportsplus/template';
 import './scss/index.scss';
 export default _default;
-declare function _default(attributes: Attributes & {
+declare function _default({ currency, decimals, delay, max, state: api, suffix, value, ...attributes }: Attributes & {
     currency?: 'IGNORE' | 'EUR' | 'GBP' | 'USD';
     decimals?: number;
     delay?: number;

package/build/components/counter/index.js

@@ -1,7 +1,6 @@
 import * as template_u0 from '@esportsplus/template';
 import * as reactivity_u0 from '@esportsplus/reactivity';
 import { effect, onCleanup, untrack } from '@esportsplus/reactivity';
-import { omit } from '@esportsplus/utilities';
 import './scss/index.scss';
 const template_ur = template_u0.template(`<span class='counter-character counter-character--symbol'>`);
 const template_uu = template_u0.template(`<span>`);
@@ -31,17 +30,14 @@ class ReactiveObject_00nd5up1 extends reactivity_u0.ReactiveObject {
         reactivity_u0.write(this.#started, _v0);
     }
 }
-const OMIT = ['currency', 'decimals', 'delay', 'max', 'state', 'suffix', 'value'];
 let formatters = {};
-export default (attributes) => {
-    let { currency, decimals, delay, max, suffix, value } = attributes, api = attributes.state || new ReactiveObject_00nd5up0(), formatter = currency === 'IGNORE'
+export default ({ currency, decimals = 2, delay, max, state: api = new ReactiveObject_00nd5up0(), suffix, value, ...attributes }) => {
+    let formatter = currency === 'IGNORE'
         ? undefined
         : formatters[currency || 'USD'] ??= new Intl.NumberFormat('en-US', {
             style: 'currency',
             currency: currency || 'USD'
-        }), animation = new ReactiveObject_00nd5up1(), render = new reactivity_u0.ReactiveArray();
-    decimals ??= 2;
-    let stop = effect(() => {
+        }), animation = new ReactiveObject_00nd5up1(), render = new reactivity_u0.ReactiveArray(), stop = effect(() => {
         let target = api.value === -1 ? value : api.value, started = animation.started;
         let padding = (max || target).toFixed(decimals).length - target.toFixed(decimals).length, values = target.toString().padStart(target.toString().length + padding, '1');
         if (formatter) {
@@ -83,7 +79,7 @@ export default (attributes) => {
     });
     return (() => {
         let root_u10 = template_u11(), element_u12 = root_u10.firstChild;
-        template_u0.setProperties(element_u12, omit(attributes, OMIT));
+        template_u0.setProperties(element_u12, attributes);
         element_u12.appendChild(new template_u0.ArraySlot(render, function (character) {
             if (!character.digit) {
                 return (() => {

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

@@ -4,7 +4,7 @@ type Errors = {
     errors: Response<unknown>['errors'];
 };
 export default _default;
-declare function _default<T extends Record<string, any>>(attributes: {
+declare function _default<T extends Record<string, any>>({ action, state, ...attributes }: {
     action: (data: {
         input: T;
         response: typeof response;

package/build/components/form/action.js

@@ -1,9 +1,7 @@
 import response from '@esportsplus/action';
 import * as template_u0 from '@esportsplus/template';
-import { omit } from '@esportsplus/utilities';
 import input from './input.js';
 const template_u14 = template_u0.template(`<form class='form' >`);
-const OMIT = ['action', 'state'];
 function parse(input) {
     let data = {};
     for (let [path, value] of input) {
@@ -26,11 +24,10 @@ function parse(input) {
     return data;
 }
 ;
-export default (attributes, content) => {
-    let { action, state } = attributes;
+export default ({ action, state, ...attributes }, content) => {
     return (() => {
         let root_u13 = template_u14(), element_u15 = root_u13.firstChild;
-        template_u0.setProperties(element_u15, omit(attributes, OMIT));
+        template_u0.setProperties(element_u15, attributes);
         template_u0.delegate(element_u15, 'click', function (event) {
             let trigger = event.target;
             if (trigger?.type !== 'submit') {

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

@@ -1,6 +1,6 @@
 import './scss/index.scss';
 declare const _default: {
-    action: <T extends Record<string, any>>(attributes: {
+    action: <T extends Record<string, any>>({ action, state, ...attributes }: {
         action: (data: {
             input: T;
             response: typeof import("@esportsplus/action").default;

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

@@ -2,7 +2,7 @@ import { type Attributes } from '@esportsplus/template';
 import './scss/index.scss';
 export default function (this: {
     attributes?: Attributes;
-} | void, attributes: Attributes & {
+} | void, { state, ...attributes }: Attributes & {
     state?: {
         active: boolean;
         error: string;

package/build/components/input/index.js

@@ -22,8 +22,8 @@ class ReactiveObject_0j57g2t0 extends reactivity_u0.ReactiveObject {
         reactivity_u0.write(this.#error, _v1);
     }
 }
-export default function (attributes) {
-    let state = attributes.state || new ReactiveObject_0j57g2t0();
+export default function ({ state = new ReactiveObject_0j57g2t0(), ...attributes }) {
+    attributes.type ??= 'text';
     return (() => {
         let root_u1a = template_u1b(), element_u1c = root_u1a.firstChild;
         template_u0.setProperties(element_u1c, this?.attributes);
@@ -36,7 +36,6 @@ export default function (attributes) {
             state.active = false;
         });
         template_u0.onrender(element_u1c, form.input.onrender(state));
-        template_u0.setProperty(element_u1c, 'type', (attributes.type || 'text'));
         return root_u1a;
     })();
 }