@octane-xplat/ui 0.4.0 → 0.6.0

package/dist/native/ui.js

@@ -1,52 +1,93 @@
-import { View } from "./ui6.js";
-import { Row } from "./ui7.js";
-import { Grid } from "./ui8.js";
-import { Stack } from "./ui9.js";
-import { Absolute } from "./ui10.js";
-import { LiquidGlass } from "./ui11.js";
-import { LiquidGlassContainer } from "./ui12.js";
-import { Spacer } from "./ui13.js";
-import { Text } from "./ui14.js";
-import { RichText, RichTextSpan } from "./ui15.js";
-import { Pressable } from "./ui16.js";
-import { Link } from "./ui17.js";
-import { getStack, registerStack, stackEntries } from "./ui18.js";
-import { deriveRouteManifest } from "./ui19.js";
-import { canGoBack, currentModalRoute, currentRoute, hrefFor, layoutsForRoute, popRoute, pushDeepLink, pushRoute, redirect, registerRoutes, registerScreens, routeFor, routeStacks, screenFor, useCanGoBack, useModalRoute, useRoute } from "./ui21.js";
-import { NavLink } from "./ui22.js";
-import { TextInput } from "./ui23.js";
-import { TextArea } from "./ui24.js";
-import { List } from "./ui25.js";
-import { ScrollBox } from "./ui26.js";
-import { ScrollView } from "./ui27.js";
-import { Image } from "./ui29.js";
-import { getColorScheme, useColorScheme } from "./ui30.js";
-import { applyThemeClasses, getThemePreference, getThemeScheme, onThemeSchemeChange, setThemePreference, themeSchemeClasses, useThemeScheme } from "./ui31.js";
-import { Modal } from "./ui32.js";
-import { openModal } from "./ui33.js";
-import { findInRootLayouts, rootLayoutFor, topRootLayout } from "./ui34.js";
-import { Overlay } from "./ui35.js";
-import { Popover } from "./ui38.js";
-import { showToast } from "./ui39.js";
-import { useAnimation } from "./ui40.js";
-import { styled } from "./ui41.js";
-import { openWindow } from "./ui42.js";
-import { Screen } from "./ui43.js";
-import { Tabs } from "./ui44.js";
-import { Switch } from "./ui45.js";
-import { useSafeAreaInsets } from "./ui46.js";
-import { SafeArea } from "./ui47.js";
-import { KeyboardAvoiding } from "./ui48.js";
-import { Drawer } from "./ui49.js";
-import { ActivityIndicator } from "./ui50.js";
-import { Meter } from "./ui52.js";
-import { Slider } from "./ui53.js";
-import { registerIcon, registerIcons } from "./ui54.js";
-import { Icon } from "./ui55.js";
-import { Heading } from "./ui56.js";
-import { PlatformBadge } from "./ui57.js";
-import { createStore } from "./ui58.js";
-import { useStore } from "./ui59.js";
-import { Sheet } from "./ui60.js";
-import { closeSheet, openSheet, sheetHost } from "./ui61.js";
-export { Absolute, ActivityIndicator, View as Column, Drawer, Grid, Heading, Icon, Image, KeyboardAvoiding, Link, LiquidGlass, LiquidGlassContainer, List, Meter, Modal, NavLink, Overlay, PlatformBadge, Popover, Pressable, RichText, RichTextSpan, Row, SafeArea, Screen, ScrollBox, ScrollView, Sheet, Slider, Spacer, Stack, Switch, Tabs, Text, TextArea, TextInput, View, applyThemeClasses, canGoBack, closeSheet, createStore, currentModalRoute, currentRoute, deriveRouteManifest, findInRootLayouts, getColorScheme, getStack, getThemePreference, getThemeScheme, hrefFor, layoutsForRoute, onThemeSchemeChange, openModal, openSheet, openWindow, popRoute, pushDeepLink, pushRoute, redirect, registerIcon, registerIcons, registerRoutes, registerScreens, registerStack, rootLayoutFor, routeFor, routeStacks, screenFor, setThemePreference, sheetHost, showToast, stackEntries, styled, themeSchemeClasses, topRootLayout, useAnimation, useCanGoBack, useColorScheme, useModalRoute, useRoute, useSafeAreaInsets, useStore, useThemeScheme };
+import { View } from "./View.native.tsrx.js";
+import { Row } from "./Row.native.tsrx.js";
+import { Grid } from "./Grid.native.tsrx.js";
+import { Stack } from "./Stack.native.tsrx.js";
+import { Absolute } from "./Absolute.native.tsrx.js";
+import { setTranslate } from "./translate.native.js";
+import { Spacer } from "./Spacer.native.tsrx.js";
+import { Text } from "./Text.native.tsrx.js";
+import { RichText, RichTextSpan } from "./RichText.native.tsrx.js";
+import { Pressable } from "./Pressable.native.tsrx.js";
+import { ActivityIndicator } from "./ActivityIndicator.native.tsrx.js";
+import { Button } from "./Button.native.tsrx.js";
+import { Collapsible } from "./Collapsible.native.tsrx.js";
+import { Accordion } from "./Accordion.native.tsrx.js";
+import { Checkbox } from "./Checkbox.native.tsrx.js";
+import { RadioGroup } from "./RadioGroup.native.tsrx.js";
+import { getColorScheme, useColorScheme } from "./theme/colorScheme.native.js";
+import { applyThemeClasses, getThemePreference, getThemeScheme, onThemeSchemeChange, setThemePreference, themeSchemeClasses, useThemeScheme } from "./theme/theme-scheme.js";
+import { Popover } from "./Popover.native.tsrx.js";
+import { registerIcon, registerIcons } from "./icons.js";
+import { Icon } from "./Icon.native.tsrx.js";
+import { DropdownMenu } from "./DropdownMenu.native.tsrx.js";
+import { ContextMenu } from "./ContextMenu.native.tsrx.js";
+import { Badge } from "./Badge.native.tsrx.js";
+import { Separator } from "./Separator.native.tsrx.js";
+import { Skeleton } from "./Skeleton.native.tsrx.js";
+import { Image } from "./Image.native.tsrx.js";
+import { Avatar } from "./Avatar.native.tsrx.js";
+import { AvatarGroup } from "./AvatarGroup.native.tsrx.js";
+import { FormField } from "./FormField.native.tsrx.js";
+import { FieldGroup } from "./FieldGroup.native.tsrx.js";
+import { TextInput } from "./TextInput.native.tsrx.js";
+import { InputNumber } from "./InputNumber.native.tsrx.js";
+import { PinInput } from "./PinInput.native.tsrx.js";
+import { Select } from "./Select.native.tsrx.js";
+import { Combobox, InputMenu, SelectMenu } from "./aliases.native.tsrx.js";
+import { InputTags } from "./InputTags.native.tsrx.js";
+import { InputRating } from "./InputRating.native.tsrx.js";
+import { CheckboxGroup } from "./CheckboxGroup.native.tsrx.js";
+import { Breadcrumb } from "./Breadcrumb.native.tsrx.js";
+import { Pagination } from "./Pagination.native.tsrx.js";
+import { Stepper } from "./Stepper.native.tsrx.js";
+import { NavigationMenu } from "./NavigationMenu.native.tsrx.js";
+import { Overlay } from "./Overlay.native.tsrx.js";
+import { CommandPalette } from "./CommandPalette.native.tsrx.js";
+import { Table } from "./Table.native.tsrx.js";
+import { Timeline } from "./Timeline.native.tsrx.js";
+import { Tree } from "./Tree.native.tsrx.js";
+import { Alert } from "./Alert.native.tsrx.js";
+import { Card } from "./Card.native.tsrx.js";
+import { Chip } from "./Chip.native.tsrx.js";
+import { Kbd } from "./Kbd.native.tsrx.js";
+import { Empty } from "./Empty.native.tsrx.js";
+import { Banner } from "./Banner.native.tsrx.js";
+import { User } from "./User.native.tsrx.js";
+import { Meter } from "./Meter.native.tsrx.js";
+import { ProgressGroup } from "./ProgressGroup.native.tsrx.js";
+import { Link } from "./Link.native.tsrx.js";
+import { getStack, registerStack, stackEntries } from "./stacks.native.js";
+import { deriveRouteManifest } from "./route-table.js";
+import { addBackInterceptor, canGoBack, currentModalRoute, currentRoute, hrefFor, popRoute, pushDeepLink, pushRoute, redirect, registerRoutes, registerScreens, routeFor, routeStacks, screenFor, useCanGoBack, useModalRoute, useRoute } from "./route.native.js";
+import { NavLink } from "./NavLink.native.tsrx.js";
+import { TextArea } from "./TextArea.native.tsrx.js";
+import { SearchInput } from "./SearchInput.native.tsrx.js";
+import { SegmentedControl } from "./SegmentedControl.native.tsrx.js";
+import { ScrollBox } from "./ScrollBox.native.tsrx.js";
+import { ScrollView } from "./ScrollView.native.tsrx.js";
+import { Pager } from "./Pager.native.tsrx.js";
+import { WebView } from "./WebView.native.tsrx.js";
+import { useMeasure } from "./useMeasure.native.tsrx.js";
+import { Slider } from "./Slider.native.tsrx.js";
+import { Video } from "./Video.native.tsrx.js";
+import { CameraView } from "./CameraView.native.tsrx.js";
+import { showToast } from "./toast-anchor.native.tsrx.js";
+import { useAnimation } from "./anim.native.tsrx.js";
+import "./theme/status-bar-scheme.native.js";
+import { styled } from "./styled.native.tsrx.js";
+import { openWindow } from "./windows.native.js";
+import { Screen } from "./Screen.native.tsrx.js";
+import { Tabs } from "./Tabs.native.tsrx.js";
+import { Switch } from "./Switch.native.tsrx.js";
+import { useSafeAreaInsets } from "./safeAreaInsets.native.tsrx.js";
+import { SafeArea } from "./SafeArea.native.tsrx.js";
+import { KeyboardAvoiding } from "./KeyboardAvoiding.native.tsrx.js";
+import { Drawer } from "./Drawer.native.tsrx.js";
+import { Heading } from "./Heading.native.tsrx.js";
+import { isNative } from "./platform.native.js";
+import { useBackInterceptor } from "./use-back.native.tsrx.js";
+import { createStore } from "./store.js";
+import { useStore } from "./use-store.native.tsrx.js";
+import { Sheet } from "./Sheet.native.tsrx.js";
+import { closeSheet, openSheet } from "./sheet-service.native.js";
+export { Absolute, Accordion, ActivityIndicator, Alert, Avatar, AvatarGroup, Badge, Banner, Breadcrumb, Button, CameraView, Card, Checkbox, CheckboxGroup, Chip, Collapsible, View as Column, Combobox, CommandPalette, ContextMenu, Drawer, DropdownMenu, Empty, FieldGroup, FormField, Grid, Heading, Icon, Image, InputMenu, InputNumber, InputRating, InputTags, Kbd, KeyboardAvoiding, Link, Meter, NavLink, NavigationMenu, Overlay, Pager, Pagination, PinInput, Popover, Pressable, ProgressGroup, RadioGroup, RichText, RichTextSpan, Row, SafeArea, Screen, ScrollBox, ScrollView, SearchInput, SegmentedControl, Select, SelectMenu, Separator, Sheet, Skeleton, Slider, Spacer, Stack, Stepper, Switch, Table, Tabs, Text, TextArea, TextInput, Timeline, Tree, User, Video, View, WebView, addBackInterceptor, applyThemeClasses, canGoBack, closeSheet, createStore, currentModalRoute, currentRoute, deriveRouteManifest, getColorScheme, getStack, getThemePreference, getThemeScheme, hrefFor, isNative, onThemeSchemeChange, openSheet, openWindow, popRoute, pushDeepLink, pushRoute, redirect, registerIcon, registerIcons, registerRoutes, registerScreens, registerStack, routeFor, routeStacks, screenFor, setThemePreference, setTranslate, showToast, stackEntries, styled, themeSchemeClasses, useAnimation, useBackInterceptor, useCanGoBack, useColorScheme, useMeasure, useModalRoute, useRoute, useSafeAreaInsets, useStore, useThemeScheme };

