chore(labelconfig): cleanup

examples/svelte/src/routes/examples/a11y/+page.svelte

@@ -1,24 +1,17 @@
 <script lang="ts">
-	import {
-		SvelteFlow,
-		Controls,
-		Background,
-		MiniMap,
-	} from '@xyflow/svelte';
+	import { SvelteFlow, Controls, Background, MiniMap } from '@xyflow/svelte';
 
 	import '@xyflow/svelte/dist/style.css';
 
-
 	let nodes = $state.raw([
 		{
 			id: 'A',
 			position: { x: 0, y: 0 },
-			data: { label: 'A' },
-			
+			data: { label: 'A' }
 		},
 		{ id: 'B', position: { x: -100, y: 150 }, data: { label: 'B' } },
-		{ id: 'C', position: { x: 100, y: 150 }, data: { label: 'C' }  },
-		{ id: 'D', position: { x: 0, y: 260 }, data: { label: 'D' }  }
+		{ id: 'C', position: { x: 100, y: 150 }, data: { label: 'C' } },
+		{ id: 'D', position: { x: 0, y: 260 }, data: { label: 'D' } }
 	]);
 
 	let edges = $state.raw([
@@ -26,25 +19,24 @@
 		{ id: 'A-C', source: 'A', target: 'C' },
 		{ id: 'A-D', source: 'A', target: 'D' }
 	]);
-
 </script>
 
-<SvelteFlow 
-	bind:nodes 
-	bind:edges 
-	fitView   
+<SvelteFlow
+	bind:nodes
+	bind:edges
+	fitView
 	labelConfig={{
-        'a11yDescription.node.default': 'Svelte Custom Node Desc.',
-        'a11yDescription.node.keyboardDisabled': 'Svelte Custom Keyboard Desc.',
-        'a11yDescription.edge.default': 'Svelte Custom Edge Desc.',
-		'a11yDescription.ariaLiveMessage': (node: string, x: number, y: number) =>
-          `Custom Moved selected node ${node}. New position, x: ${x}, y: ${y}`,
-        'controls.ariaLabel': 'Svelte Custom Control Aria Label',
-        'controls.zoomin.title': 'Svelte Custom Zoom in',
-        'controls.zoomout.title': 'Svelte Custom Zoom Out',
-        // 'controls.fitview.title': 'Svelte Custom Fit View',
-        'controls.interactive.title': 'Svelte Custom Toggle Interactivity',
-        'minimap.ariaLabel': 'Svelte Custom Minimap',
+		'a11yDescription.node.default': 'Svelte Custom Node Desc.',
+		'a11yDescription.node.keyboardDisabled': 'Svelte Custom Keyboard Desc.',
+		'a11yDescription.edge.default': 'Svelte Custom Edge Desc.',
+		'a11yDescription.ariaLiveMessage': ({ direction, x, y }) =>
+			`Custom Moved selected node ${direction}. New position, x: ${x}, y: ${y}`,
+		'controls.ariaLabel': 'Svelte Custom Control Aria Label',
+		'controls.zoomin.title': 'Svelte Custom Zoom in',
+		'controls.zoomout.title': 'Svelte Custom Zoom Out',
+		// 'controls.fitview.title': 'Svelte Custom Fit View',
+		'controls.interactive.title': 'Svelte Custom Toggle Interactivity',
+		'minimap.ariaLabel': 'Svelte Custom Minimap'
 	}}
 >
 	<Controls />