@sprawlify/primitives 0.0.1

package/dist/interact-outside-C8-oFBpB.cjs

@@ -0,0 +1,205 @@
+const require_dom_query = require('./dom-query-CWZdWUGp.cjs');
+const require_utils = require('./utils-_6frwjgJ.cjs');
+
+//#region src/shared/interact-outside/frame-utils.ts
+function getWindowFrames(win) {
+	const frames = {
+		each(cb) {
+			for (let i = 0; i < win.frames?.length; i += 1) {
+				const frame = win.frames[i];
+				if (frame) cb(frame);
+			}
+		},
+		addEventListener(event, listener, options) {
+			frames.each((frame) => {
+				try {
+					frame.document.addEventListener(event, listener, options);
+				} catch {}
+			});
+			return () => {
+				try {
+					frames.removeEventListener(event, listener, options);
+				} catch {}
+			};
+		},
+		removeEventListener(event, listener, options) {
+			frames.each((frame) => {
+				try {
+					frame.document.removeEventListener(event, listener, options);
+				} catch {}
+			});
+		}
+	};
+	return frames;
+}
+function getParentWindow(win) {
+	const parent = win.frameElement != null ? win.parent : null;
+	return {
+		addEventListener: (event, listener, options) => {
+			try {
+				parent?.addEventListener(event, listener, options);
+			} catch {}
+			return () => {
+				try {
+					parent?.removeEventListener(event, listener, options);
+				} catch {}
+			};
+		},
+		removeEventListener: (event, listener, options) => {
+			try {
+				parent?.removeEventListener(event, listener, options);
+			} catch {}
+		}
+	};
+}
+
+//#endregion
+//#region src/shared/interact-outside/index.ts
+const POINTER_OUTSIDE_EVENT = "pointerdown.outside";
+const FOCUS_OUTSIDE_EVENT = "focus.outside";
+function isComposedPathFocusable(composedPath) {
+	for (const node of composedPath) if (require_dom_query.isHTMLElement(node) && require_dom_query.isFocusable(node)) return true;
+	return false;
+}
+const isPointerEvent = (event) => "clientY" in event;
+function isEventPointWithin(node, event) {
+	if (!isPointerEvent(event) || !node) return false;
+	const rect = node.getBoundingClientRect();
+	if (rect.width === 0 || rect.height === 0) return false;
+	return rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width;
+}
+function isPointInRect(rect, point) {
+	return rect.y <= point.y && point.y <= rect.y + rect.height && rect.x <= point.x && point.x <= rect.x + rect.width;
+}
+function isEventWithinScrollbar(event, ancestor) {
+	if (!ancestor || !isPointerEvent(event)) return false;
+	const isScrollableY = ancestor.scrollHeight > ancestor.clientHeight;
+	const onScrollbarY = isScrollableY && event.clientX > ancestor.offsetLeft + ancestor.clientWidth;
+	const isScrollableX = ancestor.scrollWidth > ancestor.clientWidth;
+	const onScrollbarX = isScrollableX && event.clientY > ancestor.offsetTop + ancestor.clientHeight;
+	if (!isPointInRect({
+		x: ancestor.offsetLeft,
+		y: ancestor.offsetTop,
+		width: ancestor.clientWidth + (isScrollableY ? 16 : 0),
+		height: ancestor.clientHeight + (isScrollableX ? 16 : 0)
+	}, {
+		x: event.clientX,
+		y: event.clientY
+	})) return false;
+	return onScrollbarY || onScrollbarX;
+}
+function trackInteractOutsideImpl(node, options) {
+	const { exclude, onFocusOutside, onPointerDownOutside, onInteractOutside, defer, followControlledElements = true } = options;
+	if (!node) return;
+	const doc = require_dom_query.getDocument(node);
+	const win = require_dom_query.getWindow(node);
+	const frames = getWindowFrames(win);
+	const parentWin = getParentWindow(win);
+	function isEventOutside(event, target) {
+		if (!require_dom_query.isHTMLElement(target)) return false;
+		if (!target.isConnected) return false;
+		if (require_dom_query.contains(node, target)) return false;
+		if (isEventPointWithin(node, event)) return false;
+		if (followControlledElements && require_dom_query.isControlledElement(node, target)) return false;
+		const triggerEl = doc.querySelector(`[aria-controls="${node.id}"]`);
+		if (triggerEl) {
+			if (isEventWithinScrollbar(event, require_dom_query.getNearestOverflowAncestor(triggerEl))) return false;
+		}
+		if (isEventWithinScrollbar(event, require_dom_query.getNearestOverflowAncestor(node))) return false;
+		return !exclude?.(target);
+	}
+	const pointerdownCleanups = /* @__PURE__ */ new Set();
+	const isInShadowRoot = require_dom_query.isShadowRoot(node?.getRootNode());
+	function onPointerDown(event) {
+		function handler(clickEvent) {
+			const func = defer && !require_dom_query.isTouchDevice() ? require_dom_query.raf : (v) => v();
+			const evt = clickEvent ?? event;
+			const composedPath = evt?.composedPath?.() ?? [evt?.target];
+			func(() => {
+				const target = isInShadowRoot ? composedPath[0] : require_dom_query.getEventTarget(event);
+				if (!node || !isEventOutside(event, target)) return;
+				if (onPointerDownOutside || onInteractOutside) {
+					const handler$1 = require_utils.callAll(onPointerDownOutside, onInteractOutside);
+					node.addEventListener(POINTER_OUTSIDE_EVENT, handler$1, { once: true });
+				}
+				fireCustomEvent(node, POINTER_OUTSIDE_EVENT, {
+					bubbles: false,
+					cancelable: true,
+					detail: {
+						originalEvent: evt,
+						contextmenu: require_dom_query.isContextMenuEvent(evt),
+						focusable: isComposedPathFocusable(composedPath),
+						target
+					}
+				});
+			});
+		}
+		if (event.pointerType === "touch") {
+			pointerdownCleanups.forEach((fn) => fn());
+			pointerdownCleanups.add(require_dom_query.addDomEvent(doc, "click", handler, { once: true }));
+			pointerdownCleanups.add(parentWin.addEventListener("click", handler, { once: true }));
+			pointerdownCleanups.add(frames.addEventListener("click", handler, { once: true }));
+		} else handler();
+	}
+	const cleanups = /* @__PURE__ */ new Set();
+	const timer = setTimeout(() => {
+		cleanups.add(require_dom_query.addDomEvent(doc, "pointerdown", onPointerDown, true));
+		cleanups.add(parentWin.addEventListener("pointerdown", onPointerDown, true));
+		cleanups.add(frames.addEventListener("pointerdown", onPointerDown, true));
+	}, 0);
+	function onFocusin(event) {
+		(defer ? require_dom_query.raf : (v) => v())(() => {
+			const composedPath = event?.composedPath?.() ?? [event?.target];
+			const target = isInShadowRoot ? composedPath[0] : require_dom_query.getEventTarget(event);
+			if (!node || !isEventOutside(event, target)) return;
+			if (onFocusOutside || onInteractOutside) {
+				const handler = require_utils.callAll(onFocusOutside, onInteractOutside);
+				node.addEventListener(FOCUS_OUTSIDE_EVENT, handler, { once: true });
+			}
+			fireCustomEvent(node, FOCUS_OUTSIDE_EVENT, {
+				bubbles: false,
+				cancelable: true,
+				detail: {
+					originalEvent: event,
+					contextmenu: false,
+					focusable: require_dom_query.isFocusable(target),
+					target
+				}
+			});
+		});
+	}
+	if (!require_dom_query.isTouchDevice()) {
+		cleanups.add(require_dom_query.addDomEvent(doc, "focusin", onFocusin, true));
+		cleanups.add(parentWin.addEventListener("focusin", onFocusin, true));
+		cleanups.add(frames.addEventListener("focusin", onFocusin, true));
+	}
+	return () => {
+		clearTimeout(timer);
+		pointerdownCleanups.forEach((fn) => fn());
+		cleanups.forEach((fn) => fn());
+	};
+}
+function trackInteractOutside(nodeOrFn, options) {
+	const { defer } = options;
+	const func = defer ? require_dom_query.raf : (v) => v();
+	const cleanups = [];
+	cleanups.push(func(() => {
+		const node = typeof nodeOrFn === "function" ? nodeOrFn() : nodeOrFn;
+		cleanups.push(trackInteractOutsideImpl(node, options));
+	}));
+	return () => {
+		cleanups.forEach((fn) => fn?.());
+	};
+}
+function fireCustomEvent(el, type, init) {
+	const event = new (el.ownerDocument.defaultView || window).CustomEvent(type, init);
+	return el.dispatchEvent(event);
+}
+
+//#endregion
+Object.defineProperty(exports, 'trackInteractOutside', {
+  enumerable: true,
+  get: function () {
+    return trackInteractOutside;
+  }
+});

