@aswin.dev/editor 0.7.0 → 0.7.2

package/dist/CountdownToolbar-ClJr2GzL.js

@@ -1,210 +0,0 @@
-import { Dt as e, M as t, Mt as n, P as r, S as i, V as a, _ as o, b as s, d as c, h as l, it as u, m as d, p as f, y as p } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
-import { t as m } from "./useI18n-lb2DHDiu.js";
-import { f as h } from "./styleConstants-fWzlIIwN.js";
-import { i as g, n as _, r as v, t as y } from "./NumberWithSuffix-DkXUez9t.js";
-//#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__ */ i({
-	__name: "CheckboxItem",
-	props: {
-		modelValue: { type: Boolean },
-		label: {}
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: r }) {
-		let i = r;
-		return (r, a) => (t(), o("label", b, [d("input", {
-			type: "checkbox",
-			class: "tpl:size-3.5 tpl:cursor-pointer tpl:accent-[var(--tpl-primary)]",
-			checked: e.modelValue,
-			onChange: a[0] ||= (e) => i("update:modelValue", e.target.checked)
-		}, null, 40, x), p(" " + n(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__ */ i({
-	__name: "CountdownToolbar",
-	props: {
-		block: {},
-		fontFamilies: {}
-	},
-	emits: ["update"],
-	setup(i, { emit: p }) {
-		let b = p, { t: x } = m(), 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 = f(() => R.map((e) => ({
-			unit: e,
-			showKey: `show${e}`,
-			labelKey: `label${e}`,
-			translationKey: e.toLowerCase()
-		})));
-		function B(e, t) {
-			b("update", { [e]: t });
-		}
-		return (f, p) => (t(), o(c, null, [
-			s(_, { label: u(x).countdown.targetDate }, {
-				default: a(() => [d("input", {
-					type: "datetime-local",
-					class: e(u(h)),
-					value: i.block.targetDate,
-					onInput: p[0] ||= (e) => B("targetDate", e.target.value)
-				}, null, 42, C)]),
-				_: 1
-			}, 8, ["label"]),
-			s(_, { label: u(x).countdown.timezone }, {
-				default: a(() => [d("select", {
-					class: e(u(h)),
-					value: i.block.timezone,
-					onChange: p[1] ||= (e) => B("timezone", e.target.value)
-				}, [(t(), o(c, null, r(I, (e) => d("option", {
-					key: e,
-					value: e
-				}, n(e), 9, T)), 64))], 42, w)]),
-				_: 1
-			}, 8, ["label"]),
-			s(_, { label: u(x).countdown.display }, {
-				default: a(() => [d("div", E, [(t(!0), o(c, null, r(z.value, (e) => (t(), l(S, {
-					key: e.unit,
-					"model-value": i.block[e.showKey],
-					label: u(x).countdown[e.translationKey],
-					"onUpdate:modelValue": (t) => B(e.showKey, t)
-				}, null, 8, [
-					"model-value",
-					"label",
-					"onUpdate:modelValue"
-				]))), 128))])]),
-				_: 1
-			}, 8, ["label"]),
-			s(_, { label: u(x).countdown.separator }, {
-				default: a(() => [s(v, {
-					options: L,
-					"model-value": i.block.separator,
-					"onUpdate:modelValue": p[2] ||= (e) => B("separator", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"]),
-			s(_, { label: u(x).countdown.fontFamily }, {
-				default: a(() => [d("select", {
-					class: e(u(h)),
-					value: i.block.fontFamily || "",
-					onChange: p[3] ||= (e) => B("fontFamily", e.target.value || void 0)
-				}, [d("option", O, n(u(x).countdown.inheritFont), 1), (t(!0), o(c, null, r(i.fontFamilies, (e) => (t(), o("option", {
-					key: e.value,
-					value: e.value
-				}, n(e.label), 9, k))), 128))], 42, D)]),
-				_: 1
-			}, 8, ["label"]),
-			d("div", A, [s(_, { label: u(x).countdown.digitFontSize }, {
-				default: a(() => [s(y, {
-					"model-value": i.block.digitFontSize,
-					min: 12,
-					max: 72,
-					suffix: "px",
-					"onUpdate:modelValue": p[4] ||= (e) => B("digitFontSize", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"]), s(_, { label: u(x).countdown.labelFontSize }, {
-				default: a(() => [s(y, {
-					"model-value": i.block.labelFontSize,
-					min: 8,
-					max: 24,
-					suffix: "px",
-					"onUpdate:modelValue": p[5] ||= (e) => B("labelFontSize", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"])]),
-			d("div", j, [s(_, { label: u(x).countdown.digitColor }, {
-				default: a(() => [s(g, {
-					"model-value": i.block.digitColor,
-					"onUpdate:modelValue": p[6] ||= (e) => B("digitColor", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"]), s(_, { label: u(x).countdown.labelColor }, {
-				default: a(() => [s(g, {
-					"model-value": i.block.labelColor,
-					"onUpdate:modelValue": p[7] ||= (e) => B("labelColor", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"])]),
-			s(_, { label: u(x).countdown.background }, {
-				default: a(() => [s(g, {
-					"model-value": i.block.backgroundColor,
-					"onUpdate:modelValue": p[8] ||= (e) => B("backgroundColor", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"]),
-			s(_, { label: u(x).countdown.labels }, {
-				default: a(() => [d("div", M, [(t(!0), o(c, null, r(z.value, (n) => (t(), o("input", {
-					key: n.unit,
-					type: "text",
-					class: e(u(h)),
-					value: i.block[n.labelKey],
-					placeholder: u(x).countdown[n.translationKey],
-					onInput: (e) => B(n.labelKey, e.target.value)
-				}, null, 42, N))), 128))])]),
-				_: 1
-			}, 8, ["label"]),
-			s(_, { label: u(x).countdown.expiry }, {
-				default: a(() => [d("input", {
-					type: "text",
-					class: e(u(h)),
-					value: i.block.expiredMessage,
-					placeholder: u(x).countdown.expiredMessagePlaceholder,
-					onInput: p[9] ||= (e) => B("expiredMessage", e.target.value)
-				}, null, 42, P)]),
-				_: 1
-			}, 8, ["label"]),
-			s(_, { label: u(x).countdown.expiredImageUrl }, {
-				default: a(() => [d("input", {
-					type: "url",
-					class: e(u(h)),
-					value: i.block.expiredImageUrl,
-					placeholder: "https://...",
-					onInput: p[10] ||= (e) => B("expiredImageUrl", e.target.value)
-				}, null, 42, F)]),
-				_: 1
-			}, 8, ["label"]),
-			s(S, {
-				"model-value": i.block.hideOnExpiry,
-				label: u(x).countdown.hideOnExpiry,
-				class: "tpl:mb-3.5",
-				"onUpdate:modelValue": p[11] ||= (e) => B("hideOnExpiry", e)
-			}, null, 8, ["model-value", "label"])
-		], 64));
-	}
-});
-//#endregion
-export { I as default };

package/dist/ModulePreviewCanvas-CHdOwV_4.js

@@ -1,106 +0,0 @@
-import { E as e, I as t, L as n, M as r, Ot as i, P as a, S as o, _ as s, d as c, h as l, it as u, m as d, p as f } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
-import { N as p, _ as m, a as h, f as g, g as _, h as v, i as y, m as b, n as x, p as S, r as C, u as w, v as T, y as E } from "./useEditorCore-C6ost42Q.js";
-import { s as D } from "./keys-ciNfSSGj.js";
-//#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__ */ o({
-	name: "PreviewSectionBlock",
-	__name: "PreviewSectionBlock",
-	props: {
-		block: {},
-		viewport: {}
-	},
-	setup(o) {
-		let A = {
-			title: w,
-			paragraph: b,
-			image: _,
-			video: x,
-			button: p,
-			divider: T,
-			social: h,
-			menu: v,
-			table: C,
-			spacer: y,
-			html: m,
-			custom: E
-		}, j = o, M = e(D, null), N = f(() => {
-			switch (j.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%"];
-			}
-		}), P = f(() => {
-			let e = N.value.length, t = [...j.block.children];
-			for (; t.length < e;) t.push([]);
-			return t.slice(0, e);
-		});
-		function F(e) {
-			return P.value[e] || [];
-		}
-		function I(e) {
-			return S(e, M, A);
-		}
-		return (e, o) => {
-			let f = t("PreviewSectionBlock", !0);
-			return r(), s("div", O, [d("div", k, [(r(!0), s(c, null, a(P.value, (e, t) => (r(), s("div", {
-				key: t,
-				style: i({ width: N.value[t] })
-			}, [(r(!0), s(c, null, a(F(t), (e) => (r(), s("div", {
-				key: e.id,
-				style: i(u(g)(e))
-			}, [e.type === "section" ? (r(), l(f, {
-				key: 0,
-				block: e,
-				viewport: "desktop"
-			}, null, 8, ["block"])) : (r(), l(n(I(e)), {
-				key: 1,
-				block: e,
-				viewport: "desktop"
-			}, null, 8, ["block"]))], 4))), 128))], 4))), 128))])]);
-		};
-	}
-}), j = {
-	class: "tpl:pointer-events-none tpl:mx-auto tpl:w-[600px] tpl:select-none tpl:rounded-lg",
-	style: {
-		"background-color": "var(--tpl-canvas-bg)",
-		"box-shadow": "var(--tpl-shadow-sm)"
-	}
-}, M = /* @__PURE__ */ o({
-	__name: "ModulePreviewCanvas",
-	props: { blocks: {} },
-	setup(t) {
-		let o = e(D), d = {
-			section: A,
-			title: w,
-			paragraph: b,
-			image: _,
-			video: x,
-			button: p,
-			divider: T,
-			social: h,
-			menu: v,
-			table: C,
-			spacer: y,
-			html: m,
-			custom: E
-		};
-		function f(e) {
-			return S(e, o, d);
-		}
-		return (e, o) => (r(), s("div", j, [(r(!0), s(c, null, a(t.blocks, (e) => (r(), s("div", {
-			key: e.id,
-			style: i(u(g)(e))
-		}, [(r(), l(n(f(e)), {
-			block: e,
-			viewport: "desktop"
-		}, null, 8, ["block"]))], 4))), 128))]));
-	}
-});
-//#endregion
-export { M as default };

package/dist/cdn/chunks/AiFeatureMenu-qEdB2fZJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AiFeatureMenu-qEdB2fZJ.js","names":[],"sources":["../../../src/cloud/components/AiFeatureMenu.vue","../../../src/cloud/components/AiFeatureMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useCloudI18nStrict } from \"../../composables\";\nimport { AI_CONFIG_KEY, requireInject } from \"../../keys\";\nimport type { AiConfig } from \"@templatical/types\";\nimport { ImageUp, ShieldCheck, Sparkles } from \"@lucide/vue\";\nimport { computed } from \"vue\";\n\nexport type AiFeature = \"ai-chat\" | \"design-reference\" | \"scoring\";\n\ndefineProps<{\n  activeFeature: AiFeature | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"select\", feature: AiFeature): void;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n\nconst aiConfig = requireInject(AI_CONFIG_KEY, \"AiFeatureMenu\");\n\nconst configKeyMap: Record<AiFeature, keyof AiConfig> = {\n  \"ai-chat\": \"chat\",\n  \"design-reference\": \"designToTemplate\",\n  scoring: \"scoring\",\n};\n\nconst allFeatures: { key: AiFeature; icon: typeof Sparkles }[] = [\n  { key: \"ai-chat\", icon: Sparkles },\n  { key: \"design-reference\", icon: ImageUp },\n  { key: \"scoring\", icon: ShieldCheck },\n];\n\nconst features = computed(() =>\n  allFeatures.filter((f) => aiConfig.isFeatureEnabled(configKeyMap[f.key])),\n);\n\nfunction getTitle(key: AiFeature): string {\n  if (key === \"ai-chat\") return cloudT.aiMenu.aiAssistant;\n  if (key === \"design-reference\") return cloudT.aiMenu.designToTemplate;\n  return cloudT.aiMenu.templateScore;\n}\n\nfunction getDescription(key: AiFeature): string {\n  if (key === \"ai-chat\") return cloudT.aiMenu.aiAssistantDesc;\n  if (key === \"design-reference\") return cloudT.aiMenu.designToTemplateDesc;\n  return cloudT.aiMenu.templateScoreDesc;\n}\n</script>\n\n<template>\n  <div\n    class=\"tpl-ai-feature-menu tpl:w-[280px] tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:py-1 tpl:bg-[var(--tpl-bg-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]\"\n    style=\"backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px)\"\n  >\n    <button\n      v-for=\"feature in features\"\n      :key=\"feature.key\"\n      class=\"tpl-ai-feature-menu-item tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-start tpl:gap-3 tpl:border-none tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-colors tpl:duration-100\"\n      :style=\"{\n        backgroundColor:\n          activeFeature === feature.key\n            ? 'var(--tpl-primary-light)'\n            : 'transparent',\n      }\"\n      @click=\"emit('select', feature.key)\"\n    >\n      <div\n        class=\"tpl:mt-0.5 tpl:flex tpl:size-7 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)]\"\n        :style=\"{\n          backgroundColor:\n            activeFeature === feature.key\n              ? 'var(--tpl-primary)'\n              : 'var(--tpl-bg-active)',\n          color:\n            activeFeature === feature.key\n              ? 'var(--tpl-bg)'\n              : 'var(--tpl-text-muted)',\n        }\"\n      >\n        <component :is=\"feature.icon\" :size=\"15\" :stroke-width=\"2\" />\n      </div>\n      <div class=\"tpl:flex tpl:min-w-0 tpl:flex-col tpl:gap-0.5\">\n        <span class=\"tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]\">\n          {{ getTitle(feature.key) }}\n        </span>\n        <span\n          class=\"tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text-muted)]\"\n        >\n          {{ getDescription(feature.key) }}\n        </span>\n      </div>\n    </button>\n  </div>\n</template>\n\n<style scoped>\n.tpl-ai-feature-menu-item:hover {\n  background-color: var(--tpl-bg-hover) !important;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useCloudI18nStrict } from \"../../composables\";\nimport { AI_CONFIG_KEY, requireInject } from \"../../keys\";\nimport type { AiConfig } from \"@templatical/types\";\nimport { ImageUp, ShieldCheck, Sparkles } from \"@lucide/vue\";\nimport { computed } from \"vue\";\n\nexport type AiFeature = \"ai-chat\" | \"design-reference\" | \"scoring\";\n\ndefineProps<{\n  activeFeature: AiFeature | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"select\", feature: AiFeature): void;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n\nconst aiConfig = requireInject(AI_CONFIG_KEY, \"AiFeatureMenu\");\n\nconst configKeyMap: Record<AiFeature, keyof AiConfig> = {\n  \"ai-chat\": \"chat\",\n  \"design-reference\": \"designToTemplate\",\n  scoring: \"scoring\",\n};\n\nconst allFeatures: { key: AiFeature; icon: typeof Sparkles }[] = [\n  { key: \"ai-chat\", icon: Sparkles },\n  { key: \"design-reference\", icon: ImageUp },\n  { key: \"scoring\", icon: ShieldCheck },\n];\n\nconst features = computed(() =>\n  allFeatures.filter((f) => aiConfig.isFeatureEnabled(configKeyMap[f.key])),\n);\n\nfunction getTitle(key: AiFeature): string {\n  if (key === \"ai-chat\") return cloudT.aiMenu.aiAssistant;\n  if (key === \"design-reference\") return cloudT.aiMenu.designToTemplate;\n  return cloudT.aiMenu.templateScore;\n}\n\nfunction getDescription(key: AiFeature): string {\n  if (key === \"ai-chat\") return cloudT.aiMenu.aiAssistantDesc;\n  if (key === \"design-reference\") return cloudT.aiMenu.designToTemplateDesc;\n  return cloudT.aiMenu.templateScoreDesc;\n}\n</script>\n\n<template>\n  <div\n    class=\"tpl-ai-feature-menu tpl:w-[280px] tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:py-1 tpl:bg-[var(--tpl-bg-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]\"\n    style=\"backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px)\"\n  >\n    <button\n      v-for=\"feature in features\"\n      :key=\"feature.key\"\n      class=\"tpl-ai-feature-menu-item tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-start tpl:gap-3 tpl:border-none tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-colors tpl:duration-100\"\n      :style=\"{\n        backgroundColor:\n          activeFeature === feature.key\n            ? 'var(--tpl-primary-light)'\n            : 'transparent',\n      }\"\n      @click=\"emit('select', feature.key)\"\n    >\n      <div\n        class=\"tpl:mt-0.5 tpl:flex tpl:size-7 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)]\"\n        :style=\"{\n          backgroundColor:\n            activeFeature === feature.key\n              ? 'var(--tpl-primary)'\n              : 'var(--tpl-bg-active)',\n          color:\n            activeFeature === feature.key\n              ? 'var(--tpl-bg)'\n              : 'var(--tpl-text-muted)',\n        }\"\n      >\n        <component :is=\"feature.icon\" :size=\"15\" :stroke-width=\"2\" />\n      </div>\n      <div class=\"tpl:flex tpl:min-w-0 tpl:flex-col tpl:gap-0.5\">\n        <span class=\"tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]\">\n          {{ getTitle(feature.key) }}\n        </span>\n        <span\n          class=\"tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text-muted)]\"\n        >\n          {{ getDescription(feature.key) }}\n        </span>\n      </div>\n    </button>\n  </div>\n</template>\n\n<style scoped>\n.tpl-ai-feature-menu-item:hover {\n  background-color: var(--tpl-bg-hover) !important;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAaA,IAAM,IAAO,GAIP,EAAE,GAAG,MAAW,GAAoB,EAEpC,IAAW,EAAc,GAAe,gBAAgB,EAExD,IAAkD;GACtD,WAAW;GACX,oBAAoB;GACpB,SAAS;GACV,EAEK,IAA2D;GAC/D;IAAE,KAAK;IAAW,MAAM;IAAU;GAClC;IAAE,KAAK;IAAoB,MAAM;IAAS;GAC1C;IAAE,KAAK;IAAW,MAAM;IAAa;GACtC,EAEK,IAAW,QACf,EAAY,QAAQ,MAAM,EAAS,iBAAiB,EAAa,EAAE,KAAK,CAAC,CAC1E;EAED,SAAS,EAAS,GAAwB;AAGxC,UAFI,MAAQ,YAAkB,EAAO,OAAO,cACxC,MAAQ,qBAA2B,EAAO,OAAO,mBAC9C,EAAO,OAAO;;EAGvB,SAAS,EAAe,GAAwB;AAG9C,UAFI,MAAQ,YAAkB,EAAO,OAAO,kBACxC,MAAQ,qBAA2B,EAAO,OAAO,uBAC9C,EAAO,OAAO;;yBAKrB,EA0CM,OA1CN,GA0CM,EAAA,EAAA,GAAA,EAtCJ,EAqCS,GAAA,MAAA,EApCW,EAAA,QAAX,YADT,EAqCS,UAAA;GAnCN,KAAK,EAAQ;GACd,OAAM;GACL,OAAK,EAAA,EAAA,iBAAuC,EAAA,kBAAkB,EAAQ,MAAA,6BAAA,eAAA,CAAA;GAMtE,UAAK,MAAE,EAAI,UAAW,EAAQ,IAAG;MAElC,EAcM,OAAA;GAbJ,OAAM;GACL,OAAK,EAAA;qBAA2C,EAAA,kBAAkB,EAAQ,MAAA,uBAAA;WAA8G,EAAA,kBAAkB,EAAQ,MAAA,kBAAA;;YAWnN,EAA6D,EAA7C,EAAQ,KAAI,EAAA;GAAG,MAAM;GAAK,gBAAc;YAE1D,EASM,OATN,GASM,CARJ,EAEO,QAFP,GAEO,EADF,EAAS,EAAQ,IAAG,CAAA,EAAA,EAAA,EAEzB,EAIO,QAJP,GAIO,EADF,EAAe,EAAQ,IAAG,CAAA,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,IAAA,EAAA"}