@templatical/editor 0.6.4 → 0.6.6

package/dist/useEditorCore-CnXrv71D.js

@@ -0,0 +1,3794 @@
+import { A as e, B as t, D as n, E as r, F as i, G as a, J as o, L as s, M as c, N as l, O as u, Q as d, S as f, U as p, V as m, X as h, Y as g, _, at as v, b as y, c as b, d as x, et as S, f as C, h as w, it as T, j as E, k as ee, l as D, m as O, nt as k, o as te, ot as A, p as ne, q as re, rt as j, s as ie, st as M, v as N, w as ae, x as oe, y as se, z as ce } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
+import { A as le, S as ue, T as de, _ as fe, a as pe, b as me, c as he, d as ge, f as _e, g as ve, h as ye, j as be, k as xe, l as Se, m as Ce, o as we, p as Te, s as Ee, t as De, u as Oe, v as ke, x as Ae, y as je } from "./dist-DJmnUmW9.js";
+import { a as Me, c as Ne, i as Pe, l as Fe, n as Ie, r as Le, s as Re } from "./dist-BzRLLpfq.js";
+import { D as ze, E as Be, O as Ve, S as He, T as Ue, _ as We, a as Ge, b as Ke, c as qe, d as Je, f as Ye, g as Xe, h as Ze, m as Qe, o as $e, p as et, r as tt, s as nt, t as rt, v as it, x as at, y as ot } from "./keys-Bqs_0du9.js";
+import { t as st } from "./useI18n-CgmQftNf.js";
+import { t as P } from "./createLucideIcon-Di4mqmGn.js";
+import { t as ct } from "./message-circle-gzy2ZGJ3.js";
+import { t as lt } from "./trash-2-424iqbpN.js";
+import { t as ut } from "./triangle-alert-DWQySIE2.js";
+import { t as dt } from "./LoadingTrack-CFkDkjBb.js";
+import { t as ft } from "./_plugin-vue_export-helper-B0hnzhyu.js";
+import "./useCloudI18n-CL_AwWwi.js";
+import { t as pt } from "./useMergeTag-vpwrZ9eQ.js";
+//#region ../core/dist/index.js
+function mt(e) {
+	let t = o({
+		content: e.content ?? Oe(e.defaultFontFamily, e.templateDefaults),
+		selectedBlockId: null,
+		viewport: "desktop",
+		darkMode: !1,
+		previewMode: !1,
+		isDirty: !1,
+		uiTheme: "auto"
+	}), n = m({
+		get: () => t.content,
+		set: (e) => {
+			t.content = e, t.isDirty = !0;
+		}
+	}), r = m(() => t.selectedBlockId ? i(t.content.blocks, t.selectedBlockId) : null);
+	function i(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 = i(e, t);
+				if (n) return n;
+			}
+		}
+		return null;
+	}
+	function a(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 = a(i.children[e], t, {
+					blocks: i.children[e],
+					sectionId: i.id,
+					columnIndex: e
+				});
+				if (n) return n;
+			}
+		}
+		return null;
+	}
+	function s(t) {
+		return e.lockedBlocks?.value.has(t) ?? !1;
+	}
+	function c(e, n = !0) {
+		t.content = e, n && (t.isDirty = !0);
+	}
+	function l(e) {
+		e && s(e) || (t.selectedBlockId = e);
+	}
+	function u(e) {
+		t.viewport = e;
+	}
+	function d(e) {
+		t.darkMode = e;
+	}
+	function f(e) {
+		t.uiTheme = e;
+	}
+	function p(e) {
+		t.previewMode = e, e && (t.selectedBlockId = null);
+	}
+	function h(e, n) {
+		if (s(e)) return;
+		let r = i(t.content.blocks, e);
+		r && (Object.assign(r, n), t.isDirty = !0);
+	}
+	function _(e) {
+		t.content.settings = {
+			...t.content.settings,
+			...e
+		}, t.isDirty = !0;
+	}
+	function v(e, n, r = 0, a) {
+		if (n) {
+			if (s(n)) return;
+			let o = i(t.content.blocks, n);
+			if (o && o.type === "section") {
+				o.children[r] = o.children[r] || [];
+				let t = o.children[r];
+				a !== void 0 && a < t.length ? t.splice(a, 0, e) : t.push(e);
+			}
+		} else a !== void 0 && a < t.content.blocks.length ? t.content.blocks.splice(a, 0, e) : t.content.blocks.push(e);
+		t.isDirty = !0;
+	}
+	function y(e) {
+		if (s(e)) return;
+		let n = a(t.content.blocks, e);
+		if (n) {
+			let r = n.blocks.findIndex((t) => t.id === e);
+			r !== -1 && (n.blocks.splice(r, 1), t.selectedBlockId === e && (t.selectedBlockId = null), t.isDirty = !0);
+		}
+	}
+	function b(e, n, r, o = 0) {
+		if (s(e) || r && s(r)) return;
+		let c = a(t.content.blocks, e);
+		if (!c) return;
+		let l = c.blocks.findIndex((t) => t.id === e);
+		if (l === -1) return;
+		let u;
+		if (r) {
+			let e = i(t.content.blocks, r);
+			if (!e || e.type !== "section") return;
+			e.children[o] = e.children[o] || [], u = e.children[o];
+		} else u = t.content.blocks;
+		let [d] = c.blocks.splice(l, 1);
+		u.splice(n, 0, d), t.isDirty = !0;
+	}
+	function x() {
+		t.isDirty = !0;
+	}
+	return {
+		state: g(t),
+		content: n,
+		selectedBlock: r,
+		isBlockLocked: s,
+		setContent: c,
+		selectBlock: l,
+		setViewport: u,
+		setDarkMode: d,
+		setUiTheme: f,
+		setPreviewMode: p,
+		updateBlock: h,
+		updateSettings: _,
+		addBlock: v,
+		removeBlock: y,
+		moveBlock: b,
+		markDirty: x
+	};
+}
+var ht = 50, gt = 300, _t = 1500;
+function vt(e) {
+	let { content: t, setContent: n, isRemoteOperation: r, maxSize: i = ht } = e, a = h([]), o = h([]), s = h(!1), c = null, l = null, u = m(() => a.value.length > 0), d = m(() => o.value.length > 0);
+	function f() {
+		return JSON.parse(JSON.stringify(t.value));
+	}
+	function p(e) {
+		a.value.push(e), a.value.length > i && a.value.splice(0, a.value.length - i);
+	}
+	function g() {
+		l &&= (clearTimeout(l.timeoutId), null);
+	}
+	function _() {
+		r?.() || (g(), p(f()), o.value = []);
+	}
+	function v(e) {
+		if (!r?.()) {
+			if (l && l.blockId === e) {
+				clearTimeout(l.timeoutId), l.timeoutId = setTimeout(() => {
+					l = null;
+				}, gt);
+				return;
+			}
+			g(), p(f()), o.value = [], l = {
+				blockId: e,
+				timeoutId: setTimeout(() => {
+					l = null;
+				}, gt)
+			};
+		}
+	}
+	function y() {
+		s.value = !0, c && clearTimeout(c), c = setTimeout(() => {
+			s.value = !1, c = null;
+		}, _t);
+	}
+	function b() {
+		if (a.value.length === 0) return;
+		g();
+		let e = a.value.pop();
+		o.value.push(f()), n(e, !0), y();
+	}
+	function x() {
+		if (o.value.length === 0) return;
+		g();
+		let e = o.value.pop();
+		a.value.push(f()), n(e, !0), y();
+	}
+	function S() {
+		a.value = [], o.value = [], g();
+	}
+	function C() {
+		S(), c &&= (clearTimeout(c), null);
+	}
+	return {
+		canUndo: u,
+		canRedo: d,
+		isNavigating: s,
+		undo: b,
+		redo: x,
+		record: _,
+		recordDebounced: v,
+		clear: S,
+		destroy: C
+	};
+}
+function yt(e) {
+	let { addBlock: t, removeBlock: n, updateBlock: r, selectBlock: i } = e;
+	function a(n, r, a) {
+		let o = we(n, e.blockDefaults);
+		return t(o, r, a), i(o.id), o;
+	}
+	function o(e, n, r) {
+		let a = JSON.parse(JSON.stringify(e));
+		return a.id = ue(), a.type === "section" && (a.children = a.children.map((e) => e.map((e) => {
+			let t = JSON.parse(JSON.stringify(e));
+			return t.id = ue(), t;
+		}))), t(a, n, r), i(a.id), a;
+	}
+	function s(e) {
+		n(e);
+	}
+	function c(e, t, n) {
+		r(e, { [t]: n });
+	}
+	return {
+		createAndAddBlock: a,
+		duplicateBlock: o,
+		deleteBlock: s,
+		updateBlockProperty: c
+	};
+}
+function bt(e) {
+	let { content: t, isDirty: n, onChange: r, debounce: i = 1e3, enabled: a = !0 } = e, o = null, s = !1;
+	function c() {
+		return typeof a == "function" ? a() : a;
+	}
+	function l() {
+		s = !0, d();
+	}
+	function u() {
+		s = !1;
+	}
+	function d() {
+		o &&= (clearTimeout(o), null);
+	}
+	function f() {
+		d(), n() && r(JSON.parse(JSON.stringify(t.value)));
+	}
+	function p() {
+		!c() || s || (d(), o = setTimeout(() => {
+			o = null, c() && !s && n() && r(JSON.parse(JSON.stringify(t.value)));
+		}, i));
+	}
+	let m = T(t, () => {
+		c() && !s && n() && p();
+	}, { deep: !0 });
+	function h() {
+		m(), d();
+	}
+	return {
+		flush: f,
+		cancel: d,
+		pause: l,
+		resume: u,
+		destroy: h
+	};
+}
+function xt(e) {
+	let t = o(/* @__PURE__ */ new Set()), n = m(() => t.size > 0);
+	function r(e) {
+		return t.has(e);
+	}
+	function i(n) {
+		t.has(n) ? t.delete(n) : (t.add(n), e.state.selectedBlockId === n && e.selectBlock(null));
+	}
+	function a() {
+		t.clear();
+	}
+	return {
+		isHidden: r,
+		toggleBlock: i,
+		reset: a,
+		hasHiddenBlocks: n
+	};
+}
+function St(e) {
+	let t = h(!1), n = h(!1), r = m(() => !!e.definition.value?.dataSource), i = m(() => r.value && !e.block.value.dataSourceFetched);
+	async function a() {
+		let r = e.definition.value;
+		if (r?.dataSource) {
+			t.value = !0, n.value = !1;
+			try {
+				let t = await r.dataSource.onFetch({
+					fieldValues: { ...e.block.value.fieldValues },
+					blockId: e.block.value.id
+				});
+				if (t == null) return;
+				let n = { ...e.block.value.fieldValues };
+				for (let e of Object.keys(n)) e in t && (n[e] = t[e]);
+				e.onUpdate(n, !0);
+			} catch (e) {
+				console.warn("[Templatical] Data source fetch error:", e), n.value = !0;
+			} finally {
+				t.value = !1;
+			}
+		}
+	}
+	return {
+		isFetching: t,
+		fetchError: n,
+		fetch: a,
+		hasDataSource: r,
+		needsFetch: i
+	};
+}
+function Ct(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 src/composables/useAccessibilityLint.ts
+function wt(e) {
+	let t = h([]), n = h(!1), r = h(!1), i = d(null), a = e.options.disabled === !0, o = null, c = !1;
+	a || l();
+	async function l() {
+		try {
+			let t = await import("@templatical/quality");
+			if (c) return;
+			i.value = t.lintAccessibility, n.value = !0, u(), o = Fe(e.content, u, {
+				debounce: e.debounce ?? 500,
+				deep: !0
+			});
+		} catch {
+			if (c) return;
+			r.value = !0;
+		}
+	}
+	function u() {
+		i.value && (t.value = i.value(e.content.value, e.options));
+	}
+	let f = s(() => e.options, () => {
+		i.value && u();
+	}, { deep: !0 });
+	function p(t) {
+		t.fix && t.fix.apply({
+			updateBlock: e.updateBlock,
+			updateSettings: e.updateSettings
+		});
+	}
+	function m() {
+		c = !0, o?.(), f();
+	}
+	return {
+		issues: t,
+		ready: n,
+		unavailable: r,
+		applyFix: p,
+		destroy: m
+	};
+}
+//#endregion
+//#region src/utils/blockTypeLabels.ts
+function Tt(e, t) {
+	return t.blocks[e] ?? e;
+}
+//#endregion
+//#region src/composables/useKeyboardReorder.ts
+function Et(e, t) {
+	let n = h(null), r = h(""), i = null;
+	function a(t) {
+		let n = e.content.value.blocks, r = n.findIndex((e) => e.id === t);
+		if (r !== -1) return {
+			index: r,
+			total: n.length
+		};
+		for (let e of n) {
+			if (e.type !== "section") continue;
+			let n = e;
+			for (let e = 0; e < n.children.length; e++) {
+				let r = n.children[e], i = r.findIndex((e) => e.id === t);
+				if (i !== -1) return {
+					index: i,
+					total: r.length,
+					sectionId: n.id,
+					columnIndex: e
+				};
+			}
+		}
+		return null;
+	}
+	function o(n) {
+		let r = a(n);
+		if (!r) return "";
+		let i = (r.sectionId ? s(r.sectionId, r.columnIndex ?? 0) : e.content.value.blocks)?.[r.index];
+		return i ? Tt(i.type, t.t) : "";
+	}
+	function s(t, n) {
+		return e.content.value.blocks.find((e) => e.id === t && e.type === "section")?.children[n] ?? null;
+	}
+	function c(e) {
+		r.value = "", queueMicrotask(() => {
+			r.value = e;
+		});
+	}
+	function l(e) {
+		return n.value === e;
+	}
+	function u(e) {
+		let r = a(e);
+		r && (n.value = e, i = r, c(t.format(t.t.blockActions.lifted, {
+			block: o(e),
+			position: String(r.index + 1),
+			total: String(r.total)
+		})));
+	}
+	function d(n, r) {
+		let i = a(n);
+		if (!i) return;
+		let s = i.index + r;
+		s < 0 || s >= i.total || (e.moveBlock(n, s, i.sectionId, i.columnIndex), c(t.format(t.t.blockActions.moved, {
+			block: o(n),
+			position: String(s + 1),
+			total: String(i.total)
+		})));
+	}
+	function f(e) {
+		d(e, -1);
+	}
+	function p(e) {
+		d(e, 1);
+	}
+	function m(e) {
+		let r = a(e);
+		r && c(t.format(t.t.blockActions.dropped, {
+			block: o(e),
+			position: String(r.index + 1),
+			total: String(r.total)
+		})), n.value = null, i = null;
+	}
+	function g() {
+		let r = n.value;
+		if (r && i) {
+			let n = a(r), s = !!n && (n.sectionId !== i.sectionId || n.columnIndex !== i.columnIndex), l = !!n && n.index !== i.index;
+			n && (s || l) && e.moveBlock(r, i.index, i.sectionId, i.columnIndex), c(t.format(t.t.blockActions.cancelled, {
+				block: o(r),
+				position: String(i.index + 1)
+			}));
+		}
+		n.value = null, i = null;
+	}
+	return {
+		liftedBlockId: n,
+		announcement: r,
+		isLifted: l,
+		lift: u,
+		cancel: g,
+		moveUp: f,
+		moveDown: p,
+		drop: m
+	};
+}
+//#endregion
+//#region src/composables/useUiTheme.ts
+function Dt(e) {
+	let t = Pe("(prefers-color-scheme: dark)");
+	return { resolvedTheme: x(() => e.value === "auto" ? t.value ? "dark" : "light" : e.value) };
+}
+//#endregion
+//#region src/composables/useThemeStyles.ts
+var Ot = {
+	bg: "--tpl-bg",
+	bgElevated: "--tpl-bg-elevated",
+	bgHover: "--tpl-bg-hover",
+	bgActive: "--tpl-bg-active",
+	border: "--tpl-border",
+	borderLight: "--tpl-border-light",
+	text: "--tpl-text",
+	textMuted: "--tpl-text-muted",
+	textDim: "--tpl-text-dim",
+	primary: "--tpl-primary",
+	primaryHover: "--tpl-primary-hover",
+	primaryLight: "--tpl-primary-light",
+	secondary: "--tpl-secondary",
+	secondaryHover: "--tpl-secondary-hover",
+	secondaryLight: "--tpl-secondary-light",
+	success: "--tpl-success",
+	successLight: "--tpl-success-light",
+	warning: "--tpl-warning",
+	warningLight: "--tpl-warning-light",
+	danger: "--tpl-danger",
+	dangerLight: "--tpl-danger-light",
+	canvasBg: "--tpl-canvas-bg"
+};
+function kt({ themeOverrides: e, resolvedTheme: t, extraStyles: n }) {
+	return { themeStyles: x(() => {
+		let r = {}, i = e.value, a = t.value === "dark" ? i.dark : i;
+		if (a) for (let [e, t] of Object.entries(Ot)) {
+			let n = a[e];
+			n && (r[t] = n);
+		}
+		return n && Object.assign(r, n()), r;
+	}) };
+}
+//#endregion
+//#region src/utils/logger.ts
+var At = "[Templatical]";
+function jt() {
+	return typeof process < "u" && process.env.NODE_ENV === "production";
+}
+var Mt = {
+	warn(...e) {
+		console.warn(At, ...e);
+	},
+	error(...e) {
+		console.error(At, ...e);
+	},
+	debug(...e) {
+		jt() || console.debug(At, ...e);
+	},
+	info(...e) {
+		jt() || console.info(At, ...e);
+	}
+};
+//#endregion
+//#region src/composables/useBlockRegistry.ts
+function Nt() {
+	let e = d(/* @__PURE__ */ new Map());
+	function t(t, n) {
+		e.value.set(t, n), k(e);
+	}
+	function n(t, n) {
+		let r = `custom:${t.type}`, i = {
+			component: n,
+			createBlock: () => Se(t),
+			sidebarItem: {
+				type: r,
+				label: t.name,
+				icon: t.icon,
+				description: t.description,
+				isCustom: !0
+			},
+			definition: t
+		};
+		e.value.set(r, i), k(e);
+	}
+	function r(t) {
+		if (t.type === "custom") {
+			let n = `custom:${t.customType}`;
+			return e.value.get(n)?.component;
+		}
+		return e.value.get(t.type)?.component;
+	}
+	function i(t) {
+		return e.value.get(t)?.createBlock();
+	}
+	function a() {
+		let t = [], n = [];
+		for (let r of e.value.values()) r.sidebarItem.isCustom ? n.push(r.sidebarItem) : t.push(r.sidebarItem);
+		return [...t, ...n];
+	}
+	function o(t) {
+		let n = `custom:${t}`;
+		return e.value.get(n)?.definition;
+	}
+	function s(e) {
+		return `<div style="color: var(--tpl-text-muted); padding: 16px; text-align: center; border: 1px dashed var(--tpl-border); border-radius: var(--tpl-radius-sm); font-family: var(--tpl-font-family); font-size: 14px;">${e}</div>`;
+	}
+	async function c(e) {
+		let t = o(e.customType);
+		if (!t) return s("Block definition not found");
+		try {
+			let { Liquid: n } = await import("./liquid.browser-CdMv1BTn.js");
+			return await new n({
+				strictVariables: !1,
+				strictFilters: !1
+			}).parseAndRender(t.template, e.fieldValues);
+		} catch (t) {
+			return Mt.error(`Failed to render custom block "${e.customType}":`, t), s(`Render error: ${e.customType}`);
+		}
+	}
+	function l(t) {
+		return e.value.has(t);
+	}
+	return {
+		registerBuiltIn: t,
+		registerCustom: n,
+		getComponent: r,
+		createBlock: i,
+		getSidebarItems: a,
+		getDefinition: o,
+		renderCustomBlock: c,
+		isRegistered: l
+	};
+}
+//#endregion
+//#region src/utils/registerBuiltInBlocks.ts
+var Pt = [
+	{
+		type: "section",
+		label: "Section",
+		createBlock: ve
+	},
+	{
+		type: "title",
+		label: "Title",
+		createBlock: me
+	},
+	{
+		type: "paragraph",
+		label: "Paragraph",
+		createBlock: ye
+	},
+	{
+		type: "image",
+		label: "Image",
+		createBlock: Te
+	},
+	{
+		type: "button",
+		label: "Button",
+		createBlock: Ee
+	},
+	{
+		type: "divider",
+		label: "Divider",
+		createBlock: ge
+	},
+	{
+		type: "video",
+		label: "Video",
+		createBlock: Ae
+	},
+	{
+		type: "social",
+		label: "Social",
+		createBlock: fe
+	},
+	{
+		type: "menu",
+		label: "Menu",
+		createBlock: Ce
+	},
+	{
+		type: "table",
+		label: "Table",
+		createBlock: je
+	},
+	{
+		type: "spacer",
+		label: "Spacer",
+		createBlock: ke
+	},
+	{
+		type: "html",
+		label: "HTML",
+		createBlock: _e
+	},
+	{
+		type: "countdown",
+		label: "Countdown",
+		createBlock: he
+	}
+];
+function Ft(e, t) {
+	for (let n of Pt) {
+		let r = t[n.type];
+		r && e.registerBuiltIn(n.type, {
+			component: r,
+			createBlock: n.createBlock,
+			sidebarItem: {
+				type: n.type,
+				label: n.label,
+				isCustom: !1
+			}
+		});
+	}
+}
+//#endregion
+//#region src/utils/keyboardShortcuts.ts
+function It(e) {
+	let t = e.target;
+	return t.isContentEditable || t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.tagName === "SELECT";
+}
+function Lt(e, t) {
+	let n = e.metaKey || e.ctrlKey;
+	if (n && e.key.toLowerCase() === "s") {
+		e.preventDefault(), t.onSave?.();
+		return;
+	}
+	if (n && e.key.toLowerCase() === "z") {
+		if (It(e)) return;
+		e.preventDefault(), e.shiftKey ? t.history.redo() : (t.onBeforeUndo?.(), t.history.undo());
+		return;
+	}
+	if (e.key === "Escape") {
+		t.selectBlock(null);
+		return;
+	}
+	(e.key === "Delete" || e.key === "Backspace") && t.getSelectedBlockId() && !It(e) && (e.preventDefault(), t.history.record(), t.removeBlock(t.getSelectedBlockId()));
+}
+//#endregion
+//#region src/components/blocks/ButtonBlock.vue?vue&type=script&setup=true&lang.ts
+var Rt = { class: "tpl:text-center" }, zt = ["href"], Bt = /* @__PURE__ */ y({
+	__name: "ButtonBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(t) {
+		let n = t, r = x(() => {
+			let e = {
+				display: "inline-block",
+				padding: `${n.block.buttonPadding.top}px ${n.block.buttonPadding.right}px ${n.block.buttonPadding.bottom}px ${n.block.buttonPadding.left}px`,
+				backgroundColor: n.block.backgroundColor,
+				color: n.block.textColor,
+				fontSize: `${n.block.fontSize}px`,
+				fontWeight: "bold",
+				textDecoration: "none",
+				borderRadius: `${n.block.borderRadius}px`,
+				textAlign: "center"
+			};
+			return n.block.fontFamily && (e.fontFamily = n.block.fontFamily), e;
+		});
+		return (n, i) => (e(), w("div", Rt, [C("a", {
+			href: t.block.url || "#",
+			style: A(r.value),
+			class: "tpl:cursor-default",
+			onClick: i[0] ||= b(() => {}, ["prevent"])
+		}, M(t.block.text), 13, zt)]));
+	}
+}), Vt = P("bookmark", [["path", {
+	d: "M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z",
+	key: "oz39mx"
+}]]), Ht = P("box", [
+	["path", {
+		d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z",
+		key: "hh9hay"
+	}],
+	["path", {
+		d: "m3.3 7 8.7 5 8.7-5",
+		key: "g66t2b"
+	}],
+	["path", {
+		d: "M12 22V12",
+		key: "d0xqtd"
+	}]
+]), Ut = P("code", [["path", {
+	d: "m16 18 6-6-6-6",
+	key: "eg8j8"
+}], ["path", {
+	d: "m8 6-6 6 6 6",
+	key: "ppft3o"
+}]]), Wt = P("copy", [["rect", {
+	width: "14",
+	height: "14",
+	x: "8",
+	y: "8",
+	rx: "2",
+	ry: "2",
+	key: "17jyea"
+}], ["path", {
+	d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",
+	key: "zix9uf"
+}]]), Gt = P("eye-off", [
+	["path", {
+		d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",
+		key: "ct8e1f"
+	}],
+	["path", {
+		d: "M14.084 14.158a3 3 0 0 1-4.242-4.242",
+		key: "151rxh"
+	}],
+	["path", {
+		d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",
+		key: "13bj9a"
+	}],
+	["path", {
+		d: "m2 2 20 20",
+		key: "1ooewy"
+	}]
+]), Kt = P("funnel", [["path", {
+	d: "M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z",
+	key: "sc7q7i"
+}]]), qt = P("grip-vertical", [
+	["circle", {
+		cx: "9",
+		cy: "12",
+		r: "1",
+		key: "1vctgf"
+	}],
+	["circle", {
+		cx: "9",
+		cy: "5",
+		r: "1",
+		key: "hp0tcf"
+	}],
+	["circle", {
+		cx: "9",
+		cy: "19",
+		r: "1",
+		key: "fkjjf6"
+	}],
+	["circle", {
+		cx: "15",
+		cy: "12",
+		r: "1",
+		key: "1tmaij"
+	}],
+	["circle", {
+		cx: "15",
+		cy: "5",
+		r: "1",
+		key: "19l28e"
+	}],
+	["circle", {
+		cx: "15",
+		cy: "19",
+		r: "1",
+		key: "f4zoj3"
+	}]
+]), Jt = P("image", [
+	["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"
+	}]
+]), Yt = P("navigation", [["polygon", {
+	points: "3 11 22 2 13 21 11 13 3 11",
+	key: "1ltx0t"
+}]]), Xt = P("puzzle", [["path", {
+	d: "M15.39 4.39a1 1 0 0 0 1.68-.474 2.5 2.5 0 1 1 3.014 3.015 1 1 0 0 0-.474 1.68l1.683 1.682a2.414 2.414 0 0 1 0 3.414L19.61 15.39a1 1 0 0 1-1.68-.474 2.5 2.5 0 1 0-3.014 3.015 1 1 0 0 1 .474 1.68l-1.683 1.682a2.414 2.414 0 0 1-3.414 0L8.61 19.61a1 1 0 0 0-1.68.474 2.5 2.5 0 1 1-3.014-3.015 1 1 0 0 0 .474-1.68l-1.683-1.682a2.414 2.414 0 0 1 0-3.414L4.39 8.61a1 1 0 0 1 1.68.474 2.5 2.5 0 1 0 3.014-3.015 1 1 0 0 1-.474-1.68l1.683-1.682a2.414 2.414 0 0 1 3.414 0z",
+	key: "w46dr5"
+}]]), Zt = P("share-2", [
+	["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"
+	}]
+]), Qt = P("table", [
+	["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"
+	}]
+]), $t = P("video", [["path", {
+	d: "m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",
+	key: "ftymec"
+}], ["rect", {
+	x: "2",
+	y: "6",
+	width: "14",
+	height: "12",
+	rx: "2",
+	key: "158x01"
+}]]), en = ["innerHTML"], tn = [
+	"src",
+	"width",
+	"height"
+], nn = /* @__PURE__ */ y({
+	__name: "CustomBlockIcon",
+	props: {
+		icon: {},
+		size: {}
+	},
+	setup(t) {
+		let n = t, r = x(() => n.size ?? 20), i = x(() => n.icon && (n.icon.trimStart().startsWith("<svg") || n.icon.trimStart().startsWith("<SVG"))), a = x(() => n.icon && !i.value && (n.icon.startsWith("http") || n.icon.startsWith("/")));
+		return (n, o) => i.value ? (e(), w("span", {
+			key: 0,
+			class: "tpl:inline-flex tpl:items-center tpl:justify-center",
+			style: A({
+				width: `${r.value}px`,
+				height: `${r.value}px`
+			}),
+			innerHTML: t.icon
+		}, null, 12, en)) : a.value ? (e(), w("img", {
+			key: 1,
+			src: t.icon,
+			width: r.value,
+			height: r.value,
+			class: "tpl:inline-block",
+			alt: ""
+		}, null, 8, tn)) : (e(), ne(j(Ht), {
+			key: 2,
+			size: r.value,
+			"stroke-width": 1.5
+		}, null, 8, ["size"]));
+	}
+}), rn = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function an(e, t) {
+	let n = null, r = null, i = null;
+	function a() {
+		return e.value ? Array.from(e.value.querySelectorAll(rn)).filter((e) => e.offsetParent !== null) : [];
+	}
+	function o(e) {
+		if (e.key !== "Tab") return;
+		let t = a();
+		if (t.length === 0) return;
+		let n = t[0], r = t[t.length - 1];
+		e.shiftKey ? document.activeElement === n && (e.preventDefault(), r.focus()) : document.activeElement === r && (e.preventDefault(), n.focus());
+	}
+	function c() {
+		let t = r !== null || i !== null;
+		t && l({ restoreFocus: !1 }), t || (n = document.activeElement), i = requestAnimationFrame(() => {
+			i = null;
+			let t = a();
+			t.length > 0 && (e.value?.querySelector("[autofocus], input:not([disabled])") ?? t[0]).focus();
+		}), r = Le(e, "keydown", o);
+	}
+	function l(e = {}) {
+		let t = e.restoreFocus !== !1;
+		i !== null && (typeof cancelAnimationFrame < "u" && cancelAnimationFrame(i), i = null), r?.(), r = null, t && n && n.focus && (n.focus(), n = null);
+	}
+	let u = s([t, e], ([e, t]) => {
+		e && t ? c() : l();
+	}, { flush: "post" });
+	re(() => {
+		u(), l();
+	});
+}
+//#endregion
+//#region src/composables/useEmoji.ts
+function on() {
+	let [e, t] = Ne(!1), n = d([]), r = !1;
+	re(() => {
+		r = !0;
+	}), s(e, async (e) => {
+		if (e && n.value.length === 0) {
+			let { emojiCategories: e } = await import("./emojiData-PQyVa4bU.js");
+			if (r) return;
+			n.value = e;
+		}
+	});
+	function i() {
+		t();
+	}
+	function a() {
+		e.value = !1;
+	}
+	return {
+		categories: n,
+		isOpen: e,
+		toggle: i,
+		close: a
+	};
+}
+//#endregion
+//#region src/composables/useDragDrop.ts
+function sn(e) {
+	let { onBlockMove: t, onBlockAdd: n } = e, r = h(!1), i = h(null), a = h(null);
+	function o(e) {
+		r.value = !0, i.value = e;
+	}
+	function s() {
+		r.value = !1, i.value = null, a.value = null;
+	}
+	function c(e) {
+		a.value = e;
+	}
+	function l(e, r, a, o) {
+		i.value && (e.findIndex((e) => e.id === i.value.id) === -1 ? n(i.value, a, o) : t(i.value.id, r, a, o), s());
+	}
+	function u(e, n, i) {
+		return {
+			group: e,
+			animation: 150,
+			ghostClass: "tpl-ghost",
+			dragClass: "tpl-drag",
+			handle: ".tpl-drag-handle",
+			onStart: (e) => {
+				e.item.dataset.blockId && (r.value = !0);
+			},
+			onEnd: () => {
+				s();
+			},
+			onAdd: (e) => {
+				let r = e.item.dataset.blockId;
+				r && t(r, e.newIndex, n, i);
+			},
+			onUpdate: (e) => {
+				let r = e.item.dataset.blockId;
+				r && t(r, e.newIndex, n, i);
+			}
+		};
+	}
+	return {
+		isDragging: r,
+		draggedBlock: i,
+		dropTargetId: a,
+		startDrag: o,
+		endDrag: s,
+		setDropTarget: c,
+		handleDrop: l,
+		getSortableOptions: u
+	};
+}
+//#endregion
+//#region src/composables/useFonts.ts
+var cn = [
+	{
+		value: "Arial",
+		label: "Arial"
+	},
+	{
+		value: "Helvetica",
+		label: "Helvetica"
+	},
+	{
+		value: "Georgia",
+		label: "Georgia"
+	},
+	{
+		value: "Times New Roman",
+		label: "Times New Roman"
+	},
+	{
+		value: "Verdana",
+		label: "Verdana"
+	},
+	{
+		value: "Trebuchet MS",
+		label: "Trebuchet MS"
+	},
+	{
+		value: "Courier New",
+		label: "Courier New"
+	}
+], ln = {
+	arial: "Arial, sans-serif",
+	helvetica: "Helvetica, sans-serif",
+	georgia: "Georgia, serif",
+	"times new roman": "'Times New Roman', serif",
+	verdana: "Verdana, sans-serif",
+	"trebuchet ms": "'Trebuchet MS', sans-serif",
+	"courier new": "'Courier New', monospace"
+}, un = "Arial, sans-serif";
+function dn(e) {
+	let t = h(e?.customFonts ?? []), n = h(!0), r = h(!1), i = x(() => e?.defaultFallback ?? un);
+	function a(e) {
+		n.value = e;
+	}
+	let o = x(() => {
+		let e = [...cn];
+		if (!n.value) return e.sort((e, t) => e.label.localeCompare(t.label));
+		let r = t.value.map((e) => ({
+			value: e.name,
+			label: e.name,
+			isCustom: !0
+		})), i = [...e, ...r];
+		return i.sort((e, t) => e.label.localeCompare(t.label)), i;
+	});
+	function s(e) {
+		return o.value.some((t) => t.label.toLowerCase() === e.toLowerCase() || t.value.toLowerCase().startsWith(e.toLowerCase()));
+	}
+	function c(e) {
+		return cn.some((t) => t.label.toLowerCase() === e.toLowerCase() || t.value.toLowerCase().startsWith(e.toLowerCase()));
+	}
+	function l() {
+		if (e?.defaultFont) {
+			if (!n.value && !c(e.defaultFont)) return un;
+			if (s(e.defaultFont)) {
+				let t = o.value.find((t) => t.label.toLowerCase() === e.defaultFont.toLowerCase() || t.value.toLowerCase().startsWith(e.defaultFont.toLowerCase()));
+				if (t) return t.value;
+			}
+		}
+		return un;
+	}
+	let u = x(() => l());
+	function d(e) {
+		if (!e) return i.value;
+		let n = t.value.find((t) => t.name.toLowerCase() === e.toLowerCase());
+		if (n) {
+			let e = n.fallback ?? i.value;
+			return `'${n.name}', ${e}`;
+		}
+		return ln[e.toLowerCase()] || (e.includes(",") ? e : `${e}, ${i.value}`);
+	}
+	let f = [];
+	async function m() {
+		if (t.value.length === 0) {
+			r.value = !0;
+			return;
+		}
+		let e = t.value.map(async (e) => {
+			try {
+				if (document.querySelector(`link[data-custom-font="${CSS.escape(e.name)}"]`)) return;
+				let t = document.createElement("link");
+				t.rel = "stylesheet", t.href = e.url, t.setAttribute("data-custom-font", e.name), f.push(t), await new Promise((n, r) => {
+					t.onload = () => n(), t.onerror = () => r(/* @__PURE__ */ Error(`Failed to load font: ${e.name}`)), document.head.appendChild(t);
+				});
+			} catch (t) {
+				Mt.warn(`Failed to load custom font "${e.name}":`, t);
+			}
+		});
+		await Promise.allSettled(e), r.value = !0;
+	}
+	function g() {
+		for (let e of f) e.remove();
+		f.length = 0;
+	}
+	return p() && re(g), {
+		fonts: o,
+		defaultFont: u,
+		defaultFallback: i,
+		customFonts: t,
+		customFontsEnabled: n,
+		isLoaded: r,
+		setCustomFontsEnabled: a,
+		loadCustomFonts: m,
+		cleanupFontLinks: g,
+		getFontWithFallback: d,
+		getDefaultFont: l
+	};
+}
+//#endregion
+//#region src/composables/useRichTextLinkDialog.ts
+function fn(e) {
+	let t = h(!1), n = h(""), r = h(null);
+	an(r, t);
+	function i() {
+		n.value = e.value?.getAttributes("link").href || "", t.value = !0;
+	}
+	function a() {
+		if (n.value) {
+			let t = o(n.value);
+			e.value?.chain().focus().extendMarkRange("link").setLink({ href: t }).run();
+		}
+		c();
+	}
+	function o(e) {
+		return /^[a-z][a-z0-9+.-]*:/i.test(e) || e.startsWith("#") ? e : `https://${e}`;
+	}
+	function s() {
+		e.value?.chain().focus().extendMarkRange("link").unsetLink().run(), c();
+	}
+	function c() {
+		t.value = !1, n.value = "";
+	}
+	function l(e) {
+		e.key === "Enter" ? (e.preventDefault(), a()) : e.key === "Escape" && c();
+	}
+	return {
+		showLinkDialog: t,
+		linkUrl: n,
+		linkDialogRef: r,
+		openLinkDialog: i,
+		insertLink: a,
+		removeLink: s,
+		closeLinkDialog: c,
+		handleLinkKeydown: l
+	};
+}
+//#endregion
+//#region src/composables/useRichTextEditor.ts
+function pn(e) {
+	let t = ae(Qe, null), { mergeTags: r, canRequestMergeTag: i, isRequesting: o, requestMergeTag: c, syntax: l, autocomplete: u } = pt(), f = ae(Be, null), p = (a(f) ? f.value : f)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", m = de(l), g = d(null), { showLinkDialog: _, linkUrl: v, linkDialogRef: y, openLinkDialog: b, insertLink: x, removeLink: S, closeLinkDialog: C, handleLinkKeydown: w } = fn(g), { start: T, stop: E } = Re(() => g.value?.commands.focus("end"), 0, { immediate: !1 }), ee = d(null), D = h(!0), O = h(null), k = !1;
+	async function te() {
+		O.value = null, D.value = !0;
+		try {
+			let { TiptapEditor: n, EC: i, extensions: a } = await e.loadExtensions({
+				mergeTags: r,
+				syntax: l,
+				triggerChar: m,
+				autocompleteEnabled: u,
+				suggestionEmptyText: p
+			});
+			if (k) return;
+			ee.value = i;
+			let o = /* @__PURE__ */ new Map();
+			a.forEach((e, t) => o.set(e.name, t));
+			let s = new n({
+				extensions: a.filter((e, t) => o.get(e.name) === t),
+				content: e.blockContent(),
+				editable: !0,
+				onUpdate: ({ editor: n }) => {
+					k || t && t.updateBlock(e.blockId(), { content: n.getHTML() });
+				}
+			});
+			if (k) {
+				s.destroy();
+				return;
+			}
+			g.value = s, D.value = !1, T();
+		} catch (t) {
+			if (k) return;
+			Mt.error(`[${e.editorName ?? "RichTextEditor"}] Failed to initialize TipTap editor:`, t), O.value = t instanceof Error ? t.message : "Failed to load editor", D.value = !1;
+		}
+	}
+	function A() {
+		g.value?.destroy(), g.value = null, te();
+	}
+	te();
+	let ne = s(() => e.blockContent(), (e) => {
+		g.value && g.value.getHTML() !== e && g.value.commands.setContent(e, { emitUpdate: !1 });
+	});
+	function re(t) {
+		if (o.value) return;
+		let n = t.target;
+		e.onClickOutsideSideEffect?.(n), !(n.closest(".tpl-text-editor-wrapper") || n.closest(".tpl-text-toolbar") || n.closest(".tpl-link-dialog")) && e.onDone();
+	}
+	Le(document, "mousedown", re), n(() => {
+		k = !0, ne(), E(), g.value?.destroy();
+	});
+	async function j() {
+		let e = await c();
+		k || (e && g.value ? g.value.chain().focus().insertMergeTag({
+			label: e.label,
+			value: e.value
+		}).run() : g.value?.commands.focus());
+	}
+	return {
+		editor: g,
+		EditorContent: ee,
+		isLoading: D,
+		initError: O,
+		retry: A,
+		showLinkDialog: _,
+		linkUrl: v,
+		linkDialogRef: y,
+		mergeTags: r,
+		canRequestMergeTag: i,
+		isRequestingMergeTag: o,
+		syntax: l,
+		openLinkDialog: b,
+		insertLink: x,
+		removeLink: S,
+		closeLinkDialog: C,
+		handleLinkKeydown: w,
+		handleAddMergeTag: j
+	};
+}
+//#endregion
+//#region src/components/blocks/CustomBlock.vue?vue&type=script&setup=true&lang.ts
+var mn = { class: "tpl:w-full" }, hn = {
+	key: 0,
+	class: "tpl:flex tpl:min-h-[80px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:border-[var(--tpl-warning)] tpl:bg-[var(--tpl-warning-light)]"
+}, gn = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, _n = {
+	key: 1,
+	class: "tpl:flex tpl:min-h-[80px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:border-[var(--tpl-danger)] tpl:bg-[var(--tpl-danger-light)]"
+}, vn = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, yn = {
+	key: 2,
+	class: "tpl:relative"
+}, bn = ["innerHTML"], xn = {
+	key: 0,
+	class: "tpl:absolute tpl:inset-0 tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:rounded tpl:backdrop-blur-[2px]",
+	style: { "background-color": "color-mix(in srgb, var(--tpl-bg) 80%, transparent)" }
+}, Sn = /* @__PURE__ */ y({
+	__name: "CustomBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	emits: ["fetchData"],
+	setup(t, { emit: n }) {
+		let r = t, i = n, { t: a } = st(), o = ae(nt, null), c = h(""), l = h(!1), d = x(() => o?.getDefinition(r.block.customType)), f = x(() => !!d.value), { isFetching: p, fetch: m, needsFetch: g, hasDataSource: v } = St({
+			definition: d,
+			block: x(() => r.block),
+			onUpdate: (e, t) => {
+				i("fetchData", {
+					fieldValues: e,
+					dataSourceFetched: t
+				});
+			}
+		});
+		async function y() {
+			if (o) {
+				l.value = !1;
+				try {
+					let e = await o.renderCustomBlock(r.block);
+					e.includes("Template render error:") && (l.value = !0), c.value = e;
+				} catch {
+					l.value = !0, c.value = "";
+				}
+			}
+		}
+		let S = Me(y, 150);
+		return u(() => {
+			y();
+		}), s(() => r.block.fieldValues, () => {
+			S();
+		}, { deep: !0 }), (t, n) => (e(), w("div", mn, [f.value ? l.value ? (e(), w("div", _n, [N(j(ut), {
+			size: 24,
+			class: "tpl:text-[var(--tpl-danger)]"
+		}), C("span", vn, M(j(a).customBlocks.renderError), 1)])) : (e(), w("div", yn, [C("div", { innerHTML: c.value }, null, 8, bn), j(v) && j(g) ? (e(), w("div", xn, [j(p) ? (e(), ne(dt, {
+			key: 1,
+			class: "tpl:w-48"
+		})) : (e(), w("button", {
+			key: 0,
+			type: "button",
+			class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-2 tpl:text-sm tpl:font-semibold tpl:shadow-sm tpl:transition-all tpl:duration-150 hover:tpl:border-[var(--tpl-primary)] hover:tpl:shadow-md tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary-hover)]",
+			onClick: n[0] ||= b((...e) => j(m) && j(m)(...e), ["stop"])
+		}, [d.value?.icon ? (e(), ne(nn, {
+			key: 0,
+			icon: d.value.icon,
+			size: 16
+		}, null, 8, ["icon"])) : O("", !0), _(" " + M(d.value?.dataSource?.label || j(a).customBlocks.dataSource.fetchButton), 1)]))])) : O("", !0)])) : (e(), w("div", hn, [N(j(Xt), {
+			size: 24,
+			class: "tpl:text-[var(--tpl-warning)]"
+		}), C("span", gn, M(j(a).customBlocks.definitionNotFound), 1)]))]));
+	}
+}), Cn = { class: "tpl:w-full" }, wn = /* @__PURE__ */ y({
+	__name: "DividerBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(t) {
+		let n = t, r = x(() => ({
+			borderTop: `${n.block.thickness}px ${n.block.lineStyle} ${n.block.color}`,
+			width: n.block.width === "full" ? "100%" : `${n.block.width}px`,
+			margin: n.block.width === "full" ? "0" : "0 auto"
+		}));
+		return (t, n) => (e(), w("div", Cn, [C("hr", {
+			class: "tpl:m-0 tpl:border-none",
+			style: A(r.value)
+		}, null, 4)]));
+	}
+}), Tn = { class: "tpl:w-full" }, En = { class: "tpl:flex tpl:min-h-[80px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)]" }, Dn = {
+	key: 0,
+	class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]"
+}, On = {
+	key: 1,
+	class: "tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
+}, kn = /* @__PURE__ */ y({
+	__name: "HtmlBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(t) {
+		let n = t, { t: r } = st(), i = x(() => n.block.content.trim().length > 0);
+		return (t, n) => (e(), w("div", Tn, [C("div", En, [N(j(Ut), {
+			size: 24,
+			class: "tpl:text-[var(--tpl-text-dim)]"
+		}), i.value ? (e(), w("span", Dn, M(j(r).html.preview), 1)) : (e(), w("span", On, M(j(r).html.empty), 1))])]));
+	}
+}), An = ["href"], jn = ["src", "alt"], Mn = ["src", "alt"], Nn = {
+	class: "tpl:max-w-full tpl:truncate tpl:px-3 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-primary)]",
+	style: { opacity: "0.7" }
+}, Pn = ["href"], Fn = ["src", "alt"], In = ["src", "alt"], Ln = {
+	key: 3,
+	class: "tpl:flex tpl:min-h-[100px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-sm tpl:border-[var(--tpl-border-light)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-dim)]"
+}, Rn = ["aria-label"], zn = { key: 1 }, Bn = /* @__PURE__ */ y({
+	__name: "ImageBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	emits: ["update"],
+	setup(t, { emit: n }) {
+		let r = t, i = n, { t: a } = st(), { syntax: o } = pt(), s = ae(at, null), c = x(() => !!s);
+		async function l() {
+			let e = await s?.({ accept: ["images"] });
+			if (e) {
+				let t = { src: e.url };
+				e.alt && (t.alt = e.alt), i("update", t);
+			}
+		}
+		let u = x(() => ({ textAlign: r.block.align })), d = x(() => ({
+			maxWidth: "100%",
+			width: r.block.width === "full" ? "100%" : `${r.block.width}px`,
+			display: "block",
+			margin: r.block.align === "center" ? "0 auto" : void 0,
+			marginLeft: r.block.align === "right" ? "auto" : void 0
+		})), f = x(() => pe(r.block.src, o));
+		return (n, r) => (e(), w("div", {
+			class: "tpl:w-full",
+			style: A(u.value)
+		}, [t.block.src && f.value && t.block.placeholderUrl ? (e(), w(D, { key: 0 }, [t.block.linkUrl ? (e(), w("a", {
+			key: 0,
+			href: t.block.linkUrl,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			onClick: r[0] ||= b(() => {}, ["prevent"])
+		}, [C("img", {
+			class: "tpl:border-0",
+			loading: "lazy",
+			src: t.block.placeholderUrl,
+			alt: t.block.alt || j(a).image.altTextPlaceholder,
+			style: A(d.value)
+		}, null, 12, jn)], 8, An)) : (e(), w("img", {
+			key: 1,
+			class: "tpl:border-0",
+			src: t.block.placeholderUrl,
+			alt: t.block.alt,
+			style: A(d.value)
+		}, null, 12, Mn))], 64)) : t.block.src && f.value ? (e(), w("div", {
+			key: 1,
+			class: "tpl:!flex tpl:min-h-[120px] 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: A([{ "border-color": "color-mix(in srgb, var(--tpl-primary) 40%, transparent)" }, d.value])
+		}, [N(j(Jt), {
+			size: 32,
+			"stroke-width": 1.5,
+			class: "tpl:text-[var(--tpl-primary)]",
+			style: { opacity: "0.5" }
+		}), C("span", Nn, M(t.block.src), 1)], 4)) : t.block.src ? (e(), w(D, { key: 2 }, [t.block.linkUrl ? (e(), w("a", {
+			key: 0,
+			href: t.block.linkUrl,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			onClick: r[1] ||= b(() => {}, ["prevent"])
+		}, [C("img", {
+			class: "tpl:border-0",
+			loading: "lazy",
+			src: t.block.src,
+			alt: t.block.alt || j(a).image.altTextPlaceholder,
+			style: A(d.value)
+		}, null, 12, Fn)], 8, Pn)) : (e(), w("img", {
+			key: 1,
+			class: "tpl:border-0",
+			src: t.block.src,
+			alt: t.block.alt,
+			style: A(d.value)
+		}, null, 12, In))], 64)) : (e(), w("div", Ln, [c.value ? (e(), w("button", {
+			key: 0,
+			"aria-label": j(a).image.browseMedia,
+			class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:cursor-pointer tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-primary)] tpl:bg-[var(--tpl-bg)]",
+			onClick: b(l, ["stop"])
+		}, [N(j(Jt), {
+			size: 14,
+			"stroke-width": 1.5
+		}), _(" " + M(j(a).image.browseMedia), 1)], 8, Rn)) : (e(), w("span", zn, M(j(a).image.clickToAdd), 1))]))], 4));
+	}
+}), Vn = { class: "tpl:w-full" }, Hn = ["href"], Un = {
+	key: 1,
+	class: "tpl:flex tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:text-sm tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-dim)]"
+}, Wn = /* @__PURE__ */ y({
+	__name: "MenuBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(t) {
+		let n = t, { t: r } = st(), i = x(() => ({
+			display: "flex",
+			flexWrap: "wrap",
+			gap: `0 ${n.block.spacing}px`,
+			justifyContent: n.block.textAlign === "left" ? "flex-start" : n.block.textAlign === "right" ? "flex-end" : "center",
+			fontSize: `${n.block.fontSize}px`,
+			fontFamily: n.block.fontFamily || "inherit",
+			alignItems: "center"
+		})), a = x(() => n.block.items.length > 0);
+		function o(e) {
+			return e || n.block.linkColor || n.block.color;
+		}
+		return (n, s) => (e(), w("div", Vn, [a.value ? (e(), w("div", {
+			key: 0,
+			style: A(i.value)
+		}, [(e(!0), w(D, null, c(t.block.items, (n, r) => (e(), w(D, { key: n.id }, [C("a", {
+			href: n.url || "#",
+			class: "tpl:cursor-default tpl:no-underline",
+			style: A({
+				color: o(n.color),
+				fontWeight: n.bold ? "bold" : "normal",
+				textDecoration: n.underline ? "underline" : "none"
+			}),
+			onClick: s[0] ||= b(() => {}, ["prevent"])
+		}, M(n.text || "..."), 13, Hn), r < t.block.items.length - 1 ? (e(), w("span", {
+			key: 0,
+			style: A({
+				color: t.block.separatorColor,
+				padding: `0 ${t.block.spacing}px`
+			})
+		}, M(t.block.separator), 5)) : O("", !0)], 64))), 128))], 4)) : (e(), w("div", Un, [N(j(Yt), { size: 16 }), C("span", null, M(j(r).menu.addLinks), 1)]))]));
+	}
+});
+//#endregion
+//#region src/composables/useEditableTextBlock.ts
+function Gn(e) {
+	let t = ae(it, []), { syntax: n } = pt(), r = x(() => xe(le(e(), t), n)), i = h(!1), a = h(null), { top: o, left: s } = Ie(a), c = x(() => ({
+		top: o.value - 8,
+		left: s.value
+	}));
+	function l() {
+		i.value = !0;
+	}
+	function u() {
+		i.value = !1;
+	}
+	return {
+		isEditing: i,
+		blockRef: a,
+		toolbarPosition: c,
+		resolvedContent: r,
+		handleDoubleClick: l,
+		handleEditorDone: u
+	};
+}
+//#endregion
+//#region src/components/blocks/ParagraphBlock.vue?vue&type=script&setup=true&lang.ts
+var Kn = ["innerHTML"], qn = /* @__PURE__ */ y({
+	__name: "ParagraphBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(t) {
+		let n = t, r = se(() => import("./ParagraphEditor-DjDiUzmv.js")), { isEditing: i, blockRef: a, toolbarPosition: o, resolvedContent: s, handleDoubleClick: c, handleEditorDone: l } = Gn(() => n.block.content);
+		return (n, u) => (e(), w("div", {
+			ref_key: "blockRef",
+			ref: a,
+			class: "tpl:min-h-[1em] tpl:w-full",
+			onDblclick: u[0] ||= (...e) => j(c) && j(c)(...e)
+		}, [j(i) ? (e(), ne(j(r), {
+			key: 0,
+			block: t.block,
+			"toolbar-position": j(o),
+			onDone: j(l)
+		}, null, 8, [
+			"block",
+			"toolbar-position",
+			"onDone"
+		])) : (e(), w("div", {
+			key: 1,
+			class: "tpl-text-content tpl:outline-none [&_a]:tpl:underline [&_li]:tpl:my-1 [&_ol]:tpl:my-2 [&_ol]:tpl:pl-6 [&_p]:tpl:m-0 [&_p]:tpl:mb-2 [&_p:last-child]:tpl:mb-0 [&_s]:tpl:line-through [&_sub]:tpl:align-sub [&_sub]:tpl:text-[0.75em] [&_sup]:tpl:align-super [&_sup]:tpl:text-[0.75em] [&_ul]:tpl:my-2 [&_ul]:tpl:pl-6",
+			innerHTML: j(s)
+		}, null, 8, Kn))], 544));
+	}
+});
+//#endregion
+//#region src/utils/blockComponentResolver.ts
+function Jn(e, t, n) {
+	if (t) {
+		let n = t.getComponent(e);
+		if (n) return n;
+	}
+	return n[e.type] ?? null;
+}
+function Yn(e) {
+	let { padding: t, margin: n, backgroundColor: r } = e.styles;
+	return {
+		padding: `${t.top}px ${t.right}px ${t.bottom}px ${t.left}px`,
+		margin: `${n.top}px ${n.right}px ${n.bottom}px ${n.left}px`,
+		backgroundColor: r || "transparent"
+	};
+}
+//#endregion
+//#region src/components/blocks/BlockWrapper.vue?vue&type=script&setup=true&lang.ts
+var Xn = ["data-block-id", "data-block-type"], Zn = ["aria-label"], Qn = [
+	"aria-label",
+	"aria-pressed",
+	"title"
+], $n = ["aria-label", "title"], er = ["aria-label", "title"], tr = ["aria-label", "title"], nr = {
+	key: 1,
+	class: "tpl-block-hidden-overlay tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-[5] tpl:flex tpl:items-center tpl:justify-center tpl:rounded-sm"
+}, rr = { class: "tpl:flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-2 tpl:py-1 tpl:text-[10px] tpl:font-medium tpl:bg-[var(--tpl-bg-elevated)] tpl:text-[var(--tpl-text-muted)] tpl:shadow-[var(--tpl-shadow-sm)]" }, ir = {
+	key: 2,
+	class: "tpl:absolute tpl:-left-1 tpl:top-1/2 tpl:z-[5] tpl:-translate-x-full tpl:-translate-y-1/2"
+}, ar = ["aria-label", "title"], or = {
+	key: 3,
+	class: "tpl:absolute tpl:-right-1 tpl:-top-1 tpl:z-[5] tpl:translate-x-full"
+}, sr = ["aria-label"], cr = /* @__PURE__ */ ft(/* @__PURE__ */ y({
+	__name: "BlockWrapper",
+	props: {
+		block: {},
+		isSelected: { type: Boolean },
+		viewport: {},
+		previewMode: { type: Boolean }
+	},
+	emits: ["select"],
+	setup(t, { emit: n }) {
+		let i = se(() => import("./BlockA11yBadge-C0S6kPC4.js")), a = t, o = n, { t: s, format: c } = st(), u = ae(We, null), d = h(null), f = x(() => u?.liftedBlockId.value === a.block.id), p = x(() => f.value ? c(s.blockActions.dragLifted, { block: a.block.type }) : s.blockActions.drag);
+		async function m() {
+			await r(), d.value?.focus();
+		}
+		function g(e) {
+			if (u) {
+				if (e.key === " " || e.key === "Enter") {
+					e.preventDefault(), e.stopPropagation(), f.value ? u.drop(a.block.id) : u.lift(a.block.id);
+					return;
+				}
+				if (f.value) {
+					if (e.key === "Escape") {
+						e.preventDefault(), e.stopPropagation(), u.cancel(), m();
+						return;
+					}
+					if (e.key === "ArrowUp") {
+						e.preventDefault(), e.stopPropagation(), u.moveUp(a.block.id), m();
+						return;
+					}
+					e.key === "ArrowDown" && (e.preventDefault(), e.stopPropagation(), u.moveDown(a.block.id), m());
+				}
+			}
+		}
+		let y = x(() => !a.viewport || !a.block.visibility ? !1 : a.block.visibility[a.viewport] === !1), S = x(() => a.viewport ? {
+			desktop: s.viewport.desktop,
+			tablet: s.viewport.tablet,
+			mobile: s.viewport.mobile
+		}[a.viewport] ?? a.viewport : ""), T = x(() => !!a.block.displayCondition), E = ae(Ge, null), ee = ae(Je, null), D = ae(qe, {}), k = x(() => !!D.savedModules), te = x(() => D.comments?.getBlockCount(a.block.id) ?? 0), ne = x(() => Yn(a.block));
+		function re(e) {
+			a.previewMode || (e.stopPropagation(), o("select"));
+		}
+		function ie() {
+			E?.deleteBlock(a.block.id);
+		}
+		function oe() {
+			E?.duplicateBlock(a.block);
+		}
+		function ce() {
+			D.savedModules?.openSaveDialog(a.block.id);
+		}
+		function le() {
+			ee?.toggleBlock(a.block.id);
+		}
+		return (n, r) => (e(), w("div", {
+			class: v(["tpl-block tpl:group tpl:relative tpl:cursor-pointer tpl:rounded-sm tpl:transition-shadow tpl:duration-150", {
+				"tpl-block--selected": t.isSelected,
+				"tpl-block--idle": !t.isSelected,
+				"tpl-block--lifted": f.value
+			}]),
+			style: A(ne.value),
+			"data-block-id": t.block.id,
+			"data-block-type": t.block.type,
+			draggable: "false",
+			onClick: re
+		}, [
+			N(j(i), { "block-id": t.block.id }, null, 8, ["block-id"]),
+			t.isSelected ? (e(), w("div", {
+				key: 0,
+				role: "toolbar",
+				"aria-label": j(s).blockActions.drag,
+				class: "tpl-block-actions tpl-fade-in tpl:absolute tpl:-right-2 tpl:top-1/2 tpl:z-10 tpl:flex tpl:-translate-y-1/2 tpl:translate-x-full tpl:gap-0.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1 tpl:bg-[var(--tpl-bg-elevated)] tpl:shadow-[var(--tpl-shadow-md)] tpl:border tpl:border-[var(--tpl-border)]"
+			}, [
+				C("button", {
+					ref_key: "dragButtonRef",
+					ref: d,
+					class: "tpl-block-btn tpl-block-action-btn tpl:flex tpl:size-7 tpl:cursor-grab tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors tpl:duration-150 tpl:active:cursor-grabbing",
+					"aria-label": p.value,
+					"aria-pressed": f.value,
+					"aria-keyshortcuts": "Space Enter ArrowUp ArrowDown Escape",
+					title: j(s).blockActions.drag,
+					onKeydown: g
+				}, [N(j(qt), {
+					size: 14,
+					"stroke-width": 1.5
+				})], 40, Qn),
+				C("button", {
+					class: "tpl-block-action-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors tpl:duration-150",
+					"aria-label": j(s).blockActions.duplicate,
+					title: j(s).blockActions.duplicate,
+					onClick: b(oe, ["stop"])
+				}, [N(j(Wt), {
+					size: 14,
+					"stroke-width": 1.5
+				})], 8, $n),
+				k.value ? (e(), w("button", {
+					key: 0,
+					class: "tpl-block-action-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors tpl:duration-150",
+					"aria-label": j(s).blockActions.saveAsModule,
+					title: j(s).blockActions.saveAsModule,
+					onClick: b(ce, ["stop"])
+				}, [N(j(Vt), {
+					size: 14,
+					"stroke-width": 1.5
+				})], 8, er)) : O("", !0),
+				C("button", {
+					class: "tpl-block-action-btn tpl-block-delete-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors tpl:duration-150",
+					"aria-label": j(s).blockActions.delete,
+					title: j(s).blockActions.delete,
+					onClick: b(ie, ["stop"])
+				}, [N(j(lt), {
+					size: 14,
+					"stroke-width": 1.5
+				})], 8, tr)
+			], 8, Zn)) : O("", !0),
+			y.value ? (e(), w("div", nr, [C("span", rr, [N(j(Gt), {
+				size: 12,
+				"stroke-width": 1.5
+			}), _(" " + M(j(c)(j(s).blockActions.hiddenOnViewport, { viewport: S.value })), 1)])])) : O("", !0),
+			T.value && !y.value ? (e(), w("div", ir, [C("button", {
+				class: "tpl-condition-toggle tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1 tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-bg-elevated)] tpl:text-[var(--tpl-primary)] tpl:border tpl:border-[var(--tpl-border)]",
+				"aria-label": j(s).blockActions.conditionToggle,
+				title: t.block.displayCondition?.label,
+				onClick: b(le, ["stop"])
+			}, [N(j(Kt), {
+				size: 12,
+				"stroke-width": 2
+			})], 8, ar)])) : O("", !0),
+			te.value > 0 && !y.value ? (e(), w("div", or, [C("button", {
+				class: "tpl-comment-indicator tpl:flex tpl:min-h-6 tpl:min-w-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-0.5 tpl:rounded-full tpl:border-none tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-semibold tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]",
+				"aria-label": j(c)(j(s).blockActions.comments, { count: String(te.value) }),
+				onClick: r[0] ||= b((e) => j(D).comments?.openForBlock(t.block.id), ["stop"])
+			}, [N(j(ct), {
+				size: 12,
+				"stroke-width": 2.5
+			}), _(" " + M(te.value), 1)], 8, sr)])) : O("", !0),
+			l(n.$slots, "default", {}, void 0, !0)
+		], 14, Xn));
+	}
+}), [["__scopeId", "data-v-850614e7"]]);
+//#endregion
+//#region src/utils/unwrapParagraph.ts
+function lr(e) {
+	let t = e.match(/^\s*<p\b[^>]*>([\s\S]*)<\/p>\s*$/);
+	return !t || /<\/p>\s*<p\b/i.test(t[1]) ? e : t[1];
+}
+//#endregion
+//#region src/components/blocks/TitleBlock.vue
+var ur = /* @__PURE__ */ y({
+	__name: "TitleBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(t) {
+		let n = t, r = se(() => import("./TitleEditor-BCV5k6wj.js")), { isEditing: a, blockRef: o, toolbarPosition: s, resolvedContent: c, handleDoubleClick: l, handleEditorDone: u } = Gn(() => n.block.content), d = x(() => {
+			let e = {
+				fontSize: `${De[n.block.level]}px`,
+				color: n.block.color,
+				textAlign: n.block.textAlign
+			};
+			return n.block.fontFamily && (e.fontFamily = n.block.fontFamily), e;
+		}), f = x(() => `h${n.block.level}`), p = x(() => lr(c.value));
+		return (n, c) => (e(), w("div", {
+			ref_key: "blockRef",
+			ref: o,
+			class: "tpl:min-h-[1em] tpl:w-full",
+			style: A(d.value),
+			onDblclick: c[0] ||= (...e) => j(l) && j(l)(...e)
+		}, [j(a) ? (e(), ne(j(r), {
+			key: 0,
+			block: t.block,
+			"toolbar-position": j(s),
+			onDone: j(u)
+		}, null, 8, [
+			"block",
+			"toolbar-position",
+			"onDone"
+		])) : (e(), ne(i(f.value), {
+			key: 1,
+			class: "tpl-text-content tpl:m-0 tpl:font-[inherit] tpl:text-[length:inherit] tpl:leading-tight tpl:outline-none [&_a]:tpl:underline [&_p]:tpl:m-0 [&_p]:tpl:mb-2 [&_p:last-child]:tpl:mb-0",
+			style: { color: "inherit" },
+			innerHTML: p.value
+		}, null, 8, ["innerHTML"]))], 36));
+	}
+}), dr = Object.defineProperty, fr = Object.getOwnPropertySymbols, pr = Object.prototype.hasOwnProperty, mr = Object.prototype.propertyIsEnumerable, hr = (e, t, n) => t in e ? dr(e, t, {
+	enumerable: !0,
+	configurable: !0,
+	writable: !0,
+	value: n
+}) : e[t] = n, gr = (e, t) => {
+	for (var n in t ||= {}) pr.call(t, n) && hr(e, n, t[n]);
+	if (fr) for (var n of fr(t)) mr.call(t, n) && hr(e, n, t[n]);
+	return e;
+}, _r = (e, t) => {
+	var n = {};
+	for (var r in e) pr.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+	if (e != null && fr) for (var r of fr(e)) t.indexOf(r) < 0 && mr.call(e, r) && (n[r] = e[r]);
+	return n;
+}, vr = "[vue-draggable-plus]: ";
+function yr(e) {
+	console.warn(vr + e);
+}
+function br(e) {
+	console.error(vr + e);
+}
+function xr(e, t, n) {
+	return n >= 0 && n < e.length && e.splice(n, 0, e.splice(t, 1)[0]), e;
+}
+function Sr(e) {
+	return e.replace(/-(\w)/g, (e, t) => t ? t.toUpperCase() : "");
+}
+function Cr(e) {
+	return Object.keys(e).reduce((t, n) => (e[n] !== void 0 && (t[Sr(n)] = e[n]), t), {});
+}
+function wr(e, t) {
+	return Array.isArray(e) && e.splice(t, 1), e;
+}
+function Tr(e, t, n) {
+	return Array.isArray(e) && e.splice(t, 0, n), e;
+}
+function Er(e) {
+	return e === void 0;
+}
+function Dr(e) {
+	return typeof e == "string";
+}
+function Or(e, t, n) {
+	let r = e.children[n];
+	e.insertBefore(t, r);
+}
+function kr(e) {
+	e.parentNode && e.parentNode.removeChild(e);
+}
+function Ar(e, t = document) {
+	let n = null;
+	return n = typeof t?.querySelector == "function" ? (t?.querySelector)?.call(t, e) : document.querySelector(e), n || yr(`Element not found: ${e}`), n;
+}
+function jr(e, t, n = null) {
+	return function(...r) {
+		return e.apply(n, r), t.apply(n, r);
+	};
+}
+function Mr(e, t) {
+	let n = gr({}, e);
+	return Object.keys(t).forEach((r) => {
+		n[r] ? n[r] = jr(e[r], t[r]) : n[r] = t[r];
+	}), n;
+}
+function Nr(e) {
+	return e instanceof HTMLElement;
+}
+function Pr(e, t) {
+	Object.keys(e).forEach((n) => {
+		t(n, e[n]);
+	});
+}
+function Fr(e) {
+	return e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && (e.charCodeAt(2) > 122 || e.charCodeAt(2) < 97);
+}
+var Ir = Object.assign;
+function Lr(e, t) {
+	var n = Object.keys(e);
+	if (Object.getOwnPropertySymbols) {
+		var r = Object.getOwnPropertySymbols(e);
+		t && (r = r.filter(function(t) {
+			return Object.getOwnPropertyDescriptor(e, t).enumerable;
+		})), n.push.apply(n, r);
+	}
+	return n;
+}
+function Rr(e) {
+	for (var t = 1; t < arguments.length; t++) {
+		var n = arguments[t] == null ? {} : arguments[t];
+		t % 2 ? Lr(Object(n), !0).forEach(function(t) {
+			Br(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Lr(Object(n)).forEach(function(t) {
+			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+		});
+	}
+	return e;
+}
+function zr(e) {
+	"@babel/helpers - typeof";
+	return zr = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+		return typeof e;
+	} : function(e) {
+		return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+	}, zr(e);
+}
+function Br(e, t, n) {
+	return t in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function Vr() {
+	return Vr = Object.assign || function(e) {
+		for (var t = 1; t < arguments.length; t++) {
+			var n = arguments[t];
+			for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
+		}
+		return e;
+	}, Vr.apply(this, arguments);
+}
+function Hr(e, t) {
+	if (e == null) return {};
+	var n = {}, r = Object.keys(e), i, a;
+	for (a = 0; a < r.length; a++) i = r[a], !(t.indexOf(i) >= 0) && (n[i] = e[i]);
+	return n;
+}
+function Ur(e, t) {
+	if (e == null) return {};
+	var n = Hr(e, t), r, i;
+	if (Object.getOwnPropertySymbols) {
+		var a = Object.getOwnPropertySymbols(e);
+		for (i = 0; i < a.length; i++) r = a[i], !(t.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
+	}
+	return n;
+}
+var Wr = "1.15.2";
+function Gr(e) {
+	if (typeof window < "u" && window.navigator) return !!/* @__PURE__ */ navigator.userAgent.match(e);
+}
+var Kr = Gr(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), qr = Gr(/Edge/i), Jr = Gr(/firefox/i), Yr = Gr(/safari/i) && !Gr(/chrome/i) && !Gr(/android/i), Xr = Gr(/iP(ad|od|hone)/i), Zr = Gr(/chrome/i) && Gr(/android/i), Qr = {
+	capture: !1,
+	passive: !1
+};
+function F(e, t, n) {
+	e.addEventListener(t, n, !Kr && Qr);
+}
+function I(e, t, n) {
+	e.removeEventListener(t, n, !Kr && Qr);
+}
+function $r(e, t) {
+	if (t) {
+		if (t[0] === ">" && (t = t.substring(1)), e) try {
+			if (e.matches) return e.matches(t);
+			if (e.msMatchesSelector) return e.msMatchesSelector(t);
+			if (e.webkitMatchesSelector) return e.webkitMatchesSelector(t);
+		} catch {
+			return !1;
+		}
+		return !1;
+	}
+}
+function ei(e) {
+	return e.host && e !== document && e.host.nodeType ? e.host : e.parentNode;
+}
+function ti(e, t, n, r) {
+	if (e) {
+		n ||= document;
+		do {
+			if (t != null && (t[0] === ">" ? e.parentNode === n && $r(e, t) : $r(e, t)) || r && e === n) return e;
+			if (e === n) break;
+		} while (e = ei(e));
+	}
+	return null;
+}
+var ni = /\s+/g;
+function L(e, t, n) {
+	e && t && (e.classList ? e.classList[n ? "add" : "remove"](t) : e.className = ((" " + e.className + " ").replace(ni, " ").replace(" " + t + " ", " ") + (n ? " " + t : "")).replace(ni, " "));
+}
+function R(e, t, n) {
+	var r = e && e.style;
+	if (r) {
+		if (n === void 0) return document.defaultView && document.defaultView.getComputedStyle ? n = document.defaultView.getComputedStyle(e, "") : e.currentStyle && (n = e.currentStyle), t === void 0 ? n : n[t];
+		!(t in r) && t.indexOf("webkit") === -1 && (t = "-webkit-" + t), r[t] = n + (typeof n == "string" ? "" : "px");
+	}
+}
+function ri(e, t) {
+	var n = "";
+	if (typeof e == "string") n = e;
+	else do {
+		var r = R(e, "transform");
+		r && r !== "none" && (n = r + " " + n);
+	} while (!t && (e = e.parentNode));
+	var i = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
+	return i && new i(n);
+}
+function ii(e, t, n) {
+	if (e) {
+		var r = e.getElementsByTagName(t), i = 0, a = r.length;
+		if (n) for (; i < a; i++) n(r[i], i);
+		return r;
+	}
+	return [];
+}
+function ai() {
+	return document.scrollingElement || document.documentElement;
+}
+function z(e, t, n, r, i) {
+	if (!(!e.getBoundingClientRect && e !== window)) {
+		var a, o, s, c, l, u, d;
+		if (e !== window && e.parentNode && e !== ai() ? (a = e.getBoundingClientRect(), o = a.top, s = a.left, c = a.bottom, l = a.right, u = a.height, d = a.width) : (o = 0, s = 0, c = window.innerHeight, l = window.innerWidth, u = window.innerHeight, d = window.innerWidth), (t || n) && e !== window && (i ||= e.parentNode, !Kr)) do
+			if (i && i.getBoundingClientRect && (R(i, "transform") !== "none" || n && R(i, "position") !== "static")) {
+				var f = i.getBoundingClientRect();
+				o -= f.top + parseInt(R(i, "border-top-width")), s -= f.left + parseInt(R(i, "border-left-width")), c = o + a.height, l = s + a.width;
+				break;
+			}
+		while (i = i.parentNode);
+		if (r && e !== window) {
+			var p = ri(i || e), m = p && p.a, h = p && p.d;
+			p && (o /= h, s /= m, d /= m, u /= h, c = o + u, l = s + d);
+		}
+		return {
+			top: o,
+			left: s,
+			bottom: c,
+			right: l,
+			width: d,
+			height: u
+		};
+	}
+}
+function oi(e, t, n) {
+	for (var r = di(e, !0), i = z(e)[t]; r;) {
+		var a = z(r)[n], o = void 0;
+		if (o = i >= a, !o) return r;
+		if (r === ai()) break;
+		r = di(r, !1);
+	}
+	return !1;
+}
+function si(e, t, n, r) {
+	for (var i = 0, a = 0, o = e.children; a < o.length;) {
+		if (o[a].style.display !== "none" && o[a] !== Q.ghost && (r || o[a] !== Q.dragged) && ti(o[a], n.draggable, e, !1)) {
+			if (i === t) return o[a];
+			i++;
+		}
+		a++;
+	}
+	return null;
+}
+function ci(e, t) {
+	for (var n = e.lastElementChild; n && (n === Q.ghost || R(n, "display") === "none" || t && !$r(n, t));) n = n.previousElementSibling;
+	return n || null;
+}
+function B(e, t) {
+	var n = 0;
+	if (!e || !e.parentNode) return -1;
+	for (; e = e.previousElementSibling;) e.nodeName.toUpperCase() !== "TEMPLATE" && e !== Q.clone && (!t || $r(e, t)) && n++;
+	return n;
+}
+function li(e) {
+	var t = 0, n = 0, r = ai();
+	if (e) do {
+		var i = ri(e), a = i.a, o = i.d;
+		t += e.scrollLeft * a, n += e.scrollTop * o;
+	} while (e !== r && (e = e.parentNode));
+	return [t, n];
+}
+function ui(e, t) {
+	for (var n in e) if (e.hasOwnProperty(n)) {
+		for (var r in t) if (t.hasOwnProperty(r) && t[r] === e[n][r]) return Number(n);
+	}
+	return -1;
+}
+function di(e, t) {
+	if (!e || !e.getBoundingClientRect) return ai();
+	var n = e, r = !1;
+	do
+		if (n.clientWidth < n.scrollWidth || n.clientHeight < n.scrollHeight) {
+			var i = R(n);
+			if (n.clientWidth < n.scrollWidth && (i.overflowX == "auto" || i.overflowX == "scroll") || n.clientHeight < n.scrollHeight && (i.overflowY == "auto" || i.overflowY == "scroll")) {
+				if (!n.getBoundingClientRect || n === document.body) return ai();
+				if (r || t) return n;
+				r = !0;
+			}
+		}
+	while (n = n.parentNode);
+	return ai();
+}
+function fi(e, t) {
+	if (e && t) for (var n in t) t.hasOwnProperty(n) && (e[n] = t[n]);
+	return e;
+}
+function pi(e, t) {
+	return Math.round(e.top) === Math.round(t.top) && Math.round(e.left) === Math.round(t.left) && Math.round(e.height) === Math.round(t.height) && Math.round(e.width) === Math.round(t.width);
+}
+var mi;
+function hi(e, t) {
+	return function() {
+		if (!mi) {
+			var n = arguments, r = this;
+			n.length === 1 ? e.call(r, n[0]) : e.apply(r, n), mi = setTimeout(function() {
+				mi = void 0;
+			}, t);
+		}
+	};
+}
+function gi() {
+	clearTimeout(mi), mi = void 0;
+}
+function _i(e, t, n) {
+	e.scrollLeft += t, e.scrollTop += n;
+}
+function vi(e) {
+	var t = window.Polymer, n = window.jQuery || window.Zepto;
+	return t && t.dom ? t.dom(e).cloneNode(!0) : n ? n(e).clone(!0)[0] : e.cloneNode(!0);
+}
+function yi(e, t, n) {
+	var r = {};
+	return Array.from(e.children).forEach(function(i) {
+		if (!(!ti(i, t.draggable, e, !1) || i.animated || i === n)) {
+			var a = z(i);
+			r.left = Math.min(r.left ?? Infinity, a.left), r.top = Math.min(r.top ?? Infinity, a.top), r.right = Math.max(r.right ?? -Infinity, a.right), r.bottom = Math.max(r.bottom ?? -Infinity, a.bottom);
+		}
+	}), r.width = r.right - r.left, r.height = r.bottom - r.top, r.x = r.left, r.y = r.top, r;
+}
+var V = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
+function bi() {
+	var e = [], t;
+	return {
+		captureAnimationState: function() {
+			e = [], this.options.animation && [].slice.call(this.el.children).forEach(function(t) {
+				if (!(R(t, "display") === "none" || t === Q.ghost)) {
+					e.push({
+						target: t,
+						rect: z(t)
+					});
+					var n = Rr({}, e[e.length - 1].rect);
+					if (t.thisAnimationDuration) {
+						var r = ri(t, !0);
+						r && (n.top -= r.f, n.left -= r.e);
+					}
+					t.fromRect = n;
+				}
+			});
+		},
+		addAnimationState: function(t) {
+			e.push(t);
+		},
+		removeAnimationState: function(t) {
+			e.splice(ui(e, { target: t }), 1);
+		},
+		animateAll: function(n) {
+			var r = this;
+			if (!this.options.animation) {
+				clearTimeout(t), typeof n == "function" && n();
+				return;
+			}
+			var i = !1, a = 0;
+			e.forEach(function(e) {
+				var t = 0, n = e.target, o = n.fromRect, s = z(n), c = n.prevFromRect, l = n.prevToRect, u = e.rect, d = ri(n, !0);
+				d && (s.top -= d.f, s.left -= d.e), n.toRect = s, n.thisAnimationDuration && pi(c, s) && !pi(o, s) && (u.top - s.top) / (u.left - s.left) === (o.top - s.top) / (o.left - s.left) && (t = Si(u, c, l, r.options)), pi(s, o) || (n.prevFromRect = o, n.prevToRect = s, t ||= r.options.animation, r.animate(n, u, s, t)), t && (i = !0, a = Math.max(a, t), clearTimeout(n.animationResetTimer), n.animationResetTimer = setTimeout(function() {
+					n.animationTime = 0, n.prevFromRect = null, n.fromRect = null, n.prevToRect = null, n.thisAnimationDuration = null;
+				}, t), n.thisAnimationDuration = t);
+			}), clearTimeout(t), i ? t = setTimeout(function() {
+				typeof n == "function" && n();
+			}, a) : typeof n == "function" && n(), e = [];
+		},
+		animate: function(e, t, n, r) {
+			if (r) {
+				R(e, "transition", ""), R(e, "transform", "");
+				var i = ri(this.el), a = i && i.a, o = i && i.d, s = (t.left - n.left) / (a || 1), c = (t.top - n.top) / (o || 1);
+				e.animatingX = !!s, e.animatingY = !!c, R(e, "transform", "translate3d(" + s + "px," + c + "px,0)"), this.forRepaintDummy = xi(e), R(e, "transition", "transform " + r + "ms" + (this.options.easing ? " " + this.options.easing : "")), R(e, "transform", "translate3d(0,0,0)"), typeof e.animated == "number" && clearTimeout(e.animated), e.animated = setTimeout(function() {
+					R(e, "transition", ""), R(e, "transform", ""), e.animated = !1, e.animatingX = !1, e.animatingY = !1;
+				}, r);
+			}
+		}
+	};
+}
+function xi(e) {
+	return e.offsetWidth;
+}
+function Si(e, t, n, r) {
+	return Math.sqrt((t.top - e.top) ** 2 + (t.left - e.left) ** 2) / Math.sqrt((t.top - n.top) ** 2 + (t.left - n.left) ** 2) * r.animation;
+}
+var Ci = [], wi = { initializeByDefault: !0 }, Ti = {
+	mount: function(e) {
+		for (var t in wi) wi.hasOwnProperty(t) && !(t in e) && (e[t] = wi[t]);
+		Ci.forEach(function(t) {
+			if (t.pluginName === e.pluginName) throw `Sortable: Cannot mount plugin ${e.pluginName} more than once`;
+		}), Ci.push(e);
+	},
+	pluginEvent: function(e, t, n) {
+		var r = this;
+		this.eventCanceled = !1, n.cancel = function() {
+			r.eventCanceled = !0;
+		};
+		var i = e + "Global";
+		Ci.forEach(function(r) {
+			t[r.pluginName] && (t[r.pluginName][i] && t[r.pluginName][i](Rr({ sortable: t }, n)), t.options[r.pluginName] && t[r.pluginName][e] && t[r.pluginName][e](Rr({ sortable: t }, n)));
+		});
+	},
+	initializePlugins: function(e, t, n, r) {
+		for (var i in Ci.forEach(function(r) {
+			var i = r.pluginName;
+			if (!(!e.options[i] && !r.initializeByDefault)) {
+				var a = new r(e, t, e.options);
+				a.sortable = e, a.options = e.options, e[i] = a, Vr(n, a.defaults);
+			}
+		}), e.options) if (e.options.hasOwnProperty(i)) {
+			var a = this.modifyOption(e, i, e.options[i]);
+			a !== void 0 && (e.options[i] = a);
+		}
+	},
+	getEventProperties: function(e, t) {
+		var n = {};
+		return Ci.forEach(function(r) {
+			typeof r.eventProperties == "function" && Vr(n, r.eventProperties.call(t[r.pluginName], e));
+		}), n;
+	},
+	modifyOption: function(e, t, n) {
+		var r;
+		return Ci.forEach(function(i) {
+			e[i.pluginName] && i.optionListeners && typeof i.optionListeners[t] == "function" && (r = i.optionListeners[t].call(e[i.pluginName], n));
+		}), r;
+	}
+};
+function Ei(e) {
+	var t = e.sortable, n = e.rootEl, r = e.name, i = e.targetEl, a = e.cloneEl, o = e.toEl, s = e.fromEl, c = e.oldIndex, l = e.newIndex, u = e.oldDraggableIndex, d = e.newDraggableIndex, f = e.originalEvent, p = e.putSortable, m = e.extraEventProperties;
+	if (t ||= n && n[V], t) {
+		var h, g = t.options, _ = "on" + r.charAt(0).toUpperCase() + r.substr(1);
+		window.CustomEvent && !Kr && !qr ? h = new CustomEvent(r, {
+			bubbles: !0,
+			cancelable: !0
+		}) : (h = document.createEvent("Event"), h.initEvent(r, !0, !0)), h.to = o || n, h.from = s || n, h.item = i || n, h.clone = a, h.oldIndex = c, h.newIndex = l, h.oldDraggableIndex = u, h.newDraggableIndex = d, h.originalEvent = f, h.pullMode = p ? p.lastPutMode : void 0;
+		var v = Rr(Rr({}, m), Ti.getEventProperties(r, t));
+		for (var y in v) h[y] = v[y];
+		n && n.dispatchEvent(h), g[_] && g[_].call(t, h);
+	}
+}
+var Di = ["evt"], H = function(e, t) {
+	var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, r = n.evt, i = Ur(n, Di);
+	Ti.pluginEvent.bind(Q)(e, t, Rr({
+		dragEl: W,
+		parentEl: G,
+		ghostEl: K,
+		rootEl: q,
+		nextEl: Oi,
+		lastDownEl: ki,
+		cloneEl: J,
+		cloneHidden: Ai,
+		dragStarted: Wi,
+		putSortable: X,
+		activeSortable: Q.active,
+		originalEvent: r,
+		oldIndex: ji,
+		oldDraggableIndex: Mi,
+		newIndex: Y,
+		newDraggableIndex: Ni,
+		hideGhostForTarget: ca,
+		unhideGhostForTarget: la,
+		cloneNowHidden: function() {
+			Ai = !0;
+		},
+		cloneNowShown: function() {
+			Ai = !1;
+		},
+		dispatchSortableEvent: function(e) {
+			U({
+				sortable: t,
+				name: e,
+				originalEvent: r
+			});
+		}
+	}, i));
+};
+function U(e) {
+	Ei(Rr({
+		putSortable: X,
+		cloneEl: J,
+		targetEl: W,
+		rootEl: q,
+		oldIndex: ji,
+		oldDraggableIndex: Mi,
+		newIndex: Y,
+		newDraggableIndex: Ni
+	}, e));
+}
+var W, G, K, q, Oi, ki, J, Ai, ji, Y, Mi, Ni, Pi, X, Fi = !1, Ii = !1, Li = [], Ri, zi, Bi, Vi, Hi, Ui, Wi, Gi, Ki, qi = !1, Ji = !1, Yi, Z, Xi = [], Zi = !1, Qi = [], $i = typeof document < "u", ea = Xr, ta = qr || Kr ? "cssFloat" : "float", na = $i && !Zr && !Xr && "draggable" in document.createElement("div"), ra = function() {
+	if ($i) {
+		if (Kr) return !1;
+		var e = document.createElement("x");
+		return e.style.cssText = "pointer-events:auto", e.style.pointerEvents === "auto";
+	}
+}(), ia = function(e, t) {
+	var n = R(e), r = parseInt(n.width) - parseInt(n.paddingLeft) - parseInt(n.paddingRight) - parseInt(n.borderLeftWidth) - parseInt(n.borderRightWidth), i = si(e, 0, t), a = si(e, 1, t), o = i && R(i), s = a && R(a), c = o && parseInt(o.marginLeft) + parseInt(o.marginRight) + z(i).width, l = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + z(a).width;
+	if (n.display === "flex") return n.flexDirection === "column" || n.flexDirection === "column-reverse" ? "vertical" : "horizontal";
+	if (n.display === "grid") return n.gridTemplateColumns.split(" ").length <= 1 ? "vertical" : "horizontal";
+	if (i && o.float && o.float !== "none") {
+		var u = o.float === "left" ? "left" : "right";
+		return a && (s.clear === "both" || s.clear === u) ? "vertical" : "horizontal";
+	}
+	return i && (o.display === "block" || o.display === "flex" || o.display === "table" || o.display === "grid" || c >= r && n[ta] === "none" || a && n[ta] === "none" && c + l > r) ? "vertical" : "horizontal";
+}, aa = function(e, t, n) {
+	var r = n ? e.left : e.top, i = n ? e.right : e.bottom, a = n ? e.width : e.height, o = n ? t.left : t.top, s = n ? t.right : t.bottom, c = n ? t.width : t.height;
+	return r === o || i === s || r + a / 2 === o + c / 2;
+}, oa = function(e, t) {
+	var n;
+	return Li.some(function(r) {
+		var i = r[V].options.emptyInsertThreshold;
+		if (!(!i || ci(r))) {
+			var a = z(r), o = e >= a.left - i && e <= a.right + i, s = t >= a.top - i && t <= a.bottom + i;
+			if (o && s) return n = r;
+		}
+	}), n;
+}, sa = function(e) {
+	function t(e, n) {
+		return function(r, i, a, o) {
+			var s = r.options.group.name && i.options.group.name && r.options.group.name === i.options.group.name;
+			if (e == null && (n || s)) return !0;
+			if (e == null || e === !1) return !1;
+			if (n && e === "clone") return e;
+			if (typeof e == "function") return t(e(r, i, a, o), n)(r, i, a, o);
+			var c = (n ? r : i).options.group.name;
+			return e === !0 || typeof e == "string" && e === c || e.join && e.indexOf(c) > -1;
+		};
+	}
+	var n = {}, r = e.group;
+	(!r || zr(r) != "object") && (r = { name: r }), n.name = r.name, n.checkPull = t(r.pull, !0), n.checkPut = t(r.put), n.revertClone = r.revertClone, e.group = n;
+}, ca = function() {
+	!ra && K && R(K, "display", "none");
+}, la = function() {
+	!ra && K && R(K, "display", "");
+};
+$i && !Zr && document.addEventListener("click", function(e) {
+	if (Ii) return e.preventDefault(), e.stopPropagation && e.stopPropagation(), e.stopImmediatePropagation && e.stopImmediatePropagation(), Ii = !1, !1;
+}, !0);
+var ua = function(e) {
+	if (W) {
+		e = e.touches ? e.touches[0] : e;
+		var t = oa(e.clientX, e.clientY);
+		if (t) {
+			var n = {};
+			for (var r in e) e.hasOwnProperty(r) && (n[r] = e[r]);
+			n.target = n.rootEl = t, n.preventDefault = void 0, n.stopPropagation = void 0, t[V]._onDragOver(n);
+		}
+	}
+}, da = function(e) {
+	W && W.parentNode[V]._isOutsideThisEl(e.target);
+};
+function Q(e, t) {
+	if (!(e && e.nodeType && e.nodeType === 1)) throw `Sortable: \`el\` must be an HTMLElement, not ${{}.toString.call(e)}`;
+	this.el = e, this.options = t = Vr({}, t), e[V] = this;
+	var n = {
+		group: null,
+		sort: !0,
+		disabled: !1,
+		store: null,
+		handle: null,
+		draggable: /^[uo]l$/i.test(e.nodeName) ? ">li" : ">*",
+		swapThreshold: 1,
+		invertSwap: !1,
+		invertedSwapThreshold: null,
+		removeCloneOnHide: !0,
+		direction: function() {
+			return ia(e, this.options);
+		},
+		ghostClass: "sortable-ghost",
+		chosenClass: "sortable-chosen",
+		dragClass: "sortable-drag",
+		ignore: "a, img",
+		filter: null,
+		preventOnFilter: !0,
+		animation: 0,
+		easing: null,
+		setData: function(e, t) {
+			e.setData("Text", t.textContent);
+		},
+		dropBubble: !1,
+		dragoverBubble: !1,
+		dataIdAttr: "data-id",
+		delay: 0,
+		delayOnTouchOnly: !1,
+		touchStartThreshold: (Number.parseInt ? Number : window).parseInt(window.devicePixelRatio, 10) || 1,
+		forceFallback: !1,
+		fallbackClass: "sortable-fallback",
+		fallbackOnBody: !1,
+		fallbackTolerance: 0,
+		fallbackOffset: {
+			x: 0,
+			y: 0
+		},
+		supportPointer: Q.supportPointer !== !1 && "PointerEvent" in window && !Yr,
+		emptyInsertThreshold: 5
+	};
+	for (var r in Ti.initializePlugins(this, e, n), n) !(r in t) && (t[r] = n[r]);
+	for (var i in sa(t), this) i.charAt(0) === "_" && typeof this[i] == "function" && (this[i] = this[i].bind(this));
+	this.nativeDraggable = t.forceFallback ? !1 : na, this.nativeDraggable && (this.options.touchStartThreshold = 1), t.supportPointer ? F(e, "pointerdown", this._onTapStart) : (F(e, "mousedown", this._onTapStart), F(e, "touchstart", this._onTapStart)), this.nativeDraggable && (F(e, "dragover", this), F(e, "dragenter", this)), Li.push(this.el), t.store && t.store.get && this.sort(t.store.get(this) || []), Vr(this, bi());
+}
+Q.prototype = {
+	constructor: Q,
+	_isOutsideThisEl: function(e) {
+		!this.el.contains(e) && e !== this.el && (Gi = null);
+	},
+	_getDirection: function(e, t) {
+		return typeof this.options.direction == "function" ? this.options.direction.call(this, e, t, W) : this.options.direction;
+	},
+	_onTapStart: function(e) {
+		if (e.cancelable) {
+			var t = this, n = this.el, r = this.options, i = r.preventOnFilter, a = e.type, o = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, s = (o || e).target, c = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || s, l = r.filter;
+			if (xa(n), !W && !(/mousedown|pointerdown/.test(a) && e.button !== 0 || r.disabled) && !c.isContentEditable && !(!this.nativeDraggable && Yr && s && s.tagName.toUpperCase() === "SELECT") && (s = ti(s, r.draggable, n, !1), !(s && s.animated) && ki !== s)) {
+				if (ji = B(s), Mi = B(s, r.draggable), typeof l == "function") {
+					if (l.call(this, e, s, this)) {
+						U({
+							sortable: t,
+							rootEl: c,
+							name: "filter",
+							targetEl: s,
+							toEl: n,
+							fromEl: n
+						}), H("filter", t, { evt: e }), i && e.cancelable && e.preventDefault();
+						return;
+					}
+				} else if (l && (l = l.split(",").some(function(r) {
+					if (r = ti(c, r.trim(), n, !1), r) return U({
+						sortable: t,
+						rootEl: r,
+						name: "filter",
+						targetEl: s,
+						fromEl: n,
+						toEl: n
+					}), H("filter", t, { evt: e }), !0;
+				}), l)) {
+					i && e.cancelable && e.preventDefault();
+					return;
+				}
+				r.handle && !ti(c, r.handle, n, !1) || this._prepareDragStart(e, o, s);
+			}
+		}
+	},
+	_prepareDragStart: function(e, t, n) {
+		var r = this, i = r.el, a = r.options, o = i.ownerDocument, s;
+		if (n && !W && n.parentNode === i) {
+			var c = z(n);
+			if (q = i, W = n, G = W.parentNode, Oi = W.nextSibling, ki = n, Pi = a.group, Q.dragged = W, Ri = {
+				target: W,
+				clientX: (t || e).clientX,
+				clientY: (t || e).clientY
+			}, Hi = Ri.clientX - c.left, Ui = Ri.clientY - c.top, this._lastX = (t || e).clientX, this._lastY = (t || e).clientY, W.style["will-change"] = "all", s = function() {
+				if (H("delayEnded", r, { evt: e }), Q.eventCanceled) {
+					r._onDrop();
+					return;
+				}
+				r._disableDelayedDragEvents(), !Jr && r.nativeDraggable && (W.draggable = !0), r._triggerDragStart(e, t), U({
+					sortable: r,
+					name: "choose",
+					originalEvent: e
+				}), L(W, a.chosenClass, !0);
+			}, a.ignore.split(",").forEach(function(e) {
+				ii(W, e.trim(), ma);
+			}), F(o, "dragover", ua), F(o, "mousemove", ua), F(o, "touchmove", ua), F(o, "mouseup", r._onDrop), F(o, "touchend", r._onDrop), F(o, "touchcancel", r._onDrop), Jr && this.nativeDraggable && (this.options.touchStartThreshold = 4, W.draggable = !0), H("delayStart", this, { evt: e }), a.delay && (!a.delayOnTouchOnly || t) && (!this.nativeDraggable || !(qr || Kr))) {
+				if (Q.eventCanceled) {
+					this._onDrop();
+					return;
+				}
+				F(o, "mouseup", r._disableDelayedDrag), F(o, "touchend", r._disableDelayedDrag), F(o, "touchcancel", r._disableDelayedDrag), F(o, "mousemove", r._delayedDragTouchMoveHandler), F(o, "touchmove", r._delayedDragTouchMoveHandler), a.supportPointer && F(o, "pointermove", r._delayedDragTouchMoveHandler), r._dragStartTimer = setTimeout(s, a.delay);
+			} else s();
+		}
+	},
+	_delayedDragTouchMoveHandler: function(e) {
+		var t = e.touches ? e.touches[0] : e;
+		Math.max(Math.abs(t.clientX - this._lastX), Math.abs(t.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1)) && this._disableDelayedDrag();
+	},
+	_disableDelayedDrag: function() {
+		W && ma(W), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
+	},
+	_disableDelayedDragEvents: function() {
+		var e = this.el.ownerDocument;
+		I(e, "mouseup", this._disableDelayedDrag), I(e, "touchend", this._disableDelayedDrag), I(e, "touchcancel", this._disableDelayedDrag), I(e, "mousemove", this._delayedDragTouchMoveHandler), I(e, "touchmove", this._delayedDragTouchMoveHandler), I(e, "pointermove", this._delayedDragTouchMoveHandler);
+	},
+	_triggerDragStart: function(e, t) {
+		t ||= e.pointerType == "touch" && e, !this.nativeDraggable || t ? this.options.supportPointer ? F(document, "pointermove", this._onTouchMove) : t ? F(document, "touchmove", this._onTouchMove) : F(document, "mousemove", this._onTouchMove) : (F(W, "dragend", this), F(q, "dragstart", this._onDragStart));
+		try {
+			document.selection ? Sa(function() {
+				document.selection.empty();
+			}) : window.getSelection().removeAllRanges();
+		} catch {}
+	},
+	_dragStarted: function(e, t) {
+		if (Fi = !1, q && W) {
+			H("dragStarted", this, { evt: t }), this.nativeDraggable && F(document, "dragover", da);
+			var n = this.options;
+			!e && L(W, n.dragClass, !1), L(W, n.ghostClass, !0), Q.active = this, e && this._appendGhost(), U({
+				sortable: this,
+				name: "start",
+				originalEvent: t
+			});
+		} else this._nulling();
+	},
+	_emulateDragOver: function() {
+		if (zi) {
+			this._lastX = zi.clientX, this._lastY = zi.clientY, ca();
+			for (var e = document.elementFromPoint(zi.clientX, zi.clientY), t = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(zi.clientX, zi.clientY), e !== t);) t = e;
+			if (W.parentNode[V]._isOutsideThisEl(e), t) do {
+				if (t[V]) {
+					var n = void 0;
+					if (n = t[V]._onDragOver({
+						clientX: zi.clientX,
+						clientY: zi.clientY,
+						target: e,
+						rootEl: t
+					}), n && !this.options.dragoverBubble) break;
+				}
+				e = t;
+			} while (t = t.parentNode);
+			la();
+		}
+	},
+	_onTouchMove: function(e) {
+		if (Ri) {
+			var t = this.options, n = t.fallbackTolerance, r = t.fallbackOffset, i = e.touches ? e.touches[0] : e, a = K && ri(K, !0), o = K && a && a.a, s = K && a && a.d, c = ea && Z && li(Z), l = (i.clientX - Ri.clientX + r.x) / (o || 1) + (c ? c[0] - Xi[0] : 0) / (o || 1), u = (i.clientY - Ri.clientY + r.y) / (s || 1) + (c ? c[1] - Xi[1] : 0) / (s || 1);
+			if (!Q.active && !Fi) {
+				if (n && Math.max(Math.abs(i.clientX - this._lastX), Math.abs(i.clientY - this._lastY)) < n) return;
+				this._onDragStart(e, !0);
+			}
+			if (K) {
+				a ? (a.e += l - (Bi || 0), a.f += u - (Vi || 0)) : a = {
+					a: 1,
+					b: 0,
+					c: 0,
+					d: 1,
+					e: l,
+					f: u
+				};
+				var d = `matrix(${a.a},${a.b},${a.c},${a.d},${a.e},${a.f})`;
+				R(K, "webkitTransform", d), R(K, "mozTransform", d), R(K, "msTransform", d), R(K, "transform", d), Bi = l, Vi = u, zi = i;
+			}
+			e.cancelable && e.preventDefault();
+		}
+	},
+	_appendGhost: function() {
+		if (!K) {
+			var e = this.options.fallbackOnBody ? document.body : q, t = z(W, !0, ea, !0, e), n = this.options;
+			if (ea) {
+				for (Z = e; R(Z, "position") === "static" && R(Z, "transform") === "none" && Z !== document;) Z = Z.parentNode;
+				Z !== document.body && Z !== document.documentElement ? (Z === document && (Z = ai()), t.top += Z.scrollTop, t.left += Z.scrollLeft) : Z = ai(), Xi = li(Z);
+			}
+			K = W.cloneNode(!0), L(K, n.ghostClass, !1), L(K, n.fallbackClass, !0), L(K, n.dragClass, !0), R(K, "transition", ""), R(K, "transform", ""), R(K, "box-sizing", "border-box"), R(K, "margin", 0), R(K, "top", t.top), R(K, "left", t.left), R(K, "width", t.width), R(K, "height", t.height), R(K, "opacity", "0.8"), R(K, "position", ea ? "absolute" : "fixed"), R(K, "zIndex", "100000"), R(K, "pointerEvents", "none"), Q.ghost = K, e.appendChild(K), R(K, "transform-origin", Hi / parseInt(K.style.width) * 100 + "% " + Ui / parseInt(K.style.height) * 100 + "%");
+		}
+	},
+	_onDragStart: function(e, t) {
+		var n = this, r = e.dataTransfer, i = n.options;
+		if (H("dragStart", this, { evt: e }), Q.eventCanceled) {
+			this._onDrop();
+			return;
+		}
+		H("setupClone", this), Q.eventCanceled || (J = vi(W), J.removeAttribute("id"), J.draggable = !1, J.style["will-change"] = "", this._hideClone(), L(J, this.options.chosenClass, !1), Q.clone = J), n.cloneId = Sa(function() {
+			H("clone", n), !Q.eventCanceled && (n.options.removeCloneOnHide || q.insertBefore(J, W), n._hideClone(), U({
+				sortable: n,
+				name: "clone"
+			}));
+		}), !t && L(W, i.dragClass, !0), t ? (Ii = !0, n._loopId = setInterval(n._emulateDragOver, 50)) : (I(document, "mouseup", n._onDrop), I(document, "touchend", n._onDrop), I(document, "touchcancel", n._onDrop), r && (r.effectAllowed = "move", i.setData && i.setData.call(n, r, W)), F(document, "drop", n), R(W, "transform", "translateZ(0)")), Fi = !0, n._dragStartId = Sa(n._dragStarted.bind(n, t, e)), F(document, "selectstart", n), Wi = !0, Yr && R(document.body, "user-select", "none");
+	},
+	_onDragOver: function(e) {
+		var t = this.el, n = e.target, r, i, a, o = this.options, s = o.group, c = Q.active, l = Pi === s, u = o.sort, d = X || c, f, p = this, m = !1;
+		if (Zi) return;
+		function h(o, s) {
+			H(o, p, Rr({
+				evt: e,
+				isOwner: l,
+				axis: f ? "vertical" : "horizontal",
+				revert: a,
+				dragRect: r,
+				targetRect: i,
+				canSort: u,
+				fromSortable: d,
+				target: n,
+				completed: _,
+				onMove: function(n, i) {
+					return pa(q, t, W, r, n, z(n), e, i);
+				},
+				changed: v
+			}, s));
+		}
+		function g() {
+			h("dragOverAnimationCapture"), p.captureAnimationState(), p !== d && d.captureAnimationState();
+		}
+		function _(r) {
+			return h("dragOverCompleted", { insertion: r }), r && (l ? c._hideClone() : c._showClone(p), p !== d && (L(W, X ? X.options.ghostClass : c.options.ghostClass, !1), L(W, o.ghostClass, !0)), X !== p && p !== Q.active ? X = p : p === Q.active && X && (X = null), d === p && (p._ignoreWhileAnimating = n), p.animateAll(function() {
+				h("dragOverAnimationComplete"), p._ignoreWhileAnimating = null;
+			}), p !== d && (d.animateAll(), d._ignoreWhileAnimating = null)), (n === W && !W.animated || n === t && !n.animated) && (Gi = null), !o.dragoverBubble && !e.rootEl && n !== document && (W.parentNode[V]._isOutsideThisEl(e.target), !r && ua(e)), !o.dragoverBubble && e.stopPropagation && e.stopPropagation(), m = !0;
+		}
+		function v() {
+			Y = B(W), Ni = B(W, o.draggable), U({
+				sortable: p,
+				name: "change",
+				toEl: t,
+				newIndex: Y,
+				newDraggableIndex: Ni,
+				originalEvent: e
+			});
+		}
+		if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), n = ti(n, o.draggable, t, !0), h("dragOver"), Q.eventCanceled) return m;
+		if (W.contains(e.target) || n.animated && n.animatingX && n.animatingY || p._ignoreWhileAnimating === n) return _(!1);
+		if (Ii = !1, c && !o.disabled && (l ? u || (a = G !== q) : X === this || (this.lastPutMode = Pi.checkPull(this, c, W, e)) && s.checkPut(this, c, W, e))) {
+			if (f = this._getDirection(e, n) === "vertical", r = z(W), h("dragOverValid"), Q.eventCanceled) return m;
+			if (a) return G = q, g(), this._hideClone(), h("revert"), Q.eventCanceled || (Oi ? q.insertBefore(W, Oi) : q.appendChild(W)), _(!0);
+			var y = ci(t, o.draggable);
+			if (!y || _a(e, f, this) && !y.animated) {
+				if (y === W) return _(!1);
+				if (y && t === e.target && (n = y), n && (i = z(n)), pa(q, t, W, r, n, i, e, !!n) !== !1) return g(), y && y.nextSibling ? t.insertBefore(W, y.nextSibling) : t.appendChild(W), G = t, v(), _(!0);
+			} else if (y && ga(e, f, this)) {
+				var b = si(t, 0, o, !0);
+				if (b === W) return _(!1);
+				if (n = b, i = z(n), pa(q, t, W, r, n, i, e, !1) !== !1) return g(), t.insertBefore(W, b), G = t, v(), _(!0);
+			} else if (n.parentNode === t) {
+				i = z(n);
+				var x = 0, S, C = W.parentNode !== t, w = !aa(W.animated && W.toRect || r, n.animated && n.toRect || i, f), T = f ? "top" : "left", E = oi(n, "top", "top") || oi(W, "top", "top"), ee = E ? E.scrollTop : void 0;
+				Gi !== n && (S = i[T], qi = !1, Ji = !w && o.invertSwap || C), x = va(e, n, i, f, w ? 1 : o.swapThreshold, o.invertedSwapThreshold == null ? o.swapThreshold : o.invertedSwapThreshold, Ji, Gi === n);
+				var D;
+				if (x !== 0) {
+					var O = B(W);
+					do
+						O -= x, D = G.children[O];
+					while (D && (R(D, "display") === "none" || D === K));
+				}
+				if (x === 0 || D === n) return _(!1);
+				Gi = n, Ki = x;
+				var k = n.nextElementSibling, te = !1;
+				te = x === 1;
+				var A = pa(q, t, W, r, n, i, e, te);
+				if (A !== !1) return (A === 1 || A === -1) && (te = A === 1), Zi = !0, setTimeout(ha, 30), g(), te && !k ? t.appendChild(W) : n.parentNode.insertBefore(W, te ? k : n), E && _i(E, 0, ee - E.scrollTop), G = W.parentNode, S !== void 0 && !Ji && (Yi = Math.abs(S - z(n)[T])), v(), _(!0);
+			}
+			if (t.contains(W)) return _(!1);
+		}
+		return !1;
+	},
+	_ignoreWhileAnimating: null,
+	_offMoveEvents: function() {
+		I(document, "mousemove", this._onTouchMove), I(document, "touchmove", this._onTouchMove), I(document, "pointermove", this._onTouchMove), I(document, "dragover", ua), I(document, "mousemove", ua), I(document, "touchmove", ua);
+	},
+	_offUpEvents: function() {
+		var e = this.el.ownerDocument;
+		I(e, "mouseup", this._onDrop), I(e, "touchend", this._onDrop), I(e, "pointerup", this._onDrop), I(e, "touchcancel", this._onDrop), I(document, "selectstart", this);
+	},
+	_onDrop: function(e) {
+		var t = this.el, n = this.options;
+		if (Y = B(W), Ni = B(W, n.draggable), H("drop", this, { evt: e }), G = W && W.parentNode, Y = B(W), Ni = B(W, n.draggable), Q.eventCanceled) {
+			this._nulling();
+			return;
+		}
+		Fi = !1, Ji = !1, qi = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), Ca(this.cloneId), Ca(this._dragStartId), this.nativeDraggable && (I(document, "drop", this), I(t, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), Yr && R(document.body, "user-select", ""), R(W, "transform", ""), e && (Wi && (e.cancelable && e.preventDefault(), !n.dropBubble && e.stopPropagation()), K && K.parentNode && K.parentNode.removeChild(K), (q === G || X && X.lastPutMode !== "clone") && J && J.parentNode && J.parentNode.removeChild(J), W && (this.nativeDraggable && I(W, "dragend", this), ma(W), W.style["will-change"] = "", Wi && !Fi && L(W, X ? X.options.ghostClass : this.options.ghostClass, !1), L(W, this.options.chosenClass, !1), U({
+			sortable: this,
+			name: "unchoose",
+			toEl: G,
+			newIndex: null,
+			newDraggableIndex: null,
+			originalEvent: e
+		}), q === G ? Y !== ji && Y >= 0 && (U({
+			sortable: this,
+			name: "update",
+			toEl: G,
+			originalEvent: e
+		}), U({
+			sortable: this,
+			name: "sort",
+			toEl: G,
+			originalEvent: e
+		})) : (Y >= 0 && (U({
+			rootEl: G,
+			name: "add",
+			toEl: G,
+			fromEl: q,
+			originalEvent: e
+		}), U({
+			sortable: this,
+			name: "remove",
+			toEl: G,
+			originalEvent: e
+		}), U({
+			rootEl: G,
+			name: "sort",
+			toEl: G,
+			fromEl: q,
+			originalEvent: e
+		}), U({
+			sortable: this,
+			name: "sort",
+			toEl: G,
+			originalEvent: e
+		})), X && X.save()), Q.active && ((Y == null || Y === -1) && (Y = ji, Ni = Mi), U({
+			sortable: this,
+			name: "end",
+			toEl: G,
+			originalEvent: e
+		}), this.save()))), this._nulling();
+	},
+	_nulling: function() {
+		H("nulling", this), q = W = G = K = Oi = J = ki = Ai = Ri = zi = Wi = Y = Ni = ji = Mi = Gi = Ki = X = Pi = Q.dragged = Q.ghost = Q.clone = Q.active = null, Qi.forEach(function(e) {
+			e.checked = !0;
+		}), Qi.length = Bi = Vi = 0;
+	},
+	handleEvent: function(e) {
+		switch (e.type) {
+			case "drop":
+			case "dragend":
+				this._onDrop(e);
+				break;
+			case "dragenter":
+			case "dragover":
+				W && (this._onDragOver(e), fa(e));
+				break;
+			case "selectstart":
+				e.preventDefault();
+				break;
+		}
+	},
+	toArray: function() {
+		for (var e = [], t, n = this.el.children, r = 0, i = n.length, a = this.options; r < i; r++) t = n[r], ti(t, a.draggable, this.el, !1) && e.push(t.getAttribute(a.dataIdAttr) || ba(t));
+		return e;
+	},
+	sort: function(e, t) {
+		var n = {}, r = this.el;
+		this.toArray().forEach(function(e, t) {
+			var i = r.children[t];
+			ti(i, this.options.draggable, r, !1) && (n[e] = i);
+		}, this), t && this.captureAnimationState(), e.forEach(function(e) {
+			n[e] && (r.removeChild(n[e]), r.appendChild(n[e]));
+		}), t && this.animateAll();
+	},
+	save: function() {
+		var e = this.options.store;
+		e && e.set && e.set(this);
+	},
+	closest: function(e, t) {
+		return ti(e, t || this.options.draggable, this.el, !1);
+	},
+	option: function(e, t) {
+		var n = this.options;
+		if (t === void 0) return n[e];
+		var r = Ti.modifyOption(this, e, t);
+		r === void 0 ? n[e] = t : n[e] = r, e === "group" && sa(n);
+	},
+	destroy: function() {
+		H("destroy", this);
+		var e = this.el;
+		e[V] = null, I(e, "mousedown", this._onTapStart), I(e, "touchstart", this._onTapStart), I(e, "pointerdown", this._onTapStart), this.nativeDraggable && (I(e, "dragover", this), I(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(e) {
+			e.removeAttribute("draggable");
+		}), this._onDrop(), this._disableDelayedDragEvents(), Li.splice(Li.indexOf(this.el), 1), this.el = e = null;
+	},
+	_hideClone: function() {
+		if (!Ai) {
+			if (H("hideClone", this), Q.eventCanceled) return;
+			R(J, "display", "none"), this.options.removeCloneOnHide && J.parentNode && J.parentNode.removeChild(J), Ai = !0;
+		}
+	},
+	_showClone: function(e) {
+		if (e.lastPutMode !== "clone") {
+			this._hideClone();
+			return;
+		}
+		if (Ai) {
+			if (H("showClone", this), Q.eventCanceled) return;
+			W.parentNode == q && !this.options.group.revertClone ? q.insertBefore(J, W) : Oi ? q.insertBefore(J, Oi) : q.appendChild(J), this.options.group.revertClone && this.animate(W, J), R(J, "display", ""), Ai = !1;
+		}
+	}
+};
+function fa(e) {
+	e.dataTransfer && (e.dataTransfer.dropEffect = "move"), e.cancelable && e.preventDefault();
+}
+function pa(e, t, n, r, i, a, o, s) {
+	var c, l = e[V], u = l.options.onMove, d;
+	return window.CustomEvent && !Kr && !qr ? c = new CustomEvent("move", {
+		bubbles: !0,
+		cancelable: !0
+	}) : (c = document.createEvent("Event"), c.initEvent("move", !0, !0)), c.to = t, c.from = e, c.dragged = n, c.draggedRect = r, c.related = i || t, c.relatedRect = a || z(t), c.willInsertAfter = s, c.originalEvent = o, e.dispatchEvent(c), u && (d = u.call(l, c, o)), d;
+}
+function ma(e) {
+	e.draggable = !1;
+}
+function ha() {
+	Zi = !1;
+}
+function ga(e, t, n) {
+	var r = z(si(n.el, 0, n.options, !0)), i = yi(n.el, n.options, K), a = 10;
+	return t ? e.clientX < i.left - a || e.clientY < r.top && e.clientX < r.right : e.clientY < i.top - a || e.clientY < r.bottom && e.clientX < r.left;
+}
+function _a(e, t, n) {
+	var r = z(ci(n.el, n.options.draggable)), i = yi(n.el, n.options, K), a = 10;
+	return t ? e.clientX > i.right + a || e.clientY > r.bottom && e.clientX > r.left : e.clientY > i.bottom + a || e.clientX > r.right && e.clientY > r.top;
+}
+function va(e, t, n, r, i, a, o, s) {
+	var c = r ? e.clientY : e.clientX, l = r ? n.height : n.width, u = r ? n.top : n.left, d = r ? n.bottom : n.right, f = !1;
+	if (!o) {
+		if (s && Yi < l * i) {
+			if (!qi && (Ki === 1 ? c > u + l * a / 2 : c < d - l * a / 2) && (qi = !0), qi) f = !0;
+			else if (Ki === 1 ? c < u + Yi : c > d - Yi) return -Ki;
+		} else if (c > u + l * (1 - i) / 2 && c < d - l * (1 - i) / 2) return ya(t);
+	}
+	return f ||= o, f && (c < u + l * a / 2 || c > d - l * a / 2) ? c > u + l / 2 ? 1 : -1 : 0;
+}
+function ya(e) {
+	return B(W) < B(e) ? 1 : -1;
+}
+function ba(e) {
+	for (var t = e.tagName + e.className + e.src + e.href + e.textContent, n = t.length, r = 0; n--;) r += t.charCodeAt(n);
+	return r.toString(36);
+}
+function xa(e) {
+	Qi.length = 0;
+	for (var t = e.getElementsByTagName("input"), n = t.length; n--;) {
+		var r = t[n];
+		r.checked && Qi.push(r);
+	}
+}
+function Sa(e) {
+	return setTimeout(e, 0);
+}
+function Ca(e) {
+	return clearTimeout(e);
+}
+$i && F(document, "touchmove", function(e) {
+	(Q.active || Fi) && e.cancelable && e.preventDefault();
+}), Q.utils = {
+	on: F,
+	off: I,
+	css: R,
+	find: ii,
+	is: function(e, t) {
+		return !!ti(e, t, e, !1);
+	},
+	extend: fi,
+	throttle: hi,
+	closest: ti,
+	toggleClass: L,
+	clone: vi,
+	index: B,
+	nextTick: Sa,
+	cancelNextTick: Ca,
+	detectDirection: ia,
+	getChild: si
+}, Q.get = function(e) {
+	return e[V];
+}, Q.mount = function() {
+	var e = [...arguments];
+	e[0].constructor === Array && (e = e[0]), e.forEach(function(e) {
+		if (!e.prototype || !e.prototype.constructor) throw `Sortable: Mounted plugin must be a constructor function, not ${{}.toString.call(e)}`;
+		e.utils && (Q.utils = Rr(Rr({}, Q.utils), e.utils)), Ti.mount(e);
+	});
+}, Q.create = function(e, t) {
+	return new Q(e, t);
+}, Q.version = Wr;
+var $ = [], wa, Ta, Ea = !1, Da, Oa, ka, Aa;
+function ja() {
+	function e() {
+		for (var e in this.defaults = {
+			scroll: !0,
+			forceAutoScrollFallback: !1,
+			scrollSensitivity: 30,
+			scrollSpeed: 10,
+			bubbleScroll: !0
+		}, this) e.charAt(0) === "_" && typeof this[e] == "function" && (this[e] = this[e].bind(this));
+	}
+	return e.prototype = {
+		dragStarted: function(e) {
+			var t = e.originalEvent;
+			this.sortable.nativeDraggable ? F(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? F(document, "pointermove", this._handleFallbackAutoScroll) : t.touches ? F(document, "touchmove", this._handleFallbackAutoScroll) : F(document, "mousemove", this._handleFallbackAutoScroll);
+		},
+		dragOverCompleted: function(e) {
+			var t = e.originalEvent;
+			!this.options.dragOverBubble && !t.rootEl && this._handleAutoScroll(t);
+		},
+		drop: function() {
+			this.sortable.nativeDraggable ? I(document, "dragover", this._handleAutoScroll) : (I(document, "pointermove", this._handleFallbackAutoScroll), I(document, "touchmove", this._handleFallbackAutoScroll), I(document, "mousemove", this._handleFallbackAutoScroll)), Na(), Ma(), gi();
+		},
+		nulling: function() {
+			ka = Ta = wa = Ea = Aa = Da = Oa = null, $.length = 0;
+		},
+		_handleFallbackAutoScroll: function(e) {
+			this._handleAutoScroll(e, !0);
+		},
+		_handleAutoScroll: function(e, t) {
+			var n = this, r = (e.touches ? e.touches[0] : e).clientX, i = (e.touches ? e.touches[0] : e).clientY, a = document.elementFromPoint(r, i);
+			if (ka = e, t || this.options.forceAutoScrollFallback || qr || Kr || Yr) {
+				Pa(e, this.options, a, t);
+				var o = di(a, !0);
+				Ea && (!Aa || r !== Da || i !== Oa) && (Aa && Na(), Aa = setInterval(function() {
+					var a = di(document.elementFromPoint(r, i), !0);
+					a !== o && (o = a, Ma()), Pa(e, n.options, a, t);
+				}, 10), Da = r, Oa = i);
+			} else {
+				if (!this.options.bubbleScroll || di(a, !0) === ai()) {
+					Ma();
+					return;
+				}
+				Pa(e, this.options, di(a, !1), !1);
+			}
+		}
+	}, Vr(e, {
+		pluginName: "scroll",
+		initializeByDefault: !0
+	});
+}
+function Ma() {
+	$.forEach(function(e) {
+		clearInterval(e.pid);
+	}), $ = [];
+}
+function Na() {
+	clearInterval(Aa);
+}
+var Pa = hi(function(e, t, n, r) {
+	if (t.scroll) {
+		var i = (e.touches ? e.touches[0] : e).clientX, a = (e.touches ? e.touches[0] : e).clientY, o = t.scrollSensitivity, s = t.scrollSpeed, c = ai(), l = !1, u;
+		Ta !== n && (Ta = n, Ma(), wa = t.scroll, u = t.scrollFn, wa === !0 && (wa = di(n, !0)));
+		var d = 0, f = wa;
+		do {
+			var p = f, m = z(p), h = m.top, g = m.bottom, _ = m.left, v = m.right, y = m.width, b = m.height, x = void 0, S = void 0, C = p.scrollWidth, w = p.scrollHeight, T = R(p), E = p.scrollLeft, ee = p.scrollTop;
+			p === c ? (x = y < C && (T.overflowX === "auto" || T.overflowX === "scroll" || T.overflowX === "visible"), S = b < w && (T.overflowY === "auto" || T.overflowY === "scroll" || T.overflowY === "visible")) : (x = y < C && (T.overflowX === "auto" || T.overflowX === "scroll"), S = b < w && (T.overflowY === "auto" || T.overflowY === "scroll"));
+			var D = x && (Math.abs(v - i) <= o && E + y < C) - (Math.abs(_ - i) <= o && !!E), O = S && (Math.abs(g - a) <= o && ee + b < w) - (Math.abs(h - a) <= o && !!ee);
+			if (!$[d]) for (var k = 0; k <= d; k++) $[k] || ($[k] = {});
+			($[d].vx != D || $[d].vy != O || $[d].el !== p) && ($[d].el = p, $[d].vx = D, $[d].vy = O, clearInterval($[d].pid), (D != 0 || O != 0) && (l = !0, $[d].pid = setInterval(function() {
+				r && this.layer === 0 && Q.active._onTouchMove(ka);
+				var t = $[this.layer].vy ? $[this.layer].vy * s : 0, n = $[this.layer].vx ? $[this.layer].vx * s : 0;
+				typeof u == "function" && u.call(Q.dragged.parentNode[V], n, t, e, ka, $[this.layer].el) !== "continue" || _i($[this.layer].el, n, t);
+			}.bind({ layer: d }), 24))), d++;
+		} while (t.bubbleScroll && f !== c && (f = di(f, !1)));
+		Ea = l;
+	}
+}, 30), Fa = function(e) {
+	var t = e.originalEvent, n = e.putSortable, r = e.dragEl, i = e.activeSortable, a = e.dispatchSortableEvent, o = e.hideGhostForTarget, s = e.unhideGhostForTarget;
+	if (t) {
+		var c = n || i;
+		o();
+		var l = t.changedTouches && t.changedTouches.length ? t.changedTouches[0] : t, u = document.elementFromPoint(l.clientX, l.clientY);
+		s(), c && !c.el.contains(u) && (a("spill"), this.onSpill({
+			dragEl: r,
+			putSortable: n
+		}));
+	}
+};
+function Ia() {}
+Ia.prototype = {
+	startIndex: null,
+	dragStart: function(e) {
+		var t = e.oldDraggableIndex;
+		this.startIndex = t;
+	},
+	onSpill: function(e) {
+		var t = e.dragEl, n = e.putSortable;
+		this.sortable.captureAnimationState(), n && n.captureAnimationState();
+		var r = si(this.sortable.el, this.startIndex, this.options);
+		r ? this.sortable.el.insertBefore(t, r) : this.sortable.el.appendChild(t), this.sortable.animateAll(), n && n.animateAll();
+	},
+	drop: Fa
+}, Vr(Ia, { pluginName: "revertOnSpill" });
+function La() {}
+La.prototype = {
+	onSpill: function(e) {
+		var t = e.dragEl, n = e.putSortable || this.sortable;
+		n.captureAnimationState(), t.parentNode && t.parentNode.removeChild(t), n.animateAll();
+	},
+	drop: Fa
+}, Vr(La, { pluginName: "removeOnSpill" }), Q.mount(new ja()), Q.mount(La, Ia);
+function Ra(e) {
+	return e == null ? e : JSON.parse(JSON.stringify(e));
+}
+function za(e) {
+	oe() && ee(e);
+}
+function Ba(e) {
+	oe() ? u(e) : r(e);
+}
+var Va = null, Ha = null;
+function Ua(e = null, t = null) {
+	Va = e, Ha = t;
+}
+function Wa() {
+	return {
+		data: Va,
+		clonedData: Ha
+	};
+}
+var Ga = Symbol("cloneElement");
+function Ka(...e) {
+	let t = oe()?.proxy, n = null, i = e[0], [, o, c] = e;
+	Array.isArray(j(o)) || (c = o, o = null);
+	let l = null, { immediate: u = !0, clone: d = Ra, forceFallback: f, fallbackOnBody: p, customUpdate: m } = j(c) ?? {};
+	function h(e) {
+		let { from: t, oldIndex: r, item: i } = e, a = Array.from(t.childNodes);
+		n = f && !p ? a.slice(0, -1) : a;
+		let s = j(j(o)?.[r]), c = d(s);
+		Ua(s, c), i[Ga] = c;
+	}
+	function g(e) {
+		let t = e.item[Ga];
+		if (!Er(t)) {
+			if (kr(e.item), a(o)) {
+				let n = [...j(o)];
+				o.value = Tr(n, e.newDraggableIndex, t);
+				return;
+			}
+			Tr(j(o), e.newDraggableIndex, t);
+		}
+	}
+	function _(e) {
+		let { from: t, item: n, oldIndex: r, oldDraggableIndex: i, pullMode: s, clone: c } = e;
+		if (Or(t, n, r), s === "clone") {
+			kr(c);
+			return;
+		}
+		if (a(o)) {
+			let e = [...j(o)];
+			o.value = wr(e, i);
+			return;
+		}
+		wr(j(o), i);
+	}
+	function v(e) {
+		if (m) {
+			m(e);
+			return;
+		}
+		let { from: t, item: n, oldIndex: r, oldDraggableIndex: i, newDraggableIndex: s } = e;
+		if (kr(n), Or(t, n, r), a(o)) {
+			let e = [...j(o)];
+			o.value = xr(e, i, s);
+			return;
+		}
+		xr(j(o), i, s);
+	}
+	function y(e) {
+		let { newIndex: t, oldIndex: i, from: a, to: o } = e, s = null, c = t === i && a === o;
+		try {
+			if (c) {
+				let e = null;
+				n?.some((t, r) => {
+					if (e && n?.length !== o.childNodes.length) return a.insertBefore(e, t.nextSibling), !0;
+					let i = o.childNodes[r];
+					e = o?.replaceChild(t, i);
+				});
+			}
+		} catch (e) {
+			s = e;
+		} finally {
+			n = null;
+		}
+		r(() => {
+			if (Ua(), s) throw s;
+		});
+	}
+	let b = {
+		onUpdate: v,
+		onStart: h,
+		onAdd: g,
+		onRemove: _,
+		onEnd: y
+	};
+	function x(e) {
+		let n = j(i);
+		return e ||= Dr(n) ? Ar(n, t?.$el) : n, e && !Nr(e) && (e = e.$el), e || br("Root element not found"), e;
+	}
+	function S() {
+		let e = j(c) ?? {}, { immediate: t, clone: n } = e, r = _r(e, ["immediate", "clone"]);
+		return Pr(r, (e, t) => {
+			Fr(e) && (r[e] = (e, ...n) => (Ir(e, Wa()), t(e, ...n)));
+		}), Mr(o === null ? {} : b, r);
+	}
+	let C = (e) => {
+		e = x(e), l && w.destroy(), l = new Q(e, S());
+	};
+	s(() => c, () => {
+		l && Pr(S(), (e, t) => {
+			l?.option(e, t);
+		});
+	}, { deep: !0 });
+	let w = {
+		option: (e, t) => l?.option(e, t),
+		destroy: () => {
+			l?.destroy(), l = null;
+		},
+		save: () => l?.save(),
+		toArray: () => l?.toArray(),
+		closest: (...e) => l?.closest(...e)
+	};
+	return Ba(() => {
+		u && C();
+	}), za(w.destroy), gr({
+		start: C,
+		pause: () => w?.option("disabled", !0),
+		resume: () => w?.option("disabled", !1)
+	}, w);
+}
+var qa = [
+	"update",
+	"start",
+	"add",
+	"remove",
+	"choose",
+	"unchoose",
+	"end",
+	"sort",
+	"filter",
+	"clone",
+	"move",
+	"change"
+], Ja = y({
+	name: "VueDraggable",
+	model: {
+		prop: "modelValue",
+		event: "update:modelValue"
+	},
+	props: [
+		"clone",
+		"animation",
+		"ghostClass",
+		"group",
+		"sort",
+		"disabled",
+		"store",
+		"handle",
+		"draggable",
+		"swapThreshold",
+		"invertSwap",
+		"invertedSwapThreshold",
+		"removeCloneOnHide",
+		"direction",
+		"chosenClass",
+		"dragClass",
+		"ignore",
+		"filter",
+		"preventOnFilter",
+		"easing",
+		"setData",
+		"dropBubble",
+		"dragoverBubble",
+		"dataIdAttr",
+		"delay",
+		"delayOnTouchOnly",
+		"touchStartThreshold",
+		"forceFallback",
+		"fallbackClass",
+		"fallbackOnBody",
+		"fallbackTolerance",
+		"fallbackOffset",
+		"supportPointer",
+		"emptyInsertThreshold",
+		"scroll",
+		"forceAutoScrollFallback",
+		"scrollSensitivity",
+		"scrollSpeed",
+		"bubbleScroll",
+		"modelValue",
+		"tag",
+		"target",
+		"customUpdate",
+		...qa.map((e) => `on${e.replace(/^\S/, (e) => e.toUpperCase())}`)
+	],
+	emits: ["update:modelValue", ...qa],
+	setup(e, { slots: t, emit: n, expose: r, attrs: i }) {
+		let a = qa.reduce((e, t) => {
+			let r = `on${t.replace(/^\S/, (e) => e.toUpperCase())}`;
+			return e[r] = (...e) => n(t, ...e), e;
+		}, {}), s = x(() => {
+			let t = S(e), { modelValue: n } = t, r = _r(t, ["modelValue"]), o = Object.entries(r).reduce((e, [t, n]) => {
+				let r = j(n);
+				return r !== void 0 && (e[t] = r), e;
+			}, {});
+			return gr(gr({}, a), Cr(gr(gr({}, i), o)));
+		}), c = x({
+			get: () => e.modelValue,
+			set: (e) => n("update:modelValue", e)
+		}), l = h(), u = o(Ka(e.target || l, c, s));
+		return r(u), () => f(e.tag || "div", { ref: l }, (t?.default)?.call(t, u));
+	}
+}), Ya = {
+	mounted: "mounted",
+	unmounted: "unmounted"
+};
+Ya.mounted, Ya.unmounted;
+//#endregion
+//#region src/components/blocks/SectionBlock.vue?vue&type=script&setup=true&lang.ts
+var Xa = { class: "tpl:w-full" }, Za = { class: "tpl:flex tpl:gap-0" }, Qa = {
+	key: 0,
+	"data-testid": "section-drop-hint",
+	class: "tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:flex tpl:items-center tpl:justify-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
+}, $a = /* @__PURE__ */ y({
+	__name: "SectionBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(n) {
+		let r = {
+			title: ur,
+			paragraph: qn,
+			image: Bn,
+			button: Bt,
+			divider: wn,
+			custom: Sn
+		}, a = n, { t: o } = st(), s = Ve(Qe, "SectionBlock"), l = ae(Je, null), u = ae(nt, null), d = x(() => {
+			switch (a.block.columns) {
+				case "2": return ["50%", "50%"];
+				case "3": return [
+					"33.33%",
+					"33.33%",
+					"33.33%"
+				];
+				case "1-2": return ["33.33%", "66.67%"];
+				case "2-1": return ["66.67%", "33.33%"];
+				default: return ["100%"];
+			}
+		}), f = x(() => {
+			let e = d.value.length, t = [...a.block.children];
+			for (; t.length < e;) t.push([]);
+			return t.slice(0, e);
+		});
+		function p(e) {
+			return f.value[e] || [];
+		}
+		function m(e, t) {
+			let n = [...a.block.children];
+			for (; n.length <= e;) n.push([]);
+			n[e] = t, s.updateBlock(a.block.id, { children: n });
+		}
+		function h(e) {
+			return Jn(e, u, r);
+		}
+		function g(e, t) {
+			e.type === "custom" && s.updateBlock(e.id, {
+				fieldValues: t.fieldValues,
+				dataSourceFetched: t.dataSourceFetched
+			});
+		}
+		return (r, a) => (e(), w("div", Xa, [C("div", Za, [(e(!0), w(D, null, c(f.value, (r, a) => (e(), w("div", {
+			key: a,
+			class: v(["tpl:relative tpl:min-h-[60px] tpl:rounded", p(a).length === 0 ? "tpl:border tpl:border-dashed tpl:border-[var(--tpl-border)]" : ""]),
+			style: A({ width: d.value[a] })
+		}, [N(j(Ja), {
+			"model-value": p(a),
+			group: {
+				name: "blocks",
+				pull: !0,
+				put: (e, t, n) => n.dataset.blockType !== "section"
+			},
+			animation: 150,
+			"ghost-class": "tpl-ghost",
+			"empty-insert-threshold": 20,
+			class: "tpl:min-h-[60px]",
+			"onUpdate:modelValue": (e) => m(a, e)
+		}, {
+			default: ce(() => [(e(!0), w(D, null, c(p(a), (r) => t((e(), w("div", { key: r.id }, [N(cr, {
+				block: r,
+				"is-selected": j(s).state.selectedBlockId === r.id,
+				viewport: n.viewport,
+				onSelect: (e) => j(s).selectBlock(r.id)
+			}, {
+				default: ce(() => [(e(), ne(i(h(r)), {
+					block: r,
+					viewport: n.viewport,
+					onFetchData: (e) => g(r, e)
+				}, null, 40, [
+					"block",
+					"viewport",
+					"onFetchData"
+				]))]),
+				_: 2
+			}, 1032, [
+				"block",
+				"is-selected",
+				"viewport",
+				"onSelect"
+			])])), [[te, !j(l)?.isHidden(r.id)]])), 128))]),
+			_: 2
+		}, 1032, [
+			"model-value",
+			"group",
+			"onUpdate:modelValue"
+		]), p(a).length === 0 ? (e(), w("div", Qa, [C("span", null, M(j(o).section.dropHere), 1)])) : O("", !0)], 6))), 128))])]));
+	}
+}), eo = {
+	facebook: {
+		name: "Facebook",
+		color: "#1877F2",
+		path: "M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"
+	},
+	twitter: {
+		name: "X",
+		color: "#000000",
+		path: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
+	},
+	instagram: {
+		name: "Instagram",
+		color: "#E4405F",
+		path: "M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"
+	},
+	linkedin: {
+		name: "LinkedIn",
+		color: "#0A66C2",
+		path: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"
+	},
+	youtube: {
+		name: "YouTube",
+		color: "#FF0000",
+		path: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"
+	},
+	tiktok: {
+		name: "TikTok",
+		color: "#000000",
+		path: "M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"
+	},
+	pinterest: {
+		name: "Pinterest",
+		color: "#BD081C",
+		path: "M12 0C5.373 0 0 5.372 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
+	},
+	email: {
+		name: "Email",
+		color: "#6B7280",
+		path: "M1.5 8.67v8.58a3 3 0 003 3h15a3 3 0 003-3V8.67l-8.928 5.493a3 3 0 01-3.144 0L1.5 8.67z M22.5 6.908V6.75a3 3 0 00-3-3h-15a3 3 0 00-3 3v.158l9.714 5.978a1.5 1.5 0 001.572 0L22.5 6.908z"
+	},
+	whatsapp: {
+		name: "WhatsApp",
+		color: "#25D366",
+		path: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"
+	},
+	telegram: {
+		name: "Telegram",
+		color: "#26A5E4",
+		path: "M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"
+	},
+	discord: {
+		name: "Discord",
+		color: "#5865F2",
+		path: "M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189z"
+	},
+	snapchat: {
+		name: "Snapchat",
+		color: "#FFFC00",
+		path: "M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738a.36.36 0 01.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12.017-5.373 12.017-12.001C24.034 5.367 18.644 0 12.017 0z"
+	},
+	reddit: {
+		name: "Reddit",
+		color: "#FF4500",
+		path: "M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zm5.01 4.744c.688 0 1.25.561 1.25 1.249a1.25 1.25 0 0 1-2.498.056l-2.597-.547-.8 3.747c1.824.07 3.48.632 4.674 1.488.308-.309.73-.491 1.207-.491.968 0 1.754.786 1.754 1.754 0 .716-.435 1.333-1.01 1.614a3.111 3.111 0 0 1 .042.52c0 2.694-3.13 4.87-7.004 4.87-3.874 0-7.004-2.176-7.004-4.87 0-.183.015-.366.043-.534A1.748 1.748 0 0 1 4.028 12c0-.968.786-1.754 1.754-1.754.463 0 .898.196 1.207.49 1.207-.883 2.878-1.43 4.744-1.487l.885-4.182a.342.342 0 0 1 .14-.197.35.35 0 0 1 .238-.042l2.906.617a1.214 1.214 0 0 1 1.108-.701zM9.25 12C8.561 12 8 12.562 8 13.25c0 .687.561 1.248 1.25 1.248.687 0 1.248-.561 1.248-1.249 0-.688-.561-1.249-1.249-1.249zm5.5 0c-.687 0-1.248.561-1.248 1.25 0 .687.561 1.248 1.249 1.248.688 0 1.249-.561 1.249-1.249 0-.687-.562-1.249-1.25-1.249zm-5.466 3.99a.327.327 0 0 0-.231.094.33.33 0 0 0 0 .463c.842.842 2.484.913 2.961.913.477 0 2.105-.056 2.961-.913a.361.361 0 0 0 .029-.463.33.33 0 0 0-.464 0c-.547.533-1.684.73-2.512.73-.828 0-1.979-.196-2.512-.73a.326.326 0 0 0-.232-.095z"
+	},
+	github: {
+		name: "GitHub",
+		color: "#181717",
+		path: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
+	},
+	dribbble: {
+		name: "Dribbble",
+		color: "#EA4C89",
+		path: "M12 24C5.385 24 0 18.615 0 12S5.385 0 12 0s12 5.385 12 12-5.385 12-12 12zm10.12-10.358c-.35-.11-3.17-.953-6.384-.438 1.34 3.684 1.887 6.684 1.992 7.308 2.3-1.555 3.936-4.02 4.392-6.87zm-6.115 7.808c-.153-.9-.75-4.032-2.19-7.77l-.066.02c-5.79 2.015-7.86 6.025-8.04 6.4 1.73 1.358 3.92 2.166 6.29 2.166 1.42 0 2.77-.29 4-.814zm-11.62-2.58c.232-.4 3.045-5.055 8.332-6.765.135-.045.27-.084.405-.12-.26-.585-.54-1.167-.832-1.74C7.17 11.775 2.206 11.71 1.756 11.7l-.004.312c0 2.633.998 5.037 2.634 6.855zm-2.42-8.955c.46.008 4.683.026 9.477-1.248-1.698-3.018-3.53-5.558-3.8-5.928-2.868 1.35-5.01 3.99-5.676 7.17zM9.6 2.052c.282.38 2.145 2.914 3.822 6 3.645-1.365 5.19-3.44 5.373-3.702-1.81-1.61-4.19-2.586-6.795-2.586-.825 0-1.63.1-2.4.285zm10.335 3.483c-.218.29-1.935 2.493-5.724 4.04.24.49.47.985.68 1.486.08.18.15.36.22.53 3.41-.43 6.8.26 7.14.33-.02-2.42-.88-4.64-2.31-6.38z"
+	},
+	behance: {
+		name: "Behance",
+		color: "#1769FF",
+		path: "M22 7h-7V5h7v2zm1.726 10c-.442 1.297-2.029 3-5.101 3-3.074 0-5.564-1.729-5.564-5.675 0-3.91 2.325-5.92 5.466-5.92 3.082 0 4.964 1.782 5.375 4.426.078.506.109 1.188.095 2.14H15.97c.13 3.211 3.483 3.312 4.588 2.029h3.168zm-7.686-4h4.965c-.105-1.547-1.136-2.219-2.477-2.219-1.466 0-2.277.768-2.488 2.219zm-9.574 6.988H0V5.021h6.953c5.476.081 5.58 5.444 2.72 6.906 3.461 1.26 3.577 8.061-3.207 8.061zM3 11h3.584c2.508 0 2.906-3-.312-3H3v3zm3.391 3H3v3.016h3.341c3.055 0 2.868-3.016.05-3.016z"
+	}
+}, to = {
+	small: 24,
+	medium: 32,
+	large: 48
+}, no = [
+	"facebook",
+	"twitter",
+	"instagram",
+	"linkedin",
+	"youtube",
+	"tiktok",
+	"pinterest",
+	"email",
+	"whatsapp",
+	"telegram",
+	"discord",
+	"snapchat",
+	"reddit",
+	"github",
+	"dribbble",
+	"behance"
+], ro = [
+	"width",
+	"height",
+	"fill"
+], io = ["d"], ao = /* @__PURE__ */ y({
+	__name: "SocialIconSvg",
+	props: {
+		platform: {},
+		iconStyle: {},
+		iconSize: {}
+	},
+	setup(t) {
+		let n = t, r = x(() => eo[n.platform]), i = x(() => to[n.iconSize]), a = x(() => {
+			let e = {
+				display: "inline-flex",
+				alignItems: "center",
+				justifyContent: "center",
+				width: `${i.value}px`,
+				height: `${i.value}px`
+			};
+			switch (n.iconStyle) {
+				case "solid": return {
+					...e,
+					backgroundColor: r.value.color,
+					borderRadius: "4px"
+				};
+				case "outlined": return {
+					...e,
+					backgroundColor: "transparent",
+					border: `2px solid ${r.value.color}`,
+					borderRadius: "4px"
+				};
+				case "rounded": return {
+					...e,
+					backgroundColor: r.value.color,
+					borderRadius: "8px"
+				};
+				case "square": return {
+					...e,
+					backgroundColor: r.value.color,
+					borderRadius: "0"
+				};
+				case "circle": return {
+					...e,
+					backgroundColor: r.value.color,
+					borderRadius: "50%"
+				};
+				default: return e;
+			}
+		}), o = x(() => Math.floor(i.value * .6)), s = x(() => n.iconStyle === "outlined" ? r.value.color : "#ffffff");
+		return (t, n) => (e(), w("span", { style: A(a.value) }, [(e(), w("svg", {
+			width: o.value,
+			height: o.value,
+			viewBox: "0 0 24 24",
+			fill: s.value,
+			xmlns: "http://www.w3.org/2000/svg"
+		}, [C("path", { d: r.value.path }, null, 8, io)], 8, ro))], 4));
+	}
+}), oo = { class: "tpl:w-full" }, so = ["href"], co = {
+	key: 1,
+	class: "tpl:flex tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:text-sm tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-dim)]"
+}, lo = /* @__PURE__ */ y({
+	__name: "SocialIconsBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(t) {
+		let n = t, { t: r } = st(), i = x(() => ({
+			display: "flex",
+			flexWrap: "wrap",
+			gap: `${n.block.spacing}px`,
+			justifyContent: n.block.align === "left" ? "flex-start" : n.block.align === "right" ? "flex-end" : "center"
+		})), a = x(() => n.block.icons.length > 0);
+		return (n, o) => (e(), w("div", oo, [a.value ? (e(), w("div", {
+			key: 0,
+			style: A(i.value)
+		}, [(e(!0), w(D, null, c(t.block.icons, (n) => (e(), w("a", {
+			key: n.id,
+			href: n.url || "#",
+			class: "tpl:cursor-default",
+			onClick: o[0] ||= b(() => {}, ["prevent"])
+		}, [N(ao, {
+			platform: n.platform,
+			"icon-style": t.block.iconStyle,
+			"icon-size": t.block.iconSize
+		}, null, 8, [
+			"platform",
+			"icon-style",
+			"icon-size"
+		])], 8, so))), 128))], 4)) : (e(), w("div", co, [N(j(Zt), { size: 16 }), C("span", null, M(j(r).social.addIcons), 1)]))]));
+	}
+}), uo = { class: "tpl:w-full" }, fo = {
+	key: 0,
+	class: "tpl:absolute tpl:rounded tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-medium",
+	style: {
+		"background-color": "var(--tpl-bg-hover)",
+		color: "var(--tpl-text-dim)"
+	}
+}, po = /* @__PURE__ */ y({
+	__name: "SpacerBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(t) {
+		let n = t, r = Ve(Qe, "SpacerBlock"), i = x(() => ({
+			height: `${n.block.height}px`,
+			minHeight: `${n.block.height}px`,
+			...r.state.previewMode ? {} : { borderColor: "var(--tpl-border)" }
+		}));
+		return (n, a) => (e(), w("div", uo, [C("div", {
+			style: A(i.value),
+			class: v(["tpl:relative tpl:flex tpl:items-center tpl:justify-center", { "tpl:border-y tpl:border-dashed": !j(r).state.previewMode }])
+		}, [j(r).state.previewMode ? O("", !0) : (e(), w("span", fo, M(t.block.height) + "px ", 1))], 6)]));
+	}
+}), mo = { class: "tpl:w-full" }, ho = { key: 0 }, go = [
+	"aria-label",
+	"data-placeholder",
+	"onBlur"
+], _o = [
+	"aria-label",
+	"data-placeholder",
+	"onBlur"
+], vo = {
+	key: 1,
+	class: "tpl:flex tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:text-sm tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-dim)]"
+}, yo = /* @__PURE__ */ ft(/* @__PURE__ */ y({
+	__name: "TableBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(n) {
+		let r = {
+			mounted(e, t) {
+				e.textContent = t.value ?? "";
+			},
+			updated(e, t) {
+				t.value !== t.oldValue && e.ownerDocument.activeElement !== e && (e.textContent = t.value ?? "");
+			}
+		}, i = n, { t: a } = st(), o = Ve(Qe, "TableBlock"), s = x(() => i.block.rows.length > 0), l = x(() => ({
+			width: "100%",
+			borderCollapse: "collapse",
+			fontSize: `${i.block.fontSize}px`,
+			color: i.block.color,
+			textAlign: i.block.textAlign,
+			fontFamily: i.block.fontFamily || "inherit"
+		})), u = x(() => ({
+			border: `${i.block.borderWidth}px solid ${i.block.borderColor}`,
+			padding: `${i.block.cellPadding}px`,
+			textAlign: i.block.textAlign
+		})), d = x(() => ({
+			...u.value,
+			fontWeight: "bold",
+			backgroundColor: i.block.headerBackgroundColor || "transparent"
+		})), f = x(() => i.block.hasHeaderRow && i.block.rows.length > 0 ? i.block.rows[0] : null), p = x(() => i.block.hasHeaderRow ? i.block.rows.slice(1) : i.block.rows);
+		function m() {
+			o.selectBlock(i.block.id);
+		}
+		function h(e, t, n) {
+			let r = n.target.innerText.trim(), a = i.block.rows.map((n) => n.id === e ? {
+				...n,
+				cells: n.cells.map((e) => e.id === t ? {
+					...e,
+					content: r
+				} : e)
+			} : n);
+			o.updateBlock(i.block.id, { rows: a });
+		}
+		return (n, i) => (e(), w("div", mo, [s.value ? (e(), w("table", {
+			key: 0,
+			style: A(l.value),
+			class: "tpl-table-editable"
+		}, [f.value ? (e(), w("thead", ho, [C("tr", null, [(e(!0), w(D, null, c(f.value.cells, (n) => t((e(), w("th", {
+			key: n.id,
+			style: A(d.value),
+			"aria-label": j(a).table.cellPlaceholder,
+			contenteditable: "true",
+			"data-placeholder": j(a).table.cellPlaceholder,
+			onBlur: (e) => h(f.value.id, n.id, e),
+			onKeydown: i[0] ||= ie(b((e) => e.target.blur(), ["prevent"]), ["enter"]),
+			onClick: b(m, ["stop"])
+		}, null, 44, go)), [[r, n.content]])), 128))])])) : O("", !0), C("tbody", null, [(e(!0), w(D, null, c(p.value, (n) => (e(), w("tr", { key: n.id }, [(e(!0), w(D, null, c(n.cells, (o) => t((e(), w("td", {
+			key: o.id,
+			style: A(u.value),
+			"aria-label": j(a).table.cellPlaceholder,
+			contenteditable: "true",
+			"data-placeholder": j(a).table.cellPlaceholder,
+			onBlur: (e) => h(n.id, o.id, e),
+			onKeydown: i[1] ||= ie(b((e) => e.target.blur(), ["prevent"]), ["enter"]),
+			onClick: b(m, ["stop"])
+		}, null, 44, _o)), [[r, o.content]])), 128))]))), 128))])], 4)) : (e(), w("div", vo, [N(j(Qt), { size: 16 }), C("span", null, M(j(a).table.empty), 1)]))]));
+	}
+}), [["__scopeId", "data-v-4f49860b"]]), bo = /* @__PURE__ */ y({
+	__name: "VideoPlayButton",
+	props: { hoverEffect: {
+		type: Boolean,
+		default: !1
+	} },
+	setup(t) {
+		return (n, r) => (e(), w("div", { class: v(["tpl:absolute tpl:inset-0 tpl:flex tpl:items-center tpl:justify-center tpl:bg-black/30", t.hoverEffect && "tpl:transition-opacity tpl:group-hover:bg-black/40"]) }, [...r[0] ||= [C("div", { class: "tpl:flex tpl:size-16 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-white/90 tpl:shadow-lg" }, [C("svg", {
+			class: "tpl:ml-1 tpl:text-[var(--tpl-danger)]",
+			width: "28",
+			height: "28",
+			viewBox: "0 0 24 24",
+			fill: "currentColor"
+		}, [C("polygon", { points: "5,3 19,12 5,21" })])], -1)]], 2));
+	}
+});
+//#endregion
+//#region src/utils/videoThumbnail.ts
+function xo(e) {
+	if (!e) return {
+		platform: "unknown",
+		videoId: null,
+		thumbnailUrl: null
+	};
+	for (let t of [/(?:youtube\.com\/watch\?v=|youtu\.be\/|youtube\.com\/embed\/)([a-zA-Z0-9_-]{11})/i, /youtube\.com\/shorts\/([a-zA-Z0-9_-]{11})/i]) {
+		let n = e.match(t);
+		if (n) {
+			let e = n[1];
+			return {
+				platform: "youtube",
+				videoId: e,
+				thumbnailUrl: `https://img.youtube.com/vi/${e}/maxresdefault.jpg`
+			};
+		}
+	}
+	let t = e.match(/vimeo\.com\/(?:video\/)?(\d+)/i);
+	if (t) {
+		let e = t[1];
+		return {
+			platform: "vimeo",
+			videoId: e,
+			thumbnailUrl: `https://vumbnail.com/${e}.jpg`
+		};
+	}
+	return {
+		platform: "unknown",
+		videoId: null,
+		thumbnailUrl: null
+	};
+}
+function So(e, t) {
+	return t || xo(e).thumbnailUrl;
+}
+//#endregion
+//#region src/components/blocks/VideoBlock.vue?vue&type=script&setup=true&lang.ts
+var Co = ["src", "alt"], wo = {
+	class: "tpl:max-w-full tpl:truncate tpl:px-3 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-primary)]",
+	style: { opacity: "0.7" }
+}, To = ["href"], Eo = ["src", "alt"], Do = ["src", "alt"], Oo = {
+	key: 3,
+	class: "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-sm tpl:border-[var(--tpl-border-light)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-dim)]"
+}, ko = /* @__PURE__ */ y({
+	__name: "VideoBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(t) {
+		let n = t, { t: r } = st(), { syntax: i } = pt(), a = x(() => pe(n.block.url, i) || pe(n.block.thumbnailUrl, i)), o = x(() => a.value ? null : So(n.block.url, n.block.thumbnailUrl)), s = x(() => ({ textAlign: n.block.align })), c = x(() => ({
+			maxWidth: "100%",
+			width: n.block.width === "full" ? "100%" : `${n.block.width}px`,
+			display: "block",
+			margin: n.block.align === "center" ? "0 auto" : void 0,
+			marginLeft: n.block.align === "right" ? "auto" : void 0
+		})), l = x(() => pe(n.block.url, i) ? n.block.url : n.block.thumbnailUrl);
+		return (n, i) => (e(), w("div", {
+			class: "tpl:w-full",
+			style: A(s.value)
+		}, [a.value && t.block.placeholderUrl ? (e(), w("div", {
+			key: 0,
+			class: "tpl:relative tpl:inline-block",
+			style: A(c.value)
+		}, [C("img", {
+			class: "tpl:w-full tpl:border-0",
+			src: t.block.placeholderUrl,
+			alt: t.block.alt
+		}, null, 8, Co), N(bo)], 4)) : a.value ? (e(), w("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: A([{ "border-color": "color-mix(in srgb, var(--tpl-primary) 40%, transparent)" }, c.value])
+		}, [N(j($t), {
+			size: 36,
+			"stroke-width": 1.5,
+			class: "tpl:text-[var(--tpl-primary)]",
+			style: { opacity: "0.5" }
+		}), C("span", wo, M(l.value), 1)], 4)) : o.value ? (e(), w(D, { key: 2 }, [t.block.url ? (e(), w("a", {
+			key: 0,
+			href: t.block.url,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			class: "tpl:group tpl:relative tpl:inline-block",
+			style: A(c.value),
+			onClick: i[0] ||= b(() => {}, ["prevent"])
+		}, [C("img", {
+			class: "tpl:w-full tpl:border-0",
+			src: o.value,
+			alt: t.block.alt
+		}, null, 8, Eo), N(bo, { "hover-effect": "" })], 12, To)) : (e(), w("div", {
+			key: 1,
+			class: "tpl:relative tpl:inline-block",
+			style: A(c.value)
+		}, [C("img", {
+			class: "tpl:w-full tpl:border-0",
+			src: o.value,
+			alt: t.block.alt
+		}, null, 8, Do), N(bo)], 4))], 64)) : (e(), w("div", Oo, [N(j($t), {
+			size: 40,
+			"stroke-width": 1.5,
+			class: "tpl:text-[var(--tpl-border-light)]"
+		}), C("span", null, M(j(r).video.addVideo), 1)]))], 4));
+	}
+}), Ao = {
+	section: $a,
+	title: ur,
+	paragraph: qn,
+	image: Bn,
+	button: Bt,
+	divider: wn,
+	video: ko,
+	social: lo,
+	menu: Wn,
+	table: yo,
+	spacer: po,
+	html: kn,
+	countdown: se(() => import("./CountdownBlock-Bxqe7zwL.js").then((e) => e.n))
+};
+function jo(e) {
+	let { editor: t, config: n, translations: r, fontsManager: i } = e, { t: a, format: o } = st(r);
+	t.setUiTheme(n.uiTheme ?? "auto");
+	let { resolvedTheme: c } = Dt(x(() => t.state.uiTheme)), l = h(n.theme ?? {}), { themeStyles: u } = kt({
+		themeOverrides: l,
+		resolvedTheme: c,
+		extraStyles: e.themeExtraStyles
+	}), d = vt({
+		content: t.content,
+		setContent: (e, n) => t.setContent(e, n),
+		...e.historyOptions
+	});
+	Ct(t, d);
+	let f = yt({
+		addBlock: t.addBlock,
+		removeBlock: t.removeBlock,
+		updateBlock: t.updateBlock,
+		selectBlock: t.selectBlock,
+		blockDefaults: n.blockDefaults
+	}), p = xt(t), m = e.autoSaveOptions !== null && e.autoSaveOptions !== void 0 ? bt({
+		content: t.content,
+		isDirty: () => t.state.isDirty,
+		...e.autoSaveOptions
+	}) : null, g = null;
+	m && (g = s(d.isNavigating, (e) => {
+		e ? m.pause() : m.resume();
+	}));
+	let _ = Et(t, {
+		t: a,
+		format: o
+	}), v = Nt();
+	if (Ft(v, Ao), n.customBlocks?.length) for (let e of n.customBlocks) v.registerCustom(e, Sn);
+	function y(e) {
+		for (let t of e) v.registerCustom(t, Sn);
+	}
+	function b(r) {
+		Lt(r, {
+			history: d,
+			selectBlock: (e) => t.selectBlock(e),
+			getSelectedBlockId: () => t.state.selectedBlockId,
+			removeBlock: (e) => t.removeBlock(e),
+			onSave: n.onSave,
+			onBeforeUndo: e.keyboardOptions?.onBeforeUndo
+		});
+	}
+	Le(document, "keydown", b), E(Be, r), E(Qe, t), E(Xe, d), E(Ge, f), E(Je, p), E(Ze, i), E(Ue, u), E(ze, c), E($e, n.blockDefaults), E(nt, v), E(Ye, n.customBlocks ?? []);
+	let S = be(n.mergeTags?.syntax);
+	E(it, n.mergeTags?.tags ?? []), E(Ke, S), E(He, n.mergeTags?.onRequest ?? null), E(ot, n.mergeTags?.autocomplete !== !1), E(at, n.onRequestMedia ?? null), E(et, n.displayConditions?.conditions ?? []), E(tt, n.displayConditions?.allowCustom ?? !1), E(qe, e.capabilities ?? {}), E(We, _);
+	let C = n.accessibility?.disabled === !0 ? null : wt({
+		content: t.content,
+		options: n.accessibility ?? {},
+		updateBlock: t.updateBlock,
+		updateSettings: t.updateSettings
+	});
+	E(rt, C);
+	function w() {
+		g?.(), C?.destroy(), m?.destroy(), d.destroy();
+	}
+	return {
+		t: a,
+		format: o,
+		history: d,
+		blockActions: f,
+		conditionPreview: p,
+		autoSave: m,
+		resolvedTheme: c,
+		themeStyles: u,
+		themeOverrides: l,
+		registry: v,
+		keyboardReorder: _,
+		accessibilityLint: C,
+		registerCustomBlocks: y,
+		destroy: w
+	};
+}
+//#endregion
+export { Gt as A, on as C, Zt as D, Qt as E, Tt as F, St as I, mt as L, Ut as M, Bt as N, Yt as O, Mt as P, sn as S, nn as T, kn as _, lo as a, pn as b, $a as c, cr as d, Yn as f, Bn as g, Wn as h, po as i, Wt as j, Jt as k, Ja as l, qn as m, ko as n, eo as o, Jn as p, yo as r, no as s, jo as t, ur as u, wn as v, an as w, dn as x, Sn as y };