ibom.html - reform - MNT Reform: Open Source Portable Computer

ibom.html (167755B)
      1 <!DOCTYPE html>
      2 <html lang="en">
      3 
      4 <head>
      5   <meta charset="UTF-8">
      6   <meta name="viewport" content="width=device-width, initial-scale=1.0">
      7   <title>Interactive BOM for KiCAD</title>
      8   <style type="text/css">
      9 :root {
     10   --pcb-edge-color: black;
     11   --pad-color: #878787;
     12   --pad-color-highlight: #D04040;
     13   --pin1-outline-color: #ffb629;
     14   --pin1-outline-color-highlight: #b4ff03;
     15   --silkscreen-edge-color: #aa4;
     16   --silkscreen-polygon-color: #4aa;
     17   --silkscreen-text-color: #4aa;
     18   --fabrication-edge-color: #907651;
     19   --fabrication-polygon-color: #907651;
     20   --fabrication-text-color: #a27c24;
     21   --track-color: #def5f1;
     22   --track-color-highlight: #D04040;
     23   --zone-color: #def5f1;
     24   --zone-color-highlight: #d0404080;
     25 }
     26 
     27 html, body {
     28   margin: 0px;
     29   height: 100%;
     30   font-family: Verdana, sans-serif;
     31 }
     32 
     33 .dark.topmostdiv {
     34   --pcb-edge-color: #eee;
     35   --pad-color: #808080;
     36   --pin1-outline-color: #ffa800;
     37   --pin1-outline-color-highlight: #ccff00;
     38   --track-color: #42524f;
     39   --zone-color: #42524f;
     40   background-color: #252c30;
     41   color: #eee;
     42 }
     43 
     44 button {
     45   background-color: #eee;
     46   border: 1px solid #888;
     47   color: black;
     48   height: 44px;
     49   width: 44px;
     50   text-align: center;
     51   text-decoration: none;
     52   display: inline-block;
     53   font-size: 14px;
     54   font-weight: bolder;
     55 }
     56 
     57 .dark button {
     58   /* This will be inverted */
     59   background-color: #c3b7b5;
     60 }
     61 
     62 button.depressed {
     63   background-color: #0a0;
     64   color: white;
     65 }
     66 
     67 .dark button.depressed {
     68   /* This will be inverted */
     69   background-color: #b3b;
     70 }
     71 
     72 button:focus {
     73   outline: 0;
     74 }
     75 
     76 button#tb-btn {
     77   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");
     78 }
     79 
     80 button#lr-btn {
     81   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");
     82 }
     83 
     84 button#bom-btn {
     85   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");
     86 }
     87 
     88 button#bom-grouped-btn {
     89   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");
     90 }
     91 
     92 button#bom-ungrouped-btn {
     93   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");
     94 }
     95 
     96 button#bom-netlist-btn {
     97   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");
     98 }
     99 
    100 button#copy {
    101   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");
    102   background-position: 6px 6px;
    103   background-repeat: no-repeat;
    104   background-size: 26px 26px;
    105   border-radius: 6px;
    106   height: 40px;
    107   width: 40px;
    108   margin: 10px 5px;
    109 }
    110 
    111 button#copy:active {
    112     box-shadow: inset 0px 0px 5px #6c6c6c;
    113 }
    114 
    115 textarea.clipboard-temp {
    116   position: fixed;
    117   top: 0;
    118   left: 0;
    119   width: 2em;
    120   height: 2em;
    121   padding: 0;
    122   border: None;
    123   outline: None;
    124   box-shadow: None;
    125   background: transparent;
    126 }
    127 
    128 .left-most-button {
    129   border-right: 0;
    130   border-top-left-radius: 6px;
    131   border-bottom-left-radius: 6px;
    132 }
    133 
    134 .middle-button {
    135   border-right: 0;
    136 }
    137 
    138 .right-most-button {
    139   border-top-right-radius: 6px;
    140   border-bottom-right-radius: 6px;
    141 }
    142 
    143 .button-container {
    144   font-size: 0;
    145   margin: 10px 10px 10px 0px;
    146 }
    147 
    148 .dark .button-container {
    149   filter: invert(1);
    150 }
    151 
    152 .button-container button {
    153   background-size: 32px 32px;
    154   background-position: 5px 5px;
    155   background-repeat: no-repeat;
    156 }
    157 
    158 @media print {
    159   .hideonprint {
    160     display: none;
    161   }
    162 }
    163 
    164 canvas {
    165   cursor: crosshair;
    166 }
    167 
    168 canvas:active {
    169   cursor: grabbing;
    170 }
    171 
    172 .fileinfo {
    173   width: 100%;
    174   max-width: 1000px;
    175   border: none;
    176   padding: 5px;
    177 }
    178 
    179 .fileinfo .title {
    180   font-size: 20pt;
    181   font-weight: bold;
    182 }
    183 
    184 .fileinfo td {
    185   overflow: hidden;
    186   white-space: nowrap;
    187   max-width: 1px;
    188   width: 50%;
    189   text-overflow: ellipsis;
    190 }
    191 
    192 .bom {
    193   border-collapse: collapse;
    194   font-family: Consolas, "DejaVu Sans Mono", Monaco, monospace;
    195   font-size: 10pt;
    196   table-layout: fixed;
    197   width: 100%;
    198   margin-top: 1px;
    199 }
    200 
    201 .bom th, .bom td {
    202   border: 1px solid black;
    203   padding: 5px;
    204   word-wrap: break-word;
    205   text-align: center;
    206   position: relative;
    207 }
    208 
    209 .dark .bom th, .dark .bom td {
    210   border: 1px solid #777;
    211 }
    212 
    213 .bom th {
    214   background-color: #CCCCCC;
    215   background-clip: padding-box;
    216 }
    217 
    218 .dark .bom th {
    219   background-color: #3b4749;
    220 }
    221 
    222 .bom tr.highlighted:nth-child(n) {
    223   background-color: #cfc;
    224 }
    225 
    226 .dark .bom tr.highlighted:nth-child(n) {
    227   background-color: #226022;
    228 }
    229 
    230 .bom tr:nth-child(even) {
    231   background-color: #f2f2f2;
    232 }
    233 
    234 .dark .bom tr:nth-child(even) {
    235   background-color: #313b40;
    236 }
    237 
    238 .bom tr.checked {
    239   color: #aaa;
    240 }
    241 
    242 .dark .bom tr.checked {
    243   color: #666;
    244 }
    245 
    246 .bom tr {
    247   transition: background-color 0.2s;
    248 }
    249 
    250 .bom .numCol {
    251   width: 25px;
    252 }
    253 
    254 .bom .Description {
    255   width: 10%;
    256 }
    257 
    258 .bom .Part {
    259   width: 10%;
    260 }
    261 
    262 .bom .Value {
    263   width: 15%;
    264 }
    265 
    266 .bom .Quantity {
    267   width: 65px;
    268 }
    269 
    270 .bom th .sortmark {
    271   position: absolute;
    272   right: 1px;
    273   top: 1px;
    274   margin-top: -5px;
    275   border-width: 5px;
    276   border-style: solid;
    277   border-color: transparent transparent #221 transparent;
    278   transform-origin: 50% 85%;
    279   transition: opacity 0.2s, transform 0.4s;
    280 }
    281 
    282 .dark .bom th .sortmark {
    283   filter: invert(1);
    284 }
    285 
    286 .bom th .sortmark.none {
    287   opacity: 0;
    288 }
    289 
    290 .bom th .sortmark.desc {
    291   transform: rotate(180deg);
    292 }
    293 
    294 .bom th:hover .sortmark.none {
    295   opacity: 0.5;
    296 }
    297 
    298 .bom .bom-checkbox {
    299   width: 30px;
    300   position: relative;
    301   user-select: none;
    302   -moz-user-select: none;
    303 }
    304 
    305 .bom .bom-checkbox:before {
    306   content: "";
    307   position: absolute;
    308   border-width: 15px;
    309   border-style: solid;
    310   border-color: #51829f transparent transparent transparent;
    311   visibility: hidden;
    312   top: -15px;
    313 }
    314 
    315 .bom .bom-checkbox:after {
    316   content: "Double click to set/unset all";
    317   position: absolute;
    318   color: white;
    319   top: -35px;
    320   left: -26px;
    321   background: #51829f;
    322   padding: 5px 15px;
    323   border-radius: 8px;
    324   white-space: nowrap;
    325   visibility: hidden;
    326 }
    327 
    328 .bom .bom-checkbox:hover:before, .bom .bom-checkbox:hover:after {
    329   visibility: visible;
    330   transition: visibility 0.2s linear 1s;
    331 }
    332 
    333 .split {
    334   -webkit-box-sizing: border-box;
    335   -moz-box-sizing: border-box;
    336   box-sizing: border-box;
    337   overflow-y: auto;
    338   overflow-x: hidden;
    339   background-color: inherit;
    340 }
    341 
    342 .split.split-horizontal, .gutter.gutter-horizontal {
    343   height: 100%;
    344   float: left;
    345 }
    346 
    347 .gutter {
    348   background-color: #ddd;
    349   background-repeat: no-repeat;
    350   background-position: 50%;
    351   transition: background-color 0.3s;
    352 }
    353 
    354 .dark .gutter {
    355   background-color: #777;
    356 }
    357 
    358 .gutter.gutter-horizontal {
    359   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
    360   cursor: ew-resize;
    361   width: 5px;
    362 }
    363 
    364 .gutter.gutter-vertical {
    365   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=');
    366   cursor: ns-resize;
    367   height: 5px;
    368 }
    369 
    370 .searchbox {
    371   float: left;
    372   height: 40px;
    373   margin: 10px 5px;
    374   padding: 12px 32px;
    375   font-family: Consolas, "DejaVu Sans Mono", Monaco, monospace;
    376   font-size: 18px;
    377   box-sizing: border-box;
    378   border: 1px solid #888;
    379   border-radius: 6px;
    380   outline: none;
    381   background-color: #eee;
    382   transition: background-color 0.2s, border 0.2s;
    383   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==');
    384   background-position: 10px 10px;
    385   background-repeat: no-repeat;
    386 }
    387 
    388 .dark .searchbox {
    389   background-color: #111;
    390   color: #eee;
    391 }
    392 
    393 .searchbox::placeholder {
    394   color: #ccc;
    395 }
    396 
    397 .dark .searchbox::placeholder {
    398   color: #666;
    399 }
    400 
    401 .filter {
    402   width: calc(60% - 64px);
    403 }
    404 
    405 .reflookup {
    406   width: calc(40% - 10px);
    407 }
    408 
    409 input[type=text]:focus {
    410   background-color: white;
    411   border: 1px solid #333;
    412 }
    413 
    414 .dark input[type=text]:focus {
    415   background-color: #333;
    416   border: 1px solid #ccc;
    417 }
    418 
    419 mark.highlight {
    420   background-color: #5050ff;
    421   color: #fff;
    422   padding: 2px;
    423   border-radius: 6px;
    424 }
    425 
    426 .dark mark.highlight {
    427   background-color: #76a6da;
    428   color: #111;
    429 }
    430 
    431 .menubtn {
    432   background-color: white;
    433   border: none;
    434   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");
    435   background-position: center;
    436   background-repeat: no-repeat;
    437 }
    438 
    439 .statsbtn {
    440   background-color: white;
    441   border: none;
    442   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");
    443   background-position: center;
    444   background-repeat: no-repeat;
    445 }
    446 
    447 .iobtn {
    448   background-color: white;
    449   border: none;
    450   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");
    451   background-position: center;
    452   background-repeat: no-repeat;
    453 }
    454 
    455 .dark .statsbtn, .dark .savebtn, .dark .menubtn, .dark .iobtn {
    456   filter: invert(1);
    457 }
    458 
    459 .flexbox {
    460   display: flex;
    461   align-items: center;
    462   justify-content: space-between;
    463   width: 100%;
    464 }
    465 
    466 .savebtn {
    467   background-color: #d6d6d6;
    468   width: auto;
    469   height: 30px;
    470   flex-grow: 1;
    471   margin: 5px;
    472   border-radius: 4px;
    473 }
    474 
    475 .savebtn:active {
    476   background-color: #0a0;
    477   color: white;
    478 }
    479 
    480 .dark .savebtn:active {
    481   /* This will be inverted */
    482   background-color: #b3b;
    483 }
    484 
    485 .stats {
    486   border-collapse: collapse;
    487   font-size: 12pt;
    488   table-layout: fixed;
    489   width: 100%;
    490   min-width: 450px;
    491 }
    492 
    493 .dark .stats td {
    494   border: 1px solid #bbb;
    495 }
    496 
    497 .stats td {
    498   border: 1px solid black;
    499   padding: 5px;
    500   word-wrap: break-word;
    501   text-align: center;
    502   position: relative;
    503 }
    504 
    505 #checkbox-stats div {
    506   position: absolute;
    507   left: 0;
    508   top: 0;
    509   height: 100%;
    510   width: 100%;
    511   display: flex;
    512   align-items: center;
    513   justify-content: center;
    514 }
    515 
    516 #checkbox-stats .bar {
    517   background-color: rgba(28, 251, 0, 0.6);
    518 }
    519 
    520 .menu {
    521   position: relative;
    522   display: inline-block;
    523   margin: 10px 10px 10px 0px;
    524 }
    525 
    526 .menu-content {
    527   display: none;
    528   position: absolute;
    529   background-color: white;
    530   right: 0;
    531   min-width: 300px;
    532   box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    533   z-index: 100;
    534   padding: 8px;
    535 }
    536 
    537 .dark .menu-content {
    538   background-color: #111;
    539 }
    540 
    541 .menu:hover .menu-content {
    542   display: block;
    543 }
    544 
    545 .menu:hover .menubtn, .menu:hover .iobtn, .menu:hover .statsbtn {
    546   background-color: #eee;
    547 }
    548 
    549 .menu-label {
    550   display: inline-block;
    551   padding: 8px;
    552   border: 1px solid #ccc;
    553   border-top: 0;
    554   width: calc(100% - 18px);
    555 }
    556 
    557 .menu-label-top {
    558   border-top: 1px solid #ccc;
    559 }
    560 
    561 .menu-textbox {
    562   float: left;
    563   height: 24px;
    564   margin: 10px 5px;
    565   padding: 5px 5px;
    566   font-family: Consolas, "DejaVu Sans Mono", Monaco, monospace;
    567   font-size: 14px;
    568   box-sizing: border-box;
    569   border: 1px solid #888;
    570   border-radius: 4px;
    571   outline: none;
    572   background-color: #eee;
    573   transition: background-color 0.2s, border 0.2s;
    574   width: calc(100% - 10px);
    575 }
    576 
    577 .menu-textbox.invalid, .dark .menu-textbox.invalid {
    578   color: red;
    579 }
    580 
    581 .dark .menu-textbox {
    582   background-color: #222;
    583   color: #eee;
    584 }
    585 
    586 .radio-container {
    587   margin: 4px;
    588 }
    589 
    590 .topmostdiv {
    591   width: 100%;
    592   height: 100%;
    593   background-color: white;
    594   transition: background-color 0.3s;
    595 }
    596 
    597 #top {
    598   height: 78px;
    599   border-bottom: 2px solid black;
    600 }
    601 
    602 .dark #top {
    603   border-bottom: 2px solid #ccc;
    604 }
    605 
    606 #dbg {
    607   display: block;
    608 }
    609 
    610 ::-webkit-scrollbar {
    611   width: 8px;
    612 }
    613 
    614 ::-webkit-scrollbar-track {
    615   background: #aaa;
    616 }
    617 
    618 ::-webkit-scrollbar-thumb {
    619   background: #666;
    620   border-radius: 3px;
    621 }
    622 
    623 ::-webkit-scrollbar-thumb:hover {
    624   background: #555;
    625 }
    626 
    627 .slider {
    628   -webkit-appearance: none;
    629   width: 100%;
    630   margin: 3px 0;
    631   padding: 0;
    632   outline: none;
    633   opacity: 0.7;
    634   -webkit-transition: .2s;
    635   transition: opacity .2s;
    636   border-radius: 3px;
    637 }
    638 
    639 .slider:hover {
    640   opacity: 1;
    641 }
    642 
    643 .slider:focus {
    644   outline: none;
    645 }
    646 
    647 .slider::-webkit-slider-runnable-track {
    648   -webkit-appearance: none;
    649   width: 100%;
    650   height: 8px;
    651   background: #d3d3d3;
    652   border-radius: 3px;
    653   border: none;
    654 }
    655 
    656 .slider::-webkit-slider-thumb {
    657   -webkit-appearance: none;
    658   width: 15px;
    659   height: 15px;
    660   border-radius: 50%;
    661   background: #0a0;
    662   cursor: pointer;
    663   margin-top: -4px;
    664 }
    665 
    666 .dark .slider::-webkit-slider-thumb {
    667   background: #3d3;
    668 }
    669 
    670 .slider::-moz-range-thumb {
    671   width: 15px;
    672   height: 15px;
    673   border-radius: 50%;
    674   background: #0a0;
    675   cursor: pointer;
    676 }
    677 
    678 .slider::-moz-range-track {
    679   height: 8px;
    680   background: #d3d3d3;
    681   border-radius: 3px;
    682 }
    683 
    684 .dark .slider::-moz-range-thumb {
    685   background: #3d3;
    686 }
    687 
    688 .slider::-ms-track {
    689   width: 100%;
    690   height: 8px;
    691   border-width: 3px 0;
    692   background: transparent;
    693   border-color: transparent;
    694   color: transparent;
    695   transition: opacity .2s;
    696 }
    697 
    698 .slider::-ms-fill-lower {
    699   background: #d3d3d3;
    700   border: none;
    701   border-radius: 3px;
    702 }
    703 
    704 .slider::-ms-fill-upper {
    705   background: #d3d3d3;
    706   border: none;
    707   border-radius: 3px;
    708 }
    709 
    710 .slider::-ms-thumb {
    711   width: 15px;
    712   height: 15px;
    713   border-radius: 50%;
    714   background: #0a0;
    715   cursor: pointer;
    716   margin: 0;
    717 }
    718 
    719 .shameless-plug {
    720   font-size: 0.8em;
    721   text-align: center;
    722   display: block;
    723 }
    724 
    725 a {
    726   color: #0278a4;
    727 }
    728 
    729 .dark a {
    730   color: #00b9fd;
    731 }
    732 
    733 #frontcanvas, #backcanvas {
    734     touch-action: none;
    735 }
    736 
    737 
    738   </style>
    739   <script type="text/javascript" >
    740 ///////////////////////////////////////////////
    741 /*
    742   Split.js - v1.3.5
    743   MIT License
    744   https://github.com/nathancahill/Split.js
    745 */
    746 !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}}});
    747 
    748 ///////////////////////////////////////////////
    749 
    750 ///////////////////////////////////////////////
    751 // Copyright (c) 2013 Pieroxy <pieroxy@pieroxy.net>
    752 // This work is free. You can redistribute it and/or modify it
    753 // under the terms of the WTFPL, Version 2
    754 // For more information see LICENSE.txt or http://www.wtfpl.net/
    755 //
    756 // For more information, the home page:
    757 // http://pieroxy.net/blog/pages/lz-string/testing.html
    758 //
    759 // LZ-based compression algorithm, version 1.4.4
    760 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});
    761 ///////////////////////////////////////////////
    762 
    763 ///////////////////////////////////////////////
    764 /*!
    765  * PEP v0.4.3 | https://github.com/jquery/PEP
    766  * Copyright jQuery Foundation and other contributors | http://jquery.org/license
    767  */
    768 !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);
    769 for(var d,e=2;e<m.length;e++)d=m[e],c[d]=b[d]||n[e];c.buttons=b.buttons||0;
    770 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}})}
    771 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++)
    772 b.register.call(b,a)},unregister:function(a){for(var b,c=this.eventSourceList.length,d=0;d<c&&(b=this.eventSourceList[d]);d++)
    773 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){
    774 for(var b=a;b.parentNode;)b=b.parentNode;
    775 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);
    776 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){
    777 //
    778 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))},
    779 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){
    780 var b=x(a,this.findElements,this);
    781 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){}
    782 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:[],
    783 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++){
    784 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);
    785 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];
    786 c.buttons=b?b.buttons&~d:0,a.buttons=c.buttons}H.set(this.POINTER_ID,a),
    787 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),
    788 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),
    789 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);
    790 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){
    791 (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,
    792 c.altKey=b.altKey,c.ctrlKey=b.ctrlKey,c.metaKey=b.metaKey,c.shiftKey=b.shiftKey;
    793 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))},
    794 shouldScroll:function(a){if(this.firstXY){var b,c=a.currentTarget._scrollType;if("none"===c)
    795 b=!1;else if("XY"===c)
    796 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]);
    797 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},
    798 vacuumTouches:function(a){var b=a.touches;
    799 if(R.size>=b.length){var c=[];R.forEach(function(a,d){
    800 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);
    801 if(c){var d=c.out,e=c.outTarget;u.move(b),d&&e!==b.target&&(d.relatedTarget=b.target,b.relatedTarget=e,
    802 d.target=e,b.target?(u.leaveOut(d),u.enterOver(b)):(
    803 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)},
    804 dedupSynthMouse:function(a){var b=N.lastTouches,c=a.changedTouches[0];
    805 if(this.isPrimaryTouch(c)){
    806 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});
    807 
    808 ///////////////////////////////////////////////
    809 
    810 ///////////////////////////////////////////////
    811 var config = {"dark_mode": true, "show_pads": true, "show_fabrication": false, "show_silkscreen": true, "highlight_pin1": false, "redraw_on_drag": true, "board_rotation": 0.0, "checkboxes": "Sourced,Placed", "bom_view": "top-bottom", "layer_view": "F", "extra_fields": ["Manufacturer", "Manufacturer_No"]}
    812 ///////////////////////////////////////////////
    813 
    814 ///////////////////////////////////////////////
    815 var pcbdata = JSON.parse(LZString.decompressFromBase64("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"))
    816 ///////////////////////////////////////////////
    817 
    818 ///////////////////////////////////////////////
    819 /* Utility functions */
    820 
    821 var storagePrefix = 'KiCad_HTML_BOM__' + pcbdata.metadata.title + '__' +
    822   pcbdata.metadata.revision + '__#';
    823 var storage;
    824 
    825 function initStorage(key) {
    826   try {
    827     window.localStorage.getItem("blank");
    828     storage = window.localStorage;
    829   } catch (e) {
    830     // localStorage not available
    831   }
    832   if (!storage) {
    833     try {
    834       window.sessionStorage.getItem("blank");
    835       storage = window.sessionStorage;
    836     } catch (e) {
    837       // sessionStorage also not available
    838     }
    839   }
    840 }
    841 
    842 function readStorage(key) {
    843   if (storage) {
    844     return storage.getItem(storagePrefix + key);
    845   } else {
    846     return null;
    847   }
    848 }
    849 
    850 function writeStorage(key, value) {
    851   if (storage) {
    852     storage.setItem(storagePrefix + key, value);
    853   }
    854 }
    855 
    856 function fancyDblClickHandler(el, onsingle, ondouble) {
    857   return function() {
    858     if (el.getAttribute("data-dblclick") == null) {
    859       el.setAttribute("data-dblclick", 1);
    860       setTimeout(function() {
    861         if (el.getAttribute("data-dblclick") == 1) {
    862           onsingle();
    863         }
    864         el.removeAttribute("data-dblclick");
    865       }, 200);
    866     } else {
    867       el.removeAttribute("data-dblclick");
    868       ondouble();
    869     }
    870   }
    871 }
    872 
    873 function smoothScrollToRow(rowid) {
    874   document.getElementById(rowid).scrollIntoView({
    875     behavior: "smooth",
    876     block: "center",
    877     inline: "nearest"
    878   });
    879 }
    880 
    881 function focusInputField(input) {
    882   input.scrollIntoView(false);
    883   input.focus();
    884   input.select();
    885 }
    886 
    887 function copyToClipboard() {
    888   var text = '';
    889   for (var node of bomhead.childNodes[0].childNodes) {
    890     if (node.firstChild) {
    891       text = text + node.firstChild.nodeValue;
    892     }
    893     if (node != bomhead.childNodes[0].lastChild) {
    894       text += '\t';
    895     }
    896   }
    897   text += '\n';
    898   for (var row of bombody.childNodes) {
    899     for (var cell of row.childNodes) {
    900       for (var node of cell.childNodes) {
    901         if (node.nodeName == "INPUT") {
    902           if (node.checked) {
    903             text = text + '✓';
    904           }
    905         } else if (node.nodeName == "MARK") {
    906           text = text + node.firstChild.nodeValue;
    907         } else {
    908           text = text + node.nodeValue;
    909         }
    910       }
    911       if (cell != row.lastChild) {
    912         text += '\t';
    913       }
    914     }
    915     text += '\n';
    916   }
    917   var textArea = document.createElement("textarea");
    918   textArea.classList.add('clipboard-temp');
    919   textArea.value = text;
    920 
    921   document.body.appendChild(textArea);
    922   textArea.focus();
    923   textArea.select();
    924 
    925   try {
    926     if (document.execCommand('copy')) {
    927       console.log('Bom copied to clipboard.');
    928     }
    929   } catch (err) {
    930     console.log('Can not copy to clipboard.');
    931   }
    932 
    933   document.body.removeChild(textArea);
    934 }
    935 
    936 function removeGutterNode(node) {
    937   for (var i = 0; i < node.childNodes.length; i++) {
    938     if (node.childNodes[i].classList &&
    939       node.childNodes[i].classList.contains("gutter")) {
    940       node.removeChild(node.childNodes[i]);
    941       break;
    942     }
    943   }
    944 }
    945 
    946 function cleanGutters() {
    947   removeGutterNode(document.getElementById("bot"));
    948   removeGutterNode(document.getElementById("canvasdiv"));
    949 }
    950 
    951 var units = {
    952   prefixes: {
    953     giga: ["G", "g", "giga", "Giga", "GIGA"],
    954     mega: ["M", "mega", "Mega", "MEGA"],
    955     kilo: ["K", "k", "kilo", "Kilo", "KILO"],
    956     milli: ["m", "milli", "Milli", "MILLI"],
    957     micro: ["U", "u", "micro", "Micro", "MICRO", "μ", "µ"], // different utf8 μ
    958     nano: ["N", "n", "nano", "Nano", "NANO"],
    959     pico: ["P", "p", "pico", "Pico", "PICO"],
    960   },
    961   unitsShort: ["R", "r", "Ω", "F", "f", "H", "h"],
    962   unitsLong: [
    963     "OHM", "Ohm", "ohm", "ohms",
    964     "FARAD", "Farad", "farad",
    965     "HENRY", "Henry", "henry"
    966   ],
    967   getMultiplier: function(s) {
    968     if (this.prefixes.giga.includes(s)) return 1e9;
    969     if (this.prefixes.mega.includes(s)) return 1e6;
    970     if (this.prefixes.kilo.includes(s)) return 1e3;
    971     if (this.prefixes.milli.includes(s)) return 1e-3;
    972     if (this.prefixes.micro.includes(s)) return 1e-6;
    973     if (this.prefixes.nano.includes(s)) return 1e-9;
    974     if (this.prefixes.pico.includes(s)) return 1e-12;
    975     return 1;
    976   },
    977   valueRegex: null,
    978 }
    979 
    980 function initUtils() {
    981   var allPrefixes = units.prefixes.giga
    982                     .concat(units.prefixes.mega)
    983                     .concat(units.prefixes.kilo)
    984                     .concat(units.prefixes.milli)
    985                     .concat(units.prefixes.micro)
    986                     .concat(units.prefixes.nano)
    987                     .concat(units.prefixes.pico);
    988   var allUnits = units.unitsShort.concat(units.unitsLong);
    989   units.valueRegex = new RegExp("^([0-9\.]+)" +
    990                          "\\s*(" + allPrefixes.join("|") + ")?" +
    991                          "(" + allUnits.join("|") + ")?" +
    992                          "(\\b.*)?$", "");
    993   units.valueAltRegex = new RegExp("^([0-9]*)" +
    994                          "(" + units.unitsShort.join("|") + ")?" +
    995                          "([GgMmKkUuNnPp])?" +
    996                          "([0-9]*)" +
    997                          "(\\b.*)?$", "");
    998   for (var bom_type of ["both", "F", "B"]) {
    999     for (var row of pcbdata.bom[bom_type]) {
   1000       row.push(parseValue(row[1], row[3][0][0]));
   1001     }
   1002   }
   1003 }
   1004 
   1005 function parseValue(val, ref) {
   1006   var inferUnit = (unit, ref) => {
   1007     if (unit) {
   1008       unit = unit.toLowerCase();
   1009       if (unit == 'Ω' || unit == "ohm" || unit == "ohms") {
   1010         unit = 'r';
   1011       }
   1012       unit = unit[0];
   1013     } else {
   1014       ref = /^([a-z]+)\d+$/i.exec(ref);
   1015       if (ref) {
   1016         ref = ref[1].toLowerCase();
   1017         if (ref == "c") unit = 'f';
   1018         else if (ref == "l") unit = 'h';
   1019         else if (ref == "r" || ref == "rv") unit = 'r';
   1020         else unit = null;
   1021       }
   1022     }
   1023     return unit;
   1024   };
   1025   val = val.replace(/,/g, "");
   1026   var match = units.valueRegex.exec(val);
   1027   var unit;
   1028   if (match) {
   1029     val = parseFloat(match[1]);
   1030     if (match[2]) {
   1031       val = val * units.getMultiplier(match[2]);
   1032     }
   1033     unit = inferUnit(match[3], ref);
   1034     if (!unit) return null;
   1035     else return {
   1036       val: val,
   1037       unit: unit,
   1038       extra: match[4],
   1039     }
   1040   }
   1041   match = units.valueAltRegex.exec(val);
   1042   if (match && (match[1] || match[4])) {
   1043     val = parseFloat(match[1] + "." + match[4]);
   1044     if (match[3]) {
   1045       val = val * units.getMultiplier(match[3]);
   1046     }
   1047     unit = inferUnit(match[2], ref);
   1048     if (!unit) return null;
   1049     else return {
   1050       val: val,
   1051       unit: unit,
   1052       extra: match[5],
   1053     }
   1054   }
   1055   return null;
   1056 }
   1057 
   1058 function valueCompare(a, b, stra, strb) {
   1059   if (a === null && b === null) {
   1060     // Failed to parse both values, compare them as strings.
   1061     if (stra != strb) return stra > strb ? 1 : -1;
   1062     else return 0;
   1063   } else if (a === null) {
   1064     return 1;
   1065   } else if (b === null) {
   1066     return -1;
   1067   } else {
   1068     if (a.unit != b.unit) return a.unit > b.unit ? 1 : -1;
   1069     else if (a.val != b.val) return a.val > b.val ? 1 : -1;
   1070     else if (a.extra != b.extra) return a.extra > b.extra ? 1 : -1;
   1071     else return 0;
   1072   }
   1073 }
   1074 
   1075 function validateSaveImgDimension(element) {
   1076   var valid = false;
   1077   var intValue = 0;
   1078   if (/^[1-9]\d*$/.test(element.value)) {
   1079     intValue = parseInt(element.value);
   1080     if (intValue <= 16000) {
   1081       valid = true;
   1082     }
   1083   }
   1084   if (valid) {
   1085     element.classList.remove("invalid");
   1086   } else {
   1087     element.classList.add("invalid");
   1088   }
   1089   return intValue;
   1090 }
   1091 
   1092 function saveImage(layer) {
   1093   var width = validateSaveImgDimension(document.getElementById("render-save-width"));
   1094   var height = validateSaveImgDimension(document.getElementById("render-save-height"));
   1095   var bgcolor = null;
   1096   if (!document.getElementById("render-save-transparent").checked) {
   1097     var style = getComputedStyle(topmostdiv);
   1098     bgcolor = style.getPropertyValue("background-color");
   1099   }
   1100   if (!width || !height) return;
   1101 
   1102   // Prepare image
   1103   var canvas = document.createElement("canvas");
   1104   var layerdict = {
   1105     transform: {
   1106       x: 0,
   1107       y: 0,
   1108       s: 1,
   1109       panx: 0,
   1110       pany: 0,
   1111       zoom: 1,
   1112     },
   1113     bg: canvas,
   1114     fab: canvas,
   1115     silk: canvas,
   1116     highlight: canvas,
   1117     layer: layer,
   1118   }
   1119   // Do the rendering
   1120   recalcLayerScale(layerdict, width, height);
   1121   prepareLayer(layerdict);
   1122   clearCanvas(canvas, bgcolor);
   1123   drawBackground(layerdict, false);
   1124   drawHighlightsOnLayer(layerdict, false);
   1125 
   1126   // Save image
   1127   var imgdata = canvas.toDataURL("image/png");
   1128 
   1129   var filename = pcbdata.metadata.title;
   1130   if (pcbdata.metadata.revision) {
   1131     filename += `.${pcbdata.metadata.revision}`;
   1132   }
   1133   filename += `.${layer}.png`;
   1134   saveFile(filename, dataURLtoBlob(imgdata));
   1135 }
   1136 
   1137 function saveSettings() {
   1138   var data = {
   1139     type: "InteractiveHtmlBom settings",
   1140     version: 1,
   1141     pcbmetadata: pcbdata.metadata,
   1142     settings: settings,
   1143   }
   1144   var blob = new Blob([JSON.stringify(data, null, 4)], {type: "application/json"});
   1145   saveFile(`${pcbdata.metadata.title}.settings.json`, blob);
   1146 }
   1147 
   1148 function loadSettings() {
   1149   var input = document.createElement("input");
   1150   input.type = "file";
   1151   input.accept = ".settings.json";
   1152   input.onchange = function(e) {
   1153     var file = e.target.files[0];
   1154     var reader = new FileReader();
   1155     reader.onload = readerEvent => {
   1156       var content = readerEvent.target.result;
   1157       var newSettings;
   1158       try {
   1159         newSettings = JSON.parse(content);
   1160       } catch(e) {
   1161         alert("Selected file is not InteractiveHtmlBom settings file.");
   1162         return;
   1163       }
   1164       if (newSettings.type != "InteractiveHtmlBom settings") {
   1165         alert("Selected file is not InteractiveHtmlBom settings file.");
   1166         return;
   1167       }
   1168       var metadataMatches = newSettings.hasOwnProperty("pcbmetadata");
   1169       if (metadataMatches) {
   1170         for (var k in pcbdata.metadata) {
   1171           if (!newSettings.pcbmetadata.hasOwnProperty(k) || newSettings.pcbmetadata[k] != pcbdata.metadata[k]) {
   1172             metadataMatches = false;
   1173           }
   1174         }
   1175       }
   1176       if (!metadataMatches) {
   1177         var currentMetadata = JSON.stringify(pcbdata.metadata, null, 4);
   1178         var fileMetadata = JSON.stringify(newSettings.pcbmetadata, null, 4);
   1179         if (!confirm(
   1180           `Settins file metadata does not match current metadata.\n\n` +
   1181           `Page metadata:\n${currentMetadata}\n\n` +
   1182           `Settings file metadata:\n${fileMetadata}\n\n` +
   1183           `Press OK if you would like to import settings anyway.`)) {
   1184           return;
   1185         }
   1186       }
   1187       overwriteSettings(newSettings.settings);
   1188     }
   1189     reader.readAsText(file, 'UTF-8');
   1190   }
   1191   input.click();
   1192 }
   1193 
   1194 function overwriteSettings(newSettings) {
   1195   initDone = false;
   1196   Object.assign(settings, newSettings);
   1197   writeStorage("bomlayout", settings.bomlayout);
   1198   writeStorage("bommode", settings.bommode);
   1199   writeStorage("canvaslayout", settings.canvaslayout);
   1200   writeStorage("bomCheckboxes", settings.checkboxes.join(","));
   1201   document.getElementById("bomCheckboxes").value = settings.checkboxes.join(",");
   1202   for (var checkbox of settings.checkboxes) {
   1203     writeStorage("checkbox_" + checkbox, settings.checkboxStoredRefs[checkbox]);
   1204   }
   1205   writeStorage("darkenWhenChecked", settings.darkenWhenChecked);
   1206   padsVisible(settings.renderPads);
   1207   document.getElementById("padsCheckbox").checked = settings.renderPads;
   1208   fabricationVisible(settings.renderFabrication);
   1209   document.getElementById("fabricationCheckbox").checked = settings.renderFabrication;
   1210   silkscreenVisible(settings.renderSilkscreen);
   1211   document.getElementById("silkscreenCheckbox").checked = settings.renderSilkscreen;
   1212   referencesVisible(settings.renderReferences);
   1213   document.getElementById("referencesCheckbox").checked = settings.renderReferences;
   1214   valuesVisible(settings.renderValues);
   1215   document.getElementById("valuesCheckbox").checked = settings.renderValues;
   1216   tracksVisible(settings.renderTracks);
   1217   document.getElementById("tracksCheckbox").checked = settings.renderTracks;
   1218   zonesVisible(settings.renderZones);
   1219   document.getElementById("zonesCheckbox").checked = settings.renderZones;
   1220   dnpOutline(settings.renderDnpOutline);
   1221   document.getElementById("dnpOutlineCheckbox").checked = settings.renderDnpOutline;
   1222   setRedrawOnDrag(settings.redrawOnDrag);
   1223   document.getElementById("dragCheckbox").checked = settings.redrawOnDrag;
   1224   setDarkMode(settings.darkMode);
   1225   document.getElementById("darkmodeCheckbox").checked = settings.darkMode;
   1226   setHighlightPin1(settings.highlightpin1);
   1227   document.getElementById("highlightpin1Checkbox").checked = settings.highlightpin1;
   1228   writeStorage("boardRotation", settings.boardRotation);
   1229   document.getElementById("boardRotation").value = settings.boardRotation / 5;
   1230   document.getElementById("rotationDegree").textContent = settings.boardRotation;
   1231   initDone = true;
   1232   prepCheckboxes();
   1233   changeBomLayout(settings.bomlayout);
   1234 }
   1235 
   1236 function saveFile(filename, blob) {
   1237   var link = document.createElement("a");
   1238   var objurl = URL.createObjectURL(blob);
   1239   link.download = filename;
   1240   link.href = objurl;
   1241   link.click();
   1242 }
   1243 
   1244 function dataURLtoBlob(dataurl) {
   1245   var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
   1246       bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
   1247   while(n--){
   1248       u8arr[n] = bstr.charCodeAt(n);
   1249   }
   1250   return new Blob([u8arr], {type:mime});
   1251 }
   1252 
   1253 var settings = {
   1254   canvaslayout: "default",
   1255   bomlayout: "default",
   1256   bommode: "grouped",
   1257   checkboxes: [],
   1258   checkboxStoredRefs: {},
   1259   darkMode: false,
   1260   highlightpin1: false,
   1261   redrawOnDrag: true,
   1262   boardRotation: 0,
   1263   renderPads: true,
   1264   renderReferences: true,
   1265   renderValues: true,
   1266   renderSilkscreen: true,
   1267   renderFabrication: true,
   1268   renderDnpOutline: false,
   1269   renderTracks: true,
   1270   renderZones: true,
   1271 }
   1272 
   1273 function initDefaults() {
   1274   settings.bomlayout = readStorage("bomlayout");
   1275   if (settings.bomlayout === null) {
   1276     settings.bomlayout = config.bom_view;
   1277   }
   1278   if (!['bom-only', 'left-right', 'top-bottom'].includes(settings.bomlayout)) {
   1279     settings.bomlayout = config.bom_view;
   1280   }
   1281   settings.bommode = readStorage("bommode");
   1282   if (settings.bommode === null) {
   1283     settings.bommode = "grouped";
   1284   }
   1285   if (!["grouped", "ungrouped", "netlist"].includes(settings.bommode)) {
   1286     settings.bommode = "grouped";
   1287   }
   1288   settings.canvaslayout = readStorage("canvaslayout");
   1289   if (settings.canvaslayout === null) {
   1290     settings.canvaslayout = config.layer_view;
   1291   }
   1292   var bomCheckboxes = readStorage("bomCheckboxes");
   1293   if (bomCheckboxes === null) {
   1294     bomCheckboxes = config.checkboxes;
   1295   }
   1296   settings.checkboxes = bomCheckboxes.split(",").filter((e) => e);
   1297   document.getElementById("bomCheckboxes").value = bomCheckboxes;
   1298 
   1299   settings.darkenWhenChecked = readStorage("darkenWhenChecked") || "";
   1300   populateDarkenWhenCheckedOptions();
   1301 
   1302   function initBooleanSetting(storageString, def, elementId, func) {
   1303     var b = readStorage(storageString);
   1304     if (b === null) {
   1305       b = def;
   1306     } else {
   1307       b = (b == "true");
   1308     }
   1309     document.getElementById(elementId).checked = b;
   1310     func(b);
   1311   }
   1312 
   1313   initBooleanSetting("padsVisible", config.show_pads, "padsCheckbox", padsVisible);
   1314   initBooleanSetting("fabricationVisible", config.show_fabrication, "fabricationCheckbox", fabricationVisible);
   1315   initBooleanSetting("silkscreenVisible", config.show_silkscreen, "silkscreenCheckbox", silkscreenVisible);
   1316   initBooleanSetting("referencesVisible", true, "referencesCheckbox", referencesVisible);
   1317   initBooleanSetting("valuesVisible", true, "valuesCheckbox", valuesVisible);
   1318   if ("tracks" in pcbdata) {
   1319     initBooleanSetting("tracksVisible", true, "tracksCheckbox", tracksVisible);
   1320     initBooleanSetting("zonesVisible", true, "zonesCheckbox", zonesVisible);
   1321   } else {
   1322     document.getElementById("tracksAndZonesCheckboxes").style.display = "none";
   1323     tracksVisible(false);
   1324     zonesVisible(false);
   1325   }
   1326   initBooleanSetting("dnpOutline", false, "dnpOutlineCheckbox", dnpOutline);
   1327   initBooleanSetting("redrawOnDrag", config.redraw_on_drag, "dragCheckbox", setRedrawOnDrag);
   1328   initBooleanSetting("darkmode", config.dark_mode, "darkmodeCheckbox", setDarkMode);
   1329   initBooleanSetting("highlightpin1", config.highlight_pin1, "highlightpin1Checkbox", setHighlightPin1);
   1330   settings.boardRotation = readStorage("boardRotation");
   1331   if (settings.boardRotation === null) {
   1332     settings.boardRotation = config.board_rotation * 5;
   1333   } else {
   1334     settings.boardRotation = parseInt(settings.boardRotation);
   1335   }
   1336   document.getElementById("boardRotation").value = settings.boardRotation / 5;
   1337   document.getElementById("rotationDegree").textContent = settings.boardRotation;
   1338 }
   1339 
   1340 // Helper classes for user js callbacks.
   1341 
   1342 const IBOM_EVENT_TYPES = {
   1343   ALL: "all",
   1344   HIGHLIGHT_EVENT: "highlightEvent",
   1345   CHECKBOX_CHANGE_EVENT: "checkboxChangeEvent",
   1346   BOM_BODY_CHANGE_EVENT: "bomBodyChangeEvent",
   1347 }
   1348 
   1349 const EventHandler = {
   1350   callbacks: {},
   1351   init: function() {
   1352     for (eventType of Object.values(IBOM_EVENT_TYPES))
   1353       this.callbacks[eventType] = [];
   1354   },
   1355   registerCallback: function(eventType, callback) {
   1356     this.callbacks[eventType].push(callback);
   1357   },
   1358   emitEvent: function(eventType, eventArgs) {
   1359     event = {
   1360       eventType: eventType,
   1361       args: eventArgs,
   1362     }
   1363     var callback;
   1364     for(callback of this.callbacks[eventType])
   1365       callback(event);
   1366     for(callback of this.callbacks[IBOM_EVENT_TYPES.ALL])
   1367       callback(event);
   1368   }
   1369 }
   1370 EventHandler.init();
   1371 
   1372 ///////////////////////////////////////////////
   1373 
   1374 ///////////////////////////////////////////////
   1375 /* PCB rendering code */
   1376 
   1377 var emptyContext2d = document.createElement("canvas").getContext("2d");
   1378 
   1379 function deg2rad(deg) {
   1380   return deg * Math.PI / 180;
   1381 }
   1382 
   1383 function calcFontPoint(linepoint, text, offsetx, offsety, tilt) {
   1384   var point = [
   1385     linepoint[0] * text.width + offsetx,
   1386     linepoint[1] * text.height + offsety
   1387   ];
   1388   // This approximates pcbnew behavior with how text tilts depending on horizontal justification
   1389   point[0] -= (linepoint[1] + 0.5 * (1 + text.horiz_justify)) * text.height * tilt;
   1390   return point;
   1391 }
   1392 
   1393 function drawtext(ctx, text, color, flip) {
   1394   if ("ref" in text && !settings.renderReferences) return;
   1395   if ("val" in text && !settings.renderValues) return;
   1396   ctx.save();
   1397   ctx.fillStyle = color;
   1398   ctx.strokeStyle = color;
   1399   ctx.lineCap = "round";
   1400   ctx.lineJoin = "round";
   1401   ctx.lineWidth = text.thickness;
   1402   if (text.svgpath) {
   1403     ctx.stroke(new Path2D(text.svgpath));
   1404     ctx.restore();
   1405     return;
   1406   }
   1407   ctx.translate(...text.pos);
   1408   ctx.translate(text.thickness * 0.5, 0);
   1409   var angle = -text.angle;
   1410   if (text.attr.includes("mirrored")) {
   1411     ctx.scale(-1, 1);
   1412     angle = -angle;
   1413   }
   1414   var tilt = 0;
   1415   if (text.attr.includes("italic")) {
   1416     tilt = 0.125;
   1417   }
   1418   var interline = (text.height * 1.5 + text.thickness) / 2;
   1419   var txt = text.text.split("\n");
   1420   // KiCad ignores last empty line.
   1421   if (txt[txt.length - 1] == '') txt.pop();
   1422   ctx.rotate(deg2rad(angle));
   1423   for (var i in txt) {
   1424     var offsety = (-(txt.length - 1) + i * 2) * interline + text.height / 2;
   1425     var lineWidth = text.thickness + interline * tilt;
   1426     for (var j = 0; j < txt[i].length; j++) {
   1427       if (txt[i][j] == '\t') {
   1428         var fourSpaces = 4 * pcbdata.font_data[' '].w * text.width;
   1429         lineWidth += fourSpaces - lineWidth % fourSpaces;
   1430       } else {
   1431         if (txt[i][j] == '~') {
   1432           j++;
   1433           if (j == txt[i].length)
   1434             break;
   1435         }
   1436         lineWidth += pcbdata.font_data[txt[i][j]].w * text.width;
   1437       }
   1438     }
   1439     var offsetx = 0;
   1440     switch (text.horiz_justify) {
   1441       case -1:
   1442         // Justify left, do nothing
   1443         break;
   1444       case 0:
   1445         // Justify center
   1446         offsetx -= lineWidth / 2;
   1447         break;
   1448       case 1:
   1449         // Justify right
   1450         offsetx -= lineWidth;
   1451         break;
   1452     }
   1453     var inOverbar = false;
   1454     for (var j = 0; j < txt[i].length; j++) {
   1455       if (txt[i][j] == '\t') {
   1456         var fourSpaces = 4 * pcbdata.font_data[' '].w * text.width;
   1457         offsetx += fourSpaces - offsetx % fourSpaces;
   1458         continue;
   1459       } else if (txt[i][j] == '~') {
   1460         j++;
   1461         if (j == txt[i].length)
   1462           break;
   1463         if (txt[i][j] != '~') {
   1464           inOverbar = !inOverbar;
   1465         }
   1466       }
   1467       var glyph = pcbdata.font_data[txt[i][j]];
   1468       if (inOverbar) {
   1469         var overbarStart = [offsetx, -text.height * 1.4 + offsety];
   1470         var overbarEnd = [offsetx + text.width * glyph.w, overbarStart[1]];
   1471 
   1472         if (!lastHadOverbar) {
   1473           overbarStart[0] += text.height * 1.4 * tilt;
   1474           lastHadOverbar = true;
   1475         }
   1476         ctx.beginPath();
   1477         ctx.moveTo(...overbarStart);
   1478         ctx.lineTo(...overbarEnd);
   1479         ctx.stroke();
   1480       } else {
   1481         lastHadOverbar = false;
   1482       }
   1483       for (var line of glyph.l) {
   1484         ctx.beginPath();
   1485         ctx.moveTo(...calcFontPoint(line[0], text, offsetx, offsety, tilt));
   1486         for (var k = 1; k < line.length; k++) {
   1487           ctx.lineTo(...calcFontPoint(line[k], text, offsetx, offsety, tilt));
   1488         }
   1489         ctx.stroke();
   1490       }
   1491       offsetx += glyph.w * text.width;
   1492     }
   1493   }
   1494   ctx.restore();
   1495 }
   1496 
   1497 function drawedge(ctx, scalefactor, edge, color) {
   1498   ctx.strokeStyle = color;
   1499   ctx.lineWidth = Math.max(1 / scalefactor, edge.width);
   1500   ctx.lineCap = "round";
   1501   if (edge.svgpath) {
   1502     ctx.stroke(new Path2D(edge.svgpath));
   1503   } else {
   1504     ctx.beginPath();
   1505     if (edge.type == "segment") {
   1506       ctx.moveTo(...edge.start);
   1507       ctx.lineTo(...edge.end);
   1508     }
   1509     if (edge.type == "arc") {
   1510       ctx.arc(
   1511         ...edge.start,
   1512         edge.radius,
   1513         deg2rad(edge.startangle),
   1514         deg2rad(edge.endangle));
   1515     }
   1516     if (edge.type == "circle") {
   1517       ctx.arc(
   1518         ...edge.start,
   1519         edge.radius,
   1520         0, 2 * Math.PI);
   1521       ctx.closePath();
   1522     }
   1523     if (edge.type == "curve") {
   1524       ctx.moveTo(...edge.start);
   1525       ctx.bezierCurveTo(...edge.cpa, ...edge.cpb, ...edge.end);
   1526     }
   1527     ctx.stroke();
   1528   }
   1529 }
   1530 
   1531 function getChamferedRectPath(size, radius, chamfpos, chamfratio) {
   1532   // chamfpos is a bitmask, left = 1, right = 2, bottom left = 4, bottom right = 8
   1533   var path = new Path2D();
   1534   var width = size[0];
   1535   var height = size[1];
   1536   var x = width * -0.5;
   1537   var y = height * -0.5;
   1538   var chamfOffset = Math.min(width, height) * chamfratio;
   1539   path.moveTo(x, 0);
   1540   if (chamfpos & 4) {
   1541     path.lineTo(x, y + height - chamfOffset);
   1542     path.lineTo(x + chamfOffset, y + height);
   1543     path.lineTo(0, y + height);
   1544   } else {
   1545     path.arcTo(x, y + height, x + width, y + height, radius);
   1546   }
   1547   if (chamfpos & 8) {
   1548     path.lineTo(x + width - chamfOffset, y + height);
   1549     path.lineTo(x + width, y + height - chamfOffset);
   1550     path.lineTo(x + width, 0);
   1551   } else {
   1552     path.arcTo(x + width, y + height, x + width, y, radius);
   1553   }
   1554   if (chamfpos & 2) {
   1555     path.lineTo(x + width, y + chamfOffset);
   1556     path.lineTo(x + width - chamfOffset, y);
   1557     path.lineTo(0, y);
   1558   } else {
   1559     path.arcTo(x + width, y, x, y, radius);
   1560   }
   1561   if (chamfpos & 1) {
   1562     path.lineTo(x + chamfOffset, y);
   1563     path.lineTo(x, y + chamfOffset);
   1564     path.lineTo(x, 0);
   1565   } else {
   1566     path.arcTo(x, y, x, y + height, radius);
   1567   }
   1568   path.closePath();
   1569   return path;
   1570 }
   1571 
   1572 function getOblongPath(size) {
   1573   return getChamferedRectPath(size, Math.min(size[0], size[1]) / 2, 0, 0);
   1574 }
   1575 
   1576 function getPolygonsPath(shape) {
   1577   if (shape.path2d) {
   1578     return shape.path2d;
   1579   }
   1580   if (shape.svgpath) {
   1581     shape.path2d = new Path2D(shape.svgpath);
   1582   } else {
   1583     var path = new Path2D();
   1584     for (var polygon of shape.polygons) {
   1585       path.moveTo(...polygon[0]);
   1586       for (var i = 1; i < polygon.length; i++) {
   1587         path.lineTo(...polygon[i]);
   1588       }
   1589       path.closePath();
   1590     }
   1591     shape.path2d = path;
   1592   }
   1593   return shape.path2d;
   1594 }
   1595 
   1596 function drawPolygonShape(ctx, shape, color) {
   1597   ctx.save();
   1598   ctx.fillStyle = color;
   1599   if (!shape.svgpath) {
   1600     ctx.translate(...shape.pos);
   1601     ctx.rotate(deg2rad(-shape.angle));
   1602   }
   1603   ctx.fill(getPolygonsPath(shape));
   1604   ctx.restore();
   1605 }
   1606 
   1607 function drawDrawing(ctx, layer, scalefactor, drawing, color) {
   1608   if (["segment", "arc", "circle", "curve"].includes(drawing.type)) {
   1609     drawedge(ctx, scalefactor, drawing, color);
   1610   } else if (drawing.type == "polygon") {
   1611     drawPolygonShape(ctx, drawing, color);
   1612   } else {
   1613     drawtext(ctx, drawing, color, layer == "B");
   1614   }
   1615 }
   1616 
   1617 function getCirclePath(radius) {
   1618   var path = new Path2D();
   1619   path.arc(0, 0, radius, 0, 2 * Math.PI);
   1620   path.closePath();
   1621   return path;
   1622 }
   1623 
   1624 function getCachedPadPath(pad) {
   1625   if (!pad.path2d) {
   1626     // if path2d is not set, build one and cache it on pad object
   1627     if (pad.shape == "rect") {
   1628       pad.path2d = new Path2D();
   1629       pad.path2d.rect(...pad.size.map(c => -c * 0.5), ...pad.size);
   1630     } else if (pad.shape == "oval") {
   1631       pad.path2d = getOblongPath(pad.size);
   1632     } else if (pad.shape == "circle") {
   1633       pad.path2d = getCirclePath(pad.size[0] / 2);
   1634     } else if (pad.shape == "roundrect") {
   1635       pad.path2d = getChamferedRectPath(pad.size, pad.radius, 0, 0);
   1636     } else if (pad.shape == "chamfrect") {
   1637       pad.path2d = getChamferedRectPath(pad.size, pad.radius, pad.chamfpos, pad.chamfratio)
   1638     } else if (pad.shape == "custom") {
   1639       pad.path2d = getPolygonsPath(pad);
   1640     }
   1641   }
   1642   return pad.path2d;
   1643 }
   1644 
   1645 function drawPad(ctx, pad, color, outline, hole) {
   1646   ctx.save();
   1647   ctx.translate(...pad.pos);
   1648   ctx.rotate(deg2rad(pad.angle));
   1649   if (pad.offset) {
   1650     ctx.translate(...pad.offset);
   1651   }
   1652   ctx.fillStyle = color;
   1653   ctx.strokeStyle = color;
   1654   var path = getCachedPadPath(pad);
   1655   if (outline) {
   1656     ctx.stroke(path);
   1657   } else {
   1658     ctx.fill(path);
   1659   }
   1660   if (pad.type == "th" && hole) {
   1661     if (pad.offset) {
   1662       ctx.translate(-pad.offset[0], -pad.offset[1]);
   1663     }
   1664     ctx.fillStyle = "#CCCCCC";
   1665     if (pad.drillshape == "oblong") {
   1666       ctx.fill(getOblongPath(pad.drillsize));
   1667     } else {
   1668       ctx.fill(getCirclePath(pad.drillsize[0] / 2));
   1669     }
   1670   }
   1671   ctx.restore();
   1672 }
   1673 
   1674 function drawModule(ctx, layer, scalefactor, module, padcolor, outlinecolor, highlight, outline) {
   1675   if (highlight) {
   1676     // draw bounding box
   1677     if (module.layer == layer) {
   1678       ctx.save();
   1679       ctx.globalAlpha = 0.2;
   1680       ctx.translate(...module.bbox.pos);
   1681       ctx.rotate(deg2rad(-module.bbox.angle));
   1682       ctx.translate(...module.bbox.relpos);
   1683       ctx.fillStyle = padcolor;
   1684       ctx.fillRect(0, 0, ...module.bbox.size);
   1685       ctx.globalAlpha = 1;
   1686       ctx.strokeStyle = padcolor;
   1687       ctx.strokeRect(0, 0, ...module.bbox.size);
   1688       ctx.restore();
   1689     }
   1690   }
   1691   // draw drawings
   1692   for (var drawing of module.drawings) {
   1693     if (drawing.layer == layer) {
   1694       drawDrawing(ctx, layer, scalefactor, drawing.drawing, padcolor);
   1695     }
   1696   }
   1697   // draw pads
   1698   if (settings.renderPads) {
   1699     for (var pad of module.pads) {
   1700       if (pad.layers.includes(layer)) {
   1701         drawPad(ctx, pad, padcolor, outline, true);
   1702         if (pad.pin1 && settings.highlightpin1) {
   1703           drawPad(ctx, pad, outlinecolor, true, false);
   1704         }
   1705       }
   1706     }
   1707   }
   1708 }
   1709 
   1710 function drawEdgeCuts(canvas, scalefactor) {
   1711   var ctx = canvas.getContext("2d");
   1712   var edgecolor = getComputedStyle(topmostdiv).getPropertyValue('--pcb-edge-color');
   1713   for (var edge of pcbdata.edges) {
   1714     drawedge(ctx, scalefactor, edge, edgecolor);
   1715   }
   1716 }
   1717 
   1718 function drawModules(canvas, layer, scalefactor, highlight) {
   1719   var ctx = canvas.getContext("2d");
   1720   ctx.lineWidth = 3 / scalefactor;
   1721   var style = getComputedStyle(topmostdiv);
   1722   var padcolor = style.getPropertyValue('--pad-color');
   1723   var outlinecolor = style.getPropertyValue('--pin1-outline-color');
   1724   if (highlight) {
   1725     padcolor = style.getPropertyValue('--pad-color-highlight');
   1726     outlinecolor = style.getPropertyValue('--pin1-outline-color-highlight');
   1727   }
   1728   for (var i = 0; i < pcbdata.modules.length; i++) {
   1729     var mod = pcbdata.modules[i];
   1730     var outline = settings.renderDnpOutline && pcbdata.bom.skipped.includes(i);
   1731     if (!highlight || highlightedModules.includes(i)) {
   1732       drawModule(ctx, layer, scalefactor, mod, padcolor, outlinecolor, highlight, outline);
   1733     }
   1734   }
   1735 }
   1736 
   1737 function drawBgLayer(layername, canvas, layer, scalefactor, edgeColor, polygonColor, textColor) {
   1738   var ctx = canvas.getContext("2d");
   1739   for (var d of pcbdata[layername][layer]) {
   1740     if (["segment", "arc", "circle", "curve"].includes(d.type)) {
   1741       drawedge(ctx, scalefactor, d, edgeColor);
   1742     } else if (d.type == "polygon") {
   1743       drawPolygonShape(ctx, d, polygonColor);
   1744     } else {
   1745       drawtext(ctx, d, textColor, layer == "B");
   1746     }
   1747   }
   1748 }
   1749 
   1750 function drawTracks(canvas, layer, color, highlight) {
   1751   ctx = canvas.getContext("2d");
   1752   ctx.strokeStyle = color;
   1753   ctx.lineCap = "round";
   1754   for(var track of pcbdata.tracks[layer]) {
   1755     if (highlight && highlightedNet != track.net) continue;
   1756     ctx.lineWidth = track.width;
   1757     ctx.beginPath();
   1758     ctx.moveTo(...track.start);
   1759     ctx.lineTo(...track.end);
   1760     ctx.stroke();
   1761   }
   1762 }
   1763 
   1764 function drawZones(canvas, layer, color, highlight) {
   1765   ctx = canvas.getContext("2d");
   1766   ctx.strokeStyle = color;
   1767   ctx.fillStyle = color;
   1768   ctx.lineJoin = "round";
   1769   for(var zone of pcbdata.zones[layer]) {
   1770     if (!zone.path2d) {
   1771       zone.path2d = getPolygonsPath(zone);
   1772     }
   1773     if (highlight && highlightedNet != zone.net) continue;
   1774     ctx.lineWidth = zone.width ? zone.width : 0;
   1775     ctx.fill(zone.path2d);
   1776     ctx.stroke(zone.path2d);
   1777   }
   1778 }
   1779 
   1780 function clearCanvas(canvas, color = null) {
   1781   var ctx = canvas.getContext("2d");
   1782   ctx.save();
   1783   ctx.setTransform(1, 0, 0, 1, 0, 0);
   1784   if (color) {
   1785     ctx.fillStyle = color;
   1786     ctx.fillRect(0, 0, canvas.width, canvas.height);
   1787   } else {
   1788     ctx.clearRect(0, 0, canvas.width, canvas.height);
   1789   }
   1790   ctx.restore();
   1791 }
   1792 
   1793 function drawNets(canvas, layer, highlight) {
   1794   var style = getComputedStyle(topmostdiv);
   1795   if (settings.renderTracks) {
   1796     var trackColor = style.getPropertyValue(highlight ? '--track-color-highlight' : '--track-color');
   1797     drawTracks(canvas, layer, trackColor, highlight);
   1798   }
   1799   if (settings.renderZones) {
   1800     var zoneColor = style.getPropertyValue(highlight ? '--zone-color-highlight' : '--zone-color');
   1801     drawZones(canvas, layer, zoneColor, highlight);
   1802   }
   1803   if (highlight && settings.renderPads) {
   1804     var padColor = style.getPropertyValue('--pad-color-highlight');
   1805     var ctx = canvas.getContext("2d");
   1806     for (var mod of pcbdata.modules) {
   1807       // draw pads
   1808       for (var pad of mod.pads) {
   1809         if (highlightedNet != pad.net) continue;
   1810         if (pad.layers.includes(layer)) {
   1811           drawPad(ctx, pad, padColor, false, true);
   1812         }
   1813       }
   1814     }
   1815   }
   1816 }
   1817 
   1818 function drawHighlightsOnLayer(canvasdict, clear = true) {
   1819   if (clear) {
   1820     clearCanvas(canvasdict.highlight);
   1821   }
   1822   if (highlightedModules.length > 0) {
   1823     drawModules(canvasdict.highlight, canvasdict.layer,
   1824       canvasdict.transform.s * canvasdict.transform.zoom, true);
   1825   }
   1826   if (highlightedNet !== null) {
   1827     drawNets(canvasdict.highlight, canvasdict.layer, true);
   1828   }
   1829 }
   1830 
   1831 function drawHighlights() {
   1832   drawHighlightsOnLayer(allcanvas.front);
   1833   drawHighlightsOnLayer(allcanvas.back);
   1834 }
   1835 
   1836 function drawBackground(canvasdict, clear = true) {
   1837   if (clear) {
   1838     clearCanvas(canvasdict.bg);
   1839     clearCanvas(canvasdict.fab);
   1840     clearCanvas(canvasdict.silk);
   1841   }
   1842 
   1843   drawNets(canvasdict.bg, canvasdict.layer, false);
   1844   drawModules(canvasdict.bg, canvasdict.layer,
   1845     canvasdict.transform.s * canvasdict.transform.zoom, false);
   1846 
   1847   drawEdgeCuts(canvasdict.bg, canvasdict.transform.s);
   1848 
   1849   var style = getComputedStyle(topmostdiv);
   1850   var edgeColor = style.getPropertyValue('--silkscreen-edge-color');
   1851   var polygonColor = style.getPropertyValue('--silkscreen-polygon-color');
   1852   var textColor = style.getPropertyValue('--silkscreen-text-color');
   1853   if (settings.renderSilkscreen) {
   1854     drawBgLayer(
   1855       "silkscreen", canvasdict.silk, canvasdict.layer,
   1856       canvasdict.transform.s * canvasdict.transform.zoom,
   1857       edgeColor, polygonColor, textColor);
   1858   }
   1859   edgeColor = style.getPropertyValue('--fabrication-edge-color');
   1860   polygonColor = style.getPropertyValue('--fabrication-polygon-color');
   1861   textColor = style.getPropertyValue('--fabrication-text-color');
   1862   if (settings.renderFabrication) {
   1863     drawBgLayer(
   1864       "fabrication", canvasdict.fab, canvasdict.layer,
   1865       canvasdict.transform.s * canvasdict.transform.zoom,
   1866       edgeColor, polygonColor, textColor);
   1867   }
   1868 }
   1869 
   1870 function prepareCanvas(canvas, flip, transform) {
   1871   var ctx = canvas.getContext("2d");
   1872   ctx.setTransform(1, 0, 0, 1, 0, 0);
   1873   var fontsize = 1.55;
   1874   ctx.scale(transform.zoom, transform.zoom);
   1875   ctx.translate(transform.panx, transform.pany);
   1876   if (flip) {
   1877     ctx.scale(-1, 1);
   1878   }
   1879   ctx.translate(transform.x, transform.y);
   1880   ctx.rotate(deg2rad(settings.boardRotation));
   1881   ctx.scale(transform.s, transform.s);
   1882 }
   1883 
   1884 function prepareLayer(canvasdict) {
   1885   var flip = (canvasdict.layer == "B");
   1886   for (var c of ["bg", "fab", "silk", "highlight"]) {
   1887     prepareCanvas(canvasdict[c], flip, canvasdict.transform);
   1888   }
   1889 }
   1890 
   1891 function rotateVector(v, angle) {
   1892   angle = deg2rad(angle);
   1893   return [
   1894     v[0] * Math.cos(angle) - v[1] * Math.sin(angle),
   1895     v[0] * Math.sin(angle) + v[1] * Math.cos(angle)
   1896   ];
   1897 }
   1898 
   1899 function applyRotation(bbox) {
   1900   var corners = [
   1901     [bbox.minx, bbox.miny],
   1902     [bbox.minx, bbox.maxy],
   1903     [bbox.maxx, bbox.miny],
   1904     [bbox.maxx, bbox.maxy],
   1905   ];
   1906   corners = corners.map((v) => rotateVector(v, settings.boardRotation));
   1907   return {
   1908     minx: corners.reduce((a, v) => Math.min(a, v[0]), Infinity),
   1909     miny: corners.reduce((a, v) => Math.min(a, v[1]), Infinity),
   1910     maxx: corners.reduce((a, v) => Math.max(a, v[0]), -Infinity),
   1911     maxy: corners.reduce((a, v) => Math.max(a, v[1]), -Infinity),
   1912   }
   1913 }
   1914 
   1915 function recalcLayerScale(layerdict, width, height) {
   1916   var bbox = applyRotation(pcbdata.edges_bbox);
   1917   var scalefactor = 0.98 * Math.min(
   1918     width / (bbox.maxx - bbox.minx),
   1919     height / (bbox.maxy - bbox.miny)
   1920   );
   1921   if (scalefactor < 0.1) {
   1922     scalefactor = 1;
   1923   }
   1924   layerdict.transform.s = scalefactor;
   1925   var flip = (layerdict.layer == "B");
   1926   if (flip) {
   1927     layerdict.transform.x = -((bbox.maxx + bbox.minx) * scalefactor + width) * 0.5;
   1928   } else {
   1929     layerdict.transform.x = -((bbox.maxx + bbox.minx) * scalefactor - width) * 0.5;
   1930   }
   1931   layerdict.transform.y = -((bbox.maxy + bbox.miny) * scalefactor - height) * 0.5;
   1932   for (var c of ["bg", "fab", "silk", "highlight"]) {
   1933     canvas = layerdict[c];
   1934     canvas.width = width;
   1935     canvas.height = height;
   1936     canvas.style.width = (width / devicePixelRatio) + "px";
   1937     canvas.style.height = (height / devicePixelRatio) + "px";
   1938   }
   1939 }
   1940 
   1941 function redrawCanvas(layerdict) {
   1942   prepareLayer(layerdict);
   1943   drawBackground(layerdict);
   1944   drawHighlightsOnLayer(layerdict);
   1945 }
   1946 
   1947 function resizeCanvas(layerdict) {
   1948   var canvasdivid = {
   1949     "F": "frontcanvas",
   1950     "B": "backcanvas"
   1951   } [layerdict.layer];
   1952   var width = document.getElementById(canvasdivid).clientWidth * devicePixelRatio;
   1953   var height = document.getElementById(canvasdivid).clientHeight * devicePixelRatio;
   1954   recalcLayerScale(layerdict, width, height);
   1955   redrawCanvas(layerdict);
   1956 }
   1957 
   1958 function resizeAll() {
   1959   resizeCanvas(allcanvas.front);
   1960   resizeCanvas(allcanvas.back);
   1961 }
   1962 
   1963 function pointWithinDistanceToSegment(x, y, x1, y1, x2, y2, d) {
   1964   var A = x - x1;
   1965   var B = y - y1;
   1966   var C = x2 - x1;
   1967   var D = y2 - y1;
   1968 
   1969   var dot = A * C + B * D;
   1970   var len_sq = C * C + D * D;
   1971   var dx, dy;
   1972   if (len_sq == 0) {
   1973     // start and end of the segment coincide
   1974     dx = x - x1;
   1975     dy = y - y1;
   1976   } else {
   1977     var param = dot / len_sq;
   1978     var xx, yy;
   1979     if (param < 0) {
   1980       xx = x1;
   1981       yy = y1;
   1982     } else if (param > 1) {
   1983       xx = x2;
   1984       yy = y2;
   1985     } else {
   1986       xx = x1 + param * C;
   1987       yy = y1 + param * D;
   1988     }
   1989     dx = x - xx;
   1990     dy = y - yy;
   1991   }
   1992   return dx * dx + dy * dy <= d * d;
   1993 }
   1994 
   1995 function pointWithinPad(x, y, pad) {
   1996   var v = [x - pad.pos[0], y - pad.pos[1]];
   1997   v = rotateVector(v, -pad.angle);
   1998   if (pad.offset) {
   1999     v[0] -= pad.offset[0];
   2000     v[1] -= pad.offset[1];
   2001   }
   2002   return emptyContext2d.isPointInPath(getCachedPadPath(pad), ...v);
   2003 }
   2004 
   2005 function netHitScan(layer, x, y) {
   2006   // Check track segments
   2007   if (settings.renderTracks && pcbdata.tracks) {
   2008     for(var track of pcbdata.tracks[layer]) {
   2009       if (pointWithinDistanceToSegment(x, y, ...track.start, ...track.end, track.width / 2)) {
   2010         return track.net;
   2011       }
   2012     }
   2013   }
   2014   // Check pads
   2015   if (settings.renderPads) {
   2016     for (var mod of pcbdata.modules) {
   2017       for(var pad of mod.pads) {
   2018         if (pad.layers.includes(layer) && pointWithinPad(x, y, pad)) {
   2019           return pad.net;
   2020         }
   2021       }
   2022     }
   2023   }
   2024   return null;
   2025 }
   2026 
   2027 function pointWithinModuleBbox(x, y, bbox) {
   2028   var v = [x - bbox.pos[0], y - bbox.pos[1]];
   2029   v = rotateVector(v, bbox.angle);
   2030   return bbox.relpos[0] <= v[0] && v[0] <= bbox.relpos[0] + bbox.size[0] &&
   2031          bbox.relpos[1] <= v[1] && v[1] <= bbox.relpos[1] + bbox.size[1];
   2032 }
   2033 
   2034 function bboxHitScan(layer, x, y) {
   2035   var result = [];
   2036   for (var i = 0; i < pcbdata.modules.length; i++) {
   2037     var module = pcbdata.modules[i];
   2038     if (module.layer == layer) {
   2039       if (pointWithinModuleBbox(x, y, module.bbox)) {
   2040         result.push(i);
   2041       }
   2042     }
   2043   }
   2044   return result;
   2045 }
   2046 
   2047 function handlePointerDown(e, layerdict) {
   2048   if (e.button != 0) {
   2049     return;
   2050   }
   2051   e.preventDefault();
   2052   e.stopPropagation();
   2053 
   2054   if (!e.hasOwnProperty("offsetX")) {
   2055     // The polyfill doesn't set this properly
   2056     e.offsetX = e.pageX - e.currentTarget.offsetLeft;
   2057     e.offsetY = e.pageY - e.currentTarget.offsetTop;
   2058   }
   2059 
   2060   layerdict.pointerStates[e.pointerId] = {
   2061     distanceTravelled: 0,
   2062     lastX: e.offsetX,
   2063     lastY: e.offsetY,
   2064     downTime: Date.now(),
   2065   };
   2066 }
   2067 
   2068 function handleMouseClick(e, layerdict) {
   2069   if (!e.hasOwnProperty("offsetX")) {
   2070     // The polyfill doesn't set this properly
   2071     e.offsetX = e.pageX - e.currentTarget.offsetLeft;
   2072     e.offsetY = e.pageY - e.currentTarget.offsetTop;
   2073   }
   2074 
   2075   var x = e.offsetX;
   2076   var y = e.offsetY;
   2077   var t = layerdict.transform;
   2078   if (layerdict.layer == "B") {
   2079     x = (devicePixelRatio * x / t.zoom - t.panx + t.x) / -t.s;
   2080   } else {
   2081     x = (devicePixelRatio * x / t.zoom - t.panx - t.x) / t.s;
   2082   }
   2083   y = (devicePixelRatio * y / t.zoom - t.y - t.pany) / t.s;
   2084   var v = rotateVector([x, y], -settings.boardRotation);
   2085   if ("nets" in pcbdata) {
   2086     var net = netHitScan(layerdict.layer, ...v);
   2087     if (net !== highlightedNet) {
   2088       netClicked(net);
   2089     }
   2090   }
   2091   if (highlightedNet === null) {
   2092     var modules = bboxHitScan(layerdict.layer, ...v);
   2093     if (modules.length > 0) {
   2094       modulesClicked(modules);
   2095     }
   2096   }
   2097 }
   2098 
   2099 function handlePointerLeave(e, layerdict) {
   2100   e.preventDefault();
   2101   e.stopPropagation();
   2102 
   2103   if (!settings.redrawOnDrag) {
   2104     redrawCanvas(layerdict);
   2105   }
   2106 
   2107   delete layerdict.pointerStates[e.pointerId];
   2108 }
   2109 
   2110 function resetTransform(layerdict) {
   2111   layerdict.transform.panx = 0;
   2112   layerdict.transform.pany = 0;
   2113   layerdict.transform.zoom = 1;
   2114   redrawCanvas(layerdict);
   2115 }
   2116 
   2117 function handlePointerUp(e, layerdict) {
   2118   if (!e.hasOwnProperty("offsetX")) {
   2119     // The polyfill doesn't set this properly
   2120     e.offsetX = e.pageX - e.currentTarget.offsetLeft;
   2121     e.offsetY = e.pageY - e.currentTarget.offsetTop;
   2122   }
   2123 
   2124   e.preventDefault();
   2125   e.stopPropagation();
   2126 
   2127   if (e.button == 2) {
   2128     // Reset pan and zoom on right click.
   2129     resetTransform(layerdict);
   2130     layerdict.anotherPointerTapped = false;
   2131     return;
   2132   }
   2133 
   2134   // We haven't necessarily had a pointermove event since the interaction started, so make sure we update this now
   2135   var ptr = layerdict.pointerStates[e.pointerId];
   2136   ptr.distanceTravelled += Math.abs(e.offsetX - ptr.lastX) + Math.abs(e.offsetY - ptr.lastY);
   2137 
   2138   if (e.button == 0 && ptr.distanceTravelled < 10 && Date.now() - ptr.downTime <= 500) {
   2139     if (Object.keys(layerdict.pointerStates).length == 1) {
   2140       if (layerdict.anotherPointerTapped) {
   2141         // This is the second pointer coming off of a two-finger tap
   2142         resetTransform(layerdict);
   2143       } else {
   2144         // This is just a regular tap
   2145         handleMouseClick(e, layerdict);
   2146       }
   2147       layerdict.anotherPointerTapped = false;
   2148     } else {
   2149       // This is the first finger coming off of what could become a two-finger tap
   2150       layerdict.anotherPointerTapped = true;
   2151     }
   2152   } else {
   2153     if (!settings.redrawOnDrag) {
   2154       redrawCanvas(layerdict);
   2155     }
   2156     layerdict.anotherPointerTapped = false;
   2157   }
   2158 
   2159   delete layerdict.pointerStates[e.pointerId];
   2160 }
   2161 
   2162 function handlePointerMove(e, layerdict) {
   2163   if (!layerdict.pointerStates.hasOwnProperty(e.pointerId)) {
   2164     return;
   2165   }
   2166   e.preventDefault();
   2167   e.stopPropagation();
   2168 
   2169   if (!e.hasOwnProperty("offsetX")) {
   2170     // The polyfill doesn't set this properly
   2171     e.offsetX = e.pageX - e.currentTarget.offsetLeft;
   2172     e.offsetY = e.pageY - e.currentTarget.offsetTop;
   2173   }
   2174 
   2175   var thisPtr = layerdict.pointerStates[e.pointerId];
   2176 
   2177   var dx = e.offsetX - thisPtr.lastX;
   2178   var dy = e.offsetY - thisPtr.lastY;
   2179 
   2180   // If this number is low on pointer up, we count the action as a click
   2181   thisPtr.distanceTravelled += Math.abs(dx) + Math.abs(dy);
   2182 
   2183   if (Object.keys(layerdict.pointerStates).length == 1) {
   2184     // This is a simple drag
   2185     layerdict.transform.panx += devicePixelRatio * dx / layerdict.transform.zoom;
   2186     layerdict.transform.pany += devicePixelRatio * dy / layerdict.transform.zoom;
   2187   } else if (Object.keys(layerdict.pointerStates).length == 2) {
   2188     var otherPtr = Object.values(layerdict.pointerStates).filter((ptr) => ptr != thisPtr)[0];
   2189 
   2190     var oldDist = Math.sqrt(Math.pow(thisPtr.lastX - otherPtr.lastX, 2) + Math.pow(thisPtr.lastY - otherPtr.lastY, 2));
   2191     var newDist = Math.sqrt(Math.pow(e.offsetX - otherPtr.lastX, 2)     + Math.pow(e.offsetY - otherPtr.lastY, 2));
   2192 
   2193     var scaleFactor = newDist/oldDist;
   2194 
   2195     if (scaleFactor != NaN) {
   2196       layerdict.transform.zoom *= scaleFactor;
   2197 
   2198       var zoomd = (1 - scaleFactor) / layerdict.transform.zoom;
   2199       layerdict.transform.panx += devicePixelRatio * otherPtr.lastX * zoomd;
   2200       layerdict.transform.pany += devicePixelRatio * otherPtr.lastY * zoomd;
   2201     }
   2202   }
   2203 
   2204   thisPtr.lastX = e.offsetX;
   2205   thisPtr.lastY = e.offsetY;
   2206 
   2207   if (settings.redrawOnDrag) {
   2208     redrawCanvas(layerdict);
   2209   }
   2210 }
   2211 
   2212 function handleMouseWheel(e, layerdict) {
   2213   e.preventDefault();
   2214   e.stopPropagation();
   2215   var t = layerdict.transform;
   2216   var wheeldelta = e.deltaY;
   2217   if (e.deltaMode == 1) {
   2218     // FF only, scroll by lines
   2219     wheeldelta *= 30;
   2220   } else if (e.deltaMode == 2) {
   2221     wheeldelta *= 300;
   2222   }
   2223   var m = Math.pow(1.1, -wheeldelta / 40);
   2224   // Limit amount of zoom per tick.
   2225   if (m > 2) {
   2226     m = 2;
   2227   } else if (m < 0.5) {
   2228     m = 0.5;
   2229   }
   2230   t.zoom *= m;
   2231   var zoomd = (1 - m) / t.zoom;
   2232   t.panx += devicePixelRatio * e.offsetX * zoomd;
   2233   t.pany += devicePixelRatio * e.offsetY * zoomd;
   2234   redrawCanvas(layerdict);
   2235 }
   2236 
   2237 function addMouseHandlers(div, layerdict) {
   2238   div.addEventListener("pointerdown", function(e) {
   2239     handlePointerDown(e, layerdict);
   2240   });
   2241   div.addEventListener("pointermove", function(e) {
   2242     handlePointerMove(e, layerdict);
   2243   });
   2244   div.addEventListener("pointerup", function(e) {
   2245     handlePointerUp(e, layerdict);
   2246   });
   2247   var pointerleave = function(e) {
   2248     handlePointerLeave(e, layerdict);
   2249   }
   2250   div.addEventListener("pointercancel", pointerleave);
   2251   div.addEventListener("pointerleave", pointerleave);
   2252   div.addEventListener("pointerout", pointerleave);
   2253 
   2254   div.onwheel = function(e) {
   2255     handleMouseWheel(e, layerdict);
   2256   }
   2257   for (var element of [div, layerdict.bg, layerdict.fab, layerdict.silk, layerdict.highlight]) {
   2258     element.addEventListener("contextmenu", function(e) {
   2259       e.preventDefault();
   2260     }, false);
   2261   }
   2262 }
   2263 
   2264 function setRedrawOnDrag(value) {
   2265   settings.redrawOnDrag = value;
   2266   writeStorage("redrawOnDrag", value);
   2267 }
   2268 
   2269 function setBoardRotation(value) {
   2270   settings.boardRotation = value * 5;
   2271   writeStorage("boardRotation", settings.boardRotation);
   2272   document.getElementById("rotationDegree").textContent = settings.boardRotation;
   2273   resizeAll();
   2274 }
   2275 
   2276 function initRender() {
   2277   allcanvas = {
   2278     front: {
   2279       transform: {
   2280         x: 0,
   2281         y: 0,
   2282         s: 1,
   2283         panx: 0,
   2284         pany: 0,
   2285         zoom: 1,
   2286       },
   2287       pointerStates: {},
   2288       anotherPointerTapped: false,
   2289       bg: document.getElementById("F_bg"),
   2290       fab: document.getElementById("F_fab"),
   2291       silk: document.getElementById("F_slk"),
   2292       highlight: document.getElementById("F_hl"),
   2293       layer: "F",
   2294     },
   2295     back: {
   2296       transform: {
   2297         x: 0,
   2298         y: 0,
   2299         s: 1,
   2300         panx: 0,
   2301         pany: 0,
   2302         zoom: 1,
   2303       },
   2304       pointerStates: {},
   2305       anotherPointerTapped: false,
   2306       bg: document.getElementById("B_bg"),
   2307       fab: document.getElementById("B_fab"),
   2308       silk: document.getElementById("B_slk"),
   2309       highlight: document.getElementById("B_hl"),
   2310       layer: "B",
   2311     }
   2312   };
   2313   addMouseHandlers(document.getElementById("frontcanvas"), allcanvas.front);
   2314   addMouseHandlers(document.getElementById("backcanvas"), allcanvas.back);
   2315 }
   2316 
   2317 ///////////////////////////////////////////////
   2318 
   2319 ///////////////////////////////////////////////
   2320 /* DOM manipulation and misc code */
   2321 
   2322 var bomsplit;
   2323 var canvassplit;
   2324 var initDone = false;
   2325 var bomSortFunction = null;
   2326 var currentSortColumn = null;
   2327 var currentSortOrder = null;
   2328 var currentHighlightedRowId;
   2329 var highlightHandlers = [];
   2330 var moduleIndexToHandler = {};
   2331 var netsToHandler = {};
   2332 var highlightedModules = [];
   2333 var highlightedNet = null;
   2334 var lastClicked;
   2335 
   2336 function dbg(html) {
   2337   dbgdiv.innerHTML = html;
   2338 }
   2339 
   2340 function redrawIfInitDone() {
   2341   if (initDone) {
   2342     redrawCanvas(allcanvas.front);
   2343     redrawCanvas(allcanvas.back);
   2344   }
   2345 }
   2346 
   2347 function padsVisible(value) {
   2348   writeStorage("padsVisible", value);
   2349   settings.renderPads = value;
   2350   redrawIfInitDone();
   2351 }
   2352 
   2353 function referencesVisible(value) {
   2354   writeStorage("referencesVisible", value);
   2355   settings.renderReferences = value;
   2356   redrawIfInitDone();
   2357 }
   2358 
   2359 function valuesVisible(value) {
   2360   writeStorage("valuesVisible", value);
   2361   settings.renderValues = value;
   2362   redrawIfInitDone();
   2363 }
   2364 
   2365 function tracksVisible(value) {
   2366   writeStorage("tracksVisible", value);
   2367   settings.renderTracks = value;
   2368   redrawIfInitDone();
   2369 }
   2370 
   2371 function zonesVisible(value) {
   2372   writeStorage("zonesVisible", value);
   2373   settings.renderZones = value;
   2374   redrawIfInitDone();
   2375 }
   2376 
   2377 function dnpOutline(value) {
   2378   writeStorage("dnpOutline", value);
   2379   settings.renderDnpOutline = value;
   2380   redrawIfInitDone();
   2381 }
   2382 
   2383 function setDarkMode(value) {
   2384   if (value) {
   2385     topmostdiv.classList.add("dark");
   2386   } else {
   2387     topmostdiv.classList.remove("dark");
   2388   }
   2389   writeStorage("darkmode", value);
   2390   settings.darkMode = value;
   2391   redrawIfInitDone();
   2392 }
   2393 
   2394 function setFullscreen(value) {
   2395   if (value) {
   2396     document.documentElement.requestFullscreen();
   2397   } else {
   2398     document.exitFullscreen();
   2399   }
   2400 }
   2401 
   2402 function fabricationVisible(value) {
   2403   writeStorage("fabricationVisible", value);
   2404   settings.renderFabrication = value;
   2405   redrawIfInitDone();
   2406 }
   2407 
   2408 function silkscreenVisible(value) {
   2409   writeStorage("silkscreenVisible", value);
   2410   settings.renderSilkscreen = value;
   2411   redrawIfInitDone();
   2412 }
   2413 
   2414 function setHighlightPin1(value) {
   2415   writeStorage("highlightpin1", value);
   2416   settings.highlightpin1 = value;
   2417   redrawIfInitDone();
   2418 }
   2419 
   2420 function getStoredCheckboxRefs(checkbox) {
   2421   function convert(ref) {
   2422     var intref = parseInt(ref);
   2423     if (isNaN(intref)) {
   2424       for (var i = 0; i < pcbdata.modules.length; i++) {
   2425         if (pcbdata.modules[i].ref == ref) {
   2426           return i;
   2427         }
   2428       }
   2429       return -1;
   2430     } else {
   2431       return intref;
   2432     }
   2433   }
   2434   if (!(checkbox in settings.checkboxStoredRefs)) {
   2435     var val = readStorage("checkbox_" + checkbox);
   2436     settings.checkboxStoredRefs[checkbox] = val ? val : "";
   2437   }
   2438   if (!settings.checkboxStoredRefs[checkbox]) {
   2439     return new Set();
   2440   } else {
   2441     return new Set(settings.checkboxStoredRefs[checkbox].split(",").map(r => convert(r)).filter(a => a >= 0));
   2442   }
   2443 }
   2444 
   2445 function getCheckboxState(checkbox, references) {
   2446   var storedRefsSet = getStoredCheckboxRefs(checkbox);
   2447   var currentRefsSet = new Set(references.map(r => r[1]));
   2448   // Get difference of current - stored
   2449   var difference = new Set(currentRefsSet);
   2450   for (ref of storedRefsSet) {
   2451     difference.delete(ref);
   2452   }
   2453   if (difference.size == 0) {
   2454     // All the current refs are stored
   2455     return "checked";
   2456   } else if (difference.size == currentRefsSet.size) {
   2457     // None of the current refs are stored
   2458     return "unchecked";
   2459   } else {
   2460     // Some of the refs are stored
   2461     return "indeterminate";
   2462   }
   2463 }
   2464 
   2465 function setBomCheckboxState(checkbox, element, references) {
   2466   var state = getCheckboxState(checkbox, references);
   2467   element.checked = (state == "checked");
   2468   element.indeterminate = (state == "indeterminate");
   2469 }
   2470 
   2471 function createCheckboxChangeHandler(checkbox, references) {
   2472   return function(evt) {
   2473     refsSet = getStoredCheckboxRefs(checkbox);
   2474     var darkenWhenChecked = settings.darkenWhenChecked == checkbox;
   2475     eventArgs = {
   2476       checkbox: checkbox,
   2477       refs: references,
   2478     }
   2479     if (this.checked) {
   2480       // checkbox ticked
   2481       for (var ref of references) {
   2482         refsSet.add(ref[1]);
   2483       }
   2484       if (darkenWhenChecked) {
   2485         evt.target.parentElement.parentElement.classList.add("checked");
   2486       }
   2487       eventArgs.state = 'checked';
   2488     } else {
   2489       // checkbox unticked
   2490       for (var ref of references) {
   2491         refsSet.delete(ref[1]);
   2492       }
   2493       if (darkenWhenChecked) {
   2494         evt.target.parentElement.parentElement.classList.remove("checked");
   2495       }
   2496       eventArgs.state = 'unchecked';
   2497     }
   2498     settings.checkboxStoredRefs[checkbox] = [...refsSet].join(",");
   2499     writeStorage("checkbox_" + checkbox, settings.checkboxStoredRefs[checkbox]);
   2500     updateCheckboxStats(checkbox);
   2501     EventHandler.emitEvent(IBOM_EVENT_TYPES.CHECKBOX_CHANGE_EVENT, eventArgs);
   2502   }
   2503 }
   2504 
   2505 function clearHighlightedModules() {
   2506   if (currentHighlightedRowId) {
   2507     document.getElementById(currentHighlightedRowId).classList.remove("highlighted");
   2508     currentHighlightedRowId = null;
   2509     highlightedModules = [];
   2510     highlightedNet = null;
   2511   }
   2512 }
   2513 
   2514 function createRowHighlightHandler(rowid, refs, net) {
   2515   return function() {
   2516     if (currentHighlightedRowId) {
   2517       if (currentHighlightedRowId == rowid) {
   2518         return;
   2519       }
   2520       document.getElementById(currentHighlightedRowId).classList.remove("highlighted");
   2521     }
   2522     document.getElementById(rowid).classList.add("highlighted");
   2523     currentHighlightedRowId = rowid;
   2524     highlightedModules = refs ? refs.map(r => r[1]) : [];
   2525     highlightedNet = net;
   2526     drawHighlights();
   2527     EventHandler.emitEvent(
   2528       IBOM_EVENT_TYPES.HIGHLIGHT_EVENT,
   2529       {
   2530         rowid: rowid,
   2531         refs: refs,
   2532         net: net
   2533       });
   2534   }
   2535 }
   2536 
   2537 function entryMatches(entry) {
   2538   if (settings.bommode == "netlist") {
   2539     // entry is just a net name
   2540     return entry.toLowerCase().indexOf(filter) >= 0;
   2541   }
   2542   // check refs
   2543   for (var ref of entry[3]) {
   2544     if (ref[0].toLowerCase().indexOf(filter) >= 0) {
   2545       return true;
   2546     }
   2547   }
   2548   // check extra fields
   2549   for (var i in config.extra_fields) {
   2550     if (entry[4][i].toLowerCase().indexOf(filter) >= 0) {
   2551       return true;
   2552     }
   2553   }
   2554   // check value
   2555   if (entry[1].toLowerCase().indexOf(filter) >= 0) {
   2556     return true;
   2557   }
   2558   // check footprint
   2559   if (entry[2].toLowerCase().indexOf(filter) >= 0) {
   2560     return true;
   2561   }
   2562   return false;
   2563 }
   2564 
   2565 function findRefInEntry(entry) {
   2566   return entry[3].filter(r => r[0].toLowerCase() == reflookup);
   2567 }
   2568 
   2569 function highlightFilter(s) {
   2570   if (!filter) {
   2571     return s;
   2572   }
   2573   var parts = s.toLowerCase().split(filter);
   2574   if (parts.length == 1) {
   2575     return s;
   2576   }
   2577   var r = "";
   2578   var pos = 0;
   2579   for (var i in parts) {
   2580     if (i > 0) {
   2581       r += '<mark class="highlight">' +
   2582         s.substring(pos, pos + filter.length) +
   2583         '</mark>';
   2584       pos += filter.length;
   2585     }
   2586     r += s.substring(pos, pos + parts[i].length);
   2587     pos += parts[i].length;
   2588   }
   2589   return r;
   2590 }
   2591 
   2592 function checkboxSetUnsetAllHandler(checkboxname) {
   2593   return function() {
   2594     var checkboxnum = 0;
   2595     while (checkboxnum < settings.checkboxes.length &&
   2596       settings.checkboxes[checkboxnum].toLowerCase() != checkboxname.toLowerCase()) {
   2597       checkboxnum++;
   2598     }
   2599     if (checkboxnum >= settings.checkboxes.length) {
   2600       return;
   2601     }
   2602     var allset = true;
   2603     var checkbox;
   2604     var row;
   2605     for (row of bombody.childNodes) {
   2606       checkbox = row.childNodes[checkboxnum + 1].childNodes[0];
   2607       if (!checkbox.checked || checkbox.indeterminate) {
   2608         allset = false;
   2609         break;
   2610       }
   2611     }
   2612     for (row of bombody.childNodes) {
   2613       checkbox = row.childNodes[checkboxnum + 1].childNodes[0];
   2614       checkbox.checked = !allset;
   2615       checkbox.indeterminate = false;
   2616       checkbox.onchange();
   2617     }
   2618   }
   2619 }
   2620 
   2621 function createColumnHeader(name, cls, comparator) {
   2622   var th = document.createElement("TH");
   2623   th.innerHTML = name;
   2624   th.classList.add(cls);
   2625   th.style.cursor = "pointer";
   2626   var span = document.createElement("SPAN");
   2627   span.classList.add("sortmark");
   2628   span.classList.add("none");
   2629   th.appendChild(span);
   2630   th.onclick = function() {
   2631     if (currentSortColumn && this !== currentSortColumn) {
   2632       // Currently sorted by another column
   2633       currentSortColumn.childNodes[1].classList.remove(currentSortOrder);
   2634       currentSortColumn.childNodes[1].classList.add("none");
   2635       currentSortColumn = null;
   2636       currentSortOrder = null;
   2637     }
   2638     if (currentSortColumn && this === currentSortColumn) {
   2639       // Already sorted by this column
   2640       if (currentSortOrder == "asc") {
   2641         // Sort by this column, descending order
   2642         bomSortFunction = function(a, b) {
   2643           return -comparator(a, b);
   2644         }
   2645         currentSortColumn.childNodes[1].classList.remove("asc");
   2646         currentSortColumn.childNodes[1].classList.add("desc");
   2647         currentSortOrder = "desc";
   2648       } else {
   2649         // Unsort
   2650         bomSortFunction = null;
   2651         currentSortColumn.childNodes[1].classList.remove("desc");
   2652         currentSortColumn.childNodes[1].classList.add("none");
   2653         currentSortColumn = null;
   2654         currentSortOrder = null;
   2655       }
   2656     } else {
   2657       // Sort by this column, ascending order
   2658       bomSortFunction = comparator;
   2659       currentSortColumn = this;
   2660       currentSortColumn.childNodes[1].classList.remove("none");
   2661       currentSortColumn.childNodes[1].classList.add("asc");
   2662       currentSortOrder = "asc";
   2663     }
   2664     populateBomBody();
   2665   }
   2666   return th;
   2667 }
   2668 
   2669 function populateBomHeader() {
   2670   while (bomhead.firstChild) {
   2671     bomhead.removeChild(bomhead.firstChild);
   2672   }
   2673   var tr = document.createElement("TR");
   2674   var th = document.createElement("TH");
   2675   th.classList.add("numCol");
   2676   tr.appendChild(th);
   2677   var checkboxCompareClosure = function(checkbox) {
   2678     return (a, b) => {
   2679       var stateA = getCheckboxState(checkbox, a[3]);
   2680       var stateB = getCheckboxState(checkbox, b[3]);
   2681       if (stateA > stateB) return -1;
   2682       if (stateA < stateB) return 1;
   2683       return 0;
   2684     }
   2685   }
   2686   if (settings.bommode == "netlist") {
   2687     th = createColumnHeader("Net name", "bom-netname", (a, b) => {
   2688       if (a > b) return -1;
   2689       if (a < b) return 1;
   2690       return 0;
   2691     });
   2692     tr.appendChild(th);
   2693   } else {
   2694     for (var checkbox of settings.checkboxes) {
   2695       th = createColumnHeader(
   2696         checkbox, "bom-checkbox", checkboxCompareClosure(checkbox));
   2697       th.onclick = fancyDblClickHandler(
   2698         th, th.onclick.bind(th), checkboxSetUnsetAllHandler(checkbox));
   2699       tr.appendChild(th);
   2700     }
   2701     tr.appendChild(createColumnHeader("References", "References", (a, b) => {
   2702       var i = 0;
   2703       while (i < a[3].length && i < b[3].length) {
   2704         if (a[3][i] != b[3][i]) return a[3][i] > b[3][i] ? 1 : -1;
   2705         i++;
   2706       }
   2707       return a[3].length - b[3].length;
   2708     }));
   2709     // Extra fields
   2710     if (config.extra_fields.length > 0) {
   2711       var extraFieldCompareClosure = function(fieldIndex) {
   2712         return (a, b) => {
   2713           var fa = a[4][fieldIndex];
   2714           var fb = b[4][fieldIndex];
   2715           if (fa != fb) return fa > fb ? 1 : -1;
   2716           else return 0;
   2717         }
   2718       }
   2719       for (var i in config.extra_fields) {
   2720         tr.appendChild(createColumnHeader(
   2721           config.extra_fields[i], "extra", extraFieldCompareClosure(i)));
   2722       }
   2723     }
   2724     tr.appendChild(createColumnHeader("Value", "Value", (a, b) => {
   2725       return valueCompare(a[5], b[5], a[1], b[1]);
   2726     }));
   2727     tr.appendChild(createColumnHeader("Footprint", "Footprint", (a, b) => {
   2728       if (a[2] != b[2]) return a[2] > b[2] ? 1 : -1;
   2729       else return 0;
   2730     }));
   2731     if (settings.bommode == "grouped") {
   2732       tr.appendChild(createColumnHeader("Quantity", "Quantity", (a, b) => {
   2733         return a[3].length - b[3].length;
   2734       }));
   2735     }
   2736   }
   2737   bomhead.appendChild(tr);
   2738 }
   2739 
   2740 function populateBomBody() {
   2741   while (bom.firstChild) {
   2742     bom.removeChild(bom.firstChild);
   2743   }
   2744   highlightHandlers = [];
   2745   moduleIndexToHandler = {};
   2746   netsToHandler = {};
   2747   currentHighlightedRowId = null;
   2748   var first = true;
   2749   if (settings.bommode == "netlist") {
   2750     bomtable = pcbdata.nets.slice();
   2751   } else {
   2752     switch (settings.canvaslayout) {
   2753       case 'F':
   2754         bomtable = pcbdata.bom.F.slice();
   2755         break;
   2756       case 'FB':
   2757         bomtable = pcbdata.bom.both.slice();
   2758         break;
   2759       case 'B':
   2760         bomtable = pcbdata.bom.B.slice();
   2761         break;
   2762     }
   2763     if (settings.bommode == "ungrouped") {
   2764       // expand bom table
   2765       expandedTable = []
   2766       for (var bomentry of bomtable) {
   2767         for (var ref of bomentry[3]) {
   2768           expandedTable.push([1, bomentry[1], bomentry[2], [ref], bomentry[4], bomentry[5]]);
   2769         }
   2770       }
   2771       bomtable = expandedTable;
   2772     }
   2773   }
   2774   if (bomSortFunction) {
   2775     bomtable = bomtable.sort(bomSortFunction);
   2776   }
   2777   for (var i in bomtable) {
   2778     var bomentry = bomtable[i];
   2779     if (filter && !entryMatches(bomentry)) {
   2780       continue;
   2781     }
   2782     var references = null;
   2783     var netname = null;
   2784     var tr = document.createElement("TR");
   2785     var td = document.createElement("TD");
   2786     var rownum = +i + 1;
   2787     tr.id = "bomrow" + rownum;
   2788     td.textContent = rownum;
   2789     tr.appendChild(td);
   2790     if (settings.bommode == "netlist") {
   2791       netname = bomentry;
   2792       td = document.createElement("TD");
   2793       td.innerHTML = highlightFilter(netname ? netname : "&lt;no net&gt;");
   2794       tr.appendChild(td);
   2795     } else {
   2796       if (reflookup) {
   2797         references = findRefInEntry(bomentry);
   2798         if (references.length == 0) {
   2799           continue;
   2800         }
   2801       } else {
   2802         references = bomentry[3];
   2803       }
   2804       // Checkboxes
   2805       for (var checkbox of settings.checkboxes) {
   2806         if (checkbox) {
   2807           td = document.createElement("TD");
   2808           var input = document.createElement("input");
   2809           input.type = "checkbox";
   2810           input.onchange = createCheckboxChangeHandler(checkbox, references);
   2811           setBomCheckboxState(checkbox, input, references);
   2812           if (input.checked && settings.darkenWhenChecked == checkbox) {
   2813             tr.classList.add("checked");
   2814           }
   2815           td.appendChild(input);
   2816           tr.appendChild(td);
   2817         }
   2818       }
   2819       // References
   2820       td = document.createElement("TD");
   2821       td.innerHTML = highlightFilter(references.map(r => r[0]).join(", "));
   2822       tr.appendChild(td);
   2823       // Extra fields
   2824       for (var i in config.extra_fields) {
   2825         td = document.createElement("TD");
   2826         td.innerHTML = highlightFilter(bomentry[4][i]);
   2827         tr.appendChild(td);
   2828       }
   2829       // Value
   2830       td = document.createElement("TD");
   2831       td.innerHTML = highlightFilter(bomentry[1]);
   2832       tr.appendChild(td);
   2833       // Footprint
   2834       td = document.createElement("TD");
   2835       td.innerHTML = highlightFilter(bomentry[2]);
   2836       tr.appendChild(td);
   2837       if (settings.bommode == "grouped") {
   2838         // Quantity
   2839         td = document.createElement("TD");
   2840         td.textContent = bomentry[3].length;
   2841         tr.appendChild(td);
   2842       }
   2843     }
   2844     bom.appendChild(tr);
   2845     var handler = createRowHighlightHandler(tr.id, references, netname);
   2846     tr.onmousemove = handler;
   2847     highlightHandlers.push({
   2848       id: tr.id,
   2849       handler: handler,
   2850     });
   2851     if (references !== null) {
   2852       for (var refIndex of references.map(r => r[1])) {
   2853         moduleIndexToHandler[refIndex] = handler;
   2854       }
   2855     }
   2856     if (netname !== null) {
   2857       netsToHandler[netname] = handler;
   2858     }
   2859     if ((filter || reflookup) && first) {
   2860       handler();
   2861       first = false;
   2862     }
   2863   }
   2864   EventHandler.emitEvent(
   2865     IBOM_EVENT_TYPES.BOM_BODY_CHANGE_EVENT,
   2866     {
   2867       filter: filter,
   2868       reflookup: reflookup,
   2869       checkboxes: settings.checkboxes,
   2870       bommode: settings.bommode,
   2871     });
   2872 }
   2873 
   2874 function highlightPreviousRow() {
   2875   if (!currentHighlightedRowId) {
   2876     highlightHandlers[highlightHandlers.length - 1].handler();
   2877   } else {
   2878     if (highlightHandlers.length > 1 &&
   2879       highlightHandlers[0].id == currentHighlightedRowId) {
   2880       highlightHandlers[highlightHandlers.length - 1].handler();
   2881     } else {
   2882       for (var i = 0; i < highlightHandlers.length - 1; i++) {
   2883         if (highlightHandlers[i + 1].id == currentHighlightedRowId) {
   2884           highlightHandlers[i].handler();
   2885           break;
   2886         }
   2887       }
   2888     }
   2889   }
   2890   smoothScrollToRow(currentHighlightedRowId);
   2891 }
   2892 
   2893 function highlightNextRow() {
   2894   if (!currentHighlightedRowId) {
   2895     highlightHandlers[0].handler();
   2896   } else {
   2897     if (highlightHandlers.length > 1 &&
   2898       highlightHandlers[highlightHandlers.length - 1].id == currentHighlightedRowId) {
   2899       highlightHandlers[0].handler();
   2900     } else {
   2901       for (var i = 1; i < highlightHandlers.length; i++) {
   2902         if (highlightHandlers[i - 1].id == currentHighlightedRowId) {
   2903           highlightHandlers[i].handler();
   2904           break;
   2905         }
   2906       }
   2907     }
   2908   }
   2909   smoothScrollToRow(currentHighlightedRowId);
   2910 }
   2911 
   2912 function populateBomTable() {
   2913   populateBomHeader();
   2914   populateBomBody();
   2915 }
   2916 
   2917 function modulesClicked(moduleIndexes) {
   2918   var lastClickedIndex = moduleIndexes.indexOf(lastClicked);
   2919   for (var i = 1; i <= moduleIndexes.length; i++) {
   2920     var refIndex = moduleIndexes[(lastClickedIndex + i) % moduleIndexes.length];
   2921     if (refIndex in moduleIndexToHandler) {
   2922       lastClicked = refIndex;
   2923       moduleIndexToHandler[refIndex]();
   2924       smoothScrollToRow(currentHighlightedRowId);
   2925       break;
   2926     }
   2927   }
   2928 }
   2929 
   2930 function netClicked(net) {
   2931   if (net in netsToHandler) {
   2932     netsToHandler[net]();
   2933     smoothScrollToRow(currentHighlightedRowId);
   2934   } else {
   2935     clearHighlightedModules();
   2936     highlightedNet = net;
   2937     drawHighlights();
   2938   }
   2939 }
   2940 
   2941 function updateFilter(input) {
   2942   filter = input.toLowerCase();
   2943   populateBomTable();
   2944 }
   2945 
   2946 function updateRefLookup(input) {
   2947   reflookup = input.toLowerCase();
   2948   populateBomTable();
   2949 }
   2950 
   2951 function changeCanvasLayout(layout) {
   2952   document.getElementById("fl-btn").classList.remove("depressed");
   2953   document.getElementById("fb-btn").classList.remove("depressed");
   2954   document.getElementById("bl-btn").classList.remove("depressed");
   2955   switch (layout) {
   2956     case 'F':
   2957       document.getElementById("fl-btn").classList.add("depressed");
   2958       if (settings.bomlayout != "bom-only") {
   2959         canvassplit.collapse(1);
   2960       }
   2961       break;
   2962     case 'B':
   2963       document.getElementById("bl-btn").classList.add("depressed");
   2964       if (settings.bomlayout != "bom-only") {
   2965         canvassplit.collapse(0);
   2966       }
   2967       break;
   2968     default:
   2969       document.getElementById("fb-btn").classList.add("depressed");
   2970       if (settings.bomlayout != "bom-only") {
   2971         canvassplit.setSizes([50, 50]);
   2972       }
   2973   }
   2974   settings.canvaslayout = layout;
   2975   writeStorage("canvaslayout", layout);
   2976   resizeAll();
   2977   changeBomMode(settings.bommode);
   2978 }
   2979 
   2980 function populateMetadata() {
   2981   document.getElementById("title").innerHTML = pcbdata.metadata.title;
   2982   document.getElementById("revision").innerHTML = "Rev: " + pcbdata.metadata.revision;
   2983   document.getElementById("company").innerHTML = pcbdata.metadata.company;
   2984   document.getElementById("filedate").innerHTML = pcbdata.metadata.date;
   2985   if (pcbdata.metadata.title != "") {
   2986     document.title = pcbdata.metadata.title + " BOM";
   2987   }
   2988   // Calculate board stats
   2989   var fp_f = 0, fp_b = 0, pads_f = 0, pads_b = 0, pads_th = 0;
   2990   for (var i = 0; i < pcbdata.modules.length; i++) {
   2991     if (pcbdata.bom.skipped.includes(i)) continue;
   2992     var mod = pcbdata.modules[i];
   2993     if (mod.layer == "F") {
   2994       fp_f++;
   2995     } else {
   2996       fp_b++;
   2997     }
   2998     for (var pad of mod.pads) {
   2999       if (pad.type == "th") {
   3000         pads_th++;
   3001       } else {
   3002         if (pad.layers.includes("F")) {
   3003           pads_f++;
   3004         }
   3005         if (pad.layers.includes("B")) {
   3006           pads_b++;
   3007         }
   3008       }
   3009     }
   3010   }
   3011   document.getElementById("stats-components-front").innerHTML = fp_f;
   3012   document.getElementById("stats-components-back").innerHTML = fp_b;
   3013   document.getElementById("stats-components-total").innerHTML = fp_f + fp_b;
   3014   document.getElementById("stats-groups-front").innerHTML = pcbdata.bom.F.length;
   3015   document.getElementById("stats-groups-back").innerHTML = pcbdata.bom.B.length;
   3016   document.getElementById("stats-groups-total").innerHTML = pcbdata.bom.both.length;
   3017   document.getElementById("stats-smd-pads-front").innerHTML = pads_f;
   3018   document.getElementById("stats-smd-pads-back").innerHTML = pads_b;
   3019   document.getElementById("stats-smd-pads-total").innerHTML = pads_f + pads_b;
   3020   document.getElementById("stats-th-pads").innerHTML = pads_th;
   3021   // Update version string
   3022   document.getElementById("github-link").innerHTML = "InteractiveHtmlBom&nbsp;" +
   3023     /^v\d+\.\d+/.exec(pcbdata.ibom_version)[0];
   3024 }
   3025 
   3026 function changeBomLayout(layout) {
   3027   document.getElementById("bom-btn").classList.remove("depressed");
   3028   document.getElementById("lr-btn").classList.remove("depressed");
   3029   document.getElementById("tb-btn").classList.remove("depressed");
   3030   switch (layout) {
   3031     case 'bom-only':
   3032       document.getElementById("bom-btn").classList.add("depressed");
   3033       if (bomsplit) {
   3034         bomsplit.destroy();
   3035         bomsplit = null;
   3036         canvassplit.destroy();
   3037         canvassplit = null;
   3038       }
   3039       document.getElementById("frontcanvas").style.display = "none";
   3040       document.getElementById("backcanvas").style.display = "none";
   3041       document.getElementById("bot").style.height = "";
   3042       break;
   3043     case 'top-bottom':
   3044       document.getElementById("tb-btn").classList.add("depressed");
   3045       document.getElementById("frontcanvas").style.display = "";
   3046       document.getElementById("backcanvas").style.display = "";
   3047       document.getElementById("bot").style.height = "calc(100% - 80px)";
   3048       document.getElementById("bomdiv").classList.remove("split-horizontal");
   3049       document.getElementById("canvasdiv").classList.remove("split-horizontal");
   3050       document.getElementById("frontcanvas").classList.add("split-horizontal");
   3051       document.getElementById("backcanvas").classList.add("split-horizontal");
   3052       if (bomsplit) {
   3053         bomsplit.destroy();
   3054         bomsplit = null;
   3055         canvassplit.destroy();
   3056         canvassplit = null;
   3057       }
   3058       bomsplit = Split(['#bomdiv', '#canvasdiv'], {
   3059         sizes: [50, 50],
   3060         onDragEnd: resizeAll,
   3061         direction: "vertical",
   3062         gutterSize: 5
   3063       });
   3064       canvassplit = Split(['#frontcanvas', '#backcanvas'], {
   3065         sizes: [50, 50],
   3066         gutterSize: 5,
   3067         onDragEnd: resizeAll
   3068       });
   3069       break;
   3070     case 'left-right':
   3071       document.getElementById("lr-btn").classList.add("depressed");
   3072       document.getElementById("frontcanvas").style.display = "";
   3073       document.getElementById("backcanvas").style.display = "";
   3074       document.getElementById("bot").style.height = "calc(100% - 80px)";
   3075       document.getElementById("bomdiv").classList.add("split-horizontal");
   3076       document.getElementById("canvasdiv").classList.add("split-horizontal");
   3077       document.getElementById("frontcanvas").classList.remove("split-horizontal");
   3078       document.getElementById("backcanvas").classList.remove("split-horizontal");
   3079       if (bomsplit) {
   3080         bomsplit.destroy();
   3081         bomsplit = null;
   3082         canvassplit.destroy();
   3083         canvassplit = null;
   3084       }
   3085       bomsplit = Split(['#bomdiv', '#canvasdiv'], {
   3086         sizes: [50, 50],
   3087         onDragEnd: resizeAll,
   3088         gutterSize: 5
   3089       });
   3090       canvassplit = Split(['#frontcanvas', '#backcanvas'], {
   3091         sizes: [50, 50],
   3092         gutterSize: 5,
   3093         direction: "vertical",
   3094         onDragEnd: resizeAll
   3095       });
   3096   }
   3097   settings.bomlayout = layout;
   3098   writeStorage("bomlayout", layout);
   3099   changeCanvasLayout(settings.canvaslayout);
   3100 }
   3101 
   3102 function changeBomMode(mode) {
   3103   document.getElementById("bom-grouped-btn").classList.remove("depressed");
   3104   document.getElementById("bom-ungrouped-btn").classList.remove("depressed");
   3105   document.getElementById("bom-netlist-btn").classList.remove("depressed");
   3106   switch (mode) {
   3107     case 'grouped':
   3108       document.getElementById("bom-grouped-btn").classList.add("depressed");
   3109       break;
   3110     case 'ungrouped':
   3111       document.getElementById("bom-ungrouped-btn").classList.add("depressed");
   3112       break;
   3113     case 'netlist':
   3114       document.getElementById("bom-netlist-btn").classList.add("depressed");
   3115   }
   3116   writeStorage("bommode", mode);
   3117   if (mode != settings.bommode) {
   3118     settings.bommode = mode;
   3119     bomSortFunction = null;
   3120     currentSortColumn = null;
   3121     currentSortOrder = null;
   3122     clearHighlightedModules();
   3123   }
   3124   populateBomTable();
   3125 }
   3126 
   3127 function focusFilterField() {
   3128   focusInputField(document.getElementById("filter"));
   3129 }
   3130 
   3131 function focusRefLookupField() {
   3132   focusInputField(document.getElementById("reflookup"));
   3133 }
   3134 
   3135 function toggleBomCheckbox(bomrowid, checkboxnum) {
   3136   if (!bomrowid || checkboxnum > settings.checkboxes.length) {
   3137     return;
   3138   }
   3139   var bomrow = document.getElementById(bomrowid);
   3140   var checkbox = bomrow.childNodes[checkboxnum].childNodes[0];
   3141   checkbox.checked = !checkbox.checked;
   3142   checkbox.indeterminate = false;
   3143   checkbox.onchange();
   3144 }
   3145 
   3146 function checkBomCheckbox(bomrowid, checkboxname) {
   3147   var checkboxnum = 0;
   3148   while (checkboxnum < settings.checkboxes.length &&
   3149     settings.checkboxes[checkboxnum].toLowerCase() != checkboxname.toLowerCase()) {
   3150     checkboxnum++;
   3151   }
   3152   if (!bomrowid || checkboxnum >= settings.checkboxes.length) {
   3153     return;
   3154   }
   3155   var bomrow = document.getElementById(bomrowid);
   3156   var checkbox = bomrow.childNodes[checkboxnum + 1].childNodes[0];
   3157   checkbox.checked = true;
   3158   checkbox.indeterminate = false;
   3159   checkbox.onchange();
   3160 }
   3161 
   3162 function setBomCheckboxes(value) {
   3163   writeStorage("bomCheckboxes", value);
   3164   settings.checkboxes = value.split(",").filter((e) => e);
   3165   prepCheckboxes();
   3166   populateBomTable();
   3167   populateDarkenWhenCheckedOptions();
   3168 }
   3169 
   3170 function setDarkenWhenChecked(value) {
   3171   writeStorage("darkenWhenChecked", value);
   3172   settings.darkenWhenChecked = value;
   3173   populateBomTable();
   3174 }
   3175 
   3176 function prepCheckboxes() {
   3177   var table = document.getElementById("checkbox-stats");
   3178   while (table.childElementCount > 1) {
   3179     table.removeChild(table.lastChild);
   3180   }
   3181   if (settings.checkboxes.length) {
   3182     table.style.display = "";
   3183   } else {
   3184     table.style.display = "none";
   3185   }
   3186   for (var checkbox of settings.checkboxes) {
   3187     var tr = document.createElement("TR");
   3188     var td = document.createElement("TD");
   3189     td.innerHTML = checkbox;
   3190     tr.appendChild(td);
   3191     td = document.createElement("TD");
   3192     td.id = "checkbox-stats-" + checkbox;
   3193     var progressbar = document.createElement("div");
   3194     progressbar.classList.add("bar");
   3195     td.appendChild(progressbar);
   3196     var text = document.createElement("div");
   3197     text.classList.add("text");
   3198     td.appendChild(text);
   3199     tr.appendChild(td);
   3200     table.appendChild(tr);
   3201     updateCheckboxStats(checkbox);
   3202   }
   3203 }
   3204 
   3205 function populateDarkenWhenCheckedOptions() {
   3206   var container = document.getElementById("darkenWhenCheckedContainer");
   3207 
   3208   if (settings.checkboxes.length == 0) {
   3209     container.parentElement.style.display = "none";
   3210     return;
   3211   }
   3212 
   3213   container.innerHTML = '';
   3214   container.parentElement.style.display = "inline-block";
   3215 
   3216   function createOption(name, displayName) {
   3217     var id = "darkenWhenChecked-" + name;
   3218 
   3219     var div = document.createElement("div");
   3220     div.classList.add("radio-container");
   3221 
   3222     var input = document.createElement("input");
   3223     input.type = "radio";
   3224     input.name = "darkenWhenChecked";
   3225     input.value = name;
   3226     input.id = id;
   3227     input.onchange = () => setDarkenWhenChecked(name);
   3228     div.appendChild(input);
   3229 
   3230     // Preserve the selected element when the checkboxes change
   3231     if (name == settings.darkenWhenChecked) {
   3232       input.checked = true;
   3233     }
   3234 
   3235     var label = document.createElement("label");
   3236     label.innerHTML = displayName;
   3237     label.htmlFor = id;
   3238     div.appendChild(label);
   3239 
   3240     container.appendChild(div);
   3241   }
   3242   createOption("", "None");
   3243   for (var checkbox of settings.checkboxes) {
   3244     createOption(checkbox, checkbox);
   3245   }
   3246 }
   3247 
   3248 function updateCheckboxStats(checkbox) {
   3249   var checked = getStoredCheckboxRefs(checkbox).size;
   3250   var total = pcbdata.modules.length - pcbdata.bom.skipped.length;
   3251   var percent = checked * 100.0 / total;
   3252   var td = document.getElementById("checkbox-stats-" + checkbox);
   3253   td.firstChild.style.width = percent + "%";
   3254   td.lastChild.innerHTML = checked + "/" + total + " (" + Math.round(percent) + "%)";
   3255 }
   3256 
   3257 document.onkeydown = function(e) {
   3258   switch (e.key) {
   3259     case "n":
   3260       if (document.activeElement.type == "text") {
   3261         return;
   3262       }
   3263       if (currentHighlightedRowId !== null) {
   3264         checkBomCheckbox(currentHighlightedRowId, "placed");
   3265         highlightNextRow();
   3266         e.preventDefault();
   3267       }
   3268       break;
   3269     case "ArrowUp":
   3270       highlightPreviousRow();
   3271       e.preventDefault();
   3272       break;
   3273     case "ArrowDown":
   3274       highlightNextRow();
   3275       e.preventDefault();
   3276       break;
   3277     default:
   3278       break;
   3279   }
   3280   if (e.altKey) {
   3281     switch (e.key) {
   3282       case "f":
   3283         focusFilterField();
   3284         e.preventDefault();
   3285         break;
   3286       case "r":
   3287         focusRefLookupField();
   3288         e.preventDefault();
   3289         break;
   3290       case "z":
   3291         changeBomLayout("bom-only");
   3292         e.preventDefault();
   3293         break;
   3294       case "x":
   3295         changeBomLayout("left-right");
   3296         e.preventDefault();
   3297         break;
   3298       case "c":
   3299         changeBomLayout("top-bottom");
   3300         e.preventDefault();
   3301         break;
   3302       case "v":
   3303         changeCanvasLayout("F");
   3304         e.preventDefault();
   3305         break;
   3306       case "b":
   3307         changeCanvasLayout("FB");
   3308         e.preventDefault();
   3309         break;
   3310       case "n":
   3311         changeCanvasLayout("B");
   3312         e.preventDefault();
   3313         break;
   3314       default:
   3315         break;
   3316     }
   3317     if (e.key >= '1' && e.key <= '9') {
   3318       toggleBomCheckbox(currentHighlightedRowId, parseInt(e.key));
   3319     }
   3320   }
   3321 }
   3322 
   3323 function hideNetlistButton() {
   3324   document.getElementById("bom-ungrouped-btn").classList.remove("middle-button");
   3325   document.getElementById("bom-ungrouped-btn").classList.add("right-most-button");
   3326   document.getElementById("bom-netlist-btn").style.display = "none";
   3327 }
   3328 
   3329 window.onload = function(e) {
   3330   initUtils();
   3331   initRender();
   3332   initStorage();
   3333   initDefaults();
   3334   cleanGutters();
   3335   populateMetadata();
   3336   dbgdiv = document.getElementById("dbg");
   3337   bom = document.getElementById("bombody");
   3338   bomhead = document.getElementById("bomhead");
   3339   filter = "";
   3340   reflookup = "";
   3341   if (!("nets" in pcbdata)) {
   3342     hideNetlistButton();
   3343   }
   3344   initDone = true;
   3345   prepCheckboxes();
   3346   // Triggers render
   3347   changeBomLayout(settings.bomlayout);
   3348 
   3349   // Users may leave fullscreen without touching the checkbox. Uncheck.
   3350   document.addEventListener('fullscreenchange', () => {
   3351     if (!document.fullscreenElement)
   3352       document.getElementById('fullscreenCheckbox').checked = false;
   3353   });
   3354 }
   3355 
   3356 window.onresize = resizeAll;
   3357 window.matchMedia("print").addListener(resizeAll);
   3358 
   3359 ///////////////////////////////////////////////
   3360 
   3361 ///////////////////////////////////////////////
   3362 
   3363 window.setTimeout(function() {
   3364 	//tracksVisible(true);
   3365 },1000);
   3366 
   3367 
   3368 ///////////////////////////////////////////////
   3369   </script>
   3370 </head>
   3371 
   3372 <body>
   3373 
   3374 <div id="topmostdiv" class="topmostdiv">
   3375   <div id="top">
   3376     <div style="float: right; height: 100%;">
   3377       <div class="hideonprint menu" style="float: right; top: 8px;">
   3378         <button class="menubtn"></button>
   3379         <div class="menu-content">
   3380           <label class="menu-label menu-label-top" style="width: calc(50% - 18px)">
   3381             <input id="darkmodeCheckbox" type="checkbox" onchange="setDarkMode(this.checked)">
   3382             Dark mode
   3383           </label><!-- This comment eats space! All of it!
   3384           --><label class="menu-label menu-label-top" style="width: calc(50% - 17px); border-left: 0;">
   3385             <input id="fullscreenCheckbox" type="checkbox" onchange="setFullscreen(this.checked)">
   3386             Full Screen
   3387           </label>
   3388           <label class="menu-label" style="width: calc(50% - 18px)">
   3389             <input id="fabricationCheckbox" type="checkbox" checked onchange="fabricationVisible(this.checked)">
   3390             Fab layer
   3391           </label><!-- This comment eats space! All of it!
   3392           --><label class="menu-label" style="width: calc(50% - 17px); border-left: 0;">
   3393             <input id="silkscreenCheckbox" type="checkbox" checked onchange="silkscreenVisible(this.checked)">
   3394             Silkscreen
   3395           </label>
   3396           <label class="menu-label" style="width: calc(50% - 18px)">
   3397             <input id="referencesCheckbox" type="checkbox" checked onchange="referencesVisible(this.checked)">
   3398             References
   3399           </label><!-- This comment eats space! All of it!
   3400           --><label class="menu-label" style="width: calc(50% - 17px); border-left: 0;">
   3401             <input id="valuesCheckbox" type="checkbox" checked onchange="valuesVisible(this.checked)">
   3402             Values
   3403           </label>
   3404           <div id="tracksAndZonesCheckboxes">
   3405             <label class="menu-label" style="width: calc(50% - 18px)">
   3406               <input id="tracksCheckbox" type="checkbox" checked onchange="tracksVisible(this.checked)">
   3407               Tracks
   3408             </label><!-- This comment eats space! All of it!
   3409             --><label class="menu-label" style="width: calc(50% - 17px); border-left: 0;">
   3410               <input id="zonesCheckbox" type="checkbox" checked onchange="zonesVisible(this.checked)">
   3411               Zones
   3412             </label>
   3413           </div>
   3414           <label class="menu-label" style="width: calc(50% - 18px)">
   3415             <input id="padsCheckbox" type="checkbox" checked onchange="padsVisible(this.checked)">
   3416             Pads
   3417           </label><!-- This comment eats space! All of it!
   3418           --><label class="menu-label" style="width: calc(50% - 17px); border-left: 0;">
   3419             <input id="dnpOutlineCheckbox" type="checkbox" checked onchange="dnpOutline(this.checked)">
   3420             DNP outlined
   3421           </label>
   3422           <label class="menu-label">
   3423             <input id="highlightpin1Checkbox" type="checkbox" onchange="setHighlightPin1(this.checked)">
   3424             Highlight first pin
   3425           </label>
   3426           <label class="menu-label">
   3427             <input id="dragCheckbox" type="checkbox" checked onchange="setRedrawOnDrag(this.checked)">
   3428             Continuous redraw on drag
   3429           </label>
   3430           <label class="menu-label">
   3431             <span>Board rotation</span>
   3432             <span style="float: right"><span id="rotationDegree">0</span>&#176;</span>
   3433             <input id="boardRotation" type="range" min="-36" max="36" value="0" class="slider" oninput="setBoardRotation(this.value)">
   3434           </label>
   3435           <label class="menu-label">
   3436             <div style="margin-left: 5px">Bom checkboxes</div>
   3437             <input id="bomCheckboxes" class="menu-textbox" type=text
   3438                    oninput="setBomCheckboxes(this.value)">
   3439           </label>
   3440           <label class="menu-label">
   3441             <div style="margin-left: 5px">Darken when checked</div>
   3442             <div id="darkenWhenCheckedContainer"></div>
   3443           </label>
   3444           <label class="menu-label">
   3445             <span class="shameless-plug">
   3446               <span>Created using</span>
   3447               <a id="github-link" target="blank" href="https://github.com/openscopeproject/InteractiveHtmlBom">InteractiveHtmlBom</a>
   3448             </span>
   3449           </label>
   3450         </div>
   3451       </div>
   3452       <div class="button-container hideonprint"
   3453            style="float: right; position: relative; top: 8px">
   3454         <button id="fl-btn" class="left-most-button" onclick="changeCanvasLayout('F')"
   3455                 title="Front only">F
   3456         </button>
   3457         <button id="fb-btn" class="middle-button" onclick="changeCanvasLayout('FB')"
   3458                 title="Front and Back">FB
   3459         </button>
   3460         <button id="bl-btn" class="right-most-button" onclick="changeCanvasLayout('B')"
   3461                 title="Back only">B
   3462         </button>
   3463       </div>
   3464       <div class="button-container hideonprint"
   3465            style="float: right; position: relative; top: 8px">
   3466         <button id="bom-btn" class="left-most-button" onclick="changeBomLayout('bom-only')"
   3467                 title="BOM only"></button>
   3468         <button id="lr-btn" class="middle-button" onclick="changeBomLayout('left-right')"
   3469                 title="BOM left, drawings right"></button>
   3470         <button id="tb-btn" class="right-most-button" onclick="changeBomLayout('top-bottom')"
   3471                 title="BOM top, drawings bot"></button>
   3472       </div>
   3473       <div class="button-container hideonprint"
   3474            style="float: right; position: relative; top: 8px">
   3475         <button id="bom-grouped-btn" class="left-most-button" onclick="changeBomMode('grouped')"
   3476                 title="Grouped BOM"></button>
   3477         <button id="bom-ungrouped-btn" class="middle-button" onclick="changeBomMode('ungrouped')"
   3478                 title="Ungrouped BOM"></button>
   3479         <button id="bom-netlist-btn" class="right-most-button" onclick="changeBomMode('netlist')"
   3480                 title="Netlist"></button>
   3481       </div>
   3482       <div class="hideonprint menu" style="float: right; top: 8px;">
   3483         <button class="statsbtn"></button>
   3484         <div class="menu-content">
   3485           <table class="stats">
   3486             <tbody>
   3487               <tr>
   3488                 <td width="40%">Board stats</td>
   3489                 <td>Front</td>
   3490                 <td>Back</td>
   3491                 <td>Total</td>
   3492               </tr>
   3493               <tr>
   3494                 <td>Components</td>
   3495                 <td id="stats-components-front">~</td>
   3496                 <td id="stats-components-back">~</td>
   3497                 <td id="stats-components-total">~</td>
   3498               </tr>
   3499               <tr>
   3500                 <td>Groups</td>
   3501                 <td id="stats-groups-front">~</td>
   3502                 <td id="stats-groups-back">~</td>
   3503                 <td id="stats-groups-total">~</td>
   3504               </tr>
   3505               <tr>
   3506                 <td>SMD pads</td>
   3507                 <td id="stats-smd-pads-front">~</td>
   3508                 <td id="stats-smd-pads-back">~</td>
   3509                 <td id="stats-smd-pads-total">~</td>
   3510               </tr>
   3511               <tr>
   3512                 <td>TH pads</td>
   3513                 <td colspan=3 id="stats-th-pads">~</td>
   3514               </tr>
   3515             </tbody>
   3516           </table>
   3517           <table class="stats">
   3518             <col width="40%"/><col />
   3519             <tbody id="checkbox-stats">
   3520               <tr>
   3521                 <td colspan=2 style="border-top: 0">Checkboxes</td>
   3522               </tr>
   3523             </tbody>
   3524           </table>
   3525         </div>
   3526       </div>
   3527       <div class="hideonprint menu" style="float: right; top: 8px;">
   3528         <button class="iobtn"></button>
   3529         <div class="menu-content">
   3530           <div class="menu-label menu-label-top">
   3531             <div style="margin-left: 5px;">Save board image</div>
   3532             <div class="flexbox">
   3533               <input id="render-save-width" class="menu-textbox" type="text" value="1000" placeholder="Width"
   3534                   style="flex-grow: 1; width: 50px;" oninput="validateSaveImgDimension(this)">
   3535               <span>X</span>
   3536               <input id="render-save-height" class="menu-textbox" type="text" value="1000" placeholder="Height"
   3537                   style="flex-grow: 1; width: 50px;" oninput="validateSaveImgDimension(this)">
   3538             </div>
   3539             <label>
   3540               <input id="render-save-transparent" type="checkbox">
   3541               Transparent background
   3542             </label>
   3543             <div class="flexbox">
   3544               <button class="savebtn" onclick="saveImage('F')">Front</button>
   3545               <button class="savebtn" onclick="saveImage('B')">Back</button>
   3546             </div>
   3547           </div>
   3548           <div class="menu-label">
   3549             <span style="margin-left: 5px;">Config and checkbox state</span>
   3550             <div class="flexbox">
   3551               <button class="savebtn" onclick="saveSettings()">Export</button>
   3552               <button class="savebtn" onclick="loadSettings()">Import</button>
   3553             </div>
   3554           </div>
   3555         </div>
   3556       </div>
   3557     </div>
   3558     <div id="fileinfodiv" style="overflow: auto;">
   3559       <table class="fileinfo">
   3560         <tbody>
   3561           <tr>
   3562             <td id="title" class="title" style="width: 70%">
   3563               Title
   3564             </td>
   3565             <td id="revision" class="title" style="width: 30%">
   3566               Revision
   3567             </td>
   3568           </tr>
   3569           <tr>
   3570             <td id="company">
   3571               Company
   3572             </td>
   3573             <td id="filedate">
   3574               Date
   3575             </td>
   3576           </tr>
   3577         </tbody>
   3578       </table>
   3579     </div>
   3580   </div>
   3581   <div id="bot" class="split" style="height: calc(100% - 80px)">
   3582     <div id="bomdiv" class="split split-horizontal">
   3583       <div style="width: 100%">
   3584         <input id="reflookup" class="textbox searchbox reflookup hideonprint" type="text" placeholder="Ref lookup"
   3585                oninput="updateRefLookup(this.value)">
   3586         <input id="filter" class="textbox searchbox filter hideonprint" type="text" placeholder="Filter"
   3587                oninput="updateFilter(this.value)">
   3588         <div class="button-container hideonprint" style="float: left; margin: 0;">
   3589           <button id="copy" title="Copy bom table to clipboard"
   3590                onclick="copyToClipboard()"></button>
   3591         </div>
   3592       </div>
   3593       <div id="dbg"></div>
   3594       <table class="bom">
   3595         <thead id="bomhead">
   3596         </thead>
   3597         <tbody id="bombody">
   3598         </tbody>
   3599       </table>
   3600     </div>
   3601     <div id="canvasdiv" class="split split-horizontal">
   3602       <div id="frontcanvas" class="split" touch-action="none" style="overflow: hidden">
   3603         <div style="position: relative; width: 100%; height: 100%;">
   3604           <canvas id="F_bg" style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas>
   3605           <canvas id="F_fab" style="position: absolute; left: 0; top: 0; z-index: 1;"></canvas>
   3606           <canvas id="F_slk" style="position: absolute; left: 0; top: 0; z-index: 2;"></canvas>
   3607           <canvas id="F_hl" style="position: absolute; left: 0; top: 0; z-index: 3;"></canvas>
   3608         </div>
   3609       </div>
   3610       <div id="backcanvas" class="split" touch-action="none" style="overflow: hidden">
   3611         <div style="position: relative; width: 100%; height: 100%;">
   3612           <canvas id="B_bg" style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas>
   3613           <canvas id="B_fab" style="position: absolute; left: 0; top: 0; z-index: 1;"></canvas>
   3614           <canvas id="B_slk" style="position: absolute; left: 0; top: 0; z-index: 2;"></canvas>
   3615           <canvas id="B_hl" style="position: absolute; left: 0; top: 0; z-index: 3;"></canvas>
   3616         </div>
   3617       </div>
   3618     </div>
   3619   </div>
   3620 </div>
   3621 
   3622 </body>
   3623 
   3624 </html>
	reform MNT Reform: Open Source Portable Computer
	Log (Feed) \| Files \| Refs (Tags) \| README