npm - @templatical/editor - Versions diffs - 0.41.0 → 0.42.1 - Mend

@templatical/editor 0.41.0 → 0.42.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (322) hide show

package/dist/cdn/chunks/ParagraphEditor-J74SIn-m.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ParagraphEditor-J74SIn-m.js","names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_unref","_createVNode","Smile","_withKeys","_withModifiers","_Fragment","_renderList","_toDisplayString","_createCommentVNode","_sfc_main","_hoisted_1","_openBlock","_createElementBlock","_normalizeClass","_createBlock","_resolveDynamicComponent","_sfc_main","_hoisted_1","_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_hoisted_3","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_Fragment","_renderList","_sfc_main","_hoisted_1","_unref","_openBlock","_createBlock","_Teleport","_createElementVNode","_normalizeStyle","_createElementBlock","_Fragment","_createVNode","ToolbarSelect","ToolbarSeparator","ColorPicker","ToolbarIconButton","AlignLeft","AlignCenter","AlignRight","AlignJustify","EmojiPickerDropdown","_createTextVNode","_toDisplayString","_createCommentVNode","_sfc_main","_openBlock","_createElementBlock","_createVNode","ParagraphToolbar","_unref","RichTextEditorContent","RichTextLinkDialog","_isRef","_sfc_main","inject","renderList","openBlock","ref","resolveDynamicComponent","defineComponent","unref","createVNode","normalizeClass","Teleport","computed","createElementBlock","createCommentVNode","withModifiers","normalizeStyle","createBlock","createBaseVNode","isRef","Fragment","toDisplayString","createTextVNode","resolveContentDirection","onClickOutside","withLinkColor","useFocusTrap","useRichTextEditor","useEmoji","requireInject","MERGE_TAG_PICKER_KEY","LOGIC_TAG_PICKER_KEY","THEME_STYLES_KEY","UI_THEME_KEY","EDITOR_KEY","FONTS_MANAGER_KEY","useI18n","usePopoverRoot","Strikethrough","ScanLine","Bold","Subscript","TextAlignEnd","LoaderCircle","Superscript","Italic","TextAlignJustify","TextAlignStart","Link","List","ListOrdered","Underline","TextAlignCenter","FaceSlightlySmiling","RemoveFormatting","Braces","_plugin_vue_export_helper_default","FONT_SIZE_OPTIONS","DEFAULT_HIGHLIGHT_COLOR","LETTER_SPACING_OPTIONS","LINE_HEIGHT_OPTIONS","ColorPicker_default","RichTextLinkDialog_default","RichTextEditorContent_default","_hoisted_1$5","_hoisted_2$2","_hoisted_3$2","_hoisted_4$1","_hoisted_5$1","EmojiPickerDropdown_default","__emit","emit","emojiCategories","showEmojiPicker","toggleEmojiPicker","closeEmojiPicker","pickerRef","rootRef","isOpenRef","handleInsert","emoji","t","_cache","args","withKeys","category","format","_hoisted_1$4","ToolbarIconButton_default","__props","_sfc_main","_hoisted_1$3","_sfc_render","ToolbarSeparator_default","_hoisted_1$2","_hoisted_2$1","_hoisted_3$1","ToolbarSelect_default","onChange","optionValue","opt","optionLabel","resolveEffectiveTextColor","explicitColor","documentTextColor","_hoisted_1$1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","ParagraphToolbar_default","props","themeStyles","tplUiTheme","fontsManager","popoverRoot","picker","logicPicker","editorReturn","pickerIsOpen","fontFamilies","insertEmoji","textStyleAttr","attr","setFontFamily","chain","family","setFontSize","size","isLinkSelection","linkColorAttr","setColor","color","effectiveTextColor","settings","explicitTextColor","getCurrentLineHeight","setLineHeight","value","setLetterSpacing","getCurrentHighlight","setHighlight","_hoisted_1","ParagraphEditor_default","emailEditor","defaultAlignment","TiptapEditor","EC","StarterKit","LinkExt","UnderlineExt","SubscriptExt","SuperscriptExt","TextAlign","Color","FontFamily","Highlight","n","TextStyle","FontSize","LineHeight","LetterSpacing","MergeTagNode","mergeTags","LogicMergeTagNode","LineBoundaryKeys","autocompleteEnabled","triggerChar","MergeTagSuggestion","suggestionEmptyText","editor","isLoading","canRequestMergeTag","canInsertLogicTag","openLinkDialog","handleAddMergeTag","handleAddLogicTag","EditorContent","initError","retry","showLinkDialog","linkDialogRef","$event","linkUrl","linkColor","closeLinkDialog","insertLink","removeLink","handleLinkKeydown"],"sources":["../../../src/components/blocks/EmojiPickerDropdown.vue","../../../src/components/blocks/EmojiPickerDropdown.vue","../../../src/components/toolbar/ToolbarIconButton.vue","../../../src/components/toolbar/ToolbarIconButton.vue","../../../src/components/toolbar/ToolbarSeparator.vue","../../../src/components/toolbar/ToolbarSelect.vue","../../../src/components/toolbar/ToolbarSelect.vue","../../../src/utils/richTextColor.ts","../../../src/components/blocks/ParagraphToolbar.vue","../../../src/components/blocks/ParagraphToolbar.vue","../../../src/components/blocks/ParagraphEditor.vue","../../../src/components/blocks/ParagraphEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useEmoji, useI18n } from \"../../composables\";\nimport { useFocusTrap } from \"../../composables/useFocusTrap\";\nimport { onClickOutside } from \"@vueuse/core\";\nimport { Smile } from \"@lucide/vue\";\nimport { computed, ref } from \"vue\";\n\nconst emit = defineEmits<{\n (e: \"insert\", emoji: string): void;\n}>();\n\nconst {\n categories: emojiCategories,\n isOpen: showEmojiPicker,\n toggle: toggleEmojiPicker,\n close: closeEmojiPicker,\n} = useEmoji();\n\nconst { t, format } = useI18n();\n\nconst pickerRef = ref<HTMLElement | null>(null);\nconst rootRef = ref<HTMLElement | null>(null);\n\nconst isOpenRef = computed(() => showEmojiPicker.value);\nuseFocusTrap(pickerRef, isOpenRef);\n\nonClickOutside(rootRef, () => {\n if (showEmojiPicker.value) {\n closeEmojiPicker();\n }\n});\n\nfunction handleInsert(emoji: string): void {\n emit(\"insert\", emoji);\n closeEmojiPicker();\n}\n</script>\n\n<template>\n <div ref=\"rootRef\" class=\"tpl:relative\">\n <button\n type=\"button\"\n class=\"tpl-text-toolbar-btn\"\n :class=\"{\n 'tpl-text-toolbar-btn--active': showEmojiPicker,\n }\"\n :aria-label=\"t.paragraphEditor.insertEmoji\"\n :title=\"t.paragraphEditor.insertEmoji\"\n :aria-expanded=\"showEmojiPicker\"\n aria-haspopup=\"dialog\"\n aria-controls=\"tpl-emoji-picker\"\n @click=\"toggleEmojiPicker\"\n >\n <Smile :size=\"16\" :stroke-width=\"2\" />\n </button>\n <div\n v-if=\"showEmojiPicker\"\n id=\"tpl-emoji-picker\"\n ref=\"pickerRef\"\n role=\"dialog\"\n aria-modal=\"false\"\n :aria-label=\"t.paragraphEditor.insertEmoji\"\n tabindex=\"-1\"\n class=\"tpl-emoji-picker tpl:absolute tpl:top-full tpl:left-0 tpl:z-10 tpl:mt-2 tpl:w-72 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-2 tpl:shadow-[var(--tpl-shadow-lg)]\"\n @keydown.esc.stop.prevent=\"closeEmojiPicker\"\n >\n <div\n v-for=\"category in emojiCategories\"\n :key=\"category.key\"\n class=\"tpl:mb-2 tpl:last:mb-0\"\n >\n <div\n class=\"tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase\"\n >\n {{ t.emoji[category.key] }}\n </div>\n <div class=\"tpl:grid tpl:grid-cols-10 tpl:gap-0.5\">\n <button\n v-for=\"emoji in category.emojis\"\n :key=\"emoji\"\n type=\"button\"\n :aria-label=\"format(t.paragraphEditor.emojiItemLabel, { emoji })\"\n class=\"tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:text-base tpl:transition-all tpl:hover:scale-125 tpl:hover:bg-[var(--tpl-bg-active)]\"\n @click=\"handleInsert(emoji)\"\n >\n {{ emoji }}\n </button>\n </div>\n </div>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useEmoji, useI18n } from \"../../composables\";\nimport { useFocusTrap } from \"../../composables/useFocusTrap\";\nimport { onClickOutside } from \"@vueuse/core\";\nimport { Smile } from \"@lucide/vue\";\nimport { computed, ref } from \"vue\";\n\nconst emit = defineEmits<{\n (e: \"insert\", emoji: string): void;\n}>();\n\nconst {\n categories: emojiCategories,\n isOpen: showEmojiPicker,\n toggle: toggleEmojiPicker,\n close: closeEmojiPicker,\n} = useEmoji();\n\nconst { t, format } = useI18n();\n\nconst pickerRef = ref<HTMLElement | null>(null);\nconst rootRef = ref<HTMLElement | null>(null);\n\nconst isOpenRef = computed(() => showEmojiPicker.value);\nuseFocusTrap(pickerRef, isOpenRef);\n\nonClickOutside(rootRef, () => {\n if (showEmojiPicker.value) {\n closeEmojiPicker();\n }\n});\n\nfunction handleInsert(emoji: string): void {\n emit(\"insert\", emoji);\n closeEmojiPicker();\n}\n</script>\n\n<template>\n <div ref=\"rootRef\" class=\"tpl:relative\">\n <button\n type=\"button\"\n class=\"tpl-text-toolbar-btn\"\n :class=\"{\n 'tpl-text-toolbar-btn--active': showEmojiPicker,\n }\"\n :aria-label=\"t.paragraphEditor.insertEmoji\"\n :title=\"t.paragraphEditor.insertEmoji\"\n :aria-expanded=\"showEmojiPicker\"\n aria-haspopup=\"dialog\"\n aria-controls=\"tpl-emoji-picker\"\n @click=\"toggleEmojiPicker\"\n >\n <Smile :size=\"16\" :stroke-width=\"2\" />\n </button>\n <div\n v-if=\"showEmojiPicker\"\n id=\"tpl-emoji-picker\"\n ref=\"pickerRef\"\n role=\"dialog\"\n aria-modal=\"false\"\n :aria-label=\"t.paragraphEditor.insertEmoji\"\n tabindex=\"-1\"\n class=\"tpl-emoji-picker tpl:absolute tpl:top-full tpl:left-0 tpl:z-10 tpl:mt-2 tpl:w-72 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-2 tpl:shadow-[var(--tpl-shadow-lg)]\"\n @keydown.esc.stop.prevent=\"closeEmojiPicker\"\n >\n <div\n v-for=\"category in emojiCategories\"\n :key=\"category.key\"\n class=\"tpl:mb-2 tpl:last:mb-0\"\n >\n <div\n class=\"tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase\"\n >\n {{ t.emoji[category.key] }}\n </div>\n <div class=\"tpl:grid tpl:grid-cols-10 tpl:gap-0.5\">\n <button\n v-for=\"emoji in category.emojis\"\n :key=\"emoji\"\n type=\"button\"\n :aria-label=\"format(t.paragraphEditor.emojiItemLabel, { emoji })\"\n class=\"tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:text-base tpl:transition-all tpl:hover:scale-125 tpl:hover:bg-[var(--tpl-bg-active)]\"\n @click=\"handleInsert(emoji)\"\n >\n {{ emoji }}\n </button>\n </div>\n </div>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { Component } from \"vue\";\n\ndefineProps<{\n icon: Component;\n label: string;\n active?: boolean;\n strokeWidth?: number;\n size?: number;\n}>();\n</script>\n\n<template>\n <button\n type=\"button\"\n class=\"tpl-text-toolbar-btn\"\n :class=\"{ 'tpl-text-toolbar-btn--active': active }\"\n :aria-label=\"label\"\n :title=\"label\"\n :aria-pressed=\"active ? 'true' : 'false'\"\n >\n <component :is=\"icon\" :size=\"size ?? 16\" :stroke-width=\"strokeWidth ?? 2\" />\n </button>\n</template>\n","<script setup lang=\"ts\">\nimport type { Component } from \"vue\";\n\ndefineProps<{\n icon: Component;\n label: string;\n active?: boolean;\n strokeWidth?: number;\n size?: number;\n}>();\n</script>\n\n<template>\n <button\n type=\"button\"\n class=\"tpl-text-toolbar-btn\"\n :class=\"{ 'tpl-text-toolbar-btn--active': active }\"\n :aria-label=\"label\"\n :title=\"label\"\n :aria-pressed=\"active ? 'true' : 'false'\"\n >\n <component :is=\"icon\" :size=\"size ?? 16\" :stroke-width=\"strokeWidth ?? 2\" />\n </button>\n</template>\n","<template>\n <span\n class=\"tpl:mx-1 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n aria-hidden=\"true\"\n ></span>\n</template>\n","<script setup lang=\"ts\">\ninterface OptionItem {\n value: string;\n label: string;\n}\n\ndefineProps<{\n modelValue: string;\n options: readonly (string | OptionItem)[];\n label: string;\n placeholder?: string;\n widthClass?: string;\n}>();\n\nconst emit = defineEmits<{\n (e: \"update:modelValue\", value: string): void;\n}>();\n\nfunction onChange(e: Event): void {\n emit(\"update:modelValue\", (e.target as HTMLSelectElement).value);\n}\n\nfunction optionValue(opt: string | OptionItem): string {\n return typeof opt === \"string\" ? opt : opt.value;\n}\n\nfunction optionLabel(opt: string | OptionItem): string {\n return typeof opt === \"string\" ? opt : opt.label;\n}\n</script>\n\n<template>\n <select\n :class=\"[\n 'tpl:h-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]',\n widthClass ?? 'tpl:w-20',\n ]\"\n :value=\"modelValue\"\n :aria-label=\"label\"\n :title=\"label\"\n @change=\"onChange\"\n >\n <option value=\"\">{{ placeholder ?? \"\" }}</option>\n <option\n v-for=\"opt in options\"\n :key=\"optionValue(opt)\"\n :value=\"optionValue(opt)\"\n >\n {{ optionLabel(opt) }}\n </option>\n </select>\n</template>\n","<script setup lang=\"ts\">\ninterface OptionItem {\n value: string;\n label: string;\n}\n\ndefineProps<{\n modelValue: string;\n options: readonly (string | OptionItem)[];\n label: string;\n placeholder?: string;\n widthClass?: string;\n}>();\n\nconst emit = defineEmits<{\n (e: \"update:modelValue\", value: string): void;\n}>();\n\nfunction onChange(e: Event): void {\n emit(\"update:modelValue\", (e.target as HTMLSelectElement).value);\n}\n\nfunction optionValue(opt: string | OptionItem): string {\n return typeof opt === \"string\" ? opt : opt.value;\n}\n\nfunction optionLabel(opt: string | OptionItem): string {\n return typeof opt === \"string\" ? opt : opt.label;\n}\n</script>\n\n<template>\n <select\n :class=\"[\n 'tpl:h-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]',\n widthClass ?? 'tpl:w-20',\n ]\"\n :value=\"modelValue\"\n :aria-label=\"label\"\n :title=\"label\"\n @change=\"onChange\"\n >\n <option value=\"\">{{ placeholder ?? \"\" }}</option>\n <option\n v-for=\"opt in options\"\n :key=\"optionValue(opt)\"\n :value=\"optionValue(opt)\"\n >\n {{ optionLabel(opt) }}\n </option>\n </select>\n</template>\n","import { DEFAULT_TEXT_COLOR } from \"../constants/styleConstants\";\n\n/**\n * The color a rich-text selection actually renders as, for display in the\n * text-color control (issue #373).\n *\n * Priority: an explicit inline text-color mark on the selection wins; otherwise\n * the text inherits the document-level `textColor`; if that too is unset (older\n * content predating document text color), fall back to the built-in default.\n *\n * A native `<input type=\"color\">` can't represent \"no color\", so the control\n * must be handed a concrete value. Resolving the effective color is what keeps\n * that value truthful — the swatch shows the color the text actually renders in,\n * whatever level it comes from. Defaulting to a hard-coded `#000000` instead\n * would both read as an explicit choice and not even match the real inherited\n * color (`#1a1a1a`).\n */\nexport function resolveEffectiveTextColor(\n explicitColor: string,\n documentTextColor: string | undefined,\n): string {\n return explicitColor || documentTextColor || DEFAULT_TEXT_COLOR;\n}\n","<script setup lang=\"ts\">\nimport ColorPicker from \"../ColorPicker.vue\";\nimport EmojiPickerDropdown from \"./EmojiPickerDropdown.vue\";\nimport ToolbarIconButton from \"../toolbar/ToolbarIconButton.vue\";\nimport ToolbarSeparator from \"../toolbar/ToolbarSeparator.vue\";\nimport ToolbarSelect from \"../toolbar/ToolbarSelect.vue\";\nimport { useI18n } from \"../../composables\";\nimport { usePopoverRoot } from \"../../composables/usePopoverRoot\";\nimport type { Editor } from \"@tiptap/core\";\nimport {\n AlignCenter,\n AlignJustify,\n AlignLeft,\n AlignRight,\n Bold,\n Italic,\n Braces,\n Link,\n List,\n ListOrdered,\n LoaderCircle,\n RemoveFormatting,\n ScanLine,\n Strikethrough,\n Subscript,\n Superscript,\n Underline,\n} from \"@lucide/vue\";\nimport { computed, inject } from \"vue\";\nimport {\n EDITOR_KEY,\n THEME_STYLES_KEY,\n UI_THEME_KEY,\n FONTS_MANAGER_KEY,\n MERGE_TAG_PICKER_KEY,\n LOGIC_TAG_PICKER_KEY,\n requireInject,\n} from \"../../keys\";\nimport {\n DEFAULT_HIGHLIGHT_COLOR,\n FONT_SIZE_OPTIONS,\n LINE_HEIGHT_OPTIONS,\n LETTER_SPACING_OPTIONS,\n} from \"../../constants/styleConstants\";\nimport { resolveEffectiveTextColor } from \"../../utils/richTextColor\";\n\nconst props = defineProps<{\n editor: Editor | null;\n toolbarPosition: { top: number; left: number };\n isLoading: boolean;\n canRequestMergeTag: boolean;\n canInsertLogicTag: boolean;\n}>();\n\nconst emit = defineEmits<{\n (e: \"open-link-dialog\"): void;\n (e: \"add-merge-tag\"): void;\n (e: \"add-logic-tag\"): void;\n}>();\n\nconst themeStyles = inject(THEME_STYLES_KEY, null);\nconst tplUiTheme = inject(UI_THEME_KEY, null);\nconst fontsManager = requireInject(FONTS_MANAGER_KEY, \"ParagraphToolbar\");\nconst popoverRoot = usePopoverRoot();\n// Picker may be null in non-editor contexts (e.g. isolated component tests).\n// When it's provided AND open, hide the floating toolbar — leaving it\n// visible behind the modal is visually noisy and the toolbar's Tailwind\n// z-index utility doesn't compile reliably, so it can sometimes paint\n// over the modal backdrop.\nconst picker = inject(MERGE_TAG_PICKER_KEY, null);\nconst logicPicker = inject(LOGIC_TAG_PICKER_KEY, null);\n// Editor may be absent in isolated tests; used only to resolve the inherited\n// document text color for the text-color swatch.\nconst editorReturn = inject(EDITOR_KEY, null);\n// Hide the floating toolbar while either built-in picker modal is open, so it\n// doesn't overlap the dialog.\nconst pickerIsOpen = computed(\n () => (picker?.isOpen.value ?? false) || (logicPicker?.isOpen.value ?? false),\n);\n\nconst { t } = useI18n();\n\nconst fontFamilies = fontsManager.fonts;\n\nfunction insertEmoji(emoji: string): void {\n props.editor?.chain().focus().insertContent(emoji).run();\n}\n\nfunction textStyleAttr(attr: string): string {\n return (props.editor?.getAttributes(\"textStyle\")[attr] as string) || \"\";\n}\n\nfunction setFontFamily(family: string): void {\n const chain = props.editor?.chain().focus();\n if (family) chain?.setFontFamily(family).run();\n else chain?.unsetFontFamily().run();\n}\n\nfunction setFontSize(size: string): void {\n const chain = props.editor?.chain().focus();\n if (size) chain?.setFontSize(size).run();\n else chain?.unsetFontSize().run();\n}\n\n// When the selection is a link, the color control operates on the link itself\n// (its `color` attribute → inline on the `<a>`) so the link's text and underline\n// stay in sync; otherwise it applies a plain inline text-color mark.\nfunction isLinkSelection(): boolean {\n return props.editor?.isActive(\"link\") ?? false;\n}\n\nfunction linkColorAttr(): string {\n return (props.editor?.getAttributes(\"link\").color as string) || \"\";\n}\n\n// Set (or clear, when empty) the color of the current selection. On a link the\n// whole link is recolored (extendMarkRange) so it doesn't split into segments.\nfunction setColor(color: string): void {\n const chain = props.editor?.chain().focus();\n if (!chain) return;\n if (isLinkSelection()) {\n chain.extendMarkRange(\"link\").updateAttributes(\"link\", {\n color: color || null,\n });\n // A per-link color takes absolute priority over any inner text-color: strip\n // the inline text color on the link range so the `<a>` color alone drives\n // the glyphs and the underline (mirrors useRichTextLinkDialog.insertLink).\n // Only when setting a color — clearing leaves the text color untouched.\n if (color) chain.unsetColor();\n chain.run();\n } else if (color) {\n // A text color applied over a selection that includes a link unifies the\n // link with it: update the link's own color so the `<a>` (which paints the\n // underline and is what the dialog/toolbar read) matches the recolored\n // glyphs. A no-op on a selection with no link. Mirror of the link branch\n // above — either way a link never ends up with a text color fighting its\n // own color.\n chain.setColor(color).updateAttributes(\"link\", { color }).run();\n } else {\n chain.unsetColor().run();\n }\n}\n\n// The color the current selection actually renders in — a link's own color (else\n// the effective document link color: link color, then text color), or for plain\n// text the inline mark else the document text color. Keeps the swatch truthful\n// rather than showing a hard-coded default (issue #373 / per-link color).\nfunction effectiveTextColor(): string {\n const settings = editorReturn?.content.value.settings;\n if (isLinkSelection()) {\n return resolveEffectiveTextColor(\n linkColorAttr(),\n settings?.linkColor || settings?.textColor,\n );\n }\n return resolveEffectiveTextColor(textStyleAttr(\"color\"), settings?.textColor);\n}\n\n// The selection's own explicit color: a link's color when on a link, else the\n// inline text-color mark. May be \"\" when the selection only inherits its color\n// — that drives the swatch's set/unset state, while `effectiveTextColor()`\n// seeds the wheel so it still opens on the real rendered color.\nfunction explicitTextColor(): string {\n return isLinkSelection() ? linkColorAttr() : textStyleAttr(\"color\");\n}\n\nfunction getCurrentLineHeight(): string {\n return (props.editor?.getAttributes(\"paragraph\").lineHeight as string) || \"\";\n}\n\nfunction setLineHeight(value: string): void {\n const chain = props.editor?.chain().focus();\n if (value) chain?.setLineHeight(value).run();\n else chain?.unsetLineHeight().run();\n}\n\nfunction setLetterSpacing(value: string): void {\n const chain = props.editor?.chain().focus();\n if (value && value !== \"normal\") chain?.setLetterSpacing(value).run();\n else chain?.unsetLetterSpacing().run();\n}\n\nfunction getCurrentHighlight(): string {\n return (props.editor?.getAttributes(\"highlight\").color as string) || \"\";\n}\n\nfunction setHighlight(color: string): void {\n const chain = props.editor?.chain().focus();\n if (color) chain?.setHighlight({ color }).run();\n else chain?.unsetHighlight().run();\n}\n</script>\n\n<template>\n <Teleport v-if=\"popoverRoot && !pickerIsOpen\" :to=\"popoverRoot\">\n <div\n :data-tpl-theme=\"tplUiTheme\"\n role=\"toolbar\"\n :aria-label=\"t.paragraphEditor.toolbar\"\n class=\"tpl tpl-text-toolbar tpl:absolute tpl:flex 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-[var(--tpl-shadow-lg)]\"\n :style=\"{\n ...themeStyles,\n top: `${toolbarPosition.top}px`,\n left: `${toolbarPosition.left}px`,\n transform: 'translateY(-100%)',\n flexDirection: 'column',\n }\"\n >\n <template v-if=\"!isLoading && editor\">\n \n <div class=\"tpl:flex tpl:items-center tpl:gap-1\">\n <ToolbarSelect\n :model-value=\"textStyleAttr('fontFamily')\"\n :options=\"fontFamilies\"\n :label=\"t.paragraphEditor.fontFamily\"\n :placeholder=\"t.paragraphEditor.defaultFont\"\n width-class=\"tpl:w-32\"\n @update:model-value=\"setFontFamily\"\n />\n <ToolbarSelect\n :model-value=\"textStyleAttr('fontSize')\"\n :options=\"FONT_SIZE_OPTIONS\"\n :label=\"t.paragraphEditor.fontSize\"\n :placeholder=\"t.paragraphEditor.defaultSize\"\n width-class=\"tpl:w-20\"\n @update:model-value=\"setFontSize\"\n />\n <ToolbarSeparator />\n <ColorPicker\n swatch-only\n size=\"sm\"\n data-testid=\"text-color-picker\"\n :model-value=\"explicitTextColor()\"\n :seed-color=\"effectiveTextColor()\"\n :aria-label=\"t.paragraphEditor.textColor\"\n @update:model-value=\"setColor\"\n />\n <ColorPicker\n swatch-only\n size=\"sm\"\n data-testid=\"highlight-color-picker\"\n :model-value=\"getCurrentHighlight()\"\n :seed-color=\"DEFAULT_HIGHLIGHT_COLOR\"\n :aria-label=\"t.paragraphEditor.highlightColor\"\n @update:model-value=\"setHighlight\"\n />\n <ToolbarSeparator />\n <ToolbarIconButton\n :icon=\"Bold\"\n :label=\"t.paragraphEditor.bold\"\n :active=\"editor.isActive('bold')\"\n :stroke-width=\"2.5\"\n @click=\"editor.chain().focus().toggleBold().run()\"\n />\n <ToolbarIconButton\n :icon=\"Italic\"\n :label=\"t.paragraphEditor.italic\"\n :active=\"editor.isActive('italic')\"\n @click=\"editor.chain().focus().toggleItalic().run()\"\n />\n <ToolbarIconButton\n :icon=\"Underline\"\n :label=\"t.paragraphEditor.underline\"\n :active=\"editor.isActive('underline')\"\n @click=\"editor.chain().focus().toggleUnderline().run()\"\n />\n <ToolbarIconButton\n :icon=\"Strikethrough\"\n :label=\"t.paragraphEditor.strikethrough\"\n :active=\"editor.isActive('strike')\"\n @click=\"editor.chain().focus().toggleStrike().run()\"\n />\n <ToolbarSeparator />\n <ToolbarIconButton\n :icon=\"Subscript\"\n :label=\"t.paragraphEditor.subscript\"\n :active=\"editor.isActive('subscript')\"\n @click=\"editor.chain().focus().toggleSubscript().run()\"\n />\n <ToolbarIconButton\n :icon=\"Superscript\"\n :label=\"t.paragraphEditor.superscript\"\n :active=\"editor.isActive('superscript')\"\n @click=\"editor.chain().focus().toggleSuperscript().run()\"\n />\n <ToolbarSeparator />\n <ToolbarIconButton\n :icon=\"Link\"\n :label=\"t.paragraphEditor.addLink\"\n :active=\"editor.isActive('link')\"\n @click=\"emit('open-link-dialog')\"\n />\n </div>\n \n <div class=\"tpl:flex tpl:items-center tpl:gap-1\">\n <ToolbarIconButton\n :icon=\"List\"\n :label=\"t.paragraphEditor.bulletList\"\n :active=\"editor.isActive('bulletList')\"\n @click=\"editor.chain().focus().toggleBulletList().run()\"\n />\n <ToolbarIconButton\n :icon=\"ListOrdered\"\n :label=\"t.paragraphEditor.numberedList\"\n :active=\"editor.isActive('orderedList')\"\n @click=\"editor.chain().focus().toggleOrderedList().run()\"\n />\n <ToolbarSeparator />\n <ToolbarIconButton\n :icon=\"AlignLeft\"\n :label=\"t.paragraphEditor.alignLeft\"\n :active=\"editor.isActive({ textAlign: 'left' })\"\n @click=\"editor.chain().focus().setTextAlign('left').run()\"\n />\n <ToolbarIconButton\n :icon=\"AlignCenter\"\n :label=\"t.paragraphEditor.alignCenter\"\n :active=\"editor.isActive({ textAlign: 'center' })\"\n @click=\"editor.chain().focus().setTextAlign('center').run()\"\n />\n <ToolbarIconButton\n :icon=\"AlignRight\"\n :label=\"t.paragraphEditor.alignRight\"\n :active=\"editor.isActive({ textAlign: 'right' })\"\n @click=\"editor.chain().focus().setTextAlign('right').run()\"\n />\n <ToolbarIconButton\n :icon=\"AlignJustify\"\n :label=\"t.paragraphEditor.alignJustify\"\n :active=\"editor.isActive({ textAlign: 'justify' })\"\n @click=\"editor.chain().focus().setTextAlign('justify').run()\"\n />\n <ToolbarSeparator />\n <ToolbarSelect\n :model-value=\"getCurrentLineHeight()\"\n :options=\"LINE_HEIGHT_OPTIONS\"\n :label=\"t.paragraphEditor.lineHeight\"\n placeholder=\"LH\"\n width-class=\"tpl:w-16\"\n @update:model-value=\"setLineHeight\"\n />\n <ToolbarSelect\n :model-value=\"textStyleAttr('letterSpacing')\"\n :options=\"LETTER_SPACING_OPTIONS\"\n :label=\"t.paragraphEditor.letterSpacing\"\n placeholder=\"LS\"\n width-class=\"tpl:w-20\"\n @update:model-value=\"setLetterSpacing\"\n />\n <ToolbarSeparator />\n <ToolbarIconButton\n :icon=\"RemoveFormatting\"\n :label=\"t.paragraphEditor.clearFormatting\"\n @click=\"editor.chain().focus().clearNodes().unsetAllMarks().run()\"\n />\n <ToolbarSeparator />\n <EmojiPickerDropdown @insert=\"insertEmoji\" />\n <template v-if=\"canRequestMergeTag\">\n <ToolbarSeparator />\n <button\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:hover:bg-[var(--tpl-bg-active)]\"\n :aria-label=\"t.mergeTag.insert\"\n :title=\"t.mergeTag.insert\"\n @click=\"emit('add-merge-tag')\"\n >\n <ScanLine :size=\"16\" :stroke-width=\"2\" />\n {{ t.mergeTag.insertShort }}\n </button>\n </template>\n <template v-if=\"canInsertLogicTag\">\n <ToolbarSeparator />\n <button\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:hover:bg-[var(--tpl-bg-active)]\"\n :aria-label=\"t.logicTag.insert\"\n :title=\"t.logicTag.insert\"\n data-testid=\"insert-logic-button\"\n @click=\"emit('add-logic-tag')\"\n >\n <Braces :size=\"16\" :stroke-width=\"2\" />\n {{ t.logicTag.insertShort }}\n </button>\n </template>\n </div>\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</template>\n","<script setup lang=\"ts\">\nimport ColorPicker from \"../ColorPicker.vue\";\nimport EmojiPickerDropdown from \"./EmojiPickerDropdown.vue\";\nimport ToolbarIconButton from \"../toolbar/ToolbarIconButton.vue\";\nimport ToolbarSeparator from \"../toolbar/ToolbarSeparator.vue\";\nimport ToolbarSelect from \"../toolbar/ToolbarSelect.vue\";\nimport { useI18n } from \"../../composables\";\nimport { usePopoverRoot } from \"../../composables/usePopoverRoot\";\nimport type { Editor } from \"@tiptap/core\";\nimport {\n AlignCenter,\n AlignJustify,\n AlignLeft,\n AlignRight,\n Bold,\n Italic,\n Braces,\n Link,\n List,\n ListOrdered,\n LoaderCircle,\n RemoveFormatting,\n ScanLine,\n Strikethrough,\n Subscript,\n Superscript,\n Underline,\n} from \"@lucide/vue\";\nimport { computed, inject } from \"vue\";\nimport {\n EDITOR_KEY,\n THEME_STYLES_KEY,\n UI_THEME_KEY,\n FONTS_MANAGER_KEY,\n MERGE_TAG_PICKER_KEY,\n LOGIC_TAG_PICKER_KEY,\n requireInject,\n} from \"../../keys\";\nimport {\n DEFAULT_HIGHLIGHT_COLOR,\n FONT_SIZE_OPTIONS,\n LINE_HEIGHT_OPTIONS,\n LETTER_SPACING_OPTIONS,\n} from \"../../constants/styleConstants\";\nimport { resolveEffectiveTextColor } from \"../../utils/richTextColor\";\n\nconst props = defineProps<{\n editor: Editor | null;\n toolbarPosition: { top: number; left: number };\n isLoading: boolean;\n canRequestMergeTag: boolean;\n canInsertLogicTag: boolean;\n}>();\n\nconst emit = defineEmits<{\n (e: \"open-link-dialog\"): void;\n (e: \"add-merge-tag\"): void;\n (e: \"add-logic-tag\"): void;\n}>();\n\nconst themeStyles = inject(THEME_STYLES_KEY, null);\nconst tplUiTheme = inject(UI_THEME_KEY, null);\nconst fontsManager = requireInject(FONTS_MANAGER_KEY, \"ParagraphToolbar\");\nconst popoverRoot = usePopoverRoot();\n// Picker may be null in non-editor contexts (e.g. isolated component tests).\n// When it's provided AND open, hide the floating toolbar — leaving it\n// visible behind the modal is visually noisy and the toolbar's Tailwind\n// z-index utility doesn't compile reliably, so it can sometimes paint\n// over the modal backdrop.\nconst picker = inject(MERGE_TAG_PICKER_KEY, null);\nconst logicPicker = inject(LOGIC_TAG_PICKER_KEY, null);\n// Editor may be absent in isolated tests; used only to resolve the inherited\n// document text color for the text-color swatch.\nconst editorReturn = inject(EDITOR_KEY, null);\n// Hide the floating toolbar while either built-in picker modal is open, so it\n// doesn't overlap the dialog.\nconst pickerIsOpen = computed(\n () => (picker?.isOpen.value ?? false) || (logicPicker?.isOpen.value ?? false),\n);\n\nconst { t } = useI18n();\n\nconst fontFamilies = fontsManager.fonts;\n\nfunction insertEmoji(emoji: string): void {\n props.editor?.chain().focus().insertContent(emoji).run();\n}\n\nfunction textStyleAttr(attr: string): string {\n return (props.editor?.getAttributes(\"textStyle\")[attr] as string) || \"\";\n}\n\nfunction setFontFamily(family: string): void {\n const chain = props.editor?.chain().focus();\n if (family) chain?.setFontFamily(family).run();\n else chain?.unsetFontFamily().run();\n}\n\nfunction setFontSize(size: string): void {\n const chain = props.editor?.chain().focus();\n if (size) chain?.setFontSize(size).run();\n else chain?.unsetFontSize().run();\n}\n\n// When the selection is a link, the color control operates on the link itself\n// (its `color` attribute → inline on the `<a>`) so the link's text and underline\n// stay in sync; otherwise it applies a plain inline text-color mark.\nfunction isLinkSelection(): boolean {\n return props.editor?.isActive(\"link\") ?? false;\n}\n\nfunction linkColorAttr(): string {\n return (props.editor?.getAttributes(\"link\").color as string) || \"\";\n}\n\n// Set (or clear, when empty) the color of the current selection. On a link the\n// whole link is recolored (extendMarkRange) so it doesn't split into segments.\nfunction setColor(color: string): void {\n const chain = props.editor?.chain().focus();\n if (!chain) return;\n if (isLinkSelection()) {\n chain.extendMarkRange(\"link\").updateAttributes(\"link\", {\n color: color || null,\n });\n // A per-link color takes absolute priority over any inner text-color: strip\n // the inline text color on the link range so the `<a>` color alone drives\n // the glyphs and the underline (mirrors useRichTextLinkDialog.insertLink).\n // Only when setting a color — clearing leaves the text color untouched.\n if (color) chain.unsetColor();\n chain.run();\n } else if (color) {\n // A text color applied over a selection that includes a link unifies the\n // link with it: update the link's own color so the `<a>` (which paints the\n // underline and is what the dialog/toolbar read) matches the recolored\n // glyphs. A no-op on a selection with no link. Mirror of the link branch\n // above — either way a link never ends up with a text color fighting its\n // own color.\n chain.setColor(color).updateAttributes(\"link\", { color }).run();\n } else {\n chain.unsetColor().run();\n }\n}\n\n// The color the current selection actually renders in — a link's own color (else\n// the effective document link color: link color, then text color), or for plain\n// text the inline mark else the document text color. Keeps the swatch truthful\n// rather than showing a hard-coded default (issue #373 / per-link color).\nfunction effectiveTextColor(): string {\n const settings = editorReturn?.content.value.settings;\n if (isLinkSelection()) {\n return resolveEffectiveTextColor(\n linkColorAttr(),\n settings?.linkColor || settings?.textColor,\n );\n }\n return resolveEffectiveTextColor(textStyleAttr(\"color\"), settings?.textColor);\n}\n\n// The selection's own explicit color: a link's color when on a link, else the\n// inline text-color mark. May be \"\" when the selection only inherits its color\n// — that drives the swatch's set/unset state, while `effectiveTextColor()`\n// seeds the wheel so it still opens on the real rendered color.\nfunction explicitTextColor(): string {\n return isLinkSelection() ? linkColorAttr() : textStyleAttr(\"color\");\n}\n\nfunction getCurrentLineHeight(): string {\n return (props.editor?.getAttributes(\"paragraph\").lineHeight as string) || \"\";\n}\n\nfunction setLineHeight(value: string): void {\n const chain = props.editor?.chain().focus();\n if (value) chain?.setLineHeight(value).run();\n else chain?.unsetLineHeight().run();\n}\n\nfunction setLetterSpacing(value: string): void {\n const chain = props.editor?.chain().focus();\n if (value && value !== \"normal\") chain?.setLetterSpacing(value).run();\n else chain?.unsetLetterSpacing().run();\n}\n\nfunction getCurrentHighlight(): string {\n return (props.editor?.getAttributes(\"highlight\").color as string) || \"\";\n}\n\nfunction setHighlight(color: string): void {\n const chain = props.editor?.chain().focus();\n if (color) chain?.setHighlight({ color }).run();\n else chain?.unsetHighlight().run();\n}\n</script>\n\n<template>\n <Teleport v-if=\"popoverRoot && !pickerIsOpen\" :to=\"popoverRoot\">\n <div\n :data-tpl-theme=\"tplUiTheme\"\n role=\"toolbar\"\n :aria-label=\"t.paragraphEditor.toolbar\"\n class=\"tpl tpl-text-toolbar tpl:absolute tpl:flex 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-[var(--tpl-shadow-lg)]\"\n :style=\"{\n ...themeStyles,\n top: `${toolbarPosition.top}px`,\n left: `${toolbarPosition.left}px`,\n transform: 'translateY(-100%)',\n flexDirection: 'column',\n }\"\n >\n <template v-if=\"!isLoading && editor\">\n \n <div class=\"tpl:flex tpl:items-center tpl:gap-1\">\n <ToolbarSelect\n :model-value=\"textStyleAttr('fontFamily')\"\n :options=\"fontFamilies\"\n :label=\"t.paragraphEditor.fontFamily\"\n :placeholder=\"t.paragraphEditor.defaultFont\"\n width-class=\"tpl:w-32\"\n @update:model-value=\"setFontFamily\"\n />\n <ToolbarSelect\n :model-value=\"textStyleAttr('fontSize')\"\n :options=\"FONT_SIZE_OPTIONS\"\n :label=\"t.paragraphEditor.fontSize\"\n :placeholder=\"t.paragraphEditor.defaultSize\"\n width-class=\"tpl:w-20\"\n @update:model-value=\"setFontSize\"\n />\n <ToolbarSeparator />\n <ColorPicker\n swatch-only\n size=\"sm\"\n data-testid=\"text-color-picker\"\n :model-value=\"explicitTextColor()\"\n :seed-color=\"effectiveTextColor()\"\n :aria-label=\"t.paragraphEditor.textColor\"\n @update:model-value=\"setColor\"\n />\n <ColorPicker\n swatch-only\n size=\"sm\"\n data-testid=\"highlight-color-picker\"\n :model-value=\"getCurrentHighlight()\"\n :seed-color=\"DEFAULT_HIGHLIGHT_COLOR\"\n :aria-label=\"t.paragraphEditor.highlightColor\"\n @update:model-value=\"setHighlight\"\n />\n <ToolbarSeparator />\n <ToolbarIconButton\n :icon=\"Bold\"\n :label=\"t.paragraphEditor.bold\"\n :active=\"editor.isActive('bold')\"\n :stroke-width=\"2.5\"\n @click=\"editor.chain().focus().toggleBold().run()\"\n />\n <ToolbarIconButton\n :icon=\"Italic\"\n :label=\"t.paragraphEditor.italic\"\n :active=\"editor.isActive('italic')\"\n @click=\"editor.chain().focus().toggleItalic().run()\"\n />\n <ToolbarIconButton\n :icon=\"Underline\"\n :label=\"t.paragraphEditor.underline\"\n :active=\"editor.isActive('underline')\"\n @click=\"editor.chain().focus().toggleUnderline().run()\"\n />\n <ToolbarIconButton\n :icon=\"Strikethrough\"\n :label=\"t.paragraphEditor.strikethrough\"\n :active=\"editor.isActive('strike')\"\n @click=\"editor.chain().focus().toggleStrike().run()\"\n />\n <ToolbarSeparator />\n <ToolbarIconButton\n :icon=\"Subscript\"\n :label=\"t.paragraphEditor.subscript\"\n :active=\"editor.isActive('subscript')\"\n @click=\"editor.chain().focus().toggleSubscript().run()\"\n />\n <ToolbarIconButton\n :icon=\"Superscript\"\n :label=\"t.paragraphEditor.superscript\"\n :active=\"editor.isActive('superscript')\"\n @click=\"editor.chain().focus().toggleSuperscript().run()\"\n />\n <ToolbarSeparator />\n <ToolbarIconButton\n :icon=\"Link\"\n :label=\"t.paragraphEditor.addLink\"\n :active=\"editor.isActive('link')\"\n @click=\"emit('open-link-dialog')\"\n />\n </div>\n \n <div class=\"tpl:flex tpl:items-center tpl:gap-1\">\n <ToolbarIconButton\n :icon=\"List\"\n :label=\"t.paragraphEditor.bulletList\"\n :active=\"editor.isActive('bulletList')\"\n @click=\"editor.chain().focus().toggleBulletList().run()\"\n />\n <ToolbarIconButton\n :icon=\"ListOrdered\"\n :label=\"t.paragraphEditor.numberedList\"\n :active=\"editor.isActive('orderedList')\"\n @click=\"editor.chain().focus().toggleOrderedList().run()\"\n />\n <ToolbarSeparator />\n <ToolbarIconButton\n :icon=\"AlignLeft\"\n :label=\"t.paragraphEditor.alignLeft\"\n :active=\"editor.isActive({ textAlign: 'left' })\"\n @click=\"editor.chain().focus().setTextAlign('left').run()\"\n />\n <ToolbarIconButton\n :icon=\"AlignCenter\"\n :label=\"t.paragraphEditor.alignCenter\"\n :active=\"editor.isActive({ textAlign: 'center' })\"\n @click=\"editor.chain().focus().setTextAlign('center').run()\"\n />\n <ToolbarIconButton\n :icon=\"AlignRight\"\n :label=\"t.paragraphEditor.alignRight\"\n :active=\"editor.isActive({ textAlign: 'right' })\"\n @click=\"editor.chain().focus().setTextAlign('right').run()\"\n />\n <ToolbarIconButton\n :icon=\"AlignJustify\"\n :label=\"t.paragraphEditor.alignJustify\"\n :active=\"editor.isActive({ textAlign: 'justify' })\"\n @click=\"editor.chain().focus().setTextAlign('justify').run()\"\n />\n <ToolbarSeparator />\n <ToolbarSelect\n :model-value=\"getCurrentLineHeight()\"\n :options=\"LINE_HEIGHT_OPTIONS\"\n :label=\"t.paragraphEditor.lineHeight\"\n placeholder=\"LH\"\n width-class=\"tpl:w-16\"\n @update:model-value=\"setLineHeight\"\n />\n <ToolbarSelect\n :model-value=\"textStyleAttr('letterSpacing')\"\n :options=\"LETTER_SPACING_OPTIONS\"\n :label=\"t.paragraphEditor.letterSpacing\"\n placeholder=\"LS\"\n width-class=\"tpl:w-20\"\n @update:model-value=\"setLetterSpacing\"\n />\n <ToolbarSeparator />\n <ToolbarIconButton\n :icon=\"RemoveFormatting\"\n :label=\"t.paragraphEditor.clearFormatting\"\n @click=\"editor.chain().focus().clearNodes().unsetAllMarks().run()\"\n />\n <ToolbarSeparator />\n <EmojiPickerDropdown @insert=\"insertEmoji\" />\n <template v-if=\"canRequestMergeTag\">\n <ToolbarSeparator />\n <button\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:hover:bg-[var(--tpl-bg-active)]\"\n :aria-label=\"t.mergeTag.insert\"\n :title=\"t.mergeTag.insert\"\n @click=\"emit('add-merge-tag')\"\n >\n <ScanLine :size=\"16\" :stroke-width=\"2\" />\n {{ t.mergeTag.insertShort }}\n </button>\n </template>\n <template v-if=\"canInsertLogicTag\">\n <ToolbarSeparator />\n <button\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:hover:bg-[var(--tpl-bg-active)]\"\n :aria-label=\"t.logicTag.insert\"\n :title=\"t.logicTag.insert\"\n data-testid=\"insert-logic-button\"\n @click=\"emit('add-logic-tag')\"\n >\n <Braces :size=\"16\" :stroke-width=\"2\" />\n {{ t.logicTag.insertShort }}\n </button>\n </template>\n </div>\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</template>\n","<script setup lang=\"ts\">\nimport { useRichTextEditor } from \"../../composables/useRichTextEditor\";\nimport { usePopoverRoot } from \"../../composables/usePopoverRoot\";\nimport {\n resolveContentDirection,\n type ParagraphBlock as ParagraphBlockType,\n} from \"@templatical/types\";\nimport { inject } from \"vue\";\nimport { EDITOR_KEY } from \"../../keys\";\nimport ParagraphToolbar from \"./ParagraphToolbar.vue\";\nimport RichTextLinkDialog from \"./RichTextLinkDialog.vue\";\nimport RichTextEditorContent from \"./RichTextEditorContent.vue\";\nimport { withLinkColor } from \"../../utils/linkColorExtension\";\n\nconst props = defineProps<{\n block: ParagraphBlockType;\n toolbarPosition: { top: number; left: number };\n}>();\n\nconst emit = defineEmits<{\n (e: \"done\"): void;\n}>();\n\nconst popoverRoot = usePopoverRoot();\nconst emailEditor = inject(EDITOR_KEY, null);\nconst defaultAlignment =\n resolveContentDirection(\n emailEditor?.content?.value?.settings ?? { locale: \"en\" },\n ) === \"rtl\"\n ? \"right\"\n : \"left\";\n\nconst {\n editor,\n EditorContent,\n isLoading,\n initError,\n retry,\n showLinkDialog,\n linkUrl,\n linkColor,\n linkDialogRef,\n canRequestMergeTag,\n canInsertLogicTag,\n openLinkDialog,\n insertLink,\n removeLink,\n closeLinkDialog,\n handleLinkKeydown,\n handleAddMergeTag,\n handleAddLogicTag,\n} = useRichTextEditor({\n blockId: () => props.block.id,\n blockContent: () => props.block.content,\n onDone: () => emit(\"done\"),\n editorName: \"ParagraphEditor\",\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 { default: UnderlineExt },\n { default: SubscriptExt },\n { default: SuperscriptExt },\n { default: TextAlign },\n { TextStyle },\n { default: Color },\n { default: FontFamily },\n { default: Highlight },\n {\n MergeTagNode,\n MergeTagSuggestion,\n LogicMergeTagNode,\n FontSize,\n LineHeight,\n LetterSpacing,\n LineBoundaryKeys,\n },\n ] = await Promise.all([\n import(\"@tiptap/vue-3\"),\n import(\"@tiptap/starter-kit\"),\n import(\"@tiptap/extension-link\"),\n import(\"@tiptap/extension-underline\"),\n import(\"@tiptap/extension-subscript\"),\n import(\"@tiptap/extension-superscript\"),\n import(\"@tiptap/extension-text-align\"),\n import(\"@tiptap/extension-text-style\"),\n import(\"@tiptap/extension-color\"),\n import(\"@tiptap/extension-font-family\"),\n import(\"@tiptap/extension-highlight\"),\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 // StarterKit bundles @tiptap/extension-link (openOnClick: true).\n // Disable it so the LinkExt below (openOnClick: false) is the only\n // link extension — otherwise clicking a link while editing opens it.\n link: false,\n // StarterKit also bundles @tiptap/extension-underline; the editor\n // registers its own UnderlineExt below, so disable StarterKit's copy\n // to avoid a duplicate `underline` extension (and its console warning).\n underline: false,\n }),\n UnderlineExt,\n SubscriptExt,\n SuperscriptExt,\n withLinkColor(LinkExt).configure({\n openOnClick: false,\n HTMLAttributes: {\n target: \"_blank\",\n rel: \"noopener noreferrer\",\n },\n }),\n TextAlign.configure({\n types: [\"paragraph\"],\n defaultAlignment,\n }),\n TextStyle,\n Color,\n FontFamily,\n Highlight.configure({ multicolor: true }),\n FontSize,\n LineHeight,\n LetterSpacing,\n // The getter, not `mergeTags.value`: a snapshot here would pin the\n // extension to the list as it stood when this block opened.\n MergeTagNode.configure({ mergeTags: () => mergeTags.value, syntax }),\n LogicMergeTagNode.configure({ syntax }),\n LineBoundaryKeys,\n // Registration is decided here, when the block opens for editing, so a\n // list that goes from empty to populated enables type-ahead for the\n // next block opened rather than this one. Deliberate: registering\n // unconditionally would show the suggestion popup to consumers who\n // configured no tags at all.\n ...(autocompleteEnabled && triggerChar && mergeTags.value.length > 0\n ? [\n MergeTagSuggestion.configure({\n mergeTags: () => mergeTags.value,\n char: triggerChar,\n emptyText: suggestionEmptyText,\n popoverRoot,\n }),\n ]\n : []),\n ],\n };\n },\n});\n</script>\n\n<template>\n <div class=\"tpl-text-editor-wrapper tpl:relative\">\n <ParagraphToolbar\n :editor=\"editor\"\n :toolbar-position=\"toolbarPosition\"\n :is-loading=\"isLoading\"\n :can-request-merge-tag=\"canRequestMergeTag\"\n :can-insert-logic-tag=\"canInsertLogicTag\"\n @open-link-dialog=\"openLinkDialog\"\n @add-merge-tag=\"handleAddMergeTag\"\n @add-logic-tag=\"handleAddLogicTag\"\n />\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 v-model:link-color=\"linkColor\"\n @close=\"closeLinkDialog\"\n @insert=\"insertLink\"\n @remove=\"removeLink\"\n @keydown=\"handleLinkKeydown\"\n />\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useRichTextEditor } from \"../../composables/useRichTextEditor\";\nimport { usePopoverRoot } from \"../../composables/usePopoverRoot\";\nimport {\n resolveContentDirection,\n type ParagraphBlock as ParagraphBlockType,\n} from \"@templatical/types\";\nimport { inject } from \"vue\";\nimport { EDITOR_KEY } from \"../../keys\";\nimport ParagraphToolbar from \"./ParagraphToolbar.vue\";\nimport RichTextLinkDialog from \"./RichTextLinkDialog.vue\";\nimport RichTextEditorContent from \"./RichTextEditorContent.vue\";\nimport { withLinkColor } from \"../../utils/linkColorExtension\";\n\nconst props = defineProps<{\n block: ParagraphBlockType;\n toolbarPosition: { top: number; left: number };\n}>();\n\nconst emit = defineEmits<{\n (e: \"done\"): void;\n}>();\n\nconst popoverRoot = usePopoverRoot();\nconst emailEditor = inject(EDITOR_KEY, null);\nconst defaultAlignment =\n resolveContentDirection(\n emailEditor?.content?.value?.settings ?? { locale: \"en\" },\n ) === \"rtl\"\n ? \"right\"\n : \"left\";\n\nconst {\n editor,\n EditorContent,\n isLoading,\n initError,\n retry,\n showLinkDialog,\n linkUrl,\n linkColor,\n linkDialogRef,\n canRequestMergeTag,\n canInsertLogicTag,\n openLinkDialog,\n insertLink,\n removeLink,\n closeLinkDialog,\n handleLinkKeydown,\n handleAddMergeTag,\n handleAddLogicTag,\n} = useRichTextEditor({\n blockId: () => props.block.id,\n blockContent: () => props.block.content,\n onDone: () => emit(\"done\"),\n editorName: \"ParagraphEditor\",\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 { default: UnderlineExt },\n { default: SubscriptExt },\n { default: SuperscriptExt },\n { default: TextAlign },\n { TextStyle },\n { default: Color },\n { default: FontFamily },\n { default: Highlight },\n {\n MergeTagNode,\n MergeTagSuggestion,\n LogicMergeTagNode,\n FontSize,\n LineHeight,\n LetterSpacing,\n LineBoundaryKeys,\n },\n ] = await Promise.all([\n import(\"@tiptap/vue-3\"),\n import(\"@tiptap/starter-kit\"),\n import(\"@tiptap/extension-link\"),\n import(\"@tiptap/extension-underline\"),\n import(\"@tiptap/extension-subscript\"),\n import(\"@tiptap/extension-superscript\"),\n import(\"@tiptap/extension-text-align\"),\n import(\"@tiptap/extension-text-style\"),\n import(\"@tiptap/extension-color\"),\n import(\"@tiptap/extension-font-family\"),\n import(\"@tiptap/extension-highlight\"),\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 // StarterKit bundles @tiptap/extension-link (openOnClick: true).\n // Disable it so the LinkExt below (openOnClick: false) is the only\n // link extension — otherwise clicking a link while editing opens it.\n link: false,\n // StarterKit also bundles @tiptap/extension-underline; the editor\n // registers its own UnderlineExt below, so disable StarterKit's copy\n // to avoid a duplicate `underline` extension (and its console warning).\n underline: false,\n }),\n UnderlineExt,\n SubscriptExt,\n SuperscriptExt,\n withLinkColor(LinkExt).configure({\n openOnClick: false,\n HTMLAttributes: {\n target: \"_blank\",\n rel: \"noopener noreferrer\",\n },\n }),\n TextAlign.configure({\n types: [\"paragraph\"],\n defaultAlignment,\n }),\n TextStyle,\n Color,\n FontFamily,\n Highlight.configure({ multicolor: true }),\n FontSize,\n LineHeight,\n LetterSpacing,\n // The getter, not `mergeTags.value`: a snapshot here would pin the\n // extension to the list as it stood when this block opened.\n MergeTagNode.configure({ mergeTags: () => mergeTags.value, syntax }),\n LogicMergeTagNode.configure({ syntax }),\n LineBoundaryKeys,\n // Registration is decided here, when the block opens for editing, so a\n // list that goes from empty to populated enables type-ahead for the\n // next block opened rather than this one. Deliberate: registering\n // unconditionally would show the suggestion popup to consumers who\n // configured no tags at all.\n ...(autocompleteEnabled && triggerChar && mergeTags.value.length > 0\n ? [\n MergeTagSuggestion.configure({\n mergeTags: () => mergeTags.value,\n char: triggerChar,\n emptyText: suggestionEmptyText,\n popoverRoot,\n }),\n ]\n : []),\n ],\n };\n },\n});\n</script>\n\n<template>\n <div class=\"tpl-text-editor-wrapper tpl:relative\">\n <ParagraphToolbar\n :editor=\"editor\"\n :toolbar-position=\"toolbarPosition\"\n :is-loading=\"isLoading\"\n :can-request-merge-tag=\"canRequestMergeTag\"\n :can-insert-logic-tag=\"canInsertLogicTag\"\n @open-link-dialog=\"openLinkDialog\"\n @add-merge-tag=\"handleAddMergeTag\"\n @add-logic-tag=\"handleAddLogicTag\"\n />\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 v-model:link-color=\"linkColor\"\n @close=\"closeLinkDialog\"\n @insert=\"insertLink\"\n @remove=\"removeLink\"\n @keydown=\"handleLinkKeydown\"\n />\n </div>\n</template>\n"],"mappings":"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"}

