@almadar/std 16.23.0 → 16.24.0

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 (19) hide show
  1. package/behaviors/registry/ui/core/atoms/ui-day-cell.orb +10 -4
  2. package/behaviors/registry/ui/core/molecules/ui-calendar-grid.orb +125 -30
  3. package/behaviors/registry/ui/core/molecules/ui-graph-view.orb +166 -62
  4. package/behaviors/registry/ui/core/molecules/ui-line-chart.orb +44 -44
  5. package/behaviors/registry/ui/core/organisms/ui-chart.orb +176 -176
  6. package/behaviors/registry/ui/game/organisms/ui-battle-board.orb +1239 -179
  7. package/dist/behaviors/registry/ui/core/atoms/ui-day-cell.orb +10 -4
  8. package/dist/behaviors/registry/ui/core/molecules/ui-calendar-grid.orb +125 -30
  9. package/dist/behaviors/registry/ui/core/molecules/ui-graph-view.orb +166 -62
  10. package/dist/behaviors/registry/ui/core/molecules/ui-line-chart.orb +44 -44
  11. package/dist/behaviors/registry/ui/core/organisms/ui-chart.orb +176 -176
  12. package/dist/behaviors/registry/ui/game/organisms/ui-battle-board.orb +1239 -179
  13. package/dist/registry/ui/core/atoms/ui-day-cell.orb +10 -4
  14. package/dist/registry/ui/core/molecules/ui-calendar-grid.orb +125 -30
  15. package/dist/registry/ui/core/molecules/ui-graph-view.orb +166 -62
  16. package/dist/registry/ui/core/molecules/ui-line-chart.orb +44 -44
  17. package/dist/registry/ui/core/organisms/ui-chart.orb +176 -176
  18. package/dist/registry/ui/game/organisms/ui-battle-board.orb +1239 -179
  19. package/package.json +1 -1
package/behaviors/registry/ui/core/molecules/ui-line-chart.orb CHANGED
@@ -49,16 +49,16 @@
49
49
  "render-ui",
50
50
  "main",
51
51
  {
52
- "data": "@config.data",
53
52
  "showGrid": "@config.showGrid",
54
- "showValues": "@config.showValues",
55
- "showArea": "@config.showArea",
53
+ "lineColor": "@config.lineColor",
56
54
  "areaColor": "@config.areaColor",
57
55
  "className": "@config.className",
58
56
  "width": "@config.width",
59
- "lineColor": "@config.lineColor",
60
57
  "height": "@config.height",
61
- "type": "line-chart"
58
+ "showValues": "@config.showValues",
59
+ "showArea": "@config.showArea",
60
+ "type": "line-chart",
61
+ "data": "@config.data"
62
62
  }
63
63
  ]
64
64
  ]
@@ -66,18 +66,18 @@
66
66
  ]
67
67
  },
