@templatical/editor 0.39.4 → 0.40.0

package/dist/{cdn/chunks/en-8V-2kDcp.js → en-VE7R7NyL.js}

@@ -130,6 +130,7 @@ var e = {
 		ratio21: "2:1 Ratio",
 		borderRadius: "Border Radius",
 		wrapperEnable: "Add wrapper",
+		wrapperLayoutConflict: "This editor already frames the email. An extra frame on this section isn't supported — preview and export will fail.",
 		stackOnMobile: "Stack on mobile"
 	},
 	linkDialog: {
@@ -620,5 +621,3 @@ var e = {
 };
 //#endregion
 export { e as default };
-
-//# sourceMappingURL=en-8V-2kDcp.js.map

package/dist/{cdn/chunks/es-Cmn1rT3l.js → es-B9OhP8H3.js}

@@ -130,6 +130,7 @@ var e = {
 		ratio21: "Proporción 2:1",
 		borderRadius: "Radio del borde",
 		wrapperEnable: "Añadir contenedor",
+		wrapperLayoutConflict: "Este editor ya enmarca el correo. Un marco extra en esta sección no es compatible — la vista previa y la exportación fallarán.",
 		stackOnMobile: "Apilar en móvil"
 	},
 	linkDialog: {
@@ -620,5 +621,3 @@ var e = {
 };
 //#endregion
 export { e as default };
-
-//# sourceMappingURL=es-Cmn1rT3l.js.map

package/dist/{extensions-DRN-elXT.js → extensions-DDhjuVKy.js}

@@ -1,9 +1,9 @@
 import { A as e, At as t, B as n, E as r, J as i, V as a, Z as o, at as s, c, d as l, jt as u, kt as d, l as f, s as p, u as m, v as h } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
 import { a as g, c as _, s as v } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
-import { F as y, O as b, k as x, o as S } from "./dist-tGkjkX-v.js";
-import { t as C } from "./useI18n-Ds_-druD.js";
-import { a as w, o as T, s as E } from "./LogicTagInsertButton-D8IwH-9Z.js";
-import { t as D } from "./useMergeTag-DXyum3kG.js";
+import { B as y, N as b, P as x, o as S } from "./dist-DbUZvK04.js";
+import { t as C } from "./useI18n-B_CdcBwG.js";
+import { a as w, o as T, s as E } from "./LogicTagInsertButton-BimKobaG.js";
+import { t as D } from "./useMergeTag-BaVFPdlq.js";
 import { Gn as O, H as k, Hn as A, Vn as j, Wn as M, gn as N, m as P, s as F, u as ee, v as te } from "./dist-DerFNpDY.js";
 import { n as ne, t as re } from "./dist-BmsLcnrO.js";
 //#region src/extensions/FontSize.ts

package/dist/{fr-2yDa4zXM.js → fr-wrXhIi00.js}

@@ -131,6 +131,7 @@ var e = {
 		ratio21: "Ratio 2:1",
 		borderRadius: "Rayon de bordure",
 		wrapperEnable: "Ajouter un conteneur",
+		wrapperLayoutConflict: "Cet éditeur encadre déjà l'e-mail. Un cadre supplémentaire sur cette section n'est pas pris en charge — l'aperçu et l'export échoueront.",
 		stackOnMobile: "Empiler sur mobile"
 	},
 	linkDialog: {

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import type { AiConfig } from '@templatical/types';
+import { applyLayout } from '@templatical/types';
 import { BlockDefaults } from '@templatical/types';
 import type { CollaborationConfig } from '@templatical/types';
 import { ColorsConfig } from '@templatical/types';
@@ -6,14 +7,21 @@ import { CommentEventMeta } from '@templatical/types';
 import { CommentsOptions } from '@templatical/types';
 import type { CommentsProvider } from '@templatical/types';
 import { ComputedRef } from 'vue';
+import { createDefaultTemplateContent } from '@templatical/types';
 import { createLocalStorageMediaProvider } from '@templatical/core';
 import { createLocalStorageSavedBlocksProvider } from '@templatical/core';
+import { createParagraphBlock } from '@templatical/types';
+import { createSlotBlock } from '@templatical/types';
+import { createWrapperBlock } from '@templatical/types';
 import type { CustomBlock } from '@templatical/types';
 import { CustomBlockDefinition } from '@templatical/types';
 import { CustomFont } from '@templatical/types';
 import { DisplayConditionsConfig } from '@templatical/types';
 import type { EditorUser } from '@templatical/types';
 import { FontsConfig } from '@templatical/types';
+import { isSlot } from '@templatical/types';
+import { isWrapper } from '@templatical/types';
+import { layoutWrapsSlot } from '@templatical/types';
 import { LintOptions } from '@templatical/quality';
 import { LocalStorageMediaProviderOptions } from '@templatical/core';
 import { LocalStorageSavedBlocksOptions } from '@templatical/core';
@@ -49,10 +57,13 @@ import { TestEmailPayload } from '@templatical/types';
 import { TestEmailProvider } from '@templatical/types';
 import { ThemeOverrides } from '@templatical/types';
 import { UiTheme } from '@templatical/types';
+import { validateLayout } from '@templatical/types';
 import { VersionHistoryOptions } from '@templatical/types';
 import type { VersionHistoryProvider } from '@templatical/types';
 import { ViewportSize } from '@templatical/types';
 
+export { applyLayout }
+
 export { BlockDefaults }
 
 export { ColorsConfig }
@@ -61,10 +72,18 @@ export { CommentEventMeta }
 
 export { CommentsOptions }
 
+export { createDefaultTemplateContent }
+
 export { createLocalStorageMediaProvider }
 
 export { createLocalStorageSavedBlocksProvider }
 
+export { createParagraphBlock }
+
+export { createSlotBlock }
+
+export { createWrapperBlock }
+
 export { CustomBlockDefinition }
 
 export { CustomFont }
@@ -348,6 +367,12 @@ export declare function isCloudLocaleSupported(locale: string): boolean;
 /** Check if a locale has OSS translations (matched by exact locale, then base). */
 export declare function isLocaleSupported(locale: string): boolean;
 
+export { isSlot }
+
+export { isWrapper }
+
+export { layoutWrapsSlot }
+
 export { LocalStorageMediaProviderOptions }
 
 export { LocalStorageSavedBlocksOptions }
@@ -429,6 +454,19 @@ export declare type TemplaticalCloudEditor = TemplaticalEditor;
 export declare interface TemplaticalCloudEditorConfig {
     container: string | HTMLElement;
     content?: TemplateContent;
+    /**
+     * Embedder-owned email shell, applied as an overlay at preview and at
+     * `toMjml()` / `toHtml()`. Never written into `getContent()`. See `layout`
+     * on the OSS editor config for details.
+     *
+     * A layout guide will land in the published docs.
+     */
+    layout?: TemplateContent;
+    /**
+     * Whether the section toolbar offers Add wrapper. Defaults to on
+     * (`!== false`). See `sectionWrapper` on the OSS editor config.
+     */
+    sectionWrapper?: boolean;
     /**
      * Mount the editor inside a Shadow DOM (open mode) for CSS isolation
      * from the host page. Defaults to `true` — host stylesheets cannot
@@ -795,6 +833,31 @@ export declare interface TemplaticalEditorConfig {
      */
     container: string | HTMLElement;
     content?: TemplateContent;
+    /**
+     * Embedder-owned email shell, applied as an overlay at preview and at
+     * `toMjml()` / `toHtml()`. Never written into `getContent()`, save, history,
+     * or the editing canvas.
+     *
+     * A Templatical JSON document with exactly one `slot` — top-level (header /
+     * footer / mat) or inside a layout `wrapper` (the card around author
+     * sections). Build it with `createSlotBlock()` / `createWrapperBlock()`.
+     *
+     * See the [Layout](https://docs.templatical.com/guide/layout) guide.
+     */
+    layout?: TemplateContent;
+    /**
+     * Whether the section toolbar offers Add wrapper. Defaults to on
+     * (`!== false`). Set `false` to hide the control, including where a
+     * wrapper is legal (sibling-slot layout, or no layout).
+     *
+     * Presentation only: hiding never strips `section.wrapper` from content
+     * and does not refuse `updateBlock`. A section that already has a wrapper
+     * still shows the panel so it can be turned off.
+     *
+     * Independent of {@link layout}. A sibling-slot layout still wants the
+     * control; hiding is this flag, not inferred from a layout being set.
+     */
+    sectionWrapper?: boolean;
     /**
      * Mount the editor inside a Shadow DOM (open mode) for CSS isolation
      * from the host page. Defaults to `true` — host stylesheets cannot
@@ -1321,6 +1384,8 @@ export declare interface UseFontsReturn {
     getDefaultFont: () => string;
 }
 
+export { validateLayout }
+
 export { VersionHistoryOptions }
 
 export { ViewportSize }

package/dist/keys-CDqfZIRt.js

@@ -0,0 +1,10 @@
+import { $ as e, S as t } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
+//#region src/keys.ts
+var n = Symbol("translations"), r = Symbol("editor"), i = Symbol("history"), a = Symbol("blockActions"), o = Symbol("conditionPreview"), s = Symbol("appliesConditionFilter"), c = Symbol("fontsManager"), l = Symbol("themeStyles"), u = Symbol("tplUiTheme"), d = Symbol("tplUiLocale"), f = Symbol("blockDefaults"), p = Symbol("blockRegistry"), m = Symbol("customBlockDefinitions"), h = Symbol("paletteBlocks"), g = Symbol("htmlBlockPreview"), _ = Symbol("layout"), v = Symbol("sectionWrapper"), y = Symbol("colors"), b = Symbol("templateSettingsFields"), x = Symbol("customBlockStylesheets"), S = Symbol("mergeTags"), C = e([]), w = Symbol("mergeTagSyntax"), T = Symbol("onRequestMergeTag"), E = Symbol("mergeTagAutocomplete"), D = Symbol("mergeTagShowRawValue"), ee = Symbol("mergeTagSampleMode"), O = Symbol("useMergeTagSamples"), k = Symbol("resolvePreview"), A = Symbol("previewResolution"), j = Symbol("mergeTagPicker"), M = Symbol("mergeTagRequesting"), N = Symbol("logicTagRequesting"), P = Symbol("logicTags"), F = Symbol("logicPairs"), I = Symbol("logicPicker"), L = Symbol("onRequestLogic"), R = Symbol("onRequestMedia"), z = Symbol("canDropMedia"), B = Symbol("imageUrlResolver"), V = Symbol("displayConditions"), H = Symbol("allowCustomConditions"), U = Symbol("capabilities"), W = Symbol("keyboardReorder"), G = Symbol("templateLint"), K = Symbol("editorRoot"), q = Symbol("popoverRoot"), J = Symbol("savedBlocks"), Y = Symbol("authManager"), X = Symbol("aiConfig"), Z = Symbol("scoring"), Q = Symbol("cloudTranslations");
+function $(e, n) {
+	let r = t(e, null);
+	if (r == null) throw Error(`${n} requires a provider for ${e.description ?? "unknown key"}. Ensure it renders inside the editor, below Editor.vue.`);
+	return r;
+}
+//#endregion
+export { $, j as A, q as B, _ as C, N as D, I as E, C as F, v as G, k as H, L as I, l as J, G as K, R as L, ee as M, D as N, S as O, w as P, O as Q, T as R, W as S, P as T, J as U, A as V, Z as W, d as X, n as Y, u as Z, K as _, a, g as b, z as c, y as d, o as f, r as g, V as h, Y as i, M as j, E as k, U as l, x as m, H as n, f as o, m as p, b as q, s as r, p as s, X as t, Q as u, c as v, F as w, B as x, i as y, h as z };

package/dist/{cdn/chunks/nl-Bzk2zRI8.js → nl-DeFatKJe.js}

@@ -131,6 +131,7 @@ var e = {
 		ratio21: "Verhouding 2:1",
 		borderRadius: "Hoekafronding",
 		wrapperEnable: "Omhulsel toevoegen",
+		wrapperLayoutConflict: "Deze editor kadert de e-mail al in. Een extra kader op deze sectie wordt niet ondersteund — voorbeeld en export zullen mislukken.",
 		stackOnMobile: "Stapelen op mobiel"
 	},
 	linkDialog: {
@@ -620,5 +621,3 @@ var e = {
 };
 //#endregion
 export { e as default };
-
-//# sourceMappingURL=nl-Bzk2zRI8.js.map

package/dist/preRenderCustomBlocks-BBSqQgke.js

@@ -0,0 +1,19 @@
+import { G as e, U as t, z as n } from "./dist-DbUZvK04.js";
+//#region src/utils/preRenderCustomBlocks.ts
+async function r(r, i) {
+	let a = async (r) => {
+		if (n(r)) {
+			let e = r;
+			try {
+				e.renderedHtml = await i.renderCustomBlock(e);
+			} catch {
+				e.renderedHtml = `<!-- Custom block render error: ${e.customType} -->`;
+			}
+		}
+		if (t(r)) for (let e of r.children) for (let t of e) await a(t);
+		else if (e(r)) for (let e of r.children) await a(e);
+	};
+	for (let e of r.blocks) await a(e);
+}
+//#endregion
+export { r as t };

package/dist/{pt-BR-DqtSCTUi.js → pt-BR-Bh1J8ey6.js}

@@ -130,6 +130,7 @@ var e = {
 		ratio21: "Proporção 2:1",
 		borderRadius: "Arredondamento das Bordas",
 		wrapperEnable: "Adicionar wrapper",
+		wrapperLayoutConflict: "Este editor já emoldura o e-mail. Um quadro extra nesta seção não é suportado — a visualização e a exportação falharão.",
 		stackOnMobile: "Empilhar no celular"
 	},
 	linkDialog: {