matestack-ui-core 1.3.0 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (397) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE +17 -5
  3. data/README.md +98 -113
  4. data/Rakefile +0 -2
  5. data/lib/matestack/ui/app.rb +1 -0
  6. data/lib/matestack/ui/component.rb +1 -0
  7. data/lib/matestack/ui/core.rb +58 -10
  8. data/lib/matestack/ui/core/app.rb +36 -0
  9. data/lib/matestack/ui/core/base.rb +109 -0
  10. data/lib/matestack/ui/core/component.rb +8 -0
  11. data/lib/matestack/ui/core/context.rb +17 -0
  12. data/lib/matestack/ui/core/helper.rb +91 -0
  13. data/lib/matestack/ui/core/page.rb +63 -0
  14. data/lib/matestack/ui/core/properties.rb +105 -0
  15. data/lib/matestack/ui/core/slots.rb +15 -0
  16. data/lib/matestack/ui/core/tag_helper.rb +94 -0
  17. data/lib/matestack/ui/core/version.rb +1 -1
  18. data/lib/matestack/ui/core/vue_attributes.rb +13 -0
  19. data/lib/matestack/ui/page.rb +1 -0
  20. data/{app/concepts/matestack/ui/core → lib/matestack/ui/vue_js}/app/app.js +2 -3
  21. data/{app/concepts/matestack/ui/core → lib/matestack/ui/vue_js}/app/location.js +0 -0
  22. data/{app/concepts/matestack/ui/core → lib/matestack/ui/vue_js}/app/store.js +1 -1
  23. data/lib/matestack/ui/vue_js/components.rb +94 -0
  24. data/lib/matestack/ui/vue_js/components/action.js +151 -0
  25. data/lib/matestack/ui/vue_js/components/action.rb +46 -0
  26. data/{app/concepts/matestack/ui/core/async → lib/matestack/ui/vue_js/components}/async.js +22 -22
  27. data/lib/matestack/ui/vue_js/components/async.rb +84 -0
  28. data/{app/concepts/matestack/ui/core/cable → lib/matestack/ui/vue_js/components}/cable.js +14 -14
  29. data/lib/matestack/ui/vue_js/components/cable.rb +69 -0
  30. data/{app/concepts/matestack/ui/core/collection/content → lib/matestack/ui/vue_js/components/collection}/content.js +21 -22
  31. data/lib/matestack/ui/vue_js/components/collection/content.rb +32 -0
  32. data/lib/matestack/ui/vue_js/components/collection/filter.js +45 -0
  33. data/lib/matestack/ui/vue_js/components/collection/filter.rb +29 -0
  34. data/lib/matestack/ui/vue_js/components/collection/filter_reset.rb +19 -0
  35. data/{app/concepts/matestack/ui/core → lib/matestack/ui/vue_js/components}/collection/helper.rb +68 -61
  36. data/lib/matestack/ui/vue_js/components/collection/next.rb +19 -0
  37. data/lib/matestack/ui/vue_js/components/collection/order.js +46 -0
  38. data/lib/matestack/ui/vue_js/components/collection/order.rb +28 -0
  39. data/lib/matestack/ui/vue_js/components/collection/order_toggle.rb +21 -0
  40. data/lib/matestack/ui/vue_js/components/collection/order_toggle_indicator.rb +30 -0
  41. data/lib/matestack/ui/vue_js/components/collection/page.rb +21 -0
  42. data/lib/matestack/ui/vue_js/components/collection/previous.rb +19 -0
  43. data/lib/matestack/ui/vue_js/components/form/base.rb +167 -0
  44. data/{app/concepts/matestack/ui/core/form/checkbox → lib/matestack/ui/vue_js/components/form}/checkbox.js +2 -2
  45. data/lib/matestack/ui/vue_js/components/form/checkbox.rb +105 -0
  46. data/{app/concepts/matestack/ui/core/form/checkbox/mixin.js → lib/matestack/ui/vue_js/components/form/checkbox_mixin.js} +5 -2
  47. data/lib/matestack/ui/vue_js/components/form/context.rb +15 -0
  48. data/{app/concepts/matestack/ui/core → lib/matestack/ui/vue_js/components}/form/form.js +53 -53
  49. data/lib/matestack/ui/vue_js/components/form/form.rb +64 -0
  50. data/{app/concepts/matestack/ui/core/form/input → lib/matestack/ui/vue_js/components/form}/input.js +2 -2
  51. data/lib/matestack/ui/vue_js/components/form/input.rb +37 -0
  52. data/{app/concepts/matestack/ui/core/form/input/mixin.js → lib/matestack/ui/vue_js/components/form/input_mixin.js} +5 -2
  53. data/{app/concepts/matestack/ui/core/form/radio → lib/matestack/ui/vue_js/components/form}/radio.js +2 -2
  54. data/lib/matestack/ui/vue_js/components/form/radio.rb +76 -0
  55. data/{app/concepts/matestack/ui/core/form/radio/mixin.js → lib/matestack/ui/vue_js/components/form/radio_mixin.js} +4 -1
  56. data/{app/concepts/matestack/ui/core/form/select → lib/matestack/ui/vue_js/components/form}/select.js +2 -2
  57. data/lib/matestack/ui/vue_js/components/form/select.rb +88 -0
  58. data/{app/concepts/matestack/ui/core/form/select/mixin.js → lib/matestack/ui/vue_js/components/form/select_mixin.js} +5 -2
  59. data/{app/concepts/matestack/ui/core/form/textarea → lib/matestack/ui/vue_js/components/form}/textarea.js +2 -2
  60. data/lib/matestack/ui/vue_js/components/form/textarea.rb +37 -0
  61. data/{app/concepts/matestack/ui/core/form/textarea/mixin.js → lib/matestack/ui/vue_js/components/form/textarea_mixin.js} +5 -2
  62. data/{app/concepts/matestack/ui/core/isolated → lib/matestack/ui/vue_js/components}/isolated.js +19 -19
  63. data/lib/matestack/ui/vue_js/components/isolated.rb +86 -0
  64. data/{app/concepts/matestack/ui/core/component/component.js → lib/matestack/ui/vue_js/components/mixin.js} +2 -2
  65. data/{app/concepts/matestack/ui/core/onclick → lib/matestack/ui/vue_js/components}/onclick.js +3 -4
  66. data/lib/matestack/ui/vue_js/components/onclick.rb +37 -0
  67. data/{app/concepts/matestack/ui/core/toggle → lib/matestack/ui/vue_js/components}/toggle.js +17 -17
  68. data/lib/matestack/ui/vue_js/components/toggle.rb +38 -0
  69. data/{app/concepts/matestack/ui/core/transition → lib/matestack/ui/vue_js/components}/transition.js +6 -6
  70. data/lib/matestack/ui/vue_js/components/transition.rb +40 -0
  71. data/lib/matestack/ui/vue_js/event_hub.js +5 -0
  72. data/{app/concepts/matestack/ui/core/js/helpers/query-params-helper.js → lib/matestack/ui/vue_js/helpers/query_params_helper.js} +0 -0
  73. data/lib/matestack/ui/vue_js/index.js +52 -0
  74. data/lib/matestack/ui/vue_js/initialize.rb +5 -0
  75. data/{app/concepts/matestack/ui/core/page/content → lib/matestack/ui/vue_js/page}/content.js +1 -1
  76. data/lib/matestack/ui/vue_js/vue.rb +63 -0
  77. data/lib/matestack/ui/vue_js_component.rb +2 -0
  78. metadata +77 -408
  79. data/app/concepts/matestack/ui/core/abbr/abbr.haml +0 -5
  80. data/app/concepts/matestack/ui/core/abbr/abbr.rb +0 -5
  81. data/app/concepts/matestack/ui/core/action/action.haml +0 -3
  82. data/app/concepts/matestack/ui/core/action/action.js +0 -152
  83. data/app/concepts/matestack/ui/core/action/action.rb +0 -80
  84. data/app/concepts/matestack/ui/core/actionview/dynamic.haml +0 -6
  85. data/app/concepts/matestack/ui/core/actionview/dynamic.rb +0 -28
  86. data/app/concepts/matestack/ui/core/actionview/static.haml +0 -1
  87. data/app/concepts/matestack/ui/core/actionview/static.rb +0 -28
  88. data/app/concepts/matestack/ui/core/address/address.haml +0 -5
  89. data/app/concepts/matestack/ui/core/address/address.rb +0 -5
  90. data/app/concepts/matestack/ui/core/app/app.haml +0 -3
  91. data/app/concepts/matestack/ui/core/app/app.rb +0 -51
  92. data/app/concepts/matestack/ui/core/area/area.haml +0 -1
  93. data/app/concepts/matestack/ui/core/area/area.rb +0 -6
  94. data/app/concepts/matestack/ui/core/article/article.haml +0 -5
  95. data/app/concepts/matestack/ui/core/article/article.rb +0 -5
  96. data/app/concepts/matestack/ui/core/aside/aside.haml +0 -3
  97. data/app/concepts/matestack/ui/core/aside/aside.rb +0 -4
  98. data/app/concepts/matestack/ui/core/async/async.haml +0 -6
  99. data/app/concepts/matestack/ui/core/async/async.rb +0 -37
  100. data/app/concepts/matestack/ui/core/async/children_wrapper.haml +0 -2
  101. data/app/concepts/matestack/ui/core/b/b.haml +0 -5
  102. data/app/concepts/matestack/ui/core/b/b.rb +0 -5
  103. data/app/concepts/matestack/ui/core/bdi/bdi.haml +0 -5
  104. data/app/concepts/matestack/ui/core/bdi/bdi.rb +0 -5
  105. data/app/concepts/matestack/ui/core/bdo/bdo.haml +0 -5
  106. data/app/concepts/matestack/ui/core/bdo/bdo.rb +0 -6
  107. data/app/concepts/matestack/ui/core/blockquote/blockquote.haml +0 -5
  108. data/app/concepts/matestack/ui/core/blockquote/blockquote.rb +0 -6
  109. data/app/concepts/matestack/ui/core/br/br.haml +0 -5
  110. data/app/concepts/matestack/ui/core/br/br.rb +0 -5
  111. data/app/concepts/matestack/ui/core/button/button.haml +0 -5
  112. data/app/concepts/matestack/ui/core/button/button.rb +0 -7
  113. data/app/concepts/matestack/ui/core/cable/cable.haml +0 -4
  114. data/app/concepts/matestack/ui/core/cable/cable.rb +0 -28
  115. data/app/concepts/matestack/ui/core/cable/children_wrapper.haml +0 -2
  116. data/app/concepts/matestack/ui/core/caption/caption.haml +0 -5
  117. data/app/concepts/matestack/ui/core/caption/caption.rb +0 -5
  118. data/app/concepts/matestack/ui/core/cite/cite.haml +0 -5
  119. data/app/concepts/matestack/ui/core/cite/cite.rb +0 -5
  120. data/app/concepts/matestack/ui/core/code/code.haml +0 -5
  121. data/app/concepts/matestack/ui/core/code/code.rb +0 -5
  122. data/app/concepts/matestack/ui/core/collection/content/content.rb +0 -16
  123. data/app/concepts/matestack/ui/core/collection/content/next/next.haml +0 -3
  124. data/app/concepts/matestack/ui/core/collection/content/next/next.rb +0 -5
  125. data/app/concepts/matestack/ui/core/collection/content/page/link/link.haml +0 -3
  126. data/app/concepts/matestack/ui/core/collection/content/page/link/link.rb +0 -7
  127. data/app/concepts/matestack/ui/core/collection/content/previous/previous.haml +0 -3
  128. data/app/concepts/matestack/ui/core/collection/content/previous/previous.rb +0 -5
  129. data/app/concepts/matestack/ui/core/collection/filter/filter.js +0 -48
  130. data/app/concepts/matestack/ui/core/collection/filter/filter.rb +0 -16
  131. data/app/concepts/matestack/ui/core/collection/filter/input/input.rb +0 -28
  132. data/app/concepts/matestack/ui/core/collection/filter/reset/reset.haml +0 -3
  133. data/app/concepts/matestack/ui/core/collection/filter/reset/reset.rb +0 -5
  134. data/app/concepts/matestack/ui/core/collection/filter/select/select.haml +0 -10
  135. data/app/concepts/matestack/ui/core/collection/filter/select/select.rb +0 -30
  136. data/app/concepts/matestack/ui/core/collection/filter/submit/submit.haml +0 -3
  137. data/app/concepts/matestack/ui/core/collection/filter/submit/submit.rb +0 -5
  138. data/app/concepts/matestack/ui/core/collection/order/order.js +0 -56
  139. data/app/concepts/matestack/ui/core/collection/order/order.rb +0 -16
  140. data/app/concepts/matestack/ui/core/collection/order/toggle/indicator/indicator.rb +0 -17
  141. data/app/concepts/matestack/ui/core/collection/order/toggle/toggle.haml +0 -3
  142. data/app/concepts/matestack/ui/core/collection/order/toggle/toggle.rb +0 -4
  143. data/app/concepts/matestack/ui/core/component/anonym-dynamic-component.js +0 -10
  144. data/app/concepts/matestack/ui/core/component/base.rb +0 -430
  145. data/app/concepts/matestack/ui/core/component/children.haml +0 -2
  146. data/app/concepts/matestack/ui/core/component/dynamic.haml +0 -6
  147. data/app/concepts/matestack/ui/core/component/dynamic.rb +0 -47
  148. data/app/concepts/matestack/ui/core/component/dynamic_without_rerender.haml +0 -2
  149. data/app/concepts/matestack/ui/core/component/static.rb +0 -7
  150. data/app/concepts/matestack/ui/core/data/data.haml +0 -5
  151. data/app/concepts/matestack/ui/core/data/data.rb +0 -6
  152. data/app/concepts/matestack/ui/core/datalist/datalist.haml +0 -3
  153. data/app/concepts/matestack/ui/core/datalist/datalist.rb +0 -4
  154. data/app/concepts/matestack/ui/core/dd/dd.haml +0 -5
  155. data/app/concepts/matestack/ui/core/dd/dd.rb +0 -5
  156. data/app/concepts/matestack/ui/core/del/del.haml +0 -5
  157. data/app/concepts/matestack/ui/core/del/del.rb +0 -6
  158. data/app/concepts/matestack/ui/core/details/details.haml +0 -3
  159. data/app/concepts/matestack/ui/core/details/details.rb +0 -5
  160. data/app/concepts/matestack/ui/core/dfn/dfn.haml +0 -5
  161. data/app/concepts/matestack/ui/core/dfn/dfn.rb +0 -6
  162. data/app/concepts/matestack/ui/core/dialog/dialog.haml +0 -5
  163. data/app/concepts/matestack/ui/core/dialog/dialog.rb +0 -6
  164. data/app/concepts/matestack/ui/core/div/div.haml +0 -3
  165. data/app/concepts/matestack/ui/core/div/div.rb +0 -4
  166. data/app/concepts/matestack/ui/core/dl/dl.haml +0 -5
  167. data/app/concepts/matestack/ui/core/dl/dl.rb +0 -5
  168. data/app/concepts/matestack/ui/core/dt/dt.haml +0 -5
  169. data/app/concepts/matestack/ui/core/dt/dt.rb +0 -5
  170. data/app/concepts/matestack/ui/core/em/em.haml +0 -5
  171. data/app/concepts/matestack/ui/core/em/em.rb +0 -5
  172. data/app/concepts/matestack/ui/core/fieldset/fieldset.haml +0 -5
  173. data/app/concepts/matestack/ui/core/fieldset/fieldset.rb +0 -6
  174. data/app/concepts/matestack/ui/core/figure/figure.haml +0 -3
  175. data/app/concepts/matestack/ui/core/figure/figure.rb +0 -4
  176. data/app/concepts/matestack/ui/core/footer/footer.haml +0 -3
  177. data/app/concepts/matestack/ui/core/footer/footer.rb +0 -4
  178. data/app/concepts/matestack/ui/core/form/checkbox/base.rb +0 -120
  179. data/app/concepts/matestack/ui/core/form/checkbox/checkbox.rb +0 -16
  180. data/app/concepts/matestack/ui/core/form/form.haml +0 -2
  181. data/app/concepts/matestack/ui/core/form/form.rb +0 -104
  182. data/app/concepts/matestack/ui/core/form/has_errors.rb +0 -54
  183. data/app/concepts/matestack/ui/core/form/has_input_html_attributes.rb +0 -13
  184. data/app/concepts/matestack/ui/core/form/input/base.rb +0 -75
  185. data/app/concepts/matestack/ui/core/form/input/input.rb +0 -17
  186. data/app/concepts/matestack/ui/core/form/radio/base.rb +0 -90
  187. data/app/concepts/matestack/ui/core/form/radio/radio.rb +0 -16
  188. data/app/concepts/matestack/ui/core/form/select/base.rb +0 -98
  189. data/app/concepts/matestack/ui/core/form/select/select.rb +0 -19
  190. data/app/concepts/matestack/ui/core/form/submit/base.rb +0 -12
  191. data/app/concepts/matestack/ui/core/form/submit/submit.js +0 -19
  192. data/app/concepts/matestack/ui/core/form/submit/submit.rb +0 -15
  193. data/app/concepts/matestack/ui/core/form/textarea/base.rb +0 -49
  194. data/app/concepts/matestack/ui/core/form/textarea/textarea.rb +0 -17
  195. data/app/concepts/matestack/ui/core/form/utils.rb +0 -47
  196. data/app/concepts/matestack/ui/core/header/header.haml +0 -3
  197. data/app/concepts/matestack/ui/core/header/header.rb +0 -4
  198. data/app/concepts/matestack/ui/core/heading/heading.haml +0 -5
  199. data/app/concepts/matestack/ui/core/heading/heading.rb +0 -5
  200. data/app/concepts/matestack/ui/core/hr/hr.haml +0 -1
  201. data/app/concepts/matestack/ui/core/hr/hr.rb +0 -4
  202. data/app/concepts/matestack/ui/core/icon/icon.haml +0 -5
  203. data/app/concepts/matestack/ui/core/icon/icon.rb +0 -5
  204. data/app/concepts/matestack/ui/core/iframe/iframe.haml +0 -5
  205. data/app/concepts/matestack/ui/core/iframe/iframe.rb +0 -7
  206. data/app/concepts/matestack/ui/core/img/img.haml +0 -1
  207. data/app/concepts/matestack/ui/core/img/img.rb +0 -15
  208. data/app/concepts/matestack/ui/core/input/input.haml +0 -1
  209. data/app/concepts/matestack/ui/core/input/input.rb +0 -9
  210. data/app/concepts/matestack/ui/core/ins/ins.haml +0 -5
  211. data/app/concepts/matestack/ui/core/ins/ins.rb +0 -6
  212. data/app/concepts/matestack/ui/core/isolated/children_wrapper.haml +0 -2
  213. data/app/concepts/matestack/ui/core/isolated/isolated.haml +0 -10
  214. data/app/concepts/matestack/ui/core/isolated/isolated.rb +0 -59
  215. data/app/concepts/matestack/ui/core/js/core.js +0 -66
  216. data/app/concepts/matestack/ui/core/js/event-hub.js +0 -5
  217. data/app/concepts/matestack/ui/core/kbd/kbd.haml +0 -5
  218. data/app/concepts/matestack/ui/core/kbd/kbd.rb +0 -5
  219. data/app/concepts/matestack/ui/core/label/label.haml +0 -5
  220. data/app/concepts/matestack/ui/core/label/label.rb +0 -6
  221. data/app/concepts/matestack/ui/core/legend/legend.haml +0 -5
  222. data/app/concepts/matestack/ui/core/legend/legend.rb +0 -5
  223. data/app/concepts/matestack/ui/core/li/li.haml +0 -5
  224. data/app/concepts/matestack/ui/core/li/li.rb +0 -6
  225. data/app/concepts/matestack/ui/core/link/link.haml +0 -5
  226. data/app/concepts/matestack/ui/core/link/link.rb +0 -23
  227. data/app/concepts/matestack/ui/core/main/main.haml +0 -3
  228. data/app/concepts/matestack/ui/core/main/main.rb +0 -4
  229. data/app/concepts/matestack/ui/core/map/map.haml +0 -3
  230. data/app/concepts/matestack/ui/core/map/map.rb +0 -5
  231. data/app/concepts/matestack/ui/core/mark/mark.haml +0 -5
  232. data/app/concepts/matestack/ui/core/mark/mark.rb +0 -5
  233. data/app/concepts/matestack/ui/core/meter/meter.haml +0 -4
  234. data/app/concepts/matestack/ui/core/meter/meter.rb +0 -5
  235. data/app/concepts/matestack/ui/core/nav/nav.haml +0 -3
  236. data/app/concepts/matestack/ui/core/nav/nav.rb +0 -4
  237. data/app/concepts/matestack/ui/core/noscript/noscript.haml +0 -5
  238. data/app/concepts/matestack/ui/core/noscript/noscript.rb +0 -5
  239. data/app/concepts/matestack/ui/core/object/object.haml +0 -1
  240. data/app/concepts/matestack/ui/core/object/object.rb +0 -5
  241. data/app/concepts/matestack/ui/core/ol/ol.haml +0 -3
  242. data/app/concepts/matestack/ui/core/ol/ol.rb +0 -5
  243. data/app/concepts/matestack/ui/core/onclick/onclick.haml +0 -2
  244. data/app/concepts/matestack/ui/core/onclick/onclick.rb +0 -6
  245. data/app/concepts/matestack/ui/core/optgroup/optgroup.haml +0 -3
  246. data/app/concepts/matestack/ui/core/optgroup/optgroup.rb +0 -5
  247. data/app/concepts/matestack/ui/core/option/option.haml +0 -5
  248. data/app/concepts/matestack/ui/core/option/option.rb +0 -6
  249. data/app/concepts/matestack/ui/core/output/output.haml +0 -5
  250. data/app/concepts/matestack/ui/core/output/output.rb +0 -6
  251. data/app/concepts/matestack/ui/core/page/content/content.rb +0 -28
  252. data/app/concepts/matestack/ui/core/page/page.haml +0 -3
  253. data/app/concepts/matestack/ui/core/page/page.rb +0 -30
  254. data/app/concepts/matestack/ui/core/paragraph/paragraph.haml +0 -5
  255. data/app/concepts/matestack/ui/core/paragraph/paragraph.rb +0 -5
  256. data/app/concepts/matestack/ui/core/param/param.haml +0 -1
  257. data/app/concepts/matestack/ui/core/param/param.rb +0 -5
  258. data/app/concepts/matestack/ui/core/partial/partial.haml +0 -2
  259. data/app/concepts/matestack/ui/core/partial/partial.rb +0 -4
  260. data/app/concepts/matestack/ui/core/picture/picture.haml +0 -3
  261. data/app/concepts/matestack/ui/core/picture/picture.rb +0 -4
  262. data/app/concepts/matestack/ui/core/plain/plain.rb +0 -9
  263. data/app/concepts/matestack/ui/core/pre/pre.haml +0 -5
  264. data/app/concepts/matestack/ui/core/pre/pre.rb +0 -5
  265. data/app/concepts/matestack/ui/core/progress/progress.haml +0 -3
  266. data/app/concepts/matestack/ui/core/progress/progress.rb +0 -5
  267. data/app/concepts/matestack/ui/core/q/q.haml +0 -5
  268. data/app/concepts/matestack/ui/core/q/q.rb +0 -6
  269. data/app/concepts/matestack/ui/core/rp/rp.haml +0 -5
  270. data/app/concepts/matestack/ui/core/rp/rp.rb +0 -5
  271. data/app/concepts/matestack/ui/core/rt/rt.haml +0 -5
  272. data/app/concepts/matestack/ui/core/rt/rt.rb +0 -5
  273. data/app/concepts/matestack/ui/core/ruby/ruby.haml +0 -5
  274. data/app/concepts/matestack/ui/core/ruby/ruby.rb +0 -5
  275. data/app/concepts/matestack/ui/core/s/s.haml +0 -5
  276. data/app/concepts/matestack/ui/core/s/s.rb +0 -6
  277. data/app/concepts/matestack/ui/core/samp/samp.haml +0 -5
  278. data/app/concepts/matestack/ui/core/samp/samp.rb +0 -5
  279. data/app/concepts/matestack/ui/core/section/section.haml +0 -3
  280. data/app/concepts/matestack/ui/core/section/section.rb +0 -4
  281. data/app/concepts/matestack/ui/core/select/select.haml +0 -3
  282. data/app/concepts/matestack/ui/core/select/select.rb +0 -7
  283. data/app/concepts/matestack/ui/core/slot/slot.haml +0 -2
  284. data/app/concepts/matestack/ui/core/slot/slot.rb +0 -4
  285. data/app/concepts/matestack/ui/core/small/small.haml +0 -5
  286. data/app/concepts/matestack/ui/core/small/small.rb +0 -5
  287. data/app/concepts/matestack/ui/core/span/span.haml +0 -5
  288. data/app/concepts/matestack/ui/core/span/span.rb +0 -5
  289. data/app/concepts/matestack/ui/core/strong/strong.haml +0 -5
  290. data/app/concepts/matestack/ui/core/strong/strong.rb +0 -5
  291. data/app/concepts/matestack/ui/core/sub/sub.haml +0 -5
  292. data/app/concepts/matestack/ui/core/sub/sub.rb +0 -5
  293. data/app/concepts/matestack/ui/core/summary/summary.haml +0 -5
  294. data/app/concepts/matestack/ui/core/summary/summary.rb +0 -5
  295. data/app/concepts/matestack/ui/core/sup/sup.haml +0 -5
  296. data/app/concepts/matestack/ui/core/sup/sup.rb +0 -5
  297. data/app/concepts/matestack/ui/core/table/table.haml +0 -3
  298. data/app/concepts/matestack/ui/core/table/table.rb +0 -4
  299. data/app/concepts/matestack/ui/core/tbody/tbody.haml +0 -3
  300. data/app/concepts/matestack/ui/core/tbody/tbody.rb +0 -4
  301. data/app/concepts/matestack/ui/core/td/td.haml +0 -5
  302. data/app/concepts/matestack/ui/core/td/td.rb +0 -6
  303. data/app/concepts/matestack/ui/core/template/template.haml +0 -3
  304. data/app/concepts/matestack/ui/core/template/template.rb +0 -4
  305. data/app/concepts/matestack/ui/core/textarea/textarea.haml +0 -5
  306. data/app/concepts/matestack/ui/core/textarea/textarea.rb +0 -10
  307. data/app/concepts/matestack/ui/core/tfoot/tfoot.haml +0 -3
  308. data/app/concepts/matestack/ui/core/tfoot/tfoot.rb +0 -4
  309. data/app/concepts/matestack/ui/core/th/th.haml +0 -5
  310. data/app/concepts/matestack/ui/core/th/th.rb +0 -6
  311. data/app/concepts/matestack/ui/core/thead/thead.haml +0 -3
  312. data/app/concepts/matestack/ui/core/thead/thead.rb +0 -4
  313. data/app/concepts/matestack/ui/core/time/time.haml +0 -3
  314. data/app/concepts/matestack/ui/core/time/time.rb +0 -5
  315. data/app/concepts/matestack/ui/core/toggle/toggle.haml +0 -2
  316. data/app/concepts/matestack/ui/core/toggle/toggle.rb +0 -13
  317. data/app/concepts/matestack/ui/core/tr/tr.haml +0 -3
  318. data/app/concepts/matestack/ui/core/tr/tr.rb +0 -4
  319. data/app/concepts/matestack/ui/core/transition/transition.haml +0 -5
  320. data/app/concepts/matestack/ui/core/transition/transition.rb +0 -38
  321. data/app/concepts/matestack/ui/core/u/u.haml +0 -5
  322. data/app/concepts/matestack/ui/core/u/u.rb +0 -6
  323. data/app/concepts/matestack/ui/core/ul/ul.haml +0 -3
  324. data/app/concepts/matestack/ui/core/ul/ul.rb +0 -4
  325. data/app/concepts/matestack/ui/core/unescaped/unescaped.rb +0 -9
  326. data/app/concepts/matestack/ui/core/var/var.haml +0 -5
  327. data/app/concepts/matestack/ui/core/var/var.rb +0 -5
  328. data/app/concepts/matestack/ui/core/video/video.haml +0 -3
  329. data/app/concepts/matestack/ui/core/video/video.rb +0 -13
  330. data/app/concepts/matestack/ui/core/view/view.haml +0 -1
  331. data/app/concepts/matestack/ui/core/view/view.rb +0 -30
  332. data/app/concepts/matestack/ui/core/wbr/wbr.haml +0 -5
  333. data/app/concepts/matestack/ui/core/wbr/wbr.rb +0 -5
  334. data/app/concepts/matestack/ui/core/youtube/youtube.haml +0 -1
  335. data/app/concepts/matestack/ui/core/youtube/youtube.rb +0 -28
  336. data/app/helpers/matestack/ui/core/application_helper.rb +0 -111
  337. data/app/javascript/matestack-ui-core/index.js +0 -32
  338. data/app/javascript/matestack-ui-core/styles/index.scss +0 -5
  339. data/app/javascript/packs/matestack-ui-core.js +0 -8
  340. data/app/lib/matestack/ui/app.rb +0 -1
  341. data/app/lib/matestack/ui/component.rb +0 -1
  342. data/app/lib/matestack/ui/core/has_view_context.rb +0 -16
  343. data/app/lib/matestack/ui/core/html_attributes.rb +0 -43
  344. data/app/lib/matestack/ui/core/properties.rb +0 -161
  345. data/app/lib/matestack/ui/core/rendering/default_renderer_class_determiner.rb +0 -33
  346. data/app/lib/matestack/ui/core/rendering/main_renderer.rb +0 -203
  347. data/app/lib/matestack/ui/dynamic_actionview_component.rb +0 -1
  348. data/app/lib/matestack/ui/dynamic_component.rb +0 -1
  349. data/app/lib/matestack/ui/isolated_component.rb +0 -1
  350. data/app/lib/matestack/ui/page.rb +0 -1
  351. data/app/lib/matestack/ui/static_actionview_component.rb +0 -1
  352. data/app/lib/matestack/ui/static_component.rb +0 -1
  353. data/app/lib/matestack/ui/vue_js_component.rb +0 -1
  354. data/config/routes.rb +0 -2
  355. data/lib/generators/matestack/app/USAGE +0 -21
  356. data/lib/generators/matestack/app/app_generator.rb +0 -25
  357. data/lib/generators/matestack/app/templates/app/controllers/%file_name%_controller.rb.tt +0 -5
  358. data/lib/generators/matestack/app/templates/app/matestack/apps/%file_name%.rb.tt +0 -28
  359. data/lib/generators/matestack/component/USAGE +0 -20
  360. data/lib/generators/matestack/component/component_generator.rb +0 -29
  361. data/lib/generators/matestack/component/templates/app/matestack/components/%namespace%/%file_name%.haml.tt +0 -5
  362. data/lib/generators/matestack/component/templates/app/matestack/components/%namespace%/%file_name%.js.tt +0 -17
  363. data/lib/generators/matestack/component/templates/app/matestack/components/%namespace%/%file_name%.rb.tt +0 -11
  364. data/lib/generators/matestack/component/templates/app/matestack/components/%namespace%/%file_name%.scss.tt +0 -1
  365. data/lib/generators/matestack/core/component/USAGE +0 -16
  366. data/lib/generators/matestack/core/component/component_generator.rb +0 -23
  367. data/lib/generators/matestack/core/component/templates/app/concepts/matestack/ui/core/%file_name%/%file_name%.haml.tt +0 -5
  368. data/lib/generators/matestack/core/component/templates/app/concepts/matestack/ui/core/%file_name%/%file_name%.rb.tt +0 -4
  369. data/lib/generators/matestack/core/component/templates/docs/components/%file_name%.md.tt +0 -45
  370. data/lib/generators/matestack/core/component/templates/spec/usage/components/%file_name%_spec.rb +0 -31
  371. data/lib/generators/matestack/page/USAGE +0 -28
  372. data/lib/generators/matestack/page/page_generator.rb +0 -54
  373. data/lib/generators/matestack/page/templates/app/matestack/pages/%app_name%/%namespace%/%file_name%.rb.tt +0 -29
  374. data/lib/matestack/ui/core/cell.rb +0 -31
  375. data/lib/matestack/ui/core/component/registry.rb +0 -47
  376. data/lib/matestack/ui/core/components.rb +0 -271
  377. data/lib/matestack/ui/core/dsl.rb +0 -6
  378. data/lib/matestack/ui/core/engine.rb +0 -35
  379. data/lib/tasks/matestack/ui/core_tasks.rake +0 -4
  380. data/vendor/assets/javascripts/dist/manifest.json +0 -18
  381. data/vendor/assets/javascripts/dist/manifest.json.br +0 -0
  382. data/vendor/assets/javascripts/dist/manifest.json.gz +0 -0
  383. data/vendor/assets/javascripts/dist/matestack-ui-core.css +0 -3
  384. data/vendor/assets/javascripts/dist/matestack-ui-core.css.map +0 -1
  385. data/vendor/assets/javascripts/dist/matestack-ui-core.js +0 -17734
  386. data/vendor/assets/javascripts/dist/matestack-ui-core.js.map +0 -1
  387. data/vendor/assets/javascripts/dist/matestack-ui-core.min.css +0 -0
  388. data/vendor/assets/javascripts/dist/matestack-ui-core.min.js +0 -3
  389. data/vendor/assets/javascripts/dist/matestack-ui-core.min.js.LICENSE.txt +0 -18
  390. data/vendor/assets/javascripts/dist/matestack-ui-core.min.js.br +0 -0
  391. data/vendor/assets/javascripts/dist/matestack-ui-core.min.js.gz +0 -0
  392. data/vendor/assets/javascripts/dist/matestack-ui-core.min.js.map +0 -1
  393. data/vendor/assets/javascripts/dist/matestack-ui-core.min.js.map.br +0 -0
  394. data/vendor/assets/javascripts/dist/matestack-ui-core.min.js.map.gz +0 -0
  395. data/vendor/assets/javascripts/matestack-ui-core.js.erb +0 -2
  396. data/vendor/assets/stylesheets/dist +0 -1
  397. data/vendor/assets/stylesheets/matestack-ui-core.css.erb +0 -2
