@oktis-works/admin 0.23.2 → 0.24.0

package/dist/server/chunks/ContentEditor_DPy3I4HM.mjs

@@ -1,690 +0,0 @@
-import { n as useTranslation, r as apiClient } from "./i18n_C-sgJSi1.mjs";
-import { a as MetaBoxesSlot, n as emptyExtensionsState, o as PluginComponentHost, r as loadExtensions } from "./DashboardLayout_D6zphdT0.mjs";
-import { t as FieldRenderer } from "./FieldRenderer_D4dcZjgt.mjs";
-import { t as expandCloneFields } from "./clone_FT3Zf-Bf.mjs";
-import { createComponent, escape, ssr, ssrAttribute, ssrHydrationKey } from "solid-js/web";
-import { For, Show, createMemo, createSignal, onMount } from "solid-js";
-//#region src/lib/sanitize.ts
-/**
-* Sanitizador de HTML em allowlist para pontos de injeção (innerHTML).
-*
-* O admin injeta HTML apenas no conteúdo das abas de ajuda (HelpTabs), que
-* vem do i18n — mas todo innerHTML passa por aqui por defesa em profundidade.
-*
-* Garantias:
-* - Allowlist de tags e atributos (script/style/svg/iframe/form são removidos,
-*   incluindo o conteúdo de tags de texto bruto como <script> e <style>).
-* - Atributos de evento (on*), style e demais fora da allowlist são descartados.
-* - href/src têm o protocolo validado DEPOIS de decodificar entidades e remover
-*   tab/newline — o valor emitido é re-escapado a partir do valor decodificado,
-*   de modo que o que o navegador decodifica é exatamente o que foi validado
-*   (bloqueia `javascript:`, `&#106;avascript:`, `javascript&colon;`, etc).
-* - Texto é escapado (& < >), preservando entidades já válidas.
-* - Tags de fechamento sem âncora são ignoradas: conteúdo malicioso não consegue
-*   "escapar" do container nem desbalancear a árvore (o quebra-cabeça de abas
-*   e widgets continua íntegro).
-*
-* Puro JavaScript, sem APIs de DOM: roda igual no SSR (Node) e no navegador.
-*/
-/** Tags permitidas (conteúdo rico simples: ajuda, títulos, listas, links). */
-var ALLOWED_TAGS = /* @__PURE__ */ new Set([
-	"a",
-	"abbr",
-	"b",
-	"blockquote",
-	"br",
-	"code",
-	"dd",
-	"div",
-	"dl",
-	"dt",
-	"em",
-	"figcaption",
-	"figure",
-	"h1",
-	"h2",
-	"h3",
-	"h4",
-	"h5",
-	"h6",
-	"hr",
-	"i",
-	"img",
-	"li",
-	"ol",
-	"p",
-	"pre",
-	"q",
-	"s",
-	"span",
-	"strong",
-	"sub",
-	"sup",
-	"u",
-	"ul"
-]);
-/** Tags vazias (emitidas com fechamento próprio, nunca empilhadas). */
-var VOID_TAGS = /* @__PURE__ */ new Set([
-	"br",
-	"hr",
-	"img"
-]);
-/**
-* Tags cujo conteúdo é texto bruto no HTML. Ao encontrá-las abertas, todo o
-* miolo é descartado até o fechamento correspondente (senão, o conteúdo do
-* <script> viraria texto visível ou vetor de parse).
-*/
-var RAW_TEXT_TAGS = /* @__PURE__ */ new Set([
-	"script",
-	"style",
-	"iframe",
-	"object",
-	"embed",
-	"svg",
-	"math",
-	"textarea",
-	"title",
-	"noscript",
-	"template"
-]);
-/** Atributos permitidos (globais; validação extra por atributo abaixo). */
-var ALLOWED_ATTRS = /* @__PURE__ */ new Set([
-	"class",
-	"title",
-	"alt",
-	"width",
-	"height",
-	"href",
-	"src",
-	"target",
-	"rel"
-]);
-/** Esquemas aceitos em href (links externos, e-mail, telefone). */
-var HREF_SCHEMES = /* @__PURE__ */ new Set([
-	"http",
-	"https",
-	"mailto",
-	"tel"
-]);
-/** Esquemas aceitos em src (somente rede). */
-var SRC_SCHEMES = /* @__PURE__ */ new Set(["http", "https"]);
-/** Entidades nomeadas relevantes (as que poderiam alterar a validação de URL). */
-var NAMED_ENTITIES = {
-	amp: "&",
-	lt: "<",
-	gt: ">",
-	quot: "\"",
-	apos: "'",
-	colon: ":",
-	tab: "	",
-	newline: "\n",
-	sol: "/",
-	lpar: "(",
-	rpar: ")",
-	num: "#",
-	period: ".",
-	excl: "!",
-	comma: ","
-};
-/** Decodifica referências numéricas e nomeadas (uma passada, como o navegador). */
-function decodeEntities(value) {
-	return value.replace(/&#x([0-9a-fA-F]+);?/g, (_m, hex) => fromCodePoint(parseInt(hex, 16))).replace(/&#(\d+);?/g, (_m, dec) => fromCodePoint(parseInt(dec, 10))).replace(/&([a-zA-Z][a-zA-Z0-9]{1,30});?/g, (m, name) => {
-		return NAMED_ENTITIES[name in NAMED_ENTITIES ? name : name.toLowerCase()] ?? m;
-	});
-}
-function fromCodePoint(cp) {
-	if (!Number.isFinite(cp) || cp < 0 || cp > 1114111) return "";
-	try {
-		return String.fromCodePoint(cp);
-	} catch {
-		return "";
-	}
-}
-/** Escapa valor para uso dentro de atributo entre aspas duplas. */
-function escapeAttr(value) {
-	return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-}
-/**
-* Escapa texto preservando entidades já válidas (evita exibir `&amp;`
-* literalmente quando a tradução usa `&amp;` de propósito).
-*/
-function escapeText(text) {
-	return text.replace(/&(?![a-zA-Z][a-zA-Z0-9]{1,30};|#[0-9]{1,7};|#[xX][0-9a-fA-F]{1,6};)|[<>]/g, (m) => m === "&" ? "&amp;" : m === "<" ? "&lt;" : "&gt;");
-}
-/**
-* Valida URL decodificando entidades e removendo tab/newline (mesmo tratamento
-* do parser de URL do navegador) antes de inspecionar o esquema.
-*/
-function isSafeUrl(raw, allowedSchemes) {
-	const decoded = decodeEntities(raw).replace(/[\t\n\r]/g, "").trim();
-	const scheme = /^([a-zA-Z][a-zA-Z0-9+.-]*):/.exec(decoded);
-	if (!scheme) return true;
-	return allowedSchemes.has(scheme[1].toLowerCase());
-}
-/** Normaliza valor de atributo: decodifica (como o navegador faria) e re-escapa. */
-function normalizeAttrValue(raw) {
-	return escapeAttr(decodeEntities(raw));
-}
-/**
-* Extrai pares nome/valor de uma tag, respeitando aspas (um `>` dentro de
-* aspas não termina a tag) e valores não-aspados do HTML.
-*/
-function parseAttrs(body) {
-	const pairs = [];
-	const n = body.length;
-	let i = 0;
-	const isWs = (c) => c === " " || c === "	" || c === "\n" || c === "\r" || c === "\f";
-	while (i < n) {
-		while (i < n && (isWs(body.charAt(i)) || body.charAt(i) === "/")) i++;
-		if (i >= n) break;
-		let name = "";
-		while (i < n && !isWs(body.charAt(i)) && body.charAt(i) !== "=" && body.charAt(i) !== ">" && body.charAt(i) !== "/" && body.charAt(i) !== "<") {
-			name += body.charAt(i);
-			i++;
-		}
-		if (!name) {
-			i++;
-			continue;
-		}
-		let value = "";
-		let j = i;
-		while (j < n && isWs(body.charAt(j))) j++;
-		if (j < n && body.charAt(j) === "=") {
-			j++;
-			while (j < n && isWs(body.charAt(j))) j++;
-			if (j < n && (body.charAt(j) === "\"" || body.charAt(j) === "'")) {
-				const quote = body.charAt(j);
-				j++;
-				const start = j;
-				while (j < n && body.charAt(j) !== quote) j++;
-				value = body.slice(start, j);
-				j++;
-			} else {
-				const start = j;
-				while (j < n && !isWs(body.charAt(j)) && body.charAt(j) !== ">") j++;
-				value = body.slice(start, j);
-			}
-			i = j;
-		}
-		pairs.push([name.toLowerCase(), value]);
-	}
-	return pairs;
-}
-/** Filtra atributos: allowlist + validação de protocolo; força rel seguro. */
-function filterAttrs(tag, pairs) {
-	const kept = [];
-	const seen = /* @__PURE__ */ new Set();
-	let targetBlank = false;
-	for (const [name, raw] of pairs) {
-		if (!ALLOWED_ATTRS.has(name) || seen.has(name)) continue;
-		if (name === "href" && !isSafeUrl(raw, HREF_SCHEMES)) continue;
-		if (name === "src" && !isSafeUrl(raw, SRC_SCHEMES)) continue;
-		if (name === "target") {
-			if (normalizeAttrValue(raw) !== "_blank") continue;
-			targetBlank = true;
-			continue;
-		}
-		if (name === "rel") continue;
-		seen.add(name);
-		kept.push(`${name}="${normalizeAttrValue(raw)}"`);
-	}
-	if (tag === "a" && targetBlank) {
-		kept.push("target=\"_blank\"");
-		kept.push("rel=\"noopener noreferrer\"");
-	}
-	return kept.length > 0 ? ` ${kept.join(" ")}` : "";
-}
-/**
-* Sanitiza uma string de HTML. Retorna apenas marcação da allowlist.
-* Idempotente e sem dependências de DOM (seguro no SSR e no cliente).
-*/
-function sanitizeHtml(input) {
-	if (typeof input !== "string" || input.length === 0) return "";
-	const lower = input.toLowerCase();
-	const n = input.length;
-	const stack = [];
-	let out = "";
-	let i = 0;
-	while (i < n) {
-		const lt = input.indexOf("<", i);
-		if (lt === -1) {
-			out += escapeText(input.slice(i));
-			break;
-		}
-		if (lt > i) out += escapeText(input.slice(i, lt));
-		if (input.startsWith("<!--", lt)) {
-			const end = input.indexOf("-->", lt + 4);
-			i = end === -1 ? n : end + 3;
-			continue;
-		}
-		if (input.charAt(lt + 1) === "!" || input.charAt(lt + 1) === "?") {
-			const end = input.indexOf(">", lt + 2);
-			i = end === -1 ? n : end + 1;
-			continue;
-		}
-		const tagMatch = /^<(\/?)([a-zA-Z][a-zA-Z0-9]*)(?=[\s/>])/.exec(input.slice(lt, Math.min(lt + 64, n)));
-		if (!tagMatch) {
-			out += "&lt;";
-			i = lt + 1;
-			continue;
-		}
-		const isClosing = tagMatch[1] === "/";
-		const tag = tagMatch[2].toLowerCase();
-		let j = lt + tagMatch[0].length;
-		let quote = "";
-		while (j < n) {
-			const ch = input[j];
-			if (quote) {
-				if (ch === quote) quote = "";
-			} else if (ch === "\"" || ch === "'") quote = ch;
-			else if (ch === ">") break;
-			j++;
-		}
-		if (j >= n) break;
-		const body = input.slice(lt + tagMatch[0].length, j);
-		i = j + 1;
-		if (!isClosing && RAW_TEXT_TAGS.has(tag)) {
-			const closeAt = lower.indexOf(`</${tag}`, i);
-			if (closeAt === -1) break;
-			const closeEnd = input.indexOf(">", closeAt);
-			i = closeEnd === -1 ? n : closeEnd + 1;
-			continue;
-		}
-		if (isClosing) {
-			const anchor = stack.lastIndexOf(tag);
-			if (anchor !== -1) {
-				for (let k = stack.length - 1; k >= anchor; k--) out += `</${stack[k]}>`;
-				stack.length = anchor;
-			}
-			continue;
-		}
-		if (!ALLOWED_TAGS.has(tag)) continue;
-		const attrs = filterAttrs(tag, parseAttrs(body));
-		if (VOID_TAGS.has(tag)) out += `<${tag}${attrs} />`;
-		else {
-			out += `<${tag}${attrs}>`;
-			stack.push(tag);
-		}
-	}
-	for (let k = stack.length - 1; k >= 0; k--) out += `</${stack[k]}>`;
-	return out;
-}
-//#endregion
-//#region src/components/content/ContentEditor.tsx
-var _tmpl$ = [
-	"<div",
-	" class=\"notice notice--success\">",
-	"</div>"
-];
-var _tmpl$2 = [
-	"<input",
-	" class=\"classic-editor__title\" required",
-	">"
-];
-var _tmpl$3 = [
-	"<div",
-	" class=\"classic-editor__toolbar\" role=\"toolbar\"",
-	"><select class=\"input\"",
-	" value><option value>",
-	"</option><option value=\"<h1>\">",
-	"</option><option value=\"<h2>\">",
-	"</option><option value=\"<h3>\">",
-	"</option><option value=\"<h4>\">",
-	"</option><option value=\"<blockquote>\">",
-	"</option><option value=\"<pre>\">",
-	"</option></select><span class=\"classic-editor__toolbar-divider\"></span><button type=\"button\"><strong>",
-	"</strong></button><button type=\"button\"><em>",
-	"</em></button><button type=\"button\"><u>",
-	"</u></button><span class=\"classic-editor__toolbar-divider\"></span><button type=\"button\">",
-	"</button><button type=\"button\">",
-	"</button><button type=\"button\">",
-	"</button></div>"
-];
-var _tmpl$4 = [
-	"<div",
-	" class=\"classic-editor__body\" contenteditable=\"true\" data-classic-editor role=\"textbox\" aria-multiline=\"true\"",
-	">",
-	"</div>"
-];
-var _tmpl$5 = [
-	"<div",
-	" class=\"plugin-editor plugin-editor--below\"",
-	">",
-	"</div>"
-];
-var _tmpl$6 = [
-	"<label",
-	" class=\"classic-editor__excerpt\"><span>",
-	"</span><textarea class=\"input\" rows=\"4\"",
-	"></textarea></label>"
-];
-var _tmpl$7 = [
-	"<section",
-	" class=\"card custom-fields\"><h3>",
-	"</h3><!--$-->",
-	"<!--/--></section>"
-];
-var _tmpl$8 = [
-	"<section",
-	" class=\"card classic-editor__panel\"><h3>",
-	"</h3><input class=\"input\"",
-	"><p class=\"muted\">",
-	"</p></section>"
-];
-var _tmpl$9 = [
-	"<section",
-	" class=\"card classic-editor__panel\"><h3>",
-	"</h3><label><!--$-->",
-	"<!--/--><select class=\"input\"",
-	"><option value>",
-	"</option><!--$-->",
-	"<!--/--></select></label></section>"
-];
-var _tmpl$0 = [
-	"<form",
-	" class=\"content-editor classic-editor\"><!--$-->",
-	"<!--/--><!--$-->",
-	"<!--/--><div class=\"classic-editor__topbar\"><div><span class=\"classic-editor__eyebrow\">",
-	"</span><h2>",
-	"</h2></div><div class=\"classic-editor__actions\"><a class=\"btn btn-secondary\" href=\"",
-	"\">",
-	"</a><button type=\"submit\" class=\"btn btn-primary\"",
-	">",
-	"</button></div></div><div class=\"classic-editor__columns\"><main class=\"classic-editor__main\"><section class=\"card classic-editor__canvas-card\"><!--$-->",
-	"<!--/--><div class=\"classic-editor__permalink\"><span><!--$-->",
-	"<!--/-->:</span><input class=\"input\"",
-	"></div><!--$-->",
-	"<!--/--><!--$-->",
-	"<!--/--><!--$-->",
-	"<!--/--></section><!--$-->",
-	"<!--/--><!--$-->",
-	"<!--/--></main><aside class=\"classic-editor__sidebar\"><section class=\"card classic-editor__panel\"><h3>",
-	"</h3><label><!--$-->",
-	"<!--/--><select class=\"input\"",
-	"><option value=\"DRAFT\">",
-	"</option><option value=\"PUBLISHED\">",
-	"</option><option value=\"ARCHIVED\">",
-	"</option></select></label><button type=\"submit\" class=\"btn btn-primary classic-editor__full-button\"",
-	">",
-	"</button></section><!--$-->",
-	"<!--/--><!--$-->",
-	"<!--/--><!--$-->",
-	"<!--/--></aside></div><!--$-->",
-	"<!--/--></form>"
-];
-var _tmpl$1 = [
-	"<div",
-	" class=\"notice notice--error\">",
-	"</div>"
-];
-var _tmpl$10 = [
-	"<div",
-	" class=\"plugin-editor\"",
-	">",
-	"</div>"
-];
-var _tmpl$11 = [
-	"<option",
-	">",
-	"</option>"
-];
-/**
-* Normalizes content body: parses string (double-encoded) to object.
-* Ensures `content` key exists for classic editor (falls back to `html`).
-*/
-function normalizeBody(value) {
-	if (value !== null && typeof value === "object" && !Array.isArray(value)) {
-		const body = value;
-		if (body["content"] === void 0 && typeof body["html"] === "string") body["content"] = body["html"];
-		return body;
-	}
-	if (typeof value === "string") try {
-		const parsed = JSON.parse(value);
-		if (parsed !== null && typeof parsed === "object" && !Array.isArray(parsed)) {
-			const body = parsed;
-			if (body["content"] === void 0 && typeof body["html"] === "string") body["content"] = body["html"];
-			return body;
-		}
-	} catch {}
-	return {};
-}
-function ContentEditor(props) {
-	const { t } = useTranslation();
-	const [types, setTypes] = createSignal([]);
-	const [groups, setGroups] = createSignal([]);
-	const [themes, setThemes] = createSignal([]);
-	const [data, setData] = createSignal({});
-	const [errors, setErrors] = createSignal([]);
-	const [saving, setSaving] = createSignal(false);
-	const [message, setMessage] = createSignal("");
-	const [extensions, setExtensions] = createSignal(emptyExtensionsState());
-	const [draft, setDraft] = createSignal({
-		type: props.initialType || "post",
-		title: "",
-		status: "DRAFT"
-	});
-	const supports = () => new Set(types().find((type) => type.slug === draft().type)?.supports ?? ["title", "editor"]);
-	const hasSupport = (support) => supports().has(support);
-	const activeEditor = createMemo(() => {
-		const screen = draft().type;
-		return (extensions().editors ?? []).filter((editor) => editor.screens.includes("*") || editor.screens.includes(screen)).sort((a, b) => (a.priority ?? 0) - (b.priority ?? 0))[0] ?? null;
-	});
-	const editorSlotProps = () => ({
-		editorId: activeEditor().id,
-		contentType: draft().type,
-		contentId: draft().id ?? "",
-		body: editorContent(),
-		setBody: (html) => setData({
-			...data(),
-			content: html
-		}),
-		disabled: saving()
-	});
-	const typeListFallback = (available, requested) => requested || available[0]?.slug || "post";
-	const availableLayouts = () => {
-		const layouts = /* @__PURE__ */ new Set();
-		for (const theme of themes()) for (const layout of theme.manifest?.provides?.layouts ?? []) layouts.add(layout);
-		return [...layouts].sort();
-	};
-	const loadGroups = async (context) => {
-		try {
-			const query = typeof context === "string" ? { type: context } : context;
-			const all = await apiClient.getFieldGroups(query.type ? query : void 0);
-			const resolved = await Promise.all(all.filter((group) => group.active).map(async (group) => {
-				return (await apiClient.getFieldGroup(group.id)).fields ?? [];
-			}));
-			setGroups(expandCloneFields(resolved.flat()));
-		} catch (err) {
-			setErrors([err instanceof Error ? err.message : String(err)]);
-		}
-	};
-	onMount(async () => {
-		loadExtensions().then(setExtensions);
-		let typeList = [];
-		try {
-			const [typeCatalog, themeList] = await Promise.all([apiClient.getContentTypes(), apiClient.getThemes().catch(() => [])]);
-			typeList = typeCatalog;
-			setTypes(typeCatalog);
-			setThemes(themeList);
-		} catch (err) {
-			setErrors([err instanceof Error ? err.message : String(err)]);
-		}
-		const editId = new URLSearchParams(window.location.search).get("id");
-		if (editId || props.singleton) try {
-			const existing = editId ? await apiClient.getContentById(editId) : await apiClient.getSingletonContent(draft().type);
-			if (!existing) {
-				await loadGroups({
-					type: draft().type,
-					status: draft().status
-				});
-				return;
-			}
-			const rawRow = existing;
-			setDraft({
-				id: existing.id,
-				type: existing.type,
-				title: existing.title,
-				slug: existing.slug,
-				excerpt: existing.excerpt,
-				featuredImageId: rawRow["featuredImageId"] ?? rawRow["featured_image_id"],
-				status: existing.status,
-				layout: existing.layout
-			});
-			setData(normalizeBody(existing.body));
-		} catch (err) {
-			setErrors([err instanceof Error ? err.message : String(err)]);
-		}
-		else if (!typeList.some((type) => type.slug === draft().type)) setDraft({
-			...draft(),
-			type: typeListFallback(typeList, props.initialType)
-		});
-		await loadGroups({
-			type: draft().type,
-			slug: draft().slug,
-			status: draft().status
-		});
-	});
-	const editorContent = () => {
-		const value = data()["content"];
-		return typeof value === "string" ? value : "";
-	};
-	return ssr(_tmpl$0, ssrHydrationKey(), escape(createComponent(Show, {
-		get when() {
-			return errors().length > 0;
-		},
-		get children() {
-			return createComponent(For, {
-				get each() {
-					return errors();
-				},
-				children: (err) => ssr(_tmpl$1, ssrHydrationKey(), escape(err))
-			});
-		}
-	})), escape(createComponent(Show, {
-		get when() {
-			return message();
-		},
-		get children() {
-			return ssr(_tmpl$, ssrHydrationKey(), escape(message()));
-		}
-	})), escape(types().find((type) => type.slug === draft().type)?.singularLabel || draft().type), draft().id ? escape(t("content.editor.editing")) : escape(t("content.editor.adding")), `/content/${escape(encodeURIComponent(draft().type), true)}`, escape(t("content.editor.backToList")), ssrAttribute("disabled", saving(), true), saving() ? escape(t("content.editor.saving")) : escape(t("content.editor.save")), escape(createComponent(Show, {
-		get when() {
-			return hasSupport("title");
-		},
-		get children() {
-			return ssr(_tmpl$2, ssrHydrationKey(), ssrAttribute("aria-label", escape(t("content.editor.title"), true), false) + ssrAttribute("placeholder", escape(t("content.editor.titlePlaceholder"), true), false) + ssrAttribute("value", escape(draft().title, true), false));
-		}
-	})), escape(t("content.editor.slug")), ssrAttribute("value", escape(draft().slug ?? "", true), false) + ssrAttribute("placeholder", escape(t("content.editor.slugPlaceholder"), true), false), escape(createComponent(Show, {
-		get when() {
-			return hasSupport("editor");
-		},
-		get children() {
-			return createComponent(Show, {
-				get when() {
-					return activeEditor()?.mode !== "replace-body";
-				},
-				get fallback() {
-					return ssr(_tmpl$10, ssrHydrationKey(), ssrAttribute("data-plugin-editor", escape(activeEditor().id, true), false), escape(createComponent(PluginComponentHost, {
-						get componentId() {
-							return activeEditor().componentId;
-						},
-						get extraProps() {
-							return editorSlotProps();
-						}
-					})));
-				},
-				get children() {
-					return [ssr(_tmpl$3, ssrHydrationKey(), ssrAttribute("aria-label", escape(t("content.editor.toolbar"), true), false), ssrAttribute("aria-label", escape(t("content.editor.format"), true), false), escape(t("content.editor.formatParagraph")), escape(t("content.editor.formatH1")), escape(t("content.editor.formatH2")), escape(t("content.editor.formatH3")), escape(t("content.editor.formatH4")), escape(t("content.editor.formatBlockquote")), escape(t("content.editor.formatCode")), escape(t("content.editor.bold")), escape(t("content.editor.italic")), escape(t("content.editor.underline")), escape(t("content.editor.bulletList")), escape(t("content.editor.numberedList")), escape(t("content.editor.link"))), ssr(_tmpl$4, ssrHydrationKey(), ssrAttribute("data-placeholder", escape(t("content.editor.bodyPlaceholder"), true), false), sanitizeHtml(editorContent()))];
-				}
-			});
-		}
-	})), escape(createComponent(Show, {
-		get when() {
-			return activeEditor()?.mode === "below";
-		},
-		get children() {
-			return ssr(_tmpl$5, ssrHydrationKey(), ssrAttribute("data-plugin-editor", escape(activeEditor().id, true), false), escape(createComponent(PluginComponentHost, {
-				get componentId() {
-					return activeEditor().componentId;
-				},
-				get extraProps() {
-					return editorSlotProps();
-				}
-			})));
-		}
-	})), escape(createComponent(Show, {
-		get when() {
-			return hasSupport("excerpt");
-		},
-		get children() {
-			return ssr(_tmpl$6, ssrHydrationKey(), escape(t("content.editor.excerpt")), ssrAttribute("value", escape(draft().excerpt ?? "", true), false));
-		}
-	})), escape(createComponent(Show, {
-		get when() {
-			return groups().length > 0;
-		},
-		get children() {
-			return ssr(_tmpl$7, ssrHydrationKey(), escape(t("content.editor.customFields")), escape(createComponent(For, {
-				get each() {
-					return groups();
-				},
-				children: (field) => createComponent(FieldRenderer, {
-					field,
-					get values() {
-						return data();
-					},
-					onChange: (name, value) => setData({
-						...data(),
-						[name]: value
-					}),
-					t
-				})
-			})));
-		}
-	})), escape(createComponent(MetaBoxesSlot, {
-		get extensions() {
-			return extensions();
-		},
-		get screen() {
-			return draft().type;
-		},
-		context: "normal"
-	})), escape(t("content.editor.publishPanel")), escape(t("content.editor.status")), ssrAttribute("value", escape(draft().status, true), false), escape(t("content.editor.statusOptions.draft")), escape(t("content.editor.statusOptions.published")), escape(t("content.editor.statusOptions.archived")), ssrAttribute("disabled", saving(), true), saving() ? escape(t("content.editor.saving")) : escape(t("content.editor.save")), escape(createComponent(Show, {
-		get when() {
-			return hasSupport("thumbnail");
-		},
-		get children() {
-			return ssr(_tmpl$8, ssrHydrationKey(), escape(t("content.editor.featuredImage")), ssrAttribute("value", escape(draft().featuredImageId ?? "", true), false) + ssrAttribute("placeholder", escape(t("content.editor.mediaIdPlaceholder"), true), false), escape(t("content.editor.featuredImageHint")));
-		}
-	})), escape(createComponent(Show, {
-		get when() {
-			return availableLayouts().length > 0;
-		},
-		get children() {
-			return ssr(_tmpl$9, ssrHydrationKey(), escape(t("content.editor.pageAttributes")), escape(t("content.editor.layout")), ssrAttribute("value", escape(draft().layout ?? "", true), false), escape(t("content.editor.layoutAuto")), escape(createComponent(For, {
-				get each() {
-					return availableLayouts();
-				},
-				children: (layout) => ssr(_tmpl$11, ssrHydrationKey() + ssrAttribute("value", escape(layout, true), false), escape(layout))
-			})));
-		}
-	})), escape(createComponent(MetaBoxesSlot, {
-		get extensions() {
-			return extensions();
-		},
-		get screen() {
-			return draft().type;
-		},
-		context: "side"
-	})), escape(createComponent(MetaBoxesSlot, {
-		get extensions() {
-			return extensions();
-		},
-		get screen() {
-			return draft().type;
-		},
-		context: "advanced"
-	})));
-}
-//#endregion
-export { ContentEditor as t };