diff options
| author | Fuwn <[email protected]> | 2026-03-01 16:04:11 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2026-03-01 16:04:11 -0800 |
| commit | 48f0c30d47d62e4f35706edb93a1bb2f97eba14c (patch) | |
| tree | 44866d7a61adfdf01a780e0108c370294d3db78b /src/lib/Image/ParallaxImage.svelte | |
| parent | chore(biome): re-enable useAltText rule (diff) | |
| download | due.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.svelte | 60 |
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 |