@pie-element/venn-classification 0.1.1-next.1 → 0.1.1-next.2

package/dist/browser/{VennClassification-C6roHfLf.js → VennClassification-DtwuotJl.js}

@@ -2568,7 +2568,7 @@ function zi({ sourceEl: e, fallbackSelector: t, component: n, complete: r, sessi
 //#region ../../shared/math-rendering-mathjax/dist/index.js
 var Bi = "https://cdn.jsdelivr.net/npm/mathjax@4/tex-chtml.js", Vi = null;
 function Hi(e) {
-	return typeof window > "u" || window.MathJax?.version ? Promise.resolve() : Vi || (Vi = new Promise((t, n) => {
+	return typeof window > "u" || window.MathJax?.typesetPromise ? Promise.resolve() : Vi || (Vi = new Promise((t, n) => {
 		let { useSingleDollar: r = !1, accessibility: i = !0, loadFonts: a = !0, srcUrl: o } = e, s = {
 			loader: { load: i ? ["a11y/assistive-mml"] : [] },
 			tex: {
@@ -2622,36 +2622,43 @@ function Wi(e = {}) {
 		await window.MathJax.typesetPromise([t]), Ui();
 	};
 }
-var Gi = null;
-function Ki() {
-	return Gi ||= Wi({
+var Gi = "@pie-lib/math-rendering", Ki = null;
+function qi() {
+	return Ki ||= Wi({
 		accessibility: !0,
 		useSingleDollar: !0
-	}), Gi;
+	}), Ki;
 }
-var qi = async (e) => {
+function Ji() {
+	if (typeof window > "u") return null;
+	let e = window[Gi];
+	return typeof e?.renderMath == "function" ? e : null;
+}
+var Yi = async (e) => {
 	if (typeof window > "u") return;
 	let t = typeof e == "string", n;
-	return t ? (n = document.createElement("div"), n.innerHTML = e) : n = e || document.body, await Ki()(n), t ? n.innerHTML : void 0;
+	t ? (n = document.createElement("div"), n.innerHTML = e) : n = e || document.body;
+	let r = Ji();
+	return r ? await r.renderMath?.(n) : await qi()(n), t ? n.innerHTML : void 0;
 };
 //#endregion
 //#region src/delivery/tile-accessible-name.ts
-function Ji(e) {
+function Xi(e) {
 	return (e || "").replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim();
 }
-function Yi(e) {
+function Zi(e) {
 	let t = (e.imageAlt ?? "").trim();
-	return (e.imageUrl ?? "").trim() && t ? t : Ji(e.label ?? "") || "Tile";
+	return (e.imageUrl ?? "").trim() && t ? t : Xi(e.label ?? "") || "Tile";
 }
 //#endregion
 //#region src/delivery/Tile.svelte
-var Xi = /* @__PURE__ */ Y("<img alt=\"\" class=\"tile-img svelte-1hgaksk\" aria-hidden=\"true\" draggable=\"false\"/>"), Zi = /* @__PURE__ */ Y("<span></span>"), Qi = /* @__PURE__ */ Y("<span class=\"badge badge-correct svelte-1hgaksk\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"currentColor\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"></path></svg></span>"), $i = /* @__PURE__ */ Y("<span class=\"badge badge-incorrect svelte-1hgaksk\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"currentColor\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z\"></path></svg></span>"), ea = /* @__PURE__ */ Y("<button type=\"button\"><span><!> <!></span> <!></button>"), ta = {
+var Qi = /* @__PURE__ */ Y("<img alt=\"\" class=\"tile-img svelte-1hgaksk\" aria-hidden=\"true\" draggable=\"false\"/>"), $i = /* @__PURE__ */ Y("<span></span>"), ea = /* @__PURE__ */ Y("<span class=\"badge badge-correct svelte-1hgaksk\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"currentColor\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"></path></svg></span>"), ta = /* @__PURE__ */ Y("<span class=\"badge badge-incorrect svelte-1hgaksk\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"currentColor\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z\"></path></svg></span>"), na = /* @__PURE__ */ Y("<button type=\"button\"><span><!> <!></span> <!></button>"), ra = {
 	hash: "svelte-1hgaksk",
 	code: ".venn-tile.svelte-1hgaksk {position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:44px;padding:8px 14px;border:1.5px solid #334155;border-radius:10px;background:#ffffff;color:#0f172a;font-size:14px;font-weight:500;box-shadow:0 1px 2px rgba(15, 23, 42, 0.06);cursor:grab;touch-action:none;user-select:none;transition:box-shadow 120ms ease, transform 120ms ease, background 120ms ease;}.venn-tile.svelte-1hgaksk:focus-visible,\n  .venn-tile.focused.svelte-1hgaksk {outline:2px solid #2563eb;outline-offset:2px;}.venn-tile.svelte-1hgaksk:hover:not(:disabled) {background:#f8fafc;}.venn-tile.held.svelte-1hgaksk {cursor:grabbing;box-shadow:0 6px 18px rgba(15, 23, 42, 0.18);transform:translateY(-1px);background:#eef2ff;}.venn-tile.invisible.svelte-1hgaksk {visibility:hidden;}.venn-tile.ghost.svelte-1hgaksk {pointer-events:none;cursor:grabbing;box-shadow:0 10px 24px rgba(15, 23, 42, 0.22);transform:rotate(-1.5deg);background:#ffffff;opacity:0.96;}.venn-tile.correct.svelte-1hgaksk {border-color:#0ea449;}.venn-tile.incorrect.svelte-1hgaksk {border-color:#bf0d00;}.venn-tile.svelte-1hgaksk:disabled {cursor:default;}.tile-body.svelte-1hgaksk {display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;pointer-events:none;max-width:220px;}.tile-body-image.svelte-1hgaksk {flex-direction:column;gap:4px;}.tile-img.svelte-1hgaksk {width:40px;height:40px;object-fit:contain;flex-shrink:0;}.tile-label.svelte-1hgaksk {pointer-events:none;text-align:center;line-height:1.25;word-break:break-word;}.tile-label-below.svelte-1hgaksk {font-size:12px;font-weight:600;}.badge.svelte-1hgaksk {position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#ffffff;}.badge-correct.svelte-1hgaksk {background:#0ea449;}.badge-incorrect.svelte-1hgaksk {background:#bf0d00;}\n  @media (prefers-reduced-motion: reduce) {.venn-tile.svelte-1hgaksk {transition:none;}\n  }"
 };
-function na(e, t) {
-	Ze(t, !0), oi(e, ta);
-	let n = $(t, "id", 7), r = $(t, "label", 7), i = $(t, "imageUrl", 7), a = $(t, "imageAlt", 7), o = $(t, "correctness", 7, "neutral"), s = $(t, "held", 7, !1), c = $(t, "invisible", 7, !1), l = $(t, "ghost", 7, !1), u = $(t, "disabled", 7, !1), d = $(t, "focused", 7, !1), f = $(t, "onpointerdown", 7), p = $(t, "onkeydown", 7), m = $(t, "onfocus", 7), h = $(t, "onclick", 7), g = /* @__PURE__ */ I(() => Yi({
+function ia(e, t) {
+	Ze(t, !0), oi(e, ra);
+	let n = $(t, "id", 7), r = $(t, "label", 7), i = $(t, "imageUrl", 7), a = $(t, "imageAlt", 7), o = $(t, "correctness", 7, "neutral"), s = $(t, "held", 7, !1), c = $(t, "invisible", 7, !1), l = $(t, "ghost", 7, !1), u = $(t, "disabled", 7, !1), d = $(t, "focused", 7, !1), f = $(t, "onpointerdown", 7), p = $(t, "onkeydown", 7), m = $(t, "onfocus", 7), h = $(t, "onclick", 7), g = /* @__PURE__ */ I(() => Zi({
 		label: r(),
 		imageUrl: i(),
 		imageAlt: a()
@@ -2741,19 +2748,19 @@ function na(e, t) {
 		set onclick(e) {
 			h(e), F();
 		}
-	}, b = ea();
+	}, b = na();
 	let x;
 	var S = B(b);
 	let C;
 	var ee = B(S), te = (e) => {
-		var t = Xi();
+		var t = Qi();
 		H(() => Q(t, "src", i())), X(e, t);
 	};
 	Z(ee, (e) => {
 		J(_) && e(te);
 	});
 	var w = V(ee, 2), T = (e) => {
-		var t = Zi();
+		var t = $i();
 		let n;
 		ai(t, r, !0), k(t), H(() => n = fi(t, 1, "tile-label svelte-1hgaksk", null, n, { "tile-label-below": J(_) })), X(e, t);
 	};
@@ -2761,9 +2768,9 @@ function na(e, t) {
 		J(v) && e(T);
 	}), k(S);
 	var ne = V(S, 2), re = (e) => {
-		X(e, Qi());
+		X(e, ea());
 	}, ie = (e) => {
-		X(e, $i());
+		X(e, ta());
 	};
 	return Z(ne, (e) => {
 		o() === "correct" ? e(re) : o() === "incorrect" && e(ie, 1);
@@ -2790,7 +2797,7 @@ Cr([
 	"pointerdown",
 	"keydown",
 	"click"
-]), Pi(na, {
+]), Pi(ia, {
 	id: {},
 	label: {},
 	imageUrl: {},
@@ -2808,12 +2815,12 @@ Cr([
 }, [], [], { mode: "open" });
 //#endregion
 //#region src/delivery/Tray.svelte
-var ra = /* @__PURE__ */ Y("<div role=\"region\" data-region-key=\"tray\"><div class=\"tray-label svelte-1ogsh8s\"> </div> <div class=\"tray-items svelte-1ogsh8s\"><!></div></div>"), ia = {
+var aa = /* @__PURE__ */ Y("<div role=\"region\" data-region-key=\"tray\"><div class=\"tray-label svelte-1ogsh8s\"> </div> <div class=\"tray-items svelte-1ogsh8s\"><!></div></div>"), oa = {
 	hash: "svelte-1ogsh8s",
 	code: ".venn-tray.svelte-1ogsh8s {border:1.5px dashed #94a3b8;border-radius:12px;padding:14px 16px;background:#f8fafc;min-height:120px;transition:background 120ms ease, border-color 120ms ease;}.venn-tray.drop-target.svelte-1ogsh8s {background:#e0f2fe;border-color:#0ea5e9;}.venn-tray.focused.svelte-1ogsh8s {outline:2px solid #2563eb;outline-offset:2px;}.tray-label.svelte-1ogsh8s {font-size:12px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:8px;}.tray-items.svelte-1ogsh8s {display:flex;flex-wrap:wrap;gap:10px;}\n  @media (prefers-reduced-motion: reduce) {.venn-tray.svelte-1ogsh8s {transition:none;}\n  }"
 };
-function aa(e, t) {
-	Ze(t, !0), oi(e, ia);
+function sa(e, t) {
+	Ze(t, !0), oi(e, oa);
 	let n = $(t, "isDropTarget", 7, !1), r = $(t, "focused", 7, !1), i = $(t, "label", 7, "Tiles to classify"), a = $(t, "onpointerenter", 7), o = $(t, "onpointerleave", 7), s = $(t, "children", 7);
 	var c = {
 		get isDropTarget() {
@@ -2852,7 +2859,7 @@ function aa(e, t) {
 		set children(e) {
 			s(e), F();
 		}
-	}, l = ra();
+	}, l = aa();
 	let u;
 	var d = B(l), f = B(d, !0);
 	k(d);
@@ -2873,7 +2880,7 @@ function aa(e, t) {
 		o()?.apply(this, e);
 	}), X(e, l), Qe(c);
 }
-Pi(aa, {
+Pi(sa, {
 	isDropTarget: {},
 	focused: {},
 	label: {},
@@ -2883,7 +2890,7 @@ Pi(aa, {
 }, [], [], { mode: "open" });
 //#endregion
 //#region src/delivery/layout.ts
-function oa() {
+function ca() {
 	return {
 		width: 900,
 		height: 540,
@@ -2900,7 +2907,7 @@ function oa() {
 		}]
 	};
 }
-function sa(e, t) {
+function la(e, t) {
 	return (n, r, i) => {
 		let a = n % t, o = Math.floor(n / t), s = t * r + (t - 1) * 8;
 		return {
@@ -2909,7 +2916,7 @@ function sa(e, t) {
 		};
 	};
 }
-function ca(t, i = oa()) {
+function ua(t, i = ca()) {
 	if (!t.circles || t.circles.length !== 2) throw Error(`buildLayout2Set requires exactly 2 circles (got ${t.circles?.length ?? 0})`);
 	let [a, o] = i.circles, s = r(2), c = Math.max(a.cy + a.r, o.cy + o.r), l = Math.min(i.height - i.outsideStripHeight, c + i.outsideGap), u = (e, t, n) => (r, i) => {
 		let a = r - e, o = i - t;
@@ -2966,7 +2973,7 @@ function ca(t, i = oa()) {
 				label: c,
 				hitRect: p,
 				pointInRegion: u,
-				gridSlot: sa(m, x)
+				gridSlot: la(m, x)
 			};
 			return b[s] = S, S;
 		}),
@@ -2974,7 +2981,7 @@ function ca(t, i = oa()) {
 		outsideStripTop: l
 	};
 }
-function la(e, t, n) {
+function da(e, t, n) {
 	for (let r of [
 		"0,1",
 		"0",
@@ -2988,7 +2995,7 @@ function la(e, t, n) {
 }
 //#endregion
 //#region src/delivery/dnd.ts
-function ua({ model: e, session: n, tileId: r, placement: a }) {
+function fa({ model: e, session: n, tileId: r, placement: a }) {
 	let o = n || {}, s = o.placements ?? {}, c = a === null ? null : t(a), l = {
 		...s,
 		[r]: c
@@ -2998,11 +3005,11 @@ function ua({ model: e, session: n, tileId: r, placement: a }) {
 	};
 	return u.completed = i(e, u), u;
 }
-function da(e, t) {
+function pa(e, t) {
 	let n = t?.placements ?? {};
 	return (e.tiles || []).filter((e) => n[e.id] == null);
 }
-function fa(e, n) {
+function ma(e, n) {
 	let r = n?.placements ?? {}, i = {};
 	for (let n of e.tiles || []) {
 		let e = r[n.id];
@@ -3020,19 +3027,19 @@ new Set([
 ]);
 //#endregion
 //#region src/delivery/VennClassification.svelte
-var pa = /* @__PURE__ */ Y("<div class=\"venn-prompt prose svelte-gkcqor\"></div>"), ma = /* @__PURE__ */ jr("<svg class=\"toggle-icon svelte-gkcqor\" preserveAspectRatio=\"xMinYMin meet\" version=\"1.1\" viewBox=\"-283 359 34 35\" aria-hidden=\"true\"><circle cx=\"-266\" cy=\"375.9\" r=\"14\" fill=\"#bce2ff\"></circle><path d=\"M-280.5,375.9c0-8,6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5s-6.5,14.5-14.5,14.5S-280.5,383.9-280.5,375.9z M-279.5,375.9c0,7.4,6.1,13.5,13.5,13.5c7.4,0,13.5-6.1,13.5-13.5s-6.1-13.5-13.5-13.5C-273.4,362.4-279.5,368.5-279.5,375.9z\" fill=\"#bce2ff\"></path><polygon points=\"-265.4,383.1 -258.6,377.2 -261.2,374.2 -264.3,376.9 -268.9,368.7 -272.4,370.6\" fill=\"#1a9cff\"></polygon></svg>"), ha = /* @__PURE__ */ jr("<svg class=\"toggle-icon svelte-gkcqor\" preserveAspectRatio=\"xMinYMin meet\" version=\"1.1\" viewBox=\"-129.5 127 34 35\" aria-hidden=\"true\"><path style=\"fill: #D0CAC5; stroke: #E6E3E0; stroke-width: 0.75; stroke-miterlimit: 10;\" d=\"M-112.9,160.4c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5 C-97.4,153.5-104.3,160.4-112.9,160.4z\"></path><path style=\"fill: #B3ABA4; stroke: #CDC7C2; stroke-width: 0.5; stroke-miterlimit: 10;\" d=\"M-113.2,159c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-105.2,159-113.2,159z\"></path><circle cx=\"-114.2\" cy=\"143.5\" r=\"14\" fill=\"white\"></circle><path d=\"M-114.2,158c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-106.2,158-114.2,158z M-114.2,130c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-106.8,130-114.2,130z\" fill=\"#bce2ff\"></path><polygon points=\"-114.8,150.7 -121.6,144.8 -119,141.8 -115.9,144.5 -111.3,136.3 -107.8,138.2\" fill=\"#1a9cff\"></polygon></svg>"), ga = /* @__PURE__ */ Y("<button type=\"button\" class=\"toggle-correct svelte-gkcqor\"><!> <span class=\"toggle-label svelte-gkcqor\"> </span></button>"), _a = /* @__PURE__ */ jr("<circle fill=\"rgba(14, 165, 233, 0.12)\"></circle>"), va = /* @__PURE__ */ jr("<rect x=\"0\" y=\"0\" mask=\"url(#venn-mask-left-only)\"></rect>"), ya = /* @__PURE__ */ jr("<rect x=\"0\" y=\"0\" mask=\"url(#venn-mask-right-only)\"></rect>"), ba = /* @__PURE__ */ jr("<circle clip-path=\"url(#venn-clip-left)\"></circle>"), xa = /* @__PURE__ */ jr("<rect x=\"0\" y=\"0\" mask=\"url(#venn-mask-outside)\"></rect>"), Sa = /* @__PURE__ */ jr("<circle fill=\"none\" stroke=\"#1e293b\" stroke-width=\"2.5\"></circle>"), Ca = /* @__PURE__ */ jr("<text font-size=\"22\" font-weight=\"600\" fill=\"#0f172a\"> </text>"), wa = /* @__PURE__ */ Y("<div class=\"region-aria svelte-gkcqor\" role=\"region\"></div>"), Ta = /* @__PURE__ */ Y("<div class=\"tile-wrapper svelte-gkcqor\"><!></div>"), Ea = /* @__PURE__ */ Y("<div class=\"drag-ghost svelte-gkcqor\"><!></div>"), Da = /* @__PURE__ */ Y("<div class=\"venn-root svelte-gkcqor\"><!> <!> <div class=\"venn-diagram svelte-gkcqor\"><svg preserveAspectRatio=\"xMidYMid meet\" aria-hidden=\"true\" class=\"svelte-gkcqor\"><defs><mask id=\"venn-mask-left-only\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\"><rect x=\"0\" y=\"0\" fill=\"black\"></rect><circle fill=\"white\"></circle><circle fill=\"black\"></circle></mask><mask id=\"venn-mask-right-only\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\"><rect x=\"0\" y=\"0\" fill=\"black\"></rect><circle fill=\"white\"></circle><circle fill=\"black\"></circle></mask><clipPath id=\"venn-clip-left\" clipPathUnits=\"userSpaceOnUse\"><circle></circle></clipPath><mask id=\"venn-mask-outside\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\"><rect x=\"0\" y=\"0\" fill=\"white\"></rect><circle fill=\"black\"></circle><circle fill=\"black\"></circle></mask></defs><rect x=\"1\" y=\"1\" fill=\"#ffffff\" stroke=\"#cbd5e1\" stroke-width=\"1.5\" rx=\"12\"></rect><!><!><!><!><!><!><!><line x1=\"16\" stroke=\"#cbd5e1\" stroke-width=\"1\" stroke-dasharray=\"4 6\"></line></svg> <div class=\"region-labels svelte-gkcqor\" aria-hidden=\"false\"></div> <div class=\"placed-tiles svelte-gkcqor\"></div></div> <!> <!> <div class=\"sr-only svelte-gkcqor\" aria-live=\"polite\" aria-atomic=\"true\"></div></div>"), Oa = {
+var ha = /* @__PURE__ */ Y("<div class=\"venn-prompt prose svelte-gkcqor\"></div>"), ga = /* @__PURE__ */ jr("<svg class=\"toggle-icon svelte-gkcqor\" preserveAspectRatio=\"xMinYMin meet\" version=\"1.1\" viewBox=\"-283 359 34 35\" aria-hidden=\"true\"><circle cx=\"-266\" cy=\"375.9\" r=\"14\" fill=\"#bce2ff\"></circle><path d=\"M-280.5,375.9c0-8,6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5s-6.5,14.5-14.5,14.5S-280.5,383.9-280.5,375.9z M-279.5,375.9c0,7.4,6.1,13.5,13.5,13.5c7.4,0,13.5-6.1,13.5-13.5s-6.1-13.5-13.5-13.5C-273.4,362.4-279.5,368.5-279.5,375.9z\" fill=\"#bce2ff\"></path><polygon points=\"-265.4,383.1 -258.6,377.2 -261.2,374.2 -264.3,376.9 -268.9,368.7 -272.4,370.6\" fill=\"#1a9cff\"></polygon></svg>"), _a = /* @__PURE__ */ jr("<svg class=\"toggle-icon svelte-gkcqor\" preserveAspectRatio=\"xMinYMin meet\" version=\"1.1\" viewBox=\"-129.5 127 34 35\" aria-hidden=\"true\"><path style=\"fill: #D0CAC5; stroke: #E6E3E0; stroke-width: 0.75; stroke-miterlimit: 10;\" d=\"M-112.9,160.4c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5 C-97.4,153.5-104.3,160.4-112.9,160.4z\"></path><path style=\"fill: #B3ABA4; stroke: #CDC7C2; stroke-width: 0.5; stroke-miterlimit: 10;\" d=\"M-113.2,159c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-105.2,159-113.2,159z\"></path><circle cx=\"-114.2\" cy=\"143.5\" r=\"14\" fill=\"white\"></circle><path d=\"M-114.2,158c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-106.2,158-114.2,158z M-114.2,130c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-106.8,130-114.2,130z\" fill=\"#bce2ff\"></path><polygon points=\"-114.8,150.7 -121.6,144.8 -119,141.8 -115.9,144.5 -111.3,136.3 -107.8,138.2\" fill=\"#1a9cff\"></polygon></svg>"), va = /* @__PURE__ */ Y("<button type=\"button\" class=\"toggle-correct svelte-gkcqor\"><!> <span class=\"toggle-label svelte-gkcqor\"> </span></button>"), ya = /* @__PURE__ */ jr("<circle fill=\"rgba(14, 165, 233, 0.12)\"></circle>"), ba = /* @__PURE__ */ jr("<rect x=\"0\" y=\"0\" mask=\"url(#venn-mask-left-only)\"></rect>"), xa = /* @__PURE__ */ jr("<rect x=\"0\" y=\"0\" mask=\"url(#venn-mask-right-only)\"></rect>"), Sa = /* @__PURE__ */ jr("<circle clip-path=\"url(#venn-clip-left)\"></circle>"), Ca = /* @__PURE__ */ jr("<rect x=\"0\" y=\"0\" mask=\"url(#venn-mask-outside)\"></rect>"), wa = /* @__PURE__ */ jr("<circle fill=\"none\" stroke=\"#1e293b\" stroke-width=\"2.5\"></circle>"), Ta = /* @__PURE__ */ jr("<text font-size=\"22\" font-weight=\"600\" fill=\"#0f172a\"> </text>"), Ea = /* @__PURE__ */ Y("<div class=\"region-aria svelte-gkcqor\" role=\"region\"></div>"), Da = /* @__PURE__ */ Y("<div class=\"tile-wrapper svelte-gkcqor\"><!></div>"), Oa = /* @__PURE__ */ Y("<div class=\"drag-ghost svelte-gkcqor\"><!></div>"), ka = /* @__PURE__ */ Y("<div class=\"venn-root svelte-gkcqor\"><!> <!> <div class=\"venn-diagram svelte-gkcqor\"><svg preserveAspectRatio=\"xMidYMid meet\" aria-hidden=\"true\" class=\"svelte-gkcqor\"><defs><mask id=\"venn-mask-left-only\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\"><rect x=\"0\" y=\"0\" fill=\"black\"></rect><circle fill=\"white\"></circle><circle fill=\"black\"></circle></mask><mask id=\"venn-mask-right-only\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\"><rect x=\"0\" y=\"0\" fill=\"black\"></rect><circle fill=\"white\"></circle><circle fill=\"black\"></circle></mask><clipPath id=\"venn-clip-left\" clipPathUnits=\"userSpaceOnUse\"><circle></circle></clipPath><mask id=\"venn-mask-outside\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\"><rect x=\"0\" y=\"0\" fill=\"white\"></rect><circle fill=\"black\"></circle><circle fill=\"black\"></circle></mask></defs><rect x=\"1\" y=\"1\" fill=\"#ffffff\" stroke=\"#cbd5e1\" stroke-width=\"1.5\" rx=\"12\"></rect><!><!><!><!><!><!><!><line x1=\"16\" stroke=\"#cbd5e1\" stroke-width=\"1\" stroke-dasharray=\"4 6\"></line></svg> <div class=\"region-labels svelte-gkcqor\" aria-hidden=\"false\"></div> <div class=\"placed-tiles svelte-gkcqor\"></div></div> <!> <!> <div class=\"sr-only svelte-gkcqor\" aria-live=\"polite\" aria-atomic=\"true\"></div></div>"), Aa = {
 	hash: "svelte-gkcqor",
 	code: ".venn-root.svelte-gkcqor {display:flex;flex-direction:column;gap:16px;padding:16px;color:#0f172a;font-family:system-ui, -apple-system, Segoe UI, Roboto, sans-serif;}.venn-prompt.svelte-gkcqor {font-size:16px;line-height:1.5;}.venn-prompt.svelte-gkcqor p {margin:0 0 8px 0;}.toggle-correct.svelte-gkcqor {align-self:center;display:inline-flex;align-items:center;gap:8px;margin:0 0 4px 0;padding:0;background:transparent;border:0;color:inherit;font:inherit;font-size:14px;cursor:pointer;user-select:none;}.toggle-correct.svelte-gkcqor:focus-visible {outline:2px solid #2563eb;outline-offset:2px;border-radius:2px;}.toggle-icon.svelte-gkcqor {width:25px;height:25px;flex-shrink:0;}.toggle-label.svelte-gkcqor {line-height:1.2;}.toggle-correct.svelte-gkcqor:hover .toggle-label:where(.svelte-gkcqor),\n  .toggle-correct.svelte-gkcqor:focus-visible .toggle-label:where(.svelte-gkcqor) {text-decoration:underline;}.venn-diagram.svelte-gkcqor {position:relative;width:100%;\n    /*\n     * Keep the diagram \"smart\" about vertical space: it should not monopolise\n     * the viewport and force the tray below the fold.\n     *   - aspect-ratio preserves the 3:2 geometry the SVG is tuned for\n     *   - max-width keeps the diagram from dominating wide layouts\n     *   - max-height (viewport-relative) shrinks it further in short windows\n     *     so the prompt, toggle, and tray remain in view without scrolling\n     *     whenever possible. The SVG uses preserveAspectRatio=\"xMidYMid meet\",\n     *     so when max-height wins the width reduces in lockstep.\n     */max-width:720px;aspect-ratio:900 / 540;max-height:min(60vh, 430px);margin:0 auto;}.venn-diagram.svelte-gkcqor svg:where(.svelte-gkcqor) {width:100%;height:100%;display:block;}.placed-tiles.svelte-gkcqor,\n  .region-labels.svelte-gkcqor {position:absolute;inset:0;pointer-events:none;}.tile-wrapper.svelte-gkcqor {position:absolute;transform:translate(-50%, -50%);pointer-events:auto;}.region-aria.svelte-gkcqor {position:absolute;width:1px;height:1px;transform:translate(-50%, -50%);opacity:0;pointer-events:none;}.sr-only.svelte-gkcqor {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}.drag-ghost.svelte-gkcqor {position:fixed;top:0;left:0;transform:translate(-50%, -50%);pointer-events:none;z-index:1000;}"
 };
-function ka(e, t) {
-	Ze(t, !0), oi(e, Oa);
-	let n = null, r = null, i = null, a = null, o = /* @__PURE__ */ L(!1), s = /* @__PURE__ */ L(null), c = /* @__PURE__ */ L(null), l = /* @__PURE__ */ L(null), u = /* @__PURE__ */ L(null), d = oa(), f = /* @__PURE__ */ I(() => ({
+function ja(e, t) {
+	Ze(t, !0), oi(e, Aa);
+	let n = null, r = null, i = null, a = null, o = /* @__PURE__ */ L(!1), s = /* @__PURE__ */ L(null), c = /* @__PURE__ */ L(null), l = /* @__PURE__ */ L(null), u = /* @__PURE__ */ L(null), d = ca(), f = /* @__PURE__ */ I(() => ({
 		circles: t?.model?.circles ?? [{ label: "Set A" }, { label: "Set B" }],
 		tiles: t?.model?.tiles ?? [],
 		regionLabels: t?.model?.regionLabels ?? {},
 		scoringPolicy: "partialPerTile",
 		promptEnabled: !0
-	})), p = /* @__PURE__ */ I(() => ca(J(f), d)), m = /* @__PURE__ */ I(() => t?.model?.env?.mode === "evaluate"), h = /* @__PURE__ */ I(() => t?.model?.disabled === !0), g = /* @__PURE__ */ I(() => t?.model?.prompt ?? null), _ = /* @__PURE__ */ I(() => S(t?.session, t?.model, J(o))), v = /* @__PURE__ */ I(() => ({ placements: J(_) })), y = /* @__PURE__ */ I(() => fa(J(f), J(v))), b = /* @__PURE__ */ I(() => da(J(f), J(v))), x = /* @__PURE__ */ I(() => [
+	})), p = /* @__PURE__ */ I(() => ua(J(f), d)), m = /* @__PURE__ */ I(() => t?.model?.env?.mode === "evaluate"), h = /* @__PURE__ */ I(() => t?.model?.disabled === !0), g = /* @__PURE__ */ I(() => t?.model?.prompt ?? null), _ = /* @__PURE__ */ I(() => S(t?.session, t?.model, J(o))), v = /* @__PURE__ */ I(() => ({ placements: J(_) })), y = /* @__PURE__ */ I(() => ma(J(f), J(v))), b = /* @__PURE__ */ I(() => pa(J(f), J(v))), x = /* @__PURE__ */ I(() => [
 		"0",
 		"0,1",
 		"1",
@@ -3066,7 +3073,7 @@ function ka(e, t) {
 		};
 	}
 	function T(e, r) {
-		let i = ua({
+		let i = fa({
 			model: J(f),
 			session: t?.session,
 			tileId: e,
@@ -3091,7 +3098,7 @@ function ka(e, t) {
 		t.preventDefault(), t.currentTarget.setPointerCapture?.(t.pointerId), R(s, e.id, !0), R(u, {
 			x: t.clientX,
 			y: t.clientY
-		}, !0), R(c, ae(t.clientX, t.clientY), !0), C(`Picked up ${Yi(e)}`);
+		}, !0), R(c, ae(t.clientX, t.clientY), !0), C(`Picked up ${Zi(e)}`);
 		let n = (e) => {
 			R(u, {
 				x: e.clientX,
@@ -3109,7 +3116,7 @@ function ka(e, t) {
 				return;
 			}
 			if (o === "tray") {
-				T(e.id, null), C(`${Yi(e)} returned to tray`);
+				T(e.id, null), C(`${Zi(e)} returned to tray`);
 				return;
 			}
 			let l = re(o);
@@ -3117,7 +3124,7 @@ function ka(e, t) {
 				C("Cancelled");
 				return;
 			}
-			T(e.id, l.region), C(`${Yi(e)} placed in ${l.label}`);
+			T(e.id, l.region), C(`${Zi(e)} placed in ${l.label}`);
 		};
 		window.addEventListener("pointermove", n), window.addEventListener("pointerup", r), window.addEventListener("pointercancel", r);
 	}
@@ -3125,7 +3132,7 @@ function ka(e, t) {
 		if (oe(e, t)) return "tray";
 		let n = w(e, t);
 		if (!n) return null;
-		let r = la(J(p), n.x, n.y);
+		let r = da(J(p), n.x, n.y);
 		return r ? r.key : null;
 	}
 	function oe(e, t) {
@@ -3144,13 +3151,13 @@ function ka(e, t) {
 						return;
 					}
 					if (t === "tray") {
-						T(e.id, null), C(`${Yi(e)} returned to tray`);
+						T(e.id, null), C(`${Zi(e)} returned to tray`);
 						return;
 					}
 					let n = re(t);
 					if (!n) return;
-					T(e.id, n.region), C(`${Yi(e)} placed in ${n.label}`);
-				} else R(s, e.id, !0), R(l, J(x)[0] ?? null, !0), C(`Picked up ${Yi(e)}. Use arrow keys to choose a region, then press Enter to commit.`);
+					T(e.id, n.region), C(`${Zi(e)} placed in ${n.label}`);
+				} else R(s, e.id, !0), R(l, J(x)[0] ?? null, !0), C(`Picked up ${Zi(e)}. Use arrow keys to choose a region, then press Enter to commit.`);
 				return;
 			}
 			if (t.key === "Escape" && J(s) === e.id) {
@@ -3173,7 +3180,7 @@ function ka(e, t) {
 	}
 	function le() {
 		if (n) try {
-			qi(n);
+			Yi(n);
 		} catch (e) {
 			console.warn("venn-classification: MathJax render failed", e);
 		}
@@ -3184,18 +3191,18 @@ function ka(e, t) {
 		J(_), J(f).tiles?.length, pr().then(le);
 	});
 	let ue = /* @__PURE__ */ I(() => J(m) ? Object.values(t?.model?.correctness ?? {}).filter((e) => e === "incorrect" || e === "unanswered").length : 0), de = /* @__PURE__ */ I(() => J(s) === null ? J(c) ?? null : J(c) ?? J(l) ?? null), fe = /* @__PURE__ */ I(() => J(de) === "0"), pe = /* @__PURE__ */ I(() => J(de) === "1"), me = /* @__PURE__ */ I(() => J(de) === "0,1"), he = /* @__PURE__ */ I(() => J(de) === ""), ge = "rgba(37, 99, 235, 0.18)", _e = /* @__PURE__ */ I(() => J(s) !== null && J(u) !== null ? ne(J(s)) : null);
-	var ve = Da(), ye = B(ve), be = (e) => {
-		var t = pa();
+	var ve = ka(), ye = B(ve), be = (e) => {
+		var t = ha();
 		ai(t, () => J(g), !0), k(t), X(e, t);
 	};
 	Z(ye, (e) => {
 		J(g) && e(be);
 	});
 	var xe = V(ye, 2), Se = (e) => {
-		var t = ga(), n = B(t), r = (e) => {
-			X(e, ma());
+		var t = va(), n = B(t), r = (e) => {
+			X(e, ga());
 		}, i = (e) => {
-			X(e, ha());
+			X(e, _a());
 		};
 		Z(n, (e) => {
 			J(o) ? e(r) : e(i, -1);
@@ -3218,13 +3225,13 @@ function ka(e, t) {
 	k(Ie), k(Te);
 	var Be = V(Te), E = V(Be);
 	$r(E, 17, () => d.circles, Yr, (e, t) => {
-		var n = _a();
+		var n = ya();
 		H(() => {
 			Q(n, "cx", J(t).cx), Q(n, "cy", J(t).cy), Q(n, "r", J(t).r);
 		}), X(e, n);
 	});
 	var Ve = V(E), D = (e) => {
-		var t = va();
+		var t = ba();
 		Q(t, "fill", ge), H(() => {
 			Q(t, "width", d.width), Q(t, "height", d.height);
 		}), X(e, t);
@@ -3233,7 +3240,7 @@ function ka(e, t) {
 		J(fe) && e(D);
 	});
 	var O = V(Ve), He = (e) => {
-		var t = ya();
+		var t = xa();
 		Q(t, "fill", ge), H(() => {
 			Q(t, "width", d.width), Q(t, "height", d.height);
 		}), X(e, t);
@@ -3242,7 +3249,7 @@ function ka(e, t) {
 		J(pe) && e(He);
 	});
 	var Ue = V(O), We = (e) => {
-		var t = ba();
+		var t = Sa();
 		Q(t, "fill", ge), H(() => {
 			Q(t, "cx", d.circles[1].cx), Q(t, "cy", d.circles[1].cy), Q(t, "r", d.circles[1].r);
 		}), X(e, t);
@@ -3251,7 +3258,7 @@ function ka(e, t) {
 		J(me) && e(We);
 	});
 	var Ge = V(Ue), Ke = (e) => {
-		var t = xa();
+		var t = Ca();
 		Q(t, "fill", ge), H(() => {
 			Q(t, "width", d.width), Q(t, "height", d.height);
 		}), X(e, t);
@@ -3261,14 +3268,14 @@ function ka(e, t) {
 	});
 	var qe = V(Ge);
 	$r(qe, 17, () => d.circles, Yr, (e, t) => {
-		var n = Sa();
+		var n = wa();
 		H(() => {
 			Q(n, "cx", J(t).cx), Q(n, "cy", J(t).cy), Q(n, "r", J(t).r);
 		}), X(e, n);
 	});
 	var Je = V(qe);
 	$r(Je, 17, () => d.circles, Yr, (e, t, n) => {
-		var r = Ca();
+		var r = Ta();
 		Q(r, "text-anchor", n === 0 ? "start" : "end");
 		var i = B(r, !0);
 		k(r), H((e, t) => {
@@ -3280,7 +3287,7 @@ function ka(e, t) {
 	var Ye = V(we, 2);
 	$r(Ye, 21, () => J(p).regions, Yr, (e, t) => {
 		let n = /* @__PURE__ */ I(() => ee(J(t).hitRect.x + J(t).hitRect.w / 2, J(t).hitRect.y + J(t).hitRect.h / 2));
-		var r = wa();
+		var r = Ea();
 		H(() => {
 			Q(r, "aria-label", J(t).label), Q(r, "data-region-key", J(t).key), mi(r, `left: ${J(n).left ?? ""}%; top: ${J(n).top ?? ""}%;`);
 		}), X(e, r);
@@ -3293,10 +3300,10 @@ function ka(e, t) {
 			var t = Mr();
 			$r(pn(t), 19, i, (e) => e.id, (e, t, n) => {
 				let r = /* @__PURE__ */ I(() => J(a).gridSlot(J(n), 132, 68)), i = /* @__PURE__ */ I(() => ee(J(r).x, J(r).y));
-				var o = Ta(), c = B(o);
+				var o = Da(), c = B(o);
 				{
 					let e = /* @__PURE__ */ I(() => ce(J(t).id)), n = /* @__PURE__ */ I(() => J(s) === J(t).id), r = /* @__PURE__ */ I(() => J(s) === J(t).id && J(u) !== null);
-					na(c, {
+					ia(c, {
 						get id() {
 							return J(t).id;
 						},
@@ -3335,7 +3342,7 @@ function ka(e, t) {
 	var Xe = V(Ce, 2);
 	{
 		let e = /* @__PURE__ */ I(() => J(c) === "tray" || J(s) !== null && J(l) === "tray");
-		aa(Xe, {
+		sa(Xe, {
 			get isDropTarget() {
 				return J(e);
 			},
@@ -3345,7 +3352,7 @@ function ka(e, t) {
 				$r(pn(n), 17, () => J(b), (e) => e.id, (e, t) => {
 					{
 						let n = /* @__PURE__ */ I(() => J(s) === J(t).id), r = /* @__PURE__ */ I(() => J(s) === J(t).id && J(u) !== null);
-						na(e, {
+						ia(e, {
 							get id() {
 								return J(t).id;
 							},
@@ -3378,8 +3385,8 @@ function ka(e, t) {
 		});
 	}
 	var $e = V(Xe, 2), et = (e) => {
-		var t = Ea();
-		na(B(t), {
+		var t = Oa();
+		ia(B(t), {
 			get id() {
 				return J(_e).id;
 			},
@@ -3402,11 +3409,11 @@ function ka(e, t) {
 		Q(we, "viewBox", `0 0 ${d.width ?? ""} ${d.height ?? ""}`), Q(Ee, "width", d.width), Q(Ee, "height", d.height), Q(De, "width", d.width), Q(De, "height", d.height), Q(Oe, "cx", d.circles[0].cx), Q(Oe, "cy", d.circles[0].cy), Q(Oe, "r", d.circles[0].r), Q(ke, "cx", d.circles[1].cx), Q(ke, "cy", d.circles[1].cy), Q(ke, "r", d.circles[1].r), Q(Ae, "width", d.width), Q(Ae, "height", d.height), Q(je, "width", d.width), Q(je, "height", d.height), Q(Me, "cx", d.circles[1].cx), Q(Me, "cy", d.circles[1].cy), Q(Me, "r", d.circles[1].r), Q(Ne, "cx", d.circles[0].cx), Q(Ne, "cy", d.circles[0].cy), Q(Ne, "r", d.circles[0].r), Q(Fe, "cx", d.circles[0].cx), Q(Fe, "cy", d.circles[0].cy), Q(Fe, "r", d.circles[0].r), Q(Ie, "width", d.width), Q(Ie, "height", d.height), Q(Le, "width", d.width), Q(Le, "height", d.height), Q(Re, "cx", d.circles[0].cx), Q(Re, "cy", d.circles[0].cy), Q(Re, "r", d.circles[0].r), Q(ze, "cx", d.circles[1].cx), Q(ze, "cy", d.circles[1].cy), Q(ze, "r", d.circles[1].r), Q(Be, "width", d.width - 2), Q(Be, "height", d.height - 2), Q(A, "x2", d.width - 16), Q(A, "y1", J(p).outsideStripTop), Q(A, "y2", J(p).outsideStripTop);
 	}), X(e, ve), Qe();
 }
-Cr(["click"]), Pi(ka, {
+Cr(["click"]), Pi(ja, {
 	model: { type: "Object" },
 	session: { type: "Object" }
 }, [], []);
 //#endregion
-export { H as A, Qe as B, Fr as C, Cr as D, Y as E, an as F, Ue as H, R as I, L, B as M, pn as N, Sr as O, V as P, I as R, Wr as S, Mr as T, k as U, Ze as V, $r as _, Pi as a, qr as b, Ei as c, xi as d, bi as f, ai as g, oi as h, Ii as i, En as j, J as k, yi as l, fi as m, Ji as n, $ as o, mi as p, Fi as r, Oi as s, ka as t, Q as u, Yr as v, X as w, Gr as x, Z as y, F as z };
+export { H as A, Qe as B, Fr as C, Cr as D, Y as E, an as F, Ue as H, R as I, L, B as M, pn as N, Sr as O, V as P, I as R, Wr as S, Mr as T, k as U, Ze as V, $r as _, Pi as a, qr as b, Ei as c, xi as d, bi as f, ai as g, oi as h, Ii as i, En as j, J as k, yi as l, fi as m, Xi as n, $ as o, mi as p, Fi as r, Oi as s, ja as t, Q as u, Yr as v, X as w, Gr as x, Z as y, F as z };
 
-//# sourceMappingURL=VennClassification-C6roHfLf.js.map
+//# sourceMappingURL=VennClassification-DtwuotJl.js.map