@octane-xplat/ui 0.5.0 → 0.7.0

package/dist/native/ui4.js

@@ -1,24 +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";
-}
-//#endregion
-export { glassClassOf, glassConfigOf };

package/dist/native/ui46.js

@@ -1,267 +0,0 @@
-import { cx } from "./ui2.js";
-import { Text } from "./ui14.js";
-import { Pressable } from "./ui16.js";
-import { registerStack } from "./ui18.js";
-import { RouteHost } from "./ui20.js";
-import { layoutsForRoute, screenFor, useRoute } from "./ui21.js";
-import { createNativeScriptRoot, defineUniversalComponent, hookSlots, memo, universalChildren, universalComponent, universalFor, universalIf, universalPlan, universalProps, universalValue, useState, withSlot } from "@nativescript-community/octane";
-import { Application, Frame, GridLayout, Page, TabViewItem } from "@nativescript/core";
-//#region src/Tabs.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": "range",
-	"children": [{
-		"kind": "slot",
-		"slot": 0
-	}]
-});
-var __octaneUniversalPlan1 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "tabview",
-	"bindings": [
-		["id", 0],
-		["className", 1],
-		["style", 2],
-		["items", 3],
-		["selectedIndex", 4],
-		["onSelectedIndexChanged", 5],
-		["onLoaded", 6]
-	]
-});
-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": "range",
-	"children": [{
-		"kind": "slot",
-		"slot": 0
-	}]
-});
-var __octaneUniversalPlan6 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "gridlayout",
-	"props": { "rows": "auto,*" },
-	"bindings": [
-		["id", 0],
-		["className", 1],
-		["style", 2]
-	],
-	"children": [{
-		"kind": "host",
-		"type": "gridlayout",
-		"props": {
-			"row": 0,
-			"className": "vx-tabbar"
-		},
-		"bindings": [["columns", 3]],
-		"children": [{
-			"kind": "slot",
-			"slot": 4
-		}]
-	}, {
-		"kind": "host",
-		"type": "gridlayout",
-		"props": { "row": 1 },
-		"bindings": [["className", 5]],
-		"children": [{
-			"kind": "slot",
-			"slot": 6
-		}]
-	}]
-});
-var __octaneUniversalPlan7 = universalPlan("nativescript", {
-	"kind": "slot",
-	"slot": 0
-});
-var __octaneUniversalPlan8 = universalPlan("nativescript", {
-	"kind": "slot",
-	"slot": 0
-});
-var __octaneUniversalPlan9 = universalPlan("nativescript", {
-	"kind": "slot",
-	"slot": 0
-});
-var TabPane = defineUniversalComponent("nativescript", function TabPane(props) {
-	return universalValue(__octaneUniversalPlan0, [props.render()]);
-}, { "module": "@nativescript-community/octane" });
-var paneRoots = /* @__PURE__ */ new WeakMap();
-var tabsByView = /* @__PURE__ */ new WeakMap();
-var itemsCache = /* @__PURE__ */ new WeakMap();
-function itemsFor(tabs) {
-	let items = itemsCache.get(tabs);
-	if (items !== void 0) return items;
-	items = tabs.map((t) => {
-		const item = new TabViewItem();
-		item.title = t.title;
-		if (t.stack) {
-			const frame = new Frame();
-			frame.once("loaded", () => {
-				frame.navigate({ create: () => {
-					const page = new Page();
-					page.actionBarHidden = true;
-					const pane = new GridLayout();
-					page.content = pane;
-					createNativeScriptRoot(pane).render(TabPane, { render: t.render });
-					return page;
-				} });
-			});
-			registerStack(t.stack, frame);
-			item.view = frame;
-			return item;
-		}
-		const cv = new GridLayout();
-		tabsByView.set(cv, t.render);
-		item.view = cv;
-		return item;
-	});
-	itemsCache.set(tabs, items);
-	return items;
-}
-function mountPanes(e) {
-	const tv = e.object;
-	for (const item of tv.items) {
-		const cv = item.view;
-		if (!(cv instanceof GridLayout) || paneRoots.has(cv)) continue;
-		const render = tabsByView.get(cv);
-		if (!render) continue;
-		const root = createNativeScriptRoot(cv);
-		paneRoots.set(cv, root);
-		root.render(TabPane, { render });
-	}
-	console.log("[probe] tabs mounted panes=" + tv.items.length);
-}
-var TabsInner = defineUniversalComponent("nativescript", function TabsInner(props) {
-	return universalValue(__octaneUniversalPlan1, [
-		props.id,
-		cx(props.className),
-		props.style,
-		itemsFor(props.tabs),
-		props.selectedIndex,
-		(e) => props.onSelectedIndexChanged?.(e.value),
-		mountPanes
-	]);
-}, { "module": "@nativescript-community/octane" });
-var MemoTabs = memo(TabsInner, (a, b) => a.tabs === b.tabs && a.selectedIndex === b.selectedIndex);
-function screenParams(route) {
-	const params = {
-		...route.params,
-		...route.context ?? {},
-		_stack: route.stack,
-		_pushed: true
-	};
-	if (Object.prototype.hasOwnProperty.call(route, "loaderData")) params.data = route.loaderData;
-	if (Object.prototype.hasOwnProperty.call(route, "loaderError")) params.error = route.loaderError;
-	return params;
-}
-var SwapTabs = defineUniversalComponent("nativescript", function SwapTabs(props) {
-	const [internal, setInternal] = useState(0, _h$0);
-	const active = props.selectedIndex ?? internal;
-	const tab = props.tabs[active];
-	const route = withSlot(_h$1, useRoute, tab?.stack ?? "");
-	const Screen = route ? screenFor(route.name) : void 0;
-	const columns = props.tabs.map(() => "*").join(",");
-	return universalValue(__octaneUniversalPlan6, [
-		props.id,
-		cx(props.className),
-		props.style,
-		columns,
-		universalFor(props.tabs, (t, i) => t.title, (t, i) => {
-			return universalValue(__octaneUniversalPlan3, [universalComponent("nativescript", Pressable, universalProps([
-				[
-					"set",
-					"col",
-					i
-				],
-				[
-					"set",
-					"className",
-					cx("vx-tab", active === i ? "active" : "")
-				],
-				[
-					"set",
-					"onPress",
-					() => {
-						setInternal(i);
-						props.onSelectedIndexChanged?.(i);
-					}
-				]
-			], universalChildren("nativescript", () => {
-				return universalValue(__octaneUniversalPlan2, [universalComponent("nativescript", Text, universalProps([], t.title))]);
-			})))]);
-		}),
-		cx("vx-tabpane", route?.presentation === "fade" ? "vx-route--fade" : ""),
-		universalIf(route && Screen, () => {
-			return universalValue(__octaneUniversalPlan4, [universalComponent("nativescript", RouteHost, universalProps([
-				[
-					"set",
-					"screen",
-					Screen
-				],
-				[
-					"set",
-					"layouts",
-					layoutsForRoute(route.name)
-				],
-				[
-					"set",
-					"params",
-					screenParams(route)
-				]
-			]))]);
-		}, () => {
-			return universalValue(__octaneUniversalPlan5, [tab?.render()]);
-		})
-	]);
-}, { "module": "@nativescript-community/octane" });
-var Tabs = defineUniversalComponent("nativescript", function Tabs(props) {
-	return universalValue(__octaneUniversalPlan9, [universalIf(Application.android, () => {
-		return universalValue(__octaneUniversalPlan7, [universalComponent("nativescript", SwapTabs, universalProps([["spread", props]]))]);
-	}, () => {
-		return universalValue(__octaneUniversalPlan8, [universalComponent("nativescript", MemoTabs, universalProps([
-			[
-				"set",
-				"id",
-				props.id
-			],
-			[
-				"set",
-				"className",
-				props.className
-			],
-			[
-				"set",
-				"style",
-				props.style
-			],
-			[
-				"set",
-				"tabs",
-				props.tabs
-			],
-			[
-				"set",
-				"selectedIndex",
-				props.selectedIndex
-			],
-			[
-				"set",
-				"onSelectedIndexChanged",
-				props.onSelectedIndexChanged
-			]
-		]))]);
-	})]);
-}, { "module": "@nativescript-community/octane" });
-//#endregion
-export { Tabs };

