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

package/dist/resources-DwsMmWgm.mjs

@@ -0,0 +1,669 @@
+import { t as e } from "./EditLayout-J_DGXb8v.mjs";
+import { n as t } from "./core-Dhgr4ctC.mjs";
+import { useConfirmation as n, useFirebaseIntegration as r, useModule as i, useModuleRoute as a } from "@oneclick.dev/cms-kit";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, normalizeClass as h, normalizeStyle as g, openBlock as _, reactive as v, ref as y, renderList as b, resolveComponent as x, toDisplayString as S, unref as C, withCtx as w } from "vue";
+import { CircleAlert as T, Clock as E, Copy as D, MoreHorizontal as O, Pencil as k, Plus as A, Trash2 as ee, Users as j } from "@lucide/vue";
+//#region src/appointments/components/edit/ResourceEditorDialog.vue?vue&type=script&setup=true&lang.ts
+var M = { class: "space-y-5 py-4" }, N = { class: "flex flex-wrap gap-2 mt-2" }, P = ["onClick"], F = { class: "space-y-2" }, I = { class: "flex items-center justify-between mb-2" }, L = { class: "text-sm font-medium" }, R = { class: "flex items-center gap-1" }, z = { class: "space-y-2" }, B = {
+	key: 0,
+	class: "text-sm text-muted-foreground italic py-1"
+}, V = { class: "flex items-center justify-between rounded-lg border p-4" }, te = { class: "space-y-0.5" }, ne = { class: "text-xs text-muted-foreground" }, H = { class: "w-full flex justify-between items-center gap-4 flex-col @sm/dialog-footer:flex-row" }, re = { class: "flex items-center gap-2 ml-auto w-full @sm/dialog-footer:w-auto flex-col-reverse @sm/dialog-footer:flex-row" }, ie = /* @__PURE__ */ m({
+	__name: "ResourceEditorDialog",
+	emits: [
+		"add-resource",
+		"update-resource",
+		"remove-resource"
+	],
+	setup(e, { expose: t, emit: n }) {
+		let r = n, i = y(!1), a = y("add"), m = [
+			"#ef4444",
+			"#f97316",
+			"#f59e0b",
+			"#eab308",
+			"#84cc16",
+			"#22c55e",
+			"#10b981",
+			"#14b8a6",
+			"#06b6d4",
+			"#0ea5e9",
+			"#3b82f6",
+			"#6366f1",
+			"#8b5cf6",
+			"#a855f7",
+			"#d946ef",
+			"#ec4899",
+			"#f43f5e"
+		], T = [
+			{
+				value: 1,
+				label: "Monday"
+			},
+			{
+				value: 2,
+				label: "Tuesday"
+			},
+			{
+				value: 3,
+				label: "Wednesday"
+			},
+			{
+				value: 4,
+				label: "Thursday"
+			},
+			{
+				value: 5,
+				label: "Friday"
+			},
+			{
+				value: 6,
+				label: "Saturday"
+			},
+			{
+				value: 0,
+				label: "Sunday"
+			}
+		], D = v({
+			id: "",
+			name: "",
+			publicLabel: "",
+			avatarLabel: "",
+			description: "",
+			capacity: 1,
+			interval: 30,
+			openingHours: {
+				0: [],
+				1: [{
+					start: "09:00",
+					end: "17:00"
+				}],
+				2: [{
+					start: "09:00",
+					end: "17:00"
+				}],
+				3: [{
+					start: "09:00",
+					end: "17:00"
+				}],
+				4: [{
+					start: "09:00",
+					end: "17:00"
+				}],
+				5: [{
+					start: "09:00",
+					end: "17:00"
+				}],
+				6: []
+			},
+			color: "blue",
+			isActive: !0
+		}), k = (e) => {
+			a.value = e ? "edit" : "add", D.id = e?.id || "", D.name = e?.name || "", D.publicLabel = e?.publicLabel || "", D.avatarLabel = e?.avatarLabel || "", D.description = e?.description || "", D.capacity = e?.capacity || 1, D.interval = e?.interval || 30, D.openingHours = e?.openingHours || {
+				0: [],
+				1: [{
+					start: "09:00",
+					end: "17:00"
+				}],
+				2: [{
+					start: "09:00",
+					end: "17:00"
+				}],
+				3: [{
+					start: "09:00",
+					end: "17:00"
+				}],
+				4: [{
+					start: "09:00",
+					end: "17:00"
+				}],
+				5: [{
+					start: "09:00",
+					end: "17:00"
+				}],
+				6: []
+			}, D.color = e?.color || "blue", D.isActive = e?.isActive === void 0 ? !0 : e.isActive, i.value = !0;
+		}, A = () => {
+			i.value = !1;
+		}, j = () => {
+			r("add-resource", { ...D }), i.value = !1;
+		}, ie = () => {
+			r("update-resource", { ...D }), i.value = !1;
+		}, ae = () => {
+			r("remove-resource", D.id), i.value = !1;
+		}, U = s(() => D.name.trim().length > 0), W = (e) => {
+			D.openingHours[e] || (D.openingHours[e] = []), D.openingHours[e].push({
+				start: "09:00",
+				end: "17:00"
+			});
+		}, G = (e, t) => {
+			D.openingHours[e].splice(t, 1);
+		}, K = (e) => {
+			let t = D.openingHours[e];
+			T.forEach((e) => {
+				D.openingHours[e.value] = JSON.parse(JSON.stringify(t));
+			});
+		}, q = (e) => {
+			D.openingHours[e] = [];
+		};
+		return t({ openDialog: k }), (e, t) => {
+			let n = x("DialogTitle"), r = x("DialogDescription"), s = x("DialogHeader"), v = x("Label"), y = x("Input"), k = x("NumberFieldDecrement"), oe = x("NumberFieldInput"), se = x("NumberFieldIncrement"), ce = x("NumberFieldContent"), le = x("NumberField"), ue = x("SelectValue"), de = x("SelectTrigger"), J = x("SelectItem"), fe = x("SelectContent"), pe = x("Select"), Y = x("Button"), me = x("DropdownMenuTrigger"), X = x("DropdownMenuItem"), he = x("DropdownMenuContent"), ge = x("DropdownMenu"), _e = x("Textarea"), ve = x("Switch"), Z = x("DialogFooter"), ye = x("DialogScrollContent"), Q = x("Dialog");
+			return _(), c(Q, {
+				open: i.value,
+				"onUpdate:open": t[7] ||= (e) => i.value = e
+			}, {
+				default: w(() => [p(ye, { class: "sm:max-w-xl lg:max-w-2xl" }, {
+					default: w(() => [
+						p(s, null, {
+							default: w(() => [p(n, null, {
+								default: w(() => [f(S(a.value === "add" ? "Add New Resource" : "Edit Resource"), 1)]),
+								_: 1
+							}), p(r, null, {
+								default: w(() => [f(S(a.value === "add" ? "Define a new bookable resource such as staff member, room, or equipment." : "Update the details of this resource."), 1)]),
+								_: 1
+							})]),
+							_: 1
+						}),
+						d("div", M, [
+							d("div", null, [
+								p(v, {
+									class: "text-sm font-normal mb-1.5",
+									for: "resource-name"
+								}, {
+									default: w(() => [...t[8] ||= [f(" Resource Name ", -1), d("span", { class: "text-destructive" }, "*", -1)]]),
+									_: 1
+								}),
+								p(y, {
+									modelValue: D.name,
+									"onUpdate:modelValue": t[0] ||= (e) => D.name = e,
+									id: "resource-name",
+									placeholder: "e.g., James, Box 1, Meeting Room A"
+								}, null, 8, ["modelValue"]),
+								t[9] ||= d("p", { class: "text-xs text-muted-foreground mt-1" }, " Internal name visible to your team. ", -1)
+							]),
+							d("div", null, [
+								p(v, {
+									class: "text-sm font-normal mb-1.5",
+									for: "resource-public-label"
+								}, {
+									default: w(() => [...t[10] ||= [f(" Public Label ", -1)]]),
+									_: 1
+								}),
+								p(y, {
+									modelValue: D.publicLabel,
+									"onUpdate:modelValue": t[1] ||= (e) => D.publicLabel = e,
+									id: "resource-public-label",
+									placeholder: "Name shown to customers"
+								}, null, 8, ["modelValue"]),
+								t[11] ||= d("p", { class: "text-xs text-muted-foreground mt-1" }, " If empty, the internal name will be displayed to customers. ", -1)
+							]),
+							d("div", null, [
+								p(v, {
+									class: "text-sm font-normal mb-1.5",
+									for: "resource-avatar-label"
+								}, {
+									default: w(() => [...t[12] ||= [f(" Avatar Label ", -1)]]),
+									_: 1
+								}),
+								p(y, {
+									modelValue: D.avatarLabel,
+									"onUpdate:modelValue": t[2] ||= (e) => D.avatarLabel = e,
+									id: "resource-avatar-label",
+									placeholder: "e.g., B1, 1, JD",
+									maxlength: "3"
+								}, null, 8, ["modelValue"]),
+								t[13] ||= d("p", { class: "text-xs text-muted-foreground mt-1" }, " Short text shown in the colored circle (max 3 characters). If empty, first letter of name is used. ", -1)
+							]),
+							d("div", null, [
+								p(v, { class: "text-sm font-normal mb-1.5" }, {
+									default: w(() => [...t[14] ||= [f("Color", -1)]]),
+									_: 1
+								}),
+								d("div", N, [(_(), u(o, null, b(m, (e) => d("button", {
+									key: e,
+									type: "button",
+									class: h(["size-7 rounded-full transition-all ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", [D.color === e ? "ring-2 ring-ring ring-offset-2" : "hover:scale-110"]]),
+									style: g({ background: e }),
+									onClick: (t) => D.color = e
+								}, null, 14, P)), 64))]),
+								t[15] ||= d("p", { class: "text-xs text-muted-foreground mt-2" }, " Used for visual identification in the calendar. ", -1)
+							]),
+							d("div", null, [
+								p(v, {
+									class: "text-sm font-normal mb-1.5",
+									for: "resource-capacity"
+								}, {
+									default: w(() => [...t[16] ||= [f(" Capacity ", -1)]]),
+									_: 1
+								}),
+								p(le, {
+									id: "resource-capacity",
+									modelValue: D.capacity,
+									"onUpdate:modelValue": t[3] ||= (e) => D.capacity = e,
+									min: 1,
+									max: 999
+								}, {
+									default: w(() => [p(ce, null, {
+										default: w(() => [
+											p(k),
+											p(oe),
+											p(se)
+										]),
+										_: 1
+									})]),
+									_: 1
+								}, 8, ["modelValue"]),
+								t[17] ||= d("p", { class: "text-xs text-muted-foreground mt-1" }, " Maximum simultaneous bookings allowed for this resource. ", -1)
+							]),
+							d("div", null, [
+								p(v, {
+									class: "text-sm font-normal mb-1.5",
+									for: "resource-interval"
+								}, {
+									default: w(() => [...t[18] ||= [f(" Booking Interval ", -1)]]),
+									_: 1
+								}),
+								p(pe, {
+									modelValue: D.interval,
+									"onUpdate:modelValue": t[4] ||= (e) => D.interval = e,
+									modelModifiers: { number: !0 }
+								}, {
+									default: w(() => [p(de, { id: "resource-interval" }, {
+										default: w(() => [p(ue, { placeholder: "Select interval" })]),
+										_: 1
+									}), p(fe, null, {
+										default: w(() => [
+											p(J, { value: 5 }, {
+												default: w(() => [...t[19] ||= [f("5 minutes", -1)]]),
+												_: 1
+											}),
+											p(J, { value: 10 }, {
+												default: w(() => [...t[20] ||= [f("10 minutes", -1)]]),
+												_: 1
+											}),
+											p(J, { value: 15 }, {
+												default: w(() => [...t[21] ||= [f("15 minutes", -1)]]),
+												_: 1
+											}),
+											p(J, { value: 30 }, {
+												default: w(() => [...t[22] ||= [f("30 minutes", -1)]]),
+												_: 1
+											}),
+											p(J, { value: 60 }, {
+												default: w(() => [...t[23] ||= [f("1 hour", -1)]]),
+												_: 1
+											})
+										]),
+										_: 1
+									})]),
+									_: 1
+								}, 8, ["modelValue"]),
+								t[24] ||= d("p", { class: "text-xs text-muted-foreground mt-1" }, " Time slots will be generated at this interval within operating hours. ", -1)
+							]),
+							d("div", null, [
+								p(v, { class: "text-sm font-normal mb-2 flex items-center gap-2" }, {
+									default: w(() => [p(C(E), { class: "w-4 h-4" }), t[25] ||= f(" Operating Hours ", -1)]),
+									_: 1
+								}),
+								d("div", F, [(_(), u(o, null, b(T, (e) => d("div", {
+									key: e.value,
+									class: "rounded-md bg-muted/30 p-2 sm:p-3"
+								}, [d("div", I, [d("span", L, S(e.label), 1), d("div", R, [p(Y, {
+									variant: "outline",
+									size: "sm",
+									class: "h-7 px-2 text-xs",
+									onClick: (t) => W(e.value)
+								}, {
+									default: w(() => [...t[26] ||= [f(" Add ", -1)]]),
+									_: 1
+								}, 8, ["onClick"]), p(ge, null, {
+									default: w(() => [p(me, { "as-child": "" }, {
+										default: w(() => [p(Y, {
+											variant: "ghost",
+											size: "icon",
+											class: "size-7"
+										}, {
+											default: w(() => [p(C(O), { class: "w-4 h-4" })]),
+											_: 1
+										})]),
+										_: 1
+									}), p(he, { align: "end" }, {
+										default: w(() => [p(X, { onClick: (t) => K(e.value) }, {
+											default: w(() => [...t[27] ||= [f(" Copy to all days ", -1)]]),
+											_: 1
+										}, 8, ["onClick"]), p(X, {
+											onClick: (t) => q(e.value),
+											variant: "destructive"
+										}, {
+											default: w(() => [...t[28] ||= [f(" Set as closed ", -1)]]),
+											_: 1
+										}, 8, ["onClick"])]),
+										_: 2
+									}, 1024)]),
+									_: 2
+								}, 1024)])]), d("div", z, [D.openingHours[e.value]?.length === 0 ? (_(), u("div", B, " Closed ")) : l("", !0), (_(!0), u(o, null, b(D.openingHours[e.value], (n, r) => (_(), u("div", {
+									key: r,
+									class: "flex items-center gap-1.5 sm:gap-2"
+								}, [
+									p(y, {
+										modelValue: n.start,
+										"onUpdate:modelValue": (e) => n.start = e,
+										type: "time",
+										class: "flex-1 min-w-0 h-8 text-sm"
+									}, null, 8, ["modelValue", "onUpdate:modelValue"]),
+									t[29] ||= d("span", { class: "text-muted-foreground text-xs sm:text-sm shrink-0" }, "to", -1),
+									p(y, {
+										modelValue: n.end,
+										"onUpdate:modelValue": (e) => n.end = e,
+										type: "time",
+										class: "flex-1 min-w-0 h-8 text-sm"
+									}, null, 8, ["modelValue", "onUpdate:modelValue"]),
+									p(Y, {
+										variant: "ghost",
+										size: "icon",
+										class: "size-7 shrink-0",
+										onClick: (t) => G(e.value, r)
+									}, {
+										default: w(() => [p(C(ee), { class: "w-3.5 h-3.5 text-destructive" })]),
+										_: 1
+									}, 8, ["onClick"])
+								]))), 128))])])), 64))]),
+								t[30] ||= d("p", { class: "text-xs text-muted-foreground mt-2" }, " Define when this resource is available. You can add multiple time ranges per day for split shifts. ", -1)
+							]),
+							d("div", null, [
+								p(v, {
+									class: "text-sm font-normal mb-1.5",
+									for: "resource-description"
+								}, {
+									default: w(() => [...t[31] ||= [f(" Description ", -1)]]),
+									_: 1
+								}),
+								p(_e, {
+									modelValue: D.description,
+									"onUpdate:modelValue": t[5] ||= (e) => D.description = e,
+									id: "resource-description",
+									placeholder: "Internal notes about this resource...",
+									rows: "3"
+								}, null, 8, ["modelValue"]),
+								t[32] ||= d("p", { class: "text-xs text-muted-foreground mt-1" }, " Admin-only notes. Not shown to customers. ", -1)
+							]),
+							d("div", V, [d("div", te, [p(v, { class: "text-sm font-medium" }, {
+								default: w(() => [...t[33] ||= [f("Active", -1)]]),
+								_: 1
+							}), d("p", ne, S(D.isActive ? "Resource can be used for new slots and bookings." : "Existing bookings stay, but no new ones can be created."), 1)]), p(ve, {
+								modelValue: D.isActive,
+								"onUpdate:modelValue": t[6] ||= (e) => D.isActive = e
+							}, null, 8, ["modelValue"])])
+						]),
+						p(Z, { class: "@container/dialog-footer gap-2" }, {
+							default: w(() => [d("div", H, [a.value === "edit" ? (_(), c(Y, {
+								key: 0,
+								variant: "destructive",
+								onClick: ae,
+								class: "w-full @sm/dialog-footer:w-auto"
+							}, {
+								default: w(() => [...t[34] ||= [f(" Delete Resource ", -1)]]),
+								_: 1
+							})) : l("", !0), d("div", re, [p(Y, {
+								variant: "outline",
+								onClick: A,
+								class: "w-full @sm/dialog-footer:w-auto"
+							}, {
+								default: w(() => [...t[35] ||= [f(" Cancel ", -1)]]),
+								_: 1
+							}), a.value === "add" ? (_(), c(Y, {
+								key: 0,
+								onClick: j,
+								disabled: !U.value,
+								class: "w-full @sm/dialog-footer:w-auto"
+							}, {
+								default: w(() => [...t[36] ||= [f(" Add Resource ", -1)]]),
+								_: 1
+							}, 8, ["disabled"])) : (_(), c(Y, {
+								key: 1,
+								onClick: ie,
+								disabled: !U.value,
+								class: "w-full @sm/dialog-footer:w-auto"
+							}, {
+								default: w(() => [...t[37] ||= [f(" Save Changes ", -1)]]),
+								_: 1
+							}, 8, ["disabled"]))])])]),
+							_: 1
+						})
+					]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["open"]);
+		};
+	}
+}), ae = { class: "@container/resources" }, U = { class: "flex flex-col @lg/resources:flex-row @lg/resources:items-center @lg/resources:justify-between gap-4 mb-6" }, W = { class: "space-y-6" }, G = {
+	key: 0,
+	class: "flex flex-col @md/resources:flex-row gap-4 items-start @md/resources:items-center justify-between"
+}, K = { class: "relative w-full @md/resources:w-64" }, q = { class: "text-sm text-muted-foreground" }, oe = {
+	key: 1,
+	class: "grid grid-cols-1 @2xl/resources:grid-cols-2 @4xl/resources:grid-cols-3 gap-4"
+}, se = { class: "p-4 pl-5" }, ce = { class: "flex items-start gap-3" }, le = { class: "flex-1 min-w-0" }, ue = { class: "flex items-center gap-2" }, de = { class: "font-semibold truncate text-base" }, J = { key: 0 }, fe = {
+	key: 0,
+	class: "text-sm text-muted-foreground truncate"
+}, pe = {
+	key: 0,
+	class: "text-sm text-muted-foreground mt-3 line-clamp-2"
+}, Y = { class: "flex items-center flex-wrap gap-3 mt-4 pt-3 border-t" }, me = { class: "flex items-center gap-1.5 text-xs text-muted-foreground" }, X = { class: "flex items-center gap-1.5 text-xs text-muted-foreground" }, he = { class: "flex items-center gap-2" }, ge = { class: "text-xs text-muted-foreground" }, _e = {
+	key: 1,
+	class: "flex items-center gap-1.5 text-xs text-orange-500"
+}, ve = {
+	key: 2,
+	class: "text-center py-8 text-muted-foreground"
+}, Z = {
+	key: 3,
+	class: "flex justify-center py-12"
+}, ye = {
+	key: 5,
+	class: "fixed bottom-4 right-4 bg-background border rounded-lg px-4 py-2 shadow-lg flex items-center gap-2"
+}, Q = /* @__PURE__ */ m({
+	__name: "resources",
+	setup(m) {
+		let { width: v } = t(), { params: E } = a(), { confirm: O } = n(), { config: M } = i(), N = r(M.project), P = y([]), F = y(!1), I = y(!0), L = y(), R = y(""), z = () => Date.now().toString(36) + Math.random().toString(36).substr(2), B = async () => {
+			try {
+				I.value = !0, P.value = (await N.get(M.agendaCollection, E.value.id)).resources || [];
+			} catch (e) {
+				console.error("Error loading resources:", e);
+			} finally {
+				I.value = !1;
+			}
+		}, V = async () => {
+			F.value = !0;
+			try {
+				await N.update(M.agendaCollection, E.value.id, { resources: P.value });
+			} catch (e) {
+				console.error("Error saving resources:", e);
+			} finally {
+				F.value = !1;
+			}
+		}, te = (e) => {
+			let t = {
+				...e,
+				id: z()
+			};
+			P.value.push(t), V();
+		}, ne = (e) => {
+			let t = P.value.findIndex((t) => t.id === e.id);
+			t !== -1 && (P.value[t] = e), V();
+		}, H = async (e) => {
+			await O("Are you sure you want to delete this resource? This action cannot be undone.", "Delete Resource", "Delete") && (P.value = P.value.filter((t) => t.id !== e), V());
+		}, re = async (e) => {
+			let t = P.value.findIndex((t) => t.id === e.id);
+			t !== -1 && (P.value[t].isActive = !P.value[t].isActive, await V());
+		}, Q = (e) => {
+			let t = {
+				...e,
+				id: z(),
+				name: `${e.name} (Copy)`,
+				publicLabel: e.publicLabel ? `${e.publicLabel} (Copy)` : ""
+			};
+			P.value.push(t), V();
+		}, be = () => {
+			L.value?.openDialog();
+		}, xe = (e) => {
+			L.value?.openDialog(e);
+		}, $ = s(() => {
+			if (!R.value.trim()) return P.value;
+			let e = R.value.toLowerCase();
+			return P.value.filter((t) => t.name.toLowerCase().includes(e) || t.publicLabel?.toLowerCase().includes(e));
+		}), Se = s(() => P.value.filter((e) => e.isActive).length), Ce = s(() => P.value.length);
+		return B(), (t, n) => {
+			let r = x("Button"), i = x("Input"), a = x("DropdownMenuTrigger"), s = x("DropdownMenuItem"), m = x("DropdownMenuSeparator"), y = x("DropdownMenuContent"), E = x("DropdownMenu"), O = x("Switch"), M = x("Card"), N = x("Spinner"), z = x("EmptyMedia"), B = x("EmptyTitle"), V = x("EmptyDescription"), we = x("EmptyHeader"), Te = x("EmptyContent"), Ee = x("Empty");
+			return _(), c(e, null, {
+				default: w(() => [d("div", ae, [d("div", U, [n[2] ||= d("div", null, [d("h1", { class: "text-lg font-medium" }, "Resource Management"), d("p", { class: "text-muted-foreground text-sm mt-1" }, " Define the rooms, boxes, or staff that can be booked in this agenda. ")], -1), P.value.length > 0 ? (_(), c(r, {
+					key: 0,
+					onClick: be
+				}, {
+					default: w(() => [p(C(A), { class: "size-4 mr-1.5" }), n[1] ||= f(" Add Resource ", -1)]),
+					_: 1
+				})) : l("", !0)]), d("div", W, [
+					P.value.length > 0 ? (_(), u("div", G, [d("div", K, [p(i, {
+						modelValue: R.value,
+						"onUpdate:modelValue": n[0] ||= (e) => R.value = e,
+						placeholder: "Search resources...",
+						class: "pl-9"
+					}, null, 8, ["modelValue"]), n[3] ||= d("svg", {
+						class: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground",
+						xmlns: "http://www.w3.org/2000/svg",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor"
+					}, [d("path", {
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"stroke-width": "2",
+						d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+					})], -1)]), d("div", q, S(Se.value) + " active of " + S(Ce.value) + " resource" + S(Ce.value === 1 ? "" : "s"), 1)])) : l("", !0),
+					$.value.length > 0 ? (_(), u("div", oe, [(_(!0), u(o, null, b($.value, (e) => (_(), c(M, {
+						key: e.id,
+						class: h(["group relative overflow-hidden transition-all duration-200 hover:shadow-md", e.isActive ? "" : "opacity-60 grayscale-[30%]"])
+					}, {
+						default: w(() => [d("div", {
+							class: "absolute inset-y-0 left-0 w-1 transition-all duration-200 group-hover:w-1.5",
+							style: g({ background: e.color })
+						}, null, 4), d("div", se, [
+							d("div", ce, [
+								d("div", {
+									class: "size-11 rounded-xl flex-shrink-0 flex items-center justify-center text-white font-semibold text-sm shadow-sm",
+									style: g({ background: e.color })
+								}, S(e.avatarLabel || e.name.charAt(0).toUpperCase()), 5),
+								d("div", le, [d("div", ue, [d("h3", de, [f(S(e.name) + " ", 1), e.isActive ? l("", !0) : (_(), u("span", J, "(Inactive)"))])]), e.publicLabel && e.publicLabel !== e.name ? (_(), u("p", fe, S(e.publicLabel), 1)) : l("", !0)]),
+								p(E, null, {
+									default: w(() => [p(a, { "as-child": "" }, {
+										default: w(() => [p(r, {
+											variant: "ghost",
+											size: "icon",
+											class: "size-8"
+										}, {
+											default: w(() => [...n[4] ||= [d("svg", {
+												class: "size-4",
+												xmlns: "http://www.w3.org/2000/svg",
+												fill: "none",
+												viewBox: "0 0 24 24",
+												stroke: "currentColor"
+											}, [d("path", {
+												"stroke-linecap": "round",
+												"stroke-linejoin": "round",
+												"stroke-width": "2",
+												d: "M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"
+											})], -1)]]),
+											_: 1
+										})]),
+										_: 1
+									}), p(y, { align: "end" }, {
+										default: w(() => [
+											p(s, { onClick: (t) => xe(e) }, {
+												default: w(() => [p(C(k), { class: "size-4 mr-2" }), n[5] ||= f(" Edit ", -1)]),
+												_: 1
+											}, 8, ["onClick"]),
+											p(s, { onClick: (t) => Q(e) }, {
+												default: w(() => [p(C(D), { class: "size-4 mr-2" }), n[6] ||= f(" Duplicate ", -1)]),
+												_: 1
+											}, 8, ["onClick"]),
+											p(m),
+											p(s, {
+												variant: "destructive",
+												onClick: (t) => H(e.id)
+											}, {
+												default: w(() => [p(C(ee), { class: "size-4 mr-2" }), n[7] ||= f(" Delete ", -1)]),
+												_: 1
+											}, 8, ["onClick"])
+										]),
+										_: 2
+									}, 1024)]),
+									_: 2
+								}, 1024)
+							]),
+							e.description ? (_(), u("p", pe, S(e.description), 1)) : l("", !0),
+							d("div", Y, [
+								d("div", me, [p(C(j), { class: "size-3.5" }), d("span", null, S(e.capacity) + " " + S(e.capacity === 1 ? "slot" : "slots"), 1)]),
+								d("div", X, [n[8] ||= d("svg", {
+									class: "size-3.5",
+									xmlns: "http://www.w3.org/2000/svg",
+									fill: "none",
+									viewBox: "0 0 24 24",
+									stroke: "currentColor"
+								}, [d("path", {
+									"stroke-linecap": "round",
+									"stroke-linejoin": "round",
+									"stroke-width": "2",
+									d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
+								})], -1), d("span", null, S(e.interval) + " min", 1)]),
+								C(v) >= 640 ? (_(), u(o, { key: 0 }, [n[9] ||= d("div", { class: "flex-1" }, null, -1), d("div", he, [d("span", ge, S(e.isActive ? "Active" : "Inactive"), 1), p(O, {
+									defaultValue: e.isActive,
+									"onUpdate:modelValue": (t) => re(e),
+									class: "scale-90"
+								}, null, 8, ["defaultValue", "onUpdate:modelValue"])])], 64)) : e.isActive ? l("", !0) : (_(), u("div", _e, [p(C(T), { class: "size-3.5" }), n[10] ||= d("span", null, "Inactive", -1)]))
+							])
+						])]),
+						_: 2
+					}, 1032, ["class"]))), 128))])) : P.value.length > 0 && $.value.length === 0 ? (_(), u("div", ve, [...n[11] ||= [d("p", null, "No resources match your search.", -1)]])) : I.value ? (_(), u("div", Z, [p(N, { class: "size-8" })])) : (_(), c(Ee, {
+						key: 4,
+						class: "border border-dashed"
+					}, {
+						default: w(() => [p(we, null, {
+							default: w(() => [
+								p(z, { variant: "icon" }, {
+									default: w(() => [p(C(j), { class: "size-6" })]),
+									_: 1
+								}),
+								p(B, null, {
+									default: w(() => [...n[12] ||= [f("No Resources Yet", -1)]]),
+									_: 1
+								}),
+								p(V, null, {
+									default: w(() => [...n[13] ||= [f(" You haven't added any bookable resources yet. Define your staff, rooms, or equipment to start configuring availability. ", -1)]]),
+									_: 1
+								})
+							]),
+							_: 1
+						}), p(Te, null, {
+							default: w(() => [p(r, {
+								variant: "outline",
+								onClick: be
+							}, {
+								default: w(() => [p(C(A), { class: "size-4 mr-1.5" }), n[14] ||= f(" Add Your First Resource ", -1)]),
+								_: 1
+							})]),
+							_: 1
+						})]),
+						_: 1
+					})),
+					F.value ? (_(), u("div", ye, [p(N, { class: "size-4" }), n[15] ||= d("span", { class: "text-sm" }, "Saving...", -1)])) : l("", !0)
+				])]), p(ie, {
+					ref_key: "resourceDialogRef",
+					ref: L,
+					onAddResource: te,
+					onUpdateResource: ne,
+					onRemoveResource: H
+				}, null, 512)]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { Q as default };