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

package/dist/agenda-D0QBOJUy.mjs

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