@templatical/editor 0.39.0 → 0.39.2

package/dist/socialIcons-DkGcpEwC.js

@@ -0,0 +1,1130 @@
+import { H as e, J as t, R as n, X as r, Y as i, Z as a, ot as o, rt as s, s as c } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
+import { D as l, H as u, a as d, m as f, s as p, u as m } from "./dist-tGkjkX-v.js";
+import { r as h } from "./dist-BDuPwOyn.js";
+import { a as g, o as _ } from "./usePopoverPosition-Du-Ah8E9.js";
+import { t as v } from "./createLucideIcon-BxY5yz5u.js";
+//#region ../core/dist/index.js
+function y(e) {
+	return e instanceof Error ? e : Error(String(e), { cause: e });
+}
+function b(e, t) {
+	try {
+		t();
+	} catch (t) {
+		e?.(y(t));
+	}
+}
+function x(e) {
+	return e === "1" ? 1 : e === "3" ? 3 : 2;
+}
+function S(t) {
+	let n = i({
+		template: null,
+		content: t.content ?? f(t.defaultFontFamily, t.templateDefaults),
+		selectedBlockId: null,
+		viewport: "desktop",
+		darkMode: !1,
+		previewMode: !1,
+		isDirty: !1,
+		isSaving: !1,
+		isLoading: !1,
+		uiTheme: "auto"
+	}), a = 0;
+	function o() {
+		n.isDirty = !0, a++;
+	}
+	let s = e({
+		get: () => n.content,
+		set: (e) => {
+			n.content = e, o();
+		}
+	}), c = e(() => n.selectedBlockId ? l(n.content.blocks, n.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 m(e) {
+		return t.lockedBlocks?.value.has(e) ?? !1;
+	}
+	function h(e) {
+		let t = d(n.content.blocks, e);
+		if (!t) return null;
+		let r = t.blocks.findIndex((t) => t.id === e);
+		return r === -1 ? null : {
+			targetSectionId: t.sectionId,
+			columnIndex: t.columnIndex,
+			index: r
+		};
+	}
+	function g(e, t = !0) {
+		n.content = e, t && o();
+	}
+	function _(e) {
+		e && m(e) || (n.selectedBlockId = e);
+	}
+	function v(e) {
+		n.viewport = e;
+	}
+	function y(e) {
+		n.darkMode = e;
+	}
+	function S(e) {
+		n.uiTheme = e;
+	}
+	function C(e) {
+		n.previewMode = e, e && (n.selectedBlockId = null);
+	}
+	function w(e, t) {
+		if (m(e)) return;
+		let r = l(n.content.blocks, e);
+		r && (Object.assign(r, t), o());
+	}
+	function T(e) {
+		n.content.settings = {
+			...n.content.settings,
+			...e
+		}, o();
+	}
+	function E(e, t, r = 0, i) {
+		if (!(t && e.type === "section")) {
+			if (t) {
+				if (m(t)) return;
+				let a = l(n.content.blocks, t);
+				if (a && a.type === "section") {
+					if (r < 0 || r >= x(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 < n.content.blocks.length ? n.content.blocks.splice(i, 0, e) : n.content.blocks.push(e);
+			o();
+		}
+	}
+	function D(e) {
+		if (m(e)) return;
+		let t = d(n.content.blocks, e);
+		if (t) {
+			let r = t.blocks.findIndex((t) => t.id === e);
+			if (r !== -1) {
+				let [e] = t.blocks.splice(r, 1);
+				if (n.selectedBlockId) {
+					let t = /* @__PURE__ */ new Set();
+					u(e, t), t.has(n.selectedBlockId) && (n.selectedBlockId = null);
+				}
+				o();
+			}
+		}
+	}
+	function O(e, t, r, i = 0) {
+		if (m(e) || r && m(r)) return;
+		let a = d(n.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(n.content.blocks, r);
+			if (!e || e.type !== "section" || i < 0 || i >= x(e.columns)) return;
+			e.children[i] = e.children[i] || [], c = e.children[i];
+		} else c = n.content.blocks;
+		let [u] = a.blocks.splice(s, 1);
+		c.splice(t, 0, u), o();
+	}
+	function k() {
+		o();
+	}
+	function A(e, t) {
+		throw new p(`[Templatical] Templates: ${e} ${t}`);
+	}
+	function j(e) {
+		b(t.onError, e);
+	}
+	function M(e) {
+		let { templates: n } = t;
+		return n || A(e, "needs a templates provider. Pass one as `init({ templates })` to enable saving and loading."), n;
+	}
+	function N(e) {
+		n.template && (n.template = {
+			...n.template,
+			name: e
+		}, o());
+	}
+	async function P(e) {
+		let r = M("create()"), { create: i } = r;
+		typeof i != "function" && A("create()", "is disabled by the provider — its `create` is `false`.");
+		let o;
+		n.isLoading = !0;
+		try {
+			e?.content && (n.content = e.content);
+			let t = a;
+			o = await i(e?.name === void 0 ? { content: n.content } : {
+				name: e.name,
+				content: n.content
+			}), n.template = o, a === t && (n.isDirty = !1);
+		} catch (e) {
+			throw t.onError?.(e), e;
+		} finally {
+			n.isLoading = !1;
+		}
+		return j(() => r.onCreated?.(o)), o;
+	}
+	async function F(e) {
+		let r = M("load()"), i;
+		n.isLoading = !0;
+		try {
+			i = await r.load(e), n.template = i, n.content = i.content, n.isDirty = !1;
+		} catch (e) {
+			throw t.onError?.(e), e;
+		} finally {
+			n.isLoading = !1;
+		}
+		return j(() => r.onLoaded?.(i)), i;
+	}
+	async function I(e = "api") {
+		let r = M("save()"), { save: i } = r;
+		typeof i != "function" && A("save()", "is disabled by the provider — its `save` is `false`.");
+		let o = n.template;
+		o || A("save()", "has no template loaded. Call create() or load() first.");
+		let s = o.name === void 0 ? { content: n.content } : {
+			name: o.name,
+			content: n.content
+		}, c;
+		n.isSaving = !0;
+		try {
+			let e = a;
+			if (c = await i(o.id, s), n.template?.id === o.id) {
+				let e = n.template.name;
+				n.template = e === o.name ? c : {
+					...c,
+					name: e
+				};
+			}
+			a === e && (n.isDirty = !1);
+		} catch (e) {
+			throw t.onError?.(e), e;
+		} finally {
+			n.isSaving = !1;
+		}
+		return j(() => r.onSaved?.(c, { trigger: e })), c;
+	}
+	function L() {
+		return n.template?.id !== void 0;
+	}
+	return {
+		state: r(n),
+		content: s,
+		selectedBlock: c,
+		isBlockLocked: m,
+		setContent: g,
+		selectBlock: _,
+		setViewport: v,
+		setDarkMode: y,
+		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
+	};
+}
+var C = 50, w = 300, T = 1500;
+function E(t) {
+	let { content: n, setContent: r, isRemoteOperation: i, maxSize: o = C } = t, s = a([]), c = a([]), l = a(!1), d = null, f = null, p = e(() => s.value.length > 0), m = e(() => c.value.length > 0);
+	function h() {
+		return u(n.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() {
+		i?.() || (_(), g(h()), c.value = []);
+	}
+	function y(e) {
+		if (!i?.()) {
+			if (f && f.blockId === e) {
+				clearTimeout(f.timeoutId), f.timeoutId = setTimeout(() => {
+					f = null;
+				}, w);
+				return;
+			}
+			_(), g(h()), c.value = [], f = {
+				blockId: e,
+				timeoutId: setTimeout(() => {
+					f = null;
+				}, w)
+			};
+		}
+	}
+	function b() {
+		l.value = !0, d && clearTimeout(d), d = setTimeout(() => {
+			l.value = !1, d = null;
+		}, T);
+	}
+	function x() {
+		if (s.value.length === 0) return;
+		_();
+		let e = s.value.pop();
+		c.value.push(h()), r(e, !0), b();
+	}
+	function S() {
+		if (c.value.length === 0) return;
+		_();
+		let e = c.value.pop();
+		s.value.push(h()), r(e, !0), b();
+	}
+	function E() {
+		s.value = [], c.value = [], _();
+	}
+	function D() {
+		E(), d &&= (clearTimeout(d), null);
+	}
+	return {
+		canUndo: p,
+		canRedo: m,
+		isNavigating: l,
+		undo: x,
+		redo: S,
+		record: v,
+		recordDebounced: y,
+		clear: E,
+		destroy: D
+	};
+}
+function D(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 O(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 = m(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(), D(o), o.type === "section" && (o.children = o.children.map((e) => e.map((e) => {
+			let t = JSON.parse(JSON.stringify(e));
+			return t.id = l(), D(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 u(e, t, n) {
+		r(e, { [t]: n });
+	}
+	return {
+		createAndAddBlock: o,
+		duplicateBlock: s,
+		deleteBlock: c,
+		updateBlockProperty: u
+	};
+}
+var k = 2e3;
+function A(e) {
+	let { content: t, isDirty: n, onChange: r, debounce: i = k, enabled: a = !0 } = e, s = null, c = !1;
+	function l() {
+		return typeof a == "function" ? a() : a;
+	}
+	function u() {
+		c = !0, f();
+	}
+	function d() {
+		c = !1;
+	}
+	function f() {
+		s &&= (clearTimeout(s), null);
+	}
+	function p() {
+		f(), n() && r(JSON.parse(JSON.stringify(t.value)));
+	}
+	function m() {
+		l() && !c && (f(), s = setTimeout(() => {
+			s = null, l() && !c && n() && r(JSON.parse(JSON.stringify(t.value)));
+		}, i));
+	}
+	let h = o(t, () => {
+		m();
+	}, { deep: !0 });
+	function g() {
+		h(), f();
+	}
+	return {
+		flush: p,
+		cancel: f,
+		pause: u,
+		resume: d,
+		destroy: g
+	};
+}
+function j(t) {
+	let n = i(/* @__PURE__ */ new Set()), r = e(() => n.size > 0);
+	function a(e) {
+		return n.has(e);
+	}
+	function o(e) {
+		n.has(e) ? n.delete(e) : (n.add(e), t.state.selectedBlockId === e && t.selectBlock(null));
+	}
+	function s() {
+		n.clear();
+	}
+	return {
+		isHidden: a,
+		toggleBlock: o,
+		reset: s,
+		hasHiddenBlocks: r
+	};
+}
+function M(t) {
+	let n = a(!1), r = a(!1), i = e(() => !!t.definition.value?.dataSource), o = e(() => i.value && !t.block.value.dataSourceFetched);
+	async function s() {
+		let e = t.definition.value;
+		if (e?.dataSource) {
+			n.value = !0, r.value = !1;
+			try {
+				let n = await e.dataSource.onFetch({
+					fieldValues: { ...t.block.value.fieldValues },
+					blockId: t.block.value.id
+				});
+				if (n == null) return;
+				let r = { ...t.block.value.fieldValues };
+				for (let e of Object.keys(r)) e in n && (r[e] = n[e]);
+				t.onUpdate(r, !0);
+			} catch (e) {
+				console.warn("[Templatical] Data source fetch error:", e), r.value = !0;
+			} finally {
+				n.value = !1;
+			}
+		}
+	}
+	return {
+		isFetching: n,
+		fetchError: r,
+		fetch: s,
+		hasDataSource: i,
+		needsFetch: o
+	};
+}
+function N(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);
+	};
+}
+function P(e) {
+	let { provider: t } = e, n = a([]), r = a(!1), i = c(() => {
+		let e = /* @__PURE__ */ new Set();
+		for (let t of n.value) {
+			let n = t.category?.trim();
+			n && e.add(n);
+		}
+		return [...e].sort((e, t) => e.localeCompare(t));
+	}), o = c(() => typeof t.create == "function"), s = c(() => typeof t.update == "function"), l = c(() => typeof t.delete == "function");
+	function u(e) {
+		return s.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) {
+		b(e.onError, t);
+	}
+	async function h(i) {
+		r.value = !0;
+		try {
+			n.value = await t.list(i);
+		} catch (t) {
+			throw e.onError?.(t), t;
+		} finally {
+			r.value = !1;
+		}
+	}
+	async function g(r, i, a) {
+		let { create: o } = t;
+		typeof o != "function" && f("create", "disabled by the provider");
+		try {
+			let e = await o(a ? {
+				name: r,
+				content: i,
+				category: a
+			} : {
+				name: r,
+				content: i
+			});
+			return n.value = [e, ...n.value], m(() => t.onCreated?.(e)), e;
+		} catch (t) {
+			throw e.onError?.(t), t;
+		}
+	}
+	async function _(r, i) {
+		let { update: a } = t;
+		typeof a != "function" && f("update", "disabled by the provider");
+		let o = n.value.find((e) => e.id === r);
+		o && o.canUpdate === !1 && f("update", `not permitted for entry "${r}"`);
+		try {
+			let e = await a(r, i);
+			return n.value = n.value.map((t) => t.id === r ? e : t), m(() => t.onUpdated?.(e)), e;
+		} catch (t) {
+			throw e.onError?.(t), t;
+		}
+	}
+	async function v(r) {
+		let { delete: i } = t;
+		typeof i != "function" && f("delete", "disabled by the provider");
+		let a = n.value.find((e) => e.id === r) ?? null;
+		a && a.canDelete === !1 && f("delete", `not permitted for entry "${r}"`);
+		try {
+			await i(r), n.value = n.value.filter((e) => e.id !== r), a && m(() => t.onDeleted?.(a));
+		} catch (t) {
+			throw e.onError?.(t), t;
+		}
+	}
+	return {
+		savedBlocks: n,
+		isLoading: r,
+		categories: i,
+		canCreate: o,
+		canUpdate: s,
+		canDelete: l,
+		canUpdateBlock: u,
+		canDeleteBlock: d,
+		load: h,
+		create: g,
+		update: _,
+		remove: v
+	};
+}
+var F = "templatical:saved-blocks";
+function I(e = {}) {
+	let t = e.key ?? F;
+	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));
+		}
+	};
+}
+var L = "templatical:media", R = 50;
+function z(e = {}) {
+	let t = e.key ?? L;
+	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 + R), 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
+	};
+}
+function B(e) {
+	let { provider: t, getTemplateId: n } = e, r = a([]), i = a(!1), o = a(void 0), s = a(!1), l = /* @__PURE__ */ new Map(), u = c(() => typeof t.create == "function"), d = c(() => typeof t.restore == "function");
+	function f(e) {
+		let t = n();
+		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) {
+		b(e.onError, t);
+	}
+	async function g(n) {
+		let a = f("list");
+		i.value = !0;
+		try {
+			let e = await t.list(a, n);
+			r.value = e.versions, o.value = e.nextCursor;
+		} catch (t) {
+			throw e.onError?.(t), t;
+		} finally {
+			i.value = !1;
+		}
+	}
+	function _(e) {
+		return e.content ?? l.get(e.id) ?? null;
+	}
+	async function v(n) {
+		let r = _(n);
+		if (r) return r;
+		let i = f("get");
+		try {
+			let e = await t.get(i, n.id);
+			return l.set(n.id, e), e;
+		} catch (t) {
+			throw e.onError?.(t), t;
+		}
+	}
+	async function y(n, i) {
+		let { create: a } = t;
+		typeof a != "function" && m("create");
+		let o = f("create");
+		try {
+			let e = await a(o, n, i);
+			return r.value = [e, ...r.value], h(() => t.onCreated?.(e)), e;
+		} catch (t) {
+			throw e.onError?.(t), t;
+		}
+	}
+	async function x(n) {
+		let { restore: r } = t;
+		typeof r != "function" && m("restore");
+		let i = f("restore"), a;
+		s.value = !0;
+		try {
+			a = await r(i, n);
+		} catch (t) {
+			throw e.onError?.(t), t;
+		} finally {
+			s.value = !1;
+		}
+		return h(() => t.onRestored?.(a)), a;
+	}
+	return {
+		nextCursor: o,
+		versions: r,
+		isLoading: i,
+		isRestoring: s,
+		canCreate: u,
+		canRestore: d,
+		load: g,
+		peekContent: _,
+		resolveContent: v,
+		create: y,
+		restore: x
+	};
+}
+function V(e) {
+	let { provider: t, getTemplateId: n, getUser: r } = e, i = a([]), o = a(!1), s = a(!1), l = c(() => typeof t.create == "function"), u = c(() => typeof t.update == "function"), d = c(() => typeof t.delete == "function"), f = c(() => typeof t.setResolved == "function"), m = c(() => i.value.reduce((e, t) => e + 1 + (t.replies?.length ?? 0), 0)), h = c(() => i.value.filter((e) => !e.resolvedAt).length), g = c(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of i.value) t.blockId && e.set(t.blockId, (e.get(t.blockId) ?? 0) + 1 + (t.replies?.length ?? 0));
+		return e;
+	});
+	function _(e) {
+		let t = n();
+		if (!t) throw new p(`[Templatical] Comments: ${e} needs a template. Call create() or load() first.`);
+		return t;
+	}
+	function v(e) {
+		let t = r();
+		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 i.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 = r();
+		return t !== null && e.author.id === t.id;
+	}
+	function w(t) {
+		let n = y(t);
+		throw e.onError?.(n), n;
+	}
+	function T(t) {
+		b(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 = i.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 && (i.value = n), t;
+		}
+		let t = i.value.findIndex((t) => t.id === e.id);
+		if (t === -1) return i.value = [...i.value, e], !0;
+		let n = {
+			...e,
+			replies: e.replies ?? i.value[t].replies
+		};
+		return !D(i.value[t], n) && (i.value = E(i.value, t, n), !0);
+	}
+	function k(e, t) {
+		let n = S(e), r = t ?? n?.parentId ?? null;
+		return r ? i.value = i.value.map((t) => t.id === r ? {
+			...t,
+			replies: (t.replies ?? []).filter((t) => t.id !== e)
+		} : t) : i.value = i.value.filter((t) => t.id !== e), n;
+	}
+	async function A(e) {
+		let n = _("list");
+		o.value = !0;
+		try {
+			i.value = await t.list(n, e);
+		} catch (e) {
+			w(e);
+		} finally {
+			o.value = !1;
+		}
+	}
+	async function j(e) {
+		let { create: n } = t;
+		typeof n != "function" && x("create");
+		let r = _("create");
+		v("create"), s.value = !0;
+		try {
+			let i = await n(r, e);
+			return O(i), T(() => t.onCreated?.(i, { origin: "local" })), i;
+		} catch (e) {
+			w(e);
+		} finally {
+			s.value = !1;
+		}
+	}
+	async function M(e, n) {
+		let { update: r } = t;
+		typeof r != "function" && x("update");
+		let i = _("update");
+		v("update"), s.value = !0;
+		try {
+			let a = await r(i, e, n);
+			return O(a), T(() => t.onUpdated?.(a, { origin: "local" })), a;
+		} catch (e) {
+			w(e);
+		} finally {
+			s.value = !1;
+		}
+	}
+	async function N(e) {
+		let { delete: n } = t;
+		typeof n != "function" && x("delete");
+		let r = _("delete");
+		v("delete");
+		let i = S(e);
+		s.value = !0;
+		try {
+			await n(r, e), k(e), i && T(() => t.onDeleted?.(i, { origin: "local" }));
+		} catch (e) {
+			w(e);
+		} finally {
+			s.value = !1;
+		}
+	}
+	async function P(e, n) {
+		let { setResolved: r } = t;
+		typeof r != "function" && x("setResolved");
+		let i = _("setResolved");
+		v("setResolved"), s.value = !0;
+		try {
+			let a = await r(i, e, n);
+			return O(a), T(() => (a.resolvedAt ? t.onResolved : t.onUnresolved)?.(a, { origin: "local" })), a;
+		} catch (e) {
+			w(e);
+		} finally {
+			s.value = !1;
+		}
+	}
+	function F(e) {
+		O(e) && T(() => t.onCreated?.(e, { origin: "remote" }));
+	}
+	function I(e) {
+		O(e) && T(() => (e.resolvedAt ? t.onResolved : t.onUpdated)?.(e, { origin: "remote" }));
+	}
+	function L(e, n) {
+		let r = k(e, n);
+		r && T(() => t.onDeleted?.(r, { origin: "remote" }));
+	}
+	return {
+		comments: i,
+		isLoading: o,
+		isSubmitting: s,
+		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 H(e) {
+	let { comments: r, provider: i, getTemplateId: a } = e, { subscribe: o } = i;
+	if (typeof o != "function") return;
+	let s = null;
+	function c() {
+		s?.(), s = null;
+	}
+	n(() => a(), (e) => {
+		c(), e && (s = o(e, (e) => {
+			switch (e.type) {
+				case "created":
+					r.applyRemoteCreate(e.comment);
+					break;
+				case "updated":
+					r.applyRemoteUpdate(e.comment);
+					break;
+				case "deleted": r.applyRemoteDelete(e.commentId, e.parentId);
+			}
+		}));
+	}, { immediate: !0 }), t(c);
+}
+//#endregion
+//#region src/utils/blockTypeLabels.ts
+function U(e, t) {
+	return t.blocks[e] ?? e;
+}
+function W(e, t, n = []) {
+	if (e.type !== "custom") return U(e.type, t);
+	let { customType: r } = e;
+	return n.find((e) => e.type === r)?.name ?? r;
+}
+//#endregion
+//#region src/utils/resolveFieldColors.ts
+function G(e, t) {
+	let n = _({ presets: e.presets }, g), r = n.presets.length === 0, i = e.allowCustom ?? t.allowCustom;
+	return {
+		presets: r ? t.presets : n.presets,
+		allowCustom: t.allowCustom !== !1 && i,
+		invalidPresets: n.invalidPresets,
+		emptyPresets: e.presets !== void 0 && e.presets.length === 0,
+		presetsInherited: r,
+		allowCustomIgnored: e.allowCustom === !0 && t.allowCustom === !1
+	};
+}
+var K = v({
+	name: "code",
+	size: 24,
+	node: [["path", {
+		d: "m16 18 6-6-6-6",
+		key: "eg8j8"
+	}], ["path", {
+		d: "m8 6-6 6 6 6",
+		key: "ppft3o"
+	}]]
+}), q = v({
+	name: "image",
+	size: 24,
+	node: [
+		["rect", {
+			width: "18",
+			height: "18",
+			x: "3",
+			y: "3",
+			rx: "2",
+			ry: "2",
+			key: "1m3agn"
+		}],
+		["circle", {
+			cx: "9",
+			cy: "9",
+			r: "2",
+			key: "af1f0g"
+		}],
+		["path", {
+			d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",
+			key: "1xmnt7"
+		}]
+	]
+}), J = v({
+	name: "navigation",
+	size: 24,
+	node: [["polygon", {
+		points: "3 11 22 2 13 21 11 13 3 11",
+		key: "1ltx0t"
+	}]]
+}), Y = v({
+	name: "share-2",
+	size: 24,
+	node: [
+		["circle", {
+			cx: "18",
+			cy: "5",
+			r: "3",
+			key: "gq8acd"
+		}],
+		["circle", {
+			cx: "6",
+			cy: "12",
+			r: "3",
+			key: "w7nqdw"
+		}],
+		["circle", {
+			cx: "18",
+			cy: "19",
+			r: "3",
+			key: "1xt0gg"
+		}],
+		["line", {
+			x1: "8.59",
+			x2: "15.42",
+			y1: "13.51",
+			y2: "17.49",
+			key: "47mynk"
+		}],
+		["line", {
+			x1: "15.41",
+			x2: "8.59",
+			y1: "6.51",
+			y2: "10.49",
+			key: "1n3mei"
+		}]
+	]
+}), X = v({
+	name: "table",
+	size: 24,
+	node: [
+		["path", {
+			d: "M12 3v18",
+			key: "108xh3"
+		}],
+		["rect", {
+			width: "18",
+			height: "18",
+			x: "3",
+			y: "3",
+			rx: "2",
+			key: "afitv7"
+		}],
+		["path", {
+			d: "M3 9h18",
+			key: "1pudct"
+		}],
+		["path", {
+			d: "M3 15h18",
+			key: "5xshup"
+		}]
+	]
+}), Z = "image/";
+function Q(e) {
+	let { target: t, onFiles: n, enabled: r } = e, i = () => r === void 0 || s(r), { isOverDropZone: a } = h(t, {
+		preventDefaultForUnhandled: !0,
+		onDrop: (e) => {
+			if (!i()) return;
+			let t = (e ?? []).filter((e) => e.type.startsWith(Z));
+			t.length > 0 && n([t[0]]);
+		}
+	});
+	return { isOver: c(() => i() && a.value) };
+}
+//#endregion
+//#region src/constants/socialIcons.ts
+var $ = d, ee = {
+	small: 24,
+	medium: 32,
+	large: 48
+}, te = [
+	"facebook",
+	"twitter",
+	"instagram",
+	"linkedin",
+	"youtube",
+	"tiktok",
+	"pinterest",
+	"email",
+	"website",
+	"whatsapp",
+	"telegram",
+	"discord",
+	"snapchat",
+	"reddit",
+	"github",
+	"dribbble",
+	"behance"
+];
+//#endregion
+export { E as C, B as E, S, P as T, O as _, X as a, j as b, q as c, W as d, U as f, A as g, I as h, Q as i, K as l, z as m, $ as n, Y as o, k as p, te as r, J as s, ee as t, G as u, H as v, N as w, M as x, V as y };