@swiftwc/ui 0.0.0-dev.11 → 0.0.0-dev.110

package/generated/internal/privateNamespace.js

@@ -1 +1,159 @@
-export {};
+import { NavigationPath } from '../internal/class/navigation-path';
+import { debug } from '../internal/utils';
+import { Snapshot } from '../snapshot';
+export function queryInsertPosition(frame) {
+    if ('NAVIGATION-SPLIT-VIEW' === frame?.tagName)
+        return 'beforebegin'; // lookFor = 'previousElementSibling'
+    else if ('NAVIGATION-SPLIT-VIEW' === frame?.parentElement?.tagName && frame?.parentElement.querySelector(':scope>[is=sidebar-view]') && 'BODY-VIEW' === frame?.tagName)
+        return 'beforebegin'; // lookFor = 'previousElementSibling'
+    return 'afterend'; // lookFor = 'nextElementSibling'
+}
+const cleanup = (lm, type) => {
+    let arr = [Snapshot.config['vt-fwd-class-name'], 'fwdd', 'fwn', 'fwnn', 'bwd', 'bwdd', 'bwn', 'bwnn'];
+    if (['backwards', 'forwards'].includes(type ?? ''))
+        for (let i = arr.length - 1; i >= 0; i--)
+            if (arr[i].startsWith('backwards' === type ? 'fw' : 'bw'))
+                arr.splice(i, 1);
+    for (const el of [...(lm?.querySelectorAll(arr.map((v) => `.${v}`).join(',')) ?? [])])
+        el.classList.remove(...arr);
+};
+export const startViewTransition = async (target, type = 'forwards', updateCallbackOrOptions = async () => { }) => {
+    debug(`startViewTransition (${type})`, target);
+    if (!(target instanceof HTMLElement))
+        throw new TypeError("Argument 1 ('target') to client.startViewTransition must be an instance of HTMLElement");
+    if (!['forwards', 'backwards', 'reload'].includes(type))
+        throw new TypeError("Argument 2 ('type') to client.startViewTransition must be of TransitionType");
+    const options = typeof updateCallbackOrOptions === 'function'
+        ? {
+            updateCallback: updateCallbackOrOptions,
+        }
+        : (updateCallbackOrOptions ?? {}), updateCallback = options.updateCallback ?? (async () => { });
+    await Snapshot.waitReady;
+    const from = new NavigationPath(target); //const from = closestBody(target) //event.target as HTMLElement)
+    if ('forwards' === type) {
+        await updateCallback(); // updatetheDOMSomehow
+        // Snapshot.getSnapshot(from)
+        // const root = getRootViewController(from)
+        // const oldPath = new NavigationPath(from)
+        const root = [from, ...from.parents()]
+            .map((item) => item.component)
+            .filter(Boolean)
+            .at(-1);
+        // const { toolBarConfig: oldToolbars } = getComputedView(from) // const { toolBarConfig: oldToolbars, slot: oldSLot, page: oldPage } = getComputedView(from) //
+        // console.log(88, oldPage, oldPath.page, oldSLot, oldPath.slot, oldToolbars, oldPath.toolBarConfig)
+        // const oldToolbars = Snapshot.toolbarItems
+        // const { toolBarConfig: oldToolbars, host: oldHost } = getComputedView(from)
+        const tos = options.tos?.() ?? [...from.children()].map((item) => item?.hydrate()), //queryBodyAll(oldSLot), //[...oldPath.children()].map((item) => item.body).filter(Boolean),//
+        to = tos.at(-1), 
+        // to = newPath?.body, //tos.slice(-1)?.pop?.(), //Snapshot.leaf, //
+        // newHost = newPath?.component, //{ host: newHost } = getComputedView(to),
+        newToolbars = tos.flatMap((item) => item.toolBarConfig ?? []).filter((item) => !!item), 
+        // .map((item) => item.toolBarConfig)
+        // .flat()
+        // .filter(Boolean), //queryToolbarConfigAll(oldSLot),
+        modalViews = tos.map((item) => item.component).filter((item) => !!item && item.matches('dialog')); //[...queryHostAll(oldPage)].filter?.((item) => item?.matches('dialog'))
+        // toFrame = Snapshot.leafContainer, //queryHostAll(from).slice(-1)?.pop?.(),
+        // toToolbars = Snapshot.leafToolbarItems
+        // dialogFrames = [toFrame, ...(Snapshot.leaveFrames ?? [])].filter((item): item is HTMLDialogElement => item instanceof HTMLDialogElement) //[toFrame, ...(Snapshot.leaveFrames ?? [])].filter((item) => item?.matches('dialog'))
+        // if ('DIALOG' === newHost?.tagName) {
+        //   ;(newHost as HTMLDialogElement).showModal()
+        //   debug(`⚡️ view-transition-start (${type})`)
+        //   await Promise.allSettled(newHost.getAnimations().map(({ finished }) => finished))
+        //   debug(`⚡️ view-transition-end (${type})`)
+        //   return
+        // }
+        // purge
+        cleanup(root, 'backwards');
+        // prepare old
+        from.body?.classList.add(Snapshot.config['vt-fwd-class-name']);
+        from.body?.dispatchEvent(new CustomEvent('pageswap', { detail: { page: from.body }, bubbles: true, composed: true }));
+        for (const oldToolbar of from.toolBarConfig ?? [])
+            oldToolbar.classList.add('fwn'); // prepare navbs
+        // prepare new
+        const toolbarExclusion = 0 < modalViews.length
+            ? (value, index, array) => value.parentElement?.matches('tool-bar:not(dialog tool-bar,body-view ~ tool-bar)')
+            : (value, index, array) => value.parentElement?.matches('tool-bar:not(body-view ~ tool-bar)'), bodyExclusion = 0 < modalViews.length ? (item) => item.body?.matches('scroll-view:not(dialog scroll-view)') : (value, index, array) => value;
+        for (const bti of newToolbars?.filter?.(toolbarExclusion) ?? [])
+            bti.classList.add('fwnn'); // for (const ti of newToolbars ?? []) ti.classList.add('fwnn') //
+        for (const bt of tos?.filter?.(bodyExclusion) ?? []) {
+            bt.body?.classList.add('fwdd'); //to?.classList.add('fwdd')
+            bt.body?.dispatchEvent(new CustomEvent('pagereveal', { detail: { page: bt.body }, bubbles: true, composed: true }));
+        }
+        if (0 < modalViews.length) {
+            for await (const el of modalViews)
+                el.showModal();
+            debug(`⚡️ view-dialog-transition-start (${type})`);
+            await Promise.allSettled(modalViews?.[0].getAnimations().map(({ finished }) => finished));
+            debug(`⚡️ view-dialog-transition-end (${type})`);
+        }
+        else {
+            debug(`⚡️ view-transition-start (${type})`);
+            await Promise.allSettled([...(from.body?.getAnimations().map(({ finished }) => finished) ?? []), ...(to?.body?.getAnimations().map(({ finished }) => finished) ?? [])]);
+            debug(`⚡️ view-transition-end (${type})`);
+        }
+        if (0 < (to?.component?.querySelectorAll(`.${Snapshot.config?.['vt-fwd-class-name']},.bwd`) ?? []).length)
+            return;
+        cleanup(root);
+    }
+    else {
+        // Snapshot.getSnapshot(from)
+        // const oldPath = new NavigationPath(from)
+        const root = [from, ...from.parents()]
+            .map((item) => item.component)
+            .filter(Boolean)
+            .at(-1); // const root = getRootViewController(from)
+        //const { toolBarConfig: oldToolbars, host: oldHost, page: oldPage, slot: oldSlot } = getComputedView(from)
+        const froms = [...from.children()].map((item) => item?.hydrate());
+        const oldToolbars = froms.flatMap((item) => item.toolBarConfig ?? []).filter((item) => !!item), oldBodies = froms.map((item) => item.body).filter((item) => !!item);
+        // console.log(99, queryToolbarConfigAll(oldSlot), oldToolbars)
+        // if most-top effect is closing a modal, skip everything
+        if ('DIALOG' === from.component?.tagName) {
+            from.body?.dispatchEvent(new CustomEvent('pageswap', { detail: { page: from.body }, bubbles: true, composed: true }));
+            from.component.close();
+            debug(`⚡️ view-dialog-transition-start (${type})`);
+            await Promise.allSettled(from.component.getAnimations().map(({ finished }) => finished));
+            debug(`⚡️ view-dialog-transition-end (${type})`);
+            if (from.component.matches('[open]'))
+                return;
+            await updateCallback();
+            return; // just close modal
+        }
+        const to = [...from.parents()].at(0)?.hydrate(); //closestBody(oldPath.component?.parentElement ?? undefined)
+        if (!to)
+            return console.debug('Can not go backwards.'); // nothing to go back to
+        const tv = to.body?.closest('tab-view');
+        if (tv && to.body?.matches('tab-view>navigation-stack:has(> navigation-stack,> navigation-split-view)>:scope'))
+            if ('bottom-bar' !== tv.tabBarPlacement)
+                return;
+        // const { toolBarConfig: newToolbars } = getComputedView(to.body)
+        // purge
+        cleanup(root, 'forwards');
+        // prepare new
+        for (const ti of to.toolBarConfig ?? [])
+            ti.classList.add('bwnn');
+        to.body?.classList.add('bwdd');
+        to.body?.dispatchEvent(new CustomEvent('pagereveal', { detail: { page: to.body }, bubbles: true, composed: true }));
+        // prepare old
+        const inbetweenModals = froms.map((item) => item.component).filter((item) => !!item && item.matches('dialog[open]')), //queryHostAll(oldPage).filter?.((item) => item.matches('dialog[open]')) ?? [], // FIXME: TEst this, added oldHost too
+        toolbarExclusion = 0 < inbetweenModals.length
+            ? (value, index, array) => value.parentElement?.matches('tool-bar:not(dialog tool-bar)')
+            : (value, index, array) => value, bodyExclusion = 0 < inbetweenModals.length ? (item) => item?.matches('scroll-view:not(dialog scroll-view)') : (item) => item;
+        for (const ti of [...(from.toolBarConfig ?? []), ...(oldToolbars?.filter?.(toolbarExclusion) ?? [])])
+            ti.classList.add('bwn');
+        for (const nn of [from.body, ...oldBodies?.filter?.(bodyExclusion)]) {
+            nn?.classList.add('bwd'); //from?.classList.add('bwd')
+            nn?.dispatchEvent(new CustomEvent('pageswap', { detail: { page: nn }, bubbles: true, composed: true }));
+        }
+        for (const el of inbetweenModals)
+            el.close(); // close old inbetween modals
+        // capture trans
+        debug(`⚡️ view-transition-start (${type})`);
+        await Promise.allSettled([...(from.body?.getAnimations().map(({ finished }) => finished) ?? []), ...(to.body?.getAnimations().map(({ finished }) => finished) ?? [])]);
+        debug(`⚡️ view-transition-end (${type})`);
+        if (to.body?.closest(`.bwd,.${Snapshot.config?.['vt-fwd-class-name']}`))
+            return;
+        cleanup(root);
+        // remove or hide
+        await updateCallback();
+    }
+};

