softbox 4.24.0 → 4.25.0

package/dist/simple-viewer.es.js

@@ -8750,28 +8750,59 @@ function gc({ source: e, options: t, clearPresetRow: n }) {
 	});
 }
 //#endregion
+//#region src/presentation/components/PosterOverlay.tsx
+var _c = 400;
+function vc({ src: e, visible: t }) {
+	let [n, r] = k(!1);
+	return E(() => {
+		if (t) return;
+		let e = setTimeout(() => r(!0), 500);
+		return () => clearTimeout(e);
+	}, [t]), n ? null : /* @__PURE__ */ H("img", {
+		"data-testid": "viewer-poster",
+		src: e,
+		alt: "",
+		"aria-hidden": "true",
+		draggable: !1,
+		onTransitionEnd: () => {
+			t || r(!0);
+		},
+		style: {
+			position: "absolute",
+			inset: 0,
+			width: "100%",
+			height: "100%",
+			objectFit: "cover",
+			zIndex: 15,
+			pointerEvents: t ? "auto" : "none",
+			opacity: +!!t,
+			transition: `opacity ${_c}ms ease`
+		}
+	});
+}
+//#endregion
 //#region src/presentation/components/loadingIndicatorConfig.ts
-var _c = {
+var yc = {
 	enabled: !0,
 	label: "Loading…",
 	color: "#ffffff",
 	backdrop: "rgba(15,16,20,0.6)"
 };
-function vc(e) {
-	return e === void 0 || e === !0 ? _c : e === !1 ? {
-		..._c,
+function bc(e) {
+	return e === void 0 || e === !0 ? yc : e === !1 ? {
+		...yc,
 		enabled: !1
 	} : {
 		enabled: e.enabled ?? !0,
-		label: e.label ?? _c.label,
+		label: e.label ?? yc.label,
 		errorLabel: e.errorLabel,
-		color: e.color ?? _c.color,
-		backdrop: e.backdrop ?? _c.backdrop
+		color: e.color ?? yc.color,
+		backdrop: e.backdrop ?? yc.backdrop
 	};
 }
 //#endregion
 //#region src/presentation/components/SimpleViewer.tsx
-var yc = () => new t("Viewer is not ready yet", i.COMPONENT_NOT_MOUNTED), bc = ne(({ object: e, options: t = {}, preset: n, pathTraced: r, turntable: i, animations: a, children: s }, c) => {
+var xc = () => new t("Viewer is not ready yet", i.COMPONENT_NOT_MOUNTED), Sc = ne(({ object: e, options: t = {}, preset: n, pathTraced: r, turntable: i, animations: a, children: s }, c) => {
 	let l = O(null), { activePreset: u, pickerEnabled: d, selectPreset: f } = Lo(t.preset ?? n, t.ui), { viewer: p, isInitialized: m, initError: h } = Fo(l, Ro(t, u, r, i, a)), g = zo(p, m, e), y = Vo(p);
 	Ho(p, h, t);
 	let x = p ? _(p.getCamera()) : null, S = p ? b(p.getControls()) : null, ee = p ? o(p.getRenderer()) : null, te = re(() => {
@@ -8785,7 +8816,27 @@ var yc = () => new t("Viewer is not ready yet", i.COMPONENT_NOT_MOUNTED), bc = n
 		let e = () => ie(p.getModelUrl());
 		return e(), y.on("model:loaded", e), () => y.off("model:loaded", e);
 	}, [p, y]);
-	let oe = ne ?? e, A = D(() => vc(t.loadingIndicator), [t.loadingIndicator]), se = g.status === "error" || !!h, ce = A.enabled && (g.status === "loading" || se);
+	let oe = ne ?? e, A = t.poster || null, [se, ce] = k(!1);
+	E(() => {
+		if (!A || se) return;
+		if (g.status === "loaded") {
+			ce(!0);
+			return;
+		}
+		let e = !1, t = () => {
+			e = !0;
+		}, n = () => {
+			e && ce(!0);
+		};
+		return y.on("model:loaded", t), y.on("render:complete", n), () => {
+			y.off("model:loaded", t), y.off("render:complete", n);
+		};
+	}, [
+		A,
+		se,
+		y
+	]);
+	let le = D(() => bc(t.loadingIndicator), [t.loadingIndicator]), ue = g.status === "error" || !!h, de = le.enabled && (g.status === "loading" || ue), fe = !se && !(ue && !le.enabled);
 	return ae(c, () => ({
 		scene: p ? v(p.getScene()) : null,
 		camera: x,
@@ -8793,18 +8844,18 @@ var yc = () => new t("Viewer is not ready yet", i.COMPONENT_NOT_MOUNTED), bc = n
 		controls: S,
 		events: y,
 		loadModel: async (e) => {
-			if (!p) throw yc();
+			if (!p) throw xc();
 			let t = typeof e == "string" ? e : new on(e), n = await p.loadModel(t);
 			if (!n.ok) throw n.error;
 		},
 		captureStill: async (e) => {
-			if (!p) throw yc();
+			if (!p) throw xc();
 			let t = await p.captureStill(e);
 			if (!t.ok) throw t.error;
 			return t.value;
 		},
 		captureVideo: async (e) => {
-			if (!p) throw yc();
+			if (!p) throw xc();
 			let t = await p.captureVideo(e);
 			if (!t.ok) throw t.error;
 			return t.value;
@@ -8812,12 +8863,12 @@ var yc = () => new t("Viewer is not ready yet", i.COMPONENT_NOT_MOUNTED), bc = n
 		getAnimationNames: () => p?.getAnimationNames() ?? [],
 		getVariantNames: () => p?.getVariantNames() ?? [],
 		setVariant: (e) => {
-			if (!p) throw yc();
+			if (!p) throw xc();
 			let t = p.setMaterialVariant(e);
 			if (!t.ok) throw t.error;
 		},
 		playAnimations: (e) => {
-			if (!p) throw yc();
+			if (!p) throw xc();
 			let t = p.playAnimations(e);
 			if (!t.ok) throw t.error;
 		},
@@ -8825,22 +8876,22 @@ var yc = () => new t("Viewer is not ready yet", i.COMPONENT_NOT_MOUNTED), bc = n
 			p?.pauseAnimations();
 		},
 		setEnvironmentMap: async (e) => {
-			if (!p) throw yc();
+			if (!p) throw xc();
 			let t = await p.setEnvironmentMap(e);
 			if (!t.ok) throw t.error;
 		},
 		resetEnvironment: () => {
-			if (!p) throw yc();
+			if (!p) throw xc();
 			let e = p.resetEnvironment();
 			if (!e.ok) throw e.error;
 		},
 		setBackgroundImage: async (e) => {
-			if (!p) throw yc();
+			if (!p) throw xc();
 			let t = await p.setBackgroundImage(e);
 			if (!t.ok) throw t.error;
 		},
 		setBackgroundColor: (e) => {
-			if (!p) throw yc();
+			if (!p) throw xc();
 			let t = p.setBackgroundColor(e);
 			if (!t.ok) throw t.error;
 		},
@@ -8871,11 +8922,11 @@ var yc = () => new t("Viewer is not ready yet", i.COMPONENT_NOT_MOUNTED), bc = n
 					placement: w.placement,
 					size: w.size
 				}),
-				ce && /* @__PURE__ */ H(ic, {
-					status: se ? "error" : "loading",
-					label: se ? A.errorLabel ?? h?.message ?? g.error ?? "Failed to load model" : A.label,
-					color: A.color,
-					backdrop: A.backdrop
+				de && /* @__PURE__ */ H(ic, {
+					status: ue ? "error" : "loading",
+					label: ue ? le.errorLabel ?? h?.message ?? g.error ?? "Failed to load model" : le.label,
+					color: le.color,
+					backdrop: le.backdrop
 				}),
 				d && /* @__PURE__ */ H(cc, {
 					active: u ?? "studio",
@@ -8886,22 +8937,26 @@ var yc = () => new t("Viewer is not ready yet", i.COMPONENT_NOT_MOUNTED), bc = n
 					options: T,
 					clearPresetRow: d
 				}),
+				A && /* @__PURE__ */ H(vc, {
+					src: A,
+					visible: fe
+				}),
 				s
 			]
 		})
 	}) });
 });
-bc.displayName = "SimpleViewer";
+Sc.displayName = "SimpleViewer";
 //#endregion
 //#region src/SimpleViewerWrapper.tsx
-var xc = ne((e, t) => /* @__PURE__ */ H(bc, {
+var Cc = ne((e, t) => /* @__PURE__ */ H(Sc, {
 	ref: t,
 	...e
 }));
-xc.displayName = "SimpleViewer";
+Cc.displayName = "SimpleViewer";
 //#endregion
 //#region src/presentation/components/Hotspot.tsx
-var Sc = () => /* @__PURE__ */ H("span", {
+var wc = () => /* @__PURE__ */ H("span", {
 	"aria-hidden": "true",
 	style: {
 		display: "block",
@@ -8913,7 +8968,7 @@ var Sc = () => /* @__PURE__ */ H("span", {
 		boxShadow: "0 2px 8px rgba(0,0,0,0.35)"
 	}
 });
-function Cc({ position: e, occlude: t = !1, children: n }) {
+function Tc({ position: e, occlude: t = !1, children: n }) {
 	let { viewer: r } = Go(), i = O(null), [a, o, s] = e;
 	E(() => {
 		if (!r) return;
@@ -8966,8 +9021,8 @@ function Cc({ position: e, occlude: t = !1, children: n }) {
 			zIndex: 5,
 			pointerEvents: c ? "auto" : "none"
 		},
-		children: c ? n : /* @__PURE__ */ H(Sc, {})
+		children: c ? n : /* @__PURE__ */ H(wc, {})
 	});
 }
 //#endregion
-export { Xa as ControlType, wo as DEFAULT_OUTDOOR_CONCRETE_TEXTURES, Co as DEFAULT_OUTDOOR_HDRI_URL, Eo as DEFAULT_SCENE, Za as DEFAULT_STUDIO_LOOK, i as ErrorCode, Cc as Hotspot, xc as SimpleViewer, t as ThreeViewerError, n as TypedEventEmitter, Oo as VIEWER_PRESETS, To as VIEWER_SCENES, So as defaultOptions, ko as resolvePreset, Do as resolveScene };
+export { Xa as ControlType, wo as DEFAULT_OUTDOOR_CONCRETE_TEXTURES, Co as DEFAULT_OUTDOOR_HDRI_URL, Eo as DEFAULT_SCENE, Za as DEFAULT_STUDIO_LOOK, i as ErrorCode, Tc as Hotspot, Cc as SimpleViewer, t as ThreeViewerError, n as TypedEventEmitter, Oo as VIEWER_PRESETS, To as VIEWER_SCENES, So as defaultOptions, ko as resolvePreset, Do as resolveScene };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "softbox",
   "private": false,
-  "version": "4.24.0",
+  "version": "4.25.0",
   "homepage": "https://leming.github.io/softbox/",
   "type": "module",
   "description": "Batteries-included React 3D viewer — any GLB looks studio-shot in one line",