Add document listener

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@selenite/commons",
-	"version": "0.24.12",
+	"version": "0.25.0",
 	"repository": "github:ShaitanLyss/selenite-commons",
 	"license": "MIT",
 	"keywords": [

src/lib/actions/document.ts

@@ -0,0 +1,26 @@
+import type { Action } from 'svelte/action';
+
+export type DocumentParams = DocumentEventMap & AddEventListenerOptions;
+export const documentListener: Action<Element, DocumentParams> = (node, params: DocumentParams) => {
+	function setup() {
+		Object.keys(params).forEach((key) => {
+			// @ts-expect-error Ignore type error
+			document.addEventListener(key, params[key], params);
+		});
+	}
+    setup()
+
+	return {
+		destroy() {
+			Object.keys(params).forEach((key) => {
+				// @ts-expect-error Ignore type error
+				document.removeEventListener(key, params[key], params);
+			});
+		},
+		update(parameter) {
+            this.destroy?.()
+            params = parameter;
+            setup()
+        },
+	};
+};

src/lib/actions/index.ts

@@ -18,6 +18,7 @@ export * from './keyboard';
 export * from './resizable';
 export * from './box-selection'
 export * from '@neodrag/svelte';
+export * from './document';
 let handleFocusLeaveRefCount = 0;
 let handleFocusLeaveCallbacks: ((isKeyboard: boolean) => void)[] = [];
 function handleKeydown(e: KeyboardEvent) {