@octane-xplat/ui 0.2.1 → 0.4.0

package/dist/web/ui13.js

@@ -1,22 +1,214 @@
-import { componentSlot } from "octane";
-//#region src/styled.web.tsrx
-function styled(Base, def) {
-	function Styled(props, __s, __extra) {
-		const __block = __s.block;
-		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);
-		if (__s.block.pending && !__s.block.crossRenderUpdate) return;
-		componentSlot(__s, 0, __block.parentNode, Base, {
-			...rest,
-			"className": cls
-		}, __block.endMarker, void 0, void 0, true, void 0, "c:5d3d2b58");
+import { applyEscapeProps } from "./ui2.js";
+import { layoutChildProps } from "./ui4.js";
+import { __s, bag16, clone, snapshotSpread, template } from "octane";
+import { bindSignalChild, bindSignalHostPropSources, enableSignalBindings } from "octane/internal/client";
+//#region src/Text.web.tsrx
+enableSignalBindings(1, true);
+var _t$0 = /* @__PURE__ */ template("<span></span>");
+var _rm$1 = [
+	"s",
+	"n",
+	"m"
+];
+var Text = /* @__PURE__ */ __s(function Text(props, __s, __extra) {
+	const textStyle = {
+		...props.style,
+		...props.numberOfLines ? {
+			display: "-webkit-box",
+			WebkitLineClamp: props.numberOfLines,
+			WebkitBoxOrient: "vertical",
+			overflow: "hidden"
+		} : {},
+		...props.selectable === false ? { userSelect: "none" } : props.selectable ? { userSelect: "text" } : {},
+		...props.ellipsize ? {
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap",
+			overflow: "hidden"
+		} : {}
+	};
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m2, _m3, _m4, _m5, _m6, _m7, _m8, _m9, _m10, _m11, _m12, _m13;
+		const _root = clone(_t$0);
+		_m0 = props.id;
+		_m1 = (el) => applyEscapeProps(el, props);
+		_m2 = props.className;
+		_m3 = snapshotSpread(layoutChildProps(props, textStyle));
+		_m4 = props.accessibilityHint;
+		_m5 = props.accessibilityValue;
+		_m6 = props.accessibilityState?.disabled;
+		_m7 = props.accessibilityState?.selected;
+		_m8 = props.accessibilityState?.checked;
+		_m9 = props.accessibilityState?.busy;
+		_m10 = props.accessibilityState?.expanded;
+		_m11 = props.accessibilityLiveRegion === "none" ? "off" : props.accessibilityLiveRegion;
+		_m12 = _root;
+		_m13 = bindSignalHostPropSources(__s, void 0, _root, [
+			[
+				false,
+				"id",
+				_m0
+			],
+			[
+				false,
+				"ref",
+				_m1
+			],
+			[
+				false,
+				"className",
+				_m2
+			],
+			[true, _m3],
+			[
+				false,
+				"aria-description",
+				_m4
+			],
+			[
+				false,
+				"aria-valuetext",
+				_m5
+			],
+			[
+				false,
+				"aria-disabled",
+				_m6
+			],
+			[
+				false,
+				"aria-selected",
+				_m7
+			],
+			[
+				false,
+				"aria-checked",
+				_m8
+			],
+			[
+				false,
+				"aria-busy",
+				_m9
+			],
+			[
+				false,
+				"aria-expanded",
+				_m10
+			],
+			[
+				false,
+				"aria-live",
+				_m11
+			]
+		], "b:3b621770", true);
+		_b = bag16(__s, _root, _m0, _m1, _m2, _m3, _m4, _m5, _m6, _m7, _m8, _m9, _m10, _m11, _m12, _m13, null, void 0);
+		__s.refFields = _rm$1;
+	} else {
+		{
+			const _v = props.id;
+			if (_b.a !== _v) _b.a = _v;
+		}
+		{
+			const _v = (el) => applyEscapeProps(el, props);
+			if (_b.b !== _v) _b.b = _v;
+		}
+		{
+			const _v = props.className;
+			if (_b.c !== _v) _b.c = _v;
+		}
+		_b.d = snapshotSpread(layoutChildProps(props, textStyle));
+		{
+			const _v = props.accessibilityHint;
+			if (_b.e !== _v) _b.e = _v;
+		}
+		{
+			const _v = props.accessibilityValue;
+			if (_b.f !== _v) _b.f = _v;
+		}
+		{
+			const _v = props.accessibilityState?.disabled;
+			if (_b.g !== _v) _b.g = _v;
+		}
+		{
+			const _v = props.accessibilityState?.selected;
+			if (_b.h !== _v) _b.h = _v;
+		}
+		{
+			const _v = props.accessibilityState?.checked;
+			if (_b.i !== _v) _b.i = _v;
+		}
+		{
+			const _v = props.accessibilityState?.busy;
+			if (_b.j !== _v) _b.j = _v;
+		}
+		{
+			const _v = props.accessibilityState?.expanded;
+			if (_b.k !== _v) _b.k = _v;
+		}
+		{
+			const _v = props.accessibilityLiveRegion === "none" ? "off" : props.accessibilityLiveRegion;
+			if (_b.l !== _v) _b.l = _v;
+		}
+		_b.n = bindSignalHostPropSources(__s, _b.n, _b.m, [
+			[
+				false,
+				"id",
+				_b.a
+			],
+			[
+				false,
+				"ref",
+				_b.b
+			],
+			[
+				false,
+				"className",
+				_b.c
+			],
+			[true, _b.d],
+			[
+				false,
+				"aria-description",
+				_b.e
+			],
+			[
+				false,
+				"aria-valuetext",
+				_b.f
+			],
+			[
+				false,
+				"aria-disabled",
+				_b.g
+			],
+			[
+				false,
+				"aria-selected",
+				_b.h
+			],
+			[
+				false,
+				"aria-checked",
+				_b.i
+			],
+			[
+				false,
+				"aria-busy",
+				_b.j
+			],
+			[
+				false,
+				"aria-expanded",
+				_b.k
+			],
+			[
+				false,
+				"aria-live",
+				_b.l
+			]
+		], "b:3b621770", true);
 	}
-	return Styled;
-}
+	_b.q = bindSignalChild(__s, _b.q, 1, _b.m, props.children, "b:5ab934f0", null, void 0, void 0, void 0, true);
+});
 //#endregion
