Artifact
ebc4dc408cb69bb870537be7167c7ebbf46092d0c207f38712ba437f84f7f796:
0000: 3c 63 6f 6c 6f 72 3e 0a 20 20 3c 69 6e 70 75 74 <color>. <input
0010: 20 74 79 70 65 3d 22 63 6f 6c 6f 72 22 20 6e 61 type="color" na
0020: 6d 65 3d 22 7b 20 6f 70 74 73 2e 69 6e 70 6e 61 me="{ opts.inpna
0030: 6d 65 20 7d 22 20 2f 3e 0a 3c 2f 63 6f 6c 6f 72 me }" />.</color
0040: 3e 0a 0a 3c 63 61 6c 65 6e 64 61 72 3e 0a 20 20 >..<calendar>.
0050: 3c 69 6e 70 75 74 20 74 79 70 65 3d 22 64 61 74 <input type="dat
0060: 65 22 20 6e 61 6d 65 3d 22 7b 20 6f 70 74 73 2e e" name="{ opts.
0070: 69 6e 70 6e 61 6d 65 20 7d 22 20 2f 3e 0a 3c 2f inpname }" />.</
0080: 63 61 6c 65 6e 64 61 72 3e 0a 0a 3c 64 79 6e 61 calendar>..<dyna
0090: 6d 69 63 2d 64 61 74 61 2d 74 6f 67 67 6c 65 3e mic-data-toggle>
00a0: 0a 20 20 3c 70 3e 66 6f 6f 3c 2f 70 3e 0a 3c 2f . <p>foo</p>.</
00b0: 64 79 6e 61 6d 69 63 2d 64 61 74 61 2d 74 6f 67 dynamic-data-tog
00c0: 67 6c 65 3e 0a 0a 3c 64 79 6e 61 6d 69 63 2d 64 gle>..<dynamic-d
00d0: 61 74 61 2d 69 73 3e 0a 20 20 3c 64 69 76 20 65 ata-is>. <div e
00e0: 61 63 68 3d 7b 20 69 6e 70 20 69 6e 20 69 6e 74 ach={ inp in int
00f0: 61 67 73 20 7d 20 64 61 74 61 2d 69 73 3d 7b 20 ags } data-is={
0100: 69 6e 70 2e 74 61 67 20 7d 20 69 6e 70 6e 61 6d inp.tag } inpnam
0110: 65 3d 7b 20 69 6e 70 2e 6e 61 6d 65 20 7d 3e 3c e={ inp.name }><
0120: 2f 64 69 76 3e 0a 20 20 3c 64 69 76 20 64 61 74 /div>. <div dat
0130: 61 2d 69 73 3d 7b 20 73 69 6e 67 6c 65 20 7d 20 a-is={ single }
0140: 69 6e 70 6e 61 6d 65 3d 7b 20 73 69 6e 67 6c 65 inpname={ single
0150: 20 7d 3e 3c 2f 64 69 76 3e 0a 20 20 3c 64 69 76 }></div>. <div
0160: 20 64 61 74 61 2d 69 73 3d 7b 20 74 6f 67 67 6c data-is={ toggl
0170: 65 54 61 67 20 7d 20 69 66 3d 7b 20 74 6f 67 67 eTag } if={ togg
0180: 6c 65 20 7d 3e 3c 2f 64 69 76 3e 0a 0a 20 20 74 le }></div>.. t
0190: 68 69 73 2e 69 6e 74 61 67 73 20 3d 20 5b 0a 20 his.intags = [.
01a0: 20 20 20 7b 6e 61 6d 65 3a 20 27 61 61 61 27 2c {name: 'aaa',
01b0: 20 74 61 67 3a 20 27 63 6f 6c 6f 72 27 7d 2c 0a tag: 'color'},.
01c0: 20 20 20 20 7b 6e 61 6d 65 3a 20 27 62 62 62 27 {name: 'bbb'
01d0: 2c 20 74 61 67 3a 20 27 63 6f 6c 6f 72 27 7d 2c , tag: 'color'},
01e0: 0a 20 20 20 20 7b 6e 61 6d 65 3a 20 27 63 63 63 . {name: 'ccc
01f0: 27 2c 20 74 61 67 3a 20 27 63 61 6c 65 6e 64 61 ', tag: 'calenda
0200: 72 27 7d 0a 20 20 5d 0a 0a 20 20 74 68 69 73 2e r'}. ].. this.
0210: 74 6f 67 67 6c 65 20 3d 20 74 72 75 65 0a 20 20 toggle = true.
0220: 74 68 69 73 2e 74 6f 67 67 6c 65 54 61 67 20 3d this.toggleTag =
0230: 20 27 64 79 6e 61 6d 69 63 2d 64 61 74 61 2d 74 'dynamic-data-t
0240: 6f 67 67 6c 65 27 0a 0a 20 20 74 68 69 73 2e 73 oggle'.. this.s
0250: 69 6e 67 6c 65 20 3d 20 27 63 61 6c 65 6e 64 61 ingle = 'calenda
0260: 72 27 0a 3c 2f 64 79 6e 61 6d 69 63 2d 64 61 74 r'.</dynamic-dat
0270: 61 2d 69 73 3e 0a a-is>.