@alfakit/vue 0.1.10 → 0.1.11

package/dist/components/fields/RichEditorInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichEditorInput.js","names":["_sfc_main","RichEditorInput_vue_vue_type_script_setup_true_lang_default","RichEditorInput_default"],"sources":["../../../src/components/fields/RichEditorInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { LoadedRichEditorExtensions, RichEditorPanel, RichEditorSchema } from '@alfakit/core'\nimport {\n  allToolbarButtons,\n  attachToolbarKeyboard,\n  focusToolbar,\n  isToolbarShortcut,\n  detailsNodeConfigs,\n  gridNodeConfigs,\n  leadExtensionConfig,\n  linkExtensionOptions,\n  smallMarkConfig,\n  EditorAttachments,\n  fieldIds,\n  fileAttachmentError,\n  floatingToolbarStyle,\n  highlightMarkConfig,\n  htmlToMarkdown,\n  resizableImageAttributes,\n  resizableImageOptions,\n  resolveFloatingToolbar,\n  resolveStickyOffset,\n  setTextColor,\n  showsTableToolbar,\n  subscriptMarkConfig,\n  superscriptMarkConfig,\n  TABLE_TOOLBAR_BUTTONS,\n  textAlignExtensionConfig,\n  textColorMarkConfig,\n  toEditorDocument,\n  toolbarButtonLabel,\n  toolbarCommands,\n  panelUploadOptions,\n  uploadTemporaryFile,\n  documentNonce,\n} from '@alfakit/core'\nimport { EraserIcon } from '@lucide/vue'\nimport Image from '@tiptap/extension-image'\nimport Link from '@tiptap/extension-link'\nimport Placeholder from '@tiptap/extension-placeholder'\nimport { TableKit } from '@tiptap/extension-table'\nimport StarterKit from '@tiptap/starter-kit'\nimport {\n  EditorContent,\n  Extension,\n  Mark,\n  Node,\n  useEditor,\n  type Editor,\n  type Extensions,\n} from '@tiptap/vue-3'\nimport { computed, onBeforeUnmount, onMounted, ref, shallowRef, watch } from 'vue'\nimport { useActionRunner, usePanel, useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Button from '../ui/Button.vue'\nimport { useRichEditorExtensions } from './rich-editor-extensions'\nimport RichEditorSidePanel from './RichEditorSidePanel.vue'\nimport RichEditorSuggestions from './RichEditorSuggestions.vue'\nimport RichEditorToolbarEntries from './RichEditorToolbarEntries.vue'\n\ntype MarkConfig = Parameters<typeof Mark.create>[0]\ntype NodeConfig = Parameters<typeof Node.create>[0]\ntype ExtensionConfig = Parameters<typeof Extension.create>[0]\n\n/**\n * Resize handles of `resizableImages()` (Tiptap's node view adds bare `data-resize-handle`\n * elements): round dots on the corners, shown on hover and while the image is selected.\n */\nconst RESIZE_HANDLE_CLASSES =\n  '[&_[data-resize-handle]]:z-10 [&_[data-resize-handle]]:size-3 [&_[data-resize-handle]]:rounded-full [&_[data-resize-handle]]:border-2 [&_[data-resize-handle]]:border-background [&_[data-resize-handle]]:bg-primary [&_[data-resize-handle]]:opacity-0 [&_[data-resize-container]:hover_[data-resize-handle]]:opacity-100 [&_.ProseMirror-selectednode_[data-resize-handle]]:opacity-100 [&_[data-resize-handle=bottom-right]]:cursor-nwse-resize [&_[data-resize-handle=top-left]]:cursor-nwse-resize [&_[data-resize-handle=bottom-left]]:cursor-nesw-resize [&_[data-resize-handle=top-right]]:cursor-nesw-resize'\n\n/** The image extension, with drag handles for `resizableImages()`. */\nfunction imageExtension(resizable: boolean) {\n  if (!resizable) return Image\n\n  return Image.extend({\n    addAttributes() {\n      return resizableImageAttributes(this.parent?.() ?? {})\n    },\n  }).configure(resizableImageOptions())\n}\n\n/** Extensions for the extra toolbar buttons (only those the toolbar uses are loaded). */\nfunction toolbarExtensions(buttons: string[], markdown: boolean): Extensions {\n  const has = (...names: string[]) => names.some((name) => buttons.includes(name))\n  const extensions: Extensions = []\n\n  if (has('table')) extensions.push(TableKit.configure({ table: { resizable: false } }))\n  // Markdown has no syntax for these.\n  if (markdown) return extensions\n\n  if (has('highlight')) extensions.push(Mark.create(highlightMarkConfig() as MarkConfig))\n  if (has('subscript')) extensions.push(Mark.create(subscriptMarkConfig() as MarkConfig))\n  if (has('superscript')) extensions.push(Mark.create(superscriptMarkConfig() as MarkConfig))\n  if (has('textColor')) extensions.push(Mark.create(textColorMarkConfig() as MarkConfig))\n  if (has('alignStart', 'alignCenter', 'alignEnd', 'alignJustify')) {\n    extensions.push(Extension.create(textAlignExtensionConfig() as ExtensionConfig))\n  }\n  if (has('details')) {\n    extensions.push(...detailsNodeConfigs().map((config) => Node.create(config as NodeConfig)))\n  }\n  if (has('small')) extensions.push(Mark.create(smallMarkConfig() as MarkConfig))\n  if (has('lead')) extensions.push(Extension.create(leadExtensionConfig() as ExtensionConfig))\n  if (has('grid', 'gridDelete', 'gridAddColumnBefore', 'gridAddColumnAfter', 'gridDeleteColumn')) {\n    extensions.push(...gridNodeConfigs().map((config) => Node.create(config as NodeConfig)))\n  }\n\n  return extensions\n}\n\nconst props = defineProps<{ component: RichEditorSchema; plugins: LoadedRichEditorExtensions }>()\nconst t = useT()\nconst panel = usePanel()\nconst runner = useActionRunner()\nconst { value, setValue, blur, error, id, disabled, readOnly, aria } = useField<unknown>(\n  () => props.component,\n)\nconst fileInput = ref<HTMLInputElement | null>(null)\nconst isMarkdown = computed(() => props.component.type === 'MarkdownEditor')\nconst editable = computed(() => !disabled.value && !readOnly.value)\n// Uploaded images preview from a local URL but are stored by their `tmp:` key.\nconst attachments = new EditorAttachments()\nconst isJson = computed(() => Boolean(props.component.json) && !isMarkdown.value)\n// The editor's live instance, for the custom block node views and suggestions.\nconst liveEditor = shallowRef<Editor | undefined>()\nconst rich = useRichEditorExtensions(() => props.component, liveEditor)\n// The open toolbar panel (the text colour palette).\nconst openPanel = ref<'textColor' | null>(null)\n// The open side panel (custom blocks or merge tags).\nconst initialSidePanel = (): RichEditorPanel | null => {\n  const initial = props.component.activePanel ?? null\n\n  if (initial === 'customBlocks') return props.component.customBlocks?.length ? initial : null\n  if (initial === 'mergeTags') return props.component.mergeTags?.length ? initial : null\n\n  return null\n}\nconst sidePanel = ref<RichEditorPanel | null>(initialSidePanel())\nconst attachmentError = ref<string | null>(null)\n// Bumped on every transaction so active states and the table row follow the cursor.\nconst selectionTick = ref(0)\nconst stickyTop = ref<string | null>(null)\nconst sticky = computed(() =>\n  Boolean(props.component.stickyToolbar || props.component.stickyPanels),\n)\n\nconst updateStickyTop = () => {\n  stickyTop.value = sticky.value ? resolveStickyOffset(props.component.stickyOffset) : null\n}\n\nonMounted(updateStickyTop)\nwatch([sticky, () => props.component.stickyOffset], updateStickyTop)\n\n// Built-in buttons, plugin tools and commands of plugin JavaScript extensions.\nconst commands = computed(() =>\n  toolbarCommands(\n    props.component.editorTools,\n    {\n      runAction: (tool, args) =>\n        tool.action\n          ? runner.runField(tool.action, { ...rich.context.value, arguments: args })\n          : Promise.resolve(undefined),\n      editor: () => liveEditor.value ?? null,\n    },\n    props.plugins.commands,\n  ),\n)\n\n// Field state ↔ editor content: HTML, Markdown (loaded from the server's HTML) or a\n// Tiptap JSON document. `tmp:` upload keys become local preview URLs and back.\nconst stateToContent = (state: unknown): string | Record<string, unknown> => {\n  if (isJson.value) {\n    const document = toEditorDocument(state)\n\n    return document ? JSON.parse(attachments.toEditor(JSON.stringify(document))) : ''\n  }\n\n  return attachments.toEditor(\n    ((isMarkdown.value\n      ? typeof props.component.html === 'string'\n        ? props.component.html\n        : null\n      : state) as string | null) ?? '',\n  )\n}\nconst editorToState = (instance: Pick<Editor, 'isEmpty' | 'getJSON' | 'getHTML'>): unknown => {\n  if (instance.isEmpty) return null\n  if (isJson.value) return JSON.parse(attachments.toState(JSON.stringify(instance.getJSON())))\n\n  const html = instance.getHTML()\n\n  return attachments.toState(isMarkdown.value ? htmlToMarkdown(html) : html)\n}\n\nonBeforeUnmount(() => attachments.destroy())\n\n// Keyboard access to the toolbars (roving tabindex, arrows, Escape, Alt+F10).\ntype ToolbarSlot = 'main' | 'table' | 'floating'\nconst toolbarElements: Record<ToolbarSlot, { element: HTMLElement; detach: () => void } | null> = {\n  main: null,\n  table: null,\n  floating: null,\n}\nconst toolbars = () => [\n  toolbarElements.floating?.element,\n  toolbarElements.main?.element,\n  toolbarElements.table?.element,\n]\nconst setToolbar = (slot: ToolbarSlot, element: unknown) => {\n  const current = toolbarElements[slot]\n\n  if (current?.element === element) return\n\n  current?.detach()\n  toolbarElements[slot] =\n    element instanceof HTMLElement\n      ? {\n          element,\n          detach: attachToolbarKeyboard(element, {\n            onEscape: () => liveEditor.value?.commands.focus(),\n            toolbars,\n          }),\n        }\n      : null\n}\n\nonBeforeUnmount(() => {\n  for (const slot of ['main', 'table', 'floating'] as const) setToolbar(slot, null)\n})\n\nconst editor = useEditor({\n  // TipTap injects its base CSS; with the page's CSP nonce a nonce-based policy allows it.\n  injectNonce: documentNonce(),\n  extensions: [\n    StarterKit.configure({ link: false }),\n    Link.configure(linkExtensionOptions(props.component.linkProtocols)),\n    imageExtension(Boolean(props.component.resizableImages) && !isMarkdown.value),\n    Placeholder.configure({ placeholder: props.component.placeholder ?? '' }),\n    ...toolbarExtensions(allToolbarButtons(props.component), isMarkdown.value),\n    ...(isMarkdown.value ? [] : rich.extensions),\n    ...(isMarkdown.value ? [] : (props.plugins.extensions as Extensions)),\n  ],\n  // Markdown is loaded from the server's HTML rendering of it, never parsed as HTML.\n  content: stateToContent(value.value),\n  editable: editable.value,\n  editorProps: {\n    // The mention / merge tag popup takes the arrow, Enter, Tab and Escape keys.\n    handleKeyDown: (_view, event) => {\n      // Alt+F10: into the floating toolbar, else the main one.\n      if (isToolbarShortcut(event)) return focusToolbar(toolbars())\n\n      return liveEditor.value ? rich.suggestions.handleKeyDown(event, liveEditor.value) : false\n    },\n    // ProseMirror reads its DOM attributes on every view update, so they follow `aria`.\n    attributes: () => ({\n      class: cn(\n        'alfakit-prose min-h-32 px-3 py-2 text-sm outline-none',\n        props.component.resizableImages && RESIZE_HANDLE_CLASSES,\n      ),\n      // Runtime sizes cannot be Tailwind classes (they would never be generated).\n      ...(props.component.minHeight ? { style: `min-height: ${props.component.minHeight}px` } : {}),\n      id,\n      // Each paragraph follows its own script, so Arabic and English mix correctly.\n      dir: 'auto',\n      role: 'textbox',\n      'aria-multiline': 'true',\n      ...(props.component.label ? { 'aria-labelledby': fieldIds(id).label } : {}),\n      ...Object.fromEntries(\n        Object.entries(aria.value).map(([name, attribute]) => [name, String(attribute)]),\n      ),\n    }),\n  },\n  onUpdate: ({ editor: instance }) => {\n    setValue(editorToState(instance))\n  },\n  onTransaction: ({ editor: instance }) => {\n    rich.suggestions.update(instance)\n    selectionTick.value++\n  },\n  onBlur: () => {\n    rich.suggestions.close()\n    blur()\n  },\n})\n\nwatch(\n  editor,\n  (instance) => {\n    liveEditor.value = instance\n  },\n  { immediate: true },\n)\n\n// Keep editor in sync when the server refreshes the state.\nwatch(value, (next) => {\n  const instance = editor.value\n\n  if (!instance) return\n\n  const current = editorToState(instance)\n  const same = isJson.value\n    ? JSON.stringify(toEditorDocument(next)) === JSON.stringify(current)\n    : (next ?? '') === (current ?? '')\n\n  if (!same) {\n    instance.commands.setContent(stateToContent(next), { emitUpdate: false })\n  }\n})\n\nwatch(editable, (isEditable) => {\n  editor.value?.setEditable(isEditable)\n})\n\n// Re-apply the editable element's attributes when the error or description changes.\nwatch(aria, () => {\n  if (editor.value && !editor.value.isDestroyed) {\n    editor.value.view.setProps({})\n  }\n})\n\n// A floating toolbar follows its selection while the page scrolls.\nwatch(\n  () => Boolean(props.component.floatingToolbars),\n  (hasFloatingToolbars, _previous, onCleanup) => {\n    if (!hasFloatingToolbars || typeof window === 'undefined') return\n\n    const onScroll = () => selectionTick.value++\n\n    window.addEventListener('scroll', onScroll, { capture: true, passive: true })\n    onCleanup(() => window.removeEventListener('scroll', onScroll, { capture: true }))\n  },\n  { immediate: true },\n)\n\nconst pickImage = () => fileInput.value?.click()\n\nconst uploadImage = async (file: File) => {\n  if (!panel.value.endpoints.upload || !editor.value) return\n\n  // The server checks again when the form is saved.\n  const problem = fileAttachmentError(file, props.component.fileAttachments)\n\n  if (problem) {\n    attachmentError.value =\n      problem === 'too_large'\n        ? t('form.file_too_large', {}, 'This file is too large.')\n        : t('form.file_invalid_type', {}, 'This file type is not allowed.')\n\n    return\n  }\n\n  attachmentError.value = null\n\n  let response: { key: string }\n\n  try {\n    // Large attachments go in resumable chunks.\n    response = await uploadTemporaryFile(\n      panel.value.endpoints.upload,\n      file,\n      panelUploadOptions(panel.value, props.component.fileAttachments.uploadPolicy),\n    )\n  } catch (error) {\n    attachmentError.value =\n      (error as { errors?: Record<string, string[]> }).errors?.file?.[0] ??\n      t('form.upload_failed', {}, 'The file could not be uploaded.')\n\n    return\n  }\n\n  const src = attachments.add(response.key, file)\n\n  editor.value.chain().focus().setImage({ src, alt: file.name }).run()\n}\n\nconst onFilePicked = (event: Event) => {\n  const file = (event.target as HTMLInputElement).files?.[0]\n\n  if (file) void uploadImage(file)\n}\n\nconst accept = computed(() =>\n  (props.component.fileAttachments.acceptedFileTypes ?? ['image/*']).join(','),\n)\n\nconst translate = (key: string, fallback: string) => t(key, {}, fallback)\n\nconst runCommand = (name: string) => {\n  const button = commands.value[name]\n\n  if (!button || !editor.value) return\n\n  button.run(editor.value, {\n    // Messages arrive translated (`form.link_prompt`, `editor.grid_columns`).\n    prompt: (message) => window.prompt(message),\n    pickImage,\n    togglePanel: (target) => {\n      openPanel.value = openPanel.value === target ? null : target\n    },\n    t: translate,\n  })\n}\n\nconst toggleSidePanel = (target: RichEditorPanel) => {\n  sidePanel.value = sidePanel.value === target ? null : target\n}\n\nconst insertMergeTag = (tagId: string) => {\n  editor.value\n    ?.chain()\n    .focus()\n    .insertContent({ type: 'mergeTag', attrs: { id: tagId } })\n    .run()\n}\n\nconst currentTextColor = () => {\n  void selectionTick.value\n\n  return editor.value?.getAttributes('textColor').color\n}\n\n// A `table` floating toolbar replaces the table row of buttons.\nconst showTableToolbar = () => {\n  void selectionTick.value\n\n  return Boolean(\n    editor.value &&\n    editable.value &&\n    !props.component.floatingToolbars?.table &&\n    showsTableToolbar(allToolbarButtons(props.component), editor.value),\n  )\n}\n\nconst floating = computed(() => {\n  void selectionTick.value\n\n  return editable.value\n    ? resolveFloatingToolbar(editor.value ?? null, props.component.floatingToolbars)\n    : null\n})\n\nconst applyColor = (color: string | null, close = true) => {\n  if (!editor.value) return\n\n  setTextColor(editor.value, color)\n\n  if (close) openPanel.value = null\n}\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div\n      :class=\"\n        cn(\n          'border-input dark:bg-input/30 focus-within:border-ring focus-within:ring-ring/50 rounded-md border shadow-xs focus-within:ring-[3px]',\n          error && 'border-destructive',\n          disabled && 'opacity-60',\n        )\n      \"\n    >\n      <!-- The sticky offset is a runtime value: no Tailwind class can hold it. -->\n      <div\n        v-if=\"props.component.toolbarButtons.length > 0 && editor\"\n        :ref=\"(element) => setToolbar('main', element)\"\n        role=\"toolbar\"\n        :aria-label=\"t('editor.toolbar', {}, 'Formatting')\"\n        aria-keyshortcuts=\"Alt+F10\"\n        data-slot=\"rich-editor-toolbar\"\n        :class=\"\n          cn(\n            'flex flex-wrap items-center gap-0.5 border-b p-1',\n            props.component.stickyToolbar && 'bg-background sticky z-10 rounded-t-md',\n          )\n        \"\n        :style=\"props.component.stickyToolbar ? { top: stickyTop ?? '0px' } : undefined\"\n      >\n        <RichEditorToolbarEntries\n          :names=\"props.component.toolbarButtons\"\n          :component=\"props.component\"\n          :editor=\"editor\"\n          :editable=\"editable\"\n          :commands=\"commands\"\n          :tick=\"selectionTick\"\n          :open-panel=\"openPanel\"\n          :side-panel=\"sidePanel\"\n          @run=\"runCommand\"\n          @toggle-panel=\"toggleSidePanel\"\n        />\n      </div>\n      <div\n        v-if=\"editor && openPanel === 'textColor'\"\n        role=\"group\"\n        :aria-label=\"toolbarButtonLabel('textColor', translate)\"\n        class=\"flex flex-wrap items-center gap-1 border-b p-1\"\n        data-slot=\"rich-editor-text-colors\"\n      >\n        <!-- Palette colours are runtime values: no Tailwind class can hold them. -->\n        <button\n          v-for=\"color in props.component.textColors ?? []\"\n          :key=\"color.value\"\n          type=\"button\"\n          :title=\"color.label\"\n          :aria-label=\"color.label\"\n          :aria-pressed=\"currentTextColor() === color.value ? 'true' : 'false'\"\n          class=\"focus-visible:ring-ring/50 size-6 rounded-full border shadow-xs outline-none focus-visible:ring-[3px] aria-pressed:ring-2\"\n          :style=\"{ backgroundColor: color.value }\"\n          @mousedown.prevent\n          @click=\"applyColor(color.value)\"\n        />\n        <input\n          v-if=\"props.component.customTextColors\"\n          type=\"color\"\n          :aria-label=\"t('editor.custom_color', {}, 'Custom color')\"\n          :title=\"t('editor.custom_color', {}, 'Custom color')\"\n          class=\"size-6 cursor-pointer rounded border bg-transparent p-0\"\n          @input=\"applyColor(($event.target as HTMLInputElement).value, false)\"\n        />\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          :aria-label=\"t('editor.remove_color', {}, 'Remove color')\"\n          :title=\"t('editor.remove_color', {}, 'Remove color')\"\n          @mousedown.prevent\n          @click=\"applyColor(null)\"\n        >\n          <EraserIcon />\n        </Button>\n      </div>\n      <div\n        v-if=\"editor && showTableToolbar()\"\n        :ref=\"(element) => setToolbar('table', element)\"\n        role=\"toolbar\"\n        :aria-label=\"toolbarButtonLabel('table', translate)\"\n        class=\"flex flex-wrap items-center gap-0.5 border-b p-1\"\n        data-slot=\"rich-editor-table-toolbar\"\n      >\n        <RichEditorToolbarEntries\n          :names=\"TABLE_TOOLBAR_BUTTONS\"\n          :component=\"props.component\"\n          :editor=\"editor\"\n          :editable=\"editable\"\n          :commands=\"commands\"\n          :tick=\"selectionTick\"\n          :open-panel=\"openPanel\"\n          :side-panel=\"sidePanel\"\n          @run=\"runCommand\"\n          @toggle-panel=\"toggleSidePanel\"\n        />\n      </div>\n      <div class=\"@container\">\n        <div class=\"flex flex-col-reverse @2xl:flex-row\">\n          <EditorContent\n            :editor=\"editor\"\n            class=\"min-w-0 flex-1\"\n            :style=\"\n              props.component.maxHeight\n                ? { maxHeight: `${props.component.maxHeight}px`, overflowY: 'auto' }\n                : undefined\n            \"\n          />\n          <RichEditorSidePanel\n            v-if=\"editor && sidePanel\"\n            :panel=\"sidePanel\"\n            :component=\"props.component\"\n            :editable=\"editable\"\n            :sticky=\"props.component.stickyPanels ? (stickyTop ?? '0px') : null\"\n            @insert-block=\"(blockId: string) => void rich.insertBlock(blockId)\"\n            @insert-merge-tag=\"insertMergeTag\"\n            @close=\"sidePanel = null\"\n          />\n        </div>\n      </div>\n      <!-- Runtime coordinates cannot be Tailwind classes. -->\n      <div\n        v-if=\"editor && floating && floating.buttons.length > 0\"\n        :ref=\"(element) => setToolbar('floating', element)\"\n        role=\"toolbar\"\n        :aria-label=\"t('editor.floating_toolbar', {}, 'Selection formatting')\"\n        data-slot=\"rich-editor-floating-toolbar\"\n        :data-node=\"floating.node\"\n        class=\"bg-popover text-popover-foreground fixed z-50 flex items-center gap-0.5 rounded-md border p-1 shadow-md\"\n        :style=\"floatingToolbarStyle(floating.coords)\"\n      >\n        <RichEditorToolbarEntries\n          :names=\"floating.buttons\"\n          :component=\"props.component\"\n          :editor=\"editor\"\n          :editable=\"editable\"\n          :commands=\"commands\"\n          :tick=\"selectionTick\"\n          :open-panel=\"openPanel\"\n          :side-panel=\"sidePanel\"\n          @run=\"runCommand\"\n          @toggle-panel=\"toggleSidePanel\"\n        />\n      </div>\n      <RichEditorSuggestions\n        :id=\"`${id}-suggestions`\"\n        :suggestions=\"rich.suggestions\"\n        :editor=\"editor\"\n      />\n      <p v-if=\"attachmentError\" role=\"alert\" class=\"text-destructive px-3 pb-2 text-xs\">\n        {{ attachmentError }}\n      </p>\n      <input\n        ref=\"fileInput\"\n        type=\"file\"\n        :accept=\"accept\"\n        class=\"sr-only\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        @change=\"onFilePicked\"\n      />\n    </div>\n  </FieldWrapper>\n</template>\n"],"mappings":""}
+{"version":3,"file":"RichEditorInput.js","names":["_sfc_main","RichEditorInput_vue_vue_type_script_setup_true_lang_default","RichEditorInput_default"],"sources":["../../../src/components/fields/RichEditorInput.vue"],"mappings":""}

package/dist/components/fields/RichEditorInput.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichEditorInput.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_normalizeClass","_createElementBlock","_normalizeStyle","_createVNode","RichEditorToolbarEntries","_createCommentVNode","_Fragment","_renderList","_withModifiers","Button","RichEditorSidePanel","RichEditorSuggestions","_toDisplayString","Button_default","FieldWrapper_default","RichEditorSidePanel_default","RichEditorSuggestions_default","RichEditorToolbarEntries_default","Image","Link","Placeholder","StarterKit","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","RESIZE_HANDLE_CLASSES","RichEditorInput_vue_vue_type_script_setup_true_lang_default","imageExtension","resizable","resizableImageAttributes","resizableImageOptions","toolbarExtensions","has","names","buttons","name","extensions","TableKit","markdown","Mark","highlightMarkConfig","subscriptMarkConfig","superscriptMarkConfig","textColorMarkConfig","Extension","textAlignExtensionConfig","detailsNodeConfigs","Node","config","smallMarkConfig","leadExtensionConfig","gridNodeConfigs","props","__props","t","useT","panel","usePanel","runner","useActionRunner","useField","fileInput","ref","isMarkdown","computed","editable","disabled","readOnly","attachments","EditorAttachments","isJson","liveEditor","shallowRef","rich","useRichEditorExtensions","openPanel","sidePanel","initial","attachmentError","selectionTick","stickyTop","sticky","updateStickyTop","resolveStickyOffset","onMounted","watch","commands","toolbarCommands","tool","args","stateToContent","document","toEditorDocument","state","editorToState","instance","html","htmlToMarkdown","toolbarElements","toolbars","setToolbar","current","slot","element","attachToolbarKeyboard","editor","useEditor","documentNonce","linkExtensionOptions","allToolbarButtons","value","isToolbarShortcut","event","focusToolbar","cn","fieldIds","id","aria","attribute","blur","next","isEditable","hasFloatingToolbars","onScroll","onCleanup","pickImage","uploadImage","problem","fileAttachmentError","file","response","uploadTemporaryFile","panelUploadOptions","error","src","onFilePicked","accept","translate","key","fallback","runCommand","button","message","target","toggleSidePanel","insertMergeTag","tagId","currentTextColor","showTableToolbar","showsTableToolbar","floating","resolveFloatingToolbar","applyColor","setTextColor","color","close","openBlock","createBlock","unref","withCtx","createElementVNode","normalizeClass","createElementBlock","normalizeStyle","createVNode","createCommentVNode","toolbarButtonLabel","Fragment","renderList","_cache","withModifiers","$event","EraserIcon","TABLE_TOOLBAR_BUTTONS","EditorContent","blockId","floatingToolbarStyle","toDisplayString"],"sources":["../../../src/components/fields/RichEditorInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { LoadedRichEditorExtensions, RichEditorPanel, RichEditorSchema } from '@alfakit/core'\nimport {\n  allToolbarButtons,\n  attachToolbarKeyboard,\n  focusToolbar,\n  isToolbarShortcut,\n  detailsNodeConfigs,\n  gridNodeConfigs,\n  leadExtensionConfig,\n  linkExtensionOptions,\n  smallMarkConfig,\n  EditorAttachments,\n  fieldIds,\n  fileAttachmentError,\n  floatingToolbarStyle,\n  highlightMarkConfig,\n  htmlToMarkdown,\n  resizableImageAttributes,\n  resizableImageOptions,\n  resolveFloatingToolbar,\n  resolveStickyOffset,\n  setTextColor,\n  showsTableToolbar,\n  subscriptMarkConfig,\n  superscriptMarkConfig,\n  TABLE_TOOLBAR_BUTTONS,\n  textAlignExtensionConfig,\n  textColorMarkConfig,\n  toEditorDocument,\n  toolbarButtonLabel,\n  toolbarCommands,\n  panelUploadOptions,\n  uploadTemporaryFile,\n  documentNonce,\n} from '@alfakit/core'\nimport { EraserIcon } from '@lucide/vue'\nimport Image from '@tiptap/extension-image'\nimport Link from '@tiptap/extension-link'\nimport Placeholder from '@tiptap/extension-placeholder'\nimport { TableKit } from '@tiptap/extension-table'\nimport StarterKit from '@tiptap/starter-kit'\nimport {\n  EditorContent,\n  Extension,\n  Mark,\n  Node,\n  useEditor,\n  type Editor,\n  type Extensions,\n} from '@tiptap/vue-3'\nimport { computed, onBeforeUnmount, onMounted, ref, shallowRef, watch } from 'vue'\nimport { useActionRunner, usePanel, useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Button from '../ui/Button.vue'\nimport { useRichEditorExtensions } from './rich-editor-extensions'\nimport RichEditorSidePanel from './RichEditorSidePanel.vue'\nimport RichEditorSuggestions from './RichEditorSuggestions.vue'\nimport RichEditorToolbarEntries from './RichEditorToolbarEntries.vue'\n\ntype MarkConfig = Parameters<typeof Mark.create>[0]\ntype NodeConfig = Parameters<typeof Node.create>[0]\ntype ExtensionConfig = Parameters<typeof Extension.create>[0]\n\n/**\n * Resize handles of `resizableImages()` (Tiptap's node view adds bare `data-resize-handle`\n * elements): round dots on the corners, shown on hover and while the image is selected.\n */\nconst RESIZE_HANDLE_CLASSES =\n  '[&_[data-resize-handle]]:z-10 [&_[data-resize-handle]]:size-3 [&_[data-resize-handle]]:rounded-full [&_[data-resize-handle]]:border-2 [&_[data-resize-handle]]:border-background [&_[data-resize-handle]]:bg-primary [&_[data-resize-handle]]:opacity-0 [&_[data-resize-container]:hover_[data-resize-handle]]:opacity-100 [&_.ProseMirror-selectednode_[data-resize-handle]]:opacity-100 [&_[data-resize-handle=bottom-right]]:cursor-nwse-resize [&_[data-resize-handle=top-left]]:cursor-nwse-resize [&_[data-resize-handle=bottom-left]]:cursor-nesw-resize [&_[data-resize-handle=top-right]]:cursor-nesw-resize'\n\n/** The image extension, with drag handles for `resizableImages()`. */\nfunction imageExtension(resizable: boolean) {\n  if (!resizable) return Image\n\n  return Image.extend({\n    addAttributes() {\n      return resizableImageAttributes(this.parent?.() ?? {})\n    },\n  }).configure(resizableImageOptions())\n}\n\n/** Extensions for the extra toolbar buttons (only those the toolbar uses are loaded). */\nfunction toolbarExtensions(buttons: string[], markdown: boolean): Extensions {\n  const has = (...names: string[]) => names.some((name) => buttons.includes(name))\n  const extensions: Extensions = []\n\n  if (has('table')) extensions.push(TableKit.configure({ table: { resizable: false } }))\n  // Markdown has no syntax for these.\n  if (markdown) return extensions\n\n  if (has('highlight')) extensions.push(Mark.create(highlightMarkConfig() as MarkConfig))\n  if (has('subscript')) extensions.push(Mark.create(subscriptMarkConfig() as MarkConfig))\n  if (has('superscript')) extensions.push(Mark.create(superscriptMarkConfig() as MarkConfig))\n  if (has('textColor')) extensions.push(Mark.create(textColorMarkConfig() as MarkConfig))\n  if (has('alignStart', 'alignCenter', 'alignEnd', 'alignJustify')) {\n    extensions.push(Extension.create(textAlignExtensionConfig() as ExtensionConfig))\n  }\n  if (has('details')) {\n    extensions.push(...detailsNodeConfigs().map((config) => Node.create(config as NodeConfig)))\n  }\n  if (has('small')) extensions.push(Mark.create(smallMarkConfig() as MarkConfig))\n  if (has('lead')) extensions.push(Extension.create(leadExtensionConfig() as ExtensionConfig))\n  if (has('grid', 'gridDelete', 'gridAddColumnBefore', 'gridAddColumnAfter', 'gridDeleteColumn')) {\n    extensions.push(...gridNodeConfigs().map((config) => Node.create(config as NodeConfig)))\n  }\n\n  return extensions\n}\n\nconst props = defineProps<{ component: RichEditorSchema; plugins: LoadedRichEditorExtensions }>()\nconst t = useT()\nconst panel = usePanel()\nconst runner = useActionRunner()\nconst { value, setValue, blur, error, id, disabled, readOnly, aria } = useField<unknown>(\n  () => props.component,\n)\nconst fileInput = ref<HTMLInputElement | null>(null)\nconst isMarkdown = computed(() => props.component.type === 'MarkdownEditor')\nconst editable = computed(() => !disabled.value && !readOnly.value)\n// Uploaded images preview from a local URL but are stored by their `tmp:` key.\nconst attachments = new EditorAttachments()\nconst isJson = computed(() => Boolean(props.component.json) && !isMarkdown.value)\n// The editor's live instance, for the custom block node views and suggestions.\nconst liveEditor = shallowRef<Editor | undefined>()\nconst rich = useRichEditorExtensions(() => props.component, liveEditor)\n// The open toolbar panel (the text colour palette).\nconst openPanel = ref<'textColor' | null>(null)\n// The open side panel (custom blocks or merge tags).\nconst initialSidePanel = (): RichEditorPanel | null => {\n  const initial = props.component.activePanel ?? null\n\n  if (initial === 'customBlocks') return props.component.customBlocks?.length ? initial : null\n  if (initial === 'mergeTags') return props.component.mergeTags?.length ? initial : null\n\n  return null\n}\nconst sidePanel = ref<RichEditorPanel | null>(initialSidePanel())\nconst attachmentError = ref<string | null>(null)\n// Bumped on every transaction so active states and the table row follow the cursor.\nconst selectionTick = ref(0)\nconst stickyTop = ref<string | null>(null)\nconst sticky = computed(() =>\n  Boolean(props.component.stickyToolbar || props.component.stickyPanels),\n)\n\nconst updateStickyTop = () => {\n  stickyTop.value = sticky.value ? resolveStickyOffset(props.component.stickyOffset) : null\n}\n\nonMounted(updateStickyTop)\nwatch([sticky, () => props.component.stickyOffset], updateStickyTop)\n\n// Built-in buttons, plugin tools and commands of plugin JavaScript extensions.\nconst commands = computed(() =>\n  toolbarCommands(\n    props.component.editorTools,\n    {\n      runAction: (tool, args) =>\n        tool.action\n          ? runner.runField(tool.action, { ...rich.context.value, arguments: args })\n          : Promise.resolve(undefined),\n      editor: () => liveEditor.value ?? null,\n    },\n    props.plugins.commands,\n  ),\n)\n\n// Field state ↔ editor content: HTML, Markdown (loaded from the server's HTML) or a\n// Tiptap JSON document. `tmp:` upload keys become local preview URLs and back.\nconst stateToContent = (state: unknown): string | Record<string, unknown> => {\n  if (isJson.value) {\n    const document = toEditorDocument(state)\n\n    return document ? JSON.parse(attachments.toEditor(JSON.stringify(document))) : ''\n  }\n\n  return attachments.toEditor(\n    ((isMarkdown.value\n      ? typeof props.component.html === 'string'\n        ? props.component.html\n        : null\n      : state) as string | null) ?? '',\n  )\n}\nconst editorToState = (instance: Pick<Editor, 'isEmpty' | 'getJSON' | 'getHTML'>): unknown => {\n  if (instance.isEmpty) return null\n  if (isJson.value) return JSON.parse(attachments.toState(JSON.stringify(instance.getJSON())))\n\n  const html = instance.getHTML()\n\n  return attachments.toState(isMarkdown.value ? htmlToMarkdown(html) : html)\n}\n\nonBeforeUnmount(() => attachments.destroy())\n\n// Keyboard access to the toolbars (roving tabindex, arrows, Escape, Alt+F10).\ntype ToolbarSlot = 'main' | 'table' | 'floating'\nconst toolbarElements: Record<ToolbarSlot, { element: HTMLElement; detach: () => void } | null> = {\n  main: null,\n  table: null,\n  floating: null,\n}\nconst toolbars = () => [\n  toolbarElements.floating?.element,\n  toolbarElements.main?.element,\n  toolbarElements.table?.element,\n]\nconst setToolbar = (slot: ToolbarSlot, element: unknown) => {\n  const current = toolbarElements[slot]\n\n  if (current?.element === element) return\n\n  current?.detach()\n  toolbarElements[slot] =\n    element instanceof HTMLElement\n      ? {\n          element,\n          detach: attachToolbarKeyboard(element, {\n            onEscape: () => liveEditor.value?.commands.focus(),\n            toolbars,\n          }),\n        }\n      : null\n}\n\nonBeforeUnmount(() => {\n  for (const slot of ['main', 'table', 'floating'] as const) setToolbar(slot, null)\n})\n\nconst editor = useEditor({\n  // TipTap injects its base CSS; with the page's CSP nonce a nonce-based policy allows it.\n  injectNonce: documentNonce(),\n  extensions: [\n    StarterKit.configure({ link: false }),\n    Link.configure(linkExtensionOptions(props.component.linkProtocols)),\n    imageExtension(Boolean(props.component.resizableImages) && !isMarkdown.value),\n    Placeholder.configure({ placeholder: props.component.placeholder ?? '' }),\n    ...toolbarExtensions(allToolbarButtons(props.component), isMarkdown.value),\n    ...(isMarkdown.value ? [] : rich.extensions),\n    ...(isMarkdown.value ? [] : (props.plugins.extensions as Extensions)),\n  ],\n  // Markdown is loaded from the server's HTML rendering of it, never parsed as HTML.\n  content: stateToContent(value.value),\n  editable: editable.value,\n  editorProps: {\n    // The mention / merge tag popup takes the arrow, Enter, Tab and Escape keys.\n    handleKeyDown: (_view, event) => {\n      // Alt+F10: into the floating toolbar, else the main one.\n      if (isToolbarShortcut(event)) return focusToolbar(toolbars())\n\n      return liveEditor.value ? rich.suggestions.handleKeyDown(event, liveEditor.value) : false\n    },\n    // ProseMirror reads its DOM attributes on every view update, so they follow `aria`.\n    attributes: () => ({\n      class: cn(\n        'alfakit-prose min-h-32 px-3 py-2 text-sm outline-none',\n        props.component.resizableImages && RESIZE_HANDLE_CLASSES,\n      ),\n      // Runtime sizes cannot be Tailwind classes (they would never be generated).\n      ...(props.component.minHeight ? { style: `min-height: ${props.component.minHeight}px` } : {}),\n      id,\n      // Each paragraph follows its own script, so Arabic and English mix correctly.\n      dir: 'auto',\n      role: 'textbox',\n      'aria-multiline': 'true',\n      ...(props.component.label ? { 'aria-labelledby': fieldIds(id).label } : {}),\n      ...Object.fromEntries(\n        Object.entries(aria.value).map(([name, attribute]) => [name, String(attribute)]),\n      ),\n    }),\n  },\n  onUpdate: ({ editor: instance }) => {\n    setValue(editorToState(instance))\n  },\n  onTransaction: ({ editor: instance }) => {\n    rich.suggestions.update(instance)\n    selectionTick.value++\n  },\n  onBlur: () => {\n    rich.suggestions.close()\n    blur()\n  },\n})\n\nwatch(\n  editor,\n  (instance) => {\n    liveEditor.value = instance\n  },\n  { immediate: true },\n)\n\n// Keep editor in sync when the server refreshes the state.\nwatch(value, (next) => {\n  const instance = editor.value\n\n  if (!instance) return\n\n  const current = editorToState(instance)\n  const same = isJson.value\n    ? JSON.stringify(toEditorDocument(next)) === JSON.stringify(current)\n    : (next ?? '') === (current ?? '')\n\n  if (!same) {\n    instance.commands.setContent(stateToContent(next), { emitUpdate: false })\n  }\n})\n\nwatch(editable, (isEditable) => {\n  editor.value?.setEditable(isEditable)\n})\n\n// Re-apply the editable element's attributes when the error or description changes.\nwatch(aria, () => {\n  if (editor.value && !editor.value.isDestroyed) {\n    editor.value.view.setProps({})\n  }\n})\n\n// A floating toolbar follows its selection while the page scrolls.\nwatch(\n  () => Boolean(props.component.floatingToolbars),\n  (hasFloatingToolbars, _previous, onCleanup) => {\n    if (!hasFloatingToolbars || typeof window === 'undefined') return\n\n    const onScroll = () => selectionTick.value++\n\n    window.addEventListener('scroll', onScroll, { capture: true, passive: true })\n    onCleanup(() => window.removeEventListener('scroll', onScroll, { capture: true }))\n  },\n  { immediate: true },\n)\n\nconst pickImage = () => fileInput.value?.click()\n\nconst uploadImage = async (file: File) => {\n  if (!panel.value.endpoints.upload || !editor.value) return\n\n  // The server checks again when the form is saved.\n  const problem = fileAttachmentError(file, props.component.fileAttachments)\n\n  if (problem) {\n    attachmentError.value =\n      problem === 'too_large'\n        ? t('form.file_too_large', {}, 'This file is too large.')\n        : t('form.file_invalid_type', {}, 'This file type is not allowed.')\n\n    return\n  }\n\n  attachmentError.value = null\n\n  let response: { key: string }\n\n  try {\n    // Large attachments go in resumable chunks.\n    response = await uploadTemporaryFile(\n      panel.value.endpoints.upload,\n      file,\n      panelUploadOptions(panel.value, props.component.fileAttachments.uploadPolicy),\n    )\n  } catch (error) {\n    attachmentError.value =\n      (error as { errors?: Record<string, string[]> }).errors?.file?.[0] ??\n      t('form.upload_failed', {}, 'The file could not be uploaded.')\n\n    return\n  }\n\n  const src = attachments.add(response.key, file)\n\n  editor.value.chain().focus().setImage({ src, alt: file.name }).run()\n}\n\nconst onFilePicked = (event: Event) => {\n  const file = (event.target as HTMLInputElement).files?.[0]\n\n  if (file) void uploadImage(file)\n}\n\nconst accept = computed(() =>\n  (props.component.fileAttachments.acceptedFileTypes ?? ['image/*']).join(','),\n)\n\nconst translate = (key: string, fallback: string) => t(key, {}, fallback)\n\nconst runCommand = (name: string) => {\n  const button = commands.value[name]\n\n  if (!button || !editor.value) return\n\n  button.run(editor.value, {\n    // Messages arrive translated (`form.link_prompt`, `editor.grid_columns`).\n    prompt: (message) => window.prompt(message),\n    pickImage,\n    togglePanel: (target) => {\n      openPanel.value = openPanel.value === target ? null : target\n    },\n    t: translate,\n  })\n}\n\nconst toggleSidePanel = (target: RichEditorPanel) => {\n  sidePanel.value = sidePanel.value === target ? null : target\n}\n\nconst insertMergeTag = (tagId: string) => {\n  editor.value\n    ?.chain()\n    .focus()\n    .insertContent({ type: 'mergeTag', attrs: { id: tagId } })\n    .run()\n}\n\nconst currentTextColor = () => {\n  void selectionTick.value\n\n  return editor.value?.getAttributes('textColor').color\n}\n\n// A `table` floating toolbar replaces the table row of buttons.\nconst showTableToolbar = () => {\n  void selectionTick.value\n\n  return Boolean(\n    editor.value &&\n    editable.value &&\n    !props.component.floatingToolbars?.table &&\n    showsTableToolbar(allToolbarButtons(props.component), editor.value),\n  )\n}\n\nconst floating = computed(() => {\n  void selectionTick.value\n\n  return editable.value\n    ? resolveFloatingToolbar(editor.value ?? null, props.component.floatingToolbars)\n    : null\n})\n\nconst applyColor = (color: string | null, close = true) => {\n  if (!editor.value) return\n\n  setTextColor(editor.value, color)\n\n  if (close) openPanel.value = null\n}\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div\n      :class=\"\n        cn(\n          'border-input dark:bg-input/30 focus-within:border-ring focus-within:ring-ring/50 rounded-md border shadow-xs focus-within:ring-[3px]',\n          error && 'border-destructive',\n          disabled && 'opacity-60',\n        )\n      \"\n    >\n      <!-- The sticky offset is a runtime value: no Tailwind class can hold it. -->\n      <div\n        v-if=\"props.component.toolbarButtons.length > 0 && editor\"\n        :ref=\"(element) => setToolbar('main', element)\"\n        role=\"toolbar\"\n        :aria-label=\"t('editor.toolbar', {}, 'Formatting')\"\n        aria-keyshortcuts=\"Alt+F10\"\n        data-slot=\"rich-editor-toolbar\"\n        :class=\"\n          cn(\n            'flex flex-wrap items-center gap-0.5 border-b p-1',\n            props.component.stickyToolbar && 'bg-background sticky z-10 rounded-t-md',\n          )\n        \"\n        :style=\"props.component.stickyToolbar ? { top: stickyTop ?? '0px' } : undefined\"\n      >\n        <RichEditorToolbarEntries\n          :names=\"props.component.toolbarButtons\"\n          :component=\"props.component\"\n          :editor=\"editor\"\n          :editable=\"editable\"\n          :commands=\"commands\"\n          :tick=\"selectionTick\"\n          :open-panel=\"openPanel\"\n          :side-panel=\"sidePanel\"\n          @run=\"runCommand\"\n          @toggle-panel=\"toggleSidePanel\"\n        />\n      </div>\n      <div\n        v-if=\"editor && openPanel === 'textColor'\"\n        role=\"group\"\n        :aria-label=\"toolbarButtonLabel('textColor', translate)\"\n        class=\"flex flex-wrap items-center gap-1 border-b p-1\"\n        data-slot=\"rich-editor-text-colors\"\n      >\n        <!-- Palette colours are runtime values: no Tailwind class can hold them. -->\n        <button\n          v-for=\"color in props.component.textColors ?? []\"\n          :key=\"color.value\"\n          type=\"button\"\n          :title=\"color.label\"\n          :aria-label=\"color.label\"\n          :aria-pressed=\"currentTextColor() === color.value ? 'true' : 'false'\"\n          class=\"focus-visible:ring-ring/50 size-6 rounded-full border shadow-xs outline-none focus-visible:ring-[3px] aria-pressed:ring-2\"\n          :style=\"{ backgroundColor: color.value }\"\n          @mousedown.prevent\n          @click=\"applyColor(color.value)\"\n        />\n        <input\n          v-if=\"props.component.customTextColors\"\n          type=\"color\"\n          :aria-label=\"t('editor.custom_color', {}, 'Custom color')\"\n          :title=\"t('editor.custom_color', {}, 'Custom color')\"\n          class=\"size-6 cursor-pointer rounded border bg-transparent p-0\"\n          @input=\"applyColor(($event.target as HTMLInputElement).value, false)\"\n        />\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          :aria-label=\"t('editor.remove_color', {}, 'Remove color')\"\n          :title=\"t('editor.remove_color', {}, 'Remove color')\"\n          @mousedown.prevent\n          @click=\"applyColor(null)\"\n        >\n          <EraserIcon />\n        </Button>\n      </div>\n      <div\n        v-if=\"editor && showTableToolbar()\"\n        :ref=\"(element) => setToolbar('table', element)\"\n        role=\"toolbar\"\n        :aria-label=\"toolbarButtonLabel('table', translate)\"\n        class=\"flex flex-wrap items-center gap-0.5 border-b p-1\"\n        data-slot=\"rich-editor-table-toolbar\"\n      >\n        <RichEditorToolbarEntries\n          :names=\"TABLE_TOOLBAR_BUTTONS\"\n          :component=\"props.component\"\n          :editor=\"editor\"\n          :editable=\"editable\"\n          :commands=\"commands\"\n          :tick=\"selectionTick\"\n          :open-panel=\"openPanel\"\n          :side-panel=\"sidePanel\"\n          @run=\"runCommand\"\n          @toggle-panel=\"toggleSidePanel\"\n        />\n      </div>\n      <div class=\"@container\">\n        <div class=\"flex flex-col-reverse @2xl:flex-row\">\n          <EditorContent\n            :editor=\"editor\"\n            class=\"min-w-0 flex-1\"\n            :style=\"\n              props.component.maxHeight\n                ? { maxHeight: `${props.component.maxHeight}px`, overflowY: 'auto' }\n                : undefined\n            \"\n          />\n          <RichEditorSidePanel\n            v-if=\"editor && sidePanel\"\n            :panel=\"sidePanel\"\n            :component=\"props.component\"\n            :editable=\"editable\"\n            :sticky=\"props.component.stickyPanels ? (stickyTop ?? '0px') : null\"\n            @insert-block=\"(blockId: string) => void rich.insertBlock(blockId)\"\n            @insert-merge-tag=\"insertMergeTag\"\n            @close=\"sidePanel = null\"\n          />\n        </div>\n      </div>\n      <!-- Runtime coordinates cannot be Tailwind classes. -->\n      <div\n        v-if=\"editor && floating && floating.buttons.length > 0\"\n        :ref=\"(element) => setToolbar('floating', element)\"\n        role=\"toolbar\"\n        :aria-label=\"t('editor.floating_toolbar', {}, 'Selection formatting')\"\n        data-slot=\"rich-editor-floating-toolbar\"\n        :data-node=\"floating.node\"\n        class=\"bg-popover text-popover-foreground fixed z-50 flex items-center gap-0.5 rounded-md border p-1 shadow-md\"\n        :style=\"floatingToolbarStyle(floating.coords)\"\n      >\n        <RichEditorToolbarEntries\n          :names=\"floating.buttons\"\n          :component=\"props.component\"\n          :editor=\"editor\"\n          :editable=\"editable\"\n          :commands=\"commands\"\n          :tick=\"selectionTick\"\n          :open-panel=\"openPanel\"\n          :side-panel=\"sidePanel\"\n          @run=\"runCommand\"\n          @toggle-panel=\"toggleSidePanel\"\n        />\n      </div>\n      <RichEditorSuggestions\n        :id=\"`${id}-suggestions`\"\n        :suggestions=\"rich.suggestions\"\n        :editor=\"editor\"\n      />\n      <p v-if=\"attachmentError\" role=\"alert\" class=\"text-destructive px-3 pb-2 text-xs\">\n        {{ attachmentError }}\n      </p>\n      <input\n        ref=\"fileInput\"\n        type=\"file\"\n        :accept=\"accept\"\n        class=\"sr-only\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        @change=\"onFilePicked\"\n      />\n    </div>\n  </FieldWrapper>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"RichEditorInput.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_normalizeClass","_createElementBlock","_normalizeStyle","_createVNode","RichEditorToolbarEntries","_createCommentVNode","_Fragment","_renderList","_withModifiers","Button","RichEditorSidePanel","RichEditorSuggestions","_toDisplayString","Button_default","FieldWrapper_default","RichEditorSidePanel_default","RichEditorSuggestions_default","RichEditorToolbarEntries_default","Image","Link","Placeholder","StarterKit","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","RESIZE_HANDLE_CLASSES","RichEditorInput_vue_vue_type_script_setup_true_lang_default","imageExtension","resizable","resizableImageAttributes","resizableImageOptions","toolbarExtensions","has","names","buttons","name","extensions","TableKit","markdown","Mark","highlightMarkConfig","subscriptMarkConfig","superscriptMarkConfig","textColorMarkConfig","Extension","textAlignExtensionConfig","detailsNodeConfigs","Node","config","smallMarkConfig","leadExtensionConfig","gridNodeConfigs","props","__props","t","useT","panel","usePanel","runner","useActionRunner","useField","fileInput","ref","isMarkdown","computed","editable","disabled","readOnly","attachments","EditorAttachments","isJson","liveEditor","shallowRef","rich","useRichEditorExtensions","openPanel","sidePanel","initial","attachmentError","selectionTick","stickyTop","sticky","updateStickyTop","resolveStickyOffset","onMounted","watch","commands","toolbarCommands","tool","args","stateToContent","document","toEditorDocument","state","editorToState","instance","html","htmlToMarkdown","toolbarElements","toolbars","setToolbar","current","slot","element","attachToolbarKeyboard","editor","useEditor","documentNonce","linkExtensionOptions","allToolbarButtons","value","isToolbarShortcut","event","focusToolbar","cn","fieldIds","id","aria","attribute","blur","next","isEditable","hasFloatingToolbars","onScroll","onCleanup","pickImage","uploadImage","problem","fileAttachmentError","file","response","uploadTemporaryFile","panelUploadOptions","error","src","onFilePicked","accept","translate","key","fallback","runCommand","button","message","target","toggleSidePanel","insertMergeTag","tagId","currentTextColor","showTableToolbar","showsTableToolbar","floating","resolveFloatingToolbar","applyColor","setTextColor","color","close","openBlock","createBlock","unref","withCtx","createElementVNode","normalizeClass","createElementBlock","normalizeStyle","createVNode","createCommentVNode","toolbarButtonLabel","Fragment","renderList","_cache","withModifiers","$event","EraserIcon","TABLE_TOOLBAR_BUTTONS","EditorContent","blockId","floatingToolbarStyle","toDisplayString"],"sources":["../../../src/components/fields/RichEditorInput.vue"],"mappings":"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"}

package/dist/components/fields/RichEditorSidePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichEditorSidePanel.js","names":["_sfc_main","RichEditorSidePanel_vue_vue_type_script_setup_true_lang_default","RichEditorSidePanel_default"],"sources":["../../../src/components/fields/RichEditorSidePanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { RichEditorPanel, RichEditorSchema } from '@alfakit/core'\nimport { groupCustomBlocks, mergeTagText } from '@alfakit/core'\nimport { BlocksIcon, XIcon } from '@lucide/vue'\nimport { computed, ref } from 'vue'\nimport { useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Button from '../ui/Button.vue'\nimport Input from '../ui/Input.vue'\n\n/**\n * The custom blocks or merge tags panel: beside the content on wide editors, above it on\n * narrow ones. Blocks are grouped, optionally searchable and shown as a grid.\n */\nconst props = defineProps<{\n  panel: RichEditorPanel\n  component: RichEditorSchema\n  editable: boolean\n  /** `top` of a sticky panel, or null. */\n  sticky: string | null\n}>()\nconst emit = defineEmits<{\n  insertBlock: [id: string]\n  insertMergeTag: [id: string]\n  close: []\n}>()\nconst t = useT()\nconst search = ref('')\n\nconst heading = computed(() =>\n  props.panel === 'customBlocks'\n    ? t('editor.custom_blocks_heading', {}, 'Custom blocks')\n    : t('editor.merge_tags_heading', {}, 'Merge tags'),\n)\nconst groups = computed(() =>\n  props.panel === 'customBlocks'\n    ? groupCustomBlocks(props.component.customBlocks ?? [], search.value)\n    : [],\n)\nconst grid = computed(() => Boolean(props.component.customBlocksGrid))\nconst itemClass =\n  'hover:bg-accent hover:text-accent-foreground focus-visible:ring-ring/50 flex min-w-0 items-center gap-2 rounded-md px-2 py-1.5 text-start text-sm outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50'\n</script>\n\n<template>\n  <aside\n    :aria-label=\"heading\"\n    data-slot=\"rich-editor-panel\"\n    :data-panel=\"props.panel\"\n    class=\"bg-muted/20 shrink-0 border-b @2xl:w-64 @2xl:border-s @2xl:border-b-0\"\n  >\n    <!-- The offset is a runtime value: no Tailwind class can hold it. -->\n    <div\n      :class=\"cn('flex flex-col gap-2 p-2', props.sticky !== null && '@2xl:sticky')\"\n      :style=\"props.sticky !== null ? { top: props.sticky } : undefined\"\n    >\n      <div class=\"flex items-center justify-between gap-2\">\n        <span class=\"text-muted-foreground text-xs font-medium\">{{ heading }}</span>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          :aria-label=\"t('editor.close_panel', {}, 'Close panel')\"\n          :title=\"t('editor.close_panel', {}, 'Close panel')\"\n          @mousedown.prevent\n          @click=\"emit('close')\"\n        >\n          <XIcon />\n        </Button>\n      </div>\n      <Input\n        v-if=\"props.panel === 'customBlocks' && props.component.searchableCustomBlocks\"\n        v-model=\"search\"\n        type=\"search\"\n        :aria-label=\"t('editor.search_blocks', {}, 'Search blocks')\"\n        :placeholder=\"t('editor.search_blocks', {}, 'Search blocks')\"\n        class=\"h-8\"\n      />\n      <template v-if=\"props.panel === 'customBlocks'\">\n        <p v-if=\"groups.length === 0\" class=\"text-muted-foreground px-2 py-1.5 text-sm\">\n          {{ t('no_results', {}, 'No results.') }}\n        </p>\n        <div\n          v-for=\"entry in groups\"\n          v-else\n          :key=\"entry.group ?? ''\"\n          role=\"group\"\n          :aria-label=\"entry.group ?? heading\"\n        >\n          <div\n            v-if=\"entry.group\"\n            class=\"text-muted-foreground px-2 pt-1 pb-0.5 text-xs font-medium\"\n          >\n            {{ entry.group }}\n          </div>\n          <div :class=\"cn(grid ? 'grid grid-cols-2 gap-1' : 'flex flex-col gap-0.5')\">\n            <button\n              v-for=\"block in entry.blocks\"\n              :key=\"block.id\"\n              type=\"button\"\n              :disabled=\"!props.editable\"\n              :class=\"cn(itemClass, grid && 'flex-col justify-center border py-3 text-center')\"\n              @mousedown.prevent\n              @click=\"emit('insertBlock', block.id)\"\n            >\n              <Icon v-if=\"block.icon\" :name=\"block.icon\" class=\"size-4 shrink-0\" />\n              <BlocksIcon v-else class=\"size-4 shrink-0\" />\n              <span class=\"truncate\">{{ block.label }}</span>\n            </button>\n          </div>\n        </div>\n      </template>\n      <div v-else class=\"flex flex-col gap-0.5\">\n        <button\n          v-for=\"tag in props.component.mergeTags ?? []\"\n          :key=\"tag.id\"\n          type=\"button\"\n          :disabled=\"!props.editable\"\n          :class=\"itemClass\"\n          @mousedown.prevent\n          @click=\"emit('insertMergeTag', tag.id)\"\n        >\n          <span class=\"truncate\">{{ tag.label }}</span>\n          <span class=\"text-muted-foreground ms-auto font-mono text-xs\" dir=\"ltr\">{{\n            mergeTagText({ id: tag.id })\n          }}</span>\n        </button>\n      </div>\n    </div>\n  </aside>\n</template>\n"],"mappings":""}
+{"version":3,"file":"RichEditorSidePanel.js","names":["_sfc_main","RichEditorSidePanel_vue_vue_type_script_setup_true_lang_default","RichEditorSidePanel_default"],"sources":["../../../src/components/fields/RichEditorSidePanel.vue"],"mappings":""}

package/dist/components/fields/RichEditorSidePanel.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichEditorSidePanel.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_unref","_normalizeStyle","_toDisplayString","_createVNode","Button","_withModifiers","_withCtx","_createBlock","Input","_createCommentVNode","_Fragment","_renderList","Icon","Icon_default","Button_default","Input_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","itemClass","RichEditorSidePanel_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","t","useT","search","ref","heading","computed","groups","groupCustomBlocks","grid","openBlock","createElementBlock","createElementVNode","normalizeClass","unref","cn","normalizeStyle","toDisplayString","createVNode","_cache","withModifiers","withCtx","XIcon","createBlock","$event","createCommentVNode","Fragment","renderList","entry","block","BlocksIcon","tag","mergeTagText"],"sources":["../../../src/components/fields/RichEditorSidePanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { RichEditorPanel, RichEditorSchema } from '@alfakit/core'\nimport { groupCustomBlocks, mergeTagText } from '@alfakit/core'\nimport { BlocksIcon, XIcon } from '@lucide/vue'\nimport { computed, ref } from 'vue'\nimport { useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Button from '../ui/Button.vue'\nimport Input from '../ui/Input.vue'\n\n/**\n * The custom blocks or merge tags panel: beside the content on wide editors, above it on\n * narrow ones. Blocks are grouped, optionally searchable and shown as a grid.\n */\nconst props = defineProps<{\n  panel: RichEditorPanel\n  component: RichEditorSchema\n  editable: boolean\n  /** `top` of a sticky panel, or null. */\n  sticky: string | null\n}>()\nconst emit = defineEmits<{\n  insertBlock: [id: string]\n  insertMergeTag: [id: string]\n  close: []\n}>()\nconst t = useT()\nconst search = ref('')\n\nconst heading = computed(() =>\n  props.panel === 'customBlocks'\n    ? t('editor.custom_blocks_heading', {}, 'Custom blocks')\n    : t('editor.merge_tags_heading', {}, 'Merge tags'),\n)\nconst groups = computed(() =>\n  props.panel === 'customBlocks'\n    ? groupCustomBlocks(props.component.customBlocks ?? [], search.value)\n    : [],\n)\nconst grid = computed(() => Boolean(props.component.customBlocksGrid))\nconst itemClass =\n  'hover:bg-accent hover:text-accent-foreground focus-visible:ring-ring/50 flex min-w-0 items-center gap-2 rounded-md px-2 py-1.5 text-start text-sm outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50'\n</script>\n\n<template>\n  <aside\n    :aria-label=\"heading\"\n    data-slot=\"rich-editor-panel\"\n    :data-panel=\"props.panel\"\n    class=\"bg-muted/20 shrink-0 border-b @2xl:w-64 @2xl:border-s @2xl:border-b-0\"\n  >\n    <!-- The offset is a runtime value: no Tailwind class can hold it. -->\n    <div\n      :class=\"cn('flex flex-col gap-2 p-2', props.sticky !== null && '@2xl:sticky')\"\n      :style=\"props.sticky !== null ? { top: props.sticky } : undefined\"\n    >\n      <div class=\"flex items-center justify-between gap-2\">\n        <span class=\"text-muted-foreground text-xs font-medium\">{{ heading }}</span>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          :aria-label=\"t('editor.close_panel', {}, 'Close panel')\"\n          :title=\"t('editor.close_panel', {}, 'Close panel')\"\n          @mousedown.prevent\n          @click=\"emit('close')\"\n        >\n          <XIcon />\n        </Button>\n      </div>\n      <Input\n        v-if=\"props.panel === 'customBlocks' && props.component.searchableCustomBlocks\"\n        v-model=\"search\"\n        type=\"search\"\n        :aria-label=\"t('editor.search_blocks', {}, 'Search blocks')\"\n        :placeholder=\"t('editor.search_blocks', {}, 'Search blocks')\"\n        class=\"h-8\"\n      />\n      <template v-if=\"props.panel === 'customBlocks'\">\n        <p v-if=\"groups.length === 0\" class=\"text-muted-foreground px-2 py-1.5 text-sm\">\n          {{ t('no_results', {}, 'No results.') }}\n        </p>\n        <div\n          v-for=\"entry in groups\"\n          v-else\n          :key=\"entry.group ?? ''\"\n          role=\"group\"\n          :aria-label=\"entry.group ?? heading\"\n        >\n          <div\n            v-if=\"entry.group\"\n            class=\"text-muted-foreground px-2 pt-1 pb-0.5 text-xs font-medium\"\n          >\n            {{ entry.group }}\n          </div>\n          <div :class=\"cn(grid ? 'grid grid-cols-2 gap-1' : 'flex flex-col gap-0.5')\">\n            <button\n              v-for=\"block in entry.blocks\"\n              :key=\"block.id\"\n              type=\"button\"\n              :disabled=\"!props.editable\"\n              :class=\"cn(itemClass, grid && 'flex-col justify-center border py-3 text-center')\"\n              @mousedown.prevent\n              @click=\"emit('insertBlock', block.id)\"\n            >\n              <Icon v-if=\"block.icon\" :name=\"block.icon\" class=\"size-4 shrink-0\" />\n              <BlocksIcon v-else class=\"size-4 shrink-0\" />\n              <span class=\"truncate\">{{ block.label }}</span>\n            </button>\n          </div>\n        </div>\n      </template>\n      <div v-else class=\"flex flex-col gap-0.5\">\n        <button\n          v-for=\"tag in props.component.mergeTags ?? []\"\n          :key=\"tag.id\"\n          type=\"button\"\n          :disabled=\"!props.editable\"\n          :class=\"itemClass\"\n          @mousedown.prevent\n          @click=\"emit('insertMergeTag', tag.id)\"\n        >\n          <span class=\"truncate\">{{ tag.label }}</span>\n          <span class=\"text-muted-foreground ms-auto font-mono text-xs\" dir=\"ltr\">{{\n            mergeTagText({ id: tag.id })\n          }}</span>\n        </button>\n      </div>\n    </div>\n  </aside>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;GAyCMgC,IACJ;;;;;;;;;;;;;;EA3BF,IAAMG,IAAQC,GAORC,IAAOH,GAKPI,IAAIC,EAAK,GACTC,IAASC,EAAI,EAAE,GAEfC,IAAUC,QACdR,EAAM,UAAU,iBACZG,EAAE,gCAAgC,CAAC,GAAG,eAAe,IACrDA,EAAE,6BAA6B,CAAC,GAAG,YAAY,CACrD,GACMM,IAASD,QACbR,EAAM,UAAU,iBACZU,EAAkBV,EAAM,UAAU,gBAAgB,CAAC,GAAGK,EAAO,KAAK,IAClE,CAAC,CACP,GACMM,IAAOH,QAAe,EAAQR,EAAM,UAAU,gBAAiB;oBAMnEnC,EAAA,GAAAC,EAoFQ,SAAA;GAnFL,cAAYyC,EAAA;GACb,aAAU;GACT,cAAYP,EAAM;GACnB,OAAM;EAGNjC,GAAAA,CAAAA,EA4EM,OAAA;GA3EH,OAAKC,EAAEC,EAAAgD,CAAA,CAAE,CAAA,2BAA4BjB,EAAM,WAAM,QAAA,aAAA,CAAA;GACjD,OAAK9B,EAAE8B,EAAM,WAAM,OAAoC,KAAA,IAApC,EAAA,KAAmBA,EAAM,OAAM,CAAc;;GAEjEjC,EAaM,OAbNmB,GAaM,CAZJnB,EAA4E,QAA5EoB,GAA4EhB,EAAjBoC,EAAA,KAAO,GAAA,CAAA,GAClEnC,EAUSC,GAAA;IATP,MAAK;IACL,SAAQ;IACR,MAAK;IACJ,cAAYJ,EAAAkC,CAAA,CAAC,CAAA,sBAAA,CAAA,GAAA,aAAA;IACb,OAAOlC,EAAAkC,CAAA,CAAC,CAAA,sBAAA,CAAA,GAAA,aAAA;IACR,aAAS,AAAAkB,EAAA,OAAA/C,QAAV,CAAA,GAAkB,CAAA,SAAA,CAAA;IACjB,SAAK,AAAA+C,EAAA,QAAA,MAAEnB,EAAI,OAAA;;IAEZ,SAAA3B,QAAS,CAATH,EAASH,EAAAuD,CAAA,CAAA,CAAA,CAAA;;;GAILxB,EAAM,UAAK,kBAAuBA,EAAM,UAAU,0BAD1DnC,EAAA,GAAAW,EAOEC,GAAA;;IALS,YAAA4B,EAAA;IAAA,uBAAA,AAAAgB,EAAA,QAAA,MAAA,EAAM,QAAAK;IACf,MAAK;IACJ,cAAYzD,EAAAkC,CAAA,CAAC,CAAA,wBAAA,CAAA,GAAA,eAAA;IACb,aAAalC,EAAAkC,CAAA,CAAC,CAAA,wBAAA,CAAA,GAAA,eAAA;IACf,OAAM;;;;;;GAEQH,EAAM,UAAK,kBAA3BnC,EAAA,GAAAC,EAiCWa,GAAA,EAAA,KAAA,EAAA,GAAA,CAhCA8B,EAAA,MAAO,WAAM,KAAtB5C,EAAA,GAAAC,EAEI,KAFJsB,GAEIjB,EADCF,EAAAkC,CAAA,CAAC,CAAA,cAAA,CAAA,GAAA,aAAA,CAAA,GAAA,CAAA,MAENtC,EAAA,EAAA,GAAAC,EA4BMa,GAAA,EAAA,KAAA,EAAA,GAAAC,EA3BY6B,EAAA,QAAT,OADT5C,EAAA,GAAAC,EA4BM,OAAA;IAzBH,KAAKgE,EAAM,SAAK;IACjB,MAAK;IACJ,cAAYA,EAAM,SAASvB,EAAA;GAGpB,GAAA,CAAAuB,EAAM,SADdjE,EAAA,GAAAC,EAKM,OALNwB,GAKMnB,EADD2D,EAAM,KAAK,GAAA,CAAA,KAAAH,EAAA,IAAA,EAAA,GAEhB5D,EAcM,OAAA,EAdA,OAAKC,EAAEC,EAAAgD,CAAA,CAAE,CAACN,EAAA,QAAI,2BAAA,uBAAA,CAAA,EAAA,GAAA,EAClB9C,EAAA,EAAA,GAAAC,EAYSa,GAAA,MAAAC,EAXSkD,EAAM,SAAf,OADTjE,EAAA,GAAAC,EAYS,UAAA;IAVN,KAAKiE,EAAM;IACZ,MAAK;IACJ,UAAQ,CAAG/B,EAAM;IACjB,OAAKhC,EAAEC,EAAAgD,CAAA,CAAE,CAACpB,GAAWc,EAAA,SAAI,iDAAA,CAAA;IACzB,aAAS,AAAAU,EAAA,OAAA/C,QAAV,CAAA,GAAkB,CAAA,SAAA,CAAA;IACjB,UAAK,MAAE4B,EAAI,eAAgB6B,EAAM,EAAE;GAExB,GAAA,CAAAA,EAAM,QAAlBlE,EAAA,GAAAW,EAAqEP,EAAAY,CAAA,GAAA;;IAA5C,MAAMkD,EAAM;IAAM,OAAM;GACjDlE,GAAAA,MAAAA,GAAAA,CAAAA,MAAAA,CAAAA,MAAAA,EAAA,GAAAW,EAA6CP,EAAA+D,CAAA,GAAA;;IAA1B,OAAM;GACzBjE,CAAAA,IAAAA,EAA+C,QAA/CyB,GAA+CrB,EAArB4D,EAAM,KAAK,GAAA,CAAA,CAAA,GAAA,IAAAxC,CAAA,wBAK7C1B,GAAAA,GAAAA,EAAAA,GAAAA,EAAAA,MAAAA,EAAA,GAAAC,EAeM,OAfN2B,GAeM,EAdJ5B,EAAA,EAAA,GAAAC,EAaSa,GAAA,MAAAC,EAZOoB,EAAM,UAAU,aAAS,CAAA,IAAhC,OADTnC,EAAA,GAAAC,EAaS,UAAA;IAXN,KAAKmE,EAAI;IACV,MAAK;IACJ,UAAQ,CAAGjC,EAAM;IACjB,OAAKhC,EAAE6B,CAAS;IAChB,aAAS,AAAAwB,EAAA,OAAA/C,QAAV,CAAA,GAAkB,CAAA,SAAA,CAAA;IACjB,UAAK,MAAE4B,EAAI,kBAAmB+B,EAAI,EAAE;GAErClE,GAAAA,CAAAA,EAA6C,QAA7C4B,GAA6CxB,EAAnB8D,EAAI,KAAK,GAAA,CAAA,GACnClE,EAES,QAFT6B,GAESzB,EADPF,EAAAiE,CAAA,CAAY,CAAA,EAAA,IAAOD,EAAI,GAAE,CAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAAvC,CAAA"}
+{"version":3,"file":"RichEditorSidePanel.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_unref","_normalizeStyle","_toDisplayString","_createVNode","Button","_withModifiers","_withCtx","_createBlock","Input","_createCommentVNode","_Fragment","_renderList","Icon","Icon_default","Button_default","Input_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","itemClass","RichEditorSidePanel_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","t","useT","search","ref","heading","computed","groups","groupCustomBlocks","grid","openBlock","createElementBlock","createElementVNode","normalizeClass","unref","cn","normalizeStyle","toDisplayString","createVNode","_cache","withModifiers","withCtx","XIcon","createBlock","$event","createCommentVNode","Fragment","renderList","entry","block","BlocksIcon","tag","mergeTagText"],"sources":["../../../src/components/fields/RichEditorSidePanel.vue"],"mappings":"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"}

package/dist/components/fields/RichEditorSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichEditorSkeleton.js","names":["_sfc_main","RichEditorSkeleton_vue_vue_type_script_setup_true_lang_default","RichEditorSkeleton_default"],"sources":["../../../src/components/fields/RichEditorSkeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { RichEditorSchema } from '@alfakit/core'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Skeleton from '../ui/Skeleton.vue'\n\nconst props = defineProps<{ component: RichEditorSchema }>()\nconst { error, id } = useField<string | null>(() => props.component)\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <Skeleton class=\"h-40 w-full\" aria-hidden=\"true\" />\n  </FieldWrapper>\n</template>\n"],"mappings":""}
+{"version":3,"file":"RichEditorSkeleton.js","names":["_sfc_main","RichEditorSkeleton_vue_vue_type_script_setup_true_lang_default","RichEditorSkeleton_default"],"sources":["../../../src/components/fields/RichEditorSkeleton.vue"],"mappings":""}

