@svgrid/grid-wc 3.0.0 → 3.0.2

package/dist/chart/SvChartMenu-C-sbGNk8.js

@@ -0,0 +1,586 @@
+(function(){try{var c=".sv-menu__list.svelte-tumeci{flex-direction:column;min-width:180px;padding:4px;display:flex}.sv-menu__sep.svelte-tumeci{background:var(--sg-border,#e2e8f0);height:1px;margin:4px 6px}.sv-menu__itemwrap.svelte-tumeci{position:relative}.sv-menu__item.svelte-tumeci{box-sizing:border-box;cursor:pointer;width:100%;font:inherit;color:var(--sg-fg,#0f172a);text-align:start;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:7px 10px;font-size:13px;transition:background .1s;display:flex}.sv-menu__item.is-active.svelte-tumeci:not([disabled]),.sv-menu__item.svelte-tumeci:hover:not([disabled]){background:var(--sg-row-hover-bg,#f1f5f9)}.sv-menu__item.svelte-tumeci:focus-visible{outline:2px solid var(--sg-focus-ring,var(--sg-accent,#2563eb));outline-offset:-2px}.sv-menu__item[disabled].svelte-tumeci{opacity:.45;cursor:default}.sv-menu__icon.svelte-tumeci{width:16px;color:var(--sg-muted,#64748b);flex:none;display:inline-flex}.sv-menu__icon.svelte-tumeci:empty{width:0}.sv-menu__label.svelte-tumeci{white-space:nowrap;flex:1}.sv-menu__shortcut.svelte-tumeci{color:var(--sg-muted,#94a3b8);margin-inline-start:12px;font-size:11.5px}.sv-menu__chev.svelte-tumeci{color:var(--sg-muted,#94a3b8);flex:none}.sv-menu[dir=rtl].svelte-tumeci .sv-menu__chev:where(.svelte-tumeci),.sv-menu__list.is-submenu.svelte-tumeci .sv-menu__chev:where(.svelte-tumeci){transform:scaleX(-1)}.sv-menu__flyout.svelte-tumeci{z-index:1;background:var(--sg-bg,#fff);border:1px solid var(--sg-border,#e2e8f0);border-radius:10px;position:absolute;top:-5px;left:100%;box-shadow:0 16px 40px -12px #0f172a52}.sv-grid-chart-menu{z-index:2147483646;background:var(--sg-bg,#fff);min-width:220px;color:var(--sg-fg,#0f172a);border:1px solid var(--sg-border,#e2e8f0);border-radius:10px;font-size:13px;box-shadow:0 16px 48px -12px #0f172a59}\n";if(typeof globalThis!=='undefined'){var f=globalThis.__SVGRID_WC_ADD_CSS__;if(typeof f==='function')f(c);else(globalThis.__SVGRID_WC_CSS_CHUNKS__=globalThis.__SVGRID_WC_CSS_CHUNKS__||[]).push(c);}if(typeof document==='undefined')return;if(document.querySelector('style[data-svgrid-grid-wc-chunk="SvChartMenu"]'))return;var s=document.createElement('style');s.setAttribute('data-svgrid-grid-wc-chunk',"SvChartMenu");s.textContent=c;document.head.appendChild(s);}catch(e){}})();
+import { B as e, C as t, F as n, G as r, H as i, I as a, L as o, N as s, P as c, S as l, U as u, V as d, _ as f, a as p, b as m, c as h, d as g, f as _, g as v, k as y, l as b, m as x, n as S, v as C, w, x as T, y as E, z as D } from "./client-BuB0wIgc.js";
+//#region ../grid/dist/popover.js
+var O = [
+	"--sg-accent",
+	"--sg-on-accent",
+	"--sg-bg",
+	"--sg-fg",
+	"--sg-muted",
+	"--sg-border",
+	"--sg-header-bg",
+	"--sg-header-fg",
+	"--sg-row-hover-bg",
+	"--sg-row-alt-bg",
+	"--sg-selection-bg",
+	"--sg-selection-fg",
+	"--sg-input-bg",
+	"--sg-input-border",
+	"--sg-danger",
+	"--sg-focus-ring",
+	"--sg-radius",
+	"--sg-font",
+	"--sg-invalid-bg",
+	"--sg-invalid-border",
+	"--sg-invalid-fg",
+	"--sg-rating-on",
+	"--sg-rating-empty",
+	"--sg-rating-hover"
+];
+function k(e, t = O) {
+	let n = getComputedStyle(e);
+	for (let r of t) {
+		let t = n.getPropertyValue(r).trim();
+		t && e.style.setProperty(r, t);
+	}
+	return document.body.appendChild(e), { destroy() {
+		e.parentNode === document.body && document.body.removeChild(e);
+	} };
+}
+function A(e, t = {}) {
+	if (typeof e.animate != "function" || typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches) return;
+	let n = t.up ? 6 : -6, r = t.scale ?? .97;
+	return e.animate([{
+		opacity: 0,
+		transform: `translateY(${n}px) scale(${r})`
+	}, {
+		opacity: 1,
+		transform: "translateY(0) scale(1)"
+	}], {
+		duration: t.duration ?? 140,
+		easing: "cubic-bezier(0.16, 1, 0.3, 1)"
+	}), {};
+}
+//#endregion
+//#region ../grid/dist/a11y/dismissable.js
+function j(e, t) {
+	return t ? (Array.isArray(e) ? e : [e]).some((e) => e != null && e.contains(t)) : !1;
+}
+var M = [], N = !1;
+function P() {
+	N || typeof document > "u" || (N = !0, document.addEventListener("keydown", (e) => {
+		if (e.key !== "Escape") return;
+		let t = M[M.length - 1];
+		t?.closeOnEscape && (e.stopPropagation(), t.onDismiss("escape"));
+	}, !0), document.addEventListener("pointerdown", (e) => {
+		let t = M[M.length - 1];
+		t?.closeOnOutside && (j(t.element(), e.target) || t.onDismiss("outside"));
+	}, !0));
+}
+function F(e) {
+	let t = {
+		element: e.element,
+		onDismiss: e.onDismiss,
+		closeOnEscape: e.closeOnEscape ?? !0,
+		closeOnOutside: e.closeOnOutside ?? !0
+	};
+	return {
+		activate() {
+			P(), M.includes(t) || M.push(t);
+		},
+		release() {
+			let e = M.indexOf(t);
+			e >= 0 && M.splice(e, 1);
+		}
+	};
+}
+function I(e, t) {
+	if (typeof window > "u") return () => {};
+	let n = (n) => {
+		j(e(), n.target) || t();
+	};
+	return window.addEventListener("scroll", n, !0), () => window.removeEventListener("scroll", n, !0);
+}
+//#endregion
+//#region ../grid/dist/a11y/focus-trap.js
+var L = [
+	"a[href]",
+	"area[href]",
+	"button:not([disabled])",
+	"input:not([disabled])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"iframe",
+	"audio[controls]",
+	"video[controls]",
+	"[contenteditable]:not([contenteditable=\"false\"])",
+	"[tabindex]"
+].join(",");
+function R(e) {
+	if (e.hasAttribute("disabled") || e.getAttribute("aria-hidden") === "true" || e.hidden || e.closest("[hidden]")) return !1;
+	let t = e.style;
+	return !(t.display === "none" || t.visibility === "hidden" || typeof e.getClientRects == "function" && e.getClientRects().length === 0 && document.body.getClientRects().length > 0);
+}
+function z(e) {
+	return Array.from(e.querySelectorAll(L)).filter((e) => {
+		let t = e.getAttribute("tabindex");
+		return t !== null && Number(t) < 0 ? !1 : R(e);
+	});
+}
+function B(e, t = {}) {
+	let { initialFocus: n = "first", returnFocus: r = !0 } = t, i = null, a = !1;
+	function o() {
+		let t = n;
+		return t === "container" ? e : t === "first" ? z(e)[0] ?? e : typeof t == "function" ? t() : t;
+	}
+	function s(n) {
+		if (!a) return;
+		if (n.key === "Escape" && t.onEscape) {
+			t.onEscape(n);
+			return;
+		}
+		if (n.key !== "Tab") return;
+		let r = z(e);
+		if (!r.length) {
+			n.preventDefault(), e.focus();
+			return;
+		}
+		let i = r[0], o = r[r.length - 1], s = document.activeElement;
+		if (!e.contains(s)) {
+			n.preventDefault(), i.focus();
+			return;
+		}
+		n.shiftKey && s === i ? (n.preventDefault(), o.focus()) : !n.shiftKey && s === o && (n.preventDefault(), i.focus());
+	}
+	function c() {
+		a || (a = !0, i = document.activeElement, e.hasAttribute("tabindex") || e.setAttribute("tabindex", "-1"), document.addEventListener("keydown", s, !0), queueMicrotask(() => {
+			a && o()?.focus();
+		}));
+	}
+	function l() {
+		a && (a = !1, document.removeEventListener("keydown", s, !0), r && i?.focus?.(), i = null);
+	}
+	return {
+		activate: c,
+		release: l
+	};
+}
+//#endregion
+//#region ../grid/dist/list-option.js
+function V(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 H(e) {
+	return e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && e.key !== " ";
+}
+//#endregion
+//#region ../grid/dist/list-nav.js
+function U(e, t) {
+	let n = [];
+	for (let r = 0; r < e; r++) t?.(r) || n.push(r);
+	return n;
+}
+function W(e, t, n) {
+	let r = e.length;
+	return r === 0 ? -1 : e[(e.indexOf(t) + n + r) % r];
+}
+//#endregion
+//#region ../grid/dist/createMenu.svelte.js
+function G(t) {
+	let n = () => t.items(), r = () => t.submenu?.() ?? !1, i = () => (t.dir?.() ?? "ltr") === "rtl", a = e(-1), o = e(-1), s = V();
+	function c(e) {
+		let t = e.trim().toLowerCase();
+		if (!t) return -1;
+		let r = n(), i = r.length;
+		for (let e = 1; e <= i; e++) {
+			let n = (y(a) + e + i) % i, o = r[n];
+			if (o && !o.disabled && !o.separator && (o.label ?? "").toLowerCase().startsWith(t)) return n;
+		}
+		return -1;
+	}
+	let l = d(() => U(n().length, (e) => {
+		let t = n()[e];
+		return !t || t.separator === !0 || t.disabled === !0;
+	}));
+	function u(e) {
+		D(a, e, !0), D(o, -1), t.focusItem?.(e);
+	}
+	function f(e) {
+		let t = W(y(l), y(a), e);
+		t >= 0 && u(t);
+	}
+	function p() {
+		let e = y(l)[0];
+		e != null && u(e);
+	}
+	function m() {
+		let e = y(l).at(-1);
+		e != null && u(e);
+	}
+	function h(e) {
+		let t = n()[e];
+		!t || t.disabled || t.separator || (D(a, e, !0), D(o, t.children?.length ? e : -1, !0));
+	}
+	function g(e) {
+		if (!(e.disabled || e.separator)) {
+			if (e.children?.length) {
+				D(o, n().indexOf(e), !0);
+				return;
+			}
+			e.onSelect?.(), t.onSelect(e), t.onClose();
+		}
+	}
+	function _(e, a) {
+		let l = n()[a], d = () => {
+			l?.children?.length && (e.preventDefault(), D(o, a, !0));
+		}, h = () => {
+			r() && (e.preventDefault(), t.onCollapse?.());
+		};
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), f(1);
+				break;
+			case "ArrowUp":
+				e.preventDefault(), f(-1);
+				break;
+			case "Home":
+				e.preventDefault(), p();
+				break;
+			case "End":
+				e.preventDefault(), m();
+				break;
+			case "ArrowRight":
+				(i() ? h : d)();
+				break;
+			case "ArrowLeft":
+				(i() ? d : h)();
+				break;
+			case "Enter":
+			case " ":
+				e.preventDefault(), l && g(l);
+				break;
+			case "Escape":
+				e.preventDefault(), t.onClose();
+				break;
+			case "Tab":
+				t.onClose();
+				break;
+			default: if (H(e)) {
+				let t = c(s.push(e.key));
+				t >= 0 && (e.preventDefault(), u(t));
+			}
+		}
+	}
+	function v(e) {
+		return y(a) === e || y(a) === -1 && e === y(l)[0] ? 0 : -1;
+	}
+	return {
+		get active() {
+			return y(a);
+		},
+		get openSub() {
+			return y(o);
+		},
+		get focusables() {
+			return y(l);
+		},
+		isActive: (e) => e === y(a),
+		isSubOpen: (e) => e === y(o),
+		itemTabIndex: v,
+		move: f,
+		first: p,
+		last: m,
+		focus: u,
+		hover: h,
+		choose: g,
+		onItemKeydown: _,
+		listProps: () => ({ role: "menu" }),
+		itemProps: (e) => {
+			let t = n()[e], r = !!t?.children?.length;
+			return {
+				role: "menuitem",
+				"data-mi": e,
+				tabindex: v(e),
+				"aria-haspopup": r ? "menu" : void 0,
+				"aria-expanded": r ? y(o) === e : void 0,
+				"aria-disabled": t?.disabled ? !0 : void 0,
+				disabled: t?.disabled,
+				onkeydown: (t) => _(t, e),
+				onpointerenter: () => h(e),
+				onclick: () => {
+					t && g(t);
+				}
+			};
+		}
+	};
+}
+//#endregion
+//#region ../grid/dist/positioning.js
+var K = {
+	top: "bottom",
+	bottom: "top",
+	left: "right",
+	right: "left"
+};
+function q(e) {
+	let [t, n] = e.split("-");
+	return {
+		side: t,
+		align: n ?? "center"
+	};
+}
+function J(e) {
+	let { side: t, align: n } = q(e);
+	return n === "center" ? K[t] : `${K[t]}-${n}`;
+}
+function Y(e, t, n) {
+	return n < t || e < t ? t : e > n ? n : e;
+}
+function X(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 Z(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 Q(e) {
+	return e || (typeof window < "u" ? {
+		width: window.innerWidth,
+		height: window.innerHeight
+	} : {
+		width: 0,
+		height: 0
+	});
+}
+function ee(e, t, n = {}) {
+	let r = n.offset ?? 6, i = n.padding ?? 8, a = n.flip !== !1, o = n.shift !== !1, s = Q(n.viewport), c = n.placement ?? "bottom-start", l = [c];
+	if (a) {
+		l.push(J(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 } = q(n), { x: c, y: l } = X(a, o, e, t, r), f = Z(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 } = q(u), { x: m, y: h } = X(f, p, e, t, r);
+	o && (f === "top" || f === "bottom" ? m = Y(m, i, s.width - i - t.width) : h = Y(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: Y(e.x + e.width / 2 - m - r / 2, i, t.width - r - i) } : { y: Y(e.y + e.height / 2 - h - r / 2, i, t.height - r - i) };
+	}
+	return y;
+}
+function te(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 ne(e, t, n) {
+	if (typeof window > "u") return () => {};
+	let r = te(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 ../grid/dist/SvMenuList.svelte
+var re = t("<div class=\"sv-menu__sep svelte-tumeci\" role=\"separator\"></div>"), ie = t("<span class=\"sv-menu__shortcut svelte-tumeci\"> </span>"), ae = w("<svg class=\"sv-menu__chev svelte-tumeci\" 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>"), oe = t("<div class=\"sv-menu__flyout svelte-tumeci\"><!></div>"), se = t("<div class=\"sv-menu__itemwrap svelte-tumeci\"><button><span class=\"sv-menu__icon svelte-tumeci\"><!></span> <span class=\"sv-menu__label svelte-tumeci\"> </span> <!> <!></button> <!></div>"), ce = t("<div></div>");
+function $(t, c) {
+	u(c, !0);
+	let g = S(c, "submenu", 3, !1), _ = e(null), w = G({
+		items: () => c.items,
+		onSelect: (e) => c.onselect(e),
+		onClose: () => c.onclose(),
+		submenu: () => g(),
+		onCollapse: () => c.oncollapse?.(),
+		dir: () => c.dir,
+		focusItem: (e) => queueMicrotask(() => y(_)?.querySelector(`[data-mi="${e}"]`)?.focus())
+	}), O = c.dir === "rtl" ? "left-start" : "right-start";
+	function k(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 = ee({
+				x: r.left,
+				y: r.top,
+				width: r.width,
+				height: r.height
+			}, a, {
+				placement: O,
+				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 = ne(n, e, r);
+		return { destroy() {
+			i();
+		} };
+	}
+	var A = ce();
+	b(A, (e) => ({
+		class: "sv-menu__list",
+		...e,
+		[h]: { "is-submenu": g() }
+	}), [() => w.listProps()], void 0, void 0, "svelte-tumeci"), v(A, 21, () => c.items, f, (e, t, i) => {
+		var u = l(), f = a(u), p = (e) => {
+			var t = re();
+			T(e, t);
+		}, g = (e) => {
+			var u = se(), f = n(u);
+			b(f, (e, t) => ({
+				type: "button",
+				class: "sv-menu__item",
+				...e,
+				[h]: t
+			}), [() => w.itemProps(i), () => ({ "is-active": w.isActive(i) })], void 0, void 0, "svelte-tumeci");
+			var p = n(f), g = n(p), _ = (e) => {
+				var n = l(), r = a(n);
+				E(r, () => y(t).icon), T(e, n);
+			};
+			C(g, (e) => {
+				y(t).icon && e(_);
+			}), r(p);
+			var v = o(p, 2), S = n(v, !0);
+			r(v);
+			var D = o(v, 2), O = (e) => {
+				var i = ie(), a = n(i, !0);
+				r(i), s(() => m(a, y(t).shortcut)), T(e, i);
+			};
+			C(D, (e) => {
+				y(t).shortcut && e(O);
+			});
+			var A = o(D, 2), j = (e) => {
+				var t = ae();
+				T(e, t);
+			};
+			C(A, (e) => {
+				y(t).children?.length && e(j);
+			}), r(f);
+			var M = o(f, 2), N = (e) => {
+				var a = oe();
+				$(n(a), {
+					get items() {
+						return y(t).children;
+					},
+					get onclose() {
+						return c.onclose;
+					},
+					get onselect() {
+						return c.onselect;
+					},
+					oncollapse: () => w.focus(i),
+					get dir() {
+						return c.dir;
+					},
+					submenu: !0
+				}), r(a), x(a, (e) => k?.(e)), T(e, a);
+			}, P = d(() => y(t).children?.length && w.isSubOpen(i));
+			C(M, (e) => {
+				y(P) && e(N);
+			}), r(u), s(() => m(S, y(t).label)), T(e, u);
+		};
+		C(f, (e) => {
+			y(t).separator ? e(p) : e(g, -1);
+		}), T(e, u);
+	}), r(A), p(A, (e) => D(_, e), () => y(_)), T(t, A), i();
+}
+//#endregion
+//#region ../grid/dist/SvChartMenu.svelte
+var le = t("<div class=\"sv-ctx sv-grid-chart-menu\"><!></div>");
+function ue(t, a) {
+	u(a, !0);
+	let o = S(a, "ariaLabel", 3, "Chart menu"), l = e(null), f = d(() => {
+		if (typeof window > "u") return {
+			x: a.x,
+			y: a.y
+		};
+		let e = Math.min(a.items.length, 12) * 34 + 8;
+		return {
+			x: Math.max(6, Math.min(a.x, window.innerWidth - 220 - 6)),
+			y: Math.max(6, Math.min(a.y, window.innerHeight - e - 6))
+		};
+	});
+	c(() => {
+		if (!y(l)) return;
+		let e = B(y(l), { initialFocus: () => y(l)?.querySelector("[role=\"menuitem\"]:not([disabled])") ?? null });
+		e.activate();
+		let t = F({
+			element: () => y(l),
+			onDismiss: a.onClose
+		});
+		t.activate();
+		let n = I(() => y(l), a.onClose);
+		return () => {
+			t.release(), e.release(), n();
+		};
+	});
+	var m = le();
+	let h;
+	$(n(m), {
+		get items() {
+			return a.items;
+		},
+		get onclose() {
+			return a.onClose;
+		},
+		onselect: () => a.onClose()
+	}), r(m), p(m, (e) => D(l, e), () => y(l)), x(m, (e) => k?.(e)), x(m, (e, t) => A?.(e, t), () => ({})), s(() => {
+		g(m, "aria-label", o()), h = _(m, "", h, {
+			position: "fixed",
+			top: `${y(f).y}px`,
+			left: `${y(f).x}px`
+		});
+	}), T(t, m), i();
+}
+//#endregion
+export { ue as default };