@templatical/editor 0.27.6 → 0.28.0

package/dist/cdn/chunks/{useAliveFlag-Dtm174fG.js → useAliveFlag-C1pwLtPO.js}

@@ -1,4 +1,4 @@
-import { A as e } from "./draggable-BfpsXFg7.js";
+import { A as e } from "./draggable-BLMjz0GK.js";
 //#region src/composables/useAliveFlag.ts
 function t() {
 	let t = { alive: !0 };
@@ -9,4 +9,4 @@ function t() {
 //#endregion
 export { t };
 
-//# sourceMappingURL=useAliveFlag-Dtm174fG.js.map
+//# sourceMappingURL=useAliveFlag-C1pwLtPO.js.map

package/dist/cdn/chunks/{useAliveFlag-Dtm174fG.js.map → useAliveFlag-C1pwLtPO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useAliveFlag-Dtm174fG.js","names":[],"sources":["../../../src/composables/useAliveFlag.ts"],"sourcesContent":["import { onBeforeUnmount } from \"vue\";\n\nexport interface AliveFlag {\n  readonly alive: boolean;\n}\n\n/**\n * Returns a flag that flips to false on component unmount.\n * Use to guard post-`await` side effects that touch external state.\n *\n * ```ts\n * const aliveFlag = useAliveFlag();\n * async function load() {\n *   const data = await fetch();\n *   if (!aliveFlag.alive) return;\n *   applyData(data);\n * }\n * ```\n */\nexport function useAliveFlag(): AliveFlag {\n  const flag = { alive: true };\n  onBeforeUnmount(() => {\n    flag.alive = false;\n  });\n  return flag;\n}\n"],"mappings":";;AAmBA,SAAgB,IAA0B;CACxC,IAAM,IAAO,EAAE,OAAO,GAAK;CAI3B,OAHA,QAAsB;EACpB,EAAK,QAAQ;CACf,CAAC,GACM;AACT"}
+{"version":3,"file":"useAliveFlag-C1pwLtPO.js","names":[],"sources":["../../../src/composables/useAliveFlag.ts"],"sourcesContent":["import { onBeforeUnmount } from \"vue\";\n\nexport interface AliveFlag {\n  readonly alive: boolean;\n}\n\n/**\n * Returns a flag that flips to false on component unmount.\n * Use to guard post-`await` side effects that touch external state.\n *\n * ```ts\n * const aliveFlag = useAliveFlag();\n * async function load() {\n *   const data = await fetch();\n *   if (!aliveFlag.alive) return;\n *   applyData(data);\n * }\n * ```\n */\nexport function useAliveFlag(): AliveFlag {\n  const flag = { alive: true };\n  onBeforeUnmount(() => {\n    flag.alive = false;\n  });\n  return flag;\n}\n"],"mappings":";;AAmBA,SAAgB,IAA0B;CACxC,IAAM,IAAO,EAAE,OAAO,GAAK;CAI3B,OAHA,QAAsB;EACpB,EAAK,QAAQ;CACf,CAAC,GACM;AACT"}

package/dist/cdn/chunks/{useCloudI18n-Ch-SiRjU.js → useCloudI18n-D4gzxtqF.js}

@@ -1,5 +1,5 @@
-import { E as e, q as t } from "./draggable-BfpsXFg7.js";
-import { l as n } from "./keys-oJdkdtPn.js";
+import { E as e, q as t } from "./draggable-BLMjz0GK.js";
+import { l as n } from "./keys-D7OpfE2s.js";
 //#region src/composables/useCloudI18n.ts
 function r(e, t) {
 	return e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : `{${n}}`);
@@ -22,4 +22,4 @@ function a(e) {
 //#endregion
 export { a as n, i as t };
 
-//# sourceMappingURL=useCloudI18n-Ch-SiRjU.js.map
+//# sourceMappingURL=useCloudI18n-D4gzxtqF.js.map

package/dist/cdn/chunks/{useCloudI18n-Ch-SiRjU.js.map → useCloudI18n-D4gzxtqF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useCloudI18n-Ch-SiRjU.js","names":[],"sources":["../../../src/composables/useCloudI18n.ts"],"sourcesContent":["import type { CloudTranslations } from \"../i18n\";\nimport { type Ref, inject, isRef } from \"vue\";\nimport { CLOUD_TRANSLATIONS_KEY } from \"../keys\";\n\nexport interface UseCloudI18nReturn {\n  /** Cloud translations, or null when running in OSS mode (no cloud chunk loaded). */\n  t: CloudTranslations | null;\n  /** Format a string with placeholders. */\n  format: (template: string, values: Record<string, string | number>) => string;\n}\n\nexport interface UseCloudI18nStrictReturn {\n  t: CloudTranslations;\n  format: (template: string, values: Record<string, string | number>) => string;\n}\n\nfunction format(\n  template: string,\n  values: Record<string, string | number>,\n): string {\n  return template.replace(/\\{(\\w+)\\}/g, (_, key) => {\n    return key in values ? String(values[key]) : `{${key}}`;\n  });\n}\n\n/**\n * Composable for cloud-only translations.\n * Returns `t: null` when no cloud chunk is provided (OSS mode), so shared\n * components can guard with `v-if=\"cloudT\"` and render the cloud branch only\n * when both the cloud capability and its translations are available.\n *\n * For cloud-only components that always have cloud translations available,\n * use `useCloudI18nStrict()` to get a non-null type.\n */\nexport function useCloudI18n(\n  translationsOverride?: CloudTranslations,\n): UseCloudI18nReturn {\n  const injected =\n    translationsOverride ??\n    (inject(CLOUD_TRANSLATIONS_KEY, null) as\n      CloudTranslations | Ref<CloudTranslations> | null);\n\n  const t: CloudTranslations | null = injected\n    ? isRef(injected)\n      ? injected.value\n      : injected\n    : null;\n\n  return { t, format };\n}\n\n/**\n * Strict variant of `useCloudI18n()` for cloud-only components.\n * Throws if cloud translations were not provided.\n */\nexport function useCloudI18nStrict(\n  translationsOverride?: CloudTranslations,\n): UseCloudI18nStrictReturn {\n  const { t, format: f } = useCloudI18n(translationsOverride);\n  if (!t) {\n    throw new Error(\n      \"useCloudI18nStrict() requires a cloud translations provider. Ensure the component renders inside an editor mounted with initCloud().\",\n    );\n  }\n  return { t, format: f };\n}\n"],"mappings":";;;AAgBA,SAAS,EACP,GACA,GACQ;CACR,OAAO,EAAS,QAAQ,eAAe,GAAG,MACjC,KAAO,IAAS,OAAO,EAAO,EAAI,IAAI,IAAI,EAAI,EACtD;AACH;AAWA,SAAgB,EACd,GACoB;CACpB,IAAM,IACJ,KACC,EAAO,GAAwB,IAAI;CAStC,OAAO;EAAE,GAN2B,IAChC,EAAM,CAAQ,IACZ,EAAS,QACT,IACF;EAEQ;CAAO;AACrB;AAMA,SAAgB,EACd,GAC0B;CAC1B,IAAM,EAAE,GAAG,QAAQ,MAAM,EAAa,CAAoB;CAC1D,IAAI,CAAC,GACH,MAAU,MACR,sIACF;CAEF,OAAO;EAAE;EAAG,QAAQ;CAAE;AACxB"}
+{"version":3,"file":"useCloudI18n-D4gzxtqF.js","names":[],"sources":["../../../src/composables/useCloudI18n.ts"],"sourcesContent":["import type { CloudTranslations } from \"../i18n\";\nimport { type Ref, inject, isRef } from \"vue\";\nimport { CLOUD_TRANSLATIONS_KEY } from \"../keys\";\n\nexport interface UseCloudI18nReturn {\n  /** Cloud translations, or null when running in OSS mode (no cloud chunk loaded). */\n  t: CloudTranslations | null;\n  /** Format a string with placeholders. */\n  format: (template: string, values: Record<string, string | number>) => string;\n}\n\nexport interface UseCloudI18nStrictReturn {\n  t: CloudTranslations;\n  format: (template: string, values: Record<string, string | number>) => string;\n}\n\nfunction format(\n  template: string,\n  values: Record<string, string | number>,\n): string {\n  return template.replace(/\\{(\\w+)\\}/g, (_, key) => {\n    return key in values ? String(values[key]) : `{${key}}`;\n  });\n}\n\n/**\n * Composable for cloud-only translations.\n * Returns `t: null` when no cloud chunk is provided (OSS mode), so shared\n * components can guard with `v-if=\"cloudT\"` and render the cloud branch only\n * when both the cloud capability and its translations are available.\n *\n * For cloud-only components that always have cloud translations available,\n * use `useCloudI18nStrict()` to get a non-null type.\n */\nexport function useCloudI18n(\n  translationsOverride?: CloudTranslations,\n): UseCloudI18nReturn {\n  const injected =\n    translationsOverride ??\n    (inject(CLOUD_TRANSLATIONS_KEY, null) as\n      CloudTranslations | Ref<CloudTranslations> | null);\n\n  const t: CloudTranslations | null = injected\n    ? isRef(injected)\n      ? injected.value\n      : injected\n    : null;\n\n  return { t, format };\n}\n\n/**\n * Strict variant of `useCloudI18n()` for cloud-only components.\n * Throws if cloud translations were not provided.\n */\nexport function useCloudI18nStrict(\n  translationsOverride?: CloudTranslations,\n): UseCloudI18nStrictReturn {\n  const { t, format: f } = useCloudI18n(translationsOverride);\n  if (!t) {\n    throw new Error(\n      \"useCloudI18nStrict() requires a cloud translations provider. Ensure the component renders inside an editor mounted with initCloud().\",\n    );\n  }\n  return { t, format: f };\n}\n"],"mappings":";;;AAgBA,SAAS,EACP,GACA,GACQ;CACR,OAAO,EAAS,QAAQ,eAAe,GAAG,MACjC,KAAO,IAAS,OAAO,EAAO,EAAI,IAAI,IAAI,EAAI,EACtD;AACH;AAWA,SAAgB,EACd,GACoB;CACpB,IAAM,IACJ,KACC,EAAO,GAAwB,IAAI;CAStC,OAAO;EAAE,GAN2B,IAChC,EAAM,CAAQ,IACZ,EAAS,QACT,IACF;EAEQ;CAAO;AACrB;AAMA,SAAgB,EACd,GAC0B;CAC1B,IAAM,EAAE,GAAG,QAAQ,MAAM,EAAa,CAAoB;CAC1D,IAAI,CAAC,GACH,MAAU,MACR,sIACF;CAEF,OAAO;EAAE;EAAG,QAAQ;CAAE;AACxB"}

package/dist/cdn/chunks/{useEditorCore-CwJIw1Uy.js → useEditorCore-2ZVOY0Rh.js}

@@ -1,19 +1,19 @@
-import { A as e, B as t, E as n, F as r, H as i, I as a, K as o, N as s, P as c, Q as l, R as u, S as d, U as f, W as p, X as m, Y as h, Z as g, at as _, b as v, c as y, ct as b, et as x, f as S, g as C, h as w, it as T, j as E, k as D, l as O, lt as k, m as A, ot as j, p as M, q as N, rt as P, s as F, t as I, u as L, ut as R, w as z, x as B, y as V } from "./draggable-BfpsXFg7.js";
+import { A as e, B as t, E as n, F as r, H as i, I as a, K as o, N as s, P as c, Q as l, R as u, S as d, U as f, W as p, X as m, Y as h, Z as g, at as _, b as v, c as y, ct as b, et as x, f as S, g as C, h as w, it as T, j as E, k as D, l as O, lt as k, m as A, ot as j, p as M, q as N, rt as P, s as F, t as I, u as L, ut as R, w as z, x as B, y as V } from "./draggable-BLMjz0GK.js";
 import { A as ee, B as te, C as ne, D as re, E as ie, F as ae, H as oe, I as se, L as H, M as ce, N as le, O as ue, P as de, R as fe, S as pe, T as me, _ as he, a as ge, b as _e, d as ve, et as ye, f as be, g as xe, h as Se, i as U, j as Ce, k as we, l as Te, m as Ee, n as De, o as Oe, p as ke, r as Ae, s as je, t as W, tt as Me, u as Ne, w as Pe, z as Fe } from "./src-B_QJduQD.js";
-import { _ as Ie, h as Le, v as Re, y as ze } from "./dist-CYLJiSiH.js";
-import { a as G, c as Be, i as Ve, r as He } from "./dist-CM8TB0VD.js";
-import { A as Ue, B as We, C as Ge, D as Ke, E as qe, F as Je, H as Ye, I as Xe, M as Ze, N as Qe, O as $e, P as et, S as tt, T as K, U as q, V as nt, W as rt, _ as it, a as at, b as ot, c as st, d as ct, f as lt, g as ut, h as J, j as dt, k as ft, m as pt, n as mt, o as ht, p as gt, r as _t, s as vt, u as yt, v as bt, w as xt, x as St, y as Ct, z as wt } from "./keys-oJdkdtPn.js";
+import { _ as Ie, h as Le, v as Re, y as ze } from "./dist-eKG4m5Wx.js";
+import { a as G, c as Be, i as Ve, r as He } from "./dist-2fOlspdg.js";
+import { A as Ue, B as We, C as Ge, D as Ke, E as qe, F as Je, H as Ye, I as Xe, M as Ze, N as Qe, O as $e, P as et, S as tt, T as K, U as q, V as nt, W as rt, _ as it, a as at, b as ot, c as st, d as ct, f as lt, g as ut, h as J, j as dt, k as ft, m as pt, n as mt, o as ht, p as gt, r as _t, s as vt, u as yt, v as bt, w as xt, x as St, y as Ct, z as wt } from "./keys-D7OpfE2s.js";
 import "./timeouts-DHPZQ0G3.js";
-import { t as Y } from "./useI18n-4sUbTM3Y.js";
+import { t as Y } from "./useI18n-DYb1SgLB.js";
 import { t as X } from "./logger-ByvdoAwq.js";
-import { a as Tt, i as Et, o as Dt, r as Z, t as Ot } from "./usePopoverPosition-C1N2kaiZ.js";
-import { A as kt, Bt as At, Et as jt, H as Mt, Ot as Nt, X as Pt, d as Ft, ft as It, ht as Lt, it as Rt, o as zt, s as Bt, tt as Vt, u as Ht, v as Ut, vt as Wt, wt as Gt, zt as Kt } from "./icons-BrdgOeXm.js";
-import { t as qt } from "./LoadingTrack-Dp_QZvAK.js";
+import { a as Tt, i as Et, o as Dt, r as Z, t as Ot } from "./usePopoverPosition-CJZ6EkS4.js";
+import { A as kt, Bt as At, Et as jt, H as Mt, Ot as Nt, X as Pt, d as Ft, ft as It, ht as Lt, it as Rt, o as zt, s as Bt, tt as Vt, u as Ht, v as Ut, vt as Wt, wt as Gt, zt as Kt } from "./icons-MeYdeH4P.js";
+import { t as qt } from "./LoadingTrack-D_wweXVz.js";
 import { t as Jt } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as Yt } from "./useEditorRoot-Cxnmf5hM.js";
