@templatical/editor 0.39.0 → 0.39.2

package/dist/cdn/chunks/socialIcons-9VrG8X3m.js

@@ -0,0 +1,1054 @@
+import { B as e, Q as t, W as n, X as r, Y as i, Z as a, f as o, ot as s, rt as c } from "./draggable-IB4x6w2O.js";
+import { L as l, S as u, b as d, nt as f, t as p, z as m } from "./src-Dwgq7hf4.js";
+import { r as h } from "./dist-CXB2_kBa.js";
+import { a as g, o as _ } from "./usePopoverPosition-gB9q-ql7.js";
+//#region ../core/src/error-reporting.ts
+function v(e) {
+	return e instanceof Error ? e : Error(String(e), { cause: e });
+}
+function y(e, t) {
+	try {
+		t();
+	} catch (t) {
+		e?.(v(t));
+	}
+}
+//#endregion
+//#region ../core/src/editor.ts
+function b(e) {
+	return e === "1" ? 1 : e === "3" ? 3 : 2;
+}
+function x(e) {
+	let t = r({
+		template: null,
+		content: e.content ?? m(e.defaultFontFamily, e.templateDefaults),
+		selectedBlockId: null,
+		viewport: "desktop",
+		darkMode: !1,
+		previewMode: !1,
+		isDirty: !1,
+		isSaving: !1,
+		isLoading: !1,
+		uiTheme: "auto"
+	}), i = 0;
+	function o() {
+		t.isDirty = !0, i++;
+	}
+	let s = n({
+		get: () => t.content,
+		set: (e) => {
+			t.content = e, o();
+		}
+	}), c = n(() => t.selectedBlockId ? l(t.content.blocks, t.selectedBlockId) : null);
+	function l(e, t) {
+		for (let n of e) {
+			if (n.id === t) return n;
+			if (n.type === "section") for (let e of n.children) {
+				let n = l(e, t);
+				if (n) return n;
+			}
+		}
+		return null;
+	}
+	function u(e, t) {
+		if (t.add(e.id), e.type === "section") for (let n of e.children) for (let e of n) u(e, t);
+	}
+	function d(e, t, n = { blocks: e }) {
+		for (let r = 0; r < e.length; r++) {
+			let i = e[r];
+			if (i.id === t) return n;
+			if (i.type === "section") for (let e = 0; e < i.children.length; e++) {
+				let n = d(i.children[e], t, {
+					blocks: i.children[e],
+					sectionId: i.id,
+					columnIndex: e
+				});
+				if (n) return n;
+			}
+		}
+		return null;
+	}
+	function f(t) {
+		return e.lockedBlocks?.value.has(t) ?? !1;
+	}
+	function h(e) {
+		let n = d(t.content.blocks, e);
+		if (!n) return null;
+		let r = n.blocks.findIndex((t) => t.id === e);
+		return r === -1 ? null : {
+			targetSectionId: n.sectionId,
+			columnIndex: n.columnIndex,
+			index: r
+		};
+	}
+	function g(e, n = !0) {
+		t.content = e, n && o();
+	}
+	function _(e) {
+		e && f(e) || (t.selectedBlockId = e);
+	}
+	function v(e) {
+		t.viewport = e;
+	}
+	function x(e) {
+		t.darkMode = e;
+	}
+	function S(e) {
+		t.uiTheme = e;
+	}
+	function C(e) {
+		t.previewMode = e, e && (t.selectedBlockId = null);
+	}
+	function w(e, n) {
+		if (f(e)) return;
+		let r = l(t.content.blocks, e);
+		r && (Object.assign(r, n), o());
+	}
+	function T(e) {
+		t.content.settings = {
+			...t.content.settings,
+			...e
+		}, o();
+	}
+	function E(e, n, r = 0, i) {
+		if (!(n && e.type === "section")) {
+			if (n) {
+				if (f(n)) return;
+				let a = l(t.content.blocks, n);
+				if (a && a.type === "section") {
+					if (r < 0 || r >= b(a.columns)) return;
+					a.children[r] = a.children[r] || [];
+					let t = a.children[r];
+					i !== void 0 && i < t.length ? t.splice(i, 0, e) : t.push(e);
+				}
+			} else i !== void 0 && i < t.content.blocks.length ? t.content.blocks.splice(i, 0, e) : t.content.blocks.push(e);
+			o();
+		}
+	}
+	function D(e) {
+		if (f(e)) return;
+		let n = d(t.content.blocks, e);
+		if (n) {
+			let r = n.blocks.findIndex((t) => t.id === e);
+			if (r !== -1) {
+				let [e] = n.blocks.splice(r, 1);
+				if (t.selectedBlockId) {
+					let n = /* @__PURE__ */ new Set();
+					u(e, n), n.has(t.selectedBlockId) && (t.selectedBlockId = null);
+				}
+				o();
+			}
+		}
+	}
+	function O(e, n, r, i = 0) {
+		if (f(e) || r && f(r)) return;
+		let a = d(t.content.blocks, e);
+		if (!a) return;
+		let s = a.blocks.findIndex((t) => t.id === e);
+		if (s === -1 || r && a.blocks[s].type === "section") return;
+		let c;
+		if (r) {
+			let e = l(t.content.blocks, r);
+			if (!e || e.type !== "section" || i < 0 || i >= b(e.columns)) return;
+			e.children[i] = e.children[i] || [], c = e.children[i];
+		} else c = t.content.blocks;
+		let [u] = a.blocks.splice(s, 1);
+		c.splice(n, 0, u), o();
+	}
+	function k() {
+		o();
+	}
+	function A(e, t) {
+		throw new p(`[Templatical] Templates: ${e} ${t}`);
+	}
+	function j(t) {
+		y(e.onError, t);
+	}
+	function M(t) {
+		let { templates: n } = e;
+		return n || A(t, "needs a templates provider. Pass one as `init({ templates })` to enable saving and loading."), n;
+	}
+	function N(e) {
+		t.template && (t.template = {
+			...t.template,
+			name: e
+		}, o());
+	}
+	async function P(n) {
+		let r = M("create()"), { create: a } = r;
+		typeof a != "function" && A("create()", "is disabled by the provider — its `create` is `false`.");
+		let o;
+		t.isLoading = !0;
+		try {
+			n?.content && (t.content = n.content);
+			let e = i;
+			o = await a(n?.name === void 0 ? { content: t.content } : {
+				name: n.name,
+				content: t.content
+			}), t.template = o, i === e && (t.isDirty = !1);
+		} catch (t) {
+			throw e.onError?.(t), t;
+		} finally {
+			t.isLoading = !1;
+		}
+		return j(() => r.onCreated?.(o)), o;
+	}
+	async function F(n) {
+		let r = M("load()"), i;
+		t.isLoading = !0;
+		try {
+			i = await r.load(n), t.template = i, t.content = i.content, t.isDirty = !1;
+		} catch (t) {
+			throw e.onError?.(t), t;
+		} finally {
+			t.isLoading = !1;
+		}
+		return j(() => r.onLoaded?.(i)), i;
+	}
+	async function I(n = "api") {
+		let r = M("save()"), { save: a } = r;
+		typeof a != "function" && A("save()", "is disabled by the provider — its `save` is `false`.");
+		let o = t.template;
+		o || A("save()", "has no template loaded. Call create() or load() first.");
+		let s = o.name === void 0 ? { content: t.content } : {
+			name: o.name,
+			content: t.content
+		}, c;
+		t.isSaving = !0;
+		try {
+			let e = i;
+			if (c = await a(o.id, s), t.template?.id === o.id) {
+				let e = t.template.name;
+				t.template = e === o.name ? c : {
+					...c,
+					name: e
+				};
+			}
+			i === e && (t.isDirty = !1);
+		} catch (t) {
+			throw e.onError?.(t), t;
+		} finally {
+			t.isSaving = !1;
+		}
+		return j(() => r.onSaved?.(c, { trigger: n })), c;
+	}
+	function L() {
+		return t.template?.id !== void 0;
+	}
+	return {
+		state: a(t),
+		content: s,
+		selectedBlock: c,
+		isBlockLocked: f,
+		setContent: g,
+		selectBlock: _,
+		setViewport: v,
+		setDarkMode: x,
+		setUiTheme: S,
+		setPreviewMode: C,
+		updateBlock: w,
+		updateSettings: T,
+		addBlock: E,
+		removeBlock: D,
+		moveBlock: O,
+		markDirty: k,
+		findBlockLocation: h,
+		setName: N,
+		create: P,
+		load: F,
+		save: I,
+		hasTemplate: L
+	};
+}
+//#endregion
+//#region ../core/src/history.ts
+var S = 50, C = 300, w = 1500;
+function T(e) {
+	let { content: r, setContent: i, isRemoteOperation: a, maxSize: o = S } = e, s = t([]), c = t([]), l = t(!1), u = null, f = null, p = n(() => s.value.length > 0), m = n(() => c.value.length > 0);
+	function h() {
+		return d(r.value);
+	}
+	function g(e) {
+		s.value.push(e), s.value.length > o && s.value.splice(0, s.value.length - o);
+	}
+	function _() {
+		f &&= (clearTimeout(f.timeoutId), null);
+	}
+	function v() {
+		a?.() || (_(), g(h()), c.value = []);
+	}
+	function y(e) {
+		if (!a?.()) {
+			if (f && f.blockId === e) {
+				clearTimeout(f.timeoutId), f.timeoutId = setTimeout(() => {
+					f = null;
+				}, C);
+				return;
+			}
+			_(), g(h()), c.value = [], f = {
+				blockId: e,
+				timeoutId: setTimeout(() => {
+					f = null;
+				}, C)
+			};
+		}
+	}
+	function b() {
+		l.value = !0, u && clearTimeout(u), u = setTimeout(() => {
+			l.value = !1, u = null;
+		}, w);
+	}
+	function x() {
+		if (s.value.length === 0) return;
+		_();
+		let e = s.value.pop();
+		c.value.push(h()), i(e, !0), b();
+	}
+	function T() {
+		if (c.value.length === 0) return;
+		_();
+		let e = c.value.pop();
+		s.value.push(h()), i(e, !0), b();
+	}
+	function E() {
+		s.value = [], c.value = [], _();
+	}
+	function D() {
+		E(), u &&= (clearTimeout(u), null);
+	}
+	return {
+		canUndo: p,
+		canRedo: m,
+		isNavigating: l,
+		undo: x,
+		redo: T,
+		record: v,
+		recordDebounced: y,
+		clear: E,
+		destroy: D
+	};
+}
+//#endregion
+//#region ../core/src/block-actions.ts
+function E(e) {
+	e.type === "table" ? e.rows = e.rows.map((e) => ({
+		...e,
+		id: l(),
+		cells: e.cells.map((e) => ({
+			...e,
+			id: l()
+		}))
+	})) : e.type === "social" ? e.icons = e.icons.map((e) => ({
+		...e,
+		id: l()
+	})) : e.type === "menu" && (e.items = e.items.map((e) => ({
+		...e,
+		id: l()
+	})));
+}
+function D(e) {
+	let { addBlock: t, removeBlock: n, updateBlock: r, selectBlock: i, findBlockLocation: a } = e;
+	function o(n, r, a) {
+		let o = typeof e.blockDefaults == "function" ? e.blockDefaults() : e.blockDefaults, s = u(n, o);
+		return t(s, r, a), i(s.id), s;
+	}
+	function s(e, n, r) {
+		let o = JSON.parse(JSON.stringify(e));
+		if (o.id = l(), E(o), o.type === "section" && (o.children = o.children.map((e) => e.map((e) => {
+			let t = JSON.parse(JSON.stringify(e));
+			return t.id = l(), E(t), t;
+		}))), n !== void 0 || r !== void 0) t(o, n, r);
+		else {
+			let i = a?.(e.id) ?? null;
+			i ? t(o, i.targetSectionId, i.columnIndex, i.index + 1) : t(o, n, r);
+		}
+		return i(o.id), o;
+	}
+	function c(e) {
+		n(e);
+	}
+	function d(e, t, n) {
+		r(e, { [t]: n });
+	}
+	return {
+		createAndAddBlock: o,
+		duplicateBlock: s,
+		deleteBlock: c,
+		updateBlockProperty: d
+	};
+}
+//#endregion
+//#region ../core/src/auto-save.ts
+var O = 2e3;
+function k(e) {
+	let { content: t, isDirty: n, onChange: r, debounce: i = O, enabled: a = !0 } = e, o = null, c = !1;
+	function l() {
+		return typeof a == "function" ? a() : a;
+	}
+	function u() {
+		c = !0, f();
+	}
+	function d() {
+		c = !1;
+	}
+	function f() {
+		o &&= (clearTimeout(o), null);
+	}
+	function p() {
+		f(), n() && r(JSON.parse(JSON.stringify(t.value)));
+	}
+	function m() {
+		l() && !c && (f(), o = setTimeout(() => {
+			o = null, l() && !c && n() && r(JSON.parse(JSON.stringify(t.value)));
+		}, i));
+	}
+	let h = s(t, () => {
+		m();
+	}, { deep: !0 });
+	function g() {
+		h(), f();
+	}
+	return {
+		flush: p,
+		cancel: f,
+		pause: u,
+		resume: d,
+		destroy: g
+	};
+}
+//#endregion
+//#region ../core/src/condition-preview.ts
+function A(e) {
+	let t = r(/* @__PURE__ */ new Set()), i = n(() => t.size > 0);
+	function a(e) {
+		return t.has(e);
+	}
+	function o(n) {
+		t.has(n) ? t.delete(n) : (t.add(n), e.state.selectedBlockId === n && e.selectBlock(null));
+	}
+	function s() {
+		t.clear();
+	}
+	return {
+		isHidden: a,
+		toggleBlock: o,
+		reset: s,
+		hasHiddenBlocks: i
+	};
+}
+//#endregion
+//#region ../core/src/data-source-fetch.ts
+function j(e) {
+	let r = t(!1), i = t(!1), a = n(() => !!e.definition.value?.dataSource), o = n(() => a.value && !e.block.value.dataSourceFetched);
+	async function s() {
+		let t = e.definition.value;
+		if (t?.dataSource) {
+			r.value = !0, i.value = !1;
+			try {
+				let n = await t.dataSource.onFetch({
+					fieldValues: { ...e.block.value.fieldValues },
+					blockId: e.block.value.id
+				});
+				if (n == null) return;
+				let r = { ...e.block.value.fieldValues };
+				for (let e of Object.keys(r)) e in n && (r[e] = n[e]);
+				e.onUpdate(r, !0);
+			} catch (e) {
+				console.warn("[Templatical] Data source fetch error:", e), i.value = !0;
+			} finally {
+				r.value = !1;
+			}
+		}
+	}
+	return {
+		isFetching: r,
+		fetchError: i,
+		fetch: s,
+		hasDataSource: a,
+		needsFetch: o
+	};
+}
+//#endregion
+//#region ../core/src/history-interceptor.ts
+function M(e, t) {
+	let n = e.addBlock, r = e.removeBlock, i = e.moveBlock, a = e.updateBlock, o = e.updateSettings;
+	e.addBlock = (r, i, a, o) => {
+		i && e.isBlockLocked(i) || (t.record(), n(r, i, a, o));
+	}, e.removeBlock = (n) => {
+		e.isBlockLocked(n) || (t.record(), r(n));
+	}, e.moveBlock = (n, r, a, o) => {
+		e.isBlockLocked(n) || a && e.isBlockLocked(a) || (t.record(), i(n, r, a, o));
+	}, e.updateBlock = (n, r) => {
+		e.isBlockLocked(n) || (t.recordDebounced(n), a(n, r));
+	}, e.updateSettings = (e) => {
+		t.record(), o(e);
+	};
+}
+//#endregion
+//#region ../core/src/saved-blocks.ts
+function N(e) {
+	let { provider: n } = e, r = t([]), i = t(!1), a = o(() => {
+		let e = /* @__PURE__ */ new Set();
+		for (let t of r.value) {
+			let n = t.category?.trim();
+			n && e.add(n);
+		}
+		return [...e].sort((e, t) => e.localeCompare(t));
+	}), s = o(() => typeof n.create == "function"), c = o(() => typeof n.update == "function"), l = o(() => typeof n.delete == "function");
+	function u(e) {
+		return c.value && e.canUpdate !== !1;
+	}
+	function d(e) {
+		return l.value && e.canDelete !== !1;
+	}
+	function f(e, t) {
+		throw new p(`[Templatical] Saved blocks: ${e} is ${t}. Check the capability before calling — the editor's own UI hides the action.`);
+	}
+	function m(t) {
+		y(e.onError, t);
+	}
+	async function h(t) {
+		i.value = !0;
+		try {
+			r.value = await n.list(t);
+		} catch (t) {
+			throw e.onError?.(t), t;
+		} finally {
+			i.value = !1;
+		}
+	}
+	async function g(t, i, a) {
+		let { create: o } = n;
+		typeof o != "function" && f("create", "disabled by the provider");
+		try {
+			let e = await o(a ? {
+				name: t,
+				content: i,
+				category: a
+			} : {
+				name: t,
+				content: i
+			});
+			return r.value = [e, ...r.value], m(() => n.onCreated?.(e)), e;
+		} catch (t) {
+			throw e.onError?.(t), t;
+		}
+	}
+	async function _(t, i) {
+		let { update: a } = n;
+		typeof a != "function" && f("update", "disabled by the provider");
+		let o = r.value.find((e) => e.id === t);
+		o && o.canUpdate === !1 && f("update", `not permitted for entry "${t}"`);
+		try {
+			let e = await a(t, i);
+			return r.value = r.value.map((n) => n.id === t ? e : n), m(() => n.onUpdated?.(e)), e;
+		} catch (t) {
+			throw e.onError?.(t), t;
+		}
+	}
+	async function v(t) {
+		let { delete: i } = n;
+		typeof i != "function" && f("delete", "disabled by the provider");
+		let a = r.value.find((e) => e.id === t) ?? null;
+		a && a.canDelete === !1 && f("delete", `not permitted for entry "${t}"`);
+		try {
+			await i(t), r.value = r.value.filter((e) => e.id !== t), a && m(() => n.onDeleted?.(a));
+		} catch (t) {
+			throw e.onError?.(t), t;
+		}
+	}
+	return {
+		savedBlocks: r,
+		isLoading: i,
+		categories: a,
+		canCreate: s,
+		canUpdate: c,
+		canDelete: l,
+		canUpdateBlock: u,
+		canDeleteBlock: d,
+		load: h,
+		create: g,
+		update: _,
+		remove: v
+	};
+}
+//#endregion
+//#region ../core/src/saved-blocks-local.ts
+var P = "templatical:saved-blocks";
+function F(e = {}) {
+	let t = e.key ?? P;
+	function n() {
+		if (typeof localStorage > "u") throw Error("[Templatical] createLocalStorageSavedBlocksProvider requires a browser environment with localStorage. Supply your own SavedBlocksProvider for server-side or non-browser use.");
+		return localStorage;
+	}
+	function r() {
+		let e = n().getItem(t);
+		if (!e) return [];
+		try {
+			let t = JSON.parse(e);
+			return Array.isArray(t) ? t : [];
+		} catch {
+			return [];
+		}
+	}
+	function i(e) {
+		n().setItem(t, JSON.stringify(e));
+	}
+	return {
+		async list(e) {
+			let t = r(), n = e?.search?.trim().toLowerCase(), i = e?.category?.trim();
+			return t.filter((e) => !(n && !e.name.toLowerCase().includes(n) || i && e.category !== i));
+		},
+		async create(e) {
+			let t = (/* @__PURE__ */ new Date()).toISOString(), n = {
+				id: l(),
+				name: e.name,
+				content: e.content,
+				...e.category ? { category: e.category } : {},
+				createdAt: t,
+				updatedAt: t
+			};
+			return i([n, ...r()]), n;
+		},
+		async update(e, t) {
+			let n = r(), a = n.findIndex((t) => t.id === e);
+			if (a === -1) throw Error(`[Templatical] Saved block not found: ${e}`);
+			let o = {
+				...n[a],
+				...t,
+				updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+			}, s = [...n];
+			return s[a] = o, i(s), o;
+		},
+		async delete(e) {
+			let t = r();
+			if (!t.some((t) => t.id === e)) throw Error(`[Templatical] Saved block not found: ${e}`);
+			i(t.filter((t) => t.id !== e));
+		}
+	};
+}
+//#endregion
+//#region ../core/src/media-local.ts
+var I = "templatical:media", L = 50;
+function R(e = {}) {
+	let t = e.key ?? I;
+	function n() {
+		if (typeof localStorage > "u") throw Error("[Templatical] createLocalStorageMediaProvider requires a browser environment with localStorage. Supply your own MediaProvider for server-side or non-browser use.");
+		return localStorage;
+	}
+	function r() {
+		let e = n().getItem(t);
+		if (!e) return [];
+		try {
+			let t = JSON.parse(e);
+			return Array.isArray(t) ? t : [];
+		} catch {
+			return [];
+		}
+	}
+	function i(e) {
+		n().setItem(t, JSON.stringify(e));
+	}
+	function a(e) {
+		return typeof FileReader > "u" ? Promise.reject(/* @__PURE__ */ Error("[Templatical] createLocalStorageMediaProvider requires a browser environment with FileReader.")) : new Promise((t, n) => {
+			let r = new FileReader();
+			r.onload = () => {
+				if (typeof r.result != "string") {
+					n(/* @__PURE__ */ Error("[Templatical] Failed to read file as a data URL."));
+					return;
+				}
+				t(r.result);
+			}, r.onerror = () => {
+				n(r.error ?? /* @__PURE__ */ Error("[Templatical] Failed to read file as a data URL."));
+			}, r.readAsDataURL(e);
+		});
+	}
+	return {
+		async list(e) {
+			let t = r(), n = e?.search?.trim().toLowerCase(), i = n ? t.filter((e) => {
+				let t = e.filename?.toLowerCase() ?? "", r = e.alt?.toLowerCase() ?? "";
+				return t.includes(n) || r.includes(n);
+			}) : t, a = e?.cursor ? Number.parseInt(e.cursor, 10) : 0, o = Number.isFinite(a) && a > 0 ? a : 0, s = i.slice(o, o + L), c = { items: s }, l = o + s.length;
+			return l < i.length && (c.nextCursor = String(l)), c;
+		},
+		async create(e) {
+			let t = await a(e.file), n = (/* @__PURE__ */ new Date()).toISOString(), o = {
+				id: l(),
+				url: t,
+				filename: e.filename || e.file.name,
+				createdAt: n,
+				updatedAt: n,
+				size: e.file.size
+			};
+			return e.alt !== void 0 && (o.alt = e.alt), e.file.type && (o.mimeType = e.file.type), e.folderId !== void 0 && (o.folderId = e.folderId), i([o, ...r()]), o;
+		},
+		async update(e, t) {
+			let n = r(), a = n.findIndex((t) => t.id === e);
+			if (a === -1) throw Error(`[Templatical] Media asset not found: ${e}`);
+			let o = n[a], s = {
+				...o,
+				...t,
+				id: o.id,
+				url: o.url,
+				updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+			}, c = [...n];
+			return c[a] = s, i(c), s;
+		},
+		async delete(e) {
+			let t = r();
+			for (let n of e) if (!t.some((e) => e.id === n)) throw Error(`[Templatical] Media asset not found: ${n}`);
+			let n = new Set(e);
+			i(t.filter((e) => !n.has(e.id)));
+		},
+		folders: !1,
+		replace: !1,
+		importFromUrl: !1,
+		checkUsage: !1,
+		frequentlyUsed: !1,
+		storage: !1
+	};
+}
+//#endregion
+//#region ../core/src/version-history.ts
+function z(e) {
+	let { provider: n, getTemplateId: r } = e, i = t([]), a = t(!1), s = t(void 0), c = t(!1), l = /* @__PURE__ */ new Map(), u = o(() => typeof n.create == "function"), d = o(() => typeof n.restore == "function");
+	function f(e) {
+		let t = r();
+		if (!t) throw new p(`[Templatical] Version history: ${e} needs a template. Call create() or load() first.`);
+		return t;
+	}
+	function m(e) {
+		throw new p(`[Templatical] Version history: ${e} is disabled by the provider. Check the capability before calling — the editor's own UI hides the action.`);
+	}
+	function h(t) {
+		y(e.onError, t);
+	}
+	async function g(t) {
+		let r = f("list");
+		a.value = !0;
+		try {
+			let e = await n.list(r, t);
+			i.value = e.versions, s.value = e.nextCursor;
+		} catch (t) {
+			throw e.onError?.(t), t;
+		} finally {
+			a.value = !1;
+		}
+	}
+	function _(e) {
+		return e.content ?? l.get(e.id) ?? null;
+	}
+	async function v(t) {
+		let r = _(t);
+		if (r) return r;
+		let i = f("get");
+		try {
+			let e = await n.get(i, t.id);
+			return l.set(t.id, e), e;
+		} catch (t) {
+			throw e.onError?.(t), t;
+		}
+	}
+	async function b(t, r) {
+		let { create: a } = n;
+		typeof a != "function" && m("create");
+		let o = f("create");
+		try {
+			let e = await a(o, t, r);
+			return i.value = [e, ...i.value], h(() => n.onCreated?.(e)), e;
+		} catch (t) {
+			throw e.onError?.(t), t;
+		}
+	}
+	async function x(t) {
+		let { restore: r } = n;
+		typeof r != "function" && m("restore");
+		let i = f("restore"), a;
+		c.value = !0;
+		try {
+			a = await r(i, t);
+		} catch (t) {
+			throw e.onError?.(t), t;
+		} finally {
+			c.value = !1;
+		}
+		return h(() => n.onRestored?.(a)), a;
+	}
+	return {
+		nextCursor: s,
+		versions: i,
+		isLoading: a,
+		isRestoring: c,
+		canCreate: u,
+		canRestore: d,
+		load: g,
+		peekContent: _,
+		resolveContent: v,
+		create: b,
+		restore: x
+	};
+}
+//#endregion
+//#region ../core/src/comments.ts
+function B(e) {
+	let { provider: n, getTemplateId: r, getUser: i } = e, a = t([]), s = t(!1), c = t(!1), l = o(() => typeof n.create == "function"), u = o(() => typeof n.update == "function"), d = o(() => typeof n.delete == "function"), f = o(() => typeof n.setResolved == "function"), m = o(() => a.value.reduce((e, t) => e + 1 + (t.replies?.length ?? 0), 0)), h = o(() => a.value.filter((e) => !e.resolvedAt).length), g = o(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of a.value) t.blockId && e.set(t.blockId, (e.get(t.blockId) ?? 0) + 1 + (t.replies?.length ?? 0));
+		return e;
+	});
+	function _(e) {
+		let t = r();
+		if (!t) throw new p(`[Templatical] Comments: ${e} needs a template. Call create() or load() first.`);
+		return t;
+	}
+	function b(e) {
+		let t = i();
+		if (!t) throw new p(`[Templatical] Comments: ${e} needs to know who is commenting. Pass init({ user: { id, name } }) — an unattributed comment is not written.`);
+		return t;
+	}
+	function x(e) {
+		throw new p(`[Templatical] Comments: ${e} is disabled by the provider. Check the capability before calling — the editor's own UI hides the action.`);
+	}
+	function S(e) {
+		for (let t of a.value) {
+			if (t.id === e) return t;
+			for (let n of t.replies ?? []) if (n.id === e) return n;
+		}
+		return null;
+	}
+	function C(e) {
+		let t = i();
+		return t !== null && e.author.id === t.id;
+	}
+	function w(t) {
+		let n = v(t);
+		throw e.onError?.(n), n;
+	}
+	function T(t) {
+		y(e.onError, t);
+	}
+	function E(e, t, n) {
+		return [
+			...e.slice(0, t),
+			n,
+			...e.slice(t + 1)
+		];
+	}
+	function D(e, t) {
+		return e !== void 0 && JSON.stringify(e) === JSON.stringify(t);
+	}
+	function O(e) {
+		if (e.parentId) {
+			let t = !1, n = a.value.map((n) => {
+				if (n.id !== e.parentId) return n;
+				let r = n.replies ?? [], i = r.findIndex((t) => t.id === e.id);
+				return i !== -1 && D(r[i], e) ? n : (t = !0, {
+					...n,
+					replies: i === -1 ? [...r, e] : E(r, i, e)
+				});
+			});
+			return t && (a.value = n), t;
+		}
+		let t = a.value.findIndex((t) => t.id === e.id);
+		if (t === -1) return a.value = [...a.value, e], !0;
+		let n = {
+			...e,
+			replies: e.replies ?? a.value[t].replies
+		};
+		return !D(a.value[t], n) && (a.value = E(a.value, t, n), !0);
+	}
+	function k(e, t) {
+		let n = S(e), r = t ?? n?.parentId ?? null;
+		return r ? a.value = a.value.map((t) => t.id === r ? {
+			...t,
+			replies: (t.replies ?? []).filter((t) => t.id !== e)
+		} : t) : a.value = a.value.filter((t) => t.id !== e), n;
+	}
+	async function A(e) {
+		let t = _("list");
+		s.value = !0;
+		try {
+			a.value = await n.list(t, e);
+		} catch (e) {
+			w(e);
+		} finally {
+			s.value = !1;
+		}
+	}
+	async function j(e) {
+		let { create: t } = n;
+		typeof t != "function" && x("create");
+		let r = _("create");
+		b("create"), c.value = !0;
+		try {
+			let i = await t(r, e);
+			return O(i), T(() => n.onCreated?.(i, { origin: "local" })), i;
+		} catch (e) {
+			w(e);
+		} finally {
+			c.value = !1;
+		}
+	}
+	async function M(e, t) {
+		let { update: r } = n;
+		typeof r != "function" && x("update");
+		let i = _("update");
+		b("update"), c.value = !0;
+		try {
+			let a = await r(i, e, t);
+			return O(a), T(() => n.onUpdated?.(a, { origin: "local" })), a;
+		} catch (e) {
+			w(e);
+		} finally {
+			c.value = !1;
+		}
+	}
+	async function N(e) {
+		let { delete: t } = n;
+		typeof t != "function" && x("delete");
+		let r = _("delete");
+		b("delete");
+		let i = S(e);
+		c.value = !0;
+		try {
+			await t(r, e), k(e), i && T(() => n.onDeleted?.(i, { origin: "local" }));
+		} catch (e) {
+			w(e);
+		} finally {
+			c.value = !1;
+		}
+	}
+	async function P(e, t) {
+		let { setResolved: r } = n;
+		typeof r != "function" && x("setResolved");
+		let i = _("setResolved");
+		b("setResolved"), c.value = !0;
+		try {
+			let a = await r(i, e, t);
+			return O(a), T(() => (a.resolvedAt ? n.onResolved : n.onUnresolved)?.(a, { origin: "local" })), a;
+		} catch (e) {
+			w(e);
+		} finally {
+			c.value = !1;
+		}
+	}
+	function F(e) {
+		O(e) && T(() => n.onCreated?.(e, { origin: "remote" }));
+	}
+	function I(e) {
+		O(e) && T(() => (e.resolvedAt ? n.onResolved : n.onUpdated)?.(e, { origin: "remote" }));
+	}
+	function L(e, t) {
+		let r = k(e, t);
+		r && T(() => n.onDeleted?.(r, { origin: "remote" }));
+	}
+	return {
+		comments: a,
+		isLoading: s,
+		isSubmitting: c,
+		canCreate: l,
+		canUpdate: u,
+		canDelete: d,
+		canResolve: f,
+		totalCount: m,
+		unresolvedCount: h,
+		commentCountByBlock: g,
+		load: A,
+		create: j,
+		update: M,
+		remove: N,
+		setResolved: P,
+		find: S,
+		isOwn: C,
+		applyRemoteCreate: F,
+		applyRemoteUpdate: I,
+		applyRemoteDelete: L
+	};
+}
+function V(t) {
+	let { comments: n, provider: r, getTemplateId: a } = t, { subscribe: o } = r;
+	if (typeof o != "function") return;
+	let s = null;
+	function c() {
+		s?.(), s = null;
+	}
+	e(() => a(), (e) => {
+		c(), e && (s = o(e, (e) => {
+			switch (e.type) {
+				case "created":
+					n.applyRemoteCreate(e.comment);
+					break;
+				case "updated":
+					n.applyRemoteUpdate(e.comment);
+					break;
+				case "deleted": n.applyRemoteDelete(e.commentId, e.parentId);
+			}
+		}));
+	}, { immediate: !0 }), i(c);
+}
+//#endregion
+//#region src/utils/blockTypeLabels.ts
+function H(e, t) {
+	return t.blocks[e] ?? e;
+}
+function U(e, t, n = []) {
+	if (e.type !== "custom") return H(e.type, t);
+	let { customType: r } = e;
+	return n.find((e) => e.type === r)?.name ?? r;
+}
+//#endregion
+//#region src/utils/resolveFieldColors.ts
+function W(e, t) {
+	let n = _({ presets: e.presets }, g), r = n.presets.length === 0;
+	return {
+		presets: r ? t.presets : n.presets,
+		allowCustom: t.allowCustom === !1 ? !1 : e.allowCustom ?? t.allowCustom,
+		invalidPresets: n.invalidPresets,
+		emptyPresets: e.presets !== void 0 && e.presets.length === 0,
+		presetsInherited: r,
+		allowCustomIgnored: e.allowCustom === !0 && t.allowCustom === !1
+	};
+}
+//#endregion
+//#region src/composables/useImageDrop.ts
+var G = "image/";
+function K(e) {
+	let { target: t, onFiles: n, enabled: r } = e, i = () => r === void 0 || c(r), { isOverDropZone: a } = h(t, {
+		preventDefaultForUnhandled: !0,
+		onDrop: (e) => {
+			if (!i()) return;
+			let t = (e ?? []).filter((e) => e.type.startsWith(G));
+			t.length > 0 && n([t[0]]);
+		}
+	});
+	return { isOver: o(() => i() && a.value) };
+}
+//#endregion
+//#region src/constants/socialIcons.ts
+var q = f, J = {
+	small: 24,
+	medium: 32,
+	large: 48
+}, Y = [
+	"facebook",
+	"twitter",
+	"instagram",
+	"linkedin",
+	"youtube",
+	"tiktok",
+	"pinterest",
+	"email",
+	"website",
+	"whatsapp",
+	"telegram",
+	"discord",
+	"snapchat",
+	"reddit",
+	"github",
+	"dribbble",
+	"behance"
+];
+//#endregion
+export { O as _, W as a, T as b, V as c, R as d, F as f, A as g, j as h, K as i, B as l, M as m, q as n, U as o, N as p, Y as r, H as s, J as t, z as u, k as v, x, D as y };
+
+//# sourceMappingURL=socialIcons-9VrG8X3m.js.map