@gxp-dev/mod-ui 2.0.8 → 2.0.12

package/dist/components/compositions/elements/editor/HtmlEditor.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlEditor.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/components/compositions/elements/editor/HtmlEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from \"vue\"\nimport { EditorContent, Extension, Node, useEditor } from \"@tiptap/vue-3\"\nimport StarterKit from \"@tiptap/starter-kit\"\nimport Underline from \"@tiptap/extension-underline\"\nimport TextAlign from \"@tiptap/extension-text-align\"\nimport { BackgroundColor, Color, FontFamily, TextStyle } from \"@tiptap/extension-text-style\"\nimport Link from \"@tiptap/extension-link\"\nimport Image from \"@tiptap/extension-image\"\nimport { Table, TableRow, TableCell, TableHeader } from \"@tiptap/extension-table\"\nimport {\n  AlignCenter,\n  AlignLeft,\n  AlignRight,\n  ArrowDown,\n  ArrowLeft,\n  ArrowRight,\n  ArrowUp,\n  Bold,\n  Code,\n  Combine,\n  Heading,\n  Heading1,\n  Heading2,\n  Heading3,\n  Heading4,\n  Heading5,\n  Heading6,\n  Highlighter,\n  ImageIcon,\n  Italic,\n  Link2,\n  List,\n  ListOrdered,\n  Minus,\n  Palette,\n  Quote,\n  Redo,\n  Scissors,\n  Strikethrough,\n  Table2,\n  Trash2,\n  Type,\n  Underline as UnderlineIcon,\n  Undo,\n  X,\n} from \"@lucide/vue\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\"\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover\"\nimport {\n  Dialog,\n  DialogContent,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from \"@/components/ui/dialog\"\nimport { Button } from \"@/components/ui/button\"\nimport { Input } from \"@/components/ui/input\"\nimport { Label } from \"@/components/ui/label\"\nimport { Checkbox } from \"@/components/ui/checkbox\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface HtmlEditorProps {\n  modelValue?: string | null\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  placeholder?: string\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  helpText?: string\n  errors?: string[]\n  minHeight?: string\n}\n\nconst props = withDefaults(defineProps<HtmlEditorProps>(), {\n  errors: () => [],\n  minHeight: \"14rem\",\n})\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: string): void\n}>()\n\n// ---------------------------------------------------------------------------\n// Custom node: preserve <video> tags\n// ---------------------------------------------------------------------------\n\nconst VideoNode = Node.create({\n  name: \"video\",\n  group: \"block\",\n  content: \"block*\",\n  addAttributes() {\n    return {\n      src: { default: null },\n      width: { default: \"320\" },\n      height: { default: \"240\" },\n      controls: {\n        default: true,\n        parseHTML: (el: HTMLElement) => el.hasAttribute(\"controls\"),\n        renderHTML: (a: Record<string, unknown>) => (a.controls ? { controls: \"\" } : {}),\n      },\n    }\n  },\n  parseHTML() {\n    return [{ tag: \"video\" }]\n  },\n  renderHTML({ HTMLAttributes }: { HTMLAttributes: Record<string, unknown> }) {\n    return [\"video\", HTMLAttributes, 0]\n  },\n})\n\n// Extended Image to pass through style attribute\nconst ExtendedImage = Image.extend({\n  addAttributes() {\n    return {\n      src: { default: \"\" },\n      alt: { default: undefined },\n      title: { default: undefined },\n      style: { default: undefined },\n    }\n  },\n})\n\n// ---------------------------------------------------------------------------\n// Font families\n// ---------------------------------------------------------------------------\n\nconst FONTS: { label: string; value: string }[] = [\n  { label: \"Arial\", value: \"Arial, sans-serif\" },\n  { label: \"Verdana\", value: \"Verdana, sans-serif\" },\n  { label: \"Tahoma\", value: \"Tahoma, sans-serif\" },\n  { label: \"Times New Roman\", value: \"'Times New Roman', serif\" },\n  { label: \"Georgia\", value: \"Georgia, serif\" },\n  { label: \"Courier New\", value: \"'Courier New', monospace\" },\n]\n\n// ---------------------------------------------------------------------------\n// Editor\n// ---------------------------------------------------------------------------\n\nconst isInert = computed(() => Boolean(props.disabled || props.readonly))\n\nconst editor = useEditor({\n  content: props.modelValue ?? \"\",\n  editable: !isInert.value,\n  extensions: [\n    StarterKit,\n    Underline,\n    TextAlign.configure({ types: [\"heading\", \"paragraph\"] }),\n    TextStyle,\n    Color,\n    BackgroundColor,\n    FontFamily.configure({ types: [\"textStyle\"] }),\n    Link.configure({ openOnClick: false }),\n    ExtendedImage.configure({ inline: false, allowBase64: true }),\n    Table.configure({ resizable: true }),\n    TableRow,\n    TableHeader,\n    TableCell,\n    VideoNode,\n    // Suppress unused Extension import warning — it's used by BackgroundColor above\n    Extension.create({ name: \"_noop\" }),\n  ].filter((e) => e.name !== \"_noop\"),\n  editorProps: {\n    attributes: { class: \"focus:outline-none\" },\n  },\n  onUpdate: () => {\n    if (editor.value) emit(\"update:modelValue\", editor.value.getHTML())\n  },\n  onSelectionUpdate: () => {\n    syncFormattingState()\n  },\n})\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    const e = editor.value\n    if (!e) return\n    const next = value ?? \"\"\n    if (next === e.getHTML()) return\n    e.commands.setContent(next, { emitUpdate: false })\n  },\n)\n\nwatch(isInert, (v) => {\n  editor.value?.setEditable(!v)\n})\n\nonBeforeUnmount(() => {\n  editor.value?.destroy()\n})\n\nonMounted(() => {\n  nextTick(() => {\n    const e = editor.value\n    if (e && props.modelValue && e.isEmpty) {\n      e.commands.setContent(props.modelValue, { emitUpdate: false })\n    }\n  })\n})\n\n// ---------------------------------------------------------------------------\n// Formatting state tracking\n// ---------------------------------------------------------------------------\n\nconst currentHeading = ref<number | null>(null)\nconst currentAlign = ref<\"left\" | \"center\" | \"right\">(\"left\")\nconst currentFont = ref<string | null>(null)\nconst currentTextColor = ref<string>(\"\")\nconst currentBgColor = ref<string>(\"\")\n\nfunction syncFormattingState(): void {\n  const e = editor.value\n  if (!e) return\n\n  currentHeading.value = null\n  for (let i = 1; i <= 6; i++) {\n    if (e.isActive(\"heading\", { level: i })) {\n      currentHeading.value = i\n      break\n    }\n  }\n\n  if (e.isActive({ textAlign: \"center\" })) currentAlign.value = \"center\"\n  else if (e.isActive({ textAlign: \"right\" })) currentAlign.value = \"right\"\n  else currentAlign.value = \"left\"\n\n  currentFont.value = FONTS.find((f) => e.isActive(\"textStyle\", { fontFamily: f.value }))?.value ?? null\n\n  const attrs = e.getAttributes(\"textStyle\") as Record<string, unknown>\n  currentTextColor.value = typeof attrs.color === \"string\" ? attrs.color : \"\"\n  currentBgColor.value = typeof attrs.backgroundColor === \"string\" ? attrs.backgroundColor : \"\"\n}\n\n// ---------------------------------------------------------------------------\n// Toolbar helpers\n// ---------------------------------------------------------------------------\n\nfunction isActive(name: string, attrs?: Record<string, unknown>): boolean {\n  const e = editor.value\n  if (!e) return false\n  return attrs ? e.isActive(name, attrs) : e.isActive(name)\n}\n\nfunction setHeading(level: 1 | 2 | 3 | 4 | 5 | 6): void {\n  editor.value?.chain().focus().setHeading({ level }).run()\n  currentHeading.value = level\n}\n\nfunction clearHeading(): void {\n  editor.value?.chain().focus().setParagraph().run()\n  currentHeading.value = null\n}\n\nconst headingIcon = computed(() => {\n  switch (currentHeading.value) {\n    case 1: return Heading1\n    case 2: return Heading2\n    case 3: return Heading3\n    case 4: return Heading4\n    case 5: return Heading5\n    case 6: return Heading6\n    default: return Heading\n  }\n})\n\nconst alignIcon = computed(() => {\n  if (currentAlign.value === \"center\") return AlignCenter\n  if (currentAlign.value === \"right\") return AlignRight\n  return AlignLeft\n})\n\nfunction setAlign(align: \"left\" | \"center\" | \"right\"): void {\n  editor.value?.chain().focus().setTextAlign(align).run()\n  currentAlign.value = align\n}\n\nfunction setFont(value: string): void {\n  editor.value?.chain().focus().unsetFontFamily().setFontFamily(value).run()\n  currentFont.value = value\n}\n\nfunction clearFont(): void {\n  editor.value?.chain().focus().unsetFontFamily().run()\n  currentFont.value = null\n}\n\n// Color commands are added by BackgroundColor/Color extensions — cast via unknown\nfunction applyTextColor(color: string): void {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ;(editor.value?.chain().focus() as any)?.unsetColor()?.setColor(color)?.run()\n  currentTextColor.value = color\n}\n\nfunction clearTextColor(): void {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ;(editor.value?.chain().focus() as any)?.unsetColor()?.run()\n  currentTextColor.value = \"\"\n}\n\nfunction applyBgColor(color: string): void {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ;(editor.value?.chain().focus() as any)?.unsetBackgroundColor()?.setBackgroundColor(color)?.run()\n  currentBgColor.value = color\n}\n\nfunction clearBgColor(): void {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ;(editor.value?.chain().focus() as any)?.unsetBackgroundColor()?.run()\n  currentBgColor.value = \"\"\n}\n\nfunction toggleList(type: \"bullet\" | \"ordered\"): void {\n  if (type === \"bullet\") editor.value?.chain().focus().toggleBulletList().run()\n  else editor.value?.chain().focus().toggleOrderedList().run()\n}\n\n// ---------------------------------------------------------------------------\n// Table\n// ---------------------------------------------------------------------------\n\nconst tableHoverRows = ref(2)\nconst tableHoverCols = ref(2)\n\n/** Flat list for the 4×6 table creation grid */\nconst tableGridCells = computed(() => {\n  const cells: { r: number; c: number }[] = []\n  for (let r = 1; r <= 4; r++) {\n    for (let c = 1; c <= 6; c++) {\n      cells.push({ r, c })\n    }\n  }\n  return cells\n})\n\nfunction insertTable(): void {\n  editor.value\n    ?.chain()\n    .focus()\n    .insertTable({ rows: tableHoverRows.value, cols: tableHoverCols.value, withHeaderRow: true })\n    .run()\n}\n\n// ---------------------------------------------------------------------------\n// Link dialog\n// ---------------------------------------------------------------------------\n\nconst linkDialogOpen = ref(false)\nconst linkUrl = ref(\"\")\nconst linkText = ref(\"\")\nconst linkTargetBlank = ref(true)\nconst isEditingLink = ref(false)\n\nfunction openLinkDialog(): void {\n  const e = editor.value\n  if (!e) return\n  isEditingLink.value = e.isActive(\"link\")\n  if (isEditingLink.value) {\n    e.chain().focus().extendMarkRange(\"link\").run()\n    const attrs = e.getAttributes(\"link\") as Record<string, unknown>\n    linkUrl.value = typeof attrs.href === \"string\" ? attrs.href : \"\"\n    linkTargetBlank.value = attrs.target === \"_blank\"\n    const { from, to } = e.state.selection\n    linkText.value = e.state.doc.textBetween(from, to, \" \")\n  } else {\n    const { from, to } = e.state.selection\n    linkText.value = e.state.doc.textBetween(from, to, \" \")\n    linkUrl.value = \"https://\"\n    linkTargetBlank.value = true\n  }\n  if (!linkText.value) linkText.value = \"Link\"\n  linkDialogOpen.value = true\n}\n\nfunction applyLink(): void {\n  const e = editor.value\n  if (!e || !linkUrl.value) return\n  if (e.isActive(\"link\")) e.chain().focus().unsetLink().run()\n  const target = linkTargetBlank.value ? \"_blank\" : \"_self\"\n  const { from, to } = e.state.selection\n  if (from === to) {\n    e.chain().focus().insertContent(`<a href=\"${linkUrl.value}\" target=\"${target}\">${linkText.value}</a>`).run()\n  } else {\n    e.chain().focus().extendMarkRange(\"link\").setLink({ href: linkUrl.value, target }).run()\n  }\n  linkDialogOpen.value = false\n}\n\nfunction removeLink(): void {\n  editor.value?.chain().focus().extendMarkRange(\"link\").unsetLink().run()\n  linkDialogOpen.value = false\n}\n\n// ---------------------------------------------------------------------------\n// Image dialog\n// ---------------------------------------------------------------------------\n\nconst imageDialogOpen = ref(false)\nconst imageUrl = ref(\"\")\nconst imageAlt = ref(\"\")\nconst imageStyle = ref(\"\")\nconst isEditingImage = ref(false)\n\nfunction openImageDialog(): void {\n  const e = editor.value\n  if (!e) return\n  isEditingImage.value = e.isActive(\"image\")\n  if (isEditingImage.value) {\n    const attrs = e.getAttributes(\"image\") as Record<string, unknown>\n    imageUrl.value = typeof attrs.src === \"string\" ? attrs.src : \"\"\n    imageAlt.value = typeof attrs.alt === \"string\" ? attrs.alt : \"\"\n    imageStyle.value = typeof attrs.style === \"string\" ? attrs.style : \"\"\n  } else {\n    imageUrl.value = \"\"\n    imageAlt.value = \"\"\n    imageStyle.value = \"width: auto; height: auto; max-width: 100%;\"\n  }\n  imageDialogOpen.value = true\n}\n\nfunction applyImage(): void {\n  const e = editor.value\n  if (!e || !imageUrl.value) return\n  const attrs = {\n    src: imageUrl.value,\n    alt: imageAlt.value || undefined,\n    style: imageStyle.value || undefined,\n  }\n  if (isEditingImage.value) {\n    e.chain().focus().updateAttributes(\"image\", attrs).run()\n  } else {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    ;(e.chain().focus() as any).setImage(attrs).run()\n  }\n  imageDialogOpen.value = false\n}\n\n// ---------------------------------------------------------------------------\n// HTML source dialog\n// ---------------------------------------------------------------------------\n\nconst sourceDialogOpen = ref(false)\nconst sourceHtml = ref(\"\")\n\nfunction openSourceDialog(): void {\n  if (!editor.value) return\n  sourceHtml.value = editor.value.getHTML()\n  sourceDialogOpen.value = true\n}\n\nfunction applySource(): void {\n  if (!editor.value) return\n  editor.value.commands.setContent(sourceHtml.value)\n  emit(\"update:modelValue\", sourceHtml.value)\n  sourceDialogOpen.value = false\n}\n\n// ---------------------------------------------------------------------------\n// Misc\n// ---------------------------------------------------------------------------\n\nconst hasErrors = computed(() => props.errors.length > 0)\nconst contentStyle = computed(() => ({ minHeight: props.minHeight }))\n\nfunction btnClass(active: boolean): string {\n  return cn(\"h-7 w-7 p-0 shrink-0\", active ? \"bg-muted text-foreground\" : \"text-muted-foreground\")\n}\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :for=\"id\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n    data-testid=\"html-editor\"\n  >\n    <div\n      :class=\"cn(\n        'rounded-md border border-input bg-background shadow-sm overflow-hidden',\n        hasErrors ? 'border-destructive ring-1 ring-destructive' : '',\n        isInert ? 'opacity-60' : '',\n      )\"\n      :data-element-name=\"name ?? undefined\"\n    >\n      <!-- ----------------------------------------------------------------- -->\n      <!-- Toolbar                                                            -->\n      <!-- ----------------------------------------------------------------- -->\n      <div\n        class=\"flex flex-col border-b bg-muted/30\"\n        :class=\"isInert ? 'pointer-events-none' : ''\"\n        role=\"toolbar\"\n        aria-label=\"HTML formatting\"\n        data-testid=\"html-editor-toolbar\"\n      >\n        <!-- Row 1: headings · inline formatting · blockquote/hr · undo/redo · source -->\n        <div class=\"flex flex-wrap items-center gap-0.5 border-b border-border/40 px-1.5 py-1\">\n          <!-- Heading -->\n          <DropdownMenu>\n            <DropdownMenuTrigger as-child>\n              <Button type=\"button\" variant=\"ghost\" :class=\"btnClass(currentHeading !== null)\" title=\"Heading\">\n                <component :is=\"headingIcon\" class=\"h-4 w-4\" />\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"start\" class=\"w-44\">\n              <DropdownMenuLabel class=\"text-xs uppercase text-muted-foreground\">Heading</DropdownMenuLabel>\n              <DropdownMenuSeparator />\n              <DropdownMenuItem :class=\"currentHeading === 1 ? 'bg-muted' : ''\" @click=\"setHeading(1)\">\n                <Heading1 class=\"mr-2 h-4 w-4\" />Heading 1\n              </DropdownMenuItem>\n              <DropdownMenuItem :class=\"currentHeading === 2 ? 'bg-muted' : ''\" @click=\"setHeading(2)\">\n                <Heading2 class=\"mr-2 h-4 w-4\" />Heading 2\n              </DropdownMenuItem>\n              <DropdownMenuItem :class=\"currentHeading === 3 ? 'bg-muted' : ''\" @click=\"setHeading(3)\">\n                <Heading3 class=\"mr-2 h-4 w-4\" />Heading 3\n              </DropdownMenuItem>\n              <DropdownMenuItem :class=\"currentHeading === 4 ? 'bg-muted' : ''\" @click=\"setHeading(4)\">\n                <Heading4 class=\"mr-2 h-4 w-4\" />Heading 4\n              </DropdownMenuItem>\n              <DropdownMenuItem :class=\"currentHeading === 5 ? 'bg-muted' : ''\" @click=\"setHeading(5)\">\n                <Heading5 class=\"mr-2 h-4 w-4\" />Heading 5\n              </DropdownMenuItem>\n              <DropdownMenuItem :class=\"currentHeading === 6 ? 'bg-muted' : ''\" @click=\"setHeading(6)\">\n                <Heading6 class=\"mr-2 h-4 w-4\" />Heading 6\n              </DropdownMenuItem>\n              <DropdownMenuSeparator />\n              <DropdownMenuItem @click=\"clearHeading\">\n                <X class=\"mr-2 h-4 w-4\" />Clear heading\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n\n          <div class=\"mx-0.5 h-5 w-px bg-border/60 shrink-0\" />\n\n          <Button type=\"button\" variant=\"ghost\" :class=\"btnClass(isActive('bold'))\" title=\"Bold\"\n            @click=\"editor?.chain().focus().toggleBold().run()\"><Bold class=\"h-4 w-4\" /></Button>\n          <Button type=\"button\" variant=\"ghost\" :class=\"btnClass(isActive('italic'))\" title=\"Italic\"\n            @click=\"editor?.chain().focus().toggleItalic().run()\"><Italic class=\"h-4 w-4\" /></Button>\n          <Button type=\"button\" variant=\"ghost\" :class=\"btnClass(isActive('underline'))\" title=\"Underline\"\n            @click=\"editor?.chain().focus().toggleUnderline().run()\"><UnderlineIcon class=\"h-4 w-4\" /></Button>\n          <Button type=\"button\" variant=\"ghost\" :class=\"btnClass(isActive('strike'))\" title=\"Strikethrough\"\n            @click=\"editor?.chain().focus().toggleStrike().run()\"><Strikethrough class=\"h-4 w-4\" /></Button>\n\n          <div class=\"mx-0.5 h-5 w-px bg-border/60 shrink-0\" />\n\n          <Button type=\"button\" variant=\"ghost\" :class=\"btnClass(isActive('blockquote'))\" title=\"Blockquote\"\n            @click=\"editor?.chain().focus().toggleBlockquote().run()\"><Quote class=\"h-4 w-4\" /></Button>\n          <Button type=\"button\" variant=\"ghost\" :class=\"btnClass(false)\" title=\"Horizontal rule\"\n            @click=\"editor?.chain().focus().setHorizontalRule().run()\"><Minus class=\"h-4 w-4\" /></Button>\n\n          <div class=\"flex-1\" />\n\n          <Button type=\"button\" variant=\"ghost\" :class=\"btnClass(false)\" title=\"Undo\"\n            :disabled=\"!editor?.can().chain().focus().undo().run()\"\n            @click=\"editor?.chain().focus().undo().run()\"><Undo class=\"h-4 w-4\" /></Button>\n          <Button type=\"button\" variant=\"ghost\" :class=\"btnClass(false)\" title=\"Redo\"\n            :disabled=\"!editor?.can().chain().focus().redo().run()\"\n            @click=\"editor?.chain().focus().redo().run()\"><Redo class=\"h-4 w-4\" /></Button>\n\n          <div class=\"mx-0.5 h-5 w-px bg-border/60 shrink-0\" />\n\n          <Button type=\"button\" variant=\"ghost\" :class=\"btnClass(false)\" title=\"Edit HTML source\"\n            @click=\"openSourceDialog\"><Code class=\"h-4 w-4\" /></Button>\n        </div>\n\n        <!-- Row 2: align · font · colors · link/image · lists · table -->\n        <div class=\"flex flex-wrap items-center gap-0.5 px-1.5 py-1\">\n          <!-- Align -->\n          <DropdownMenu>\n            <DropdownMenuTrigger as-child>\n              <Button type=\"button\" variant=\"ghost\" :class=\"btnClass(currentAlign !== 'left')\" title=\"Text alignment\">\n                <component :is=\"alignIcon\" class=\"h-4 w-4\" />\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"start\" class=\"w-36\">\n              <DropdownMenuItem :class=\"currentAlign === 'left' ? 'bg-muted' : ''\" @click=\"setAlign('left')\">\n                <AlignLeft class=\"mr-2 h-4 w-4\" />Left\n              </DropdownMenuItem>\n              <DropdownMenuItem :class=\"currentAlign === 'center' ? 'bg-muted' : ''\" @click=\"setAlign('center')\">\n                <AlignCenter class=\"mr-2 h-4 w-4\" />Center\n              </DropdownMenuItem>\n              <DropdownMenuItem :class=\"currentAlign === 'right' ? 'bg-muted' : ''\" @click=\"setAlign('right')\">\n                <AlignRight class=\"mr-2 h-4 w-4\" />Right\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n\n          <div class=\"mx-0.5 h-5 w-px bg-border/60 shrink-0\" />\n\n          <!-- Font family -->\n          <DropdownMenu>\n            <DropdownMenuTrigger as-child>\n              <Button type=\"button\" variant=\"ghost\" :class=\"btnClass(currentFont !== null)\" title=\"Font family\">\n                <Type class=\"h-4 w-4\" />\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"start\" class=\"w-52\">\n              <DropdownMenuLabel class=\"text-xs uppercase text-muted-foreground\">Font family</DropdownMenuLabel>\n              <DropdownMenuSeparator />\n              <DropdownMenuItem\n                v-for=\"font in FONTS\"\n                :key=\"font.value\"\n                :class=\"currentFont === font.value ? 'bg-muted' : ''\"\n                :style=\"`font-family: ${font.value}`\"\n                @click=\"setFont(font.value)\"\n              >\n                {{ font.label }}\n              </DropdownMenuItem>\n              <DropdownMenuSeparator />\n              <DropdownMenuItem @click=\"clearFont\">\n                <X class=\"mr-2 h-4 w-4\" />Use default\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n\n          <!-- Text color -->\n          <Popover>\n            <PopoverTrigger as-child>\n              <Button type=\"button\" variant=\"ghost\" :class=\"btnClass(!!currentTextColor)\" title=\"Text color\">\n                <Palette class=\"h-4 w-4\" :style=\"currentTextColor ? { color: currentTextColor } : {}\" />\n              </Button>\n            </PopoverTrigger>\n            <PopoverContent class=\"w-52 p-3\" align=\"start\">\n              <p class=\"mb-2 text-xs font-medium text-muted-foreground\">Text color</p>\n              <div class=\"flex items-center gap-2\">\n                <input\n                  type=\"color\"\n                  :value=\"currentTextColor || '#000000'\"\n                  class=\"h-8 w-8 cursor-pointer rounded border border-input p-0.5\"\n                  @input=\"applyTextColor(($event.target as HTMLInputElement).value)\"\n                />\n                <Input\n                  :model-value=\"currentTextColor\"\n                  placeholder=\"#000000\"\n                  class=\"h-7 font-mono text-xs\"\n                  maxlength=\"7\"\n                  @blur=\"applyTextColor(($event.target as HTMLInputElement).value)\"\n                />\n              </div>\n              <Button type=\"button\" variant=\"ghost\" size=\"sm\" class=\"mt-2 w-full text-xs\" @click=\"clearTextColor\">\n                <X class=\"mr-1 h-3 w-3\" />Clear color\n              </Button>\n            </PopoverContent>\n          </Popover>\n\n          <!-- Highlight / background color -->\n          <Popover>\n            <PopoverTrigger as-child>\n              <Button type=\"button\" variant=\"ghost\" :class=\"btnClass(!!currentBgColor)\" title=\"Highlight color\">\n                <Highlighter class=\"h-4 w-4\" :style=\"currentBgColor ? { color: currentBgColor } : {}\" />\n              </Button>\n            </PopoverTrigger>\n            <PopoverContent class=\"w-52 p-3\" align=\"start\">\n              <p class=\"mb-2 text-xs font-medium text-muted-foreground\">Highlight color</p>\n              <div class=\"flex items-center gap-2\">\n                <input\n                  type=\"color\"\n                  :value=\"currentBgColor || '#ffff00'\"\n                  class=\"h-8 w-8 cursor-pointer rounded border border-input p-0.5\"\n                  @input=\"applyBgColor(($event.target as HTMLInputElement).value)\"\n                />\n                <Input\n                  :model-value=\"currentBgColor\"\n                  placeholder=\"#ffff00\"\n                  class=\"h-7 font-mono text-xs\"\n                  maxlength=\"7\"\n                  @blur=\"applyBgColor(($event.target as HTMLInputElement).value)\"\n                />\n              </div>\n              <Button type=\"button\" variant=\"ghost\" size=\"sm\" class=\"mt-2 w-full text-xs\" @click=\"clearBgColor\">\n                <X class=\"mr-1 h-3 w-3\" />Clear highlight\n              </Button>\n            </PopoverContent>\n          </Popover>\n\n          <div class=\"mx-0.5 h-5 w-px bg-border/60 shrink-0\" />\n\n          <!-- Link -->\n          <Button type=\"button\" variant=\"ghost\" :class=\"btnClass(isActive('link'))\" title=\"Insert / edit link\"\n            @click=\"openLinkDialog\"><Link2 class=\"h-4 w-4\" /></Button>\n\n          <!-- Image -->\n          <Button type=\"button\" variant=\"ghost\" :class=\"btnClass(isActive('image'))\" title=\"Insert / edit image\"\n            @click=\"openImageDialog\"><ImageIcon class=\"h-4 w-4\" /></Button>\n\n          <div class=\"mx-0.5 h-5 w-px bg-border/60 shrink-0\" />\n\n          <!-- Lists -->\n          <DropdownMenu>\n            <DropdownMenuTrigger as-child>\n              <Button type=\"button\" variant=\"ghost\" :class=\"btnClass(isActive('bulletList') || isActive('orderedList'))\" title=\"Lists\">\n                <component :is=\"isActive('orderedList') ? ListOrdered : List\" class=\"h-4 w-4\" />\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"start\" class=\"w-40\">\n              <DropdownMenuItem :class=\"isActive('bulletList') ? 'bg-muted' : ''\" @click=\"toggleList('bullet')\">\n                <List class=\"mr-2 h-4 w-4\" />Bullet list\n              </DropdownMenuItem>\n              <DropdownMenuItem :class=\"isActive('orderedList') ? 'bg-muted' : ''\" @click=\"toggleList('ordered')\">\n                <ListOrdered class=\"mr-2 h-4 w-4\" />Ordered list\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n\n          <div class=\"mx-0.5 h-5 w-px bg-border/60 shrink-0\" />\n\n          <!-- Table -->\n          <DropdownMenu>\n            <DropdownMenuTrigger as-child>\n              <Button type=\"button\" variant=\"ghost\" :class=\"btnClass(isActive('table'))\" title=\"Table\">\n                <Table2 class=\"h-4 w-4\" />\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"start\" class=\"w-52\">\n              <!-- Create-table grid (only when not inside a table) -->\n              <template v-if=\"!isActive('table')\">\n                <DropdownMenuLabel class=\"text-xs uppercase text-muted-foreground\">\n                  Insert {{ tableHoverRows }}×{{ tableHoverCols }} table\n                </DropdownMenuLabel>\n                <div class=\"px-2 pb-2\">\n                  <div class=\"grid gap-0.5\" style=\"grid-template-columns: repeat(6, 1.25rem)\">\n                    <button\n                      v-for=\"cell in tableGridCells\"\n                      :key=\"`${cell.r}-${cell.c}`\"\n                      type=\"button\"\n                      class=\"h-5 w-5 rounded-sm border transition-colors\"\n                      :class=\"cell.r <= tableHoverRows && cell.c <= tableHoverCols\n                        ? 'bg-primary border-primary'\n                        : 'bg-muted/50 border-border hover:bg-muted'\"\n                      @mouseover=\"tableHoverRows = cell.r; tableHoverCols = cell.c\"\n                      @click=\"insertTable\"\n                    />\n                  </div>\n                </div>\n                <DropdownMenuSeparator />\n              </template>\n\n              <DropdownMenuLabel class=\"text-xs uppercase text-muted-foreground\">Column</DropdownMenuLabel>\n              <DropdownMenuItem :disabled=\"!isActive('table')\" @click=\"editor?.chain().focus().addColumnBefore().run()\">\n                <ArrowLeft class=\"mr-2 h-4 w-4\" />Add before\n              </DropdownMenuItem>\n              <DropdownMenuItem :disabled=\"!isActive('table')\" @click=\"editor?.chain().focus().addColumnAfter().run()\">\n                <ArrowRight class=\"mr-2 h-4 w-4\" />Add after\n              </DropdownMenuItem>\n              <DropdownMenuItem :disabled=\"!isActive('table')\" @click=\"editor?.chain().focus().deleteColumn().run()\">\n                <Trash2 class=\"mr-2 h-4 w-4\" />Delete column\n              </DropdownMenuItem>\n              <DropdownMenuSeparator />\n              <DropdownMenuLabel class=\"text-xs uppercase text-muted-foreground\">Row</DropdownMenuLabel>\n              <DropdownMenuItem :disabled=\"!isActive('table')\" @click=\"editor?.chain().focus().addRowBefore().run()\">\n                <ArrowUp class=\"mr-2 h-4 w-4\" />Add before\n              </DropdownMenuItem>\n              <DropdownMenuItem :disabled=\"!isActive('table')\" @click=\"editor?.chain().focus().addRowAfter().run()\">\n                <ArrowDown class=\"mr-2 h-4 w-4\" />Add after\n              </DropdownMenuItem>\n              <DropdownMenuItem :disabled=\"!isActive('table')\" @click=\"editor?.chain().focus().deleteRow().run()\">\n                <Trash2 class=\"mr-2 h-4 w-4\" />Delete row\n              </DropdownMenuItem>\n              <DropdownMenuSeparator />\n              <DropdownMenuLabel class=\"text-xs uppercase text-muted-foreground\">Cell</DropdownMenuLabel>\n              <DropdownMenuItem :disabled=\"!isActive('table')\" @click=\"editor?.chain().focus().mergeCells().run()\">\n                <Combine class=\"mr-2 h-4 w-4\" />Merge cells\n              </DropdownMenuItem>\n              <DropdownMenuItem :disabled=\"!isActive('table')\" @click=\"editor?.chain().focus().splitCell().run()\">\n                <Scissors class=\"mr-2 h-4 w-4\" />Split cell\n              </DropdownMenuItem>\n              <DropdownMenuSeparator />\n              <DropdownMenuItem\n                :disabled=\"!isActive('table')\"\n                class=\"text-destructive focus:text-destructive\"\n                @click=\"editor?.chain().focus().deleteTable().run()\"\n              >\n                <Trash2 class=\"mr-2 h-4 w-4\" />Delete table\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n        </div>\n      </div>\n\n      <!-- ----------------------------------------------------------------- -->\n      <!-- Editor content area                                                -->\n      <!-- ----------------------------------------------------------------- -->\n      <EditorContent\n        v-if=\"editor\"\n        :editor=\"editor\"\n        :style=\"contentStyle\"\n        class=\"html-editor-content prose prose-sm max-w-none px-3 py-2 dark:prose-invert\n               [&_.ProseMirror]:min-h-full [&_.ProseMirror]:outline-none\"\n        data-testid=\"html-editor-content\"\n        @click=\"editor?.chain().focus().run()\"\n      />\n    </div>\n\n    <!-- ------------------------------------------------------------------- -->\n    <!-- Link dialog                                                          -->\n    <!-- ------------------------------------------------------------------- -->\n    <Dialog v-model:open=\"linkDialogOpen\">\n      <DialogContent class=\"max-w-md\">\n        <DialogHeader>\n          <DialogTitle>{{ isEditingLink ? 'Edit link' : 'Insert link' }}</DialogTitle>\n        </DialogHeader>\n        <div class=\"grid gap-4 py-2\">\n          <div class=\"grid gap-1.5\">\n            <Label for=\"html-editor-link-url\">URL</Label>\n            <Input id=\"html-editor-link-url\" v-model=\"linkUrl\" placeholder=\"https://example.com\" />\n          </div>\n          <div class=\"grid gap-1.5\">\n            <Label for=\"html-editor-link-text\">Link text</Label>\n            <Input id=\"html-editor-link-text\" v-model=\"linkText\" placeholder=\"Link text\" />\n          </div>\n          <div class=\"flex items-center gap-2\">\n            <Checkbox\n              id=\"html-editor-link-target\"\n              :checked=\"linkTargetBlank\"\n              @update:checked=\"linkTargetBlank = !!$event\"\n            />\n            <Label for=\"html-editor-link-target\" class=\"cursor-pointer font-normal\">Open in new tab</Label>\n          </div>\n        </div>\n        <DialogFooter class=\"flex-row items-center justify-between gap-2\">\n          <Button v-if=\"isEditingLink\" type=\"button\" variant=\"destructive\" size=\"sm\" @click=\"removeLink\">\n            <Trash2 class=\"mr-1.5 h-3.5 w-3.5\" />Remove link\n          </Button>\n          <div class=\"flex gap-2\">\n            <Button type=\"button\" variant=\"outline\" size=\"sm\" @click=\"linkDialogOpen = false\">Cancel</Button>\n            <Button type=\"button\" size=\"sm\" @click=\"applyLink\">Apply</Button>\n          </div>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n\n    <!-- ------------------------------------------------------------------- -->\n    <!-- Image dialog                                                         -->\n    <!-- ------------------------------------------------------------------- -->\n    <Dialog v-model:open=\"imageDialogOpen\">\n      <DialogContent class=\"max-w-md\">\n        <DialogHeader>\n          <DialogTitle>{{ isEditingImage ? 'Edit image' : 'Insert image' }}</DialogTitle>\n        </DialogHeader>\n        <div class=\"grid gap-4 py-2\">\n          <div class=\"grid gap-1.5\">\n            <Label for=\"html-editor-img-url\">Image URL</Label>\n            <Input id=\"html-editor-img-url\" v-model=\"imageUrl\" placeholder=\"https://example.com/image.jpg\" />\n          </div>\n          <div class=\"grid gap-1.5\">\n            <Label for=\"html-editor-img-alt\">Alt text</Label>\n            <Input id=\"html-editor-img-alt\" v-model=\"imageAlt\" placeholder=\"Describe the image\" />\n          </div>\n          <div class=\"grid gap-1.5\">\n            <Label for=\"html-editor-img-style\">\n              Style <span class=\"ml-1 text-xs font-normal text-muted-foreground\">(optional)</span>\n            </Label>\n            <Input id=\"html-editor-img-style\" v-model=\"imageStyle\" placeholder=\"width: 100%; height: auto;\" />\n          </div>\n        </div>\n        <DialogFooter>\n          <Button type=\"button\" variant=\"outline\" size=\"sm\" @click=\"imageDialogOpen = false\">Cancel</Button>\n          <Button type=\"button\" size=\"sm\" @click=\"applyImage\">\n            {{ isEditingImage ? 'Update' : 'Insert' }}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n\n    <!-- ------------------------------------------------------------------- -->\n    <!-- HTML source dialog                                                   -->\n    <!-- ------------------------------------------------------------------- -->\n    <Dialog v-model:open=\"sourceDialogOpen\">\n      <DialogContent class=\"max-w-3xl\">\n        <DialogHeader>\n          <DialogTitle>Edit HTML source</DialogTitle>\n        </DialogHeader>\n        <textarea\n          v-model=\"sourceHtml\"\n          class=\"h-96 w-full resize-y rounded-md border border-input bg-background p-3 font-mono text-xs\n                 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          spellcheck=\"false\"\n          data-testid=\"html-editor-source\"\n        />\n        <DialogFooter>\n          <Button type=\"button\" variant=\"outline\" size=\"sm\" @click=\"sourceDialogOpen = false\">Cancel</Button>\n          <Button type=\"button\" size=\"sm\" @click=\"applySource\">Apply changes</Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  </FieldFrame>\n</template>\n\n<style scoped>\n/* Table chrome */\n:deep(.html-editor-content table) {\n  border-collapse: collapse;\n  margin: 0.5rem 0;\n  overflow: hidden;\n  table-layout: fixed;\n  width: 100%;\n}\n\n:deep(.html-editor-content table td),\n:deep(.html-editor-content table th) {\n  border: 2px solid var(--border);\n  box-sizing: border-box;\n  min-width: 1em;\n  padding: 0.375rem 0.5rem;\n  position: relative;\n  vertical-align: top;\n}\n\n:deep(.html-editor-content table th) {\n  background-color: var(--muted);\n  font-weight: 600;\n  text-align: left;\n}\n\n:deep(.html-editor-content table .selectedCell::after) {\n  background: color-mix(in oklch, var(--primary) 15%, transparent);\n  content: \"\";\n  inset: 0;\n  pointer-events: none;\n  position: absolute;\n  z-index: 2;\n}\n\n:deep(.html-editor-content .tableWrapper) {\n  overflow-x: auto;\n}\n\n:deep(.html-editor-content .column-resize-handle) {\n  background-color: var(--primary);\n  bottom: -2px;\n  pointer-events: none;\n  position: absolute;\n  right: -2px;\n  top: 0;\n  width: 4px;\n}\n\n:deep(.html-editor-content .resize-cursor) {\n  cursor: col-resize;\n}\n\n/* Content styling */\n:deep(.html-editor-content a) {\n  color: var(--primary);\n  text-decoration: underline;\n}\n\n:deep(.html-editor-content img) {\n  display: block;\n  margin: 0.75rem 0;\n}\n\n:deep(.html-editor-content img.ProseMirror-selectednode) {\n  outline: 2px solid var(--primary);\n  outline-offset: 2px;\n}\n\n:deep(.html-editor-content blockquote) {\n  border-left: 3px solid var(--border);\n  color: var(--muted-foreground);\n  font-style: italic;\n  margin-left: 0;\n  padding-left: 1rem;\n}\n\n:deep(.html-editor-content .ProseMirror-focused) {\n  outline: none;\n}\n</style>\n"],"mappings":"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"}

