@oneclick.dev/cms-core-modules 0.0.119 → 0.0.121

package/dist/index-DU3Ib10Z.mjs

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