@threadlabs/looma 0.28.5 → 0.28.6

package/vue/chunks/host.js

@@ -1,443 +0,0 @@
-import { Fragment, computed, getCurrentInstance, onBeforeUnmount, onBeforeUpdate, onMounted, onUpdated, shallowRef, useSlots, watchEffect } from "vue";
-//#region .build/vue/host.ts
-function controllerNamespaces(options, source) {
-	const reported = /* @__PURE__ */ new Set();
-	const nested = /* @__PURE__ */ new WeakMap();
-	const eventType = typeof Event === "undefined" ? void 0 : Object.getOwnPropertyDescriptor(Event.prototype, "type").get;
-	const eventBrands = /* @__PURE__ */ new WeakMap();
-	const nativeEvent = (value) => {
-		if (!("type" in value) || eventType === void 0) return false;
-		const known = eventBrands.get(value);
-		if (known !== void 0) return known;
-		let accepted = false;
-		try {
-			eventType.call(value);
-			accepted = true;
-		} catch {}
-		eventBrands.set(value, accepted);
-		return accepted;
-	};
-	const warn = (path, readonly) => {
-		if (reported.has(path)) return;
-		reported.add(path);
-		console.warn(source + ": HR007: Destination " + path + (readonly ? " is read-only." : " does not satisfy its declared type."));
-	};
-	const write = (name, keys, value, readonly, apply) => {
-		if (readonly || options.acceptsState?.(name, keys, value) === false) warn([name, ...keys].join("."), readonly);
-		else apply();
-		return true;
-	};
-	const wrap = (value, name, keys, readonly) => {
-		if (value === null || typeof value !== "object" || nativeEvent(value)) return value;
-		const path = [name, ...keys].join(".");
-		let paths = nested.get(value);
-		if (paths === void 0) nested.set(value, paths = /* @__PURE__ */ new Map());
-		const known = paths.get(path);
-		if (known !== void 0) return known;
-		const surface = readonly ? Array.isArray(value) ? [] : Object.create(Object.getPrototypeOf(value)) : value;
-		if (readonly && Array.isArray(value)) surface.length = value.length;
-		const proxy = new Proxy(surface, {
-			get: (_target, key) => wrap(Reflect.get(value, key), name, [...keys, String(key)], readonly),
-			set: (_target, key, next) => write(name, [...keys, String(key)], next, readonly, () => {
-				const previous = Reflect.get(value, key);
-				if (Reflect.set(value, key, next) && !Object.is(previous, next)) options.changed?.(name);
-			}),
-			has: (_target, key) => Reflect.has(value, key),
-			ownKeys: () => Reflect.ownKeys(value),
-			getOwnPropertyDescriptor: (_target, key) => {
-				if (readonly && Array.isArray(value) && key === "length") {
-					surface.length = value.length;
-					return Reflect.getOwnPropertyDescriptor(surface, key);
-				}
-				const descriptor = Reflect.getOwnPropertyDescriptor(value, key);
-				return descriptor === void 0 ? void 0 : readonly ? {
-					...descriptor,
-					configurable: true
-				} : descriptor;
-			},
-			deleteProperty: (_target, key) => write(name, [...keys, String(key)], void 0, readonly, () => {
-				if (Reflect.has(value, key) && Reflect.deleteProperty(value, key)) options.changed?.(name);
-			}),
-			defineProperty: (_target, key, descriptor) => {
-				if (readonly || !("value" in descriptor) || options.acceptsState?.(name, [...keys, String(key)], descriptor.value) === false) {
-					warn([
-						name,
-						...keys,
-						String(key)
-					].join("."), readonly);
-					return false;
-				}
-				const changed = Reflect.defineProperty(value, key, descriptor);
-				if (changed) options.changed?.(name);
-				return changed;
-			}
-		});
-		paths.set(path, proxy);
-		return proxy;
-	};
-	return {
-		state: new Proxy({}, {
-			get: (_target, name) => {
-				if (typeof name !== "string") return void 0;
-				if (Object.hasOwn(options.state, name)) return wrap(options.state[name].get(), name, [], false);
-				if (Object.hasOwn(options.computed, name)) return wrap(options.computed[name](), name, [], true);
-			},
-			set: (_target, name, value) => write(String(name), [], value, typeof name !== "string" || !Object.hasOwn(options.state, name), () => options.state[String(name)].set(value)),
-			deleteProperty: (_target, name) => {
-				warn(String(name), true);
-				return true;
-			},
-			defineProperty: (_target, name) => {
-				warn(String(name), true);
-				return false;
-			},
-			has: (_target, name) => typeof name === "string" && (Object.hasOwn(options.state, name) || Object.hasOwn(options.computed, name))
-		}),
-		data: new Proxy({}, {
-			get: (_target, name) => typeof name === "string" && Object.hasOwn(options.data ?? {}, name) ? wrap(options.data[name](), "data." + name, [], true) : void 0,
-			set: (_target, name, value) => write("data." + String(name), [], value, true, () => {}),
-			deleteProperty: (_target, name) => {
-				warn("data." + String(name), true);
-				return true;
-			},
-			defineProperty: (_target, name) => {
-				warn("data." + String(name), true);
-				return false;
-			},
-			has: (_target, name) => typeof name === "string" && Object.hasOwn(options.data ?? {}, name)
-		})
-	};
-}
-function dispatchToTargets(recorded, send) {
-	const targets = (recorded instanceof Set ? [...recorded] : Array.isArray(recorded) ? [...recorded] : [recorded]).map((ref) => ref?.nodeType === 1 ? ref : ref?.$el).filter((element) => element?.nodeType === 1 && element.isConnected).sort((a, b) => a === b ? 0 : a.compareDocumentPosition(b) & 4 ? -1 : 1);
-	for (const target of targets) if (target.isConnected) send(target);
-}
-var runtimeKey = Symbol.for("@nextwebwg/html-next.runtime.v1");
-function observeConnection(element, check) {
-	const document = element.ownerDocument;
-	const state = document[runtimeKey] ??= {};
-	let hub = state.mutationHub;
-	if (hub === void 0) {
-		const Observer = document.defaultView?.MutationObserver ?? MutationObserver;
-		const subscribers = /* @__PURE__ */ new Set();
-		const observer = new Observer((mutations) => {
-			for (const notify of Array.from(subscribers)) notify(mutations);
-		});
-		hub = {
-			observer,
-			subscribers
-		};
-		state.mutationHub = hub;
-		observer.observe(document, {
-			childList: true,
-			subtree: true
-		});
-	}
-	const shared = hub;
-	const subscriber = () => check();
-	shared.subscribers.add(subscriber);
-	return () => {
-		shared.subscribers.delete(subscriber);
-		if (shared.subscribers.size === 0 && state.mutationHub === shared) {
-			shared.observer.disconnect();
-			delete state.mutationHub;
-		}
-	};
-}
-/** Keep native focus on the corresponding control when a root-level $match replaces its element. */
-function preserveRootFocus(root) {
-	const focusable = "a[href], button, input, select, textarea, summary, [tabindex], [contenteditable]";
-	let previous = null;
-	let active = null;
-	let focusIndex = -1;
-	onBeforeUpdate(() => {
-		previous = root.value;
-		active = previous?.ownerDocument.activeElement ?? null;
-		focusIndex = previous !== null && active !== null && active !== previous && previous.contains(active) ? Array.from(previous.querySelectorAll(focusable)).indexOf(active) : -1;
-	});
-	onUpdated(() => {
-		const next = root.value;
-		if (previous === null || next === null || previous === next) return;
-		(active === previous ? next : active?.isConnected === true && next.contains(active) ? active : focusIndex >= 0 ? next.querySelectorAll(focusable)[focusIndex] : void 0)?.focus?.({ preventScroll: true });
-	});
-}
-/** Vue does not promise a `v-for` ref array in source order, and the host does. */
-function inDocumentOrder(elements) {
-	return [...elements].sort((a, b) => (a.compareDocumentPosition(b) & 4) !== 0 ? -1 : 1);
-}
-/** Slot content flattened to the elements Vue mounted for it, descending through fragments. */
-function slottedElements(nodes) {
-	const elements = [];
-	for (const node of nodes) if (node.type === Fragment && Array.isArray(node.children)) elements.push(...slottedElements(node.children));
-	else if (node.el instanceof Element) elements.push(node.el);
-	return elements;
-}
-/**
-* The controller host, built from Vue refs, effects, and lifecycle. Reads and writes reach the
-* component's own refs, so a controller's change renders as any other Vue change does. Vue
-* hooks cover mount/unmount; a shared native observer also detects external root detachment
-* and reinsertion without treating an in-tree move as a new connection.
-*/
-function useComponentHost(controllerLoader, options) {
-	const { root, dispatch, props, propInputs = () => null, propNames = [], refs = {}, state = {}, computed: computedValues = {}, data = {}, context = {} } = options;
-	const vueSlots = useSlots();
-	const component = getCurrentInstance();
-	const report = (error) => {
-		const handler = component?.appContext.config.errorHandler;
-		if (handler === void 0) queueMicrotask(() => {
-			throw error;
-		});
-		else handler(error, component?.proxy ?? null, "HTML Next controller");
-	};
-	const controllerDiagnostic = (code, reason) => {
-		const edge = options.controllerSource;
-		const source = edge?.definition ? new URL(edge.definition, document.baseURI).href : void 0;
-		const url = new URL(edge?.specifier ?? "", source ?? document.baseURI).href;
-		const message = code === "HJ002" ? "Controller module `" + url + "` must default-export a function." : "Controller module `" + url + "` failed to load: " + (reason instanceof Error ? reason.message : String(reason)) + ".";
-		return Object.assign(/* @__PURE__ */ new Error((source === void 0 ? "" : source + ": ") + code + ": " + message), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code,
-				message,
-				...source === void 0 ? {} : { source }
-			})
-		});
-	};
-	let controllerModule;
-	const loadControllerModule = () => controllerModule ??= Promise.resolve().then(controllerLoader).then((candidate) => {
-		if (typeof candidate?.default !== "function") throw controllerDiagnostic("HJ002");
-		return candidate;
-	}).catch((error) => {
-		if (error instanceof Error && "diagnostic" in error) throw error;
-		throw controllerDiagnostic("HJ001", error);
-	});
-	const stops = [];
-	const connected = shallowRef(false);
-	const pauses = /* @__PURE__ */ new Map();
-	const subscriptions = /* @__PURE__ */ new Set();
-	const activate = (entry) => {
-		if (entry.type === "connect") entry.cleanup = entry.callback(new Event("connect"));
-		else if (entry.type !== "disconnect") {
-			entry.target = root.value ?? void 0;
-			entry.target?.addEventListener(entry.type, entry.callback);
-		}
-	};
-	const deactivate = (entry, disconnecting) => {
-		entry.target?.removeEventListener(entry.type, entry.callback);
-		entry.target = void 0;
-		const cleanup = entry.cleanup;
-		entry.cleanup = void 0;
-		cleanup?.();
-		if (disconnecting && entry.type === "disconnect") entry.callback(new Event("disconnect"));
-	};
-	const propHandles = Object.create(null);
-	for (const name of propNames) {
-		const validity = () => options.propValidity?.(name);
-		propHandles[name] = Object.freeze({
-			get value() {
-				return props?.value[name];
-			},
-			get inputValue() {
-				return propInputs(name);
-			},
-			get validity() {
-				return validity();
-			},
-			validate: validity
-		});
-	}
-	const host = {
-		get element() {
-			return root.value;
-		},
-		get root() {
-			return root.value;
-		},
-		...controllerNamespaces({
-			state: Object.fromEntries(Object.entries(state).map(([name, value]) => [name, {
-				get: () => value.value,
-				set: (next) => {
-					value.value = next;
-				}
-			}])),
-			computed: Object.fromEntries([...Object.entries(computedValues), ...Object.entries(context)].map(([name, value]) => [name, () => value.value])),
-			data: Object.fromEntries(Object.entries(data).map(([name, value]) => [name, () => value.value])),
-			acceptsState: options.acceptsState
-		}, options.controllerSource?.definition ?? "<component>"),
-		on(type, callback) {
-			const entry = {
-				type,
-				callback
-			};
-			subscriptions.add(entry);
-			if (connected.value) activate(entry);
-			return () => {
-				if (subscriptions.delete(entry)) deactivate(entry, false);
-			};
-		},
-		props: Object.freeze(propHandles),
-		refs: Object.defineProperties({}, Object.fromEntries(Object.entries(refs).map(([name, ref]) => [name, {
-			enumerable: true,
-			get: () => Array.isArray(ref.value) ? inDocumentOrder(ref.value) : ref.value
-		}]))),
-		slots: new Proxy({}, {
-			get: (_target, name) => {
-				if (typeof name !== "string") return void 0;
-				const render = vueSlots[name];
-				return render === void 0 ? [] : slottedElements(render());
-			},
-			has: (_target, name) => typeof name === "string" && vueSlots[name] !== void 0
-		}),
-		signal(initialValue) {
-			const value = shallowRef(initialValue);
-			return {
-				get: () => value.value,
-				set: (next) => {
-					value.value = next;
-				},
-				update: (next) => {
-					value.value = next(value.value);
-				}
-			};
-		},
-		computed(compute) {
-			const value = computed(compute);
-			return { get: () => value.value };
-		},
-		effect(run) {
-			let cleanup;
-			const pause = () => {
-				const previous = cleanup;
-				cleanup = void 0;
-				previous?.();
-			};
-			const stop = watchEffect(() => {
-				pause();
-				if (connected.value) cleanup = run();
-			}, { flush: "post" });
-			const dispose = () => {
-				stop();
-				pause();
-				pauses.delete(dispose);
-			};
-			pauses.set(dispose, pause);
-			stops.push(dispose);
-			return dispose;
-		},
-		dispatch
-	};
-	let cleanup;
-	let started;
-	let stopObserving;
-	let connection = 0;
-	let initialized = false;
-	let unmounted = false;
-	const disconnect = () => {
-		if (!connected.value) return;
-		connected.value = false;
-		connection += 1;
-		for (const pause of pauses.values()) pause();
-		for (const entry of subscriptions) deactivate(entry, true);
-		cleanup?.();
-		cleanup = void 0;
-	};
-	const synchronize = () => {
-		if (unmounted) return;
-		if (root.value?.isConnected !== true) {
-			disconnect();
-			return;
-		}
-		if (connected.value) {
-			for (const entry of subscriptions) if (entry.type !== "connect" && entry.type !== "disconnect" && entry.target !== root.value) {
-				deactivate(entry, false);
-				activate(entry);
-			}
-			return;
-		}
-		connected.value = true;
-		for (const entry of subscriptions) activate(entry);
-		if (initialized) return;
-		const current = ++connection;
-		started = loadControllerModule().then(async (loaded) => {
-			if (!connected.value || current !== connection || initialized) return loaded;
-			initialized = true;
-			const result = await loaded.default(host);
-			if (typeof result === "function") {
-				if (!connected.value || current !== connection) result();
-				else cleanup = result;
-			}
-			return loaded;
-		});
-		started.catch(report);
-	};
-	onMounted(() => {
-		if (root.value === null) return;
-		stopObserving = observeConnection(root.value, () => {
-			try {
-				synchronize();
-			} catch (error) {
-				report(error);
-			}
-		});
-		synchronize();
-	});
-	onUpdated(synchronize);
-	onBeforeUnmount(() => {
-		unmounted = true;
-		stopObserving?.();
-		disconnect();
-		for (const stop of stops.splice(0)) stop();
-		subscriptions.clear();
-	});
-	return host;
-}
-var HtmlDiagnosticError = class extends Error {
-	diagnostic;
-	constructor(code, message) {
-		super(code + ": " + message);
-		this.name = "HtmlDiagnosticError";
-		this.diagnostic = Object.freeze({
-			code,
-			message
-		});
-	}
-};
-/** Reports declared CustomEvents to Vue and dispatches them through the DOM. */
-function createDispatch(root, emit, options = {}) {
-	const { declared = {}, checks = {}, modeled = [] } = options;
-	const reported = /* @__PURE__ */ new Map();
-	return (name, detail, targets) => {
-		const check = checks[name];
-		if (detail !== void 0 && check !== void 0 && !check(detail)) throw new HtmlDiagnosticError("HR002", `Event \`${name}\` detail does not satisfy its declared type.`);
-		if (targets !== void 0) {
-			let accepted = true;
-			dispatchToTargets(targets, (target) => {
-				if (!target.dispatchEvent(new CustomEvent(name, {
-					bubbles: true,
-					composed: true,
-					...declared[name],
-					detail
-				}))) accepted = false;
-			});
-			return accepted;
-		}
-		if (detail !== null && typeof detail === "object") for (const prop of modeled) {
-			if (!(prop in detail)) continue;
-			const value = detail[prop];
-			if (reported.has(prop) && Object.is(reported.get(prop), value)) continue;
-			if (reported.size === 0) queueMicrotask(() => reported.clear());
-			reported.set(prop, value);
-			emit?.(`update:${prop}`, value);
-		}
-		const event = new CustomEvent(name, {
-			bubbles: true,
-			composed: true,
-			...declared[name],
-			detail
-		});
-		if (check !== void 0) emit?.(name, event);
-		return root.value?.dispatchEvent(event) ?? true;
-	};
-}
-//#endregion
-export { preserveRootFocus as n, useComponentHost as r, createDispatch as t };