@templatical/editor 0.16.0 → 0.16.1

package/dist/templatical-editor.js

@@ -1,9 +1,9 @@
-import { D as e, Dt as t, E as n, Et as r, O as i, Ot as a, R as o, Y as s, _ as c, c as l, d as u, h as d, l as f, m as p, nt as m, u as h, y as g, z as _ } from "./vue.runtime.esm-bundler-l0XAqiyv.js";
-import { c as v, n as y, o as b, t as x } from "./runtime-dom.esm-bundler-BzuoCyNp.js";
-import { r as S } from "./timeouts-Bmi_yePw.js";
-import { P as C, d as w } from "./dist-DoRIUsfz.js";
-import { C as T, b as ee, t as te, z as ne } from "./useEditorCore-AQ0BN1ug.js";
-import { a as re, c as ie, d as ae, f as oe, i as E, l as D, n as O, o as se, p as ce, r as k, s as le, t as ue, u as de } from "./styles-5sGbDIA2.js";
+import { D as e, Dt as t, E as n, Et as r, O as i, Ot as a, R as o, Y as s, _ as c, c as l, d as u, h as d, l as f, m as p, nt as m, u as h, y as g, z as _ } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
+import { c as v, n as y, o as b, t as ee } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
+import { r as x } from "./timeouts-Bmi_yePw.js";
+import { P as S, d as C } from "./dist-DoRIUsfz.js";
+import { B as w, b as te, t as ne, w as T } from "./useEditorCore-CV1ct_17.js";
+import { a as re, c as ie, d as ae, f as oe, i as E, l as D, n as O, o as se, p as ce, r as k, s as le, t as ue, u as de } from "./styles-B-yhoJnH.js";
 import { t as fe } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 //#region src/Editor.vue?vue&type=script&setup=true&lang.ts
 var pe = ["data-tpl-theme"], me = {
@@ -22,12 +22,12 @@ var pe = ["data-tpl-theme"], me = {
 		shadowRoot: {}
 	},
 	setup(c, { expose: g }) {
-		let y = c, S = ne({
+		let y = c, x = w({
 			content: y.config.content,
 			templateDefaults: y.config.templateDefaults
-		}), C = s(null), w = te({
-			editor: S,
-			containerEl: C,
+		}), S = s(null), C = ne({
+			editor: x,
+			containerEl: S,
 			config: {
 				uiTheme: y.config.uiTheme,
 				theme: y.config.theme,
@@ -39,29 +39,29 @@ var pe = ["data-tpl-theme"], me = {
 				displayConditions: y.config.displayConditions,
 				onRequestMedia: y.config.onRequestMedia,
 				lint: oe(y.config),
-				onSave: y.config.onSave ? () => y.config.onSave(JSON.parse(JSON.stringify(S.state.content))) : void 0
+				onSave: y.config.onSave ? () => y.config.onSave(JSON.parse(JSON.stringify(x.state.content))) : void 0
 			},
 			translations: y.translations,
 			fontsManager: y.fontsManager,
-			autoSaveOptions: y.config.onChange ? { onChange: () => y.config.onChange(JSON.parse(JSON.stringify(S.state.content))) } : null,
+			autoSaveOptions: y.config.onChange ? { onChange: () => y.config.onChange(JSON.parse(JSON.stringify(x.state.content))) } : null,
 			editorRoot: y.shadowRoot
-		}), { showNotice: T } = ee(() => y.config.smallScreenNotice);
+		}), { showNotice: T } = te(() => y.config.smallScreenNotice);
 		return n(async () => {
 			await y.fontsManager.loadCustomFonts();
 		}), e(() => {
-			y.fontsManager.cleanupFontLinks(), w.destroy();
+			y.fontsManager.cleanupFontLinks(), C.destroy();
 		}), g({
-			getContent: () => S.content.value,
-			setContent: (e) => S.setContent(e),
-			setTheme: (e) => S.setUiTheme(e),
-			renderCustomBlock: w.registry.renderCustomBlock,
-			getCustomBlockStylesheet: (e) => w.registry.getDefinition(e)?.stylesheet
+			getContent: () => x.content.value,
+			setContent: (e) => x.setContent(e),
+			setTheme: (e) => x.setUiTheme(e),
+			renderCustomBlock: C.registry.renderCustomBlock,
+			getCustomBlockStylesheet: (e) => C.registry.getDefinition(e)?.stylesheet
 		}), (e, n) => (i(), u("div", {
 			ref_key: "rootEl",
-			ref: C,
-			class: r(["tpl tpl:relative tpl:h-full tpl:overflow-hidden", { "tpl:dark": m(S).state.darkMode }]),
-			"data-tpl-theme": m(w).resolvedTheme.value,
-			style: t(m(w).themeStyles.value),
+			ref: S,
+			class: r(["tpl tpl:relative tpl:h-full tpl:overflow-hidden", { "tpl:dark": m(x).state.darkMode }]),
+			"data-tpl-theme": m(C).resolvedTheme.value,
+			style: t(m(C).themeStyles.value),
 			onDragover: n[5] ||= v(() => {}, ["prevent"]),
 			onDrop: n[6] ||= v(() => {}, ["prevent"])
 		}, [
@@ -70,42 +70,42 @@ var pe = ["data-tpl-theme"], me = {
 				n[7] ||= l("div", { class: "tpl:flex tpl:items-center tpl:gap-2.5" }, null, -1),
 				l("div", A, [
 					d(se, {
-						viewport: m(S).state.viewport,
-						onChange: m(S).setViewport
+						viewport: m(x).state.viewport,
+						onChange: m(x).setViewport
 					}, null, 8, ["viewport", "onChange"]),
 					d(E, {
-						"dark-mode": m(S).state.darkMode,
-						onChange: m(S).setDarkMode
+						"dark-mode": m(x).state.darkMode,
+						onChange: m(x).setDarkMode
 					}, null, 8, ["dark-mode", "onChange"]),
 					d(re, {
-						"preview-mode": m(S).state.previewMode,
-						onChange: m(S).setPreviewMode
+						"preview-mode": m(x).state.previewMode,
+						onChange: m(x).setPreviewMode
 					}, null, 8, ["preview-mode", "onChange"])
 				]),
 				n[8] ||= l("div", { class: "tpl:flex tpl:min-w-[200px] tpl:items-center tpl:justify-end tpl:gap-3" }, null, -1)
 			]),
-			_(d(D, null, null, 512), [[b, !m(S).state.previewMode]]),
+			_(d(D, null, null, 512), [[b, !m(x).state.previewMode]]),
 			l("div", {
-				class: r(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto tpl:bg-[var(--tpl-canvas-bg)]", [m(S).state.previewMode ? "tpl:left-0 tpl:right-0" : "tpl:left-12 tpl:right-[320px]", "tpl:top-14"]]),
+				class: r(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto tpl:bg-[var(--tpl-canvas-bg)]", [m(x).state.previewMode ? "tpl:left-0 tpl:right-0" : "tpl:left-12 tpl:right-[320px]", "tpl:top-14"]]),
 				style: { transition: "all 300ms cubic-bezier(0.34, 1.56, 0.64, 1)" }
-			}, [l("div", j, [d(x, { name: "tpl-restore-btn" }, {
-				default: o(() => [m(w).conditionPreview.hasHiddenBlocks.value ? (i(), u("button", {
+			}, [l("div", j, [d(ee, { name: "tpl-restore-btn" }, {
+				default: o(() => [m(C).conditionPreview.hasHiddenBlocks.value ? (i(), u("button", {
 					key: 0,
 					class: "tpl:absolute tpl:left-1/2 tpl:top-2 tpl:-translate-x-1/2 tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-full tpl:border tpl:px-3.5 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:whitespace-nowrap tpl:shadow-md tpl:hover:opacity-80 tpl:bg-[var(--tpl-warning-light)] tpl:text-[var(--tpl-warning)] tpl:border-[var(--tpl-warning)]",
 					style: { "backdrop-filter": "blur(8px)" },
-					onClick: n[0] ||= (e) => m(w).conditionPreview.reset()
+					onClick: n[0] ||= (e) => m(C).conditionPreview.reset()
 				}, [d(m(ce), {
 					size: 13,
 					"stroke-width": 2
-				}), p(" " + a(m(w).t.blockSettings.restoreHiddenBlocks), 1)])) : h("", !0)]),
+				}), p(" " + a(m(C).t.blockSettings.restoreHiddenBlocks), 1)])) : h("", !0)]),
 				_: 1
 			})]), l("div", M, [d(ae, {
-				viewport: m(S).state.viewport,
-				content: m(S).content.value,
-				"selected-block-id": m(S).state.selectedBlockId,
-				"dark-mode": m(S).state.darkMode,
-				"preview-mode": m(S).state.previewMode,
-				onSelectBlock: m(S).selectBlock
+				viewport: m(x).state.viewport,
+				content: m(x).content.value,
+				"selected-block-id": m(x).state.selectedBlockId,
+				"dark-mode": m(x).state.darkMode,
+				"preview-mode": m(x).state.previewMode,
+				onSelectBlock: m(x).selectBlock
 			}, null, 8, [
 				"viewport",
 				"content",
@@ -116,29 +116,29 @@ var pe = ["data-tpl-theme"], me = {
 			])])], 2),
 			c.config.branding === !1 ? h("", !0) : (i(), f(k, {
 				key: 0,
-				"position-class": [m(S).state.previewMode ? "tpl:left-0 tpl:right-0" : "tpl:left-12 tpl:right-[320px]"]
+				"position-class": [m(x).state.previewMode ? "tpl:left-0 tpl:right-0" : "tpl:left-12 tpl:right-[320px]"]
 			}, null, 8, ["position-class"])),
 			l("div", {
 				class: "tpl-sr-only",
 				role: "status",
 				"aria-live": "polite",
 				"aria-atomic": "true",
-				"aria-label": m(w).t.landmarks.reorderAnnouncements
-			}, a(m(w).keyboardReorder.announcement.value), 9, N),
+				"aria-label": m(C).t.landmarks.reorderAnnouncements
+			}, a(m(C).keyboardReorder.announcement.value), 9, N),
 			_(d(ie, {
-				"selected-block": m(S).selectedBlock.value,
-				settings: m(S).content.value.settings,
-				onUpdateBlock: n[1] ||= (e) => m(S).updateBlock(m(S).state.selectedBlockId, e),
+				"selected-block": m(x).selectedBlock.value,
+				settings: m(x).content.value.settings,
+				onUpdateBlock: n[1] ||= (e) => m(x).updateBlock(m(x).state.selectedBlockId, e),
 				onDeleteBlock: n[2] ||= () => {
-					m(S).state.selectedBlockId && m(w).blockActions.deleteBlock(m(S).state.selectedBlockId);
+					m(x).state.selectedBlockId && m(C).blockActions.deleteBlock(m(x).state.selectedBlockId);
 				},
 				onDuplicateBlock: n[3] ||= () => {
-					m(S).selectedBlock.value && m(w).blockActions.duplicateBlock(m(S).selectedBlock.value);
+					m(x).selectedBlock.value && m(C).blockActions.duplicateBlock(m(x).selectedBlock.value);
 				},
-				onUpdateSettings: n[4] ||= (e) => m(S).updateSettings(e)
-			}, null, 8, ["selected-block", "settings"]), [[b, !m(S).state.previewMode]]),
+				onUpdateSettings: n[4] ||= (e) => m(x).updateSettings(e)
+			}, null, 8, ["selected-block", "settings"]), [[b, !m(x).state.previewMode]]),
 			l("div", {
-				ref: (e) => m(w).popoverRoot.value = e,
+				ref: (e) => m(C).popoverRoot.value = e,
 				class: "tpl-popover-root"
 			}, null, 512),
 			d(O),
@@ -147,11 +147,11 @@ var pe = ["data-tpl-theme"], me = {
 		], 46, pe));
 	}
 }), [["__scopeId", "data-v-f848fa43"]]), F = /* #__PURE__ */ Object.assign({
-	"./locales/ca.ts": () => import("./ca-C58VqAgo.js"),
-	"./locales/de.ts": () => import("./de-C0sMmfic.js"),
-	"./locales/en.ts": () => import("./en-CsGBTBOf.js"),
-	"./locales/es.ts": () => import("./es-DgjbcPIu.js"),
-	"./locales/pt-BR.ts": () => import("./pt-BR-DXaP5lMJ.js")
+	"./locales/ca.ts": () => import("./ca-B3eR47lE.js"),
+	"./locales/de.ts": () => import("./de-Cy8FB-Ii.js"),
+	"./locales/en.ts": () => import("./en-Bu-zS_5o.js"),
+	"./locales/es.ts": () => import("./es-CD3ZD6hK.js"),
+	"./locales/pt-BR.ts": () => import("./pt-BR-CgICL-CQ.js")
 }), I = /* #__PURE__ */ Object.assign({
 	"./locales/cloud/de.ts": () => import("./de-CTYXVU9v.js"),
 	"./locales/cloud/en.ts": () => import("./en-BtmIaJeb.js"),
@@ -266,7 +266,7 @@ async function we(e) {
 	}), Y = t;
 	let c = {
 		getContent() {
-			return a.value ? C(a.value.getContent()) : C(e.content ?? w());
+			return a.value ? S(a.value.getContent()) : S(e.content ?? C());
 		},
 		setContent(t) {
 			a.value && a.value.setContent(t), e.content = t;
@@ -293,13 +293,13 @@ function $(e) {
 async function Te(e) {
 	let t = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
 	if (!t) throw Error(`[Templatical] Container element not found: ${e.container}`);
-	let { default: n } = await import("./CloudEditor-BUJk4vXS.js"), [r, i] = await Promise.all([G(e.locale ?? "en"), he(e.locale ?? "en")]), a = T(e.fonts);
+	let { default: n } = await import("./CloudEditor-D88gLBXp.js"), [r, i] = await Promise.all([G(e.locale ?? "en"), he(e.locale ?? "en")]), a = T(e.fonts);
 	$(t);
 	let o = q(t, e.shadowDom ?? !0), c = s(null);
 	return await new Promise((s, l) => {
 		let u = setTimeout(() => {
 			l(/* @__PURE__ */ Error("[Templatical] Cloud editor initialization timed out"));
-		}, S), d = y({ setup() {
+		}, x), d = y({ setup() {
 			return () => g(n, {
 				config: e,
 				translations: r,
@@ -319,7 +319,7 @@ async function Te(e) {
 		}), Q = t;
 	}), {
 		getContent() {
-			return c.value ? C(c.value.getContent()) : C(e.content ?? w());
+			return c.value ? S(c.value.getContent()) : S(e.content ?? C());
 		},
 		setContent(e) {
 			c.value && c.value.setContent(e);

package/dist/{text-align-start-CMya5pCQ.js → text-align-start-BMU70uAm.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-Dx-EjR9r.js";
+import { t as e } from "./createLucideIcon-Bh9xOmlW.js";
 var t = e("text-align-end", [
 	["path", {
 		d: "M21 5H3",

package/dist/{trash-2-C-81rkLS.js → trash-2-B6M659Ey.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-Dx-EjR9r.js";
+import { t as e } from "./createLucideIcon-Bh9xOmlW.js";
 var t = e("trash-2", [
 	["path", {
 		d: "M10 11v6",

package/dist/{triangle-alert-BuRWnynk.js → triangle-alert-D1lzx6ds.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-Dx-EjR9r.js";
+import { t as e } from "./createLucideIcon-Bh9xOmlW.js";
 var t = e("triangle-alert", [
 	["path", {
 		d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",

package/dist/{upload-CWBIoLd4.js → upload-3A1oZtOR.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-Dx-EjR9r.js";
+import { t as e } from "./createLucideIcon-Bh9xOmlW.js";
 var t = e("upload", [
 	["path", {
 		d: "M12 3v12",

package/dist/{useAliveFlag-CECL_OUb.js → useAliveFlag-C43EhZFY.js}

@@ -1,4 +1,4 @@
-import { T as e } from "./vue.runtime.esm-bundler-l0XAqiyv.js";
+import { T as e } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 //#region src/composables/useAliveFlag.ts
 function t() {
 	let t = { alive: !0 };

package/dist/{useCloudI18n-AKCy98qD.js → useCloudI18n-WbfVWq5k.js}

@@ -1,5 +1,5 @@
-import { W as e, x as t } from "./vue.runtime.esm-bundler-l0XAqiyv.js";
-import { c as n } from "./keys-Cv8-8GsD.js";
+import { W as e, x as t } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
+import { c as n } from "./keys-BbDgCU6K.js";
 //#region src/composables/useCloudI18n.ts
 function r(e, t) {
 	return e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : `{${n}}`);