← Commit history

tmcj0j475mtrf: viewers

Ray ·bc7718b35c · ·parent 2da8cf7
2 files changed +8−7
viewers/footprint.html+4−4
@@ -1,5 +1,5 @@ <!doctype html><html><head><meta charset="utf-8">-<title>C_0603_1608Metric - adom-footprint</title>+<title>CP_EIA-1608-10_AVX-L - adom-footprint</title> <meta name="viewport" content="width=device-width,initial-scale=1"> <style> /* ── adom-footprint shared viewer core (CSS) ───────────────────────────────@@ -53,11 +53,11 @@ aside .ah{padding:9px 12px;border-bottom:1px solid var(--border);font-size:12px; .note b{color:#7ef0d2} </style></head> <body>-  <header><span class="dot"></span><span class="b">adom-footprint <span>· interactive</span></span><span class="nm">C_0603_1608Metric</span></header>+  <header><span class="dot"></span><span class="b">adom-footprint <span>· interactive</span></span><span class="nm">CP_EIA-1608-10_AVX-L</span></header>   <main>     <div class="vpwrap">       <div class="av-vp" id="vp">-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="-2.375 -1.625 4.750 3.250" preserveAspectRatio="xMidYMid meet"><g class="adom-layer-courtyard"><rect x="-1.4800" y="-0.7300" width="2.9600" height="1.4600" stroke="#FF26E2" stroke-width="0.050" fill="none"/></g><g class="adom-layer-fab"><rect x="-0.8000" y="-0.4000" width="1.6000" height="0.8000" stroke="#6e7681" stroke-width="0.100" fill="none"/></g><g class="adom-layer-copper"><g data-pad="1" data-shape="roundrect" data-size="0.900x0.950" data-mount="smd"><rect x="-1.225" y="-0.475" width="0.900" height="0.950" rx="0.225" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="2" data-shape="roundrect" data-size="0.900x0.950" data-mount="smd"><rect x="0.325" y="-0.475" width="0.900" height="0.950" rx="0.225" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g></g><g class="adom-layer-heatsink"></g><g class="adom-layer-drill"></g><g class="adom-layer-silk"><line x1="-0.1406" y1="-0.5100" x2="0.1406" y2="-0.5100" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="-0.1406" y1="0.5100" x2="0.1406" y2="0.5100" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/></g><g class="adom-layer-padnum"><text x="-0.775" y="0.000" text-anchor="middle" dominant-baseline="central" font-size="0.378" fill="#fff" font-family="sans-serif" style="pointer-events:none">1</text><text x="0.775" y="0.000" text-anchor="middle" dominant-baseline="central" font-size="0.378" fill="#fff" font-family="sans-serif" style="pointer-events:none">2</text></g><g class="adom-layer-paste-apertures"><rect x="-1.225" y="-0.475" width="0.900" height="0.950" rx="0.05" transform="rotate(0.00 -0.775 0.000)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="0.325" y="-0.475" width="0.900" height="0.950" rx="0.05" transform="rotate(0.00 0.775 0.000)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/></g><g class="adom-layer-paste-dots"><circle cx="-0.900" cy="-0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.900" cy="0.000" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.900" cy="0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.650" cy="-0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.650" cy="0.000" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.650" cy="0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.650" cy="-0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.650" cy="0.000" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.650" cy="0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.900" cy="-0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.900" cy="0.000" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.900" cy="0.250" r="0.150" fill="#37c8a6" opacity="0.92"/></g></svg>+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="-2.410 -1.715 4.820 3.430" preserveAspectRatio="xMidYMid meet"><g class="adom-layer-courtyard"><rect x="-1.5100" y="-0.8200" width="3.0200" height="1.6400" stroke="#FF26E2" stroke-width="0.050" fill="none"/></g><g class="adom-layer-fab"><line x1="-0.8000" y1="-0.1250" x2="-0.8000" y2="0.4250" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/><line x1="-0.8000" y1="0.4250" x2="0.8000" y2="0.4250" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/><line x1="-0.5000" y1="-0.4250" x2="-0.8000" y2="-0.1250" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/><line x1="0.8000" y1="-0.4250" x2="-0.5000" y2="-0.4250" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/><line x1="0.8000" y1="0.4250" x2="0.8000" y2="-0.4250" stroke="#6e7681" stroke-width="0.100" stroke-linecap="round" fill="none"/></g><g class="adom-layer-copper"><g data-pad="1" data-shape="roundrect" data-size="1.090x1.130" data-mount="smd"><rect x="-1.260" y="-0.565" width="1.090" height="1.130" rx="0.250" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="2" data-shape="roundrect" data-size="1.090x1.130" data-mount="smd"><rect x="0.170" y="-0.565" width="1.090" height="1.130" rx="0.250" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g></g><g class="adom-layer-heatsink"></g><g class="adom-layer-drill"></g><g class="adom-layer-silk"><line x1="-1.5200" y1="-0.8250" x2="-1.5200" y2="0.8250" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="-1.5200" y1="0.8250" x2="0.8000" y2="0.8250" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="0.8000" y1="-0.8250" x2="-1.5200" y2="-0.8250" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/></g><g class="adom-layer-padnum"><text x="-0.715" y="0.000" text-anchor="middle" dominant-baseline="central" font-size="0.458" fill="#fff" font-family="sans-serif" style="pointer-events:none">1</text><text x="0.715" y="0.000" text-anchor="middle" dominant-baseline="central" font-size="0.458" fill="#fff" font-family="sans-serif" style="pointer-events:none">2</text></g><g class="adom-layer-paste-apertures"><rect x="-1.260" y="-0.565" width="1.090" height="1.130" rx="0.05" transform="rotate(0.00 -0.715 0.000)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="0.170" y="-0.565" width="1.090" height="1.130" rx="0.05" transform="rotate(0.00 0.715 0.000)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/></g><g class="adom-layer-paste-dots"><circle cx="-0.965" cy="-0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.965" cy="0.000" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.965" cy="0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.715" cy="-0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.715" cy="0.000" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.715" cy="0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.465" cy="-0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.465" cy="0.000" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-0.465" cy="0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.465" cy="-0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.465" cy="0.000" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.465" cy="0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.715" cy="-0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.715" cy="0.000" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.715" cy="0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.965" cy="-0.250" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.965" cy="0.000" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="0.965" cy="0.250" r="0.150" fill="#37c8a6" opacity="0.92"/></g></svg>       </div>     </div>     <aside>@@ -198,7 +198,7 @@ aside .ah{padding:9px 12px;border-bottom:1px solid var(--border);font-size:12px; })(); </script> <script>-var META={"pasteApertures":2,"pasteDots":12};+var META={"pasteApertures":2,"pasteDots":18}; (function(){   var vp=document.getElementById('vp');   var svg=vp.querySelector('svg');
viewers/symbol.html+4−3
@@ -23,10 +23,10 @@ rect.pad.hi{stroke:var(--hi);stroke-width:.15;paint-order:stroke} #tip .td{font-size:11px;color:var(--ink);margin-top:5px;line-height:1.4} </style></head><body> <div class=bar><span class=h>Schematic symbol</span><span class=sp></span></div>-<div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-750 -150 1500 300' style='width:100%;height:100%'><rect x='-500.0' y='-100.0' width='1000.0' height='200.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='1'><line class='pinvis' x1='-700.0' y1='-0.0' x2='-500.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-0.0' x2='-500.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='45.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='-470.0' y='0.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>1</text><g class='pingroup' data-num='2' data-name='2'><line class='pinvis' x1='700.0' y1='-0.0' x2='500.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-0.0' x2='500.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-45.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='470.0' y='0.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>2</text></svg></div>+<div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-140 -200 280 400' style='width:100%;height:100%'><rect x='-90.0' y='-40.0' width='180.0' height='20.0' fill='none' stroke='#e35d5d' stroke-width='4'/><rect x='-90.0' y='20.0' width='180.0' height='20.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><polyline points='-70.0,-90.0 -30.0,-90.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-50.0,-110.0 -50.0,-70.0' fill='none' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name=''><line class='pinvis' x1='0.0' y1='-150.0' x2='0.0' y2='-40.0' stroke='#dfe4ec' stroke-width='4'/><line x1='0.0' y1='-150.0' x2='0.0' y2='-40.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><g class='pingroup' data-num='2' data-name=''><line class='pinvis' x1='0.0' y1='150.0' x2='0.0' y2='40.0' stroke='#dfe4ec' stroke-width='4'/><line x1='0.0' y1='150.0' x2='0.0' y2='40.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g></svg></div> <div id=tip></div> <script>-var KIND="symbol", MPN="ADOM/TMCJ0J475MTRF", PINS=[{"desc":"","name":"1","number":"1","type":""},{"desc":"","name":"2","number":"2","type":""}];+var KIND="symbol", MPN="ADOM/TMCJ0J475MTRF", PINS=[{"desc":"","name":"","number":"1","type":""},{"desc":"","name":"","number":"2","type":""}]; var byNum={}; PINS.forEach(function(p){byNum[String(p.number)]=p;}); var stage=document.getElementById('stage'), svg=stage.querySelector('svg'), tip=document.getElementById('tip'); // ---- pan/zoom ----@@ -44,7 +44,8 @@ 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';}+function ovName(el,pre,nm){el.textContent=pre;var r=nm,i;while((i=r.indexOf('~{'))>=0){el.appendChild(document.createTextNode(r.slice(0,i)));var a=r.slice(i+2),j=a.indexOf('}'),s=document.createElement('span');s.style.textDecoration='overline';s.textContent=j<0?a:a.slice(0,j);el.appendChild(s);r=j<0?'':a.slice(j+1);}el.appendChild(document.createTextNode(r));}+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>';ovName(tip.querySelector('.tn'),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);});