package/dist/native/use-back.native.tsrx.js

@@ -0,0 +1,9 @@
+import { addBackInterceptor } from "./route.native.js";
+import { hookSlots, useEffect } from "@nativescript-community/octane";
+//#region src/use-back.native.tsrx
+var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
+function useBackInterceptor(fn) {
+	useEffect(() => addBackInterceptor(fn), [fn], _h$0);
+}
+//#endregion
+export { useBackInterceptor };

package/dist/native/useMeasure.native.tsrx.js

@@ -0,0 +1,64 @@
+import { hookSlots, useCallback, useEffect, useState } from "@nativescript-community/octane";
+//#region src/useMeasure.native.tsrx
+var _hs$ = /* @__PURE__ */ hookSlots(4);
+var _h$0 = /* @__PURE__ */ Symbol(_hs$);
+var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
+var _h$2 = /* @__PURE__ */ Symbol(_hs$ + 2);
+var _h$3 = /* @__PURE__ */ Symbol(_hs$ + 3);
+function readBounds(view) {
+	const point = view?.getLocationOnScreen?.();
+	const size = view?.getActualSize?.();
+	if (!point || !size) return null;
+	return {
+		x: point.x,
+		y: point.y,
+		width: size.width,
+		height: size.height
+	};
+}
+function useMeasure(options = {}) {
+	const [view, setView] = useState(null, _h$0);
+	const [bounds, setBounds] = useState(null, _h$1);
+	const observe = options.observe ?? true;
+	const bind = useCallback((next) => {
+		setView((current) => current === next ? current : next);
+	}, [], _h$2);
+	useEffect(() => {
+		if (!view) {
+			setBounds(null);
+			return;
+		}
+		const update = () => {
+			const next = readBounds(view);
+			setBounds((prev) => prev && next && prev.x === next.x && prev.y === next.y && prev.width === next.width && prev.height === next.height ? prev : next);
+		};
+		const onLoaded = update;
+		view.on?.("loaded", onLoaded);
+		update();
+		if (observe) {
+			view.on?.("layoutChanged", update);
+			let parent = view.parent;
+			while (parent) {
+				parent.on?.("scroll", update);
+				parent = parent.parent;
+			}
+		}
+		return () => {
+			view.off?.("loaded", onLoaded);
+			if (observe) {
+				view.off?.("layoutChanged", update);
+				let parent = view.parent;
+				while (parent) {
+					parent.off?.("scroll", update);
+					parent = parent.parent;
+				}
+			}
+		};
+	}, [view, observe], _h$3);
+	return {
+		bind,
+		bounds
+	};
+}
+//#endregion
+export { useMeasure };