68
68
  "config": {
69
- "height": {
70
- "type": "number",
71
- "default": 200.0,
72
- "label": "Height",
73
- "description": "SVG viewBox height",
69
+ "areaColor": {
70
+ "type": "string",
71
+ "default": "var(--color-primary)",
72
+ "label": "Area Color",
73
+ "description": "Area fill color (used for gradient)",
74
74
  "tier": "presentation"
75
75
  },
76
- "width": {
77
- "type": "number",
78
- "default": 400.0,
79
- "label": "Width",
80
- "description": "SVG viewBox width",
76
+ "className": {
77
+ "type": "string",
78
+ "default": "",
79
+ "label": "Class Name",
80
+ "description": "Additional CSS classes",
81
81
  "tier": "presentation"
82
82
  },
83
83
  "showArea": {
@@ -94,27 +94,6 @@
94
94
  "description": "Show value labels near data points",
95
95
  "tier": "presentation"
96
96
  },
97
- "lineColor": {
98
- "type": "string",
99
- "default": "var(--color-primary)",
100
- "label": "Line Color",
101
- "description": "Line stroke color",
102
- "tier": "presentation"
103
- },
104
- "showGrid": {
105
- "type": "boolean",
106
- "default": true,
107
- "label": "Show Grid",
108
- "description": "Show horizontal grid lines at 25/50/75%",
109
- "tier": "presentation"
110
- },
111
- "className": {
112
- "type": "string",
113
- "default": "",
114
- "label": "Class Name",
115
- "description": "Additional CSS classes",
116
- "tier": "presentation"
117
- },
118
97
  "data": {
119
98
  "type": "[LineChartDataItem]",
120
99
  "default": [],
@@ -124,11 +103,6 @@
124
103
  "items": {
125
104
  "type": "object",
126
105
  "properties": {
127
- "date": {
128
- "name": "date",
129
- "type": "date",
130
- "required": true
131
- },
132
106
  "label": {
133
107
  "name": "label",
134
108
  "type": "string",
@@ -138,15 +112,41 @@
138
112
  "name": "value",
139
113
  "type": "number",
140
114
  "required": true
115
+ },
116
+ "date": {
117
+ "name": "date",
118
+ "type": "date",
119
+ "required": true
141
120
  }
142
121
  }
143
122
  }
144
123
  },
145
- "areaColor": {
124
+ "lineColor": {
146
125
  "type": "string",
147
126
  "default": "var(--color-primary)",
148
- "label": "Area Color",
149
- "description": "Area fill color (used for gradient)",
127
+ "label": "Line Color",
128
+ "description": "Line stroke color",
129
+ "tier": "presentation"
130
+ },
131
+ "height": {
132
+ "type": "number",
133
+ "default": 200.0,
134
+ "label": "Height",
135
+ "description": "SVG viewBox height",
136
+ "tier": "presentation"
137
+ },
138
+ "width": {
139
+ "type": "number",
140
+ "default": 400.0,
141
+ "label": "Width",
142
+ "description": "SVG viewBox width",
143
+ "tier": "presentation"
144
+ },
145
+ "showGrid": {
146
+ "type": "boolean",
147
+ "default": true,
148
+ "label": "Show Grid",
149
+ "description": "Show horizontal grid lines at 25/50/75%",
150
150
  "tier": "presentation"
151
151
  }
152
152
  },
package/behaviors/registry/ui/core/organisms/ui-chart.orb CHANGED
@@ -54,25 +54,25 @@
54
54
  "render-ui",
55
55
  "main",
56
56
  {
57
- "stack": "@config.stack",
58
- "entity": "ChartItem",
59
- "chartType": "@config.chartType",
60
- "error": "@config.error",
61
- "showLegend": "@config.showLegend",
57
+ "subtitle": "@config.subtitle",
58
+ "showValues": "@config.showValues",
59
+ "isLoading": "@config.isLoading",
60
+ "drillEvent": "@config.drillEvent",
62
61
  "data": "@config.data",
62
+ "stack": "@config.stack",
63
63
  "scatterData": "@config.scatterData",
64
- "look": "@config.look",
65
- "height": "@config.height",
66
- "isLoading": "@config.isLoading",
67
- "showValues": "@config.showValues",
64
+ "error": "@config.error",
68
65
  "series": "@config.series",
69
- "title": "@config.title",
70
- "className": "@config.className",
66
+ "chartType": "@config.chartType",
71
67
  "timeAxis": "@config.timeAxis",
72
- "subtitle": "@config.subtitle",
73
- "drillEvent": "@config.drillEvent",
68
+ "type": "chart",
69
+ "look": "@config.look",
70
+ "height": "@config.height",
71
+ "showLegend": "@config.showLegend",
74
72
  "actions": "@config.actions",
75
- "type": "chart"
73
+ "entity": "ChartItem",
74
+ "title": "@config.title",
75
+ "className": "@config.className"
76
76
  }
77
77
  ]
78
78
  ]
@@ -80,32 +80,37 @@
80
80
  ]
81
81
  },
