Bot:Gadget-figureSource.js - Revision history

Wikilah admin: Prose address: section h2 + chunk title (title lives in the marker paragraph)

2026-07-28T16:05:45Z

Prose address: section h2 + chunk title (title lives in the marker paragraph)

← Older revision		Revision as of 00:05, 29 July 2026
Line 304:		Line 304:
	if (label && label !== el) { parts.push(cellText(label)); }		if (label && label !== el) { parts.push(cellText(label)); }
	} else {		} else {
	// ~~the~~ ~~chunk's~~ ~~SECTION~~ ~~HEADING~~, ~~not~~ ~~the~~ ~~bare~~ ~~chunk number~~ —		// Address for a prose figure, outer -> inner: the enclosing
	// ~~"Key~~ ~~highlights"~~, ~~not~~ ~~"chunk~~ ~~3".~~ ~~The~~ ~~[c.~~ n; p. m] ~~marker~~		// section heading, then the CHUNK TITLE — which lives INSIDE the
	// ~~renders~~ as ~~its~~ ~~OWN~~ ~~line~~ ~~ABOVE~~ ~~the~~ ~~chunk's~~ h6 ~~(Common.css~~		// marker's own <p> ("[c. 3; p. 1] Gross written premiums and
	// ~~.ed-chunk~~), so ~~the heading~~ is a ~~FOLLOWING~~ ~~sibling~~ of the		// underlying earnings"), so it is the paragraph text minus the
	// ~~marker's~~ ~~block,~~ ~~not~~ an ~~ancestor~~.		// .ed-chunk span. "chunk 3" appears nowhere: readers get words.
	var anchor = document.querySelector(		var anchor = document.querySelector(
	'span.ed-chunk[id$="-c' + entry.loc.chunk + '"]');		'span.ed-chunk[id$="-c' + entry.loc.chunk + '"]');
	var blk = anchor && (anchor.closest('p'~~) \|\| anchor~~);		var blk = anchor && anchor.closest('p');
	~~for~~ (~~var i = 0;~~ blk ~~&& i < 4; i++~~) {		if (blk) {
	~~blk~~ = blk.~~nextElementSibling~~;		var up = blk.previousElementSibling;
	if (~~!blk \|\| blk.querySelector~~ && ~~blk~~.~~querySelector~~('.~~ed-chunk'~~)) {		while (up && !/^H[1-4]$/.test(up.tagName)) {
	~~break;~~ ~~// ran into the next chunk~~		up = up.previousElementSibling;
	}		}
	if (~~blk.tagName === 'H6'~~) {		if (up) {
	~~var title = blk~~.textContent.replace(/\s+/g, ' ').trim();		parts.push(up.textContent.replace(/\s+/g, ' ').trim());
⚫	if (title) { parts.push(title); }
⚫	~~break~~;
	}		}
			var clone = blk.cloneNode(true);
			clone.querySelectorAll('.ed-chunk').forEach(function (s) {
		⚫	s.remove();
			});
			var title = clone.textContent.replace(/\s+/g, ' ').trim();
		⚫	if (title) { parts.push(title); }
	}		}
	}		}

Wikilah admin: Prose heading: walk to the FOLLOWING h6 (marker is a sibling line, not inside it); idempotent tagging

2026-07-28T16:04:16Z

Prose heading: walk to the FOLLOWING h6 (marker is a sibling line, not inside it); idempotent tagging

