layerchart 0.70.3 → 0.70.4
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.
|
@@ -75,6 +75,9 @@
|
|
|
75
75
|
export let classes: {
|
|
76
76
|
root?: string;
|
|
77
77
|
label?: string;
|
|
78
|
+
rule?: string;
|
|
79
|
+
tick?: string;
|
|
80
|
+
tickLabel?: string;
|
|
78
81
|
} = {};
|
|
79
82
|
|
|
80
83
|
$: [xRangeMin, xRangeMax] = extent<number>($xRange) as [number, number];
|
|
@@ -236,7 +239,7 @@
|
|
|
236
239
|
{tweened}
|
|
237
240
|
{spring}
|
|
238
241
|
{...ruleProps}
|
|
239
|
-
class={cls('rule stroke-surface-content/50', ruleProps?.class)}
|
|
242
|
+
class={cls('rule stroke-surface-content/50', classes.rule, ruleProps?.class)}
|
|
240
243
|
/>
|
|
241
244
|
{/if}
|
|
242
245
|
|
|
@@ -261,6 +264,7 @@
|
|
|
261
264
|
...tickLabelProps,
|
|
262
265
|
class: cls(
|
|
263
266
|
'tickLabel text-[10px] stroke-surface-100 [stroke-width:2px] font-light',
|
|
267
|
+
classes.tickLabel,
|
|
264
268
|
tickLabelProps?.class
|
|
265
269
|
),
|
|
266
270
|
}}
|
|
@@ -274,7 +278,7 @@
|
|
|
274
278
|
{tweened}
|
|
275
279
|
{spring}
|
|
276
280
|
{...ruleProps}
|
|
277
|
-
class={cls('grid stroke-surface-content/10', ruleProps?.class)}
|
|
281
|
+
class={cls('grid stroke-surface-content/10', classes.rule, ruleProps?.class)}
|
|
278
282
|
/>
|
|
279
283
|
{/if}
|
|
280
284
|
|
|
@@ -287,7 +291,7 @@
|
|
|
287
291
|
y2={tickCoords.y + (placement === 'top' ? -tickLength : tickLength)}
|
|
288
292
|
{tweened}
|
|
289
293
|
{spring}
|
|
290
|
-
class=
|
|
294
|
+
class={cls('tick stroke-surface-content/50', classes.tick)}
|
|
291
295
|
/>
|
|
292
296
|
{:else if orientation === 'vertical'}
|
|
293
297
|
<Line
|
|
@@ -297,7 +301,7 @@
|
|
|
297
301
|
y2={tickCoords.y}
|
|
298
302
|
{tweened}
|
|
299
303
|
{spring}
|
|
300
|
-
class=
|
|
304
|
+
class={cls('tick stroke-surface-content/50', classes.tick)}
|
|
301
305
|
/>
|
|
302
306
|
{:else if orientation === 'angle'}
|
|
303
307
|
<Line
|
|
@@ -307,7 +311,7 @@
|
|
|
307
311
|
y2={radialTickMarkCoordsY}
|
|
308
312
|
{tweened}
|
|
309
313
|
{spring}
|
|
310
|
-
class=
|
|
314
|
+
class={cls('tick stroke-surface-content/50', classes.tick)}
|
|
311
315
|
/>
|
|
312
316
|
{/if}
|
|
313
317
|
<!-- TODO: Add tick marks for radial (angle)? -->
|