tyrell-components 1.0.0-TC52 → 1.0.0-TC53

package/lib/utils/icon-registry.js

@@ -9,155 +9,155 @@ const CACHE_URL_BASE = 'https://ty-icons.local/';
 const cacheReadPromises = new Map();
 let oldCachesCleared = false;
 async function clearOldCaches() {
-    if (oldCachesCleared || !('caches' in window))
-        return;
-    oldCachesCleared = true;
-    try {
-        const cacheNames = await caches.keys();
-        const oldCaches = cacheNames.filter(name => name.startsWith('ty-icons-v') && name !== CACHE_NAME);
-        await Promise.all(oldCaches.map(name => caches.delete(name)));
-        if (oldCaches.length > 0) {
-            console.log(`🗑️  Cleared ${oldCaches.length} old icon cache(s)`);
-        }
-    }
-    catch (err) {
-        console.warn('[ty-icons] Failed to clear old caches:', err);
-    }
+if (oldCachesCleared || !('caches' in window))
+return;
+oldCachesCleared = true;
+try {
+const cacheNames = await caches.keys();
+const oldCaches = cacheNames.filter(name => name.startsWith('ty-icons-v') && name !== CACHE_NAME);
+await Promise.all(oldCaches.map(name => caches.delete(name)));
+if (oldCaches.length > 0) {
+console.log(`🗑️  Cleared ${oldCaches.length} old icon cache(s)`);
+}
+}
+catch (err) {
+console.warn('[ty-icons] Failed to clear old caches:', err);
+}
 }
 async function cacheIcon(name, svg) {
-    if (!('caches' in window))
-        return;
-    try {
-        const cache = await caches.open(CACHE_NAME);
-        const response = new Response(svg, {
-            headers: { 'Content-Type': 'image/svg+xml' }
-        });
-        await cache.put(`${CACHE_URL_BASE}${name}`, response);
-    }
-    catch (err) {
-        console.warn(`[ty-icons] Failed to cache icon "${name}":`, err);
-    }
+if (!('caches' in window))
+return;
+try {
+const cache = await caches.open(CACHE_NAME);
+const response = new Response(svg, {
+headers: { 'Content-Type': 'image/svg+xml' }
+});
+await cache.put(`${CACHE_URL_BASE}${name}`, response);
+}
+catch (err) {
+console.warn(`[ty-icons] Failed to cache icon "${name}":`, err);
+}
 }
 export async function getCachedIcon(name) {
-    const existingPromise = cacheReadPromises.get(name);
-    if (existingPromise) {
-        return existingPromise;
-    }
-    const readPromise = (async () => {
-        try {
-            await clearOldCaches();
-            const cache = await caches.open(CACHE_NAME);
-            const response = await cache.match(`${CACHE_URL_BASE}${name}`);
-            if (response) {
-                return await response.text();
-            }
-        }
-        catch (err) {
-            console.warn(`[ty-icons] Failed to read icon "${name}" from cache:`, err);
-        }
-        return null;
-    })();
-    cacheReadPromises.set(name, readPromise);
-    readPromise.finally(() => {
-        cacheReadPromises.delete(name);
-    });
-    return readPromise;
+const existingPromise = cacheReadPromises.get(name);
+if (existingPromise) {
+return existingPromise;
+}
+const readPromise = (async () => {
+try {
+await clearOldCaches();
+const cache = await caches.open(CACHE_NAME);
+const response = await cache.match(`${CACHE_URL_BASE}${name}`);
+if (response) {
+return await response.text();
+}
+}
+catch (err) {
+console.warn(`[ty-icons] Failed to read icon "${name}" from cache:`, err);
+}
+return null;
+})();
+cacheReadPromises.set(name, readPromise);
+readPromise.finally(() => {
+cacheReadPromises.delete(name);
+});
+return readPromise;
 }
 export function registerIcons(icons) {
-    const changedIcons = new Set();
-    Object.entries(icons).forEach(([name, svg]) => {
-        iconRegistry.set(name, svg);
-        changedIcons.add(name);
-    });
-    if (changedIcons.size > 0) {
-        scheduleNotification(changedIcons);
-    }
+const changedIcons = new Set();
+Object.entries(icons).forEach(([name, svg]) => {
+iconRegistry.set(name, svg);
+changedIcons.add(name);
+});
+if (changedIcons.size > 0) {
+scheduleNotification(changedIcons);
+}
 }
 export function getIcon(name) {
-    return iconRegistry.get(name);
+return iconRegistry.get(name);
 }
 export function hasIcon(name) {
-    return iconRegistry.has(name);
+return iconRegistry.has(name);
 }
 export async function clearIcons() {
-    const allIcons = new Set(iconRegistry.keys());
-    iconRegistry.clear();
-    if ('caches' in window) {
-        try {
-            await caches.delete(CACHE_NAME);
-            oldCachesCleared = false;
-        }
-        catch (err) {
-            console.warn('[ty-icons] Failed to clear icon cache:', err);
-        }
-    }
-    scheduleNotification(allIcons);
+const allIcons = new Set(iconRegistry.keys());
+iconRegistry.clear();
+if ('caches' in window) {
+try {
+await caches.delete(CACHE_NAME);
+oldCachesCleared = false;
+}
+catch (err) {
+console.warn('[ty-icons] Failed to clear icon cache:', err);
+}
+}
+scheduleNotification(allIcons);
 }
 export function addWatcher(id, iconName, callback) {
-    watchers.set(id, callback);
-    if (iconName) {
-        watcherIconNames.set(id, iconName);
-    }
+watchers.set(id, callback);
+if (iconName) {
+watcherIconNames.set(id, iconName);
+}
 }
 export function removeWatcher(id) {
-    watchers.delete(id);
-    watcherIconNames.delete(id);
+watchers.delete(id);
+watcherIconNames.delete(id);
 }
 function scheduleNotification(changedIcons) {
-    if (!pendingNotifications) {
-        pendingNotifications = new Set();
-    }
-    changedIcons.forEach(name => pendingNotifications.add(name));
-    if (notificationTimer !== null) {
-        clearTimeout(notificationTimer);
-    }
-    const scheduleCallback = typeof requestIdleCallback !== 'undefined'
-        ? requestIdleCallback
-        : (cb) => setTimeout(cb, 0);
-    notificationTimer = scheduleCallback(() => {
-        const toNotify = pendingNotifications;
-        pendingNotifications = null;
-        notificationTimer = null;
-        if (toNotify && toNotify.size > 0) {
-            notifyWatchers(toNotify);
-        }
-    });
+if (!pendingNotifications) {
+pendingNotifications = new Set();
+}
+changedIcons.forEach(name => pendingNotifications.add(name));
+if (notificationTimer !== null) {
+clearTimeout(notificationTimer);
+}
+const scheduleCallback = typeof requestIdleCallback !== 'undefined'
+? requestIdleCallback
+: (cb) => setTimeout(cb, 0);
+notificationTimer = scheduleCallback(() => {
+const toNotify = pendingNotifications;
+pendingNotifications = null;
+notificationTimer = null;
+if (toNotify && toNotify.size > 0) {
+notifyWatchers(toNotify);
+}
+});
 }
 function notifyWatchers(changedIcons) {
-    watchers.forEach((callback, watcherId) => {
-        const watchedIcon = watcherIconNames.get(watcherId);
-        if (watchedIcon) {
-            if (changedIcons.has(watchedIcon)) {
-                callback(new Set([watchedIcon]));
-            }
-        }
-        else {
-            callback(changedIcons);
-        }
-    });
+watchers.forEach((callback, watcherId) => {
+const watchedIcon = watcherIconNames.get(watcherId);
+if (watchedIcon) {
+if (changedIcons.has(watchedIcon)) {
+callback(new Set([watchedIcon]));
+}
+}
+else {
+callback(changedIcons);
+}
+});
 }
 export function getIconNames() {
-    return Array.from(iconRegistry.keys());
+return Array.from(iconRegistry.keys());
 }
 export async function getCacheInfo() {
-    const info = {
-        version: VERSION,
-        cacheName: CACHE_NAME,
-        available: 'caches' in window
-    };
-    if (!info.available)
-        return info;
-    try {
-        const cache = await caches.open(CACHE_NAME);
-        const keys = await cache.keys();
-        const iconKeys = keys.filter(req => req.url.startsWith(CACHE_URL_BASE));
-        return {
-            ...info,
-            iconCount: iconKeys.length
-        };
-    }
-    catch (err) {
-        console.warn('[ty-icons] Failed to get cache info:', err);
-        return info;
-    }
+const info = {
+version: VERSION,
+cacheName: CACHE_NAME,
+available: 'caches' in window
+};
+if (!info.available)
+return info;
+try {
+const cache = await caches.open(CACHE_NAME);
+const keys = await cache.keys();
+const iconKeys = keys.filter(req => req.url.startsWith(CACHE_URL_BASE));
+return {
+...info,
+iconCount: iconKeys.length
+};
+}
+catch (err) {
+console.warn('[ty-icons] Failed to get cache info:', err);
+return info;
+}
 }

