@oneclick.dev/cms-core-modules 0.0.119 → 0.0.121

package/dist/Detail-Cn9Bk0u0.mjs

@@ -0,0 +1,852 @@
+import { defineComponent as H, inject as se, watch as ge, resolveComponent as u, openBlock as i, createBlock as w, withCtx as l, createVNode as e, createElementVNode as n, createTextVNode as C, isRef as X, unref as o, createElementBlock as x, toDisplayString as A, createCommentVNode as h, withModifiers as ne, ref as ae, computed as ie, Fragment as xe, renderList as ve, provide as ee, onMounted as be } from "vue";
+import { u as Y, a as q, o as te, g as ye, h as he, s as P, b as le, t as Ce, f as Se } from "./vee-validate-zod-SjDT8X35.mjs";
+import { X as ce, ImagePlus as W, Plus as we, ArrowUp as ke, ArrowDown as $e, Copy as ze, Trash as re, ChevronUp as Ve, ChevronDown as Ie, Tag as Te, ChevronRight as Ue, Loader2 as oe } from "lucide-vue-next";
+import { useModulePermissions as De, useModuleRoute as Me, useConfirmation as Ae, useFirebaseIntegration as Pe, useModuleBreadcrumbs as Fe } from "@oneclick.dev/cms-kit";
+import { t as L } from "./index-RLz1QPrf.mjs";
+const Ne = { class: "flex flex-col gap-4" }, Be = { class: "flex flex-col gap-2" }, je = {
+  key: 0,
+  class: "text-red-500 text-sm mt-1"
+}, Le = { class: "flex flex-col gap-4" }, Ee = { class: "flex flex-col gap-2" }, Oe = {
+  key: 0,
+  class: "text-red-500 text-sm mt-1"
+}, qe = { class: "flex flex-col gap-4" }, Ge = { class: "flex flex-col gap-2" }, Je = {
+  key: 0,
+  class: "text-red-500 text-sm mt-1"
+}, Re = { class: "flex flex-col gap-4" }, Xe = { class: "flex flex-col gap-2" }, He = { class: "flex items-center gap-2 mb-2" }, Ke = { class: "flex items-center gap-2" }, Qe = ["src"], We = {
+  key: 0,
+  class: "text-red-500 text-sm mt-1"
+}, Ye = /* @__PURE__ */ H({
+  __name: "Main",
+  setup(J) {
+    const z = se("sources"), { errors: b } = Y(), { value: $ } = q("title"), { value: p } = q("description"), { value: y } = q("thumbnail"), { value: V } = q("slug"), I = (f) => {
+      y.value = Array.isArray(f) ? f[0] || "" : f;
+    };
+    function T(f) {
+      return f ? f.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^\w\s-]/g, "").trim().replace(/[-\s]+/g, "-") : "";
+    }
+    return ge($, (f, m) => {
+      (!V.value || T(m) === V.value) && (V.value = T(f));
+    }), (f, m) => {
+      const U = u("Label"), F = u("Input"), B = u("Textarea"), j = u("Button"), D = u("MediaPickerDialog"), G = u("CardContent"), E = u("Card");
+      return i(), w(E, null, {
+        default: l(() => [
+          e(G, { class: "flex flex-col gap-4" }, {
+            default: l(() => [
+              n("div", Ne, [
+                n("div", Be, [
+                  e(U, {
+                    for: "title",
+                    class: "text-sm mb-2"
+                  }, {
+                    default: l(() => [...m[6] || (m[6] = [
+                      C("Title", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  e(F, {
+                    type: "text",
+                    id: "title",
+                    placeholder: "Summer collection",
+                    modelValue: o($),
+                    "onUpdate:modelValue": m[0] || (m[0] = (S) => X($) ? $.value = S : null)
+                  }, null, 8, ["modelValue"]),
+                  o(b).title ? (i(), x("p", je, A(o(b).title), 1)) : h("", !0)
+                ])
+              ]),
+              n("div", Le, [
+                n("div", Ee, [
+                  e(U, {
+                    for: "slug",
+                    class: "text-sm mb-2"
+                  }, {
+                    default: l(() => [...m[7] || (m[7] = [
+                      C("Slug", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  e(F, {
+                    id: "slug",
+                    placeholder: "summer-collection",
+                    modelValue: o(V),
+                    "onUpdate:modelValue": m[1] || (m[1] = (S) => X(V) ? V.value = S : null)
+                  }, null, 8, ["modelValue"]),
+                  o(b).slug ? (i(), x("p", Oe, A(o(b).slug), 1)) : h("", !0)
+                ])
+              ]),
+              n("div", qe, [
+                n("div", Ge, [
+                  e(U, {
+                    for: "description",
+                    class: "text-sm mb-2"
+                  }, {
+                    default: l(() => [...m[8] || (m[8] = [
+                      C("Description", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  e(B, {
+                    id: "description",
+                    placeholder: "Fresh, vibrant, and bold. The perfect collection for the summer season.",
+                    modelValue: o(p),
+                    "onUpdate:modelValue": m[2] || (m[2] = (S) => X(p) ? p.value = S : null)
+                  }, null, 8, ["modelValue"]),
+                  o(b).description ? (i(), x("p", Je, A(o(b).description), 1)) : h("", !0)
+                ])
+              ]),
+              n("div", Re, [
+                n("div", Xe, [
+                  n("div", He, [
+                    e(U, {
+                      for: "media",
+                      class: "text-sm"
+                    }, {
+                      default: l(() => [...m[9] || (m[9] = [
+                        C("Thumbnail", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    o(y) ? (i(), w(j, {
+                      key: 0,
+                      variant: "ghost",
+                      size: "icon",
+                      onClick: m[3] || (m[3] = (S) => y.value = "")
+                    }, {
+                      default: l(() => [
+                        e(o(ce), { class: "size-4" })
+                      ]),
+                      _: 1
+                    })) : h("", !0)
+                  ]),
+                  n("div", Ke, [
+                    e(D, {
+                      sources: o(z),
+                      maxFiles: 1,
+                      "initial-value": o(y) ? [o(y)] : [],
+                      onSubmit: m[5] || (m[5] = (S) => I(S))
+                    }, {
+                      default: l(() => [
+                        n("button", {
+                          onClick: m[4] || (m[4] = ne(() => {
+                          }, ["stop"])),
+                          tabindex: "-1",
+                          class: "cursor-pointer block"
+                        }, [
+                          o(y) ? (i(), x("img", {
+                            key: 1,
+                            src: o(y),
+                            class: "size-42 rounded-md object-cover",
+                            draggable: "false"
+                          }, null, 8, Qe)) : (i(), w(j, {
+                            key: 0,
+                            variant: "outline",
+                            class: "size-42 border-dashed cursor-pointer"
+                          }, {
+                            default: l(() => [
+                              e(o(W))
+                            ]),
+                            _: 1
+                          }))
+                        ])
+                      ]),
+                      _: 1
+                    }, 8, ["sources", "initial-value"]),
+                    o(b).thumbnail ? (i(), x("p", We, A(o(b).thumbnail), 1)) : h("", !0)
+                  ])
+                ])
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Ze = { class: "flex items-center gap-2" }, et = {
+  key: 0,
+  class: "size-3 rounded-full bg-green-500"
+}, tt = {
+  key: 1,
+  class: "size-3 rounded-full bg-blue-500"
+}, lt = /* @__PURE__ */ H({
+  __name: "Status",
+  setup(J) {
+    const { errors: z } = Y(), { value: b } = q("status");
+    return ($, p) => {
+      const y = u("SelectValue"), V = u("SelectTrigger"), I = u("SelectItem"), T = u("SelectGroup"), f = u("SelectContent"), m = u("Select"), U = u("CardContent"), F = u("Card");
+      return i(), w(F, null, {
+        default: l(() => [
+          e(U, null, {
+            default: l(() => [
+              p[3] || (p[3] = n("p", { class: "text-md font-semibold mb-2" }, "Status", -1)),
+              e(m, {
+                modelValue: o(b),
+                "onUpdate:modelValue": p[0] || (p[0] = (B) => X(b) ? b.value = B : null),
+                class: "w-full"
+              }, {
+                default: l(() => [
+                  e(V, { class: "w-full" }, {
+                    default: l(() => [
+                      n("div", Ze, [
+                        o(b) === "published" ? (i(), x("span", et)) : o(b) === "draft" ? (i(), x("span", tt)) : h("", !0),
+                        e(y, { placeholder: "Status" })
+                      ])
+                    ]),
+                    _: 1
+                  }),
+                  e(f, null, {
+                    default: l(() => [
+                      e(T, null, {
+                        default: l(() => [
+                          e(I, { value: "published" }, {
+                            default: l(() => [...p[1] || (p[1] = [
+                              n("span", { class: "size-3 rounded-full bg-green-500" }, null, -1),
+                              C(" Published ", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          e(I, { value: "draft" }, {
+                            default: l(() => [...p[2] || (p[2] = [
+                              n("span", { class: "size-3 rounded-full bg-blue-500" }, null, -1),
+                              C(" Draft ", -1)
+                            ])]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+}), ot = { class: "flex items-center justify-between gap-4" }, st = { class: "text-sm text-muted-foreground" }, nt = {
+  key: 0,
+  class: "border border-dashed rounded-lg p-6 text-center text-sm text-muted-foreground"
+}, at = {
+  key: 1,
+  class: "flex flex-col gap-3"
+}, it = { class: "flex items-center gap-3 p-3" }, ct = ["onClick"], rt = {
+  key: 1,
+  class: "size-10 rounded-md border border-dashed flex items-center justify-center text-muted-foreground"
+}, ut = { class: "min-w-0" }, dt = { class: "flex items-center gap-2" }, mt = { class: "font-medium truncate" }, pt = {
+  key: 0,
+  class: "bg-green-500 text-green-950 px-2 py-1 rounded-lg text-xs"
+}, ft = {
+  key: 1,
+  class: "bg-blue-500 text-blue-950 px-2 py-1 rounded-lg text-xs"
+}, _t = { class: "flex items-center gap-1" }, gt = {
+  key: 0,
+  class: "border-t p-4 flex flex-col gap-4"
+}, xt = { class: "grid grid-cols-1 @md:grid-cols-2 gap-4" }, vt = { class: "flex flex-col gap-2" }, bt = {
+  key: 0,
+  class: "text-red-500 text-sm mt-1"
+}, yt = { class: "flex flex-col gap-2" }, ht = {
+  key: 0,
+  class: "text-red-500 text-sm mt-1"
+}, Ct = { class: "flex flex-col gap-2" }, St = { class: "flex items-center gap-2" }, wt = {
+  key: 0,
+  class: "size-3 rounded-full bg-green-500"
+}, kt = {
+  key: 1,
+  class: "size-3 rounded-full bg-blue-500"
+}, $t = { class: "flex flex-col gap-2" }, zt = { class: "flex flex-col gap-2" }, Vt = { class: "flex items-center gap-2" }, It = ["src"], Tt = /* @__PURE__ */ H({
+  __name: "Subcollections",
+  setup(J) {
+    const z = se("sources"), { errors: b } = Y(), { value: $ } = q("subcollections"), p = ae([]), y = ie(() => (Array.isArray($.value) || ($.value = []), $.value.map(I)));
+    function V(a) {
+      return a ? a.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^\w\s-]/g, "").trim().replace(/[-\s]+/g, "-") : "";
+    }
+    function I(a) {
+      const t = a;
+      return t.id || (t.id = crypto.randomUUID()), t.type = "manual", t.status || (t.status = "draft"), t.slug || (t.slug = V(t.title)), delete t.seo, t;
+    }
+    function T() {
+      return {
+        id: crypto.randomUUID(),
+        title: "",
+        type: "manual",
+        description: "",
+        thumbnail: "",
+        slug: "",
+        status: "draft"
+      };
+    }
+    function f() {
+      return Array.isArray($.value) ? $.value.map(I) : [];
+    }
+    function m(a) {
+      $.value = a;
+    }
+    function U() {
+      const a = T();
+      m([...f(), a]), p.value = [a.id];
+    }
+    function F(a) {
+      const t = f(), g = t.findIndex((c) => c.id === a.id), s = JSON.parse(JSON.stringify(a));
+      s.id = crypto.randomUUID(), s.type = "manual", s.title = `${s.title || "Untitled subcollection"} (copy)`, s.slug = S(s.slug ? `${s.slug}-copy` : s.title, s.id), delete s.seo;
+      const d = [...t];
+      d.splice(g + 1, 0, s), m(d), p.value = [s.id];
+    }
+    function B(a) {
+      m(f().filter((t) => t.id !== a)), p.value = p.value.filter((t) => t !== a);
+    }
+    function j(a, t) {
+      const g = f(), s = g.findIndex((v) => v.id === a), d = t === "up" ? s - 1 : s + 1;
+      if (s < 0 || d < 0 || d >= g.length) return;
+      const c = [...g], [_] = c.splice(s, 1);
+      c.splice(d, 0, _), m(c);
+    }
+    function D(a) {
+      p.value = p.value.includes(a) ? p.value.filter((t) => t !== a) : [...p.value, a];
+    }
+    function G(a, t) {
+      const g = a.title;
+      a.title = t, (!a.slug || V(g) === a.slug) && (a.slug = S(t, a.id));
+    }
+    function E(a, t) {
+      a.thumbnail = Array.isArray(t) ? t[0] || "" : t;
+    }
+    function S(a, t) {
+      const g = V(a) || "subcollection", s = new Set(
+        f().filter((_) => _.id !== t).map((_) => _.slug).filter(Boolean)
+      );
+      if (!s.has(g)) return g;
+      let d = 2, c = `${g}-${d}`;
+      for (; s.has(c); )
+        d++, c = `${g}-${d}`;
+      return c;
+    }
+    function K(a) {
+      a.slug = S(a.slug || a.title, a.id);
+    }
+    function N(a) {
+      return b.value?.[a];
+    }
+    return (a, t) => {
+      const g = u("Button"), s = u("AvatarImage"), d = u("AvatarFallback"), c = u("Avatar"), _ = u("Label"), v = u("Input"), M = u("SelectValue"), Q = u("SelectTrigger"), R = u("SelectItem"), Z = u("SelectGroup"), ue = u("SelectContent"), de = u("Select"), me = u("Textarea"), pe = u("MediaPickerDialog"), fe = u("CardContent"), _e = u("Card");
+      return i(), w(_e, null, {
+        default: l(() => [
+          e(fe, { class: "flex flex-col gap-4" }, {
+            default: l(() => [
+              n("div", ot, [
+                n("div", null, [
+                  t[1] || (t[1] = n("h3", { class: "text-lg font-semibold" }, "Subcollections", -1)),
+                  n("p", st, A(y.value.length) + " subcollections", 1)
+                ]),
+                e(g, {
+                  variant: "outline",
+                  onClick: U
+                }, {
+                  default: l(() => [
+                    e(o(we), { class: "size-4" }),
+                    t[2] || (t[2] = C(" Add ", -1))
+                  ]),
+                  _: 1
+                })
+              ]),
+              y.value.length === 0 ? (i(), x("div", nt, " No subcollections yet. ")) : (i(), x("div", at, [
+                (i(!0), x(xe, null, ve(y.value, (r, O) => (i(), x("div", {
+                  key: r.id,
+                  class: "border rounded-lg overflow-hidden"
+                }, [
+                  n("div", it, [
+                    n("button", {
+                      class: "flex items-center gap-3 min-w-0 flex-1 text-left cursor-pointer",
+                      onClick: (k) => D(r.id)
+                    }, [
+                      r.thumbnail ? (i(), w(c, {
+                        key: 0,
+                        class: "size-10 rounded-md"
+                      }, {
+                        default: l(() => [
+                          e(s, {
+                            src: r.thumbnail,
+                            class: "object-cover"
+                          }, null, 8, ["src"]),
+                          e(d, { class: "rounded-md" })
+                        ]),
+                        _: 2
+                      }, 1024)) : (i(), x("div", rt, [
+                        e(o(W), { class: "size-4" })
+                      ])),
+                      n("div", ut, [
+                        n("div", dt, [
+                          n("p", mt, A(r.title || "Untitled subcollection"), 1),
+                          r.status === "published" ? (i(), x("span", pt, "Published")) : (i(), x("span", ft, "Draft"))
+                        ])
+                      ])
+                    ], 8, ct),
+                    n("div", _t, [
+                      e(g, {
+                        size: "icon",
+                        variant: "ghost",
+                        onClick: (k) => j(r.id, "up"),
+                        disabled: O === 0
+                      }, {
+                        default: l(() => [
+                          e(o(ke), { class: "size-4" })
+                        ]),
+                        _: 1
+                      }, 8, ["onClick", "disabled"]),
+                      e(g, {
+                        size: "icon",
+                        variant: "ghost",
+                        onClick: (k) => j(r.id, "down"),
+                        disabled: O === y.value.length - 1
+                      }, {
+                        default: l(() => [
+                          e(o($e), { class: "size-4" })
+                        ]),
+                        _: 1
+                      }, 8, ["onClick", "disabled"]),
+                      e(g, {
+                        size: "icon",
+                        variant: "ghost",
+                        onClick: (k) => F(r)
+                      }, {
+                        default: l(() => [
+                          e(o(ze), { class: "size-4" })
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"]),
+                      e(g, {
+                        size: "icon",
+                        variant: "ghost",
+                        onClick: (k) => B(r.id)
+                      }, {
+                        default: l(() => [
+                          e(o(re), { class: "size-4" })
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"]),
+                      e(g, {
+                        size: "icon",
+                        variant: "ghost",
+                        onClick: (k) => D(r.id)
+                      }, {
+                        default: l(() => [
+                          p.value.includes(r.id) ? (i(), w(o(Ve), {
+                            key: 0,
+                            class: "size-4"
+                          })) : (i(), w(o(Ie), {
+                            key: 1,
+                            class: "size-4"
+                          }))
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"])
+                    ])
+                  ]),
+                  p.value.includes(r.id) ? (i(), x("div", gt, [
+                    n("div", xt, [
+                      n("div", vt, [
+                        e(_, {
+                          for: `subcollection-${r.id}-title`,
+                          class: "text-sm"
+                        }, {
+                          default: l(() => [...t[3] || (t[3] = [
+                            C("Title", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["for"]),
+                        e(v, {
+                          type: "text",
+                          id: `subcollection-${r.id}-title`,
+                          placeholder: "Summer dresses",
+                          "model-value": r.title,
+                          "onUpdate:modelValue": (k) => G(r, String(k || ""))
+                        }, null, 8, ["id", "model-value", "onUpdate:modelValue"]),
+                        N(`subcollections[${O}].title`) ? (i(), x("p", bt, A(N(`subcollections[${O}].title`)), 1)) : h("", !0)
+                      ]),
+                      n("div", yt, [
+                        e(_, {
+                          for: `subcollection-${r.id}-slug`,
+                          class: "text-sm"
+                        }, {
+                          default: l(() => [...t[4] || (t[4] = [
+                            C("Slug", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["for"]),
+                        e(v, {
+                          id: `subcollection-${r.id}-slug`,
+                          placeholder: "summer-dresses",
+                          modelValue: r.slug,
+                          "onUpdate:modelValue": (k) => r.slug = k,
+                          onBlur: (k) => K(r)
+                        }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "onBlur"]),
+                        N(`subcollections[${O}].slug`) ? (i(), x("p", ht, A(N(`subcollections[${O}].slug`)), 1)) : h("", !0)
+                      ])
+                    ]),
+                    n("div", Ct, [
+                      e(_, {
+                        for: `subcollection-${r.id}-status`,
+                        class: "text-sm"
+                      }, {
+                        default: l(() => [...t[5] || (t[5] = [
+                          C("Status", -1)
+                        ])]),
+                        _: 1
+                      }, 8, ["for"]),
+                      e(de, {
+                        modelValue: r.status,
+                        "onUpdate:modelValue": (k) => r.status = k
+                      }, {
+                        default: l(() => [
+                          e(Q, {
+                            id: `subcollection-${r.id}-status`,
+                            class: "w-full"
+                          }, {
+                            default: l(() => [
+                              n("div", St, [
+                                r.status === "published" ? (i(), x("span", wt)) : (i(), x("span", kt)),
+                                e(M, { placeholder: "Status" })
+                              ])
+                            ]),
+                            _: 2
+                          }, 1032, ["id"]),
+                          e(ue, null, {
+                            default: l(() => [
+                              e(Z, null, {
+                                default: l(() => [
+                                  e(R, { value: "published" }, {
+                                    default: l(() => [...t[6] || (t[6] = [
+                                      n("span", { class: "size-3 rounded-full bg-green-500" }, null, -1),
+                                      C(" Published ", -1)
+                                    ])]),
+                                    _: 1
+                                  }),
+                                  e(R, { value: "draft" }, {
+                                    default: l(() => [...t[7] || (t[7] = [
+                                      n("span", { class: "size-3 rounded-full bg-blue-500" }, null, -1),
+                                      C(" Draft ", -1)
+                                    ])]),
+                                    _: 1
+                                  })
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 2
+                      }, 1032, ["modelValue", "onUpdate:modelValue"])
+                    ]),
+                    n("div", $t, [
+                      e(_, {
+                        for: `subcollection-${r.id}-description`,
+                        class: "text-sm"
+                      }, {
+                        default: l(() => [...t[8] || (t[8] = [
+                          C("Description", -1)
+                        ])]),
+                        _: 1
+                      }, 8, ["for"]),
+                      e(me, {
+                        id: `subcollection-${r.id}-description`,
+                        placeholder: "Fresh, vibrant, and bold. The perfect collection for the summer season.",
+                        modelValue: r.description,
+                        "onUpdate:modelValue": (k) => r.description = k
+                      }, null, 8, ["id", "modelValue", "onUpdate:modelValue"])
+                    ]),
+                    n("div", zt, [
+                      n("div", Vt, [
+                        e(_, {
+                          for: `subcollection-${r.id}-media`,
+                          class: "text-sm"
+                        }, {
+                          default: l(() => [...t[9] || (t[9] = [
+                            C("Thumbnail", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["for"]),
+                        r.thumbnail ? (i(), w(g, {
+                          key: 0,
+                          variant: "ghost",
+                          size: "icon",
+                          onClick: (k) => r.thumbnail = ""
+                        }, {
+                          default: l(() => [
+                            e(o(ce), { class: "size-4" })
+                          ]),
+                          _: 1
+                        }, 8, ["onClick"])) : h("", !0)
+                      ]),
+                      e(pe, {
+                        sources: o(z),
+                        maxFiles: 1,
+                        "initial-value": r.thumbnail ? [r.thumbnail] : [],
+                        onSubmit: (k) => E(r, k)
+                      }, {
+                        default: l(() => [
+                          n("button", {
+                            onClick: t[0] || (t[0] = ne(() => {
+                            }, ["stop"])),
+                            tabindex: "-1",
+                            class: "cursor-pointer block"
+                          }, [
+                            r.thumbnail ? (i(), x("img", {
+                              key: 1,
+                              src: r.thumbnail,
+                              class: "size-32 rounded-md object-cover",
+                              draggable: "false"
+                            }, null, 8, It)) : (i(), w(g, {
+                              key: 0,
+                              variant: "outline",
+                              class: "size-32 border-dashed cursor-pointer"
+                            }, {
+                              default: l(() => [
+                                e(o(W))
+                              ]),
+                              _: 1
+                            }))
+                          ])
+                        ]),
+                        _: 2
+                      }, 1032, ["sources", "initial-value", "onSubmit"])
+                    ])
+                  ])) : h("", !0)
+                ]))), 128))
+              ]))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Ut = { class: "relative @container" }, Dt = { class: "flex flex-row gap-4 justify-between max-w-5xl mx-auto mt-4 mb-6" }, Mt = { class: "flex items-center" }, At = { class: "text-lg font-semibold mx-2" }, Pt = {
+  key: 0,
+  class: "bg-green-500 text-green-950 px-2 py-1 rounded-lg text-xs"
+}, Ft = {
+  key: 1,
+  class: "bg-blue-500 text-blue-950 px-2 py-1 rounded-lg text-xs"
+}, Nt = { class: "flex flex-col @3xl:flex-row gap-4 max-w-5xl mx-auto pb-24" }, Bt = { class: "flex flex-col gap-4 w-full @3xl:w-2/3" }, jt = { class: "flex flex-col gap-4 w-full @3xl:w-1/3" }, Lt = {
+  key: 0,
+  class: "fixed bottom-4 left-0 md:left-12 right-0 min-w-xs max-w-5xl w-[calc(100%-2rem)] md:w-[calc(100%-5rem)] xl:w-[calc(100%-2rem)] h-16 border border-white/10 backdrop-blur-sm border-t border-border flex items-center justify-center px-4 mx-auto z-[9999] rounded-xl overflow-hidden shadow bg-[radial-gradient(#ffffff80,transparent)] dark:bg-[radial-gradient(#00000080,transparent)]"
+}, Et = { class: "w-full max-w-5xl flex items-center justify-end mx-auto" }, Xt = /* @__PURE__ */ H({
+  __name: "Detail",
+  props: {
+    config: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(J) {
+    const z = J, { hasPermission: b, hasAnyPermission: $ } = De(), { params: p, navigateTo: y } = Me(), { confirm: V } = Ae(), I = Pe(z.config.project);
+    ee("sources", z.config.allowedMediaSources), ee("defaultSource", z.config.defaultUploadMediaSource);
+    const T = ie(() => !p.value.collectionId || p.value.collectionId === "new"), f = ae(!1), m = te({
+      field: P(),
+      operator: he(["==", "!=", "<", ">", "<=", ">=", "in", "not-in", "array-contains", "array-contains-any"]),
+      value: ye()
+    }), U = te({
+      title: P().min(1, "Title is required"),
+      type: P(),
+      description: P().optional(),
+      thumbnail: P().optional(),
+      slug: P(),
+      conditions: le(m).optional(),
+      status: P()
+    }), F = U.extend({
+      id: P().min(1, "ID is required")
+    }), B = Ce(U.extend({
+      id: P().optional(),
+      subcollections: le(F).optional()
+    })), { handleSubmit: j, values: D, setValues: G } = Se({
+      validationSchema: B,
+      initialValues: {
+        status: "draft",
+        type: "manual",
+        subcollections: []
+      }
+    });
+    Fe(() => [
+      { text: T.value ? "New Collection" : D.title || "Collection" }
+    ]);
+    const E = j(async (s) => {
+      f.value = !0;
+      let d = await S() || [];
+      if (T.value) {
+        let c = N(s);
+        if (c.id = crypto.randomUUID(), await g(c.slug)) {
+          L.error("Collection with this slug already exists"), f.value = !1;
+          return;
+        }
+        const _ = [...d, c], v = z.config.collectionsCollection.split(":");
+        await I.update(v[0], null, { [v[1]]: _ }), y("/"), L.success("Collection created");
+      } else {
+        let c = N(s);
+        const _ = d.map((M) => M.id === p.value.collectionId ? c : M), v = z.config.collectionsCollection.split(":");
+        await I.update(v[0], null, { [v[1]]: _ }), y("/"), L.success("Collection updated");
+      }
+      f.value = !1;
+    }), S = async () => {
+      if (!z.config.collectionsCollection) return [];
+      const s = z.config.collectionsCollection.split(":");
+      return s.length !== 2 ? [] : (await I.get(s[0]))?.[s[1]] || [];
+    }, K = async () => {
+      const d = (await S()).find((c) => c.id === p.value.collectionId);
+      G(d);
+    }, N = (s, d = !1) => {
+      const c = JSON.parse(JSON.stringify(s));
+      return c.type ||= "manual", c.status ||= "draft", delete c.seo, c.subcollections = (c.subcollections || []).map((_) => {
+        const v = {
+          ..._,
+          id: d || !_.id ? crypto.randomUUID() : _.id,
+          type: "manual",
+          status: _.status || "draft",
+          slug: _.slug || ""
+        };
+        return delete v.seo, delete v.subcollections, v;
+      }), c;
+    }, a = async () => {
+      try {
+        let s = N(D, !0), d = s.slug + "-copy", c = 2;
+        for (; await g(d); )
+          d = s.slug + "-copy-" + c, c++;
+        s.id = crypto.randomUUID(), s.slug = d, s.status = "draft", s.title = s.title + " (copy)";
+        const v = [...await S() || [], s], M = z.config.collectionsCollection.split(":");
+        await I.update(M[0], null, { [M[1]]: v }), y(s.id), L.success("Collection duplicated");
+      } catch {
+        L.error("Failed to duplicate collection");
+      }
+    }, t = async () => {
+      const s = Array.isArray(D.subcollections) && D.subcollections.length > 0;
+      if (await V(
+        s ? "Are you sure you want to delete this collection? All subcollections will also be deleted." : "Are you sure you want to delete this collection?"
+      ))
+        try {
+          const c = await S() || [];
+          if (c.length === 0 || !p.value.collectionId) throw new Error("Error loading values");
+          const _ = c.filter((M) => M.id !== p.value.collectionId), v = z.config.collectionsCollection.split(":");
+          await I.update(v[0], null, { [v[1]]: _ }), y(""), L.success("Collection deleted");
+        } catch {
+          L.error("Failed to delete collection");
+        }
+    }, g = async (s) => !!(await S() || []).find((c) => c.slug === s);
+    return be(() => {
+      T.value || K();
+    }), (s, d) => {
+      const c = u("Button"), _ = u("MenubarTrigger"), v = u("MenubarMenu"), M = u("MenubarItem"), Q = u("MenubarContent"), R = u("Menubar");
+      return i(), x("div", Ut, [
+        n("div", Dt, [
+          n("div", Mt, [
+            e(c, {
+              variant: "ghost",
+              onClick: d[0] || (d[0] = (Z) => o(y)(""))
+            }, {
+              default: l(() => [
+                e(o(Te), { class: "size-4" })
+              ]),
+              _: 1
+            }),
+            e(o(Ue), { class: "size-3" }),
+            n("h1", At, A(T.value ? "New Collection" : o(D).title), 1),
+            o(D).status === "published" ? (i(), x("span", Pt, "Published")) : o(D).status === "draft" ? (i(), x("span", Ft, "Draft")) : h("", !0)
+          ]),
+          T.value ? h("", !0) : (i(), w(R, {
+            key: 0,
+            class: "bg-sidebar"
+          }, {
+            default: l(() => [
+              o(b)("create-collection") ? (i(), w(v, { key: 0 }, {
+                default: l(() => [
+                  e(_, { onClick: a }, {
+                    default: l(() => [...d[1] || (d[1] = [
+                      C("Duplicate", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })) : h("", !0),
+              o($)("edit-collection", "delete-collection") ? (i(), w(v, { key: 1 }, {
+                default: l(() => [
+                  e(_, null, {
+                    default: l(() => [...d[2] || (d[2] = [
+                      C("More actions", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  e(Q, null, {
+                    default: l(() => [
+                      o(b)("delete-collection") ? (i(), w(M, {
+                        key: 0,
+                        variant: "destructive",
+                        onClick: t
+                      }, {
+                        default: l(() => [
+                          e(o(re), { class: "size-4" }),
+                          d[3] || (d[3] = C(" Delete collection ", -1))
+                        ]),
+                        _: 1
+                      })) : h("", !0)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })) : h("", !0)
+            ]),
+            _: 1
+          }))
+        ]),
+        n("div", Nt, [
+          n("div", Bt, [
+            e(Ye),
+            e(Tt)
+          ]),
+          n("div", jt, [
+            e(lt)
+          ])
+        ]),
+        o($)("create-collection", "edit-collection") ? (i(), x("div", Lt, [
+          n("div", Et, [
+            T.value && o(b)("create-collection") ? (i(), w(c, {
+              key: 0,
+              onClick: o(E),
+              disabled: f.value
+            }, {
+              default: l(() => [
+                f.value ? (i(), w(o(oe), {
+                  key: 0,
+                  class: "size-4 animate-spin"
+                })) : h("", !0),
+                C(" " + A(f.value ? "Creating" : "Create") + " New Collection ", 1)
+              ]),
+              _: 1
+            }, 8, ["onClick", "disabled"])) : o(b)("edit-collection") ? (i(), w(c, {
+              key: 1,
+              onClick: o(E),
+              disabled: f.value
+            }, {
+              default: l(() => [
+                f.value ? (i(), w(o(oe), {
+                  key: 0,
+                  class: "size-4 animate-spin"
+                })) : h("", !0),
+                C(" " + A(f.value ? "Saving" : "Save") + " Changes ", 1)
+              ]),
+              _: 1
+            }, 8, ["onClick", "disabled"])) : h("", !0)
+          ])
+        ])) : h("", !0)
+      ]);
+    };
+  }
+});
+export {
+  Xt as default
+};