@almadar/std 15.1.0 → 15.2.1

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 (40) hide show
  1. package/behaviors/registry/app/organisms/std-coding-academy.orb +191 -189
  2. package/behaviors/registry/core/atoms/std-app-layout.orb +46 -44
  3. package/behaviors/registry/core/atoms/std-dashboard-grid-layout.orb +99 -61
  4. package/behaviors/registry/core/atoms/std-display.orb +7 -5
  5. package/behaviors/registry/core/atoms/std-multi-party-flow.orb +519 -515
  6. package/behaviors/registry/core/atoms/std-stack-layout.orb +15 -13
  7. package/behaviors/registry/core/molecules/std-master-detail-layout.orb +19 -13
  8. package/behaviors/registry/core/molecules/std-tabs-layout.orb +13 -9
  9. package/behaviors/registry/variations/views/std-graphs-bar.orb +56 -0
  10. package/behaviors/registry/variations/views/std-graphs-donut.orb +56 -0
  11. package/behaviors/registry/variations/views/std-graphs-histogram.orb +56 -0
  12. package/behaviors/registry/variations/views/std-graphs-line.orb +56 -0
  13. package/behaviors/registry/variations/views/std-graphs-pie.orb +56 -0
  14. package/dist/behaviors/registry/app/organisms/std-coding-academy.orb +191 -189
  15. package/dist/behaviors/registry/core/atoms/std-app-layout.orb +46 -44
  16. package/dist/behaviors/registry/core/atoms/std-dashboard-grid-layout.orb +99 -61
  17. package/dist/behaviors/registry/core/atoms/std-display.orb +7 -5
  18. package/dist/behaviors/registry/core/atoms/std-multi-party-flow.orb +519 -515
  19. package/dist/behaviors/registry/core/atoms/std-stack-layout.orb +15 -13
  20. package/dist/behaviors/registry/core/molecules/std-master-detail-layout.orb +19 -13
  21. package/dist/behaviors/registry/core/molecules/std-tabs-layout.orb +13 -9
  22. package/dist/behaviors/registry/variations/views/std-graphs-bar.orb +56 -0
  23. package/dist/behaviors/registry/variations/views/std-graphs-donut.orb +56 -0
  24. package/dist/behaviors/registry/variations/views/std-graphs-histogram.orb +56 -0
  25. package/dist/behaviors/registry/variations/views/std-graphs-line.orb +56 -0
  26. package/dist/behaviors/registry/variations/views/std-graphs-pie.orb +56 -0
  27. package/dist/registry/app/organisms/std-coding-academy.orb +191 -189
  28. package/dist/registry/core/atoms/std-app-layout.orb +46 -44
  29. package/dist/registry/core/atoms/std-dashboard-grid-layout.orb +99 -61
  30. package/dist/registry/core/atoms/std-display.orb +7 -5
  31. package/dist/registry/core/atoms/std-multi-party-flow.orb +519 -515
  32. package/dist/registry/core/atoms/std-stack-layout.orb +15 -13
  33. package/dist/registry/core/molecules/std-master-detail-layout.orb +19 -13
  34. package/dist/registry/core/molecules/std-tabs-layout.orb +13 -9
  35. package/dist/registry/variations/views/std-graphs-bar.orb +56 -0
  36. package/dist/registry/variations/views/std-graphs-donut.orb +56 -0
  37. package/dist/registry/variations/views/std-graphs-histogram.orb +56 -0
  38. package/dist/registry/variations/views/std-graphs-line.orb +56 -0
  39. package/dist/registry/variations/views/std-graphs-pie.orb +56 -0
  40. package/package.json +1 -1
@@ -132,25 +132,25 @@
132
132
  "render-ui",
133
133
  "main",
134
134
  {
135
- "appName": "@config.appName",
136
- "topBarActions": "@config.topBarActions",
137
- "navItems": "@config.navItems",
138
- "searchEvent": "@config.searchEvent",
139
- "type": "@config.layoutPattern",
140
- "notificationClickEvent": "@config.notificationClickEvent",
141
135
  "children": [
142
136
  {
143
- "className": "max-w-5xl mx-auto w-full",
137
+ "direction": "vertical",
138
+ "gap": "lg",
144
139
  "type": "stack",
140
+ "className": "max-w-5xl mx-auto w-full",
145
141
  "children": [
146
142
  "@config.contentTrait"
147
- ],
148
- "gap": "lg",
149
- "direction": "vertical"
143
+ ]
150
144
  }
151
145
  ],
152
146
  "layoutMode": "@config.layoutMode",