← Older revision		Revision as of 00:04, 29 July 2026
Line 203:		Line 203:
	var idx = 0, node;		var idx = 0, node;
	while (idx < list.length && (node = walker.nextNode())) {		while (idx < list.length && (node = walker.nextNode())) {
	~~if (node.parentElement.closest('table,~~ .fig-~~card,~~ ~~.fig~~-~~banner')) {~~ ~~continue;~~ }		// .fig-src in the guard = idempotency: re-running the tagger
			// (staging-copy injection during verification) must never
			// nest a second wrapper inside an already-tagged figure
			if (node.parentElement.closest(
			'table, .fig-card, .fig-banner, .fig-src')) { continue; }
	if (chunkOf(node) !== parseInt(chunk, 10)) { break; }		if (chunkOf(node) !== parseInt(chunk, 10)) { break; }
	var at, from = 0;		var at, from = 0;
Line 301:		Line 305:
	} else {		} else {
	// the chunk's SECTION HEADING, not the bare chunk number —		// the chunk's SECTION HEADING, not the bare chunk number —
	// "Key highlights", not "chunk 3". The ~~anchor~~ ~~span~~ ~~sits~~ ~~inside~~		// "Key highlights", not "chunk 3". The [c. n; p. m] marker
	// ~~the~~ ~~chunk's h6;~~ its ~~own~~ ~~marker~~ ~~text~~ is ~~not~~ ~~part of the~~ ~~title~~.		// renders as its OWN line ABOVE the chunk's h6 (Common.css
			// .ed-chunk), so the heading is a FOLLOWING sibling of the
			// marker's block, not an ancestor.
	var anchor = document.querySelector(		var anchor = document.querySelector(
	'span.ed-chunk[id$="-c' + entry.loc.chunk + '"]');		'span.ed-chunk[id$="-c' + entry.loc.chunk + '"]');
	var h = anchor && anchor.closest('h6');		var blk = anchor && (anchor.closest('p') \|\| anchor);
	if (h) {		for (var i = 0; blk && i < 4; i++) {
	~~var clone~~ = h.~~cloneNode(true)~~;		blk = blk.nextElementSibling;
	~~clone~~.~~querySelectorAll~~('.ed-chunk')~~.forEach(function (s~~) {		if (!blk \|\| blk.querySelector && blk.querySelector('.ed-chunk')) {
	~~s.remove()~~;		break; // ran into the next chunk
	});		}
	~~var~~ ~~title~~ = ~~clone.textContent.replace(/\s+/g,~~ ' ')~~.trim();~~		if (blk.tagName === 'H6') {
	if (title) { ~~parts~~.~~push~~(~~title~~); }		var title = blk.textContent.replace(/\s+/g, ' ').trim();
			if (title) { parts.push(title); }
			break;
			}
	}		}
	}		}

Wikilah admin: Prose card tags: chunk section heading instead of the bare chunk number

2026-07-28T16:02:13Z

Prose card tags: chunk section heading instead of the bare chunk number

@@ Line 300: / Line 300: @@
             if (label && label !== el) { parts.push(cellText(label)); }
         } else {
-            parts.push('chunk ' + entry.loc.chunk);
+            // the chunk's SECTION HEADING, not the bare chunk number —
+        }
         // one line, middle-dot separated ("Solvency II ratio (%) · FY24 · …")

Wikilah admin: Desktop back to click->popover (user preference); touch banner unchanged; tabindex fix kept

2026-07-28T15:49:00Z

Desktop back to click->popover (user preference); touch banner unchanged; tabindex fix kept

