@oneclick.dev/cms-core-modules 0.0.53 → 0.0.54

package/dist/Entries-QLMtTYLX.mjs

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