@octane-xplat/ui 0.6.0 → 0.7.1

package/dist/web/CameraView.web.tsrx.js

@@ -1,310 +0,0 @@
-import { applyEscapeProps } from "./escape-props.web.js";
-import { layoutChildProps } from "./layout-child.web.js";
-import { __s, bag15, bag4, child, clone, delegateEvents, hookSlots, ifBlock, markDangerouslySetInnerHTMLChildren, queueRefAttach, queueRefDetach, setEventHandler, setStyle, snapshotSpread, template, useEffect, useRef } from "octane";
-import { bindSignalHostPropSources, enableSignalBindings, replaceRef, setAttributeIfChanged } from "octane/internal/client";
-//#region src/CameraView.web.tsrx
-enableSignalBindings(1, true);
-delegateEvents(["playing"]);
-var _t$0 = /* @__PURE__ */ template("<video class=\"vx-cameraview-surface\" autoplay=\"\" playsinline=\"\"></video>");
-var _t$1 = /* @__PURE__ */ template("<div><!></div>");
-var _hs$ = /* @__PURE__ */ hookSlots(3);
-var _rm$1 = [
-	"r",
-	"b",
-	"a"
-];
-function __then$0(__props, __s, __extra) {
-	const el = __extra[0];
-	const facing = __extra[1];
-	const props = __extra[2];
-	const readyFired = __extra[3];
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m0, _m1;
-		const _root = clone(_t$0);
-		queueRefAttach(__s, _m1 = (v) => {
-			el.current = v;
-			if (!v) return;
-			applyEscapeProps(v, props);
-			props.bind?.({ native: v });
-		}, _m0 = _root);
-		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
-		setEventHandler(_root, "$$playing", () => {
-			if (!readyFired.current) {
-				readyFired.current = true;
-				props.onReady?.();
-			}
-		});
-		_b = bag4(__s, _root, _m0, _m1, void 0, void 0);
-		__s.refFields = _rm$1;
-	} else {
-		{
-			const _r = (v) => {
-				el.current = v;
-				if (!v) return;
-				applyEscapeProps(v, props);
-				props.bind?.({ native: v });
-			};
-			if (_r !== _b.b) _b.b = replaceRef(__s, _b.b, _r, _b.a);
-		}
-		setEventHandler(_b.a, "$$playing", () => {
-			if (!readyFired.current) {
-				readyFired.current = true;
-				props.onReady?.();
-			}
-		});
-	}
-	_b.c = setAttributeIfChanged(true, _b.c, _b.a, "muted");
-	{
-		const _v = facing === "front" ? { transform: "scaleX(-1)" } : void 0;
-		if (_b.d !== _v) {
-			setStyle(_b.a, _v, _b.d);
-			_b.d = _v;
-		}
-	}
-}
-var _rm$3 = [
-	"s",
-	"n",
-	"m"
-];
-var CameraView = /* @__PURE__ */ __s(function CameraView(props, __s, __extra) {
-	const el = useRef(null, _hs$ + 0);
-	const facing = props.facing ?? "back";
-	const active = props.active !== false;
-	const readyFired = useRef(false, _hs$ + 1);
-	useEffect(() => {
-		const v = el.current;
-		if (!v || !active) return;
-		const md = navigator.mediaDevices;
-		if (!md?.getUserMedia) {
-			props.onError?.({ message: "camera unsupported" });
-			return;
-		}
-		let stream = null;
-		let dead = false;
-		readyFired.current = false;
-		md.getUserMedia({
-			video: { facingMode: facing === "front" ? "user" : "environment" },
-			audio: false
-		}).then((s) => {
-			if (dead) {
-				for (const t of s.getTracks()) t.stop();
-				return;
-			}
-			stream = s;
-			v.srcObject = s;
-			v.play()?.catch(() => {});
-		}).catch((e) => {
-			props.onError?.({ message: e?.name === "NotAllowedError" ? "camera permission denied" : String(e?.name ?? e) });
-		});
-		return () => {
-			dead = true;
-			v.srcObject = null;
-			if (stream) for (const t of stream.getTracks()) t.stop();
-		};
-	}, [active, facing], _hs$ + 2);
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m0, _m1, _m2, _m3, _m4, _m5, _m6, _m7, _m8, _m9, _m10, _m11, _m12, _m13, _m14;
-		const _root = clone(_t$1);
-		_m0 = props.id;
-		_m1 = [
-			"vx-stack",
-			"vx-cameraview",
-			props.className
-		];
-		_m2 = snapshotSpread(layoutChildProps(props, props.style));
-		_m3 = props.accessibilityRole;
-		_m4 = props.accessibilityLabel;
-		_m5 = props.accessible === false ? true : void 0;
-		_m6 = props.accessibilityHint;
-		_m7 = props.accessibilityValue;
-		_m8 = props.accessibilityState?.disabled;
-		_m9 = props.accessibilityState?.selected;
-		_m10 = props.accessibilityState?.checked;
-		_m11 = props.accessibilityLiveRegion === "none" ? "off" : props.accessibilityLiveRegion;
-		_m12 = _root;
-		_m13 = bindSignalHostPropSources(__s, void 0, _root, [
-			[
-				false,
-				"id",
-				_m0
-			],
-			[
-				false,
-				"className",
-				_m1
-			],
-			[true, _m2],
-			[
-				false,
-				"role",
-				_m3
-			],
-			[
-				false,
-				"aria-label",
-				_m4
-			],
-			[
-				false,
-				"aria-hidden",
-				_m5
-			],
-			[
-				false,
-				"aria-description",
-				_m6
-			],
-			[
-				false,
-				"aria-valuetext",
-				_m7
-			],
-			[
-				false,
-				"aria-disabled",
-				_m8
-			],
-			[
-				false,
-				"aria-selected",
-				_m9
-			],
-			[
-				false,
-				"aria-checked",
-				_m10
-			],
-			[
-				false,
-				"aria-live",
-				_m11
-			]
-		], "b:323f41d4", true);
-		markDangerouslySetInnerHTMLChildren(_root);
-		_m14 = child(_root);
-		_b = bag15(__s, _root, _m0, _m1, _m2, _m3, _m4, _m5, _m6, _m7, _m8, _m9, _m10, _m11, _m12, _m13, _m14);
-		__s.refFields = _rm$3;
-	} else {
-		{
-			const _v = props.id;
-			if (_b.a !== _v) _b.a = _v;
-		}
-		{
-			const _v = [
-				"vx-stack",
-				"vx-cameraview",
-				props.className
-			];
-			if (_b.b !== _v) _b.b = _v;
-		}
-		_b.c = snapshotSpread(layoutChildProps(props, props.style));
-		{
-			const _v = props.accessibilityRole;
-			if (_b.d !== _v) _b.d = _v;
-		}
-		{
-			const _v = props.accessibilityLabel;
-			if (_b.e !== _v) _b.e = _v;
-		}
-		{
-			const _v = props.accessible === false ? true : void 0;
-			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;
-			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.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,
-				"className",
-				_b.b
-			],
-			[true, _b.c],
-			[
-				false,
-				"role",
-				_b.d
-			],
-			[
-				false,
-				"aria-label",
-				_b.e
-			],
-			[
-				false,
-				"aria-hidden",
-				_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-live",
-				_b.l
-			]
-		], "b:323f41d4", true);
-	}
-	{
-		const __ifCondition = active;
-		ifBlock(__s, 1, _b.m, __ifCondition, __then$0, null, _b.o, __ifCondition ? [
-			el,
-			facing,
-			props,
-			readyFired
-		] : void 0);
-	}
-});
-//#endregion
-export { CameraView };

