@esportsplus/ui 0.56.4 → 0.57.0

package/build/components/toast/manager.js

@@ -1,221 +0,0 @@
-import * as reactivity_u0 from '@esportsplus/reactivity';
-import { ReactiveArray, effect } from '@esportsplus/reactivity';
-class ReactiveObject_0ktzs5p0 extends reactivity_u0.ReactiveObject {
-    #active = this[reactivity_u0.SIGNAL](false);
-    constructor() {
-        super(null);
-    }
-    get active() {
-        return reactivity_u0.read(this.#active);
-    }
-    set active(_v0) {
-        reactivity_u0.write(this.#active, _v0);
-    }
-}
-const DURATIONS = {
-    error: 6000,
-    info: 4000,
-    loading: 0,
-    message: 4000,
-    success: 4000,
-    warning: 6000
-};
-const EXIT_DURATION = 300;
-let callbacks = new Map(), counter = 0, paused = false, timers = new Map();
-function buildVisibleToastLayout(toasts) {
-    let fullIndex = 0, fullOffsetY = 0, liveIndex = 0, liveOffsetY = 0, items = toasts.map((toast) => {
-        let height = normalizeToastHeight(toast.height), item;
-        if (toast.status === 'ending') {
-            item = {
-                offsetY: fullOffsetY,
-                toast,
-                visibleIndex: fullIndex
-            };
-            fullOffsetY += height;
-            fullIndex += 1;
-            return item;
-        }
-        item = {
-            offsetY: liveOffsetY,
-            toast,
-            visibleIndex: liveIndex
-        };
-        fullOffsetY += height;
-        fullIndex += 1;
-        liveOffsetY += height;
-        liveIndex += 1;
-        return item;
-    }), frontmostLiveToast = toasts.find((toast) => toast.status !== 'ending');
-    return {
-        frontmostHeight: normalizeToastHeight(frontmostLiveToast?.height),
-        items
-    };
-}
-function clearTimer(id) {
-    let timer = timers.get(id);
-    if (!timer) {
-        return;
-    }
-    if (timer.handle !== undefined) {
-        clearTimeout(timer.handle);
-    }
-    timers.delete(id);
-}
-function create(type, title, options = {}) {
-    let id = options.id ?? `toast-${++counter}`, toast = reactivity_u0.reactive({
-        action: options.action,
-        countdown: options.countdown ?? false,
-        createdAt: Date.now(),
-        cycle: 0,
-        description: options.description,
-        dismissible: options.dismissible ?? true,
-        duration: options.duration ?? DURATIONS[type],
-        height: 0,
-        id,
-        priority: options.priority ?? 'low',
-        status: 'starting',
-        title,
-        type
-    });
-    if (options.ondismiss) {
-        callbacks.set(id, options.ondismiss);
-    }
-    toasts.push(toast);
-    queueMicrotask(() => {
-        if (toast.status === 'starting' && toasts.includes(toast)) {
-            toast.status = 'visible';
-        }
-    });
-    if (type !== 'loading' && toast.duration > 0) {
-        schedule(toast);
-    }
-    return id;
-}
-function dismiss(id) {
-    let toast = toasts.find((value) => value.id === id);
-    if (!toast || toast.status === 'ending') {
-        return;
-    }
-    clearTimer(id);
-    toast.status = 'ending';
-    setTimeout(() => remove(id), EXIT_DURATION);
-    let callback = callbacks.get(id);
-    if (callback) {
-        callbacks.delete(id);
-        callback();
-    }
-}
-function normalizeToastHeight(height) {
-    return typeof height === 'number' && Number.isFinite(height) && height > 0 ? height : 0;
-}
-function pause() {
-    for (let timer of timers.values()) {
-        if (timer.handle === undefined) {
-            continue;
-        }
-        clearTimeout(timer.handle);
-        timer.remaining = Math.max(0, timer.remaining - (performance.now() - timer.started));
-        timer.handle = undefined;
-    }
-}
-function remove(id) {
-    let index = toasts.findIndex((toast) => toast.id === id);
-    callbacks.delete(id);
-    clearTimer(id);
-    if (index !== -1) {
-        toasts.splice(index, 1);
-    }
-}
-function resume() {
-    for (let [id, timer] of timers) {
-        if (timer.handle !== undefined) {
-            continue;
-        }
-        timer.started = performance.now();
-        timer.handle = setTimeout(() => dismiss(id), timer.remaining);
-    }
-}
-function schedule(toast) {
-    if (toast.duration <= 0) {
-        return;
-    }
-    toast.cycle += 1;
-    if (state.active) {
-        timers.set(toast.id, {
-            handle: undefined,
-            remaining: toast.duration,
-            started: 0
-        });
-        return;
-    }
-    timers.set(toast.id, {
-        handle: setTimeout(() => dismiss(toast.id), toast.duration),
-        remaining: toast.duration,
-        started: performance.now()
-    });
-}
-function update(id, options) {
-    let toast = toasts.find((value) => value.id === id);
-    if (!toast) {
-        return;
-    }
-    if (options.action !== undefined) {
-        toast.action = options.action;
-    }
-    if (options.countdown !== undefined) {
-        toast.countdown = options.countdown;
-    }
-    if (options.description !== undefined) {
-        toast.description = options.description;
-    }
-    if (options.dismissible !== undefined) {
-        toast.dismissible = options.dismissible;
-    }
-    if (options.ondismiss !== undefined) {
-        callbacks.set(id, options.ondismiss);
-    }
-    if (options.priority !== undefined) {
-        toast.priority = options.priority;
-    }
-    if (options.duration !== undefined) {
-        toast.duration = options.duration;
-        clearTimer(id);
-        if (toast.type !== 'loading' && toast.duration > 0 && toast.status !== 'ending') {
-            schedule(toast);
-        }
-    }
-}
-const state = new ReactiveObject_0ktzs5p0();
-const toasts = new ReactiveArray();
-effect(() => {
-    let active = state.active;
-    if (active === paused) {
-        return;
-    }
-    paused = active;
-    if (active) {
-        pause();
-    }
-    else {
-        resume();
-    }
-});
-const toast = {
-    dismiss: (id) => {
-        if (id === undefined) {
-            for (let value of [...toasts]) {
-                dismiss(value.id);
-            }
-            return;
-        }
-        dismiss(id);
-    },
-    error: (title, options) => create('error', title, options),
-    info: (title, options) => create('info', title, options),
-    loading: (title, options) => create('loading', title, options),
-    message: (title, options) => create('message', title, options),
-    success: (title, options) => create('success', title, options),
-    update,
-    warning: (title, options) => create('warning', title, options)
-};
-export { buildVisibleToastLayout, remove, state, toast, toasts };

package/build/components/toast/svg/check.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>

package/build/components/toast/svg/chevron.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>

package/build/components/toast/svg/close.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>

package/build/components/toast/svg/copy.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>

package/build/components/toast/svg/info.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>

package/build/components/tooltip/context.d.ts

@@ -1,22 +0,0 @@
-import * as template_u1 from '@esportsplus/template';
-import { type Attributes } from '@esportsplus/template';
-import { type Option } from './options.js';
-declare const CONTEXT_OPTION: unique symbol;
-declare const CONTEXT_TOOLTIP_CONTENT: unique symbol;
-type A = Attributes & {
-    [CONTEXT_OPTION]?: Attributes;
-    [CONTEXT_TOOLTIP_CONTENT]?: Attributes;
-    oncontextmenu?: never;
-    ondocumentclick?: never;
-    ondocumentcontextmenu?: never;
-    ondocumentkeydown?: never;
-    options: Option[];
-    state?: {
-        active: boolean;
-    };
-};
-declare const _default: template_u1.Factory<A, template_u1.Renderable<any>, template_u1.Renderable<any>, {
-    readonly option: typeof CONTEXT_OPTION;
-    readonly tooltipContent: typeof CONTEXT_TOOLTIP_CONTENT;
-}>;
-export default _default;

package/build/components/tooltip/context.js

@@ -1,66 +0,0 @@
-import * as template_u1 from '@esportsplus/template';
-import { component } from '@esportsplus/template';
-import * as reactivity_u0 from '@esportsplus/reactivity';
-import render from './options.js';
-const template_03iv7xx2 = template_u1.template(`<div class='tooltip tooltip--context'><!--$--><div class='tooltip-content tooltip-content--context'>`);
-class ReactiveObject_03iv7xx0 extends reactivity_u0.ReactiveObject {
-    #active = this[reactivity_u0.SIGNAL](false);
-    constructor() {
-        super(null);
-    }
-    get active() {
-        return reactivity_u0.read(this.#active);
-    }
-    set active(_v0) {
-        reactivity_u0.write(this.#active, _v0);
-    }
-}
-const CONTEXT_OPTION = Symbol.for('@esportsplus/ui/tooltip.context.option');
-const CONTEXT_TOOLTIP_CONTENT = Symbol.for('@esportsplus/ui/tooltip.context.tooltip-content');
-export default component(({ options, state = new ReactiveObject_03iv7xx0(), ...attributes }, content) => {
-    let menu;
-    return (() => {
-        let root_03iv7xx1 = template_03iv7xx2(), element_03iv7xx3 = root_03iv7xx1.firstChild, element_03iv7xx4 = element_03iv7xx3.firstChild, element_03iv7xx5 = element_03iv7xx3.firstElementChild;
-        template_u1.setProperties(element_03iv7xx3, attributes);
-        template_u1.setList(element_03iv7xx3, 'class', () => state.active && '--active');
-        template_u1.delegate(element_03iv7xx3, 'contextmenu', function (event) {
-            if (!menu) {
-                return;
-            }
-            event.preventDefault();
-            let bounds = this.getBoundingClientRect(), x = event.clientX, xflip = x + menu.offsetWidth > window.innerWidth, y = event.clientY, yflip = y + menu.offsetHeight > window.innerHeight;
-            if (xflip) {
-                x -= menu.offsetWidth;
-            }
-            if (yflip) {
-                y -= menu.offsetHeight;
-            }
-            menu.style.left = `${x - bounds.left - this.clientLeft + this.scrollLeft}px`;
-            menu.style.top = `${y - bounds.top - this.clientTop + this.scrollTop}px`;
-            menu.style.transformOrigin = `${xflip ? 'right' : 'left'} ${yflip ? 'bottom' : 'top'}`;
-            state.active = true;
-        });
-        template_u1.ondocument(element_03iv7xx3, 'click', () => {
-            state.active = false;
-        });
-        template_u1.ondocument(element_03iv7xx3, 'contextmenu', function (event) {
-            if (!state.active || this.contains(event.target)) {
-                return;
-            }
-            state.active = false;
-        });
-        template_u1.ondocument(element_03iv7xx3, 'keydown', (event) => {
-            if (event.key === 'Escape') {
-                state.active = false;
-            }
-        });
-        template_u1.slot(element_03iv7xx4, content);
-        template_u1.setProperties(element_03iv7xx5, attributes[CONTEXT_TOOLTIP_CONTENT]);
-        template_u1.setProperty(element_03iv7xx5, 'inert', () => !state.active);
-        template_u1.onrender(element_03iv7xx5, (element) => {
-            menu = element;
-        });
-        template_u1.slot(element_03iv7xx5, render(options, attributes[CONTEXT_OPTION]), 1);
-        return root_03iv7xx1;
-    })();
-}, { option: CONTEXT_OPTION, tooltipContent: CONTEXT_TOOLTIP_CONTENT });

package/build/components/tooltip/group.d.ts

@@ -1,29 +0,0 @@
-import * as template_u1 from '@esportsplus/template';
-import { type Attributes, type Renderable } from '@esportsplus/template';
-declare const GROUP_ITEM: unique symbol;
-declare const GROUP_TOOLTIP_CONTENT: unique symbol;
-type A = Attributes & {
-    [GROUP_ITEM]?: Attributes;
-    [GROUP_TOOLTIP_CONTENT]?: Attributes & {
-        direction?: 'e' | 'n' | 's' | 'w';
-    };
-    items: (Attributes & {
-        content: Renderable<unknown>;
-        tooltip: Renderable<unknown>;
-    })[];
-    onfocusin?: never;
-    onfocusout?: never;
-    onkeydown?: never;
-    onpointerleave?: never;
-    onpointerover?: never;
-    state?: {
-        active: boolean;
-        gliding: boolean;
-        index: number;
-    };
-};
-declare const _default: template_u1.Factory<A, Renderable<any>, Renderable<any>, {
-    readonly item: typeof GROUP_ITEM;
-    readonly tooltipContent: typeof GROUP_TOOLTIP_CONTENT;
-}>;
-export default _default;

package/build/components/tooltip/group.js

@@ -1,128 +0,0 @@
-import * as reactivity_u0 from '@esportsplus/reactivity';
-import * as template_u1 from '@esportsplus/template';
-import { component } from '@esportsplus/template';
-const template_14qix912 = template_u1.template(`<div class='tooltip-group'><!--$--><div class='tooltip-group-content ' role='tooltip'><div class='tooltip-group-box'>`);
-const template_14qix918 = template_u1.template(`<div class='tooltip-group-item'>`);
-const template_14qix91b = template_u1.template(`<div class='tooltip-group-layer'>`);
-class ReactiveObject_14qix910 extends reactivity_u0.ReactiveObject {
-    #active = this[reactivity_u0.SIGNAL](false);
-    #gliding = this[reactivity_u0.SIGNAL](false);
-    #index = this[reactivity_u0.SIGNAL](-1);
-    constructor() {
-        super(null);
-    }
-    get active() {
-        return reactivity_u0.read(this.#active);
-    }
-    set active(_v0) {
-        reactivity_u0.write(this.#active, _v0);
-    }
-    get gliding() {
-        return reactivity_u0.read(this.#gliding);
-    }
-    set gliding(_v1) {
-        reactivity_u0.write(this.#gliding, _v1);
-    }
-    get index() {
-        return reactivity_u0.read(this.#index);
-    }
-    set index(_v2) {
-        reactivity_u0.write(this.#index, _v2);
-    }
-}
-const GROUP_ITEM = Symbol.for('@esportsplus/ui/tooltip.group.item');
-const GROUP_TOOLTIP_CONTENT = Symbol.for('@esportsplus/ui/tooltip.group.tooltip-content');
-function item(container, target) {
-    let element = target?.closest?.('.tooltip-group-item');
-    if (!element || element.closest('.tooltip-group') !== container) {
-        return;
-    }
-    return element;
-}
-function measure(container, element, index) {
-    let content = container.querySelector('.tooltip-group-content'), layer = content?.querySelectorAll('.tooltip-group-layer')[index];
-    if (!content || !layer) {
-        return;
-    }
-    let style = content.style;
-    style.setProperty('--group-height', `${layer.offsetHeight}px`);
-    style.setProperty('--group-width', `${layer.offsetWidth}px`);
-    style.setProperty('--group-x', `${element.offsetLeft + element.offsetWidth / 2}px`);
-    style.setProperty('--group-y', `${element.offsetTop + element.offsetHeight / 2}px`);
-    return true;
-}
-export default component(({ items, state = new ReactiveObject_14qix910(), ...attributes }) => {
-    let { direction = 'n', ...tooltipContent } = attributes[GROUP_TOOLTIP_CONTENT] ?? {}, frame = 0;
-    let close = () => {
-        cancelAnimationFrame(frame);
-        state.active = false;
-        state.gliding = false;
-    };
-    let open = (container, element) => {
-        let index = Number(element.dataset.index);
-        if (state.active && state.index === index) {
-            return;
-        }
-        if (!measure(container, element, index)) {
-            return;
-        }
-        state.index = index;
-        if (state.active) {
-            return;
-        }
-        state.active = true;
-        frame = requestAnimationFrame(() => {
-            frame = requestAnimationFrame(() => {
-                state.gliding = true;
-            });
-        });
-    };
-    return (() => {
-        let root_14qix911 = template_14qix912(), element_14qix913 = root_14qix911.firstChild, element_14qix914 = element_14qix913.firstChild, element_14qix915 = element_14qix913.firstElementChild, element_14qix916 = element_14qix915.firstElementChild;
-        template_u1.setProperties(element_14qix913, attributes);
-        template_u1.setList(element_14qix913, 'class', () => `${state.active ? '--active' : ''} ${state.gliding ? '--gliding' : ''}`);
-        template_u1.ondisconnect(element_14qix913, () => {
-            cancelAnimationFrame(frame);
-        });
-        template_u1.on(element_14qix913, 'focusin', (e) => {
-            let container = e.currentTarget, element = item(container, e.target);
-            if (element && e.target.matches(':focus-visible')) {
-                open(container, element);
-            }
-        });
-        template_u1.on(element_14qix913, 'focusout', (e) => {
-            if (!e.currentTarget.contains(e.relatedTarget)) {
-                close();
-            }
-        });
-        template_u1.delegate(element_14qix913, 'keydown', (e) => {
-            if (e.key === 'Escape') {
-                close();
-            }
-        });
-        template_u1.on(element_14qix913, 'pointerleave', close);
-        template_u1.delegate(element_14qix913, 'pointerover', (e) => {
-            let container = e.currentTarget, element = item(container, e.target);
-            if (element) {
-                open(container, element);
-            }
-        });
-        template_u1.slot(element_14qix914, items.map(({ content, tooltip, ...o }, i) => {
-            let root_14qix917 = template_14qix918(), element_14qix919 = root_14qix917.firstChild;
-            template_u1.setProperty(element_14qix919, 'data-index', i);
-            template_u1.setProperties(element_14qix919, o);
-            template_u1.setProperties(element_14qix919, attributes[GROUP_ITEM]);
-            template_u1.slot(element_14qix919, content, 1);
-            return root_14qix917;
-        }));
-        template_u1.setList(element_14qix915, 'class', `tooltip-group-content--${direction}`);
-        template_u1.setProperties(element_14qix915, tooltipContent);
-        template_u1.slot(element_14qix916, items.map(({ tooltip }, i) => {
-            let root_14qix91a = template_14qix91b(), element_14qix91c = root_14qix91a.firstChild;
-            template_u1.setList(element_14qix91c, 'class', () => state.index === i ? '--active' : state.index > i ? '--before' : '--after');
-            template_u1.slot(element_14qix91c, tooltip, 1);
-            return root_14qix91a;
-        }), 1);
-        return root_14qix911;
-    })();
-}, { item: GROUP_ITEM, tooltipContent: GROUP_TOOLTIP_CONTENT });

package/build/components/tooltip/options.d.ts

@@ -1,7 +0,0 @@
-import { type Attributes, type Renderable } from '@esportsplus/template';
-type Option = Attributes & {
-    content: Renderable<unknown>;
-};
-export default _default;
-declare function _default(options: Option[], attributes?: Attributes): (DocumentFragment | Text)[];
-export type { Option };

package/build/components/tooltip/options.js

@@ -1,21 +0,0 @@
-import * as template_u1 from '@esportsplus/template';
-const template_0bwbcae1 = template_u1.template(`<a class='link --width-full' target='_blank'>`);
-const template_0bwbcae4 = template_u1.template(`<div class='link --width-full'>`);
-export default (options, attributes) => options.map(({ content, ...o }) => {
-    if (o.href) {
-        return (() => {
-            let root_0bwbcae0 = template_0bwbcae1(), element_0bwbcae2 = root_0bwbcae0.firstChild;
-            template_u1.setProperties(element_0bwbcae2, o);
-            template_u1.setProperties(element_0bwbcae2, attributes);
-            template_u1.slot(element_0bwbcae2, content, 1);
-            return root_0bwbcae0;
-        })();
-    }
-    return (() => {
-        let root_0bwbcae3 = template_0bwbcae4(), element_0bwbcae5 = root_0bwbcae3.firstChild;
-        template_u1.setProperties(element_0bwbcae5, o);
-        template_u1.setProperties(element_0bwbcae5, attributes);
-        template_u1.slot(element_0bwbcae5, content, 1);
-        return root_0bwbcae3;
-    })();
-});

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

@@ -1,28 +0,0 @@
-import { type Attributes, type Renderable } from '@esportsplus/template';
-import './scss/index.scss';
-type A = Attributes & {
-    expanded?: string[];
-    label: string;
-    nodes: Node[];
-    select?: (id: string) => void;
-    selected?: string;
-    toggle?: (id: string, expanded: boolean) => void;
-};
-type Node = {
-    children?: Node[];
-    id: string;
-    label: string;
-    meta?: Renderable<unknown>;
-};
-declare const _default: {
-    (): Renderable<any>;
-    <T extends A>(attributes: T): Renderable<any>;
-    <T extends Renderable<any>>(content: T): Renderable<any>;
-    (attributes: A, content?: Renderable<any>): Renderable<any>;
-    bind(context: {
-        attributes?: Partial<A> | undefined;
-        content?: Renderable<any>;
-    }): any;
-};
-export default _default;
-export type { Node };