@svgrid/grid-wc 3.0.8 → 3.0.10

package/dist/SvGridDropdown-BwPpGwLz.js

@@ -1,257 +0,0 @@
-(function(){try{var c=".sv-grid-dropdown.svelte-r4kmto{background:var(--sg-bg,#fff);height:100%;color:var(--sg-fg,#0f172a);position:absolute;top:0;left:0;right:0}.sv-grid-dropdown-trigger.svelte-r4kmto{background:var(--sg-bg,#fff);width:100%;height:100%;min-height:28px;color:var(--sg-fg,#0f172a);font:inherit;text-align:start;cursor:pointer;box-sizing:border-box;border:0;outline:none;align-items:center;gap:6px;padding:0 8px;display:flex}.sv-grid-dropdown-trigger.svelte-r4kmto:focus{outline:2px solid var(--sg-accent,#2563eb);outline-offset:-2px}.sv-grid-dropdown-trigger-chips.svelte-r4kmto{flex-wrap:wrap;align-items:center;padding:4px 8px}.sv-grid-dropdown-chips.svelte-r4kmto{flex-wrap:wrap;flex:auto;align-items:center;gap:4px;min-width:0;display:inline-flex}.sv-grid-dropdown-label.svelte-r4kmto{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.sv-grid-dropdown-caret.svelte-r4kmto{opacity:.7;flex:none;font-size:10px;line-height:1}.sv-grid-dropdown-panel{background:var(--sg-header-bg,var(--sg-bg,#fff));color:var(--sg-fg,#0f172a);border:1px solid var(--sg-accent,#2563eb);border-radius:6px;padding:4px 0;font-family:inherit;overflow-y:auto;box-shadow:0 12px 28px #00000073}.sv-grid-dropdown-panel.sv-grid-dropdown-panel-fits{overflow:visible}.sv-grid-dropdown-option{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--sg-fg,#0f172a);align-items:center;gap:8px;padding:6px 10px;display:flex}.sv-grid-dropdown-option-highlighted{background:var(--sg-row-hover-bg,#2563eb1a)}.sv-grid-dropdown-option-selected{background:var(--sg-selection-bg,#2563eb26);font-weight:600}.sv-grid-dropdown-option-selected.sv-grid-dropdown-option-highlighted{background:var(--sg-row-hover-bg,#2563eb2e)}.sv-grid-dropdown-option-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.sv-grid-dropdown-check{color:var(--sg-accent,#2563eb);flex:0 0 16px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.sv-grid-dropdown-swatch{border:1px solid color-mix(in srgb, var(--sg-fg,#0f172a) 25%, transparent);border-radius:999px;flex:0 0 12px;width:12px;height:12px}.sv-grid-dropdown-option-chip{text-overflow:ellipsis;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;max-width:100%;padding:2px 11px;font-size:.9em;font-weight:600;line-height:1.5;display:inline-flex;overflow:hidden}.sv-grid-dropdown-empty{color:var(--sg-muted,#0f172a8c);padding:8px 10px;font-size:.9em;font-style:italic}.sv-grid-dropdown-footer{border-top:1px solid var(--sg-border,#0f172a14);justify-content:flex-end;margin-top:2px;padding:4px 6px;display:flex}.sv-grid-dropdown-done{text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--sg-accent,#2563eb);cursor:pointer;border:0;border-radius:4px;padding:4px 10px;font-size:11px}.sv-grid-dropdown-done:hover{filter:brightness(1.12)}.sv-grid-chip.svelte-r4kmto{background:color-mix(in srgb, var(--sg-accent,#2563eb) 18%, transparent);color:var(--sg-fg,#0f172a);border:1px solid color-mix(in srgb, var(--sg-accent,#2563eb) 35%, transparent);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.85em;line-height:1.4;display:inline-flex}.sv-grid-chip-removable.svelte-r4kmto{padding-inline-end:2px}.sv-grid-chip-remove.svelte-r4kmto{background:color-mix(in srgb, var(--sg-fg,#0f172a) 18%, transparent);width:16px;height:16px;color:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;display:inline-flex}.sv-grid-chip-remove.svelte-r4kmto:hover{color:#fff;background:#dc2626b3}\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="SvGridDropdown"]'))return;var s=document.createElement('style');s.setAttribute('data-svgrid-grid-wc-chunk',"SvGridDropdown");s.textContent=c;document.head.appendChild(s);}catch(e){}})();
-import { A as e, E as t, F as n, H as r, I as i, J as a, L as o, N as s, O as c, Q as l, R as u, U as d, X as f, Y as p, Z as m, a as h, d as ee, et as g, f as _, it as v, j as y, k as b, n as x, nt as S, q as C, rt as w, s as te, tt as T, v as E, w as D, x as O, y as k } from "./client-DEF0GRjE.js";
-import { n as ne, r as re, t as ie } from "./popover-WsGlvtQv.js";
-//#region ../grid/dist/SvGridDropdown.svelte
-var ae = y("<span class=\"sv-grid-chip sv-grid-chip-removable svelte-r4kmto\"> <span class=\"sv-grid-chip-remove svelte-r4kmto\" role=\"button\">×</span></span>"), oe = y("<span class=\"sv-grid-dropdown-chips svelte-r4kmto\"></span>"), se = y("<span class=\"sv-grid-chip svelte-r4kmto\"> </span>"), ce = y("<span class=\"sv-grid-dropdown-label svelte-r4kmto\"> </span>"), le = y("<input type=\"search\" class=\"sv-grid-dropdown-search\" placeholder=\"Search…\"/>"), ue = y("<div class=\"sv-grid-dropdown-empty\" role=\"status\" aria-live=\"polite\">Loading…</div>"), de = y("<div class=\"sv-grid-dropdown-empty\"> </div>"), fe = y("<span class=\"sv-grid-dropdown-check\" aria-hidden=\"true\"> </span>"), pe = y("<span class=\"sv-grid-dropdown-option-chip\"> </span>"), me = y("<span class=\"sv-grid-dropdown-option-label\"> </span>"), he = y("<div role=\"option\"><!> <!></div>"), ge = y("<div class=\"sv-grid-dropdown-footer\"><button type=\"button\" class=\"sv-grid-dropdown-done\">Done</button></div>"), _e = y("<div role=\"listbox\"><!> <!> <!></div>"), ve = y("<div><button type=\"button\" aria-haspopup=\"listbox\"><!> <span class=\"sv-grid-dropdown-caret svelte-r4kmto\" aria-hidden=\"true\">▾</span></button> <!></div>");
-function ye(n, y) {
-	let ye = s();
-	S(y, !0);
-	let A = x(y, "multiple", 3, !1), be = x(y, "placeholder", 3, "Select…"), j = x(y, "renderChipsInTrigger", 3, !1), M = x(y, "searchable", 3, !1), xe = x(y, "autoOpen", 3, !0), Se = x(y, "loading", 3, !1), Ce = x(y, "invalid", 3, !1);
-	function N(e) {
-		return e >= 0 && e < u(I).length ? `${ye}-opt-${e}` : void 0;
-	}
-	let P = g(() => y.options.some((e) => e.color) ? 40 : 32), F = l(""), I = g(() => !M() || !u(F).trim() ? y.options : (() => {
-		let e = u(F).trim().toLowerCase();
-		return y.options.filter((t) => t.label.toLowerCase().includes(e));
-	})()), L = l(!1), R = l(-1), z = l(null), B = l(null), V = l(null), H = l(f({
-		top: 0,
-		left: 0,
-		width: 0,
-		openUpward: !1,
-		maxHeight: 0,
-		availHeight: 0
-	})), U = g(() => Array.isArray(y.value) ? y.value : y.value == null || y.value === "" ? [] : [y.value]), we = g(() => {
-		if (u(U).length === 0) return be();
-		if (!A()) {
-			let e = u(U)[0], t = y.options.find((t) => String(t.value) === String(e));
-			return t ? t.label : String(e);
-		}
-		return `${u(U).length} selected`;
-	}), Te = g(() => {
-		if (A() || u(U).length !== 1) return;
-		let e = u(U)[0];
-		return y.options.find((t) => String(t.value) === String(e))?.color;
-	});
-	function W(e) {
-		return u(U).some((t) => String(t) === String(e.value));
-	}
-	function G(e) {
-		if (A()) {
-			let t = W(e) ? u(U).filter((t) => String(t) !== String(e.value)) : [...u(U), e.value];
-			y.onChange?.(t);
-		} else y.onChange?.(e.value), m(L, !1), y.onCommit?.();
-	}
-	function K() {
-		if (!u(L)) {
-			if (m(L, !0), u(R) < 0) {
-				let e = y.options.findIndex((e) => W(e));
-				m(R, e >= 0 ? e : 0, !0);
-			}
-			q();
-		}
-	}
-	function q() {
-		if (!u(B)) return;
-		let e = Math.min(u(I).length, 10), t = M() ? 38 : 0, n = e * u(P) + (A() ? 40 : 0) + t + 8;
-		m(H, ie(u(B).getBoundingClientRect(), {
-			estimatedHeight: n,
-			clampHorizontal: !1
-		}), !0);
-	}
-	d(() => {
-		if (!u(L)) return;
-		let e = () => q();
-		return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
-			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
-		};
-	}), d(() => {
-		u(L) && (u(I).length, u(P), q());
-	});
-	function J() {
-		m(L, !1), m(R, -1);
-	}
-	function Ee(e) {
-		if (e.stopPropagation(), e.key === "Escape") {
-			e.preventDefault(), J(), y.onCancel?.();
-			return;
-		}
-		if (e.key === "ArrowDown") {
-			if (e.preventDefault(), !u(L)) {
-				K();
-				return;
-			}
-			m(R, Math.min(u(R) + 1, y.options.length - 1), !0), Y();
-		} else if (e.key === "ArrowUp") {
-			if (e.preventDefault(), !u(L)) {
-				K();
-				return;
-			}
-			m(R, Math.max(u(R) - 1, 0), !0), Y();
-		} else if (e.key === "Home") {
-			if (!u(L)) return;
-			e.preventDefault(), m(R, 0), Y();
-		} else if (e.key === "End") {
-			if (!u(L)) return;
-			e.preventDefault(), m(R, y.options.length - 1), Y();
-		} else if (e.key === "Enter") {
-			if (e.preventDefault(), !u(L)) {
-				K();
-				return;
-			}
-			let t = y.options[u(R)];
-			t ? G(t) : A() && (J(), y.onCommit?.());
-		} else if (e.key === " " && u(L)) {
-			e.preventDefault();
-			let t = y.options[u(R)];
-			t && G(t);
-		} else e.key === "Tab" && (u(L) && J(), y.onCommit?.());
-	}
-	function Y() {
-		queueMicrotask(() => {
-			u(V) && u(V).querySelector(`[data-opt-idx="${u(R)}"]`)?.scrollIntoView({ block: "nearest" });
-		});
-	}
-	function De(e) {
-		let t = e.relatedTarget;
-		t && u(z)?.contains(t) || (u(L) && J(), y.onCommit?.());
-	}
-	function Oe(e, t) {
-		t.preventDefault(), t.stopPropagation();
-		let n = u(U).filter((t) => String(t) !== String(e));
-		y.onChange?.(A() ? n : n[0] ?? null);
-	}
-	function ke(e) {
-		xe() && (e.focus(), K());
-	}
-	d(() => {
-		if (!u(L)) return;
-		let e = (e) => {
-			let t = e.target;
-			t && (u(z)?.contains(t) || u(V)?.contains(t) || (J(), y.onCommit?.()));
-		};
-		return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
-	});
-	function X(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 Z = ve();
-	let Ae;
-	var Q = C(Z);
-	let $;
-	var je = C(Q), Me = (e) => {
-		var t = oe();
-		D(t, 21, () => u(U), (e) => String(e), (e, t) => {
-			let n = g(() => y.options.find((e) => String(e.value) === String(u(t))));
-			var a = ae(), o = C(a), s = p(o);
-			_(s, "tabindex", -1), v(a), r((e, t, n) => {
-				E(a, e), c(o, `${t ?? ""}  `), _(s, "aria-label", `Remove ${n ?? ""}`);
-			}, [
-				() => u(n)?.color ? X(u(n).color) : "",
-				() => u(n) ? u(n).label : String(u(t)),
-				() => u(n) ? u(n).label : String(u(t))
-			]), i("mousedown", s, (e) => e.preventDefault()), i("click", s, (e) => Oe(u(t), e)), b(e, a);
-		}), v(t), b(e, t);
-	}, Ne = (e) => {
-		var t = se(), n = C(t, !0);
-		v(t), r((e) => {
-			E(t, e), c(n, u(we));
-		}, [() => X(u(Te))]), b(e, t);
-	}, Pe = (e) => {
-		var t = ce(), n = C(t, !0);
-		v(t), r(() => c(n, u(we))), b(e, t);
-	};
-	t(je, (e) => {
-		j() && u(U).length > 0 ? e(Me) : !A() && u(U).length === 1 && u(Te) ? e(Ne, 1) : e(Pe, -1);
-	}), w(2), v(Q), h(Q, (e) => m(B, e), () => u(B)), O(Q, (e) => ke?.(e));
-	var Fe = p(Q, 2), Ie = (n) => {
-		let s = g(() => y.options.length > 10), l = g(() => Math.min(u(s) ? 10 * u(P) + (A() ? 40 : 0) + 8 : Infinity, u(H).availHeight));
-		var d = _e();
-		let f, x;
-		var S = C(d), w = (e) => {
-			var t = le();
-			ee(t), i("mousedown", t, (e) => e.stopPropagation()), i("click", t, (e) => e.stopPropagation()), i("keydown", t, (e) => {
-				e.key === "Escape" && (e.preventDefault(), m(L, !1), y.onCancel?.());
-			}), te(t, () => u(F), (e) => m(F, e)), b(e, t);
-		};
-		t(S, (e) => {
-			M() && e(w);
-		});
-		var T = p(S, 2), ie = (e) => {
-			var t = ue();
-			b(e, t);
-		}, ae = (e) => {
-			var t = de(), n = C(t, !0);
-			v(t), r(() => c(n, M() && u(F) ? `No matches for "${u(F)}"` : "No options")), b(e, t);
-		}, oe = (n) => {
-			var s = e(), l = a(s);
-			D(l, 19, () => u(I), (e) => String(e.value), (e, n, a) => {
-				let s = g(() => W(u(n)));
-				var l = he();
-				let d;
-				var f = C(l), h = (e) => {
-					var t = fe(), n = C(t, !0);
-					v(t), r(() => c(n, u(s) ? "✓" : "")), b(e, t);
-				};
-				t(f, (e) => {
-					A() && e(h);
-				});
-				var ee = p(f, 2), y = (e) => {
-					var t = pe(), i = C(t, !0);
-					v(t), r((e) => {
-						E(t, e), c(i, u(n).label);
-					}, [() => X(u(n).color)]), b(e, t);
-				}, x = (e) => {
-					var t = me(), i = C(t, !0);
-					v(t), r(() => c(i, u(n).label)), b(e, t);
-				};
-				t(ee, (e) => {
-					u(n).color ? e(y) : e(x, -1);
-				}), v(l), r((e) => {
-					d = k(l, 1, "sv-grid-dropdown-option", null, d, {
-						"sv-grid-dropdown-option-selected": u(s),
-						"sv-grid-dropdown-option-highlighted": u(a) === u(R)
-					}), _(l, "id", e), _(l, "aria-selected", u(s)), _(l, "data-opt-idx", u(a));
-				}, [() => N(u(a))]), i("mousedown", l, (e) => {
-					e.preventDefault(), G(u(n));
-				}), o("mouseenter", l, () => m(R, u(a), !0)), b(e, l);
-			}), b(n, s);
-		};
-		t(T, (e) => {
-			Se() && u(I).length === 0 ? e(ie) : u(I).length === 0 ? e(ae, 1) : e(oe, -1);
-		});
-		var se = p(T, 2), ce = (e) => {
-			var t = ge(), n = C(t);
-			v(t), i("mousedown", n, (e) => e.preventDefault()), i("click", n, () => {
-				J(), y.onCommit?.();
-			}), b(e, t);
-		};
-		t(se, (e) => {
-			A() && e(ce);
-		}), v(d), h(d, (e) => m(V, e), () => u(V)), O(d, (e) => re?.(e)), O(d, (e, t) => ne?.(e, t), () => ({ up: u(H).openUpward })), r(() => {
-			f = k(d, 1, "sv-grid-dropdown-panel", null, f, { "sv-grid-dropdown-panel-fits": !u(s) }), _(d, "aria-multiselectable", A()), x = E(d, "", x, {
-				position: "fixed",
-				top: u(H).openUpward ? null : `${u(H).top}px`,
-				bottom: u(H).openUpward ? `${u(H).bottom}px` : null,
-				left: `${u(H).left}px`,
-				width: `${u(H).width}px`,
-				"max-height": u(l) === null ? null : `${u(l)}px`,
-				"z-index": "2147483647"
-			});
-		}), i("pointerdown", d, (e) => e.stopPropagation()), i("mousedown", d, (e) => e.stopPropagation()), i("click", d, (e) => e.stopPropagation()), b(n, d);
-	};
-	t(Fe, (e) => {
-		u(L) && e(Ie);
-	}), v(Z), h(Z, (e) => m(z, e), () => u(z)), r((e) => {
-		Ae = k(Z, 1, "sv-grid-dropdown svelte-r4kmto", null, Ae, { "sv-grid-dropdown-open": u(L) }), _(Q, "id", y.id), $ = k(Q, 1, "sv-grid-dropdown-trigger svelte-r4kmto", null, $, { "sv-grid-dropdown-trigger-chips": j() && u(U).length > 0 }), _(Q, "aria-expanded", u(L)), _(Q, "aria-label", y.ariaLabel), _(Q, "aria-invalid", Ce() || void 0), _(Q, "aria-describedby", y.describedBy), _(Q, "aria-activedescendant", e);
-	}, [() => u(L) ? N(u(R)) : void 0]), i("focusout", Z, De), i("click", Z, (e) => e.stopPropagation()), i("dblclick", Z, (e) => e.stopPropagation()), i("pointerdown", Z, (e) => e.stopPropagation()), i("mousedown", Z, (e) => e.stopPropagation()), i("click", Q, () => u(L) ? J() : K()), i("keydown", Q, Ee), b(n, Z), T();
-}
-n([
-	"focusout",
-	"click",
-	"dblclick",
-	"pointerdown",
-	"mousedown",
-	"keydown"
-]);
-//#endregion
-export { ye as default };