package/dist/native/ui48.js

@@ -1,35 +0,0 @@
-import { hookSlots, useEffect, useState } from "@nativescript-community/octane";
-import { Application } from "@nativescript/core";
-//#region src/safeAreaInsets.native.tsrx
-var _hs$ = /* @__PURE__ */ hookSlots(2);
-var _h$0 = /* @__PURE__ */ Symbol(_hs$);
-var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
-function measure() {
-	const insets = (Application.ios?.rootController?.view)?.safeAreaInsets;
-	if (insets) return {
-		top: insets.top,
-		right: insets.right,
-		bottom: insets.bottom,
-		left: insets.left
-	};
-	return {
-		top: 0,
-		right: 0,
-		bottom: 0,
-		left: 0
-	};
-}
-function useSafeAreaInsets() {
-	const [insets, setInsets] = useState(measure, _h$0);
-	useEffect(() => {
-		const update = () => setInsets(measure());
-		Application.on(Application.orientationChangedEvent, update);
-		update();
-		return () => {
-			Application.off(Application.orientationChangedEvent, update);
-		};
-	}, [], _h$1);
-	return insets;
-}
-//#endregion
-export { useSafeAreaInsets };

package/dist/native/ui55.js

@@ -1,92 +0,0 @@
-import { cx } from "./ui2.js";
-import { meterRange } from "./ui54.js";
-import { defineUniversalComponent, hookSlots, registerElement, universalPlan, universalValue, useEffect, useRef } from "@nativescript-community/octane";
-import { AccessibilityRole } from "@nativescript/core";
-import { CanvasView, Cap, Paint, Style } from "@nativescript-community/ui-canvas";
-//#region src/Meter.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": "host",
-	"type": "canvasview",
-	"props": { "accessible": true },
-	"bindings": [
-		["id", 0],
-		["ref", 1],
-		["className", 2],
-		["style", 3],
-		["onDraw", 4],
-		["accessibilityRole", 5],
-		["accessibilityLabel", 6],
-		["accessibilityValue", 7]
-	],
-	"children": [{
-		"kind": "host",
-		"type": "gridlayout",
-		"props": {
-			"horizontalAlignment": "center",
-			"verticalAlignment": "middle"
-		},
-		"children": [{
-			"kind": "slot",
-			"slot": 8
-		}]
-	}]
-});
-registerElement("canvasview", CanvasView);
-var Meter = defineUniversalComponent("nativescript", function Meter(props) {
-	const max = props.max ?? 100;
-	const { max: rangeMax, value, ratio } = meterRange(props.value, max);
-	const size = props.size ?? 24;
-	const strokeWidth = Math.max(0, Math.min(props.strokeWidth ?? 3, size));
-	const color = props.color ?? "#3376cc";
-	const trackColor = props.trackColor ?? "#e1ecf7";
-	const canvasRef = useRef(null, _h$0);
-	useEffect(() => {
-		canvasRef.current?.invalidate();
-	}, [
-		value,
-		rangeMax,
-		strokeWidth,
-		color,
-		trackColor
-	], _h$1);
-	const draw = (event) => {
-		const canvas = event.canvas;
-		const width = canvas.getWidth();
-		const height = canvas.getHeight();
-		const diameter = Math.max(0, Math.min(width, height) - strokeWidth);
-		const left = (width - diameter) / 2;
-		const top = (height - diameter) / 2;
-		const right = left + diameter;
-		const bottom = top + diameter;
-		const paint = new Paint();
-		paint.style = Style.STROKE;
-		paint.strokeCap = Cap.ROUND;
-		paint.strokeWidth = strokeWidth;
-		paint.setColor(trackColor);
-		canvas.drawArc(left, top, right, bottom, -90, 360, false, paint);
-		if (ratio > 0) {
-			paint.setColor(color);
-			canvas.drawArc(left, top, right, bottom, -90, ratio * 360, false, paint);
-		}
-	};
-	return universalValue(__octaneUniversalPlan0, [
-		props.id,
-		canvasRef,
-		cx("vx-meter", props.className),
-		{
-			width: size,
-			height: size,
-			...props.style
-		},
-		draw,
-		AccessibilityRole.ProgressBar,
-		props.accessibilityLabel,
-		`${value} of ${rangeMax}`,
-		props.children
-	]);
-}, { "module": "@nativescript-community/octane" });
-//#endregion
-export { Meter };

