Register onclick events for Svelte 5 support (#635)

Author: stevebriskin

packages/blocks/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viamrobotics/prime-blocks",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "repository": {
     "type": "git",
     "url": "https://github.com/viamrobotics/prime.git",

packages/blocks/src/lib/maplibre/controls/follow.svelte

@@ -44,15 +44,18 @@ onMount(() => {
     map.off('mousedown', stop);
   };
 });
+
+const handleClick = (event: MouseEvent) => {
+  event.stopPropagation();
+  following = !following;
+  onChange?.(following);
+};
 </script>
 
 <Button
   disabled={lng === undefined || lat === undefined}
-  on:click={(event) => {
-    event.stopPropagation();
-    following = !following;
-    onChange?.(following);
-  }}
+  on:click={handleClick}
+  onclick={handleClick}
 >
   <Icon
     name={following ? 'navigation-variant' : 'navigation-variant-outline'}

packages/blocks/src/lib/maplibre/controls/satellite.svelte

@@ -20,6 +20,9 @@ const onClick = () => {
 };
 </script>
 
-<Button on:click={onClick}>
+<Button
+  onclick={onClick}
+  on:click={onClick}
+>
   {satellite ? 'Map' : 'Satellite'}
 </Button>