feat(core): add disableKeyboardA11y option to store options

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

packages/core/src/container/VueFlow/VueFlow.vue

@@ -38,6 +38,7 @@ const props = withDefaults(defineProps<FlowProps>(), {
   autoConnect: undefined,
   elevateEdgesOnSelect: undefined,
   elevateNodesOnSelect: undefined,
+  disableKeyboardA11y: undefined,
 })
 
 const emit = defineEmits<{

packages/core/src/store/state.ts

@@ -112,6 +112,8 @@ const defaultState = (): State => ({
   elevateEdgesOnSelect: false,
   elevateNodesOnSelect: true,
 
+  disableKeyboardA11y: false,
+
   __experimentalFeatures: {
     nestedFlow: false,
   },

packages/core/src/types/flow.ts

@@ -159,6 +159,8 @@ export interface FlowProps {
   /** elevates nodes when selected and applies z-Index + 1000 */
   elevateNodesOnSelect?: boolean
 
+  disableKeyboardA11y?: boolean
+
   __experimentalFeatures?: {
     nestedFlow?: boolean
   }

packages/core/src/types/store.ts

@@ -117,6 +117,8 @@ export interface State extends Omit<FlowOptions, 'id' | 'modelValue'> {
   elevateEdgesOnSelect: boolean
   elevateNodesOnSelect: boolean
 
+  disableKeyboardA11y: boolean
+
   /** current vue flow version you're using */
   readonly vueFlowVersion: string
 }
@@ -266,7 +268,6 @@ export interface Getters {
   getSelectedNodes: GraphNode[]
   /** returns all currently selected edges */
   getSelectedEdges: GraphEdge[]
-
   /** returns all nodes that are initialized, i.e. they have actual dimensions */
   getNodesInitialized: GraphNode[]
 }