package/dist/components/compositions/elements/editor/ImageEditor.js

@@ -0,0 +1,7 @@
+import e from "./ImageEditor.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/compositions/elements/editor/ImageEditor.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=ImageEditor.js.map

package/dist/components/compositions/elements/editor/ImageEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageEditor.js","names":[],"sources":["../../../../../src/components/compositions/elements/editor/ImageEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven stub for `editor/image-editor`.\n *\n * Placeholder until the canvas-based crop / annotate editor lands.\n * Reserves the `modelValue` slot so a saved value (data URL or asset\n * reference) round-trips even though there's no real UI yet.\n *\n *   <ImageEditor label=\"Banner\" />\n */\nimport { Construction } from \"@lucide/vue\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Card, CardContent } from \"@/components/ui/card\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface ImageEditorProps {\n  modelValue?: string | null\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  required?: boolean\n  disabled?: boolean\n  helpText?: string\n  errors?: string[]\n}\n\nwithDefaults(defineProps<ImageEditorProps>(), {\n  errors: () => [],\n})\n\ndefineModel<string | null>(\"modelValue\")\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :for=\"id\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n    data-testid=\"image-editor\"\n  >\n    <Card class=\"border-dashed\" :data-element-name=\"name ?? undefined\" data-stub=\"editor/image-editor\">\n      <CardContent class=\"flex items-center gap-3 py-6 text-sm text-muted-foreground\">\n        <Construction class=\"h-5 w-5\" />\n        <span>Image editor — coming soon</span>\n        <Badge variant=\"outline\" class=\"ml-auto font-mono text-[10px]\">\n          editor/image-editor\n        </Badge>\n      </CardContent>\n    </Card>\n  </FieldFrame>\n</template>\n"],"mappings":""}

