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

package/dist/Overview-BOOwMQ-c.mjs

@@ -0,0 +1,636 @@
+import { t as e } from "./lib-BZgXUui5.mjs";
+import { t } from "./utils-h3owcMtS.mjs";
+import { t as n } from "./core-Dhgr4ctC.mjs";
+import { useConfirmation as r, useFirebaseIntegration as i, useModuleBreadcrumbs as a, useModulePermissions as o, useModuleRoute as s } from "@oneclick.dev/cms-kit";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, inject as _, normalizeClass as v, onMounted as y, onUnmounted as b, openBlock as x, provide as S, ref as C, renderList as w, renderSlot as T, resolveComponent as E, toDisplayString as D, unref as O, useTemplateRef as k, watch as A, withAsyncContext as j, withCtx as M, withKeys as N, withModifiers as P } from "vue";
+import { Check as F, ChevronsUpDown as I, ExternalLink as L, Filter as ee, LayoutGrid as te, List as ne, Plus as re, RotateCcw as R, Search as ie } from "@lucide/vue";
+//#region src/products/components/overview/GridView.vue?vue&type=script&setup=true&lang.ts
+var z = { class: "grid @md:grid-cols-2 @2xl:grid-cols-3 @3xl:grid-cols-4 @4xl:grid-cols-5 @5xl:grid-cols-6 gap-6" }, B = ["onClick", "onContextmenu"], V = ["src"], H = { class: "font-semibold" }, U = { class: "text-sm text-muted-foreground flex items-center gap-2" }, W = { class: "flex items-center gap-2" }, G = { key: 0 }, ae = /* @__PURE__ */ g({
+	__name: "GridView",
+	props: { products: {
+		type: Array,
+		required: !0
+	} },
+	setup(e) {
+		let t = _("selection"), { navigateTo: n } = s(), { hasPermission: r } = o(), i = (e, r) => {
+			let i = r.ctrlKey || r.metaKey;
+			if (!r.shiftKey) if (i || t.value.length > 0) {
+				let n = t.value.indexOf(e.id);
+				n > -1 ? t.value.splice(n, 1) : t.value.push(e.id);
+			} else t.value = [], n(e.id);
+		}, a = (e) => {
+			e.target.closest(".GRID_ITEM") || (t.value = []);
+		}, l = (e, n) => {
+			n.ctrlKey || n.metaKey ? t.value.includes(e.id) ? t.value.splice(t.value.indexOf(e.id), 1) : t.value.push(e.id) : t.value.includes(e.id) || (t.value = [e.id]);
+		};
+		return (n, r) => (x(), f("div", {
+			class: "@container mb-4 flex-1 select-none",
+			onClick: r[0] ||= (e) => t.value = [],
+			onContextmenu: a
+		}, [p("div", z, [(x(!0), f(c, null, w(e.products, (e) => (x(), f("div", {
+			key: e.id,
+			onClick: P((t) => i(e, t), ["stop"]),
+			onContextmenu: (t) => l(e, t),
+			class: "GRID_ITEM cursor-pointer"
+		}, [p("div", { class: v(["aspect-square bg-muted rounded-xl overflow-hidden mb-2 transition-all duration-200", { "outline outline-4 outline-primary/50": O(t).includes(e.id) }]) }, [e.featuredMedia ? (x(), f("img", {
+			key: 0,
+			src: e.featuredMedia,
+			class: "w-full h-full object-cover pointer-events-none",
+			draggable: "false"
+		}, null, 8, V)) : d("", !0)], 2), p("div", null, [p("p", H, D(e.title), 1), p("p", U, [p("span", W, [e.status === "published" ? (x(), f(c, { key: 0 }, [r[1] ||= p("span", { class: "block shrink-0 size-3 rounded-full bg-green-500" }, null, -1), r[2] ||= m(" Published ", -1)], 64)) : e.status === "draft" ? (x(), f(c, { key: 1 }, [r[3] ||= p("span", { class: "block shrink-0 size-3 rounded-full bg-blue-500" }, null, -1), r[4] ||= m(" Draft ", -1)], 64)) : (x(), f(c, { key: 2 }, [r[5] ||= p("span", { class: "block shrink-0 size-3 rounded-full bg-gray-300" }, null, -1), r[6] ||= m(" Archived ", -1)], 64))]), e.variantsTotal > 1 ? (x(), f("span", G, "| " + D(e.variantsTotal) + " variants", 1)) : d("", !0)])])], 40, B))), 128))])], 32));
+	}
+}), K = { class: "flex items-center gap-2" }, q = {
+	key: 0,
+	class: "bg-green-500 text-green-950 px-2 py-1 rounded-lg text-xs"
+}, J = {
+	key: 1,
+	class: "bg-blue-500 text-blue-950 px-2 py-1 rounded-lg text-xs"
+}, Y = {
+	key: 2,
+	class: "bg-gray-500 text-gray-950 px-2 py-1 rounded-lg text-xs"
+}, oe = /* @__PURE__ */ g({
+	__name: "ListView",
+	props: { products: {
+		type: Array,
+		required: !0
+	} },
+	setup(e) {
+		let t = _("selection"), { navigateTo: n } = s(), { hasPermission: r } = o(), i = (e, n) => {
+			e ? t.value.push(n) : t.value = t.value.filter((e) => e !== n);
+		};
+		return (r, a) => {
+			let o = E("TableHead"), s = E("TableRow"), l = E("TableHeader"), g = E("Checkbox"), _ = E("TableCell"), v = E("AvatarImage"), y = E("AvatarFallback"), b = E("Avatar"), S = E("TableBody"), C = E("Table"), T = E("Card");
+			return x(), u(T, { class: "w-full py-4 px-4" }, {
+				default: M(() => [h(C, { class: "rounded overflow-hidden" }, {
+					default: M(() => [h(l, null, {
+						default: M(() => [h(s, null, {
+							default: M(() => [
+								O(t)?.length > 0 ? (x(), u(o, { key: 0 })) : d("", !0),
+								h(o, null, {
+									default: M(() => [...a[1] ||= [m("Title", -1)]]),
+									_: 1
+								}),
+								h(o, null, {
+									default: M(() => [...a[2] ||= [m("Status", -1)]]),
+									_: 1
+								}),
+								h(o, null, {
+									default: M(() => [...a[3] ||= [m(" Variants", -1)]]),
+									_: 1
+								}),
+								h(o, null, {
+									default: M(() => [...a[4] ||= [m("Price", -1)]]),
+									_: 1
+								})
+							]),
+							_: 1
+						})]),
+						_: 1
+					}), h(S, null, {
+						default: M(() => [(x(!0), f(c, null, w(e.products, (e) => (x(), u(s, {
+							key: e.id,
+							onClick: (t) => O(n)(e.id),
+							class: "cursor-pointer"
+						}, {
+							default: M(() => [
+								O(t)?.length > 0 ? (x(), u(_, { key: 0 }, {
+									default: M(() => [h(g, {
+										"model-value": O(t)?.includes(e.id),
+										"onUpdate:modelValue": (t) => i(t, e.id),
+										onClick: a[0] ||= P(() => {}, ["prevent", "stop"])
+									}, null, 8, ["model-value", "onUpdate:modelValue"])]),
+									_: 2
+								}, 1024)) : d("", !0),
+								h(_, { class: "font-medium" }, {
+									default: M(() => [p("div", K, [h(b, { class: "size-12 rounded-xl" }, {
+										default: M(() => [h(v, {
+											src: e.media?.[0],
+											class: "object-cover"
+										}, null, 8, ["src"]), h(y, { class: "rounded-xl" })]),
+										_: 2
+									}, 1024), p("span", null, D(e.title), 1)])]),
+									_: 2
+								}, 1024),
+								h(_, null, {
+									default: M(() => [e.status === "published" ? (x(), f("span", q, "Published")) : e.status === "draft" ? (x(), f("span", J, "Draft")) : e.status === "archived" ? (x(), f("span", Y, "Archived")) : d("", !0)]),
+									_: 2
+								}, 1024),
+								h(_, null, {
+									default: M(() => [m(D(e.variantsTotal), 1)]),
+									_: 2
+								}, 1024),
+								h(_, { class: "text-right" }, {
+									default: M(() => [m(" € " + D(e.price || 0), 1)]),
+									_: 2
+								}, 1024)
+							]),
+							_: 2
+						}, 1032, ["onClick"]))), 128))]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			});
+		};
+	}
+}), X = { class: "truncate" }, se = { key: 0 }, Z = { key: 1 }, Q = { key: 2 }, $ = { key: 3 }, ce = { class: "relative w-full max-w-sm items-center" }, le = { class: "truncate" }, ue = { class: "truncate" }, de = { class: "flex items-center space-x-2 mb-4" }, fe = { class: "flex items-center space-x-2 mb-4" }, pe = { class: "flex items-center space-x-2 mb-4" }, me = /* @__PURE__ */ g({
+	__name: "FilterPopover",
+	setup(e) {
+		let n = _("filter"), r = _("collections"), i = () => {
+			n.value = {
+				collections: [],
+				published: !0,
+				draft: !0,
+				archived: !1
+			};
+		};
+		return (e, a) => {
+			let o = E("Button"), s = E("PopoverTrigger"), l = E("ComboboxTrigger"), g = E("ComboboxAnchor"), _ = E("ComboboxInput"), y = E("ComboboxEmpty"), b = E("ComboboxItemIndicator"), S = E("ComboboxItem"), C = E("ScrollArea"), T = E("ComboboxGroup"), k = E("ComboboxList"), A = E("Combobox"), j = E("Checkbox"), N = E("PopoverContent"), P = E("Popover");
+			return x(), u(P, null, {
+				default: M(() => [h(s, { asChild: "" }, {
+					default: M(() => [h(o, { variant: "outline" }, {
+						default: M(() => [h(O(ee), { class: "size-4" }), a[4] ||= m(" Filter ", -1)]),
+						_: 1
+					})]),
+					_: 1
+				}), h(N, { class: "w-64" }, {
+					default: M(() => [
+						a[14] ||= p("p", { class: "text-sm font-medium text-muted-foreground mb-4" }, " Filter by Collection ", -1),
+						h(A, {
+							modelValue: O(n).collections,
+							"onUpdate:modelValue": a[0] ||= (e) => O(n).collections = e,
+							by: "id",
+							multiple: !0,
+							class: "mb-6"
+						}, {
+							default: M(() => [h(g, { "as-child": "" }, {
+								default: M(() => [h(l, { "as-child": "" }, {
+									default: M(() => [h(o, {
+										variant: "outline",
+										class: "justify-between w-full"
+									}, {
+										default: M(() => [p("span", X, [O(n).collections.length === 1 ? (x(), f("span", se, D(O(r).find((e) => e.id === O(n).collections[0])?.title), 1)) : O(n).collections.length === 2 ? (x(), f("span", Z, D(O(r).find((e) => e.id === O(n).collections[0])?.title) + ", " + D(O(r).find((e) => e.id === O(n).collections[1])?.title), 1)) : O(n).collections.length > 2 ? (x(), f("span", Q, D(O(r).find((e) => e.id === O(n).collections[0])?.title) + ", " + D(O(r).find((e) => e.id === O(n).collections[1])?.title) + " + " + D(O(n).collections.length - 2), 1)) : (x(), f("span", $, "Select collection"))]), h(O(I), { class: "ml-2 size-4 shrink-0 opacity-50" })]),
+										_: 1
+									})]),
+									_: 1
+								})]),
+								_: 1
+							}), h(k, null, {
+								default: M(() => [
+									p("div", ce, [h(_, { placeholder: "Select category..." })]),
+									h(y, null, {
+										default: M(() => [...a[5] ||= [m(" No category found. ", -1)]]),
+										_: 1
+									}),
+									O(r)?.filter((e) => e.status === "published")?.length > 0 ? (x(), f(c, { key: 0 }, [a[7] ||= p("p", { class: "px-2 py-1.5 text-sm font-medium mt-2" }, "Published", -1), h(T, null, {
+										default: M(() => [h(C, { class: "max-h-[200px] overflow-y-auto" }, {
+											default: M(() => [(x(!0), f(c, null, w(O(r).filter((e) => e.status === "published"), (e) => (x(), u(S, {
+												key: e.id,
+												value: e.id
+											}, {
+												default: M(() => [
+													a[6] ||= p("span", { class: "size-2 rounded-full bg-green-500" }, null, -1),
+													p("span", le, D(e.title), 1),
+													h(b, null, {
+														default: M(() => [h(O(F), { class: v(O(t)("ml-auto size-4")) }, null, 8, ["class"])]),
+														_: 1
+													})
+												]),
+												_: 2
+											}, 1032, ["value"]))), 128))]),
+											_: 1
+										})]),
+										_: 1
+									})], 64)) : d("", !0),
+									O(r)?.filter((e) => e.status === "draft")?.length > 0 ? (x(), f(c, { key: 1 }, [a[9] ||= p("p", { class: "px-2 py-1.5 text-sm font-medium" }, "Drafts", -1), h(T, null, {
+										default: M(() => [h(C, { class: "max-h-[200px] overflow-y-auto" }, {
+											default: M(() => [(x(!0), f(c, null, w(O(r).filter((e) => e.status === "draft"), (e) => (x(), u(S, {
+												key: e.id,
+												value: e.id
+											}, {
+												default: M(() => [
+													a[8] ||= p("span", { class: "size-2 rounded-full bg-blue-500" }, null, -1),
+													p("span", ue, D(e.title), 1),
+													h(b, null, {
+														default: M(() => [h(O(F), { class: v(O(t)("ml-auto size-4")) }, null, 8, ["class"])]),
+														_: 1
+													})
+												]),
+												_: 2
+											}, 1032, ["value"]))), 128))]),
+											_: 1
+										})]),
+										_: 1
+									})], 64)) : d("", !0)
+								]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["modelValue"]),
+						a[15] ||= p("p", { class: "text-sm font-medium text-muted-foreground mb-4" }, " Filter by Status ", -1),
+						p("div", de, [h(j, {
+							id: "chk_published_products",
+							modelValue: O(n).published,
+							"onUpdate:modelValue": a[1] ||= (e) => O(n).published = e
+						}, null, 8, ["modelValue"]), a[10] ||= p("label", {
+							for: "chk_published_products",
+							class: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+						}, " Show published products ", -1)]),
+						p("div", fe, [h(j, {
+							id: "chk_draft_products",
+							modelValue: O(n).draft,
+							"onUpdate:modelValue": a[2] ||= (e) => O(n).draft = e
+						}, null, 8, ["modelValue"]), a[11] ||= p("label", {
+							for: "chk_draft_products",
+							class: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+						}, " Show draft products ", -1)]),
+						p("div", pe, [h(j, {
+							id: "chk_archived_products",
+							modelValue: O(n).archived,
+							"onUpdate:modelValue": a[3] ||= (e) => O(n).archived = e
+						}, null, 8, ["modelValue"]), a[12] ||= p("label", {
+							for: "chk_archived_products",
+							class: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+						}, " Show archived products ", -1)]),
+						O(n).collections.length > 0 || !O(n).published || !O(n).draft || O(n).archived ? (x(), u(o, {
+							key: 0,
+							variant: "secondary",
+							class: "ml-auto my-2",
+							size: "sm",
+							onClick: i
+						}, {
+							default: M(() => [h(O(R), { class: "size-3" }), a[13] ||= p("span", { class: "ml-0.5 text-xs" }, "Reset filters", -1)]),
+							_: 1
+						})) : d("", !0)
+					]),
+					_: 1
+				})]),
+				_: 1
+			});
+		};
+	}
+}), he = /* @__PURE__ */ g({
+	__name: "ProductContextMenu",
+	emits: [
+		"selectAll",
+		"duplicateProduct",
+		"deleteProduct",
+		"deleteSelection"
+	],
+	setup(t, { emit: n }) {
+		let r = n, a = _("products"), g = _("selection"), v = _("config"), { hasPermission: y } = o(), { navigateTo: b } = s(), S = l(() => g.value?.length === 1 ? a.value?.find((e) => e.id === g.value[0]) : null), C = (e) => {
+			let t = v.previewUrl;
+			t = t.replace("{{ id", "{{id"), t = t.replace("id }}", "id}}"), t = t.replace("{{id}}", e.id), t = t.replace("{{ slug", "{{slug"), t = t.replace("slug }}", "slug}}"), t = t.replace("{{slug}}", e.slug), window.open(t, "_blank");
+		}, w = async (t, n) => {
+			try {
+				if (![
+					"draft",
+					"published",
+					"archived"
+				].includes(n)) return;
+				await i(v.project).update(v.productCollection, t.id, { status: n }), t.status = n, e.success("Product status changed");
+			} catch {
+				e.error("Failed to change product status");
+			}
+		}, k = async (t) => {
+			try {
+				if (![
+					"draft",
+					"published",
+					"archived"
+				].includes(t)) return;
+				let n = i(v.project), r = [];
+				g.value.forEach(async (e) => {
+					r.push(n.update(v.productCollection, e, { status: t }));
+				}), e.promise(Promise.all(r), {
+					loading: `Changing status of ${g.value.length} products...`,
+					success: () => {
+						let e = g.value.length;
+						return g.value.forEach((e) => {
+							a.value.find((t) => t.id == e).status = t;
+						}), g.value = [], `Product status changed for ${e} products`;
+					},
+					error: (e) => "Failed to change product status"
+				});
+			} catch {
+				e.error("Failed to change product status");
+			}
+		};
+		return (e, t) => {
+			let n = E("ContextMenuTrigger"), i = E("ContextMenuShortcut"), a = E("ContextMenuItem"), o = E("ContextMenuContent"), s = E("ContextMenuSeparator"), l = E("ContextMenuSubTrigger"), _ = E("ContextMenuCheckboxItem"), y = E("ContextMenuSubContent"), A = E("ContextMenuSub"), j = E("ContextMenu");
+			return x(), u(j, null, {
+				default: M(() => [
+					h(n, { class: "flex flex-1" }, {
+						default: M(() => [T(e.$slots, "default")]),
+						_: 3
+					}),
+					O(g).length === 0 ? (x(), u(o, {
+						key: 0,
+						class: "w-64"
+					}, {
+						default: M(() => [h(a, {
+							inset: "",
+							onClick: t[0] ||= (e) => r("selectAll")
+						}, {
+							default: M(() => [t[13] ||= m(" Select all ", -1), h(i, null, {
+								default: M(() => [...t[12] ||= [m("⌘ + A", -1)]]),
+								_: 1
+							})]),
+							_: 1
+						})]),
+						_: 1
+					})) : d("", !0),
+					O(g).length === 1 && S.value ? (x(), u(o, {
+						key: 1,
+						class: "w-64"
+					}, {
+						default: M(() => [
+							h(a, {
+								inset: "",
+								onClick: t[1] ||= (e) => O(b)(S.value.id)
+							}, {
+								default: M(() => [...t[14] ||= [m(" Edit product ", -1)]]),
+								_: 1
+							}),
+							h(s),
+							O(v).previewUrl ? (x(), f(c, { key: 0 }, [h(a, {
+								inset: "",
+								onClick: t[2] ||= (e) => C(S.value)
+							}, {
+								default: M(() => [t[15] ||= m(" Preview product ", -1), h(i, null, {
+									default: M(() => [h(O(L), { class: "size-4" })]),
+									_: 1
+								})]),
+								_: 1
+							}), h(s)], 64)) : d("", !0),
+							h(a, {
+								inset: "",
+								onClick: t[3] ||= (e) => r("duplicateProduct", S.value)
+							}, {
+								default: M(() => [...t[16] ||= [m(" Duplicate product ", -1)]]),
+								_: 1
+							}),
+							h(A, null, {
+								default: M(() => [h(l, { inset: "" }, {
+									default: M(() => [...t[17] ||= [m(" Change status ", -1)]]),
+									_: 1
+								}), h(y, { class: "w-48" }, {
+									default: M(() => [
+										h(_, {
+											onClick: t[4] ||= (e) => w(S.value, "draft"),
+											modelValue: S.value.status === "draft"
+										}, {
+											default: M(() => [...t[18] ||= [p("span", { class: "size-2 rounded-full bg-blue-500" }, null, -1), m(" Draft ", -1)]]),
+											_: 1
+										}, 8, ["modelValue"]),
+										h(_, {
+											onClick: t[5] ||= (e) => w(S.value, "published"),
+											modelValue: S.value.status === "published"
+										}, {
+											default: M(() => [...t[19] ||= [p("span", { class: "size-2 rounded-full bg-green-500" }, null, -1), m(" Published ", -1)]]),
+											_: 1
+										}, 8, ["modelValue"]),
+										h(_, {
+											onClick: t[6] ||= (e) => w(S.value, "archived"),
+											modelValue: S.value.status === "archived"
+										}, {
+											default: M(() => [...t[20] ||= [p("span", { class: "size-2 rounded-full bg-gray-300" }, null, -1), m(" Archived ", -1)]]),
+											_: 1
+										}, 8, ["modelValue"])
+									]),
+									_: 1
+								})]),
+								_: 1
+							}),
+							h(a, {
+								inset: "",
+								variant: "destructive",
+								onClick: t[7] ||= (e) => r("deleteProduct", S.value)
+							}, {
+								default: M(() => [...t[21] ||= [m(" Delete product ", -1)]]),
+								_: 1
+							})
+						]),
+						_: 1
+					})) : d("", !0),
+					O(g).length > 1 ? (x(), u(o, {
+						key: 2,
+						class: "w-64"
+					}, {
+						default: M(() => [h(A, null, {
+							default: M(() => [h(l, { inset: "" }, {
+								default: M(() => [m(" Change status (" + D(O(g).length) + ") ", 1)]),
+								_: 1
+							}), h(y, { class: "w-48" }, {
+								default: M(() => [
+									h(_, { onClick: t[8] ||= (e) => k("draft") }, {
+										default: M(() => [...t[22] ||= [p("span", { class: "size-2 rounded-full bg-blue-500" }, null, -1), m(" Draft ", -1)]]),
+										_: 1
+									}),
+									h(_, { onClick: t[9] ||= (e) => k("published") }, {
+										default: M(() => [...t[23] ||= [p("span", { class: "size-2 rounded-full bg-green-500" }, null, -1), m(" Published ", -1)]]),
+										_: 1
+									}),
+									h(_, { onClick: t[10] ||= (e) => k("archived") }, {
+										default: M(() => [...t[24] ||= [p("span", { class: "size-2 rounded-full bg-gray-300" }, null, -1), m(" Archived ", -1)]]),
+										_: 1
+									})
+								]),
+								_: 1
+							})]),
+							_: 1
+						}), h(a, {
+							inset: "",
+							variant: "destructive",
+							onClick: t[11] ||= (e) => r("deleteSelection")
+						}, {
+							default: M(() => [m(" Delete products (" + D(O(g).length) + ") ", 1)]),
+							_: 1
+						})]),
+						_: 1
+					})) : d("", !0)
+				]),
+				_: 3
+			});
+		};
+	}
+}), ge = { class: "relative flex flex-col flex-1" }, _e = {
+	ref: "container",
+	class: "flex items-center justify-between gap-4 w-full mt-12 mb-8"
+}, ve = { class: "flex items-center gap-4" }, ye = { class: "text-lg whitespace-nowrap" }, be = { class: "relative w-full max-w-sm items-center" }, xe = { class: "absolute start-0 inset-y-0 flex items-center justify-center px-2" }, Se = { class: "flex items-center gap-4" }, Ce = { class: "flex flex-1" }, we = /* @__PURE__ */ g({
+	__name: "Overview",
+	props: { config: {
+		type: Object,
+		required: !0
+	} },
+	async setup(t) {
+		let g, _, v = t, { hasPermission: T } = o(), { navigateTo: P } = s(), { confirm: F } = r();
+		a(() => []);
+		let I = i(v.config.project), L = C([]), ee = async () => {
+			L.value = await I.find(v.config.productCollection) || [];
+		}, { width: R } = n(k("container")), z = C("grid"), B = C(1), V = C([]), H = C(""), U = C([]);
+		U.value = ([g, _] = j(() => q()), g = await g, _(), g);
+		let W = l(() => z.value === "grid" ? R.value < 768 ? 6 : R.value < 896 ? 8 : R.value < 1024 ? 10 : 12 : 10), G = l(() => L.value.filter((e) => !(Q.value.collections.length > 0 && !e.collections?.some((e) => Q.value.collections.includes(e)) || !Q.value.published && e.status === "published" || !Q.value.draft && e.status === "draft" || !Q.value.archived && e.status === "archived")).filter((e) => e.title.toLowerCase().includes(H.value.toLowerCase()) || e.slug.toLowerCase().includes(H.value.toLowerCase()) || e.id.toLowerCase().includes(H.value.toLowerCase()))), K = l(() => {
+			if (G.value.length <= W.value) return G.value;
+			let e = (B.value - 1) * W.value, t = e + W.value;
+			return G.value.slice(e, t);
+		});
+		async function q() {
+			if (!v.config.collectionsCollection) return [];
+			let e = v.config.collectionsCollection.split(":");
+			return e.length === 2 && (await I.get(e[0]))?.[e[1]] || [];
+		}
+		async function J(e) {
+			return (await I.find(v.config.productCollection, { filters: [{
+				field: "slug",
+				operator: "==",
+				value: e
+			}] })).length > 0;
+		}
+		let Y = () => {
+			V.value = K.value.map((e) => e.id);
+		}, X = async (t) => {
+			try {
+				let n = { ...t }, r = n.slug + "-copy", i = 2;
+				for (; await J(r);) r = n.slug + "-copy-" + i, i++;
+				n.id = void 0, n.createdAt = /* @__PURE__ */ new Date(), n.updatedAt = /* @__PURE__ */ new Date(), n.slug = r, n.status = "draft", n.title += " (copy)", P((await I.add(v.config.productCollection, n)).id), e.success("Product duplicated");
+			} catch {
+				e.error("Failed to duplicate product");
+			}
+		}, se = async (t) => {
+			if (await F(`Are you sure you want to delete "${t.title}"?`)) try {
+				await I.remove(v.config.productCollection, t.id), L.value = L.value.filter((e) => e.id !== t.id), V.value = [], e.success("Product deleted");
+			} catch {
+				e.error("Failed to delete product");
+			}
+		}, Z = async () => {
+			if (await F(`Are you sure you want to delete all selected products (${V.value.length})?`)) try {
+				V.value.forEach(async (e) => {
+					await I.remove(v.config.productCollection, e);
+				}), L.value = L.value.filter((e) => !V.value.includes(e.id)), V.value = [], e.success("Products deleted");
+			} catch {
+				e.error("Failed to delete products");
+			}
+		}, Q = C({
+			collections: [],
+			published: !0,
+			draft: !0,
+			archived: !1
+		});
+		A(Q, () => {
+			B.value = 1;
+		});
+		let $ = (e) => {
+			e.target?.matches("input, textarea") || e.target?.isContentEditable || (e.key === "Escape" && (V.value = []), (e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "a" && (e.preventDefault(), Y()));
+		};
+		return y(() => {
+			ee(), window.addEventListener("keydown", $);
+		}), b(() => {
+			window.removeEventListener("keydown", $);
+		}), S("config", v.config), S("filter", Q), S("products", L), S("collections", U), S("selection", V), (e, t) => {
+			let n = E("Input"), r = E("Button"), i = E("SegmentedControlButton"), a = E("SegmentedControl"), o = E("PaginationFirst"), s = E("PaginationPrev"), l = E("PaginationListItem"), g = E("PaginationEllipsis"), _ = E("PaginationNext"), v = E("PaginationLast"), y = E("PaginationList"), b = E("Pagination");
+			return x(), f("div", ge, [
+				p("div", _e, [p("div", ve, [p("p", ye, D(G.value?.length) + " products", 1), p("div", be, [h(n, {
+					id: "search",
+					type: "text",
+					placeholder: "Search...",
+					class: "pl-8",
+					onKeydown: t[0] ||= N((e) => H.value = "", ["escape"]),
+					modelValue: H.value,
+					"onUpdate:modelValue": t[1] ||= (e) => H.value = e
+				}, null, 8, ["modelValue"]), p("span", xe, [h(O(ie), { class: "size-4 text-muted-foreground" })])])]), p("div", Se, [
+					V.value.length > 0 ? (x(), u(r, {
+						key: 0,
+						variant: "destructive",
+						onClick: Z
+					}, {
+						default: M(() => [m(" Delete Selection (" + D(V.value.length) + ") ", 1)]),
+						_: 1
+					})) : d("", !0),
+					O(T)("create-product") ? (x(), f(c, { key: 1 }, [h(r, {
+						variant: "outline",
+						onClick: t[2] ||= (e) => O(P)("new")
+					}, {
+						default: M(() => [h(O(re), { class: "size-4" }), t[5] ||= m(" New Product ", -1)]),
+						_: 1
+					}), t[6] ||= p("div", { class: "w-[1px] h-8 bg-border" }, null, -1)], 64)) : d("", !0),
+					h(me),
+					t[7] ||= p("div", { class: "w-[1px] h-8 bg-border" }, null, -1),
+					p("div", null, [h(a, {
+						modelValue: z.value,
+						"onUpdate:modelValue": t[3] ||= (e) => z.value = e,
+						"aria-label": "View mode"
+					}, {
+						default: M(() => [h(i, { value: "grid" }, {
+							default: M(() => [h(O(te), { class: "size-4" })]),
+							_: 1
+						}), h(i, { value: "list" }, {
+							default: M(() => [h(O(ne), { class: "size-4" })]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["modelValue"])])
+				])], 512),
+				p("div", Ce, [h(he, {
+					onSelectAll: Y,
+					onDuplicateProduct: X,
+					onDeleteProduct: se,
+					onDeleteSelection: Z
+				}, {
+					default: M(() => [z.value === "grid" ? (x(), u(ae, {
+						key: 0,
+						products: K.value
+					}, null, 8, ["products"])) : (x(), u(oe, {
+						key: 1,
+						products: K.value
+					}, null, 8, ["products"]))]),
+					_: 1
+				})]),
+				G.value?.length > W.value ? (x(), u(b, {
+					key: 0,
+					page: B.value,
+					"onUpdate:page": t[4] ||= (e) => B.value = e,
+					"items-per-page": W.value,
+					total: G.value?.length,
+					"sibling-count": 1,
+					"show-edges": ""
+				}, {
+					default: M(() => [h(y, { class: "flex items-center gap-1" }, {
+						default: M(({ items: e }) => [
+							h(o),
+							h(s),
+							(x(!0), f(c, null, w(e, (e, t) => (x(), f(c, null, [e.type === "page" ? (x(), u(l, {
+								key: t,
+								value: e.value,
+								"as-child": ""
+							}, {
+								default: M(() => [h(r, {
+									class: "size-10 p-0",
+									variant: e.value === B.value ? "default" : "outline"
+								}, {
+									default: M(() => [m(D(e.value), 1)]),
+									_: 2
+								}, 1032, ["variant"])]),
+								_: 2
+							}, 1032, ["value"])) : (x(), u(g, {
+								key: e.type,
+								index: t
+							}, null, 8, ["index"]))], 64))), 256)),
+							h(_),
+							h(v)
+						]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, [
+					"page",
+					"items-per-page",
+					"total"
+				])) : d("", !0)
+			]);
+		};
+	}
+});
+//#endregion
+export { we as default };

package/dist/Overview-Biz3h60w.js

@@ -0,0 +1 @@
+require(`./chunk-DQi1bQcV.js`);const e=require(`./lib-4wSi00Vr.js`),t=require(`./interpolation-DpAqtGOW.js`);let n=require(`@oneclick.dev/cms-kit`),r=require(`vue`),i=require(`@lucide/vue`);var a={class:`grid @lg:grid-cols-2 @2xl:grid-cols-3 @4xl:grid-cols-4 @7xl:grid-cols-5 gap-4`},o={class:`relative flex pl-3 @5xl:pl-6 pr-1.5 @5xl:pr-3 gap-3`},s={class:`self-center overflow-hidden w-full group-hover:w-[calc(100%-6.5rem)]`},c=[`title`],l=[`title`],u={class:`absolute -top-1 right-2 self-start opacity-0 group-hover:opacity-100`},d=(0,r.defineComponent)({__name:`CollectionsGridView`,props:{collections:{type:Array,required:!0}},emits:[`edit`,`delete`],setup(e,{emit:t}){let{navigateTo:d}=(0,n.useModuleRoute)(),f=t;return(t,n)=>{let p=(0,r.resolveComponent)(`Button`),m=(0,r.resolveComponent)(`DropdownMenuTrigger`),h=(0,r.resolveComponent)(`DropdownMenuItem`),g=(0,r.resolveComponent)(`DropdownMenuContent`),_=(0,r.resolveComponent)(`DropdownMenu`),v=(0,r.resolveComponent)(`Card`);return(0,r.openBlock)(),(0,r.createElementBlock)(`div`,a,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(e.collections,e=>((0,r.openBlock)(),(0,r.createBlock)(v,{key:e.id,class:`group hover:bg-input/50 cursor-pointer transition-colors duration-200`,onClick:t=>(0,r.unref)(d)(`collections/`+e.id)},{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`div`,o,[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)(`p-2 bg-${e.tint} rounded-md self-center mr-3`)},[((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)((0,r.unref)(i.icons)[e.icon]),{class:`size-6 text-white`}))],2),(0,r.createElementVNode)(`div`,s,[(0,r.createElementVNode)(`p`,{class:`truncate`,title:e.name||`Unnamed Entry Collection`},(0,r.toDisplayString)(e.name||`Unnamed Entry Collection`),9,c),e.contentEntryName||e.contentEntryNamePlural?((0,r.openBlock)(),(0,r.createElementBlock)(`p`,{key:0,class:`text-xs text-muted-foreground truncate`,title:`Manage ${e.contentEntryNamePlural||e.contentEntryName} here`},` Manage `+(0,r.toDisplayString)(e.contentEntryNamePlural||e.contentEntryName)+` here `,9,l)):(0,r.createCommentVNode)(``,!0)]),(0,r.createElementVNode)(`div`,u,[(0,r.createVNode)(_,null,{default:(0,r.withCtx)(()=>[(0,r.createVNode)(m,{"as-child":``},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(p,{variant:`ghost`,size:`icon`,onClick:n[0]||=(0,r.withModifiers)(()=>{},[`stop`])},{default:(0,r.withCtx)(()=>[(0,r.createVNode)((0,r.unref)(i.EllipsisVertical),{class:`size-5`})]),_:1})]),_:1}),(0,r.createVNode)(g,null,{default:(0,r.withCtx)(()=>[(0,r.createVNode)(h,{onClick:t=>(0,r.unref)(d)(`collections/`+e.id)},{default:(0,r.withCtx)(()=>[...n[1]||=[(0,r.createTextVNode)(`Open Collection...`,-1)]]),_:1},8,[`onClick`]),(0,r.createVNode)(h,{onClick:t=>f(`edit`,e)},{default:(0,r.withCtx)(()=>[...n[2]||=[(0,r.createTextVNode)(`Edit Collection...`,-1)]]),_:1},8,[`onClick`]),(0,r.createVNode)(h,{onClick:t=>f(`delete`,e.id),variant:`destructive`},{default:(0,r.withCtx)(()=>[...n[3]||=[(0,r.createTextVNode)(`Delete Collection...`,-1)]]),_:1},8,[`onClick`])]),_:2},1024)]),_:2},1024)])])]),_:2},1032,[`onClick`]))),128))])}}}),f={class:`grid py-4`},p={class:`flex gap-6 mb-6`},m={class:`w-1/3`},h={class:`w-1/3`},g={class:`w-1/3`},_={class:`grid`},v={class:`flex gap-6 mb-6`},y={class:`w-1/2`},b={class:`w-1/2`},x={class:`flex items-center gap-2`},S={class:`flex items-center gap-4`},ee={class:`grid grid-cols-2 gap-4`},te={class:`grid`},ne={class:`mb-6`},C={class:`flex items-center justify-between gap-4 flex-wrap`},w={key:0,class:`text-xs italic text-muted-foreground mt-1`},T={class:`flex items-center justify-between gap-4 flex-wrap`},re={key:0,class:`text-xs italic text-muted-foreground mt-1`},E=(0,r.defineComponent)({__name:`CollectionDialog`,props:{config:{type:Object,required:!0},components:{type:Array,required:!0}},emits:[`add`,`edit`,`delete`],setup(e,{expose:a,emit:o}){let s=[{name:`id`,type:`string`},{name:`slug`,type:`string`},{name:`lang`,type:`string`}],{confirm:c}=(0,n.useConfirmation)(),l=o,u=e,d=(0,r.ref)(!1),E=(0,r.ref)(`create`),D=(0,r.ref)(``),O=(0,r.ref)(``),k=(0,r.ref)(``),A=(0,r.ref)(``),j=(0,r.ref)(``),M=(0,r.ref)(``),N=(0,r.ref)(!0),P=(0,r.ref)(!1),F=(0,r.ref)(null),I=(0,r.ref)(`{{ slug }}`),L=(0,r.ref)(`/{{ lang }}/{{ slug }}`),R=(0,r.ref)(`all`),z=(0,r.ref)([]),B=(0,r.computed)(()=>H(I.value)),V=(0,r.computed)(()=>H(L.value));function H(e){if(!e)return``;let n=u.config.domain||`https://domain.com`;return n.endsWith(`/`)&&(n=n.slice(0,-1)),e.startsWith(`/`)||(e=`/`+e),t.t(n+e,[{name:`slug`,value:`example-slug`},{name:`id`,value:`12345`},{name:`lang`,value:`en`}])}let U=e=>{e?(E.value=`edit`,D.value=e.id,O.value=e.name||``,k.value=e.tint||``,A.value=e.icon||``,j.value=e.contentEntryName||``,M.value=e.contentEntryNamePlural||``,N.value=e.allowUserEntryManagement??!0,P.value=!!e.customSettings,F.value=e.customSettings||null,I.value=e.defaultLanguageRoutePattern||`{{ slug }}`,L.value=e.multilingualRoutePattern||`/{{ lang }}/{{ slug }}`,R.value=e.componentAvailability||`all`,z.value=e.selectedComponents||[]):(E.value=`create`,D.value=``,O.value=``,k.value=``,A.value=``,j.value=``,M.value=``,N.value=!0,P.value=!1,F.value=null,I.value=`{{ slug }}`,L.value=`/{{ lang }}/{{ slug }}`,R.value=`all`,z.value=[]),d.value=!0},ie=()=>{l(`add`,{name:O.value,tint:k.value,icon:A.value,contentEntryName:j.value,contentEntryNamePlural:M.value,allowUserEntryManagement:N.value,showCustomSettings:P.value,customSettings:P.value?F.value:null,defaultLanguageRoutePattern:I.value,multilingualRoutePattern:L.value,componentAvailability:R.value,selectedComponents:R.value===`all`?[]:z.value}),d.value=!1},ae=()=>{l(`edit`,{id:D.value,name:O.value,tint:k.value,icon:A.value,contentEntryName:j.value,contentEntryNamePlural:M.value,allowUserEntryManagement:N.value,showCustomSettings:P.value,customSettings:P.value?F.value:null,defaultLanguageRoutePattern:I.value,multilingualRoutePattern:L.value,componentAvailability:R.value,selectedComponents:R.value===`all`?[]:z.value}),d.value=!1},oe=async()=>{await c(`Are you sure you want to delete this collection? This action cannot be undone.`,`Delete Collection`,`Delete`)&&(l(`delete`,D.value),d.value=!1)};return a({openDialog:U}),(t,n)=>{let a=(0,r.resolveComponent)(`DialogTitle`),o=(0,r.resolveComponent)(`DialogDescription`),c=(0,r.resolveComponent)(`DialogHeader`),l=(0,r.resolveComponent)(`TabsTrigger`),u=(0,r.resolveComponent)(`TabsList`),D=(0,r.resolveComponent)(`Input`),H=(0,r.resolveComponent)(`TailwindColorPicker`),U=(0,r.resolveComponent)(`LucideIconPicker`),W=(0,r.resolveComponent)(`TabsContent`),se=(0,r.resolveComponent)(`Checkbox`),G=(0,r.resolveComponent)(`Label`),ce=(0,r.resolveComponent)(`Switch`),le=(0,r.resolveComponent)(`FormBuilderSelect`),K=(0,r.resolveComponent)(`SelectValue`),q=(0,r.resolveComponent)(`SelectTrigger`),J=(0,r.resolveComponent)(`SelectItem`),Y=(0,r.resolveComponent)(`SelectGroup`),X=(0,r.resolveComponent)(`SelectContent`),Z=(0,r.resolveComponent)(`Select`),Q=(0,r.resolveComponent)(`Sandbox`),ue=(0,r.resolveComponent)(`Tabs`),$=(0,r.resolveComponent)(`Button`),de=(0,r.resolveComponent)(`DialogFooter`),fe=(0,r.resolveComponent)(`DialogScrollContent`),pe=(0,r.resolveComponent)(`Dialog`);return(0,r.openBlock)(),(0,r.createBlock)(pe,{open:d.value,"onUpdate:open":n[12]||=e=>d.value=e},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(fe,{class:`sm:max-w-2xl`},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(c,null,{default:(0,r.withCtx)(()=>[(0,r.createVNode)(a,null,{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)(E.value===`create`?`Add New Collection`:`Update Collection`),1)]),_:1}),(0,r.createVNode)(o,null,{default:(0,r.withCtx)(()=>[...n[13]||=[(0,r.createTextVNode)(` Each collection has it's own set of entries, settings, ... `,-1)]]),_:1})]),_:1}),(0,r.createElementVNode)(`div`,f,[(0,r.createVNode)(ue,{"default-value":`account`,class:`w-full`},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(u,{class:`mb-6`},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(l,{value:`collection`},{default:(0,r.withCtx)(()=>[...n[14]||=[(0,r.createTextVNode)(` Collection `,-1)]]),_:1}),(0,r.createVNode)(l,{value:`entries`},{default:(0,r.withCtx)(()=>[...n[15]||=[(0,r.createTextVNode)(` Entries `,-1)]]),_:1}),(0,r.createVNode)(l,{value:`components`},{default:(0,r.withCtx)(()=>[...n[16]||=[(0,r.createTextVNode)(` Components `,-1)]]),_:1}),(0,r.createVNode)(l,{value:`styling`},{default:(0,r.withCtx)(()=>[...n[17]||=[(0,r.createTextVNode)(` Styling `,-1)]]),_:1}),(0,r.createVNode)(l,{value:`preview`},{default:(0,r.withCtx)(()=>[...n[18]||=[(0,r.createTextVNode)(` Preview URL `,-1)]]),_:1})]),_:1}),(0,r.createVNode)(W,{value:`collection`},{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`div`,p,[(0,r.createElementVNode)(`div`,m,[n[19]||=(0,r.createElementVNode)(`label`,{for:`collection-dialog-display-name`,class:`text-sm mb-1 block font-medium`},`Collection Name`,-1),(0,r.createVNode)(D,{modelValue:O.value,"onUpdate:modelValue":n[0]||=e=>O.value=e,id:`collection-dialog-display-name`},null,8,[`modelValue`])]),(0,r.createElementVNode)(`div`,h,[n[20]||=(0,r.createElementVNode)(`label`,{class:`text-sm mb-1 block font-medium`},`Tint`,-1),(0,r.createVNode)(H,{modelValue:k.value,"onUpdate:modelValue":n[1]||=e=>k.value=e,"default-value":`white`},null,8,[`modelValue`])]),(0,r.createElementVNode)(`div`,g,[n[21]||=(0,r.createElementVNode)(`label`,{class:`text-sm mb-1 block font-medium`},`Icon`,-1),(0,r.createVNode)(U,{modelValue:A.value,"onUpdate:modelValue":n[2]||=e=>A.value=e},null,8,[`modelValue`])])])]),_:1}),(0,r.createVNode)(W,{value:`entries`},{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`div`,_,[n[26]||=(0,r.createElementVNode)(`p`,{class:`text-sm mb-1 block font-medium`},` Entries `,-1),(0,r.createElementVNode)(`div`,v,[(0,r.createElementVNode)(`div`,y,[n[22]||=(0,r.createElementVNode)(`label`,{for:`collection-dialog-entry-name`,class:`text-sm mb-1 block font-medium`},`Entry name (singular)`,-1),(0,r.createVNode)(D,{modelValue:j.value,"onUpdate:modelValue":n[3]||=e=>j.value=e,id:`collection-dialog-entry-name`,placeholder:`Entry`},null,8,[`modelValue`])]),(0,r.createElementVNode)(`div`,b,[n[23]||=(0,r.createElementVNode)(`label`,{for:`collection-dialog-entry-name-plural`,class:`text-sm mb-1 block font-medium`},`Entry name (plural)`,-1),(0,r.createVNode)(D,{modelValue:M.value,"onUpdate:modelValue":n[4]||=e=>M.value=e,id:`collection-dialog-entry-name-plural`,placeholder:`Entries`},null,8,[`modelValue`])])]),(0,r.createElementVNode)(`div`,x,[(0,r.createVNode)(se,{modelValue:N.value,"onUpdate:modelValue":n[5]||=e=>N.value=e,id:`collection-dialog-allow-user-entry-management`},null,8,[`modelValue`]),(0,r.createVNode)(G,{for:`collection-dialog-allow-user-entry-management`},{default:(0,r.withCtx)(()=>[...n[24]||=[(0,r.createTextVNode)(`Allow users to create, edit and delete entries in this collection`,-1)]]),_:1})]),n[27]||=(0,r.createElementVNode)(`hr`,{class:`my-6`},null,-1),n[28]||=(0,r.createElementVNode)(`p`,{class:`text-sm mb-1 block font-medium`},` Entry Custom Settings `,-1),n[29]||=(0,r.createElementVNode)(`p`,{class:`text-xs mb-2 text-muted-foreground`},` Specific settings all entries in this collection can edit. `,-1),(0,r.createElementVNode)(`div`,S,[(0,r.createVNode)(ce,{modelValue:P.value,"onUpdate:modelValue":n[6]||=e=>P.value=e,id:`collection-dialog-component-settings-toggle`,class:`mb-4`},null,8,[`modelValue`]),(0,r.createVNode)(G,{class:`-mt-3.5`,for:`collection-dialog-component-settings-toggle`},{default:(0,r.withCtx)(()=>[...n[25]||=[(0,r.createTextVNode)(` Show settings form for this collection's entries. `,-1)]]),_:1})]),P.value?((0,r.openBlock)(),(0,r.createBlock)(le,{key:0,modelValue:F.value,"onUpdate:modelValue":n[7]||=e=>F.value=e,class:`w-1/2`},null,8,[`modelValue`])):(0,r.createCommentVNode)(``,!0)])]),_:1}),(0,r.createVNode)(W,{value:`components`},{default:(0,r.withCtx)(()=>[n[33]||=(0,r.createElementVNode)(`p`,{class:`text-sm mb-1 block font-medium`},` Available Components `,-1),(0,r.createElementVNode)(`div`,ee,[(0,r.createVNode)(Z,{modelValue:R.value,"onUpdate:modelValue":n[8]||=e=>R.value=e},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(q,{class:`w-full`},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(K)]),_:1}),(0,r.createVNode)(X,null,{default:(0,r.withCtx)(()=>[(0,r.createVNode)(Y,null,{default:(0,r.withCtx)(()=>[(0,r.createVNode)(J,{value:`all`},{default:(0,r.withCtx)(()=>[...n[30]||=[(0,r.createTextVNode)(` All `,-1)]]),_:1}),(0,r.createVNode)(J,{value:`all-except`},{default:(0,r.withCtx)(()=>[...n[31]||=[(0,r.createTextVNode)(` All, except... `,-1)]]),_:1}),(0,r.createVNode)(J,{value:`only`},{default:(0,r.withCtx)(()=>[...n[32]||=[(0,r.createTextVNode)(` Only... `,-1)]]),_:1})]),_:1})]),_:1})]),_:1},8,[`modelValue`]),R.value===`all`?(0,r.createCommentVNode)(``,!0):((0,r.openBlock)(),(0,r.createBlock)(Z,{key:0,multiple:!0,modelValue:z.value,"onUpdate:modelValue":n[9]||=e=>z.value=e},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(q,{class:`w-full`},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(K,{placeholder:`Select components...`})]),_:1}),(0,r.createVNode)(X,null,{default:(0,r.withCtx)(()=>[(0,r.createVNode)(Y,null,{default:(0,r.withCtx)(()=>[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(e.components,e=>((0,r.openBlock)(),(0,r.createBlock)(J,{key:e.id,value:e.id},{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)(`p-1 bg-${e.tint} rounded-md flex items-center justify-center`)},[((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)((0,r.unref)(i.icons)[e.icon]),{class:`size-4 text-white`}))],2),(0,r.createTextVNode)(` `+(0,r.toDisplayString)(e.name),1)]),_:2},1032,[`value`]))),128))]),_:1})]),_:1})]),_:1},8,[`modelValue`]))])]),_:1}),(0,r.createVNode)(W,{value:`styling`},{default:(0,r.withCtx)(()=>[...n[34]||=[(0,r.createTextVNode)(` Styling `,-1)]]),_:1}),(0,r.createVNode)(W,{value:`preview`},{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`div`,te,[n[37]||=(0,r.createElementVNode)(`p`,{class:`text-sm mb-1 block font-medium`},` Preview URL `,-1),(0,r.createElementVNode)(`div`,ne,[(0,r.createElementVNode)(`div`,C,[n[35]||=(0,r.createElementVNode)(`label`,{class:`text-sm basis-[200px] block font-medium`},`Default Language Route`,-1),(0,r.createVNode)(Q,{modelValue:I.value,"onUpdate:modelValue":n[10]||=e=>I.value=e,variables:s,class:`flex-1`},null,8,[`modelValue`])]),B.value?((0,r.openBlock)(),(0,r.createElementBlock)(`p`,w,`Example: `+(0,r.toDisplayString)(B.value),1)):(0,r.createCommentVNode)(``,!0)]),(0,r.createElementVNode)(`div`,null,[(0,r.createElementVNode)(`div`,T,[n[36]||=(0,r.createElementVNode)(`label`,{class:`text-sm basis-[200px] block font-medium`},`Multilingual Route`,-1),(0,r.createVNode)(Q,{modelValue:L.value,"onUpdate:modelValue":n[11]||=e=>L.value=e,variables:s,class:`flex-1`},null,8,[`modelValue`])]),V.value?((0,r.openBlock)(),(0,r.createElementBlock)(`p`,re,`Example: `+(0,r.toDisplayString)(V.value),1)):(0,r.createCommentVNode)(``,!0)])])]),_:1})]),_:1})]),(0,r.createVNode)(de,null,{default:(0,r.withCtx)(()=>[E.value===`edit`?((0,r.openBlock)(),(0,r.createBlock)($,{key:0,variant:`destructive`,class:`mr-auto`,onClick:oe},{default:(0,r.withCtx)(()=>[...n[38]||=[(0,r.createTextVNode)(` Delete Collection `,-1)]]),_:1})):(0,r.createCommentVNode)(``,!0),E.value===`create`?((0,r.openBlock)(),(0,r.createBlock)($,{key:1,type:`submit`,onClick:ie},{default:(0,r.withCtx)(()=>[...n[39]||=[(0,r.createTextVNode)(` Add Collection `,-1)]]),_:1})):((0,r.openBlock)(),(0,r.createBlock)($,{key:2,type:`submit`,onClick:ae},{default:(0,r.withCtx)(()=>[...n[40]||=[(0,r.createTextVNode)(` Edit Collection `,-1)]]),_:1}))]),_:1})]),_:1})]),_:1},8,[`open`])}}}),D={class:`relative flex flex-col flex-1`},O={class:`flex items-center justify-between gap-4 w-full my-4`},k={class:`flex items-center gap-4`},A={key:0,class:`text-lg whitespace-nowrap`},j={key:1,class:`text-lg whitespace-nowrap`},M={key:0,class:`flex items-center gap-4`},N=(0,r.defineComponent)({__name:`Overview`,props:{config:{type:Object,required:!0}},setup(t){let a=t,{getModuleData:o}=(0,n.useModuleStorage)(),{hasPermission:s,isAdmin:c}=(0,n.useModulePermissions)(),{navigateTo:l}=(0,n.useModuleRoute)(),{confirm:u}=(0,n.useConfirmation)();(0,n.useModuleBreadcrumbs)(()=>[]);let f=(0,n.useFirebaseIntegration)(a.config.project),p=(0,r.ref)(null),m=(0,r.ref)([]),h=(0,r.ref)(null);(0,r.computed)(()=>p.value?.find(e=>e.id===h.value)||null);let g=(0,r.useTemplateRef)(`collectionModal`),_=async()=>{p.value=await f.find(a.config.collectionsCollection)||[]},v=async e=>{await f.add(a.config.collectionsCollection,e)},y=async t=>{try{await f.update(a.config.collectionsCollection,t.id,t);let n=p.value.findIndex(e=>e.id===t.id);n!==-1&&(p.value[n]=t),e.t.success(`Collection updated`)}catch{e.t.error(`Failed to update collection`)}},b=t=>{u(`Are you sure you want to delete this collection? This action cannot be undone.`).then(async n=>{if(n)try{await f.remove(a.config.collectionsCollection,t),p.value=p.value.filter(e=>e.id!==t),e.t.success(`Collection deleted`)}catch{e.t.error(`Failed to delete collection`)}})};return(0,r.onMounted)(()=>{_(),o(`components`).then(e=>{m.value=e})}),(e,n)=>{let a=(0,r.resolveComponent)(`Button`);return(0,r.openBlock)(),(0,r.createElementBlock)(`div`,D,[(0,r.createElementVNode)(`div`,O,[(0,r.createElementVNode)(`div`,k,[p.value===null?((0,r.openBlock)(),(0,r.createElementBlock)(`p`,j,`Loading Collections...`)):((0,r.openBlock)(),(0,r.createElementBlock)(`p`,A,(0,r.toDisplayString)(p.value.length)+` `+(0,r.toDisplayString)(p.value.length===1?`Collection`:`Collections`),1))]),(0,r.unref)(c)()?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,M,[(0,r.createVNode)(a,{variant:`outline`,class:`text-primary hover:text-primary`,onClick:n[0]||=e=>(0,r.unref)(l)(`global-styling`)},{default:(0,r.withCtx)(()=>[(0,r.createVNode)((0,r.unref)(i.Paintbrush),{class:`size-4`}),n[5]||=(0,r.createTextVNode)(` Global Styling `,-1)]),_:1}),(0,r.createVNode)(a,{variant:`outline`,class:`text-primary hover:text-primary`,onClick:n[1]||=e=>(0,r.unref)(l)(`components`)},{default:(0,r.withCtx)(()=>[(0,r.createVNode)((0,r.unref)(i.ToyBrick),{class:`size-4`}),n[6]||=(0,r.createTextVNode)(` Components `,-1)]),_:1}),(0,r.createVNode)(a,{variant:`outline`,class:`text-primary hover:text-primary`,onClick:n[2]||=e=>g.value.openDialog()},{default:(0,r.withCtx)(()=>[(0,r.createVNode)((0,r.unref)(i.Plus),{class:`size-4`}),n[7]||=(0,r.createTextVNode)(` New Collection `,-1)]),_:1})])):(0,r.createCommentVNode)(``,!0)]),(0,r.createVNode)(d,{collections:p.value,onOpen:n[3]||=e=>h.value=e,onEdit:n[4]||=e=>g.value.openDialog(e),onDelete:b},null,8,[`collections`]),(0,r.createVNode)(E,{config:t.config,components:m.value,ref_key:`collectionModal`,ref:g,onAdd:v,onEdit:y,onDelete:b},null,8,[`config`,`components`])])}}});exports.default=N;