@oneclick.dev/cms-core-modules 0.0.115 → 0.0.116

package/dist/resources-B-D5MUhV.mjs

@@ -0,0 +1,975 @@
+import { defineComponent as xe, ref as D, reactive as Me, computed as P, resolveComponent as i, openBlock as c, createBlock as L, withCtx as l, createVNode as e, createTextVNode as d, toDisplayString as g, createElementVNode as s, createElementBlock as v, Fragment as U, renderList as J, normalizeStyle as Z, normalizeClass as fe, unref as b, createCommentVNode as k, withModifiers as ve } from "vue";
+import { _ as $e } from "./EditLayout.vue_vue_type_script_setup_true_lang-pDO9b4Pv.mjs";
+import { Clock as Le, MoreHorizontal as Te, Trash2 as _e, ListOrdered as Ie, Plus as ge, Pencil as Ee, Copy as Ue, Users as be, CircleAlert as Ne, GripVertical as He, ArrowUp as Fe, ArrowDown as je } from "lucide-vue-next";
+import { useModuleRoute as Oe, useModulePermissions as Be, useConfirmation as Ye, useModule as Pe, useFirebaseIntegration as Je } from "@oneclick.dev/cms-kit";
+import { a as qe } from "./index-CFzn2Lus.mjs";
+const We = { class: "text-xs opacity-50" }, Ge = { class: "space-y-5 py-4" }, Qe = { class: "flex flex-wrap gap-2 mt-2" }, Ke = ["onClick"], Xe = { class: "space-y-2" }, Ze = { class: "flex items-center justify-between mb-2" }, et = { class: "text-sm font-medium" }, tt = { class: "flex items-center gap-1" }, ot = { class: "space-y-2" }, st = {
+  key: 0,
+  class: "text-sm text-muted-foreground italic py-1"
+}, lt = { class: "flex items-center justify-between rounded-lg border p-4" }, nt = { class: "space-y-0.5" }, at = { class: "text-xs text-muted-foreground" }, it = { class: "w-full flex justify-between items-center gap-4 flex-col @sm/dialog-footer:flex-row" }, rt = { class: "flex items-center gap-2 ml-auto w-full @sm/dialog-footer:w-auto flex-col-reverse @sm/dialog-footer:flex-row" }, dt = /* @__PURE__ */ xe({
+  __name: "ResourceEditorDialog",
+  emits: ["add-resource", "update-resource", "remove-resource"],
+  setup(we, { expose: ee, emit: q }) {
+    const N = q, C = D(!1), h = D("add"), W = ["#ef4444", "#f97316", "#f59e0b", "#eab308", "#84cc16", "#22c55e", "#10b981", "#14b8a6", "#06b6d4", "#0ea5e9", "#3b82f6", "#6366f1", "#8b5cf6", "#a855f7", "#d946ef", "#ec4899", "#f43f5e"], m = [
+      { value: 1, label: "Monday" },
+      { value: 2, label: "Tuesday" },
+      { value: 3, label: "Wednesday" },
+      { value: 4, label: "Thursday" },
+      { value: 5, label: "Friday" },
+      { value: 6, label: "Saturday" },
+      { value: 0, label: "Sunday" }
+    ], a = Me({
+      id: "",
+      name: "",
+      publicLabel: "",
+      avatarLabel: "",
+      description: "",
+      capacity: 1,
+      interval: 30,
+      openingHours: {
+        0: [],
+        // Sunday
+        1: [{ start: "09:00", end: "17:00" }],
+        // Monday
+        2: [{ start: "09:00", end: "17:00" }],
+        // Tuesday
+        3: [{ start: "09:00", end: "17:00" }],
+        // Wednesday
+        4: [{ start: "09:00", end: "17:00" }],
+        // Thursday
+        5: [{ start: "09:00", end: "17:00" }],
+        // Friday
+        6: []
+        // Saturday
+      },
+      color: "blue",
+      isActive: !0
+    }), H = (p) => {
+      h.value = p ? "edit" : "add", a.id = p?.id || "", a.name = p?.name || "", a.publicLabel = p?.publicLabel || "", a.avatarLabel = p?.avatarLabel || "", a.description = p?.description || "", a.capacity = p?.capacity || 1, a.interval = p?.interval || 30, a.openingHours = p?.openingHours || {
+        0: [],
+        1: [{ start: "09:00", end: "17:00" }],
+        2: [{ start: "09:00", end: "17:00" }],
+        3: [{ start: "09:00", end: "17:00" }],
+        4: [{ start: "09:00", end: "17:00" }],
+        5: [{ start: "09:00", end: "17:00" }],
+        6: []
+      }, a.color = p?.color || "blue", a.isActive = p?.isActive !== void 0 ? p.isActive : !0, C.value = !0;
+    }, F = () => {
+      C.value = !1;
+    }, T = () => {
+      N("add-resource", { ...a }), C.value = !1;
+    }, A = () => {
+      N("update-resource", { ...a }), C.value = !1;
+    }, x = () => {
+      N("remove-resource", a.id), C.value = !1;
+    }, M = P(() => a.name.trim().length > 0), G = (p) => {
+      a.openingHours[p] || (a.openingHours[p] = []), a.openingHours[p].push({ start: "09:00", end: "17:00" });
+    }, te = (p, t) => {
+      a.openingHours[p].splice(t, 1);
+    }, S = (p) => {
+      const t = a.openingHours[p];
+      m.forEach((j) => {
+        a.openingHours[j.value] = JSON.parse(JSON.stringify(t));
+      });
+    }, oe = (p) => {
+      a.openingHours[p] = [];
+    };
+    return ee({
+      openDialog: H
+    }), (p, t) => {
+      const j = i("DialogTitle"), se = i("DialogDescription"), Q = i("DialogHeader"), _ = i("Label"), $ = i("Input"), O = i("NumberFieldDecrement"), le = i("NumberFieldInput"), ne = i("NumberFieldIncrement"), K = i("NumberFieldContent"), ae = i("NumberField"), B = i("SelectValue"), ie = i("SelectTrigger"), V = i("SelectItem"), re = i("SelectContent"), de = i("Select"), n = i("Button"), o = i("DropdownMenuTrigger"), f = i("DropdownMenuItem"), z = i("DropdownMenuContent"), I = i("DropdownMenu"), R = i("Textarea"), ue = i("Switch"), ce = i("DialogFooter"), me = i("DialogScrollContent"), pe = i("Dialog");
+      return c(), L(pe, {
+        open: C.value,
+        "onUpdate:open": t[7] || (t[7] = (u) => C.value = u)
+      }, {
+        default: l(() => [
+          e(me, { class: "sm:max-w-xl lg:max-w-2xl" }, {
+            default: l(() => [
+              e(Q, null, {
+                default: l(() => [
+                  e(j, null, {
+                    default: l(() => [
+                      d(g(h.value === "add" ? "Add New Resource" : "Edit Resource") + " ", 1),
+                      s("span", We, "#" + g(a.id), 1)
+                    ]),
+                    _: 1
+                  }),
+                  e(se, null, {
+                    default: l(() => [
+                      d(g(h.value === "add" ? "Define a new bookable resource such as staff member, room, or equipment." : "Update the details of this resource."), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              s("div", Ge, [
+                s("div", null, [
+                  e(_, {
+                    class: "text-sm font-normal mb-1.5",
+                    for: "resource-name"
+                  }, {
+                    default: l(() => [...t[8] || (t[8] = [
+                      d(" Resource Name ", -1),
+                      s("span", { class: "text-destructive" }, "*", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  e($, {
+                    modelValue: a.name,
+                    "onUpdate:modelValue": t[0] || (t[0] = (u) => a.name = u),
+                    id: "resource-name",
+                    placeholder: "e.g., James, Box 1, Meeting Room A"
+                  }, null, 8, ["modelValue"]),
+                  t[9] || (t[9] = s("p", { class: "text-xs text-muted-foreground mt-1" }, " Internal name visible to your team. ", -1))
+                ]),
+                s("div", null, [
+                  e(_, {
+                    class: "text-sm font-normal mb-1.5",
+                    for: "resource-public-label"
+                  }, {
+                    default: l(() => [...t[10] || (t[10] = [
+                      d(" Public Label ", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  e($, {
+                    modelValue: a.publicLabel,
+                    "onUpdate:modelValue": t[1] || (t[1] = (u) => a.publicLabel = u),
+                    id: "resource-public-label",
+                    placeholder: "Name shown to customers"
+                  }, null, 8, ["modelValue"]),
+                  t[11] || (t[11] = s("p", { class: "text-xs text-muted-foreground mt-1" }, " If empty, the internal name will be displayed to customers. ", -1))
+                ]),
+                s("div", null, [
+                  e(_, {
+                    class: "text-sm font-normal mb-1.5",
+                    for: "resource-avatar-label"
+                  }, {
+                    default: l(() => [...t[12] || (t[12] = [
+                      d(" Avatar Label ", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  e($, {
+                    modelValue: a.avatarLabel,
+                    "onUpdate:modelValue": t[2] || (t[2] = (u) => a.avatarLabel = u),
+                    id: "resource-avatar-label",
+                    placeholder: "e.g., B1, 1, JD",
+                    maxlength: "3"
+                  }, null, 8, ["modelValue"]),
+                  t[13] || (t[13] = s("p", { class: "text-xs text-muted-foreground mt-1" }, " Short text shown in the colored circle (max 3 characters). If empty, first letter of name is used. ", -1))
+                ]),
+                s("div", null, [
+                  e(_, { class: "text-sm font-normal mb-1.5" }, {
+                    default: l(() => [...t[14] || (t[14] = [
+                      d("Color", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  s("div", Qe, [
+                    (c(), v(U, null, J(W, (u) => s("button", {
+                      key: u,
+                      type: "button",
+                      class: fe(["size-7 rounded-full transition-all ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", [
+                        a.color === u ? "ring-2 ring-ring ring-offset-2" : "hover:scale-110"
+                      ]]),
+                      style: Z({ background: u }),
+                      onClick: (w) => a.color = u
+                    }, null, 14, Ke)), 64))
+                  ]),
+                  t[15] || (t[15] = s("p", { class: "text-xs text-muted-foreground mt-2" }, " Used for visual identification in the calendar. ", -1))
+                ]),
+                s("div", null, [
+                  e(_, {
+                    class: "text-sm font-normal mb-1.5",
+                    for: "resource-capacity"
+                  }, {
+                    default: l(() => [...t[16] || (t[16] = [
+                      d(" Capacity ", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  e(ae, {
+                    id: "resource-capacity",
+                    modelValue: a.capacity,
+                    "onUpdate:modelValue": t[3] || (t[3] = (u) => a.capacity = u),
+                    min: 1,
+                    max: 999
+                  }, {
+                    default: l(() => [
+                      e(K, null, {
+                        default: l(() => [
+                          e(O),
+                          e(le),
+                          e(ne)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"]),
+                  t[17] || (t[17] = s("p", { class: "text-xs text-muted-foreground mt-1" }, " Maximum simultaneous bookings allowed for this resource. ", -1))
+                ]),
+                s("div", null, [
+                  e(_, {
+                    class: "text-sm font-normal mb-1.5",
+                    for: "resource-interval"
+                  }, {
+                    default: l(() => [...t[18] || (t[18] = [
+                      d(" Booking Interval ", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  e(de, {
+                    modelValue: a.interval,
+                    "onUpdate:modelValue": t[4] || (t[4] = (u) => a.interval = u),
+                    modelModifiers: { number: !0 }
+                  }, {
+                    default: l(() => [
+                      e(ie, { id: "resource-interval" }, {
+                        default: l(() => [
+                          e(B, { placeholder: "Select interval" })
+                        ]),
+                        _: 1
+                      }),
+                      e(re, null, {
+                        default: l(() => [
+                          e(V, { value: 5 }, {
+                            default: l(() => [...t[19] || (t[19] = [
+                              d("5 minutes", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          e(V, { value: 10 }, {
+                            default: l(() => [...t[20] || (t[20] = [
+                              d("10 minutes", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          e(V, { value: 15 }, {
+                            default: l(() => [...t[21] || (t[21] = [
+                              d("15 minutes", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          e(V, { value: 30 }, {
+                            default: l(() => [...t[22] || (t[22] = [
+                              d("30 minutes", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          e(V, { value: 60 }, {
+                            default: l(() => [...t[23] || (t[23] = [
+                              d("1 hour", -1)
+                            ])]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"]),
+                  t[24] || (t[24] = s("p", { class: "text-xs text-muted-foreground mt-1" }, " Time slots will be generated at this interval within operating hours. ", -1))
+                ]),
+                s("div", null, [
+                  e(_, { class: "text-sm font-normal mb-2 flex items-center gap-2" }, {
+                    default: l(() => [
+                      e(b(Le), { class: "w-4 h-4" }),
+                      t[25] || (t[25] = d(" Operating Hours ", -1))
+                    ]),
+                    _: 1
+                  }),
+                  s("div", Xe, [
+                    (c(), v(U, null, J(m, (u) => s("div", {
+                      key: u.value,
+                      class: "rounded-md bg-muted/30 p-2 sm:p-3"
+                    }, [
+                      s("div", Ze, [
+                        s("span", et, g(u.label), 1),
+                        s("div", tt, [
+                          e(n, {
+                            variant: "outline",
+                            size: "sm",
+                            class: "h-7 px-2 text-xs",
+                            onClick: (w) => G(u.value)
+                          }, {
+                            default: l(() => [...t[26] || (t[26] = [
+                              d(" Add ", -1)
+                            ])]),
+                            _: 1
+                          }, 8, ["onClick"]),
+                          e(I, null, {
+                            default: l(() => [
+                              e(o, { "as-child": "" }, {
+                                default: l(() => [
+                                  e(n, {
+                                    variant: "ghost",
+                                    size: "icon",
+                                    class: "size-7"
+                                  }, {
+                                    default: l(() => [
+                                      e(b(Te), { class: "w-4 h-4" })
+                                    ]),
+                                    _: 1
+                                  })
+                                ]),
+                                _: 1
+                              }),
+                              e(z, { align: "end" }, {
+                                default: l(() => [
+                                  e(f, {
+                                    onClick: (w) => S(u.value)
+                                  }, {
+                                    default: l(() => [...t[27] || (t[27] = [
+                                      d(" Copy to all days ", -1)
+                                    ])]),
+                                    _: 1
+                                  }, 8, ["onClick"]),
+                                  e(f, {
+                                    onClick: (w) => oe(u.value),
+                                    variant: "destructive"
+                                  }, {
+                                    default: l(() => [...t[28] || (t[28] = [
+                                      d(" Set as closed ", -1)
+                                    ])]),
+                                    _: 1
+                                  }, 8, ["onClick"])
+                                ]),
+                                _: 2
+                              }, 1024)
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ])
+                      ]),
+                      s("div", ot, [
+                        a.openingHours[u.value]?.length === 0 ? (c(), v("div", st, " Closed ")) : k("", !0),
+                        (c(!0), v(U, null, J(a.openingHours[u.value], (w, X) => (c(), v("div", {
+                          key: X,
+                          class: "flex items-center gap-1.5 sm:gap-2"
+                        }, [
+                          e($, {
+                            modelValue: w.start,
+                            "onUpdate:modelValue": (E) => w.start = E,
+                            type: "time",
+                            class: "flex-1 min-w-0 h-8 text-sm"
+                          }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                          t[29] || (t[29] = s("span", { class: "text-muted-foreground text-xs sm:text-sm shrink-0" }, "to", -1)),
+                          e($, {
+                            modelValue: w.end,
+                            "onUpdate:modelValue": (E) => w.end = E,
+                            type: "time",
+                            class: "flex-1 min-w-0 h-8 text-sm"
+                          }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                          e(n, {
+                            variant: "ghost",
+                            size: "icon",
+                            class: "size-7 shrink-0",
+                            onClick: (E) => te(u.value, X)
+                          }, {
+                            default: l(() => [
+                              e(b(_e), { class: "w-3.5 h-3.5 text-destructive" })
+                            ]),
+                            _: 1
+                          }, 8, ["onClick"])
+                        ]))), 128))
+                      ])
+                    ])), 64))
+                  ]),
+                  t[30] || (t[30] = s("p", { class: "text-xs text-muted-foreground mt-2" }, " Define when this resource is available. You can add multiple time ranges per day for split shifts. ", -1))
+                ]),
+                s("div", null, [
+                  e(_, {
+                    class: "text-sm font-normal mb-1.5",
+                    for: "resource-description"
+                  }, {
+                    default: l(() => [...t[31] || (t[31] = [
+                      d(" Description ", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  e(R, {
+                    modelValue: a.description,
+                    "onUpdate:modelValue": t[5] || (t[5] = (u) => a.description = u),
+                    id: "resource-description",
+                    placeholder: "Internal notes about this resource...",
+                    rows: "3"
+                  }, null, 8, ["modelValue"]),
+                  t[32] || (t[32] = s("p", { class: "text-xs text-muted-foreground mt-1" }, " Admin-only notes. Not shown to customers. ", -1))
+                ]),
+                s("div", lt, [
+                  s("div", nt, [
+                    e(_, { class: "text-sm font-medium" }, {
+                      default: l(() => [...t[33] || (t[33] = [
+                        d("Active", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    s("p", at, g(a.isActive ? "Resource can be used for new slots and bookings." : "Existing bookings stay, but no new ones can be created."), 1)
+                  ]),
+                  e(ue, {
+                    modelValue: a.isActive,
+                    "onUpdate:modelValue": t[6] || (t[6] = (u) => a.isActive = u)
+                  }, null, 8, ["modelValue"])
+                ])
+              ]),
+              e(ce, { class: "@container/dialog-footer gap-2" }, {
+                default: l(() => [
+                  s("div", it, [
+                    h.value === "edit" ? (c(), L(n, {
+                      key: 0,
+                      variant: "destructive",
+                      onClick: x,
+                      class: "w-full @sm/dialog-footer:w-auto"
+                    }, {
+                      default: l(() => [...t[34] || (t[34] = [
+                        d(" Delete Resource ", -1)
+                      ])]),
+                      _: 1
+                    })) : k("", !0),
+                    s("div", rt, [
+                      e(n, {
+                        variant: "outline",
+                        onClick: F,
+                        class: "w-full @sm/dialog-footer:w-auto"
+                      }, {
+                        default: l(() => [...t[35] || (t[35] = [
+                          d(" Cancel ", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      h.value === "add" ? (c(), L(n, {
+                        key: 0,
+                        onClick: T,
+                        disabled: !M.value,
+                        class: "w-full @sm/dialog-footer:w-auto"
+                      }, {
+                        default: l(() => [...t[36] || (t[36] = [
+                          d(" Add Resource ", -1)
+                        ])]),
+                        _: 1
+                      }, 8, ["disabled"])) : (c(), L(n, {
+                        key: 1,
+                        onClick: A,
+                        disabled: !M.value,
+                        class: "w-full @sm/dialog-footer:w-auto"
+                      }, {
+                        default: l(() => [...t[37] || (t[37] = [
+                          d(" Save Changes ", -1)
+                        ])]),
+                        _: 1
+                      }, 8, ["disabled"]))
+                    ])
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+}), ut = {
+  key: 0,
+  class: "@container/resources"
+}, ct = { class: "flex flex-col @lg/resources:flex-row @lg/resources:items-center @lg/resources:justify-between gap-4 mb-6" }, mt = {
+  key: 0,
+  class: "flex flex-col @sm/resources:flex-row gap-2"
+}, pt = { class: "space-y-6" }, ft = {
+  key: 0,
+  class: "flex flex-col @md/resources:flex-row gap-4 items-start @md/resources:items-center justify-between"
+}, vt = { class: "relative w-full @md/resources:w-64" }, gt = { class: "text-sm text-muted-foreground" }, bt = {
+  key: 1,
+  class: "grid grid-cols-1 @2xl/resources:grid-cols-2 @4xl/resources:grid-cols-3 gap-4"
+}, xt = { class: "p-4 pl-5" }, _t = { class: "flex items-start gap-3" }, wt = { class: "flex-1 min-w-0" }, yt = { class: "flex items-center gap-2" }, kt = { class: "font-semibold truncate text-base" }, Dt = { key: 0 }, Ct = {
+  key: 0,
+  class: "text-sm text-muted-foreground truncate"
+}, ht = {
+  key: 0,
+  class: "text-sm text-muted-foreground mt-3 line-clamp-2"
+}, Rt = { class: "flex items-center flex-wrap gap-3 mt-4 pt-3 border-t" }, St = { class: "flex items-center gap-1.5 text-xs text-muted-foreground" }, Vt = { class: "flex items-center gap-1.5 text-xs text-muted-foreground" }, zt = { class: "flex items-center gap-2" }, At = { class: "text-xs text-muted-foreground" }, Mt = {
+  key: 1,
+  class: "flex items-center gap-1.5 text-xs text-orange-500"
+}, $t = {
+  key: 2,
+  class: "text-center py-8 text-muted-foreground"
+}, Lt = {
+  key: 3,
+  class: "flex justify-center py-12"
+}, Tt = {
+  key: 5,
+  class: "fixed bottom-4 right-4 bg-background border rounded-lg px-4 py-2 shadow-lg flex items-center gap-2"
+}, It = { key: 1 }, Et = { class: "py-4" }, Ut = { class: "space-y-2" }, Nt = ["onDragover"], Ht = ["aria-label", "onDragstart"], Ft = { class: "min-w-0 flex-1" }, jt = { class: "flex items-center gap-2 min-w-0" }, Ot = { class: "truncate text-sm font-medium" }, Bt = {
+  key: 0,
+  class: "shrink-0 rounded-sm bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground"
+}, Yt = {
+  key: 0,
+  class: "truncate text-xs text-muted-foreground"
+}, Pt = { class: "w-8 shrink-0 text-right text-xs tabular-nums text-muted-foreground" }, Jt = { class: "flex shrink-0 items-center gap-1" }, qt = { class: "flex w-full flex-col-reverse gap-2 @sm/reorder-footer:flex-row @sm/reorder-footer:justify-end" }, Zt = /* @__PURE__ */ xe({
+  __name: "resources",
+  setup(we) {
+    const { width: ee } = qe(), { params: q } = Oe(), { hasPermission: N } = Be(), { confirm: C } = Ye(), { config: h } = Pe(), W = Je(h.project), m = D([]), a = D(!1), H = D(!0), F = D(), T = D(""), A = D(!1), x = D([]), M = D(null), G = () => Date.now().toString(36) + Math.random().toString(36).substr(2), te = async () => {
+      try {
+        H.value = !0;
+        const n = await W.get(h.agendaCollection, q.value.id);
+        m.value = n.resources || [];
+      } catch (n) {
+        console.error("Error loading resources:", n);
+      } finally {
+        H.value = !1;
+      }
+    }, S = async () => {
+      a.value = !0;
+      try {
+        return await W.update(h.agendaCollection, q.value.id, {
+          resources: m.value
+        }), !0;
+      } catch (n) {
+        return console.error("Error saving resources:", n), !1;
+      } finally {
+        a.value = !1;
+      }
+    }, oe = (n) => {
+      const o = {
+        ...n,
+        id: G()
+      };
+      m.value.push(o), S();
+    }, p = (n) => {
+      const o = m.value.findIndex((f) => f.id === n.id);
+      o !== -1 && (m.value[o] = n), S();
+    }, t = async (n) => {
+      await C("Are you sure you want to delete this resource? This action cannot be undone.", "Delete Resource", "Delete") && (m.value = m.value.filter((f) => f.id !== n), S());
+    }, j = async (n) => {
+      const o = m.value.findIndex((f) => f.id === n.id);
+      o !== -1 && (m.value[o].isActive = !m.value[o].isActive, await S());
+    }, se = (n) => {
+      const o = {
+        ...n,
+        id: G(),
+        name: `${n.name} (Copy)`,
+        publicLabel: n.publicLabel ? `${n.publicLabel} (Copy)` : ""
+      };
+      m.value.push(o), S();
+    }, Q = () => {
+      F.value?.openDialog();
+    }, _ = (n) => {
+      F.value?.openDialog(n);
+    }, $ = () => {
+      x.value = [...m.value], A.value = !0;
+    }, O = (n, o) => {
+      if (o < 0 || o >= x.value.length) return;
+      const f = [...x.value], [z] = f.splice(n, 1);
+      f.splice(o, 0, z), x.value = f;
+    }, le = (n, o) => {
+      M.value = n, o.dataTransfer?.setData("text/plain", n), o.dataTransfer && (o.dataTransfer.effectAllowed = "move");
+    }, ne = (n, o) => {
+      o.preventDefault(), o.dataTransfer && (o.dataTransfer.dropEffect = "move");
+      const f = M.value;
+      if (!f || f === n) return;
+      const z = x.value.findIndex((R) => R.id === f), I = x.value.findIndex((R) => R.id === n);
+      z === -1 || I === -1 || O(z, I);
+    }, K = () => {
+      M.value = null;
+    }, ae = async () => {
+      const n = [...m.value];
+      m.value = [...x.value], await S() ? A.value = !1 : m.value = n;
+    }, B = P(() => {
+      if (!T.value.trim())
+        return m.value;
+      const n = T.value.toLowerCase();
+      return m.value.filter(
+        (o) => o.name.toLowerCase().includes(n) || o.publicLabel?.toLowerCase().includes(n)
+      );
+    }), ie = P(() => m.value.filter((n) => n.isActive).length), V = P(() => m.value.length), re = P(() => x.value.map((n) => n.id).join("|") !== m.value.map((n) => n.id).join("|")), de = (n) => n.publicLabel || n.name;
+    return te(), (n, o) => {
+      const f = i("Button"), z = i("Input"), I = i("DropdownMenuTrigger"), R = i("DropdownMenuItem"), ue = i("DropdownMenuSeparator"), ce = i("DropdownMenuContent"), me = i("DropdownMenu"), pe = i("Switch"), u = i("Card"), w = i("Spinner"), X = i("EmptyMedia"), E = i("EmptyTitle"), ye = i("EmptyDescription"), ke = i("EmptyHeader"), De = i("EmptyContent"), Ce = i("Empty"), he = i("DialogTitle"), Re = i("DialogDescription"), Se = i("DialogHeader"), Ve = i("DialogFooter"), ze = i("DialogScrollContent"), Ae = i("Dialog");
+      return c(), L($e, null, {
+        default: l(() => [
+          b(N)("manage-resources") ? (c(), v("div", ut, [
+            s("div", ct, [
+              o[5] || (o[5] = s("div", null, [
+                s("h1", { class: "text-lg font-medium" }, "Resource Management"),
+                s("p", { class: "text-muted-foreground text-sm mt-1" }, " Define the rooms, boxes, or staff that can be booked in this agenda. ")
+              ], -1)),
+              m.value.length > 0 ? (c(), v("div", mt, [
+                e(f, {
+                  variant: "outline",
+                  onClick: $,
+                  disabled: m.value.length < 2 || a.value
+                }, {
+                  default: l(() => [
+                    e(b(Ie), { class: "size-4 mr-1.5" }),
+                    o[3] || (o[3] = d(" Reorder ", -1))
+                  ]),
+                  _: 1
+                }, 8, ["disabled"]),
+                e(f, { onClick: Q }, {
+                  default: l(() => [
+                    e(b(ge), { class: "size-4 mr-1.5" }),
+                    o[4] || (o[4] = d(" Add Resource ", -1))
+                  ]),
+                  _: 1
+                })
+              ])) : k("", !0)
+            ]),
+            s("div", pt, [
+              m.value.length > 0 ? (c(), v("div", ft, [
+                s("div", vt, [
+                  e(z, {
+                    modelValue: T.value,
+                    "onUpdate:modelValue": o[0] || (o[0] = (r) => T.value = r),
+                    placeholder: "Search resources...",
+                    class: "pl-9"
+                  }, null, 8, ["modelValue"]),
+                  o[6] || (o[6] = s("svg", {
+                    class: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor"
+                  }, [
+                    s("path", {
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      "stroke-width": "2",
+                      d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+                    })
+                  ], -1))
+                ]),
+                s("div", gt, g(ie.value) + " active of " + g(V.value) + " resource" + g(V.value !== 1 ? "s" : ""), 1)
+              ])) : k("", !0),
+              B.value.length > 0 ? (c(), v("div", bt, [
+                (c(!0), v(U, null, J(B.value, (r) => (c(), L(u, {
+                  key: r.id,
+                  class: fe(["group relative overflow-hidden transition-all duration-200 hover:shadow-md", r.isActive ? "" : "opacity-60 grayscale-[30%]"])
+                }, {
+                  default: l(() => [
+                    s("div", {
+                      class: "absolute inset-y-0 left-0 w-1 transition-all duration-200 group-hover:w-1.5",
+                      style: Z({ background: r.color })
+                    }, null, 4),
+                    s("div", xt, [
+                      s("div", _t, [
+                        s("div", {
+                          class: "size-11 rounded-xl flex-shrink-0 flex items-center justify-center text-white font-semibold text-sm shadow-sm",
+                          style: Z({ background: r.color })
+                        }, g(r.avatarLabel || r.name.charAt(0).toUpperCase()), 5),
+                        s("div", wt, [
+                          s("div", yt, [
+                            s("h3", kt, [
+                              d(g(r.name) + " ", 1),
+                              r.isActive ? k("", !0) : (c(), v("span", Dt, "(Inactive)"))
+                            ])
+                          ]),
+                          r.publicLabel && r.publicLabel !== r.name ? (c(), v("p", Ct, g(r.publicLabel), 1)) : k("", !0)
+                        ]),
+                        e(me, null, {
+                          default: l(() => [
+                            e(I, { "as-child": "" }, {
+                              default: l(() => [
+                                e(f, {
+                                  variant: "ghost",
+                                  size: "icon",
+                                  class: "size-8"
+                                }, {
+                                  default: l(() => [...o[7] || (o[7] = [
+                                    s("svg", {
+                                      class: "size-4",
+                                      xmlns: "http://www.w3.org/2000/svg",
+                                      fill: "none",
+                                      viewBox: "0 0 24 24",
+                                      stroke: "currentColor"
+                                    }, [
+                                      s("path", {
+                                        "stroke-linecap": "round",
+                                        "stroke-linejoin": "round",
+                                        "stroke-width": "2",
+                                        d: "M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"
+                                      })
+                                    ], -1)
+                                  ])]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            }),
+                            e(ce, { align: "end" }, {
+                              default: l(() => [
+                                e(R, {
+                                  onClick: (y) => _(r)
+                                }, {
+                                  default: l(() => [
+                                    e(b(Ee), { class: "size-4 mr-2" }),
+                                    o[8] || (o[8] = d(" Edit ", -1))
+                                  ]),
+                                  _: 1
+                                }, 8, ["onClick"]),
+                                e(R, {
+                                  onClick: (y) => se(r)
+                                }, {
+                                  default: l(() => [
+                                    e(b(Ue), { class: "size-4 mr-2" }),
+                                    o[9] || (o[9] = d(" Duplicate ", -1))
+                                  ]),
+                                  _: 1
+                                }, 8, ["onClick"]),
+                                e(ue),
+                                e(R, {
+                                  variant: "destructive",
+                                  onClick: (y) => t(r.id)
+                                }, {
+                                  default: l(() => [
+                                    e(b(_e), { class: "size-4 mr-2" }),
+                                    o[10] || (o[10] = d(" Delete ", -1))
+                                  ]),
+                                  _: 1
+                                }, 8, ["onClick"])
+                              ]),
+                              _: 2
+                            }, 1024)
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      r.description ? (c(), v("p", ht, g(r.description), 1)) : k("", !0),
+                      s("div", Rt, [
+                        s("div", St, [
+                          e(b(be), { class: "size-3.5" }),
+                          s("span", null, g(r.capacity) + " " + g(r.capacity === 1 ? "slot" : "slots"), 1)
+                        ]),
+                        s("div", Vt, [
+                          o[11] || (o[11] = s("svg", {
+                            class: "size-3.5",
+                            xmlns: "http://www.w3.org/2000/svg",
+                            fill: "none",
+                            viewBox: "0 0 24 24",
+                            stroke: "currentColor"
+                          }, [
+                            s("path", {
+                              "stroke-linecap": "round",
+                              "stroke-linejoin": "round",
+                              "stroke-width": "2",
+                              d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
+                            })
+                          ], -1)),
+                          s("span", null, g(r.interval) + " min", 1)
+                        ]),
+                        b(ee) >= 640 ? (c(), v(U, { key: 0 }, [
+                          o[12] || (o[12] = s("div", { class: "flex-1" }, null, -1)),
+                          s("div", zt, [
+                            s("span", At, g(r.isActive ? "Active" : "Inactive"), 1),
+                            e(pe, {
+                              defaultValue: r.isActive,
+                              "onUpdate:modelValue": (y) => j(r),
+                              class: "scale-90"
+                            }, null, 8, ["defaultValue", "onUpdate:modelValue"])
+                          ])
+                        ], 64)) : r.isActive ? k("", !0) : (c(), v("div", Mt, [
+                          e(b(Ne), { class: "size-3.5" }),
+                          o[13] || (o[13] = s("span", null, "Inactive", -1))
+                        ]))
+                      ])
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["class"]))), 128))
+              ])) : m.value.length > 0 && B.value.length === 0 ? (c(), v("div", $t, [...o[14] || (o[14] = [
+                s("p", null, "No resources match your search.", -1)
+              ])])) : H.value ? (c(), v("div", Lt, [
+                e(w, { class: "size-8" })
+              ])) : (c(), L(Ce, {
+                key: 4,
+                class: "border border-dashed"
+              }, {
+                default: l(() => [
+                  e(ke, null, {
+                    default: l(() => [
+                      e(X, { variant: "icon" }, {
+                        default: l(() => [
+                          e(b(be), { class: "size-6" })
+                        ]),
+                        _: 1
+                      }),
+                      e(E, null, {
+                        default: l(() => [...o[15] || (o[15] = [
+                          d("No Resources Yet", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      e(ye, null, {
+                        default: l(() => [...o[16] || (o[16] = [
+                          d(" You haven't added any bookable resources yet. Define your staff, rooms, or equipment to start configuring availability. ", -1)
+                        ])]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  e(De, null, {
+                    default: l(() => [
+                      e(f, {
+                        variant: "outline",
+                        onClick: Q
+                      }, {
+                        default: l(() => [
+                          e(b(ge), { class: "size-4 mr-1.5" }),
+                          o[17] || (o[17] = d(" Add Your First Resource ", -1))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })),
+              a.value ? (c(), v("div", Tt, [
+                e(w, { class: "size-4" }),
+                o[18] || (o[18] = s("span", { class: "text-sm" }, "Saving...", -1))
+              ])) : k("", !0)
+            ])
+          ])) : (c(), v("div", It, [...o[19] || (o[19] = [
+            s("h1", { class: "text-lg font-medium mb-2" }, "Access Denied", -1),
+            s("p", { class: "text-sm text-muted-foreground" }, "You do not have permission to view or edit resources.", -1)
+          ])])),
+          e(dt, {
+            ref_key: "resourceDialogRef",
+            ref: F,
+            onAddResource: oe,
+            onUpdateResource: p,
+            onRemoveResource: t
+          }, null, 512),
+          e(Ae, {
+            open: A.value,
+            "onUpdate:open": o[2] || (o[2] = (r) => A.value = r)
+          }, {
+            default: l(() => [
+              e(ze, { class: "sm:max-w-lg" }, {
+                default: l(() => [
+                  e(Se, null, {
+                    default: l(() => [
+                      e(he, null, {
+                        default: l(() => [...o[20] || (o[20] = [
+                          d("Resource Order", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      e(Re, { class: "sr-only" }, {
+                        default: l(() => [...o[21] || (o[21] = [
+                          d(" Set the saved order for bookable resources. ", -1)
+                        ])]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  s("div", Et, [
+                    s("div", Ut, [
+                      (c(!0), v(U, null, J(x.value, (r, y) => (c(), v("div", {
+                        key: r.id,
+                        class: fe(["group flex items-center gap-3 rounded-md border bg-background p-2 transition-all hover:bg-muted/40", M.value === r.id ? "opacity-50 ring-2 ring-ring" : ""]),
+                        onDragover: (Y) => ne(r.id, Y),
+                        onDrop: ve(K, ["prevent"])
+                      }, [
+                        s("div", {
+                          role: "button",
+                          tabindex: "0",
+                          draggable: "true",
+                          class: "resource-reorder-handle size-8 shrink-0 cursor-grab active:cursor-grabbing rounded-md flex items-center justify-center hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                          "aria-label": `Drag ${r.name}`,
+                          onDragstart: ve((Y) => le(r.id, Y), ["stop"]),
+                          onDragend: K
+                        }, [
+                          e(b(He), { class: "size-4 text-muted-foreground" })
+                        ], 40, Ht),
+                        s("div", {
+                          class: "size-9 shrink-0 rounded-md flex items-center justify-center text-white text-xs font-semibold",
+                          style: Z({ background: r.color || "#6b7280" })
+                        }, g(r.avatarLabel || r.name.charAt(0).toUpperCase()), 5),
+                        s("div", Ft, [
+                          s("div", jt, [
+                            s("p", Ot, g(r.name), 1),
+                            r.isActive ? k("", !0) : (c(), v("span", Bt, " Inactive "))
+                          ]),
+                          r.publicLabel && r.publicLabel !== r.name ? (c(), v("p", Yt, g(de(r)), 1)) : k("", !0)
+                        ]),
+                        s("span", Pt, g(y + 1), 1),
+                        s("div", Jt, [
+                          e(f, {
+                            variant: "ghost",
+                            size: "icon",
+                            class: "size-8",
+                            disabled: y === 0,
+                            "aria-label": `Move ${r.name} up`,
+                            onClick: (Y) => O(y, y - 1)
+                          }, {
+                            default: l(() => [
+                              e(b(Fe), { class: "size-4" })
+                            ]),
+                            _: 1
+                          }, 8, ["disabled", "aria-label", "onClick"]),
+                          e(f, {
+                            variant: "ghost",
+                            size: "icon",
+                            class: "size-8",
+                            disabled: y === x.value.length - 1,
+                            "aria-label": `Move ${r.name} down`,
+                            onClick: (Y) => O(y, y + 1)
+                          }, {
+                            default: l(() => [
+                              e(b(je), { class: "size-4" })
+                            ]),
+                            _: 1
+                          }, 8, ["disabled", "aria-label", "onClick"])
+                        ])
+                      ], 42, Nt))), 128))
+                    ])
+                  ]),
+                  e(Ve, { class: "@container/reorder-footer gap-2" }, {
+                    default: l(() => [
+                      s("div", qt, [
+                        e(f, {
+                          variant: "outline",
+                          class: "w-full @sm/reorder-footer:w-auto",
+                          onClick: o[1] || (o[1] = (r) => A.value = !1)
+                        }, {
+                          default: l(() => [...o[22] || (o[22] = [
+                            d(" Cancel ", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        e(f, {
+                          class: "w-full @sm/reorder-footer:w-auto",
+                          disabled: !re.value || a.value,
+                          onClick: ae
+                        }, {
+                          default: l(() => [...o[23] || (o[23] = [
+                            d(" Save Order ", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["disabled"])
+                      ])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["open"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  Zt as default
+};