@oneclick.dev/cms-core-modules 0.0.106 → 0.0.108

package/dist/edit-DD3iFBEh.mjs

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