component
SN74HC08 Quad AND Gate
Public Made by Adomby adom
Quad 2-input AND gate in the 74HC CMOS family.
← Commit history
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>SN74HC08 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='-4.100 -4.980 8.200 9.960' style='width:100%;height:100%'><line class='ly-silk' x1='-2.060' y1='-4.435' x2='2.060' y2='-4.435' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-2.060' y1='-4.370' x2='-2.060' y2='-4.435' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-2.060' y1='4.435' x2='-2.060' y2='4.370' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.060' y1='-4.435' x2='2.060' y2='-4.370' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.060' y1='4.370' x2='2.060' y2='4.435' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.060' y1='4.435' x2='-2.060' y2='4.435' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-courtyard' x1='-3.700' y1='-4.360' x2='-2.200' y2='-4.360' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-3.700' y1='4.360' x2='-3.700' y2='-4.360' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.200' y1='-4.580' x2='2.200' y2='-4.580' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.200' y1='-4.360' x2='-2.200' y2='-4.580' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.200' y1='4.360' x2='-3.700' y2='4.360' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.200' y1='4.580' x2='-2.200' y2='4.360' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.200' y1='-4.580' x2='2.200' y2='-4.360' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.200' y1='-4.360' x2='3.700' y2='-4.360' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.200' y1='4.360' x2='2.200' y2='4.580' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.200' y1='4.580' x2='-2.200' y2='4.580' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='3.700' y1='-4.360' x2='3.700' y2='4.360' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='3.700' y1='4.360' x2='2.200' y2='4.360' stroke='#4ade80' stroke-width='0.050'/><rect class='ly-copper pad' data-num='1' data-name='' x='-3.450' y='-4.110' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.475' y='-3.810' font-size='0.360' 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='' x='-3.450' y='-2.840' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.475' y='-2.540' font-size='0.360' 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='' x='-3.450' y='-1.570' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.475' y='-1.270' font-size='0.360' 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='' x='-3.450' y='-0.300' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.475' y='0.000' font-size='0.360' 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='' x='-3.450' y='0.970' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.475' y='1.270' font-size='0.360' 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='' x='-3.450' y='2.240' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.475' y='2.540' font-size='0.360' 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='GND' x='-3.450' y='3.510' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.475' y='3.810' font-size='0.360' 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='' x='1.500' y='3.510' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.475' y='3.810' font-size='0.360' 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='' x='1.500' y='2.240' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.475' y='2.540' font-size='0.360' 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='' x='1.500' y='0.970' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.475' y='1.270' font-size='0.360' 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='' x='1.500' y='-0.300' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.475' y='0.000' font-size='0.360' 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='' x='1.500' y='-1.570' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.475' y='-1.270' font-size='0.360' 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='' x='1.500' y='-2.840' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.475' y='-2.540' font-size='0.360' 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='VCC' x='1.500' y='-4.110' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.475' y='-3.810' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>14</text></svg></div>+<div id=tip></div>+<script>+var KIND="footprint", MPN="SN74HC08", PINS=[{"desc":"Channel 1, Input A.","name":"","number":"1","type":"Input"},{"desc":"Channel 1, Input B.","name":"","number":"2","type":"Input"},{"desc":"Channel 1, Output Y.","name":"","number":"3","type":"Output"},{"desc":"Channel 1, Input A.","name":"","number":"1","type":"Input"},{"desc":"Channel 1, Input B.","name":"","number":"2","type":"Input"},{"desc":"Channel 1, Output Y.","name":"","number":"3","type":"Output"},{"desc":"Channel 2, Input A.","name":"","number":"4","type":"Input"},{"desc":"Channel 2, Input B.","name":"","number":"5","type":"Input"},{"desc":"Channel 2, Output Y.","name":"","number":"6","type":"Output"},{"desc":"Channel 2, Input A.","name":"","number":"4","type":"Input"},{"desc":"Channel 2, Input B.","name":"","number":"5","type":"Input"},{"desc":"Channel 2, Output Y.","name":"","number":"6","type":"Output"},{"desc":"Channel 3, Output Y.","name":"","number":"8","type":"Output"},{"desc":"Channel 3, Input A.","name":"","number":"9","type":"Input"},{"desc":"Channel 3, Input B.","name":"","number":"10","type":"Input"},{"desc":"Channel 3, Output Y.","name":"","number":"8","type":"Output"},{"desc":"Channel 3, Input A.","name":"","number":"9","type":"Input"},{"desc":"Channel 3, Input B.","name":"","number":"10","type":"Input"},{"desc":"Channel 4, Output Y.","name":"","number":"11","type":"Output"},{"desc":"Channel 4, Input A.","name":"","number":"12","type":"Input"},{"desc":"Channel 4, Input B.","name":"","number":"13","type":"Input"},{"desc":"Channel 4, Output Y.","name":"","number":"11","type":"Output"},{"desc":"Channel 4, Input A.","name":"","number":"12","type":"Input"},{"desc":"Channel 4, Input B.","name":"","number":"13","type":"Input"},{"desc":"Ground reference (0 V).","name":"GND","number":"7","type":"Power"},{"desc":"Positive supply.","name":"VCC","number":"14","type":"Power"}];+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>SN74HC08 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='-518 -550 1018 1100' style='width:100%;height:100%'><polyline points='150.0,-150.0 0.0,-150.0 0.0,150.0 150.0,150.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='0.0,-150.0 125.0,-150.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='0.0,150.0 125.0,150.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='125.0,-150.0 0.0,-150.0 0.0,-150.0 10.0,-134.0 31.0,-89.0 44.0,-41.0 47.0,10.0 41.0,59.0 25.0,107.0 0.0,150.0 0.0,150.0 125.0,150.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='150.0,-150.0 0.0,-150.0 0.0,150.0 150.0,150.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='0.0,-150.0 125.0,-150.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='0.0,150.0 125.0,150.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='125.0,-150.0 0.0,-150.0 0.0,-150.0 10.0,-134.0 31.0,-89.0 44.0,-41.0 47.0,10.0 41.0,59.0 25.0,107.0 0.0,150.0 0.0,150.0 125.0,150.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='150.0,-150.0 0.0,-150.0 0.0,150.0 150.0,150.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='0.0,-150.0 125.0,-150.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='0.0,150.0 125.0,150.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='125.0,-150.0 0.0,-150.0 0.0,-150.0 10.0,-134.0 31.0,-89.0 44.0,-41.0 47.0,10.0 41.0,59.0 25.0,107.0 0.0,150.0 0.0,150.0 125.0,150.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='150.0,-150.0 0.0,-150.0 0.0,150.0 150.0,150.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='0.0,-150.0 125.0,-150.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='0.0,150.0 125.0,150.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='125.0,-150.0 0.0,-150.0 0.0,-150.0 10.0,-134.0 31.0,-89.0 44.0,-41.0 47.0,10.0 41.0,59.0 25.0,107.0 0.0,150.0 0.0,150.0 125.0,150.0' fill='none' stroke='#e35d5d' stroke-width='4'/><rect x='-50.0' y='-300.0' width='400.0' height='600.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><path d='M150.0 150.0 A150.0 150.0 0 0 0 150.0 -150.0' fill='none' stroke='#e35d5d' stroke-width='4'/><path d='M-0.0 150.0 A258.1 258.1 0 0 0 -0.0 -150.0' fill='none' stroke='#e35d5d' stroke-width='4'/><path d='M126.0 150.0 A204.6 204.6 0 0 0 300.0 -0.0' fill='none' stroke='#e35d5d' stroke-width='4'/><path d='M300.0 0.0 A202.5 202.5 0 0 0 126.0 -150.0' fill='none' stroke='#e35d5d' stroke-width='4'/><path d='M150.0 150.0 A150.0 150.0 0 0 0 150.0 -150.0' fill='none' stroke='#e35d5d' stroke-width='4'/><path d='M-0.0 150.0 A258.1 258.1 0 0 0 -0.0 -150.0' fill='none' stroke='#e35d5d' stroke-width='4'/><path d='M126.0 150.0 A204.6 204.6 0 0 0 300.0 -0.0' fill='none' stroke='#e35d5d' stroke-width='4'/><path d='M300.0 0.0 A202.5 202.5 0 0 0 126.0 -150.0' fill='none' stroke='#e35d5d' stroke-width='4'/><path d='M150.0 150.0 A150.0 150.0 0 0 0 150.0 -150.0' fill='none' stroke='#e35d5d' stroke-width='4'/><path d='M-0.0 150.0 A258.1 258.1 0 0 0 -0.0 -150.0' fill='none' stroke='#e35d5d' stroke-width='4'/><path d='M126.0 150.0 A204.6 204.6 0 0 0 300.0 -0.0' fill='none' stroke='#e35d5d' stroke-width='4'/><path d='M300.0 0.0 A202.5 202.5 0 0 0 126.0 -150.0' fill='none' stroke='#e35d5d' stroke-width='4'/><path d='M150.0 150.0 A150.0 150.0 0 0 0 150.0 -150.0' fill='none' stroke='#e35d5d' stroke-width='4'/><path d='M-0.0 150.0 A258.1 258.1 0 0 0 -0.0 -150.0' fill='none' stroke='#e35d5d' stroke-width='4'/><path d='M126.0 150.0 A204.6 204.6 0 0 0 300.0 -0.0' fill='none' stroke='#e35d5d' stroke-width='4'/><path d='M300.0 0.0 A202.5 202.5 0 0 0 126.0 -150.0' fill='none' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name=''><line class='pinvis' x1='-150.0' y1='-100.0' x2='0.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-150.0' y1='-100.0' x2='0.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-75.0' y='-55.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><g class='pingroup' data-num='2' data-name=''><line class='pinvis' x1='-150.0' y1='100.0' x2='0.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-150.0' y1='100.0' x2='0.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-75.0' y='145.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><g class='pingroup' data-num='3' data-name=''><line class='pinvis' x1='450.0' y1='-0.0' x2='300.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='450.0' y1='-0.0' x2='300.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='375.0' y='-45.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><g class='pingroup' data-num='1' data-name=''><line class='pinvis' x1='-150.0' y1='-100.0' x2='20.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-150.0' y1='-100.0' x2='20.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-65.0' y='-55.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><g class='pingroup' data-num='2' data-name=''><line class='pinvis' x1='-150.0' y1='100.0' x2='20.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-150.0' y1='100.0' x2='20.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-65.0' y='145.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><g class='pingroup' data-num='3' data-name=''><line class='pinvis' x1='450.0' y1='-0.0' x2='300.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='450.0' y1='-0.0' x2='300.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='375.0' y='-45.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><g class='pingroup' data-num='4' data-name=''><line class='pinvis' x1='-150.0' y1='-100.0' x2='0.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-150.0' y1='-100.0' x2='0.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-75.0' y='-55.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>4</text><g class='pingroup' data-num='5' data-name=''><line class='pinvis' x1='-150.0' y1='100.0' x2='0.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-150.0' y1='100.0' x2='0.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-75.0' y='145.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>5</text><g class='pingroup' data-num='6' data-name=''><line class='pinvis' x1='450.0' y1='-0.0' x2='300.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='450.0' y1='-0.0' x2='300.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='375.0' y='-45.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><g class='pingroup' data-num='4' data-name=''><line class='pinvis' x1='-150.0' y1='-100.0' x2='20.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-150.0' y1='-100.0' x2='20.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-65.0' y='-55.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>4</text><g class='pingroup' data-num='5' data-name=''><line class='pinvis' x1='-150.0' y1='100.0' x2='20.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-150.0' y1='100.0' x2='20.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-65.0' y='145.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>5</text><g class='pingroup' data-num='6' data-name=''><line class='pinvis' x1='450.0' y1='-0.0' x2='300.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='450.0' y1='-0.0' x2='300.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='375.0' y='-45.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><g class='pingroup' data-num='8' data-name=''><line class='pinvis' x1='450.0' y1='-0.0' x2='300.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='450.0' y1='-0.0' x2='300.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='375.0' y='-45.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>8</text><g class='pingroup' data-num='9' data-name=''><line class='pinvis' x1='-150.0' y1='-100.0' x2='0.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-150.0' y1='-100.0' x2='0.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-75.0' y='-55.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>9</text><g class='pingroup' data-num='10' data-name=''><line class='pinvis' x1='-150.0' y1='100.0' x2='0.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-150.0' y1='100.0' x2='0.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-75.0' y='145.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>10</text><g class='pingroup' data-num='8' data-name=''><line class='pinvis' x1='450.0' y1='-0.0' x2='300.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='450.0' y1='-0.0' x2='300.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='375.0' y='-45.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>8</text><g class='pingroup' data-num='9' data-name=''><line class='pinvis' x1='-150.0' y1='-100.0' x2='20.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-150.0' y1='-100.0' x2='20.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-65.0' y='-55.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>9</text><g class='pingroup' data-num='10' data-name=''><line class='pinvis' x1='-150.0' y1='100.0' x2='20.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-150.0' y1='100.0' x2='20.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-65.0' y='145.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>10</text><g class='pingroup' data-num='11' data-name=''><line class='pinvis' x1='450.0' y1='-0.0' x2='300.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='450.0' y1='-0.0' x2='300.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='375.0' y='-45.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>11</text><g class='pingroup' data-num='12' data-name=''><line class='pinvis' x1='-150.0' y1='-100.0' x2='0.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-150.0' y1='-100.0' x2='0.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-75.0' y='-55.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>12</text><g class='pingroup' data-num='13' data-name=''><line class='pinvis' x1='-150.0' y1='100.0' x2='0.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-150.0' y1='100.0' x2='0.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-75.0' y='145.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>13</text><g class='pingroup' data-num='11' data-name=''><line class='pinvis' x1='450.0' y1='-0.0' x2='300.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='450.0' y1='-0.0' x2='300.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='375.0' y='-45.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>11</text><g class='pingroup' data-num='12' data-name=''><line class='pinvis' x1='-150.0' y1='-100.0' x2='20.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-150.0' y1='-100.0' x2='20.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-65.0' y='-55.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>12</text><g class='pingroup' data-num='13' data-name=''><line class='pinvis' x1='-150.0' y1='100.0' x2='20.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-150.0' y1='100.0' x2='20.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-65.0' y='145.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>13</text><g class='pingroup' data-num='7' data-name='GND'><line class='pinvis' x1='150.0' y1='500.0' x2='150.0' y2='300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='150.0' y1='500.0' x2='150.0' y2='300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='195.0' y='400.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='150.0' y='270.0' font-size='60' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>GND</text><g class='pingroup' data-num='14' data-name='VCC'><line class='pinvis' x1='150.0' y1='-500.0' x2='150.0' y2='-300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='150.0' y1='-500.0' x2='150.0' y2='-300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='105.0' y='-400.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>14</text><text x='150.0' y='-270.0' font-size='60' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>VCC</text></svg></div>+<div id=tip></div>+<script>+var KIND="symbol", MPN="SN74HC08", PINS=[{"desc":"Channel 1, Input A.","name":"","number":"1","type":"Input"},{"desc":"Channel 1, Input B.","name":"","number":"2","type":"Input"},{"desc":"Channel 1, Output Y.","name":"","number":"3","type":"Output"},{"desc":"Channel 1, Input A.","name":"","number":"1","type":"Input"},{"desc":"Channel 1, Input B.","name":"","number":"2","type":"Input"},{"desc":"Channel 1, Output Y.","name":"","number":"3","type":"Output"},{"desc":"Channel 2, Input A.","name":"","number":"4","type":"Input"},{"desc":"Channel 2, Input B.","name":"","number":"5","type":"Input"},{"desc":"Channel 2, Output Y.","name":"","number":"6","type":"Output"},{"desc":"Channel 2, Input A.","name":"","number":"4","type":"Input"},{"desc":"Channel 2, Input B.","name":"","number":"5","type":"Input"},{"desc":"Channel 2, Output Y.","name":"","number":"6","type":"Output"},{"desc":"Channel 3, Output Y.","name":"","number":"8","type":"Output"},{"desc":"Channel 3, Input A.","name":"","number":"9","type":"Input"},{"desc":"Channel 3, Input B.","name":"","number":"10","type":"Input"},{"desc":"Channel 3, Output Y.","name":"","number":"8","type":"Output"},{"desc":"Channel 3, Input A.","name":"","number":"9","type":"Input"},{"desc":"Channel 3, Input B.","name":"","number":"10","type":"Input"},{"desc":"Channel 4, Output Y.","name":"","number":"11","type":"Output"},{"desc":"Channel 4, Input A.","name":"","number":"12","type":"Input"},{"desc":"Channel 4, Input B.","name":"","number":"13","type":"Input"},{"desc":"Channel 4, Output Y.","name":"","number":"11","type":"Output"},{"desc":"Channel 4, Input A.","name":"","number":"12","type":"Input"},{"desc":"Channel 4, Input B.","name":"","number":"13","type":"Input"},{"desc":"Ground reference (0 V).","name":"GND","number":"7","type":"Power"},{"desc":"Positive supply.","name":"VCC","number":"14","type":"Power"}];+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>