package/lib/utils/loader-registry.js

@@ -1,11 +1,11 @@
 const DEFAULT_LOADER_SVG = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="3" stroke-opacity="0.25"/><path d="M22 12a10 10 0 0 1-10 10" stroke="currentColor" stroke-width="3" stroke-linecap="round"/></svg>`;
 let customLoaderSvg = null;
 export function setLoaderSvg(svg) {
-    customLoaderSvg = svg && svg.trim() ? svg : null;
+customLoaderSvg = svg && svg.trim() ? svg : null;
 }
 export function getLoaderSvg() {
-    return customLoaderSvg ?? DEFAULT_LOADER_SVG;
+return customLoaderSvg ?? DEFAULT_LOADER_SVG;
 }
 export function resetLoaderSvg() {
-    customLoaderSvg = null;
+customLoaderSvg = null;
 }

package/lib/utils/locale.js

@@ -1,38 +1,38 @@
 export function getEffectiveLocale(element, explicitLocale) {
-    if (explicitLocale) {
-        return explicitLocale;
-    }
-    const langElement = element.closest('[lang]');
-    if (langElement) {
-        const lang = langElement.getAttribute('lang');
-        if (lang)
-            return lang;
-    }
-    if (document.documentElement.lang) {
-        return document.documentElement.lang;
-    }
-    if (navigator.language) {
-        return navigator.language;
-    }
-    return 'en-US';
+if (explicitLocale) {
+return explicitLocale;
+}
+const langElement = element.closest('[lang]');
+if (langElement) {
+const lang = langElement.getAttribute('lang');
+if (lang)
+return lang;
+}
+if (document.documentElement.lang) {
+return document.documentElement.lang;
+}
+if (navigator.language) {
+return navigator.language;
+}
+return 'en-US';
 }
 export function observeLocaleChanges(element, callback) {
-    let currentLocale = getEffectiveLocale(element);
-    const observer = new MutationObserver((mutations) => {
-        for (const mutation of mutations) {
-            if (mutation.type === 'attributes' && mutation.attributeName === 'lang') {
-                const newLocale = getEffectiveLocale(element);
-                if (newLocale !== currentLocale) {
-                    currentLocale = newLocale;
-                    callback(newLocale);
-                }
-            }
-        }
-    });
-    observer.observe(document.documentElement, {
-        attributes: true,
-        attributeFilter: ['lang'],
-        subtree: true
-    });
-    return () => observer.disconnect();
+let currentLocale = getEffectiveLocale(element);
+const observer = new MutationObserver((mutations) => {
+for (const mutation of mutations) {
+if (mutation.type === 'attributes' && mutation.attributeName === 'lang') {
+const newLocale = getEffectiveLocale(element);
+if (newLocale !== currentLocale) {
+currentLocale = newLocale;
+callback(newLocale);
+}
+}
+}
+});
+observer.observe(document.documentElement, {
+attributes: true,
+attributeFilter: ['lang'],
+subtree: true
+});
+return () => observer.disconnect();
 }

package/lib/utils/mobile.js

@@ -1,4 +1,4 @@
 const MOBILE_BREAKPOINT = 768;
 export function isMobileTouch(breakpoint = MOBILE_BREAKPOINT) {
-    return window.matchMedia(`(pointer: coarse) and (max-width: ${breakpoint}px)`).matches;
+return window.matchMedia(`(pointer: coarse) and (max-width: ${breakpoint}px)`).matches;
 }

package/lib/utils/number-format.js

@@ -1,60 +1,60 @@
 export function formatNumber(value, config) {
-    const { type, locale = 'en-US', currency = 'USD', precision } = config;
-    const options = {};
-    if (precision !== undefined) {
-        options.minimumFractionDigits = precision;
-        options.maximumFractionDigits = precision;
-    }
-    switch (type) {
-        case 'currency':
-            options.style = 'currency';
-            options.currency = currency;
-            break;
-        case 'percent':
-            options.style = 'percent';
-            break;
-        case 'compact':
-            options.notation = 'compact';
-            options.compactDisplay = 'short';
-            break;
-        case 'number':
-        default:
-            options.style = 'decimal';
-            break;
-    }
-    const formatter = new Intl.NumberFormat(locale, options);
-    const formatted = formatter.format(value);
-    return formatted
-        .replace(/\u202F/g, '\u00A0')
-        .replace(/\u2009/g, '\u00A0');
+const { type, locale = 'en-US', currency = 'USD', precision } = config;
+const options = {};
+if (precision !== undefined) {
+options.minimumFractionDigits = precision;
+options.maximumFractionDigits = precision;
+}
+switch (type) {
+case 'currency':
+options.style = 'currency';
+options.currency = currency;
+break;
+case 'percent':
+options.style = 'percent';
+break;
+case 'compact':
+options.notation = 'compact';
+options.compactDisplay = 'short';
+break;
+case 'number':
+default:
+options.style = 'decimal';
+break;
+}
+const formatter = new Intl.NumberFormat(locale, options);
+const formatted = formatter.format(value);
+return formatted
+.replace(/\u202F/g, '\u00A0')
+.replace(/\u2009/g, '\u00A0');
 }
 export function parseNumericValue(value) {
-    if (!value || value.trim() === '')
-        return null;
-    let stripped = value
-        .replace(/[^\d.,-]/g, '')
-        .trim();
-    if (stripped === '' || stripped === '-')
-        return null;
-    const lastComma = stripped.lastIndexOf(',');
-    const lastDot = stripped.lastIndexOf('.');
-    const lastSep = Math.max(lastComma, lastDot);
-    if (lastSep === -1) {
-        const parsed = parseFloat(stripped);
-        return isNaN(parsed) ? null : parsed;
-    }
-    const sepChar = stripped[lastSep];
-    const before = stripped.slice(0, lastSep);
-    const after = stripped.slice(lastSep + 1);
-    if (before.includes(sepChar)) {
-        const parsed = parseFloat(stripped.replace(/[.,]/g, ''));
-        return isNaN(parsed) ? null : parsed;
-    }
-    const intPart = before.replace(/[.,]/g, '');
-    const decPart = after;
-    const parsed = parseFloat(intPart + '.' + decPart);
-    return isNaN(parsed) ? null : parsed;
+if (!value || value.trim() === '')
+return null;
+let stripped = value
+.replace(/[^\d.,-]/g, '')
+.trim();
+if (stripped === '' || stripped === '-')
+return null;
+const lastComma = stripped.lastIndexOf(',');
+const lastDot = stripped.lastIndexOf('.');
+const lastSep = Math.max(lastComma, lastDot);
+if (lastSep === -1) {
+const parsed = parseFloat(stripped);
+return isNaN(parsed) ? null : parsed;
+}
+const sepChar = stripped[lastSep];
+const before = stripped.slice(0, lastSep);
+const after = stripped.slice(lastSep + 1);
+if (before.includes(sepChar)) {
+const parsed = parseFloat(stripped.replace(/[.,]/g, ''));
+return isNaN(parsed) ? null : parsed;
+}
+const intPart = before.replace(/[.,]/g, '');
+const decPart = after;
+const parsed = parseFloat(intPart + '.' + decPart);
+return isNaN(parsed) ? null : parsed;
 }
 export function shouldFormat(type) {
-    return ['number', 'currency', 'percent', 'compact'].includes(type);
+return ['number', 'currency', 'percent', 'compact'].includes(type);
 }