@oneclick.dev/cms-core-modules 0.0.53 → 0.0.54

package/dist/agenda-B49oKGeh.mjs

@@ -0,0 +1,706 @@
+import { defineComponent as H, ref as D, resolveComponent as C, createBlock as P, openBlock as a, withCtx as h, createVNode as l, createCommentVNode as $, createTextVNode as q, toDisplayString as w, computed as E, createElementBlock as c, Fragment as F, createElementVNode as e, renderList as O, unref as x, normalizeStyle as G, normalizeClass as M, onMounted as ie, onUnmounted as ue, inject as Z, nextTick as ne, onBeforeUnmount as ce, watch as de, provide as K } from "vue";
+import { n as ee, g as te } from "./CalendarDate-CRT2Viyt.mjs";
+import { Users as ve, Clock as pe, ChevronLeft as se, ChevronRight as oe, Asterisk as me, CalendarDays as fe } from "lucide-vue-next";
+import { _ as ge } from "./EditLayout.vue_vue_type_script_setup_true_lang-D0-EcU0_.mjs";
+import { _ as he } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+import { useModuleRoute as xe, useModule as be, useFirebaseIntegration as ye } from "@oneclick.dev/cms-kit";
+const _e = /* @__PURE__ */ H({
+  __name: "EventDialog",
+  setup(A, { expose: y }) {
+    const m = D(!1), k = D(null), f = (p) => {
+      m.value = !0, k.value = p;
+    }, o = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], v = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+    return y({
+      openDialog: f
+    }), (p, t) => {
+      const b = C("DialogTitle"), g = C("DialogDescription"), R = C("DialogHeader"), S = C("DialogFooter"), L = C("DialogScrollContent"), N = C("Dialog");
+      return a(), P(N, {
+        open: m.value,
+        "onUpdate:open": t[0] || (t[0] = (U) => m.value = U)
+      }, {
+        default: h(() => [
+          l(L, { class: "sm:max-w-2xl" }, {
+            default: h(() => [
+              l(R, null, {
+                default: h(() => [
+                  k.value?.date ? (a(), P(b, { key: 0 }, {
+                    default: h(() => [
+                      q(w(o[new Date(k.value.date).getUTCDay()]) + " " + w(v[new Date(k.value.date).getUTCMonth()]) + " " + w(new Date(k.value.date).getUTCDate()) + ", " + w(new Date(k.value.date).getUTCFullYear()), 1)
+                    ]),
+                    _: 1
+                  })) : $("", !0),
+                  l(g, null, {
+                    default: h(() => [...t[1] || (t[1] = [
+                      q(" Bewerk de details van dit evenement. ", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              l(S, null, {
+                default: h(() => [...t[2] || (t[2] = [
+                  q(" SKRRR ", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+}), we = { class: "flex-1 border-r shadow-sm overflow-hidden min-h-[1536px]" }, ke = { class: "relative h-full min-h-[1536px]" }, De = { class: "divide-y divide-input/80 h-full flex flex-col min-h-[1536px] border-y border-input/80" }, $e = { class: "absolute inset-0 pointer-events-none" }, Se = { class: "relative mr-3 h-full ml-2" }, Te = ["onClick"], Ce = {
+  key: 0,
+  class: "absolute bottom-0 left-0 right-0 h-1 bg-black/20"
+}, Me = { class: "flex items-start justify-between gap-2 mb-1" }, Be = { class: "font-semibold text-sm leading-tight line-clamp-1 flex-1" }, ze = { class: "flex items-center gap-1 shrink-0" }, Le = {
+  key: 0,
+  class: "flex items-center -space-x-1.5"
+}, Ee = ["title"], Ue = { class: "font-medium" }, le = /* @__PURE__ */ H({
+  __name: "EventTimeline",
+  props: {
+    date: {},
+    events: {},
+    firstDay: { type: Boolean, default: !1 },
+    resources: { default: () => [] }
+  },
+  setup(A) {
+    const y = A, m = D(null), k = (v) => {
+      const [p, t] = v.split(":").map(Number);
+      return p * 60 + t;
+    }, f = E(() => {
+      if (!y.events) return [];
+      const v = /* @__PURE__ */ new Map();
+      return y.events.forEach((p) => {
+        const t = `${p.startTime}-${p.endTime}`;
+        v.has(t) || v.set(t, []), v.get(t).push(p);
+      }), Array.from(v.entries()).map(([p, t]) => {
+        const b = t[0], g = k(b.startTime), S = k(b.endTime) - g, L = g / 1440 * 100, N = S / 1440 * 100, U = t.reduce((i, r) => i + (r.bookings ?? 0), 0), T = t.reduce((i, r) => i + (r.maxBookings ?? 0), 0), B = U > 0, X = T ? U / T * 100 : 0, j = t.filter((i) => (i.bookings ?? 0) > 0 && i.resource).map((i) => i.resource), J = t.find((i) => (i.bookings ?? 0) > 0) || b;
+        return {
+          ...b,
+          id: p,
+          top: `${L}%`,
+          height: `${N}%`,
+          color: J.resource?.color || "#3b82f6",
+          bookings: U,
+          hasBookings: B,
+          fillPercentage: X,
+          isSmall: S < 60,
+          resourcesWithBookings: j,
+          allEvents: t
+          // Keep reference to all events for the dialog
+        };
+      });
+    }), o = Array.from({ length: 24 }, (v, p) => ({
+      hour: p,
+      label: `${p.toString().padStart(2, "0")}:00`
+    }));
+    return (v, p) => (a(), c(F, null, [
+      e("div", we, [
+        e("div", ke, [
+          e("div", De, [
+            (a(!0), c(F, null, O(x(o), (t) => (a(), c("div", {
+              key: t.hour,
+              class: "flex-1 flex transition-all duration-200"
+            }, [...p[0] || (p[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", $e, [
+            e("div", Se, [
+              (a(!0), c(F, null, O(f.value, (t) => (a(), c("div", {
+                key: t.id,
+                style: G({
+                  top: t.top,
+                  height: t.height,
+                  opacity: t.hasBookings ? "1" : "0.5"
+                }),
+                class: "event-card absolute left-2 right-2 rounded-lg pointer-events-auto cursor-pointer group/event transition-all duration-200 hover:shadow-xl overflow-hidden",
+                onClick: (b) => m.value.openDialog(t)
+              }, [
+                e("div", {
+                  class: M([t.hasBookings ? t.color : v.eventThemes.gray, "absolute inset-0 shadow-lg"])
+                }, [
+                  t.maxBookings ? (a(), c("div", Ce, [
+                    e("div", {
+                      class: "h-full bg-white/40 transition-all duration-300",
+                      style: G({ width: `${t.fillPercentage}%` })
+                    }, null, 4)
+                  ])) : $("", !0)
+                ], 2),
+                e("div", {
+                  class: M(["relative h-full p-3 flex flex-col", `${t.hasBookings ? "text-white" : "text-gray-600 dark:text-gray-100"}`])
+                }, [
+                  e("div", Me, [
+                    e("h3", Be, w(t.title), 1),
+                    e("div", ze, [
+                      t.resourcesWithBookings?.length > 0 ? (a(), c("div", Le, [
+                        (a(!0), c(F, null, O(t.resourcesWithBookings, (b) => (a(), c("div", {
+                          key: b.id,
+                          class: "w-6 h-6 rounded-full flex items-center justify-center text-xs font-bold bg-white/30 backdrop-blur-sm text-white border border-white/40",
+                          title: b.name
+                        }, w(b.avatarLabel || b.name.charAt(0).toUpperCase()), 9, Ee))), 128))
+                      ])) : $("", !0),
+                      t.bookings > 0 ? (a(), c("div", {
+                        key: 1,
+                        class: M([
+                          "flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium",
+                          t.hasBookings ? "bg-white/20 backdrop-blur-sm" : "bg-white/10 backdrop-blur-sm"
+                        ])
+                      }, [
+                        l(x(ve), { size: 12 }),
+                        e("span", null, w(t.bookings), 1)
+                      ], 2)) : $("", !0)
+                    ])
+                  ]),
+                  e("div", {
+                    class: M(["flex items-center gap-2 text-xs opacity-90 mt-auto", { "-translate-x-1 -translate-y-2 scale-80 origin-[0_0]": t.isSmall }])
+                  }, [
+                    e("div", {
+                      class: M(["flex items-center gap-1 px-2 py-0.5 rounded backdrop-blur-sm", { "bg-black/10": !t.isSmall }])
+                    }, [
+                      l(x(pe), { size: 10 }),
+                      e("span", Ue, w(t.startTime) + " – " + w(t.endTime), 1)
+                    ], 2)
+                  ], 2)
+                ], 2),
+                p[1] || (p[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, Te))), 128))
+            ])
+          ])
+        ])
+      ]),
+      l(_e, {
+        ref_key: "eventDialog",
+        ref: m
+      }, null, 512)
+    ], 64));
+  }
+}), Ie = { class: "sticky left-0 mt-auto z-10 divide-y divide-border/50 h-full flex flex-col min-h-[1536px] bg-input" }, Re = { class: "flex-shrink-0 text-xs font-medium text-muted-foreground px-3 pb-3 border-r border-border/50 w-14" }, Ae = { class: "flex items-center gap-1.5" }, ae = /* @__PURE__ */ H({
+  __name: "Event24hSidebar",
+  setup(A) {
+    const y = Array.from({ length: 24 }, (m, k) => ({
+      hour: k,
+      label: `${k.toString().padStart(2, "0")}:00`
+    }));
+    return (m, k) => (a(), c("div", Ie, [
+      (a(!0), c(F, null, O(x(y), (f) => (a(), c("div", {
+        key: f.hour,
+        class: "flex-1 flex transition-all duration-200"
+      }, [
+        e("div", Re, [
+          e("div", Ae, [
+            e("span", {
+              class: M({ "-translate-y-1/2": f.hour !== 0 })
+            }, w(f.label), 3)
+          ])
+        ])
+      ]))), 128))
+    ]));
+  }
+}), Ne = { class: "absolute top-0 w-full pointer-events-none" }, Ve = {
+  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"
+}, re = /* @__PURE__ */ H({
+  __name: "EventTimeIndicator",
+  props: {
+    currentDate: {
+      type: Object,
+      required: !1
+    }
+  },
+  setup(A) {
+    const y = D(Date.now());
+    let m;
+    ie(() => {
+      m = window.setInterval(() => {
+        y.value = Date.now();
+      }, 1e3);
+    }), ue(() => {
+      m && clearInterval(m);
+    });
+    const k = E(() => {
+      const o = new Date(y.value);
+      return `${(o.getHours() * 60 + o.getMinutes() + o.getSeconds() / 60) / 1440 * 100}%`;
+    }), f = E(() => new Date(y.value).getFullYear() + "-" + (new Date(y.value).getMonth() + 1).toString().padStart(2, "0") + "-" + new Date(y.value).getDate().toString().padStart(2, "0"));
+    return (o, v) => (a(), c("div", Ne, [
+      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: G({ top: k.value })
+      }, [
+        v[0] || (v[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)),
+        A.currentDate && A.currentDate == f.value ? (a(), c("div", Ve, " Now ")) : $("", !0)
+      ], 4)
+    ]));
+  }
+}), Fe = {
+  key: 0,
+  class: "relative flex flex-1 min-w-0"
+}, je = {
+  key: 1,
+  class: "flex-1 min-w-0 relative"
+}, We = {
+  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"
+}, Pe = { class: "flex pb-4 min-w-[200px]" }, Oe = ["onClick"], Xe = {
+  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"
+}, Ye = { class: "text-xs text-muted-foreground font-medium group-hover:text-foreground/70 transition-colors" }, He = {
+  key: 0,
+  class: "absolute bottom-0 left-0 w-full h-1 bg-orange-500"
+}, Je = /* @__PURE__ */ H({
+  __name: "EventView",
+  setup(A) {
+    const y = Z("activeDate", D(ee(te()))), m = Z("viewMode", D(1)), k = Z("events", D([])), f = Z("resources", D([])), o = D(null), v = D(!1), p = D(!1);
+    E(() => f.value.length > 1);
+    const t = E(() => {
+      const n = [], u = y.value;
+      for (let s = 0; s < m.value; s++)
+        n.push(u.add({ days: s }));
+      return n;
+    }), b = (n, u) => {
+      const s = `${n.year}-${String(n.month).padStart(2, "0")}-${String(n.day).padStart(2, "0")}`;
+      return k.value?.filter((Y) => Y.date === s) || [];
+    }, g = (n) => {
+      const u = ee(te());
+      return n.year === u.year && n.month === u.month && n.day === u.day;
+    }, R = (n) => {
+      y.value = n, m.value = 1;
+    };
+    let S = null, L = null;
+    const N = () => {
+      o.value && (T(), o.value.scrollBy({ left: -300, behavior: "smooth" }), L = window.setTimeout(() => {
+        S = window.setInterval(() => {
+          o.value && o.value.scrollBy({ left: -20, behavior: "auto" });
+        }, 50);
+      }, 300));
+    }, U = () => {
+      o.value && (T(), o.value.scrollBy({ left: 300, behavior: "smooth" }), L = window.setTimeout(() => {
+        S = window.setInterval(() => {
+          o.value && o.value.scrollBy({ left: 20, behavior: "auto" });
+        }, 50);
+      }, 300));
+    }, T = () => {
+      L && (clearTimeout(L), L = null), S && (clearInterval(S), S = null);
+    }, B = () => {
+      if (!o.value) return;
+      const { scrollLeft: n, scrollWidth: u, clientWidth: s } = o.value;
+      v.value = n > 10, p.value = n < u - s - 10;
+    }, X = (n) => {
+      o.value && Math.abs(n.deltaY) > Math.abs(n.deltaX) && (n.preventDefault(), o.value.scrollBy({ left: n.deltaY, behavior: "auto" }));
+    }, j = D(!1), J = D(0), i = D(0), r = (n) => {
+      !o.value || m.value === 1 || n.target.closest(".event-card") || (j.value = !0, J.value = n.pageX, i.value = o.value.scrollLeft, o.value.style.userSelect = "none", n.preventDefault());
+    }, z = (n) => {
+      if (!j.value || !o.value) return;
+      const u = n.pageX, s = (J.value - u) * 1.2;
+      o.value.scrollLeft = i.value + s;
+    }, _ = () => {
+      o.value && (j.value = !1, o.value.style.userSelect = "");
+    };
+    return ie(() => {
+      o.value && (o.value.addEventListener("scroll", B), o.value.addEventListener("wheel", X, { passive: !1 }), ne(() => {
+        B(), setTimeout(B, 50), setTimeout(B, 150), setTimeout(B, 300), setTimeout(B, 500);
+      })), document.addEventListener("mousemove", z), document.addEventListener("mouseup", _);
+    }), ce(() => {
+      document.removeEventListener("mousemove", z), document.removeEventListener("mouseup", _);
+    }), de(m, () => {
+      m.value > 1 ? ne(() => {
+        setTimeout(() => {
+          if (!o.value) return;
+          const { scrollWidth: n, clientWidth: u } = o.value;
+          n > u && (p.value = !0, v.value = !1);
+        }, 100);
+      }) : o.value && (o.value.style.cursor = "");
+    }), ue(() => {
+      T(), o.value && (o.value.removeEventListener("scroll", B), o.value.removeEventListener("wheel", X));
+    }), (n, u) => {
+      const s = C("Button"), Y = C("TooltipTrigger"), I = C("TooltipContent"), W = C("Tooltip");
+      return x(m) === 1 ? (a(), c("div", Fe, [
+        l(ae),
+        l(re, {
+          class: "h-full",
+          "current-date": x(y)
+        }, null, 8, ["current-date"]),
+        l(le, {
+          date: x(y),
+          events: b(x(y)),
+          resources: x(f)
+        }, null, 8, ["date", "events", "resources"])
+      ])) : (a(), c("div", je, [
+        x(m) === 7 ? (a(), c("div", We, [
+          l(x(se), { size: 12 }),
+          u[0] || (u[0] = e("span", null, "Scroll to view all days", -1)),
+          l(x(oe), { size: 12 })
+        ])) : $("", !0),
+        v.value ? (a(), P(s, {
+          key: 1,
+          variant: "outline",
+          size: "icon",
+          onMousedown: N,
+          onMouseup: T,
+          onMouseleave: T,
+          onTouchstart: N,
+          onTouchend: T,
+          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: h(() => [
+            l(x(se), { size: 20 })
+          ]),
+          _: 1
+        })) : $("", !0),
+        p.value ? (a(), P(s, {
+          key: 2,
+          variant: "outline",
+          size: "icon",
+          onMousedown: U,
+          onMouseup: T,
+          onMouseleave: T,
+          onTouchstart: U,
+          onTouchend: T,
+          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: h(() => [
+            l(x(oe), { size: 20 })
+          ]),
+          _: 1
+        })) : $("", !0),
+        l(re, { class: "h-[calc(100%-164px)] mt-[122px]" }),
+        e("div", {
+          class: M(["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", p.value ? "opacity-100" : "opacity-0"])
+        }, null, 2),
+        e("div", {
+          ref_key: "scrollContainer",
+          ref: o,
+          class: "absolute inset-0 overflow-x-auto overflow-y-visible",
+          onScroll: B,
+          onMousedown: r
+        }, [
+          e("div", Pe, [
+            l(ae),
+            u[5] || (u[5] = e("div", { class: "absolute w-14 h-[125px] bg-input" }, null, -1)),
+            (a(!0), c(F, null, O(t.value, (d, V) => (a(), c("div", {
+              key: d.toString(),
+              class: M(["flex-shrink-0", { "min-w-[200px] w-[33.33%]": x(m) === 3, "min-w-[280px]": x(m) === 7 }])
+            }, [
+              e("div", {
+                onClick: (Q) => R(d),
+                class: M([
+                  "relative p-3 border cursor-pointer transition-all duration-200 group relative",
+                  g(d) ? "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"
+                ])
+              }, [
+                g(d) ? (a(), c("div", Xe, [...u[1] || (u[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)
+                ])])) : $("", !0),
+                e("div", {
+                  class: M([
+                    "text-xs font-semibold uppercase tracking-wider transition-colors",
+                    g(d) ? "text-primary group-hover:text-primary/80" : "text-muted-foreground group-hover:text-foreground"
+                  ])
+                }, w(new Date(d.year, d.month - 1, d.day).toLocaleDateString("en-US", { weekday: "short" })), 3),
+                e("div", {
+                  class: M([
+                    "text-2xl font-bold transition-colors",
+                    g(d) ? "text-foreground" : "text-foreground group-hover:text-primary"
+                  ])
+                }, w(d.day), 3),
+                e("div", Ye, w(new Date(d.year, d.month - 1, d.day).toLocaleDateString("en-US", { month: "long", year: "numeric" })), 1),
+                u[4] || (u[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(W, null, {
+                  default: h(() => [
+                    l(Y, { "as-child": "" }, {
+                      default: h(() => [
+                        b(d).filter((Q) => Q.isException).length > 0 ? (a(), P(x(me), {
+                          key: 0,
+                          class: "absolute top-3 right-3 size-4 text-orange-500"
+                        })) : $("", !0)
+                      ]),
+                      _: 2
+                    }, 1024),
+                    l(I, null, {
+                      default: h(() => [...u[2] || (u[2] = [
+                        e("p", null, " This day has exceptions applied to it. ", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 2
+                }, 1024),
+                l(W, null, {
+                  default: h(() => [
+                    l(Y, { "as-child": "" }, {
+                      default: h(() => [
+                        b(d).filter((Q) => Q.isException).length > 0 ? (a(), c("div", He)) : $("", !0)
+                      ]),
+                      _: 2
+                    }, 1024),
+                    l(I, null, {
+                      default: h(() => [...u[3] || (u[3] = [
+                        e("p", null, " This day has exceptions applied to it. ", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 2
+                }, 1024)
+              ], 10, Oe),
+              l(le, {
+                date: d,
+                events: b(d),
+                resources: x(f)
+              }, null, 8, ["date", "events", "resources"])
+            ], 2))), 128))
+          ])
+        ], 544)
+      ]));
+    };
+  }
+}), Ke = /* @__PURE__ */ he(Je, [["__scopeId", "data-v-99339cf2"]]), qe = { class: "flex flex-col gap-4 w-full h-full" }, Ge = { class: "flex items-center justify-between gap-4 px-1" }, Qe = { class: "flex items-center gap-4" }, Ze = { class: "flex flex-col" }, et = { class: "flex items-center gap-2" }, tt = { class: "text-2xl font-bold tracking-tight" }, ot = { class: "text-sm text-muted-foreground ml-7" }, st = { class: "flex items-center gap-2" }, nt = { class: "flex items-center gap-1 mr-2" }, lt = { class: "flex gap-4 flex-1 min-h-0 min-h-[1700px]" }, at = { class: "flex-shrink-0 flex flex-col gap-4" }, rt = {
+  key: 0,
+  class: "rounded-md border p-3"
+}, it = { class: "flex items-center justify-between mb-3" }, ut = { class: "space-y-1" }, dt = ["onClick"], ct = { class: "min-w-0 flex-1" }, vt = { class: "text-sm font-medium truncate" }, pt = {
+  key: 0,
+  class: "pt-2 mt-2 border-t"
+}, mt = {
+  key: 0,
+  class: "mt-1 space-y-1"
+}, ft = { class: "min-w-0 flex-1" }, gt = { class: "text-sm font-medium truncate text-muted-foreground" }, kt = /* @__PURE__ */ H({
+  __name: "agenda",
+  setup(A) {
+    const { params: y } = xe(), { config: m } = be(), k = ye(m.project), f = D(ee(te())), o = D(1), v = D(null), p = E(() => v.value?.resources || []), t = E(() => p.value.filter((i) => i.isActive)), b = E(() => p.value.filter((i) => !i.isActive)), g = D([]), R = D(!1), S = E(() => g.value.length === 0 ? t.value : t.value.filter((i) => g.value.includes(i.id))), L = (i) => {
+      const r = g.value.indexOf(i);
+      r === -1 ? g.value.push(i) : g.value.splice(r, 1);
+    }, N = () => {
+      g.value = [];
+    };
+    de(f, () => {
+    });
+    const U = E(() => {
+      const i = f.value, r = new Date(i.year, i.month - 1, i.day), z = r.toLocaleDateString("en-US", { weekday: "long" }).toUpperCase(), _ = i.day, n = r.toLocaleDateString("en-US", { month: "short" }).toUpperCase();
+      return {
+        dayName: z,
+        day: _,
+        monthName: n,
+        full: `${z} ${_} ${n}`
+      };
+    }), T = () => {
+      f.value = f.value.subtract({ days: o.value });
+    }, B = () => {
+      f.value = f.value.add({ days: o.value });
+    }, X = () => {
+      f.value = ee(te());
+    }, j = E(() => {
+      if (!v.value) return [];
+      let i = [], r = [];
+      for (let _ = 0; _ < o.value; _++) {
+        const n = f.value.add({ days: _ });
+        r.push(n);
+      }
+      const z = S.value.length > 0 ? S.value : [null];
+      return r.forEach((_) => {
+        let n = new Date(_.year, _.month - 1, _.day);
+        const u = `${_.year}-${_.month.toString().padStart(2, "0")}-${_.day.toString().padStart(2, "0")}`;
+        z.forEach((s) => {
+          const I = (v.value?.exceptions || []).find((d) => {
+            const V = u >= d.startDate && u <= d.endDate;
+            return d.resourceId && s ? V && d.resourceId === s.id : V && !d.resourceId;
+          });
+          let W = [];
+          if (I) {
+            if (I.isClosed)
+              return;
+            W = I.timeslots || [];
+          } else {
+            const d = v.value?.timeslots[n.getDay()] || [];
+            s ? W = d.filter((V) => !V.resourceId || V.resourceId === s.id) : W = d;
+          }
+          i = i.concat(W.map((d, V) => ({
+            id: `${I ? "exc" : "rec"}-${n.toDateString()}-${s?.id || "default"}-${V}`,
+            title: v.value.serviceName,
+            date: u,
+            startTime: d.startTime,
+            endTime: d.endTime,
+            theme: s?.color || (I ? "purple" : "blue"),
+            bookings: 0,
+            maxBookings: s?.capacity || v.value.capacity,
+            isException: !!I,
+            resourceId: s?.id || null,
+            resource: s || null
+          })));
+        });
+      }), i;
+    });
+    return (async () => v.value = await k.get(m.agendaCollection, y.value.id))(), K("activeDate", f), K("viewMode", o), K("events", j), K("resources", S), K("allResources", t), (i, r) => {
+      const z = C("Button"), _ = C("SegmentedControlButton"), n = C("SegmentedControl"), u = C("Calendar");
+      return a(), P(ge, null, {
+        default: h(() => [
+          e("div", qe, [
+            e("div", Ge, [
+              e("div", Qe, [
+                e("div", Ze, [
+                  e("div", et, [
+                    l(x(fe), {
+                      size: 20,
+                      class: "text-primary"
+                    }),
+                    e("h2", tt, w(U.value.full), 1)
+                  ]),
+                  e("p", ot, w(v.value?.serviceName), 1)
+                ])
+              ]),
+              e("div", st, [
+                e("div", nt, [
+                  l(z, {
+                    variant: "outline",
+                    size: "icon",
+                    class: "size-9",
+                    onClick: T
+                  }, {
+                    default: h(() => [
+                      l(x(se), { size: 16 })
+                    ]),
+                    _: 1
+                  }),
+                  l(z, {
+                    variant: "outline",
+                    size: "sm",
+                    class: "h-9 px-3",
+                    onClick: X
+                  }, {
+                    default: h(() => [...r[3] || (r[3] = [
+                      q(" Today ", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  l(z, {
+                    variant: "outline",
+                    size: "icon",
+                    class: "size-9",
+                    onClick: B
+                  }, {
+                    default: h(() => [
+                      l(x(oe), { size: 16 })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                l(n, {
+                  modelValue: o.value,
+                  "onUpdate:modelValue": r[0] || (r[0] = (s) => o.value = s)
+                }, {
+                  default: h(() => [
+                    l(_, { value: 1 }, {
+                      default: h(() => [...r[4] || (r[4] = [
+                        e("span", { class: "whitespace-nowrap" }, "1 Day", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    l(_, { value: 3 }, {
+                      default: h(() => [...r[5] || (r[5] = [
+                        e("span", { class: "whitespace-nowrap" }, "3 Days", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    l(_, { value: 7 }, {
+                      default: h(() => [...r[6] || (r[6] = [
+                        e("span", { class: "whitespace-nowrap" }, "7 Days", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ])
+            ]),
+            e("div", lt, [
+              e("div", at, [
+                l(u, {
+                  modelValue: f.value,
+                  "onUpdate:modelValue": r[1] || (r[1] = (s) => f.value = s),
+                  "weekday-format": "short",
+                  class: "rounded-md border"
+                }, null, 8, ["modelValue"]),
+                p.value.length > 0 ? (a(), c("div", rt, [
+                  e("div", it, [
+                    r[8] || (r[8] = e("span", { class: "text-sm font-medium" }, "Resources", -1)),
+                    g.value.length > 0 ? (a(), P(z, {
+                      key: 0,
+                      variant: "ghost",
+                      size: "sm",
+                      class: "h-6 text-xs px-2",
+                      onClick: N
+                    }, {
+                      default: h(() => [...r[7] || (r[7] = [
+                        q(" Show All ", -1)
+                      ])]),
+                      _: 1
+                    })) : $("", !0)
+                  ]),
+                  e("div", ut, [
+                    (a(!0), c(F, null, O(t.value, (s) => (a(), c("div", {
+                      key: s.id,
+                      class: M(["flex items-center gap-2 p-2 rounded-md hover:bg-muted cursor-pointer transition-colors", {
+                        "bg-muted": g.value.length === 0 || g.value.includes(s.id),
+                        "opacity-50": g.value.length > 0 && !g.value.includes(s.id)
+                      }]),
+                      onClick: (Y) => L(s.id)
+                    }, [
+                      e("div", {
+                        class: "size-7 rounded-full flex items-center justify-center text-white text-xs font-medium flex-shrink-0",
+                        style: G({ backgroundColor: s.color || "#6b7280" })
+                      }, w(s.avatarLabel || s.name.charAt(0).toUpperCase()), 5),
+                      e("div", ct, [
+                        e("div", vt, w(s.name), 1)
+                      ]),
+                      e("div", {
+                        class: M(["size-2 rounded-full flex-shrink-0", g.value.length === 0 || g.value.includes(s.id) ? "bg-primary" : "bg-muted-foreground/30"])
+                      }, null, 2)
+                    ], 10, dt))), 128)),
+                    b.value.length > 0 ? (a(), c("div", pt, [
+                      e("button", {
+                        class: "flex items-center gap-2 text-xs text-muted-foreground hover:text-foreground w-full py-1 transition-colors",
+                        onClick: r[2] || (r[2] = (s) => R.value = !R.value)
+                      }, [
+                        l(x(oe), {
+                          size: 14,
+                          class: M(["transition-transform", { "rotate-90": R.value }])
+                        }, null, 8, ["class"]),
+                        e("span", null, "Inactive (" + w(b.value.length) + ")", 1)
+                      ]),
+                      R.value ? (a(), c("div", mt, [
+                        (a(!0), c(F, null, O(b.value, (s) => (a(), c("div", {
+                          key: s.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: G({ backgroundColor: s.color || "#6b7280" })
+                          }, w(s.avatarLabel || s.name.charAt(0).toUpperCase()), 5),
+                          e("div", ft, [
+                            e("div", gt, w(s.name), 1)
+                          ])
+                        ]))), 128))
+                      ])) : $("", !0)
+                    ])) : $("", !0)
+                  ])
+                ])) : $("", !0)
+              ]),
+              l(Ke)
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  kt as default
+};