153
- "notifications": "@config.notifications"
147
+ "searchEvent": "@config.searchEvent",
148
+ "topBarActions": "@config.topBarActions",
149
+ "notifications": "@config.notifications",
150
+ "type": "@config.layoutPattern",
151
+ "appName": "@config.appName",
152
+ "notificationClickEvent": "@config.notificationClickEvent",
153
+ "navItems": "@config.navItems"
154
154
  }
155
155
  ]
156
156
  ]
@@ -184,39 +184,18 @@
184
184
  "label": "Layout pattern",
185
185
  "description": "UI pattern used to render the application chrome"
186
186
  },
187
- "contentTrait": {
188
- "type": "trait"
189
- },
190
- "notifications": {
191
- "type": "[object]",
192
- "default": [],
193
- "label": "Notifications",
194
- "description": "Items shown in the notifications dropdown"
195
- },
196
- "appName": {
197
- "type": "string",
198
- "default": "App",
199
- "label": "App name",
200
- "description": "Product name shown in the chrome header"
201
- },
202
- "notificationClickEvent": {
203
- "type": "string",
204
- "default": "NOTIFY_CLICK",
205
- "label": "Notification click event",
206
- "description": "Event emitted when the user picks a notification"
207
- },
208
- "topBarActions": {
209
- "type": "[object]",
210
- "default": [],
211
- "label": "Top-bar actions",
212
- "description": "Icon buttons shown on the right side of the top bar"
213
- },
214
187
  "searchEvent": {
215
188
  "type": "string",
216
189
  "default": "SEARCH",
217
190
  "label": "Search event",
218
191
  "description": "Event emitted when the user runs a global search"
219
192
  },
193
+ "detailSlot": {
194
+ "type": "slot",
195
+ "default": "modal",
196
+ "label": "Detail slot",
197
+ "description": "Slot where detail/edit views render"
198
+ },
220
199
  "layoutMode": {
221
200
  "type": "string",
222
201
  "default": "sidebar",
@@ -235,11 +214,34 @@
235
214
  "label": "Sidebar links",
236
215
  "description": "Top-level nav entries on the left rail"
237
216
  },
238
- "detailSlot": {
239
- "type": "slot",
240
- "default": "modal",
241
- "label": "Detail slot",
242
- "description": "Slot where detail/edit views render"
217
+ "topBarActions": {
218
+ "type": "[object]",
219
+ "default": [],
220
+ "label": "Top-bar actions",
221
+ "description": "Icon buttons shown on the right side of the top bar"
222
+ },
223
+ "notificationClickEvent": {
224
+ "type": "string",
225
+ "default": "NOTIFY_CLICK",
226
+ "label": "Notification click event",
227
+ "description": "Event emitted when the user picks a notification"
228
+ },
229
+ "contentTrait": {
230
+ "type": "trait",
231
+ "label": "Content trait",
232
+ "description": "Trait rendered inside the app layout content area"
233
+ },
234
+ "appName": {
235
+ "type": "string",
236
+ "default": "App",
237
+ "label": "App name",
238
+ "description": "Product name shown in the chrome header"
239
+ },
240
+ "notifications": {
241
+ "type": "[object]",
242
+ "default": [],
243
+ "label": "Notifications",
244
+ "description": "Items shown in the notifications dropdown"
243
245
  }
244
246
  },
245
247
  "scope": "instance"
@@ -258,4 +260,4 @@
258
260
  ]
259
261
  }
260
262
  ]
261
- }
263
+ }
@@ -80,37 +80,35 @@
80
80
  "render-ui",
81
81
  "main",
82
82
  {
83
- "appName": "@config.appName",
83
+ "navItems": "@config.navItems",
84
+ "type": "dashboard-layout",
84
85
  "headerActions": {
85
- "type": "stack",
86
- "direction": "horizontal",
87
- "align": "center",
88
86
  "children": [
89
87
  "@config.toolbar1Trait",
90
88
  "@config.toolbar2Trait",
91
89
  "@config.toolbar3Trait"
92
90
  ],
91
+ "type": "stack",
92
+ "align": "center",
93
+ "direction": "horizontal",
93
94
  "gap": "sm"
94
95
  },
95
- "type": "dashboard-layout",
96
- "navItems": "@config.navItems",
97
96
  "children": [
98
97
  {
99
98
  "direction": "vertical",
100
99
  "gap": "md",
101
- "type": "stack",
102
100
  "children": [
103
101
  {
104
- "gap": "md",
105
102
  "children": [
106
103
  "@config.filter1Trait",
107
104
  "@config.filter2Trait",
108
105
  "@config.filter3Trait",
109
106
  "@config.filter4Trait"
110
107
  ],
111
- "type": "stack",
112
- "direction": "horizontal",
113
108
  "align": "center",
109
+ "direction": "horizontal",
110
+ "gap": "md",
111
+ "type": "stack",
114
112
  "wrap": true
115
113
  },
116
114
  {
@@ -118,6 +116,7 @@
118
116
  },
119
117
  {
120
118
  "type": "simple-grid",
119
+ "minChildWidth": "@config.minTileWidth",
121
120
  "children": [
122
121
  "@config.tile1Trait",
123
122
  "@config.tile2Trait",
@@ -131,12 +130,13 @@
131
130
  "@config.tile10Trait",
132
131
  "@config.tile11Trait",
133
132
  "@config.tile12Trait"
134
- ],
135
- "minChildWidth": "@config.minTileWidth"
133
+ ]
136
134
  }
137
- ]
135
+ ],
136
+ "type": "stack"
138
137
  }