package/dist/native/video-chrome.native.tsrx.js

@@ -0,0 +1,365 @@
+import { View } from "./View.native.tsrx.js";
+import { Row } from "./Row.native.tsrx.js";
+import { Text } from "./Text.native.tsrx.js";
+import { Pressable } from "./Pressable.native.tsrx.js";
+import { Icon } from "./Icon.native.tsrx.js";
+import { Image } from "./Image.native.tsrx.js";
+import { Slider } from "./Slider.native.tsrx.js";
+import { defineUniversalComponent, hookSlots, universalChildren, universalComponent, universalIf, universalPlan, universalProps, universalValue, useEffect, useState } from "@nativescript-community/octane";
+//#region src/video-chrome.native.tsrx
+var _hs$ = /* @__PURE__ */ hookSlots(2);
+var _h$0 = /* @__PURE__ */ Symbol(_hs$);
+var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan2 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan3 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan4 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan5 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan6 = universalPlan("nativescript", {
+	"kind": "range",
+	"children": [
+		{
+			"kind": "slot",
+			"slot": 0
+		},
+		{
+			"kind": "slot",
+			"slot": 1
+		},
+		{
+			"kind": "slot",
+			"slot": 2
+		},
+		{
+			"kind": "slot",
+			"slot": 3
+		},
+		{
+			"kind": "slot",
+			"slot": 4
+		}
+	]
+});
+var __octaneUniversalPlan7 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan8 = universalPlan("nativescript", {
+	"kind": "range",
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}, {
+		"kind": "slot",
+		"slot": 1
+	}]
+});
+var __octaneUniversalPlan9 = universalPlan("nativescript", {
+	"kind": "range",
+	"children": [
+		{
+			"kind": "slot",
+			"slot": 0
+		},
+		{
+			"kind": "slot",
+			"slot": 1
+		},
+		{
+			"kind": "slot",
+			"slot": 2
+		}
+	]
+});
+function stamp(ms) {
+	const total = Math.max(0, Math.floor(ms / 1e3));
+	return `${Math.floor(total / 60)}:${String(total % 60).padStart(2, "0")}`;
+}
+var VideoChrome = defineUniversalComponent("nativescript", function VideoChrome(props) {
+	const [visible, setVisible] = useState(true, _h$0);
+	useEffect(() => {
+		if (!props.playing || !visible) return;
+		const t = setTimeout(() => setVisible(false), 2500);
+		return () => clearTimeout(t);
+	}, [props.playing, visible], _h$1);
+	return universalValue(__octaneUniversalPlan9, [
+		universalIf(props.poster && !props.started, () => {
+			return universalValue(__octaneUniversalPlan0, [universalComponent("nativescript", Image, universalProps([
+				[
+					"set",
+					"className",
+					"vx-video-poster"
+				],
+				[
+					"set",
+					"src",
+					props.poster
+				],
+				[
+					"set",
+					"ios",
+					{ stretch: "aspectFill" }
+				],
+				[
+					"set",
+					"android",
+					{ stretch: "aspectFill" }
+				]
+			]))]);
+		}),
+		universalComponent("nativescript", Pressable, universalProps([
+			[
+				"set",
+				"className",
+				"vx-video-tap"
+			],
+			[
+				"set",
+				"accessibilityRole",
+				"button"
+			],
+			[
+				"set",
+				"accessibilityLabel",
+				visible ? "Hide video controls" : "Show video controls"
+			],
+			[
+				"set",
+				"onPress",
+				() => setVisible(props.playing ? !visible : true)
+			]
+		])),
+		universalIf(visible, () => {
+			return universalValue(__octaneUniversalPlan8, [universalIf(!props.playing, () => {
+				return universalValue(__octaneUniversalPlan3, [universalComponent("nativescript", Pressable, universalProps([
+					[
+						"set",
+						"className",
+						"vx-video-center"
+					],
+					[
+						"set",
+						"justifyContent",
+						"center"
+					],
+					[
+						"set",
+						"alignItems",
+						"center"
+					],
+					[
+						"set",
+						"accessibilityRole",
+						"button"
+					],
+					[
+						"set",
+						"accessibilityLabel",
+						"Play"
+					],
+					[
+						"set",
+						"onPress",
+						props.onTogglePlay
+					]
+				], universalChildren("nativescript", () => {
+					return universalValue(__octaneUniversalPlan2, [universalComponent("nativescript", View, universalProps([[
+						"set",
+						"className",
+						"vx-video-centerbtn"
+					]], universalChildren("nativescript", () => {
+						return universalValue(__octaneUniversalPlan1, [universalComponent("nativescript", Icon, universalProps([
+							[
+								"set",
+								"name",
+								"xplat-play"
+							],
+							[
+								"set",
+								"size",
+								28
+							],
+							[
+								"set",
+								"color",
+								"#fff"
+							]
+						]))]);
+					})))]);
+				})))]);
+			}), universalComponent("nativescript", View, universalProps([[
+				"set",
+				"className",
+				"vx-video-barwrap"
+			], [
+				"set",
+				"justifyContent",
+				"end"
+			]], universalChildren("nativescript", () => {
+				return universalValue(__octaneUniversalPlan7, [universalComponent("nativescript", Row, universalProps([
+					[
+						"set",
+						"className",
+						"vx-video-bar"
+					],
+					[
+						"set",
+						"alignItems",
+						"center"
+					],
+					[
+						"set",
+						"gap",
+						8
+					]
+				], universalChildren("nativescript", () => {
+					return universalValue(__octaneUniversalPlan6, [
+						universalComponent("nativescript", Pressable, universalProps([
+							[
+								"set",
+								"className",
+								"vx-video-btn"
+							],
+							[
+								"set",
+								"accessibilityRole",
+								"button"
+							],
+							[
+								"set",
+								"accessibilityLabel",
+								props.playing ? "Pause" : "Play"
+							],
+							[
+								"set",
+								"onPress",
+								props.onTogglePlay
+							]
+						], universalChildren("nativescript", () => {
+							return universalValue(__octaneUniversalPlan4, [universalComponent("nativescript", Icon, universalProps([
+								[
+									"set",
+									"name",
+									props.playing ? "xplat-pause" : "xplat-play"
+								],
+								[
+									"set",
+									"size",
+									20
+								],
+								[
+									"set",
+									"color",
+									"#fff"
+								]
+							]))]);
+						}))),
+						universalComponent("nativescript", Text, universalProps([[
+							"set",
+							"className",
+							"vx-video-time"
+						]], stamp(props.position))),
+						universalComponent("nativescript", Slider, universalProps([
+							[
+								"set",
+								"className",
+								"vx-video-slider"
+							],
+							[
+								"set",
+								"style",
+								{ flexGrow: 1 }
+							],
+							[
+								"set",
+								"value",
+								props.position
+							],
+							[
+								"set",
+								"minValue",
+								0
+							],
+							[
+								"set",
+								"maxValue",
+								props.duration > 0 ? props.duration : 1
+							],
+							[
+								"set",
+								"onValueChange",
+								props.onSeek
+							]
+						])),
+						universalComponent("nativescript", Text, universalProps([[
+							"set",
+							"className",
+							"vx-video-time"
+						]], stamp(props.duration))),
+						universalComponent("nativescript", Pressable, universalProps([
+							[
+								"set",
+								"className",
+								"vx-video-btn"
+							],
+							[
+								"set",
+								"accessibilityRole",
+								"button"
+							],
+							[
+								"set",
+								"accessibilityLabel",
+								props.muted ? "Unmute" : "Mute"
+							],
+							[
+								"set",
+								"onPress",
+								props.onToggleMute
+							]
+						], universalChildren("nativescript", () => {
+							return universalValue(__octaneUniversalPlan5, [universalComponent("nativescript", Icon, universalProps([
+								[
+									"set",
+									"name",
+									props.muted ? "xplat-volume-off" : "xplat-volume"
+								],
+								[
+									"set",
+									"size",
+									20
+								],
+								[
+									"set",
+									"color",
+									"#fff"
+								]
+							]))]);
+						})))
+					]);
+				})))]);
+			})))]);
+		})
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { VideoChrome };

package/dist/web/Absolute.web.tsrx.js

@@ -0,0 +1,47 @@
+import { applyEscapeProps } from "./escape-props.web.js";
+import { __s, bag16, clone, queueRefAttach, queueRefDetach, setAriaAttribute, setStyle, template } from "octane";
+import { bindSignalAttribute, bindSignalChild, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
+//#region src/Absolute.web.tsrx
+enableSignalBindings(1, true);
+var _t$0 = /* @__PURE__ */ template("<div></div>");
+var _rm$1 = [
+	"r",
+	"e",
+	"b"
+];
+var Absolute = /* @__PURE__ */ __s(function Absolute(props, __s, __extra) {
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1, _m4;
+		const _root = clone(_t$0);
+		_m1 = _root;
+		queueRefAttach(__s, _m4 = (el) => applyEscapeProps(el, props), _m1);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.e, _b.b));
+		_b = bag16(__s, _root, void 0, _m1, void 0, void 0, _m4, void 0, void 0, void 0, void 0, void 0, void 0, void 0, void 0, void 0, null, void 0);
+		__s.refFields = _rm$1;
+	} else {
+		const _r = (el) => applyEscapeProps(el, props);
+		if (_r !== _b.e) _b.e = replaceRef(__s, _b.e, _r, _b.b);
+	}
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:1d9c3d06", setPlainAttribute);
+	_b.c = updateFreshClassName(["vx-absolute", props.className], _b.c, _b.b);
+	{
+		const _v = props.style;
+		if (_b.d !== _v) {
+			setStyle(_b.b, _v, _b.d);
+			_b.d = _v;
+		}
+	}
+	_b.f = bindSignalAttribute(__s, _b.f, _b.b, "role", props.accessibilityRole, "b:a7333b54", setPlainAttribute);
+	_b.g = bindSignalAttribute(__s, _b.g, _b.b, "aria-label", props.accessibilityLabel, "b:709e3d48", setAriaAttribute);
+	_b.h = bindSignalAttribute(__s, _b.h, _b.b, "aria-hidden", props.accessible === false ? true : void 0, "b:7ae903c4", setAriaAttribute);
+	_b.i = bindSignalAttribute(__s, _b.i, _b.b, "aria-description", props.accessibilityHint, "b:a0927ebc", setAriaAttribute);
+	_b.j = bindSignalAttribute(__s, _b.j, _b.b, "aria-valuetext", props.accessibilityValue, "b:2a664c03", setAriaAttribute);
+	_b.k = bindSignalAttribute(__s, _b.k, _b.b, "aria-disabled", props.accessibilityState?.disabled, "b:4b5e5499", setAriaAttribute);
+	_b.l = bindSignalAttribute(__s, _b.l, _b.b, "aria-selected", props.accessibilityState?.selected, "b:b16a6b45", setAriaAttribute);
+	_b.m = bindSignalAttribute(__s, _b.m, _b.b, "aria-checked", props.accessibilityState?.checked, "b:211d6c51", setAriaAttribute);
+	_b.n = bindSignalAttribute(__s, _b.n, _b.b, "aria-live", props.accessibilityLiveRegion === "none" ? "off" : props.accessibilityLiveRegion, "b:b13c535c", setAriaAttribute);
+	_b.q = bindSignalChild(__s, _b.q, 1, _b.b, props.children, "b:9750e093", null, void 0, void 0, void 0, true);
+});
+//#endregion
+export { Absolute };