@octane-xplat/ui 0.4.0 → 0.5.0

package/dist/native/ui42.js

@@ -1,8 +1,17 @@
-import { Application } from "@nativescript/core";
-//#region src/windows.native.ts
-/** Open another NativeScript window and pass app-owned data to its resolver. */
-function openWindow(options = {}) {
-	Application.openWindow(options);
+import { getThemeScheme, onThemeSchemeChange } from "./ui31.js";
+import { Application, Utils } from "@nativescript/core";
+//#region src/theme/status-bar-scheme.native.ts
+function applyStatusBarScheme() {
+	if (Application.android) {
+		Utils.setDarkModeHandler?.({ handler: () => getThemeScheme() === "dark" });
+		return;
+	}
+	const style = getThemeScheme() === "dark" ? "light" : "dark";
+	const root = Application.getRootView();
+	if (root) root.statusBarStyle = style;
+	if (Application.ios) Application.ios.nativeApp?.setStatusBarStyle?.(style === "light" ? 1 : 0);
 }
+onThemeSchemeChange(applyStatusBarScheme);
+Application.on("displayed", applyStatusBarScheme);
+applyStatusBarScheme();
 //#endregion
-export { openWindow };

package/dist/native/ui43.js

@@ -1,38 +1,19 @@
-import { cx } from "./ui2.js";
-import { applyEscapeProps } from "./ui3.js";
-import { registerRootLayout, unregisterRootLayout } from "./ui34.js";
-import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
-//#region src/Screen.native.tsrx
-var __octaneUniversalPlan0 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "rootlayout",
-	"bindings": [
-		["id", 0],
-		["ref", 1],
-		["onLoaded", 2],
-		["onUnloaded", 3]
-	],
-	"children": [{
-		"kind": "host",
-		"type": "flexboxlayout",
-		"props": { "flexDirection": "column" },
-		"bindings": [["className", 4], ["style", 5]],
-		"children": [{
-			"kind": "slot",
-			"slot": 6
-		}]
-	}]
-});
-var Screen = defineUniversalComponent("nativescript", function Screen(props) {
-	return universalValue(__octaneUniversalPlan0, [
-		props.id,
-		(v) => applyEscapeProps(v, props),
-		(e) => registerRootLayout(e.object),
-		(e) => unregisterRootLayout(e.object),
-		cx(props.className),
-		props.style,
-		props.children
-	]);
-}, { "module": "@nativescript-community/octane" });
+import "@nativescript-community/octane";
+import { defineUniversalComponent as defineUniversalComponent$1, universalComponent as universalComponent$1 } from "octane/universal/native";
+//#region src/styled.native.tsrx
+function styled(Base, def) {
+	function Styled(props) {
+		const cls = [def.base];
+		const rest = { ...props };
+		for (const k of Object.keys(def.variants ?? {})) {
+			if (props[k]) cls.push(def.variants[k]);
+			delete rest[k];
+		}
+		if (props.className) cls.push(props.className);
+		rest.className = cls;
+		return universalComponent$1("nativescript", Base, rest);
+	}
+	return defineUniversalComponent$1("nativescript", Styled);
+}
 //#endregion
-export { Screen };
+export { styled };

package/dist/native/ui44.js

@@ -1,267 +1,8 @@
-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;
+import { Application } from "@nativescript/core";
+//#region src/windows.native.ts
+/** Open another NativeScript window and pass app-owned data to its resolver. */
+function openWindow(options = {}) {
+	Application.openWindow(options);
 }
-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 };
+export { openWindow };

package/dist/native/ui45.js

@@ -1,28 +1,38 @@
 import { cx } from "./ui2.js";
 import { applyEscapeProps } from "./ui3.js";
+import { registerRootLayout, unregisterRootLayout } from "./ui34.js";
 import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
-//#region src/Switch.native.tsrx
+//#region src/Screen.native.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
-	"type": "switch",
+	"type": "rootlayout",
 	"bindings": [
-		["ref", 0],
-		["id", 1],
-		["className", 2],
-		["style", 3],
-		["checked", 4],
-		["onCheckedChange", 5]
-	]
+		["id", 0],
+		["ref", 1],
+		["onLoaded", 2],
+		["onUnloaded", 3]
+	],
+	"children": [{
+		"kind": "host",
+		"type": "flexboxlayout",
+		"props": { "flexDirection": "column" },
+		"bindings": [["className", 4], ["style", 5]],
+		"children": [{
+			"kind": "slot",
+			"slot": 6
+		}]
+	}]
 });
-var Switch = defineUniversalComponent("nativescript", function Switch(props) {
+var Screen = defineUniversalComponent("nativescript", function Screen(props) {
 	return universalValue(__octaneUniversalPlan0, [
-		(v) => applyEscapeProps(v, props),
 		props.id,
+		(v) => applyEscapeProps(v, props),
+		(e) => registerRootLayout(e.object),
+		(e) => unregisterRootLayout(e.object),
 		cx(props.className),
 		props.style,
-		props.checked,
-		(e) => props.onCheckedChange?.(e.value)
+		props.children
 	]);
 }, { "module": "@nativescript-community/octane" });
 //#endregion
-export { Switch };
+export { Screen };