@aswin.dev/editor 0.7.0 → 0.7.2

package/dist/cdn/chunks/{SaveModuleDialog-B0TnO_o9.js → SaveModuleDialog-AwL0tkCV.js}

@@ -1,5 +1,5 @@
-import { $ as e, B as t, F as n, H as r, N as i, S as a, U as o, _ as s, at as c, b as l, ct as u, d, g as ee, h as f, lt as p, m, p as h, s as g, st as _, y as v } from "./draggable-Bcb86AsV.js";
-import { $ as y, Kt as b, Nt as te, Xt as ne, en as x, gt as S, i as C } from "./features-DEMb13KS.js";
+import { C as e, G as t, H as n, I as r, P as i, W as a, _ as o, b as s, c, ct as l, dt as u, f as d, ft as f, g as p, h as m, m as h, tt as g, ut as _, v, x as y } from "./draggable-C-1_gch3.js";
+import { Lt as b, Xt as x, et as ee, i as te, rn as ne, sn as S, yt as C } from "./features-DIBEo4xl.js";
 //#region src/cloud/components/SaveModuleDialog.vue?vue&type=script&setup=true&lang.ts
 var w = ["aria-busy"], T = {
 	id: "tpl-save-module-title",
@@ -15,19 +15,19 @@ var w = ["aria-busy"], T = {
 }, P = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, F = ["disabled"], I = ["disabled"], re = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1.5"
-}, L = { key: 1 }, R = /* @__PURE__ */ a({
+}, L = { key: 1 }, R = /* @__PURE__ */ e({
 	__name: "SaveModuleDialog",
 	props: {
 		visible: { type: Boolean },
 		preSelectedBlockId: {}
 	},
 	emits: ["close", "saved"],
-	setup(a, { emit: R }) {
-		let z = a, B = R, { t: V } = te(), { t: H } = y(), U = x(b, "SaveModuleDialog"), W = x(ne, "SaveModuleDialog"), G = e(""), K = e(/* @__PURE__ */ new Set()), q = e(!1), J = e(null), Y = h(() => U.content.value.blocks);
+	setup(e, { emit: R }) {
+		let z = e, B = R, { t: V } = b(), { t: H } = ee(), U = S(x, "SaveModuleDialog"), W = S(ne, "SaveModuleDialog"), G = g(""), K = g(/* @__PURE__ */ new Set()), q = g(!1), J = g(null), Y = h(() => U.content.value.blocks);
 		function X(e, t) {
 			return `${V.blocks[e.type] ?? e.type} ${t + 1}`;
 		}
-		t(() => z.visible, (e) => {
+		n(() => z.visible, (e) => {
 			e && (G.value = "", J.value = null, K.value = new Set(z.preSelectedBlockId ? [z.preSelectedBlockId] : []));
 		});
 		function ie(e) {
@@ -54,12 +54,12 @@ var w = ["aria-busy"], T = {
 		function ae(e) {
 			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Q()), e.key === "Escape" && $();
 		}
-		return (e, t) => (i(), f(C, {
-			visible: a.visible,
+		return (n, h) => (i(), p(te, {
+			visible: e.visible,
 			onClose: $,
 			onKeydown: ae
 		}, {
-			default: r(() => [m("div", {
+			default: a(() => [m("div", {
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-busy": q.value,
@@ -70,15 +70,15 @@ var w = ["aria-busy"], T = {
 					"box-shadow": "var(--tpl-shadow-xl)"
 				}
 			}, [
-				m("h3", T, p(c(H).modules.saveAsModule), 1),
-				m("div", E, [m("label", D, p(c(H).modules.moduleName), 1), o(m("input", {
-					"onUpdate:modelValue": t[0] ||= (e) => G.value = e,
+				m("h3", T, f(l(H).modules.saveAsModule), 1),
+				m("div", E, [m("label", D, f(l(H).modules.moduleName), 1), t(m("input", {
+					"onUpdate:modelValue": h[0] ||= (e) => G.value = e,
 					type: "text",
-					placeholder: c(H).modules.moduleNamePlaceholder,
+					placeholder: l(H).modules.moduleNamePlaceholder,
 					class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:shadow-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
 					disabled: q.value
-				}, null, 8, O), [[g, G.value]])]),
-				m("div", k, [m("label", A, p(c(H).modules.selectBlocks), 1), m("div", j, [(i(!0), s(d, null, n(Y.value, (e, t) => (i(), s("label", {
+				}, null, 8, O), [[c, G.value]])]),
+				m("div", k, [m("label", A, f(l(H).modules.selectBlocks), 1), m("div", j, [(i(!0), v(d, null, r(Y.value, (e, t) => (i(), v("label", {
 					key: e.id,
 					class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:rounded-sm tpl:px-2 tpl:py-1.5 tpl:text-sm tpl:transition-colors tpl:duration-100",
 					style: u({
@@ -91,23 +91,23 @@ var w = ["aria-busy"], T = {
 					class: "tpl:accent-[var(--tpl-primary)]",
 					disabled: q.value,
 					onChange: (t) => ie(e.id)
-				}, null, 40, M), v(" " + p(X(e, t)), 1)], 4))), 128))])]),
-				J.value ? (i(), s("p", N, p(J.value), 1)) : ee("", !0),
+				}, null, 40, M), s(" " + f(X(e, t)), 1)], 4))), 128))])]),
+				J.value ? (i(), v("p", N, f(J.value), 1)) : o("", !0),
 				m("div", P, [m("button", {
 					type: "button",
 					class: _(["tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]", { "tpl:cursor-not-allowed tpl:opacity-50": q.value }]),
 					disabled: q.value,
 					onClick: $
-				}, p(c(H).modules.cancel), 11, F), m("button", {
+				}, f(l(H).modules.cancel), 11, F), m("button", {
 					type: "button",
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
 					disabled: !Z.value,
 					onClick: Q
-				}, [q.value ? (i(), s("span", re, [l(c(S), {
+				}, [q.value ? (i(), v("span", re, [y(l(C), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
-				}), v(" " + p(c(H).modules.saving), 1)])) : (i(), s("span", L, p(c(H).modules.save), 1))], 8, I)])
+				}), s(" " + f(l(H).modules.saving), 1)])) : (i(), v("span", L, f(l(H).modules.save), 1))], 8, I)])
 			], 8, w)]),
 			_: 1
 		}, 8, ["visible"]));
@@ -116,4 +116,4 @@ var w = ["aria-busy"], T = {
 //#endregion
 export { R as default };
 
-//# sourceMappingURL=SaveModuleDialog-B0TnO_o9.js.map
+//# sourceMappingURL=SaveModuleDialog-AwL0tkCV.js.map

package/dist/cdn/chunks/SaveModuleDialog-AwL0tkCV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaveModuleDialog-AwL0tkCV.js","names":[],"sources":["../../../src/cloud/components/SaveModuleDialog.vue","../../../src/cloud/components/SaveModuleDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport TplModal from \"./TplModal.vue\";\nimport { useI18n } from \"../../composables\";\nimport { useCloudI18nStrict } from \"../../composables\";\nimport {\n  EDITOR_KEY,\n  SAVED_MODULES_HEADLESS_KEY,\n  requireInject,\n} from \"../../keys\";\nimport type { Block } from \"@aswin.dev/types\";\nimport { LoaderCircle } from \"@lucide/vue\";\nimport { computed, ref, watch } from \"vue\";\n\nconst props = defineProps<{\n  visible: boolean;\n  preSelectedBlockId: string | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"close\"): void;\n  (e: \"saved\"): void;\n}>();\n\nconst { t } = useI18n();\nconst { t: cloudT } = useCloudI18nStrict();\nconst editor = requireInject(EDITOR_KEY, \"SaveModuleDialog\");\nconst savedModules = requireInject(\n  SAVED_MODULES_HEADLESS_KEY,\n  \"SaveModuleDialog\",\n);\n\nconst moduleName = ref(\"\");\nconst selectedBlockIds = ref<Set<string>>(new Set());\nconst isSaving = ref(false);\nconst error = ref<string | null>(null);\n\nconst topLevelBlocks = computed(() => editor.content.value.blocks);\n\nfunction blockLabel(block: Block, index: number): string {\n  const typeKey = block.type as keyof typeof t.blocks;\n  const label = t.blocks[typeKey] ?? block.type;\n  return `${label} ${index + 1}`;\n}\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (visible) {\n      moduleName.value = \"\";\n      error.value = null;\n      selectedBlockIds.value = new Set(\n        props.preSelectedBlockId ? [props.preSelectedBlockId] : [],\n      );\n    }\n  },\n);\n\nfunction toggleBlock(blockId: string): void {\n  const newSet = new Set(selectedBlockIds.value);\n  if (newSet.has(blockId)) {\n    newSet.delete(blockId);\n  } else {\n    newSet.add(blockId);\n  }\n  selectedBlockIds.value = newSet;\n}\n\nconst canSave = computed(\n  () =>\n    moduleName.value.trim().length > 0 &&\n    selectedBlockIds.value.size > 0 &&\n    !isSaving.value,\n);\n\nasync function handleSave(): Promise<void> {\n  if (!canSave.value) return;\n\n  isSaving.value = true;\n  error.value = null;\n\n  try {\n    const selectedBlocks = topLevelBlocks.value.filter((b) =>\n      selectedBlockIds.value.has(b.id),\n    );\n    await savedModules.createModule(moduleName.value.trim(), selectedBlocks);\n    emit(\"saved\");\n    emit(\"close\");\n  } catch (err) {\n    error.value = (err as Error).message;\n  } finally {\n    isSaving.value = false;\n  }\n}\n\nfunction handleClose(): void {\n  if (!isSaving.value) {\n    emit(\"close\");\n  }\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Enter\" && !event.shiftKey) {\n    event.preventDefault();\n    handleSave();\n  }\n  if (event.key === \"Escape\") {\n    handleClose();\n  }\n}\n</script>\n\n<template>\n  <TplModal :visible=\"visible\" @close=\"handleClose\" @keydown=\"handleKeydown\">\n    <div\n      role=\"dialog\"\n      aria-modal=\"true\"\n      :aria-busy=\"isSaving\"\n      aria-labelledby=\"tpl-save-module-title\"\n      class=\"tpl-scale-in tpl:mx-4 tpl:w-full tpl:max-w-sm tpl:rounded-[var(--tpl-radius-lg)] tpl:p-5\"\n      style=\"\n        background-color: var(--tpl-bg-elevated);\n        box-shadow: var(--tpl-shadow-xl);\n      \"\n    >\n      <h3\n        id=\"tpl-save-module-title\"\n        class=\"tpl:mb-4 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]\"\n      >\n        {{ cloudT.modules.saveAsModule }}\n      </h3>\n\n      <!-- Module name -->\n      <div class=\"tpl:mb-3\">\n        <label\n          class=\"tpl:mb-1.5 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]\"\n        >\n          {{ cloudT.modules.moduleName }}\n        </label>\n        <input\n          v-model=\"moduleName\"\n          type=\"text\"\n          :placeholder=\"cloudT.modules.moduleNamePlaceholder\"\n          class=\"tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:shadow-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]\"\n          :disabled=\"isSaving\"\n        />\n      </div>\n\n      <!-- Block selection -->\n      <div class=\"tpl:mb-3\">\n        <label\n          class=\"tpl:mb-1.5 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]\"\n        >\n          {{ cloudT.modules.selectBlocks }}\n        </label>\n        <div\n          class=\"tpl:max-h-40 tpl:space-y-1 tpl:overflow-y-auto tpl:rounded-md tpl:border tpl:p-2 tpl:border-[var(--tpl-border)]\"\n        >\n          <label\n            v-for=\"(block, index) in topLevelBlocks\"\n            :key=\"block.id\"\n            class=\"tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:rounded-sm tpl:px-2 tpl:py-1.5 tpl:text-sm tpl:transition-colors tpl:duration-100\"\n            :style=\"{\n              color: 'var(--tpl-text)',\n              backgroundColor: selectedBlockIds.has(block.id)\n                ? 'var(--tpl-primary-light)'\n                : 'transparent',\n            }\"\n          >\n            <input\n              type=\"checkbox\"\n              :checked=\"selectedBlockIds.has(block.id)\"\n              class=\"tpl:accent-[var(--tpl-primary)]\"\n              :disabled=\"isSaving\"\n              @change=\"toggleBlock(block.id)\"\n            />\n            {{ blockLabel(block, index) }}\n          </label>\n        </div>\n      </div>\n\n      <!-- Error message -->\n      <p\n        v-if=\"error\"\n        role=\"alert\"\n        class=\"tpl:mb-3 tpl:text-xs tpl:text-[var(--tpl-danger)]\"\n      >\n        {{ error }}\n      </p>\n\n      <!-- Actions -->\n      <div class=\"tpl:flex tpl:justify-end tpl:gap-2\">\n        <button\n          type=\"button\"\n          class=\"tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]\"\n          :disabled=\"isSaving\"\n          :class=\"{\n            'tpl:cursor-not-allowed tpl:opacity-50': isSaving,\n          }\"\n          @click=\"handleClose\"\n        >\n          {{ cloudT.modules.cancel }}\n        </button>\n        <button\n          type=\"button\"\n          class=\"tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]\"\n          :disabled=\"!canSave\"\n          @click=\"handleSave\"\n        >\n          <span v-if=\"isSaving\" class=\"tpl:flex tpl:items-center tpl:gap-1.5\">\n            <LoaderCircle\n              class=\"tpl:animate-spin\"\n              :size=\"12\"\n              :stroke-width=\"2\"\n            />\n            {{ cloudT.modules.saving }}\n          </span>\n          <span v-else>\n            {{ cloudT.modules.save }}\n          </span>\n        </button>\n      </div>\n    </div>\n  </TplModal>\n</template>\n","<script setup lang=\"ts\">\nimport TplModal from \"./TplModal.vue\";\nimport { useI18n } from \"../../composables\";\nimport { useCloudI18nStrict } from \"../../composables\";\nimport {\n  EDITOR_KEY,\n  SAVED_MODULES_HEADLESS_KEY,\n  requireInject,\n} from \"../../keys\";\nimport type { Block } from \"@aswin.dev/types\";\nimport { LoaderCircle } from \"@lucide/vue\";\nimport { computed, ref, watch } from \"vue\";\n\nconst props = defineProps<{\n  visible: boolean;\n  preSelectedBlockId: string | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"close\"): void;\n  (e: \"saved\"): void;\n}>();\n\nconst { t } = useI18n();\nconst { t: cloudT } = useCloudI18nStrict();\nconst editor = requireInject(EDITOR_KEY, \"SaveModuleDialog\");\nconst savedModules = requireInject(\n  SAVED_MODULES_HEADLESS_KEY,\n  \"SaveModuleDialog\",\n);\n\nconst moduleName = ref(\"\");\nconst selectedBlockIds = ref<Set<string>>(new Set());\nconst isSaving = ref(false);\nconst error = ref<string | null>(null);\n\nconst topLevelBlocks = computed(() => editor.content.value.blocks);\n\nfunction blockLabel(block: Block, index: number): string {\n  const typeKey = block.type as keyof typeof t.blocks;\n  const label = t.blocks[typeKey] ?? block.type;\n  return `${label} ${index + 1}`;\n}\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (visible) {\n      moduleName.value = \"\";\n      error.value = null;\n      selectedBlockIds.value = new Set(\n        props.preSelectedBlockId ? [props.preSelectedBlockId] : [],\n      );\n    }\n  },\n);\n\nfunction toggleBlock(blockId: string): void {\n  const newSet = new Set(selectedBlockIds.value);\n  if (newSet.has(blockId)) {\n    newSet.delete(blockId);\n  } else {\n    newSet.add(blockId);\n  }\n  selectedBlockIds.value = newSet;\n}\n\nconst canSave = computed(\n  () =>\n    moduleName.value.trim().length > 0 &&\n    selectedBlockIds.value.size > 0 &&\n    !isSaving.value,\n);\n\nasync function handleSave(): Promise<void> {\n  if (!canSave.value) return;\n\n  isSaving.value = true;\n  error.value = null;\n\n  try {\n    const selectedBlocks = topLevelBlocks.value.filter((b) =>\n      selectedBlockIds.value.has(b.id),\n    );\n    await savedModules.createModule(moduleName.value.trim(), selectedBlocks);\n    emit(\"saved\");\n    emit(\"close\");\n  } catch (err) {\n    error.value = (err as Error).message;\n  } finally {\n    isSaving.value = false;\n  }\n}\n\nfunction handleClose(): void {\n  if (!isSaving.value) {\n    emit(\"close\");\n  }\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Enter\" && !event.shiftKey) {\n    event.preventDefault();\n    handleSave();\n  }\n  if (event.key === \"Escape\") {\n    handleClose();\n  }\n}\n</script>\n\n<template>\n  <TplModal :visible=\"visible\" @close=\"handleClose\" @keydown=\"handleKeydown\">\n    <div\n      role=\"dialog\"\n      aria-modal=\"true\"\n      :aria-busy=\"isSaving\"\n      aria-labelledby=\"tpl-save-module-title\"\n      class=\"tpl-scale-in tpl:mx-4 tpl:w-full tpl:max-w-sm tpl:rounded-[var(--tpl-radius-lg)] tpl:p-5\"\n      style=\"\n        background-color: var(--tpl-bg-elevated);\n        box-shadow: var(--tpl-shadow-xl);\n      \"\n    >\n      <h3\n        id=\"tpl-save-module-title\"\n        class=\"tpl:mb-4 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]\"\n      >\n        {{ cloudT.modules.saveAsModule }}\n      </h3>\n\n      <!-- Module name -->\n      <div class=\"tpl:mb-3\">\n        <label\n          class=\"tpl:mb-1.5 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]\"\n        >\n          {{ cloudT.modules.moduleName }}\n        </label>\n        <input\n          v-model=\"moduleName\"\n          type=\"text\"\n          :placeholder=\"cloudT.modules.moduleNamePlaceholder\"\n          class=\"tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:shadow-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]\"\n          :disabled=\"isSaving\"\n        />\n      </div>\n\n      <!-- Block selection -->\n      <div class=\"tpl:mb-3\">\n        <label\n          class=\"tpl:mb-1.5 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]\"\n        >\n          {{ cloudT.modules.selectBlocks }}\n        </label>\n        <div\n          class=\"tpl:max-h-40 tpl:space-y-1 tpl:overflow-y-auto tpl:rounded-md tpl:border tpl:p-2 tpl:border-[var(--tpl-border)]\"\n        >\n          <label\n            v-for=\"(block, index) in topLevelBlocks\"\n            :key=\"block.id\"\n            class=\"tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:rounded-sm tpl:px-2 tpl:py-1.5 tpl:text-sm tpl:transition-colors tpl:duration-100\"\n            :style=\"{\n              color: 'var(--tpl-text)',\n              backgroundColor: selectedBlockIds.has(block.id)\n                ? 'var(--tpl-primary-light)'\n                : 'transparent',\n            }\"\n          >\n            <input\n              type=\"checkbox\"\n              :checked=\"selectedBlockIds.has(block.id)\"\n              class=\"tpl:accent-[var(--tpl-primary)]\"\n              :disabled=\"isSaving\"\n              @change=\"toggleBlock(block.id)\"\n            />\n            {{ blockLabel(block, index) }}\n          </label>\n        </div>\n      </div>\n\n      <!-- Error message -->\n      <p\n        v-if=\"error\"\n        role=\"alert\"\n        class=\"tpl:mb-3 tpl:text-xs tpl:text-[var(--tpl-danger)]\"\n      >\n        {{ error }}\n      </p>\n\n      <!-- Actions -->\n      <div class=\"tpl:flex tpl:justify-end tpl:gap-2\">\n        <button\n          type=\"button\"\n          class=\"tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]\"\n          :disabled=\"isSaving\"\n          :class=\"{\n            'tpl:cursor-not-allowed tpl:opacity-50': isSaving,\n          }\"\n          @click=\"handleClose\"\n        >\n          {{ cloudT.modules.cancel }}\n        </button>\n        <button\n          type=\"button\"\n          class=\"tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]\"\n          :disabled=\"!canSave\"\n          @click=\"handleSave\"\n        >\n          <span v-if=\"isSaving\" class=\"tpl:flex tpl:items-center tpl:gap-1.5\">\n            <LoaderCircle\n              class=\"tpl:animate-spin\"\n              :size=\"12\"\n              :stroke-width=\"2\"\n            />\n            {{ cloudT.modules.saving }}\n          </span>\n          <span v-else>\n            {{ cloudT.modules.save }}\n          </span>\n        </button>\n      </div>\n    </div>\n  </TplModal>\n</template>\n"],"mappings":"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"}

package/dist/cdn/chunks/{TitleEditor-BHpfxvwy.js → TitleEditor-DbSyeixS.js}

@@ -1,7 +1,7 @@
-import { E as e, J as t, N as n, S as r, _ as i, at as a, b as o, ct as s, d as c, f as l, g as u, h as d, lt as f, m as p, st as m, y as h } from "./draggable-Bcb86AsV.js";
-import { $t as g, Nt as _, Qt as v, gt as y, q as b } from "./features-DEMb13KS.js";
-import { B as x, H as S, X as C, x as w } from "./icons-CsLTcirh.js";
-import { n as T, t as E } from "./RichTextEditorContent-DL_y2SrR.js";
+import { C as e, D as t, P as n, X as r, _ as i, b as a, ct as o, dt as s, f as c, ft as l, g as u, h as d, p as f, ut as p, v as m, x as h } from "./draggable-C-1_gch3.js";
+import { J as g, Lt as _, an as v, on as y, yt as b } from "./features-DIBEo4xl.js";
+import { C as x, K as S, Y as C, st as w } from "./icons-C1Gg-ov-.js";
+import { n as T, t as E } from "./RichTextEditorContent-BtWCA_Oc.js";
 //#region src/components/blocks/TitleEditor.vue?vue&type=script&setup=true&lang.ts
 var ee = { class: "tpl-text-editor-wrapper tpl:relative" }, D = ["data-tpl-theme", "aria-label"], O = ["aria-label", "title"], k = ["aria-label", "title"], A = ["aria-label", "title"], j = {
 	key: 0,
@@ -9,25 +9,25 @@ var ee = { class: "tpl-text-editor-wrapper tpl:relative" }, D = ["data-tpl-theme
 }, M = ["aria-label", "title"], N = {
 	key: 1,
 	class: "tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, P = /* @__PURE__ */ r({
+}, P = /* @__PURE__ */ e({
 	__name: "TitleEditor",
 	props: {
 		block: {},
 		toolbarPosition: {}
 	},
 	emits: ["done"],
-	setup(r, { emit: P }) {
-		let F = r, I = P, L = e(v, null), R = e(g, null), { t: z } = _(), { editor: B, EditorContent: V, isLoading: H, initError: U, retry: W, showLinkDialog: G, linkUrl: K, linkDialogRef: q, canRequestMergeTag: J, openLinkDialog: Y, insertLink: X, removeLink: Z, closeLinkDialog: Q, handleLinkKeydown: te, handleAddMergeTag: $ } = b({
+	setup(e, { emit: P }) {
+		let F = e, I = P, L = t(v, null), R = t(y, null), { t: z } = _(), { editor: B, EditorContent: V, isLoading: H, initError: U, retry: W, showLinkDialog: G, linkUrl: K, linkDialogRef: q, canRequestMergeTag: J, openLinkDialog: Y, insertLink: X, removeLink: Z, closeLinkDialog: Q, handleLinkKeydown: te, handleAddMergeTag: $ } = g({
 			blockId: () => F.block.id,
 			blockContent: () => F.block.content,
 			onDone: () => I("done"),
 			editorName: "TitleEditor",
 			async loadExtensions({ mergeTags: e, syntax: t, triggerChar: n, autocompleteEnabled: r, suggestionEmptyText: i }) {
 				let [{ Editor: a, EditorContent: o }, { default: s }, { default: c }, { MergeTagNode: l, MergeTagSuggestion: u, LogicMergeTagNode: d }] = await Promise.all([
-					import("./tiptap-ZhwKyFp7.js").then((e) => e.i),
-					import("./tiptap-ZhwKyFp7.js").then((e) => e.a),
-					import("./tiptap-ZhwKyFp7.js").then((e) => e.u),
-					import("./extensions-DIxF31tA.js")
+					import("./tiptap-CDzAbF2j.js").then((e) => e.i),
+					import("./tiptap-CDzAbF2j.js").then((e) => e.a),
+					import("./tiptap-CDzAbF2j.js").then((e) => e.u),
+					import("./extensions-BVKQw_sp.js")
 				]);
 				return {
 					TiptapEditor: a,
@@ -64,76 +64,76 @@ var ee = { class: "tpl-text-editor-wrapper tpl:relative" }, D = ["data-tpl-theme
 				};
 			}
 		});
-		return (e, g) => (n(), i("div", ee, [
-			(n(), d(l, { to: "body" }, [p("div", {
-				"data-tpl-theme": a(R),
+		return (t, g) => (n(), m("div", ee, [
+			(n(), u(f, { to: "body" }, [d("div", {
+				"data-tpl-theme": o(R),
 				role: "toolbar",
-				"aria-label": a(z).titleEditor.toolbar,
+				"aria-label": o(z).titleEditor.toolbar,
 				class: "tpl tpl-text-toolbar tpl:fixed tpl:z-popover tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:shadow-lg",
 				style: s({
-					...a(L),
-					top: `${r.toolbarPosition.top}px`,
-					left: `${r.toolbarPosition.left}px`,
+					...o(L),
+					top: `${e.toolbarPosition.top}px`,
+					left: `${e.toolbarPosition.left}px`,
 					transform: "translateY(-100%)"
 				})
-			}, [!a(H) && a(B) ? (n(), i(c, { key: 0 }, [
-				p("button", {
+			}, [!o(H) && o(B) ? (n(), m(c, { key: 0 }, [
+				d("button", {
 					type: "button",
-					class: m(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": a(B)?.isActive("bold") }]),
-					"aria-label": a(z).titleEditor.bold,
-					title: a(z).titleEditor.bold,
-					onClick: g[0] ||= (e) => a(B)?.chain().focus().toggleBold().run()
-				}, [o(a(C), {
+					class: p(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": o(B)?.isActive("bold") }]),
+					"aria-label": o(z).titleEditor.bold,
+					title: o(z).titleEditor.bold,
+					onClick: g[0] ||= (e) => o(B)?.chain().focus().toggleBold().run()
+				}, [h(o(w), {
 					size: 16,
 					"stroke-width": 2.5
 				})], 10, O),
-				p("button", {
+				d("button", {
 					type: "button",
-					class: m(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": a(B)?.isActive("italic") }]),
-					"aria-label": a(z).titleEditor.italic,
-					title: a(z).titleEditor.italic,
-					onClick: g[1] ||= (e) => a(B)?.chain().focus().toggleItalic().run()
-				}, [o(a(S), {
+					class: p(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": o(B)?.isActive("italic") }]),
+					"aria-label": o(z).titleEditor.italic,
+					title: o(z).titleEditor.italic,
+					onClick: g[1] ||= (e) => o(B)?.chain().focus().toggleItalic().run()
+				}, [h(o(C), {
 					size: 16,
 					"stroke-width": 2
 				})], 10, k),
-				g[6] ||= p("span", {
+				g[6] ||= d("span", {
 					class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
 					"aria-hidden": "true"
 				}, null, -1),
-				p("button", {
+				d("button", {
 					type: "button",
-					class: m(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": a(B)?.isActive("link") }]),
-					"aria-label": a(z).titleEditor.addLink,
-					title: a(z).titleEditor.addLink,
-					onClick: g[2] ||= (...e) => a(Y) && a(Y)(...e)
-				}, [o(a(x), {
+					class: p(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": o(B)?.isActive("link") }]),
+					"aria-label": o(z).titleEditor.addLink,
+					title: o(z).titleEditor.addLink,
+					onClick: g[2] ||= (...e) => o(Y) && o(Y)(...e)
+				}, [h(o(S), {
 					size: 16,
 					"stroke-width": 2
 				})], 10, A),
-				a(J) ? (n(), i("span", j)) : u("", !0),
-				a(J) ? (n(), i("button", {
+				o(J) ? (n(), m("span", j)) : i("", !0),
+				o(J) ? (n(), m("button", {
 					key: 1,
 					type: "button",
 					class: "tpl:flex tpl:h-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]",
-					"aria-label": a(z).mergeTag.add,
-					title: a(z).mergeTag.add,
-					onClick: g[3] ||= (...e) => a($) && a($)(...e)
-				}, [o(a(w), {
+					"aria-label": o(z).mergeTag.add,
+					title: o(z).mergeTag.add,
+					onClick: g[3] ||= (...e) => o($) && o($)(...e)
+				}, [h(o(x), {
 					size: 16,
 					"stroke-width": 2
-				}), h(" " + f(a(z).mergeTag.add), 1)], 8, M)) : u("", !0)
-			], 64)) : (n(), i("div", N, [o(a(y), {
+				}), a(" " + l(o(z).mergeTag.add), 1)], 8, M)) : i("", !0)
+			], 64)) : (n(), m("div", N, [h(o(b), {
 				class: "tpl-spinner",
 				size: 14,
 				"stroke-width": 2
-			}), h(" " + f(a(z).errors.editorLoading), 1)]))], 12, D)])),
-			o(E, {
-				editor: a(B),
-				"editor-content": a(V),
-				"is-loading": a(H),
-				"init-error": a(U),
-				onRetry: a(W)
+			}), a(" " + l(o(z).errors.editorLoading), 1)]))], 12, D)])),
+			h(E, {
+				editor: o(B),
+				"editor-content": o(V),
+				"is-loading": o(H),
+				"init-error": o(U),
+				onRetry: o(W)
 			}, null, 8, [
 				"editor",
 				"editor-content",
@@ -141,17 +141,17 @@ var ee = { class: "tpl-text-editor-wrapper tpl:relative" }, D = ["data-tpl-theme
 				"init-error",
 				"onRetry"
 			]),
-			o(T, {
-				visible: a(G),
-				"is-editing-link": a(B)?.isActive("link") ?? !1,
-				"dialog-ref": a(q),
-				"onUpdate:dialogRef": g[4] ||= (e) => t(q) ? q.value = e : null,
-				"link-url": a(K),
-				"onUpdate:linkUrl": g[5] ||= (e) => t(K) ? K.value = e : null,
-				onClose: a(Q),
-				onInsert: a(X),
-				onRemove: a(Z),
-				onKeydown: a(te)
+			h(T, {
+				visible: o(G),
+				"is-editing-link": o(B)?.isActive("link") ?? !1,
+				"dialog-ref": o(q),
+				"onUpdate:dialogRef": g[4] ||= (e) => r(q) ? q.value = e : null,
+				"link-url": o(K),
+				"onUpdate:linkUrl": g[5] ||= (e) => r(K) ? K.value = e : null,
+				onClose: o(Q),
+				onInsert: o(X),
+				onRemove: o(Z),
+				onKeydown: o(te)
 			}, null, 8, [
 				"visible",
 				"is-editing-link",
@@ -168,4 +168,4 @@ var ee = { class: "tpl-text-editor-wrapper tpl:relative" }, D = ["data-tpl-theme
 //#endregion
 export { P as default };
 
-//# sourceMappingURL=TitleEditor-BHpfxvwy.js.map
+//# sourceMappingURL=TitleEditor-DbSyeixS.js.map

package/dist/cdn/chunks/TitleEditor-DbSyeixS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleEditor-DbSyeixS.js","names":[],"sources":["../../../src/components/blocks/TitleEditor.vue","../../../src/components/blocks/TitleEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables\";\nimport { useRichTextEditor } from \"../../composables/useRichTextEditor\";\nimport type { TitleBlock as TitleBlockType } from \"@aswin.dev/types\";\nimport { Bold, Italic, Link, LoaderCircle, ScanLine } from \"@lucide/vue\";\nimport { inject } from \"vue\";\nimport { THEME_STYLES_KEY, UI_THEME_KEY } from \"../../keys\";\nimport RichTextLinkDialog from \"./RichTextLinkDialog.vue\";\nimport RichTextEditorContent from \"./RichTextEditorContent.vue\";\n\nconst props = defineProps<{\n  block: TitleBlockType;\n  toolbarPosition: { top: number; left: number };\n}>();\n\nconst emit = defineEmits<{\n  (e: \"done\"): void;\n}>();\n\nconst themeStyles = inject(THEME_STYLES_KEY, null);\nconst tplUiTheme = inject(UI_THEME_KEY, null);\n\nconst { t } = useI18n();\n\nconst {\n  editor,\n  EditorContent,\n  isLoading,\n  initError,\n  retry,\n  showLinkDialog,\n  linkUrl,\n  linkDialogRef,\n  canRequestMergeTag,\n  openLinkDialog,\n  insertLink,\n  removeLink,\n  closeLinkDialog,\n  handleLinkKeydown,\n  handleAddMergeTag,\n} = useRichTextEditor({\n  blockId: () => props.block.id,\n  blockContent: () => props.block.content,\n  onDone: () => emit(\"done\"),\n  editorName: \"TitleEditor\",\n  async loadExtensions({\n    mergeTags,\n    syntax,\n    triggerChar,\n    autocompleteEnabled,\n    suggestionEmptyText,\n  }) {\n    const [\n      { Editor: TiptapEditor, EditorContent: EC },\n      { default: StarterKit },\n      { default: LinkExt },\n      { MergeTagNode, MergeTagSuggestion, LogicMergeTagNode },\n    ] = await Promise.all([\n      import(\"@tiptap/vue-3\"),\n      import(\"@tiptap/starter-kit\"),\n      import(\"@tiptap/extension-link\"),\n      import(\"../../extensions\"),\n    ]);\n\n    return {\n      TiptapEditor,\n      EC,\n      extensions: [\n        StarterKit.configure({\n          heading: false,\n          codeBlock: false,\n          blockquote: false,\n          horizontalRule: false,\n          bulletList: false,\n          orderedList: false,\n          listItem: false,\n          strike: false,\n        }),\n        LinkExt.configure({\n          openOnClick: false,\n          HTMLAttributes: {\n            target: \"_blank\",\n            rel: \"noopener noreferrer\",\n          },\n        }),\n        MergeTagNode.configure({ mergeTags, syntax }),\n        LogicMergeTagNode.configure({ syntax }),\n        ...(autocompleteEnabled && triggerChar && mergeTags.length > 0\n          ? [\n              MergeTagSuggestion.configure({\n                mergeTags,\n                char: triggerChar,\n                emptyText: suggestionEmptyText,\n              }),\n            ]\n          : []),\n      ],\n    };\n  },\n});\n</script>\n\n<template>\n  <div class=\"tpl-text-editor-wrapper tpl:relative\">\n    <Teleport to=\"body\">\n      <div\n        :data-tpl-theme=\"tplUiTheme\"\n        role=\"toolbar\"\n        :aria-label=\"t.titleEditor.toolbar\"\n        class=\"tpl tpl-text-toolbar tpl:fixed tpl:z-popover tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:shadow-lg\"\n        :style=\"{\n          ...themeStyles,\n          top: `${toolbarPosition.top}px`,\n          left: `${toolbarPosition.left}px`,\n          transform: 'translateY(-100%)',\n        }\"\n      >\n        <template v-if=\"!isLoading && editor\">\n          <!-- Bold -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('bold'),\n            }\"\n            :aria-label=\"t.titleEditor.bold\"\n            :title=\"t.titleEditor.bold\"\n            @click=\"editor?.chain().focus().toggleBold().run()\"\n          >\n            <Bold :size=\"16\" :stroke-width=\"2.5\" />\n          </button>\n          <!-- Italic -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('italic'),\n            }\"\n            :aria-label=\"t.titleEditor.italic\"\n            :title=\"t.titleEditor.italic\"\n            @click=\"editor?.chain().focus().toggleItalic().run()\"\n          >\n            <Italic :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <span\n            class=\"tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n            aria-hidden=\"true\"\n          ></span>\n          <!-- Link -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('link'),\n            }\"\n            :aria-label=\"t.titleEditor.addLink\"\n            :title=\"t.titleEditor.addLink\"\n            @click=\"openLinkDialog\"\n          >\n            <Link :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <!-- Add Merge Tag -->\n          <span\n            v-if=\"canRequestMergeTag\"\n            class=\"tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n          ></span>\n          <button\n            v-if=\"canRequestMergeTag\"\n            type=\"button\"\n            class=\"tpl:flex tpl:h-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]\"\n            :aria-label=\"t.mergeTag.add\"\n            :title=\"t.mergeTag.add\"\n            @click=\"handleAddMergeTag\"\n          >\n            <ScanLine :size=\"16\" :stroke-width=\"2\" />\n            {{ t.mergeTag.add }}\n          </button>\n        </template>\n        <template v-else>\n          <div\n            class=\"tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n          >\n            <LoaderCircle class=\"tpl-spinner\" :size=\"14\" :stroke-width=\"2\" />\n            {{ t.errors.editorLoading }}\n          </div>\n        </template>\n      </div>\n    </Teleport>\n\n    <RichTextEditorContent\n      :editor=\"editor\"\n      :editor-content=\"EditorContent\"\n      :is-loading=\"isLoading\"\n      :init-error=\"initError\"\n      @retry=\"retry\"\n    />\n\n    <RichTextLinkDialog\n      :visible=\"showLinkDialog\"\n      :is-editing-link=\"editor?.isActive('link') ?? false\"\n      v-model:dialog-ref=\"linkDialogRef\"\n      v-model:link-url=\"linkUrl\"\n      @close=\"closeLinkDialog\"\n      @insert=\"insertLink\"\n      @remove=\"removeLink\"\n      @keydown=\"handleLinkKeydown\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables\";\nimport { useRichTextEditor } from \"../../composables/useRichTextEditor\";\nimport type { TitleBlock as TitleBlockType } from \"@aswin.dev/types\";\nimport { Bold, Italic, Link, LoaderCircle, ScanLine } from \"@lucide/vue\";\nimport { inject } from \"vue\";\nimport { THEME_STYLES_KEY, UI_THEME_KEY } from \"../../keys\";\nimport RichTextLinkDialog from \"./RichTextLinkDialog.vue\";\nimport RichTextEditorContent from \"./RichTextEditorContent.vue\";\n\nconst props = defineProps<{\n  block: TitleBlockType;\n  toolbarPosition: { top: number; left: number };\n}>();\n\nconst emit = defineEmits<{\n  (e: \"done\"): void;\n}>();\n\nconst themeStyles = inject(THEME_STYLES_KEY, null);\nconst tplUiTheme = inject(UI_THEME_KEY, null);\n\nconst { t } = useI18n();\n\nconst {\n  editor,\n  EditorContent,\n  isLoading,\n  initError,\n  retry,\n  showLinkDialog,\n  linkUrl,\n  linkDialogRef,\n  canRequestMergeTag,\n  openLinkDialog,\n  insertLink,\n  removeLink,\n  closeLinkDialog,\n  handleLinkKeydown,\n  handleAddMergeTag,\n} = useRichTextEditor({\n  blockId: () => props.block.id,\n  blockContent: () => props.block.content,\n  onDone: () => emit(\"done\"),\n  editorName: \"TitleEditor\",\n  async loadExtensions({\n    mergeTags,\n    syntax,\n    triggerChar,\n    autocompleteEnabled,\n    suggestionEmptyText,\n  }) {\n    const [\n      { Editor: TiptapEditor, EditorContent: EC },\n      { default: StarterKit },\n      { default: LinkExt },\n      { MergeTagNode, MergeTagSuggestion, LogicMergeTagNode },\n    ] = await Promise.all([\n      import(\"@tiptap/vue-3\"),\n      import(\"@tiptap/starter-kit\"),\n      import(\"@tiptap/extension-link\"),\n      import(\"../../extensions\"),\n    ]);\n\n    return {\n      TiptapEditor,\n      EC,\n      extensions: [\n        StarterKit.configure({\n          heading: false,\n          codeBlock: false,\n          blockquote: false,\n          horizontalRule: false,\n          bulletList: false,\n          orderedList: false,\n          listItem: false,\n          strike: false,\n        }),\n        LinkExt.configure({\n          openOnClick: false,\n          HTMLAttributes: {\n            target: \"_blank\",\n            rel: \"noopener noreferrer\",\n          },\n        }),\n        MergeTagNode.configure({ mergeTags, syntax }),\n        LogicMergeTagNode.configure({ syntax }),\n        ...(autocompleteEnabled && triggerChar && mergeTags.length > 0\n          ? [\n              MergeTagSuggestion.configure({\n                mergeTags,\n                char: triggerChar,\n                emptyText: suggestionEmptyText,\n              }),\n            ]\n          : []),\n      ],\n    };\n  },\n});\n</script>\n\n<template>\n  <div class=\"tpl-text-editor-wrapper tpl:relative\">\n    <Teleport to=\"body\">\n      <div\n        :data-tpl-theme=\"tplUiTheme\"\n        role=\"toolbar\"\n        :aria-label=\"t.titleEditor.toolbar\"\n        class=\"tpl tpl-text-toolbar tpl:fixed tpl:z-popover tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:shadow-lg\"\n        :style=\"{\n          ...themeStyles,\n          top: `${toolbarPosition.top}px`,\n          left: `${toolbarPosition.left}px`,\n          transform: 'translateY(-100%)',\n        }\"\n      >\n        <template v-if=\"!isLoading && editor\">\n          <!-- Bold -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('bold'),\n            }\"\n            :aria-label=\"t.titleEditor.bold\"\n            :title=\"t.titleEditor.bold\"\n            @click=\"editor?.chain().focus().toggleBold().run()\"\n          >\n            <Bold :size=\"16\" :stroke-width=\"2.5\" />\n          </button>\n          <!-- Italic -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('italic'),\n            }\"\n            :aria-label=\"t.titleEditor.italic\"\n            :title=\"t.titleEditor.italic\"\n            @click=\"editor?.chain().focus().toggleItalic().run()\"\n          >\n            <Italic :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <span\n            class=\"tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n            aria-hidden=\"true\"\n          ></span>\n          <!-- Link -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('link'),\n            }\"\n            :aria-label=\"t.titleEditor.addLink\"\n            :title=\"t.titleEditor.addLink\"\n            @click=\"openLinkDialog\"\n          >\n            <Link :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <!-- Add Merge Tag -->\n          <span\n            v-if=\"canRequestMergeTag\"\n            class=\"tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n          ></span>\n          <button\n            v-if=\"canRequestMergeTag\"\n            type=\"button\"\n            class=\"tpl:flex tpl:h-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]\"\n            :aria-label=\"t.mergeTag.add\"\n            :title=\"t.mergeTag.add\"\n            @click=\"handleAddMergeTag\"\n          >\n            <ScanLine :size=\"16\" :stroke-width=\"2\" />\n            {{ t.mergeTag.add }}\n          </button>\n        </template>\n        <template v-else>\n          <div\n            class=\"tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n          >\n            <LoaderCircle class=\"tpl-spinner\" :size=\"14\" :stroke-width=\"2\" />\n            {{ t.errors.editorLoading }}\n          </div>\n        </template>\n      </div>\n    </Teleport>\n\n    <RichTextEditorContent\n      :editor=\"editor\"\n      :editor-content=\"EditorContent\"\n      :is-loading=\"isLoading\"\n      :init-error=\"initError\"\n      @retry=\"retry\"\n    />\n\n    <RichTextLinkDialog\n      :visible=\"showLinkDialog\"\n      :is-editing-link=\"editor?.isActive('link') ?? false\"\n      v-model:dialog-ref=\"linkDialogRef\"\n      v-model:link-url=\"linkUrl\"\n      @close=\"closeLinkDialog\"\n      @insert=\"insertLink\"\n      @remove=\"removeLink\"\n      @keydown=\"handleLinkKeydown\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAUA,IAAM,IAAQ,GAKR,IAAO,GAIP,IAAc,EAAO,GAAkB,KAAK,EAC5C,IAAa,EAAO,GAAc,KAAK,EAEvC,EAAE,SAAM,GAAS,EAEjB,EACJ,WACA,kBACA,cACA,cACA,UACA,mBACA,YACA,kBACA,uBACA,mBACA,eACA,eACA,oBACA,uBACA,yBACE,EAAkB;GACpB,eAAe,EAAM,MAAM;GAC3B,oBAAoB,EAAM,MAAM;GAChC,cAAc,EAAK,OAAO;GAC1B,YAAY;GACZ,MAAM,eAAe,EACnB,cACA,WACA,gBACA,wBACA,0BACC;IACD,IAAM,CACJ,EAAE,QAAQ,GAAc,eAAe,KACvC,EAAE,SAAS,KACX,EAAE,SAAS,KACX,EAAE,iBAAc,uBAAoB,0BAClC,MAAM,QAAQ,IAAI;KACpB,OAAO,wBAAA,MAAA,MAAA,EAAA,EAAA;KACP,OAAO,wBAAA,MAAA,MAAA,EAAA,EAAA;KACP,OAAO,wBAAA,MAAA,MAAA,EAAA,EAAA;KACP,OAAO;KACR,CAAC;AAEF,WAAO;KACL;KACA;KACA,YAAY;MACV,EAAW,UAAU;OACnB,SAAS;OACT,WAAW;OACX,YAAY;OACZ,gBAAgB;OAChB,YAAY;OACZ,aAAa;OACb,UAAU;OACV,QAAQ;OACT,CAAC;MACF,EAAQ,UAAU;OAChB,aAAa;OACb,gBAAgB;QACd,QAAQ;QACR,KAAK;QACN;OACF,CAAC;MACF,EAAa,UAAU;OAAE;OAAW;OAAQ,CAAC;MAC7C,EAAkB,UAAU,EAAE,WAAQ,CAAC;MACvC,GAAI,KAAuB,KAAe,EAAU,SAAS,IACzD,CACE,EAAmB,UAAU;OAC3B;OACA,MAAM;OACN,WAAW;OACZ,CAAC,CACJ,GACA,EAAE;MACP;KACF;;GAEJ,CAAC;yBAIA,EAwGM,OAxGN,IAwGM;SAvGJ,EAmFW,GAAA,EAnFD,IAAG,QAAM,EAAA,CACjB,EAiFM,OAAA;IAhFH,kBAAgB,EAAA,EAAU;IAC3B,MAAK;IACJ,cAAY,EAAA,EAAC,CAAC,YAAY;IAC3B,OAAM;IACL,OAAK,EAAA;QAAiB,EAAA,EAAW;aAAoB,EAAA,gBAAgB,IAAG;cAAyB,EAAA,gBAAgB,KAAI;;;QAOrG,EAAA,EAAS,IAAI,EAAA,EAAM,IAAA,GAAA,EAApC,EA4DW,GAAA,EAAA,KAAA,GAAA,EAAA;IA1DT,EAWS,UAAA;KAVP,MAAK;KACL,OAAK,EAAA,CAAC,wBAAsB,EAAA,gCAC4B,EAAA,EAAM,EAAE,SAAQ,OAAA,EAAA,CAAA,CAAA;KAGvE,cAAY,EAAA,EAAC,CAAC,YAAY;KAC1B,OAAO,EAAA,EAAC,CAAC,YAAY;KACrB,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,EAAM,EAAE,OAAK,CAAG,OAAK,CAAG,YAAU,CAAG,KAAG;QAEhD,EAAuC,EAAA,EAAA,EAAA;KAAhC,MAAM;KAAK,gBAAc;;IAGlC,EAWS,UAAA;KAVP,MAAK;KACL,OAAK,EAAA,CAAC,wBAAsB,EAAA,gCAC4B,EAAA,EAAM,EAAE,SAAQ,SAAA,EAAA,CAAA,CAAA;KAGvE,cAAY,EAAA,EAAC,CAAC,YAAY;KAC1B,OAAO,EAAA,EAAC,CAAC,YAAY;KACrB,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,EAAM,EAAE,OAAK,CAAG,OAAK,CAAG,cAAY,CAAG,KAAG;QAElD,EAAuC,EAAA,EAAA,EAAA;KAA9B,MAAM;KAAK,gBAAc;;aAEpC,EAGQ,QAAA;KAFN,OAAM;KACN,eAAY;;IAGd,EAWS,UAAA;KAVP,MAAK;KACL,OAAK,EAAA,CAAC,wBAAsB,EAAA,gCAC4B,EAAA,EAAM,EAAE,SAAQ,OAAA,EAAA,CAAA,CAAA;KAGvE,cAAY,EAAA,EAAC,CAAC,YAAY;KAC1B,OAAO,EAAA,EAAC,CAAC,YAAY;KACrB,SAAK,AAAA,EAAA,QAAA,GAAA,MAAE,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,GAAA,EAAc;QAEtB,EAAqC,EAAA,EAAA,EAAA;KAA9B,MAAM;KAAK,gBAAc;;IAI1B,EAAA,EAAkB,IAAA,GAAA,EAD1B,EAGQ,QAHR,EAGQ,IAAA,EAAA,IAAA,GAAA;IAEA,EAAA,EAAkB,IAAA,GAAA,EAD1B,EAUS,UAAA;;KARP,MAAK;KACL,OAAM;KACL,cAAY,EAAA,EAAC,CAAC,SAAS;KACvB,OAAO,EAAA,EAAC,CAAC,SAAS;KAClB,SAAK,AAAA,EAAA,QAAA,GAAA,MAAE,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,GAAA,EAAiB;QAEzB,EAAyC,EAAA,EAAA,EAAA;KAA9B,MAAM;KAAK,gBAAc;UAAK,MACzC,EAAG,EAAA,EAAC,CAAC,SAAS,IAAG,EAAA,EAAA,CAAA,EAAA,GAAA,EAAA,IAAA,EAAA,IAAA,GAAA;mBAInB,EAKM,OALN,GAKM,CAFJ,EAAiE,EAAA,EAAA,EAAA;IAAnD,OAAM;IAAe,MAAM;IAAK,gBAAc;SAAK,MACjE,EAAG,EAAA,EAAC,CAAC,OAAO,cAAa,EAAA,EAAA,CAAA,CAAA,EAAA,EAAA,IAAA,EAAA,CAAA,CAAA;GAMjC,EAME,GAAA;IALC,QAAQ,EAAA,EAAM;IACd,kBAAgB,EAAA,EAAa;IAC7B,cAAY,EAAA,EAAS;IACrB,cAAY,EAAA,EAAS;IACrB,SAAO,EAAA,EAAK;;;;;;;;GAGf,EASE,GAAA;IARC,SAAS,EAAA,EAAc;IACvB,mBAAiB,EAAA,EAAM,EAAE,SAAQ,OAAA,IAAA;IAC1B,cAAY,EAAA,EAAa;mDAAA,QAAA,IAAA;IACzB,YAAU,EAAA,EAAO;iDAAA,QAAA,IAAA;IACxB,SAAO,EAAA,EAAe;IACtB,UAAQ,EAAA,EAAU;IAClB,UAAQ,EAAA,EAAU;IAClB,WAAS,EAAA,GAAiB"}

package/dist/cdn/chunks/blockTypeIcons-pQIkxJzc.js

@@ -0,0 +1,23 @@
+import { Et as e, _t as t, ft as n, lt as r, xt as i } from "./features-DIBEo4xl.js";
+import { A as a, B as o, D as s, F as c, X as l, a as u, k as d, nt as f, o as p } from "./icons-C1Gg-ov-.js";
+//#region src/utils/blockTypeIcons.ts
+var m = {
+	section: f,
+	title: l,
+	paragraph: a,
+	image: i,
+	button: s,
+	input: p,
+	divider: o,
+	video: d,
+	social: n,
+	menu: t,
+	table: r,
+	spacer: c,
+	countdown: u,
+	html: e
+};
+//#endregion
+export { m as t };
+
+//# sourceMappingURL=blockTypeIcons-pQIkxJzc.js.map

package/dist/cdn/chunks/blockTypeIcons-pQIkxJzc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blockTypeIcons-pQIkxJzc.js","names":[],"sources":["../../../src/utils/blockTypeIcons.ts"],"sourcesContent":["import {\n  Code,\n  Columns3,\n  Heading,\n  Image,\n  Minus,\n  MoveVertical,\n  Navigation,\n  Pilcrow,\n  Play,\n  RectangleHorizontal,\n  Share2,\n  Table,\n  TextCursor,\n  Timer,\n} from \"@lucide/vue\";\nimport type { Component } from \"vue\";\n\nexport const blockTypeIcons: Record<string, Component> = {\n  section: Columns3,\n  title: Heading,\n  paragraph: Pilcrow,\n  image: Image,\n  button: RectangleHorizontal,\n  input: TextCursor,\n  divider: Minus,\n  video: Play,\n  social: Share2,\n  menu: Navigation,\n  table: Table,\n  spacer: MoveVertical,\n  countdown: Timer,\n  html: Code,\n};\n"],"mappings":";;;AAkBA,IAAa,IAA4C;CACvD,SAAS;CACT,OAAO;CACP,WAAW;CACX,OAAO;CACP,QAAQ;CACR,OAAO;CACP,SAAS;CACT,OAAO;CACP,QAAQ;CACR,MAAM;CACN,OAAO;CACP,QAAQ;CACR,WAAW;CACX,MAAM;CACP"}