@octane-xplat/ui 0.5.0 → 0.7.0

package/dist/web/ui22.js

@@ -1,108 +0,0 @@
-import { __s, bag4, bag6, child, clone, drainFrag, forBlock, hookSlots, queueRefAttach, queueRefDetach, setStyle, template, useLayoutEffect, useRef } from "octane";
-import { bindSignalAttribute, bindSignalChild, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
-//#region src/List.web.tsrx
-enableSignalBindings(1, true);
-var _t$0 = /* @__PURE__ */ template("<!>", 0, 1);
-var _t$1 = /* @__PURE__ */ template("<div><!></div>");
-var _hs$ = /* @__PURE__ */ hookSlots(3);
-function __empty$1(__props, __s, __extra) {
-	const __block = __s.block;
-	const props = __extra[0];
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m0, _m1;
-		const _root = clone(_t$0);
-		_m0 = __block.parentNode;
-		_m1 = child(_root);
-		drainFrag(_root, __block.parentNode, __block.endMarker);
-		_b = bag4(__s, null, _m0, _m1, null, void 0);
-	}
-	_b.e = bindSignalChild(__s, _b.e, 1, _b.a, props.renderEmpty?.(), "b:0fabf1d6", _b.b, true, void 0, true, void 0);
-}
-function __item$3(item, __s, __extra) {
-	const __block = __s.block;
-	const props = __extra[0];
-	const i = __block.itemIndex;
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m0, _m1;
-		const _root = clone(_t$0);
-		_m0 = __block.parentNode;
-		_m1 = child(_root);
-		drainFrag(_root, __block.parentNode, __block.endMarker);
-		_b = bag4(__s, null, _m0, _m1, null, void 0);
-	}
-	_b.e = bindSignalChild(__s, _b.e, 1, _b.a, props.renderItem(item, i), "b:0d1e153e", _b.b, true, void 0, true, void 0);
-}
-var _rm$6 = [
-	"r",
-	"c",
-	"b"
-];
-var List = /* @__PURE__ */ __s(function List(props, __s, __extra) {
-	const el = useRef(null, _hs$ + 0);
-	const reachedEnd = useRef(false, _hs$ + 1);
-	useLayoutEffect(() => {
-		const node = el.current;
-		if (!node) return;
-		for (const [name, value] of Object.entries(props.web ?? {})) if (name.includes("-")) {
-			if (value == null) node.removeAttribute(name);
-			else node.setAttribute(name, String(value));
-		} else node[name] = value;
-		let frame = 0;
-		const checkEnd = () => {
-			frame = 0;
-			if (node.scrollHeight - node.scrollTop - node.clientHeight > node.clientHeight) reachedEnd.current = false;
-			else if (!reachedEnd.current) {
-				reachedEnd.current = true;
-				props.onEndReached?.();
-			}
-		};
-		const onScroll = () => {
-			if (!frame) frame = requestAnimationFrame(checkEnd);
-		};
-		node.addEventListener("scroll", onScroll, { passive: true });
-		checkEnd();
-		return () => {
-			node.removeEventListener("scroll", onScroll);
-			if (frame) cancelAnimationFrame(frame);
-		};
-	}, [
-		props.onEndReached,
-		props.web,
-		props.items
-	], _hs$ + 2);
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m1, _m2, _m5;
-		const _root = clone(_t$1);
-		_m1 = _root;
-		queueRefAttach(__s, _m2 = el, _m1);
-		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.c, _b.b));
-		_m5 = child(_root);
-		_b = bag6(__s, _root, void 0, _m1, _m2, void 0, void 0, _m5);
-		__s.refFields = _rm$6;
-	} else {
-		const _r = el;
-		if (_r !== _b.c) _b.c = replaceRef(__s, _b.c, _r, _b.b);
-	}
-	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:7d4c5670", setPlainAttribute);
-	_b.d = updateFreshClassName(["vx-list", props.className], _b.d, _b.b);
-	{
-		const _v = Object.assign({
-			display: "flex",
-			flexDirection: "column",
-			flexWrap: "nowrap",
-			alignItems: "stretch",
-			overflowY: "auto",
-			minHeight: 0
-		}, props.style);
-		if (_b.e !== _v) {
-			setStyle(_b.b, _v, _b.e);
-			_b.e = _v;
-		}
-	}
-	forBlock(__s, 1, _b.b, props.items, (item, i) => props.keyFor?.(item) ?? item.id, __item$3, 32, [props], __empty$1, _b.f, true, "f3hh71u");
-});
-//#endregion
-export { List };

