@oneclick.dev/cms-core-modules 0.0.122 → 0.0.123

package/dist/{NewReservationDialog.vue_vue_type_script_setup_true_lang-bZidw6RT.mjs → NewReservationDialog.vue_vue_type_script_setup_true_lang-8I_Z9cD_.mjs}

@@ -1,4 +1,4 @@
-import { defineComponent as De, ref as U, reactive as Ue, computed as re, watch as Re, resolveComponent as h, openBlock as i, createElementBlock as p, createElementVNode as f, Fragment as te, renderList as pe, normalizeClass as he, createVNode as r, withCtx as c, createTextVNode as w, toDisplayString as k, createCommentVNode as W, createBlock as be, onMounted as Ee, onBeforeUnmount as ze, nextTick as Le, unref as g, isRef as we, markRaw as Be, inject as qe } from "vue";
+import { defineComponent as De, ref as P, reactive as Ue, computed as ie, watch as Re, resolveComponent as h, openBlock as i, createElementBlock as p, createElementVNode as f, Fragment as ee, renderList as pe, normalizeClass as he, createVNode as r, withCtx as c, createTextVNode as N, toDisplayString as R, createCommentVNode as H, createBlock as be, onMounted as Fe, onBeforeUnmount as ze, nextTick as Le, unref as g, isRef as we, markRaw as Be, inject as qe } from "vue";
 import { CalendarIcon as je, ChevronLeft as He, Check as Qe, ChevronRight as Ye, X as We, Zap as Ge, Plus as Pe, Pencil as Xe, Users as Ze, Tag as Je, Trash2 as Me } from "lucide-vue-next";
 import { useModuleRoute as Ke, useModule as et, useLogs as tt, useFirebaseIntegration as nt } from "@oneclick.dev/cms-kit";
 import { c as Oe } from "./utils-CanmrIWO.mjs";
