@oneclick.dev/cms-core-modules 0.0.110 → 0.0.111

package/dist/{index-BzWmWCo5.mjs → index-hH3e-IYz.mjs}

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