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

package/dist/Overview-HvlDEgqi.mjs

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