component
EGY228M1CI20TCTRP-R
Public Made by Adomby adom
Man Yue Tech Aluminum Electrolytic Capacitors - Leaded, 插件,D12.5xL20mm. Polarised capacitor: the anode is not yet recorded on this page; see the maker's datasheet.
main
Ray
egy228m1ci20tctrp-r: viewers
8a26f00
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210
<!doctype html><html><head><meta charset="utf-8">
<title>CP_Radial_D12.5mm_P5.00mm - adom-footprint</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<style>
/* ── adom-footprint shared viewer core (CSS) ───────────────────────────────
Included VERBATIM by both the live app (app.html) and the static embed
(embed.html) so the canvas, zoom toolbar and layer-panel rows look identical
and cannot drift. Self-contained literal colours (no dependency on either
file's CSS vars). Class prefix: av- */
.av-vp{position:absolute;inset:0;overflow:hidden;cursor:grab;background:radial-gradient(circle at 50% 42%,#121a26 0%,#0d1117 72%)}
.av-vp.grab{cursor:grabbing}
/* DIRECT child only — the zoom-toolbar button icons (.av-tools svg) also live
inside .av-vp; without '>' they'd inherit position:absolute and stack at 0,0. */
.av-vp > svg{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:0 0;display:block}
/* zoom toolbar */
/* Grouped translucent toolbar (matches adom-symbol's .tools): one container, borderless
buttons that highlight on hover — instead of individually-boxed buttons. */
.av-tools{position:absolute;left:10px;top:10px;display:flex;gap:3px;padding:3px;z-index:5;background:rgba(22,27,34,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #222b38;border-radius:9px}
.av-tools button{width:30px;height:30px;border-radius:6px;border:none;background:transparent;color:#cfd8e2;cursor:pointer;display:grid;place-items:center;transition:background .15s ease,color .15s ease}
.av-tools button svg{width:16px;height:16px;display:block}
.av-tools button:hover{background:#222b38;color:#37c8a6}
.av-tools button:focus,.av-tools button:focus-visible{outline:none}
.av-panhint{position:absolute;right:10px;bottom:9px;color:#8b949e;font-size:11px;z-index:5;pointer-events:none;user-select:none;-webkit-user-select:none}
/* layer panel rows */
.av-lrow{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:8px;cursor:pointer}
.av-lrow:hover{background:#161c27}
.av-lrow .sw{width:13px;height:13px;border-radius:3px;border:1px solid rgba(255,255,255,.15);flex:0 0 13px}
.av-lrow .sw.ring{background:transparent!important}
.av-lrow .ln{flex:1;font-size:13px}
.av-lrow .meta{font-size:10px;color:#8b949e}
.av-lrow .chk{width:16px;height:16px;border-radius:4px;border:1.5px solid #3a4757;display:grid;place-items:center;color:#0b0f17;font-size:11px}
.av-lrow.on .chk{background:#37c8a6;border-color:#37c8a6}
.av-lrow.off .ln,.av-lrow.off .sw{opacity:.4}
.av-lrow.special{background:linear-gradient(100deg,rgba(55,200,166,.10),transparent);border:1px solid rgba(55,200,166,.25);margin-top:4px}
.av-lrow.special .ln{color:#7ef0d2;font-weight:600}
:root{--bg:#0d1117;--panel:#11161f;--border:#222b38;--text:#e6edf3;--muted:#8b949e;--accent:#37c8a6}
*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}
body{background:var(--bg);color:var(--text);font-family:'Satoshi','Segoe UI',system-ui,sans-serif;display:flex;flex-direction:column;overflow:hidden}
header{display:flex;align-items:center;gap:9px;padding:9px 14px;border-bottom:1px solid var(--border);flex:0 0 auto}
header .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}
header .b{font-weight:700;font-size:14px}header .b span{color:var(--muted);font-weight:400}
header .nm{margin-left:auto;font-weight:600;font-size:13px;color:#cfd8e2}
main{flex:1;display:flex;min-height:0}
.vpwrap{flex:1;position:relative;min-width:0}
aside{flex:0 0 248px;border-left:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;min-height:0}
aside .ah{padding:9px 12px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}
.layers{padding:6px}
.note{font-size:11px;color:var(--muted);line-height:1.45;padding:8px 11px}
.note b{color:#7ef0d2}
</style></head>
<body>
<header><span class="dot"></span><span class="b">adom-footprint <span>· interactive</span></span><span class="nm">CP_Radial_D12.5mm_P5.00mm</span></header>
<main>
<div class="vpwrap">
<div class="av-vp" id="vp">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-4.467 -6.650 13.617 13.300" preserveAspectRatio="xMidYMid meet"><g class="adom-layer-courtyard"><circle cx="2.5000" cy="0.0000" r="6.5000" stroke="#FF26E2" stroke-width="0.050" fill="none"/></g><g class="adom-layer-fab"><line x1="-2.8665" y1="-2.7375" x2="-1.6165" y2="-2.7375" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/><line x1="-2.2415" y1="-3.3625" x2="-2.2415" y2="-2.1125" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/><circle cx="2.5000" cy="0.0000" r="6.2500" stroke="#6e7681" stroke-width="0.100" fill="none"/></g><g class="adom-layer-copper"><g data-pad="1" data-shape="roundrect" data-size="2.400x2.400" data-mount="thru_hole"><rect x="-1.200" y="-1.200" width="2.400" height="2.400" rx="0.250" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="2" data-shape="circle" data-size="2.400x2.400" data-mount="thru_hole"><circle cx="5.000" cy="0.000" r="1.200" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g></g><g class="adom-layer-heatsink"></g><g class="adom-layer-drill"><circle cx="0.000" cy="0.000" r="0.600" fill="#0d1117" stroke="#666" stroke-width="0.05"/><circle cx="5.000" cy="0.000" r="0.600" fill="#0d1117" stroke="#666" stroke-width="0.05"/></g><g class="adom-layer-silk"><line x1="-4.3171" y1="-3.5750" x2="-3.0671" y2="-3.5750" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="-3.6921" y1="-4.2000" x2="-3.6921" y2="-2.9500" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="2.5000" y1="-6.3300" x2="2.5000" y2="6.3300" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="2.5400" y1="-6.3300" x2="2.5400" y2="6.3300" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="2.5800" y1="-6.3290" x2="2.5800" y2="6.3290" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="2.6200" y1="-6.3290" x2="2.6200" y2="6.3290" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="2.6600" y1="-6.3280" x2="2.6600" y2="6.3280" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="2.7000" y1="-6.3270" x2="2.7000" y2="6.3270" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="2.7400" y1="-6.3250" x2="2.7400" y2="6.3250" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="2.7800" y1="-6.3240" x2="2.7800" y2="6.3240" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="2.8200" y1="-6.3220" x2="2.8200" y2="6.3220" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="2.8600" y1="-6.3200" x2="2.8600" y2="6.3200" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="2.9000" y1="-6.3170" x2="2.9000" y2="6.3170" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="2.9400" y1="-6.3150" x2="2.9400" y2="6.3150" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="2.9800" y1="-6.3120" x2="2.9800" y2="6.3120" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.0200" y1="-6.3090" x2="3.0200" y2="6.3090" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.0600" y1="-6.3050" x2="3.0600" y2="6.3050" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.1000" y1="-6.3020" x2="3.1000" y2="6.3020" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.1400" y1="-6.2980" x2="3.1400" y2="6.2980" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.1800" y1="-6.2940" x2="3.1800" y2="6.2940" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.2200" y1="-6.2890" x2="3.2200" y2="6.2890" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.2600" y1="-6.2840" x2="3.2600" y2="6.2840" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.3000" y1="-6.2800" x2="3.3000" y2="6.2800" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.3400" y1="-6.2740" x2="3.3400" y2="6.2740" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.3800" y1="-6.2690" x2="3.3800" y2="6.2690" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.4200" y1="-6.2630" x2="3.4200" y2="6.2630" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.4600" y1="-6.2570" x2="3.4600" y2="6.2570" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.5000" y1="-6.2510" x2="3.5000" y2="6.2510" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.5400" y1="-6.2450" x2="3.5400" y2="6.2450" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.5800" y1="-6.2380" x2="3.5800" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.5800" y1="1.4400" x2="3.5800" y2="6.2380" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.6200" y1="-6.2310" x2="3.6200" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.6200" y1="1.4400" x2="3.6200" y2="6.2310" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.6600" y1="-6.2230" x2="3.6600" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.6600" y1="1.4400" x2="3.6600" y2="6.2230" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.7000" y1="-6.2160" x2="3.7000" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.7000" y1="1.4400" x2="3.7000" y2="6.2160" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.7400" y1="-6.2080" x2="3.7400" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.7400" y1="1.4400" x2="3.7400" y2="6.2080" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.7800" y1="-6.2000" x2="3.7800" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.7800" y1="1.4400" x2="3.7800" y2="6.2000" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.8200" y1="-6.1920" x2="3.8200" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.8200" y1="1.4400" x2="3.8200" y2="6.1920" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.8600" y1="-6.1830" x2="3.8600" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.8600" y1="1.4400" x2="3.8600" y2="6.1830" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.9000" y1="-6.1740" x2="3.9000" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.9000" y1="1.4400" x2="3.9000" y2="6.1740" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.9400" y1="-6.1650" x2="3.9400" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.9400" y1="1.4400" x2="3.9400" y2="6.1650" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.9800" y1="-6.1560" x2="3.9800" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.9800" y1="1.4400" x2="3.9800" y2="6.1560" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.0200" y1="-6.1460" x2="4.0200" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.0200" y1="1.4400" x2="4.0200" y2="6.1460" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.0600" y1="-6.1360" x2="4.0600" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.0600" y1="1.4400" x2="4.0600" y2="6.1360" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.1000" y1="-6.1260" x2="4.1000" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.1000" y1="1.4400" x2="4.1000" y2="6.1260" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.1400" y1="-6.1150" x2="4.1400" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.1400" y1="1.4400" x2="4.1400" y2="6.1150" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.1800" y1="-6.1040" x2="4.1800" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.1800" y1="1.4400" x2="4.1800" y2="6.1040" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.2200" y1="-6.0930" x2="4.2200" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.2200" y1="1.4400" x2="4.2200" y2="6.0930" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.2600" y1="-6.0820" x2="4.2600" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.2600" y1="1.4400" x2="4.2600" y2="6.0820" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.3000" y1="-6.0700" x2="4.3000" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.3000" y1="1.4400" x2="4.3000" y2="6.0700" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.3400" y1="-6.0580" x2="4.3400" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.3400" y1="1.4400" x2="4.3400" y2="6.0580" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.3800" y1="-6.0460" x2="4.3800" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.3800" y1="1.4400" x2="4.3800" y2="6.0460" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.4200" y1="-6.0340" x2="4.4200" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.4200" y1="1.4400" x2="4.4200" y2="6.0340" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.4600" y1="-6.0210" x2="4.4600" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.4600" y1="1.4400" x2="4.4600" y2="6.0210" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.5000" y1="-6.0080" x2="4.5000" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.5000" y1="1.4400" x2="4.5000" y2="6.0080" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.5400" y1="-5.9950" x2="4.5400" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.5400" y1="1.4400" x2="4.5400" y2="5.9950" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.5800" y1="-5.9810" x2="4.5800" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.5800" y1="1.4400" x2="4.5800" y2="5.9810" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.6200" y1="-5.9670" x2="4.6200" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.6200" y1="1.4400" x2="4.6200" y2="5.9670" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.6600" y1="-5.9530" x2="4.6600" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.6600" y1="1.4400" x2="4.6600" y2="5.9530" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.7000" y1="-5.9380" x2="4.7000" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.7000" y1="1.4400" x2="4.7000" y2="5.9380" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.7400" y1="-5.9230" x2="4.7400" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.7400" y1="1.4400" x2="4.7400" y2="5.9230" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.7800" y1="-5.9080" x2="4.7800" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.7800" y1="1.4400" x2="4.7800" y2="5.9080" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.8200" y1="-5.8920" x2="4.8200" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.8200" y1="1.4400" x2="4.8200" y2="5.8920" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.8600" y1="-5.8770" x2="4.8600" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.8600" y1="1.4400" x2="4.8600" y2="5.8770" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.9000" y1="-5.8610" x2="4.9000" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.9000" y1="1.4400" x2="4.9000" y2="5.8610" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.9400" y1="-5.8440" x2="4.9400" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.9400" y1="1.4400" x2="4.9400" y2="5.8440" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.9800" y1="-5.8270" x2="4.9800" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="4.9800" y1="1.4400" x2="4.9800" y2="5.8270" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.0200" y1="-5.8100" x2="5.0200" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.0200" y1="1.4400" x2="5.0200" y2="5.8100" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.0600" y1="-5.7930" x2="5.0600" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.0600" y1="1.4400" x2="5.0600" y2="5.7930" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.1000" y1="-5.7750" x2="5.1000" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.1000" y1="1.4400" x2="5.1000" y2="5.7750" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.1400" y1="-5.7570" x2="5.1400" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.1400" y1="1.4400" x2="5.1400" y2="5.7570" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.1800" y1="-5.7390" x2="5.1800" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.1800" y1="1.4400" x2="5.1800" y2="5.7390" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.2200" y1="-5.7200" x2="5.2200" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.2200" y1="1.4400" x2="5.2200" y2="5.7200" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.2600" y1="-5.7010" x2="5.2600" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.2600" y1="1.4400" x2="5.2600" y2="5.7010" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.3000" y1="-5.6820" x2="5.3000" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.3000" y1="1.4400" x2="5.3000" y2="5.6820" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.3400" y1="-5.6620" x2="5.3400" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.3400" y1="1.4400" x2="5.3400" y2="5.6620" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.3800" y1="-5.6420" x2="5.3800" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.3800" y1="1.4400" x2="5.3800" y2="5.6420" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.4200" y1="-5.6210" x2="5.4200" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.4200" y1="1.4400" x2="5.4200" y2="5.6210" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.4600" y1="-5.6010" x2="5.4600" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.4600" y1="1.4400" x2="5.4600" y2="5.6010" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.5000" y1="-5.5790" x2="5.5000" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.5000" y1="1.4400" x2="5.5000" y2="5.5790" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.5400" y1="-5.5580" x2="5.5400" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.5400" y1="1.4400" x2="5.5400" y2="5.5580" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.5800" y1="-5.5360" x2="5.5800" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.5800" y1="1.4400" x2="5.5800" y2="5.5360" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.6200" y1="-5.5140" x2="5.6200" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.6200" y1="1.4400" x2="5.6200" y2="5.5140" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.6600" y1="-5.4910" x2="5.6600" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.6600" y1="1.4400" x2="5.6600" y2="5.4910" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.7000" y1="-5.4680" x2="5.7000" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.7000" y1="1.4400" x2="5.7000" y2="5.4680" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.7400" y1="-5.4440" x2="5.7400" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.7400" y1="1.4400" x2="5.7400" y2="5.4440" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.7800" y1="-5.4210" x2="5.7800" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.7800" y1="1.4400" x2="5.7800" y2="5.4210" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.8200" y1="-5.3960" x2="5.8200" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.8200" y1="1.4400" x2="5.8200" y2="5.3960" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.8600" y1="-5.3720" x2="5.8600" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.8600" y1="1.4400" x2="5.8600" y2="5.3720" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.9000" y1="-5.3470" x2="5.9000" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.9000" y1="1.4400" x2="5.9000" y2="5.3470" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.9400" y1="-5.3210" x2="5.9400" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.9400" y1="1.4400" x2="5.9400" y2="5.3210" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.9800" y1="-5.2950" x2="5.9800" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="5.9800" y1="1.4400" x2="5.9800" y2="5.2950" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.0200" y1="-5.2690" x2="6.0200" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.0200" y1="1.4400" x2="6.0200" y2="5.2690" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.0600" y1="-5.2420" x2="6.0600" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.0600" y1="1.4400" x2="6.0600" y2="5.2420" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.1000" y1="-5.2150" x2="6.1000" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.1000" y1="1.4400" x2="6.1000" y2="5.2150" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.1400" y1="-5.1880" x2="6.1400" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.1400" y1="1.4400" x2="6.1400" y2="5.1880" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.1800" y1="-5.1590" x2="6.1800" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.1800" y1="1.4400" x2="6.1800" y2="5.1590" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.2200" y1="-5.1310" x2="6.2200" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.2200" y1="1.4400" x2="6.2200" y2="5.1310" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.2600" y1="-5.1020" x2="6.2600" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.2600" y1="1.4400" x2="6.2600" y2="5.1020" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.3000" y1="-5.0720" x2="6.3000" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.3000" y1="1.4400" x2="6.3000" y2="5.0720" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.3400" y1="-5.0420" x2="6.3400" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.3400" y1="1.4400" x2="6.3400" y2="5.0420" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.3800" y1="-5.0120" x2="6.3800" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.3800" y1="1.4400" x2="6.3800" y2="5.0120" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.4200" y1="-4.9810" x2="6.4200" y2="-1.4400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.4200" y1="1.4400" x2="6.4200" y2="4.9810" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.4600" y1="-4.9500" x2="6.4600" y2="4.9500" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.5000" y1="-4.9180" x2="6.5000" y2="4.9180" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.5400" y1="-4.8850" x2="6.5400" y2="4.8850" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.5800" y1="-4.8520" x2="6.5800" y2="4.8520" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.6200" y1="-4.8180" x2="6.6200" y2="4.8180" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.6600" y1="-4.7840" x2="6.6600" y2="4.7840" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.7000" y1="-4.7490" x2="6.7000" y2="4.7490" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.7400" y1="-4.7140" x2="6.7400" y2="4.7140" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.7800" y1="-4.6780" x2="6.7800" y2="4.6780" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.8200" y1="-4.6410" x2="6.8200" y2="4.6410" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.8600" y1="-4.6040" x2="6.8600" y2="4.6040" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.9000" y1="-4.5660" x2="6.9000" y2="4.5660" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.9400" y1="-4.5280" x2="6.9400" y2="4.5280" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="6.9800" y1="-4.4880" x2="6.9800" y2="4.4880" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.0200" y1="-4.4480" x2="7.0200" y2="4.4480" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.0600" y1="-4.4080" x2="7.0600" y2="4.4080" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.1000" y1="-4.3660" x2="7.1000" y2="4.3660" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.1400" y1="-4.3240" x2="7.1400" y2="4.3240" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.1800" y1="-4.2810" x2="7.1800" y2="4.2810" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.2200" y1="-4.2380" x2="7.2200" y2="4.2380" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.2600" y1="-4.1930" x2="7.2600" y2="4.1930" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.3000" y1="-4.1480" x2="7.3000" y2="4.1480" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.3400" y1="-4.1010" x2="7.3400" y2="4.1010" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.3800" y1="-4.0540" x2="7.3800" y2="4.0540" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.4200" y1="-4.0060" x2="7.4200" y2="4.0060" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.4600" y1="-3.9570" x2="7.4600" y2="3.9570" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.5000" y1="-3.9070" x2="7.5000" y2="3.9070" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.5400" y1="-3.8560" x2="7.5400" y2="3.8560" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.5800" y1="-3.8030" x2="7.5800" y2="3.8030" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.6200" y1="-3.7500" x2="7.6200" y2="3.7500" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.6600" y1="-3.6950" x2="7.6600" y2="3.6950" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.7000" y1="-3.6390" x2="7.7000" y2="3.6390" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.7400" y1="-3.5820" x2="7.7400" y2="3.5820" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.7800" y1="-3.5230" x2="7.7800" y2="3.5230" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.8200" y1="-3.4630" x2="7.8200" y2="3.4630" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.8600" y1="-3.4020" x2="7.8600" y2="3.4020" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.9000" y1="-3.3390" x2="7.9000" y2="3.3390" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.9400" y1="-3.2740" x2="7.9400" y2="3.2740" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="7.9800" y1="-3.2080" x2="7.9800" y2="3.2080" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.0200" y1="-3.1390" x2="8.0200" y2="3.1390" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.0600" y1="-3.0690" x2="8.0600" y2="3.0690" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.1000" y1="-2.9960" x2="8.1000" y2="2.9960" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.1400" y1="-2.9210" x2="8.1400" y2="2.9210" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.1800" y1="-2.8430" x2="8.1800" y2="2.8430" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.2200" y1="-2.7630" x2="8.2200" y2="2.7630" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.2600" y1="-2.6800" x2="8.2600" y2="2.6800" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.3000" y1="-2.5940" x2="8.3000" y2="2.5940" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.3400" y1="-2.5040" x2="8.3400" y2="2.5040" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.3800" y1="-2.4100" x2="8.3800" y2="2.4100" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.4200" y1="-2.3120" x2="8.4200" y2="2.3120" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.4600" y1="-2.2080" x2="8.4600" y2="2.2080" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.5000" y1="-2.0990" x2="8.5000" y2="2.0990" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.5400" y1="-1.9840" x2="8.5400" y2="1.9840" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.5800" y1="-1.8600" x2="8.5800" y2="1.8600" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.6200" y1="-1.7270" x2="8.6200" y2="1.7270" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.6600" y1="-1.5820" x2="8.6600" y2="1.5820" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.7000" y1="-1.4220" x2="8.7000" y2="1.4220" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.7400" y1="-1.2400" x2="8.7400" y2="1.2400" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.7800" y1="-1.0270" x2="8.7800" y2="1.0270" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.8200" y1="-0.7570" x2="8.8200" y2="0.7570" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="8.8600" y1="-0.3170" x2="8.8600" y2="0.3170" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><circle cx="2.5000" cy="0.0000" r="6.3700" stroke="#00cccc" stroke-width="0.120" fill="none"/></g><g class="adom-layer-padnum"><text x="0.000" y="0.000" text-anchor="middle" dominant-baseline="central" font-size="1.008" fill="#fff" font-family="sans-serif" style="pointer-events:none">1</text><text x="5.000" y="0.000" text-anchor="middle" dominant-baseline="central" font-size="1.008" fill="#fff" font-family="sans-serif" style="pointer-events:none">2</text></g><g class="adom-layer-paste-apertures"></g><g class="adom-layer-paste-dots"></g></svg>
</div>
</div>
<aside>
<div class="ah">Layers</div>
<div class="layers" id="layers"></div>
<div class="note">The <b>solder paste jet</b> layer shows the 300µm paste-dispensing dots that travel with the footprint. Off by default — toggle it on.</div>
</aside>
</main>
<script>/* ── adom-footprint shared viewer core (window.AV) ─────────────────────────
Single source of truth for the layer list, toggle behaviour, defaults,
pan/zoom and toolbar icons. Included VERBATIM by both app.html (live) and
embed.html (static) so the two viewers cannot drift. Pure client-side; works
on any SVG that carries the <g class="adom-layer-*"> groups. */
(function(){
var ICON_ZIN='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="10.5" cy="10.5" r="6.5"/><path d="M20 20l-4.5-4.5M10.5 8v5M8 10.5h5"/></svg>';
var ICON_ZOUT='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="10.5" cy="10.5" r="6.5"/><path d="M20 20l-4.5-4.5M8 10.5h5"/></svg>';
// Zoom-to-FIT = a magnifier with a small square inside (fit content to view).
// Deliberately NOT the four-corner expand/"fullscreen" glyph.
var ICON_FIT='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="10.5" cy="10.5" r="6.5"/><path d="M20 20l-4.5-4.5"/><rect x="7.6" y="7.6" width="5.8" height="5.8" rx="1.2"/></svg>';
// The canonical layer list. Every layer is a <g class="adom-layer-*"> in the
// self-rendered SVG, so toggling is group-based (robust) — never colour-match.
// `kind:'group'` on every entry: all layers are toggled by their <g> group
// (robust), never by colour-match. (app.html still reads def.kind.)
var LAYER_DEFS=[
{key:'copper', name:'Copper', kind:'group', sel:'.adom-layer-copper', sw:'#C83434'},
// Auto-generated thermal-via array under the exposed pad — only present (and
// listed) when the footprint has an exposed thermal pad.
{key:'heatsink', name:'Heatsink vias', kind:'group', sel:'.adom-layer-heatsink', sw:'#e8a13a'},
{key:'padnum', name:'Pad numbers', kind:'group', sel:'.adom-layer-padnum', sw:'#ffffff', ring:true},
{key:'silk', name:'Silkscreen', kind:'group', sel:'.adom-layer-silk', sw:'#00cccc'},
{key:'fab', name:'Fab (F.Fab)', kind:'group', sel:'.adom-layer-fab', sw:'#6e7681', ring:true},
{key:'courtyard', name:'Courtyard', kind:'group', sel:'.adom-layer-courtyard', sw:'#FF26E2', ring:true},
{key:'drill', name:'Drill', kind:'group', sel:'.adom-layer-drill', sw:'#888888', ring:true},
{key:'paste-ap', name:'Paste apertures', kind:'group', sel:'.adom-layer-paste-apertures', sw:'#8aa0b8', ring:true},
// Generic name — the 300µm solder-paste dispensing dots. Off by default.
{key:'paste-dots',name:'Solder paste jet', kind:'group', sel:'.adom-layer-paste-dots', sw:'#37c8a6', special:true},
];
// True only if the group actually holds drawn geometry (not an empty <g>) — so
// layers with nothing in THIS footprint aren't listed as dead, dim rows.
function groupHasGeo(svg,def){
if(!svg) return false; var n=0,g=svg.querySelectorAll(def.sel);
for(var i=0;i<g.length;i++){ n+=g[i].querySelectorAll('path,rect,circle,line,polygon,polyline,text').length; }
return n>0;
}
function layerPresent(svg,def){ return groupHasGeo(svg,def); }
function applyLayer(svg,def,on){
if(!svg) return; var g=svg.querySelectorAll(def.sel);
for(var i=0;i<g.length;i++) g[i].style.display=on?'':'none';
}
// Build layer rows into a container. opts:
// svg, container, state {key:bool}, meta {pasteDots,pasteApertures},
// onToggle(key,on). Missing state key -> special OFF, others ON. Skips empty
// non-special groups. Returns the keys actually shown.
function buildLayers(opts){
var svg=opts.svg, box=opts.container, state=opts.state||{}, meta=opts.meta||{}, shown=[];
box.innerHTML='';
LAYER_DEFS.forEach(function(def){
if(!def.special && !groupHasGeo(svg,def)) return;
var on = def.special ? (state[def.key]===true) : (state[def.key]!==false);
var m = def.key==='paste-dots' ? ((meta.pasteDots||0)+' @ 300µm')
: def.key==='paste-ap' ? ((meta.pasteApertures||0)+' openings') : '';
var row=document.createElement('div');
row.className='av-lrow '+(on?'on':'off')+(def.special?' special':'');
row.innerHTML='<span class="sw'+(def.ring?' ring':'')+'" style="'+(def.ring?('border-color:'+def.sw):('background:'+def.sw))+'"></span>'
+'<span class="ln">'+def.name+'</span>'+(m?'<span class="meta">'+m+'</span>':'')
+'<span class="chk">'+(on?'✓':'')+'</span>';
row.onclick=function(){
var nv=!row.classList.contains('on');
row.classList.toggle('on',nv); row.classList.toggle('off',!nv);
row.querySelector('.chk').textContent=nv?'✓':'';
state[def.key]=nv; applyLayer(svg,def,nv);
if(opts.onToggle) opts.onToggle(def.key,nv);
};
box.appendChild(row); applyLayer(svg,def,on); shown.push(def.key);
});
return shown;
}
// Wire pan + zoom on a viewport element (the box that contains the <svg>).
// Returns a controller {fit, zoomIn, zoomOut, apply}.
function initViewport(vp){
var svg=vp.querySelector('svg');
if(svg){ svg.removeAttribute('width'); svg.removeAttribute('height'); }
var s=1,tx=0,ty=0;
function apply(){ var el=vp.querySelector('svg'); if(el) el.style.transform='translate('+tx+'px,'+ty+'px) scale('+s+')'; }
function zoomAt(cx,cy,f){ tx=cx-(cx-tx)*f; ty=cy-(cy-ty)*f; s*=f; apply(); }
function fit(){ s=1;tx=0;ty=0;apply(); }
// Smooth, delta-PROPORTIONAL zoom (matches adom-symbol). A fixed per-event
// factor makes the trackpad leap — one gentle two-finger nudge fires a burst
// of tiny wheel events and a fixed 1.12× compounds. Instead derive the factor
// from how much actually scrolled (exp → smooth + reversible), normalise
// device units, and clamp one event so a chunky mouse notch can't jump.
var ZOOM_K=0.0022; // sensitivity: lower = gentler
vp.addEventListener('wheel',function(e){
e.preventDefault();
var d=e.deltaY;
if(e.deltaMode===1) d*=16; else if(e.deltaMode===2) d*=vp.clientHeight;
d=Math.max(-50,Math.min(50,d));
var r=vp.getBoundingClientRect();
zoomAt(e.clientX-r.left,e.clientY-r.top,Math.exp(-d*ZOOM_K));
},{passive:false});
var drag=false,lx=0,ly=0;
vp.addEventListener('pointerdown',function(e){ if(e.target.closest('.av-tools'))return; drag=true;lx=e.clientX;ly=e.clientY;vp.classList.add('grab');vp.setPointerCapture(e.pointerId); });
vp.addEventListener('pointermove',function(e){ if(!drag)return; tx+=e.clientX-lx;ty+=e.clientY-ly;lx=e.clientX;ly=e.clientY;apply(); });
vp.addEventListener('pointerup',function(){ drag=false;vp.classList.remove('grab'); });
fit();
return {
fit:fit,
zoomIn:function(){ var r=vp.getBoundingClientRect(); zoomAt(r.width/2,r.height/2,1.2); },
zoomOut:function(){ var r=vp.getBoundingClientRect(); zoomAt(r.width/2,r.height/2,1/1.2); },
apply:apply
};
}
// Inject the standard zoom toolbar (+ / − / fit) + pan hint into a viewport,
// wired to a controller from initViewport. Idempotent.
function addToolbar(vp,ctl){
if(vp.querySelector('.av-tools')) return;
var t=document.createElement('div'); t.className='av-tools';
t.innerHTML='<button data-z="in" title="Zoom in">'+ICON_ZIN+'</button>'
+'<button data-z="out" title="Zoom out">'+ICON_ZOUT+'</button>'
+'<button data-z="fit" title="Zoom to fit">'+ICON_FIT+'</button>';
vp.appendChild(t);
t.querySelector('[data-z="in"]').onclick=ctl.zoomIn;
t.querySelector('[data-z="out"]').onclick=ctl.zoomOut;
t.querySelector('[data-z="fit"]').onclick=ctl.fit;
var h=document.createElement('div'); h.className='av-panhint'; h.textContent='drag to pan · scroll to zoom'; vp.appendChild(h);
}
window.AV={
LAYER_DEFS:LAYER_DEFS, groupHasGeo:groupHasGeo, layerPresent:layerPresent,
applyLayer:applyLayer, buildLayers:buildLayers, initViewport:initViewport,
addToolbar:addToolbar, ICON_FIT:ICON_FIT, ICON_ZIN:ICON_ZIN, ICON_ZOUT:ICON_ZOUT
};
})();
</script>
<script>
var META={"pasteApertures":0,"pasteDots":0};
(function(){
var vp=document.getElementById('vp');
var svg=vp.querySelector('svg');
var ctl=AV.initViewport(vp);
AV.addToolbar(vp,ctl);
AV.buildLayers({ svg:svg, container:document.getElementById('layers'), state:{}, meta:META });
})();
</script>
</body></html>