@@ -27,8 +27,8 @@ const ot = { class: "space-y-3" }, rt = { class: "grid gap-4 @md/modal:grid-cols
   props: {
     agendaData: {}
   },
-  setup(z, { expose: X }) {
-    const A = [
+  setup(U, { expose: G }) {
+    const E = [
       {
         id: "firstName",
         fieldName: "First Name",
@@ -64,109 +64,109 @@ const ot = { class: "space-y-3" }, rt = { class: "grid gap-4 @md/modal:grid-cols
         required: !0,
         visible: !0
       }
-    ], Q = /* @__PURE__ */ new Set(["firstName", "email"]), ue = z, B = U([]), O = Ue({}), F = re(() => {
-      const v = ue.agendaData?.customerInformationFields, x = (Array.isArray(v) && v.length > 0 ? v : A).filter((C) => C?.id && (C.visible !== !1 || Q.has(C.id))).map((C) => ({
-        ...C,
-        required: Q.has(C.id),
+    ], Q = /* @__PURE__ */ new Set(["firstName", "email"]), le = /* @__PURE__ */ new Set(["firstName"]), j = U, Z = P([]), T = Ue({}), F = ie(() => {
+      const _ = j.agendaData?.customerInformationFields, S = (Array.isArray(_) && _.length > 0 ? _ : E).filter((M) => M?.id && (M.visible !== !1 || Q.has(M.id))).map((M) => ({
+        ...M,
+        required: le.has(M.id),
         visible: !0
-      })), D = A.filter((C) => Q.has(C.id) && !x.some((le) => le.id === C.id)).map((C) => ({
-        ...C,
-        required: !0,
+      })), k = E.filter((M) => Q.has(M.id) && !S.some((ue) => ue.id === M.id)).map((M) => ({
+        ...M,
+        required: le.has(M.id),
         visible: !0
       }));
-      return [...x, ...D];
-    }), E = (v) => v.fieldName || v.id, q = (v) => v.replace(/[^A-Za-z0-9_-]/g, "-"), $ = (v, N) => ["new-res-customer-info", v.id, N].filter(Boolean).map((D) => q(D)).join("-"), M = (v) => v.fieldType === "email" || v.fieldType === "tel" || v.fieldType === "date" ? v.fieldType : "text", Y = (v) => Array.isArray(v.options) ? v.options.filter(Boolean) : [], H = (v) => v.fieldType === "checkbox" ? !1 : "", L = (v = !1) => {
-      const N = new Set(F.value.map((x) => x.id));
-      Object.keys(O).forEach((x) => {
-        N.has(x) || delete O[x];
-      }), F.value.forEach((x) => {
-        const D = H(x);
-        (v || O[x.id] === void 0 || typeof O[x.id] != typeof D) && (O[x.id] = D);
+      return [...S, ...k];
+    }), V = (_) => _.fieldName || _.id, L = (_) => _.replace(/[^A-Za-z0-9_-]/g, "-"), I = (_, O) => ["new-res-customer-info", _.id, O].filter(Boolean).map((k) => L(k)).join("-"), Y = (_) => _.fieldType === "email" || _.fieldType === "tel" || _.fieldType === "date" ? _.fieldType : "text", z = (_) => Array.isArray(_.options) ? _.options.filter(Boolean) : [], B = (_) => _.fieldType === "checkbox" ? !1 : "", J = (_ = !1) => {
+      const O = new Set(F.value.map((S) => S.id));
+      Object.keys(T).forEach((S) => {
+        O.has(S) || delete T[S];
+      }), F.value.forEach((S) => {
+        const k = B(S);
+        (_ || T[S.id] === void 0 || typeof T[S.id] != typeof k) && (T[S.id] = k);
       });
-    }, K = () => {
-      const v = F.value.reduce((N, x) => {
-        const D = O[x.id];
-        return N[x.id] = typeof D == "string" ? D.trim() : !!D, N;
+    }, w = () => {
+      const _ = F.value.reduce((O, S) => {
+        const k = T[S.id];
+        return O[S.id] = typeof k == "string" ? k.trim() : !!k, O;
       }, {});
-      return Object.entries(v).forEach(([N, x]) => {
-        O[N] = x;
-      }), v;
-    }, T = (v, N) => v.fieldType === "checkbox" ? N === !0 : typeof N == "string" ? N.trim().length > 0 : N != null, ie = () => {
-      B.value = [], L(!0);
-    }, Z = () => {
-      const v = [], N = K();
-      return F.value.forEach((x) => {
-        const D = N[x.id], C = E(x);
-        x.required && !T(x, D) && v.push(`Please fill in ${C}.`), x.fieldType === "email" && T(x, D) && typeof D == "string" && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(D) === !1 && v.push(`Please fill in a correct ${C}.`);
-      }), B.value = v, v.length === 0;
+      return Object.entries(_).forEach(([O, S]) => {
+        T[O] = S;
+      }), _;
+    }, se = (_, O) => _.fieldType === "checkbox" ? O === !0 : typeof O == "string" ? O.trim().length > 0 : O != null, X = () => {
+      Z.value = [], J(!0);
+    }, ae = () => {
+      const _ = [], O = w();
+      return F.value.forEach((S) => {
+        const k = O[S.id], M = V(S);
+        S.required && !se(S, k) && _.push(`Please fill in ${M}.`), S.fieldType === "email" && se(S, k) && typeof k == "string" && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(k) === !1 && _.push(`Please fill in a correct ${M}.`);
+      }), Z.value = _, _.length === 0;
     };
     return Re(F, () => {
-      L();
-    }, { immediate: !0 }), X({
-      getCustomerInfo: K,
-      reset: ie,
-      validateForm: Z
-    }), (v, N) => {
-      const x = h("Checkbox"), D = h("Label"), C = h("SelectValue"), le = h("SelectTrigger"), ve = h("SelectItem"), ye = h("SelectGroup"), me = h("SelectContent"), de = h("Select"), fe = h("RadioGroupItem"), ae = h("RadioGroup"), ge = h("Input");
+      J();
+    }, { immediate: !0 }), G({
+      getCustomerInfo: w,
+      reset: X,
+      validateForm: ae
+    }), (_, O) => {
+      const S = h("Checkbox"), k = h("Label"), M = h("SelectValue"), ue = h("SelectTrigger"), ye = h("SelectItem"), me = h("SelectGroup"), de = h("SelectContent"), fe = h("Select"), oe = h("RadioGroupItem"), ge = h("RadioGroup"), ve = h("Input");
       return i(), p("div", ot, [
-        N[0] || (N[0] = f("h2", { class: "text-sm font-medium" }, "Customer Information", -1)),
+        O[0] || (O[0] = f("h2", { class: "text-sm font-medium" }, "Customer Information", -1)),
         f("div", rt, [
-          (i(!0), p(te, null, pe(F.value, (_) => (i(), p("div", {
-            key: _.id,
-            class: he(["grid gap-2", _.fieldType === "checkbox" ? "@md/modal:col-span-2" : ""])
+          (i(!0), p(ee, null, pe(F.value, (v) => (i(), p("div", {
+            key: v.id,
+            class: he(["grid gap-2", v.fieldType === "checkbox" ? "@md/modal:col-span-2" : ""])
           }, [
-            _.fieldType === "checkbox" ? (i(), p("div", it, [
-              r(x, {
-                id: $(_),
-                modelValue: O[_.id],
-                "onUpdate:modelValue": (P) => O[_.id] = P
+            v.fieldType === "checkbox" ? (i(), p("div", it, [
+              r(S, {
+                id: I(v),
+                modelValue: T[v.id],
+                "onUpdate:modelValue": ($) => T[v.id] = $
               }, null, 8, ["id", "modelValue", "onUpdate:modelValue"]),
-              r(D, {
-                for: $(_),
+              r(k, {
+                for: I(v),
                 class: "font-normal cursor-pointer"
               }, {
                 default: c(() => [
-                  w(k(E(_)) + " ", 1),
-                  _.required ? W("", !0) : (i(), p("span", lt, "optional"))
+                  N(R(V(v)) + " ", 1),
+                  v.required ? H("", !0) : (i(), p("span", lt, "optional"))
                 ]),
                 _: 2
               }, 1032, ["for"])
-            ])) : _.fieldType === "select" ? (i(), p(te, { key: 1 }, [
-              r(D, {
-                for: $(_)
+            ])) : v.fieldType === "select" ? (i(), p(ee, { key: 1 }, [
+              r(k, {
+                for: I(v)
               }, {
                 default: c(() => [
-                  w(k(E(_)) + " ", 1),
-                  _.required ? W("", !0) : (i(), p("span", ut, "optional"))
+                  N(R(V(v)) + " ", 1),
+                  v.required ? H("", !0) : (i(), p("span", ut, "optional"))
                 ]),
                 _: 2
               }, 1032, ["for"]),
-              r(de, {
-                modelValue: O[_.id],
-                "onUpdate:modelValue": (P) => O[_.id] = P
+              r(fe, {
+                modelValue: T[v.id],
+                "onUpdate:modelValue": ($) => T[v.id] = $
               }, {
                 default: c(() => [
-                  r(le, {
-                    id: $(_),
+                  r(ue, {
+                    id: I(v),
                     class: "w-full"
                   }, {
                     default: c(() => [
-                      r(C, {
-                        placeholder: `Select ${E(_)}`
+                      r(M, {
+                        placeholder: `Select ${V(v)}`
                       }, null, 8, ["placeholder"])
                     ]),
                     _: 2
                   }, 1032, ["id"]),
-                  r(me, null, {
+                  r(de, null, {
                     default: c(() => [
-                      r(ye, null, {
+                      r(me, null, {
                         default: c(() => [
-                          (i(!0), p(te, null, pe(Y(_), (P) => (i(), be(ve, {
-                            key: P,
-                            value: P
+                          (i(!0), p(ee, null, pe(z(v), ($) => (i(), be(ye, {
+                            key: $,
+                            value: $
                           }, {
                             default: c(() => [
-                              w(k(P), 1)
+                              N(R($), 1)
                             ]),
                             _: 2
                           }, 1032, ["value"]))), 128))
@@ -179,34 +179,34 @@ const ot = { class: "space-y-3" }, rt = { class: "grid gap-4 @md/modal:grid-cols
                 ]),
                 _: 2
               }, 1032, ["modelValue", "onUpdate:modelValue"])
-            ], 64)) : _.fieldType === "radio" ? (i(), p(te, { key: 2 }, [
-              r(D, null, {
+            ], 64)) : v.fieldType === "radio" ? (i(), p(ee, { key: 2 }, [
+              r(k, null, {
                 default: c(() => [
-                  w(k(E(_)) + " ", 1),
-                  _.required ? W("", !0) : (i(), p("span", dt, "optional"))
+                  N(R(V(v)) + " ", 1),
+                  v.required ? H("", !0) : (i(), p("span", dt, "optional"))
                 ]),
                 _: 2
               }, 1024),
-              r(ae, {
-                modelValue: O[_.id],
-                "onUpdate:modelValue": (P) => O[_.id] = P,
+              r(ge, {
+                modelValue: T[v.id],
+                "onUpdate:modelValue": ($) => T[v.id] = $,
                 class: "grid gap-2"
               }, {
                 default: c(() => [
-                  (i(!0), p(te, null, pe(Y(_), (P) => (i(), p("div", {
-                    key: P,
+                  (i(!0), p(ee, null, pe(z(v), ($) => (i(), p("div", {
+                    key: $,
                     class: "flex items-center gap-2"
                   }, [
-                    r(fe, {
-                      id: $(_, P),
-                      value: P
+                    r(oe, {
+                      id: I(v, $),
+                      value: $
                     }, null, 8, ["id", "value"]),
-                    r(D, {
-                      for: $(_, P),
+                    r(k, {
+                      for: I(v, $),
                       class: "font-normal cursor-pointer"
                     }, {
                       default: c(() => [
-                        w(k(P), 1)
+                        N(R($), 1)
                       ]),
                       _: 2
                     }, 1032, ["for"])
@@ -214,129 +214,129 @@ const ot = { class: "space-y-3" }, rt = { class: "grid gap-4 @md/modal:grid-cols
                 ]),
                 _: 2
               }, 1032, ["modelValue", "onUpdate:modelValue"])
-            ], 64)) : (i(), p(te, { key: 3 }, [
-              r(D, {
-                for: $(_)
+            ], 64)) : (i(), p(ee, { key: 3 }, [
+              r(k, {
+                for: I(v)
               }, {
                 default: c(() => [
-                  w(k(E(_)) + " ", 1),
-                  _.required ? W("", !0) : (i(), p("span", ct, "optional"))
+                  N(R(V(v)) + " ", 1),
+                  v.required ? H("", !0) : (i(), p("span", ct, "optional"))
                 ]),
                 _: 2
               }, 1032, ["for"]),
-              r(ge, {
-                modelValue: O[_.id],
-                "onUpdate:modelValue": (P) => O[_.id] = P,
-                id: $(_),
-                type: M(_),
+              r(ve, {
+                modelValue: T[v.id],
+                "onUpdate:modelValue": ($) => T[v.id] = $,
+                id: I(v),
+                type: Y(v),
                 autocomplete: "off"
               }, null, 8, ["modelValue", "onUpdate:modelValue", "id", "type"])
             ], 64))
           ], 2))), 128))
         ]),
-        B.value.length > 0 ? (i(), p("div", pt, [
+        Z.value.length > 0 ? (i(), p("div", pt, [
           f("ul", mt, [
-            (i(!0), p(te, null, pe(B.value, (_) => (i(), p("li", { key: _ }, k(_), 1))), 128))
+            (i(!0), p(ee, null, pe(Z.value, (v) => (i(), p("li", { key: v }, R(v), 1))), 128))
           ])
-        ])) : W("", !0)
+        ])) : H("", !0)
       ]);
     };
   }
 });
-function gt(z = {}) {
-  const X = U(null), A = U(!1), Q = U(!1), ue = U(!1), B = U(!1), O = z.dragSpeed ?? 1.1, F = z.dragThreshold ?? 10, E = z.edgeThreshold ?? 10, q = z.ignoreDragSelector ?? 'input, select, textarea, [contenteditable="true"], [data-horizontal-scroll-ignore-drag]';
-  let $ = null, M = 0, Y = 0, H = !1, L = null, K = null, T = null;
-  const ie = () => {
-    L === null || typeof window > "u" || (window.clearTimeout(L), L = null);
-  }, Z = () => {
-    const a = X.value;
+function gt(U = {}) {
+  const G = P(null), E = P(!1), Q = P(!1), le = P(!1), j = P(!1), Z = U.dragSpeed ?? 1.1, T = U.dragThreshold ?? 10, F = U.edgeThreshold ?? 10, V = U.ignoreDragSelector ?? 'input, select, textarea, [contenteditable="true"], [data-horizontal-scroll-ignore-drag]';
+  let L = null, I = 0, Y = 0, z = !1, B = null, J = null, w = null;
+  const se = () => {
+    B === null || typeof window > "u" || (window.clearTimeout(B), B = null);
+  }, X = () => {
+    const a = G.value;
     if (!a) {
-      Q.value = !1, ue.value = !1, B.value = !1;
+      Q.value = !1, le.value = !1, j.value = !1;
       return;
     }
     const l = Math.max(a.scrollWidth - a.clientWidth, 0);
-    Q.value = l > E, ue.value = Q.value && a.scrollLeft > E, B.value = Q.value && a.scrollLeft < l - E;
-  }, v = () => {
+    Q.value = l > F, le.value = Q.value && a.scrollLeft > F, j.value = Q.value && a.scrollLeft < l - F;
+  }, ae = () => {
     Le(() => {
       if (typeof window > "u") {
-        Z();
+        X();
         return;
       }
-      window.requestAnimationFrame(() => Z());
+      window.requestAnimationFrame(() => X());
     });
-  }, N = () => {
-    if (typeof z.scrollStep == "number") return z.scrollStep;
-    const a = X.value;
+  }, _ = () => {
+    if (typeof U.scrollStep == "number") return U.scrollStep;
+    const a = G.value;
     return a ? Math.max(Math.floor(a.clientWidth * 0.72), 180) : 240;
-  }, x = (a, l = "smooth") => {
-    const I = X.value;
-    if (I) {
-      if (I.scrollBy({ left: a, behavior: l }), l === "auto") {
-        Z();
+  }, O = (a, l = "smooth") => {
+    const D = G.value;
+    if (D) {
+      if (D.scrollBy({ left: a, behavior: l }), l === "auto") {
+        X();
         return;
       }
-      v();
+      ae();
     }
-  }, D = () => {
-    x(-N());
-  }, C = () => {
-    x(N());
-  }, le = () => {
-    const a = X.value;
-    $ !== null && a?.hasPointerCapture?.($) && a.releasePointerCapture($), A.value && (H = !0, ie(), typeof window < "u" && (L = window.setTimeout(() => {
-      H = !1, L = null;
-    }, 0))), $ = null, A.value = !1, a && (a.style.userSelect = "", a.style.cursor = ""), Z();
-  }, ve = () => {
-    Z();
+  }, S = () => {
+    O(-_());
+  }, k = () => {
+    O(_());
+  }, M = () => {
+    const a = G.value;
+    L !== null && a?.hasPointerCapture?.(L) && a.releasePointerCapture(L), E.value && (z = !0, se(), typeof window < "u" && (B = window.setTimeout(() => {
+      z = !1, B = null;
+    }, 0))), L = null, E.value = !1, a && (a.style.userSelect = "", a.style.cursor = ""), X();
+  }, ue = () => {
+    X();
   }, ye = (a) => {
-    const l = X.value;
+    const l = G.value;
     if (!l || !Q.value || Math.abs(a.deltaY) <= Math.abs(a.deltaX)) return;
-    const I = a.deltaY < 0, oe = a.deltaY > 0;
-    I && !ue.value || oe && !B.value || (a.preventDefault(), l.scrollLeft += a.deltaY, Z());
-  }, me = (a) => a instanceof Element ? !!a.closest(q) : !1, de = (a) => {
-    const l = X.value;
-    !l || !Q.value || a.pointerType !== "touch" && a.button === 0 && (me(a.target) || ($ = a.pointerId, M = a.clientX, Y = l.scrollLeft, H = !1));
+    const D = a.deltaY < 0, re = a.deltaY > 0;
+    D && !le.value || re && !j.value || (a.preventDefault(), l.scrollLeft += a.deltaY, X());
+  }, me = (a) => a instanceof Element ? !!a.closest(V) : !1, de = (a) => {
+    const l = G.value;
+    !l || !Q.value || a.pointerType !== "touch" && a.button === 0 && (me(a.target) || (L = a.pointerId, I = a.clientX, Y = l.scrollLeft, z = !1));
   }, fe = (a) => {
-    const l = X.value;
-    if (!l || $ !== a.pointerId) return;
-    const I = a.clientX - M;
-    !A.value && Math.abs(I) < F || (A.value || (A.value = !0, l.style.userSelect = "none", l.style.cursor = "grabbing", l.setPointerCapture?.(a.pointerId)), a.preventDefault(), l.scrollLeft = Y - I * O, Z());
-  }, ae = (a) => {
-    $ === a.pointerId && le();
+    const l = G.value;
+    if (!l || L !== a.pointerId) return;
+    const D = a.clientX - I;
+    !E.value && Math.abs(D) < T || (E.value || (E.value = !0, l.style.userSelect = "none", l.style.cursor = "grabbing", l.setPointerCapture?.(a.pointerId)), a.preventDefault(), l.scrollLeft = Y - D * Z, X());
+  }, oe = (a) => {
+    L === a.pointerId && M();
   }, ge = () => {
-    $ !== null && le();
-  }, _ = (a) => {
-    H && (a.preventDefault(), a.stopPropagation(), H = !1);
-  }, P = (a) => {
-    typeof ResizeObserver < "u" && (K = new ResizeObserver(() => Z()), K.observe(a)), z.observeMutations !== !1 && typeof MutationObserver < "u" && (T = new MutationObserver(() => v()), T.observe(a, {
+    L !== null && M();
+  }, ve = (a) => {
+    z && (a.preventDefault(), a.stopPropagation(), z = !1);
+  }, v = (a) => {
+    typeof ResizeObserver < "u" && (J = new ResizeObserver(() => X()), J.observe(a)), U.observeMutations !== !1 && typeof MutationObserver < "u" && (w = new MutationObserver(() => ae()), w.observe(a, {
       childList: !0,
       subtree: !0,
       characterData: !0
     }));
-  }, J = () => {
-    K?.disconnect(), T?.disconnect(), K = null, T = null;
+  }, $ = () => {
+    J?.disconnect(), w?.disconnect(), J = null, w = null;
   }, ke = (a) => {
-    a.addEventListener("scroll", ve), a.addEventListener("wheel", ye, { passive: !1 }), a.addEventListener("pointerdown", de), a.addEventListener("pointermove", fe), a.addEventListener("pointerup", ae), a.addEventListener("pointercancel", ge), a.addEventListener("lostpointercapture", ge), a.addEventListener("click", _, !0), P(a), v();
+    a.addEventListener("scroll", ue), a.addEventListener("wheel", ye, { passive: !1 }), a.addEventListener("pointerdown", de), a.addEventListener("pointermove", fe), a.addEventListener("pointerup", oe), a.addEventListener("pointercancel", ge), a.addEventListener("lostpointercapture", ge), a.addEventListener("click", ve, !0), v(a), ae();
   }, xe = (a) => {
-    a.removeEventListener("scroll", ve), a.removeEventListener("wheel", ye), a.removeEventListener("pointerdown", de), a.removeEventListener("pointermove", fe), a.removeEventListener("pointerup", ae), a.removeEventListener("pointercancel", ge), a.removeEventListener("lostpointercapture", ge), a.removeEventListener("click", _, !0), J();
+    a.removeEventListener("scroll", ue), a.removeEventListener("wheel", ye), a.removeEventListener("pointerdown", de), a.removeEventListener("pointermove", fe), a.removeEventListener("pointerup", oe), a.removeEventListener("pointercancel", ge), a.removeEventListener("lostpointercapture", ge), a.removeEventListener("click", ve, !0), $();
   };
-  return Re(X, (a, l) => {
-    l && xe(l), a ? ke(a) : Z();
-  }), Ee(() => {
-    v();
+  return Re(G, (a, l) => {
+    l && xe(l), a ? ke(a) : X();
+  }), Fe(() => {
+    ae();
   }), ze(() => {
-    ie(), X.value && xe(X.value), H = !1, le();
+    se(), G.value && xe(G.value), z = !1, M();
   }), {
-    canScrollLeft: re(() => ue.value),
-    canScrollRight: re(() => B.value),
-    containerRef: X,
-    isDragging: A,
+    canScrollLeft: ie(() => le.value),
+    canScrollRight: ie(() => j.value),
+    containerRef: G,
+    isDragging: E,
     isScrollable: Q,
-    refresh: v,
-    scrollNext: C,
-    scrollPrev: D,
-    showLeftShadow: ue,
-    showRightShadow: B
+    refresh: ae,
+    scrollNext: k,
+    scrollPrev: S,
+    showLeftShadow: le,
+    showRightShadow: j
   };
 }
 const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "text-sm font-medium" }, ht = {
@@ -366,105 +366,105 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
 }, Nt = {
   key: 0,
   class: "absolute -top-1 -right-1 flex items-center justify-center bg-primary rounded-full text-background size-4"
-}, Ot = { class: "flex flex-wrap gap-2" }, Vt = ["onClick"], Mt = { key: 0 }, At = { key: 1 }, Ft = { key: 2 }, Et = /* @__PURE__ */ De({
+}, Ot = { class: "flex flex-wrap gap-2" }, Vt = ["onClick"], Mt = { key: 0 }, At = { key: 1 }, Et = { key: 2 }, Ft = /* @__PURE__ */ De({
   __name: "QuickReservationAdder",
   props: {
     agendaData: {},
     surface: { default: "card" }
   },
   emits: ["add"],
-  setup(z, { emit: X }) {
-    const A = z, Q = X, ue = new st("en-US", {
+  setup(U, { emit: G }) {
+    const E = U, Q = G, le = new st("en-US", {
       dateStyle: "long"
-    }), B = Ae(Ve()), O = re(() => A.surface === "popover"), F = U(""), E = U(void 0), q = U(""), $ = U(""), M = U([]), Y = U(1), H = U(0), L = re(() => A.agendaData?.resources?.find((a) => a.id === q.value)), K = (a) => {
-      const [l, I] = a.split(":").map(Number);
-      return l * 60 + I;
-    }, T = (a) => {
-      const l = Math.floor(a / 60), I = a % 60;
-      return `${l.toString().padStart(2, "0")}:${I.toString().padStart(2, "0")}`;
-    }, ie = () => {
-      if (!L.value) return [];
-      const a = L.value.interval || 60;
-      let l = null, I = null;
-      for (const s of Object.values(L.value.openingHours || {}))
+    }), j = Ae(Ve()), Z = ie(() => E.surface === "popover"), T = P(""), F = P(void 0), V = P(""), L = P(""), I = P([]), Y = P(1), z = P(0), B = ie(() => E.agendaData?.resources?.find((a) => a.id === V.value)), J = (a) => {
+      const [l, D] = a.split(":").map(Number);
+      return l * 60 + D;
+    }, w = (a) => {
+      const l = Math.floor(a / 60), D = a % 60;
+      return `${l.toString().padStart(2, "0")}:${D.toString().padStart(2, "0")}`;
+    }, se = () => {
+      if (!B.value) return [];
+      const a = B.value.interval || 60;
+      let l = null, D = null;
+      for (const s of Object.values(B.value.openingHours || {}))
         for (const n of s) {
-          const m = K(n.start), S = K(n.end);
-          (l === null || m < l) && (l = m), (I === null || S > I) && (I = S);
+          const m = J(n.start), x = J(n.end);
+          (l === null || m < l) && (l = m), (D === null || x > D) && (D = x);
         }
-      if (l === null || I === null) return [];
-      const oe = [];
-      for (let s = l; s < I; s += a)
-        oe.push(T(s));
-      return oe;
-    }, Z = re(() => {
-      const a = Number(H.value);
-      return E.value && q.value && $.value && M.value.length > 0 && Number.isFinite(a) && a >= 0;
-    }), v = re(() => ie()), {
-      canScrollLeft: N,
-      canScrollRight: x,
-      containerRef: D,
-      isDragging: C,
-      isScrollable: le,
-      scrollNext: ve,
+      if (l === null || D === null) return [];
+      const re = [];
+      for (let s = l; s < D; s += a)
+        re.push(w(s));
+      return re;
+    }, X = ie(() => {
+      const a = Number(z.value);
+      return F.value && V.value && L.value && I.value.length > 0 && Number.isFinite(a) && a >= 0;
+    }), ae = ie(() => se()), {
+      canScrollLeft: _,
+      canScrollRight: O,
+      containerRef: S,
+      isDragging: k,
+      isScrollable: M,
+      scrollNext: ue,
       scrollPrev: ye,
       showLeftShadow: me,
       showRightShadow: de
-    } = gt(), fe = (a) => M.value.includes(a), ae = (a) => {
+    } = gt(), fe = (a) => I.value.includes(a), oe = (a) => {
       if (fe(a)) {
-        M.value = M.value.filter((l) => l !== a);
+        I.value = I.value.filter((l) => l !== a);
         return;
       }
-      M.value = [...M.value, a].sort((l, I) => K(l) - K(I));
+      I.value = [...I.value, a].sort((l, D) => J(l) - J(D));
     }, ge = (a, l) => {
-      E.value = a ? Be(a) : void 0, F.value = a ? `${a}` : "", l();
-    }, _ = U(""), P = U(""), J = U([]), ke = () => {
+      F.value = a ? Be(a) : void 0, T.value = a ? `${a}` : "", l();
+    }, ve = P(""), v = P(""), $ = P([]), ke = () => {
       Q("add", {
-        date: E.value,
-        resourceId: q.value,
-        pricingOptionId: $.value,
-        startTimes: M.value,
+        date: F.value,
+        resourceId: V.value,
+        pricingOptionId: L.value,
+        startTimes: I.value,
         spots: Y.value,
-        paid: Number(H.value) || 0
-      }), M.value = [], J.value = [], P.value = "", _.value = "";
+        paid: Number(z.value) || 0
+      }), I.value = [], $.value = [], v.value = "", ve.value = "";
     }, xe = () => {
-      F.value = B.toString(), E.value = B, q.value = A.agendaData?.resources?.[0]?.id || "", $.value = A.agendaData?.pricingOptions?.find((a) => a.isDefault)?.id || A.agendaData?.pricingOptions?.[0]?.id || "", M.value = [], Y.value = 1, H.value = 0, _.value = "";
+      T.value = j.toString(), F.value = j, V.value = E.agendaData?.resources?.[0]?.id || "", L.value = E.agendaData?.pricingOptions?.find((a) => a.isDefault)?.id || E.agendaData?.pricingOptions?.[0]?.id || "", I.value = [], Y.value = 1, z.value = 0, ve.value = "";
     };
-    return Ee(() => {
+    return Fe(() => {
       xe();
     }), (a, l) => {
-      const I = h("Label"), oe = h("Button"), s = h("PopoverTrigger"), n = h("Calendar"), m = h("PopoverContent"), S = h("Popover"), V = h("DynamicSelectOption"), ne = h("DynamicSelect"), ee = h("Input");
+      const D = h("Label"), re = h("Button"), s = h("PopoverTrigger"), n = h("Calendar"), m = h("PopoverContent"), x = h("Popover"), A = h("DynamicSelectOption"), te = h("DynamicSelect"), K = h("Input");
       return i(), p("div", {
         class: he(g(Oe)(
           "@container/quick-adder grid gap-4 overflow-hidden bg-background",
-          g(O) ? "p-5 sm:p-6" : "rounded-md border p-4"
+          g(Z) ? "p-5 sm:p-6" : "rounded-md border p-4"
         ))
       }, [
         f("div", vt, [
           f("div", null, [
-            f("h3", _t, k(g(O) ? "Quick add reservations" : "Add reservations"), 1),
-            g(O) ? (i(), p("p", ht, " Choose one date and add multiple timeslots in one pass. ")) : W("", !0)
+            f("h3", _t, R(g(Z) ? "Quick add reservations" : "Add reservations"), 1),
+            g(Z) ? (i(), p("p", ht, " Choose one date and add multiple timeslots in one pass. ")) : H("", !0)
           ])
         ]),
         f("div", bt, [
           f("div", yt, [
-            r(I, null, {
+            r(D, null, {
               default: c(() => [...l[4] || (l[4] = [
-                w("Date", -1)
+                N("Date", -1)
               ])]),
               _: 1
             }),
-            r(S, null, {
+            r(x, null, {
               default: c(({ close: b }) => [
                 r(s, { "as-child": "" }, {
                   default: c(() => [
-                    r(oe, {
+                    r(re, {
                       type: "button",
                       variant: "outline",
-                      class: he(g(Oe)("w-full justify-start text-left font-normal", !g(E) && "text-muted-foreground"))
+                      class: he(g(Oe)("w-full justify-start text-left font-normal", !g(F) && "text-muted-foreground"))
                     }, {
                       default: c(() => [
                         r(g(je)),
-                        w(" " + k(g(E) ? g(ue).format(g(E).toDate(g(Ve)())) : "Pick a date"), 1)
+                        N(" " + R(g(F) ? g(le).format(g(F).toDate(g(Ve)())) : "Pick a date"), 1)
                       ]),
                       _: 1
                     }, 8, ["class"])
@@ -477,8 +477,8 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
                 }, {
                   default: c(() => [
                     r(n, {
-                      "model-value": g(E),
-                      "default-placeholder": g(B),
+                      "model-value": g(F),
+                      "default-placeholder": g(j),
                       layout: "month-and-year",
                       "initial-focus": "",
                       "onUpdate:modelValue": (_e) => ge(_e, b),
@@ -491,70 +491,70 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
               _: 1
             })
           ]),
-          z.agendaData.resources?.length > 1 ? (i(), p("div", xt, [
-            r(I, null, {
+          U.agendaData.resources?.length > 1 ? (i(), p("div", xt, [
+            r(D, null, {
               default: c(() => [...l[5] || (l[5] = [
-                w("Resource", -1)
+                N("Resource", -1)
               ])]),
               _: 1
             }),
-            r(ne, {
-              modelValue: g(q),
-              "onUpdate:modelValue": l[0] || (l[0] = (b) => we(q) ? q.value = b : null),
+            r(te, {
+              modelValue: g(V),
+              "onUpdate:modelValue": l[0] || (l[0] = (b) => we(V) ? V.value = b : null),
               "wrapper-class": "w-full",
               class: "w-full",
               placeholder: "Select resource"
             }, {
               default: c(() => [
-                (i(!0), p(te, null, pe(z.agendaData.resources || [], (b) => (i(), be(V, {
+                (i(!0), p(ee, null, pe(U.agendaData.resources || [], (b) => (i(), be(A, {
                   key: b.id,
                   value: b.id
                 }, {
                   default: c(() => [
-                    w(k(b.name), 1)
+                    N(R(b.name), 1)
                   ]),
                   _: 2
                 }, 1032, ["value"]))), 128))
               ]),
               _: 1
             }, 8, ["modelValue"])
-          ])) : W("", !0),
-          z.agendaData.pricingOptions?.length > 1 ? (i(), p("div", St, [
-            r(I, null, {
+          ])) : H("", !0),
+          U.agendaData.pricingOptions?.length > 1 ? (i(), p("div", St, [
+            r(D, null, {
               default: c(() => [...l[6] || (l[6] = [
-                w("Type", -1)
+                N("Type", -1)
               ])]),
               _: 1
             }),
-            r(ne, {
-              modelValue: g($),
-              "onUpdate:modelValue": l[1] || (l[1] = (b) => we($) ? $.value = b : null),
+            r(te, {
+              modelValue: g(L),
+              "onUpdate:modelValue": l[1] || (l[1] = (b) => we(L) ? L.value = b : null),
               "wrapper-class": "w-full",
               class: "w-full",
               placeholder: "Select type"
             }, {
               default: c(() => [
-                (i(!0), p(te, null, pe(z.agendaData.pricingOptions || [], (b) => (i(), be(V, {
+                (i(!0), p(ee, null, pe(U.agendaData.pricingOptions || [], (b) => (i(), be(A, {
                   key: b.id,
                   value: b.id
                 }, {
                   default: c(() => [
-                    w(k(b.name) + " (" + k(b.duration) + "min) ", 1)
+                    N(R(b.name) + " (" + R(b.duration) + "min) ", 1)
                   ]),
                   _: 2
                 }, 1032, ["value"]))), 128))
               ]),
               _: 1
             }, 8, ["modelValue"])
-          ])) : W("", !0),
-          z.agendaData?.maxTicketsPerReservation > 1 ? (i(), p("div", kt, [
-            r(I, null, {
+          ])) : H("", !0),
+          U.agendaData?.maxTicketsPerReservation > 1 ? (i(), p("div", kt, [
+            r(D, null, {
               default: c(() => [...l[7] || (l[7] = [
-                w("Spots/tickets", -1)
+                N("Spots/tickets", -1)
               ])]),
               _: 1
             }),
-            r(ee, {
+            r(K, {
               modelValue: g(Y),
               "onUpdate:modelValue": l[2] || (l[2] = (b) => we(Y) ? Y.value = b : null),
               modelModifiers: { number: !0 },
@@ -563,17 +563,17 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
               class: "no-spinner",
               autocomplete: "off"
             }, null, 8, ["modelValue"])
-          ])) : W("", !0),
+          ])) : H("", !0),
           f("div", $t, [
-            r(I, null, {
+            r(D, null, {
               default: c(() => [...l[8] || (l[8] = [
-                w("Paid (per reservation)", -1)
+                N("Paid (per reservation)", -1)
               ])]),
               _: 1
             }),
-            r(ee, {
-              modelValue: g(H),
-              "onUpdate:modelValue": l[3] || (l[3] = (b) => we(H) ? H.value = b : null),
+            r(K, {
+              modelValue: g(z),
+              "onUpdate:modelValue": l[3] || (l[3] = (b) => we(z) ? z.value = b : null),
               modelModifiers: { number: !0 },
               type: "number",
               min: "0",
@@ -585,14 +585,14 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
           ])
         ]),
         f("div", Tt, [
-          r(I, null, {
+          r(D, null, {
             default: c(() => [...l[10] || (l[10] = [
-              w("Available hours", -1)
+              N("Available hours", -1)
             ])]),
             _: 1
           }),
-          g(v).length === 0 ? (i(), p("div", It, " No preset hours are available for this resource. You can still add a custom time below. ")) : (i(), p("div", Rt, [
-            g(N) ? (i(), be(oe, {
+          g(ae).length === 0 ? (i(), p("div", It, " No preset hours are available for this resource. You can still add a custom time below. ")) : (i(), p("div", Rt, [
+            g(_) ? (i(), be(re, {
               key: 0,
               type: "button",
               size: "icon",
@@ -604,69 +604,69 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
                 r(g(He), { class: "size-4" })
               ]),
               _: 1
-            }, 8, ["onClick"])) : W("", !0),
+            }, 8, ["onClick"])) : H("", !0),
             f("div", wt, [
-              g(me) ? (i(), p("div", Dt)) : W("", !0),
-              g(de) ? (i(), p("div", Ct)) : W("", !0),
+              g(me) ? (i(), p("div", Dt)) : H("", !0),
+              g(de) ? (i(), p("div", Ct)) : H("", !0),
               f("div", {
                 ref_key: "hourScrollContainer",
-                ref: D,
+                ref: S,
                 class: he(g(Oe)(
                   "hour-scroll-track flex w-full min-w-0 gap-2 overflow-x-auto overscroll-contain py-2",
-                  g(le) && !g(C) && "cursor-grab",
-                  g(C) && "cursor-grabbing select-none"
+                  g(M) && !g(k) && "cursor-grab",
+                  g(k) && "cursor-grabbing select-none"
                 ))
               }, [
-                (i(!0), p(te, null, pe(g(v), (b) => (i(), be(oe, {
+                (i(!0), p(ee, null, pe(g(ae), (b) => (i(), be(re, {
                   key: b,
                   type: "button",
                   variant: "outline",
                   class: he(["relative h-12 shrink-0", fe(b) ? "border-primary!" : ""]),
-                  onClick: (_e) => ae(b)
+                  onClick: (_e) => oe(b)
                 }, {
                   default: c(() => [
-                    w(k(b) + " ", 1),
+                    N(R(b) + " ", 1),
                     fe(b) ? (i(), p("div", Nt, [
                       r(g(Qe), { class: "size-3" })
-                    ])) : W("", !0)
+                    ])) : H("", !0)
                   ]),
                   _: 2
                 }, 1032, ["class", "onClick"]))), 128))
               ], 2)
             ]),
-            g(x) ? (i(), be(oe, {
+            g(O) ? (i(), be(re, {
               key: 1,
               type: "button",
               size: "icon",
               variant: "outline",
               class: "hidden absolute size-8 shrink-0 rounded-full shadow-sm md:inline-flex z-[11] right-0.5",
-              onClick: g(ve)
+              onClick: g(ue)
             }, {
               default: c(() => [
                 r(g(Ye), { class: "size-4" })
               ]),
               _: 1
-            }, 8, ["onClick"])) : W("", !0)
+            }, 8, ["onClick"])) : H("", !0)
           ])),
           f("div", Ot, [
-            (i(!0), p(te, null, pe(g(J), (b) => (i(), p("div", {
+            (i(!0), p(ee, null, pe(g($), (b) => (i(), p("div", {
               key: b,
               class: "relative"
             }, [
-              r(oe, {
+              r(re, {
                 type: "button",
                 variant: "outline",
                 class: "h-12 px-4 py-2"
               }, {
                 default: c(() => [
-                  w(k(b), 1)
+                  N(R(b), 1)
                 ]),
                 _: 2
               }, 1024),
               f("div", {
                 class: "absolute -top-1 -right-1 flex items-center justify-center bg-red-500 rounded-full text-white size-4 cursor-pointer",
                 onClick: (_e) => {
-                  J.value = g(J).filter((ce) => ce !== b), M.value = g(M).filter((ce) => ce !== b);
+                  $.value = g($).filter((ce) => ce !== b), I.value = g(I).filter((ce) => ce !== b);
                 }
               }, [
                 r(g(We), { class: "size-3" })
@@ -675,12 +675,12 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
           ])
         ]),
         f("div", null, [
-          r(oe, {
-            disabled: !g(Z),
+          r(re, {
+            disabled: !g(X),
             onClick: ke
           }, {
             default: c(() => [
-              g(M).length === 0 ? (i(), p("span", Mt, "Select at least one timeslot")) : g(M).length === 1 ? (i(), p("span", At, "Add 1 reservation")) : (i(), p("span", Ft, "Add " + k(g(M).length) + " reservations", 1))
+              g(I).length === 0 ? (i(), p("span", Mt, "Select at least one timeslot")) : g(I).length === 1 ? (i(), p("span", At, "Add 1 reservation")) : (i(), p("span", Et, "Add " + R(g(I).length) + " reservations", 1))
             ]),
             _: 1
           }, 8, ["disabled"])
@@ -688,7 +688,7 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
       ], 2);
     };
   }
-}), Lt = /* @__PURE__ */ at(Et, [["__scopeId", "data-v-30be47b0"]]), Pt = { class: "space-y-3" }, Ut = { class: "flex flex-wrap items-center justify-between gap-3" }, zt = { class: "text-xs text-muted-foreground" }, Bt = { class: "flex flex-wrap items-center gap-2" }, qt = {
+}), Lt = /* @__PURE__ */ at(Ft, [["__scopeId", "data-v-30be47b0"]]), Pt = { class: "space-y-3" }, Ut = { class: "flex flex-wrap items-center justify-between gap-3" }, zt = { class: "text-xs text-muted-foreground" }, Bt = { class: "flex flex-wrap items-center gap-2" }, qt = {
   key: 0,
   class: "rounded-md border border-dashed bg-muted/20 px-4 py-6 text-sm text-muted-foreground"
 }, jt = {
@@ -714,12 +714,12 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
     availabilityByReservation: {}
   },
   emits: ["add", "quick-add", "update:modelValue"],
-  setup(z, { emit: X }) {
-    const A = z, Q = X, ue = /^([01]\d|2[0-3]):[0-5]\d$/, B = re(() => A.modelValue ?? []), O = re(() => Number(A.agendaData?.maxTicketsPerReservation) > 1), F = U(null), E = U(!1), q = re(() => String(A.agendaData?.currency || "EUR").toUpperCase()), $ = re(() => {
+  setup(U, { emit: G }) {
+    const E = U, Q = G, le = /^([01]\d|2[0-3]):[0-5]\d$/, j = ie(() => E.modelValue ?? []), Z = ie(() => Number(E.agendaData?.maxTicketsPerReservation) > 1), T = P(null), F = P(!1), V = ie(() => String(E.agendaData?.currency || "EUR").toUpperCase()), L = ie(() => {
       try {
         return new Intl.NumberFormat("en-US", {
           style: "currency",
-          currency: q.value,
+          currency: V.value,
           minimumFractionDigits: 2,
           maximumFractionDigits: 2
         });
@@ -729,11 +729,11 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
           maximumFractionDigits: 2
         });
       }
-    }), M = (s) => {
+    }), I = (s) => {
       Q("update:modelValue", s);
-    }, Y = (s) => ["date", "resourceId", "pricingOption"].includes(s), H = (s) => {
+    }, Y = (s) => ["date", "resourceId", "pricingOption"].includes(s), z = (s) => {
       if (!s.date || !s.resourceId || !s.pricingOption) return s;
-      const n = ae(s);
+      const n = oe(s);
       return n.length === 0 ? {
         ...s,
         startTime: ""
@@ -741,130 +741,130 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
         ...s,
         startTime: n[0]
       };
-    }, L = (s, n, m) => {
-      M(B.value.map((S) => {
-        if (S.id !== s) return S;
+    }, B = (s, n, m) => {
+      I(j.value.map((x) => {
+        if (x.id !== s) return x;
         if (n === "date") {
-          const ne = {
-            ...S,
+          const te = {
+            ...x,
             date: String(m ?? ""),
             dateValue: m || void 0
           };
-          return H(ne);
+          return z(te);
         }
-        const V = {
-          ...S,
+        const A = {
+          ...x,
           [n]: m
         };
-        return Y(n) ? H(V) : V;
+        return Y(n) ? z(A) : A;
       }));
-    }, K = (s, n) => {
+    }, J = (s, n) => {
       const m = Number(n);
-      L(s, "paid", Number.isFinite(m) ? m : 0);
-    }, T = (s, n) => {
+      B(s, "paid", Number.isFinite(m) ? m : 0);
+    }, w = (s, n) => {
       const m = Number(n);
-      L(s, "spots", Number.isFinite(m) && m > 0 ? m : 1);
-    }, ie = (s) => {
-      M(B.value.filter((n) => n.id !== s));
-    }, Z = (s) => {
-      Q("quick-add", s), E.value = !1;
-    }, v = (s) => A.agendaData?.pricingOptions?.find((n) => n.id === s.pricingOption), N = (s) => {
-      const n = v(s);
+      B(s, "spots", Number.isFinite(m) && m > 0 ? m : 1);
+    }, se = (s) => {
+      I(j.value.filter((n) => n.id !== s));
+    }, X = (s) => {
+      Q("quick-add", s), F.value = !1;
+    }, ae = (s) => E.agendaData?.pricingOptions?.find((n) => n.id === s.pricingOption), _ = (s) => {
+      const n = ae(s);
       return n ? n.duration ? `${n.name} (${n.duration}min)` : n.name : "Reservation";
-    }, x = (s) => A.agendaData?.resources?.find((n) => n.id === s.resourceId), D = (s) => x(s)?.name || "Unknown resource", C = (s) => {
-      if (!s || !ue.test(s)) return null;
+    }, O = (s) => E.agendaData?.resources?.find((n) => n.id === s.resourceId), S = (s) => O(s)?.name || "Unknown resource", k = (s) => {
+      if (!s || !le.test(s)) return null;
       const [n, m] = s.split(":").map(Number);
       return n * 60 + m;
-    }, le = (s) => {
-      const n = (s % 1440 + 1440) % 1440, m = Math.floor(n / 60), S = n % 60;
-      return `${m.toString().padStart(2, "0")}:${S.toString().padStart(2, "0")}`;
-    }, ve = (s) => {
-      const n = Number(v(s)?.duration);
+    }, M = (s) => {
+      const n = (s % 1440 + 1440) % 1440, m = Math.floor(n / 60), x = n % 60;
+      return `${m.toString().padStart(2, "0")}:${x.toString().padStart(2, "0")}`;
+    }, ue = (s) => {
+      const n = Number(ae(s)?.duration);
       return Number.isFinite(n) && n > 0 ? n : 0;
     }, ye = (s) => {
       if (!s.startTime) return "";
-      const n = ve(s);
+      const n = ue(s);
       if (n <= 0) return "";
-      const m = C(s.startTime);
-      return m === null ? "" : le(m + n);
+      const m = k(s.startTime);
+      return m === null ? "" : M(m + n);
     }, me = (s) => {
       if (!/^\d{4}-\d{2}-\d{2}$/.test(s)) return null;
-      const [n, m, S] = s.split("-").map(Number), V = new Date(n, m - 1, S);
-      return Number.isNaN(V.getTime()) || V.getFullYear() !== n || V.getMonth() !== m - 1 || V.getDate() !== S ? null : V;
-    }, de = (s, n) => (A.agendaData?.exceptions || []).find((S) => n >= S.startDate && n <= S.endDate ? !S.resourceIds || S.resourceIds.length === 0 ? !0 : S.resourceIds.includes(s) : !1) || null, fe = (s) => {
-      const n = x(s), m = me(s.date);
+      const [n, m, x] = s.split("-").map(Number), A = new Date(n, m - 1, x);
+      return Number.isNaN(A.getTime()) || A.getFullYear() !== n || A.getMonth() !== m - 1 || A.getDate() !== x ? null : A;
+    }, de = (s, n) => (E.agendaData?.exceptions || []).find((x) => n >= x.startDate && n <= x.endDate ? !x.resourceIds || x.resourceIds.length === 0 ? !0 : x.resourceIds.includes(s) : !1) || null, fe = (s) => {
+      const n = O(s), m = me(s.date);
       if (!n || !m) return [];
-      const S = de(n.id, s.date);
-      if (S)
-        return S.isClosed ? [] : (S.timeslots || []).map((ne) => ({
-          start: ne.startTime,
-          end: ne.endTime
+      const x = de(n.id, s.date);
+      if (x)
+        return x.isClosed ? [] : (x.timeslots || []).map((te) => ({
+          start: te.startTime,
+          end: te.endTime
         }));
-      const V = m.getDay();
-      return n.openingHours?.[V] || [];
-    }, ae = (s) => {
-      const n = x(s);
+      const A = m.getDay();
+      return n.openingHours?.[A] || [];
+    }, oe = (s) => {
+      const n = O(s);
       if (!n) return [];
-      const m = Number(n.interval) > 0 ? Number(n.interval) : 60, S = ve(s), V = /* @__PURE__ */ new Set();
-      for (const ne of fe(s)) {
-        const ee = C(ne.start), b = C(ne.end);
-        if (ee === null || b === null || b <= ee) continue;
-        const _e = S > 0 ? b - S : b - m;
-        for (let ce = ee; ce <= _e; ce += m)
-          V.add(le(ce));
+      const m = Number(n.interval) > 0 ? Number(n.interval) : 60, x = ue(s), A = /* @__PURE__ */ new Set();
+      for (const te of fe(s)) {
+        const K = k(te.start), b = k(te.end);
+        if (K === null || b === null || b <= K) continue;
+        const _e = x > 0 ? b - x : b - m;
+        for (let ce = K; ce <= _e; ce += m)
+          A.add(M(ce));
       }
-      return Array.from(V).sort((ne, ee) => (C(ne) ?? 0) - (C(ee) ?? 0));
+      return Array.from(A).sort((te, K) => (k(te) ?? 0) - (k(K) ?? 0));
     }, ge = (s) => {
       if (!s.startTime) return "Select time";
       const n = ye(s);
       return n ? `${s.startTime} - ${n}` : s.startTime;
-    }, _ = (s) => {
+    }, ve = (s) => {
       const n = Number(s);
-      if (!Number.isFinite(n)) return q.value === "EUR" ? "€0.00" : "0.00";
+      if (!Number.isFinite(n)) return V.value === "EUR" ? "€0.00" : "0.00";
       try {
-        return $.value.format(n);
+        return L.value.format(n);
       } catch {
         return `${n.toFixed(2)}`;
       }
-    }, P = (s) => {
+    }, v = (s) => {
       const n = Number(s.spots), m = Number.isFinite(n) && n > 0 ? n : 1;
       return m === 1 ? "1 spot" : `${m} spots`;
-    }, J = (s) => A.availabilityByReservation?.[s.id] ?? null, ke = (s) => {
-      const n = J(s);
+    }, $ = (s) => E.availabilityByReservation?.[s.id] ?? null, ke = (s) => {
+      const n = $(s);
       return !n || n.status === "checking" ? "text-muted-foreground" : n.status === "available" ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400";
     }, xe = (s) => {
       if (!/^\d{4}-\d{2}-\d{2}$/.test(s)) return null;
-      const [n, m, S] = s.split("-").map(Number), V = new Date(n, m - 1, S);
-      return Number.isNaN(V.getTime()) || V.getFullYear() !== n || V.getMonth() !== m - 1 || V.getDate() !== S ? null : (V.setHours(0, 0, 0, 0), V);
+      const [n, m, x] = s.split("-").map(Number), A = new Date(n, m - 1, x);
+      return Number.isNaN(A.getTime()) || A.getFullYear() !== n || A.getMonth() !== m - 1 || A.getDate() !== x ? null : (A.setHours(0, 0, 0, 0), A);
     }, a = (s) => {
       const n = xe(String(s.date || "").trim());
       if (!n) return "";
       const m = /* @__PURE__ */ new Date();
       if (m.setHours(0, 0, 0, 0), n < m)
         return "This date is in the past. Double-check it before saving.";
-      const S = new Date(m);
-      return S.setFullYear(S.getFullYear() + 1), n > S ? "This date is more than a year ahead. Double-check it before saving." : "";
-    }, l = (s) => !s.date || !s.startTime || !s.resourceId || !s.pricingOption, I = (s) => F.value === s, oe = (s) => {
-      F.value = F.value === s ? null : s;
+      const x = new Date(m);
+      return x.setFullYear(x.getFullYear() + 1), n > x ? "This date is more than a year ahead. Double-check it before saving." : "";
+    }, l = (s) => !s.date || !s.startTime || !s.resourceId || !s.pricingOption, D = (s) => T.value === s, re = (s) => {
+      T.value = T.value === s ? null : s;
     };
-    return Re(B, (s) => {
+    return Re(j, (s) => {
       const n = new Set(s.map((m) => m.id));
-      if (F.value && !n.has(F.value) && (F.value = null), !F.value) {
+      if (T.value && !n.has(T.value) && (T.value = null), !T.value) {
         const m = s.find(l);
-        m && (F.value = m.id);
+        m && (T.value = m.id);
       }
     }, { immediate: !0 }), (s, n) => {
-      const m = h("Button"), S = h("PopoverTrigger"), V = h("PopoverContent"), ne = h("Popover"), ee = h("Label"), b = h("DynamicSelectOption"), _e = h("DynamicSelect"), ce = h("Input"), Ce = h("SelectValue"), Ne = h("SelectTrigger"), e = h("SelectItem"), o = h("SelectContent"), d = h("Select");
+      const m = h("Button"), x = h("PopoverTrigger"), A = h("PopoverContent"), te = h("Popover"), K = h("Label"), b = h("DynamicSelectOption"), _e = h("DynamicSelect"), ce = h("Input"), Ce = h("SelectValue"), Ne = h("SelectTrigger"), e = h("SelectItem"), o = h("SelectContent"), d = h("Select");
       return i(), p("div", Pt, [
         f("div", Ut, [
-          f("p", zt, k(B.value.length === 1 ? "1 reservation line" : `${B.value.length} reservation lines`), 1),
+          f("p", zt, R(j.value.length === 1 ? "1 reservation line" : `${j.value.length} reservation lines`), 1),
           f("div", Bt, [
-            r(ne, {
-              open: E.value,
-              "onUpdate:open": n[0] || (n[0] = (t) => E.value = t)
+            r(te, {
+              open: F.value,
+              "onUpdate:open": n[0] || (n[0] = (t) => F.value = t)
             }, {
               default: c(() => [
-                r(S, { "as-child": "" }, {
+                r(x, { "as-child": "" }, {
                   default: c(() => [
                     r(m, {
                       type: "button",
@@ -874,24 +874,24 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
                     }, {
                       default: c(() => [
                         r(g(Ge), { class: "size-4 text-primary" }),
-                        n[2] || (n[2] = w(" Quick add ", -1))
+                        n[2] || (n[2] = N(" Quick add ", -1))
                       ]),
                       _: 1
                     })
                   ]),
                   _: 1
                 }),
-                r(V, {
+                r(A, {
                   align: "end",
                   class: "max-h-[80vh] w-[min(34rem,calc(100vw-2rem))] overflow-y-auto p-0"
                 }, {
                   default: c(() => [
-                    E.value ? (i(), be(Lt, {
+                    F.value ? (i(), be(Lt, {
                       key: 0,
                       surface: "popover",
-                      agendaData: z.agendaData,
-                      onAdd: Z
-                    }, null, 8, ["agendaData"])) : W("", !0)
+                      agendaData: U.agendaData,
+                      onAdd: X
+                    }, null, 8, ["agendaData"])) : H("", !0)
                   ]),
                   _: 1
                 })
@@ -906,14 +906,14 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
             }, {
               default: c(() => [
                 r(g(Pe), { class: "size-4" }),
-                n[3] || (n[3] = w(" Add line ", -1))
+                n[3] || (n[3] = N(" Add line ", -1))
               ]),
               _: 1
             })
           ])
         ]),
-        B.value.length === 0 ? (i(), p("div", qt, " Use Quick add to create filled reservation lines, or add an empty line manually. ")) : (i(), p("div", jt, [
-          (i(!0), p(te, null, pe(B.value, (t, y) => (i(), p("div", {
+        j.value.length === 0 ? (i(), p("div", qt, " Use Quick add to create filled reservation lines, or add an empty line manually. ")) : (i(), p("div", jt, [
+          (i(!0), p(ee, null, pe(j.value, (t, y) => (i(), p("div", {
             key: t.id,
             class: "rounded-xl border bg-background"
           }, [
@@ -921,20 +921,20 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
               f("button", {
                 type: "button",
                 class: "flex min-w-0 flex-1 items-start gap-3 rounded-lg px-1 py-1 text-left outline-none transition-colors hover:bg-muted/40 focus-visible:ring-2 focus-visible:ring-ring/50",
-                "aria-expanded": I(t.id),
-                onClick: (u) => oe(t.id)
+                "aria-expanded": D(t.id),
+                onClick: (u) => re(t.id)
               }, [
-                f("span", Yt, k(y + 1), 1),
+                f("span", Yt, R(y + 1), 1),
                 f("span", Wt, [
                   f("span", Gt, [
                     f("span", Xt, [
-                      f("span", Zt, k(ge(t)), 1),
-                      f("span", Jt, k(t.date || "No date selected"), 1),
-                      f("span", Kt, k(D(t)) + " · " + k(N(t)), 1),
-                      J(t)?.message ? (i(), p("span", {
+                      f("span", Zt, R(ge(t)), 1),
+                      f("span", Jt, R(t.date || "No date selected"), 1),
+                      f("span", Kt, R(S(t)) + " · " + R(_(t)), 1),
+                      $(t)?.message ? (i(), p("span", {
                         key: 0,
                         class: he(["mt-1 block text-xs font-medium", ke(t)])
-                      }, k(J(t)?.message), 3)) : W("", !0)
+                      }, R($(t)?.message), 3)) : H("", !0)
                     ]),
                     f("span", en, [
                       r(g(Xe), { class: "size-4" })
@@ -943,11 +943,11 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
                   f("span", tn, [
                     f("span", nn, [
                       r(g(Ze), { class: "size-4" }),
-                      w(" " + k(P(t)), 1)
+                      N(" " + R(v(t)), 1)
                     ]),
                     f("span", sn, [
                       r(g(Je), { class: "size-4" }),
-                      w(" " + k(_(t.paid)), 1)
+                      N(" " + R(ve(t.paid)), 1)
                     ])
                   ])
                 ])
@@ -957,7 +957,7 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
                 variant: "ghost",
                 size: "icon",
                 class: "mt-1 shrink-0",
-                onClick: (u) => ie(t.id)
+                onClick: (u) => se(t.id)
               }, {
                 default: c(() => [
                   r(g(Me), { class: "size-4" })
@@ -967,19 +967,19 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
             ]),
             f("div", an, [
               f("div", null, [
-                f("p", on, "Reservation " + k(y + 1), 1),
-                f("p", rn, k(D(t)) + " · " + k(N(t)), 1),
-                J(t)?.message ? (i(), p("p", {
+                f("p", on, "Reservation " + R(y + 1), 1),
+                f("p", rn, R(S(t)) + " · " + R(_(t)), 1),
+                $(t)?.message ? (i(), p("p", {
                   key: 0,
                   class: he(["mt-1 text-xs font-medium", ke(t)])
-                }, k(J(t)?.message), 3)) : W("", !0)
+                }, R($(t)?.message), 3)) : H("", !0)
               ]),
               r(m, {
                 type: "button",
                 variant: "ghost",
                 size: "icon",
                 class: "shrink-0",
-                onClick: (u) => ie(t.id)
+                onClick: (u) => se(t.id)
               }, {
                 default: c(() => [
                   r(g(Me), { class: "size-4" })
@@ -988,13 +988,13 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
               }, 8, ["onClick"])
             ]),
             f("div", {
-              class: he(["px-3 pb-3 md:px-4 md:pb-4 overflow-hidden", I(t.id) ? "block" : "hidden md:block"])
+              class: he(["px-3 pb-3 md:px-4 md:pb-4 overflow-hidden", D(t.id) ? "block" : "hidden md:block"])
             }, [
               f("div", ln, [
                 f("div", un, [
-                  r(ee, null, {
+                  r(K, null, {
                     default: c(() => [...n[4] || (n[4] = [
-                      w("Resource", -1)
+                      N("Resource", -1)
                     ])]),
                     _: 1
                   }),
@@ -1003,15 +1003,15 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
                     "wrapper-class": "w-full",
                     class: "w-full",
                     placeholder: "Select resource",
-                    "onUpdate:modelValue": (u) => L(t.id, "resourceId", String(u ?? ""))
+                    "onUpdate:modelValue": (u) => B(t.id, "resourceId", String(u ?? ""))
                   }, {
                     default: c(() => [
-                      (i(!0), p(te, null, pe(z.agendaData?.resources || [], (u) => (i(), be(b, {
+                      (i(!0), p(ee, null, pe(U.agendaData?.resources || [], (u) => (i(), be(b, {
                         key: u.id,
                         value: u.id
                       }, {
                         default: c(() => [
-                          w(k(u.name), 1)
+                          N(R(u.name), 1)
                         ]),
                         _: 2
                       }, 1032, ["value"]))), 128))
@@ -1020,32 +1020,32 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
                   }, 8, ["model-value", "onUpdate:modelValue"])
                 ]),
                 f("div", dn, [
-                  r(ee, null, {
+                  r(K, null, {
                     default: c(() => [...n[5] || (n[5] = [
-                      w("Date", -1)
+                      N("Date", -1)
                     ])]),
                     _: 1
                   }),
                   r(ce, {
                     "model-value": t.date,
                     type: "date",
-                    "onUpdate:modelValue": (u) => L(t.id, "date", String(u ?? ""))
+                    "onUpdate:modelValue": (u) => B(t.id, "date", String(u ?? ""))
                   }, null, 8, ["model-value", "onUpdate:modelValue"]),
-                  a(t) ? (i(), p("p", cn, k(a(t)), 1)) : W("", !0)
+                  a(t) ? (i(), p("p", cn, R(a(t)), 1)) : H("", !0)
                 ]),
                 f("div", pn, [
-                  r(ee, {
+                  r(K, {
                     for: `new_reservation_res_line_${y}_time`
                   }, {
                     default: c(() => [...n[6] || (n[6] = [
-                      w("Time", -1)
+                      N("Time", -1)
                     ])]),
                     _: 1
                   }, 8, ["for"]),
-                  t.resourceId && t.date ? (i(), p(te, { key: 0 }, [
+                  t.resourceId && t.date ? (i(), p(ee, { key: 0 }, [
                     r(d, {
                       "model-value": t.startTime,
-                      "onUpdate:modelValue": (u) => L(t.id, "startTime", String(u ?? ""))
+                      "onUpdate:modelValue": (u) => B(t.id, "startTime", String(u ?? ""))
                     }, {
                       default: c(() => [
                         r(Ne, {
@@ -1059,12 +1059,12 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
                         }, 8, ["id"]),
                         r(o, null, {
                           default: c(() => [
-                            (i(!0), p(te, null, pe(ae(t), (u) => (i(), be(e, {
+                            (i(!0), p(ee, null, pe(oe(t), (u) => (i(), be(e, {
                               key: u,
                               value: u
                             }, {
                               default: c(() => [
-                                w(k(u), 1)
+                                N(R(u), 1)
                               ]),
                               _: 2
                             }, 1032, ["value"]))), 128))
@@ -1074,17 +1074,17 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
                       ]),
                       _: 2
                     }, 1032, ["model-value", "onUpdate:modelValue"]),
-                    t.resourceId && t.date && ae(t).length === 0 ? (i(), p("p", mn, " No times are available for this resource on the selected date. ")) : W("", !0)
+                    t.resourceId && t.date && oe(t).length === 0 ? (i(), p("p", mn, " No times are available for this resource on the selected date. ")) : H("", !0)
                   ], 64)) : (i(), p("p", fn, [
-                    !t.resourceId && !t.date ? (i(), p("span", gn, "Please select a resource and date.")) : t.resourceId ? t.date ? W("", !0) : (i(), p("span", _n, "Please select a date.")) : (i(), p("span", vn, "Please select a resource."))
+                    !t.resourceId && !t.date ? (i(), p("span", gn, "Please select a resource and date.")) : t.resourceId ? t.date ? H("", !0) : (i(), p("span", _n, "Please select a date.")) : (i(), p("span", vn, "Please select a resource."))
                   ]))
                 ]),
                 f("div", {
-                  class: he(["grid gap-2", { hidden: z.agendaData?.pricingOptions?.length < 2 }])
+                  class: he(["grid gap-2", { hidden: U.agendaData?.pricingOptions?.length < 2 }])
                 }, [
-                  r(ee, null, {
+                  r(K, null, {
                     default: c(() => [...n[7] || (n[7] = [
-                      w("Type", -1)
+                      N("Type", -1)
                     ])]),
                     _: 1
                   }),
@@ -1093,15 +1093,15 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
                     "wrapper-class": "w-full",
                     class: "w-full",
                     placeholder: "Select type",
-                    "onUpdate:modelValue": (u) => L(t.id, "pricingOption", String(u ?? ""))
+                    "onUpdate:modelValue": (u) => B(t.id, "pricingOption", String(u ?? ""))
                   }, {
                     default: c(() => [
-                      (i(!0), p(te, null, pe(z.agendaData?.pricingOptions || [], (u) => (i(), be(b, {
+                      (i(!0), p(ee, null, pe(U.agendaData?.pricingOptions || [], (u) => (i(), be(b, {
                         key: u.id,
                         value: u.id
                       }, {
                         default: c(() => [
-                          w(k(u.name), 1)
+                          N(R(u.name), 1)
                         ]),
                         _: 2
                       }, 1032, ["value"]))), 128))
@@ -1110,12 +1110,12 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
                   }, 8, ["model-value", "onUpdate:modelValue"])
                 ], 2),
                 f("div", {
-                  class: he(["grid gap-4", O.value ? "md:grid-cols-2 xl:grid-cols-2 xl:col-span-1" : ""])
+                  class: he(["grid gap-4", Z.value ? "md:grid-cols-2 xl:grid-cols-2 xl:col-span-1" : ""])
                 }, [
-                  O.value ? (i(), p("div", hn, [
-                    r(ee, null, {
+                  Z.value ? (i(), p("div", hn, [
+                    r(K, null, {
                       default: c(() => [...n[8] || (n[8] = [
-                        w("Spots", -1)
+                        N("Spots", -1)
                       ])]),
                       _: 1
                     }),
@@ -1124,15 +1124,15 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
                       type: "number",
                       min: "1",
                       class: "no-spinner",
-                      "onUpdate:modelValue": (u) => T(t.id, u)
+                      "onUpdate:modelValue": (u) => w(t.id, u)
                     }, null, 8, ["model-value", "onUpdate:modelValue"])
-                  ])) : W("", !0),
+                  ])) : H("", !0),
                   f("div", {
-                    class: he(["grid gap-2", O.value ? "" : "md:col-span-2 xl:col-span-1"])
+                    class: he(["grid gap-2", Z.value ? "" : "md:col-span-2 xl:col-span-1"])
                   }, [
-                    r(ee, null, {
+                    r(K, null, {
                       default: c(() => [...n[9] || (n[9] = [
-                        w("Paid", -1)
+                        N("Paid", -1)
                       ])]),
                       _: 1
                     }),
@@ -1142,7 +1142,7 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
                       min: "0",
                       step: "1",
                       class: "no-spinner",
-                      "onUpdate:modelValue": (u) => K(t.id, u)
+                      "onUpdate:modelValue": (u) => J(t.id, u)
                     }, null, 8, ["model-value", "onUpdate:modelValue"])
                   ], 2)
                 ], 2)
@@ -1153,55 +1153,55 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
       ]);
     };
   }
-}), yn = { class: "space-y-5 md:mt-5" }, xn = { class: "space-y-3" }, Sn = { class: "mt-4 text-red-400" }, kn = { class: "list-disc pl-4" }, $n = { key: 0 }, Tn = { key: 1 }, In = { key: 2 }, Fe = "", Vn = /* @__PURE__ */ De({
+}), yn = { class: "space-y-5 md:mt-5" }, xn = { class: "space-y-3" }, Sn = { class: "mt-4 text-red-400" }, kn = { class: "list-disc pl-4" }, $n = { key: 0 }, Tn = { key: 1 }, In = { key: 2 }, Ee = "", Vn = /* @__PURE__ */ De({
   __name: "NewReservationDialog",
   props: {
     agendaData: {}
   },
-  setup(z) {
-    const X = z, { params: A } = Ke(), { config: Q } = et(), { log: ue, logError: B } = tt(), O = nt(Q.project), F = re(() => A.value?.id ?? A.id ?? ""), E = qe("agendaData", U({})), q = re(() => X.agendaData ?? E.value ?? {}), $ = U(!1), M = U(!1), Y = U({});
-    let H = 0;
-    const L = U([]), K = /^([01]\d|2[0-3]):[0-5]\d$/, T = U([]), ie = U(null), Z = re(() => Object.values(Y.value).some((e) => e.status === "checking")), v = re(() => Object.values(Y.value).some((e) => e.status === "unavailable")), N = () => q.value?.resources?.[0]?.id ?? "", x = () => q.value?.pricingOptions?.find((e) => e.isDefault === !0)?.id ?? q.value?.pricingOptions?.[0]?.id ?? "", D = () => {
+  setup(U) {
+    const G = U, { params: E } = Ke(), { config: Q } = et(), { log: le, logError: j } = tt(), Z = nt(Q.project), T = ie(() => E.value?.id ?? E.id ?? ""), F = qe("agendaData", P({})), V = ie(() => G.agendaData ?? F.value ?? {}), L = P(!1), I = P(!1), Y = P({});
+    let z = 0;
+    const B = P([]), J = /^([01]\d|2[0-3]):[0-5]\d$/, w = P([]), se = P(null), X = ie(() => Object.values(Y.value).some((e) => e.status === "checking")), ae = ie(() => Object.values(Y.value).some((e) => e.status === "unavailable")), _ = () => V.value?.resources?.[0]?.id ?? "", O = () => V.value?.pricingOptions?.find((e) => e.isDefault === !0)?.id ?? V.value?.pricingOptions?.[0]?.id ?? "", S = () => {
       const e = /* @__PURE__ */ new Date(), o = e.getFullYear(), d = `${e.getMonth() + 1}`.padStart(2, "0"), t = `${e.getDate()}`.padStart(2, "0");
       return `${o}-${d}-${t}`;
-    }, C = (e) => {
-      let o = e?.pricingOption ?? x(), d = q.value?.pricingOptions?.find((y) => y.id === o)?.price ?? 0;
+    }, k = (e) => {
+      let o = e?.pricingOption ?? O(), d = V.value?.pricingOptions?.find((y) => y.id === o)?.price ?? 0;
       typeof d == "string" && (d = Number(d));
       let t = e?.paid ?? d;
       return typeof t == "string" && (t = Number(t)), {
         id: `reservation_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`,
         spots: Number(e?.spots) || 1,
         paid: Number.isFinite(t) ? t : 0,
-        resourceId: e?.resourceId ?? N(),
+        resourceId: e?.resourceId ?? _(),
         pricingOption: o,
-        date: e?.date ?? D(),
+        date: e?.date ?? S(),
         dateValue: e?.dateValue,
-        startTime: e?.startTime ?? Fe
+        startTime: e?.startTime ?? Ee
       };
-    }, le = () => {
-      T.value = [C()];
-    }, ve = (e) => (!e.date || e.date === D()) && e.startTime === Fe, ye = () => {
-      const e = T.value[T.value.length - 1];
-      T.value = [...T.value, C(e ? { ...e } : void 0)];
-    }, me = (e) => q.value?.pricingOptions?.find((o) => o.id === e.pricingOption), de = (e) => q.value?.resources?.find((o) => o.id === e.resourceId), fe = () => {
-      const e = Number(q.value?.maxTicketsPerReservation);
+    }, M = () => {
+      w.value = [k()];
+    }, ue = (e) => (!e.date || e.date === S()) && e.startTime === Ee, ye = () => {
+      const e = w.value[w.value.length - 1];
+      w.value = [...w.value, k(e ? { ...e } : void 0)];
+    }, me = (e) => V.value?.pricingOptions?.find((o) => o.id === e.pricingOption), de = (e) => V.value?.resources?.find((o) => o.id === e.resourceId), fe = () => {
+      const e = Number(V.value?.maxTicketsPerReservation);
       return Number.isFinite(e) && e > 0 ? e : null;
-    }, ae = (e) => `Reservation ${e + 1}`, ge = (e) => {
+    }, oe = (e) => `Reservation ${e + 1}`, ge = (e) => {
       const o = String(e.date || "").trim(), d = String(e.startTime || "").trim(), t = String(e.resourceId || "").trim();
       return !o || !d || !t ? "" : `${t}_${o}_${d}`;
-    }, _ = () => {
+    }, ve = () => {
       const e = [], o = /* @__PURE__ */ new Map(), d = fe();
-      return T.value.forEach((t, y) => {
-        const u = ae(y), j = String(t.date || "").trim(), G = String(t.startTime || "").trim(), R = String(t.resourceId || "").trim(), se = String(t.pricingOption || "").trim(), Te = Number(t.spots), $e = Number(t.paid);
-        j || e.push(`${u}: please select a date.`), G ? K.test(G) || e.push(`${u}: please enter a valid time.`) : e.push(`${u}: please select a time.`), R ? de(t) || e.push(`${u}: the selected resource is no longer available.`) : e.push(`${u}: please select a resource.`), se ? me(t) || e.push(`${u}: the selected type is no longer available.`) : e.push(`${u}: please select a type.`), !Number.isFinite(Te) || Te <= 0 ? e.push(`${u}: spots must be at least 1.`) : d !== null && Te > d && e.push(`${u}: spots cannot be more than ${d}.`), (!Number.isFinite($e) || $e < 0) && e.push(`${u}: paid amount must be 0 or higher.`);
+      return w.value.forEach((t, y) => {
+        const u = oe(y), q = String(t.date || "").trim(), W = String(t.startTime || "").trim(), C = String(t.resourceId || "").trim(), ne = String(t.pricingOption || "").trim(), Te = Number(t.spots), $e = Number(t.paid);
+        q || e.push(`${u}: please select a date.`), W ? J.test(W) || e.push(`${u}: please enter a valid time.`) : e.push(`${u}: please select a time.`), C ? de(t) || e.push(`${u}: the selected resource is no longer available.`) : e.push(`${u}: please select a resource.`), ne ? me(t) || e.push(`${u}: the selected type is no longer available.`) : e.push(`${u}: please select a type.`), !Number.isFinite(Te) || Te <= 0 ? e.push(`${u}: spots must be at least 1.`) : d !== null && Te > d && e.push(`${u}: spots cannot be more than ${d}.`), (!Number.isFinite($e) || $e < 0) && e.push(`${u}: paid amount must be 0 or higher.`);
         const Se = ge(t);
         if (Se) {
           const Ie = o.get(Se);
-          Ie !== void 0 ? e.push(`${u}: duplicate of ${ae(Ie).toLowerCase()}.`) : o.set(Se, y);
+          Ie !== void 0 ? e.push(`${u}: duplicate of ${oe(Ie).toLowerCase()}.`) : o.set(Se, y);
         }
       }), e;
-    }, P = (e) => {
-      const o = e.startTimes.map((d) => C({
+    }, v = (e) => {
+      const o = e.startTimes.map((d) => k({
         date: e.date ? `${e.date}` : "",
         dateValue: e.date,
         pricingOption: e.pricingOptionId,
@@ -1211,14 +1211,14 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
         startTime: d
       }));
       if (o.length !== 0) {
-        if (T.value.length === 1 && ve(T.value[0])) {
-          T.value = o;
+        if (w.value.length === 1 && ue(w.value[0])) {
+          w.value = o;
           return;
         }
-        T.value = [...T.value, ...o];
+        w.value = [...w.value, ...o];
       }
-    }, J = (e) => {
-      if (!e || !K.test(e)) return null;
+    }, $ = (e) => {
+      if (!e || !J.test(e)) return null;
       const [o, d] = e.split(":").map(Number);
       return o * 60 + d;
     }, ke = (e) => {
@@ -1228,7 +1228,7 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
       if (!e.startTime || !e.pricingOption) return "";
       const o = me(e), d = Number(o?.duration);
       if (!Number.isFinite(d) || d <= 0) return e.startTime;
-      const t = J(e.startTime);
+      const t = $(e.startTime);
       return t === null ? "" : ke(t + d);
     }, a = (e) => {
       const o = Number(e.spots);
@@ -1236,8 +1236,8 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
     }, l = (e) => {
       const o = Number(de(e)?.capacity);
       return Number.isFinite(o) && o > 0 ? o : 1;
-    }, I = (e) => {
-      const o = String(e.date || "").trim(), d = String(e.resourceId || "").trim(), t = J(e.startTime), y = J(xe(e));
+    }, D = (e) => {
+      const o = String(e.date || "").trim(), d = String(e.resourceId || "").trim(), t = $(e.startTime), y = $(xe(e));
       return !o || !d || !de(e) || !me(e) || t === null || y === null || y <= t ? null : {
         reservation: e,
         date: o,
@@ -1247,114 +1247,114 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
         capacity: l(e),
         requestedSpots: a(e)
       };
-    }, oe = (e) => ["approved", "needs_approval"].includes(e?.status), s = (e, o, d, t) => e < t && o > d, n = (e) => `${e} ${e === 1 ? "spot" : "spots"}`, m = (e, o, d) => e < d ? {
+    }, re = (e) => ["approved", "needs_approval"].includes(e?.status), s = (e, o, d, t) => e < t && o > d, n = (e) => `${e} ${e === 1 ? "spot" : "spots"}`, m = (e, o, d) => e < d ? {
       status: "unavailable",
       message: `Not enough spots: ${n(Math.max(e, 0))} open, needs ${n(d)}.`
     } : {
       status: "available",
       message: `Available: ${e} of ${o} ${o === 1 ? "spot" : "spots"} open, ${n(e - d)} will remain.`
-    }, S = (e) => e?.id || e?.orderId || "", V = (e, o) => {
+    }, x = (e) => e?.id || e?.orderId || "", A = (e, o) => {
       const d = [];
       for (let t = 0; t < e.length; t += o)
         d.push(e.slice(t, t + o));
       return d;
-    }, ne = async (e) => {
+    }, te = async (e) => {
       const o = /* @__PURE__ */ new Map(), d = [];
-      for (const t of V(e, 10)) {
+      for (const t of A(e, 10)) {
         const y = [
           { field: "status", operator: "==", value: "confirmed" },
           { field: "flattenedReservationDates", operator: "array-contains-any", value: t }
         ];
-        F.value && y.unshift({ field: "agendaId", operator: "==", value: F.value });
-        const u = await O.find(Q.reservationsCollection, { filters: y });
-        for (const j of u || []) {
-          const G = S(j);
-          G ? o.set(G, j) : d.push(j);
+        T.value && y.unshift({ field: "agendaId", operator: "==", value: T.value });
+        const u = await Z.find(Q.reservationsCollection, { filters: y });
+        for (const q of u || []) {
+          const W = x(q);
+          W ? o.set(W, q) : d.push(q);
         }
       }
       return [...o.values(), ...d];
-    }, ee = (e, o) => {
+    }, K = (e, o) => {
       let d = 0;
       for (const t of e)
         for (const y of t?.reservations || []) {
-          if (!oe(y) || y?.date !== o.date || y?.resourceId !== o.resourceId) continue;
-          const u = J(y?.timeslot?.startTime), j = J(y?.timeslot?.endTime);
-          if (u === null || j === null || j <= u || !s(o.startMinutes, o.endMinutes, u, j)) continue;
-          const G = Number(y?.spots);
-          d += Number.isFinite(G) && G > 0 ? G : 1;
+          if (!re(y) || y?.date !== o.date || y?.resourceId !== o.resourceId) continue;
+          const u = $(y?.timeslot?.startTime), q = $(y?.timeslot?.endTime);
+          if (u === null || q === null || q <= u || !s(o.startMinutes, o.endMinutes, u, q)) continue;
+          const W = Number(y?.spots);
+          d += Number.isFinite(W) && W > 0 ? W : 1;
         }
       return d;
     }, b = (e) => {
       let o = 0;
-      for (const d of T.value) {
+      for (const d of w.value) {
         if (d.id === e.reservation.id) continue;
-        const t = I(d);
+        const t = D(d);
         t && t.date === e.date && t.resourceId === e.resourceId && s(e.startMinutes, e.endMinutes, t.startMinutes, t.endMinutes) && (o += t.requestedSpots);
       }
       return o;
     }, _e = async () => {
-      const e = ++H, o = T.value.map(I).filter((t) => !!t), d = o.reduce((t, y) => (t[y.reservation.id] = {
+      const e = ++z, o = w.value.map(D).filter((t) => !!t), d = o.reduce((t, y) => (t[y.reservation.id] = {
         status: "checking",
         message: "Checking availability..."
       }, t), {});
-      if (Y.value = d, !$.value || o.length === 0)
+      if (Y.value = d, !L.value || o.length === 0)
         return d;
       try {
-        const t = Array.from(new Set(o.map((j) => `${j.resourceId}_${j.date}`))), y = await ne(t);
-        if (e !== H) return null;
-        const u = o.reduce((j, G) => {
-          const R = ee(y, G) + b(G), se = G.capacity - R;
-          return j[G.reservation.id] = m(
-            se,
-            G.capacity,
-            G.requestedSpots
-          ), j;
+        const t = Array.from(new Set(o.map((q) => `${q.resourceId}_${q.date}`))), y = await te(t);
+        if (e !== z) return null;
+        const u = o.reduce((q, W) => {
+          const C = K(y, W) + b(W), ne = W.capacity - C;
+          return q[W.reservation.id] = m(
+            ne,
+            W.capacity,
+            W.requestedSpots
+          ), q;
         }, {});
         return Y.value = u, u;
       } catch (t) {
-        if (e !== H) return null;
+        if (e !== z) return null;
         console.error("Error checking new reservation availability:", t);
-        const y = o.reduce((u, j) => (u[j.reservation.id] = {
+        const y = o.reduce((u, q) => (u[q.reservation.id] = {
           status: "error",
           message: "Could not check availability for this reservation."
         }, u), {});
         return Y.value = y, y;
       }
-    }, ce = (e) => e ? T.value.flatMap((o, d) => {
+    }, ce = (e) => e ? w.value.flatMap((o, d) => {
       const t = e[o.id];
-      return t ? t.status === "unavailable" ? [`${ae(d)}: ${t.message}`] : t.status === "error" ? [`${ae(d)}: availability could not be checked.`] : [] : [];
+      return t ? t.status === "unavailable" ? [`${oe(d)}: ${t.message}`] : t.status === "error" ? [`${oe(d)}: availability could not be checked.`] : [] : [];
     }) : ["Could not check availability before creating the reservation."];
-    Re($, async (e) => {
-      e ? (L.value = [], le(), await Le(), ie.value?.reset()) : (H += 1, Y.value = {});
-    }), Re(T, () => {
-      $.value && _e();
+    Re(L, async (e) => {
+      e ? (B.value = [], M(), await Le(), se.value?.reset()) : (z += 1, Y.value = {});
+    }), Re(w, () => {
+      L.value && _e();
     }, { deep: !0 });
     const Ce = () => {
       const e = [];
-      L.value = [];
-      const o = ie.value, d = o ? o.validateForm() : !1;
-      return o || e.push("Customer information form is unavailable."), T.value.length === 0 && e.push("Please add at least one reservation."), e.push(..._()), L.value = e, e.length === 0 && d;
+      B.value = [];
+      const o = se.value, d = o ? o.validateForm() : !1;
+      return o || e.push("Customer information form is unavailable."), w.value.length === 0 && e.push("Please add at least one reservation."), e.push(...ve()), B.value = e, e.length === 0 && d;
     }, Ne = async () => {
-      const e = ie.value;
+      const e = se.value;
       if (!e || !Ce()) return;
       const o = await _e(), d = ce(o);
       if (d.length > 0) {
-        L.value = d;
+        B.value = d;
         return;
       }
       let t = !1;
       try {
-        M.value = !0;
-        const y = e.getCustomerInfo(), u = T.value.map((R) => {
-          const se = Number(R.paid) || 0, Te = Number(R.spots) || 1, $e = me(R), Se = de(R), Ie = R.date;
+        I.value = !0;
+        const y = e.getCustomerInfo(), u = w.value.map((C) => {
+          const ne = Number(C.paid) || 0, Te = Number(C.spots) || 1, $e = me(C), Se = de(C), Ie = C.date;
           return {
-            paidAmount: se,
-            flattenedReservationDate: `${R.resourceId}_${Ie}`,
-            flattenedReservation: `${R.resourceId}_${Ie}_${R.startTime.replace(":", "")}`,
+            paidAmount: ne,
+            flattenedReservationDate: `${C.resourceId}_${Ie}`,
+            flattenedReservation: `${C.resourceId}_${Ie}_${C.startTime.replace(":", "")}`,
             reservation: {
               status: "approved",
-              totalPrice: Number(se.toFixed(2)),
-              basePrice: Number((se / Te).toFixed(2)),
+              totalPrice: Number(ne.toFixed(2)),
+              basePrice: Number((ne / Te).toFixed(2)),
               addOnsPrice: 0,
               addOns: [],
               date: Ie,
@@ -1365,7 +1365,7 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
                 name: $e?.name || "",
                 price: $e?.price || ""
               },
-              pricingOptionId: R.pricingOption,
+              pricingOptionId: C.pricingOption,
               resource: {
                 avatarLabel: Se?.avatarLabel || "",
                 color: Se?.color || "",
@@ -1373,52 +1373,52 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
                 id: Se?.id || "",
                 name: Se?.name || ""
               },
-              resourceId: R.resourceId,
+              resourceId: C.resourceId,
               spots: Te,
               timeslot: {
-                startTime: R.startTime,
-                endTime: xe(R)
+                startTime: C.startTime,
+                endTime: xe(C)
               }
             }
           };
-        }), j = Number(u.reduce((R, se) => R + se.paidAmount, 0).toFixed(2)), G = {
-          agendaId: F.value,
+        }), q = Number(u.reduce((C, ne) => C + ne.paidAmount, 0).toFixed(2)), W = {
+          agendaId: T.value,
           customerInfo: y,
           metadata: {},
-          amountPaid: j,
+          amountPaid: q,
           amountDue: 0,
-          subtotal: j,
-          total: j,
+          subtotal: q,
+          total: q,
           createdAt: /* @__PURE__ */ new Date(),
           updatedAt: /* @__PURE__ */ new Date(),
           discount: 0,
-          flattenedReservationDates: Array.from(new Set(u.map((R) => R.flattenedReservationDate))),
-          flattenedReservations: u.map((R) => R.flattenedReservation),
+          flattenedReservationDates: Array.from(new Set(u.map((C) => C.flattenedReservationDate))),
+          flattenedReservations: u.map((C) => C.flattenedReservation),
           paymentStatus: "paid",
           paymentType: "full",
-          reservations: u.map((R) => R.reservation),
+          reservations: u.map((C) => C.reservation),
           status: "confirmed"
         };
-        await O.add(Q.reservationsCollection, G), t = !0, ue(`${u.length} ${u.length > 1 ? "reservations" : "reservation"} created in Studio`, {
-          agendaId: F.value,
-          reservationIds: u.map((R) => R.reservation.id),
-          amountPaid: j,
-          reservations: u.map((R) => `${R.reservation.resource.name}: ${R.reservation.date} ${R.reservation.timeslot.startTime}`)
+        await Z.add(Q.reservationsCollection, W), t = !0, le(`${u.length} ${u.length > 1 ? "reservations" : "reservation"} created in Studio`, {
+          agendaId: T.value,
+          reservationIds: u.map((C) => C.reservation.id),
+          amountPaid: q,
+          reservations: u.map((C) => `${C.reservation.resource.name}: ${C.reservation.date} ${C.reservation.timeslot.startTime}`)
         });
       } catch (y) {
-        B("Failed to create reservation in Studio", {
+        j("Failed to create reservation in Studio", {
           error: y instanceof Error ? y.message : String(y),
-          agendaId: F.value
+          agendaId: T.value
         }), console.error("Error creating reservation:", y);
       } finally {
-        M.value = !1, t && ($.value = !1);
+        I.value = !1, t && (L.value = !1);
       }
     };
     return (e, o) => {
-      const d = h("Button"), t = h("ResponsiveModalTrigger"), y = h("ResponsiveModalTitle"), u = h("ResponsiveModalHeader"), j = h("ResponsiveModalFooter"), G = h("ResponsiveModalScrollContent"), R = h("ResponsiveModal");
-      return i(), be(R, {
-        open: $.value,
-        "onUpdate:open": o[1] || (o[1] = (se) => $.value = se)
+      const d = h("Button"), t = h("ResponsiveModalTrigger"), y = h("ResponsiveModalTitle"), u = h("ResponsiveModalHeader"), q = h("ResponsiveModalFooter"), W = h("ResponsiveModalScrollContent"), C = h("ResponsiveModal");
+      return i(), be(C, {
+        open: L.value,
+        "onUpdate:open": o[1] || (o[1] = (ne) => L.value = ne)
       }, {
         default: c(() => [
           r(t, { "as-child": "" }, {
@@ -1426,20 +1426,20 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
               r(d, null, {
                 default: c(() => [
                   r(g(Pe), { class: "size-4" }),
-                  o[2] || (o[2] = w(" Add Reservation ", -1))
+                  o[2] || (o[2] = N(" Add Reservation ", -1))
                 ]),
                 _: 1
               })
             ]),
             _: 1
           }),
-          r(G, { class: "@container/modal sm:max-w-7xl" }, {
+          r(W, { class: "@container/modal sm:max-w-7xl" }, {
             default: c(() => [
               r(u, null, {
                 default: c(() => [
                   r(y, null, {
                     default: c(() => [...o[3] || (o[3] = [
-                      w("Create new reservation", -1)
+                      N("Create new reservation", -1)
                     ])]),
                     _: 1
                   })
@@ -1449,8 +1449,8 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
               f("div", yn, [
                 r(ft, {
                   ref_key: "customerInformationRef",
-                  ref: ie,
-                  agendaData: q.value
+                  ref: se,
+                  agendaData: V.value
                 }, null, 8, ["agendaData"]),
                 o[5] || (o[5] = f("div", { class: "w-full h-[1px] bg-border my-8" }, null, -1)),
                 f("div", xn, [
@@ -1458,28 +1458,28 @@ const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "t
                     f("h2", { class: "text-sm font-medium" }, "Reservations")
                   ], -1)),
                   r(bn, {
-                    modelValue: T.value,
-                    "onUpdate:modelValue": o[0] || (o[0] = (se) => T.value = se),
-                    agendaData: q.value,
+                    modelValue: w.value,
+                    "onUpdate:modelValue": o[0] || (o[0] = (ne) => w.value = ne),
+                    agendaData: V.value,
                     "availability-by-reservation": Y.value,
                     onAdd: ye,
-                    onQuickAdd: P
+                    onQuickAdd: v
                   }, null, 8, ["modelValue", "agendaData", "availability-by-reservation"])
                 ]),
                 f("div", Sn, [
                   f("ul", kn, [
-                    (i(!0), p(te, null, pe(L.value, (se) => (i(), p("li", { key: se }, k(se), 1))), 128))
+                    (i(!0), p(ee, null, pe(B.value, (ne) => (i(), p("li", { key: ne }, R(ne), 1))), 128))
                   ])
                 ])
               ]),
-              r(j, { class: "gap-2" }, {
+              r(q, { class: "gap-2" }, {
                 default: c(() => [
                   r(d, {
                     onClick: Ne,
-                    disabled: M.value || Z.value || v.value
+                    disabled: I.value || X.value || ae.value
                   }, {
                     default: c(() => [
-                      M.value ? (i(), p("span", $n, "Creating...")) : Z.value ? (i(), p("span", Tn, "Checking availability...")) : (i(), p("span", In, k(T.value.length > 1 ? `Create ${T.value.length} reservations` : "Create reservation"), 1))
+                      I.value ? (i(), p("span", $n, "Creating...")) : X.value ? (i(), p("span", Tn, "Checking availability...")) : (i(), p("span", In, R(w.value.length > 1 ? `Create ${w.value.length} reservations` : "Create reservation"), 1))
                     ]),
                     _: 1
                   }, 8, ["disabled"])