@swiftwc/ui 0.0.0-dev.6 → 0.0.0-dev.61

package/generated/internal/privateNamespace.js

@@ -0,0 +1,168 @@
+import { NavigationPath } from '../internal/class/navigation-path';
+import { devFlags } 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 () => { }) => {
+    if (devFlags.debug)
+        console.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()
+        //   if (devFlags.debug) console.debug(`⚡️ view-transition-start (${type})`)
+        //   await Promise.allSettled(newHost.getAnimations().map(({ finished }) => finished))
+        //   if (devFlags.debug) console.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();
+            if (devFlags.debug)
+                console.debug(`⚡️ view-dialog-transition-start (${type})`);
+            await Promise.allSettled(modalViews?.[0].getAnimations().map(({ finished }) => finished));
+            if (devFlags.debug)
+                console.debug(`⚡️ view-dialog-transition-end (${type})`);
+        }
+        else {
+            if (devFlags.debug)
+                console.debug(`⚡️ view-transition-start (${type})`);
+            await Promise.allSettled([...(from.body?.getAnimations().map(({ finished }) => finished) ?? []), ...(to?.body?.getAnimations().map(({ finished }) => finished) ?? [])]);
+            if (devFlags.debug)
+                console.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();
+            if (devFlags.debug)
+                console.debug(`⚡️ view-dialog-transition-start (${type})`);
+            await Promise.allSettled(from.component.getAnimations().map(({ finished }) => finished));
+            if (devFlags.debug)
+                console.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
+        if (devFlags.debug)
+            console.debug(`⚡️ view-transition-start (${type})`);
+        await Promise.allSettled([...(from.body?.getAnimations().map(({ finished }) => finished) ?? []), ...(to.body?.getAnimations().map(({ finished }) => finished) ?? [])]);
+        if (devFlags.debug)
+            console.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/add.d.ts

@@ -0,0 +1 @@
+export default function <T extends object>(set: Set<T> | WeakSet<T>, value: T): boolean;

package/generated/internal/utils/add.js

@@ -0,0 +1,7 @@
+export default function (set, value) {
+    if (!set.has(value)) {
+        set.add(value);
+        return true;
+    }
+    return false;
+}

package/generated/internal/utils/cash/ancestors.d.ts

@@ -0,0 +1 @@
+export default function <T extends Element>(selector: string, element?: Element): T[];

package/generated/internal/utils/cash/ancestors.js

@@ -0,0 +1,27 @@
+export default function (selector, element) {
+    const matches = [];
+    let current = element?.closest(selector) ?? undefined;
+    while (current) {
+        matches.push(current);
+        current = current.parentElement?.closest(selector) ?? undefined;
+    }
+    return matches;
+}
+// function querySelectorAllUp(el, selector) {
+//   const matches = [];
+//   let current = el.parentElement;
+//   while (current) {
+//     if (current.matches(selector)) matches.push(current);
+//     current = current.parentElement;
+//   }
+//   return matches;
+// }
+// function querySelectorAllUp(el, selector) {
+//   const matches = [];
+//   let current = el.closest(selector);
+//   while (current) {
+//     matches.push(current);
+//     current = current.parentElement?.closest(selector);
+//   }
+//   return matches;
+// }

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

@@ -0,0 +1,23 @@
+import ancestors from './ancestors';
+import next from './next';
+import nextAll from './next-all';
+import prev from './prev';
+import prevAll from './prev-all';
+import prop from './prop';
+import siblings from './siblings';
+declare const DEFAULT: ">1";
+interface CashFn {
+    (innerHTML: string): DocumentFragment;
+    <T extends Element = Element>(innerHTML: string, selector: typeof DEFAULT): T;
+    <T extends Element = Element>(innerHTML: string, selector: string): T;
+    prop: typeof prop;
+    nextAll: typeof nextAll;
+    prevAll: typeof prevAll;
+    next: typeof next;
+    prev: typeof prev;
+    siblings: typeof siblings;
+    ancestors: typeof ancestors;
+}
+declare const cash: CashFn;
+export default cash;
+export { ancestors, next, nextAll, prev, prevAll, prop, siblings };

package/generated/internal/utils/cash/index.js

@@ -0,0 +1,25 @@
+import ancestors from './ancestors';
+import next from './next';
+import nextAll from './next-all';
+import prev from './prev';
+import prevAll from './prev-all';
+import prop from './prop';
+import siblings from './siblings';
+const DEFAULT = '>1';
+const cash = ((innerHTML, selector) => {
+    const template = Object.assign(document.createElement('template'), { innerHTML });
+    if (!selector)
+        return template.content;
+    if (selector === DEFAULT)
+        return template.content.firstElementChild; // OVERKILL
+    return template.content.querySelector('>1' === selector ? ':first-child' : selector);
+});
+cash.prop = prop;
+cash.nextAll = nextAll;
+cash.prevAll = prevAll;
+cash.next = next;
+cash.prev = prev;
+cash.siblings = siblings;
+cash.ancestors = ancestors;
+export default cash;
+export { ancestors, next, nextAll, prev, prevAll, prop, siblings };

package/generated/internal/utils/cash/next-all.d.ts

@@ -0,0 +1 @@
+export default function <T extends Element>(selector?: string, element?: Element): T[];

package/generated/internal/utils/cash/next-all.js

@@ -0,0 +1,10 @@
+export default function (selector, element) {
+    const siblings = [];
+    let next = element?.nextElementSibling;
+    while (next) {
+        if (!selector || next.matches(selector))
+            siblings.push(next);
+        next = next.nextElementSibling;
+    }
+    return siblings;
+}

package/generated/internal/utils/cash/next.d.ts

@@ -0,0 +1 @@
+export default function <T extends Element>(selector?: string, element?: Element): T | undefined;

package/generated/internal/utils/cash/next.js

@@ -0,0 +1,9 @@
+export default function (selector, element) {
+    let next = element?.nextElementSibling;
+    while (next) {
+        if (!selector || next.matches(selector))
+            return next;
+        next = next.nextElementSibling;
+    }
+    return undefined;
+}

package/generated/internal/utils/cash/prev-all.d.ts

@@ -0,0 +1 @@
+export default function <T extends Element>(selector?: string, element?: Element): T[];

package/generated/internal/utils/cash/prev-all.js

@@ -0,0 +1,10 @@
+export default function (selector, element) {
+    const siblings = [];
+    let prev = element?.previousElementSibling;
+    while (prev) {
+        if (!selector || prev.matches(selector))
+            siblings.push(prev);
+        prev = prev.previousElementSibling;
+    }
+    return siblings;
+}

package/generated/internal/utils/cash/prev.d.ts

@@ -0,0 +1 @@
+export default function <T extends Element>(selector?: string, element?: Element): T | undefined;

package/generated/internal/utils/cash/prev.js

@@ -0,0 +1,9 @@
+export default function (selector, element) {
+    let prev = element?.previousElementSibling;
+    while (prev) {
+        if (!selector || prev.matches(selector))
+            return prev;
+        prev = prev.previousElementSibling;
+    }
+    return undefined;
+}

package/generated/internal/utils/cash/prop.d.ts

@@ -0,0 +1,18 @@
+/**
+ * A remove/set property utility that checks before doing DOM manipulations.
+ * It enforces the important flag, the built-in functionality is to leave it as-is if there was an important flat and the setProperty does not have one
+ * In case of undefined it does a removeProperty, the built-in functionality is to add a string representation ("undefined")
+ *
+ * Notes:
+ * By default setProperty does NOT enforce important. It always triggers a DOM manipulation.
+ * By default getPropertyValue returns a trimmed string but fails to inform of the presence in the style attribute.
+ *
+ * Examples:
+ * [style]                            prop('--prop', '1rem', el) style="--prop: 1rem;"
+ * [style]                            prop('--prop', null | '' | undefined, el) style
+ * [style]                            prop('--prop', ' ', el) style="--prop: ;"
+ * [style]                            prop('--prop', '  ', el) style="--prop:  ;"
+ * style="--prop: 1rem;"              prop('--prop', '1rem', el, 'important') style="--prop: 1rem !important;"
+ * style="--prop: 1rem !important;"   prop('--prop', '1rem', el) style="--prop: 1rem;"
+ */
+export default function (property: string, value?: string | null, el?: HTMLElement | null, priority?: 'important'): void;

package/generated/internal/utils/cash/prop.js

@@ -0,0 +1,30 @@
+/**
+ * A remove/set property utility that checks before doing DOM manipulations.
+ * It enforces the important flag, the built-in functionality is to leave it as-is if there was an important flat and the setProperty does not have one
+ * In case of undefined it does a removeProperty, the built-in functionality is to add a string representation ("undefined")
+ *
+ * Notes:
+ * By default setProperty does NOT enforce important. It always triggers a DOM manipulation.
+ * By default getPropertyValue returns a trimmed string but fails to inform of the presence in the style attribute.
+ *
+ * Examples:
+ * [style]                            prop('--prop', '1rem', el) style="--prop: 1rem;"
+ * [style]                            prop('--prop', null | '' | undefined, el) style
+ * [style]                            prop('--prop', ' ', el) style="--prop: ;"
+ * [style]                            prop('--prop', '  ', el) style="--prop:  ;"
+ * style="--prop: 1rem;"              prop('--prop', '1rem', el, 'important') style="--prop: 1rem !important;"
+ * style="--prop: 1rem !important;"   prop('--prop', '1rem', el) style="--prop: 1rem;"
+ */
+export default function (property, value, el, priority) {
+    if (!el)
+        return;
+    if (!value) {
+        if (-1 !== Array.from(el.style).indexOf(property))
+            el.style.removeProperty(property); // remove key entirely
+        return;
+    }
+    const currentValue = el.style.getPropertyValue(property), // "" always trimmed
+    currentPriority = el.style.getPropertyPriority(property); // "" always lowercase
+    if (currentValue !== value.trim() || currentPriority !== (priority ?? '').toLowerCase())
+        el.style.setProperty(property, value, priority); // enforce priority
+}

package/generated/internal/utils/cash/siblings.d.ts

@@ -0,0 +1 @@
+export default function <T extends Element>(selector?: string, element?: Element): T[];

package/generated/internal/utils/cash/siblings.js

@@ -0,0 +1,10 @@
+export default function (selector, element) {
+    const siblings = [];
+    let child = element?.parentElement?.firstElementChild;
+    while (child) {
+        if (child !== element && (!selector || child.matches(selector)))
+            siblings.push(child);
+        child = child.nextElementSibling;
+    }
+    return siblings;
+}

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

@@ -0,0 +1 @@
+export default function (value?: string, min?: number, max?: number): number;

package/generated/internal/utils/clamp.js

@@ -0,0 +1,4 @@
+export default function (value, min = Infinity, max = Infinity) {
+    const intVal = Math.floor(Number(value));
+    return Math.min(Math.max(intVal, min), max);
+}

package/generated/internal/utils/compare-big-decimals.d.ts

@@ -0,0 +1 @@
+export default function (a: string, b: string): number;

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

@@ -0,0 +1,90 @@
+/**
+ * @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);
+    if (aInf !== 0 || bInf !== 0) {
+        if (aInf === bInf)
+            return 0;
+        return aInf > bInf ? 1 : -1;
+    }
+    const A = parse(a), B = parse(b);
+    // different signs
+    if (A.sign !== B.sign)
+        return A.sign - B.sign;
+    const sign = A.sign;
+    // compare integer length
+    if (A.i.length !== B.i.length)
+        return (A.i.length - B.i.length) * sign;
+    // compare integer part
+    if (A.i !== B.i)
+        return (A.i > B.i ? 1 : -1) * sign;
+    // compare fractional part
+    const max = Math.max(A.f.length, B.f.length);
+    for (let i = 0; i < max; i++) {
+        const da = A.f.charCodeAt(i) || 48, // '0'
+        db = B.f.charCodeAt(i) || 48;
+        if (da !== db)
+            return (da > db ? 1 : -1) * sign;
+    }
+    return 0;
+}
+function isInfinity(s) {
+    const t = s.trim();
+    if (t === POSITIVE_INFINITY || t === '+Infinity')
+        return 1;
+    if (t === NEGATIVE_INFINITY)
+        return -1;
+    return 0;
+}
+function parse(input) {
+    let s = input.trim(), sign = 1;
+    // sign
+    if (s[0] === '-') {
+        sign = -1;
+        s = s.slice(1);
+    }
+    else if (s[0] === '+') {
+        s = s.slice(1);
+    }
+    // scientific notation
+    let exp = 0;
+    const eIndex = s.search(/e/i);
+    if (eIndex !== -1) {
+        exp = parseInt(s.slice(eIndex + 1), 10) || 0;
+        s = s.slice(0, eIndex);
+    }
+    let [i = '0', f = ''] = s.split('.');
+    // remove leading zeros
+    i = i.replace(/^0+/, '') || '0';
+    // apply exponent by shifting decimal
+    if (exp > 0) {
+        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);
+        f = i.slice(i.length - move) + f;
+        i = i.slice(0, i.length - move) || '0';
+        f = '0'.repeat(-exp - move) + f;
+    }
+    // normalize again
+    i = i.replace(/^0+/, '') || '0';
+    f = f.replace(/0+$/, '');
+    return { sign, i, f };
+}

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

@@ -0,0 +1 @@
+export default function <F extends (...args: any[]) => any>(fn: F, delay?: number, immediate?: boolean): (...args: Parameters<F>) => void;

package/generated/internal/utils/debounce.js

@@ -0,0 +1,13 @@
+import timeout from './timeout';
+export default function (fn, delay = 300, immediate = false) {
+    const { next, pending } = timeout();
+    return function (...args) {
+        const context = this, callNow = immediate && !pending();
+        next(() => {
+            if (!immediate)
+                fn.apply(context, args);
+        }, delay);
+        if (callNow)
+            fn.apply(context, args);
+    };
+}

package/generated/internal/utils/dev-flags.d.ts

@@ -0,0 +1,3 @@
+export default class {
+    static get debug(): boolean;
+}

package/generated/internal/utils/dev-flags.js

@@ -0,0 +1,5 @@
+export default class {
+    static get debug() {
+        return true;
+    }
+}

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

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

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

@@ -0,0 +1,55 @@
+import { I18n } from '../../i18n';
+import { Snapshot } from '../../snapshot';
+import { default as $ } from './cash';
+function renderPlaceholder(el, role, titleKey) {
+    // if (!el.isConnected) return
+    // self.requestAnimationFrame(() => {
+    //   if (!el.isConnected) return
+    const label = el.querySelector(':scope>[slot=placeholder]') ?? el.appendChild($(`<label-view slot="placeholder"></label-view>`, '>1'));
+    switch (role) {
+        case 'cancel':
+            label.setAttribute('title', titleKey && titleKey in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[titleKey] : I18n.t('ButtonRole').Cancel);
+            label.setAttribute('system-image', Snapshot.config['cancel-button-icon']);
+            break;
+        case 'close':
+            if (label.closest('[is=alert-dialog]')) {
+                label.setAttribute('title', titleKey && titleKey in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[titleKey] : I18n.t('ButtonRole').OK);
+            }
+            else {
+                label.setAttribute('title', titleKey && titleKey in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[titleKey] : I18n.t('ButtonRole').Close);
+                label.setAttribute('system-image', Snapshot.config['close-button-icon']);
+            }
+            break;
+        case 'confirm':
+            label.setAttribute('title', titleKey && titleKey in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[titleKey] : I18n.t('ButtonRole').Confirm);
+            label.setAttribute('system-image', Snapshot.config['confirm-button-icon']);
+            break;
+        case 'confirmation-action':
+            label.setAttribute('title', titleKey && titleKey in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[titleKey] : I18n.t('ButtonRole').Confirm);
+            label.setAttribute('system-image', Snapshot.config['confirm-button-icon']);
+            break;
+        case 'cancellation-action':
+            label.setAttribute('title', titleKey && titleKey in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[titleKey] : I18n.t('ButtonRole').Cancel);
+            label.setAttribute('system-image', Snapshot.config['cancel-button-icon']);
+            break;
+        case 'destructive':
+            label.setAttribute('title', titleKey && titleKey in I18n.t('ButtonRole') ? I18n.t('ButtonRole')[titleKey] : I18n.t('ButtonRole').Destructive);
+            label.setAttribute('system-image', Snapshot.config['delete-button-icon']);
+            break;
+        default:
+            label?.remove();
+            break;
+    }
+    // if (role) {
+    //   label.setAttribute('title', I18n.t('ButtonRole').Default.Destructive)
+    // } else label?.remove()
+    // })
+}
+export default function (target, role, titleKey) {
+    if (!target)
+        return;
+    const overiderTitle = typeof titleKey === 'string' && titleKey in I18n.t('ButtonRole') ? titleKey : undefined;
+    renderPlaceholder(target, role, overiderTitle);
+    // CleanupRegistry.unregister(target, 'i18n')
+    // CleanupRegistry.register(target, onoff('localechange', () => renderPlaceholder(target, role, overiderTitle), I18n.on).on(), 'i18n')
+}

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

@@ -0,0 +1 @@
+export default function (element?: Element): Promise<number | undefined>;

package/generated/internal/utils/frame.js

@@ -0,0 +1,6 @@
+export default function (element) {
+    return new Promise((r) => self.requestAnimationFrame(r)).then((t) => {
+        if (!element || element.isConnected)
+            return t;
+    });
+}

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

@@ -1,2 +1,22 @@
-export { default as kebabCase } from './kebab-case';
+export { default as add } from './add';
+export { default as $ } from './cash';
+export { default as clamp } from './clamp';
+export { default as compareBigDecimals } from './compare-big-decimals';
 export { default as cssTime } from './css-time';
+export { default as debounce } from './debounce';
+export { default as devFlags } from './dev-flags';
+export { default as ensurePlaceholder } from './ensure-placeholder';
+export { default as frame } from './frame';
+export { default as isInside } from './is-inside';
+export { default as kebabCase } from './kebab-case';
+export { default as listActive } from './list-active';
+export { default as microtask } from './microtask';
+export { default as onoff } from './onoff';
+export { default as renderLabel } from './render-label';
+export { default as renderLabelIcon } from './render-label-icon';
+export { default as renderLabelTitle } from './render-label-title';
+export { default as set } from './set';
+export { default as sleep } from './sleep';
+export { default as slowHideShow } from './slow-hide-show';
+export { default as timeout } from './timeout';
+export { default as touchGlass } from './touch-glass';

package/generated/internal/utils/index.js

@@ -1,2 +1,25 @@
-export { default as kebabCase } from './kebab-case';
+// import * as _intl from './intl'
+// import cash from './cash'
+export { default as add } from './add';
+export { default as $ } from './cash';
+export { default as clamp } from './clamp';
+export { default as compareBigDecimals } from './compare-big-decimals';
 export { default as cssTime } from './css-time';
+export { default as debounce } from './debounce';
+export { default as devFlags } from './dev-flags';
+export { default as ensurePlaceholder } from './ensure-placeholder';
+export { default as frame } from './frame';
+export { default as isInside } from './is-inside';
+export { default as kebabCase } from './kebab-case';
+export { default as listActive } from './list-active';
+export { default as microtask } from './microtask';
+export { default as onoff } from './onoff';
+export { default as renderLabel } from './render-label';
+export { default as renderLabelIcon } from './render-label-icon';
+export { default as renderLabelTitle } from './render-label-title';
+export { default as set } from './set';
+export { default as sleep } from './sleep';
+export { default as slowHideShow } from './slow-hide-show';
+export { default as timeout } from './timeout';
+export { default as touchGlass } from './touch-glass';
+// export const $: typeof cash = cash