satisfy svelte, fr this time

MrVauxs · Aug 2, 2024 · 1f3b88b · 1f3b88b
1 parent a12f6a6
commit 1f3b88b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/src/view/ActorAnimations/submenus/elements/TokenThumbnail.svelte b/src/view/ActorAnimations/submenus/elements/TokenThumbnail.svelte
@@ -7,6 +7,10 @@
 	$: ImageHelper
 		.createThumbnail(img, { width: 50, height: 50 })
 		.then((v) => { thumb = v.thumb })
+
+	function popout() {
+		new ImagePopout(img).render(true)
+	}
 </script>
 
 <!-- svelte-ignore a11y-click-events-have-key-events -->
@@ -16,5 +20,5 @@
 	alt='Token'
 	class='size-8 border-0 cursor-pointer'
 	style:transform={transform}
-	on:click={() => new ImagePopout(img).render(true)}
+	on:click={popout}
 />
diff --git a/src/view/ActorAnimations/submenus/tokenimage-manager.svelte b/src/view/ActorAnimations/submenus/tokenimage-manager.svelte
@@ -82,6 +82,9 @@
 	}
 
 	let toggleExisting = false
+
+	const TransitionFilters = Object.values(TextureTransitionFilter.TYPES)
+	const EaseNames = Object.values(Object.keys(CanvasAnimation).filter(x => x.includes('ease')))
 </script>
 
 <div class='p-2 pb-0 flex flex-col h-full'>
@@ -164,7 +167,7 @@
 								<select name='transition'
 									bind:value={rule.animation.transition}
 									on:change={() => updateRules()}>
-									{#each Object.values(TextureTransitionFilter.TYPES) as value}
+									{#each TransitionFilters as value}
 										<option {value}>{value.titleCase()}</option>
 									{/each}
 								</select>
@@ -186,7 +189,7 @@
 									bind:value={rule.animation.easing}
 									on:change={() => updateRules()}>
 									<option value="" />
-									{#each Object.values(Object.keys(CanvasAnimation).filter(x => x.includes('ease'))) as value}
+									{#each EaseNames as value}
 										<option {value}>{value}</option>
 									{/each}
 								</select>