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

package/dist/agenda-B49oKGeh.mjs

@@ -1,706 +0,0 @@
-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
-};