-export { styled };
+export { Text };

package/dist/web/ui14.js

@@ -1,16 +1,90 @@
-import { __s, bag5, clone, setStyle, template } from "octane";
-import { childTextHoleUpdate, updateFreshClassName } from "octane/internal/client";
-//#region src/Screen.web.tsrx
-var _t$0 = /* @__PURE__ */ template("<div></div>");
-var Screen = /* @__PURE__ */ __s(function Screen(props, __s, __extra) {
+import { applyEscapeProps } from "./ui2.js";
+import { layoutChildProps } from "./ui4.js";
+import { __s, bag5, bag8, clone, delegateEvents, setEventHandler, setStyle, snapshotSpread, template } from "octane";
+import { bindSignalAttribute, bindSignalChild, bindSignalHostPropSources, enableSignalBindings } from "octane/internal/client";
+//#region src/RichText.web.tsrx
+enableSignalBindings(1, true);
+var _t$0 = /* @__PURE__ */ template("<span></span>");
+var _rm$1 = [
+	"s",
+	"f",
+	"e"
+];
+var RichText = /* @__PURE__ */ __s(function RichText(props, __s, __extra) {
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m2, _m3, _m4, _m5;
+		const _root = clone(_t$0);
+		_m0 = props.id;
+		_m1 = (el) => applyEscapeProps(el, props);
+		_m2 = ["vx-rich-text", props.className];
+		_m3 = snapshotSpread(layoutChildProps(props, props.style));
+		_m4 = _root;
+		_m5 = bindSignalHostPropSources(__s, void 0, _root, [
+			[
+				false,
+				"id",
+				_m0
+			],
+			[
+				false,
+				"ref",
+				_m1
+			],
+			[
+				false,
+				"className",
+				_m2
+			],
+			[true, _m3]
+		], "b:e9859754", true);
+		_b = bag8(__s, _root, _m0, _m1, _m2, _m3, _m4, _m5, null, void 0);
+		__s.refFields = _rm$1;
+	} else {
+		{
+			const _v = props.id;
+			if (_b.a !== _v) _b.a = _v;
+		}
+		{
+			const _v = (el) => applyEscapeProps(el, props);
+			if (_b.b !== _v) _b.b = _v;
+		}
+		{
+			const _v = ["vx-rich-text", props.className];
+			if (_b.c !== _v) _b.c = _v;
+		}
+		_b.d = snapshotSpread(layoutChildProps(props, props.style));
+		_b.f = bindSignalHostPropSources(__s, _b.f, _b.e, [
+			[
+				false,
+				"id",
+				_b.a
+			],
+			[
+				false,
+				"ref",
+				_b.b
+			],
+			[
+				false,
+				"className",
+				_b.c
+			],
+			[true, _b.d]
+		], "b:e9859754", true);
+	}
+	_b.i = bindSignalChild(__s, _b.i, 1, _b.e, props.children, "b:f9a8f27a", null, void 0, void 0, void 0, true);
+});
+var RichTextSpan = /* @__PURE__ */ (() => (delegateEvents(["click"]), /* @__PURE__ */ __s(function RichTextSpan(props, __s, __extra) {
 	let _b = __s.slots[0];
 	if (_b === void 0) {
 		let _m1;
 		const _root = clone(_t$0);
 		_m1 = _root;
+		setEventHandler(_root, "$$click", () => props.onPress?.());
 		_b = bag5(__s, _root, void 0, _m1, void 0, null, void 0);
-	}
-	_b.a = updateFreshClassName(["vx-screen", props.className], _b.a, _b.b);
+	} else setEventHandler(_b.b, "$$click", () => props.onPress?.());
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "class", props.className, "b:76166c9b", "class");
 	{
 		const _v = props.style;
 		if (_b.c !== _v) {
@@ -18,11 +92,7 @@ var Screen = /* @__PURE__ */ __s(function Screen(props, __s, __extra) {
 			_b.c = _v;
 		}
 	}
-	{
-		const _v = props.children;
-		_b.d = childTextHoleUpdate(__s, 1, _b.b, _v, _b.d, _b.e);
-		_b.e = _v;
-	}
-});
+	_b.f = bindSignalChild(__s, _b.f, 1, _b.b, props.text ?? props.children, "b:f71ea880", null, void 0, void 0, void 0, true);
+})))();
 //#endregion
-export { Screen };
+export { RichText, RichTextSpan };