package/dist/web/Pager.web.tsrx.js

@@ -1,337 +0,0 @@
-import { layoutChildProps } from "./layout-child.web.js";
-import { applyWebProps } from "./platformProps.web.js";
-import { bag4, bagOf, child, clone, drainFrag, forBlock, hookSlots, ifBlock, markDangerouslySetInnerHTMLChildren, snapshotSpread, template, useEffect, useRef } from "octane";
-import { bindSignalChild, bindSignalHostPropSources, enableSignalBindings, setAriaAttributeIfChanged } from "octane/internal/client";
-//#region src/Pager.web.tsrx
-enableSignalBindings(1, true);
-var _t$0 = /* @__PURE__ */ template("<div class=\"vx-pager-page\" role=\"group\" aria-roledescription=\"slide\"></div>");
-var _t$1 = /* @__PURE__ */ template("<div><!></div>");
-var _t$2 = /* @__PURE__ */ template("<!>", 0, 1);
-var _hs$ = /* @__PURE__ */ hookSlots(8);
-var _key$1 = (item, i) => i;
-function __item$2(item, __s, __extra) {
-	const __block = __s.block;
-	const props = __extra[0];
-	const i = __block.itemIndex;
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m1;
-		const _root = clone(_t$0);
-		_m1 = _root;
-		_b = bag4(__s, _root, void 0, _m1, null, void 0);
-	}
-	_b.a = setAriaAttributeIfChanged(`${i + 1} of ${props.items.length}`, _b.a, _b.b, "aria-label");
-	_b.e = bindSignalChild(__s, _b.e, 1, _b.b, props.renderItem(item, i), "b:a193c343", null, void 0, void 0, void 0, true);
-}
-var _rm$5 = [
-	"s",
-	"p",
-	"o"
-];
-function __then$0(__props, __s, __extra) {
-	const host = __extra[0];
-	const props = __extra[1];
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m0, _m1, _m2, _m3, _m4, _m5, _m6, _m7, _m8, _m9, _m10, _m11, _m12, _m13, _m14, _m15, _m16;
-		const _root = clone(_t$1);
-		_m0 = (el) => {
-			host.current = el;
-			applyWebProps(el, props.web);
-		};
-		_m1 = props.id;
-		_m2 = ["vx-pager", props.className];
-		_m3 = snapshotSpread(layoutChildProps(props));
-		_m4 = props.accessibilityRole ?? "group";
-		_m5 = "carousel";
-		_m6 = props.accessibilityLabel;
-		_m7 = props.accessible === false ? true : void 0;
-		_m8 = props.accessibilityHint;
-		_m9 = props.accessibilityValue;
-		_m10 = props.accessibilityState?.disabled;
-		_m11 = props.accessibilityState?.selected;
-		_m12 = props.accessibilityState?.checked;
-		_m13 = props.accessibilityLiveRegion === "none" ? "off" : props.accessibilityLiveRegion;
-		_m14 = _root;
-		_m15 = bindSignalHostPropSources(__s, void 0, _root, [
-			[
-				false,
-				"ref",
-				_m0
-			],
-			[
-				false,
-				"id",
-				_m1
-			],
-			[
-				false,
-				"className",
-				_m2
-			],
-			[true, _m3],
-			[
-				false,
-				"role",
-				_m4
-			],
-			[
-				false,
-				"aria-roledescription",
-				_m5
-			],
-			[
-				false,
-				"aria-label",
-				_m6
-			],
-			[
-				false,
-				"aria-hidden",
-				_m7
-			],
-			[
-				false,
-				"aria-description",
-				_m8
-			],
-			[
-				false,
-				"aria-valuetext",
-				_m9
-			],
-			[
-				false,
-				"aria-disabled",
-				_m10
-			],
-			[
-				false,
-				"aria-selected",
-				_m11
-			],
-			[
-				false,
-				"aria-checked",
-				_m12
-			],
-			[
-				false,
-				"aria-live",
-				_m13
-			]
-		], "b:452923c1", true);
-		markDangerouslySetInnerHTMLChildren(_root);
-		_m16 = child(_root);
-		_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
-		});
-		__s.refFields = _rm$5;
-	} else {
-		{
-			const _v = (el) => {
-				host.current = el;
-				applyWebProps(el, props.web);
-			};
-			if (_b.a !== _v) _b.a = _v;
-		}
-		{
-			const _v = props.id;
-			if (_b.b !== _v) _b.b = _v;
-		}
-		{
-			const _v = ["vx-pager", props.className];
-			if (_b.c !== _v) _b.c = _v;
-		}
-		_b.d = snapshotSpread(layoutChildProps(props));
-		{
-			const _v = props.accessibilityRole ?? "group";
-			if (_b.e !== _v) _b.e = _v;
-		}
-		{
-			const _v = "carousel";
-			if (_b.f !== _v) _b.f = _v;
-		}
-		{
-			const _v = props.accessibilityLabel;
-			if (_b.g !== _v) _b.g = _v;
-		}
-		{
-			const _v = props.accessible === false ? true : void 0;
-			if (_b.h !== _v) _b.h = _v;
-		}
-		{
-			const _v = props.accessibilityHint;
-			if (_b.i !== _v) _b.i = _v;
-		}
-		{
-			const _v = props.accessibilityValue;
-			if (_b.j !== _v) _b.j = _v;
-		}
-		{
-			const _v = props.accessibilityState?.disabled;
-			if (_b.k !== _v) _b.k = _v;
-		}
-		{
-			const _v = props.accessibilityState?.selected;
-			if (_b.l !== _v) _b.l = _v;
-		}
-		{
-			const _v = props.accessibilityState?.checked;
-			if (_b.m !== _v) _b.m = _v;
-		}
-		{
-			const _v = props.accessibilityLiveRegion === "none" ? "off" : props.accessibilityLiveRegion;
-			if (_b.n !== _v) _b.n = _v;
-		}
-		_b.p = bindSignalHostPropSources(__s, _b.p, _b.o, [
-			[
-				false,
-				"ref",
-				_b.a
-			],
-			[
-				false,
-				"id",
-				_b.b
-			],
-			[
-				false,
-				"className",
-				_b.c
-			],
-			[true, _b.d],
-			[
-				false,
-				"role",
-				_b.e
-			],
-			[
-				false,
-				"aria-roledescription",
-				_b.f
-			],
-			[
-				false,
-				"aria-label",
-				_b.g
-			],
-			[
-				false,
-				"aria-hidden",
-				_b.h
-			],
-			[
-				false,
-				"aria-description",
-				_b.i
-			],
-			[
-				false,
-				"aria-valuetext",
-				_b.j
-			],
-			[
-				false,
-				"aria-disabled",
-				_b.k
-			],
-			[
-				false,
-				"aria-selected",
-				_b.l
-			],
-			[
-				false,
-				"aria-checked",
-				_b.m
-			],
-			[
-				false,
-				"aria-live",
-				_b.n
-			]
-		], "b:452923c1", true);
-	}
-	forBlock(__s, 1, _b.o, props.items, _key$1, __item$2, 50, [props], null, _b.q, true, "f3hircj");
-}
-function __else$6(__props, __s, __extra) {
-	const __block = __s.block;
-	const props = __extra[1];
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m0, _m1;
-		const _root = clone(_t$2);
-		_m0 = __block.parentNode;
-		_m1 = child(_root);
-		drainFrag(_root, __block.parentNode, __block.endMarker);
-		_b = bag4(__s, null, _m0, _m1, null, void 0);
-	}
-	_b.e = bindSignalChild(__s, _b.e, 1, _b.a, props.renderEmpty?.(), "b:8f0f2972", _b.b, true, void 0, true, void 0);
-}
-var Pager = function Pager(props, __s, __extra) {
-	const __block = __s.block;
-	const host = useRef(null, _hs$ + 0);
-	const latest = useRef(props, _hs$ + 1);
-	const current = useRef(props.page ?? props.defaultPage ?? 0, _hs$ + 2);
-	const settle = useRef(null, _hs$ + 3);
-	useEffect(() => {
-		latest.current = props;
-	}, [props], _hs$ + 4);
-	useEffect(() => {
-		const el = host.current;
-		if (!el) return;
-		const onScroll = () => {
-			if (settle.current !== null) clearTimeout(settle.current);
-			settle.current = setTimeout(() => {
-				settle.current = null;
-				const el2 = host.current;
-				if (!el2 || el2.clientWidth === 0) return;
-				const max = Math.max(latest.current.items.length - 1, 0);
-				const next = Math.max(0, Math.min(max, Math.round(el2.scrollLeft / el2.clientWidth)));
-				if (next !== current.current) {
-					current.current = next;
-					latest.current.onPageChange?.(next);
-				}
-			}, 90);
-		};
-		el.addEventListener("scroll", onScroll, { passive: true });
-		return () => {
-			el.removeEventListener("scroll", onScroll);
-			if (settle.current !== null) clearTimeout(settle.current);
-		};
-	}, [], _hs$ + 5);
-	useEffect(() => {
-		const el = host.current;
-		if (!el || current.current <= 0) return;
-		el.scrollLeft = current.current * el.clientWidth;
-	}, [], _hs$ + 6);
-	useEffect(() => {
-		const el = host.current;
-		if (!el || props.page === void 0 || props.page === current.current) return;
-		current.current = props.page;
-		el.scrollTo({
-			left: props.page * el.clientWidth,
-			behavior: "smooth"
-		});
-	}, [props.page], _hs$ + 7);
-	ifBlock(__s, 0, __block.parentNode, props.items.length > 0, __then$0, __else$6, __block.endMarker, [host, props]);
-};
-//#endregion
-export { Pager };