@svgrid/grid-wc 3.0.0 → 3.0.2

package/dist/SvGridDropdown-DnAESFDu.js

@@ -1,256 +0,0 @@
-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 };