package/dist/web/ui23.js

@@ -1,96 +0,0 @@
-import { applyEscapeProps } from "./ui2.js";
-import { glassClassOf, glassStyleOf } from "./ui3.js";
-import { layoutChildProps } from "./ui4.js";
-import { __s, bag8, clone, snapshotSpread, template } from "octane";
-import { bindSignalChild, bindSignalHostPropSources, enableSignalBindings } from "octane/internal/client";
-//#region src/ScrollView.web.tsrx
-enableSignalBindings(1, true);
-var _t$0 = /* @__PURE__ */ template("<div></div>");
-var _rm$1 = [
-	"s",
-	"f",
-	"e"
-];
-var ScrollView = /* @__PURE__ */ __s(function ScrollView(props, __s, __extra) {
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m0, _m1, _m2, _m3, _m4, _m5;
-		const _root = clone(_t$0);
-		_m0 = (e) => applyEscapeProps(e, props);
-		_m1 = props.id;
-		_m2 = [
-			"vx-scroll",
-			glassClassOf(props.glass),
-			props.className
-		];
-		_m3 = snapshotSpread(layoutChildProps(props, {
-			...glassStyleOf(props.glass),
-			...props.horizontal ? { overflowX: "auto" } : { overflowY: "auto" },
-			...props.style
-		}));
-		_m4 = _root;
-		_m5 = bindSignalHostPropSources(__s, void 0, _root, [
-			[
-				false,
-				"ref",
-				_m0
-			],
-			[
-				false,
-				"id",
-				_m1
-			],
-			[
-				false,
-				"className",
-				_m2
-			],
-			[true, _m3]
-		], "b:bf7e328f", true);
-		_b = bag8(__s, _root, _m0, _m1, _m2, _m3, _m4, _m5, null, void 0);
-		__s.refFields = _rm$1;
-	} else {
-		{
-			const _v = (e) => applyEscapeProps(e, props);
-			if (_b.a !== _v) _b.a = _v;
-		}
-		{
-			const _v = props.id;
-			if (_b.b !== _v) _b.b = _v;
-		}
-		{
-			const _v = [
-				"vx-scroll",
-				glassClassOf(props.glass),
-				props.className
-			];
-			if (_b.c !== _v) _b.c = _v;
-		}
-		_b.d = snapshotSpread(layoutChildProps(props, {
-			...glassStyleOf(props.glass),
-			...props.horizontal ? { overflowX: "auto" } : { overflowY: "auto" },
-			...props.style
-		}));
-		_b.f = bindSignalHostPropSources(__s, _b.f, _b.e, [
-			[
-				false,
-				"ref",
-				_b.a
-			],
-			[
-				false,
-				"id",
-				_b.b
-			],
-			[
-				false,
-				"className",
-				_b.c
-			],
-			[true, _b.d]
-		], "b:bf7e328f", true);
-	}
-	_b.i = bindSignalChild(__s, _b.i, 1, _b.e, props.children, "b:b1e7e75b", null, void 0, void 0, void 0, true);
-});
-//#endregion
-export { ScrollView };

package/dist/web/ui26.js

