@esportsplus/ui 0.51.7 → 0.54.0

package/build/components/alert/index.js

@@ -1,151 +0,0 @@
-import '@esportsplus/vite/global.d.ts';
-import * as template_u1 from '@esportsplus/template';
-import * as reactivity_u0 from '@esportsplus/reactivity';
-import { omit } from '@esportsplus/utilities';
-import icon from '../icon/index.js';
-import check from './svg/check.svg';
-import close from './svg/close.svg';
-import e from './svg/error.svg';
-import './scss/index.scss';
-const template_0id5jvz2 = template_u1.template(`<div class='--flex-vertical'>`);
-const template_0id5jvz5 = template_u1.template(`<p >`);
-const template_0id5jvz8 = template_u1.template(`<div class='--flex-start'>`);
-const template_0id5jvzb = template_u1.template(`<div class='alert anchor anchor--n --flex-row' ><!--$--><div class='alert-messages --flex-column --flex-fill' ></div><div class=--flex-vertical><div class='alert-close button --padding-300' >`);
-class ReactiveObject_0id5jvz0 extends reactivity_u0.ReactiveObject {
-    #active = this[reactivity_u0.SIGNAL](false);
-    #messages;
-    #rerender = this[reactivity_u0.SIGNAL](0);
-    #type;
-    constructor(_p0, _p1) {
-        super(null);
-        this.#messages = this[reactivity_u0.SIGNAL](_p0);
-        this.#type = this[reactivity_u0.SIGNAL](_p1);
-    }
-    get active() {
-        return reactivity_u0.read(this.#active);
-    }
-    set active(_v0) {
-        reactivity_u0.write(this.#active, _v0);
-    }
-    get messages() {
-        return reactivity_u0.read(this.#messages);
-    }
-    set messages(_v1) {
-        reactivity_u0.write(this.#messages, _v1);
-    }
-    get rerender() {
-        return reactivity_u0.read(this.#rerender);
-    }
-    set rerender(_v2) {
-        reactivity_u0.write(this.#rerender, _v2);
-    }
-    get type() {
-        return reactivity_u0.read(this.#type);
-    }
-    set type(_v3) {
-        reactivity_u0.write(this.#type, _v3);
-    }
-}
-const OMIT = ['alert-close', 'alert-messages', 'alert-message'];
-let modifiers = {
-    error: 'red',
-    info: 'black',
-    success: 'green'
-}, timeout = 250;
-function activate(key, messages, seconds, state) {
-    if (!Array.isArray(messages)) {
-        messages = [messages];
-    }
-    if (!messages.length) {
-        return;
-    }
-    if (state.type !== key) {
-        state.active = false;
-        state.messages.clear();
-    }
-    state.type = key;
-    for (let message of messages) {
-        state.messages.add(message);
-    }
-    if (state.active) {
-        state.rerender++;
-        if (!seconds) {
-            return;
-        }
-        setTimeout(deactivate, timeout + (500 * seconds));
-    }
-    else {
-        setTimeout(() => {
-            state.active = true;
-            state.rerender++;
-            state.type = key;
-            if (seconds) {
-                setTimeout(deactivate, 500 * seconds);
-            }
-        }, timeout);
-    }
-}
-function deactivate(state) {
-    state.active = false;
-    setTimeout(() => {
-        state.messages.clear();
-    }, timeout);
-}
-export default (attributes) => {
-    let state = new ReactiveObject_0id5jvz0(new Set(), '');
-    const error = (messages, seconds = 0) => activate('error', messages, seconds, state);
-    error.response = (response) => {
-        if (response.ok) {
-            return;
-        }
-        error(response.errors.map(({ message, path }) => {
-            if (!path) {
-                return message;
-            }
-            return `${String(path).split('.').join(' ')} ${message}`;
-        }), 5);
-    };
-    return {
-        content: (() => {
-            let root_0id5jvza = template_0id5jvzb(), element_0id5jvzc = root_0id5jvza.firstChild, element_0id5jvzd = element_0id5jvzc.firstChild, element_0id5jvze = element_0id5jvzc.firstElementChild, element_0id5jvzf = element_0id5jvze.nextElementSibling.firstElementChild;
-            template_u1.setList(element_0id5jvzc, 'class', () => state.active && '--active');
-            template_u1.setProperties(element_0id5jvzc, omit(attributes, OMIT));
-            new template_u1.EffectSlot(element_0id5jvzd, () => {
-                let type = state.type;
-                return (() => {
-                    let root_0id5jvz1 = template_0id5jvz2(), element_0id5jvz3 = root_0id5jvz1.firstChild;
-                    template_u1.setList(element_0id5jvz3, 'style', `--color: var(--color-${modifiers[type]}-400);`);
-                    template_u1.slot(element_0id5jvz3, icon({ class: '--size-500' }, type === 'error' ? e : check), 1);
-                    return root_0id5jvz1;
-                })();
-            });
-            template_u1.setProperties(element_0id5jvze, attributes['alert-messages']);
-            new template_u1.EffectSlot(element_0id5jvze, () => {
-                let message = attributes['alert-message'];
-                return state.rerender && [...state.messages].map((content) => {
-                    if (typeof content === 'string') {
-                        return (() => {
-                            let root_0id5jvz4 = template_0id5jvz5(), element_0id5jvz6 = root_0id5jvz4.firstChild;
-                            template_u1.setProperties(element_0id5jvz6, message);
-                            template_u1.slot(element_0id5jvz6, content, 1);
-                            return root_0id5jvz4;
-                        })();
-                    }
-                    return (() => {
-                        let root_0id5jvz7 = template_0id5jvz8(), element_0id5jvz9 = root_0id5jvz7.firstChild;
-                        template_u1.slot(element_0id5jvz9, content, 1);
-                        return root_0id5jvz7;
-                    })();
-                });
-            }, 1);
-            template_u1.delegate(element_0id5jvzf, 'click', () => deactivate(state));
-            template_u1.setProperties(element_0id5jvzf, attributes['alert-close']);
-            template_u1.slot(element_0id5jvzf, icon({ style: '--size: 14px;' }, close), 1);
-            return root_0id5jvza;
-        })(),
-        deactivate: () => deactivate(state),
-        error,
-        info: (messages, seconds = 0) => activate('info', messages, seconds, state),
-        success: (messages, seconds = 0) => activate('success', messages, seconds, state)
-    };
-};

package/build/components/alert/scss/index.scss

@@ -1,2 +0,0 @@
-@layer components {.anchor{--margin-horizontal:var(--size-400);--margin-vertical:var(--size-400);max-height:calc(var(--max-height,100%) - var(--margin-vertical) * 2);max-width:calc(var(--max-width,100%) - var(--margin-horizontal) * 2);transition:opacity var(--transition-duration) ease-in-out, transform var(--transition-duration) ease-in-out;z-index:9;position:absolute}.anchor:not(.--active){opacity:0}.anchor:not(.--active),.anchor:not(.--active) *{pointer-events:none}.anchor--n,.anchor--s{right:50%;transform:translate(50%)}.anchor--ne,.anchor--nw{top:var(--margin-vertical)}.anchor--se,.anchor--sw{bottom:var(--margin-vertical)}.anchor--ne,.anchor--se{right:var(--margin-horizontal)}.anchor--nw,.anchor--sw{left:var(--margin-horizontal)}.anchor--n{top:var(--margin-vertical)}.anchor--s{bottom:var(--margin-vertical)}.alert{--max-width:640px;max-width:var(--max-width);padding:var(--padding-vertical) var(--padding-horizontal);width:calc(100% - var(--margin-horizontal) * 2);z-index:9999;position:fixed}.alert.anchor--n:not(.--active){transform:translate(50%,-100%)}.alert.anchor--ne:not(.--active){transform:translateY(-100%)}}
-/*$vite$:1*/

package/build/components/alert/svg/check.svg

@@ -1,11 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
-<g>
-	<path d="M9,19.5c-0.397,0-0.779-0.158-1.061-0.439l-5-5c-0.586-0.586-0.586-1.535,0-2.121s1.535-0.586,2.121,0l3.893,3.893
-		l9.941-10.846c0.561-0.611,1.509-0.651,2.119-0.092c0.61,0.56,0.651,1.509,0.092,2.12l-11,12c-0.277,0.302-0.665,0.478-1.073,0.486
-		C9.022,19.5,9.011,19.5,9,19.5z"/>
-</g>
-</svg>

package/build/components/alert/svg/close.svg

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
-<g>
-	<path d="M18,19.5c-0.384,0-0.768-0.146-1.061-0.439L12,14.121l-4.939,4.939c-0.586,0.586-1.535,0.586-2.121,0s-0.586-1.535,0-2.121
-		L9.879,12L4.939,7.061c-0.586-0.585-0.586-1.536,0-2.121c0.586-0.586,1.535-0.586,2.121,0L12,9.879l4.939-4.939
-		c0.586-0.586,1.535-0.586,2.121,0c0.586,0.585,0.586,1.536,0,2.121L14.121,12l4.939,4.939c0.586,0.586,0.586,1.535,0,2.121
-		C18.768,19.354,18.384,19.5,18,19.5z"/>
-</g>
-</svg>

package/build/components/alert/svg/error.svg

@@ -1,18 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
-<g>
-	<path d="M12.351,23h-0.702c-4.697,0-7.055,0-8.626-1.132c-1.368-0.986-2.262-2.512-2.454-4.186
-		c-0.22-1.925,0.932-3.981,3.227-8.079l0.352-0.628c2.386-4.26,3.583-6.398,5.383-7.211c1.57-0.708,3.369-0.708,4.939,0
-		c1.8,0.813,2.997,2.95,5.383,7.209l0.352,0.629l-0.873,0.488l0.881-0.474c2.29,4.09,3.439,6.143,3.219,8.064
-		c-0.191,1.675-1.086,3.201-2.453,4.187C19.405,23,17.048,23,12.351,23z M12,3.233c-0.562,0-1.123,0.118-1.646,0.354
-		c-1.2,0.542-2.358,2.61-4.46,6.364L5.542,10.58c-2.02,3.606-3.132,5.592-2.985,6.875c0.128,1.116,0.724,2.133,1.636,2.79
-		C5.24,21,7.516,21,11.649,21h0.702c4.132,0,6.41,0,7.457-0.755c0.912-0.657,1.509-1.674,1.637-2.791
-		c0.146-1.28-0.963-3.262-2.978-6.86l-0.009-0.015l-0.351-0.627c-2.103-3.755-3.261-5.823-4.461-6.365
-		C13.123,3.352,12.562,3.233,12,3.233z M12,18c-0.827,0-1.499-0.672-1.5-1.498c0-0.002,0-0.002,0-0.004
-		C10.501,15.672,11.173,15,12,15c0.826,0,1.499,0.672,1.5,1.498c0,0.002,0,0.002,0,0.004C13.499,17.328,12.826,18,12,18z M12,14
-		c-0.552,0-1-0.447-1-1V9c0-0.552,0.448-1,1-1c0.553,0,1,0.448,1,1v4C13,13.553,12.553,14,12,14z"/>
-</g>
-</svg>

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

@@ -1,18 +0,0 @@
-import * as template_u1 from '@esportsplus/template';
-import { Attributes } from '@esportsplus/template';
-import './scss/index.scss';
-declare const _default: {
-    (): ReturnType<(this: {
-        attributes?: Attributes;
-    }, attributes: Readonly<Attributes>, content: template_u1.Renderable<any>) => template_u1.Renderable<any>>;
-    <T extends Attributes>(attributes: T): ReturnType<(this: {
-        attributes?: Attributes;
-    }, attributes: Readonly<Attributes>, content: template_u1.Renderable<any>) => template_u1.Renderable<any>>;
-    <T extends template_u1.Renderable<any>>(content: T): ReturnType<(this: {
-        attributes?: Attributes;
-    }, attributes: Readonly<Attributes>, content: template_u1.Renderable<any>) => template_u1.Renderable<any>>;
-    (attributes: Attributes, content: template_u1.Renderable<any>): ReturnType<(this: {
-        attributes?: Attributes;
-    }, attributes: Readonly<Attributes>, content: template_u1.Renderable<any>) => template_u1.Renderable<any>>;
-};
-export default _default;

package/build/components/back/index.js

@@ -1,16 +0,0 @@
-import * as template_u1 from '@esportsplus/template';
-import icon from '../icon/index.js';
-import template from '../template/index.js';
-import arrow from './svg/arrow.svg';
-import './scss/index.scss';
-const template_1hhpvdm1 = template_u1.template(`<a class='back link --padding-0px --flex-vertical' ><!--$-->`);
-export default template.factory(function (attributes, content) {
-    return (() => {
-        let root_1hhpvdm0 = template_1hhpvdm1(), element_1hhpvdm2 = root_1hhpvdm0.firstChild, element_1hhpvdm3 = element_1hhpvdm2.firstChild;
-        template_u1.setProperties(element_1hhpvdm2, this.attributes);
-        template_u1.setProperties(element_1hhpvdm2, attributes);
-        template_u1.slot(element_1hhpvdm3, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
-        template_u1.slot(element_1hhpvdm2, content, 2);
-        return root_1hhpvdm0;
-    })();
-});

package/build/components/back/scss/index.scss

@@ -1,2 +0,0 @@
-@layer components {.back-arrow{transition:color var(--transition-duration) ease-in-out, transform var(--transition-duration) ease-in-out;transform:rotate(-90deg)}.back:not(.--active):hover .back-arrow{transform:rotate(-90deg)translateY(-2px)}}
-/*$vite$:1*/

package/build/components/back/svg/arrow.svg

@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
-<g opacity="0.4" enable-background="new    ">
-	<path d="M12,22c-0.552,0-1-0.447-1-1v-6c0-0.553,0.448-1,1-1c0.553,0,1,0.447,1,1v6C13,21.553,12.553,22,12,22z"/>
-</g>
-<g>
-	<path d="M12,16c-0.552,0-1-0.447-1-1V5.414l-5.293,5.293c-0.391,0.391-1.023,0.391-1.414,0s-0.391-1.023,0-1.414l7-7
-		c0.096-0.096,0.208-0.169,0.326-0.218C11.735,2.027,11.863,2,11.997,2l0,0c0.002,0,0.004,0,0.006,0l0,0
-		c0.134,0,0.262,0.027,0.378,0.075c0.119,0.049,0.229,0.122,0.326,0.218l7,7c0.391,0.391,0.391,1.023,0,1.414s-1.023,0.391-1.414,0
-		L13,5.414V15C13,15.553,12.553,16,12,16z"/>
-</g>
-</svg>

package/build/components/bubble/scss/index.scss

@@ -1,2 +0,0 @@
-@layer components {.bubble{--background:var(--background-default);--background-default:var(--color-border-400);--border-radius:100%;--height:var(--size);--margin-horizontal:var(--size-100);--size:6px;--width:var(--size)}.bubble--bottom-left,.bubble--bottom-right,.bubble--top-left,.bubble--top-right{--position-horizontal:calc(var(--size) / -2);--position-vertical:calc(var(--size) / -2)}.bubble{background:var(--background);border-radius:var(--border-radius);height:var(--height);width:var(--width)}.bubble--bottom-left,.bubble--bottom-right,.bubble--top-left,.bubble--top-right{position:absolute}.bubble--bottom-left,.bubble--top-left{left:var(--position-horizontal)}.bubble--bottom-right,.bubble--top-right{right:var(--position-horizontal)}.bubble--bottom-left,.bubble--bottom-right{bottom:var(--position-vertical)}.bubble--top-left,.bubble--top-right{top:var(--position-vertical)}}
-/*$vite$:1*/

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

@@ -1,103 +0,0 @@
-import * as template_u1 from '@esportsplus/template';
-import { type Renderable } from '@esportsplus/template';
-import './scss/index.scss';
-declare const hold: {
-    (): ReturnType<(this: {
-        attributes?: template_u1.Attributes | undefined;
-        content?: ((state: {
-            holding: boolean;
-            complete: boolean;
-        }) => Renderable<any>) | undefined;
-    }, attributes: Readonly<template_u1.Attributes>, content: (state: {
-        holding: boolean;
-        complete: boolean;
-    }) => Renderable<any>) => Renderable<any>>;
-    <T extends template_u1.Attributes>(attributes: T): ReturnType<(this: {
-        attributes?: template_u1.Attributes | undefined;
-        content?: ((state: {
-            holding: boolean;
-            complete: boolean;
-        }) => Renderable<any>) | undefined;
-    }, attributes: Readonly<template_u1.Attributes>, content: (state: {
-        holding: boolean;
-        complete: boolean;
-    }) => Renderable<any>) => Renderable<any>>;
-    <T extends (state: {
-        holding: boolean;
-        complete: boolean;
-    }) => Renderable<any>>(content: T): ReturnType<(this: {
-        attributes?: template_u1.Attributes | undefined;
-        content?: ((state: {
-            holding: boolean;
-            complete: boolean;
-        }) => Renderable<any>) | undefined;
-    }, attributes: Readonly<template_u1.Attributes>, content: (state: {
-        holding: boolean;
-        complete: boolean;
-    }) => Renderable<any>) => Renderable<any>>;
-    (attributes: template_u1.Attributes, content: (state: {
-        holding: boolean;
-        complete: boolean;
-    }) => Renderable<any>): ReturnType<(this: {
-        attributes?: template_u1.Attributes | undefined;
-        content?: ((state: {
-            holding: boolean;
-            complete: boolean;
-        }) => Renderable<any>) | undefined;
-    }, attributes: Readonly<template_u1.Attributes>, content: (state: {
-        holding: boolean;
-        complete: boolean;
-    }) => Renderable<any>) => Renderable<any>>;
-};
-declare const _default: {
-    hold: {
-        (): ReturnType<(this: {
-            attributes?: template_u1.Attributes | undefined;
-            content?: ((state: {
-                holding: boolean;
-                complete: boolean;
-            }) => Renderable<any>) | undefined;
-        }, attributes: Readonly<template_u1.Attributes>, content: (state: {
-            holding: boolean;
-            complete: boolean;
-        }) => Renderable<any>) => Renderable<any>>;
-        <T extends template_u1.Attributes>(attributes: T): ReturnType<(this: {
-            attributes?: template_u1.Attributes | undefined;
-            content?: ((state: {
-                holding: boolean;
-                complete: boolean;
-            }) => Renderable<any>) | undefined;
-        }, attributes: Readonly<template_u1.Attributes>, content: (state: {
-            holding: boolean;
-            complete: boolean;
-        }) => Renderable<any>) => Renderable<any>>;
-        <T extends (state: {
-            holding: boolean;
-            complete: boolean;
-        }) => Renderable<any>>(content: T): ReturnType<(this: {
-            attributes?: template_u1.Attributes | undefined;
-            content?: ((state: {
-                holding: boolean;
-                complete: boolean;
-            }) => Renderable<any>) | undefined;
-        }, attributes: Readonly<template_u1.Attributes>, content: (state: {
-            holding: boolean;
-            complete: boolean;
-        }) => Renderable<any>) => Renderable<any>>;
-        (attributes: template_u1.Attributes, content: (state: {
-            holding: boolean;
-            complete: boolean;
-        }) => Renderable<any>): ReturnType<(this: {
-            attributes?: template_u1.Attributes | undefined;
-            content?: ((state: {
-                holding: boolean;
-                complete: boolean;
-            }) => Renderable<any>) | undefined;
-        }, attributes: Readonly<template_u1.Attributes>, content: (state: {
-            holding: boolean;
-            complete: boolean;
-        }) => Renderable<any>) => Renderable<any>>;
-    };
-};
-export default _default;
-export { hold };

package/build/components/button/index.js

@@ -1,60 +0,0 @@
-import * as template_u1 from '@esportsplus/template';
-import * as reactivity_u0 from '@esportsplus/reactivity';
-import template from '../template/index.js';
-import './scss/index.scss';
-const template_1u9ndnf2 = template_u1.template(`<div class='button ' >`);
-class ReactiveObject_1u9ndnf0 extends reactivity_u0.ReactiveObject {
-    #complete = this[reactivity_u0.SIGNAL](false);
-    #holding = this[reactivity_u0.SIGNAL](false);
-    constructor() {
-        super(null);
-    }
-    get complete() {
-        return reactivity_u0.read(this.#complete);
-    }
-    set complete(_v0) {
-        reactivity_u0.write(this.#complete, _v0);
-    }
-    get holding() {
-        return reactivity_u0.read(this.#holding);
-    }
-    set holding(_v1) {
-        reactivity_u0.write(this.#holding, _v1);
-    }
-}
-const hold = template.factory(function (attributes, content) {
-    let end = () => {
-        if (!state.complete) {
-            state.holding = false;
-        }
-    }, state = new ReactiveObject_1u9ndnf0();
-    return (() => {
-        let root_1u9ndnf1 = template_1u9ndnf2(), element_1u9ndnf3 = root_1u9ndnf1.firstChild;
-        template_u1.setList(element_1u9ndnf3, 'class', () => state.holding && 'button--holding');
-        template_u1.delegate(element_1u9ndnf3, 'mousedown', (e) => {
-            e.preventDefault();
-            state.holding = true;
-        });
-        template_u1.setProperties(element_1u9ndnf3, attributes);
-        template_u1.delegate(element_1u9ndnf3, 'animationend', (e) => {
-            if (e.animationName === 'buttonHolding') {
-                state.complete = true;
-            }
-        });
-        template_u1.delegate(element_1u9ndnf3, 'click', () => { });
-        template_u1.delegate(element_1u9ndnf3, 'mousedown', (e) => {
-            e.preventDefault();
-            state.holding = true;
-        });
-        template_u1.delegate(element_1u9ndnf3, 'mouseup', end);
-        template_u1.delegate(element_1u9ndnf3, 'touchend', end);
-        template_u1.delegate(element_1u9ndnf3, 'touchstart', (e) => {
-            e.preventDefault();
-            state.holding = true;
-        });
-        new template_u1.EffectSlot(element_1u9ndnf3, () => content(state), 1);
-        return root_1u9ndnf1;
-    })();
-});
-export default { hold };
-export { hold };

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

@@ -1,4 +0,0 @@
-import { Attributes } from '@esportsplus/template';
-import './scss/index.scss';
-export default _default;
-declare function _default(attributes?: Attributes): DocumentFragment | Text;

package/build/components/ellipsis/index.js

@@ -1,8 +0,0 @@
-import * as template_u1 from '@esportsplus/template';
-import './scss/index.scss';
-const template_0bfeb8u1 = template_u1.template(`<div class='ellipsis' ><span></span><span></span><span>`);
-export default (attributes) => {
-    let root_0bfeb8u0 = template_0bfeb8u1(), element_0bfeb8u2 = root_0bfeb8u0.firstChild;
-    template_u1.setProperties(element_0bfeb8u2, attributes);
-    return root_0bfeb8u0;
-};

package/build/components/ellipsis/scss/index.scss

@@ -1,2 +0,0 @@
-@layer components {.ellipsis{--animation-duration:1.24s;--margin-horizontal:var(--size-100);--size:var(--size-200)}.ellipsis span{animation:ellipsis var(--animation-duration) infinite linear;background-color:var(--color);height:var(--size);margin:0 var(--margin-horizontal);width:var(--size);border-radius:100%;display:inline-block}.ellipsis span :nth-child(2){animation-delay:.24s}.ellipsis span :nth-child(3){animation-delay:.48s}@keyframes ellipsis{0%,to{opacity:.16}20%{opacity:1}}}
-/*$vite$:1*/

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

@@ -1,20 +0,0 @@
-import './scss/index.scss';
-declare const _default: {
-    (): ReturnType<(this: {
-        attributes?: import("../scrollbar/index.js").Attributes | undefined;
-        content?: import("@esportsplus/template").Renderable<any>;
-    }, attributes: Readonly<import("../scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
-    <T extends import("../scrollbar/index.js").Attributes>(attributes: T): ReturnType<(this: {
-        attributes?: import("../scrollbar/index.js").Attributes | undefined;
-        content?: import("@esportsplus/template").Renderable<any>;
-    }, attributes: Readonly<import("../scrollbar/index.js").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("../scrollbar/index.js").Attributes | undefined;
-        content?: import("@esportsplus/template").Renderable<any>;
-    }, attributes: Readonly<import("../scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
-    (attributes: import("../scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
-        attributes?: import("../scrollbar/index.js").Attributes | undefined;
-        content?: import("@esportsplus/template").Renderable<any>;
-    }, attributes: Readonly<import("../scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
-};
-export default _default;

package/build/components/frame/index.js

@@ -1,7 +0,0 @@
-import scrollbar from '../scrollbar/index.js';
-import './scss/index.scss';
-export default scrollbar.bind({
-    attributes: {
-        class: 'frame'
-    }
-});

package/build/components/frame/scss/index.scss

@@ -1,2 +0,0 @@
-@layer components {.frames{--gap:var(--size-400);--opacity:.4;gap:var(--gap);transform:translateX(calc(var(--i) * (100% + var(--gap))));transition:transform .3s;display:flex}.frames .frame{flex-shrink:0;width:100%;min-width:100%}.frames .frame:not(.--active){opacity:var(--opacity);display:flex}.frames .frame:not(.--active)>*{pointer-events:none}.frame{cursor:default;flex-wrap:wrap;justify-content:flex-start;width:100%;max-width:100%;display:none;position:relative}.frame.--active{display:flex}}
-/*$vite$:1*/

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

@@ -1,22 +0,0 @@
-import * as template_u1 from '@esportsplus/template';
-import { Attributes } from '@esportsplus/template';
-import './scss/index.scss';
-declare const _default: {
-    (): ReturnType<(this: {
-        attributes?: Attributes | undefined;
-        content?: template_u1.Renderable<any>;
-    }, attributes: Readonly<Attributes>, content: template_u1.Renderable<any>) => template_u1.Renderable<any>>;
-    <T extends Attributes>(attributes: T): ReturnType<(this: {
-        attributes?: Attributes | undefined;
-        content?: template_u1.Renderable<any>;
-    }, attributes: Readonly<Attributes>, content: template_u1.Renderable<any>) => template_u1.Renderable<any>>;
-    <T extends template_u1.Renderable<any>>(content: T): ReturnType<(this: {
-        attributes?: Attributes | undefined;
-        content?: template_u1.Renderable<any>;
-    }, attributes: Readonly<Attributes>, content: template_u1.Renderable<any>) => template_u1.Renderable<any>>;
-    (attributes: Attributes, content: template_u1.Renderable<any>): ReturnType<(this: {
-        attributes?: Attributes | undefined;
-        content?: template_u1.Renderable<any>;
-    }, attributes: Readonly<Attributes>, content: template_u1.Renderable<any>) => template_u1.Renderable<any>>;
-};
-export default _default;

package/build/components/highlight/index.js

@@ -1,56 +0,0 @@
-import * as template_u1 from '@esportsplus/template';
-import * as reactivity_u0 from '@esportsplus/reactivity';
-import { omit } from '@esportsplus/utilities';
-import template from '../template/index.js';
-import './scss/index.scss';
-const template_0k38r592 = template_u1.template(`<div class='highlight' >`);
-class ReactiveObject_0k38r590 extends reactivity_u0.ReactiveObject {
-    #highlight = this[reactivity_u0.SIGNAL](0);
-    constructor() {
-        super(null);
-    }
-    get highlight() {
-        return reactivity_u0.read(this.#highlight);
-    }
-    set highlight(_v0) {
-        reactivity_u0.write(this.#highlight, _v0);
-    }
-}
-const OMIT = ['background'];
-let key = Symbol(), observer = null;
-export default template.factory((attributes, content) => {
-    if (observer === null) {
-        observer = new IntersectionObserver((entries) => {
-            let disconnected = 0, n = entries.length;
-            for (let i = 0; i < n; i++) {
-                let { isIntersecting, target } = entries[i];
-                if (target.isConnected) {
-                    target[key].highlight = +isIntersecting;
-                }
-                else {
-                    disconnected++;
-                    observer.unobserve(target);
-                }
-            }
-            if (n - disconnected === 0) {
-                observer.disconnect();
-                observer = null;
-            }
-        }, { threshold: 1 });
-    }
-    let state = new ReactiveObject_0k38r590();
-    return (() => {
-        let root_0k38r591 = template_0k38r592(), element_0k38r593 = root_0k38r591.firstChild;
-        template_u1.setProperties(element_0k38r593, omit(attributes, OMIT));
-        template_u1.onrender(element_0k38r593, (element) => {
-            element[key] = state;
-            observer.observe(element);
-        });
-        template_u1.setList(element_0k38r593, 'style', [
-            () => `--highlight: ${state.highlight}`,
-            `--background: ${attributes.background}`,
-        ]);
-        template_u1.slot(element_0k38r593, content, 1);
-        return root_0k38r591;
-    })();
-});

package/build/components/highlight/scss/index.scss

@@ -1,2 +0,0 @@
-@layer components {.highlight{--background:transparent;--highlight:1;background:linear-gradient(90deg, var(--background) 50%, transparent 50%) 110% 0/200% 100% no-repeat;background-position:calc((1 - var(--highlight)) * 110%) 0;transition:background-position .32s}}
-/*$vite$:1*/

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

@@ -1,22 +0,0 @@
-import * as template_u1 from '@esportsplus/template';
-import { type Attributes } from '@esportsplus/template';
-import './scss/index.scss';
-declare const _default: {
-    (): ReturnType<(this: {
-        attributes?: Attributes | undefined;
-        content?: template_u1.Renderable<any>;
-    }, attributes: Readonly<Attributes>, content: template_u1.Renderable<any>) => template_u1.Renderable<any>>;
-    <T extends Attributes>(attributes: T): ReturnType<(this: {
-        attributes?: Attributes | undefined;
-        content?: template_u1.Renderable<any>;
-    }, attributes: Readonly<Attributes>, content: template_u1.Renderable<any>) => template_u1.Renderable<any>>;
-    <T extends template_u1.Renderable<any>>(content: T): ReturnType<(this: {
-        attributes?: Attributes | undefined;
-        content?: template_u1.Renderable<any>;
-    }, attributes: Readonly<Attributes>, content: template_u1.Renderable<any>) => template_u1.Renderable<any>>;
-    (attributes: Attributes, content: template_u1.Renderable<any>): ReturnType<(this: {
-        attributes?: Attributes | undefined;
-        content?: template_u1.Renderable<any>;
-    }, attributes: Readonly<Attributes>, content: template_u1.Renderable<any>) => template_u1.Renderable<any>>;
-};
-export default _default;