aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Image/ParallaxImage.svelte
diff options
context:
space:
mode:
authorFuwn <[email protected]>2026-03-01 16:04:11 -0800
committerFuwn <[email protected]>2026-03-01 16:04:11 -0800
commit48f0c30d47d62e4f35706edb93a1bb2f97eba14c (patch)
tree44866d7a61adfdf01a780e0108c370294d3db78b /src/lib/Image/ParallaxImage.svelte
parentchore(biome): re-enable useAltText rule (diff)
downloaddue.moe-48f0c30d47d62e4f35706edb93a1bb2f97eba14c.tar.xz
due.moe-48f0c30d47d62e4f35706edb93a1bb2f97eba14c.zip
chore(biome): enable svelte formatting
Diffstat (limited to 'src/lib/Image/ParallaxImage.svelte')
-rw-r--r--src/lib/Image/ParallaxImage.svelte60
1 files changed, 30 insertions, 30 deletions
diff --git a/src/lib/Image/ParallaxImage.svelte b/src/lib/Image/ParallaxImage.svelte
index eb0383ef..66906cbc 100644
--- a/src/lib/Image/ParallaxImage.svelte
+++ b/src/lib/Image/ParallaxImage.svelte
@@ -1,40 +1,40 @@
<script lang="ts">
- import { cubicOut } from 'svelte/easing';
- import { tweened } from 'svelte/motion';
+import { cubicOut } from 'svelte/easing';
+import { tweened } from 'svelte/motion';
- export let source: string;
- export let duration = 300 * 1.75;
- export let easing = cubicOut;
- export let alternativeText: string;
- export let classList = '';
- export let style = '';
- export let factor = 1.25;
- export let limit = 300 * 1.75;
- export let borderRadius = '8px';
- export let loading: 'lazy' | 'eager' = 'lazy';
- export let fetchpriority: 'high' | 'low' | 'auto' | undefined = undefined;
- export let width: number | undefined = undefined;
- export let height: number | undefined = undefined;
+export let source: string;
+export let duration = 300 * 1.75;
+export let easing = cubicOut;
+export let alternativeText: string;
+export let classList = '';
+export let style = '';
+export let factor = 1.25;
+export let limit = 300 * 1.75;
+export let borderRadius = '8px';
+export let loading: 'lazy' | 'eager' = 'lazy';
+export let fetchpriority: 'high' | 'low' | 'auto' | undefined = undefined;
+export let width: number | undefined = undefined;
+export let height: number | undefined = undefined;
- let badgeReference: HTMLImageElement;
- const mouse = tweened({ x: 0, y: 0 }, { duration, easing });
+let badgeReference: HTMLImageElement;
+const mouse = tweened({ x: 0, y: 0 }, { duration, easing });
- const handleMouseMove = (event: MouseEvent) => {
- const boundingRectangle = badgeReference.getBoundingClientRect();
+const handleMouseMove = (event: MouseEvent) => {
+ const boundingRectangle = badgeReference.getBoundingClientRect();
- if ($mouse.x === 0 && $mouse.y === 0) $mouse = { x: event.clientX, y: event.clientY };
+ if ($mouse.x === 0 && $mouse.y === 0) $mouse = { x: event.clientX, y: event.clientY };
- $mouse.x +=
- (-(event.clientX - boundingRectangle.left - boundingRectangle.width / 2) - $mouse.x) * factor;
- $mouse.y +=
- (-(event.clientY - boundingRectangle.top - boundingRectangle.height / 2) - $mouse.y) * factor;
- $mouse.x = Math.max(Math.min($mouse.x, limit), -limit);
- $mouse.y = Math.max(Math.min($mouse.y, limit), -limit);
- };
+ $mouse.x +=
+ (-(event.clientX - boundingRectangle.left - boundingRectangle.width / 2) - $mouse.x) * factor;
+ $mouse.y +=
+ (-(event.clientY - boundingRectangle.top - boundingRectangle.height / 2) - $mouse.y) * factor;
+ $mouse.x = Math.max(Math.min($mouse.x, limit), -limit);
+ $mouse.y = Math.max(Math.min($mouse.y, limit), -limit);
+};
- const handleMouseLeave = () => {
- $mouse = { x: 0, y: 0 };
- };
+const handleMouseLeave = () => {
+ $mouse = { x: 0, y: 0 };
+};
</script>
<img