@@ -1,45 +0,0 @@
-import { __s, bag5, clone, createElement, delegateEvents, hookSlots, queueRefAttach, queueRefDetach, setEventHandler, template, useEffect, useMemo, useRef } from "octane";
-import { bindSignalChild, enableSignalBindings, replaceRef, setClassNameIfChanged } from "octane/internal/client";
-//#region src/Modal.web.tsrx
-enableSignalBindings(1, true);
-delegateEvents(["close"]);
-var _t$0 = /* @__PURE__ */ template("<dialog></dialog>");
-var _hs$ = /* @__PURE__ */ hookSlots(3);
-var _rm$1 = [
-	"r",
-	"b",
-	"a"
-];
-var Modal = /* @__PURE__ */ __s(function Modal(props, __s, __extra) {
-	const el = useRef(null, _hs$ + 0);
-	const content = useMemo(() => props.component ? createElement(props.component, props.params ?? {}) : props.children, [props], _hs$ + 1);
-	const presentation = props.presentation;
-	const className = presentation === "sheet" ? "vx-modal vx-modal--sheet" : presentation === "dialog" ? "vx-modal vx-modal--dialog" : presentation === "fullscreen" || !presentation && props.fullscreen ? "vx-modal vx-modal--fullscreen" : "vx-modal";
-	useEffect(() => {
-		const d = el.current;
-		if (!d) return;
-		if (props.open && !d.open) d.showModal();
-		else if (!props.open && d.open) d.close();
-	}, [props.open], _hs$ + 2);
-	if (__s.block.pending && !__s.block.crossRenderUpdate) return;
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m0, _m1;
-		const _root = clone(_t$0);
-		queueRefAttach(__s, _m1 = el, _m0 = _root);
-		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
-		setEventHandler(_root, "$$close", () => props.onClose?.());
-		_b = bag5(__s, _root, _m0, _m1, void 0, null, void 0);
-		__s.refFields = _rm$1;
-	} else {
-		{
-			const _r = el;
-			if (_r !== _b.b) _b.b = replaceRef(__s, _b.b, _r, _b.a);
-		}
-		setEventHandler(_b.a, "$$close", () => props.onClose?.());
-	}
-	_b.c = setClassNameIfChanged(className, _b.c, _b.a);
-	_b.f = bindSignalChild(__s, _b.f, 1, _b.a, content, "b:44cec141", null, void 0, void 0, void 0, true);
-});
-//#endregion
-export { Modal };

package/dist/web/ui3.js

@@ -1,31 +0,0 @@
-//#region src/glass.ts
-/** Normalize the `glass` surface prop into the config object handed to
-*  `iosGlassEffect` on native. Always returns an object — the upstream
-*  string shorthand silently drops `interactive` on the layout's update
-*  path, and an empty config defaults the variant to 'regular' here rather
-*  than upstream's own fallback. `false`/'none'/'identity' → no glass. */
-function glassConfigOf(glass) {
-	if (!glass || glass === "none" || glass === "identity") return;
-	const c = typeof glass === "string" ? { variant: glass } : glass === true ? {} : glass;
-	if (c.variant === "none" || c.variant === "identity") return;
-	return {
-		variant: "regular",
-		...c
-	};
-}
-/** `vx-glass` classes shared by web (real styling) and native (hook for
-*  app-supplied fallback CSS on non-glass OSes). */
-function glassClassOf(glass) {
-	const c = glassConfigOf(glass);
-	if (!c) return;
-	return c.variant === "clear" ? "vx-glass vx-glass--clear" : "vx-glass";
-}
-/** Style merge for the web approximation — `tint` becomes the surface
-*  color (the class's translucent fallback is a weaker claim than an
-*  explicit inline value). Caller spreads result into its style object. */
-function glassStyleOf(glass) {
-	const c = glassConfigOf(glass);
-	return c?.tint ? { backgroundColor: c.tint } : {};
-}
-//#endregion
-export { glassClassOf, glassConfigOf, glassStyleOf };

package/dist/web/ui30.js

@@ -1,34 +0,0 @@
-import { applyThemeClasses } from "./ui29.js";
-import { createRoot } from "octane";
-//#region src/modal-service.web.ts
-/** Open a component in a document-level dialog and resolve with close(value). */
-var openModal = (Component, params, options = {}) => new Promise((resolve) => {
-	const dialog = document.createElement("dialog");
-	dialog.className = options.presentation === "sheet" ? "vx-modal vx-modal--sheet" : options.presentation === "dialog" ? "vx-modal vx-modal--dialog" : options.presentation === "fullscreen" || !options.presentation && options.fullscreen ? "vx-modal vx-modal--fullscreen" : "vx-modal";
-	const unbindTheme = applyThemeClasses(dialog, dialog.className);
-	document.body.appendChild(dialog);
-	const root = createRoot(dialog);
-	let finished = false;
-	const finish = (result) => {
-		if (finished) return;
-		finished = true;
-		unbindTheme();
-		root.unmount();
-		dialog.remove();
-		resolve(result);
-	};
-	const close = (result) => {
-		if (finished) return;
-		if (dialog.open) dialog.close();
-		finish(result);
-	};
-	dialog.addEventListener("close", () => finish());
-	dialog.addEventListener("cancel", () => finish());
-	root.render(Component, {
-		params,
-		close
-	});
-	dialog.showModal();
-});
-//#endregion
-export { openModal };