package/dist/components/fields/RichEditorSkeleton.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichEditorSkeleton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createVNode","Skeleton","Skeleton_default","FieldWrapper_default","RichEditorSkeleton_vue_vue_type_script_setup_true_lang_default","props","__props","useField","openBlock","createBlock","unref","id","error","withCtx","createVNode"],"sources":["../../../src/components/fields/RichEditorSkeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { RichEditorSchema } from '@alfakit/core'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Skeleton from '../ui/Skeleton.vue'\n\nconst props = defineProps<{ component: RichEditorSchema }>()\nconst { error, id } = useField<string | null>(() => props.component)\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <Skeleton class=\"h-40 w-full\" aria-hidden=\"true\" />\n  </FieldWrapper>\n</template>\n"],"mappings":";;;;;;;;;EAMA,IAAMU,IAAQC,GACR,EAAE,UAAO,UAAOC,QAA8BF,EAAM,SAAS;oBAIjEV,EAAA,GAAAC,EAEeC,GAAA;GAFA,OAAOQ,EAAM;GAAY,YAAUP,EAAAa,CAAA;GAAK,OAAOb,EAAAc,CAAA;;GAC5D,SAAAb,QAAmD,CAAnDC,EAAmDC,GAAA;IAAzC,OAAM;IAAc,eAAY"}
+{"version":3,"file":"RichEditorSkeleton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createVNode","Skeleton","Skeleton_default","FieldWrapper_default","RichEditorSkeleton_vue_vue_type_script_setup_true_lang_default","props","__props","useField","openBlock","createBlock","unref","id","error","withCtx","createVNode"],"sources":["../../../src/components/fields/RichEditorSkeleton.vue"],"mappings":";;;;;;;;;EAMA,IAAMU,IAAQC,GACR,EAAE,UAAO,UAAOC,QAA8BF,EAAM,SAAS;oBAIjEV,EAAA,GAAAC,EAEeC,GAAA;GAFA,OAAOQ,EAAM;GAAY,YAAUP,EAAAa,CAAA;GAAK,OAAOb,EAAAc,CAAA;;GAC5D,SAAAb,QAAmD,CAAnDC,EAAmDC,GAAA;IAAzC,OAAM;IAAc,eAAY"}

