Artifact
326470b3a3c0e73ec9ca63b2b0638059666067cf3efa4b9146c56f0d8285958e:
0000: 3c 6c 6f 6f 70 2d 73 79 6e 63 2d 6f 70 74 69 6f <loop-sync-optio
0010: 6e 73 2d 6e 65 73 74 65 64 3e 0a 20 20 3c 64 69 ns-nested>. <di
0020: 76 20 65 61 63 68 3d 7b 20 63 68 69 6c 64 2c 20 v each={ child,
0030: 69 6e 64 65 78 20 69 6e 20 63 68 69 6c 64 72 65 index in childre
0040: 6e 20 7d 20 72 65 6f 72 64 65 72 3d 22 74 72 75 n } reorder="tru
0050: 65 22 3e 0a 20 20 20 20 3c 6c 6f 6f 70 2d 73 79 e">. <loop-sy
0060: 6e 63 2d 6f 70 74 69 6f 6e 73 2d 6e 65 73 74 65 nc-options-neste
0070: 64 2d 63 68 69 6c 64 20 64 61 74 61 3d 7b 20 63 d-child data={ c
0080: 68 69 6c 64 20 7d 3e 3c 2f 6c 6f 6f 70 2d 73 79 hild }></loop-sy
0090: 6e 63 2d 6f 70 74 69 6f 6e 73 2d 6e 65 73 74 65 nc-options-neste
00a0: 64 2d 63 68 69 6c 64 3e 0a 20 20 3c 2f 64 69 76 d-child>. </div
00b0: 3e 0a 0a 0a 20 20 74 68 69 73 2e 63 68 69 6c 64 >... this.child
00c0: 72 65 6e 20 3d 20 5b 7b 0a 20 20 20 20 76 61 6c ren = [{. val
00d0: 3a 20 27 66 6f 6f 27 0a 20 20 7d 2c 7b 0a 20 20 : 'foo'. },{.
00e0: 20 20 6e 75 6d 3a 20 33 0a 20 20 7d 2c 7b 0a 20 num: 3. },{.
00f0: 20 20 20 62 6f 6f 6c 3a 20 66 61 6c 73 65 0a 20 bool: false.
0100: 20 7d 5d 0a 0a 3c 2f 6c 6f 6f 70 2d 73 79 6e 63 }]..</loop-sync
0110: 2d 6f 70 74 69 6f 6e 73 2d 6e 65 73 74 65 64 3e -options-nested>
0120: 0a 0a 3c 6c 6f 6f 70 2d 73 79 6e 63 2d 6f 70 74 ..<loop-sync-opt
0130: 69 6f 6e 73 2d 6e 65 73 74 65 64 2d 63 68 69 6c ions-nested-chil
0140: 64 3e 0a 20 20 74 68 69 73 2e 76 61 6c 20 3d 20 d>. this.val =
0150: 6f 70 74 73 2e 64 61 74 61 2e 76 61 6c 0a 20 20 opts.data.val.
0160: 74 68 69 73 2e 62 6f 6f 6c 20 3d 20 6f 70 74 73 this.bool = opts
0170: 2e 64 61 74 61 2e 62 6f 6f 6c 0a 20 20 74 68 69 .data.bool. thi
0180: 73 2e 6e 75 6d 20 3d 20 6f 70 74 73 2e 64 61 74 s.num = opts.dat
0190: 61 2e 6e 75 6d 0a 0a 20 20 74 68 69 73 2e 6f 6e a.num.. this.on
01a0: 28 27 75 70 64 61 74 65 27 2c 20 66 75 6e 63 74 ('update', funct
01b0: 69 6f 6e 28 29 20 7b 0a 20 20 20 20 74 68 69 73 ion() {. this
01c0: 2e 76 61 6c 20 3d 20 6f 70 74 73 2e 64 61 74 61 .val = opts.data
01d0: 2e 76 61 6c 0a 20 20 20 20 74 68 69 73 2e 62 6f .val. this.bo
01e0: 6f 6c 20 3d 20 6f 70 74 73 2e 64 61 74 61 2e 62 ol = opts.data.b
01f0: 6f 6f 6c 0a 20 20 20 20 74 68 69 73 2e 6e 75 6d ool. this.num
0200: 20 3d 20 6f 70 74 73 2e 64 61 74 61 2e 6e 75 6d = opts.data.num
0210: 0a 20 20 7d 29 0a 3c 2f 6c 6f 6f 70 2d 73 79 6e . }).</loop-syn
0220: 63 2d 6f 70 74 69 6f 6e 73 2d 6e 65 73 74 65 64 c-options-nested
0230: 2d 63 68 69 6c 64 3e 0a 0a 3c 6c 6f 6f 70 2d 73 -child>..<loop-s
0240: 79 6e 63 2d 6f 70 74 69 6f 6e 73 2d 6e 65 73 74 ync-options-nest
0250: 65 64 2d 77 72 61 70 70 65 72 3e 0a 20 20 3c 6c ed-wrapper>. <l
0260: 6f 6f 70 2d 73 79 6e 63 2d 6f 70 74 69 6f 6e 73 oop-sync-options
0270: 2d 6e 65 73 74 65 64 3e 3c 2f 6c 6f 6f 70 2d 73 -nested></loop-s
0280: 79 6e 63 2d 6f 70 74 69 6f 6e 73 2d 6e 65 73 74 ync-options-nest
0290: 65 64 3e 0a 3c 2f 6c 6f 6f 70 2d 73 79 6e 63 2d ed>.</loop-sync-
02a0: 6f 70 74 69 6f 6e 73 2d 6e 65 73 74 65 64 2d 77 options-nested-w
02b0: 72 61 70 70 65 72 3e rapper>