@svgrid/grid-wc 3.0.0 → 3.0.2

package/dist/shadow/SvField-Bmzp3ObZ.js

@@ -0,0 +1,147 @@
+(function(){try{var c=".sv-field.svelte-nvuzjz{text-align:start;flex-direction:column;gap:3px;display:inline-flex}.sv-field--block.svelte-nvuzjz{width:100%;display:flex}.sv-field__labelrow.svelte-nvuzjz{align-items:center;gap:6px;display:inline-flex}.sv-field__label.svelte-nvuzjz{color:var(--sg-fg,#0f172a);font-size:12.5px;font-weight:550;line-height:1.3}.sv-field__spinner.svelte-nvuzjz{border:2px solid color-mix(in srgb, var(--sg-accent,#2563eb) 30%, transparent);border-top-color:var(--sg-accent,#2563eb);border-radius:50%;flex:none;width:12px;height:12px;animation:.6s linear infinite svelte-nvuzjz-sv-field-spin}@keyframes svelte-nvuzjz-sv-field-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.sv-field__spinner.svelte-nvuzjz{animation:none}}.sv-field__req.svelte-nvuzjz{color:var(--sg-danger,#dc2626);margin-inline-start:2px}.sv-field__hint.svelte-nvuzjz{color:var(--sg-muted,#64748b);font-size:11.5px;line-height:1.35}.sv-field__error.svelte-nvuzjz{color:var(--sg-danger,#dc2626);font-size:11.5px;font-weight:500;line-height:1.35}.sv-field__control.svelte-nvuzjz{--_accent:var(--sg-accent,#2563eb);background:var(--sg-input-bg,#fff);width:220px;color:var(--sg-fg,#0f172a);border:1px solid var(--sg-input-border,var(--sg-border,#cbd5e1));border-radius:var(--sg-radius,8px);align-items:center;display:flex}.sv-field--block.svelte-nvuzjz .sv-field__control:where(.svelte-nvuzjz){width:100%}.sv-field__control.svelte-nvuzjz:focus-within{border-color:var(--_accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--_accent) 22%, transparent)}.sv-field__control.is-invalid.svelte-nvuzjz{border-color:var(--sg-danger,#dc2626)}.sv-field__control.is-invalid.svelte-nvuzjz:focus-within{box-shadow:0 0 0 2px color-mix(in srgb, var(--sg-danger,#dc2626) 22%, transparent)}.sv-field__control.is-disabled.svelte-nvuzjz{opacity:.6}.sv-field__control.is-readonly.svelte-nvuzjz{background:var(--sg-muted-bg,color-mix(in srgb, var(--sg-fg,#0f172a) 4%, var(--sg-input-bg,#fff)))}.sv-field--floating.svelte-nvuzjz .sv-field__control:where(.svelte-nvuzjz){position:relative}.sv-field__float-label.svelte-nvuzjz{inset-inline-start:11px;color:var(--sg-muted,#64748b);pointer-events:none;background:var(--sg-input-bg,#fff);white-space:nowrap;text-overflow:ellipsis;z-index:1;max-width:calc(100% - 24px);padding:0 4px;font-size:13px;transition:top .14s,font-size .14s,color .14s;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}.sv-field__control.svelte-nvuzjz:focus-within .sv-field__float-label:where(.svelte-nvuzjz),.sv-field__control.is-filled.svelte-nvuzjz .sv-field__float-label:where(.svelte-nvuzjz){color:var(--_accent,var(--sg-accent,#2563eb));font-size:10.5px;top:0}.sv-field__control.is-invalid.svelte-nvuzjz .sv-field__float-label:where(.svelte-nvuzjz){color:var(--sg-danger,#dc2626)}@media (prefers-reduced-motion:reduce){.sv-field__float-label.svelte-nvuzjz{transition:none}}.sv-field__slot.svelte-nvuzjz{flex:1;min-width:0;display:flex}.sv-field__slot.svelte-nvuzjz input,.sv-field__slot.svelte-nvuzjz textarea,.sv-field__slot.svelte-nvuzjz select{width:100%;min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0 10px}.sv-field__adorn.svelte-nvuzjz{color:var(--sg-muted,#64748b);align-items:center;display:inline-flex}.sv-field__adorn--lead.svelte-nvuzjz{padding-inline-start:10px}.sv-field__adorn--trail.svelte-nvuzjz{padding-inline-end:10px}.sv-field__affix.svelte-nvuzjz{color:var(--sg-muted,#64748b);white-space:nowrap;align-items:center;display:inline-flex}.sv-field__affix--pre.svelte-nvuzjz{padding-inline-start:10px}.sv-field__affix--suf.svelte-nvuzjz{padding-inline-end:10px}.sv-field__adorn--lead.svelte-nvuzjz+.sv-field__slot:where(.svelte-nvuzjz) input,.sv-field__affix--pre.svelte-nvuzjz+.sv-field__slot:where(.svelte-nvuzjz) input{padding-inline-start:6px}.sv-field__clear.svelte-nvuzjz{width:28px;color:var(--sg-muted,#64748b);cursor:pointer;background:0 0;border:0;align-self:stretch;place-items:center;font-size:17px;line-height:1;display:grid}.sv-field__clear.svelte-nvuzjz:hover{color:var(--sg-fg,#0f172a)}.sv-field__action.svelte-nvuzjz{min-width:24px;height:24px;color:var(--sg-muted,#64748b);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:5px;flex:none;align-self:center;place-items:center;margin-inline-end:3px;padding:0 5px;font-size:12px;display:inline-grid}.sv-field__action.svelte-nvuzjz:hover:not([disabled]){background:var(--sg-row-hover-bg,#f1f5f9);color:var(--sg-accent,#2563eb)}.sv-field__action[disabled].svelte-nvuzjz{opacity:.5;cursor:default}.sv-field__action-txt.svelte-nvuzjz{white-space:nowrap;font-weight:600}.sv-field__control.sv-field--sm.svelte-nvuzjz{height:28px;font-size:12px}.sv-field__control.sv-field--md.svelte-nvuzjz{height:34px;font-size:13px}.sv-field__control.sv-field--lg.svelte-nvuzjz{height:40px;font-size:15px}\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="SvField"]'))return;var s=document.createElement('style');s.setAttribute('data-svgrid-grid-wc-chunk',"SvField");s.textContent=c;document.head.appendChild(s);}catch(e){}})();
+import { A as e, D as t, E as n, F as r, H as i, I as a, J as o, O as s, R as c, Y as l, et 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-DEF0GRjE.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-nvuzjz\" aria-hidden=\"true\">*</span>"), C = p("<label class=\"sv-field__label svelte-nvuzjz\"> <!></label>"), w = p("<span class=\"sv-field__spinner svelte-nvuzjz\" role=\"status\" aria-label=\"Loading\"></span>"), T = p("<span class=\"sv-field__labelrow svelte-nvuzjz\"><!> <!></span>"), ne = p("<span class=\"sv-field__req svelte-nvuzjz\" aria-hidden=\"true\">*</span>"), re = p("<label class=\"sv-field__float-label svelte-nvuzjz\"> <!></label>"), ie = p("<span class=\"sv-field__adorn sv-field__adorn--lead svelte-nvuzjz\"><!></span>"), E = p("<span class=\"sv-field__affix sv-field__affix--pre svelte-nvuzjz\"> </span>"), D = p("<span class=\"sv-field__affix sv-field__affix--suf svelte-nvuzjz\"> </span>"), O = p("<span class=\"sv-field__adorn sv-field__adorn--trail svelte-nvuzjz\"><!></span>"), k = p("<span class=\"sv-field__action-txt svelte-nvuzjz\"> </span>"), A = p("<button class=\"sv-field__action svelte-nvuzjz\" type=\"button\" tabindex=\"-1\"><!></button>"), ae = p("<button class=\"sv-field__clear svelte-nvuzjz\" type=\"button\" tabindex=\"-1\">&times;</button>"), oe = p("<div><!> <!> <!> <span class=\"sv-field__slot svelte-nvuzjz\"><!></span> <!> <!> <!> <!></div>"), j = p("<span class=\"sv-field__error svelte-nvuzjz\" role=\"alert\"> </span>"), M = p("<span class=\"sv-field__hint svelte-nvuzjz\"> </span>"), N = p("<div><!> <!> <!></div>");
+function P(r, 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 = u(() => p.width == null ? void 0 : typeof p.width == "number" ? `${p.width}px` : p.width), q = u(() => G() === "floating" && L() && !!p.label), J = u(() => p.dir === "ltr" || p.dir === "rtl" ? p.dir : void 0);
+	var Y = N();
+	let X;
+	var Z = _(Y), ce = (e) => {
+		var t = T(), r = _(t), a = (e) => {
+			var t = C(), r = _(t, !0), a = l(r), o = (e) => {
+				var t = S();
+				m(e, t);
+			};
+			n(a, (e) => {
+				P() && e(o);
+			}), f(t), i(() => {
+				d(t, "for", p.id), s(r, p.label);
+			}), m(e, t);
+		};
+		n(r, (e) => {
+			p.label && !c(q) && e(a);
+		});
+		var o = l(r, 2), u = (e) => {
+			var t = w();
+			m(e, t);
+		};
+		n(o, (e) => {
+			I() && e(u);
+		}), f(t), m(e, t);
+	};
+	n(Z, (e) => {
+		(p.label && !c(q) || I()) && e(ce);
+	});
+	var Q = l(Z, 2), le = (r) => {
+		var u = oe();
+		let h, g;
+		var v = _(u), b = (e) => {
+			var t = re(), r = _(t, !0), a = l(r), o = (e) => {
+				var t = ne();
+				m(e, t);
+			};
+			n(a, (e) => {
+				P() && e(o);
+			}), f(t), i(() => {
+				d(t, "for", p.id), s(r, p.label);
+			}), m(e, t);
+		};
+		n(v, (e) => {
+			c(q) && e(b);
+		});
+		var x = l(v, 2), S = (e) => {
+			var n = ie(), r = _(n);
+			t(r, () => p.leading), f(n), m(e, n);
+		};
+		n(x, (e) => {
+			p.leading && e(S);
+		});
+		var C = l(x, 2), w = (e) => {
+			var t = E(), n = _(t, !0);
+			f(t), i(() => s(n, p.prefix)), m(e, t);
+		};
+		n(C, (e) => {
+			p.prefix && e(w);
+		});
+		var T = l(C, 2), j = _(T);
+		t(j, () => p.children), f(T);
+		var M = l(T, 2), N = (e) => {
+			var t = D(), n = _(t, !0);
+			f(t), i(() => s(n, p.suffix)), m(e, t);
+		};
+		n(M, (e) => {
+			p.suffix && e(N);
+		});
+		var I = l(M, 2), L = (e) => {
+			var n = O(), r = _(n);
+			t(r, () => p.trailing), f(n), m(e, n);
+		};
+		n(I, (e) => {
+			p.trailing && e(L);
+		});
+		var G = l(I, 2), J = (r) => {
+			var l = e(), u = o(l);
+			te(u, 17, () => p.actions, (e) => e.label, (r, l) => {
+				var u = A(), p = _(u), h = (n) => {
+					var r = e(), i = o(r);
+					t(i, () => c(l).icon), m(n, r);
+				}, g = (e) => {
+					var t = k(), n = _(t, !0);
+					f(t), i(() => s(n, c(l).label)), m(e, t);
+				};
+				n(p, (e) => {
+					c(l).icon ? e(h) : e(g, -1);
+				}), f(u), i(() => {
+					d(u, "aria-label", c(l).label), d(u, "title", c(l).label), u.disabled = B() || c(l).disabled;
+				}), a("click", u, () => c(l).onClick()), m(r, u);
+			}), m(r, l);
+		};
+		n(G, (e) => {
+			p.actions?.length && e(J);
+		});
+		var Y = l(G, 2), X = (e) => {
+			var t = ae();
+			i(() => d(t, "aria-label", W())), a("click", t, () => p.onclear?.()), m(e, t);
+		};
+		n(Y, (e) => {
+			H() && U() && !B() && !V() && e(X);
+		}), f(u), i(() => {
+			h = y(u, 1, `sv-field__control sv-field--${z() ?? ""}`, "svelte-nvuzjz", h, {
+				"is-invalid": R(),
+				"is-disabled": B(),
+				"is-readonly": V(),
+				"is-filled": K()
+			}), g = ee(u, "", g, { width: F() ? void 0 : c(se) });
+		}), m(r, u);
+	}, $ = (n) => {
+		var r = e(), i = o(r);
+		t(i, () => p.children), m(n, r);
+	};
+	n(Q, (e) => {
+		L() ? e(le) : e($, -1);
+	});
+	var ue = l(Q, 2), de = (e) => {
+		var t = j(), n = _(t, !0);
+		f(t), i((e) => {
+			d(t, "id", e), s(n, p.error);
+		}, [() => b(p.id)]), m(e, t);
+	}, fe = (e) => {
+		var t = M(), n = _(t, !0);
+		f(t), i((e) => {
+			d(t, "id", e), s(n, p.hint);
+		}, [() => x(p.id)]), m(e, t);
+	};
+	n(ue, (e) => {
+		p.error ? e(de) : p.hint && e(fe, 1);
+	}), f(Y), i(() => {
+		X = y(Y, 1, "sv-field svelte-nvuzjz", null, X, {
+			"sv-field--block": F(),
+			"sv-field--floating": c(q)
+		}), d(Y, "dir", c(J)), Y.dir = Y.dir;
+	}), m(r, Y), v();
+}
+r(["click"]);
+//#endregion
+export { P as t };