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

package/dist/{index-CM4eaK5T.mjs → index-Djp4EBb0.mjs}

@@ -1,15 +1,15 @@
-import { defineComponent as ve, inject as Xe, computed as j, ref as P, onMounted as Je, nextTick as Ge, onUnmounted as Qe, watch as K, openBlock as i, createElementBlock as M, resolveComponent as R, withModifiers as Ke, createElementVNode as d, Fragment as ue, createVNode as c, unref as t, normalizeStyle as be, toDisplayString as $, createCommentVNode as Z, createBlock as A, isRef as ne, withCtx as b, createTextVNode as Y, renderList as De, normalizeClass as ie, withDirectives as Ze, vModelText as et, provide as tt } from "vue";
+import { defineComponent as ve, inject as Xe, computed as P, ref as j, onMounted as Je, nextTick as Ge, onUnmounted as Ke, watch as Q, openBlock as i, createElementBlock as M, resolveComponent as R, withModifiers as Qe, createElementVNode as d, Fragment as ue, createVNode as c, unref as t, normalizeStyle as be, toDisplayString as $, createCommentVNode as Z, createBlock as A, isRef as ne, withCtx as b, createTextVNode as Y, renderList as De, normalizeClass as ie, withDirectives as Ze, vModelText as et, provide as tt } from "vue";
 import { useModuleRoute as $e, useModule as Me, useFirebaseIntegration as Re, useModulePermissions as at } from "@oneclick.dev/cms-kit";
 import { _ as st } from "./EditLayout.vue_vue_type_script_setup_true_lang-pDO9b4Pv.mjs";
-import { l as _e, D as ot, I as nt, v as pe, Q as Se, O as rt, M as Ae, z as ze, Z as fe, q as Ee, J as lt, t as it, s as ct, r as dt, j as ut, R as mt, N as pt, n as ft } from "./index-CkVwMqpn.mjs";
-import { componentToString as Oe, ChartTooltipContent as je } from "@oneclick.dev/cms-kit/charts";
-import { Layers as we, ChevronDown as vt, ChevronLeft as gt, ChevronRight as ht, CalendarIcon as xt, Users as Pe, RefreshCw as yt, Search as bt, X as kt, Eye as ge, EyeOff as he, Clock as Dt } from "lucide-vue-next";
-import { a as _t } from "./index-CFzn2Lus.mjs";
-import { b as St, a as He, X as wt, c as Ct, r as $t, D as xe, $ as Ne, O as ye, z as Be, A as We } from "./index-BIF2RB7k.mjs";
+import { f as _e, q as ot, p as nt, E as pe, Z as Se, _ as rt, B as Ae, Q as Ee, u as fe, I as ze, $ as lt, a0 as it, a1 as ct, n as dt, h as ut, K as mt, J as pt, P as ft } from "./index-Bnn9LahC.mjs";
+import { componentToString as Oe, ChartTooltipContent as Pe } from "@oneclick.dev/cms-kit/charts";
+import { Layers as we, ChevronDown as vt, ChevronLeft as gt, ChevronRight as ht, CalendarIcon as xt, Users as je, RefreshCw as yt, Search as bt, X as kt, Eye as ge, EyeOff as he, Clock as Dt } from "lucide-vue-next";
+import { u as _t } from "./index-hMp4p5qA.mjs";
+import { X as St, b as He, a as wt, c as Ct, r as $t, D as xe, $ as Be, O as ye, z as Ne, A as We } from "./index-cC_2cw31.mjs";
 import { _ as Mt } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 import { u as Rt, F as Vt, _ as Tt, a as It, b as At } from "./OrderDetailDialog.vue_vue_type_script_setup_true_lang-DwAUYR8p.mjs";
