@octane-xplat/ui 0.5.0 → 0.7.0

package/dist/native/ui.js

@@ -1,55 +1,95 @@
-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 { Hoverable } from "./ui39.js";
-import { showToast } from "./ui40.js";
-import { useAnimation } from "./ui41.js";
-import "./ui42.js";
-import { styled } from "./ui43.js";
-import { openWindow } from "./ui44.js";
-import { Screen } from "./ui45.js";
-import { Tabs } from "./ui46.js";
-import { Switch } from "./ui47.js";
-import { useSafeAreaInsets } from "./ui48.js";
-import { SafeArea } from "./ui49.js";
-import { KeyboardAvoiding } from "./ui50.js";
-import { Drawer } from "./ui51.js";
-import { useMeasure } from "./ui52.js";
-import { ActivityIndicator } from "./ui53.js";
-import { Meter } from "./ui55.js";
-import { Slider } from "./ui56.js";
-import { registerIcon, registerIcons } from "./ui57.js";
-import { Icon } from "./ui58.js";
-import { Heading } from "./ui59.js";
-import { PlatformBadge } from "./ui60.js";
-import { createStore } from "./ui61.js";
-import { useStore } from "./ui62.js";
-import { Sheet } from "./ui63.js";
-import { closeSheet, openSheet, sheetHost } from "./ui64.js";
-export { Absolute, ActivityIndicator, View as Column, Drawer, Grid, Heading, Hoverable, 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, useMeasure, useModalRoute, useRoute, useSafeAreaInsets, useStore, useThemeScheme };
+import { View } from "./View.tsrx.js";
+import { Row } from "./Row.tsrx.js";
+import { Grid } from "./Grid.tsrx.js";
+import { Stack } from "./Stack.tsrx.js";
+import { Absolute } from "./Absolute.tsrx.js";
+import { setTranslate } from "./translate.js";
+import { Spacer } from "./Spacer.tsrx.js";
+import { Text } from "./Text.tsrx.js";
+import { RichText, RichTextSpan } from "./RichText.tsrx.js";
+import { Pressable } from "./Pressable.tsrx.js";
+import { ActivityIndicator } from "./ActivityIndicator.tsrx.js";
+import { Button } from "./Button.tsrx.js";
+import { Collapsible } from "./Collapsible.tsrx.js";
+import { Accordion } from "./Accordion.tsrx.js";
+import { Checkbox } from "./Checkbox.tsrx.js";
+import { RadioGroup } from "./RadioGroup.tsrx.js";
+import { getColorScheme, useColorScheme } from "./theme/colorScheme.js";
+import { applyThemeClasses, getThemePreference, getThemeScheme, onThemeSchemeChange, setThemePreference, themeSchemeClasses, useThemeScheme } from "./theme/theme-scheme.js";
+import { Popover } from "./Popover.tsrx.js";
+import { registerIcon, registerIcons } from "./icons.js";
+import { Icon } from "./Icon.tsrx.js";
+import { DropdownMenu } from "./DropdownMenu.tsrx.js";
+import { ContextMenu } from "./ContextMenu.tsrx.js";
+import { Badge } from "./Badge.tsrx.js";
+import { Separator } from "./Separator.tsrx.js";
+import { Skeleton } from "./Skeleton.tsrx.js";
+import { Image } from "./Image.tsrx.js";
+import { Avatar } from "./Avatar.tsrx.js";
+import { AvatarGroup } from "./AvatarGroup.tsrx.js";
+import { FormField } from "./FormField.tsrx.js";
+import { FieldGroup } from "./FieldGroup.tsrx.js";
+import { ListItem } from "./ListItem.tsrx.js";
+import { TextInput } from "./TextInput.tsrx.js";
+import { InputNumber } from "./InputNumber.tsrx.js";
+import { PinInput } from "./PinInput.tsrx.js";
+import { Select } from "./Select.tsrx.js";
+import { Combobox, InputMenu, SelectMenu } from "./aliases.tsrx.js";
+import { InputTags } from "./InputTags.tsrx.js";
+import { InputRating } from "./InputRating.tsrx.js";
+import { CheckboxGroup } from "./CheckboxGroup.tsrx.js";
+import { Breadcrumb } from "./Breadcrumb.tsrx.js";
+import { Pagination } from "./Pagination.tsrx.js";
+import { Stepper } from "./Stepper.tsrx.js";
+import { NavigationMenu } from "./NavigationMenu.tsrx.js";
+import { Overlay } from "./Overlay.tsrx.js";
+import { CommandPalette } from "./CommandPalette.tsrx.js";
+import { Table } from "./Table.tsrx.js";
+import { Timeline } from "./Timeline.tsrx.js";
+import { Tree } from "./Tree.tsrx.js";
+import { Alert } from "./Alert.tsrx.js";
+import { Card } from "./Card.tsrx.js";
+import { Chip } from "./Chip.tsrx.js";
+import { Kbd } from "./Kbd.tsrx.js";
+import { Empty } from "./Empty.tsrx.js";
+import { Banner } from "./Banner.tsrx.js";
+import { User } from "./User.tsrx.js";
+import { Meter } from "./Meter.tsrx.js";
+import { ProgressGroup } from "./ProgressGroup.tsrx.js";
+import { Link } from "./Link.tsrx.js";
+import { getStack, registerStack, stackEntries } from "./stacks.js";
+import { defineRoutes, deriveRouteManifest, mergeRouteManifests } from "./route-table.js";
+import { addBackInterceptor, addRoutes, canGoBack, currentModalRoute, currentRoute, hrefFor, layoutsForRoute, popRoute, pushDeepLink, pushRoute, redirect, registerRoutes, registerScreens, routeFor, routeStacks, screenFor, useCanGoBack, useModalRoute, useRoute } from "./route.js";
+import { NavLink } from "./NavLink.tsrx.js";
+import { TextArea } from "./TextArea.tsrx.js";
+import { SearchInput } from "./SearchInput.tsrx.js";
+import { SegmentedControl } from "./SegmentedControl.tsrx.js";
+import { ScrollBox } from "./ScrollBox.tsrx.js";
+import { ScrollView } from "./ScrollView.tsrx.js";
+import { VirtualList } from "./VirtualList.tsrx.js";
+import { WebView } from "./WebView.tsrx.js";
+import { Hoverable } from "./Hoverable.tsrx.js";
+import { Tooltip } from "./Tooltip.tsrx.js";
+import { showToast } from "./toast-anchor.tsrx.js";
+import { useAnimation } from "./anim.tsrx.js";
+import { styled } from "./styled.tsrx.js";
+import { openWindow } from "./windows.js";
+import { Screen } from "./Screen.tsrx.js";
+import { Tabs } from "./Tabs.tsrx.js";
+import { Switch } from "./Switch.tsrx.js";
+import { useSafeAreaInsets } from "./safeAreaInsets.tsrx.js";
+import { SafeArea } from "./SafeArea.tsrx.js";
+import { Drawer } from "./Drawer.tsrx.js";
+import { useMeasure } from "./useMeasure.tsrx.js";
+import { Slider } from "./Slider.tsrx.js";
+import { Heading } from "./Heading.tsrx.js";
+import { isNative } from "./platform.js";
+import { useBackInterceptor } from "./use-back.tsrx.js";
+import { createStore } from "./store.js";
+import { useStore } from "./use-store.tsrx.js";
+import { Sheet } from "./Sheet.tsrx.js";
+import { closeSheet, openSheet } from "./sheet-service.js";
+import "./index.shared.js";
+import { KeyboardAvoiding } from "./KeyboardAvoiding.mobile.tsrx.js";
+import "./theme/status-bar-scheme.mobile.js";
+export { Absolute, Accordion, ActivityIndicator, Alert, Avatar, AvatarGroup, Badge, Banner, Breadcrumb, Button, Card, Checkbox, CheckboxGroup, Chip, Collapsible, View as Column, Combobox, CommandPalette, ContextMenu, Drawer, DropdownMenu, Empty, FieldGroup, FormField, Grid, Heading, Hoverable, Icon, Image, InputMenu, InputNumber, InputRating, InputTags, Kbd, KeyboardAvoiding, Link, ListItem, Meter, NavLink, NavigationMenu, Overlay, 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, Tooltip, Tree, User, View, VirtualList, WebView, addBackInterceptor, addRoutes, applyThemeClasses, canGoBack, closeSheet, createStore, currentModalRoute, currentRoute, defineRoutes, deriveRouteManifest, getColorScheme, getStack, getThemePreference, getThemeScheme, hrefFor, isNative, layoutsForRoute, mergeRouteManifests, 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.tsrx.js

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

package/dist/native/{ui62.js → use-store.tsrx.js}

@@ -1,5 +1,5 @@
 import { hookSlots, useSyncExternalStore } from "@nativescript-community/octane";
-//#region src/use-store.native.tsrx
+//#region src/use-store.tsrx
 var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
 function useStore(store, select) {
 	return useSyncExternalStore(store.subscribe, select === void 0 ? store.get : () => select(store.get()), _h$0);

package/dist/native/{ui52.js → useMeasure.tsrx.js}

@@ -1,5 +1,5 @@
 import { hookSlots, useCallback, useEffect, useState } from "@nativescript-community/octane";
-//#region src/useMeasure.native.tsrx
+//#region src/useMeasure.tsrx
 var _hs$ = /* @__PURE__ */ hookSlots(4);
 var _h$0 = /* @__PURE__ */ Symbol(_hs$);
 var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
@@ -30,7 +30,7 @@ function useMeasure(options = {}) {
 		}
 		const update = () => {
 			const next = readBounds(view);
-			if (next) setBounds(next);
+			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);

package/dist/native/vendor/ui-svg/index.android.js

@@ -0,0 +1,137 @@
+import { SVGView as SVGView$1, srcProperty } from "./index.common.js";
+import { File, Font, ImageAsset, ImageSource, Utils, knownFolders, path } from "@nativescript/core";
+//#region src/vendor/ui-svg/index.android.ts
+function getSVG(src) {
+	if (!src) return null;
+	let imagePath;
+	if (src instanceof File) return com.caverock.androidsvg.SVG.getFromInputStream(new java.io.FileInputStream(new java.io.File(src.path)));
+	else if (src instanceof ImageAsset) imagePath = src.android;
+	else imagePath = src;
+	if (Utils.isFileOrResourcePath(imagePath)) {
+		const res = Utils.android.getApplicationContext().getResources();
+		if (!res) return null;
+		if (imagePath.indexOf(Utils.RESOURCE_PREFIX) === 0) {
+			const resName = imagePath.substr(Utils.RESOURCE_PREFIX.length);
+			const identifier = res.getIdentifier(resName, "drawable", Utils.android.getApplication().getPackageName());
+			return com.caverock.androidsvg.SVG.getFromResource(res, identifier);
+		} else if (imagePath.indexOf("~/") === 0) {
+			const strPath = path.join(knownFolders.currentApp().path, imagePath.replace("~/", ""));
+			const javaFile = new java.io.File(strPath);
+			const stream = new java.io.FileInputStream(javaFile);
+			return com.caverock.androidsvg.SVG.getFromInputStream(stream);
+		} else if (imagePath.indexOf("/") === 0) {
+			const javaFile = new java.io.File(imagePath);
+			const stream = new java.io.FileInputStream(javaFile);
+			return com.caverock.androidsvg.SVG.getFromInputStream(stream);
+		}
+	}
+	return com.caverock.androidsvg.SVG.getFromString(imagePath);
+}
+var SVGExternalFileResolver = class extends com.caverock.androidsvg.SVGExternalFileResolver {
+	resolveFont(fontFamily, fontWeight, fontStyle) {
+		if (fontFamily) fontFamily = fontFamily.replace(/\\\//, "/");
+		return new Font(fontFamily, void 0, fontStyle.toLowerCase(), fontWeight + "").getAndroidTypeface();
+	}
+	resolveImage(filename) {
+		let bitmap = null;
+		if (Utils.isDataURI(filename)) {
+			const base64Data = filename.split(",")[1];
+			if (base64Data !== void 0) bitmap = ImageSource.fromBase64(base64Data);
+		} else if (Utils.isFileOrResourcePath(filename)) {
+			if (filename.indexOf(Utils.RESOURCE_PREFIX) !== 0) {
+				if (filename.indexOf("~/") === 0) filename = path.join(knownFolders.currentApp().path, filename.replace("~/", ""));
+			}
+			bitmap = ImageSource.fromFileOrResourceSync(filename);
+		}
+		return bitmap;
+	}
+};
+com.caverock.androidsvg.SVG.registerExternalFileResolver(new SVGExternalFileResolver());
+var MySVGView = class extends android.view.View {
+	constructor(context) {
+		super(context);
+		this._svg = null;
+		this.aspectRatio = 0;
+		this.renderOptions = new com.caverock.androidsvg.RenderOptions();
+	}
+	onDraw(canvas) {
+		const svg = this._svg;
+		if (!svg) return;
+		this.renderOptions.viewPort(0, 0, this.getWidth(), this.getHeight());
+		svg.renderToCanvas(canvas, this.renderOptions);
+	}
+	setSvg(svg) {
+		this._svg = svg;
+		if (svg) {
+			svg.setDocumentWidth("100%");
+			svg.setDocumentHeight("100%");
+		}
+		this.invalidate();
+	}
+	setRatio(ratio) {
+		this.renderOptions.preserveAspectRatio(ratio);
+	}
+	onMeasure(widthMeasureSpec, heightMeasureSpec) {
+		const svg = this._svg;
+		if (!svg) {
+			super.onMeasure(widthMeasureSpec, heightMeasureSpec);
+			return;
+		}
+		let width = Utils.layout.getMeasureSpecSize(widthMeasureSpec);
+		const widthMode = Utils.layout.getMeasureSpecMode(widthMeasureSpec);
+		let height = Utils.layout.getMeasureSpecSize(heightMeasureSpec);
+		const heightMode = Utils.layout.getMeasureSpecMode(heightMeasureSpec);
+		const image = svg.getDocumentViewBox();
+		const finiteWidth = widthMode === Utils.layout.EXACTLY;
+		const finiteHeight = heightMode === Utils.layout.EXACTLY;
+		if (image || this.aspectRatio > 0) {
+			const nativeWidth = image ? Utils.layout.toDevicePixels(image.width()) : 0;
+			const nativeHeight = image ? Utils.layout.toDevicePixels(image.height()) : 0;
+			const imgRatio = nativeWidth / nativeHeight;
+			const ratio = this.aspectRatio || imgRatio;
+			if (finiteWidth || finiteHeight) {
+				if (!finiteWidth) widthMeasureSpec = Utils.layout.makeMeasureSpec(height * ratio, Utils.layout.EXACTLY);
+				if (!finiteHeight) heightMeasureSpec = Utils.layout.makeMeasureSpec(width * ratio, Utils.layout.EXACTLY);
+			} else if (imgRatio > width / (height || 0xe8d4a51000)) {
+				const w = Math.min(nativeWidth, width);
+				widthMeasureSpec = Utils.layout.makeMeasureSpec(w, Utils.layout.EXACTLY);
+				heightMeasureSpec = Utils.layout.makeMeasureSpec(w / ratio, Utils.layout.EXACTLY);
+			} else {
+				const h = Math.min(nativeHeight, height);
+				heightMeasureSpec = Utils.layout.makeMeasureSpec(h, Utils.layout.EXACTLY);
+				widthMeasureSpec = Utils.layout.makeMeasureSpec(h * ratio, Utils.layout.EXACTLY);
+			}
+		}
+		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
+	}
+};
+var SVGView = class extends SVGView$1 {
+	createNativeView() {
+		return new MySVGView(this._context);
+	}
+	async handleSrc(src) {
+		if (src instanceof Promise) {
+			try {
+				this.handleSrc(await src);
+			} catch (error) {
+				this.handleSrc(null);
+			}
+			return;
+		} else if (typeof src === "function") {
+			let newSrc = src();
+			if (newSrc instanceof Promise) try {
+				await newSrc;
+			} catch (error) {
+				newSrc = null;
+			}
+			this.handleSrc(newSrc);
+			return;
+		}
+		this.nativeViewProtected.setSvg(getSVG(src));
+	}
+	[srcProperty.setNative](value) {
+		this.handleSrc(value);
+	}
+};
+//#endregion
+export { SVGView, getSVG };

package/dist/native/vendor/ui-svg/index.common.js

@@ -0,0 +1,10 @@
+import { CSSType, Property, View } from "@nativescript/core";
+//#region src/vendor/ui-svg/index.common.ts
+var srcProperty = new Property({ name: "src" });
+var stretchProperty = new Property({ name: "stretch" });
+var SVGView = class extends View {};
+CSSType("SVGView")(SVGView);
+srcProperty.register(SVGView);
+stretchProperty.register(SVGView);
+//#endregion
+export { SVGView, srcProperty, stretchProperty };

package/dist/native/vendor/ui-svg/index.ios.js

@@ -0,0 +1,111 @@
+import { SVGView as SVGView$1, srcProperty, stretchProperty } from "./index.common.js";
+import { File, ImageAsset, Utils, knownFolders, path } from "@nativescript/core";
+//#region src/vendor/ui-svg/index.ios.ts
+function getUIImageScaleType(scaleType) {
+	switch (scaleType) {
+		case "aspectFill": return 2;
+		case "aspectFit": return 1;
+		case "fill": return 0;
+		case "none": return 9;
+	}
+	return null;
+}
+function getSVGKImage(src) {
+	if (!src) return null;
+	let imagePath;
+	if (src instanceof File) return SVGKImage.alloc().initWithData(NSData.alloc().initWithContentsOfFile(src.path));
+	else if (src instanceof ImageAsset) imagePath = src.ios;
+	else imagePath = src;
+	if (Utils.isFileOrResourcePath(imagePath)) {
+		if (imagePath.indexOf(Utils.RESOURCE_PREFIX) === 0) {
+			const resName = imagePath.slice(Utils.RESOURCE_PREFIX.length);
+			return SVGKImage.imageNamed(resName);
+		} else if (imagePath.indexOf("~/") === 0) {
+			const strPath = path.join(knownFolders.currentApp().path, imagePath.replace("~/", ""));
+			return SVGKImage.imageWithContentsOfFile(strPath);
+		} else if (imagePath.indexOf("/") === 0) return SVGKImage.imageWithContentsOfFile(imagePath);
+	}
+	return SVGKImage.imageWithSource(SVGKSourceString.sourceFromContentsOfString(imagePath));
+}
+var SVGView = class extends SVGView$1 {
+	constructor(..._args) {
+		super(..._args);
+		this.aspectRatio = 0;
+		this._imageSourceAffectsLayout = false;
+	}
+	createNativeView() {
+		const view = SVGKFastImageView.alloc().initWithFrame(CGRectZero);
+		view.backgroundColor = UIColor.clearColor;
+		view.opaque = false;
+		return view;
+	}
+	_setNativeClipToBounds() {
+		this.nativeViewProtected.clipsToBounds = true;
+	}
+	onMeasure(widthMeasureSpec, heightMeasureSpec) {
+		const svgImage = this.nativeViewProtected.image;
+		if (!svgImage) {
+			super.onMeasure(widthMeasureSpec, heightMeasureSpec);
+			return;
+		}
+		const width = Utils.layout.getMeasureSpecSize(widthMeasureSpec);
+		const widthMode = Utils.layout.getMeasureSpecMode(widthMeasureSpec);
+		const height = Utils.layout.getMeasureSpecSize(heightMeasureSpec);
+		const heightMode = Utils.layout.getMeasureSpecMode(heightMeasureSpec);
+		const imageSize = svgImage.size;
+		const finiteWidth = widthMode === Utils.layout.EXACTLY;
+		const finiteHeight = heightMode === Utils.layout.EXACTLY;
+		this._imageSourceAffectsLayout = !finiteWidth || !finiteHeight;
+		if (imageSize || this.aspectRatio > 0) {
+			const nativeWidth = imageSize ? Utils.layout.toDevicePixels(imageSize.width) : 0;
+			const nativeHeight = imageSize ? Utils.layout.toDevicePixels(imageSize.height) : 0;
+			const imgRatio = nativeWidth / nativeHeight;
+			const ratio = this.aspectRatio || imgRatio;
+			if (finiteWidth || finiteHeight) {
+				if (!finiteWidth) widthMeasureSpec = Utils.layout.makeMeasureSpec(height * ratio, Utils.layout.EXACTLY);
+				if (!finiteHeight) heightMeasureSpec = Utils.layout.makeMeasureSpec(width * ratio, Utils.layout.EXACTLY);
+			} else if (imgRatio > width / (height || 0xe8d4a51000)) {
+				const w = Math.min(nativeWidth, width);
+				widthMeasureSpec = Utils.layout.makeMeasureSpec(w, Utils.layout.EXACTLY);
+				heightMeasureSpec = Utils.layout.makeMeasureSpec(w / ratio, Utils.layout.EXACTLY);
+			} else {
+				const h = Math.min(nativeHeight, height);
+				heightMeasureSpec = Utils.layout.makeMeasureSpec(h, Utils.layout.EXACTLY);
+				widthMeasureSpec = Utils.layout.makeMeasureSpec(h * ratio, Utils.layout.EXACTLY);
+			}
+		}
+		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
+	}
+	async handleSrc(src) {
+		if (src instanceof Promise) {
+			try {
+				this.handleSrc(await src);
+			} catch (error) {
+				this.handleSrc(null);
+			}
+			return;
+		} else if (typeof src === "function") {
+			let newSrc = src();
+			if (newSrc instanceof Promise) try {
+				await newSrc;
+			} catch (error) {
+				newSrc = null;
+			}
+			this.handleSrc(newSrc);
+			return;
+		}
+		this.nativeViewProtected.image = getSVGKImage(src);
+		if (this._imageSourceAffectsLayout) {
+			this._imageSourceAffectsLayout = false;
+			this.requestLayout();
+		}
+	}
+	[srcProperty.setNative](value) {
+		this.handleSrc(value);
+	}
+	[stretchProperty.setNative](value) {
+		this.nativeViewProtected.contentMode = getUIImageScaleType(value);
+	}
+};
+//#endregion
+export { SVGView, getSVGKImage };

package/dist/native/virtual-list-layout.js

@@ -0,0 +1,146 @@
+function createVirtualListEntries(items, keyExtractor, getItemType) {
+	const seen = /* @__PURE__ */ new Set();
+	return items.map((item, index) => {
+		const key = keyExtractor(item, index);
+		const type = getItemType?.(item, index) ?? "default";
+		assertKey(key, "keyExtractor");
+		assertKey(type, "getItemType");
+		const keyToken = JSON.stringify([typeof key, key]);
+		if (seen.has(keyToken)) throw new Error(`VirtualList keyExtractor returned a duplicate key at index ${index}: ${String(key)}`);
+		seen.add(keyToken);
+		return {
+			item,
+			index,
+			key,
+			type,
+			typeKey: JSON.stringify([typeof type, type]),
+			rowKey: virtualListRowKey(key, type)
+		};
+	});
+}
+function virtualListMeasurementKey(rowKey, hasSeparator) {
+	return rowKey + (hasSeparator ? ":separator" : ":last");
+}
+function estimateVirtualListSizes(entries, hasSeparator, width, measurements) {
+	const totals = /* @__PURE__ */ new Map();
+	for (const entry of entries) {
+		const cacheKey = virtualListMeasurementKey(entry.rowKey, hasSeparator && entry.index < entries.length - 1);
+		const cached = measurements.get(cacheKey);
+		if (!cached) continue;
+		const total = totals.get(entry.typeKey) ?? {
+			height: 0,
+			count: 0
+		};
+		total.height += cached.height;
+		total.count++;
+		totals.set(entry.typeKey, total);
+	}
+	return entries.map((entry) => {
+		const cacheKey = virtualListMeasurementKey(entry.rowKey, hasSeparator && entry.index < entries.length - 1);
+		const cached = measurements.get(cacheKey);
+		if (cached && width > 0 && cached.width > 0 && Math.abs(cached.width - width) < .5) return cached.height;
+		const total = totals.get(entry.typeKey);
+		return total && total.count >= 4 ? total.height / total.count : 48;
+	});
+}
+/** Prefix-size index for variable-height rows. Updates and offset lookups are
+*  logarithmic, so measuring a row does not scan the whole data set. */
+var VirtualListSizeIndex = class {
+	constructor() {
+		this.sizes = /* @__PURE__ */ new Float64Array(0);
+		this.tree = /* @__PURE__ */ new Float64Array(1);
+	}
+	get length() {
+		return this.sizes.length;
+	}
+	get total() {
+		return this.prefix(this.length);
+	}
+	reset(sizes) {
+		this.sizes = Float64Array.from(sizes, normalizeSize);
+		this.tree = new Float64Array(this.sizes.length + 1);
+		for (let index = 1; index <= this.sizes.length; index++) {
+			this.tree[index] += this.sizes[index - 1];
+			const parent = index + (index & -index);
+			if (parent <= this.sizes.length) this.tree[parent] += this.tree[index];
+		}
+	}
+	get(index) {
+		return this.sizes[index] ?? 0;
+	}
+	set(index, size) {
+		if (index < 0 || index >= this.sizes.length) return 0;
+		const next = normalizeSize(size);
+		const delta = next - this.sizes[index];
+		if (delta === 0) return 0;
+		this.sizes[index] = next;
+		for (let node = index + 1; node < this.tree.length; node += node & -node) this.tree[node] += delta;
+		return delta;
+	}
+	/** Sum of the first `count` row heights. */
+	prefix(count) {
+		let node = Math.max(0, Math.min(this.sizes.length, Math.floor(count)));
+		let sum = 0;
+		while (node > 0) {
+			sum += this.tree[node];
+			node -= node & -node;
+		}
+		return sum;
+	}
+	/** Index of the row containing `offset`; exact row boundaries select the
+	*  row that starts at that boundary. */
+	indexAt(offset) {
+		if (this.sizes.length === 0) return 0;
+		const target = Math.max(0, Math.min(this.total, Number.isFinite(offset) ? offset : 0));
+		let index = 0;
+		let sum = 0;
+		let bit = 1;
+		while (bit * 2 <= this.sizes.length) bit *= 2;
+		for (; bit > 0; bit = Math.floor(bit / 2)) {
+			const next = index + bit;
+			if (next <= this.sizes.length && sum + this.tree[next] <= target) {
+				index = next;
+				sum += this.tree[next];
+			}
+		}
+		return Math.min(index, this.sizes.length - 1);
+	}
+};
+function virtualListRange(sizes, scrollOffset, viewportSize, overscanSize = viewportSize) {
+	if (sizes.length === 0) return {
+		start: 0,
+		end: 0,
+		top: 0,
+		bottom: 0
+	};
+	const offset = Math.max(0, Number.isFinite(scrollOffset) ? scrollOffset : 0);
+	const viewport = Math.max(0, Number.isFinite(viewportSize) ? viewportSize : 0);
+	const overscan = Math.max(0, Number.isFinite(overscanSize) ? overscanSize : 0);
+	const start = sizes.indexAt(Math.max(0, offset - overscan));
+	const end = Math.min(sizes.length, Math.max(start + 1, sizes.indexAt(offset + viewport + overscan) + 1));
+	return {
+		start,
+		end,
+		top: sizes.prefix(start),
+		bottom: Math.max(0, sizes.total - sizes.prefix(end))
+	};
+}
+/** Renderer keys include the item type so changing a key's type remounts its
+*  row instead of carrying component state into an incompatible template. */
+function virtualListRowKey(key, type) {
+	return JSON.stringify([
+		typeof key,
+		key,
+		typeof type,
+		type
+	]);
+}
+function assertKey(value, name) {
+	if (typeof value !== "string" && typeof value !== "number" || typeof value === "number" && !Number.isFinite(value)) throw new Error(`VirtualList ${name} must return a finite number or string`);
+}
+function normalizeSize(size) {
+	if (!Number.isFinite(size)) return .01;
+	return Math.max(.01, size);
+}
+//#endregion
+export { VirtualListSizeIndex, createVirtualListEntries, estimateVirtualListSizes, virtualListMeasurementKey, virtualListRange, virtualListRowKey };

package/dist/native/{ui44.js → windows.js}

@@ -1,5 +1,5 @@
 import { Application } from "@nativescript/core";
-//#region src/windows.native.ts
+//#region src/windows.ts
 /** Open another NativeScript window and pass app-owned data to its resolver. */
 function openWindow(options = {}) {
 	Application.openWindow(options);

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 };