@svgrid/grid-wc 2.2.1 → 2.5.0

package/dist/dismissable-xj_k_fnZ.js

@@ -0,0 +1,186 @@
+import { $ as e, A as t, D as n, E as r, F as i, I as a, J as o, K as s, O as c, R as l, V as u, f as d, it as f, j as p, k as m, n as h, nt as g, q as _, tt as v, v as ee, w as te, y } from "./client-DoXxrq8q.js";
+import { n as b, r as x } from "./editor-contract-peBDxir_.js";
+//#region ../grid/dist/SvField.svelte
+var S = p("<span class=\"sv-field__req svelte-xtfnp5\" aria-hidden=\"true\">*</span>"), C = p("<label class=\"sv-field__label svelte-xtfnp5\"> <!></label>"), w = p("<span class=\"sv-field__spinner svelte-xtfnp5\" role=\"status\" aria-label=\"Loading\"></span>"), T = p("<span class=\"sv-field__labelrow svelte-xtfnp5\"><!> <!></span>"), ne = p("<span class=\"sv-field__req svelte-xtfnp5\" aria-hidden=\"true\">*</span>"), re = p("<label class=\"sv-field__float-label svelte-xtfnp5\"> <!></label>"), ie = p("<span class=\"sv-field__adorn sv-field__adorn--lead svelte-xtfnp5\"><!></span>"), ae = p("<span class=\"sv-field__affix sv-field__affix--pre svelte-xtfnp5\"> </span>"), oe = p("<span class=\"sv-field__affix sv-field__affix--suf svelte-xtfnp5\"> </span>"), E = p("<span class=\"sv-field__adorn sv-field__adorn--trail svelte-xtfnp5\"><!></span>"), D = p("<span class=\"sv-field__action-txt svelte-xtfnp5\"> </span>"), O = p("<button class=\"sv-field__action svelte-xtfnp5\" type=\"button\" tabindex=\"-1\"><!></button>"), k = p("<button class=\"sv-field__clear svelte-xtfnp5\" type=\"button\" tabindex=\"-1\">&times;</button>"), A = p("<div><!> <!> <!> <span class=\"sv-field__slot svelte-xtfnp5\"><!></span> <!> <!> <!> <!></div>"), j = p("<span class=\"sv-field__error svelte-xtfnp5\" role=\"alert\"> </span>"), M = p("<span class=\"sv-field__hint svelte-xtfnp5\"> </span>"), N = p("<div><!> <!> <!></div>");
+function P(i, p) {
+	g(p, !0);
+	let P = h(p, "required", 3, !1), F = h(p, "block", 3, !1), I = h(p, "loading", 3, !1), L = h(p, "frame", 3, !1), R = h(p, "invalid", 3, !1), z = h(p, "size", 3, "md"), B = h(p, "disabled", 3, !1), V = h(p, "readonly", 3, !1), H = h(p, "clearable", 3, !1), U = h(p, "showClear", 3, !1), W = h(p, "clearLabel", 3, "Clear"), G = h(p, "labelMode", 3, "static"), K = h(p, "filled", 3, !1), se = e(() => p.width == null ? void 0 : typeof p.width == "number" ? `${p.width}px` : p.width), q = e(() => G() === "floating" && L() && !!p.label), J = e(() => p.dir === "ltr" || p.dir === "rtl" ? p.dir : void 0);
+	var Y = N();
+	let X;
+	var Z = s(Y), ce = (e) => {
+		var t = T(), n = s(t), i = (e) => {
+			var t = C(), n = s(t, !0), i = o(n), a = (e) => {
+				var t = S();
+				m(e, t);
+			};
+			r(i, (e) => {
+				P() && e(a);
+			}), f(t), u(() => {
+				d(t, "for", p.id), c(n, p.label);
+			}), m(e, t);
+		};
+		r(n, (e) => {
+			p.label && !l(q) && e(i);
+		});
+		var a = o(n, 2), h = (e) => {
+			var t = w();
+			m(e, t);
+		};
+		r(a, (e) => {
+			I() && e(h);
+		}), f(t), m(e, t);
+	};
+	r(Z, (e) => {
+		(p.label && !l(q) || I()) && e(ce);
+	});
+	var Q = o(Z, 2), le = (e) => {
+		var i = A();
+		let h, g;
+		var v = s(i), b = (e) => {
+			var t = re(), n = s(t, !0), i = o(n), a = (e) => {
+				var t = ne();
+				m(e, t);
+			};
+			r(i, (e) => {
+				P() && e(a);
+			}), f(t), u(() => {
+				d(t, "for", p.id), c(n, p.label);
+			}), m(e, t);
+		};
+		r(v, (e) => {
+			l(q) && e(b);
+		});
+		var x = o(v, 2), S = (e) => {
+			var t = ie(), r = s(t);
+			n(r, () => p.leading), f(t), m(e, t);
+		};
+		r(x, (e) => {
+			p.leading && e(S);
+		});
+		var C = o(x, 2), w = (e) => {
+			var t = ae(), n = s(t, !0);
+			f(t), u(() => c(n, p.prefix)), m(e, t);
+		};
+		r(C, (e) => {
+			p.prefix && e(w);
+		});
+		var T = o(C, 2), j = s(T);
+		n(j, () => p.children), f(T);
+		var M = o(T, 2), N = (e) => {
+			var t = oe(), n = s(t, !0);
+			f(t), u(() => c(n, p.suffix)), m(e, t);
+		};
+		r(M, (e) => {
+			p.suffix && e(N);
+		});
+		var I = o(M, 2), L = (e) => {
+			var t = E(), r = s(t);
+			n(r, () => p.trailing), f(t), m(e, t);
+		};
+		r(I, (e) => {
+			p.trailing && e(L);
+		});
+		var G = o(I, 2), J = (e) => {
+			var i = t(), o = _(i);
+			te(o, 17, () => p.actions, (e) => e.label, (e, i) => {
+				var o = O(), p = s(o), h = (e) => {
+					var r = t(), a = _(r);
+					n(a, () => l(i).icon), m(e, r);
+				}, g = (e) => {
+					var t = D(), n = s(t, !0);
+					f(t), u(() => c(n, l(i).label)), m(e, t);
+				};
+				r(p, (e) => {
+					l(i).icon ? e(h) : e(g, -1);
+				}), f(o), u(() => {
+					d(o, "aria-label", l(i).label), d(o, "title", l(i).label), o.disabled = B() || l(i).disabled;
+				}), a("click", o, () => l(i).onClick()), m(e, o);
+			}), m(e, i);
+		};
+		r(G, (e) => {
+			p.actions?.length && e(J);
+		});
+		var Y = o(G, 2), X = (e) => {
+			var t = k();
+			u(() => d(t, "aria-label", W())), a("click", t, () => p.onclear?.()), m(e, t);
+		};
+		r(Y, (e) => {
+			H() && U() && !B() && !V() && e(X);
+		}), f(i), u(() => {
+			h = y(i, 1, `sv-field__control sv-field--${z() ?? ""}`, "svelte-xtfnp5", h, {
+				"is-invalid": R(),
+				"is-disabled": B(),
+				"is-readonly": V(),
+				"is-filled": K()
+			}), g = ee(i, "", g, { width: F() ? void 0 : l(se) });
+		}), m(e, i);
+	}, $ = (e) => {
+		var r = t(), i = _(r);
+		n(i, () => p.children), m(e, r);
+	};
+	r(Q, (e) => {
+		L() ? e(le) : e($, -1);
+	});
+	var ue = o(Q, 2), de = (e) => {
+		var t = j(), n = s(t, !0);
+		f(t), u((e) => {
+			d(t, "id", e), c(n, p.error);
+		}, [() => b(p.id)]), m(e, t);
+	}, fe = (e) => {
+		var t = M(), n = s(t, !0);
+		f(t), u((e) => {
+			d(t, "id", e), c(n, p.hint);
+		}, [() => x(p.id)]), m(e, t);
+	};
+	r(ue, (e) => {
+		p.error ? e(de) : p.hint && e(fe, 1);
+	}), f(Y), u(() => {
+		X = y(Y, 1, "sv-field svelte-xtfnp5", null, X, {
+			"sv-field--block": F(),
+			"sv-field--floating": l(q)
+		}), d(Y, "dir", l(J)), Y.dir = Y.dir;
+	}), m(i, Y), v();
+}
+i(["click"]);
+//#endregion
+//#region ../grid/dist/a11y/dismissable.js
+function F(e, t) {
+	return t ? (Array.isArray(e) ? e : [e]).some((e) => e != null && e.contains(t)) : !1;
+}
+var I = [], L = !1;
+function R() {
+	L || typeof document > "u" || (L = !0, document.addEventListener("keydown", (e) => {
+		if (e.key !== "Escape") return;
+		let t = I[I.length - 1];
+		t?.closeOnEscape && (e.stopPropagation(), t.onDismiss("escape"));
+	}, !0), document.addEventListener("pointerdown", (e) => {
+		let t = I[I.length - 1];
+		t?.closeOnOutside && (F(t.element(), e.target) || t.onDismiss("outside"));
+	}, !0));
+}
+function z(e) {
+	let t = {
+		element: e.element,
+		onDismiss: e.onDismiss,
+		closeOnEscape: e.closeOnEscape ?? !0,
+		closeOnOutside: e.closeOnOutside ?? !0
+	};
+	return {
+		activate() {
+			R(), I.includes(t) || I.push(t);
+		},
+		release() {
+			let e = I.indexOf(t);
+			e >= 0 && I.splice(e, 1);
+		}
+	};
+}
+function B(e, t) {
+	if (typeof window > "u") return () => {};
+	let n = (n) => {
+		F(e(), n.target) || t();
+	};
+	return window.addEventListener("scroll", n, !0), () => window.removeEventListener("scroll", n, !0);
+}
+//#endregion
+export { B as n, P as r, z as t };

