@octane-xplat/ui 0.3.0 → 0.5.0

package/dist/native/ui59.js

@@ -0,0 +1,33 @@
+import { cx } from "./ui2.js";
+import { applyNativeProps } from "./ui36.js";
+import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
+import { AccessibilityRole } from "@nativescript/core";
+//#region src/Heading.native.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "label",
+	"bindings": [
+		["id", 0],
+		["className", 1],
+		["style", 2],
+		["accessibilityRole", 3],
+		["ref", 4]
+	],
+	"children": [{
+		"kind": "slot",
+		"slot": 5
+	}]
+});
+var Heading = defineUniversalComponent("nativescript", function Heading(props) {
+	const level = props.level ?? 2;
+	return universalValue(__octaneUniversalPlan0, [
+		props.id,
+		cx(`vx-h${level}`, props.className),
+		props.style,
+		AccessibilityRole.Header,
+		(el) => applyNativeProps(el, props),
+		props.children
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { Heading };

package/dist/native/ui6.js

@@ -1,8 +1,13 @@
 import { cx } from "./ui2.js";
 import { applyEscapeProps } from "./ui3.js";
-import { layoutChildProps } from "./ui4.js";
-import { defineUniversalComponent, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
-//#region src/Row.native.tsrx
+import { glassClassOf, glassConfigOf } from "./ui4.js";
+import { layoutChildProps } from "./ui5.js";
+import { defineUniversalComponent, hookSlots, universalPlan, universalProps, universalValue, useCallback, useRef } from "@nativescript-community/octane";
+import { Utils } from "@nativescript/core";
+//#region src/View.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": "flexboxlayout",
@@ -12,30 +17,110 @@ var __octaneUniversalPlan0 = universalPlan("nativescript", {
 		"slot": 1
 	}]
 });
-var Row = defineUniversalComponent("nativescript", function Row(props) {
+var PAN_STATE = [
+	"cancelled",
+	"began",
+	"moved",
+	"ended"
+];
+function panVelocity(e, state, trackerRef) {
+	const recognizer = e.ios;
+	const nativeView = e.view?.nativeViewProtected;
+	if (recognizer?.velocityInView && nativeView) {
+		const velocity = recognizer.velocityInView(nativeView);
+		return {
+			vx: velocity.x,
+			vy: velocity.y
+		};
+	}
+	const motionEvent = e.android?.current;
+	const velocityTrackerClass = globalThis.android?.view?.VelocityTracker;
+	if (!motionEvent || !velocityTrackerClass) return {
+		vx: 0,
+		vy: 0
+	};
+	if (state === 1 || !trackerRef.current) {
+		trackerRef.current?.recycle?.();
+		trackerRef.current = velocityTrackerClass.obtain();
+	}
+	const tracker = trackerRef.current;
+	tracker.addMovement(motionEvent);
+	tracker.computeCurrentVelocity(1e3);
+	const density = Utils.layout.getDisplayDensity();
+	const velocity = {
+		vx: tracker.getXVelocity() / density,
+		vy: tracker.getYVelocity() / density
+	};
+	if (state === 0 || state === 3) {
+		tracker.recycle?.();
+		trackerRef.current = null;
+	}
+	return velocity;
+}
+var View = defineUniversalComponent("nativescript", function View(props) {
+	const velocityTracker = useRef(null, _h$0);
+	const onPan = useCallback((e) => {
+		const state = PAN_STATE[e.state] ?? "moved";
+		const velocity = panVelocity(e, e.state, velocityTracker);
+		props.onPan?.({
+			x: e.deltaX,
+			y: e.deltaY,
+			dx: e.deltaX,
+			dy: e.deltaY,
+			vx: velocity.vx,
+			vy: velocity.vy,
+			state,
+			target: e.view ?? e.object
+		});
+	}, [props.onPan], _h$1);
 	return universalValue(__octaneUniversalPlan0, [universalProps([
+		[
+			"set",
+			"id",
+			props.id
+		],
+		["spread", layoutChildProps(props)],
 		[
 			"set",
 			"ref",
-			(v) => applyEscapeProps(v, props)
+			(v) => {
+				if (v) {
+					applyEscapeProps(v, props);
+					props.bind?.(v);
+				}
+			}
 		],
 		[
 			"set",
 			"flexDirection",
-			"row"
+			"column"
 		],
 		[
 			"set",
 			"className",
-			cx(props.className)
+			cx(glassClassOf(props.glass), props.className)
 		],
 		[
 			"set",
 			"style",
 			props.style
 		],
-		["spread", layoutChildProps(props)]
+		[
+			"set",
+			"iosGlassEffect",
+			glassConfigOf(props.glass)
+		],
+		[
+			"set",
+			"onPan",
+			props.onPan ? onPan : void 0
+		],
+		[
+			"set",
+			"onSwipe",
+			props.onSwipe
+		]
 	]), props.children]);
 }, { "module": "@nativescript-community/octane" });
 //#endregion
-export { Row };
+export { View };

package/dist/native/ui60.js

@@ -0,0 +1,14 @@
+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/ui61.js

@@ -0,0 +1,22 @@
+//#region src/store.ts
+function createStore(initial) {
+	let value = initial;
+	const listeners = /* @__PURE__ */ new Set();
+	return {
+		get: () => value,
+		set(next) {
+			const v = typeof next === "function" ? next(value) : next;
+			if (Object.is(v, value)) return;
+			value = v;
+			for (const l of [...listeners]) l();
+		},
+		subscribe(notify) {
+			listeners.add(notify);
+			return () => {
+				listeners.delete(notify);
+			};
+		}
+	};
+}
+//#endregion
+export { createStore };

package/dist/native/ui62.js

@@ -0,0 +1,8 @@
+import { hookSlots, useSyncExternalStore } from "@nativescript-community/octane";
+//#region src/use-store.native.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);
+}
+//#endregion
+export { useStore };

package/dist/native/ui63.js

@@ -0,0 +1,108 @@
+import { cx } from "./ui2.js";
+import { applyThemeClasses } from "./ui31.js";
+import { rootLayoutFor } from "./ui34.js";
+import { createNativeScriptRoot, defineUniversalComponent, hookSlots, universalPlan, universalValue, useEffect, useRef } from "@nativescript-community/octane";
+import { GridLayout, isAndroid, isIOS } from "@nativescript/core";
+//#region src/Sheet.native.tsrx
+var _hs$ = /* @__PURE__ */ hookSlots(3);
+var _h$0 = /* @__PURE__ */ Symbol(_hs$);
+var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
+var _h$2 = /* @__PURE__ */ Symbol(_hs$ + 2);
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "range",
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}]
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "stacklayout",
+	"bindings": [["ref", 0], ["style", 1]]
+});
+var SheetBody = defineUniversalComponent("nativescript", function SheetBody(props) {
+	return universalValue(__octaneUniversalPlan0, [props.children]);
+}, { "module": "@nativescript-community/octane" });
+var Sheet = defineUniversalComponent("nativescript", function Sheet(props) {
+	const sentinel = useRef(null, _h$0);
+	const shown = useRef(null, _h$1);
+	useEffect(() => {
+		const cur = shown.current;
+		if (!props.open) {
+			if (!cur) return;
+			shown.current = null;
+			cur.programmatic = true;
+			cur.unbindTheme?.();
+			cur.root.unmount?.();
+			const owner = cur.host.parent;
+			if (owner?.hasChild?.(cur.host)) owner.close(cur.host).catch((error) => {
+				console.error("[Sheet] close failed", error);
+			});
+			return;
+		}
+		const rl = rootLayoutFor(sentinel.current);
+		if (!rl) return;
+		if (cur) {
+			cur.root.render(SheetBody, { children: props.children });
+			return;
+		}
+		const host = new GridLayout();
+		const unbindTheme = applyThemeClasses(host, cx("vx-sheet-host", props.className));
+		host.horizontalAlignment = "stretch";
+		host.verticalAlignment = "bottom";
+		if (props.style) Object.assign(host.style, props.style);
+		Object.assign(host, isIOS ? props.ios : isAndroid ? props.android : void 0);
+		const root = createNativeScriptRoot(host);
+		const opened = {
+			host,
+			root,
+			unbindTheme,
+			programmatic: false
+		};
+		shown.current = opened;
+		root.render(SheetBody, { children: props.children });
+		host.on("closed", () => {
+			if (shown.current === opened) shown.current = null;
+			opened.unbindTheme?.();
+			opened.root.unmount?.();
+			if (!opened.programmatic) props.onDismiss?.();
+		});
+		rl.open(host, {
+			...props.shadeCover ?? true ? { shadeCover: {
+				opacity: .4,
+				tapToClose: true
+			} } : {},
+			animation: {
+				enterFrom: {
+					translateY: 400,
+					duration: 250
+				},
+				exitTo: {
+					translateY: 400,
+					duration: 200
+				}
+			}
+		}).catch((error) => {
+			if (shown.current === opened) shown.current = null;
+			opened.unbindTheme?.();
+			opened.root.unmount?.();
+			console.error("[Sheet] open failed", error);
+		});
+	}, [
+		props.open,
+		props.children,
+		props.className,
+		props.style,
+		props.shadeCover,
+		props.ios,
+		props.android
+	], _h$2);
+	return universalValue(__octaneUniversalPlan1, [(v) => {
+		sentinel.current = v;
+	}, {
+		width: 0,
+		height: 0
+	}]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { Sheet };

package/dist/native/ui64.js

@@ -0,0 +1,76 @@
+import { applyThemeClasses } from "./ui31.js";
+import { topRootLayout } from "./ui34.js";
+import { createNativeScriptRoot } from "@nativescript-community/octane";
+import { GridLayout } from "@nativescript/core";
+//#region src/sheet-service.native.ts
+var active = /* @__PURE__ */ new Set();
+/** The most recently opened sheet's host view — for harness asserts (view
+*  identity beats tree search; the owning rootlayout may unload/reload). */
+function sheetHost() {
+	return [...active].pop()?.host ?? null;
+}
+/** Close the most recently opened sheet (resolve with `result`). */
+function closeSheet(result) {
+	[...active].pop()?.finish(result);
+}
+/** Imperative in-window sheet: a dedicated Octane root on a bottom-docked
+*  GridLayout host opened on the CURRENT rootlayout (topRootLayout — the
+*  service has no declaring view). Resolves when the sheet closes. */
+var openSheet = (Component, params, options = {}) => new Promise((resolve) => {
+	const rl = topRootLayout();
+	if (!rl) {
+		console.warn("[openSheet] no RootLayout mounted — sheet skipped");
+		resolve(void 0);
+		return;
+	}
+	const host = new GridLayout();
+	const unbindTheme = applyThemeClasses(host, "vx-sheet-host");
+	host.horizontalAlignment = "stretch";
+	host.verticalAlignment = "bottom";
+	const root = createNativeScriptRoot(host);
+	let finished = false;
+	const finish = (result) => {
+		if (finished) return;
+		finished = true;
+		active.delete(entry);
+		unbindTheme();
+		root.unmount?.();
+		const owner = host.parent;
+		if (owner?.hasChild?.(host)) owner.close(host).catch((error) => {
+			console.error("[openSheet] close failed", error);
+		});
+		resolve(result);
+	};
+	const entry = {
+		host,
+		root,
+		finish
+	};
+	host.on("closed", () => finish());
+	root.render(Component, {
+		params,
+		close: finish
+	});
+	active.add(entry);
+	rl.open(host, {
+		...options.shadeCover ?? true ? { shadeCover: {
+			opacity: .4,
+			tapToClose: true
+		} } : {},
+		animation: {
+			enterFrom: {
+				translateY: 400,
+				duration: 250
+			},
+			exitTo: {
+				translateY: 400,
+				duration: 200
+			}
+		}
+	}).catch((error) => {
+		console.error("[openSheet] open failed", error);
+		finish();
+	});
+});
+//#endregion
+export { closeSheet, openSheet, sheetHost };

package/dist/native/ui7.js

@@ -1,36 +1,52 @@
 import { cx } from "./ui2.js";
 import { applyEscapeProps } from "./ui3.js";
-import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
-//#region src/Grid.native.tsrx
+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": "gridlayout",
-	"bindings": [
-		["ref", 0],
-		["rows", 1],
-		["columns", 2],
-		["className", 3],
-		["style", 4]
-	],
+	"type": "flexboxlayout",
+	"propsSlot": 0,
 	"children": [{
 		"kind": "slot",
-		"slot": 5
+		"slot": 1
 	}]
 });
-var warnedAboutGap = false;
-var Grid = defineUniversalComponent("nativescript", function Grid(props) {
-	if (props.gap != null && !warnedAboutGap) {
-		warnedAboutGap = true;
-		console.warn("[Grid] gap is not supported; use child margins instead.");
-	}
-	return universalValue(__octaneUniversalPlan0, [
-		(view) => applyEscapeProps(view, props),
-		props.rows,
-		props.columns,
-		cx("vx-grid", props.className),
-		props.style,
-		props.children
-	]);
+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 { Grid };
+export { Row };

package/dist/native/ui8.js

@@ -1,31 +1,41 @@
 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
+//#region src/Grid.native.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
 	"type": "gridlayout",
-	"props": {
-		"rows": "*",
-		"columns": "*"
-	},
 	"bindings": [
-		["ref", 0],
-		["className", 1],
-		["style", 2]
+		["id", 0],
+		["ref", 1],
+		["rows", 2],
+		["columns", 3],
+		["className", 4],
+		["style", 5],
+		["iosGlassEffect", 6]
 	],
 	"children": [{
 		"kind": "slot",
-		"slot": 3
+		"slot": 7
 	}]
 });
-var Stack = defineUniversalComponent("nativescript", function Stack(props) {
+var warnedAboutGap = false;
+var Grid = defineUniversalComponent("nativescript", function Grid(props) {
+	if (props.gap != null && !warnedAboutGap) {
+		warnedAboutGap = true;
+		console.warn("[Grid] gap is not supported; use child margins instead.");
+	}
 	return universalValue(__octaneUniversalPlan0, [
+		props.id,
 		(view) => applyEscapeProps(view, props),
-		cx("vx-stack", props.className),
+		props.rows,
+		props.columns,
+		cx("vx-grid", glassClassOf(props.glass), props.className),
 		props.style,
+		glassConfigOf(props.glass),
 		props.children
 	]);
 }, { "module": "@nativescript-community/octane" });
 //#endregion
-export { Stack };
+export { Grid };

package/dist/native/ui9.js

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

package/dist/web/octane-client-build.json

@@ -1,6 +1,6 @@
 {
   "version": 1,
-  "buildId": "a3c5ef68-e48b-4d5d-845b-09c8b7ac9b67",
+  "buildId": "bc136ba4-ca23-4dbc-99a2-c7175a4714db",
   "mode": "production",
   "capabilities": {
     "independentHydration": false