@svgrid/grid-wc 2.6.2 → 2.7.0

package/dist/shadow/SvGridDropdown-DnAESFDu.js

@@ -0,0 +1,256 @@
+import { $ as e, A as t, E as n, F as r, H as i, I as a, J as o, K as s, L as c, N as l, O as u, R as d, V as f, X as p, Y as m, Z as h, a as g, d as _, et as v, f as y, j as b, k as x, n as S, nt as C, q as ee, rt as w, s as te, tt as T, v as E, w as D, x as O, y as k } from "./client-DjwUji8D.js";
+import { n as ne, r as re, t as ie } from "./popover-WsGlvtQv.js";
+//#region ../grid/dist/SvGridDropdown.svelte
+var ae = b("<span class=\"sv-grid-chip sv-grid-chip-removable svelte-13rpzh6\"> <span class=\"sv-grid-chip-remove svelte-13rpzh6\" role=\"button\">×</span></span>"), oe = b("<span class=\"sv-grid-dropdown-chips svelte-13rpzh6\"></span>"), se = b("<span class=\"sv-grid-chip svelte-13rpzh6\"> </span>"), ce = b("<span class=\"sv-grid-dropdown-label svelte-13rpzh6\"> </span>"), le = b("<input type=\"search\" class=\"sv-grid-dropdown-search\" placeholder=\"Search…\"/>"), ue = b("<div class=\"sv-grid-dropdown-empty\" role=\"status\" aria-live=\"polite\">Loading…</div>"), de = b("<div class=\"sv-grid-dropdown-empty\"> </div>"), fe = b("<span class=\"sv-grid-dropdown-check\" aria-hidden=\"true\"> </span>"), pe = b("<span class=\"sv-grid-dropdown-option-chip\"> </span>"), me = b("<span class=\"sv-grid-dropdown-option-label\"> </span>"), he = b("<div role=\"option\"><!> <!></div>"), ge = b("<div class=\"sv-grid-dropdown-footer\"><button type=\"button\" class=\"sv-grid-dropdown-done\">Done</button></div>"), _e = b("<div role=\"listbox\"><!> <!> <!></div>"), ve = b("<div><button type=\"button\" aria-haspopup=\"listbox\"><!> <span class=\"sv-grid-dropdown-caret svelte-13rpzh6\" aria-hidden=\"true\">▾</span></button> <!></div>");
+function A(r, b) {
+	let A = l();
+	T(b, !0);
+	let j = S(b, "multiple", 3, !1), ye = S(b, "placeholder", 3, "Select…"), M = S(b, "renderChipsInTrigger", 3, !1), N = S(b, "searchable", 3, !1), be = S(b, "autoOpen", 3, !0), xe = S(b, "loading", 3, !1);
+	function P(e) {
+		return e >= 0 && e < d(L).length ? `${A}-opt-${e}` : void 0;
+	}
+	let F = e(() => b.options.some((e) => e.color) ? 40 : 32), I = h(""), L = e(() => !N() || !d(I).trim() ? b.options : (() => {
+		let e = d(I).trim().toLowerCase();
+		return b.options.filter((t) => t.label.toLowerCase().includes(e));
+	})()), R = h(!1), z = h(-1), B = h(null), V = h(null), H = h(null), U = h(m({
+		top: 0,
+		left: 0,
+		width: 0,
+		openUpward: !1,
+		maxHeight: 0,
+		availHeight: 0
+	})), W = e(() => Array.isArray(b.value) ? b.value : b.value == null || b.value === "" ? [] : [b.value]), Se = e(() => {
+		if (d(W).length === 0) return ye();
+		if (!j()) {
+			let e = d(W)[0], t = b.options.find((t) => String(t.value) === String(e));
+			return t ? t.label : String(e);
+		}
+		return `${d(W).length} selected`;
+	}), Ce = e(() => {
+		if (j() || d(W).length !== 1) return;
+		let e = d(W)[0];
+		return b.options.find((t) => String(t.value) === String(e))?.color;
+	});
+	function G(e) {
+		return d(W).some((t) => String(t) === String(e.value));
+	}
+	function K(e) {
+		if (j()) {
+			let t = G(e) ? d(W).filter((t) => String(t) !== String(e.value)) : [...d(W), e.value];
+			b.onChange?.(t);
+		} else b.onChange?.(e.value), p(R, !1), b.onCommit?.();
+	}
+	function q() {
+		if (!d(R)) {
+			if (p(R, !0), d(z) < 0) {
+				let e = b.options.findIndex((e) => G(e));
+				p(z, e >= 0 ? e : 0, !0);
+			}
+			J();
+		}
+	}
+	function J() {
+		if (!d(V)) return;
+		let e = Math.min(d(L).length, 10), t = N() ? 38 : 0, n = e * d(F) + (j() ? 40 : 0) + t + 8;
+		p(U, ie(d(V).getBoundingClientRect(), {
+			estimatedHeight: n,
+			clampHorizontal: !1
+		}), !0);
+	}
+	i(() => {
+		if (!d(R)) return;
+		let e = () => J();
+		return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
+			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
+		};
+	}), i(() => {
+		d(R) && (d(L).length, d(F), J());
+	});
+	function Y() {
+		p(R, !1), p(z, -1);
+	}
+	function we(e) {
+		if (e.stopPropagation(), e.key === "Escape") {
+			e.preventDefault(), Y(), b.onCancel?.();
+			return;
+		}
+		if (e.key === "ArrowDown") {
+			if (e.preventDefault(), !d(R)) {
+				q();
+				return;
+			}
+			p(z, Math.min(d(z) + 1, b.options.length - 1), !0), X();
+		} else if (e.key === "ArrowUp") {
+			if (e.preventDefault(), !d(R)) {
+				q();
+				return;
+			}
+			p(z, Math.max(d(z) - 1, 0), !0), X();
+		} else if (e.key === "Home") {
+			if (!d(R)) return;
+			e.preventDefault(), p(z, 0), X();
+		} else if (e.key === "End") {
+			if (!d(R)) return;
+			e.preventDefault(), p(z, b.options.length - 1), X();
+		} else if (e.key === "Enter") {
+			if (e.preventDefault(), !d(R)) {
+				q();
+				return;
+			}
+			let t = b.options[d(z)];
+			t ? K(t) : j() && (Y(), b.onCommit?.());
+		} else if (e.key === " " && d(R)) {
+			e.preventDefault();
+			let t = b.options[d(z)];
+			t && K(t);
+		} else e.key === "Tab" && (d(R) && Y(), b.onCommit?.());
+	}
+	function X() {
+		queueMicrotask(() => {
+			d(H) && d(H).querySelector(`[data-opt-idx="${d(z)}"]`)?.scrollIntoView({ block: "nearest" });
+		});
+	}
+	function Te(e) {
+		let t = e.relatedTarget;
+		t && d(B)?.contains(t) || (d(R) && Y(), b.onCommit?.());
+	}
+	function Ee(e, t) {
+		t.preventDefault(), t.stopPropagation();
+		let n = d(W).filter((t) => String(t) !== String(e));
+		b.onChange?.(j() ? n : n[0] ?? null);
+	}
+	function De(e) {
+		be() && (e.focus(), q());
+	}
+	i(() => {
+		if (!d(R)) return;
+		let e = (e) => {
+			let t = e.target;
+			t && (d(B)?.contains(t) || d(H)?.contains(t) || (Y(), b.onCommit?.()));
+		};
+		return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
+	});
+	function Z(e) {
+		return `background: color-mix(in srgb, ${e} 22%, transparent);border-color: color-mix(in srgb, ${e} 45%, transparent);color: color-mix(in srgb, ${e} 80%, var(--sg-fg, #0f172a));`;
+	}
+	var Q = ve();
+	let Oe;
+	var $ = s(Q);
+	let ke;
+	var Ae = s($), je = (t) => {
+		var n = oe();
+		D(n, 21, () => d(W), (e) => String(e), (t, n) => {
+			let r = e(() => b.options.find((e) => String(e.value) === String(d(n))));
+			var i = ae(), c = s(i), l = o(c);
+			y(l, "tabindex", -1), w(i), f((e, t, n) => {
+				E(i, e), u(c, `${t ?? ""}  `), y(l, "aria-label", `Remove ${n ?? ""}`);
+			}, [
+				() => d(r)?.color ? Z(d(r).color) : "",
+				() => d(r) ? d(r).label : String(d(n)),
+				() => d(r) ? d(r).label : String(d(n))
+			]), a("mousedown", l, (e) => e.preventDefault()), a("click", l, (e) => Ee(d(n), e)), x(t, i);
+		}), w(n), x(t, n);
+	}, Me = (e) => {
+		var t = se(), n = s(t, !0);
+		w(t), f((e) => {
+			E(t, e), u(n, d(Se));
+		}, [() => Z(d(Ce))]), x(e, t);
+	}, Ne = (e) => {
+		var t = ce(), n = s(t, !0);
+		w(t), f(() => u(n, d(Se))), x(e, t);
+	};
+	n(Ae, (e) => {
+		M() && d(W).length > 0 ? e(je) : !j() && d(W).length === 1 && d(Ce) ? e(Me, 1) : e(Ne, -1);
+	}), C(2), w($), g($, (e) => p(V, e), () => d(V)), O($, (e) => De?.(e));
+	var Pe = o($, 2), Fe = (r) => {
+		let i = e(() => b.options.length > 10), l = e(() => Math.min(d(i) ? 10 * d(F) + (j() ? 40 : 0) + 8 : Infinity, d(U).availHeight));
+		var m = _e();
+		let h, v;
+		var S = s(m), C = (e) => {
+			var t = le();
+			_(t), a("mousedown", t, (e) => e.stopPropagation()), a("click", t, (e) => e.stopPropagation()), a("keydown", t, (e) => {
+				e.key === "Escape" && (e.preventDefault(), p(R, !1), b.onCancel?.());
+			}), te(t, () => d(I), (e) => p(I, e)), x(e, t);
+		};
+		n(S, (e) => {
+			N() && e(C);
+		});
+		var T = o(S, 2), ie = (e) => {
+			var t = ue();
+			x(e, t);
+		}, ae = (e) => {
+			var t = de(), n = s(t, !0);
+			w(t), f(() => u(n, N() && d(I) ? `No matches for "${d(I)}"` : "No options")), x(e, t);
+		}, oe = (r) => {
+			var i = t(), l = ee(i);
+			D(l, 19, () => d(L), (e) => String(e.value), (t, r, i) => {
+				let l = e(() => G(d(r)));
+				var m = he();
+				let h;
+				var g = s(m), _ = (e) => {
+					var t = fe(), n = s(t, !0);
+					w(t), f(() => u(n, d(l) ? "✓" : "")), x(e, t);
+				};
+				n(g, (e) => {
+					j() && e(_);
+				});
+				var v = o(g, 2), b = (e) => {
+					var t = pe(), n = s(t, !0);
+					w(t), f((e) => {
+						E(t, e), u(n, d(r).label);
+					}, [() => Z(d(r).color)]), x(e, t);
+				}, S = (e) => {
+					var t = me(), n = s(t, !0);
+					w(t), f(() => u(n, d(r).label)), x(e, t);
+				};
+				n(v, (e) => {
+					d(r).color ? e(b) : e(S, -1);
+				}), w(m), f((e) => {
+					h = k(m, 1, "sv-grid-dropdown-option", null, h, {
+						"sv-grid-dropdown-option-selected": d(l),
+						"sv-grid-dropdown-option-highlighted": d(i) === d(z)
+					}), y(m, "id", e), y(m, "aria-selected", d(l)), y(m, "data-opt-idx", d(i));
+				}, [() => P(d(i))]), a("mousedown", m, (e) => {
+					e.preventDefault(), K(d(r));
+				}), c("mouseenter", m, () => p(z, d(i), !0)), x(t, m);
+			}), x(r, i);
+		};
+		n(T, (e) => {
+			xe() && d(L).length === 0 ? e(ie) : d(L).length === 0 ? e(ae, 1) : e(oe, -1);
+		});
+		var se = o(T, 2), ce = (e) => {
+			var t = ge(), n = s(t);
+			w(t), a("mousedown", n, (e) => e.preventDefault()), a("click", n, () => {
+				Y(), b.onCommit?.();
+			}), x(e, t);
+		};
+		n(se, (e) => {
+			j() && e(ce);
+		}), w(m), g(m, (e) => p(H, e), () => d(H)), O(m, (e) => re?.(e)), O(m, (e, t) => ne?.(e, t), () => ({ up: d(U).openUpward })), f(() => {
+			h = k(m, 1, "sv-grid-dropdown-panel", null, h, { "sv-grid-dropdown-panel-fits": !d(i) }), y(m, "aria-multiselectable", j()), v = E(m, "", v, {
+				position: "fixed",
+				top: d(U).openUpward ? null : `${d(U).top}px`,
+				bottom: d(U).openUpward ? `${d(U).bottom}px` : null,
+				left: `${d(U).left}px`,
+				width: `${d(U).width}px`,
+				"max-height": d(l) === null ? null : `${d(l)}px`,
+				"z-index": "2147483647"
+			});
+		}), a("pointerdown", m, (e) => e.stopPropagation()), a("mousedown", m, (e) => e.stopPropagation()), a("click", m, (e) => e.stopPropagation()), x(r, m);
+	};
+	n(Pe, (e) => {
+		d(R) && e(Fe);
+	}), w(Q), g(Q, (e) => p(B, e), () => d(B)), f((e) => {
+		Oe = k(Q, 1, "sv-grid-dropdown svelte-13rpzh6", null, Oe, { "sv-grid-dropdown-open": d(R) }), ke = k($, 1, "sv-grid-dropdown-trigger svelte-13rpzh6", null, ke, { "sv-grid-dropdown-trigger-chips": M() && d(W).length > 0 }), y($, "aria-expanded", d(R)), y($, "aria-activedescendant", e);
+	}, [() => d(R) ? P(d(z)) : void 0]), a("focusout", Q, Te), a("click", Q, (e) => e.stopPropagation()), a("dblclick", Q, (e) => e.stopPropagation()), a("pointerdown", Q, (e) => e.stopPropagation()), a("mousedown", Q, (e) => e.stopPropagation()), a("click", $, () => d(R) ? Y() : q()), a("keydown", $, we), x(r, Q), v();
+}
+r([
+	"focusout",
+	"click",
+	"dblclick",
+	"pointerdown",
+	"mousedown",
+	"keydown"
+]);
+//#endregion
+export { A as default };

