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

package/dist/resources-DgPnEv76.mjs

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