package/dist/native/ui57.js

@@ -1,19 +0,0 @@
-//#region src/icons.ts
-/**
-* App-owned icon registry. `svg` is SVG path `d` data (not a full SVG
-* markup string). `src` can carry an image or an SVG source; the leaves only
-* infer SVG from inline markup, SVG data URIs, and `.svg` paths/URLs. Native
-* `font` glyphs render only when the app ships and registers that font.
-*/
-var icons = /* @__PURE__ */ new Map();
-function registerIcon(name, glyph) {
-	icons.set(name, glyph);
-}
-function registerIcons(record) {
-	for (const [name, glyph] of Object.entries(record)) icons.set(name, glyph);
-}
-function getIcon(name) {
-	return icons.get(name);
-}
-//#endregion
-export { getIcon, registerIcon, registerIcons };

package/dist/native/ui60.js

@@ -1,14 +0,0 @@
-import { cx } from "./ui2.js";
-import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
-//#region src/PlatformBadge.native.tsrx
-var __octaneUniversalPlan0 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "label",
-	"props": { "text": "ios|android" },
-	"bindings": [["className", 0]]
-});
-var PlatformBadge = defineUniversalComponent("nativescript", function PlatformBadge(props) {
-	return universalValue(__octaneUniversalPlan0, [cx(props.className)]);
-}, { "module": "@nativescript-community/octane" });
-//#endregion
-export { PlatformBadge };

