@oneclick.dev/cms-core-modules 0.0.106 → 0.0.107

package/dist/Entries-CkGTXcAq.mjs

@@ -0,0 +1,575 @@
+import { t as e } from "./lib-BZgXUui5.mjs";
+import { t } from "./interpolation-B8OzkMyi.mjs";
+import { useConfirmation as n, useFirebaseIntegration as r, useModule as i, useModuleBreadcrumbs as a, useModulePermissions as o, useModuleRoute as s } from "@oneclick.dev/cms-kit";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, inject as _, onMounted as v, onUnmounted as y, openBlock as b, provide as x, ref as S, renderList as C, renderSlot as w, resolveComponent as T, toDisplayString as E, unref as D, watch as O, withCtx as k, withKeys as A, withModifiers as j } from "vue";
+import { ChevronLeft as M, ExternalLink as N, Filter as P, Globe as F, Pencil as I, Plus as L, RotateCcw as R, Search as ee } from "@lucide/vue";
+//#region src/contentManager/components/overview/ListView.vue?vue&type=script&setup=true&lang.ts
+var z = { class: "flex items-center gap-2" }, B = {
+	key: 0,
+	class: "bg-green-500 text-green-950 px-2 py-1 rounded-lg text-xs"
+}, V = { key: 0 }, H = { key: 1 }, U = {
+	key: 1,
+	class: "bg-blue-500 text-blue-950 px-2 py-1 rounded-lg text-xs"
+}, W = {
+	key: 2,
+	class: "bg-gray-500 text-gray-950 px-2 py-1 rounded-lg text-xs"
+}, G = ["href"], K = ["href"], te = /* @__PURE__ */ g({
+	__name: "ListView",
+	props: { entries: {
+		type: Array,
+		required: !0
+	} },
+	setup(e) {
+		let n = _("selection"), r = _("collection"), a = e, { config: g } = i(), { navigateTo: v, params: y } = s(), { hasPermission: x } = o(), S = (e, t) => {
+			e ? n.value.push(t) : n.value = n.value.filter((e) => e !== t);
+		}, w = (e) => {
+			if (!r.value) return "about:blank";
+			let n = g.domain?.trim(), i = r.value.defaultLanguageRoutePattern?.trim();
+			if (!n || !i) return "about:blank";
+			n.endsWith("/") && (n = n.slice(0, -1)), i.startsWith("/") || (i = "/" + i);
+			let a = e.liveByLocale.find((e) => e.locale === g.defaultLanguage)?.slug;
+			return t(n + i, [
+				{
+					name: "slug",
+					value: a
+				},
+				{
+					name: "id",
+					value: e.id
+				},
+				{
+					name: "lang",
+					value: g.defaultLanguage || "en"
+				}
+			]);
+		}, O = (e) => `${(window.location.origin + window.location.pathname).replace(/\/$/, "")}/${e.id}`, A = l(() => a.entries?.map((e) => ({
+			...e,
+			status: e.archived ? "archived" : e.liveByLocale && e.liveByLocale.length > 0 ? "published" : "draft",
+			publishProgress: {
+				completed: e.liveByLocale.length,
+				total: g.supportedLanguages?.length || 1
+			}
+		})) || []);
+		return (e, t) => {
+			let i = T("TableHead"), a = T("TableRow"), o = T("TableHeader"), s = T("Checkbox"), l = T("TableCell"), g = T("Button"), _ = T("TableBody"), x = T("Table"), M = T("Card");
+			return b(), u(M, { class: "w-full py-4 px-4" }, {
+				default: k(() => [h(x, { class: "rounded overflow-hidden" }, {
+					default: k(() => [h(o, null, {
+						default: k(() => [h(a, null, {
+							default: k(() => [
+								D(n)?.length > 0 ? (b(), u(i, { key: 0 })) : d("", !0),
+								h(i, { class: "capitalize" }, {
+									default: k(() => [m(E(D(r)?.contentEntryName || "entry"), 1)]),
+									_: 1
+								}),
+								h(i, null, {
+									default: k(() => [...t[3] ||= [m("Last updated at", -1)]]),
+									_: 1
+								}),
+								h(i, null, {
+									default: k(() => [...t[4] ||= [m("Status", -1)]]),
+									_: 1
+								}),
+								h(i, { class: "text-right" }, {
+									default: k(() => [...t[5] ||= [m("Edit", -1)]]),
+									_: 1
+								})
+							]),
+							_: 1
+						})]),
+						_: 1
+					}), h(_, null, {
+						default: k(() => [(b(!0), f(c, null, C(A.value, (e) => (b(), u(a, {
+							key: e.id,
+							onClick: (t) => D(v)("collections/" + D(y).collectionId + "/" + e.id),
+							class: "cursor-pointer"
+						}, {
+							default: k(() => [
+								D(n)?.length > 0 ? (b(), u(l, { key: 0 }, {
+									default: k(() => [h(s, {
+										"model-value": D(n)?.includes(e.id),
+										"onUpdate:modelValue": (t) => S(t, e.id),
+										onClick: t[0] ||= j(() => {}, ["prevent", "stop"])
+									}, null, 8, ["model-value", "onUpdate:modelValue"])]),
+									_: 2
+								}, 1024)) : d("", !0),
+								h(l, { class: "font-medium" }, {
+									default: k(() => [p("div", z, [p("span", null, E(e.title), 1)])]),
+									_: 2
+								}, 1024),
+								h(l, null, {
+									default: k(() => [m(E(e.updated?.at ? new Date(e.updated.at).toLocaleString() : "N/A"), 1)]),
+									_: 2
+								}, 1024),
+								h(l, null, {
+									default: k(() => [e.status === "published" ? (b(), f("span", B, [e.publishProgress.completed === e.publishProgress.total ? (b(), f("span", V, "Published")) : (b(), f("span", H, "Partly Published (" + E(e.publishProgress.completed) + "/" + E(e.publishProgress.total) + ")", 1))])) : e.status === "draft" ? (b(), f("span", U, "Draft")) : e.status === "archived" ? (b(), f("span", W, "Archived")) : d("", !0)]),
+									_: 2
+								}, 1024),
+								h(l, { class: "text-right" }, {
+									default: k(() => [e.status === "published" ? (b(), f("a", {
+										key: 0,
+										href: w(e),
+										target: "_blank",
+										rel: "noreferrer",
+										onClick: t[1] ||= j(() => {}, ["stop"])
+									}, [h(g, {
+										variant: "ghost",
+										size: "icon"
+									}, {
+										default: k(() => [h(D(F), { class: "size-4" })]),
+										_: 1
+									})], 8, G)) : d("", !0), p("a", {
+										href: O(e),
+										rel: "noreferrer",
+										onClick: t[2] ||= j(() => {}, ["stop"])
+									}, [h(g, {
+										variant: "ghost",
+										size: "icon"
+									}, {
+										default: k(() => [h(D(I), { class: "size-4" })]),
+										_: 1
+									})], 8, K)]),
+									_: 2
+								}, 1024)
+							]),
+							_: 2
+						}, 1032, ["onClick"]))), 128))]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			});
+		};
+	}
+}), q = { class: "flex items-center space-x-2 mb-4" }, J = {
+	for: "chk_published_entries",
+	class: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+}, Y = { class: "flex items-center space-x-2 mb-4" }, X = {
+	for: "chk_draft_entries",
+	class: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+}, Z = { class: "flex items-center space-x-2 mb-4" }, Q = {
+	for: "chk_archived_entries",
+	class: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+}, ne = /* @__PURE__ */ g({
+	__name: "FilterPopover",
+	setup(e) {
+		let t = _("filter"), n = S(""), r = () => {
+			t.value = {
+				published: !0,
+				draft: !0,
+				archived: !1
+			};
+		};
+		return (e, i) => {
+			let a = T("Button"), o = T("PopoverTrigger"), s = T("Checkbox"), c = T("PopoverContent"), l = T("Popover");
+			return b(), u(l, null, {
+				default: k(() => [h(o, { asChild: "" }, {
+					default: k(() => [h(a, { variant: "outline" }, {
+						default: k(() => [h(D(P), { class: "size-4" }), i[3] ||= m(" Filter ", -1)]),
+						_: 1
+					})]),
+					_: 1
+				}), h(c, { class: "w-64" }, {
+					default: k(() => [
+						i[5] ||= p("p", { class: "text-sm font-medium text-muted-foreground mb-4" }, " Filter by Status ", -1),
+						p("div", q, [h(s, {
+							id: "chk_published_entries",
+							modelValue: D(t).published,
+							"onUpdate:modelValue": i[0] ||= (e) => D(t).published = e
+						}, null, 8, ["modelValue"]), p("label", J, " Show published " + E(n.value || "entries"), 1)]),
+						p("div", Y, [h(s, {
+							id: "chk_draft_entries",
+							modelValue: D(t).draft,
+							"onUpdate:modelValue": i[1] ||= (e) => D(t).draft = e
+						}, null, 8, ["modelValue"]), p("label", X, " Show draft " + E(n.value || "entries"), 1)]),
+						p("div", Z, [h(s, {
+							id: "chk_archived_entries",
+							modelValue: D(t).archived,
+							"onUpdate:modelValue": i[2] ||= (e) => D(t).archived = e
+						}, null, 8, ["modelValue"]), p("label", Q, " Show archived " + E(n.value || "entries"), 1)]),
+						!D(t).published || !D(t).draft || D(t).archived ? (b(), u(a, {
+							key: 0,
+							variant: "secondary",
+							class: "ml-auto my-2",
+							size: "sm",
+							onClick: r
+						}, {
+							default: k(() => [h(D(R), { class: "size-3" }), i[4] ||= p("span", { class: "ml-0.5 text-xs" }, "Reset filters", -1)]),
+							_: 1
+						})) : d("", !0)
+					]),
+					_: 1
+				})]),
+				_: 1
+			});
+		};
+	}
+}), re = /* @__PURE__ */ g({
+	__name: "ContentEntryContextMenu",
+	emits: [
+		"selectAll",
+		"duplicateEntry",
+		"deleteEntry",
+		"deleteSelection"
+	],
+	setup(t, { emit: n }) {
+		let i = n, a = _("entries"), g = _("selection"), v = _("config"), { hasPermission: y } = o(), { navigateTo: x } = s(), S = l(() => g.value?.length === 1 ? a.value?.find((e) => e.id === g.value[0]) : null), C = (e) => {
+			let t = v.previewUrl;
+			t = t.replace("{{ id", "{{id"), t = t.replace("id }}", "id}}"), t = t.replace("{{id}}", e.id), t = t.replace("{{ slug", "{{slug"), t = t.replace("slug }}", "slug}}"), t = t.replace("{{slug}}", e.slug), window.open(t, "_blank");
+		}, O = async (t, n) => {
+			try {
+				if (![
+					"draft",
+					"published",
+					"archived"
+				].includes(n)) return;
+				await r(v.project).update(v.contentCollection, t.id, { status: n }), t.status = n, e.success("Entry status changed");
+			} catch {
+				e.error("Failed to change entry status");
+			}
+		}, A = async (t) => {
+			try {
+				if (![
+					"draft",
+					"published",
+					"archived"
+				].includes(t)) return;
+				let n = r(v.project), i = [];
+				g.value.forEach(async (e) => {
+					i.push(n.update(v.contentCollection, e, { status: t }));
+				}), e.promise(Promise.all(i), {
+					loading: `Changing status of ${g.value.length} entries...`,
+					success: () => {
+						let e = g.value.length;
+						return g.value.forEach((e) => {
+							a.value.find((t) => t.id == e).status = t;
+						}), g.value = [], `Entry status changed for ${e} entries`;
+					},
+					error: (e) => "Failed to change entry status"
+				});
+			} catch {
+				e.error("Failed to change entry status");
+			}
+		};
+		return (e, t) => {
+			let n = T("ContextMenuTrigger"), r = T("ContextMenuShortcut"), a = T("ContextMenuItem"), o = T("ContextMenuContent"), s = T("ContextMenuSeparator"), l = T("ContextMenuSubTrigger"), _ = T("ContextMenuCheckboxItem"), y = T("ContextMenuSubContent"), j = T("ContextMenuSub"), M = T("ContextMenu");
+			return b(), u(M, null, {
+				default: k(() => [
+					h(n, { class: "flex flex-1" }, {
+						default: k(() => [w(e.$slots, "default")]),
+						_: 3
+					}),
+					D(g).length === 0 ? (b(), u(o, {
+						key: 0,
+						class: "w-64"
+					}, {
+						default: k(() => [h(a, {
+							inset: "",
+							onClick: t[0] ||= (e) => i("selectAll")
+						}, {
+							default: k(() => [t[13] ||= m(" Select all ", -1), h(r, null, {
+								default: k(() => [...t[12] ||= [m("⌘ + A", -1)]]),
+								_: 1
+							})]),
+							_: 1
+						})]),
+						_: 1
+					})) : d("", !0),
+					D(g).length === 1 && S.value ? (b(), u(o, {
+						key: 1,
+						class: "w-64"
+					}, {
+						default: k(() => [
+							h(a, {
+								inset: "",
+								onClick: t[1] ||= (e) => D(x)(S.value.id)
+							}, {
+								default: k(() => [...t[14] ||= [m(" Edit entry ", -1)]]),
+								_: 1
+							}),
+							h(s),
+							D(v).previewUrl ? (b(), f(c, { key: 0 }, [h(a, {
+								inset: "",
+								onClick: t[2] ||= (e) => C(S.value)
+							}, {
+								default: k(() => [t[15] ||= m(" Preview entry ", -1), h(r, null, {
+									default: k(() => [h(D(N), { class: "size-4" })]),
+									_: 1
+								})]),
+								_: 1
+							}), h(s)], 64)) : d("", !0),
+							h(a, {
+								inset: "",
+								onClick: t[3] ||= (e) => i("duplicateEntry", S.value)
+							}, {
+								default: k(() => [...t[16] ||= [m(" Duplicate entry ", -1)]]),
+								_: 1
+							}),
+							h(j, null, {
+								default: k(() => [h(l, { inset: "" }, {
+									default: k(() => [...t[17] ||= [m(" Change status ", -1)]]),
+									_: 1
+								}), h(y, { class: "w-48" }, {
+									default: k(() => [
+										h(_, {
+											onClick: t[4] ||= (e) => O(S.value, "draft"),
+											modelValue: S.value.status === "draft"
+										}, {
+											default: k(() => [...t[18] ||= [p("span", { class: "size-2 rounded-full bg-blue-500" }, null, -1), m(" Draft ", -1)]]),
+											_: 1
+										}, 8, ["modelValue"]),
+										h(_, {
+											onClick: t[5] ||= (e) => O(S.value, "published"),
+											modelValue: S.value.status === "published"
+										}, {
+											default: k(() => [...t[19] ||= [p("span", { class: "size-2 rounded-full bg-green-500" }, null, -1), m(" Published ", -1)]]),
+											_: 1
+										}, 8, ["modelValue"]),
+										h(_, {
+											onClick: t[6] ||= (e) => O(S.value, "archived"),
+											modelValue: S.value.status === "archived"
+										}, {
+											default: k(() => [...t[20] ||= [p("span", { class: "size-2 rounded-full bg-gray-300" }, null, -1), m(" Archived ", -1)]]),
+											_: 1
+										}, 8, ["modelValue"])
+									]),
+									_: 1
+								})]),
+								_: 1
+							}),
+							h(a, {
+								inset: "",
+								variant: "destructive",
+								onClick: t[7] ||= (e) => i("deleteEntry", S.value)
+							}, {
+								default: k(() => [...t[21] ||= [m(" Delete entry ", -1)]]),
+								_: 1
+							})
+						]),
+						_: 1
+					})) : d("", !0),
+					D(g).length > 1 ? (b(), u(o, {
+						key: 2,
+						class: "w-64"
+					}, {
+						default: k(() => [h(j, null, {
+							default: k(() => [h(l, { inset: "" }, {
+								default: k(() => [m(" Change status (" + E(D(g).length) + ") ", 1)]),
+								_: 1
+							}), h(y, { class: "w-48" }, {
+								default: k(() => [
+									h(_, { onClick: t[8] ||= (e) => A("draft") }, {
+										default: k(() => [...t[22] ||= [p("span", { class: "size-2 rounded-full bg-blue-500" }, null, -1), m(" Draft ", -1)]]),
+										_: 1
+									}),
+									h(_, { onClick: t[9] ||= (e) => A("published") }, {
+										default: k(() => [...t[23] ||= [p("span", { class: "size-2 rounded-full bg-green-500" }, null, -1), m(" Published ", -1)]]),
+										_: 1
+									}),
+									h(_, { onClick: t[10] ||= (e) => A("archived") }, {
+										default: k(() => [...t[24] ||= [p("span", { class: "size-2 rounded-full bg-gray-300" }, null, -1), m(" Archived ", -1)]]),
+										_: 1
+									})
+								]),
+								_: 1
+							})]),
+							_: 1
+						}), h(a, {
+							inset: "",
+							variant: "destructive",
+							onClick: t[11] ||= (e) => i("deleteSelection")
+						}, {
+							default: k(() => [m(" Delete entries (" + E(D(g).length) + ") ", 1)]),
+							_: 1
+						})]),
+						_: 1
+					})) : d("", !0)
+				]),
+				_: 3
+			});
+		};
+	}
+}), ie = {
+	key: 0,
+	class: "relative flex flex-col flex-1"
+}, ae = { class: "flex items-center justify-between gap-4 w-full my-4" }, oe = {
+	ref: "container",
+	class: "flex items-center justify-between gap-4 w-full mb-8"
+}, se = { class: "flex items-center gap-4" }, ce = { class: "text-lg whitespace-nowrap" }, le = { class: "relative w-full max-w-sm items-center" }, ue = { class: "absolute start-0 inset-y-0 flex items-center justify-center px-2" }, de = { class: "flex items-center gap-4" }, fe = { class: "capitalize" }, pe = { class: "flex mb-4" }, $ = /* @__PURE__ */ g({
+	__name: "Entries",
+	props: { config: {
+		type: Object,
+		required: !0
+	} },
+	setup(t) {
+		let i = t, { hasPermission: g, isAdmin: _ } = o(), { params: w, navigateTo: j } = s(), { confirm: N } = n(), P = r(i.config.project), F = S(null), I = S([]);
+		a(() => [{ text: F.value?.name ?? "" }]);
+		let R = async () => {
+			let t = await P.get(i.config.collectionsCollection, w.value.collectionId);
+			t ? F.value = t : (j("/"), e.error("Collection not found"));
+		}, z = async () => {
+			I.value = await P.find(i.config.contentCollection, { filters: [{
+				field: "collectionId",
+				operator: "==",
+				value: w.value.collectionId
+			}] }) || [];
+		}, B = S(1), V = S([]), H = S(""), U = S(10), W = (e) => {
+			if (!e) return 0;
+			if (typeof e?.toDate == "function") return e.toDate().getTime();
+			let t = e instanceof Date ? e : new Date(e);
+			return Number.isNaN(t.getTime()) ? 0 : t.getTime();
+		}, G = l(() => {
+			let e = H.value.trim().toLowerCase();
+			return [...e ? I.value.filter((t) => {
+				let n = String(t?.title ?? "").toLowerCase(), r = String(t?.slug ?? "").toLowerCase();
+				return n.includes(e) || r.includes(e) || t?.id === e;
+			}) : I.value].sort((e, t) => {
+				let n = W(e?.updated?.at) || W(e?.updatedAt) || W(e?.createdAt);
+				return (W(t?.updated?.at) || W(t?.updatedAt) || W(t?.createdAt)) - n;
+			});
+		}), K = l(() => {
+			if (G.value.length <= U.value) return G.value;
+			let e = (B.value - 1) * U.value, t = e + U.value;
+			return G.value.slice(e, t);
+		});
+		async function q(e) {
+			return (await P.find(i.config.contentCollection, { filters: [{
+				field: "slug",
+				operator: "==",
+				value: e
+			}] })).length > 0;
+		}
+		let J = () => {
+			V.value = K.value.map((e) => e.id);
+		}, Y = async (t) => {
+			try {
+				let n = { ...t }, r = n.slug + "-copy", a = 2;
+				for (; await q(r);) r = n.slug + "-copy-" + a, a++;
+				n.id = void 0, n.createdAt = /* @__PURE__ */ new Date(), n.updatedAt = /* @__PURE__ */ new Date(), n.slug = r, n.status = "draft", n.title += " (copy)", j((await P.add(i.config.contentCollection, n)).id), e.success("Entry duplicated");
+			} catch {
+				e.error("Failed to duplicate entry");
+			}
+		}, X = async (t) => {
+			if (await N(`Are you sure you want to delete "${t.title}"?`)) try {
+				await P.remove(i.config.contentCollection, t.id), I.value = I.value.filter((e) => e.id !== t.id), V.value = [], e.success("Entry deleted");
+			} catch {
+				e.error("Failed to delete entry");
+			}
+		}, Z = async () => {
+			if (await N(`Are you sure you want to delete all selected ${F?.contentEntryNamePlural || "entries"} (${V.value.length})?`)) try {
+				V.value.forEach(async (e) => {
+					await P.remove(i.config.contentCollection, e);
+				}), I.value = I.value.filter((e) => !V.value.includes(e.id)), V.value = [], e.success("Entries deleted");
+			} catch {
+				e.error("Failed to delete entries");
+			}
+		}, Q = S({
+			published: !0,
+			draft: !0,
+			archived: !1
+		});
+		O(Q, () => {
+			B.value = 1;
+		});
+		let $ = (e) => {
+			e.target?.matches("input, textarea") || e.target?.isContentEditable || (e.key === "Escape" && (V.value = []), (e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "a" && (e.preventDefault(), J()));
+		};
+		return v(() => {
+			R(), z(), window.addEventListener("keydown", $);
+		}), y(() => {
+			window.removeEventListener("keydown", $);
+		}), x("config", i.config), x("filter", Q), x("entries", I), x("selection", V), x("collection", F), (e, t) => {
+			let n = T("Button"), r = T("Input"), i = T("PaginationFirst"), a = T("PaginationPrev"), o = T("PaginationListItem"), s = T("PaginationEllipsis"), l = T("PaginationNext"), v = T("PaginationLast"), y = T("PaginationList"), x = T("Pagination");
+			return F.value ? (b(), f("div", ie, [
+				p("div", ae, [h(n, {
+					onClick: t[0] ||= (e) => D(j)("/"),
+					variant: "link",
+					class: "!pl-0"
+				}, {
+					default: k(() => [h(D(M), { class: "size-4" }), t[5] ||= m(" Collections ", -1)]),
+					_: 1
+				})]),
+				p("div", oe, [p("div", se, [p("p", ce, E(G.value?.length) + " " + E(F.value?.contentEntryNamePlural || "entries"), 1), p("div", le, [h(r, {
+					id: "search",
+					type: "text",
+					placeholder: "Search...",
+					class: "pl-8",
+					onKeydown: t[1] ||= A((e) => H.value = "", ["escape"]),
+					modelValue: H.value,
+					"onUpdate:modelValue": t[2] ||= (e) => H.value = e
+				}, null, 8, ["modelValue"]), p("span", ue, [h(D(ee), { class: "size-4 text-muted-foreground" })])])]), p("div", de, [
+					V.value.length > 0 ? (b(), u(n, {
+						key: 0,
+						variant: "destructive",
+						onClick: Z
+					}, {
+						default: k(() => [m(" Delete Selection (" + E(V.value.length) + ") ", 1)]),
+						_: 1
+					})) : d("", !0),
+					D(_)() || D(g)("create-entry") && F.value?.allowUserEntryManagement ? (b(), f(c, { key: 1 }, [D(w)?.collectionId ? (b(), u(n, {
+						key: 0,
+						variant: "outline",
+						onClick: t[3] ||= (e) => D(j)(`collections/${D(w).collectionId}/new`)
+					}, {
+						default: k(() => [h(D(L), { class: "size-4" }), p("span", null, [t[6] ||= m(" New ", -1), p("span", fe, E(F.value?.contentEntryName || "entry"), 1)])]),
+						_: 1
+					})) : d("", !0), t[7] ||= p("div", { class: "w-[1px] h-8 bg-border" }, null, -1)], 64)) : d("", !0),
+					h(ne)
+				])], 512),
+				p("div", pe, [h(re, {
+					onSelectAll: J,
+					onDuplicateEntry: Y,
+					onDeleteEntry: X,
+					onDeleteSelection: Z
+				}, {
+					default: k(() => [h(te, { entries: K.value }, null, 8, ["entries"])]),
+					_: 1
+				})]),
+				G.value?.length > U.value ? (b(), u(x, {
+					key: 0,
+					page: B.value,
+					"onUpdate:page": t[4] ||= (e) => B.value = e,
+					"items-per-page": U.value,
+					total: G.value?.length,
+					"sibling-count": 1,
+					"show-edges": ""
+				}, {
+					default: k(() => [h(y, { class: "flex items-center gap-1" }, {
+						default: k(({ items: e }) => [
+							h(i),
+							h(a),
+							(b(!0), f(c, null, C(e, (e, t) => (b(), f(c, null, [e.type === "page" ? (b(), u(o, {
+								key: t,
+								value: e.value,
+								"as-child": ""
+							}, {
+								default: k(() => [h(n, {
+									class: "size-10 p-0",
+									variant: e.value === B.value ? "default" : "outline"
+								}, {
+									default: k(() => [m(E(e.value), 1)]),
+									_: 2
+								}, 1032, ["variant"])]),
+								_: 2
+							}, 1032, ["value"])) : (b(), u(s, {
+								key: e.type,
+								index: t
+							}, null, 8, ["index"]))], 64))), 256)),
+							h(l),
+							h(v)
+						]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, [
+					"page",
+					"items-per-page",
+					"total"
+				])) : d("", !0)
+			])) : d("", !0);
+		};
+	}
+});
+//#endregion
+export { $ as default };