← Commit history

cross-highlight symbol + footprint viewers

Ray ·66a5e3ca23 ·2mo ago ·parent 998cfbd
2 files changed +130
viewers/footprint.htmladded+65
@@ -0,0 +1,65 @@+<!doctype html><html lang=en><head><meta charset=utf-8>+<meta name=viewport content="width=device-width,initial-scale=1"><title>PIC16F877A 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='-1.450 -2.730 18.140 52.910' style='width:100%;height:100%'><line class='ly-silk' x1='1.160' y1='-1.330' x2='1.160' y2='49.590' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='1.160' y1='49.590' x2='14.080' y2='49.590' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='6.620' y1='-1.330' x2='1.160' y2='-1.330' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='14.080' y1='-1.330' x2='8.620' y2='-1.330' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='14.080' y1='49.590' x2='14.080' y2='-1.330' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-fab' x1='0.255' y1='-0.270' x2='1.255' y2='-1.270' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='0.255' y1='49.530' x2='0.255' y2='-0.270' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='1.255' y1='-1.270' x2='14.985' y2='-1.270' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='14.985' y1='-1.270' x2='14.985' y2='49.530' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='14.985' y1='49.530' x2='0.255' y2='49.530' stroke='#f472b6' stroke-width='0.100'/><rect class='ly-courtyard' x='-1.050' y='-1.530' width='17.340' height='51.310' fill='none' stroke='#4ade80' stroke-width='0.050'/><path class='ly-silk' d='M8.620 -1.330 A1.000 1.000 0 0 1 6.620 -1.330' fill='none' stroke='#d8b4fe' stroke-width='0.120'/><rect class='ly-copper pad' data-num='1' data-name='~{MCLR}/Vpp' x='-0.800' y='-0.800' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='0.000' font-size='0.960' 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='AN0/RA0' x='-0.800' y='1.740' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='2.540' font-size='0.960' 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='AN1/RA1' x='-0.800' y='4.280' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='5.080' font-size='0.960' 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='CVref/Vref-/AN2/RA2' x='-0.800' y='6.820' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='7.620' font-size='0.960' 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='Vref+/AN3/RA3' x='-0.800' y='9.360' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='10.160' font-size='0.960' 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='C1OUT/T0CKI/RA4' x='-0.800' y='11.900' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='12.700' font-size='0.960' 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='~{SS}/C2OUT/AN4/RA5' x='-0.800' y='14.440' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='15.240' font-size='0.960' 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='RE0/~{RD}/AN5' x='-0.800' y='16.980' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='17.780' font-size='0.960' 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='RE1/~{WR}/AN6' x='-0.800' y='19.520' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='20.320' font-size='0.960' 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='RE2/~{CS}/AN7' x='-0.800' y='22.060' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='22.860' font-size='0.960' 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='VDD' x='-0.800' y='24.600' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='25.400' font-size='0.960' 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='VSS' x='-0.800' y='27.140' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='27.940' font-size='0.960' 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='OSC1/CLKI' x='-0.800' y='29.680' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='30.480' font-size='0.960' 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='OSC2/CLKO' x='-0.800' y='32.220' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='33.020' font-size='0.960' 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='T1OSO/T1CKI/RC0' x='-0.800' y='34.760' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='35.560' font-size='0.960' 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='T1OSI/CCP2/RC1' x='-0.800' y='37.300' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='38.100' font-size='0.960' 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='CCP1/RC2' x='-0.800' y='39.840' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='40.640' font-size='0.960' 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='SCK/SCL/RC3' x='-0.800' y='42.380' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='43.180' font-size='0.960' 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='RD0/PSP0' x='-0.800' y='44.920' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='45.720' font-size='0.960' 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='RD1/PSP1' x='-0.800' y='47.460' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='48.260' font-size='0.960' 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='RD2/PSP2' x='14.440' y='47.460' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='15.240' y='48.260' font-size='0.960' 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='RD3/PSP3' x='14.440' y='44.920' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='15.240' y='45.720' font-size='0.960' 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='SDI/SDA/RC4' x='14.440' y='42.380' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='15.240' y='43.180' font-size='0.960' 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='SDO/RC5' x='14.440' y='39.840' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='15.240' y='40.640' font-size='0.960' 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='CK/TX/RC6' x='14.440' y='37.300' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='15.240' y='38.100' font-size='0.960' 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='DT/RX/RC7' x='14.440' y='34.760' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='15.240' y='35.560' font-size='0.960' 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='RD4/PSP4' x='14.440' y='32.220' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='15.240' y='33.020' font-size='0.960' 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='RD5/PSP5' x='14.440' y='29.680' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='15.240' y='30.480' font-size='0.960' 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='RD6/PSP6' x='14.440' y='27.140' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='15.240' y='27.940' font-size='0.960' 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='RD7/PSP7' x='14.440' y='24.600' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='15.240' y='25.400' font-size='0.960' 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='VSS' x='14.440' y='22.060' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='15.240' y='22.860' font-size='0.960' 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='VDD' x='14.440' y='19.520' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='15.240' y='20.320' font-size='0.960' 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='INT/RB0' x='14.440' y='16.980' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='15.240' y='17.780' font-size='0.960' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>33</text><rect class='ly-copper pad' data-num='34' data-name='RB1' x='14.440' y='14.440' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='15.240' y='15.240' font-size='0.960' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>34</text><rect class='ly-copper pad' data-num='35' data-name='RB2' x='14.440' y='11.900' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='15.240' y='12.700' font-size='0.960' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>35</text><rect class='ly-copper pad' data-num='36' data-name='PGM/RB3' x='14.440' y='9.360' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='15.240' y='10.160' font-size='0.960' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>36</text><rect class='ly-copper pad' data-num='37' data-name='RB4' x='14.440' y='6.820' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='15.240' y='7.620' font-size='0.960' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>37</text><rect class='ly-copper pad' data-num='38' data-name='RB5' x='14.440' y='4.280' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='15.240' y='5.080' font-size='0.960' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>38</text><rect class='ly-copper pad' data-num='39' data-name='PGC/RB6' x='14.440' y='1.740' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='15.240' y='2.540' font-size='0.960' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>39</text><rect class='ly-copper pad' data-num='40' data-name='PGD/RB7' x='14.440' y='-0.800' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='15.240' y='0.000' font-size='0.960' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>40</text></svg></div>+<div id=tip></div>+<script>+var KIND="footprint", MPN="PIC16F877A", PINS=[{"desc":"Master Clear (active-low reset) input and programming voltage input.","name":"~{MCLR}/Vpp","number":"1","type":"Input"},{"desc":"PORTA bit 0 digital I/O with TTL input buffer; alternate function is analog input channel AN0 to the 10-bit ADC.","name":"AN0/RA0","number":"2","type":"Bidir"},{"desc":"PORTA bit 1 digital I/O with TTL input buffer; alternate function is analog input channel AN1 to the 10-bit ADC.","name":"AN1/RA1","number":"3","type":"Bidir"},{"desc":"PORTA bit 2 digital I/O (TTL); can be analog input AN2, ADC low reference input VREF-, or comparator voltage-reference output CVREF.","name":"CVref/Vref-/AN2/RA2","number":"4","type":"Bidir"},{"desc":"PORTA bit 3 digital I/O (TTL); can be analog input AN3 or ADC high reference input VREF+.","name":"Vref+/AN3/RA3","number":"5","type":"Bidir"},{"desc":"PORTA bit 4 digital I/O with Schmitt Trigger input buffer, open-drain output stage; also the Timer0 external clock input T0CKI or Comparator 1 output C1OUT.","name":"C1OUT/T0CKI/RA4","number":"6","type":"Bidir"},{"desc":"PORTA bit 5 digital I/O (TTL); can be analog input AN4, SPI slave-select input SS, or Comparator 2 output C2OUT.","name":"~{SS}/C2OUT/AN4/RA5","number":"7","type":"Bidir"},{"desc":"PORTE bit 0 digital I/O (ST); can be the Parallel Slave Port read-strobe input RD (active-low) or analog input AN5.","name":"RE0/~{RD}/AN5","number":"8","type":"Bidir"},{"desc":"PORTE bit 1 digital I/O (ST); can be the Parallel Slave Port write-strobe input WR (active-low) or analog input AN6.","name":"RE1/~{WR}/AN6","number":"9","type":"Bidir"},{"desc":"PORTE bit 2 digital I/O (ST); can be the Parallel Slave Port chip-select input CS (active-low) or analog input AN7.","name":"RE2/~{CS}/AN7","number":"10","type":"Bidir"},{"desc":"Positive supply for logic and I/O pins.","name":"VDD","number":"11","type":"Power"},{"desc":"Ground reference for logic and I/O pins.","name":"VSS","number":"12","type":"Power"},{"desc":"Oscillator crystal input or external clock source input.","name":"OSC1/CLKI","number":"13","type":"Input"},{"desc":"Oscillator crystal output; connects to crystal or resonator in Crystal Oscillator mode.","name":"OSC2/CLKO","number":"14","type":"Output"},{"desc":"PORTC bit 0 digital I/O (ST); can be Timer1 low-power oscillator output T1OSO or Timer1 external clock input T1CKI.","name":"T1OSO/T1CKI/RC0","number":"15","type":"Bidir"},{"desc":"PORTC bit 1 digital I/O (ST); can be Timer1 oscillator input T1OSI or CCP2 Capture2 input / Compare2 output / PWM2 output.","name":"T1OSI/CCP2/RC1","number":"16","type":"Bidir"},{"desc":"PORTC bit 2 digital I/O (ST); can be CCP1 Capture1 input, Compare1 output, or PWM1 output (up to 10-bit PWM).","name":"CCP1/RC2","number":"17","type":"Bidir"},{"desc":"PORTC bit 3 digital I/O (ST); MSSP synchronous serial clock I/O — SCK for SPI mode or SCL for I2C mode.","name":"SCK/SCL/RC3","number":"18","type":"Bidir"},{"desc":"PORTD bit 0 digital I/O (ST); Parallel Slave Port data bit 0 when PSP is enabled.","name":"RD0/PSP0","number":"19","type":"Bidir"},{"desc":"PORTD bit 1 digital I/O (ST); Parallel Slave Port data bit 1 when PSP is enabled.","name":"RD1/PSP1","number":"20","type":"Bidir"},{"desc":"PORTD bit 2 digital I/O (ST); Parallel Slave Port data bit 2 when PSP is enabled.","name":"RD2/PSP2","number":"21","type":"Bidir"},{"desc":"PORTD bit 3 digital I/O (ST); Parallel Slave Port data bit 3 when PSP is enabled.","name":"RD3/PSP3","number":"22","type":"Bidir"},{"desc":"PORTC bit 4 digital I/O (ST); MSSP SPI data input SDI or I2C data I/O SDA.","name":"SDI/SDA/RC4","number":"23","type":"Bidir"},{"desc":"PORTC bit 5 digital I/O (ST); MSSP SPI data output SDO.","name":"SDO/RC5","number":"24","type":"Bidir"},{"desc":"PORTC bit 6 digital I/O (ST); USART asynchronous transmit TX or USART synchronous clock CK.","name":"CK/TX/RC6","number":"25","type":"Bidir"},{"desc":"PORTC bit 7 digital I/O (ST); USART asynchronous receive RX or USART synchronous data DT.","name":"DT/RX/RC7","number":"26","type":"Bidir"},{"desc":"PORTD bit 4 digital I/O (ST); Parallel Slave Port data bit 4 when PSP is enabled.","name":"RD4/PSP4","number":"27","type":"Bidir"},{"desc":"PORTD bit 5 digital I/O (ST); Parallel Slave Port data bit 5 when PSP is enabled.","name":"RD5/PSP5","number":"28","type":"Bidir"},{"desc":"PORTD bit 6 digital I/O (ST); Parallel Slave Port data bit 6 when PSP is enabled.","name":"RD6/PSP6","number":"29","type":"Bidir"},{"desc":"PORTD bit 7 digital I/O (ST); Parallel Slave Port data bit 7 when PSP is enabled.","name":"RD7/PSP7","number":"30","type":"Bidir"},{"desc":"Ground reference for logic and I/O pins.","name":"VSS","number":"31","type":"Power"},{"desc":"Positive supply for logic and I/O pins (2.0-5.5 V).","name":"VDD","number":"32","type":"Power"},{"desc":"PORTB bit 0 digital I/O with software-programmable weak pull-up; alternate function is the external interrupt input INT (Schmitt Trigger when configured as INT).","name":"INT/RB0","number":"33","type":"Bidir"},{"desc":"PORTB bit 1 digital I/O (TTL) with software-programmable weak pull-up.","name":"RB1","number":"34","type":"Bidir"},{"desc":"PORTB bit 2 digital I/O (TTL) with software-programmable weak pull-up.","name":"RB2","number":"35","type":"Bidir"},{"desc":"PORTB bit 3 digital I/O (TTL); alternate function is the low-voltage (single-supply) ICSP programming enable input PGM.","name":"PGM/RB3","number":"36","type":"Bidir"},{"desc":"PORTB bit 4 digital I/O (TTL) with software-programmable weak pull-up and interrupt-on-change capability.","name":"RB4","number":"37","type":"Bidir"},{"desc":"PORTB bit 5 digital I/O (TTL) with software-programmable weak pull-up and interrupt-on-change capability.","name":"RB5","number":"38","type":"Bidir"},{"desc":"PORTB bit 6 digital I/O (TTL) with interrupt-on-change; alternate function is the in-circuit debugger and ICSP programming clock PGC (Schmitt Trigger when in Serial Programming mode).","name":"PGC/RB6","number":"39","type":"Bidir"},{"desc":"PORTB bit 7 digital I/O (TTL) with interrupt-on-change; alternate function is the in-circuit debugger and ICSP programming data PGD (Schmitt Trigger when in Serial Programming mode).","name":"PGD/RB7","number":"40","type":"Bidir"}];+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.htmladded+65
@@ -0,0 +1,65 @@+<!doctype html><html lang=en><head><meta charset=utf-8>+<meta name=viewport content="width=device-width,initial-scale=1"><title>PIC16F877A 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='-950 -1500 1900 3000' style='width:100%;height:100%'><rect x='-750.0' y='-1300.0' width='1500.0' height='2600.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='~{MCLR}/Vpp'><line class='pinvis' x1='-900.0' y1='-1150.0' x2='-750.0' y2='-1150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='-1150.0' x2='-750.0' y2='-1150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-825.0' y='-1105.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='-720.0' y='-1150.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>~{MCLR}/Vpp</text><g class='pingroup' data-num='2' data-name='AN0/RA0'><line class='pinvis' x1='900.0' y1='-1150.0' x2='750.0' y2='-1150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='-1150.0' x2='750.0' y2='-1150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='825.0' y='-1195.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='720.0' y='-1150.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>AN0/RA0</text><g class='pingroup' data-num='3' data-name='AN1/RA1'><line class='pinvis' x1='900.0' y1='-1050.0' x2='750.0' y2='-1050.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='-1050.0' x2='750.0' y2='-1050.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='825.0' y='-1095.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><text x='720.0' y='-1050.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>AN1/RA1</text><g class='pingroup' data-num='4' data-name='CVref/Vref-/AN2/RA2'><line class='pinvis' x1='900.0' y1='-950.0' x2='750.0' y2='-950.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='-950.0' x2='750.0' y2='-950.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='825.0' y='-995.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>4</text><text x='720.0' y='-950.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>CVref/Vref-/AN2/RA2</text><g class='pingroup' data-num='5' data-name='Vref+/AN3/RA3'><line class='pinvis' x1='900.0' y1='-850.0' x2='750.0' y2='-850.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='-850.0' x2='750.0' y2='-850.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='825.0' y='-895.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>5</text><text x='720.0' y='-850.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>Vref+/AN3/RA3</text><g class='pingroup' data-num='6' data-name='C1OUT/T0CKI/RA4'><line class='pinvis' x1='900.0' y1='-750.0' x2='750.0' y2='-750.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='-750.0' x2='750.0' y2='-750.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='825.0' y='-795.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><text x='720.0' y='-750.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>C1OUT/T0CKI/RA4</text><g class='pingroup' data-num='7' data-name='~{SS}/C2OUT/AN4/RA5'><line class='pinvis' x1='900.0' y1='-650.0' x2='750.0' y2='-650.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='-650.0' x2='750.0' y2='-650.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='825.0' y='-695.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='720.0' y='-650.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>~{SS}/C2OUT/AN4/RA5</text><g class='pingroup' data-num='8' data-name='RE0/~{RD}/AN5'><line class='pinvis' x1='-900.0' y1='450.0' x2='-750.0' y2='450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='450.0' x2='-750.0' y2='450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-825.0' y='495.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>8</text><text x='-720.0' y='450.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RE0/~{RD}/AN5</text><g class='pingroup' data-num='9' data-name='RE1/~{WR}/AN6'><line class='pinvis' x1='-900.0' y1='550.0' x2='-750.0' y2='550.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='550.0' x2='-750.0' y2='550.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-825.0' y='595.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>9</text><text x='-720.0' y='550.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RE1/~{WR}/AN6</text><g class='pingroup' data-num='10' data-name='RE2/~{CS}/AN7'><line class='pinvis' x1='-900.0' y1='650.0' x2='-750.0' y2='650.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='650.0' x2='-750.0' y2='650.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-825.0' y='695.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>10</text><text x='-720.0' y='650.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RE2/~{CS}/AN7</text><g class='pingroup' data-num='11' data-name='VDD'><line class='pinvis' x1='0.0' y1='-1450.0' x2='0.0' y2='-1300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='0.0' y1='-1450.0' x2='0.0' y2='-1300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-45.0' y='-1375.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>11</text><text x='0.0' y='-1270.0' font-size='60' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>VDD</text><g class='pingroup' data-num='12' data-name='VSS'><line class='pinvis' x1='0.0' y1='1450.0' x2='0.0' y2='1300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='0.0' y1='1450.0' x2='0.0' y2='1300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='45.0' y='1375.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>12</text><text x='0.0' y='1270.0' font-size='60' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>VSS</text><g class='pingroup' data-num='13' data-name='OSC1/CLKI'><line class='pinvis' x1='-900.0' y1='-850.0' x2='-750.0' y2='-850.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='-850.0' x2='-750.0' y2='-850.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-825.0' y='-805.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>13</text><text x='-720.0' y='-850.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>OSC1/CLKI</text><g class='pingroup' data-num='14' data-name='OSC2/CLKO'><line class='pinvis' x1='-900.0' y1='-650.0' x2='-750.0' y2='-650.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='-650.0' x2='-750.0' y2='-650.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-825.0' y='-605.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>14</text><text x='-720.0' y='-650.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>OSC2/CLKO</text><g class='pingroup' data-num='15' data-name='T1OSO/T1CKI/RC0'><line class='pinvis' x1='900.0' y1='450.0' x2='750.0' y2='450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='450.0' x2='750.0' y2='450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='825.0' y='405.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>15</text><text x='720.0' y='450.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>T1OSO/T1CKI/RC0</text><g class='pingroup' data-num='16' data-name='T1OSI/CCP2/RC1'><line class='pinvis' x1='900.0' y1='550.0' x2='750.0' y2='550.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='550.0' x2='750.0' y2='550.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='825.0' y='505.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>16</text><text x='720.0' y='550.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>T1OSI/CCP2/RC1</text><g class='pingroup' data-num='17' data-name='CCP1/RC2'><line class='pinvis' x1='900.0' y1='650.0' x2='750.0' y2='650.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='650.0' x2='750.0' y2='650.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='825.0' y='605.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>17</text><text x='720.0' y='650.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>CCP1/RC2</text><g class='pingroup' data-num='18' data-name='SCK/SCL/RC3'><line class='pinvis' x1='900.0' y1='750.0' x2='750.0' y2='750.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='750.0' x2='750.0' y2='750.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='825.0' y='705.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>18</text><text x='720.0' y='750.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>SCK/SCL/RC3</text><g class='pingroup' data-num='19' data-name='RD0/PSP0'><line class='pinvis' x1='-900.0' y1='-450.0' x2='-750.0' y2='-450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='-450.0' x2='-750.0' y2='-450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-825.0' y='-405.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>19</text><text x='-720.0' y='-450.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RD0/PSP0</text><g class='pingroup' data-num='20' data-name='RD1/PSP1'><line class='pinvis' x1='-900.0' y1='-350.0' x2='-750.0' y2='-350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='-350.0' x2='-750.0' y2='-350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-825.0' y='-305.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>20</text><text x='-720.0' y='-350.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RD1/PSP1</text><g class='pingroup' data-num='21' data-name='RD2/PSP2'><line class='pinvis' x1='-900.0' y1='-250.0' x2='-750.0' y2='-250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='-250.0' x2='-750.0' y2='-250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-825.0' y='-205.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>21</text><text x='-720.0' y='-250.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RD2/PSP2</text><g class='pingroup' data-num='22' data-name='RD3/PSP3'><line class='pinvis' x1='-900.0' y1='-150.0' x2='-750.0' y2='-150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='-150.0' x2='-750.0' y2='-150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-825.0' y='-105.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>22</text><text x='-720.0' y='-150.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RD3/PSP3</text><g class='pingroup' data-num='23' data-name='SDI/SDA/RC4'><line class='pinvis' x1='900.0' y1='850.0' x2='750.0' y2='850.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='850.0' x2='750.0' y2='850.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='825.0' y='805.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>23</text><text x='720.0' y='850.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>SDI/SDA/RC4</text><g class='pingroup' data-num='24' data-name='SDO/RC5'><line class='pinvis' x1='900.0' y1='950.0' x2='750.0' y2='950.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='950.0' x2='750.0' y2='950.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='825.0' y='905.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>24</text><text x='720.0' y='950.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>SDO/RC5</text><g class='pingroup' data-num='25' data-name='CK/TX/RC6'><line class='pinvis' x1='900.0' y1='1050.0' x2='750.0' y2='1050.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='1050.0' x2='750.0' y2='1050.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='825.0' y='1005.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>25</text><text x='720.0' y='1050.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>CK/TX/RC6</text><g class='pingroup' data-num='26' data-name='DT/RX/RC7'><line class='pinvis' x1='900.0' y1='1150.0' x2='750.0' y2='1150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='1150.0' x2='750.0' y2='1150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='825.0' y='1105.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>26</text><text x='720.0' y='1150.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>DT/RX/RC7</text><g class='pingroup' data-num='27' data-name='RD4/PSP4'><line class='pinvis' x1='-900.0' y1='-50.0' x2='-750.0' y2='-50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='-50.0' x2='-750.0' y2='-50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-825.0' y='-5.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>27</text><text x='-720.0' y='-50.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RD4/PSP4</text><g class='pingroup' data-num='28' data-name='RD5/PSP5'><line class='pinvis' x1='-900.0' y1='50.0' x2='-750.0' y2='50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='50.0' x2='-750.0' y2='50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-825.0' y='95.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>28</text><text x='-720.0' y='50.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RD5/PSP5</text><g class='pingroup' data-num='29' data-name='RD6/PSP6'><line class='pinvis' x1='-900.0' y1='150.0' x2='-750.0' y2='150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='150.0' x2='-750.0' y2='150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-825.0' y='195.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>29</text><text x='-720.0' y='150.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RD6/PSP6</text><g class='pingroup' data-num='30' data-name='RD7/PSP7'><line class='pinvis' x1='-900.0' y1='250.0' x2='-750.0' y2='250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='250.0' x2='-750.0' y2='250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-825.0' y='295.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>30</text><text x='-720.0' y='250.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RD7/PSP7</text><g class='pingroup' data-num='31' data-name='VSS'><line class='pinvis' x1='100.0' y1='1450.0' x2='100.0' y2='1300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='100.0' y1='1450.0' x2='100.0' y2='1300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='145.0' y='1375.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>31</text><text x='100.0' y='1270.0' font-size='60' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>VSS</text><g class='pingroup' data-num='32' data-name='VDD'><line class='pinvis' x1='100.0' y1='-1450.0' x2='100.0' y2='-1300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='100.0' y1='-1450.0' x2='100.0' y2='-1300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='55.0' y='-1375.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>32</text><text x='100.0' y='-1270.0' font-size='60' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>VDD</text><g class='pingroup' data-num='33' data-name='INT/RB0'><line class='pinvis' x1='900.0' y1='-450.0' x2='750.0' y2='-450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='-450.0' x2='750.0' y2='-450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='825.0' y='-495.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>33</text><text x='720.0' y='-450.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>INT/RB0</text><g class='pingroup' data-num='34' data-name='RB1'><line class='pinvis' x1='900.0' y1='-350.0' x2='750.0' y2='-350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='-350.0' x2='750.0' y2='-350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='825.0' y='-395.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>34</text><text x='720.0' y='-350.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>RB1</text><g class='pingroup' data-num='35' data-name='RB2'><line class='pinvis' x1='900.0' y1='-250.0' x2='750.0' y2='-250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='-250.0' x2='750.0' y2='-250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='825.0' y='-295.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>35</text><text x='720.0' y='-250.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>RB2</text><g class='pingroup' data-num='36' data-name='PGM/RB3'><line class='pinvis' x1='900.0' y1='-150.0' x2='750.0' y2='-150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='-150.0' x2='750.0' y2='-150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='825.0' y='-195.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>36</text><text x='720.0' y='-150.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PGM/RB3</text><g class='pingroup' data-num='37' data-name='RB4'><line class='pinvis' x1='900.0' y1='-50.0' x2='750.0' y2='-50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='-50.0' x2='750.0' y2='-50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='825.0' y='-95.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>37</text><text x='720.0' y='-50.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>RB4</text><g class='pingroup' data-num='38' data-name='RB5'><line class='pinvis' x1='900.0' y1='50.0' x2='750.0' y2='50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='50.0' x2='750.0' y2='50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='825.0' y='5.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>38</text><text x='720.0' y='50.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>RB5</text><g class='pingroup' data-num='39' data-name='PGC/RB6'><line class='pinvis' x1='900.0' y1='150.0' x2='750.0' y2='150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='150.0' x2='750.0' y2='150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='825.0' y='105.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>39</text><text x='720.0' y='150.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PGC/RB6</text><g class='pingroup' data-num='40' data-name='PGD/RB7'><line class='pinvis' x1='900.0' y1='250.0' x2='750.0' y2='250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='250.0' x2='750.0' y2='250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='825.0' y='205.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>40</text><text x='720.0' y='250.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PGD/RB7</text></svg></div>+<div id=tip></div>+<script>+var KIND="symbol", MPN="PIC16F877A", PINS=[{"desc":"Master Clear (active-low reset) input and programming voltage input.","name":"~{MCLR}/Vpp","number":"1","type":"Input"},{"desc":"PORTA bit 0 digital I/O with TTL input buffer; alternate function is analog input channel AN0 to the 10-bit ADC.","name":"AN0/RA0","number":"2","type":"Bidir"},{"desc":"PORTA bit 1 digital I/O with TTL input buffer; alternate function is analog input channel AN1 to the 10-bit ADC.","name":"AN1/RA1","number":"3","type":"Bidir"},{"desc":"PORTA bit 2 digital I/O (TTL); can be analog input AN2, ADC low reference input VREF-, or comparator voltage-reference output CVREF.","name":"CVref/Vref-/AN2/RA2","number":"4","type":"Bidir"},{"desc":"PORTA bit 3 digital I/O (TTL); can be analog input AN3 or ADC high reference input VREF+.","name":"Vref+/AN3/RA3","number":"5","type":"Bidir"},{"desc":"PORTA bit 4 digital I/O with Schmitt Trigger input buffer, open-drain output stage; also the Timer0 external clock input T0CKI or Comparator 1 output C1OUT.","name":"C1OUT/T0CKI/RA4","number":"6","type":"Bidir"},{"desc":"PORTA bit 5 digital I/O (TTL); can be analog input AN4, SPI slave-select input SS, or Comparator 2 output C2OUT.","name":"~{SS}/C2OUT/AN4/RA5","number":"7","type":"Bidir"},{"desc":"PORTE bit 0 digital I/O (ST); can be the Parallel Slave Port read-strobe input RD (active-low) or analog input AN5.","name":"RE0/~{RD}/AN5","number":"8","type":"Bidir"},{"desc":"PORTE bit 1 digital I/O (ST); can be the Parallel Slave Port write-strobe input WR (active-low) or analog input AN6.","name":"RE1/~{WR}/AN6","number":"9","type":"Bidir"},{"desc":"PORTE bit 2 digital I/O (ST); can be the Parallel Slave Port chip-select input CS (active-low) or analog input AN7.","name":"RE2/~{CS}/AN7","number":"10","type":"Bidir"},{"desc":"Positive supply for logic and I/O pins.","name":"VDD","number":"11","type":"Power"},{"desc":"Ground reference for logic and I/O pins.","name":"VSS","number":"12","type":"Power"},{"desc":"Oscillator crystal input or external clock source input.","name":"OSC1/CLKI","number":"13","type":"Input"},{"desc":"Oscillator crystal output; connects to crystal or resonator in Crystal Oscillator mode.","name":"OSC2/CLKO","number":"14","type":"Output"},{"desc":"PORTC bit 0 digital I/O (ST); can be Timer1 low-power oscillator output T1OSO or Timer1 external clock input T1CKI.","name":"T1OSO/T1CKI/RC0","number":"15","type":"Bidir"},{"desc":"PORTC bit 1 digital I/O (ST); can be Timer1 oscillator input T1OSI or CCP2 Capture2 input / Compare2 output / PWM2 output.","name":"T1OSI/CCP2/RC1","number":"16","type":"Bidir"},{"desc":"PORTC bit 2 digital I/O (ST); can be CCP1 Capture1 input, Compare1 output, or PWM1 output (up to 10-bit PWM).","name":"CCP1/RC2","number":"17","type":"Bidir"},{"desc":"PORTC bit 3 digital I/O (ST); MSSP synchronous serial clock I/O — SCK for SPI mode or SCL for I2C mode.","name":"SCK/SCL/RC3","number":"18","type":"Bidir"},{"desc":"PORTD bit 0 digital I/O (ST); Parallel Slave Port data bit 0 when PSP is enabled.","name":"RD0/PSP0","number":"19","type":"Bidir"},{"desc":"PORTD bit 1 digital I/O (ST); Parallel Slave Port data bit 1 when PSP is enabled.","name":"RD1/PSP1","number":"20","type":"Bidir"},{"desc":"PORTD bit 2 digital I/O (ST); Parallel Slave Port data bit 2 when PSP is enabled.","name":"RD2/PSP2","number":"21","type":"Bidir"},{"desc":"PORTD bit 3 digital I/O (ST); Parallel Slave Port data bit 3 when PSP is enabled.","name":"RD3/PSP3","number":"22","type":"Bidir"},{"desc":"PORTC bit 4 digital I/O (ST); MSSP SPI data input SDI or I2C data I/O SDA.","name":"SDI/SDA/RC4","number":"23","type":"Bidir"},{"desc":"PORTC bit 5 digital I/O (ST); MSSP SPI data output SDO.","name":"SDO/RC5","number":"24","type":"Bidir"},{"desc":"PORTC bit 6 digital I/O (ST); USART asynchronous transmit TX or USART synchronous clock CK.","name":"CK/TX/RC6","number":"25","type":"Bidir"},{"desc":"PORTC bit 7 digital I/O (ST); USART asynchronous receive RX or USART synchronous data DT.","name":"DT/RX/RC7","number":"26","type":"Bidir"},{"desc":"PORTD bit 4 digital I/O (ST); Parallel Slave Port data bit 4 when PSP is enabled.","name":"RD4/PSP4","number":"27","type":"Bidir"},{"desc":"PORTD bit 5 digital I/O (ST); Parallel Slave Port data bit 5 when PSP is enabled.","name":"RD5/PSP5","number":"28","type":"Bidir"},{"desc":"PORTD bit 6 digital I/O (ST); Parallel Slave Port data bit 6 when PSP is enabled.","name":"RD6/PSP6","number":"29","type":"Bidir"},{"desc":"PORTD bit 7 digital I/O (ST); Parallel Slave Port data bit 7 when PSP is enabled.","name":"RD7/PSP7","number":"30","type":"Bidir"},{"desc":"Ground reference for logic and I/O pins.","name":"VSS","number":"31","type":"Power"},{"desc":"Positive supply for logic and I/O pins (2.0-5.5 V).","name":"VDD","number":"32","type":"Power"},{"desc":"PORTB bit 0 digital I/O with software-programmable weak pull-up; alternate function is the external interrupt input INT (Schmitt Trigger when configured as INT).","name":"INT/RB0","number":"33","type":"Bidir"},{"desc":"PORTB bit 1 digital I/O (TTL) with software-programmable weak pull-up.","name":"RB1","number":"34","type":"Bidir"},{"desc":"PORTB bit 2 digital I/O (TTL) with software-programmable weak pull-up.","name":"RB2","number":"35","type":"Bidir"},{"desc":"PORTB bit 3 digital I/O (TTL); alternate function is the low-voltage (single-supply) ICSP programming enable input PGM.","name":"PGM/RB3","number":"36","type":"Bidir"},{"desc":"PORTB bit 4 digital I/O (TTL) with software-programmable weak pull-up and interrupt-on-change capability.","name":"RB4","number":"37","type":"Bidir"},{"desc":"PORTB bit 5 digital I/O (TTL) with software-programmable weak pull-up and interrupt-on-change capability.","name":"RB5","number":"38","type":"Bidir"},{"desc":"PORTB bit 6 digital I/O (TTL) with interrupt-on-change; alternate function is the in-circuit debugger and ICSP programming clock PGC (Schmitt Trigger when in Serial Programming mode).","name":"PGC/RB6","number":"39","type":"Bidir"},{"desc":"PORTB bit 7 digital I/O (TTL) with interrupt-on-change; alternate function is the in-circuit debugger and ICSP programming data PGD (Schmitt Trigger when in Serial Programming mode).","name":"PGD/RB7","number":"40","type":"Bidir"}];+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>