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

package/dist/Overview-D67UjG6n.mjs

@@ -0,0 +1,947 @@
+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
+};