@almadar/std 3.2.2 → 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 (199) hide show
  1. package/behaviors/exports/atoms/std-browse.orb +38 -45
  2. package/behaviors/exports/atoms/std-calendar.orb +770 -0
  3. package/behaviors/exports/atoms/std-display.orb +1175 -510
  4. package/behaviors/exports/atoms/std-drawer.orb +235 -133
  5. package/behaviors/exports/atoms/std-flip-card.orb +596 -0
  6. package/behaviors/exports/atoms/std-gallery.orb +382 -0
  7. package/behaviors/exports/atoms/std-loading.orb +131 -103
  8. package/behaviors/exports/atoms/std-modal.orb +5 -24
  9. package/behaviors/exports/atoms/std-notification.orb +71 -0
  10. package/behaviors/exports/atoms/std-pagination.orb +32 -40
  11. package/behaviors/exports/atoms/std-rating.orb +328 -0
  12. package/behaviors/exports/atoms/std-score.orb +41 -0
  13. package/behaviors/exports/atoms/std-search.orb +44 -30
  14. package/behaviors/exports/atoms/std-selection.orb +26 -34
  15. package/behaviors/exports/atoms/std-sort.orb +82 -60
  16. package/behaviors/exports/atoms/std-text-effects.orb +658 -0
  17. package/behaviors/exports/atoms/std-theme.orb +573 -0
  18. package/behaviors/exports/atoms/std-upload.orb +535 -0
  19. package/behaviors/exports/atoms/std-wizard.orb +664 -224
  20. package/behaviors/exports/molecules/std-builder-game.orb +43 -3
  21. package/behaviors/exports/molecules/std-cart.orb +319 -101
  22. package/behaviors/exports/molecules/std-classifier-game.orb +43 -3
  23. package/behaviors/exports/molecules/std-debugger-game.orb +43 -3
  24. package/behaviors/exports/molecules/std-detail.orb +46 -49
  25. package/behaviors/exports/molecules/std-event-handler-game.orb +43 -3
  26. package/behaviors/exports/molecules/std-form-advanced.orb +654 -0
  27. package/behaviors/exports/molecules/std-geospatial.orb +48 -48
  28. package/behaviors/exports/molecules/std-inventory.orb +70 -50
  29. package/behaviors/exports/molecules/std-list.orb +174 -197
  30. package/behaviors/exports/molecules/std-messaging.orb +35 -50
  31. package/behaviors/exports/molecules/std-negotiator-game.orb +43 -3
  32. package/behaviors/exports/molecules/std-platformer-game.orb +18 -2
  33. package/behaviors/exports/molecules/std-puzzle-game.orb +32 -6
  34. package/behaviors/exports/molecules/std-quiz.orb +1045 -0
  35. package/behaviors/exports/molecules/std-sequencer-game.orb +43 -3
  36. package/behaviors/exports/molecules/std-simulator-game.orb +43 -3
  37. package/behaviors/exports/molecules/std-turn-based-battle.orb +26 -0
  38. package/behaviors/exports/organisms/std-api-gateway.orb +2326 -1320
  39. package/behaviors/exports/organisms/std-arcade-game.orb +377 -265
  40. package/behaviors/exports/organisms/std-booking-system.orb +3144 -1855
  41. package/behaviors/exports/organisms/std-cicd-pipeline.orb +2107 -1122
  42. package/behaviors/exports/organisms/std-cms.orb +929 -822
  43. package/behaviors/exports/organisms/std-coding-academy.orb +1347 -458
  44. package/behaviors/exports/organisms/std-crm.orb +2302 -1282
  45. package/behaviors/exports/organisms/std-devops-dashboard.orb +3902 -2005
  46. package/behaviors/exports/organisms/std-ecommerce.orb +2432 -1630
  47. package/behaviors/exports/organisms/std-finance-tracker.orb +1674 -846
  48. package/behaviors/exports/organisms/std-healthcare.orb +3545 -1992
  49. package/behaviors/exports/organisms/std-helpdesk.orb +1853 -940
  50. package/behaviors/exports/organisms/std-hr-portal.orb +3249 -1939
  51. package/behaviors/exports/organisms/std-iot-dashboard.orb +2422 -1418
  52. package/behaviors/exports/organisms/std-lms.orb +2495 -1435
  53. package/behaviors/exports/organisms/std-logic-training.orb +220 -66
  54. package/behaviors/exports/organisms/std-platformer-app.orb +345 -214
  55. package/behaviors/exports/organisms/std-project-manager.orb +2217 -1190
  56. package/behaviors/exports/organisms/std-puzzle-app.orb +228 -103
  57. package/behaviors/exports/organisms/std-realtime-chat.orb +1887 -1051
  58. package/behaviors/exports/organisms/std-rpg-game.orb +1170 -948
  59. package/behaviors/exports/organisms/std-social-feed.orb +184 -172
  60. package/behaviors/exports/organisms/std-stem-lab.orb +1308 -482
  61. package/behaviors/exports/organisms/std-strategy-game.orb +1520 -696
  62. package/behaviors/exports/organisms/std-trading-dashboard.orb +1884 -904
  63. package/behaviors/exports/validation-report.json +0 -747
  64. package/dist/behaviors/exports/atoms/std-browse.orb +38 -45
  65. package/dist/behaviors/exports/atoms/std-calendar.orb +770 -0
  66. package/dist/behaviors/exports/atoms/std-display.orb +1175 -510
  67. package/dist/behaviors/exports/atoms/std-drawer.orb +235 -133
  68. package/dist/behaviors/exports/atoms/std-flip-card.orb +596 -0
  69. package/dist/behaviors/exports/atoms/std-gallery.orb +382 -0
  70. package/dist/behaviors/exports/atoms/std-loading.orb +131 -103
  71. package/dist/behaviors/exports/atoms/std-modal.orb +5 -24
  72. package/dist/behaviors/exports/atoms/std-notification.orb +71 -0
  73. package/dist/behaviors/exports/atoms/std-pagination.orb +32 -40
  74. package/dist/behaviors/exports/atoms/std-rating.orb +328 -0
  75. package/dist/behaviors/exports/atoms/std-score.orb +41 -0
  76. package/dist/behaviors/exports/atoms/std-search.orb +44 -30
  77. package/dist/behaviors/exports/atoms/std-selection.orb +26 -34
  78. package/dist/behaviors/exports/atoms/std-sort.orb +82 -60
  79. package/dist/behaviors/exports/atoms/std-text-effects.orb +658 -0
  80. package/dist/behaviors/exports/atoms/std-theme.orb +573 -0
  81. package/dist/behaviors/exports/atoms/std-upload.orb +535 -0
  82. package/dist/behaviors/exports/atoms/std-wizard.orb +664 -224
  83. package/dist/behaviors/exports/molecules/std-builder-game.orb +43 -3
  84. package/dist/behaviors/exports/molecules/std-cart.orb +319 -101
  85. package/dist/behaviors/exports/molecules/std-classifier-game.orb +43 -3
  86. package/dist/behaviors/exports/molecules/std-debugger-game.orb +43 -3
  87. package/dist/behaviors/exports/molecules/std-detail.orb +46 -49
  88. package/dist/behaviors/exports/molecules/std-event-handler-game.orb +43 -3
  89. package/dist/behaviors/exports/molecules/std-form-advanced.orb +654 -0
  90. package/dist/behaviors/exports/molecules/std-geospatial.orb +48 -48
  91. package/dist/behaviors/exports/molecules/std-inventory.orb +70 -50
  92. package/dist/behaviors/exports/molecules/std-list.orb +174 -197
  93. package/dist/behaviors/exports/molecules/std-messaging.orb +35 -50
  94. package/dist/behaviors/exports/molecules/std-negotiator-game.orb +43 -3
  95. package/dist/behaviors/exports/molecules/std-platformer-game.orb +18 -2
  96. package/dist/behaviors/exports/molecules/std-puzzle-game.orb +32 -6
  97. package/dist/behaviors/exports/molecules/std-quiz.orb +1045 -0
  98. package/dist/behaviors/exports/molecules/std-sequencer-game.orb +43 -3
  99. package/dist/behaviors/exports/molecules/std-simulator-game.orb +43 -3
  100. package/dist/behaviors/exports/molecules/std-turn-based-battle.orb +26 -0
  101. package/dist/behaviors/exports/organisms/std-api-gateway.orb +2326 -1320
  102. package/dist/behaviors/exports/organisms/std-arcade-game.orb +377 -265
  103. package/dist/behaviors/exports/organisms/std-booking-system.orb +3144 -1855
  104. package/dist/behaviors/exports/organisms/std-cicd-pipeline.orb +2107 -1122
  105. package/dist/behaviors/exports/organisms/std-cms.orb +929 -822
  106. package/dist/behaviors/exports/organisms/std-coding-academy.orb +1347 -458
  107. package/dist/behaviors/exports/organisms/std-crm.orb +2302 -1282
  108. package/dist/behaviors/exports/organisms/std-devops-dashboard.orb +3902 -2005
  109. package/dist/behaviors/exports/organisms/std-ecommerce.orb +2432 -1630
  110. package/dist/behaviors/exports/organisms/std-finance-tracker.orb +1674 -846
  111. package/dist/behaviors/exports/organisms/std-healthcare.orb +3545 -1992
  112. package/dist/behaviors/exports/organisms/std-helpdesk.orb +1853 -940
  113. package/dist/behaviors/exports/organisms/std-hr-portal.orb +3249 -1939
  114. package/dist/behaviors/exports/organisms/std-iot-dashboard.orb +2422 -1418
  115. package/dist/behaviors/exports/organisms/std-lms.orb +2495 -1435
  116. package/dist/behaviors/exports/organisms/std-logic-training.orb +220 -66
  117. package/dist/behaviors/exports/organisms/std-platformer-app.orb +345 -214
  118. package/dist/behaviors/exports/organisms/std-project-manager.orb +2217 -1190
  119. package/dist/behaviors/exports/organisms/std-puzzle-app.orb +228 -103
  120. package/dist/behaviors/exports/organisms/std-realtime-chat.orb +1887 -1051
  121. package/dist/behaviors/exports/organisms/std-rpg-game.orb +1170 -948
  122. package/dist/behaviors/exports/organisms/std-social-feed.orb +184 -172
  123. package/dist/behaviors/exports/organisms/std-stem-lab.orb +1308 -482
  124. package/dist/behaviors/exports/organisms/std-strategy-game.orb +1520 -696
  125. package/dist/behaviors/exports/organisms/std-trading-dashboard.orb +1884 -904
  126. package/dist/behaviors/exports/validation-report.json +0 -747
  127. package/dist/behaviors/functions/index.d.ts +270 -1
  128. package/dist/behaviors/functions/index.js +3163 -807
  129. package/dist/behaviors/functions/index.js.map +1 -1
  130. package/dist/behaviors/index.d.ts +1 -1
  131. package/dist/behaviors/index.js +3164 -808
  132. package/dist/behaviors/index.js.map +1 -1
  133. package/dist/exports/atoms/std-browse.orb +38 -45
  134. package/dist/exports/atoms/std-calendar.orb +770 -0
  135. package/dist/exports/atoms/std-display.orb +1175 -510
  136. package/dist/exports/atoms/std-drawer.orb +235 -133
  137. package/dist/exports/atoms/std-flip-card.orb +596 -0
  138. package/dist/exports/atoms/std-gallery.orb +382 -0
  139. package/dist/exports/atoms/std-loading.orb +131 -103
  140. package/dist/exports/atoms/std-modal.orb +5 -24
  141. package/dist/exports/atoms/std-notification.orb +71 -0
  142. package/dist/exports/atoms/std-pagination.orb +32 -40
  143. package/dist/exports/atoms/std-rating.orb +328 -0
  144. package/dist/exports/atoms/std-score.orb +41 -0
  145. package/dist/exports/atoms/std-search.orb +44 -30
  146. package/dist/exports/atoms/std-selection.orb +26 -34
  147. package/dist/exports/atoms/std-sort.orb +82 -60
  148. package/dist/exports/atoms/std-text-effects.orb +658 -0
  149. package/dist/exports/atoms/std-theme.orb +573 -0
  150. package/dist/exports/atoms/std-upload.orb +535 -0
  151. package/dist/exports/atoms/std-wizard.orb +664 -224
  152. package/dist/exports/molecules/std-builder-game.orb +43 -3
  153. package/dist/exports/molecules/std-cart.orb +319 -101
  154. package/dist/exports/molecules/std-classifier-game.orb +43 -3
  155. package/dist/exports/molecules/std-debugger-game.orb +43 -3
  156. package/dist/exports/molecules/std-detail.orb +46 -49
  157. package/dist/exports/molecules/std-event-handler-game.orb +43 -3
  158. package/dist/exports/molecules/std-form-advanced.orb +654 -0
  159. package/dist/exports/molecules/std-geospatial.orb +48 -48
  160. package/dist/exports/molecules/std-inventory.orb +70 -50
  161. package/dist/exports/molecules/std-list.orb +174 -197
  162. package/dist/exports/molecules/std-messaging.orb +35 -50
  163. package/dist/exports/molecules/std-negotiator-game.orb +43 -3
  164. package/dist/exports/molecules/std-platformer-game.orb +18 -2
  165. package/dist/exports/molecules/std-puzzle-game.orb +32 -6
  166. package/dist/exports/molecules/std-quiz.orb +1045 -0
  167. package/dist/exports/molecules/std-sequencer-game.orb +43 -3
  168. package/dist/exports/molecules/std-simulator-game.orb +43 -3
  169. package/dist/exports/molecules/std-turn-based-battle.orb +26 -0
  170. package/dist/exports/organisms/std-api-gateway.orb +2326 -1320
  171. package/dist/exports/organisms/std-arcade-game.orb +377 -265
  172. package/dist/exports/organisms/std-booking-system.orb +3144 -1855
  173. package/dist/exports/organisms/std-cicd-pipeline.orb +2107 -1122
  174. package/dist/exports/organisms/std-cms.orb +929 -822
  175. package/dist/exports/organisms/std-coding-academy.orb +1347 -458
  176. package/dist/exports/organisms/std-crm.orb +2302 -1282
  177. package/dist/exports/organisms/std-devops-dashboard.orb +3902 -2005
  178. package/dist/exports/organisms/std-ecommerce.orb +2432 -1630
  179. package/dist/exports/organisms/std-finance-tracker.orb +1674 -846
  180. package/dist/exports/organisms/std-healthcare.orb +3545 -1992
  181. package/dist/exports/organisms/std-helpdesk.orb +1853 -940
  182. package/dist/exports/organisms/std-hr-portal.orb +3249 -1939
  183. package/dist/exports/organisms/std-iot-dashboard.orb +2422 -1418
  184. package/dist/exports/organisms/std-lms.orb +2495 -1435
  185. package/dist/exports/organisms/std-logic-training.orb +220 -66
  186. package/dist/exports/organisms/std-platformer-app.orb +345 -214
  187. package/dist/exports/organisms/std-project-manager.orb +2217 -1190
  188. package/dist/exports/organisms/std-puzzle-app.orb +228 -103
  189. package/dist/exports/organisms/std-realtime-chat.orb +1887 -1051
  190. package/dist/exports/organisms/std-rpg-game.orb +1170 -948
  191. package/dist/exports/organisms/std-social-feed.orb +184 -172
  192. package/dist/exports/organisms/std-stem-lab.orb +1308 -482
  193. package/dist/exports/organisms/std-strategy-game.orb +1520 -696
  194. package/dist/exports/organisms/std-trading-dashboard.orb +1884 -904
  195. package/dist/exports/validation-report.json +0 -747
  196. package/dist/index.d.ts +1 -1
  197. package/dist/index.js +3166 -810
  198. package/dist/index.js.map +1 -1
  199. package/package.json +1 -1
