@phtngyn/cms 0.2.0-beta.8 → 0.3.0

package/studio/chunks/SeoPage-CNNxGe4h.js

@@ -0,0 +1,846 @@
+import { m as e, t } from "./Button-BT3ztSPx.js";
+import { B as n, et as r, st as i } from "./Search-BEgCe9Aj.js";
+import { c as a, d as o, n as s, r as c } from "./studioContext-I8HozGU1.js";
+import { A as l, B as u, Ci as d, Cr as f, E as p, K as m, M as h, N as g, Nn as _, Or as v, V as y, fa as b, gn as x, k as S, o as C, ui as w } from "./runtime-core.esm-bundler-DKFA9Rep.js";
+import { t as T } from "./Select-B50WZMW-.js";
+import { n as E } from "./overlay-DnqFLZTc.js";
+import { t as D } from "./Switch-qKl1aDn7.js";
+import { t as O } from "./FormField-CgM6l2Yn.js";
+import { t as k } from "./notifications-OKOLc40v.js";
+import { r as A } from "./leaveGuards-D22fTGgr.js";
+import { t as j } from "./Alert-D0D24z_a.js";
+import { t as M } from "./Modal-D6hSvxHd.js";
+import { n as N, t as P } from "./studioQueries-BR-9NT5F.js";
+import { t as ee } from "./StudioPage-ngEIDr5d.js";
+import { n as F, t as I } from "./useLeaveConfirmation-_iCSnKEp.js";
+import { t as L } from "./useAcknowledgedDraft-0_c9sWI6.js";
+import { t as te } from "./Skeleton-COz8dcrw.js";
+import { n as ne, t as re } from "./MediaPicker-BZs2wUFz.js";
+//#region src/seo/identity.ts
+function R(e, t, n) {
+	switch (e.type) {
+		case "Person": {
+			if (t !== "image") return e;
+			let { image: r, ...i } = e;
+			return n ? {
+				...i,
+				image: n
+			} : i;
+		}
+		case "Organization": {
+			if (t !== "logo") return e;
+			let { logo: r, ...i } = e;
+			return n ? {
+				...i,
+				logo: n
+			} : i;
+		}
+		case "LocalBusiness": {
+			if (t === "logo") {
+				let { logo: t, ...r } = e;
+				return n ? {
+					...r,
+					logo: n
+				} : r;
+			}
+			let { image: r, ...i } = e;
+			return n ? {
+				...i,
+				image: n
+			} : i;
+		}
+	}
+}
+//#endregion
+//#region src/seo/SeoImageField.vue?vue&type=script&setup=true&lang.ts
+var z = { class: "text-sm font-medium text-highlighted" }, B = { class: "mt-1 text-xs text-muted" }, V = {
+	key: 0,
+	class: "mt-2 flex items-start gap-3 rounded-lg border border-default bg-default p-3"
+}, H = ["src"], U = { class: "min-w-0 flex-1" }, W = { class: "mt-2 flex gap-2" }, G = /* @__PURE__ */ m({
+	__name: "SeoImageField",
+	props: {
+		description: {},
+		image: {},
+		label: {}
+	},
+	emits: [
+		"choose",
+		"remove",
+		"updateAlt"
+	],
+	setup(e, { emit: n }) {
+		let { t: a } = i(), o = c(), s = n;
+		return (n, i) => {
+			let c = E, u = O, f = t;
+			return x(), g("div", null, [
+				S("span", z, b(e.label), 1),
+				S("p", B, b(e.description), 1),
+				e.image ? (x(), g("div", V, [S("img", {
+					src: d(r)(e.image.mediaId),
+					alt: "",
+					class: "size-16 shrink-0 rounded-md bg-muted object-cover"
+				}, null, 8, H), S("div", U, [y(u, {
+					label: d(a)("media-picker.image-description"),
+					required: "",
+					error: e.image.alt ? void 0 : d(a)("seo-image-field.add-an-image-description")
+				}, {
+					default: v(() => [y(c, {
+						"model-value": e.image.alt,
+						class: "w-full",
+						"onUpdate:modelValue": i[0] ||= (e) => s("updateAlt", String(e))
+					}, null, 8, ["model-value"])]),
+					_: 1
+				}, 8, ["label", "error"]), S("div", W, [y(f, {
+					color: "neutral",
+					variant: "outline",
+					size: "xs",
+					label: d(a)("media-picker.replace"),
+					onClick: i[1] ||= (e) => s("choose")
+				}, null, 8, ["label"]), y(f, {
+					color: "neutral",
+					variant: "ghost",
+					size: "xs",
+					label: d(o).actions.remove,
+					onClick: i[2] ||= (e) => s("remove")
+				}, null, 8, ["label"])])])])) : (x(), l(f, {
+					key: 1,
+					class: "mt-2",
+					color: "neutral",
+					variant: "outline",
+					size: "sm",
+					icon: "i-lucide-image-plus",
+					label: d(a)("seo-image-field.choose-image"),
+					onClick: i[3] ||= (e) => s("choose")
+				}, null, 8, ["label"]))
+			]);
+		};
+	}
+}), K = { class: "grid grid-cols-2 gap-3" }, q = { class: "grid gap-5 sm:col-span-2 sm:grid-cols-2" }, ie = /* @__PURE__ */ m({
+	__name: "SeoIdentityFields",
+	props: {
+		identity: {},
+		siteName: {}
+	},
+	emits: ["chooseImage", "update"],
+	setup(e, { emit: t }) {
+		let { t: n } = i(), r = e, a = t, o = p(() => [{
+			label: n("seo-identity-fields.no-site-identity"),
+			value: "none"
+		}, ...[
+			"Person",
+			"Organization",
+			"LocalBusiness"
+		].map((e) => ({
+			label: m(e),
+			value: e
+		}))]), s = p({
+			get: () => r.identity?.type ?? "none",
+			set: (e) => _(e)
+		}), c = p(() => r.identity?.type === "LocalBusiness" ? r.identity : void 0), u = p(() => r.identity && !r.identity.name.trim() ? n("seo-identity-fields.enter-the-identity-name") : void 0), f = p(() => {
+			let e = r.identity?.url;
+			if (e) try {
+				let t = new URL(e);
+				return t.protocol === "http:" || t.protocol === "https:" ? void 0 : n("seo-identity-fields.use-a-complete-http-or-https-url");
+			} catch {
+				return n("seo-identity-fields.use-a-complete-http-or-https-url");
+			}
+		});
+		function m(e) {
+			switch (e) {
+				case "LocalBusiness": return n("seo-identity-fields.local-business");
+				case "Person": return n("people-view.person");
+				case "Organization": return n("seo-identity-fields.organization");
+			}
+		}
+		function _(e) {
+			if (e === "none") {
+				a("update", void 0);
+				return;
+			}
+			if (e !== "Person" && e !== "Organization" && e !== "LocalBusiness") return;
+			let t = r.identity, i = t?.name || r.siteName || n("seo-identity-fields.website"), o = t?.url ? {
+				name: i,
+				url: t.url
+			} : { name: i }, s;
+			switch (e) {
+				case "Person":
+					s = {
+						...o,
+						type: "Person"
+					};
+					break;
+				case "Organization":
+					s = {
+						...o,
+						type: "Organization"
+					};
+					break;
+				case "LocalBusiness": s = {
+					...o,
+					type: "LocalBusiness"
+				};
+			}
+			a("update", s);
+		}
+		function b(e, t) {
+			let n = r.identity;
+			if (n) {
+				if (e === "name") {
+					a("update", {
+						...n,
+						name: t
+					});
+					return;
+				}
+				if (e === "url") {
+					let { url: e, ...r } = n;
+					a("update", t.length ? {
+						...r,
+						url: t
+					} : r);
+					return;
+				}
+				if (n.type === "LocalBusiness") {
+					let { telephone: e, ...r } = n;
+					a("update", t.length ? {
+						...r,
+						telephone: t
+					} : r);
+				}
+			}
+		}
+		function w(e, t) {
+			let n = r.identity;
+			if (n?.type !== "LocalBusiness") return;
+			let i = { ...n.address };
+			t.length ? i[e] = t : delete i[e], a("update", {
+				...n,
+				address: Object.keys(i).length ? i : void 0
+			});
+		}
+		function D(e) {
+			let t = r.identity;
+			if (t) return e === "image" && (t.type === "Person" || t.type === "LocalBusiness") ? t.image : e === "logo" && (t.type === "Organization" || t.type === "LocalBusiness") ? t.logo : void 0;
+		}
+		function k(e, t) {
+			r.identity && a("update", R(r.identity, e, t));
+		}
+		function A(e, t) {
+			let n = D(e);
+			n && k(e, {
+				...n,
+				alt: t
+			});
+		}
+		return (t, r) => {
+			let i = T, p = O, m = E;
+			return x(), g(C, null, [y(p, { label: d(n)("seo-identity-fields.who-does-this-website-represent") }, {
+				default: v(() => [y(i, {
+					modelValue: s.value,
+					"onUpdate:modelValue": r[0] ||= (e) => s.value = e,
+					items: o.value,
+					"value-key": "value",
+					class: "w-full sm:w-64"
+				}, null, 8, ["modelValue", "items"])]),
+				_: 1
+			}, 8, ["label"]), e.identity ? (x(), g(C, { key: 0 }, [
+				y(p, {
+					label: d(n)("seo-identity-fields.identity-name"),
+					required: "",
+					error: u.value
+				}, {
+					default: v(() => [y(m, {
+						"model-value": e.identity?.name,
+						class: "w-full",
+						"onUpdate:modelValue": r[1] ||= (e) => b("name", String(e))
+					}, null, 8, ["model-value"])]),
+					_: 1
+				}, 8, ["label", "error"]),
+				y(p, {
+					label: d(n)("seo-identity-fields.identity-website"),
+					error: f.value
+				}, {
+					default: v(() => [y(m, {
+						"model-value": e.identity?.url || "",
+						class: "w-full",
+						placeholder: d(n)("seo-identity-fields.httpsexamplecomabout"),
+						"onUpdate:modelValue": r[2] ||= (e) => b("url", String(e))
+					}, null, 8, ["model-value", "placeholder"])]),
+					_: 1
+				}, 8, ["label", "error"]),
+				e.identity?.type === "Person" ? (x(), l(G, {
+					key: 0,
+					label: d(n)("seo-identity-fields.profile-image"),
+					description: d(n)("seo-identity-fields.a-clear-portrait-or-profile-image-representing"),
+					image: D("image"),
+					onChoose: r[3] ||= (e) => a("chooseImage", "identity-image"),
+					onRemove: r[4] ||= (e) => k("image", void 0),
+					onUpdateAlt: r[5] ||= (e) => A("image", e)
+				}, null, 8, [
+					"label",
+					"description",
+					"image"
+				])) : h("", !0),
+				e.identity?.type === "Organization" ? (x(), l(G, {
+					key: 1,
+					class: "sm:col-span-2",
+					label: d(n)("seo-identity-fields.organization-logo"),
+					description: d(n)("seo-identity-fields.the-official-logo-search-engines-may-associate"),
+					image: D("logo"),
+					onChoose: r[6] ||= (e) => a("chooseImage", "identity-logo"),
+					onRemove: r[7] ||= (e) => k("logo", void 0),
+					onUpdateAlt: r[8] ||= (e) => A("logo", e)
+				}, null, 8, [
+					"label",
+					"description",
+					"image"
+				])) : h("", !0),
+				c.value ? (x(), g(C, { key: 2 }, [
+					y(p, { label: d(n)("seo-identity-fields.telephone") }, {
+						default: v(() => [y(m, {
+							"model-value": c.value?.telephone || "",
+							class: "w-full",
+							"onUpdate:modelValue": r[9] ||= (e) => b("telephone", String(e))
+						}, null, 8, ["model-value"])]),
+						_: 1
+					}, 8, ["label"]),
+					y(p, { label: d(n)("seo-identity-fields.street-address") }, {
+						default: v(() => [y(m, {
+							"model-value": c.value?.address?.streetAddress || "",
+							class: "w-full",
+							"onUpdate:modelValue": r[10] ||= (e) => w("streetAddress", String(e))
+						}, null, 8, ["model-value"])]),
+						_: 1
+					}, 8, ["label"]),
+					y(p, { label: d(n)("seo-identity-fields.city") }, {
+						default: v(() => [y(m, {
+							"model-value": c.value?.address?.addressLocality || "",
+							class: "w-full",
+							"onUpdate:modelValue": r[11] ||= (e) => w("addressLocality", String(e))
+						}, null, 8, ["model-value"])]),
+						_: 1
+					}, 8, ["label"]),
+					S("div", K, [y(p, { label: d(n)("seo-identity-fields.region") }, {
+						default: v(() => [y(m, {
+							"model-value": c.value?.address?.addressRegion || "",
+							"onUpdate:modelValue": r[12] ||= (e) => w("addressRegion", String(e))
+						}, null, 8, ["model-value"])]),
+						_: 1
+					}, 8, ["label"]), y(p, { label: d(n)("seo-identity-fields.postal-code") }, {
+						default: v(() => [y(m, {
+							"model-value": c.value?.address?.postalCode || "",
+							"onUpdate:modelValue": r[13] ||= (e) => w("postalCode", String(e))
+						}, null, 8, ["model-value"])]),
+						_: 1
+					}, 8, ["label"])]),
+					y(p, { label: d(n)("seo-identity-fields.country") }, {
+						default: v(() => [y(m, {
+							"model-value": c.value?.address?.addressCountry || "",
+							class: "w-full",
+							"onUpdate:modelValue": r[14] ||= (e) => w("addressCountry", String(e))
+						}, null, 8, ["model-value"])]),
+						_: 1
+					}, 8, ["label"]),
+					S("div", q, [y(G, {
+						label: d(n)("seo-identity-fields.business-logo"),
+						description: d(n)("seo-identity-fields.the-official-logo-for-this-business"),
+						image: D("logo"),
+						onChoose: r[15] ||= (e) => a("chooseImage", "identity-logo"),
+						onRemove: r[16] ||= (e) => k("logo", void 0),
+						onUpdateAlt: r[17] ||= (e) => A("logo", e)
+					}, null, 8, [
+						"label",
+						"description",
+						"image"
+					]), y(G, {
+						label: d(n)("seo-identity-fields.business-image"),
+						description: d(n)("seo-identity-fields.a-representative-photo-such-as-the-storefront"),
+						image: D("image"),
+						onChoose: r[18] ||= (e) => a("chooseImage", "identity-image"),
+						onRemove: r[19] ||= (e) => k("image", void 0),
+						onUpdateAlt: r[20] ||= (e) => A("image", e)
+					}, null, 8, [
+						"label",
+						"description",
+						"image"
+					])])
+				], 64)) : h("", !0)
+			], 64)) : h("", !0)], 64);
+		};
+	}
+});
+//#endregion
+//#region src/seo/siteSeoValidation.ts
+function J(e, t) {
+	let n = e.location.kind === "seo" ? e.location.path : [];
+	switch (e.code) {
+		case "seo.siteName": return t("seo.validation.site-name");
+		case "seo.canonicalOrigin": return t("seo.validation.origin");
+		case "seo.titleTemplate": return t("seo.validation.template");
+		case "seo.empty":
+			if (n[0] === "defaultDescription") return t("seo.validation.default-description");
+			if (n[0] === "socialTitle") return t("seo.validation.social-title");
+			if (n[0] === "socialDescription") return t("seo.validation.social-description");
+			break;
+		case "seo.required":
+			if (n[0] === "socialImage") return t("seo.validation.social-image");
+			if (n[0] === "identity" && n[1] === "name") return t("seo.validation.identity-name");
+			if (n[0] === "identity" && n[1] === "image") return t("seo.validation.identity-image");
+			if (n[0] === "identity" && n[1] === "logo") return t("seo.validation.identity-logo");
+			break;
+		case "seo.url": if (n[0] === "identity") return t("seo.validation.identity-url");
+	}
+	return e.message;
+}
+//#endregion
+//#region src/seo/useSiteSeo.ts
+function Y(e) {
+	let { t } = i(), r = o().requests.seo, c = s(), l = N(() => P.seo, void 0), u = L({
+		owner: () => c.user.id,
+		source: l.data,
+		value: (e) => e.working.settings,
+		failure: () => t("seo.failure"),
+		settle: l.settled
+	}), { baseline: d, draft: m, dirty: h, error: g } = u, _ = p(() => u.action.value === "save"), v = p(() => u.action.value === "publish"), y = w("save"), b = w(!1), x = w(), S = p(() => m.value ? n(m.value).map((e) => J(e, t)) : []), C = p(() => S.value.length === 0), { leaveRequested: T, prepareToLeave: E, decideLeave: D } = I(h, { onDiscard: u.discard });
+	A(E), f(() => d.value?.working.version, () => x.value = void 0, { flush: "sync" });
+	async function O() {
+		h.value || u.busy.value || (g.value = "", b.value = !1, await l.refresh().catch(() => void 0));
+	}
+	function k(e, t) {
+		if (!m.value) return;
+		let n = structuredClone(m.value);
+		t === void 0 ? delete n[e] : n[e] = t, m.value = n, g.value = "", b.value = !1;
+	}
+	async function j() {
+		return !h.value || u.busy.value ? !1 : (y.value = "save", b.value = !1, C.value ? await u.submit("save", (e, t) => r.save({ payload: {
+			expectedVersion: t.working.version,
+			settings: e
+		} }), { accepted: () => e(t("seo.saved")) }) : (b.value = !0, !1));
+	}
+	async function M(n) {
+		return h.value || u.busy.value ? !1 : (y.value = "publish", await u.submit("publish", (e, t) => r.publish({ payload: {
+			expectedVersion: t.working.version,
+			confirmedSiteWideChange: n
+		} }), {
+			accepted: () => {
+				x.value = void 0, e(t("seo.published"));
+			},
+			rejected: (e) => {
+				if (e instanceof a && e.status === 409 && e.changes) return x.value = e.changes, "";
+			}
+		}));
+	}
+	return {
+		state: d,
+		settings: m,
+		loading: l.loading,
+		saving: _,
+		publishing: v,
+		error: p(() => b.value ? S.value.join(" ") : g.value || l.error.value),
+		errorTitle: p(() => g.value || b.value ? t(y.value === "save" ? "seo.save-failed" : "seo.publish-failed") : t("seo.load-failed")),
+		confirmation: x,
+		leaveRequested: T,
+		dirty: h,
+		valid: C,
+		issues: S,
+		load: O,
+		setSetting: k,
+		save: j,
+		publish: () => M(!1),
+		confirmPublish: () => M(!0),
+		prepareToLeave: E,
+		decideLeave: D
+	};
+}
+//#endregion
+//#region src/seo/SeoView.vue?vue&type=script&setup=true&lang.ts
+var ae = ["title"], oe = ["aria-label"], se = {
+	key: 3,
+	class: "border-t border-default"
+}, ce = { class: "grid max-w-xl gap-5" }, le = { class: "grid items-start gap-6 @min-[48rem]:grid-cols-2" }, ue = { class: "min-w-0 max-w-xl space-y-5" }, de = { class: "rounded-lg border border-default bg-default p-4" }, fe = { class: "truncate text-xs text-success" }, pe = { class: "mt-1 line-clamp-1 text-lg text-primary" }, me = { class: "mt-1 line-clamp-2 text-sm leading-5 text-muted" }, X = { class: "mt-3 text-xs text-muted" }, he = { class: "grid items-start gap-6 @min-[48rem]:grid-cols-2" }, ge = { class: "min-w-0 max-w-xl space-y-5" }, _e = { class: "text-sm font-medium text-highlighted" }, ve = {
+	key: 0,
+	class: "mt-2 flex items-start gap-3 rounded-lg border border-default p-3"
+}, ye = ["src"], be = { class: "min-w-0 flex-1 space-y-2" }, xe = { class: "flex gap-2" }, Se = { class: "overflow-hidden rounded-lg border border-default bg-default" }, Ce = { class: "aspect-[1.91/1] bg-muted" }, we = ["src", "alt"], Te = {
+	key: 1,
+	class: "grid size-full place-items-center"
+}, Ee = { class: "p-4" }, De = { class: "truncate text-xs uppercase tracking-wide text-muted" }, Oe = { class: "mt-1 line-clamp-1 text-sm font-semibold text-highlighted" }, ke = { class: "mt-1 line-clamp-2 text-xs leading-5 text-muted" }, Ae = { class: "border-t border-default px-4 py-2 text-xs text-muted" }, je = { class: "group border-b border-default py-8" }, Me = { class: "flex cursor-pointer list-none pointer-coarse:min-h-11 items-center gap-2 text-sm font-semibold text-highlighted focus-visible:outline-2 focus-visible:outline-primary" }, Ne = { class: "mt-6 max-w-xl" }, Pe = { class: "mb-5 text-sm leading-6 text-muted" }, Fe = { class: "space-y-5" }, Ie = { class: "flex w-full justify-end gap-2" }, Le = { class: "flex w-full justify-end gap-2" }, Z = /* @__PURE__ */ m({
+	__name: "SeoView",
+	setup(n, { expose: a }) {
+		let { t: o, locale: s } = i(), f = c(), m = k(), T = Y((e) => m.add({ title: e }));
+		a({ prepareToLeave: T.prepareToLeave });
+		let A = w(), N = p(() => A.value !== void 0), P = p(() => T.settings.value), I = p(() => {
+			let e = P.value;
+			return e ? e.titleTemplate?.replace("%s", e.siteName) ?? e.siteName : "";
+		}), L = p(() => P.value?.socialTitle ?? I.value), z = p(() => P.value?.socialDescription ?? P.value?.defaultDescription ?? ""), B = p(() => {
+			let e = P.value?.canonicalOrigin;
+			if (!e) return o("seo-view.enter-the-website-origin");
+			try {
+				let t = new URL(e);
+				return t.origin === e && t.pathname === "/" && !t.search && !t.hash ? void 0 : o("seo-view.use-only-the-origin-such-as-httpsexamplecom");
+			} catch {
+				return o("seo-view.enter-a-complete-http-or-https-website");
+			}
+		}), V = p(() => {
+			let e = P.value?.titleTemplate;
+			return e && !e.includes("%s") ? o("seo-view.include-s-where-each-page-title-should") : void 0;
+		}), H = p(() => P.value?.siteName.trim() ? void 0 : o("seo-view.enter-the-website-name")), U = p(() => {
+			let e = (T.confirmation.value ?? []).map((e) => o(e === "canonicalOrigin" ? "seo.canonical-origin" : "seo.search-visibility"));
+			return o("seo.publish-consequences", { changes: new Intl.ListFormat(s.value, {
+				style: "long",
+				type: "conjunction"
+			}).format(e) });
+		}), W = p(() => T.dirty.value ? o("seo-view.unsaved-changes") : T.state.value?.published ? T.state.value.published.version === T.state.value.working.version ? o("copy.publication.published") : o("copy.publication.savedDraft") : o("seo-view.not-published")), G = p(() => T.dirty.value ? o("seo-view.save-your-changes-then-publish-when-they") : T.state.value?.published?.version === T.state.value?.working.version ? o("seo-view.changes-you-make-here-need-to-be") : o("seo-view.publish-the-saved-settings-when-they-are")), K = p(() => !!T.state.value && !T.dirty.value && !T.saving.value && !T.publishing.value);
+		function q(e, t) {
+			T.setSetting(e, e === "siteName" || t.length ? t : void 0);
+		}
+		function J(e) {
+			A.value = e;
+		}
+		function Z(e) {
+			let t = A.value, n = {
+				alt: e.alt || e.asset.name,
+				mediaId: e.asset.id
+			};
+			t === "social" ? T.setSetting("socialImage", n) : t === "identity-image" ? $("image", n) : t === "identity-logo" && $("logo", n), A.value = void 0;
+		}
+		function Q(e) {
+			let t = P.value?.socialImage;
+			t && T.setSetting("socialImage", {
+				...t,
+				alt: e
+			});
+		}
+		function $(e, t) {
+			let n = P.value?.identity;
+			n && T.setSetting("identity", R(n, e, t));
+		}
+		function Re(e) {
+			T.setSetting("canonicalOrigin", e);
+		}
+		function ze(e) {
+			!e && !T.publishing.value && (T.confirmation.value = void 0);
+		}
+		function Be(e) {
+			e || T.decideLeave(!1);
+		}
+		return (n, i) => {
+			let a = t, s = j, c = te, p = E, m = O, w = ne, k = e, R = D, Y = M;
+			return x(), l(ee, {
+				title: d(f).navigation.seo,
+				description: d(o)("seo-view.choose-how-this-website-appears-in-search")
+			}, {
+				actions: v(() => [
+					P.value ? (x(), g("span", {
+						key: 0,
+						role: "status",
+						title: G.value,
+						class: "text-xs text-muted"
+					}, b(W.value), 9, ae)) : h("", !0),
+					y(a, {
+						color: "neutral",
+						variant: "outline",
+						label: d(f).publication.save,
+						loading: d(T).saving.value,
+						disabled: !d(T).dirty.value || !d(T).valid.value || d(T).saving.value || d(T).publishing.value,
+						onClick: d(T).save
+					}, null, 8, [
+						"label",
+						"loading",
+						"disabled",
+						"onClick"
+					]),
+					y(a, {
+						label: d(f).publication.publish,
+						loading: d(T).publishing.value,
+						disabled: !K.value,
+						onClick: d(T).publish
+					}, null, 8, [
+						"label",
+						"loading",
+						"disabled",
+						"onClick"
+					])
+				]),
+				default: v(() => [
+					d(T).error.value ? (x(), l(s, {
+						key: 0,
+						role: "alert",
+						title: d(T).errorTitle.value,
+						description: d(T).error.value,
+						color: "error",
+						variant: "subtle"
+					}, null, 8, ["title", "description"])) : h("", !0),
+					d(T).dirty.value && !d(T).valid.value ? (x(), l(s, {
+						key: 1,
+						role: "alert",
+						title: d(o)("seo-view.fix-the-highlighted-settings-before-saving"),
+						description: d(o)("seo-view.correct-the-marked-fields-then-save-again"),
+						color: "error",
+						variant: "subtle"
+					}, null, 8, ["title", "description"])) : h("", !0),
+					d(T).loading.value && !P.value ? (x(), g("div", {
+						key: 2,
+						class: "space-y-4",
+						"aria-label": d(o)("seo-view.loading-seo-settings")
+					}, [(x(), g(C, null, _(4, (e) => y(c, {
+						key: e,
+						class: "h-48"
+					})), 64))], 8, oe)) : P.value ? (x(), g("div", se, [
+						y(F, {
+							stacked: "",
+							title: d(o)("seo-identity-fields.website"),
+							description: d(o)("seo-view.help-search-engines-identify-your-website")
+						}, {
+							default: v(() => [S("div", ce, [
+								y(m, {
+									label: d(o)("seo-view.website-name"),
+									required: "",
+									error: H.value
+								}, {
+									default: v(() => [y(p, {
+										"model-value": P.value?.siteName,
+										class: "w-full",
+										"onUpdate:modelValue": i[0] ||= (e) => q("siteName", String(e))
+									}, null, 8, ["model-value"])]),
+									_: 1
+								}, 8, ["label", "error"]),
+								y(m, {
+									label: d(o)("seo-view.website-address"),
+									description: d(o)("seo-view.use-only-the-main-address-such-as"),
+									required: "",
+									error: B.value
+								}, {
+									default: v(() => [y(p, {
+										"model-value": P.value?.canonicalOrigin,
+										class: "w-full",
+										placeholder: d(o)("seo-view.httpsexamplecom"),
+										"onUpdate:modelValue": i[1] ||= (e) => Re(String(e))
+									}, null, 8, ["model-value", "placeholder"])]),
+									_: 1
+								}, 8, [
+									"label",
+									"description",
+									"error"
+								]),
+								y(ie, {
+									identity: P.value?.identity,
+									"site-name": P.value?.siteName ?? "",
+									onUpdate: i[2] ||= (e) => d(T).setSetting("identity", e),
+									onChooseImage: J
+								}, null, 8, ["identity", "site-name"])
+							])]),
+							_: 1
+						}, 8, ["title", "description"]),
+						y(F, {
+							stacked: "",
+							title: d(o)("seo-view.search-appearance"),
+							description: d(o)("seo-view.used-when-a-page-does-not-set")
+						}, {
+							default: v(() => [S("div", le, [S("div", ue, [y(m, {
+								label: d(o)("seo-view.page-title-pattern"),
+								description: d(o)("seo-view.write-s-where-each-page-title-should"),
+								error: V.value
+							}, {
+								default: v(() => [y(p, {
+									"model-value": P.value?.titleTemplate || "",
+									class: "w-full",
+									placeholder: d(o)("seo-view.s-website-name"),
+									"onUpdate:modelValue": i[3] ||= (e) => q("titleTemplate", String(e))
+								}, null, 8, ["model-value", "placeholder"])]),
+								_: 1
+							}, 8, [
+								"label",
+								"description",
+								"error"
+							]), y(m, { label: d(o)("seo-view.default-description") }, {
+								default: v(() => [y(w, {
+									"model-value": P.value?.defaultDescription || "",
+									autoresize: "",
+									class: "w-full",
+									"onUpdate:modelValue": i[4] ||= (e) => q("defaultDescription", String(e))
+								}, null, 8, ["model-value"])]),
+								_: 1
+							}, 8, ["label"])]), S("div", de, [
+								S("p", fe, b(P.value?.canonicalOrigin), 1),
+								S("p", pe, b(I.value), 1),
+								S("p", me, b(P.value?.defaultDescription || d(o)("seo-view.pages-without-a-description-will-leave-this")), 1),
+								S("p", X, b(d(o)("seo-view.search-preview-appearance-varies-by-search-engine")), 1)
+							])])]),
+							_: 1
+						}, 8, ["title", "description"]),
+						y(F, {
+							stacked: "",
+							title: d(o)("seo-view.shared-links"),
+							description: d(o)("seo-view.set-a-fallback-for-links-people-share")
+						}, {
+							default: v(() => [S("div", he, [S("div", ge, [
+								y(m, { label: d(o)("seo-view.default-social-title") }, {
+									default: v(() => [y(p, {
+										"model-value": P.value?.socialTitle || "",
+										class: "w-full",
+										"onUpdate:modelValue": i[5] ||= (e) => q("socialTitle", String(e))
+									}, null, 8, ["model-value"])]),
+									_: 1
+								}, 8, ["label"]),
+								y(m, { label: d(o)("seo-view.default-social-description") }, {
+									default: v(() => [y(w, {
+										"model-value": P.value?.socialDescription || "",
+										autoresize: "",
+										class: "w-full",
+										"onUpdate:modelValue": i[6] ||= (e) => q("socialDescription", String(e))
+									}, null, 8, ["model-value"])]),
+									_: 1
+								}, 8, ["label"]),
+								S("div", null, [S("span", _e, b(d(o)("seo-view.default-social-image")), 1), P.value?.socialImage ? (x(), g("div", ve, [S("img", {
+									src: P.value?.socialImage ? d(r)(P.value.socialImage.mediaId) : void 0,
+									alt: "",
+									class: "size-20 rounded-md bg-muted object-cover"
+								}, null, 8, ye), S("div", be, [y(m, {
+									label: d(o)("media-picker.image-description"),
+									required: "",
+									error: P.value?.socialImage?.alt ? void 0 : d(o)("seo-image-field.add-an-image-description")
+								}, {
+									default: v(() => [y(p, {
+										"model-value": P.value?.socialImage?.alt,
+										class: "w-full",
+										"onUpdate:modelValue": i[7] ||= (e) => Q(String(e))
+									}, null, 8, ["model-value"])]),
+									_: 1
+								}, 8, ["label", "error"]), S("div", xe, [y(a, {
+									color: "neutral",
+									variant: "outline",
+									size: "xs",
+									label: d(o)("media-picker.replace"),
+									onClick: i[8] ||= (e) => J("social")
+								}, null, 8, ["label"]), y(a, {
+									color: "neutral",
+									variant: "ghost",
+									size: "xs",
+									label: d(f).actions.remove,
+									onClick: i[9] ||= (e) => d(T).setSetting("socialImage", void 0)
+								}, null, 8, ["label"])])])])) : (x(), l(a, {
+									key: 1,
+									class: "mt-2",
+									color: "neutral",
+									variant: "outline",
+									icon: "i-lucide-image-plus",
+									label: d(o)("seo-image-field.choose-image"),
+									onClick: i[10] ||= (e) => J("social")
+								}, null, 8, ["label"]))])
+							]), S("div", Se, [
+								S("div", Ce, [P.value?.socialImage ? (x(), g("img", {
+									key: 0,
+									src: P.value?.socialImage ? d(r)(P.value.socialImage.mediaId) : void 0,
+									alt: P.value?.socialImage?.alt,
+									class: "size-full object-cover"
+								}, null, 8, we)) : (x(), g("div", Te, [y(k, {
+									name: "i-lucide-image",
+									class: "size-7 text-dimmed"
+								})]))]),
+								S("div", Ee, [
+									S("p", De, b(P.value?.canonicalOrigin), 1),
+									S("p", Oe, b(L.value), 1),
+									S("p", ke, b(z.value), 1)
+								]),
+								S("p", Ae, b(d(o)("seo-view.social-preview-appearance-varies-by-platform")), 1)
+							])])]),
+							_: 1
+						}, 8, ["title", "description"]),
+						S("details", je, [S("summary", Me, [y(k, {
+							name: "i-lucide-chevron-right",
+							class: "size-4 group-open:rotate-90"
+						}), u(" " + b(d(o)("seo-view.advanced-search-settings")), 1)]), S("div", Ne, [S("p", Pe, b(d(o)("seo-view.these-changes-affect-every-live-page-youll")), 1), S("div", Fe, [y(R, {
+							"model-value": P.value?.index,
+							label: d(o)("seo-view.allow-this-website-to-appear-in-search"),
+							description: d(o)("seo-view.turn-this-off-to-request-that-every"),
+							"onUpdate:modelValue": i[11] ||= (e) => d(T).setSetting("index", e)
+						}, null, 8, [
+							"model-value",
+							"label",
+							"description"
+						]), y(R, {
+							"model-value": P.value?.follow,
+							label: d(o)("seo-view.allow-search-engines-to-follow-links-on"),
+							description: d(o)("seo-view.individual-pages-can-request-a-more-restrictive"),
+							"onUpdate:modelValue": i[12] ||= (e) => d(T).setSetting("follow", e)
+						}, null, 8, [
+							"model-value",
+							"label",
+							"description"
+						])])])])
+					])) : h("", !0),
+					y(Y, {
+						open: !!d(T).confirmation.value,
+						title: d(o)("seo-view.publish-sitewide-seo-changes"),
+						description: U.value,
+						dismissible: !d(T).publishing.value,
+						close: !d(T).publishing.value && void 0,
+						"onUpdate:open": ze
+					}, {
+						footer: v(() => [S("div", Ie, [y(a, {
+							color: "neutral",
+							variant: "ghost",
+							label: d(f).actions.cancel,
+							onClick: i[13] ||= (e) => d(T).confirmation.value = void 0
+						}, null, 8, ["label"]), y(a, {
+							color: "warning",
+							label: d(o)("seo-view.publish-changes"),
+							loading: d(T).publishing.value,
+							onClick: d(T).confirmPublish
+						}, null, 8, [
+							"label",
+							"loading",
+							"onClick"
+						])])]),
+						_: 1
+					}, 8, [
+						"open",
+						"title",
+						"description",
+						"dismissible",
+						"close"
+					]),
+					y(Y, {
+						open: d(T).leaveRequested.value,
+						title: d(o)("account-view.leave-without-saving"),
+						description: d(o)("seo-view.site-seo-has-changes-that-have-not"),
+						"onUpdate:open": Be
+					}, {
+						footer: v(() => [S("div", Le, [y(a, {
+							color: "neutral",
+							variant: "ghost",
+							label: d(o)("account-view.keep-editing"),
+							onClick: i[14] ||= (e) => d(T).decideLeave(!1)
+						}, null, 8, ["label"]), y(a, {
+							color: "error",
+							variant: "soft",
+							label: d(o)("account-view.leave-page"),
+							onClick: i[15] ||= (e) => d(T).decideLeave(!0)
+						}, null, 8, ["label"])])]),
+						_: 1
+					}, 8, [
+						"open",
+						"title",
+						"description"
+					]),
+					y(re, {
+						kind: "image",
+						"asset-only": "",
+						"allow-upload": "",
+						open: N.value,
+						onCommit: Z,
+						onCancel: i[16] ||= (e) => A.value = void 0
+					}, null, 8, ["open"])
+				]),
+				_: 1
+			}, 8, ["title", "description"]);
+		};
+	}
+}), Q = /* @__PURE__ */ m({
+	__name: "SeoPage",
+	setup(e) {
+		return (e, t) => (x(), l(Z));
+	}
+});
+//#endregion
+export { Q as default };