package/dist/cdn/chunks/{RestoreVersionDialog-cnWVN3nX.js → RestoreVersionDialog-CFE7jqDB.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { H as e, N as t, S as n, at as r, b as i, ct as a, g as o, h as s, m as c, p as l, ut as u, y as d } from "./draggable-IB4x6w2O.js";
 import { t as f } from "./useI18n-CyO_Nmca.js";
-import { it as p, u as m } from "./icons-BKkJ-5xF.js";
+import { at as p, d as m } from "./icons-CQnjugjy.js";
 import { d as h, v as g, x as _ } from "./styleConstants-C_YAPdQS.js";
-import { t as v } from "./TplModal-D8DoPbFa.js";
+import { t as v } from "./TplModal-mLMmolQp.js";
 //#region src/components/RestoreVersionDialog.vue?vue&type=script&setup=true&lang.ts
 var y = ["aria-busy"], b = { class: "tpl:flex tpl:items-center tpl:gap-2" }, x = {
 	id: "tpl-restore-version-title",
@@ -84,4 +84,4 @@ var y = ["aria-busy"], b = { class: "tpl:flex tpl:items-center tpl:gap-2" }, x =
 //#endregion
 export { D as default };
-//# sourceMappingURL=RestoreVersionDialog-cnWVN3nX.js.map
+//# sourceMappingURL=RestoreVersionDialog-CFE7jqDB.js.map

package/dist/cdn/chunks/RestoreVersionDialog-CFE7jqDB.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"RestoreVersionDialog-CFE7jqDB.js","names":["_openBlock","_createBlock","TplModal","_withCtx","_createElementVNode","_createVNode","_unref","AlertTriangle","_toDisplayString","_normalizeClass","_createElementBlock","_createCommentVNode","_createTextVNode","_sfc_main","withCtx","openBlock","defineComponent","unref","createVNode","normalizeClass","createElementBlock","createCommentVNode","createBlock","createBaseVNode","toDisplayString","createTextVNode","useI18n","LoaderCircle","TriangleAlert","dangerBtnClass","primaryBtnClass","secondaryBtnClass","TplModal_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","RestoreVersionDialog_default","__emit","emit","__props","_cache","t"],"sources":["../../../src/components/RestoreVersionDialog.vue","../../../src/components/RestoreVersionDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n dangerBtnClass,\n primaryBtnClass,\n secondaryBtnClass,\n} from \"../constants/styleConstants\";\n/**\n * Confirms a restore that would discard unsaved work.\n *\n * It exists because `confirmRestore()` throws away the pre-preview backup: once\n * a restore lands, anything the user had not saved exists nowhere. The editor\n * does not record a version to cover that — it never authors versions — so the\n * protection is a question asked at the moment of loss, with the option to put\n * the work somewhere real first.\n *\n * `canSave` decides which of the two shapes renders: an offer to save first, or\n * a plain warning when the templates provider withheld `save` (or there is no\n * templates provider at all), because there is then nowhere to put the work.\n */\nimport { AlertTriangle, LoaderCircle } from \"@lucide/vue\";\nimport TplModal from \"./TplModal.vue\";\nimport { useI18n } from \"../composables/useI18n\";\n\ndefineProps<{\n visible: boolean;\n /** Whether \"save first\" can be offered rather than only a warning. */\n canSave: boolean;\n /** True while either action is in flight — both buttons go inert. */\n isBusy: boolean;\n}>();\n\nconst emit = defineEmits<{\n (e: \"cancel\"): void;\n (e: \"save-and-restore\"): void;\n (e: \"discard-and-restore\"): void;\n}>();\n\nconst { t } = useI18n();\n</script>\n\n<template>\n <TplModal :visible=\"visible\" @close=\"emit('cancel')\">\n <div\n role=\"alertdialog\"\n aria-modal=\"true\"\n :aria-busy=\"isBusy\"\n aria-labelledby=\"tpl-restore-version-title\"\n aria-describedby=\"tpl-restore-version-body\"\n data-testid=\"restore-version-dialog\"\n class=\"tpl-scale-in tpl:flex tpl:max-h-[90%] tpl:w-full tpl:max-w-md tpl:flex-col tpl:gap-4 tpl:overflow-y-auto 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 <div class=\"tpl:flex tpl:items-center tpl:gap-2\">\n <AlertTriangle\n :size=\"18\"\n :stroke-width=\"2\"\n class=\"tpl:text-[var(--tpl-warning)]\"\n />\n <h3\n id=\"tpl-restore-version-title\"\n class=\"tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]\"\n >\n {{ t.versionPreview.restoreConfirm.title }}\n </h3>\n </div>\n\n <p\n id=\"tpl-restore-version-body\"\n class=\"tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-muted)]\"\n >\n {{\n canSave\n ? t.versionPreview.restoreConfirm.unsavedWithSave\n : t.versionPreview.restoreConfirm.unsavedNoSave\n }}\n </p>\n\n <div class=\"tpl:flex tpl:justify-end tpl:gap-2\">\n <button\n type=\"button\"\n data-testid=\"restore-version-cancel\"\n :class=\"secondaryBtnClass\"\n :disabled=\"isBusy\"\n @click=\"emit('cancel')\"\n >\n {{ t.versionPreview.restoreConfirm.cancel }}\n </button>\n <button\n type=\"button\"\n data-testid=\"restore-version-discard\"\n :class=\"dangerBtnClass\"\n :disabled=\"isBusy\"\n @click=\"emit('discard-and-restore')\"\n >\n {{ t.versionPreview.restoreConfirm.restoreAnyway }}\n </button>\n \n <button\n v-if=\"canSave\"\n type=\"button\"\n data-testid=\"restore-version-save-first\"\n :class=\"primaryBtnClass\"\n :disabled=\"isBusy\"\n @click=\"emit('save-and-restore')\"\n >\n <LoaderCircle\n v-if=\"isBusy\"\n class=\"tpl:animate-spin\"\n :size=\"12\"\n :stroke-width=\"2\"\n />\n {{ t.versionPreview.restoreConfirm.saveAndRestore }}\n </button>\n </div>\n </div>\n </TplModal>\n</template>\n","<script setup lang=\"ts\">\nimport {\n dangerBtnClass,\n primaryBtnClass,\n secondaryBtnClass,\n} from \"../constants/styleConstants\";\n/**\n * Confirms a restore that would discard unsaved work.\n *\n * It exists because `confirmRestore()` throws away the pre-preview backup: once\n * a restore lands, anything the user had not saved exists nowhere. The editor\n * does not record a version to cover that — it never authors versions — so the\n * protection is a question asked at the moment of loss, with the option to put\n * the work somewhere real first.\n *\n * `canSave` decides which of the two shapes renders: an offer to save first, or\n * a plain warning when the templates provider withheld `save` (or there is no\n * templates provider at all), because there is then nowhere to put the work.\n */\nimport { AlertTriangle, LoaderCircle } from \"@lucide/vue\";\nimport TplModal from \"./TplModal.vue\";\nimport { useI18n } from \"../composables/useI18n\";\n\ndefineProps<{\n visible: boolean;\n /** Whether \"save first\" can be offered rather than only a warning. */\n canSave: boolean;\n /** True while either action is in flight — both buttons go inert. */\n isBusy: boolean;\n}>();\n\nconst emit = defineEmits<{\n (e: \"cancel\"): void;\n (e: \"save-and-restore\"): void;\n (e: \"discard-and-restore\"): void;\n}>();\n\nconst { t } = useI18n();\n</script>\n\n<template>\n <TplModal :visible=\"visible\" @close=\"emit('cancel')\">\n <div\n role=\"alertdialog\"\n aria-modal=\"true\"\n :aria-busy=\"isBusy\"\n aria-labelledby=\"tpl-restore-version-title\"\n aria-describedby=\"tpl-restore-version-body\"\n data-testid=\"restore-version-dialog\"\n class=\"tpl-scale-in tpl:flex tpl:max-h-[90%] tpl:w-full tpl:max-w-md tpl:flex-col tpl:gap-4 tpl:overflow-y-auto 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 <div class=\"tpl:flex tpl:items-center tpl:gap-2\">\n <AlertTriangle\n :size=\"18\"\n :stroke-width=\"2\"\n class=\"tpl:text-[var(--tpl-warning)]\"\n />\n <h3\n id=\"tpl-restore-version-title\"\n class=\"tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]\"\n >\n {{ t.versionPreview.restoreConfirm.title }}\n </h3>\n </div>\n\n <p\n id=\"tpl-restore-version-body\"\n class=\"tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-muted)]\"\n >\n {{\n canSave\n ? t.versionPreview.restoreConfirm.unsavedWithSave\n : t.versionPreview.restoreConfirm.unsavedNoSave\n }}\n </p>\n\n <div class=\"tpl:flex tpl:justify-end tpl:gap-2\">\n <button\n type=\"button\"\n data-testid=\"restore-version-cancel\"\n :class=\"secondaryBtnClass\"\n :disabled=\"isBusy\"\n @click=\"emit('cancel')\"\n >\n {{ t.versionPreview.restoreConfirm.cancel }}\n </button>\n <button\n type=\"button\"\n data-testid=\"restore-version-discard\"\n :class=\"dangerBtnClass\"\n :disabled=\"isBusy\"\n @click=\"emit('discard-and-restore')\"\n >\n {{ t.versionPreview.restoreConfirm.restoreAnyway }}\n </button>\n \n <button\n v-if=\"canSave\"\n type=\"button\"\n data-testid=\"restore-version-save-first\"\n :class=\"primaryBtnClass\"\n :disabled=\"isBusy\"\n @click=\"emit('save-and-restore')\"\n >\n <LoaderCircle\n v-if=\"isBusy\"\n class=\"tpl:animate-spin\"\n :size=\"12\"\n :stroke-width=\"2\"\n />\n {{ t.versionPreview.restoreConfirm.saveAndRestore }}\n </button>\n </div>\n </div>\n </TplModal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EA+BA,IAAM2C,IAAOD,GAMP,EAAE,SAAMhB,EAAQ;oBAIpB1B,EAAA,GAAAC,EA8EWC,GAAA;GA9EA,SAAS0C,EAAA;GAAU,SAAK,AAAAC,EAAA,QAAA,MAAEF,EAAI,QAAA;;GACvC,SAAAxC,QA4EM,CA5ENC,EA4EM,OAAA;IA3EJ,MAAK;IACL,cAAW;IACV,aAAWwC,EAAA;IACZ,mBAAgB;IAChB,oBAAiB;IACjB,eAAY;IACZ,OAAM;IACN,OAAA;KAAA,oBAAA;KAAA,cAAA;IAAA;;IAKAxC,EAYM,OAZN8B,GAYM,CAXJ7B,EAIEC,EAAAC,CAAA,GAAA;KAHC,MAAM;KACN,gBAAc;KACf,OAAM;IAERH,CAAAA,GAAAA,EAKK,MALL+B,GAKK3B,EADAF,EAAAwC,CAAA,CAAC,CAAC,eAAe,eAAe,KAAK,GAAA,CAAA,CAAA,CAAA;IAI5C1C,EASI,KATJgC,GASI5B,EAJAoC,EAAA,UAAsBtC,EAAAwC,CAAA,CAAC,CAAC,eAAe,eAAe,kBAA8BxC,EAAAwC,CAAA,CAAC,CAAC,eAAe,eAAe,aAAa,GAAA,CAAA;IAMrI1C,EAqCM,OArCNiC,GAqCM;KApCJjC,EAQS,UAAA;MAPP,MAAK;MACL,eAAY;MACX,OAAKK,EAAEH,EAAAyB,CAAA,CAAiB;MACxB,UAAUa,EAAA;MACV,SAAK,AAAAC,EAAA,QAAA,MAAEF,EAAI,QAAA;KAET,GAAAnC,EAAAF,EAAAwC,CAAA,CAAC,CAAC,eAAe,eAAe,MAAM,GAAA,IAAAR,CAAA;KAE3ClC,EAQS,UAAA;MAPP,MAAK;MACL,eAAY;MACX,OAAKK,EAAEH,EAAAuB,CAAA,CAAc;MACrB,UAAUe,EAAA;MACV,SAAK,AAAAC,EAAA,QAAA,MAAEF,EAAI,qBAAA;KAET,GAAAnC,EAAAF,EAAAwC,CAAA,CAAC,CAAC,eAAe,eAAe,aAAa,GAAA,IAAAP,CAAA;KAK1CK,EAAA,WADR5C,EAAA,GAAAU,EAeS,UAAA;;MAbP,MAAK;MACL,eAAY;MACX,OAAKD,EAAEH,EAAAwB,CAAA,CAAe;MACtB,UAAUc,EAAA;MACV,SAAK,AAAAC,EAAA,QAAA,MAAEF,EAAI,kBAAA;KAGJ,GAAA,CAAAC,EAAA,UADR5C,EAAA,GAAAC,EAKEK,EAAAqB,CAAA,GAAA;;MAHA,OAAM;MACL,MAAM;MACN,gBAAc;KACff,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EAAA,MACFJ,EAAGF,EAAAwC,CAAA,CAAC,CAAC,eAAe,eAAe,cAAc,GAAA,CAAA,CAAA,GAAA,IAAAN,CAAA,KAAAnB,EAAA,IAAA,EAAA"}

package/dist/cdn/chunks/{RichTextEditorContent-Fzuu9pLP.js → RichTextEditorContent-dOg1xFqv.js} RENAMED Viewed

@@ -1,10 +1,10 @@
 import { D as e, E as t, N as n, R as r, S as i, at as a, b as o, d as s, f as c, g as l, h as u, l as d, lt as f, m as p, p as m, ut as h, y as g, z as _ } from "./draggable-IB4x6w2O.js";
 import { J as v, Z as y, g as b } from "./keys-DCWeHkSF.js";
 import { t as x } from "./useI18n-CyO_Nmca.js";
-import { n as S } from "./usePopoverPosition-BJRvAb-h.js";
-import { n as C } from "./icons-BKkJ-5xF.js";
-import { c as w } from "./LogicTagInsertButton-CHc1yZ9v.js";
-import { t as T } from "./MergeTagInput--qTYfCWk.js";
+import { n as S } from "./usePopoverPosition-DGXjXKjM.js";
+import { n as C } from "./icons-CQnjugjy.js";
+import { c as w } from "./LogicTagInsertButton-CItDS_U1.js";
+import { t as T } from "./MergeTagInput-B33u3nxj.js";
 //#region src/components/blocks/RichTextLinkDialog.vue?vue&type=script&setup=true&lang.ts
 var E = ["data-tpl-theme"], D = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-5 tpl:py-4" }, O = {
 	id: "tpl-link-dialog-title",
@@ -119,4 +119,4 @@ var E = ["data-tpl-theme"], D = { class: "tpl:flex tpl:items-center tpl:justify-
 //#endregion
 export { L as n, V as t };
-//# sourceMappingURL=RichTextEditorContent-Fzuu9pLP.js.map
+//# sourceMappingURL=RichTextEditorContent-dOg1xFqv.js.map

package/dist/cdn/chunks/RichTextEditorContent-dOg1xFqv.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"RichTextEditorContent-dOg1xFqv.js","names":["_hoisted_1","_hoisted_2","_hoisted_3","_useModel","_unref","_openBlock","_createBlock","_Teleport","_createElementBlock","_normalizeStyle","_withModifiers","_createElementVNode","_toDisplayString","_createVNode","MergeTagInput","ColorPicker","_createCommentVNode","_sfc_main","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_unref","_createTextVNode","_createBlock","_resolveDynamicComponent","_createCommentVNode","_sfc_main","mergeModels","inject","openBlock","resolveDynamicComponent","defineComponent","unref","createVNode","Teleport","computed","createElementBlock","createCommentVNode","withModifiers","normalizeStyle","createBlock","createBaseVNode","toDisplayString","createTextVNode","useModel","THEME_STYLES_KEY","UI_THEME_KEY","EDITOR_KEY","useI18n","usePopoverRoot","X","ColorPicker_default","MergeTagInput_default","_hoisted_1$1","_hoisted_2$1","_hoisted_3$1","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","RichTextLinkDialog_default","\"linkUrl\"","\"linkUrlModifiers\"","\"linkColor\"","\"linkColorModifiers\"","\"dialogRef\"","\"dialogRefModifiers\"","__emit","linkUrl","__props","linkColor","dialogRef","emit","themeStyles","tplUiTheme","popoverRoot","editorReturn","documentLinkColor","_cache","el","t","$event","_hoisted_1","_hoisted_2","_hoisted_3","RichTextEditorContent_default"],"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 MergeTagInput from \"../MergeTagInput.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: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 data-testid=\"link-dialog\"\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-[var(--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 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 \n <MergeTagInput\n :model-value=\"linkUrl\"\n type=\"url\"\n data-testid=\"link-dialog-url\"\n :placeholder=\"t.linkDialog.urlPlaceholder\"\n @update:model-value=\"linkUrl = $event\"\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: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: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:hover:bg-[var(--tpl-primary-hover)] tpl:text-[var(--tpl-on-primary)]\"\n data-testid=\"link-dialog-submit\"\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 MergeTagInput from \"../MergeTagInput.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: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 data-testid=\"link-dialog\"\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-[var(--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 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 \n <MergeTagInput\n :model-value=\"linkUrl\"\n type=\"url\"\n data-testid=\"link-dialog-url\"\n :placeholder=\"t.linkDialog.urlPlaceholder\"\n @update:model-value=\"linkUrl = $event\"\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: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: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:hover:bg-[var(--tpl-primary-hover)] tpl:text-[var(--tpl-on-primary)]\"\n data-testid=\"link-dialog-submit\"\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAcA,IAAMyE,IAAUtE,EAAmBuE,GAAC,SAA6B,GAC3DC,IAAYxE,EAAmBuE,GAAC,WAA4B,GAC5DE,IAAYzE,EAA+BuE,GAAC,WAEjD,GAEKG,IAAOL,GAOPM,IAAcjD,EAAOiB,GAAkB,IAAI,GAC3CiC,IAAalD,EAAOkB,GAAc,IAAI,GACtCiC,IAAc9B,EAAe,GAC7B+B,IAAepD,EAAOmB,GAAY,IAAI,GAGtCkC,IAAoB9C,QAClB6C,GAAc,QAAQ,MAAM,SAAS,aAAa,SAC1D,GAEM,EAAE,SAAMhC,EAAQ;mBAIJ7C,EAAA4E,CAAA,KAAhB3E,EAAA,GAAAC,EAuGWC,GAAA;;GAvGmB,IAAIH,EAAA4E,CAAA;EAExB,GAAA,CAAAN,EAAA,WADRrE,EAAA,GAAAG,EAqGM,OAAA;;GAnGH,kBAAgBJ,EAAA2E,CAAA;GACjB,OAAM;GACL,OAAKtE,EAAEL,EAAA0E,CAAA,CAAW;GAClB,SAAK,AAAAK,EAAA,OAAAzE,GAAA,MAAOmE,EAAI,OAAA,GAAA,CAAA,MAAA,CAAA;EAEjBlE,GAAAA,CAAAA,EA6FM,OAAA;GA5FH,MAAM,MAAQ,EAAA,QAAYyE;GAC3B,MAAK;GACL,cAAW;GACX,mBAAgB;GAChB,eAAY;GACZ,OAAM;;GAENzE,EAmBM,OAnBNV,GAmBM,CAhBJU,EAOK,MAPLT,GAOKU,EAFD8D,EAAA,gBAAgBtE,EAAAiF,CAAA,CAAC,CAAC,WAAW,WAAWjF,EAAAiF,CAAA,CAAC,CAAC,WAAW,UAAU,GAAA,CAAA,GAGnE1E,EAOS,UAAA;IANP,MAAK;IACJ,cAAYP,EAAAiF,CAAA,CAAC,CAAC,WAAW;IAC1B,OAAM;IACL,SAAK,AAAAF,EAAA,QAAA,MAAEN,EAAI,OAAA;GAEZhE,GAAAA,CAAAA,EAAkCT,EAAA+C,CAAA,GAAA;IAA9B,MAAM;IAAK,gBAAc;;GAGjCxC,EA+BM,OA/BN+C,GA+BM,CA9BJ/C,EAkBM,OAlBNgD,GAkBM,CAjBJhD,EAGC,SAHDiD,GAGChD,EADKR,EAAAiF,CAAA,CAAC,CAAC,WAAW,QAAQ,GAAA,CAAA,GAO3BxE,EAOEC,GAAA;IANC,eAAa2D,EAAA;IACd,MAAK;IACL,eAAY;IACX,aAAarE,EAAAiF,CAAA,CAAC,CAAC,WAAW;IAC1B,uBAAkB,AAAAF,EAAA,QAAA,MAAE,EAAA,QAAUG;IAC9B,WAAO,AAAAH,EAAA,QAAA,MAAEN,EAAI,WAAYS,CAAM;GAGpC3E,GAAAA,MAAAA,GAAAA,CAAAA,eAAAA,aAAAA,CAAAA,CAAAA,CAAAA,GAAAA,EAUM,OAVNkD,GAUM,CATJlD,EAGC,SAHDmD,GAGClD,EADKR,EAAAiF,CAAA,CAAC,CAAC,WAAW,UAAU,GAAA,CAAA,GAE7BxE,EAIEE,GAAA;IAHC,eAAa4D,EAAA;IACb,cAAYO,EAAA;IACZ,uBAAkB,AAAAC,EAAA,QAAA,MAAE,EAAA,QAAYG;;GAIvC3E,EAgCM,OAhCNoD,GAgCM,CA5BIW,EAAA,iBADRrE,EAAA,GAAAG,EAOS,UAAA;;IALP,MAAK;IACL,OAAM;IACL,SAAK,AAAA2E,EAAA,QAAA,MAAEN,EAAI,QAAA;GAET,GAAAjE,EAAAR,EAAAiF,CAAA,CAAC,CAAC,WAAW,UAAU,GAAA,CAAA,KAAA/C,EAAA,IAAA,EAAA,GAE5B3B,EAoBM,OApBNqD,GAoBM,CAnBJrD,EAMS,UAAA;IALP,MAAK;IACL,OAAM;IACL,SAAK,AAAAwE,EAAA,QAAA,MAAEN,EAAI,OAAA;GAET,GAAAjE,EAAAR,EAAAiF,CAAA,CAAC,CAAC,WAAW,MAAM,GAAA,CAAA,GAExB1E,EAWS,UAAA;IAVP,MAAK;IACL,OAAM;IACN,eAAY;IACX,SAAK,AAAAwE,EAAA,QAAA,MAAEN,EAAI,QAAA;GAGV,GAAAjE,EAAA8D,EAAA,gBAAkCtE,EAAAiF,CAAA,CAAC,CAAC,WAAW,aAA+BjF,EAAAiF,CAAA,CAAC,CAAC,WAAW,UAAU,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;EE3HrH,IAAMR,IAAOL,GAIP,EAAE,SAAMvB,EAAQ;mBAKZyB,EAAA,aADRxD,EAAA,GAAAC,EAOM,OAPNoE,GAOM,CAHJnE,EAEM,OAFNoE,GAEMnE,EADDC,EAAA+D,CAAA,CAAC,CAAC,OAAO,aAAa,GAAA,CAAA,CAAA,CAAA,KAIhBX,EAAA,aADbxD,EAAA,GAAAC,EAWM,OAXNsE,GAWM,CAPDlE,EAAAF,EAAAC,EAAA+D,CAAA,CAAC,CAAC,OAAO,gBAAgB,IAAG,KAC/B,CAAA,GAAAjE,EAKS,UAAA;GAJP,OAAM;GACL,SAAK,AAAA+D,EAAA,QAAA,MAAEN,EAAI,OAAA;EAET,GAAAxD,EAAAC,EAAA+D,CAAA,CAAC,CAAC,OAAO,KAAK,GAAA,CAAA,CAAA,CAAA,KAKRX,EAAA,iBAAiBA,EAAA,UAF9BxD,EAAA,GAAAM,EAKEC,EAJKiD,EAAA,aAAa,GAAA;;GAEjB,QAAQA,EAAA;GACT,OAAM"}

package/dist/cdn/chunks/{SaveBlockDialog-jxQtKnVs.js → SaveBlockDialog-DZOmDCC8.js} RENAMED Viewed

@@ -1,13 +1,13 @@
-import { A as e, B as t, E as n, F as r, H as i, N as a, Q as o, R as s, S as c, U as l, at as u, b as d, c as f, ct as p, f as m, g as h, h as g, j as _, l as v, lt as y, m as b, o as x, p as S, t as ee, u as C, ut as w, y as T } from "./draggable-IB4x6w2O.js";
-import { o as E } from "./socialIcons-BvYNMn1G.js";
-import "./useEditorCore-DZmtKwJh.js";
+import { A as e, B as t, E as n, F as r, H as i, N as a, Q as o, R as s, S as c, U as l, at as u, b as d, c as f, ct as p, f as m, g as h, h as g, j as _, l as v, lt as y, m as b, o as x, p as S, t as C, u as w, ut as T, y as E } from "./draggable-IB4x6w2O.js";
+import { o as ee } from "./socialIcons-ZOCwCCyn.js";
+import "./useEditorCore-D4kzTMtQ.js";
 import { $ as D, U as O, g as k, p as A } from "./keys-DCWeHkSF.js";
-import { t as te } from "./useI18n-CyO_Nmca.js";
-import { It as j, Nt as M, ht as N, it as P } from "./icons-BKkJ-5xF.js";
+import { t as j } from "./useI18n-CyO_Nmca.js";
+import { Lt as M, Pt as te, at as N, gt as P } from "./icons-CQnjugjy.js";
 import { v as F } from "./styleConstants-C_YAPdQS.js";
-import { r as I } from "./WrapperBlock-CpRvfAV0.js";
-import { t as L } from "./TplModal-D8DoPbFa.js";
-import { t as R } from "./BlockPreviewCanvas-D31TNib3.js";
+import { r as I } from "./WrapperBlock-DI8vSvTO.js";
+import { t as L } from "./TplModal-mLMmolQp.js";
+import { t as R } from "./BlockPreviewCanvas-CMmv1FTA.js";
 //#region src/components/SavedBlockPreviewRow.vue?vue&type=script&setup=true&lang.ts
 var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relative tpl:min-w-0 tpl:flex-1" }, H = {
 	key: 0,
@@ -24,21 +24,21 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 	},
 	emits: ["move"],
 	setup(t, { emit: r }) {
-		let i = t, c = r, { t: l, format: p } = te(), x = n(A, []), ee = n(k, null), C = m(() => I(ee?.content.value.settings)), D = o(null), O = o(null), P = o(1), F = o(null), L = o(!1), G = null, K = m(() => F.value !== null && F.value > W), q = m(() => F.value === null ? null : L.value || !K.value ? F.value : W);
+		let i = t, c = r, { t: l, format: p } = j(), x = n(A, []), C = n(k, null), w = m(() => I(C?.content.value.settings)), D = o(null), O = o(null), N = o(1), F = o(null), L = o(!1), G = null, K = m(() => F.value !== null && F.value > W), q = m(() => F.value === null ? null : L.value || !K.value ? F.value : W);
 		function J() {
 			let e = D.value, t = O.value;
 			if (!e || !t) return;
 			let n = e.clientWidth;
 			if (n <= 0) return;
-			let r = Math.min(1, n / C.value);
-			P.value = r, F.value = t.offsetHeight * r;
+			let r = Math.min(1, n / w.value);
+			N.value = r, F.value = t.offsetHeight * r;
 		}
 		_(() => {
 			J(), typeof ResizeObserver < "u" && (G = new ResizeObserver(() => J()), D.value && G.observe(D.value), O.value && G.observe(O.value));
 		}), e(() => {
 			G?.disconnect(), G = null;
 		});
-		let Y = m(() => E(i.block, l, x)), X = m(() => p(l.savedBlocks.reorderHandle, {
+		let Y = m(() => ee(i.block, l, x)), X = m(() => p(l.savedBlocks.reorderHandle, {
 			block: Y.value,
 			position: i.position,
 			total: i.total
@@ -55,7 +55,7 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 			"aria-label": X.value,
 			title: u(l).savedBlocks.reorderHint,
 			onKeydown: [n[0] ||= f(v((e) => c("move", -1), ["prevent"]), ["up"]), n[1] ||= f(v((e) => c("move", 1), ["prevent"]), ["down"])]
-		}, [d(u(N), {
+		}, [d(u(P), {
 			size: 14,
 			"stroke-width": 1.5
 		})], 40, B), S("div", V, [
@@ -68,8 +68,8 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 				ref_key: "contentEl",
 				ref: O,
 				style: y({
-					width: `${C.value}px`,
-					transform: `scale(${P.value})`,
+					width: `${w.value}px`,
+					transform: `scale(${N.value})`,
 					transformOrigin: "top left"
 				})
 			}, [d(R, { blocks: [t.block] }, null, 8, ["blocks"])], 4)], 4),
@@ -82,10 +82,10 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 				"aria-label": Z.value,
 				"aria-expanded": L.value,
 				onClick: n[2] ||= (e) => L.value = !L.value
-			}, [(a(), b(s(u(L.value ? M : j)), {
+			}, [(a(), b(s(u(L.value ? te : M)), {
 				size: 11,
 				"stroke-width": 2
-			})), T(" " + w(L.value ? u(l).savedBlocks.collapse : u(l).savedBlocks.expand), 1)], 8, U)) : g("", !0)
+			})), E(" " + T(L.value ? u(l).savedBlocks.collapse : u(l).savedBlocks.expand), 1)], 8, U)) : g("", !0)
 		])], 8, z));
 	}
 }), K = ["aria-busy"], q = {
@@ -120,7 +120,7 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 	},
 	emits: ["close", "saved"],
 	setup(e, { emit: s }) {
-		let c = e, f = s, { t: _, format: v } = te(), y = D(k, "SaveBlockDialog"), j = D(O, "SaveBlockDialog"), M = n(A, []), N = o(""), I = o(""), R = o(!1), z = o(null), B = o(""), V = o([]), H = m(() => {
+		let c = e, f = s, { t: _, format: v } = j(), y = D(k, "SaveBlockDialog"), M = D(O, "SaveBlockDialog"), te = n(A, []), P = o(""), I = o(""), R = o(!1), z = o(null), B = o(""), V = o([]), H = m(() => {
 			let e = new Map(y.content.value.blocks.map((e) => [e.id, e]));
 			return V.value.map((t) => e.get(t)).filter((e) => e !== void 0);
 		}), U = m({
@@ -141,20 +141,20 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 			}) : "";
 		}
 		function Q(e) {
-			return E(e, _, M);
+			return ee(e, _, te);
 		}
 		let ge = m(() => H.value.map(Q).join(", "));
 		t(() => c.visible, (e) => {
-			e && (N.value = "", I.value = "", z.value = null, B.value = "", V.value = [...c.pickedIds]);
+			e && (P.value = "", I.value = "", z.value = null, B.value = "", V.value = [...c.pickedIds]);
 		}, { immediate: !0 });
-		let _e = m(() => N.value.trim().length > 0 && H.value.length > 0 && !R.value);
+		let _e = m(() => P.value.trim().length > 0 && H.value.length > 0 && !R.value);
 		async function ve() {
 			if (!_e.value) return;
 			let e = H.value;
 			if (e.length !== 0) {
 				R.value = !0, z.value = null;
 				try {
-					await j.create(N.value.trim(), e, I.value.trim() || void 0), f("saved"), f("close");
+					await M.create(P.value.trim(), e, I.value.trim() || void 0), f("saved"), f("close");
 				} catch (e) {
 					z.value = e.message;
 				} finally {
@@ -184,17 +184,17 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 					"box-shadow": "var(--tpl-shadow-xl)"
 				}
 			}, [
-				S("h3", q, w(u(_).savedBlocks.saveAsBlock), 1),
-				S("div", J, [S("label", Y, w(u(_).savedBlocks.name), 1), l(S("input", {
-					"onUpdate:modelValue": n[0] ||= (e) => N.value = e,
+				S("h3", q, T(u(_).savedBlocks.saveAsBlock), 1),
+				S("div", J, [S("label", Y, T(u(_).savedBlocks.name), 1), l(S("input", {
+					"onUpdate:modelValue": n[0] ||= (e) => P.value = e,
 					type: "text",
 					"data-testid": "saved-blocks-name-input",
 					placeholder: u(_).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-[var(--tpl-shadow-sm)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
 					disabled: R.value
-				}, null, 8, X), [[x, N.value]])]),
+				}, null, 8, X), [[x, P.value]])]),
 				S("div", Z, [
-					S("label", ne, w(u(_).savedBlocks.category), 1),
+					S("label", ne, T(u(_).savedBlocks.category), 1),
 					l(S("input", {
 						id: "tpl-save-block-category",
 						"onUpdate:modelValue": n[1] ||= (e) => I.value = e,
@@ -205,14 +205,14 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 						class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:shadow-[var(--tpl-shadow-sm)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
 						disabled: R.value
 					}, null, 8, re), [[x, I.value]]),
-					S("datalist", ie, [(a(!0), h(C, null, r(u(j).categories.value, (e) => (a(), h("option", {
+					S("datalist", ie, [(a(!0), h(w, null, r(u(M).categories.value, (e) => (a(), h("option", {
 						key: e,
 						value: e
 					}, null, 8, ae))), 128))])
 				]),
-				S("p", oe, [T(w(u(v)(u(_).savedBlocks.savingCount, { count: H.value.length })) + " ", 1), S("span", se, w(ge.value), 1)]),
-				H.value.length > 1 ? (a(), h("p", ce, w(u(_).savedBlocks.reorderHint), 1)) : g("", !0),
-				d(u(ee), {
+				S("p", oe, [E(T(u(v)(u(_).savedBlocks.savingCount, { count: H.value.length })) + " ", 1), S("span", se, T(ge.value), 1)]),
+				H.value.length > 1 ? (a(), h("p", ce, T(u(_).savedBlocks.reorderHint), 1)) : g("", !0),
+				d(u(C), {
 					modelValue: U.value,
 					"onUpdate:modelValue": n[2] ||= (e) => U.value = e,
 					"data-testid": "saved-blocks-reorder-list",
@@ -223,7 +223,7 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { 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: i(() => [(a(!0), h(C, null, r(U.value, (e, t) => (a(), b(G, {
+					default: i(() => [(a(!0), h(w, null, r(U.value, (e, t) => (a(), b(G, {
 						key: e.id,
 						block: e,
 						position: t + 1,
@@ -237,23 +237,23 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 					]))), 128))]),
 					_: 1
 				}, 8, ["modelValue"]),
-				S("div", le, w(B.value), 1),
-				z.value ? (a(), h("p", ue, w(z.value), 1)) : g("", !0),
+				S("div", le, T(B.value), 1),
+				z.value ? (a(), h("p", ue, T(z.value), 1)) : g("", !0),
 				S("div", de, [S("button", {
 					type: "button",
 					class: p(["tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-[var(--tpl-shadow-sm)] tpl:transition-all tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]", { "tpl:cursor-not-allowed tpl:opacity-50": R.value }]),
 					disabled: R.value,
 					onClick: $
-				}, w(u(_).savedBlocks.cancel), 11, fe), S("button", {
+				}, T(u(_).savedBlocks.cancel), 11, fe), S("button", {
 					type: "button",
 					class: p(u(F)),
 					disabled: !_e.value,
 					onClick: ve
-				}, [R.value ? (a(), h("span", me, [d(u(P), {
+				}, [R.value ? (a(), h("span", me, [d(u(N), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
-				}), T(" " + w(u(_).savedBlocks.saving), 1)])) : (a(), h("span", he, w(u(_).savedBlocks.save), 1))], 10, pe)])
+				}), E(" " + T(u(_).savedBlocks.saving), 1)])) : (a(), h("span", he, T(u(_).savedBlocks.save), 1))], 10, pe)])
 			], 8, K)]),
 			_: 1
 		}, 8, ["visible"]));
@@ -262,4 +262,4 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 //#endregion
 export { Q as default };
-//# sourceMappingURL=SaveBlockDialog-jxQtKnVs.js.map
+//# sourceMappingURL=SaveBlockDialog-DZOmDCC8.js.map