@templatical/editor 0.6.4 → 0.6.6

package/dist/cdn/chunks/{ParagraphEditor-B6Ygu-Mq.js.map → ParagraphEditor-S1bpgxe5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ParagraphEditor-B6Ygu-Mq.js","names":[],"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/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-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:duration-100 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-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:duration-100 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',\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',\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\">\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 type { Editor } from \"@tiptap/core\";\nimport {\n  AlignCenter,\n  AlignLeft,\n  AlignRight,\n  Bold,\n  Italic,\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 { inject } from \"vue\";\nimport {\n  THEME_STYLES_KEY,\n  UI_THEME_KEY,\n  FONTS_MANAGER_KEY,\n  requireInject,\n} from \"../../keys\";\nimport {\n  DEFAULT_TEXT_COLOR,\n  DEFAULT_HIGHLIGHT_COLOR,\n  FONT_SIZE_OPTIONS,\n  LINE_HEIGHT_OPTIONS,\n  LETTER_SPACING_OPTIONS,\n} from \"../../constants/styleConstants\";\n\nconst props = defineProps<{\n  editor: Editor | null;\n  toolbarPosition: { top: number; left: number };\n  isLoading: boolean;\n  canRequestMergeTag: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"open-link-dialog\"): void;\n  (e: \"add-merge-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\");\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\nfunction setColor(color: string): void {\n  const chain = props.editor?.chain().focus();\n  if (color) chain?.setColor(color).run();\n  else chain?.unsetColor().run();\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 to=\"body\">\n    <div\n      :data-tpl-theme=\"tplUiTheme\"\n      role=\"toolbar\"\n      :aria-label=\"t.paragraphEditor.toolbar\"\n      class=\"tpl tpl-text-toolbar tpl:fixed tpl:z-popover 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-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        <!-- Row 1: Font family, Font size, Text color, Bold/Italic/Underline/Strikethrough -->\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          <div class=\"tpl:relative\">\n            <input\n              type=\"color\"\n              class=\"tpl:size-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-1\"\n              :value=\"textStyleAttr('color') || DEFAULT_TEXT_COLOR\"\n              :aria-label=\"t.paragraphEditor.textColor\"\n              :title=\"t.paragraphEditor.textColor\"\n              @input=\"setColor(($event.target as HTMLInputElement).value)\"\n            />\n          </div>\n          <div class=\"tpl:relative\">\n            <input\n              type=\"color\"\n              class=\"tpl:size-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:p-1\"\n              :style=\"{\n                backgroundColor: getCurrentHighlight() || 'var(--tpl-bg)',\n              }\"\n              :value=\"getCurrentHighlight() || DEFAULT_HIGHLIGHT_COLOR\"\n              :aria-label=\"t.paragraphEditor.highlightColor\"\n              :title=\"t.paragraphEditor.highlightColor\"\n              @input=\"setHighlight(($event.target as HTMLInputElement).value)\"\n            />\n          </div>\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        <!-- Row 2: Lists, Alignment, LH, LS, Clear, Emoji, Merge tags -->\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          <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:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]\"\n              :aria-label=\"t.mergeTag.add\"\n              :title=\"t.mergeTag.add\"\n              @click=\"emit('add-merge-tag')\"\n            >\n              <ScanLine :size=\"16\" :stroke-width=\"2\" />\n              {{ t.mergeTag.add }}\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 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 type { Editor } from \"@tiptap/core\";\nimport {\n  AlignCenter,\n  AlignLeft,\n  AlignRight,\n  Bold,\n  Italic,\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 { inject } from \"vue\";\nimport {\n  THEME_STYLES_KEY,\n  UI_THEME_KEY,\n  FONTS_MANAGER_KEY,\n  requireInject,\n} from \"../../keys\";\nimport {\n  DEFAULT_TEXT_COLOR,\n  DEFAULT_HIGHLIGHT_COLOR,\n  FONT_SIZE_OPTIONS,\n  LINE_HEIGHT_OPTIONS,\n  LETTER_SPACING_OPTIONS,\n} from \"../../constants/styleConstants\";\n\nconst props = defineProps<{\n  editor: Editor | null;\n  toolbarPosition: { top: number; left: number };\n  isLoading: boolean;\n  canRequestMergeTag: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"open-link-dialog\"): void;\n  (e: \"add-merge-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\");\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\nfunction setColor(color: string): void {\n  const chain = props.editor?.chain().focus();\n  if (color) chain?.setColor(color).run();\n  else chain?.unsetColor().run();\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 to=\"body\">\n    <div\n      :data-tpl-theme=\"tplUiTheme\"\n      role=\"toolbar\"\n      :aria-label=\"t.paragraphEditor.toolbar\"\n      class=\"tpl tpl-text-toolbar tpl:fixed tpl:z-popover 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-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        <!-- Row 1: Font family, Font size, Text color, Bold/Italic/Underline/Strikethrough -->\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          <div class=\"tpl:relative\">\n            <input\n              type=\"color\"\n              class=\"tpl:size-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-1\"\n              :value=\"textStyleAttr('color') || DEFAULT_TEXT_COLOR\"\n              :aria-label=\"t.paragraphEditor.textColor\"\n              :title=\"t.paragraphEditor.textColor\"\n              @input=\"setColor(($event.target as HTMLInputElement).value)\"\n            />\n          </div>\n          <div class=\"tpl:relative\">\n            <input\n              type=\"color\"\n              class=\"tpl:size-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:p-1\"\n              :style=\"{\n                backgroundColor: getCurrentHighlight() || 'var(--tpl-bg)',\n              }\"\n              :value=\"getCurrentHighlight() || DEFAULT_HIGHLIGHT_COLOR\"\n              :aria-label=\"t.paragraphEditor.highlightColor\"\n              :title=\"t.paragraphEditor.highlightColor\"\n              @input=\"setHighlight(($event.target as HTMLInputElement).value)\"\n            />\n          </div>\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        <!-- Row 2: Lists, Alignment, LH, LS, Clear, Emoji, Merge tags -->\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          <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:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]\"\n              :aria-label=\"t.mergeTag.add\"\n              :title=\"t.mergeTag.add\"\n              @click=\"emit('add-merge-tag')\"\n            >\n              <ScanLine :size=\"16\" :stroke-width=\"2\" />\n              {{ t.mergeTag.add }}\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 type { ParagraphBlock as ParagraphBlockType } from \"@templatical/types\";\nimport ParagraphToolbar from \"./ParagraphToolbar.vue\";\nimport RichTextLinkDialog from \"./RichTextLinkDialog.vue\";\nimport RichTextEditorContent from \"./RichTextEditorContent.vue\";\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 {\n  editor,\n  EditorContent,\n  isLoading,\n  initError,\n  retry,\n  showLinkDialog,\n  linkUrl,\n  linkDialogRef,\n  canRequestMergeTag,\n  openLinkDialog,\n  insertLink,\n  removeLink,\n  closeLinkDialog,\n  handleLinkKeydown,\n  handleAddMergeTag,\n} = useRichTextEditor({\n  blockId: () => props.block.id,\n  blockContent: () => props.block.content,\n  onDone: () => emit(\"done\"),\n  editorName: \"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      },\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        }),\n        UnderlineExt,\n        SubscriptExt,\n        SuperscriptExt,\n        LinkExt.configure({\n          openOnClick: false,\n          HTMLAttributes: {\n            target: \"_blank\",\n            rel: \"noopener noreferrer\",\n          },\n        }),\n        TextAlign.configure({ types: [\"paragraph\"] }),\n        TextStyle,\n        Color,\n        FontFamily,\n        Highlight.configure({ multicolor: true }),\n        FontSize,\n        LineHeight,\n        LetterSpacing,\n        MergeTagNode.configure({ mergeTags, syntax }),\n        LogicMergeTagNode.configure({ syntax }),\n        ...(autocompleteEnabled && triggerChar && mergeTags.length > 0\n          ? [\n              MergeTagSuggestion.configure({\n                mergeTags,\n                char: triggerChar,\n                emptyText: suggestionEmptyText,\n              }),\n            ]\n          : []),\n      ],\n    };\n  },\n});\n</script>\n\n<template>\n  <div class=\"tpl-text-editor-wrapper tpl:relative\">\n    <ParagraphToolbar\n      :editor=\"editor\"\n      :toolbar-position=\"toolbarPosition\"\n      :is-loading=\"isLoading\"\n      :can-request-merge-tag=\"canRequestMergeTag\"\n      @open-link-dialog=\"openLinkDialog\"\n      @add-merge-tag=\"handleAddMergeTag\"\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      @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 type { ParagraphBlock as ParagraphBlockType } from \"@templatical/types\";\nimport ParagraphToolbar from \"./ParagraphToolbar.vue\";\nimport RichTextLinkDialog from \"./RichTextLinkDialog.vue\";\nimport RichTextEditorContent from \"./RichTextEditorContent.vue\";\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 {\n  editor,\n  EditorContent,\n  isLoading,\n  initError,\n  retry,\n  showLinkDialog,\n  linkUrl,\n  linkDialogRef,\n  canRequestMergeTag,\n  openLinkDialog,\n  insertLink,\n  removeLink,\n  closeLinkDialog,\n  handleLinkKeydown,\n  handleAddMergeTag,\n} = useRichTextEditor({\n  blockId: () => props.block.id,\n  blockContent: () => props.block.content,\n  onDone: () => emit(\"done\"),\n  editorName: \"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      },\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        }),\n        UnderlineExt,\n        SubscriptExt,\n        SuperscriptExt,\n        LinkExt.configure({\n          openOnClick: false,\n          HTMLAttributes: {\n            target: \"_blank\",\n            rel: \"noopener noreferrer\",\n          },\n        }),\n        TextAlign.configure({ types: [\"paragraph\"] }),\n        TextStyle,\n        Color,\n        FontFamily,\n        Highlight.configure({ multicolor: true }),\n        FontSize,\n        LineHeight,\n        LetterSpacing,\n        MergeTagNode.configure({ mergeTags, syntax }),\n        LogicMergeTagNode.configure({ syntax }),\n        ...(autocompleteEnabled && triggerChar && mergeTags.length > 0\n          ? [\n              MergeTagSuggestion.configure({\n                mergeTags,\n                char: triggerChar,\n                emptyText: suggestionEmptyText,\n              }),\n            ]\n          : []),\n      ],\n    };\n  },\n});\n</script>\n\n<template>\n  <div class=\"tpl-text-editor-wrapper tpl:relative\">\n    <ParagraphToolbar\n      :editor=\"editor\"\n      :toolbar-position=\"toolbarPosition\"\n      :is-loading=\"isLoading\"\n      :can-request-merge-tag=\"canRequestMergeTag\"\n      @open-link-dialog=\"openLinkDialog\"\n      @add-merge-tag=\"handleAddMergeTag\"\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      @close=\"closeLinkDialog\"\n      @insert=\"insertLink\"\n      @remove=\"removeLink\"\n      @keydown=\"handleLinkKeydown\"\n    />\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"ParagraphEditor-S1bpgxe5.js","names":[],"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/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-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:duration-100 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-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:duration-100 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',\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',\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\">\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 type { Editor } from \"@tiptap/core\";\nimport {\n  AlignCenter,\n  AlignLeft,\n  AlignRight,\n  Bold,\n  Italic,\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 { inject } from \"vue\";\nimport {\n  THEME_STYLES_KEY,\n  UI_THEME_KEY,\n  FONTS_MANAGER_KEY,\n  requireInject,\n} from \"../../keys\";\nimport {\n  DEFAULT_TEXT_COLOR,\n  DEFAULT_HIGHLIGHT_COLOR,\n  FONT_SIZE_OPTIONS,\n  LINE_HEIGHT_OPTIONS,\n  LETTER_SPACING_OPTIONS,\n} from \"../../constants/styleConstants\";\n\nconst props = defineProps<{\n  editor: Editor | null;\n  toolbarPosition: { top: number; left: number };\n  isLoading: boolean;\n  canRequestMergeTag: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"open-link-dialog\"): void;\n  (e: \"add-merge-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\");\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\nfunction setColor(color: string): void {\n  const chain = props.editor?.chain().focus();\n  if (color) chain?.setColor(color).run();\n  else chain?.unsetColor().run();\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 to=\"body\">\n    <div\n      :data-tpl-theme=\"tplUiTheme\"\n      role=\"toolbar\"\n      :aria-label=\"t.paragraphEditor.toolbar\"\n      class=\"tpl tpl-text-toolbar tpl:fixed tpl:z-popover 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-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        <!-- Row 1: Font family, Font size, Text color, Bold/Italic/Underline/Strikethrough -->\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          <div class=\"tpl:relative\">\n            <input\n              type=\"color\"\n              class=\"tpl:size-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-1\"\n              :value=\"textStyleAttr('color') || DEFAULT_TEXT_COLOR\"\n              :aria-label=\"t.paragraphEditor.textColor\"\n              :title=\"t.paragraphEditor.textColor\"\n              @input=\"setColor(($event.target as HTMLInputElement).value)\"\n            />\n          </div>\n          <div class=\"tpl:relative\">\n            <input\n              type=\"color\"\n              class=\"tpl:size-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:p-1\"\n              :style=\"{\n                backgroundColor: getCurrentHighlight() || 'var(--tpl-bg)',\n              }\"\n              :value=\"getCurrentHighlight() || DEFAULT_HIGHLIGHT_COLOR\"\n              :aria-label=\"t.paragraphEditor.highlightColor\"\n              :title=\"t.paragraphEditor.highlightColor\"\n              @input=\"setHighlight(($event.target as HTMLInputElement).value)\"\n            />\n          </div>\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        <!-- Row 2: Lists, Alignment, LH, LS, Clear, Emoji, Merge tags -->\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          <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:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]\"\n              :aria-label=\"t.mergeTag.add\"\n              :title=\"t.mergeTag.add\"\n              @click=\"emit('add-merge-tag')\"\n            >\n              <ScanLine :size=\"16\" :stroke-width=\"2\" />\n              {{ t.mergeTag.add }}\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 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 type { Editor } from \"@tiptap/core\";\nimport {\n  AlignCenter,\n  AlignLeft,\n  AlignRight,\n  Bold,\n  Italic,\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 { inject } from \"vue\";\nimport {\n  THEME_STYLES_KEY,\n  UI_THEME_KEY,\n  FONTS_MANAGER_KEY,\n  requireInject,\n} from \"../../keys\";\nimport {\n  DEFAULT_TEXT_COLOR,\n  DEFAULT_HIGHLIGHT_COLOR,\n  FONT_SIZE_OPTIONS,\n  LINE_HEIGHT_OPTIONS,\n  LETTER_SPACING_OPTIONS,\n} from \"../../constants/styleConstants\";\n\nconst props = defineProps<{\n  editor: Editor | null;\n  toolbarPosition: { top: number; left: number };\n  isLoading: boolean;\n  canRequestMergeTag: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"open-link-dialog\"): void;\n  (e: \"add-merge-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\");\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\nfunction setColor(color: string): void {\n  const chain = props.editor?.chain().focus();\n  if (color) chain?.setColor(color).run();\n  else chain?.unsetColor().run();\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 to=\"body\">\n    <div\n      :data-tpl-theme=\"tplUiTheme\"\n      role=\"toolbar\"\n      :aria-label=\"t.paragraphEditor.toolbar\"\n      class=\"tpl tpl-text-toolbar tpl:fixed tpl:z-popover 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-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        <!-- Row 1: Font family, Font size, Text color, Bold/Italic/Underline/Strikethrough -->\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          <div class=\"tpl:relative\">\n            <input\n              type=\"color\"\n              class=\"tpl:size-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-1\"\n              :value=\"textStyleAttr('color') || DEFAULT_TEXT_COLOR\"\n              :aria-label=\"t.paragraphEditor.textColor\"\n              :title=\"t.paragraphEditor.textColor\"\n              @input=\"setColor(($event.target as HTMLInputElement).value)\"\n            />\n          </div>\n          <div class=\"tpl:relative\">\n            <input\n              type=\"color\"\n              class=\"tpl:size-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:p-1\"\n              :style=\"{\n                backgroundColor: getCurrentHighlight() || 'var(--tpl-bg)',\n              }\"\n              :value=\"getCurrentHighlight() || DEFAULT_HIGHLIGHT_COLOR\"\n              :aria-label=\"t.paragraphEditor.highlightColor\"\n              :title=\"t.paragraphEditor.highlightColor\"\n              @input=\"setHighlight(($event.target as HTMLInputElement).value)\"\n            />\n          </div>\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        <!-- Row 2: Lists, Alignment, LH, LS, Clear, Emoji, Merge tags -->\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          <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:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]\"\n              :aria-label=\"t.mergeTag.add\"\n              :title=\"t.mergeTag.add\"\n              @click=\"emit('add-merge-tag')\"\n            >\n              <ScanLine :size=\"16\" :stroke-width=\"2\" />\n              {{ t.mergeTag.add }}\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 type { ParagraphBlock as ParagraphBlockType } from \"@templatical/types\";\nimport ParagraphToolbar from \"./ParagraphToolbar.vue\";\nimport RichTextLinkDialog from \"./RichTextLinkDialog.vue\";\nimport RichTextEditorContent from \"./RichTextEditorContent.vue\";\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 {\n  editor,\n  EditorContent,\n  isLoading,\n  initError,\n  retry,\n  showLinkDialog,\n  linkUrl,\n  linkDialogRef,\n  canRequestMergeTag,\n  openLinkDialog,\n  insertLink,\n  removeLink,\n  closeLinkDialog,\n  handleLinkKeydown,\n  handleAddMergeTag,\n} = useRichTextEditor({\n  blockId: () => props.block.id,\n  blockContent: () => props.block.content,\n  onDone: () => emit(\"done\"),\n  editorName: \"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      },\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        }),\n        UnderlineExt,\n        SubscriptExt,\n        SuperscriptExt,\n        LinkExt.configure({\n          openOnClick: false,\n          HTMLAttributes: {\n            target: \"_blank\",\n            rel: \"noopener noreferrer\",\n          },\n        }),\n        TextAlign.configure({ types: [\"paragraph\"] }),\n        TextStyle,\n        Color,\n        FontFamily,\n        Highlight.configure({ multicolor: true }),\n        FontSize,\n        LineHeight,\n        LetterSpacing,\n        MergeTagNode.configure({ mergeTags, syntax }),\n        LogicMergeTagNode.configure({ syntax }),\n        ...(autocompleteEnabled && triggerChar && mergeTags.length > 0\n          ? [\n              MergeTagSuggestion.configure({\n                mergeTags,\n                char: triggerChar,\n                emptyText: suggestionEmptyText,\n              }),\n            ]\n          : []),\n      ],\n    };\n  },\n});\n</script>\n\n<template>\n  <div class=\"tpl-text-editor-wrapper tpl:relative\">\n    <ParagraphToolbar\n      :editor=\"editor\"\n      :toolbar-position=\"toolbarPosition\"\n      :is-loading=\"isLoading\"\n      :can-request-merge-tag=\"canRequestMergeTag\"\n      @open-link-dialog=\"openLinkDialog\"\n      @add-merge-tag=\"handleAddMergeTag\"\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      @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 type { ParagraphBlock as ParagraphBlockType } from \"@templatical/types\";\nimport ParagraphToolbar from \"./ParagraphToolbar.vue\";\nimport RichTextLinkDialog from \"./RichTextLinkDialog.vue\";\nimport RichTextEditorContent from \"./RichTextEditorContent.vue\";\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 {\n  editor,\n  EditorContent,\n  isLoading,\n  initError,\n  retry,\n  showLinkDialog,\n  linkUrl,\n  linkDialogRef,\n  canRequestMergeTag,\n  openLinkDialog,\n  insertLink,\n  removeLink,\n  closeLinkDialog,\n  handleLinkKeydown,\n  handleAddMergeTag,\n} = useRichTextEditor({\n  blockId: () => props.block.id,\n  blockContent: () => props.block.content,\n  onDone: () => emit(\"done\"),\n  editorName: \"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      },\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        }),\n        UnderlineExt,\n        SubscriptExt,\n        SuperscriptExt,\n        LinkExt.configure({\n          openOnClick: false,\n          HTMLAttributes: {\n            target: \"_blank\",\n            rel: \"noopener noreferrer\",\n          },\n        }),\n        TextAlign.configure({ types: [\"paragraph\"] }),\n        TextStyle,\n        Color,\n        FontFamily,\n        Highlight.configure({ multicolor: true }),\n        FontSize,\n        LineHeight,\n        LetterSpacing,\n        MergeTagNode.configure({ mergeTags, syntax }),\n        LogicMergeTagNode.configure({ syntax }),\n        ...(autocompleteEnabled && triggerChar && mergeTags.length > 0\n          ? [\n              MergeTagSuggestion.configure({\n                mergeTags,\n                char: triggerChar,\n                emptyText: suggestionEmptyText,\n              }),\n            ]\n          : []),\n      ],\n    };\n  },\n});\n</script>\n\n<template>\n  <div class=\"tpl-text-editor-wrapper tpl:relative\">\n    <ParagraphToolbar\n      :editor=\"editor\"\n      :toolbar-position=\"toolbarPosition\"\n      :is-loading=\"isLoading\"\n      :can-request-merge-tag=\"canRequestMergeTag\"\n      @open-link-dialog=\"openLinkDialog\"\n      @add-merge-tag=\"handleAddMergeTag\"\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      @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/{RichTextEditorContent-DL_y2SrR.js → RichTextEditorContent-ByehRfEA.js}

@@ -1,5 +1,5 @@
-import { D as e, E as t, N as n, R as r, S as i, U as a, _ as o, at as s, b as c, ct as l, f as u, g as d, h as f, lt as p, m, s as h, u as g, y as _, z as v } from "./draggable-Bcb86AsV.js";
-import { $t as y, Nt as b, Qt as x, rt as S } from "./features-DEMb13KS.js";
+import { E as e, H as t, L as n, M as r, R as i, T as a, d as o, g as s, h as c, l, m as u, o as d, ot as f, p, rt as m, st as h, v as g, x as _, y as v } from "./draggable-CNhyCGIO.js";
+import { $t as y, Nt as b, Qt as x, rt as S } from "./features-D6FoOm8v.js";
 //#region src/components/blocks/RichTextLinkDialog.vue?vue&type=script&setup=true&lang.ts
 var C = ["data-tpl-theme"], w = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-5 tpl:py-4" }, T = {
 	id: "tpl-link-dialog-title",
@@ -7,7 +7,7 @@ var C = ["data-tpl-theme"], w = { class: "tpl:flex tpl:items-center tpl:justify-
 }, E = ["aria-label"], D = { class: "tpl:p-5" }, O = { class: "tpl:mb-4 tpl:last:mb-0" }, k = {
 	for: "tpl-link-dialog-url",
 	class: "tpl:mb-1.5 tpl:block tpl:text-xs tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase"
-}, A = ["placeholder"], j = { 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" }, M = { class: "tpl:ml-auto tpl:flex tpl:gap-2" }, N = /* @__PURE__ */ i({
+}, A = ["placeholder"], j = { 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" }, M = { class: "tpl:ml-auto tpl:flex tpl:gap-2" }, N = /* @__PURE__ */ _({
 	__name: "RichTextLinkDialog",
 	props: /* @__PURE__ */ e({
 		visible: { type: Boolean },
@@ -24,54 +24,54 @@ var C = ["data-tpl-theme"], w = { class: "tpl:flex tpl:items-center tpl:justify-
 		"remove",
 		"keydown"
 	], ["update:linkUrl", "update:dialogRef"]),
-	setup(e, { emit: r }) {
-		let i = v(e, "linkUrl"), _ = v(e, "dialogRef"), N = r, P = t(x, null), F = t(y, null), { t: I } = b();
-		return (t, r) => (n(), f(u, { to: "body" }, [e.visible ? (n(), o("div", {
+	setup(e, { emit: n }) {
+		let g = i(e, "linkUrl"), _ = i(e, "dialogRef"), N = n, P = a(x, null), F = a(y, null), { t: I } = b();
+		return (n, i) => (r(), u(o, { to: "body" }, [e.visible ? (r(), s("div", {
 			key: 0,
-			"data-tpl-theme": s(F),
+			"data-tpl-theme": m(F),
 			class: "tpl tpl-link-dialog tpl:fixed tpl:inset-0 tpl:z-modal tpl:flex tpl:items-center tpl:justify-center",
-			style: l(s(P)),
-			onClick: r[6] ||= g((e) => N("close"), ["self"])
-		}, [m("div", {
+			style: f(m(P)),
+			onClick: i[6] ||= l((e) => N("close"), ["self"])
+		}, [p("div", {
 			ref: (e) => _.value = e,
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-labelledby": "tpl-link-dialog-title",
 			class: "tpl:w-[400px] tpl:overflow-hidden tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:shadow-lg"
 		}, [
-			m("div", w, [m("h4", T, p(e.isEditingLink ? s(I).linkDialog.editLink : s(I).linkDialog.insertLink), 1), m("button", {
+			p("div", w, [p("h4", T, h(e.isEditingLink ? m(I).linkDialog.editLink : m(I).linkDialog.insertLink), 1), p("button", {
 				type: "button",
-				"aria-label": s(I).linkDialog.cancel,
+				"aria-label": m(I).linkDialog.cancel,
 				class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text-muted)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
-				onClick: r[0] ||= (e) => N("close")
-			}, [c(s(S), {
+				onClick: i[0] ||= (e) => N("close")
+			}, [v(m(S), {
 				size: 16,
 				"stroke-width": 2
 			})], 8, E)]),
-			m("div", D, [m("div", O, [m("label", k, p(s(I).linkDialog.urlLabel), 1), a(m("input", {
+			p("div", D, [p("div", O, [p("label", k, h(m(I).linkDialog.urlLabel), 1), t(p("input", {
 				id: "tpl-link-dialog-url",
-				"onUpdate:modelValue": r[1] ||= (e) => i.value = e,
+				"onUpdate:modelValue": i[1] ||= (e) => g.value = e,
 				type: "url",
 				class: "tpl:w-full tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2.5 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:outline-none tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]",
-				placeholder: s(I).linkDialog.urlPlaceholder,
+				placeholder: m(I).linkDialog.urlPlaceholder,
 				autofocus: "",
-				onKeydown: r[2] ||= (e) => N("keydown", e)
-			}, null, 40, A), [[h, i.value]])])]),
-			m("div", j, [e.isEditingLink ? (n(), o("button", {
+				onKeydown: i[2] ||= (e) => N("keydown", e)
+			}, null, 40, A), [[d, g.value]])])]),
+			p("div", j, [e.isEditingLink ? (r(), s("button", {
 				key: 0,
 				type: "button",
 				class: "tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-danger)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-danger)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-danger-light)]",
-				onClick: r[3] ||= (e) => N("remove")
-			}, p(s(I).linkDialog.removeLink), 1)) : d("", !0), m("div", M, [m("button", {
+				onClick: i[3] ||= (e) => N("remove")
+			}, h(m(I).linkDialog.removeLink), 1)) : c("", !0), p("div", M, [p("button", {
 				type: "button",
 				class: "tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
-				onClick: r[4] ||= (e) => N("close")
-			}, p(s(I).linkDialog.cancel), 1), m("button", {
+				onClick: i[4] ||= (e) => N("close")
+			}, h(m(I).linkDialog.cancel), 1), p("button", {
 				type: "button",
 				class: "tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border-none tpl:bg-[var(--tpl-primary)] tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-primary-hover)] tpl:text-[var(--tpl-bg)]",
-				onClick: r[5] ||= (e) => N("insert")
-			}, p(e.isEditingLink ? s(I).linkDialog.updateLink : s(I).linkDialog.insertLink), 1)])])
-		], 512)], 12, C)) : d("", !0)]));
+				onClick: i[5] ||= (e) => N("insert")
+			}, h(e.isEditingLink ? m(I).linkDialog.updateLink : m(I).linkDialog.insertLink), 1)])])
+		], 512)], 12, C)) : c("", !0)]));
 	}
 }), P = {
 	key: 0,
@@ -79,7 +79,7 @@ var C = ["data-tpl-theme"], w = { class: "tpl:flex tpl:items-center tpl:justify-
 }, F = { class: "tpl:animate-pulse tpl:text-[var(--tpl-text-dim)]" }, I = {
 	key: 1,
 	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)]"
-}, L = /* @__PURE__ */ i({
+}, L = /* @__PURE__ */ _({
 	__name: "RichTextEditorContent",
 	props: {
 		editor: {},
@@ -90,17 +90,17 @@ var C = ["data-tpl-theme"], w = { class: "tpl:flex tpl:items-center tpl:justify-
 	emits: ["retry"],
 	setup(e, { emit: t }) {
 		let i = t, { t: a } = b();
-		return (t, c) => e.isLoading ? (n(), o("div", P, [m("div", F, p(s(a).errors.editorLoading), 1)])) : e.initError ? (n(), o("div", I, [_(p(s(a).errors.editorLoadFailed) + " ", 1), m("button", {
+		return (t, o) => e.isLoading ? (r(), s("div", P, [p("div", F, h(m(a).errors.editorLoading), 1)])) : e.initError ? (r(), s("div", I, [g(h(m(a).errors.editorLoadFailed) + " ", 1), p("button", {
 			class: "tpl:ml-1 tpl:cursor-pointer tpl:border-none tpl:bg-transparent tpl:p-0 tpl:underline tpl:text-[var(--tpl-primary)]",
-			onClick: c[0] ||= (e) => i("retry")
-		}, p(s(a).errors.retry), 1)])) : e.editorContent && e.editor ? (n(), f(r(e.editorContent), {
+			onClick: o[0] ||= (e) => i("retry")
+		}, h(m(a).errors.retry), 1)])) : e.editorContent && e.editor ? (r(), u(n(e.editorContent), {
 			key: 2,
 			editor: e.editor,
 			class: "tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:border-[var(--tpl-primary)] tpl:p-2"
-		}, null, 8, ["editor"])) : d("", !0);
+		}, null, 8, ["editor"])) : c("", !0);
 	}
 });
 //#endregion
 export { N as n, L as t };
 
-//# sourceMappingURL=RichTextEditorContent-DL_y2SrR.js.map
+//# sourceMappingURL=RichTextEditorContent-ByehRfEA.js.map

package/dist/cdn/chunks/{RichTextEditorContent-DL_y2SrR.js.map → RichTextEditorContent-ByehRfEA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditorContent-DL_y2SrR.js","names":[],"sources":["../../../src/components/blocks/RichTextLinkDialog.vue","../../../src/components/blocks/RichTextLinkDialog.vue","../../../src/components/blocks/RichTextEditorContent.vue","../../../src/components/blocks/RichTextEditorContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\nimport { X } from \"@lucide/vue\";\nimport { inject } from \"vue\";\nimport { 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 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);\n\nconst { t } = useI18n();\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div\n      v-if=\"visible\"\n      :data-tpl-theme=\"tplUiTheme\"\n      class=\"tpl tpl-link-dialog tpl:fixed tpl:inset-0 tpl:z-modal tpl:flex tpl:items-center tpl:justify-center\"\n      :style=\"themeStyles\"\n      @click.self=\"emit('close')\"\n    >\n      <div\n        :ref=\"(el) => (dialogRef = el as HTMLElement | null)\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"tpl-link-dialog-title\"\n        class=\"tpl:w-[400px] tpl:overflow-hidden tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:shadow-lg\"\n      >\n        <div\n          class=\"tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-5 tpl:py-4\"\n        >\n          <h4\n            id=\"tpl-link-dialog-title\"\n            class=\"tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]\"\n          >\n            {{\n              isEditingLink ? t.linkDialog.editLink : t.linkDialog.insertLink\n            }}\n          </h4>\n          <button\n            type=\"button\"\n            :aria-label=\"t.linkDialog.cancel\"\n            class=\"tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text-muted)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]\"\n            @click=\"emit('close')\"\n          >\n            <X :size=\"16\" :stroke-width=\"2\" />\n          </button>\n        </div>\n        <div class=\"tpl:p-5\">\n          <div class=\"tpl:mb-4 tpl:last:mb-0\">\n            <label\n              for=\"tpl-link-dialog-url\"\n              class=\"tpl:mb-1.5 tpl:block tpl:text-xs tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase\"\n              >{{ t.linkDialog.urlLabel }}</label\n            >\n            <input\n              id=\"tpl-link-dialog-url\"\n              v-model=\"linkUrl\"\n              type=\"url\"\n              class=\"tpl:w-full tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2.5 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:outline-none tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]\"\n              :placeholder=\"t.linkDialog.urlPlaceholder\"\n              autofocus\n              @keydown=\"emit('keydown', $event)\"\n            />\n          </div>\n        </div>\n        <div\n          class=\"tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:px-5 tpl:py-4\"\n        >\n          <button\n            v-if=\"isEditingLink\"\n            type=\"button\"\n            class=\"tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-danger)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-danger)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-danger-light)]\"\n            @click=\"emit('remove')\"\n          >\n            {{ t.linkDialog.removeLink }}\n          </button>\n          <div class=\"tpl:ml-auto tpl:flex tpl:gap-2\">\n            <button\n              type=\"button\"\n              class=\"tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]\"\n              @click=\"emit('close')\"\n            >\n              {{ t.linkDialog.cancel }}\n            </button>\n            <button\n              type=\"button\"\n              class=\"tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border-none tpl:bg-[var(--tpl-primary)] tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-primary-hover)] tpl:text-[var(--tpl-bg)]\"\n              @click=\"emit('insert')\"\n            >\n              {{\n                isEditingLink\n                  ? t.linkDialog.updateLink\n                  : t.linkDialog.insertLink\n              }}\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\nimport { X } from \"@lucide/vue\";\nimport { inject } from \"vue\";\nimport { 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 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);\n\nconst { t } = useI18n();\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div\n      v-if=\"visible\"\n      :data-tpl-theme=\"tplUiTheme\"\n      class=\"tpl tpl-link-dialog tpl:fixed tpl:inset-0 tpl:z-modal tpl:flex tpl:items-center tpl:justify-center\"\n      :style=\"themeStyles\"\n      @click.self=\"emit('close')\"\n    >\n      <div\n        :ref=\"(el) => (dialogRef = el as HTMLElement | null)\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"tpl-link-dialog-title\"\n        class=\"tpl:w-[400px] tpl:overflow-hidden tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:shadow-lg\"\n      >\n        <div\n          class=\"tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-5 tpl:py-4\"\n        >\n          <h4\n            id=\"tpl-link-dialog-title\"\n            class=\"tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]\"\n          >\n            {{\n              isEditingLink ? t.linkDialog.editLink : t.linkDialog.insertLink\n            }}\n          </h4>\n          <button\n            type=\"button\"\n            :aria-label=\"t.linkDialog.cancel\"\n            class=\"tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text-muted)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]\"\n            @click=\"emit('close')\"\n          >\n            <X :size=\"16\" :stroke-width=\"2\" />\n          </button>\n        </div>\n        <div class=\"tpl:p-5\">\n          <div class=\"tpl:mb-4 tpl:last:mb-0\">\n            <label\n              for=\"tpl-link-dialog-url\"\n              class=\"tpl:mb-1.5 tpl:block tpl:text-xs tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase\"\n              >{{ t.linkDialog.urlLabel }}</label\n            >\n            <input\n              id=\"tpl-link-dialog-url\"\n              v-model=\"linkUrl\"\n              type=\"url\"\n              class=\"tpl:w-full tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2.5 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:outline-none tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]\"\n              :placeholder=\"t.linkDialog.urlPlaceholder\"\n              autofocus\n              @keydown=\"emit('keydown', $event)\"\n            />\n          </div>\n        </div>\n        <div\n          class=\"tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:px-5 tpl:py-4\"\n        >\n          <button\n            v-if=\"isEditingLink\"\n            type=\"button\"\n            class=\"tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-danger)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-danger)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-danger-light)]\"\n            @click=\"emit('remove')\"\n          >\n            {{ t.linkDialog.removeLink }}\n          </button>\n          <div class=\"tpl:ml-auto tpl:flex tpl:gap-2\">\n            <button\n              type=\"button\"\n              class=\"tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]\"\n              @click=\"emit('close')\"\n            >\n              {{ t.linkDialog.cancel }}\n            </button>\n            <button\n              type=\"button\"\n              class=\"tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border-none tpl:bg-[var(--tpl-primary)] tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-primary-hover)] tpl:text-[var(--tpl-bg)]\"\n              @click=\"emit('insert')\"\n            >\n              {{\n                isEditingLink\n                  ? t.linkDialog.updateLink\n                  : t.linkDialog.insertLink\n              }}\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\nimport type { Editor } from \"@tiptap/vue-3\";\nimport type { Component } from \"vue\";\n\ndefineProps<{\n  editor: Editor | null;\n  editorContent: Component | null;\n  isLoading: boolean;\n  initError: string | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"retry\"): void;\n}>();\n\nconst { t } = useI18n();\n</script>\n\n<template>\n  <div\n    v-if=\"isLoading\"\n    class=\"tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:border-[var(--tpl-primary)] tpl:p-2\"\n  >\n    <div class=\"tpl:animate-pulse tpl:text-[var(--tpl-text-dim)]\">\n      {{ t.errors.editorLoading }}\n    </div>\n  </div>\n  <div\n    v-else-if=\"initError\"\n    class=\"tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:p-2 tpl:text-center tpl:text-xs tpl:border-[var(--tpl-danger)] tpl:text-[var(--tpl-text-muted)]\"\n  >\n    {{ t.errors.editorLoadFailed }}\n    <button\n      class=\"tpl:ml-1 tpl:cursor-pointer tpl:border-none tpl:bg-transparent tpl:p-0 tpl:underline tpl:text-[var(--tpl-primary)]\"\n      @click=\"emit('retry')\"\n    >\n      {{ t.errors.retry }}\n    </button>\n  </div>\n  <component\n    :is=\"editorContent\"\n    v-else-if=\"editorContent && editor\"\n    :editor=\"editor as Editor\"\n    class=\"tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:border-[var(--tpl-primary)] tpl:p-2\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\nimport type { Editor } from \"@tiptap/vue-3\";\nimport type { Component } from \"vue\";\n\ndefineProps<{\n  editor: Editor | null;\n  editorContent: Component | null;\n  isLoading: boolean;\n  initError: string | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"retry\"): void;\n}>();\n\nconst { t } = useI18n();\n</script>\n\n<template>\n  <div\n    v-if=\"isLoading\"\n    class=\"tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:border-[var(--tpl-primary)] tpl:p-2\"\n  >\n    <div class=\"tpl:animate-pulse tpl:text-[var(--tpl-text-dim)]\">\n      {{ t.errors.editorLoading }}\n    </div>\n  </div>\n  <div\n    v-else-if=\"initError\"\n    class=\"tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:p-2 tpl:text-center tpl:text-xs tpl:border-[var(--tpl-danger)] tpl:text-[var(--tpl-text-muted)]\"\n  >\n    {{ t.errors.editorLoadFailed }}\n    <button\n      class=\"tpl:ml-1 tpl:cursor-pointer tpl:border-none tpl:bg-transparent tpl:p-0 tpl:underline tpl:text-[var(--tpl-primary)]\"\n      @click=\"emit('retry')\"\n    >\n      {{ t.errors.retry }}\n    </button>\n  </div>\n  <component\n    :is=\"editorContent\"\n    v-else-if=\"editorContent && editor\"\n    :editor=\"editor as Editor\"\n    class=\"tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:border-[var(--tpl-primary)] tpl:p-2\"\n  />\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"RichTextEditorContent-ByehRfEA.js","names":[],"sources":["../../../src/components/blocks/RichTextLinkDialog.vue","../../../src/components/blocks/RichTextLinkDialog.vue","../../../src/components/blocks/RichTextEditorContent.vue","../../../src/components/blocks/RichTextEditorContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\nimport { X } from \"@lucide/vue\";\nimport { inject } from \"vue\";\nimport { 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 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);\n\nconst { t } = useI18n();\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div\n      v-if=\"visible\"\n      :data-tpl-theme=\"tplUiTheme\"\n      class=\"tpl tpl-link-dialog tpl:fixed tpl:inset-0 tpl:z-modal tpl:flex tpl:items-center tpl:justify-center\"\n      :style=\"themeStyles\"\n      @click.self=\"emit('close')\"\n    >\n      <div\n        :ref=\"(el) => (dialogRef = el as HTMLElement | null)\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"tpl-link-dialog-title\"\n        class=\"tpl:w-[400px] tpl:overflow-hidden tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:shadow-lg\"\n      >\n        <div\n          class=\"tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-5 tpl:py-4\"\n        >\n          <h4\n            id=\"tpl-link-dialog-title\"\n            class=\"tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]\"\n          >\n            {{\n              isEditingLink ? t.linkDialog.editLink : t.linkDialog.insertLink\n            }}\n          </h4>\n          <button\n            type=\"button\"\n            :aria-label=\"t.linkDialog.cancel\"\n            class=\"tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text-muted)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]\"\n            @click=\"emit('close')\"\n          >\n            <X :size=\"16\" :stroke-width=\"2\" />\n          </button>\n        </div>\n        <div class=\"tpl:p-5\">\n          <div class=\"tpl:mb-4 tpl:last:mb-0\">\n            <label\n              for=\"tpl-link-dialog-url\"\n              class=\"tpl:mb-1.5 tpl:block tpl:text-xs tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase\"\n              >{{ t.linkDialog.urlLabel }}</label\n            >\n            <input\n              id=\"tpl-link-dialog-url\"\n              v-model=\"linkUrl\"\n              type=\"url\"\n              class=\"tpl:w-full tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2.5 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:outline-none tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]\"\n              :placeholder=\"t.linkDialog.urlPlaceholder\"\n              autofocus\n              @keydown=\"emit('keydown', $event)\"\n            />\n          </div>\n        </div>\n        <div\n          class=\"tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:px-5 tpl:py-4\"\n        >\n          <button\n            v-if=\"isEditingLink\"\n            type=\"button\"\n            class=\"tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-danger)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-danger)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-danger-light)]\"\n            @click=\"emit('remove')\"\n          >\n            {{ t.linkDialog.removeLink }}\n          </button>\n          <div class=\"tpl:ml-auto tpl:flex tpl:gap-2\">\n            <button\n              type=\"button\"\n              class=\"tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]\"\n              @click=\"emit('close')\"\n            >\n              {{ t.linkDialog.cancel }}\n            </button>\n            <button\n              type=\"button\"\n              class=\"tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border-none tpl:bg-[var(--tpl-primary)] tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-primary-hover)] tpl:text-[var(--tpl-bg)]\"\n              @click=\"emit('insert')\"\n            >\n              {{\n                isEditingLink\n                  ? t.linkDialog.updateLink\n                  : t.linkDialog.insertLink\n              }}\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\nimport { X } from \"@lucide/vue\";\nimport { inject } from \"vue\";\nimport { 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 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);\n\nconst { t } = useI18n();\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div\n      v-if=\"visible\"\n      :data-tpl-theme=\"tplUiTheme\"\n      class=\"tpl tpl-link-dialog tpl:fixed tpl:inset-0 tpl:z-modal tpl:flex tpl:items-center tpl:justify-center\"\n      :style=\"themeStyles\"\n      @click.self=\"emit('close')\"\n    >\n      <div\n        :ref=\"(el) => (dialogRef = el as HTMLElement | null)\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"tpl-link-dialog-title\"\n        class=\"tpl:w-[400px] tpl:overflow-hidden tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:shadow-lg\"\n      >\n        <div\n          class=\"tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-5 tpl:py-4\"\n        >\n          <h4\n            id=\"tpl-link-dialog-title\"\n            class=\"tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]\"\n          >\n            {{\n              isEditingLink ? t.linkDialog.editLink : t.linkDialog.insertLink\n            }}\n          </h4>\n          <button\n            type=\"button\"\n            :aria-label=\"t.linkDialog.cancel\"\n            class=\"tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text-muted)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]\"\n            @click=\"emit('close')\"\n          >\n            <X :size=\"16\" :stroke-width=\"2\" />\n          </button>\n        </div>\n        <div class=\"tpl:p-5\">\n          <div class=\"tpl:mb-4 tpl:last:mb-0\">\n            <label\n              for=\"tpl-link-dialog-url\"\n              class=\"tpl:mb-1.5 tpl:block tpl:text-xs tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase\"\n              >{{ t.linkDialog.urlLabel }}</label\n            >\n            <input\n              id=\"tpl-link-dialog-url\"\n              v-model=\"linkUrl\"\n              type=\"url\"\n              class=\"tpl:w-full tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2.5 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:outline-none tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]\"\n              :placeholder=\"t.linkDialog.urlPlaceholder\"\n              autofocus\n              @keydown=\"emit('keydown', $event)\"\n            />\n          </div>\n        </div>\n        <div\n          class=\"tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:px-5 tpl:py-4\"\n        >\n          <button\n            v-if=\"isEditingLink\"\n            type=\"button\"\n            class=\"tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-danger)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-danger)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-danger-light)]\"\n            @click=\"emit('remove')\"\n          >\n            {{ t.linkDialog.removeLink }}\n          </button>\n          <div class=\"tpl:ml-auto tpl:flex tpl:gap-2\">\n            <button\n              type=\"button\"\n              class=\"tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]\"\n              @click=\"emit('close')\"\n            >\n              {{ t.linkDialog.cancel }}\n            </button>\n            <button\n              type=\"button\"\n              class=\"tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border-none tpl:bg-[var(--tpl-primary)] tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-primary-hover)] tpl:text-[var(--tpl-bg)]\"\n              @click=\"emit('insert')\"\n            >\n              {{\n                isEditingLink\n                  ? t.linkDialog.updateLink\n                  : t.linkDialog.insertLink\n              }}\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\nimport type { Editor } from \"@tiptap/vue-3\";\nimport type { Component } from \"vue\";\n\ndefineProps<{\n  editor: Editor | null;\n  editorContent: Component | null;\n  isLoading: boolean;\n  initError: string | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"retry\"): void;\n}>();\n\nconst { t } = useI18n();\n</script>\n\n<template>\n  <div\n    v-if=\"isLoading\"\n    class=\"tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:border-[var(--tpl-primary)] tpl:p-2\"\n  >\n    <div class=\"tpl:animate-pulse tpl:text-[var(--tpl-text-dim)]\">\n      {{ t.errors.editorLoading }}\n    </div>\n  </div>\n  <div\n    v-else-if=\"initError\"\n    class=\"tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:p-2 tpl:text-center tpl:text-xs tpl:border-[var(--tpl-danger)] tpl:text-[var(--tpl-text-muted)]\"\n  >\n    {{ t.errors.editorLoadFailed }}\n    <button\n      class=\"tpl:ml-1 tpl:cursor-pointer tpl:border-none tpl:bg-transparent tpl:p-0 tpl:underline tpl:text-[var(--tpl-primary)]\"\n      @click=\"emit('retry')\"\n    >\n      {{ t.errors.retry }}\n    </button>\n  </div>\n  <component\n    :is=\"editorContent\"\n    v-else-if=\"editorContent && editor\"\n    :editor=\"editor as Editor\"\n    class=\"tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:border-[var(--tpl-primary)] tpl:p-2\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\nimport type { Editor } from \"@tiptap/vue-3\";\nimport type { Component } from \"vue\";\n\ndefineProps<{\n  editor: Editor | null;\n  editorContent: Component | null;\n  isLoading: boolean;\n  initError: string | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"retry\"): void;\n}>();\n\nconst { t } = useI18n();\n</script>\n\n<template>\n  <div\n    v-if=\"isLoading\"\n    class=\"tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:border-[var(--tpl-primary)] tpl:p-2\"\n  >\n    <div class=\"tpl:animate-pulse tpl:text-[var(--tpl-text-dim)]\">\n      {{ t.errors.editorLoading }}\n    </div>\n  </div>\n  <div\n    v-else-if=\"initError\"\n    class=\"tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:p-2 tpl:text-center tpl:text-xs tpl:border-[var(--tpl-danger)] tpl:text-[var(--tpl-text-muted)]\"\n  >\n    {{ t.errors.editorLoadFailed }}\n    <button\n      class=\"tpl:ml-1 tpl:cursor-pointer tpl:border-none tpl:bg-transparent tpl:p-0 tpl:underline tpl:text-[var(--tpl-primary)]\"\n      @click=\"emit('retry')\"\n    >\n      {{ t.errors.retry }}\n    </button>\n  </div>\n  <component\n    :is=\"editorContent\"\n    v-else-if=\"editorContent && editor\"\n    :editor=\"editor as Editor\"\n    class=\"tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:border-[var(--tpl-primary)] tpl:p-2\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAWA,IAAM,IAAU,EAAmB,GAAC,UAA8B,EAC5D,IAAY,EAA+B,GAAC,YAEhD,EAEI,IAAO,GAOP,IAAc,EAAO,GAAkB,KAAK,EAC5C,IAAa,EAAO,GAAc,KAAK,EAEvC,EAAE,SAAM,GAAS;yBAIrB,EAuFW,GAAA,EAvFD,IAAG,QAAM,EAAA,CAET,EAAA,WAAA,GAAA,EADR,EAqFM,OAAA;;GAnFH,kBAAgB,EAAA,EAAU;GAC3B,OAAM;GACL,OAAK,EAAE,EAAA,EAAW,CAAA;GAClB,SAAK,AAAA,EAAA,OAAA,GAAA,MAAO,EAAI,QAAA,EAAA,CAAA,OAAA,CAAA;MAEjB,EA6EM,OAAA;GA5EH,MAAM,MAAQ,EAAA,QAAY;GAC3B,MAAK;GACL,cAAW;GACX,mBAAgB;GAChB,OAAM;;GAEN,EAmBM,OAnBN,GAmBM,CAhBJ,EAOK,MAPL,GAOK,EAFD,EAAA,gBAAgB,EAAA,EAAC,CAAC,WAAW,WAAW,EAAA,EAAC,CAAC,WAAW,WAAU,EAAA,EAAA,EAGnE,EAOS,UAAA;IANP,MAAK;IACJ,cAAY,EAAA,EAAC,CAAC,WAAW;IAC1B,OAAM;IACL,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,QAAA;OAEZ,EAAkC,EAAA,EAAA,EAAA;IAA9B,MAAM;IAAK,gBAAc;;GAGjC,EAiBM,OAjBN,GAiBM,CAhBJ,EAeM,OAfN,GAeM,CAdJ,EAIC,SAJD,GAIC,EADK,EAAA,EAAC,CAAC,WAAW,SAAQ,EAAA,EAAA,EAAA,EAE3B,EAQE,SAAA;IAPA,IAAG;6CACa,QAAA;IAChB,MAAK;IACL,OAAM;IACL,aAAa,EAAA,EAAC,CAAC,WAAW;IAC3B,WAAA;IACC,WAAO,AAAA,EAAA,QAAA,MAAE,EAAI,WAAY,EAAM;yBALvB,EAAA,MAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;GAStB,EA+BM,OA/BN,GA+BM,CA3BI,EAAA,iBAAA,GAAA,EADR,EAOS,UAAA;;IALP,MAAK;IACL,OAAM;IACL,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,SAAA;QAET,EAAA,EAAC,CAAC,WAAW,WAAU,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,EAE5B,EAmBM,OAnBN,GAmBM,CAlBJ,EAMS,UAAA;IALP,MAAK;IACL,OAAM;IACL,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,QAAA;QAET,EAAA,EAAC,CAAC,WAAW,OAAM,EAAA,EAAA,EAExB,EAUS,UAAA;IATP,MAAK;IACL,OAAM;IACL,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,SAAA;QAGV,EAAA,gBAAkC,EAAA,EAAC,CAAC,WAAW,aAA+B,EAAA,EAAC,CAAC,WAAW,WAAU,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;EEhGrH,IAAM,IAAO,GAIP,EAAE,SAAM,GAAS;mBAKb,EAAA,aAAA,GAAA,EADR,EAOM,OAPN,GAOM,CAHJ,EAEM,OAFN,GAEM,EADD,EAAA,EAAC,CAAC,OAAO,cAAa,EAAA,EAAA,CAAA,CAAA,IAIhB,EAAA,aAAA,GAAA,EADb,EAWM,OAXN,GAWM,CAAA,EAAA,EAPD,EAAA,EAAC,CAAC,OAAO,iBAAgB,GAAG,KAC/B,EAAA,EAAA,EAKS,UAAA;GAJP,OAAM;GACL,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,QAAA;OAET,EAAA,EAAC,CAAC,OAAO,MAAK,EAAA,EAAA,CAAA,CAAA,IAKR,EAAA,iBAAiB,EAAA,UAAA,GAAA,EAF9B,EAKE,EAJK,EAAA,cAAa,EAAA;;GAEjB,QAAQ,EAAA;GACT,OAAM"}