@svgrid/grid 3.0.2 → 3.0.4

package/dist/cdn/SvModal-CIZWCcad.js

@@ -0,0 +1,397 @@
+import { i as e } from "./editor-contract-LXgQJAgd.js";
+import { i as t } from "./popover-P-9P2YYn.js";
+import { t as n } from "./dismissable-DAHetSNk.js";
+import { n as r } from "./focus-trap-BBOQYBma.js";
+import * as i from "svelte/internal/client";
+import "svelte/internal/disclose-version";
+//#region src/a11y/scroll-lock.ts
+var a = 0, o = "", s = "";
+function c() {
+	if (typeof document > "u") return () => {};
+	let e = document.body;
+	if (a === 0) {
+		o = e.style.overflow, s = e.style.paddingRight;
+		let t = window.innerWidth - document.documentElement.clientWidth;
+		if (t > 0) {
+			let n = parseFloat(getComputedStyle(e).paddingRight) || 0;
+			e.style.paddingRight = `${n + t}px`;
+		}
+		e.style.overflow = "hidden";
+	}
+	a++;
+	let t = !1;
+	return () => {
+		t || (t = !0, a = Math.max(0, a - 1), a === 0 && (e.style.overflow = o, e.style.paddingRight = s));
+	};
+}
+function l() {
+	return a;
+}
+//#endregion
+//#region src/createOverlay.svelte.ts
+function u(e) {
+	return i.user_effect(() => {
+		if (!e.open() || !e.getDialog()) return;
+		e.onOpen?.();
+		let t = e.getDialog(), i = e.trapFocus?.() ?? !0 ? r(t, e.initialFocus ? { initialFocus: e.initialFocus } : void 0) : null;
+		i?.activate();
+		let a = e.scrollLock?.() ?? !0 ? c() : null, o = n({
+			element: () => e.getDialog(),
+			onDismiss: (t) => {
+				(t === "escape" ? e.closeOnEsc?.() ?? !0 : e.closeOnBackdrop?.() ?? !0) && e.onClose();
+			}
+		});
+		return o.activate(), () => {
+			o.release(), a?.(), i?.release();
+		};
+	}), { dialogProps: (e) => ({
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-labelledby": e?.labelledBy,
+		"aria-label": e?.label,
+		tabindex: -1
+	}) };
+}
+//#endregion
+//#region src/createTabs.svelte.ts
+var d = 0;
+function f(e) {
+	let t = `sv-tabs-${d++}`, n = () => e.tabs(), r = () => e.orientation?.() ?? "horizontal", a = () => e.activation?.() ?? "automatic", o = i.derived(() => n().filter((e) => !e.disabled)), s = i.derived(() => e.value() ?? n().find((e) => !e.disabled)?.id ?? n()[0]?.id ?? ""), c = i.state(""), l = i.state(0), u = (e) => {
+		i.set(c, e, !0), i.update(l);
+	}, f = (e) => `${t}-tab-${e}`, p = (e) => `${t}-panel-${e}`;
+	function m(t) {
+		let r = n().find((e) => e.id === t);
+		!r || r.disabled || e.onChange?.(t);
+	}
+	function h(t) {
+		n().find((e) => e.id === t)?.closable && e.onClose?.(t);
+	}
+	function g(t) {
+		let n = i.get(o);
+		if (!n.length) return;
+		let c = n.findIndex((e) => e.id === i.get(s)), l = r() === "horizontal", d = l && e.dir?.() === "rtl", f = l ? d ? "ArrowLeft" : "ArrowRight" : "ArrowDown", p = l ? d ? "ArrowRight" : "ArrowLeft" : "ArrowUp", g = null;
+		if (t.key === f) g = n[(c + 1) % n.length]?.id ?? null;
+		else if (t.key === p) g = n[(c - 1 + n.length) % n.length]?.id ?? null;
+		else if (t.key === "Home") g = n[0]?.id ?? null;
+		else if (t.key === "End") g = n.at(-1)?.id ?? null;
+		else if ((t.key === "Enter" || t.key === " ") && a() === "manual") {
+			t.preventDefault(), m(i.get(s));
+			return;
+		} else if (t.key === "Delete") {
+			t.preventDefault(), h(i.get(s));
+			return;
+		} else return;
+		g && (t.preventDefault(), u(g), a() === "automatic" && m(g));
+	}
+	return {
+		get activeId() {
+			return i.get(s);
+		},
+		get focusId() {
+			return i.get(c);
+		},
+		get focusTick() {
+			return i.get(l);
+		},
+		isActive: (e) => e === i.get(s),
+		select: m,
+		close: h,
+		onKeydown: g,
+		tablistProps: () => ({
+			role: "tablist",
+			"aria-orientation": r(),
+			"aria-label": e.ariaLabel?.()
+		}),
+		tabProps: (e) => {
+			let t = n().find((t) => t.id === e), r = e === i.get(s);
+			return {
+				role: "tab",
+				id: f(e),
+				"data-tab": e,
+				"aria-selected": r,
+				"aria-controls": p(e),
+				tabindex: r ? 0 : -1,
+				disabled: t?.disabled,
+				onclick: () => m(e),
+				onkeydown: g
+			};
+		},
+		panelProps: (e) => ({
+			role: "tabpanel",
+			id: p(e),
+			"aria-labelledby": f(e),
+			tabindex: 0
+		})
+	};
+}
+//#endregion
+//#region src/SvTabs.svelte
+var p = i.from_html("<button type=\"button\" class=\"sv-tabs__scroll svelte-kxoh8m\" tabindex=\"-1\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 18l-6-6 6-6\"></path></svg></button>"), m = i.from_html("<button type=\"button\" class=\"sv-tabs__close svelte-kxoh8m\" tabindex=\"-1\"><svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6L6 18\"></path></svg></button>"), h = i.from_html("<span role=\"presentation\"><button> </button> <!></span>"), g = i.from_html("<button type=\"button\" class=\"sv-tabs__scroll svelte-kxoh8m\" tabindex=\"-1\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18l6-6-6-6\"></path></svg></button>"), _ = i.from_html("<div><!></div>"), v = i.from_html("<div><div class=\"sv-tabs__strip svelte-kxoh8m\"><!> <div></div> <!></div> <!></div>"), y = {
+	hash: "svelte-kxoh8m",
+	code: ".sv-tabs.svelte-kxoh8m {--_accent: var(--sg-accent, #2563eb);display:flex;gap:0;}.sv-tabs--top.svelte-kxoh8m {flex-direction:column;}.sv-tabs--bottom.svelte-kxoh8m {flex-direction:column-reverse;}.sv-tabs--left.svelte-kxoh8m {flex-direction:row;}.sv-tabs--right.svelte-kxoh8m {flex-direction:row-reverse;}.sv-tabs__strip.svelte-kxoh8m {display:flex;align-items:center;min-width:0;}.sv-tabs--vertical.svelte-kxoh8m .sv-tabs__strip:where(.svelte-kxoh8m) {align-items:stretch;}.sv-tabs__list.svelte-kxoh8m {display:flex;gap:2px;}.sv-tabs--horizontal.svelte-kxoh8m .sv-tabs__list:where(.svelte-kxoh8m) {overflow-x:auto;flex:1 1 auto;min-width:0;scrollbar-width:none;scroll-behavior:smooth;}.sv-tabs--horizontal.svelte-kxoh8m .sv-tabs__list:where(.svelte-kxoh8m)::-webkit-scrollbar {display:none;}.sv-tabs--horizontal.svelte-kxoh8m .sv-tabs__tabwrap:where(.svelte-kxoh8m) {flex:none;}.sv-tabs--vertical.svelte-kxoh8m .sv-tabs__list:where(.svelte-kxoh8m) {flex-direction:column;}.sv-tabs__scroll.svelte-kxoh8m {flex:none;display:grid;place-items:center;width:26px;align-self:stretch;background:none;border:0;color:var(--sg-muted, #64748b);cursor:pointer;}.sv-tabs__scroll.svelte-kxoh8m:hover:not(:disabled) {color:var(--_accent);}.sv-tabs__scroll.svelte-kxoh8m:disabled {opacity:0.3;cursor:default;}\n  /* Drag-reorder feedback */.sv-tabs__tabwrap.is-drag.svelte-kxoh8m {opacity:0.4;}.sv-tabs__tabwrap.is-over.svelte-kxoh8m::before {content:'';position:absolute;inset-inline-start:-1px;top:5px;bottom:5px;width:2px;background:var(--_accent);border-radius:2px;}.sv-tabs__tabwrap[draggable='true'].svelte-kxoh8m .sv-tabs__tab:where(.svelte-kxoh8m) {cursor:grab;}.sv-tabs--top.svelte-kxoh8m .sv-tabs__list:where(.svelte-kxoh8m) {border-bottom:1px solid var(--sg-border, #e2e8f0);}.sv-tabs--bottom.svelte-kxoh8m .sv-tabs__list:where(.svelte-kxoh8m) {border-top:1px solid var(--sg-border, #e2e8f0);}.sv-tabs--left.svelte-kxoh8m .sv-tabs__list:where(.svelte-kxoh8m) {border-inline-end:1px solid var(--sg-border, #e2e8f0);}.sv-tabs--right.svelte-kxoh8m .sv-tabs__list:where(.svelte-kxoh8m) {border-inline-start:1px solid var(--sg-border, #e2e8f0);}.sv-tabs--pill.svelte-kxoh8m .sv-tabs__list:where(.svelte-kxoh8m) {border:0;background:var(--sg-header-bg, #f1f5f9);padding:3px;border-radius:9px;gap:3px;}.sv-tabs__tabwrap.svelte-kxoh8m {position:relative;display:inline-flex;align-items:center;}.sv-tabs__tab.svelte-kxoh8m {background:none;border:0;font:inherit;font-size:13px;font-weight:600;color:var(--sg-muted, #64748b);padding:9px 14px;cursor:pointer;white-space:nowrap;}.sv-tabs__tabwrap.is-closable.svelte-kxoh8m .sv-tabs__tab:where(.svelte-kxoh8m) {padding-inline-end:4px;}.sv-tabs__tab.svelte-kxoh8m:hover:not(:disabled):not(.is-active) {color:var(--sg-fg, #0f172a);}.sv-tabs__tab.svelte-kxoh8m:disabled {opacity:0.45;cursor:not-allowed;}.sv-tabs__tab.svelte-kxoh8m:focus-visible {outline:2px solid var(--sg-focus-ring, var(--_accent));outline-offset:-2px;border-radius:6px;}.sv-tabs__close.svelte-kxoh8m {display:grid;place-items:center;width:18px;height:18px;margin-inline-end:8px;flex:none;background:none;border:0;color:var(--sg-muted, #64748b);cursor:pointer;border-radius:4px;}.sv-tabs__close.svelte-kxoh8m:hover {background:var(--sg-row-hover-bg, #f1f5f9);color:var(--sg-danger, #dc2626);}.sv-tabs--line.svelte-kxoh8m .sv-tabs__tab.is-active:where(.svelte-kxoh8m) {color:var(--_accent);}.sv-tabs--line.svelte-kxoh8m .sv-tabs__tabwrap.is-active:where(.svelte-kxoh8m)::after {content:'';position:absolute;background:var(--_accent);}.sv-tabs--line.sv-tabs--top.svelte-kxoh8m .sv-tabs__tabwrap.is-active:where(.svelte-kxoh8m)::after {left:8px;right:8px;height:2px;bottom:-1px;}.sv-tabs--line.sv-tabs--bottom.svelte-kxoh8m .sv-tabs__tabwrap.is-active:where(.svelte-kxoh8m)::after {left:8px;right:8px;height:2px;top:-1px;}.sv-tabs--line.sv-tabs--left.svelte-kxoh8m .sv-tabs__tabwrap.is-active:where(.svelte-kxoh8m)::after {top:8px;bottom:8px;width:2px;inset-inline-end:-1px;}.sv-tabs--line.sv-tabs--right.svelte-kxoh8m .sv-tabs__tabwrap.is-active:where(.svelte-kxoh8m)::after {top:8px;bottom:8px;width:2px;inset-inline-start:-1px;}.sv-tabs--pill.svelte-kxoh8m .sv-tabs__tab:where(.svelte-kxoh8m) {border-radius:7px;padding:7px 14px;}.sv-tabs--pill.svelte-kxoh8m .sv-tabs__tabwrap.is-active:where(.svelte-kxoh8m) .sv-tabs__tab:where(.svelte-kxoh8m), .sv-tabs--pill.svelte-kxoh8m .sv-tabs__tab.is-active:where(.svelte-kxoh8m) {background:var(--sg-bg, #fff);color:var(--sg-fg, #0f172a);box-shadow:0 1px 2px rgba(0,0,0,0.08);}.sv-tabs__panel.svelte-kxoh8m {padding:16px 2px;outline:none;flex:1;min-width:0;}"
+};
+function b(e, t) {
+	i.push(t, !0), i.append_styles(e, y);
+	let n = i.prop(t, "value", 15), r = i.prop(t, "variant", 3, "line"), a = i.prop(t, "activation", 3, "automatic"), o = i.prop(t, "reorderable", 3, !1), s = i.derived(() => t.tabPosition ?? (t.orientation === "vertical" ? "left" : "top")), c = i.derived(() => i.get(s) === "left" || i.get(s) === "right" ? "vertical" : "horizontal"), l = i.derived(() => t.dir === "ltr" || t.dir === "rtl" ? t.dir : void 0), u = i.state(0), d = i.state(0), b = i.state(0), x = i.derived(() => i.get(c) === "horizontal" && i.get(b) > i.get(d) + 1), S = i.derived(() => i.get(u) <= 1), C = i.derived(() => i.get(u) + i.get(d) >= i.get(b) - 1);
+	function w() {
+		j && (i.set(d, j.clientWidth, !0), i.set(b, j.scrollWidth, !0), i.set(u, j.scrollLeft, !0));
+	}
+	i.user_effect(() => {
+		t.tabs.length, queueMicrotask(w);
+	}), i.user_effect(() => {
+		let e = () => w();
+		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	});
+	function T(e) {
+		j?.scrollBy({
+			left: e * Math.max(120, i.get(d) * .7),
+			behavior: "smooth"
+		});
+	}
+	let E = i.state(null), D = i.state(null);
+	function O(e, n) {
+		if (e === n) return;
+		let r = t.tabs.map((e) => e.id), i = r.indexOf(e), a = r.indexOf(n);
+		i < 0 || a < 0 || (r.splice(a, 0, r.splice(i, 1)[0]), t.onReorder?.(r));
+	}
+	let k = f({
+		tabs: () => t.tabs,
+		value: () => n(),
+		onChange: (e) => {
+			n(e), t.onChange?.(e);
+		},
+		onClose: (e) => t.onClose?.(e),
+		orientation: () => i.get(c),
+		activation: () => a(),
+		dir: () => t.dir,
+		ariaLabel: () => t.ariaLabel
+	}), A = i.derived(() => k.activeId), j = null, M = 0;
+	i.user_effect(() => {
+		if (k.focusTick !== M) {
+			M = k.focusTick;
+			let e = k.focusId;
+			queueMicrotask(() => j?.querySelector(`[data-tab="${e}"]`)?.focus());
+		}
+	});
+	var N = v(), P = i.child(N), F = i.child(P), I = (e) => {
+		var t = p();
+		i.template_effect(() => t.disabled = i.get(S)), i.delegated("click", t, () => T(-1)), i.append(e, t);
+	};
+	i.if(F, (e) => {
+		i.get(x) && e(I);
+	});
+	var L = i.sibling(F, 2), R = (e) => i.set(u, e.currentTarget.scrollLeft, !0);
+	i.attribute_effect(L, (e) => ({
+		class: "sv-tabs__list",
+		onscroll: R,
+		...e
+	}), [() => k.tablistProps()], void 0, void 0, "svelte-kxoh8m"), i.each(L, 21, () => t.tabs, (e) => e.id, (e, t) => {
+		var n = h();
+		let r;
+		var a = i.child(n);
+		i.attribute_effect(a, (e) => ({
+			type: "button",
+			class: "sv-tabs__tab",
+			...e,
+			[i.CLASS]: { "is-active": i.get(t).id === i.get(A) }
+		}), [() => k.tabProps(i.get(t).id)], void 0, void 0, "svelte-kxoh8m");
+		var s = i.child(a, !0);
+		i.reset(a);
+		var c = i.sibling(a, 2), l = (e) => {
+			var n = m();
+			i.template_effect(() => i.set_attribute(n, "aria-label", `Close ${i.get(t).label}`)), i.delegated("click", n, (e) => {
+				e.stopPropagation(), k.close(i.get(t).id);
+			}), i.append(e, n);
+		};
+		i.if(c, (e) => {
+			i.get(t).closable && e(l);
+		}), i.reset(n), i.template_effect(() => {
+			r = i.set_class(n, 1, "sv-tabs__tabwrap svelte-kxoh8m", null, r, {
+				"is-active": i.get(t).id === i.get(A),
+				"is-closable": i.get(t).closable,
+				"is-drag": i.get(E) === i.get(t).id,
+				"is-over": i.get(D) === i.get(t).id
+			}), i.set_attribute(n, "draggable", o() && !i.get(t).disabled), i.set_text(s, i.get(t).label);
+		}), i.event("dragstart", n, function(...e) {
+			(o() ? (e) => {
+				i.set(E, i.get(t).id, !0), e.dataTransfer && (e.dataTransfer.effectAllowed = "move");
+			} : void 0)?.apply(this, e);
+		}), i.event("dragover", n, function(...e) {
+			(o() ? (e) => {
+				e.preventDefault(), i.set(D, i.get(t).id, !0);
+			} : void 0)?.apply(this, e);
+		}), i.event("dragleave", n, function(...e) {
+			(o() ? () => {
+				i.get(D) === i.get(t).id && i.set(D, null);
+			} : void 0)?.apply(this, e);
+		}), i.event("drop", n, function(...e) {
+			(o() ? (e) => {
+				e.preventDefault(), i.get(E) && O(i.get(E), i.get(t).id), i.set(E, null), i.set(D, null);
+			} : void 0)?.apply(this, e);
+		}), i.event("dragend", n, function(...e) {
+			(o() ? () => {
+				i.set(E, null), i.set(D, null);
+			} : void 0)?.apply(this, e);
+		}), i.append(e, n);
+	}), i.reset(L), i.bind_this(L, (e) => j = e, () => j);
+	var z = i.sibling(L, 2), B = (e) => {
+		var t = g();
+		i.template_effect(() => t.disabled = i.get(C)), i.delegated("click", t, () => T(1)), i.append(e, t);
+	};
+	i.if(z, (e) => {
+		i.get(x) && e(B);
+	}), i.reset(P);
+	var V = i.sibling(P, 2), H = (e) => {
+		var n = _();
+		i.attribute_effect(n, (e) => ({
+			class: "sv-tabs__panel",
+			...e
+		}), [() => k.panelProps(i.get(A))], void 0, void 0, "svelte-kxoh8m");
+		var r = i.child(n);
+		i.snippet(r, () => t.panel, () => i.get(A)), i.reset(n), i.append(e, n);
+	};
+	i.if(V, (e) => {
+		t.panel && e(H);
+	}), i.reset(N), i.template_effect(() => {
+		i.set_class(N, 1, `sv-tabs sv-tabs--${i.get(s) ?? ""} sv-tabs--${i.get(c) ?? ""} sv-tabs--${r() ?? ""}`, "svelte-kxoh8m"), i.set_attribute(N, "dir", i.get(l)), N.dir = N.dir;
+	}), i.bind_element_size(L, "clientWidth", (e) => i.set(d, e)), i.append(e, N), i.pop();
+}
+i.delegate(["click"]);
+//#endregion
+//#region src/SvModal.svelte
+var x = i.from_html("<button type=\"button\" class=\"sv-modal__x\" aria-label=\"Close\">&times;</button>"), S = i.from_html("<div><h2 class=\"sv-modal__title\"> </h2> <!></div>"), C = i.from_html("<div class=\"sv-modal__footer\"><!></div>"), w = i.from_html("<div class=\"sv-modal__resize\" aria-hidden=\"true\"></div>"), T = i.from_html("<div class=\"sv-modal__backdrop\"><div><!> <div class=\"sv-modal__body\"><!></div> <!> <!></div></div>"), E = {
+	hash: "svelte-11fjt09",
+	code: ".sv-modal__backdrop {position:fixed;inset:0;z-index:2147483000;background:rgba(15, 23, 42, 0.45);backdrop-filter:blur(1.5px);\n    animation: svelte-11fjt09-sv-modal-fade 0.16s ease both;}\n  @keyframes svelte-11fjt09-sv-modal-fade { from { opacity: 0 } to { opacity: 1 } }\n  @media (prefers-reduced-motion: reduce) {.sv-modal__backdrop { animation: none} }.sv-modal {position:fixed;top:50%;left:50%;display:flex;flex-direction:column;max-width:94vw;max-height:88vh;min-width:240px;background:var(--sg-bg, #fff);color:var(--sg-fg, #0f172a);border:1px solid var(--sg-border, #e2e8f0);border-radius:12px;overflow:hidden;box-shadow:0 24px 64px -16px rgba(15, 23, 42, 0.5);\n    animation: svelte-11fjt09-sv-modal-in 0.18s cubic-bezier(0.16, 1, 0.3, 1) both;}\n  @keyframes svelte-11fjt09-sv-modal-in { from { opacity: 0; transform: translate(-50%, -50%) scale(0.94) } to { opacity: 1 } }\n  @media (prefers-reduced-motion: reduce) {.sv-modal { animation: none} }.sv-modal--sm {width:360px;}.sv-modal--md {width:520px;}.sv-modal--lg {width:720px;}.sv-modal.is-resized {max-width:none;max-height:none;}.sv-modal__header {display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--sg-border, #e2e8f0);}.sv-modal__header.is-draggable {cursor:move;touch-action:none;user-select:none;}.sv-modal__title {flex:1;margin:0;font-size:15px;font-weight:650;}.sv-modal__x {flex:none;width:28px;height:28px;display:grid;place-items:center;background:none;border:0;color:var(--sg-muted, #64748b);cursor:pointer;border-radius:6px;font-size:20px;line-height:1;}.sv-modal__x:hover {background:var(--sg-row-hover-bg, #f1f5f9);color:var(--sg-fg, #0f172a);}.sv-modal__body {padding:16px;overflow:auto;flex:1;font-size:13.5px;line-height:1.6;}.sv-modal__footer {display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--sg-border, #e2e8f0);}.sv-modal__resize {position:absolute;inset-inline-end:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg, transparent 50%, var(--sg-muted, #94a3b8) 50%, var(--sg-muted, #94a3b8) 60%, transparent 60%, transparent 72%, var(--sg-muted, #94a3b8) 72%, var(--sg-muted, #94a3b8) 82%, transparent 82%);opacity:0.6;}"
+};
+function D(n, r) {
+	i.push(r, !0), i.append_styles(n, E);
+	let a = i.prop(r, "open", 15, !1), o = i.prop(r, "size", 3, "md"), s = i.prop(r, "draggable", 3, !1), c = i.prop(r, "resizable", 3, !1), l = i.prop(r, "closeOnBackdrop", 3, !0), d = i.prop(r, "closeOnEsc", 3, !0), f = i.prop(r, "hideClose", 3, !1), p = e("sv-modal-title"), m = i.state(null), h = i.state(i.proxy({
+		x: 0,
+		y: 0
+	})), g = i.state(null);
+	function _() {
+		a(!1), r.onClose?.();
+	}
+	let v = u({
+		open: () => a(),
+		getDialog: () => i.get(m),
+		onClose: _,
+		closeOnEsc: () => d(),
+		closeOnBackdrop: () => l(),
+		onOpen: () => {
+			i.set(h, {
+				x: 0,
+				y: 0
+			}, !0), i.set(g, null);
+		}
+	}), y = !1, b = {
+		x: 0,
+		y: 0,
+		ox: 0,
+		oy: 0
+	};
+	function D(e) {
+		!s() || e.target.closest(".sv-modal__x") || (y = !0, b = {
+			x: e.clientX,
+			y: e.clientY,
+			ox: i.get(h).x,
+			oy: i.get(h).y
+		}, e.currentTarget.setPointerCapture(e.pointerId));
+	}
+	function O(e) {
+		y && i.set(h, {
+			x: b.ox + (e.clientX - b.x),
+			y: b.oy + (e.clientY - b.y)
+		}, !0);
+	}
+	function k(e) {
+		y && (y = !1, e.currentTarget.releasePointerCapture(e.pointerId));
+	}
+	let A = !1, j = {
+		x: 0,
+		y: 0,
+		w: 0,
+		h: 0
+	};
+	function M(e) {
+		if (!c() || !i.get(m)) return;
+		e.stopPropagation(), A = !0;
+		let t = i.get(m).getBoundingClientRect();
+		j = {
+			x: e.clientX,
+			y: e.clientY,
+			w: t.width,
+			h: t.height
+		}, i.set(g, {
+			w: t.width,
+			h: t.height
+		}, !0), e.currentTarget.setPointerCapture(e.pointerId);
+	}
+	function N(e) {
+		A && i.set(g, {
+			w: Math.max(240, j.w + (e.clientX - j.x)),
+			h: Math.max(160, j.h + (e.clientY - j.y))
+		}, !0);
+	}
+	function P(e) {
+		A && (A = !1, e.currentTarget.releasePointerCapture(e.pointerId));
+	}
+	var F = i.comment(), I = i.first_child(F), L = (e) => {
+		var n = T(), a = i.child(n);
+		i.attribute_effect(a, (e) => ({
+			class: `sv-modal sv-modal--${o() ?? ""}`,
+			...e,
+			[i.CLASS]: { "is-resized": !!i.get(g) },
+			[i.STYLE]: {
+				transform: `translate(calc(-50% + ${i.get(h).x}px), calc(-50% + ${i.get(h).y}px))`,
+				width: i.get(g) ? `${i.get(g).w}px` : r.width ? `${r.width}px` : void 0,
+				height: i.get(g) ? `${i.get(g).h}px` : void 0
+			}
+		}), [() => v.dialogProps({ labelledBy: r.title ? p : void 0 })]);
+		var l = i.child(a), u = (e) => {
+			var t = S();
+			let n;
+			var a = i.child(t), o = i.child(a, !0);
+			i.reset(a);
+			var c = i.sibling(a, 2), l = (e) => {
+				var t = x();
+				i.delegated("click", t, _), i.append(e, t);
+			};
+			i.if(c, (e) => {
+				f() || e(l);
+			}), i.reset(t), i.template_effect(() => {
+				n = i.set_class(t, 1, "sv-modal__header", null, n, { "is-draggable": s() }), i.set_attribute(a, "id", p), i.set_text(o, r.title ?? "");
+			}), i.delegated("pointerdown", t, D), i.delegated("pointermove", t, O), i.delegated("pointerup", t, k), i.event("pointercancel", t, k), i.append(e, t);
+		};
+		i.if(l, (e) => {
+			(r.title || !f()) && e(u);
+		});
+		var d = i.sibling(l, 2), y = i.child(d);
+		i.snippet(y, () => r.children ?? i.noop), i.reset(d);
+		var b = i.sibling(d, 2), E = (e) => {
+			var t = C(), n = i.child(t);
+			i.snippet(n, () => r.footer), i.reset(t), i.append(e, t);
+		};
+		i.if(b, (e) => {
+			r.footer && e(E);
+		});
+		var A = i.sibling(b, 2), j = (e) => {
+			var t = w();
+			i.delegated("pointerdown", t, M), i.delegated("pointermove", t, N), i.delegated("pointerup", t, P), i.event("pointercancel", t, P), i.append(e, t);
+		};
+		i.if(A, (e) => {
+			c() && e(j);
+		}), i.reset(a), i.bind_this(a, (e) => i.set(m, e), () => i.get(m)), i.reset(n), i.action(n, (e) => t?.(e)), i.append(e, n);
+	};
+	i.if(I, (e) => {
+		a() && e(L);
+	}), i.append(n, F), i.pop();
+}
+i.delegate([
+	"pointerdown",
+	"pointermove",
+	"pointerup",
+	"click"
+]);
+//#endregion
+export { c as a, u as i, b as n, l as o, f as r, D as t };