@oneclick.dev/cms-core-modules 0.0.105 → 0.0.107

package/dist/Detail-CtItxMX4.mjs

@@ -1,649 +0,0 @@
-import { defineComponent as B, inject as Q, ref as R, resolveComponent as i, openBlock as d, createBlock as O, withCtx as s, createVNode as n, createElementVNode as o, createTextVNode as v, isRef as N, unref as e, createElementBlock as b, toDisplayString as _, createCommentVNode as f, watch as ee, Fragment as X, renderList as H, normalizeClass as te, computed as oe, onMounted as ne, provide as se } from "vue";
-import { u as W, a as S, t as le, o as ie, p as J, c as q, s as F, b as ae, f as de } from "./vee-validate-zod-CcOwoF6y.mjs";
-import { r as j } from "./countries-BTPvmrsb.mjs";
-import { ChevronsUpDown as re, Search as ce, Check as ue, X as pe, Tag as me, ChevronRight as fe, Trash as _e, Loader2 as K } from "lucide-vue-next";
-import { useModulePermissions as xe, useModuleRoute as ve, useConfirmation as be, useFirebaseIntegration as ge, useModuleBreadcrumbs as he } from "@oneclick.dev/cms-kit";
-import { t as E } from "./index-RLz1QPrf.mjs";
-const Ce = { class: "flex flex-col gap-4" }, we = { class: "flex flex-col gap-2" }, ye = {
-  key: 0,
-  class: "text-red-500 text-sm mt-1"
-}, ke = { class: "flex flex-col gap-4" }, $e = { class: "flex flex-col gap-2" }, Oe = {
-  key: 0,
-  class: "text-red-500 text-sm mt-1"
-}, Ve = { class: "flex flex-col gap-4" }, Ie = { class: "flex flex-col gap-2" }, Me = {
-  key: 0,
-  class: "text-red-500 text-sm mt-1"
-}, Se = /* @__PURE__ */ B({
-  __name: "Main",
-  setup(P) {
-    const x = Q("isLoadingCompleted", R(!1)), { errors: l } = W(), { value: u } = S("title"), { value: a } = S("description"), { value: r } = S("price");
-    return (g, t) => {
-      const m = i("Label"), h = i("Input"), C = i("Textarea"), I = i("CardContent"), T = i("Card");
-      return d(), O(T, null, {
-        default: s(() => [
-          n(I, { class: "flex flex-col gap-4" }, {
-            default: s(() => [
-              o("div", Ce, [
-                o("div", we, [
-                  n(m, {
-                    for: "title",
-                    class: "text-sm"
-                  }, {
-                    default: s(() => [...t[3] || (t[3] = [
-                      v("Name", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  n(h, {
-                    type: "text",
-                    id: "title",
-                    placeholder: e(x) ? "Fast shipping" : "",
-                    modelValue: e(u),
-                    "onUpdate:modelValue": t[0] || (t[0] = (M) => N(u) ? u.value = M : null)
-                  }, null, 8, ["placeholder", "modelValue"]),
-                  e(l).title ? (d(), b("p", ye, _(e(l).title), 1)) : f("", !0)
-                ])
-              ]),
-              o("div", ke, [
-                o("div", $e, [
-                  n(m, {
-                    for: "description",
-                    class: "text-sm"
-                  }, {
-                    default: s(() => [...t[4] || (t[4] = [
-                      v("Description (optional)", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  n(C, {
-                    id: "description",
-                    placeholder: e(x) ? "Ships next day" : "",
-                    modelValue: e(a),
-                    "onUpdate:modelValue": t[1] || (t[1] = (M) => N(a) ? a.value = M : null)
-                  }, null, 8, ["placeholder", "modelValue"]),
-                  e(l).description ? (d(), b("p", Oe, _(e(l).description), 1)) : f("", !0)
-                ])
-              ]),
-              o("div", Ve, [
-                o("div", Ie, [
-                  n(m, {
-                    for: "price",
-                    class: "text-sm"
-                  }, {
-                    default: s(() => [...t[5] || (t[5] = [
-                      v("Price", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  n(h, {
-                    type: "number",
-                    min: "0",
-                    id: "price",
-                    placeholder: e(x) ? "Free" : "",
-                    modelValue: e(r),
-                    "onUpdate:modelValue": t[2] || (t[2] = (M) => N(r) ? r.value = M : null),
-                    class: "no-spinner"
-                  }, null, 8, ["placeholder", "modelValue"]),
-                  e(l).price ? (d(), b("p", Me, _(e(l).price), 1)) : f("", !0)
-                ])
-              ])
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      });
-    };
-  }
-}), Ne = { class: "flex flex-col gap-4" }, Le = { class: "flex flex-col gap-2" }, Te = { class: "truncate" }, ze = { class: "relative w-full max-w-sm items-center" }, Ue = { class: "absolute start-0 inset-y-0 flex items-center justify-center px-3" }, Fe = { class: "truncate" }, je = {
-  key: 0,
-  class: "text-red-500 text-sm mt-1"
-}, Ee = { key: 0 }, Pe = { class: "group flex items-center gap-2 bg-muted/50 rounded-md mb-1 p-2" }, Be = { class: "w-6" }, De = { class: "text-muted-foreground group-hover:text-black dark:group-hover:text-white" }, Re = /* @__PURE__ */ B({
-  __name: "Countries",
-  setup(P) {
-    const { errors: x } = W(), { value: l } = S("countries");
-    return ee(l, (u) => {
-      let a = u?.sort((g, t) => !g || !t ? 0 : j.find((m) => m.cca2 === g)?.name.common.localeCompare(j.find((m) => m.cca2 === t)?.name.common)), r = !0;
-      for (let g = 0; g < u.length; g++)
-        if (u[g] !== l.value[g]) {
-          r = !1;
-          break;
-        }
-      r || (l.value = a);
-    }), (u, a) => {
-      const r = i("Label"), g = i("Button"), t = i("ComboboxTrigger"), m = i("ComboboxAnchor"), h = i("ComboboxInput"), C = i("ComboboxEmpty"), I = i("ComboboxItemIndicator"), T = i("ComboboxItem"), M = i("ComboboxGroup"), w = i("ComboboxList"), G = i("Combobox"), D = i("CardContent"), z = i("Card");
-      return d(), O(z, null, {
-        default: s(() => [
-          n(D, { class: "flex flex-col gap-4" }, {
-            default: s(() => [
-              a[3] || (a[3] = o("h3", { class: "text-lg font-semibold mb-4" }, "Countries", -1)),
-              o("div", Ne, [
-                o("div", Le, [
-                  n(r, { class: "text-sm mb-2" }, {
-                    default: s(() => [...a[1] || (a[1] = [
-                      v("For which countries should this option be available?", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  n(G, {
-                    modelValue: e(l),
-                    "onUpdate:modelValue": a[0] || (a[0] = (y) => N(l) ? l.value = y : null),
-                    multiple: !0
-                  }, {
-                    default: s(() => [
-                      n(m, { "as-child": "" }, {
-                        default: s(() => [
-                          n(t, { "as-child": "" }, {
-                            default: s(() => [
-                              n(g, {
-                                variant: "outline",
-                                class: "justify-between"
-                              }, {
-                                default: s(() => [
-                                  o("span", Te, _(e(l)?.length > 0 ? e(l).slice(0, 4).map((y) => e(j).find((L) => L.cca2 === y)?.name.common).join(", ") : "Select countries"), 1),
-                                  n(e(re), { class: "ml-2 size-4 shrink-0 opacity-50" })
-                                ]),
-                                _: 1
-                              })
-                            ]),
-                            _: 1
-                          })
-                        ]),
-                        _: 1
-                      }),
-                      n(w, null, {
-                        default: s(() => [
-                          o("div", ze, [
-                            n(h, {
-                              class: "pl-9 focus-visible:ring-0 border-0 border-b rounded-none h-10",
-                              placeholder: "Find country..."
-                            }),
-                            o("span", Ue, [
-                              n(e(ce), { class: "size-4 text-muted-foreground" })
-                            ])
-                          ]),
-                          n(C, null, {
-                            default: s(() => [...a[2] || (a[2] = [
-                              v(" No countries found. ", -1)
-                            ])]),
-                            _: 1
-                          }),
-                          n(M, { class: "max-h-72 overflow-y-scroll" }, {
-                            default: s(() => [
-                              (d(!0), b(X, null, H(e(j), (y) => (d(), O(T, {
-                                key: y.cca2,
-                                value: y.cca2
-                              }, {
-                                default: s(() => [
-                                  v(_(y.flag) + " ", 1),
-                                  o("span", Fe, _(y.name.common), 1),
-                                  n(I, null, {
-                                    default: s(() => [
-                                      n(e(ue), { class: "size-4" })
-                                    ]),
-                                    _: 1
-                                  })
-                                ]),
-                                _: 2
-                              }, 1032, ["value"]))), 128))
-                            ]),
-                            _: 1
-                          })
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue"]),
-                  e(x).countries ? (d(), b("p", je, _(e(x).countries), 1)) : f("", !0)
-                ])
-              ]),
-              e(l)?.length > 0 ? (d(), b("div", Ee, [
-                (d(!0), b(X, null, H(e(l), (y) => (d(), b("div", Pe, [
-                  o("div", Be, _(e(j).find((L) => L.cca2 === y)?.flag), 1),
-                  o("p", De, _(e(j).find((L) => L.cca2 === y)?.name.common), 1),
-                  n(g, {
-                    variant: "ghost",
-                    size: "icon",
-                    onClick: (L) => l.value = e(l).filter((A) => A !== y),
-                    class: "hidden group-hover:flex ml-auto size-6"
-                  }, {
-                    default: s(() => [
-                      n(e(pe), { class: "size-3" })
-                    ]),
-                    _: 1
-                  }, 8, ["onClick"])
-                ]))), 256))
-              ])) : f("", !0)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      });
-    };
-  }
-}), Ge = { class: "flex items-center space-x-2" }, Ae = { class: "flex items-center space-x-2" }, Je = { class: "flex items-center space-x-2" }, qe = {
-  key: 0,
-  class: "flex gap-2 w-full mt-4"
-}, We = { class: "flex flex-col gap-4 w-full" }, Xe = { class: "flex flex-col gap-2" }, He = { class: "relative" }, Ke = {
-  key: 0,
-  class: "text-red-500 text-sm mt-1"
-}, Qe = { class: "flex flex-col gap-4 w-full" }, Ye = { class: "flex flex-col gap-2" }, Ze = { class: "relative" }, et = {
-  key: 0,
-  class: "text-red-500 text-sm mt-1"
-}, tt = {
-  key: 1,
-  class: "flex gap-2 w-full mt-4"
-}, ot = { class: "flex flex-col gap-4 w-full" }, nt = { class: "flex flex-col gap-2" }, st = { class: "relative" }, lt = {
-  key: 0,
-  class: "text-red-500 text-sm mt-1"
-}, it = { class: "flex flex-col gap-4 w-full" }, at = { class: "flex flex-col gap-2" }, dt = { class: "relative" }, rt = {
-  key: 0,
-  class: "text-red-500 text-sm mt-1"
-}, ct = /* @__PURE__ */ B({
-  __name: "Condition",
-  setup(P) {
-    const x = Q("isLoadingCompleted", R(!1)), { errors: l } = W(), { value: u } = S("condition"), { value: a } = S("condition_min"), { value: r } = S("condition_max");
-    return (g, t) => {
-      const m = i("RadioGroupItem"), h = i("Label"), C = i("RadioGroup"), I = i("Input"), T = i("CardContent"), M = i("Card");
-      return d(), O(M, null, {
-        default: s(() => [
-          n(T, { class: "flex flex-col gap-4" }, {
-            default: s(() => [
-              t[16] || (t[16] = o("h3", { class: "text-lg font-semibold mb-4" }, "Condition", -1)),
-              t[17] || (t[17] = o("p", null, " Specify when this option should be available ", -1)),
-              n(C, {
-                "default-value": "always",
-                modelValue: e(u),
-                "onUpdate:modelValue": t[0] || (t[0] = (w) => N(u) ? u.value = w : null),
-                class: te(["flex flex-col transition-all duration-300", { "opacity-0 pointer-events-none": !e(x) }])
-              }, {
-                default: s(() => [
-                  o("div", Ge, [
-                    n(m, {
-                      id: "always",
-                      value: "always"
-                    }),
-                    n(h, { for: "always" }, {
-                      default: s(() => [...t[5] || (t[5] = [
-                        v("Always", -1)
-                      ])]),
-                      _: 1
-                    })
-                  ]),
-                  o("div", Ae, [
-                    n(m, {
-                      id: "weight_based",
-                      value: "weight_based"
-                    }),
-                    n(h, { for: "weight_based" }, {
-                      default: s(() => [...t[6] || (t[6] = [
-                        v("Weight based", -1)
-                      ])]),
-                      _: 1
-                    })
-                  ]),
-                  o("div", Je, [
-                    n(m, {
-                      id: "price_based",
-                      value: "price_based"
-                    }),
-                    n(h, { for: "price_based" }, {
-                      default: s(() => [...t[7] || (t[7] = [
-                        v("Price based", -1)
-                      ])]),
-                      _: 1
-                    })
-                  ])
-                ]),
-                _: 1
-              }, 8, ["modelValue", "class"]),
-              e(u) === "weight_based" ? (d(), b("div", qe, [
-                o("div", We, [
-                  o("div", Xe, [
-                    n(h, {
-                      for: "condition_min",
-                      class: "text-sm"
-                    }, {
-                      default: s(() => [...t[8] || (t[8] = [
-                        v("Minimum weight", -1)
-                      ])]),
-                      _: 1
-                    }),
-                    o("div", He, [
-                      n(I, {
-                        type: "number",
-                        id: "condition_min",
-                        min: "0",
-                        placeholder: "0",
-                        modelValue: e(a),
-                        "onUpdate:modelValue": t[1] || (t[1] = (w) => N(a) ? a.value = w : null),
-                        class: "no-spinner pr-10"
-                      }, null, 8, ["modelValue"]),
-                      t[9] || (t[9] = o("span", { class: "absolute pointer-events-none top-1/2 right-3 -translate-y-1/2 text-sm text-muted-foreground" }, "kg", -1))
-                    ]),
-                    e(l).condition_min ? (d(), b("p", Ke, _(e(l).condition_min), 1)) : f("", !0)
-                  ])
-                ]),
-                o("div", Qe, [
-                  o("div", Ye, [
-                    n(h, {
-                      for: "condition_max",
-                      class: "text-sm"
-                    }, {
-                      default: s(() => [...t[10] || (t[10] = [
-                        v("Maximum weight", -1)
-                      ])]),
-                      _: 1
-                    }),
-                    o("div", Ze, [
-                      n(I, {
-                        type: "number",
-                        id: "condition_max",
-                        min: "0",
-                        placeholder: "No limit",
-                        modelValue: e(r),
-                        "onUpdate:modelValue": t[2] || (t[2] = (w) => N(r) ? r.value = w : null),
-                        class: "no-spinner pr-10"
-                      }, null, 8, ["modelValue"]),
-                      t[11] || (t[11] = o("span", { class: "absolute pointer-events-none top-1/2 right-3 -translate-y-1/2 text-sm text-muted-foreground" }, "kg", -1))
-                    ]),
-                    e(l).condition_max ? (d(), b("p", et, _(e(l).condition_max), 1)) : f("", !0)
-                  ])
-                ])
-              ])) : e(u) === "price_based" ? (d(), b("div", tt, [
-                o("div", ot, [
-                  o("div", nt, [
-                    n(h, {
-                      for: "condition_min",
-                      class: "text-sm"
-                    }, {
-                      default: s(() => [...t[12] || (t[12] = [
-                        v("Minimum price", -1)
-                      ])]),
-                      _: 1
-                    }),
-                    o("div", st, [
-                      n(I, {
-                        type: "number",
-                        id: "condition_min",
-                        min: "0",
-                        placeholder: "0, 00",
-                        modelValue: e(a),
-                        "onUpdate:modelValue": t[3] || (t[3] = (w) => N(a) ? a.value = w : null),
-                        class: "no-spinner pl-8"
-                      }, null, 8, ["modelValue"]),
-                      t[13] || (t[13] = o("span", { class: "absolute pointer-events-none top-1/2 left-3 -translate-y-1/2 text-sm text-muted-foreground" }, "€", -1))
-                    ]),
-                    e(l).condition_min ? (d(), b("p", lt, _(e(l).condition_min), 1)) : f("", !0)
-                  ])
-                ]),
-                o("div", it, [
-                  o("div", at, [
-                    n(h, {
-                      for: "condition_max",
-                      class: "text-sm"
-                    }, {
-                      default: s(() => [...t[14] || (t[14] = [
-                        v("Maximum price", -1)
-                      ])]),
-                      _: 1
-                    }),
-                    o("div", dt, [
-                      n(I, {
-                        type: "number",
-                        id: "condition_max",
-                        min: "0",
-                        placeholder: "No limit",
-                        modelValue: e(r),
-                        "onUpdate:modelValue": t[4] || (t[4] = (w) => N(r) ? r.value = w : null),
-                        class: "no-spinner pl-8"
-                      }, null, 8, ["modelValue"]),
-                      t[15] || (t[15] = o("span", { class: "absolute pointer-events-none top-1/2 left-3 -translate-y-1/2 text-sm text-muted-foreground" }, "€", -1))
-                    ]),
-                    e(l).condition_max ? (d(), b("p", rt, _(e(l).condition_max), 1)) : f("", !0)
-                  ])
-                ])
-              ])) : f("", !0)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      });
-    };
-  }
-}), ut = { class: "flex gap-2 rounded-lg p-2 bg-white text-black overflow-hidden shadow border" }, pt = { class: "w-full overflow-hidden" }, mt = { class: "truncate" }, ft = {
-  key: 0,
-  class: "text-sm text-muted-foreground"
-}, _t = { class: "ml-auto shrink-0" }, xt = { class: "font-bold" }, vt = /* @__PURE__ */ B({
-  __name: "Example",
-  setup(P) {
-    const { value: x } = S("title"), { value: l } = S("description"), { value: u } = S("price");
-    return (a, r) => {
-      const g = i("CardContent"), t = i("Card");
-      return d(), O(t, null, {
-        default: s(() => [
-          n(g, null, {
-            default: s(() => [
-              r[1] || (r[1] = o("p", { class: "text-md font-semibold mb-2" }, "Example", -1)),
-              o("div", ut, [
-                r[0] || (r[0] = o("div", { class: "pt-1 shrink-0" }, [
-                  o("div", { class: "size-4 rounded-full bg-primary flex items-center justify-center" }, [
-                    o("div", { class: "size-2 rounded-full bg-white" })
-                  ])
-                ], -1)),
-                o("div", pt, [
-                  o("p", mt, _(e(x) || "Option Name"), 1),
-                  e(l) ? (d(), b("p", ft, _(e(l)), 1)) : f("", !0)
-                ]),
-                o("div", _t, [
-                  o("p", xt, _(e(u) ? "€" + e(u).toFixed(2) : "FREE"), 1)
-                ])
-              ])
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      });
-    };
-  }
-}), bt = { class: "relative @container" }, gt = { class: "flex flex-row gap-4 justify-between max-w-5xl mx-auto mt-4 mb-6" }, ht = { class: "flex items-center" }, Ct = { class: "text-lg font-semibold mx-2" }, wt = { class: "flex flex-col @3xl:flex-row gap-4 max-w-5xl mx-auto pb-24" }, yt = { class: "flex flex-col gap-4 w-full @3xl:w-2/3" }, kt = { class: "flex flex-col gap-4 w-full @3xl:w-1/3" }, $t = {
-  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)]"
-}, Ot = { class: "w-full max-w-5xl flex items-center justify-end mx-auto" }, zt = /* @__PURE__ */ B({
-  __name: "Detail",
-  props: {
-    config: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(P) {
-    const x = P, { hasPermission: l, hasAnyPermission: u } = xe(), { params: a, navigateTo: r } = ve(), { confirm: g } = be(), t = ge(x.config.project), m = oe(() => !a.value.optionId || a.value.optionId === "new"), h = R(!1), C = R(!1), I = le(ie({
-      id: F().optional(),
-      status: F().optional(),
-      title: F().min(1, "Title is required"),
-      description: F().optional(),
-      price: J(
-        (p) => p === "" ? void 0 : p,
-        q.number().positive("Must be positive").optional()
-      ),
-      countries: ae(F()).optional(),
-      condition: F(),
-      condition_min: J(
-        (p) => p === "" ? void 0 : p,
-        q.number().positive("Must be positive").optional()
-      ),
-      condition_max: J(
-        (p) => p === "" ? void 0 : p,
-        q.number().positive("Must be positive").optional()
-      )
-    })), { handleSubmit: T, errors: M, values: w, setValues: G } = de({
-      validationSchema: I,
-      initialValues: {
-        status: "published",
-        countries: [],
-        condition: "always"
-      }
-    });
-    he(() => [
-      { text: w.title ?? "New Option" }
-    ]);
-    const D = T(async (p) => {
-      C.value = !0;
-      let c = await z() || [];
-      if (m.value) {
-        let k = JSON.parse(JSON.stringify(p));
-        k.id = crypto.randomUUID();
-        const V = [...c, k], $ = x.config.shippingOptionsCollection.split(":");
-        await t.update($[0], null, { [$[1]]: V }), r(k.id), E.success("Shipping option created");
-      } else {
-        let k = JSON.parse(JSON.stringify(p));
-        const V = c.map((U) => U.id === a.value.optionId ? k : U), $ = x.config.shippingOptionsCollection.split(":");
-        await t.update($[0], null, { [$[1]]: V }), r(`${a.value.optionId}`), E.success("Shipping option updated");
-      }
-      C.value = !1;
-    }), z = async () => {
-      if (!x.config.shippingOptionsCollection) return [];
-      const p = x.config.shippingOptionsCollection.split(":");
-      return p.length !== 2 ? [] : (await t.get(p[0]))?.[p[1]] || [];
-    }, y = async () => {
-      const c = (await z()).find((k) => k.id === a.value.optionId);
-      G(c), h.value = !0;
-    }, L = async () => {
-      try {
-        let c = { ...[...await z() || []].find((U) => U.id === a.value.optionId) };
-        c.id = crypto.randomUUID(), c.status = "published", c.title = c.title + " (copy)";
-        const V = [...await z() || [], c], $ = x.config.shippingOptionsCollection.split(":");
-        await t.update($[0], null, { [$[1]]: V }), r(c.id), E.success("Option duplicated");
-      } catch {
-        E.error("Failed to duplicate option");
-      }
-    }, A = async () => {
-      if (await g("Are you sure you want to delete this option?"))
-        try {
-          const c = await z() || [];
-          if (c.length === 0 || !a.value.optionId) throw new Error("Error loading values");
-          const k = c.filter(($) => $.id !== a.value.optionId), V = x.config.shippingOptionsCollection.split(":");
-          await t.update(V[0], null, { [V[1]]: k }), r(""), E.success("Option deleted");
-        } catch {
-          E.error("Failed to delete option");
-        }
-    };
-    return ne(() => {
-      m.value ? h.value = !0 : y();
-    }), se("isLoadingCompleted", h), (p, c) => {
-      const k = i("Button"), V = i("MenubarTrigger"), $ = i("MenubarMenu"), U = i("MenubarItem"), Y = i("MenubarContent"), Z = i("Menubar");
-      return d(), b("div", bt, [
-        o("div", gt, [
-          o("div", ht, [
-            n(k, {
-              variant: "ghost",
-              onClick: c[0] || (c[0] = (Vt) => e(r)(""))
-            }, {
-              default: s(() => [
-                n(e(me), { class: "size-4" })
-              ]),
-              _: 1
-            }),
-            n(e(fe), { class: "size-3" }),
-            o("h1", Ct, _(m.value ? "New Option" : e(w).title), 1)
-          ]),
-          m.value ? f("", !0) : (d(), O(Z, {
-            key: 0,
-            class: "bg-sidebar"
-          }, {
-            default: s(() => [
-              e(l)("create-collection") ? (d(), O($, { key: 0 }, {
-                default: s(() => [
-                  n(V, { onClick: L }, {
-                    default: s(() => [...c[1] || (c[1] = [
-                      v("Duplicate", -1)
-                    ])]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })) : f("", !0),
-              e(u)("edit-collection", "delete-option") ? (d(), O($, { key: 1 }, {
-                default: s(() => [
-                  n(V, null, {
-                    default: s(() => [...c[2] || (c[2] = [
-                      v("More actions", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  n(Y, null, {
-                    default: s(() => [
-                      e(l)("delete-option") ? (d(), O(U, {
-                        key: 0,
-                        variant: "destructive",
-                        onClick: A
-                      }, {
-                        default: s(() => [
-                          n(e(_e), { class: "size-4" }),
-                          c[3] || (c[3] = v(" Delete option ", -1))
-                        ]),
-                        _: 1
-                      })) : f("", !0)
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })) : f("", !0)
-            ]),
-            _: 1
-          }))
-        ]),
-        o("div", wt, [
-          o("div", yt, [
-            n(Se),
-            n(Re),
-            n(ct)
-          ]),
-          o("div", kt, [
-            n(vt)
-          ])
-        ]),
-        e(u)("create-option", "edit-option") ? (d(), b("div", $t, [
-          o("div", Ot, [
-            m.value && e(l)("create-option") ? (d(), O(k, {
-              key: 0,
-              onClick: e(D),
-              disabled: C.value
-            }, {
-              default: s(() => [
-                C.value ? (d(), O(e(K), {
-                  key: 0,
-                  class: "size-4 animate-spin"
-                })) : f("", !0),
-                v(" " + _(C.value ? "Creating" : "Create") + " New Option ", 1)
-              ]),
-              _: 1
-            }, 8, ["onClick", "disabled"])) : e(l)("edit-option") ? (d(), O(k, {
-              key: 1,
-              onClick: e(D),
-              disabled: C.value
-            }, {
-              default: s(() => [
-                C.value ? (d(), O(e(K), {
-                  key: 0,
-                  class: "size-4 animate-spin"
-                })) : f("", !0),
-                v(" " + _(C.value ? "Saving" : "Save") + " Changes ", 1)
-              ]),
-              _: 1
-            }, 8, ["onClick", "disabled"])) : f("", !0)
-          ])
-        ])) : f("", !0)
-      ]);
-    };
-  }
-});
-export {
-  zt as default
-};