-import "./useCloudI18n-Ch-SiRjU.js";
-import { t as Q } from "./useMergeTag-DxjTEyin.js";
-import { t as Xt } from "./useAliveFlag-Dtm174fG.js";
+import { t as Yt } from "./useEditorRoot-BY-amddA.js";
+import "./useCloudI18n-D4gzxtqF.js";
+import { t as Q } from "./useMergeTag-D-SE_XN8.js";
+import { t as Xt } from "./useAliveFlag-C1pwLtPO.js";
 //#region ../core/src/editor.ts
 function Zt(e) {
 	return e === "1" ? 1 : e === "3" ? 3 : 2;
@@ -2293,6 +2293,7 @@ var Lr = {
 			return {
 				maxWidth: "100%",
 				width: r.block.width === "full" ? "100%" : `${r.block.width}px`,
+				height: r.block.height ? `${r.block.height}px` : void 0,
 				display: "block",
 				marginLeft: e === "center" || e === "right" ? "auto" : void 0,
 				marginRight: e === "center" ? "auto" : void 0
@@ -2508,7 +2509,7 @@ var oi = ["innerHTML"], si = /* @__PURE__ */ d({
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, n = B(() => import("./ParagraphEditor-9GPXDRns.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: c, handleEditorDone: l } = ai(() => t.block.content);
+		let t = e, n = B(() => import("./ParagraphEditor-DPM1hUKo.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: c, handleEditorDone: l } = ai(() => t.block.content);
 		return (t, u) => (s(), C("div", {
 			ref_key: "blockRef",
 			ref: i,
@@ -2586,7 +2587,7 @@ var fi = [
 	},
 	emits: ["select"],
 	setup(e, { emit: t }) {
-		let r = B(() => import("./BlockIssueBadge-DOvq0xJb.js")), i = e, o = t, { t: c, format: u } = Y(), d = n(St, null), f = l(null), p = S(() => d?.liftedBlockId.value === i.block.id), m = S(() => p.value ? u(c.blockActions.dragLifted, { block: i.block.type }) : c.blockActions.drag);
+		let r = B(() => import("./BlockIssueBadge-CH_3vFw4.js")), i = e, o = t, { t: c, format: u } = Y(), d = n(St, null), f = l(null), p = S(() => d?.liftedBlockId.value === i.block.id), m = S(() => p.value ? u(c.blockActions.dragLifted, { block: i.block.type }) : c.blockActions.drag);
 		async function h() {
 			await D(), f.value?.focus();
 		}
@@ -2748,7 +2749,7 @@ var Ei = /* @__PURE__ */ d({
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, n = B(() => import("./TitleEditor-BsGfiDXQ.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: c, handleEditorDone: l } = ai(() => t.block.content), d = S(() => {
+		let t = e, n = B(() => import("./TitleEditor-CLkXt5RZ.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: c, handleEditorDone: l } = ai(() => t.block.content), d = S(() => {
 			let e = {
 				fontSize: `${Me[t.block.level]}px`,
 				textAlign: t.block.textAlign
@@ -3193,11 +3194,12 @@ var $i = ["src", "alt"], ea = {
 			return {
 				maxWidth: "100%",
 				width: t.block.width === "full" ? "100%" : `${t.block.width}px`,
+				height: t.block.height ? `${t.block.height}px` : void 0,
 				display: "block",
 				marginLeft: e === "center" || e === "right" ? "auto" : void 0,
 				marginRight: e === "center" ? "auto" : void 0
 			};
-		}), d = S(() => U(t.block.url, r) ? t.block.url : t.block.thumbnailUrl);
+		}), d = S(() => ({ height: t.block.height ? `${t.block.height}px` : void 0 })), f = S(() => U(t.block.url, r) ? t.block.url : t.block.thumbnailUrl);
 		return (t, r) => (s(), C("div", {
 			class: "tpl:w-full",
 			style: k(l.value)
@@ -3208,8 +3210,9 @@ var $i = ["src", "alt"], ea = {
 		}, [M("img", {
 			class: "tpl:w-full tpl:border-0",
 			src: _(o),
-			alt: e.block.alt
-		}, null, 8, $i), v(Xi)], 4)) : i.value ? (s(), C("div", {
+			alt: e.block.alt,
+			style: k(d.value)
+		}, null, 12, $i), v(Xi)], 4)) : i.value ? (s(), C("div", {
 			key: 1,
 			class: "tpl:relative tpl:!flex tpl:min-h-[150px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-center tpl:bg-[var(--tpl-bg-elevated)]",
 			style: k([{ "border-color": "color-mix(in srgb, var(--tpl-primary) 40%, transparent)" }, u.value])
@@ -3218,7 +3221,7 @@ var $i = ["src", "alt"], ea = {
 			"stroke-width": 1.5,
 			class: "tpl:text-[var(--tpl-primary)]",
 			style: { opacity: "0.5" }
-		}), M("span", ea, [v(Jn, { text: d.value }, null, 8, ["text"])])], 4)) : c.value ? (s(), C(L, { key: 2 }, [e.block.url ? (s(), C("a", {
+		}), M("span", ea, [v(Jn, { text: f.value }, null, 8, ["text"])])], 4)) : c.value ? (s(), C(L, { key: 2 }, [e.block.url ? (s(), C("a", {
 			key: 0,
 			href: e.block.url,
 			target: "_blank",
@@ -3229,16 +3232,18 @@ var $i = ["src", "alt"], ea = {
 		}, [M("img", {
 			class: "tpl:w-full tpl:border-0",
 			src: c.value,
-			alt: e.block.alt
-		}, null, 8, na), v(Xi, { "hover-effect": "" })], 12, ta)) : (s(), C("div", {
+			alt: e.block.alt,
+			style: k(d.value)
+		}, null, 12, na), v(Xi, { "hover-effect": "" })], 12, ta)) : (s(), C("div", {
 			key: 1,
 			class: "tpl:relative tpl:inline-block",
 			style: k(u.value)
 		}, [M("img", {
 			class: "tpl:w-full tpl:border-0",
 			src: c.value,
-			alt: e.block.alt
-		}, null, 8, ra), v(Xi)], 4))], 64)) : (s(), C("div", ia, [v(_(zt), {
+			alt: e.block.alt,
+			style: k(d.value)
+		}, null, 12, ra), v(Xi)], 4))], 64)) : (s(), C("div", ia, [v(_(zt), {
 			size: 40,
 			"stroke-width": 1.5,
 			class: "tpl:text-[var(--tpl-border-light)]"
@@ -3257,7 +3262,7 @@ var $i = ["src", "alt"], ea = {
 	table: Yi,
 	spacer: Ui,
 	html: Pr,
-	countdown: B(() => import("./CountdownBlock-BKrYGRiT.js"))
+	countdown: B(() => import("./CountdownBlock-_7TUBqJS.js"))
 };
 function sa(e) {
 	let { editor: n, config: r, translations: i, fontsManager: a } = e, { t: s, format: u } = Y(i);
@@ -3389,4 +3394,4 @@ function sa(e) {
 //#endregion
 export { kn as A, Qt as B, cr as C, $n as D, tr as E, mn as F, pn as I, dn as L, xn as M, gn as N, Xn as O, hn as P, ln as R, pr as S, nr as T, Pr as _, Bi as a, _r as b, Ei as c, ci as d, li as f, Ir as g, Jr as h, Ui as i, On as j, Un as k, wi as l, Qr as m, aa as n, Ni as o, si as p, Yi as r, Ai as s, sa as t, ui as u, Or as v, sr as w, hr as x, Er as y, on as z };
 
-//# sourceMappingURL=useEditorCore-CwJIw1Uy.js.map
+//# sourceMappingURL=useEditorCore-2ZVOY0Rh.js.map