@oneclick.dev/cms-core-modules 0.0.117 → 0.0.118

package/dist/agenda-B3nj388v.mjs

@@ -1,1253 +0,0 @@
-import { defineComponent as ae, resolveComponent as H, openBlock as s, createElementBlock as i, createElementVNode as e, Fragment as Z, renderList as te, toDisplayString as v, normalizeStyle as se, normalizeClass as q, createVNode as l, withCtx as z, unref as S, createTextVNode as le, createCommentVNode as j, computed as R, ref as C, createBlock as ee, nextTick as ve, provide as ne, onMounted as $e, onUnmounted as Te, inject as de, onBeforeUnmount as ze, watch as ue, useTemplateRef as Ae } from "vue";
-import { a as ce, b as me } from "./DateFormatter-BkKoSf_l.mjs";
-import { X as De, Search as Ee, Clock as he, Users as xe, ChevronLeft as ge, ChevronRight as fe, Asterisk as Be, CalendarDays as je } from "lucide-vue-next";
-import { _ as Pe } from "./EditLayout.vue_vue_type_script_setup_true_lang-pDO9b4Pv.mjs";
-import { useModuleRoute as ye, useModule as be, useFirebaseIntegration as _e, useModulePermissions as Oe } from "@oneclick.dev/cms-kit";
-import { u as Le, _ as Re, a as Ue, b as Ne, F as Fe } from "./OrderDetailDialog.vue_vue_type_script_setup_true_lang-DwAUYR8p.mjs";
-import { _ as Ve } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-import { _ as He } from "./NewReservationDialog.vue_vue_type_script_setup_true_lang-BXTkYCm_.mjs";
-import { a as Qe } from "./index-hMp4p5qA.mjs";
-const We = { class: "mb-6" }, qe = { class: "flex items-end gap-px h-24 bg-muted/30 rounded-lg p-2 overflow-visible" }, Xe = ["onClick"], Ye = { class: "absolute -top-8 left-1/2 -translate-x-1/2 bg-popover border shadow-md rounded px-2 py-1 text-xs whitespace-nowrap opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none z-10" }, Je = { class: "font-medium" }, Ke = { class: "text-muted-foreground" }, Ge = { class: "w-full flex-1 flex items-end justify-center" }, Ze = {
-  key: 1,
-  class: "text-[10px] mt-1"
-}, et = {
-  key: 0,
-  class: "mt-2 text-sm text-muted-foreground flex items-center gap-2"
-}, tt = { class: "font-medium text-foreground" }, st = { class: "font-medium text-foreground" }, ot = /* @__PURE__ */ ae({
-  __name: "TimelineChart",
-  props: {
-    timeSlots: {},
-    slotStats: {},
-    selectedTimeSlot: {},
-    maxSpots: {}
-  },
-  emits: ["select", "clear"],
-  setup(f, { emit: T }) {
-    const k = T, A = (o) => {
-      k("select", o);
-    }, U = () => {
-      k("clear");
-    };
-    return (o, u) => {
-      const d = H("Button");
-      return s(), i("div", We, [
-        u[2] || (u[2] = e("h3", { class: "font-semibold text-sm mb-2" }, "Timeline", -1)),
-        e("div", qe, [
-          (s(!0), i(Z, null, te(f.timeSlots, (a) => (s(), i("div", {
-            key: a.startTime,
-            class: "flex-1 min-w-0 flex flex-col items-center cursor-pointer group h-full relative",
-            onClick: (w) => A(a.startTime)
-          }, [
-            e("div", Ye, [
-              e("div", Je, v(a.startTime), 1),
-              e("div", Ke, v(f.slotStats[a.startTime]?.spots || 0) + " spots", 1)
-            ]),
-            e("div", Ge, [
-              e("div", {
-                class: q(["w-full transition-all duration-200", [
-                  f.selectedTimeSlot === a.startTime ? "bg-primary" : f.slotStats[a.startTime]?.spots > 0 ? "bg-primary/60 group-hover:bg-primary/80" : "bg-muted-foreground/20 group-hover:bg-muted-foreground/30"
-                ]]),
-                style: se({
-                  height: f.slotStats[a.startTime]?.spots > 0 ? `${f.slotStats[a.startTime].spots / f.maxSpots * 100}%` : "2px",
-                  minHeight: f.slotStats[a.startTime]?.spots > 0 ? "4px" : "2px"
-                })
-              }, null, 6)
-            ]),
-            a.startTime.endsWith(":00") ? (s(), i("span", {
-              key: 0,
-              class: q(["text-[10px] text-muted-foreground mt-1 transition-colors truncate", { "text-primary font-medium": f.selectedTimeSlot === a.startTime }])
-            }, v(a.label), 3)) : (s(), i("span", Ze, " "))
-          ], 8, Xe))), 128))
-        ]),
-        f.selectedTimeSlot ? (s(), i("div", et, [
-          l(d, {
-            variant: "ghost",
-            size: "icon",
-            class: "h-6 w-6 p-0",
-            onClick: U
-          }, {
-            default: z(() => [
-              l(S(De), { size: 14 })
-            ]),
-            _: 1
-          }),
-          e("span", null, [
-            u[0] || (u[0] = le(" Showing ", -1)),
-            e("span", tt, v(f.slotStats[f.selectedTimeSlot]?.bookings || 0), 1),
-            u[1] || (u[1] = le(" bookings at ", -1)),
-            e("span", st, v(f.selectedTimeSlot), 1)
-          ])
-        ])) : j("", !0)
-      ]);
-    };
-  }
-}), at = { class: "flex items-center justify-between mb-3" }, nt = { class: "font-semibold" }, rt = {
-  key: 0,
-  class: "text-muted-foreground font-normal"
-}, lt = { class: "relative mb-3" }, it = {
-  key: 0,
-  class: "flex items-center justify-center py-8"
-}, ut = {
-  key: 1,
-  class: "text-center py-8 text-muted-foreground"
-}, dt = {
-  key: 2,
-  class: "space-y-2 max-h-80 overflow-y-auto"
-}, ct = ["onClick"], mt = { class: "flex items-start justify-between" }, ft = { class: "flex-1" }, pt = { class: "font-medium" }, vt = { class: "text-sm text-muted-foreground" }, gt = { class: "text-sm text-muted-foreground" }, ht = { class: "flex items-center gap-4" }, xt = { class: "flex items-center gap-2 mt-1 text-xs text-muted-foreground" }, yt = { class: "flex items-center gap-2 mt-1 text-xs text-muted-foreground" }, bt = { class: "text-right" }, _t = {
-  key: 0,
-  class: "inline-block px-2 py-1 text-xs rounded-full bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400"
-}, kt = {
-  key: 1,
-  class: "inline-block px-2 py-1 text-xs rounded-full bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400"
-}, wt = {
-  key: 2,
-  class: "inline-block px-2 py-1 text-xs rounded-full bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400"
-}, St = {
-  key: 3,
-  class: "inline-block px-2 py-1 text-xs rounded-full bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400"
-}, $t = {
-  key: 4,
-  class: "inline-block px-2 py-1 text-xs rounded-full bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400"
-}, Tt = {
-  key: 5,
-  class: "text-sm font-medium mt-1"
-}, Dt = /* @__PURE__ */ ae({
-  __name: "BookingsList",
-  props: {
-    agendaData: {},
-    resources: {},
-    orders: {},
-    filteredOrders: {},
-    isLoading: { type: Boolean },
-    selectedTimeSlot: {},
-    searchQuery: {}
-  },
-  emits: ["update:searchQuery", "refresh"],
-  setup(f, { emit: T }) {
-    const k = f, { params: A } = ye(), U = R(() => A.value?.id ?? A.id ?? k.agendaData?.id ?? ""), { metadataSchema: o } = Le(U), u = R(() => {
-      const y = Array.isArray(k.resources) ? k.resources : [], p = Array.isArray(k.agendaData?.resources) ? k.agendaData.resources : [], E = [...y, ...p], V = /* @__PURE__ */ new Set();
-      return E.filter((h) => {
-        const c = h?.id;
-        return !c || V.has(String(c)) ? !1 : (V.add(String(c)), !0);
-      });
-    }), d = T, { config: a } = be(), w = _e(a.project), x = C(null), F = C(null), P = (y) => {
-      d("update:searchQuery", y);
-    }, I = () => {
-      d("update:searchQuery", "");
-    }, Q = () => {
-      d("refresh");
-    }, O = (y, p) => {
-      const E = y.id || y.orderId || p.orderId || "", V = u.value.find((h) => String(h.id) === String(p.resourceId));
-      return {
-        customerInfo: y.customerInfo,
-        amountDue: y.amountDue,
-        amountPaid: y.amountPaid,
-        status: y.status,
-        reservationStatus: p.status,
-        subtotal: y.subtotal,
-        total: y.total,
-        discount: y.discount,
-        id: E,
-        res_id: p.id,
-        resourceId: p.resourceId,
-        spots: p.spots,
-        date: p.date,
-        createdAt: y.createdAt,
-        startTime: p.timeslot?.startTime,
-        endTime: p.timeslot?.endTime,
-        reservationPrice: p.totalPrice,
-        reservationBasePrice: p.basePrice,
-        reservationAddOnsPrice: p.addOnsPrice,
-        adjustments: y.adjustments || [],
-        reservationAdjustments: p.adjustments || [],
-        pricingOptionId: p.pricingOptionId,
-        pricingOption: p.pricingOption,
-        resourceName: V?.name,
-        resourceColor: V?.color,
-        metadata: y.metadata || {},
-        reservationMetadata: p.metadata || {},
-        refundStatus: p.refundStatus,
-        refundedAt: p.refundedAt,
-        refundedAmount: p.refundedAmount,
-        refunds: Array.isArray(p.refunds) ? p.refunds : []
-      };
-    }, L = async () => {
-      await ve(), await new Promise((y) => {
-        if (typeof requestAnimationFrame == "function") {
-          requestAnimationFrame(() => y());
-          return;
-        }
-        y();
-      });
-    }, W = async (y) => {
-      if (!y) return;
-      const p = await w.get(a.reservationsCollection, y);
-      if (!p) return;
-      const E = { ...p, id: p.id || y }, V = (E.reservations || []).map((h) => O(E, h));
-      V.length && (await L(), F.value?.openDialog({
-        id: E.id,
-        customerInfo: E.customerInfo,
-        status: E.status,
-        createdAt: E.createdAt,
-        metadata: E.metadata || {},
-        reservations: V,
-        adjustments: E.adjustments || [],
-        totalPrice: typeof E.total == "number" ? E.total : V.reduce((h, c) => h + (c.reservationPrice || 0), 0),
-        totalSpots: V.reduce((h, c) => h + (c.spots || 0), 0)
-      }));
-    }, oe = async (y) => {
-      await L(), x.value?.openDialog(y);
-    };
-    return (y, p) => {
-      const E = H("Input"), V = H("Button");
-      return s(), i("div", null, [
-        e("div", at, [
-          e("h3", nt, [
-            p[2] || (p[2] = le(" Bookings ", -1)),
-            f.selectedTimeSlot || f.searchQuery ? (s(), i("span", rt, " (" + v(f.filteredOrders.length) + " of " + v(f.orders.length) + ") ", 1)) : j("", !0)
-          ])
-        ]),
-        e("div", lt, [
-          l(S(Ee), {
-            size: 16,
-            class: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
-          }),
-          l(E, {
-            "model-value": f.searchQuery,
-            placeholder: "Search by name, email, or phone...",
-            class: "pl-9 pr-9",
-            "onUpdate:modelValue": P
-          }, null, 8, ["model-value"]),
-          f.searchQuery ? (s(), ee(V, {
-            key: 0,
-            variant: "ghost",
-            size: "icon",
-            class: "absolute right-1 top-1/2 -translate-y-1/2 h-7 w-7",
-            onClick: I
-          }, {
-            default: z(() => [
-              l(S(De), { size: 14 })
-            ]),
-            _: 1
-          })) : j("", !0)
-        ]),
-        f.isLoading ? (s(), i("div", it, [...p[3] || (p[3] = [
-          e("div", { class: "animate-spin rounded-full h-8 w-8 border-b-2 border-primary" }, null, -1)
-        ])])) : f.filteredOrders.length === 0 ? (s(), i("div", ut, v(f.selectedTimeSlot ? "No bookings for this time slot" : "No bookings for this event"), 1)) : (s(), i("div", dt, [
-          (s(!0), i(Z, null, te(f.filteredOrders, (h) => (s(), i("div", {
-            key: h.res_id || h.id,
-            class: "p-3 border rounded-lg hover:bg-muted/50 transition-colors",
-            onClick: (c) => x.value?.openDialog(h)
-          }, [
-            e("div", mt, [
-              e("div", ft, [
-                e("div", pt, v(h.customerInfo.firstName + " " + h.customerInfo.lastName || "Unknown Customer"), 1),
-                e("div", vt, v(h.customerInfo.email), 1),
-                e("div", gt, v(h.customerInfo.phone), 1),
-                e("div", ht, [
-                  e("div", xt, [
-                    l(S(he), { size: 12 }),
-                    e("span", null, v(h.startTime) + " - " + v(h.endTime), 1)
-                  ]),
-                  e("div", yt, [
-                    l(S(xe), { size: 12 }),
-                    e("span", null, v(h.spots), 1)
-                  ])
-                ]),
-                l(Re, {
-                  metadata: { ...h.metadata, ...h.reservationMetadata },
-                  schema: S(o),
-                  "display-filter": ["highlight", "badge"],
-                  compact: "",
-                  class: "mt-1"
-                }, null, 8, ["metadata", "schema"])
-              ]),
-              e("div", bt, [
-                h.reservationStatus === "needs_approval" ? (s(), i("span", _t, "Needs Approval")) : h.reservationStatus === "approved" ? (s(), i("span", kt, "Approved")) : h.reservationStatus === "rejected" ? (s(), i("span", wt, "Rejected")) : h.reservationStatus === "cancelled" ? (s(), i("span", St, "Cancelled")) : (s(), i("span", $t, "Pending")),
-                h.reservationPrice || h.reservationPrice === 0 ? (s(), i("div", Tt, " €" + v(h.reservationPrice.toFixed(2)), 1)) : j("", !0)
-              ])
-            ])
-          ], 8, ct))), 128))
-        ])),
-        l(Ue, {
-          ref_key: "reservationDetailDialog",
-          ref: x,
-          "agenda-data": f.agendaData,
-          resources: f.resources,
-          "show-order-link": "",
-          onCancelled: Q,
-          onConfirmed: Q,
-          onRejected: Q,
-          onTransferred: Q,
-          onOpenOrder: p[0] || (p[0] = (h) => W(h))
-        }, null, 8, ["agenda-data", "resources"]),
-        l(Ne, {
-          ref_key: "orderDetailDialog",
-          ref: F,
-          "agenda-data": f.agendaData,
-          resources: f.resources,
-          onOpenReservation: p[1] || (p[1] = (h) => oe(h))
-        }, null, 8, ["agenda-data", "resources"])
-      ]);
-    };
-  }
-}), Ct = { class: "flex items-center gap-4 mt-2 text-sm" }, It = { class: "flex items-center gap-1" }, Mt = {
-  key: 0,
-  class: "flex items-center gap-1"
-}, zt = { class: "flex items-center gap-1" }, At = { class: "py-4" }, Et = /* @__PURE__ */ ae({
-  __name: "EventDialog",
-  props: {
-    agendaData: {},
-    resources: { default: () => [] }
-  },
-  setup(f, { expose: T }) {
-    const k = f, { config: A } = be(), { params: U } = ye(), o = _e(A.project), u = C(!1), d = C(null), a = C([]), w = C(!1), x = C(null), F = C("");
-    ne("event", d);
-    const P = R(() => {
-      if (!d.value) return [];
-      const c = d.value.resource?.interval || 60, t = [], [m, M] = d.value.startTime.split(":").map(Number), [J, Y] = d.value.endTime.split(":").map(Number), D = m * 60 + M, $ = J * 60 + Y;
-      for (let b = D; b < $; b += c) {
-        const r = Math.floor(b / 60), g = b % 60, B = Math.min(b + c, $), _ = Math.floor(B / 60), N = B % 60, X = `${r.toString().padStart(2, "0")}:${g.toString().padStart(2, "0")}`, n = `${_.toString().padStart(2, "0")}:${N.toString().padStart(2, "0")}`;
-        t.push({
-          startTime: X,
-          endTime: n,
-          label: X
-        });
-      }
-      return t;
-    }), I = (c) => {
-      const t = c.getFullYear(), m = String(c.getMonth() + 1).padStart(2, "0"), M = String(c.getDate()).padStart(2, "0");
-      return `${t}-${m}-${M}`;
-    }, Q = R(() => {
-      const c = {};
-      return P.value.forEach((t) => {
-        c[t.startTime] = { bookings: 0, spots: 0, orders: [] };
-      }), a.value.forEach((t) => {
-        P.value.forEach((m) => {
-          t.startTime < m.endTime && t.endTime > m.startTime && (c[m.startTime].bookings++, c[m.startTime].spots += t.spots || 0, c[m.startTime].orders.push(t));
-        });
-      }), c;
-    }), O = R(() => Math.max(1, ...Object.values(Q.value).map((c) => c.spots))), L = R(() => {
-      let c = a.value;
-      return x.value && (c = Q.value[x.value]?.orders || []), F.value.trim() && (c = new Fe(c, {
-        keys: [
-          "customerInfo.firstName",
-          "customerInfo.lastName",
-          "customerInfo.email",
-          "customerInfo.phone"
-        ],
-        threshold: 0.3,
-        ignoreLocation: !0
-      }).search(F.value).map((m) => m.item)), c;
-    }), W = R(() => ({
-      spots: a.value.reduce((c, t) => c + (t.spots || 0), 0),
-      bookings: a.value.length
-    })), oe = (c) => {
-      x.value === c ? x.value = null : x.value = c;
-    }, y = () => {
-      x.value = null;
-    }, p = async (c) => {
-      u.value = !0, d.value = c, x.value = null, F.value = "", await E();
-    }, E = async () => {
-      if (d.value) {
-        w.value = !0, a.value = [];
-        try {
-          const c = U.value.id, t = I(new Date(d.value.date)), m = d.value.resourceId || d.value.resource?.id, M = /* @__PURE__ */ new Set();
-          if (m ? M.add(`${m}_${t}`) : k.resources?.forEach((D) => {
-            M.add(`${D.id}_${t}`);
-          }), M.size === 0) {
-            a.value = [];
-            return;
-          }
-          const J = await o.find(A.reservationsCollection, {
-            filters: [
-              { field: "agendaId", operator: "==", value: c },
-              { field: "status", operator: "==", value: "confirmed" },
-              { field: "flattenedReservationDates", operator: "array-contains-any", value: Array.from(M) }
-            ]
-          });
-          let Y = [];
-          J.forEach((D) => {
-            (D.reservations?.filter((b) => b.date !== t ? !1 : m ? b.resourceId === m : !0) || []).forEach((b) => {
-              const r = k.resources.find((B) => B.id === b.resourceId), g = D.id || D.orderId || b.orderId || "";
-              (b.status === "approved" || b.status === "needs_approval") && Y.push({
-                customerInfo: D.customerInfo,
-                amountDue: D.amountDue,
-                amountPaid: D.amountPaid,
-                status: D.status,
-                reservationStatus: b.status,
-                subtotal: D.subtotal,
-                total: D.total,
-                discount: D.discount,
-                id: g,
-                res_id: b.id,
-                resourceId: b.resourceId,
-                spots: b.spots,
-                date: t,
-                createdAt: D.createdAt,
-                startTime: b.timeslot?.startTime,
-                endTime: b.timeslot?.endTime,
-                reservationPrice: b.totalPrice,
-                reservationBasePrice: b.basePrice,
-                reservationAddOnsPrice: b.addOnsPrice,
-                adjustments: D.adjustments || [],
-                reservationAdjustments: b.adjustments || [],
-                pricingOptionId: b.pricingOptionId,
-                pricingOption: b.pricingOption,
-                resourceName: r?.name,
-                resourceColor: r?.color,
-                metadata: D.metadata || {},
-                reservationMetadata: b.metadata || {},
-                refundStatus: b.refundStatus,
-                refundedAt: b.refundedAt,
-                refundedAmount: b.refundedAmount,
-                refunds: Array.isArray(b.refunds) ? b.refunds : []
-              });
-            });
-          }), a.value = Y.sort((D, $) => D.startTime?.localeCompare($.startTime || "") || 0);
-        } catch (c) {
-          console.error("Error loading orders:", c), a.value = [];
-        } finally {
-          w.value = !1;
-        }
-      }
-    }, V = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], h = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
-    return T({
-      openDialog: p
-    }), (c, t) => {
-      const m = H("DialogTitle"), M = H("DialogDescription"), J = H("DialogHeader"), Y = H("Button"), D = H("DialogFooter"), $ = H("DialogScrollContent"), b = H("Dialog");
-      return s(), ee(b, {
-        open: u.value,
-        "onUpdate:open": t[2] || (t[2] = (r) => u.value = r)
-      }, {
-        default: z(() => [
-          l($, { class: "sm:max-w-3xl" }, {
-            default: z(() => [
-              l(J, null, {
-                default: z(() => [
-                  d.value?.date ? (s(), ee(m, { key: 0 }, {
-                    default: z(() => [
-                      le(v(V[new Date(d.value.date).getUTCDay()]) + " " + v(h[new Date(d.value.date).getUTCMonth()]) + " " + v(new Date(d.value.date).getUTCDate()) + ", " + v(new Date(d.value.date).getUTCFullYear()), 1)
-                    ]),
-                    _: 1
-                  })) : j("", !0),
-                  l(M, null, {
-                    default: z(() => [
-                      e("div", Ct, [
-                        e("div", It, [
-                          l(S(he), { size: 14 }),
-                          e("span", null, v(d.value?.startTime) + " – " + v(d.value?.endTime), 1)
-                        ]),
-                        d.value?.resource ? (s(), i("div", Mt, [
-                          e("div", {
-                            class: "w-4 h-4 rounded-full",
-                            style: se({ backgroundColor: d.value.resource.color || "#6b7280" })
-                          }, null, 4),
-                          e("span", null, v(d.value.resource.name), 1)
-                        ])) : j("", !0),
-                        e("div", zt, [
-                          l(S(xe), { size: 14 }),
-                          e("span", null, v(W.value.spots) + " spots in " + v(W.value.bookings) + " reservations", 1)
-                        ])
-                      ])
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }),
-              e("div", At, [
-                P.value.length > 1 ? (s(), ee(ot, {
-                  key: 0,
-                  "time-slots": P.value,
-                  "slot-stats": Q.value,
-                  "selected-time-slot": x.value,
-                  "max-spots": O.value,
-                  onSelect: oe,
-                  onClear: y,
-                  tabindex: "0"
-                }, null, 8, ["time-slots", "slot-stats", "selected-time-slot", "max-spots"])) : j("", !0),
-                l(Dt, {
-                  "agenda-data": f.agendaData,
-                  resources: f.resources,
-                  orders: a.value,
-                  "filtered-orders": L.value,
-                  "is-loading": w.value,
-                  "selected-time-slot": x.value,
-                  "search-query": F.value,
-                  "onUpdate:searchQuery": t[0] || (t[0] = (r) => F.value = r),
-                  onRefresh: E
-                }, null, 8, ["agenda-data", "resources", "orders", "filtered-orders", "is-loading", "selected-time-slot", "search-query"])
-              ]),
-              l(D, null, {
-                default: z(() => [
-                  l(Y, {
-                    variant: "outline",
-                    onClick: t[1] || (t[1] = (r) => u.value = !1)
-                  }, {
-                    default: z(() => [...t[3] || (t[3] = [
-                      le("Close", -1)
-                    ])]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["open"]);
-    };
-  }
-}), Bt = { class: "flex-1 border-r shadow-sm overflow-hidden min-h-[1536px]" }, jt = { class: "relative h-full min-h-[1536px]" }, Pt = { class: "divide-y divide-input/80 h-full flex flex-col min-h-[1536px] border-y border-input/80" }, Ot = { class: "absolute inset-0 pointer-events-none" }, Lt = { class: "relative mr-1 @md:mr-3 h-full ml-0.5 @md:ml-2" }, Rt = ["onClick"], Ut = {
-  key: 0,
-  class: "absolute bottom-0 left-0 right-0 h-1 bg-black/20"
-}, Nt = { class: "flex items-start justify-between gap-2 mb-1" }, Ft = { class: "font-semibold text-xs @md:text-sm leading-tight line-clamp-1 flex-1" }, Vt = { class: "flex items-center gap-1 shrink-0" }, Ht = ["title"], Qt = { class: "font-medium" }, ke = /* @__PURE__ */ ae({
-  __name: "EventTimeline",
-  props: {
-    agendaData: {},
-    date: {},
-    events: {},
-    firstDay: { type: Boolean, default: !1 },
-    resources: { default: () => [] }
-  },
-  setup(f) {
-    const T = f, k = C(null), A = (u) => {
-      const [d, a] = u.split(":").map(Number);
-      return d * 60 + a;
-    };
-    R(() => !T.events || !T.resources ? [] : T.resources.map((u) => {
-      const a = T.events.filter((w) => w.resourceId === u.id).map((w) => {
-        const x = A(w.startTime), P = A(w.endTime) - x, I = x / 1440 * 100, Q = P / 1440 * 100, O = (w.bookings ?? 0) > 0, L = w.maxBookings ? (w.bookings ?? 0) / w.maxBookings * 100 : 0;
-        return {
-          ...w,
-          top: `${I}%`,
-          height: `${Q}%`,
-          color: w.resource?.color || "#3b82f6",
-          hasBookings: O,
-          fillPercentage: L,
-          isSmall: P < 60
-        };
-      });
-      return {
-        resource: u,
-        events: a
-      };
-    }));
-    const U = R(() => T.events ? T.events.map((u) => {
-      const d = A(u.startTime), w = A(u.endTime) - d, x = d / 1440 * 100, F = w / 1440 * 100, P = (u.bookings ?? 0) > 0, I = u.maxBookings ? (u.bookings ?? 0) / u.maxBookings * 100 : 0;
-      return {
-        ...u,
-        top: `${x}%`,
-        height: `${F}%`,
-        color: u.resource?.color || "#3b82f6",
-        hasBookings: P,
-        fillPercentage: I,
-        isSmall: w < 60
-      };
-    }) : []), o = Array.from({ length: 24 }, (u, d) => ({
-      hour: d,
-      label: `${d.toString().padStart(2, "0")}:00`
-    }));
-    return (u, d) => (s(), i(Z, null, [
-      e("div", Bt, [
-        e("div", jt, [
-          e("div", Pt, [
-            (s(!0), i(Z, null, te(S(o), (a) => (s(), i("div", {
-              key: a.hour,
-              class: "flex-1 flex transition-all duration-200"
-            }, [...d[0] || (d[0] = [
-              e("div", { class: "flex-1 relative" }, [
-                e("div", { class: "absolute top-1/2 left-0 right-0 border-t border-dashed border-input/50" })
-              ], -1)
-            ])]))), 128))
-          ]),
-          e("div", Ot, [
-            e("div", Lt, [
-              (s(!0), i(Z, null, te(U.value, (a) => (s(), i("div", {
-                key: a.id,
-                style: se({
-                  top: a.top,
-                  height: a.height,
-                  opacity: a.hasBookings ? "1" : "0.5"
-                }),
-                class: "event-card absolute left-0.5 right-0.5 @md:left-2 @md:right-2 rounded-lg pointer-events-auto cursor-pointer group/event transition-all duration-200 hover:shadow-xl overflow-hidden",
-                onClick: (w) => k.value?.openDialog(a)
-              }, [
-                e("div", {
-                  style: se({ backgroundColor: a.color }),
-                  class: "absolute inset-0 shadow-lg"
-                }, [
-                  a.maxBookings ? (s(), i("div", Ut, [
-                    e("div", {
-                      class: "h-full bg-white/40 transition-all duration-300",
-                      style: se({ width: `${a.fillPercentage}%` })
-                    }, null, 4)
-                  ])) : j("", !0)
-                ], 4),
-                e("div", {
-                  class: q(["relative h-full p-1.5 @md:p-3 flex flex-col", `${a.hasBookings ? "text-white" : "text-gray-600 dark:text-gray-100"}`])
-                }, [
-                  e("div", Nt, [
-                    e("h3", Ft, v(a.title), 1),
-                    e("div", Vt, [
-                      a.resource ? (s(), i("div", {
-                        key: 0,
-                        class: "w-5 h-5 @md:w-6 @md:h-6 rounded-full flex items-center justify-center text-[10px] @md:text-xs font-bold bg-white/30 backdrop-blur-sm text-white border border-white/40",
-                        title: a.resource.name
-                      }, v(a.resource.avatarLabel || a.resource.name.charAt(0).toUpperCase()), 9, Ht)) : j("", !0),
-                      e("div", {
-                        class: q([
-                          "flex items-center gap-0.5 @md:gap-1 px-1.5 @md:px-2 py-0.5 rounded-full text-[10px] @md:text-xs font-medium",
-                          a.hasBookings ? "bg-white text-black backdrop-blur-sm" : "bg-black/10 backdrop-blur-sm"
-                        ])
-                      }, [
-                        l(S(xe), { size: 12 }),
-                        e("span", null, v(a.bookings), 1)
-                      ], 2)
-                    ])
-                  ]),
-                  e("div", {
-                    class: q(["flex items-center gap-1 @md:gap-2 text-[10px] @md:text-xs opacity-90 mt-auto", { "-translate-x-1 -translate-y-2 scale-80 origin-[0_0]": a.isSmall }])
-                  }, [
-                    e("div", {
-                      class: q(["flex items-center gap-1 px-1 @md:px-2 py-0.5 rounded backdrop-blur-sm", { "bg-black/10": !a.isSmall }])
-                    }, [
-                      l(S(he), { size: 10 }),
-                      e("span", Qt, v(a.startTime) + " – " + v(a.endTime), 1)
-                    ], 2)
-                  ], 2)
-                ], 2),
-                d[1] || (d[1] = e("div", { class: "absolute inset-0 border-2 border-white/0 group-hover/event:border-white/30 rounded-lg transition-colors duration-200 pointer-events-none" }, null, -1))
-              ], 12, Rt))), 128))
-            ])
-          ])
-        ])
-      ]),
-      l(Et, {
-        "agenda-data": f.agendaData,
-        resources: f.resources,
-        ref_key: "eventDialog",
-        ref: k
-      }, null, 8, ["agenda-data", "resources"])
-    ], 64));
-  }
-}), Wt = { class: "sticky left-0 mt-auto z-10 divide-y divide-border/50 h-full flex flex-col min-h-[1536px] bg-input" }, qt = { class: "flex-shrink-0 text-[10px] @md:text-xs font-medium text-muted-foreground px-1.5 @md:px-3 pb-3 border-r border-border/50 w-10 @md:w-14" }, Xt = { class: "flex items-center gap-1.5" }, we = /* @__PURE__ */ ae({
-  __name: "Event24hSidebar",
-  setup(f) {
-    const T = Array.from({ length: 24 }, (k, A) => ({
-      hour: A,
-      label: `${A.toString().padStart(2, "0")}:00`
-    }));
-    return (k, A) => (s(), i("div", Wt, [
-      (s(!0), i(Z, null, te(S(T), (U) => (s(), i("div", {
-        key: U.hour,
-        class: "flex-1 flex transition-all duration-200"
-      }, [
-        e("div", qt, [
-          e("div", Xt, [
-            e("span", {
-              class: q({ "-translate-y-1/2": U.hour !== 0 })
-            }, v(U.label), 3)
-          ])
-        ])
-      ]))), 128))
-    ]));
-  }
-}), Yt = { class: "absolute top-0 w-full pointer-events-none" }, Jt = {
-  key: 0,
-  class: "absolute -right-2 -top-0.5 px-2 py-0.5 bg-red-500 text-white text-xs font-medium rounded shadow-lg"
-}, Se = /* @__PURE__ */ ae({
-  __name: "EventTimeIndicator",
-  props: {
-    currentDate: {
-      type: Object,
-      required: !1
-    }
-  },
-  setup(f) {
-    const T = C(Date.now());
-    let k;
-    $e(() => {
-      k = window.setInterval(() => {
-        T.value = Date.now();
-      }, 1e3);
-    }), Te(() => {
-      k && clearInterval(k);
-    });
-    const A = R(() => {
-      const o = new Date(T.value);
-      return `${(o.getHours() * 60 + o.getMinutes() + o.getSeconds() / 60) / 1440 * 100}%`;
-    }), U = R(() => new Date(T.value).getFullYear() + "-" + (new Date(T.value).getMonth() + 1).toString().padStart(2, "0") + "-" + new Date(T.value).getDate().toString().padStart(2, "0"));
-    return (o, u) => (s(), i("div", Yt, [
-      e("div", {
-        class: "absolute left-0 right-0 h-0.5 bg-red-500 z-30 pointer-events-none transition-[top] duration-300 ease-linear",
-        style: se({ top: A.value })
-      }, [
-        u[0] || (u[0] = e("div", { class: "absolute -left-2 -top-1.5 w-3 h-3 bg-red-500 rounded-full shadow-lg shadow-red-500/50" }, null, -1)),
-        f.currentDate && f.currentDate == U.value ? (s(), i("div", Jt, " Now ")) : j("", !0)
-      ], 4)
-    ]));
-  }
-}), Kt = {
-  key: 0,
-  class: "relative flex flex-1 min-w-0"
-}, Gt = {
-  key: 1,
-  class: "flex-1 min-w-0 relative min-h-[1616px] @md:min-h-[1658px]"
-}, Zt = {
-  key: 0,
-  class: "absolute top-0 right-0 z-10 px-3 py-1.5 bg-primary/90 text-primary-foreground text-xs font-medium rounded-bl-lg shadow-lg backdrop-blur-sm flex items-center gap-1.5 animate-pulse-subtle"
-}, es = { class: "flex pb-4 min-w-[200px]" }, ts = ["onClick"], ss = {
-  key: 0,
-  class: "absolute top-2 right-2 flex items-center gap-1 px-2 py-0.5 bg-primary/20 backdrop-blur-sm rounded-full border border-primary/30"
-}, os = { class: "text-xs text-muted-foreground font-medium group-hover:text-foreground/70 transition-colors" }, as = {
-  key: 0,
-  class: "absolute bottom-0 left-0 w-full h-1 bg-orange-500"
-}, ns = /* @__PURE__ */ ae({
-  __name: "EventView",
-  props: {
-    agendaData: { default: () => ({}) }
-  },
-  setup(f) {
-    const T = de("activeDate", C(ce(me()))), k = de("viewMode", C(1)), A = de("events", C([])), U = de("resources", C([])), o = C(null), u = C(!1), d = C(!1);
-    R(() => U.value.length > 1);
-    const a = R(() => {
-      const t = [], m = T.value;
-      for (let M = 0; M < k.value; M++)
-        t.push(m.add({ days: M }));
-      return t;
-    }), w = (t, m) => {
-      const M = `${t.year}-${String(t.month).padStart(2, "0")}-${String(t.day).padStart(2, "0")}`;
-      return A.value?.filter((J) => J.date === M) || [];
-    }, x = (t) => {
-      const m = ce(me());
-      return t.year === m.year && t.month === m.month && t.day === m.day;
-    }, F = (t) => {
-      T.value = t, k.value = 1;
-    };
-    let P = null, I = null;
-    const Q = () => {
-      o.value && (L(), o.value.scrollBy({ left: -300, behavior: "smooth" }), I = window.setTimeout(() => {
-        P = window.setInterval(() => {
-          o.value && o.value.scrollBy({ left: -20, behavior: "auto" });
-        }, 50);
-      }, 300));
-    }, O = () => {
-      o.value && (L(), o.value.scrollBy({ left: 300, behavior: "smooth" }), I = window.setTimeout(() => {
-        P = window.setInterval(() => {
-          o.value && o.value.scrollBy({ left: 20, behavior: "auto" });
-        }, 50);
-      }, 300));
-    }, L = () => {
-      I && (clearTimeout(I), I = null), P && (clearInterval(P), P = null);
-    }, W = () => {
-      if (!o.value) return;
-      const { scrollLeft: t, scrollWidth: m, clientWidth: M } = o.value;
-      u.value = t > 10, d.value = t < m - M - 10;
-    }, oe = (t) => {
-      o.value && Math.abs(t.deltaY) > Math.abs(t.deltaX) && (t.preventDefault(), o.value.scrollBy({ left: t.deltaY, behavior: "auto" }));
-    }, y = C(!1), p = C(0), E = C(0), V = (t) => {
-      !o.value || k.value === 1 || t.target.closest(".event-card") || (y.value = !0, p.value = t.pageX, E.value = o.value.scrollLeft, o.value.style.userSelect = "none", t.preventDefault());
-    }, h = (t) => {
-      if (!y.value || !o.value) return;
-      const m = t.pageX, M = (p.value - m) * 1.2;
-      o.value.scrollLeft = E.value + M;
-    }, c = () => {
-      o.value && (y.value = !1, o.value.style.userSelect = "");
-    };
-    return $e(() => {
-      o.value && (o.value.addEventListener("scroll", W), o.value.addEventListener("wheel", oe, { passive: !1 }), ve(() => {
-        W(), setTimeout(W, 50), setTimeout(W, 150), setTimeout(W, 300), setTimeout(W, 500);
-      })), document.addEventListener("mousemove", h), document.addEventListener("mouseup", c);
-    }), ze(() => {
-      document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", c);
-    }), ue(k, () => {
-      k.value > 1 ? ve(() => {
-        setTimeout(() => {
-          if (!o.value) return;
-          const { scrollWidth: t, clientWidth: m } = o.value;
-          t > m && (d.value = !0, u.value = !1);
-        }, 100);
-      }) : o.value && (o.value.style.cursor = "");
-    }), Te(() => {
-      L(), o.value && (o.value.removeEventListener("scroll", W), o.value.removeEventListener("wheel", oe));
-    }), (t, m) => {
-      const M = H("Button"), J = H("TooltipTrigger"), Y = H("TooltipContent"), D = H("Tooltip");
-      return S(k) === 1 ? (s(), i("div", Kt, [
-        l(we),
-        l(Se, {
-          class: "h-full",
-          "current-date": S(T)
-        }, null, 8, ["current-date"]),
-        l(ke, {
-          "agenda-data": f.agendaData,
-          date: S(T),
-          events: w(S(T)),
-          resources: S(U)
-        }, null, 8, ["agenda-data", "date", "events", "resources"])
-      ])) : (s(), i("div", Gt, [
-        S(k) === 7 ? (s(), i("div", Zt, [
-          l(S(ge), { size: 12 }),
-          m[0] || (m[0] = e("span", null, "Scroll to view all days", -1)),
-          l(S(fe), { size: 12 })
-        ])) : j("", !0),
-        u.value ? (s(), ee(M, {
-          key: 1,
-          variant: "outline",
-          size: "icon",
-          onMousedown: Q,
-          onMouseup: L,
-          onMouseleave: L,
-          onTouchstart: Q,
-          onTouchend: L,
-          class: "sticky top-1/2 left-2 -translate-y-1/2 z-40 h-10 w-10 rounded-full shadow-lg bg-background/95 backdrop-blur-sm hover:bg-background border-2"
-        }, {
-          default: z(() => [
-            l(S(ge), { size: 20 })
-          ]),
-          _: 1
-        })) : j("", !0),
-        d.value ? (s(), ee(M, {
-          key: 2,
-          variant: "outline",
-          size: "icon",
-          onMousedown: O,
-          onMouseup: L,
-          onMouseleave: L,
-          onTouchstart: O,
-          onTouchend: L,
-          class: "sticky top-1/2 right-2 -translate-y-1/2 z-40 h-10 w-10 rounded-full shadow-lg bg-background/95 backdrop-blur-sm hover:bg-background border-2 float-right"
-        }, {
-          default: z(() => [
-            l(S(fe), { size: 20 })
-          ]),
-          _: 1
-        })) : j("", !0),
-        l(Se, { class: "h-[calc(100%-122px)] mt-[80px] @md:h-[calc(100%-164px)] @md:mt-[122px]" }),
-        e("div", {
-          class: q(["absolute right-0 top-0 bottom-0 w-8 bg-gradient-to-l from-background to-transparent z-10 pointer-events-none transition-opacity duration-300", d.value ? "opacity-100" : "opacity-0"])
-        }, null, 2),
-        e("div", {
-          ref_key: "scrollContainer",
-          ref: o,
-          class: "absolute inset-0 overflow-x-auto overflow-y-hidden",
-          onScroll: W,
-          onMousedown: V
-        }, [
-          e("div", es, [
-            l(we),
-            m[5] || (m[5] = e("div", { class: "absolute w-10 @md:w-14 h-[125px] bg-input" }, null, -1)),
-            (s(!0), i(Z, null, te(a.value, ($, b) => (s(), i("div", {
-              key: $.toString(),
-              class: q(["flex-shrink-0", { "min-w-[200px] w-[33.33%]": S(k) === 3, "min-w-[280px]": S(k) === 7 }])
-            }, [
-              e("div", {
-                onClick: (r) => F($),
-                class: q([
-                  "relative p-3 border cursor-pointer transition-all duration-200 group relative",
-                  x($) ? "bg-gradient-to-br from-primary/10 to-primary/5 border-primary/30 hover:from-primary/20 hover:to-primary/10 hover:border-primary/50 hover:shadow-md" : "bg-gradient-to-br from-muted/50 to-muted/30 border-border hover:from-accent/50 hover:to-accent/30 hover:border-accent-foreground/20 hover:shadow-md"
-                ])
-              }, [
-                x($) ? (s(), i("div", ss, [...m[1] || (m[1] = [
-                  e("div", { class: "w-1.5 h-1.5 bg-primary rounded-full animate-pulse" }, null, -1),
-                  e("span", { class: "text-[9px] font-bold text-primary uppercase tracking-wide" }, "Today", -1)
-                ])])) : j("", !0),
-                e("div", {
-                  class: q([
-                    "text-xs font-semibold uppercase tracking-wider transition-colors",
-                    x($) ? "text-primary group-hover:text-primary/80" : "text-muted-foreground group-hover:text-foreground"
-                  ])
-                }, v(new Date($.year, $.month - 1, $.day).toLocaleDateString("en-US", { weekday: "short" })), 3),
-                e("div", {
-                  class: q([
-                    "text-2xl font-bold transition-colors",
-                    x($) ? "text-foreground" : "text-foreground group-hover:text-primary"
-                  ])
-                }, v($.day), 3),
-                e("div", os, v(new Date($.year, $.month - 1, $.day).toLocaleDateString("en-US", { month: "long", year: "numeric" })), 1),
-                m[4] || (m[4] = e("div", { class: "mt-2 pt-2 border-t border-border/0 group-hover:border-border/50 transition-all" }, [
-                  e("div", { class: "text-[10px] text-muted-foreground/0 group-hover:text-muted-foreground/100 uppercase tracking-wide transition-all" }, " Click to view ")
-                ], -1)),
-                l(D, null, {
-                  default: z(() => [
-                    l(J, { "as-child": "" }, {
-                      default: z(() => [
-                        w($).filter((r) => r.isException).length > 0 ? (s(), ee(S(Be), {
-                          key: 0,
-                          class: "absolute top-3 right-3 size-4 text-orange-500"
-                        })) : j("", !0)
-                      ]),
-                      _: 2
-                    }, 1024),
-                    l(Y, null, {
-                      default: z(() => [...m[2] || (m[2] = [
-                        e("p", null, " This day has exceptions applied to it. ", -1)
-                      ])]),
-                      _: 1
-                    })
-                  ]),
-                  _: 2
-                }, 1024),
-                l(D, null, {
-                  default: z(() => [
-                    l(J, { "as-child": "" }, {
-                      default: z(() => [
-                        w($).filter((r) => r.isException).length > 0 ? (s(), i("div", as)) : j("", !0)
-                      ]),
-                      _: 2
-                    }, 1024),
-                    l(Y, null, {
-                      default: z(() => [...m[3] || (m[3] = [
-                        e("p", null, " This day has exceptions applied to it. ", -1)
-                      ])]),
-                      _: 1
-                    })
-                  ]),
-                  _: 2
-                }, 1024)
-              ], 10, ts),
-              l(ke, {
-                "agenda-data": f.agendaData,
-                date: $,
-                events: w($),
-                resources: S(U)
-              }, null, 8, ["agenda-data", "date", "events", "resources"])
-            ], 2))), 128))
-          ])
-        ], 544)
-      ]));
-    };
-  }
-}), rs = /* @__PURE__ */ Ve(ns, [["__scopeId", "data-v-f5d39ef7"]]), ls = { class: "flex items-center justify-between @sm:justify-start gap-4" }, is = { class: "flex flex-col" }, us = { class: "flex items-center gap-2" }, ds = { class: "text-lg @sm:text-2xl font-bold tracking-tight truncate" }, cs = { class: "text-xs @sm:text-sm text-muted-foreground ml-7 truncate" }, ms = { class: "flex @sm:items-center justify-between flex-col @sm:flex-row @5xl:justify-end gap-2" }, fs = { class: "flex items-center gap-1 @5xl:mr-2" }, ps = {
-  key: 0,
-  class: "flex items-center gap-2 px-1 overflow-x-auto pb-2 -mx-1 scrollbar-hide"
-}, vs = ["onClick"], gs = { class: "flex gap-2 @md:gap-4" }, hs = { class: "hidden @md:flex flex-shrink-0 flex-col gap-4" }, xs = {
-  key: 0,
-  class: "rounded-md border p-3"
-}, ys = { class: "space-y-1" }, bs = ["onClick"], _s = { class: "min-w-0 flex-1" }, ks = { class: "text-sm font-medium truncate" }, ws = {
-  key: 0,
-  class: "pt-2 mt-2 border-t"
-}, Ss = {
-  key: 0,
-  class: "mt-1 space-y-1"
-}, $s = { class: "min-w-0 flex-1" }, Ts = { class: "text-sm font-medium truncate text-muted-foreground" }, Ps = /* @__PURE__ */ ae({
-  __name: "agenda",
-  setup(f) {
-    const { hasPermission: T } = Oe(), { params: k } = ye(), { config: A } = be(), U = _e(A.project), o = C(ce(me())), u = C(1), d = Ae("container"), { width: a } = Qe(d), w = R(() => a.value < 640);
-    ue(w, (r) => {
-      r && u.value !== 1 && (u.value = 1);
-    }, { immediate: !0 });
-    const x = C(null), F = C(/* @__PURE__ */ new Map()), P = R(() => x.value?.resources || []), I = R(() => P.value.filter((r) => r.isActive)), Q = R(() => P.value.filter((r) => !r.isActive)), O = C(null), L = C(!1);
-    ue(I, (r) => {
-      r.length > 0 && !O.value && (O.value = r[0].id);
-    }, { immediate: !0 });
-    const W = R(() => {
-      if (!O.value)
-        return I.value.length > 0 ? [I.value[0]] : [];
-      const r = I.value.find((g) => g.id === O.value);
-      return r ? [r] : I.value.length > 0 ? [I.value[0]] : [];
-    }), oe = R(() => x.value?.pricingOptions?.find((g) => g.isDefault)?.duration || 30), y = (r) => {
-      O.value = r;
-    };
-    ue(o, () => {
-      $();
-    });
-    const p = R(() => {
-      const r = o.value, g = new Date(r.year, r.month - 1, r.day), B = g.toLocaleDateString("en-US", { weekday: "long" }).toUpperCase(), _ = r.day, N = g.toLocaleDateString("en-US", { month: "short" }).toUpperCase();
-      return {
-        dayName: B,
-        day: _,
-        monthName: N,
-        full: `${B} ${_} ${N}`
-      };
-    }), E = () => {
-      o.value = o.value.subtract({ days: u.value });
-    }, V = () => {
-      o.value = o.value.add({ days: u.value });
-    }, h = () => {
-      o.value = ce(me());
-    }, c = (r) => {
-      const [g, B] = r.split(":").map(Number);
-      return g * 60 + B;
-    }, t = (r, g) => (x.value?.exceptions || []).find((_) => g >= _.startDate && g <= _.endDate ? _.resourceIds === null ? !0 : _.resourceIds?.includes(r) : !1) || null, m = (r, g, B) => {
-      const _ = t(r.id, B);
-      if (_)
-        return _.isClosed ? [] : _.timeslots.map((n) => ({
-          startTime: n.startTime,
-          endTime: n.endTime,
-          isException: !0
-        }));
-      const N = g.getDay(), X = r.openingHours?.[N] || [];
-      return X.length === 0 ? [] : X.map((n) => ({
-        startTime: n.start,
-        endTime: n.end,
-        isException: !1
-      }));
-    }, M = (r, g, B, _) => {
-      if (!x.value) return 0;
-      const N = F.value.get(g);
-      return N ? N.filter((n) => n.resourceId === r).reduce((n, K) => {
-        const G = c(K.startTime), re = c(K.endTime), ie = c(B), pe = c(_);
-        return G < pe && re > ie ? n + (K.reserved || 0) : n;
-      }, 0) : 0;
-    }, J = R(() => {
-      if (!x.value) return [];
-      F.value.size;
-      let r = [], g = [];
-      for (let _ = 0; _ < u.value; _++) {
-        const N = o.value.add({ days: _ });
-        g.push(N);
-      }
-      const B = W.value.length > 0 ? W.value : [];
-      return B.length === 0 ? [] : (g.forEach((_) => {
-        let N = new Date(_.year, _.month - 1, _.day);
-        const X = `${_.year}-${String(_.month).padStart(2, "0")}-${String(_.day).padStart(2, "0")}`;
-        B.forEach((n) => {
-          const K = m(n, N, X);
-          r = r.concat(K.map((G, re) => {
-            const ie = M(n.id, X, G.startTime, G.endTime);
-            return {
-              id: `block-${X}-${n.id}-${re}`,
-              title: x.value.serviceName,
-              date: X,
-              startTime: G.startTime,
-              endTime: G.endTime,
-              theme: n.color || "#3b82f6",
-              bookings: ie,
-              maxBookings: n.capacity,
-              isException: G.isException || !1,
-              resourceId: n.id,
-              resource: n,
-              interval: n.interval || 30,
-              serviceDuration: oe.value
-            };
-          }));
-        });
-      }), r);
-    });
-    let Y = null;
-    const D = async () => {
-      Y || (Y = // @ts-ignore - params is actually a computed ref in the implementation
-      U.get(A.agendaCollection, k.value.id).then((r) => {
-        x.value = r;
-      }).finally(() => {
-        Y = null;
-      })), await Y;
-    }, $ = async () => {
-      if (x.value || await D(), !x.value) return;
-      const r = k.value.id, g = o.value;
-      F.value.clear();
-      const B = [];
-      for (let _ = 0; _ < u.value; _++) {
-        const N = g.add({ days: _ }), X = `${N.year}-${String(N.month).padStart(2, "0")}-${String(N.day).padStart(2, "0")}`, n = `${r}_${X}`;
-        B.push(
-          U.get(A.reservedSpotsCollection, n).then((K) => {
-            if (K) {
-              const G = [];
-              for (const re of I.value) {
-                const ie = K?.[re.id] || {};
-                Object.entries(ie).forEach(([pe, Ce]) => {
-                  const [Ie, Me] = pe.split("-");
-                  G.push({
-                    resourceId: re.id,
-                    startTime: Ie,
-                    endTime: Me,
-                    reserved: Ce
-                  });
-                });
-              }
-              F.value.set(X, G);
-            }
-          }).catch(() => {
-          })
-        );
-      }
-      await Promise.all(B);
-    };
-    return (async () => (await D(), await $()))(), ue(u, () => {
-      $();
-    }), ne("agendaData", x), ne("activeDate", o), ne("viewMode", u), ne("events", J), ne("resources", W), ne("allResources", I), (r, g) => {
-      const B = H("Button"), _ = H("SegmentedControlButton"), N = H("SegmentedControl"), X = H("Calendar");
-      return s(), ee(Pe, null, {
-        default: z(() => [
-          e("div", {
-            ref_key: "container",
-            ref: d,
-            class: "flex flex-col gap-2 @md:gap-4 w-full"
-          }, [
-            e("div", {
-              class: q(["flex flex-col @5xl:flex-row @5xl:items-center @5xl:justify-between gap-3 px-1", (w.value, "")])
-            }, [
-              e("div", ls, [
-                e("div", is, [
-                  e("div", us, [
-                    l(S(je), {
-                      size: 20,
-                      class: "text-primary flex-shrink-0"
-                    }),
-                    e("h2", ds, v(p.value.full), 1)
-                  ]),
-                  e("p", cs, v(x.value?.serviceName), 1)
-                ])
-              ]),
-              e("div", ms, [
-                e("div", fs, [
-                  l(B, {
-                    variant: "outline",
-                    size: "icon",
-                    class: "size-8 @sm:size-9",
-                    onClick: E
-                  }, {
-                    default: z(() => [
-                      l(S(ge), { size: 16 })
-                    ]),
-                    _: 1
-                  }),
-                  l(B, {
-                    variant: "outline",
-                    size: "sm",
-                    class: "h-8 @sm:h-9 px-2 @sm:px-3 text-xs @sm:text-sm",
-                    onClick: h
-                  }, {
-                    default: z(() => [...g[3] || (g[3] = [
-                      le(" Today ", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  l(B, {
-                    variant: "outline",
-                    size: "icon",
-                    class: "size-8 @sm:size-9",
-                    onClick: V
-                  }, {
-                    default: z(() => [
-                      l(S(fe), { size: 16 })
-                    ]),
-                    _: 1
-                  })
-                ]),
-                w.value ? j("", !0) : (s(), ee(N, {
-                  key: 0,
-                  modelValue: u.value,
-                  "onUpdate:modelValue": g[0] || (g[0] = (n) => u.value = n)
-                }, {
-                  default: z(() => [
-                    l(_, { value: 1 }, {
-                      default: z(() => [...g[4] || (g[4] = [
-                        e("span", { class: "whitespace-nowrap" }, "1 Day", -1)
-                      ])]),
-                      _: 1
-                    }),
-                    l(_, { value: 3 }, {
-                      default: z(() => [...g[5] || (g[5] = [
-                        e("span", { class: "whitespace-nowrap" }, "3 Days", -1)
-                      ])]),
-                      _: 1
-                    }),
-                    l(_, { value: 7 }, {
-                      default: z(() => [...g[6] || (g[6] = [
-                        e("span", { class: "whitespace-nowrap" }, "7 Days", -1)
-                      ])]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["modelValue"])),
-                S(T)("manage-reservations") ? (s(), ee(He, {
-                  key: 1,
-                  "agenda-data": x.value
-                }, null, 8, ["agenda-data"])) : j("", !0)
-              ])
-            ], 2),
-            w.value && I.value.length > 0 ? (s(), i("div", ps, [
-              (s(!0), i(Z, null, te(I.value, (n) => (s(), i("button", {
-                key: n.id,
-                class: q(["flex items-center gap-2 px-3 py-1.5 rounded-full border text-sm whitespace-nowrap transition-colors flex-shrink-0", {
-                  "bg-primary text-primary-foreground border-primary": O.value === n.id,
-                  "bg-background hover:bg-muted": O.value !== n.id
-                }]),
-                onClick: (K) => y(n.id)
-              }, [
-                e("div", {
-                  class: "size-5 rounded-full flex items-center justify-center text-white text-[10px] font-medium",
-                  style: se({ backgroundColor: O.value === n.id ? "rgba(255,255,255,0.3)" : n.color || "#6b7280" })
-                }, v(n.avatarLabel || n.name.charAt(0).toUpperCase()), 5),
-                e("span", null, v(n.name), 1)
-              ], 10, vs))), 128))
-            ])) : j("", !0),
-            e("div", gs, [
-              e("div", hs, [
-                l(X, {
-                  modelValue: o.value,
-                  "onUpdate:modelValue": g[1] || (g[1] = (n) => o.value = n),
-                  "weekday-format": "short",
-                  class: "rounded-md border"
-                }, null, 8, ["modelValue"]),
-                P.value.length > 0 ? (s(), i("div", xs, [
-                  g[7] || (g[7] = e("div", { class: "flex items-center justify-between mb-3" }, [
-                    e("span", { class: "text-sm font-medium" }, "Resources")
-                  ], -1)),
-                  e("div", ys, [
-                    (s(!0), i(Z, null, te(I.value, (n) => (s(), i("div", {
-                      key: n.id,
-                      class: q(["flex items-center gap-2 p-2 rounded-md hover:bg-muted cursor-pointer transition-colors", {
-                        "bg-muted ring-2 ring-primary/20": O.value === n.id,
-                        "opacity-50": O.value && O.value !== n.id
-                      }]),
-                      onClick: (K) => y(n.id)
-                    }, [
-                      e("div", {
-                        class: "size-7 rounded-full flex items-center justify-center text-white text-xs font-medium flex-shrink-0",
-                        style: se({ backgroundColor: n.color || "#6b7280" })
-                      }, v(n.avatarLabel || n.name.charAt(0).toUpperCase()), 5),
-                      e("div", _s, [
-                        e("div", ks, v(n.name), 1)
-                      ]),
-                      e("div", {
-                        class: q(["size-2 rounded-full flex-shrink-0", O.value === n.id ? "bg-primary" : "bg-muted-foreground/30"])
-                      }, null, 2)
-                    ], 10, bs))), 128)),
-                    Q.value.length > 0 ? (s(), i("div", ws, [
-                      e("button", {
-                        class: "flex items-center gap-2 text-xs text-muted-foreground hover:text-foreground w-full py-1 transition-colors",
-                        onClick: g[2] || (g[2] = (n) => L.value = !L.value)
-                      }, [
-                        l(S(fe), {
-                          size: 14,
-                          class: q(["transition-transform", { "rotate-90": L.value }])
-                        }, null, 8, ["class"]),
-                        e("span", null, "Inactive (" + v(Q.value.length) + ")", 1)
-                      ]),
-                      L.value ? (s(), i("div", Ss, [
-                        (s(!0), i(Z, null, te(Q.value, (n) => (s(), i("div", {
-                          key: n.id,
-                          class: "flex items-center gap-2 p-2 rounded-md opacity-50"
-                        }, [
-                          e("div", {
-                            class: "size-7 rounded-full flex items-center justify-center text-white text-xs font-medium flex-shrink-0 grayscale",
-                            style: se({ backgroundColor: n.color || "#6b7280" })
-                          }, v(n.avatarLabel || n.name.charAt(0).toUpperCase()), 5),
-                          e("div", $s, [
-                            e("div", Ts, v(n.name), 1)
-                          ])
-                        ]))), 128))
-                      ])) : j("", !0)
-                    ])) : j("", !0)
-                  ])
-                ])) : j("", !0)
-              ]),
-              l(rs, { "agenda-data": x.value }, null, 8, ["agenda-data"])
-            ])
-          ], 512)
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  Ps as default
-};