hardware
1 A Low-Dropout Regulator UMW - AMS1117
Public Made by Adomby adom
UMW / Youtai Semiconductor AMS1117 - second-source three-terminal 1 A low-dropout linear regulator. Fixed 1.2/1.5/1.8/2.5/3.3/5.0 V or adjustable, in SOT-223-3L, TO-252-2L and SOT-89-3L.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667
<!doctype html><html lang="en"><head><meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"><title>AMS1117 footprint</title>
<style>
:root{color-scheme:light dark}
html,body{margin:0;height:100%;background:transparent;font-family:Satoshi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.wrap{position:relative;width:100%;height:100%;min-height:500px}
.switch{position:absolute;right:12px;bottom:12px;z-index:10;display:inline-flex;padding:3px;border-radius:10px;
background:rgba(28,33,40,.78);backdrop-filter:blur(6px);box-shadow:0 1px 4px rgba(0,0,0,.35)}
.switch button{appearance:none;border:0;cursor:pointer;font:inherit;font-size:12.5px;font-weight:600;
padding:8px 14px;border-radius:8px;color:#c9d1d9;background:transparent;white-space:nowrap;
font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;transition:background .15s,color .15s}
.switch button[aria-selected="true"]{background:#00b8b1;color:#05221f}
.frames{position:absolute;inset:0}
.frames iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent}
.frames iframe[hidden]{display:none}
</style></head><body>
<div class="wrap">
<div class="frames">
<iframe id="sot223" title="AMS1117 SOT-223 footprint" srcdoc="<!doctype html><html><head><meta charset="utf-8">
<title>AMS1117_SOT-223 - 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">AMS1117_SOT-223</span></header>
<main>
<div class="vpwrap">
<div class="av-vp" id="vp">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-5.300 -4.200 10.600 8.400" preserveAspectRatio="xMidYMid meet"><g class="adom-layer-courtyard"><line x1="-4.4000" y1="-3.6000" x2="-4.4000" y2="3.6000" stroke="#FF26E2" stroke-width="0.050" stroke-linecap="round" fill="none"/><line x1="-4.4000" y1="3.6000" x2="4.4000" y2="3.6000" stroke="#FF26E2" stroke-width="0.050" stroke-linecap="round" fill="none"/><line x1="4.4000" y1="-3.6000" x2="-4.4000" y2="-3.6000" stroke="#FF26E2" stroke-width="0.050" stroke-linecap="round" fill="none"/><line x1="4.4000" y1="3.6000" x2="4.4000" y2="-3.6000" stroke="#FF26E2" stroke-width="0.050" stroke-linecap="round" fill="none"/></g><g class="adom-layer-fab"><line x1="-1.8500" y1="-2.3500" x2="-1.8500" y2="3.3500" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/><line x1="-1.8500" y1="-2.3500" x2="-0.8500" y2="-3.3500" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/><line x1="-1.8500" y1="3.3500" x2="1.8500" y2="3.3500" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/><line x1="-0.8500" y1="-3.3500" x2="1.8500" y2="-3.3500" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/><line x1="1.8500" y1="-3.3500" x2="1.8500" y2="3.3500" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/></g><g class="adom-layer-copper"><g data-pad="1" data-shape="roundrect" data-size="2.000x1.500" data-mount="smd"><rect x="-4.150" y="-3.050" width="2.000" height="1.500" rx="0.375" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="2" data-shape="roundrect" data-size="2.000x1.500" data-mount="smd"><rect x="-4.150" y="-0.750" width="2.000" height="1.500" rx="0.375" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="2" data-shape="roundrect" data-size="2.000x3.800" data-mount="smd"><rect x="2.150" y="-1.900" width="2.000" height="3.800" rx="0.500" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="3" data-shape="roundrect" data-size="2.000x1.500" data-mount="smd"><rect x="-4.150" y="1.550" width="2.000" height="1.500" rx="0.375" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g></g><g class="adom-layer-heatsink"></g><g class="adom-layer-drill"></g><g class="adom-layer-silk"><line x1="-1.8500" y1="-3.4100" x2="1.9100" y2="-3.4100" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="-1.8500" y1="3.4100" x2="1.9100" y2="3.4100" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="1.9100" y1="-3.4100" x2="1.9100" y2="-2.1500" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="1.9100" y1="3.4100" x2="1.9100" y2="2.1500" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><polygon points="-3.1300,-3.3100 -3.3700,-3.6400 -2.8900,-3.6400 -3.1300,-3.3100" stroke="#00cccc" stroke-width="0.120" fill="#00cccc"/></g><g class="adom-layer-padnum"><text x="-3.150" y="-2.300" text-anchor="middle" dominant-baseline="central" font-size="0.630" fill="#fff" font-family="sans-serif" style="pointer-events:none">1</text><text x="-3.150" y="0.000" text-anchor="middle" dominant-baseline="central" font-size="0.630" fill="#fff" font-family="sans-serif" style="pointer-events:none">2</text><text x="3.150" y="0.000" text-anchor="middle" dominant-baseline="central" font-size="0.840" fill="#fff" font-family="sans-serif" style="pointer-events:none">2</text><text x="-3.150" y="2.300" text-anchor="middle" dominant-baseline="central" font-size="0.630" fill="#fff" font-family="sans-serif" style="pointer-events:none">3</text></g><g class="adom-layer-paste-apertures"><rect x="-4.150" y="-3.050" width="2.000" height="1.500" rx="0.05" transform="rotate(0.00 -3.150 -2.300)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-4.150" y="-0.750" width="2.000" height="1.500" rx="0.05" transform="rotate(0.00 -3.150 0.000)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="2.150" y="-1.900" width="2.000" height="3.800" rx="0.05" transform="rotate(0.00 3.150 0.000)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-4.150" y="1.550" width="2.000" height="1.500" rx="0.05" transform="rotate(0.00 -3.150 2.300)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/></g><g class="adom-layer-paste-dots"><circle cx="-3.900" cy="-2.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.900" cy="-2.550" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.900" cy="-2.300" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.900" cy="-2.050" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.900" cy="-1.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.650" cy="-2.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.650" cy="-2.550" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.650" cy="-2.300" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.650" cy="-2.050" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.650" cy="-1.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.400" cy="-2.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.400" cy="-2.550" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.400" cy="-2.300" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.400" cy="-2.050" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.400" cy="-1.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.150" cy="-2.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.150" cy="-2.550" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.150" cy="-2.300" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.150" cy="-2.050" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.150" cy="-1.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.900" cy="-2.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.900" cy="-2.550" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.900" cy="-2.300" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.900" cy="-2.050" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.900" cy="-1.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.650" cy="-2.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.650" cy="-2.550" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.650" cy="-2.300" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.650" cy="-2.050" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.650" cy="-1.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.400" cy="-2.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.400" cy="-2.550" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.400" cy="-2.300" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.400" cy="-2.050" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.400" cy="-1.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.900" cy="-0.500" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.900" cy="-0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.900" cy="0.000" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.900" cy="0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.900" cy="0.500" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.650" cy="-0.500" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.650" cy="-0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.650" cy="0.000" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.650" cy="0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.650" cy="0.500" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.400" cy="-0.500" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.400" cy="-0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.400" cy="0.000" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.400" cy="0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.400" cy="0.500" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.150" cy="-0.500" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.150" cy="-0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.150" cy="0.000" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.150" cy="0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.150" cy="0.500" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.900" cy="-0.500" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.900" cy="-0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.900" cy="0.000" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.900" cy="0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.900" cy="0.500" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.650" cy="-0.500" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.650" cy="-0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.650" cy="0.000" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.650" cy="0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.650" cy="0.500" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.400" cy="-0.500" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.400" cy="-0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.400" cy="0.000" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.400" cy="0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.400" cy="0.500" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.400" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.400" cy="-1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.400" cy="-1.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.400" cy="-0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.400" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.400" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.400" cy="-0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.400" cy="0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.400" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.400" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.400" cy="0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.400" cy="1.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.400" cy="1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.400" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.650" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.650" cy="-1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.650" cy="-1.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.650" cy="-0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.650" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.650" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.650" cy="-0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.650" cy="0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.650" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.650" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.650" cy="0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.650" cy="1.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.650" cy="1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.650" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.900" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.900" cy="-1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.900" cy="-1.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.900" cy="-0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.900" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.900" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.900" cy="-0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.900" cy="0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.900" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.900" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.900" cy="0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.900" cy="1.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.900" cy="1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.900" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.150" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.150" cy="-1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.150" cy="-1.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.150" cy="-0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.150" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.150" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.150" cy="-0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.150" cy="0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.150" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.150" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.150" cy="0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.150" cy="1.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.150" cy="1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.150" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.400" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.400" cy="-1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.400" cy="-1.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.400" cy="-0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.400" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.400" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.400" cy="-0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.400" cy="0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.400" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.400" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.400" cy="0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.400" cy="1.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.400" cy="1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.400" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.650" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.650" cy="-1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.650" cy="-1.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.650" cy="-0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.650" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.650" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.650" cy="-0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.650" cy="0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.650" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.650" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.650" cy="0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.650" cy="1.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.650" cy="1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.650" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.900" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.900" cy="-1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.900" cy="-1.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.900" cy="-0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.900" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.900" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.900" cy="-0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.900" cy="0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.900" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.900" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.900" cy="0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.900" cy="1.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.900" cy="1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.900" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.900" cy="1.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.900" cy="2.050" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.900" cy="2.300" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.900" cy="2.550" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.900" cy="2.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.650" cy="1.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.650" cy="2.050" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.650" cy="2.300" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.650" cy="2.550" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.650" cy="2.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.400" cy="1.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.400" cy="2.050" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.400" cy="2.300" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.400" cy="2.550" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.400" cy="2.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.150" cy="1.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.150" cy="2.050" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.150" cy="2.300" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.150" cy="2.550" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.150" cy="2.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.900" cy="1.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.900" cy="2.050" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.900" cy="2.300" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.900" cy="2.550" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.900" cy="2.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.650" cy="1.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.650" cy="2.050" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.650" cy="2.300" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.650" cy="2.550" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.650" cy="2.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.400" cy="1.800" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.400" cy="2.050" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.400" cy="2.300" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.400" cy="2.550" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.400" cy="2.800" r="0.150" fill="#37c8a6" opacity="0.92"/></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":4,"pasteDots":203};
(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>
"></iframe>
<iframe id="to252" title="AMS1117 TO-252 footprint" srcdoc="<!doctype html><html><head><meta charset="utf-8">
<title>AMS1117_TO-252 - 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">AMS1117_TO-252</span></header>
<main>
<div class="vpwrap">
<div class="av-vp" id="vp">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-7.290 -4.050 12.900 8.100" preserveAspectRatio="xMidYMid meet"><g class="adom-layer-courtyard"><rect x="-6.3900" y="-3.5000" width="11.1000" height="7.0000" stroke="#FF26E2" stroke-width="0.050" fill="none"/></g><g class="adom-layer-fab"><line x1="-5.8100" y1="-2.6550" x2="-5.8100" y2="-1.9050" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/><line x1="-5.8100" y1="-1.9050" x2="-3.1100" y2="-1.9050" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/><line x1="-5.8100" y1="-0.3750" x2="-5.8100" y2="0.3750" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/><line x1="-5.8100" y1="0.3750" x2="-3.1100" y2="0.3750" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/><line x1="-5.8100" y1="1.9050" x2="-5.8100" y2="2.6550" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/><line x1="-5.8100" y1="2.6550" x2="-3.1100" y2="2.6550" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/><line x1="-3.1100" y1="-0.3750" x2="-5.8100" y2="-0.3750" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/><line x1="-3.1100" y1="1.9050" x2="-5.8100" y2="1.9050" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/><line x1="-2.7050" y1="-2.6550" x2="-5.8100" y2="-2.6550" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/><line x1="3.1100" y1="-2.7000" x2="4.1100" y2="-2.7000" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/><line x1="4.1100" y1="-2.7000" x2="4.1100" y2="2.7000" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/><line x1="4.1100" y1="2.7000" x2="3.1100" y2="2.7000" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/><polygon points="3.1100,-3.2500 3.1100,3.2500 -3.1100,3.2500 -3.1100,-2.2500 -2.1100,-3.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.200x1.200" data-mount="smd"><rect x="-6.140" y="-2.880" width="2.200" height="1.200" rx="0.250" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="2" data-shape="roundrect" data-size="2.200x1.200" data-mount="smd"><rect x="-6.140" y="-0.600" width="2.200" height="1.200" rx="0.250" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="2" data-shape="roundrect" data-size="6.400x5.800" data-mount="smd"><rect x="-1.940" y="-2.900" width="6.400" height="5.800" rx="0.250" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="3" data-shape="roundrect" data-size="2.200x1.200" data-mount="smd"><rect x="-6.140" y="1.680" width="2.200" height="1.200" rx="0.250" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g></g><g class="adom-layer-heatsink"><circle cx="-1.140" cy="-2.400" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="-1.140" cy="-2.400" r="0.15" fill="#0d1117"/><circle cx="0.060" cy="-2.400" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="0.060" cy="-2.400" r="0.15" fill="#0d1117"/><circle cx="1.260" cy="-2.400" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="1.260" cy="-2.400" r="0.15" fill="#0d1117"/><circle cx="2.460" cy="-2.400" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="2.460" cy="-2.400" r="0.15" fill="#0d1117"/><circle cx="3.660" cy="-2.400" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="3.660" cy="-2.400" r="0.15" fill="#0d1117"/><circle cx="-1.140" cy="-1.200" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="-1.140" cy="-1.200" r="0.15" fill="#0d1117"/><circle cx="0.060" cy="-1.200" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="0.060" cy="-1.200" r="0.15" fill="#0d1117"/><circle cx="1.260" cy="-1.200" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="1.260" cy="-1.200" r="0.15" fill="#0d1117"/><circle cx="2.460" cy="-1.200" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="2.460" cy="-1.200" r="0.15" fill="#0d1117"/><circle cx="3.660" cy="-1.200" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="3.660" cy="-1.200" r="0.15" fill="#0d1117"/><circle cx="-1.140" cy="0.000" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="-1.140" cy="0.000" r="0.15" fill="#0d1117"/><circle cx="0.060" cy="0.000" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="0.060" cy="0.000" r="0.15" fill="#0d1117"/><circle cx="1.260" cy="0.000" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="1.260" cy="0.000" r="0.15" fill="#0d1117"/><circle cx="2.460" cy="0.000" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="2.460" cy="0.000" r="0.15" fill="#0d1117"/><circle cx="3.660" cy="0.000" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="3.660" cy="0.000" r="0.15" fill="#0d1117"/><circle cx="-1.140" cy="1.200" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="-1.140" cy="1.200" r="0.15" fill="#0d1117"/><circle cx="0.060" cy="1.200" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="0.060" cy="1.200" r="0.15" fill="#0d1117"/><circle cx="1.260" cy="1.200" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="1.260" cy="1.200" r="0.15" fill="#0d1117"/><circle cx="2.460" cy="1.200" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="2.460" cy="1.200" r="0.15" fill="#0d1117"/><circle cx="3.660" cy="1.200" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="3.660" cy="1.200" r="0.15" fill="#0d1117"/><circle cx="-1.140" cy="2.400" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="-1.140" cy="2.400" r="0.15" fill="#0d1117"/><circle cx="0.060" cy="2.400" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="0.060" cy="2.400" r="0.15" fill="#0d1117"/><circle cx="1.260" cy="2.400" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="1.260" cy="2.400" r="0.15" fill="#0d1117"/><circle cx="2.460" cy="2.400" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="2.460" cy="2.400" r="0.15" fill="#0d1117"/><circle cx="3.660" cy="2.400" r="0.30" fill="#8a5a2b" stroke="#e8a13a" stroke-width="0.05"/><circle cx="3.660" cy="2.400" r="0.15" fill="#0d1117"/></g><g class="adom-layer-drill"></g><g class="adom-layer-silk"><line x1="-3.3100" y1="-3.4500" x2="-3.3100" y2="-3.1800" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="-3.3100" y1="3.4500" x2="-3.3100" y2="3.1800" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.1100" y1="-3.4500" x2="-3.3100" y2="-3.4500" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="3.1100" y1="3.4500" x2="-3.3100" y2="3.4500" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><polygon points="-5.0400,-3.1400 -5.3800,-3.6100 -4.7000,-3.6100" stroke="#00cccc" stroke-width="0.120" fill="#00cccc"/></g><g class="adom-layer-padnum"><text x="-5.040" y="-2.280" text-anchor="middle" dominant-baseline="central" font-size="0.504" fill="#fff" font-family="sans-serif" style="pointer-events:none">1</text><text x="-5.040" y="0.000" text-anchor="middle" dominant-baseline="central" font-size="0.504" fill="#fff" font-family="sans-serif" style="pointer-events:none">2</text><text x="1.260" y="0.000" text-anchor="middle" dominant-baseline="central" font-size="2.436" fill="#fff" font-family="sans-serif" style="pointer-events:none">2</text><text x="-5.040" y="2.280" text-anchor="middle" dominant-baseline="central" font-size="0.504" fill="#fff" font-family="sans-serif" style="pointer-events:none">3</text></g><g class="adom-layer-paste-apertures"><rect x="-1.940" y="-2.900" width="3.050" height="2.750" rx="0.05" transform="rotate(0.00 -0.415 -1.525)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-1.940" y="0.150" width="3.050" height="2.750" rx="0.05" transform="rotate(0.00 -0.415 1.525)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="1.410" y="-2.900" width="3.050" height="2.750" rx="0.05" transform="rotate(0.00 2.935 -1.525)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="1.410" y="0.150" width="3.050" height="2.750" rx="0.05" transform="rotate(0.00 2.935 1.525)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-6.140" y="-2.880" width="2.200" height="1.200" rx="0.05" transform="rotate(0.00 -5.040 -2.280)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-6.140" y="-0.600" width="2.200" height="1.200" rx="0.05" transform="rotate(0.00 -5.040 0.000)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-1.940" y="-2.900" width="6.400" height="5.800" rx="0.05" transform="rotate(0.00 1.260 0.000)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-6.140" y="1.680" width="2.200" height="1.200" rx="0.05" transform="rotate(0.00 -5.040 2.280)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/></g><g class="adom-layer-paste-dots"><circle cx="-1.665" cy="-2.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.665" cy="-2.150" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.665" cy="-1.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.665" cy="-1.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.665" cy="-1.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.665" cy="-0.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.665" cy="-0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.665" cy="-0.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.415" cy="-1.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.415" cy="-0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.165" cy="-0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.915" cy="-0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.665" cy="-1.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.665" cy="-1.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.665" cy="-0.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.665" cy="-0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.665" cy="-0.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.415" cy="-1.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.415" cy="-1.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.415" cy="-0.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.415" cy="-0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.415" cy="-0.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.165" cy="-0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.085" cy="-0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.335" cy="-1.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.335" cy="-0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.585" cy="-2.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.585" cy="-2.150" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.585" cy="-1.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.585" cy="-1.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.585" cy="-1.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.585" cy="-0.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.585" cy="-0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.585" cy="-0.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.835" cy="-1.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.835" cy="-1.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.835" cy="-0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.835" cy="-0.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.665" cy="0.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.665" cy="0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.665" cy="0.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.665" cy="1.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.665" cy="1.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.665" cy="1.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.665" cy="2.150" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.665" cy="2.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.415" cy="0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.415" cy="1.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.165" cy="0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.915" cy="0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.665" cy="0.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.665" cy="0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.665" cy="0.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.665" cy="1.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.665" cy="1.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.415" cy="0.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.415" cy="0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.415" cy="0.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.415" cy="1.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.415" cy="1.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.165" cy="0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.085" cy="0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.335" cy="0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.335" cy="1.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.585" cy="0.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.585" cy="0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.585" cy="0.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.585" cy="1.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.585" cy="1.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.585" cy="1.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.585" cy="2.150" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.585" cy="2.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.835" cy="0.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.835" cy="0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.835" cy="1.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.835" cy="1.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.685" cy="-1.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.685" cy="-1.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.685" cy="-0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.685" cy="-0.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.935" cy="-2.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.935" cy="-2.150" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.935" cy="-1.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.935" cy="-1.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.935" cy="-1.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.935" cy="-0.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.935" cy="-0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.935" cy="-0.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.185" cy="-1.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.185" cy="-0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.435" cy="-0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.685" cy="-0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.935" cy="-1.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.935" cy="-1.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.935" cy="-0.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.935" cy="-0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.935" cy="-0.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.185" cy="-1.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.185" cy="-1.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.185" cy="-0.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.185" cy="-0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.185" cy="-0.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.435" cy="-0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.685" cy="-0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.935" cy="-1.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.935" cy="-0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="4.185" cy="-2.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="4.185" cy="-2.150" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="4.185" cy="-1.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="4.185" cy="-1.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="4.185" cy="-1.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="4.185" cy="-0.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="4.185" cy="-0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="4.185" cy="-0.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.685" cy="0.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.685" cy="0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.685" cy="1.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.685" cy="1.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.935" cy="0.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.935" cy="0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.935" cy="0.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.935" cy="1.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.935" cy="1.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.935" cy="1.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.935" cy="2.150" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.935" cy="2.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.185" cy="0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.185" cy="1.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.435" cy="0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.685" cy="0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.935" cy="0.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.935" cy="0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.935" cy="0.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.935" cy="1.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.935" cy="1.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.185" cy="0.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.185" cy="0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.185" cy="0.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.185" cy="1.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.185" cy="1.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.435" cy="0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.685" cy="0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.935" cy="0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.935" cy="1.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="4.185" cy="0.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="4.185" cy="0.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="4.185" cy="0.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="4.185" cy="1.400" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="4.185" cy="1.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="4.185" cy="1.900" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="4.185" cy="2.150" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="4.185" cy="2.650" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.915" cy="-2.655" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.915" cy="-2.405" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.915" cy="-2.155" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.915" cy="-1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.665" cy="-2.655" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.665" cy="-2.405" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.665" cy="-2.155" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.665" cy="-1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.415" cy="-2.655" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.415" cy="-2.405" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.415" cy="-2.155" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.415" cy="-1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.165" cy="-2.655" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.165" cy="-2.405" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.165" cy="-2.155" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.165" cy="-1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.915" cy="-2.655" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.915" cy="-2.405" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.915" cy="-2.155" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.915" cy="-1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.665" cy="-2.655" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.665" cy="-2.405" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.665" cy="-2.155" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.665" cy="-1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.415" cy="-2.655" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.415" cy="-2.405" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.415" cy="-2.155" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.415" cy="-1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.165" cy="-2.655" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.165" cy="-2.405" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.165" cy="-2.155" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.165" cy="-1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.915" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.915" cy="-0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.915" cy="0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.915" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.665" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.665" cy="-0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.665" cy="0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.665" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.415" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.415" cy="-0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.415" cy="0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.415" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.165" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.165" cy="-0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.165" cy="0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.165" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.915" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.915" cy="-0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.915" cy="0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.915" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.665" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.665" cy="-0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.665" cy="0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.665" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.415" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.415" cy="-0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.415" cy="0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.415" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.165" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.165" cy="-0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.165" cy="0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.165" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.615" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.615" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.615" cy="-0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.615" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.615" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.615" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.615" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.615" cy="0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.615" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.615" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.365" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.365" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.365" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.365" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.115" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.115" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.865" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.865" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.865" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.865" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.615" cy="-2.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.615" cy="-2.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.615" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.615" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.615" cy="-1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.615" cy="-0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.615" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.615" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.615" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.615" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.615" cy="0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.615" cy="1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.615" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.615" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.615" cy="2.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.615" cy="2.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.365" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.365" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.365" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.365" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.365" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.365" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.365" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.365" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.115" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.115" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.115" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.115" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.135" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.135" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.385" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.385" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.385" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.385" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.635" cy="-2.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.635" cy="-2.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.635" cy="-2.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.635" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.635" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.635" cy="-1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.635" cy="-1.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.635" cy="-0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.635" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.635" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.635" cy="-0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.635" cy="0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.635" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.635" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.635" cy="0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.635" cy="1.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.635" cy="1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.635" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.635" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.635" cy="2.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.635" cy="2.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.635" cy="2.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.885" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.885" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.885" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.885" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.885" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.885" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.135" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.135" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.385" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.385" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.635" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.635" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.635" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.635" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.635" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.635" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.885" cy="-2.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.885" cy="-2.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.885" cy="-2.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.885" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.885" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.885" cy="-1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.885" cy="-1.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.885" cy="-0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.885" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.885" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.885" cy="-0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.885" cy="0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.885" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.885" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.885" cy="0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.885" cy="1.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.885" cy="1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.885" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.885" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.885" cy="2.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.885" cy="2.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.885" cy="2.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.135" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.135" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.135" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.135" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.385" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.385" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.635" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.635" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.635" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.635" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.885" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.885" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.885" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.885" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.885" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.885" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.885" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.885" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.135" cy="-2.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.135" cy="-2.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.135" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.135" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.135" cy="-1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.135" cy="-0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.135" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.135" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.135" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.135" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.135" cy="0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.135" cy="1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.135" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.135" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.135" cy="2.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.135" cy="2.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.385" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.385" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.385" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.385" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.635" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.635" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.885" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.885" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.885" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.885" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="4.135" cy="-1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="4.135" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="4.135" cy="-0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="4.135" cy="-0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="4.135" cy="-0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="4.135" cy="0.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="4.135" cy="0.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="4.135" cy="0.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="4.135" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="4.135" cy="1.875" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.915" cy="1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.915" cy="2.155" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.915" cy="2.405" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.915" cy="2.655" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.665" cy="1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.665" cy="2.155" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.665" cy="2.405" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.665" cy="2.655" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.415" cy="1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.415" cy="2.155" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.415" cy="2.405" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.415" cy="2.655" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.165" cy="1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.165" cy="2.155" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.165" cy="2.405" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-5.165" cy="2.655" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.915" cy="1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.915" cy="2.155" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.915" cy="2.405" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.915" cy="2.655" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.665" cy="1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.665" cy="2.155" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.665" cy="2.405" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.665" cy="2.655" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.415" cy="1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.415" cy="2.155" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.415" cy="2.405" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.415" cy="2.655" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.165" cy="1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.165" cy="2.155" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.165" cy="2.405" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-4.165" cy="2.655" r="0.150" fill="#37c8a6" opacity="0.92"/></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":8,"pasteDots":416};
(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>
" hidden></iframe>
<iframe id="sot89" title="AMS1117 SOT-89 footprint" srcdoc="<!doctype html><html><head><meta charset="utf-8">
<title>AMS1117_SOT-89 - 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">AMS1117_SOT-89</span></header>
<main>
<div class="vpwrap">
<div class="av-vp" id="vp">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-3.750 -3.100 6.150 6.200" preserveAspectRatio="xMidYMid meet"><g class="adom-layer-courtyard"><line x1="-2.8500" y1="2.5000" x2="-2.8500" y2="-2.5000" stroke="#FF26E2" stroke-width="0.050" stroke-linecap="round" fill="none"/><line x1="-2.8500" y1="2.5000" x2="2.2500" y2="2.5000" stroke="#FF26E2" stroke-width="0.050" stroke-linecap="round" fill="none"/><line x1="2.2500" y1="-2.5000" x2="-2.8500" y2="-2.5000" stroke="#FF26E2" stroke-width="0.050" stroke-linecap="round" fill="none"/><line x1="2.2500" y1="-2.5000" x2="2.2500" y2="2.5000" stroke="#FF26E2" stroke-width="0.050" stroke-linecap="round" fill="none"/></g><g class="adom-layer-fab"><line x1="-1.2500" y1="-1.2500" x2="-0.2500" y2="-2.2500" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/><line x1="-1.2500" y1="2.2500" x2="-1.2500" y2="-1.2500" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/><line x1="-0.2500" y1="-2.2500" x2="1.2500" y2="-2.2500" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/><line x1="1.2500" y1="-2.2500" x2="1.2500" y2="2.2500" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/><line x1="1.2500" y1="2.2500" x2="-1.2500" y2="2.2500" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/></g><g class="adom-layer-copper"><g data-pad="1" data-shape="roundrect" data-size="1.300x0.900" data-mount="smd"><rect x="-2.600" y="-1.950" width="1.300" height="0.900" rx="0.225" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="2" data-shape="custom" data-size="1.475x0.900" data-mount="smd"><rect x="-2.600" y="-0.450" width="1.475" height="0.900" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="3" data-shape="roundrect" data-size="1.300x0.900" data-mount="smd"><rect x="-2.600" y="1.050" width="1.300" height="0.900" rx="0.225" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g></g><g class="adom-layer-heatsink"></g><g class="adom-layer-drill"></g><g class="adom-layer-silk"><line x1="-1.2200" y1="-2.3600" x2="1.3600" y2="-2.3600" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="1.3600" y1="-1.3800" x2="1.3600" y2="-2.3600" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="1.3600" y1="1.3800" x2="1.3600" y2="2.3600" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="1.3600" y1="2.3600" x2="-1.3600" y2="2.3600" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><polygon points="-1.7700,-2.2100 -2.0100,-2.5400 -1.5300,-2.5400 -1.7700,-2.2100" stroke="#00cccc" stroke-width="0.120" fill="#00cccc"/></g><g class="adom-layer-padnum"><text x="-1.950" y="-1.500" text-anchor="middle" dominant-baseline="central" font-size="0.378" fill="#fff" font-family="sans-serif" style="pointer-events:none">1</text><text x="-1.863" y="0.000" text-anchor="middle" dominant-baseline="central" font-size="0.378" fill="#fff" font-family="sans-serif" style="pointer-events:none">2</text><text x="-1.950" y="1.500" text-anchor="middle" dominant-baseline="central" font-size="0.378" fill="#fff" font-family="sans-serif" style="pointer-events:none">3</text></g><g class="adom-layer-paste-apertures"><rect x="-2.600" y="-1.950" width="1.300" height="0.900" rx="0.05" transform="rotate(0.00 -1.950 -1.500)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-2.600" y="-0.450" width="1.475" height="0.900" rx="0.05" transform="rotate(0.00 -1.863 0.000)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-2.600" y="1.050" width="1.300" height="0.900" rx="0.05" transform="rotate(0.00 -1.950 1.500)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/></g><g class="adom-layer-paste-dots"><circle cx="-2.325" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.325" cy="-1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.075" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.075" cy="-1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.825" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.825" cy="-1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.575" cy="-1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.575" cy="-1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.362" cy="-0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.362" cy="0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.112" cy="-0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.112" cy="0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.863" cy="-0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.863" cy="0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.613" cy="-0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.613" cy="0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.363" cy="-0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.363" cy="0.125" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.325" cy="1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.325" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.075" cy="1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.075" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.825" cy="1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.825" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.575" cy="1.375" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.575" cy="1.625" r="0.150" fill="#37c8a6" opacity="0.92"/></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":3,"pasteDots":26};
(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>
" hidden></iframe>
</div>
<div class="switch" role="tablist" aria-label="Footprint variant">
<button role="tab" data-t="sot223" aria-selected="true">SOT-223</button>
<button role="tab" data-t="to252" aria-selected="false">TO-252</button>
<button role="tab" data-t="sot89" aria-selected="false">SOT-89</button>
</div>
</div>
<script>
var B=document.querySelectorAll('.switch button');
var F={sot223:document.getElementById('sot223'),to252:document.getElementById('to252'),sot89:document.getElementById('sot89')};
B.forEach(function(b){b.addEventListener('click',function(){
var t=b.getAttribute('data-t');
B.forEach(function(x){x.setAttribute('aria-selected', x===b?'true':'false');});
for(var k in F){ if(k===t) F[k].removeAttribute('hidden'); else F[k].setAttribute('hidden',''); }
});});
</script></body></html>