package/dist/components/compositions/elements/editor/ImageEditor.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,73 @@
+import e from "../../../ui/badge/Badge.js";
+import "../../../ui/badge/index.js";
+import t from "../../../ui/card/Card.js";
+import n from "../../../ui/card/CardContent.js";
+import "../../../ui/card/index.js";
+import r from "../../../ui/field-frame/FieldFrame.js";
+import "../../../ui/field-frame/index.js";
+import { createBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, mergeModels as l, openBlock as u, unref as d, useModel as f, withCtx as p } from "vue";
+import { Construction as m } from "@lucide/vue";
+//#region src/components/compositions/elements/editor/ImageEditor.vue?vue&type=script&setup=true&lang.ts
+var h = /* @__PURE__ */ c({
+	__name: "ImageEditor",
+	props: /* @__PURE__ */ l({
+		modelValue: {},
+		id: {},
+		name: {},
+		label: {},
+		hideLabel: { type: Boolean },
+		required: { type: Boolean },
+		disabled: { type: Boolean },
+		helpText: {},
+		errors: { default: () => [] }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(c) {
+		return f(c, "modelValue"), (l, f) => (u(), i(d(r), {
+			label: c.label,
+			required: c.required,
+			"hide-label": c.hideLabel,
+			for: c.id,
+			"help-text": c.helpText,
+			errors: c.errors,
+			"data-testid": "image-editor"
+		}, {
+			default: p(() => [s(d(t), {
+				class: "border-dashed",
+				"data-element-name": c.name ?? void 0,
+				"data-stub": "editor/image-editor"
+			}, {
+				default: p(() => [s(d(n), { class: "flex items-center gap-3 py-6 text-sm text-muted-foreground" }, {
+					default: p(() => [
+						s(d(m), { class: "h-5 w-5" }),
+						f[1] ||= a("span", null, "Image editor — coming soon", -1),
+						s(d(e), {
+							variant: "outline",
+							class: "ml-auto font-mono text-[10px]"
+						}, {
+							default: p(() => [...f[0] ||= [o(" editor/image-editor ", -1)]]),
+							_: 1
+						})
+					]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["data-element-name"])]),
+			_: 1
+		}, 8, [
+			"label",
+			"required",
+			"hide-label",
+			"for",
+			"help-text",
+			"errors"
+		]));
+	}
+});
+//#endregion
+export { h as default };
+
+//# sourceMappingURL=ImageEditor.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/compositions/elements/editor/ImageEditor.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageEditor.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/components/compositions/elements/editor/ImageEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven stub for `editor/image-editor`.\n *\n * Placeholder until the canvas-based crop / annotate editor lands.\n * Reserves the `modelValue` slot so a saved value (data URL or asset\n * reference) round-trips even though there's no real UI yet.\n *\n *   <ImageEditor label=\"Banner\" />\n */\nimport { Construction } from \"@lucide/vue\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Card, CardContent } from \"@/components/ui/card\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface ImageEditorProps {\n  modelValue?: string | null\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  required?: boolean\n  disabled?: boolean\n  helpText?: string\n  errors?: string[]\n}\n\nwithDefaults(defineProps<ImageEditorProps>(), {\n  errors: () => [],\n})\n\ndefineModel<string | null>(\"modelValue\")\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :for=\"id\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n    data-testid=\"image-editor\"\n  >\n    <Card class=\"border-dashed\" :data-element-name=\"name ?? undefined\" data-stub=\"editor/image-editor\">\n      <CardContent class=\"flex items-center gap-3 py-6 text-sm text-muted-foreground\">\n        <Construction class=\"h-5 w-5\" />\n        <span>Image editor — coming soon</span>\n        <Badge variant=\"outline\" class=\"ml-auto font-mono text-[10px]\">\n          editor/image-editor\n        </Badge>\n      </CardContent>\n    </Card>\n  </FieldFrame>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;SA+BA,EAA0B,GAAC,YAAY,mBAIrC,EAkBa,EAAA,CAAA,GAAA;GAjBV,OAAO,EAAA;GACP,UAAU,EAAA;GACV,cAAY,EAAA;GACZ,KAAK,EAAA;GACL,aAAW,EAAA;GACX,QAAQ,EAAA;GACT,eAAY;;oBAUL,CARP,EAQO,EAAA,CAAA,GAAA;IARD,OAAM;IAAiB,qBAAmB,EAAA,QAAQ,KAAA;IAAW,aAAU;;qBAO7D,CANd,EAMc,EAAA,CAAA,GAAA,EAND,OAAM,6DAA4D,GAAA;sBAC7C;MAAhC,EAAgC,EAAA,CAAA,GAAA,EAAlB,OAAM,UAAS,CAAA;eAC7B,EAAuC,QAAA,MAAjC,8BAA0B,EAAA;MAChC,EAEQ,EAAA,CAAA,GAAA;OAFD,SAAQ;OAAU,OAAM;;wBAE/B,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAF+D,yBAE/D,EAAA,CAAA,CAAA,CAAA"}

package/dist/components/compositions/elements/editor/MarkdownEditor.js

@@ -0,0 +1,7 @@
+import e from "./MarkdownEditor.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/compositions/elements/editor/MarkdownEditor.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=MarkdownEditor.js.map

package/dist/components/compositions/elements/editor/MarkdownEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditor.js","names":[],"sources":["../../../../../src/components/compositions/elements/editor/MarkdownEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven markdown editor composition. Two-pane: editable source on\n * the left, naive markdown preview on the right. The previewer supports\n * bold, italics, headings, links, inline code, and lists — enough to be\n * useful as a draft tool. Heavier syntax (tables, footnotes, code-fence\n * highlighting) is left to a follow-up.\n *\n *   <MarkdownEditor v-model=\"body\" label=\"Body\" />\n */\nimport { computed } from \"vue\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface MarkdownEditorProps {\n  modelValue?: string | null\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  placeholder?: string\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  helpText?: string\n  errors?: string[]\n  rows?: number\n}\n\nwithDefaults(defineProps<MarkdownEditorProps>(), {\n  errors: () => [],\n  rows: 12,\n})\n\nconst model = defineModel<string | null>(\"modelValue\")\n\nconst source = computed<string>(() => model.value ?? \"\")\n\nfunction onInput(event: Event): void {\n  const target = event.target as HTMLTextAreaElement | null\n  model.value = target?.value ?? \"\"\n}\n\nconst previewHtml = computed<string>(() => renderMarkdown(source.value))\n\nfunction renderMarkdown(input: string): string {\n  if (!input) {\n    return \"\"\n  }\n  let html = escapeHtml(input)\n  // Headings (h1..h6) — must run before other line-level rules.\n  html = html.replace(/^######\\s+(.+)$/gm, \"<h6>$1</h6>\")\n  html = html.replace(/^#####\\s+(.+)$/gm, \"<h5>$1</h5>\")\n  html = html.replace(/^####\\s+(.+)$/gm, \"<h4>$1</h4>\")\n  html = html.replace(/^###\\s+(.+)$/gm, \"<h3>$1</h3>\")\n  html = html.replace(/^##\\s+(.+)$/gm, \"<h2>$1</h2>\")\n  html = html.replace(/^#\\s+(.+)$/gm, \"<h1>$1</h1>\")\n  // Bold + italic (greedy bold first, then italic).\n  html = html.replace(/\\*\\*(.+?)\\*\\*/g, \"<strong>$1</strong>\")\n  html = html.replace(/\\*(.+?)\\*/g, \"<em>$1</em>\")\n  // Inline code.\n  html = html.replace(/`([^`]+)`/g, \"<code>$1</code>\")\n  // Links [text](url).\n  html = html.replace(\n    /\\[([^\\]]+)\\]\\(([^)]+)\\)/g,\n    '<a href=\"$2\" rel=\"noopener noreferrer\" class=\"underline\">$1</a>',\n  )\n  // Unordered lists (consecutive lines starting with - or *).\n  html = html.replace(/(^|\\n)([-*])\\s+(.+)/g, \"$1<li>$3</li>\")\n  html = html.replace(/(<li>.*<\\/li>)/gs, (m) => `<ul>${m}</ul>`)\n  // Paragraph wrap remaining bare lines.\n  html = html\n    .split(/\\n{2,}/)\n    .map((block) => {\n      const trimmed = block.trim()\n      if (!trimmed) {\n        return \"\"\n      }\n      if (/^<(h[1-6]|ul|ol|li|pre|code|a|strong|em)/.test(trimmed)) {\n        return trimmed\n      }\n      return `<p>${trimmed}</p>`\n    })\n    .join(\"\\n\")\n  return html\n}\n\nfunction escapeHtml(input: string): string {\n  return input\n    .replace(/&/g, \"&amp;\")\n    .replace(/</g, \"&lt;\")\n    .replace(/>/g, \"&gt;\")\n}\n\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :for=\"id\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n    data-testid=\"markdown-editor\"\n  >\n    <div class=\"grid grid-cols-1 gap-3 lg:grid-cols-2\">\n      <textarea\n        :id=\"id\"\n        :name=\"name ?? undefined\"\n        :placeholder=\"placeholder ?? 'Write markdown here...'\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n        :required=\"required\"\n        :rows=\"rows\"\n        :value=\"source\"\n        :data-element-name=\"name ?? undefined\"\n        data-testid=\"markdown-editor-source\"\n        class=\"font-mono text-sm rounded-md border border-input bg-background px-3 py-2 shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\"\n        :class=\"errors.length ? 'border-destructive ring-destructive' : ''\"\n        @input=\"onInput\"\n      />\n      <div\n        class=\"prose prose-sm max-w-none rounded-md border bg-muted/30 px-3 py-2 dark:prose-invert\"\n        data-testid=\"markdown-editor-preview\"\n        v-html=\"previewHtml\"\n      />\n    </div>\n  </FieldFrame>\n</template>\n"],"mappings":""}

package/dist/components/compositions/elements/editor/MarkdownEditor.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,93 @@
+import e from "../../../ui/field-frame/FieldFrame.js";
+import "../../../ui/field-frame/index.js";
+import { computed as t, createBlock as n, createElementVNode as r, defineComponent as i, mergeModels as a, normalizeClass as o, openBlock as s, unref as c, useModel as l, withCtx as u } from "vue";
+//#region src/components/compositions/elements/editor/MarkdownEditor.vue?vue&type=script&setup=true&lang.ts
+var d = { class: "grid grid-cols-1 gap-3 lg:grid-cols-2" }, f = [
+	"id",
+	"name",
+	"placeholder",
+	"readonly",
+	"disabled",
+	"required",
+	"rows",
+	"value",
+	"data-element-name"
+], p = ["innerHTML"], m = /* @__PURE__ */ i({
+	__name: "MarkdownEditor",
+	props: /* @__PURE__ */ a({
+		modelValue: {},
+		id: {},
+		name: {},
+		label: {},
+		hideLabel: { type: Boolean },
+		placeholder: {},
+		required: { type: Boolean },
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		helpText: {},
+		errors: { default: () => [] },
+		rows: { default: 12 }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(i) {
+		let a = l(i, "modelValue"), m = t(() => a.value ?? "");
+		function h(e) {
+			a.value = e.target?.value ?? "";
+		}
+		let g = t(() => _(m.value));
+		function _(e) {
+			if (!e) return "";
+			let t = v(e);
+			return t = t.replace(/^######\s+(.+)$/gm, "<h6>$1</h6>"), t = t.replace(/^#####\s+(.+)$/gm, "<h5>$1</h5>"), t = t.replace(/^####\s+(.+)$/gm, "<h4>$1</h4>"), t = t.replace(/^###\s+(.+)$/gm, "<h3>$1</h3>"), t = t.replace(/^##\s+(.+)$/gm, "<h2>$1</h2>"), t = t.replace(/^#\s+(.+)$/gm, "<h1>$1</h1>"), t = t.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>"), t = t.replace(/\*(.+?)\*/g, "<em>$1</em>"), t = t.replace(/`([^`]+)`/g, "<code>$1</code>"), t = t.replace(/\[([^\]]+)\]\(([^)]+)\)/g, "<a href=\"$2\" rel=\"noopener noreferrer\" class=\"underline\">$1</a>"), t = t.replace(/(^|\n)([-*])\s+(.+)/g, "$1<li>$3</li>"), t = t.replace(/(<li>.*<\/li>)/gs, (e) => `<ul>${e}</ul>`), t = t.split(/\n{2,}/).map((e) => {
+				let t = e.trim();
+				return t ? /^<(h[1-6]|ul|ol|li|pre|code|a|strong|em)/.test(t) ? t : `<p>${t}</p>` : "";
+			}).join("\n"), t;
+		}
+		function v(e) {
+			return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+		}
+		return (t, a) => (s(), n(c(e), {
+			label: i.label,
+			required: i.required,
+			"hide-label": i.hideLabel,
+			for: i.id,
+			"help-text": i.helpText,
+			errors: i.errors,
+			"data-testid": "markdown-editor"
+		}, {
+			default: u(() => [r("div", d, [r("textarea", {
+				id: i.id,
+				name: i.name ?? void 0,
+				placeholder: i.placeholder ?? "Write markdown here...",
+				readonly: i.readonly,
+				disabled: i.disabled,
+				required: i.required,
+				rows: i.rows,
+				value: m.value,
+				"data-element-name": i.name ?? void 0,
+				"data-testid": "markdown-editor-source",
+				class: o(["font-mono text-sm rounded-md border border-input bg-background px-3 py-2 shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50", i.errors.length ? "border-destructive ring-destructive" : ""]),
+				onInput: h
+			}, null, 42, f), r("div", {
+				class: "prose prose-sm max-w-none rounded-md border bg-muted/30 px-3 py-2 dark:prose-invert",
+				"data-testid": "markdown-editor-preview",
+				innerHTML: g.value
+			}, null, 8, p)])]),
+			_: 1
+		}, 8, [
+			"label",
+			"required",
+			"hide-label",
+			"for",
+			"help-text",
+			"errors"
+		]));
+	}
+});
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=MarkdownEditor.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/compositions/elements/editor/MarkdownEditor.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditor.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/components/compositions/elements/editor/MarkdownEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven markdown editor composition. Two-pane: editable source on\n * the left, naive markdown preview on the right. The previewer supports\n * bold, italics, headings, links, inline code, and lists — enough to be\n * useful as a draft tool. Heavier syntax (tables, footnotes, code-fence\n * highlighting) is left to a follow-up.\n *\n *   <MarkdownEditor v-model=\"body\" label=\"Body\" />\n */\nimport { computed } from \"vue\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface MarkdownEditorProps {\n  modelValue?: string | null\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  placeholder?: string\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  helpText?: string\n  errors?: string[]\n  rows?: number\n}\n\nwithDefaults(defineProps<MarkdownEditorProps>(), {\n  errors: () => [],\n  rows: 12,\n})\n\nconst model = defineModel<string | null>(\"modelValue\")\n\nconst source = computed<string>(() => model.value ?? \"\")\n\nfunction onInput(event: Event): void {\n  const target = event.target as HTMLTextAreaElement | null\n  model.value = target?.value ?? \"\"\n}\n\nconst previewHtml = computed<string>(() => renderMarkdown(source.value))\n\nfunction renderMarkdown(input: string): string {\n  if (!input) {\n    return \"\"\n  }\n  let html = escapeHtml(input)\n  // Headings (h1..h6) — must run before other line-level rules.\n  html = html.replace(/^######\\s+(.+)$/gm, \"<h6>$1</h6>\")\n  html = html.replace(/^#####\\s+(.+)$/gm, \"<h5>$1</h5>\")\n  html = html.replace(/^####\\s+(.+)$/gm, \"<h4>$1</h4>\")\n  html = html.replace(/^###\\s+(.+)$/gm, \"<h3>$1</h3>\")\n  html = html.replace(/^##\\s+(.+)$/gm, \"<h2>$1</h2>\")\n  html = html.replace(/^#\\s+(.+)$/gm, \"<h1>$1</h1>\")\n  // Bold + italic (greedy bold first, then italic).\n  html = html.replace(/\\*\\*(.+?)\\*\\*/g, \"<strong>$1</strong>\")\n  html = html.replace(/\\*(.+?)\\*/g, \"<em>$1</em>\")\n  // Inline code.\n  html = html.replace(/`([^`]+)`/g, \"<code>$1</code>\")\n  // Links [text](url).\n  html = html.replace(\n    /\\[([^\\]]+)\\]\\(([^)]+)\\)/g,\n    '<a href=\"$2\" rel=\"noopener noreferrer\" class=\"underline\">$1</a>',\n  )\n  // Unordered lists (consecutive lines starting with - or *).\n  html = html.replace(/(^|\\n)([-*])\\s+(.+)/g, \"$1<li>$3</li>\")\n  html = html.replace(/(<li>.*<\\/li>)/gs, (m) => `<ul>${m}</ul>`)\n  // Paragraph wrap remaining bare lines.\n  html = html\n    .split(/\\n{2,}/)\n    .map((block) => {\n      const trimmed = block.trim()\n      if (!trimmed) {\n        return \"\"\n      }\n      if (/^<(h[1-6]|ul|ol|li|pre|code|a|strong|em)/.test(trimmed)) {\n        return trimmed\n      }\n      return `<p>${trimmed}</p>`\n    })\n    .join(\"\\n\")\n  return html\n}\n\nfunction escapeHtml(input: string): string {\n  return input\n    .replace(/&/g, \"&amp;\")\n    .replace(/</g, \"&lt;\")\n    .replace(/>/g, \"&gt;\")\n}\n\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :for=\"id\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n    data-testid=\"markdown-editor\"\n  >\n    <div class=\"grid grid-cols-1 gap-3 lg:grid-cols-2\">\n      <textarea\n        :id=\"id\"\n        :name=\"name ?? undefined\"\n        :placeholder=\"placeholder ?? 'Write markdown here...'\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n        :required=\"required\"\n        :rows=\"rows\"\n        :value=\"source\"\n        :data-element-name=\"name ?? undefined\"\n        data-testid=\"markdown-editor-source\"\n        class=\"font-mono text-sm rounded-md border border-input bg-background px-3 py-2 shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\"\n        :class=\"errors.length ? 'border-destructive ring-destructive' : ''\"\n        @input=\"onInput\"\n      />\n      <div\n        class=\"prose prose-sm max-w-none rounded-md border bg-muted/30 px-3 py-2 dark:prose-invert\"\n        data-testid=\"markdown-editor-preview\"\n        v-html=\"previewHtml\"\n      />\n    </div>\n  </FieldFrame>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiCA,IAAM,IAAQ,EAA0B,GAAC,YAAY,GAE/C,IAAS,QAAuB,EAAM,SAAS,EAAE;EAEvD,SAAS,EAAQ,GAAoB;GAEnC,EAAM,QADS,EAAM,QACC,SAAS;EACjC;EAEA,IAAM,IAAc,QAAuB,EAAe,EAAO,KAAK,CAAC;EAEvE,SAAS,EAAe,GAAuB;GAC7C,IAAI,CAAC,GACH,OAAO;GAET,IAAI,IAAO,EAAW,CAAK;GAmC3B,OAjCA,IAAO,EAAK,QAAQ,qBAAqB,aAAa,GACtD,IAAO,EAAK,QAAQ,oBAAoB,aAAa,GACrD,IAAO,EAAK,QAAQ,mBAAmB,aAAa,GACpD,IAAO,EAAK,QAAQ,kBAAkB,aAAa,GACnD,IAAO,EAAK,QAAQ,iBAAiB,aAAa,GAClD,IAAO,EAAK,QAAQ,gBAAgB,aAAa,GAEjD,IAAO,EAAK,QAAQ,kBAAkB,qBAAqB,GAC3D,IAAO,EAAK,QAAQ,cAAc,aAAa,GAE/C,IAAO,EAAK,QAAQ,cAAc,iBAAiB,GAEnD,IAAO,EAAK,QACV,4BACA,uEACF,GAEA,IAAO,EAAK,QAAQ,wBAAwB,eAAe,GAC3D,IAAO,EAAK,QAAQ,qBAAqB,MAAM,OAAO,EAAE,MAAM,GAE9D,IAAO,EACJ,MAAM,QAAQ,EACd,KAAK,MAAU;IACd,IAAM,IAAU,EAAM,KAAK;IAO3B,OANK,IAGD,2CAA2C,KAAK,CAAO,IAClD,IAEF,MAAM,EAAQ,QALZ;GAMX,CAAC,EACA,KAAK,IAAI,GACL;EACT;EAEA,SAAS,EAAW,GAAuB;GACzC,OAAO,EACJ,QAAQ,MAAM,OAAO,EACrB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,MAAM;EACzB;yBAKE,EA+Ba,EAAA,CAAA,GAAA;GA9BV,OAAO,EAAA;GACP,UAAU,EAAA;GACV,cAAY,EAAA;GACZ,KAAK,EAAA;GACL,aAAW,EAAA;GACX,QAAQ,EAAA;GACT,eAAY;;oBAuBN,CArBN,EAqBM,OArBN,GAqBM,CApBJ,EAcE,YAAA;IAbC,IAAI,EAAA;IACJ,MAAM,EAAA,QAAQ,KAAA;IACd,aAAa,EAAA,eAAW;IACxB,UAAU,EAAA;IACV,UAAU,EAAA;IACV,UAAU,EAAA;IACV,MAAM,EAAA;IACN,OAAO,EAAA;IACP,qBAAmB,EAAA,QAAQ,KAAA;IAC5B,eAAY;IACZ,OAAK,EAAA,CAAC,8MACE,EAAA,OAAO,SAAM,wCAAA,EAAA,CAAA;IACb;oBAEV,EAIE,OAAA;IAHA,OAAM;IACN,eAAY;IACZ,WAAQ,EAAA"}

package/dist/components/compositions/elements/editor/RichTextEditor.js

@@ -0,0 +1,7 @@
+import e from "./RichTextEditor.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/compositions/elements/editor/RichTextEditor.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=RichTextEditor.js.map

package/dist/components/compositions/elements/editor/RichTextEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.js","names":[],"sources":["../../../../../src/components/compositions/elements/editor/RichTextEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven rich-text editor composition. Wraps Tiptap (`@tiptap/vue-3`\n * + StarterKit) inside a FieldFrame, exposing the standard input chrome:\n * label / required / helpText / errors / hideLabel.\n *\n * The model is HTML — emits `update:modelValue` with `editor.getHTML()` on\n * every internal change.\n *\n *   <RichTextEditor v-model=\"body\" label=\"Body\" />\n */\nimport { computed, onBeforeUnmount, watch } from \"vue\"\nimport { EditorContent, useEditor } from \"@tiptap/vue-3\"\nimport type { AnyExtension } from \"@tiptap/vue-3\"\nimport StarterKit from \"@tiptap/starter-kit\"\nimport {\n  Bold,\n  Code,\n  Heading1,\n  Heading2,\n  Heading3,\n  Italic,\n  List,\n  ListOrdered,\n  Minus,\n  Quote,\n  Redo,\n  Strikethrough,\n  Undo,\n} from \"@lucide/vue\"\nimport { Button } from \"@/components/ui/button\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface RichTextEditorProps {\n  modelValue?: string | null\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  placeholder?: string\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  helpText?: string\n  errors?: string[]\n  minHeight?: string\n  extensions?: unknown[]\n}\n\nconst props = withDefaults(defineProps<RichTextEditorProps>(), {\n  errors: () => [],\n  minHeight: \"12rem\",\n  extensions: () => [],\n})\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: string): void\n}>()\n\nconst editor = useEditor({\n  content: props.modelValue ?? \"\",\n  editable: !(props.disabled || props.readonly),\n  extensions: [\n    StarterKit,\n    ...(props.extensions as AnyExtension[]),\n  ],\n  onUpdate: ({ editor }) => {\n    emit(\"update:modelValue\", editor.getHTML())\n  },\n})\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    const instance = editor.value\n    if (!instance) {\n      return\n    }\n    const next = value ?? \"\"\n    if (next === instance.getHTML()) {\n      return\n    }\n    instance.commands.setContent(next, { emitUpdate: false })\n  },\n)\n\nwatch(\n  () => [props.disabled, props.readonly] as const,\n  ([disabled, readonly]) => {\n    editor.value?.setEditable(!(disabled || readonly))\n  },\n)\n\nonBeforeUnmount(() => {\n  editor.value?.destroy()\n})\n\nconst hasErrors = computed<boolean>(() => props.errors.length > 0)\nconst isDisabled = computed<boolean>(() => Boolean(props.disabled))\nconst isReadonly = computed<boolean>(() => Boolean(props.readonly))\nconst isInert = computed<boolean>(() => isDisabled.value || isReadonly.value)\n\nconst contentStyle = computed<Record<string, string>>(() => ({\n  minHeight: props.minHeight,\n}))\n\ninterface ToolbarAction {\n  key: string\n  label: string\n  icon: typeof Bold\n  isActive: () => boolean\n  run: () => void\n  disabled?: () => boolean\n}\n\nfunction active(name: string, attrs?: Record<string, unknown>): boolean {\n  const instance = editor.value\n  if (!instance) {\n    return false\n  }\n  return attrs ? instance.isActive(name, attrs) : instance.isActive(name)\n}\n\nconst toolbarActions = computed<ToolbarAction[]>(() => [\n  {\n    key: \"bold\",\n    label: \"Bold\",\n    icon: Bold,\n    isActive: () => active(\"bold\"),\n    run: () => editor.value?.chain().focus().toggleBold().run(),\n  },\n  {\n    key: \"italic\",\n    label: \"Italic\",\n    icon: Italic,\n    isActive: () => active(\"italic\"),\n    run: () => editor.value?.chain().focus().toggleItalic().run(),\n  },\n  {\n    key: \"strike\",\n    label: \"Strikethrough\",\n    icon: Strikethrough,\n    isActive: () => active(\"strike\"),\n    run: () => editor.value?.chain().focus().toggleStrike().run(),\n  },\n  {\n    key: \"code\",\n    label: \"Inline code\",\n    icon: Code,\n    isActive: () => active(\"code\"),\n    run: () => editor.value?.chain().focus().toggleCode().run(),\n  },\n  {\n    key: \"h1\",\n    label: \"Heading 1\",\n    icon: Heading1,\n    isActive: () => active(\"heading\", { level: 1 }),\n    run: () =>\n      editor.value?.chain().focus().toggleHeading({ level: 1 }).run(),\n  },\n  {\n    key: \"h2\",\n    label: \"Heading 2\",\n    icon: Heading2,\n    isActive: () => active(\"heading\", { level: 2 }),\n    run: () =>\n      editor.value?.chain().focus().toggleHeading({ level: 2 }).run(),\n  },\n  {\n    key: \"h3\",\n    label: \"Heading 3\",\n    icon: Heading3,\n    isActive: () => active(\"heading\", { level: 3 }),\n    run: () =>\n      editor.value?.chain().focus().toggleHeading({ level: 3 }).run(),\n  },\n  {\n    key: \"bullet-list\",\n    label: \"Bullet list\",\n    icon: List,\n    isActive: () => active(\"bulletList\"),\n    run: () => editor.value?.chain().focus().toggleBulletList().run(),\n  },\n  {\n    key: \"ordered-list\",\n    label: \"Ordered list\",\n    icon: ListOrdered,\n    isActive: () => active(\"orderedList\"),\n    run: () => editor.value?.chain().focus().toggleOrderedList().run(),\n  },\n  {\n    key: \"blockquote\",\n    label: \"Blockquote\",\n    icon: Quote,\n    isActive: () => active(\"blockquote\"),\n    run: () => editor.value?.chain().focus().toggleBlockquote().run(),\n  },\n  {\n    key: \"horizontal-rule\",\n    label: \"Horizontal rule\",\n    icon: Minus,\n    isActive: () => false,\n    run: () => editor.value?.chain().focus().setHorizontalRule().run(),\n  },\n  {\n    key: \"undo\",\n    label: \"Undo\",\n    icon: Undo,\n    isActive: () => false,\n    run: () => editor.value?.chain().focus().undo().run(),\n    disabled: () => !editor.value?.can().chain().focus().undo().run(),\n  },\n  {\n    key: \"redo\",\n    label: \"Redo\",\n    icon: Redo,\n    isActive: () => false,\n    run: () => editor.value?.chain().focus().redo().run(),\n    disabled: () => !editor.value?.can().chain().focus().redo().run(),\n  },\n])\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :for=\"id\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n    data-testid=\"rich-text-editor\"\n  >\n    <div\n      :class=\"\n        cn(\n          'rounded-md border border-input bg-background shadow-sm overflow-hidden',\n          hasErrors ? 'border-destructive ring-1 ring-destructive' : '',\n          isDisabled ? 'opacity-60' : '',\n        )\n      \"\n      :data-element-name=\"name ?? undefined\"\n    >\n      <div\n        class=\"flex flex-wrap items-center gap-1 border-b bg-muted/30 px-2 py-1\"\n        :class=\"isInert ? 'pointer-events-none opacity-50' : ''\"\n        role=\"toolbar\"\n        aria-label=\"Formatting\"\n        data-testid=\"rich-text-editor-toolbar\"\n      >\n        <Button\n          v-for=\"action in toolbarActions\"\n          :key=\"action.key\"\n          type=\"button\"\n          size=\"icon-sm\"\n          :variant=\"action.isActive() ? 'secondary' : 'ghost'\"\n          :disabled=\"isInert || (action.disabled ? action.disabled() : false)\"\n          :aria-label=\"action.label\"\n          :title=\"action.label\"\n          :data-testid=\"`rich-text-editor-toolbar-${action.key}`\"\n          :aria-pressed=\"action.isActive()\"\n          @click=\"action.run()\"\n        >\n          <component :is=\"action.icon\" />\n        </Button>\n      </div>\n\n      <EditorContent\n        v-if=\"editor\"\n        :editor=\"editor\"\n        :style=\"contentStyle\"\n        class=\"prose prose-sm max-w-none px-3 py-2 focus-within:outline-none dark:prose-invert [&_.ProseMirror]:min-h-full [&_.ProseMirror]:outline-none\"\n        data-testid=\"rich-text-editor-content\"\n      />\n    </div>\n  </FieldFrame>\n</template>\n"],"mappings":""}

package/dist/components/compositions/elements/editor/RichTextEditor.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,208 @@
+import { cn as e } from "../../../../lib/utils.js";
+import t from "../../../ui/button/Button.js";
+import "../../../ui/button/index.js";
+import n from "../../../ui/field-frame/FieldFrame.js";
+import "../../../ui/field-frame/index.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, onBeforeUnmount as f, openBlock as p, renderList as m, resolveDynamicComponent as h, unref as g, watch as _, withCtx as v } from "vue";
+import { Bold as y, Code as b, Heading1 as x, Heading2 as S, Heading3 as C, Italic as w, List as T, ListOrdered as E, Minus as D, Quote as O, Redo as k, Strikethrough as A, Undo as j } from "@lucide/vue";
+import { EditorContent as M, useEditor as N } from "@tiptap/vue-3";
+import P from "@tiptap/starter-kit";
+//#region src/components/compositions/elements/editor/RichTextEditor.vue?vue&type=script&setup=true&lang.ts
+var F = ["data-element-name"], I = /* @__PURE__ */ l({
+	__name: "RichTextEditor",
+	props: {
+		modelValue: {},
+		id: {},
+		name: {},
+		label: {},
+		hideLabel: { type: Boolean },
+		placeholder: {},
+		required: { type: Boolean },
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		helpText: {},
+		errors: { default: () => [] },
+		minHeight: { default: "12rem" },
+		extensions: { default: () => [] }
+	},
+	emits: ["update:modelValue"],
+	setup(l, { emit: I }) {
+		let L = l, R = I, z = N({
+			content: L.modelValue ?? "",
+			editable: !(L.disabled || L.readonly),
+			extensions: [P, ...L.extensions],
+			onUpdate: ({ editor: e }) => {
+				R("update:modelValue", e.getHTML());
+			}
+		});
+		_(() => L.modelValue, (e) => {
+			let t = z.value;
+			if (!t) return;
+			let n = e ?? "";
+			n !== t.getHTML() && t.commands.setContent(n, { emitUpdate: !1 });
+		}), _(() => [L.disabled, L.readonly], ([e, t]) => {
+			z.value?.setEditable(!(e || t));
+		}), f(() => {
+			z.value?.destroy();
+		});
+		let B = i(() => L.errors.length > 0), V = i(() => !!L.disabled), H = i(() => !!L.readonly), U = i(() => V.value || H.value), W = i(() => ({ minHeight: L.minHeight }));
+		function G(e, t) {
+			let n = z.value;
+			return n ? t ? n.isActive(e, t) : n.isActive(e) : !1;
+		}
+		let K = i(() => [
+			{
+				key: "bold",
+				label: "Bold",
+				icon: y,
+				isActive: () => G("bold"),
+				run: () => z.value?.chain().focus().toggleBold().run()
+			},
+			{
+				key: "italic",
+				label: "Italic",
+				icon: w,
+				isActive: () => G("italic"),
+				run: () => z.value?.chain().focus().toggleItalic().run()
+			},
+			{
+				key: "strike",
+				label: "Strikethrough",
+				icon: A,
+				isActive: () => G("strike"),
+				run: () => z.value?.chain().focus().toggleStrike().run()
+			},
+			{
+				key: "code",
+				label: "Inline code",
+				icon: b,
+				isActive: () => G("code"),
+				run: () => z.value?.chain().focus().toggleCode().run()
+			},
+			{
+				key: "h1",
+				label: "Heading 1",
+				icon: x,
+				isActive: () => G("heading", { level: 1 }),
+				run: () => z.value?.chain().focus().toggleHeading({ level: 1 }).run()
+			},
+			{
+				key: "h2",
+				label: "Heading 2",
+				icon: S,
+				isActive: () => G("heading", { level: 2 }),
+				run: () => z.value?.chain().focus().toggleHeading({ level: 2 }).run()
+			},
+			{
+				key: "h3",
+				label: "Heading 3",
+				icon: C,
+				isActive: () => G("heading", { level: 3 }),
+				run: () => z.value?.chain().focus().toggleHeading({ level: 3 }).run()
+			},
+			{
+				key: "bullet-list",
+				label: "Bullet list",
+				icon: T,
+				isActive: () => G("bulletList"),
+				run: () => z.value?.chain().focus().toggleBulletList().run()
+			},
+			{
+				key: "ordered-list",
+				label: "Ordered list",
+				icon: E,
+				isActive: () => G("orderedList"),
+				run: () => z.value?.chain().focus().toggleOrderedList().run()
+			},
+			{
+				key: "blockquote",
+				label: "Blockquote",
+				icon: O,
+				isActive: () => G("blockquote"),
+				run: () => z.value?.chain().focus().toggleBlockquote().run()
+			},
+			{
+				key: "horizontal-rule",
+				label: "Horizontal rule",
+				icon: D,
+				isActive: () => !1,
+				run: () => z.value?.chain().focus().setHorizontalRule().run()
+			},
+			{
+				key: "undo",
+				label: "Undo",
+				icon: j,
+				isActive: () => !1,
+				run: () => z.value?.chain().focus().undo().run(),
+				disabled: () => !z.value?.can().chain().focus().undo().run()
+			},
+			{
+				key: "redo",
+				label: "Redo",
+				icon: k,
+				isActive: () => !1,
+				run: () => z.value?.chain().focus().redo().run(),
+				disabled: () => !z.value?.can().chain().focus().redo().run()
+			}
+		]);
+		return (i, f) => (p(), a(g(n), {
+			label: l.label,
+			required: l.required,
+			"hide-label": l.hideLabel,
+			for: l.id,
+			"help-text": l.helpText,
+			errors: l.errors,
+			"data-testid": "rich-text-editor"
+		}, {
+			default: v(() => [c("div", {
+				class: u(g(e)("rounded-md border border-input bg-background shadow-sm overflow-hidden", B.value ? "border-destructive ring-1 ring-destructive" : "", V.value ? "opacity-60" : "")),
+				"data-element-name": l.name ?? void 0
+			}, [c("div", {
+				class: u(["flex flex-wrap items-center gap-1 border-b bg-muted/30 px-2 py-1", U.value ? "pointer-events-none opacity-50" : ""]),
+				role: "toolbar",
+				"aria-label": "Formatting",
+				"data-testid": "rich-text-editor-toolbar"
+			}, [(p(!0), s(r, null, m(K.value, (e) => (p(), a(g(t), {
+				key: e.key,
+				type: "button",
+				size: "icon-sm",
+				variant: e.isActive() ? "secondary" : "ghost",
+				disabled: U.value || (e.disabled ? e.disabled() : !1),
+				"aria-label": e.label,
+				title: e.label,
+				"data-testid": `rich-text-editor-toolbar-${e.key}`,
+				"aria-pressed": e.isActive(),
+				onClick: (t) => e.run()
+			}, {
+				default: v(() => [(p(), a(h(e.icon)))]),
+				_: 2
+			}, 1032, [
+				"variant",
+				"disabled",
+				"aria-label",
+				"title",
+				"data-testid",
+				"aria-pressed",
+				"onClick"
+			]))), 128))], 2), g(z) ? (p(), a(g(M), {
+				key: 0,
+				editor: g(z),
+				style: d(W.value),
+				class: "prose prose-sm max-w-none px-3 py-2 focus-within:outline-none dark:prose-invert [&_.ProseMirror]:min-h-full [&_.ProseMirror]:outline-none",
+				"data-testid": "rich-text-editor-content"
+			}, null, 8, ["editor", "style"])) : o("", !0)], 10, F)]),
+			_: 1
+		}, 8, [
+			"label",
+			"required",
+			"hide-label",
+			"for",
+			"help-text",
+			"errors"
+		]));
+	}
+});
+//#endregion
+export { I as default };
+
+//# sourceMappingURL=RichTextEditor.vue_vue_type_script_setup_true_lang.js.map