component
CD74HCT367M96
Public Made by Adomby adom
Texas Instruments Buffers, Drivers, Receivers, Transceivers, SOIC-16. Pinout settled in review by an AI reviewer against the manufacturer's datasheet, KiCad symbol/footprint/3D.
← Commit history
Publish 0.1.2
7 files changed
+372−220
README.md+44−43@@ -40,53 +40,54 @@ Limits as printed in the datasheet (page.json `metadata.characteristics` carries | Parameter | Symbol | Min | Typ | Max | Unit | Conditions | Page | |---|---|---|---|---|---|---|---|-| Supply voltage range (absolute maximum) | VCC | -0.5 | | 7 | V | | 4 |+| Supply voltage range | VCC | -0.5 | | 7 | V | over operating free-air temperature range | 4 | | Input clamp current | IIK | -20 | | 20 | mA | VI < -0.5 V or VI > VCC + 0.5 V | 4 | | Output clamp current | IOK | -20 | | 20 | mA | VO < -0.5 V or VO > VCC + 0.5 V | 4 | | Continuous output current | IO | -35 | | 35 | mA | -0.5 V < VO < VCC + 0.5 V | 4 | | Continuous current through VCC or GND | | -50 | | 50 | mA | | 4 |-| Junction temperature | TJ | | | 150 | ℃ | | 4 |-| Storage temperature | Tstg | -65 | | 150 | ℃ | | 4 |-| Lead temperature (soldering) | | | | 300 | ℃ | Soldering, 10 s | 4 |-| Temperature range | TA | -55 | | 125 | ℃ | | 4 |+| Junction temperature | TJ | | | 150 | °C | | 4 |+| Storage temperature | Tstg | -65 | | 150 | °C | | 4 |+| Lead temperature (soldering) | | | | 300 | °C | soldering 10 s | 4 |+| Temperature range | TA | -55 | | 125 | °C | | 4 | | Supply voltage range (HCT types) | VCC | 4.5 | | 5.5 | V | HCT types | 4 |-| Input or output voltage | VI, VO | 0 | | | V | Maximum is VCC | 4 |-| Input rise and fall time | tt | | | 500 | ns | VCC = 4.5 V | 4 |-| Junction-to-ambient thermal resistance | RθJA | | 73 | | °C/W | D (SOIC) package, 16 pins | 4 |-| High level input voltage | VIH | 2 | | | V | VCC = 4.5 V to 5.5 V | 5 |-| Low level input voltage | VIL | | | 0.8 | V | VCC = 4.5 V to 5.5 V | 5 |-| High level output voltage | VOH | 4.4 | | | V | IOH = -20 μA, VCC = 4.5 V | 5 |-| High level output voltage | VOH | 3.98 | | | V | IOH = -4 mA, VCC = 4.5 V, TA = 25℃ | 5 |-| High level output voltage | VOH | 3.84 | | | V | IOH = -4 mA, VCC = 4.5 V, TA = -40℃ to 85℃ | 5 |-| High level output voltage | VOH | 3.7 | | | V | IOH = -4 mA, VCC = 4.5 V, TA = -55℃ to 125℃ | 5 |-| Low level output voltage | VOL | | | 0.1 | V | IOL = 20 μA, VCC = 4.5 V | 5 |-| Low level output voltage | VOL | | | 0.26 | V | IOL = 4 mA, VCC = 4.5 V, TA = 25℃ | 5 |-| Low level output voltage | VOL | | | 0.33 | V | IOL = 4 mA, VCC = 4.5 V, TA = -40℃ to 85℃ | 5 |-| Low level output voltage | VOL | | | 0.4 | V | IOL = 4 mA, VCC = 4.5 V, TA = -55℃ to 125℃ | 5 |-| Input leakage current | II | -0.1 | | 0.1 | μA | VI = VCC to GND, VCC = 5.5 V, TA = 25℃ | 5 |-| Input leakage current | II | -1 | | 1 | μA | VI = VCC to GND, VCC = 5.5 V, TA = -40℃ to 85℃ | 5 |-| Supply current | ICC | | | 8 | μA | VI = VCC to GND, VCC = 5.5 V, TA = 25℃ | 5 |-| Supply current | ICC | | | 80 | μA | VI = VCC to GND, VCC = 5.5 V, TA = -40℃ to 85℃ | 5 |-| Supply current | ICC | | | 160 | μA | VI = VCC to GND, VCC = 5.5 V, TA = -55℃ to 125℃ | 5 |-| Additional supply current per input pin (OE1 input) | ΔICC | | 100 | 216 | μA | OE1 input at VCC - 2.1 V, VCC = 4.5 V to 5.5 V, TA = 25℃ | 5 |-| Additional supply current per input pin (OE1 input) | ΔICC | | | 270 | μA | OE1 input at VCC - 2.1 V, VCC = 4.5 V to 5.5 V, TA = -40℃ to 85℃ | 5 |-| Additional supply current per input pin (OE1 input) | ΔICC | | | 294 | μA | OE1 input at VCC - 2.1 V, VCC = 4.5 V to 5.5 V, TA = -55℃ to 125℃ | 5 |-| Additional supply current per input pin (all other inputs) | ΔICC | | 100 | 198 | μA | All other inputs at VCC - 2.1 V, VCC = 4.5 V to 5.5 V, TA = 25℃ | 5 |-| Additional supply current per input pin (all other inputs) | ΔICC | | | 247.5 | μA | All other inputs at VCC - 2.1 V, VCC = 4.5 V to 5.5 V, TA = -40℃ to 85℃ | 5 |-| Additional supply current per input pin (all other inputs) | ΔICC | | | 269.5 | μA | All other inputs at VCC - 2.1 V, VCC = 4.5 V to 5.5 V, TA = -55℃ to 125℃ | 5 |-| Additional supply current per input pin (dual-supply theoretical worst case) | ΔICC | | | 1.8 | mA | Theoretical worst case for dual-supply systems, VI = 2.4 V, VCC = 5.5 V | 5 |-| Three-state leakage current | IOZ | -0.5 | | 0.5 | μA | VO = VCC or GND, VCC = 5.5 V, TA = 25℃ | 5 |-| Three-state leakage current | IOZ | -5 | | 5 | μA | VO = VCC or GND, VCC = 5.5 V, TA = -40℃ to 85℃ | 5 |-| Three-state leakage current | IOZ | -10 | | 10 | μA | VO = VCC or GND, VCC = 5.5 V, TA = -55℃ to 125℃ | 5 |-| Propagation delay, data to outputs (HC/HCT367) | tpd | | 9 | 25 | ns | VCC = 4.5 V, CL = 50 pF, tr/tf = 6 ns, TA = 25℃; typ at CL = 15 pF, VCC = 5 V | 6 |-| Propagation delay, data to outputs (HC/HCT367) | tpd | | | 31 | ns | VCC = 4.5 V, CL = 50 pF, tr/tf = 6 ns, TA = -40℃ to 85℃ | 6 |-| Propagation delay, data to outputs (HC/HCT367) | tpd | | | 38 | ns | VCC = 4.5 V, CL = 50 pF, tr/tf = 6 ns, TA = -55℃ to 125℃ | 6 |-| Output enable and disable to outputs | | | 14 | 35 | ns | VCC = 4.5 V, CL = 50 pF, tr/tf = 6 ns, TA = 25℃; typ at CL = 15 pF, VCC = 5 V | 6 |-| Output enable and disable to outputs | | | | 44 | ns | VCC = 4.5 V, CL = 50 pF, tr/tf = 6 ns, TA = -40℃ to 85℃ | 6 |-| Output enable and disable to outputs | | | | 53 | ns | VCC = 4.5 V, CL = 50 pF, tr/tf = 6 ns, TA = -55℃ to 125℃ | 6 |-| Output transition time | tt | | | 12 | ns | VCC = 4.5 V, CL = 50 pF, tr/tf = 6 ns, TA = 25℃ | 6 |-| Output transition time | tt | | | 15 | ns | VCC = 4.5 V, CL = 50 pF, tr/tf = 6 ns, TA = -40℃ to 85℃ | 6 |-| Output transition time | tt | | | 18 | ns | VCC = 4.5 V, CL = 50 pF, tr/tf = 6 ns, TA = -55℃ to 125℃ | 6 |+| Input rise and fall time (HCT types) | tt | | | 500 | ns | VCC = 4.5 V | 4 |+| Junction-to-ambient thermal resistance, D (SOIC) 16 pins | RθJA | | 73 | | °C/W | D (SOIC) package, 16 pins | 4 |+| High level input voltage | VIH | 2 | | | V | VCC = 4.5 to 5.5 V | 5 |+| Low level input voltage | VIL | | | 0.8 | V | VCC = 4.5 to 5.5 V | 5 |+| High level output voltage | VOH | 4.4 | | | V | IOH =, 20 μA; VCC = 4.5 V; TA = -55 to 125°C | 5 |+| High level output voltage | VOH | 3.98 | | | V | IOH =, 4 mA; VCC = 4.5 V; TA = 25°C | 5 |+| High level output voltage | VOH | 3.84 | | | V | IOH =, 4 mA; VCC = 4.5 V; TA = -40 to 85°C | 5 |+| High level output voltage | VOH | 3.7 | | | V | IOH =, 4 mA; VCC = 4.5 V; TA = -55 to 125°C | 5 |+| Low level output voltage | VOL | | | 0.1 | V | IOL = 20 μA; VCC = 4.5 V; TA = -55 to 125°C | 5 |+| Low level output voltage | VOL | | | 0.26 | V | IOL = 4 mA; VCC = 4.5 V; TA = 25°C | 5 |+| Low level output voltage | VOL | | | 0.33 | V | IOL = 4 mA; VCC = 4.5 V; TA = -40 to 85°C | 5 |+| Low level output voltage | VOL | | | 0.4 | V | IOL = 4 mA; VCC = 4.5 V; TA = -55 to 125°C | 5 |+| Input leakage current | II | -0.1 | | 0.1 | μA | VI = VCC to GND; VCC = 5.5 V; TA = 25°C | 5 |+| Input leakage current | II | -1 | | 1 | μA | VI = VCC to GND; VCC = 5.5 V; TA = -40 to 85°C | 5 |+| Supply current | ICC | | | 8 | μA | VI = VCC to GND; VCC = 5.5 V; TA = 25°C | 5 |+| Supply current | ICC | | | 80 | μA | VI = VCC to GND; VCC = 5.5 V; TA = -40 to 85°C | 5 |+| Supply current | ICC | | | 160 | μA | VI = VCC to GND; VCC = 5.5 V; TA = -55 to 125°C | 5 |+| Additional supply current per input pin (OE1 input) | ΔICC | | 100 | 216 | μA | OE1 input held at VCC, 2.1 V; VCC = 4.5 to 5.5 V; TA = 25°C | 5 |+| Additional supply current per input pin (OE1 input) | ΔICC | | | 270 | μA | OE1 input held at VCC, 2.1 V; VCC = 4.5 to 5.5 V; TA = -40 to 85°C | 5 |+| Additional supply current per input pin (OE1 input) | ΔICC | | | 294 | μA | OE1 input held at VCC, 2.1 V; VCC = 4.5 to 5.5 V; TA = -55 to 125°C | 5 |+| Additional supply current per input pin (all other inputs) | ΔICC | | 100 | 198 | μA | All other inputs held at VCC, 2.1 V; VCC = 4.5 to 5.5 V; TA = 25°C | 5 |+| Additional supply current per input pin (all other inputs) | ΔICC | | | 247.5 | μA | All other inputs held at VCC, 2.1 V; VCC = 4.5 to 5.5 V; TA = -40 to 85°C | 5 |+| Additional supply current per input pin (all other inputs) | ΔICC | | | 269.5 | μA | All other inputs held at VCC, 2.1 V; VCC = 4.5 to 5.5 V; TA = -55 to 125°C | 5 |+| Three-state leakage current | IOZ | -0.5 | | 0.5 | μA | VO = VCC or GND; VCC = 5.5 V; TA = 25°C | 5 |+| Three-state leakage current | IOZ | -5 | | 5 | μA | VO = VCC or GND; VCC = 5.5 V; TA = -40 to 85°C | 5 |+| Three-state leakage current | IOZ | -10 | | 10 | μA | VO = VCC or GND; VCC = 5.5 V; TA = -55 to 125°C | 5 |+| Data to outputs (HC/HCT367) propagation delay | tpd | | | 25 | ns | Input tr, tf = 6 ns; CL = 50 pF; VCC = 4.5 V; TA = 25°C | 6 |+| Data to outputs (HC/HCT367) propagation delay | tpd | | | 31 | ns | Input tr, tf = 6 ns; CL = 50 pF; VCC = 4.5 V; TA = -40 to 85°C | 6 |+| Data to outputs (HC/HCT367) propagation delay | tpd | | | 38 | ns | Input tr, tf = 6 ns; CL = 50 pF; VCC = 4.5 V; TA = -55 to 125°C | 6 |+| Data to outputs (HC/HCT368) propagation delay | tpd | | | 30 | ns | Input tr, tf = 6 ns; CL = 50 pF; VCC = 4.5 V; TA = 25°C | 6 |+| Data to outputs (HC/HCT368) propagation delay | tpd | | | 38 | ns | Input tr, tf = 6 ns; CL = 50 pF; VCC = 4.5 V; TA = -40 to 85°C | 6 |+| Data to outputs (HC/HCT368) propagation delay | tpd | | | 45 | ns | Input tr, tf = 6 ns; CL = 50 pF; VCC = 4.5 V; TA = -55 to 125°C | 6 |+| Output enable and disable to outputs | | | | 35 | ns | Input tr, tf = 6 ns; CL = 50 pF; VCC = 4.5 V; TA = 25°C | 6 |+| Output enable and disable to outputs | | | | 44 | ns | Input tr, tf = 6 ns; CL = 50 pF; VCC = 4.5 V; TA = -40 to 85°C | 6 |+| Output enable and disable to outputs | | | | 53 | ns | Input tr, tf = 6 ns; CL = 50 pF; VCC = 4.5 V; TA = -55 to 125°C | 6 |+| Output transition time | tt | | | 12 | ns | Input tr, tf = 6 ns; CL = 50 pF; VCC = 4.5 V; TA = 25°C | 6 |+| Output transition time | tt | | | 15 | ns | Input tr, tf = 6 ns; CL = 50 pF; VCC = 4.5 V; TA = -40 to 85°C | 6 |+| Output transition time | tt | | | 18 | ns | Input tr, tf = 6 ns; CL = 50 pF; VCC = 4.5 V; TA = -55 to 125°C | 6 | ## CAD (KiCad official) @@ -99,7 +100,7 @@ Limits as printed in the datasheet (page.json `metadata.characteristics` carries Data extracted from the manufacturer datasheet, not a distributor listing: -- **Datasheet:** [Texas Instruments datasheet](https://www.ti.com/lit/ds/symlink/cd74hct367m96.pdf) (22 pp, sha256 `4abbff03c67ff005`, retrieved 2026-11-06, tier: manufacturer)+- **Datasheet:** [Texas Instruments datasheet](https://www.ti.com/lit/ds/symlink/cd74hct367m96.pdf) (22 pp, sha256 `4abbff03c67ff005`, retrieved 2026-11-09, tier: manufacturer) - **Datasheet language:** Chinese. Pin names, descriptions, and specs on this page were extracted and translated to English by ds2sf; the linked PDF is the manufacturer original. - **Extractor:** `ds2sf` (Claude). Every pin and dimension is cited to a datasheet page; it refuses to fabricate. - **CAD:** KiCad official libraries (CC-BY-SA 4.0).
cd74hct367m96-hero.glb⋯ 1 unchanged line ⋯
cd74hct367m96-hero.overlay.json+1−1@@ -76,7 +76,7 @@ "pins": "page.json component.pins", "pins_sha256": "0fa7a07abcceef12c7cd641750afcf929338eee123eb5bd92d746bdbc59790f1" },- "generator": "adom-wiki 1.8.11 (component_hero)",+ "generator": "adom-wiki 1.8.14 (component_hero)", "labels": [ { "pad": "1",
package.json+50−38@@ -1,6 +1,6 @@ { "slug": "cd74hct367m96",- "version": "0.1.1",+ "version": "0.1.2", "type": "component", "description": "Texas Instruments Buffers, Drivers, Receivers, Transceivers, SOIC-16. Pinout settled in review by an AI reviewer against the manufacturer's datasheet, KiCad symbol/footprint/3D.", "tags": [@@ -35,7 +35,7 @@ "mpn": "CD74HCT367M96", "manufacturer": "Texas Instruments", "package": "SOIC-16",- "pin_count": 14,+ "pin_count": 16, "category": "Logic", "subcategory": "Buffers, Drivers, Receivers, Transceivers", "datasheet": "https://www.ti.com/lit/ds/symlink/cd74hct367m96.pdf",@@ -54,7 +54,7 @@ "mouser": "595-CD74HCT367M96" }, "distributor_check": {- "checked_at": "2026-11-06T01:03:08Z",+ "checked_at": "2026-11-09T22:45:16Z", "source": "Component Ocean /api/assign-pns", "digikey": { "pn": "296-31612-2-ND",@@ -68,87 +68,99 @@ "pins": [ { "number": "1",- "name": "1OE",+ "name": "~{OE1}", "type": "input",- "description": "Output enable for gates 1A1 to 1A4; per the truth table, a low level enables the 1Y outputs and a high level puts them in the high-impedance (Z) state."+ "description": "Output enable, active low: high puts the outputs of this group in the high-impedance state. Group 1: buffers 1 to 4." }, { "number": "2",- "name": "1A1",+ "name": "1A", "type": "input",- "description": "Data input to the first buffer of the 1OE group; the HCT367 is a non-inverting buffer, so 1Y1 follows 1A1 when enabled."+ "description": "Buffer data input." }, { "number": "3",- "name": "1Y1",+ "name": "1Y", "type": "tri_state",- "description": "Three-state buffer output of the first gate in the 1OE group, driving up to 15 LSTTL loads as a bus driver output."+ "description": "Buffer 3-state output, same polarity as its input." }, { "number": "4",- "name": "1A2",+ "name": "2A", "type": "input",- "description": "Data input to the second buffer of the 1OE group; the HCT367 is a non-inverting buffer, so 1Y2 follows 1A2 when enabled."+ "description": "Buffer data input." }, { "number": "5",- "name": "1Y2",+ "name": "2Y", "type": "tri_state",- "description": "Three-state buffer output of the second gate in the 1OE group, driving up to 15 LSTTL loads as a bus driver output."+ "description": "Buffer 3-state output, same polarity as its input." }, { "number": "6",- "name": "1A3",+ "name": "3A", "type": "input",- "description": "Data input to the third buffer of the 1OE group; the HCT367 is a non-inverting buffer, so 1Y3 follows 1A3 when enabled."+ "description": "Buffer data input." }, { "number": "7",- "name": "1Y3",+ "name": "3Y", "type": "tri_state",- "description": "Three-state buffer output of the third gate in the 1OE group, driving up to 15 LSTTL loads as a bus driver output."+ "description": "Buffer 3-state output, same polarity as its input."+ },+ {+ "number": "8",+ "name": "GND",+ "type": "power_in",+ "description": "Ground." }, { "number": "9",- "name": "1A4",- "type": "input",- "description": "Data input to the fourth buffer of the 1OE group; the HCT367 is a non-inverting buffer, so 1Y4 follows 1A4 when enabled."+ "name": "4Y",+ "type": "tri_state",+ "description": "Buffer 3-state output, same polarity as its input." }, { "number": "10",- "name": "1Y4",- "type": "tri_state",- "description": "Three-state buffer output of the fourth gate in the 1OE group, driving up to 15 LSTTL loads as a bus driver output."+ "name": "4A",+ "type": "input",+ "description": "Buffer data input." }, { "number": "11",- "name": "2Y1",+ "name": "5Y", "type": "tri_state",- "description": "Three-state buffer output of the first gate in the 2OE group, driving up to 15 LSTTL loads as a bus driver output."+ "description": "Buffer 3-state output, same polarity as its input." }, { "number": "12",- "name": "2A1",+ "name": "5A", "type": "input",- "description": "Data input to the first buffer of the 2OE group; the HCT367 is a non-inverting buffer, so 2Y1 follows 2A1 when enabled."+ "description": "Buffer data input." }, { "number": "13",- "name": "2Y2",+ "name": "6Y", "type": "tri_state",- "description": "Three-state buffer output of the second gate in the 2OE group, driving up to 15 LSTTL loads as a bus driver output."+ "description": "Buffer 3-state output, same polarity as its input." }, { "number": "14",- "name": "2A2",+ "name": "6A", "type": "input",- "description": "Data input to the second buffer of the 2OE group; the HCT367 is a non-inverting buffer, so 2Y2 follows 2A2 when enabled."+ "description": "Buffer data input." }, { "number": "15",- "name": "2OE",+ "name": "~{OE2}", "type": "input",- "description": "Output enable for gates 2A1 and 2A2; per the truth table, a low level enables the 2Y outputs and a high level puts them in the high-impedance (Z) state."+ "description": "Output enable, active low: high puts the outputs of this group in the high-impedance state. Group 2: buffers 5 and 6."+ },+ {+ "number": "16",+ "name": "VCC",+ "type": "power_in",+ "description": "Supply, 4.5 V to 5.5 V for HCT." } ], "provenance": {@@ -161,8 +173,8 @@ }, "cad": "KiCad official (CC-BY-SA 4.0)", "pins": {- "total": 14,- "described": 14,+ "total": 16,+ "described": 16, "cites_pages": true, "refuses_to_fabricate": true }@@ -188,7 +200,7 @@ "centre_offset_mm": 0.0, "footprint_binding": "identity", "sha256": "d5eeddb4c0b304dc61950919b126fc61d7586abd5f16ab71a2a79759ec6498bf",- "checked": "2026-11-06",+ "checked": "2026-11-09", "checked_by": "factory/step_pose.py (Z-up, origin, seat, binding)" }, {@@ -206,8 +218,8 @@ "zmin_mm": -0.0, "centre_offset_mm": 0.0, "footprint_binding": "identity",- "sha256": "d69b77e4ee969da26bbdfcb2b67a188ed000329becfd8ab03ac596f7d3abc719",- "checked": "2026-11-06",+ "sha256": "838a2bae987527c4d6c4349a83f9403b98efae384368637f1c05f5325191b910",+ "checked": "2026-11-09", "checked_by": "factory/step_pose.py (Z-up, origin, seat, binding)" } ],
page.json+69−75@@ -4,7 +4,7 @@ "slug": "cd74hct367m96", "title": "CD74HCT367M96", "brief": "Texas Instruments Buffers, Drivers, Receivers, Transceivers, SOIC-16. Pinout settled in review by an AI reviewer against the manufacturer's datasheet, KiCad symbol/footprint/3D.",- "version": "0.1.1",+ "version": "0.1.2", "license": "CC-BY-SA-4.0", "tags": [ "component",@@ -36,7 +36,7 @@ "mouser": "595-CD74HCT367M96" }, "distributor_check": {- "checked_at": "2026-11-06T01:03:08Z",+ "checked_at": "2026-11-09T22:45:16Z", "source": "Component Ocean /api/assign-pns", "digikey": { "pn": "296-31612-2-ND",@@ -155,16 +155,10 @@ }, "cad": "KiCad official (CC-BY-SA 4.0)", "pins": {- "total": 14,- "described": 14,+ "total": 16,+ "described": 16, "cites_pages": true, "refuses_to_fabricate": true- },- "correction": {- "at": "2026-11-06",- "what": "16 of 16 pins corrected",- "how": "pinout replaced from review decision: ray (review) (); the previous pinout came from an earlier extraction",- "symbol": "regenerated from the corrected pinout" } }, "viewers": {@@ -188,7 +182,7 @@ "centre_offset_mm": 0, "footprint_binding": "identity", "sha256": "d5eeddb4c0b304dc61950919b126fc61d7586abd5f16ab71a2a79759ec6498bf",- "checked": "2026-11-06",+ "checked": "2026-11-09", "checked_by": "factory/step_pose.py (Z-up, origin, seat, binding)" }, {@@ -206,8 +200,8 @@ "zmin_mm": 0, "centre_offset_mm": 0, "footprint_binding": "identity",- "sha256": "d69b77e4ee969da26bbdfcb2b67a188ed000329becfd8ab03ac596f7d3abc719",- "checked": "2026-11-06",+ "sha256": "838a2bae987527c4d6c4349a83f9403b98efae384368637f1c05f5325191b910",+ "checked": "2026-11-09", "checked_by": "factory/step_pose.py (Z-up, origin, seat, binding)" } ],@@ -312,7 +306,7 @@ "name": "Junction temperature", "symbol": "TJ", "kind": "absolute_maximum",- "unit": "\u2103",+ "unit": "℃", "min": null, "typ": null, "max": 150,@@ -324,7 +318,7 @@ "name": "Storage temperature", "symbol": "Tstg", "kind": "absolute_maximum",- "unit": "\u2103",+ "unit": "℃", "min": -65, "typ": null, "max": 150,@@ -336,7 +330,7 @@ "name": "Lead temperature (soldering)", "symbol": "", "kind": "absolute_maximum",- "unit": "\u2103",+ "unit": "℃", "min": null, "typ": null, "max": 300,@@ -348,7 +342,7 @@ "name": "Temperature range", "symbol": "TA", "kind": "recommended_operating",- "unit": "\u2103",+ "unit": "℃", "min": -55, "typ": null, "max": 125,@@ -394,9 +388,9 @@ }, { "name": "Junction-to-ambient thermal resistance",- "symbol": "R\u03b8JA",+ "symbol": "RθJA", "kind": "thermal",- "unit": "\u00b0C/W",+ "unit": "°C/W", "min": null, "typ": 73, "max": null,@@ -436,7 +430,7 @@ "min": 4.4, "typ": null, "max": null,- "conditions": "IOH = -20 \u03bcA, VCC = 4.5 V",+ "conditions": "IOH = -20 μA, VCC = 4.5 V", "source_page": 5, "source": "datasheet" },@@ -448,7 +442,7 @@ "min": 3.98, "typ": null, "max": null,- "conditions": "IOH = -4 mA, VCC = 4.5 V, TA = 25\u2103",+ "conditions": "IOH = -4 mA, VCC = 4.5 V, TA = 25℃", "source_page": 5, "source": "datasheet" },@@ -460,7 +454,7 @@ "min": 3.84, "typ": null, "max": null,- "conditions": "IOH = -4 mA, VCC = 4.5 V, TA = -40\u2103 to 85\u2103",+ "conditions": "IOH = -4 mA, VCC = 4.5 V, TA = -40℃ to 85℃", "source_page": 5, "source": "datasheet" },@@ -472,7 +466,7 @@ "min": 3.7, "typ": null, "max": null,- "conditions": "IOH = -4 mA, VCC = 4.5 V, TA = -55\u2103 to 125\u2103",+ "conditions": "IOH = -4 mA, VCC = 4.5 V, TA = -55℃ to 125℃", "source_page": 5, "source": "datasheet" },@@ -484,7 +478,7 @@ "min": null, "typ": null, "max": 0.1,- "conditions": "IOL = 20 \u03bcA, VCC = 4.5 V",+ "conditions": "IOL = 20 μA, VCC = 4.5 V", "source_page": 5, "source": "datasheet" },@@ -496,7 +490,7 @@ "min": null, "typ": null, "max": 0.26,- "conditions": "IOL = 4 mA, VCC = 4.5 V, TA = 25\u2103",+ "conditions": "IOL = 4 mA, VCC = 4.5 V, TA = 25℃", "source_page": 5, "source": "datasheet" },@@ -508,7 +502,7 @@ "min": null, "typ": null, "max": 0.33,- "conditions": "IOL = 4 mA, VCC = 4.5 V, TA = -40\u2103 to 85\u2103",+ "conditions": "IOL = 4 mA, VCC = 4.5 V, TA = -40℃ to 85℃", "source_page": 5, "source": "datasheet" },@@ -520,7 +514,7 @@ "min": null, "typ": null, "max": 0.4,- "conditions": "IOL = 4 mA, VCC = 4.5 V, TA = -55\u2103 to 125\u2103",+ "conditions": "IOL = 4 mA, VCC = 4.5 V, TA = -55℃ to 125℃", "source_page": 5, "source": "datasheet" },@@ -528,11 +522,11 @@ "name": "Input leakage current", "symbol": "II", "kind": "electrical",- "unit": "\u03bcA",+ "unit": "μA", "min": -0.1, "typ": null, "max": 0.1,- "conditions": "VI = VCC to GND, VCC = 5.5 V, TA = 25\u2103",+ "conditions": "VI = VCC to GND, VCC = 5.5 V, TA = 25℃", "source_page": 5, "source": "datasheet" },@@ -540,11 +534,11 @@ "name": "Input leakage current", "symbol": "II", "kind": "electrical",- "unit": "\u03bcA",+ "unit": "μA", "min": -1, "typ": null, "max": 1,- "conditions": "VI = VCC to GND, VCC = 5.5 V, TA = -40\u2103 to 85\u2103",+ "conditions": "VI = VCC to GND, VCC = 5.5 V, TA = -40℃ to 85℃", "source_page": 5, "source": "datasheet" },@@ -552,11 +546,11 @@ "name": "Supply current", "symbol": "ICC", "kind": "electrical",- "unit": "\u03bcA",+ "unit": "μA", "min": null, "typ": null, "max": 8,- "conditions": "VI = VCC to GND, VCC = 5.5 V, TA = 25\u2103",+ "conditions": "VI = VCC to GND, VCC = 5.5 V, TA = 25℃", "source_page": 5, "source": "datasheet" },@@ -564,11 +558,11 @@ "name": "Supply current", "symbol": "ICC", "kind": "electrical",- "unit": "\u03bcA",+ "unit": "μA", "min": null, "typ": null, "max": 80,- "conditions": "VI = VCC to GND, VCC = 5.5 V, TA = -40\u2103 to 85\u2103",+ "conditions": "VI = VCC to GND, VCC = 5.5 V, TA = -40℃ to 85℃", "source_page": 5, "source": "datasheet" },@@ -576,89 +570,89 @@ "name": "Supply current", "symbol": "ICC", "kind": "electrical",- "unit": "\u03bcA",+ "unit": "μA", "min": null, "typ": null, "max": 160,- "conditions": "VI = VCC to GND, VCC = 5.5 V, TA = -55\u2103 to 125\u2103",+ "conditions": "VI = VCC to GND, VCC = 5.5 V, TA = -55℃ to 125℃", "source_page": 5, "source": "datasheet" }, { "name": "Additional supply current per input pin (OE1 input)",- "symbol": "\u0394ICC",+ "symbol": "ΔICC", "kind": "electrical",- "unit": "\u03bcA",+ "unit": "μA", "min": null, "typ": 100, "max": 216,- "conditions": "OE1 input at VCC - 2.1 V, VCC = 4.5 V to 5.5 V, TA = 25\u2103",+ "conditions": "OE1 input at VCC - 2.1 V, VCC = 4.5 V to 5.5 V, TA = 25℃", "source_page": 5, "source": "datasheet" }, { "name": "Additional supply current per input pin (OE1 input)",- "symbol": "\u0394ICC",+ "symbol": "ΔICC", "kind": "electrical",- "unit": "\u03bcA",+ "unit": "μA", "min": null, "typ": null, "max": 270,- "conditions": "OE1 input at VCC - 2.1 V, VCC = 4.5 V to 5.5 V, TA = -40\u2103 to 85\u2103",+ "conditions": "OE1 input at VCC - 2.1 V, VCC = 4.5 V to 5.5 V, TA = -40℃ to 85℃", "source_page": 5, "source": "datasheet" }, { "name": "Additional supply current per input pin (OE1 input)",- "symbol": "\u0394ICC",+ "symbol": "ΔICC", "kind": "electrical",- "unit": "\u03bcA",+ "unit": "μA", "min": null, "typ": null, "max": 294,- "conditions": "OE1 input at VCC - 2.1 V, VCC = 4.5 V to 5.5 V, TA = -55\u2103 to 125\u2103",+ "conditions": "OE1 input at VCC - 2.1 V, VCC = 4.5 V to 5.5 V, TA = -55℃ to 125℃", "source_page": 5, "source": "datasheet" }, { "name": "Additional supply current per input pin (all other inputs)",- "symbol": "\u0394ICC",+ "symbol": "ΔICC", "kind": "electrical",- "unit": "\u03bcA",+ "unit": "μA", "min": null, "typ": 100, "max": 198,- "conditions": "All other inputs at VCC - 2.1 V, VCC = 4.5 V to 5.5 V, TA = 25\u2103",+ "conditions": "All other inputs at VCC - 2.1 V, VCC = 4.5 V to 5.5 V, TA = 25℃", "source_page": 5, "source": "datasheet" }, { "name": "Additional supply current per input pin (all other inputs)",- "symbol": "\u0394ICC",+ "symbol": "ΔICC", "kind": "electrical",- "unit": "\u03bcA",+ "unit": "μA", "min": null, "typ": null, "max": 247.5,- "conditions": "All other inputs at VCC - 2.1 V, VCC = 4.5 V to 5.5 V, TA = -40\u2103 to 85\u2103",+ "conditions": "All other inputs at VCC - 2.1 V, VCC = 4.5 V to 5.5 V, TA = -40℃ to 85℃", "source_page": 5, "source": "datasheet" }, { "name": "Additional supply current per input pin (all other inputs)",- "symbol": "\u0394ICC",+ "symbol": "ΔICC", "kind": "electrical",- "unit": "\u03bcA",+ "unit": "μA", "min": null, "typ": null, "max": 269.5,- "conditions": "All other inputs at VCC - 2.1 V, VCC = 4.5 V to 5.5 V, TA = -55\u2103 to 125\u2103",+ "conditions": "All other inputs at VCC - 2.1 V, VCC = 4.5 V to 5.5 V, TA = -55℃ to 125℃", "source_page": 5, "source": "datasheet" }, { "name": "Additional supply current per input pin (dual-supply theoretical worst case)",- "symbol": "\u0394ICC",+ "symbol": "ΔICC", "kind": "electrical", "unit": "mA", "min": null,@@ -672,11 +666,11 @@ "name": "Three-state leakage current", "symbol": "IOZ", "kind": "electrical",- "unit": "\u03bcA",+ "unit": "μA", "min": -0.5, "typ": null, "max": 0.5,- "conditions": "VO = VCC or GND, VCC = 5.5 V, TA = 25\u2103",+ "conditions": "VO = VCC or GND, VCC = 5.5 V, TA = 25℃", "source_page": 5, "source": "datasheet" },@@ -684,11 +678,11 @@ "name": "Three-state leakage current", "symbol": "IOZ", "kind": "electrical",- "unit": "\u03bcA",+ "unit": "μA", "min": -5, "typ": null, "max": 5,- "conditions": "VO = VCC or GND, VCC = 5.5 V, TA = -40\u2103 to 85\u2103",+ "conditions": "VO = VCC or GND, VCC = 5.5 V, TA = -40℃ to 85℃", "source_page": 5, "source": "datasheet" },@@ -696,11 +690,11 @@ "name": "Three-state leakage current", "symbol": "IOZ", "kind": "electrical",- "unit": "\u03bcA",+ "unit": "μA", "min": -10, "typ": null, "max": 10,- "conditions": "VO = VCC or GND, VCC = 5.5 V, TA = -55\u2103 to 125\u2103",+ "conditions": "VO = VCC or GND, VCC = 5.5 V, TA = -55℃ to 125℃", "source_page": 5, "source": "datasheet" },@@ -712,7 +706,7 @@ "min": null, "typ": 9, "max": 25,- "conditions": "VCC = 4.5 V, CL = 50 pF, tr/tf = 6 ns, TA = 25\u2103; typ at CL = 15 pF, VCC = 5 V",+ "conditions": "VCC = 4.5 V, CL = 50 pF, tr/tf = 6 ns, TA = 25℃; typ at CL = 15 pF, VCC = 5 V", "source_page": 6, "source": "datasheet" },@@ -724,7 +718,7 @@ "min": null, "typ": null, "max": 31,- "conditions": "VCC = 4.5 V, CL = 50 pF, tr/tf = 6 ns, TA = -40\u2103 to 85\u2103",+ "conditions": "VCC = 4.5 V, CL = 50 pF, tr/tf = 6 ns, TA = -40℃ to 85℃", "source_page": 6, "source": "datasheet" },@@ -736,7 +730,7 @@ "min": null, "typ": null, "max": 38,- "conditions": "VCC = 4.5 V, CL = 50 pF, tr/tf = 6 ns, TA = -55\u2103 to 125\u2103",+ "conditions": "VCC = 4.5 V, CL = 50 pF, tr/tf = 6 ns, TA = -55℃ to 125℃", "source_page": 6, "source": "datasheet" },@@ -748,7 +742,7 @@ "min": null, "typ": 14, "max": 35,- "conditions": "VCC = 4.5 V, CL = 50 pF, tr/tf = 6 ns, TA = 25\u2103; typ at CL = 15 pF, VCC = 5 V",+ "conditions": "VCC = 4.5 V, CL = 50 pF, tr/tf = 6 ns, TA = 25℃; typ at CL = 15 pF, VCC = 5 V", "source_page": 6, "source": "datasheet" },@@ -760,7 +754,7 @@ "min": null, "typ": null, "max": 44,- "conditions": "VCC = 4.5 V, CL = 50 pF, tr/tf = 6 ns, TA = -40\u2103 to 85\u2103",+ "conditions": "VCC = 4.5 V, CL = 50 pF, tr/tf = 6 ns, TA = -40℃ to 85℃", "source_page": 6, "source": "datasheet" },@@ -772,7 +766,7 @@ "min": null, "typ": null, "max": 53,- "conditions": "VCC = 4.5 V, CL = 50 pF, tr/tf = 6 ns, TA = -55\u2103 to 125\u2103",+ "conditions": "VCC = 4.5 V, CL = 50 pF, tr/tf = 6 ns, TA = -55℃ to 125℃", "source_page": 6, "source": "datasheet" },@@ -784,7 +778,7 @@ "min": null, "typ": null, "max": 12,- "conditions": "VCC = 4.5 V, CL = 50 pF, tr/tf = 6 ns, TA = 25\u2103",+ "conditions": "VCC = 4.5 V, CL = 50 pF, tr/tf = 6 ns, TA = 25℃", "source_page": 6, "source": "datasheet" },@@ -796,7 +790,7 @@ "min": null, "typ": null, "max": 15,- "conditions": "VCC = 4.5 V, CL = 50 pF, tr/tf = 6 ns, TA = -40\u2103 to 85\u2103",+ "conditions": "VCC = 4.5 V, CL = 50 pF, tr/tf = 6 ns, TA = -40℃ to 85℃", "source_page": 6, "source": "datasheet" },@@ -808,7 +802,7 @@ "min": null, "typ": null, "max": 18,- "conditions": "VCC = 4.5 V, CL = 50 pF, tr/tf = 6 ns, TA = -55\u2103 to 125\u2103",+ "conditions": "VCC = 4.5 V, CL = 50 pF, tr/tf = 6 ns, TA = -55℃ to 125℃", "source_page": 6, "source": "datasheet" }@@ -852,7 +846,7 @@ "cd74hct367m96-hero.overlay.json", "cd74hct367m96-etched.glb" ],- "visibility": {- "public": true- }-}+ "visibility": "private",+ "description": "Texas Instruments Buffers, Drivers, Receivers, Transceivers, SOIC-16. Pinout settled in review by an AI reviewer against the manufacturer's datasheet, KiCad symbol/footprint/3D.",+ "org": "adom"+}
viewers/footprint.html+206−61@@ -1,65 +1,210 @@-<!doctype html><html lang=en><head><meta charset=utf-8>-<meta name=viewport content="width=device-width,initial-scale=1"><title>ADOM/CD74HCT367M96 footprint</title>+<!doctype html><html><head><meta charset="utf-8">+<title>SOIC-16_3.9x9.9mm_P1.27mm - adom-footprint</title>+<meta name="viewport" content="width=device-width,initial-scale=1"> <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 -5.740 8.200 11.340' style='width:100%;height:100%'><line class='ly-silk' x1='-2.060' y1='-5.060' x2='2.060' y2='-5.060' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-2.060' y1='-5.005' x2='-2.060' y2='-5.060' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-2.060' y1='5.060' x2='-2.060' y2='5.005' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.060' y1='-5.060' x2='2.060' y2='-5.005' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.060' y1='5.005' x2='2.060' y2='5.060' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.060' y1='5.060' x2='-2.060' y2='5.060' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-courtyard' x1='-3.700' y1='-5.000' x2='-2.200' y2='-5.000' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-3.700' y1='5.000' x2='-3.700' y2='-5.000' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.200' y1='-5.200' x2='2.200' y2='-5.200' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.200' y1='-5.000' x2='-2.200' y2='-5.200' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.200' y1='5.000' x2='-3.700' y2='5.000' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.200' y1='5.200' x2='-2.200' y2='5.000' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.200' y1='-5.200' x2='2.200' y2='-5.000' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.200' y1='-5.000' x2='3.700' y2='-5.000' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.200' y1='5.000' x2='2.200' y2='5.200' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.200' y1='5.200' x2='-2.200' y2='5.200' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='3.700' y1='-5.000' x2='3.700' y2='5.000' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='3.700' y1='5.000' x2='2.200' y2='5.000' stroke='#4ade80' stroke-width='0.050'/><polygon class='ly-silk' points='-2.600,-5.010 -2.840,-5.340 -2.360,-5.340' fill='#d8b4fe' stroke='none'/><polygon class='ly-fab' points='-0.975,-4.950 1.950,-4.950 1.950,4.950 -1.950,4.950 -1.950,-3.975' fill='none' stroke='#f472b6' stroke-width='0.100'/><rect class='ly-copper pad' data-num='1' data-name='~{OE1}' x='-3.450' y='-4.745' 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='-4.445' 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='1A' x='-3.450' y='-3.475' 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.175' 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='1Y' x='-3.450' y='-2.205' 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.905' 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='2A' x='-3.450' y='-0.935' 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.635' 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='2Y' x='-3.450' y='0.335' 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.635' 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='3A' x='-3.450' y='1.605' 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.905' 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='3Y' x='-3.450' y='2.875' 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.175' 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='GND' x='-3.450' y='4.145' 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='4.445' 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='4Y' x='1.500' y='4.145' 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='4.445' 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='4A' x='1.500' y='2.875' 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.175' 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='5Y' x='1.500' y='1.605' 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.905' 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='5A' x='1.500' y='0.335' 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.635' 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='6Y' x='1.500' y='-0.935' 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.635' 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='6A' x='1.500' y='-2.205' 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.905' 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><rect class='ly-copper pad' data-num='15' data-name='~{OE2}' x='1.500' y='-3.475' 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.175' font-size='0.360' 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='VCC' x='1.500' y='-4.745' 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='-4.445' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>16</text></svg></div>-<div id=tip></div>+/* ── adom-footprint shared viewer core (CSS) ───────────────────────────────+ Included VERBATIM by both the live app (app.html) and the static embed+ (embed.html) so the canvas, zoom toolbar and layer-panel rows look identical+ and cannot drift. Self-contained literal colours (no dependency on either+ file's CSS vars). Class prefix: av- */++.av-vp{position:absolute;inset:0;overflow:hidden;cursor:grab;background:radial-gradient(circle at 50% 42%,#121a26 0%,#0d1117 72%)}+.av-vp.grab{cursor:grabbing}+/* DIRECT child only — the zoom-toolbar button icons (.av-tools svg) also live+ inside .av-vp; without '>' they'd inherit position:absolute and stack at 0,0. */+.av-vp > svg{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:0 0;display:block}++/* zoom toolbar */+/* Grouped translucent toolbar (matches adom-symbol's .tools): one container, borderless+ buttons that highlight on hover — instead of individually-boxed buttons. */+.av-tools{position:absolute;left:10px;top:10px;display:flex;gap:3px;padding:3px;z-index:5;background:rgba(22,27,34,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #222b38;border-radius:9px}+.av-tools button{width:30px;height:30px;border-radius:6px;border:none;background:transparent;color:#cfd8e2;cursor:pointer;display:grid;place-items:center;transition:background .15s ease,color .15s ease}+.av-tools button svg{width:16px;height:16px;display:block}+.av-tools button:hover{background:#222b38;color:#37c8a6}+.av-tools button:focus,.av-tools button:focus-visible{outline:none}+.av-panhint{position:absolute;right:10px;bottom:9px;color:#8b949e;font-size:11px;z-index:5;pointer-events:none;user-select:none;-webkit-user-select:none}++/* layer panel rows */+.av-lrow{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:8px;cursor:pointer}+.av-lrow:hover{background:#161c27}+.av-lrow .sw{width:13px;height:13px;border-radius:3px;border:1px solid rgba(255,255,255,.15);flex:0 0 13px}+.av-lrow .sw.ring{background:transparent!important}+.av-lrow .ln{flex:1;font-size:13px}+.av-lrow .meta{font-size:10px;color:#8b949e}+.av-lrow .chk{width:16px;height:16px;border-radius:4px;border:1.5px solid #3a4757;display:grid;place-items:center;color:#0b0f17;font-size:11px}+.av-lrow.on .chk{background:#37c8a6;border-color:#37c8a6}+.av-lrow.off .ln,.av-lrow.off .sw{opacity:.4}+.av-lrow.special{background:linear-gradient(100deg,rgba(55,200,166,.10),transparent);border:1px solid rgba(55,200,166,.25);margin-top:4px}+.av-lrow.special .ln{color:#7ef0d2;font-weight:600}++:root{--bg:#0d1117;--panel:#11161f;--border:#222b38;--text:#e6edf3;--muted:#8b949e;--accent:#37c8a6}+*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}+body{background:var(--bg);color:var(--text);font-family:'Satoshi','Segoe UI',system-ui,sans-serif;display:flex;flex-direction:column;overflow:hidden}+header{display:flex;align-items:center;gap:9px;padding:9px 14px;border-bottom:1px solid var(--border);flex:0 0 auto}+header .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}+header .b{font-weight:700;font-size:14px}header .b span{color:var(--muted);font-weight:400}+header .nm{margin-left:auto;font-weight:600;font-size:13px;color:#cfd8e2}+main{flex:1;display:flex;min-height:0}+.vpwrap{flex:1;position:relative;min-width:0}+aside{flex:0 0 248px;border-left:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;min-height:0}+aside .ah{padding:9px 12px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}+.layers{padding:6px}+.note{font-size:11px;color:var(--muted);line-height:1.45;padding:8px 11px}+.note b{color:#7ef0d2}+</style></head>+<body>+ <header><span class="dot"></span><span class="b">adom-footprint <span>· interactive</span></span><span class="nm">SOIC-16_3.9x9.9mm_P1.27mm</span></header>+ <main>+ <div class="vpwrap">+ <div class="av-vp" id="vp">+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="-4.600 -5.895 9.200 11.790" preserveAspectRatio="xMidYMid meet"><g class="adom-layer-courtyard"><line x1="-3.7000" y1="-5.0000" x2="-2.2000" y2="-5.0000" stroke="#FF26E2" stroke-width="0.050" stroke-linecap="round" fill="none"/><line x1="-3.7000" y1="5.0000" x2="-3.7000" y2="-5.0000" stroke="#FF26E2" stroke-width="0.050" stroke-linecap="round" fill="none"/><line x1="-2.2000" y1="-5.2000" x2="2.2000" y2="-5.2000" stroke="#FF26E2" stroke-width="0.050" stroke-linecap="round" fill="none"/><line x1="-2.2000" y1="-5.0000" x2="-2.2000" y2="-5.2000" stroke="#FF26E2" stroke-width="0.050" stroke-linecap="round" fill="none"/><line x1="-2.2000" y1="5.0000" x2="-3.7000" y2="5.0000" stroke="#FF26E2" stroke-width="0.050" stroke-linecap="round" fill="none"/><line x1="-2.2000" y1="5.2000" x2="-2.2000" y2="5.0000" stroke="#FF26E2" stroke-width="0.050" stroke-linecap="round" fill="none"/><line x1="2.2000" y1="-5.2000" x2="2.2000" y2="-5.0000" stroke="#FF26E2" stroke-width="0.050" stroke-linecap="round" fill="none"/><line x1="2.2000" y1="-5.0000" x2="3.7000" y2="-5.0000" stroke="#FF26E2" stroke-width="0.050" stroke-linecap="round" fill="none"/><line x1="2.2000" y1="5.0000" x2="2.2000" y2="5.2000" stroke="#FF26E2" stroke-width="0.050" stroke-linecap="round" fill="none"/><line x1="2.2000" y1="5.2000" x2="-2.2000" y2="5.2000" stroke="#FF26E2" stroke-width="0.050" stroke-linecap="round" fill="none"/><line x1="3.7000" y1="-5.0000" x2="3.7000" y2="5.0000" stroke="#FF26E2" stroke-width="0.050" stroke-linecap="round" fill="none"/><line x1="3.7000" y1="5.0000" x2="2.2000" y2="5.0000" stroke="#FF26E2" stroke-width="0.050" stroke-linecap="round" fill="none"/></g><g class="adom-layer-fab"><polygon points="-0.9750,-4.9500 1.9500,-4.9500 1.9500,4.9500 -1.9500,4.9500 -1.9500,-3.9750" stroke="#6e7681" stroke-width="0.100" fill="none"/></g><g class="adom-layer-copper"><g data-pad="1" data-shape="roundrect" data-size="1.950x0.600" data-mount="smd"><rect x="-3.450" y="-4.745" width="1.950" height="0.600" rx="0.150" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="2" data-shape="roundrect" data-size="1.950x0.600" data-mount="smd"><rect x="-3.450" y="-3.475" width="1.950" height="0.600" rx="0.150" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="3" data-shape="roundrect" data-size="1.950x0.600" data-mount="smd"><rect x="-3.450" y="-2.205" width="1.950" height="0.600" rx="0.150" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="4" data-shape="roundrect" data-size="1.950x0.600" data-mount="smd"><rect x="-3.450" y="-0.935" width="1.950" height="0.600" rx="0.150" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="5" data-shape="roundrect" data-size="1.950x0.600" data-mount="smd"><rect x="-3.450" y="0.335" width="1.950" height="0.600" rx="0.150" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="6" data-shape="roundrect" data-size="1.950x0.600" data-mount="smd"><rect x="-3.450" y="1.605" width="1.950" height="0.600" rx="0.150" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="7" data-shape="roundrect" data-size="1.950x0.600" data-mount="smd"><rect x="-3.450" y="2.875" width="1.950" height="0.600" rx="0.150" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="8" data-shape="roundrect" data-size="1.950x0.600" data-mount="smd"><rect x="-3.450" y="4.145" width="1.950" height="0.600" rx="0.150" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="9" data-shape="roundrect" data-size="1.950x0.600" data-mount="smd"><rect x="1.500" y="4.145" width="1.950" height="0.600" rx="0.150" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="10" data-shape="roundrect" data-size="1.950x0.600" data-mount="smd"><rect x="1.500" y="2.875" width="1.950" height="0.600" rx="0.150" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="11" data-shape="roundrect" data-size="1.950x0.600" data-mount="smd"><rect x="1.500" y="1.605" width="1.950" height="0.600" rx="0.150" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="12" data-shape="roundrect" data-size="1.950x0.600" data-mount="smd"><rect x="1.500" y="0.335" width="1.950" height="0.600" rx="0.150" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="13" data-shape="roundrect" data-size="1.950x0.600" data-mount="smd"><rect x="1.500" y="-0.935" width="1.950" height="0.600" rx="0.150" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="14" data-shape="roundrect" data-size="1.950x0.600" data-mount="smd"><rect x="1.500" y="-2.205" width="1.950" height="0.600" rx="0.150" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="15" data-shape="roundrect" data-size="1.950x0.600" data-mount="smd"><rect x="1.500" y="-3.475" width="1.950" height="0.600" rx="0.150" fill="#C83434" stroke="#ef5350" stroke-width="0.04"/></g><g data-pad="16" data-shape="roundrect" data-size="1.950x0.600" data-mount="smd"><rect x="1.500" y="-4.745" width="1.950" height="0.600" rx="0.150" 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="-2.0600" y1="-5.0600" x2="2.0600" y2="-5.0600" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="-2.0600" y1="-5.0050" x2="-2.0600" y2="-5.0600" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="-2.0600" y1="5.0600" x2="-2.0600" y2="5.0050" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="2.0600" y1="-5.0600" x2="2.0600" y2="-5.0050" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="2.0600" y1="5.0050" x2="2.0600" y2="5.0600" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><line x1="2.0600" y1="5.0600" x2="-2.0600" y2="5.0600" stroke="#00cccc" stroke-width="0.120" stroke-linecap="round" fill="none"/><polygon points="-2.6000,-5.0100 -2.8400,-5.3400 -2.3600,-5.3400" stroke="#00cccc" stroke-width="0.120" fill="#00cccc"/></g><g class="adom-layer-padnum"><text x="-2.475" y="-4.445" text-anchor="middle" dominant-baseline="central" font-size="0.252" fill="#fff" font-family="sans-serif" style="pointer-events:none">1</text><text x="-2.475" y="-3.175" text-anchor="middle" dominant-baseline="central" font-size="0.252" fill="#fff" font-family="sans-serif" style="pointer-events:none">2</text><text x="-2.475" y="-1.905" text-anchor="middle" dominant-baseline="central" font-size="0.252" fill="#fff" font-family="sans-serif" style="pointer-events:none">3</text><text x="-2.475" y="-0.635" text-anchor="middle" dominant-baseline="central" font-size="0.252" fill="#fff" font-family="sans-serif" style="pointer-events:none">4</text><text x="-2.475" y="0.635" text-anchor="middle" dominant-baseline="central" font-size="0.252" fill="#fff" font-family="sans-serif" style="pointer-events:none">5</text><text x="-2.475" y="1.905" text-anchor="middle" dominant-baseline="central" font-size="0.252" fill="#fff" font-family="sans-serif" style="pointer-events:none">6</text><text x="-2.475" y="3.175" text-anchor="middle" dominant-baseline="central" font-size="0.252" fill="#fff" font-family="sans-serif" style="pointer-events:none">7</text><text x="-2.475" y="4.445" text-anchor="middle" dominant-baseline="central" font-size="0.252" fill="#fff" font-family="sans-serif" style="pointer-events:none">8</text><text x="2.475" y="4.445" text-anchor="middle" dominant-baseline="central" font-size="0.252" fill="#fff" font-family="sans-serif" style="pointer-events:none">9</text><text x="2.475" y="3.175" text-anchor="middle" dominant-baseline="central" font-size="0.252" fill="#fff" font-family="sans-serif" style="pointer-events:none">10</text><text x="2.475" y="1.905" text-anchor="middle" dominant-baseline="central" font-size="0.252" fill="#fff" font-family="sans-serif" style="pointer-events:none">11</text><text x="2.475" y="0.635" text-anchor="middle" dominant-baseline="central" font-size="0.252" fill="#fff" font-family="sans-serif" style="pointer-events:none">12</text><text x="2.475" y="-0.635" text-anchor="middle" dominant-baseline="central" font-size="0.252" fill="#fff" font-family="sans-serif" style="pointer-events:none">13</text><text x="2.475" y="-1.905" text-anchor="middle" dominant-baseline="central" font-size="0.252" fill="#fff" font-family="sans-serif" style="pointer-events:none">14</text><text x="2.475" y="-3.175" text-anchor="middle" dominant-baseline="central" font-size="0.252" fill="#fff" font-family="sans-serif" style="pointer-events:none">15</text><text x="2.475" y="-4.445" text-anchor="middle" dominant-baseline="central" font-size="0.252" fill="#fff" font-family="sans-serif" style="pointer-events:none">16</text></g><g class="adom-layer-paste-apertures"><rect x="-3.450" y="-4.745" width="1.950" height="0.600" rx="0.05" transform="rotate(0.00 -2.475 -4.445)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-3.450" y="-3.475" width="1.950" height="0.600" rx="0.05" transform="rotate(0.00 -2.475 -3.175)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-3.450" y="-2.205" width="1.950" height="0.600" rx="0.05" transform="rotate(0.00 -2.475 -1.905)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-3.450" y="-0.935" width="1.950" height="0.600" rx="0.05" transform="rotate(0.00 -2.475 -0.635)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-3.450" y="0.335" width="1.950" height="0.600" rx="0.05" transform="rotate(0.00 -2.475 0.635)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-3.450" y="1.605" width="1.950" height="0.600" rx="0.05" transform="rotate(0.00 -2.475 1.905)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-3.450" y="2.875" width="1.950" height="0.600" rx="0.05" transform="rotate(0.00 -2.475 3.175)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="-3.450" y="4.145" width="1.950" height="0.600" rx="0.05" transform="rotate(0.00 -2.475 4.445)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="1.500" y="4.145" width="1.950" height="0.600" rx="0.05" transform="rotate(0.00 2.475 4.445)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="1.500" y="2.875" width="1.950" height="0.600" rx="0.05" transform="rotate(0.00 2.475 3.175)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="1.500" y="1.605" width="1.950" height="0.600" rx="0.05" transform="rotate(0.00 2.475 1.905)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="1.500" y="0.335" width="1.950" height="0.600" rx="0.05" transform="rotate(0.00 2.475 0.635)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="1.500" y="-0.935" width="1.950" height="0.600" rx="0.05" transform="rotate(0.00 2.475 -0.635)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="1.500" y="-2.205" width="1.950" height="0.600" rx="0.05" transform="rotate(0.00 2.475 -1.905)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="1.500" y="-3.475" width="1.950" height="0.600" rx="0.05" transform="rotate(0.00 2.475 -3.175)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/><rect x="1.500" y="-4.745" width="1.950" height="0.600" rx="0.05" transform="rotate(0.00 2.475 -4.445)" fill="none" stroke="#8aa0b8" stroke-width="0.03" stroke-dasharray="0.12 0.08" opacity="0.7"/></g><g class="adom-layer-paste-dots"><circle cx="-3.225" cy="-4.445" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.975" cy="-4.445" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.725" cy="-4.445" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.475" cy="-4.445" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.225" cy="-4.445" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.975" cy="-4.445" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.725" cy="-4.445" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.225" cy="-3.175" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.975" cy="-3.175" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.725" cy="-3.175" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.475" cy="-3.175" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.225" cy="-3.175" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.975" cy="-3.175" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.725" cy="-3.175" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.225" cy="-1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.975" cy="-1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.725" cy="-1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.475" cy="-1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.225" cy="-1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.975" cy="-1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.725" cy="-1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.225" cy="-0.635" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.975" cy="-0.635" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.725" cy="-0.635" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.475" cy="-0.635" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.225" cy="-0.635" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.975" cy="-0.635" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.725" cy="-0.635" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.225" cy="0.635" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.975" cy="0.635" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.725" cy="0.635" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.475" cy="0.635" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.225" cy="0.635" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.975" cy="0.635" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.725" cy="0.635" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.225" cy="1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.975" cy="1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.725" cy="1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.475" cy="1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.225" cy="1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.975" cy="1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.725" cy="1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.225" cy="3.175" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.975" cy="3.175" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.725" cy="3.175" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.475" cy="3.175" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.225" cy="3.175" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.975" cy="3.175" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.725" cy="3.175" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-3.225" cy="4.445" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.975" cy="4.445" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.725" cy="4.445" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.475" cy="4.445" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-2.225" cy="4.445" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.975" cy="4.445" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="-1.725" cy="4.445" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.725" cy="4.445" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.975" cy="4.445" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.225" cy="4.445" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.475" cy="4.445" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.725" cy="4.445" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.975" cy="4.445" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.225" cy="4.445" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.725" cy="3.175" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.975" cy="3.175" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.225" cy="3.175" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.475" cy="3.175" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.725" cy="3.175" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.975" cy="3.175" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.225" cy="3.175" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.725" cy="1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.975" cy="1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.225" cy="1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.475" cy="1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.725" cy="1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.975" cy="1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.225" cy="1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.725" cy="0.635" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.975" cy="0.635" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.225" cy="0.635" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.475" cy="0.635" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.725" cy="0.635" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.975" cy="0.635" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.225" cy="0.635" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.725" cy="-0.635" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.975" cy="-0.635" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.225" cy="-0.635" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.475" cy="-0.635" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.725" cy="-0.635" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.975" cy="-0.635" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.225" cy="-0.635" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.725" cy="-1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.975" cy="-1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.225" cy="-1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.475" cy="-1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.725" cy="-1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.975" cy="-1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.225" cy="-1.905" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.725" cy="-3.175" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.975" cy="-3.175" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.225" cy="-3.175" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.475" cy="-3.175" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.725" cy="-3.175" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.975" cy="-3.175" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.225" cy="-3.175" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.725" cy="-4.445" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="1.975" cy="-4.445" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.225" cy="-4.445" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.475" cy="-4.445" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.725" cy="-4.445" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="2.975" cy="-4.445" r="0.150" fill="#37c8a6" opacity="0.92"/><circle cx="3.225" cy="-4.445" r="0.150" fill="#37c8a6" opacity="0.92"/></g></svg>+ </div>+ </div>+ <aside>+ <div class="ah">Layers</div>+ <div class="layers" id="layers"></div>+ <div class="note">The <b>solder paste jet</b> layer shows the 300µm paste-dispensing dots that travel with the footprint. Off by default — toggle it on.</div>+ </aside>+ </main>+<script>/* ── adom-footprint shared viewer core (window.AV) ─────────────────────────+ Single source of truth for the layer list, toggle behaviour, defaults,+ pan/zoom and toolbar icons. Included VERBATIM by both app.html (live) and+ embed.html (static) so the two viewers cannot drift. Pure client-side; works+ on any SVG that carries the <g class="adom-layer-*"> groups. */+(function(){+ var ICON_ZIN='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="10.5" cy="10.5" r="6.5"/><path d="M20 20l-4.5-4.5M10.5 8v5M8 10.5h5"/></svg>';+ var ICON_ZOUT='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="10.5" cy="10.5" r="6.5"/><path d="M20 20l-4.5-4.5M8 10.5h5"/></svg>';+ // Zoom-to-FIT = a magnifier with a small square inside (fit content to view).+ // Deliberately NOT the four-corner expand/"fullscreen" glyph.+ var ICON_FIT='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="10.5" cy="10.5" r="6.5"/><path d="M20 20l-4.5-4.5"/><rect x="7.6" y="7.6" width="5.8" height="5.8" rx="1.2"/></svg>';++ // The canonical layer list. Every layer is a <g class="adom-layer-*"> in the+ // self-rendered SVG, so toggling is group-based (robust) — never colour-match.+ // `kind:'group'` on every entry: all layers are toggled by their <g> group+ // (robust), never by colour-match. (app.html still reads def.kind.)+ var LAYER_DEFS=[+ {key:'copper', name:'Copper', kind:'group', sel:'.adom-layer-copper', sw:'#C83434'},+ // Auto-generated thermal-via array under the exposed pad — only present (and+ // listed) when the footprint has an exposed thermal pad.+ {key:'heatsink', name:'Heatsink vias', kind:'group', sel:'.adom-layer-heatsink', sw:'#e8a13a'},+ {key:'padnum', name:'Pad numbers', kind:'group', sel:'.adom-layer-padnum', sw:'#ffffff', ring:true},+ {key:'silk', name:'Silkscreen', kind:'group', sel:'.adom-layer-silk', sw:'#00cccc'},+ {key:'fab', name:'Fab (F.Fab)', kind:'group', sel:'.adom-layer-fab', sw:'#6e7681', ring:true},+ {key:'courtyard', name:'Courtyard', kind:'group', sel:'.adom-layer-courtyard', sw:'#FF26E2', ring:true},+ {key:'drill', name:'Drill', kind:'group', sel:'.adom-layer-drill', sw:'#888888', ring:true},+ {key:'paste-ap', name:'Paste apertures', kind:'group', sel:'.adom-layer-paste-apertures', sw:'#8aa0b8', ring:true},+ // Generic name — the 300µm solder-paste dispensing dots. Off by default.+ {key:'paste-dots',name:'Solder paste jet', kind:'group', sel:'.adom-layer-paste-dots', sw:'#37c8a6', special:true},+ ];++ // True only if the group actually holds drawn geometry (not an empty <g>) — so+ // layers with nothing in THIS footprint aren't listed as dead, dim rows.+ function groupHasGeo(svg,def){+ if(!svg) return false; var n=0,g=svg.querySelectorAll(def.sel);+ for(var i=0;i<g.length;i++){ n+=g[i].querySelectorAll('path,rect,circle,line,polygon,polyline,text').length; }+ return n>0;+ }+ function layerPresent(svg,def){ return groupHasGeo(svg,def); }+ function applyLayer(svg,def,on){+ if(!svg) return; var g=svg.querySelectorAll(def.sel);+ for(var i=0;i<g.length;i++) g[i].style.display=on?'':'none';+ }++ // Build layer rows into a container. opts:+ // svg, container, state {key:bool}, meta {pasteDots,pasteApertures},+ // onToggle(key,on). Missing state key -> special OFF, others ON. Skips empty+ // non-special groups. Returns the keys actually shown.+ function buildLayers(opts){+ var svg=opts.svg, box=opts.container, state=opts.state||{}, meta=opts.meta||{}, shown=[];+ box.innerHTML='';+ LAYER_DEFS.forEach(function(def){+ if(!def.special && !groupHasGeo(svg,def)) return;+ var on = def.special ? (state[def.key]===true) : (state[def.key]!==false);+ var m = def.key==='paste-dots' ? ((meta.pasteDots||0)+' @ 300µm')+ : def.key==='paste-ap' ? ((meta.pasteApertures||0)+' openings') : '';+ var row=document.createElement('div');+ row.className='av-lrow '+(on?'on':'off')+(def.special?' special':'');+ row.innerHTML='<span class="sw'+(def.ring?' ring':'')+'" style="'+(def.ring?('border-color:'+def.sw):('background:'+def.sw))+'"></span>'+ +'<span class="ln">'+def.name+'</span>'+(m?'<span class="meta">'+m+'</span>':'')+ +'<span class="chk">'+(on?'✓':'')+'</span>';+ row.onclick=function(){+ var nv=!row.classList.contains('on');+ row.classList.toggle('on',nv); row.classList.toggle('off',!nv);+ row.querySelector('.chk').textContent=nv?'✓':'';+ state[def.key]=nv; applyLayer(svg,def,nv);+ if(opts.onToggle) opts.onToggle(def.key,nv);+ };+ box.appendChild(row); applyLayer(svg,def,on); shown.push(def.key);+ });+ return shown;+ }++ // Wire pan + zoom on a viewport element (the box that contains the <svg>).+ // Returns a controller {fit, zoomIn, zoomOut, apply}.+ function initViewport(vp){+ var svg=vp.querySelector('svg');+ if(svg){ svg.removeAttribute('width'); svg.removeAttribute('height'); }+ var s=1,tx=0,ty=0;+ function apply(){ var el=vp.querySelector('svg'); if(el) el.style.transform='translate('+tx+'px,'+ty+'px) scale('+s+')'; }+ function zoomAt(cx,cy,f){ tx=cx-(cx-tx)*f; ty=cy-(cy-ty)*f; s*=f; apply(); }+ function fit(){ s=1;tx=0;ty=0;apply(); }+ // Smooth, delta-PROPORTIONAL zoom (matches adom-symbol). A fixed per-event+ // factor makes the trackpad leap — one gentle two-finger nudge fires a burst+ // of tiny wheel events and a fixed 1.12× compounds. Instead derive the factor+ // from how much actually scrolled (exp → smooth + reversible), normalise+ // device units, and clamp one event so a chunky mouse notch can't jump.+ var ZOOM_K=0.0022; // sensitivity: lower = gentler+ vp.addEventListener('wheel',function(e){+ e.preventDefault();+ var d=e.deltaY;+ if(e.deltaMode===1) d*=16; else if(e.deltaMode===2) d*=vp.clientHeight;+ d=Math.max(-50,Math.min(50,d));+ var r=vp.getBoundingClientRect();+ zoomAt(e.clientX-r.left,e.clientY-r.top,Math.exp(-d*ZOOM_K));+ },{passive:false});+ var drag=false,lx=0,ly=0;+ vp.addEventListener('pointerdown',function(e){ if(e.target.closest('.av-tools'))return; drag=true;lx=e.clientX;ly=e.clientY;vp.classList.add('grab');vp.setPointerCapture(e.pointerId); });+ vp.addEventListener('pointermove',function(e){ if(!drag)return; tx+=e.clientX-lx;ty+=e.clientY-ly;lx=e.clientX;ly=e.clientY;apply(); });+ vp.addEventListener('pointerup',function(){ drag=false;vp.classList.remove('grab'); });+ fit();+ return {+ fit:fit,+ zoomIn:function(){ var r=vp.getBoundingClientRect(); zoomAt(r.width/2,r.height/2,1.2); },+ zoomOut:function(){ var r=vp.getBoundingClientRect(); zoomAt(r.width/2,r.height/2,1/1.2); },+ apply:apply+ };+ }++ // Inject the standard zoom toolbar (+ / − / fit) + pan hint into a viewport,+ // wired to a controller from initViewport. Idempotent.+ function addToolbar(vp,ctl){+ if(vp.querySelector('.av-tools')) return;+ var t=document.createElement('div'); t.className='av-tools';+ t.innerHTML='<button data-z="in" title="Zoom in">'+ICON_ZIN+'</button>'+ +'<button data-z="out" title="Zoom out">'+ICON_ZOUT+'</button>'+ +'<button data-z="fit" title="Zoom to fit">'+ICON_FIT+'</button>';+ vp.appendChild(t);+ t.querySelector('[data-z="in"]').onclick=ctl.zoomIn;+ t.querySelector('[data-z="out"]').onclick=ctl.zoomOut;+ t.querySelector('[data-z="fit"]').onclick=ctl.fit;+ var h=document.createElement('div'); h.className='av-panhint'; h.textContent='drag to pan · scroll to zoom'; vp.appendChild(h);+ }++ window.AV={+ LAYER_DEFS:LAYER_DEFS, groupHasGeo:groupHasGeo, layerPresent:layerPresent,+ applyLayer:applyLayer, buildLayers:buildLayers, initViewport:initViewport,+ addToolbar:addToolbar, ICON_FIT:ICON_FIT, ICON_ZIN:ICON_ZIN, ICON_ZOUT:ICON_ZOUT+ };+})();+</script> <script>-var KIND="footprint", MPN="ADOM/CD74HCT367M96", PINS=[{"desc":"","name":"~{OE1}","number":"1","type":""},{"desc":"","name":"1A","number":"2","type":""},{"desc":"","name":"1Y","number":"3","type":""},{"desc":"","name":"2A","number":"4","type":""},{"desc":"","name":"2Y","number":"5","type":""},{"desc":"","name":"3A","number":"6","type":""},{"desc":"","name":"3Y","number":"7","type":""},{"desc":"","name":"GND","number":"8","type":""},{"desc":"","name":"VCC","number":"16","type":""},{"desc":"","name":"~{OE2}","number":"15","type":""},{"desc":"","name":"6A","number":"14","type":""},{"desc":"","name":"6Y","number":"13","type":""},{"desc":"","name":"5A","number":"12","type":""},{"desc":"","name":"5Y","number":"11","type":""},{"desc":"","name":"4A","number":"10","type":""},{"desc":"","name":"4Y","number":"9","type":""}];-var byNum={}; PINS.forEach(function(p){byNum[String(p.number)]=p;});-var stage=document.getElementById('stage'), svg=stage.querySelector('svg'), tip=document.getElementById('tip');-// ---- pan/zoom -----var vb=(svg.getAttribute('viewBox')||'0 0 100 100').split(/\s+/).map(Number), base=vb.slice();-function setVB(){svg.setAttribute('viewBox',vb.join(' '));}-stage.addEventListener('wheel',function(e){e.preventDefault();var r=stage.getBoundingClientRect();var mx=(e.clientX-r.left)/r.width,my=(e.clientY-r.top)/r.height;var f=e.deltaY<0?0.88:1.14;var nw=vb[2]*f,nh=vb[3]*f;vb[0]+=(vb[2]-nw)*mx;vb[1]+=(vb[3]-nh)*my;vb[2]=nw;vb[3]=nh;setVB();},{passive:false});-var pan=null;-stage.addEventListener('pointerdown',function(e){pan={x:e.clientX,y:e.clientY};stage.classList.add('drag');stage.setPointerCapture(e.pointerId);});-stage.addEventListener('pointermove',function(e){if(!pan)return;var r=stage.getBoundingClientRect();vb[0]-=(e.clientX-pan.x)/r.width*vb[2];vb[1]-=(e.clientY-pan.y)/r.height*vb[3];pan={x:e.clientX,y:e.clientY};setVB();});-function endPan(){pan=null;stage.classList.remove('drag');}-stage.addEventListener('pointerup',endPan);stage.addEventListener('pointerleave',endPan);-stage.addEventListener('dblclick',function(){vb=base.slice();setVB();});-// ---- cross-highlight bus -----function els(n){return [].slice.call(document.querySelectorAll('[data-num="'+n+'"]'));}-function clearHi(){[].slice.call(document.querySelectorAll('.hi')).forEach(function(e){e.classList.remove('hi');});}-function hi(n){els(n).forEach(function(e){e.classList.add('hi');});}-function post(n){try{parent.postMessage({type:'lbr-hover',pin:n===null?null:String(n),mpn:MPN},'*');}catch(_){}}-function showTip(n,x,y){var p=byNum[String(n)];if(!p)return;tip.innerHTML='<span class=tn></span><div class=tt></div><div class=td></div>';tip.querySelector('.tn').textContent=n+' '+(p.name||'');tip.querySelector('.tt').textContent=p.type||'';var d=p.desc||'';if(d)tip.querySelector('.td').textContent=d;else tip.querySelector('.td').style.display='none';tip.style.display='block';tip.style.left=(x+14)+'px';tip.style.top=(y+12)+'px';}-[].slice.call(document.querySelectorAll('.pingroup,.pad')).forEach(function(g){- var n=g.getAttribute('data-num');- g.addEventListener('mouseenter',function(e){clearHi();hi(n);post(n);showTip(n,e.clientX,e.clientY);});- g.addEventListener('mousemove',function(e){tip.style.left=(e.clientX+14)+'px';tip.style.top=(e.clientY+12)+'px';});- g.addEventListener('mouseleave',function(){clearHi();post(null);tip.style.display='none';});-});-window.addEventListener('message',function(e){var d=e.data||{};if(d.type!=='lbr-hover')return;clearHi();if(d.pin!=null)hi(d.pin);});-// ---- footprint layer toggles -----[].slice.call(document.querySelectorAll('.lyrtog')).forEach(function(b){- function apply(on){[].slice.call(document.querySelectorAll('.ly-'+b.getAttribute('data-lyr'))).forEach(function(el){el.classList.toggle('lyr-off',!on);});}- apply(b.classList.contains('on'));- b.addEventListener('click',function(){apply(b.classList.toggle('on'));});-});-// ---- auto-grow the host readme iframe -----function ph(){var h=Math.max(360,Math.min(16000,document.body.scrollHeight||420));parent.postMessage({type:'readme-height',height:h},'*');}-window.addEventListener('load',ph);setTimeout(ph,300);+var META={"pasteApertures":16,"pasteDots":112};+(function(){+ var vp=document.getElementById('vp');+ var svg=vp.querySelector('svg');+ var ctl=AV.initViewport(vp);+ AV.addToolbar(vp,ctl);+ AV.buildLayers({ svg:svg, container:document.getElementById('layers'), state:{}, meta:META });+})(); </script> </body></html>
viewers/symbol.html+2−2@@ -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 -500 1500 1000' style='width:100%;height:100%'><rect x='-500.0' y='-450.0' width='1000.0' height='900.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='~{OE1}'><line class='pinvis' x1='-700.0' y1='-350.0' x2='-500.0' y2='-350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-350.0' x2='-500.0' y2='-350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-305.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='-470.0' y='-350.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>~{OE1}</text><g class='pingroup' data-num='2' data-name='1A'><line class='pinvis' x1='-700.0' y1='-250.0' x2='-500.0' y2='-250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-250.0' x2='-500.0' y2='-250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-205.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='-470.0' y='-250.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>1A</text><g class='pingroup' data-num='3' data-name='1Y'><line class='pinvis' x1='-700.0' y1='-150.0' x2='-500.0' y2='-150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-150.0' x2='-500.0' y2='-150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-105.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><text x='-470.0' y='-150.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>1Y</text><g class='pingroup' data-num='4' data-name='2A'><line class='pinvis' x1='-700.0' y1='-50.0' x2='-500.0' y2='-50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-50.0' x2='-500.0' y2='-50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-5.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>4</text><text x='-470.0' y='-50.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>2A</text><g class='pingroup' data-num='5' data-name='2Y'><line class='pinvis' x1='-700.0' y1='50.0' x2='-500.0' y2='50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='50.0' x2='-500.0' y2='50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='95.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>5</text><text x='-470.0' y='50.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>2Y</text><g class='pingroup' data-num='6' data-name='3A'><line class='pinvis' x1='-700.0' y1='150.0' x2='-500.0' y2='150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='150.0' x2='-500.0' y2='150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='195.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><text x='-470.0' y='150.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>3A</text><g class='pingroup' data-num='7' data-name='3Y'><line class='pinvis' x1='-700.0' y1='250.0' x2='-500.0' y2='250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='250.0' x2='-500.0' y2='250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='295.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='-470.0' y='250.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>3Y</text><g class='pingroup' data-num='8' data-name='GND'><line class='pinvis' x1='-700.0' y1='350.0' x2='-500.0' y2='350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='350.0' x2='-500.0' y2='350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='395.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>8</text><text x='-470.0' y='350.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>GND</text><g class='pingroup' data-num='16' data-name='VCC'><line class='pinvis' x1='700.0' y1='-350.0' x2='500.0' y2='-350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-350.0' x2='500.0' y2='-350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-395.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>16</text><text x='470.0' y='-350.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>VCC</text><g class='pingroup' data-num='15' data-name='~{OE2}'><line class='pinvis' x1='700.0' y1='-250.0' x2='500.0' y2='-250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-250.0' x2='500.0' y2='-250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-295.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>15</text><text x='470.0' y='-250.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>~{OE2}</text><g class='pingroup' data-num='14' data-name='6A'><line class='pinvis' x1='700.0' y1='-150.0' x2='500.0' y2='-150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-150.0' x2='500.0' y2='-150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-195.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>14</text><text x='470.0' y='-150.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>6A</text><g class='pingroup' data-num='13' data-name='6Y'><line class='pinvis' x1='700.0' y1='-50.0' x2='500.0' y2='-50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-50.0' x2='500.0' y2='-50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-95.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>13</text><text x='470.0' y='-50.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>6Y</text><g class='pingroup' data-num='12' data-name='5A'><line class='pinvis' x1='700.0' y1='50.0' x2='500.0' y2='50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='50.0' x2='500.0' y2='50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='5.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>12</text><text x='470.0' y='50.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>5A</text><g class='pingroup' data-num='11' data-name='5Y'><line class='pinvis' x1='700.0' y1='150.0' x2='500.0' y2='150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='150.0' x2='500.0' y2='150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='105.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>11</text><text x='470.0' y='150.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>5Y</text><g class='pingroup' data-num='10' data-name='4A'><line class='pinvis' x1='700.0' y1='250.0' x2='500.0' y2='250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='250.0' x2='500.0' y2='250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='205.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>10</text><text x='470.0' y='250.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>4A</text><g class='pingroup' data-num='9' data-name='4Y'><line class='pinvis' x1='700.0' y1='350.0' x2='500.0' y2='350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='350.0' x2='500.0' y2='350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='305.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>9</text><text x='470.0' y='350.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>4Y</text></svg></div>+<div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-750 -450 1500 900' style='width:100%;height:100%'><rect x='-500.0' y='-400.0' width='1000.0' height='800.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='1OE'><line class='pinvis' x1='-700.0' y1='-300.0' x2='-500.0' y2='-300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-300.0' x2='-500.0' y2='-300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-255.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='-470.0' y='-300.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>1OE</text><g class='pingroup' data-num='2' data-name='1A1'><line class='pinvis' x1='-700.0' y1='-200.0' x2='-500.0' y2='-200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-200.0' x2='-500.0' y2='-200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-155.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='-470.0' y='-200.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>1A1</text><g class='pingroup' data-num='3' data-name='1Y1'><line class='pinvis' x1='-700.0' y1='-100.0' x2='-500.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-100.0' x2='-500.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-55.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><text x='-470.0' y='-100.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>1Y1</text><g class='pingroup' data-num='4' data-name='1A2'><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'>4</text><text x='-470.0' y='0.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>1A2</text><g class='pingroup' data-num='5' data-name='1Y2'><line class='pinvis' x1='-700.0' y1='100.0' x2='-500.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='100.0' x2='-500.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='145.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>5</text><text x='-470.0' y='100.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>1Y2</text><g class='pingroup' data-num='6' data-name='1A3'><line class='pinvis' x1='-700.0' y1='200.0' x2='-500.0' y2='200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='200.0' x2='-500.0' y2='200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='245.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><text x='-470.0' y='200.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>1A3</text><g class='pingroup' data-num='7' data-name='1Y3'><line class='pinvis' x1='-700.0' y1='300.0' x2='-500.0' y2='300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='300.0' x2='-500.0' y2='300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='345.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='-470.0' y='300.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>1Y3</text><g class='pingroup' data-num='15' data-name='2OE'><line class='pinvis' x1='700.0' y1='-300.0' x2='500.0' y2='-300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-300.0' x2='500.0' y2='-300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-345.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>15</text><text x='470.0' y='-300.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>2OE</text><g class='pingroup' data-num='14' data-name='2A2'><line class='pinvis' x1='700.0' y1='-200.0' x2='500.0' y2='-200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-200.0' x2='500.0' y2='-200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-245.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>14</text><text x='470.0' y='-200.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>2A2</text><g class='pingroup' data-num='13' data-name='2Y2'><line class='pinvis' x1='700.0' y1='-100.0' x2='500.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-100.0' x2='500.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-145.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>13</text><text x='470.0' y='-100.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>2Y2</text><g class='pingroup' data-num='12' data-name='2A1'><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'>12</text><text x='470.0' y='0.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>2A1</text><g class='pingroup' data-num='11' data-name='2Y1'><line class='pinvis' x1='700.0' y1='100.0' x2='500.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='100.0' x2='500.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='55.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>11</text><text x='470.0' y='100.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>2Y1</text><g class='pingroup' data-num='10' data-name='1Y4'><line class='pinvis' x1='700.0' y1='200.0' x2='500.0' y2='200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='200.0' x2='500.0' y2='200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='155.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>10</text><text x='470.0' y='200.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>1Y4</text><g class='pingroup' data-num='9' data-name='1A4'><line class='pinvis' x1='700.0' y1='300.0' x2='500.0' y2='300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='300.0' x2='500.0' y2='300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='255.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>9</text><text x='470.0' y='300.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>1A4</text></svg></div> <div id=tip></div> <script>-var KIND="symbol", MPN="ADOM/CD74HCT367M96", PINS=[{"desc":"","name":"~{OE1}","number":"1","type":""},{"desc":"","name":"1A","number":"2","type":""},{"desc":"","name":"1Y","number":"3","type":""},{"desc":"","name":"2A","number":"4","type":""},{"desc":"","name":"2Y","number":"5","type":""},{"desc":"","name":"3A","number":"6","type":""},{"desc":"","name":"3Y","number":"7","type":""},{"desc":"","name":"GND","number":"8","type":""},{"desc":"","name":"VCC","number":"16","type":""},{"desc":"","name":"~{OE2}","number":"15","type":""},{"desc":"","name":"6A","number":"14","type":""},{"desc":"","name":"6Y","number":"13","type":""},{"desc":"","name":"5A","number":"12","type":""},{"desc":"","name":"5Y","number":"11","type":""},{"desc":"","name":"4A","number":"10","type":""},{"desc":"","name":"4Y","number":"9","type":""}];+var KIND="symbol", MPN="ADOM/CD74HCT367M96", PINS=[{"desc":"","name":"1OE","number":"1","type":""},{"desc":"","name":"1A1","number":"2","type":""},{"desc":"","name":"1Y1","number":"3","type":""},{"desc":"","name":"1A2","number":"4","type":""},{"desc":"","name":"1Y2","number":"5","type":""},{"desc":"","name":"1A3","number":"6","type":""},{"desc":"","name":"1Y3","number":"7","type":""},{"desc":"","name":"2OE","number":"15","type":""},{"desc":"","name":"2A2","number":"14","type":""},{"desc":"","name":"2Y2","number":"13","type":""},{"desc":"","name":"2A1","number":"12","type":""},{"desc":"","name":"2Y1","number":"11","type":""},{"desc":"","name":"1Y4","number":"10","type":""},{"desc":"","name":"1A4","number":"9","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 ----