feat(svelte): selection box

2023-02-20 19:01:43 +01:00
parent fe84a5d21a
commit 1f44bc4da5
17 changed files with 501 additions and 154 deletions
@@ -0,0 +1,26 @@
+<script lang="ts">
+  import { shortcut } from '@svelte-put/shortcut';
+
+  import { useStore } from '$lib/store';
+
+  const { selectionKeyPressedStore } = useStore();
+
+  function onSelectionKeyDown() {
+    selectionKeyPressedStore.set(true);
+  }
+
+  function onSelectionKeyUp() {
+    selectionKeyPressedStore.set(false);
+  }
+</script>
+
+<svelte:window
+  use:shortcut={{ 
+    trigger: [{ key: 'Shift', callback: onSelectionKeyDown }],
+    type: 'keydown'
+  }}
+  use:shortcut={{ 
+    trigger: [{ key: 'Shift', callback: onSelectionKeyUp }],
+    type: 'keyup'
+  }}
+/>