package/dist/components/fields/RichEditorSuggestions.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichEditorSuggestions.js","names":["_sfc_main","RichEditorSuggestions_vue_vue_type_script_setup_true_lang_default","RichEditorSuggestions_default"],"sources":["../../../src/components/fields/RichEditorSuggestions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { fixedContainingBlockOffset, type EditorSuggestions } from '@alfakit/core'\nimport type { Editor } from '@tiptap/vue-3'\nimport { computed } from 'vue'\nimport { useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport { useStore } from '../../composables/use-store'\n\n/** The mention / merge tag listbox under the trigger. */\nconst props = defineProps<{\n  suggestions: EditorSuggestions\n  editor: Editor | undefined\n  id: string\n}>()\nconst t = useT()\nconst state = useStore(props.suggestions.store)\n// Inside a modal the dialog's transform is the containing block of this fixed list.\nconst position = computed(() => {\n  const coords = state.value.coords\n\n  if (!coords) return undefined\n\n  const offset = fixedContainingBlockOffset(props.editor?.view.dom)\n\n  return { left: `${coords.left - offset.x}px`, top: `${coords.bottom + 4 - offset.y}px` }\n})\n</script>\n\n<template>\n  <div\n    v-if=\"state.open && props.editor\"\n    :id=\"props.id\"\n    role=\"listbox\"\n    :aria-label=\"t('editor.suggestions', {}, 'Suggestions')\"\n    data-slot=\"rich-editor-suggestions\"\n    class=\"bg-popover text-popover-foreground fixed z-50 min-w-48 overflow-hidden rounded-md border p-1 shadow-md\"\n    :style=\"position\"\n  >\n    <div\n      v-if=\"state.loading && state.items.length === 0\"\n      class=\"text-muted-foreground px-2 py-1.5 text-sm\"\n    >\n      {{ t('loading', {}, 'Loading…') }}\n    </div>\n    <div v-else-if=\"state.items.length === 0\" class=\"text-muted-foreground px-2 py-1.5 text-sm\">\n      {{ t('no_results', {}, 'No results.') }}\n    </div>\n    <template v-else>\n      <div\n        v-for=\"(item, index) in state.items\"\n        :id=\"`${props.id}-${index}`\"\n        :key=\"item.id\"\n        role=\"option\"\n        :aria-selected=\"index === state.index\"\n        :class=\"\n          cn(\n            'cursor-pointer rounded-sm px-2 py-1.5 text-sm',\n            index === state.index && 'bg-accent text-accent-foreground',\n          )\n        \"\n        @mousedown.prevent\n        @mouseenter=\"props.suggestions.highlight(index)\"\n        @click=\"props.editor && props.suggestions.select(index, props.editor)\"\n      >\n        {{ state.kind === 'mention' ? `${state.trigger}${item.label}` : item.label }}\n      </div>\n    </template>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"RichEditorSuggestions.js","names":["_sfc_main","RichEditorSuggestions_vue_vue_type_script_setup_true_lang_default","RichEditorSuggestions_default"],"sources":["../../../src/components/fields/RichEditorSuggestions.vue"],"mappings":""}

package/dist/components/fields/RichEditorSuggestions.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichEditorSuggestions.vue_vue_type_script_setup_true_lang.js","names":["_unref","_openBlock","_createElementBlock","_normalizeStyle","_toDisplayString","_Fragment","_renderList","_normalizeClass","_withModifiers","_createCommentVNode","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","RichEditorSuggestions_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","state","useStore","position","computed","coords","offset","fixedContainingBlockOffset","unref","openBlock","createElementBlock","normalizeStyle","toDisplayString","Fragment","renderList","index","item","normalizeClass","cn","_cache","withModifiers","createCommentVNode"],"sources":["../../../src/components/fields/RichEditorSuggestions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { fixedContainingBlockOffset, type EditorSuggestions } from '@alfakit/core'\nimport type { Editor } from '@tiptap/vue-3'\nimport { computed } from 'vue'\nimport { useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport { useStore } from '../../composables/use-store'\n\n/** The mention / merge tag listbox under the trigger. */\nconst props = defineProps<{\n  suggestions: EditorSuggestions\n  editor: Editor | undefined\n  id: string\n}>()\nconst t = useT()\nconst state = useStore(props.suggestions.store)\n// Inside a modal the dialog's transform is the containing block of this fixed list.\nconst position = computed(() => {\n  const coords = state.value.coords\n\n  if (!coords) return undefined\n\n  const offset = fixedContainingBlockOffset(props.editor?.view.dom)\n\n  return { left: `${coords.left - offset.x}px`, top: `${coords.bottom + 4 - offset.y}px` }\n})\n</script>\n\n<template>\n  <div\n    v-if=\"state.open && props.editor\"\n    :id=\"props.id\"\n    role=\"listbox\"\n    :aria-label=\"t('editor.suggestions', {}, 'Suggestions')\"\n    data-slot=\"rich-editor-suggestions\"\n    class=\"bg-popover text-popover-foreground fixed z-50 min-w-48 overflow-hidden rounded-md border p-1 shadow-md\"\n    :style=\"position\"\n  >\n    <div\n      v-if=\"state.loading && state.items.length === 0\"\n      class=\"text-muted-foreground px-2 py-1.5 text-sm\"\n    >\n      {{ t('loading', {}, 'Loading…') }}\n    </div>\n    <div v-else-if=\"state.items.length === 0\" class=\"text-muted-foreground px-2 py-1.5 text-sm\">\n      {{ t('no_results', {}, 'No results.') }}\n    </div>\n    <template v-else>\n      <div\n        v-for=\"(item, index) in state.items\"\n        :id=\"`${props.id}-${index}`\"\n        :key=\"item.id\"\n        role=\"option\"\n        :aria-selected=\"index === state.index\"\n        :class=\"\n          cn(\n            'cursor-pointer rounded-sm px-2 py-1.5 text-sm',\n            index === state.index && 'bg-accent text-accent-foreground',\n          )\n        \"\n        @mousedown.prevent\n        @mouseenter=\"props.suggestions.highlight(index)\"\n        @click=\"props.editor && props.suggestions.select(index, props.editor)\"\n      >\n        {{ state.kind === 'mention' ? `${state.trigger}${item.label}` : item.label }}\n      </div>\n    </template>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EASA,IAAMe,IAAQC,GAKRC,IAAIC,EAAK,GACTC,IAAQC,EAASL,EAAM,YAAY,KAAK,GAExCM,IAAWC,QAAe;GAC9B,IAAMC,IAASJ,EAAM,MAAM;GAE3B,IAAI,CAACI,GAAQ;GAEb,IAAMC,IAASC,EAA2BV,EAAM,QAAQ,KAAK,GAAG;GAEhE,OAAO;IAAE,MAAM,GAAGQ,EAAO,OAAOC,EAAO,EAAE;IAAK,KAAK,GAAGD,EAAO,SAAS,IAAIC,EAAO,EAAE;GAAI;EACzF,CAAC;mBAKSxB,EAAAmB,CAAA,CAAK,CAAC,QAAQJ,EAAM,UAD5Bd,EAAA,GAAAC,EAsCM,OAAA;;GApCH,IAAIa,EAAM;GACX,MAAK;GACJ,cAAYf,EAAAiB,CAAA,CAAC,CAAA,sBAAA,CAAA,GAAA,aAAA;GACd,aAAU;GACV,OAAM;GACL,OAAKd,EAAEkB,EAAA,KAAQ;EAGRrB,GAAAA,CAAAA,EAAAmB,CAAA,CAAK,CAAC,WAAWnB,EAAAmB,CAAA,CAAK,CAAC,MAAM,WAAM,KAD3ClB,EAAA,GAAAC,EAKM,OALNS,GAKMP,EADDJ,EAAAiB,CAAA,CAAC,CAAA,WAAA,CAAA,GAAA,UAAA,CAAA,GAAA,CAAA,KAEUjB,EAAAmB,CAAA,CAAK,CAAC,MAAM,WAAM,KAAlClB,EAAA,GAAAC,EAEM,OAFNU,GAEMR,EADDJ,EAAAiB,CAAA,CAAC,CAAA,cAAA,CAAA,GAAA,aAAA,CAAA,GAAA,CAAA,MAGJhB,EAAA,EAAA,GAAAC,EAiBMG,GAAA,EAAA,KAAA,EAAA,GAAAC,EAhBoBN,EAAAmB,CAAA,CAAK,CAAC,QAAtB,GAAM,OADhBlB,EAAA,GAAAC,EAiBM,OAAA;GAfH,IAAE,GAAKa,EAAM,GAAE,GAAIkB;GACnB,KAAKC,EAAK;GACX,MAAK;GACJ,iBAAeD,MAAUjC,EAAAmB,CAAA,CAAK,CAAC;GAC/B,OAAKZ,EAAaP,EAAAoC,CAAA,CAAE,CAAA,iDAA2EH,MAAUjC,EAAAmB,CAAA,CAAK,CAAC,SAAK,kCAAA,CAAA;GAMpH,aAAS,AAAAkB,EAAA,OAAA7B,QAAV,CAAA,GAAkB,CAAA,SAAA,CAAA;GACjB,eAAU,MAAEO,EAAM,YAAY,UAAUkB,CAAK;GAC7C,UAAK,MAAElB,EAAM,UAAUA,EAAM,YAAY,OAAOkB,GAAOlB,EAAM,MAAM;EAEjE,GAAAX,EAAAJ,EAAAmB,CAAA,CAAK,CAAC,SAAI,YAAA,GAAoBnB,EAAAmB,CAAA,CAAK,CAAC,UAAUe,EAAK,UAAUA,EAAK,KAAK,GAAA,IAAArB,CAAA"}
+{"version":3,"file":"RichEditorSuggestions.vue_vue_type_script_setup_true_lang.js","names":["_unref","_openBlock","_createElementBlock","_normalizeStyle","_toDisplayString","_Fragment","_renderList","_normalizeClass","_withModifiers","_createCommentVNode","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","RichEditorSuggestions_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","state","useStore","position","computed","coords","offset","fixedContainingBlockOffset","unref","openBlock","createElementBlock","normalizeStyle","toDisplayString","Fragment","renderList","index","item","normalizeClass","cn","_cache","withModifiers","createCommentVNode"],"sources":["../../../src/components/fields/RichEditorSuggestions.vue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EASA,IAAMe,IAAQC,GAKRC,IAAIC,EAAK,GACTC,IAAQC,EAASL,EAAM,YAAY,KAAK,GAExCM,IAAWC,QAAe;GAC9B,IAAMC,IAASJ,EAAM,MAAM;GAE3B,IAAI,CAACI,GAAQ;GAEb,IAAMC,IAASC,EAA2BV,EAAM,QAAQ,KAAK,GAAG;GAEhE,OAAO;IAAE,MAAM,GAAGQ,EAAO,OAAOC,EAAO,EAAE;IAAK,KAAK,GAAGD,EAAO,SAAS,IAAIC,EAAO,EAAE;GAAI;EACzF,CAAC;mBAKSxB,EAAAmB,CAAA,CAAK,CAAC,QAAQJ,EAAM,UAD5Bd,EAAA,GAAAC,EAsCM,OAAA;;GApCH,IAAIa,EAAM;GACX,MAAK;GACJ,cAAYf,EAAAiB,CAAA,CAAC,CAAA,sBAAA,CAAA,GAAA,aAAA;GACd,aAAU;GACV,OAAM;GACL,OAAKd,EAAEkB,EAAA,KAAQ;EAGRrB,GAAAA,CAAAA,EAAAmB,CAAA,CAAK,CAAC,WAAWnB,EAAAmB,CAAA,CAAK,CAAC,MAAM,WAAM,KAD3ClB,EAAA,GAAAC,EAKM,OALNS,GAKMP,EADDJ,EAAAiB,CAAA,CAAC,CAAA,WAAA,CAAA,GAAA,UAAA,CAAA,GAAA,CAAA,KAEUjB,EAAAmB,CAAA,CAAK,CAAC,MAAM,WAAM,KAAlClB,EAAA,GAAAC,EAEM,OAFNU,GAEMR,EADDJ,EAAAiB,CAAA,CAAC,CAAA,cAAA,CAAA,GAAA,aAAA,CAAA,GAAA,CAAA,MAGJhB,EAAA,EAAA,GAAAC,EAiBMG,GAAA,EAAA,KAAA,EAAA,GAAAC,EAhBoBN,EAAAmB,CAAA,CAAK,CAAC,QAAtB,GAAM,OADhBlB,EAAA,GAAAC,EAiBM,OAAA;GAfH,IAAE,GAAKa,EAAM,GAAE,GAAIkB;GACnB,KAAKC,EAAK;GACX,MAAK;GACJ,iBAAeD,MAAUjC,EAAAmB,CAAA,CAAK,CAAC;GAC/B,OAAKZ,EAAaP,EAAAoC,CAAA,CAAE,CAAA,iDAA2EH,MAAUjC,EAAAmB,CAAA,CAAK,CAAC,SAAK,kCAAA,CAAA;GAMpH,aAAS,AAAAkB,EAAA,OAAA7B,QAAV,CAAA,GAAkB,CAAA,SAAA,CAAA;GACjB,eAAU,MAAEO,EAAM,YAAY,UAAUkB,CAAK;GAC7C,UAAK,MAAElB,EAAM,UAAUA,EAAM,YAAY,OAAOkB,GAAOlB,EAAM,MAAM;EAEjE,GAAAX,EAAAJ,EAAAmB,CAAA,CAAK,CAAC,SAAI,YAAA,GAAoBnB,EAAAmB,CAAA,CAAK,CAAC,UAAUe,EAAK,UAAUA,EAAK,KAAK,GAAA,IAAArB,CAAA"}

package/dist/components/fields/RichEditorToolIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichEditorToolIcon.js","names":["_sfc_main","RichEditorToolIcon_vue_vue_type_script_setup_true_lang_default","RichEditorToolIcon_default"],"sources":["../../../src/components/fields/RichEditorToolIcon.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { RichEditorToolSchema } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { Icon } from '../../lib/icons'\nimport { RICH_EDITOR_ICONS } from './rich-editor-icons'\n\n/** A toolbar button's icon: built-in, the plugin tool's icon, else its label. */\nconst props = defineProps<{\n  name: string\n  label: string\n  tools?: RichEditorToolSchema[] | null\n}>()\n\nconst builtIn = computed(() => RICH_EDITOR_ICONS[props.name])\nconst toolIcon = computed(\n  () => props.tools?.find((candidate) => candidate.name === props.name)?.icon ?? null,\n)\n</script>\n\n<template>\n  <component :is=\"builtIn.icon\" v-if=\"builtIn\" :class=\"builtIn.class\" />\n  <Icon v-else-if=\"toolIcon\" :name=\"toolIcon\" />\n  <span v-else class=\"text-xs\">{{ props.label }}</span>\n</template>\n"],"mappings":""}
+{"version":3,"file":"RichEditorToolIcon.js","names":["_sfc_main","RichEditorToolIcon_vue_vue_type_script_setup_true_lang_default","RichEditorToolIcon_default"],"sources":["../../../src/components/fields/RichEditorToolIcon.vue"],"mappings":""}

package/dist/components/fields/RichEditorToolIcon.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichEditorToolIcon.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_resolveDynamicComponent","_normalizeClass","_unref","Icon","_createElementBlock","_toDisplayString","Icon_default","_hoisted_1","RichEditorToolIcon_vue_vue_type_script_setup_true_lang_default","props","__props","builtIn","computed","RICH_EDITOR_ICONS","toolIcon","candidate","openBlock","createBlock","resolveDynamicComponent","normalizeClass","unref","createElementBlock","toDisplayString"],"sources":["../../../src/components/fields/RichEditorToolIcon.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { RichEditorToolSchema } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { Icon } from '../../lib/icons'\nimport { RICH_EDITOR_ICONS } from './rich-editor-icons'\n\n/** A toolbar button's icon: built-in, the plugin tool's icon, else its label. */\nconst props = defineProps<{\n  name: string\n  label: string\n  tools?: RichEditorToolSchema[] | null\n}>()\n\nconst builtIn = computed(() => RICH_EDITOR_ICONS[props.name])\nconst toolIcon = computed(\n  () => props.tools?.find((candidate) => candidate.name === props.name)?.icon ?? null,\n)\n</script>\n\n<template>\n  <component :is=\"builtIn.icon\" v-if=\"builtIn\" :class=\"builtIn.class\" />\n  <Icon v-else-if=\"toolIcon\" :name=\"toolIcon\" />\n  <span v-else class=\"text-xs\">{{ props.label }}</span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAOA,IAAMW,IAAQC,GAMRC,IAAUC,QAAeC,EAAkBJ,EAAM,KAAK,GACtDK,IAAWF,QACTH,EAAM,OAAO,MAAM,MAAcM,EAAU,SAASN,EAAM,IAAI,CAAC,EAAE,QAAQ,IACjF;mBAIsCE,EAAA,SAApCb,EAAA,GAAAC,EAAsEC,EAAtDW,EAAA,MAAQ,IAAI,GAAA;;GAAkB,OAAKV,EAAEU,EAAA,MAAQ,KAAK;EACjD,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA,KAAAG,EAAA,SAAjBhB,EAAA,GAAAC,EAA8CG,EAAAC,CAAA,GAAA;;GAAlB,MAAMW,EAAA;EAClChB,GAAAA,MAAAA,GAAAA,CAAAA,MAAAA,CAAAA,MAAAA,EAAA,GAAAM,EAAqD,QAArDG,GAAqDF,EAArBI,EAAM,KAAK,GAAA,CAAA"}
+{"version":3,"file":"RichEditorToolIcon.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_resolveDynamicComponent","_normalizeClass","_unref","Icon","_createElementBlock","_toDisplayString","Icon_default","_hoisted_1","RichEditorToolIcon_vue_vue_type_script_setup_true_lang_default","props","__props","builtIn","computed","RICH_EDITOR_ICONS","toolIcon","candidate","openBlock","createBlock","resolveDynamicComponent","normalizeClass","unref","createElementBlock","toDisplayString"],"sources":["../../../src/components/fields/RichEditorToolIcon.vue"],"mappings":";;;;;;;;;;;;;;;EAOA,IAAMW,IAAQC,GAMRC,IAAUC,QAAeC,EAAkBJ,EAAM,KAAK,GACtDK,IAAWF,QACTH,EAAM,OAAO,MAAM,MAAcM,EAAU,SAASN,EAAM,IAAI,CAAC,EAAE,QAAQ,IACjF;mBAIsCE,EAAA,SAApCb,EAAA,GAAAC,EAAsEC,EAAtDW,EAAA,MAAQ,IAAI,GAAA;;GAAkB,OAAKV,EAAEU,EAAA,MAAQ,KAAK;EACjD,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA,KAAAG,EAAA,SAAjBhB,EAAA,GAAAC,EAA8CG,EAAAC,CAAA,GAAA;;GAAlB,MAAMW,EAAA;EAClChB,GAAAA,MAAAA,GAAAA,CAAAA,MAAAA,CAAAA,MAAAA,EAAA,GAAAM,EAAqD,QAArDG,GAAqDF,EAArBI,EAAM,KAAK,GAAA,CAAA"}

