Artifact
cf79ceeed58d07d136be3c10a29886fc4ba525c917ae0c0745d0e1e8d8971ca9:
0000: 3c 6c 6f 6f 70 2d 72 65 6f 72 64 65 72 3e 0a 0a <loop-reorder>..
0010: 20 20 3c 64 69 76 20 65 61 63 68 3d 22 7b 69 74 <div each="{it
0020: 65 6d 73 7d 22 20 6e 6f 2d 72 65 6f 72 64 65 72 ems}" no-reorder
0030: 3e 7b 78 7d 3c 2f 64 69 76 3e 0a 20 20 3c 73 70 >{x}</div>. <sp
0040: 61 6e 20 65 61 63 68 3d 22 7b 69 74 65 6d 73 7d an each="{items}
0050: 22 3e 7b 78 7d 3c 2f 73 70 61 6e 3e 0a 0a 20 20 ">{x}</span>..
0060: 74 68 69 73 2e 69 74 65 6d 73 20 3d 20 5b 7b 20 this.items = [{
0070: 78 3a 20 31 20 7d 2c 20 7b 20 78 3a 20 32 20 7d x: 1 }, { x: 2 }
0080: 2c 20 7b 20 78 3a 20 33 20 7d 2c 20 7b 20 78 3a , { x: 3 }, { x:
0090: 20 34 20 7d 2c 20 7b 20 78 3a 20 35 20 7d 2c 20 4 }, { x: 5 },
00a0: 7b 20 78 3a 20 36 20 7d 5d 0a 0a 20 20 74 68 69 { x: 6 }].. thi
00b0: 73 2e 6f 6e 28 27 6d 6f 75 6e 74 27 2c 20 66 75 s.on('mount', fu
00c0: 6e 63 74 69 6f 6e 28 29 20 7b 0a 20 20 20 20 76 nction() {. v
00d0: 61 72 20 73 70 61 6e 73 20 3d 20 74 68 69 73 2e ar spans = this.
00e0: 72 6f 6f 74 2e 71 75 65 72 79 53 65 6c 65 63 74 root.querySelect
00f0: 6f 72 41 6c 6c 28 27 73 70 61 6e 27 29 2c 0a 20 orAll('span'),.
0100: 20 20 20 20 20 20 20 64 69 76 73 20 3d 20 74 68 divs = th
0110: 69 73 2e 72 6f 6f 74 2e 71 75 65 72 79 53 65 6c is.root.querySel
0120: 65 63 74 6f 72 41 6c 6c 28 27 64 69 76 27 29 0a ectorAll('div').
0130: 20 20 20 20 3b 5b 5d 2e 73 6c 69 63 65 2e 63 61 ;[].slice.ca
0140: 6c 6c 28 73 70 61 6e 73 29 2e 66 6f 72 45 61 63 ll(spans).forEac
0150: 68 28 66 75 6e 63 74 69 6f 6e 28 73 70 61 6e 2c h(function(span,
0160: 20 69 29 7b 0a 20 20 20 20 20 20 73 70 61 6e 2e i){. span.
0170: 63 6c 61 73 73 4e 61 6d 65 20 3d 20 27 6e 72 2d className = 'nr-
0180: 27 20 2b 20 69 0a 20 20 20 20 7d 29 0a 20 20 20 ' + i. }).
0190: 20 3b 5b 5d 2e 73 6c 69 63 65 2e 63 61 6c 6c 28 ;[].slice.call(
01a0: 64 69 76 73 29 2e 66 6f 72 45 61 63 68 28 66 75 divs).forEach(fu
01b0: 6e 63 74 69 6f 6e 28 64 69 76 2c 20 69 29 7b 0a nction(div, i){.
01c0: 20 20 20 20 20 20 64 69 76 2e 63 6c 61 73 73 4e div.classN
01d0: 61 6d 65 20 3d 20 27 6e 72 2d 27 20 2b 20 69 0a ame = 'nr-' + i.
01e0: 20 20 20 20 7d 29 0a 20 20 7d 29 0a 0a 3c 2f 6c }). })..</l
01f0: 6f 6f 70 2d 72 65 6f 72 64 65 72 3e 0a oop-reorder>.