package/dist/behaviors/exports/atoms/std-display.orb CHANGED
@@ -85,101 +85,182 @@
85
85
  "render-ui",
86
86
  "main",
87
87
  {
88
- "type": "stack",
89
- "direction": "vertical",
90
- "gap": "lg",
88
+ "type": "scaled-diagram",
91
89
  "children": [
92
90
  {
93
91
  "type": "stack",
94
- "direction": "horizontal",
95
- "gap": "md",
96
- "justify": "space-between",
92
+ "direction": "vertical",
93
+ "gap": "lg",
97
94
  "children": [
98
95
  {
99
- "type": "stack",
100
- "direction": "horizontal",
101
- "gap": "md",
102
- "children": [
96
+ "type": "breadcrumb",
97
+ "items": [
103
98
  {
104
- "type": "icon",
105
- "name": "bar-chart-2",
106
- "size": "lg"
99
+ "label": "Home",
100
+ "href": "/"
107
101
  },
108
102
  {
109
- "type": "typography",
110
- "content": "DisplayItems",
111
- "variant": "h2"
103
+ "label": "DisplayItems"
112
104
  }
113
105
  ]
114
106
  },
115
107
  {
116
- "type": "button",
117
- "label": "Refresh",
118
- "event": "REFRESH",
119
- "variant": "secondary",
120
- "icon": "refresh-cw"
121
- }
122
- ]
123
- },
124
- {
125
- "type": "divider"
126
- },
127
- {
128
- "type": "simple-grid",
129
- "columns": 3,
130
- "children": [
131
- {
132
- "type": "card",
108
+ "type": "stack",
109
+ "direction": "horizontal",
110
+ "gap": "md",
111
+ "justify": "space-between",
133
112
  "children": [
134
113
  {
135
114
  "type": "stack",
136
- "direction": "vertical",
137
- "gap": "sm",
115
+ "direction": "horizontal",
116
+ "gap": "md",
138
117
  "children": [
139
118
  {
140
- "type": "typography",
141
- "variant": "caption",
142
- "content": "Name"
119
+ "type": "icon",
120
+ "name": "bar-chart-2",
121
+ "size": "lg"
143
122
  },
144
123
  {
145
124
  "type": "typography",
146
- "variant": "h3",
147
- "content": [
148
- "object/get",
149
- [
150
- "array/first",
151
- "@entity"
152
- ],
153
- "name"
154
- ]
125
+ "content": "DisplayItems",
126
+ "variant": "h2"
155
127
  }
156
128
  ]
129
+ },
130
+ {
131
+ "type": "button",
132
+ "label": "Refresh",
133
+ "event": "REFRESH",
134
+ "variant": "secondary",
135
+ "icon": "refresh-cw"
157
136
  }
158
137
  ]
159
138
  },
160
139
  {
161
- "type": "card",
140
+ "type": "divider"
141
+ },
142
+ {
143
+ "type": "box",
144
+ "padding": "md",
162
145
  "children": [
163
146
  {
164
- "type": "stack",
165
- "direction": "vertical",
166
- "gap": "sm",
147
+ "type": "simple-grid",
148
+ "columns": 3,
167
149
  "children": [
168
150
  {
169
- "type": "typography",
170
- "variant": "caption",
171
- "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
+ ]
172
178
  },
173
179
  {
174
- "type": "typography",
175
- "variant": "h3",
176
- "content": [
177
- "object/get",
178
- [
179
- "array/first",
180
- "@entity"
181
- ],
182
- "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
+ }
183
264
  ]
184
265
  }
185
266
  ]
@@ -187,62 +268,114 @@
187
268
  ]
188
269
  },
189
270
  {
190
- "type": "card",
271
+ "type": "divider"
272
+ },
273
+ {
274
+ "type": "grid",
275
+ "columns": 2,
276
+ "gap": "md",
191
277
  "children": [
192
278
  {
193
- "type": "stack",
194
- "direction": "vertical",
195
- "gap": "sm",
279
+ "type": "card",
196
280
  "children": [
197
281
  {
198
282
  "type": "typography",
199
283
  "variant": "caption",
200
- "content": "Status"
201
- },
202
- {
203
- "type": "typography",
204
- "variant": "h3",
205
- "content": [
206
- "object/get",
207
- [
208
- "array/first",
209
- "@entity"
210
- ],
211
- "status"
212
- ]
284
+ "content": "Chart View"
213
285
  }
214
286
  ]
215
- }
216
- ]
217
- },
218
- {
219
- "type": "card",
220
- "children": [
287
+ },
221
288
  {
222
- "type": "stack",
223
- "direction": "vertical",
224
- "gap": "sm",
289
+ "type": "card",
225
290
  "children": [
226
291
  {
227
292
  "type": "typography",
228
293
  "variant": "caption",
229
- "content": "CreatedAt"
230
- },
231
- {
232
- "type": "typography",
233
- "variant": "h3",
234
- "content": [
235
- "object/get",
236
- [
237
- "array/first",
238
- "@entity"
239
- ],
240
- "createdAt"
241
- ]
294
+ "content": "Graph View"
242
295
  }
243
296
  ]
244
297
  }
245
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
246
379
  }
247
380
  ]
248
381
  }
@@ -264,101 +397,182 @@
264
397
  "render-ui",
265
398
  "main",
266
399
  {
267
- "type": "stack",
268
- "direction": "vertical",
269
- "gap": "lg",
400
+ "type": "scaled-diagram",
270
401
  "children": [
271
402
  {
272
403
  "type": "stack",
273
- "direction": "horizontal",
274
- "gap": "md",
275
- "justify": "space-between",
404
+ "direction": "vertical",
405
+ "gap": "lg",
276
406
  "children": [
277
407
  {
278
- "type": "stack",
279
- "direction": "horizontal",
280
- "gap": "md",
281
- "children": [
408
+ "type": "breadcrumb",
409
+ "items": [
282
410
  {
283
- "type": "icon",
284
- "name": "bar-chart-2",
285
- "size": "lg"
411
+ "label": "Home",
412
+ "href": "/"
286
413
  },
287
414
  {
288
- "type": "typography",
289
- "content": "DisplayItems",
290
- "variant": "h2"
415
+ "label": "DisplayItems"
291
416
  }
292
417
  ]
293
418
  },
294
419
  {
295
- "type": "button",
296
- "label": "Refresh",
297
- "event": "REFRESH",
298
- "variant": "secondary",
299
- "icon": "refresh-cw"
300
- }
301
- ]
302
- },
303
- {
304
- "type": "divider"
305
- },
306
- {
307
- "type": "simple-grid",
308
- "columns": 3,
309
- "children": [
310
- {
311
- "type": "card",
420
+ "type": "stack",
421
+ "direction": "horizontal",
422
+ "gap": "md",
423
+ "justify": "space-between",
312
424
  "children": [
313
425
  {
314
426
  "type": "stack",
315
- "direction": "vertical",
316
- "gap": "sm",
427
+ "direction": "horizontal",
428
+ "gap": "md",
317
429
  "children": [
318
430
  {
319
- "type": "typography",
320
- "variant": "caption",
321
- "content": "Name"
431
+ "type": "icon",
432
+ "name": "bar-chart-2",
433
+ "size": "lg"
322
434
  },
323
435
  {
324
436
  "type": "typography",
325
- "variant": "h3",
326
- "content": [
327
- "object/get",
328
- [
329
- "array/first",
330
- "@entity"
331
- ],
332
- "name"
333
- ]
437
+ "content": "DisplayItems",
438
+ "variant": "h2"
334
439
  }
335
440
  ]
441
+ },
442
+ {
443
+ "type": "button",
444
+ "label": "Refresh",
445
+ "event": "REFRESH",
446
+ "variant": "secondary",
447
+ "icon": "refresh-cw"
336
448
  }
337
449
  ]
338
450
  },
339
451
  {
340
- "type": "card",
452
+ "type": "divider"
453
+ },
454
+ {
455
+ "type": "box",
456
+ "padding": "md",
341
457
  "children": [
342
458
  {
343
- "type": "stack",
344
- "direction": "vertical",
345
- "gap": "sm",
459
+ "type": "simple-grid",
460
+ "columns": 3,
346
461
  "children": [
347
462
  {
348
- "type": "typography",
349
- "variant": "caption",
350
- "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
+ ]
351
490
  },
352
491
  {
353
- "type": "typography",
354
- "variant": "h3",
355
- "content": [
356
- "object/get",
357
- [
358
- "array/first",
359
- "@entity"
360
- ],
361
- "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
+ }
362
576
  ]
363
577
  }
364
578
  ]
@@ -366,62 +580,114 @@
366
580
  ]
367
581
  },
368
582
  {
369
- "type": "card",
583
+ "type": "divider"
584
+ },
585
+ {
586
+ "type": "grid",
587
+ "columns": 2,
588
+ "gap": "md",
370
589
  "children": [
371
590
  {
372
- "type": "stack",
373
- "direction": "vertical",
374
- "gap": "sm",
591
+ "type": "card",
375
592
  "children": [
376
593
  {
377
594
  "type": "typography",
378
595
  "variant": "caption",
379
- "content": "Status"
380
- },
381
- {
382
- "type": "typography",
383
- "variant": "h3",
384
- "content": [
385
- "object/get",
386
- [
387
- "array/first",
388
- "@entity"
389
- ],
390
- "status"
391
- ]
596
+ "content": "Chart View"
392
597
  }
393
598
  ]
394
- }
395
- ]
396
- },
397
- {
398
- "type": "card",
399
- "children": [
599
+ },
400
600
  {
401
- "type": "stack",
402
- "direction": "vertical",
403
- "gap": "sm",
601
+ "type": "card",
404
602
  "children": [
405
603
  {
406
604
  "type": "typography",
407
605
  "variant": "caption",
408
- "content": "CreatedAt"
409
- },
410
- {
411
- "type": "typography",
412
- "variant": "h3",
413
- "content": [
414
- "object/get",
415
- [
416
- "array/first",
417
- "@entity"
418
- ],
419
- "createdAt"
420
- ]
606
+ "content": "Graph View"
421
607
  }
422
608
  ]
423
609
  }
424
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
425
691
  }
426
692
  ]
427
693
  }
@@ -443,101 +709,182 @@
443
709
  "render-ui",
444
710
  "main",
445
711
  {
446
- "type": "stack",
447
- "direction": "vertical",
448
- "gap": "lg",
712
+ "type": "scaled-diagram",
449
713
  "children": [
450
714
  {
451
715
  "type": "stack",
452
- "direction": "horizontal",
453
- "gap": "md",
454
- "justify": "space-between",
716
+ "direction": "vertical",
717
+ "gap": "lg",
455
718
  "children": [
456
719
  {
457
- "type": "stack",
458
- "direction": "horizontal",
459
- "gap": "md",
460
- "children": [
720
+ "type": "breadcrumb",
721
+ "items": [
461
722
  {
462
- "type": "icon",
463
- "name": "bar-chart-2",
464
- "size": "lg"
723
+ "label": "Home",
724
+ "href": "/"
465
725
  },
466
726
  {
467
- "type": "typography",
468
- "content": "DisplayItems",
469
- "variant": "h2"
727
+ "label": "DisplayItems"
470
728
  }
471
729
  ]
472
730
  },
473
731
  {
474
- "type": "button",
475
- "label": "Refresh",
476
- "event": "REFRESH",
477
- "variant": "secondary",
478
- "icon": "refresh-cw"
479
- }
480
- ]
481
- },
482
- {
483
- "type": "divider"
484
- },
485
- {
486
- "type": "simple-grid",
487
- "columns": 3,
488
- "children": [
489
- {
490
- "type": "card",
732
+ "type": "stack",
733
+ "direction": "horizontal",
734
+ "gap": "md",
735
+ "justify": "space-between",
491
736
  "children": [
492
737
  {
493
738
  "type": "stack",
494
- "direction": "vertical",
495
- "gap": "sm",
739
+ "direction": "horizontal",
740
+ "gap": "md",
496
741
  "children": [
497
742
  {
498
- "type": "typography",
499
- "variant": "caption",
500
- "content": "Name"
743
+ "type": "icon",
744
+ "name": "bar-chart-2",
745
+ "size": "lg"
501
746
  },
502
747
  {
503
748
  "type": "typography",
504
- "variant": "h3",
505
- "content": [
506
- "object/get",
507
- [
508
- "array/first",
509
- "@entity"
510
- ],
511
- "name"
512
- ]
749
+ "content": "DisplayItems",
750
+ "variant": "h2"
513
751
  }
514
752
  ]
753
+ },
754
+ {
755
+ "type": "button",
756
+ "label": "Refresh",
757
+ "event": "REFRESH",
758
+ "variant": "secondary",
759
+ "icon": "refresh-cw"
515
760
  }
516
761
  ]
517
762
  },
518
763
  {
519
- "type": "card",
764
+ "type": "divider"
765
+ },
766
+ {
767
+ "type": "box",
768
+ "padding": "md",
520
769
  "children": [
521
770
  {
522
- "type": "stack",
523
- "direction": "vertical",
524
- "gap": "sm",
771
+ "type": "simple-grid",
772
+ "columns": 3,
525
773
  "children": [
526
774
  {
527
- "type": "typography",
528
- "variant": "caption",
529
- "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
+ ]
530
802
  },
531
803
  {
532
- "type": "typography",
533
- "variant": "h3",
534
- "content": [
535
- "object/get",
536
- [
537
- "array/first",
538
- "@entity"
539
- ],
540
- "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
+ }
541
888
  ]
542
889
  }
543
890
  ]
@@ -545,62 +892,114 @@
545
892
  ]
546
893
  },
547
894
  {
548
- "type": "card",
895
+ "type": "divider"
896
+ },
897
+ {
898
+ "type": "grid",
899
+ "columns": 2,
900
+ "gap": "md",
549
901
  "children": [
550
902
  {
551
- "type": "stack",
552
- "direction": "vertical",
553
- "gap": "sm",
903
+ "type": "card",
554
904
  "children": [
555
905
  {
556
906
  "type": "typography",
557
907
  "variant": "caption",
558
- "content": "Status"
559
- },
560
- {
561
- "type": "typography",
562
- "variant": "h3",
563
- "content": [
564
- "object/get",
565
- [
566
- "array/first",
567
- "@entity"
568
- ],
569
- "status"
570
- ]
908
+ "content": "Chart View"
571
909
  }
572
910
  ]
573
- }
574
- ]
575
- },
576
- {
577
- "type": "card",
578
- "children": [
911
+ },
579
912
  {
580
- "type": "stack",
581
- "direction": "vertical",
582
- "gap": "sm",
913
+ "type": "card",
583
914
  "children": [
584
915
  {
585
916
  "type": "typography",
586
917
  "variant": "caption",
587
- "content": "CreatedAt"
588
- },
589
- {
590
- "type": "typography",
591
- "variant": "h3",
592
- "content": [
593
- "object/get",
594
- [
595
- "array/first",
596
- "@entity"
597
- ],
598
- "createdAt"
599
- ]
918
+ "content": "Graph View"
600
919
  }
601
920
  ]
602
921
  }
603
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
604
1003
  }
605
1004
  ]
606
1005
  }
@@ -622,101 +1021,182 @@
622
1021
  "render-ui",
623
1022
  "main",
624
1023
  {
625
- "type": "stack",
626
- "direction": "vertical",
627
- "gap": "lg",
1024
+ "type": "scaled-diagram",
628
1025
  "children": [
629
1026
  {
630
1027
  "type": "stack",
631
- "direction": "horizontal",
632
- "gap": "md",
633
- "justify": "space-between",
1028
+ "direction": "vertical",
1029
+ "gap": "lg",
634
1030
  "children": [
635
1031
  {
636
- "type": "stack",
637
- "direction": "horizontal",
638
- "gap": "md",
639
- "children": [
1032
+ "type": "breadcrumb",
1033
+ "items": [
640
1034
  {
641
- "type": "icon",
642
- "name": "bar-chart-2",
643
- "size": "lg"
1035
+ "label": "Home",
1036
+ "href": "/"
644
1037
  },
645
1038
  {
646
- "type": "typography",
647
- "content": "DisplayItems",
648
- "variant": "h2"
1039
+ "label": "DisplayItems"
649
1040
  }
650
1041
  ]
651
1042
  },
652
1043
  {
653
- "type": "button",
654
- "label": "Refresh",
655
- "event": "REFRESH",
656
- "variant": "secondary",
657
- "icon": "refresh-cw"
658
- }
659
- ]
660
- },
661
- {
662
- "type": "divider"
663
- },
664
- {
665
- "type": "simple-grid",
666
- "columns": 3,
667
- "children": [
668
- {
669
- "type": "card",
1044
+ "type": "stack",
1045
+ "direction": "horizontal",
1046
+ "gap": "md",
1047
+ "justify": "space-between",
670
1048
  "children": [
671
1049
  {
672
1050
  "type": "stack",
673
- "direction": "vertical",
674
- "gap": "sm",
1051
+ "direction": "horizontal",
1052
+ "gap": "md",
675
1053
  "children": [
676
1054
  {
677
- "type": "typography",
678
- "variant": "caption",
679
- "content": "Name"
1055
+ "type": "icon",
1056
+ "name": "bar-chart-2",
1057
+ "size": "lg"
680
1058
  },
681
1059
  {
682
1060
  "type": "typography",
683
- "variant": "h3",
684
- "content": [
685
- "object/get",
686
- [
687
- "array/first",
688
- "@entity"
689
- ],
690
- "name"
691
- ]
1061
+ "content": "DisplayItems",
1062
+ "variant": "h2"
692
1063
  }
693
1064
  ]
1065
+ },
1066
+ {
1067
+ "type": "button",
1068
+ "label": "Refresh",
1069
+ "event": "REFRESH",
1070
+ "variant": "secondary",
1071
+ "icon": "refresh-cw"
694
1072
  }
695
1073
  ]
696
1074
  },
697
1075
  {
698
- "type": "card",
1076
+ "type": "divider"
1077
+ },
1078
+ {
1079
+ "type": "box",
1080
+ "padding": "md",
699
1081
  "children": [
700
1082
  {
701
- "type": "stack",
702
- "direction": "vertical",
703
- "gap": "sm",
1083
+ "type": "simple-grid",
1084
+ "columns": 3,
704
1085
  "children": [
705
1086
  {
706
- "type": "typography",
707
- "variant": "caption",
708
- "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
+ ]
709
1114
  },
710
1115
  {
711
- "type": "typography",
712
- "variant": "h3",
713
- "content": [
714
- "object/get",
715
- [
716
- "array/first",
717
- "@entity"
718
- ],
719
- "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
+ }
720
1200
  ]
721
1201
  }
722
1202
  ]
@@ -724,62 +1204,114 @@
724
1204
  ]
725
1205
  },
726
1206
  {
727
- "type": "card",
1207
+ "type": "divider"
1208
+ },
1209
+ {
1210
+ "type": "grid",
1211
+ "columns": 2,
1212
+ "gap": "md",
728
1213
  "children": [
729
1214
  {
730
- "type": "stack",
731
- "direction": "vertical",
732
- "gap": "sm",
1215
+ "type": "card",
733
1216
  "children": [
734
1217
  {
735
1218
  "type": "typography",
736
1219
  "variant": "caption",
737
- "content": "Status"
738
- },
739
- {
740
- "type": "typography",
741
- "variant": "h3",
742
- "content": [
743
- "object/get",
744
- [
745
- "array/first",
746
- "@entity"
747
- ],
748
- "status"
749
- ]
1220
+ "content": "Chart View"
750
1221
  }
751
1222
  ]
752
- }
753
- ]
754
- },
755
- {
756
- "type": "card",
757
- "children": [
1223
+ },
758
1224
  {
759
- "type": "stack",
760
- "direction": "vertical",
761
- "gap": "sm",
1225
+ "type": "card",
762
1226
  "children": [
763
1227
  {
764
1228
  "type": "typography",
765
1229
  "variant": "caption",
766
- "content": "CreatedAt"
767
- },
768
- {
769
- "type": "typography",
770
- "variant": "h3",
771
- "content": [
772
- "object/get",
773
- [
774
- "array/first",
775
- "@entity"
776
- ],
777
- "createdAt"
778
- ]
1230
+ "content": "Graph View"
779
1231
  }
780
1232
  ]
781
1233
  }
782
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
783
1315
  }
784
1316
  ]
785
1317
  }
@@ -801,101 +1333,182 @@
801
1333
  "render-ui",
802
1334
  "main",
803
1335
  {
804
- "type": "stack",
805
- "direction": "vertical",
806
- "gap": "lg",
1336
+ "type": "scaled-diagram",
807
1337
  "children": [
808
1338
  {
809
1339
  "type": "stack",
810
- "direction": "horizontal",
811
- "gap": "md",
812
- "justify": "space-between",
1340
+ "direction": "vertical",
1341
+ "gap": "lg",
813
1342
  "children": [
814
1343
  {
815
- "type": "stack",
816
- "direction": "horizontal",
817
- "gap": "md",
818
- "children": [
1344
+ "type": "breadcrumb",
1345
+ "items": [
819
1346
  {
820
- "type": "icon",
821
- "name": "bar-chart-2",
822
- "size": "lg"
1347
+ "label": "Home",
1348
+ "href": "/"
823
1349
  },
824
1350
  {
825
- "type": "typography",
826
- "content": "DisplayItems",
827
- "variant": "h2"
1351
+ "label": "DisplayItems"
828
1352
  }
829
1353
  ]
830
1354
  },
831
1355
  {
832
- "type": "button",
833
- "label": "Refresh",
834
- "event": "REFRESH",
835
- "variant": "secondary",
836
- "icon": "refresh-cw"
837
- }
838
- ]
839
- },
840
- {
841
- "type": "divider"
842
- },
843
- {
844
- "type": "simple-grid",
845
- "columns": 3,
846
- "children": [
847
- {
848
- "type": "card",
1356
+ "type": "stack",
1357
+ "direction": "horizontal",
1358
+ "gap": "md",
1359
+ "justify": "space-between",
849
1360
  "children": [
850
1361
  {
851
1362
  "type": "stack",
852
- "direction": "vertical",
853
- "gap": "sm",
1363
+ "direction": "horizontal",
1364
+ "gap": "md",
854
1365
  "children": [
855
1366
  {
856
- "type": "typography",
857
- "variant": "caption",
858
- "content": "Name"
1367
+ "type": "icon",
1368
+ "name": "bar-chart-2",
1369
+ "size": "lg"
859
1370
  },
860
1371
  {
861
1372
  "type": "typography",
862
- "variant": "h3",
863
- "content": [
864
- "object/get",
865
- [
866
- "array/first",
867
- "@entity"
868
- ],
869
- "name"
870
- ]
1373
+ "content": "DisplayItems",
1374
+ "variant": "h2"
871
1375
  }
872
1376
  ]
1377
+ },
1378
+ {
1379
+ "type": "button",
1380
+ "label": "Refresh",
1381
+ "event": "REFRESH",
1382
+ "variant": "secondary",
1383
+ "icon": "refresh-cw"
873
1384
  }
874
1385
  ]
875
1386
  },
876
1387
  {
877
- "type": "card",
1388
+ "type": "divider"
1389
+ },
1390
+ {
1391
+ "type": "box",
1392
+ "padding": "md",
878
1393
  "children": [
879
1394
  {
880
- "type": "stack",
881
- "direction": "vertical",
882
- "gap": "sm",
1395
+ "type": "simple-grid",
1396
+ "columns": 3,
883
1397
  "children": [
884
1398
  {
885
- "type": "typography",
886
- "variant": "caption",
887
- "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
+ ]
888
1426
  },
889
1427
  {
890
- "type": "typography",
891
- "variant": "h3",
892
- "content": [
893
- "object/get",
894
- [
895
- "array/first",
896
- "@entity"
897
- ],
898
- "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
+ }
899
1512
  ]
900
1513
  }
901
1514
  ]
@@ -903,62 +1516,114 @@
903
1516
  ]
904
1517
  },
905
1518
  {
906
- "type": "card",
1519
+ "type": "divider"
1520
+ },
1521
+ {
1522
+ "type": "grid",
1523
+ "columns": 2,
1524
+ "gap": "md",
907
1525
  "children": [
908
1526
  {
909
- "type": "stack",
910
- "direction": "vertical",
911
- "gap": "sm",
1527
+ "type": "card",
912
1528
  "children": [
913
1529
  {
914
1530
  "type": "typography",
915
1531
  "variant": "caption",
916
- "content": "Status"
917
- },
918
- {
919
- "type": "typography",
920
- "variant": "h3",
921
- "content": [
922
- "object/get",
923
- [
924
- "array/first",
925
- "@entity"
926
- ],
927
- "status"
928
- ]
1532
+ "content": "Chart View"
929
1533
  }
930
1534
  ]
931
- }
932
- ]
933
- },
934
- {
935
- "type": "card",
936
- "children": [
1535
+ },
937
1536
  {
938
- "type": "stack",
939
- "direction": "vertical",
940
- "gap": "sm",
1537
+ "type": "card",
941
1538
  "children": [
942
1539
  {
943
1540
  "type": "typography",
944
1541
  "variant": "caption",
945
- "content": "CreatedAt"
946
- },
947
- {
948
- "type": "typography",
949
- "variant": "h3",
950
- "content": [
951
- "object/get",
952
- [
953
- "array/first",
954
- "@entity"
955
- ],
956
- "createdAt"
957
- ]
1542
+ "content": "Graph View"
958
1543
  }
959
1544
  ]
960
1545
  }
961
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
962
1627
  }
963
1628
  ]
964
1629
  }