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

package/dist/index-dOdMm1pV.mjs

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