/**
* openvibe-shared/ov-icons.js — the OpenVibe animated icon family.
*
* element only: no CSS transform ever touches an element inside the SVG
* (transform-box/transform-origin on SVG children left glyphs and whole icons unpainted on phones while
* scrolling), and hover effects apply only where a pointer can hover, so a thumb scrolling over a link
* starts nothing. Calm slows the loops; only motion off stops them. Unknown names fall back to the OV mark "V".
*/
(function (root) {
'use strict';
if (root.OpenVibeIcons) return;
const P = (d) => `${def.glyph} `;
const paint = forSprite ? ' fill="currentColor" stroke="none" style="fill:var(--ovi-glyph,var(--text-primary,#e6edf7))"' : '';
return `${solid.replace(/ class="ln"/g, ` class="ln"${LN}`)} `;
}
function resolve(name) {
const n = String(name || 'ov').toLowerCase();
return registry[n] ? n : (registry[ALIASES[n]] ? ALIASES[n] : 'ov');
}
/** Markup for one icon (usable server-side: no DOM needed). Glyph is scaled 24→22 and centred in the 48 box. */
function svg(name, size) {
const key = resolve(name); const def = registry[key];
const off = def.offset || OFFSETS[key] || [0, 0]; // measured optical centring, see scripts/measure-icons.js
const s = size ? ` width="${size}" height="${size}"` : '';
return `${glyphMarkup(key, def, false)} ; use(name) references it. Colours come from currentColor and inherited custom
// properties, so a referenced icon is themed exactly like an inline one. Static by design (no comet, no
// progress): pages use it for listings and keep the full inline icon where state or motion matters.
function sprite(names) {
const seen = new Set();
const symbols = (names || []).map(resolve).filter(n => !seen.has(n) && seen.add(n)).map((key) => {
const def = registry[key]; const off = def.offset || OFFSETS[key] || [0, 0];
return `${glyphMarkup(key, def, true)} ${symbols} `;
}
function use(name, size) {
const key = resolve(name);
return ``
+ `${svg(key)} `;
}
function app(site, { size = 56, label = '', hue: h = null } = {}) {
const el = document.createElement('span'); el.className = 'ov-appicon';
el.setAttribute('data-icon', String(site || 'ov'));
if (size) el.setAttribute('data-size', String(size));
if (label) el.setAttribute('data-label', String(label));
if (h != null) el.setAttribute('data-hue', String(h));
fillApp(el);
return el;
}
function set(el, patch) {
if (!el || !patch) return;
if (patch.icon) el.setAttribute('data-icon', patch.icon);
if ('state' in patch) { if (patch.state) el.setAttribute('data-state', patch.state); else el.removeAttribute('data-state'); }
if ('progress' in patch) { if (patch.progress == null) el.removeAttribute('data-progress'); else el.setAttribute('data-progress', String(patch.progress)); }
mountOne(el);
}
function register(name, def) {
if (!name || !def || !def.glyph) return;
registry[String(name).toLowerCase()] = { glyph: def.glyph, fx: def.fx || null, accent: def.accent || null, offset: Array.isArray(def.offset) ? def.offset : null };
if (typeof document !== 'undefined') document.querySelectorAll(`.ov-icon[data-icon="${name}"]`).forEach((el) => { el.removeAttribute('data-ovi'); mountOne(el); });
}
const api = { names: () => Object.keys(registry), register, mount, set, svg, sprite, use, resolve, app, appHtml, hue, CSS, APP_CSS };
root.OpenVibeIcons = api;
if (typeof module !== 'undefined' && module.exports) module.exports = api;
if (typeof document === 'undefined') return;
function init() {
if (!document.getElementById('ov-icons-css')) { const st = document.createElement('style'); st.id = 'ov-icons-css'; st.textContent = CSS; document.head.appendChild(st); }
mount();
try {
new MutationObserver((muts) => {
for (const m of muts) {
if (m.type === 'attributes') {
if (m.target.classList && m.target.classList.contains('ov-appicon')) { m.target.removeAttribute('data-ova'); fillApp(m.target); continue; }
if (m.target.classList && m.target.classList.contains('ov-icon')) mountOne(m.target);
continue;
}
m.addedNodes.forEach((n) => {
if (n.nodeType !== 1) return;
if (n.classList.contains('ov-appicon') && n.hasAttribute('data-icon')) { fillApp(n); return; }
if (n.classList.contains('ov-icon')) { mountOne(n); return; }
if (n.querySelector) { n.querySelectorAll('.ov-appicon[data-icon]').forEach(fillApp); n.querySelectorAll('.ov-icon').forEach(mountOne); }
});
}
}).observe(document.documentElement, { childList: true, subtree: true, attributes: true, attributeFilter: ['data-icon', 'data-progress'] });
} catch { /* */ }
}
if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init); else init();
})(typeof window !== 'undefined' ? window : globalThis);