-import { _ as zt } from "./NewReservationDialog.vue_vue_type_script_setup_true_lang-BHeMJ6nr.mjs";
-function Et({ x: f, y: h, w: s, h: x, tl: v = !1, tr: y = !1, bl: k = !1, br: r = !1, r: n = 0 }) {
+import { _ as Et } from "./NewReservationDialog.vue_vue_type_script_setup_true_lang-BXTkYCm_.mjs";
+function zt({ x: f, y: h, w: s, h: x, tl: v = !1, tr: y = !1, bl: k = !1, br: r = !1, r: n = 0 }) {
   let l;
   l = `M${f + n},${h}h${s - 2 * n}`;
   let o = y ? n : 0, u = y ? 0 : n;
@@ -17,7 +17,7 @@ function Et({ x: f, y: h, w: s, h: x, tl: v = !1, tr: y = !1, bl: k = !1, br: r
 }
 const Ot = Object.assign(Object.assign({}, St), { color: void 0, groupMaxWidth: void 0, groupWidth: void 0, dataStep: void 0, groupPadding: 0.05, barPadding: 0, roundedCorners: 2, barMinHeight: 2, cursor: null, orientation: He.Vertical }), Ue = _e`
   label: grouped-bar-component;
-`, jt = ot`
+`, Pt = ot`
   :root {
     --vis-grouped-bar-cursor: default;
     --vis-grouped-bar-fill-color: var(--vis-color-main);
@@ -49,12 +49,12 @@ const Ot = Object.assign(Object.assign({}, St), { color: void 0, groupMaxWidth:
   label: barGroup;
 `, qe = _e`
   label: barGroupExit;
-`, Pt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+`, jt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   bar: ke,
   barGroup: Ce,
   barGroupExit: qe,
-  globalStyles: jt,
+  globalStyles: Pt,
   root: Ue
 }, Symbol.toStringTag, { value: "Module" }));
 class Ye extends wt {
@@ -82,29 +82,29 @@ class Ye extends wt {
     return this.config.orientation === He.Vertical;
   }
   _render(h) {
-    const { config: s } = this, x = Ae(h) ? h : s.duration, v = this._getGroupWidth(), y = this.getAccessors(), k = [-v / 2, v / 2], r = Ct().domain($t(y.length)).range(k).paddingInner(s.barPadding).paddingOuter(s.barPadding), n = this.g.selectAll(`.${Ce}`).data(this._barData, (N, z) => {
+    const { config: s } = this, x = Ae(h) ? h : s.duration, v = this._getGroupWidth(), y = this.getAccessors(), k = [-v / 2, v / 2], r = Ct().domain($t(y.length)).range(k).paddingInner(s.barPadding).paddingOuter(s.barPadding), n = this.g.selectAll(`.${Ce}`).data(this._barData, (B, E) => {
       var L;
-      return `${(L = ze(N, s.id, z)) !== null && L !== void 0 ? L : z}`;
-    }), l = (N, z) => {
-      const L = this.dataScale(pe(N, s.x, z)), E = this.isVertical() ? L : 0, q = this.isVertical() ? 0 : L;
-      return `translate(${E},${q})`;
+      return `${(L = Ee(B, s.id, E)) !== null && L !== void 0 ? L : E}`;
+    }), l = (B, E) => {
+      const L = this.dataScale(pe(B, s.x, E)), z = this.isVertical() ? L : 0, q = this.isVertical() ? 0 : L;
+      return `translate(${z},${q})`;
     }, u = n.enter().append("g").attr("class", Ce).attr("transform", l).style("opacity", 1).merge(n);
     fe(u, x).attr("transform", l).style("opacity", 1);
     const V = n.exit().attr("class", qe);
-    fe(V, x).style("opacity", 0).remove(), fe(V.selectAll(`.${ke}`), x).attr("transform", (N, z, L) => this.isVertical() ? `translate(0,${this.yScale(0)}) scale(1,0)` : `translate(${this.xScale(0)},0) scale(0,1)`);
-    const _ = r.bandwidth(), O = u.selectAll(`.${ke}`).data((N) => y.map(() => N)), T = this._getValueAxisDirection(), te = O.enter().append("path").attr("class", ke).attr("d", (N, z) => {
-      const L = r(z), E = this.valueScale(0), q = _;
-      return this._getBarPath(L, E, q, 0, !1, T);
-    }).style("fill", (N, z) => Ee(N, s.color, z)).merge(O);
-    fe(te, x).attr("d", (N, z) => {
-      const L = r(z), E = _, q = pe(N, y[z]), g = q < 0;
-      let B = g ? this.valueScale(0) : this.valueScale(q || 0), ae = Math.abs(this.valueScale(0) - this.valueScale(q)) || 0;
+    fe(V, x).style("opacity", 0).remove(), fe(V.selectAll(`.${ke}`), x).attr("transform", (B, E, L) => this.isVertical() ? `translate(0,${this.yScale(0)}) scale(1,0)` : `translate(${this.xScale(0)},0) scale(0,1)`);
+    const _ = r.bandwidth(), O = u.selectAll(`.${ke}`).data((B) => y.map(() => B)), T = this._getValueAxisDirection(), te = O.enter().append("path").attr("class", ke).attr("d", (B, E) => {
+      const L = r(E), z = this.valueScale(0), q = _;
+      return this._getBarPath(L, z, q, 0, !1, T);
+    }).style("fill", (B, E) => ze(B, s.color, E)).merge(O);
+    fe(te, x).attr("d", (B, E) => {
+      const L = r(E), z = _, q = pe(B, y[E]), g = q < 0;
+      let N = g ? this.valueScale(0) : this.valueScale(q || 0), ae = Math.abs(this.valueScale(0) - this.valueScale(q)) || 0;
       if (ae < s.barMinHeight) {
         const ce = T === xe.North ? -1 : 1;
-        B = this.valueScale(0) + ce * s.barMinHeight, ae = s.barMinHeight;
+        N = this.valueScale(0) + ce * s.barMinHeight, ae = s.barMinHeight;
       }
-      return this._getBarPath(L, B, E, ae, g, T);
-    }).style("fill", (N, z) => Ee(N, s.color, z)).style("cursor", (N, z) => ze(N, s.cursor, z)), fe(O.exit(), x).remove();
+      return this._getBarPath(L, N, z, ae, g, T);
+    }).style("fill", (B, E) => ze(B, s.color, E)).style("cursor", (B, E) => Ee(B, s.cursor, E)), fe(O.exit(), x).remove();
   }
   _getValueAxisDirection() {
     return this.valueScale.range()[0] > this.valueScale.range()[1] ? xe.North : xe.South;
@@ -118,7 +118,7 @@ class Ye extends wt {
   }
   _getBarPath(h, s, x, v, y, k) {
     const { config: r } = this, n = r.roundedCorners ? Ae(r.roundedCorners) ? +r.roundedCorners : x / 2 : 0, l = ut(n, 0, Math.min(v, x) / 2), o = k === xe.North, u = this.isVertical() && y !== o, V = this.isVertical() && y === o, _ = !this.isVertical() && y, O = !this.isVertical() && !y;
-    return Et({
+    return zt({
       x: this.isVertical() ? h : s + (o ? 0 : -v),
       y: this.isVertical() ? s + (o ? 0 : -v) : h,
       w: this.isVertical() ? x : v,
@@ -160,8 +160,8 @@ class Ye extends wt {
     return this.isVertical() ? this.getDataScaleExtent() : this.getValueScaleExtent(!1);
   }
 }
-Ye.selectors = Pt;
-const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
+Ye.selectors = jt;
+const Bt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
   __name: "index",
   props: {
     color: {},
@@ -186,26 +186,26 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
     data: {}
   },
   setup(f, { expose: h }) {
-    const s = Xe(mt), x = f, v = j(() => s.data.value ?? x.data), y = pt(x), k = P();
+    const s = Xe(mt), x = f, v = P(() => s.data.value ?? x.data), y = pt(x), k = j();
     return Je(() => {
       Ge(() => {
         var r;
         k.value = new Ye(y.value), (r = k.value) == null || r.setData(v.value), s.update(k.value);
       });
-    }), Qe(() => {
+    }), Ke(() => {
       var r;
       (r = k.value) == null || r.destroy(), s.destroy();
-    }), K(y, (r, n) => {
+    }), Q(y, (r, n) => {
       var l;
       ft(r, n) || (l = k.value) == null || l.setConfig(y.value);
-    }), K(v, () => {
+    }), Q(v, () => {
       var r;
       (r = k.value) == null || r.setData(v.value);
     }), h({
       component: k
-    }), (r, n) => (i(), M("div", Nt));
+    }), (r, n) => (i(), M("div", Bt));
   }
-}), Bt = { 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" }, Qt = /* @__PURE__ */ ve({
+}), Nt = { class: "flex flex-col sm:flex-row" }, Wt = ["data-active"], Ft = { class: "flex items-center gap-2" }, Lt = { class: "block text-muted-foreground text-xs mr-2 max-w-[120px] truncate" }, Gt = { class: "block text-lg leading-none font-bold sm:text-3xl" }, Ht = { class: "mx-auto w-full max-w-sm mt-2 mb-8" }, Ut = { class: "text-muted-foreground" }, qt = { class: "text-muted-foreground" }, Yt = { class: "grid" }, Xt = { class: "flex gap-1 overflow-hidden max-w-80" }, Jt = { class: "truncate" }, Kt = /* @__PURE__ */ ve({
   __name: "ResourceSelector",
   props: {
     resources: {
@@ -227,26 +227,26 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
   },
   emits: ["update:viewMode", "update:activeChart"],
   setup(f, { emit: h }) {
-    const s = f, x = h, v = j({
+    const s = f, x = h, v = P({
       get: () => s.viewMode,
       set: (l) => {
         x("update:viewMode", l);
       }
-    }), y = j({
+    }), y = P({
       get: () => s.activeChart,
       set: (l) => {
         x("update:activeChart", l);
       }
-    }), { width: k } = _t(), r = j(() => k.value < 640), n = P(!1);
+    }), { width: k } = _t(), r = P(() => k.value < 640), n = j(!1);
     return (l, o) => {
-      const u = R("DrawerTitle"), V = R("DrawerDescription"), _ = R("DrawerHeader"), O = R("Button"), T = R("DrawerFooter"), J = R("DrawerContent"), te = R("Drawer"), N = R("DropdownMenuTrigger"), z = R("DropdownMenuLabel"), L = R("DropdownMenuItem"), E = R("DropdownMenuContent"), q = R("DropdownMenu");
-      return i(), M("div", Bt, [
+      const u = R("DrawerTitle"), V = R("DrawerDescription"), _ = R("DrawerHeader"), O = R("Button"), T = R("DrawerFooter"), J = R("DrawerContent"), te = R("Drawer"), B = R("DropdownMenuTrigger"), E = R("DropdownMenuLabel"), L = R("DropdownMenuItem"), z = R("DropdownMenuContent"), q = R("DropdownMenu");
+      return i(), M("div", Nt, [
         f.resources.length > 1 ? (i(), M("button", {
           key: 0,
           "data-active": f.viewMode === "stacked",
           class: "hover:bg-muted/50 flex flex-1 flex-col justify-center gap-2 border-t px-4 py-3 text-left sm:border-t-0 sm:border-l sm:px-6 sm:py-6 cursor-pointer select-none",
           onClick: o[0] || (o[0] = (g) => n.value = !0),
-          onContextmenu: o[1] || (o[1] = Ke((g) => n.value = !0, ["prevent"]))
+          onContextmenu: o[1] || (o[1] = Qe((g) => n.value = !0, ["prevent"]))
         }, [
           d("div", Ft, [
             f.viewMode === "stacked" ? (i(), M(ue, { key: 0 }, [
@@ -261,7 +261,7 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
             ], 64)),
             c(t(vt), { class: "ml-auto size-4" })
           ]),
-          d("span", Gt, $(f.viewMode === "stacked" ? Object.values(f.totals).reduce((g, B) => g + B, 0).toLocaleString() : (f.totals[f.activeChart] || 0).toLocaleString()), 1)
+          d("span", Gt, $(f.viewMode === "stacked" ? Object.values(f.totals).reduce((g, N) => g + N, 0).toLocaleString() : (f.totals[f.activeChart] || 0).toLocaleString()), 1)
         ], 40, Wt)) : Z("", !0),
         t(r) ? (i(), A(te, {
           key: 1,
@@ -299,13 +299,13 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
                       }, {
                         default: b(() => [
                           c(t(we), { class: "size-3 text-muted-foreground" }),
-                          d("span", Ut, " All Resources (" + $(Object.values(f.totals).reduce((g, B) => g + B, 0).toLocaleString()) + ") ", 1)
+                          d("span", Ut, " All Resources (" + $(Object.values(f.totals).reduce((g, N) => g + N, 0).toLocaleString()) + ") ", 1)
                         ]),
                         _: 1
                       }, 8, ["variant"]),
                       (i(!0), M(ue, null, De(f.resources, (g) => (i(), A(O, {
                         key: g.id,
-                        onClick: (B) => {
+                        onClick: (N) => {
                           v.value = "single", y.value = g.id, n.value = !1;
                         },
                         variant: f.viewMode === "single" && f.activeChart === g.id ? "secondary" : "outline"
@@ -334,7 +334,7 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
           "onUpdate:open": o[5] || (o[5] = (g) => ne(n) ? n.value = g : null)
         }, {
           default: b(() => [
-            c(N, { "as-child": "" }, {
+            c(B, { "as-child": "" }, {
               default: b(() => [...o[9] || (o[9] = [
                 d("button", {
                   tabindex: "-1",
@@ -343,9 +343,9 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
               ])]),
               _: 1
             }),
-            c(E, { align: "end" }, {
+            c(z, { align: "end" }, {
               default: b(() => [
-                c(z, null, {
+                c(E, null, {
                   default: b(() => [...o[10] || (o[10] = [
                     Y("Resources", -1)
                   ])]),
@@ -360,13 +360,13 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
                   }, {
                     default: b(() => [
                       c(t(we), { class: "size-3 text-muted-foreground" }),
-                      d("span", null, " All Resources (" + $(Object.values(f.totals).reduce((g, B) => g + B, 0).toLocaleString()) + ") ", 1)
+                      d("span", null, " All Resources (" + $(Object.values(f.totals).reduce((g, N) => g + N, 0).toLocaleString()) + ") ", 1)
                     ]),
                     _: 1
                   }, 8, ["class"]),
                   (i(!0), M(ue, null, De(f.resources, (g) => (i(), A(L, {
                     key: g.id,
-                    onClick: (B) => {
+                    onClick: (N) => {
                       v.value = "single", y.value = g.id, n.value = !1;
                     },
                     class: ie(f.viewMode === "single" && f.activeChart === g.id ? "bg-input" : "")
@@ -393,7 +393,7 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
       ]);
     };
   }
-}), Kt = { 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 = {
+}), 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 = {
@@ -413,23 +413,23 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
   },
   emits: ["update:modelValue", "update:selectedResource", "update:viewMode"],
   setup(f, { emit: h }) {
-    const s = f, x = h, { params: v } = $e(), { config: y } = Me(), k = Re(y.project), r = P([]), n = P([]), l = P(!0), o = P(s.viewMode || "stacked"), u = P(s.selectedResource || "");
-    K(o, (e) => {
+    const s = f, x = h, { params: v } = $e(), { config: y } = Me(), k = Re(y.project), r = j([]), n = j([]), l = j(!0), o = j(s.viewMode || "stacked"), u = j(s.selectedResource || "");
+    Q(o, (e) => {
       x("update:viewMode", e);
-    }, { immediate: !0 }), K(u, (e) => {
+    }, { immediate: !0 }), Q(u, (e) => {
       x("update:selectedResource", o.value === "single" ? e : null);
-    }), K(o, (e) => {
+    }), Q(o, (e) => {
       x("update:selectedResource", e === "single" ? u.value : null);
-    }), K(() => s.selectedResource, (e) => {
+    }), Q(() => s.selectedResource, (e) => {
       o.value === "single" && e !== u.value && (u.value = e || "");
     });
-    const V = /* @__PURE__ */ new Date(), _ = P(s.modelValue || /* @__PURE__ */ new Date()), O = P(null);
-    K(() => s.modelValue, (e) => {
+    const V = /* @__PURE__ */ new Date(), _ = j(s.modelValue || /* @__PURE__ */ new Date()), O = j(null);
+    Q(() => s.modelValue, (e) => {
       e && e.getTime() !== _.value.getTime() && (_.value = e);
-    }), K(_, (e) => {
+    }), Q(_, (e) => {
       x("update:modelValue", e);
     }, { immediate: !0 });
-    const T = j({
+    const T = P({
       get: () => G(_.value),
       set: (e) => {
         if (!e) {
@@ -447,7 +447,7 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
         }
         e.focus(), e.click();
       }
-    }, te = j(() => {
+    }, te = P(() => {
       const e = new Date(V);
       e.setDate(V.getDate() - 1);
       const m = new Date(V);
@@ -457,15 +457,15 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
         day: "numeric",
         year: "numeric"
       });
-    }), N = () => {
+    }), B = () => {
       const e = new Date(_.value);
       e.setDate(e.getDate() - 1), _.value = e;
-    }, z = () => {
+    }, E = () => {
       const e = new Date(_.value);
       e.setDate(e.getDate() + 1), _.value = e;
     }, L = () => {
       _.value = /* @__PURE__ */ new Date();
-    }, E = j(() => (s.resources?.length || 0) === 0 ? 10 : Math.max(...(s.resources || []).map((e) => e.capacity || 10))), q = j(() => (s.resources?.length || 0) === 0 ? 10 : (s.resources || []).reduce((e, m) => e + (m.capacity || 10), 0)), g = j(() => (s.resources?.length || 0) === 0 ? 60 : Math.min(...(s.resources || []).map((e) => e.interval || 60))), B = j(() => {
+    }, z = P(() => (s.resources?.length || 0) === 0 ? 10 : Math.max(...(s.resources || []).map((e) => e.capacity || 10))), q = P(() => (s.resources?.length || 0) === 0 ? 10 : (s.resources || []).reduce((e, m) => e + (m.capacity || 10), 0)), g = P(() => (s.resources?.length || 0) === 0 ? 60 : Math.min(...(s.resources || []).map((e) => e.interval || 60))), N = P(() => {
       const e = {
         total: {
           label: "Total Reservations",
@@ -479,23 +479,23 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
         };
       }), e;
     });
-    K(() => s.resources, (e) => {
+    Q(() => s.resources, (e) => {
       (e?.length || 0) > 0 && !u.value && (u.value = e[0].id);
     }, { immediate: !0 });
-    const ae = j(() => [...s.resources || []].sort((e, m) => {
+    const ae = P(() => [...s.resources || []].sort((e, m) => {
       const S = ee.value[e.id] || 0;
       return (ee.value[m.id] || 0) - S;
-    })), ce = j(() => {
+    })), ce = P(() => {
       const e = [];
       return g.value, r.value.forEach((m, S) => {
         m.time.endsWith(":00") && e.push(S);
       }), e;
-    }), ee = j(() => {
+    }), ee = P(() => {
       const e = {};
       return s.resources?.forEach((m) => {
         e[m.id] = n.value.filter((S) => S.resourceId === m.id).reduce((S, w) => S + (w.reserved || 0), 0);
       }), e;
-    }), Ve = j(() => r.value.reduce((e, m) => Math.max(e, m.total || 0), 0)), p = j(() => Math.max(q.value, Ve.value, 1)), a = (e, m) => {
+    }), Ve = P(() => r.value.reduce((e, m) => Math.max(e, m.total || 0), 0)), p = P(() => Math.max(q.value, Ve.value, 1)), a = (e, m) => {
       const S = e[m];
       return typeof S == "number" ? S : 0;
     }, I = (e, m) => {
@@ -507,7 +507,7 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
     }, W = (e) => {
       const [m, S] = e.split(":").map(Number);
       return m * 60 + S;
-    }, F = (e, m) => (s.agendaData?.exceptions || []).find((w) => m >= w.startDate && m <= w.endDate ? w.resourceIds === null ? !0 : w.resourceIds?.includes(e) : !1) || null, se = j(() => {
+    }, F = (e, m) => (s.agendaData?.exceptions || []).find((w) => m >= w.startDate && m <= w.endDate ? w.resourceIds === null ? !0 : w.resourceIds?.includes(e) : !1) || null, se = P(() => {
       const e = G(_.value), m = _.value.getDay();
       let S = 1440, w = 0;
       if ((s.resources || []).forEach((oe) => {
@@ -515,8 +515,8 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
         if (U) {
           if (U.isClosed)
             return;
-          U.timeslots.forEach((Q) => {
-            const D = W(Q.startTime), C = W(Q.endTime);
+          U.timeslots.forEach((K) => {
+            const D = W(K.startTime), C = W(K.endTime);
             S = Math.min(S, D), w = Math.max(w, C);
           });
         } else
@@ -531,14 +531,14 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
     }), re = () => {
       const e = [], m = g.value, { startMinutes: S, endMinutes: w } = se.value;
       for (let H = S; H < w; H += m) {
-        const le = Math.floor(H / 60), oe = H % 60, U = `${String(le).padStart(2, "0")}:${String(oe).padStart(2, "0")}`, Q = {
+        const le = Math.floor(H / 60), oe = H % 60, U = `${String(le).padStart(2, "0")}:${String(oe).padStart(2, "0")}`, K = {
           time: U,
           label: U,
           total: 0
         };
         s.resources?.forEach((D) => {
-          Q[D.id] = 0;
-        }), e.push(Q);
+          K[D.id] = 0;
+        }), e.push(K);
       }
       return e;
     }, me = async () => {
@@ -547,8 +547,8 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
         const e = v.value.id, m = G(_.value), S = `${e}_${m}`, w = await k.get(y.reservedSpotsCollection, S);
         n.value = [];
         for (const U of s.resources || []) {
-          const Q = w?.[U.id] || {};
-          Object.entries(Q).forEach(([D, C]) => {
+          const K = w?.[U.id] || {};
+          Object.entries(K).forEach(([D, C]) => {
             const [X, de] = D.split("-");
             n.value.push({
               resourceId: U.id,
@@ -560,8 +560,8 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
         }
         const H = re(), le = g.value, { startMinutes: oe } = se.value;
         n.value.forEach((U) => {
-          const Q = W(U.startTime), D = W(U.endTime);
-          for (let C = Q; C < D; C += le) {
+          const K = W(U.startTime), D = W(U.endTime);
+          for (let C = K; C < D; C += le) {
             const X = Math.floor((C - oe) / le);
             if (X >= 0 && X < H.length) {
               const de = H[X][U.resourceId];
@@ -578,17 +578,17 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
         l.value = !1;
       }
     };
-    return (async () => await me())(), K(_, () => {
+    return (async () => await me())(), Q(_, () => {
       me();
-    }), K(() => s.resources, () => {
+    }), Q(() => s.resources, () => {
       (s.resources?.length || 0) > 0 && me();
     }), (e, m) => {
-      const S = R("CardTitle"), w = R("Button"), H = R("CardDescription"), le = R("CardHeader"), oe = R("ChartContainer"), U = R("CardContent"), Q = R("Card");
-      return i(), A(Q, { class: "py-4 sm:py-0" }, {
+      const S = R("CardTitle"), w = R("Button"), H = R("CardDescription"), le = R("CardHeader"), oe = R("ChartContainer"), U = R("CardContent"), K = R("Card");
+      return i(), A(K, { class: "py-4 sm:py-0" }, {
         default: b(() => [
           c(le, { class: "flex flex-col items-stretch border-b !p-0 sm:flex-row" }, {
             default: b(() => [
-              d("div", Kt, [
+              d("div", Qt, [
                 d("div", Zt, [
                   c(S, null, {
                     default: b(() => [...m[3] || (m[3] = [
@@ -601,7 +601,7 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
                       variant: "outline",
                       size: "icon",
                       class: "size-8",
-                      onClick: N
+                      onClick: B
                     }, {
                       default: b(() => [
                         c(t(gt), { size: 16 })
@@ -623,7 +623,7 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
                       variant: "outline",
                       size: "icon",
                       class: "size-8",
-                      onClick: z
+                      onClick: E
                     }, {
                       default: b(() => [
                         c(t(ht), { size: 16 })
@@ -661,7 +661,7 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
                   _: 1
                 })
               ]),
-              f.resources.length > 0 ? (i(), A(Qt, {
+              f.resources.length > 0 ? (i(), A(Kt, {
                 key: 0,
                 resources: f.resources,
                 totals: t(ee),
@@ -681,12 +681,12 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
                 d("div", { class: "text-muted-foreground" }, "No resources to display", -1)
               ])])) : t(o) === "stacked" ? (i(), A(oe, {
                 key: 2,
-                config: t(B),
+                config: t(N),
                 class: "aspect-auto h-[250px] w-full",
                 cursor: ""
               }, {
                 default: b(() => [
-                  c(t(Ne), {
+                  c(t(Be), {
                     data: t(r),
                     margin: { left: -24 },
                     "y-domain": [0, t(p)]
@@ -696,7 +696,7 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
                         key: D.id,
                         x: (X, de) => de,
                         y: (X) => I(X, C),
-                        color: (X) => a(X, D.id) > 0 ? t(B)[D.id]?.color : Le,
+                        color: (X) => a(X, D.id) > 0 ? t(N)[D.id]?.color : Le,
                         "bar-padding": 0.1,
                         "rounded-corners": 2
                       }, null, 8, ["x", "y", "color"]))), 128)),
@@ -715,9 +715,9 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
                         "tick-line": !1,
                         "domain-line": !1
                       }),
-                      c(t(Be)),
+                      c(t(Ne)),
                       c(t(We), {
-                        template: t(Oe)(t(B), t(je), {
+                        template: t(Oe)(t(N), t(Pe), {
                           labelFormatter(D) {
                             const C = Math.round(D);
                             return C >= 0 && C < t(r).length && t(r)[C]?.time || "";
@@ -732,21 +732,21 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
                 _: 1
               }, 8, ["config"])) : (i(), A(oe, {
                 key: t(u),
-                config: t(B),
+                config: t(N),
                 class: "aspect-auto h-[250px] w-full",
                 cursor: ""
               }, {
                 default: b(() => [
-                  c(t(Ne), {
+                  c(t(Be), {
                     data: t(r),
                     margin: { left: -24 },
-                    "y-domain": [0, t(E)]
+                    "y-domain": [0, t(z)]
                   }, {
                     default: b(() => [
                       c(t(Fe), {
                         x: (D, C) => C,
                         y: (D) => D[t(u)] || 0,
-                        color: (D) => D[t(u)] > 0 ? t(B)[t(u)]?.color : Le,
+                        color: (D) => D[t(u)] > 0 ? t(N)[t(u)]?.color : Le,
                         "bar-padding": 0.1,
                         "rounded-corners": !1
                       }, null, 8, ["x", "y", "color"]),
@@ -765,9 +765,9 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
                         "tick-line": !1,
                         "domain-line": !1
                       }),
-                      c(t(Be)),
+                      c(t(Ne)),
                       c(t(We), {
-                        template: t(Oe)(t(B), t(je), {
+                        template: t(Oe)(t(N), t(Pe), {
                           labelFormatter(D) {
                             const C = Math.round(D);
                             return C >= 0 && C < t(r).length && t(r)[C]?.time || "";
@@ -835,7 +835,7 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
   },
   emits: ["resetSelectedResource"],
   setup(f, { emit: h }) {
-    const s = f, x = h, { params: v } = $e(), { config: y } = Me(), k = Re(y.project), r = P([]), n = P(!0), l = P(""), o = P(null), u = P(null), V = j(() => v.value?.id ?? v.id ?? s.agendaData?.id ?? ""), { metadataSchema: _ } = Rt(V), O = j(() => ({
+    const s = f, x = h, { params: v } = $e(), { config: y } = Me(), k = Re(y.project), r = j([]), n = j(!0), l = j(""), o = j(null), u = j(null), V = P(() => v.value?.id ?? v.id ?? s.agendaData?.id ?? ""), { metadataSchema: _ } = Rt(V), O = P(() => ({
       date: T(s.activeDate),
       resource: null
     }));
@@ -843,7 +843,7 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
     const T = (p) => {
       const a = p.getFullYear(), I = String(p.getMonth() + 1).padStart(2, "0"), G = String(p.getDate()).padStart(2, "0");
       return `${a}-${I}-${G}`;
-    }, J = j(() => {
+    }, J = P(() => {
       let p = r.value;
       return s.selectedResource && (p = p.filter((a) => a.resourceId === s.selectedResource)), l.value.trim() && (p = new Vt(p, {
         keys: [
@@ -856,10 +856,10 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
         threshold: 0.3,
         ignoreLocation: !0
       }).search(l.value).map((I) => I.item)), p;
-    }), te = j(() => J.value.filter((p) => E.value.includes(p.reservationStatus))), N = j(() => {
+    }), te = P(() => J.value.filter((p) => z.value.includes(p.reservationStatus))), B = P(() => {
       let p = JSON.parse(JSON.stringify(r.value));
       return s.selectedResource && (p = p.filter((a) => a.resourceId === s.selectedResource)), p.some((a) => a.reservationStatus === "approved" || a.reservationStatus === "needs_approval");
-    }), z = j(() => {
+    }), E = P(() => {
       const p = r.value.filter((a) => a.reservationStatus === "approved" || a.reservationStatus === "needs_approval");
       return {
         spots: p.reduce((a, I) => a + (I.spots || 0), 0),
@@ -867,8 +867,8 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
       };
     }), L = () => {
       l.value = "";
-    }, E = P(["needs_approval", "approved"]), q = (p) => {
-      E.value.includes(p) ? E.value = E.value.filter((a) => a !== p) : E.value.push(p);
+    }, z = j(["needs_approval", "approved"]), q = (p) => {
+      z.value.includes(p) ? z.value = z.value.filter((a) => a !== p) : z.value.push(p);
     }, g = (p, a, I = a.date) => {
       const G = s.resources.find((F) => F.id === a.resourceId), W = p.id || p.orderId || a.orderId || "";
       return {
@@ -904,7 +904,7 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
         adjustments: p.adjustments || [],
         reservationAdjustments: a.adjustments || []
       };
-    }, B = async () => {
+    }, N = async () => {
       await Ge(), await new Promise((p) => {
         if (typeof requestAnimationFrame == "function") {
           requestAnimationFrame(() => p());
@@ -916,7 +916,7 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
       const a = await k.get(y.reservationsCollection, p);
       if (!a) return;
       const I = { ...a, id: a.id || p }, G = (I.reservations || []).map((W) => g(I, W));
-      G.length && (await B(), u.value?.openDialog({
+      G.length && (await N(), u.value?.openDialog({
         id: I.id,
         customerInfo: I.customerInfo,
         status: I.status,
@@ -928,7 +928,7 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
         totalSpots: G.reduce((W, F) => W + (F.spots || 0), 0)
       }));
     }, ce = async (p) => {
-      await B(), o.value?.openDialog(p);
+      await N(), o.value?.openDialog(p);
     }, ee = async () => {
       n.value = !0, r.value = [];
       try {
@@ -956,7 +956,7 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
         n.value = !1;
       }
     };
-    return (async () => await ee())(), K(() => s.activeDate, () => {
+    return (async () => await ee())(), Q(() => s.activeDate, () => {
       ee();
     }), (p, a) => {
       const I = R("Badge"), G = R("CardTitle"), W = R("CardDescription"), F = R("Button"), se = R("CardHeader"), re = R("Input"), me = R("CardContent"), Te = R("Card");
@@ -969,12 +969,12 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
                   c(G, { class: "flex items-center gap-2" }, {
                     default: b(() => [
                       a[9] || (a[9] = Y(" Bookings ", -1)),
-                      t(z).bookings > 0 ? (i(), A(I, {
+                      t(E).bookings > 0 ? (i(), A(I, {
                         key: 0,
                         variant: "secondary"
                       }, {
                         default: b(() => [
-                          Y($(t(z).bookings), 1)
+                          Y($(t(E).bookings), 1)
                         ]),
                         _: 1
                       })) : Z("", !0)
@@ -983,8 +983,8 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
                   }),
                   c(W, { class: "flex items-center gap-2 mt-1" }, {
                     default: b(() => [
-                      c(t(Pe), { size: 14 }),
-                      d("span", null, $(t(z).spots) + " total spots", 1)
+                      c(t(je), { size: 14 }),
+                      d("span", null, $(t(E).spots) + " total spots", 1)
                     ]),
                     _: 1
                   })
@@ -1037,9 +1037,9 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
                 f.agendaData.needsApproval ? (i(), M("button", {
                   key: 0,
                   onClick: a[1] || (a[1] = (e) => q("needs_approval")),
-                  class: ie(["flex gap-1.5 items-center px-3 py-1.5 rounded-full text-sm bg-muted", { "opacity-50 hover:opacity-75": !t(E).includes("needs_approval") }])
+                  class: ie(["flex gap-1.5 items-center px-3 py-1.5 rounded-full text-sm bg-muted", { "opacity-50 hover:opacity-75": !t(z).includes("needs_approval") }])
                 }, [
-                  t(E).includes("needs_approval") ? (i(), A(t(ge), {
+                  t(z).includes("needs_approval") ? (i(), A(t(ge), {
                     key: 0,
                     size: 12
                   })) : (i(), A(t(he), {
@@ -1050,9 +1050,9 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
                 ], 2)) : Z("", !0),
                 d("button", {
                   onClick: a[2] || (a[2] = (e) => q("approved")),
-                  class: ie(["flex gap-1.5 items-center px-3 py-1.5 rounded-full text-sm bg-muted", { "opacity-50 hover:opacity-75": !t(E).includes("approved") }])
+                  class: ie(["flex gap-1.5 items-center px-3 py-1.5 rounded-full text-sm bg-muted", { "opacity-50 hover:opacity-75": !t(z).includes("approved") }])
                 }, [
-                  t(E).includes("approved") ? (i(), A(t(ge), {
+                  t(z).includes("approved") ? (i(), A(t(ge), {
                     key: 0,
                     size: 12
                   })) : (i(), A(t(he), {
@@ -1064,9 +1064,9 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
                 f.agendaData.needsApproval ? (i(), M("button", {
                   key: 1,
                   onClick: a[3] || (a[3] = (e) => q("rejected")),
-                  class: ie(["flex gap-1.5 items-center px-3 py-1.5 rounded-full text-sm bg-muted", { "opacity-50 hover:opacity-75": !t(E).includes("rejected") }])
+                  class: ie(["flex gap-1.5 items-center px-3 py-1.5 rounded-full text-sm bg-muted", { "opacity-50 hover:opacity-75": !t(z).includes("rejected") }])
                 }, [
-                  t(E).includes("rejected") ? (i(), A(t(ge), {
+                  t(z).includes("rejected") ? (i(), A(t(ge), {
                     key: 0,
                     size: 12
                   })) : (i(), A(t(he), {
@@ -1077,9 +1077,9 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
                 ], 2)) : Z("", !0),
                 d("button", {
                   onClick: a[4] || (a[4] = (e) => q("cancelled")),
-                  class: ie(["flex gap-1.5 items-center px-3 py-1.5 rounded-full text-sm bg-muted", { "opacity-50 hover:opacity-75": !t(E).includes("cancelled") }])
+                  class: ie(["flex gap-1.5 items-center px-3 py-1.5 rounded-full text-sm bg-muted", { "opacity-50 hover:opacity-75": !t(z).includes("cancelled") }])
                 }, [
-                  t(E).includes("cancelled") ? (i(), A(t(ge), {
+                  t(z).includes("cancelled") ? (i(), A(t(ge), {
                     key: 0,
                     size: 12
                   })) : (i(), A(t(he), {
@@ -1094,10 +1094,10 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
                 d("div", { class: "animate-spin rounded-full h-8 w-8 border-b-2 border-primary" }, null, -1)
               ])])) : t(te).length === 0 ? (i(), M("div", ma, [
                 a[13] || (a[13] = Y(" No bookings for this day ", -1)),
-                t(N) ? (i(), A(F, {
+                t(B) ? (i(), A(F, {
                   key: 0,
                   onClick: a[5] || (a[5] = (e) => {
-                    E.value = ["needs_approval", "approved"], l.value = "";
+                    z.value = ["needs_approval", "approved"], l.value = "";
                   })
                 }, {
                   default: b(() => [...a[11] || (a[11] = [
@@ -1131,7 +1131,7 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
                           d("span", null, $(e.startTime) + " - " + $(e.endTime), 1)
                         ]),
                         d("div", _a, [
-                          c(t(Pe), { size: 12 }),
+                          c(t(je), { size: 12 }),
                           d("span", null, $(e.spots) + " " + $(e.spots === 1 ? "spot" : "spots"), 1)
                         ]),
                         e.resourceName ? (i(), M("div", Sa, [
@@ -1184,10 +1184,10 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
       });
     };
   }
-}), Aa = { class: "space-y-6" }, za = { class: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4" }, Ea = { class: "text-2xl font-semibold tracking-tight" }, Oa = { class: "flex flex-col md:flex-row gap-2" }, ja = { class: "grid gap-6 md:grid-cols-2 lg:grid-cols-3" }, Pa = { class: "md:col-span-2 lg:col-span-3" }, Ja = /* @__PURE__ */ ve({
+}), Aa = { class: "space-y-6" }, Ea = { class: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4" }, za = { class: "text-2xl font-semibold tracking-tight" }, Oa = { class: "flex flex-col md:flex-row gap-2" }, Pa = { class: "grid gap-6 md:grid-cols-2 lg:grid-cols-3" }, ja = { class: "md:col-span-2 lg:col-span-3" }, Ja = /* @__PURE__ */ ve({
   __name: "index",
   setup(f) {
-    const { hasPermission: h } = at(), { params: s, resolvePath: x } = $e(), { config: v } = Me(), y = Re(v.project), k = P(""), r = P(!0), n = P(/* @__PURE__ */ new Date()), l = P(null), o = P("stacked"), u = P(null), V = P([]);
+    const { hasPermission: h } = at(), { params: s, resolvePath: x } = $e(), { config: v } = Me(), y = Re(v.project), k = j(""), r = j(!0), n = j(/* @__PURE__ */ new Date()), l = j(null), o = j("stacked"), u = j(null), V = j([]);
     return (async () => {
       try {
         const O = await y.get(v.agendaCollection, s.value.id);
@@ -1200,13 +1200,13 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
     })(), (O, T) => (i(), A(st, null, {
       default: b(() => [
         d("div", Aa, [
-          d("div", za, [
+          d("div", Ea, [
             d("div", null, [
-              d("h1", Ea, $(t(k) || "Dashboard"), 1),
+              d("h1", za, $(t(k) || "Dashboard"), 1),
               T[4] || (T[4] = d("p", { class: "text-muted-foreground text-sm mt-1" }, " Overview and analytics for your booking service ", -1))
             ]),
             d("div", Oa, [
-              t(h)("manage-reservations") ? (i(), A(zt, {
+              t(h)("manage-reservations") ? (i(), A(Et, {
                 key: 0,
                 "agenda-data": t(u)
               }, null, 8, ["agenda-data"])) : Z("", !0)
@@ -1222,8 +1222,8 @@ const Nt = { "data-vis-component": "" }, Fe = /* @__PURE__ */ ve({
             "agenda-data": t(u),
             resources: t(V)
           }, null, 8, ["modelValue", "view-mode", "selected-resource", "agenda-data", "resources"]),
-          d("div", ja, [
-            d("div", Pa, [
+          d("div", Pa, [
+            d("div", ja, [
               t(V).length > 0 ? (i(), A(Ia, {
                 key: 0,
                 "agenda-data": t(u),