@almadar/std 3.2.1 → 3.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (295) hide show
  1. package/behaviors/exports/atoms/std-async.orb +41 -24
  2. package/behaviors/exports/atoms/std-browse.orb +44 -44
  3. package/behaviors/exports/atoms/std-cache-aside.orb +256 -42
  4. package/behaviors/exports/atoms/std-calendar.orb +770 -0
  5. package/behaviors/exports/atoms/std-circuit-breaker.orb +577 -97
  6. package/behaviors/exports/atoms/std-collision.orb +278 -206
  7. package/behaviors/exports/atoms/std-combat-log.orb +6 -1
  8. package/behaviors/exports/atoms/std-combat.orb +6 -1
  9. package/behaviors/exports/atoms/std-confirmation.orb +212 -7
  10. package/behaviors/exports/atoms/std-dialogue-box.orb +6 -1
  11. package/behaviors/exports/atoms/std-display.orb +1186 -376
  12. package/behaviors/exports/atoms/std-drawer.orb +307 -101
  13. package/behaviors/exports/atoms/std-filter.orb +211 -18
  14. package/behaviors/exports/atoms/std-flip-card.orb +596 -0
  15. package/behaviors/exports/atoms/std-gallery.orb +382 -0
  16. package/behaviors/exports/atoms/std-game-audio.orb +6 -1
  17. package/behaviors/exports/atoms/std-game-canvas2d.orb +6 -1
  18. package/behaviors/exports/atoms/std-game-canvas3d.orb +6 -1
  19. package/behaviors/exports/atoms/std-game-hud.orb +6 -1
  20. package/behaviors/exports/atoms/std-game-menu.orb +6 -1
  21. package/behaviors/exports/atoms/std-game-over-screen.orb +6 -1
  22. package/behaviors/exports/atoms/std-gameflow.orb +100 -5
  23. package/behaviors/exports/atoms/std-input.orb +142 -137
  24. package/behaviors/exports/atoms/std-inventory-panel.orb +6 -1
  25. package/behaviors/exports/atoms/std-isometric-canvas.orb +6 -1
  26. package/behaviors/exports/atoms/std-loading.orb +149 -170
  27. package/behaviors/exports/atoms/std-modal.orb +159 -94
  28. package/behaviors/exports/atoms/std-movement.orb +401 -31
  29. package/behaviors/exports/atoms/std-notification.orb +117 -95
  30. package/behaviors/exports/atoms/std-overworld.orb +44 -16
  31. package/behaviors/exports/atoms/std-pagination.orb +44 -115
  32. package/behaviors/exports/atoms/std-physics2d.orb +6 -1
  33. package/behaviors/exports/atoms/std-platformer-canvas.orb +6 -1
  34. package/behaviors/exports/atoms/std-quest.orb +309 -34
  35. package/behaviors/exports/atoms/std-rate-limiter.orb +410 -157
  36. package/behaviors/exports/atoms/std-rating.orb +328 -0
  37. package/behaviors/exports/atoms/std-score-board.orb +6 -1
  38. package/behaviors/exports/atoms/std-score.orb +252 -11
  39. package/behaviors/exports/atoms/std-search.orb +62 -47
  40. package/behaviors/exports/atoms/std-selection.orb +180 -149
  41. package/behaviors/exports/atoms/std-simulation-canvas.orb +6 -1
  42. package/behaviors/exports/atoms/std-sort.orb +192 -60
  43. package/behaviors/exports/atoms/std-sprite.orb +6 -1
  44. package/behaviors/exports/atoms/std-tabs.orb +25 -15
  45. package/behaviors/exports/atoms/std-text-effects.orb +658 -0
  46. package/behaviors/exports/atoms/std-theme.orb +573 -0
  47. package/behaviors/exports/atoms/std-timer.orb +483 -91
  48. package/behaviors/exports/atoms/std-undo.orb +211 -81
  49. package/behaviors/exports/atoms/std-upload.orb +535 -0
  50. package/behaviors/exports/atoms/std-wizard.orb +677 -240
  51. package/behaviors/exports/molecules/std-builder-game.orb +49 -4
  52. package/behaviors/exports/molecules/std-cart.orb +325 -102
  53. package/behaviors/exports/molecules/std-classifier-game.orb +49 -4
  54. package/behaviors/exports/molecules/std-debugger-game.orb +49 -4
  55. package/behaviors/exports/molecules/std-detail.orb +52 -48
  56. package/behaviors/exports/molecules/std-event-handler-game.orb +49 -4
  57. package/behaviors/exports/molecules/std-form-advanced.orb +654 -0
  58. package/behaviors/exports/molecules/std-geospatial.orb +70 -51
  59. package/behaviors/exports/molecules/std-inventory.orb +92 -53
  60. package/behaviors/exports/molecules/std-list.orb +416 -52
  61. package/behaviors/exports/molecules/std-messaging.orb +41 -49
  62. package/behaviors/exports/molecules/std-negotiator-game.orb +49 -4
  63. package/behaviors/exports/molecules/std-platformer-game.orb +58 -3
  64. package/behaviors/exports/molecules/std-puzzle-game.orb +58 -7
  65. package/behaviors/exports/molecules/std-quiz.orb +1045 -0
  66. package/behaviors/exports/molecules/std-sequencer-game.orb +49 -4
  67. package/behaviors/exports/molecules/std-simulator-game.orb +49 -4
  68. package/behaviors/exports/molecules/std-turn-based-battle.orb +66 -1
  69. package/behaviors/exports/organisms/std-api-gateway.orb +2615 -867
  70. package/behaviors/exports/organisms/std-arcade-game.orb +399 -197
  71. package/behaviors/exports/organisms/std-booking-system.orb +3154 -1305
  72. package/behaviors/exports/organisms/std-cicd-pipeline.orb +2298 -779
  73. package/behaviors/exports/organisms/std-cms.orb +1150 -277
  74. package/behaviors/exports/organisms/std-coding-academy.orb +1222 -533
  75. package/behaviors/exports/organisms/std-crm.orb +2357 -821
  76. package/behaviors/exports/organisms/std-devops-dashboard.orb +4230 -1281
  77. package/behaviors/exports/organisms/std-ecommerce.orb +2660 -1098
  78. package/behaviors/exports/organisms/std-finance-tracker.orb +1749 -737
  79. package/behaviors/exports/organisms/std-healthcare.orb +3593 -1478
  80. package/behaviors/exports/organisms/std-helpdesk.orb +1870 -738
  81. package/behaviors/exports/organisms/std-hr-portal.orb +3290 -1385
  82. package/behaviors/exports/organisms/std-iot-dashboard.orb +2704 -788
  83. package/behaviors/exports/organisms/std-lms.orb +2548 -1192
  84. package/behaviors/exports/organisms/std-logic-training.orb +220 -66
  85. package/behaviors/exports/organisms/std-platformer-app.orb +373 -194
  86. package/behaviors/exports/organisms/std-project-manager.orb +2347 -806
  87. package/behaviors/exports/organisms/std-puzzle-app.orb +240 -95
  88. package/behaviors/exports/organisms/std-realtime-chat.orb +2020 -660
  89. package/behaviors/exports/organisms/std-rpg-game.orb +1303 -740
  90. package/behaviors/exports/organisms/std-social-feed.orb +184 -168
  91. package/behaviors/exports/organisms/std-stem-lab.orb +1223 -512
  92. package/behaviors/exports/organisms/std-strategy-game.orb +1412 -731
  93. package/behaviors/exports/organisms/std-trading-dashboard.orb +1869 -695
  94. package/behaviors/exports/validation-report.json +3 -750
  95. package/behaviors/exports/verify-results.json +13 -0
  96. package/dist/behaviors/exports/atoms/std-async.orb +41 -24
  97. package/dist/behaviors/exports/atoms/std-browse.orb +44 -44
  98. package/dist/behaviors/exports/atoms/std-cache-aside.orb +256 -42
  99. package/dist/behaviors/exports/atoms/std-calendar.orb +770 -0
  100. package/dist/behaviors/exports/atoms/std-circuit-breaker.orb +577 -97
  101. package/dist/behaviors/exports/atoms/std-collision.orb +278 -206
  102. package/dist/behaviors/exports/atoms/std-combat-log.orb +6 -1
  103. package/dist/behaviors/exports/atoms/std-combat.orb +6 -1
  104. package/dist/behaviors/exports/atoms/std-confirmation.orb +212 -7
  105. package/dist/behaviors/exports/atoms/std-dialogue-box.orb +6 -1
  106. package/dist/behaviors/exports/atoms/std-display.orb +1186 -376
  107. package/dist/behaviors/exports/atoms/std-drawer.orb +307 -101
  108. package/dist/behaviors/exports/atoms/std-filter.orb +211 -18
  109. package/dist/behaviors/exports/atoms/std-flip-card.orb +596 -0
  110. package/dist/behaviors/exports/atoms/std-gallery.orb +382 -0
  111. package/dist/behaviors/exports/atoms/std-game-audio.orb +6 -1
  112. package/dist/behaviors/exports/atoms/std-game-canvas2d.orb +6 -1
  113. package/dist/behaviors/exports/atoms/std-game-canvas3d.orb +6 -1
  114. package/dist/behaviors/exports/atoms/std-game-hud.orb +6 -1
  115. package/dist/behaviors/exports/atoms/std-game-menu.orb +6 -1
  116. package/dist/behaviors/exports/atoms/std-game-over-screen.orb +6 -1
  117. package/dist/behaviors/exports/atoms/std-gameflow.orb +100 -5
  118. package/dist/behaviors/exports/atoms/std-input.orb +142 -137
  119. package/dist/behaviors/exports/atoms/std-inventory-panel.orb +6 -1
  120. package/dist/behaviors/exports/atoms/std-isometric-canvas.orb +6 -1
  121. package/dist/behaviors/exports/atoms/std-loading.orb +149 -170
  122. package/dist/behaviors/exports/atoms/std-modal.orb +159 -94
  123. package/dist/behaviors/exports/atoms/std-movement.orb +401 -31
  124. package/dist/behaviors/exports/atoms/std-notification.orb +117 -95
  125. package/dist/behaviors/exports/atoms/std-overworld.orb +44 -16
  126. package/dist/behaviors/exports/atoms/std-pagination.orb +44 -115
  127. package/dist/behaviors/exports/atoms/std-physics2d.orb +6 -1
  128. package/dist/behaviors/exports/atoms/std-platformer-canvas.orb +6 -1
  129. package/dist/behaviors/exports/atoms/std-quest.orb +309 -34
  130. package/dist/behaviors/exports/atoms/std-rate-limiter.orb +410 -157
  131. package/dist/behaviors/exports/atoms/std-rating.orb +328 -0
  132. package/dist/behaviors/exports/atoms/std-score-board.orb +6 -1
  133. package/dist/behaviors/exports/atoms/std-score.orb +252 -11
  134. package/dist/behaviors/exports/atoms/std-search.orb +62 -47
  135. package/dist/behaviors/exports/atoms/std-selection.orb +180 -149
  136. package/dist/behaviors/exports/atoms/std-simulation-canvas.orb +6 -1
  137. package/dist/behaviors/exports/atoms/std-sort.orb +192 -60
  138. package/dist/behaviors/exports/atoms/std-sprite.orb +6 -1
  139. package/dist/behaviors/exports/atoms/std-tabs.orb +25 -15
  140. package/dist/behaviors/exports/atoms/std-text-effects.orb +658 -0
  141. package/dist/behaviors/exports/atoms/std-theme.orb +573 -0
  142. package/dist/behaviors/exports/atoms/std-timer.orb +483 -91
  143. package/dist/behaviors/exports/atoms/std-undo.orb +211 -81
  144. package/dist/behaviors/exports/atoms/std-upload.orb +535 -0
  145. package/dist/behaviors/exports/atoms/std-wizard.orb +677 -240
  146. package/dist/behaviors/exports/molecules/std-builder-game.orb +49 -4
  147. package/dist/behaviors/exports/molecules/std-cart.orb +325 -102
  148. package/dist/behaviors/exports/molecules/std-classifier-game.orb +49 -4
  149. package/dist/behaviors/exports/molecules/std-debugger-game.orb +49 -4
  150. package/dist/behaviors/exports/molecules/std-detail.orb +52 -48
  151. package/dist/behaviors/exports/molecules/std-event-handler-game.orb +49 -4
  152. package/dist/behaviors/exports/molecules/std-form-advanced.orb +654 -0
  153. package/dist/behaviors/exports/molecules/std-geospatial.orb +70 -51
  154. package/dist/behaviors/exports/molecules/std-inventory.orb +92 -53
  155. package/dist/behaviors/exports/molecules/std-list.orb +416 -52
  156. package/dist/behaviors/exports/molecules/std-messaging.orb +41 -49
  157. package/dist/behaviors/exports/molecules/std-negotiator-game.orb +49 -4
  158. package/dist/behaviors/exports/molecules/std-platformer-game.orb +58 -3
  159. package/dist/behaviors/exports/molecules/std-puzzle-game.orb +58 -7
  160. package/dist/behaviors/exports/molecules/std-quiz.orb +1045 -0
  161. package/dist/behaviors/exports/molecules/std-sequencer-game.orb +49 -4
  162. package/dist/behaviors/exports/molecules/std-simulator-game.orb +49 -4
  163. package/dist/behaviors/exports/molecules/std-turn-based-battle.orb +66 -1
  164. package/dist/behaviors/exports/organisms/std-api-gateway.orb +2615 -867
  165. package/dist/behaviors/exports/organisms/std-arcade-game.orb +399 -197
  166. package/dist/behaviors/exports/organisms/std-booking-system.orb +3154 -1305
  167. package/dist/behaviors/exports/organisms/std-cicd-pipeline.orb +2298 -779
  168. package/dist/behaviors/exports/organisms/std-cms.orb +1150 -277
  169. package/dist/behaviors/exports/organisms/std-coding-academy.orb +1222 -533
  170. package/dist/behaviors/exports/organisms/std-crm.orb +2357 -821
  171. package/dist/behaviors/exports/organisms/std-devops-dashboard.orb +4230 -1281
  172. package/dist/behaviors/exports/organisms/std-ecommerce.orb +2660 -1098
  173. package/dist/behaviors/exports/organisms/std-finance-tracker.orb +1749 -737
  174. package/dist/behaviors/exports/organisms/std-healthcare.orb +3593 -1478
  175. package/dist/behaviors/exports/organisms/std-helpdesk.orb +1870 -738
  176. package/dist/behaviors/exports/organisms/std-hr-portal.orb +3290 -1385
  177. package/dist/behaviors/exports/organisms/std-iot-dashboard.orb +2704 -788
  178. package/dist/behaviors/exports/organisms/std-lms.orb +2548 -1192
  179. package/dist/behaviors/exports/organisms/std-logic-training.orb +220 -66
  180. package/dist/behaviors/exports/organisms/std-platformer-app.orb +373 -194
  181. package/dist/behaviors/exports/organisms/std-project-manager.orb +2347 -806
  182. package/dist/behaviors/exports/organisms/std-puzzle-app.orb +240 -95
  183. package/dist/behaviors/exports/organisms/std-realtime-chat.orb +2020 -660
  184. package/dist/behaviors/exports/organisms/std-rpg-game.orb +1303 -740
  185. package/dist/behaviors/exports/organisms/std-social-feed.orb +184 -168
  186. package/dist/behaviors/exports/organisms/std-stem-lab.orb +1223 -512
  187. package/dist/behaviors/exports/organisms/std-strategy-game.orb +1412 -731
  188. package/dist/behaviors/exports/organisms/std-trading-dashboard.orb +1869 -695
  189. package/dist/behaviors/exports/validation-report.json +3 -750
  190. package/dist/behaviors/exports/verify-results.json +13 -0
  191. package/dist/behaviors/functions/index.d.ts +270 -1
  192. package/dist/behaviors/functions/index.js +3811 -1333
  193. package/dist/behaviors/functions/index.js.map +1 -1
  194. package/dist/behaviors/index.d.ts +1 -1
  195. package/dist/behaviors/index.js +3811 -1333
  196. package/dist/behaviors/index.js.map +1 -1
  197. package/dist/exports/atoms/std-async.orb +41 -24
  198. package/dist/exports/atoms/std-browse.orb +44 -44
  199. package/dist/exports/atoms/std-cache-aside.orb +256 -42
  200. package/dist/exports/atoms/std-calendar.orb +770 -0
  201. package/dist/exports/atoms/std-circuit-breaker.orb +577 -97
  202. package/dist/exports/atoms/std-collision.orb +278 -206
  203. package/dist/exports/atoms/std-combat-log.orb +6 -1
  204. package/dist/exports/atoms/std-combat.orb +6 -1
  205. package/dist/exports/atoms/std-confirmation.orb +212 -7
  206. package/dist/exports/atoms/std-dialogue-box.orb +6 -1
  207. package/dist/exports/atoms/std-display.orb +1186 -376
  208. package/dist/exports/atoms/std-drawer.orb +307 -101
  209. package/dist/exports/atoms/std-filter.orb +211 -18
  210. package/dist/exports/atoms/std-flip-card.orb +596 -0
  211. package/dist/exports/atoms/std-gallery.orb +382 -0
  212. package/dist/exports/atoms/std-game-audio.orb +6 -1
  213. package/dist/exports/atoms/std-game-canvas2d.orb +6 -1
  214. package/dist/exports/atoms/std-game-canvas3d.orb +6 -1
  215. package/dist/exports/atoms/std-game-hud.orb +6 -1
  216. package/dist/exports/atoms/std-game-menu.orb +6 -1
  217. package/dist/exports/atoms/std-game-over-screen.orb +6 -1
  218. package/dist/exports/atoms/std-gameflow.orb +100 -5
  219. package/dist/exports/atoms/std-input.orb +142 -137
  220. package/dist/exports/atoms/std-inventory-panel.orb +6 -1
  221. package/dist/exports/atoms/std-isometric-canvas.orb +6 -1
  222. package/dist/exports/atoms/std-loading.orb +149 -170
  223. package/dist/exports/atoms/std-modal.orb +159 -94
  224. package/dist/exports/atoms/std-movement.orb +401 -31
  225. package/dist/exports/atoms/std-notification.orb +117 -95
  226. package/dist/exports/atoms/std-overworld.orb +44 -16
  227. package/dist/exports/atoms/std-pagination.orb +44 -115
  228. package/dist/exports/atoms/std-physics2d.orb +6 -1
  229. package/dist/exports/atoms/std-platformer-canvas.orb +6 -1
  230. package/dist/exports/atoms/std-quest.orb +309 -34
  231. package/dist/exports/atoms/std-rate-limiter.orb +410 -157
  232. package/dist/exports/atoms/std-rating.orb +328 -0
  233. package/dist/exports/atoms/std-score-board.orb +6 -1
  234. package/dist/exports/atoms/std-score.orb +252 -11
  235. package/dist/exports/atoms/std-search.orb +62 -47
  236. package/dist/exports/atoms/std-selection.orb +180 -149
  237. package/dist/exports/atoms/std-simulation-canvas.orb +6 -1
  238. package/dist/exports/atoms/std-sort.orb +192 -60
  239. package/dist/exports/atoms/std-sprite.orb +6 -1
  240. package/dist/exports/atoms/std-tabs.orb +25 -15
  241. package/dist/exports/atoms/std-text-effects.orb +658 -0
  242. package/dist/exports/atoms/std-theme.orb +573 -0
  243. package/dist/exports/atoms/std-timer.orb +483 -91
  244. package/dist/exports/atoms/std-undo.orb +211 -81
  245. package/dist/exports/atoms/std-upload.orb +535 -0
  246. package/dist/exports/atoms/std-wizard.orb +677 -240
  247. package/dist/exports/molecules/std-builder-game.orb +49 -4
  248. package/dist/exports/molecules/std-cart.orb +325 -102
  249. package/dist/exports/molecules/std-classifier-game.orb +49 -4
  250. package/dist/exports/molecules/std-debugger-game.orb +49 -4
  251. package/dist/exports/molecules/std-detail.orb +52 -48
  252. package/dist/exports/molecules/std-event-handler-game.orb +49 -4
  253. package/dist/exports/molecules/std-form-advanced.orb +654 -0
  254. package/dist/exports/molecules/std-geospatial.orb +70 -51
  255. package/dist/exports/molecules/std-inventory.orb +92 -53
  256. package/dist/exports/molecules/std-list.orb +416 -52
  257. package/dist/exports/molecules/std-messaging.orb +41 -49
  258. package/dist/exports/molecules/std-negotiator-game.orb +49 -4
  259. package/dist/exports/molecules/std-platformer-game.orb +58 -3
  260. package/dist/exports/molecules/std-puzzle-game.orb +58 -7
  261. package/dist/exports/molecules/std-quiz.orb +1045 -0
  262. package/dist/exports/molecules/std-sequencer-game.orb +49 -4
  263. package/dist/exports/molecules/std-simulator-game.orb +49 -4
  264. package/dist/exports/molecules/std-turn-based-battle.orb +66 -1
  265. package/dist/exports/organisms/std-api-gateway.orb +2615 -867
  266. package/dist/exports/organisms/std-arcade-game.orb +399 -197
  267. package/dist/exports/organisms/std-booking-system.orb +3154 -1305
  268. package/dist/exports/organisms/std-cicd-pipeline.orb +2298 -779
  269. package/dist/exports/organisms/std-cms.orb +1150 -277
  270. package/dist/exports/organisms/std-coding-academy.orb +1222 -533
  271. package/dist/exports/organisms/std-crm.orb +2357 -821
  272. package/dist/exports/organisms/std-devops-dashboard.orb +4230 -1281
  273. package/dist/exports/organisms/std-ecommerce.orb +2660 -1098
  274. package/dist/exports/organisms/std-finance-tracker.orb +1749 -737
  275. package/dist/exports/organisms/std-healthcare.orb +3593 -1478
  276. package/dist/exports/organisms/std-helpdesk.orb +1870 -738
  277. package/dist/exports/organisms/std-hr-portal.orb +3290 -1385
  278. package/dist/exports/organisms/std-iot-dashboard.orb +2704 -788
  279. package/dist/exports/organisms/std-lms.orb +2548 -1192
  280. package/dist/exports/organisms/std-logic-training.orb +220 -66
  281. package/dist/exports/organisms/std-platformer-app.orb +373 -194
  282. package/dist/exports/organisms/std-project-manager.orb +2347 -806
  283. package/dist/exports/organisms/std-puzzle-app.orb +240 -95
  284. package/dist/exports/organisms/std-realtime-chat.orb +2020 -660
  285. package/dist/exports/organisms/std-rpg-game.orb +1303 -740
  286. package/dist/exports/organisms/std-social-feed.orb +184 -168
  287. package/dist/exports/organisms/std-stem-lab.orb +1223 -512
  288. package/dist/exports/organisms/std-strategy-game.orb +1412 -731
  289. package/dist/exports/organisms/std-trading-dashboard.orb +1869 -695
  290. package/dist/exports/validation-report.json +3 -750
  291. package/dist/exports/verify-results.json +13 -0
  292. package/dist/index.d.ts +1 -1
  293. package/dist/index.js +3808 -1330
  294. package/dist/index.js.map +1 -1
  295. package/package.json +1 -1
