layerchart 0.76.0 → 0.76.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.
|
@@ -342,14 +342,16 @@
|
|
|
342
342
|
onClick={(item) => $selectedSeries.toggleSelected(item.value)}
|
|
343
343
|
onPointerEnter={(item) => (highlightSeriesKey = item.value)}
|
|
344
344
|
onPointerLeave={(item) => (highlightSeriesKey = null)}
|
|
345
|
+
{...props.legend}
|
|
346
|
+
{...typeof legend === 'object' ? legend : null}
|
|
345
347
|
classes={{
|
|
346
348
|
item: (item) =>
|
|
347
349
|
visibleSeries.length && !visibleSeries.some((s) => s.key === item.value)
|
|
348
350
|
? 'opacity-50'
|
|
349
351
|
: '',
|
|
352
|
+
...props.legend?.classes,
|
|
353
|
+
...(typeof legend === 'object' ? legend.classes : null),
|
|
350
354
|
}}
|
|
351
|
-
{...props.legend}
|
|
352
|
-
{...typeof legend === 'object' ? legend : null}
|
|
353
355
|
/>
|
|
354
356
|
{/if}
|
|
355
357
|
</slot>
|
|
@@ -397,14 +397,16 @@
|
|
|
397
397
|
onClick={(item) => $selectedSeries.toggleSelected(item.value)}
|
|
398
398
|
onPointerEnter={(item) => (highlightSeriesKey = item.value)}
|
|
399
399
|
onPointerLeave={(item) => (highlightSeriesKey = null)}
|
|
400
|
+
{...props.legend}
|
|
401
|
+
{...typeof legend === 'object' ? legend : null}
|
|
400
402
|
classes={{
|
|
401
403
|
item: (item) =>
|
|
402
404
|
visibleSeries.length && !visibleSeries.some((s) => s.key === item.value)
|
|
403
405
|
? 'opacity-50'
|
|
404
406
|
: '',
|
|
407
|
+
...props.legend?.classes,
|
|
408
|
+
...(typeof legend === 'object' ? legend.classes : null),
|
|
405
409
|
}}
|
|
406
|
-
{...props.legend}
|
|
407
|
-
{...typeof legend === 'object' ? legend : null}
|
|
408
410
|
/>
|
|
409
411
|
{/if}
|
|
410
412
|
</slot>
|
|
@@ -276,14 +276,16 @@
|
|
|
276
276
|
onClick={(item) => $selectedSeries.toggleSelected(item.value)}
|
|
277
277
|
onPointerEnter={(item) => (highlightSeriesKey = item.value)}
|
|
278
278
|
onPointerLeave={(item) => (highlightSeriesKey = null)}
|
|
279
|
+
{...props.legend}
|
|
280
|
+
{...typeof legend === 'object' ? legend : null}
|
|
279
281
|
classes={{
|
|
280
282
|
item: (item) =>
|
|
281
283
|
visibleSeries.length && !visibleSeries.some((s) => s.key === item.value)
|
|
282
284
|
? 'opacity-50'
|
|
283
285
|
: '',
|
|
286
|
+
...props.legend?.classes,
|
|
287
|
+
...(typeof legend === 'object' ? legend.classes : null),
|
|
284
288
|
}}
|
|
285
|
-
{...props.legend}
|
|
286
|
-
{...typeof legend === 'object' ? legend : null}
|
|
287
289
|
/>
|
|
288
290
|
{/if}
|
|
289
291
|
</slot>
|
|
@@ -294,14 +294,16 @@
|
|
|
294
294
|
onClick={(item) => $selectedKeys.toggleSelected(item.value)}
|
|
295
295
|
onPointerEnter={(item) => (highlightKey = item.value)}
|
|
296
296
|
onPointerLeave={(item) => (highlightKey = null)}
|
|
297
|
+
{...props.legend}
|
|
298
|
+
{...typeof legend === 'object' ? legend : null}
|
|
297
299
|
classes={{
|
|
298
300
|
item: (item) =>
|
|
299
301
|
visibleData.length && !visibleData.some((d) => keyAccessor(d) === item.value)
|
|
300
302
|
? 'opacity-50'
|
|
301
303
|
: '',
|
|
304
|
+
...props.legend?.classes,
|
|
305
|
+
...(typeof legend === 'object' ? legend.classes : null),
|
|
302
306
|
}}
|
|
303
|
-
{...props.legend}
|
|
304
|
-
{...typeof legend === 'object' ? legend : null}
|
|
305
307
|
/>
|
|
306
308
|
{/if}
|
|
307
309
|
</slot>
|
|
@@ -231,14 +231,16 @@
|
|
|
231
231
|
onClick={(item) => $selectedSeries.toggleSelected(item.value)}
|
|
232
232
|
onPointerEnter={(item) => (highlightSeriesKey = item.value)}
|
|
233
233
|
onPointerLeave={(item) => (highlightSeriesKey = null)}
|
|
234
|
+
{...props.legend}
|
|
235
|
+
{...typeof legend === 'object' ? legend : null}
|
|
234
236
|
classes={{
|
|
235
237
|
item: (item) =>
|
|
236
238
|
visibleSeries.length && !visibleSeries.some((s) => s.key === item.value)
|
|
237
239
|
? 'opacity-50'
|
|
238
240
|
: '',
|
|
241
|
+
...props.legend?.classes,
|
|
242
|
+
...(typeof legend === 'object' ? legend.classes : null),
|
|
239
243
|
}}
|
|
240
|
-
{...props.legend}
|
|
241
|
-
{...typeof legend === 'object' ? legend : null}
|
|
242
244
|
/>
|
|
243
245
|
{/if}
|
|
244
246
|
</slot>
|