@templatical/editor 0.11.0 → 0.12.0

package/dist/{extensions-B2lSGCA8.js → extensions-XPlNAKIL.js}

@@ -1,9 +1,9 @@
-import { A as e, B as t, E as n, M as r, S as i, X as a, a as o, at as s, b as c, c as l, d as u, f as d, h as f, l as p, m, n as h, ot as g, p as _, rt as v, s as y, st as b, z as x } from "./vue.runtime.esm-bundler-mPytWZFh.js";
-import { C as S, D as C, n as w, w as T } from "./dist-D6L_WdRL.js";
-import { t as ee } from "./useI18n-DNspT6uw.js";
-import { t as E } from "./useMergeTag-abutjUud.js";
-import { F as D, Sn as O, i as k, o as A, p as j, qt as M, u as te, vn as ne, xn as re, yn as ie } from "./dist-Dem8ODLh.js";
-import { n as ae, t as oe } from "./dist-c2sj5PQ5.js";
+import { A as e, B as t, E as n, M as r, S as i, X as a, a as o, at as s, b as c, c as l, d as u, f as d, h as f, l as p, m, n as h, ot as g, p as _, rt as v, s as y, st as b, z as x } from "./vue.runtime.esm-bundler-B2k01iQh.js";
+import { O as S, T as C, r as w, w as T } from "./dist-BctFrpeA.js";
+import { t as ee } from "./useI18n-CTs_bP9d.js";
+import { t as E } from "./useMergeTag-e3RSY-s3.js";
+import { F as D, Sn as O, i as k, o as A, p as j, qt as M, u as te, vn as ne, xn as re, yn as ie } from "./dist-DhKTdU52.js";
+import { n as ae, t as oe } from "./dist-D6x1cQeh.js";
 //#region src/extensions/FontSize.ts
 var se = k.create({
 	name: "fontSize",
@@ -85,9 +85,9 @@ var se = k.create({
 		updateAttributes: { type: Function }
 	},
 	setup(r) {
-		let i = r, { syntax: c } = E(), { t: p } = ee(), h = u(() => C(i.node.attrs.value, c)), w = u(() => S(i.node.attrs.value, c)), T = a(!1), D = a(""), O = a(null), k = !1;
+		let i = r, { syntax: c } = E(), { t: p } = ee(), h = u(() => S(i.node.attrs.value, c)), C = u(() => T(i.node.attrs.value, c)), w = a(!1), D = a(""), O = a(null), k = !1;
 		function A() {
-			D.value = i.node.attrs.value, k = !1, T.value = !0, n(() => {
+			D.value = i.node.attrs.value, k = !1, w.value = !0, n(() => {
 				O.value?.focus(), O.value?.select();
 			});
 		}
@@ -96,16 +96,16 @@ var se = k.create({
 			k = !0;
 			let e = D.value.trim();
 			if (!e) {
-				T.value = !1;
+				w.value = !1;
 				return;
 			}
 			e !== i.node.attrs.value && i.updateAttributes({
 				value: e,
-				keyword: C(e, c) ? S(e, c) : ""
-			}), T.value = !1;
+				keyword: S(e, c) ? T(e, c) : ""
+			}), w.value = !1;
 		}
 		function M(e) {
-			e.key === "Enter" ? (e.preventDefault(), j()) : e.key === "Escape" && (T.value = !1);
+			e.key === "Enter" ? (e.preventDefault(), j()) : e.key === "Escape" && (w.value = !1);
 		}
 		return (n, i) => (e(), _(v(oe), {
 			as: "span",
@@ -113,7 +113,7 @@ var se = k.create({
 			style: g(h.value ? "background-color: transparent; border: 1.5px solid color-mix(in srgb, var(--tpl-primary) 50%, transparent); color: var(--tpl-primary);" : ""),
 			contenteditable: "false"
 		}, {
-			default: x(() => [T.value ? t((e(), f("input", {
+			default: x(() => [w.value ? t((e(), f("input", {
 				key: 0,
 				ref_key: "inputRef",
 				ref: O,
@@ -131,7 +131,7 @@ var se = k.create({
 				"data-tooltip": r.node.attrs.value,
 				onClick: l(A, ["stop"]),
 				onKeydown: [y(l(A, ["stop"]), ["enter"]), y(l(A, ["prevent", "stop"]), ["space"])]
-			}, b(w.value), 41, ue)) : (e(), f("span", {
+			}, b(C.value), 41, ue)) : (e(), f("span", {
 				key: 2,
 				role: "button",
 				tabindex: "0",
@@ -205,12 +205,12 @@ var he = te.create({
 		return [{ tag: "span[data-logic-merge-tag]" }];
 	},
 	renderHTML({ node: e, HTMLAttributes: t }) {
-		if (!C(e.attrs.value, this.options.syntax)) return [
+		if (!S(e.attrs.value, this.options.syntax)) return [
 			"span",
 			{},
 			e.attrs.value
 		];
-		let n = S(e.attrs.value, this.options.syntax);
+		let n = T(e.attrs.value, this.options.syntax);
 		return [
 			"span",
 			M(t, {
@@ -234,8 +234,8 @@ var he = te.create({
 			find: RegExp(this.options.syntax.logic.source + "$", ""),
 			handler: ({ state: e, range: t, match: n }) => {
 				let r = n[0];
-				if (!C(r, this.options.syntax)) return;
-				let i = S(r, this.options.syntax), a = this.type.create({
+				if (!S(r, this.options.syntax)) return;
+				let i = T(r, this.options.syntax), a = this.type.create({
 					value: r,
 					keyword: i
 				});
@@ -248,8 +248,8 @@ var he = te.create({
 			find: new RegExp(this.options.syntax.logic.source, "g"),
 			handler: ({ state: e, range: t, match: n }) => {
 				let r = n[0];
-				if (!C(r, this.options.syntax)) return;
-				let i = S(r, this.options.syntax), a = this.type.create({
+				if (!S(r, this.options.syntax)) return;
+				let i = T(r, this.options.syntax), a = this.type.create({
 					value: r,
 					keyword: i
 				});
@@ -364,7 +364,7 @@ var he = te.create({
 		return [{ tag: "span[data-merge-tag]" }];
 	},
 	renderHTML({ node: e, HTMLAttributes: t }) {
-		let n = T(e.attrs.value, this.options.mergeTags);
+		let n = C(e.attrs.value, this.options.mergeTags);
 		return [
 			"span",
 			M(t, {
@@ -396,7 +396,7 @@ var he = te.create({
 		return [new A({
 			find: RegExp(this.options.syntax.value.source + "$", ""),
 			handler: ({ state: e, range: t, match: n }) => {
-				let r = n[0], i = T(r, this.options.mergeTags), a = this.type.create({
+				let r = n[0], i = C(r, this.options.mergeTags), a = this.type.create({
 					label: i,
 					value: r
 				});
@@ -408,7 +408,7 @@ var he = te.create({
 		return [new j({
 			find: new RegExp(this.options.syntax.value.source, "g"),
 			handler: ({ state: e, range: t, match: n }) => {
-				let r = n[0], i = T(r, this.options.mergeTags), a = this.type.create({
+				let r = n[0], i = C(r, this.options.mergeTags), a = this.type.create({
 					label: i,
 					value: r
 				});

package/dist/formatRelativeTime-CtUU-QZ8.js

@@ -0,0 +1,10 @@
+function e(e, t, n, r) {
+	let i = new Date(e).getTime();
+	if (Number.isNaN(i)) return null;
+	let a = Date.now() - i;
+	if (a < -6e4) return null;
+	let o = Math.floor(a / 6e4), s = Math.floor(a / 36e5), c = Math.floor(a / 864e5);
+	return o < 1 ? t.justNow : o < 60 ? n ? n(t.minutesAgo, { minutes: o }) : t.minutesAgo.replace("{minutes}", String(o)) : s < 24 ? n ? n(t.hoursAgo, { hours: s }) : t.hoursAgo.replace("{hours}", String(s)) : r !== void 0 && c >= r ? null : n ? n(t.daysAgo, { days: c }) : t.daysAgo.replace("{days}", String(c));
+}
+//#endregion
+export { e as t };

package/dist/{image-up-1xrPPJYH.js → image-up-BFPbw_Zq.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-C_fetdGM.js";
+import { t as e } from "./createLucideIcon-CmPAC-gt.js";
 var t = e("image-up", [
 	["path", {
 		d: "M10.3 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10l-3.1-3.1a2 2 0 0 0-2.814.014L6 21",

package/dist/index.d.ts

@@ -147,6 +147,22 @@ export declare interface TemplaticalCloudEditorConfig {
      * Cloud white-label plans hide the footer regardless of this setting.
      */
     branding?: boolean;
+    /**
+     * Show a "use a larger screen" notice instead of the editor chrome on
+     * viewports narrower than ~768px. Defaults to `true`.
+     *
+     * The drag-and-drop editor is a desktop-class tool — the block palette,
+     * canvas, and properties panel can't lay out usably on a phone, and touch
+     * dragging is impractical. Rather than render a broken, cramped layout, the
+     * editor shows a clear message below the breakpoint.
+     *
+     * Set to `false` if you handle small screens yourself (e.g. you embed the
+     * editor in a deliberately narrow desktop pane). The check is viewport-based,
+     * so it targets actual small devices, not narrow containers on a wide screen.
+     *
+     * @default true
+     */
+    smallScreenNotice?: boolean;
     ai?: AiConfig | false;
     commenting?: boolean;
     collaboration?: CollaborationConfig;
@@ -280,6 +296,22 @@ export declare interface TemplaticalEditorConfig {
      * Set to `false` to hide the footer (no attribution required by the license).
      */
     branding?: boolean;
+    /**
+     * Show a "use a larger screen" notice instead of the editor chrome on
+     * viewports narrower than ~768px. Defaults to `true`.
+     *
+     * The drag-and-drop editor is a desktop-class tool — the block palette,
+     * canvas, and properties panel can't lay out usably on a phone, and touch
+     * dragging is impractical. Rather than render a broken, cramped layout, the
+     * editor shows a clear message below the breakpoint.
+     *
+     * Set to `false` if you handle small screens yourself (e.g. you embed the
+     * editor in a deliberately narrow desktop pane). The check is viewport-based,
+     * so it targets actual small devices, not narrow containers on a wide screen.
+     *
+     * @default true
+     */
+    smallScreenNotice?: boolean;
     /**
      * Template linter (`@templatical/quality`) configuration. Runs every
      * linter exported by the package (accessibility + structure).

package/dist/{info-ByAFxArD.js → info-B_qLEBN2.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-C_fetdGM.js";
+import { t as e } from "./createLucideIcon-CmPAC-gt.js";
 var t = e("info", [
 	["circle", {
 		cx: "12",

package/dist/{keys-DsRdOmg3.js → keys-mFiJ5N0_.js}

@@ -1,4 +1,4 @@
-import { w as e } from "./vue.runtime.esm-bundler-mPytWZFh.js";
+import { w as e } from "./vue.runtime.esm-bundler-B2k01iQh.js";
 //#region src/keys.ts
 var t = Symbol("translations"), n = Symbol("editor"), r = Symbol("history"), i = Symbol("blockActions"), a = Symbol("conditionPreview"), o = Symbol("fontsManager"), s = Symbol("themeStyles"), c = Symbol("tplUiTheme"), l = Symbol("blockDefaults"), u = Symbol("blockRegistry"), d = Symbol("customBlockDefinitions"), f = Symbol("paletteBlocks"), p = Symbol("customBlockStylesheets"), m = Symbol("mergeTags"), h = Symbol("mergeTagSyntax"), g = Symbol("onRequestMergeTag"), _ = Symbol("mergeTagAutocomplete"), v = Symbol("mergeTagPicker"), y = Symbol("onRequestMedia"), b = Symbol("displayConditions"), x = Symbol("allowCustomConditions"), S = Symbol("capabilities"), C = Symbol("keyboardReorder"), w = Symbol("templateLint"), T = Symbol("editorRoot"), E = Symbol("popoverRoot"), D = Symbol("authManager"), O = Symbol("aiConfig"), k = Symbol("comments"), A = Symbol("savedModulesHeadless"), j = Symbol("scoring"), M = Symbol("cloudTranslations");
 function N(t, n) {