@templatical/editor 0.25.2 → 0.26.0

package/dist/cdn/chunks/{RichTextEditorContent-BeJx4LVH.js → RichTextEditorContent-DtL49Jpo.js}

@@ -1,9 +1,9 @@
-import { E as e, H as t, L as n, M as r, R as i, T as a, ct as o, d as s, f as c, g as l, h as u, it as d, l as f, m as p, o as m, p as h, st as g, v as _, x as v, y } from "./draggable-Z4XXmbPC.js";
-import { U as b, V as x, g as S } from "./keys-DsoX52o_.js";
-import { t as C } from "./useI18n-BvcEYzrI.js";
-import { n as w } from "./usePopoverPosition-ig-71caO.js";
-import { n as T } from "./icons-C_kRN0_C.js";
-import { t as E } from "./ColorPicker-BXH44v2H.js";
+import { E as e, H as t, L as n, M as r, R as i, T as a, ct as o, d as s, f as c, g as l, h as u, it as d, l as f, lt as p, m, o as h, p as g, v as _, x as v, y } from "./draggable-DCs9qL-b.js";
+import { U as b, V as x, g as S } from "./keys-Cmc2Yl3D.js";
+import { t as C } from "./useI18n-UMs0F71x.js";
+import { n as w } from "./usePopoverPosition-cf8Y-ynK.js";
+import { n as T } from "./icons-CvYN6zrM.js";
+import { t as E } from "./ColorPicker-W_UyiVGc.js";
 //#region src/components/blocks/RichTextLinkDialog.vue?vue&type=script&setup=true&lang.ts
 var D = ["data-tpl-theme"], O = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-5 tpl:py-4" }, k = {
 	id: "tpl-link-dialog-title",
