@octane-xplat/ui 0.3.0 → 0.4.0

package/dist/web/ui15.js

@@ -1,29 +1,85 @@
 import { applyEscapeProps } from "./ui2.js";
-import { layoutChildProps } from "./ui3.js";
-import { __s, bag8, clone, snapshotSpread, template } from "octane";
+import { glassClassOf, glassStyleOf } from "./ui3.js";
+import { layoutChildProps } from "./ui4.js";
+import { __s, bagOf, clone, snapshotSpread, template } from "octane";
 import { bindSignalChild, bindSignalHostPropSources, enableSignalBindings } from "octane/internal/client";
-//#region src/ScrollView.web.tsrx
+//#region src/Pressable.web.tsrx
 enableSignalBindings(1, true);
 var _t$0 = /* @__PURE__ */ template("<div></div>");
 var _rm$1 = [
 	"s",
-	"f",
-	"e"
+	"w",
+	"v"
 ];
-var ScrollView = /* @__PURE__ */ __s(function ScrollView(props, __s, __extra) {
+var Pressable = /* @__PURE__ */ __s(function Pressable(props, __s, __extra) {
+	let timer = null;
+	const cancel = () => {
+		if (timer !== null) {
+			clearTimeout(timer);
+			timer = null;
+		}
+	};
+	const down = () => {
+		if (props.disabled || !props.onLongPress) return;
+		cancel();
+		timer = setTimeout(() => {
+			timer = null;
+			props.onLongPress?.();
+		}, 500);
+	};
 	let _b = __s.slots[0];
 	if (_b === void 0) {
-		let _m0, _m1, _m2, _m3, _m4, _m5;
+		let _m0, _m1, _m2, _m3, _m4, _m5, _m6, _m7, _m8, _m9, _m10, _m11, _m12, _m13, _m14, _m15, _m16, _m17, _m18, _m19, _m20, _m21, _m22;
 		const _root = clone(_t$0);
-		_m0 = (e) => applyEscapeProps(e, props);
+		_m0 = (el) => applyEscapeProps(el, props);
 		_m1 = props.id;
-		_m2 = ["vx-scroll", props.className];
+		_m2 = [
+			"vx-pressable",
+			props.ignoreTouchAnimation ? "vx-pressable-no-feedback" : "",
+			glassClassOf(props.glass),
+			props.className
+		];
 		_m3 = snapshotSpread(layoutChildProps(props, {
-			...props.horizontal ? { overflowX: "auto" } : { overflowY: "auto" },
-			...props.style
+			...glassStyleOf(props.glass),
+			...props.style,
+			...props.hitSlop ? {
+				margin: -props.hitSlop,
+				padding: props.hitSlop
+			} : {}
 		}));
-		_m4 = _root;
-		_m5 = bindSignalHostPropSources(__s, void 0, _root, [
+		_m4 = props.accessibilityRole ?? "button";
+		_m5 = props.accessibilityLabel;
+		_m6 = props.accessibilityHint;
+		_m7 = props.accessibilityValue;
+		_m8 = props.accessibilityState?.disabled ?? props.disabled ?? void 0;
+		_m9 = props.accessibilityState?.selected;
+		_m10 = props.accessibilityState?.checked;
+		_m11 = props.accessibilityState?.busy;
+		_m12 = props.accessibilityState?.expanded;
+		_m13 = props.accessibilityLiveRegion === "none" ? "off" : props.accessibilityLiveRegion;
+		_m14 = props.accessible === false ? true : void 0;
+		_m15 = props.disabled ? void 0 : props.onPress;
+		_m16 = props.disabled ? void 0 : props.onDoublePress;
+		_m17 = (e) => {
+			if (!props.disabled) {
+				props.onPressIn?.();
+				down();
+			}
+		};
+		_m18 = () => {
+			if (!props.disabled) props.onPressOut?.();
+			cancel();
+		};
+		_m19 = () => {
+			if (!props.disabled) props.onPressOut?.();
+			cancel();
+		};
+		_m20 = () => {
+			if (!props.disabled) props.onPressOut?.();
+			cancel();
+		};
+		_m21 = _root;
+		_m22 = bindSignalHostPropSources(__s, void 0, _root, [
 			[
 				false,
 				"ref",
@@ -39,13 +95,124 @@ var ScrollView = /* @__PURE__ */ __s(function ScrollView(props, __s, __extra) {
 				"className",
 				_m2
 			],
-			[true, _m3]
-		], "b:6c414165", true);
-		_b = bag8(__s, _root, _m0, _m1, _m2, _m3, _m4, _m5, null, void 0);
+			[true, _m3],
+			[
+				false,
+				"role",
+				_m4
+			],
+			[
+				false,
+				"aria-label",
+				_m5
+			],
+			[
+				false,
+				"aria-description",
+				_m6
+			],
+			[
+				false,
+				"aria-valuetext",
+				_m7
+			],
+			[
+				false,
+				"aria-disabled",
+				_m8
+			],
+			[
+				false,
+				"aria-selected",
+				_m9
+			],
+			[
+				false,
+				"aria-checked",
+				_m10
+			],
+			[
+				false,
+				"aria-busy",
+				_m11
+			],
+			[
+				false,
+				"aria-expanded",
+				_m12
+			],
+			[
+				false,
+				"aria-live",
+				_m13
+			],
+			[
+				false,
+				"aria-hidden",
+				_m14
+			],
+			[
+				false,
+				"onClick",
+				_m15
+			],
+			[
+				false,
+				"onDoubleClick",
+				_m16
+			],
+			[
+				false,
+				"onPointerDown",
+				_m17
+			],
+			[
+				false,
+				"onPointerUp",
+				_m18
+			],
+			[
+				false,
+				"onPointerLeave",
+				_m19
+			],
+			[
+				false,
+				"onPointerCancel",
+				_m20
+			]
+		], "b:1e96e1c3", true);
+		_b = bagOf(__s, _root, {
+			a: _m0,
+			b: _m1,
+			c: _m2,
+			d: _m3,
+			e: _m4,
+			f: _m5,
+			g: _m6,
+			h: _m7,
+			i: _m8,
+			j: _m9,
+			k: _m10,
+			l: _m11,
+			m: _m12,
+			n: _m13,
+			o: _m14,
+			p: _m15,
+			q: _m16,
+			r: _m17,
+			s: _m18,
+			t: _m19,
+			u: _m20,
+			v: _m21,
+			w: _m22,
+			x: null,
+			y: void 0
+		});
 		__s.refFields = _rm$1;
 	} else {
 		{
-			const _v = (e) => applyEscapeProps(e, props);
+			const _v = (el) => applyEscapeProps(el, props);
 			if (_b.a !== _v) _b.a = _v;
 		}
 		{
@@ -53,14 +220,105 @@ var ScrollView = /* @__PURE__ */ __s(function ScrollView(props, __s, __extra) {
 			if (_b.b !== _v) _b.b = _v;
 		}
 		{
-			const _v = ["vx-scroll", props.className];
+			const _v = [
+				"vx-pressable",
+				props.ignoreTouchAnimation ? "vx-pressable-no-feedback" : "",
+				glassClassOf(props.glass),
+				props.className
+			];
 			if (_b.c !== _v) _b.c = _v;
 		}
 		_b.d = snapshotSpread(layoutChildProps(props, {
-			...props.horizontal ? { overflowX: "auto" } : { overflowY: "auto" },
-			...props.style
+			...glassStyleOf(props.glass),
+			...props.style,
+			...props.hitSlop ? {
+				margin: -props.hitSlop,
+				padding: props.hitSlop
+			} : {}
 		}));
-		_b.f = bindSignalHostPropSources(__s, _b.f, _b.e, [
+		{
+			const _v = props.accessibilityRole ?? "button";
+			if (_b.e !== _v) _b.e = _v;
+		}
+		{
+			const _v = props.accessibilityLabel;
+			if (_b.f !== _v) _b.f = _v;
+		}
+		{
+			const _v = props.accessibilityHint;
+			if (_b.g !== _v) _b.g = _v;
+		}
+		{
+			const _v = props.accessibilityValue;
+			if (_b.h !== _v) _b.h = _v;
+		}
+		{
+			const _v = props.accessibilityState?.disabled ?? props.disabled ?? void 0;
+			if (_b.i !== _v) _b.i = _v;
+		}
+		{
+			const _v = props.accessibilityState?.selected;
+			if (_b.j !== _v) _b.j = _v;
+		}
+		{
+			const _v = props.accessibilityState?.checked;
+			if (_b.k !== _v) _b.k = _v;
+		}
+		{
+			const _v = props.accessibilityState?.busy;
+			if (_b.l !== _v) _b.l = _v;
+		}
+		{
+			const _v = props.accessibilityState?.expanded;
+			if (_b.m !== _v) _b.m = _v;
+		}
+		{
+			const _v = props.accessibilityLiveRegion === "none" ? "off" : props.accessibilityLiveRegion;
+			if (_b.n !== _v) _b.n = _v;
+		}
+		{
+			const _v = props.accessible === false ? true : void 0;
+			if (_b.o !== _v) _b.o = _v;
+		}
+		{
+			const _v = props.disabled ? void 0 : props.onPress;
+			if (_b.p !== _v) _b.p = _v;
+		}
+		{
+			const _v = props.disabled ? void 0 : props.onDoublePress;
+			if (_b.q !== _v) _b.q = _v;
+		}
+		{
+			const _v = (e) => {
+				if (!props.disabled) {
+					props.onPressIn?.();
+					down();
+				}
+			};
+			if (_b.r !== _v) _b.r = _v;
+		}
+		{
+			const _v = () => {
+				if (!props.disabled) props.onPressOut?.();
+				cancel();
+			};
+			if (_b.s !== _v) _b.s = _v;
+		}
+		{
+			const _v = () => {
+				if (!props.disabled) props.onPressOut?.();
+				cancel();
+			};
+			if (_b.t !== _v) _b.t = _v;
+		}
+		{
+			const _v = () => {
+				if (!props.disabled) props.onPressOut?.();
+				cancel();
+			};
+			if (_b.u !== _v) _b.u = _v;
+		}
+		_b.w = bindSignalHostPropSources(__s, _b.w, _b.v, [
 			[
 				false,
 				"ref",
@@ -76,10 +334,95 @@ var ScrollView = /* @__PURE__ */ __s(function ScrollView(props, __s, __extra) {
 				"className",
 				_b.c
 			],
-			[true, _b.d]
-		], "b:6c414165", true);
+			[true, _b.d],
+			[
+				false,
+				"role",
+				_b.e
+			],
+			[
+				false,
+				"aria-label",
+				_b.f
+			],
+			[
+				false,
+				"aria-description",
+				_b.g
+			],
+			[
+				false,
+				"aria-valuetext",
+				_b.h
+			],
+			[
+				false,
+				"aria-disabled",
+				_b.i
+			],
+			[
+				false,
+				"aria-selected",
+				_b.j
+			],
+			[
+				false,
+				"aria-checked",
+				_b.k
+			],
+			[
+				false,
+				"aria-busy",
+				_b.l
+			],
+			[
+				false,
+				"aria-expanded",
+				_b.m
+			],
+			[
+				false,
+				"aria-live",
+				_b.n
+			],
+			[
+				false,
+				"aria-hidden",
+				_b.o
+			],
+			[
+				false,
+				"onClick",
+				_b.p
+			],
+			[
+				false,
+				"onDoubleClick",
+				_b.q
+			],
+			[
+				false,
+				"onPointerDown",
+				_b.r
+			],
+			[
+				false,
+				"onPointerUp",
+				_b.s
+			],
+			[
+				false,
+				"onPointerLeave",
+				_b.t
+			],
+			[
+				false,
+				"onPointerCancel",
+				_b.u
+			]
+		], "b:1e96e1c3", true);
 	}
-	_b.i = bindSignalChild(__s, _b.i, 1, _b.e, props.children, "b:f6a0255f", null, void 0, void 0, void 0, true);
+	_b.z = bindSignalChild(__s, _b.z, 1, _b.v, props.children, "b:42886232", null, void 0, void 0, void 0, true);
 });
 //#endregion
-export { ScrollView };
+export { Pressable };

package/dist/web/ui16.js

@@ -1,108 +1,20 @@
-import { applyEscapeProps } from "./ui2.js";
-import { layoutChildProps } from "./ui3.js";
-import { __s, bag8, clone, snapshotSpread, template } from "octane";
-import { bindSignalHostPropSources, enableSignalBindings } from "octane/internal/client";
-//#region src/Image.web.tsrx
+import { __s, bag6, clone, template } from "octane";
+import { bindSignalAttribute, bindSignalChild, enableSignalBindings, setPlainAttribute, setURLAttribute } from "octane/internal/client";
+//#region src/Link.web.tsrx
 enableSignalBindings(1, true);
-var _t$0 = /* @__PURE__ */ template("<img/>");
-var _rm$0 = [
-	"s",
-	"h",
-	"g"
-];
-var Image = /* @__PURE__ */ __s(function Image(props, __s, __extra) {
+var _t$0 = /* @__PURE__ */ template("<a rel=\"noreferrer\"></a>", 3);
+var Link = /* @__PURE__ */ __s(function Link(props, __s, __extra) {
 	let _b = __s.slots[0];
 	if (_b === void 0) {
-		let _m0, _m1, _m2, _m3, _m4, _m5, _m6, _m7;
+		let _m1;
 		const _root = clone(_t$0);
-		_m0 = (e) => applyEscapeProps(e, props);
-		_m1 = props.id;
-		_m2 = props.className;
-		_m3 = snapshotSpread(layoutChildProps(props));
-		_m4 = props.src;
-		_m5 = props.alt;
-		_m6 = _root;
-		_m7 = bindSignalHostPropSources(__s, void 0, _root, [
-			[
-				false,
-				"ref",
-				_m0
-			],
-			[
-				false,
-				"id",
-				_m1
-			],
-			[
-				false,
-				"className",
-				_m2
-			],
-			[true, _m3],
-			[
-				false,
-				"src",
-				_m4
-			],
-			[
-				false,
-				"alt",
-				_m5
-			]
-		], "b:ed5f7791", false);
-		_b = bag8(__s, _root, _m0, _m1, _m2, _m3, _m4, _m5, _m6, _m7);
-		__s.refFields = _rm$0;
-	} else {
-		{
-			const _v = (e) => applyEscapeProps(e, props);
-			if (_b.a !== _v) _b.a = _v;
-		}
-		{
-			const _v = props.id;
-			if (_b.b !== _v) _b.b = _v;
-		}
-		{
-			const _v = props.className;
-			if (_b.c !== _v) _b.c = _v;
-		}
-		_b.d = snapshotSpread(layoutChildProps(props));
-		{
-			const _v = props.src;
-			if (_b.e !== _v) _b.e = _v;
-		}
-		{
-			const _v = props.alt;
-			if (_b.f !== _v) _b.f = _v;
-		}
-		_b.h = bindSignalHostPropSources(__s, _b.h, _b.g, [
-			[
-				false,
-				"ref",
-				_b.a
-			],
-			[
-				false,
-				"id",
-				_b.b
-			],
-			[
-				false,
-				"className",
-				_b.c
-			],
-			[true, _b.d],
-			[
-				false,
-				"src",
-				_b.e
-			],
-			[
-				false,
-				"alt",
-				_b.f
-			]
-		], "b:ed5f7791", false);
+		_m1 = _root;
+		_b = bag6(__s, _root, void 0, _m1, void 0, void 0, null, void 0);
 	}
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "href", props.href, "b:72eb02fd", setURLAttribute);
+	_b.c = bindSignalAttribute(__s, _b.c, _b.b, "target", props.target ?? "_blank", "b:8bb4cc0f", setPlainAttribute);
+	_b.d = bindSignalAttribute(__s, _b.d, _b.b, "class", props.className, "b:e1c761ba", "class");
+	_b.g = bindSignalChild(__s, _b.g, 1, _b.b, props.children, "b:664239d9", null, void 0, void 0, void 0, true);
 });
 //#endregion
-export { Image };
+export { Link };