⌈⌋ ⎇ branch:  Bitrhythm


Hex Artifact Content

Artifact e80b6a776225ac76effc2581c7d46633d8ddda90a5ec473743afe0d483292127:


0000: 3c 21 64 6f 63 74 79 70 65 20 68 74 6d 6c 3e 0a  <!doctype html>.
0010: 0a 3c 68 65 61 64 3e 0a 20 20 3c 74 69 74 6c 65  .<head>.  <title
0020: 3e 52 69 6f 74 20 74 61 67 20 74 65 73 74 73 3c  >Riot tag tests<
0030: 2f 74 69 74 6c 65 3e 0a 20 20 3c 6d 65 74 61 20  /title>.  <meta 
0040: 68 74 74 70 2d 65 71 75 69 76 3d 22 58 2d 55 41  http-equiv="X-UA
0050: 2d 43 6f 6d 70 61 74 69 62 6c 65 22 20 63 6f 6e  -Compatible" con
0060: 74 65 6e 74 3d 22 49 45 3d 65 64 67 65 22 3e 0a  tent="IE=edge">.
0070: 20 20 3c 73 74 79 6c 65 3e 0a 20 20 20 20 62 6f    <style>.    bo
0080: 64 79 20 7b 20 66 6f 6e 74 2d 66 61 6d 69 6c 79  dy { font-family
0090: 3a 20 27 6d 79 72 69 61 64 20 70 72 6f 27 2c 20  : 'myriad pro', 
00a0: 73 61 6e 73 2d 73 65 72 69 66 3b 20 66 6f 6e 74  sans-serif; font
00b0: 2d 73 69 7a 65 3a 20 39 30 25 20 7d 0a 20 20 20  -size: 90% }.   
00c0: 20 23 74 61 67 73 20 7b 20 6d 61 72 67 69 6e 3a   #tags { margin:
00d0: 20 33 30 70 78 20 61 75 74 6f 3b 20 6d 61 78 2d   30px auto; max-
00e0: 77 69 64 74 68 3a 20 31 30 30 30 70 78 20 7d 0a  width: 1000px }.
00f0: 20 20 20 20 23 74 61 67 73 20 3e 20 2a 20 7b 20      #tags > * { 
0100: 64 69 73 70 6c 61 79 3a 20 69 6e 6c 69 6e 65 2d  display: inline-
0110: 62 6c 6f 63 6b 3b 20 76 65 72 74 69 63 61 6c 2d  block; vertical-
0120: 61 6c 69 67 6e 3a 20 74 6f 70 3b 20 6d 61 72 67  align: top; marg
0130: 69 6e 3a 20 32 30 70 78 20 35 30 70 78 20 7d 0a  in: 20px 50px }.
0140: 20 20 20 20 61 20 7b 20 63 6f 6c 6f 72 3a 20 62      a { color: b
0150: 6c 75 65 3b 20 63 75 72 73 6f 72 3a 20 70 6f 69  lue; cursor: poi
0160: 6e 74 65 72 20 7d 0a 20 20 3c 2f 73 74 79 6c 65  nter }.  </style
0170: 3e 0a 3c 2f 68 65 61 64 3e 0a 0a 3c 62 6f 64 79  >.</head>..<body
0180: 3e 0a 0a 20 20 3c 64 69 76 20 69 64 3d 22 74 61  >..  <div id="ta
0190: 67 73 22 3e 0a 0a 20 20 20 20 3c 61 74 74 72 2d  gs">..    <attr-
01a0: 73 65 6c 65 63 74 65 64 3e 3c 2f 61 74 74 72 2d  selected></attr-
01b0: 73 65 6c 65 63 74 65 64 3e 0a 20 20 20 20 3c 66  selected>.    <f
01c0: 6f 72 6d 2d 63 6f 6e 74 72 6f 6c 73 3e 3c 2f 66  orm-controls></f
01d0: 6f 72 6d 2d 63 6f 6e 74 72 6f 6c 73 3e 0a 20 20  orm-controls>.  
01e0: 20 20 3c 69 73 6c 6f 6f 70 2d 74 65 73 74 3e 3c    <isloop-test><
01f0: 2f 69 73 6c 6f 6f 70 2d 74 65 73 74 3e 0a 0a 20  /isloop-test>.. 
0200: 20 20 20 3c 69 66 2d 74 65 73 74 3e 3c 2f 69 66     <if-test></if
0210: 2d 74 65 73 74 3e 0a 20 20 20 20 3c 6c 6f 6f 70  -test>.    <loop
0220: 2d 6f 62 6a 65 63 74 3e 3c 2f 6c 6f 6f 70 2d 6f  -object></loop-o
0230: 62 6a 65 63 74 3e 0a 20 20 20 20 3c 69 6d 67 2d  bject>.    <img-
0240: 74 65 73 74 3e 3c 2f 69 6d 67 2d 74 65 73 74 3e  test></img-test>
0250: 0a 0a 20 20 20 20 3c 73 68 61 72 65 64 2d 6f 70  ..    <shared-op
0260: 74 73 20 76 61 6c 3d 22 31 22 3e 3c 2f 73 68 61  ts val="1"></sha
0270: 72 65 64 2d 6f 70 74 73 3e 0a 20 20 20 20 3c 73  red-opts>.    <s
0280: 68 61 72 65 64 2d 6f 70 74 73 20 76 61 6c 3d 22  hared-opts val="
0290: 32 22 3e 3c 2f 73 68 61 72 65 64 2d 6f 70 74 73  2"></shared-opts
02a0: 3e 0a 0a 20 20 20 20 3c 6c 6f 6f 70 2d 72 65 70  >..    <loop-rep
02b0: 6c 61 63 65 3e 3c 2f 6c 6f 6f 70 2d 72 65 70 6c  lace></loop-repl
02c0: 61 63 65 3e 0a 20 20 20 20 3c 74 6f 75 63 68 2d  ace>.    <touch-
02d0: 65 76 65 6e 74 73 3e 3c 2f 74 6f 75 63 68 2d 65  events></touch-e
02e0: 76 65 6e 74 73 3e 0a 20 20 20 20 3c 6c 61 7a 79  vents>.    <lazy
02f0: 2d 69 66 3e 3c 2f 6c 61 7a 79 2d 69 66 3e 0a 20  -if></lazy-if>. 
0300: 20 20 20 3c 6c 6f 6f 70 2d 63 6f 6d 62 6f 3e 3c     <loop-combo><
0310: 2f 6c 6f 6f 70 2d 63 6f 6d 62 6f 3e 0a 20 20 20  /loop-combo>.   
0320: 20 3c 6c 6f 6f 70 2d 6d 75 6c 74 69 3e 3c 2f 6c   <loop-multi></l
0330: 6f 6f 70 2d 6d 75 6c 74 69 3e 0a 20 20 20 20 3c  oop-multi>.    <
0340: 6c 6f 6f 70 2d 63 6f 6e 74 65 78 74 3e 3c 2f 6c  loop-context></l
0350: 6f 6f 70 2d 63 6f 6e 74 65 78 74 3e 0a 20 20 20  oop-context>.   
0360: 20 3c 6c 6f 6f 70 2d 6f 70 74 69 6f 6e 3e 3c 2f   <loop-option></
0370: 6c 6f 6f 70 2d 6f 70 74 69 6f 6e 3e 0a 20 20 20  loop-option>.   
0380: 20 3c 6c 6f 6f 70 2d 6f 70 74 67 72 6f 75 70 3e   <loop-optgroup>
0390: 3c 2f 6c 6f 6f 70 2d 6f 70 74 67 72 6f 75 70 3e  </loop-optgroup>
03a0: 0a 20 20 20 20 3c 74 61 62 6c 65 2d 64 61 74 61  .    <table-data
03b0: 3e 3c 2f 74 61 62 6c 65 2d 64 61 74 61 3e 0a 20  ></table-data>. 
03c0: 20 20 20 3c 74 69 6d 65 74 61 62 6c 65 3e 3c 2f     <timetable></
03d0: 74 69 6d 65 74 61 62 6c 65 3e 0a 20 20 20 20 3c  timetable>.    <
03e0: 64 69 76 20 64 61 74 61 2d 69 73 3d 22 74 61 62  div data-is="tab
03f0: 6c 65 2d 64 61 74 61 22 3e 3c 2f 64 69 76 3e 0a  le-data"></div>.
0400: 20 20 20 20 3c 6c 6f 6f 70 2d 73 74 72 69 6e 67      <loop-string
0410: 73 3e 3c 2f 6c 6f 6f 70 2d 73 74 72 69 6e 67 73  s></loop-strings
0420: 3e 0a 20 20 20 20 3c 6c 6f 6f 70 2d 70 6f 73 69  >.    <loop-posi
0430: 74 69 6f 6e 3e 3c 2f 6c 6f 6f 70 2d 70 6f 73 69  tion></loop-posi
0440: 74 69 6f 6e 3e 0a 20 20 20 20 3c 6c 6f 6f 70 2d  tion>.    <loop-
0450: 6e 65 73 74 65 64 3e 3c 2f 6c 6f 6f 70 2d 6e 65  nested></loop-ne
0460: 73 74 65 64 3e 0a 20 20 20 20 3c 73 65 6c 65 63  sted>.    <selec
0470: 74 2d 74 65 73 74 3e 3c 2f 73 65 6c 65 63 74 2d  t-test></select-
0480: 74 65 73 74 3e 0a 20 20 20 20 3c 6c 6f 6f 70 2d  test>.    <loop-
0490: 72 65 6f 72 64 65 72 3e 3c 2f 6c 6f 6f 70 2d 72  reorder></loop-r
04a0: 65 6f 72 64 65 72 3e 0a 20 20 20 20 3c 65 78 70  eorder>.    <exp
04b0: 72 2d 70 61 72 65 6e 74 3e 3c 2f 65 78 70 72 2d  r-parent></expr-
04c0: 70 61 72 65 6e 74 3e 0a 20 20 20 20 3c 65 78 70  parent>.    <exp
04d0: 72 65 73 73 69 6f 6e 2d 65 76 61 6c 2d 63 6f 75  ression-eval-cou
04e0: 6e 74 3e 3c 2f 65 78 70 72 65 73 73 69 6f 6e 2d  nt></expression-
04f0: 65 76 61 6c 2d 63 6f 75 6e 74 3e 0a 0a 20 20 20  eval-count>..   
0500: 20 3c 74 61 67 2d 6e 65 73 74 69 6e 67 3e 3c 2f   <tag-nesting></
0510: 74 61 67 2d 6e 65 73 74 69 6e 67 3e 0a 0a 20 20  tag-nesting>..  
0520: 20 20 3c 6c 6f 6f 70 2d 63 68 69 6c 64 3e 3c 2f    <loop-child></
0530: 6c 6f 6f 70 2d 63 68 69 6c 64 3e 0a 20 20 20 20  loop-child>.    
0540: 3c 6c 6f 6f 70 2d 6d 61 6e 69 70 3e 3c 2f 6c 6f  <loop-manip></lo
0550: 6f 70 2d 6d 61 6e 69 70 3e 0a 0a 20 20 20 20 3c  op-manip>..    <
0560: 6c 6f 6f 70 2d 6e 75 6c 6c 2d 69 74 65 6d 73 3e  loop-null-items>
0570: 3c 2f 6c 6f 6f 70 2d 6e 75 6c 6c 2d 69 74 65 6d  </loop-null-item
0580: 73 3e 0a 0a 0a 20 20 20 20 3c 69 6e 6e 65 72 2d  s>...    <inner-
0590: 68 74 6d 6c 3e 0a 20 20 20 20 20 20 7b 20 67 72  html>.      { gr
05a0: 65 65 74 69 6e 67 20 7d 0a 20 20 20 20 3c 2f 69  eeting }.    </i
05b0: 6e 6e 65 72 2d 68 74 6d 6c 3e 0a 20 20 20 20 3c  nner-html>.    <
05c0: 79 69 65 6c 64 2d 70 61 72 65 6e 74 3e 0a 20 20  yield-parent>.  
05d0: 20 20 20 20 7b 20 67 72 65 65 74 69 6e 67 20 7d      { greeting }
05e0: 0a 20 20 20 20 20 20 3c 64 69 76 3e 53 6f 6d 65  .      <div>Some
05f0: 74 68 69 6e 67 20 65 6c 73 65 3c 2f 64 69 76 3e  thing else</div>
0600: 0a 20 20 20 20 3c 2f 79 69 65 6c 64 2d 70 61 72  .    </yield-par
0610: 65 6e 74 3e 0a 20 20 20 20 3c 79 69 65 6c 64 2d  ent>.    <yield-
0620: 6c 6f 6f 70 3e 0a 20 20 20 20 20 20 7b 20 67 72  loop>.      { gr
0630: 65 65 74 69 6e 67 20 7d 0a 20 20 20 20 20 20 3c  eeting }.      <
0640: 64 69 76 3e 53 6f 6d 65 74 68 69 6e 67 20 65 6c  div>Something el
0650: 73 65 3c 2f 64 69 76 3e 0a 20 20 20 20 3c 2f 79  se</div>.    </y
0660: 69 65 6c 64 2d 6c 6f 6f 70 3e 0a 0a 20 20 20 20  ield-loop>..    
0670: 3c 6c 6f 6f 70 2d 69 6e 68 65 72 69 74 3e 3c 2f  <loop-inherit></
0680: 6c 6f 6f 70 2d 69 6e 68 65 72 69 74 3e 0a 0a 20  loop-inherit>.. 
0690: 20 20 20 3c 74 72 65 65 76 69 65 77 3e 3c 2f 74     <treeview></t
06a0: 72 65 65 76 69 65 77 3e 0a 0a 20 20 20 20 3c 65  reeview>..    <e
06b0: 76 65 6e 74 73 3e 3c 2f 65 76 65 6e 74 73 3e 0a  vents></events>.
06c0: 0a 20 20 20 20 3c 69 66 2d 6d 6f 75 6e 74 3e 3c  .    <if-mount><
06d0: 2f 69 66 2d 6d 6f 75 6e 74 3e 0a 20 20 20 20 3c  /if-mount>.    <
06e0: 69 66 2d 75 6e 6d 6f 75 6e 74 3e 3c 2f 69 66 2d  if-unmount></if-
06f0: 75 6e 6d 6f 75 6e 74 3e 0a 0a 20 20 20 20 3c 6c  unmount>..    <l
0700: 6f 6f 70 2d 6e 75 6d 62 65 72 73 2d 6e 65 73 74  oop-numbers-nest
0710: 65 64 3e 3c 2f 6c 6f 6f 70 2d 6e 75 6d 62 65 72  ed></loop-number
0720: 73 2d 6e 65 73 74 65 64 3e 0a 20 20 20 20 3c 6c  s-nested>.    <l
0730: 6f 6f 70 2d 63 6f 6e 64 69 74 69 6f 6e 61 6c 3e  oop-conditional>
0740: 3c 2f 6c 6f 6f 70 2d 63 6f 6e 64 69 74 69 6f 6e  </loop-condition
0750: 61 6c 3e 0a 20 20 20 20 3c 72 65 73 65 72 76 65  al>.    <reserve
0760: 64 2d 6e 61 6d 65 73 3e 3c 2f 72 65 73 65 72 76  d-names></reserv
0770: 65 64 2d 6e 61 6d 65 73 3e 0a 0a 20 20 3c 2f 64  ed-names>..  </d
0780: 69 76 3e 0a 0a 20 20 3c 73 63 72 69 70 74 20 73  iv>..  <script s
0790: 72 63 3d 22 2e 2e 2f 64 69 73 74 2f 72 69 6f 74  rc="../dist/riot
07a0: 2f 72 69 6f 74 2b 63 6f 6d 70 69 6c 65 72 2e 6a  /riot+compiler.j
07b0: 73 22 3e 3c 2f 73 63 72 69 70 74 3e 0a 20 20 3c  s"></script>.  <
07c0: 73 63 72 69 70 74 20 73 72 63 3d 22 2e 2e 2f 64  script src="../d
07d0: 69 73 74 2f 74 61 67 73 2e 6a 73 22 3e 3c 2f 73  ist/tags.js"></s
07e0: 63 72 69 70 74 3e 0a 20 20 3c 73 63 72 69 70 74  cript>.  <script
07f0: 3e 76 61 72 20 74 61 67 73 20 3d 20 72 69 6f 74  >var tags = riot
0800: 2e 6d 6f 75 6e 74 28 27 2a 27 2c 20 7b 20 74 65  .mount('*', { te
0810: 73 74 3a 20 7b 20 7a 61 70 3a 20 31 30 30 20 7d  st: { zap: 100 }
0820: 7d 29 3c 2f 73 63 72 69 70 74 3e 0a 0a 3c 2f 62  })</script>..</b
0830: 6f 64 79 3e 0a                                   ody>.