package/dist/exports/atoms/std-display.orb CHANGED
@@ -22,7 +22,12 @@
22
22
  {
23
23
  "name": "status",
24
24
  "type": "string",
25
- "default": "active"
25
+ "default": "active",
26
+ "values": [
27
+ "active",
28
+ "inactive",
29
+ "pending"
30
+ ]
26
31
  },
27
32
  {
28
33
  "name": "createdAt",
@@ -80,136 +85,297 @@
80
85
  "render-ui",
81
86
  "main",
82
87
  {
83
- "type": "stack",
84
- "direction": "vertical",
85
- "gap": "lg",
88
+ "type": "scaled-diagram",
86
89
  "children": [
87
90
  {
88
91
  "type": "stack",
89
- "direction": "horizontal",
90
- "gap": "md",
91
- "justify": "space-between",
92
+ "direction": "vertical",
93
+ "gap": "lg",
92
94
  "children": [
93
95
  {
94
- "type": "stack",
95
- "direction": "horizontal",
96
- "gap": "md",
97
- "children": [
96
+ "type": "breadcrumb",
97
+ "items": [
98
98
  {
99
- "type": "icon",
100
- "name": "bar-chart-2",
101
- "size": "lg"
99
+ "label": "Home",
100
+ "href": "/"
102
101
  },
103
102
  {
104
- "type": "typography",
105
- "content": "DisplayItems",
106
- "variant": "h2"
103
+ "label": "DisplayItems"
107
104
  }
108
105
  ]
109
106
  },
110
107
  {
111
- "type": "button",
112
- "label": "Refresh",
113
- "event": "REFRESH",
114
- "variant": "secondary",
115
- "icon": "refresh-cw"
116
- }
117
- ]
118
- },
119
- {
120
- "type": "divider"
121
- },
122
- {
123
- "type": "simple-grid",
124
- "columns": 3,
125
- "children": [
126
- {
127
- "type": "card",
108
+ "type": "stack",
109
+ "direction": "horizontal",
110
+ "gap": "md",
111
+ "justify": "space-between",
128
112
  "children": [
129
113
  {
130
114
  "type": "stack",
131
- "direction": "vertical",
132
- "gap": "sm",
115
+ "direction": "horizontal",
116
+ "gap": "md",
133
117
  "children": [
134
118
  {
135
- "type": "typography",
136
- "variant": "caption",
137
- "content": "Name"
119
+ "type": "icon",
120
+ "name": "bar-chart-2",
121
+ "size": "lg"
138
122
  },
139
123
  {
140
124
  "type": "typography",
141
- "variant": "h3",
142
- "content": "@entity.name"
125
+ "content": "DisplayItems",
126
+ "variant": "h2"
143
127
  }
144
128
  ]
129
+ },
130
+ {
131
+ "type": "button",
132
+ "label": "Refresh",
133
+ "event": "REFRESH",
134
+ "variant": "secondary",
135
+ "icon": "refresh-cw"
145
136
  }
146
137
  ]
147
138
  },
148
139
  {
149
- "type": "card",
140
+ "type": "divider"
141
+ },
142
+ {
143
+ "type": "box",
144
+ "padding": "md",
150
145
  "children": [
151
146
  {
152
- "type": "stack",
153
- "direction": "vertical",
154
- "gap": "sm",
147
+ "type": "simple-grid",
148
+ "columns": 3,
155
149
  "children": [
156
150
  {
157
- "type": "typography",
158
- "variant": "caption",
159
- "content": "Description"
151
+ "type": "card",
152
+ "children": [
153
+ {
154
+ "type": "stack",
155
+ "direction": "vertical",
156
+ "gap": "sm",
157
+ "children": [
158
+ {
159
+ "type": "typography",
160
+ "variant": "caption",
161
+ "content": "Name"
162
+ },
163
+ {
164
+ "type": "typography",
165
+ "variant": "h3",
166
+ "content": [
167
+ "object/get",
168
+ [
169
+ "array/first",
170
+ "@entity"
171
+ ],
172
+ "name"
173
+ ]
174
+ }
175
+ ]
176
+ }
177
+ ]
160
178
  },
161
179
  {
162
- "type": "typography",
163
- "variant": "h3",
164
- "content": "@entity.description"
180
+ "type": "card",
181
+ "children": [
182
+ {
183
+ "type": "stack",
184
+ "direction": "vertical",
185
+ "gap": "sm",
186
+ "children": [
187
+ {
188
+ "type": "typography",
189
+ "variant": "caption",
190
+ "content": "Description"
191
+ },
192
+ {
193
+ "type": "typography",
194
+ "variant": "h3",
195
+ "content": [
196
+ "object/get",
197
+ [
198
+ "array/first",
199
+ "@entity"
200
+ ],
201
+ "description"
202
+ ]
203
+ }
204
+ ]
205
+ }
206
+ ]
207
+ },
208
+ {
209
+ "type": "card",
210
+ "children": [
211
+ {
212
+ "type": "stack",
213
+ "direction": "vertical",
214
+ "gap": "sm",
215
+ "children": [
216
+ {
217
+ "type": "typography",
218
+ "variant": "caption",
219
+ "content": "Status"
220
+ },
221
+ {
222
+ "type": "typography",
223
+ "variant": "h3",
224
+ "content": [
225
+ "object/get",
226
+ [
227
+ "array/first",
228
+ "@entity"
229
+ ],
230
+ "status"
231
+ ]
232
+ }
233
+ ]
234
+ }
235
+ ]
236
+ },
237
+ {
238
+ "type": "card",
239
+ "children": [
240
+ {
241
+ "type": "stack",
242
+ "direction": "vertical",
243
+ "gap": "sm",
244
+ "children": [
245
+ {
246
+ "type": "typography",
247
+ "variant": "caption",
248
+ "content": "CreatedAt"
249
+ },
250
+ {
251
+ "type": "typography",
252
+ "variant": "h3",
253
+ "content": [
254
+ "object/get",
255
+ [
256
+ "array/first",
257
+ "@entity"
258
+ ],
259
+ "createdAt"
260
+ ]
261
+ }
262
+ ]
263
+ }
264
+ ]
165
265
  }
166
266
  ]
167
267
  }
168
268
  ]
169
269
  },
170
270
  {
171
- "type": "card",
271
+ "type": "divider"
272
+ },
273
+ {
274
+ "type": "grid",
275
+ "columns": 2,
276
+ "gap": "md",
172
277
  "children": [
173
278
  {
174
- "type": "stack",
175
- "direction": "vertical",
176
- "gap": "sm",
279
+ "type": "card",
177
280
  "children": [
178
281
  {
179
282
  "type": "typography",
180
283
  "variant": "caption",
181
- "content": "Status"
182
- },
183
- {
184
- "type": "typography",
185
- "variant": "h3",
186
- "content": "@entity.status"
284
+ "content": "Chart View"
187
285
  }
188
286
  ]
189
- }
190
- ]
191
- },
192
- {
193
- "type": "card",
194
- "children": [
287
+ },
195
288
  {
196
- "type": "stack",
197
- "direction": "vertical",
198
- "gap": "sm",
289
+ "type": "card",
199
290
  "children": [
200
291
  {
201
292
  "type": "typography",
202
293
  "variant": "caption",
203
- "content": "CreatedAt"
204
- },
205
- {
206
- "type": "typography",
207
- "variant": "h3",
208
- "content": "@entity.createdAt"
294
+ "content": "Graph View"
209
295
  }
210
296
  ]
211
297
  }
212
298
  ]
299
+ },
300
+ {
301
+ "type": "line-chart",
302
+ "data": [
303
+ {
304
+ "date": "Jan",
305
+ "value": 12
306
+ },
307
+ {
308
+ "date": "Feb",
309
+ "value": 19
310
+ },
311
+ {
312
+ "date": "Mar",
313
+ "value": 15
314
+ },
315
+ {
316
+ "date": "Apr",
317
+ "value": 25
318
+ },
319
+ {
320
+ "date": "May",
321
+ "value": 22
322
+ },
323
+ {
324
+ "date": "Jun",
325
+ "value": 30
326
+ }
327
+ ],
328
+ "xKey": "date",
329
+ "yKey": "value",
330
+ "title": "Trend"
331
+ },
332
+ {
333
+ "type": "chart-legend",
334
+ "items": [
335
+ {
336
+ "label": "Current",
337
+ "color": "primary"
338
+ },
339
+ {
340
+ "label": "Previous",
341
+ "color": "muted"
342
+ }
343
+ ]
344
+ },
345
+ {
346
+ "type": "graph-view",
347
+ "nodes": [
348
+ {
349
+ "id": "a",
350
+ "label": "Start",
351
+ "x": 50,
352
+ "y": 100
353
+ },
354
+ {
355
+ "id": "b",
356
+ "label": "Process",
357
+ "x": 200,
358
+ "y": 50
359
+ },
360
+ {
361
+ "id": "c",
362
+ "label": "End",
363
+ "x": 350,
364
+ "y": 100
365
+ }
366
+ ],
367
+ "edges": [
368
+ {
369
+ "from": "a",
370
+ "to": "b"
371
+ },
372
+ {
373
+ "from": "b",
374
+ "to": "c"
375
+ }
376
+ ],
377
+ "width": 400,
378
+ "height": 200
213
379
  }
214
380
  ]
215
381
  }
@@ -231,136 +397,297 @@
231
397
  "render-ui",
232
398
  "main",
233
399
  {
234
- "type": "stack",
235
- "direction": "vertical",
236
- "gap": "lg",
400
+ "type": "scaled-diagram",
237
401
  "children": [
238
402
  {
239
403
  "type": "stack",
240
- "direction": "horizontal",
241
- "gap": "md",
242
- "justify": "space-between",
404
+ "direction": "vertical",
405
+ "gap": "lg",
243
406
  "children": [
244
407
  {
245
- "type": "stack",
246
- "direction": "horizontal",
247
- "gap": "md",
248
- "children": [
408
+ "type": "breadcrumb",
409
+ "items": [
249
410
  {
250
- "type": "icon",
251
- "name": "bar-chart-2",
252
- "size": "lg"
411
+ "label": "Home",
412
+ "href": "/"
253
413
  },
254
414
  {
255
- "type": "typography",
256
- "content": "DisplayItems",
257
- "variant": "h2"
415
+ "label": "DisplayItems"
258
416
  }
259
417
  ]
260
418
  },
261
419
  {
262
- "type": "button",
263
- "label": "Refresh",
264
- "event": "REFRESH",
265
- "variant": "secondary",
266
- "icon": "refresh-cw"
267
- }
268
- ]
269
- },
270
- {
271
- "type": "divider"
272
- },
273
- {
274
- "type": "simple-grid",
275
- "columns": 3,
276
- "children": [
277
- {
278
- "type": "card",
420
+ "type": "stack",
421
+ "direction": "horizontal",
422
+ "gap": "md",
423
+ "justify": "space-between",
279
424
  "children": [
280
425
  {
281
426
  "type": "stack",
282
- "direction": "vertical",
283
- "gap": "sm",
427
+ "direction": "horizontal",
428
+ "gap": "md",
284
429
  "children": [
285
430
  {
286
- "type": "typography",
287
- "variant": "caption",
288
- "content": "Name"
431
+ "type": "icon",
432
+ "name": "bar-chart-2",
433
+ "size": "lg"
289
434
  },
290
435
  {
291
436
  "type": "typography",
292
- "variant": "h3",
293
- "content": "@entity.name"
437
+ "content": "DisplayItems",
438
+ "variant": "h2"
294
439
  }
295
440
  ]
441
+ },
442
+ {
443
+ "type": "button",
444
+ "label": "Refresh",
445
+ "event": "REFRESH",
446
+ "variant": "secondary",
447
+ "icon": "refresh-cw"
296
448
  }
297
449
  ]
298
450
  },
299
451
  {
300
- "type": "card",
452
+ "type": "divider"
453
+ },
454
+ {
455
+ "type": "box",
456
+ "padding": "md",
301
457
  "children": [
302
458
  {
303
- "type": "stack",
304
- "direction": "vertical",
305
- "gap": "sm",
459
+ "type": "simple-grid",
460
+ "columns": 3,
306
461
  "children": [
307
462
  {
308
- "type": "typography",
309
- "variant": "caption",
310
- "content": "Description"
463
+ "type": "card",
464
+ "children": [
465
+ {
466
+ "type": "stack",
467
+ "direction": "vertical",
468
+ "gap": "sm",
469
+ "children": [
470
+ {
471
+ "type": "typography",
472
+ "variant": "caption",
473
+ "content": "Name"
474
+ },
475
+ {
476
+ "type": "typography",
477
+ "variant": "h3",
478
+ "content": [
479
+ "object/get",
480
+ [
481
+ "array/first",
482
+ "@entity"
483
+ ],
484
+ "name"
485
+ ]
486
+ }
487
+ ]
488
+ }
489
+ ]
311
490
  },
312
491
  {
313
- "type": "typography",
314
- "variant": "h3",
315
- "content": "@entity.description"
492
+ "type": "card",
493
+ "children": [
494
+ {
495
+ "type": "stack",
496
+ "direction": "vertical",
497
+ "gap": "sm",
498
+ "children": [
499
+ {
500
+ "type": "typography",
501
+ "variant": "caption",
502
+ "content": "Description"
503
+ },
504
+ {
505
+ "type": "typography",
506
+ "variant": "h3",
507
+ "content": [
508
+ "object/get",
509
+ [
510
+ "array/first",
511
+ "@entity"
512
+ ],
513
+ "description"
514
+ ]
515
+ }
516
+ ]
517
+ }
518
+ ]
519
+ },
520
+ {
521
+ "type": "card",
522
+ "children": [
523
+ {
524
+ "type": "stack",
525
+ "direction": "vertical",
526
+ "gap": "sm",
527
+ "children": [
528
+ {
529
+ "type": "typography",
530
+ "variant": "caption",
531
+ "content": "Status"
532
+ },
533
+ {
534
+ "type": "typography",
535
+ "variant": "h3",
536
+ "content": [
537
+ "object/get",
538
+ [
539
+ "array/first",
540
+ "@entity"
541
+ ],
542
+ "status"
543
+ ]
544
+ }
545
+ ]
546
+ }
547
+ ]
548
+ },
549
+ {
550
+ "type": "card",
551
+ "children": [
552
+ {
553
+ "type": "stack",
554
+ "direction": "vertical",
555
+ "gap": "sm",
556
+ "children": [
557
+ {
558
+ "type": "typography",
559
+ "variant": "caption",
560
+ "content": "CreatedAt"
561
+ },
562
+ {
563
+ "type": "typography",
564
+ "variant": "h3",
565
+ "content": [
566
+ "object/get",
567
+ [
568
+ "array/first",
569
+ "@entity"
570
+ ],
571
+ "createdAt"
572
+ ]
573
+ }
574
+ ]
575
+ }
576
+ ]
316
577
  }
317
578
  ]
318
579
  }
319
580
  ]
320
581
  },
321
582
  {
322
- "type": "card",
583
+ "type": "divider"
584
+ },
585
+ {
586
+ "type": "grid",
587
+ "columns": 2,
588
+ "gap": "md",
323
589
  "children": [
324
590
  {
325
- "type": "stack",
326
- "direction": "vertical",
327
- "gap": "sm",
591
+ "type": "card",
328
592
  "children": [
329
593
  {
330
594
  "type": "typography",
331
595
  "variant": "caption",
332
- "content": "Status"
333
- },
334
- {
335
- "type": "typography",
336
- "variant": "h3",
337
- "content": "@entity.status"
596
+ "content": "Chart View"
338
597
  }
339
598
  ]
340
- }
341
- ]
342
- },
343
- {
344
- "type": "card",
345
- "children": [
599
+ },
346
600
  {
347
- "type": "stack",
348
- "direction": "vertical",
349
- "gap": "sm",
601
+ "type": "card",
350
602
  "children": [
351
603
  {
352
604
  "type": "typography",
353
605
  "variant": "caption",
354
- "content": "CreatedAt"
355
- },
356
- {
357
- "type": "typography",
358
- "variant": "h3",
359
- "content": "@entity.createdAt"
606
+ "content": "Graph View"
360
607
  }
361
608
  ]
362
609
  }
363
610
  ]
611
+ },
612
+ {
613
+ "type": "line-chart",
614
+ "data": [
615
+ {
616
+ "date": "Jan",
617
+ "value": 12
618
+ },
619
+ {
620
+ "date": "Feb",
621
+ "value": 19
622
+ },
623
+ {
624
+ "date": "Mar",
625
+ "value": 15
626
+ },
627
+ {
628
+ "date": "Apr",
629
+ "value": 25
630
+ },
631
+ {
632
+ "date": "May",
633
+ "value": 22
634
+ },
635
+ {
636
+ "date": "Jun",
637
+ "value": 30
638
+ }
639
+ ],
640
+ "xKey": "date",
641
+ "yKey": "value",
642
+ "title": "Trend"
643
+ },
644
+ {
645
+ "type": "chart-legend",
646
+ "items": [
647
+ {
648
+ "label": "Current",
649
+ "color": "primary"
650
+ },
651
+ {
652
+ "label": "Previous",
653
+ "color": "muted"
654
+ }
655
+ ]
656
+ },
657
+ {
658
+ "type": "graph-view",
659
+ "nodes": [
660
+ {
661
+ "id": "a",
662
+ "label": "Start",
663
+ "x": 50,
664
+ "y": 100
665
+ },
666
+ {
667
+ "id": "b",
668
+ "label": "Process",
669
+ "x": 200,
670
+ "y": 50
671
+ },
672
+ {
673
+ "id": "c",
674
+ "label": "End",
675
+ "x": 350,
676
+ "y": 100
677
+ }
678
+ ],
679
+ "edges": [
680
+ {
681
+ "from": "a",
682
+ "to": "b"
683
+ },
684
+ {
685
+ "from": "b",
686
+ "to": "c"
687
+ }
688
+ ],
689
+ "width": 400,
690
+ "height": 200
364
691
  }
365
692
  ]
366
693
  }
@@ -382,136 +709,297 @@
382
709
  "render-ui",
383
710
  "main",
384
711
  {
385
- "type": "stack",
386
- "direction": "vertical",
387
- "gap": "lg",
712
+ "type": "scaled-diagram",
388
713
  "children": [
389
714
  {
390
715
  "type": "stack",
391
- "direction": "horizontal",
392
- "gap": "md",
393
- "justify": "space-between",
716
+ "direction": "vertical",
717
+ "gap": "lg",
394
718
  "children": [
395
719
  {
396
- "type": "stack",
397
- "direction": "horizontal",
398
- "gap": "md",
399
- "children": [
720
+ "type": "breadcrumb",
721
+ "items": [
400
722
  {
401
- "type": "icon",
402
- "name": "bar-chart-2",
403
- "size": "lg"
723
+ "label": "Home",
724
+ "href": "/"
404
725
  },
405
726
  {
406
- "type": "typography",
407
- "content": "DisplayItems",
408
- "variant": "h2"
727
+ "label": "DisplayItems"
409
728
  }
410
729
  ]
411
730
  },
412
731
  {
413
- "type": "button",
414
- "label": "Refresh",
415
- "event": "REFRESH",
416
- "variant": "secondary",
417
- "icon": "refresh-cw"
418
- }
419
- ]
420
- },
421
- {
422
- "type": "divider"
423
- },
424
- {
425
- "type": "simple-grid",
426
- "columns": 3,
427
- "children": [
428
- {
429
- "type": "card",
732
+ "type": "stack",
733
+ "direction": "horizontal",
734
+ "gap": "md",
735
+ "justify": "space-between",
430
736
  "children": [
431
737
  {
432
738
  "type": "stack",
433
- "direction": "vertical",
434
- "gap": "sm",
739
+ "direction": "horizontal",
740
+ "gap": "md",
435
741
  "children": [
436
742
  {
437
- "type": "typography",
438
- "variant": "caption",
439
- "content": "Name"
743
+ "type": "icon",
744
+ "name": "bar-chart-2",
745
+ "size": "lg"
440
746
  },
441
747
  {
442
748
  "type": "typography",
443
- "variant": "h3",
444
- "content": "@entity.name"
749
+ "content": "DisplayItems",
750
+ "variant": "h2"
445
751
  }
446
752
  ]
753
+ },
754
+ {
755
+ "type": "button",
756
+ "label": "Refresh",
757
+ "event": "REFRESH",
758
+ "variant": "secondary",
759
+ "icon": "refresh-cw"
447
760
  }
448
761
  ]
449
762
  },
450
763
  {
451
- "type": "card",
764
+ "type": "divider"
765
+ },
766
+ {
767
+ "type": "box",
768
+ "padding": "md",
452
769
  "children": [
453
770
  {
454
- "type": "stack",
455
- "direction": "vertical",
456
- "gap": "sm",
771
+ "type": "simple-grid",
772
+ "columns": 3,
457
773
  "children": [
458
774
  {
459
- "type": "typography",
460
- "variant": "caption",
461
- "content": "Description"
775
+ "type": "card",
776
+ "children": [
777
+ {
778
+ "type": "stack",
779
+ "direction": "vertical",
780
+ "gap": "sm",
781
+ "children": [
782
+ {
783
+ "type": "typography",
784
+ "variant": "caption",
785
+ "content": "Name"
786
+ },
787
+ {
788
+ "type": "typography",
789
+ "variant": "h3",
790
+ "content": [
791
+ "object/get",
792
+ [
793
+ "array/first",
794
+ "@entity"
795
+ ],
796
+ "name"
797
+ ]
798
+ }
799
+ ]
800
+ }
801
+ ]
462
802
  },
463
803
  {
464
- "type": "typography",
465
- "variant": "h3",
466
- "content": "@entity.description"
804
+ "type": "card",
805
+ "children": [
806
+ {
807
+ "type": "stack",
808
+ "direction": "vertical",
809
+ "gap": "sm",
810
+ "children": [
811
+ {
812
+ "type": "typography",
813
+ "variant": "caption",
814
+ "content": "Description"
815
+ },
816
+ {
817
+ "type": "typography",
818
+ "variant": "h3",
819
+ "content": [
820
+ "object/get",
821
+ [
822
+ "array/first",
823
+ "@entity"
824
+ ],
825
+ "description"
826
+ ]
827
+ }
828
+ ]
829
+ }
830
+ ]
831
+ },
832
+ {
833
+ "type": "card",
834
+ "children": [
835
+ {
836
+ "type": "stack",
837
+ "direction": "vertical",
838
+ "gap": "sm",
839
+ "children": [
840
+ {
841
+ "type": "typography",
842
+ "variant": "caption",
843
+ "content": "Status"
844
+ },
845
+ {
846
+ "type": "typography",
847
+ "variant": "h3",
848
+ "content": [
849
+ "object/get",
850
+ [
851
+ "array/first",
852
+ "@entity"
853
+ ],
854
+ "status"
855
+ ]
856
+ }
857
+ ]
858
+ }
859
+ ]
860
+ },
861
+ {
862
+ "type": "card",
863
+ "children": [
864
+ {
865
+ "type": "stack",
866
+ "direction": "vertical",
867
+ "gap": "sm",
868
+ "children": [
869
+ {
870
+ "type": "typography",
871
+ "variant": "caption",
872
+ "content": "CreatedAt"
873
+ },
874
+ {
875
+ "type": "typography",
876
+ "variant": "h3",
877
+ "content": [
878
+ "object/get",
879
+ [
880
+ "array/first",
881
+ "@entity"
882
+ ],
883
+ "createdAt"
884
+ ]
885
+ }
886
+ ]
887
+ }
888
+ ]
467
889
  }
468
890
  ]
469
891
  }
470
892
  ]
471
893
  },
472
894
  {
473
- "type": "card",
895
+ "type": "divider"
896
+ },
897
+ {
898
+ "type": "grid",
899
+ "columns": 2,
900
+ "gap": "md",
474
901
  "children": [
475
902
  {
476
- "type": "stack",
477
- "direction": "vertical",
478
- "gap": "sm",
903
+ "type": "card",
479
904
  "children": [
480
905
  {
481
906
  "type": "typography",
482
907
  "variant": "caption",
483
- "content": "Status"
484
- },
485
- {
486
- "type": "typography",
487
- "variant": "h3",
488
- "content": "@entity.status"
908
+ "content": "Chart View"
489
909
  }
490
910
  ]
491
- }
492
- ]
493
- },
494
- {
495
- "type": "card",
496
- "children": [
911
+ },
497
912
  {
498
- "type": "stack",
499
- "direction": "vertical",
500
- "gap": "sm",
913
+ "type": "card",
501
914
  "children": [
502
915
  {
503
916
  "type": "typography",
504
917
  "variant": "caption",
505
- "content": "CreatedAt"
506
- },
507
- {
508
- "type": "typography",
509
- "variant": "h3",
510
- "content": "@entity.createdAt"
918
+ "content": "Graph View"
511
919
  }
512
920
  ]
513
921
  }
514
922
  ]
923
+ },
924
+ {
925
+ "type": "line-chart",
926
+ "data": [
927
+ {
928
+ "date": "Jan",
929
+ "value": 12
930
+ },
931
+ {
932
+ "date": "Feb",
933
+ "value": 19
934
+ },
935
+ {
936
+ "date": "Mar",
937
+ "value": 15
938
+ },
939
+ {
940
+ "date": "Apr",
941
+ "value": 25
942
+ },
943
+ {
944
+ "date": "May",
945
+ "value": 22
946
+ },
947
+ {
948
+ "date": "Jun",
949
+ "value": 30
950
+ }
951
+ ],
952
+ "xKey": "date",
953
+ "yKey": "value",
954
+ "title": "Trend"
955
+ },
956
+ {
957
+ "type": "chart-legend",
958
+ "items": [
959
+ {
960
+ "label": "Current",
961
+ "color": "primary"
962
+ },
963
+ {
964
+ "label": "Previous",
965
+ "color": "muted"
966
+ }
967
+ ]
968
+ },
969
+ {
970
+ "type": "graph-view",
971
+ "nodes": [
972
+ {
973
+ "id": "a",
974
+ "label": "Start",
975
+ "x": 50,
976
+ "y": 100
977
+ },
978
+ {
979
+ "id": "b",
980
+ "label": "Process",
981
+ "x": 200,
982
+ "y": 50
983
+ },
984
+ {
985
+ "id": "c",
986
+ "label": "End",
987
+ "x": 350,
988
+ "y": 100
989
+ }
990
+ ],
991
+ "edges": [
992
+ {
993
+ "from": "a",
994
+ "to": "b"
995
+ },
996
+ {
997
+ "from": "b",
998
+ "to": "c"
999
+ }
1000
+ ],
1001
+ "width": 400,
1002
+ "height": 200
515
1003
  }
516
1004
  ]
517
1005
  }
@@ -533,136 +1021,297 @@
533
1021
  "render-ui",
534
1022
  "main",
535
1023
  {
536
- "type": "stack",
537
- "direction": "vertical",
538
- "gap": "lg",
1024
+ "type": "scaled-diagram",
539
1025
  "children": [
540
1026
  {
541
1027
  "type": "stack",
542
- "direction": "horizontal",
543
- "gap": "md",
544
- "justify": "space-between",
1028
+ "direction": "vertical",
1029
+ "gap": "lg",
545
1030
  "children": [
546
1031
  {
547
- "type": "stack",
548
- "direction": "horizontal",
549
- "gap": "md",
550
- "children": [
1032
+ "type": "breadcrumb",
1033
+ "items": [
551
1034
  {
552
- "type": "icon",
553
- "name": "bar-chart-2",
554
- "size": "lg"
1035
+ "label": "Home",
1036
+ "href": "/"
555
1037
  },
556
1038
  {
557
- "type": "typography",
558
- "content": "DisplayItems",
559
- "variant": "h2"
1039
+ "label": "DisplayItems"
560
1040
  }
561
1041
  ]
562
1042
  },
563
1043
  {
564
- "type": "button",
565
- "label": "Refresh",
566
- "event": "REFRESH",
567
- "variant": "secondary",
568
- "icon": "refresh-cw"
569
- }
570
- ]
571
- },
572
- {
573
- "type": "divider"
574
- },
575
- {
576
- "type": "simple-grid",
577
- "columns": 3,
578
- "children": [
579
- {
580
- "type": "card",
1044
+ "type": "stack",
1045
+ "direction": "horizontal",
1046
+ "gap": "md",
1047
+ "justify": "space-between",
581
1048
  "children": [
582
1049
  {
583
1050
  "type": "stack",
584
- "direction": "vertical",
585
- "gap": "sm",
1051
+ "direction": "horizontal",
1052
+ "gap": "md",
586
1053
  "children": [
587
1054
  {
588
- "type": "typography",
589
- "variant": "caption",
590
- "content": "Name"
1055
+ "type": "icon",
1056
+ "name": "bar-chart-2",
1057
+ "size": "lg"
591
1058
  },
592
1059
  {
593
1060
  "type": "typography",
594
- "variant": "h3",
595
- "content": "@entity.name"
1061
+ "content": "DisplayItems",
1062
+ "variant": "h2"
596
1063
  }
597
1064
  ]
1065
+ },
1066
+ {
1067
+ "type": "button",
1068
+ "label": "Refresh",
1069
+ "event": "REFRESH",
1070
+ "variant": "secondary",
1071
+ "icon": "refresh-cw"
598
1072
  }
599
1073
  ]
600
1074
  },
601
1075
  {
602
- "type": "card",
1076
+ "type": "divider"
1077
+ },
1078
+ {
1079
+ "type": "box",
1080
+ "padding": "md",
603
1081
  "children": [
604
1082
  {
605
- "type": "stack",
606
- "direction": "vertical",
607
- "gap": "sm",
1083
+ "type": "simple-grid",
1084
+ "columns": 3,
608
1085
  "children": [
609
1086
  {
610
- "type": "typography",
611
- "variant": "caption",
612
- "content": "Description"
1087
+ "type": "card",
1088
+ "children": [
1089
+ {
1090
+ "type": "stack",
1091
+ "direction": "vertical",
1092
+ "gap": "sm",
1093
+ "children": [
1094
+ {
1095
+ "type": "typography",
1096
+ "variant": "caption",
1097
+ "content": "Name"
1098
+ },
1099
+ {
1100
+ "type": "typography",
1101
+ "variant": "h3",
1102
+ "content": [
1103
+ "object/get",
1104
+ [
1105
+ "array/first",
1106
+ "@entity"
1107
+ ],
1108
+ "name"
1109
+ ]
1110
+ }
1111
+ ]
1112
+ }
1113
+ ]
613
1114
  },
614
1115
  {
615
- "type": "typography",
616
- "variant": "h3",
617
- "content": "@entity.description"
1116
+ "type": "card",
1117
+ "children": [
1118
+ {
1119
+ "type": "stack",
1120
+ "direction": "vertical",
1121
+ "gap": "sm",
1122
+ "children": [
1123
+ {
1124
+ "type": "typography",
1125
+ "variant": "caption",
1126
+ "content": "Description"
1127
+ },
1128
+ {
1129
+ "type": "typography",
1130
+ "variant": "h3",
1131
+ "content": [
1132
+ "object/get",
1133
+ [
1134
+ "array/first",
1135
+ "@entity"
1136
+ ],
1137
+ "description"
1138
+ ]
1139
+ }
1140
+ ]
1141
+ }
1142
+ ]
1143
+ },
1144
+ {
1145
+ "type": "card",
1146
+ "children": [
1147
+ {
1148
+ "type": "stack",
1149
+ "direction": "vertical",
1150
+ "gap": "sm",
1151
+ "children": [
1152
+ {
1153
+ "type": "typography",
1154
+ "variant": "caption",
1155
+ "content": "Status"
1156
+ },
1157
+ {
1158
+ "type": "typography",
1159
+ "variant": "h3",
1160
+ "content": [
1161
+ "object/get",
1162
+ [
1163
+ "array/first",
1164
+ "@entity"
1165
+ ],
1166
+ "status"
1167
+ ]
1168
+ }
1169
+ ]
1170
+ }
1171
+ ]
1172
+ },
1173
+ {
1174
+ "type": "card",
1175
+ "children": [
1176
+ {
1177
+ "type": "stack",
1178
+ "direction": "vertical",
1179
+ "gap": "sm",
1180
+ "children": [
1181
+ {
1182
+ "type": "typography",
1183
+ "variant": "caption",
1184
+ "content": "CreatedAt"
1185
+ },
1186
+ {
1187
+ "type": "typography",
1188
+ "variant": "h3",
1189
+ "content": [
1190
+ "object/get",
1191
+ [
1192
+ "array/first",
1193
+ "@entity"
1194
+ ],
1195
+ "createdAt"
1196
+ ]
1197
+ }
1198
+ ]
1199
+ }
1200
+ ]
618
1201
  }
619
1202
  ]
620
1203
  }
621
1204
  ]
622
1205
  },
623
1206
  {
624
- "type": "card",
1207
+ "type": "divider"
1208
+ },
1209
+ {
1210
+ "type": "grid",
1211
+ "columns": 2,
1212
+ "gap": "md",
625
1213
  "children": [
626
1214
  {
627
- "type": "stack",
628
- "direction": "vertical",
629
- "gap": "sm",
1215
+ "type": "card",
630
1216
  "children": [
631
1217
  {
632
1218
  "type": "typography",
633
1219
  "variant": "caption",
634
- "content": "Status"
635
- },
636
- {
637
- "type": "typography",
638
- "variant": "h3",
639
- "content": "@entity.status"
1220
+ "content": "Chart View"
640
1221
  }
641
1222
  ]
642
- }
643
- ]
644
- },
645
- {
646
- "type": "card",
647
- "children": [
1223
+ },
648
1224
  {
649
- "type": "stack",
650
- "direction": "vertical",
651
- "gap": "sm",
1225
+ "type": "card",
652
1226
  "children": [
653
1227
  {
654
1228
  "type": "typography",
655
1229
  "variant": "caption",
656
- "content": "CreatedAt"
657
- },
658
- {
659
- "type": "typography",
660
- "variant": "h3",
661
- "content": "@entity.createdAt"
1230
+ "content": "Graph View"
662
1231
  }
663
1232
  ]
664
1233
  }
665
1234
  ]
1235
+ },
1236
+ {
1237
+ "type": "line-chart",
1238
+ "data": [
1239
+ {
1240
+ "date": "Jan",
1241
+ "value": 12
1242
+ },
1243
+ {
1244
+ "date": "Feb",
1245
+ "value": 19
1246
+ },
1247
+ {
1248
+ "date": "Mar",
1249
+ "value": 15
1250
+ },
1251
+ {
1252
+ "date": "Apr",
1253
+ "value": 25
1254
+ },
1255
+ {
1256
+ "date": "May",
1257
+ "value": 22
1258
+ },
1259
+ {
1260
+ "date": "Jun",
1261
+ "value": 30
1262
+ }
1263
+ ],
1264
+ "xKey": "date",
1265
+ "yKey": "value",
1266
+ "title": "Trend"
1267
+ },
1268
+ {
1269
+ "type": "chart-legend",
1270
+ "items": [
1271
+ {
1272
+ "label": "Current",
1273
+ "color": "primary"
1274
+ },
1275
+ {
1276
+ "label": "Previous",
1277
+ "color": "muted"
1278
+ }
1279
+ ]
1280
+ },
1281
+ {
1282
+ "type": "graph-view",
1283
+ "nodes": [
1284
+ {
1285
+ "id": "a",
1286
+ "label": "Start",
1287
+ "x": 50,
1288
+ "y": 100
1289
+ },
1290
+ {
1291
+ "id": "b",
1292
+ "label": "Process",
1293
+ "x": 200,
1294
+ "y": 50
1295
+ },
1296
+ {
1297
+ "id": "c",
1298
+ "label": "End",
1299
+ "x": 350,
1300
+ "y": 100
1301
+ }
1302
+ ],
1303
+ "edges": [
1304
+ {
1305
+ "from": "a",
1306
+ "to": "b"
1307
+ },
1308
+ {
1309
+ "from": "b",
1310
+ "to": "c"
1311
+ }
1312
+ ],
1313
+ "width": 400,
1314
+ "height": 200
666
1315
  }
667
1316
  ]
668
1317
  }
@@ -684,136 +1333,297 @@
684
1333
  "render-ui",
685
1334
  "main",
686
1335
  {
687
- "type": "stack",
688
- "direction": "vertical",
689
- "gap": "lg",
1336
+ "type": "scaled-diagram",
690
1337
  "children": [
691
1338
  {
692
1339
  "type": "stack",
693
- "direction": "horizontal",
694
- "gap": "md",
695
- "justify": "space-between",
1340
+ "direction": "vertical",
1341
+ "gap": "lg",
696
1342
  "children": [
697
1343
  {
698
- "type": "stack",
699
- "direction": "horizontal",
700
- "gap": "md",
701
- "children": [
1344
+ "type": "breadcrumb",
1345
+ "items": [
702
1346
  {
703
- "type": "icon",
704
- "name": "bar-chart-2",
705
- "size": "lg"
1347
+ "label": "Home",
1348
+ "href": "/"
706
1349
  },
707
1350
  {
708
- "type": "typography",
709
- "content": "DisplayItems",
710
- "variant": "h2"
1351
+ "label": "DisplayItems"
711
1352
  }
712
1353
  ]
713
1354
  },
714
1355
  {
715
- "type": "button",
716
- "label": "Refresh",
717
- "event": "REFRESH",
718
- "variant": "secondary",
719
- "icon": "refresh-cw"
720
- }
721
- ]
722
- },
723
- {
724
- "type": "divider"
725
- },
726
- {
727
- "type": "simple-grid",
728
- "columns": 3,
729
- "children": [
730
- {
731
- "type": "card",
1356
+ "type": "stack",
1357
+ "direction": "horizontal",
1358
+ "gap": "md",
1359
+ "justify": "space-between",
732
1360
  "children": [
733
1361
  {
734
1362
  "type": "stack",
735
- "direction": "vertical",
736
- "gap": "sm",
1363
+ "direction": "horizontal",
1364
+ "gap": "md",
737
1365
  "children": [
738
1366
  {
739
- "type": "typography",
740
- "variant": "caption",
741
- "content": "Name"
1367
+ "type": "icon",
1368
+ "name": "bar-chart-2",
1369
+ "size": "lg"
742
1370
  },
743
1371
  {
744
1372
  "type": "typography",
745
- "variant": "h3",
746
- "content": "@entity.name"
1373
+ "content": "DisplayItems",
1374
+ "variant": "h2"
747
1375
  }
748
1376
  ]
1377
+ },
1378
+ {
1379
+ "type": "button",
1380
+ "label": "Refresh",
1381
+ "event": "REFRESH",
1382
+ "variant": "secondary",
1383
+ "icon": "refresh-cw"
749
1384
  }
750
1385
  ]
751
1386
  },
752
1387
  {
753
- "type": "card",
1388
+ "type": "divider"
1389
+ },
1390
+ {
1391
+ "type": "box",
1392
+ "padding": "md",
754
1393
  "children": [
755
1394
  {
756
- "type": "stack",
757
- "direction": "vertical",
758
- "gap": "sm",
1395
+ "type": "simple-grid",
1396
+ "columns": 3,
759
1397
  "children": [
760
1398
  {
761
- "type": "typography",
762
- "variant": "caption",
763
- "content": "Description"
1399
+ "type": "card",
1400
+ "children": [
1401
+ {
1402
+ "type": "stack",
1403
+ "direction": "vertical",
1404
+ "gap": "sm",
1405
+ "children": [
1406
+ {
1407
+ "type": "typography",
1408
+ "variant": "caption",
1409
+ "content": "Name"
1410
+ },
1411
+ {
1412
+ "type": "typography",
1413
+ "variant": "h3",
1414
+ "content": [
1415
+ "object/get",
1416
+ [
1417
+ "array/first",
1418
+ "@entity"
1419
+ ],
1420
+ "name"
1421
+ ]
1422
+ }
1423
+ ]
1424
+ }
1425
+ ]
764
1426
  },
765
1427
  {
766
- "type": "typography",
767
- "variant": "h3",
768
- "content": "@entity.description"
1428
+ "type": "card",
1429
+ "children": [
1430
+ {
1431
+ "type": "stack",
1432
+ "direction": "vertical",
1433
+ "gap": "sm",
1434
+ "children": [
1435
+ {
1436
+ "type": "typography",
1437
+ "variant": "caption",
1438
+ "content": "Description"
1439
+ },
1440
+ {
1441
+ "type": "typography",
1442
+ "variant": "h3",
1443
+ "content": [
1444
+ "object/get",
1445
+ [
1446
+ "array/first",
1447
+ "@entity"
1448
+ ],
1449
+ "description"
1450
+ ]
1451
+ }
1452
+ ]
1453
+ }
1454
+ ]
1455
+ },
1456
+ {
1457
+ "type": "card",
1458
+ "children": [
1459
+ {
1460
+ "type": "stack",
1461
+ "direction": "vertical",
1462
+ "gap": "sm",
1463
+ "children": [
1464
+ {
1465
+ "type": "typography",
1466
+ "variant": "caption",
1467
+ "content": "Status"
1468
+ },
1469
+ {
1470
+ "type": "typography",
1471
+ "variant": "h3",
1472
+ "content": [
1473
+ "object/get",
1474
+ [
1475
+ "array/first",
1476
+ "@entity"
1477
+ ],
1478
+ "status"
1479
+ ]
1480
+ }
1481
+ ]
1482
+ }
1483
+ ]
1484
+ },
1485
+ {
1486
+ "type": "card",
1487
+ "children": [
1488
+ {
1489
+ "type": "stack",
1490
+ "direction": "vertical",
1491
+ "gap": "sm",
1492
+ "children": [
1493
+ {
1494
+ "type": "typography",
1495
+ "variant": "caption",
1496
+ "content": "CreatedAt"
1497
+ },
1498
+ {
1499
+ "type": "typography",
1500
+ "variant": "h3",
1501
+ "content": [
1502
+ "object/get",
1503
+ [
1504
+ "array/first",
1505
+ "@entity"
1506
+ ],
1507
+ "createdAt"
1508
+ ]
1509
+ }
1510
+ ]
1511
+ }
1512
+ ]
769
1513
  }
770
1514
  ]
771
1515
  }
772
1516
  ]
773
1517
  },
774
1518
  {
775
- "type": "card",
1519
+ "type": "divider"
1520
+ },
1521
+ {
1522
+ "type": "grid",
1523
+ "columns": 2,
1524
+ "gap": "md",
776
1525
  "children": [
777
1526
  {
778
- "type": "stack",
779
- "direction": "vertical",
780
- "gap": "sm",
1527
+ "type": "card",
781
1528
  "children": [
782
1529
  {
783
1530
  "type": "typography",
784
1531
  "variant": "caption",
785
- "content": "Status"
786
- },
787
- {
788
- "type": "typography",
789
- "variant": "h3",
790
- "content": "@entity.status"
1532
+ "content": "Chart View"
791
1533
  }
792
1534
  ]
793
- }
794
- ]
795
- },
796
- {
797
- "type": "card",
798
- "children": [
1535
+ },
799
1536
  {
800
- "type": "stack",
801
- "direction": "vertical",
802
- "gap": "sm",
1537
+ "type": "card",
803
1538
  "children": [
804
1539
  {
805
1540
  "type": "typography",
806
1541
  "variant": "caption",
807
- "content": "CreatedAt"
808
- },
809
- {
810
- "type": "typography",
811
- "variant": "h3",
812
- "content": "@entity.createdAt"
1542
+ "content": "Graph View"
813
1543
  }
814
1544
  ]
815
1545
  }
816
1546
  ]
1547
+ },
1548
+ {
1549
+ "type": "line-chart",
1550
+ "data": [
1551
+ {
1552
+ "date": "Jan",
1553
+ "value": 12
1554
+ },
1555
+ {
1556
+ "date": "Feb",
1557
+ "value": 19
1558
+ },
1559
+ {
1560
+ "date": "Mar",
1561
+ "value": 15
1562
+ },
1563
+ {
1564
+ "date": "Apr",
1565
+ "value": 25
1566
+ },
1567
+ {
1568
+ "date": "May",
1569
+ "value": 22
1570
+ },
1571
+ {
1572
+ "date": "Jun",
1573
+ "value": 30
1574
+ }
1575
+ ],
1576
+ "xKey": "date",
1577
+ "yKey": "value",
1578
+ "title": "Trend"
1579
+ },
1580
+ {
1581
+ "type": "chart-legend",
1582
+ "items": [
1583
+ {
1584
+ "label": "Current",
1585
+ "color": "primary"
1586
+ },
1587
+ {
1588
+ "label": "Previous",
1589
+ "color": "muted"
1590
+ }
1591
+ ]
1592
+ },
1593
+ {
1594
+ "type": "graph-view",
1595
+ "nodes": [
1596
+ {
1597
+ "id": "a",
1598
+ "label": "Start",
1599
+ "x": 50,
1600
+ "y": 100
1601
+ },
1602
+ {
1603
+ "id": "b",
1604
+ "label": "Process",
1605
+ "x": 200,
1606
+ "y": 50
1607
+ },
1608
+ {
1609
+ "id": "c",
1610
+ "label": "End",
1611
+ "x": 350,
1612
+ "y": 100
1613
+ }
1614
+ ],
1615
+ "edges": [
1616
+ {
1617
+ "from": "a",
1618
+ "to": "b"
1619
+ },
1620
+ {
1621
+ "from": "b",
1622
+ "to": "c"
1623
+ }
1624
+ ],
1625
+ "width": 400,
1626
+ "height": 200
817
1627
  }
818
1628
  ]
819
1629
  }