@octane-xplat/lottie 0.13.0 → 0.15.0

package/dist/web/index.js

@@ -1,345 +0,0 @@
-import { applyEscapeProps } from "./escape-props.web.js";
-import { layoutChildProps } from "./layout-child.web.js";
-import { __s, bagOf, clone, hookSlots, snapshotSpread, template, useEffect, useImperativeHandle, useRef, useState } from "octane";
-import { bindSignalChild, bindSignalHostPropSources, compilerMemoRegion, enableSignalBindings, hookMemoCreate, hookMemoPublishInvariant } from "octane/internal/client";
-import lottie from "lottie-web";
-//#region src/Lottie.web.tsrx
-enableSignalBindings(1, true);
-var _t$0 = /* @__PURE__ */ template("<div></div>");
-var _hs$ = /* @__PURE__ */ hookSlots(10);
-var _rm$1 = [
-	"s",
-	"o",
-	"n"
-];
-var PRESERVE = {
-	contain: "xMidYMid meet",
-	cover: "xMidYMid slice",
-	fill: "none"
-};
-var clamp01 = (n) => Math.min(1, Math.max(0, n));
-var Lottie = /* @__PURE__ */ __s(function Lottie(props, __s, __extra) {
-	const __memoRegion = compilerMemoRegion(__s, _hs$ + 0);
-	let __hk = __memoRegion.hooks;
-	if (__hk === void 0) __memoRegion.hooks = __hk = hookMemoCreate(2);
-	const [animation, setAnimation] = useState(null, _hs$ + 0);
-	const el = useRef(null, _hs$ + 1);
-	const anim = useRef(null, _hs$ + 2);
-	const ready = useRef(false, _hs$ + 3);
-	const wantPlay = () => props.playing ?? props.autoPlay ?? true;
-	const build = (host) => {
-		anim.current?.destroy();
-		anim.current = null;
-		setAnimation(null);
-		ready.current = false;
-		let animationData;
-		try {
-			animationData = props.data ?? (props.src?.startsWith("{") ? JSON.parse(props.src) : void 0);
-		} catch (error) {
-			props.onError?.({ message: error instanceof Error ? error.message : String(error) });
-			return;
-		}
-		const path = animationData ? void 0 : props.src;
-		if (!animationData && !path) return;
-		let a;
-		try {
-			a = lottie.loadAnimation({
-				container: host,
-				renderer: "svg",
-				loop: props.loop ?? false,
-				autoplay: false,
-				animationData,
-				path,
-				rendererSettings: { preserveAspectRatio: PRESERVE[props.fit ?? "contain"] }
-			});
-		} catch (error) {
-			props.onError?.({ message: error instanceof Error ? error.message : String(error) });
-			return;
-		}
-		anim.current = a;
-		setAnimation(a);
-		a.addEventListener("DOMLoaded", () => {
-			ready.current = true;
-			if (props.speed !== void 0) a.setSpeed(props.speed);
-			if (props.progress !== void 0) seekTo(props.progress);
-			props.onLoaded?.({ duration: a.getDuration() * 1e3 });
-			if (wantPlay()) a.play();
-		});
-		a.addEventListener("complete", () => props.onEnded?.());
-		a.addEventListener("data_failed", () => props.onError?.({ message: "animation data failed to load" }));
-		a.addEventListener("error", () => props.onError?.({ message: "animation failed" }));
-	};
-	const seekTo = __hk[0] ?? hookMemoPublishInvariant(__hk, 0, (p) => {
-		const a = anim.current;
-		if (!a) return;
-		const frame = clamp01(p) * a.totalFrames;
-		if (a.isPaused) a.goToAndStop(frame, true);
-		else a.goToAndPlay(frame, true);
-	});
-	useEffect(() => {
-		const host = el.current;
-		if (!host) return;
-		build(host);
-		return () => {
-			anim.current?.destroy();
-			anim.current = null;
-			ready.current = false;
-		};
-	}, [
-		props.src,
-		props.data,
-		props.fit
-	], _hs$ + 4);
-	useEffect(() => {
-		if (props.loop !== void 0 && anim.current) anim.current.loop = props.loop;
-	}, [props.loop], _hs$ + 5);
-	useEffect(() => {
-		if (props.playing === void 0 || !anim.current || !ready.current) return;
-		if (props.playing) anim.current.play();
-		else anim.current.pause();
-	}, [props.playing], _hs$ + 6);
-	useEffect(() => {
-		if (props.progress === void 0) return;
-		seekTo(props.progress);
-	}, [props.progress], _hs$ + 7);
-	useEffect(() => {
-		if (props.speed !== void 0) anim.current?.setSpeed(props.speed);
-	}, [props.speed], _hs$ + 8);
-	const handle = __hk[1] ?? hookMemoPublishInvariant(__hk, 1, (a) => ({
-		play: () => a.play(),
-		pause: () => a.pause(),
-		stop: () => a.stop(),
-		seekTo,
-		setSpeed: (n) => a.setSpeed(n),
-		progress: () => a.totalFrames ? a.currentRawFrame / a.totalFrames : 0,
-		duration: () => a.getDuration() * 1e3,
-		isPlaying: () => !a.isPaused,
-		native: a
-	}));
-	useImperativeHandle(props.ref, () => animation ? handle(animation) : null, [animation], _hs$ + 9);
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m0, _m1, _m2, _m3, _m4, _m5, _m6, _m7, _m8, _m9, _m10, _m11, _m12, _m14;
-		const _root = clone(_t$0);
-		_m0 = (v) => {
-			el.current = v;
-			if (!v) return;
-			applyEscapeProps(v, props);
-		};
-		_m1 = props.id;
-		_m2 = props.className;
-		_m3 = snapshotSpread(layoutChildProps(props, props.style));
-		_m4 = props.accessibilityRole ?? "img";
-		_m5 = props.accessibilityLabel;
-		_m6 = props.accessible === false ? true : void 0;
-		_m7 = props.accessibilityHint;
-		_m8 = props.accessibilityValue;
-		_m9 = props.accessibilityState?.disabled;
-		_m10 = props.accessibilityState?.selected;
-		_m11 = props.accessibilityState?.checked;
-		_m12 = props.accessibilityLiveRegion === "none" ? "off" : props.accessibilityLiveRegion;
-		_m14 = bindSignalHostPropSources(__s, void 0, _root, [
-			[
-				false,
-				"ref",
-				_m0
-			],
-			[
-				false,
-				"id",
-				_m1
-			],
-			[
-				false,
-				"className",
-				_m2
-			],
-			[true, _m3],
-			[
-				false,
-				"role",
-				_m4
-			],
-			[
-				false,
-				"aria-label",
-				_m5
-			],
-			[
-				false,
-				"aria-hidden",
-				_m6
-			],
-			[
-				false,
-				"aria-description",
-				_m7
-			],
-			[
-				false,
-				"aria-valuetext",
-				_m8
-			],
-			[
-				false,
-				"aria-disabled",
-				_m9
-			],
-			[
-				false,
-				"aria-selected",
-				_m10
-			],
-			[
-				false,
-				"aria-checked",
-				_m11
-			],
-			[
-				false,
-				"aria-live",
-				_m12
-			]
-		], "b:9888aaf9", false);
-		_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: _root,
-			o: _m14,
-			p: null,
-			q: __s
-		});
-		__s.refFields = _rm$1;
-	} else {
-		{
-			const _v = (v) => {
-				el.current = v;
-				if (!v) return;
-				applyEscapeProps(v, 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, props.style));
-		{
-			const _v = props.accessibilityRole ?? "img";
-			if (_b.e !== _v) _b.e = _v;
-		}
-		{
-			const _v = props.accessibilityLabel;
-			if (_b.f !== _v) _b.f = _v;
-		}
-		{
-			const _v = props.accessible === false ? true : void 0;
-			if (_b.g !== _v) _b.g = _v;
-		}
-		{
-			const _v = props.accessibilityHint;
-			if (_b.h !== _v) _b.h = _v;
-		}
-		{
-			const _v = props.accessibilityValue;
-			if (_b.i !== _v) _b.i = _v;
-		}
-		{
-			const _v = props.accessibilityState?.disabled;
-			if (_b.j !== _v) _b.j = _v;
-		}
-		{
-			const _v = props.accessibilityState?.selected;
-			if (_b.k !== _v) _b.k = _v;
-		}
-		{
-			const _v = props.accessibilityState?.checked;
-			if (_b.l !== _v) _b.l = _v;
-		}
-		{
-			const _v = props.accessibilityLiveRegion === "none" ? "off" : props.accessibilityLiveRegion;
-			if (_b.m !== _v) _b.m = _v;
-		}
-		_b.o = bindSignalHostPropSources(__s, _b.o, _b.n, [
-			[
-				false,
-				"ref",
-				_b.a
-			],
-			[
-				false,
-				"id",
-				_b.b
-			],
-			[
-				false,
-				"className",
-				_b.c
-			],
-			[true, _b.d],
-			[
-				false,
-				"role",
-				_b.e
-			],
-			[
-				false,
-				"aria-label",
-				_b.f
-			],
-			[
-				false,
-				"aria-hidden",
-				_b.g
-			],
-			[
-				false,
-				"aria-description",
-				_b.h
-			],
-			[
-				false,
-				"aria-valuetext",
-				_b.i
-			],
-			[
-				false,
-				"aria-disabled",
-				_b.j
-			],
-			[
-				false,
-				"aria-selected",
-				_b.k
-			],
-			[
-				false,
-				"aria-checked",
-				_b.l
-			],
-			[
-				false,
-				"aria-live",
-				_b.m
-			]
-		], "b:9888aaf9", false);
-	}
-	_b.r = bindSignalChild(__s, _b.r, 1, _b.n, Object.prototype.propertyIsEnumerable.call(_b.o.resolved, "children") ? _b.o.resolved.children : void 0, "b:9888aaf9", null, void 0, void 0, void 0, true);
-});
-//#endregion
-export { Lottie };