@@ -36,23 +36,23 @@ var D = ["data-tpl-theme"], O = { class: "tpl:flex tpl:items-center tpl:justify-
 	]),
 	setup(e, { emit: n }) {
 		let _ = i(e, "linkUrl"), v = i(e, "linkColor"), z = i(e, "dialogRef"), B = n, V = a(x, null), H = a(b, null), U = w(), W = a(S, null), G = c(() => W?.content.value.settings.linkColor || "#2c85de"), { t: K } = C();
-		return (n, i) => d(U) ? (r(), p(s, {
+		return (n, i) => d(U) ? (r(), m(s, {
 			key: 0,
 			to: d(U)
 		}, [e.visible ? (r(), l("div", {
 			key: 0,
 			"data-tpl-theme": d(H),
 			class: "tpl tpl-link-dialog tpl:fixed tpl:inset-0 tpl:z-modal tpl:flex tpl:items-center tpl:justify-center",
-			style: g(d(V)),
+			style: o(d(V)),
 			onClick: i[7] ||= f((e) => B("close"), ["self"])
-		}, [h("div", {
+		}, [g("div", {
 			ref: (e) => z.value = e,
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-labelledby": "tpl-link-dialog-title",
 			class: "tpl:w-[400px] tpl:overflow-hidden tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:shadow-lg"
 		}, [
-			h("div", O, [h("h4", k, o(e.isEditingLink ? d(K).linkDialog.editLink : d(K).linkDialog.insertLink), 1), h("button", {
+			g("div", O, [g("h4", k, p(e.isEditingLink ? d(K).linkDialog.editLink : d(K).linkDialog.insertLink), 1), g("button", {
 				type: "button",
 				"aria-label": d(K).linkDialog.cancel,
 				class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text-muted)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
@@ -61,7 +61,7 @@ var D = ["data-tpl-theme"], O = { class: "tpl:flex tpl:items-center tpl:justify-
 				size: 16,
 				"stroke-width": 2
 			})], 8, A)]),
-			h("div", j, [h("div", M, [h("label", N, o(d(K).linkDialog.urlLabel), 1), t(h("input", {
+			g("div", j, [g("div", M, [g("label", N, p(d(K).linkDialog.urlLabel), 1), t(g("input", {
 				id: "tpl-link-dialog-url",
 				"onUpdate:modelValue": i[1] ||= (e) => _.value = e,
 				type: "url",
@@ -69,25 +69,25 @@ var D = ["data-tpl-theme"], O = { class: "tpl:flex tpl:items-center tpl:justify-
 				placeholder: d(K).linkDialog.urlPlaceholder,
 				autofocus: "",
 				onKeydown: i[2] ||= (e) => B("keydown", e)
-			}, null, 40, P), [[m, _.value]])]), h("div", F, [h("label", I, o(d(K).linkDialog.colorLabel), 1), y(E, {
+			}, null, 40, P), [[h, _.value]])]), g("div", F, [g("label", I, p(d(K).linkDialog.colorLabel), 1), y(E, {
 				"model-value": v.value,
 				"seed-color": G.value,
 				"onUpdate:modelValue": i[3] ||= (e) => v.value = e
 			}, null, 8, ["model-value", "seed-color"])])]),
-			h("div", L, [e.isEditingLink ? (r(), l("button", {
+			g("div", L, [e.isEditingLink ? (r(), l("button", {
 				key: 0,
 				type: "button",
 				class: "tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-danger)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-danger)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-danger-light)]",
 				onClick: i[4] ||= (e) => B("remove")
-			}, o(d(K).linkDialog.removeLink), 1)) : u("", !0), h("div", R, [h("button", {
+			}, p(d(K).linkDialog.removeLink), 1)) : u("", !0), g("div", R, [g("button", {
 				type: "button",
 				class: "tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
 				onClick: i[5] ||= (e) => B("close")
-			}, o(d(K).linkDialog.cancel), 1), h("button", {
+			}, p(d(K).linkDialog.cancel), 1), g("button", {
 				type: "button",
 				class: "tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border-none tpl:bg-[var(--tpl-primary)] tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-primary-hover)] tpl:text-[var(--tpl-bg)]",
 				onClick: i[6] ||= (e) => B("insert")
-			}, o(e.isEditingLink ? d(K).linkDialog.updateLink : d(K).linkDialog.insertLink), 1)])])
+			}, p(e.isEditingLink ? d(K).linkDialog.updateLink : d(K).linkDialog.insertLink), 1)])])
 		], 512)], 12, D)) : u("", !0)], 8, ["to"])) : u("", !0);
 	}
 }), B = {
@@ -107,10 +107,10 @@ var D = ["data-tpl-theme"], O = { class: "tpl:flex tpl:items-center tpl:justify-
 	emits: ["retry"],
 	setup(e, { emit: t }) {
 		let i = t, { t: a } = C();
-		return (t, s) => e.isLoading ? (r(), l("div", B, [h("div", V, o(d(a).errors.editorLoading), 1)])) : e.initError ? (r(), l("div", H, [_(o(d(a).errors.editorLoadFailed) + " ", 1), h("button", {
+		return (t, o) => e.isLoading ? (r(), l("div", B, [g("div", V, p(d(a).errors.editorLoading), 1)])) : e.initError ? (r(), l("div", H, [_(p(d(a).errors.editorLoadFailed) + " ", 1), g("button", {
 			class: "tpl:ml-1 tpl:cursor-pointer tpl:border-none tpl:bg-transparent tpl:p-0 tpl:underline tpl:text-[var(--tpl-primary)]",
-			onClick: s[0] ||= (e) => i("retry")
-		}, o(d(a).errors.retry), 1)])) : e.editorContent && e.editor ? (r(), p(n(e.editorContent), {
+			onClick: o[0] ||= (e) => i("retry")
+		}, p(d(a).errors.retry), 1)])) : e.editorContent && e.editor ? (r(), m(n(e.editorContent), {
 			key: 2,
 			editor: e.editor,
 			class: "tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:border-[var(--tpl-primary)] tpl:p-2"
@@ -120,4 +120,4 @@ var D = ["data-tpl-theme"], O = { class: "tpl:flex tpl:items-center tpl:justify-
 //#endregion
 export { z as n, U as t };
 
-//# sourceMappingURL=RichTextEditorContent-BeJx4LVH.js.map
+//# sourceMappingURL=RichTextEditorContent-DtL49Jpo.js.map

package/dist/cdn/chunks/{RichTextEditorContent-BeJx4LVH.js.map → RichTextEditorContent-DtL49Jpo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditorContent-BeJx4LVH.js","names":[],"sources":["../../../src/components/blocks/RichTextLinkDialog.vue","../../../src/components/blocks/RichTextLinkDialog.vue","../../../src/components/blocks/RichTextEditorContent.vue","../../../src/components/blocks/RichTextEditorContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\nimport { usePopoverRoot } from \"../../composables/usePopoverRoot\";\nimport ColorPicker from \"../ColorPicker.vue\";\nimport { X } from \"@lucide/vue\";\nimport { computed, inject } from \"vue\";\nimport { EDITOR_KEY, THEME_STYLES_KEY, UI_THEME_KEY } from \"../../keys\";\n\ndefineProps<{\n  visible: boolean;\n  isEditingLink: boolean;\n}>();\n\nconst linkUrl = defineModel<string>(\"linkUrl\", { required: true });\nconst linkColor = defineModel<string>(\"linkColor\", { default: \"\" });\nconst dialogRef = defineModel<HTMLElement | null>(\"dialogRef\", {\n  required: true,\n});\n\nconst emit = defineEmits<{\n  (e: \"close\"): void;\n  (e: \"insert\"): void;\n  (e: \"remove\"): void;\n  (e: \"keydown\", event: KeyboardEvent): void;\n}>();\n\nconst themeStyles = inject(THEME_STYLES_KEY, null);\nconst tplUiTheme = inject(UI_THEME_KEY, null);\nconst popoverRoot = usePopoverRoot();\nconst editorReturn = inject(EDITOR_KEY, null);\n// Seed the picker at the document link color so opening it starts from the\n// color an unset link would inherit; an explicit value paints the swatch.\nconst documentLinkColor = computed(\n  () => editorReturn?.content.value.settings.linkColor || \"#2c85de\",\n);\n\nconst { t } = useI18n();\n</script>\n\n<template>\n  <Teleport v-if=\"popoverRoot\" :to=\"popoverRoot\">\n    <div\n      v-if=\"visible\"\n      :data-tpl-theme=\"tplUiTheme\"\n      class=\"tpl tpl-link-dialog tpl:fixed tpl:inset-0 tpl:z-modal tpl:flex tpl:items-center tpl:justify-center\"\n      :style=\"themeStyles\"\n      @click.self=\"emit('close')\"\n    >\n      <div\n        :ref=\"(el) => (dialogRef = el as HTMLElement | null)\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"tpl-link-dialog-title\"\n        class=\"tpl:w-[400px] tpl:overflow-hidden tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:shadow-lg\"\n      >\n        <div\n          class=\"tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-5 tpl:py-4\"\n        >\n          <h4\n            id=\"tpl-link-dialog-title\"\n            class=\"tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]\"\n          >\n            {{\n              isEditingLink ? t.linkDialog.editLink : t.linkDialog.insertLink\n            }}\n          </h4>\n          <button\n            type=\"button\"\n            :aria-label=\"t.linkDialog.cancel\"\n            class=\"tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text-muted)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]\"\n            @click=\"emit('close')\"\n          >\n            <X :size=\"16\" :stroke-width=\"2\" />\n          </button>\n        </div>\n        <div class=\"tpl:p-5\">\n          <div class=\"tpl:mb-4 tpl:last:mb-0\">\n            <label\n              for=\"tpl-link-dialog-url\"\n              class=\"tpl:mb-1.5 tpl:block tpl:text-xs tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase\"\n              >{{ t.linkDialog.urlLabel }}</label\n            >\n            <input\n              id=\"tpl-link-dialog-url\"\n              v-model=\"linkUrl\"\n              type=\"url\"\n              class=\"tpl:w-full tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2.5 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:outline-none tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]\"\n              :placeholder=\"t.linkDialog.urlPlaceholder\"\n              autofocus\n              @keydown=\"emit('keydown', $event)\"\n            />\n          </div>\n          <div class=\"tpl:mb-4 tpl:last:mb-0\">\n            <label\n              class=\"tpl:mb-1.5 tpl:block tpl:text-xs tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase\"\n              >{{ t.linkDialog.colorLabel }}</label\n            >\n            <ColorPicker\n              :model-value=\"linkColor\"\n              :seed-color=\"documentLinkColor\"\n              @update:model-value=\"linkColor = $event\"\n            />\n          </div>\n        </div>\n        <div\n          class=\"tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:px-5 tpl:py-4\"\n        >\n          <button\n            v-if=\"isEditingLink\"\n            type=\"button\"\n            class=\"tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-danger)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-danger)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-danger-light)]\"\n            @click=\"emit('remove')\"\n          >\n            {{ t.linkDialog.removeLink }}\n          </button>\n          <div class=\"tpl:ml-auto tpl:flex tpl:gap-2\">\n            <button\n              type=\"button\"\n              class=\"tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]\"\n              @click=\"emit('close')\"\n            >\n              {{ t.linkDialog.cancel }}\n            </button>\n            <button\n              type=\"button\"\n              class=\"tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border-none tpl:bg-[var(--tpl-primary)] tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-primary-hover)] tpl:text-[var(--tpl-bg)]\"\n              @click=\"emit('insert')\"\n            >\n              {{\n                isEditingLink\n                  ? t.linkDialog.updateLink\n                  : t.linkDialog.insertLink\n              }}\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\nimport { usePopoverRoot } from \"../../composables/usePopoverRoot\";\nimport ColorPicker from \"../ColorPicker.vue\";\nimport { X } from \"@lucide/vue\";\nimport { computed, inject } from \"vue\";\nimport { EDITOR_KEY, THEME_STYLES_KEY, UI_THEME_KEY } from \"../../keys\";\n\ndefineProps<{\n  visible: boolean;\n  isEditingLink: boolean;\n}>();\n\nconst linkUrl = defineModel<string>(\"linkUrl\", { required: true });\nconst linkColor = defineModel<string>(\"linkColor\", { default: \"\" });\nconst dialogRef = defineModel<HTMLElement | null>(\"dialogRef\", {\n  required: true,\n});\n\nconst emit = defineEmits<{\n  (e: \"close\"): void;\n  (e: \"insert\"): void;\n  (e: \"remove\"): void;\n  (e: \"keydown\", event: KeyboardEvent): void;\n}>();\n\nconst themeStyles = inject(THEME_STYLES_KEY, null);\nconst tplUiTheme = inject(UI_THEME_KEY, null);\nconst popoverRoot = usePopoverRoot();\nconst editorReturn = inject(EDITOR_KEY, null);\n// Seed the picker at the document link color so opening it starts from the\n// color an unset link would inherit; an explicit value paints the swatch.\nconst documentLinkColor = computed(\n  () => editorReturn?.content.value.settings.linkColor || \"#2c85de\",\n);\n\nconst { t } = useI18n();\n</script>\n\n<template>\n  <Teleport v-if=\"popoverRoot\" :to=\"popoverRoot\">\n    <div\n      v-if=\"visible\"\n      :data-tpl-theme=\"tplUiTheme\"\n      class=\"tpl tpl-link-dialog tpl:fixed tpl:inset-0 tpl:z-modal tpl:flex tpl:items-center tpl:justify-center\"\n      :style=\"themeStyles\"\n      @click.self=\"emit('close')\"\n    >\n      <div\n        :ref=\"(el) => (dialogRef = el as HTMLElement | null)\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"tpl-link-dialog-title\"\n        class=\"tpl:w-[400px] tpl:overflow-hidden tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:shadow-lg\"\n      >\n        <div\n          class=\"tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-5 tpl:py-4\"\n        >\n          <h4\n            id=\"tpl-link-dialog-title\"\n            class=\"tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]\"\n          >\n            {{\n              isEditingLink ? t.linkDialog.editLink : t.linkDialog.insertLink\n            }}\n          </h4>\n          <button\n            type=\"button\"\n            :aria-label=\"t.linkDialog.cancel\"\n            class=\"tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text-muted)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]\"\n            @click=\"emit('close')\"\n          >\n            <X :size=\"16\" :stroke-width=\"2\" />\n          </button>\n        </div>\n        <div class=\"tpl:p-5\">\n          <div class=\"tpl:mb-4 tpl:last:mb-0\">\n            <label\n              for=\"tpl-link-dialog-url\"\n              class=\"tpl:mb-1.5 tpl:block tpl:text-xs tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase\"\n              >{{ t.linkDialog.urlLabel }}</label\n            >\n            <input\n              id=\"tpl-link-dialog-url\"\n              v-model=\"linkUrl\"\n              type=\"url\"\n              class=\"tpl:w-full tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2.5 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:outline-none tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]\"\n              :placeholder=\"t.linkDialog.urlPlaceholder\"\n              autofocus\n              @keydown=\"emit('keydown', $event)\"\n            />\n          </div>\n          <div class=\"tpl:mb-4 tpl:last:mb-0\">\n            <label\n              class=\"tpl:mb-1.5 tpl:block tpl:text-xs tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase\"\n              >{{ t.linkDialog.colorLabel }}</label\n            >\n            <ColorPicker\n              :model-value=\"linkColor\"\n              :seed-color=\"documentLinkColor\"\n              @update:model-value=\"linkColor = $event\"\n            />\n          </div>\n        </div>\n        <div\n          class=\"tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:px-5 tpl:py-4\"\n        >\n          <button\n            v-if=\"isEditingLink\"\n            type=\"button\"\n            class=\"tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-danger)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-danger)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-danger-light)]\"\n            @click=\"emit('remove')\"\n          >\n            {{ t.linkDialog.removeLink }}\n          </button>\n          <div class=\"tpl:ml-auto tpl:flex tpl:gap-2\">\n            <button\n              type=\"button\"\n              class=\"tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]\"\n              @click=\"emit('close')\"\n            >\n              {{ t.linkDialog.cancel }}\n            </button>\n            <button\n              type=\"button\"\n              class=\"tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border-none tpl:bg-[var(--tpl-primary)] tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-primary-hover)] tpl:text-[var(--tpl-bg)]\"\n              @click=\"emit('insert')\"\n            >\n              {{\n                isEditingLink\n                  ? t.linkDialog.updateLink\n                  : t.linkDialog.insertLink\n              }}\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\nimport type { Editor } from \"@tiptap/vue-3\";\nimport type { Component } from \"vue\";\n\ndefineProps<{\n  editor: Editor | null;\n  editorContent: Component | null;\n  isLoading: boolean;\n  initError: string | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"retry\"): void;\n}>();\n\nconst { t } = useI18n();\n</script>\n\n<template>\n  <div\n    v-if=\"isLoading\"\n    class=\"tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:border-[var(--tpl-primary)] tpl:p-2\"\n  >\n    <div class=\"tpl:animate-pulse tpl:text-[var(--tpl-text-dim)]\">\n      {{ t.errors.editorLoading }}\n    </div>\n  </div>\n  <div\n    v-else-if=\"initError\"\n    class=\"tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:p-2 tpl:text-center tpl:text-xs tpl:border-[var(--tpl-danger)] tpl:text-[var(--tpl-text-muted)]\"\n  >\n    {{ t.errors.editorLoadFailed }}\n    <button\n      class=\"tpl:ml-1 tpl:cursor-pointer tpl:border-none tpl:bg-transparent tpl:p-0 tpl:underline tpl:text-[var(--tpl-primary)]\"\n      @click=\"emit('retry')\"\n    >\n      {{ t.errors.retry }}\n    </button>\n  </div>\n  <component\n    :is=\"editorContent\"\n    v-else-if=\"editorContent && editor\"\n    :editor=\"editor as Editor\"\n    class=\"tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:border-[var(--tpl-primary)] tpl:p-2\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\nimport type { Editor } from \"@tiptap/vue-3\";\nimport type { Component } from \"vue\";\n\ndefineProps<{\n  editor: Editor | null;\n  editorContent: Component | null;\n  isLoading: boolean;\n  initError: string | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"retry\"): void;\n}>();\n\nconst { t } = useI18n();\n</script>\n\n<template>\n  <div\n    v-if=\"isLoading\"\n    class=\"tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:border-[var(--tpl-primary)] tpl:p-2\"\n  >\n    <div class=\"tpl:animate-pulse tpl:text-[var(--tpl-text-dim)]\">\n      {{ t.errors.editorLoading }}\n    </div>\n  </div>\n  <div\n    v-else-if=\"initError\"\n    class=\"tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:p-2 tpl:text-center tpl:text-xs tpl:border-[var(--tpl-danger)] tpl:text-[var(--tpl-text-muted)]\"\n  >\n    {{ t.errors.editorLoadFailed }}\n    <button\n      class=\"tpl:ml-1 tpl:cursor-pointer tpl:border-none tpl:bg-transparent tpl:p-0 tpl:underline tpl:text-[var(--tpl-primary)]\"\n      @click=\"emit('retry')\"\n    >\n      {{ t.errors.retry }}\n    </button>\n  </div>\n  <component\n    :is=\"editorContent\"\n    v-else-if=\"editorContent && editor\"\n    :editor=\"editor as Editor\"\n    class=\"tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:border-[var(--tpl-primary)] tpl:p-2\"\n  />\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"RichTextEditorContent-DtL49Jpo.js","names":[],"sources":["../../../src/components/blocks/RichTextLinkDialog.vue","../../../src/components/blocks/RichTextLinkDialog.vue","../../../src/components/blocks/RichTextEditorContent.vue","../../../src/components/blocks/RichTextEditorContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\nimport { usePopoverRoot } from \"../../composables/usePopoverRoot\";\nimport ColorPicker from \"../ColorPicker.vue\";\nimport { X } from \"@lucide/vue\";\nimport { computed, inject } from \"vue\";\nimport { EDITOR_KEY, THEME_STYLES_KEY, UI_THEME_KEY } from \"../../keys\";\n\ndefineProps<{\n  visible: boolean;\n  isEditingLink: boolean;\n}>();\n\nconst linkUrl = defineModel<string>(\"linkUrl\", { required: true });\nconst linkColor = defineModel<string>(\"linkColor\", { default: \"\" });\nconst dialogRef = defineModel<HTMLElement | null>(\"dialogRef\", {\n  required: true,\n});\n\nconst emit = defineEmits<{\n  (e: \"close\"): void;\n  (e: \"insert\"): void;\n  (e: \"remove\"): void;\n  (e: \"keydown\", event: KeyboardEvent): void;\n}>();\n\nconst themeStyles = inject(THEME_STYLES_KEY, null);\nconst tplUiTheme = inject(UI_THEME_KEY, null);\nconst popoverRoot = usePopoverRoot();\nconst editorReturn = inject(EDITOR_KEY, null);\n// Seed the picker at the document link color so opening it starts from the\n// color an unset link would inherit; an explicit value paints the swatch.\nconst documentLinkColor = computed(\n  () => editorReturn?.content.value.settings.linkColor || \"#2c85de\",\n);\n\nconst { t } = useI18n();\n</script>\n\n<template>\n  <Teleport v-if=\"popoverRoot\" :to=\"popoverRoot\">\n    <div\n      v-if=\"visible\"\n      :data-tpl-theme=\"tplUiTheme\"\n      class=\"tpl tpl-link-dialog tpl:fixed tpl:inset-0 tpl:z-modal tpl:flex tpl:items-center tpl:justify-center\"\n      :style=\"themeStyles\"\n      @click.self=\"emit('close')\"\n    >\n      <div\n        :ref=\"(el) => (dialogRef = el as HTMLElement | null)\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"tpl-link-dialog-title\"\n        class=\"tpl:w-[400px] tpl:overflow-hidden tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:shadow-lg\"\n      >\n        <div\n          class=\"tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-5 tpl:py-4\"\n        >\n          <h4\n            id=\"tpl-link-dialog-title\"\n            class=\"tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]\"\n          >\n            {{\n              isEditingLink ? t.linkDialog.editLink : t.linkDialog.insertLink\n            }}\n          </h4>\n          <button\n            type=\"button\"\n            :aria-label=\"t.linkDialog.cancel\"\n            class=\"tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text-muted)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]\"\n            @click=\"emit('close')\"\n          >\n            <X :size=\"16\" :stroke-width=\"2\" />\n          </button>\n        </div>\n        <div class=\"tpl:p-5\">\n          <div class=\"tpl:mb-4 tpl:last:mb-0\">\n            <label\n              for=\"tpl-link-dialog-url\"\n              class=\"tpl:mb-1.5 tpl:block tpl:text-xs tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase\"\n              >{{ t.linkDialog.urlLabel }}</label\n            >\n            <input\n              id=\"tpl-link-dialog-url\"\n              v-model=\"linkUrl\"\n              type=\"url\"\n              class=\"tpl:w-full tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2.5 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:outline-none tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]\"\n              :placeholder=\"t.linkDialog.urlPlaceholder\"\n              autofocus\n              @keydown=\"emit('keydown', $event)\"\n            />\n          </div>\n          <div class=\"tpl:mb-4 tpl:last:mb-0\">\n            <label\n              class=\"tpl:mb-1.5 tpl:block tpl:text-xs tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase\"\n              >{{ t.linkDialog.colorLabel }}</label\n            >\n            <ColorPicker\n              :model-value=\"linkColor\"\n              :seed-color=\"documentLinkColor\"\n              @update:model-value=\"linkColor = $event\"\n            />\n          </div>\n        </div>\n        <div\n          class=\"tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:px-5 tpl:py-4\"\n        >\n          <button\n            v-if=\"isEditingLink\"\n            type=\"button\"\n            class=\"tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-danger)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-danger)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-danger-light)]\"\n            @click=\"emit('remove')\"\n          >\n            {{ t.linkDialog.removeLink }}\n          </button>\n          <div class=\"tpl:ml-auto tpl:flex tpl:gap-2\">\n            <button\n              type=\"button\"\n              class=\"tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]\"\n              @click=\"emit('close')\"\n            >\n              {{ t.linkDialog.cancel }}\n            </button>\n            <button\n              type=\"button\"\n              class=\"tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border-none tpl:bg-[var(--tpl-primary)] tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-primary-hover)] tpl:text-[var(--tpl-bg)]\"\n              @click=\"emit('insert')\"\n            >\n              {{\n                isEditingLink\n                  ? t.linkDialog.updateLink\n                  : t.linkDialog.insertLink\n              }}\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\nimport { usePopoverRoot } from \"../../composables/usePopoverRoot\";\nimport ColorPicker from \"../ColorPicker.vue\";\nimport { X } from \"@lucide/vue\";\nimport { computed, inject } from \"vue\";\nimport { EDITOR_KEY, THEME_STYLES_KEY, UI_THEME_KEY } from \"../../keys\";\n\ndefineProps<{\n  visible: boolean;\n  isEditingLink: boolean;\n}>();\n\nconst linkUrl = defineModel<string>(\"linkUrl\", { required: true });\nconst linkColor = defineModel<string>(\"linkColor\", { default: \"\" });\nconst dialogRef = defineModel<HTMLElement | null>(\"dialogRef\", {\n  required: true,\n});\n\nconst emit = defineEmits<{\n  (e: \"close\"): void;\n  (e: \"insert\"): void;\n  (e: \"remove\"): void;\n  (e: \"keydown\", event: KeyboardEvent): void;\n}>();\n\nconst themeStyles = inject(THEME_STYLES_KEY, null);\nconst tplUiTheme = inject(UI_THEME_KEY, null);\nconst popoverRoot = usePopoverRoot();\nconst editorReturn = inject(EDITOR_KEY, null);\n// Seed the picker at the document link color so opening it starts from the\n// color an unset link would inherit; an explicit value paints the swatch.\nconst documentLinkColor = computed(\n  () => editorReturn?.content.value.settings.linkColor || \"#2c85de\",\n);\n\nconst { t } = useI18n();\n</script>\n\n<template>\n  <Teleport v-if=\"popoverRoot\" :to=\"popoverRoot\">\n    <div\n      v-if=\"visible\"\n      :data-tpl-theme=\"tplUiTheme\"\n      class=\"tpl tpl-link-dialog tpl:fixed tpl:inset-0 tpl:z-modal tpl:flex tpl:items-center tpl:justify-center\"\n      :style=\"themeStyles\"\n      @click.self=\"emit('close')\"\n    >\n      <div\n        :ref=\"(el) => (dialogRef = el as HTMLElement | null)\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"tpl-link-dialog-title\"\n        class=\"tpl:w-[400px] tpl:overflow-hidden tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:shadow-lg\"\n      >\n        <div\n          class=\"tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-5 tpl:py-4\"\n        >\n          <h4\n            id=\"tpl-link-dialog-title\"\n            class=\"tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]\"\n          >\n            {{\n              isEditingLink ? t.linkDialog.editLink : t.linkDialog.insertLink\n            }}\n          </h4>\n          <button\n            type=\"button\"\n            :aria-label=\"t.linkDialog.cancel\"\n            class=\"tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text-muted)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]\"\n            @click=\"emit('close')\"\n          >\n            <X :size=\"16\" :stroke-width=\"2\" />\n          </button>\n        </div>\n        <div class=\"tpl:p-5\">\n          <div class=\"tpl:mb-4 tpl:last:mb-0\">\n            <label\n              for=\"tpl-link-dialog-url\"\n              class=\"tpl:mb-1.5 tpl:block tpl:text-xs tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase\"\n              >{{ t.linkDialog.urlLabel }}</label\n            >\n            <input\n              id=\"tpl-link-dialog-url\"\n              v-model=\"linkUrl\"\n              type=\"url\"\n              class=\"tpl:w-full tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2.5 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:outline-none tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]\"\n              :placeholder=\"t.linkDialog.urlPlaceholder\"\n              autofocus\n              @keydown=\"emit('keydown', $event)\"\n            />\n          </div>\n          <div class=\"tpl:mb-4 tpl:last:mb-0\">\n            <label\n              class=\"tpl:mb-1.5 tpl:block tpl:text-xs tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase\"\n              >{{ t.linkDialog.colorLabel }}</label\n            >\n            <ColorPicker\n              :model-value=\"linkColor\"\n              :seed-color=\"documentLinkColor\"\n              @update:model-value=\"linkColor = $event\"\n            />\n          </div>\n        </div>\n        <div\n          class=\"tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:px-5 tpl:py-4\"\n        >\n          <button\n            v-if=\"isEditingLink\"\n            type=\"button\"\n            class=\"tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-danger)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-danger)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-danger-light)]\"\n            @click=\"emit('remove')\"\n          >\n            {{ t.linkDialog.removeLink }}\n          </button>\n          <div class=\"tpl:ml-auto tpl:flex tpl:gap-2\">\n            <button\n              type=\"button\"\n              class=\"tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]\"\n              @click=\"emit('close')\"\n            >\n              {{ t.linkDialog.cancel }}\n            </button>\n            <button\n              type=\"button\"\n              class=\"tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border-none tpl:bg-[var(--tpl-primary)] tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-primary-hover)] tpl:text-[var(--tpl-bg)]\"\n              @click=\"emit('insert')\"\n            >\n              {{\n                isEditingLink\n                  ? t.linkDialog.updateLink\n                  : t.linkDialog.insertLink\n              }}\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\nimport type { Editor } from \"@tiptap/vue-3\";\nimport type { Component } from \"vue\";\n\ndefineProps<{\n  editor: Editor | null;\n  editorContent: Component | null;\n  isLoading: boolean;\n  initError: string | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"retry\"): void;\n}>();\n\nconst { t } = useI18n();\n</script>\n\n<template>\n  <div\n    v-if=\"isLoading\"\n    class=\"tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:border-[var(--tpl-primary)] tpl:p-2\"\n  >\n    <div class=\"tpl:animate-pulse tpl:text-[var(--tpl-text-dim)]\">\n      {{ t.errors.editorLoading }}\n    </div>\n  </div>\n  <div\n    v-else-if=\"initError\"\n    class=\"tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:p-2 tpl:text-center tpl:text-xs tpl:border-[var(--tpl-danger)] tpl:text-[var(--tpl-text-muted)]\"\n  >\n    {{ t.errors.editorLoadFailed }}\n    <button\n      class=\"tpl:ml-1 tpl:cursor-pointer tpl:border-none tpl:bg-transparent tpl:p-0 tpl:underline tpl:text-[var(--tpl-primary)]\"\n      @click=\"emit('retry')\"\n    >\n      {{ t.errors.retry }}\n    </button>\n  </div>\n  <component\n    :is=\"editorContent\"\n    v-else-if=\"editorContent && editor\"\n    :editor=\"editor as Editor\"\n    class=\"tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:border-[var(--tpl-primary)] tpl:p-2\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\nimport type { Editor } from \"@tiptap/vue-3\";\nimport type { Component } from \"vue\";\n\ndefineProps<{\n  editor: Editor | null;\n  editorContent: Component | null;\n  isLoading: boolean;\n  initError: string | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"retry\"): void;\n}>();\n\nconst { t } = useI18n();\n</script>\n\n<template>\n  <div\n    v-if=\"isLoading\"\n    class=\"tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:border-[var(--tpl-primary)] tpl:p-2\"\n  >\n    <div class=\"tpl:animate-pulse tpl:text-[var(--tpl-text-dim)]\">\n      {{ t.errors.editorLoading }}\n    </div>\n  </div>\n  <div\n    v-else-if=\"initError\"\n    class=\"tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:p-2 tpl:text-center tpl:text-xs tpl:border-[var(--tpl-danger)] tpl:text-[var(--tpl-text-muted)]\"\n  >\n    {{ t.errors.editorLoadFailed }}\n    <button\n      class=\"tpl:ml-1 tpl:cursor-pointer tpl:border-none tpl:bg-transparent tpl:p-0 tpl:underline tpl:text-[var(--tpl-primary)]\"\n      @click=\"emit('retry')\"\n    >\n      {{ t.errors.retry }}\n    </button>\n  </div>\n  <component\n    :is=\"editorContent\"\n    v-else-if=\"editorContent && editor\"\n    :editor=\"editor as Editor\"\n    class=\"tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:border-[var(--tpl-primary)] tpl:p-2\"\n  />\n</template>\n"],"mappings":"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"}

package/dist/cdn/chunks/{SaveBlockDialog-Dm31xRZy.js → SaveBlockDialog-B8KHhVkI.js}

@@ -1,11 +1,11 @@
-import { A as e, H as t, L as n, M as r, P as i, T as a, V as o, Z as s, c, ct as l, f as u, g as d, h as f, it as p, k as m, l as h, m as g, o as _, ot as v, p as y, st as b, t as x, u as S, v as C, x as w, y as T, z as E } from "./draggable-Z4XXmbPC.js";
-import { M as ee } from "./useEditorCore-BMXBmdd8.js";
-import { G as D, R as O, g as k, p as A } from "./keys-DsoX52o_.js";
-import { t as te } from "./useI18n-BvcEYzrI.js";
-import { It as j, Nt as M, ht as N, it as P } from "./icons-C_kRN0_C.js";
+import { A as e, H as t, L as n, M as r, P as i, T as a, V as o, Z as s, c, ct as l, f as u, g as d, h as f, it as p, k as m, l as h, lt as g, m as _, o as v, p as y, st as b, t as x, u as S, v as C, x as w, y as T, z as E } from "./draggable-DCs9qL-b.js";
+import { M as D } from "./useEditorCore-C_nUXiph.js";
+import { G as O, R as k, g as A, p as ee } from "./keys-Cmc2Yl3D.js";
+import { t as j } from "./useI18n-UMs0F71x.js";
+import { It as M, Nt as te, ht as N, it as P } from "./icons-CvYN6zrM.js";
 import { n as F } from "./emailFrameWidth-BmFCN2dp.js";
-import { t as I } from "./TplModal-By50gtwa.js";
-import { t as L } from "./BlockPreviewCanvas-oND1iXLL.js";
+import { t as I } from "./TplModal-byw7-3wg.js";
+import { t as L } from "./BlockPreviewCanvas-DH5ULGkw.js";
 //#region src/components/SavedBlockPreviewRow.vue?vue&type=script&setup=true&lang.ts
 var R = ["data-block-id"], z = ["aria-label", "title"], B = { class: "tpl:relative tpl:min-w-0 tpl:flex-1" }, V = {
 	key: 0,
@@ -22,9 +22,9 @@ var R = ["data-block-id"], z = ["aria-label", "title"], B = { class: "tpl:relati
 	},
 	emits: ["move"],
 	setup(t, { emit: i }) {
-		let o = t, _ = i, { t: v, format: x } = te(), S = a(A, []), w = a(k, null), E = u(() => F(w?.content.value.settings)), D = s(null), O = s(null), P = s(1), I = s(null), W = s(!1), G = null, K = u(() => I.value !== null && I.value > U), q = u(() => I.value === null ? null : W.value || !K.value ? I.value : U);
+		let o = t, v = i, { t: b, format: x } = j(), S = a(ee, []), w = a(A, null), E = u(() => F(w?.content.value.settings)), O = s(null), k = s(null), P = s(1), I = s(null), W = s(!1), G = null, K = u(() => I.value !== null && I.value > U), q = u(() => I.value === null ? null : W.value || !K.value ? I.value : U);
 		function J() {
-			let e = D.value, t = O.value;
+			let e = O.value, t = k.value;
 			if (!e || !t) return;
 			let n = e.clientWidth;
 			if (n <= 0) return;
@@ -32,15 +32,15 @@ var R = ["data-block-id"], z = ["aria-label", "title"], B = { class: "tpl:relati
 			P.value = r, I.value = t.offsetHeight * r;
 		}
 		e(() => {
-			J(), !(typeof ResizeObserver > "u") && (G = new ResizeObserver(() => J()), D.value && G.observe(D.value), O.value && G.observe(O.value));
+			J(), !(typeof ResizeObserver > "u") && (G = new ResizeObserver(() => J()), O.value && G.observe(O.value), k.value && G.observe(k.value));
 		}), m(() => {
 			G?.disconnect(), G = null;
 		});
-		let Y = u(() => ee(o.block, v, S)), X = u(() => x(v.savedBlocks.reorderHandle, {
+		let Y = u(() => D(o.block, b, S)), X = u(() => x(b.savedBlocks.reorderHandle, {
 			block: Y.value,
 			position: o.position,
 			total: o.total
-		})), Z = u(() => x(W.value ? v.savedBlocks.collapsePreview : v.savedBlocks.expandPreview, { block: Y.value }));
+		})), Z = u(() => x(W.value ? b.savedBlocks.collapsePreview : b.savedBlocks.expandPreview, { block: Y.value }));
 		return (e, i) => (r(), d("div", {
 			"data-testid": "saved-blocks-reorder-row",
 			"data-block-id": t.block.id,
@@ -51,21 +51,21 @@ var R = ["data-block-id"], z = ["aria-label", "title"], B = { class: "tpl:relati
 			"data-testid": "saved-blocks-reorder-handle",
 			class: "tpl-saved-block-reorder-handle tpl:mt-0.5 tpl:shrink-0 tpl:cursor-grab tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0.5 tpl:text-[var(--tpl-text-dim)]",
 			"aria-label": X.value,
-			title: p(v).savedBlocks.reorderHint,
-			onKeydown: [i[0] ||= c(h((e) => _("move", -1), ["prevent"]), ["up"]), i[1] ||= c(h((e) => _("move", 1), ["prevent"]), ["down"])]
+			title: p(b).savedBlocks.reorderHint,
+			onKeydown: [i[0] ||= c(h((e) => v("move", -1), ["prevent"]), ["up"]), i[1] ||= c(h((e) => v("move", 1), ["prevent"]), ["down"])]
 		}, [T(p(N), {
 			size: 14,
 			"stroke-width": 1.5
 		})], 40, z), y("div", B, [
 			y("div", {
 				ref_key: "frameEl",
-				ref: D,
+				ref: O,
 				class: "tpl:overflow-hidden",
-				style: b({ height: q.value === null ? void 0 : `${q.value}px` })
+				style: l({ height: q.value === null ? void 0 : `${q.value}px` })
 			}, [y("div", {
 				ref_key: "contentEl",
-				ref: O,
-				style: b({
+				ref: k,
+				style: l({
 					width: `${E.value}px`,
 					transform: `scale(${P.value})`,
 					transformOrigin: "top left"
@@ -80,10 +80,10 @@ var R = ["data-block-id"], z = ["aria-label", "title"], B = { class: "tpl:relati
 				"aria-label": Z.value,
 				"aria-expanded": W.value,
 				onClick: i[2] ||= (e) => W.value = !W.value
-			}, [(r(), g(n(p(W.value ? M : j)), {
+			}, [(r(), _(n(p(W.value ? te : M)), {
 				size: 11,
 				"stroke-width": 2
-			})), C(" " + l(W.value ? p(v).savedBlocks.collapse : p(v).savedBlocks.expand), 1)], 8, H)) : f("", !0)
+			})), C(" " + g(W.value ? p(b).savedBlocks.collapse : p(b).savedBlocks.expand), 1)], 8, H)) : f("", !0)
 		])], 8, R));
 	}
 }), G = ["aria-busy"], K = {
@@ -118,7 +118,7 @@ var R = ["data-block-id"], z = ["aria-label", "title"], B = { class: "tpl:relati
 	},
 	emits: ["close", "saved"],
 	setup(e, { emit: n }) {
-		let c = e, m = n, { t: h, format: b } = te(), w = D(k, "SaveBlockDialog"), j = D(O, "SaveBlockDialog"), M = a(A, []), N = s(""), F = s(""), L = s(!1), R = s(null), z = s(""), B = s([]), V = u(() => {
+		let c = e, l = n, { t: m, format: h } = j(), w = O(A, "SaveBlockDialog"), M = O(k, "SaveBlockDialog"), te = a(ee, []), N = s(""), F = s(""), L = s(!1), R = s(null), z = s(""), B = s([]), V = u(() => {
 			let e = new Map(w.content.value.blocks.map((e) => [e.id, e]));
 			return B.value.map((t) => e.get(t)).filter((e) => e !== void 0);
 		}), H = u({
@@ -132,14 +132,14 @@ var R = ["data-block-id"], z = ["aria-label", "title"], B = { class: "tpl:relati
 			if (r === -1 || i < 0 || i >= n.length) return;
 			[n[r], n[i]] = [n[i], n[r]], B.value = n;
 			let a = V.value[i];
-			z.value = a ? b(h.savedBlocks.reorderAnnouncement, {
+			z.value = a ? h(m.savedBlocks.reorderAnnouncement, {
 				block: Q(a),
 				position: i + 1,
 				total: n.length
 			}) : "";
 		}
 		function Q(e) {
-			return ee(e, h, M);
+			return D(e, m, te);
 		}
 		let he = u(() => V.value.map(Q).join(", "));
 		E(() => c.visible, (e) => {
@@ -152,7 +152,7 @@ var R = ["data-block-id"], z = ["aria-label", "title"], B = { class: "tpl:relati
 			if (e.length !== 0) {
 				L.value = !0, R.value = null;
 				try {
-					await j.create(N.value.trim(), e, F.value.trim() || void 0), m("saved"), m("close");
+					await M.create(N.value.trim(), e, F.value.trim() || void 0), l("saved"), l("close");
 				} catch (e) {
 					R.value = e.message;
 				} finally {
@@ -161,12 +161,12 @@ var R = ["data-block-id"], z = ["aria-label", "title"], B = { class: "tpl:relati
 			}
 		}
 		function $() {
-			L.value || m("close");
+			L.value || l("close");
 		}
 		function ve(e) {
 			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), _e()), e.key === "Escape" && $();
 		}
-		return (n, a) => (r(), g(I, {
+		return (n, a) => (r(), _(I, {
 			visible: e.visible,
 			onClose: $,
 			onKeydown: ve
@@ -183,34 +183,34 @@ var R = ["data-block-id"], z = ["aria-label", "title"], B = { class: "tpl:relati
 					"max-height": "90vh"
 				}
 			}, [
-				y("h3", K, l(p(h).savedBlocks.saveAsBlock), 1),
-				y("div", q, [y("label", J, l(p(h).savedBlocks.name), 1), t(y("input", {
+				y("h3", K, g(p(m).savedBlocks.saveAsBlock), 1),
+				y("div", q, [y("label", J, g(p(m).savedBlocks.name), 1), t(y("input", {
 					"onUpdate:modelValue": a[0] ||= (e) => N.value = e,
 					type: "text",
 					"data-testid": "saved-blocks-name-input",
-					placeholder: p(h).savedBlocks.namePlaceholder,
+					placeholder: p(m).savedBlocks.namePlaceholder,
 					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: L.value
-				}, null, 8, Y), [[_, N.value]])]),
+				}, null, 8, Y), [[v, N.value]])]),
 				y("div", X, [
-					y("label", Z, l(p(h).savedBlocks.category), 1),
+					y("label", Z, g(p(m).savedBlocks.category), 1),
 					t(y("input", {
 						id: "tpl-save-block-category",
 						"onUpdate:modelValue": a[1] ||= (e) => F.value = e,
 						type: "text",
 						"data-testid": "saved-blocks-category-input",
 						list: "tpl-saved-block-categories",
-						placeholder: p(h).savedBlocks.categoryPlaceholder,
+						placeholder: p(m).savedBlocks.categoryPlaceholder,
 						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: L.value
-					}, null, 8, ne), [[_, F.value]]),
-					y("datalist", re, [(r(!0), d(S, null, i(p(j).categories.value, (e) => (r(), d("option", {
+					}, null, 8, ne), [[v, F.value]]),
+					y("datalist", re, [(r(!0), d(S, null, i(p(M).categories.value, (e) => (r(), d("option", {
 						key: e,
 						value: e
 					}, null, 8, ie))), 128))])
 				]),
-				y("p", ae, [C(l(p(b)(p(h).savedBlocks.savingCount, { count: V.value.length })) + " ", 1), y("span", oe, l(he.value), 1)]),
-				V.value.length > 1 ? (r(), d("p", se, l(p(h).savedBlocks.reorderHint), 1)) : f("", !0),
+				y("p", ae, [C(g(p(h)(p(m).savedBlocks.savingCount, { count: V.value.length })) + " ", 1), y("span", oe, g(he.value), 1)]),
+				V.value.length > 1 ? (r(), d("p", se, g(p(m).savedBlocks.reorderHint), 1)) : f("", !0),
 				T(p(x), {
 					modelValue: H.value,
 					"onUpdate:modelValue": a[2] ||= (e) => H.value = e,
@@ -222,7 +222,7 @@ var R = ["data-block-id"], z = ["aria-label", "title"], B = { class: "tpl:relati
 					"force-fallback": !0,
 					class: "tpl:mb-4 tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl:gap-1.5 tpl:overflow-y-auto"
 				}, {
-					default: o(() => [(r(!0), d(S, null, i(H.value, (e, t) => (r(), g(W, {
+					default: o(() => [(r(!0), d(S, null, i(H.value, (e, t) => (r(), _(W, {
 						key: e.id,
 						block: e,
 						position: t + 1,
@@ -236,14 +236,14 @@ var R = ["data-block-id"], z = ["aria-label", "title"], B = { class: "tpl:relati
 					]))), 128))]),
 					_: 1
 				}, 8, ["modelValue"]),
-				y("div", ce, l(z.value), 1),
-				R.value ? (r(), d("p", le, l(R.value), 1)) : f("", !0),
+				y("div", ce, g(z.value), 1),
+				R.value ? (r(), d("p", le, g(R.value), 1)) : f("", !0),
 				y("div", ue, [y("button", {
 					type: "button",
-					class: v(["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": L.value }]),
+					class: b(["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": L.value }]),
 					disabled: L.value,
 					onClick: $
-				}, l(p(h).savedBlocks.cancel), 11, de), y("button", {
+				}, g(p(m).savedBlocks.cancel), 11, de), y("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: !ge.value,
@@ -252,7 +252,7 @@ var R = ["data-block-id"], z = ["aria-label", "title"], B = { class: "tpl:relati
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
-				}), C(" " + l(p(h).savedBlocks.saving), 1)])) : (r(), d("span", me, l(p(h).savedBlocks.save), 1))], 8, fe)])
+				}), C(" " + g(p(m).savedBlocks.saving), 1)])) : (r(), d("span", me, g(p(m).savedBlocks.save), 1))], 8, fe)])
 			], 8, G)]),
 			_: 1
 		}, 8, ["visible"]));
@@ -261,4 +261,4 @@ var R = ["data-block-id"], z = ["aria-label", "title"], B = { class: "tpl:relati
 //#endregion
 export { Q as default };
 
-//# sourceMappingURL=SaveBlockDialog-Dm31xRZy.js.map
+//# sourceMappingURL=SaveBlockDialog-B8KHhVkI.js.map