'
+ '●'
+ ''
+ '●'
+ '' + a.ch + ''
+ '
';
}
function _libStr(v) {
if (v == null) return '';
if (typeof v === 'string') return v;
if (Array.isArray(v)) return v.filter(Boolean).join(', ');
return JSON.stringify(v);
}
function _charAgeLabel(sh) {
return _libStr(sh?.age_estimate || '').trim();
}
// age_estimate is free text ("30-40 Jahre", "Mittleres Alter") — pull the
// first number out for a rough sort order; characters with no number
// (or no estimate at all) sort to the end rather than clumping at zero.
function _charAgeSortVal(sh) {
const m = _charAgeLabel(sh).match(/\d+/);
return m ? parseInt(m[0], 10) : 9999;
}
function _charLangLabel(rec) {
const sh = rec?.sheet || {};
const voiceLang = (rec?.voice && typeof rec.voice === 'object') ? (rec.voice.language || '') : '';
return _libStr(sh.languages || voiceLang).trim();
}
function _charGenderLabel(sh) {
const gender = String(sh?.gender || '').trim();
if (!gender) return '';
return gender.charAt(0).toUpperCase() + gender.slice(1);
}
function _charRelsHtml(rec, allChars) {
if (!allChars || allChars.length < 2) return '';
const relText = _libStr(rec.sheet?.relationships).toLowerCase();
if (!relText) return '';
const hits = allChars
.filter(function (c) { return c.id !== rec.id && (c.name || '').length > 1; })
.map(function (c) {
const re = new RegExp(c.name.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'gi');
return { c: c, n: (relText.match(re) || []).length };
})
.filter(function (x) { return x.n > 0; })
.sort(function (a, b) { return b.n - a.n; })
.slice(0, 5);
if (!hits.length) return '';
return ''
+ hits.map(function (x) {
const h = _charHue(x.c.name);
return ''
+ escHtml((x.c.name || '?')[0].toUpperCase()) + '';
}).join('')
+ '
';
}
// Single shared floating preview element, positioned near whichever avatar
// is currently hovered — created lazily on first use rather than once per
// row (there can be dozens of rows in a production).
let _avatarHoverEl = null;
function _showAvatarHoverPreview(rec, anchorEl) {
if (!rec.image) return;
if (!_avatarHoverEl) {
_avatarHoverEl = document.createElement('div');
_avatarHoverEl.className = 'lib-avatar-hover-preview';
_avatarHoverEl.innerHTML = ''
+ ''
+ '' + escHtml(label) + ''
+ '' + escHtml(value) + ''
+ '
';
};
// Gender and lines already get their own stat boxes in the card body below
// (and age is joining them there too) — showing them a second time as
// pills on the banner was pure duplication. Only the book/production tag
// stays here, since that's the banner's own context, not the body's.
const metaChips = [];
if (bookLabel) metaChips.push('');
return ''
+ ''
+ ''
+ '
';
}
// Compact alternative to the card grid for scanning a large cast at once —
// one row per character with the fields that matter for casting decisions.
// Rows carry the "lib-char-card" class too so they're picked up by the same
// avatar/voice-picker/auto-voice/export wiring the card grid already uses;
// only the HTML shape differs.
function _charsTableHtml(chars, sortMode, sortDir) {
const arrow = function (key) { return sortMode === key ? ' ' : ''; };
const th = function (key, label, title) {
return ''
+ '
'
+ stat('Occupation', _libStr(sh.profession), 'mdi-briefcase-outline')
+ stat('Archetype', _libStr(sh.archetype), 'mdi-shape-outline')
+ stat('Gender', genderLabel, 'mdi-gender-male-female')
+ stat('Age', ageLabel, 'mdi-cake-variant')
+ stat('Lines', lineLabel, 'mdi-format-list-numbered')
+ '
'
+ _charAlignHtml(sh)
+ '