@phtngyn/cms 0.2.0-beta.7 → 0.3.0

package/studio/chunks/Modal-D6hSvxHd.js

@@ -0,0 +1,265 @@
+import { $ as e, B as t, Lt as n, S as r, b as i, d as a, h as o, t as s, tt as c, w as l, x as u, y as ee } from "./Button-BT3ztSPx.js";
+import { $t as d, A as f, B as p, Ci as m, E as h, M as g, N as _, Or as v, Pn as y, V as b, aa as x, fa as S, gi as C, gn as w, ir as T, mr as E, o as D, pt as O, ra as k } from "./runtime-core.esm-bundler-DKFA9Rep.js";
+import { D as A, a as j, c as M, i as N, l as P, s as F, t as I, u as L } from "./overlay-DnqFLZTc.js";
+//#region virtual:nuxt-ui-templates/ui/modal.ts
+var R = {
+	slots: {
+		overlay: "fixed inset-0",
+		content: "bg-default divide-y divide-default flex flex-col focus:outline-none",
+		header: "flex items-center gap-1.5 p-4 sm:px-6 min-h-(--ui-header-height)",
+		wrapper: "",
+		body: "flex-1 p-4 sm:p-6",
+		footer: "flex items-center gap-1.5 p-4 sm:px-6",
+		title: "text-highlighted font-semibold",
+		description: "mt-1 text-muted text-sm",
+		close: "absolute top-4 end-4"
+	},
+	variants: {
+		transition: { true: {
+			overlay: "data-[state=open]:animate-[fade-in_200ms_var(--ease-out)] data-[state=closed]:animate-[fade-out_200ms_var(--ease-out)]",
+			content: "data-[state=open]:animate-[scale-in_200ms_var(--ease-out)] data-[state=closed]:animate-[scale-out_200ms_var(--ease-out)]"
+		} },
+		fullscreen: {
+			true: { content: "inset-0" },
+			false: { content: "w-[calc(100vw-2rem)] max-w-lg rounded-lg shadow-lg ring ring-default" }
+		},
+		overlay: { true: { overlay: "bg-elevated/75" } },
+		scrollable: {
+			true: {
+				overlay: "overflow-y-auto",
+				content: "relative"
+			},
+			false: {
+				content: "fixed",
+				body: "overflow-y-auto"
+			}
+		}
+	},
+	compoundVariants: [{
+		scrollable: !0,
+		fullscreen: !1,
+		class: { overlay: "grid place-items-center p-4 sm:py-8" }
+	}, {
+		scrollable: !1,
+		fullscreen: !1,
+		class: { content: "top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 max-h-[calc(100dvh-2rem)] sm:max-h-[calc(100dvh-4rem)] overflow-hidden" }
+	}]
+}, z = {
+	__name: "Modal",
+	props: {
+		title: {
+			type: String,
+			required: !1
+		},
+		description: {
+			type: String,
+			required: !1
+		},
+		content: {
+			type: Object,
+			required: !1
+		},
+		overlay: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		scrollable: {
+			type: Boolean,
+			required: !1
+		},
+		transition: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		fullscreen: {
+			type: Boolean,
+			required: !1
+		},
+		portal: {
+			type: [Boolean, String],
+			required: !1,
+			skipCheck: !0,
+			default: !0
+		},
+		close: {
+			type: [Boolean, Object],
+			required: !1,
+			default: !0
+		},
+		closeIcon: {
+			type: null,
+			required: !1
+		},
+		dismissible: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		class: {
+			type: null,
+			required: !1
+		},
+		ui: {
+			type: Object,
+			required: !1
+		},
+		open: {
+			type: Boolean,
+			required: !1
+		},
+		defaultOpen: {
+			type: Boolean,
+			required: !1
+		},
+		modal: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		unmountOnHide: {
+			type: Boolean,
+			required: !1
+		}
+	},
+	emits: [
+		"leave",
+		"after:leave",
+		"enter",
+		"after:enter",
+		"close:prevent",
+		"update:open"
+	],
+	setup(z, { emit: B }) {
+		let V = z, H = B, U = E(), W = i("modal", V), { t: G } = t(), K = e(), q = o(n(W, "open", "defaultOpen", "modal", "unmountOnHide"), H), J = N(C(() => W.portal)), Y = C(() => W.content), X = h(() => W.dismissible ? { pointerDownOutside: (e) => I(e, { scrollable: W.scrollable }) } : ["interactOutside", "escapeKeyDown"].reduce((e, t) => (e[t] = (e) => {
+			e.preventDefault(), H("close:prevent");
+		}, e), {})), [Z, Q] = c(), $ = h(() => ee({
+			extend: R,
+			...K.ui?.modal || {}
+		})({
+			transition: W.transition,
+			fullscreen: W.fullscreen,
+			overlay: W.overlay,
+			scrollable: W.scrollable
+		}));
+		return (e, t) => (w(), f(m(l), x(O(m(q))), {
+			default: v(({ open: n, close: i }) => [
+				b(m(Z), null, {
+					default: v(() => [b(m(L), d({
+						"data-slot": "content",
+						class: $.value.content({ class: [!U.default && m(W).class, m(W).ui?.content] })
+					}, Y.value, {
+						onEnter: t[0] ||= (e) => !m(W).scrollable && H("enter"),
+						onAfterEnter: t[1] ||= (e) => !m(W).scrollable && H("after:enter"),
+						onLeave: t[2] ||= (e) => !m(W).scrollable && H("leave"),
+						onAfterLeave: t[3] ||= (e) => !m(W).scrollable && H("after:leave")
+					}, T(X.value)), {
+						default: v(() => [!m(W).title && !U.title || !m(W).description && !U.description || U.content ? (w(), f(m(j), { key: 0 }, {
+							default: v(() => [!m(W).title && !U.title ? (w(), f(m(F), { key: 0 })) : U.content ? (w(), f(m(F), { key: 1 }, {
+								default: v(() => [y(e.$slots, "title", {}, () => [p(S(m(W).title), 1)])]),
+								_: 3
+							})) : g("", !0), !m(W).description && !U.description ? (w(), f(m(P), { key: 2 })) : U.content ? (w(), f(m(P), { key: 3 }, {
+								default: v(() => [y(e.$slots, "description", {}, () => [p(S(m(W).description), 1)])]),
+								_: 3
+							})) : g("", !0)]),
+							_: 3
+						})) : g("", !0), y(e.$slots, "content", { close: i }, () => [
+							U.header || m(W).title || U.title || m(W).description || U.description || m(W).close || U.close ? (w(), _("div", {
+								key: 0,
+								"data-slot": "header",
+								class: k($.value.header({ class: m(W).ui?.header }))
+							}, [y(e.$slots, "header", { close: i }, () => [
+								m(W).title || U.title || m(W).description || U.description ? (w(), _("div", {
+									key: 0,
+									"data-slot": "wrapper",
+									class: k($.value.wrapper({ class: m(W).ui?.wrapper }))
+								}, [m(W).title || U.title ? (w(), f(m(F), {
+									key: 0,
+									"data-slot": "title",
+									class: k($.value.title({ class: m(W).ui?.title }))
+								}, {
+									default: v(() => [y(e.$slots, "title", {}, () => [p(S(m(W).title), 1)])]),
+									_: 3
+								}, 8, ["class"])) : g("", !0), m(W).description || U.description ? (w(), f(m(P), {
+									key: 1,
+									"data-slot": "description",
+									class: k($.value.description({ class: m(W).ui?.description }))
+								}, {
+									default: v(() => [y(e.$slots, "description", {}, () => [p(S(m(W).description), 1)])]),
+									_: 3
+								}, 8, ["class"])) : g("", !0)], 2)) : g("", !0),
+								y(e.$slots, "actions"),
+								m(W).close || U.close ? (w(), f(m(A), {
+									key: 1,
+									"as-child": ""
+								}, {
+									default: v(() => [y(e.$slots, "close", { ui: $.value }, () => [m(W).close ? (w(), f(s, d({
+										key: 0,
+										icon: m(W).closeIcon || m(K).ui.icons.close,
+										color: "neutral",
+										variant: "ghost",
+										"aria-label": m(G)("modal.close")
+									}, typeof m(W).close == "object" ? m(W).close : {}, {
+										"data-slot": "close",
+										class: $.value.close({ class: m(W).ui?.close })
+									}), null, 16, [
+										"icon",
+										"aria-label",
+										"class"
+									])) : g("", !0)])]),
+									_: 2
+								}, 1024)) : g("", !0)
+							])], 2)) : g("", !0),
+							U.body ? (w(), _("div", {
+								key: 1,
+								"data-slot": "body",
+								class: k($.value.body({ class: m(W).ui?.body }))
+							}, [y(e.$slots, "body", { close: i })], 2)) : g("", !0),
+							U.footer ? (w(), _("div", {
+								key: 2,
+								"data-slot": "footer",
+								class: k($.value.footer({ class: m(W).ui?.footer }))
+							}, [y(e.$slots, "footer", { close: i })], 2)) : g("", !0)
+						])]),
+						_: 2
+					}, 1040, ["class"])]),
+					_: 2
+				}, 1024),
+				U.default ? (w(), f(m(u), {
+					key: 0,
+					"as-child": "",
+					class: k(m(W).class)
+				}, {
+					default: v(() => [y(e.$slots, "default", { open: n })]),
+					_: 2
+				}, 1032, ["class"])) : g("", !0),
+				b(m(r), d(m(J), { "force-mount": m(J).disabled && m(W).unmountOnHide === !1 || void 0 }), {
+					default: v(() => [b(m(a), null, {
+						default: v(() => [m(W).scrollable ? (w(), f(m(M), {
+							key: 0,
+							"data-slot": "overlay",
+							class: k($.value.overlay({ class: m(W).ui?.overlay })),
+							onEnter: t[4] ||= (e) => H("enter"),
+							onAfterEnter: t[5] ||= (e) => H("after:enter"),
+							onLeave: t[6] ||= (e) => H("leave"),
+							onAfterLeave: t[7] ||= (e) => H("after:leave")
+						}, {
+							default: v(() => [b(m(Q))]),
+							_: 1
+						}, 8, ["class"])) : (w(), _(D, { key: 1 }, [m(W).overlay ? (w(), f(m(M), {
+							key: 0,
+							"data-slot": "overlay",
+							class: k($.value.overlay({ class: m(W).ui?.overlay }))
+						}, null, 8, ["class"])) : g("", !0), b(m(Q))], 64))]),
+						_: 1
+					})]),
+					_: 1
+				}, 16, ["force-mount"])
+			]),
+			_: 3
+		}, 16));
+	}
+};
+//#endregion
+export { z as t };