package/dist/web/ui40.js

@@ -1,154 +0,0 @@
-import { canGoBack, layoutsFor, popRoute, screenFor, useModalRoute, useRoute } from "./ui18.js";
-import { __s, bag3, bag4, bag9, child, clone, createScopedElement, createScopedValue, delegateEvents, evt0, evt0u, forBlock, hookSlots, ifBlock, setEventHandler, setStyle, sibling, template, useState, withSlot } from "octane";
-import { bindSignalAttribute, bindSignalChild, childTextHoleUpdate, compilerMemoRegion, createElementFromConfig, enableSignalBindings, hookMemoCreate, hookMemoPublishInvariant, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
-//#region src/Tabs.web.tsrx
-enableSignalBindings(1, true);
-delegateEvents(["click"]);
-var _t$0 = /* @__PURE__ */ template("<div class=\"vx-route\"></div>");
-var _t$1 = /* @__PURE__ */ template("<button></button>");
-var _t$2 = /* @__PURE__ */ template("<div><div class=\"vx-tabbar\"><!></div><div class=\"vx-tabpane\"></div></div>");
-var _t$3 = /* @__PURE__ */ template("<div class=\"vx-modalroute\"><button class=\"vx-modalroute-shade\" aria-label=\"Dismiss\"></button><div class=\"vx-modalroute-body\"></div></div>");
-var _t$4 = /* @__PURE__ */ template("<div class=\"vx-tabsroot\" style=\"display: contents;\"><!><!></div>");
-var _hs$ = /* @__PURE__ */ hookSlots(5);
-var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
-var _h$2 = /* @__PURE__ */ Symbol(_hs$ + 2);
-var _h$3 = /* @__PURE__ */ Symbol(_hs$ + 3);
-function __then$0(__props, __s, __extra) {
-	const routed = __extra[5];
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m0;
-		const _root = clone(_t$0);
-		_m0 = _root;
-		_b = bag3(__s, _root, _m0, null, void 0);
-	}
-	{
-		const _v = routed;
-		_b.b = childTextHoleUpdate(__s, 1, _b.a, _v, _b.b, _b.c);
-		_b.c = _v;
-	}
-}
-var _key$3 = (t) => t.title;
-function __item$4(t, __s, __extra) {
-	const active = __extra[0];
-	const props = __extra[1];
-	const setInternal = __extra[2];
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m1;
-		const _root = clone(_t$1);
-		_m1 = _root;
-		setEventHandler(_root, "$$click", () => {
-			const i = props.tabs.indexOf(t);
-			setInternal(i);
-			props.onSelectedIndexChanged?.(i);
-		});
-		_b = bag4(__s, _root, void 0, _m1, null, void 0);
-	} else setEventHandler(_b.b, "$$click", () => {
-		const i = props.tabs.indexOf(t);
-		setInternal(i);
-		props.onSelectedIndexChanged?.(i);
-	});
-	_b.a = updateFreshClassName(["vx-tab", active === props.tabs.indexOf(t) ? "active" : ""], _b.a, _b.b);
-	_b.e = bindSignalChild(__s, _b.e, 1, _b.b, t.title, "b:c6e07647", null, void 0, void 0, void 0, true);
-}
-function __else$2(__props, __s, __extra) {
-	const active = __extra[0];
-	const paneRoute = __extra[1];
-	const props = __extra[2];
-	const resolve = __extra[3];
-	const routeProps = __extra[4];
-	const setInternal = __extra[6];
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m1, _m4, _m5, _m6;
-		const _root = clone(_t$2);
-		_m1 = _root;
-		const _el0 = child(_root);
-		_m4 = _el0;
-		_m5 = child(_el0);
-		_m6 = sibling(_el0, 1);
-		_b = bag9(__s, _root, void 0, _m1, void 0, void 0, _m4, _m5, _m6, null, void 0);
-	}
-	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:feaba283", setPlainAttribute);
-	_b.c = updateFreshClassName(["vx-tabs", props.className], _b.c, _b.b);
-	{
-		const _v = props.style;
-		if (_b.d !== _v) {
-			setStyle(_b.b, _v, _b.d);
-			_b.d = _v;
-		}
-	}
-	forBlock(__s, 1, _b.e, props.tabs, _key$3, __item$4, 58, [
-		active,
-		props,
-		setInternal
-	], null, _b.f, true, "f3hhxv5");
-	_b.j = bindSignalChild(__s, _b.j, 2, _b.g, (paneRoute ? resolve(paneRoute.name, routeProps(paneRoute)) : null) ?? props.tabs[active]?.render(), "b:c35ce047", null, void 0, void 0, void 0, true);
-}
-function __then$9(__props, __s, __extra) {
-	const modalContent = __extra[0];
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m0, _m1;
-		const _root = clone(_t$3);
-		const _el0 = child(_root);
-		_m0 = evt0(_el0, "$$click", popRoute);
-		_m1 = sibling(_el0, 1);
-		_b = bag4(__s, _root, _m0, _m1, null, void 0);
-	} else evt0u(_b.a, popRoute);
-	_b.e = bindSignalChild(__s, _b.e, 1, _b.b, modalContent, "b:38e2e707", null, void 0, void 0, void 0, true);
-}
-var Tabs = /* @__PURE__ */ __s(function Tabs(props, __s, __extra) {
-	const __memoRegion = compilerMemoRegion(__s, _hs$ + 0);
-	let __hk = __memoRegion.hooks;
-	if (__hk === void 0) __memoRegion.hooks = __hk = hookMemoCreate(1);
-	const [internal, setInternal] = useState(0, _hs$ + 0);
-	const active = props.selectedIndex ?? internal;
-	const rootRoute = withSlot(_h$1, useRoute, "root");
-	const paneRoute = withSlot(_h$2, useRoute, props.tabs[active]?.stack ?? "");
-	const modal = withSlot(_h$3, useModalRoute);
-	const resolve = (name, params) => {
-		const C = screenFor(name);
-		const el = props.resolveScreen ? props.resolveScreen(name, params) : C ? createScopedValue(() => createElementFromConfig("c:3fc4e2ff", C, { ...params })) : null;
-		return layoutsFor(name).reduceRight((child, L) => createScopedElement(L, {}, () => child, "c:65a1fb32"), el);
-	};
-	const routeProps = __hk[0] ?? hookMemoPublishInvariant(__hk, 0, (route) => ({
-		...route.params,
-		...route.context ?? {},
-		_pushed: canGoBack(route.stack),
-		...Object.prototype.hasOwnProperty.call(route, "loaderData") ? { data: route.loaderData } : {},
-		...Object.prototype.hasOwnProperty.call(route, "loaderError") ? { error: route.loaderError } : {}
-	}));
-	const routed = rootRoute ? resolve(rootRoute.name, routeProps(rootRoute)) : null;
-	const modalContent = modal ? resolve(modal.name, {
-		...routeProps(modal),
-		close: () => popRoute()
-	}) : null;
-	if (__s.block.pending && !__s.block.crossRenderUpdate) return;
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m0, _m1, _m2;
-		const _root = clone(_t$4);
-		_m0 = _root;
-		const _el0 = child(_root);
-		_m1 = _el0;
-		_m2 = sibling(_el0, 1);
-		_b = bag3(__s, _root, _m0, _m1, _m2);
-	}
-	ifBlock(__s, 1, _b.a, routed, __then$0, __else$2, _b.b, [
-		active,
-		paneRoute,
-		props,
-		resolve,
-		routeProps,
-		routed,
-		setInternal
-	]);
-	{
-		const __ifCondition = modalContent;
-		ifBlock(__s, 2, _b.a, __ifCondition, __then$9, null, _b.c, __ifCondition ? [modalContent] : void 0);
-	}
-});
-//#endregion
-export { Tabs };