package/dist/native/ui7.js

@@ -1,52 +0,0 @@
-import { cx } from "./ui2.js";
-import { applyEscapeProps } from "./ui3.js";
-import { glassClassOf, glassConfigOf } from "./ui4.js";
-import { layoutChildProps } from "./ui5.js";
-import { defineUniversalComponent, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
-//#region src/Row.native.tsrx
-var __octaneUniversalPlan0 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "flexboxlayout",
-	"propsSlot": 0,
-	"children": [{
-		"kind": "slot",
-		"slot": 1
-	}]
-});
-var Row = defineUniversalComponent("nativescript", function Row(props) {
-	return universalValue(__octaneUniversalPlan0, [universalProps([
-		[
-			"set",
-			"id",
-			props.id
-		],
-		[
-			"set",
-			"ref",
-			(v) => applyEscapeProps(v, props)
-		],
-		[
-			"set",
-			"flexDirection",
-			"row"
-		],
-		[
-			"set",
-			"iosGlassEffect",
-			glassConfigOf(props.glass)
-		],
-		[
-			"set",
-			"className",
-			cx(glassClassOf(props.glass), props.className)
-		],
-		[
-			"set",
-			"style",
-			props.style
-		],
-		["spread", layoutChildProps(props)]
-	]), props.children]);
-}, { "module": "@nativescript-community/octane" });
-//#endregion
-export { Row };

package/dist/native/ui9.js

