Главная Обзор Помощь
Регистрация Вход
remy
/
Peristatique
1
0
Ответвить 0
Файлы Задачи 0 Запросы на слияние 0 Вики
Ветка: master
Ветки Метки
Peristatique
/
EDA
/
Carte
/
bom
/
ibom.html

ibom.html 222 KB
Постоянная ссылка История Исходник

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

  3. 

  4. <head>
    5. 

  5.   <meta charset="UTF-8">
    6. 

  6.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7. 

  7.   <title>Interactive BOM for KiCAD</title>
    8. 

  8.   <style type="text/css">
    9. 

  9. :root {
    10. 

  10.   --pcb-edge-color: black;
    11. 

  11.   --pad-color: #878787;
    12. 

  12.   --pad-hole-color: #CCCCCC;
    13. 

  13.   --pad-color-highlight: #D04040;
    14. 

  14.   --pad-color-highlight-both: #D0D040;
    15. 

  15.   --pad-color-highlight-marked: #44a344;
    16. 

  16.   --pin1-outline-color: #ffb629;
    17. 

  17.   --pin1-outline-color-highlight: #ffb629;
    18. 

  18.   --pin1-outline-color-highlight-both: #fcbb39;
    19. 

  19.   --pin1-outline-color-highlight-marked: #fdbe41;
    20. 

  20.   --silkscreen-edge-color: #aa4;
    21. 

  21.   --silkscreen-polygon-color: #4aa;
    22. 

  22.   --silkscreen-text-color: #4aa;
    23. 

  23.   --fabrication-edge-color: #907651;
    24. 

  24.   --fabrication-polygon-color: #907651;
    25. 

  25.   --fabrication-text-color: #a27c24;
    26. 

  26.   --track-color: #def5f1;
    27. 

  27.   --track-color-highlight: #D04040;
    28. 

  28.   --zone-color: #def5f1;
    29. 

  29.   --zone-color-highlight: #d0404080;
    30. 

  30. }
    31. 

  31. 

  32. html,
    33. 

  33. body {
    34. 

  34.   margin: 0px;
    35. 

  35.   height: 100%;
    36. 

  36.   font-family: Verdana, sans-serif;
    37. 

  37. }
    38. 

  38. 

  39. .dark.topmostdiv {
    40. 

  40.   --pcb-edge-color: #eee;
    41. 

  41.   --pad-color: #808080;
    42. 

  42.   --pin1-outline-color: #ffa800;
    43. 

  43.   --pin1-outline-color-highlight: #ccff00;
    44. 

  44.   --track-color: #42524f;
    45. 

  45.   --zone-color: #42524f;
    46. 

  46.   background-color: #252c30;
    47. 

  47.   color: #eee;
    48. 

  48. }
    49. 

  49. 

  50. button {
    51. 

  51.   background-color: #eee;
    52. 

  52.   border: 1px solid #888;
    53. 

  53.   color: black;
    54. 

  54.   height: 44px;
    55. 

  55.   width: 44px;
    56. 

  56.   text-align: center;
    57. 

  57.   text-decoration: none;
    58. 

  58.   display: inline-block;
    59. 

  59.   font-size: 14px;
    60. 

  60.   font-weight: bolder;
    61. 

  61. }
    62. 

  62. 

  63. .dark button {
    64. 

  64.   /* This will be inverted */
    65. 

  65.   background-color: #c3b7b5;
    66. 

  66. }
    67. 

  67. 

  68. button.depressed {
    69. 

  69.   background-color: #0a0;
    70. 

  70.   color: white;
    71. 

  71. }
    72. 

  72. 

  73. .dark button.depressed {
    74. 

  74.   /* This will be inverted */
    75. 

  75.   background-color: #b3b;
    76. 

  76. }
    77. 

  77. 

  78. button:focus {
    79. 

  79.   outline: 0;
    80. 

  80. }
    81. 

  81. 

  82. button#tb-btn {
    83. 

  83.   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.47 8.47'%3E%3Crect transform='translate(0 -288.53)' ry='1.17' y='288.8' x='.27' height='7.94' width='7.94' fill='%23f9f9f9'/%3E%3Cg transform='translate(0 -288.53)'%3E%3Crect width='7.94' height='7.94' x='.27' y='288.8' ry='1.17' fill='none' stroke='%23000' stroke-width='.4' stroke-linejoin='round'/%3E%3Cpath d='M1.32 290.12h5.82M1.32 291.45h5.82' fill='none' stroke='%23000' stroke-width='.4'/%3E%3Cpath d='M4.37 292.5v4.23M.26 292.63H8.2' fill='none' stroke='%23000' stroke-width='.3'/%3E%3Ctext font-weight='700' font-size='3.17' font-family='sans-serif'%3E%3Ctspan x='1.35' y='295.73'%3EF%3C/tspan%3E%3Ctspan x='5.03' y='295.68'%3EB%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E%0A");
    84. 

  84. }
    85. 

  85. 

  86. button#lr-btn {
    87. 

  87.   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.47 8.47'%3E%3Crect transform='translate(0 -288.53)' ry='1.17' y='288.8' x='.27' height='7.94' width='7.94' fill='%23f9f9f9'/%3E%3Cg transform='translate(0 -288.53)'%3E%3Crect width='7.94' height='7.94' x='.27' y='288.8' ry='1.17' fill='none' stroke='%23000' stroke-width='.4' stroke-linejoin='round'/%3E%3Cpath d='M1.06 290.12H3.7m-2.64 1.33H3.7m-2.64 1.32H3.7m-2.64 1.3H3.7m-2.64 1.33H3.7' fill='none' stroke='%23000' stroke-width='.4'/%3E%3Cpath d='M4.37 288.8v7.94m0-4.11h3.96' fill='none' stroke='%23000' stroke-width='.3'/%3E%3Ctext font-weight='700' font-size='3.17' font-family='sans-serif'%3E%3Ctspan x='5.11' y='291.96'%3EF%3C/tspan%3E%3Ctspan x='5.03' y='295.68'%3EB%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E%0A");
    88. 

  88. }
    89. 

  89. 

  90. button#bom-btn {
    91. 

  91.   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.47 8.47'%3E%3Crect transform='translate(0 -288.53)' ry='1.17' y='288.8' x='.27' height='7.94' width='7.94' fill='%23f9f9f9'/%3E%3Cg transform='translate(0 -288.53)' fill='none' stroke='%23000' stroke-width='.4'%3E%3Crect width='7.94' height='7.94' x='.27' y='288.8' ry='1.17' stroke-linejoin='round'/%3E%3Cpath d='M1.59 290.12h5.29M1.59 291.45h5.33M1.59 292.75h5.33M1.59 294.09h5.33M1.59 295.41h5.33'/%3E%3C/g%3E%3C/svg%3E");
    92. 

  92. }
    93. 

  93. 

  94. button#bom-grouped-btn {
    95. 

  95.   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cg stroke='%23000' stroke-linejoin='round' class='layer'%3E%3Crect width='29' height='29' x='1.5' y='1.5' stroke-width='2' fill='%23fff' rx='5' ry='5'/%3E%3Cpath stroke-linecap='square' stroke-width='2' d='M6 10h4m4 0h5m4 0h3M6.1 22h3m3.9 0h5m4 0h4m-16-8h4m4 0h4'/%3E%3Cpath stroke-linecap='null' d='M5 17.5h22M5 26.6h22M5 5.5h22'/%3E%3C/g%3E%3C/svg%3E");
    96. 

  96. }
    97. 

  97. 

  98. button#bom-ungrouped-btn {
    99. 

  99.   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cg stroke='%23000' stroke-linejoin='round' class='layer'%3E%3Crect width='29' height='29' x='1.5' y='1.5' stroke-width='2' fill='%23fff' rx='5' ry='5'/%3E%3Cpath stroke-linecap='square' stroke-width='2' d='M6 10h4m-4 8h3m-3 8h4'/%3E%3Cpath stroke-linecap='null' d='M5 13.5h22m-22 8h22M5 5.5h22'/%3E%3C/g%3E%3C/svg%3E");
    100. 

  100. }
    101. 

  101. 

  102. button#bom-netlist-btn {
    103. 

  103.   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cg fill='none' stroke='%23000' class='layer'%3E%3Crect width='29' height='29' x='1.5' y='1.5' stroke-width='2' fill='%23fff' rx='5' ry='5'/%3E%3Cpath stroke-width='2' d='M6 26l6-6v-8m13.8-6.3l-6 6v8'/%3E%3Ccircle cx='11.8' cy='9.5' r='2.8' stroke-width='2'/%3E%3Ccircle cx='19.8' cy='22.8' r='2.8' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
    104. 

  104. }
    105. 

  105. 

  106. button#copy {
    107. 

  107.   background-image: url("data:image/svg+xml,%3Csvg height='48' viewBox='0 0 48 48' width='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M32 2h-24c-2.21 0-4 1.79-4 4v28h4v-28h24v-4zm6 8h-22c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4v-28c0-2.21-1.79-4-4-4zm0 32h-22v-28h22v28z'/%3E%3C/svg%3E");
    108. 

  108.   background-position: 6px 6px;
    109. 

  109.   background-repeat: no-repeat;
    110. 

  110.   background-size: 26px 26px;
    111. 

  111.   border-radius: 6px;
    112. 

  112.   height: 40px;
    113. 

  113.   width: 40px;
    114. 

  114.   margin: 10px 5px;
    115. 

  115. }
    116. 

  116. 

  117. button#copy:active {
    118. 

  118.   box-shadow: inset 0px 0px 5px #6c6c6c;
    119. 

  119. }
    120. 

  120. 

  121. textarea.clipboard-temp {
    122. 

  122.   position: fixed;
    123. 

  123.   top: 0;
    124. 

  124.   left: 0;
    125. 

  125.   width: 2em;
    126. 

  126.   height: 2em;
    127. 

  127.   padding: 0;
    128. 

  128.   border: None;
    129. 

  129.   outline: None;
    130. 

  130.   box-shadow: None;
    131. 

  131.   background: transparent;
    132. 

  132. }
    133. 

  133. 

  134. .left-most-button {
    135. 

  135.   border-right: 0;
    136. 

  136.   border-top-left-radius: 6px;
    137. 

  137.   border-bottom-left-radius: 6px;
    138. 

  138. }
    139. 

  139. 

  140. .middle-button {
    141. 

  141.   border-right: 0;
    142. 

  142. }
    143. 

  143. 

  144. .right-most-button {
    145. 

  145.   border-top-right-radius: 6px;
    146. 

  146.   border-bottom-right-radius: 6px;
    147. 

  147. }
    148. 

  148. 

  149. .button-container {
    150. 

  150.   font-size: 0;
    151. 

  151.   margin: 10px 10px 10px 0px;
    152. 

  152. }
    153. 

  153. 

  154. .dark .button-container {
    155. 

  155.   filter: invert(1);
    156. 

  156. }
    157. 

  157. 

  158. .button-container button {
    159. 

  159.   background-size: 32px 32px;
    160. 

  160.   background-position: 5px 5px;
    161. 

  161.   background-repeat: no-repeat;
    162. 

  162. }
    163. 

  163. 

  164. @media print {
    165. 

  165.   .hideonprint {
    166. 

  166.     display: none;
    167. 

  167.   }
    168. 

  168. }
    169. 

  169. 

  170. canvas {
    171. 

  171.   cursor: crosshair;
    172. 

  172. }
    173. 

  173. 

  174. canvas:active {
    175. 

  175.   cursor: grabbing;
    176. 

  176. }
    177. 

  177. 

  178. .fileinfo {
    179. 

  179.   width: 100%;
    180. 

  180.   max-width: 1000px;
    181. 

  181.   border: none;
    182. 

  182.   padding: 5px;
    183. 

  183. }
    184. 

  184. 

  185. .fileinfo .title {
    186. 

  186.   font-size: 20pt;
    187. 

  187.   font-weight: bold;
    188. 

  188. }
    189. 

  189. 

  190. .fileinfo td {
    191. 

  191.   overflow: hidden;
    192. 

  192.   white-space: nowrap;
    193. 

  193.   max-width: 1px;
    194. 

  194.   width: 50%;
    195. 

  195.   text-overflow: ellipsis;
    196. 

  196. }
    197. 

  197. 

  198. .bom {
    199. 

  199.   border-collapse: collapse;
    200. 

  200.   font-family: Consolas, "DejaVu Sans Mono", Monaco, monospace;
    201. 

  201.   font-size: 10pt;
    202. 

  202.   table-layout: fixed;
    203. 

  203.   width: 100%;
    204. 

  204.   margin-top: 1px;
    205. 

  205.   position: relative;
    206. 

  206. }
    207. 

  207. 

  208. .bom th,
    209. 

  209. .bom td {
    210. 

  210.   border: 1px solid black;
    211. 

  211.   padding: 5px;
    212. 

  212.   word-wrap: break-word;
    213. 

  213.   text-align: center;
    214. 

  214.   position: relative;
    215. 

  215. }
    216. 

  216. 

  217. .dark .bom th,
    218. 

  218. .dark .bom td {
    219. 

  219.   border: 1px solid #777;
    220. 

  220. }
    221. 

  221. 

  222. .bom th {
    223. 

  223.   background-color: #CCCCCC;
    224. 

  224.   background-clip: padding-box;
    225. 

  225. }
    226. 

  226. 

  227. .dark .bom th {
    228. 

  228.   background-color: #3b4749;
    229. 

  229. }
    230. 

  230. 

  231. .bom tr.highlighted:nth-child(n) {
    232. 

  232.   background-color: #cfc;
    233. 

  233. }
    234. 

  234. 

  235. .dark .bom tr.highlighted:nth-child(n) {
    236. 

  236.   background-color: #226022;
    237. 

  237. }
    238. 

  238. 

  239. .bom tr:nth-child(even) {
    240. 

  240.   background-color: #f2f2f2;
    241. 

  241. }
    242. 

  242. 

  243. .dark .bom tr:nth-child(even) {
    244. 

  244.   background-color: #313b40;
    245. 

  245. }
    246. 

  246. 

  247. .bom tr.checked {
    248. 

  248.   color: #1cb53d;
    249. 

  249. }
    250. 

  250. 

  251. .dark .bom tr.checked {
    252. 

  252.   color: #2cce54;
    253. 

  253. }
    254. 

  254. 

  255. .bom tr {
    256. 

  256.   transition: background-color 0.2s;
    257. 

  257. }
    258. 

  258. 

  259. .bom .numCol {
    260. 

  260.   width: 30px;
    261. 

  261. }
    262. 

  262. 

  263. .bom .value {
    264. 

  264.   width: 15%;
    265. 

  265. }
    266. 

  266. 

  267. .bom .quantity {
    268. 

  268.   width: 65px;
    269. 

  269. }
    270. 

  270. 

  271. .bom th .sortmark {
    272. 

  272.   position: absolute;
    273. 

  273.   right: 1px;
    274. 

  274.   top: 1px;
    275. 

  275.   margin-top: -5px;
    276. 

  276.   border-width: 5px;
    277. 

  277.   border-style: solid;
    278. 

  278.   border-color: transparent transparent #221 transparent;
    279. 

  279.   transform-origin: 50% 85%;
    280. 

  280.   transition: opacity 0.2s, transform 0.4s;
    281. 

  281. }
    282. 

  282. 

  283. .dark .bom th .sortmark {
    284. 

  284.   filter: invert(1);
    285. 

  285. }
    286. 

  286. 

  287. .bom th .sortmark.none {
    288. 

  288.   opacity: 0;
    289. 

  289. }
    290. 

  290. 

  291. .bom th .sortmark.desc {
    292. 

  292.   transform: rotate(180deg);
    293. 

  293. }
    294. 

  294. 

  295. .bom th:hover .sortmark.none {
    296. 

  296.   opacity: 0.5;
    297. 

  297. }
    298. 

  298. 

  299. .bom .bom-checkbox {
    300. 

  300.   width: 30px;
    301. 

  301.   position: relative;
    302. 

  302.   user-select: none;
    303. 

  303.   -moz-user-select: none;
    304. 

  304. }
    305. 

  305. 

  306. .bom .bom-checkbox:before {
    307. 

  307.   content: "";
    308. 

  308.   position: absolute;
    309. 

  309.   border-width: 15px;
    310. 

  310.   border-style: solid;
    311. 

  311.   border-color: #51829f transparent transparent transparent;
    312. 

  312.   visibility: hidden;
    313. 

  313.   top: -15px;
    314. 

  314. }
    315. 

  315. 

  316. .bom .bom-checkbox:after {
    317. 

  317.   content: "Double click to set/unset all";
    318. 

  318.   position: absolute;
    319. 

  319.   color: white;
    320. 

  320.   top: -35px;
    321. 

  321.   left: -26px;
    322. 

  322.   background: #51829f;
    323. 

  323.   padding: 5px 15px;
    324. 

  324.   border-radius: 8px;
    325. 

  325.   white-space: nowrap;
    326. 

  326.   visibility: hidden;
    327. 

  327. }
    328. 

  328. 

  329. .bom .bom-checkbox:hover:before,
    330. 

  330. .bom .bom-checkbox:hover:after {
    331. 

  331.   visibility: visible;
    332. 

  332.   transition: visibility 0.2s linear 1s;
    333. 

  333. }
    334. 

  334. 

  335. .split {
    336. 

  336.   -webkit-box-sizing: border-box;
    337. 

  337.   -moz-box-sizing: border-box;
    338. 

  338.   box-sizing: border-box;
    339. 

  339.   overflow-y: auto;
    340. 

  340.   overflow-x: hidden;
    341. 

  341.   background-color: inherit;
    342. 

  342. }
    343. 

  343. 

  344. .split.split-horizontal,
    345. 

  345. .gutter.gutter-horizontal {
    346. 

  346.   height: 100%;
    347. 

  347.   float: left;
    348. 

  348. }
    349. 

  349. 

  350. .gutter {
    351. 

  351.   background-color: #ddd;
    352. 

  352.   background-repeat: no-repeat;
    353. 

  353.   background-position: 50%;
    354. 

  354.   transition: background-color 0.3s;
    355. 

  355. }
    356. 

  356. 

  357. .dark .gutter {
    358. 

  358.   background-color: #777;
    359. 

  359. }
    360. 

  360. 

  361. .gutter.gutter-horizontal {
    362. 

  362.   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
    363. 

  363.   cursor: ew-resize;
    364. 

  364.   width: 5px;
    365. 

  365. }
    366. 

  366. 

  367. .gutter.gutter-vertical {
    368. 

  368.   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=');
    369. 

  369.   cursor: ns-resize;
    370. 

  370.   height: 5px;
    371. 

  371. }
    372. 

  372. 

  373. .searchbox {
    374. 

  374.   float: left;
    375. 

  375.   height: 40px;
    376. 

  376.   margin: 10px 5px;
    377. 

  377.   padding: 12px 32px;
    378. 

  378.   font-family: Consolas, "DejaVu Sans Mono", Monaco, monospace;
    379. 

  379.   font-size: 18px;
    380. 

  380.   box-sizing: border-box;
    381. 

  381.   border: 1px solid #888;
    382. 

  382.   border-radius: 6px;
    383. 

  383.   outline: none;
    384. 

  384.   background-color: #eee;
    385. 

  385.   transition: background-color 0.2s, border 0.2s;
    386. 

  386.   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABNklEQVQ4T8XSMUvDQBQH8P/LElFa/AIZHcTBQSz0I/gFstTBRR2KUC4ldDxw7h0Bl3RRUATxi4iiODgoiLNrbQYp5J6cpJJqomkX33Z37/14d/dIa33MzDuYI4johOI4XhyNRteO46zNYjDzAxE1yBZprVeZ+QbAUhXEGJMA2Ox2u4+fQIa0mPmsCgCgJYQ4t7lfgF0opQYAdv9ABkKI/UnOFCClXKjX61cA1osQY8x9kiRNKeV7IWA3oyhaSdP0FkAtjxhj3hzH2RBCPOf3pzqYHCilfAAX+URm9oMguPzeWSGQvUcMYC8rOBJCHBRdqxTo9/vbRHRqi8bj8XKv1xvODbiuW2u32/bvf0SlDv4XYOY7z/Mavu+nM1+BmQ+NMc0wDF/LprP0DbTWW0T00ul0nn4b7Q87+X4Qmfiq2wAAAABJRU5ErkJggg==');
    387. 

  387.   background-position: 10px 10px;
    388. 

  388.   background-repeat: no-repeat;
    389. 

  389. }
    390. 

  390. 

  391. .dark .searchbox {
    392. 

  392.   background-color: #111;
    393. 

  393.   color: #eee;
    394. 

  394. }
    395. 

  395. 

  396. .searchbox::placeholder {
    397. 

  397.   color: #ccc;
    398. 

  398. }
    399. 

  399. 

  400. .dark .searchbox::placeholder {
    401. 

  401.   color: #666;
    402. 

  402. }
    403. 

  403. 

  404. .filter {
    405. 

  405.   width: calc(60% - 64px);
    406. 

  406. }
    407. 

  407. 

  408. .reflookup {
    409. 

  409.   width: calc(40% - 10px);
    410. 

  410. }
    411. 

  411. 

  412. input[type=text]:focus {
    413. 

  413.   background-color: white;
    414. 

  414.   border: 1px solid #333;
    415. 

  415. }
    416. 

  416. 

  417. .dark input[type=text]:focus {
    418. 

  418.   background-color: #333;
    419. 

  419.   border: 1px solid #ccc;
    420. 

  420. }
    421. 

  421. 

  422. mark.highlight {
    423. 

  423.   background-color: #5050ff;
    424. 

  424.   color: #fff;
    425. 

  425.   padding: 2px;
    426. 

  426.   border-radius: 6px;
    427. 

  427. }
    428. 

  428. 

  429. .dark mark.highlight {
    430. 

  430.   background-color: #76a6da;
    431. 

  431.   color: #111;
    432. 

  432. }
    433. 

  433. 

  434. .menubtn {
    435. 

  435.   background-color: white;
    436. 

  436.   border: none;
    437. 

  437.   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 20 20'%3E%3Cpath fill='none' d='M0 0h20v20H0V0z'/%3E%3Cpath d='M15.95 10.78c.03-.25.05-.51.05-.78s-.02-.53-.06-.78l1.69-1.32c.15-.12.19-.34.1-.51l-1.6-2.77c-.1-.18-.31-.24-.49-.18l-1.99.8c-.42-.32-.86-.58-1.35-.78L12 2.34c-.03-.2-.2-.34-.4-.34H8.4c-.2 0-.36.14-.39.34l-.3 2.12c-.49.2-.94.47-1.35.78l-1.99-.8c-.18-.07-.39 0-.49.18l-1.6 2.77c-.1.18-.06.39.1.51l1.69 1.32c-.04.25-.07.52-.07.78s.02.53.06.78L2.37 12.1c-.15.12-.19.34-.1.51l1.6 2.77c.1.18.31.24.49.18l1.99-.8c.42.32.86.58 1.35.78l.3 2.12c.04.2.2.34.4.34h3.2c.2 0 .37-.14.39-.34l.3-2.12c.49-.2.94-.47 1.35-.78l1.99.8c.18.07.39 0 .49-.18l1.6-2.77c.1-.18.06-.39-.1-.51l-1.67-1.32zM10 13c-1.65 0-3-1.35-3-3s1.35-3 3-3 3 1.35 3 3-1.35 3-3 3z'/%3E%3C/svg%3E%0A");
    438. 

  438.   background-position: center;
    439. 

  439.   background-repeat: no-repeat;
    440. 

  440. }
    441. 

  441. 

  442. .statsbtn {
    443. 

  443.   background-color: white;
    444. 

  444.   border: none;
    445. 

  445.   background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6h28v24H4V6zm0 8h28v8H4m9-16v24h10V5.8' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
    446. 

  446.   background-position: center;
    447. 

  447.   background-repeat: no-repeat;
    448. 

  448. }
    449. 

  449. 

  450. .iobtn {
    451. 

  451.   background-color: white;
    452. 

  452.   border: none;
    453. 

  453.   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='M3 33v-7l6.8-7h16.5l6.7 7v7H3zM3.2 26H33M21 9l5-5.9 5 6h-2.5V15h-5V9H21zm-4.9 0l-5 6-5-6h2.5V3h5v6h2.5z'/%3E%3Cpath fill='none' stroke='%23000' d='M6.1 29.5H10'/%3E%3C/svg%3E");
    454. 

  454.   background-position: center;
    455. 

  455.   background-repeat: no-repeat;
    456. 

  456. }
    457. 

  457. 

  458. .visbtn {
    459. 

  459.   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' stroke='%23333' d='M2.5 4.5h5v15h-5zM9.5 4.5h5v15h-5zM16.5 4.5h5v15h-5z'/%3E%3C/svg%3E");
    460. 

  460.   background-position: center;
    461. 

  461.   background-repeat: no-repeat;
    462. 

  462.   padding: 15px;
    463. 

  463. }
    464. 

  464. 

  465. #vismenu-content {
    466. 

  466.   left: 0px;
    467. 

  467.   font-family: Verdana, sans-serif;
    468. 

  468. }
    469. 

  469. 

  470. .dark .statsbtn,
    471. 

  471. .dark .savebtn,
    472. 

  472. .dark .menubtn,
    473. 

  473. .dark .iobtn,
    474. 

  474. .dark .visbtn {
    475. 

  475.   filter: invert(1);
    476. 

  476. }
    477. 

  477. 

  478. .flexbox {
    479. 

  479.   display: flex;
    480. 

  480.   align-items: center;
    481. 

  481.   justify-content: space-between;
    482. 

  482.   width: 100%;
    483. 

  483. }
    484. 

  484. 

  485. .savebtn {
    486. 

  486.   background-color: #d6d6d6;
    487. 

  487.   width: auto;
    488. 

  488.   height: 30px;
    489. 

  489.   flex-grow: 1;
    490. 

  490.   margin: 5px;
    491. 

  491.   border-radius: 4px;
    492. 

  492. }
    493. 

  493. 

  494. .savebtn:active {
    495. 

  495.   background-color: #0a0;
    496. 

  496.   color: white;
    497. 

  497. }
    498. 

  498. 

  499. .dark .savebtn:active {
    500. 

  500.   /* This will be inverted */
    501. 

  501.   background-color: #b3b;
    502. 

  502. }
    503. 

  503. 

  504. .stats {
    505. 

  505.   border-collapse: collapse;
    506. 

  506.   font-size: 12pt;
    507. 

  507.   table-layout: fixed;
    508. 

  508.   width: 100%;
    509. 

  509.   min-width: 450px;
    510. 

  510. }
    511. 

  511. 

  512. .dark .stats td {
    513. 

  513.   border: 1px solid #bbb;
    514. 

  514. }
    515. 

  515. 

  516. .stats td {
    517. 

  517.   border: 1px solid black;
    518. 

  518.   padding: 5px;
    519. 

  519.   word-wrap: break-word;
    520. 

  520.   text-align: center;
    521. 

  521.   position: relative;
    522. 

  522. }
    523. 

  523. 

  524. #checkbox-stats div {
    525. 

  525.   position: absolute;
    526. 

  526.   left: 0;
    527. 

  527.   top: 0;
    528. 

  528.   height: 100%;
    529. 

  529.   width: 100%;
    530. 

  530.   display: flex;
    531. 

  531.   align-items: center;
    532. 

  532.   justify-content: center;
    533. 

  533. }
    534. 

  534. 

  535. #checkbox-stats .bar {
    536. 

  536.   background-color: rgba(28, 251, 0, 0.6);
    537. 

  537. }
    538. 

  538. 

  539. .menu {
    540. 

  540.   position: relative;
    541. 

  541.   display: inline-block;
    542. 

  542.   margin: 10px 10px 10px 0px;
    543. 

  543. }
    544. 

  544. 

  545. .menu-content {
    546. 

  546.   font-size: 12pt !important;
    547. 

  547.   text-align: left !important;
    548. 

  548.   font-weight: normal !important;
    549. 

  549.   display: none;
    550. 

  550.   position: absolute;
    551. 

  551.   background-color: white;
    552. 

  552.   right: 0;
    553. 

  553.   min-width: 300px;
    554. 

  554.   box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    555. 

  555.   z-index: 100;
    556. 

  556.   padding: 8px;
    557. 

  557. }
    558. 

  558. 

  559. .dark .menu-content {
    560. 

  560.   background-color: #111;
    561. 

  561. }
    562. 

  562. 

  563. .menu:hover .menu-content {
    564. 

  564.   display: block;
    565. 

  565. }
    566. 

  566. 

  567. .menu:hover .menubtn,
    568. 

  568. .menu:hover .iobtn,
    569. 

  569. .menu:hover .statsbtn {
    570. 

  570.   background-color: #eee;
    571. 

  571. }
    572. 

  572. 

  573. .menu-label {
    574. 

  574.   display: inline-block;
    575. 

  575.   padding: 8px;
    576. 

  576.   border: 1px solid #ccc;
    577. 

  577.   border-top: 0;
    578. 

  578.   width: calc(100% - 18px);
    579. 

  579. }
    580. 

  580. 

  581. .menu-label-top {
    582. 

  582.   border-top: 1px solid #ccc;
    583. 

  583. }
    584. 

  584. 

  585. .menu-textbox {
    586. 

  586.   float: left;
    587. 

  587.   height: 24px;
    588. 

  588.   margin: 10px 5px;
    589. 

  589.   padding: 5px 5px;
    590. 

  590.   font-family: Consolas, "DejaVu Sans Mono", Monaco, monospace;
    591. 

  591.   font-size: 14px;
    592. 

  592.   box-sizing: border-box;
    593. 

  593.   border: 1px solid #888;
    594. 

  594.   border-radius: 4px;
    595. 

  595.   outline: none;
    596. 

  596.   background-color: #eee;
    597. 

  597.   transition: background-color 0.2s, border 0.2s;
    598. 

  598.   width: calc(100% - 10px);
    599. 

  599. }
    600. 

  600. 

  601. .menu-textbox.invalid,
    602. 

  602. .dark .menu-textbox.invalid {
    603. 

  603.   color: red;
    604. 

  604. }
    605. 

  605. 

  606. .dark .menu-textbox {
    607. 

  607.   background-color: #222;
    608. 

  608.   color: #eee;
    609. 

  609. }
    610. 

  610. 

  611. .radio-container {
    612. 

  612.   margin: 4px;
    613. 

  613. }
    614. 

  614. 

  615. .topmostdiv {
    616. 

  616.   width: 100%;
    617. 

  617.   height: 100%;
    618. 

  618.   background-color: white;
    619. 

  619.   transition: background-color 0.3s;
    620. 

  620. }
    621. 

  621. 

  622. #top {
    623. 

  623.   height: 78px;
    624. 

  624.   border-bottom: 2px solid black;
    625. 

  625. }
    626. 

  626. 

  627. .dark #top {
    628. 

  628.   border-bottom: 2px solid #ccc;
    629. 

  629. }
    630. 

  630. 

  631. #dbg {
    632. 

  632.   display: block;
    633. 

  633. }
    634. 

  634. 

  635. ::-webkit-scrollbar {
    636. 

  636.   width: 8px;
    637. 

  637. }
    638. 

  638. 

  639. ::-webkit-scrollbar-track {
    640. 

  640.   background: #aaa;
    641. 

  641. }
    642. 

  642. 

  643. ::-webkit-scrollbar-thumb {
    644. 

  644.   background: #666;
    645. 

  645.   border-radius: 3px;
    646. 

  646. }
    647. 

  647. 

  648. ::-webkit-scrollbar-thumb:hover {
    649. 

  649.   background: #555;
    650. 

  650. }
    651. 

  651. 

  652. .slider {
    653. 

  653.   -webkit-appearance: none;
    654. 

  654.   width: 100%;
    655. 

  655.   margin: 3px 0;
    656. 

  656.   padding: 0;
    657. 

  657.   outline: none;
    658. 

  658.   opacity: 0.7;
    659. 

  659.   -webkit-transition: .2s;
    660. 

  660.   transition: opacity .2s;
    661. 

  661.   border-radius: 3px;
    662. 

  662. }
    663. 

  663. 

  664. .slider:hover {
    665. 

  665.   opacity: 1;
    666. 

  666. }
    667. 

  667. 

  668. .slider:focus {
    669. 

  669.   outline: none;
    670. 

  670. }
    671. 

  671. 

  672. .slider::-webkit-slider-runnable-track {
    673. 

  673.   -webkit-appearance: none;
    674. 

  674.   width: 100%;
    675. 

  675.   height: 8px;
    676. 

  676.   background: #d3d3d3;
    677. 

  677.   border-radius: 3px;
    678. 

  678.   border: none;
    679. 

  679. }
    680. 

  680. 

  681. .slider::-webkit-slider-thumb {
    682. 

  682.   -webkit-appearance: none;
    683. 

  683.   width: 15px;
    684. 

  684.   height: 15px;
    685. 

  685.   border-radius: 50%;
    686. 

  686.   background: #0a0;
    687. 

  687.   cursor: pointer;
    688. 

  688.   margin-top: -4px;
    689. 

  689. }
    690. 

  690. 

  691. .dark .slider::-webkit-slider-thumb {
    692. 

  692.   background: #3d3;
    693. 

  693. }
    694. 

  694. 

  695. .slider::-moz-range-thumb {
    696. 

  696.   width: 15px;
    697. 

  697.   height: 15px;
    698. 

  698.   border-radius: 50%;
    699. 

  699.   background: #0a0;
    700. 

  700.   cursor: pointer;
    701. 

  701. }
    702. 

  702. 

  703. .slider::-moz-range-track {
    704. 

  704.   height: 8px;
    705. 

  705.   background: #d3d3d3;
    706. 

  706.   border-radius: 3px;
    707. 

  707. }
    708. 

  708. 

  709. .dark .slider::-moz-range-thumb {
    710. 

  710.   background: #3d3;
    711. 

  711. }
    712. 

  712. 

  713. .slider::-ms-track {
    714. 

  714.   width: 100%;
    715. 

  715.   height: 8px;
    716. 

  716.   border-width: 3px 0;
    717. 

  717.   background: transparent;
    718. 

  718.   border-color: transparent;
    719. 

  719.   color: transparent;
    720. 

  720.   transition: opacity .2s;
    721. 

  721. }
    722. 

  722. 

  723. .slider::-ms-fill-lower {
    724. 

  724.   background: #d3d3d3;
    725. 

  725.   border: none;
    726. 

  726.   border-radius: 3px;
    727. 

  727. }
    728. 

  728. 

  729. .slider::-ms-fill-upper {
    730. 

  730.   background: #d3d3d3;
    731. 

  731.   border: none;
    732. 

  732.   border-radius: 3px;
    733. 

  733. }
    734. 

  734. 

  735. .slider::-ms-thumb {
    736. 

  736.   width: 15px;
    737. 

  737.   height: 15px;
    738. 

  738.   border-radius: 50%;
    739. 

  739.   background: #0a0;
    740. 

  740.   cursor: pointer;
    741. 

  741.   margin: 0;
    742. 

  742. }
    743. 

  743. 

  744. .shameless-plug {
    745. 

  745.   font-size: 0.8em;
    746. 

  746.   text-align: center;
    747. 

  747.   display: block;
    748. 

  748. }
    749. 

  749. 

  750. a {
    751. 

  751.   color: #0278a4;
    752. 

  752. }
    753. 

  753. 

  754. .dark a {
    755. 

  755.   color: #00b9fd;
    756. 

  756. }
    757. 

  757. 

  758. #frontcanvas,
    759. 

  759. #backcanvas {
    760. 

  760.   touch-action: none;
    761. 

  761. }
    762. 

  762. 

  763. .placeholder {
    764. 

  764.   border: 1px dashed #9f9fda !important;
    765. 

  765.   background-color: #edf2f7 !important;
    766. 

  766. }
    767. 

  767. 

  768. .dragging {
    769. 

  769.   z-index: 999;
    770. 

  770. }
    771. 

  771. 

  772. .dark .dragging>table>tbody>tr {
    773. 

  773.   background-color: #252c30;
    774. 

  774. }
    775. 

  775. 

  776. .dark .placeholder {
    777. 

  777.   filter: invert(1);
    778. 

  778. }
    779. 

  779. 

  780. .column-spacer {
    781. 

  781.   top: 0;
    782. 

  782.   left: 0;
    783. 

  783.   width: calc(100% - 4px);
    784. 

  784.   position: absolute;
    785. 

  785.   cursor: pointer;
    786. 

  786.   user-select: none;
    787. 

  787.   height: 100%;
    788. 

  788. }
    789. 

  789. 

  790. .column-width-handle {
    791. 

  791.   top: 0;
    792. 

  792.   right: 0;
    793. 

  793.   width: 4px;
    794. 

  794.   position: absolute;
    795. 

  795.   cursor: col-resize;
    796. 

  796.   user-select: none;
    797. 

  797.   height: 100%;
    798. 

  798. }
    799. 

  799. 

  800. .column-width-handle:hover {
    801. 

  801.   background-color: #4f99bd;
    802. 

  802. }
    803. 

  803. 

  804. .help-link {
    805. 

  805.   border: 1px solid #0278a4;
    806. 

  806.   padding-inline: 0.3rem;
    807. 

  807.   border-radius: 3px;
    808. 

  808.   cursor: pointer;
    809. 

  809. }
    810. 

  810. 

  811. .dark .help-link {
    812. 

  812.   border: 1px solid #00b9fd;
    813. 

  813. }
    814. 

  814. 

  815. .bom-color {
    816. 

  816.   width: 20%;
    817. 

  817. }
    818. 

  818. 

  819. .color-column input {
    820. 

  820.   width: 1.6rem;
    821. 

  821.   height: 1rem;
    822. 

  822.   border: 1px solid black;
    823. 

  823.   cursor: pointer;
    824. 

  824.   padding: 0;
    825. 

  825. }
    826. 

  826. 

  827. /* removes default styling from input color element */
    828. 

  828. ::-webkit-color-swatch {
    829. 

  829.   border: none;
    830. 

  830. }
    831. 

  831. 

  832. ::-webkit-color-swatch-wrapper {
    833. 

  833.   padding: 0;
    834. 

  834. }
    835. 

  835. 

  836. ::-moz-color-swatch,
    837. 

  837. ::-moz-focus-inner {
    838. 

  838.   border: none;
    839. 

  839. }
    840. 

  840. 

  841. ::-moz-focus-inner {
    842. 

  842.   padding: 0;
    843. 

  843. }
    844. 

  844. 

  845.   </style>
    846. 

  846.   <script type="text/javascript" >
    847. 

  847. ///////////////////////////////////////////////
    848. 

  848. /*
    849. 

  849.   Split.js - v1.3.5
    850. 

  850.   MIT License
    851. 

  851.   https://github.com/nathancahill/Split.js
    852. 

  852. */
    853. 

  853. !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):e.Split=t()}(this,function(){"use strict";var e=window,t=e.document,n="addEventListener",i="removeEventListener",r="getBoundingClientRect",s=function(){return!1},o=e.attachEvent&&!e[n],a=["","-webkit-","-moz-","-o-"].filter(function(e){var n=t.createElement("div");return n.style.cssText="width:"+e+"calc(9px)",!!n.style.length}).shift()+"calc",l=function(e){return"string"==typeof e||e instanceof String?t.querySelector(e):e};return function(u,c){function z(e,t,n){var i=A(y,t,n);Object.keys(i).forEach(function(t){return e.style[t]=i[t]})}function h(e,t){var n=B(y,t);Object.keys(n).forEach(function(t){return e.style[t]=n[t]})}function f(e){var t=E[this.a],n=E[this.b],i=t.size+n.size;t.size=e/this.size*i,n.size=i-e/this.size*i,z(t.element,t.size,this.aGutterSize),z(n.element,n.size,this.bGutterSize)}function m(e){var t;this.dragging&&((t="touches"in e?e.touches[0][b]-this.start:e[b]-this.start)<=E[this.a].minSize+M+this.aGutterSize?t=E[this.a].minSize+this.aGutterSize:t>=this.size-(E[this.b].minSize+M+this.bGutterSize)&&(t=this.size-(E[this.b].minSize+this.bGutterSize)),f.call(this,t),c.onDrag&&c.onDrag())}function g(){var e=E[this.a].element,t=E[this.b].element;this.size=e[r]()[y]+t[r]()[y]+this.aGutterSize+this.bGutterSize,this.start=e[r]()[G]}function d(){var t=this,n=E[t.a].element,r=E[t.b].element;t.dragging&&c.onDragEnd&&c.onDragEnd(),t.dragging=!1,e[i]("mouseup",t.stop),e[i]("touchend",t.stop),e[i]("touchcancel",t.stop),t.parent[i]("mousemove",t.move),t.parent[i]("touchmove",t.move),delete t.stop,delete t.move,n[i]("selectstart",s),n[i]("dragstart",s),r[i]("selectstart",s),r[i]("dragstart",s),n.style.userSelect="",n.style.webkitUserSelect="",n.style.MozUserSelect="",n.style.pointerEvents="",r.style.userSelect="",r.style.webkitUserSelect="",r.style.MozUserSelect="",r.style.pointerEvents="",t.gutter.style.cursor="",t.parent.style.cursor=""}function S(t){var i=this,r=E[i.a].element,o=E[i.b].element;!i.dragging&&c.onDragStart&&c.onDragStart(),t.preventDefault(),i.dragging=!0,i.move=m.bind(i),i.stop=d.bind(i),e[n]("mouseup",i.stop),e[n]("touchend",i.stop),e[n]("touchcancel",i.stop),i.parent[n]("mousemove",i.move),i.parent[n]("touchmove",i.move),r[n]("selectstart",s),r[n]("dragstart",s),o[n]("selectstart",s),o[n]("dragstart",s),r.style.userSelect="none",r.style.webkitUserSelect="none",r.style.MozUserSelect="none",r.style.pointerEvents="none",o.style.userSelect="none",o.style.webkitUserSelect="none",o.style.MozUserSelect="none",o.style.pointerEvents="none",i.gutter.style.cursor=j,i.parent.style.cursor=j,g.call(i)}function v(e){e.forEach(function(t,n){if(n>0){var i=F[n-1],r=E[i.a],s=E[i.b];r.size=e[n-1],s.size=t,z(r.element,r.size,i.aGutterSize),z(s.element,s.size,i.bGutterSize)}})}function p(){F.forEach(function(e){e.parent.removeChild(e.gutter),E[e.a].element.style[y]="",E[e.b].element.style[y]=""})}void 0===c&&(c={});var y,b,G,E,w=l(u[0]).parentNode,D=e.getComputedStyle(w).flexDirection,U=c.sizes||u.map(function(){return 100/u.length}),k=void 0!==c.minSize?c.minSize:100,x=Array.isArray(k)?k:u.map(function(){return k}),L=void 0!==c.gutterSize?c.gutterSize:10,M=void 0!==c.snapOffset?c.snapOffset:30,O=c.direction||"horizontal",j=c.cursor||("horizontal"===O?"ew-resize":"ns-resize"),C=c.gutter||function(e,n){var i=t.createElement("div");return i.className="gutter gutter-"+n,i},A=c.elementStyle||function(e,t,n){var i={};return"string"==typeof t||t instanceof String?i[e]=t:i[e]=o?t+"%":a+"("+t+"% - "+n+"px)",i},B=c.gutterStyle||function(e,t){return n={},n[e]=t+"px",n;var n};"horizontal"===O?(y="width","clientWidth",b="clientX",G="left","paddingLeft"):"vertical"===O&&(y="height","clientHeight",b="clientY",G="top","paddingTop");var F=[];return E=u.map(function(e,t){var i,s={element:l(e),size:U[t],minSize:x[t]};if(t>0&&(i={a:t-1,b:t,dragging:!1,isFirst:1===t,isLast:t===u.length-1,direction:O,parent:w},i.aGutterSize=L,i.bGutterSize=L,i.isFirst&&(i.aGutterSize=L/2),i.isLast&&(i.bGutterSize=L/2),"row-reverse"===D||"column-reverse"===D)){var a=i.a;i.a=i.b,i.b=a}if(!o&&t>0){var c=C(t,O);h(c,L),c[n]("mousedown",S.bind(i)),c[n]("touchstart",S.bind(i)),w.insertBefore(c,s.element),i.gutter=c}0===t||t===u.length-1?z(s.element,s.size,L/2):z(s.element,s.size,L);var f=s.element[r]()[y];return f<s.minSize&&(s.minSize=f),t>0&&F.push(i),s}),o?{setSizes:v,destroy:p}:{setSizes:v,getSizes:function(){return E.map(function(e){return e.size})},collapse:function(e){if(e===F.length){var t=F[e-1];g.call(t),o||f.call(t,t.size-t.bGutterSize)}else{var n=F[e];g.call(n),o||f.call(n,n.aGutterSize)}},destroy:p}}});
    854. 

  854. 

  855. ///////////////////////////////////////////////
    856. 

  856. 

  857. ///////////////////////////////////////////////
    858. 

  858. // Copyright (c) 2013 Pieroxy <pieroxy@pieroxy.net>
    859. 

  859. // This work is free. You can redistribute it and/or modify it
    860. 

  860. // under the terms of the WTFPL, Version 2
    861. 

  861. // For more information see LICENSE.txt or http://www.wtfpl.net/
    862. 

  862. //
    863. 

  863. // For more information, the home page:
    864. 

  864. // http://pieroxy.net/blog/pages/lz-string/testing.html
    865. 

  865. //
    866. 

  866. // LZ-based compression algorithm, version 1.4.4
    867. 

  867. var LZString=function(){var o=String.fromCharCode,i={};var n={decompressFromBase64:function(o){return null==o?"":""==o?null:n._decompress(o.length,32,function(n){return function(o,n){if(!i[o]){i[o]={};for(var t=0;t<o.length;t++)i[o][o.charAt(t)]=t}return i[o][n]}("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",o.charAt(n))})},_decompress:function(i,n,t){var r,e,a,s,p,u,l,f=[],c=4,d=4,h=3,v="",g=[],m={val:t(0),position:n,index:1};for(r=0;r<3;r+=1)f[r]=r;for(a=0,p=Math.pow(2,2),u=1;u!=p;)s=m.val&m.position,m.position>>=1,0==m.position&&(m.position=n,m.val=t(m.index++)),a|=(s>0?1:0)*u,u<<=1;switch(a){case 0:for(a=0,p=Math.pow(2,8),u=1;u!=p;)s=m.val&m.position,m.position>>=1,0==m.position&&(m.position=n,m.val=t(m.index++)),a|=(s>0?1:0)*u,u<<=1;l=o(a);break;case 1:for(a=0,p=Math.pow(2,16),u=1;u!=p;)s=m.val&m.position,m.position>>=1,0==m.position&&(m.position=n,m.val=t(m.index++)),a|=(s>0?1:0)*u,u<<=1;l=o(a);break;case 2:return""}for(f[3]=l,e=l,g.push(l);;){if(m.index>i)return"";for(a=0,p=Math.pow(2,h),u=1;u!=p;)s=m.val&m.position,m.position>>=1,0==m.position&&(m.position=n,m.val=t(m.index++)),a|=(s>0?1:0)*u,u<<=1;switch(l=a){case 0:for(a=0,p=Math.pow(2,8),u=1;u!=p;)s=m.val&m.position,m.position>>=1,0==m.position&&(m.position=n,m.val=t(m.index++)),a|=(s>0?1:0)*u,u<<=1;f[d++]=o(a),l=d-1,c--;break;case 1:for(a=0,p=Math.pow(2,16),u=1;u!=p;)s=m.val&m.position,m.position>>=1,0==m.position&&(m.position=n,m.val=t(m.index++)),a|=(s>0?1:0)*u,u<<=1;f[d++]=o(a),l=d-1,c--;break;case 2:return g.join("")}if(0==c&&(c=Math.pow(2,h),h++),f[l])v=f[l];else{if(l!==d)return null;v=e+e.charAt(0)}g.push(v),f[d++]=e+v.charAt(0),e=v,0==--c&&(c=Math.pow(2,h),h++)}}};return n}();"function"==typeof define&&define.amd?define(function(){return LZString}):"undefined"!=typeof module&&null!=module?module.exports=LZString:"undefined"!=typeof angular&&null!=angular&&angular.module("LZString",[]).factory("LZString",function(){return LZString});
    868. 

  868. ///////////////////////////////////////////////
    869. 

  869. 

  870. ///////////////////////////////////////////////
    871. 

  871. /*!
    872. 

  872.  * PEP v0.4.3 | https://github.com/jquery/PEP
    873. 

  873.  * Copyright jQuery Foundation and other contributors | http://jquery.org/license
    874. 

  874.  */
    875. 

  875. !function(a,b){"object"==typeof exports&&"undefined"!=typeof module?module.exports=b():"function"==typeof define&&define.amd?define(b):a.PointerEventsPolyfill=b()}(this,function(){"use strict";function a(a,b){b=b||Object.create(null);var c=document.createEvent("Event");c.initEvent(a,b.bubbles||!1,b.cancelable||!1);
    876. 

  876. for(var d,e=2;e<m.length;e++)d=m[e],c[d]=b[d]||n[e];c.buttons=b.buttons||0;
    877. 

  877. var f=0;return f=b.pressure&&c.buttons?b.pressure:c.buttons?.5:0,c.x=c.clientX,c.y=c.clientY,c.pointerId=b.pointerId||0,c.width=b.width||0,c.height=b.height||0,c.pressure=f,c.tiltX=b.tiltX||0,c.tiltY=b.tiltY||0,c.twist=b.twist||0,c.tangentialPressure=b.tangentialPressure||0,c.pointerType=b.pointerType||"",c.hwTimestamp=b.hwTimestamp||0,c.isPrimary=b.isPrimary||!1,c}function b(){this.array=[],this.size=0}function c(a,b,c,d){this.addCallback=a.bind(d),this.removeCallback=b.bind(d),this.changedCallback=c.bind(d),A&&(this.observer=new A(this.mutationWatcher.bind(this)))}function d(a){return"body /shadow-deep/ "+e(a)}function e(a){return'[touch-action="'+a+'"]'}function f(a){return"{ -ms-touch-action: "+a+"; touch-action: "+a+"; }"}function g(){if(F){D.forEach(function(a){String(a)===a?(E+=e(a)+f(a)+"\n",G&&(E+=d(a)+f(a)+"\n")):(E+=a.selectors.map(e)+f(a.rule)+"\n",G&&(E+=a.selectors.map(d)+f(a.rule)+"\n"))});var a=document.createElement("style");a.textContent=E,document.head.appendChild(a)}}function h(){if(!window.PointerEvent){if(window.PointerEvent=a,window.navigator.msPointerEnabled){var b=window.navigator.msMaxTouchPoints;Object.defineProperty(window.navigator,"maxTouchPoints",{value:b,enumerable:!0}),u.registerSource("ms",_)}else Object.defineProperty(window.navigator,"maxTouchPoints",{value:0,enumerable:!0}),u.registerSource("mouse",N),void 0!==window.ontouchstart&&u.registerSource("touch",V);u.register(document)}}function i(a){if(!u.pointermap.has(a)){var b=new Error("InvalidPointerId");throw b.name="InvalidPointerId",b}}function j(a){for(var b=a.parentNode;b&&b!==a.ownerDocument;)b=b.parentNode;if(!b){var c=new Error("InvalidStateError");throw c.name="InvalidStateError",c}}function k(a){var b=u.pointermap.get(a);return 0!==b.buttons}function l(){window.Element&&!Element.prototype.setPointerCapture&&Object.defineProperties(Element.prototype,{setPointerCapture:{value:W},releasePointerCapture:{value:X},hasPointerCapture:{value:Y}})}
    878. 

  878. var m=["bubbles","cancelable","view","detail","screenX","screenY","clientX","clientY","ctrlKey","altKey","shiftKey","metaKey","button","relatedTarget","pageX","pageY"],n=[!1,!1,null,null,0,0,0,0,!1,!1,!1,!1,0,null,0,0],o=window.Map&&window.Map.prototype.forEach,p=o?Map:b;b.prototype={set:function(a,b){return void 0===b?this["delete"](a):(this.has(a)||this.size++,void(this.array[a]=b))},has:function(a){return void 0!==this.array[a]},"delete":function(a){this.has(a)&&(delete this.array[a],this.size--)},get:function(a){return this.array[a]},clear:function(){this.array.length=0,this.size=0},forEach:function(a,b){return this.array.forEach(function(c,d){a.call(b,c,d,this)},this)}};var q=["bubbles","cancelable","view","detail","screenX","screenY","clientX","clientY","ctrlKey","altKey","shiftKey","metaKey","button","relatedTarget","buttons","pointerId","width","height","pressure","tiltX","tiltY","pointerType","hwTimestamp","isPrimary","type","target","currentTarget","which","pageX","pageY","timeStamp"],r=[!1,!1,null,null,0,0,0,0,!1,!1,!1,!1,0,null,0,0,0,0,0,0,0,"",0,!1,"",null,null,0,0,0,0],s={pointerover:1,pointerout:1,pointerenter:1,pointerleave:1},t="undefined"!=typeof SVGElementInstance,u={pointermap:new p,eventMap:Object.create(null),captureInfo:Object.create(null),eventSources:Object.create(null),eventSourceList:[],registerSource:function(a,b){var c=b,d=c.events;d&&(d.forEach(function(a){c[a]&&(this.eventMap[a]=c[a].bind(c))},this),this.eventSources[a]=c,this.eventSourceList.push(c))},register:function(a){for(var b,c=this.eventSourceList.length,d=0;d<c&&(b=this.eventSourceList[d]);d++)
    879. 

  879. b.register.call(b,a)},unregister:function(a){for(var b,c=this.eventSourceList.length,d=0;d<c&&(b=this.eventSourceList[d]);d++)
    880. 

  880. b.unregister.call(b,a)},contains:function(a,b){try{return a.contains(b)}catch(c){return!1}},down:function(a){a.bubbles=!0,this.fireEvent("pointerdown",a)},move:function(a){a.bubbles=!0,this.fireEvent("pointermove",a)},up:function(a){a.bubbles=!0,this.fireEvent("pointerup",a)},enter:function(a){a.bubbles=!1,this.fireEvent("pointerenter",a)},leave:function(a){a.bubbles=!1,this.fireEvent("pointerleave",a)},over:function(a){a.bubbles=!0,this.fireEvent("pointerover",a)},out:function(a){a.bubbles=!0,this.fireEvent("pointerout",a)},cancel:function(a){a.bubbles=!0,this.fireEvent("pointercancel",a)},leaveOut:function(a){this.out(a),this.propagate(a,this.leave,!1)},enterOver:function(a){this.over(a),this.propagate(a,this.enter,!0)},eventHandler:function(a){if(!a._handledByPE){var b=a.type,c=this.eventMap&&this.eventMap[b];c&&c(a),a._handledByPE=!0}},listen:function(a,b){b.forEach(function(b){this.addEvent(a,b)},this)},unlisten:function(a,b){b.forEach(function(b){this.removeEvent(a,b)},this)},addEvent:function(a,b){a.addEventListener(b,this.boundHandler)},removeEvent:function(a,b){a.removeEventListener(b,this.boundHandler)},makeEvent:function(b,c){this.captureInfo[c.pointerId]&&(c.relatedTarget=null);var d=new a(b,c);return c.preventDefault&&(d.preventDefault=c.preventDefault),d._target=d._target||c.target,d},fireEvent:function(a,b){var c=this.makeEvent(a,b);return this.dispatchEvent(c)},cloneEvent:function(a){for(var b,c=Object.create(null),d=0;d<q.length;d++)b=q[d],c[b]=a[b]||r[d],!t||"target"!==b&&"relatedTarget"!==b||c[b]instanceof SVGElementInstance&&(c[b]=c[b].correspondingUseElement);return a.preventDefault&&(c.preventDefault=function(){a.preventDefault()}),c},getTarget:function(a){var b=this.captureInfo[a.pointerId];return b?a._target!==b&&a.type in s?void 0:b:a._target},propagate:function(a,b,c){for(var d=a.target,e=[];d!==document&&!d.contains(a.relatedTarget);) if(e.push(d),d=d.parentNode,!d)return;c&&e.reverse(),e.forEach(function(c){a.target=c,b.call(this,a)},this)},setCapture:function(b,c,d){this.captureInfo[b]&&this.releaseCapture(b,d),this.captureInfo[b]=c,this.implicitRelease=this.releaseCapture.bind(this,b,d),document.addEventListener("pointerup",this.implicitRelease),document.addEventListener("pointercancel",this.implicitRelease);var e=new a("gotpointercapture");e.pointerId=b,e._target=c,d||this.asyncDispatchEvent(e)},releaseCapture:function(b,c){var d=this.captureInfo[b];if(d){this.captureInfo[b]=void 0,document.removeEventListener("pointerup",this.implicitRelease),document.removeEventListener("pointercancel",this.implicitRelease);var e=new a("lostpointercapture");e.pointerId=b,e._target=d,c||this.asyncDispatchEvent(e)}},dispatchEvent:/*scope.external.dispatchEvent || */function(a){var b=this.getTarget(a);if(b)return b.dispatchEvent(a)},asyncDispatchEvent:function(a){requestAnimationFrame(this.dispatchEvent.bind(this,a))}};u.boundHandler=u.eventHandler.bind(u);var v={shadow:function(a){if(a)return a.shadowRoot||a.webkitShadowRoot},canTarget:function(a){return a&&Boolean(a.elementFromPoint)},targetingShadow:function(a){var b=this.shadow(a);if(this.canTarget(b))return b},olderShadow:function(a){var b=a.olderShadowRoot;if(!b){var c=a.querySelector("shadow");c&&(b=c.olderShadowRoot)}return b},allShadows:function(a){for(var b=[],c=this.shadow(a);c;)b.push(c),c=this.olderShadow(c);return b},searchRoot:function(a,b,c){if(a){var d,e,f=a.elementFromPoint(b,c);for(e=this.targetingShadow(f);e;){if(d=e.elementFromPoint(b,c)){var g=this.targetingShadow(d);return this.searchRoot(g,b,c)||d} e=this.olderShadow(e)} return f}},owner:function(a){
    881. 

  881. for(var b=a;b.parentNode;)b=b.parentNode;
    882. 

  882. return b.nodeType!==Node.DOCUMENT_NODE&&b.nodeType!==Node.DOCUMENT_FRAGMENT_NODE&&(b=document),b},findTarget:function(a){var b=a.clientX,c=a.clientY,d=this.owner(a.target);
    883. 

  883. return d.elementFromPoint(b,c)||(d=document),this.searchRoot(d,b,c)}},w=Array.prototype.forEach.call.bind(Array.prototype.forEach),x=Array.prototype.map.call.bind(Array.prototype.map),y=Array.prototype.slice.call.bind(Array.prototype.slice),z=Array.prototype.filter.call.bind(Array.prototype.filter),A=window.MutationObserver||window.WebKitMutationObserver,B="[touch-action]",C={subtree:!0,childList:!0,attributes:!0,attributeOldValue:!0,attributeFilter:["touch-action"]};c.prototype={watchSubtree:function(a){
    884. 

  884. //
    885. 

  885. this.observer&&v.canTarget(a)&&this.observer.observe(a,C)},enableOnSubtree:function(a){this.watchSubtree(a),a===document&&"complete"!==document.readyState?this.installOnLoad():this.installNewSubtree(a)},installNewSubtree:function(a){w(this.findElements(a),this.addElement,this)},findElements:function(a){return a.querySelectorAll?a.querySelectorAll(B):[]},removeElement:function(a){this.removeCallback(a)},addElement:function(a){this.addCallback(a)},elementChanged:function(a,b){this.changedCallback(a,b)},concatLists:function(a,b){return a.concat(y(b))},
    886. 

  886. installOnLoad:function(){document.addEventListener("readystatechange",function(){"complete"===document.readyState&&this.installNewSubtree(document)}.bind(this))},isElement:function(a){return a.nodeType===Node.ELEMENT_NODE},flattenMutationTree:function(a){
    887. 

  887. var b=x(a,this.findElements,this);
    888. 

  888. return b.push(z(a,this.isElement)),b.reduce(this.concatLists,[])},mutationWatcher:function(a){a.forEach(this.mutationHandler,this)},mutationHandler:function(a){if("childList"===a.type){var b=this.flattenMutationTree(a.addedNodes);b.forEach(this.addElement,this);var c=this.flattenMutationTree(a.removedNodes);c.forEach(this.removeElement,this)}else"attributes"===a.type&&this.elementChanged(a.target,a.oldValue)}};var D=["none","auto","pan-x","pan-y",{rule:"pan-x pan-y",selectors:["pan-x pan-y","pan-y pan-x"]}],E="",F=window.PointerEvent||window.MSPointerEvent,G=!window.ShadowDOMPolyfill&&document.head.createShadowRoot,H=u.pointermap,I=25,J=[1,4,2,8,16],K=!1;try{K=1===new MouseEvent("test",{buttons:1}).buttons}catch(L){}
    889. 

  889. var M,N={POINTER_ID:1,POINTER_TYPE:"mouse",events:["mousedown","mousemove","mouseup","mouseover","mouseout"],register:function(a){u.listen(a,this.events)},unregister:function(a){u.unlisten(a,this.events)},lastTouches:[],
    890. 

  890. isEventSimulatedFromTouch:function(a){for(var b,c=this.lastTouches,d=a.clientX,e=a.clientY,f=0,g=c.length;f<g&&(b=c[f]);f++){
    891. 

  891. var h=Math.abs(d-b.x),i=Math.abs(e-b.y);if(h<=I&&i<=I)return!0}},prepareEvent:function(a){var b=u.cloneEvent(a),c=b.preventDefault;return b.preventDefault=function(){a.preventDefault(),c()},b.pointerId=this.POINTER_ID,b.isPrimary=!0,b.pointerType=this.POINTER_TYPE,b},prepareButtonsForMove:function(a,b){var c=H.get(this.POINTER_ID);
    892. 

  892. 0!==b.which&&c?a.buttons=c.buttons:a.buttons=0,b.buttons=a.buttons},mousedown:function(a){if(!this.isEventSimulatedFromTouch(a)){var b=H.get(this.POINTER_ID),c=this.prepareEvent(a);K||(c.buttons=J[c.button],b&&(c.buttons|=b.buttons),a.buttons=c.buttons),H.set(this.POINTER_ID,a),b&&0!==b.buttons?u.move(c):u.down(c)}},mousemove:function(a){if(!this.isEventSimulatedFromTouch(a)){var b=this.prepareEvent(a);K||this.prepareButtonsForMove(b,a),b.button=-1,H.set(this.POINTER_ID,a),u.move(b)}},mouseup:function(a){if(!this.isEventSimulatedFromTouch(a)){var b=H.get(this.POINTER_ID),c=this.prepareEvent(a);if(!K){var d=J[c.button];
    893. 

  893. c.buttons=b?b.buttons&~d:0,a.buttons=c.buttons}H.set(this.POINTER_ID,a),
    894. 

  894. c.buttons&=~J[c.button],0===c.buttons?u.up(c):u.move(c)}},mouseover:function(a){if(!this.isEventSimulatedFromTouch(a)){var b=this.prepareEvent(a);K||this.prepareButtonsForMove(b,a),b.button=-1,H.set(this.POINTER_ID,a),u.enterOver(b)}},mouseout:function(a){if(!this.isEventSimulatedFromTouch(a)){var b=this.prepareEvent(a);K||this.prepareButtonsForMove(b,a),b.button=-1,u.leaveOut(b)}},cancel:function(a){var b=this.prepareEvent(a);u.cancel(b),this.deactivateMouse()},deactivateMouse:function(){H["delete"](this.POINTER_ID)}},O=u.captureInfo,P=v.findTarget.bind(v),Q=v.allShadows.bind(v),R=u.pointermap,S=2500,T=200,U="touch-action",V={events:["touchstart","touchmove","touchend","touchcancel"],register:function(a){M.enableOnSubtree(a)},unregister:function(){},elementAdded:function(a){var b=a.getAttribute(U),c=this.touchActionToScrollType(b);c&&(a._scrollType=c,u.listen(a,this.events),
    895. 

  895. Q(a).forEach(function(a){a._scrollType=c,u.listen(a,this.events)},this))},elementRemoved:function(a){a._scrollType=void 0,u.unlisten(a,this.events),
    896. 

  896. Q(a).forEach(function(a){a._scrollType=void 0,u.unlisten(a,this.events)},this)},elementChanged:function(a,b){var c=a.getAttribute(U),d=this.touchActionToScrollType(c),e=this.touchActionToScrollType(b);
    897. 

  897. d&&e?(a._scrollType=d,Q(a).forEach(function(a){a._scrollType=d},this)):e?this.elementRemoved(a):d&&this.elementAdded(a)},scrollTypes:{EMITTER:"none",XSCROLLER:"pan-x",YSCROLLER:"pan-y",SCROLLER:/^(?:pan-x pan-y)|(?:pan-y pan-x)|auto$/},touchActionToScrollType:function(a){var b=a,c=this.scrollTypes;return"none"===b?"none":b===c.XSCROLLER?"X":b===c.YSCROLLER?"Y":c.SCROLLER.exec(b)?"XY":void 0},POINTER_TYPE:"touch",firstTouch:null,isPrimaryTouch:function(a){return this.firstTouch===a.identifier},setPrimaryTouch:function(a){
    898. 

  898. (0===R.size||1===R.size&&R.has(1))&&(this.firstTouch=a.identifier,this.firstXY={X:a.clientX,Y:a.clientY},this.scrolling=!1,this.cancelResetClickCount())},removePrimaryPointer:function(a){a.isPrimary&&(this.firstTouch=null,this.firstXY=null,this.resetClickCount())},clickCount:0,resetId:null,resetClickCount:function(){var a=function(){this.clickCount=0,this.resetId=null}.bind(this);this.resetId=setTimeout(a,T)},cancelResetClickCount:function(){this.resetId&&clearTimeout(this.resetId)},typeToButtons:function(a){var b=0;return"touchstart"!==a&&"touchmove"!==a||(b=1),b},touchToPointer:function(a){var b=this.currentTouchEvent,c=u.cloneEvent(a),d=c.pointerId=a.identifier+2;c.target=O[d]||P(c),c.bubbles=!0,c.cancelable=!0,c.detail=this.clickCount,c.button=0,c.buttons=this.typeToButtons(b.type),c.width=2*(a.radiusX||a.webkitRadiusX||0),c.height=2*(a.radiusY||a.webkitRadiusY||0),c.pressure=a.force||a.webkitForce||.5,c.isPrimary=this.isPrimaryTouch(a),c.pointerType=this.POINTER_TYPE,
    899. 

  899. c.altKey=b.altKey,c.ctrlKey=b.ctrlKey,c.metaKey=b.metaKey,c.shiftKey=b.shiftKey;
    900. 

  900. var e=this;return c.preventDefault=function(){e.scrolling=!1,e.firstXY=null,b.preventDefault()},c},processTouches:function(a,b){var c=a.changedTouches;this.currentTouchEvent=a;for(var d,e=0;e<c.length;e++)d=c[e],b.call(this,this.touchToPointer(d))},
    901. 

  901. shouldScroll:function(a){if(this.firstXY){var b,c=a.currentTarget._scrollType;if("none"===c)
    902. 

  902. b=!1;else if("XY"===c)
    903. 

  903. b=!0;else{var d=a.changedTouches[0],e=c,f="Y"===c?"X":"Y",g=Math.abs(d["client"+e]-this.firstXY[e]),h=Math.abs(d["client"+f]-this.firstXY[f]);
    904. 

  904. b=g>=h}return this.firstXY=null,b}},findTouch:function(a,b){for(var c,d=0,e=a.length;d<e&&(c=a[d]);d++)if(c.identifier===b)return!0},
    905. 

  905. vacuumTouches:function(a){var b=a.touches;
    906. 

  906. if(R.size>=b.length){var c=[];R.forEach(function(a,d){
    907. 

  907. if(1!==d&&!this.findTouch(b,d-2)){var e=a.out;c.push(e)}},this),c.forEach(this.cancelOut,this)}},touchstart:function(a){this.vacuumTouches(a),this.setPrimaryTouch(a.changedTouches[0]),this.dedupSynthMouse(a),this.scrolling||(this.clickCount++,this.processTouches(a,this.overDown))},overDown:function(a){R.set(a.pointerId,{target:a.target,out:a,outTarget:a.target}),u.enterOver(a),u.down(a)},touchmove:function(a){this.scrolling||(this.shouldScroll(a)?(this.scrolling=!0,this.touchcancel(a)):(a.preventDefault(),this.processTouches(a,this.moveOverOut)))},moveOverOut:function(a){var b=a,c=R.get(b.pointerId);
    908. 

  908. if(c){var d=c.out,e=c.outTarget;u.move(b),d&&e!==b.target&&(d.relatedTarget=b.target,b.relatedTarget=e,
    909. 

  909. d.target=e,b.target?(u.leaveOut(d),u.enterOver(b)):(
    910. 

  910. b.target=e,b.relatedTarget=null,this.cancelOut(b))),c.out=b,c.outTarget=b.target}},touchend:function(a){this.dedupSynthMouse(a),this.processTouches(a,this.upOut)},upOut:function(a){this.scrolling||(u.up(a),u.leaveOut(a)),this.cleanUpPointer(a)},touchcancel:function(a){this.processTouches(a,this.cancelOut)},cancelOut:function(a){u.cancel(a),u.leaveOut(a),this.cleanUpPointer(a)},cleanUpPointer:function(a){R["delete"](a.pointerId),this.removePrimaryPointer(a)},
    911. 

  911. dedupSynthMouse:function(a){var b=N.lastTouches,c=a.changedTouches[0];
    912. 

  912. if(this.isPrimaryTouch(c)){
    913. 

  913. var d={x:c.clientX,y:c.clientY};b.push(d);var e=function(a,b){var c=a.indexOf(b);c>-1&&a.splice(c,1)}.bind(null,b,d);setTimeout(e,S)}}};M=new c(V.elementAdded,V.elementRemoved,V.elementChanged,V);var W,X,Y,Z=u.pointermap,$=window.MSPointerEvent&&"number"==typeof window.MSPointerEvent.MSPOINTER_TYPE_MOUSE,_={events:["MSPointerDown","MSPointerMove","MSPointerUp","MSPointerOut","MSPointerOver","MSPointerCancel","MSGotPointerCapture","MSLostPointerCapture"],register:function(a){u.listen(a,this.events)},unregister:function(a){u.unlisten(a,this.events)},POINTER_TYPES:["","unavailable","touch","pen","mouse"],prepareEvent:function(a){var b=a;return $&&(b=u.cloneEvent(a),b.pointerType=this.POINTER_TYPES[a.pointerType]),b},cleanup:function(a){Z["delete"](a)},MSPointerDown:function(a){Z.set(a.pointerId,a);var b=this.prepareEvent(a);u.down(b)},MSPointerMove:function(a){var b=this.prepareEvent(a);u.move(b)},MSPointerUp:function(a){var b=this.prepareEvent(a);u.up(b),this.cleanup(a.pointerId)},MSPointerOut:function(a){var b=this.prepareEvent(a);u.leaveOut(b)},MSPointerOver:function(a){var b=this.prepareEvent(a);u.enterOver(b)},MSPointerCancel:function(a){var b=this.prepareEvent(a);u.cancel(b),this.cleanup(a.pointerId)},MSLostPointerCapture:function(a){var b=u.makeEvent("lostpointercapture",a);u.dispatchEvent(b)},MSGotPointerCapture:function(a){var b=u.makeEvent("gotpointercapture",a);u.dispatchEvent(b)}},aa=window.navigator;aa.msPointerEnabled?(W=function(a){i(a),j(this),k(a)&&(u.setCapture(a,this,!0),this.msSetPointerCapture(a))},X=function(a){i(a),u.releaseCapture(a,!0),this.msReleasePointerCapture(a)}):(W=function(a){i(a),j(this),k(a)&&u.setCapture(a,this)},X=function(a){i(a),u.releaseCapture(a)}),Y=function(a){return!!u.captureInfo[a]},g(),h(),l();var ba={dispatcher:u,Installer:c,PointerEvent:a,PointerMap:p,targetFinding:v};return ba});
    914. 

  914. 

  915. ///////////////////////////////////////////////
    916. 

  916. 

  917. ///////////////////////////////////////////////
    918. 

  918. var config = {"dark_mode": false, "show_pads": true, "show_fabrication": false, "show_silkscreen": true, "highlight_pin1": "none", "redraw_on_drag": true, "board_rotation": 0, "checkboxes": "Sourced,Placed", "bom_view": "left-right", "layer_view": "FB", "offset_back_rotation": false, "kicad_text_formatting": true, "fields": ["Value", "Footprint", "Partkeepr"]}
    919. 

  919. ///////////////////////////////////////////////
    920. 

  920. 

  921. ///////////////////////////////////////////////
    922. 

  922. var pcbdata = JSON.parse(LZString.decompressFromBase64("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"))
    923. 

  923. ///////////////////////////////////////////////
    924. 

  924. 

  925. ///////////////////////////////////////////////
    926. 

  926. /* Utility functions */
    927. 

  927. 

  928. var storagePrefix = 'KiCad_HTML_BOM__' + pcbdata.metadata.title + '__' +
    929. 

  929.   pcbdata.metadata.revision + '__#';
    930. 

  930. var storage;
    931. 

  931. 

  932. function initStorage(key) {
    933. 

  933.   try {
    934. 

  934.     window.localStorage.getItem("blank");
    935. 

  935.     storage = window.localStorage;
    936. 

  936.   } catch (e) {
    937. 

  937.     // localStorage not available
    938. 

  938.   }
    939. 

  939.   if (!storage) {
    940. 

  940.     try {
    941. 

  941.       window.sessionStorage.getItem("blank");
    942. 

  942.       storage = window.sessionStorage;
    943. 

  943.     } catch (e) {
    944. 

  944.       // sessionStorage also not available
    945. 

  945.     }
    946. 

  946.   }
    947. 

  947. }
    948. 

  948. 

  949. function readStorage(key) {
    950. 

  950.   if (storage) {
    951. 

  951.     return storage.getItem(storagePrefix + key);
    952. 

  952.   } else {
    953. 

  953.     return null;
    954. 

  954.   }
    955. 

  955. }
    956. 

  956. 

  957. function writeStorage(key, value) {
    958. 

  958.   if (storage) {
    959. 

  959.     storage.setItem(storagePrefix + key, value);
    960. 

  960.   }
    961. 

  961. }
    962. 

  962. 

  963. function fancyDblClickHandler(el, onsingle, ondouble) {
    964. 

  964.   return function () {
    965. 

  965.     if (el.getAttribute("data-dblclick") == null) {
    966. 

  966.       el.setAttribute("data-dblclick", 1);
    967. 

  967.       setTimeout(function () {
    968. 

  968.         if (el.getAttribute("data-dblclick") == 1) {
    969. 

  969.           onsingle();
    970. 

  970.         }
    971. 

  971.         el.removeAttribute("data-dblclick");
    972. 

  972.       }, 200);
    973. 

  973.     } else {
    974. 

  974.       el.removeAttribute("data-dblclick");
    975. 

  975.       ondouble();
    976. 

  976.     }
    977. 

  977.   }
    978. 

  978. }
    979. 

  979. 

  980. function smoothScrollToRow(rowid) {
    981. 

  981.   document.getElementById(rowid).scrollIntoView({
    982. 

  982.     behavior: "smooth",
    983. 

  983.     block: "center",
    984. 

  984.     inline: "nearest"
    985. 

  985.   });
    986. 

  986. }
    987. 

  987. 

  988. function focusInputField(input) {
    989. 

  989.   input.scrollIntoView(false);
    990. 

  990.   input.focus();
    991. 

  991.   input.select();
    992. 

  992. }
    993. 

  993. 

  994. function saveBomTable(output) {
    995. 

  995.   var text = '';
    996. 

  996.   for (var node of bomhead.childNodes[0].childNodes) {
    997. 

  997.     if (node.firstChild) {
    998. 

  998.       text += (output == 'csv' ? `"${node.firstChild.nodeValue}"` : node.firstChild.nodeValue);
    999. 

  999.     }
    1000. 

  1000.     if (node != bomhead.childNodes[0].lastChild) {
    1001. 

  1001.       text += (output == 'csv' ? ',' : '\t');
    1002. 

  1002.     }
    1003. 

  1003.   }
    1004. 

  1004.   text += '\n';
    1005. 

  1005.   for (var row of bombody.childNodes) {
    1006. 

  1006.     for (var cell of row.childNodes) {
    1007. 

  1007.       let val = '';
    1008. 

  1008.       for (var node of cell.childNodes) {
    1009. 

  1009.         if (node.nodeName == "INPUT") {
    1010. 

  1010.           if (node.checked) {
    1011. 

  1011.             val += '✓';
    1012. 

  1012.           }
    1013. 

  1013.         } else if ((node.nodeName == "MARK") || (node.nodeName == "A")) {
    1014. 

  1014.           val += node.firstChild.nodeValue;
    1015. 

  1015.         } else {
    1016. 

  1016.           val += node.nodeValue;
    1017. 

  1017.         }
    1018. 

  1018.       }
    1019. 

  1019.       if (output == 'csv') {
    1020. 

  1020.         val = val.replace(/\"/g, '\"\"'); // pair of double-quote characters
    1021. 

  1021.         if (isNumeric(val)) {
    1022. 

  1022.           val = +val;                     // use number
    1023. 

  1023.         } else {
    1024. 

  1024.           val = `"${val}"`;               // enclosed within double-quote
    1025. 

  1025.         }
    1026. 

  1026.       }
    1027. 

  1027.       text += val;
    1028. 

  1028.       if (cell != row.lastChild) {
    1029. 

  1029.         text += (output == 'csv' ? ',' : '\t');
    1030. 

  1030.       }
    1031. 

  1031.     }
    1032. 

  1032.     text += '\n';
    1033. 

  1033.   }
    1034. 

  1034. 

  1035.   if (output != 'clipboard') {
    1036. 

  1036.     // To file: csv or txt
    1037. 

  1037.     var blob = new Blob([text], {
    1038. 

  1038.       type: `text/${output}`
    1039. 

  1039.     });
    1040. 

  1040.     saveFile(`${pcbdata.metadata.title}.${output}`, blob);
    1041. 

  1041.   } else {
    1042. 

  1042.     // To clipboard
    1043. 

  1043.     var textArea = document.createElement("textarea");
    1044. 

  1044.     textArea.classList.add('clipboard-temp');
    1045. 

  1045.     textArea.value = text;
    1046. 

  1046. 

  1047.     document.body.appendChild(textArea);
    1048. 

  1048.     textArea.focus();
    1049. 

  1049.     textArea.select();
    1050. 

  1050. 

  1051.     try {
    1052. 

  1052.       if (document.execCommand('copy')) {
    1053. 

  1053.         console.log('Bom copied to clipboard.');
    1054. 

  1054.       }
    1055. 

  1055.     } catch (err) {
    1056. 

  1056.       console.log('Can not copy to clipboard.');
    1057. 

  1057.     }
    1058. 

  1058. 

  1059.     document.body.removeChild(textArea);
    1060. 

  1060.   }
    1061. 

  1061. }
    1062. 

  1062. 

  1063. function isNumeric(str) {
    1064. 

  1064.   /* https://stackoverflow.com/a/175787 */
    1065. 

  1065.   return (typeof str != "string" ? false : !isNaN(str) && !isNaN(parseFloat(str)));
    1066. 

  1066. }
    1067. 

  1067. 

  1068. function removeGutterNode(node) {
    1069. 

  1069.   for (var i = 0; i < node.childNodes.length; i++) {
    1070. 

  1070.     if (node.childNodes[i].classList &&
    1071. 

  1071.       node.childNodes[i].classList.contains("gutter")) {
    1072. 

  1072.       node.removeChild(node.childNodes[i]);
    1073. 

  1073.       break;
    1074. 

  1074.     }
    1075. 

  1075.   }
    1076. 

  1076. }
    1077. 

  1077. 

  1078. function cleanGutters() {
    1079. 

  1079.   removeGutterNode(document.getElementById("bot"));
    1080. 

  1080.   removeGutterNode(document.getElementById("canvasdiv"));
    1081. 

  1081. }
    1082. 

  1082. 

  1083. var units = {
    1084. 

  1084.   prefixes: {
    1085. 

  1085.     giga: ["G", "g", "giga", "Giga", "GIGA"],
    1086. 

  1086.     mega: ["M", "mega", "Mega", "MEGA"],
    1087. 

  1087.     kilo: ["K", "k", "kilo", "Kilo", "KILO"],
    1088. 

  1088.     milli: ["m", "milli", "Milli", "MILLI"],
    1089. 

  1089.     micro: ["U", "u", "micro", "Micro", "MICRO", "μ", "µ"], // different utf8 μ
    1090. 

  1090.     nano: ["N", "n", "nano", "Nano", "NANO"],
    1091. 

  1091.     pico: ["P", "p", "pico", "Pico", "PICO"],
    1092. 

  1092.   },
    1093. 

  1093.   unitsShort: ["R", "r", "Ω", "F", "f", "H", "h"],
    1094. 

  1094.   unitsLong: [
    1095. 

  1095.     "OHM", "Ohm", "ohm", "ohms",
    1096. 

  1096.     "FARAD", "Farad", "farad",
    1097. 

  1097.     "HENRY", "Henry", "henry"
    1098. 

  1098.   ],
    1099. 

  1099.   getMultiplier: function (s) {
    1100. 

  1100.     if (this.prefixes.giga.includes(s)) return 1e9;
    1101. 

  1101.     if (this.prefixes.mega.includes(s)) return 1e6;
    1102. 

  1102.     if (this.prefixes.kilo.includes(s)) return 1e3;
    1103. 

  1103.     if (this.prefixes.milli.includes(s)) return 1e-3;
    1104. 

  1104.     if (this.prefixes.micro.includes(s)) return 1e-6;
    1105. 

  1105.     if (this.prefixes.nano.includes(s)) return 1e-9;
    1106. 

  1106.     if (this.prefixes.pico.includes(s)) return 1e-12;
    1107. 

  1107.     return 1;
    1108. 

  1108.   },
    1109. 

  1109.   valueRegex: null,
    1110. 

  1110. }
    1111. 

  1111. 

  1112. function initUtils() {
    1113. 

  1113.   var allPrefixes = units.prefixes.giga
    1114. 

  1114.     .concat(units.prefixes.mega)
    1115. 

  1115.     .concat(units.prefixes.kilo)
    1116. 

  1116.     .concat(units.prefixes.milli)
    1117. 

  1117.     .concat(units.prefixes.micro)
    1118. 

  1118.     .concat(units.prefixes.nano)
    1119. 

  1119.     .concat(units.prefixes.pico);
    1120. 

  1120.   var allUnits = units.unitsShort.concat(units.unitsLong);
    1121. 

  1121.   units.valueRegex = new RegExp("^([0-9\.]+)" +
    1122. 

  1122.     "\\s*(" + allPrefixes.join("|") + ")?" +
    1123. 

  1123.     "(" + allUnits.join("|") + ")?" +
    1124. 

  1124.     "(\\b.*)?$", "");
    1125. 

  1125.   units.valueAltRegex = new RegExp("^([0-9]*)" +
    1126. 

  1126.     "(" + units.unitsShort.join("|") + ")?" +
    1127. 

  1127.     "([GgMmKkUuNnPp])?" +
    1128. 

  1128.     "([0-9]*)" +
    1129. 

  1129.     "(\\b.*)?$", "");
    1130. 

  1130.   if (config.fields.includes("Value")) {
    1131. 

  1131.     var index = config.fields.indexOf("Value");
    1132. 

  1132.     pcbdata.bom["parsedValues"] = {};
    1133. 

  1133.     for (var id in pcbdata.bom.fields) {
    1134. 

  1134.       pcbdata.bom.parsedValues[id] = parseValue(pcbdata.bom.fields[id][index])
    1135. 

  1135.     }
    1136. 

  1136.   }
    1137. 

  1137. }
    1138. 

  1138. 

  1139. function parseValue(val, ref) {
    1140. 

  1140.   var inferUnit = (unit, ref) => {
    1141. 

  1141.     if (unit) {
    1142. 

  1142.       unit = unit.toLowerCase();
    1143. 

  1143.       if (unit == 'Ω' || unit == "ohm" || unit == "ohms") {
    1144. 

  1144.         unit = 'r';
    1145. 

  1145.       }
    1146. 

  1146.       unit = unit[0];
    1147. 

  1147.     } else {
    1148. 

  1148.       ref = /^([a-z]+)\d+$/i.exec(ref);
    1149. 

  1149.       if (ref) {
    1150. 

  1150.         ref = ref[1].toLowerCase();
    1151. 

  1151.         if (ref == "c") unit = 'f';
    1152. 

  1152.         else if (ref == "l") unit = 'h';
    1153. 

  1153.         else if (ref == "r" || ref == "rv") unit = 'r';
    1154. 

  1154.         else unit = null;
    1155. 

  1155.       }
    1156. 

  1156.     }
    1157. 

  1157.     return unit;
    1158. 

  1158.   };
    1159. 

  1159.   val = val.replace(/,/g, "");
    1160. 

  1160.   var match = units.valueRegex.exec(val);
    1161. 

  1161.   var unit;
    1162. 

  1162.   if (match) {
    1163. 

  1163.     val = parseFloat(match[1]);
    1164. 

  1164.     if (match[2]) {
    1165. 

  1165.       val = val * units.getMultiplier(match[2]);
    1166. 

  1166.     }
    1167. 

  1167.     unit = inferUnit(match[3], ref);
    1168. 

  1168.     if (!unit) return null;
    1169. 

  1169.     else return {
    1170. 

  1170.       val: val,
    1171. 

  1171.       unit: unit,
    1172. 

  1172.       extra: match[4],
    1173. 

  1173.     }
    1174. 

  1174.   }
    1175. 

  1175.   match = units.valueAltRegex.exec(val);
    1176. 

  1176.   if (match && (match[1] || match[4])) {
    1177. 

  1177.     val = parseFloat(match[1] + "." + match[4]);
    1178. 

  1178.     if (match[3]) {
    1179. 

  1179.       val = val * units.getMultiplier(match[3]);
    1180. 

  1180.     }
    1181. 

  1181.     unit = inferUnit(match[2], ref);
    1182. 

  1182.     if (!unit) return null;
    1183. 

  1183.     else return {
    1184. 

  1184.       val: val,
    1185. 

  1185.       unit: unit,
    1186. 

  1186.       extra: match[5],
    1187. 

  1187.     }
    1188. 

  1188.   }
    1189. 

  1189.   return null;
    1190. 

  1190. }
    1191. 

  1191. 

  1192. function valueCompare(a, b, stra, strb) {
    1193. 

  1193.   if (a === null && b === null) {
    1194. 

  1194.     // Failed to parse both values, compare them as strings.
    1195. 

  1195.     if (stra != strb) return stra > strb ? 1 : -1;
    1196. 

  1196.     else return 0;
    1197. 

  1197.   } else if (a === null) {
    1198. 

  1198.     return 1;
    1199. 

  1199.   } else if (b === null) {
    1200. 

  1200.     return -1;
    1201. 

  1201.   } else {
    1202. 

  1202.     if (a.unit != b.unit) return a.unit > b.unit ? 1 : -1;
    1203. 

  1203.     else if (a.val != b.val) return a.val > b.val ? 1 : -1;
    1204. 

  1204.     else if (a.extra != b.extra) return a.extra > b.extra ? 1 : -1;
    1205. 

  1205.     else return 0;
    1206. 

  1206.   }
    1207. 

  1207. }
    1208. 

  1208. 

  1209. function validateSaveImgDimension(element) {
    1210. 

  1210.   var valid = false;
    1211. 

  1211.   var intValue = 0;
    1212. 

  1212.   if (/^[1-9]\d*$/.test(element.value)) {
    1213. 

  1213.     intValue = parseInt(element.value);
    1214. 

  1214.     if (intValue <= 16000) {
    1215. 

  1215.       valid = true;
    1216. 

  1216.     }
    1217. 

  1217.   }
    1218. 

  1218.   if (valid) {
    1219. 

  1219.     element.classList.remove("invalid");
    1220. 

  1220.   } else {
    1221. 

  1221.     element.classList.add("invalid");
    1222. 

  1222.   }
    1223. 

  1223.   return intValue;
    1224. 

  1224. }
    1225. 

  1225. 

  1226. function saveImage(layer) {
    1227. 

  1227.   var width = validateSaveImgDimension(document.getElementById("render-save-width"));
    1228. 

  1228.   var height = validateSaveImgDimension(document.getElementById("render-save-height"));
    1229. 

  1229.   var bgcolor = null;
    1230. 

  1230.   if (!document.getElementById("render-save-transparent").checked) {
    1231. 

  1231.     var style = getComputedStyle(topmostdiv);
    1232. 

  1232.     bgcolor = style.getPropertyValue("background-color");
    1233. 

  1233.   }
    1234. 

  1234.   if (!width || !height) return;
    1235. 

  1235. 

  1236.   // Prepare image
    1237. 

  1237.   var canvas = document.createElement("canvas");
    1238. 

  1238.   var layerdict = {
    1239. 

  1239.     transform: {
    1240. 

  1240.       x: 0,
    1241. 

  1241.       y: 0,
    1242. 

  1242.       s: 1,
    1243. 

  1243.       panx: 0,
    1244. 

  1244.       pany: 0,
    1245. 

  1245.       zoom: 1,
    1246. 

  1246.     },
    1247. 

  1247.     bg: canvas,
    1248. 

  1248.     fab: canvas,
    1249. 

  1249.     silk: canvas,
    1250. 

  1250.     highlight: canvas,
    1251. 

  1251.     layer: layer,
    1252. 

  1252.   }
    1253. 

  1253.   // Do the rendering
    1254. 

  1254.   recalcLayerScale(layerdict, width, height);
    1255. 

  1255.   prepareLayer(layerdict);
    1256. 

  1256.   clearCanvas(canvas, bgcolor);
    1257. 

  1257.   drawBackground(layerdict, false);
    1258. 

  1258.   drawHighlightsOnLayer(layerdict, false);
    1259. 

  1259. 

  1260.   // Save image
    1261. 

  1261.   var imgdata = canvas.toDataURL("image/png");
    1262. 

  1262. 

  1263.   var filename = pcbdata.metadata.title;
    1264. 

  1264.   if (pcbdata.metadata.revision) {
    1265. 

  1265.     filename += `.${pcbdata.metadata.revision}`;
    1266. 

  1266.   }
    1267. 

  1267.   filename += `.${layer}.png`;
    1268. 

  1268.   saveFile(filename, dataURLtoBlob(imgdata));
    1269. 

  1269. }
    1270. 

  1270. 

  1271. function saveSettings() {
    1272. 

  1272.   var data = {
    1273. 

  1273.     type: "InteractiveHtmlBom settings",
    1274. 

  1274.     version: 1,
    1275. 

  1275.     pcbmetadata: pcbdata.metadata,
    1276. 

  1276.     settings: settings,
    1277. 

  1277.   }
    1278. 

  1278.   var blob = new Blob([JSON.stringify(data, null, 4)], {
    1279. 

  1279.     type: "application/json"
    1280. 

  1280.   });
    1281. 

  1281.   saveFile(`${pcbdata.metadata.title}.settings.json`, blob);
    1282. 

  1282. }
    1283. 

  1283. 

  1284. function loadSettings() {
    1285. 

  1285.   var input = document.createElement("input");
    1286. 

  1286.   input.type = "file";
    1287. 

  1287.   input.accept = ".settings.json";
    1288. 

  1288.   input.onchange = function (e) {
    1289. 

  1289.     var file = e.target.files[0];
    1290. 

  1290.     var reader = new FileReader();
    1291. 

  1291.     reader.onload = readerEvent => {
    1292. 

  1292.       var content = readerEvent.target.result;
    1293. 

  1293.       var newSettings;
    1294. 

  1294.       try {
    1295. 

  1295.         newSettings = JSON.parse(content);
    1296. 

  1296.       } catch (e) {
    1297. 

  1297.         alert("Selected file is not InteractiveHtmlBom settings file.");
    1298. 

  1298.         return;
    1299. 

  1299.       }
    1300. 

  1300.       if (newSettings.type != "InteractiveHtmlBom settings") {
    1301. 

  1301.         alert("Selected file is not InteractiveHtmlBom settings file.");
    1302. 

  1302.         return;
    1303. 

  1303.       }
    1304. 

  1304.       var metadataMatches = newSettings.hasOwnProperty("pcbmetadata");
    1305. 

  1305.       if (metadataMatches) {
    1306. 

  1306.         for (var k in pcbdata.metadata) {
    1307. 

  1307.           if (!newSettings.pcbmetadata.hasOwnProperty(k) || newSettings.pcbmetadata[k] != pcbdata.metadata[k]) {
    1308. 

  1308.             metadataMatches = false;
    1309. 

  1309.           }
    1310. 

  1310.         }
    1311. 

  1311.       }
    1312. 

  1312.       if (!metadataMatches) {
    1313. 

  1313.         var currentMetadata = JSON.stringify(pcbdata.metadata, null, 4);
    1314. 

  1314.         var fileMetadata = JSON.stringify(newSettings.pcbmetadata, null, 4);
    1315. 

  1315.         if (!confirm(
    1316. 

  1316.           `Settins file metadata does not match current metadata.\n\n` +
    1317. 

  1317.           `Page metadata:\n${currentMetadata}\n\n` +
    1318. 

  1318.           `Settings file metadata:\n${fileMetadata}\n\n` +
    1319. 

  1319.           `Press OK if you would like to import settings anyway.`)) {
    1320. 

  1320.           return;
    1321. 

  1321.         }
    1322. 

  1322.       }
    1323. 

  1323.       overwriteSettings(newSettings.settings);
    1324. 

  1324.     }
    1325. 

  1325.     reader.readAsText(file, 'UTF-8');
    1326. 

  1326.   }
    1327. 

  1327.   input.click();
    1328. 

  1328. }
    1329. 

  1329. 

  1330. function resetSettings() {
    1331. 

  1331.   if (!confirm(
    1332. 

  1332.     `This will reset all checkbox states and other settings.\n\n` +
    1333. 

  1333.     `Press OK if you want to continue.`)) {
    1334. 

  1334.     return;
    1335. 

  1335.   }
    1336. 

  1336.   if (storage) {
    1337. 

  1337.     var keys = [];
    1338. 

  1338.     for (var i = 0; i < storage.length; i++) {
    1339. 

  1339.       var key = storage.key(i);
    1340. 

  1340.       if (key.startsWith(storagePrefix)) keys.push(key);
    1341. 

  1341.     }
    1342. 

  1342.     for (var key of keys) storage.removeItem(key);
    1343. 

  1343.   }
    1344. 

  1344.   location.reload();
    1345. 

  1345. }
    1346. 

  1346. 

  1347. function overwriteSettings(newSettings) {
    1348. 

  1348.   initDone = false;
    1349. 

  1349.   Object.assign(settings, newSettings);
    1350. 

  1350.   writeStorage("bomlayout", settings.bomlayout);
    1351. 

  1351.   writeStorage("bommode", settings.bommode);
    1352. 

  1352.   writeStorage("canvaslayout", settings.canvaslayout);
    1353. 

  1353.   writeStorage("bomCheckboxes", settings.checkboxes.join(","));
    1354. 

  1354.   document.getElementById("bomCheckboxes").value = settings.checkboxes.join(",");
    1355. 

  1355.   for (var checkbox of settings.checkboxes) {
    1356. 

  1356.     writeStorage("checkbox_" + checkbox, settings.checkboxStoredRefs[checkbox]);
    1357. 

  1357.   }
    1358. 

  1358.   writeStorage("markWhenChecked", settings.markWhenChecked);
    1359. 

  1359.   padsVisible(settings.renderPads);
    1360. 

  1360.   document.getElementById("padsCheckbox").checked = settings.renderPads;
    1361. 

  1361.   fabricationVisible(settings.renderFabrication);
    1362. 

  1362.   document.getElementById("fabricationCheckbox").checked = settings.renderFabrication;
    1363. 

  1363.   silkscreenVisible(settings.renderSilkscreen);
    1364. 

  1364.   document.getElementById("silkscreenCheckbox").checked = settings.renderSilkscreen;
    1365. 

  1365.   referencesVisible(settings.renderReferences);
    1366. 

  1366.   document.getElementById("referencesCheckbox").checked = settings.renderReferences;
    1367. 

  1367.   valuesVisible(settings.renderValues);
    1368. 

  1368.   document.getElementById("valuesCheckbox").checked = settings.renderValues;
    1369. 

  1369.   tracksVisible(settings.renderTracks);
    1370. 

  1370.   document.getElementById("tracksCheckbox").checked = settings.renderTracks;
    1371. 

  1371.   zonesVisible(settings.renderZones);
    1372. 

  1372.   document.getElementById("zonesCheckbox").checked = settings.renderZones;
    1373. 

  1373.   dnpOutline(settings.renderDnpOutline);
    1374. 

  1374.   document.getElementById("dnpOutlineCheckbox").checked = settings.renderDnpOutline;
    1375. 

  1375.   setRedrawOnDrag(settings.redrawOnDrag);
    1376. 

  1376.   document.getElementById("dragCheckbox").checked = settings.redrawOnDrag;
    1377. 

  1377.   setDarkMode(settings.darkMode);
    1378. 

  1378.   document.getElementById("darkmodeCheckbox").checked = settings.darkMode;
    1379. 

  1379.   setHighlightPin1(settings.highlightpin1);
    1380. 

  1380.   document.forms.highlightpin1.highlightpin1.value = settings.highlightpin1;
    1381. 

  1381.   writeStorage("boardRotation", settings.boardRotation);
    1382. 

  1382.   document.getElementById("boardRotation").value = settings.boardRotation / 5;
    1383. 

  1383.   document.getElementById("rotationDegree").textContent = settings.boardRotation;
    1384. 

  1384.   setOffsetBackRotation(settings.offsetBackRotation);
    1385. 

  1385.   document.getElementById("offsetBackRotationCheckbox").checked = settings.offsetBackRotation;
    1386. 

  1386.   initDone = true;
    1387. 

  1387.   prepCheckboxes();
    1388. 

  1388.   changeBomLayout(settings.bomlayout);
    1389. 

  1389. }
    1390. 

  1390. 

  1391. function saveFile(filename, blob) {
    1392. 

  1392.   var link = document.createElement("a");
    1393. 

  1393.   var objurl = URL.createObjectURL(blob);
    1394. 

  1394.   link.download = filename;
    1395. 

  1395.   link.href = objurl;
    1396. 

  1396.   link.click();
    1397. 

  1397. }
    1398. 

  1398. 

  1399. function dataURLtoBlob(dataurl) {
    1400. 

  1400.   var arr = dataurl.split(','),
    1401. 

  1401.     mime = arr[0].match(/:(.*?);/)[1],
    1402. 

  1402.     bstr = atob(arr[1]),
    1403. 

  1403.     n = bstr.length,
    1404. 

  1404.     u8arr = new Uint8Array(n);
    1405. 

  1405.   while (n--) {
    1406. 

  1406.     u8arr[n] = bstr.charCodeAt(n);
    1407. 

  1407.   }
    1408. 

  1408.   return new Blob([u8arr], {
    1409. 

  1409.     type: mime
    1410. 

  1410.   });
    1411. 

  1411. }
    1412. 

  1412. 

  1413. var settings = {
    1414. 

  1414.   canvaslayout: "FB",
    1415. 

  1415.   bomlayout: "left-right",
    1416. 

  1416.   bommode: "grouped",
    1417. 

  1417.   checkboxes: [],
    1418. 

  1418.   checkboxStoredRefs: {},
    1419. 

  1419.   darkMode: false,
    1420. 

  1420.   highlightpin1: "none",
    1421. 

  1421.   redrawOnDrag: true,
    1422. 

  1422.   boardRotation: 0,
    1423. 

  1423.   offsetBackRotation: false,
    1424. 

  1424.   renderPads: true,
    1425. 

  1425.   renderReferences: true,
    1426. 

  1426.   renderValues: true,
    1427. 

  1427.   renderSilkscreen: true,
    1428. 

  1428.   renderFabrication: true,
    1429. 

  1429.   renderDnpOutline: false,
    1430. 

  1430.   renderTracks: true,
    1431. 

  1431.   renderZones: true,
    1432. 

  1432.   columnOrder: [],
    1433. 

  1433.   hiddenColumns: [],
    1434. 

  1434.   netColors: {},
    1435. 

  1435. }
    1436. 

  1436. 

  1437. function initDefaults() {
    1438. 

  1438.   settings.bomlayout = readStorage("bomlayout");
    1439. 

  1439.   if (settings.bomlayout === null) {
    1440. 

  1440.     settings.bomlayout = config.bom_view;
    1441. 

  1441.   }
    1442. 

  1442.   if (!['bom-only', 'left-right', 'top-bottom'].includes(settings.bomlayout)) {
    1443. 

  1443.     settings.bomlayout = config.bom_view;
    1444. 

  1444.   }
    1445. 

  1445.   settings.bommode = readStorage("bommode");
    1446. 

  1446.   if (settings.bommode === null) {
    1447. 

  1447.     settings.bommode = "grouped";
    1448. 

  1448.   }
    1449. 

  1449.   if (settings.bommode == "netlist" && !pcbdata.nets) {
    1450. 

  1450.     settings.bommode = "grouped";
    1451. 

  1451.   }
    1452. 

  1452.   if (!["grouped", "ungrouped", "netlist"].includes(settings.bommode)) {
    1453. 

  1453.     settings.bommode = "grouped";
    1454. 

  1454.   }
    1455. 

  1455.   settings.canvaslayout = readStorage("canvaslayout");
    1456. 

  1456.   if (settings.canvaslayout === null) {
    1457. 

  1457.     settings.canvaslayout = config.layer_view;
    1458. 

  1458.   }
    1459. 

  1459.   var bomCheckboxes = readStorage("bomCheckboxes");
    1460. 

  1460.   if (bomCheckboxes === null) {
    1461. 

  1461.     bomCheckboxes = config.checkboxes;
    1462. 

  1462.   }
    1463. 

  1463.   settings.checkboxes = bomCheckboxes.split(",").filter((e) => e);
    1464. 

  1464.   document.getElementById("bomCheckboxes").value = bomCheckboxes;
    1465. 

  1465. 

  1466.   var highlightpin1 = readStorage("highlightpin1") || config.highlight_pin1;
    1467. 

  1467.   if (highlightpin1 === "false") highlightpin1 = "none";
    1468. 

  1468.   if (highlightpin1 === "true") highlightpin1 = "all";
    1469. 

  1469.   setHighlightPin1(highlightpin1);
    1470. 

  1470.   document.forms.highlightpin1.highlightpin1.value = highlightpin1;
    1471. 

  1471. 

  1472.   settings.markWhenChecked = readStorage("markWhenChecked") || "";
    1473. 

  1473.   populateMarkWhenCheckedOptions();
    1474. 

  1474. 

  1475.   function initBooleanSetting(storageString, def, elementId, func) {
    1476. 

  1476.     var b = readStorage(storageString);
    1477. 

  1477.     if (b === null) {
    1478. 

  1478.       b = def;
    1479. 

  1479.     } else {
    1480. 

  1480.       b = (b == "true");
    1481. 

  1481.     }
    1482. 

  1482.     document.getElementById(elementId).checked = b;
    1483. 

  1483.     func(b);
    1484. 

  1484.   }
    1485. 

  1485. 

  1486.   initBooleanSetting("padsVisible", config.show_pads, "padsCheckbox", padsVisible);
    1487. 

  1487.   initBooleanSetting("fabricationVisible", config.show_fabrication, "fabricationCheckbox", fabricationVisible);
    1488. 

  1488.   initBooleanSetting("silkscreenVisible", config.show_silkscreen, "silkscreenCheckbox", silkscreenVisible);
    1489. 

  1489.   initBooleanSetting("referencesVisible", true, "referencesCheckbox", referencesVisible);
    1490. 

  1490.   initBooleanSetting("valuesVisible", true, "valuesCheckbox", valuesVisible);
    1491. 

  1491.   if ("tracks" in pcbdata) {
    1492. 

  1492.     initBooleanSetting("tracksVisible", true, "tracksCheckbox", tracksVisible);
    1493. 

  1493.     initBooleanSetting("zonesVisible", true, "zonesCheckbox", zonesVisible);
    1494. 

  1494.   } else {
    1495. 

  1495.     document.getElementById("tracksAndZonesCheckboxes").style.display = "none";
    1496. 

  1496.     tracksVisible(false);
    1497. 

  1497.     zonesVisible(false);
    1498. 

  1498.   }
    1499. 

  1499.   initBooleanSetting("dnpOutline", false, "dnpOutlineCheckbox", dnpOutline);
    1500. 

  1500.   initBooleanSetting("redrawOnDrag", config.redraw_on_drag, "dragCheckbox", setRedrawOnDrag);
    1501. 

  1501.   initBooleanSetting("darkmode", config.dark_mode, "darkmodeCheckbox", setDarkMode);
    1502. 

  1502. 

  1503.   var fields = ["checkboxes", "References"].concat(config.fields).concat(["Quantity"]);
    1504. 

  1504.   var hcols = JSON.parse(readStorage("hiddenColumns"));
    1505. 

  1505.   if (hcols === null) {
    1506. 

  1506.     hcols = [];
    1507. 

  1507.   }
    1508. 

  1508.   settings.hiddenColumns = hcols.filter(e => fields.includes(e));
    1509. 

  1509. 

  1510.   var cord = JSON.parse(readStorage("columnOrder"));
    1511. 

  1511.   if (cord === null) {
    1512. 

  1512.     cord = fields;
    1513. 

  1513.   } else {
    1514. 

  1514.     cord = cord.filter(e => fields.includes(e));
    1515. 

  1515.     if (cord.length != fields.length)
    1516. 

  1516.       cord = fields;
    1517. 

  1517.   }
    1518. 

  1518.   settings.columnOrder = cord;
    1519. 

  1519. 

  1520.   settings.boardRotation = readStorage("boardRotation");
    1521. 

  1521.   if (settings.boardRotation === null) {
    1522. 

  1522.     settings.boardRotation = config.board_rotation * 5;
    1523. 

  1523.   } else {
    1524. 

  1524.     settings.boardRotation = parseInt(settings.boardRotation);
    1525. 

  1525.   }
    1526. 

  1526.   document.getElementById("boardRotation").value = settings.boardRotation / 5;
    1527. 

  1527.   document.getElementById("rotationDegree").textContent = settings.boardRotation;
    1528. 

  1528.   initBooleanSetting("offsetBackRotation", config.offset_back_rotation, "offsetBackRotationCheckbox", setOffsetBackRotation);
    1529. 

  1529. 

  1530.   settings.netColors = JSON.parse(readStorage("netColors")) || {};
    1531. 

  1531. }
    1532. 

  1532. 

  1533. // Helper classes for user js callbacks.
    1534. 

  1534. 

  1535. const IBOM_EVENT_TYPES = {
    1536. 

  1536.   ALL: "all",
    1537. 

  1537.   HIGHLIGHT_EVENT: "highlightEvent",
    1538. 

  1538.   CHECKBOX_CHANGE_EVENT: "checkboxChangeEvent",
    1539. 

  1539.   BOM_BODY_CHANGE_EVENT: "bomBodyChangeEvent",
    1540. 

  1540. }
    1541. 

  1541. 

  1542. const EventHandler = {
    1543. 

  1543.   callbacks: {},
    1544. 

  1544.   init: function () {
    1545. 

  1545.     for (eventType of Object.values(IBOM_EVENT_TYPES))
    1546. 

  1546.       this.callbacks[eventType] = [];
    1547. 

  1547.   },
    1548. 

  1548.   registerCallback: function (eventType, callback) {
    1549. 

  1549.     this.callbacks[eventType].push(callback);
    1550. 

  1550.   },
    1551. 

  1551.   emitEvent: function (eventType, eventArgs) {
    1552. 

  1552.     event = {
    1553. 

  1553.       eventType: eventType,
    1554. 

  1554.       args: eventArgs,
    1555. 

  1555.     }
    1556. 

  1556.     var callback;
    1557. 

  1557.     for (callback of this.callbacks[eventType])
    1558. 

  1558.       callback(event);
    1559. 

  1559.     for (callback of this.callbacks[IBOM_EVENT_TYPES.ALL])
    1560. 

  1560.       callback(event);
    1561. 

  1561.   }
    1562. 

  1562. }
    1563. 

  1563. EventHandler.init();
    1564. 

  1564. 

  1565. ///////////////////////////////////////////////
    1566. 

  1566. 

  1567. ///////////////////////////////////////////////
    1568. 

  1568. /* PCB rendering code */
    1569. 

  1569. 

  1570. var emptyContext2d = document.createElement("canvas").getContext("2d");
    1571. 

  1571. 

  1572. function deg2rad(deg) {
    1573. 

  1573.   return deg * Math.PI / 180;
    1574. 

  1574. }
    1575. 

  1575. 

  1576. function calcFontPoint(linepoint, text, offsetx, offsety, tilt) {
    1577. 

  1577.   var point = [
    1578. 

  1578.     linepoint[0] * text.width + offsetx,
    1579. 

  1579.     linepoint[1] * text.height + offsety
    1580. 

  1580.   ];
    1581. 

  1581.   // This approximates pcbnew behavior with how text tilts depending on horizontal justification
    1582. 

  1582.   point[0] -= (linepoint[1] + 0.5 * (1 + text.justify[0])) * text.height * tilt;
    1583. 

  1583.   return point;
    1584. 

  1584. }
    1585. 

  1585. 

  1586. function drawText(ctx, text, color) {
    1587. 

  1587.   if ("ref" in text && !settings.renderReferences) return;
    1588. 

  1588.   if ("val" in text && !settings.renderValues) return;
    1589. 

  1589.   ctx.save();
    1590. 

  1590.   ctx.fillStyle = color;
    1591. 

  1591.   ctx.strokeStyle = color;
    1592. 

  1592.   ctx.lineCap = "round";
    1593. 

  1593.   ctx.lineJoin = "round";
    1594. 

  1594.   ctx.lineWidth = text.thickness;
    1595. 

  1595.   if ("svgpath" in text) {
    1596. 

  1596.     ctx.stroke(new Path2D(text.svgpath));
    1597. 

  1597.     ctx.restore();
    1598. 

  1598.     return;
    1599. 

  1599.   }
    1600. 

  1600.   if ("polygons" in text) {
    1601. 

  1601.     ctx.fill(getPolygonsPath(text));
    1602. 

  1602.     ctx.restore();
    1603. 

  1603.     return;
    1604. 

  1604.   }
    1605. 

  1605.   ctx.translate(...text.pos);
    1606. 

  1606.   ctx.translate(text.thickness * 0.5, 0);
    1607. 

  1607.   var angle = -text.angle;
    1608. 

  1608.   if (text.attr.includes("mirrored")) {
    1609. 

  1609.     ctx.scale(-1, 1);
    1610. 

  1610.     angle = -angle;
    1611. 

  1611.   }
    1612. 

  1612.   var tilt = 0;
    1613. 

  1613.   if (text.attr.includes("italic")) {
    1614. 

  1614.     tilt = 0.125;
    1615. 

  1615.   }
    1616. 

  1616.   var interline = text.height * 1.5 + text.thickness;
    1617. 

  1617.   var txt = text.text.split("\n");
    1618. 

  1618.   // KiCad ignores last empty line.
    1619. 

  1619.   if (txt[txt.length - 1] == '') txt.pop();
    1620. 

  1620.   ctx.rotate(deg2rad(angle));
    1621. 

  1621.   var offsety = (1 - text.justify[1]) / 2 * text.height; // One line offset
    1622. 

  1622.   offsety -= (txt.length - 1) * (text.justify[1] + 1) / 2 * interline; // Multiline offset
    1623. 

  1623.   for (var i in txt) {
    1624. 

  1624.     var lineWidth = text.thickness + interline / 2 * tilt;
    1625. 

  1625.     for (var j = 0; j < txt[i].length; j++) {
    1626. 

  1626.       if (txt[i][j] == '\t') {
    1627. 

  1627.         var fourSpaces = 4 * pcbdata.font_data[' '].w * text.width;
    1628. 

  1628.         lineWidth += fourSpaces - lineWidth % fourSpaces;
    1629. 

  1629.       } else {
    1630. 

  1630.         if (txt[i][j] == '~') {
    1631. 

  1631.           j++;
    1632. 

  1632.           if (j == txt[i].length)
    1633. 

  1633.             break;
    1634. 

  1634.         }
    1635. 

  1635.         lineWidth += pcbdata.font_data[txt[i][j]].w * text.width;
    1636. 

  1636.       }
    1637. 

  1637.     }
    1638. 

  1638.     var offsetx = -lineWidth * (text.justify[0] + 1) / 2;
    1639. 

  1639.     var inOverbar = false;
    1640. 

  1640.     for (var j = 0; j < txt[i].length; j++) {
    1641. 

  1641.       if (config.kicad_text_formatting) {
    1642. 

  1642.         if (txt[i][j] == '\t') {
    1643. 

  1643.           var fourSpaces = 4 * pcbdata.font_data[' '].w * text.width;
    1644. 

  1644.           offsetx += fourSpaces - offsetx % fourSpaces;
    1645. 

  1645.           continue;
    1646. 

  1646.         } else if (txt[i][j] == '~') {
    1647. 

  1647.           j++;
    1648. 

  1648.           if (j == txt[i].length)
    1649. 

  1649.             break;
    1650. 

  1650.           if (txt[i][j] != '~') {
    1651. 

  1651.             inOverbar = !inOverbar;
    1652. 

  1652.           }
    1653. 

  1653.         }
    1654. 

  1654.       }
    1655. 

  1655.       var glyph = pcbdata.font_data[txt[i][j]];
    1656. 

  1656.       if (inOverbar) {
    1657. 

  1657.         var overbarStart = [offsetx, -text.height * 1.4 + offsety];
    1658. 

  1658.         var overbarEnd = [offsetx + text.width * glyph.w, overbarStart[1]];
    1659. 

  1659. 

  1660.         if (!lastHadOverbar) {
    1661. 

  1661.           overbarStart[0] += text.height * 1.4 * tilt;
    1662. 

  1662.           lastHadOverbar = true;
    1663. 

  1663.         }
    1664. 

  1664.         ctx.beginPath();
    1665. 

  1665.         ctx.moveTo(...overbarStart);
    1666. 

  1666.         ctx.lineTo(...overbarEnd);
    1667. 

  1667.         ctx.stroke();
    1668. 

  1668.       } else {
    1669. 

  1669.         lastHadOverbar = false;
    1670. 

  1670.       }
    1671. 

  1671.       for (var line of glyph.l) {
    1672. 

  1672.         ctx.beginPath();
    1673. 

  1673.         ctx.moveTo(...calcFontPoint(line[0], text, offsetx, offsety, tilt));
    1674. 

  1674.         for (var k = 1; k < line.length; k++) {
    1675. 

  1675.           ctx.lineTo(...calcFontPoint(line[k], text, offsetx, offsety, tilt));
    1676. 

  1676.         }
    1677. 

  1677.         ctx.stroke();
    1678. 

  1678.       }
    1679. 

  1679.       offsetx += glyph.w * text.width;
    1680. 

  1680.     }
    1681. 

  1681.     offsety += interline;
    1682. 

  1682.   }
    1683. 

  1683.   ctx.restore();
    1684. 

  1684. }
    1685. 

  1685. 

  1686. function drawedge(ctx, scalefactor, edge, color) {
    1687. 

  1687.   ctx.strokeStyle = color;
    1688. 

  1688.   ctx.fillStyle = color;
    1689. 

  1689.   ctx.lineWidth = Math.max(1 / scalefactor, edge.width);
    1690. 

  1690.   ctx.lineCap = "round";
    1691. 

  1691.   ctx.lineJoin = "round";
    1692. 

  1692.   if ("svgpath" in edge) {
    1693. 

  1693.     ctx.stroke(new Path2D(edge.svgpath));
    1694. 

  1694.   } else {
    1695. 

  1695.     ctx.beginPath();
    1696. 

  1696.     if (edge.type == "segment") {
    1697. 

  1697.       ctx.moveTo(...edge.start);
    1698. 

  1698.       ctx.lineTo(...edge.end);
    1699. 

  1699.     }
    1700. 

  1700.     if (edge.type == "rect") {
    1701. 

  1701.       ctx.moveTo(...edge.start);
    1702. 

  1702.       ctx.lineTo(edge.start[0], edge.end[1]);
    1703. 

  1703.       ctx.lineTo(...edge.end);
    1704. 

  1704.       ctx.lineTo(edge.end[0], edge.start[1]);
    1705. 

  1705.       ctx.lineTo(...edge.start);
    1706. 

  1706.     }
    1707. 

  1707.     if (edge.type == "arc") {
    1708. 

  1708.       ctx.arc(
    1709. 

  1709.         ...edge.start,
    1710. 

  1710.         edge.radius,
    1711. 

  1711.         deg2rad(edge.startangle),
    1712. 

  1712.         deg2rad(edge.endangle));
    1713. 

  1713.     }
    1714. 

  1714.     if (edge.type == "circle") {
    1715. 

  1715.       ctx.arc(
    1716. 

  1716.         ...edge.start,
    1717. 

  1717.         edge.radius,
    1718. 

  1718.         0, 2 * Math.PI);
    1719. 

  1719.       ctx.closePath();
    1720. 

  1720.     }
    1721. 

  1721.     if (edge.type == "curve") {
    1722. 

  1722.       ctx.moveTo(...edge.start);
    1723. 

  1723.       ctx.bezierCurveTo(...edge.cpa, ...edge.cpb, ...edge.end);
    1724. 

  1724.     }
    1725. 

  1725.     if("filled" in edge && edge.filled)
    1726. 

  1726.       ctx.fill();
    1727. 

  1727.     else
    1728. 

  1728.       ctx.stroke();
    1729. 

  1729.   }
    1730. 

  1730. }
    1731. 

  1731. 

  1732. function getChamferedRectPath(size, radius, chamfpos, chamfratio) {
    1733. 

  1733.   // chamfpos is a bitmask, left = 1, right = 2, bottom left = 4, bottom right = 8
    1734. 

  1734.   var path = new Path2D();
    1735. 

  1735.   var width = size[0];
    1736. 

  1736.   var height = size[1];
    1737. 

  1737.   var x = width * -0.5;
    1738. 

  1738.   var y = height * -0.5;
    1739. 

  1739.   var chamfOffset = Math.min(width, height) * chamfratio;
    1740. 

  1740.   path.moveTo(x, 0);
    1741. 

  1741.   if (chamfpos & 4) {
    1742. 

  1742.     path.lineTo(x, y + height - chamfOffset);
    1743. 

  1743.     path.lineTo(x + chamfOffset, y + height);
    1744. 

  1744.     path.lineTo(0, y + height);
    1745. 

  1745.   } else {
    1746. 

  1746.     path.arcTo(x, y + height, x + width, y + height, radius);
    1747. 

  1747.   }
    1748. 

  1748.   if (chamfpos & 8) {
    1749. 

  1749.     path.lineTo(x + width - chamfOffset, y + height);
    1750. 

  1750.     path.lineTo(x + width, y + height - chamfOffset);
    1751. 

  1751.     path.lineTo(x + width, 0);
    1752. 

  1752.   } else {
    1753. 

  1753.     path.arcTo(x + width, y + height, x + width, y, radius);
    1754. 

  1754.   }
    1755. 

  1755.   if (chamfpos & 2) {
    1756. 

  1756.     path.lineTo(x + width, y + chamfOffset);
    1757. 

  1757.     path.lineTo(x + width - chamfOffset, y);
    1758. 

  1758.     path.lineTo(0, y);
    1759. 

  1759.   } else {
    1760. 

  1760.     path.arcTo(x + width, y, x, y, radius);
    1761. 

  1761.   }
    1762. 

  1762.   if (chamfpos & 1) {
    1763. 

  1763.     path.lineTo(x + chamfOffset, y);
    1764. 

  1764.     path.lineTo(x, y + chamfOffset);
    1765. 

  1765.     path.lineTo(x, 0);
    1766. 

  1766.   } else {
    1767. 

  1767.     path.arcTo(x, y, x, y + height, radius);
    1768. 

  1768.   }
    1769. 

  1769.   path.closePath();
    1770. 

  1770.   return path;
    1771. 

  1771. }
    1772. 

  1772. 

  1773. function getOblongPath(size) {
    1774. 

  1774.   return getChamferedRectPath(size, Math.min(size[0], size[1]) / 2, 0, 0);
    1775. 

  1775. }
    1776. 

  1776. 

  1777. function getPolygonsPath(shape) {
    1778. 

  1778.   if (shape.path2d) {
    1779. 

  1779.     return shape.path2d;
    1780. 

  1780.   }
    1781. 

  1781.   if ("svgpath" in shape) {
    1782. 

  1782.     shape.path2d = new Path2D(shape.svgpath);
    1783. 

  1783.   } else {
    1784. 

  1784.     var path = new Path2D();
    1785. 

  1785.     for (var polygon of shape.polygons) {
    1786. 

  1786.       path.moveTo(...polygon[0]);
    1787. 

  1787.       for (var i = 1; i < polygon.length; i++) {
    1788. 

  1788.         path.lineTo(...polygon[i]);
    1789. 

  1789.       }
    1790. 

  1790.       path.closePath();
    1791. 

  1791.     }
    1792. 

  1792.     shape.path2d = path;
    1793. 

  1793.   }
    1794. 

  1794.   return shape.path2d;
    1795. 

  1795. }
    1796. 

  1796. 

  1797. function drawPolygonShape(ctx, scalefactor, shape, color) {
    1798. 

  1798.   ctx.save();
    1799. 

  1799.   if (!("svgpath" in shape)) {
    1800. 

  1800.     ctx.translate(...shape.pos);
    1801. 

  1801.     ctx.rotate(deg2rad(-shape.angle));
    1802. 

  1802.   }
    1803. 

  1803.   if("filled" in shape && !shape.filled) {
    1804. 

  1804.     ctx.strokeStyle = color;
    1805. 

  1805.     ctx.lineWidth = Math.max(1 / scalefactor, shape.width);
    1806. 

  1806.     ctx.lineCap = "round";
    1807. 

  1807.     ctx.lineJoin = "round";
    1808. 

  1808.     ctx.stroke(getPolygonsPath(shape));
    1809. 

  1809.   } else {
    1810. 

  1810.     ctx.fillStyle = color;
    1811. 

  1811.     ctx.fill(getPolygonsPath(shape));
    1812. 

  1812.   }
    1813. 

  1813.   ctx.restore();
    1814. 

  1814. }
    1815. 

  1815. 

  1816. function drawDrawing(ctx, scalefactor, drawing, color) {
    1817. 

  1817.   if (["segment", "arc", "circle", "curve", "rect"].includes(drawing.type)) {
    1818. 

  1818.     drawedge(ctx, scalefactor, drawing, color);
    1819. 

  1819.   } else if (drawing.type == "polygon") {
    1820. 

  1820.     drawPolygonShape(ctx, scalefactor, drawing, color);
    1821. 

  1821.   } else {
    1822. 

  1822.     drawText(ctx, drawing, color);
    1823. 

  1823.   }
    1824. 

  1824. }
    1825. 

  1825. 

  1826. function getCirclePath(radius) {
    1827. 

  1827.   var path = new Path2D();
    1828. 

  1828.   path.arc(0, 0, radius, 0, 2 * Math.PI);
    1829. 

  1829.   path.closePath();
    1830. 

  1830.   return path;
    1831. 

  1831. }
    1832. 

  1832. 

  1833. function getCachedPadPath(pad) {
    1834. 

  1834.   if (!pad.path2d) {
    1835. 

  1835.     // if path2d is not set, build one and cache it on pad object
    1836. 

  1836.     if (pad.shape == "rect") {
    1837. 

  1837.       pad.path2d = new Path2D();
    1838. 

  1838.       pad.path2d.rect(...pad.size.map(c => -c * 0.5), ...pad.size);
    1839. 

  1839.     } else if (pad.shape == "oval") {
    1840. 

  1840.       pad.path2d = getOblongPath(pad.size);
    1841. 

  1841.     } else if (pad.shape == "circle") {
    1842. 

  1842.       pad.path2d = getCirclePath(pad.size[0] / 2);
    1843. 

  1843.     } else if (pad.shape == "roundrect") {
    1844. 

  1844.       pad.path2d = getChamferedRectPath(pad.size, pad.radius, 0, 0);
    1845. 

  1845.     } else if (pad.shape == "chamfrect") {
    1846. 

  1846.       pad.path2d = getChamferedRectPath(pad.size, pad.radius, pad.chamfpos, pad.chamfratio)
    1847. 

  1847.     } else if (pad.shape == "custom") {
    1848. 

  1848.       pad.path2d = getPolygonsPath(pad);
    1849. 

  1849.     }
    1850. 

  1850.   }
    1851. 

  1851.   return pad.path2d;
    1852. 

  1852. }
    1853. 

  1853. 

  1854. function drawPad(ctx, pad, color, outline) {
    1855. 

  1855.   ctx.save();
    1856. 

  1856.   ctx.translate(...pad.pos);
    1857. 

  1857.   ctx.rotate(-deg2rad(pad.angle));
    1858. 

  1858.   if (pad.offset) {
    1859. 

  1859.     ctx.translate(...pad.offset);
    1860. 

  1860.   }
    1861. 

  1861.   ctx.fillStyle = color;
    1862. 

  1862.   ctx.strokeStyle = color;
    1863. 

  1863.   var path = getCachedPadPath(pad);
    1864. 

  1864.   if (outline) {
    1865. 

  1865.     ctx.stroke(path);
    1866. 

  1866.   } else {
    1867. 

  1867.     ctx.fill(path);
    1868. 

  1868.   }
    1869. 

  1869.   ctx.restore();
    1870. 

  1870. }
    1871. 

  1871. 

  1872. function drawPadHole(ctx, pad, padHoleColor) {
    1873. 

  1873.   if (pad.type != "th") return;
    1874. 

  1874.   ctx.save();
    1875. 

  1875.   ctx.translate(...pad.pos);
    1876. 

  1876.   ctx.rotate(-deg2rad(pad.angle));
    1877. 

  1877.   ctx.fillStyle = padHoleColor;
    1878. 

  1878.   if (pad.drillshape == "oblong") {
    1879. 

  1879.     ctx.fill(getOblongPath(pad.drillsize));
    1880. 

  1880.   } else {
    1881. 

  1881.     ctx.fill(getCirclePath(pad.drillsize[0] / 2));
    1882. 

  1882.   }
    1883. 

  1883.   ctx.restore();
    1884. 

  1884. }
    1885. 

  1885. 

  1886. function drawFootprint(ctx, layer, scalefactor, footprint, colors, highlight, outline) {
    1887. 

  1887.   if (highlight) {
    1888. 

  1888.     // draw bounding box
    1889. 

  1889.     if (footprint.layer == layer) {
    1890. 

  1890.       ctx.save();
    1891. 

  1891.       ctx.globalAlpha = 0.2;
    1892. 

  1892.       ctx.translate(...footprint.bbox.pos);
    1893. 

  1893.       ctx.rotate(deg2rad(-footprint.bbox.angle));
    1894. 

  1894.       ctx.translate(...footprint.bbox.relpos);
    1895. 

  1895.       ctx.fillStyle = colors.pad;
    1896. 

  1896.       ctx.fillRect(0, 0, ...footprint.bbox.size);
    1897. 

  1897.       ctx.globalAlpha = 1;
    1898. 

  1898.       ctx.strokeStyle = colors.pad;
    1899. 

  1899.       ctx.lineWidth = 3 / scalefactor;
    1900. 

  1900.       ctx.strokeRect(0, 0, ...footprint.bbox.size);
    1901. 

  1901.       ctx.restore();
    1902. 

  1902.     }
    1903. 

  1903.   }
    1904. 

  1904.   // draw drawings
    1905. 

  1905.   for (var drawing of footprint.drawings) {
    1906. 

  1906.     if (drawing.layer == layer) {
    1907. 

  1907.       drawDrawing(ctx, scalefactor, drawing.drawing, colors.pad);
    1908. 

  1908.     }
    1909. 

  1909.   }
    1910. 

  1910.   ctx.lineWidth = 3 / scalefactor;
    1911. 

  1911.   // draw pads
    1912. 

  1912.   if (settings.renderPads) {
    1913. 

  1913.     for (var pad of footprint.pads) {
    1914. 

  1914.       if (pad.layers.includes(layer)) {
    1915. 

  1915.         drawPad(ctx, pad, colors.pad, outline);
    1916. 

  1916.         if (pad.pin1 &&
    1917. 

  1917.           (settings.highlightpin1 == "all" ||
    1918. 

  1918.             settings.highlightpin1 == "selected" && highlight)) {
    1919. 

  1919.           drawPad(ctx, pad, colors.outline, true);
    1920. 

  1920.         }
    1921. 

  1921.       }
    1922. 

  1922.     }
    1923. 

  1923.     for (var pad of footprint.pads) {
    1924. 

  1924.       drawPadHole(ctx, pad, colors.padHole);
    1925. 

  1925.     }
    1926. 

  1926.   }
    1927. 

  1927. }
    1928. 

  1928. 

  1929. function drawEdgeCuts(canvas, scalefactor) {
    1930. 

  1930.   var ctx = canvas.getContext("2d");
    1931. 

  1931.   var edgecolor = getComputedStyle(topmostdiv).getPropertyValue('--pcb-edge-color');
    1932. 

  1932.   for (var edge of pcbdata.edges) {
    1933. 

  1933.     drawDrawing(ctx, scalefactor, edge, edgecolor);
    1934. 

  1934.   }
    1935. 

  1935. }
    1936. 

  1936. 

  1937. function drawFootprints(canvas, layer, scalefactor, highlight) {
    1938. 

  1938.   var ctx = canvas.getContext("2d");
    1939. 

  1939.   ctx.lineWidth = 3 / scalefactor;
    1940. 

  1940.   var style = getComputedStyle(topmostdiv);
    1941. 

  1941. 

  1942.   var colors = {
    1943. 

  1943.     pad: style.getPropertyValue('--pad-color'),
    1944. 

  1944.     padHole: style.getPropertyValue('--pad-hole-color'),
    1945. 

  1945.     outline: style.getPropertyValue('--pin1-outline-color'),
    1946. 

  1946.   }
    1947. 

  1947. 

  1948.   for (var i = 0; i < pcbdata.footprints.length; i++) {
    1949. 

  1949.     var mod = pcbdata.footprints[i];
    1950. 

  1950.     var outline = settings.renderDnpOutline && pcbdata.bom.skipped.includes(i);
    1951. 

  1951.     var h = highlightedFootprints.includes(i);
    1952. 

  1952.     var d = markedFootprints.has(i);
    1953. 

  1953.     if (highlight) {
    1954. 

  1954.       if(h && d) {
    1955. 

  1955.         colors.pad = style.getPropertyValue('--pad-color-highlight-both');
    1956. 

  1956.         colors.outline = style.getPropertyValue('--pin1-outline-color-highlight-both');
    1957. 

  1957.       } else if (h) {
    1958. 

  1958.         colors.pad = style.getPropertyValue('--pad-color-highlight');
    1959. 

  1959.         colors.outline = style.getPropertyValue('--pin1-outline-color-highlight');
    1960. 

  1960.       } else if (d) {
    1961. 

  1961.         colors.pad = style.getPropertyValue('--pad-color-highlight-marked');
    1962. 

  1962.         colors.outline = style.getPropertyValue('--pin1-outline-color-highlight-marked');
    1963. 

  1963.       }
    1964. 

  1964.     }
    1965. 

  1965.     if( h || d || !highlight) {
    1966. 

  1966.       drawFootprint(ctx, layer, scalefactor, mod, colors, highlight, outline);
    1967. 

  1967.     }
    1968. 

  1968.   }
    1969. 

  1969. }
    1970. 

  1970. 

  1971. function drawBgLayer(layername, canvas, layer, scalefactor, edgeColor, polygonColor, textColor) {
    1972. 

  1972.   var ctx = canvas.getContext("2d");
    1973. 

  1973.   for (var d of pcbdata.drawings[layername][layer]) {
    1974. 

  1974.     if (["segment", "arc", "circle", "curve", "rect"].includes(d.type)) {
    1975. 

  1975.       drawedge(ctx, scalefactor, d, edgeColor);
    1976. 

  1976.     } else if (d.type == "polygon") {
    1977. 

  1977.       drawPolygonShape(ctx, scalefactor, d, polygonColor);
    1978. 

  1978.     } else {
    1979. 

  1979.       drawText(ctx, d, textColor);
    1980. 

  1980.     }
    1981. 

  1981.   }
    1982. 

  1982. }
    1983. 

  1983. 

  1984. function drawTracks(canvas, layer, defaultColor, highlight) {
    1985. 

  1985.   ctx = canvas.getContext("2d");
    1986. 

  1986.   ctx.lineCap = "round";
    1987. 

  1987.   for (var track of pcbdata.tracks[layer]) {
    1988. 

  1988.     if (highlight && highlightedNet != track.net) continue;
    1989. 

  1989.     ctx.strokeStyle = highlight ? defaultColor : settings.netColors[track.net] || defaultColor;
    1990. 

  1990.     ctx.lineWidth = track.width;
    1991. 

  1991.     ctx.beginPath();
    1992. 

  1992.     if ('radius' in track) {
    1993. 

  1993.       ctx.arc(
    1994. 

  1994.         ...track.center,
    1995. 

  1995.         track.radius,
    1996. 

  1996.         deg2rad(track.startangle),
    1997. 

  1997.         deg2rad(track.endangle));
    1998. 

  1998.     } else {
    1999. 

  1999.       ctx.moveTo(...track.start);
    2000. 

  2000.       ctx.lineTo(...track.end);
    2001. 

  2001.     }
    2002. 

  2002.     ctx.stroke();
    2003. 

  2003.   }
    2004. 

  2004. }
    2005. 

  2005. 

  2006. function drawZones(canvas, layer, defaultColor, highlight) {
    2007. 

  2007.   ctx = canvas.getContext("2d");
    2008. 

  2008.   ctx.lineJoin = "round";
    2009. 

  2009.   for (var zone of pcbdata.zones[layer]) {
    2010. 

  2010.     if (highlight && highlightedNet != zone.net) continue;
    2011. 

  2011.     ctx.strokeStyle = highlight ? defaultColor : settings.netColors[zone.net] || defaultColor;
    2012. 

  2012.     ctx.fillStyle = highlight ? defaultColor : settings.netColors[zone.net] || defaultColor;
    2013. 

  2013.     if (!zone.path2d) {
    2014. 

  2014.       zone.path2d = getPolygonsPath(zone);
    2015. 

  2015.     }
    2016. 

  2016.     ctx.fill(zone.path2d, zone.fillrule || "nonzero");
    2017. 

  2017.     if (zone.width > 0) {
    2018. 

  2018.       ctx.lineWidth = zone.width;
    2019. 

  2019.       ctx.stroke(zone.path2d);
    2020. 

  2020.     }
    2021. 

  2021.   }
    2022. 

  2022. }
    2023. 

  2023. 

  2024. function clearCanvas(canvas, color = null) {
    2025. 

  2025.   var ctx = canvas.getContext("2d");
    2026. 

  2026.   ctx.save();
    2027. 

  2027.   ctx.setTransform(1, 0, 0, 1, 0, 0);
    2028. 

  2028.   if (color) {
    2029. 

  2029.     ctx.fillStyle = color;
    2030. 

  2030.     ctx.fillRect(0, 0, canvas.width, canvas.height);
    2031. 

  2031.   } else {
    2032. 

  2032.     if (!window.matchMedia("print").matches)
    2033. 

  2033.       ctx.clearRect(0, 0, canvas.width, canvas.height);
    2034. 

  2034.   }
    2035. 

  2035.   ctx.restore();
    2036. 

  2036. }
    2037. 

  2037. 

  2038. function drawNets(canvas, layer, highlight) {
    2039. 

  2039.   var style = getComputedStyle(topmostdiv);
    2040. 

  2040.   if (settings.renderTracks) {
    2041. 

  2041.     var trackColor = style.getPropertyValue(highlight ? '--track-color-highlight' : '--track-color');
    2042. 

  2042.     drawTracks(canvas, layer, trackColor, highlight);
    2043. 

  2043.   }
    2044. 

  2044.   if (settings.renderZones) {
    2045. 

  2045.     var zoneColor = style.getPropertyValue(highlight ? '--zone-color-highlight' : '--zone-color');
    2046. 

  2046.     drawZones(canvas, layer, zoneColor, highlight);
    2047. 

  2047.   }
    2048. 

  2048.   if (highlight && settings.renderPads) {
    2049. 

  2049.     var padColor = style.getPropertyValue('--pad-color-highlight');
    2050. 

  2050.     var padHoleColor = style.getPropertyValue('--pad-hole-color');
    2051. 

  2051.     var ctx = canvas.getContext("2d");
    2052. 

  2052.     for (var footprint of pcbdata.footprints) {
    2053. 

  2053.       // draw pads
    2054. 

  2054.       var padDrawn = false;
    2055. 

  2055.       for (var pad of footprint.pads) {
    2056. 

  2056.         if (highlightedNet != pad.net) continue;
    2057. 

  2057.         if (pad.layers.includes(layer)) {
    2058. 

  2058.           drawPad(ctx, pad, padColor, false);
    2059. 

  2059.           padDrawn = true;
    2060. 

  2060.         }
    2061. 

  2061.       }
    2062. 

  2062.       if (padDrawn) {
    2063. 

  2063.         // redraw all pad holes because some pads may overlap
    2064. 

  2064.         for (var pad of footprint.pads) {
    2065. 

  2065.           drawPadHole(ctx, pad, padHoleColor);
    2066. 

  2066.         }
    2067. 

  2067.       }
    2068. 

  2068.     }
    2069. 

  2069.   }
    2070. 

  2070. }
    2071. 

  2071. 

  2072. function drawHighlightsOnLayer(canvasdict, clear = true) {
    2073. 

  2073.   if (clear) {
    2074. 

  2074.     clearCanvas(canvasdict.highlight);
    2075. 

  2075.   }
    2076. 

  2076.   if (markedFootprints.size > 0 || highlightedFootprints.length > 0) {
    2077. 

  2077.     drawFootprints(canvasdict.highlight, canvasdict.layer,
    2078. 

  2078.       canvasdict.transform.s * canvasdict.transform.zoom, true);
    2079. 

  2079.   }
    2080. 

  2080.   if (highlightedNet !== null) {
    2081. 

  2081.     drawNets(canvasdict.highlight, canvasdict.layer, true);
    2082. 

  2082.   }
    2083. 

  2083. }
    2084. 

  2084. 

  2085. function drawHighlights() {
    2086. 

  2086.   drawHighlightsOnLayer(allcanvas.front);
    2087. 

  2087.   drawHighlightsOnLayer(allcanvas.back);
    2088. 

  2088. }
    2089. 

  2089. 

  2090. function drawBackground(canvasdict, clear = true) {
    2091. 

  2091.   if (clear) {
    2092. 

  2092.     clearCanvas(canvasdict.bg);
    2093. 

  2093.     clearCanvas(canvasdict.fab);
    2094. 

  2094.     clearCanvas(canvasdict.silk);
    2095. 

  2095.   }
    2096. 

  2096. 

  2097.   drawNets(canvasdict.bg, canvasdict.layer, false);
    2098. 

  2098.   drawFootprints(canvasdict.bg, canvasdict.layer,
    2099. 

  2099.     canvasdict.transform.s * canvasdict.transform.zoom, false);
    2100. 

  2100. 

  2101.   drawEdgeCuts(canvasdict.bg, canvasdict.transform.s * canvasdict.transform.zoom);
    2102. 

  2102. 

  2103.   var style = getComputedStyle(topmostdiv);
    2104. 

  2104.   var edgeColor = style.getPropertyValue('--silkscreen-edge-color');
    2105. 

  2105.   var polygonColor = style.getPropertyValue('--silkscreen-polygon-color');
    2106. 

  2106.   var textColor = style.getPropertyValue('--silkscreen-text-color');
    2107. 

  2107.   if (settings.renderSilkscreen) {
    2108. 

  2108.     drawBgLayer(
    2109. 

  2109.       "silkscreen", canvasdict.silk, canvasdict.layer,
    2110. 

  2110.       canvasdict.transform.s * canvasdict.transform.zoom,
    2111. 

  2111.       edgeColor, polygonColor, textColor);
    2112. 

  2112.   }
    2113. 

  2113.   edgeColor = style.getPropertyValue('--fabrication-edge-color');
    2114. 

  2114.   polygonColor = style.getPropertyValue('--fabrication-polygon-color');
    2115. 

  2115.   textColor = style.getPropertyValue('--fabrication-text-color');
    2116. 

  2116.   if (settings.renderFabrication) {
    2117. 

  2117.     drawBgLayer(
    2118. 

  2118.       "fabrication", canvasdict.fab, canvasdict.layer,
    2119. 

  2119.       canvasdict.transform.s * canvasdict.transform.zoom,
    2120. 

  2120.       edgeColor, polygonColor, textColor);
    2121. 

  2121.   }
    2122. 

  2122. }
    2123. 

  2123. 

  2124. function prepareCanvas(canvas, flip, transform) {
    2125. 

  2125.   var ctx = canvas.getContext("2d");
    2126. 

  2126.   ctx.setTransform(1, 0, 0, 1, 0, 0);
    2127. 

  2127.   ctx.scale(transform.zoom, transform.zoom);
    2128. 

  2128.   ctx.translate(transform.panx, transform.pany);
    2129. 

  2129.   if (flip) {
    2130. 

  2130.     ctx.scale(-1, 1);
    2131. 

  2131.   }
    2132. 

  2132.   ctx.translate(transform.x, transform.y);
    2133. 

  2133.   ctx.rotate(deg2rad(settings.boardRotation + (flip && settings.offsetBackRotation ? - 180 : 0)));
    2134. 

  2134.   ctx.scale(transform.s, transform.s);
    2135. 

  2135. }
    2136. 

  2136. 

  2137. function prepareLayer(canvasdict) {
    2138. 

  2138.   var flip = (canvasdict.layer === "B");
    2139. 

  2139.   for (var c of ["bg", "fab", "silk", "highlight"]) {
    2140. 

  2140.     prepareCanvas(canvasdict[c], flip, canvasdict.transform);
    2141. 

  2141.   }
    2142. 

  2142. }
    2143. 

  2143. 

  2144. function rotateVector(v, angle) {
    2145. 

  2145.   angle = deg2rad(angle);
    2146. 

  2146.   return [
    2147. 

  2147.     v[0] * Math.cos(angle) - v[1] * Math.sin(angle),
    2148. 

  2148.     v[0] * Math.sin(angle) + v[1] * Math.cos(angle)
    2149. 

  2149.   ];
    2150. 

  2150. }
    2151. 

  2151. 

  2152. function applyRotation(bbox, flip) {
    2153. 

  2153.   var corners = [
    2154. 

  2154.     [bbox.minx, bbox.miny],
    2155. 

  2155.     [bbox.minx, bbox.maxy],
    2156. 

  2156.     [bbox.maxx, bbox.miny],
    2157. 

  2157.     [bbox.maxx, bbox.maxy],
    2158. 

  2158.   ];
    2159. 

  2159.   corners = corners.map((v) => rotateVector(v, settings.boardRotation + (flip && settings.offsetBackRotation ? - 180 : 0)));
    2160. 

  2160.   return {
    2161. 

  2161.     minx: corners.reduce((a, v) => Math.min(a, v[0]), Infinity),
    2162. 

  2162.     miny: corners.reduce((a, v) => Math.min(a, v[1]), Infinity),
    2163. 

  2163.     maxx: corners.reduce((a, v) => Math.max(a, v[0]), -Infinity),
    2164. 

  2164.     maxy: corners.reduce((a, v) => Math.max(a, v[1]), -Infinity),
    2165. 

  2165.   }
    2166. 

  2166. }
    2167. 

  2167. 

  2168. function recalcLayerScale(layerdict, width, height) {
    2169. 

  2169.   var flip = (layerdict.layer === "B");
    2170. 

  2170.   var bbox = applyRotation(pcbdata.edges_bbox, flip);
    2171. 

  2171.   var scalefactor = 0.98 * Math.min(
    2172. 

  2172.     width / (bbox.maxx - bbox.minx),
    2173. 

  2173.     height / (bbox.maxy - bbox.miny)
    2174. 

  2174.   );
    2175. 

  2175.   if (scalefactor < 0.1) {
    2176. 

  2176.     scalefactor = 1;
    2177. 

  2177.   }
    2178. 

  2178.   layerdict.transform.s = scalefactor;
    2179. 

  2179.   if (flip) {
    2180. 

  2180.     layerdict.transform.x = -((bbox.maxx + bbox.minx) * scalefactor + width) * 0.5;
    2181. 

  2181.   } else {
    2182. 

  2182.     layerdict.transform.x = -((bbox.maxx + bbox.minx) * scalefactor - width) * 0.5;
    2183. 

  2183.   }
    2184. 

  2184.   layerdict.transform.y = -((bbox.maxy + bbox.miny) * scalefactor - height) * 0.5;
    2185. 

  2185.   for (var c of ["bg", "fab", "silk", "highlight"]) {
    2186. 

  2186.     canvas = layerdict[c];
    2187. 

  2187.     canvas.width = width;
    2188. 

  2188.     canvas.height = height;
    2189. 

  2189.     canvas.style.width = (width / devicePixelRatio) + "px";
    2190. 

  2190.     canvas.style.height = (height / devicePixelRatio) + "px";
    2191. 

  2191.   }
    2192. 

  2192. }
    2193. 

  2193. 

  2194. function redrawCanvas(layerdict) {
    2195. 

  2195.   prepareLayer(layerdict);
    2196. 

  2196.   drawBackground(layerdict);
    2197. 

  2197.   drawHighlightsOnLayer(layerdict);
    2198. 

  2198. }
    2199. 

  2199. 

  2200. function resizeCanvas(layerdict) {
    2201. 

  2201.   var canvasdivid = {
    2202. 

  2202.     "F": "frontcanvas",
    2203. 

  2203.     "B": "backcanvas"
    2204. 

  2204.   } [layerdict.layer];
    2205. 

  2205.   var width = document.getElementById(canvasdivid).clientWidth * devicePixelRatio;
    2206. 

  2206.   var height = document.getElementById(canvasdivid).clientHeight * devicePixelRatio;
    2207. 

  2207.   recalcLayerScale(layerdict, width, height);
    2208. 

  2208.   redrawCanvas(layerdict);
    2209. 

  2209. }
    2210. 

  2210. 

  2211. function resizeAll() {
    2212. 

  2212.   resizeCanvas(allcanvas.front);
    2213. 

  2213.   resizeCanvas(allcanvas.back);
    2214. 

  2214. }
    2215. 

  2215. 

  2216. function pointWithinDistanceToSegment(x, y, x1, y1, x2, y2, d) {
    2217. 

  2217.   var A = x - x1;
    2218. 

  2218.   var B = y - y1;
    2219. 

  2219.   var C = x2 - x1;
    2220. 

  2220.   var D = y2 - y1;
    2221. 

  2221. 

  2222.   var dot = A * C + B * D;
    2223. 

  2223.   var len_sq = C * C + D * D;
    2224. 

  2224.   var dx, dy;
    2225. 

  2225.   if (len_sq == 0) {
    2226. 

  2226.     // start and end of the segment coincide
    2227. 

  2227.     dx = x - x1;
    2228. 

  2228.     dy = y - y1;
    2229. 

  2229.   } else {
    2230. 

  2230.     var param = dot / len_sq;
    2231. 

  2231.     var xx, yy;
    2232. 

  2232.     if (param < 0) {
    2233. 

  2233.       xx = x1;
    2234. 

  2234.       yy = y1;
    2235. 

  2235.     } else if (param > 1) {
    2236. 

  2236.       xx = x2;
    2237. 

  2237.       yy = y2;
    2238. 

  2238.     } else {
    2239. 

  2239.       xx = x1 + param * C;
    2240. 

  2240.       yy = y1 + param * D;
    2241. 

  2241.     }
    2242. 

  2242.     dx = x - xx;
    2243. 

  2243.     dy = y - yy;
    2244. 

  2244.   }
    2245. 

  2245.   return dx * dx + dy * dy <= d * d;
    2246. 

  2246. }
    2247. 

  2247. 

  2248. function modulo(n, mod) {
    2249. 

  2249.   return ((n % mod) + mod) % mod;
    2250. 

  2250. }
    2251. 

  2251. 

  2252. function pointWithinDistanceToArc(x, y, xc, yc, radius, startangle, endangle, d) {
    2253. 

  2253.   var dx = x - xc;
    2254. 

  2254.   var dy = y - yc;
    2255. 

  2255.   var r_sq = dx * dx + dy * dy;
    2256. 

  2256.   var rmin = Math.max(0, radius - d);
    2257. 

  2257.   var rmax = radius + d;
    2258. 

  2258. 

  2259.   if (r_sq < rmin * rmin || r_sq > rmax * rmax)
    2260. 

  2260.     return false;
    2261. 

  2261. 

  2262.   var angle1 = modulo(deg2rad(startangle), 2 * Math.PI);
    2263. 

  2263.   var dx1 = xc + radius * Math.cos(angle1) - x;
    2264. 

  2264.   var dy1 = yc + radius * Math.sin(angle1) - y;
    2265. 

  2265.   if (dx1 * dx1 + dy1 * dy1 <= d * d)
    2266. 

  2266.     return true;
    2267. 

  2267. 

  2268.   var angle2 = modulo(deg2rad(endangle), 2 * Math.PI);
    2269. 

  2269.   var dx2 = xc + radius * Math.cos(angle2) - x;
    2270. 

  2270.   var dy2 = yc + radius * Math.sin(angle2) - y;
    2271. 

  2271.   if (dx2 * dx2 + dy2 * dy2 <= d * d)
    2272. 

  2272.     return true;
    2273. 

  2273. 

  2274.   var angle = modulo(Math.atan2(dy, dx), 2 * Math.PI);
    2275. 

  2275.   if (angle1 > angle2)
    2276. 

  2276.     return (angle >= angle2 || angle <= angle1);
    2277. 

  2277.   else
    2278. 

  2278.     return (angle >= angle1 && angle <= angle2);
    2279. 

  2279. }
    2280. 

  2280. 

  2281. function pointWithinPad(x, y, pad) {
    2282. 

  2282.   var v = [x - pad.pos[0], y - pad.pos[1]];
    2283. 

  2283.   v = rotateVector(v, pad.angle);
    2284. 

  2284.   if (pad.offset) {
    2285. 

  2285.     v[0] -= pad.offset[0];
    2286. 

  2286.     v[1] -= pad.offset[1];
    2287. 

  2287.   }
    2288. 

  2288.   return emptyContext2d.isPointInPath(getCachedPadPath(pad), ...v);
    2289. 

  2289. }
    2290. 

  2290. 

  2291. function netHitScan(layer, x, y) {
    2292. 

  2292.   // Check track segments
    2293. 

  2293.   if (settings.renderTracks && pcbdata.tracks) {
    2294. 

  2294.     for (var track of pcbdata.tracks[layer]) {
    2295. 

  2295.       if ('radius' in track) {
    2296. 

  2296.         if (pointWithinDistanceToArc(x, y, ...track.center, track.radius, track.startangle, track.endangle, track.width / 2)) {
    2297. 

  2297.           return track.net;
    2298. 

  2298.         }
    2299. 

  2299.       } else {
    2300. 

  2300.         if (pointWithinDistanceToSegment(x, y, ...track.start, ...track.end, track.width / 2)) {
    2301. 

  2301.           return track.net;
    2302. 

  2302.         }
    2303. 

  2303.       }
    2304. 

  2304.     }
    2305. 

  2305.   }
    2306. 

  2306.   // Check pads
    2307. 

  2307.   if (settings.renderPads) {
    2308. 

  2308.     for (var footprint of pcbdata.footprints) {
    2309. 

  2309.       for (var pad of footprint.pads) {
    2310. 

  2310.         if (pad.layers.includes(layer) && pointWithinPad(x, y, pad)) {
    2311. 

  2311.           return pad.net;
    2312. 

  2312.         }
    2313. 

  2313.       }
    2314. 

  2314.     }
    2315. 

  2315.   }
    2316. 

  2316.   return null;
    2317. 

  2317. }
    2318. 

  2318. 

  2319. function pointWithinFootprintBbox(x, y, bbox) {
    2320. 

  2320.   var v = [x - bbox.pos[0], y - bbox.pos[1]];
    2321. 

  2321.   v = rotateVector(v, bbox.angle);
    2322. 

  2322.   return bbox.relpos[0] <= v[0] && v[0] <= bbox.relpos[0] + bbox.size[0] &&
    2323. 

  2323.     bbox.relpos[1] <= v[1] && v[1] <= bbox.relpos[1] + bbox.size[1];
    2324. 

  2324. }
    2325. 

  2325. 

  2326. function bboxHitScan(layer, x, y) {
    2327. 

  2327.   var result = [];
    2328. 

  2328.   for (var i = 0; i < pcbdata.footprints.length; i++) {
    2329. 

  2329.     var footprint = pcbdata.footprints[i];
    2330. 

  2330.     if (footprint.layer == layer) {
    2331. 

  2331.       if (pointWithinFootprintBbox(x, y, footprint.bbox)) {
    2332. 

  2332.         result.push(i);
    2333. 

  2333.       }
    2334. 

  2334.     }
    2335. 

  2335.   }
    2336. 

  2336.   return result;
    2337. 

  2337. }
    2338. 

  2338. 

  2339. function handlePointerDown(e, layerdict) {
    2340. 

  2340.   if (e.button != 0 && e.button != 1) {
    2341. 

  2341.     return;
    2342. 

  2342.   }
    2343. 

  2343.   e.preventDefault();
    2344. 

  2344.   e.stopPropagation();
    2345. 

  2345. 

  2346.   if (!e.hasOwnProperty("offsetX")) {
    2347. 

  2347.     // The polyfill doesn't set this properly
    2348. 

  2348.     e.offsetX = e.pageX - e.currentTarget.offsetLeft;
    2349. 

  2349.     e.offsetY = e.pageY - e.currentTarget.offsetTop;
    2350. 

  2350.   }
    2351. 

  2351. 

  2352.   layerdict.pointerStates[e.pointerId] = {
    2353. 

  2353.     distanceTravelled: 0,
    2354. 

  2354.     lastX: e.offsetX,
    2355. 

  2355.     lastY: e.offsetY,
    2356. 

  2356.     downTime: Date.now(),
    2357. 

  2357.   };
    2358. 

  2358. }
    2359. 

  2359. 

  2360. function handleMouseClick(e, layerdict) {
    2361. 

  2361.   if (!e.hasOwnProperty("offsetX")) {
    2362. 

  2362.     // The polyfill doesn't set this properly
    2363. 

  2363.     e.offsetX = e.pageX - e.currentTarget.offsetLeft;
    2364. 

  2364.     e.offsetY = e.pageY - e.currentTarget.offsetTop;
    2365. 

  2365.   }
    2366. 

  2366. 

  2367.   var x = e.offsetX;
    2368. 

  2368.   var y = e.offsetY;
    2369. 

  2369.   var t = layerdict.transform;
    2370. 

  2370.   var flip = layerdict.layer === "B";
    2371. 

  2371.   if (flip) {
    2372. 

  2372.     x = (devicePixelRatio * x / t.zoom - t.panx + t.x) / -t.s;
    2373. 

  2373.   } else {
    2374. 

  2374.     x = (devicePixelRatio * x / t.zoom - t.panx - t.x) / t.s;
    2375. 

  2375.   }
    2376. 

  2376.   y = (devicePixelRatio * y / t.zoom - t.y - t.pany) / t.s;
    2377. 

  2377.   var v = rotateVector([x, y], -settings.boardRotation + (flip && settings.offsetBackRotation ? - 180 : 0));
    2378. 

  2378.   if ("nets" in pcbdata) {
    2379. 

  2379.     var net = netHitScan(layerdict.layer, ...v);
    2380. 

  2380.     if (net !== highlightedNet) {
    2381. 

  2381.       netClicked(net);
    2382. 

  2382.     }
    2383. 

  2383.   }
    2384. 

  2384.   if (highlightedNet === null) {
    2385. 

  2385.     var footprints = bboxHitScan(layerdict.layer, ...v);
    2386. 

  2386.     if (footprints.length > 0) {
    2387. 

  2387.       footprintsClicked(footprints);
    2388. 

  2388.     }
    2389. 

  2389.   }
    2390. 

  2390. }
    2391. 

  2391. 

  2392. function handlePointerLeave(e, layerdict) {
    2393. 

  2393.   e.preventDefault();
    2394. 

  2394.   e.stopPropagation();
    2395. 

  2395. 

  2396.   if (!settings.redrawOnDrag) {
    2397. 

  2397.     redrawCanvas(layerdict);
    2398. 

  2398.   }
    2399. 

  2399. 

  2400.   delete layerdict.pointerStates[e.pointerId];
    2401. 

  2401. }
    2402. 

  2402. 

  2403. function resetTransform(layerdict) {
    2404. 

  2404.   layerdict.transform.panx = 0;
    2405. 

  2405.   layerdict.transform.pany = 0;
    2406. 

  2406.   layerdict.transform.zoom = 1;
    2407. 

  2407.   redrawCanvas(layerdict);
    2408. 

  2408. }
    2409. 

  2409. 

  2410. function handlePointerUp(e, layerdict) {
    2411. 

  2411.   if (!e.hasOwnProperty("offsetX")) {
    2412. 

  2412.     // The polyfill doesn't set this properly
    2413. 

  2413.     e.offsetX = e.pageX - e.currentTarget.offsetLeft;
    2414. 

  2414.     e.offsetY = e.pageY - e.currentTarget.offsetTop;
    2415. 

  2415.   }
    2416. 

  2416. 

  2417.   e.preventDefault();
    2418. 

  2418.   e.stopPropagation();
    2419. 

  2419. 

  2420.   if (e.button == 2) {
    2421. 

  2421.     // Reset pan and zoom on right click.
    2422. 

  2422.     resetTransform(layerdict);
    2423. 

  2423.     layerdict.anotherPointerTapped = false;
    2424. 

  2424.     return;
    2425. 

  2425.   }
    2426. 

  2426. 

  2427.   // We haven't necessarily had a pointermove event since the interaction started, so make sure we update this now
    2428. 

  2428.   var ptr = layerdict.pointerStates[e.pointerId];
    2429. 

  2429.   ptr.distanceTravelled += Math.abs(e.offsetX - ptr.lastX) + Math.abs(e.offsetY - ptr.lastY);
    2430. 

  2430. 

  2431.   if (e.button == 0 && ptr.distanceTravelled < 10 && Date.now() - ptr.downTime <= 500) {
    2432. 

  2432.     if (Object.keys(layerdict.pointerStates).length == 1) {
    2433. 

  2433.       if (layerdict.anotherPointerTapped) {
    2434. 

  2434.         // This is the second pointer coming off of a two-finger tap
    2435. 

  2435.         resetTransform(layerdict);
    2436. 

  2436.       } else {
    2437. 

  2437.         // This is just a regular tap
    2438. 

  2438.         handleMouseClick(e, layerdict);
    2439. 

  2439.       }
    2440. 

  2440.       layerdict.anotherPointerTapped = false;
    2441. 

  2441.     } else {
    2442. 

  2442.       // This is the first finger coming off of what could become a two-finger tap
    2443. 

  2443.       layerdict.anotherPointerTapped = true;
    2444. 

  2444.     }
    2445. 

  2445.   } else {
    2446. 

  2446.     if (!settings.redrawOnDrag) {
    2447. 

  2447.       redrawCanvas(layerdict);
    2448. 

  2448.     }
    2449. 

  2449.     layerdict.anotherPointerTapped = false;
    2450. 

  2450.   }
    2451. 

  2451. 

  2452.   delete layerdict.pointerStates[e.pointerId];
    2453. 

  2453. }
    2454. 

  2454. 

  2455. function handlePointerMove(e, layerdict) {
    2456. 

  2456.   if (!layerdict.pointerStates.hasOwnProperty(e.pointerId)) {
    2457. 

  2457.     return;
    2458. 

  2458.   }
    2459. 

  2459.   e.preventDefault();
    2460. 

  2460.   e.stopPropagation();
    2461. 

  2461. 

  2462.   if (!e.hasOwnProperty("offsetX")) {
    2463. 

  2463.     // The polyfill doesn't set this properly
    2464. 

  2464.     e.offsetX = e.pageX - e.currentTarget.offsetLeft;
    2465. 

  2465.     e.offsetY = e.pageY - e.currentTarget.offsetTop;
    2466. 

  2466.   }
    2467. 

  2467. 

  2468.   var thisPtr = layerdict.pointerStates[e.pointerId];
    2469. 

  2469. 

  2470.   var dx = e.offsetX - thisPtr.lastX;
    2471. 

  2471.   var dy = e.offsetY - thisPtr.lastY;
    2472. 

  2472. 

  2473.   // If this number is low on pointer up, we count the action as a click
    2474. 

  2474.   thisPtr.distanceTravelled += Math.abs(dx) + Math.abs(dy);
    2475. 

  2475. 

  2476.   if (Object.keys(layerdict.pointerStates).length == 1) {
    2477. 

  2477.     // This is a simple drag
    2478. 

  2478.     layerdict.transform.panx += devicePixelRatio * dx / layerdict.transform.zoom;
    2479. 

  2479.     layerdict.transform.pany += devicePixelRatio * dy / layerdict.transform.zoom;
    2480. 

  2480.   } else if (Object.keys(layerdict.pointerStates).length == 2) {
    2481. 

  2481.     var otherPtr = Object.values(layerdict.pointerStates).filter((ptr) => ptr != thisPtr)[0];
    2482. 

  2482. 

  2483.     var oldDist = Math.sqrt(Math.pow(thisPtr.lastX - otherPtr.lastX, 2) + Math.pow(thisPtr.lastY - otherPtr.lastY, 2));
    2484. 

  2484.     var newDist = Math.sqrt(Math.pow(e.offsetX - otherPtr.lastX, 2) + Math.pow(e.offsetY - otherPtr.lastY, 2));
    2485. 

  2485. 

  2486.     var scaleFactor = newDist / oldDist;
    2487. 

  2487. 

  2488.     if (scaleFactor != NaN) {
    2489. 

  2489.       layerdict.transform.zoom *= scaleFactor;
    2490. 

  2490. 

  2491.       var zoomd = (1 - scaleFactor) / layerdict.transform.zoom;
    2492. 

  2492.       layerdict.transform.panx += devicePixelRatio * otherPtr.lastX * zoomd;
    2493. 

  2493.       layerdict.transform.pany += devicePixelRatio * otherPtr.lastY * zoomd;
    2494. 

  2494.     }
    2495. 

  2495.   }
    2496. 

  2496. 

  2497.   thisPtr.lastX = e.offsetX;
    2498. 

  2498.   thisPtr.lastY = e.offsetY;
    2499. 

  2499. 

  2500.   if (settings.redrawOnDrag) {
    2501. 

  2501.     redrawCanvas(layerdict);
    2502. 

  2502.   }
    2503. 

  2503. }
    2504. 

  2504. 

  2505. function handleMouseWheel(e, layerdict) {
    2506. 

  2506.   e.preventDefault();
    2507. 

  2507.   e.stopPropagation();
    2508. 

  2508.   var t = layerdict.transform;
    2509. 

  2509.   var wheeldelta = e.deltaY;
    2510. 

  2510.   if (e.deltaMode == 1) {
    2511. 

  2511.     // FF only, scroll by lines
    2512. 

  2512.     wheeldelta *= 30;
    2513. 

  2513.   } else if (e.deltaMode == 2) {
    2514. 

  2514.     wheeldelta *= 300;
    2515. 

  2515.   }
    2516. 

  2516.   var m = Math.pow(1.1, -wheeldelta / 40);
    2517. 

  2517.   // Limit amount of zoom per tick.
    2518. 

  2518.   if (m > 2) {
    2519. 

  2519.     m = 2;
    2520. 

  2520.   } else if (m < 0.5) {
    2521. 

  2521.     m = 0.5;
    2522. 

  2522.   }
    2523. 

  2523.   t.zoom *= m;
    2524. 

  2524.   var zoomd = (1 - m) / t.zoom;
    2525. 

  2525.   t.panx += devicePixelRatio * e.offsetX * zoomd;
    2526. 

  2526.   t.pany += devicePixelRatio * e.offsetY * zoomd;
    2527. 

  2527.   redrawCanvas(layerdict);
    2528. 

  2528. }
    2529. 

  2529. 

  2530. function addMouseHandlers(div, layerdict) {
    2531. 

  2531.   div.addEventListener("pointerdown", function(e) {
    2532. 

  2532.     handlePointerDown(e, layerdict);
    2533. 

  2533.   });
    2534. 

  2534.   div.addEventListener("pointermove", function(e) {
    2535. 

  2535.     handlePointerMove(e, layerdict);
    2536. 

  2536.   });
    2537. 

  2537.   div.addEventListener("pointerup", function(e) {
    2538. 

  2538.     handlePointerUp(e, layerdict);
    2539. 

  2539.   });
    2540. 

  2540.   var pointerleave = function(e) {
    2541. 

  2541.     handlePointerLeave(e, layerdict);
    2542. 

  2542.   }
    2543. 

  2543.   div.addEventListener("pointercancel", pointerleave);
    2544. 

  2544.   div.addEventListener("pointerleave", pointerleave);
    2545. 

  2545.   div.addEventListener("pointerout", pointerleave);
    2546. 

  2546. 

  2547.   div.onwheel = function(e) {
    2548. 

  2548.     handleMouseWheel(e, layerdict);
    2549. 

  2549.   }
    2550. 

  2550.   for (var element of [div, layerdict.bg, layerdict.fab, layerdict.silk, layerdict.highlight]) {
    2551. 

  2551.     element.addEventListener("contextmenu", function(e) {
    2552. 

  2552.       e.preventDefault();
    2553. 

  2553.     }, false);
    2554. 

  2554.   }
    2555. 

  2555. }
    2556. 

  2556. 

  2557. function setRedrawOnDrag(value) {
    2558. 

  2558.   settings.redrawOnDrag = value;
    2559. 

  2559.   writeStorage("redrawOnDrag", value);
    2560. 

  2560. }
    2561. 

  2561. 

  2562. function setBoardRotation(value) {
    2563. 

  2563.   settings.boardRotation = value * 5;
    2564. 

  2564.   writeStorage("boardRotation", settings.boardRotation);
    2565. 

  2565.   document.getElementById("rotationDegree").textContent = settings.boardRotation;
    2566. 

  2566.   resizeAll();
    2567. 

  2567. }
    2568. 

  2568. 

  2569. function setOffsetBackRotation(value) {
    2570. 

  2570.   settings.offsetBackRotation = value;
    2571. 

  2571.   writeStorage("offsetBackRotation", value);
    2572. 

  2572.   resizeAll();
    2573. 

  2573. }
    2574. 

  2574. 

  2575. function initRender() {
    2576. 

  2576.   allcanvas = {
    2577. 

  2577.     front: {
    2578. 

  2578.       transform: {
    2579. 

  2579.         x: 0,
    2580. 

  2580.         y: 0,
    2581. 

  2581.         s: 1,
    2582. 

  2582.         panx: 0,
    2583. 

  2583.         pany: 0,
    2584. 

  2584.         zoom: 1,
    2585. 

  2585.       },
    2586. 

  2586.       pointerStates: {},
    2587. 

  2587.       anotherPointerTapped: false,
    2588. 

  2588.       bg: document.getElementById("F_bg"),
    2589. 

  2589.       fab: document.getElementById("F_fab"),
    2590. 

  2590.       silk: document.getElementById("F_slk"),
    2591. 

  2591.       highlight: document.getElementById("F_hl"),
    2592. 

  2592.       layer: "F",
    2593. 

  2593.     },
    2594. 

  2594.     back: {
    2595. 

  2595.       transform: {
    2596. 

  2596.         x: 0,
    2597. 

  2597.         y: 0,
    2598. 

  2598.         s: 1,
    2599. 

  2599.         panx: 0,
    2600. 

  2600.         pany: 0,
    2601. 

  2601.         zoom: 1,
    2602. 

  2602.       },
    2603. 

  2603.       pointerStates: {},
    2604. 

  2604.       anotherPointerTapped: false,
    2605. 

  2605.       bg: document.getElementById("B_bg"),
    2606. 

  2606.       fab: document.getElementById("B_fab"),
    2607. 

  2607.       silk: document.getElementById("B_slk"),
    2608. 

  2608.       highlight: document.getElementById("B_hl"),
    2609. 

  2609.       layer: "B",
    2610. 

  2610.     }
    2611. 

  2611.   };
    2612. 

  2612.   addMouseHandlers(document.getElementById("frontcanvas"), allcanvas.front);
    2613. 

  2613.   addMouseHandlers(document.getElementById("backcanvas"), allcanvas.back);
    2614. 

  2614. }
    2615. 

  2615. 

  2616. ///////////////////////////////////////////////
    2617. 

  2617. 

  2618. ///////////////////////////////////////////////
    2619. 

  2619. /*
    2620. 

  2620.  * Table reordering via Drag'n'Drop
    2621. 

  2621.  * Inspired by: https://htmldom.dev/drag-and-drop-table-column
    2622. 

  2622.  */
    2623. 

  2623. 

  2624. function setBomHandlers() {
    2625. 

  2625. 

  2626.   const bom = document.getElementById('bomtable');
    2627. 

  2627. 

  2628.   let dragName;
    2629. 

  2629.   let placeHolderElements;
    2630. 

  2630.   let draggingElement;
    2631. 

  2631.   let forcePopulation;
    2632. 

  2632.   let xOffset;
    2633. 

  2633.   let yOffset;
    2634. 

  2634.   let wasDragged;
    2635. 

  2635. 

  2636.   const mouseUpHandler = function(e) {
    2637. 

  2637.     // Delete dragging element
    2638. 

  2638.     draggingElement.remove();
    2639. 

  2639. 

  2640.     // Make BOM selectable again
    2641. 

  2641.     bom.style.removeProperty("userSelect");
    2642. 

  2642. 

  2643.     // Remove listeners
    2644. 

  2644.     document.removeEventListener('mousemove', mouseMoveHandler);
    2645. 

  2645.     document.removeEventListener('mouseup', mouseUpHandler);
    2646. 

  2646. 

  2647.     if (wasDragged) {
    2648. 

  2648.       // Redraw whole BOM
    2649. 

  2649.       populateBomTable();
    2650. 

  2650.     }
    2651. 

  2651.   }
    2652. 

  2652. 

  2653.   const mouseMoveHandler = function(e) {
    2654. 

  2654.     // Notice the dragging
    2655. 

  2655.     wasDragged = true;
    2656. 

  2656. 

  2657.     // Make the dragged element visible
    2658. 

  2658.     draggingElement.style.removeProperty("display");
    2659. 

  2659. 

  2660.     // Set elements position to mouse position
    2661. 

  2661.     draggingElement.style.left = `${e.screenX - xOffset}px`;
    2662. 

  2662.     draggingElement.style.top = `${e.screenY - yOffset}px`;
    2663. 

  2663. 

  2664.     // Forced redrawing of BOM table
    2665. 

  2665.     if (forcePopulation) {
    2666. 

  2666.       forcePopulation = false;
    2667. 

  2667.       // Copy array
    2668. 

  2668.       phe = Array.from(placeHolderElements);
    2669. 

  2669.       // populate BOM table again
    2670. 

  2670.       populateBomHeader(dragName, phe);
    2671. 

  2671.       populateBomBody(dragName, phe);
    2672. 

  2672.     }
    2673. 

  2673. 

  2674.     // Set up array of hidden columns
    2675. 

  2675.     var hiddenColumns = Array.from(settings.hiddenColumns);
    2676. 

  2676.     // In the ungrouped mode, quantity don't exist
    2677. 

  2677.     if (settings.bommode === "ungrouped")
    2678. 

  2678.       hiddenColumns.push("Quantity");
    2679. 

  2679.     // If no checkbox fields can be found, we consider them hidden
    2680. 

  2680.     if (settings.checkboxes.length == 0)
    2681. 

  2681.       hiddenColumns.push("checkboxes");
    2682. 

  2682. 

  2683.     // Get table headers and group them into checkboxes, extrafields and normal headers
    2684. 

  2684.     const bh = document.getElementById("bomhead");
    2685. 

  2685.     headers = Array.from(bh.querySelectorAll("th"))
    2686. 

  2686.     headers.shift() // numCol is not part of the columnOrder
    2687. 

  2687.     headerGroups = []
    2688. 

  2688.     lastCompoundClass = null;
    2689. 

  2689.     for (i = 0; i < settings.columnOrder.length; i++) {
    2690. 

  2690.       cElem = settings.columnOrder[i];
    2691. 

  2691.       if (hiddenColumns.includes(cElem)) {
    2692. 

  2692.         // Hidden columns appear as a dummy element
    2693. 

  2693.         headerGroups.push([]);
    2694. 

  2694.         continue;
    2695. 

  2695.       }
    2696. 

  2696.       elem = headers.filter(e => getColumnOrderName(e) === cElem)[0];
    2697. 

  2697.       if (elem.classList.contains("bom-checkbox")) {
    2698. 

  2698.         if (lastCompoundClass === "bom-checkbox") {
    2699. 

  2699.           cbGroup = headerGroups.pop();
    2700. 

  2700.           cbGroup.push(elem);
    2701. 

  2701.           headerGroups.push(cbGroup);
    2702. 

  2702.         } else {
    2703. 

  2703.           lastCompoundClass = "bom-checkbox";
    2704. 

  2704.           headerGroups.push([elem])
    2705. 

  2705.         }
    2706. 

  2706.       } else {
    2707. 

  2707.         headerGroups.push([elem])
    2708. 

  2708.       }
    2709. 

  2709.     }
    2710. 

  2710. 

  2711.     // Copy settings.columnOrder
    2712. 

  2712.     var columns = Array.from(settings.columnOrder)
    2713. 

  2713. 

  2714.     // Set up array with indices of hidden columns
    2715. 

  2715.     var hiddenIndices = hiddenColumns.map(e => settings.columnOrder.indexOf(e));
    2716. 

  2716.     var dragIndex = columns.indexOf(dragName);
    2717. 

  2717.     var swapIndex = dragIndex;
    2718. 

  2718.     var swapDone = false;
    2719. 

  2719. 

  2720.     // Check if the current dragged element is swapable with the left or right element
    2721. 

  2721.     if (dragIndex > 0) {
    2722. 

  2722.       // Get left headers boundingbox
    2723. 

  2723.       swapIndex = dragIndex - 1;
    2724. 

  2724.       while (hiddenIndices.includes(swapIndex) && swapIndex > 0)
    2725. 

  2725.         swapIndex--;
    2726. 

  2726.       if (!hiddenIndices.includes(swapIndex)) {
    2727. 

  2727.         box = getBoundingClientRectFromMultiple(headerGroups[swapIndex]);
    2728. 

  2728.         if (e.clientX < box.left + window.scrollX + (box.width / 2)) {
    2729. 

  2729.           swapElement = columns[dragIndex];
    2730. 

  2730.           columns.splice(dragIndex, 1);
    2731. 

  2731.           columns.splice(swapIndex, 0, swapElement);
    2732. 

  2732.           forcePopulation = true;
    2733. 

  2733.           swapDone = true;
    2734. 

  2734.         }
    2735. 

  2735.       }
    2736. 

  2736.     }
    2737. 

  2737.     if ((!swapDone) && dragIndex < headerGroups.length - 1) {
    2738. 

  2738.       // Get right headers boundingbox
    2739. 

  2739.       swapIndex = dragIndex + 1;
    2740. 

  2740.       while (hiddenIndices.includes(swapIndex))
    2741. 

  2741.         swapIndex++;
    2742. 

  2742.       if (swapIndex < headerGroups.length) {
    2743. 

  2743.         box = getBoundingClientRectFromMultiple(headerGroups[swapIndex]);
    2744. 

  2744.         if (e.clientX > box.left + window.scrollX + (box.width / 2)) {
    2745. 

  2745.           swapElement = columns[dragIndex];
    2746. 

  2746.           columns.splice(dragIndex, 1);
    2747. 

  2747.           columns.splice(swapIndex, 0, swapElement);
    2748. 

  2748.           forcePopulation = true;
    2749. 

  2749.           swapDone = true;
    2750. 

  2750.         }
    2751. 

  2751.       }
    2752. 

  2752.     }
    2753. 

  2753. 

  2754.     // Write back change to storage
    2755. 

  2755.     if (swapDone) {
    2756. 

  2756.       settings.columnOrder = columns
    2757. 

  2757.       writeStorage("columnOrder", JSON.stringify(columns));
    2758. 

  2758.     }
    2759. 

  2759. 

  2760.   }
    2761. 

  2761. 

  2762.   const mouseDownHandler = function(e) {
    2763. 

  2763.     var target = e.target;
    2764. 

  2764.     if (target.tagName.toLowerCase() != "td")
    2765. 

  2765.       target = target.parentElement;
    2766. 

  2766. 

  2767.     // Used to check if a dragging has ever happened
    2768. 

  2768.     wasDragged = false;
    2769. 

  2769. 

  2770.     // Create new element which will be displayed as the dragged column
    2771. 

  2771.     draggingElement = document.createElement("div")
    2772. 

  2772.     draggingElement.classList.add("dragging");
    2773. 

  2773.     draggingElement.style.display = "none";
    2774. 

  2774.     draggingElement.style.position = "absolute";
    2775. 

  2775.     draggingElement.style.overflow = "hidden";
    2776. 

  2776. 

  2777.     // Get bomhead and bombody elements
    2778. 

  2778.     const bh = document.getElementById("bomhead");
    2779. 

  2779.     const bb = document.getElementById("bombody");
    2780. 

  2780. 

  2781.     // Get all compound headers for the current column
    2782. 

  2782.     var compoundHeaders;
    2783. 

  2783.     if (target.classList.contains("bom-checkbox")) {
    2784. 

  2784.       compoundHeaders = Array.from(bh.querySelectorAll("th.bom-checkbox"));
    2785. 

  2785.     } else {
    2786. 

  2786.       compoundHeaders = [target];
    2787. 

  2787.     }
    2788. 

  2788. 

  2789.     // Create new table which will display the column
    2790. 

  2790.     var newTable = document.createElement("table");
    2791. 

  2791.     newTable.classList.add("bom");
    2792. 

  2792.     newTable.style.background = "white";
    2793. 

  2793.     draggingElement.append(newTable);
    2794. 

  2794. 

  2795.     // Create new header element
    2796. 

  2796.     var newHeader = document.createElement("thead");
    2797. 

  2797.     newTable.append(newHeader);
    2798. 

  2798. 

  2799.     // Set up array for storing all placeholder elements
    2800. 

  2800.     placeHolderElements = [];
    2801. 

  2801. 

  2802.     // Add all compound headers to the new thead element and placeholders
    2803. 

  2803.     compoundHeaders.forEach(function(h) {
    2804. 

  2804.       clone = cloneElementWithDimensions(h);
    2805. 

  2805.       newHeader.append(clone);
    2806. 

  2806.       placeHolderElements.push(clone);
    2807. 

  2807.     });
    2808. 

  2808. 

  2809.     // Create new body element
    2810. 

  2810.     var newBody = document.createElement("tbody");
    2811. 

  2811.     newTable.append(newBody);
    2812. 

  2812. 

  2813.     // Get indices for compound headers
    2814. 

  2814.     var idxs = compoundHeaders.map(e => getBomTableHeaderIndex(e));
    2815. 

  2815. 

  2816.     // For each row in the BOM body...
    2817. 

  2817.     var rows = bb.querySelectorAll("tr");
    2818. 

  2818.     rows.forEach(function(row) {
    2819. 

  2819.       // ..get the cells for the compound column
    2820. 

  2820.       const tds = row.querySelectorAll("td");
    2821. 

  2821.       var copytds = idxs.map(i => tds[i]);
    2822. 

  2822.       // Add them to the new element and the placeholders
    2823. 

  2823.       var newRow = document.createElement("tr");
    2824. 

  2824.       copytds.forEach(function(td) {
    2825. 

  2825.         clone = cloneElementWithDimensions(td);
    2826. 

  2826.         newRow.append(clone);
    2827. 

  2827.         placeHolderElements.push(clone);
    2828. 

  2828.       });
    2829. 

  2829.       newBody.append(newRow);
    2830. 

  2830.     });
    2831. 

  2831. 

  2832.     // Compute width for compound header
    2833. 

  2833.     var width = compoundHeaders.reduce((acc, x) => acc + x.clientWidth, 0);
    2834. 

  2834.     draggingElement.style.width = `${width}px`;
    2835. 

  2835. 

  2836.     // Insert the new dragging element and disable selection on BOM
    2837. 

  2837.     bom.insertBefore(draggingElement, null);
    2838. 

  2838.     bom.style.userSelect = "none";
    2839. 

  2839. 

  2840.     // Determine the mouse position offset
    2841. 

  2841.     xOffset = e.screenX - compoundHeaders.reduce((acc, x) => Math.min(acc, x.offsetLeft), compoundHeaders[0].offsetLeft);
    2842. 

  2842.     yOffset = e.screenY - compoundHeaders[0].offsetTop;
    2843. 

  2843. 

  2844.     // Get name for the column in settings.columnOrder
    2845. 

  2845.     dragName = getColumnOrderName(target);
    2846. 

  2846. 

  2847.     // Change text and class for placeholder elements
    2848. 

  2848.     placeHolderElements = placeHolderElements.map(function(e) {
    2849. 

  2849.       newElem = cloneElementWithDimensions(e);
    2850. 

  2850.       newElem.textContent = "";
    2851. 

  2851.       newElem.classList.add("placeholder");
    2852. 

  2852.       return newElem;
    2853. 

  2853.     });
    2854. 

  2854. 

  2855.     // On next mouse move, the whole BOM needs to be redrawn to show the placeholders
    2856. 

  2856.     forcePopulation = true;
    2857. 

  2857. 

  2858.     // Add listeners for move and up on mouse
    2859. 

  2859.     document.addEventListener('mousemove', mouseMoveHandler);
    2860. 

  2860.     document.addEventListener('mouseup', mouseUpHandler);
    2861. 

  2861.   }
    2862. 

  2862. 

  2863.   // In netlist mode, there is nothing to reorder
    2864. 

  2864.   if (settings.bommode === "netlist")
    2865. 

  2865.     return;
    2866. 

  2866. 

  2867.   // Add mouseDownHandler to every column except the numCol
    2868. 

  2868.   bom.querySelectorAll("th")
    2869. 

  2869.     .forEach(function(head) {
    2870. 

  2870.       if (!head.classList.contains("numCol")) {
    2871. 

  2871.         head.onmousedown = mouseDownHandler;
    2872. 

  2872.       }
    2873. 

  2873.     });
    2874. 

  2874. 

  2875. }
    2876. 

  2876. 

  2877. function getBoundingClientRectFromMultiple(elements) {
    2878. 

  2878.   var elems = Array.from(elements);
    2879. 

  2879. 

  2880.   if (elems.length == 0)
    2881. 

  2881.     return null;
    2882. 

  2882. 

  2883.   var box = elems.shift()
    2884. 

  2884.     .getBoundingClientRect();
    2885. 

  2885. 

  2886.   elems.forEach(function(elem) {
    2887. 

  2887.     var elembox = elem.getBoundingClientRect();
    2888. 

  2888.     box.left = Math.min(elembox.left, box.left);
    2889. 

  2889.     box.top = Math.min(elembox.top, box.top);
    2890. 

  2890.     box.width += elembox.width;
    2891. 

  2891.     box.height = Math.max(elembox.height, box.height);
    2892. 

  2892.   });
    2893. 

  2893. 

  2894.   return box;
    2895. 

  2895. }
    2896. 

  2896. 

  2897. function cloneElementWithDimensions(elem) {
    2898. 

  2898.   var newElem = elem.cloneNode(true);
    2899. 

  2899.   newElem.style.height = window.getComputedStyle(elem).height;
    2900. 

  2900.   newElem.style.width = window.getComputedStyle(elem).width;
    2901. 

  2901.   return newElem;
    2902. 

  2902. }
    2903. 

  2903. 

  2904. function getBomTableHeaderIndex(elem) {
    2905. 

  2905.   const bh = document.getElementById('bomhead');
    2906. 

  2906.   const ths = Array.from(bh.querySelectorAll("th"));
    2907. 

  2907.   return ths.indexOf(elem);
    2908. 

  2908. }
    2909. 

  2909. 

  2910. function getColumnOrderName(elem) {
    2911. 

  2911.   var cname = elem.getAttribute("col_name");
    2912. 

  2912.   if (cname === "bom-checkbox")
    2913. 

  2913.     return "checkboxes";
    2914. 

  2914.   else
    2915. 

  2915.     return cname;
    2916. 

  2916. }
    2917. 

  2917. 

  2918. function resizableGrid(tablehead) {
    2919. 

  2919.   var cols = tablehead.firstElementChild.children;
    2920. 

  2920.   var rowWidth = tablehead.offsetWidth;
    2921. 

  2921. 

  2922.   for (var i = 1; i < cols.length; i++) {
    2923. 

  2923.     if (cols[i].classList.contains("bom-checkbox"))
    2924. 

  2924.       continue;
    2925. 

  2925.     cols[i].style.width = ((cols[i].clientWidth - paddingDiff(cols[i])) * 100 / rowWidth) + '%';
    2926. 

  2926.   }
    2927. 

  2927. 

  2928.   for (var i = 1; i < cols.length - 1; i++) {
    2929. 

  2929.     var div = document.createElement('div');
    2930. 

  2930.     div.className = "column-width-handle";
    2931. 

  2931.     cols[i].appendChild(div);
    2932. 

  2932.     setListeners(div);
    2933. 

  2933.   }
    2934. 

  2934. 

  2935.   function setListeners(div) {
    2936. 

  2936.     var startX, curCol, nxtCol, curColWidth, nxtColWidth, rowWidth;
    2937. 

  2937. 

  2938.     div.addEventListener('mousedown', function(e) {
    2939. 

  2939.       e.preventDefault();
    2940. 

  2940.       e.stopPropagation();
    2941. 

  2941. 

  2942.       curCol = e.target.parentElement;
    2943. 

  2943.       nxtCol = curCol.nextElementSibling;
    2944. 

  2944.       startX = e.pageX;
    2945. 

  2945. 

  2946.       var padding = paddingDiff(curCol);
    2947. 

  2947. 

  2948.       rowWidth = curCol.parentElement.offsetWidth;
    2949. 

  2949.       curColWidth = curCol.clientWidth - padding;
    2950. 

  2950.       nxtColWidth = nxtCol.clientWidth - padding;
    2951. 

  2951.     });
    2952. 

  2952. 

  2953.     document.addEventListener('mousemove', function(e) {
    2954. 

  2954.       if (startX) {
    2955. 

  2955.         var diffX = e.pageX - startX;
    2956. 

  2956.         diffX = -Math.min(-diffX, curColWidth - 20);
    2957. 

  2957.         diffX = Math.min(diffX, nxtColWidth - 20);
    2958. 

  2958. 

  2959.         curCol.style.width = ((curColWidth + diffX) * 100 / rowWidth) + '%';
    2960. 

  2960.         nxtCol.style.width = ((nxtColWidth - diffX) * 100 / rowWidth) + '%';
    2961. 

  2961.         console.log(`${curColWidth + nxtColWidth} ${(curColWidth + diffX) * 100 / rowWidth + (nxtColWidth - diffX) * 100 / rowWidth}`);
    2962. 

  2962.       }
    2963. 

  2963.     });
    2964. 

  2964. 

  2965.     document.addEventListener('mouseup', function(e) {
    2966. 

  2966.       curCol = undefined;
    2967. 

  2967.       nxtCol = undefined;
    2968. 

  2968.       startX = undefined;
    2969. 

  2969.       nxtColWidth = undefined;
    2970. 

  2970.       curColWidth = undefined
    2971. 

  2971.     });
    2972. 

  2972.   }
    2973. 

  2973. 

  2974.   function paddingDiff(col) {
    2975. 

  2975. 

  2976.     if (getStyleVal(col, 'box-sizing') == 'border-box') {
    2977. 

  2977.       return 0;
    2978. 

  2978.     }
    2979. 

  2979. 

  2980.     var padLeft = getStyleVal(col, 'padding-left');
    2981. 

  2981.     var padRight = getStyleVal(col, 'padding-right');
    2982. 

  2982.     return (parseInt(padLeft) + parseInt(padRight));
    2983. 

  2983. 

  2984.   }
    2985. 

  2985. 

  2986.   function getStyleVal(elm, css) {
    2987. 

  2987.     return (window.getComputedStyle(elm, null).getPropertyValue(css))
    2988. 

  2988.   }
    2989. 

  2989. }
    2990. 

  2990. 

  2991. ///////////////////////////////////////////////
    2992. 

  2992. 

  2993. ///////////////////////////////////////////////
    2994. 

  2994. /* DOM manipulation and misc code */
    2995. 

  2995. 

  2996. var bomsplit;
    2997. 

  2997. var canvassplit;
    2998. 

  2998. var initDone = false;
    2999. 

  2999. var bomSortFunction = null;
    3000. 

  3000. var currentSortColumn = null;
    3001. 

  3001. var currentSortOrder = null;
    3002. 

  3002. var currentHighlightedRowId;
    3003. 

  3003. var highlightHandlers = [];
    3004. 

  3004. var footprintIndexToHandler = {};
    3005. 

  3005. var netsToHandler = {};
    3006. 

  3006. var markedFootprints = new Set();
    3007. 

  3007. var highlightedFootprints = [];
    3008. 

  3008. var highlightedNet = null;
    3009. 

  3009. var lastClicked;
    3010. 

  3010. 

  3011. function dbg(html) {
    3012. 

  3012.   dbgdiv.innerHTML = html;
    3013. 

  3013. }
    3014. 

  3014. 

  3015. function redrawIfInitDone() {
    3016. 

  3016.   if (initDone) {
    3017. 

  3017.     redrawCanvas(allcanvas.front);
    3018. 

  3018.     redrawCanvas(allcanvas.back);
    3019. 

  3019.   }
    3020. 

  3020. }
    3021. 

  3021. 

  3022. function padsVisible(value) {
    3023. 

  3023.   writeStorage("padsVisible", value);
    3024. 

  3024.   settings.renderPads = value;
    3025. 

  3025.   redrawIfInitDone();
    3026. 

  3026. }
    3027. 

  3027. 

  3028. function referencesVisible(value) {
    3029. 

  3029.   writeStorage("referencesVisible", value);
    3030. 

  3030.   settings.renderReferences = value;
    3031. 

  3031.   redrawIfInitDone();
    3032. 

  3032. }
    3033. 

  3033. 

  3034. function valuesVisible(value) {
    3035. 

  3035.   writeStorage("valuesVisible", value);
    3036. 

  3036.   settings.renderValues = value;
    3037. 

  3037.   redrawIfInitDone();
    3038. 

  3038. }
    3039. 

  3039. 

  3040. function tracksVisible(value) {
    3041. 

  3041.   writeStorage("tracksVisible", value);
    3042. 

  3042.   settings.renderTracks = value;
    3043. 

  3043.   redrawIfInitDone();
    3044. 

  3044. }
    3045. 

  3045. 

  3046. function zonesVisible(value) {
    3047. 

  3047.   writeStorage("zonesVisible", value);
    3048. 

  3048.   settings.renderZones = value;
    3049. 

  3049.   redrawIfInitDone();
    3050. 

  3050. }
    3051. 

  3051. 

  3052. function dnpOutline(value) {
    3053. 

  3053.   writeStorage("dnpOutline", value);
    3054. 

  3054.   settings.renderDnpOutline = value;
    3055. 

  3055.   redrawIfInitDone();
    3056. 

  3056. }
    3057. 

  3057. 

  3058. function setDarkMode(value) {
    3059. 

  3059.   if (value) {
    3060. 

  3060.     topmostdiv.classList.add("dark");
    3061. 

  3061.   } else {
    3062. 

  3062.     topmostdiv.classList.remove("dark");
    3063. 

  3063.   }
    3064. 

  3064.   writeStorage("darkmode", value);
    3065. 

  3065.   settings.darkMode = value;
    3066. 

  3066.   redrawIfInitDone();
    3067. 

  3067.   if (initDone) {
    3068. 

  3068.     populateBomTable();
    3069. 

  3069.   }
    3070. 

  3070. }
    3071. 

  3071. 

  3072. function setShowBOMColumn(field, value) {
    3073. 

  3073.   if (field === "references") {
    3074. 

  3074.     var rl = document.getElementById("reflookup");
    3075. 

  3075.     rl.disabled = !value;
    3076. 

  3076.     if (!value) {
    3077. 

  3077.       rl.value = "";
    3078. 

  3078.       updateRefLookup("");
    3079. 

  3079.     }
    3080. 

  3080.   }
    3081. 

  3081. 

  3082.   var n = settings.hiddenColumns.indexOf(field);
    3083. 

  3083.   if (value) {
    3084. 

  3084.     if (n != -1) {
    3085. 

  3085.       settings.hiddenColumns.splice(n, 1);
    3086. 

  3086.     }
    3087. 

  3087.   } else {
    3088. 

  3088.     if (n == -1) {
    3089. 

  3089.       settings.hiddenColumns.push(field);
    3090. 

  3090.     }
    3091. 

  3091.   }
    3092. 

  3092. 

  3093.   writeStorage("hiddenColumns", JSON.stringify(settings.hiddenColumns));
    3094. 

  3094. 

  3095.   if (initDone) {
    3096. 

  3096.     populateBomTable();
    3097. 

  3097.   }
    3098. 

  3098. 

  3099.   redrawIfInitDone();
    3100. 

  3100. }
    3101. 

  3101. 

  3102. 

  3103. function setFullscreen(value) {
    3104. 

  3104.   if (value) {
    3105. 

  3105.     document.documentElement.requestFullscreen();
    3106. 

  3106.   } else {
    3107. 

  3107.     document.exitFullscreen();
    3108. 

  3108.   }
    3109. 

  3109. }
    3110. 

  3110. 

  3111. function fabricationVisible(value) {
    3112. 

  3112.   writeStorage("fabricationVisible", value);
    3113. 

  3113.   settings.renderFabrication = value;
    3114. 

  3114.   redrawIfInitDone();
    3115. 

  3115. }
    3116. 

  3116. 

  3117. function silkscreenVisible(value) {
    3118. 

  3118.   writeStorage("silkscreenVisible", value);
    3119. 

  3119.   settings.renderSilkscreen = value;
    3120. 

  3120.   redrawIfInitDone();
    3121. 

  3121. }
    3122. 

  3122. 

  3123. function setHighlightPin1(value) {
    3124. 

  3124.   writeStorage("highlightpin1", value);
    3125. 

  3125.   settings.highlightpin1 = value;
    3126. 

  3126.   redrawIfInitDone();
    3127. 

  3127. }
    3128. 

  3128. 

  3129. function getStoredCheckboxRefs(checkbox) {
    3130. 

  3130.   function convert(ref) {
    3131. 

  3131.     var intref = parseInt(ref);
    3132. 

  3132.     if (isNaN(intref)) {
    3133. 

  3133.       for (var i = 0; i < pcbdata.footprints.length; i++) {
    3134. 

  3134.         if (pcbdata.footprints[i].ref == ref) {
    3135. 

  3135.           return i;
    3136. 

  3136.         }
    3137. 

  3137.       }
    3138. 

  3138.       return -1;
    3139. 

  3139.     } else {
    3140. 

  3140.       return intref;
    3141. 

  3141.     }
    3142. 

  3142.   }
    3143. 

  3143.   if (!(checkbox in settings.checkboxStoredRefs)) {
    3144. 

  3144.     var val = readStorage("checkbox_" + checkbox);
    3145. 

  3145.     settings.checkboxStoredRefs[checkbox] = val ? val : "";
    3146. 

  3146.   }
    3147. 

  3147.   if (!settings.checkboxStoredRefs[checkbox]) {
    3148. 

  3148.     return new Set();
    3149. 

  3149.   } else {
    3150. 

  3150.     return new Set(settings.checkboxStoredRefs[checkbox].split(",").map(r => convert(r)).filter(a => a >= 0));
    3151. 

  3151.   }
    3152. 

  3152. }
    3153. 

  3153. 

  3154. function getCheckboxState(checkbox, references) {
    3155. 

  3155.   var storedRefsSet = getStoredCheckboxRefs(checkbox);
    3156. 

  3156.   var currentRefsSet = new Set(references.map(r => r[1]));
    3157. 

  3157.   // Get difference of current - stored
    3158. 

  3158.   var difference = new Set(currentRefsSet);
    3159. 

  3159.   for (ref of storedRefsSet) {
    3160. 

  3160.     difference.delete(ref);
    3161. 

  3161.   }
    3162. 

  3162.   if (difference.size == 0) {
    3163. 

  3163.     // All the current refs are stored
    3164. 

  3164.     return "checked";
    3165. 

  3165.   } else if (difference.size == currentRefsSet.size) {
    3166. 

  3166.     // None of the current refs are stored
    3167. 

  3167.     return "unchecked";
    3168. 

  3168.   } else {
    3169. 

  3169.     // Some of the refs are stored
    3170. 

  3170.     return "indeterminate";
    3171. 

  3171.   }
    3172. 

  3172. }
    3173. 

  3173. 

  3174. function setBomCheckboxState(checkbox, element, references) {
    3175. 

  3175.   var state = getCheckboxState(checkbox, references);
    3176. 

  3176.   element.checked = (state == "checked");
    3177. 

  3177.   element.indeterminate = (state == "indeterminate");
    3178. 

  3178. }
    3179. 

  3179. 

  3180. function createCheckboxChangeHandler(checkbox, references, row) {
    3181. 

  3181.   return function () {
    3182. 

  3182.     refsSet = getStoredCheckboxRefs(checkbox);
    3183. 

  3183.     var markWhenChecked = settings.markWhenChecked == checkbox;
    3184. 

  3184.     eventArgs = {
    3185. 

  3185.       checkbox: checkbox,
    3186. 

  3186.       refs: references,
    3187. 

  3187.     }
    3188. 

  3188.     if (this.checked) {
    3189. 

  3189.       // checkbox ticked
    3190. 

  3190.       for (var ref of references) {
    3191. 

  3191.         refsSet.add(ref[1]);
    3192. 

  3192.       }
    3193. 

  3193.       if (markWhenChecked) {
    3194. 

  3194.         row.classList.add("checked");
    3195. 

  3195.         for (var ref of references) {
    3196. 

  3196.           markedFootprints.add(ref[1]);
    3197. 

  3197.         }
    3198. 

  3198.         drawHighlights();
    3199. 

  3199.       }
    3200. 

  3200.       eventArgs.state = 'checked';
    3201. 

  3201.     } else {
    3202. 

  3202.       // checkbox unticked
    3203. 

  3203.       for (var ref of references) {
    3204. 

  3204.         refsSet.delete(ref[1]);
    3205. 

  3205.       }
    3206. 

  3206.       if (markWhenChecked) {
    3207. 

  3207.         row.classList.remove("checked");
    3208. 

  3208.         for (var ref of references) {
    3209. 

  3209.           markedFootprints.delete(ref[1]);
    3210. 

  3210.         }
    3211. 

  3211.         drawHighlights();
    3212. 

  3212.       }
    3213. 

  3213.       eventArgs.state = 'unchecked';
    3214. 

  3214.     }
    3215. 

  3215.     settings.checkboxStoredRefs[checkbox] = [...refsSet].join(",");
    3216. 

  3216.     writeStorage("checkbox_" + checkbox, settings.checkboxStoredRefs[checkbox]);
    3217. 

  3217.     updateCheckboxStats(checkbox);
    3218. 

  3218.     EventHandler.emitEvent(IBOM_EVENT_TYPES.CHECKBOX_CHANGE_EVENT, eventArgs);
    3219. 

  3219.   }
    3220. 

  3220. }
    3221. 

  3221. 

  3222. function clearHighlightedFootprints() {
    3223. 

  3223.   if (currentHighlightedRowId) {
    3224. 

  3224.     document.getElementById(currentHighlightedRowId).classList.remove("highlighted");
    3225. 

  3225.     currentHighlightedRowId = null;
    3226. 

  3226.     highlightedFootprints = [];
    3227. 

  3227.     highlightedNet = null;
    3228. 

  3228.   }
    3229. 

  3229. }
    3230. 

  3230. 

  3231. function createRowHighlightHandler(rowid, refs, net) {
    3232. 

  3232.   return function () {
    3233. 

  3233.     if (currentHighlightedRowId) {
    3234. 

  3234.       if (currentHighlightedRowId == rowid) {
    3235. 

  3235.         return;
    3236. 

  3236.       }
    3237. 

  3237.       document.getElementById(currentHighlightedRowId).classList.remove("highlighted");
    3238. 

  3238.     }
    3239. 

  3239.     document.getElementById(rowid).classList.add("highlighted");
    3240. 

  3240.     currentHighlightedRowId = rowid;
    3241. 

  3241.     highlightedFootprints = refs ? refs.map(r => r[1]) : [];
    3242. 

  3242.     highlightedNet = net;
    3243. 

  3243.     drawHighlights();
    3244. 

  3244.     EventHandler.emitEvent(
    3245. 

  3245.       IBOM_EVENT_TYPES.HIGHLIGHT_EVENT, {
    3246. 

  3246.       rowid: rowid,
    3247. 

  3247.       refs: refs,
    3248. 

  3248.       net: net
    3249. 

  3249.     });
    3250. 

  3250.   }
    3251. 

  3251. }
    3252. 

  3252. 

  3253. function updateNetColors() {
    3254. 

  3254.   writeStorage("netColors", JSON.stringify(settings.netColors));
    3255. 

  3255.   redrawIfInitDone();
    3256. 

  3256. }
    3257. 

  3257. 

  3258. function netColorChangeHandler(net) {
    3259. 

  3259.   return (event) => {
    3260. 

  3260.     settings.netColors[net] = event.target.value;
    3261. 

  3261.     updateNetColors();
    3262. 

  3262.   }
    3263. 

  3263. }
    3264. 

  3264. 

  3265. function netColorRightClick(net) {
    3266. 

  3266.   return (event) => {
    3267. 

  3267.     if(event.button == 2) {
    3268. 

  3268.       event.preventDefault();
    3269. 

  3269.       event.stopPropagation();
    3270. 

  3270. 

  3271.       var style = getComputedStyle(topmostdiv);
    3272. 

  3272.       var defaultNetColor = style.getPropertyValue('--track-color').trim();
    3273. 

  3273.       event.target.value = defaultNetColor;
    3274. 

  3274.       delete settings.netColors[net];
    3275. 

  3275.       updateNetColors();
    3276. 

  3276.     }
    3277. 

  3277.   }
    3278. 

  3278. }
    3279. 

  3279. 

  3280. function entryMatches(entry) {
    3281. 

  3281.   if (settings.bommode == "netlist") {
    3282. 

  3282.     // entry is just a net name
    3283. 

  3283.     return entry.toLowerCase().indexOf(filter) >= 0;
    3284. 

  3284.   }
    3285. 

  3285.   // check refs
    3286. 

  3286.   if (!settings.hiddenColumns.includes("references")) {
    3287. 

  3287.     for (var ref of entry) {
    3288. 

  3288.       if (ref[0].toLowerCase().indexOf(filter) >= 0) {
    3289. 

  3289.         return true;
    3290. 

  3290.       }
    3291. 

  3291.     }
    3292. 

  3292.   }
    3293. 

  3293.   // check fields
    3294. 

  3294.   for (var i in config.fields) {
    3295. 

  3295.     var f = config.fields[i];
    3296. 

  3296.     if (!settings.hiddenColumns.includes(f)) {
    3297. 

  3297.       for (var ref of entry) {
    3298. 

  3298.         if (String(pcbdata.bom.fields[ref[1]][i]).toLowerCase().indexOf(filter) >= 0) {
    3299. 

  3299.           return true;
    3300. 

  3300.         }
    3301. 

  3301.       }
    3302. 

  3302.     }
    3303. 

  3303.   }
    3304. 

  3304.   return false;
    3305. 

  3305. }
    3306. 

  3306. 

  3307. function findRefInEntry(entry) {
    3308. 

  3308.   return entry.filter(r => r[0].toLowerCase() == reflookup);
    3309. 

  3309. }
    3310. 

  3310. 

  3311. function highlightFilter(s) {
    3312. 

  3312.   if (!filter) {
    3313. 

  3313.     return s;
    3314. 

  3314.   }
    3315. 

  3315.   var parts = s.toLowerCase().split(filter);
    3316. 

  3316.   if (parts.length == 1) {
    3317. 

  3317.     return s;
    3318. 

  3318.   }
    3319. 

  3319.   var r = "";
    3320. 

  3320.   var pos = 0;
    3321. 

  3321.   for (var i in parts) {
    3322. 

  3322.     if (i > 0) {
    3323. 

  3323.       r += '<mark class="highlight">' +
    3324. 

  3324.         s.substring(pos, pos + filter.length) +
    3325. 

  3325.         '</mark>';
    3326. 

  3326.       pos += filter.length;
    3327. 

  3327.     }
    3328. 

  3328.     r += s.substring(pos, pos + parts[i].length);
    3329. 

  3329.     pos += parts[i].length;
    3330. 

  3330.   }
    3331. 

  3331.   return r;
    3332. 

  3332. }
    3333. 

  3333. 

  3334. function checkboxSetUnsetAllHandler(checkboxname) {
    3335. 

  3335.   return function () {
    3336. 

  3336.     var checkboxnum = 0;
    3337. 

  3337.     while (checkboxnum < settings.checkboxes.length &&
    3338. 

  3338.       settings.checkboxes[checkboxnum].toLowerCase() != checkboxname.toLowerCase()) {
    3339. 

  3339.       checkboxnum++;
    3340. 

  3340.     }
    3341. 

  3341.     if (checkboxnum >= settings.checkboxes.length) {
    3342. 

  3342.       return;
    3343. 

  3343.     }
    3344. 

  3344.     var allset = true;
    3345. 

  3345.     var checkbox;
    3346. 

  3346.     var row;
    3347. 

  3347.     for (row of bombody.childNodes) {
    3348. 

  3348.       checkbox = row.childNodes[checkboxnum + 1].childNodes[0];
    3349. 

  3349.       if (!checkbox.checked || checkbox.indeterminate) {
    3350. 

  3350.         allset = false;
    3351. 

  3351.         break;
    3352. 

  3352.       }
    3353. 

  3353.     }
    3354. 

  3354.     for (row of bombody.childNodes) {
    3355. 

  3355.       checkbox = row.childNodes[checkboxnum + 1].childNodes[0];
    3356. 

  3356.       checkbox.checked = !allset;
    3357. 

  3357.       checkbox.indeterminate = false;
    3358. 

  3358.       checkbox.onchange();
    3359. 

  3359.     }
    3360. 

  3360.   }
    3361. 

  3361. }
    3362. 

  3362. 

  3363. function createColumnHeader(name, cls, comparator, is_checkbox = false) {
    3364. 

  3364.   var th = document.createElement("TH");
    3365. 

  3365.   th.innerHTML = name;
    3366. 

  3366.   th.classList.add(cls);
    3367. 

  3367.   if (is_checkbox)
    3368. 

  3368.     th.setAttribute("col_name", "bom-checkbox");
    3369. 

  3369.   else
    3370. 

  3370.     th.setAttribute("col_name", name);
    3371. 

  3371.   var span = document.createElement("SPAN");
    3372. 

  3372.   span.classList.add("sortmark");
    3373. 

  3373.   span.classList.add("none");
    3374. 

  3374.   th.appendChild(span);
    3375. 

  3375.   var spacer = document.createElement("div");
    3376. 

  3376.   spacer.className = "column-spacer";
    3377. 

  3377.   th.appendChild(spacer);
    3378. 

  3378.   spacer.onclick = function () {
    3379. 

  3379.     if (currentSortColumn && th !== currentSortColumn) {
    3380. 

  3380.       // Currently sorted by another column
    3381. 

  3381.       currentSortColumn.childNodes[1].classList.remove(currentSortOrder);
    3382. 

  3382.       currentSortColumn.childNodes[1].classList.add("none");
    3383. 

  3383.       currentSortColumn = null;
    3384. 

  3384.       currentSortOrder = null;
    3385. 

  3385.     }
    3386. 

  3386.     if (currentSortColumn && th === currentSortColumn) {
    3387. 

  3387.       // Already sorted by this column
    3388. 

  3388.       if (currentSortOrder == "asc") {
    3389. 

  3389.         // Sort by this column, descending order
    3390. 

  3390.         bomSortFunction = function (a, b) {
    3391. 

  3391.           return -comparator(a, b);
    3392. 

  3392.         }
    3393. 

  3393.         currentSortColumn.childNodes[1].classList.remove("asc");
    3394. 

  3394.         currentSortColumn.childNodes[1].classList.add("desc");
    3395. 

  3395.         currentSortOrder = "desc";
    3396. 

  3396.       } else {
    3397. 

  3397.         // Unsort
    3398. 

  3398.         bomSortFunction = null;
    3399. 

  3399.         currentSortColumn.childNodes[1].classList.remove("desc");
    3400. 

  3400.         currentSortColumn.childNodes[1].classList.add("none");
    3401. 

  3401.         currentSortColumn = null;
    3402. 

  3402.         currentSortOrder = null;
    3403. 

  3403.       }
    3404. 

  3404.     } else {
    3405. 

  3405.       // Sort by this column, ascending order
    3406. 

  3406.       bomSortFunction = comparator;
    3407. 

  3407.       currentSortColumn = th;
    3408. 

  3408.       currentSortColumn.childNodes[1].classList.remove("none");
    3409. 

  3409.       currentSortColumn.childNodes[1].classList.add("asc");
    3410. 

  3410.       currentSortOrder = "asc";
    3411. 

  3411.     }
    3412. 

  3412.     populateBomBody();
    3413. 

  3413.   }
    3414. 

  3414.   if (is_checkbox) {
    3415. 

  3415.     spacer.onclick = fancyDblClickHandler(
    3416. 

  3416.       spacer, spacer.onclick, checkboxSetUnsetAllHandler(name));
    3417. 

  3417.   }
    3418. 

  3418.   return th;
    3419. 

  3419. }
    3420. 

  3420. 

  3421. function populateBomHeader(placeHolderColumn = null, placeHolderElements = null) {
    3422. 

  3422.   while (bomhead.firstChild) {
    3423. 

  3423.     bomhead.removeChild(bomhead.firstChild);
    3424. 

  3424.   }
    3425. 

  3425.   var tr = document.createElement("TR");
    3426. 

  3426.   var th = document.createElement("TH");
    3427. 

  3427.   th.classList.add("numCol");
    3428. 

  3428. 

  3429.   var vismenu = document.createElement("div");
    3430. 

  3430.   vismenu.id = "vismenu";
    3431. 

  3431.   vismenu.classList.add("menu");
    3432. 

  3432. 

  3433.   var visbutton = document.createElement("div");
    3434. 

  3434.   visbutton.classList.add("visbtn");
    3435. 

  3435.   visbutton.classList.add("hideonprint");
    3436. 

  3436. 

  3437.   var viscontent = document.createElement("div");
    3438. 

  3438.   viscontent.classList.add("menu-content");
    3439. 

  3439.   viscontent.id = "vismenu-content";
    3440. 

  3440. 

  3441.   settings.columnOrder.forEach(column => {
    3442. 

  3442.     if (typeof column !== "string")
    3443. 

  3443.       return;
    3444. 

  3444. 

  3445.     // Skip empty columns
    3446. 

  3446.     if (column === "checkboxes" && settings.checkboxes.length == 0)
    3447. 

  3447.       return;
    3448. 

  3448.     else if (column === "Quantity" && settings.bommode == "ungrouped")
    3449. 

  3449.       return;
    3450. 

  3450. 

  3451.     var label = document.createElement("label");
    3452. 

  3452.     label.classList.add("menu-label");
    3453. 

  3453. 

  3454.     var input = document.createElement("input");
    3455. 

  3455.     input.classList.add("visibility_checkbox");
    3456. 

  3456.     input.type = "checkbox";
    3457. 

  3457.     input.onchange = function (e) {
    3458. 

  3458.       setShowBOMColumn(column, e.target.checked)
    3459. 

  3459.     };
    3460. 

  3460.     input.checked = !(settings.hiddenColumns.includes(column));
    3461. 

  3461. 

  3462.     label.appendChild(input);
    3463. 

  3463.     if (column.length > 0)
    3464. 

  3464.       label.append(column[0].toUpperCase() + column.slice(1));
    3465. 

  3465. 

  3466.     viscontent.appendChild(label);
    3467. 

  3467.   });
    3468. 

  3468. 

  3469.   viscontent.childNodes[0].classList.add("menu-label-top");
    3470. 

  3470. 

  3471.   vismenu.appendChild(visbutton);
    3472. 

  3472.   if (settings.bommode != "netlist") {
    3473. 

  3473.     vismenu.appendChild(viscontent);
    3474. 

  3474.     th.appendChild(vismenu);
    3475. 

  3475.   }
    3476. 

  3476.   tr.appendChild(th);
    3477. 

  3477. 

  3478.   var checkboxCompareClosure = function (checkbox) {
    3479. 

  3479.     return (a, b) => {
    3480. 

  3480.       var stateA = getCheckboxState(checkbox, a);
    3481. 

  3481.       var stateB = getCheckboxState(checkbox, b);
    3482. 

  3482.       if (stateA > stateB) return -1;
    3483. 

  3483.       if (stateA < stateB) return 1;
    3484. 

  3484.       return 0;
    3485. 

  3485.     }
    3486. 

  3486.   }
    3487. 

  3487.   var stringFieldCompareClosure = function (fieldIndex) {
    3488. 

  3488.     return (a, b) => {
    3489. 

  3489.       var fa = pcbdata.bom.fields[a[0][1]][fieldIndex];
    3490. 

  3490.       var fb = pcbdata.bom.fields[b[0][1]][fieldIndex];
    3491. 

  3491.       if (fa != fb) return fa > fb ? 1 : -1;
    3492. 

  3492.       else return 0;
    3493. 

  3493.     }
    3494. 

  3494.   }
    3495. 

  3495.   var referenceRegex = /(?<prefix>[^0-9]+)(?<number>[0-9]+)/;
    3496. 

  3496.   var compareRefs = (a, b) => {
    3497. 

  3497.     var ra = referenceRegex.exec(a);
    3498. 

  3498.     var rb = referenceRegex.exec(b);
    3499. 

  3499.     if (ra === null || rb === null) {
    3500. 

  3500.       if (a != b) return a > b ? 1 : -1;
    3501. 

  3501.       return 0;
    3502. 

  3502.     } else {
    3503. 

  3503.       if (ra.groups.prefix != rb.groups.prefix) {
    3504. 

  3504.         return ra.groups.prefix > rb.groups.prefix ? 1 : -1;
    3505. 

  3505.       }
    3506. 

  3506.       if (ra.groups.number != rb.groups.number) {
    3507. 

  3507.         return parseInt(ra.groups.number) > parseInt(rb.groups.number) ? 1 : -1;
    3508. 

  3508.       }
    3509. 

  3509.       return 0;
    3510. 

  3510.     }
    3511. 

  3511.   }
    3512. 

  3512.   if (settings.bommode == "netlist") {
    3513. 

  3513.     tr.appendChild(createColumnHeader("Net name", "bom-netname", (a, b) => {
    3514. 

  3514.       if (a > b) return -1;
    3515. 

  3515.       if (a < b) return 1;
    3516. 

  3516.       return 0;
    3517. 

  3517.     }));
    3518. 

  3518.     tr.appendChild(createColumnHeader("Color", "bom-color", (a, b) => {
    3519. 

  3519.       return 0;
    3520. 

  3520.     }));
    3521. 

  3521.   } else {
    3522. 

  3522.     // Filter hidden columns
    3523. 

  3523.     var columns = settings.columnOrder.filter(e => !settings.hiddenColumns.includes(e));
    3524. 

  3524.     var valueIndex = config.fields.indexOf("Value");
    3525. 

  3525.     var footprintIndex = config.fields.indexOf("Footprint");
    3526. 

  3526.     columns.forEach((column) => {
    3527. 

  3527.       if (column === placeHolderColumn) {
    3528. 

  3528.         var n = 1;
    3529. 

  3529.         if (column === "checkboxes")
    3530. 

  3530.           n = settings.checkboxes.length;
    3531. 

  3531.         for (i = 0; i < n; i++) {
    3532. 

  3532.           td = placeHolderElements.shift();
    3533. 

  3533.           tr.appendChild(td);
    3534. 

  3534.         }
    3535. 

  3535.         return;
    3536. 

  3536.       } else if (column === "checkboxes") {
    3537. 

  3537.         for (var checkbox of settings.checkboxes) {
    3538. 

  3538.           th = createColumnHeader(
    3539. 

  3539.             checkbox, "bom-checkbox", checkboxCompareClosure(checkbox), true);
    3540. 

  3540.           tr.appendChild(th);
    3541. 

  3541.         }
    3542. 

  3542.       } else if (column === "References") {
    3543. 

  3543.         tr.appendChild(createColumnHeader("References", "references", (a, b) => {
    3544. 

  3544.           var i = 0;
    3545. 

  3545.           while (i < a.length && i < b.length) {
    3546. 

  3546.             if (a[i] != b[i]) return compareRefs(a[i][0], b[i][0]);
    3547. 

  3547.             i++;
    3548. 

  3548.           }
    3549. 

  3549.           return a.length - b.length;
    3550. 

  3550.         }));
    3551. 

  3551.       } else if (column === "Value") {
    3552. 

  3552.         tr.appendChild(createColumnHeader("Value", "value", (a, b) => {
    3553. 

  3553.           var ra = a[0][1], rb = b[0][1];
    3554. 

  3554.           return valueCompare(
    3555. 

  3555.             pcbdata.bom.parsedValues[ra], pcbdata.bom.parsedValues[rb],
    3556. 

  3556.             pcbdata.bom.fields[ra][valueIndex], pcbdata.bom.fields[rb][valueIndex]);
    3557. 

  3557.         }));
    3558. 

  3558.         return;
    3559. 

  3559.       } else if (column === "Footprint") {
    3560. 

  3560.         tr.appendChild(createColumnHeader(
    3561. 

  3561.           "Footprint", "footprint", stringFieldCompareClosure(footprintIndex)));
    3562. 

  3562.       } else if (column === "Quantity" && settings.bommode == "grouped") {
    3563. 

  3563.         tr.appendChild(createColumnHeader("Quantity", "quantity", (a, b) => {
    3564. 

  3564.           return a.length - b.length;
    3565. 

  3565.         }));
    3566. 

  3566.       } else {
    3567. 

  3567.         // Other fields
    3568. 

  3568.         var i = config.fields.indexOf(column);
    3569. 

  3569.         if (i < 0)
    3570. 

  3570.           return;
    3571. 

  3571.         tr.appendChild(createColumnHeader(
    3572. 

  3572.           column, `field${i + 1}`, stringFieldCompareClosure(i)));
    3573. 

  3573.       }
    3574. 

  3574.     });
    3575. 

  3575.   }
    3576. 

  3576.   bomhead.appendChild(tr);
    3577. 

  3577. }
    3578. 

  3578. 

  3579. function populateBomBody(placeholderColumn = null, placeHolderElements = null) {
    3580. 

  3580.   const urlRegex = /^(https?:\/\/[^\s\/$.?#][^\s]*|file:\/\/([a-zA-Z]:|\/)[^\x00]+)$/;
    3581. 

  3581.   while (bom.firstChild) {
    3582. 

  3582.     bom.removeChild(bom.firstChild);
    3583. 

  3583.   }
    3584. 

  3584.   highlightHandlers = [];
    3585. 

  3585.   footprintIndexToHandler = {};
    3586. 

  3586.   netsToHandler = {};
    3587. 

  3587.   currentHighlightedRowId = null;
    3588. 

  3588.   var first = true;
    3589. 

  3589.   var style = getComputedStyle(topmostdiv);
    3590. 

  3590.   var defaultNetColor = style.getPropertyValue('--track-color').trim();
    3591. 

  3591.   if (settings.bommode == "netlist") {
    3592. 

  3592.     bomtable = pcbdata.nets.slice();
    3593. 

  3593.   } else {
    3594. 

  3594.     switch (settings.canvaslayout) {
    3595. 

  3595.       case 'F':
    3596. 

  3596.         bomtable = pcbdata.bom.F.slice();
    3597. 

  3597.         break;
    3598. 

  3598.       case 'FB':
    3599. 

  3599.         bomtable = pcbdata.bom.both.slice();
    3600. 

  3600.         break;
    3601. 

  3601.       case 'B':
    3602. 

  3602.         bomtable = pcbdata.bom.B.slice();
    3603. 

  3603.         break;
    3604. 

  3604.     }
    3605. 

  3605.     if (settings.bommode == "ungrouped") {
    3606. 

  3606.       // expand bom table
    3607. 

  3607.       expandedTable = []
    3608. 

  3608.       for (var bomentry of bomtable) {
    3609. 

  3609.         for (var ref of bomentry) {
    3610. 

  3610.           expandedTable.push([ref]);
    3611. 

  3611.         }
    3612. 

  3612.       }
    3613. 

  3613.       bomtable = expandedTable;
    3614. 

  3614.     }
    3615. 

  3615.   }
    3616. 

  3616.   if (bomSortFunction) {
    3617. 

  3617.     bomtable = bomtable.sort(bomSortFunction);
    3618. 

  3618.   }
    3619. 

  3619.   for (var i in bomtable) {
    3620. 

  3620.     var bomentry = bomtable[i];
    3621. 

  3621.     if (filter && !entryMatches(bomentry)) {
    3622. 

  3622.       continue;
    3623. 

  3623.     }
    3624. 

  3624.     var references = null;
    3625. 

  3625.     var netname = null;
    3626. 

  3626.     var tr = document.createElement("TR");
    3627. 

  3627.     var td = document.createElement("TD");
    3628. 

  3628.     var rownum = +i + 1;
    3629. 

  3629.     tr.id = "bomrow" + rownum;
    3630. 

  3630.     td.textContent = rownum;
    3631. 

  3631.     tr.appendChild(td);
    3632. 

  3632.     if (settings.bommode == "netlist") {
    3633. 

  3633.       netname = bomentry;
    3634. 

  3634.       td = document.createElement("TD");
    3635. 

  3635.       td.innerHTML = highlightFilter(netname ? netname : "&lt;no net&gt;");
    3636. 

  3636.       tr.appendChild(td);
    3637. 

  3637.       var color = settings.netColors[netname] || defaultNetColor;
    3638. 

  3638.       td = document.createElement("TD");
    3639. 

  3639.       var colorBox = document.createElement("INPUT");
    3640. 

  3640.       colorBox.type = "color";
    3641. 

  3641.       colorBox.value = color;
    3642. 

  3642.       colorBox.onchange = netColorChangeHandler(netname);
    3643. 

  3643.       colorBox.onmouseup = netColorRightClick(netname);
    3644. 

  3644.       colorBox.oncontextmenu = (e) => e.preventDefault();
    3645. 

  3645.       td.appendChild(colorBox);
    3646. 

  3646.       td.classList.add("color-column");
    3647. 

  3647.       tr.appendChild(td);
    3648. 

  3648.     } else {
    3649. 

  3649.       if (reflookup) {
    3650. 

  3650.         references = findRefInEntry(bomentry);
    3651. 

  3651.         if (references.length == 0) {
    3652. 

  3652.           continue;
    3653. 

  3653.         }
    3654. 

  3654.       } else {
    3655. 

  3655.         references = bomentry;
    3656. 

  3656.       }
    3657. 

  3657.       // Filter hidden columns
    3658. 

  3658.       var columns = settings.columnOrder.filter(e => !settings.hiddenColumns.includes(e));
    3659. 

  3659.       columns.forEach((column) => {
    3660. 

  3660.         if (column === placeholderColumn) {
    3661. 

  3661.           var n = 1;
    3662. 

  3662.           if (column === "checkboxes")
    3663. 

  3663.             n = settings.checkboxes.length;
    3664. 

  3664.           for (i = 0; i < n; i++) {
    3665. 

  3665.             td = placeHolderElements.shift();
    3666. 

  3666.             tr.appendChild(td);
    3667. 

  3667.           }
    3668. 

  3668.           return;
    3669. 

  3669.         } else if (column === "checkboxes") {
    3670. 

  3670.           for (var checkbox of settings.checkboxes) {
    3671. 

  3671.             if (checkbox) {
    3672. 

  3672.               td = document.createElement("TD");
    3673. 

  3673.               var input = document.createElement("input");
    3674. 

  3674.               input.type = "checkbox";
    3675. 

  3675.               input.onchange = createCheckboxChangeHandler(checkbox, references, tr);
    3676. 

  3676.               setBomCheckboxState(checkbox, input, references);
    3677. 

  3677.               if (input.checked && settings.markWhenChecked == checkbox) {
    3678. 

  3678.                 tr.classList.add("checked");
    3679. 

  3679.               }
    3680. 

  3680.               td.appendChild(input);
    3681. 

  3681.               tr.appendChild(td);
    3682. 

  3682.             }
    3683. 

  3683.           }
    3684. 

  3684.         } else if (column === "References") {
    3685. 

  3685.           td = document.createElement("TD");
    3686. 

  3686.           td.innerHTML = highlightFilter(references.map(r => r[0]).join(", "));
    3687. 

  3687.           tr.appendChild(td);
    3688. 

  3688.         } else if (column === "Quantity" && settings.bommode == "grouped") {
    3689. 

  3689.           // Quantity
    3690. 

  3690.           td = document.createElement("TD");
    3691. 

  3691.           td.textContent = references.length;
    3692. 

  3692.           tr.appendChild(td);
    3693. 

  3693.         } else {
    3694. 

  3694.           // All the other fields
    3695. 

  3695.           var field_index = config.fields.indexOf(column)
    3696. 

  3696.           if (field_index < 0)
    3697. 

  3697.             return;
    3698. 

  3698.           var valueSet = new Set();
    3699. 

  3699.           references.map(r => r[1]).forEach((id) => valueSet.add(pcbdata.bom.fields[id][field_index]));
    3700. 

  3700.           td = document.createElement("TD");
    3701. 

  3701.           var output = new Array();
    3702. 

  3702.           for (let item of valueSet) {
    3703. 

  3703.             const visible = highlightFilter(String(item));
    3704. 

  3704.             if (typeof item === 'string' && item.match(urlRegex)) {
    3705. 

  3705.               output.push(`<a href="${item}" target="_blank">${visible}</a>`);
    3706. 

  3706.             } else {
    3707. 

  3707.               output.push(visible);
    3708. 

  3708.             }
    3709. 

  3709.           }
    3710. 

  3710.           td.innerHTML = output.join(", ");
    3711. 

  3711.           tr.appendChild(td);
    3712. 

  3712.         }
    3713. 

  3713.       });
    3714. 

  3714.     }
    3715. 

  3715.     bom.appendChild(tr);
    3716. 

  3716.     var handler = createRowHighlightHandler(tr.id, references, netname);
    3717. 

  3717.     tr.onmousemove = handler;
    3718. 

  3718.     highlightHandlers.push({
    3719. 

  3719.       id: tr.id,
    3720. 

  3720.       handler: handler,
    3721. 

  3721.     });
    3722. 

  3722.     if (references !== null) {
    3723. 

  3723.       for (var refIndex of references.map(r => r[1])) {
    3724. 

  3724.         footprintIndexToHandler[refIndex] = handler;
    3725. 

  3725.       }
    3726. 

  3726.     }
    3727. 

  3727.     if (netname !== null) {
    3728. 

  3728.       netsToHandler[netname] = handler;
    3729. 

  3729.     }
    3730. 

  3730.     if ((filter || reflookup) && first) {
    3731. 

  3731.       handler();
    3732. 

  3732.       first = false;
    3733. 

  3733.     }
    3734. 

  3734.   }
    3735. 

  3735.   EventHandler.emitEvent(
    3736. 

  3736.     IBOM_EVENT_TYPES.BOM_BODY_CHANGE_EVENT, {
    3737. 

  3737.     filter: filter,
    3738. 

  3738.     reflookup: reflookup,
    3739. 

  3739.     checkboxes: settings.checkboxes,
    3740. 

  3740.     bommode: settings.bommode,
    3741. 

  3741.   });
    3742. 

  3742. }
    3743. 

  3743. 

  3744. function highlightPreviousRow() {
    3745. 

  3745.   if (!currentHighlightedRowId) {
    3746. 

  3746.     highlightHandlers[highlightHandlers.length - 1].handler();
    3747. 

  3747.   } else {
    3748. 

  3748.     if (highlightHandlers.length > 1 &&
    3749. 

  3749.       highlightHandlers[0].id == currentHighlightedRowId) {
    3750. 

  3750.       highlightHandlers[highlightHandlers.length - 1].handler();
    3751. 

  3751.     } else {
    3752. 

  3752.       for (var i = 0; i < highlightHandlers.length - 1; i++) {
    3753. 

  3753.         if (highlightHandlers[i + 1].id == currentHighlightedRowId) {
    3754. 

  3754.           highlightHandlers[i].handler();
    3755. 

  3755.           break;
    3756. 

  3756.         }
    3757. 

  3757.       }
    3758. 

  3758.     }
    3759. 

  3759.   }
    3760. 

  3760.   smoothScrollToRow(currentHighlightedRowId);
    3761. 

  3761. }
    3762. 

  3762. 

  3763. function highlightNextRow() {
    3764. 

  3764.   if (!currentHighlightedRowId) {
    3765. 

  3765.     highlightHandlers[0].handler();
    3766. 

  3766.   } else {
    3767. 

  3767.     if (highlightHandlers.length > 1 &&
    3768. 

  3768.       highlightHandlers[highlightHandlers.length - 1].id == currentHighlightedRowId) {
    3769. 

  3769.       highlightHandlers[0].handler();
    3770. 

  3770.     } else {
    3771. 

  3771.       for (var i = 1; i < highlightHandlers.length; i++) {
    3772. 

  3772.         if (highlightHandlers[i - 1].id == currentHighlightedRowId) {
    3773. 

  3773.           highlightHandlers[i].handler();
    3774. 

  3774.           break;
    3775. 

  3775.         }
    3776. 

  3776.       }
    3777. 

  3777.     }
    3778. 

  3778.   }
    3779. 

  3779.   smoothScrollToRow(currentHighlightedRowId);
    3780. 

  3780. }
    3781. 

  3781. 

  3782. function populateBomTable() {
    3783. 

  3783.   populateBomHeader();
    3784. 

  3784.   populateBomBody();
    3785. 

  3785.   setBomHandlers();
    3786. 

  3786.   resizableGrid(bomhead);
    3787. 

  3787. }
    3788. 

  3788. 

  3789. function footprintsClicked(footprintIndexes) {
    3790. 

  3790.   var lastClickedIndex = footprintIndexes.indexOf(lastClicked);
    3791. 

  3791.   for (var i = 1; i <= footprintIndexes.length; i++) {
    3792. 

  3792.     var refIndex = footprintIndexes[(lastClickedIndex + i) % footprintIndexes.length];
    3793. 

  3793.     if (refIndex in footprintIndexToHandler) {
    3794. 

  3794.       lastClicked = refIndex;
    3795. 

  3795.       footprintIndexToHandler[refIndex]();
    3796. 

  3796.       smoothScrollToRow(currentHighlightedRowId);
    3797. 

  3797.       break;
    3798. 

  3798.     }
    3799. 

  3799.   }
    3800. 

  3800. }
    3801. 

  3801. 

  3802. function netClicked(net) {
    3803. 

  3803.   if (net in netsToHandler) {
    3804. 

  3804.     netsToHandler[net]();
    3805. 

  3805.     smoothScrollToRow(currentHighlightedRowId);
    3806. 

  3806.   } else {
    3807. 

  3807.     clearHighlightedFootprints();
    3808. 

  3808.     highlightedNet = net;
    3809. 

  3809.     drawHighlights();
    3810. 

  3810.   }
    3811. 

  3811. }
    3812. 

  3812. 

  3813. function updateFilter(input) {
    3814. 

  3814.   filter = input.toLowerCase();
    3815. 

  3815.   populateBomTable();
    3816. 

  3816. }
    3817. 

  3817. 

  3818. function updateRefLookup(input) {
    3819. 

  3819.   reflookup = input.toLowerCase();
    3820. 

  3820.   populateBomTable();
    3821. 

  3821. }
    3822. 

  3822. 

  3823. function changeCanvasLayout(layout) {
    3824. 

  3824.   document.getElementById("fl-btn").classList.remove("depressed");
    3825. 

  3825.   document.getElementById("fb-btn").classList.remove("depressed");
    3826. 

  3826.   document.getElementById("bl-btn").classList.remove("depressed");
    3827. 

  3827.   switch (layout) {
    3828. 

  3828.     case 'F':
    3829. 

  3829.       document.getElementById("fl-btn").classList.add("depressed");
    3830. 

  3830.       if (settings.bomlayout != "bom-only") {
    3831. 

  3831.         canvassplit.collapse(1);
    3832. 

  3832.       }
    3833. 

  3833.       break;
    3834. 

  3834.     case 'B':
    3835. 

  3835.       document.getElementById("bl-btn").classList.add("depressed");
    3836. 

  3836.       if (settings.bomlayout != "bom-only") {
    3837. 

  3837.         canvassplit.collapse(0);
    3838. 

  3838.       }
    3839. 

  3839.       break;
    3840. 

  3840.     default:
    3841. 

  3841.       document.getElementById("fb-btn").classList.add("depressed");
    3842. 

  3842.       if (settings.bomlayout != "bom-only") {
    3843. 

  3843.         canvassplit.setSizes([50, 50]);
    3844. 

  3844.       }
    3845. 

  3845.   }
    3846. 

  3846.   settings.canvaslayout = layout;
    3847. 

  3847.   writeStorage("canvaslayout", layout);
    3848. 

  3848.   resizeAll();
    3849. 

  3849.   changeBomMode(settings.bommode);
    3850. 

  3850. }
    3851. 

  3851. 

  3852. function populateMetadata() {
    3853. 

  3853.   document.getElementById("title").innerHTML = pcbdata.metadata.title;
    3854. 

  3854.   document.getElementById("revision").innerHTML = "Rev: " + pcbdata.metadata.revision;
    3855. 

  3855.   document.getElementById("company").innerHTML = pcbdata.metadata.company;
    3856. 

  3856.   document.getElementById("filedate").innerHTML = pcbdata.metadata.date;
    3857. 

  3857.   if (pcbdata.metadata.title != "") {
    3858. 

  3858.     document.title = pcbdata.metadata.title + " BOM";
    3859. 

  3859.   }
    3860. 

  3860.   // Calculate board stats
    3861. 

  3861.   var fp_f = 0,
    3862. 

  3862.     fp_b = 0,
    3863. 

  3863.     pads_f = 0,
    3864. 

  3864.     pads_b = 0,
    3865. 

  3865.     pads_th = 0;
    3866. 

  3866.   for (var i = 0; i < pcbdata.footprints.length; i++) {
    3867. 

  3867.     if (pcbdata.bom.skipped.includes(i)) continue;
    3868. 

  3868.     var mod = pcbdata.footprints[i];
    3869. 

  3869.     if (mod.layer == "F") {
    3870. 

  3870.       fp_f++;
    3871. 

  3871.     } else {
    3872. 

  3872.       fp_b++;
    3873. 

  3873.     }
    3874. 

  3874.     for (var pad of mod.pads) {
    3875. 

  3875.       if (pad.type == "th") {
    3876. 

  3876.         pads_th++;
    3877. 

  3877.       } else {
    3878. 

  3878.         if (pad.layers.includes("F")) {
    3879. 

  3879.           pads_f++;
    3880. 

  3880.         }
    3881. 

  3881.         if (pad.layers.includes("B")) {
    3882. 

  3882.           pads_b++;
    3883. 

  3883.         }
    3884. 

  3884.       }
    3885. 

  3885.     }
    3886. 

  3886.   }
    3887. 

  3887.   document.getElementById("stats-components-front").innerHTML = fp_f;
    3888. 

  3888.   document.getElementById("stats-components-back").innerHTML = fp_b;
    3889. 

  3889.   document.getElementById("stats-components-total").innerHTML = fp_f + fp_b;
    3890. 

  3890.   document.getElementById("stats-groups-front").innerHTML = pcbdata.bom.F.length;
    3891. 

  3891.   document.getElementById("stats-groups-back").innerHTML = pcbdata.bom.B.length;
    3892. 

  3892.   document.getElementById("stats-groups-total").innerHTML = pcbdata.bom.both.length;
    3893. 

  3893.   document.getElementById("stats-smd-pads-front").innerHTML = pads_f;
    3894. 

  3894.   document.getElementById("stats-smd-pads-back").innerHTML = pads_b;
    3895. 

  3895.   document.getElementById("stats-smd-pads-total").innerHTML = pads_f + pads_b;
    3896. 

  3896.   document.getElementById("stats-th-pads").innerHTML = pads_th;
    3897. 

  3897.   // Update version string
    3898. 

  3898.   document.getElementById("github-link").innerHTML = "InteractiveHtmlBom&nbsp;" +
    3899. 

  3899.     /^v\d+\.\d+/.exec(pcbdata.ibom_version)[0];
    3900. 

  3900. }
    3901. 

  3901. 

  3902. function changeBomLayout(layout) {
    3903. 

  3903.   document.getElementById("bom-btn").classList.remove("depressed");
    3904. 

  3904.   document.getElementById("lr-btn").classList.remove("depressed");
    3905. 

  3905.   document.getElementById("tb-btn").classList.remove("depressed");
    3906. 

  3906.   switch (layout) {
    3907. 

  3907.     case 'bom-only':
    3908. 

  3908.       document.getElementById("bom-btn").classList.add("depressed");
    3909. 

  3909.       if (bomsplit) {
    3910. 

  3910.         bomsplit.destroy();
    3911. 

  3911.         bomsplit = null;
    3912. 

  3912.         canvassplit.destroy();
    3913. 

  3913.         canvassplit = null;
    3914. 

  3914.       }
    3915. 

  3915.       document.getElementById("frontcanvas").style.display = "none";
    3916. 

  3916.       document.getElementById("backcanvas").style.display = "none";
    3917. 

  3917.       document.getElementById("bot").style.height = "";
    3918. 

  3918.       break;
    3919. 

  3919.     case 'top-bottom':
    3920. 

  3920.       document.getElementById("tb-btn").classList.add("depressed");
    3921. 

  3921.       document.getElementById("frontcanvas").style.display = "";
    3922. 

  3922.       document.getElementById("backcanvas").style.display = "";
    3923. 

  3923.       document.getElementById("bot").style.height = "calc(100% - 80px)";
    3924. 

  3924.       document.getElementById("bomdiv").classList.remove("split-horizontal");
    3925. 

  3925.       document.getElementById("canvasdiv").classList.remove("split-horizontal");
    3926. 

  3926.       document.getElementById("frontcanvas").classList.add("split-horizontal");
    3927. 

  3927.       document.getElementById("backcanvas").classList.add("split-horizontal");
    3928. 

  3928.       if (bomsplit) {
    3929. 

  3929.         bomsplit.destroy();
    3930. 

  3930.         bomsplit = null;
    3931. 

  3931.         canvassplit.destroy();
    3932. 

  3932.         canvassplit = null;
    3933. 

  3933.       }
    3934. 

  3934.       bomsplit = Split(['#bomdiv', '#canvasdiv'], {
    3935. 

  3935.         sizes: [50, 50],
    3936. 

  3936.         onDragEnd: resizeAll,
    3937. 

  3937.         direction: "vertical",
    3938. 

  3938.         gutterSize: 5
    3939. 

  3939.       });
    3940. 

  3940.       canvassplit = Split(['#frontcanvas', '#backcanvas'], {
    3941. 

  3941.         sizes: [50, 50],
    3942. 

  3942.         gutterSize: 5,
    3943. 

  3943.         onDragEnd: resizeAll
    3944. 

  3944.       });
    3945. 

  3945.       break;
    3946. 

  3946.     case 'left-right':
    3947. 

  3947.       document.getElementById("lr-btn").classList.add("depressed");
    3948. 

  3948.       document.getElementById("frontcanvas").style.display = "";
    3949. 

  3949.       document.getElementById("backcanvas").style.display = "";
    3950. 

  3950.       document.getElementById("bot").style.height = "calc(100% - 80px)";
    3951. 

  3951.       document.getElementById("bomdiv").classList.add("split-horizontal");
    3952. 

  3952.       document.getElementById("canvasdiv").classList.add("split-horizontal");
    3953. 

  3953.       document.getElementById("frontcanvas").classList.remove("split-horizontal");
    3954. 

  3954.       document.getElementById("backcanvas").classList.remove("split-horizontal");
    3955. 

  3955.       if (bomsplit) {
    3956. 

  3956.         bomsplit.destroy();
    3957. 

  3957.         bomsplit = null;
    3958. 

  3958.         canvassplit.destroy();
    3959. 

  3959.         canvassplit = null;
    3960. 

  3960.       }
    3961. 

  3961.       bomsplit = Split(['#bomdiv', '#canvasdiv'], {
    3962. 

  3962.         sizes: [50, 50],
    3963. 

  3963.         onDragEnd: resizeAll,
    3964. 

  3964.         gutterSize: 5
    3965. 

  3965.       });
    3966. 

  3966.       canvassplit = Split(['#frontcanvas', '#backcanvas'], {
    3967. 

  3967.         sizes: [50, 50],
    3968. 

  3968.         gutterSize: 5,
    3969. 

  3969.         direction: "vertical",
    3970. 

  3970.         onDragEnd: resizeAll
    3971. 

  3971.       });
    3972. 

  3972.   }
    3973. 

  3973.   settings.bomlayout = layout;
    3974. 

  3974.   writeStorage("bomlayout", layout);
    3975. 

  3975.   changeCanvasLayout(settings.canvaslayout);
    3976. 

  3976. }
    3977. 

  3977. 

  3978. function changeBomMode(mode) {
    3979. 

  3979.   document.getElementById("bom-grouped-btn").classList.remove("depressed");
    3980. 

  3980.   document.getElementById("bom-ungrouped-btn").classList.remove("depressed");
    3981. 

  3981.   document.getElementById("bom-netlist-btn").classList.remove("depressed");
    3982. 

  3982.   var chkbxs = document.getElementsByClassName("visibility_checkbox");
    3983. 

  3983. 

  3984.   switch (mode) {
    3985. 

  3985.     case 'grouped':
    3986. 

  3986.       document.getElementById("bom-grouped-btn").classList.add("depressed");
    3987. 

  3987.       for (var i = 0; i < chkbxs.length; i++) {
    3988. 

  3988.         chkbxs[i].disabled = false;
    3989. 

  3989.       }
    3990. 

  3990.       break;
    3991. 

  3991.     case 'ungrouped':
    3992. 

  3992.       document.getElementById("bom-ungrouped-btn").classList.add("depressed");
    3993. 

  3993.       for (var i = 0; i < chkbxs.length; i++) {
    3994. 

  3994.         chkbxs[i].disabled = false;
    3995. 

  3995.       }
    3996. 

  3996.       break;
    3997. 

  3997.     case 'netlist':
    3998. 

  3998.       document.getElementById("bom-netlist-btn").classList.add("depressed");
    3999. 

  3999.       for (var i = 0; i < chkbxs.length; i++) {
    4000. 

  4000.         chkbxs[i].disabled = true;
    4001. 

  4001.       }
    4002. 

  4002.   }
    4003. 

  4003. 

  4004.   writeStorage("bommode", mode);
    4005. 

  4005.   if (mode != settings.bommode) {
    4006. 

  4006.     settings.bommode = mode;
    4007. 

  4007.     bomSortFunction = null;
    4008. 

  4008.     currentSortColumn = null;
    4009. 

  4009.     currentSortOrder = null;
    4010. 

  4010.     clearHighlightedFootprints();
    4011. 

  4011.   }
    4012. 

  4012.   populateBomTable();
    4013. 

  4013. }
    4014. 

  4014. 

  4015. function focusFilterField() {
    4016. 

  4016.   focusInputField(document.getElementById("filter"));
    4017. 

  4017. }
    4018. 

  4018. 

  4019. function focusRefLookupField() {
    4020. 

  4020.   focusInputField(document.getElementById("reflookup"));
    4021. 

  4021. }
    4022. 

  4022. 

  4023. function toggleBomCheckbox(bomrowid, checkboxnum) {
    4024. 

  4024.   if (!bomrowid || checkboxnum > settings.checkboxes.length) {
    4025. 

  4025.     return;
    4026. 

  4026.   }
    4027. 

  4027.   var bomrow = document.getElementById(bomrowid);
    4028. 

  4028.   var checkbox = bomrow.childNodes[checkboxnum].childNodes[0];
    4029. 

  4029.   checkbox.checked = !checkbox.checked;
    4030. 

  4030.   checkbox.indeterminate = false;
    4031. 

  4031.   checkbox.onchange();
    4032. 

  4032. }
    4033. 

  4033. 

  4034. function checkBomCheckbox(bomrowid, checkboxname) {
    4035. 

  4035.   var checkboxnum = 0;
    4036. 

  4036.   while (checkboxnum < settings.checkboxes.length &&
    4037. 

  4037.     settings.checkboxes[checkboxnum].toLowerCase() != checkboxname.toLowerCase()) {
    4038. 

  4038.     checkboxnum++;
    4039. 

  4039.   }
    4040. 

  4040.   if (!bomrowid || checkboxnum >= settings.checkboxes.length) {
    4041. 

  4041.     return;
    4042. 

  4042.   }
    4043. 

  4043.   var bomrow = document.getElementById(bomrowid);
    4044. 

  4044.   var checkbox = bomrow.childNodes[checkboxnum + 1].childNodes[0];
    4045. 

  4045.   checkbox.checked = true;
    4046. 

  4046.   checkbox.indeterminate = false;
    4047. 

  4047.   checkbox.onchange();
    4048. 

  4048. }
    4049. 

  4049. 

  4050. function setBomCheckboxes(value) {
    4051. 

  4051.   writeStorage("bomCheckboxes", value);
    4052. 

  4052.   settings.checkboxes = value.split(",").map((e) => e.trim()).filter((e) => e);
    4053. 

  4053.   prepCheckboxes();
    4054. 

  4054.   populateMarkWhenCheckedOptions();
    4055. 

  4055.   setMarkWhenChecked(settings.markWhenChecked);
    4056. 

  4056. }
    4057. 

  4057. 

  4058. function setMarkWhenChecked(value) {
    4059. 

  4059.   writeStorage("markWhenChecked", value);
    4060. 

  4060.   settings.markWhenChecked = value;
    4061. 

  4061.   markedFootprints.clear();
    4062. 

  4062.   for (var ref of (value ? getStoredCheckboxRefs(value) : [])) {
    4063. 

  4063.     markedFootprints.add(ref);
    4064. 

  4064.   }
    4065. 

  4065.   populateBomTable();
    4066. 

  4066.   drawHighlights();
    4067. 

  4067. }
    4068. 

  4068. 

  4069. function prepCheckboxes() {
    4070. 

  4070.   var table = document.getElementById("checkbox-stats");
    4071. 

  4071.   while (table.childElementCount > 1) {
    4072. 

  4072.     table.removeChild(table.lastChild);
    4073. 

  4073.   }
    4074. 

  4074.   if (settings.checkboxes.length) {
    4075. 

  4075.     table.style.display = "";
    4076. 

  4076.   } else {
    4077. 

  4077.     table.style.display = "none";
    4078. 

  4078.   }
    4079. 

  4079.   for (var checkbox of settings.checkboxes) {
    4080. 

  4080.     var tr = document.createElement("TR");
    4081. 

  4081.     var td = document.createElement("TD");
    4082. 

  4082.     td.innerHTML = checkbox;
    4083. 

  4083.     tr.appendChild(td);
    4084. 

  4084.     td = document.createElement("TD");
    4085. 

  4085.     td.id = "checkbox-stats-" + checkbox;
    4086. 

  4086.     var progressbar = document.createElement("div");
    4087. 

  4087.     progressbar.classList.add("bar");
    4088. 

  4088.     td.appendChild(progressbar);
    4089. 

  4089.     var text = document.createElement("div");
    4090. 

  4090.     text.classList.add("text");
    4091. 

  4091.     td.appendChild(text);
    4092. 

  4092.     tr.appendChild(td);
    4093. 

  4093.     table.appendChild(tr);
    4094. 

  4094.     updateCheckboxStats(checkbox);
    4095. 

  4095.   }
    4096. 

  4096. }
    4097. 

  4097. 

  4098. function populateMarkWhenCheckedOptions() {
    4099. 

  4099.   var container = document.getElementById("markWhenCheckedContainer");
    4100. 

  4100. 

  4101.   if (settings.checkboxes.length == 0) {
    4102. 

  4102.     container.parentElement.style.display = "none";
    4103. 

  4103.     return;
    4104. 

  4104.   }
    4105. 

  4105. 

  4106.   container.innerHTML = '';
    4107. 

  4107.   container.parentElement.style.display = "inline-block";
    4108. 

  4108. 

  4109.   function createOption(name, displayName) {
    4110. 

  4110.     var id = "markWhenChecked-" + name;
    4111. 

  4111. 

  4112.     var div = document.createElement("div");
    4113. 

  4113.     div.classList.add("radio-container");
    4114. 

  4114. 

  4115.     var input = document.createElement("input");
    4116. 

  4116.     input.type = "radio";
    4117. 

  4117.     input.name = "markWhenChecked";
    4118. 

  4118.     input.value = name;
    4119. 

  4119.     input.id = id;
    4120. 

  4120.     input.onchange = () => setMarkWhenChecked(name);
    4121. 

  4121.     div.appendChild(input);
    4122. 

  4122. 

  4123.     // Preserve the selected element when the checkboxes change
    4124. 

  4124.     if (name == settings.markWhenChecked) {
    4125. 

  4125.       input.checked = true;
    4126. 

  4126.     }
    4127. 

  4127. 

  4128.     var label = document.createElement("label");
    4129. 

  4129.     label.innerHTML = displayName;
    4130. 

  4130.     label.htmlFor = id;
    4131. 

  4131.     div.appendChild(label);
    4132. 

  4132. 

  4133.     container.appendChild(div);
    4134. 

  4134.   }
    4135. 

  4135.   createOption("", "None");
    4136. 

  4136.   for (var checkbox of settings.checkboxes) {
    4137. 

  4137.     createOption(checkbox, checkbox);
    4138. 

  4138.   }
    4139. 

  4139. }
    4140. 

  4140. 

  4141. function updateCheckboxStats(checkbox) {
    4142. 

  4142.   var checked = getStoredCheckboxRefs(checkbox).size;
    4143. 

  4143.   var total = pcbdata.footprints.length - pcbdata.bom.skipped.length;
    4144. 

  4144.   var percent = checked * 100.0 / total;
    4145. 

  4145.   var td = document.getElementById("checkbox-stats-" + checkbox);
    4146. 

  4146.   td.firstChild.style.width = percent + "%";
    4147. 

  4147.   td.lastChild.innerHTML = checked + "/" + total + " (" + Math.round(percent) + "%)";
    4148. 

  4148. }
    4149. 

  4149. 

  4150. function constrain(number, min, max){
    4151. 

  4151.   return Math.min(Math.max(parseInt(number), min), max);
    4152. 

  4152. }
    4153. 

  4153. 

  4154. document.onkeydown = function (e) {
    4155. 

  4155.   switch (e.key) {
    4156. 

  4156.     case "n":
    4157. 

  4157.       if (document.activeElement.type == "text") {
    4158. 

  4158.         return;
    4159. 

  4159.       }
    4160. 

  4160.       if (currentHighlightedRowId !== null) {
    4161. 

  4161.         checkBomCheckbox(currentHighlightedRowId, "placed");
    4162. 

  4162.         highlightNextRow();
    4163. 

  4163.         e.preventDefault();
    4164. 

  4164.       }
    4165. 

  4165.       break;
    4166. 

  4166.     case "ArrowUp":
    4167. 

  4167.       highlightPreviousRow();
    4168. 

  4168.       e.preventDefault();
    4169. 

  4169.       break;
    4170. 

  4170.     case "ArrowDown":
    4171. 

  4171.       highlightNextRow();
    4172. 

  4172.       e.preventDefault();
    4173. 

  4173.       break;
    4174. 

  4174.     case "ArrowLeft":
    4175. 

  4175.     case "ArrowRight":
    4176. 

  4176.       if (document.activeElement.type != "text"){
    4177. 

  4177.         e.preventDefault();
    4178. 

  4178.         let boardRotationElement = document.getElementById("boardRotation")
    4179. 

  4179.         settings.boardRotation = parseInt(boardRotationElement.value);  // degrees / 5
    4180. 

  4180.         if (e.key == "ArrowLeft"){
    4181. 

  4181.             settings.boardRotation += 3;  // 15 degrees
    4182. 

  4182.         }
    4183. 

  4183.         else{
    4184. 

  4184.             settings.boardRotation -= 3;
    4185. 

  4185.         }
    4186. 

  4186.         settings.boardRotation = constrain(settings.boardRotation, boardRotationElement.min, boardRotationElement.max);
    4187. 

  4187.         boardRotationElement.value = settings.boardRotation
    4188. 

  4188.         setBoardRotation(settings.boardRotation);
    4189. 

  4189.       }
    4190. 

  4190.       break;
    4191. 

  4191.     default:
    4192. 

  4192.       break;
    4193. 

  4193.   }
    4194. 

  4194.   if (e.altKey) {
    4195. 

  4195.     switch (e.key) {
    4196. 

  4196.       case "f":
    4197. 

  4197.         focusFilterField();
    4198. 

  4198.         e.preventDefault();
    4199. 

  4199.         break;
    4200. 

  4200.       case "r":
    4201. 

  4201.         focusRefLookupField();
    4202. 

  4202.         e.preventDefault();
    4203. 

  4203.         break;
    4204. 

  4204.       case "z":
    4205. 

  4205.         changeBomLayout("bom-only");
    4206. 

  4206.         e.preventDefault();
    4207. 

  4207.         break;
    4208. 

  4208.       case "x":
    4209. 

  4209.         changeBomLayout("left-right");
    4210. 

  4210.         e.preventDefault();
    4211. 

  4211.         break;
    4212. 

  4212.       case "c":
    4213. 

  4213.         changeBomLayout("top-bottom");
    4214. 

  4214.         e.preventDefault();
    4215. 

  4215.         break;
    4216. 

  4216.       case "v":
    4217. 

  4217.         changeCanvasLayout("F");
    4218. 

  4218.         e.preventDefault();
    4219. 

  4219.         break;
    4220. 

  4220.       case "b":
    4221. 

  4221.         changeCanvasLayout("FB");
    4222. 

  4222.         e.preventDefault();
    4223. 

  4223.         break;
    4224. 

  4224.       case "n":
    4225. 

  4225.         changeCanvasLayout("B");
    4226. 

  4226.         e.preventDefault();
    4227. 

  4227.         break;
    4228. 

  4228.       default:
    4229. 

  4229.         break;
    4230. 

  4230.     }
    4231. 

  4231.     if (e.key >= '1' && e.key <= '9') {
    4232. 

  4232.       toggleBomCheckbox(currentHighlightedRowId, parseInt(e.key));
    4233. 

  4233.       e.preventDefault();
    4234. 

  4234.     }
    4235. 

  4235.   }
    4236. 

  4236. }
    4237. 

  4237. 

  4238. function hideNetlistButton() {
    4239. 

  4239.   document.getElementById("bom-ungrouped-btn").classList.remove("middle-button");
    4240. 

  4240.   document.getElementById("bom-ungrouped-btn").classList.add("right-most-button");
    4241. 

  4241.   document.getElementById("bom-netlist-btn").style.display = "none";
    4242. 

  4242. }
    4243. 

  4243. 

  4244. window.onload = function (e) {
    4245. 

  4245.   initUtils();
    4246. 

  4246.   initRender();
    4247. 

  4247.   initStorage();
    4248. 

  4248.   initDefaults();
    4249. 

  4249.   cleanGutters();
    4250. 

  4250.   populateMetadata();
    4251. 

  4251.   dbgdiv = document.getElementById("dbg");
    4252. 

  4252.   bom = document.getElementById("bombody");
    4253. 

  4253.   bomhead = document.getElementById("bomhead");
    4254. 

  4254.   filter = "";
    4255. 

  4255.   reflookup = "";
    4256. 

  4256.   if (!("nets" in pcbdata)) {
    4257. 

  4257.     hideNetlistButton();
    4258. 

  4258.   }
    4259. 

  4259.   initDone = true;
    4260. 

  4260.   setBomCheckboxes(document.getElementById("bomCheckboxes").value);
    4261. 

  4261.   // Triggers render
    4262. 

  4262.   changeBomLayout(settings.bomlayout);
    4263. 

  4263. 

  4264.   // Users may leave fullscreen without touching the checkbox. Uncheck.
    4265. 

  4265.   document.addEventListener('fullscreenchange', () => {
    4266. 

  4266.     if (!document.fullscreenElement)
    4267. 

  4267.       document.getElementById('fullscreenCheckbox').checked = false;
    4268. 

  4268.   });
    4269. 

  4269. }
    4270. 

  4270. 

  4271. window.onresize = resizeAll;
    4272. 

  4272. window.matchMedia("print").addListener(resizeAll);
    4273. 

  4273. 

  4274. ///////////////////////////////////////////////
    4275. 

  4275. 

  4276. ///////////////////////////////////////////////
    4277. 

  4277. 

  4278. ///////////////////////////////////////////////
    4279. 

  4279.   </script>
    4280. 

  4280. </head>
    4281. 

  4281. 

  4282. <body>
    4283. 

  4283. 

  4284. <div id="topmostdiv" class="topmostdiv">
    4285. 

  4285.   <div id="top">
    4286. 

  4286.     <div style="float: right; height: 100%;">
    4287. 

  4287.       <div class="hideonprint menu" style="float: right; top: 8px;">
    4288. 

  4288.         <button class="menubtn"></button>
    4289. 

  4289.         <div class="menu-content">
    4290. 

  4290.           <label class="menu-label menu-label-top" style="width: calc(50% - 18px)">
    4291. 

  4291.             <input id="darkmodeCheckbox" type="checkbox" onchange="setDarkMode(this.checked)">
    4292. 

  4292.             Dark mode
    4293. 

  4293.           </label><!-- This comment eats space! All of it!
    4294. 

  4294.           --><label class="menu-label menu-label-top" style="width: calc(50% - 17px); border-left: 0;">
    4295. 

  4295.             <input id="fullscreenCheckbox" type="checkbox" onchange="setFullscreen(this.checked)">
    4296. 

  4296.             Full Screen
    4297. 

  4297.           </label>
    4298. 

  4298.           <label class="menu-label" style="width: calc(50% - 18px)">
    4299. 

  4299.             <input id="fabricationCheckbox" type="checkbox" checked onchange="fabricationVisible(this.checked)">
    4300. 

  4300.             Fab layer
    4301. 

  4301.           </label><!-- This comment eats space! All of it!
    4302. 

  4302.           --><label class="menu-label" style="width: calc(50% - 17px); border-left: 0;">
    4303. 

  4303.             <input id="silkscreenCheckbox" type="checkbox" checked onchange="silkscreenVisible(this.checked)">
    4304. 

  4304.             Silkscreen
    4305. 

  4305.           </label>
    4306. 

  4306.           <label class="menu-label" style="width: calc(50% - 18px)">
    4307. 

  4307.             <input id="referencesCheckbox" type="checkbox" checked onchange="referencesVisible(this.checked)">
    4308. 

  4308.             References
    4309. 

  4309.           </label><!-- This comment eats space! All of it!
    4310. 

  4310.           --><label class="menu-label" style="width: calc(50% - 17px); border-left: 0;">
    4311. 

  4311.             <input id="valuesCheckbox" type="checkbox" checked onchange="valuesVisible(this.checked)">
    4312. 

  4312.             Values
    4313. 

  4313.           </label>
    4314. 

  4314.           <div id="tracksAndZonesCheckboxes">
    4315. 

  4315.             <label class="menu-label" style="width: calc(50% - 18px)">
    4316. 

  4316.               <input id="tracksCheckbox" type="checkbox" checked onchange="tracksVisible(this.checked)">
    4317. 

  4317.               Tracks
    4318. 

  4318.             </label><!-- This comment eats space! All of it!
    4319. 

  4319.             --><label class="menu-label" style="width: calc(50% - 17px); border-left: 0;">
    4320. 

  4320.               <input id="zonesCheckbox" type="checkbox" checked onchange="zonesVisible(this.checked)">
    4321. 

  4321.               Zones
    4322. 

  4322.             </label>
    4323. 

  4323.           </div>
    4324. 

  4324.           <label class="menu-label" style="width: calc(50% - 18px)">
    4325. 

  4325.             <input id="padsCheckbox" type="checkbox" checked onchange="padsVisible(this.checked)">
    4326. 

  4326.             Pads
    4327. 

  4327.           </label><!-- This comment eats space! All of it!
    4328. 

  4328.           --><label class="menu-label" style="width: calc(50% - 17px); border-left: 0;">
    4329. 

  4329.             <input id="dnpOutlineCheckbox" type="checkbox" checked onchange="dnpOutline(this.checked)">
    4330. 

  4330.             DNP outlined
    4331. 

  4331.           </label>
    4332. 

  4332.           <label class="menu-label">
    4333. 

  4333.             <input id="dragCheckbox" type="checkbox" checked onchange="setRedrawOnDrag(this.checked)">
    4334. 

  4334.             Continuous redraw on drag
    4335. 

  4335.           </label>
    4336. 

  4336.           <label class="menu-label">
    4337. 

  4337.             Highlight first pin
    4338. 

  4338.             <form id="highlightpin1">
    4339. 

  4339.               <div class="flexbox">
    4340. 

  4340.                 <label>
    4341. 

  4341.                   <input type="radio" name="highlightpin1" value="none" onchange="setHighlightPin1('none')">
    4342. 

  4342.                   None
    4343. 

  4343.                 </label>
    4344. 

  4344.                 <label>
    4345. 

  4345.                   <input type="radio" name="highlightpin1" value="all" onchange="setHighlightPin1('all')">
    4346. 

  4346.                   All
    4347. 

  4347.                 </label>
    4348. 

  4348.                 <label>
    4349. 

  4349.                   <input type="radio" name="highlightpin1" value="selected" onchange="setHighlightPin1('selected')">
    4350. 

  4350.                   Selected
    4351. 

  4351.                 </label>
    4352. 

  4352.               </div>
    4353. 

  4353.             </form>
    4354. 

  4354.           </label>
    4355. 

  4355.           <label class="menu-label">
    4356. 

  4356.             <span>Board rotation</span>
    4357. 

  4357.             <span style="float: right"><span id="rotationDegree">0</span>&#176;</span>
    4358. 

  4358.             <input id="boardRotation" type="range" min="-36" max="36" value="0" class="slider" oninput="setBoardRotation(this.value)">
    4359. 

  4359.           </label>
    4360. 

  4360.           <label class="menu-label">
    4361. 

  4361.             <input id="offsetBackRotationCheckbox" type="checkbox" onchange="setOffsetBackRotation(this.checked)">
    4362. 

  4362.             Offset back rotation
    4363. 

  4363.           </label>
    4364. 

  4364.           <label class="menu-label">
    4365. 

  4365.             <div style="margin-left: 5px">Bom checkboxes</div>
    4366. 

  4366.             <input id="bomCheckboxes" class="menu-textbox" type=text
    4367. 

  4367.                    oninput="setBomCheckboxes(this.value)">
    4368. 

  4368.           </label>
    4369. 

  4369.           <label class="menu-label">
    4370. 

  4370.             <div style="margin-left: 5px">Mark when checked</div>
    4371. 

  4371.             <div id="markWhenCheckedContainer"></div>
    4372. 

  4372.           </label>
    4373. 

  4373.           <label class="menu-label">
    4374. 

  4374.             <span class="shameless-plug">
    4375. 

  4375.               <span>Created using</span>
    4376. 

  4376.               <a id="github-link" target="blank" href="https://github.com/openscopeproject/InteractiveHtmlBom">InteractiveHtmlBom</a>
    4377. 

  4377.               <a target="blank" title="Mouse and keyboard help" href="https://github.com/openscopeproject/InteractiveHtmlBom/wiki/Usage#bom-page-mouse-actions" style="text-decoration: none;"><label class="help-link">?</label></a>
    4378. 

  4378.             </span>
    4379. 

  4379.           </label>
    4380. 

  4380.         </div>
    4381. 

  4381.       </div>
    4382. 

  4382.       <div class="button-container hideonprint"
    4383. 

  4383.            style="float: right; position: relative; top: 8px">
    4384. 

  4384.         <button id="fl-btn" class="left-most-button" onclick="changeCanvasLayout('F')"
    4385. 

  4385.                 title="Front only">F
    4386. 

  4386.         </button>
    4387. 

  4387.         <button id="fb-btn" class="middle-button" onclick="changeCanvasLayout('FB')"
    4388. 

  4388.                 title="Front and Back">FB
    4389. 

  4389.         </button>
    4390. 

  4390.         <button id="bl-btn" class="right-most-button" onclick="changeCanvasLayout('B')"
    4391. 

  4391.                 title="Back only">B
    4392. 

  4392.         </button>
    4393. 

  4393.       </div>
    4394. 

  4394.       <div class="button-container hideonprint"
    4395. 

  4395.            style="float: right; position: relative; top: 8px">
    4396. 

  4396.         <button id="bom-btn" class="left-most-button" onclick="changeBomLayout('bom-only')"
    4397. 

  4397.                 title="BOM only"></button>
    4398. 

  4398.         <button id="lr-btn" class="middle-button" onclick="changeBomLayout('left-right')"
    4399. 

  4399.                 title="BOM left, drawings right"></button>
    4400. 

  4400.         <button id="tb-btn" class="right-most-button" onclick="changeBomLayout('top-bottom')"
    4401. 

  4401.                 title="BOM top, drawings bot"></button>
    4402. 

  4402.       </div>
    4403. 

  4403.       <div class="button-container hideonprint"
    4404. 

  4404.            style="float: right; position: relative; top: 8px">
    4405. 

  4405.         <button id="bom-grouped-btn" class="left-most-button" onclick="changeBomMode('grouped')"
    4406. 

  4406.                 title="Grouped BOM"></button>
    4407. 

  4407.         <button id="bom-ungrouped-btn" class="middle-button" onclick="changeBomMode('ungrouped')"
    4408. 

  4408.                 title="Ungrouped BOM"></button>
    4409. 

  4409.         <button id="bom-netlist-btn" class="right-most-button" onclick="changeBomMode('netlist')"
    4410. 

  4410.                 title="Netlist"></button>
    4411. 

  4411.       </div>
    4412. 

  4412.       <div class="hideonprint menu" style="float: right; top: 8px;">
    4413. 

  4413.         <button class="statsbtn"></button>
    4414. 

  4414.         <div class="menu-content">
    4415. 

  4415.           <table class="stats">
    4416. 

  4416.             <tbody>
    4417. 

  4417.               <tr>
    4418. 

  4418.                 <td width="40%">Board stats</td>
    4419. 

  4419.                 <td>Front</td>
    4420. 

  4420.                 <td>Back</td>
    4421. 

  4421.                 <td>Total</td>
    4422. 

  4422.               </tr>
    4423. 

  4423.               <tr>
    4424. 

  4424.                 <td>Components</td>
    4425. 

  4425.                 <td id="stats-components-front">~</td>
    4426. 

  4426.                 <td id="stats-components-back">~</td>
    4427. 

  4427.                 <td id="stats-components-total">~</td>
    4428. 

  4428.               </tr>
    4429. 

  4429.               <tr>
    4430. 

  4430.                 <td>Groups</td>
    4431. 

  4431.                 <td id="stats-groups-front">~</td>
    4432. 

  4432.                 <td id="stats-groups-back">~</td>
    4433. 

  4433.                 <td id="stats-groups-total">~</td>
    4434. 

  4434.               </tr>
    4435. 

  4435.               <tr>
    4436. 

  4436.                 <td>SMD pads</td>
    4437. 

  4437.                 <td id="stats-smd-pads-front">~</td>
    4438. 

  4438.                 <td id="stats-smd-pads-back">~</td>
    4439. 

  4439.                 <td id="stats-smd-pads-total">~</td>
    4440. 

  4440.               </tr>
    4441. 

  4441.               <tr>
    4442. 

  4442.                 <td>TH pads</td>
    4443. 

  4443.                 <td colspan=3 id="stats-th-pads">~</td>
    4444. 

  4444.               </tr>
    4445. 

  4445.             </tbody>
    4446. 

  4446.           </table>
    4447. 

  4447.           <table class="stats">
    4448. 

  4448.             <col width="40%"/><col />
    4449. 

  4449.             <tbody id="checkbox-stats">
    4450. 

  4450.               <tr>
    4451. 

  4451.                 <td colspan=2 style="border-top: 0">Checkboxes</td>
    4452. 

  4452.               </tr>
    4453. 

  4453.             </tbody>
    4454. 

  4454.           </table>
    4455. 

  4455.         </div>
    4456. 

  4456.       </div>
    4457. 

  4457.       <div class="hideonprint menu" style="float: right; top: 8px;">
    4458. 

  4458.         <button class="iobtn"></button>
    4459. 

  4459.         <div class="menu-content">
    4460. 

  4460.           <div class="menu-label menu-label-top">
    4461. 

  4461.             <div style="margin-left: 5px;">Save board image</div>
    4462. 

  4462.             <div class="flexbox">
    4463. 

  4463.               <input id="render-save-width" class="menu-textbox" type="text" value="1000" placeholder="Width"
    4464. 

  4464.                   style="flex-grow: 1; width: 50px;" oninput="validateSaveImgDimension(this)">
    4465. 

  4465.               <span>X</span>
    4466. 

  4466.               <input id="render-save-height" class="menu-textbox" type="text" value="1000" placeholder="Height"
    4467. 

  4467.                   style="flex-grow: 1; width: 50px;" oninput="validateSaveImgDimension(this)">
    4468. 

  4468.             </div>
    4469. 

  4469.             <label>
    4470. 

  4470.               <input id="render-save-transparent" type="checkbox">
    4471. 

  4471.               Transparent background
    4472. 

  4472.             </label>
    4473. 

  4473.             <div class="flexbox">
    4474. 

  4474.               <button class="savebtn" onclick="saveImage('F')">Front</button>
    4475. 

  4475.               <button class="savebtn" onclick="saveImage('B')">Back</button>
    4476. 

  4476.             </div>
    4477. 

  4477.           </div>
    4478. 

  4478.           <div class="menu-label">
    4479. 

  4479.             <span style="margin-left: 5px;">Config and checkbox state</span>
    4480. 

  4480.             <div class="flexbox">
    4481. 

  4481.               <button class="savebtn" onclick="saveSettings()">Export</button>
    4482. 

  4482.               <button class="savebtn" onclick="loadSettings()">Import</button>
    4483. 

  4483.               <button class="savebtn" onclick="resetSettings()">Reset</button>
    4484. 

  4484.             </div>
    4485. 

  4485.           </div>
    4486. 

  4486.           <div class="menu-label">
    4487. 

  4487.             <span style="margin-left: 5px;">Save bom table as</span>
    4488. 

  4488.             <div class="flexbox">
    4489. 

  4489.               <button class="savebtn" onclick="saveBomTable('csv')">csv</button>
    4490. 

  4490.               <button class="savebtn" onclick="saveBomTable('txt')">txt</button>
    4491. 

  4491.             </div>
    4492. 

  4492.           </div>
    4493. 

  4493.         </div>
    4494. 

  4494.       </div>
    4495. 

  4495.     </div>
    4496. 

  4496.     <div id="fileinfodiv" style="overflow: auto;">
    4497. 

  4497.       <table class="fileinfo">
    4498. 

  4498.         <tbody>
    4499. 

  4499.           <tr>
    4500. 

  4500.             <td id="title" class="title" style="width: 70%">
    4501. 

  4501.               Title
    4502. 

  4502.             </td>
    4503. 

  4503.             <td id="revision" class="title" style="width: 30%">
    4504. 

  4504.               Revision
    4505. 

  4505.             </td>
    4506. 

  4506.           </tr>
    4507. 

  4507.           <tr>
    4508. 

  4508.             <td id="company">
    4509. 

  4509.               Company
    4510. 

  4510.             </td>
    4511. 

  4511.             <td id="filedate">
    4512. 

  4512.               Date
    4513. 

  4513.             </td>
    4514. 

  4514.           </tr>
    4515. 

  4515.         </tbody>
    4516. 

  4516.       </table>
    4517. 

  4517.     </div>
    4518. 

  4518.   </div>
    4519. 

  4519.   <div id="bot" class="split" style="height: calc(100% - 80px)">
    4520. 

  4520.     <div id="bomdiv" class="split split-horizontal">
    4521. 

  4521.       <div style="width: 100%">
    4522. 

  4522.         <input id="reflookup" class="textbox searchbox reflookup hideonprint" type="text" placeholder="Ref lookup"
    4523. 

  4523.                oninput="updateRefLookup(this.value)">
    4524. 

  4524.         <input id="filter" class="textbox searchbox filter hideonprint" type="text" placeholder="Filter"
    4525. 

  4525.                oninput="updateFilter(this.value)">
    4526. 

  4526.         <div class="button-container hideonprint" style="float: left; margin: 0;">
    4527. 

  4527.           <button id="copy" title="Copy bom table to clipboard"
    4528. 

  4528.                onclick="saveBomTable('clipboard')"></button>
    4529. 

  4529.         </div>
    4530. 

  4530.       </div>
    4531. 

  4531.       <div id="dbg"></div>
    4532. 

  4532.       <table class="bom" id="bomtable">
    4533. 

  4533.         <thead id="bomhead">
    4534. 

  4534.         </thead>
    4535. 

  4535.         <tbody id="bombody">
    4536. 

  4536.         </tbody>
    4537. 

  4537.       </table>
    4538. 

  4538.     </div>
    4539. 

  4539.     <div id="canvasdiv" class="split split-horizontal">
    4540. 

  4540.       <div id="frontcanvas" class="split" touch-action="none" style="overflow: hidden">
    4541. 

  4541.         <div style="position: relative; width: 100%; height: 100%;">
    4542. 

  4542.           <canvas id="F_bg" style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas>
    4543. 

  4543.           <canvas id="F_fab" style="position: absolute; left: 0; top: 0; z-index: 1;"></canvas>
    4544. 

  4544.           <canvas id="F_slk" style="position: absolute; left: 0; top: 0; z-index: 2;"></canvas>
    4545. 

  4545.           <canvas id="F_hl" style="position: absolute; left: 0; top: 0; z-index: 3;"></canvas>
    4546. 

  4546.         </div>
    4547. 

  4547.       </div>
    4548. 

  4548.       <div id="backcanvas" class="split" touch-action="none" style="overflow: hidden">
    4549. 

  4549.         <div style="position: relative; width: 100%; height: 100%;">
    4550. 

  4550.           <canvas id="B_bg" style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas>
    4551. 

  4551.           <canvas id="B_fab" style="position: absolute; left: 0; top: 0; z-index: 1;"></canvas>
    4552. 

  4552.           <canvas id="B_slk" style="position: absolute; left: 0; top: 0; z-index: 2;"></canvas>
    4553. 

  4553.           <canvas id="B_hl" style="position: absolute; left: 0; top: 0; z-index: 3;"></canvas>
    4554. 

  4554.         </div>
    4555. 

  4555.       </div>
    4556. 

  4556.     </div>
    4557. 

  4557.   </div>
    4558. 

  4558. </div>
    4559. 

  4559. 

  4560. </body>
    4561. 

  4561. 

  4562. </html>
    4563.