@almadar/std 16.5.0 → 16.6.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.
- package/behaviors/registry/core/atoms/std-display.orb +4 -4
- package/behaviors/registry/core-variations/atoms/std-display-dashboard-summary.orb +77 -77
- package/behaviors/registry/core-variations/atoms/std-display-hero-banner.orb +20 -20
- package/behaviors/registry/core-variations/atoms/std-display-sidebar-meta.orb +74 -74
- package/dist/behaviors/registry/core/atoms/std-display.orb +4 -4
- package/dist/behaviors/registry/core-variations/atoms/std-display-dashboard-summary.orb +77 -77
- package/dist/behaviors/registry/core-variations/atoms/std-display-hero-banner.orb +20 -20
- package/dist/behaviors/registry/core-variations/atoms/std-display-sidebar-meta.orb +74 -74
- package/dist/registry/core/atoms/std-display.orb +4 -4
- package/dist/registry/core-variations/atoms/std-display-dashboard-summary.orb +77 -77
- package/dist/registry/core-variations/atoms/std-display-hero-banner.orb +20 -20
- package/dist/registry/core-variations/atoms/std-display-sidebar-meta.orb +74 -74
- package/package.json +1 -1
|
@@ -78,11 +78,10 @@
|
|
|
78
78
|
"linkedEntity": "SidebarRecord",
|
|
79
79
|
"config": {
|
|
80
80
|
"bodyContent": {
|
|
81
|
-
"gap": "md",
|
|
82
81
|
"direction": "vertical",
|
|
82
|
+
"gap": "md",
|
|
83
83
|
"children": [
|
|
84
84
|
{
|
|
85
|
-
"gap": "xs",
|
|
86
85
|
"type": "stack",
|
|
87
86
|
"direction": "vertical",
|
|
88
87
|
"children": [
|
|
@@ -95,53 +94,54 @@
|
|
|
95
94
|
},
|
|
96
95
|
{
|
|
97
96
|
"className": "leading-snug break-words",
|
|
98
|
-
"weight": "semibold",
|
|
99
|
-
"variant": "h4",
|
|
100
97
|
"type": "typography",
|
|
101
|
-
"
|
|
98
|
+
"weight": "semibold",
|
|
99
|
+
"content": "@entity.title",
|
|
100
|
+
"variant": "h4"
|
|
102
101
|
}
|
|
103
|
-
]
|
|
102
|
+
],
|
|
103
|
+
"gap": "xs"
|
|
104
104
|
},
|
|
105
105
|
{
|
|
106
106
|
"type": "divider"
|
|
107
107
|
},
|
|
108
108
|
{
|
|
109
|
-
"
|
|
110
|
-
"direction": "horizontal",
|
|
109
|
+
"justify": "between",
|
|
111
110
|
"gap": "sm",
|
|
112
111
|
"align": "center",
|
|
113
112
|
"children": [
|
|
114
113
|
{
|
|
115
|
-
"variant": "overline",
|
|
116
114
|
"type": "typography",
|
|
115
|
+
"content": "Status",
|
|
117
116
|
"color": "muted",
|
|
118
|
-
"
|
|
117
|
+
"variant": "overline"
|
|
119
118
|
},
|
|
120
119
|
{
|
|
121
120
|
"type": "badge",
|
|
122
|
-
"
|
|
123
|
-
"
|
|
121
|
+
"variant": "default",
|
|
122
|
+
"label": "@entity.status"
|
|
124
123
|
}
|
|
125
124
|
],
|
|
126
|
-
"
|
|
125
|
+
"direction": "horizontal",
|
|
126
|
+
"type": "stack"
|
|
127
127
|
},
|
|
128
128
|
{
|
|
129
129
|
"align": "center",
|
|
130
|
-
"type": "stack",
|
|
131
|
-
"direction": "horizontal",
|
|
132
130
|
"gap": "sm",
|
|
131
|
+
"type": "stack",
|
|
133
132
|
"justify": "between",
|
|
133
|
+
"direction": "horizontal",
|
|
134
134
|
"children": [
|
|
135
135
|
{
|
|
136
|
-
"color": "muted",
|
|
137
|
-
"type": "typography",
|
|
138
136
|
"content": "Priority",
|
|
137
|
+
"type": "typography",
|
|
138
|
+
"color": "muted",
|
|
139
139
|
"variant": "overline"
|
|
140
140
|
},
|
|
141
141
|
{
|
|
142
|
-
"
|
|
142
|
+
"variant": "neutral",
|
|
143
143
|
"type": "badge",
|
|
144
|
-
"
|
|
144
|
+
"label": "@entity.priority"
|
|
145
145
|
}
|
|
146
146
|
]
|
|
147
147
|
},
|
|
@@ -150,7 +150,7 @@
|
|
|
150
150
|
},
|
|
151
151
|
{
|
|
152
152
|
"type": "stack",
|
|
153
|
-
"
|
|
153
|
+
"direction": "vertical",
|
|
154
154
|
"children": [
|
|
155
155
|
{
|
|
156
156
|
"content": "Assignee",
|
|
@@ -159,95 +159,95 @@
|
|
|
159
159
|
"type": "typography"
|
|
160
160
|
},
|
|
161
161
|
{
|
|
162
|
+
"gap": "xs",
|
|
163
|
+
"align": "center",
|
|
164
|
+
"direction": "horizontal",
|
|
165
|
+
"className": "hover:bg-[var(--color-muted)] rounded-sm -mx-1 px-1 py-0.5 transition-colors cursor-pointer",
|
|
162
166
|
"children": [
|
|
163
167
|
{
|
|
164
168
|
"type": "avatar",
|
|
165
|
-
"
|
|
166
|
-
"
|
|
169
|
+
"name": "@entity.assignee",
|
|
170
|
+
"size": "xs"
|
|
167
171
|
},
|
|
168
172
|
{
|
|
169
|
-
"
|
|
173
|
+
"variant": "body2",
|
|
170
174
|
"content": "@entity.assignee",
|
|
171
|
-
"
|
|
175
|
+
"type": "typography"
|
|
172
176
|
}
|
|
173
177
|
],
|
|
174
|
-
"type": "stack"
|
|
175
|
-
"direction": "horizontal",
|
|
176
|
-
"gap": "xs",
|
|
177
|
-
"className": "hover:bg-[var(--color-muted)] rounded-sm -mx-1 px-1 py-0.5 transition-colors cursor-pointer",
|
|
178
|
-
"align": "center"
|
|
178
|
+
"type": "stack"
|
|
179
179
|
}
|
|
180
180
|
],
|
|
181
|
-
"
|
|
181
|
+
"gap": "xs"
|
|
182
182
|
},
|
|
183
183
|
{
|
|
184
|
-
"type": "stack",
|
|
185
184
|
"gap": "xs",
|
|
186
|
-
"direction": "vertical",
|
|
187
185
|
"children": [
|
|
188
186
|
{
|
|
189
187
|
"color": "muted",
|
|
190
188
|
"type": "typography",
|
|
191
|
-
"
|
|
192
|
-
"
|
|
189
|
+
"content": "Reporter",
|
|
190
|
+
"variant": "overline"
|
|
193
191
|
},
|
|
194
192
|
{
|
|
195
193
|
"gap": "xs",
|
|
196
194
|
"type": "stack",
|
|
197
195
|
"direction": "horizontal",
|
|
198
|
-
"align": "center",
|
|
199
196
|
"children": [
|
|
200
197
|
{
|
|
201
|
-
"type": "avatar",
|
|
202
198
|
"size": "xs",
|
|
203
|
-
"name": "@entity.reporter"
|
|
199
|
+
"name": "@entity.reporter",
|
|
200
|
+
"type": "avatar"
|
|
204
201
|
},
|
|
205
202
|
{
|
|
206
|
-
"variant": "body2",
|
|
207
203
|
"type": "typography",
|
|
204
|
+
"variant": "body2",
|
|
208
205
|
"content": "@entity.reporter"
|
|
209
206
|
}
|
|
210
|
-
]
|
|
207
|
+
],
|
|
208
|
+
"align": "center"
|
|
211
209
|
}
|
|
212
|
-
]
|
|
210
|
+
],
|
|
211
|
+
"type": "stack",
|
|
212
|
+
"direction": "vertical"
|
|
213
213
|
},
|
|
214
214
|
{
|
|
215
215
|
"type": "divider"
|
|
216
216
|
},
|
|
217
217
|
{
|
|
218
|
-
"
|
|
218
|
+
"direction": "horizontal",
|
|
219
219
|
"justify": "between",
|
|
220
|
+
"gap": "sm",
|
|
221
|
+
"type": "stack",
|
|
222
|
+
"align": "center",
|
|
220
223
|
"children": [
|
|
221
224
|
{
|
|
222
|
-
"color": "muted",
|
|
223
|
-
"content": "Milestone",
|
|
224
225
|
"variant": "overline",
|
|
225
|
-
"type": "typography"
|
|
226
|
+
"type": "typography",
|
|
227
|
+
"color": "muted",
|
|
228
|
+
"content": "Milestone"
|
|
226
229
|
},
|
|
227
230
|
{
|
|
228
231
|
"variant": "body2",
|
|
229
232
|
"content": "@entity.milestone",
|
|
230
233
|
"type": "typography"
|
|
231
234
|
}
|
|
232
|
-
]
|
|
233
|
-
"direction": "horizontal",
|
|
234
|
-
"gap": "sm",
|
|
235
|
-
"align": "center"
|
|
235
|
+
]
|
|
236
236
|
},
|
|
237
237
|
{
|
|
238
238
|
"direction": "vertical",
|
|
239
239
|
"type": "stack",
|
|
240
240
|
"children": [
|
|
241
241
|
{
|
|
242
|
-
"variant": "overline",
|
|
243
242
|
"content": "Labels",
|
|
244
|
-
"
|
|
245
|
-
"color": "muted"
|
|
243
|
+
"variant": "overline",
|
|
244
|
+
"color": "muted",
|
|
245
|
+
"type": "typography"
|
|
246
246
|
},
|
|
247
247
|
{
|
|
248
|
-
"
|
|
248
|
+
"type": "badge",
|
|
249
249
|
"variant": "neutral",
|
|
250
|
-
"
|
|
250
|
+
"label": "@entity.labels"
|
|
251
251
|
}
|
|
252
252
|
],
|
|
253
253
|
"gap": "xs"
|
|
@@ -256,52 +256,52 @@
|
|
|
256
256
|
"type": "divider"
|
|
257
257
|
},
|
|
258
258
|
{
|
|
259
|
-
"
|
|
259
|
+
"direction": "horizontal",
|
|
260
|
+
"type": "stack",
|
|
260
261
|
"gap": "sm",
|
|
262
|
+
"justify": "between",
|
|
261
263
|
"children": [
|
|
262
264
|
{
|
|
263
265
|
"color": "muted",
|
|
264
|
-
"type": "typography",
|
|
265
266
|
"content": "Created",
|
|
267
|
+
"type": "typography",
|
|
266
268
|
"variant": "overline"
|
|
267
269
|
},
|
|
268
270
|
{
|
|
269
|
-
"type": "typography",
|
|
270
271
|
"content": "@entity.createdAt",
|
|
272
|
+
"className": "tabular-nums",
|
|
273
|
+
"type": "typography",
|
|
271
274
|
"variant": "caption",
|
|
272
|
-
"color": "muted"
|
|
273
|
-
"className": "tabular-nums"
|
|
275
|
+
"color": "muted"
|
|
274
276
|
}
|
|
275
277
|
],
|
|
276
|
-
"type": "stack",
|
|
277
|
-
"direction": "horizontal",
|
|
278
278
|
"align": "center"
|
|
279
279
|
},
|
|
280
280
|
{
|
|
281
|
+
"gap": "sm",
|
|
282
|
+
"direction": "horizontal",
|
|
283
|
+
"type": "stack",
|
|
284
|
+
"align": "center",
|
|
285
|
+
"justify": "between",
|
|
281
286
|
"children": [
|
|
282
287
|
{
|
|
283
|
-
"variant": "overline",
|
|
284
|
-
"content": "Updated",
|
|
285
288
|
"type": "typography",
|
|
286
|
-
"
|
|
289
|
+
"content": "Updated",
|
|
290
|
+
"color": "muted",
|
|
291
|
+
"variant": "overline"
|
|
287
292
|
},
|
|
288
293
|
{
|
|
289
|
-
"
|
|
294
|
+
"content": "@entity.updatedAt",
|
|
290
295
|
"className": "tabular-nums",
|
|
291
|
-
"
|
|
296
|
+
"variant": "caption",
|
|
292
297
|
"type": "typography",
|
|
293
|
-
"
|
|
298
|
+
"color": "muted"
|
|
294
299
|
}
|
|
295
|
-
]
|
|
296
|
-
"type": "stack",
|
|
297
|
-
"direction": "horizontal",
|
|
298
|
-
"gap": "sm",
|
|
299
|
-
"justify": "between",
|
|
300
|
-
"align": "center"
|
|
300
|
+
]
|
|
301
301
|
}
|
|
302
302
|
],
|
|
303
|
-
"
|
|
304
|
-
"
|
|
303
|
+
"className": "max-w-[280px] w-full p-card-md",
|
|
304
|
+
"type": "stack"
|
|
305
305
|
}
|
|
306
306
|
}
|
|
307
307
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "std-display",
|
|
3
3
|
"version": "1.2.0",
|
|
4
|
-
"description": "std-display — record-detail display atom. Owns the idle state-machine; consumers configure bodyContent to render any single-record detail view (
|
|
4
|
+
"description": "std-display — record-detail display atom. Owns the idle state-machine; consumers configure bodyContent to render any single-record detail view (default is a deprecation alert). Layer 3 variants override bodyContent to deliver hero-banner / sidebar-meta / dashboard-summary layouts. Known gap (2026-05-28, Almadar_Std_Gaps.md): variants that add new typed entity fields (tiles, headline, …) cannot auto-populate them in catalog/preview because (a) lolo phase 9.5.H removed effects-override at trait call sites, (b) validator forbids `object`-typed config bags (`ORB_T_CONFIG_OBJECT_ARRAY_FORBIDDEN`), (c) `set @entity` requires a static field path, and (d) variants can only override existing config knobs, not declare new typed ones. Fix requires either restoring effects-override grammar, adding an `entity/merge` SExpr operator, or relaxing the config-object ban for declared-shape variants.",
|
|
5
5
|
"orbitals": [
|
|
6
6
|
{
|
|
7
7
|
"name": "DisplayItemOrbital",
|
|
@@ -62,10 +62,10 @@
|
|
|
62
62
|
"bodyContent": {
|
|
63
63
|
"type": "render-ui",
|
|
64
64
|
"default": {
|
|
65
|
-
"type": "alert",
|
|
66
|
-
"variant": "warning",
|
|
67
65
|
"title": "std-display is deprecated",
|
|
68
|
-
"
|
|
66
|
+
"type": "alert",
|
|
67
|
+
"message": "@config.message",
|
|
68
|
+
"variant": "warning"
|
|
69
69
|
},
|
|
70
70
|
"label": "Body content tree",
|
|
71
71
|
"description": "Render-ui SExpr rendered in the idle state. Default is the deprecation alert. Layer 3 variants override this with their own record-detail tree (hero-banner / sidebar-meta / dashboard-summary) to deliver different detail UX while inheriting the same trait, state machine, and page binding.",
|
|
@@ -46,20 +46,20 @@
|
|
|
46
46
|
"type": "number",
|
|
47
47
|
"required": false
|
|
48
48
|
},
|
|
49
|
-
"
|
|
50
|
-
"name": "
|
|
49
|
+
"icon": {
|
|
50
|
+
"name": "icon",
|
|
51
51
|
"type": "string",
|
|
52
|
-
"required":
|
|
52
|
+
"required": false
|
|
53
53
|
},
|
|
54
54
|
"label": {
|
|
55
55
|
"name": "label",
|
|
56
56
|
"type": "string",
|
|
57
57
|
"required": true
|
|
58
58
|
},
|
|
59
|
-
"
|
|
60
|
-
"name": "
|
|
59
|
+
"value": {
|
|
60
|
+
"name": "value",
|
|
61
61
|
"type": "string",
|
|
62
|
-
"required":
|
|
62
|
+
"required": true
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
}
|
|
@@ -135,18 +135,17 @@
|
|
|
135
135
|
"linkedEntity": "SummaryRecord",
|
|
136
136
|
"config": {
|
|
137
137
|
"bodyContent": {
|
|
138
|
+
"type": "stack",
|
|
139
|
+
"gap": "sm",
|
|
138
140
|
"className": "w-full max-w-6xl mx-auto px-card-md py-card-md",
|
|
141
|
+
"direction": "vertical",
|
|
139
142
|
"children": [
|
|
140
143
|
{
|
|
141
144
|
"className": "pb-card-sm",
|
|
142
145
|
"type": "stack",
|
|
143
|
-
"direction": "horizontal",
|
|
144
|
-
"gap": "md",
|
|
145
146
|
"justify": "between",
|
|
146
|
-
"align": "center",
|
|
147
147
|
"children": [
|
|
148
148
|
{
|
|
149
|
-
"type": "stack",
|
|
150
149
|
"children": [
|
|
151
150
|
{
|
|
152
151
|
"variant": "h3",
|
|
@@ -155,188 +154,189 @@
|
|
|
155
154
|
"type": "typography"
|
|
156
155
|
},
|
|
157
156
|
{
|
|
158
|
-
"variant": "caption",
|
|
159
|
-
"type": "typography",
|
|
160
157
|
"content": "@entity.period",
|
|
161
|
-
"
|
|
158
|
+
"variant": "caption",
|
|
159
|
+
"color": "muted",
|
|
160
|
+
"type": "typography"
|
|
162
161
|
}
|
|
163
162
|
],
|
|
164
|
-
"
|
|
165
|
-
"direction": "vertical"
|
|
163
|
+
"type": "stack",
|
|
164
|
+
"direction": "vertical",
|
|
165
|
+
"gap": "xs"
|
|
166
166
|
},
|
|
167
167
|
{
|
|
168
|
-
"
|
|
168
|
+
"type": "button",
|
|
169
169
|
"variant": "ghost",
|
|
170
|
+
"size": "sm",
|
|
170
171
|
"icon": "filter",
|
|
171
172
|
"action": "@entity.filterEvent",
|
|
172
|
-
"type": "button",
|
|
173
173
|
"label": "Filter"
|
|
174
174
|
}
|
|
175
|
-
]
|
|
175
|
+
],
|
|
176
|
+
"direction": "horizontal",
|
|
177
|
+
"align": "center",
|
|
178
|
+
"gap": "md"
|
|
176
179
|
},
|
|
177
180
|
{
|
|
181
|
+
"gap": "sm",
|
|
178
182
|
"className": "w-full",
|
|
183
|
+
"type": "simple-grid",
|
|
179
184
|
"children": [
|
|
180
185
|
{
|
|
186
|
+
"fields": [],
|
|
187
|
+
"gap": "sm",
|
|
181
188
|
"type": "data-list",
|
|
182
189
|
"entity": "@entity.tiles",
|
|
183
|
-
"gap": "sm",
|
|
184
|
-
"fields": [],
|
|
185
190
|
"renderItem": [
|
|
186
191
|
"fn",
|
|
187
192
|
"tile",
|
|
188
193
|
{
|
|
189
|
-
"type": "card",
|
|
190
|
-
"variant": "elevated",
|
|
191
194
|
"className": "rounded-lg shadow-elevation-sm",
|
|
192
195
|
"children": [
|
|
193
196
|
{
|
|
197
|
+
"direction": "vertical",
|
|
198
|
+
"gap": "xs",
|
|
199
|
+
"type": "stack",
|
|
194
200
|
"children": [
|
|
195
201
|
{
|
|
196
|
-
"justify": "between",
|
|
197
|
-
"gap": "xs",
|
|
198
202
|
"type": "stack",
|
|
203
|
+
"align": "center",
|
|
199
204
|
"children": [
|
|
200
205
|
{
|
|
201
|
-
"variant": "overline",
|
|
202
|
-
"className": "uppercase tracking-wide",
|
|
203
206
|
"type": "typography",
|
|
204
207
|
"color": "muted",
|
|
205
208
|
"weight": "semibold",
|
|
206
|
-
"content": "@tile.label"
|
|
209
|
+
"content": "@tile.label",
|
|
210
|
+
"className": "uppercase tracking-wide",
|
|
211
|
+
"variant": "overline"
|
|
207
212
|
},
|
|
208
213
|
{
|
|
209
|
-
"
|
|
214
|
+
"name": "@tile.icon",
|
|
210
215
|
"type": "icon",
|
|
211
216
|
"size": "sm",
|
|
212
|
-
"
|
|
217
|
+
"color": "muted"
|
|
213
218
|
}
|
|
214
219
|
],
|
|
215
|
-
"
|
|
216
|
-
"
|
|
220
|
+
"direction": "horizontal",
|
|
221
|
+
"justify": "between",
|
|
222
|
+
"gap": "xs"
|
|
217
223
|
},
|
|
218
224
|
{
|
|
219
|
-
"content": "@tile.value",
|
|
220
225
|
"weight": "semibold",
|
|
221
|
-
"variant": "h2",
|
|
222
226
|
"type": "typography",
|
|
227
|
+
"content": "@tile.value",
|
|
228
|
+
"variant": "h2",
|
|
223
229
|
"className": "tabular-nums"
|
|
224
230
|
},
|
|
225
231
|
{
|
|
226
|
-
"
|
|
232
|
+
"showValue": true,
|
|
227
233
|
"size": "sm",
|
|
228
|
-
"
|
|
229
|
-
"
|
|
234
|
+
"value": "@tile.trend",
|
|
235
|
+
"type": "trend-indicator"
|
|
230
236
|
}
|
|
231
|
-
]
|
|
232
|
-
"gap": "xs",
|
|
233
|
-
"type": "stack",
|
|
234
|
-
"direction": "vertical"
|
|
237
|
+
]
|
|
235
238
|
}
|
|
236
239
|
],
|
|
237
|
-
"padding": "md"
|
|
240
|
+
"padding": "md",
|
|
241
|
+
"variant": "elevated",
|
|
242
|
+
"type": "card"
|
|
238
243
|
}
|
|
239
244
|
]
|
|
240
245
|
}
|
|
241
246
|
],
|
|
242
|
-
"cols": 4.0
|
|
243
|
-
"type": "simple-grid",
|
|
244
|
-
"gap": "sm"
|
|
247
|
+
"cols": 4.0
|
|
245
248
|
},
|
|
246
249
|
{
|
|
247
|
-
"
|
|
250
|
+
"direction": "horizontal",
|
|
248
251
|
"gap": "xs",
|
|
252
|
+
"type": "stack",
|
|
249
253
|
"children": [
|
|
250
254
|
{
|
|
251
|
-
"type": "data-list",
|
|
252
255
|
"fields": [],
|
|
253
256
|
"renderItem": [
|
|
254
257
|
"fn",
|
|
255
258
|
"pill",
|
|
256
259
|
{
|
|
260
|
+
"variant": "@pill.tone",
|
|
257
261
|
"type": "badge",
|
|
258
262
|
"label": "@pill.label",
|
|
259
|
-
"variant": "@pill.tone",
|
|
260
263
|
"size": "sm"
|
|
261
264
|
}
|
|
262
265
|
],
|
|
263
266
|
"gap": "sm",
|
|
267
|
+
"type": "data-list",
|
|
264
268
|
"entity": "@entity.statuses"
|
|
265
269
|
}
|
|
266
270
|
],
|
|
267
|
-
"
|
|
268
|
-
"direction": "horizontal"
|
|
271
|
+
"className": "flex-wrap"
|
|
269
272
|
},
|
|
270
273
|
{
|
|
271
274
|
"type": "divider"
|
|
272
275
|
},
|
|
273
276
|
{
|
|
274
|
-
"direction": "vertical",
|
|
275
|
-
"gap": "none",
|
|
276
|
-
"type": "stack",
|
|
277
277
|
"className": "rounded-lg shadow-elevation-sm w-full",
|
|
278
278
|
"children": [
|
|
279
279
|
{
|
|
280
|
-
"type": "card",
|
|
281
280
|
"children": [
|
|
282
281
|
{
|
|
282
|
+
"type": "stack",
|
|
283
|
+
"direction": "vertical",
|
|
283
284
|
"children": [
|
|
284
285
|
{
|
|
285
286
|
"type": "stack",
|
|
286
|
-
"gap": "sm",
|
|
287
287
|
"direction": "horizontal",
|
|
288
|
+
"gap": "sm",
|
|
288
289
|
"align": "baseline",
|
|
289
290
|
"justify": "between",
|
|
290
291
|
"children": [
|
|
291
292
|
{
|
|
293
|
+
"direction": "vertical",
|
|
294
|
+
"gap": "xs",
|
|
295
|
+
"type": "stack",
|
|
292
296
|
"children": [
|
|
293
297
|
{
|
|
294
|
-
"
|
|
298
|
+
"type": "typography",
|
|
295
299
|
"variant": "h4",
|
|
296
|
-
"
|
|
297
|
-
"
|
|
300
|
+
"weight": "semibold",
|
|
301
|
+
"content": "@entity.chartTitle"
|
|
298
302
|
},
|
|
299
303
|
{
|
|
300
304
|
"content": "@entity.chartSubtitle",
|
|
301
|
-
"color": "muted",
|
|
302
305
|
"type": "typography",
|
|
306
|
+
"color": "muted",
|
|
303
307
|
"variant": "caption"
|
|
304
308
|
}
|
|
305
|
-
]
|
|
306
|
-
"type": "stack",
|
|
307
|
-
"direction": "vertical",
|
|
308
|
-
"gap": "xs"
|
|
309
|
+
]
|
|
309
310
|
},
|
|
310
311
|
{
|
|
311
|
-
"label": "@entity.period",
|
|
312
|
-
"type": "badge",
|
|
313
312
|
"size": "sm",
|
|
314
|
-
"
|
|
313
|
+
"type": "badge",
|
|
314
|
+
"variant": "default",
|
|
315
|
+
"label": "@entity.period"
|
|
315
316
|
}
|
|
316
317
|
]
|
|
317
318
|
},
|
|
318
319
|
{
|
|
319
|
-
"
|
|
320
|
-
"chartType": "line",
|
|
320
|
+
"data": "@entity.chartData",
|
|
321
321
|
"height": 280.0,
|
|
322
322
|
"type": "chart",
|
|
323
|
-
"
|
|
323
|
+
"showLegend": false,
|
|
324
|
+
"chartType": "line"
|
|
324
325
|
}
|
|
325
326
|
],
|
|
326
|
-
"
|
|
327
|
-
"gap": "md",
|
|
328
|
-
"direction": "vertical"
|
|
327
|
+
"gap": "md"
|
|
329
328
|
}
|
|
330
329
|
],
|
|
331
330
|
"padding": "lg",
|
|
332
|
-
"variant": "elevated"
|
|
331
|
+
"variant": "elevated",
|
|
332
|
+
"type": "card"
|
|
333
333
|
}
|
|
334
|
-
]
|
|
334
|
+
],
|
|
335
|
+
"gap": "none",
|
|
336
|
+
"type": "stack",
|
|
337
|
+
"direction": "vertical"
|
|
335
338
|
}
|
|
336
|
-
]
|
|
337
|
-
"type": "stack",
|
|
338
|
-
"gap": "sm",
|
|
339
|
-
"direction": "vertical"
|
|
339
|
+
]
|
|
340
340
|
}
|
|
341
341
|
}
|
|
342
342
|
}
|