@@ -1,36 +0,0 @@
-import { cx } from "./ui2.js";
-import { applyEscapeProps } from "./ui3.js";
-import { glassClassOf, glassConfigOf } from "./ui4.js";
-import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
-//#region src/Stack.native.tsrx
-var __octaneUniversalPlan0 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "gridlayout",
-	"props": {
-		"rows": "*",
-		"columns": "*"
-	},
-	"bindings": [
-		["id", 0],
-		["ref", 1],
-		["iosGlassEffect", 2],
-		["className", 3],
-		["style", 4]
-	],
-	"children": [{
-		"kind": "slot",
-		"slot": 5
-	}]
-});
-var Stack = defineUniversalComponent("nativescript", function Stack(props) {
-	return universalValue(__octaneUniversalPlan0, [
-		props.id,
-		(view) => applyEscapeProps(view, props),
-		glassConfigOf(props.glass),
-		cx("vx-stack", glassClassOf(props.glass), props.className),
-		props.style,
-		props.children
-	]);
-}, { "module": "@nativescript-community/octane" });
-//#endregion
-export { Stack };

package/dist/web/ui10.js

@@ -1,46 +0,0 @@
-import { applyEscapeProps } from "./ui2.js";
-import { glassClassOf, glassStyleOf } from "./ui3.js";
-import { __s, bag7, clone, queueRefAttach, queueRefDetach, setStyle, template } from "octane";
-import { bindSignalAttribute, bindSignalChild, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
-//#region src/LiquidGlass.web.tsrx
-enableSignalBindings(1, true);
-var _t$0 = /* @__PURE__ */ template("<div></div>");
-var _rm$1 = [
-	"r",
-	"e",
-	"b"
-];
-var LiquidGlass = /* @__PURE__ */ __s(function LiquidGlass(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 = bag7(__s, _root, void 0, _m1, void 0, void 0, _m4, 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:3b4a2648", setPlainAttribute);
-	_b.c = updateFreshClassName([
-		"vx-stack",
-		glassClassOf({ variant: props.variant ?? "regular" }),
-		props.className
-	], _b.c, _b.b);
-	{
-		const _v = {
-			...glassStyleOf({ tint: props.tint }),
-			...props.style
-		};
-		if (_b.d !== _v) {
-			setStyle(_b.b, _v, _b.d);
-			_b.d = _v;
-		}
-	}
-	_b.h = bindSignalChild(__s, _b.h, 1, _b.b, props.children, "b:9211318a", null, void 0, void 0, void 0, true);
-});
-//#endregion
-export { LiquidGlass };

package/dist/web/ui11.js

@@ -1,42 +0,0 @@
-import { applyEscapeProps } from "./ui2.js";
-import { __s, bag7, clone, queueRefAttach, queueRefDetach, setStyle, template } from "octane";
-import { bindSignalAttribute, bindSignalChild, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
-//#region src/LiquidGlassContainer.web.tsrx
-enableSignalBindings(1, true);
-var _t$0 = /* @__PURE__ */ template("<div></div>");
-var _rm$1 = [
-	"r",
-	"e",
-	"b"
-];
-var LiquidGlassContainer = /* @__PURE__ */ __s(function LiquidGlassContainer(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 = bag7(__s, _root, void 0, _m1, void 0, void 0, _m4, 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:46ee8524", setPlainAttribute);
-	_b.c = updateFreshClassName([
-		"vx-absolute",
-		"vx-glass-container",
-		props.className
-	], _b.c, _b.b);
-	{
-		const _v = props.style;
-		if (_b.d !== _v) {
-			setStyle(_b.b, _v, _b.d);
-			_b.d = _v;
-		}
-	}
-	_b.h = bindSignalChild(__s, _b.h, 1, _b.b, props.children, "b:295618e2", null, void 0, void 0, void 0, true);
-});
-//#endregion
-export { LiquidGlassContainer };