package/dist/components/fields/RichEditorToolbarEntries.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichEditorToolbarEntries.js","names":["_sfc_main","RichEditorToolbarEntries_vue_vue_type_script_setup_true_lang_default","RichEditorToolbarEntries_default"],"sources":["../../../src/components/fields/RichEditorToolbarEntries.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { RichEditorPanel, RichEditorSchema, ToolbarCommand } from '@alfakit/core'\nimport { commandLabel, isToolbarGroup, toolbarPanel } from '@alfakit/core'\nimport type { Editor } from '@tiptap/vue-3'\nimport { useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport Button from '../ui/Button.vue'\nimport Separator from '../ui/Separator.vue'\nimport RichEditorExtensionButton from './RichEditorExtensionButton.vue'\nimport RichEditorToolbarGroup from './RichEditorToolbarGroup.vue'\nimport RichEditorToolIcon from './RichEditorToolIcon.vue'\n\n/** Toolbar entries: separators, group dropdowns, panel toggles and buttons. */\nconst props = defineProps<{\n  names: readonly string[]\n  component: RichEditorSchema\n  editor: Editor\n  editable: boolean\n  commands: Record<string, ToolbarCommand>\n  /** Bumped on every transaction so active states follow the cursor. */\n  tick: number\n  openPanel: 'textColor' | null\n  sidePanel: RichEditorPanel | null\n}>()\nconst emit = defineEmits<{ run: [name: string]; togglePanel: [panel: RichEditorPanel] }>()\nconst t = useT()\nconst translate = (key: string, fallback: string) => t(key, {}, fallback)\n\n/** Label, active and pressed state of a button (re-read on every transaction). */\nconst buttonState = (name: string) => {\n  void props.tick\n\n  const button = props.commands[name]\n\n  if (!button) return null\n\n  const active = Boolean(\n    button.active?.(props.editor) || (name === 'textColor' && props.openPanel === name),\n  )\n\n  return {\n    label: commandLabel(name, props.commands, translate),\n    active,\n    // Only toggles carry `aria-pressed`.\n    pressed: button.active || name === 'textColor' ? (active ? 'true' : 'false') : undefined,\n  }\n}\n</script>\n\n<template>\n  <template v-for=\"(name, index) in props.names\" :key=\"`${name}-${index}`\">\n    <Separator v-if=\"name === '|'\" orientation=\"vertical\" class=\"mx-1 h-5\" />\n    <template v-else-if=\"isToolbarGroup(name)\">\n      <RichEditorToolbarGroup\n        v-if=\"props.component.toolbarButtonGroups?.[name]\"\n        :group=\"props.component.toolbarButtonGroups[name]!\"\n        :editor=\"props.editor\"\n        :editable=\"props.editable\"\n        :commands=\"props.commands\"\n        :tools=\"props.component.editorTools\"\n        :tick=\"props.tick\"\n        @run=\"(button: string) => emit('run', button)\"\n      />\n    </template>\n    <RichEditorExtensionButton\n      v-else-if=\"toolbarPanel(name)\"\n      :name=\"toolbarPanel(name)!\"\n      :component=\"props.component\"\n      :editable=\"props.editable\"\n      :open=\"props.sidePanel === toolbarPanel(name)\"\n      @toggle=\"emit('togglePanel', toolbarPanel(name)!)\"\n    />\n    <Button\n      v-else-if=\"buttonState(name)\"\n      type=\"button\"\n      variant=\"ghost\"\n      size=\"icon-sm\"\n      :aria-label=\"buttonState(name)!.label\"\n      :title=\"buttonState(name)!.label\"\n      :aria-pressed=\"buttonState(name)!.pressed\"\n      :disabled=\"!props.editable\"\n      :class=\"cn(buttonState(name)!.active && 'bg-accent text-accent-foreground')\"\n      @mousedown.prevent\n      @click=\"emit('run', name)\"\n    >\n      <RichEditorToolIcon\n        :name=\"name\"\n        :label=\"buttonState(name)!.label\"\n        :tools=\"props.component.editorTools\"\n      />\n    </Button>\n  </template>\n</template>\n"],"mappings":""}
+{"version":3,"file":"RichEditorToolbarEntries.js","names":["_sfc_main","RichEditorToolbarEntries_vue_vue_type_script_setup_true_lang_default","RichEditorToolbarEntries_default"],"sources":["../../../src/components/fields/RichEditorToolbarEntries.vue"],"mappings":""}

package/dist/components/fields/RichEditorToolbarEntries.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichEditorToolbarEntries.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_renderList","_createBlock","Separator","_unref","RichEditorToolbarGroup","_createCommentVNode","RichEditorExtensionButton","Button","_normalizeClass","_withModifiers","_withCtx","_createVNode","RichEditorToolIcon","Button_default","Separator_default","RichEditorExtensionButton_default","RichEditorToolIcon_default","RichEditorToolbarGroup_default","RichEditorToolbarEntries_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","t","useT","translate","key","fallback","buttonState","button","name","active","commandLabel","openBlock","createElementBlock","Fragment","renderList","index","createBlock","unref","isToolbarGroup","_cache","createCommentVNode","toolbarPanel","normalizeClass","cn","withModifiers","withCtx","createVNode"],"sources":["../../../src/components/fields/RichEditorToolbarEntries.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { RichEditorPanel, RichEditorSchema, ToolbarCommand } from '@alfakit/core'\nimport { commandLabel, isToolbarGroup, toolbarPanel } from '@alfakit/core'\nimport type { Editor } from '@tiptap/vue-3'\nimport { useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport Button from '../ui/Button.vue'\nimport Separator from '../ui/Separator.vue'\nimport RichEditorExtensionButton from './RichEditorExtensionButton.vue'\nimport RichEditorToolbarGroup from './RichEditorToolbarGroup.vue'\nimport RichEditorToolIcon from './RichEditorToolIcon.vue'\n\n/** Toolbar entries: separators, group dropdowns, panel toggles and buttons. */\nconst props = defineProps<{\n  names: readonly string[]\n  component: RichEditorSchema\n  editor: Editor\n  editable: boolean\n  commands: Record<string, ToolbarCommand>\n  /** Bumped on every transaction so active states follow the cursor. */\n  tick: number\n  openPanel: 'textColor' | null\n  sidePanel: RichEditorPanel | null\n}>()\nconst emit = defineEmits<{ run: [name: string]; togglePanel: [panel: RichEditorPanel] }>()\nconst t = useT()\nconst translate = (key: string, fallback: string) => t(key, {}, fallback)\n\n/** Label, active and pressed state of a button (re-read on every transaction). */\nconst buttonState = (name: string) => {\n  void props.tick\n\n  const button = props.commands[name]\n\n  if (!button) return null\n\n  const active = Boolean(\n    button.active?.(props.editor) || (name === 'textColor' && props.openPanel === name),\n  )\n\n  return {\n    label: commandLabel(name, props.commands, translate),\n    active,\n    // Only toggles carry `aria-pressed`.\n    pressed: button.active || name === 'textColor' ? (active ? 'true' : 'false') : undefined,\n  }\n}\n</script>\n\n<template>\n  <template v-for=\"(name, index) in props.names\" :key=\"`${name}-${index}`\">\n    <Separator v-if=\"name === '|'\" orientation=\"vertical\" class=\"mx-1 h-5\" />\n    <template v-else-if=\"isToolbarGroup(name)\">\n      <RichEditorToolbarGroup\n        v-if=\"props.component.toolbarButtonGroups?.[name]\"\n        :group=\"props.component.toolbarButtonGroups[name]!\"\n        :editor=\"props.editor\"\n        :editable=\"props.editable\"\n        :commands=\"props.commands\"\n        :tools=\"props.component.editorTools\"\n        :tick=\"props.tick\"\n        @run=\"(button: string) => emit('run', button)\"\n      />\n    </template>\n    <RichEditorExtensionButton\n      v-else-if=\"toolbarPanel(name)\"\n      :name=\"toolbarPanel(name)!\"\n      :component=\"props.component\"\n      :editable=\"props.editable\"\n      :open=\"props.sidePanel === toolbarPanel(name)\"\n      @toggle=\"emit('togglePanel', toolbarPanel(name)!)\"\n    />\n    <Button\n      v-else-if=\"buttonState(name)\"\n      type=\"button\"\n      variant=\"ghost\"\n      size=\"icon-sm\"\n      :aria-label=\"buttonState(name)!.label\"\n      :title=\"buttonState(name)!.label\"\n      :aria-pressed=\"buttonState(name)!.pressed\"\n      :disabled=\"!props.editable\"\n      :class=\"cn(buttonState(name)!.active && 'bg-accent text-accent-foreground')\"\n      @mousedown.prevent\n      @click=\"emit('run', name)\"\n    >\n      <RichEditorToolIcon\n        :name=\"name\"\n        :label=\"buttonState(name)!.label\"\n        :tools=\"props.component.editorTools\"\n      />\n    </Button>\n  </template>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAaA,IAAMuB,IAAQC,GAWRC,IAAOH,GACPI,IAAIC,EAAK,GACTC,KAAa,GAAa,MAAqBF,EAAEG,GAAK,CAAC,GAAGC,CAAQ,GAGlEC,KAAe,MAAiB;GACpC,EAAW;GAEX,IAAMC,IAAST,EAAM,SAASU;GAE9B,IAAI,CAACD,GAAQ,OAAO;GAEpB,IAAME,IAAS,GACbF,EAAO,SAAST,EAAM,MAAM,KAAMU,MAAS,eAAeV,EAAM,cAAcU;GAGhF,OAAO;IACL,OAAOE,EAAaF,GAAMV,EAAM,UAAUK,CAAS;IACnD;IAEA,SAASI,EAAO,UAAUC,MAAS,cAAeC,IAAS,SAAS,UAAW,KAAA;GACjF;EACF;oBAIElC,EAAA,EAAA,GAAAC,EAyCWC,GAAA,MAAAC,EAzCuBoB,EAAM,QAAtB,GAAM,OAAgCa,EAAA,GAAAC,EAAAC,GAAA,EAAA,KAAA,GAAAL,EAAI,GAAIO,IAAA,GAAA,CAC7CP,MAAI,OAArBjC,EAAA,GAAAI,EAAyEC,GAAA;;GAA1C,aAAY;GAAW,OAAM;EACvCC,CAAAA,KAAAA,EAAAqC,CAAA,CAAc,CAACV,CAAI,KAAxCjC,EAAA,GAAAC,EAWWC,GAAA,EAAA,KAAA,EAAA,GAAA,CATDqB,EAAM,UAAU,sBAAsBU,MAD9CjC,EAAA,GAAAI,EASEG,GAAA;;GAPC,OAAOgB,EAAM,UAAU,oBAAoBU;GAC3C,QAAQV,EAAM;GACd,UAAUA,EAAM;GAChB,UAAUA,EAAM;GAChB,OAAOA,EAAM,UAAU;GACvB,MAAMA,EAAM;GACZ,OAAG,AAAAqB,EAAA,QAAG,MAAmBnB,EAAI,OAAQO,CAAM;;;;;;;;EAInC1B,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,CAAAA,GAAAA,EAAAA,KAAAA,EAAAwC,CAAA,CAAY,CAACb,CAAI,KAD9BjC,EAAA,GAAAI,EAOEK,GAAA;;GALC,MAAMH,EAAAwC,CAAA,CAAY,CAACb,CAAI;GACvB,WAAWV,EAAM;GACjB,UAAUA,EAAM;GAChB,MAAMA,EAAM,cAAcjB,EAAAwC,CAAA,CAAY,CAACb,CAAI;GAC3C,WAAM,MAAER,EAAI,eAAgBnB,EAAAwC,CAAA,CAAY,CAACb,CAAI,CAAA;;;;;;;EAGnC,CAAA,KAAAF,EAAYE,CAAI,KAD7BjC,EAAA,GAAAI,EAkBSM,GAAA;;GAhBP,MAAK;GACL,SAAQ;GACR,MAAK;GACJ,cAAYqB,EAAYE,CAAI,CAAA,CAAG;GAC/B,OAAOF,EAAYE,CAAI,CAAA,CAAG;GAC1B,gBAAcF,EAAYE,CAAI,CAAA,CAAG;GACjC,UAAQ,CAAGV,EAAM;GACjB,OAAKZ,EAAEL,EAAA0C,CAAA,CAAE,CAACjB,EAAYE,CAAI,CAAA,CAAG,UAAM,kCAAA,CAAA;GACnC,aAAS,AAAAW,EAAA,OAAAhC,QAAV,CAAA,GAAkB,CAAA,SAAA,CAAA;GACjB,UAAK,MAAEa,EAAI,OAAQQ,CAAI;;GAExB,SAAApB,QAIE,CAJFC,EAIEC,GAAA;IAHO;IACN,OAAOgB,EAAYE,CAAI,CAAA,CAAG;IAC1B,OAAOV,EAAM,UAAU"}
+{"version":3,"file":"RichEditorToolbarEntries.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_renderList","_createBlock","Separator","_unref","RichEditorToolbarGroup","_createCommentVNode","RichEditorExtensionButton","Button","_normalizeClass","_withModifiers","_withCtx","_createVNode","RichEditorToolIcon","Button_default","Separator_default","RichEditorExtensionButton_default","RichEditorToolIcon_default","RichEditorToolbarGroup_default","RichEditorToolbarEntries_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","t","useT","translate","key","fallback","buttonState","button","name","active","commandLabel","openBlock","createElementBlock","Fragment","renderList","index","createBlock","unref","isToolbarGroup","_cache","createCommentVNode","toolbarPanel","normalizeClass","cn","withModifiers","withCtx","createVNode"],"sources":["../../../src/components/fields/RichEditorToolbarEntries.vue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAaA,IAAMuB,IAAQC,GAWRC,IAAOH,GACPI,IAAIC,EAAK,GACTC,KAAa,GAAa,MAAqBF,EAAEG,GAAK,CAAC,GAAGC,CAAQ,GAGlEC,KAAe,MAAiB;GACpC,EAAW;GAEX,IAAMC,IAAST,EAAM,SAASU;GAE9B,IAAI,CAACD,GAAQ,OAAO;GAEpB,IAAME,IAAS,GACbF,EAAO,SAAST,EAAM,MAAM,KAAMU,MAAS,eAAeV,EAAM,cAAcU;GAGhF,OAAO;IACL,OAAOE,EAAaF,GAAMV,EAAM,UAAUK,CAAS;IACnD;IAEA,SAASI,EAAO,UAAUC,MAAS,cAAeC,IAAS,SAAS,UAAW,KAAA;GACjF;EACF;oBAIElC,EAAA,EAAA,GAAAC,EAyCWC,GAAA,MAAAC,EAzCuBoB,EAAM,QAAtB,GAAM,OAAgCa,EAAA,GAAAC,EAAAC,GAAA,EAAA,KAAA,GAAAL,EAAI,GAAIO,IAAA,GAAA,CAC7CP,MAAI,OAArBjC,EAAA,GAAAI,EAAyEC,GAAA;;GAA1C,aAAY;GAAW,OAAM;EACvCC,CAAAA,KAAAA,EAAAqC,CAAA,CAAc,CAACV,CAAI,KAAxCjC,EAAA,GAAAC,EAWWC,GAAA,EAAA,KAAA,EAAA,GAAA,CATDqB,EAAM,UAAU,sBAAsBU,MAD9CjC,EAAA,GAAAI,EASEG,GAAA;;GAPC,OAAOgB,EAAM,UAAU,oBAAoBU;GAC3C,QAAQV,EAAM;GACd,UAAUA,EAAM;GAChB,UAAUA,EAAM;GAChB,OAAOA,EAAM,UAAU;GACvB,MAAMA,EAAM;GACZ,OAAG,AAAAqB,EAAA,QAAG,MAAmBnB,EAAI,OAAQO,CAAM;;;;;;;;EAInC1B,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,CAAAA,GAAAA,EAAAA,KAAAA,EAAAwC,CAAA,CAAY,CAACb,CAAI,KAD9BjC,EAAA,GAAAI,EAOEK,GAAA;;GALC,MAAMH,EAAAwC,CAAA,CAAY,CAACb,CAAI;GACvB,WAAWV,EAAM;GACjB,UAAUA,EAAM;GAChB,MAAMA,EAAM,cAAcjB,EAAAwC,CAAA,CAAY,CAACb,CAAI;GAC3C,WAAM,MAAER,EAAI,eAAgBnB,EAAAwC,CAAA,CAAY,CAACb,CAAI,CAAA;;;;;;;EAGnC,CAAA,KAAAF,EAAYE,CAAI,KAD7BjC,EAAA,GAAAI,EAkBSM,GAAA;;GAhBP,MAAK;GACL,SAAQ;GACR,MAAK;GACJ,cAAYqB,EAAYE,CAAI,CAAA,CAAG;GAC/B,OAAOF,EAAYE,CAAI,CAAA,CAAG;GAC1B,gBAAcF,EAAYE,CAAI,CAAA,CAAG;GACjC,UAAQ,CAAGV,EAAM;GACjB,OAAKZ,EAAEL,EAAA0C,CAAA,CAAE,CAACjB,EAAYE,CAAI,CAAA,CAAG,UAAM,kCAAA,CAAA;GACnC,aAAS,AAAAW,EAAA,OAAAhC,QAAV,CAAA,GAAkB,CAAA,SAAA,CAAA;GACjB,UAAK,MAAEa,EAAI,OAAQQ,CAAI;;GAExB,SAAApB,QAIE,CAJFC,EAIEC,GAAA;IAHO;IACN,OAAOgB,EAAYE,CAAI,CAAA,CAAG;IAC1B,OAAOV,EAAM,UAAU"}

package/dist/components/fields/RichEditorToolbarGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichEditorToolbarGroup.js","names":["_sfc_main","RichEditorToolbarGroup_vue_vue_type_script_setup_true_lang_default","RichEditorToolbarGroup_default"],"sources":["../../../src/components/fields/RichEditorToolbarGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type {\n  RichEditorToolbarGroupSchema,\n  RichEditorToolSchema,\n  ToolbarCommand,\n} from '@alfakit/core'\nimport { commandLabel, groupTriggerButton } from '@alfakit/core'\nimport { ChevronDownIcon } from '@lucide/vue'\nimport type { Editor } from '@tiptap/vue-3'\nimport { computed } from 'vue'\nimport { useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Button from '../ui/Button.vue'\nimport DropdownMenu from '../ui/DropdownMenu.vue'\nimport DropdownMenuContent from '../ui/DropdownMenuContent.vue'\nimport DropdownMenuItem from '../ui/DropdownMenuItem.vue'\nimport DropdownMenuTrigger from '../ui/DropdownMenuTrigger.vue'\nimport RichEditorToolIcon from './RichEditorToolIcon.vue'\n\n/** A `ToolbarButtonGroup`: a dropdown of buttons (icons, or labels with `textualButtons()`). */\nconst props = defineProps<{\n  group: RichEditorToolbarGroupSchema\n  editor: Editor\n  editable: boolean\n  commands: Record<string, ToolbarCommand>\n  tools?: RichEditorToolSchema[] | null\n  /** Bumped on every transaction so active states follow the cursor. */\n  tick: number\n}>()\nconst emit = defineEmits<{ run: [name: string] }>()\nconst t = useT()\nconst translate = (key: string, fallback: string) => t(key, {}, fallback)\n\nconst buttons = computed(() => props.group.buttons.filter((name) => props.commands[name]))\nconst trigger = computed(() => {\n  void props.tick\n\n  return groupTriggerButton(buttons.value, props.editor, props.commands)\n})\nconst active = computed(() => {\n  void props.tick\n\n  return buttons.value.some((name) => props.commands[name]?.active?.(props.editor))\n})\nconst label = (name: string) => commandLabel(name, props.commands, translate)\n// After a pick, typing goes on in the editor (the command focused it); the menu would\n// otherwise return focus to its trigger. Closing without a pick (Escape) still does.\nlet picked = false\nconst pick = (name: string) => {\n  picked = true\n  emit('run', name)\n}\nconst closeAutoFocus = (event: Event) => {\n  if (!picked) return\n\n  picked = false\n  event.preventDefault()\n  props.editor.commands.focus()\n}\nconst pressed = (name: string) => {\n  void props.tick\n\n  return Boolean(props.commands[name]?.active?.(props.editor))\n}\n</script>\n\n<template>\n  <DropdownMenu v-if=\"buttons.length > 0\">\n    <DropdownMenuTrigger as-child>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        :aria-label=\"props.group.label\"\n        :title=\"props.group.label\"\n        :disabled=\"!props.editable\"\n        :class=\"cn('h-8 gap-0.5 px-1.5', active && 'bg-accent text-accent-foreground')\"\n        @mousedown.prevent\n      >\n        <Icon v-if=\"props.group.icon\" :name=\"props.group.icon\" />\n        <RichEditorToolIcon\n          v-else-if=\"trigger\"\n          :name=\"trigger\"\n          :label=\"label(trigger)\"\n          :tools=\"props.tools\"\n        />\n        <template v-else>{{ props.group.label }}</template>\n        <ChevronDownIcon class=\"size-3 opacity-60\" />\n      </Button>\n    </DropdownMenuTrigger>\n    <DropdownMenuContent\n      align=\"start\"\n      :aria-label=\"props.group.label\"\n      :class=\"cn(!props.group.textual && 'flex min-w-0 flex-row gap-0.5')\"\n      @close-auto-focus=\"closeAutoFocus\"\n    >\n      <DropdownMenuItem\n        v-for=\"name in buttons\"\n        :key=\"name\"\n        :aria-label=\"props.group.textual ? undefined : label(name)\"\n        :title=\"label(name)\"\n        :class=\"cn(pressed(name) && 'bg-accent text-accent-foreground')\"\n        @select=\"pick(name)\"\n      >\n        <RichEditorToolIcon :name=\"name\" :label=\"label(name)\" :tools=\"props.tools\" />\n        <span v-if=\"props.group.textual\">{{ label(name) }}</span>\n      </DropdownMenuItem>\n    </DropdownMenuContent>\n  </DropdownMenu>\n</template>\n"],"mappings":""}
+{"version":3,"file":"RichEditorToolbarGroup.js","names":["_sfc_main","RichEditorToolbarGroup_vue_vue_type_script_setup_true_lang_default","RichEditorToolbarGroup_default"],"sources":["../../../src/components/fields/RichEditorToolbarGroup.vue"],"mappings":""}

package/dist/components/fields/RichEditorToolbarGroup.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichEditorToolbarGroup.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","DropdownMenu","_withCtx","_createVNode","DropdownMenuTrigger","Button","_normalizeClass","_unref","_withModifiers","Icon","RichEditorToolIcon","_createElementBlock","_Fragment","_createTextVNode","_toDisplayString","DropdownMenuContent","_renderList","DropdownMenuItem","_createCommentVNode","Icon_default","Button_default","DropdownMenu_default","DropdownMenuContent_default","DropdownMenuItem_default","DropdownMenuTrigger_default","RichEditorToolIcon_default","_hoisted_1","RichEditorToolbarGroup_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","t","useT","translate","key","fallback","buttons","computed","name","trigger","groupTriggerButton","active","label","commandLabel","picked","pick","closeAutoFocus","event","pressed","openBlock","createBlock","withCtx","createVNode","normalizeClass","unref","cn","_cache","withModifiers","createElementBlock","Fragment","createTextVNode","toDisplayString","ChevronDownIcon","renderList","createCommentVNode"],"sources":["../../../src/components/fields/RichEditorToolbarGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type {\n  RichEditorToolbarGroupSchema,\n  RichEditorToolSchema,\n  ToolbarCommand,\n} from '@alfakit/core'\nimport { commandLabel, groupTriggerButton } from '@alfakit/core'\nimport { ChevronDownIcon } from '@lucide/vue'\nimport type { Editor } from '@tiptap/vue-3'\nimport { computed } from 'vue'\nimport { useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Button from '../ui/Button.vue'\nimport DropdownMenu from '../ui/DropdownMenu.vue'\nimport DropdownMenuContent from '../ui/DropdownMenuContent.vue'\nimport DropdownMenuItem from '../ui/DropdownMenuItem.vue'\nimport DropdownMenuTrigger from '../ui/DropdownMenuTrigger.vue'\nimport RichEditorToolIcon from './RichEditorToolIcon.vue'\n\n/** A `ToolbarButtonGroup`: a dropdown of buttons (icons, or labels with `textualButtons()`). */\nconst props = defineProps<{\n  group: RichEditorToolbarGroupSchema\n  editor: Editor\n  editable: boolean\n  commands: Record<string, ToolbarCommand>\n  tools?: RichEditorToolSchema[] | null\n  /** Bumped on every transaction so active states follow the cursor. */\n  tick: number\n}>()\nconst emit = defineEmits<{ run: [name: string] }>()\nconst t = useT()\nconst translate = (key: string, fallback: string) => t(key, {}, fallback)\n\nconst buttons = computed(() => props.group.buttons.filter((name) => props.commands[name]))\nconst trigger = computed(() => {\n  void props.tick\n\n  return groupTriggerButton(buttons.value, props.editor, props.commands)\n})\nconst active = computed(() => {\n  void props.tick\n\n  return buttons.value.some((name) => props.commands[name]?.active?.(props.editor))\n})\nconst label = (name: string) => commandLabel(name, props.commands, translate)\n// After a pick, typing goes on in the editor (the command focused it); the menu would\n// otherwise return focus to its trigger. Closing without a pick (Escape) still does.\nlet picked = false\nconst pick = (name: string) => {\n  picked = true\n  emit('run', name)\n}\nconst closeAutoFocus = (event: Event) => {\n  if (!picked) return\n\n  picked = false\n  event.preventDefault()\n  props.editor.commands.focus()\n}\nconst pressed = (name: string) => {\n  void props.tick\n\n  return Boolean(props.commands[name]?.active?.(props.editor))\n}\n</script>\n\n<template>\n  <DropdownMenu v-if=\"buttons.length > 0\">\n    <DropdownMenuTrigger as-child>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        :aria-label=\"props.group.label\"\n        :title=\"props.group.label\"\n        :disabled=\"!props.editable\"\n        :class=\"cn('h-8 gap-0.5 px-1.5', active && 'bg-accent text-accent-foreground')\"\n        @mousedown.prevent\n      >\n        <Icon v-if=\"props.group.icon\" :name=\"props.group.icon\" />\n        <RichEditorToolIcon\n          v-else-if=\"trigger\"\n          :name=\"trigger\"\n          :label=\"label(trigger)\"\n          :tools=\"props.tools\"\n        />\n        <template v-else>{{ props.group.label }}</template>\n        <ChevronDownIcon class=\"size-3 opacity-60\" />\n      </Button>\n    </DropdownMenuTrigger>\n    <DropdownMenuContent\n      align=\"start\"\n      :aria-label=\"props.group.label\"\n      :class=\"cn(!props.group.textual && 'flex min-w-0 flex-row gap-0.5')\"\n      @close-auto-focus=\"closeAutoFocus\"\n    >\n      <DropdownMenuItem\n        v-for=\"name in buttons\"\n        :key=\"name\"\n        :aria-label=\"props.group.textual ? undefined : label(name)\"\n        :title=\"label(name)\"\n        :class=\"cn(pressed(name) && 'bg-accent text-accent-foreground')\"\n        @select=\"pick(name)\"\n      >\n        <RichEditorToolIcon :name=\"name\" :label=\"label(name)\" :tools=\"props.tools\" />\n        <span v-if=\"props.group.textual\">{{ label(name) }}</span>\n      </DropdownMenuItem>\n    </DropdownMenuContent>\n  </DropdownMenu>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"RichEditorToolbarGroup.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","DropdownMenu","_withCtx","_createVNode","DropdownMenuTrigger","Button","_normalizeClass","_unref","_withModifiers","Icon","RichEditorToolIcon","_createElementBlock","_Fragment","_createTextVNode","_toDisplayString","DropdownMenuContent","_renderList","DropdownMenuItem","_createCommentVNode","Icon_default","Button_default","DropdownMenu_default","DropdownMenuContent_default","DropdownMenuItem_default","DropdownMenuTrigger_default","RichEditorToolIcon_default","_hoisted_1","RichEditorToolbarGroup_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","t","useT","translate","key","fallback","buttons","computed","name","trigger","groupTriggerButton","active","label","commandLabel","picked","pick","closeAutoFocus","event","pressed","openBlock","createBlock","withCtx","createVNode","normalizeClass","unref","cn","_cache","withModifiers","createElementBlock","Fragment","createTextVNode","toDisplayString","ChevronDownIcon","renderList","createCommentVNode"],"sources":["../../../src/components/fields/RichEditorToolbarGroup.vue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAqBA,IAAM8B,IAAQC,GASRC,IAAOH,GACPI,IAAIC,EAAK,GACTC,KAAa,GAAa,MAAqBF,EAAEG,GAAK,CAAC,GAAGC,CAAQ,GAElEC,IAAUC,QAAeT,EAAM,MAAM,QAAQ,QAAQ,MAASA,EAAM,SAASU,EAAK,CAAC,GACnFC,IAAUF,SACdT,EAAW,MAEJY,EAAmBJ,EAAQ,OAAOR,EAAM,QAAQA,EAAM,QAAQ,EACtE,GACKa,IAASJ,SACbT,EAAW,MAEJQ,EAAQ,MAAM,MAAM,MAASR,EAAM,SAASU,EAAK,EAAE,SAASV,EAAM,MAAM,CAAC,EACjF,GACKc,KAAS,MAAiBC,EAAaL,GAAMV,EAAM,UAAUK,CAAS,GAGxEW,IAAS,IACPC,KAAQ,MAAiB;GAE7B,AADA,IAAS,IACTf,EAAK,OAAOQ,CAAI;EAClB,GACMQ,KAAkB,MAAiB;GACvC,AAAKF,MAEL,IAAS,IACTG,EAAM,eAAe,GACrBnB,EAAM,OAAO,SAAS,MAAM;EAC9B,GACMoB,KAAW,OACfpB,EAAW,MAEJ,EAAQA,EAAM,SAASU,EAAK,EAAE,SAASV,EAAM,MAAM;mBAKtCQ,EAAA,MAAQ,SAAM,KAAlCtC,EAAA,GAAAC,EAyCeC,GAAA,EAAA,KAAA,EAAA,GAAA;GAxCb,SAAAC,QAqBsB,CArBtBC,EAqBsBC,GAAA,EArBD,YAAA,GAAQ,GAAA;IAC3B,SAAAF,QAmBS,CAnBTC,EAmBSE,GAAA;KAlBP,MAAK;KACL,SAAQ;KACR,MAAK;KACJ,cAAYwB,EAAM,MAAM;KACxB,OAAOA,EAAM,MAAM;KACnB,UAAQ,CAAGA,EAAM;KACjB,OAAKvB,EAAEC,EAAAiD,CAAA,CAAE,CAAA,sBAAuBd,EAAA,SAAM,kCAAA,CAAA;KACtC,aAAS,AAAAe,EAAA,OAAAjD,QAAV,CAAA,GAAkB,CAAA,SAAA,CAAA;;KAElB,SAAAN,QAAyD,CAA7C2B,EAAM,MAAM,QAAxB9B,EAAA,GAAAC,EAAyDO,EAAAE,CAAA,GAAA;;MAA1B,MAAMoB,EAAM,MAAM;KAEpC,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,KAAAW,EAAA,SADbzC,EAAA,GAAAC,EAKEU,GAAA;;MAHC,MAAM8B,EAAA;MACN,OAAOG,EAAMH,EAAA,KAAO;MACpB,OAAOX,EAAM;;;;;KAEhB9B,CAAAA,MAAAA,EAAA,GAAAY,EAAmDC,GAAA,EAAA,KAAA,EAAA,GAAA,CAA/BC,EAAAC,EAAAe,EAAM,MAAM,KAAK,GAAA,CAAA,CAAA,GAAA,EAAA,IACrC1B,EAA6CI,EAAAwD,CAAA,GAAA,EAA5B,OAAM,oBAAmB,CAAA,CAAA,CAAA;;;;;;;;;GAG9C5D,CAAAA,GAAAA,EAiBsBY,GAAA;IAhBpB,OAAM;IACL,cAAYc,EAAM,MAAM;IACxB,OAAKvB,EAAEC,EAAAiD,CAAA,CAAE,CAAA,CAAE3B,EAAM,MAAM,WAAO,+BAAA,CAAA;IAC9B,kBAAkBkB;;IAGjB,SAAA7C,QAAuB,EADzBH,EAAA,EAAA,GAAAY,EAUmBC,GAAA,MAAAI,EATFqB,EAAA,QAAR,OADTtC,EAAA,GAAAC,EAUmBiB,GAAA;KARhB,KAAKsB;KACL,cAAYV,EAAM,MAAM,UAAU,KAAA,IAAYc,EAAMJ,CAAI;KACxD,OAAOI,EAAMJ,CAAI;KACjB,OAAKjC,EAAEC,EAAAiD,CAAA,CAAE,CAACP,EAAQV,CAAI,KAAA,kCAAA,CAAA;KACtB,WAAM,MAAEO,EAAKP,CAAI;;KAElB,SAAArC,QAA6E,CAA7EC,EAA6EO,GAAA;MAAlD;MAAO,OAAOiC,EAAMJ,CAAI;MAAI,OAAOV,EAAM;;;;;KACxD,CAAA,GAAAA,EAAM,MAAM,WAAxB9B,EAAA,GAAAY,EAAyD,QAAAe,GAAAZ,EAArB6B,EAAMJ,CAAI,CAAA,GAAA,CAAA,KAAA0B,EAAA,IAAA,EAAA,CAAA,CAAA"}

package/dist/components/fields/SelectAffixes.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectAffixes.js","names":["_sfc_main","SelectAffixes_vue_vue_type_script_setup_true_lang_default","SelectAffixes_default"],"sources":["../../../src/components/fields/SelectAffixes.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Affixes } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\n\n/** Prefix/suffix text and icons around a select or date picker (with icon colours). */\nconst props = defineProps<{ component: Affixes; error?: string }>()\n\nconst hasPrefix = computed(() => Boolean(props.component.prefix || props.component.prefixIcon))\nconst hasSuffix = computed(() => Boolean(props.component.suffix || props.component.suffixIcon))\n</script>\n\n<template>\n  <div\n    v-if=\"hasPrefix || hasSuffix\"\n    data-slot=\"input-group\"\n    :class=\"\n      cn(\n        'border-input dark:bg-input/30 has-[:focus-visible]:border-ring has-[:focus-visible]:ring-ring/50 flex min-h-9 w-full items-stretch overflow-hidden rounded-md border shadow-xs has-[:focus-visible]:ring-[3px]',\n        props.error && 'border-destructive',\n      )\n    \"\n  >\n    <span\n      v-if=\"hasPrefix\"\n      class=\"text-muted-foreground bg-muted/50 flex items-center gap-1 border-e px-3 text-sm whitespace-nowrap\"\n    >\n      <Icon\n        :name=\"props.component.prefixIcon\"\n        :class=\"\n          props.component.prefixIconColor && textColorClasses[props.component.prefixIconColor]\n        \"\n      />\n      {{ props.component.prefix }}\n    </span>\n    <div\n      class=\"min-w-0 flex-1 *:h-full *:w-full *:rounded-none *:border-0 *:bg-transparent *:shadow-none *:focus-visible:ring-0 dark:*:bg-transparent\"\n    >\n      <slot />\n    </div>\n    <span\n      v-if=\"hasSuffix\"\n      class=\"text-muted-foreground bg-muted/50 flex items-center gap-1 border-s px-3 text-sm whitespace-nowrap\"\n    >\n      {{ props.component.suffix }}\n      <Icon\n        :name=\"props.component.suffixIcon\"\n        :class=\"\n          props.component.suffixIconColor && textColorClasses[props.component.suffixIconColor]\n        \"\n      />\n    </span>\n  </div>\n  <slot v-else />\n</template>\n"],"mappings":""}
+{"version":3,"file":"SelectAffixes.js","names":["_sfc_main","SelectAffixes_vue_vue_type_script_setup_true_lang_default","SelectAffixes_default"],"sources":["../../../src/components/fields/SelectAffixes.vue"],"mappings":""}

package/dist/components/fields/SelectAffixes.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectAffixes.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createVNode","Icon","_createTextVNode","_toDisplayString","_createCommentVNode","_createElementVNode","_renderSlot","Icon_default","_hoisted_1","_hoisted_2","_hoisted_3","SelectAffixes_vue_vue_type_script_setup_true_lang_default","props","__props","hasPrefix","computed","hasSuffix","openBlock","createElementBlock","normalizeClass","unref","cn","createVNode","textColorClasses","createTextVNode","toDisplayString","createCommentVNode","createElementVNode","renderSlot","_ctx"],"sources":["../../../src/components/fields/SelectAffixes.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Affixes } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\n\n/** Prefix/suffix text and icons around a select or date picker (with icon colours). */\nconst props = defineProps<{ component: Affixes; error?: string }>()\n\nconst hasPrefix = computed(() => Boolean(props.component.prefix || props.component.prefixIcon))\nconst hasSuffix = computed(() => Boolean(props.component.suffix || props.component.suffixIcon))\n</script>\n\n<template>\n  <div\n    v-if=\"hasPrefix || hasSuffix\"\n    data-slot=\"input-group\"\n    :class=\"\n      cn(\n        'border-input dark:bg-input/30 has-[:focus-visible]:border-ring has-[:focus-visible]:ring-ring/50 flex min-h-9 w-full items-stretch overflow-hidden rounded-md border shadow-xs has-[:focus-visible]:ring-[3px]',\n        props.error && 'border-destructive',\n      )\n    \"\n  >\n    <span\n      v-if=\"hasPrefix\"\n      class=\"text-muted-foreground bg-muted/50 flex items-center gap-1 border-e px-3 text-sm whitespace-nowrap\"\n    >\n      <Icon\n        :name=\"props.component.prefixIcon\"\n        :class=\"\n          props.component.prefixIconColor && textColorClasses[props.component.prefixIconColor]\n        \"\n      />\n      {{ props.component.prefix }}\n    </span>\n    <div\n      class=\"min-w-0 flex-1 *:h-full *:w-full *:rounded-none *:border-0 *:bg-transparent *:shadow-none *:focus-visible:ring-0 dark:*:bg-transparent\"\n    >\n      <slot />\n    </div>\n    <span\n      v-if=\"hasSuffix\"\n      class=\"text-muted-foreground bg-muted/50 flex items-center gap-1 border-s px-3 text-sm whitespace-nowrap\"\n    >\n      {{ props.component.suffix }}\n      <Icon\n        :name=\"props.component.suffixIcon\"\n        :class=\"\n          props.component.suffixIconColor && textColorClasses[props.component.suffixIconColor]\n        \"\n      />\n    </span>\n  </div>\n  <slot v-else />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAQA,IAAMgB,IAAQC,GAERC,IAAYC,QAAe,GAAQH,EAAM,UAAU,UAAUA,EAAM,UAAU,WAAW,GACxFI,IAAYD,QAAe,GAAQH,EAAM,UAAU,UAAUA,EAAM,UAAU,WAAW;mBAKpFE,EAAA,SAAaE,EAAA,SADrBpB,EAAA,GAAAC,EAuCM,OAAA;;GArCJ,aAAU;GACT,OAAKC,EAASC,EAAAsB,CAAA,CAAE,CAAA,kNAAoOT,EAAM,SAAK,oBAAA,CAAA;;GAQxPE,EAAA,SADRlB,EAAA,GAAAC,EAWO,QAXPW,GAWO,CAPLR,EAKED,EAAAE,CAAA,GAAA;IAJC,MAAMW,EAAM,UAAU;IACtB,OAAKd,EAAac,EAAM,UAAU,mBAAmBb,EAAAwB,CAAA,CAAgB,CAACX,EAAM,UAAU,gBAAA;GAGvFV,GAAAA,MAAAA,GAAAA,CAAAA,QAAAA,OAAAA,CAAAA,GAAAA,EAAA,MACFC,EAAGS,EAAM,UAAU,MAAM,GAAA,CAAA,CAAA,CAAA,KAAAc,EAAA,IAAA,EAAA;GAE3BrB,EAIM,OAJNI,GAIM,CADJH,EAAQuB,EAAA,QAAA,SAAA,CAAA,CAAA;GAGFb,EAAA,SADRpB,EAAA,GAAAC,EAWO,QAXPa,GAWO,CAPFR,EAAAC,EAAAS,EAAM,UAAU,MAAM,IAAG,KAC5B,CAAA,GAAAZ,EAKED,EAAAE,CAAA,GAAA;IAJC,MAAMW,EAAM,UAAU;IACtB,OAAKd,EAAac,EAAM,UAAU,mBAAmBb,EAAAwB,CAAA,CAAgB,CAACX,EAAM,UAAU,gBAAA;;EAM7FN,GAAAA,CAAAA,KAAAA,EAAeuB,EAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA"}
+{"version":3,"file":"SelectAffixes.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createVNode","Icon","_createTextVNode","_toDisplayString","_createCommentVNode","_createElementVNode","_renderSlot","Icon_default","_hoisted_1","_hoisted_2","_hoisted_3","SelectAffixes_vue_vue_type_script_setup_true_lang_default","props","__props","hasPrefix","computed","hasSuffix","openBlock","createElementBlock","normalizeClass","unref","cn","createVNode","textColorClasses","createTextVNode","toDisplayString","createCommentVNode","createElementVNode","renderSlot","_ctx"],"sources":["../../../src/components/fields/SelectAffixes.vue"],"mappings":";;;;;;;;;;;;;;;;;;EAQA,IAAMgB,IAAQC,GAERC,IAAYC,QAAe,GAAQH,EAAM,UAAU,UAAUA,EAAM,UAAU,WAAW,GACxFI,IAAYD,QAAe,GAAQH,EAAM,UAAU,UAAUA,EAAM,UAAU,WAAW;mBAKpFE,EAAA,SAAaE,EAAA,SADrBpB,EAAA,GAAAC,EAuCM,OAAA;;GArCJ,aAAU;GACT,OAAKC,EAASC,EAAAsB,CAAA,CAAE,CAAA,kNAAoOT,EAAM,SAAK,oBAAA,CAAA;;GAQxPE,EAAA,SADRlB,EAAA,GAAAC,EAWO,QAXPW,GAWO,CAPLR,EAKED,EAAAE,CAAA,GAAA;IAJC,MAAMW,EAAM,UAAU;IACtB,OAAKd,EAAac,EAAM,UAAU,mBAAmBb,EAAAwB,CAAA,CAAgB,CAACX,EAAM,UAAU,gBAAA;GAGvFV,GAAAA,MAAAA,GAAAA,CAAAA,QAAAA,OAAAA,CAAAA,GAAAA,EAAA,MACFC,EAAGS,EAAM,UAAU,MAAM,GAAA,CAAA,CAAA,CAAA,KAAAc,EAAA,IAAA,EAAA;GAE3BrB,EAIM,OAJNI,GAIM,CADJH,EAAQuB,EAAA,QAAA,SAAA,CAAA,CAAA;GAGFb,EAAA,SADRpB,EAAA,GAAAC,EAWO,QAXPa,GAWO,CAPFR,EAAAC,EAAAS,EAAM,UAAU,MAAM,IAAG,KAC5B,CAAA,GAAAZ,EAKED,EAAAE,CAAA,GAAA;IAJC,MAAMW,EAAM,UAAU;IACtB,OAAKd,EAAac,EAAM,UAAU,mBAAmBb,EAAAwB,CAAA,CAAgB,CAACX,EAAM,UAAU,gBAAA;;EAM7FN,GAAAA,CAAAA,KAAAA,EAAeuB,EAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA"}

package/dist/components/fields/SelectField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.js","names":["_sfc_main","SelectField_vue_vue_type_script_setup_true_lang_default","SelectField_default"],"sources":["../../../src/components/fields/SelectField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { SelectSchema } from '@alfakit/core'\nimport { htmlLabelToText, isOptionGroup } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { useT } from '../../context'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Select from '../ui/Select.vue'\nimport SelectContent from '../ui/SelectContent.vue'\nimport SelectGroup from '../ui/SelectGroup.vue'\nimport SelectItem from '../ui/SelectItem.vue'\nimport SelectLabel from '../ui/SelectLabel.vue'\nimport SelectTrigger from '../ui/SelectTrigger.vue'\nimport SelectValue from '../ui/SelectValue.vue'\nimport ComboboxSelect from './ComboboxSelect.vue'\nimport OptionLabel from './OptionLabel.vue'\nimport SelectAffixes from './SelectAffixes.vue'\n\nconst props = defineProps<{ component: SelectSchema }>()\nconst { value, setValue, blur, error, id, disabled, readOnly, aria } = useField<\n  string | number | Array<string | number> | null\n>(() => props.component)\n\nconst isNative = computed(\n  () => props.component.native && !props.component.multiple && !props.component.searchable,\n)\nconst isSimple = computed(() => !props.component.multiple && !props.component.searchable)\nconst current = computed(() =>\n  value.value === null || value.value === undefined ? '' : String(value.value),\n)\nconst hasValue = computed(\n  () => value.value !== null && value.value !== undefined && value.value !== '',\n)\nconst t = useT()\n/** Text of an option label for native `<option>`s (`allowHtml()` labels are HTML). */\nconst plainLabel = (label: string): string =>\n  props.component.allowHtml ? htmlLabelToText(label) : label\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <SelectAffixes :component=\"props.component\" :error=\"error\">\n      <select\n        v-if=\"isNative\"\n        :id=\"id\"\n        :name=\"props.component.name\"\n        :value=\"current\"\n        :disabled=\"disabled || readOnly\"\n        :required=\"props.component.required\"\n        :aria-invalid=\"aria['aria-invalid']\"\n        :aria-describedby=\"aria['aria-describedby']\"\n        :aria-required=\"aria['aria-required']\"\n        :aria-readonly=\"readOnly || undefined\"\n        class=\"border-input dark:bg-input/30 focus-visible:ring-ring/50 h-9 w-full rounded-md border bg-transparent px-3 text-sm shadow-xs outline-none focus-visible:ring-[3px]\"\n        @change=\"\n          setValue(\n            ($event.target as HTMLSelectElement).value === ''\n              ? null\n              : ($event.target as HTMLSelectElement).value,\n          )\n        \"\n        @blur=\"blur\"\n      >\n        <option v-if=\"props.component.selectablePlaceholder\" value=\"\">\n          {{ props.component.placeholder ?? t('select_option', {}, 'Select an option') }}\n        </option>\n        <template\n          v-for=\"option in props.component.options\"\n          :key=\"isOptionGroup(option) ? option.label : option.value\"\n        >\n          <optgroup v-if=\"isOptionGroup(option)\" :label=\"option.label\">\n            <option\n              v-for=\"item in option.options\"\n              :key=\"item.value\"\n              :value=\"item.value\"\n              :disabled=\"item.disabled\"\n            >\n              {{ plainLabel(item.label) }}\n            </option>\n          </optgroup>\n          <option v-else :value=\"option.value\" :disabled=\"option.disabled\">\n            {{ plainLabel(option.label) }}\n          </option>\n        </template>\n      </select>\n      <Select\n        v-else-if=\"isSimple\"\n        :model-value=\"current\"\n        :disabled=\"disabled || readOnly\"\n        @update:model-value=\"setValue($event === '__none__' ? null : ($event as string))\"\n      >\n        <SelectTrigger\n          :id=\"id\"\n          :aria-invalid=\"aria['aria-invalid']\"\n          :aria-describedby=\"aria['aria-describedby']\"\n          :aria-required=\"aria['aria-required']\"\n          :aria-readonly=\"readOnly || undefined\"\n          class=\"w-full\"\n        >\n          <SelectValue\n            :placeholder=\"props.component.placeholder ?? t('select_option', {}, 'Select an option')\"\n          />\n        </SelectTrigger>\n        <SelectContent>\n          <SelectItem\n            v-if=\"props.component.selectablePlaceholder && hasValue\"\n            value=\"__none__\"\n            class=\"text-muted-foreground\"\n            >{{ props.component.placeholder ?? '—' }}</SelectItem\n          >\n          <template\n            v-for=\"option in props.component.options\"\n            :key=\"isOptionGroup(option) ? option.label : option.value\"\n          >\n            <SelectGroup v-if=\"isOptionGroup(option)\">\n              <SelectLabel>{{ option.label }}</SelectLabel>\n              <SelectItem\n                v-for=\"item in option.options\"\n                :key=\"item.value\"\n                :value=\"item.value\"\n                :disabled=\"item.disabled\"\n              >\n                <OptionLabel\n                  :option=\"item\"\n                  :allow-html=\"props.component.allowHtml\"\n                  :wrap=\"props.component.wrapOptionLabels !== false\"\n                />\n              </SelectItem>\n            </SelectGroup>\n            <SelectItem v-else :value=\"option.value\" :disabled=\"option.disabled\">\n              <OptionLabel\n                :option=\"option\"\n                :allow-html=\"props.component.allowHtml\"\n                :wrap=\"props.component.wrapOptionLabels !== false\"\n              />\n            </SelectItem>\n          </template>\n          <div\n            v-if=\"props.component.options.length === 0\"\n            data-slot=\"select-empty\"\n            class=\"text-muted-foreground px-2 py-1.5 text-sm\"\n          >\n            {{\n              props.component.noOptionsMessage ?? t('form.no_options', {}, 'No options available.')\n            }}\n          </div>\n        </SelectContent>\n      </Select>\n      <ComboboxSelect\n        v-else\n        :id=\"id\"\n        :component=\"props.component\"\n        :value=\"value\"\n        :set-value=\"setValue\"\n        :disabled=\"disabled\"\n        :read-only=\"readOnly\"\n        :error=\"error\"\n        :aria=\"aria\"\n      />\n    </SelectAffixes>\n  </FieldWrapper>\n</template>\n"],"mappings":""}
+{"version":3,"file":"SelectField.js","names":["_sfc_main","SelectField_vue_vue_type_script_setup_true_lang_default","SelectField_default"],"sources":["../../../src/components/fields/SelectField.vue"],"mappings":""}