← Older revision		Revision as of 23:49, 28 July 2026
Line 336:		Line 336:
	}		}

	function renderCrop(container, entry, pdf~~, onDone~~) {		function renderCrop(container, entry, pdf) {
	if (!entry.rect) { return; }		if (!entry.rect) { return; }
	pdf.page(entry.page).then(function (pg) {		pdf.page(entry.page).then(function (pg) {
	if (onDone) { setTimeout(onDone, 0); }
	var s = pg.viewport.scale;		var s = pg.viewport.scale;
	var x0 = Math.max(0, (entry.rect[0] - CROP_MARGIN_X) * s);		var x0 = Math.max(0, (entry.rect[0] - CROP_MARGIN_X) * s);
Line 372:		Line 371:
	}		}
	function onAway(e) {		function onAway(e) {
			// clicks INSIDE the surface never dismiss it — the open link
			// must be clickable on both surfaces
		⚫	if (box && box.contains(e.target)) { return; }
	if (!cueOf(e)) { close(); }		if (!cueOf(e)) { close(); }
	}		}
Line 404:		Line 406:
	}, false);		}, false);
	} else {		} else {
	// ~~hover~~ -> ~~peek~~ card ~~beside~~ the ~~cue~~ ~~(never covering~~ the ~~cell)~~		// Desktop: CLICK -> anchored card below the cell — the original
			// UI, which the user preferred over a hover peek (and which the
⚫	document.addEventListener('~~mouseover~~', function (e) {
			// touch banner mirrors). The card carries the open link, so
			// unlike the footnote hover popover it is interactive.
		⚫	document.addEventListener('click', function (e) {
		⚫	if (box && box.contains(e.target)) { return; }
	var cue = cueOf(e);		var cue = cueOf(e);
	if (!cue ~~\|\| cue === activeCue~~) { return; }		if (!cue) { return; }
		⚫	e.preventDefault();
		⚫	e.stopPropagation();
	close();		close();
	activeCue = cue;		activeCue = cue;
Line 413:		Line 421:
	box = document.createElement('div');		box = document.createElement('div');
	box.className = 'fig-card';		box.className = 'fig-card';
	box.innerHTML = peekHtml(cue, entry, ~~false~~);		box.innerHTML = peekHtml(cue, entry, true);
	document.body.appendChild(box);		document.body.appendChild(box);
	~~var~~ ~~place~~ ~~= function~~ () {		// page coordinates (absolute), so the card scrolls WITH the
	if ~~(!box~~ \|\| ~~activeCue~~ ~~!== cue) { return;~~ }		// page like the original; left clamped for narrow viewports
	var r = cue.getBoundingClientRect();		var r = cue.getBoundingClientRect();
	~~var~~ left = Math.max(8, Math.min(r.left,		box.style.left = Math.max(8, Math.min(r.left + window.scrollX,
	window.~~innerWidth~~ - ~~box~~.~~offsetWidth~~ - ~~8));~~		window.scrollX + document.documentElement.clientWidth -
	~~var top = r.top -~~ box.~~offsetHeight~~ - 8; ~~// above the cue…~~		box.offsetWidth - 8)) + 'px';
	~~if (top < 8) {~~ top = r.bottom + 8; } ~~// …or below~~		box.style.top = (r.bottom + window.scrollY + 6) + 'px';
	box~~.style.left = left~~ + ~~'px'~~;		renderCrop(box, entry, pdf);
	~~box.style.top = top + 'px';~~		setTimeout(function () {
	};		document.addEventListener('click', onAway, true);
	~~place(~~);		}, 0);
		⚫	}, false);
	// the crop arrives async and changes the card's height —
		⚫	document.addEventListener('keydown', function (e) {
	// re-place so an above-the-cue card grows UP, not down
	// ~~over~~ ~~the~~ ~~cell~~ ~~being~~ ~~compared~~		if (e.key === 'Escape') { close(); }
	renderCrop(box, entry, pdf, place);
	});
	document.addEventListener('mouseout', function (e) {
	if (!activeCue) { return; }
	var to = e.relatedTarget;
	if (to && to.closest &&
	to.closest('.fig-src') === activeCue) { return; }
⚫	~~close~~();
	});
	window.addEventListener('scroll', function () {
	if (box) { close(); }
⚫	}, ~~true~~);
	// click = drill into the full viewer (desktop click is reliable)
⚫	document.addEventListener('~~click~~', function (e) {
⚫	~~var cue = cueOf(~~e);
⚫	if (~~!cue~~) { return; }
	var entry = byEl.get(cue);
⚫	if (~~!entry~~.id) { return; }
	window.open(pageUrl(VIEWER_PAGE, {
	doc: mw.config.get('wgPageName'), fig: entry.id }),
	'_blank');
	});		});
	}		}
Line 557:		Line 544:
	// --text-dark because body-attached elements inherit the SKIN's		// --text-dark because body-attached elements inherit the SKIN's
	// #202122, not the content area's ink.		// #202122, not the content area's ink.
			// absolute (page coords) so it scrolls with the page like the
⚫	'.fig-card{position:~~fixed~~;z-index:2147483647;' +
			// original popover; interactive because it carries the open link
		⚫	'.fig-card{position:absolute;z-index:2147483647;' +
	'max-width:min(420px,90vw);background:#fff;padding:0;' +		'max-width:min(420px,90vw);background:#fff;padding:0;' +
	'border:1px solid #0d0d0d;color:var(--text-dark,#0d0d0d);' +		'border:1px solid #0d0d0d;color:var(--text-dark,#0d0d0d);' +
	'box-shadow:0 4px 16px rgba(43,41,38,.18);pointer-events:~~none~~}' +		'box-shadow:0 4px 16px rgba(43,41,38,.18);pointer-events:auto}' +
	// full-bleed crop in both surfaces (declare border/margin — an		// full-bleed crop in both surfaces (declare border/margin — an
	// omitted property lets a stale stacked stylesheet rule survive)		// omitted property lets a stale stacked stylesheet rule survive)

Wikilah admin: Guard classes updated to the peek surfaces

2026-07-28T15:41:14Z

Guard classes updated to the peek surfaces

← Older revision		Revision as of 23:41, 28 July 2026
Line 203:		Line 203:
	var idx = 0, node;		var idx = 0, node;
	while (idx < list.length && (node = walker.nextNode())) {		while (idx < list.length && (node = walker.nextNode())) {
	if (node.parentElement.closest('table, .fig-~~popover~~')) { continue; }		if (node.parentElement.closest('table, .fig-card, .fig-banner')) { continue; }
	if (chunkOf(node) !== parseInt(chunk, 10)) { break; }		if (chunkOf(node) !== parseInt(chunk, 10)) { break; }
	var at, from = 0;		var at, from = 0;
Line 246:		Line 246:
	var tables = Array.prototype.filter.call(		var tables = Array.prototype.filter.call(
	document.querySelectorAll('#mw-content-text table.wikitable'),		document.querySelectorAll('#mw-content-text table.wikitable'),
	function (t) { return !t.closest('.fig-~~popover~~'); });		function (t) { return !t.closest('.fig-card, .fig-banner'); });
	var grids = tables.map(expandTable);		var grids = tables.map(expandTable);
	var located = sidecar.figures.concat(sidecar.unmatched \|\| []);		var located = sidecar.figures.concat(sidecar.unmatched \|\| []);

Wikilah admin: Footnote-pattern peek: hover card / touch banner, tabindex tap fix, click = viewer

2026-07-28T15:40:49Z

Footnote-pattern peek: hover card / touch banner, tabindex tap fix, click = viewer

Show changes

Wikilah admin: Popover tags in address order: caption -> column header -> row label

2026-07-28T15:18:23Z

Popover tags in address order: caption -> column header -> row label

← Older revision		Revision as of 23:18, 28 July 2026
Line 288:		Line 288:

	function tagsHtml(el, entry) {		function tagsHtml(el, entry) {
			// Address order, outer -> inner (user design): caption (which
			// table, incl. its [t. N] index) -> column header -> row label —
			// the same drill-down the sidecar's own locator uses.
	var parts = [];		var parts = [];
	if (entry.loc.kind === 'cell') {		if (entry.loc.kind === 'cell') {
	var table = el.closest('table');		var table = el.closest('table');
	var grid = expandTable(table);		var grid = expandTable(table);
	var ~~label~~ = ~~grid[entry~~.~~loc.r] && grid[entry.loc.r][0]~~;		var cap = table.querySelector('caption');
	if (~~label && label !== el~~) { parts.push(cellText(~~label~~)); }		if (cap) { parts.push(cellText(cap)); }
	var headers = [];		var headers = [];
	for (var h = 0; h < grid.length; h++) {		for (var h = 0; h < grid.length; h++) {
Line 305:		Line 308:
	}		}
	if (headers.length) { parts.push(headers.join(' · ')); }		if (headers.length) { parts.push(headers.join(' · ')); }
	var ~~cap~~ = ~~table~~.~~querySelector('caption')~~;		var label = grid[entry.loc.r] && grid[entry.loc.r][0];
	if (~~cap~~) { parts.push(cellText(~~cap~~)); }		if (label && label !== el) { parts.push(cellText(label)); }
	} else {		} else {
	parts.push('chunk ' + entry.loc.chunk);		parts.push('chunk ' + entry.loc.chunk);

Wikilah admin: Popover text in house ink (--text-dark) — body-attached, so inherit picks the skin color

2026-07-28T15:14:05Z

Popover text in house ink (--text-dark) — body-attached, so inherit picks the skin color

← Older revision		Revision as of 23:14, 28 July 2026
Line 467:		Line 467:
	// (no inner padding/margins); only the text block below is inset.		// (no inner padding/margins); only the text block below is inset.
	// All popover text follows the house small size, footer in page ink.		// All popover text follows the house small size, footer in page ink.
			// color pinned to the house ink: the popover attaches to body,
			// OUTSIDE the content area, so "inherit" would pick up the skin's
			// #202122 body color instead of --text-dark
	'.fig-popover{position:absolute;z-index:200;width:420px;' +		'.fig-popover{position:absolute;z-index:200;width:420px;' +
	'background:#fff;border:1px solid #0d0d0d;padding:0;' +		'background:#fff;border:1px solid #0d0d0d;padding:0;' +
			'color:var(--text-dark,#0d0d0d);' +
	'box-shadow:0 2px 10px rgba(0,0,0,.15)}' +		'box-shadow:0 2px 10px rgba(0,0,0,.15)}' +
	// border:0/margin:0 and color:inherit are DECLARED, not omitted — an		// border:0/margin:0 and color:inherit are DECLARED, not omitted — an

Wikilah admin: Popover: explicit border/margin/color declarations (stacked-stylesheet safety)

2026-07-28T15:13:11Z

Popover: explicit border/margin/color declarations (stacked-stylesheet safety)

← Older revision		Revision as of 23:13, 28 July 2026
Line 470:		Line 470:
	'background:#fff;border:1px solid #0d0d0d;padding:0;' +		'background:#fff;border:1px solid #0d0d0d;padding:0;' +
	'box-shadow:0 2px 10px rgba(0,0,0,.15)}' +		'box-shadow:0 2px 10px rgba(0,0,0,.15)}' +
			// border:0/margin:0 and color:inherit are DECLARED, not omitted — an
⚫	'.fig-popover .fig-crop canvas{width:100%;height:auto;display:block}' +
			// omitted property lets a stale stacked stylesheet's rule survive
		⚫	'.fig-popover .fig-crop canvas{width:100%;height:auto;display:block;' +
			'border:0;margin:0}' +
	'.fig-popover .fig-crop{border-bottom:1px solid #ddd}' +		'.fig-popover .fig-crop{border-bottom:1px solid #ddd}' +
	'.fig-popover .fig-crop:empty{display:none;border-bottom:0}' +		'.fig-popover .fig-crop:empty{display:none;border-bottom:0}' +
Line 476:		Line 479:
	'line-height:1.45;padding:8px 10px 0}' +		'line-height:1.45;padding:8px 10px 0}' +
	'.fig-popover .fig-foot{display:flex;justify-content:space-between;' +		'.fig-popover .fig-foot{display:flex;justify-content:space-between;' +
	'font-size:var(--ed-small,14px);padding:6px 10px 10px}' +		'font-size:var(--ed-small,14px);padding:6px 10px 10px;' +
			'margin-top:0;color:inherit}' +
	// one explicit size for every bar item — name, page label, buttons —		// one explicit size for every bar item — name, page label, buttons —
	// so nothing inherits a divergent size from the surrounding skin		// so nothing inherits a divergent size from the surrounding skin

Wikilah admin: Popover: full-bleed crop, one-line middle-dot tags, --ed-small text, ink footer

2026-07-28T15:11:56Z

Popover: full-bleed crop, one-line middle-dot tags, --ed-small text, ink footer

← Older revision		Revision as of 23:11, 28 July 2026
Line 310:		Line 310:
	parts.push('chunk ' + entry.loc.chunk);		parts.push('chunk ' + entry.loc.chunk);
	}		}
			// one line, middle-dot separated ("Solvency II ratio (%) · FY24 · …")
	return parts.map(function (p) {
	return ~~'<div class="fig-tag">' + esc(p) + '</div>';~~		return parts.length
	}).join('');		? '<div class="fig-tags">' + parts.map(esc).join(' · ') + '</div>'
			: '';
	}		}

Line 463:		Line 464:
	'.fig-src:hover{text-decoration:underline;' +		'.fig-src:hover{text-decoration:underline;' +
	'text-decoration-color:' + coral + ';text-underline-offset:3px}' +		'text-decoration-color:' + coral + ';text-underline-offset:3px}' +
			// full-bleed crop: the popover's own ink border frames the image
			// (no inner padding/margins); only the text block below is inset.
			// All popover text follows the house small size, footer in page ink.
	'.fig-popover{position:absolute;z-index:200;width:420px;' +		'.fig-popover{position:absolute;z-index:200;width:420px;' +
	'background:#fff;border:1px solid #0d0d0d;padding:~~10px~~;' +		'background:#fff;border:1px solid #0d0d0d;padding:0;' +
	'box-shadow:0 2px 10px rgba(0,0,0,.15)}' +		'box-shadow:0 2px 10px rgba(0,0,0,.15)}' +
	'.fig-popover .fig-crop canvas{~~max-~~width:100%;display:block;' +		'.fig-popover .fig-crop canvas{width:100%;height:auto;display:block}' +
	'border:1px solid #ddd~~;margin-bottom:8px~~}' +		'.fig-popover .fig-crop{border-bottom:1px solid #ddd}' +
	'.fig-popover .fig-~~tag~~{~~font-size~~:~~13px~~;~~line~~-~~height~~:~~1.45~~}' +		'.fig-popover .fig-crop:empty{display:none;border-bottom:0}' +
			'.fig-popover .fig-tags{font-size:var(--ed-small,14px);' +
			'line-height:1.45;padding:8px 10px 0}' +
	'.fig-popover .fig-foot{display:flex;justify-content:space-between;' +		'.fig-popover .fig-foot{display:flex;justify-content:space-between;' +
	'~~margin-top:8px;~~font-size:~~12px~~;~~color~~:~~#555~~}' +		'font-size:var(--ed-small,14px);padding:6px 10px 10px}' +
	// one explicit size for every bar item — name, page label, buttons —		// one explicit size for every bar item — name, page label, buttons —
	// so nothing inherits a divergent size from the surrounding skin		// so nothing inherits a divergent size from the surrounding skin