package/dist/shadow/cell-formatting-C0OsDmi_.js

@@ -0,0 +1,86 @@
+//#region ../grid/dist/cell-formatting.js
+function e(e, t) {
+	if (e) switch (e.trim()) {
+		case "d": return t === "datetime" ? {
+			year: "numeric",
+			month: "numeric",
+			day: "numeric",
+			hour: "numeric",
+			minute: "numeric"
+		} : {
+			year: "numeric",
+			month: "numeric",
+			day: "numeric"
+		};
+		case "D": return t === "datetime" ? {
+			weekday: "long",
+			year: "numeric",
+			month: "long",
+			day: "numeric",
+			hour: "numeric",
+			minute: "numeric"
+		} : {
+			weekday: "long",
+			year: "numeric",
+			month: "long",
+			day: "numeric"
+		};
+		case "y-m-d": return t === "datetime" ? {
+			year: "numeric",
+			month: "2-digit",
+			day: "2-digit",
+			hour: "2-digit",
+			minute: "2-digit",
+			hour12: !1
+		} : {
+			year: "numeric",
+			month: "2-digit",
+			day: "2-digit"
+		};
+		case "medium": return {
+			dateStyle: "medium",
+			timeStyle: t === "datetime" ? "short" : void 0
+		};
+		case "short": return {
+			dateStyle: "short",
+			timeStyle: t === "datetime" ? "short" : void 0
+		};
+		case "long": return {
+			dateStyle: "long",
+			timeStyle: t === "datetime" ? "short" : void 0
+		};
+		default: return;
+	}
+}
+var t = /* @__PURE__ */ new Map();
+function n(e, n) {
+	let r = (Array.isArray(e) ? e.join(",") : e ?? "") + "|" + (n.style ?? "") + "|" + (n.currency ?? "") + "|" + (n.minimumFractionDigits ?? "") + "|" + (n.maximumFractionDigits ?? "") + "|" + (n.useGrouping ?? "") + "|" + (n.currencyDisplay ?? "") + "|" + (n.notation ?? ""), i = t.get(r);
+	return i || (i = new Intl.NumberFormat(e, n), t.set(r, i)), i;
+}
+var r = /* @__PURE__ */ new Map();
+function i(e, t) {
+	let n = (Array.isArray(e) ? e.join(",") : e ?? "") + "|" + (t.dateStyle ?? "") + "|" + (t.timeStyle ?? "") + "|" + (t.year ?? "") + "|" + (t.month ?? "") + "|" + (t.day ?? "") + "|" + (t.hour ?? "") + "|" + (t.minute ?? "") + "|" + (t.second ?? "") + "|" + (t.weekday ?? "") + "|" + (t.hour12 ?? ""), i = r.get(n);
+	return i || (i = new Intl.DateTimeFormat(e, t), r.set(n, i)), i;
+}
+function a(e, t) {
+	let r = typeof e == "number" ? e : Number(e);
+	if (!Number.isFinite(r)) return String(e ?? "");
+	let i = t.locales;
+	if (t.type === "currency") return n(i, {
+		style: "currency",
+		currency: t.currency ?? "USD",
+		...t.options
+	}).format(r);
+	if (t.type === "percent") {
+		let e = t.valueIsPercentPoints === !0 ? r / 100 : r;
+		return n(i, {
+			style: "percent",
+			minimumFractionDigits: 0,
+			maximumFractionDigits: 2,
+			...t.options
+		}).format(e);
+	}
+	return n(i, t.options ?? {}).format(r);
+}
+//#endregion
+export { i as n, e as r, a as t };