({
+ timeframe: 300,
+ minSwipeDistance: 60
+ })}
+ onswipe={() => handleSwipe?.(isPaneOpen)}
+ bind:this={drawerElem}
+ use:clickOutside
+ class={cn(restProps.class)}
+>
+
+ {@render children?.()}
+
+
+
+
+
+
diff --git a/infrastructure/eid-wallet/src/lib/ui/index.ts b/infrastructure/eid-wallet/src/lib/ui/index.ts
new file mode 100644
index 000000000..f6b2f4553
--- /dev/null
+++ b/infrastructure/eid-wallet/src/lib/ui/index.ts
@@ -0,0 +1 @@
+export {default as Drawer} from "./Drawer/Drawer.svelte";
\ No newline at end of file
diff --git a/infrastructure/eid-wallet/src/lib/utils/clickOutside.ts b/infrastructure/eid-wallet/src/lib/utils/clickOutside.ts
new file mode 100644
index 000000000..ac728102a
--- /dev/null
+++ b/infrastructure/eid-wallet/src/lib/utils/clickOutside.ts
@@ -0,0 +1,20 @@
+/** Dispatch event on click outside of node */
+export const clickOutside = (node: HTMLElement) => {
+ const handleClick = (event: Event) => {
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+ // @ts-ignore
+ if (node && !node.contains(event.target) && !event.defaultPrevented) {
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+ // @ts-ignore
+ node.dispatchEvent(new CustomEvent('click_outside', node));
+ }
+ };
+
+ document.addEventListener('click', handleClick, true);
+
+ return {
+ destroy() {
+ document.removeEventListener('click', handleClick, true);
+ }
+ };
+};
diff --git a/infrastructure/eid-wallet/src/lib/utils/index.ts b/infrastructure/eid-wallet/src/lib/utils/index.ts
index fe929ffc5..b0a284e37 100644
--- a/infrastructure/eid-wallet/src/lib/utils/index.ts
+++ b/infrastructure/eid-wallet/src/lib/utils/index.ts
@@ -1 +1,2 @@
-export * from "./mergeClasses";
\ No newline at end of file
+export * from "./mergeClasses";
+export * from "./clickOutside";
\ No newline at end of file
diff --git a/infrastructure/eid-wallet/src/routes/+page.svelte b/infrastructure/eid-wallet/src/routes/+page.svelte
index 6c3dafa50..8de88ecf0 100644
--- a/infrastructure/eid-wallet/src/routes/+page.svelte
+++ b/infrastructure/eid-wallet/src/routes/+page.svelte
@@ -1,16 +1,16 @@
-