package/studio/chunks/NewDocumentDialog-C8B6_r3J.js

@@ -0,0 +1,277 @@
+import { m as e, nn as t, t as n } from "./Button-BT3ztSPx.js";
+import { M as ee, st as r, w as i } from "./Search-BEgCe9Aj.js";
+import { d as a, i as o, n as s, r as c } from "./studioContext-I8HozGU1.js";
+import { A as l, Ci as u, Cr as d, E as f, K as p, M as m, N as h, Or as g, V as _, fa as v, gn as y, k as b, ra as x, ui as S } from "./runtime-core.esm-bundler-DKFA9Rep.js";
+import { t as te } from "./Select-B50WZMW-.js";
+import { n as ne } from "./overlay-DnqFLZTc.js";
+import { t as re } from "./Collapsible-CKnEYIlp.js";
+import { t as ie } from "./SelectMenu-DSweWGMz.js";
+import { t as ae } from "./FormField-CgM6l2Yn.js";
+import { n as oe } from "./operations-CjNHyrEX.js";
+import { a as C, i as se, r as w, t as T } from "./newDocumentPlanning-C26DHpvh.js";
+import { t as ce } from "./Alert-D0D24z_a.js";
+import { t as E } from "./Modal-D6hSvxHd.js";
+import { t as le } from "./useDocumentMessage-BAWvc38w.js";
+//#region src/documents/create/NewDocumentDialog.vue?vue&type=script&setup=true&lang.ts
+var ue = ["disabled"], de = { class: "grid gap-4 sm:grid-cols-2" }, fe = {
+	key: 3,
+	class: "overflow-hidden rounded-lg border border-default"
+}, D = ["disabled"], pe = { class: "min-w-0 flex-1" }, O = ["title"], me = ["title"], he = { class: "shrink-0 text-xs font-medium text-muted group-hover:text-highlighted" }, ge = { class: "grid gap-4 border-t border-default px-3 py-3 sm:grid-cols-2" }, _e = {
+	key: 4,
+	role: "alert",
+	class: "text-xs text-error"
+}, ve = { class: "flex w-full flex-wrap justify-end gap-2" }, k = /* @__PURE__ */ p({
+	__name: "NewDocumentDialog",
+	props: {
+		documents: {},
+		initialParent: {},
+		initialCollection: {},
+		beforeCreate: { type: Function }
+	},
+	emits: ["close", "created"],
+	setup(p, { emit: k }) {
+		let { t: A } = r(), j = c(), M = s(), N = a().requests, P = p, F = k, I = S(""), L = f({
+			get: () => I.value ? `template:${I.value}` : "blank",
+			set: (e) => {
+				I.value = e === "blank" ? "" : e.slice(9);
+			}
+		}), ye = f(() => [{
+			label: A("documents.create.blankDocument"),
+			value: "blank"
+		}, ...(U.value?.collection.templates ?? []).map((e) => ({
+			label: e.label,
+			value: `template:${e.id}`
+		}))]), R = S(""), z = S(""), B = S(!1), V = f(() => T(M.configuration, P.documents, A)), H = S(P.initialParent || P.initialCollection ? `entry:${P.initialParent?.collection ?? P.initialCollection}` : V.value[0]?.key ?? ""), U = f(() => V.value.find((e) => e.key === H.value));
+		d(() => U.value?.collection.collection, () => {
+			I.value = "";
+		});
+		let W = S(P.initialParent?.parentDocumentId ? P.initialParent.id : C), G = S(!1), K = S(!1), q = le(), J = q.message, Y = f(() => P.documents.find((e) => e.identity.collection === U.value?.collection.collection && e.placement.kind === "home")), be = f(() => [{
+			label: A("documents.create.topLevel"),
+			description: A("documents.create.addThisDocumentDirectlyBelowTheHomepage"),
+			value: C
+		}, ...M.items.filter((e) => e.collection === U.value?.collection.collection && e.parentDocumentId !== null).map((e) => ({
+			label: e.title,
+			description: e.path,
+			value: e.id
+		}))]), xe = f(() => V.value.map((e) => ({
+			label: e.kind === "home" ? A("documents.create.labelHome", { label: e.collection.label }) : e.label,
+			value: e.key
+		}))), X = f(() => U.value?.kind === "home" ? A("documents.create.homepage") : W.value === "__top_level__" || W.value === Y.value?.identity.documentId ? A("documents.create.topLevel") : M.items.find((e) => e.id === W.value)?.title ?? A("documents.create.selectedLocation")), Z = f(() => U.value ? w({
+			t: A,
+			configuration: M.configuration,
+			documents: P.documents,
+			choice: U.value,
+			parentId: W.value,
+			slug: z.value
+		}) : void 0), Q = f(() => R.value.trim() ? Z.value?.issue ?? "" : ""), $ = f(() => !!R.value.trim() && !!U.value && !!Z.value?.path && !Z.value.issue);
+		d(R, (e) => {
+			B.value || (z.value = se(e));
+		}), d(H, () => W.value = C, { flush: "sync" });
+		function Se(e) {
+			!e && !K.value && F("close");
+		}
+		async function Ce() {
+			let e = U.value, t = Z.value;
+			if ($.value && e && t?.placement && !K.value) {
+				K.value = !0, q.clear();
+				try {
+					await P.beforeCreate();
+					let n = i.make({
+						format: 1,
+						fields: oe(e.collection, R.value.trim()),
+						body: ee(),
+						settings: { placement: t.placement }
+					}), r = await N.documents.create({ payload: {
+						collection: e.collection.collection,
+						source: n,
+						templateId: I.value || void 0
+					} });
+					F("created", r.identity.documentId);
+				} catch (e) {
+					q.set(() => o(e, A, A("documents.create.couldNotCreateTheDocument")));
+				} finally {
+					K.value = !1;
+				}
+			}
+		}
+		return (ee, r) => {
+			let i = ce, a = ne, o = ae, s = te, c = e, d = ie, f = re, p = n, S = E;
+			return y(), l(S, {
+				open: !0,
+				title: u(j).document.new,
+				description: u(A)("documents.create.startWithATitleYourDocumentWill"),
+				dismissible: !K.value,
+				ui: { content: "max-w-lg" },
+				"onUpdate:open": Se
+			}, {
+				body: g(() => [b("form", {
+					id: "create-document-form",
+					class: "space-y-4",
+					onSubmit: t(Ce, ["prevent"])
+				}, [
+					u(J) ? (y(), l(i, {
+						key: 0,
+						description: u(J),
+						color: "error",
+						variant: "subtle",
+						role: "alert"
+					}, null, 8, ["description"])) : m("", !0),
+					V.value.length ? m("", !0) : (y(), l(i, {
+						key: 1,
+						title: u(A)("documents.create.documentCreationIsNotConfigured"),
+						description: u(A)("documents.create.aDeveloperNeedsToConfigureAtLeast"),
+						color: "warning",
+						variant: "subtle"
+					}, null, 8, ["title", "description"])),
+					U.value ? (y(), h("fieldset", {
+						key: 2,
+						disabled: K.value,
+						class: "space-y-4"
+					}, [_(o, {
+						label: u(A)("documents.create.title"),
+						required: ""
+					}, {
+						default: g(() => [_(a, {
+							modelValue: R.value,
+							"onUpdate:modelValue": r[0] ||= (e) => R.value = e,
+							autofocus: "",
+							placeholder: u(A)("documents.create.giveYourDocumentATitle"),
+							class: "w-full"
+						}, null, 8, ["modelValue", "placeholder"])]),
+						_: 1
+					}, 8, ["label"]), b("div", de, [V.value.length > 1 ? (y(), l(o, {
+						key: 0,
+						label: u(A)("documents.create.documentType")
+					}, {
+						default: g(() => [_(s, {
+							modelValue: H.value,
+							"onUpdate:modelValue": r[1] ||= (e) => H.value = e,
+							items: xe.value,
+							"value-key": "value",
+							class: "w-full",
+							disabled: K.value
+						}, null, 8, [
+							"modelValue",
+							"items",
+							"disabled"
+						])]),
+						_: 1
+					}, 8, ["label"])) : m("", !0), (U.value.collection.templates?.length ?? 0) > 0 ? (y(), l(o, {
+						key: 1,
+						label: u(A)("documents.create.template"),
+						class: x(V.value.length > 1 ? "" : "sm:col-span-2")
+					}, {
+						default: g(() => [_(s, {
+							modelValue: L.value,
+							"onUpdate:modelValue": r[2] ||= (e) => L.value = e,
+							items: ye.value,
+							"value-key": "value",
+							class: "w-full",
+							disabled: K.value
+						}, null, 8, [
+							"modelValue",
+							"items",
+							"disabled"
+						])]),
+						_: 1
+					}, 8, ["label", "class"])) : m("", !0)])], 8, ue)) : m("", !0),
+					U.value ? (y(), h("div", fe, [_(f, {
+						open: G.value,
+						"onUpdate:open": r[6] ||= (e) => G.value = e
+					}, {
+						content: g(() => [b("div", ge, [U.value.kind === "entry" && Y.value ? (y(), l(o, {
+							key: 0,
+							label: u(A)("documents.create.location"),
+							class: "sm:col-span-2"
+						}, {
+							default: g(() => [_(d, {
+								modelValue: W.value,
+								"onUpdate:modelValue": r[3] ||= (e) => W.value = e,
+								disabled: K.value,
+								"aria-label": u(A)("documents.create.location"),
+								items: be.value,
+								"value-key": "value",
+								"filter-fields": ["label", "description"],
+								"search-input": { placeholder: u(A)("documents.create.searchDocuments") },
+								class: "w-full"
+							}, null, 8, [
+								"modelValue",
+								"disabled",
+								"aria-label",
+								"items",
+								"search-input"
+							])]),
+							_: 1
+						}, 8, ["label"])) : m("", !0), U.value.kind === "entry" ? (y(), l(o, {
+							key: 1,
+							label: u(A)("documents.create.pageAddress"),
+							description: u(A)("documents.create.theFinalPartOfThisPagesWeb"),
+							class: "sm:col-span-2",
+							required: ""
+						}, {
+							default: g(() => [_(a, {
+								modelValue: z.value,
+								"onUpdate:modelValue": [r[4] ||= (e) => z.value = e, r[5] ||= (e) => B.value = !0],
+								disabled: K.value,
+								placeholder: u(A)("documents.create.aboutUs"),
+								class: "w-full"
+							}, null, 8, [
+								"modelValue",
+								"disabled",
+								"placeholder"
+							])]),
+							_: 1
+						}, 8, ["label", "description"])) : m("", !0)])]),
+						default: g(() => [b("button", {
+							type: "button",
+							disabled: K.value,
+							class: "group flex w-full min-w-0 items-center gap-3 px-3 py-2.5 text-left transition-[background-color,transform] duration-150 ease-out hover:bg-elevated/50 active:scale-[0.99] motion-reduce:transition-none"
+						}, [
+							b("span", pe, [b("span", {
+								class: "block truncate text-xs text-muted",
+								title: u(X)
+							}, v(u(X)), 9, O), b("span", {
+								class: x(["mt-0.5 block truncate font-mono text-xs", Q.value ? "text-error" : "text-highlighted"]),
+								title: Z.value?.path || U.value.urlHint
+							}, v(Z.value?.path || U.value.urlHint), 11, me)]),
+							b("span", he, v(G.value ? u(A)("documents.create.hideDetails") : u(A)("documents.create.documentDetails")), 1),
+							_(c, {
+								name: "i-lucide-chevron-down",
+								class: x(["size-3.5 shrink-0 text-dimmed transition-transform duration-150 ease-out motion-reduce:transition-none", G.value ? "rotate-180" : ""])
+							}, null, 8, ["class"])
+						], 8, D)]),
+						_: 1
+					}, 8, ["open"])])) : m("", !0),
+					Q.value ? (y(), h("p", _e, v(Q.value), 1)) : m("", !0)
+				], 32)]),
+				footer: g(() => [b("div", ve, [_(p, {
+					color: "neutral",
+					variant: "outline",
+					disabled: K.value,
+					label: u(j).actions.cancel,
+					class: "transition-transform duration-150 ease-out active:scale-[0.97] motion-reduce:transition-none",
+					onClick: r[7] ||= (e) => F("close")
+				}, null, 8, ["disabled", "label"]), _(p, {
+					type: "submit",
+					form: "create-document-form",
+					color: "neutral",
+					label: u(j).document.create,
+					class: "transition-transform duration-150 ease-out active:scale-[0.97] motion-reduce:transition-none",
+					loading: K.value,
+					disabled: !$.value
+				}, null, 8, [
+					"label",
+					"loading",
+					"disabled"
+				])])]),
+				_: 1
+			}, 8, [
+				"title",
+				"description",
+				"dismissible"
+			]);
+		};
+	}
+});
+//#endregion
+export { k as default };