@oneclick.dev/cms-core-modules 0.0.108 → 0.0.110

package/dist/Entries-BdhUyJR5.mjs

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