Artifact
a9fad89a0c372cc261d15a2d82ede434f0ea345418c79592b6a2c1dc8c14ddde:
0000: 0a 3c 6e 75 6d 62 65 72 3e 0a 20 20 20 20 3c 76 .<number>. <v
0010: 62 6f 78 3e 0a 20 20 20 20 20 20 20 20 3c 64 69 box>. <di
0020: 76 20 20 63 6c 61 73 73 3d 22 6d 6c 2d 34 22 3e v class="ml-4">
0030: 0a 20 20 20 20 20 20 20 20 20 20 20 20 3c 68 73 . <hs
0040: 74 61 63 6b 3e 0a 20 20 20 20 20 20 20 20 20 20 tack>.
0050: 20 20 3c 64 69 76 20 69 64 3d 7b 22 6e 75 6d 62 <div id={"numb
0060: 65 72 22 20 2b 20 70 72 6f 70 73 2e 74 69 7d 3e er" + props.ti}>
0070: 3c 2f 64 69 76 3e 0a 20 20 20 20 20 20 20 20 20 </div>.
0080: 20 20 20 3c 64 69 76 20 63 6c 61 73 73 3d 22 6d <div class="m
0090: 74 2d 31 22 20 73 74 79 6c 65 3d 22 68 65 69 67 t-1" style="heig
00a0: 68 74 3a 20 32 32 70 78 22 20 69 64 3d 7b 22 6e ht: 22px" id={"n
00b0: 75 6d 62 65 72 2d 76 61 6c 75 65 22 20 2b 20 70 umber-value" + p
00c0: 72 6f 70 73 2e 74 69 7d 3e 3c 2f 64 69 76 3e 0a rops.ti}></div>.
00d0: 20 20 20 20 20 20 20 20 20 20 20 20 3c 73 70 61 <spa
00e0: 6e 20 63 6c 61 73 73 3d 22 63 75 72 73 6f 72 2d n class="cursor-
00f0: 70 6f 69 6e 74 65 72 22 20 6f 6e 63 6c 69 63 6b pointer" onclick
0100: 3d 7b 72 65 6d 6f 76 65 28 74 68 69 73 2e 70 72 ={remove(this.pr
0110: 6f 70 73 2e 74 69 20 2d 31 29 7d 3e 28 78 29 3c ops.ti -1)}>(x)<
0120: 2f 73 70 61 6e 3e 0a 20 20 20 20 20 20 20 20 3c /span>. <
0130: 2f 68 73 74 61 63 6b 3e 0a 20 20 20 20 20 20 20 /hstack>.
0140: 20 3c 2f 64 69 76 3e 0a 20 20 20 20 3c 2f 76 62 </div>. </vb
0150: 6f 78 3e 0a 0a 20 20 20 20 3c 73 63 72 69 70 74 ox>.. <script
0160: 3e 0a 0a 74 68 69 73 2e 70 72 6f 70 73 20 3d 20 >..this.props =
0170: 6f 70 74 73 3b 0a 0a 20 20 20 20 72 65 6d 6f 76 opts;.. remov
0180: 65 28 69 6e 64 65 78 29 20 7b 0a 20 20 20 20 20 e(index) {.
0190: 20 20 20 72 65 74 75 72 6e 20 28 29 20 3d 3e 20 return () =>
01a0: 7b 0a 20 20 20 20 20 20 20 20 20 20 20 20 74 68 {. th
01b0: 69 73 2e 70 72 6f 70 73 2e 72 6d 6e 75 6d 62 65 is.props.rmnumbe
01c0: 72 28 69 6e 64 65 78 29 3b 0a 20 20 20 20 20 20 r(index);.
01d0: 20 20 7d 0a 20 20 20 20 7d 0a 0a 74 68 69 73 2e }. }..this.
01e0: 6f 6e 28 22 6d 6f 75 6e 74 22 2c 20 28 29 20 3d on("mount", () =
01f0: 3e 20 7b 0a 20 20 20 20 69 66 20 28 6f 70 74 73 > {. if (opts
0200: 2e 76 29 20 7b 0a 0a 20 20 20 20 20 20 20 20 4e .v) {.. N
0210: 65 78 75 73 2e 63 6f 6c 6f 72 73 2e 61 63 63 65 exus.colors.acce
0220: 6e 74 20 3d 20 22 23 30 30 30 30 30 30 22 0a 20 nt = "#000000".
0230: 20 20 20 20 20 20 20 4e 65 78 75 73 2e 63 6f 6c Nexus.col
0240: 6f 72 73 2e 66 69 6c 6c 20 3d 20 22 23 66 66 66 ors.fill = "#fff
0250: 66 66 66 22 0a 0a 20 20 20 20 20 20 20 20 76 61 fff".. va
0260: 72 20 63 65 6c 6c 20 3d 20 77 69 6e 64 6f 77 2e r cell = window.
0270: 63 65 6c 6c 78 2e 63 65 6c 6c 78 28 30 29 0a 20 cellx.cellx(0).
0280: 20 20 20 20 20 20 20 76 61 72 20 6e 75 6d 62 65 var numbe
0290: 72 20 3d 20 6e 65 77 20 4e 65 78 75 73 2e 4e 75 r = new Nexus.Nu
02a0: 6d 62 65 72 28 27 23 6e 75 6d 62 65 72 27 20 2b mber('#number' +
02b0: 20 74 68 69 73 2e 70 72 6f 70 73 2e 74 69 2c 20 this.props.ti,
02c0: 7b 0a 20 20 20 20 20 20 20 20 20 20 20 20 27 76 {. 'v
02d0: 61 6c 75 65 27 3a 20 30 2c 0a 20 20 20 20 20 20 alue': 0,.
02e0: 20 20 20 20 20 20 27 73 74 65 70 27 3a 20 30 2e 'step': 0.
02f0: 30 31 0a 20 20 20 20 20 20 20 20 7d 29 3b 0a 20 01. });.
0300: 20 20 20 20 20 20 20 63 65 6c 6c 2e 6f 6e 43 68 cell.onCh
0310: 61 6e 67 65 28 65 76 74 20 3d 3e 20 7b 0a 20 20 ange(evt => {.
0320: 20 20 20 20 20 20 20 20 20 20 69 66 20 28 65 76 if (ev
0330: 74 2e 64 61 74 61 2e 70 72 65 76 56 61 6c 75 65 t.data.prevValue
0340: 20 21 3d 3d 20 65 76 74 2e 64 61 74 61 2e 76 61 !== evt.data.va
0350: 6c 75 65 29 20 7b 0a 20 20 20 20 20 20 20 20 20 lue) {.
0360: 20 20 20 20 20 20 20 6e 75 6d 62 65 72 2e 76 61 number.va
0370: 6c 75 65 20 3d 20 65 76 74 2e 64 61 74 61 2e 76 lue = evt.data.v
0380: 61 6c 75 65 3b 0a 20 20 20 20 20 20 20 20 20 20 alue;.
0390: 20 20 7d 0a 20 20 20 20 20 20 20 20 7d 29 3b 0a }. });.
03a0: 0a 20 20 20 20 20 20 20 20 74 68 69 73 2e 70 72 . this.pr
03b0: 6f 70 73 2e 76 5b 22 76 22 5d 20 3d 20 63 65 6c ops.v["v"] = cel
03c0: 6c 3b 0a 20 20 20 20 7d 0a 7d 29 3b 0a 20 20 20 l;. }.});.
03d0: 3c 2f 73 63 72 69 70 74 3e 0a 0a 3c 2f 6e 75 6d </script>..</num
03e0: 62 65 72 3e 0a ber>.