package/dist/web/layout-child.web.js

@@ -1,47 +0,0 @@
-//#region src/layout-child.web.ts
-/** The shared contract is "numbers are dips" (RN semantics), but octane's DOM
-*  renderer keeps React's unitless list — lineHeight is unitless there, so
-*  `style={{lineHeight: 40}}` would render a 40× multiplier instead of 40px.
-*  lineHeight is the one unitless-in-React prop that is a length in the
-*  shared vocabulary; force the px suffix. */
-function normStyle(style) {
-	if (style && typeof style.lineHeight === "number") return {
-		...style,
-		lineHeight: style.lineHeight + "px"
-	};
-	return style;
-}
-var FLEX_JUSTIFY = {
-	start: "flex-start",
-	end: "flex-end"
-};
-var FLEX_ALIGN = {
-	start: "flex-start",
-	end: "flex-end"
-};
-/** Convert parent-layout metadata to CSS on the web leaf. Native's `dock`
-*  attribute has no CSS equivalent and is ignored on web. Grid indices are
-*  zero-based in the shared API, matching NativeScript. */
-function layoutChildProps(props, baseStyle = props.style) {
-	const style = { ...normStyle(baseStyle) };
-	if (props.row !== void 0) style.gridRow = `${props.row + 1} / span ${props.rowSpan ?? 1}`;
-	else if (props.rowSpan !== void 0) style.gridRow = `span ${props.rowSpan}`;
-	if (props.col !== void 0) style.gridColumn = `${props.col + 1} / span ${props.colSpan ?? 1}`;
-	else if (props.colSpan !== void 0) style.gridColumn = `span ${props.colSpan}`;
-	if (props.left !== void 0) style.left = props.left;
-	if (props.top !== void 0) style.top = props.top;
-	if (props.flexGrow !== void 0) style.flexGrow = props.flexGrow;
-	if (props.flexShrink !== void 0) style.flexShrink = props.flexShrink;
-	if (props.alignSelf !== void 0) style.alignSelf = props.alignSelf;
-	if (props.order !== void 0) style.order = props.order;
-	if (props.justifyContent !== void 0) style.justifyContent = FLEX_JUSTIFY[props.justifyContent] ?? props.justifyContent;
-	if (props.alignItems !== void 0) style.alignItems = FLEX_ALIGN[props.alignItems] ?? props.alignItems;
-	if (props.flexWrap !== void 0) style.flexWrap = props.flexWrap === true ? "wrap" : props.flexWrap === false ? "nowrap" : props.flexWrap;
-	if (props.gap !== void 0) style.gap = props.gap;
-	if (props.rowGap !== void 0) style.rowGap = props.rowGap;
-	if (props.columnGap !== void 0) style.columnGap = props.columnGap;
-	if (typeof style.lineHeight === "number") style.lineHeight = style.lineHeight + "px";
-	return { style };
-}
-//#endregion
-export { layoutChildProps, normStyle };