82
82
  "config": {
83
- "data": {
84
- "type": "[ChartDataItem]",
85
- "default": [],
86
- "label": "Data",
87
- "description": "Simple single-series shorthand (bar/line/pie/area/donut/histogram)",
83
+ "showValues": {
84
+ "type": "boolean",
85
+ "default": false,
86
+ "label": "Show Values",
87
+ "description": "Show values on chart",
88
+ "tier": "presentation"
89
+ },
90
+ "look": {
91
+ "type": "string",
92
+ "default": "bar-vertical",
93
+ "label": "Look",
94
+ "description": "Layer 2 visual treatment — drives the chart sub-renderer (bar / line / pie / etc.).",
95
+ "synonyms": "chart style, render style, visual treatment",
88
96
  "tier": "presentation",
89
- "items": {
90
- "type": "object",
91
- "properties": {
92
- "value": {
93
- "name": "value",
94
- "type": "number",
95
- "required": true
96
- },
97
- "label": {
98
- "name": "label",
99
- "type": "string",
100
- "required": false
101
- },
102
- "date": {
103
- "name": "date",
104
- "type": "date",
105
- "required": true
106
- }
107
- }
108
- }
97
+ "values": [
98
+ "bar-vertical",
99
+ "bar-horizontal",
100
+ "line",
101
+ "area",
102
+ "pie",
103
+ "donut",
104
+ "scatter",
105
+ "histogram"
106
+ ]
107
+ },
108
+ "height": {
109
+ "type": "number",
110
+ "default": 200.0,
111
+ "label": "Height",
112
+ "description": "Chart height in px",
113
+ "tier": "presentation"
109
114
  },
110
115
  "scatterData": {
111
116
  "type": "[ChartScatterDataItem]",
@@ -116,14 +121,9 @@
116
121
  "items": {
117
122
  "type": "object",
118
123
  "properties": {
119
- "y": {
120
- "name": "y",
124
+ "size": {
125
+ "name": "size",
121
126
  "type": "number",
122
- "required": true
123
- },
124
- "color": {
125
- "name": "color",
126
- "type": "string",
127
127
  "required": false
128
128
  },
129
129
  "x": {
@@ -131,38 +131,81 @@
131
131
  "type": "number",
132
132
  "required": true
133
133
  },
134
- "size": {
135
- "name": "size",
136
- "type": "number",
137
- "required": false
138
- },
139
134
  "label": {
140
135
  "name": "label",
141
136
  "type": "string",
142
137
  "required": false
138
+ },
139
+ "color": {
140
+ "name": "color",
141
+ "type": "string",
142
+ "required": false
143
+ },
144
+ "y": {
145
+ "name": "y",
146
+ "type": "number",
147
+ "required": true
143
148
  }
144
149
  }
145
150
  }
146
151
  },
147
- "timeAxis": {
152
+ "isLoading": {
148
153
  "type": "boolean",
149
154
  "default": false,
150
- "label": "Time Axis",
151
- "description": "Format X-axis labels as time (ISO date in → 'Mar 2026'-style label out)",
155
+ "label": "Is Loading",
156
+ "description": "Loading state",
152
157
  "tier": "presentation"
153
158
  },
154
- "showLegend": {
155
- "type": "boolean",
156
- "default": true,
157
- "label": "Show Legend",
158
- "description": "Show legend",
159
- "tier": "presentation"
159
+ "chartType": {
160
+ "type": "string",
161
+ "default": "bar",
162
+ "label": "Chart Type",
163
+ "description": "Chart type (legacy alias for `look`).",
164
+ "synonyms": "chart style, graph type, bar chart, line chart, pie chart, area chart, donut chart, scatter plot, histogram",
165
+ "tier": "domain",
166
+ "values": [
167
+ "bar",
168
+ "line",
169
+ "pie",
170
+ "area",
171
+ "donut",
172
+ "scatter",
173
+ "histogram"
174
+ ]
160
175
  },
161
- "className": {
176
+ "error": {
177
+ "type": "ChartError",
178
+ "label": "Error",
179
+ "description": "Error state",
180
+ "tier": "presentation",
181
+ "properties": {
182
+ "code": {
183
+ "name": "code",
184
+ "type": "string",
185
+ "required": false
186
+ },
187
+ "stack": {
188
+ "name": "stack",
189
+ "type": "string",
190
+ "required": false
191
+ },
192
+ "message": {
193
+ "name": "message",
194
+ "type": "string",
195
+ "required": true
196
+ },
197
+ "name": {
198
+ "name": "name",
199
+ "type": "string",
200
+ "required": false
201
+ }
202
+ }
203
+ },
204
+ "drillEvent": {
162
205
  "type": "string",
163
206
  "default": "",
164
- "label": "Class Name",
165
- "description": "Additional CSS classes",
207
+ "label": "Drill Event",
208
+ "description": "Event name emitted as `UI:{drillEvent}` with `{ label, value, seriesLabel? }` on data-point click",
166
209
  "tier": "presentation"
167
210
  },
168
211
  "title": {
@@ -172,6 +215,47 @@
172
215
  "description": "Chart title",
173
216
  "tier": "presentation"
174
217
  },
218
+ "timeAxis": {
219
+ "type": "boolean",
220
+ "default": false,
221
+ "label": "Time Axis",
222
+ "description": "Format X-axis labels as time (ISO date in → 'Mar 2026'-style label out)",
223
+ "tier": "presentation"
224
+ },
225
+ "data": {
226
+ "type": "[ChartDataItem]",
227
+ "default": [],
228
+ "label": "Data",
229
+ "description": "Simple single-series shorthand (bar/line/pie/area/donut/histogram)",
230
+ "tier": "presentation",
231
+ "items": {
232
+ "type": "object",
233
+ "properties": {
234
+ "label": {
235
+ "name": "label",
236
+ "type": "string",
237
+ "required": false
238
+ },
239
+ "value": {
240
+ "name": "value",
241
+ "type": "number",
242
+ "required": true
243
+ },
244
+ "date": {
245
+ "name": "date",
246
+ "type": "date",
247
+ "required": true
248
+ }
249
+ }
250
+ }
251
+ },
252
+ "showLegend": {
253
+ "type": "boolean",
254
+ "default": true,
255
+ "label": "Show Legend",
256
+ "description": "Show legend",
257
+ "tier": "presentation"
258
+ },
175
259
  "stack": {
176
260
  "type": "string",
177
261
  "default": "none",
@@ -184,13 +268,6 @@
184
268
  "normalize"
185
269
  ]
186
270
  },
187
- "height": {
188
- "type": "number",
189
- "default": 200.0,
190
- "label": "Height",
191
- "description": "Chart height in px",
192
- "tier": "presentation"
193
- },
194
271
  "actions": {
195
272
  "type": "[ChartActionsItem]",
196
273
  "default": [],
@@ -200,8 +277,8 @@
200
277
  "items": {
201
278
  "type": "object",
202
279
  "properties": {
203
- "navigatesTo": {
204
- "name": "navigatesTo",
280
+ "event": {
281
+ "name": "event",
205
282
  "type": "string",
206
283
  "required": false
207
284
  },
@@ -210,11 +287,6 @@
210
287
  "type": "string",
211
288
  "required": true
212
289
  },
213
- "event": {
214
- "name": "event",
215
- "type": "string",
216
- "required": false
217
- },
218
290
  "variant": {
219
291
  "name": "variant",
220
292
  "type": "string",
@@ -224,99 +296,20 @@
224
296
  "secondary",
225
297
  "ghost"
226
298
  ]
299
+ },
300
+ "navigatesTo": {
301
+ "name": "navigatesTo",
302
+ "type": "string",
303
+ "required": false
227
304
  }
228
305
  }
229
306
  }
230
307
  },
231
- "isLoading": {
232
- "type": "boolean",
233
- "default": false,
234
- "label": "Is Loading",
235
- "description": "Loading state",
236
- "tier": "presentation"
237
- },
238
- "showValues": {
239
- "type": "boolean",
240
- "default": false,
241
- "label": "Show Values",
242
- "description": "Show values on chart",
243
- "tier": "presentation"
244
- },
245
- "subtitle": {
246
- "type": "string",
247
- "default": "",
248
- "label": "Subtitle",
249
- "description": "Chart subtitle / description",
250
- "tier": "presentation"
251
- },
252
- "chartType": {
253
- "type": "string",
254
- "default": "bar",
255
- "label": "Chart Type",
256
- "description": "Chart type (legacy alias for `look`).",
257
- "synonyms": "chart style, graph type, bar chart, line chart, pie chart, area chart, donut chart, scatter plot, histogram",
258
- "tier": "domain",
259
- "values": [
260
- "bar",
261
- "line",
262
- "pie",
263
- "area",
264
- "donut",
265
- "scatter",
266
- "histogram"
267
- ]
268
- },
269
- "look": {
270
- "type": "string",
271
- "default": "bar-vertical",
272
- "label": "Look",
273
- "description": "Layer 2 visual treatment — drives the chart sub-renderer (bar / line / pie / etc.).",
274
- "synonyms": "chart style, render style, visual treatment",
275
- "tier": "presentation",
276
- "values": [
277
- "bar-vertical",
278
- "bar-horizontal",
279
- "line",
280
- "area",
281
- "pie",
282
- "donut",
283
- "scatter",
284
- "histogram"
285
- ]
286
- },
287
- "error": {
288
- "type": "ChartError",
289
- "label": "Error",
290
- "description": "Error state",
291
- "tier": "presentation",
292
- "properties": {
293
- "name": {
294
- "name": "name",
295
- "type": "string",
296
- "required": false
297
- },
298
- "message": {
299
- "name": "message",
300
- "type": "string",
301
- "required": true
302
- },
303
- "stack": {
304
- "name": "stack",
305
- "type": "string",
306
- "required": false
307
- },
308
- "code": {
309
- "name": "code",
310
- "type": "string",
311
- "required": false
312
- }
313
- }
314
- },
315
- "drillEvent": {
308
+ "className": {
316
309
  "type": "string",
317
310
  "default": "",
318
- "label": "Drill Event",
319
- "description": "Event name emitted as `UI:{drillEvent}` with `{ label, value, seriesLabel? }` on data-point click",
311
+ "label": "Class Name",
312
+ "description": "Additional CSS classes",
320
313
  "tier": "presentation"
321
314
  },
322
315
  "series": {
@@ -328,20 +321,20 @@
328
321
  "items": {
329
322
  "type": "object",
330
323
  "properties": {
331
- "name": {
332
- "name": "name",
324
+ "color": {
325
+ "name": "color",
333
326
  "type": "string",
334
- "required": true
327
+ "required": false
335
328
  },
336
329
  "dashed": {
337
330
  "name": "dashed",
338
331
  "type": "boolean",
339
332
  "required": false
340
333
  },
341
- "color": {
342
- "name": "color",
334
+ "name": {
335
+ "name": "name",
343
336
  "type": "string",
344
- "required": false
337
+ "required": true
345
338
  },
346
339
  "data": {
347
340
  "name": "data",
@@ -350,9 +343,9 @@
350
343
  "items": {
351
344
  "type": "object",
352
345
  "properties": {
353
- "date": {
354
- "name": "date",
355
- "type": "date",
346
+ "value": {
347
+ "name": "value",
348
+ "type": "number",
356
349
  "required": true
357
350
  },
358
351
  "label": {
@@ -360,9 +353,9 @@
360
353
  "type": "string",
361
354
  "required": false
362
355
  },
363
- "value": {
364
- "name": "value",
365
- "type": "number",
356
+ "date": {
357
+ "name": "date",
358
+ "type": "date",
366
359
  "required": true
367
360
  }
368
361
  }
@@ -370,6 +363,13 @@
370
363
  }
371
364
  }
372
365
  }
366
+ },
367
+ "subtitle": {
368
+ "type": "string",
369
+ "default": "",
370
+ "label": "Subtitle",
371
+ "description": "Chart subtitle / description",
372
+ "tier": "presentation"
373
373
  }
374
374
  },
375
375
  "scope": "instance"