@oneclick.dev/cms-core-modules 0.0.102 → 0.0.104

package/dist/index-Bj0qaL1N.mjs

@@ -1,1091 +0,0 @@
-import { defineComponent as le, inject as je, computed as W, ref as N, onMounted as Ne, nextTick as Be, onUnmounted as Oe, watch as Y, openBlock as h, createElementBlock as T, resolveComponent as w, withModifiers as Le, createElementVNode as n, Fragment as ne, createVNode as i, unref as e, normalizeStyle as me, toDisplayString as z, createCommentVNode as Z, createBlock as G, isRef as oe, withCtx as b, createTextVNode as X, renderList as ve, normalizeClass as ae, provide as Ee } from "vue";
-import { useModuleRoute as ye, useModule as be, useFirebaseIntegration as _e, useModulePermissions as Fe } from "@oneclick.dev/cms-kit";
-import { Layers as ge, ChevronDown as We, ChevronLeft as Ge, ChevronRight as He, Users as ke, RefreshCw as Ue, Search as qe, X as Ye, Clock as Xe, Calendar as Qe } from "lucide-vue-next";
-import { _ as Je } from "./EditLayout.vue_vue_type_script_setup_true_lang-DXa-Xxue.mjs";
-import { h as fe, t as Ke, s as Ze, M as re, a3 as he, a4 as et, J as Se, _ as De, y as ie, P as Ce, a5 as tt, a6 as st, a7 as at, q as ot, j as nt, R as rt, Q as it, Z as lt } from "./index-CMk3uhUt.mjs";
-import { componentToString as we, ChartTooltipContent as $e } from "@oneclick.dev/cms-kit/charts";
-import { a as ct } from "./index-B-lVEpFX.mjs";
-import { X as dt, O as Ie, a as ut, b as mt, r as pt, D as de, S as Me, C as ue, z as Ve, A as Re } from "./index-_2lRVt_k.mjs";
-import { F as vt, _ as ft } from "./ReservationDetailDialog.vue_vue_type_script_setup_true_lang-CL5kbDII.mjs";
-import { _ as gt } from "./NewReservationDialog.vue_vue_type_script_setup_true_lang-Bc946oSc.mjs";
-function ht({ x: _, y: c, w: s, h: p, tl: g = !1, tr: m = !1, bl: x = !1, br: r = !1, r: o = 0 }) {
-  let v;
-  v = `M${_ + o},${c}h${s - 2 * o}`;
-  let t = m ? o : 0, l = m ? 0 : o;
-  return v += `a${t},${t} 0 0 1 ${t},${t}`, v += `h${l}v${l}`, v += `v${p - 2 * o}`, t = r ? o : 0, l = r ? 0 : o, v += `a${t},${t} 0 0 1 ${-t},${t}`, v += `v${l}h${-l}`, v += `h${2 * o - s}`, t = x ? o : 0, l = x ? 0 : o, v += `a${t},${t} 0 0 1 ${-t},${-t}`, v += `h${-l}v${-l}`, v += `v${2 * o - p}`, t = g ? o : 0, l = g ? 0 : o, v += `a${t},${t} 0 0 1 ${t},${-t}`, v += `v${-l}h${l}`, v += "z", v;
-}
-const xt = Object.assign(Object.assign({}, dt), { color: void 0, groupMaxWidth: void 0, groupWidth: void 0, dataStep: void 0, groupPadding: 0.05, barPadding: 0, roundedCorners: 2, barMinHeight: 2, cursor: null, orientation: Ie.Vertical }), Pe = fe`
-  label: grouped-bar-component;
-`, yt = Ke`
-  :root {
-    --vis-grouped-bar-cursor: default;
-    --vis-grouped-bar-fill-color: var(--vis-color-main);
-    --vis-grouped-bar-stroke-color: none;
-    --vis-grouped-bar-stroke-width: 0px;
-    --vis-grouped-bar-hover-stroke-width: 1px;
-    --vis-grouped-bar-hover-stroke-color: none;
-
-
-    /* Dark Theme */
-    --vis-dark-grouped-bar-stroke-color: none;
-  }
-
-  body.theme-dark ${`.${Pe}`} {
-    --vis-grouped-bar-stroke-color: var(--vis-dark-grouped-bar-stroke-color);
-  }
-`, pe = fe`
-  label: bar;
-  fill: var(--vis-grouped-bar-fill-color);
-  stroke: var(--vis-grouped-bar-stroke-color);
-  stroke-width: var(--vis-grouped-bar-stroke-width);
-  cursor: var(--vis-grouped-bar-cursor);
-
-  &:hover {
-    stroke-width: var(--vis-grouped-bar-hover-stroke-width);
-    stroke: var(--vis-grouped-bar-hover-stroke-color);
-  }
-`, xe = fe`
-  label: barGroup;
-`, ze = fe`
-  label: barGroupExit;
-`, bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  bar: pe,
-  barGroup: xe,
-  barGroupExit: ze,
-  globalStyles: yt,
-  root: Pe
-}, Symbol.toStringTag, { value: "Module" }));
-class Ae extends ut {
-  constructor(c) {
-    super(), this._defaultConfig = xt, this.config = this._defaultConfig, this.getAccessors = () => Ze(this.config.y) ? this.config.y : [this.config.y], this.events = {}, this._barData = [], c && this.setConfig(c);
-  }
-  get bleed() {
-    if (this._barData = this._getVisibleData(), this._barData.length === 0)
-      return { top: 0, bottom: 0, left: 0, right: 0 };
-    const c = !this.isVertical() && this.dataScale.range()[0] > this.dataScale.range()[1], s = this.dataScale.domain(), p = this._getGroupWidth() / 2, g = this._barData.map((D, E) => re(D, this.config.x, E)), m = he(g), x = et(g), r = this.dataScale(m), o = this.dataScale(x), v = this.dataScale.invert(r + (c ? p : -p)), t = this.dataScale.invert(o + (c ? -p : p)), l = v <= s[0] ? this.dataScale(s[0]) - this.dataScale(v) : 0, R = t > s[1] ? this.dataScale(t) - this.dataScale(s[1]) : 0;
-    return {
-      top: this.isVertical() ? 0 : c ? -R : l,
-      bottom: this.isVertical() ? 0 : c ? -l : R,
-      left: this.isVertical() ? l : 0,
-      right: this.isVertical() ? R : 0
-    };
-  }
-  get dataScale() {
-    return this.isVertical() ? this.xScale : this.yScale;
-  }
-  get valueScale() {
-    return this.isVertical() ? this.yScale : this.xScale;
-  }
-  isVertical() {
-    return this.config.orientation === Ie.Vertical;
-  }
-  _render(c) {
-    const { config: s } = this, p = Se(c) ? c : s.duration, g = this._getGroupWidth(), m = this.getAccessors(), x = [-g / 2, g / 2], r = mt().domain(pt(m.length)).range(x).paddingInner(s.barPadding).paddingOuter(s.barPadding), o = this.g.selectAll(`.${xe}`).data(this._barData, (S, P) => {
-      var d;
-      return `${(d = De(S, s.id, P)) !== null && d !== void 0 ? d : P}`;
-    }), v = (S, P) => {
-      const d = this.dataScale(re(S, s.x, P)), f = this.isVertical() ? d : 0, j = this.isVertical() ? 0 : d;
-      return `translate(${f},${j})`;
-    }, l = o.enter().append("g").attr("class", xe).attr("transform", v).style("opacity", 1).merge(o);
-    ie(l, p).attr("transform", v).style("opacity", 1);
-    const R = o.exit().attr("class", ze);
-    ie(R, p).style("opacity", 0).remove(), ie(R.selectAll(`.${pe}`), p).attr("transform", (S, P, d) => this.isVertical() ? `translate(0,${this.yScale(0)}) scale(1,0)` : `translate(${this.xScale(0)},0) scale(0,1)`);
-    const D = r.bandwidth(), E = l.selectAll(`.${pe}`).data((S) => m.map(() => S)), A = this._getValueAxisDirection(), U = E.enter().append("path").attr("class", pe).attr("d", (S, P) => {
-      const d = r(P), f = this.valueScale(0), j = D;
-      return this._getBarPath(d, f, j, 0, !1, A);
-    }).style("fill", (S, P) => Ce(S, s.color, P)).merge(E);
-    ie(U, p).attr("d", (S, P) => {
-      const d = r(P), f = D, j = re(S, m[P]), u = j < 0;
-      let O = u ? this.valueScale(0) : this.valueScale(j || 0), $ = Math.abs(this.valueScale(0) - this.valueScale(j)) || 0;
-      if ($ < s.barMinHeight) {
-        const Q = A === de.North ? -1 : 1;
-        O = this.valueScale(0) + Q * s.barMinHeight, $ = s.barMinHeight;
-      }
-      return this._getBarPath(d, O, f, $, u, A);
-    }).style("fill", (S, P) => Ce(S, s.color, P)).style("cursor", (S, P) => De(S, s.cursor, P)), ie(E.exit(), p).remove();
-  }
-  _getValueAxisDirection() {
-    return this.valueScale.range()[0] > this.valueScale.range()[1] ? de.North : de.South;
-  }
-  _getVisibleData() {
-    const { config: c, datamodel: { data: s } } = this, p = this._getGroupWidth(), g = s.length < 2 ? 0 : p / 2, m = this.dataScale, x = Math.abs(m.invert(g) - m.invert(0));
-    return s?.filter((o, v) => {
-      const t = re(o, c.x, v), l = m.domain(), R = +l[0], D = +l[1];
-      return t >= R - x && t <= D + x;
-    });
-  }
-  _getBarPath(c, s, p, g, m, x) {
-    const { config: r } = this, o = r.roundedCorners ? Se(r.roundedCorners) ? +r.roundedCorners : p / 2 : 0, v = nt(o, 0, Math.min(g, p) / 2), t = x === de.North, l = this.isVertical() && m !== t, R = this.isVertical() && m === t, D = !this.isVertical() && m, E = !this.isVertical() && !m;
-    return ht({
-      x: this.isVertical() ? c : s + (t ? 0 : -g),
-      y: this.isVertical() ? s + (t ? 0 : -g) : c,
-      w: this.isVertical() ? p : g,
-      h: this.isVertical() ? g : p,
-      tl: l || D,
-      tr: l || E,
-      bl: R || D,
-      br: R || E,
-      r: v
-    });
-  }
-  _getGroupWidth() {
-    const { config: c, datamodel: { data: s } } = this;
-    if (tt(s))
-      return 0;
-    if (c.groupWidth)
-      return he([c.groupWidth, c.groupMaxWidth]);
-    const p = this.dataScale.bandwidth, g = this.dataScale.domain ? this.dataScale.domain() : [];
-    let x = 1 + (p ? g.length : g[1] - g[0]) / c.dataStep || !p && s.filter((v, t) => {
-      const l = re(v, c.x, t);
-      return l >= g[0] && l <= g[1];
-    }).length || s.length;
-    !p && x >= 2 && (x += 1);
-    const o = (x < 2 ? 1 : 1 - c.groupPadding) * (this.isVertical() ? this._width : this._height) / x;
-    return he([o, c.groupMaxWidth]);
-  }
-  getValueScaleExtent(c) {
-    const { datamodel: s } = this, p = this.getAccessors(), g = c ? this._getVisibleData() : s.data, m = st(g, ...p), x = at(g, ...p);
-    return [m > 0 ? 0 : m, x < 0 ? 0 : x];
-  }
-  getDataScaleExtent() {
-    const { config: c, datamodel: s } = this;
-    return ot(s.data, c.x);
-  }
-  getYDataExtent(c) {
-    return this.isVertical() ? this.getValueScaleExtent(c) : this.getDataScaleExtent();
-  }
-  getXDataExtent() {
-    return this.isVertical() ? this.getDataScaleExtent() : this.getValueScaleExtent(!1);
-  }
-}
-Ae.selectors = bt;
-const _t = { "data-vis-component": "" }, Te = /* @__PURE__ */ le({
-  __name: "index",
-  props: {
-    color: { type: [Function, String, Array, null] },
-    groupWidth: {},
-    groupMaxWidth: {},
-    dataStep: {},
-    groupPadding: {},
-    barPadding: {},
-    roundedCorners: { type: [Number, Boolean] },
-    barMinHeight: {},
-    cursor: { type: [Function, String, null] },
-    orientation: {},
-    x: { type: [Function, Number, null] },
-    y: { type: [Function, Number, null, Array] },
-    id: { type: Function },
-    xScale: { type: [Object, Function] },
-    yScale: { type: [Object, Function] },
-    excludeFromDomainCalculation: { type: Boolean },
-    duration: {},
-    events: {},
-    attributes: {},
-    data: {}
-  },
-  setup(_, { expose: c }) {
-    const s = je(rt), p = _, g = W(() => s.data.value ?? p.data), m = it(p), x = N();
-    return Ne(() => {
-      Be(() => {
-        var r;
-        x.value = new Ae(m.value), (r = x.value) == null || r.setData(g.value), s.update(x.value);
-      });
-    }), Oe(() => {
-      var r;
-      (r = x.value) == null || r.destroy(), s.destroy();
-    }), Y(m, (r, o) => {
-      var v;
-      lt(r, o) || (v = x.value) == null || v.setConfig(m.value);
-    }), Y(g, () => {
-      var r;
-      (r = x.value) == null || r.setData(g.value);
-    }), c({
-      component: x
-    }), (r, o) => (h(), T("div", _t));
-  }
-}), kt = { class: "flex flex-col sm:flex-row" }, St = ["data-active"], Dt = { class: "flex items-center gap-2" }, Ct = { class: "block text-muted-foreground text-xs mr-2 max-w-[120px] truncate" }, wt = { class: "block text-lg leading-none font-bold sm:text-3xl" }, $t = { class: "mx-auto w-full max-w-sm mt-2 mb-8" }, Mt = { class: "text-muted-foreground" }, Vt = { class: "text-muted-foreground" }, Rt = { class: "grid" }, Tt = { class: "flex gap-1 overflow-hidden max-w-80" }, Et = { class: "truncate" }, It = /* @__PURE__ */ le({
-  __name: "ResourceSelector",
-  props: {
-    resources: {
-      type: Array,
-      required: !0
-    },
-    totals: {
-      type: Object,
-      required: !0
-    },
-    viewMode: {
-      type: String,
-      required: !0
-    },
-    activeChart: {
-      type: String,
-      required: !1
-    }
-  },
-  emits: ["update:viewMode", "update:activeChart"],
-  setup(_, { emit: c }) {
-    const s = _, p = c, g = W({
-      get: () => s.viewMode,
-      set: (v) => {
-        p("update:viewMode", v);
-      }
-    }), m = W({
-      get: () => s.activeChart,
-      set: (v) => {
-        p("update:activeChart", v);
-      }
-    }), { width: x } = ct(), r = W(() => x.value < 640), o = N(!1);
-    return (v, t) => {
-      const l = w("DrawerTitle"), R = w("DrawerDescription"), D = w("DrawerHeader"), E = w("Button"), A = w("DrawerFooter"), L = w("DrawerContent"), U = w("Drawer"), S = w("DropdownMenuTrigger"), P = w("DropdownMenuLabel"), d = w("DropdownMenuItem"), f = w("DropdownMenuContent"), j = w("DropdownMenu");
-      return h(), T("div", kt, [
-        _.resources.length > 1 ? (h(), T("button", {
-          key: 0,
-          "data-active": _.viewMode === "stacked",
-          class: "hover:bg-muted/50 flex flex-1 flex-col justify-center gap-2 border-t px-4 py-3 text-left sm:border-t-0 sm:border-l sm:px-6 sm:py-6 cursor-pointer",
-          onClick: t[0] || (t[0] = (u) => o.value = !0),
-          onContextmenu: t[1] || (t[1] = Le((u) => o.value = !0, ["prevent"]))
-        }, [
-          n("div", Dt, [
-            _.viewMode === "stacked" ? (h(), T(ne, { key: 0 }, [
-              i(e(ge), { class: "size-3 text-muted-foreground" }),
-              t[6] || (t[6] = n("span", { class: "block text-muted-foreground text-xs mr-2 max-w-[120px] truncate" }, "All Resources", -1))
-            ], 64)) : (h(), T(ne, { key: 1 }, [
-              n("div", {
-                class: "size-3 rounded-full mr-2",
-                style: me({ backgroundColor: _.resources.find((u) => u.id === _.activeChart)?.color || "#6b7280" })
-              }, null, 4),
-              n("span", Ct, z(_.resources.find((u) => u.id === _.activeChart)?.name || "Select Resource"), 1)
-            ], 64)),
-            i(e(We), { class: "ml-auto size-4" })
-          ]),
-          n("span", wt, z(_.viewMode === "stacked" ? Object.values(_.totals).reduce((u, O) => u + O, 0).toLocaleString() : (_.totals[_.activeChart] || 0).toLocaleString()), 1)
-        ], 40, St)) : Z("", !0),
-        e(r) ? (h(), G(U, {
-          key: 1,
-          open: e(o),
-          "onUpdate:open": t[3] || (t[3] = (u) => oe(o) ? o.value = u : null)
-        }, {
-          default: b(() => [
-            i(L, null, {
-              default: b(() => [
-                n("div", $t, [
-                  i(D, null, {
-                    default: b(() => [
-                      i(l, null, {
-                        default: b(() => [...t[7] || (t[7] = [
-                          X("Resources", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      i(R, null, {
-                        default: b(() => [...t[8] || (t[8] = [
-                          X("Select the resources to display on the timeline.", -1)
-                        ])]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }),
-                  i(A, null, {
-                    default: b(() => [
-                      i(E, {
-                        onClick: t[2] || (t[2] = (u) => {
-                          g.value = "stacked", m.value = "", o.value = !1;
-                        }),
-                        variant: _.viewMode === "stacked" ? "secondary" : "outline"
-                      }, {
-                        default: b(() => [
-                          i(e(ge), { class: "size-3 text-muted-foreground" }),
-                          n("span", Mt, " All Resources (" + z(Object.values(_.totals).reduce((u, O) => u + O, 0).toLocaleString()) + ") ", 1)
-                        ]),
-                        _: 1
-                      }, 8, ["variant"]),
-                      (h(!0), T(ne, null, ve(_.resources, (u) => (h(), G(E, {
-                        key: u.id,
-                        onClick: (O) => {
-                          g.value = "single", m.value = u.id, o.value = !1;
-                        },
-                        variant: _.viewMode === "single" && _.activeChart === u.id ? "secondary" : "outline"
-                      }, {
-                        default: b(() => [
-                          n("div", {
-                            class: "size-3 rounded-full",
-                            style: me({ backgroundColor: u.color || "#6b7280" })
-                          }, null, 4),
-                          n("span", Vt, z(u.name) + " (" + z((_.totals[u.id] || 0).toLocaleString()) + ") ", 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["onClick", "variant"]))), 128))
-                    ]),
-                    _: 1
-                  })
-                ])
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["open"])) : (h(), G(j, {
-          key: 2,
-          open: e(o),
-          "onUpdate:open": t[5] || (t[5] = (u) => oe(o) ? o.value = u : null)
-        }, {
-          default: b(() => [
-            i(S, { "as-child": "" }, {
-              default: b(() => [...t[9] || (t[9] = [
-                n("button", {
-                  tabindex: "-1",
-                  class: "size-0 opacity-0 self-end"
-                }, null, -1)
-              ])]),
-              _: 1
-            }),
-            i(f, { align: "end" }, {
-              default: b(() => [
-                i(P, null, {
-                  default: b(() => [...t[10] || (t[10] = [
-                    X("Resources", -1)
-                  ])]),
-                  _: 1
-                }),
-                n("div", Rt, [
-                  i(d, {
-                    onClick: t[4] || (t[4] = (u) => {
-                      g.value = "stacked", m.value = "", o.value = !1;
-                    }),
-                    class: ae(_.viewMode === "stacked" ? "bg-input" : "")
-                  }, {
-                    default: b(() => [
-                      i(e(ge), { class: "size-3 text-muted-foreground" }),
-                      n("span", null, " All Resources (" + z(Object.values(_.totals).reduce((u, O) => u + O, 0).toLocaleString()) + ") ", 1)
-                    ]),
-                    _: 1
-                  }, 8, ["class"]),
-                  (h(!0), T(ne, null, ve(_.resources, (u) => (h(), G(d, {
-                    key: u.id,
-                    onClick: (O) => {
-                      g.value = "single", m.value = u.id, o.value = !1;
-                    },
-                    class: ae(_.viewMode === "single" && _.activeChart === u.id ? "bg-input" : "")
-                  }, {
-                    default: b(() => [
-                      n("div", {
-                        class: "size-3 rounded-full",
-                        style: me({ backgroundColor: u.color || "#6b7280" })
-                      }, null, 4),
-                      n("span", Tt, [
-                        n("span", Et, z(u.name), 1),
-                        n("span", null, "(" + z((_.totals[u.id] || 0).toLocaleString()) + ")", 1)
-                      ])
-                    ]),
-                    _: 2
-                  }, 1032, ["onClick", "class"]))), 128))
-                ])
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["open"]))
-      ]);
-    };
-  }
-}), Pt = { class: "flex flex-1 flex-col justify-center gap-1 px-6 py-5 sm:py-6" }, zt = { class: "flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-3" }, At = { class: "flex items-center gap-1" }, jt = {
-  key: 1,
-  class: "flex items-center justify-center px-6 py-4 text-muted-foreground text-sm"
-}, Nt = {
-  key: 0,
-  class: "flex items-center justify-center h-[250px]"
-}, Bt = {
-  key: 1,
-  class: "flex items-center justify-center h-[250px]"
-}, Ot = /* @__PURE__ */ le({
-  __name: "Timeline",
-  props: {
-    modelValue: {},
-    selectedResource: {},
-    viewMode: {},
-    agendaData: {},
-    resources: {}
-  },
-  emits: ["update:modelValue", "update:selectedResource", "update:viewMode"],
-  setup(_, { emit: c }) {
-    const s = _, p = c, { params: g } = ye(), { config: m } = be(), x = _e(m.project), r = N([]), o = N([]), v = N(!0), t = N(s.viewMode || "stacked"), l = N(s.selectedResource || "");
-    Y(t, (a) => {
-      p("update:viewMode", a);
-    }, { immediate: !0 }), Y(l, (a) => {
-      p("update:selectedResource", t.value === "single" ? a : null);
-    }), Y(t, (a) => {
-      p("update:selectedResource", a === "single" ? l.value : null);
-    });
-    const R = /* @__PURE__ */ new Date(), D = N(s.modelValue || /* @__PURE__ */ new Date());
-    Y(() => s.modelValue, (a) => {
-      a && a.getTime() !== D.value.getTime() && (D.value = a);
-    }), Y(D, (a) => {
-      p("update:modelValue", a);
-    }, { immediate: !0 });
-    const E = W(() => {
-      const a = new Date(R);
-      a.setDate(R.getDate() - 1);
-      const y = new Date(R);
-      return y.setDate(R.getDate() + 1), D.value.toDateString() === R.toDateString() ? "Today" : D.value.toDateString() === a.toDateString() ? "Yesterday" : D.value.toDateString() === y.toDateString() ? "Tomorrow" : D.value.toLocaleDateString("en-US", {
-        weekday: "long",
-        month: "long",
-        day: "numeric",
-        year: "numeric"
-      });
-    }), A = () => {
-      const a = new Date(D.value);
-      a.setDate(a.getDate() - 1), D.value = a;
-    }, L = () => {
-      const a = new Date(D.value);
-      a.setDate(a.getDate() + 1), D.value = a;
-    }, U = () => {
-      D.value = /* @__PURE__ */ new Date();
-    }, S = W(() => s.resources?.length === 0 ? 10 : Math.max(...(s.resources || []).map((a) => a.capacity || 10))), P = W(() => (s.resources?.length || 0) === 0 ? 60 : Math.min(...(s.resources || []).map((a) => a.interval || 60))), d = W(() => {
-      const a = {
-        total: {
-          label: "Total Reservations",
-          color: void 0
-        }
-      };
-      return (s.resources || []).forEach((y, V) => {
-        a[y.id] = {
-          label: y.name,
-          color: y.color || `var(--chart-${V % 5 + 1})`
-        };
-      }), a;
-    });
-    Y(() => s.resources, (a) => {
-      (a?.length || 0) > 0 && !l.value && (l.value = a[0].id);
-    }, { immediate: !0 });
-    const f = W(() => [...s.resources || []].sort((a, y) => {
-      const V = u.value[a.id] || 0;
-      return (u.value[y.id] || 0) - V;
-    })), j = W(() => {
-      const a = [];
-      return P.value, r.value.forEach((y, V) => {
-        y.time.endsWith(":00") && a.push(V);
-      }), a;
-    }), u = W(() => {
-      const a = {};
-      return s.resources?.forEach((y) => {
-        a[y.id] = o.value.filter((V) => V.resourceId === y.id).reduce((V, I) => V + (I.reserved || 0), 0);
-      }), a;
-    }), O = (a) => {
-      const y = a.getFullYear(), V = String(a.getMonth() + 1).padStart(2, "0"), I = String(a.getDate()).padStart(2, "0");
-      return `${y}-${V}-${I}`;
-    }, $ = (a) => {
-      const [y, V] = a.split(":").map(Number);
-      return y * 60 + V;
-    }, Q = (a, y) => (s.agendaData?.exceptions || []).find((I) => y >= I.startDate && y <= I.endDate ? I.resourceIds === null ? !0 : I.resourceIds?.includes(a) : !1) || null, B = W(() => {
-      const a = O(D.value), y = D.value.getDay();
-      let V = 1440, I = 0;
-      if ((s.resources || []).forEach((K) => {
-        const F = Q(K.id, a);
-        if (F) {
-          if (F.isClosed)
-            return;
-          F.timeslots.forEach((q) => {
-            const k = $(q.startTime), C = $(q.endTime);
-            V = Math.min(V, k), I = Math.max(I, C);
-          });
-        } else
-          (K.openingHours?.[y] || []).forEach((k) => {
-            const C = $(k.start), J = $(k.end);
-            V = Math.min(V, C), I = Math.max(I, J);
-          });
-      }), V >= I)
-        return { startMinutes: 540, endMinutes: 1020 };
-      const H = Math.floor(V / 60) * 60, ee = Math.ceil(I / 60) * 60;
-      return { startMinutes: H, endMinutes: ee };
-    }), te = () => {
-      const a = [], y = P.value, { startMinutes: V, endMinutes: I } = B.value;
-      for (let H = V; H < I; H += y) {
-        const ee = Math.floor(H / 60), K = H % 60, F = `${String(ee).padStart(2, "0")}:${String(K).padStart(2, "0")}`, q = {
-          time: F,
-          label: F
-        };
-        s.resources?.forEach((k) => {
-          q[k.id] = 0;
-        }), a.push(q);
-      }
-      return a;
-    }, se = async () => {
-      v.value = !0;
-      try {
-        const a = g.value.id, y = O(D.value), V = `${a}_${y}`, I = await x.get(m.reservedSpotsCollection, V);
-        o.value = [];
-        for (const F of s.resources || []) {
-          const q = I?.[F.id] || {};
-          Object.entries(q).forEach(([k, C]) => {
-            const [J, ce] = k.split("-");
-            o.value.push({
-              resourceId: F.id,
-              startTime: J,
-              endTime: ce,
-              reserved: C
-            });
-          });
-        }
-        const H = te(), ee = P.value, { startMinutes: K } = B.value;
-        o.value.forEach((F) => {
-          const q = $(F.startTime), k = $(F.endTime);
-          for (let C = q; C < k; C += ee) {
-            const J = Math.floor((C - K) / ee);
-            if (J >= 0 && J < H.length) {
-              const ce = H[J][F.resourceId];
-              typeof ce == "number" && (H[J][F.resourceId] = ce + (F.reserved || 0));
-            }
-          }
-        }), r.value = H;
-      } catch (a) {
-        console.error("Error loading reservation data:", a), r.value = te(), o.value = [];
-      } finally {
-        v.value = !1;
-      }
-    };
-    return (async () => await se())(), Y(D, () => {
-      se();
-    }), Y(() => s.resources, () => {
-      (s.resources?.length || 0) > 0 && se();
-    }), (a, y) => {
-      const V = w("CardTitle"), I = w("Button"), H = w("CardDescription"), ee = w("CardHeader"), K = w("ChartContainer"), F = w("CardContent"), q = w("Card");
-      return h(), G(q, { class: "py-4 sm:py-0" }, {
-        default: b(() => [
-          i(ee, { class: "flex flex-col items-stretch border-b !p-0 sm:flex-row" }, {
-            default: b(() => [
-              n("div", Pt, [
-                n("div", zt, [
-                  i(V, null, {
-                    default: b(() => [...y[2] || (y[2] = [
-                      X("Reservations", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  n("div", At, [
-                    i(I, {
-                      variant: "ghost",
-                      size: "icon",
-                      class: "size-8",
-                      onClick: A
-                    }, {
-                      default: b(() => [
-                        i(e(Ge), { size: 16 })
-                      ]),
-                      _: 1
-                    }),
-                    i(I, {
-                      variant: "ghost",
-                      size: "sm",
-                      class: "h-8 px-3 text-xs",
-                      onClick: U
-                    }, {
-                      default: b(() => [...y[3] || (y[3] = [
-                        X(" Today ", -1)
-                      ])]),
-                      _: 1
-                    }),
-                    i(I, {
-                      variant: "ghost",
-                      size: "icon",
-                      class: "size-8",
-                      onClick: L
-                    }, {
-                      default: b(() => [
-                        i(e(He), { size: 16 })
-                      ]),
-                      _: 1
-                    })
-                  ])
-                ]),
-                i(H, null, {
-                  default: b(() => [
-                    X(z(e(E)), 1)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _.resources.length > 0 ? (h(), G(It, {
-                key: 0,
-                resources: _.resources,
-                totals: e(u),
-                viewMode: e(t),
-                "onUpdate:viewMode": y[0] || (y[0] = (k) => oe(t) ? t.value = k : null),
-                activeChart: e(l),
-                "onUpdate:activeChart": y[1] || (y[1] = (k) => oe(l) ? l.value = k : null)
-              }, null, 8, ["resources", "totals", "viewMode", "activeChart"])) : (h(), T("div", jt, " No resources configured "))
-            ]),
-            _: 1
-          }),
-          i(F, { class: "px-2 sm:p-6" }, {
-            default: b(() => [
-              e(v) ? (h(), T("div", Nt, [...y[4] || (y[4] = [
-                n("div", { class: "text-muted-foreground" }, "Loading...", -1)
-              ])])) : _.resources.length === 0 ? (h(), T("div", Bt, [...y[5] || (y[5] = [
-                n("div", { class: "text-muted-foreground" }, "No resources to display", -1)
-              ])])) : e(t) === "stacked" ? (h(), G(K, {
-                key: 2,
-                config: e(d),
-                class: "aspect-auto h-[250px] w-full",
-                cursor: ""
-              }, {
-                default: b(() => [
-                  i(e(Me), {
-                    data: e(r),
-                    margin: { left: -24 },
-                    "y-domain": [0, e(S)]
-                  }, {
-                    default: b(() => [
-                      (h(!0), T(ne, null, ve(e(f), (k) => (h(), G(e(Te), {
-                        key: k.id,
-                        x: (C, J) => J,
-                        y: (C) => C[k.id] || 0,
-                        color: (C) => C[k.id] > 0 ? e(d)[k.id]?.color : "#61616180",
-                        "bar-padding": 0.1,
-                        "rounded-corners": 2
-                      }, null, 8, ["x", "y", "color"]))), 128)),
-                      i(e(ue), {
-                        type: "x",
-                        x: (k, C) => C,
-                        "tick-line": !1,
-                        "domain-line": !1,
-                        "grid-line": !1,
-                        "tick-values": e(j),
-                        "tick-format": (k) => e(r)[k]?.time || ""
-                      }, null, 8, ["x", "tick-values", "tick-format"]),
-                      i(e(ue), {
-                        type: "y",
-                        "num-ticks": 3,
-                        "tick-line": !1,
-                        "domain-line": !1
-                      }),
-                      i(e(Ve)),
-                      i(e(Re), {
-                        template: e(we)(e(d), e($e), {
-                          labelFormatter(k) {
-                            const C = Math.round(k);
-                            return C >= 0 && C < e(r).length && e(r)[C]?.time || "";
-                          }
-                        }),
-                        color: "#0000"
-                      }, null, 8, ["template"])
-                    ]),
-                    _: 1
-                  }, 8, ["data", "y-domain"])
-                ]),
-                _: 1
-              }, 8, ["config"])) : (h(), G(K, {
-                key: 3,
-                config: e(d),
-                class: "aspect-auto h-[250px] w-full",
-                cursor: ""
-              }, {
-                default: b(() => [
-                  i(e(Me), {
-                    data: e(r),
-                    margin: { left: -24 },
-                    "y-domain": [0, e(S)]
-                  }, {
-                    default: b(() => [
-                      i(e(Te), {
-                        x: (k, C) => C,
-                        y: (k) => k[e(l)] || 0,
-                        color: (k) => k[e(l)] > 0 ? e(d)[e(l)]?.color : "hsl(var(--muted))",
-                        "bar-padding": 0.1,
-                        "rounded-corners": !1
-                      }, null, 8, ["x", "y", "color"]),
-                      i(e(ue), {
-                        type: "x",
-                        x: (k, C) => C,
-                        "tick-line": !1,
-                        "domain-line": !1,
-                        "grid-line": !1,
-                        "tick-values": e(j),
-                        "tick-format": (k) => e(r)[k]?.time || ""
-                      }, null, 8, ["x", "tick-values", "tick-format"]),
-                      i(e(ue), {
-                        type: "y",
-                        "num-ticks": 3,
-                        "tick-line": !1,
-                        "domain-line": !1
-                      }),
-                      i(e(Ve)),
-                      i(e(Re), {
-                        template: e(we)(e(d), e($e), {
-                          labelFormatter(k) {
-                            const C = Math.round(k);
-                            return C >= 0 && C < e(r).length && e(r)[C]?.time || "";
-                          }
-                        }),
-                        color: "#0000"
-                      }, null, 8, ["template"])
-                    ]),
-                    _: 1
-                  }, 8, ["data", "y-domain"])
-                ]),
-                _: 1
-              }, 8, ["config"]))
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      });
-    };
-  }
-}), Lt = { class: "flex flex-row items-center justify-between gap-2" }, Ft = { class: "relative mb-4" }, Wt = { class: "flex gap-1 mb-4 flex-wrap" }, Gt = {
-  key: 0,
-  class: "mb-3 text-sm text-muted-foreground"
-}, Ht = {
-  key: 1,
-  class: "flex items-center justify-center py-8"
-}, Ut = {
-  key: 2,
-  class: "flex flex-col items-center gap-2 text-center py-8 text-muted-foreground"
-}, qt = {
-  key: 3,
-  class: "text-center py-8 text-muted-foreground"
-}, Yt = {
-  key: 4,
-  class: "space-y-2"
-}, Xt = ["onClick"], Qt = { class: "flex items-start justify-between" }, Jt = { class: "flex-1" }, Kt = { class: "font-medium" }, Zt = { class: "text-sm text-muted-foreground" }, es = { class: "text-sm text-muted-foreground" }, ts = { class: "flex items-center gap-4 flex-wrap" }, ss = { class: "flex items-center gap-2 mt-1 text-xs text-muted-foreground" }, as = { class: "flex items-center gap-2 mt-1 text-xs text-muted-foreground" }, os = {
-  key: 0,
-  class: "flex items-center gap-1 mt-1 text-xs text-muted-foreground"
-}, ns = { class: "text-right" }, rs = {
-  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"
-}, is = {
-  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"
-}, ls = {
-  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"
-}, cs = {
-  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"
-}, ds = {
-  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"
-}, us = {
-  key: 5,
-  class: "text-sm font-medium mt-1"
-}, ms = /* @__PURE__ */ le({
-  __name: "BookingsList",
-  props: {
-    activeDate: {},
-    selectedResource: {},
-    resources: {}
-  },
-  setup(_) {
-    const c = _, { params: s } = ye(), { config: p } = be(), g = _e(p.project), m = N([]), x = N(!0), r = N(""), o = N(null), v = W(() => ({
-      date: t(c.activeDate),
-      resource: null
-    }));
-    Ee("event", v);
-    const t = (d) => {
-      const f = d.getFullYear(), j = String(d.getMonth() + 1).padStart(2, "0"), u = String(d.getDate()).padStart(2, "0");
-      return `${f}-${j}-${u}`;
-    }, l = W(() => {
-      let d = m.value;
-      return c.selectedResource && (d = d.filter((f) => f.resourceId === c.selectedResource)), r.value.trim() && (d = new vt(d, {
-        keys: [
-          "customerInfo.firstName",
-          "customerInfo.lastName",
-          "customerInfo.email",
-          "customerInfo.phone",
-          "resourceName"
-        ],
-        threshold: 0.3,
-        ignoreLocation: !0
-      }).search(r.value).map((j) => j.item)), d;
-    }), R = W(() => l.value.filter((d) => L.value.includes(d.reservationStatus))), D = W(() => m.value.some((d) => d.reservationStatus === "approved" || d.reservationStatus === "needs_approval")), E = W(() => ({
-      spots: m.value.reduce((d, f) => d + (f.spots || 0), 0),
-      bookings: m.value.length
-    })), A = () => {
-      r.value = "";
-    }, L = N(["needs_approval", "approved"]), U = (d) => {
-      L.value.includes(d) ? L.value = L.value.filter((f) => f !== d) : L.value.push(d);
-    }, S = async () => {
-      x.value = !0, m.value = [];
-      try {
-        const d = s.value.id, f = t(c.activeDate), j = /* @__PURE__ */ new Set();
-        c.resources?.forEach(($) => {
-          const Q = `${$.id}_${f}`;
-          j.add(Q);
-        });
-        const u = await g.find(p.reservationsCollection, {
-          filters: [
-            { field: "agendaId", operator: "==", value: d },
-            { field: "status", operator: "==", value: "confirmed" },
-            { field: "flattenedReservationDates", operator: "array-contains-any", value: Array.from(j) }
-          ]
-        });
-        let O = [];
-        u.forEach(($) => {
-          ($.reservations?.filter((B) => B.date === f) || []).forEach((B) => {
-            const te = c.resources.find((se) => se.id === B.resourceId);
-            O.push({
-              customerInfo: $.customerInfo,
-              amountDue: $.amountDue,
-              amountPaid: $.amountPaid,
-              status: $.status,
-              reservationStatus: B.status,
-              subtotal: $.subtotal,
-              total: $.total,
-              discount: $.discount,
-              id: $.id,
-              res_id: B.id,
-              resourceId: B.resourceId,
-              spots: B.spots,
-              date: f,
-              startTime: B.timeslot?.startTime,
-              endTime: B.timeslot?.endTime,
-              reservationPrice: B.totalPrice,
-              reservationBasePrice: B.basePrice,
-              reservationAddOnsPrice: B.addOnsPrice,
-              pricingOptionId: B.pricingOptionId,
-              pricingOption: B.pricingOption,
-              resourceName: te?.name || "Unknown",
-              resourceColor: te?.color
-            });
-          });
-        }), m.value = O.sort(($, Q) => $.startTime?.localeCompare(Q.startTime || "") || 0);
-      } catch (d) {
-        console.error("Error loading orders:", d), m.value = [];
-      } finally {
-        x.value = !1;
-      }
-    };
-    return (async () => await S())(), Y(() => c.activeDate, () => {
-      S();
-    }), (d, f) => {
-      const j = w("Badge"), u = w("CardTitle"), O = w("CardDescription"), $ = w("Button"), Q = w("CardHeader"), B = w("Input"), te = w("CardContent"), se = w("Card");
-      return h(), G(se, null, {
-        default: b(() => [
-          i(Q, null, {
-            default: b(() => [
-              n("div", Lt, [
-                n("div", null, [
-                  i(u, { class: "flex items-center gap-2" }, {
-                    default: b(() => [
-                      f[6] || (f[6] = X(" Bookings ", -1)),
-                      e(E).bookings > 0 ? (h(), G(j, {
-                        key: 0,
-                        variant: "secondary"
-                      }, {
-                        default: b(() => [
-                          X(z(e(E).bookings), 1)
-                        ]),
-                        _: 1
-                      })) : Z("", !0)
-                    ]),
-                    _: 1
-                  }),
-                  i(O, { class: "flex items-center gap-2 mt-1" }, {
-                    default: b(() => [
-                      i(e(ke), { size: 14 }),
-                      n("span", null, z(e(E).spots) + " total spots", 1)
-                    ]),
-                    _: 1
-                  })
-                ]),
-                i($, {
-                  variant: "ghost",
-                  size: "icon",
-                  onClick: S,
-                  disabled: e(x)
-                }, {
-                  default: b(() => [
-                    i(e(Ue), {
-                      size: 16,
-                      class: ae({ "animate-spin": e(x) })
-                    }, null, 8, ["class"])
-                  ]),
-                  _: 1
-                }, 8, ["disabled"])
-              ])
-            ]),
-            _: 1
-          }),
-          i(te, null, {
-            default: b(() => [
-              n("div", Ft, [
-                i(e(qe), {
-                  size: 16,
-                  class: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
-                }),
-                i(B, {
-                  modelValue: e(r),
-                  "onUpdate:modelValue": f[0] || (f[0] = (M) => oe(r) ? r.value = M : null),
-                  placeholder: "Search by name, email, or phone...",
-                  class: "pl-9 pr-9"
-                }, null, 8, ["modelValue"]),
-                e(r) ? (h(), G($, {
-                  key: 0,
-                  variant: "ghost",
-                  size: "icon",
-                  class: "absolute right-1 top-1/2 -translate-y-1/2 h-7 w-7",
-                  onClick: A
-                }, {
-                  default: b(() => [
-                    i(e(Ye), { size: 14 })
-                  ]),
-                  _: 1
-                })) : Z("", !0)
-              ]),
-              n("div", Wt, [
-                n("button", {
-                  onClick: f[1] || (f[1] = (M) => U("needs_approval")),
-                  class: ae(["px-3 py-1.5 rounded-full text-sm bg-muted", { "opacity-50 hover:opacity-75": !e(L).includes("needs_approval") }])
-                }, " Needs Approval ", 2),
-                n("button", {
-                  onClick: f[2] || (f[2] = (M) => U("approved")),
-                  class: ae(["px-3 py-1.5 rounded-full text-sm bg-muted", { "opacity-50 hover:opacity-75": !e(L).includes("approved") }])
-                }, " Approved ", 2),
-                n("button", {
-                  onClick: f[3] || (f[3] = (M) => U("rejected")),
-                  class: ae(["px-3 py-1.5 rounded-full text-sm bg-muted", { "opacity-50 hover:opacity-75": !e(L).includes("rejected") }])
-                }, " Rejected ", 2),
-                n("button", {
-                  onClick: f[4] || (f[4] = (M) => U("cancelled")),
-                  class: ae(["px-3 py-1.5 rounded-full text-sm bg-muted", { "opacity-50 hover:opacity-75": !e(L).includes("cancelled") }])
-                }, " Cancelled ", 2)
-              ]),
-              e(r) ? (h(), T("div", Gt, " Showing " + z(e(l).length) + " of " + z(e(m).length) + " bookings ", 1)) : Z("", !0),
-              e(x) ? (h(), T("div", Ht, [...f[7] || (f[7] = [
-                n("div", { class: "animate-spin rounded-full h-8 w-8 border-b-2 border-primary" }, null, -1)
-              ])])) : e(R).length === 0 ? (h(), T("div", Ut, [
-                f[9] || (f[9] = X(" No bookings for this day ", -1)),
-                e(D) ? (h(), G($, {
-                  key: 0,
-                  onClick: f[5] || (f[5] = (M) => L.value = ["needs_approval", "approved"])
-                }, {
-                  default: b(() => [...f[8] || (f[8] = [
-                    X("Reset filters", -1)
-                  ])]),
-                  _: 1
-                })) : Z("", !0)
-              ])) : e(l).length === 0 ? (h(), T("div", qt, " No bookings match your search ")) : (h(), T("div", Yt, [
-                (h(!0), T(ne, null, ve(e(l), (M) => (h(), T("div", {
-                  key: M.res_id || M.id,
-                  class: "p-3 border rounded-lg hover:bg-muted/50 transition-colors cursor-pointer",
-                  onClick: (a) => e(o)?.openDialog(M)
-                }, [
-                  n("div", Qt, [
-                    n("div", Jt, [
-                      n("div", Kt, z(M.customerInfo?.firstName) + " " + z(M.customerInfo?.lastName || "Unknown Customer"), 1),
-                      n("div", Zt, z(M.customerInfo?.email), 1),
-                      n("div", es, z(M.customerInfo?.phone), 1),
-                      n("div", ts, [
-                        n("div", ss, [
-                          i(e(Xe), { size: 12 }),
-                          n("span", null, z(M.startTime) + " - " + z(M.endTime), 1)
-                        ]),
-                        n("div", as, [
-                          i(e(ke), { size: 12 }),
-                          n("span", null, z(M.spots) + " spots", 1)
-                        ]),
-                        M.resourceName ? (h(), T("div", os, [
-                          n("div", {
-                            class: "w-3 h-3 rounded-full",
-                            style: me({ backgroundColor: M.resourceColor || "#6b7280" })
-                          }, null, 4),
-                          n("span", null, z(M.resourceName), 1)
-                        ])) : Z("", !0)
-                      ])
-                    ]),
-                    n("div", ns, [
-                      M.reservationStatus === "needs_approval" ? (h(), T("span", rs, "Needs Approval")) : M.reservationStatus === "approved" ? (h(), T("span", is, "Approved")) : M.reservationStatus === "rejected" ? (h(), T("span", ls, "Rejected")) : M.reservationStatus === "cancelled" ? (h(), T("span", cs, "Cancelled")) : (h(), T("span", ds, "Pending")),
-                      M.reservationPrice || M.reservationPrice === 0 ? (h(), T("div", us, " €" + z(M.reservationPrice.toFixed(2)), 1)) : Z("", !0)
-                    ])
-                  ])
-                ], 8, Xt))), 128))
-              ]))
-            ]),
-            _: 1
-          }),
-          i(ft, {
-            ref_key: "reservationDetailDialog",
-            ref: o,
-            onCancelled: S,
-            onConfirmed: S,
-            onRejected: S
-          }, null, 512)
-        ]),
-        _: 1
-      });
-    };
-  }
-}), ps = { class: "space-y-6" }, vs = { class: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4" }, fs = { class: "text-2xl font-semibold tracking-tight" }, gs = { class: "flex flex-col md:flex-row gap-2" }, hs = { class: "grid gap-6 md:grid-cols-2 lg:grid-cols-3" }, xs = { class: "md:col-span-2 lg:col-span-3" }, Vs = /* @__PURE__ */ le({
-  __name: "index",
-  setup(_) {
-    const { hasPermission: c } = Fe(), { params: s, resolvePath: p } = ye(), { config: g } = be(), m = _e(g.project), x = N(""), r = N(!0), o = N(/* @__PURE__ */ new Date()), v = N(null), t = N("stacked"), l = N(null), R = N([]);
-    return (async () => {
-      try {
-        const E = await m.get(g.agendaCollection, s.value.id);
-        x.value = E?.serviceName || "", l.value = E, R.value = E?.resources?.filter((A) => A.isActive) || [];
-      } catch (E) {
-        console.error("Error loading data:", E);
-      } finally {
-        r.value = !1;
-      }
-    })(), Ee("agendaData", l), (E, A) => {
-      const L = w("Button"), U = w("NuxtLink");
-      return h(), G(Je, null, {
-        default: b(() => [
-          n("div", ps, [
-            n("div", vs, [
-              n("div", null, [
-                n("h1", fs, z(e(x) || "Dashboard"), 1),
-                A[3] || (A[3] = n("p", { class: "text-muted-foreground text-sm mt-1" }, " Overview and analytics for your booking service ", -1))
-              ]),
-              n("div", gs, [
-                e(c)("manage-reservations") ? (h(), G(gt, { key: 0 })) : Z("", !0),
-                i(U, {
-                  to: e(p)(`/edit/${e(s).id}/agenda`)
-                }, {
-                  default: b(() => [
-                    i(L, { class: "w-full" }, {
-                      default: b(() => [
-                        i(e(Qe), { class: "size-4" }),
-                        A[4] || (A[4] = X(" View Agenda ", -1))
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["to"])
-              ])
-            ]),
-            i(Ot, {
-              modelValue: e(o),
-              "onUpdate:modelValue": A[0] || (A[0] = (S) => oe(o) ? o.value = S : null),
-              "view-mode": e(t),
-              "onUpdate:viewMode": A[1] || (A[1] = (S) => oe(t) ? t.value = S : null),
-              "onUpdate:selectedResource": A[2] || (A[2] = (S) => v.value = S),
-              "agenda-data": e(l),
-              resources: e(R)
-            }, null, 8, ["modelValue", "view-mode", "agenda-data", "resources"]),
-            n("div", hs, [
-              n("div", xs, [
-                e(R).length > 0 ? (h(), G(ms, {
-                  key: 0,
-                  "active-date": e(o),
-                  "selected-resource": e(v),
-                  resources: e(R)
-                }, null, 8, ["active-date", "selected-resource", "resources"])) : Z("", !0)
-              ])
-            ])
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  Vs as default
-};