← Commit history

r5f100beana-40: viewers

Ray ·c56a150da2 ·1mo ago ·parent e946aab
2 files changed +130−2
viewers/footprint.html+65−1
@@ -1 +1,65 @@-<!doctype html><title>r5f100beana-40</title>\ No newline at end of file+<!doctype html><html lang=en><head><meta charset=utf-8>+<meta name=viewport content="width=device-width,initial-scale=1"><title>RAY/R5F100BEANA-40 footprint</title>+<style>+:root{--bg:#0d1117;--panel:#161b22;--edge:#30363d;--ink:#e6edf3;--mut:#8b949e;--acc:#00b8b0;--accb:#00e6dc;--hi:#6ea8fe}+*{box-sizing:border-box;margin:0}html,body{height:100%}+body{background:var(--bg);color:var(--ink);font-family:'Satoshi',system-ui,sans-serif;display:flex;flex-direction:column}+.bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 11px;border-bottom:1px solid var(--edge);flex:none}+.bar .h{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);font-weight:700}+.bar .sp{flex:1}+.lyrtog{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--mut);background:#1a2130;border:1px solid var(--edge);border-radius:999px;padding:3px 9px;cursor:pointer;user-select:none}+.lyrtog.on{color:var(--ink);border-color:#485162}.lyrtog:not(.on){opacity:.5}+.lyrtog .d{width:8px;height:8px;border-radius:50%;background:#485162}+.stage{flex:1;min-height:0;position:relative;overflow:hidden;background:var(--bg);cursor:grab;touch-action:none}+.stage.drag{cursor:grabbing}+.stage svg{position:absolute;inset:0;width:100%;height:100%}+.pingroup,.pad{cursor:pointer}+.pingroup.hi .pinvis{stroke:var(--hi)!important;stroke-width:7}+rect.pad.hi{stroke:var(--hi);stroke-width:.15;paint-order:stroke}+.lyr-off{display:none}+#tip{position:fixed;z-index:99;pointer-events:none;display:none;max-width:250px;background:#0d1117;border:1px solid var(--acc);border-radius:8px;padding:7px 10px;box-shadow:0 8px 26px #000a}+#tip .tn{font:700 12px ui-monospace,monospace;color:var(--accb)}+#tip .tt{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);margin-top:1px}+#tip .td{font-size:11px;color:var(--ink);margin-top:5px;line-height:1.4}+</style></head><body>+<div class=bar><span class=h>PCB footprint</span><span class=sp></span><button class="lyrtog on" data-lyr="copper"><span class="d" style="background:#e35d5d"></span>Copper</button><button class="lyrtog on" data-lyr="silk"><span class="d" style="background:#e6edf3"></span>Silkscreen</button><button class="lyrtog" data-lyr="fab"><span class="d" style="background:#8b949e"></span>Fab</button><button class="lyrtog" data-lyr="courtyard"><span class="d" style="background:#bc8cff"></span>Courtyard</button></div>+<div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-3.530 -3.530 7.060 7.060' style='width:100%;height:100%'><line class='ly-silk' x1='-2.610' y1='-2.610' x2='-2.135' y2='-2.610' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-2.610' y1='-2.135' x2='-2.610' y2='-2.610' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-2.610' y1='2.610' x2='-2.610' y2='2.135' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-2.135' y1='2.610' x2='-2.610' y2='2.610' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.135' y1='-2.610' x2='2.610' y2='-2.610' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.610' y1='-2.610' x2='2.610' y2='-2.135' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.610' y1='2.135' x2='2.610' y2='2.610' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.610' y1='2.610' x2='2.135' y2='2.610' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-courtyard' x1='-3.130' y1='-2.130' x2='-2.750' y2='-2.130' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-3.130' y1='2.130' x2='-3.130' y2='-2.130' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.750' y1='-2.750' x2='-2.130' y2='-2.750' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.750' y1='-2.130' x2='-2.750' y2='-2.750' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.750' y1='2.130' x2='-3.130' y2='2.130' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.750' y1='2.750' x2='-2.750' y2='2.130' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.130' y1='-3.130' x2='2.130' y2='-3.130' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.130' y1='-2.750' x2='-2.130' y2='-3.130' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.130' y1='2.750' x2='-2.750' y2='2.750' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.130' y1='3.130' x2='-2.130' y2='2.750' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.130' y1='-3.130' x2='2.130' y2='-2.750' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.130' y1='-2.750' x2='2.750' y2='-2.750' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.130' y1='2.750' x2='2.130' y2='3.130' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.130' y1='3.130' x2='-2.130' y2='3.130' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.750' y1='-2.750' x2='2.750' y2='-2.130' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.750' y1='-2.130' x2='3.130' y2='-2.130' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.750' y1='2.130' x2='2.750' y2='2.750' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.750' y1='2.750' x2='2.130' y2='2.750' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='3.130' y1='-2.130' x2='3.130' y2='2.130' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='3.130' y1='2.130' x2='2.750' y2='2.130' stroke='#4ade80' stroke-width='0.050'/><rect class='ly-copper pad' data-num='' data-name='' x='-1.545' y='-1.545' width='0.890' height='0.890' rx='0.223' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-1.100' y='-1.100' font-size='0.534' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'></text><rect class='ly-copper pad' data-num='' data-name='' x='-1.545' y='-0.445' width='0.890' height='0.890' rx='0.223' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-1.100' y='0.000' font-size='0.534' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'></text><rect class='ly-copper pad' data-num='' data-name='' x='-1.545' y='0.655' width='0.890' height='0.890' rx='0.223' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-1.100' y='1.100' font-size='0.534' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'></text><rect class='ly-copper pad' data-num='' data-name='' x='-0.445' y='-1.545' width='0.890' height='0.890' rx='0.223' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='-1.100' font-size='0.534' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'></text><rect class='ly-copper pad' data-num='' data-name='' x='-0.445' y='-0.445' width='0.890' height='0.890' rx='0.223' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='0.000' font-size='0.534' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'></text><rect class='ly-copper pad' data-num='' data-name='' x='-0.445' y='0.655' width='0.890' height='0.890' rx='0.223' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='1.100' font-size='0.534' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'></text><rect class='ly-copper pad' data-num='' data-name='' x='0.655' y='-1.545' width='0.890' height='0.890' rx='0.223' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='1.100' y='-1.100' font-size='0.534' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'></text><rect class='ly-copper pad' data-num='' data-name='' x='0.655' y='-0.445' width='0.890' height='0.890' rx='0.223' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='1.100' y='0.000' font-size='0.534' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'></text><rect class='ly-copper pad' data-num='' data-name='' x='0.655' y='0.655' width='0.890' height='0.890' rx='0.223' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='1.100' y='1.100' font-size='0.534' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'></text><rect class='ly-copper pad' data-num='1' data-name='P122/X2/EXCLK' x='-2.875' y='-1.875' width='0.875' height='0.250' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.438' y='-1.750' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>1</text><rect class='ly-copper pad' data-num='2' data-name='VSS' x='-2.875' y='-1.375' width='0.875' height='0.250' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.438' y='-1.250' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>2</text><rect class='ly-copper pad' data-num='3' data-name='P40/TOOL0' x='-2.875' y='-0.875' width='0.875' height='0.250' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.438' y='-0.750' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>3</text><rect class='ly-copper pad' data-num='4' data-name='P137/INTP0' x='-2.875' y='-0.375' width='0.875' height='0.250' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.438' y='-0.250' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>4</text><rect class='ly-copper pad' data-num='5' data-name='P121/X1' x='-2.875' y='0.125' width='0.875' height='0.250' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.438' y='0.250' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>5</text><rect class='ly-copper pad' data-num='6' data-name='REGC' x='-2.875' y='0.625' width='0.875' height='0.250' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.438' y='0.750' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>6</text><rect class='ly-copper pad' data-num='7' data-name='VDD' x='-2.875' y='1.125' width='0.875' height='0.250' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.438' y='1.250' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>7</text><rect class='ly-copper pad' data-num='8' data-name='RESET' x='-2.875' y='1.625' width='0.875' height='0.250' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.438' y='1.750' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>8</text><rect class='ly-copper pad' data-num='9' data-name='P60/SCLA0' x='-1.875' y='2.000' width='0.250' height='0.875' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-1.750' y='2.438' font-size='0.350' transform='rotate(-90 -1.750 2.438)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>9</text><rect class='ly-copper pad' data-num='10' data-name='P61/SDAA0' x='-1.375' y='2.000' width='0.250' height='0.875' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-1.250' y='2.438' font-size='0.350' transform='rotate(-90 -1.250 2.438)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>10</text><rect class='ly-copper pad' data-num='11' data-name='P62' x='-0.875' y='2.000' width='0.250' height='0.875' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-0.750' y='2.438' font-size='0.350' transform='rotate(-90 -0.750 2.438)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>11</text><rect class='ly-copper pad' data-num='12' data-name='P31/TI03/TO03/INTP4/PCLBUZ0' x='-0.375' y='2.000' width='0.250' height='0.875' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-0.250' y='2.438' font-size='0.350' transform='rotate(-90 -0.250 2.438)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>12</text><rect class='ly-copper pad' data-num='13' data-name='P70' x='0.125' y='2.000' width='0.250' height='0.875' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.250' y='2.438' font-size='0.350' transform='rotate(-90 0.250 2.438)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>13</text><rect class='ly-copper pad' data-num='14' data-name='P30/INTP3/SCK11/SCL11' x='0.625' y='2.000' width='0.250' height='0.875' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.750' y='2.438' font-size='0.350' transform='rotate(-90 0.750 2.438)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>14</text><rect class='ly-copper pad' data-num='15' data-name='P50/INTP1/SI11/SDA11' x='1.125' y='2.000' width='0.250' height='0.875' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='1.250' y='2.438' font-size='0.350' transform='rotate(-90 1.250 2.438)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>15</text><rect class='ly-copper pad' data-num='16' data-name='P51/INTP2/SO11' x='1.625' y='2.000' width='0.250' height='0.875' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='1.750' y='2.438' font-size='0.350' transform='rotate(-90 1.750 2.438)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>16</text><rect class='ly-copper pad' data-num='17' data-name='P17/TI02/TO02/(TxD0)' x='2.000' y='1.625' width='0.875' height='0.250' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.438' y='1.750' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>17</text><rect class='ly-copper pad' data-num='18' data-name='P16/TI01/TO01/INTP5/(RxD0)' x='2.000' y='1.125' width='0.875' height='0.250' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.438' y='1.250' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>18</text><rect class='ly-copper pad' data-num='19' data-name='P10/SCK00/SCL00/(TI07)/(TO07)' x='2.000' y='0.625' width='0.875' height='0.250' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.438' y='0.750' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>19</text><rect class='ly-copper pad' data-num='20' data-name='P13/TxD2/SO20/(SDAA0)/(TI04)/(TO04)' x='2.000' y='0.125' width='0.875' height='0.250' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.438' y='0.250' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>20</text><rect class='ly-copper pad' data-num='21' data-name='P12/SO00/TxD0/TOOLTxD/(TI05)/(TO05)' x='2.000' y='-0.375' width='0.875' height='0.250' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.438' y='-0.250' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>21</text><rect class='ly-copper pad' data-num='22' data-name='P15/PCLBUZ1/SCK20/SCL20/(TI02)/(TO02)' x='2.000' y='-0.875' width='0.875' height='0.250' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.438' y='-0.750' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>22</text><rect class='ly-copper pad' data-num='23' data-name='P14/RxD2/SI20/SDA20/(SCLA0)/(TI03)/(TO03)' x='2.000' y='-1.375' width='0.875' height='0.250' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.438' y='-1.250' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>23</text><rect class='ly-copper pad' data-num='24' data-name='P11/SI00/RxD0/TOOLRxD/SDA00/(TI06)/(TO06)' x='2.000' y='-1.875' width='0.875' height='0.250' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.438' y='-1.750' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>24</text><rect class='ly-copper pad' data-num='25' data-name='P147/ANI18' x='1.625' y='-2.875' width='0.250' height='0.875' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='1.750' y='-2.438' font-size='0.350' transform='rotate(-90 1.750 -2.438)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>25</text><rect class='ly-copper pad' data-num='26' data-name='P23/ANI3' x='1.125' y='-2.875' width='0.250' height='0.875' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='1.250' y='-2.438' font-size='0.350' transform='rotate(-90 1.250 -2.438)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>26</text><rect class='ly-copper pad' data-num='27' data-name='P22/ANI2' x='0.625' y='-2.875' width='0.250' height='0.875' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.750' y='-2.438' font-size='0.350' transform='rotate(-90 0.750 -2.438)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>27</text><rect class='ly-copper pad' data-num='28' data-name='P21/ANI1/AVREFM' x='0.125' y='-2.875' width='0.250' height='0.875' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.250' y='-2.438' font-size='0.350' transform='rotate(-90 0.250 -2.438)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>28</text><rect class='ly-copper pad' data-num='29' data-name='P20/ANI0/AVREFP' x='-0.375' y='-2.875' width='0.250' height='0.875' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-0.250' y='-2.438' font-size='0.350' transform='rotate(-90 -0.250 -2.438)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>29</text><rect class='ly-copper pad' data-num='30' data-name='P01/ANI16/TO00/RxD1' x='-0.875' y='-2.875' width='0.250' height='0.875' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-0.750' y='-2.438' font-size='0.350' transform='rotate(-90 -0.750 -2.438)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>30</text><rect class='ly-copper pad' data-num='31' data-name='P00/ANI17/TI00/TxD1' x='-1.375' y='-2.875' width='0.250' height='0.875' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-1.250' y='-2.438' font-size='0.350' transform='rotate(-90 -1.250 -2.438)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>31</text><rect class='ly-copper pad' data-num='32' data-name='P120/ANI19' x='-1.875' y='-2.875' width='0.250' height='0.875' rx='0.062' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-1.750' y='-2.438' font-size='0.350' transform='rotate(-90 -1.750 -2.438)' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>32</text><rect class='ly-copper pad' data-num='33' data-name='' x='-1.650' y='-1.650' width='3.300' height='3.300' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='0.000' font-size='1.100' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>33</text></svg></div>+<div id=tip></div>+<script>+var KIND="footprint", MPN="RAY/R5F100BEANA-40", PINS=[{"desc":"","name":"P122/X2/EXCLK","number":"1","type":""},{"desc":"","name":"VSS","number":"2","type":""},{"desc":"","name":"P40/TOOL0","number":"3","type":""},{"desc":"","name":"P137/INTP0","number":"4","type":""},{"desc":"","name":"P121/X1","number":"5","type":""},{"desc":"","name":"REGC","number":"6","type":""},{"desc":"","name":"VDD","number":"7","type":""},{"desc":"","name":"RESET","number":"8","type":""},{"desc":"","name":"P60/SCLA0","number":"9","type":""},{"desc":"","name":"P61/SDAA0","number":"10","type":""},{"desc":"","name":"P62","number":"11","type":""},{"desc":"","name":"P31/TI03/TO03/INTP4/PCLBUZ0","number":"12","type":""},{"desc":"","name":"P70","number":"13","type":""},{"desc":"","name":"P30/INTP3/SCK11/SCL11","number":"14","type":""},{"desc":"","name":"P50/INTP1/SI11/SDA11","number":"15","type":""},{"desc":"","name":"P51/INTP2/SO11","number":"16","type":""},{"desc":"","name":"P120/ANI19","number":"32","type":""},{"desc":"","name":"P00/ANI17/TI00/TxD1","number":"31","type":""},{"desc":"","name":"P01/ANI16/TO00/RxD1","number":"30","type":""},{"desc":"","name":"P20/ANI0/AVREFP","number":"29","type":""},{"desc":"","name":"P21/ANI1/AVREFM","number":"28","type":""},{"desc":"","name":"P22/ANI2","number":"27","type":""},{"desc":"","name":"P23/ANI3","number":"26","type":""},{"desc":"","name":"P147/ANI18","number":"25","type":""},{"desc":"","name":"P11/SI00/RxD0/TOOLRxD/SDA00/(TI06)/(TO06)","number":"24","type":""},{"desc":"","name":"P14/RxD2/SI20/SDA20/(SCLA0)/(TI03)/(TO03)","number":"23","type":""},{"desc":"","name":"P15/PCLBUZ1/SCK20/SCL20/(TI02)/(TO02)","number":"22","type":""},{"desc":"","name":"P12/SO00/TxD0/TOOLTxD/(TI05)/(TO05)","number":"21","type":""},{"desc":"","name":"P13/TxD2/SO20/(SDAA0)/(TI04)/(TO04)","number":"20","type":""},{"desc":"","name":"P10/SCK00/SCL00/(TI07)/(TO07)","number":"19","type":""},{"desc":"","name":"P16/TI01/TO01/INTP5/(RxD0)","number":"18","type":""},{"desc":"","name":"P17/TI02/TO02/(TxD0)","number":"17","type":""}];+var byNum={}; PINS.forEach(function(p){byNum[String(p.number)]=p;});+var stage=document.getElementById('stage'), svg=stage.querySelector('svg'), tip=document.getElementById('tip');+// ---- pan/zoom ----+var vb=(svg.getAttribute('viewBox')||'0 0 100 100').split(/\s+/).map(Number), base=vb.slice();+function setVB(){svg.setAttribute('viewBox',vb.join(' '));}+stage.addEventListener('wheel',function(e){e.preventDefault();var r=stage.getBoundingClientRect();var mx=(e.clientX-r.left)/r.width,my=(e.clientY-r.top)/r.height;var f=e.deltaY<0?0.88:1.14;var nw=vb[2]*f,nh=vb[3]*f;vb[0]+=(vb[2]-nw)*mx;vb[1]+=(vb[3]-nh)*my;vb[2]=nw;vb[3]=nh;setVB();},{passive:false});+var pan=null;+stage.addEventListener('pointerdown',function(e){pan={x:e.clientX,y:e.clientY};stage.classList.add('drag');stage.setPointerCapture(e.pointerId);});+stage.addEventListener('pointermove',function(e){if(!pan)return;var r=stage.getBoundingClientRect();vb[0]-=(e.clientX-pan.x)/r.width*vb[2];vb[1]-=(e.clientY-pan.y)/r.height*vb[3];pan={x:e.clientX,y:e.clientY};setVB();});+function endPan(){pan=null;stage.classList.remove('drag');}+stage.addEventListener('pointerup',endPan);stage.addEventListener('pointerleave',endPan);+stage.addEventListener('dblclick',function(){vb=base.slice();setVB();});+// ---- cross-highlight bus ----+function els(n){return [].slice.call(document.querySelectorAll('[data-num="'+n+'"]'));}+function clearHi(){[].slice.call(document.querySelectorAll('.hi')).forEach(function(e){e.classList.remove('hi');});}+function hi(n){els(n).forEach(function(e){e.classList.add('hi');});}+function post(n){try{parent.postMessage({type:'lbr-hover',pin:n===null?null:String(n),mpn:MPN},'*');}catch(_){}}+function showTip(n,x,y){var p=byNum[String(n)];if(!p)return;tip.innerHTML='<span class=tn></span><div class=tt></div><div class=td></div>';tip.querySelector('.tn').textContent=n+'  '+(p.name||'');tip.querySelector('.tt').textContent=p.type||'';var d=p.desc||'';if(d)tip.querySelector('.td').textContent=d;else tip.querySelector('.td').style.display='none';tip.style.display='block';tip.style.left=(x+14)+'px';tip.style.top=(y+12)+'px';}+[].slice.call(document.querySelectorAll('.pingroup,.pad')).forEach(function(g){+  var n=g.getAttribute('data-num');+  g.addEventListener('mouseenter',function(e){clearHi();hi(n);post(n);showTip(n,e.clientX,e.clientY);});+  g.addEventListener('mousemove',function(e){tip.style.left=(e.clientX+14)+'px';tip.style.top=(e.clientY+12)+'px';});+  g.addEventListener('mouseleave',function(){clearHi();post(null);tip.style.display='none';});+});+window.addEventListener('message',function(e){var d=e.data||{};if(d.type!=='lbr-hover')return;clearHi();if(d.pin!=null)hi(d.pin);});+// ---- footprint layer toggles ----+[].slice.call(document.querySelectorAll('.lyrtog')).forEach(function(b){+  function apply(on){[].slice.call(document.querySelectorAll('.ly-'+b.getAttribute('data-lyr'))).forEach(function(el){el.classList.toggle('lyr-off',!on);});}+  apply(b.classList.contains('on'));+  b.addEventListener('click',function(){apply(b.classList.toggle('on'));});+});+// ---- auto-grow the host readme iframe ----+function ph(){var h=Math.max(360,Math.min(16000,document.body.scrollHeight||420));parent.postMessage({type:'readme-height',height:h},'*');}+window.addEventListener('load',ph);setTimeout(ph,300);+</script>+</body></html>
viewers/symbol.html+65−1
@@ -1 +1,65 @@-<!doctype html><title>r5f100beana-40</title>\ No newline at end of file+<!doctype html><html lang=en><head><meta charset=utf-8>+<meta name=viewport content="width=device-width,initial-scale=1"><title>RAY/R5F100BEANA-40 symbol</title>+<style>+:root{--bg:#0d1117;--panel:#161b22;--edge:#30363d;--ink:#e6edf3;--mut:#8b949e;--acc:#00b8b0;--accb:#00e6dc;--hi:#6ea8fe}+*{box-sizing:border-box;margin:0}html,body{height:100%}+body{background:var(--bg);color:var(--ink);font-family:'Satoshi',system-ui,sans-serif;display:flex;flex-direction:column}+.bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 11px;border-bottom:1px solid var(--edge);flex:none}+.bar .h{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);font-weight:700}+.bar .sp{flex:1}+.lyrtog{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--mut);background:#1a2130;border:1px solid var(--edge);border-radius:999px;padding:3px 9px;cursor:pointer;user-select:none}+.lyrtog.on{color:var(--ink);border-color:#485162}.lyrtog:not(.on){opacity:.5}+.lyrtog .d{width:8px;height:8px;border-radius:50%;background:#485162}+.stage{flex:1;min-height:0;position:relative;overflow:hidden;background:var(--bg);cursor:grab;touch-action:none}+.stage.drag{cursor:grabbing}+.stage svg{position:absolute;inset:0;width:100%;height:100%}+.pingroup,.pad{cursor:pointer}+.pingroup.hi .pinvis{stroke:var(--hi)!important;stroke-width:7}+rect.pad.hi{stroke:var(--hi);stroke-width:.15;paint-order:stroke}+.lyr-off{display:none}+#tip{position:fixed;z-index:99;pointer-events:none;display:none;max-width:250px;background:#0d1117;border:1px solid var(--acc);border-radius:8px;padding:7px 10px;box-shadow:0 8px 26px #000a}+#tip .tn{font:700 12px ui-monospace,monospace;color:var(--accb)}+#tip .tt{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);margin-top:1px}+#tip .td{font-size:11px;color:var(--ink);margin-top:5px;line-height:1.4}+</style></head><body>+<div class=bar><span class=h>Schematic symbol</span><span class=sp></span></div>+<div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-750 -900 1500 1800' style='width:100%;height:100%'><rect x='-500.0' y='-850.0' width='1000.0' height='1700.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='P122/X2/EXCLK'><line class='pinvis' x1='-700.0' y1='-750.0' x2='-500.0' y2='-750.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-750.0' x2='-500.0' y2='-750.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-705.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='-470.0' y='-750.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>P122/X2/EXCLK</text><g class='pingroup' data-num='2' data-name='VSS'><line class='pinvis' x1='-700.0' y1='-650.0' x2='-500.0' y2='-650.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-650.0' x2='-500.0' y2='-650.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-605.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='-470.0' y='-650.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>VSS</text><g class='pingroup' data-num='3' data-name='P40/TOOL0'><line class='pinvis' x1='-700.0' y1='-550.0' x2='-500.0' y2='-550.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-550.0' x2='-500.0' y2='-550.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-505.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><text x='-470.0' y='-550.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>P40/TOOL0</text><g class='pingroup' data-num='4' data-name='P137/INTP0'><line class='pinvis' x1='-700.0' y1='-450.0' x2='-500.0' y2='-450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-450.0' x2='-500.0' y2='-450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-405.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>4</text><text x='-470.0' y='-450.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>P137/INTP0</text><g class='pingroup' data-num='5' data-name='P121/X1'><line class='pinvis' x1='-700.0' y1='-350.0' x2='-500.0' y2='-350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-350.0' x2='-500.0' y2='-350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-305.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>5</text><text x='-470.0' y='-350.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>P121/X1</text><g class='pingroup' data-num='6' data-name='REGC'><line class='pinvis' x1='-700.0' y1='-250.0' x2='-500.0' y2='-250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-250.0' x2='-500.0' y2='-250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-205.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><text x='-470.0' y='-250.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>REGC</text><g class='pingroup' data-num='7' data-name='VDD'><line class='pinvis' x1='-700.0' y1='-150.0' x2='-500.0' y2='-150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-150.0' x2='-500.0' y2='-150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-105.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='-470.0' y='-150.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>VDD</text><g class='pingroup' data-num='8' data-name='RESET'><line class='pinvis' x1='-700.0' y1='-50.0' x2='-500.0' y2='-50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-50.0' x2='-500.0' y2='-50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-5.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>8</text><text x='-470.0' y='-50.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RESET</text><g class='pingroup' data-num='9' data-name='P60/SCLA0'><line class='pinvis' x1='-700.0' y1='50.0' x2='-500.0' y2='50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='50.0' x2='-500.0' y2='50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='95.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>9</text><text x='-470.0' y='50.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>P60/SCLA0</text><g class='pingroup' data-num='10' data-name='P61/SDAA0'><line class='pinvis' x1='-700.0' y1='150.0' x2='-500.0' y2='150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='150.0' x2='-500.0' y2='150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='195.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>10</text><text x='-470.0' y='150.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>P61/SDAA0</text><g class='pingroup' data-num='11' data-name='P62'><line class='pinvis' x1='-700.0' y1='250.0' x2='-500.0' y2='250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='250.0' x2='-500.0' y2='250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='295.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>11</text><text x='-470.0' y='250.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>P62</text><g class='pingroup' data-num='12' data-name='P31/TI03/TO03/INTP4/PCLBUZ0'><line class='pinvis' x1='-700.0' y1='350.0' x2='-500.0' y2='350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='350.0' x2='-500.0' y2='350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='395.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>12</text><text x='-470.0' y='350.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>P31/TI03/TO03/INTP4/PCLBUZ0</text><g class='pingroup' data-num='13' data-name='P70'><line class='pinvis' x1='-700.0' y1='450.0' x2='-500.0' y2='450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='450.0' x2='-500.0' y2='450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='495.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>13</text><text x='-470.0' y='450.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>P70</text><g class='pingroup' data-num='14' data-name='P30/INTP3/SCK11/SCL11'><line class='pinvis' x1='-700.0' y1='550.0' x2='-500.0' y2='550.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='550.0' x2='-500.0' y2='550.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='595.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>14</text><text x='-470.0' y='550.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>P30/INTP3/SCK11/SCL11</text><g class='pingroup' data-num='15' data-name='P50/INTP1/SI11/SDA11'><line class='pinvis' x1='-700.0' y1='650.0' x2='-500.0' y2='650.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='650.0' x2='-500.0' y2='650.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='695.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>15</text><text x='-470.0' y='650.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>P50/INTP1/SI11/SDA11</text><g class='pingroup' data-num='16' data-name='P51/INTP2/SO11'><line class='pinvis' x1='-700.0' y1='750.0' x2='-500.0' y2='750.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='750.0' x2='-500.0' y2='750.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='795.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>16</text><text x='-470.0' y='750.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>P51/INTP2/SO11</text><g class='pingroup' data-num='32' data-name='P120/ANI19'><line class='pinvis' x1='700.0' y1='-750.0' x2='500.0' y2='-750.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-750.0' x2='500.0' y2='-750.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-795.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>32</text><text x='470.0' y='-750.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P120/ANI19</text><g class='pingroup' data-num='31' data-name='P00/ANI17/TI00/TxD1'><line class='pinvis' x1='700.0' y1='-650.0' x2='500.0' y2='-650.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-650.0' x2='500.0' y2='-650.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-695.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>31</text><text x='470.0' y='-650.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P00/ANI17/TI00/TxD1</text><g class='pingroup' data-num='30' data-name='P01/ANI16/TO00/RxD1'><line class='pinvis' x1='700.0' y1='-550.0' x2='500.0' y2='-550.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-550.0' x2='500.0' y2='-550.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-595.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>30</text><text x='470.0' y='-550.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P01/ANI16/TO00/RxD1</text><g class='pingroup' data-num='29' data-name='P20/ANI0/AVREFP'><line class='pinvis' x1='700.0' y1='-450.0' x2='500.0' y2='-450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-450.0' x2='500.0' y2='-450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-495.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>29</text><text x='470.0' y='-450.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P20/ANI0/AVREFP</text><g class='pingroup' data-num='28' data-name='P21/ANI1/AVREFM'><line class='pinvis' x1='700.0' y1='-350.0' x2='500.0' y2='-350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-350.0' x2='500.0' y2='-350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-395.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>28</text><text x='470.0' y='-350.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P21/ANI1/AVREFM</text><g class='pingroup' data-num='27' data-name='P22/ANI2'><line class='pinvis' x1='700.0' y1='-250.0' x2='500.0' y2='-250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-250.0' x2='500.0' y2='-250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-295.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>27</text><text x='470.0' y='-250.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P22/ANI2</text><g class='pingroup' data-num='26' data-name='P23/ANI3'><line class='pinvis' x1='700.0' y1='-150.0' x2='500.0' y2='-150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-150.0' x2='500.0' y2='-150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-195.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>26</text><text x='470.0' y='-150.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P23/ANI3</text><g class='pingroup' data-num='25' data-name='P147/ANI18'><line class='pinvis' x1='700.0' y1='-50.0' x2='500.0' y2='-50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-50.0' x2='500.0' y2='-50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-95.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>25</text><text x='470.0' y='-50.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P147/ANI18</text><g class='pingroup' data-num='24' data-name='P11/SI00/RxD0/TOOLRxD/SDA00/(TI06)/(TO06)'><line class='pinvis' x1='700.0' y1='50.0' x2='500.0' y2='50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='50.0' x2='500.0' y2='50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='5.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>24</text><text x='470.0' y='50.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P11/SI00/RxD0/TOOLRxD/SDA00/(TI06)/(TO06)</text><g class='pingroup' data-num='23' data-name='P14/RxD2/SI20/SDA20/(SCLA0)/(TI03)/(TO03)'><line class='pinvis' x1='700.0' y1='150.0' x2='500.0' y2='150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='150.0' x2='500.0' y2='150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='105.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>23</text><text x='470.0' y='150.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P14/RxD2/SI20/SDA20/(SCLA0)/(TI03)/(TO03)</text><g class='pingroup' data-num='22' data-name='P15/PCLBUZ1/SCK20/SCL20/(TI02)/(TO02)'><line class='pinvis' x1='700.0' y1='250.0' x2='500.0' y2='250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='250.0' x2='500.0' y2='250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='205.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>22</text><text x='470.0' y='250.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P15/PCLBUZ1/SCK20/SCL20/(TI02)/(TO02)</text><g class='pingroup' data-num='21' data-name='P12/SO00/TxD0/TOOLTxD/(TI05)/(TO05)'><line class='pinvis' x1='700.0' y1='350.0' x2='500.0' y2='350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='350.0' x2='500.0' y2='350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='305.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>21</text><text x='470.0' y='350.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P12/SO00/TxD0/TOOLTxD/(TI05)/(TO05)</text><g class='pingroup' data-num='20' data-name='P13/TxD2/SO20/(SDAA0)/(TI04)/(TO04)'><line class='pinvis' x1='700.0' y1='450.0' x2='500.0' y2='450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='450.0' x2='500.0' y2='450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='405.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>20</text><text x='470.0' y='450.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P13/TxD2/SO20/(SDAA0)/(TI04)/(TO04)</text><g class='pingroup' data-num='19' data-name='P10/SCK00/SCL00/(TI07)/(TO07)'><line class='pinvis' x1='700.0' y1='550.0' x2='500.0' y2='550.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='550.0' x2='500.0' y2='550.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='505.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>19</text><text x='470.0' y='550.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P10/SCK00/SCL00/(TI07)/(TO07)</text><g class='pingroup' data-num='18' data-name='P16/TI01/TO01/INTP5/(RxD0)'><line class='pinvis' x1='700.0' y1='650.0' x2='500.0' y2='650.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='650.0' x2='500.0' y2='650.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='605.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>18</text><text x='470.0' y='650.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P16/TI01/TO01/INTP5/(RxD0)</text><g class='pingroup' data-num='17' data-name='P17/TI02/TO02/(TxD0)'><line class='pinvis' x1='700.0' y1='750.0' x2='500.0' y2='750.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='750.0' x2='500.0' y2='750.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='705.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>17</text><text x='470.0' y='750.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P17/TI02/TO02/(TxD0)</text></svg></div>+<div id=tip></div>+<script>+var KIND="symbol", MPN="RAY/R5F100BEANA-40", PINS=[{"desc":"","name":"P122/X2/EXCLK","number":"1","type":""},{"desc":"","name":"VSS","number":"2","type":""},{"desc":"","name":"P40/TOOL0","number":"3","type":""},{"desc":"","name":"P137/INTP0","number":"4","type":""},{"desc":"","name":"P121/X1","number":"5","type":""},{"desc":"","name":"REGC","number":"6","type":""},{"desc":"","name":"VDD","number":"7","type":""},{"desc":"","name":"RESET","number":"8","type":""},{"desc":"","name":"P60/SCLA0","number":"9","type":""},{"desc":"","name":"P61/SDAA0","number":"10","type":""},{"desc":"","name":"P62","number":"11","type":""},{"desc":"","name":"P31/TI03/TO03/INTP4/PCLBUZ0","number":"12","type":""},{"desc":"","name":"P70","number":"13","type":""},{"desc":"","name":"P30/INTP3/SCK11/SCL11","number":"14","type":""},{"desc":"","name":"P50/INTP1/SI11/SDA11","number":"15","type":""},{"desc":"","name":"P51/INTP2/SO11","number":"16","type":""},{"desc":"","name":"P120/ANI19","number":"32","type":""},{"desc":"","name":"P00/ANI17/TI00/TxD1","number":"31","type":""},{"desc":"","name":"P01/ANI16/TO00/RxD1","number":"30","type":""},{"desc":"","name":"P20/ANI0/AVREFP","number":"29","type":""},{"desc":"","name":"P21/ANI1/AVREFM","number":"28","type":""},{"desc":"","name":"P22/ANI2","number":"27","type":""},{"desc":"","name":"P23/ANI3","number":"26","type":""},{"desc":"","name":"P147/ANI18","number":"25","type":""},{"desc":"","name":"P11/SI00/RxD0/TOOLRxD/SDA00/(TI06)/(TO06)","number":"24","type":""},{"desc":"","name":"P14/RxD2/SI20/SDA20/(SCLA0)/(TI03)/(TO03)","number":"23","type":""},{"desc":"","name":"P15/PCLBUZ1/SCK20/SCL20/(TI02)/(TO02)","number":"22","type":""},{"desc":"","name":"P12/SO00/TxD0/TOOLTxD/(TI05)/(TO05)","number":"21","type":""},{"desc":"","name":"P13/TxD2/SO20/(SDAA0)/(TI04)/(TO04)","number":"20","type":""},{"desc":"","name":"P10/SCK00/SCL00/(TI07)/(TO07)","number":"19","type":""},{"desc":"","name":"P16/TI01/TO01/INTP5/(RxD0)","number":"18","type":""},{"desc":"","name":"P17/TI02/TO02/(TxD0)","number":"17","type":""}];+var byNum={}; PINS.forEach(function(p){byNum[String(p.number)]=p;});+var stage=document.getElementById('stage'), svg=stage.querySelector('svg'), tip=document.getElementById('tip');+// ---- pan/zoom ----+var vb=(svg.getAttribute('viewBox')||'0 0 100 100').split(/\s+/).map(Number), base=vb.slice();+function setVB(){svg.setAttribute('viewBox',vb.join(' '));}+stage.addEventListener('wheel',function(e){e.preventDefault();var r=stage.getBoundingClientRect();var mx=(e.clientX-r.left)/r.width,my=(e.clientY-r.top)/r.height;var f=e.deltaY<0?0.88:1.14;var nw=vb[2]*f,nh=vb[3]*f;vb[0]+=(vb[2]-nw)*mx;vb[1]+=(vb[3]-nh)*my;vb[2]=nw;vb[3]=nh;setVB();},{passive:false});+var pan=null;+stage.addEventListener('pointerdown',function(e){pan={x:e.clientX,y:e.clientY};stage.classList.add('drag');stage.setPointerCapture(e.pointerId);});+stage.addEventListener('pointermove',function(e){if(!pan)return;var r=stage.getBoundingClientRect();vb[0]-=(e.clientX-pan.x)/r.width*vb[2];vb[1]-=(e.clientY-pan.y)/r.height*vb[3];pan={x:e.clientX,y:e.clientY};setVB();});+function endPan(){pan=null;stage.classList.remove('drag');}+stage.addEventListener('pointerup',endPan);stage.addEventListener('pointerleave',endPan);+stage.addEventListener('dblclick',function(){vb=base.slice();setVB();});+// ---- cross-highlight bus ----+function els(n){return [].slice.call(document.querySelectorAll('[data-num="'+n+'"]'));}+function clearHi(){[].slice.call(document.querySelectorAll('.hi')).forEach(function(e){e.classList.remove('hi');});}+function hi(n){els(n).forEach(function(e){e.classList.add('hi');});}+function post(n){try{parent.postMessage({type:'lbr-hover',pin:n===null?null:String(n),mpn:MPN},'*');}catch(_){}}+function showTip(n,x,y){var p=byNum[String(n)];if(!p)return;tip.innerHTML='<span class=tn></span><div class=tt></div><div class=td></div>';tip.querySelector('.tn').textContent=n+'  '+(p.name||'');tip.querySelector('.tt').textContent=p.type||'';var d=p.desc||'';if(d)tip.querySelector('.td').textContent=d;else tip.querySelector('.td').style.display='none';tip.style.display='block';tip.style.left=(x+14)+'px';tip.style.top=(y+12)+'px';}+[].slice.call(document.querySelectorAll('.pingroup,.pad')).forEach(function(g){+  var n=g.getAttribute('data-num');+  g.addEventListener('mouseenter',function(e){clearHi();hi(n);post(n);showTip(n,e.clientX,e.clientY);});+  g.addEventListener('mousemove',function(e){tip.style.left=(e.clientX+14)+'px';tip.style.top=(e.clientY+12)+'px';});+  g.addEventListener('mouseleave',function(){clearHi();post(null);tip.style.display='none';});+});+window.addEventListener('message',function(e){var d=e.data||{};if(d.type!=='lbr-hover')return;clearHi();if(d.pin!=null)hi(d.pin);});+// ---- footprint layer toggles ----+[].slice.call(document.querySelectorAll('.lyrtog')).forEach(function(b){+  function apply(on){[].slice.call(document.querySelectorAll('.ly-'+b.getAttribute('data-lyr'))).forEach(function(el){el.classList.toggle('lyr-off',!on);});}+  apply(b.classList.contains('on'));+  b.addEventListener('click',function(){apply(b.classList.toggle('on'));});+});+// ---- auto-grow the host readme iframe ----+function ph(){var h=Math.max(360,Math.min(16000,document.body.scrollHeight||420));parent.postMessage({type:'readme-height',height:h},'*');}+window.addEventListener('load',ph);setTimeout(ph,300);+</script>+</body></html>