139
- ]
138
+ ],
139
+ "appName": "@config.appName"
140
140
  }
141
141
  ]
142
142
  ]
@@ -144,25 +144,47 @@
144
144
  ]
145
145
  },
146
146
  "config": {
147
- "toolbar2Trait": {
147
+ "filter1Trait": {
148
148
  "type": "trait",
149
- "default": "@trait.EmptyTile"
149
+ "default": "@trait.EmptyTile",
150
+ "label": "Filter slot 1",
151
+ "description": "First filter-row trait (typical use: date range picker)"
150
152
  },
151
- "toolbar1Trait": {
153
+ "tile4Trait": {
152
154
  "type": "trait",
153
- "default": "@trait.EmptyTile"
155
+ "default": "@trait.EmptyTile",
156
+ "label": "Tile slot 4",
157
+ "description": "Trait rendered in the fourth dashboard grid tile"
154
158
  },
155
- "filter4Trait": {
159
+ "tile8Trait": {
156
160
  "type": "trait",
157
- "default": "@trait.EmptyTile"
161
+ "default": "@trait.EmptyTile",
162
+ "label": "Tile slot 8",
163
+ "description": "Trait rendered in the eighth dashboard grid tile"
158
164
  },
159
- "tile10Trait": {
165
+ "appName": {
166
+ "type": "string",
167
+ "default": "Dashboard",
168
+ "label": "App name",
169
+ "description": "Product name shown in the dashboard chrome"
170
+ },
171
+ "tile2Trait": {
160
172
  "type": "trait",
161
- "default": "@trait.EmptyTile"
173
+ "default": "@trait.EmptyTile",
174
+ "label": "Tile slot 2",
175
+ "description": "Trait rendered in the second dashboard grid tile"
162
176
  },
163
- "tile11Trait": {
177
+ "filter4Trait": {
178
+ "type": "trait",
179
+ "default": "@trait.EmptyTile",
180
+ "label": "Filter slot 4",
181
+ "description": "Fourth filter-row trait (typical use: secondary dropdown filter)"
182
+ },
183
+ "filter3Trait": {
164
184
  "type": "trait",
165
- "default": "@trait.EmptyTile"
185
+ "default": "@trait.EmptyTile",
186
+ "label": "Filter slot 3",
187
+ "description": "Third filter-row trait (typical use: dropdown filter)"
166
188
  },
167
189
  "minTileWidth": {
168
190
  "type": "number",
@@ -174,75 +196,91 @@
174
196
  "type": "[object]",
175
197
  "default": [
176
198
  {
177
- "label": "Dashboard",
178
199
  "href": "/dashboard",
200
+ "label": "Dashboard",
179
201
  "icon": "bar-chart-3"
180
202
  }
181
203
  ],
182
204
  "label": "Sidebar links",
183
205
  "description": "Top-level nav entries on the left rail"
184
206
  },
185
- "filter1Trait": {
186
- "type": "trait",
187
- "default": "@trait.EmptyTile"
188
- },
189
- "tile1Trait": {
207
+ "tile9Trait": {
190
208
  "type": "trait",
191
- "default": "@trait.EmptyTile"
209
+ "default": "@trait.EmptyTile",
210
+ "label": "Tile slot 9",
211
+ "description": "Trait rendered in the ninth dashboard grid tile"
192
212
  },
193
- "tile6Trait": {
213
+ "tile10Trait": {
194
214
  "type": "trait",
195
- "default": "@trait.EmptyTile"
215
+ "default": "@trait.EmptyTile",
216
+ "label": "Tile slot 10",
217
+ "description": "Trait rendered in the tenth dashboard grid tile"
196
218
  },
197
- "tile4Trait": {
219
+ "tile12Trait": {
198
220
  "type": "trait",
199
- "default": "@trait.EmptyTile"
221
+ "default": "@trait.EmptyTile",
222
+ "label": "Tile slot 12",
223
+ "description": "Trait rendered in the twelfth dashboard grid tile"
200
224
  },
201
- "appName": {
202
- "type": "string",
203
- "default": "Dashboard",
204
- "label": "App name",
205
- "description": "Product name shown in the dashboard chrome"
206
- },
207
- "tile12Trait": {
225
+ "toolbar2Trait": {
208
226
  "type": "trait",
209
- "default": "@trait.EmptyTile"
227
+ "default": "@trait.EmptyTile",
228
+ "label": "Toolbar slot 2",
229
+ "description": "Second top-right toolbar trait (typical use: share action)"
210
230
  },
211
- "tile7Trait": {
231
+ "filter2Trait": {
212
232
  "type": "trait",
213
- "default": "@trait.EmptyTile"
233
+ "default": "@trait.EmptyTile",
234
+ "label": "Filter slot 2",
235
+ "description": "Second filter-row trait (typical use: search input)"
214
236
  },
215
237
  "tile5Trait": {
216
238
  "type": "trait",
217
- "default": "@trait.EmptyTile"
239
+ "default": "@trait.EmptyTile",
240
+ "label": "Tile slot 5",
241
+ "description": "Trait rendered in the fifth dashboard grid tile"
218
242
  },
219
- "tile3Trait": {
243
+ "tile1Trait": {
220
244
  "type": "trait",
221
- "default": "@trait.EmptyTile"
245
+ "default": "@trait.EmptyTile",
246
+ "label": "Tile slot 1",
247
+ "description": "Trait rendered in the first dashboard grid tile"
222
248
  },
223
- "toolbar3Trait": {
249
+ "toolbar1Trait": {
224
250
  "type": "trait",
225
- "default": "@trait.EmptyTile"
251
+ "default": "@trait.EmptyTile",
252
+ "label": "Toolbar slot 1",
253
+ "description": "First top-right toolbar trait (typical use: export action)"
226
254
  },
227
- "tile2Trait": {
255
+ "toolbar3Trait": {
228
256
  "type": "trait",
229
- "default": "@trait.EmptyTile"
257
+ "default": "@trait.EmptyTile",
258
+ "label": "Toolbar slot 3",
259
+ "description": "Third top-right toolbar trait (typical use: settings action)"
230
260
  },
231
- "tile9Trait": {
261
+ "tile3Trait": {
232
262
  "type": "trait",
233
- "default": "@trait.EmptyTile"
263
+ "default": "@trait.EmptyTile",
264
+ "label": "Tile slot 3",
265
+ "description": "Trait rendered in the third dashboard grid tile"
234
266
  },
235
- "tile8Trait": {
267
+ "tile6Trait": {
236
268
  "type": "trait",
237
- "default": "@trait.EmptyTile"
269
+ "default": "@trait.EmptyTile",
270
+ "label": "Tile slot 6",
271
+ "description": "Trait rendered in the sixth dashboard grid tile"
238
272
  },
239
- "filter3Trait": {
273
+ "tile7Trait": {
240
274
  "type": "trait",
241
- "default": "@trait.EmptyTile"
275
+ "default": "@trait.EmptyTile",
276
+ "label": "Tile slot 7",
277
+ "description": "Trait rendered in the seventh dashboard grid tile"
242
278
  },
243
- "filter2Trait": {
279
+ "tile11Trait": {
244
280
  "type": "trait",
245
- "default": "@trait.EmptyTile"
281
+ "default": "@trait.EmptyTile",
282
+ "label": "Tile slot 11",
283
+ "description": "Trait rendered in the eleventh dashboard grid tile"
246
284
  }
247
285
  },
248
286
  "scope": "instance"
@@ -261,4 +299,4 @@
261
299
  ]
262
300
  }
263
301
  ]
264
- }
302
+ }
@@ -44,10 +44,10 @@
44
44
  "render-ui",
45
45
  "main",
46
46
  {
47
- "title": "std-display is deprecated",
48
- "message": "@config.message",
47
+ "variant": "warning",
49
48
  "type": "alert",
50
- "variant": "warning"
49
+ "title": "std-display is deprecated",
50
+ "message": "@config.message"
51
51
  }
52
52
  ]
53
53
  ]
@@ -57,7 +57,9 @@
57
57
  "config": {
58
58
  "message": {
59
59
  "type": "string",
60
- "default": "std-display is deprecated — use std-stats and std-graphs instead. See docs/Almadar_Std_Verification.md gap #25."
60
+ "default": "std-display is deprecated — use std-stats and std-graphs instead. See docs/Almadar_Std_Verification.md gap #25.",
61
+ "label": "Deprecation message",
62
+ "description": "Warning text shown in the deprecated std-display alert banner"
61
63
  }
62
64
  },
63
65
  "scope": "instance"
@@ -76,4 +78,4 @@
76
78
  ]
77
79
  }
78
80
  ]
79
- }
81
+ }