@pie-element/venn-classification 0.1.1-next.14 → 0.1.1-next.16

package/dist/delivery/index.js

@@ -1,16 +1,16 @@
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/disclose-version.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/disclose-version.js
 if (typeof window !== "undefined") {
 	var _window$__svelte, _window;
 	((_window$__svelte = (_window = window).__svelte ?? (_window.__svelte = {})).v ?? (_window$__svelte.v = /* @__PURE__ */ new Set())).add("5");
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/constants.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/constants.js
 var HYDRATION_ERROR = {};
 var UNINITIALIZED = Symbol("uninitialized");
 var NAMESPACE_SVG = "http://www.w3.org/2000/svg";
 var NAMESPACE_MATHML = "http://www.w3.org/1998/Math/MathML";
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/shared/utils.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/shared/utils.js
 var is_array = Array.isArray;
 var index_of = Array.prototype.indexOf;
 var includes = Array.prototype.includes;
@@ -121,13 +121,6 @@ var EFFECT_TRANSPARENT = 65536;
 var EFFECT_PRESERVED = 1 << 19;
 var USER_EFFECT = 1 << 20;
 var EFFECT_OFFSCREEN = 1 << 25;
-/**
-* Tells that we marked this derived and its reactions as visited during the "mark as (maybe) dirty"-phase.
-* Will be lifted during execution of the derived and during checking its dirty state (both are necessary
-* because a derived might be checked but not executed). This is a pure performance optimization flag and
-* should not be used for any other purpose!
-*/
-var WAS_MARKED = 65536;
 var REACTION_IS_UPDATING = 1 << 21;
 var ASYNC = 1 << 22;
 var ERROR_VALUE = 1 << 23;
@@ -169,7 +162,7 @@ function svelte_boundary_reset_noop() {
 	console.warn(`https://svelte.dev/e/svelte_boundary_reset_noop`);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/hydration.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/hydration.js
 /** @import { TemplateNode } from '#client' */
 /**
 * Use this variable to guard everything related to hydration code so it can be treeshaken out
@@ -248,7 +241,7 @@ function read_hydration_instruction(node) {
 	return node.data;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/reactivity/equality.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/reactivity/equality.js
 /** @import { Equals } from '#client' */
 /** @type {Equals} */
 function equals(value) {
@@ -275,7 +268,7 @@ function lifecycle_outside_component(name) {
 	throw new Error(`https://svelte.dev/e/lifecycle_outside_component`);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/errors.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/errors.js
 /**
 * Cannot create a `$derived(...)` with an `await` expression outside of an effect tree
 * @returns {never}
@@ -367,13 +360,13 @@ function svelte_boundary_reset_onerror() {
 	throw new Error(`https://svelte.dev/e/svelte_boundary_reset_onerror`);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/flags/index.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/flags/index.js
 /** True if experimental.async=true */
 var async_mode_flag = false;
 /** True if we're not certain that we only have Svelte 5 code in the compilation */
 var legacy_mode_flag = false;
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/context.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/context.js
 /** @import { ComponentContext, DevStackEntry, Effect } from '#client' */
 /** @type {ComponentContext | null} */
 var component_context = null;
@@ -433,7 +426,7 @@ function is_runes() {
 	return !legacy_mode_flag || component_context !== null && component_context.l === null;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/task.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/task.js
 /** @type {Array<() => void>} */
 var micro_tasks = [];
 function run_micro_tasks() {
@@ -460,7 +453,7 @@ function flush_tasks() {
 	while (micro_tasks.length > 0) run_micro_tasks();
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/reactivity/status.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/reactivity/status.js
 /** @import { Derived, Signal } from '#client' */
 var STATUS_MASK = ~(DIRTY | MAYBE_DIRTY | CLEAN);
 /**
@@ -479,22 +472,8 @@ function update_derived_status(derived) {
 	else set_signal_status(derived, MAYBE_DIRTY);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/reactivity/utils.js
-/** @import { Derived, Effect, Value } from '#client' */
-/**
-* @param {Value[] | null} deps
-*/
-function clear_marked(deps) {
-	if (deps === null) return;
-	for (const dep of deps) {
-		if ((dep.f & 2) === 0 || (dep.f & 65536) === 0) continue;
-		dep.f ^= WAS_MARKED;
-		clear_marked(
-			/** @type {Derived} */
-			dep.deps
-		);
-	}
-}
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/reactivity/utils.js
+/** @import { Effect } from '#client' */
 /**
 * @param {Effect} effect
 * @param {Set<Effect>} dirty_effects
@@ -503,41 +482,10 @@ function clear_marked(deps) {
 function defer_effect(effect, dirty_effects, maybe_dirty_effects) {
 	if ((effect.f & 2048) !== 0) dirty_effects.add(effect);
 	else if ((effect.f & 4096) !== 0) maybe_dirty_effects.add(effect);
-	clear_marked(effect.deps);
 	set_signal_status(effect, CLEAN);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/reactivity/store.js
-/**
-* We set this to `true` when updating a store so that we correctly
-* schedule effects if the update takes place inside a `$:` effect
-*/
-var legacy_is_updating_store = false;
-/**
-* Whether or not the prop currently being read is a store binding, as in
-* `<Child bind:x={$y} />`. If it is, we treat the prop as mutable even in
-* runes mode, and skip `binding_property_non_reactive` validation
-*/
-var is_store_binding = false;
-/**
-* Returns a tuple that indicates whether `fn()` reads a prop that is a store binding.
-* Used to prevent `binding_property_non_reactive` validation false positives and
-* ensure that these props are treated as mutable even in runes mode
-* @template T
-* @param {() => T} fn
-* @returns {[T, boolean]}
-*/
-function capture_store_binding(fn) {
-	var previous_is_store_binding = is_store_binding;
-	try {
-		is_store_binding = false;
-		return [fn(), is_store_binding];
-	} finally {
-		is_store_binding = previous_is_store_binding;
-	}
-}
-//#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/elements/bindings/shared.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/elements/bindings/shared.js
 /**
 * @template T
 * @param {() => T} fn
@@ -555,7 +503,7 @@ function without_reactive_context(fn) {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/reactivity/async.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/reactivity/async.js
 /** @import { Blocker, Effect, Source, Value } from '#client' */
 /**
 * @param {Blocker[]} blockers
@@ -788,7 +736,6 @@ function execute_derived(derived) {
 	}
 	set_active_effect(parent);
 	try {
-		derived.f &= ~WAS_MARKED;
 		destroy_derived_effects(derived);
 		value = update_reaction(derived);
 	} finally {
@@ -875,7 +822,7 @@ function _classPrivateFieldGet2(s, a) {
 	return s.get(_assertClassBrand(s, a));
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/reactivity/batch.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/reactivity/batch.js
 /** @import { Fork } from 'svelte' */
 /** @import { Derived, Effect, Reaction, Source, Value } from '#client' */
 var _Batch;
@@ -926,7 +873,7 @@ var _discard_callbacks = /* @__PURE__ */ new WeakMap();
 var _pending = /* @__PURE__ */ new WeakMap();
 var _blocking_pending = /* @__PURE__ */ new WeakMap();
 var _deferred = /* @__PURE__ */ new WeakMap();
-var _roots = /* @__PURE__ */ new WeakMap();
+var _scheduled = /* @__PURE__ */ new WeakMap();
 var _new_effects = /* @__PURE__ */ new WeakMap();
 var _dirty_effects$1 = /* @__PURE__ */ new WeakMap();
 var _maybe_dirty_effects$1 = /* @__PURE__ */ new WeakMap();
@@ -974,7 +921,7 @@ var Batch = class Batch {
 		_classPrivateFieldInitSpec(this, _pending, 0);
 		_classPrivateFieldInitSpec(this, _blocking_pending, /* @__PURE__ */ new Map());
 		_classPrivateFieldInitSpec(this, _deferred, null);
-		_classPrivateFieldInitSpec(this, _roots, []);
+		_classPrivateFieldInitSpec(this, _scheduled, []);
 		_classPrivateFieldInitSpec(this, _new_effects, []);
 		_classPrivateFieldInitSpec(this, _dirty_effects$1, /* @__PURE__ */ new Set());
 		_classPrivateFieldInitSpec(this, _maybe_dirty_effects$1, /* @__PURE__ */ new Set());
@@ -1163,20 +1110,7 @@ var Batch = class Batch {
 			effect.b.defer_effect(effect);
 			return;
 		}
-		var e = effect;
-		while (e.parent !== null) {
-			e = e.parent;
-			var flags = e.f;
-			if (collected_effects !== null && e === active_effect) {
-				if (async_mode_flag) return;
-				if ((active_reaction === null || (active_reaction.f & 2) === 0) && !legacy_is_updating_store) return;
-			}
-			if ((flags & 96) !== 0) {
-				if ((flags & 1024) === 0) return;
-				e.f ^= CLEAN;
-			}
-		}
-		_classPrivateFieldGet2(_roots, this).push(e);
+		_classPrivateFieldGet2(_scheduled, this).push(effect);
 	}
 };
 _Batch = Batch;
@@ -1196,12 +1130,40 @@ function _is_deferred() {
 	}
 	return false;
 }
+/**
+* Convert the effects that were scheduled in this batch into the root effects
+* that need to be traversed, marking the path to each effect (by clearing the
+* `CLEAN` flag on ancestor branches) so that the traversal can find them.
+* This happens right before traversal rather than at scheduling time, so that
+* the markers left on the (shared) effect tree are created and consumed within
+* a single traversal — scheduling into other batches can never observe them
+* @returns {Effect[]}
+*/
+function _resolve$1() {
+	/** @type {Effect[]} */
+	var roots = [];
+	for (const effect of _classPrivateFieldGet2(_scheduled, this)) {
+		if ((effect.f & 16384) !== 0 || (effect.f & 6144) === 0) continue;
+		var e = effect;
+		var covered = false;
+		while (e.parent !== null) {
+			e = e.parent;
+			var flags = e.f;
+			if ((flags & 96) !== 0) {
+				if ((flags & 1024) === 0) {
+					covered = true;
+					break;
+				}
+				e.f ^= CLEAN;
+			}
+		}
+		if (!covered) roots.push(e);
+	}
+	_classPrivateFieldSet2(_scheduled, this, []);
+	return roots;
+}
 function _process() {
 	_classPrivateFieldSet2(_started, this, true);
-	if (flush_count++ > 1e3) {
-		_assertClassBrand(_Batch_brand, this, _unlink).call(this);
-		infinite_loop_guard();
-	}
 	for (const e of _classPrivateFieldGet2(_dirty_effects$1, this)) {
 		_classPrivateFieldGet2(_maybe_dirty_effects$1, this).delete(e);
 		set_signal_status(e, DIRTY);
@@ -1211,8 +1173,6 @@ function _process() {
 		set_signal_status(e, MAYBE_DIRTY);
 		this.schedule(e);
 	}
-	const roots = _classPrivateFieldGet2(_roots, this);
-	_classPrivateFieldSet2(_roots, this, []);
 	this.apply();
 	/** @type {Effect[]} */
 	var effects = collected_effects = [];
@@ -1223,12 +1183,18 @@ function _process() {
 	* @deprecated when we get rid of legacy mode and stores, we can get rid of this
 	*/
 	var updates = legacy_updates = [];
-	for (const root of roots) try {
-		_assertClassBrand(_Batch_brand, this, _traverse).call(this, root, effects, render_effects);
-	} catch (e) {
-		reset_all(root);
-		if (!_assertClassBrand(_Batch_brand, this, _is_deferred).call(this)) this.discard();
-		throw e;
+	while (_classPrivateFieldGet2(_scheduled, this).length > 0) {
+		if (flush_count++ > 1e3) {
+			_assertClassBrand(_Batch_brand, this, _unlink).call(this);
+			infinite_loop_guard();
+		}
+		for (const root of _assertClassBrand(_Batch_brand, this, _resolve$1).call(this)) try {
+			_assertClassBrand(_Batch_brand, this, _traverse).call(this, root, effects, render_effects);
+		} catch (e) {
+			reset_all(root);
+			if (!_assertClassBrand(_Batch_brand, this, _is_deferred).call(this)) this.discard();
+			throw e;
+		}
 	}
 	current_batch = null;
 	if (updates.length > 0) {
@@ -1262,16 +1228,16 @@ function _process() {
 	previous_batch = null;
 	_classPrivateFieldGet2(_deferred, this)?.resolve();
 	var next_batch = current_batch;
-	if (_classPrivateFieldGet2(_pending, this) === 0 && (_classPrivateFieldGet2(_roots, this).length === 0 || next_batch !== null)) {
+	if (_classPrivateFieldGet2(_pending, this) === 0 && (_classPrivateFieldGet2(_scheduled, this).length === 0 || next_batch !== null)) {
 		_assertClassBrand(_Batch_brand, this, _unlink).call(this);
 		if (async_mode_flag) {
 			_assertClassBrand(_Batch_brand, this, _commit$1).call(this);
 			current_batch = next_batch;
 		}
 	}
-	if (_classPrivateFieldGet2(_roots, this).length > 0) if (next_batch !== null) {
-		const batch = next_batch;
-		_classPrivateFieldGet2(_roots, batch).push(..._classPrivateFieldGet2(_roots, this).filter((r) => !_classPrivateFieldGet2(_roots, batch).includes(r)));
+	if (_classPrivateFieldGet2(_scheduled, this).length > 0) if (next_batch !== null) {
+		for (const e of _classPrivateFieldGet2(_scheduled, this)) _classPrivateFieldGet2(_scheduled, next_batch).push(e);
+		_classPrivateFieldSet2(_scheduled, this, []);
 	} else next_batch = this;
 	if (next_batch !== null) {
 		old_values.clear();
@@ -1421,10 +1387,9 @@ function _commit$1() {
 					batch.schedule(effect);
 				} else _classPrivateFieldGet2(_dirty_effects$1, batch).add(effect);
 			}
-			if (_classPrivateFieldGet2(_roots, batch).length > 0 && !_classPrivateFieldGet2(_decrement_queued, batch)) {
+			if (_classPrivateFieldGet2(_scheduled, batch).length > 0 && !_classPrivateFieldGet2(_decrement_queued, batch)) {
 				batch.apply();
-				for (var root of _classPrivateFieldGet2(_roots, batch)) _assertClassBrand(_Batch_brand, batch, _traverse).call(batch, root, [], []);
-				_classPrivateFieldSet2(_roots, batch, []);
+				for (var root of _assertClassBrand(_Batch_brand, batch, _resolve$1).call(batch)) _assertClassBrand(_Batch_brand, batch, _traverse).call(batch, root, [], []);
 			}
 			batch.deactivate();
 		}
@@ -1591,7 +1556,7 @@ function reset_all(effect) {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/reactivity/sources.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/reactivity/sources.js
 /** @import { Derived, Effect, Source, Value } from '#client' */
 /** @type {Set<Effect>} */
 var eager_effects = /* @__PURE__ */ new Set();
@@ -1653,6 +1618,16 @@ function set(source, value, should_proxy = false) {
 	return internal_set(source, should_proxy ? proxy(value) : value, legacy_updates);
 }
 /**
+* A set of signals we have already seen while traversing in mark_reactions.
+* Not always set to balance the common case of sources only having a couple
+* of (transitive) dependencies (where always creating a Set would be bad for perf)
+* with the edge case of extremely deep or wide dependency arrays with cycles.
+* @type {Set<any> | null}
+*/
+var seen = null;
+/** Number of transitive dependencies, see {@link seen} for more info */
+var count_deps = 0;
+/**
 * @template V
 * @param {Source<V>} source
 * @param {V} value
@@ -1671,7 +1646,10 @@ function internal_set(source, value, updated_during_traversal = null) {
 			if (batch_values === null) update_derived_status(derived);
 		}
 		source.wv = increment_write_version();
+		seen = null;
+		count_deps = 0;
 		mark_reactions(source, DIRTY, updated_during_traversal);
+		seen = null;
 		if (is_runes() && active_effect !== null && (active_effect.f & 1024) !== 0 && (active_effect.f & 96) === 0) if (untracked_writes === null) set_untracked_writes([source]);
 		else untracked_writes.push(source);
 		if (!batch.is_fork && eager_effects.size > 0 && !eager_effects_deferred) flush_eager_effects();
@@ -1710,6 +1688,12 @@ function mark_reactions(signal, status, updated_during_traversal) {
 	if (reactions === null) return;
 	var runes = is_runes();
 	var length = reactions.length;
+	count_deps += length;
+	if (count_deps > 1e5 && seen === null) seen = /* @__PURE__ */ new Set();
+	if (seen !== null) {
+		if (seen.has(signal)) return;
+		seen.add(signal);
+	}
 	for (var i = 0; i < length; i++) {
 		var reaction = reactions[i];
 		var flags = reaction.f;
@@ -1720,10 +1704,7 @@ function mark_reactions(signal, status, updated_during_traversal) {
 		else if ((flags & 2) !== 0) {
 			var derived = reaction;
 			batch_values?.delete(derived);
-			if ((flags & 65536) === 0) {
-				if (flags & 512 && (active_effect === null || (active_effect.f & 2097152) === 0)) reaction.f |= WAS_MARKED;
-				mark_reactions(derived, MAYBE_DIRTY, updated_during_traversal);
-			}
+			mark_reactions(derived, MAYBE_DIRTY, updated_during_traversal);
 		} else if (not_dirty) {
 			var effect = reaction;
 			if ((flags & 16) !== 0 && eager_block_effects !== null) eager_block_effects.add(effect);
@@ -1811,14 +1792,14 @@ function proxy(value) {
 			return Reflect.get(target, prop, receiver);
 		},
 		getOwnPropertyDescriptor(target, prop) {
+			this.has?.(target, prop);
 			var descriptor = Reflect.getOwnPropertyDescriptor(target, prop);
-			if (descriptor && "value" in descriptor) {
-				var s = sources.get(prop);
-				if (s) descriptor.value = get$1(s);
-			} else if (descriptor === void 0) {
-				var source = sources.get(prop);
-				var value = source?.v;
-				if (source !== void 0 && value !== UNINITIALIZED) return {
+			var s = sources.get(prop);
+			if (s !== void 0) {
+				var value = get$1(s);
+				if (value === UNINITIALIZED) return;
+				if (descriptor && "value" in descriptor) descriptor.value = value;
+				else return {
 					enumerable: true,
 					configurable: true,
 					value,
@@ -1891,7 +1872,7 @@ function proxy(value) {
 	});
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/operations.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/operations.js
 /** @import { Effect, TemplateNode } from '#client' */
 /** @type {Window} */
 var $window;
@@ -2116,7 +2097,7 @@ function invoke_error_boundary(error, effect) {
 	throw error;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/reactivity/effects.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/reactivity/effects.js
 /** @import { Blocker, ComponentContext, ComponentContextLegacy, Derived, Effect, TemplateNode, TransitionManager } from '#client' */
 /**
 * @param {'$effect' | '$effect.pre' | '$inspect'} rune
@@ -2516,14 +2497,14 @@ function move_effect(effect, fragment) {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/legacy.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/legacy.js
 /**
 * @type {Set<Value> | null}
 * @deprecated
 */
 var captured_signals = null;
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/runtime.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/runtime.js
 /** @import { Derived, Effect, Reaction, Source, Value } from '#client' */
 /**
 * True if updating in an effect context that is reactive (i.e. not branch/root effects)
@@ -2555,7 +2536,7 @@ function set_active_effect(effect) {
 var current_sources = null;
 /** @param {Value} value */
 function push_reaction_value(value) {
-	if (active_reaction !== null && (!async_mode_flag || (active_reaction.f & 2) !== 0)) (current_sources ?? (current_sources = /* @__PURE__ */ new Set())).add(value);
+	if (active_reaction !== null && (!async_mode_flag && (active_reaction.f & 2097152) !== 0 || (active_reaction.f & 2) !== 0)) (current_sources ?? (current_sources = /* @__PURE__ */ new Set())).add(value);
 }
 /**
 * The dependencies of the reaction that is currently being executed. In many cases,
@@ -2599,7 +2580,6 @@ function increment_write_version() {
 function is_dirty(reaction) {
 	var flags = reaction.f;
 	if ((flags & 2048) !== 0) return true;
-	if (flags & 2) reaction.f &= ~WAS_MARKED;
 	if ((flags & 4096) !== 0) {
 		var dependencies = reaction.deps;
 		var length = dependencies.length;
@@ -2731,10 +2711,7 @@ function remove_reaction(signal, dependency) {
 	}
 	if (reactions === null && (dependency.f & 2) !== 0 && (new_deps === null || !includes.call(new_deps, dependency))) {
 		var derived = dependency;
-		if ((derived.f & 512) !== 0) {
-			derived.f ^= 512;
-			derived.f &= ~WAS_MARKED;
-		}
+		if ((derived.f & 512) !== 0) derived.f ^= 512;
 		if (derived.v !== UNINITIALIZED) update_derived_status(derived);
 		if (derived.ac !== null) without_reactive_context(() => {
 			/** @type {AbortController} */ derived.ac.abort(STALE_REACTION);
@@ -2895,7 +2872,7 @@ function untrack(fn) {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/elements/events.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/elements/events.js
 /**
 * Used on elements, as a map of event type -> event handler,
 * and on events themselves to track which element handled an event
@@ -2921,10 +2898,12 @@ function create_event(event_name, dom, handler, options = {}) {
 			return handler?.call(this, event);
 		});
 	}
-	if (event_name.startsWith("pointer") || event_name.startsWith("touch") || event_name === "wheel") queue_micro_task(() => {
-		dom.addEventListener(event_name, target_handler, options);
-	});
-	else dom.addEventListener(event_name, target_handler, options);
+	if (event_name.startsWith("pointer") || event_name.startsWith("touch") || event_name === "wheel") {
+		target_handler.__removed = false;
+		queue_micro_task(() => {
+			if (!target_handler.__removed) dom.addEventListener(event_name, target_handler, options);
+		});
+	} else dom.addEventListener(event_name, target_handler, options);
 	return target_handler;
 }
 /**
@@ -2942,6 +2921,7 @@ function event(event_name, dom, handler, capture, passive) {
 	};
 	var target_handler = create_event(event_name, dom, handler, options);
 	if (dom === document.body || dom === window || dom === document || dom instanceof HTMLMediaElement) teardown(() => {
+		target_handler.__removed = true;
 		dom.removeEventListener(event_name, target_handler, options);
 	});
 }
@@ -3043,7 +3023,7 @@ function handle_event_propagation(event) {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/reconciler.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/reconciler.js
 var policy = globalThis?.window?.trustedTypes && /* @__PURE__ */ globalThis.window.trustedTypes.createPolicy("svelte-trusted-html", { 
 /** @param {string} html */
 createHTML: (html) => {
@@ -3062,7 +3042,7 @@ function create_fragment_from_html(html) {
 	return elem.content;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/template.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/template.js
 /** @import { Effect, EffectNodes, TemplateNode } from '#client' */
 /** @import { TemplateStructure } from './types' */
 /**
@@ -3207,7 +3187,7 @@ function is_passive_event(name) {
 	return PASSIVE_EVENTS.includes(name);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/reactivity/create-subscriber.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/reactivity/create-subscriber.js
 /**
 * Returns a `subscribe` function that integrates external event-based systems with Svelte's reactivity.
 * It's particularly useful for integrating with web APIs like `MediaQuery`, `IntersectionObserver`, or `WebSocket`.
@@ -3280,7 +3260,7 @@ function createSubscriber(start) {
 	};
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/blocks/boundary.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/blocks/boundary.js
 /** @import { Effect, Source, TemplateNode, } from '#client' */
 /**
 * @typedef {{
@@ -3850,7 +3830,7 @@ function unmount(component, options) {
 	return Promise.resolve();
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/blocks/branches.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/blocks/branches.js
 /** @import { Effect, TemplateNode } from '#client' */
 var _batches = /* @__PURE__ */ new WeakMap();
 var _onscreen = /* @__PURE__ */ new WeakMap();
@@ -3973,7 +3953,7 @@ var BranchManager = class {
 	}
 };
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/blocks/snippet.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/blocks/snippet.js
 /** @import { Snippet } from 'svelte' */
 /** @import { TemplateNode } from '#client' */
 /** @import { Getters } from '#shared' */
@@ -4039,7 +4019,7 @@ function init_update_callbacks(context) {
 	});
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/blocks/if.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/blocks/if.js
 /** @import { TemplateNode } from '#client' */
 /**
 * @param {TemplateNode} node
@@ -4085,7 +4065,7 @@ function if_block(node, fn, elseif = false) {
 	}, flags);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/blocks/each.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/blocks/each.js
 /** @import { EachItem, EachOutroGroup, EachState, Effect, EffectNodes, MaybeSource, Source, TemplateNode, TransitionManager, Value } from '#client' */
 /** @import { Batch } from '../../reactivity/batch.js'; */
 /**
@@ -4557,7 +4537,7 @@ function html(node, get_value, is_controlled = false, svg = false, mathml = fals
 	});
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/css.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/css.js
 /**
 * @param {Node} anchor
 * @param {{ hash: string, code: string }} css
@@ -4576,7 +4556,7 @@ function append_styles$1(anchor, css) {
 	});
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/shared/attributes.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/shared/attributes.js
 var whitespace = [..." 	\n\r\f\xA0\v"];
 /**
 * @param {any} value
@@ -4686,7 +4666,7 @@ function to_style(value, styles) {
 	return value == null ? null : String(value);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/elements/class.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/elements/class.js
 /**
 * @param {Element} dom
 * @param {boolean | number} is_html
@@ -4711,7 +4691,7 @@ function set_class(dom, is_html, value, hash, prev_classes, next_classes) {
 	return next_classes;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/elements/style.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/elements/style.js
 /**
 * @param {Element & ElementCSSInlineStyle} dom
 * @param {Record<string, any>} prev
@@ -4745,7 +4725,7 @@ function set_style(dom, value, prev_styles, next_styles) {
 	return next_styles;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/elements/attributes.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/elements/attributes.js
 /** @import { Blocker, Effect } from '#client' */
 var IS_CUSTOM_ELEMENT = Symbol("is custom element");
 var IS_HTML = Symbol("is html");
@@ -4800,7 +4780,7 @@ function get_setters(element) {
 	return setters;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/elements/bindings/size.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/elements/bindings/size.js
 var _ResizeObserverSingleton;
 var _listeners = /* @__PURE__ */ new WeakMap();
 var _observer = /* @__PURE__ */ new WeakMap();
@@ -4865,7 +4845,7 @@ function bind_element_size(element, type, set) {
 	});
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/elements/bindings/this.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/elements/bindings/this.js
 /** @import { ComponentContext, Effect } from '#client' */
 /**
 * @param {any} bound_value
@@ -4916,6 +4896,31 @@ function bind_this(element_or_component = mark_as_component(), update, get_value
 	});
 	return element_or_component;
 }
+//#endregion
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/reactivity/store.js
+/**
+* Whether or not the prop currently being read is a store binding, as in
+* `<Child bind:x={$y} />`. If it is, we treat the prop as mutable even in
+* runes mode, and skip `binding_property_non_reactive` validation
+*/
+var is_store_binding = false;
+/**
+* Returns a tuple that indicates whether `fn()` reads a prop that is a store binding.
+* Used to prevent `binding_property_non_reactive` validation false positives and
+* ensure that these props are treated as mutable even in runes mode
+* @template T
+* @param {() => T} fn
+* @returns {[T, boolean]}
+*/
+function capture_store_binding(fn) {
+	var previous_is_store_binding = is_store_binding;
+	try {
+		is_store_binding = false;
+		return [fn(), is_store_binding];
+	} finally {
+		is_store_binding = previous_is_store_binding;
+	}
+}
 /**
 * This function is responsible for synchronizing a possibly bound prop with the inner component state.
 * It is used whenever the compiler sees that the component writes to the prop, or when it has a default prop_value.
@@ -5007,7 +5012,7 @@ function prop(props, key, flags, fallback) {
 	});
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/legacy/legacy-client.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/legacy/legacy-client.js
 /** @import { ComponentConstructorOptions, ComponentType, SvelteComponent, Component } from 'svelte' */
 /**
 * Takes the same options as a Svelte 4 component and the component function and returns a Svelte 4 compatible component.
@@ -5126,7 +5131,7 @@ var Svelte4Component = class {
 	}
 };
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/elements/custom-element.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/elements/custom-element.js
 /**
 * @typedef {Object} CustomElementPropDefinition
 * @property {string} [attribute]
@@ -5412,131 +5417,212 @@ function create_custom_element(Component, props_definition, slots, exports, shad
 }
 //#endregion
 //#region ../../shared/math-rendering-mathjax/dist/index.js
-var e$3 = {
+var e$3 = "https://github.com/pie-framework/pie-players/blob/develop/docs/item-player/loading-strategies.md#one-mathjax-version-per-page";
+var t$3 = "pie-mathjax-version-conflict";
+var n = Symbol.for("@pie-element/shared-math-rendering-mathjax/unsupported-page");
+function r$2(r, i) {
+	if (typeof window > "u") return;
+	let a = globalThis;
+	a[n] ?? (a[n] = {
+		logged: !1,
+		conditions: []
+	});
+	let o = a[n];
+	if (o.conditions.includes(r)) return;
+	o.conditions.push(r);
+	let s = `[math-rendering] Unsupported page (${r}): ${i}. PIE supports one MathJax major version per page; with MathJax 3 and 4 on one page, math rendering is best effort and may break. See ${e$3}`;
+	o.logged || (o.logged = !0, console.error(s)), window.dispatchEvent(new CustomEvent(t$3, { detail: {
+		condition: r,
+		message: s,
+		docsUrl: e$3
+	} }));
+}
+function i() {
+	let e = window.MathJax?.version;
+	return typeof e == "string" && e.startsWith("3.") ? e : void 0;
+}
+var a = "https://cdn.jsdelivr.net/npm/mathjax@4.1.3/tex-mml-chtml.js";
+var o = {
 	parallelogram: "\\lower.2em{\\Huge\\unicode{x25B1}}",
 	overarc: "\\overparen",
 	napprox: "\\not\\approx",
 	longdiv: "\\enclose{longdiv}",
 	abs: ["\\left|#1\\right|", 1]
 };
-var t$3 = "[math-rendering] using $ is not advisable, please use $$..$$ or \\(...\\)";
-var n = /\\\(|\\\[|\$\$|\\\$|\\begin\{|\\(?:eq)?ref\{/;
-var r$2 = /\\\(|\\\[|\$|\\begin\{|\\(?:eq)?ref\{/;
-var i = /\\embed\{newLine\}\[\]/g;
-var a = [
+var s$1 = "[math-rendering] using $ is not advisable, please use $$..$$ or \\(...\\)";
+var c$1 = /\\\(|\\\[|\$\$|\\\$|\\begin\{|\\(?:eq)?ref\{/;
+var l = /\\\(|\\\[|\$|\\begin\{|\\(?:eq)?ref\{/;
+var u = /\\embed\{newLine\}\[\]/g;
+var d = [
 	["$$", "$$"],
 	["$", "$"],
 	["\\[", "\\]"],
 	["\\(", "\\)"]
 ];
-var o = Symbol.for("@pie-element/shared-math-rendering-mathjax/loading");
-function s$1() {
+var f = Symbol.for("@pie-element/shared-math-rendering-mathjax/loading");
+var p = "PIE-MJX-CHTML-styles";
+var m = "MJX-CHTML-styles";
+var h = [m, "MJX-SVG-styles"];
+var g = 201;
+function _(e) {
+	let t = [...e.matches("mjx-container") ? [e] : [], ...e.querySelectorAll("mjx-container")];
+	for (let e of t) for (let t of [e, ...e.querySelectorAll("[data-latex],[data-latex-item]")]) t.removeAttribute("data-latex"), t.removeAttribute("data-latex-item");
+}
+function v() {
 	return window.MathJax;
 }
-function c$1(e) {
+function y(e) {
 	let t = e.includes("\\displaystyle") ? e.replace("\\displaystyle", "").trim() : e;
-	for (let [e, n] of a) if (t.startsWith(e) && t.endsWith(n)) return t.substring(e.length, t.length - n.length);
+	for (let [e, n] of d) if (t.startsWith(e) && t.endsWith(n)) return t.substring(e.length, t.length - n.length);
 	return t;
 }
-function l(e) {
+function b(e) {
 	for (let t of e.querySelectorAll("[data-latex]")) {
 		if (t.dataset.mathHandled || t.closest("mjx-container")) continue;
 		let e = t.textContent;
-		e && (t.textContent = `\\(${c$1(e)}\\)`.replace(i, "\\newline "), t.dataset.mathHandled = "true");
+		e && (t.textContent = `\\(${y(e)}\\)`.replace(u, "\\newline "), t.dataset.mathHandled = "true");
 	}
 }
-function u(e, t) {
+function x(e, t) {
 	for (let t of e.querySelectorAll("math")) if (!t.closest("mjx-assistive-mml")) return !0;
-	return (t ? r$2 : n).test(e.textContent ?? "");
+	return (t ? l : c$1).test(e.textContent ?? "");
 }
-function d(n) {
-	return new Promise((r, i) => {
-		let { useSingleDollar: a = !1, accessibility: o = !0, loadFonts: c = !0, srcUrl: l } = n, u = {
+function S(e) {
+	return new Promise((t, n) => {
+		let { useSingleDollar: r = !1, accessibility: i = !0, loadFonts: c = !0, srcUrl: l } = e, u = {
 			loader: {
-				load: o ? ["a11y/assistive-mml"] : [],
-				failed: (e) => i(e)
+				load: i ? ["a11y/assistive-mml"] : [],
+				failed: (e) => n(e)
 			},
 			startup: {
 				typeset: !1,
 				ready: () => {
-					let e = s$1()?.startup;
-					e?.defaultReady?.(), Promise.resolve(e?.promise).then(() => r(), i);
+					let e = v(), r = e?.startup, i = !!e?.version?.startsWith("4.");
+					i && C(e), r?.defaultReady?.(), i && w(r?.document), Promise.resolve(r?.promise).then(() => t(), n);
 				}
 			},
-			tex: { macros: { ...e$3 } },
+			tex: { macros: { ...o } },
 			options: {
-				enableMenu: o,
+				enableMenu: i,
 				menuOptions: { settings: {
-					assistiveMml: o,
+					assistiveMml: i,
 					enrich: !1,
 					inTabOrder: !1
 				} }
 			}
 		};
-		a && u.tex && (console.warn(t$3), u.tex.inlineMath = [["$", "$"], ["\\(", "\\)"]], u.tex.processEscapes = !0), c || (u.chtml = { fontURL: "" }), window.MathJax = u;
+		r && u.tex && (console.warn(s$1), u.tex.inlineMath = [["$", "$"], ["\\(", "\\)"]], u.tex.processEscapes = !0), c || (u.chtml = { fontURL: "" }), window.MathJax = u;
 		let d = document.createElement("script");
-		d.src = l || "https://cdn.jsdelivr.net/npm/mathjax@4.1.3/tex-mml-chtml.js", d.async = !0, d.onerror = () => i(/* @__PURE__ */ Error("Failed to load MathJax")), document.head.appendChild(d);
+		d.src = l || a, d.async = !0, d.onerror = () => n(/* @__PURE__ */ Error("Failed to load MathJax")), document.head.appendChild(d);
 	});
 }
-function f(e) {
+function C(e) {
+	let t = e?._?.output?.chtml_ts?.CHTML;
+	t && (t.STYLESHEETID = p);
+}
+function w(e) {
+	if (!e) return;
+	let t = /* @__PURE__ */ new WeakSet(), n = (e) => {
+		let n = e.typesetRoot;
+		!n || t.has(n) || (_(n), t.add(n));
+	};
+	e.addRenderAction?.("pie-strip-latex", g, (e) => {
+		for (let t of e.math ?? []) n(t);
+		return !1;
+	}, (e) => {
+		let t = e.typesetRoot;
+		return t && _(t), !1;
+	});
+	let r = e.outputJax?.chtmlStyles;
+	r?.id === m && (r.id = p), D();
+}
+function T(e) {
+	return e instanceof HTMLStyleElement && h.includes(e.id);
+}
+function E(e) {
+	r$2("foreign-output-stylesheet", `another MathJax added <style id="${e.id}"> to <head>`);
+}
+function D() {
+	let e = document.head, t = [...e.children].find(T);
+	if (t) {
+		E(t);
+		return;
+	}
+	let n = new MutationObserver((e) => {
+		for (let t of e) {
+			let e = [...t.addedNodes].find(T);
+			if (e) {
+				E(e), n.disconnect();
+				return;
+			}
+		}
+	});
+	n.observe(e, { childList: !0 });
+}
+function O(e) {
 	return new Promise((t, n) => {
 		let r = e.startup ?? {};
 		e.startup = r;
 		let i = r.ready;
 		r.ready = () => {
-			let e = s$1()?.startup;
+			let e = v()?.startup;
 			i ? i.call(r) : e?.defaultReady?.(), Promise.resolve(e?.promise).then(() => t(), n);
 		};
 	});
 }
-function p(e) {
-	let t = s$1();
-	return t ? t.version ? t.startup?.promise ? Promise.resolve(t.startup.promise).then(() => void 0) : Promise.resolve() : f(t) : d(e);
+function k(e) {
+	let t = v();
+	return t ? t.version ? t.startup?.promise ? Promise.resolve(t.startup.promise).then(() => void 0) : Promise.resolve() : O(t) : S(e);
 }
-function m(e) {
-	return p(e).then(() => {
-		typeof s$1()?.typesetPromise != "function" && console.warn("[mathjax-renderer] MathJax on this page has no typesetPromise; math stays untypeset.");
+function A(e) {
+	return k(e).then(() => {
+		typeof v()?.typesetPromise != "function" && console.warn("[mathjax-renderer] MathJax on this page has no typesetPromise; math stays untypeset.");
 	});
 }
-function h(e) {
-	let t = globalThis, n = t[o];
-	return n || (n = m(e), t[o] = n), n;
+function j(e) {
+	let t = globalThis, n = t[f];
+	return n || (n = A(e), t[f] = n), n;
 }
-function g(e = {}) {
+function M(e = {}) {
 	let t = e.useSingleDollar ?? !1;
 	return async (n) => {
 		if (typeof window > "u") return;
-		l(n);
-		let r = h(e);
-		if (!u(n, t)) {
-			r.catch(() => {});
+		let a = i();
+		a && r$2("mathjax-3-global", `window.MathJax is MathJax ${a}`), b(n);
+		let o = j(e);
+		if (!x(n, t)) {
+			o.catch(() => {});
 			return;
 		}
-		await r;
-		let i = s$1();
-		await i?.startup?.promise, typeof i?.typesetPromise == "function" && await i.typesetPromise([n]);
+		await o;
+		let s = v();
+		await s?.startup?.promise, typeof s?.typesetPromise == "function" && (await s.typesetPromise([n]), _(n));
 	};
 }
-var v = "@pie-lib/math-rendering";
-var y = "@pie-lib/math-rendering@2";
-var b = null;
-function x() {
-	return !!window[y]?.opts?.useSingleDollar;
+var P = "@pie-lib/math-rendering";
+var F = "@pie-lib/math-rendering@2";
+var I = null;
+function L() {
+	return !!window[F]?.opts?.useSingleDollar;
 }
-function S() {
-	return b || (b = g({ useSingleDollar: x() })), b;
+function R() {
+	return I || (I = M({ useSingleDollar: L() })), I;
 }
-function C() {
+function z() {
 	if (typeof window > "u") return null;
-	let e = window[v];
+	let e = window[P];
 	return typeof e?.renderMath == "function" ? e : null;
 }
-var w = async (e) => {
+function B() {
+	let e = i();
+	e && r$2("legacy-renderer-delegation", `window['${P}'] renders this element's math with MathJax ${e}`);
+}
+var V = async (e) => {
 	if (typeof window > "u") return;
 	let t = typeof e == "string", n;
 	t ? (n = document.createElement("div"), n.innerHTML = e) : n = e || document.body;
-	let r = C();
-	return r ? await r.renderMath?.(n) : await S()(n), t ? n.innerHTML : void 0;
+	let r = z();
+	return r ? (B(), await r.renderMath?.(n)) : await R()(n), t ? n.innerHTML : void 0;
 };
 //#endregion
 //#region ../../shared/translator/dist/en.js
@@ -9232,7 +9318,7 @@ function VennClassification($$anchor, $$props) {
 		if (!containerEl) return;
 		const warn = (err) => console.warn("venn-classification: MathJax render failed", err);
 		try {
-			Promise.resolve(w(containerEl)).catch(warn);
+			Promise.resolve(V(containerEl)).catch(warn);
 		} catch (err) {
 			warn(err);
 		}