@x33025/sveltely 0.1.9 → 0.1.10

package/dist/components/Library/Floating/Floating.svelte

@@ -303,7 +303,7 @@
 		}
 	}
 
-	function handleOutsideClick(event: MouseEvent) {
+	function handleOutsidePointerDown(event: PointerEvent) {
 		if (!open) return;
 		if (isEventInFloatingTree(event)) return;
 		closePanel();
@@ -316,6 +316,7 @@
 
 	function handlePointerMove(event: MouseEvent) {
 		if (!closeOnPointerLeave) return;
+		if (!parentFloatingId) return;
 		if (!open || !triggerEl || !panelEl) return;
 		if (isEventInFloatingTree(event)) return;
 		if (hasOpenChild(floatingId)) return;
@@ -323,10 +324,10 @@
 		const pointer = { x: event.clientX, y: event.clientY };
 		const triggerRect = triggerEl.getBoundingClientRect();
 		const floatingRect = panelEl.getBoundingClientRect();
-		const safePolygon = getSafePolygon(triggerRect, floatingRect, resolvedAnchor);
 
 		if (isInsideRect(triggerRect, pointer.x, pointer.y)) return;
 		if (isInsideRect(floatingRect, pointer.x, pointer.y)) return;
+		const safePolygon = getSafePolygon(triggerRect, floatingRect, resolvedAnchor);
 		if (pointInPolygon(pointer, safePolygon)) return;
 
 		closePanel();
@@ -343,9 +344,11 @@
 			if (event.type === 'scroll' && isEventInFloatingTree(event)) return;
 			closePanel();
 		};
+		window.addEventListener('pointerdown', handleOutsidePointerDown, true);
 		window.addEventListener('scroll', handleWindowChange, true);
 		window.addEventListener('resize', handleWindowChange);
 		return () => {
+			window.removeEventListener('pointerdown', handleOutsidePointerDown, true);
 			window.removeEventListener('scroll', handleWindowChange, true);
 			window.removeEventListener('resize', handleWindowChange);
 		};
@@ -368,11 +371,7 @@
 	});
 </script>
 
-<svelte:window
-	onclick={handleOutsideClick}
-	onkeydown={handleEscape}
-	onmousemove={handlePointerMove}
-/>
+<svelte:window onkeydown={handleEscape} onmousemove={handlePointerMove} />
 
 <div
 	bind:this={rootEl}

package/dist/style/layout.d.ts

@@ -39,9 +39,9 @@ export type LayoutProps = {
     align?: LayoutAlignment;
     justify?: LayoutJustification;
 };
-export declare const extractLayoutProps: <T extends Record<PropertyKey, unknown>>(props: T) => {
+export declare const extractLayoutProps: <T extends Record<string, unknown>>(props: T) => {
     layoutProps: Partial<LayoutProps>;
-    restProps: Record<PropertyKey, unknown>;
+    restProps: Record<string, unknown>;
 };
 export declare const layoutStyle: (styles?: LayoutProps) => string;
 export {};

package/dist/style/layout.js

@@ -69,9 +69,8 @@ const justifyValues = {
 export const extractLayoutProps = (props) => {
     const layoutProps = {};
     const restProps = {};
-    for (const key of Reflect.ownKeys(props)) {
-        const value = props[key];
-        if (typeof key === 'string' && LAYOUT_PROP_KEYS.has(key)) {
+    for (const [key, value] of Object.entries(props)) {
+        if (LAYOUT_PROP_KEYS.has(key)) {
             layoutProps[key] = value;
             continue;
         }

package/dist/style/loader.d.ts

@@ -2,8 +2,8 @@ import type { LoaderOptions } from '../actions/loader';
 export type LoaderProps = {
     loader?: LoaderOptions;
 };
-export declare const extractLoaderProps: <T extends Record<PropertyKey, unknown>>(props: T) => {
+export declare const extractLoaderProps: <T extends Record<string, unknown>>(props: T) => {
     loaderProps: LoaderProps;
-    restProps: Record<PropertyKey, unknown>;
+    restProps: Record<string, unknown>;
 };
 export declare const resolveLoaderOptions: (props?: LoaderProps) => LoaderOptions;

package/dist/style/loader.js

@@ -2,9 +2,8 @@ const LOADER_PROP_KEYS = new Set(['loader']);
 export const extractLoaderProps = (props) => {
     const loaderProps = {};
     const restProps = {};
-    for (const key of Reflect.ownKeys(props)) {
-        const value = props[key];
-        if (typeof key === 'string' && LOADER_PROP_KEYS.has(key)) {
+    for (const [key, value] of Object.entries(props)) {
+        if (LOADER_PROP_KEYS.has(key)) {
             loaderProps[key] = value;
             continue;
         }

package/dist/style/surface.d.ts

@@ -10,8 +10,8 @@ export type StyleProps = {
     color?: string;
 };
 export type SurfaceStyles = StyleProps;
-export declare const extractStyleProps: <T extends Record<PropertyKey, unknown>>(props: T) => {
+export declare const extractStyleProps: <T extends Record<string, unknown>>(props: T) => {
     styleProps: Partial<StyleProps>;
-    restProps: Record<PropertyKey, unknown>;
+    restProps: Record<string, unknown>;
 };
 export declare const surfaceStyle: (styles?: SurfaceStyles, prefix?: string) => string;

package/dist/style/surface.js

@@ -19,9 +19,8 @@ const pushVar = (declarations, name, value) => {
 export const extractStyleProps = (props) => {
     const styleProps = {};
     const restProps = {};
-    for (const key of Reflect.ownKeys(props)) {
-        const value = props[key];
-        if (typeof key === 'string' && STYLE_PROP_KEYS.has(key)) {
+    for (const [key, value] of Object.entries(props)) {
+        if (STYLE_PROP_KEYS.has(key)) {
             styleProps[key] = value;
             continue;
         }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@x33025/sveltely",
-	"version": "0.1.9",
+	"version": "0.1.10",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",