@oneclick.dev/cms-core-modules 0.0.59 → 0.0.61

package/dist/Overview-D67UjG6n.mjs

@@ -1,947 +0,0 @@
-import { defineComponent as X, inject as j, createElementBlock as w, openBlock as r, createElementVNode as i, Fragment as L, renderList as Q, withModifiers as de, normalizeClass as te, unref as n, createCommentVNode as z, toDisplayString as M, createTextVNode as x, resolveComponent as a, createBlock as V, withCtx as o, createVNode as t, computed as K, shallowRef as oe, watch as ne, toValue as ce, getCurrentInstance as he, onMounted as pe, renderSlot as ke, ref as O, useTemplateRef as Pe, withAsyncContext as Se, onUnmounted as $e, provide as q, withKeys as Me } from "vue";
-import { Filter as Ve, ChevronsUpDown as Te, Check as ie, RotateCcw as Ae, ExternalLink as ze, Search as Ie, Plus as Le, LayoutGrid as Ee, List as De } from "lucide-vue-next";
-import { useModuleRoute as Y, useModulePermissions as Z, useFirebaseIntegration as le, useConfirmation as Be, useModuleBreadcrumbs as Re } from "@oneclick.dev/cms-kit";
-import { t as Fe, i as Ue, a as Oe, b as je } from "./index-_mG-aU3Z.mjs";
-import { c as re } from "./utils-BVKy9S2J.mjs";
-import { t as B } from "./index-RLz1QPrf.mjs";
-const Ke = { class: "grid @md:grid-cols-2 @2xl:grid-cols-3 @3xl:grid-cols-4 @4xl:grid-cols-5 @5xl:grid-cols-6 gap-6" }, Ne = ["onClick", "onContextmenu"], Ge = ["src"], He = { class: "font-semibold" }, We = { class: "text-sm text-muted-foreground flex items-center gap-2" }, qe = { class: "flex items-center gap-2" }, Qe = { key: 0 }, Xe = /* @__PURE__ */ X({
-  __name: "GridView",
-  props: {
-    products: {
-      type: Array,
-      required: !0
-    }
-  },
-  setup(P) {
-    const l = j("selection"), { navigateTo: b } = Y(), { hasPermission: S } = Z(), h = (c, u) => {
-      const C = u.ctrlKey || u.metaKey;
-      if (u.shiftKey)
-        console.log("range");
-      else if (C || l.value.length > 0) {
-        const d = l.value.indexOf(c.id);
-        d > -1 ? l.value.splice(d, 1) : l.value.push(c.id);
-      } else
-        l.value = [], b(c.id);
-    }, s = (c) => {
-      c.target.closest(".GRID_ITEM") || (l.value = []);
-    }, g = (c, u) => {
-      u.ctrlKey || u.metaKey ? l.value.includes(c.id) ? l.value.splice(l.value.indexOf(c.id), 1) : l.value.push(c.id) : l.value.includes(c.id) || (l.value = [c.id]);
-    };
-    return (c, u) => (r(), w("div", {
-      class: "@container mb-4 flex-1 select-none",
-      onClick: u[0] || (u[0] = (C) => l.value = []),
-      onContextmenu: s
-    }, [
-      i("div", Ke, [
-        (r(!0), w(L, null, Q(P.products, (C) => (r(), w("div", {
-          key: C.id,
-          onClick: de(($) => h(C, $), ["stop"]),
-          onContextmenu: ($) => g(C, $),
-          class: "GRID_ITEM cursor-pointer"
-        }, [
-          i("div", {
-            class: te(["aspect-square bg-muted rounded-xl overflow-hidden mb-2 transition-all duration-200", { "outline outline-4 outline-primary/50": n(l).includes(C.id) }])
-          }, [
-            C.featuredMedia ? (r(), w("img", {
-              key: 0,
-              src: C.featuredMedia,
-              class: "w-full h-full object-cover pointer-events-none",
-              draggable: "false"
-            }, null, 8, Ge)) : z("", !0)
-          ], 2),
-          i("div", null, [
-            i("p", He, M(C.title), 1),
-            i("p", We, [
-              i("span", qe, [
-                C.status === "published" ? (r(), w(L, { key: 0 }, [
-                  u[1] || (u[1] = i("span", { class: "block shrink-0 size-3 rounded-full bg-green-500" }, null, -1)),
-                  u[2] || (u[2] = x(" Published ", -1))
-                ], 64)) : C.status === "draft" ? (r(), w(L, { key: 1 }, [
-                  u[3] || (u[3] = i("span", { class: "block shrink-0 size-3 rounded-full bg-blue-500" }, null, -1)),
-                  u[4] || (u[4] = x(" Draft ", -1))
-                ], 64)) : (r(), w(L, { key: 2 }, [
-                  u[5] || (u[5] = i("span", { class: "block shrink-0 size-3 rounded-full bg-gray-300" }, null, -1)),
-                  u[6] || (u[6] = x(" Archived ", -1))
-                ], 64))
-              ]),
-              C.variantsTotal > 1 ? (r(), w("span", Qe, "| " + M(C.variantsTotal) + " variants", 1)) : z("", !0)
-            ])
-          ])
-        ], 40, Ne))), 128))
-      ])
-    ], 32));
-  }
-}), Je = { class: "flex items-center gap-2" }, Ye = {
-  key: 0,
-  class: "bg-green-500 text-green-950 px-2 py-1 rounded-lg text-xs"
-}, Ze = {
-  key: 1,
-  class: "bg-blue-500 text-blue-950 px-2 py-1 rounded-lg text-xs"
-}, et = {
-  key: 2,
-  class: "bg-gray-500 text-gray-950 px-2 py-1 rounded-lg text-xs"
-}, tt = /* @__PURE__ */ X({
-  __name: "ListView",
-  props: {
-    products: {
-      type: Array,
-      required: !0
-    }
-  },
-  setup(P) {
-    const l = j("selection"), { navigateTo: b } = Y(), { hasPermission: S } = Z(), h = (s, g) => {
-      s ? l.value.push(g) : l.value = l.value.filter((c) => c !== g);
-    };
-    return (s, g) => {
-      const c = a("TableHead"), u = a("TableRow"), C = a("TableHeader"), $ = a("Checkbox"), d = a("TableCell"), v = a("AvatarImage"), e = a("AvatarFallback"), _ = a("Avatar"), k = a("TableBody"), T = a("Table"), A = a("Card");
-      return r(), V(A, { class: "w-full py-4 px-4" }, {
-        default: o(() => [
-          t(T, { class: "rounded overflow-hidden" }, {
-            default: o(() => [
-              t(C, null, {
-                default: o(() => [
-                  t(u, null, {
-                    default: o(() => [
-                      n(l)?.length > 0 ? (r(), V(c, { key: 0 })) : z("", !0),
-                      t(c, null, {
-                        default: o(() => [...g[1] || (g[1] = [
-                          x("Title", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      t(c, null, {
-                        default: o(() => [...g[2] || (g[2] = [
-                          x("Status", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      t(c, null, {
-                        default: o(() => [...g[3] || (g[3] = [
-                          x(" Variants", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      t(c, null, {
-                        default: o(() => [...g[4] || (g[4] = [
-                          x("Price", -1)
-                        ])]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }),
-              t(k, null, {
-                default: o(() => [
-                  (r(!0), w(L, null, Q(P.products, (y) => (r(), V(u, {
-                    key: y.id,
-                    onClick: (E) => n(b)(y.id),
-                    class: "cursor-pointer"
-                  }, {
-                    default: o(() => [
-                      n(l)?.length > 0 ? (r(), V(d, { key: 0 }, {
-                        default: o(() => [
-                          t($, {
-                            "model-value": n(l)?.includes(y.id),
-                            "onUpdate:modelValue": (E) => h(E, y.id),
-                            onClick: g[0] || (g[0] = de(() => {
-                            }, ["prevent", "stop"]))
-                          }, null, 8, ["model-value", "onUpdate:modelValue"])
-                        ]),
-                        _: 2
-                      }, 1024)) : z("", !0),
-                      t(d, { class: "font-medium" }, {
-                        default: o(() => [
-                          i("div", Je, [
-                            t(_, { class: "size-12 rounded-xl" }, {
-                              default: o(() => [
-                                t(v, {
-                                  src: y.media?.[0],
-                                  class: "object-cover"
-                                }, null, 8, ["src"]),
-                                t(e, { class: "rounded-xl" })
-                              ]),
-                              _: 2
-                            }, 1024),
-                            i("span", null, M(y.title), 1)
-                          ])
-                        ]),
-                        _: 2
-                      }, 1024),
-                      t(d, null, {
-                        default: o(() => [
-                          y.status === "published" ? (r(), w("span", Ye, "Published")) : y.status === "draft" ? (r(), w("span", Ze, "Draft")) : y.status === "archived" ? (r(), w("span", et, "Archived")) : z("", !0)
-                        ]),
-                        _: 2
-                      }, 1024),
-                      t(d, null, {
-                        default: o(() => [
-                          x(M(y.variantsTotal), 1)
-                        ]),
-                        _: 2
-                      }, 1024),
-                      t(d, { class: "text-right" }, {
-                        default: o(() => [
-                          x(" € " + M(y.price || 0), 1)
-                        ]),
-                        _: 2
-                      }, 1024)
-                    ]),
-                    _: 2
-                  }, 1032, ["onClick"]))), 128))
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      });
-    };
-  }
-}), fe = Ue ? window : void 0;
-function G(P) {
-  var l;
-  const b = ce(P);
-  return (l = b?.$el) != null ? l : b;
-}
-// @__NO_SIDE_EFFECTS__
-function ot() {
-  const P = oe(!1), l = he();
-  return l && pe(() => {
-    P.value = !0;
-  }, l), P;
-}
-// @__NO_SIDE_EFFECTS__
-function lt(P) {
-  const l = /* @__PURE__ */ ot();
-  return K(() => (l.value, !!P()));
-}
-function nt(P, l, b = {}) {
-  const { window: S = fe, ...h } = b;
-  let s;
-  const g = /* @__PURE__ */ lt(() => S && "ResizeObserver" in S), c = () => {
-    s && (s.disconnect(), s = void 0);
-  }, u = K(() => {
-    const d = ce(P);
-    return Array.isArray(d) ? d.map((v) => G(v)) : [G(d)];
-  }), C = ne(
-    u,
-    (d) => {
-      if (c(), g.value && S) {
-        s = new ResizeObserver(l);
-        for (const v of d)
-          v && s.observe(v, h);
-      }
-    },
-    { immediate: !0, flush: "post" }
-  ), $ = () => {
-    c(), C();
-  };
-  return Oe($), {
-    isSupported: g,
-    stop: $
-  };
-}
-function st(P, l = { width: 0, height: 0 }, b = {}) {
-  const { window: S = fe, box: h = "content-box" } = b, s = K(() => {
-    var d, v;
-    return (v = (d = G(P)) == null ? void 0 : d.namespaceURI) == null ? void 0 : v.includes("svg");
-  }), g = oe(l.width), c = oe(l.height), { stop: u } = nt(
-    P,
-    ([d]) => {
-      const v = h === "border-box" ? d.borderBoxSize : h === "content-box" ? d.contentBoxSize : d.devicePixelContentBoxSize;
-      if (S && s.value) {
-        const e = G(P);
-        if (e) {
-          const _ = e.getBoundingClientRect();
-          g.value = _.width, c.value = _.height;
-        }
-      } else if (v) {
-        const e = je(v);
-        g.value = e.reduce((_, { inlineSize: k }) => _ + k, 0), c.value = e.reduce((_, { blockSize: k }) => _ + k, 0);
-      } else
-        g.value = d.contentRect.width, c.value = d.contentRect.height;
-    },
-    b
-  );
-  Fe(() => {
-    const d = G(P);
-    d && (g.value = "offsetWidth" in d ? d.offsetWidth : l.width, c.value = "offsetHeight" in d ? d.offsetHeight : l.height);
-  });
-  const C = ne(
-    () => G(P),
-    (d) => {
-      g.value = d ? l.width : 0, c.value = d ? l.height : 0;
-    }
-  );
-  function $() {
-    u(), C();
-  }
-  return {
-    width: g,
-    height: c,
-    stop: $
-  };
-}
-const ut = { class: "truncate" }, at = { key: 0 }, it = { key: 1 }, rt = { key: 2 }, dt = { key: 3 }, ct = { class: "relative w-full max-w-sm items-center" }, pt = { class: "truncate" }, ft = { class: "truncate" }, mt = { class: "flex items-center space-x-2 mb-4" }, vt = { class: "flex items-center space-x-2 mb-4" }, gt = { class: "flex items-center space-x-2 mb-4" }, bt = /* @__PURE__ */ X({
-  __name: "FilterPopover",
-  setup(P) {
-    const l = j("filter"), b = j("collections"), S = () => {
-      l.value = {
-        collections: [],
-        published: !0,
-        draft: !0,
-        archived: !1
-      };
-    };
-    return (h, s) => {
-      const g = a("Button"), c = a("PopoverTrigger"), u = a("ComboboxTrigger"), C = a("ComboboxAnchor"), $ = a("ComboboxInput"), d = a("ComboboxEmpty"), v = a("ComboboxItemIndicator"), e = a("ComboboxItem"), _ = a("ScrollArea"), k = a("ComboboxGroup"), T = a("ComboboxList"), A = a("Combobox"), y = a("Checkbox"), E = a("PopoverContent"), D = a("Popover");
-      return r(), V(D, null, {
-        default: o(() => [
-          t(c, { asChild: "" }, {
-            default: o(() => [
-              t(g, { variant: "outline" }, {
-                default: o(() => [
-                  t(n(Ve), { class: "size-4" }),
-                  s[4] || (s[4] = x(" Filter ", -1))
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }),
-          t(E, { class: "w-64" }, {
-            default: o(() => [
-              s[14] || (s[14] = i("p", { class: "text-sm font-medium text-muted-foreground mb-4" }, " Filter by Collection ", -1)),
-              t(A, {
-                modelValue: n(l).collections,
-                "onUpdate:modelValue": s[0] || (s[0] = (f) => n(l).collections = f),
-                by: "id",
-                multiple: !0,
-                class: "mb-6"
-              }, {
-                default: o(() => [
-                  t(C, { "as-child": "" }, {
-                    default: o(() => [
-                      t(u, { "as-child": "" }, {
-                        default: o(() => [
-                          t(g, {
-                            variant: "outline",
-                            class: "justify-between w-full"
-                          }, {
-                            default: o(() => [
-                              i("span", ut, [
-                                n(l).collections.length === 1 ? (r(), w("span", at, M(n(b).find((f) => f.id === n(l).collections[0])?.title), 1)) : n(l).collections.length === 2 ? (r(), w("span", it, M(n(b).find((f) => f.id === n(l).collections[0])?.title) + ", " + M(n(b).find((f) => f.id === n(l).collections[1])?.title), 1)) : n(l).collections.length > 2 ? (r(), w("span", rt, M(n(b).find((f) => f.id === n(l).collections[0])?.title) + ", " + M(n(b).find((f) => f.id === n(l).collections[1])?.title) + " + " + M(n(l).collections.length - 2), 1)) : (r(), w("span", dt, "Select collection"))
-                              ]),
-                              t(n(Te), { class: "ml-2 size-4 shrink-0 opacity-50" })
-                            ]),
-                            _: 1
-                          })
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }),
-                  t(T, null, {
-                    default: o(() => [
-                      i("div", ct, [
-                        t($, { placeholder: "Select category..." })
-                      ]),
-                      t(d, null, {
-                        default: o(() => [...s[5] || (s[5] = [
-                          x(" No category found. ", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      n(b)?.filter((f) => f.status === "published")?.length > 0 ? (r(), w(L, { key: 0 }, [
-                        s[7] || (s[7] = i("p", { class: "px-2 py-1.5 text-sm font-medium mt-2" }, "Published", -1)),
-                        t(k, null, {
-                          default: o(() => [
-                            t(_, { class: "max-h-[200px] overflow-y-auto" }, {
-                              default: o(() => [
-                                (r(!0), w(L, null, Q(n(b).filter((f) => f.status === "published"), (f) => (r(), V(e, {
-                                  key: f.id,
-                                  value: f.id
-                                }, {
-                                  default: o(() => [
-                                    s[6] || (s[6] = i("span", { class: "size-2 rounded-full bg-green-500" }, null, -1)),
-                                    i("span", pt, M(f.title), 1),
-                                    t(v, null, {
-                                      default: o(() => [
-                                        t(n(ie), {
-                                          class: te(n(re)("ml-auto size-4"))
-                                        }, null, 8, ["class"])
-                                      ]),
-                                      _: 1
-                                    })
-                                  ]),
-                                  _: 2
-                                }, 1032, ["value"]))), 128))
-                              ]),
-                              _: 1
-                            })
-                          ]),
-                          _: 1
-                        })
-                      ], 64)) : z("", !0),
-                      n(b)?.filter((f) => f.status === "draft")?.length > 0 ? (r(), w(L, { key: 1 }, [
-                        s[9] || (s[9] = i("p", { class: "px-2 py-1.5 text-sm font-medium" }, "Drafts", -1)),
-                        t(k, null, {
-                          default: o(() => [
-                            t(_, { class: "max-h-[200px] overflow-y-auto" }, {
-                              default: o(() => [
-                                (r(!0), w(L, null, Q(n(b).filter((f) => f.status === "draft"), (f) => (r(), V(e, {
-                                  key: f.id,
-                                  value: f.id
-                                }, {
-                                  default: o(() => [
-                                    s[8] || (s[8] = i("span", { class: "size-2 rounded-full bg-blue-500" }, null, -1)),
-                                    i("span", ft, M(f.title), 1),
-                                    t(v, null, {
-                                      default: o(() => [
-                                        t(n(ie), {
-                                          class: te(n(re)("ml-auto size-4"))
-                                        }, null, 8, ["class"])
-                                      ]),
-                                      _: 1
-                                    })
-                                  ]),
-                                  _: 2
-                                }, 1032, ["value"]))), 128))
-                              ]),
-                              _: 1
-                            })
-                          ]),
-                          _: 1
-                        })
-                      ], 64)) : z("", !0)
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }, 8, ["modelValue"]),
-              s[15] || (s[15] = i("p", { class: "text-sm font-medium text-muted-foreground mb-4" }, " Filter by Status ", -1)),
-              i("div", mt, [
-                t(y, {
-                  id: "chk_published_products",
-                  modelValue: n(l).published,
-                  "onUpdate:modelValue": s[1] || (s[1] = (f) => n(l).published = f)
-                }, null, 8, ["modelValue"]),
-                s[10] || (s[10] = i("label", {
-                  for: "chk_published_products",
-                  class: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-                }, " Show published products ", -1))
-              ]),
-              i("div", vt, [
-                t(y, {
-                  id: "chk_draft_products",
-                  modelValue: n(l).draft,
-                  "onUpdate:modelValue": s[2] || (s[2] = (f) => n(l).draft = f)
-                }, null, 8, ["modelValue"]),
-                s[11] || (s[11] = i("label", {
-                  for: "chk_draft_products",
-                  class: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-                }, " Show draft products ", -1))
-              ]),
-              i("div", gt, [
-                t(y, {
-                  id: "chk_archived_products",
-                  modelValue: n(l).archived,
-                  "onUpdate:modelValue": s[3] || (s[3] = (f) => n(l).archived = f)
-                }, null, 8, ["modelValue"]),
-                s[12] || (s[12] = i("label", {
-                  for: "chk_archived_products",
-                  class: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-                }, " Show archived products ", -1))
-              ]),
-              n(l).collections.length > 0 || !n(l).published || !n(l).draft || n(l).archived ? (r(), V(g, {
-                key: 0,
-                variant: "secondary",
-                class: "ml-auto my-2",
-                size: "sm",
-                onClick: S
-              }, {
-                default: o(() => [
-                  t(n(Ae), { class: "size-3" }),
-                  s[13] || (s[13] = i("span", { class: "ml-0.5 text-xs" }, "Reset filters", -1))
-                ]),
-                _: 1
-              })) : z("", !0)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      });
-    };
-  }
-}), _t = /* @__PURE__ */ X({
-  __name: "ProductContextMenu",
-  emits: ["selectAll", "duplicateProduct", "deleteProduct", "deleteSelection"],
-  setup(P, { emit: l }) {
-    const b = l, S = j("products"), h = j("selection"), s = j("config"), { hasPermission: g } = Z(), { navigateTo: c } = Y(), u = K(() => h.value?.length !== 1 ? null : S.value?.find((v) => v.id === h.value[0])), C = (v) => {
-      let e = s.previewUrl;
-      e = e.replace("{{ id", "{{id"), e = e.replace("id }}", "id}}"), e = e.replace("{{id}}", v.id), e = e.replace("{{ slug", "{{slug"), e = e.replace("slug }}", "slug}}"), e = e.replace("{{slug}}", v.slug), window.open(e, "_blank");
-    }, $ = async (v, e) => {
-      try {
-        if (!["draft", "published", "archived"].includes(e)) return;
-        await le(s.project).update(s.productCollection, v.id, { status: e }), v.status = e, B.success("Product status changed");
-      } catch {
-        B.error("Failed to change product status");
-      }
-    }, d = async (v) => {
-      try {
-        if (!["draft", "published", "archived"].includes(v)) return;
-        const e = le(s.project), _ = [];
-        h.value.forEach(async (k) => {
-          _.push(e.update(s.productCollection, k, { status: v }));
-        }), B.promise(Promise.all(_), {
-          loading: `Changing status of ${h.value.length} products...`,
-          success: () => {
-            const k = h.value.length;
-            return h.value.forEach((T) => {
-              S.value.find((A) => A.id == T).status = v;
-            }), h.value = [], `Product status changed for ${k} products`;
-          },
-          error: (k) => "Failed to change product status"
-        });
-      } catch {
-        B.error("Failed to change product status");
-      }
-    };
-    return (v, e) => {
-      const _ = a("ContextMenuTrigger"), k = a("ContextMenuShortcut"), T = a("ContextMenuItem"), A = a("ContextMenuContent"), y = a("ContextMenuSeparator"), E = a("ContextMenuSubTrigger"), D = a("ContextMenuCheckboxItem"), f = a("ContextMenuSubContent"), H = a("ContextMenuSub"), ee = a("ContextMenu");
-      return r(), V(ee, null, {
-        default: o(() => [
-          t(_, { class: "flex flex-1" }, {
-            default: o(() => [
-              ke(v.$slots, "default")
-            ]),
-            _: 3
-          }),
-          n(h).length === 0 ? (r(), V(A, {
-            key: 0,
-            class: "w-64"
-          }, {
-            default: o(() => [
-              t(T, {
-                inset: "",
-                onClick: e[0] || (e[0] = (I) => b("selectAll"))
-              }, {
-                default: o(() => [
-                  e[13] || (e[13] = x(" Select all ", -1)),
-                  t(k, null, {
-                    default: o(() => [...e[12] || (e[12] = [
-                      x("⌘ + A", -1)
-                    ])]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })) : z("", !0),
-          n(h).length === 1 && u.value ? (r(), V(A, {
-            key: 1,
-            class: "w-64"
-          }, {
-            default: o(() => [
-              t(T, {
-                inset: "",
-                onClick: e[1] || (e[1] = (I) => n(c)(u.value.id))
-              }, {
-                default: o(() => [...e[14] || (e[14] = [
-                  x(" Edit product ", -1)
-                ])]),
-                _: 1
-              }),
-              t(y),
-              n(s).previewUrl ? (r(), w(L, { key: 0 }, [
-                t(T, {
-                  inset: "",
-                  onClick: e[2] || (e[2] = (I) => C(u.value))
-                }, {
-                  default: o(() => [
-                    e[15] || (e[15] = x(" Preview product ", -1)),
-                    t(k, null, {
-                      default: o(() => [
-                        t(n(ze), { class: "size-4" })
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }),
-                t(y)
-              ], 64)) : z("", !0),
-              t(T, {
-                inset: "",
-                onClick: e[3] || (e[3] = (I) => b("duplicateProduct", u.value))
-              }, {
-                default: o(() => [...e[16] || (e[16] = [
-                  x(" Duplicate product ", -1)
-                ])]),
-                _: 1
-              }),
-              t(H, null, {
-                default: o(() => [
-                  t(E, { inset: "" }, {
-                    default: o(() => [...e[17] || (e[17] = [
-                      x(" Change status ", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  t(f, { class: "w-48" }, {
-                    default: o(() => [
-                      t(D, {
-                        onClick: e[4] || (e[4] = (I) => $(u.value, "draft")),
-                        modelValue: u.value.status === "draft"
-                      }, {
-                        default: o(() => [...e[18] || (e[18] = [
-                          i("span", { class: "size-2 rounded-full bg-blue-500" }, null, -1),
-                          x(" Draft ", -1)
-                        ])]),
-                        _: 1
-                      }, 8, ["modelValue"]),
-                      t(D, {
-                        onClick: e[5] || (e[5] = (I) => $(u.value, "published")),
-                        modelValue: u.value.status === "published"
-                      }, {
-                        default: o(() => [...e[19] || (e[19] = [
-                          i("span", { class: "size-2 rounded-full bg-green-500" }, null, -1),
-                          x(" Published ", -1)
-                        ])]),
-                        _: 1
-                      }, 8, ["modelValue"]),
-                      t(D, {
-                        onClick: e[6] || (e[6] = (I) => $(u.value, "archived")),
-                        modelValue: u.value.status === "archived"
-                      }, {
-                        default: o(() => [...e[20] || (e[20] = [
-                          i("span", { class: "size-2 rounded-full bg-gray-300" }, null, -1),
-                          x(" Archived ", -1)
-                        ])]),
-                        _: 1
-                      }, 8, ["modelValue"])
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }),
-              t(T, {
-                inset: "",
-                variant: "destructive",
-                onClick: e[7] || (e[7] = (I) => b("deleteProduct", u.value))
-              }, {
-                default: o(() => [...e[21] || (e[21] = [
-                  x(" Delete product ", -1)
-                ])]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })) : z("", !0),
-          n(h).length > 1 ? (r(), V(A, {
-            key: 2,
-            class: "w-64"
-          }, {
-            default: o(() => [
-              t(H, null, {
-                default: o(() => [
-                  t(E, { inset: "" }, {
-                    default: o(() => [
-                      x(" Change status (" + M(n(h).length) + ") ", 1)
-                    ]),
-                    _: 1
-                  }),
-                  t(f, { class: "w-48" }, {
-                    default: o(() => [
-                      t(D, {
-                        onClick: e[8] || (e[8] = (I) => d("draft"))
-                      }, {
-                        default: o(() => [...e[22] || (e[22] = [
-                          i("span", { class: "size-2 rounded-full bg-blue-500" }, null, -1),
-                          x(" Draft ", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      t(D, {
-                        onClick: e[9] || (e[9] = (I) => d("published"))
-                      }, {
-                        default: o(() => [...e[23] || (e[23] = [
-                          i("span", { class: "size-2 rounded-full bg-green-500" }, null, -1),
-                          x(" Published ", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      t(D, {
-                        onClick: e[10] || (e[10] = (I) => d("archived"))
-                      }, {
-                        default: o(() => [...e[24] || (e[24] = [
-                          i("span", { class: "size-2 rounded-full bg-gray-300" }, null, -1),
-                          x(" Archived ", -1)
-                        ])]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }),
-              t(T, {
-                inset: "",
-                variant: "destructive",
-                onClick: e[11] || (e[11] = (I) => b("deleteSelection"))
-              }, {
-                default: o(() => [
-                  x(" Delete products (" + M(n(h).length) + ") ", 1)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })) : z("", !0)
-        ]),
-        _: 3
-      });
-    };
-  }
-}), xt = { class: "relative flex flex-col flex-1" }, Ct = {
-  ref: "container",
-  class: "flex items-center justify-between gap-4 w-full mt-12 mb-8"
-}, yt = { class: "flex items-center gap-4" }, wt = { class: "text-lg whitespace-nowrap" }, ht = { class: "relative w-full max-w-sm items-center" }, kt = { class: "absolute start-0 inset-y-0 flex items-center justify-center px-2" }, Pt = { class: "flex items-center gap-4" }, St = { class: "flex flex-1" }, It = /* @__PURE__ */ X({
-  __name: "Overview",
-  props: {
-    config: {
-      type: Object,
-      required: !0
-    }
-  },
-  async setup(P) {
-    let l, b;
-    const S = P, { hasPermission: h } = Z(), { navigateTo: s } = Y(), { confirm: g } = Be();
-    Re(() => []);
-    const c = le(S.config.project), u = O([]), C = async () => {
-      const m = await c.find(S.config.productCollection);
-      u.value = m || [];
-    }, $ = Pe("container"), { width: d } = st($), v = O("grid"), e = O(1), _ = O([]), k = O(""), T = O([]);
-    T.value = ([l, b] = Se(() => D()), l = await l, b(), l);
-    const A = K(() => v.value === "grid" ? d.value < 768 ? 6 : d.value < 896 ? 8 : d.value < 1024 ? 10 : 12 : 10), y = K(() => u.value.filter((m) => !(U.value.collections.length > 0 && !m.collections?.some((p) => U.value.collections.includes(p)) || !U.value.published && m.status === "published" || !U.value.draft && m.status === "draft" || !U.value.archived && m.status === "archived")).filter((m) => m.title.toLowerCase().includes(k.value.toLowerCase()) || m.slug.toLowerCase().includes(k.value.toLowerCase()) || m.id.toLowerCase().includes(k.value.toLowerCase()))), E = K(() => {
-      if (y.value.length <= A.value)
-        return y.value;
-      const m = (e.value - 1) * A.value, p = m + A.value;
-      return y.value.slice(m, p);
-    });
-    async function D() {
-      if (!S.config.collectionsCollection) return [];
-      const m = S.config.collectionsCollection.split(":");
-      return m.length !== 2 ? [] : (await c.get(m[0]))?.[m[1]] || [];
-    }
-    async function f(m) {
-      return (await c.find(S.config.productCollection, {
-        filters: [
-          {
-            field: "slug",
-            operator: "==",
-            value: m
-          }
-        ]
-      })).length > 0;
-    }
-    const H = () => {
-      _.value = E.value.map((m) => m.id);
-    }, ee = async (m) => {
-      try {
-        let p = { ...m }, F = p.slug + "-copy", N = 2;
-        for (; await f(F); )
-          F = p.slug + "-copy-" + N, N++;
-        p.id = void 0, p.createdAt = /* @__PURE__ */ new Date(), p.updatedAt = /* @__PURE__ */ new Date(), p.slug = F, p.status = "draft", p.title = p.title + " (copy)";
-        const J = await c.add(S.config.productCollection, p);
-        s(J.id), B.success("Product duplicated");
-      } catch {
-        B.error("Failed to duplicate product");
-      }
-    }, I = async (m) => {
-      if (await g(`Are you sure you want to delete "${m.title}"?`))
-        try {
-          await c.remove(S.config.productCollection, m.id), u.value = u.value.filter((F) => F.id !== m.id), _.value = [], B.success("Product deleted");
-        } catch {
-          B.error("Failed to delete product");
-        }
-    }, se = async () => {
-      if (await g(`Are you sure you want to delete all selected products (${_.value.length})?`))
-        try {
-          _.value.forEach(async (p) => {
-            await c.remove(S.config.productCollection, p);
-          }), u.value = u.value.filter((p) => !_.value.includes(p.id)), _.value = [], B.success("Products deleted");
-        } catch {
-          B.error("Failed to delete products");
-        }
-    }, U = O({
-      collections: [],
-      published: !0,
-      draft: !0,
-      archived: !1
-    });
-    ne(U, () => {
-      e.value = 1;
-    });
-    const ue = (m) => {
-      m.target?.matches("input, textarea") || m.target?.isContentEditable || (m.key === "Escape" && (_.value = []), (m.metaKey || m.ctrlKey) && m.key.toLowerCase() === "a" && (m.preventDefault(), H()));
-    };
-    return pe(() => {
-      C(), window.addEventListener("keydown", ue);
-    }), $e(() => {
-      window.removeEventListener("keydown", ue);
-    }), q("config", S.config), q("filter", U), q("products", u), q("collections", T), q("selection", _), (m, p) => {
-      const F = a("Input"), N = a("Button"), J = a("SegmentedControlButton"), me = a("SegmentedControl"), ve = a("PaginationFirst"), ge = a("PaginationPrev"), be = a("PaginationListItem"), _e = a("PaginationEllipsis"), xe = a("PaginationNext"), Ce = a("PaginationLast"), ye = a("PaginationList"), we = a("Pagination");
-      return r(), w("div", xt, [
-        i("div", Ct, [
-          i("div", yt, [
-            i("p", wt, M(y.value?.length) + " products", 1),
-            i("div", ht, [
-              t(F, {
-                id: "search",
-                type: "text",
-                placeholder: "Search...",
-                class: "pl-8",
-                onKeydown: p[0] || (p[0] = Me((R) => k.value = "", ["escape"])),
-                modelValue: k.value,
-                "onUpdate:modelValue": p[1] || (p[1] = (R) => k.value = R)
-              }, null, 8, ["modelValue"]),
-              i("span", kt, [
-                t(n(Ie), { class: "size-4 text-muted-foreground" })
-              ])
-            ])
-          ]),
-          i("div", Pt, [
-            _.value.length > 0 ? (r(), V(N, {
-              key: 0,
-              variant: "destructive",
-              onClick: se
-            }, {
-              default: o(() => [
-                x(" Delete Selection (" + M(_.value.length) + ") ", 1)
-              ]),
-              _: 1
-            })) : z("", !0),
-            n(h)("create-product") ? (r(), w(L, { key: 1 }, [
-              t(N, {
-                variant: "outline",
-                onClick: p[2] || (p[2] = (R) => n(s)("new"))
-              }, {
-                default: o(() => [
-                  t(n(Le), { class: "size-4" }),
-                  p[5] || (p[5] = x(" New Product ", -1))
-                ]),
-                _: 1
-              }),
-              p[6] || (p[6] = i("div", { class: "w-[1px] h-8 bg-border" }, null, -1))
-            ], 64)) : z("", !0),
-            t(bt),
-            p[7] || (p[7] = i("div", { class: "w-[1px] h-8 bg-border" }, null, -1)),
-            i("div", null, [
-              t(me, {
-                modelValue: v.value,
-                "onUpdate:modelValue": p[3] || (p[3] = (R) => v.value = R),
-                "aria-label": "View mode"
-              }, {
-                default: o(() => [
-                  t(J, { value: "grid" }, {
-                    default: o(() => [
-                      t(n(Ee), { class: "size-4" })
-                    ]),
-                    _: 1
-                  }),
-                  t(J, { value: "list" }, {
-                    default: o(() => [
-                      t(n(De), { class: "size-4" })
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }, 8, ["modelValue"])
-            ])
-          ])
-        ], 512),
-        i("div", St, [
-          t(_t, {
-            onSelectAll: H,
-            onDuplicateProduct: ee,
-            onDeleteProduct: I,
-            onDeleteSelection: se
-          }, {
-            default: o(() => [
-              v.value === "grid" ? (r(), V(Xe, {
-                key: 0,
-                products: E.value
-              }, null, 8, ["products"])) : (r(), V(tt, {
-                key: 1,
-                products: E.value
-              }, null, 8, ["products"]))
-            ]),
-            _: 1
-          })
-        ]),
-        y.value?.length > A.value ? (r(), V(we, {
-          key: 0,
-          page: e.value,
-          "onUpdate:page": p[4] || (p[4] = (R) => e.value = R),
-          "items-per-page": A.value,
-          total: y.value?.length,
-          "sibling-count": 1,
-          "show-edges": ""
-        }, {
-          default: o(() => [
-            t(ye, { class: "flex items-center gap-1" }, {
-              default: o(({ items: R }) => [
-                t(ve),
-                t(ge),
-                (r(!0), w(L, null, Q(R, (W, ae) => (r(), w(L, null, [
-                  W.type === "page" ? (r(), V(be, {
-                    key: ae,
-                    value: W.value,
-                    "as-child": ""
-                  }, {
-                    default: o(() => [
-                      t(N, {
-                        class: "size-10 p-0",
-                        variant: W.value === e.value ? "default" : "outline"
-                      }, {
-                        default: o(() => [
-                          x(M(W.value), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["variant"])
-                    ]),
-                    _: 2
-                  }, 1032, ["value"])) : (r(), V(_e, {
-                    key: W.type,
-                    index: ae
-                  }, null, 8, ["index"]))
-                ], 64))), 256)),
-                t(xe),
-                t(Ce)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["page", "items-per-page", "total"])) : z("", !0)
-      ]);
-    };
-  }
-});
-export {
-  It as default
-};