package/dist/components/fields/SelectField.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createVNode","SelectAffixes","_createElementBlock","_toDisplayString","_createCommentVNode","_Fragment","_renderList","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","_createTextVNode","SelectGroup","SelectLabel","OptionLabel","ComboboxSelect","FieldWrapper_default","SelectAffixes_default","Select_default","SelectContent_default","SelectGroup_default","SelectItem_default","SelectLabel_default","SelectTrigger_default","SelectValue_default","OptionLabel_default","ComboboxSelect_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","SelectField_vue_vue_type_script_setup_true_lang_default","props","__props","useField","isNative","computed","isSimple","current","value","hasValue","t","useT","plainLabel","htmlLabelToText","label","openBlock","createBlock","unref","id","error","withCtx","createVNode","createElementBlock","disabled","readOnly","aria","_cache","setValue","$event","args","blur","toDisplayString","createCommentVNode","Fragment","renderList","isOptionGroup","option","item","createTextVNode"],"sources":["../../../src/components/fields/SelectField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { SelectSchema } from '@alfakit/core'\nimport { htmlLabelToText, isOptionGroup } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { useT } from '../../context'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Select from '../ui/Select.vue'\nimport SelectContent from '../ui/SelectContent.vue'\nimport SelectGroup from '../ui/SelectGroup.vue'\nimport SelectItem from '../ui/SelectItem.vue'\nimport SelectLabel from '../ui/SelectLabel.vue'\nimport SelectTrigger from '../ui/SelectTrigger.vue'\nimport SelectValue from '../ui/SelectValue.vue'\nimport ComboboxSelect from './ComboboxSelect.vue'\nimport OptionLabel from './OptionLabel.vue'\nimport SelectAffixes from './SelectAffixes.vue'\n\nconst props = defineProps<{ component: SelectSchema }>()\nconst { value, setValue, blur, error, id, disabled, readOnly, aria } = useField<\n  string | number | Array<string | number> | null\n>(() => props.component)\n\nconst isNative = computed(\n  () => props.component.native && !props.component.multiple && !props.component.searchable,\n)\nconst isSimple = computed(() => !props.component.multiple && !props.component.searchable)\nconst current = computed(() =>\n  value.value === null || value.value === undefined ? '' : String(value.value),\n)\nconst hasValue = computed(\n  () => value.value !== null && value.value !== undefined && value.value !== '',\n)\nconst t = useT()\n/** Text of an option label for native `<option>`s (`allowHtml()` labels are HTML). */\nconst plainLabel = (label: string): string =>\n  props.component.allowHtml ? htmlLabelToText(label) : label\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <SelectAffixes :component=\"props.component\" :error=\"error\">\n      <select\n        v-if=\"isNative\"\n        :id=\"id\"\n        :name=\"props.component.name\"\n        :value=\"current\"\n        :disabled=\"disabled || readOnly\"\n        :required=\"props.component.required\"\n        :aria-invalid=\"aria['aria-invalid']\"\n        :aria-describedby=\"aria['aria-describedby']\"\n        :aria-required=\"aria['aria-required']\"\n        :aria-readonly=\"readOnly || undefined\"\n        class=\"border-input dark:bg-input/30 focus-visible:ring-ring/50 h-9 w-full rounded-md border bg-transparent px-3 text-sm shadow-xs outline-none focus-visible:ring-[3px]\"\n        @change=\"\n          setValue(\n            ($event.target as HTMLSelectElement).value === ''\n              ? null\n              : ($event.target as HTMLSelectElement).value,\n          )\n        \"\n        @blur=\"blur\"\n      >\n        <option v-if=\"props.component.selectablePlaceholder\" value=\"\">\n          {{ props.component.placeholder ?? t('select_option', {}, 'Select an option') }}\n        </option>\n        <template\n          v-for=\"option in props.component.options\"\n          :key=\"isOptionGroup(option) ? option.label : option.value\"\n        >\n          <optgroup v-if=\"isOptionGroup(option)\" :label=\"option.label\">\n            <option\n              v-for=\"item in option.options\"\n              :key=\"item.value\"\n              :value=\"item.value\"\n              :disabled=\"item.disabled\"\n            >\n              {{ plainLabel(item.label) }}\n            </option>\n          </optgroup>\n          <option v-else :value=\"option.value\" :disabled=\"option.disabled\">\n            {{ plainLabel(option.label) }}\n          </option>\n        </template>\n      </select>\n      <Select\n        v-else-if=\"isSimple\"\n        :model-value=\"current\"\n        :disabled=\"disabled || readOnly\"\n        @update:model-value=\"setValue($event === '__none__' ? null : ($event as string))\"\n      >\n        <SelectTrigger\n          :id=\"id\"\n          :aria-invalid=\"aria['aria-invalid']\"\n          :aria-describedby=\"aria['aria-describedby']\"\n          :aria-required=\"aria['aria-required']\"\n          :aria-readonly=\"readOnly || undefined\"\n          class=\"w-full\"\n        >\n          <SelectValue\n            :placeholder=\"props.component.placeholder ?? t('select_option', {}, 'Select an option')\"\n          />\n        </SelectTrigger>\n        <SelectContent>\n          <SelectItem\n            v-if=\"props.component.selectablePlaceholder && hasValue\"\n            value=\"__none__\"\n            class=\"text-muted-foreground\"\n            >{{ props.component.placeholder ?? '—' }}</SelectItem\n          >\n          <template\n            v-for=\"option in props.component.options\"\n            :key=\"isOptionGroup(option) ? option.label : option.value\"\n          >\n            <SelectGroup v-if=\"isOptionGroup(option)\">\n              <SelectLabel>{{ option.label }}</SelectLabel>\n              <SelectItem\n                v-for=\"item in option.options\"\n                :key=\"item.value\"\n                :value=\"item.value\"\n                :disabled=\"item.disabled\"\n              >\n                <OptionLabel\n                  :option=\"item\"\n                  :allow-html=\"props.component.allowHtml\"\n                  :wrap=\"props.component.wrapOptionLabels !== false\"\n                />\n              </SelectItem>\n            </SelectGroup>\n            <SelectItem v-else :value=\"option.value\" :disabled=\"option.disabled\">\n              <OptionLabel\n                :option=\"option\"\n                :allow-html=\"props.component.allowHtml\"\n                :wrap=\"props.component.wrapOptionLabels !== false\"\n              />\n            </SelectItem>\n          </template>\n          <div\n            v-if=\"props.component.options.length === 0\"\n            data-slot=\"select-empty\"\n            class=\"text-muted-foreground px-2 py-1.5 text-sm\"\n          >\n            {{\n              props.component.noOptionsMessage ?? t('form.no_options', {}, 'No options available.')\n            }}\n          </div>\n        </SelectContent>\n      </Select>\n      <ComboboxSelect\n        v-else\n        :id=\"id\"\n        :component=\"props.component\"\n        :value=\"value\"\n        :set-value=\"setValue\"\n        :disabled=\"disabled\"\n        :read-only=\"readOnly\"\n        :error=\"error\"\n        :aria=\"aria\"\n      />\n    </SelectAffixes>\n  </FieldWrapper>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"SelectField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createVNode","SelectAffixes","_createElementBlock","_toDisplayString","_createCommentVNode","_Fragment","_renderList","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","_createTextVNode","SelectGroup","SelectLabel","OptionLabel","ComboboxSelect","FieldWrapper_default","SelectAffixes_default","Select_default","SelectContent_default","SelectGroup_default","SelectItem_default","SelectLabel_default","SelectTrigger_default","SelectValue_default","OptionLabel_default","ComboboxSelect_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","SelectField_vue_vue_type_script_setup_true_lang_default","props","__props","useField","isNative","computed","isSimple","current","value","hasValue","t","useT","plainLabel","htmlLabelToText","label","openBlock","createBlock","unref","id","error","withCtx","createVNode","createElementBlock","disabled","readOnly","aria","_cache","setValue","$event","args","blur","toDisplayString","createCommentVNode","Fragment","renderList","isOptionGroup","option","item","createTextVNode"],"sources":["../../../src/components/fields/SelectField.vue"],"mappings":"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"}