package/generated/internal/utils/$.d.ts

@@ -0,0 +1,9 @@
+import { type TemplateResult } from '../../tpl';
+declare const DEFAULT: ">1";
+interface MintFn {
+    (markup: TemplateResult): DocumentFragment;
+    <T extends Element = Element>(markup: TemplateResult, selector: typeof DEFAULT): T;
+    <T extends Element = Element>(markup: TemplateResult, selector: string): T;
+}
+declare const mint: MintFn;
+export default mint;

package/generated/internal/utils/$.js

@@ -0,0 +1,11 @@
+import { renderToString } from '../../morphdom';
+const DEFAULT = '>1';
+const mint = ((markup, selector) => {
+    const template = Object.assign(document.createElement('template'), { innerHTML: renderToString(markup).toString() });
+    if (!selector)
+        return template.content;
+    if (selector === DEFAULT)
+        return template.content.firstElementChild;
+    return template.content.querySelector('>1' === selector ? ':first-child' : selector);
+});
+export default mint;

package/generated/internal/utils/compare-big-decimals.js

@@ -1,19 +1,3 @@
-/**
- * @example
- * compareBigDecimals("1e3", "1000") // 0
- * compareBigDecimals("1e-3", "0.001") // 0
- * compareBigDecimals("-10", "-2") // -1 ✅
- * const arr = ["1.2","1.10","1.02","1e2","100","-0.5"]
- * arr.sort(compareBigDecimals)
- * console.log(arr)
- * function isInRange(value: string, min: string, max: string): boolean {return compareBigDecimals(value, min) >= 0 && compareBigDecimals(value, max) <= 0}
- * // examples
- * isInRange("-5", "-10", "-1")   // true
- * isInRange("-11", "-10", "-1")  // false
- * isInRange("0", "-10", "-1")    // false
- * isInRange("-Infinity", "-Infinity", "-1")  // true
- * isInRange("5", "-Infinity", "Infinity")    // true
- */
 const POSITIVE_INFINITY = 'Infinity', NEGATIVE_INFINITY = '-Infinity';
 export default function (a, b) {
     const aInf = isInfinity(a), bInf = isInfinity(b);
@@ -75,7 +59,13 @@ function parse(input) {
     if (exp > 0) {
         const move = Math.min(exp, f.length);
         i += f.slice(0, move);
-        f = f.slice(move) + '0'.repeat(exp - move);
+        f = f.slice(move);
+        const remaining = exp - move;
+        if (remaining > 0)
+            i += '0'.repeat(remaining);
+        // const move = Math.min(exp, f.length)
+        // i += f.slice(0, move)
+        // f = f.slice(move) + '0'.repeat(exp - move)
     }
     else if (exp < 0) {
         const move = Math.min(-exp, i.length);

package/generated/internal/utils/debug.d.ts

@@ -0,0 +1 @@
+export default function (...args: Parameters<typeof self.console.debug>): void;

package/generated/internal/utils/debug.js

@@ -0,0 +1,4 @@
+import flags from '../flags';
+export default function (...args) {
+    flags.DEBUG && self.console.debug(...args);
+}

package/generated/internal/utils/define-translations.d.ts

@@ -0,0 +1 @@
+export default function <const T extends object>(factory: () => T): () => T;

package/generated/internal/utils/define-translations.js

@@ -0,0 +1,3 @@
+export default function (factory) {
+    return factory;
+}

package/generated/internal/utils/ensure-placeholder.d.ts

@@ -0,0 +1 @@
+export default function (target: HTMLElement | null, role: string | null, titleKey?: string | null, config?: Record<string, string>): void;

package/generated/internal/utils/ensure-placeholder.js

@@ -0,0 +1,41 @@
+import { I18n } from '../../i18n';
+import { queryMorph } from '../../morphdom';
+import { html } from '../../tpl';
+export default function (target, role, titleKey, config) {
+    if (!target)
+        return;
+    const overiderTitle = typeof titleKey === 'string' && titleKey in I18n.t('ButtonRole') ? titleKey : undefined;
+    let title, systemImage;
+    switch (role) {
+        case 'cancel':
+            title = overiderTitle && overiderTitle in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[overiderTitle] : I18n.t('ButtonRole').Cancel;
+            systemImage = config?.['cancel-button-icon'] ?? '';
+            break;
+        case 'close':
+            if (target.closest('[is=alert-dialog]')) {
+                title = overiderTitle && overiderTitle in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[overiderTitle] : I18n.t('ButtonRole').OK;
+            }
+            else {
+                title = overiderTitle && overiderTitle in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[overiderTitle] : I18n.t('ButtonRole').Close;
+                systemImage = config?.['close-button-icon'] ?? '';
+            }
+            break;
+        case 'confirm':
+            title = overiderTitle && overiderTitle in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[overiderTitle] : I18n.t('ButtonRole').Confirm;
+            systemImage = config?.['confirm-button-icon'] ?? '';
+            break;
+        case 'confirmation-action':
+            title = overiderTitle && overiderTitle in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[overiderTitle] : I18n.t('ButtonRole').Confirm;
+            systemImage = config?.['confirm-button-icon'] ?? '';
+            break;
+        case 'cancellation-action':
+            title = overiderTitle && overiderTitle in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[overiderTitle] : I18n.t('ButtonRole').Cancel;
+            systemImage = config?.['cancel-button-icon'] ?? '';
+            break;
+        case 'destructive':
+            title = overiderTitle && overiderTitle in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[overiderTitle] : I18n.t('ButtonRole').Destructive;
+            systemImage = config?.['delete-button-icon'] ?? '';
+            break;
+    }
+    queryMorph('[slot=placeholder]', html `<label-view slot="placeholder">${systemImage ? html `<image-view slot="icon" system-name="${systemImage}"></image-view>` : null}${title ? html `<span>${title}</span>` : null}</label-view>`, target, { removeIf: !title });
+}

package/generated/internal/utils/index.d.ts

@@ -1,17 +1,54 @@
-import cash from './cash';
+export { default as $ } from './$';
+export * from './$';
 export { default as add } from './add';
+export * from './add';
+export { default as ancestors } from './ancestors';
+export * from './ancestors';
 export { default as clamp } from './clamp';
+export * from './clamp';
 export { default as compareBigDecimals } from './compare-big-decimals';
+export * from './compare-big-decimals';
 export { default as cssTime } from './css-time';
+export * from './css-time';
 export { default as debounce } from './debounce';
+export * from './debounce';
+export { default as debug } from './debug';
+export * from './debug';
+export { default as defineTranslations } from './define-translations';
+export * from './define-translations';
+export { default as ensurePlaceholder } from './ensure-placeholder';
+export * from './ensure-placeholder';
 export { default as frame } from './frame';
+export * from './frame';
+export { default as isInside } from './is-inside';
+export * from './is-inside';
 export { default as kebabCase } from './kebab-case';
+export * from './kebab-case';
 export { default as listActive } from './list-active';
+export * from './list-active';
 export { default as microtask } from './microtask';
+export * from './microtask';
+export { default as nextAll } from './next-all';
+export * from './next-all';
+export { default as next } from './next';
+export * from './next';
 export { default as onoff } from './onoff';
+export * from './onoff';
+export { default as prevAll } from './prev-all';
+export * from './prev-all';
+export { default as prev } from './prev';
+export * from './prev';
+export { default as prop } from './prop';
+export * from './prop';
 export { default as set } from './set';
+export * from './set';
+export { default as siblings } from './siblings';
+export * from './siblings';
 export { default as sleep } from './sleep';
+export * from './sleep';
 export { default as slowHideShow } from './slow-hide-show';
+export * from './slow-hide-show';
 export { default as timeout } from './timeout';
+export * from './timeout';
 export { default as touchGlass } from './touch-glass';
-export declare const $: typeof cash;
+export * from './touch-glass';

package/generated/internal/utils/index.js

@@ -1,18 +1,54 @@
-// import * as _intl from './intl'
-import cash from './cash';
+export { default as $ } from './$';
+export * from './$';
 export { default as add } from './add';
+export * from './add';
+export { default as ancestors } from './ancestors';
+export * from './ancestors';
 export { default as clamp } from './clamp';
+export * from './clamp';
 export { default as compareBigDecimals } from './compare-big-decimals';
+export * from './compare-big-decimals';
 export { default as cssTime } from './css-time';
+export * from './css-time';
 export { default as debounce } from './debounce';
+export * from './debounce';
+export { default as debug } from './debug';
+export * from './debug';
+export { default as defineTranslations } from './define-translations';
+export * from './define-translations';
+export { default as ensurePlaceholder } from './ensure-placeholder';
+export * from './ensure-placeholder';
 export { default as frame } from './frame';
+export * from './frame';
+export { default as isInside } from './is-inside';
+export * from './is-inside';
 export { default as kebabCase } from './kebab-case';
+export * from './kebab-case';
 export { default as listActive } from './list-active';
+export * from './list-active';
 export { default as microtask } from './microtask';
+export * from './microtask';
+export { default as nextAll } from './next-all';
+export * from './next-all';
+export { default as next } from './next';
+export * from './next';
 export { default as onoff } from './onoff';
+export * from './onoff';
+export { default as prevAll } from './prev-all';
+export * from './prev-all';
+export { default as prev } from './prev';
+export * from './prev';
+export { default as prop } from './prop';
+export * from './prop';
 export { default as set } from './set';
+export * from './set';
+export { default as siblings } from './siblings';
+export * from './siblings';
 export { default as sleep } from './sleep';
+export * from './sleep';
 export { default as slowHideShow } from './slow-hide-show';
+export * from './slow-hide-show';
 export { default as timeout } from './timeout';
+export * from './timeout';
 export { default as touchGlass } from './touch-glass';
-export const $ = cash;
+export * from './touch-glass';

package/generated/internal/utils/is-inside.d.ts

@@ -0,0 +1 @@
+export default function (x: number, y: number, rect: DOMRect): boolean;

package/generated/internal/utils/is-inside.js

@@ -0,0 +1,4 @@
+export default function (x, y, rect) {
+    const { left, right, top, bottom } = rect;
+    return left <= x && x <= right && top <= y && y <= bottom;
+}

package/generated/internal/utils/kebab-case.js

@@ -1,11 +1,8 @@
 export default function (str) {
-    return (str
-        // Replace uppercase letters with - + lowercase
-        .replace(/([A-Z])/g, '-$1')
-        // Replace spaces and underscores with -
-        .replace(/[\s_]+/g, '-')
-        // Convert to lowercase
-        .toLowerCase()
-        // Remove leading/trailing dashes
-        .replace(/^-+|-+$/g, ''));
+    return str
+        .replace(/([A-Z])/g, '-$1') // Replace uppercase letters with - + lowercase
+        .replace(/[\s_]+/g, '-') // Replace spaces and underscores with -
+        .replace(/-+/g, '-') // collapse any run of dashes into one
+        .toLowerCase() // Convert to lowercase
+        .replace(/^-+|-+$/g, ''); // Remove leading/trailing dashes
 }

package/generated/internal/utils/list-active.js

@@ -1,28 +1,83 @@
-function onClick(event) {
-    const el = event.target.closest('button,summary');
+const touchList = new WeakMap();
+function onDown({ target }) {
+    if (!(target instanceof HTMLElement))
+        return;
+    const el = target.closest('button,summary');
     if (!el)
         return;
+    touchList.set(el, setTimeout(() => {
+        if (!touchList.has(el))
+            return;
+        el.classList.add('active');
+    }, 70));
+    el.addEventListener('pointerleave', onLeave, { once: true, passive: true });
+    el.closest('scroll-view')?.addEventListener('scroll', onScroll, { once: true, passive: true });
+}
+function onOver({ target, buttons }) {
+    if (!(target instanceof HTMLElement))
+        return;
+    const el = target.closest('button,summary');
+    if (!el)
+        return;
+    if (0 === buttons)
+        return;
     el.classList.add('active');
-    el.addEventListener('pointerleave', onCancel);
+    el.removeEventListener('pointerover', onOver);
+    el.addEventListener('pointerleave', onLeave, { once: true, passive: true });
 }
-function onCancel(event) {
-    const el = event.target.closest('button,summary');
+function onLeave({ target }) {
+    if (!(target instanceof HTMLElement))
+        return;
+    const el = target.closest('button,summary');
     if (!el)
         return;
-    self.requestAnimationFrame(() => {
-        el.removeEventListener('pointerleave', onCancel);
+    el.addEventListener('pointerover', onOver, { once: true, passive: true });
+    // self.requestAnimationFrame(() => {
+    el.removeEventListener('pointerleave', onLeave);
+    el.closest('scroll-view')?.removeEventListener('scroll', onScroll);
+    el.classList.remove('active');
+    if (touchList.has(el))
+        clearTimeout(touchList.get(el));
+    touchList.delete(el);
+    // })
+}
+function onCancel({ target }) {
+    if (!(target instanceof HTMLElement))
+        return;
+    const el = target.closest('button,summary');
+    if (!el)
+        return;
+    // self.requestAnimationFrame(() => {
+    el.removeEventListener('pointerleave', onLeave);
+    el.removeEventListener('pointerover', onOver);
+    el.closest('scroll-view')?.removeEventListener('scroll', onScroll);
+    el.classList.remove('active');
+    if (touchList.has(el))
+        clearTimeout(touchList.get(el));
+    touchList.delete(el);
+    // })
+}
+function onScroll({ target }) {
+    if (!(target instanceof HTMLElement))
+        return;
+    for (const el of target.querySelectorAll('button,summary') ?? []) {
         el.classList.remove('active');
-    });
+        if (touchList.has(el))
+            clearTimeout(touchList.get(el));
+        touchList.delete(el);
+        el.removeEventListener('pointerleave', onLeave);
+        el.removeEventListener('pointerover', onOver);
+    }
 }
-const makePointerDownHandler = (target) => {
-    return onClick;
+const makePointerdownHandler = (target) => {
+    return onDown;
 }, makePointerCancelHandler = (target) => {
     return onCancel;
 };
 export default function (t) {
-    const onListener = makePointerDownHandler(t), offListener = makePointerCancelHandler(t);
+    const downListener = makePointerdownHandler(t), offListener = makePointerCancelHandler(t);
     return [
-        { types: 'pointerdown', listener: onListener, addOptions: { passive: true } },
+        { types: 'pointerdown', listener: downListener, addOptions: { passive: true } },
         { types: 'pointerup pointercancel', listener: offListener, addOptions: { passive: true } },
     ];
 }

package/generated/internal/utils/touch-glass.js

@@ -1,19 +1,19 @@
-const makePointerDownHandler = (target, targetCallback, checkCallback) => {
+const makePointerdownHandler = (target, targetCallback, checkCallback) => {
     return function (evt) {
         // if (event.pointerType !== 'touch')  return
         if (!checkCallback(evt))
             return;
         targetCallback(target).toggleAttribute('touch-glass', true);
     };
-}, makePointerCancelHandler = (target, targetCallback) => {
+}, makePointercancelHandler = (target, targetCallback) => {
     return function (evt) {
         targetCallback(target).toggleAttribute('touch-glass', false);
     };
 };
 export default function (t, targetCallback, checkCallback) {
-    const onListener = makePointerDownHandler(t, targetCallback, checkCallback), offListener = makePointerCancelHandler(t, targetCallback);
+    const downListener = makePointerdownHandler(t, targetCallback, checkCallback), cancelListener = makePointercancelHandler(t, targetCallback);
     return [
-        { types: 'pointerdown', listener: onListener, addOptions: { passive: true } },
-        { types: 'pointerup pointercancel pointerleave', listener: offListener, addOptions: { passive: true } },
+        { types: 'pointerdown', listener: downListener, addOptions: { passive: true } },
+        { types: 'pointerup pointercancel pointerleave', listener: cancelListener, addOptions: { passive: true } },
     ];
 }

package/generated/internal/vendor/morphdom.d.ts

@@ -0,0 +1,6 @@
+/**
+ * VENDORIZED FROM https://github.com/patrick-steele-idem/morphdom/blob/master/dist/morphdom-esm.js
+ * at 2026-06-21
+ */
+declare var morphdom: (fromNode: any, toNode: any, options: any) => any;
+export default morphdom;