@selvajs/selva 4.20.0-beta.1 → 4.20.0-beta.3

package/build/server/chunks/chunks/legacy-client.js-CnRScLY2.js

@@ -1,765 +0,0 @@
-import { t as set, L as LEGACY_PROPS, u as get, v as flushSync, j as define_property, x as mutable_source, y as init_operations, z as get_first_child, A as get_next_sibling, H as HYDRATION_ERROR, B as set_hydrating, C as set_hydrate_node, D as hydration_failed, E as clear_text_content, F as component_root, G as hydrate_node, I as create_text, J as array_from, K as is_passive_event, M as hydrating, p as active_effect, N as block, O as branch, q as queue_micro_task, P as invoke_error_boundary, Q as current_batch, R as pause_effect, S as move_effect, T as defer_effect, m as set_active_effect, k as set_active_reaction, U as set_component_context, V as Batch, o as active_reaction, W as component_context, X as internal_set, Y as destroy_effect, Z as next, _ as skip_nodes, $ as effect_tracking, a0 as render_effect, a1 as svelte_boundary_reset_noop, a2 as svelte_boundary_reset_onerror, a3 as source, a4 as untrack, a5 as increment, a6 as hydrate_next, a7 as push$1, a8 as mark_as_component, a9 as hydration_mismatch, aa as pop$1, ab as EFFECT_TRANSPARENT, ac as EFFECT_PRESERVED } from './server.js-eNE8c09e.js';
-import { a as all_registered_events, r as root_event_handles, h as handle_event_propagation } from './events.js-Dn4NgQ5T.js';
-
-//#endregion
-//#region ../../node_modules/.pnpm/svelte@5.57.1_@typescript-eslint+types@8.70.1/node_modules/svelte/src/internal/client/dom/template.js
-/** @import { Effect, EffectNodes, TemplateNode } from '#client' */
-/** @import { TemplateStructure } from './types' */
-/**
-* @param {TemplateNode} start
-* @param {TemplateNode | null} end
-*/
-function assign_nodes(start, end) {
-	var effect = active_effect;
-	if (effect.nodes === null) effect.nodes = {
-		start,
-		end,
-		a: null,
-		t: null
-	};
-}
-//#endregion
-//#region ../../node_modules/.pnpm/svelte@5.57.1_@typescript-eslint+types@8.70.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`.
-*
-* If `subscribe` is called inside an effect (including indirectly, for example inside a getter),
-* the `start` callback will be called with an `update` function. Whenever `update` is called, the effect re-runs.
-*
-* If `start` returns a cleanup function, it will be called when the effect is destroyed.
-*
-* If `subscribe` is called in multiple effects, `start` will only be called once as long as the effects
-* are active, and the returned teardown function will only be called when all effects are destroyed.
-*
-* It's best understood with an example. Here's an implementation of [`MediaQuery`](https://svelte.dev/docs/svelte/svelte-reactivity#MediaQuery):
-*
-* ```js
-* import { createSubscriber } from 'svelte/reactivity';
-* import { on } from 'svelte/events';
-*
-* export class MediaQuery {
-* 	#query;
-* 	#subscribe;
-*
-* 	constructor(query) {
-* 		this.#query = window.matchMedia(`(${query})`);
-*
-* 		this.#subscribe = createSubscriber((update) => {
-* 			// when the `change` event occurs, re-run any effects that read `this.current`
-* 			const off = on(this.#query, 'change', update);
-*
-* 			// stop listening when all the effects are destroyed
-* 			return () => off();
-* 		});
-* 	}
-*
-* 	get current() {
-* 		// This makes the getter reactive, if read in an effect
-* 		this.#subscribe();
-*
-* 		// Return the current state of the query, whether or not we're in an effect
-* 		return this.#query.matches;
-* 	}
-* }
-* ```
-* @param {(update: () => void) => (() => void) | void} start
-* @since 5.7.0
-*/
-function createSubscriber(start) {
-	let subscribers = 0;
-	let version = source(0);
-	/** @type {(() => void) | void} */
-	let stop;
-	return () => {
-		if (effect_tracking()) {
-			get(version);
-			render_effect(() => {
-				if (subscribers === 0) stop = untrack(() => start(() => increment(version)));
-				subscribers += 1;
-				return () => {
-					queue_micro_task(() => {
-						subscribers -= 1;
-						if (subscribers === 0) {
-							stop?.();
-							stop = void 0;
-							increment(version);
-						}
-					});
-				};
-			});
-		}
-	};
-}
-//#endregion
-//#region ../../node_modules/.pnpm/svelte@5.57.1_@typescript-eslint+types@8.70.1/node_modules/svelte/src/internal/client/dom/blocks/boundary.js
-/** @import { Effect, Source, TemplateNode, } from '#client' */
-/**
-* @typedef {{
-* 	 onerror?: ((error: unknown, reset: () => void) => void) | null;
-*   failed?: ((anchor: Node, error: () => unknown, reset: () => () => void) => void) | null;
-*   pending?: ((anchor: Node) => void) | null;
-* }} BoundaryProps
-*/
-var flags = EFFECT_TRANSPARENT | EFFECT_PRESERVED;
-/**
-* @param {TemplateNode} node
-* @param {BoundaryProps} props
-* @param {((anchor: Node) => void)} children
-* @param {((error: unknown) => unknown) | undefined} [transform_error]
-* @returns {void}
-*/
-function boundary(node, props, children, transform_error) {
-	new Boundary(node, props, children, transform_error);
-}
-var Boundary = class {
-	/** @type {Boundary | null} */
-	parent;
-	is_pending = false;
-	/**
-	* API-level transformError transform function. Transforms errors before they reach the `failed` snippet.
-	* Inherited from parent boundary, or defaults to identity.
-	* @type {(error: unknown) => unknown}
-	*/
-	transform_error;
-	/** @type {TemplateNode} */
-	#anchor;
-	/** @type {TemplateNode | null} */
-	#hydrate_open = hydrating ? hydrate_node : null;
-	/** @type {BoundaryProps} */
-	#props;
-	/** @type {((anchor: Node) => void)} */
-	#children;
-	/** @type {Effect} */
-	#effect;
-	/** @type {Effect | null} */
-	#main_effect = null;
-	/** @type {Effect | null} */
-	#pending_effect = null;
-	/** @type {Effect | null} */
-	#failed_effect = null;
-	/** @type {DocumentFragment | null} */
-	#offscreen_fragment = null;
-	#local_pending_count = 0;
-	#pending_count = 0;
-	#pending_count_update_queued = false;
-	/** @type {Set<Effect>} */
-	#dirty_effects = /* @__PURE__ */ new Set();
-	/** @type {Set<Effect>} */
-	#maybe_dirty_effects = /* @__PURE__ */ new Set();
-	/**
-	* A source containing the number of pending async deriveds/expressions.
-	* Only created if `$effect.pending()` is used inside the boundary,
-	* otherwise updating the source results in needless `Batch.ensure()`
-	* calls followed by no-op flushes
-	* @type {Source<number> | null}
-	*/
-	#effect_pending = null;
-	#effect_pending_subscriber = createSubscriber(() => {
-		this.#effect_pending = source(this.#local_pending_count);
-		return () => {
-			this.#effect_pending = null;
-		};
-	});
-	/**
-	* @param {TemplateNode} node
-	* @param {BoundaryProps} props
-	* @param {((anchor: Node) => void)} children
-	* @param {((error: unknown) => unknown) | undefined} [transform_error]
-	*/
-	constructor(node, props, children, transform_error) {
-		this.#anchor = node;
-		this.#props = props;
-		this.#children = (anchor) => {
-			var effect = active_effect;
-			effect.b = this;
-			effect.f |= 128;
-			children(anchor);
-		};
-		this.parent = active_effect.b;
-		this.transform_error = transform_error ?? this.parent?.transform_error ?? ((e) => e);
-		this.#effect = block(() => {
-			if (hydrating) {
-				const comment = this.#hydrate_open;
-				hydrate_next();
-				const server_rendered_pending = comment.data === "[!";
-				if (comment.data.startsWith("[?")) {
-					const serialized_error = JSON.parse(comment.data.slice(2));
-					this.#hydrate_failed_content(serialized_error);
-				} else if (server_rendered_pending) this.#hydrate_pending_content();
-				else this.#hydrate_resolved_content();
-			} else this.#render();
-		}, flags);
-		if (hydrating) this.#anchor = hydrate_node;
-	}
-	#hydrate_resolved_content() {
-		try {
-			this.#main_effect = branch(() => this.#children(this.#anchor));
-		} catch (error) {
-			this.error(error);
-		}
-	}
-	/**
-	* @param {unknown} error The deserialized error from the server's hydration comment
-	*/
-	#hydrate_failed_content(error) {
-		const failed = this.#props.failed;
-		const { reset, invoke_onerror } = this.#create_reset(error);
-		queue_micro_task(invoke_onerror);
-		if (!failed) return;
-		this.#failed_effect = branch(() => {
-			failed(this.#anchor, () => error, () => reset);
-		});
-	}
-	/**
-	* Creates the `reset` function for a failed boundary, along with a function
-	* that invokes `onerror` with it (if provided)
-	* @param {unknown} error
-	* @returns {{ reset: () => void, invoke_onerror: () => void }}
-	*/
-	#create_reset(error) {
-		var did_reset = false;
-		var calling_on_error = false;
-		const reset = () => {
-			if (did_reset) {
-				svelte_boundary_reset_noop();
-				return;
-			}
-			did_reset = true;
-			if (calling_on_error) svelte_boundary_reset_onerror();
-			if (this.#failed_effect !== null) pause_effect(this.#failed_effect, () => {
-				this.#failed_effect = null;
-			});
-			this.#run(() => {
-				this.#render();
-			});
-		};
-		const invoke_onerror = () => {
-			try {
-				calling_on_error = true;
-				this.#props.onerror?.(error, reset);
-				calling_on_error = false;
-			} catch (err) {
-				invoke_error_boundary(err, this.#effect && this.#effect.parent);
-			}
-		};
-		return {
-			reset,
-			invoke_onerror
-		};
-	}
-	#hydrate_pending_content() {
-		const pending = this.#props.pending;
-		if (!pending) return;
-		this.is_pending = true;
-		this.#pending_effect = branch(() => pending(this.#anchor));
-		queue_micro_task(() => {
-			var fragment = this.#offscreen_fragment = document.createDocumentFragment();
-			var anchor = create_text();
-			var handled = false;
-			fragment.append(anchor);
-			this.#main_effect = this.#run(() => {
-				try {
-					return branch(() => this.#children(anchor));
-				} catch (error) {
-					try {
-						this.error(error);
-						handled = true;
-					} catch (error) {
-						invoke_error_boundary(error, this.#effect.parent);
-					}
-					return null;
-				}
-			});
-			if (this.#main_effect === null) {
-				this.#offscreen_fragment = null;
-				if (handled) this.#resolve(current_batch);
-				return;
-			}
-			if (this.#pending_count === 0) {
-				this.#anchor.before(fragment);
-				this.#offscreen_fragment = null;
-				pause_effect(this.#pending_effect, () => {
-					this.#pending_effect = null;
-				});
-				this.#resolve(current_batch);
-			}
-		});
-	}
-	#render() {
-		try {
-			this.is_pending = this.has_pending_snippet();
-			this.#pending_count = 0;
-			this.#local_pending_count = 0;
-			this.#main_effect = branch(() => {
-				this.#children(this.#anchor);
-			});
-			if (this.#pending_count > 0) {
-				var fragment = this.#offscreen_fragment = document.createDocumentFragment();
-				move_effect(this.#main_effect, fragment);
-				const pending = this.#props.pending;
-				this.#pending_effect = branch(() => pending(this.#anchor));
-			} else this.#resolve(current_batch);
-		} catch (error) {
-			this.error(error);
-		}
-	}
-	/**
-	* @param {Batch} batch
-	*/
-	#resolve(batch) {
-		this.is_pending = false;
-		batch.transfer_effects(this.#dirty_effects, this.#maybe_dirty_effects);
-	}
-	/**
-	* Defer an effect inside a pending boundary until the boundary resolves
-	* @param {Effect} effect
-	*/
-	defer_effect(effect) {
-		defer_effect(effect, this.#dirty_effects, this.#maybe_dirty_effects);
-	}
-	/**
-	* Returns `false` if the effect exists inside a boundary whose pending snippet is shown
-	* @returns {boolean}
-	*/
-	is_rendered() {
-		return !this.is_pending && (!this.parent || this.parent.is_rendered());
-	}
-	has_pending_snippet() {
-		return !!this.#props.pending;
-	}
-	/**
-	* @template T
-	* @param {() => T} fn
-	*/
-	#run(fn) {
-		var previous_effect = active_effect;
-		var previous_reaction = active_reaction;
-		var previous_ctx = component_context;
-		set_active_effect(this.#effect);
-		set_active_reaction(this.#effect);
-		set_component_context(this.#effect.ctx);
-		try {
-			Batch.ensure();
-			return fn();
-		} finally {
-			set_active_effect(previous_effect);
-			set_active_reaction(previous_reaction);
-			set_component_context(previous_ctx);
-		}
-	}
-	/**
-	* Updates the pending count associated with the currently visible pending snippet,
-	* if any, such that we can replace the snippet with content once work is done
-	* @param {1 | -1} d
-	* @param {Batch} batch
-	*/
-	#update_pending_count(d, batch) {
-		if (!this.has_pending_snippet()) {
-			if (this.parent) this.parent.#update_pending_count(d, batch);
-			return;
-		}
-		this.#pending_count += d;
-		if (this.#pending_count === 0) {
-			this.#resolve(batch);
-			if (this.#pending_effect) pause_effect(this.#pending_effect, () => {
-				this.#pending_effect = null;
-			});
-			if (this.#offscreen_fragment) {
-				this.#anchor.before(this.#offscreen_fragment);
-				this.#offscreen_fragment = null;
-			}
-		}
-	}
-	/**
-	* Update the source that powers `$effect.pending()` inside this boundary,
-	* and controls when the current `pending` snippet (if any) is removed.
-	* Do not call from inside the class
-	* @param {1 | -1} d
-	* @param {Batch} batch
-	*/
-	update_pending_count(d, batch) {
-		this.#update_pending_count(d, batch);
-		this.#local_pending_count += d;
-		if (!this.#effect_pending || this.#pending_count_update_queued) return;
-		this.#pending_count_update_queued = true;
-		queue_micro_task(() => {
-			this.#pending_count_update_queued = false;
-			if (this.#effect_pending) internal_set(this.#effect_pending, this.#local_pending_count);
-		});
-	}
-	get_effect_pending() {
-		this.#effect_pending_subscriber();
-		return get(this.#effect_pending);
-	}
-	/** @param {unknown} error */
-	error(error) {
-		if (!this.#props.onerror && !this.#props.failed) throw error;
-		if (current_batch?.is_fork) {
-			if (this.#main_effect) current_batch.skip_effect(this.#main_effect);
-			if (this.#pending_effect) current_batch.skip_effect(this.#pending_effect);
-			if (this.#failed_effect) current_batch.skip_effect(this.#failed_effect);
-			current_batch.oncommit(() => {
-				this.#handle_error(error);
-			});
-		} else this.#handle_error(error);
-	}
-	/**
-	* @param {unknown} error
-	*/
-	#handle_error(error) {
-		if (this.#main_effect) {
-			destroy_effect(this.#main_effect);
-			this.#main_effect = null;
-		}
-		if (this.#pending_effect) {
-			destroy_effect(this.#pending_effect);
-			this.#pending_effect = null;
-		}
-		if (this.#failed_effect) {
-			destroy_effect(this.#failed_effect);
-			this.#failed_effect = null;
-		}
-		if (hydrating) {
-			set_hydrate_node(this.#hydrate_open);
-			next();
-			set_hydrate_node(skip_nodes());
-		}
-		let failed = this.#props.failed;
-		/** @param {unknown} transformed_error */
-		const handle_error_result = (transformed_error) => {
-			const { reset, invoke_onerror } = this.#create_reset(transformed_error);
-			invoke_onerror();
-			if (failed) this.#failed_effect = this.#run(() => {
-				try {
-					return branch(() => {
-						var effect = active_effect;
-						effect.b = this;
-						effect.f |= 128;
-						failed(this.#anchor, () => transformed_error, () => reset);
-					});
-				} catch (error) {
-					invoke_error_boundary(error, this.#effect.parent);
-					return null;
-				}
-			});
-		};
-		queue_micro_task(() => {
-			/** @type {unknown} */
-			var result;
-			try {
-				result = this.transform_error(error);
-			} catch (e) {
-				invoke_error_boundary(e, this.#effect && this.#effect.parent);
-				return;
-			}
-			if (result !== null && typeof result === "object" && typeof result.then === "function")
- /** @type {any} */ result.then(
-				handle_error_result,
-				/** @param {unknown} e */
-				(e) => invoke_error_boundary(e, this.#effect && this.#effect.parent)
-			);
-			else handle_error_result(result);
-		});
-	}
-};
-/**
-* Mounts a component to the given target and returns the exports and potentially the props (if compiled with `accessors: true`) of the component.
-* Transitions will play during the initial render unless the `intro` option is set to `false`.
-*
-* @template {Record<string, any>} Props
-* @template {Record<string, any>} Exports
-* @param {ComponentType<SvelteComponent<Props>> | Component<Props, Exports, any>} component
-* @param {MountOptions<Props>} options
-* @returns {Exports}
-*/
-function mount(component, options) {
-	return _mount(component, options);
-}
-/**
-* Hydrates a component on the given target and returns the exports and potentially the props (if compiled with `accessors: true`) of the component
-*
-* @template {Record<string, any>} Props
-* @template {Record<string, any>} Exports
-* @param {ComponentType<SvelteComponent<Props>> | Component<Props, Exports, any>} component
-* @param {{} extends Props ? {
-* 		target: Document | Element | ShadowRoot;
-* 		props?: Props;
-* 		events?: Record<string, (e: any) => any>;
-*  	context?: Map<any, any>;
-* 		intro?: boolean;
-* 		recover?: boolean;
-*		transformError?: (error: unknown) => unknown;
-* 	} : {
-* 		target: Document | Element | ShadowRoot;
-* 		props: Props;
-* 		events?: Record<string, (e: any) => any>;
-*  	context?: Map<any, any>;
-* 		intro?: boolean;
-* 		recover?: boolean;
-*		transformError?: (error: unknown) => unknown;
-* 	}} options
-* @returns {Exports}
-*/
-function hydrate(component, options) {
-	init_operations();
-	options.intro = options.intro ?? false;
-	const target = options.target;
-	const was_hydrating = hydrating;
-	const previous_hydrate_node = hydrate_node;
-	try {
-		var anchor = /* @__PURE__ */ get_first_child(target);
-		while (anchor && (anchor.nodeType !== 8 || anchor.data !== "[")) anchor = /* @__PURE__ */ get_next_sibling(anchor);
-		if (!anchor) throw HYDRATION_ERROR;
-		set_hydrating(true);
-		set_hydrate_node(anchor);
-		const instance = _mount(component, {
-			...options,
-			anchor
-		});
-		set_hydrating(false);
-		return instance;
-	} catch (error) {
-		if (error instanceof Error && error.message.split("\n").some((line) => line.startsWith("https://svelte.dev/e/"))) throw error;
-		if (error !== HYDRATION_ERROR) console.warn("Failed to hydrate: ", error);
-		if (options.recover === false) hydration_failed();
-		init_operations();
-		clear_text_content(target);
-		set_hydrating(false);
-		return mount(component, options);
-	} finally {
-		set_hydrating(was_hydrating);
-		set_hydrate_node(previous_hydrate_node);
-	}
-}
-/** @type {Map<EventTarget, Map<string, number>>} */
-var listeners = /* @__PURE__ */ new Map();
-/**
-* @template {Record<string, any>} Exports
-* @param {ComponentType<SvelteComponent<any>> | Component<any>} Component
-* @param {MountOptions} options
-* @returns {Exports}
-*/
-function _mount(Component, { target, anchor, props = {}, events, context, intro = true, transformError }) {
-	init_operations();
-	/** @type {Exports} */
-	var component = void 0;
-	var unmount = component_root(() => {
-		var anchor_node = anchor ?? target.appendChild(create_text());
-		boundary(anchor_node, { pending: () => {} }, (anchor_node) => {
-			push$1({});
-			var ctx = component_context;
-			if (context) ctx.c = context;
-			if (events)
- /** @type {any} */ props.$$events = events;
-			if (hydrating) assign_nodes(anchor_node, null);
-			component = Component(anchor_node, props) || mark_as_component();
-			if (hydrating) {
-				/** @type {Effect & { nodes: EffectNodes }} */ active_effect.nodes.end = hydrate_node;
-				if (hydrate_node === null || hydrate_node.nodeType !== 8 || hydrate_node.data !== "]") {
-					hydration_mismatch();
-					throw HYDRATION_ERROR;
-				}
-			}
-			pop$1();
-		}, transformError);
-		/** @type {Set<string>} */
-		var registered_events = /* @__PURE__ */ new Set();
-		/** @param {Array<string>} events */
-		var event_handle = (events) => {
-			for (var i = 0; i < events.length; i++) {
-				var event_name = events[i];
-				if (registered_events.has(event_name)) continue;
-				registered_events.add(event_name);
-				var passive = is_passive_event(event_name);
-				for (const node of [target, document]) {
-					var counts = listeners.get(node);
-					if (counts === void 0) {
-						counts = /* @__PURE__ */ new Map();
-						listeners.set(node, counts);
-					}
-					var count = counts.get(event_name);
-					if (count === void 0) {
-						node.addEventListener(event_name, handle_event_propagation, { passive });
-						counts.set(event_name, 1);
-					} else counts.set(event_name, count + 1);
-				}
-			}
-		};
-		event_handle(array_from(all_registered_events));
-		root_event_handles.add(event_handle);
-		return () => {
-			for (var event_name of registered_events) for (const node of [target, document]) {
-				var counts = listeners.get(node);
-				var count = counts.get(event_name);
-				if (--count == 0) {
-					node.removeEventListener(event_name, handle_event_propagation);
-					counts.delete(event_name);
-					if (counts.size === 0) listeners.delete(node);
-				} else counts.set(event_name, count);
-			}
-			root_event_handles.delete(event_handle);
-			if (anchor_node !== anchor) anchor_node.parentNode?.removeChild(anchor_node);
-		};
-	});
-	mounted_components.set(component, unmount);
-	return component;
-}
-/**
-* References of the components that were mounted or hydrated.
-* Uses a `WeakMap` to avoid memory leaks.
-*/
-var mounted_components = /* @__PURE__ */ new WeakMap();
-/**
-* Unmounts a component that was previously mounted using `mount` or `hydrate`.
-*
-* Since 5.13.0, if `options.outro` is `true`, [transitions](https://svelte.dev/docs/svelte/transition) will play before the component is removed from the DOM.
-*
-* Returns a `Promise` that resolves after transitions have completed if `options.outro` is true, or immediately otherwise (prior to 5.13.0, returns `void`).
-*
-* ```js
-* import { mount, unmount } from 'svelte';
-* import App from './App.svelte';
-*
-* const app = mount(App, { target: document.body });
-*
-* // later...
-* unmount(app, { outro: true });
-* ```
-* @param {Record<string, any>} component
-* @param {{ outro?: boolean }} [options]
-* @returns {Promise<void>}
-*/
-function unmount(component, options) {
-	const fn = mounted_components.get(component);
-	if (fn) {
-		mounted_components.delete(component);
-		return fn(options);
-	}
-	return Promise.resolve();
-}
-/**
-* Takes the component function and returns a Svelte 4 compatible component constructor.
-*
-* @deprecated Use this only as a temporary solution to migrate your imperative component code to Svelte 5.
-*
-* @template {Record<string, any>} Props
-* @template {Record<string, any>} Exports
-* @template {Record<string, any>} Events
-* @template {Record<string, any>} Slots
-*
-* @param {SvelteComponent<Props, Events, Slots> | Component<Props>} component
-* @returns {ComponentType<SvelteComponent<Props, Events, Slots> & Exports>}
-*/
-function asClassComponent(component) {
-	return class extends Svelte4Component {
-		/** @param {any} options */
-		constructor(options) {
-			super({
-				component,
-				...options
-			});
-		}
-	};
-}
-/**
-* Support using the component as both a class and function during the transition period
-* @typedef  {{new (o: ComponentConstructorOptions): SvelteComponent;(...args: Parameters<Component<Record<string, any>>>): ReturnType<Component<Record<string, any>, Record<string, any>>>;}} LegacyComponentType
-*/
-var Svelte4Component = class {
-	/** @type {any} */
-	#events;
-	/** @type {Record<string, any>} */
-	#instance;
-	/**
-	* @param {ComponentConstructorOptions & {
-	*  component: any;
-	* }} options
-	*/
-	constructor(options) {
-		var sources = /* @__PURE__ */ new Map();
-		/**
-		* @param {string | symbol} key
-		* @param {unknown} value
-		*/
-		var add_source = (key, value) => {
-			var s = /* @__PURE__ */ mutable_source(value, false, false);
-			sources.set(key, s);
-			return s;
-		};
-		const props = new Proxy({
-			...options.props || {},
-			$$events: {}
-		}, {
-			get(target, prop) {
-				return get(sources.get(prop) ?? add_source(prop, Reflect.get(target, prop)));
-			},
-			has(target, prop) {
-				if (prop === LEGACY_PROPS) return true;
-				get(sources.get(prop) ?? add_source(prop, Reflect.get(target, prop)));
-				return Reflect.has(target, prop);
-			},
-			set(target, prop, value) {
-				set(sources.get(prop) ?? add_source(prop, value), value);
-				return Reflect.set(target, prop, value);
-			}
-		});
-		this.#instance = (options.hydrate ? hydrate : mount)(options.component, {
-			target: options.target,
-			anchor: options.anchor,
-			props,
-			context: options.context,
-			intro: options.intro ?? false,
-			recover: options.recover,
-			transformError: options.transformError
-		});
-		if ((!options?.props?.$$host || options.sync === false)) flushSync();
-		this.#events = props.$$events;
-		for (const key of Object.keys(this.#instance)) {
-			if (key === "$set" || key === "$destroy" || key === "$on") continue;
-			define_property(this, key, {
-				get() {
-					return this.#instance[key];
-				},
-				/** @param {any} value */
-				set(value) {
-					this.#instance[key] = value;
-				},
-				enumerable: true
-			});
-		}
-		this.#instance.$set = (next) => {
-			Object.assign(props, next);
-		};
-		this.#instance.$destroy = () => {
-			unmount(this.#instance);
-		};
-	}
-	/** @param {Record<string, any>} props */
-	$set(props) {
-		this.#instance.$set(props);
-	}
-	/**
-	* @param {string} event
-	* @param {(...args: any[]) => any} callback
-	* @returns {any}
-	*/
-	$on(event, callback) {
-		this.#events[event] = this.#events[event] || [];
-		/** @param {any[]} args */
-		const cb = (...args) => callback.call(this, ...args);
-		this.#events[event].push(cb);
-		return () => {
-			this.#events[event] = this.#events[event].filter(
-				/** @param {any} fn */
-				(fn) => fn !== cb
-			);
-		};
-	}
-	$destroy() {
-		this.#instance.$destroy();
-	}
-};
-
-export { asClassComponent as a };
-//# sourceMappingURL=legacy-client.js-CnRScLY2.js.map