package/dist/components/fields/SelectReorderList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectReorderList.js","names":["_sfc_main","SelectReorderList_vue_vue_type_script_setup_true_lang_default","SelectReorderList_default"],"sources":["../../../src/components/fields/SelectReorderList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { moveListItem, reorderOffset } from '@alfakit/core'\nimport { GripVerticalIcon, XIcon } from '@lucide/vue'\nimport { nextTick, ref } from 'vue'\nimport { useDirection, useT } from '../../context'\nimport { cn } from '../../lib/utils'\n\n/** The chosen options of a `reorderable()` multi-select, in order. */\nconst props = defineProps<{\n  id: string\n  values: Array<string | number>\n  labelFor: (key: string) => string\n  locked: boolean\n  canRemove: boolean\n  onChange: (values: Array<string | number>) => void\n}>()\n\nconst t = useT()\nconst direction = useDirection()\nconst listRef = ref<HTMLElement | null>(null)\nconst dragIndex = ref<number | null>(null)\nconst announcement = ref('')\n\nconst move = (from: number, to: number) => {\n  if (to < 0 || to >= props.values.length) {\n    return\n  }\n\n  const label = props.labelFor(String(props.values[from]))\n  const total = props.values.length\n  props.onChange(moveListItem(props.values, from, to))\n  announcement.value = t(\n    'form.option_moved',\n    { option: label, position: to + 1, total },\n    ':option moved to position :position of :total',\n  )\n  void nextTick(() =>\n    listRef.value?.querySelectorAll<HTMLElement>('[data-select-chip]')[to]?.focus(),\n  )\n}\n\nconst onKeyDown = (event: KeyboardEvent, index: number) => {\n  const offset = reorderOffset(event, 'horizontal', direction.value)\n\n  if (props.locked || offset === null) {\n    return\n  }\n\n  event.preventDefault()\n  move(index, index + offset)\n}\n\nconst onDrop = (index: number) => {\n  if (dragIndex.value !== null && dragIndex.value !== index) move(dragIndex.value, index)\n  dragIndex.value = null\n}\n\nconst onDragOver = (event: DragEvent) => {\n  if (!props.locked) event.preventDefault()\n}\n</script>\n\n<template>\n  <template v-if=\"props.values.length > 0\">\n    <ul ref=\"listRef\" data-slot=\"select-reorder-list\" class=\"mt-2 flex flex-wrap gap-1.5\">\n      <li\n        v-for=\"(item, index) in props.values\"\n        :key=\"String(item)\"\n        data-select-chip=\"\"\n        :tabindex=\"props.locked ? undefined : 0\"\n        :aria-describedby=\"props.locked ? undefined : `${props.id}-reorder-hint`\"\n        :draggable=\"!props.locked\"\n        :class=\"\n          cn(\n            'bg-secondary text-secondary-foreground focus-visible:ring-ring/50 inline-flex items-center gap-1 rounded-md border px-1.5 py-0.5 text-xs font-medium outline-none focus-visible:ring-[3px]',\n            !props.locked && 'cursor-grab',\n            dragIndex === index && 'opacity-50',\n          )\n        \"\n        @keydown=\"onKeyDown($event, index)\"\n        @dragstart=\"dragIndex = index\"\n        @dragover=\"onDragOver\"\n        @drop=\"onDrop(index)\"\n        @dragend=\"dragIndex = null\"\n      >\n        <GripVerticalIcon\n          v-if=\"!props.locked\"\n          aria-hidden=\"true\"\n          class=\"text-muted-foreground size-3\"\n        />\n        <span>{{ props.labelFor(String(item)) }}</span>\n        <button\n          v-if=\"!props.locked && props.canRemove\"\n          type=\"button\"\n          :aria-label=\"t('form.remove_tag', { tag: props.labelFor(String(item)) }, 'Remove :tag')\"\n          class=\"hover:bg-foreground/10 rounded-sm\"\n          @click=\"props.onChange(props.values.filter((_, i) => i !== index))\"\n        >\n          <XIcon class=\"size-3\" />\n        </button>\n      </li>\n    </ul>\n    <span v-if=\"!props.locked\" :id=\"`${props.id}-reorder-hint`\" class=\"sr-only\">{{\n      t('form.reorder_options_hint', {}, 'Press Alt with an arrow key to move this option.')\n    }}</span>\n    <span aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\">{{ announcement }}</span>\n  </template>\n</template>\n"],"mappings":""}
+{"version":3,"file":"SelectReorderList.js","names":["_sfc_main","SelectReorderList_vue_vue_type_script_setup_true_lang_default","SelectReorderList_default"],"sources":["../../../src/components/fields/SelectReorderList.vue"],"mappings":""}

