From 407d031b8abb321a0c4d0f00dac9e80a491eeacc Mon Sep 17 00:00:00 2001
From: zyxd <zyxd@syncraft.ru>
Date: Mon, 17 Nov 2025 23:48:44 +0400
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=BD=D1=8B=20attachments=20-=20clickOutside=20=D0=B8=20inters?=
 =?UTF-8?q?ection?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/attachments/clickOutside.svelte.js | 15 +++++++++++++++
 src/lib/attachments/intersection.svelte.js | 14 ++++++++++++++
 src/lib/index.js                           |  3 +++
 3 files changed, 32 insertions(+)
 create mode 100644 src/lib/attachments/clickOutside.svelte.js
 create mode 100644 src/lib/attachments/intersection.svelte.js

diff --git a/src/lib/attachments/clickOutside.svelte.js b/src/lib/attachments/clickOutside.svelte.js
new file mode 100644
index 0000000..bd38e90
--- /dev/null
+++ b/src/lib/attachments/clickOutside.svelte.js
@@ -0,0 +1,15 @@
+export default (callback) => {
+  return (node) => {
+    const onclick = (event) => {
+      if (node && !node.contains(event.target) && !event.defaultPrevented && typeof callback === 'function') {
+        callback()
+      }
+    }
+    
+    document.addEventListener('click', onclick, true);
+    
+    return () => {
+      document.removeEventListener('click', onclick, true)
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/lib/attachments/intersection.svelte.js b/src/lib/attachments/intersection.svelte.js
new file mode 100644
index 0000000..da03af8
--- /dev/null
+++ b/src/lib/attachments/intersection.svelte.js
@@ -0,0 +1,14 @@
+export default (callback) => {
+	return (node) => {
+		$effect(() => {
+      const observer = new IntersectionObserver((entries) => {
+        if (entries?.[0].isIntersecting) {
+          callback()
+        }
+      })
+
+      observer.observe(node)
+			return () => observer.disconnect()
+		})
+	}
+}
\ No newline at end of file
diff --git a/src/lib/index.js b/src/lib/index.js
index e525dea..9884458 100644
--- a/src/lib/index.js
+++ b/src/lib/index.js
@@ -1,3 +1,6 @@
+export { default as clickOutside } from './attachments/clickOutside.svelte'
+export { default as intersection } from './attachments/intersection.svelte'
+
 export { default as Image } from './components/Image.svelte'
 export { default as Picture } from './components/Picture.svelte'
 export { default as YandexMetrika } from './components/YandexMetrika.svelte'
\ No newline at end of file