svelteplot 0.0.1-alpha.20 → 0.0.1-alpha.21
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/dist/Plot.svelte +12 -4
- package/package.json +1 -1
package/dist/Plot.svelte
CHANGED
|
@@ -76,6 +76,9 @@ let hasLegend = $derived(color?.legend || symbol?.legend);
|
|
|
76
76
|
|
|
77
77
|
<figure data-testid={testid} class="svelteplot" bind:clientWidth={width} style:max-width={maxWidth}>
|
|
78
78
|
<div class="plot-body">
|
|
79
|
+
<div class="overlay">
|
|
80
|
+
{#if overlay}{@render overlay(plot)}{/if}
|
|
81
|
+
</div>
|
|
79
82
|
<svg
|
|
80
83
|
role="document"
|
|
81
84
|
{width}
|
|
@@ -108,9 +111,7 @@ let hasLegend = $derived(color?.legend || symbol?.legend);
|
|
|
108
111
|
{#if frame}<Frame />{/if}
|
|
109
112
|
{#if children}{@render children(plot)}{/if}
|
|
110
113
|
</svg>
|
|
111
|
-
|
|
112
|
-
{#if overlay}{@render overlay(plot)}{/if}
|
|
113
|
-
</div>
|
|
114
|
+
|
|
114
115
|
</div>
|
|
115
116
|
|
|
116
117
|
{#if plot.options.title || plot.options.subtitle || header || hasLegend}
|
|
@@ -155,13 +156,20 @@ let hasLegend = $derived(color?.legend || symbol?.legend);
|
|
|
155
156
|
figure .plot-header {
|
|
156
157
|
order: 1;
|
|
157
158
|
}
|
|
159
|
+
.overlay {
|
|
160
|
+
z-index: 2;
|
|
161
|
+
}
|
|
158
162
|
h2,
|
|
159
163
|
h3 {
|
|
160
164
|
margin: 0;
|
|
161
165
|
}
|
|
162
|
-
|
|
166
|
+
.plot-body {
|
|
163
167
|
order: 2;
|
|
168
|
+
|
|
169
|
+
}
|
|
170
|
+
svg {
|
|
164
171
|
overflow: visible;
|
|
172
|
+
z-index: 1;
|
|
165
173
|
}
|
|
166
174
|
figure .plot-footer {
|
|
167
175
|
order: 3;
|