package/dist/web/ui41.js

@@ -1,43 +0,0 @@
-import { applyEscapeProps } from "./ui2.js";
-import { __s, bag6, clone, delegateEvents, queueRefAttach, queueRefDetach, setEventHandler, setStyle, template } from "octane";
-import { bindSignalAttribute, bindSignalChecked, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
-//#region src/Switch.web.tsrx
-enableSignalBindings(1, true);
-delegateEvents(["change"]);
-var _t$0 = /* @__PURE__ */ template("<input type=\"checkbox\" data-octane-input=\"i:0400e5c1\"/>");
-var _rm$0 = [
-	"r",
-	"b",
-	"a"
-];
-var Switch = /* @__PURE__ */ __s(function Switch(props, __s, __extra) {
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m0, _m1, _m5;
-		const _root = clone(_t$0);
-		queueRefAttach(__s, _m1 = (e) => applyEscapeProps(e, props), _m0 = _root);
-		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
-		_m5 = bindSignalChecked(__s, void 0, _root, props.checked, "i:0400e5c1");
-		setEventHandler(_root, "$$change", (e) => props.onCheckedChange?.(e.target.checked));
-		_b = bag6(__s, _root, _m0, _m1, void 0, void 0, void 0, _m5);
-		__s.refFields = _rm$0;
-	} else {
-		{
-			const _r = (e) => applyEscapeProps(e, props);
-			if (_r !== _b.b) _b.b = replaceRef(__s, _b.b, _r, _b.a);
-		}
-		_b.f = bindSignalChecked(__s, _b.f, _b.a, props.checked, "i:0400e5c1");
-		setEventHandler(_b.a, "$$change", (e) => props.onCheckedChange?.(e.target.checked));
-	}
-	_b.c = bindSignalAttribute(__s, _b.c, _b.a, "id", props.id, "b:18b5d0ad", setPlainAttribute);
-	_b.d = updateFreshClassName(["vx-switch", props.className], _b.d, _b.a);
-	{
-		const _v = props.style;
-		if (_b.e !== _v) {
-			setStyle(_b.a, _v, _b.e);
-			_b.e = _v;
-		}
-	}
-});
-//#endregion
-export { Switch };