package/dist/web/octane-client-build.json

@@ -1,8 +0,0 @@
-{
-  "version": 1,
-  "buildId": "d701b975-f1a6-4ba8-9be9-d3ee9a8cb5b5",
-  "mode": "production",
-  "capabilities": {
-    "independentHydration": false
-  }
-}

package/src/cx.mobile.ts

@@ -1,9 +0,0 @@
-/** Native renderers now normalize the declarative `className` prop, but
- *  imperative `view.className` writes still need a pre-joined string — NS
- *  splits on ' ' only. Native leaves keep normalizing through cx() before
- *  handing className to an intrinsic so both paths accept the same values.
- *  (The DOM renderer already flattens arrays, so web leaves don't need
- *  this.) */
-export function cx(...parts: any[]): string {
-	return parts.flat(Infinity).filter(Boolean).join(' ')
-}

package/types/generated/cx.mobile.d.ts

@@ -1,7 +0,0 @@
-/** Native renderers now normalize the declarative `className` prop, but
- *  imperative `view.className` writes still need a pre-joined string — NS
- *  splits on ' ' only. Native leaves keep normalizing through cx() before
- *  handing className to an intrinsic so both paths accept the same values.
- *  (The DOM renderer already flattens arrays, so web leaves don't need
- *  this.) */
-export declare function cx(...parts: any[]): string;