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

package/dist/index-Djp4EBb0.mjs

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