package/dist/web/ui44.js

@@ -1,42 +0,0 @@
-import { __s, bag7, clone, queueRefAttach, queueRefDetach, setStyle, template } from "octane";
-import { bindSignalAttribute, bindSignalChild, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
-//#region src/KeyboardAvoiding.web.tsrx
-enableSignalBindings(1, true);
-var _t$0 = /* @__PURE__ */ template("<div></div>");
-var _rm$1 = [
-	"r",
-	"c",
-	"b"
-];
-function applyWebProps(node, bag) {
-	if (!node || !bag) return;
-	for (const [key, value] of Object.entries(bag)) if (key.includes("-")) node.setAttribute(key, String(value));
-	else node[key] = value;
-}
-var KeyboardAvoiding = /* @__PURE__ */ __s(function KeyboardAvoiding(props, __s, __extra) {
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m1, _m2;
-		const _root = clone(_t$0);
-		_m1 = _root;
-		queueRefAttach(__s, _m2 = (node) => applyWebProps(node, props.web), _m1);
-		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.c, _b.b));
-		_b = bag7(__s, _root, void 0, _m1, _m2, void 0, void 0, null, void 0);
-		__s.refFields = _rm$1;
-	} else {
-		const _r = (node) => applyWebProps(node, props.web);
-		if (_r !== _b.c) _b.c = replaceRef(__s, _b.c, _r, _b.b);
-	}
-	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:a2dd5fb0", setPlainAttribute);
-	_b.d = updateFreshClassName(["vx-keyboard-avoiding", props.className], _b.d, _b.b);
-	{
-		const _v = props.style;
-		if (_b.e !== _v) {
-			setStyle(_b.b, _v, _b.e);
-			_b.e = _v;
-		}
-	}
-	_b.h = bindSignalChild(__s, _b.h, 1, _b.b, props.children, "b:327d2ddc", null, void 0, void 0, void 0, true);
-});
-//#endregion
-export { KeyboardAvoiding };