@octane-xplat/ui 0.5.0 → 0.6.0

package/dist/native/InputNumber.native.tsrx.js

@@ -0,0 +1,146 @@
+import { cx } from "./cx.js";
+import { applyEscapeProps } from "./escape-props.native.js";
+import { Pressable } from "./Pressable.native.tsrx.js";
+import { TextInput } from "./TextInput.native.tsrx.js";
+import { defineUniversalComponent, hookSlots, universalChildren, universalComponent, universalPlan, universalProps, universalValue, useState } from "@nativescript-community/octane";
+//#region src/InputNumber.native.tsrx
+var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "label",
+	"props": { "text": "−" }
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "label",
+	"props": { "text": "+" }
+});
+var __octaneUniversalPlan2 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"bindings": [
+		["ref", 0],
+		["id", 1],
+		["className", 2],
+		["style", 3]
+	],
+	"children": [
+		{
+			"kind": "slot",
+			"slot": 4
+		},
+		{
+			"kind": "slot",
+			"slot": 5
+		},
+		{
+			"kind": "slot",
+			"slot": 6
+		}
+	]
+});
+var InputNumber = defineUniversalComponent("nativescript", function InputNumber(props) {
+	const [internal, setInternal] = useState(props.defaultValue, _h$0);
+	const controlled = props.value !== void 0;
+	const value = controlled ? props.value : internal;
+	const clamp = (n) => Math.min(props.max ?? Infinity, Math.max(props.min ?? -Infinity, n));
+	const setValue = (n) => {
+		if (!controlled) setInternal(n);
+		props.onValueChange?.(n);
+	};
+	const stepBy = (dir) => {
+		if (props.disabled) return;
+		setValue(clamp((value ?? 0) + dir * (props.step ?? 1)));
+	};
+	return universalValue(__octaneUniversalPlan2, [
+		(v) => applyEscapeProps(v, props),
+		props.id,
+		cx("vx-inputnumber", props.disabled && "vx-inputnumber--disabled", props.className),
+		props.style,
+		universalComponent("nativescript", Pressable, universalProps([
+			[
+				"set",
+				"className",
+				"vx-inputnumber-step"
+			],
+			[
+				"set",
+				"disabled",
+				props.disabled
+			],
+			[
+				"set",
+				"onPress",
+				() => stepBy(-1)
+			],
+			[
+				"set",
+				"accessibilityLabel",
+				"Decrement"
+			]
+		], universalChildren("nativescript", () => {
+			return universalValue(__octaneUniversalPlan0, []);
+		}))),
+		universalComponent("nativescript", TextInput, universalProps([
+			[
+				"set",
+				"className",
+				"vx-inputnumber-field"
+			],
+			[
+				"set",
+				"keyboardType",
+				"decimal"
+			],
+			[
+				"set",
+				"editable",
+				!props.disabled
+			],
+			[
+				"set",
+				"placeholder",
+				props.placeholder
+			],
+			[
+				"set",
+				"value",
+				value == null ? "" : String(value)
+			],
+			[
+				"set",
+				"onChange",
+				(text) => {
+					const n = parseFloat(text);
+					if (text === "" || !isNaN(n)) setValue(clamp(text === "" ? 0 : n));
+				}
+			]
+		])),
+		universalComponent("nativescript", Pressable, universalProps([
+			[
+				"set",
+				"className",
+				"vx-inputnumber-step"
+			],
+			[
+				"set",
+				"disabled",
+				props.disabled
+			],
+			[
+				"set",
+				"onPress",
+				() => stepBy(1)
+			],
+			[
+				"set",
+				"accessibilityLabel",
+				"Increment"
+			]
+		], universalChildren("nativescript", () => {
+			return universalValue(__octaneUniversalPlan1, []);
+		})))
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { InputNumber };

package/dist/native/InputRating.native.tsrx.js

@@ -0,0 +1,74 @@
+import { cx } from "./cx.js";
+import { applyEscapeProps } from "./escape-props.native.js";
+import { Icon } from "./Icon.native.tsrx.js";
+import { defineUniversalComponent, hookSlots, universalComponent, universalFor, universalPlan, universalProps, universalValue, useState } from "@nativescript-community/octane";
+//#region src/InputRating.native.tsrx
+var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "label",
+	"props": {
+		"className": "vx-rating-glyph",
+		"text": "★"
+	}
+});
+var __octaneUniversalPlan2 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"bindings": [["className", 0], ["onTap", 1]],
+	"children": [{
+		"kind": "slot",
+		"slot": 2
+	}]
+});
+var __octaneUniversalPlan3 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"props": { "flexDirection": "row" },
+	"bindings": [
+		["ref", 0],
+		["id", 1],
+		["className", 2],
+		["style", 3],
+		["accessibilityLabel", 4]
+	],
+	"children": [{
+		"kind": "slot",
+		"slot": 5
+	}]
+});
+var InputRating = defineUniversalComponent("nativescript", function InputRating(props) {
+	const max = props.max ?? 5;
+	const [internal, setInternal] = useState(props.defaultValue ?? 0, _h$0);
+	const controlled = props.value !== void 0;
+	const value = controlled ? props.value : internal;
+	const setValue = (n) => {
+		if (props.disabled) return;
+		if (!controlled) setInternal(n);
+		props.onValueChange?.(n);
+	};
+	return universalValue(__octaneUniversalPlan3, [
+		(v) => applyEscapeProps(v, props),
+		props.id,
+		cx("vx-rating", props.disabled && "vx-rating--disabled", props.className),
+		props.style,
+		props.accessibilityLabel,
+		universalFor(Array.from({ length: max }, (_, i) => i + 1), (score, __octaneUniversalIndex) => score, (score, __octaneUniversalIndex) => {
+			return universalValue(__octaneUniversalPlan2, [
+				cx("vx-rating-cell", score <= value && "vx-rating-cell--on"),
+				props.disabled ? void 0 : () => setValue(score),
+				props.icon ? universalValue(__octaneUniversalPlan0, [universalComponent("nativescript", Icon, universalProps([[
+					"set",
+					"name",
+					props.icon
+				]]))]) : universalValue(__octaneUniversalPlan1, [])
+			]);
+		})
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { InputRating };

package/dist/native/InputTags.native.tsrx.js

@@ -0,0 +1,131 @@
+import { cx } from "./cx.js";
+import { applyEscapeProps } from "./escape-props.native.js";
+import { Pressable } from "./Pressable.native.tsrx.js";
+import { TextInput } from "./TextInput.native.tsrx.js";
+import { defineUniversalComponent, hookSlots, universalChildren, universalComponent, universalFor, universalPlan, universalProps, universalValue, useState } from "@nativescript-community/octane";
+//#region src/InputTags.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": "label",
+	"props": { "text": "✕" }
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"props": { "className": "vx-inputtags-tag" },
+	"children": [{
+		"kind": "host",
+		"type": "label",
+		"props": { "className": "vx-inputtags-tag-label" },
+		"bindings": [["text", 0]]
+	}, {
+		"kind": "slot",
+		"slot": 1
+	}]
+});
+var __octaneUniversalPlan2 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"bindings": [
+		["ref", 0],
+		["id", 1],
+		["className", 2],
+		["style", 3]
+	],
+	"children": [{
+		"kind": "slot",
+		"slot": 4
+	}, {
+		"kind": "slot",
+		"slot": 5
+	}]
+});
+var InputTags = defineUniversalComponent("nativescript", function InputTags(props) {
+	const [internal, setInternal] = useState(props.defaultValue ?? [], _h$0);
+	const controlled = props.value !== void 0;
+	const tags = controlled ? props.value : internal;
+	const [text, setText] = useState("", _h$1);
+	const setTags = (next) => {
+		if (!controlled) setInternal(next);
+		props.onValueChange?.(next);
+	};
+	const commit = () => {
+		const tag = text.trim();
+		if (!tag || props.max != null && tags.length >= props.max) return;
+		setTags([...tags, tag]);
+		setText("");
+	};
+	const removeAt = (i) => setTags(tags.filter((_, k) => k !== i));
+	return universalValue(__octaneUniversalPlan2, [
+		(v) => applyEscapeProps(v, props),
+		props.id,
+		cx("vx-inputtags", props.disabled && "vx-inputtags--disabled", props.className),
+		props.style,
+		universalFor(tags.map((tag, i) => ({
+			tag,
+			i
+		})), (e, __octaneUniversalIndex) => e.tag + e.i, (e, __octaneUniversalIndex) => {
+			return universalValue(__octaneUniversalPlan1, [e.tag, universalComponent("nativescript", Pressable, universalProps([
+				[
+					"set",
+					"className",
+					"vx-inputtags-remove"
+				],
+				[
+					"set",
+					"disabled",
+					props.disabled
+				],
+				[
+					"set",
+					"onPress",
+					() => removeAt(e.i)
+				],
+				[
+					"set",
+					"accessibilityLabel",
+					"Remove " + e.tag
+				]
+			], universalChildren("nativescript", () => {
+				return universalValue(__octaneUniversalPlan0, []);
+			})))]);
+		}),
+		universalComponent("nativescript", TextInput, universalProps([
+			[
+				"set",
+				"className",
+				"vx-inputtags-field"
+			],
+			[
+				"set",
+				"placeholder",
+				props.placeholder
+			],
+			[
+				"set",
+				"editable",
+				!props.disabled
+			],
+			[
+				"set",
+				"value",
+				text
+			],
+			[
+				"set",
+				"onChange",
+				setText
+			],
+			[
+				"set",
+				"onSubmit",
+				commit
+			]
+		]))
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { InputTags };

package/dist/native/Kbd.native.tsrx.js

@@ -0,0 +1,29 @@
+import { cx } from "./cx.js";
+import { applyEscapeProps } from "./escape-props.native.js";
+import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
+//#region src/Kbd.native.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"bindings": [
+		["ref", 0],
+		["id", 1],
+		["className", 2],
+		["style", 3]
+	],
+	"children": [{
+		"kind": "slot",
+		"slot": 4
+	}]
+});
+var Kbd = defineUniversalComponent("nativescript", function Kbd(props) {
+	return universalValue(__octaneUniversalPlan0, [
+		(v) => applyEscapeProps(v, props),
+		props.id,
+		cx("vx-kbd", props.className),
+		props.style,
+		props.children
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { Kbd };

package/dist/native/{ui50.js → KeyboardAvoiding.native.tsrx.js}

@@ -1,4 +1,4 @@
-import { cx } from "./ui2.js";
+import { cx } from "./cx.js";
 import { defineUniversalComponent, hookSlots, universalPlan, universalValue, useEffect, useState, withSlot } from "@nativescript-community/octane";
 import { Application } from "@nativescript/core";
 //#region src/KeyboardAvoiding.native.tsrx

package/dist/native/{ui17.js → Link.native.tsrx.js}

@@ -1,4 +1,4 @@
-import { Pressable } from "./ui16.js";
+import { Pressable } from "./Pressable.native.tsrx.js";
 import { defineUniversalComponent, universalChildren, universalComponent, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
 import { Utils } from "@nativescript/core";
 //#region src/Link.native.tsrx

package/dist/native/{ui55.js → Meter.native.tsrx.js}

@@ -1,5 +1,5 @@
-import { cx } from "./ui2.js";
-import { meterRange } from "./ui54.js";
+import { cx } from "./cx.js";
+import { meterRange } from "./meter-math.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";

package/dist/native/{ui22.js → NavLink.native.tsrx.js}

@@ -1,6 +1,6 @@
-import { cx } from "./ui2.js";
-import { Pressable } from "./ui16.js";
-import { pushRoute, useRoute } from "./ui21.js";
+import { cx } from "./cx.js";
+import { Pressable } from "./Pressable.native.tsrx.js";
+import { pushRoute, useRoute } from "./route.native.js";
 import { defineUniversalComponent, hookSlots, universalChildren, universalComponent, universalPlan, universalProps, universalValue, withSlot } from "@nativescript-community/octane";
 //#region src/NavLink.native.tsrx
 var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));

package/dist/native/NavigationMenu.native.tsrx.js

@@ -0,0 +1,67 @@
+import { cx } from "./cx.js";
+import { applyEscapeProps } from "./escape-props.native.js";
+import { Icon } from "./Icon.native.tsrx.js";
+import { defineUniversalComponent, universalComponent, universalFor, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
+//#region src/NavigationMenu.native.tsrx
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "label",
+	"props": { "className": "vx-navmenu-label" },
+	"bindings": [["text", 0]]
+});
+var __octaneUniversalPlan2 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"bindings": [["className", 0], ["onTap", 1]],
+	"children": [{
+		"kind": "slot",
+		"slot": 2
+	}, {
+		"kind": "slot",
+		"slot": 3
+	}]
+});
+var __octaneUniversalPlan3 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "flexboxlayout",
+	"bindings": [
+		["ref", 0],
+		["id", 1],
+		["flexDirection", 2],
+		["className", 3],
+		["style", 4],
+		["accessibilityLabel", 5]
+	],
+	"children": [{
+		"kind": "slot",
+		"slot": 6
+	}]
+});
+var NavigationMenu = defineUniversalComponent("nativescript", function NavigationMenu(props) {
+	return universalValue(__octaneUniversalPlan3, [
+		(v) => applyEscapeProps(v, props),
+		props.id,
+		props.horizontal === false ? "column" : "row",
+		cx("vx-navmenu", props.horizontal === false ? "vx-navmenu--col" : "vx-navmenu--row", props.className),
+		props.style,
+		props.accessibilityLabel,
+		universalFor(props.items, (item, __octaneUniversalIndex) => item.key, (item, __octaneUniversalIndex) => {
+			return universalValue(__octaneUniversalPlan2, [
+				cx("vx-navmenu-item", item.active && "vx-navmenu-item--on", item.disabled && "vx-navmenu-item--disabled"),
+				item.disabled ? void 0 : item.onSelect,
+				item.icon ? universalValue(__octaneUniversalPlan0, [universalComponent("nativescript", Icon, universalProps([[
+					"set",
+					"name",
+					item.icon
+				]]))]) : null,
+				item.label != null ? universalValue(__octaneUniversalPlan1, [item.label]) : null
+			]);
+		})
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { NavigationMenu };

package/dist/native/{ui35.js → Overlay.native.tsrx.js}

@@ -1,6 +1,6 @@
-import { cx } from "./ui2.js";
-import { applyThemeClasses } from "./ui31.js";
-import { rootLayoutFor } from "./ui34.js";
+import { cx } from "./cx.js";
+import { applyThemeClasses } from "./theme/theme-scheme.js";
+import { rootLayoutFor } from "./root-layout.native.js";
 import { createNativeScriptRoot, defineUniversalComponent, hookSlots, universalPlan, universalValue, useEffect, useRef } from "@nativescript-community/octane";
 import { GridLayout, isAndroid, isIOS } from "@nativescript/core";
 //#region src/Overlay.native.tsrx