@esportsplus/ui 0.18.0 → 0.19.0

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

@@ -1,116 +1,7 @@
 import './scss/index.scss';
 declare const _default: {
-    (content: unknown): import("@esportsplus/template").Renderable;
-    (attributes: {
-        class?: string | (string | (() => unknown))[];
-        style?: string | (string | (() => unknown))[];
-    } & {
-        onabort?: ((event: UIEvent) => void) | undefined;
-        onanimationcancel?: ((event: AnimationEvent) => void) | undefined;
-        onanimationend?: ((event: AnimationEvent) => void) | undefined;
-        onanimationiteration?: ((event: AnimationEvent) => void) | undefined;
-        onanimationstart?: ((event: AnimationEvent) => void) | undefined;
-        onauxclick?: ((event: MouseEvent) => void) | undefined;
-        onbeforeinput?: ((event: InputEvent) => void) | undefined;
-        onbeforetoggle?: ((event: Event) => void) | undefined;
-        onblur?: ((event: FocusEvent) => void) | undefined;
-        oncancel?: ((event: Event) => void) | undefined;
-        oncanplay?: ((event: Event) => void) | undefined;
-        oncanplaythrough?: ((event: Event) => void) | undefined;
-        onchange?: ((event: Event) => void) | undefined;
-        onclick?: ((event: MouseEvent) => void) | undefined;
-        onclose?: ((event: Event) => void) | undefined;
-        oncompositionend?: ((event: CompositionEvent) => void) | undefined;
-        oncompositionstart?: ((event: CompositionEvent) => void) | undefined;
-        oncompositionupdate?: ((event: CompositionEvent) => void) | undefined;
-        oncontextlost?: ((event: Event) => void) | undefined;
-        oncontextmenu?: ((event: MouseEvent) => void) | undefined;
-        oncontextrestored?: ((event: Event) => void) | undefined;
-        oncopy?: ((event: ClipboardEvent) => void) | undefined;
-        oncuechange?: ((event: Event) => void) | undefined;
-        oncut?: ((event: ClipboardEvent) => void) | undefined;
-        ondblclick?: ((event: MouseEvent) => void) | undefined;
-        ondrag?: ((event: DragEvent) => void) | undefined;
-        ondragend?: ((event: DragEvent) => void) | undefined;
-        ondragenter?: ((event: DragEvent) => void) | undefined;
-        ondragleave?: ((event: DragEvent) => void) | undefined;
-        ondragover?: ((event: DragEvent) => void) | undefined;
-        ondragstart?: ((event: DragEvent) => void) | undefined;
-        ondrop?: ((event: DragEvent) => void) | undefined;
-        ondurationchange?: ((event: Event) => void) | undefined;
-        onemptied?: ((event: Event) => void) | undefined;
-        onended?: ((event: Event) => void) | undefined;
-        onerror?: ((event: ErrorEvent) => void) | undefined;
-        onfocus?: ((event: FocusEvent) => void) | undefined;
-        onfocusin?: ((event: FocusEvent) => void) | undefined;
-        onfocusout?: ((event: FocusEvent) => void) | undefined;
-        onformdata?: ((event: FormDataEvent) => void) | undefined;
-        ongotpointercapture?: ((event: PointerEvent) => void) | undefined;
-        oninput?: ((event: Event) => void) | undefined;
-        oninvalid?: ((event: Event) => void) | undefined;
-        onkeydown?: ((event: KeyboardEvent) => void) | undefined;
-        onkeypress?: ((event: KeyboardEvent) => void) | undefined;
-        onkeyup?: ((event: KeyboardEvent) => void) | undefined;
-        onload?: ((event: Event) => void) | undefined;
-        onloadeddata?: ((event: Event) => void) | undefined;
-        onloadedmetadata?: ((event: Event) => void) | undefined;
-        onloadstart?: ((event: Event) => void) | undefined;
-        onlostpointercapture?: ((event: PointerEvent) => void) | undefined;
-        onmousedown?: ((event: MouseEvent) => void) | undefined;
-        onmouseenter?: ((event: MouseEvent) => void) | undefined;
-        onmouseleave?: ((event: MouseEvent) => void) | undefined;
-        onmousemove?: ((event: MouseEvent) => void) | undefined;
-        onmouseout?: ((event: MouseEvent) => void) | undefined;
-        onmouseover?: ((event: MouseEvent) => void) | undefined;
-        onmouseup?: ((event: MouseEvent) => void) | undefined;
-        onpaste?: ((event: ClipboardEvent) => void) | undefined;
-        onpause?: ((event: Event) => void) | undefined;
-        onplay?: ((event: Event) => void) | undefined;
-        onplaying?: ((event: Event) => void) | undefined;
-        onpointercancel?: ((event: PointerEvent) => void) | undefined;
-        onpointerdown?: ((event: PointerEvent) => void) | undefined;
-        onpointerenter?: ((event: PointerEvent) => void) | undefined;
-        onpointerleave?: ((event: PointerEvent) => void) | undefined;
-        onpointermove?: ((event: PointerEvent) => void) | undefined;
-        onpointerout?: ((event: PointerEvent) => void) | undefined;
-        onpointerover?: ((event: PointerEvent) => void) | undefined;
-        onpointerup?: ((event: PointerEvent) => void) | undefined;
-        onprogress?: ((event: ProgressEvent<EventTarget>) => void) | undefined;
-        onratechange?: ((event: Event) => void) | undefined;
-        onreset?: ((event: Event) => void) | undefined;
-        onresize?: ((event: UIEvent) => void) | undefined;
-        onscroll?: ((event: Event) => void) | undefined;
-        onscrollend?: ((event: Event) => void) | undefined;
-        onsecuritypolicyviolation?: ((event: SecurityPolicyViolationEvent) => void) | undefined;
-        onseeked?: ((event: Event) => void) | undefined;
-        onseeking?: ((event: Event) => void) | undefined;
-        onselect?: ((event: Event) => void) | undefined;
-        onselectionchange?: ((event: Event) => void) | undefined;
-        onselectstart?: ((event: Event) => void) | undefined;
-        onslotchange?: ((event: Event) => void) | undefined;
-        onstalled?: ((event: Event) => void) | undefined;
-        onsubmit?: ((event: SubmitEvent) => void) | undefined;
-        onsuspend?: ((event: Event) => void) | undefined;
-        ontimeupdate?: ((event: Event) => void) | undefined;
-        ontoggle?: ((event: Event) => void) | undefined;
-        ontouchcancel?: ((event: TouchEvent) => void) | undefined;
-        ontouchend?: ((event: TouchEvent) => void) | undefined;
-        ontouchmove?: ((event: TouchEvent) => void) | undefined;
-        ontouchstart?: ((event: TouchEvent) => void) | undefined;
-        ontransitioncancel?: ((event: TransitionEvent) => void) | undefined;
-        ontransitionend?: ((event: TransitionEvent) => void) | undefined;
-        ontransitionrun?: ((event: TransitionEvent) => void) | undefined;
-        ontransitionstart?: ((event: TransitionEvent) => void) | undefined;
-        onvolumechange?: ((event: Event) => void) | undefined;
-        onwaiting?: ((event: Event) => void) | undefined;
-        onwebkitanimationend?: ((event: Event) => void) | undefined;
-        onwebkitanimationiteration?: ((event: Event) => void) | undefined;
-        onwebkitanimationstart?: ((event: Event) => void) | undefined;
-        onwebkittransitionend?: ((event: Event) => void) | undefined;
-        onwheel?: ((event: WheelEvent) => void) | undefined;
-    } & Record<PropertyKey, unknown> & {
-        scrollbar?: import("@esportsplus/template").Attributes;
-        'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
-    }, content: unknown): import("@esportsplus/template").Renderable;
+    (): import("@esportsplus/template").Renderable<unknown>;
+    (content: import("@esportsplus/template").Renderable<unknown>): import("@esportsplus/template").Renderable<unknown>;
+    (attributes: import("../../components/scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<unknown>): import("@esportsplus/template").Renderable<unknown>;
 };
 export default _default;

package/build/components/sidebar/index.js

@@ -1,9 +1,7 @@
-import { toArray } from '@esportsplus/utilities';
 import scrollbar from '../../components/scrollbar/index.js';
-import template from '../../components/template/index.js';
 import './scss/index.scss';
-export default template.factory((attributes, content) => {
-    attributes.class = toArray(attributes.class);
-    attributes.class.push('sidebar');
-    return scrollbar(attributes, content);
+export default scrollbar.bind({
+    attributes: {
+        class: 'sidebar'
+    }
 });

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

@@ -1,116 +1,7 @@
 import './scss/index.scss';
 declare const _default: {
-    (content: unknown): import("@esportsplus/template").Renderable;
-    (attributes: {
-        class?: string | (string | (() => unknown))[];
-        style?: string | (string | (() => unknown))[];
-    } & {
-        onabort?: ((event: UIEvent) => void) | undefined;
-        onanimationcancel?: ((event: AnimationEvent) => void) | undefined;
-        onanimationend?: ((event: AnimationEvent) => void) | undefined;
-        onanimationiteration?: ((event: AnimationEvent) => void) | undefined;
-        onanimationstart?: ((event: AnimationEvent) => void) | undefined;
-        onauxclick?: ((event: MouseEvent) => void) | undefined;
-        onbeforeinput?: ((event: InputEvent) => void) | undefined;
-        onbeforetoggle?: ((event: Event) => void) | undefined;
-        onblur?: ((event: FocusEvent) => void) | undefined;
-        oncancel?: ((event: Event) => void) | undefined;
-        oncanplay?: ((event: Event) => void) | undefined;
-        oncanplaythrough?: ((event: Event) => void) | undefined;
-        onchange?: ((event: Event) => void) | undefined;
-        onclick?: ((event: MouseEvent) => void) | undefined;
-        onclose?: ((event: Event) => void) | undefined;
-        oncompositionend?: ((event: CompositionEvent) => void) | undefined;
-        oncompositionstart?: ((event: CompositionEvent) => void) | undefined;
-        oncompositionupdate?: ((event: CompositionEvent) => void) | undefined;
-        oncontextlost?: ((event: Event) => void) | undefined;
-        oncontextmenu?: ((event: MouseEvent) => void) | undefined;
-        oncontextrestored?: ((event: Event) => void) | undefined;
-        oncopy?: ((event: ClipboardEvent) => void) | undefined;
-        oncuechange?: ((event: Event) => void) | undefined;
-        oncut?: ((event: ClipboardEvent) => void) | undefined;
-        ondblclick?: ((event: MouseEvent) => void) | undefined;
-        ondrag?: ((event: DragEvent) => void) | undefined;
-        ondragend?: ((event: DragEvent) => void) | undefined;
-        ondragenter?: ((event: DragEvent) => void) | undefined;
-        ondragleave?: ((event: DragEvent) => void) | undefined;
-        ondragover?: ((event: DragEvent) => void) | undefined;
-        ondragstart?: ((event: DragEvent) => void) | undefined;
-        ondrop?: ((event: DragEvent) => void) | undefined;
-        ondurationchange?: ((event: Event) => void) | undefined;
-        onemptied?: ((event: Event) => void) | undefined;
-        onended?: ((event: Event) => void) | undefined;
-        onerror?: ((event: ErrorEvent) => void) | undefined;
-        onfocus?: ((event: FocusEvent) => void) | undefined;
-        onfocusin?: ((event: FocusEvent) => void) | undefined;
-        onfocusout?: ((event: FocusEvent) => void) | undefined;
-        onformdata?: ((event: FormDataEvent) => void) | undefined;
-        ongotpointercapture?: ((event: PointerEvent) => void) | undefined;
-        oninput?: ((event: Event) => void) | undefined;
-        oninvalid?: ((event: Event) => void) | undefined;
-        onkeydown?: ((event: KeyboardEvent) => void) | undefined;
-        onkeypress?: ((event: KeyboardEvent) => void) | undefined;
-        onkeyup?: ((event: KeyboardEvent) => void) | undefined;
-        onload?: ((event: Event) => void) | undefined;
-        onloadeddata?: ((event: Event) => void) | undefined;
-        onloadedmetadata?: ((event: Event) => void) | undefined;
-        onloadstart?: ((event: Event) => void) | undefined;
-        onlostpointercapture?: ((event: PointerEvent) => void) | undefined;
-        onmousedown?: ((event: MouseEvent) => void) | undefined;
-        onmouseenter?: ((event: MouseEvent) => void) | undefined;
-        onmouseleave?: ((event: MouseEvent) => void) | undefined;
-        onmousemove?: ((event: MouseEvent) => void) | undefined;
-        onmouseout?: ((event: MouseEvent) => void) | undefined;
-        onmouseover?: ((event: MouseEvent) => void) | undefined;
-        onmouseup?: ((event: MouseEvent) => void) | undefined;
-        onpaste?: ((event: ClipboardEvent) => void) | undefined;
-        onpause?: ((event: Event) => void) | undefined;
-        onplay?: ((event: Event) => void) | undefined;
-        onplaying?: ((event: Event) => void) | undefined;
-        onpointercancel?: ((event: PointerEvent) => void) | undefined;
-        onpointerdown?: ((event: PointerEvent) => void) | undefined;
-        onpointerenter?: ((event: PointerEvent) => void) | undefined;
-        onpointerleave?: ((event: PointerEvent) => void) | undefined;
-        onpointermove?: ((event: PointerEvent) => void) | undefined;
-        onpointerout?: ((event: PointerEvent) => void) | undefined;
-        onpointerover?: ((event: PointerEvent) => void) | undefined;
-        onpointerup?: ((event: PointerEvent) => void) | undefined;
-        onprogress?: ((event: ProgressEvent<EventTarget>) => void) | undefined;
-        onratechange?: ((event: Event) => void) | undefined;
-        onreset?: ((event: Event) => void) | undefined;
-        onresize?: ((event: UIEvent) => void) | undefined;
-        onscroll?: ((event: Event) => void) | undefined;
-        onscrollend?: ((event: Event) => void) | undefined;
-        onsecuritypolicyviolation?: ((event: SecurityPolicyViolationEvent) => void) | undefined;
-        onseeked?: ((event: Event) => void) | undefined;
-        onseeking?: ((event: Event) => void) | undefined;
-        onselect?: ((event: Event) => void) | undefined;
-        onselectionchange?: ((event: Event) => void) | undefined;
-        onselectstart?: ((event: Event) => void) | undefined;
-        onslotchange?: ((event: Event) => void) | undefined;
-        onstalled?: ((event: Event) => void) | undefined;
-        onsubmit?: ((event: SubmitEvent) => void) | undefined;
-        onsuspend?: ((event: Event) => void) | undefined;
-        ontimeupdate?: ((event: Event) => void) | undefined;
-        ontoggle?: ((event: Event) => void) | undefined;
-        ontouchcancel?: ((event: TouchEvent) => void) | undefined;
-        ontouchend?: ((event: TouchEvent) => void) | undefined;
-        ontouchmove?: ((event: TouchEvent) => void) | undefined;
-        ontouchstart?: ((event: TouchEvent) => void) | undefined;
-        ontransitioncancel?: ((event: TransitionEvent) => void) | undefined;
-        ontransitionend?: ((event: TransitionEvent) => void) | undefined;
-        ontransitionrun?: ((event: TransitionEvent) => void) | undefined;
-        ontransitionstart?: ((event: TransitionEvent) => void) | undefined;
-        onvolumechange?: ((event: Event) => void) | undefined;
-        onwaiting?: ((event: Event) => void) | undefined;
-        onwebkitanimationend?: ((event: Event) => void) | undefined;
-        onwebkitanimationiteration?: ((event: Event) => void) | undefined;
-        onwebkitanimationstart?: ((event: Event) => void) | undefined;
-        onwebkittransitionend?: ((event: Event) => void) | undefined;
-        onwheel?: ((event: WheelEvent) => void) | undefined;
-    } & Record<PropertyKey, unknown> & {
-        scrollbar?: import("@esportsplus/template").Attributes;
-        'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
-    }, content: unknown): import("@esportsplus/template").Renderable;
+    (): import("@esportsplus/template").Renderable<unknown>;
+    (content: import("@esportsplus/template").Renderable<unknown>): import("@esportsplus/template").Renderable<unknown>;
+    (attributes: import("../../components/scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<unknown>): import("@esportsplus/template").Renderable<unknown>;
 };
 export default _default;

package/build/components/site/index.js

@@ -1,12 +1,9 @@
-import { toArray } from '@esportsplus/utilities';
 import { onclick } from '../../components/root/index.js';
 import scrollbar from '../../components/scrollbar/index.js';
-import template from '../../components/template/index.js';
 import './scss/index.scss';
-export default template.factory((attributes, content) => {
-    attributes.class = toArray(attributes.class);
-    attributes.class.push('site');
-    attributes.onclick = onclick;
-    attributes.style ??= '--background-default: var(--color-black-400);';
-    return scrollbar(attributes, content);
+export default scrollbar.bind({
+    attributes: {
+        class: 'site',
+        onclick
+    }
 });

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

@@ -1,8 +1,12 @@
-import { Renderable } from '@esportsplus/template';
+import { Attributes, Renderable } from '@esportsplus/template';
 declare const _default: {
-    factory: <A extends Record<string, unknown>, C = unknown>(template: (attributes: A, content: C) => Renderable) => {
-        (content: C): Renderable;
-        (attributes: A, content: C): Renderable;
+    factory: <A extends Attributes, C = Renderable<unknown>, Context = {
+        attributes?: A;
+        content?: C;
+    }>(template: (this: Context, attributes: Readonly<A>, content: C) => Renderable<unknown>) => {
+        (): Renderable<unknown>;
+        (content: C): Renderable<unknown>;
+        (attributes: A, content: C): Renderable<unknown>;
     };
 };
 export default _default;

package/build/components/template/index.js

@@ -1,15 +1,16 @@
+import { EMPTY_OBJECT } from '@esportsplus/utilities';
 const factory = (template) => {
     function factory(one, two) {
-        let content, attributes = {};
+        let attributes = {}, content;
         if (two === undefined) {
             content = one;
         }
         else {
-            content = two;
             attributes = one;
+            content = two;
         }
-        return template(attributes, content);
+        return template.call(this, attributes, content);
     }
-    return factory;
+    return factory.bind(EMPTY_OBJECT);
 };
 export default { factory };