solid-baseui 0.1.0-alpha.0 → 0.1.0-alpha.1

package/dist/lib/client/context-menu-CplDpqmi.js

@@ -0,0 +1,220 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { t } from "./useRender-CxZ8PI-g.js";
+import { getStateAttributesProps as n } from "./internals/getStateAttributesProps.js";
+import { P as r, t as i } from "./reasons-Co5CzjKq.js";
+import { n as a, t as o } from "./resolveStyle-XcgAuaKR.js";
+import { createChangeEventDetails as s } from "./internals/createBaseUIEventDetails.js";
+import { composeEventHandlers as c } from "./internals/composeEventHandlers.js";
+import { n as l, r as u } from "./dom-BEAeQ9Eb.js";
+import { i as d } from "./popupStateMapping-C6jQ_LKo.js";
+import { C as f, E as p, S as m, T as h, a as g, b as _, c as v, d as y, f as b, h as x, i as S, l as C, m as w, n as T, o as E, p as D, r as O, s as k, t as A, v as j, x as M, y as N } from "./MenuSubmenuTrigger-yfncqM-D.js";
+import { t as P } from "./Separator-D5oJzlA3.js";
+import { createComponent as F, getNextElement as I, mergeProps as L, runHydrationEvents as R, spread as z, template as B } from "@solidjs/web";
+import { createEffect as V, createMemo as H, createSignal as U, omit as W, onCleanup as G } from "solid-js";
+//#region src/context-menu/root/ContextMenuRoot.tsx
+function K(e) {
+	let [t, n] = U(q(), { ownedWrite: !0 });
+	return F(h, {
+		value: {
+			anchor: t,
+			setAnchor: n,
+			initialCursorPoint: { current: null },
+			allowOutsidePressDismissal: { current: !1 }
+		},
+		get children() {
+			return F(m, {
+				value: void 0,
+				get children() {
+					return F(M, {
+						get defaultOpen() {
+							return e.defaultOpen;
+						},
+						get loopFocus() {
+							return e.loopFocus;
+						},
+						get highlightItemOnHover() {
+							return e.highlightItemOnHover;
+						},
+						get onOpenChange() {
+							return e.onOpenChange;
+						},
+						get onOpenChangeComplete() {
+							return e.onOpenChangeComplete;
+						},
+						get open() {
+							return e.open;
+						},
+						get orientation() {
+							return e.orientation;
+						},
+						get disabled() {
+							return e.disabled;
+						},
+						get closeParentOnEsc() {
+							return e.closeParentOnEsc;
+						},
+						get actionsRef() {
+							return e.actionsRef;
+						},
+						get children() {
+							return e.children;
+						}
+					});
+				}
+			});
+		}
+	});
+}
+function q() {
+	return { getBoundingClientRect() {
+		return {
+			x: 0,
+			y: 0,
+			left: 0,
+			top: 0,
+			right: 0,
+			bottom: 0,
+			width: 0,
+			height: 0,
+			toJSON: () => ({})
+		};
+	} };
+}
+//#endregion
+//#region src/context-menu/trigger/ContextMenuTrigger.tsx
+var J = /* @__PURE__ */ B("<div>"), Y = 500;
+function X(e) {
+	let m = p(!1), h = f(), g = e, v = e, [y, b] = U(null, { ownedWrite: !0 }), x = H(() => h.store.open()), S = H(() => h.store.disabled()), C = H(() => ({ open: x() })), w = H(() => a(e.class, C())), T = H(() => _({ "-webkit-touch-callout": "none" }, o(e.style, C()))), E = H(() => n(C(), d)), D = W(v, "render", "class", "onContextMenu", "onTouchCancel", "onTouchEnd", "onTouchMove", "onTouchStart", "ref", "style"), O = null, k, A, j = !1, M;
+	function N(e, t, n) {
+		let i = y();
+		if (!i) return;
+		let a = Z(i, e, t, n.type.startsWith("touch"));
+		m.initialCursorPoint.current = {
+			x: e,
+			y: t
+		}, m.setAnchor(a), h.store.setOpenMethod(n.type.startsWith("touch") ? "touch" : "mouse"), h.store.context.floatingRoot.update({
+			domReferenceElement: i,
+			referenceElement: i,
+			positionReference: a
+		}), j = !1, h.store.setOpen(!0, s(r, n)), clearTimeout(A), A = setTimeout(() => {
+			j = !0;
+		}, Y);
+	}
+	function P(e) {
+		let t = y();
+		if (!t || S()) return;
+		h.store.allowMouseUpTrigger = !0, e.preventDefault(), e.stopPropagation(), N(e.clientX, e.clientY, e), M?.abort();
+		let n = new ((t.ownerDocument.defaultView?.AbortController) ?? AbortController)();
+		M = n, t.ownerDocument.addEventListener("mouseup", (e) => {
+			if (h.store.allowMouseUpTrigger = !1, !j) return;
+			clearTimeout(A), j = !1;
+			let t = u(e);
+			if (l(h.store.track().positionerElement, t)) return;
+			let n = h.store.rootNodeId();
+			n && t?.closest(`[data-rootownerid="${n}"]`) || h.store.setOpen(!1, s(i, e));
+		}, {
+			once: !0,
+			signal: n.signal
+		});
+	}
+	function B() {
+		clearTimeout(k), O = null;
+	}
+	function K(e) {
+		if (B(), h.store.allowMouseUpTrigger = !1, S() || e.touches.length !== 1) return;
+		e.stopPropagation();
+		let t = e.touches[0];
+		O = {
+			x: t.clientX,
+			y: t.clientY
+		}, k = setTimeout(() => {
+			O && !S() && N(O.x, O.y, e);
+		}, Y);
+	}
+	function q(e) {
+		if (!O || e.touches.length !== 1) {
+			B();
+			return;
+		}
+		let t = e.touches[0];
+		(Math.abs(t.clientX - O.x) > 10 || Math.abs(t.clientY - O.y) > 10) && B();
+	}
+	let X = c(() => g.onContextMenu, () => P), Q = c(() => g.onTouchStart, () => K), $ = c(() => g.onTouchMove, () => q), ee = c(() => g.onTouchEnd, () => B), te = c(() => g.onTouchCancel, () => B);
+	V(() => ({
+		trigger: y(),
+		disabled: S(),
+		backdrop: h.backdropElement(),
+		internalBackdrop: h.internalBackdropElement()
+	}), (e) => {
+		if (!e.trigger || e.disabled) return;
+		let t = (t) => {
+			let n = u(t);
+			(l(e.trigger, n) || l(e.backdrop, n) || l(e.internalBackdrop, n)) && t.preventDefault();
+		};
+		return e.trigger.ownerDocument.addEventListener("contextmenu", t), () => e.trigger?.ownerDocument.removeEventListener("contextmenu", t);
+	}), G(() => {
+		B(), clearTimeout(A), M?.abort();
+	});
+	let ne = t(e, () => C(), (e) => (() => {
+		var t = I(J);
+		return z(t, e, !1), R(), t;
+	})());
+	return F(ne, L({
+		ref: [((e) => b(e)), g.ref],
+		get class() {
+			return w();
+		},
+		get style() {
+			return T();
+		},
+		onContextMenu: X,
+		onTouchStart: Q,
+		onTouchMove: $,
+		onTouchEnd: ee,
+		onTouchCancel: te
+	}, E, D));
+}
+function Z(e, t, n, r) {
+	return {
+		contextElement: e,
+		getBoundingClientRect() {
+			let e = r ? 10 : 0;
+			return {
+				x: t,
+				y: n,
+				left: t,
+				top: n,
+				right: t + e,
+				bottom: n + e,
+				width: e,
+				height: e,
+				toJSON: () => ({})
+			};
+		}
+	};
+}
+//#endregion
+//#region src/context-menu/index.parts.ts
+var Q = /* @__PURE__ */ e({
+	Arrow: () => D,
+	Backdrop: () => N,
+	CheckboxItem: () => v,
+	CheckboxItemIndicator: () => k,
+	Group: () => b,
+	GroupLabel: () => y,
+	Item: () => C,
+	LinkItem: () => E,
+	Popup: () => w,
+	Portal: () => j,
+	Positioner: () => x,
+	RadioGroup: () => g,
+	RadioItem: () => S,
+	RadioItemIndicator: () => O,
+	Root: () => K,
+	Separator: () => P,
+	SubmenuRoot: () => T,
+	SubmenuTrigger: () => A,
+	Trigger: () => X
+});
+//#endregion
+export { Q as t };