package/dist/{export-format-DsOZUiL3.js → export-format-B6FUgOll.js}

@@ -1,4 +1,5 @@
-import { c as e, o as t, s as n } from "./conditional-formatting-Dz-bxLJ2.js";
+import { n as e, r as t, t as n } from "./cell-formatting-C0OsDmi_.js";
+import "./sv-grid-element.js";
 //#region ../grid/dist/export-format.js
 function r(e) {
 	if (e instanceof Date) return Number.isNaN(e.getTime()) ? null : e;
@@ -15,7 +16,7 @@ function r(e) {
 function i(i, a) {
 	if (i == null) return "";
 	if (!a) return String(i);
-	if (a.type === "number" || a.type === "currency" || a.type === "percent") return t(i, {
+	if (a.type === "number" || a.type === "currency" || a.type === "percent") return n(i, {
 		type: a.type,
 		locales: a.locales,
 		currency: a.type === "currency" ? a.currency ?? "USD" : void 0,
@@ -23,9 +24,9 @@ function i(i, a) {
 		options: a.options
 	});
 	if (a.type === "date" || a.type === "datetime") {
-		let t = r(i);
-		if (t) {
-			let r = e(a.pattern, a.type), i = r || a.options ? {
+		let n = r(i);
+		if (n) {
+			let r = t(a.pattern, a.type), i = r || a.options ? {
 				...r,
 				...a.options
 			} : a.type === "date" ? {
@@ -39,7 +40,7 @@ function i(i, a) {
 				hour: "2-digit",
 				minute: "2-digit"
 			};
-			return n(a.locales, i).format(t);
+			return e(a.locales, i).format(n);
 		}
 	}
 	return String(i);