@templatical/editor 0.0.5 → 0.1.0

package/dist/{CollaboratorBar-DTT0EkZn.js → CollaboratorBar-DYBSTuMW.js}

@@ -1,7 +1,7 @@
-import "./useEditorCore-DUGD6pq_.js";
 import { t as e } from "./useI18n-D6m7ZUgY.js";
-import { n as t } from "./_plugin-vue_export-helper-B1-bu7yR.js";
-import { t as n } from "./readableTextColor-LDlmVEUv.js";
+import "./useEditorCore-CQwWl2js.js";
+import { n as t } from "./_plugin-vue_export-helper-BHUPLLh1.js";
+import { t as n } from "./readableTextColor-B809bF5J.js";
 import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, normalizeStyle as u, openBlock as d, renderList as f, toDisplayString as p, unref as m } from "vue";
 var h = t("wifi-off", [
 	["path", {

package/dist/{CommentsSidebar-DrJhQRXK.js → CommentsSidebar-CQvUh5xt.js}

@@ -1,14 +1,14 @@
 import { T as e, c as t, f as n, r } from "./keys-C0MQRs8d.js";
 import { t as ee } from "./useI18n-D6m7ZUgY.js";
-import { n as i, t as te } from "./_plugin-vue_export-helper-B1-bu7yR.js";
-import { t as ne } from "./check-B7kDuZmP.js";
-import { t as re } from "./chevron-down-DJLW2Q9Z.js";
-import { t as a } from "./loader-circle-BTQQxC3l.js";
-import { t as o } from "./message-circle-Blgm6V_h.js";
-import { t as s } from "./send-C0ltAQrv.js";
-import { t as c } from "./trash-2-OwjZ-guZ.js";
-import { t as l } from "./x-CGlq2XQe.js";
-import { t as ie } from "./formatRelativeTime-DX3FgqN9.js";
+import { n as i, t as te } from "./_plugin-vue_export-helper-BHUPLLh1.js";
+import { t as ne } from "./check-BDE2uFIC.js";
+import { t as re } from "./chevron-down-BL1DcOiT.js";
+import { t as a } from "./loader-circle-C7YEH4do.js";
+import { t as o } from "./message-circle-B_lxRh4z.js";
+import { t as s } from "./send-CMwNWTPX.js";
+import { t as c } from "./trash-2-BWvxOB4Q.js";
+import { t as l } from "./x-IyhJ6V90.js";
+import { t as ie } from "./formatRelativeTime-mRxw8HK8.js";
 import { Fragment as u, Transition as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as ae, createVNode as _, defineComponent as v, nextTick as oe, normalizeClass as y, normalizeStyle as se, openBlock as b, ref as x, renderList as S, toDisplayString as C, unref as w, vModelText as T, watch as ce, withCtx as E, withDirectives as D } from "vue";
 var le = i("chevron-up", [["path", {
 	d: "m18 15-6-6-6 6",

package/dist/CountdownBlock-D3olfssJ.js

@@ -0,0 +1,92 @@
+import { r as e } from "./rolldown-runtime-gEudmnaM.js";
+import { o as t } from "./dist-CLg2qE0p.js";
+import { t as n } from "./useI18n-D6m7ZUgY.js";
+import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, normalizeStyle as l, openBlock as u, ref as d, renderList as f, toDisplayString as p, unref as m } from "vue";
+//#region src/components/blocks/CountdownBlock.vue?vue&type=script&setup=true&lang.ts
+var h = {
+	key: 0,
+	class: "tpl:flex tpl:items-center tpl:justify-center tpl:py-8 tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
+}, g = {
+	key: 1,
+	class: "tpl:flex tpl:items-center tpl:justify-center tpl:py-4 tpl:text-xs tpl:text-[var(--tpl-text-dim)] tpl:opacity-50"
+}, _ = { class: "tpl:text-center" }, v = /* @__PURE__ */ c({
+	__name: "CountdownBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(e) {
+		let c = e, { t: v } = n(), y = d(Date.now());
+		t(() => {
+			y.value = Date.now();
+		}, 1e3);
+		let b = i(() => {
+			if (!c.block.targetDate) return null;
+			let e = new Date(c.block.targetDate);
+			return isNaN(e.getTime()) ? null : e.getTime();
+		}), x = i(() => b.value ? y.value >= b.value : !1), S = i(() => {
+			if (!b.value || x.value) return {
+				days: 0,
+				hours: 0,
+				minutes: 0,
+				seconds: 0
+			};
+			let e = b.value - y.value, t = Math.floor(e / 1e3);
+			return {
+				days: Math.floor(t / 86400),
+				hours: Math.floor(t % 86400 / 3600),
+				minutes: Math.floor(t % 3600 / 60),
+				seconds: t % 60
+			};
+		}), C = i(() => {
+			let e = [];
+			return c.block.showDays && e.push({
+				value: String(S.value.days).padStart(2, "0"),
+				label: c.block.labelDays
+			}), c.block.showHours && e.push({
+				value: String(S.value.hours).padStart(2, "0"),
+				label: c.block.labelHours
+			}), c.block.showMinutes && e.push({
+				value: String(S.value.minutes).padStart(2, "0"),
+				label: c.block.labelMinutes
+			}), c.block.showSeconds && e.push({
+				value: String(S.value.seconds).padStart(2, "0"),
+				label: c.block.labelSeconds
+			}), e;
+		}), w = i(() => ({
+			backgroundColor: c.block.backgroundColor,
+			fontFamily: c.block.fontFamily || "inherit"
+		})), T = i(() => ({
+			fontSize: `${c.block.digitFontSize}px`,
+			fontWeight: "bold",
+			color: c.block.digitColor,
+			lineHeight: "1.2"
+		})), E = i(() => ({
+			fontSize: `${c.block.labelFontSize}px`,
+			color: c.block.labelColor,
+			marginTop: "4px"
+		})), D = i(() => ({
+			fontSize: `${c.block.digitFontSize}px`,
+			color: c.block.digitColor,
+			fontFamily: c.block.fontFamily || "inherit"
+		}));
+		return (t, n) => e.block.targetDate ? x.value && e.block.hideOnExpiry ? (u(), o("div", g, p(m(v).countdown.hidden), 1)) : x.value ? (u(), o("div", {
+			key: 2,
+			style: l(w.value),
+			class: "tpl:py-4 tpl:text-center"
+		}, [s("span", { style: l({
+			fontSize: `${e.block.digitFontSize}px`,
+			color: e.block.digitColor
+		}) }, p(e.block.expiredMessage), 5)], 4)) : (u(), o("div", {
+			key: 3,
+			style: l(w.value),
+			class: "tpl:flex tpl:items-center tpl:justify-center tpl:gap-2 tpl:py-4"
+		}, [(u(!0), o(r, null, f(C.value, (t, n) => (u(), o(r, { key: t.label }, [n > 0 ? (u(), o("span", {
+			key: 0,
+			style: l(D.value),
+			class: "tpl:self-start"
+		}, p(e.block.separator), 5)) : a("", !0), s("div", _, [s("div", { style: l(T.value) }, p(t.value), 5), s("div", { style: l(E.value) }, p(t.label), 5)])], 64))), 128))], 4)) : (u(), o("div", h, p(m(v).countdown.setDate), 1));
+	}
+}), y = /* @__PURE__ */ e({ default: () => b }), b = v;
+//#endregion
+export { y as n, b as t };

package/dist/CountdownToolbar-ClpBwFoX.js

@@ -0,0 +1,210 @@
+import { t as e } from "./useI18n-D6m7ZUgY.js";
+import { f as t } from "./styleConstants-Codo7aUT.js";
+import { i as n, n as r, r as i, t as a } from "./NumberWithSuffix-_0l3Q4jq.js";
+import { Fragment as o, computed as s, createBlock as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, openBlock as h, renderList as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
+//#region src/components/toolbar/CheckboxItem.vue?vue&type=script&setup=true&lang.ts
+var b = { class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-[12px] tpl:text-[var(--tpl-text)]" }, x = ["checked"], S = /* @__PURE__ */ p({
+	__name: "CheckboxItem",
+	props: {
+		modelValue: { type: Boolean },
+		label: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = t;
+		return (t, r) => (h(), l("label", b, [u("input", {
+			type: "checkbox",
+			class: "tpl:size-3.5 tpl:cursor-pointer tpl:accent-[var(--tpl-primary)]",
+			checked: e.modelValue,
+			onChange: r[0] ||= (e) => n("update:modelValue", e.target.checked)
+		}, null, 40, x), d(" " + _(e.label), 1)]));
+	}
+}), C = ["value"], w = ["value"], T = ["value"], E = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-2" }, D = ["value"], O = { value: "" }, k = ["value"], A = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, j = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, M = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-2" }, N = [
+	"value",
+	"placeholder",
+	"onInput"
+], P = ["value", "placeholder"], F = ["value"], I = /* @__PURE__ */ p({
+	__name: "CountdownToolbar",
+	props: {
+		block: {},
+		fontFamilies: {}
+	},
+	emits: ["update"],
+	setup(d, { emit: p }) {
+		let b = p, { t: x } = e(), I = [
+			"UTC",
+			"America/New_York",
+			"America/Chicago",
+			"America/Denver",
+			"America/Los_Angeles",
+			"Europe/London",
+			"Europe/Berlin",
+			"Europe/Paris",
+			"Europe/Moscow",
+			"Asia/Dubai",
+			"Asia/Kolkata",
+			"Asia/Shanghai",
+			"Asia/Tokyo",
+			"Australia/Sydney",
+			"Pacific/Auckland"
+		], L = [
+			{
+				value: ":",
+				label: ":"
+			},
+			{
+				value: "-",
+				label: "-"
+			},
+			{
+				value: " ",
+				label: "␣"
+			}
+		], R = [
+			"Days",
+			"Hours",
+			"Minutes",
+			"Seconds"
+		], z = s(() => R.map((e) => ({
+			unit: e,
+			showKey: `show${e}`,
+			labelKey: `label${e}`,
+			translationKey: e.toLowerCase()
+		})));
+		function B(e, t) {
+			b("update", { [e]: t });
+		}
+		return (e, s) => (h(), l(o, null, [
+			f(r, { label: v(x).countdown.targetDate }, {
+				default: y(() => [u("input", {
+					type: "datetime-local",
+					class: m(v(t)),
+					value: d.block.targetDate,
+					onInput: s[0] ||= (e) => B("targetDate", e.target.value)
+				}, null, 42, C)]),
+				_: 1
+			}, 8, ["label"]),
+			f(r, { label: v(x).countdown.timezone }, {
+				default: y(() => [u("select", {
+					class: m(v(t)),
+					value: d.block.timezone,
+					onChange: s[1] ||= (e) => B("timezone", e.target.value)
+				}, [(h(), l(o, null, g(I, (e) => u("option", {
+					key: e,
+					value: e
+				}, _(e), 9, T)), 64))], 42, w)]),
+				_: 1
+			}, 8, ["label"]),
+			f(r, { label: v(x).countdown.display }, {
+				default: y(() => [u("div", E, [(h(!0), l(o, null, g(z.value, (e) => (h(), c(S, {
+					key: e.unit,
+					"model-value": d.block[e.showKey],
+					label: v(x).countdown[e.translationKey],
+					"onUpdate:modelValue": (t) => B(e.showKey, t)
+				}, null, 8, [
+					"model-value",
+					"label",
+					"onUpdate:modelValue"
+				]))), 128))])]),
+				_: 1
+			}, 8, ["label"]),
+			f(r, { label: v(x).countdown.separator }, {
+				default: y(() => [f(i, {
+					options: L,
+					"model-value": d.block.separator,
+					"onUpdate:modelValue": s[2] ||= (e) => B("separator", e)
+				}, null, 8, ["model-value"])]),
+				_: 1
+			}, 8, ["label"]),
+			f(r, { label: v(x).countdown.fontFamily }, {
+				default: y(() => [u("select", {
+					class: m(v(t)),
+					value: d.block.fontFamily || "",
+					onChange: s[3] ||= (e) => B("fontFamily", e.target.value || void 0)
+				}, [u("option", O, _(v(x).countdown.inheritFont), 1), (h(!0), l(o, null, g(d.fontFamilies, (e) => (h(), l("option", {
+					key: e.value,
+					value: e.value
+				}, _(e.label), 9, k))), 128))], 42, D)]),
+				_: 1
+			}, 8, ["label"]),
+			u("div", A, [f(r, { label: v(x).countdown.digitFontSize }, {
+				default: y(() => [f(a, {
+					"model-value": d.block.digitFontSize,
+					min: 12,
+					max: 72,
+					suffix: "px",
+					"onUpdate:modelValue": s[4] ||= (e) => B("digitFontSize", e)
+				}, null, 8, ["model-value"])]),
+				_: 1
+			}, 8, ["label"]), f(r, { label: v(x).countdown.labelFontSize }, {
+				default: y(() => [f(a, {
+					"model-value": d.block.labelFontSize,
+					min: 8,
+					max: 24,
+					suffix: "px",
+					"onUpdate:modelValue": s[5] ||= (e) => B("labelFontSize", e)
+				}, null, 8, ["model-value"])]),
+				_: 1
+			}, 8, ["label"])]),
+			u("div", j, [f(r, { label: v(x).countdown.digitColor }, {
+				default: y(() => [f(n, {
+					"model-value": d.block.digitColor,
+					"onUpdate:modelValue": s[6] ||= (e) => B("digitColor", e)
+				}, null, 8, ["model-value"])]),
+				_: 1
+			}, 8, ["label"]), f(r, { label: v(x).countdown.labelColor }, {
+				default: y(() => [f(n, {
+					"model-value": d.block.labelColor,
+					"onUpdate:modelValue": s[7] ||= (e) => B("labelColor", e)
+				}, null, 8, ["model-value"])]),
+				_: 1
+			}, 8, ["label"])]),
+			f(r, { label: v(x).countdown.background }, {
+				default: y(() => [f(n, {
+					"model-value": d.block.backgroundColor,
+					"onUpdate:modelValue": s[8] ||= (e) => B("backgroundColor", e)
+				}, null, 8, ["model-value"])]),
+				_: 1
+			}, 8, ["label"]),
+			f(r, { label: v(x).countdown.labels }, {
+				default: y(() => [u("div", M, [(h(!0), l(o, null, g(z.value, (e) => (h(), l("input", {
+					key: e.unit,
+					type: "text",
+					class: m(v(t)),
+					value: d.block[e.labelKey],
+					placeholder: v(x).countdown[e.translationKey],
+					onInput: (t) => B(e.labelKey, t.target.value)
+				}, null, 42, N))), 128))])]),
+				_: 1
+			}, 8, ["label"]),
+			f(r, { label: v(x).countdown.expiry }, {
+				default: y(() => [u("input", {
+					type: "text",
+					class: m(v(t)),
+					value: d.block.expiredMessage,
+					placeholder: v(x).countdown.expiredMessagePlaceholder,
+					onInput: s[9] ||= (e) => B("expiredMessage", e.target.value)
+				}, null, 42, P)]),
+				_: 1
+			}, 8, ["label"]),
+			f(r, { label: v(x).countdown.expiredImageUrl }, {
+				default: y(() => [u("input", {
+					type: "url",
+					class: m(v(t)),
+					value: d.block.expiredImageUrl,
+					placeholder: "https://...",
+					onInput: s[10] ||= (e) => B("expiredImageUrl", e.target.value)
+				}, null, 42, F)]),
+				_: 1
+			}, 8, ["label"]),
+			f(S, {
+				"model-value": d.block.hideOnExpiry,
+				label: v(x).countdown.hideOnExpiry,
+				class: "tpl:mb-3.5",
+				"onUpdate:modelValue": s[11] ||= (e) => B("hideOnExpiry", e)
+			}, null, 8, ["model-value", "label"])
+		], 64));
+	}
+});
+//#endregion
+export { I as default };

package/dist/{DesignReferenceSidebar-DdOht5zn.js → DesignReferenceSidebar-BOfeETis.js}

@@ -1,11 +1,11 @@
 import "./timeouts-CmBrLeZA.js";
 import { T as e, f as t, r as n } from "./keys-C0MQRs8d.js";
 import { t as ee } from "./useI18n-D6m7ZUgY.js";
-import { n as r, t as i } from "./_plugin-vue_export-helper-B1-bu7yR.js";
-import { t as te } from "./circle-alert-E2vYPs5r.js";
-import { t as a } from "./image-up-X4xIq4ea.js";
-import { t as o } from "./x-CGlq2XQe.js";
-import { t as ne } from "./LoadingTrack-vK8W2PJf.js";
+import { n as r, t as i } from "./_plugin-vue_export-helper-BHUPLLh1.js";
+import { t as te } from "./circle-alert-1tetIFJU.js";
+import { t as a } from "./image-up-4ZmaHFga.js";
+import { t as o } from "./x-IyhJ6V90.js";
+import { t as ne } from "./LoadingTrack-CdqDYVR-.js";
 import { Transition as re, computed as ie, createBlock as ae, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, normalizeClass as oe, normalizeStyle as p, openBlock as m, ref as h, toDisplayString as g, unref as _, vModelText as v, watch as se, withCtx as ce, withDirectives as le } from "vue";
 import { useDesignReference as ue } from "@templatical/core/cloud";
 var de = r("file-image", [

package/dist/{LoadingTrack-vK8W2PJf.js → LoadingTrack-CdqDYVR-.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./_plugin-vue_export-helper-B1-bu7yR.js";
+import { t as e } from "./_plugin-vue_export-helper-BHUPLLh1.js";
 import { createElementBlock as t, openBlock as n } from "vue";
 //#region src/components/LoadingTrack.vue
 var r = {}, i = { class: "tpl-loading-track" };

package/dist/{ModuleBrowserModal-CiV_jOEM.js → ModuleBrowserModal-DKSSQonv.js}

@@ -1,11 +1,11 @@
-import "./useEditorCore-DUGD6pq_.js";
 import { T as e, b as t, f as n } from "./keys-C0MQRs8d.js";
 import { t as r } from "./useI18n-D6m7ZUgY.js";
-import { n as i } from "./_plugin-vue_export-helper-B1-bu7yR.js";
-import { n as a, t as o } from "./blockTypeIcons-BrKZB10B.js";
-import { t as s } from "./trash-2-OwjZ-guZ.js";
-import { t as ee } from "./x-CGlq2XQe.js";
-import { t as te } from "./TplModal-C5_CF-qn.js";
+import "./useEditorCore-CQwWl2js.js";
+import { n as i } from "./_plugin-vue_export-helper-BHUPLLh1.js";
+import { n as a, t as o } from "./blockTypeIcons-CEU2dMe1.js";
+import { t as s } from "./trash-2-BWvxOB4Q.js";
+import { t as ee } from "./x-IyhJ6V90.js";
+import { t as te } from "./TplModal-BLbMDMd6.js";
 import { Fragment as c, computed as l, createBlock as u, createCommentVNode as ne, createElementBlock as d, createElementVNode as f, createVNode as p, defineAsyncComponent as re, defineComponent as m, normalizeStyle as ie, openBlock as h, ref as g, renderList as _, resolveDynamicComponent as ae, toDisplayString as v, unref as y, vModelSelect as oe, vModelText as se, watch as ce, withCtx as le, withDirectives as b, withModifiers as x } from "vue";
 var ue = i("search", [["path", {
 	d: "m21 21-4.34-4.34",
@@ -52,7 +52,7 @@ var ue = i("search", [["path", {
 	props: { visible: { type: Boolean } },
 	emits: ["close", "insert"],
 	setup(i, { emit: m }) {
-		let B = i, V = m, Te = re(() => import("./ModulePreviewCanvas-Bmy6Y1WE.js")), { t: H } = r(), U = e(t, "ModuleBrowserModal"), W = e(n, "ModuleBrowserModal"), G = g(""), K = g(null), q = g(null), J = g("end"), Y = l(() => {
+		let B = i, V = m, Te = re(() => import("./ModulePreviewCanvas-CoLNuu1o.js")), { t: H } = r(), U = e(t, "ModuleBrowserModal"), W = e(n, "ModuleBrowserModal"), G = g(""), K = g(null), q = g(null), J = g("end"), Y = l(() => {
 			let e = U.modules.value;
 			if (!G.value) return e;
 			let t = G.value.toLowerCase();

package/dist/{ModulePreviewCanvas-Bmy6Y1WE.js → ModulePreviewCanvas-CoLNuu1o.js}

@@ -1,5 +1,5 @@
-import { P as e, _ as t, a as n, f as r, g as i, h as a, i as o, m as s, n as c, p as l, r as u, u as d, v as f, y as p } from "./useEditorCore-DUGD6pq_.js";
-import { o as m } from "./keys-C0MQRs8d.js";
+import { o as e } from "./keys-C0MQRs8d.js";
+import { N as t, _ as n, a as r, f as i, g as a, h as o, i as s, m as c, n as l, p as u, r as d, u as f, v as p, y as m } from "./useEditorCore-CQwWl2js.js";
 import { Fragment as h, computed as g, createBlock as _, createElementBlock as v, createElementVNode as y, defineComponent as b, inject as x, normalizeStyle as S, openBlock as C, renderList as w, resolveComponent as T, resolveDynamicComponent as E, unref as D } from "vue";
 //#region src/components/blocks/PreviewSectionBlock.vue?vue&type=script&setup=true&lang.ts
 var O = { class: "tpl:w-full" }, k = { class: "tpl:flex tpl:gap-0" }, A = /* @__PURE__ */ b({
@@ -11,19 +11,19 @@ var O = { class: "tpl:w-full" }, k = { class: "tpl:flex tpl:gap-0" }, A = /* @__
 	},
 	setup(b) {
 		let A = {
-			title: d,
-			paragraph: s,
-			image: i,
-			video: c,
-			button: e,
-			divider: f,
-			social: n,
-			menu: a,
-			table: u,
-			spacer: o,
-			html: t,
-			custom: p
-		}, j = b, M = x(m, null), N = g(() => {
+			title: f,
+			paragraph: c,
+			image: a,
+			video: l,
+			button: t,
+			divider: p,
+			social: r,
+			menu: o,
+			table: d,
+			spacer: s,
+			html: n,
+			custom: m
+		}, j = b, M = x(e, null), N = g(() => {
 			switch (j.block.columns) {
 				case "2": return ["50%", "50%"];
 				case "3": return [
@@ -44,7 +44,7 @@ var O = { class: "tpl:w-full" }, k = { class: "tpl:flex tpl:gap-0" }, A = /* @__
 			return P.value[e] || [];
 		}
 		function I(e) {
-			return l(e, M, A);
+			return u(e, M, A);
 		}
 		return (e, t) => {
 			let n = T("PreviewSectionBlock", !0);
@@ -53,7 +53,7 @@ var O = { class: "tpl:w-full" }, k = { class: "tpl:flex tpl:gap-0" }, A = /* @__
 				style: S({ width: N.value[t] })
 			}, [(C(!0), v(h, null, w(F(t), (e) => (C(), v("div", {
 				key: e.id,
-				style: S(D(r)(e))
+				style: S(D(i)(e))
 			}, [e.type === "section" ? (C(), _(n, {
 				key: 0,
 				block: e,
@@ -75,27 +75,27 @@ var O = { class: "tpl:w-full" }, k = { class: "tpl:flex tpl:gap-0" }, A = /* @__
 	__name: "ModulePreviewCanvas",
 	props: { blocks: {} },
 	setup(g) {
-		let y = x(m), b = {
+		let y = x(e), b = {
 			section: A,
-			title: d,
-			paragraph: s,
-			image: i,
-			video: c,
-			button: e,
-			divider: f,
-			social: n,
-			menu: a,
-			table: u,
-			spacer: o,
-			html: t,
-			custom: p
+			title: f,
+			paragraph: c,
+			image: a,
+			video: l,
+			button: t,
+			divider: p,
+			social: r,
+			menu: o,
+			table: d,
+			spacer: s,
+			html: n,
+			custom: m
 		};
 		function T(e) {
-			return l(e, y, b);
+			return u(e, y, b);
 		}
 		return (e, t) => (C(), v("div", j, [(C(!0), v(h, null, w(g.blocks, (e) => (C(), v("div", {
 			key: e.id,
-			style: S(D(r)(e))
+			style: S(D(i)(e))
 		}, [(C(), _(E(T(e)), {
 			block: e,
 			viewport: "desktop"