libraries-dev-svelte 0.3.0 → 0.3.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.
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
let {
|
|
7
7
|
blur = 6,
|
|
8
8
|
contrast = 18,
|
|
9
|
-
fill = 'var(--modal-bg, #
|
|
9
|
+
fill = 'var(--modal-bg, light-dark(#ffffff, #232326))',
|
|
10
10
|
shadow = '',
|
|
11
11
|
items,
|
|
12
12
|
onAction,
|
|
@@ -91,6 +91,16 @@
|
|
|
91
91
|
),
|
|
92
92
|
);
|
|
93
93
|
const filterPad = $derived(Math.ceil(blur * 3 + shadowExtent + 24));
|
|
94
|
+
/* The filter region must cover satellite travel, not just the stage box.
|
|
95
|
+
Stage-sized regions clip the blobs of any satellite that translates
|
|
96
|
+
outside the stage (small stages, wide spreads). */
|
|
97
|
+
const travelExtent = $derived(
|
|
98
|
+
allItems.reduce(
|
|
99
|
+
(max, item) => Math.max(max, Math.max(Math.abs(item.x), Math.abs(item.y)) * menuSettings.spread),
|
|
100
|
+
0,
|
|
101
|
+
),
|
|
102
|
+
);
|
|
103
|
+
const regionPad = $derived(filterPad + Math.ceil(travelExtent));
|
|
94
104
|
const intercept = $derived(Math.round((0.5 - contrast * (5 / 12)) * 100) / 100);
|
|
95
105
|
const phase = $derived(
|
|
96
106
|
menuOpen
|
|
@@ -271,10 +281,10 @@
|
|
|
271
281
|
<filter
|
|
272
282
|
id={filterId}
|
|
273
283
|
filterUnits="userSpaceOnUse"
|
|
274
|
-
x={-
|
|
275
|
-
y={-
|
|
276
|
-
width={groupSize.w +
|
|
277
|
-
height={groupSize.h +
|
|
284
|
+
x={-regionPad}
|
|
285
|
+
y={-regionPad}
|
|
286
|
+
width={groupSize.w + regionPad * 2}
|
|
287
|
+
height={groupSize.h + regionPad * 2}
|
|
278
288
|
color-interpolation-filters="sRGB"
|
|
279
289
|
>
|
|
280
290
|
<feGaussianBlur in="SourceGraphic" stdDeviation={blur} result="blur" />
|