package/dist/interact-outside.cjs

@@ -0,0 +1,5 @@
+require('./dom-query-CWZdWUGp.cjs');
+require('./utils-_6frwjgJ.cjs');
+const require_interact_outside = require('./interact-outside-C8-oFBpB.cjs');
+
+exports.trackInteractOutside = require_interact_outside.trackInteractOutside;

package/dist/interact-outside.d.cts

@@ -0,0 +1,2 @@
+import { a as InteractOutsideOptions, c as PointerDownOutsideEvent, i as InteractOutsideHandlers, l as trackInteractOutside, n as FocusOutsideEvent, o as MaybeElement, r as InteractOutsideEvent, s as NodeOrFn, t as EventDetails } from "./index-C9-feK5c.cjs";
+export { EventDetails, FocusOutsideEvent, InteractOutsideEvent, InteractOutsideHandlers, InteractOutsideOptions, MaybeElement, NodeOrFn, PointerDownOutsideEvent, trackInteractOutside };

package/dist/interact-outside.d.mts

@@ -0,0 +1,2 @@
+import { a as InteractOutsideOptions, c as PointerDownOutsideEvent, i as InteractOutsideHandlers, l as trackInteractOutside, n as FocusOutsideEvent, o as MaybeElement, r as InteractOutsideEvent, s as NodeOrFn, t as EventDetails } from "./index-BkzYij2j.mjs";
+export { EventDetails, FocusOutsideEvent, InteractOutsideEvent, InteractOutsideHandlers, InteractOutsideOptions, MaybeElement, NodeOrFn, PointerDownOutsideEvent, trackInteractOutside };

package/dist/interact-outside.mjs

@@ -0,0 +1,5 @@
+import "./dom-query-DFCRhyj1.mjs";
+import "./utils-BZyrxWWR.mjs";
+import { t as trackInteractOutside } from "./interact-outside-BplxR9cR.mjs";
+
+export { trackInteractOutside };