package/dist/components/fields/SelectReorderList.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectReorderList.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createElementVNode","_renderList","_normalizeClass","_unref","_createBlock","_createCommentVNode","_toDisplayString","_createVNode","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","SelectReorderList_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","direction","useDirection","listRef","ref","dragIndex","announcement","move","to","label","from","total","moveListItem","nextTick","onKeyDown","offset","reorderOffset","event","index","onDrop","onDragOver","openBlock","createElementBlock","Fragment","createElementVNode","renderList","item","normalizeClass","unref","cn","$event","_cache","createCommentVNode","createBlock","GripVerticalIcon","toDisplayString","i","createVNode","XIcon"],"sources":["../../../src/components/fields/SelectReorderList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { moveListItem, reorderOffset } from '@alfakit/core'\nimport { GripVerticalIcon, XIcon } from '@lucide/vue'\nimport { nextTick, ref } from 'vue'\nimport { useDirection, useT } from '../../context'\nimport { cn } from '../../lib/utils'\n\n/** The chosen options of a `reorderable()` multi-select, in order. */\nconst props = defineProps<{\n  id: string\n  values: Array<string | number>\n  labelFor: (key: string) => string\n  locked: boolean\n  canRemove: boolean\n  onChange: (values: Array<string | number>) => void\n}>()\n\nconst t = useT()\nconst direction = useDirection()\nconst listRef = ref<HTMLElement | null>(null)\nconst dragIndex = ref<number | null>(null)\nconst announcement = ref('')\n\nconst move = (from: number, to: number) => {\n  if (to < 0 || to >= props.values.length) {\n    return\n  }\n\n  const label = props.labelFor(String(props.values[from]))\n  const total = props.values.length\n  props.onChange(moveListItem(props.values, from, to))\n  announcement.value = t(\n    'form.option_moved',\n    { option: label, position: to + 1, total },\n    ':option moved to position :position of :total',\n  )\n  void nextTick(() =>\n    listRef.value?.querySelectorAll<HTMLElement>('[data-select-chip]')[to]?.focus(),\n  )\n}\n\nconst onKeyDown = (event: KeyboardEvent, index: number) => {\n  const offset = reorderOffset(event, 'horizontal', direction.value)\n\n  if (props.locked || offset === null) {\n    return\n  }\n\n  event.preventDefault()\n  move(index, index + offset)\n}\n\nconst onDrop = (index: number) => {\n  if (dragIndex.value !== null && dragIndex.value !== index) move(dragIndex.value, index)\n  dragIndex.value = null\n}\n\nconst onDragOver = (event: DragEvent) => {\n  if (!props.locked) event.preventDefault()\n}\n</script>\n\n<template>\n  <template v-if=\"props.values.length > 0\">\n    <ul ref=\"listRef\" data-slot=\"select-reorder-list\" class=\"mt-2 flex flex-wrap gap-1.5\">\n      <li\n        v-for=\"(item, index) in props.values\"\n        :key=\"String(item)\"\n        data-select-chip=\"\"\n        :tabindex=\"props.locked ? undefined : 0\"\n        :aria-describedby=\"props.locked ? undefined : `${props.id}-reorder-hint`\"\n        :draggable=\"!props.locked\"\n        :class=\"\n          cn(\n            'bg-secondary text-secondary-foreground focus-visible:ring-ring/50 inline-flex items-center gap-1 rounded-md border px-1.5 py-0.5 text-xs font-medium outline-none focus-visible:ring-[3px]',\n            !props.locked && 'cursor-grab',\n            dragIndex === index && 'opacity-50',\n          )\n        \"\n        @keydown=\"onKeyDown($event, index)\"\n        @dragstart=\"dragIndex = index\"\n        @dragover=\"onDragOver\"\n        @drop=\"onDrop(index)\"\n        @dragend=\"dragIndex = null\"\n      >\n        <GripVerticalIcon\n          v-if=\"!props.locked\"\n          aria-hidden=\"true\"\n          class=\"text-muted-foreground size-3\"\n        />\n        <span>{{ props.labelFor(String(item)) }}</span>\n        <button\n          v-if=\"!props.locked && props.canRemove\"\n          type=\"button\"\n          :aria-label=\"t('form.remove_tag', { tag: props.labelFor(String(item)) }, 'Remove :tag')\"\n          class=\"hover:bg-foreground/10 rounded-sm\"\n          @click=\"props.onChange(props.values.filter((_, i) => i !== index))\"\n        >\n          <XIcon class=\"size-3\" />\n        </button>\n      </li>\n    </ul>\n    <span v-if=\"!props.locked\" :id=\"`${props.id}-reorder-hint`\" class=\"sr-only\">{{\n      t('form.reorder_options_hint', {}, 'Press Alt with an arrow key to move this option.')\n    }}</span>\n    <span aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\">{{ announcement }}</span>\n  </template>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"SelectReorderList.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createElementVNode","_renderList","_normalizeClass","_unref","_createBlock","_createCommentVNode","_toDisplayString","_createVNode","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","SelectReorderList_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","direction","useDirection","listRef","ref","dragIndex","announcement","move","to","label","from","total","moveListItem","nextTick","onKeyDown","offset","reorderOffset","event","index","onDrop","onDragOver","openBlock","createElementBlock","Fragment","createElementVNode","renderList","item","normalizeClass","unref","cn","$event","_cache","createCommentVNode","createBlock","GripVerticalIcon","toDisplayString","i","createVNode","XIcon"],"sources":["../../../src/components/fields/SelectReorderList.vue"],"mappings":"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"}