@svgrid/grid 3.0.2 → 3.0.4

package/dist/cdn/SvMenuList-DkGhNKjf.js

@@ -0,0 +1,451 @@
+import { D as e, E as t, F as n, G as r, I as i, L as a, N as o, R as s, Y as c, at as l, b as u, et as d, i as f, it as p, j as m, k as h, l as g, lt as _, nt as v, pt as y, s as b, st as x, t as S, tt as C, ut as w, x as T } from "./disclose-version-Dr7rEVv-.js";
+//#region src/list-option.ts
+function E(e) {
+	return e ? e.map((e) => {
+		if (typeof e == "object" && e) {
+			let t = e, n = t.value ?? t.label ?? "";
+			return {
+				...t,
+				value: n,
+				label: t.label ?? String(n)
+			};
+		}
+		return {
+			value: e,
+			label: String(e)
+		};
+	}) : [];
+}
+function D(e, t) {
+	let n = t.trim().toLowerCase();
+	return n ? e.filter((e) => e.label.toLowerCase().includes(n)) : [...e];
+}
+function O(e) {
+	let t = [], n = /* @__PURE__ */ new Map();
+	return e.forEach((e, r) => {
+		let i = e.group ?? null, a = n.get(i);
+		a || (a = {
+			group: i,
+			options: []
+		}, n.set(i, a), t.push(a)), a.options.push({
+			...e,
+			index: r
+		});
+	}), t;
+}
+function k(e) {
+	return e.some((e) => e.group != null);
+}
+function A(e, t) {
+	let n = Math.max(1, t.groupHeaderHeight ?? 28), r = t.rowHeight, i = (e) => Math.max(1, typeof r == "function" ? r(e, e.index) : r), a = [], o = Array(e.length), s = !1;
+	for (let t of O(e)) {
+		t.group != null && (s = !0, a.push({
+			type: "group",
+			label: t.group,
+			size: n
+		}));
+		for (let e of t.options) o[e.index] = a.length, a.push({
+			type: "option",
+			opt: e,
+			size: i(e)
+		});
+	}
+	return {
+		entries: a,
+		hasGroups: s,
+		sizeAt: (e) => a[e]?.size ?? 0,
+		optionFlatIndex: o
+	};
+}
+function j(e, t, n) {
+	let r = t.trim().toLowerCase();
+	if (!r || !e.length) return -1;
+	let i = e.length;
+	for (let t = 1; t <= i; t++) {
+		let a = (n + t) % i, o = e[a];
+		if (o && !o.disabled && o.label.toLowerCase().startsWith(r)) return a;
+	}
+	return -1;
+}
+function M(e = 600) {
+	let t = "", n;
+	return {
+		get value() {
+			return t;
+		},
+		push(r) {
+			return t += r, n && clearTimeout(n), n = setTimeout(() => {
+				t = "";
+			}, e), t;
+		},
+		clear() {
+			t = "", n && clearTimeout(n);
+		}
+	};
+}
+function N(e) {
+	return e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && e.key !== " ";
+}
+//#endregion
+//#region src/list-nav.ts
+function P(e, t) {
+	let n = [];
+	for (let r = 0; r < e; r++) t?.(r) || n.push(r);
+	return n;
+}
+function F(e, t, n) {
+	let r = e.length;
+	return r === 0 ? -1 : e[(e.indexOf(t) + n + r) % r];
+}
+//#endregion
+//#region src/createMenu.svelte.ts
+function I(e) {
+	let t = () => e.items(), n = () => e.submenu?.() ?? !1, i = () => (e.dir?.() ?? "ltr") === "rtl", a = l(-1), o = l(-1), s = M();
+	function c(e) {
+		let n = e.trim().toLowerCase();
+		if (!n) return -1;
+		let i = t(), o = i.length;
+		for (let e = 1; e <= o; e++) {
+			let t = (r(a) + e + o) % o, s = i[t];
+			if (s && !s.disabled && !s.separator && (s.label ?? "").toLowerCase().startsWith(n)) return t;
+		}
+		return -1;
+	}
+	let u = x(() => P(t().length, (e) => {
+		let n = t()[e];
+		return !n || n.separator === !0 || n.disabled === !0;
+	}));
+	function d(t) {
+		p(a, t, !0), p(o, -1), e.focusItem?.(t);
+	}
+	function f(e) {
+		let t = F(r(u), r(a), e);
+		t >= 0 && d(t);
+	}
+	function m() {
+		let e = r(u)[0];
+		e != null && d(e);
+	}
+	function h() {
+		let e = r(u).at(-1);
+		e != null && d(e);
+	}
+	function g(e) {
+		let n = t()[e];
+		!n || n.disabled || n.separator || (p(a, e, !0), p(o, n.children?.length ? e : -1, !0));
+	}
+	function _(n) {
+		if (!(n.disabled || n.separator)) {
+			if (n.children?.length) {
+				p(o, t().indexOf(n), !0);
+				return;
+			}
+			n.onSelect?.(), e.onSelect(n), e.onClose();
+		}
+	}
+	function v(r, a) {
+		let l = t()[a], u = () => {
+			l?.children?.length && (r.preventDefault(), p(o, a, !0));
+		}, g = () => {
+			n() && (r.preventDefault(), e.onCollapse?.());
+		};
+		switch (r.key) {
+			case "ArrowDown":
+				r.preventDefault(), f(1);
+				break;
+			case "ArrowUp":
+				r.preventDefault(), f(-1);
+				break;
+			case "Home":
+				r.preventDefault(), m();
+				break;
+			case "End":
+				r.preventDefault(), h();
+				break;
+			case "ArrowRight":
+				(i() ? g : u)();
+				break;
+			case "ArrowLeft":
+				(i() ? u : g)();
+				break;
+			case "Enter":
+			case " ":
+				r.preventDefault(), l && _(l);
+				break;
+			case "Escape":
+				r.preventDefault(), e.onClose();
+				break;
+			case "Tab":
+				e.onClose();
+				break;
+			default: if (N(r)) {
+				let e = c(s.push(r.key));
+				e >= 0 && (r.preventDefault(), d(e));
+			}
+		}
+	}
+	function y(e) {
+		return r(a) === e || r(a) === -1 && e === r(u)[0] ? 0 : -1;
+	}
+	return {
+		get active() {
+			return r(a);
+		},
+		get openSub() {
+			return r(o);
+		},
+		get focusables() {
+			return r(u);
+		},
+		isActive: (e) => e === r(a),
+		isSubOpen: (e) => e === r(o),
+		itemTabIndex: y,
+		move: f,
+		first: m,
+		last: h,
+		focus: d,
+		hover: g,
+		choose: _,
+		onItemKeydown: v,
+		listProps: () => ({ role: "menu" }),
+		itemProps: (e) => {
+			let n = t()[e], i = !!n?.children?.length;
+			return {
+				role: "menuitem",
+				"data-mi": e,
+				tabindex: y(e),
+				"aria-haspopup": i ? "menu" : void 0,
+				"aria-expanded": i ? r(o) === e : void 0,
+				"aria-disabled": n?.disabled ? !0 : void 0,
+				disabled: n?.disabled,
+				onkeydown: (t) => v(t, e),
+				onpointerenter: () => g(e),
+				onclick: () => {
+					n && _(n);
+				}
+			};
+		}
+	};
+}
+//#endregion
+//#region src/positioning.ts
+var L = {
+	top: "bottom",
+	bottom: "top",
+	left: "right",
+	right: "left"
+};
+function R(e) {
+	let [t, n] = e.split("-");
+	return {
+		side: t,
+		align: n ?? "center"
+	};
+}
+function z(e) {
+	let { side: t, align: n } = R(e);
+	return n === "center" ? L[t] : `${L[t]}-${n}`;
+}
+function B(e, t, n) {
+	return n < t || e < t ? t : e > n ? n : e;
+}
+function V(e, t, n, r, i) {
+	if (e === "top" || e === "bottom") {
+		let a = e === "top" ? n.y - r.height - i : n.y + n.height + i;
+		return {
+			x: t === "start" ? n.x : t === "end" ? n.x + n.width - r.width : n.x + n.width / 2 - r.width / 2,
+			y: a
+		};
+	}
+	return {
+		x: e === "left" ? n.x - r.width - i : n.x + n.width + i,
+		y: t === "start" ? n.y : t === "end" ? n.y + n.height - r.height : n.y + n.height / 2 - r.height / 2
+	};
+}
+function H(e, t, n, r, i, a) {
+	switch (e) {
+		case "top": return a - n;
+		case "bottom": return n + r.height - (i.height - a);
+		case "left": return a - t;
+		default: return t + r.width - (i.width - a);
+	}
+}
+function U(e) {
+	return e || (typeof window < "u" ? {
+		width: window.innerWidth,
+		height: window.innerHeight
+	} : {
+		width: 0,
+		height: 0
+	});
+}
+function W(e, t, n = {}) {
+	let r = n.offset ?? 6, i = n.padding ?? 8, a = n.flip !== !1, o = n.shift !== !1, s = U(n.viewport), c = n.placement ?? "bottom-start", l = [c];
+	if (a) {
+		l.push(z(c));
+		for (let e of n.fallbackPlacements ?? []) l.push(e);
+	}
+	let u = c, d = Infinity;
+	for (let n of l) {
+		let { side: a, align: o } = R(n), { x: c, y: l } = V(a, o, e, t, r), f = H(a, c, l, t, s, i);
+		if (f <= 0) {
+			u = n, d = f;
+			break;
+		}
+		f < d && (d = f, u = n);
+	}
+	let { side: f, align: p } = R(u), { x: m, y: h } = V(f, p, e, t, r);
+	o && (f === "top" || f === "bottom" ? m = B(m, i, s.width - i - t.width) : h = B(h, i, s.height - i - t.height));
+	let g = n.minMainAxis ?? 0, _, v;
+	if (f === "top" || f === "bottom") {
+		let t = f === "top" ? e.y - r - i : s.height - i - (e.y + e.height + r);
+		v = Math.max(g, Math.floor(t)), _ = Math.max(0, s.width - 2 * i);
+	} else {
+		let t = f === "left" ? e.x - r - i : s.width - i - (e.x + e.width + r);
+		_ = Math.max(g, Math.floor(t)), v = Math.max(0, s.height - 2 * i);
+	}
+	let y = {
+		x: m,
+		y: h,
+		placement: u,
+		side: f,
+		align: p,
+		maxWidth: _,
+		maxHeight: v
+	};
+	if (n.arrow) {
+		let r = n.arrow.size;
+		y.arrow = f === "top" || f === "bottom" ? { x: B(e.x + e.width / 2 - m - r / 2, i, t.width - r - i) } : { y: B(e.y + e.height / 2 - h - r / 2, i, t.height - r - i) };
+	}
+	return y;
+}
+function G(e) {
+	let t = [], n = e.parentElement;
+	for (; n;) {
+		let e = getComputedStyle(n);
+		/(auto|scroll|overlay|hidden)/.test(e.overflow + e.overflowY + e.overflowX) && t.push(n), n = n.parentElement;
+	}
+	return t;
+}
+function K(e, t, n) {
+	if (typeof window > "u") return () => {};
+	let r = G(e);
+	for (let e of r) e.addEventListener("scroll", n, { passive: !0 });
+	window.addEventListener("scroll", n, { passive: !0 }), window.addEventListener("resize", n);
+	let i;
+	return typeof ResizeObserver == "function" && (i = new ResizeObserver(n), i.observe(e), i.observe(t)), n(), () => {
+		for (let e of r) e.removeEventListener("scroll", n);
+		window.removeEventListener("scroll", n), window.removeEventListener("resize", n), i?.disconnect();
+	};
+}
+//#endregion
+//#region src/SvMenuList.svelte
+var q = a("<div class=\"sv-menu__sep svelte-1tjexrx\" role=\"separator\"></div>"), J = a("<span class=\"sv-menu__shortcut svelte-1tjexrx\"> </span>"), Y = s("<svg class=\"sv-menu__chev svelte-1tjexrx\" viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"></path></svg>"), X = a("<div class=\"sv-menu__flyout svelte-1tjexrx\"><!></div>"), Z = a("<div class=\"sv-menu__itemwrap svelte-1tjexrx\"><button><span class=\"sv-menu__icon svelte-1tjexrx\"><!></span> <span class=\"sv-menu__label svelte-1tjexrx\"> </span> <!> <!></button> <!></div>"), Q = a("<div></div>"), ee = {
+	hash: "svelte-1tjexrx",
+	code: ".sv-menu__list.svelte-1tjexrx {display:flex;flex-direction:column;min-width:180px;padding:4px;}.sv-menu__sep.svelte-1tjexrx {height:1px;background:var(--sg-border, #e2e8f0);margin:4px 6px;}.sv-menu__itemwrap.svelte-1tjexrx {position:relative;}.sv-menu__item.svelte-1tjexrx {display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;padding:7px 10px;background:none;border:0;border-radius:6px;cursor:pointer;font:inherit;font-size:13px;color:var(--sg-fg, #0f172a);text-align:start;transition:background 0.1s;}.sv-menu__item.is-active.svelte-1tjexrx:not([disabled]), .sv-menu__item.svelte-1tjexrx:hover:not([disabled]) {background:var(--sg-row-hover-bg, #f1f5f9);}.sv-menu__item.svelte-1tjexrx:focus-visible {outline:2px solid var(--sg-focus-ring, var(--sg-accent, #2563eb));outline-offset:-2px;}.sv-menu__item[disabled].svelte-1tjexrx {opacity:0.45;cursor:default;}.sv-menu__icon.svelte-1tjexrx {display:inline-flex;width:16px;flex:none;color:var(--sg-muted, #64748b);}.sv-menu__icon.svelte-1tjexrx:empty {width:0;}.sv-menu__label.svelte-1tjexrx {flex:1;white-space:nowrap;}.sv-menu__shortcut.svelte-1tjexrx {color:var(--sg-muted, #94a3b8);font-size:11.5px;margin-inline-start:12px;}.sv-menu__chev.svelte-1tjexrx {color:var(--sg-muted, #94a3b8);flex:none;}.sv-menu[dir='rtl'].svelte-1tjexrx .sv-menu__chev:where(.svelte-1tjexrx), .sv-menu__list.is-submenu.svelte-1tjexrx .sv-menu__chev:where(.svelte-1tjexrx) {transform:scaleX(-1);}\n  /* top/left are the pre-JS fallback (open to the right); the `flyout` action\n     overrides them with engine-computed offsets (flip + vertical clamp). */.sv-menu__flyout.svelte-1tjexrx {position:absolute;top:-5px;left:100%;z-index:1;background:var(--sg-bg, #fff);border:1px solid var(--sg-border, #e2e8f0);border-radius:10px;box-shadow:0 16px 40px -12px rgba(15,23,42,0.32);}"
+};
+function $(a, s) {
+	w(s, !0), T(a, ee);
+	let E = S(s, "submenu", 3, !1), D = l(null), O = I({
+		items: () => s.items,
+		onSelect: (e) => s.onselect(e),
+		onClose: () => s.onclose(),
+		submenu: () => E(),
+		onCollapse: () => s.oncollapse?.(),
+		dir: () => s.dir,
+		focusItem: (e) => queueMicrotask(() => r(D)?.querySelector(`[data-mi="${e}"]`)?.focus())
+	}), k = s.dir === "rtl" ? "left-start" : "right-start";
+	function A(e) {
+		let t = e.parentElement, n = t?.querySelector(":scope > .sv-menu__item") ?? null, r = () => {
+			if (!n || !t) return;
+			let r = n.getBoundingClientRect(), i = t.getBoundingClientRect(), a = {
+				width: e.offsetWidth || 200,
+				height: e.offsetHeight || 120
+			}, o = W({
+				x: r.left,
+				y: r.top,
+				width: r.width,
+				height: r.height
+			}, a, {
+				placement: k,
+				offset: 2,
+				padding: 8
+			});
+			e.style.left = `${o.x - i.left}px`, e.style.top = `${o.y - i.top}px`;
+		};
+		if (!n) return r(), {};
+		let i = K(n, e, r);
+		return { destroy() {
+			i();
+		} };
+	}
+	var j = Q();
+	g(j, (e) => ({
+		class: "sv-menu__list",
+		...e,
+		[b]: { "is-submenu": E() }
+	}), [() => O.listProps()], void 0, void 0, "svelte-1tjexrx"), t(j, 21, () => s.items, e, (e, t, a) => {
+		var l = i(), f = C(l), p = (e) => {
+			var t = q();
+			n(e, t);
+		}, _ = (e) => {
+			var l = Z(), f = d(l);
+			g(f, (e, t) => ({
+				type: "button",
+				class: "sv-menu__item",
+				...e,
+				[b]: t
+			}), [() => O.itemProps(a), () => ({ "is-active": O.isActive(a) })], void 0, void 0, "svelte-1tjexrx");
+			var p = d(f), _ = d(p), S = (e) => {
+				var a = i(), o = C(a);
+				m(o, () => r(t).icon), n(e, a);
+			};
+			h(_, (e) => {
+				r(t).icon && e(S);
+			}), y(p);
+			var w = v(p, 2), T = d(w, !0);
+			y(w);
+			var E = v(w, 2), D = (e) => {
+				var i = J(), a = d(i, !0);
+				y(i), c(() => o(a, r(t).shortcut)), n(e, i);
+			};
+			h(E, (e) => {
+				r(t).shortcut && e(D);
+			});
+			var k = v(E, 2), j = (e) => {
+				var t = Y();
+				n(e, t);
+			};
+			h(k, (e) => {
+				r(t).children?.length && e(j);
+			}), y(f);
+			var M = v(f, 2), N = (e) => {
+				var i = X();
+				$(d(i), {
+					get items() {
+						return r(t).children;
+					},
+					get onclose() {
+						return s.onclose;
+					},
+					get onselect() {
+						return s.onselect;
+					},
+					oncollapse: () => O.focus(a),
+					get dir() {
+						return s.dir;
+					},
+					submenu: !0
+				}), y(i), u(i, (e) => A?.(e)), n(e, i);
+			}, P = x(() => r(t).children?.length && O.isSubOpen(a));
+			h(M, (e) => {
+				r(P) && e(N);
+			}), y(l), c(() => o(T, r(t).label)), n(e, l);
+		};
+		h(f, (e) => {
+			r(t).separator ? e(p) : e(_, -1);
+		}), n(e, l);
+	}), y(j), f(j, (e) => p(D, e), () => r(D)), n(a, j), _();
+}
+//#endregion
+export { I as a, M as c, O as d, k as f, E as h, R as i, D as l, j as m, K as n, P as o, N as p, W as r, F as s, $ as t, A as u };