@@ -1 +0,0 @@
1
- Matestack::Ui::DynamicActionviewComponent = Matestack::Ui::Core::Actionview::Dynamic
@@ -1 +0,0 @@
1
- Matestack::Ui::DynamicComponent = Matestack::Ui::Core::Component::Dynamic
@@ -1 +0,0 @@
1
- Matestack::Ui::IsolatedComponent = Matestack::Ui::Core::Isolated::Isolated
@@ -1 +0,0 @@
1
- Matestack::Ui::Page = Matestack::Ui::Core::Page::Page
@@ -1 +0,0 @@
1
- Matestack::Ui::StaticActionviewComponent = Matestack::Ui::Core::Actionview::Static
@@ -1 +0,0 @@
1
- Matestack::Ui::StaticComponent = Matestack::Ui::Core::Component::Static
@@ -1 +0,0 @@
1
- Matestack::Ui::VueJsComponent = Matestack::Ui::Core::Component::Dynamic
data/config/routes.rb DELETED
@@ -1,2 +0,0 @@
1
- Matestack::Ui::Core::Engine.routes.draw do
2
- end
@@ -1,21 +0,0 @@
1
- Description:
2
- Stubs out a new matestack app. Pass the app name under_scored.
3
-
4
- If you want so, pass the option '--all_inclusive' to also create
5
- a corresponding matestack example_page, a controller, its action
6
- and the route in 'config/routes.rb'.
7
-
8
- Example 1:
9
- `rails generate matestack:app example_app`
10
-
11
- This will create:
12
- app/matestack/apps/example_app.rb
13
-
14
- Example 2:
15
- `rails generate matestack:app example_app --all_inclusive`
16
-
17
- This will create:
18
- app/matestack/apps/example_app.rb
19
- app/matestack/pages/example_app/example_page.rb
20
- app/controllers/example_app_controller.rb
21
- route get 'example_app/example_page', to: 'example_app#example_page'
@@ -1,25 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- module Matestack
4
- module Generators
5
- class AppGenerator < Rails::Generators::NamedBase
6
- source_root File.expand_path('templates', __dir__)
7
-
8
- class_option :all_inclusive, type: :boolean, default: false
9
-
10
- def create_app
11
- template 'app/matestack/apps/%file_name%.rb.tt'
12
-
13
- if options[:all_inclusive] == true
14
- template 'app/controllers/%file_name%_controller.rb'
15
-
16
- route %{get '#{file_name}/example_page', to: '#{file_name}\#example_page'}
17
-
18
- generate "matestack:page example_page --app_name #{file_name} --called_by_app_generator=true"
19
-
20
- puts "You can visit your new matestack apps' example page under http://localhost:3000/#{file_name}/example_page"
21
- end
22
- end
23
- end
24
- end
25
- end
@@ -1,5 +0,0 @@
1
- class <%= class_name %>Controller < ApplicationController
2
- def example_page
3
- responder_for(Pages::<%= class_name %>::ExamplePage)
4
- end
5
- end
@@ -1,28 +0,0 @@
1
- class Apps::<%= class_name %> < Matestack::Ui::App
2
- # OPTIONAL: Prepare data that gets used on every page of this app
3
- # def prepare
4
- # API calls and db queries go here
5
- # end
6
-
7
- # MANDATORY: This is where your matestack pages get yielded
8
- def response
9
- components {
10
- heading text: 'Welcome to your <%= class_name %> app'
11
- page_content
12
- }
13
- end
14
-
15
- # OPTIONAL: Use partials to render stuff like layout components
16
- # def partial_example
17
- # partial {
18
- # # your components go here
19
- # }
20
- # end
21
-
22
- # OPTIONAL: Slots come after partials
23
- # def slot_example
24
- # slot {
25
- # # your components go here
26
- # }
27
- # end
28
- end
@@ -1,20 +0,0 @@
1
- Description:
2
- Stubs out a new matestack component. Pass the component name, under_scored.
3
-
4
- To create a dynamic component, specify it using the --dynamic option.
5
-
6
- To place this component within a namespace, specify the namespace name under_scored and it
7
- will get generated into 'app/matestack/components/namespace/*'.
8
-
9
- Example 1:
10
- `rails generate matestack:component NAME`
11
-
12
- This will create:
13
- app/matestack/components/NAME.rb
14
-
15
- Example 2:
16
- `rails generate matestack:component NAME --dynamic --namespace sample_namespace`
17
-
18
- This will create:
19
- app/matestack/components/sample_namespace/NAME.rb
20
- app/matestack/components/sample_namespace/NAME.js
@@ -1,29 +0,0 @@
1
- module Matestack
2
- module Generators
3
- class ComponentGenerator < Rails::Generators::NamedBase
4
- source_root File.expand_path('templates', __dir__)
5
-
6
- class_option :dynamic, type: :boolean, default: false
7
- class_option :scss, type: :boolean, default: false
8
- class_option :haml, type: :boolean, default: false
9
- class_option :namespace, type: :string
10
-
11
- def namespace
12
- options[:namespace]
13
- end
14
-
15
- def dynamic
16
- options[:dynamic]
17
- end
18
-
19
- def create_component
20
- # Future: Check for matestack-compatible namespacing!
21
-
22
- template 'app/matestack/components/%namespace%/%file_name%.rb.tt'
23
- template 'app/matestack/components/%namespace%/%file_name%.js.tt' if options[:dynamic]
24
- template 'app/matestack/components/%namespace%/%file_name%.scss.tt' if options[:scss]
25
- template 'app/matestack/components/%namespace%/%file_name%.haml.tt' if options[:haml]
26
- end
27
- end
28
- end
29
- end
@@ -1,5 +0,0 @@
1
- .<%= file_name %>{@tag_attributes}
2
- %div
3
- This is your custom <%= class_name %> component
4
- - if block_given?
5
- = yield
@@ -1,17 +0,0 @@
1
- // Require your custom component in your application.js before usage
2
- // Place it below "//= require matestack-ui-core" using the following line:
3
- //= require <% unless namespace.nil? %><%= namespace %>/<% end %><%= file_name %>
4
-
5
- MatestackUiCore.Vue.component('custom<% unless namespace.nil? %>-<%= namespace %><% end %>-<%= file_name %>', {
6
- mixins: [MatestackUiCore.componentMixin],
7
- data: function() {
8
- return {
9
- foo: 'bar'
10
- };
11
- },
12
- methods: {},
13
- mounted: function(){
14
- // this is your completeness check and should be deleted before deployment
15
- console.log('Custom Dynamic Component <%= class_name %> mounted!')
16
- }
17
- });
@@ -1,11 +0,0 @@
1
- class Components::<% unless namespace.nil? %><%= namespace.camelize %>::<% end %><%= class_name %> < Matestack::Ui::<% if dynamic == true %>DynamicComponent<% else %>StaticComponent<% end %>
2
- def prepare
3
- # DB queries and API calls go here
4
- end
5
-
6
- def response
7
- components {
8
- # orchestrate existing matestack components here
9
- }
10
- end
11
- end
@@ -1 +0,0 @@
1
- // your styles for the component <%= class_name %> go here
@@ -1,16 +0,0 @@
1
- Description:
2
- This generates a matestack core component in app/concepts/matestack, a spec file and a docs file.
3
-
4
- Pass the name of the component under_scored.
5
-
6
- Example 1:
7
- `rails generate matestack:core:component NAME`
8
-
9
- This will create:
10
- app/concepts/matestack/ui/core/NAME/NAME.haml
11
- app/concepts/matestack/ui/core/NAME/NAME.rb
12
- spec/usage/components/NAME_spec.rb
13
- docs/components/NAME.md
14
-
15
- This will insert a link to the docs in:
16
- docs/components/README.md
@@ -1,23 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- module Matestack
4
- module Core
5
- module Generators
6
- class ComponentGenerator < Rails::Generators::NamedBase
7
- source_root File.expand_path('templates', __dir__)
8
-
9
- def create_core_component
10
- template 'app/concepts/matestack/ui/core/%file_name%/%file_name%.haml'
11
- template 'app/concepts/matestack/ui/core/%file_name%/%file_name%.rb'
12
- template 'spec/usage/components/%file_name%_spec.rb'
13
- template 'docs/components/%file_name%.md'
14
-
15
- inject_into_file 'docs/components/README.md', before: "\n## Dynamic Core Components\n" do <<~RUBY
16
- - [#{file_name.underscore}](/docs/components/#{file_name.underscore}.md)
17
- RUBY
18
- end
19
- end
20
- end
21
- end
22
- end
23
- end
@@ -1,5 +0,0 @@
1
- %<%= file_name.underscore %>{@tag_attributes}
2
- - if options[:text].blank? && block_given?
3
- = yield
4
- - else
5
- = options[:text]
@@ -1,4 +0,0 @@
1
- module Matestack::Ui::Core::<%= file_name.camelcase %>
2
- class <%= file_name.camelcase %> < Matestack::Ui::Core::Component::Static
3
- end
4
- end
@@ -1,45 +0,0 @@
1
- # matestack core component: <%= file_name.camelcase %>
2
-
3
- Show [specs](/spec/usage/components/<%= file_name.underscore %>_spec.rb)
4
-
5
- The HTML `<<%= file_name.underscore %>>` tag implemented in ruby.
6
-
7
- ## Parameters
8
-
9
- This component can take 2 optional configuration params and either yield content or display what gets passed to the `text` configuration param.
10
-
11
- #### # id (optional)
12
- Expects a string with all ids the `<<%= file_name.underscore %>>` should have.
13
-
14
- #### # class (optional)
15
- Expects a string with all classes the `<<%= file_name.underscore %>>` should have.
16
-
17
- ## Example 1: Yield a given block
18
-
19
- ```ruby
20
- <%= file_name.underscore %> id: 'foo', class: 'bar' do
21
- plain '<%= file_name.camelcase %> example 1' # optional content
22
- end
23
- ```
24
-
25
- returns
26
-
27
- ```html
28
- <<%= file_name.underscore %> id="foo" class="bar">
29
- <%= file_name.camelcase %> example 1
30
- </<%= file_name.underscore %>>
31
- ```
32
-
33
- ## Example 2: Render `options[:text]` param
34
-
35
- ```ruby
36
- <%= file_name.underscore %> id: 'foo', class: 'bar', text: '<%= file_name.camelcase %> example 2'
37
- ```
38
-
39
- returns
40
-
41
- ```html
42
- <<%= file_name.underscore %> id="foo" class="bar">
43
- <%= file_name.camelcase %> example 2
44
- </<%= file_name.underscore %>>
45
- ```
@@ -1,31 +0,0 @@
1
- require_relative '../../support/utils'
2
- include Utils
3
-
4
- describe '<%= file_name.camelcase %> component', type: :feature, js: true do
5
- it 'Renders a simple and enhanced <%= file_name.underscore %> tag on a page' do
6
- class ExamplePage < Matestack::Ui::Page
7
- def response
8
- components {
9
- # Simple <%= file_name.underscore %>
10
- <%= file_name.underscore %> text: 'Simple <%= file_name.underscore %> tag'
11
-
12
- # Enhanced <%= file_name.underscore %>
13
- <%= file_name.underscore %> id: 'my-id', class: 'my-class' do
14
- plain 'Enhanced <%= file_name.underscore %> tag'
15
- end
16
- }
17
- end
18
- end
19
-
20
- visit '/example'
21
-
22
- static_output = page.html
23
-
24
- expected_static_output = <<~HTML
25
- <<%= file_name.underscore %>>Simple <%= file_name.underscore %> tag</<%= file_name.underscore %>>
26
- <<%= file_name.underscore %> id="my-id" class="my-class">Enhanced <%= file_name.underscore %> tag</<%= file_name.underscore %>>
27
- HTML
28
-
29
- expect(stripped(static_output)).to include(stripped(expected_static_output))
30
- end
31
- end
@@ -1,28 +0,0 @@
1
- Description:
2
- Stubs out a new matestack page and its route. Pass the page name and --app-name, both under_scored.
3
-
4
- To place the page within a namespace, specify the namespace name under_scored and it
5
- will get generated into 'app/matestack/pages/namespace/*'.
6
-
7
- To create a custom controller#action to use in the created route, specify it as
8
- under_scored_controller#under_scored_action
9
-
10
- This generates a matestack page class in app/matestack/pages/ and adds a route to config/routes.rb
11
-
12
- Example 1:
13
- `rails generate matestack:page example_page --app_name example_app`
14
-
15
- This will create:
16
- app/matestack/pages/example_app/example_page.rb
17
-
18
- This will add to routes:
19
- get 'example_app/example_page', to: 'example_app#example_page'
20
-
21
- Example 2:
22
- `rails generate matestack:page example_page --app_name example_app --controller_action=static#second`
23
-
24
- This will create:
25
- app/matestack/pages/example_app/example_page.rb
26
-
27
- This will add to routes:
28
- get 'example_app/example_page', to: 'static#second'
@@ -1,54 +0,0 @@
1
- module Matestack
2
- module Generators
3
- class PageGenerator < Rails::Generators::NamedBase
4
- source_root File.expand_path('templates', __dir__)
5
-
6
- class_option :app_name, type: :string, required: true
7
- class_option :namespace, type: :string
8
- class_option :controller_action, type: :string
9
- class_option :called_by_app_generator, type: :boolean, default: false
10
-
11
- def app_name
12
- options[:app_name]
13
- end
14
-
15
- def namespace
16
- options[:namespace]
17
- end
18
-
19
- def controller_action
20
- if options[:controller_action].nil?
21
- "#{app_name}\##{file_name}"
22
- else
23
- options[:controller_action]
24
- end
25
- end
26
-
27
- def create_page
28
- template "app/matestack/pages/%app_name%/%namespace%/%file_name%.rb"
29
-
30
- unless options[:called_by_app_generator]
31
- if namespace
32
- route %{get '#{app_name}/#{namespace}/#{file_name}', to: '#{controller_action}'}
33
- else
34
- route %{get '#{app_name}/#{file_name}', to: '#{controller_action}'}
35
- end
36
-
37
- puts "Page created! Make sure to add"
38
- puts ""
39
- puts "def #{file_name}"
40
-
41
- if namespace
42
- puts " responder_for(Pages::#{app_name.camelize}::#{namespace.camelize}::#{file_name.camelize})"
43
- else
44
- puts " responder_for(Pages::#{app_name.camelize}::#{file_name.camelize})"
45
- end
46
-
47
- puts "end"
48
- puts ""
49
- puts "to the desired controller!"
50
- end
51
- end
52
- end
53
- end
54
- end
@@ -1,29 +0,0 @@
1
- class Pages::<% unless namespace.nil? %><%= namespace.camelize %>::<% end %><% unless app_name.nil? %><%= app_name.camelize %>::<% end %><%= class_name %> < Matestack::Ui::Page
2
- # OPTIONAL: Prepare data for the response method
3
- # def prepare
4
- # API calls and db queries go here
5
- # end
6
-
7
- # MANDATORY: This is where the matestack magic happens
8
- def response
9
- components {
10
- heading text: 'Welcome to your <%= class_name %> page'
11
- # your page content goes here, e.g.
12
- # partial :partial_example
13
- }
14
- end
15
-
16
- # OPTIONAL: Use partials to render stuff like layout components
17
- # def partial_example
18
- # partial {
19
- # # your components go here
20
- # }
21
- # end
22
-
23
- # OPTIONAL: Slots come after partials
24
- # def slot_example
25
- # slot {
26
- # # your components go here
27
- # }
28
- # end
29
- end