@oneclick.dev/cms-core-modules 0.0.120 → 0.0.122

package/dist/Overview-CVgViW3c.mjs

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