@wyxos/vibe 4.5.5 → 4.5.6

package/lib/index.js

@@ -59,7 +59,8 @@ var L = {
 		hasError: { type: Boolean },
 		hasNext: { type: Boolean },
 		isLoading: { type: Boolean },
-		loadMoreLocked: { type: Boolean }
+		loadMoreLocked: { type: Boolean },
+		showLoadMore: { type: Boolean }
 	},
 	emits: ["loadMore", "retryEnd"],
 	setup(e, { emit: t }) {
@@ -67,7 +68,7 @@ var L = {
 		function i() {
 			n.loadMoreLocked || (n.hasNext ? r("loadMore") : r("retryEnd"));
 		}
-		return (t, n) => e.hasNext || e.isLoading || e.hasError || e.canRetryEnd ? (b(), s("footer", L, [e.isLoading ? (b(), s("p", R, " Loading more… ")) : e.hasError || e.hasNext ? (b(), s("button", {
+		return (t, n) => e.isLoading || e.hasError || e.hasNext && e.showLoadMore || !e.hasNext && e.canRetryEnd ? (b(), s("footer", L, [e.isLoading ? (b(), s("p", R, " Loading more… ")) : e.hasError || e.hasNext && e.showLoadMore ? (b(), s("button", {
 			key: 1,
 			"data-test": "load-more",
 			class: "load-more-button",
@@ -95,6 +96,7 @@ var L = {
 		hasNext: { type: Boolean },
 		isLoading: { type: Boolean },
 		loadMoreLocked: { type: Boolean },
+		showLoadMore: { type: Boolean },
 		state: {}
 	},
 	emits: ["loadMore", "retryEnd"],
@@ -110,6 +112,7 @@ var L = {
 			key: 0,
 			actions: e.actions,
 			"can-retry-end": e.canRetryEnd,
+			"show-load-more": e.showLoadMore,
 			state: e.state,
 			onAutofillCancel: i,
 			onLoadMore: n[0] ||= (e) => r("loadMore"),
@@ -118,6 +121,7 @@ var L = {
 		}, null, 40, [
 			"actions",
 			"can-retry-end",
+			"show-load-more",
 			"state"
 		])) : (b(), a(H, {
 			key: 1,
@@ -126,6 +130,7 @@ var L = {
 			"has-next": e.hasNext,
 			"is-loading": e.isLoading,
 			"load-more-locked": e.loadMoreLocked,
+			"show-load-more": e.showLoadMore,
 			onLoadMore: n[2] ||= (e) => r("loadMore"),
 			onRetryEnd: n[3] ||= (e) => r("retryEnd")
 		}, null, 8, [
@@ -133,7 +138,8 @@ var L = {
 			"has-error",
 			"has-next",
 			"is-loading",
-			"load-more-locked"
+			"load-more-locked",
+			"show-load-more"
 		]));
 	}
 }), W = ["role"], G = { class: "gallery-status" }, ee = /* @__PURE__ */ d({
@@ -159,6 +165,7 @@ var L = {
 			"has-next": t.state.next !== null,
 			"is-loading": t.state.isLoadingMore,
 			"load-more-locked": t.state.loadMoreLocked,
+			"show-load-more": "",
 			state: t.state,
 			onLoadMore: u[0] ||= (e) => i("loadMore"),
 			onRetryEnd: u[1] ||= (e) => i("retryEnd")
@@ -189,11 +196,11 @@ function ne(e) {
 function re(e) {
 	return Math.max(0, e.containerHeight) + Math.max(0, e.gap);
 }
-function q(e, t) {
+function ie(e, t) {
 	let n = Math.max(0, t.overscan), r = t.scrollTop - n, i = t.scrollTop + Math.max(0, t.viewportHeight) + n;
 	return e.reduce((e, t, n) => (t.y + t.height >= r && t.y <= i && e.push(n), e), []);
 }
-function J(e, t, n) {
+function ae(e, t, n) {
 	if (t <= 0 || e.length === 0) return {
 		columns: 0,
 		height: 0,
@@ -216,10 +223,10 @@ function J(e, t, n) {
 }
 //#endregion
 //#region src/core/scrollbar.ts
-function ie(e, t, n) {
+function q(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function Y({ contentSize: e, minimumThumbSize: t, scrollPosition: n, trackSize: r, viewportSize: i }) {
+function oe({ contentSize: e, minimumThumbSize: t, scrollPosition: n, trackSize: r, viewportSize: i }) {
 	let a = Math.max(0, e), o = Math.max(0, r), s = Math.max(0, i), c = Math.max(0, a - s);
 	if (!(c > 0 && o > 0)) return {
 		maximumScrollPosition: c,
@@ -228,23 +235,23 @@ function Y({ contentSize: e, minimumThumbSize: t, scrollPosition: n, trackSize:
 		thumbSize: o,
 		thumbTravel: 0
 	};
-	let l = ie(s / a * o, Math.min(Math.max(0, t), o), o), u = Math.max(0, o - l);
+	let l = q(s / a * o, Math.min(Math.max(0, t), o), o), u = Math.max(0, o - l);
 	return {
 		maximumScrollPosition: c,
 		scrollable: !0,
-		thumbOffset: u * (ie(n, 0, c) / c),
+		thumbOffset: u * (q(n, 0, c) / c),
 		thumbSize: l,
 		thumbTravel: u
 	};
 }
 //#endregion
 //#region src/components/GalleryScrollbar.vue?vue&type=script&setup=true&lang.ts
-var X = ["aria-hidden"], ae = [
+var J = ["aria-hidden"], se = [
 	"aria-controls",
 	"aria-valuemax",
 	"aria-valuenow",
 	"tabindex"
-], oe = 32, se = 40, ce = 120, le = /* @__PURE__ */ d({
+], ce = 32, Y = 40, le = 120, X = /* @__PURE__ */ d({
 	__name: "GalleryScrollbar",
 	props: {
 		contentSize: {},
@@ -266,16 +273,16 @@ var X = ["aria-hidden"], ae = [
 		function k() {
 			g !== null && clearTimeout(g), g = setTimeout(() => {
 				g = null, o.value || (l.value = !1);
-			}, ce);
+			}, le);
 		}
 		function A() {
 			l.value = !0, k();
 		}
 		function j() {
 			let e = t.scrollElement, r = i.value;
-			return !e || !r ? n : Y({
+			return !e || !r ? n : oe({
 				contentSize: e.scrollHeight,
-				minimumThumbSize: oe,
+				minimumThumbSize: ce,
 				scrollPosition: e.scrollTop,
 				trackSize: r.clientHeight,
 				viewportSize: e.clientHeight
@@ -328,7 +335,7 @@ var X = ["aria-hidden"], ae = [
 		}
 		function z(e) {
 			if (!E.value) return;
-			let n = t.scrollElement?.clientHeight ?? 0, r = t.scrollElement?.scrollTop ?? 0, i = e.key === "ArrowUp" ? r - se : e.key === "ArrowDown" ? r + se : e.key === "PageUp" ? r - n : e.key === "PageDown" ? r + n : e.key === "Home" ? 0 : e.key === "End" ? a.value.maximumScrollPosition : null;
+			let n = t.scrollElement?.clientHeight ?? 0, r = t.scrollElement?.scrollTop ?? 0, i = e.key === "ArrowUp" ? r - Y : e.key === "ArrowDown" ? r + Y : e.key === "PageUp" ? r - n : e.key === "PageDown" ? r + n : e.key === "Home" ? 0 : e.key === "End" ? a.value.maximumScrollPosition : null;
 			i !== null && (e.preventDefault(), A(), P(i));
 		}
 		function B(e) {
@@ -374,7 +381,7 @@ var X = ["aria-hidden"], ae = [
 			onPointerdown: I,
 			onPointermove: L,
 			onPointerup: R
-		}, null, 44, ae)], 42, X));
+		}, null, 44, se)], 42, J));
 	}
 }), Z = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
@@ -713,28 +720,28 @@ var ke = /* @__PURE__ */ d({
 		function re() {
 			d !== null && clearTimeout(d), d = setTimeout(ne, Ze);
 		}
-		function q(e) {
+		function ie(e) {
 			if (C.value.length <= 1) return;
 			let t = e.currentTarget?.clientWidth || 1, n = te(e.deltaX, e.deltaMode, t);
 			if (n === 0 || (e.preventDefault(), re(), p) || (f += n, Math.abs(f) < Qe)) return;
 			let r = Math.sign(f);
 			f = 0, p = !0, K(D.value + r);
 		}
-		function J(e) {
+		function ae(e) {
 			let t = e.touches[0];
 			l.layout !== "reel" || !t || (m = t.clientX, g = t.clientY);
 		}
-		function ie(e) {
+		function q(e) {
 			let t = e.changedTouches[0];
 			if (m === null || g === null || !t) return;
 			let n = m - t.clientX, r = g - t.clientY;
 			m = null, g = null, !(Math.abs(n) <= Math.abs(r)) && (Math.abs(n) < Xe || K(D.value + Math.sign(n)));
 		}
-		let Y = r(() => Oe(F.value)), X = r(() => l.layout === "reel" && l.stationaryReelControls === !0), ae = r(() => Y.value && l.previewState === "ready" && (!X.value || !!(l.active && l.reelControlsTarget))), oe = r(() => `${l.item.postId}:${D.value}:${F.value}`);
-		function se(e) {
-			l.layout === "reel" && (e.stopPropagation(), ce());
+		let oe = r(() => Oe(F.value)), J = r(() => l.layout === "reel" && l.stationaryReelControls === !0), se = r(() => oe.value && l.previewState === "ready" && (!J.value || !!(l.active && l.reelControlsTarget))), ce = r(() => `${l.item.postId}:${D.value}:${F.value}`);
+		function Y(e) {
+			l.layout === "reel" && (e.stopPropagation(), le());
 		}
-		async function ce() {
+		async function le() {
 			if (R.value) {
 				if (H.value) {
 					R.value.pause();
@@ -747,12 +754,12 @@ var ke = /* @__PURE__ */ d({
 				}
 			}
 		}
-		function le(e) {
+		function X(e) {
 			return Number.isFinite(e) ? Math.max(0, e) : 0;
 		}
 		function Z(e) {
 			let t = e?.currentTarget ?? R.value;
-			t && (z.value = le(t.currentTime), B.value = le(t.duration), V.value = t.muted, U.value = t.volume, t.volume > 0 && (W = t.volume));
+			t && (z.value = X(t.currentTime), B.value = X(t.duration), V.value = t.muted, U.value = t.volume, t.volume > 0 && (W = t.volume));
 		}
 		function ue(e) {
 			Z(e), x("ready", D.value);
@@ -762,7 +769,7 @@ var ke = /* @__PURE__ */ d({
 		}
 		function fe(e) {
 			let t = R.value;
-			!t || !Number.isFinite(e) || (t.currentTime = Math.min(le(t.duration), Math.max(0, e)), z.value = t.currentTime);
+			!t || !Number.isFinite(e) || (t.currentTime = Math.min(X(t.duration), Math.max(0, e)), z.value = t.currentTime);
 		}
 		function pe(e) {
 			let t = R.value;
@@ -820,9 +827,9 @@ var ke = /* @__PURE__ */ d({
 			c("div", {
 				class: h(["media-card-media", { "media-card-media--carousel": e.layout === "reel" && C.value.length > 1 }]),
 				"data-media-direction": y.value,
-				onWheel: q,
-				onTouchstartPassive: J,
-				onTouchendPassive: ie
+				onWheel: ie,
+				onTouchstartPassive: ae,
+				onTouchendPassive: q
 			}, [
 				u(n, { name: `media-slide-${y.value}` }, {
 					default: k(() => [(b(), s("div", {
@@ -835,7 +842,7 @@ var ke = /* @__PURE__ */ d({
 						class: "media-error",
 						role: "img",
 						"aria-label": `${E(Te)(F.value)} ${E(Ee)(F.value)}`
-					}, [c("strong", We, T(E(Te)(F.value)), 1), c("span", null, T(E(Ee)(F.value)), 1)], 8, Ue)) : o("", !0), Y.value ? (b(), s("video", {
+					}, [c("strong", We, T(E(Te)(F.value)), 1), c("span", null, T(E(Ee)(F.value)), 1)], 8, Ue)) : o("", !0), oe.value ? (b(), s("video", {
 						key: 2,
 						ref_key: "videoElement",
 						ref: R,
@@ -858,7 +865,7 @@ var ke = /* @__PURE__ */ d({
 						onPlaying: i[0] ||= (e) => H.value = !0,
 						onPause: i[1] ||= (e) => H.value = !1,
 						onEnded: de,
-						onClick: se,
+						onClick: Y,
 						onError: i[2] ||= (e) => r.$emit("error", D.value)
 					}, null, 42, Ge)) : (b(), s("img", {
 						key: 3,
@@ -876,16 +883,16 @@ var ke = /* @__PURE__ */ d({
 					_: 1
 				}, 8, ["name"]),
 				(b(), a(t, {
-					disabled: !X.value || !e.reelControlsTarget,
+					disabled: !J.value || !e.reelControlsTarget,
 					to: e.reelControlsTarget ?? "body"
 				}, [u(n, {
 					name: "vibe-reel-media-controls",
-					css: X.value
+					css: J.value
 				}, {
-					default: k(() => [ae.value ? (b(), a(Le, {
-						key: oe.value,
+					default: k(() => [se.value ? (b(), a(Le, {
+						key: ce.value,
 						"current-time": z.value,
-						"data-control-post-id": X.value ? e.item.postId : void 0,
+						"data-control-post-id": J.value ? e.item.postId : void 0,
 						duration: B.value,
 						layout: e.layout,
 						muted: V.value,
@@ -893,7 +900,7 @@ var ke = /* @__PURE__ */ d({
 						volume: U.value,
 						onSeek: fe,
 						onToggleMute: me,
-						onTogglePlayback: ce,
+						onTogglePlayback: le,
 						onVolumeChange: pe
 					}, null, 8, [
 						"current-time",
@@ -991,14 +998,14 @@ var ke = /* @__PURE__ */ d({
 		"retryEnd"
 	],
 	setup(t, { expose: n, emit: i }) {
-		let o = t, l = i, d = w(null), f = `vibe-masonry-${D()}`, p = w(null), m = w(0), g = w(rt), y = w(0), x = w(0), C = w(0), T = null, k = null, A = null, j = r(() => J(o.items, m.value, {
+		let o = t, l = i, d = w(null), f = `vibe-masonry-${D()}`, p = w(null), m = w(0), g = w(rt), y = w(0), x = w(0), C = w(0), T = null, k = null, A = null, j = r(() => ae(o.items, m.value, {
 			additionalHeight: (o.cardHeader?.height ?? 0) + (o.cardFooter?.height ?? 0),
 			gap: g.value,
 			minColumnWidth: nt
 		})), M = r(() => {
 			let e = j.value;
 			if (o.leavingPostIds.size === 0) return e;
-			let t = o.items.filter((e) => !o.leavingPostIds.has(e.postId)), n = J(t, m.value, {
+			let t = o.items.filter((e) => !o.leavingPostIds.has(e.postId)), n = ae(t, m.value, {
 				additionalHeight: (o.cardHeader?.height ?? 0) + (o.cardFooter?.height ?? 0),
 				gap: g.value,
 				minColumnWidth: nt
@@ -1007,20 +1014,20 @@ var ke = /* @__PURE__ */ d({
 				...n,
 				items: o.items.map((t, n) => o.leavingPostIds.has(t.postId) ? e.items[n] : r.get(t.postId) ?? e.items[n])
 			};
-		}), N = r(() => ({ height: `${o.leavingPostIds.size === 0 ? M.value.height : j.value.height}px` })), P = r(() => {
+		}), N = r(() => ({ height: `${o.leavingPostIds.size === 0 ? M.value.height : j.value.height}px` })), P = r(() => !o.infiniteScroll || x.value > 0 && C.value + M.value.height <= x.value + 1), I = r(() => {
 			let e = Math.max(at, x.value * ot), t = {
 				scrollTop: y.value - C.value,
 				viewportHeight: x.value
-			}, n = q(M.value.items, {
+			}, n = ie(M.value.items, {
 				...t,
 				overscan: e
-			}), r = o.leavingPostIds.size === 0 ? [] : q(j.value.items, {
+			}), r = o.leavingPostIds.size === 0 ? [] : ie(j.value.items, {
 				...t,
 				overscan: e
-			}), i = [...new Set([...n, ...r])].sort((e, t) => e - t), a = q(M.value.items, {
+			}), i = [...new Set([...n, ...r])].sort((e, t) => e - t), a = ie(M.value.items, {
 				...t,
 				overscan: 0
-			}), s = o.leavingPostIds.size === 0 ? [] : q(j.value.items, {
+			}), s = o.leavingPostIds.size === 0 ? [] : ie(j.value.items, {
 				...t,
 				overscan: 0
 			}), c = new Set([...a, ...s]);
@@ -1033,7 +1040,7 @@ var ke = /* @__PURE__ */ d({
 				}] : [];
 			});
 		});
-		function I(e) {
+		function L(e) {
 			let t = M.value.items[e], n = o.items[e]?.postId;
 			if (!t) return {};
 			let r = n !== void 0 && o.enteringPostIds.has(n), i = n !== void 0 && o.leavingPostIds.has(n), a = r || i ? re({
@@ -1047,42 +1054,42 @@ var ke = /* @__PURE__ */ d({
 				transform: `translate3d(${t.x}px, ${t.y + a}px, 0)`
 			};
 		}
-		function L() {
+		function R() {
 			let e = d.value;
 			if (!e) return;
 			y.value = e.scrollTop, x.value = e.clientHeight;
 			let t = p.value;
 			t && (C.value = t.getBoundingClientRect().top - e.getBoundingClientRect().top + e.scrollTop);
 		}
-		function R(e) {
+		function z(e) {
 			let t = e.ownerDocument.documentElement.clientWidth;
-			m.value = e.clientWidth, g.value = Math.min(it, Math.max(rt, t * .0075)), L();
+			m.value = e.clientWidth, g.value = Math.min(it, Math.max(rt, t * .0075)), R();
 		}
-		function z(e) {
+		function B(e) {
 			let t = e.currentTarget;
 			t && (y.value = t.scrollTop, !o.loadMoreLocked && o.infiniteScroll && K(t) && l("loadMore"));
 		}
-		function B() {
+		function V() {
 			let e = d.value;
 			!o.loadMoreLocked && e && K(e) && l("loadMore");
 		}
-		function V() {
+		function H() {
 			return d.value;
 		}
 		return O(p, (e) => {
-			T?.disconnect(), T = null, A !== null && cancelAnimationFrame(A), e && (R(e), !(typeof ResizeObserver > "u") && (T = new ResizeObserver(([t]) => {
+			T?.disconnect(), T = null, A !== null && cancelAnimationFrame(A), e && (z(e), !(typeof ResizeObserver > "u") && (T = new ResizeObserver(([t]) => {
 				let n = t?.contentRect.width ?? e.clientWidth;
 				Math.abs(n - m.value) < .5 || (A = requestAnimationFrame(() => {
-					A = null, R(e);
+					A = null, z(e);
 				}));
 			}), T.observe(e)));
 		}), O(d, (e) => {
-			k?.disconnect(), k = null, e && (L(), !(typeof ResizeObserver > "u") && (k = new ResizeObserver(L), k.observe(e)));
+			k?.disconnect(), k = null, e && (R(), !(typeof ResizeObserver > "u") && (k = new ResizeObserver(R), k.observe(e)));
 		}), v(() => {
 			T?.disconnect(), k?.disconnect(), A !== null && cancelAnimationFrame(A);
 		}), n({
-			getScrollElement: V,
-			loadIfNearBottom: B
+			getScrollElement: H,
+			loadIfNearBottom: V
 		}), (n, r) => (b(), s("div", et, [c("main", {
 			id: f,
 			ref_key: "galleryElement",
@@ -1091,14 +1098,14 @@ var ke = /* @__PURE__ */ d({
 			"data-layout-mode": "masonry",
 			"aria-hidden": t.suspended || void 0,
 			inert: t.suspended || void 0,
-			onScrollPassive: z
+			onScrollPassive: B
 		}, [c("section", {
 			ref_key: "masonryElement",
 			ref: p,
 			class: h(["masonry", { "masonry--ready": m.value > 0 }]),
 			style: _(N.value),
 			"aria-label": "Media gallery"
-		}, [(b(!0), s(e, null, S(P.value, ({ fetchPriority: e, item: n, index: r }) => (b(), a($e, {
+		}, [(b(!0), s(e, null, S(I.value, ({ fetchPriority: e, item: n, index: r }) => (b(), a($e, {
 			key: n.postId,
 			class: "masonry-item",
 			entering: t.enteringPostIds.has(n.postId),
@@ -1109,7 +1116,7 @@ var ke = /* @__PURE__ */ d({
 			"media-card": t.mediaCard,
 			index: r,
 			item: n,
-			"item-style": I(r),
+			"item-style": L(r),
 			interactive: "",
 			layout: "masonry",
 			"loaded-count": t.items.length,
@@ -1146,6 +1153,7 @@ var ke = /* @__PURE__ */ d({
 			"has-next": t.hasNext,
 			"is-loading": t.isLoadingMore,
 			"load-more-locked": t.loadMoreLocked,
+			"show-load-more": P.value,
 			state: t.state,
 			onLoadMore: r[0] ||= (e) => l("loadMore"),
 			onRetryEnd: r[1] ||= (e) => l("retryEnd")
@@ -1157,8 +1165,9 @@ var ke = /* @__PURE__ */ d({
 			"has-next",
 			"is-loading",
 			"load-more-locked",
+			"show-load-more",
 			"state"
-		])], 42, tt), u(le, {
+		])], 42, tt), u(X, {
 			"content-size": M.value.height,
 			"controls-id": f,
 			"scroll-element": d.value,
@@ -1276,46 +1285,46 @@ var ut = ["aria-label"], dt = /* @__PURE__ */ d({
 		].join(":")), G = r(() => {
 			let e = R.value, t = !!(e && l.reelAutoAdvance.includePostItems && z.value < M(e).length - 1), n = l.reelAutoAdvance.intervalMs / 1e3;
 			return `Auto advance to the next ${t ? "post item" : "post"} in ${n}s`;
-		}), ee = r(() => l.reelAutoAdvance.enabled && l.reelForward.status === "idle" && R.value !== void 0 && B.value !== "loading" && !H.value), te = r(() => l.reelForward.status === "loading" ? "Loading the next media…" : l.reelForward.status === "error" ? "Unable to load the next media." : "You reached the end of this feed.");
-		function ne(e) {
+		}), ee = r(() => l.reelAutoAdvance.enabled && l.reelForward.status === "idle" && R.value !== void 0 && B.value !== "loading" && !H.value), te = r(() => !l.infiniteScroll || l.items.length <= 1), ne = r(() => l.reelForward.status === "loading" ? "Loading the next media…" : l.reelForward.status === "error" ? "Unable to load the next media." : "You reached the end of this feed.");
+		function re(e) {
 			return { gridRow: `${e + 1}` };
 		}
-		function re(e) {
+		function ie(e) {
 			let t = D || e.clientHeight;
 			return t <= 0 || l.items.length === 0 ? 0 : Math.min(l.items.length - 1, Math.max(0, Math.round(e.scrollTop / t)));
 		}
-		function q(e) {
+		function ae(e) {
 			let t = e.currentTarget;
 			if (!t) return;
 			let n = D || t.clientHeight, r = Math.max(0, l.items.length - 1) * n;
-			x.value = l.items.length > 0 && t.scrollTop > r + 1, C.value || (g.value = re(t)), !l.loadMoreLocked && l.infiniteScroll && K(t) && u("loadMore");
+			x.value = l.items.length > 0 && t.scrollTop > r + 1, C.value || (g.value = ie(t)), !l.loadMoreLocked && l.infiniteScroll && K(t) && u("loadMore");
 		}
-		function J() {
+		function q() {
 			let e = d.value;
-			e && (x.value = !1, X(!0), D = e.clientHeight, e.scrollTop = g.value * D, A !== null && cancelAnimationFrame(A), A = requestAnimationFrame(() => {
+			e && (x.value = !1, se(!0), D = e.clientHeight, e.scrollTop = g.value * D, A !== null && cancelAnimationFrame(A), A = requestAnimationFrame(() => {
 				e.scrollTop = g.value * e.clientHeight, D = e.clientHeight, A = null;
-			}), ie());
+			}), oe());
 		}
-		function ie() {
+		function oe() {
 			j !== null && clearTimeout(j), j = setTimeout(() => {
 				j = null;
 				let e = d.value;
-				e && (D = e.clientHeight, e.scrollTop = g.value * D), X(!1);
+				e && (D = e.clientHeight, e.scrollTop = g.value * D), se(!1);
 			}, 120);
 		}
-		function Y() {
-			X(!0);
+		function J() {
+			se(!0);
 			let e = d.value;
-			e && (D = e.clientHeight, e.scrollTop = g.value * D), ie();
+			e && (D = e.clientHeight, e.scrollTop = g.value * D), oe();
 		}
-		function X(e) {
+		function se(e) {
 			C.value = e, d.value?.toggleAttribute("data-resizing", e);
 		}
-		function ae() {
+		function ce() {
 			let e = d.value;
 			!l.loadMoreLocked && e && K(e) && u("loadMore");
 		}
-		function oe(e) {
+		function Y(e) {
 			let t = R.value;
 			if (!t) return !1;
 			let n = M(t).length;
@@ -1323,30 +1332,30 @@ var ut = ["aria-label"], dt = /* @__PURE__ */ d({
 			let r = (z.value + e + n) % n;
 			return u("mediaChange", t.postId, r), !0;
 		}
-		function se(e) {
+		function le(e) {
 			let t = g.value + e;
-			return !d.value || t < 0 || t >= l.items.length ? !1 : (Z(t), !0);
+			return !d.value || t < 0 || t >= l.items.length ? !1 : (ue(t), !0);
 		}
-		function ce() {
+		function X() {
 			return typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 		}
-		function le(e) {
+		function Z(e) {
 			let t = d.value;
 			if (!t) return Promise.resolve();
 			let n = e * (D || t.clientHeight);
-			return g.value = e, lt(t, n, ce());
+			return g.value = e, lt(t, n, X());
 		}
-		function Z(e) {
-			le(e);
+		function ue(e) {
+			Z(e);
 		}
-		async function ue(e) {
+		async function de(e) {
 			let t = l.items.findIndex((t) => t.postId === e);
-			return t < 0 || t === g.value ? !1 : (await le(t), !0);
+			return t < 0 || t === g.value ? !1 : (await Z(t), !0);
 		}
-		async function de(e) {
-			return oe(e) ? (ce() || await new Promise((e) => setTimeout(e, gt)), !0) : !1;
+		async function fe(e) {
+			return Y(e) ? (X() || await new Promise((e) => setTimeout(e, gt)), !0) : !1;
 		}
-		function fe() {
+		function pe() {
 			if (!l.reelAutoAdvance.enabled) return;
 			let e = R.value;
 			if (!e) return;
@@ -1359,30 +1368,30 @@ var ut = ["aria-label"], dt = /* @__PURE__ */ d({
 				l.hasNext && !l.loadMoreLocked && u("loadMore");
 				return;
 			}
-			l.reelAutoAdvance.includePostItems && (l.mediaIndices.get(n.postId) ?? 0) !== 0 && u("mediaChange", n.postId, 0), Z(t);
+			l.reelAutoAdvance.includePostItems && (l.mediaIndices.get(n.postId) ?? 0) !== 0 && u("mediaChange", n.postId, 0), ue(t);
 		}
-		function pe(e, t) {
-			!l.reelAutoAdvance.enabled || e !== L.value || t !== z.value || !H.value || fe();
+		function me(e, t) {
+			!l.reelAutoAdvance.enabled || e !== L.value || t !== z.value || !H.value || pe();
 		}
 		return O(d, (e) => {
-			k?.disconnect(), k = null, e && (D = e.clientHeight, !(typeof ResizeObserver > "u") && (k = new ResizeObserver(J), k.observe(e)));
+			k?.disconnect(), k = null, e && (D = e.clientHeight, !(typeof ResizeObserver > "u") && (k = new ResizeObserver(q), k.observe(e)));
 		}), O(() => l.items.length, async (e) => {
 			let t = l.initialPostId, n = t == null ? -1 : l.items.findIndex(({ postId: e }) => e === t);
-			g.value = n >= 0 ? n : Math.min(g.value, Math.max(0, e - 1)), await m(), J();
+			g.value = n >= 0 ? n : Math.min(g.value, Math.max(0, e - 1)), await m(), q();
 		}), O(L, (e) => {
 			e !== void 0 && u("activeChange", e);
 		}, { immediate: !0 }), y(() => {
-			window.addEventListener("resize", Y), window.addEventListener("orientationchange", Y), p >= 0 && m(J);
+			window.addEventListener("resize", J), window.addEventListener("orientationchange", J), p >= 0 && m(q);
 		}), v(() => {
-			window.removeEventListener("resize", Y), window.removeEventListener("orientationchange", Y), k?.disconnect(), A !== null && cancelAnimationFrame(A), j !== null && clearTimeout(j);
+			window.removeEventListener("resize", J), window.removeEventListener("orientationchange", J), k?.disconnect(), A !== null && cancelAnimationFrame(A), j !== null && clearTimeout(j);
 		}), n({
 			activeIndex: g,
 			activePostId: L,
-			changeActiveMedia: oe,
-			loadIfNearBottom: ae,
-			moveActivePost: se,
-			transitionActiveMedia: de,
-			transitionActivePost: ue
+			changeActiveMedia: Y,
+			loadIfNearBottom: ce,
+			moveActivePost: le,
+			transitionActiveMedia: fe,
+			transitionActivePost: de
 		}), (n, r) => (b(), s("main", {
 			class: h(["reel-shell", {
 				"reel-shell--has-footer": !!t.cardFooter,
@@ -1418,7 +1427,7 @@ var ut = ["aria-label"], dt = /* @__PURE__ */ d({
 				class: "gallery-shell reel-feed",
 				"data-active-post-id": L.value,
 				"data-active-media-index": z.value,
-				onScrollPassive: q
+				onScrollPassive: ae
 			}, [t.reelForward.status === "idle" ? (b(), s("section", {
 				key: 1,
 				class: "reel-track",
@@ -1433,7 +1442,7 @@ var ut = ["aria-label"], dt = /* @__PURE__ */ d({
 				"fetch-priority": e,
 				index: r,
 				item: n,
-				"item-style": ne(r),
+				"item-style": re(r),
 				"media-card": t.mediaCard,
 				layout: "reel",
 				"loaded-count": t.items.length,
@@ -1444,7 +1453,7 @@ var ut = ["aria-label"], dt = /* @__PURE__ */ d({
 				"stationary-reel-controls": "",
 				total: t.total,
 				onMediaChange: (e) => u("mediaChange", n.postId, e),
-				onEnded: (e) => pe(n.postId, e),
+				onEnded: (e) => me(n.postId, e),
 				onReady: (e) => u("ready", n.postId, e),
 				onError: (e) => u("error", n.postId, e)
 			}, null, 8, [
@@ -1470,7 +1479,7 @@ var ut = ["aria-label"], dt = /* @__PURE__ */ d({
 				class: "reel-forward-status",
 				role: t.reelForward.status === "error" ? "alert" : "status",
 				"data-status": t.reelForward.status
-			}, [c("p", null, T(te.value), 1), t.reelForward.status === "error" || t.reelForward.status === "end" ? (b(), s("button", {
+			}, [c("p", null, T(ne.value), 1), t.reelForward.status === "error" || t.reelForward.status === "end" ? (b(), s("button", {
 				key: 0,
 				class: "reel-forward-retry",
 				type: "button",
@@ -1484,6 +1493,7 @@ var ut = ["aria-label"], dt = /* @__PURE__ */ d({
 				"has-next": t.hasNext,
 				"is-loading": t.isLoadingMore,
 				"load-more-locked": t.loadMoreLocked,
+				"show-load-more": te.value,
 				state: t.state,
 				onLoadMore: r[1] ||= (e) => u("loadMore"),
 				onRetryEnd: r[2] ||= (e) => u("retryEnd")
@@ -1495,6 +1505,7 @@ var ut = ["aria-label"], dt = /* @__PURE__ */ d({
 				"has-next",
 				"is-loading",
 				"load-more-locked",
+				"show-load-more",
 				"state"
 			])) : o("", !0)], 40, pt), c("div", {
 				ref_key: "reelControlsElement",
@@ -1528,7 +1539,7 @@ var ut = ["aria-label"], dt = /* @__PURE__ */ d({
 				key: W.value,
 				"duration-ms": t.reelAutoAdvance.intervalMs,
 				label: G.value,
-				onComplete: fe
+				onComplete: pe
 			}, null, 8, ["duration-ms", "label"])) : o("", !0)
 		], 2));
 	}
@@ -1787,55 +1798,55 @@ var ut = ["aria-label"], dt = /* @__PURE__ */ d({
 			}
 			G(e, t);
 		}
-		function q(e, t) {
+		function ie(e, t) {
 			if (l.state.reelMediaSource === "original") {
 				ne(e, t);
 				return;
 			}
 			K(e, t);
 		}
-		function J(e, t) {
+		function ae(e, t) {
 			let n = l.state.items.find((t) => t.postId === e);
 			if (!n) return;
 			let r = N(n, t);
 			(l.state.mediaIndices.get(e) ?? 0) !== r && (l.state.mediaIndices = new Map(l.state.mediaIndices).set(e, r));
 		}
-		async function ie() {
+		async function q() {
 			await m(), (l.state.layout === "reel" || l.state.reelOrigin === "masonry" ? p.value : f.value)?.loadIfNearBottom();
 		}
-		function Y(e) {
+		function oe(e) {
 			return l.state.isLoading || l.state.items.length === 0 || l.state.layout !== "reel" && l.state.reelOrigin !== "masonry" ? !1 : p.value?.changeActiveMedia?.(e) ?? !1;
 		}
-		function X(e) {
+		function J(e) {
 			return l.state.isLoading || l.state.items.length === 0 || l.state.layout !== "reel" && l.state.reelOrigin !== "masonry" ? !1 : p.value?.moveActivePost?.(e) ?? !1;
 		}
-		function ae() {
+		function se() {
 			return l.state.layout !== "masonry" || l.state.reelOrigin === "masonry" ? null : f.value?.getScrollElement?.() ?? null;
 		}
-		function oe(e, t) {
+		function ce(e, t) {
 			z = e, B = t === "keyboard", x.value = Z(e), d("openReel", e), m(() => h.value?.focus());
 		}
-		function se(e) {
+		function Y(e) {
 			let t = g.value?.querySelectorAll(".masonry-feed [data-post-id]") ?? [];
 			return Array.from(t).find((t) => t.dataset.postId === String(e)) ?? null;
 		}
-		function ce(e) {
+		function le(e) {
 			if (l.state.layout !== "masonry" || l.state.reelOrigin !== null || V()) return 0;
-			let t = [...new Set(e)], n = t.filter(se);
+			let t = [...new Set(e)], n = t.filter(Y);
 			if (n.length === 0) return 0;
 			let r = new Map(D.value);
 			return n.forEach((e, t) => {
 				r.set(e, t * Ct);
 			}), C.value = new Set([...C.value].filter((e) => !n.includes(e))), E.value = new Set([...E.value, ...t]), D.value = r, wt + (n.length - 1) * Ct;
 		}
-		function le(e, t) {
-			let n = se(e), r = n?.querySelector(".media-card-activator") ?? n;
+		function X(e, t) {
+			let n = Y(e), r = n?.querySelector(".media-card-activator") ?? n;
 			r && (r.classList.toggle("media-card-focus-silent", !t), t || r.addEventListener("blur", () => {
 				r.classList.remove("media-card-focus-silent");
 			}, { once: !0 }), r?.focus({ preventScroll: !0 }));
 		}
 		function Z(e) {
-			let t = g.value, n = se(e);
+			let t = g.value, n = Y(e);
 			if (t === null || n === null) return {};
 			let r = t.getBoundingClientRect(), i = n.getBoundingClientRect();
 			return {
@@ -1851,7 +1862,7 @@ var ut = ["aria-label"], dt = /* @__PURE__ */ d({
 		function de() {
 			let e = z, t = B;
 			S.value = !1, z = null, B = !1, x.value = {}, m(() => {
-				e !== null && le(e, t);
+				e !== null && X(e, t);
 			});
 		}
 		function fe(e) {
@@ -1887,11 +1898,11 @@ var ut = ["aria-label"], dt = /* @__PURE__ */ d({
 		}, { flush: "sync" }), y(() => window.addEventListener("keydown", fe)), v(() => {
 			window.removeEventListener("keydown", fe), R !== null && cancelAnimationFrame(R);
 		}), i({
-			changeActiveReelMedia: Y,
-			getAutoScrollElement: ae,
-			loadIfNearBottom: ie,
-			moveActiveReelPost: X,
-			startItemRemoval: ce,
+			changeActiveReelMedia: oe,
+			getAutoScrollElement: se,
+			loadIfNearBottom: q,
+			moveActiveReelPost: J,
+			startItemRemoval: le,
 			transitionActiveReelMedia: (e) => p.value?.transitionActiveMedia?.(e) ?? Promise.resolve(!1),
 			transitionActiveReelPost: (e) => p.value?.transitionActivePost?.(e) ?? Promise.resolve(!1)
 		}), (r, i) => (b(), s("div", {
@@ -1932,8 +1943,8 @@ var ut = ["aria-label"], dt = /* @__PURE__ */ d({
 			onCloseInfoSheet: i[1] ||= (e) => d("reelInfoSheetChange", !1),
 			onError: re,
 			onLoadMore: i[2] ||= (e) => d("loadMore"),
-			onMediaChange: J,
-			onReady: q,
+			onMediaChange: ae,
+			onReady: ie,
 			onRetryEnd: i[3] ||= (e) => d("retryEnd"),
 			onRetryForward: i[4] ||= (e) => d("retryForward")
 		}, null, 8, [
@@ -1999,10 +2010,10 @@ var ut = ["aria-label"], dt = /* @__PURE__ */ d({
 			suspended: t.state.reelOrigin === "masonry" || S.value,
 			state: M.value,
 			total: t.state.total,
-			onActivate: oe,
+			onActivate: ce,
 			onError: G,
 			onLoadMore: i[7] ||= (e) => d("loadMore"),
-			onMediaChange: J,
+			onMediaChange: ae,
 			onReady: K,
 			onRetryEnd: i[8] ||= (e) => d("retryEnd")
 		}, null, 8, [
@@ -2074,7 +2085,7 @@ var ut = ["aria-label"], dt = /* @__PURE__ */ d({
 				onCloseInfoSheet: i[10] ||= (e) => d("reelInfoSheetChange", !1),
 				onError: te,
 				onLoadMore: i[11] ||= (e) => d("loadMore"),
-				onMediaChange: J,
+				onMediaChange: ae,
 				onReady: ne,
 				onRetryEnd: i[12] ||= (e) => d("retryEnd"),
 				onRetryForward: i[13] ||= (e) => d("retryForward")