@webx-ui/core 0.44.0 → 0.45.0

package/dist/{CodeEditor-gPYUUsSB.js → CodeEditor-MaAGoziu.js}

@@ -6,7 +6,7 @@ import { defaultKeymap as De, historyKeymap as Fe, indentWithTab as Ke, history
 import { autocompletion as te, CompletionContext as Ge, closeBracketsKeymap as Pe, closeBrackets as $e, snippet as Ue } from "@codemirror/autocomplete";
 import { searchKeymap as Je, highlightSelectionMatches as Re } from "@codemirror/search";
 import { linter as qe } from "@codemirror/lint";
-import { m as Y, u as Qe, a as Xe, L as Ye, _ as Ze } from "./index-OwTgLBpg.js";
+import { m as Y, u as Qe, a as Xe, L as Ye, _ as Ze } from "./index-Ba5vX487.js";
 import { jsonParseLinter as et, json as tt } from "@codemirror/lang-json";
 import { javascript as Z, javascriptLanguage as nt, scopeCompletionSource as ot } from "@codemirror/lang-javascript";
 import { html as H, htmlLanguage as ne, htmlCompletionSource as oe } from "@codemirror/lang-html";
@@ -425,4 +425,4 @@ const pt = Te.define([
 export {
   Ht as default
 };
-//# sourceMappingURL=CodeEditor-gPYUUsSB.js.map
+//# sourceMappingURL=CodeEditor-MaAGoziu.js.map

package/dist/{CodeEditor-gPYUUsSB.js.map → CodeEditor-MaAGoziu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor-gPYUUsSB.js","sources":["../src/components/CodeEditor/languages.ts","../src/components/CodeEditor/languageCompletions.ts","../src/components/CodeEditor/highlight.ts","../src/components/CodeEditor/CodeEditor.vue"],"sourcesContent":["import type { Extension } from '@codemirror/state'\nimport { json, jsonParseLinter } from '@codemirror/lang-json'\nimport { javascript } from '@codemirror/lang-javascript'\nimport { html } from '@codemirror/lang-html'\nimport { css } from '@codemirror/lang-css'\nimport { markdown } from '@codemirror/lang-markdown'\nimport { yaml } from '@codemirror/lang-yaml'\nimport { php } from '@codemirror/lang-php'\nimport type { LintSource } from '@codemirror/lint'\nimport { mustacheHighlighting } from './mustache'\nimport type { CodeEditorLanguage } from './types'\n\ninterface LanguageSupport {\n  extension: () => Extension\n  /** Only JSON has a parser cheap enough to run on every keystroke. */\n  linter?: () => LintSource\n}\n\n/**\n * Each entry is a factory rather than an instance: language support carries\n * state fields, and CodeMirror expects a fresh one per editor.\n */\nexport const LANGUAGES: Record<CodeEditorLanguage, LanguageSupport> = {\n  json: { extension: () => json(), linter: () => jsonParseLinter() },\n  javascript: { extension: () => javascript() },\n  typescript: { extension: () => javascript({ typescript: true }) },\n  html: { extension: () => html() },\n  css: { extension: () => css() },\n  markdown: { extension: () => markdown() },\n  yaml: { extension: () => yaml() },\n  php: { extension: () => php() },\n  mustache: { extension: () => mustacheHighlighting() },\n  'mustache-html': { extension: () => [html(), mustacheHighlighting()] },\n  plain: { extension: () => [] },\n}\n","import { EditorSelection, EditorState, type Extension } from '@codemirror/state'\nimport { EditorView } from '@codemirror/view'\nimport { syntaxTree } from '@codemirror/language'\nimport {\n  autocompletion,\n  CompletionContext,\n  type CompletionResult,\n  type CompletionSource,\n} from '@codemirror/autocomplete'\nimport { html, htmlCompletionSource, htmlLanguage } from '@codemirror/lang-html'\nimport { javascriptLanguage, scopeCompletionSource } from '@codemirror/lang-javascript'\n\ntype SyntaxNode = ReturnType<ReturnType<typeof syntaxTree>['resolve']>\n\n/*\n * The trouble this file works around: an open `<script`, `<style` or `<textarea` at the very end\n * of the document — the usual case, typing into an empty editor — is parsed with an empty script\n * behind it. CodeMirror then takes the place for JavaScript: the list offers globals instead of\n * `src`, `async`, `defer`, and `>` closes nothing, since HTML's own auto-closing only runs where\n * HTML is the language. In an open tag it is always HTML's turn, whatever is mounted after it.\n */\n\n/** The open tag the place is in, read from the HTML tree itself rather than the nested one. */\nfunction openTagAt(state: EditorState, pos: number): SyntaxNode | null {\n  for (let node: SyntaxNode | null = syntaxTree(state).resolve(pos, -1); node; node = node.parent) {\n    if (node.name === 'OpenTag' || node.name === 'SelfClosingTag') return node\n    if (node.name === 'Element' || node.name === 'Document') return null\n  }\n\n  return null\n}\n\n/*\n * `override` is a list fixed up front, while the sources of a place depend on the language there:\n * each slot asks for the n-th of them. JavaScript has the most, three — its keywords and snippets,\n * the names of the code itself and the globals added below — so four slots leave one to spare.\n */\nconst SLOTS = 4\n\nfunction slot(index: number): CompletionSource {\n  return (context: CompletionContext) => {\n    const inTag = openTagAt(context.state, context.pos) !== null\n    const sources: readonly CompletionSource[] =\n      inTag && !htmlLanguage.isActiveAt(context.state, context.pos, -1)\n        ? [htmlCompletionSource]\n        : context.state.languageDataAt<CompletionSource>('autocomplete', context.pos)\n    const result = sources[index]?.(context) ?? null\n\n    return inTag ? Promise.resolve(result).then(ownFirst) : result\n  }\n}\n\nlet shared: Set<string> | null = null\n\n/**\n * The attributes every element takes, asked of HTML's own source at a tag it knows nothing about:\n * what it offers there is the global list and nothing else.\n */\nfunction globalAttributes(): Set<string> {\n  if (shared === null) {\n    const state = EditorState.create({ doc: '<x-any ', extensions: html() })\n    const result = htmlCompletionSource(\n      new CompletionContext(state, 7, true),\n    ) as CompletionResult | null\n    shared = new Set(result?.options.map((option) => option.label) ?? [])\n  }\n\n  return shared\n}\n\n/*\n * HTML offers a tag's own attributes and then some ninety global ones, sorted together by name:\n * `<script ` would open on `accesskey` and the `aria-*`, with `src` far below. Its own come first.\n */\nfunction ownFirst(result: CompletionResult | null): CompletionResult | null {\n  if (result === null) return null\n\n  const global = globalAttributes()\n\n  return {\n    ...result,\n    options: result.options.map((option) =>\n      option.type === 'property' && !global.has(option.label) ? { ...option, boost: 1 } : option,\n    ),\n  }\n}\n\n/**\n * `>` typed at the end of an open script, style or textarea writes its closing tag, as HTML's\n * auto-closing does everywhere else.\n */\nconst closeAtTheEnd = EditorView.inputHandler.of((view, from, to, text) => {\n  if (text !== '>' || from !== to || view.state.readOnly) return false\n  if (htmlLanguage.isActiveAt(view.state, from, -1)) return false\n\n  const tag = openTagAt(view.state, from)\n  const name = tag?.getChild('TagName')\n  if (!tag || !name || tag.name !== 'OpenTag' || tag.getChild('EndTag')) return false\n\n  const close = `</${view.state.sliceDoc(name.from, name.to)}>`\n  view.dispatch({\n    changes: { from, insert: '>' + close },\n    selection: EditorSelection.cursor(from + 1),\n    userEvent: 'input.type',\n  })\n\n  return true\n})\n\n/**\n * What the language itself suggests: HTML tags, attributes and their values with the tag closed on\n * `>`, and the JavaScript and CSS nested in it. Each language ships its own source; this switches\n * the list on, adds the globals of the page after a dot — the same `window`, `document` and\n * `console` the code meets on the site — and mends the end of the document.\n */\nexport function languageCompletions(): Extension {\n  return [\n    autocompletion({\n      override: Array.from({ length: SLOTS }, (_, index) => slot(index)),\n      icons: false,\n    }),\n    javascriptLanguage.data.of({ autocomplete: scopeCompletionSource(globalThis) }),\n    closeAtTheEnd,\n  ]\n}\n","import { HighlightStyle } from '@codemirror/language'\nimport { tags as t } from '@lezer/highlight'\n\n/**\n * Syntax colours come from the semantic tokens, so both themes are covered by the\n * same style and a project that re-tints its primary colour re-tints its code too.\n * The palette is deliberately small: five roles, not a rainbow.\n */\nexport const highlightStyle = HighlightStyle.define([\n  { tag: [t.keyword, t.modifier, t.operatorKeyword], color: 'var(--wx-color-primary-active)' },\n  {\n    tag: [t.string, t.special(t.string), t.attributeValue],\n    color: 'var(--wx-color-success-active)',\n  },\n  { tag: [t.number, t.bool, t.null, t.atom, t.literal], color: 'var(--wx-color-warning-active)' },\n  {\n    tag: [t.propertyName, t.attributeName, t.definition(t.variableName), t.labelName],\n    color: 'var(--wx-text-strong)',\n  },\n  { tag: [t.typeName, t.className, t.namespace, t.tagName], color: 'var(--wx-color-primary)' },\n  { tag: [t.function(t.variableName), t.function(t.propertyName)], color: 'var(--wx-text-strong)' },\n  {\n    tag: [t.comment, t.lineComment, t.blockComment, t.meta, t.processingInstruction, t.docComment],\n    color: 'var(--wx-text-muted)',\n    fontStyle: 'italic',\n  },\n  { tag: [t.punctuation, t.operator, t.separator, t.bracket], color: 'var(--wx-text-default)' },\n  { tag: t.invalid, color: 'var(--wx-color-danger)' },\n  // Markdown\n  { tag: t.heading, color: 'var(--wx-text-strong)', fontWeight: '600' },\n  { tag: t.strong, fontWeight: '600' },\n  { tag: t.emphasis, fontStyle: 'italic' },\n  { tag: t.strikethrough, textDecoration: 'line-through' },\n  { tag: [t.link, t.url], color: 'var(--wx-text-link)', textDecoration: 'underline' },\n  { tag: t.monospace, color: 'var(--wx-color-success-active)' },\n])\n","<script setup lang=\"ts\" generic=\"T extends CodeEditorModelValue = string\">\nimport { computed, onBeforeUnmount, onMounted, ref, shallowRef, watch } from 'vue'\nimport { Compartment, EditorState, Prec, type Extension } from '@codemirror/state'\nimport {\n  EditorView,\n  highlightActiveLine,\n  highlightActiveLineGutter,\n  highlightSpecialChars,\n  keymap,\n  lineNumbers,\n  placeholder as placeholderExtension,\n} from '@codemirror/view'\nimport {\n  bracketMatching,\n  foldGutter,\n  foldKeymap,\n  indentOnInput,\n  indentUnit,\n  syntaxHighlighting,\n} from '@codemirror/language'\nimport { defaultKeymap, history, historyKeymap, indentWithTab } from '@codemirror/commands'\nimport {\n  autocompletion,\n  closeBrackets,\n  closeBracketsKeymap,\n  snippet,\n  type Completion,\n  type CompletionContext,\n  type CompletionResult,\n} from '@codemirror/autocomplete'\nimport { highlightSelectionMatches, searchKeymap } from '@codemirror/search'\nimport { linter, type Diagnostic } from '@codemirror/lint'\nimport { useFormField } from '../../composables/useFormField'\nimport { useLocalized } from '../../composables/useLocalized'\nimport LocalePicker from '../Locales/LocalePicker.vue'\nimport { LANGUAGES } from './languages'\nimport { languageCompletions } from './languageCompletions'\nimport { highlightStyle } from './highlight'\nimport type {\n  CodeEditorCompletion,\n  CodeEditorCompletionResult,\n  CodeEditorDiagnostic,\n  CodeEditorEmits,\n  CodeEditorModelValue,\n  CodeEditorProps,\n} from './types'\n\ndefineOptions({ name: 'WxCodeEditor', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<CodeEditorProps>(), {\n  language: 'plain',\n  placeholder: undefined,\n  disabled: undefined,\n  readonly: false,\n  size: undefined,\n  status: undefined,\n  id: undefined,\n  ariaLabel: undefined,\n  minHeight: '160px',\n  maxHeight: undefined,\n  lineNumbers: true,\n  lineWrapping: false,\n  tabSize: 2,\n  lint: true,\n  completions: undefined,\n  languageCompletions: false,\n  localized: false,\n  singleLine: false,\n  extensions: () => [],\n})\n\nconst emit = defineEmits<CodeEditorEmits>()\n\n/*\n * Generic so that a plain editor stays a `string` to whoever binds it, and a localized one is the\n * map of languages it edits.\n */\nconst model = defineModel<T>({ default: '' as never })\n\nconst field = useFormField(props)\nconst locales = useLocalized(props, model)\n\n/** The language on screen, or nothing at all when the field is plain. */\nconst editing = computed(() => (locales.on.value ? locales.active.value : undefined))\n\n/** The text of the language on screen: what the editor holds. */\nconst current = computed(() => locales.read(editing.value))\nconst host = ref<HTMLElement | null>(null)\nconst view = shallowRef<EditorView | null>(null)\nconst focused = ref(false)\n\nconst editable = computed(() => !field.disabled.value && !props.readonly)\n\n/**\n * Everything that can change after mount lives in a compartment, so a prop change\n * is a reconfigure of that slot rather than a rebuild of the whole editor.\n */\nconst compartments = {\n  language: new Compartment(),\n  lint: new Compartment(),\n  editable: new Compartment(),\n  gutter: new Compartment(),\n  wrapping: new Compartment(),\n  indent: new Compartment(),\n  placeholder: new Compartment(),\n  attributes: new Compartment(),\n  completion: new Compartment(),\n  keys: new Compartment(),\n  line: new Compartment(),\n  extra: new Compartment(),\n}\n\nfunction languageExtension(): Extension {\n  return LANGUAGES[props.language].extension()\n}\n\nfunction lintExtension(): Extension {\n  const source = LANGUAGES[props.language].linter\n  if (!props.lint || !source) return []\n  const run = source()\n  // Wrapping the source is the only hook for reporting results outward: the\n  // diagnostics themselves stay inside the editor's own state.\n  return linter(\n    async (instance) => {\n      const found = (await run(instance)).map((diagnostic) => widen(diagnostic, instance.state))\n      emit('lint', found.map(toDiagnostic))\n      return found\n    },\n    { delay: 300 },\n  )\n}\n\n/**\n * A parser reports \"unexpected token at 23\" as an empty range, which CodeMirror\n * draws as a dot nobody notices. Underline from there to the end of the line instead.\n */\nfunction widen(diagnostic: Diagnostic, state: EditorState): Diagnostic {\n  if (diagnostic.from !== diagnostic.to) return diagnostic\n  const line = state.doc.lineAt(diagnostic.from)\n  if (diagnostic.from < line.to) return { ...diagnostic, to: line.to }\n  if (diagnostic.from > line.from) return { ...diagnostic, from: line.from }\n  return diagnostic\n}\n\nfunction toDiagnostic(diagnostic: Diagnostic): CodeEditorDiagnostic {\n  return {\n    from: diagnostic.from,\n    to: diagnostic.to,\n    severity: diagnostic.severity,\n    message: diagnostic.message,\n  }\n}\n\n/**\n * A suggestion as CodeMirror takes it: an `apply` with `${}` in it is a snippet. `extra` is how\n * much past the caret it replaces — the `}}` closing brackets typed after it.\n */\nfunction toCompletion(option: CodeEditorCompletion, extra: number): Completion {\n  const given = option.apply ?? option.label\n  const write = given.includes('${') ? snippet(given) : null\n\n  return {\n    label: option.label,\n    detail: option.detail,\n    info: option.info,\n    type: option.type,\n    boost: option.boost,\n    apply:\n      extra === 0 && write === null\n        ? option.apply\n        : (view, completion, from, to) => {\n            const end = Math.min(view.state.doc.length, to + extra)\n\n            if (write !== null) {\n              write(view, completion, from, end)\n\n              return\n            }\n\n            view.dispatch({\n              changes: { from, to: end, insert: given },\n              selection: { anchor: from + given.length },\n              userEvent: 'input.complete',\n            })\n          },\n  }\n}\n\n/*\n * CodeMirror matches what was typed against the text from `from` to `to`, so a result that\n * reaches past the caret would be matched against that tail and offer nothing. It is told only\n * where the word starts; the tail is replaced when a suggestion is taken.\n */\nfunction toResult(result: CodeEditorCompletionResult, pos: number): CompletionResult {\n  const extra = Math.max(0, (result.to ?? pos) - pos)\n\n  return { from: result.from, options: result.options.map((option) => toCompletion(option, extra)) }\n}\n\n/**\n * The completions prop on CodeMirror's own completion: a list completes the word before the\n * caret, a function is asked about every place and says where its suggestions belong.\n */\nfunction completionExtension(): Extension {\n  const given = props.completions\n\n  if (given === undefined) return props.languageCompletions ? languageCompletions() : []\n\n  const source = (context: CompletionContext): CompletionResult | null => {\n    if (typeof given === 'function') {\n      const result = given({\n        text: context.state.doc.toString(),\n        pos: context.pos,\n        explicit: context.explicit,\n      })\n\n      return result === null ? null : toResult(result, context.pos)\n    }\n\n    const word = context.matchBefore(/[\\w.]*/)\n\n    if (word === null || (word.from === word.to && !context.explicit)) return null\n\n    return toResult({ from: word.from, options: given }, context.pos)\n  }\n\n  return autocompletion({ override: [source], icons: false })\n}\n\n/*\n * Tab indents a document; in a one-line field it moves on to the next field, as in any input.\n */\nfunction keysExtension(): Extension {\n  return keymap.of([\n    ...closeBracketsKeymap,\n    ...defaultKeymap,\n    ...searchKeymap,\n    ...historyKeymap,\n    ...foldKeymap,\n    ...(props.singleLine ? [] : [indentWithTab]),\n  ])\n}\n\n/**\n * One line, like an input: Enter takes a suggestion when the list is open (its keys come first)\n * and does nothing otherwise, and a line break typed, pasted or dropped in becomes a space.\n */\nfunction lineExtension(): Extension {\n  if (!props.singleLine) return []\n\n  const nothing = () => true\n\n  return [\n    Prec.high(\n      keymap.of([\n        { key: 'Enter', run: nothing },\n        { key: 'Shift-Enter', run: nothing },\n        { key: 'Mod-Enter', run: nothing },\n      ]),\n    ),\n    EditorState.transactionFilter.of((transaction) => {\n      if (!transaction.docChanged || transaction.newDoc.lines === 1) return transaction\n\n      const changes: { from: number; to: number; insert: string }[] = []\n\n      transaction.changes.iterChanges((from, to, _fromB, _toB, inserted) => {\n        changes.push({ from, to, insert: inserted.toString().replace(/\\n/g, ' ') })\n      })\n\n      // A line break is one character, as is the space: the selection stays where it was.\n      return {\n        changes,\n        selection: transaction.selection,\n        effects: transaction.effects,\n        scrollIntoView: transaction.scrollIntoView,\n      }\n    }),\n  ]\n}\n\nfunction editableExtension(): Extension {\n  const enabled = editable.value\n  return [EditorState.readOnly.of(!enabled), EditorView.editable.of(enabled)]\n}\n\nfunction gutterExtension(): Extension {\n  if (!props.lineNumbers) return []\n  return [lineNumbers(), highlightActiveLineGutter(), foldGutter()]\n}\n\nfunction wrappingExtension(): Extension {\n  return props.lineWrapping ? EditorView.lineWrapping : []\n}\n\nfunction indentExtension(): Extension {\n  return [EditorState.tabSize.of(props.tabSize), indentUnit.of(' '.repeat(props.tabSize))]\n}\n\nfunction placeholderExtensionFor(): Extension {\n  return props.placeholder ? placeholderExtension(props.placeholder) : []\n}\n\nfunction attributesExtension(): Extension {\n  const attributes: Record<string, string> = { id: field.id.value }\n  if (props.ariaLabel) attributes['aria-label'] = props.ariaLabel\n  if (field.describedBy.value) attributes['aria-describedby'] = field.describedBy.value\n  if (field.status.value === 'error') attributes['aria-invalid'] = 'true'\n  // A disabled editor is skipped by Tab; a read-only one can still be scrolled into.\n  if (field.disabled.value) {\n    attributes.tabindex = '-1'\n    attributes['aria-disabled'] = 'true'\n  }\n  return EditorView.contentAttributes.of(attributes)\n}\n\nfunction buildState(doc: string): EditorState {\n  return EditorState.create({\n    doc,\n    extensions: [\n      highlightSpecialChars(),\n      history(),\n      bracketMatching(),\n      closeBrackets(),\n      indentOnInput(),\n      highlightActiveLine(),\n      highlightSelectionMatches(),\n      syntaxHighlighting(highlightStyle),\n      compartments.keys.of(keysExtension()),\n      compartments.line.of(lineExtension()),\n      compartments.language.of(languageExtension()),\n      compartments.lint.of(lintExtension()),\n      compartments.editable.of(editableExtension()),\n      compartments.gutter.of(gutterExtension()),\n      compartments.wrapping.of(wrappingExtension()),\n      compartments.indent.of(indentExtension()),\n      compartments.placeholder.of(placeholderExtensionFor()),\n      compartments.attributes.of(attributesExtension()),\n      compartments.completion.of(completionExtension()),\n      compartments.extra.of(props.extensions),\n      EditorView.updateListener.of((update) => {\n        if (!update.docChanged || replacing) return\n        const value = update.state.doc.toString()\n        locales.write(editing.value, value)\n        emit('change', value)\n      }),\n      EditorView.domEventHandlers({\n        focus: () => {\n          focused.value = true\n          emit('focus')\n        },\n        blur: () => {\n          focused.value = false\n          emit('blur')\n        },\n      }),\n    ],\n  })\n}\n\nonMounted(() => {\n  if (!host.value) return\n  view.value = new EditorView({ state: buildState(current.value), parent: host.value })\n})\n\nonBeforeUnmount(() => {\n  view.value?.destroy()\n  view.value = null\n})\n\n/*\n * Set while the document is swapped for another language's: that is not an edit of this one, and\n * written back it would copy one language's text into the other.\n */\nlet replacing = false\n\n/** Replaces the document only when the value really differs, or the caret jumps. */\nfunction follow(next: string, language: boolean): void {\n  const instance = view.value\n  if (!instance) return\n  const shown = instance.state.doc.toString()\n  if (next === shown) return\n  replacing = language\n  instance.dispatch({ changes: { from: 0, to: shown.length, insert: next } })\n  replacing = false\n}\n\nwatch(current, (next) => follow(next, false))\nwatch(editing, () => follow(current.value, true))\n\nfunction reconfigure(compartment: Compartment, extension: Extension) {\n  view.value?.dispatch({ effects: compartment.reconfigure(extension) })\n}\n\nwatch(\n  () => props.language,\n  () => {\n    reconfigure(compartments.language, languageExtension())\n    reconfigure(compartments.lint, lintExtension())\n  },\n)\nwatch(\n  () => props.lint,\n  () => reconfigure(compartments.lint, lintExtension()),\n)\nwatch(editable, () => reconfigure(compartments.editable, editableExtension()))\nwatch(\n  () => props.lineNumbers,\n  () => reconfigure(compartments.gutter, gutterExtension()),\n)\nwatch(\n  () => props.lineWrapping,\n  () => reconfigure(compartments.wrapping, wrappingExtension()),\n)\nwatch(\n  () => props.tabSize,\n  () => reconfigure(compartments.indent, indentExtension()),\n)\nwatch(\n  () => props.placeholder,\n  () => reconfigure(compartments.placeholder, placeholderExtensionFor()),\n)\nwatch([() => props.ariaLabel, field.id, field.describedBy, field.status, field.disabled], () =>\n  reconfigure(compartments.attributes, attributesExtension()),\n)\nwatch([() => props.completions, () => props.languageCompletions], () =>\n  reconfigure(compartments.completion, completionExtension()),\n)\nwatch(\n  () => props.singleLine,\n  () => {\n    reconfigure(compartments.keys, keysExtension())\n    reconfigure(compartments.line, lineExtension())\n  },\n)\nwatch(\n  () => props.extensions,\n  (extensions) => reconfigure(compartments.extra, extensions),\n)\n\nfunction format(): boolean {\n  const instance = view.value\n  if (!instance || props.language !== 'json' || !editable.value) return false\n  const current = instance.state.doc.toString()\n  let parsed: unknown\n  try {\n    parsed = JSON.parse(current)\n  } catch {\n    return false\n  }\n  const next = JSON.stringify(parsed, null, props.tabSize)\n  if (next !== current) {\n    instance.dispatch({ changes: { from: 0, to: current.length, insert: next } })\n  }\n  return true\n}\n\nconst classes = computed(() => [\n  'wx-code-editor',\n  `wx-code-editor--${field.size.value}`,\n  {\n    [`wx-code-editor--${field.status.value}`]: field.status.value !== 'default',\n    'is-focused': focused.value,\n    'is-disabled': field.disabled.value,\n    'is-readonly': props.readonly,\n    'is-localized': locales.on.value,\n    'is-single-line': props.singleLine,\n  },\n])\n\nconst style = computed(() => ({\n  '--wx-code-editor-min-height': props.minHeight,\n  '--wx-code-editor-max-height': props.maxHeight ?? 'none',\n}))\n\n/** Same as the other text fields: the caret follows the language into this one. */\nfunction choose(code: string): void {\n  locales.active.value = code\n  view.value?.focus()\n}\n\ndefineExpose({\n  view,\n  focus: () => view.value?.focus(),\n  format,\n})\n</script>\n\n<template>\n  <div :class=\"classes\" :style=\"style\">\n    <div ref=\"host\" class=\"wx-code-editor__host\" />\n\n    <locale-picker\n      v-if=\"locales.on.value\"\n      :locales=\"locales.list.value\"\n      :active=\"locales.active.value\"\n      @choose=\"choose\"\n    />\n  </div>\n</template>\n\n<style scoped>\n.wx-code-editor {\n  /* Tall like a textarea: the chip is pinned near the top, a size smaller. */\n  --wx-locale-picker-height: 20px;\n  --wx-locale-picker-top: var(--wx-space-6);\n  --wx-locale-picker-shift: 0;\n\n  position: relative;\n  display: block;\n  box-sizing: border-box;\n  width: 100%;\n  background: var(--wx-bg-surface);\n  border: 1px solid var(--wx-border-default);\n  border-radius: var(--wx-radius-control);\n  color: var(--wx-text-default);\n  transition:\n    border-color var(--wx-duration-normal) var(--wx-easing-standard),\n    background-color var(--wx-duration-normal) var(--wx-easing-standard);\n}\n\n.wx-code-editor:hover:not(.is-disabled) {\n  border-color: var(--wx-border-strong);\n}\n\n.wx-code-editor.is-focused {\n  border-color: var(--wx-border-focus);\n}\n\n.wx-code-editor--error,\n.wx-code-editor--error.is-focused {\n  border-color: var(--wx-color-danger);\n}\n\n.wx-code-editor--success,\n.wx-code-editor--success.is-focused {\n  border-color: var(--wx-color-success);\n}\n\n.wx-code-editor--warning,\n.wx-code-editor--warning.is-focused {\n  border-color: var(--wx-color-warning);\n}\n\n.wx-code-editor.is-disabled {\n  background: var(--wx-bg-disabled);\n  color: var(--wx-text-disabled);\n}\n\n.wx-code-editor--sm {\n  font-size: var(--wx-font-size-control-sm);\n}\n\n.wx-code-editor--md {\n  font-size: var(--wx-font-size-control-md);\n}\n\n.wx-code-editor--lg {\n  font-size: var(--wx-font-size-control-lg);\n}\n\n/*\n * CodeMirror mounts its own tree under the host, so everything below reaches it\n * through :deep(). The editor's base theme is left in place for layout and\n * overridden only where it paints a colour.\n */\n.wx-code-editor :deep(.cm-editor) {\n  min-height: var(--wx-code-editor-min-height);\n  max-height: var(--wx-code-editor-max-height);\n  border-radius: inherit;\n  color: inherit;\n}\n\n.wx-code-editor :deep(.cm-editor.cm-focused) {\n  outline: none;\n}\n\n.wx-code-editor :deep(.cm-scroller) {\n  font-family: var(--wx-font-family-mono);\n  font-size: inherit;\n  line-height: var(--wx-font-line-height-normal);\n  border-radius: inherit;\n}\n\n.wx-code-editor :deep(.cm-content) {\n  padding: var(--wx-space-8) 0;\n  caret-color: var(--wx-text-default);\n}\n\n.wx-code-editor :deep(.cm-line) {\n  padding: 0 var(--wx-space-12);\n}\n\n/*\n * One line: as tall as an input of the same size, the line in the middle, a long one scrolled\n * sideways under the caret rather than wrapped.\n */\n.wx-code-editor.is-single-line {\n  --wx-locale-picker-height: 24px;\n  --wx-locale-picker-top: 50%;\n  --wx-locale-picker-shift: calc(-1 * (var(--wx-locale-picker-height) / 2 + 3px));\n}\n\n.wx-code-editor.is-single-line :deep(.cm-editor) {\n  min-height: 0;\n  height: calc(var(--wx-size-control-md) - 2px);\n}\n\n.wx-code-editor--sm.is-single-line :deep(.cm-editor) {\n  height: calc(var(--wx-size-control-sm) - 2px);\n}\n\n.wx-code-editor--lg.is-single-line :deep(.cm-editor) {\n  height: calc(var(--wx-size-control-lg) - 2px);\n}\n\n.wx-code-editor.is-single-line :deep(.cm-scroller) {\n  overflow-y: hidden;\n  scrollbar-width: none;\n}\n\n/* CodeMirror pins the scroller's children to the top with !important; the line centres itself. */\n.wx-code-editor.is-single-line :deep(.cm-content) {\n  align-self: center;\n  min-height: 0;\n  padding: 0;\n}\n\n.wx-code-editor.is-single-line :deep(.cm-activeLine) {\n  background: transparent;\n}\n\n/* Room for the language chip, so the end of a long line is never under it. */\n.wx-code-editor.is-localized :deep(.cm-content) {\n  padding-right: var(--wx-space-48);\n}\n\n/*\n * Mustache tags (`language=\"mustache\"`): marks over the language underneath, in the palette of\n * the rest of the code — a value in the primary colour, a section bold, a comment muted.\n */\n.wx-code-editor :deep(.wx-cm-mustache) {\n  color: var(--wx-color-primary-active);\n}\n\n.wx-code-editor :deep(.wx-cm-mustache--section) {\n  color: var(--wx-color-warning-active);\n  font-weight: 600;\n}\n\n.wx-code-editor :deep(.wx-cm-mustache--comment) {\n  color: var(--wx-text-muted);\n  font-style: italic;\n}\n\n.wx-code-editor :deep(.wx-cm-mustache--invalid) {\n  color: var(--wx-color-danger);\n  text-decoration: underline wavy var(--wx-color-danger);\n  text-underline-offset: 3px;\n}\n\n/* A mark inside a mark keeps the tag's colour over the HTML highlighter's. */\n.wx-code-editor :deep(.wx-cm-mustache span) {\n  color: inherit;\n}\n\n.wx-code-editor :deep(.cm-cursor) {\n  border-left-color: var(--wx-text-default);\n}\n\n.wx-code-editor :deep(.cm-placeholder) {\n  color: var(--wx-text-placeholder);\n}\n\n.wx-code-editor :deep(.cm-gutters) {\n  background: var(--wx-bg-subtle);\n  border-right: 1px solid var(--wx-border-muted);\n  color: var(--wx-text-muted);\n}\n\n.wx-code-editor :deep(.cm-lineNumbers .cm-gutterElement) {\n  padding: 0 var(--wx-space-8) 0 var(--wx-space-12);\n  min-width: 0;\n}\n\n.wx-code-editor :deep(.cm-foldGutter .cm-gutterElement) {\n  padding: 0 var(--wx-space-4);\n  cursor: pointer;\n}\n\n.wx-code-editor :deep(.cm-activeLine) {\n  background: var(--wx-bg-muted);\n}\n\n.wx-code-editor :deep(.cm-activeLineGutter) {\n  background: var(--wx-bg-muted);\n  color: var(--wx-text-default);\n}\n\n.wx-code-editor.is-disabled :deep(.cm-activeLine),\n.wx-code-editor.is-disabled :deep(.cm-activeLineGutter) {\n  background: transparent;\n}\n\n.wx-code-editor :deep(.cm-selectionMatch) {\n  background: var(--wx-color-primary-soft);\n}\n\n.wx-code-editor :deep(.cm-matchingBracket),\n.wx-code-editor :deep(.cm-focused .cm-matchingBracket) {\n  background: var(--wx-color-primary-soft);\n  outline: 1px solid var(--wx-color-primary-disabled);\n}\n\n.wx-code-editor :deep(.cm-nonmatchingBracket),\n.wx-code-editor :deep(.cm-focused .cm-nonmatchingBracket) {\n  background: var(--wx-color-danger-soft);\n  outline: 1px solid var(--wx-color-danger);\n}\n\n.wx-code-editor :deep(.cm-foldPlaceholder) {\n  margin: 0 var(--wx-space-2);\n  padding: 0 var(--wx-space-4);\n  background: var(--wx-bg-fill);\n  border: none;\n  border-radius: var(--wx-radius-xs);\n  color: var(--wx-text-muted);\n}\n\n.wx-code-editor :deep(.cm-lintRange-error) {\n  background-image: none;\n  text-decoration: underline wavy var(--wx-color-danger);\n  text-underline-offset: 3px;\n}\n\n.wx-code-editor :deep(.cm-lintRange-warning) {\n  background-image: none;\n  text-decoration: underline wavy var(--wx-color-warning);\n  text-underline-offset: 3px;\n}\n\n/* Tooltips and the search panel are portalled inside the editor, so they inherit tokens. */\n.wx-code-editor :deep(.cm-tooltip) {\n  /* The surface a popover stands on; `--wx-bg-overlay` is the dimming behind a dialog. */\n  background: var(--wx-bg-surface);\n  border: 1px solid var(--wx-border-default);\n  border-radius: var(--wx-radius-sm);\n  box-shadow: var(--wx-shadow-md);\n  color: var(--wx-text-default);\n  font-family: var(--wx-font-family-sans);\n  font-size: var(--wx-font-size-sm);\n}\n\n.wx-code-editor :deep(.cm-tooltip-lint) {\n  padding: var(--wx-space-4) 0;\n}\n\n/* The list an `autocompletion()` passed through `extensions` opens. */\n.wx-code-editor :deep(.cm-tooltip-autocomplete > ul) {\n  max-height: 16em;\n  padding: var(--wx-space-4) 0;\n  font-family: var(--wx-font-family-mono);\n}\n\n.wx-code-editor :deep(.cm-tooltip-autocomplete > ul > li) {\n  display: flex;\n  gap: var(--wx-space-12);\n  align-items: baseline;\n  padding: var(--wx-space-2) var(--wx-space-8);\n}\n\n.wx-code-editor :deep(.cm-tooltip-autocomplete > ul > li[aria-selected]) {\n  background: var(--wx-color-primary-soft);\n  color: var(--wx-text-default);\n}\n\n.wx-code-editor :deep(.cm-completionMatchedText) {\n  text-decoration: none;\n  font-weight: 600;\n}\n\n.wx-code-editor :deep(.cm-completionDetail) {\n  margin-left: auto;\n  font-style: normal;\n  font-family: var(--wx-font-family-sans);\n  color: var(--wx-text-muted);\n}\n\n.wx-code-editor :deep(.cm-completionInfo) {\n  padding: var(--wx-space-6) var(--wx-space-8);\n  max-width: 320px;\n}\n\n.wx-code-editor :deep(.cm-diagnostic) {\n  padding: var(--wx-space-2) var(--wx-space-8);\n  border-left-width: 3px;\n}\n\n.wx-code-editor :deep(.cm-diagnostic-error) {\n  border-left-color: var(--wx-color-danger);\n}\n\n.wx-code-editor :deep(.cm-diagnostic-warning) {\n  border-left-color: var(--wx-color-warning);\n}\n\n.wx-code-editor :deep(.cm-panels) {\n  background: var(--wx-bg-subtle);\n  border-color: var(--wx-border-muted);\n  color: var(--wx-text-default);\n  font-family: var(--wx-font-family-sans);\n  font-size: var(--wx-font-size-sm);\n}\n\n.wx-code-editor :deep(.cm-panel.cm-search) {\n  padding: var(--wx-space-6) var(--wx-space-8);\n}\n\n.wx-code-editor :deep(.cm-panel.cm-search input),\n.wx-code-editor :deep(.cm-panel.cm-search button) {\n  margin: 0 var(--wx-space-4) var(--wx-space-2) 0;\n  padding: var(--wx-space-2) var(--wx-space-6);\n  background: var(--wx-bg-surface);\n  border: 1px solid var(--wx-border-default);\n  border-radius: var(--wx-radius-xs);\n  color: inherit;\n  font: inherit;\n}\n\n.wx-code-editor :deep(.cm-panel.cm-search button) {\n  background-image: none;\n  cursor: pointer;\n}\n\n.wx-code-editor :deep(.cm-searchMatch) {\n  background: var(--wx-color-warning-soft);\n}\n\n.wx-code-editor :deep(.cm-searchMatch.cm-searchMatch-selected) {\n  background: var(--wx-color-warning-disabled);\n}\n</style>\n"],"names":["LANGUAGES","json","jsonParseLinter","javascript","html","css","markdown","yaml","php","mustacheHighlighting","openTagAt","state","pos","node","syntaxTree","SLOTS","slot","index","context","inTag","result","htmlLanguage","htmlCompletionSource","ownFirst","shared","globalAttributes","EditorState","CompletionContext","option","global","closeAtTheEnd","EditorView","view","from","to","text","tag","name","close","EditorSelection","languageCompletions","autocompletion","_","javascriptLanguage","scopeCompletionSource","highlightStyle","HighlightStyle","t","props","__props","emit","__emit","model","_useModel","field","useFormField","locales","useLocalized","editing","computed","current","host","ref","shallowRef","focused","editable","compartments","Compartment","languageExtension","lintExtension","source","run","linter","instance","found","diagnostic","widen","toDiagnostic","line","toCompletion","extra","given","write","snippet","completion","end","toResult","completionExtension","word","keysExtension","keymap","closeBracketsKeymap","defaultKeymap","searchKeymap","historyKeymap","foldKeymap","indentWithTab","lineExtension","nothing","Prec","transaction","changes","_fromB","_toB","inserted","editableExtension","enabled","gutterExtension","lineNumbers","highlightActiveLineGutter","foldGutter","wrappingExtension","indentExtension","indentUnit","placeholderExtensionFor","placeholderExtension","attributesExtension","attributes","buildState","doc","highlightSpecialChars","history","bracketMatching","closeBrackets","indentOnInput","highlightActiveLine","highlightSelectionMatches","syntaxHighlighting","update","replacing","value","onMounted","onBeforeUnmount","follow","next","language","shown","watch","reconfigure","compartment","extension","extensions","format","parsed","classes","style","choose","code","__expose","_createElementBlock","_createElementVNode","_unref","_createBlock","LocalePicker"],"mappings":"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"}
+{"version":3,"file":"CodeEditor-MaAGoziu.js","sources":["../src/components/CodeEditor/languages.ts","../src/components/CodeEditor/languageCompletions.ts","../src/components/CodeEditor/highlight.ts","../src/components/CodeEditor/CodeEditor.vue"],"sourcesContent":["import type { Extension } from '@codemirror/state'\nimport { json, jsonParseLinter } from '@codemirror/lang-json'\nimport { javascript } from '@codemirror/lang-javascript'\nimport { html } from '@codemirror/lang-html'\nimport { css } from '@codemirror/lang-css'\nimport { markdown } from '@codemirror/lang-markdown'\nimport { yaml } from '@codemirror/lang-yaml'\nimport { php } from '@codemirror/lang-php'\nimport type { LintSource } from '@codemirror/lint'\nimport { mustacheHighlighting } from './mustache'\nimport type { CodeEditorLanguage } from './types'\n\ninterface LanguageSupport {\n  extension: () => Extension\n  /** Only JSON has a parser cheap enough to run on every keystroke. */\n  linter?: () => LintSource\n}\n\n/**\n * Each entry is a factory rather than an instance: language support carries\n * state fields, and CodeMirror expects a fresh one per editor.\n */\nexport const LANGUAGES: Record<CodeEditorLanguage, LanguageSupport> = {\n  json: { extension: () => json(), linter: () => jsonParseLinter() },\n  javascript: { extension: () => javascript() },\n  typescript: { extension: () => javascript({ typescript: true }) },\n  html: { extension: () => html() },\n  css: { extension: () => css() },\n  markdown: { extension: () => markdown() },\n  yaml: { extension: () => yaml() },\n  php: { extension: () => php() },\n  mustache: { extension: () => mustacheHighlighting() },\n  'mustache-html': { extension: () => [html(), mustacheHighlighting()] },\n  plain: { extension: () => [] },\n}\n","import { EditorSelection, EditorState, type Extension } from '@codemirror/state'\nimport { EditorView } from '@codemirror/view'\nimport { syntaxTree } from '@codemirror/language'\nimport {\n  autocompletion,\n  CompletionContext,\n  type CompletionResult,\n  type CompletionSource,\n} from '@codemirror/autocomplete'\nimport { html, htmlCompletionSource, htmlLanguage } from '@codemirror/lang-html'\nimport { javascriptLanguage, scopeCompletionSource } from '@codemirror/lang-javascript'\n\ntype SyntaxNode = ReturnType<ReturnType<typeof syntaxTree>['resolve']>\n\n/*\n * The trouble this file works around: an open `<script`, `<style` or `<textarea` at the very end\n * of the document — the usual case, typing into an empty editor — is parsed with an empty script\n * behind it. CodeMirror then takes the place for JavaScript: the list offers globals instead of\n * `src`, `async`, `defer`, and `>` closes nothing, since HTML's own auto-closing only runs where\n * HTML is the language. In an open tag it is always HTML's turn, whatever is mounted after it.\n */\n\n/** The open tag the place is in, read from the HTML tree itself rather than the nested one. */\nfunction openTagAt(state: EditorState, pos: number): SyntaxNode | null {\n  for (let node: SyntaxNode | null = syntaxTree(state).resolve(pos, -1); node; node = node.parent) {\n    if (node.name === 'OpenTag' || node.name === 'SelfClosingTag') return node\n    if (node.name === 'Element' || node.name === 'Document') return null\n  }\n\n  return null\n}\n\n/*\n * `override` is a list fixed up front, while the sources of a place depend on the language there:\n * each slot asks for the n-th of them. JavaScript has the most, three — its keywords and snippets,\n * the names of the code itself and the globals added below — so four slots leave one to spare.\n */\nconst SLOTS = 4\n\nfunction slot(index: number): CompletionSource {\n  return (context: CompletionContext) => {\n    const inTag = openTagAt(context.state, context.pos) !== null\n    const sources: readonly CompletionSource[] =\n      inTag && !htmlLanguage.isActiveAt(context.state, context.pos, -1)\n        ? [htmlCompletionSource]\n        : context.state.languageDataAt<CompletionSource>('autocomplete', context.pos)\n    const result = sources[index]?.(context) ?? null\n\n    return inTag ? Promise.resolve(result).then(ownFirst) : result\n  }\n}\n\nlet shared: Set<string> | null = null\n\n/**\n * The attributes every element takes, asked of HTML's own source at a tag it knows nothing about:\n * what it offers there is the global list and nothing else.\n */\nfunction globalAttributes(): Set<string> {\n  if (shared === null) {\n    const state = EditorState.create({ doc: '<x-any ', extensions: html() })\n    const result = htmlCompletionSource(\n      new CompletionContext(state, 7, true),\n    ) as CompletionResult | null\n    shared = new Set(result?.options.map((option) => option.label) ?? [])\n  }\n\n  return shared\n}\n\n/*\n * HTML offers a tag's own attributes and then some ninety global ones, sorted together by name:\n * `<script ` would open on `accesskey` and the `aria-*`, with `src` far below. Its own come first.\n */\nfunction ownFirst(result: CompletionResult | null): CompletionResult | null {\n  if (result === null) return null\n\n  const global = globalAttributes()\n\n  return {\n    ...result,\n    options: result.options.map((option) =>\n      option.type === 'property' && !global.has(option.label) ? { ...option, boost: 1 } : option,\n    ),\n  }\n}\n\n/**\n * `>` typed at the end of an open script, style or textarea writes its closing tag, as HTML's\n * auto-closing does everywhere else.\n */\nconst closeAtTheEnd = EditorView.inputHandler.of((view, from, to, text) => {\n  if (text !== '>' || from !== to || view.state.readOnly) return false\n  if (htmlLanguage.isActiveAt(view.state, from, -1)) return false\n\n  const tag = openTagAt(view.state, from)\n  const name = tag?.getChild('TagName')\n  if (!tag || !name || tag.name !== 'OpenTag' || tag.getChild('EndTag')) return false\n\n  const close = `</${view.state.sliceDoc(name.from, name.to)}>`\n  view.dispatch({\n    changes: { from, insert: '>' + close },\n    selection: EditorSelection.cursor(from + 1),\n    userEvent: 'input.type',\n  })\n\n  return true\n})\n\n/**\n * What the language itself suggests: HTML tags, attributes and their values with the tag closed on\n * `>`, and the JavaScript and CSS nested in it. Each language ships its own source; this switches\n * the list on, adds the globals of the page after a dot — the same `window`, `document` and\n * `console` the code meets on the site — and mends the end of the document.\n */\nexport function languageCompletions(): Extension {\n  return [\n    autocompletion({\n      override: Array.from({ length: SLOTS }, (_, index) => slot(index)),\n      icons: false,\n    }),\n    javascriptLanguage.data.of({ autocomplete: scopeCompletionSource(globalThis) }),\n    closeAtTheEnd,\n  ]\n}\n","import { HighlightStyle } from '@codemirror/language'\nimport { tags as t } from '@lezer/highlight'\n\n/**\n * Syntax colours come from the semantic tokens, so both themes are covered by the\n * same style and a project that re-tints its primary colour re-tints its code too.\n * The palette is deliberately small: five roles, not a rainbow.\n */\nexport const highlightStyle = HighlightStyle.define([\n  { tag: [t.keyword, t.modifier, t.operatorKeyword], color: 'var(--wx-color-primary-active)' },\n  {\n    tag: [t.string, t.special(t.string), t.attributeValue],\n    color: 'var(--wx-color-success-active)',\n  },\n  { tag: [t.number, t.bool, t.null, t.atom, t.literal], color: 'var(--wx-color-warning-active)' },\n  {\n    tag: [t.propertyName, t.attributeName, t.definition(t.variableName), t.labelName],\n    color: 'var(--wx-text-strong)',\n  },\n  { tag: [t.typeName, t.className, t.namespace, t.tagName], color: 'var(--wx-color-primary)' },\n  { tag: [t.function(t.variableName), t.function(t.propertyName)], color: 'var(--wx-text-strong)' },\n  {\n    tag: [t.comment, t.lineComment, t.blockComment, t.meta, t.processingInstruction, t.docComment],\n    color: 'var(--wx-text-muted)',\n    fontStyle: 'italic',\n  },\n  { tag: [t.punctuation, t.operator, t.separator, t.bracket], color: 'var(--wx-text-default)' },\n  { tag: t.invalid, color: 'var(--wx-color-danger)' },\n  // Markdown\n  { tag: t.heading, color: 'var(--wx-text-strong)', fontWeight: '600' },\n  { tag: t.strong, fontWeight: '600' },\n  { tag: t.emphasis, fontStyle: 'italic' },\n  { tag: t.strikethrough, textDecoration: 'line-through' },\n  { tag: [t.link, t.url], color: 'var(--wx-text-link)', textDecoration: 'underline' },\n  { tag: t.monospace, color: 'var(--wx-color-success-active)' },\n])\n","<script setup lang=\"ts\" generic=\"T extends CodeEditorModelValue = string\">\nimport { computed, onBeforeUnmount, onMounted, ref, shallowRef, watch } from 'vue'\nimport { Compartment, EditorState, Prec, type Extension } from '@codemirror/state'\nimport {\n  EditorView,\n  highlightActiveLine,\n  highlightActiveLineGutter,\n  highlightSpecialChars,\n  keymap,\n  lineNumbers,\n  placeholder as placeholderExtension,\n} from '@codemirror/view'\nimport {\n  bracketMatching,\n  foldGutter,\n  foldKeymap,\n  indentOnInput,\n  indentUnit,\n  syntaxHighlighting,\n} from '@codemirror/language'\nimport { defaultKeymap, history, historyKeymap, indentWithTab } from '@codemirror/commands'\nimport {\n  autocompletion,\n  closeBrackets,\n  closeBracketsKeymap,\n  snippet,\n  type Completion,\n  type CompletionContext,\n  type CompletionResult,\n} from '@codemirror/autocomplete'\nimport { highlightSelectionMatches, searchKeymap } from '@codemirror/search'\nimport { linter, type Diagnostic } from '@codemirror/lint'\nimport { useFormField } from '../../composables/useFormField'\nimport { useLocalized } from '../../composables/useLocalized'\nimport LocalePicker from '../Locales/LocalePicker.vue'\nimport { LANGUAGES } from './languages'\nimport { languageCompletions } from './languageCompletions'\nimport { highlightStyle } from './highlight'\nimport type {\n  CodeEditorCompletion,\n  CodeEditorCompletionResult,\n  CodeEditorDiagnostic,\n  CodeEditorEmits,\n  CodeEditorModelValue,\n  CodeEditorProps,\n} from './types'\n\ndefineOptions({ name: 'WxCodeEditor', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<CodeEditorProps>(), {\n  language: 'plain',\n  placeholder: undefined,\n  disabled: undefined,\n  readonly: false,\n  size: undefined,\n  status: undefined,\n  id: undefined,\n  ariaLabel: undefined,\n  minHeight: '160px',\n  maxHeight: undefined,\n  lineNumbers: true,\n  lineWrapping: false,\n  tabSize: 2,\n  lint: true,\n  completions: undefined,\n  languageCompletions: false,\n  localized: false,\n  singleLine: false,\n  extensions: () => [],\n})\n\nconst emit = defineEmits<CodeEditorEmits>()\n\n/*\n * Generic so that a plain editor stays a `string` to whoever binds it, and a localized one is the\n * map of languages it edits.\n */\nconst model = defineModel<T>({ default: '' as never })\n\nconst field = useFormField(props)\nconst locales = useLocalized(props, model)\n\n/** The language on screen, or nothing at all when the field is plain. */\nconst editing = computed(() => (locales.on.value ? locales.active.value : undefined))\n\n/** The text of the language on screen: what the editor holds. */\nconst current = computed(() => locales.read(editing.value))\nconst host = ref<HTMLElement | null>(null)\nconst view = shallowRef<EditorView | null>(null)\nconst focused = ref(false)\n\nconst editable = computed(() => !field.disabled.value && !props.readonly)\n\n/**\n * Everything that can change after mount lives in a compartment, so a prop change\n * is a reconfigure of that slot rather than a rebuild of the whole editor.\n */\nconst compartments = {\n  language: new Compartment(),\n  lint: new Compartment(),\n  editable: new Compartment(),\n  gutter: new Compartment(),\n  wrapping: new Compartment(),\n  indent: new Compartment(),\n  placeholder: new Compartment(),\n  attributes: new Compartment(),\n  completion: new Compartment(),\n  keys: new Compartment(),\n  line: new Compartment(),\n  extra: new Compartment(),\n}\n\nfunction languageExtension(): Extension {\n  return LANGUAGES[props.language].extension()\n}\n\nfunction lintExtension(): Extension {\n  const source = LANGUAGES[props.language].linter\n  if (!props.lint || !source) return []\n  const run = source()\n  // Wrapping the source is the only hook for reporting results outward: the\n  // diagnostics themselves stay inside the editor's own state.\n  return linter(\n    async (instance) => {\n      const found = (await run(instance)).map((diagnostic) => widen(diagnostic, instance.state))\n      emit('lint', found.map(toDiagnostic))\n      return found\n    },\n    { delay: 300 },\n  )\n}\n\n/**\n * A parser reports \"unexpected token at 23\" as an empty range, which CodeMirror\n * draws as a dot nobody notices. Underline from there to the end of the line instead.\n */\nfunction widen(diagnostic: Diagnostic, state: EditorState): Diagnostic {\n  if (diagnostic.from !== diagnostic.to) return diagnostic\n  const line = state.doc.lineAt(diagnostic.from)\n  if (diagnostic.from < line.to) return { ...diagnostic, to: line.to }\n  if (diagnostic.from > line.from) return { ...diagnostic, from: line.from }\n  return diagnostic\n}\n\nfunction toDiagnostic(diagnostic: Diagnostic): CodeEditorDiagnostic {\n  return {\n    from: diagnostic.from,\n    to: diagnostic.to,\n    severity: diagnostic.severity,\n    message: diagnostic.message,\n  }\n}\n\n/**\n * A suggestion as CodeMirror takes it: an `apply` with `${}` in it is a snippet. `extra` is how\n * much past the caret it replaces — the `}}` closing brackets typed after it.\n */\nfunction toCompletion(option: CodeEditorCompletion, extra: number): Completion {\n  const given = option.apply ?? option.label\n  const write = given.includes('${') ? snippet(given) : null\n\n  return {\n    label: option.label,\n    detail: option.detail,\n    info: option.info,\n    type: option.type,\n    boost: option.boost,\n    apply:\n      extra === 0 && write === null\n        ? option.apply\n        : (view, completion, from, to) => {\n            const end = Math.min(view.state.doc.length, to + extra)\n\n            if (write !== null) {\n              write(view, completion, from, end)\n\n              return\n            }\n\n            view.dispatch({\n              changes: { from, to: end, insert: given },\n              selection: { anchor: from + given.length },\n              userEvent: 'input.complete',\n            })\n          },\n  }\n}\n\n/*\n * CodeMirror matches what was typed against the text from `from` to `to`, so a result that\n * reaches past the caret would be matched against that tail and offer nothing. It is told only\n * where the word starts; the tail is replaced when a suggestion is taken.\n */\nfunction toResult(result: CodeEditorCompletionResult, pos: number): CompletionResult {\n  const extra = Math.max(0, (result.to ?? pos) - pos)\n\n  return { from: result.from, options: result.options.map((option) => toCompletion(option, extra)) }\n}\n\n/**\n * The completions prop on CodeMirror's own completion: a list completes the word before the\n * caret, a function is asked about every place and says where its suggestions belong.\n */\nfunction completionExtension(): Extension {\n  const given = props.completions\n\n  if (given === undefined) return props.languageCompletions ? languageCompletions() : []\n\n  const source = (context: CompletionContext): CompletionResult | null => {\n    if (typeof given === 'function') {\n      const result = given({\n        text: context.state.doc.toString(),\n        pos: context.pos,\n        explicit: context.explicit,\n      })\n\n      return result === null ? null : toResult(result, context.pos)\n    }\n\n    const word = context.matchBefore(/[\\w.]*/)\n\n    if (word === null || (word.from === word.to && !context.explicit)) return null\n\n    return toResult({ from: word.from, options: given }, context.pos)\n  }\n\n  return autocompletion({ override: [source], icons: false })\n}\n\n/*\n * Tab indents a document; in a one-line field it moves on to the next field, as in any input.\n */\nfunction keysExtension(): Extension {\n  return keymap.of([\n    ...closeBracketsKeymap,\n    ...defaultKeymap,\n    ...searchKeymap,\n    ...historyKeymap,\n    ...foldKeymap,\n    ...(props.singleLine ? [] : [indentWithTab]),\n  ])\n}\n\n/**\n * One line, like an input: Enter takes a suggestion when the list is open (its keys come first)\n * and does nothing otherwise, and a line break typed, pasted or dropped in becomes a space.\n */\nfunction lineExtension(): Extension {\n  if (!props.singleLine) return []\n\n  const nothing = () => true\n\n  return [\n    Prec.high(\n      keymap.of([\n        { key: 'Enter', run: nothing },\n        { key: 'Shift-Enter', run: nothing },\n        { key: 'Mod-Enter', run: nothing },\n      ]),\n    ),\n    EditorState.transactionFilter.of((transaction) => {\n      if (!transaction.docChanged || transaction.newDoc.lines === 1) return transaction\n\n      const changes: { from: number; to: number; insert: string }[] = []\n\n      transaction.changes.iterChanges((from, to, _fromB, _toB, inserted) => {\n        changes.push({ from, to, insert: inserted.toString().replace(/\\n/g, ' ') })\n      })\n\n      // A line break is one character, as is the space: the selection stays where it was.\n      return {\n        changes,\n        selection: transaction.selection,\n        effects: transaction.effects,\n        scrollIntoView: transaction.scrollIntoView,\n      }\n    }),\n  ]\n}\n\nfunction editableExtension(): Extension {\n  const enabled = editable.value\n  return [EditorState.readOnly.of(!enabled), EditorView.editable.of(enabled)]\n}\n\nfunction gutterExtension(): Extension {\n  if (!props.lineNumbers) return []\n  return [lineNumbers(), highlightActiveLineGutter(), foldGutter()]\n}\n\nfunction wrappingExtension(): Extension {\n  return props.lineWrapping ? EditorView.lineWrapping : []\n}\n\nfunction indentExtension(): Extension {\n  return [EditorState.tabSize.of(props.tabSize), indentUnit.of(' '.repeat(props.tabSize))]\n}\n\nfunction placeholderExtensionFor(): Extension {\n  return props.placeholder ? placeholderExtension(props.placeholder) : []\n}\n\nfunction attributesExtension(): Extension {\n  const attributes: Record<string, string> = { id: field.id.value }\n  if (props.ariaLabel) attributes['aria-label'] = props.ariaLabel\n  if (field.describedBy.value) attributes['aria-describedby'] = field.describedBy.value\n  if (field.status.value === 'error') attributes['aria-invalid'] = 'true'\n  // A disabled editor is skipped by Tab; a read-only one can still be scrolled into.\n  if (field.disabled.value) {\n    attributes.tabindex = '-1'\n    attributes['aria-disabled'] = 'true'\n  }\n  return EditorView.contentAttributes.of(attributes)\n}\n\nfunction buildState(doc: string): EditorState {\n  return EditorState.create({\n    doc,\n    extensions: [\n      highlightSpecialChars(),\n      history(),\n      bracketMatching(),\n      closeBrackets(),\n      indentOnInput(),\n      highlightActiveLine(),\n      highlightSelectionMatches(),\n      syntaxHighlighting(highlightStyle),\n      compartments.keys.of(keysExtension()),\n      compartments.line.of(lineExtension()),\n      compartments.language.of(languageExtension()),\n      compartments.lint.of(lintExtension()),\n      compartments.editable.of(editableExtension()),\n      compartments.gutter.of(gutterExtension()),\n      compartments.wrapping.of(wrappingExtension()),\n      compartments.indent.of(indentExtension()),\n      compartments.placeholder.of(placeholderExtensionFor()),\n      compartments.attributes.of(attributesExtension()),\n      compartments.completion.of(completionExtension()),\n      compartments.extra.of(props.extensions),\n      EditorView.updateListener.of((update) => {\n        if (!update.docChanged || replacing) return\n        const value = update.state.doc.toString()\n        locales.write(editing.value, value)\n        emit('change', value)\n      }),\n      EditorView.domEventHandlers({\n        focus: () => {\n          focused.value = true\n          emit('focus')\n        },\n        blur: () => {\n          focused.value = false\n          emit('blur')\n        },\n      }),\n    ],\n  })\n}\n\nonMounted(() => {\n  if (!host.value) return\n  view.value = new EditorView({ state: buildState(current.value), parent: host.value })\n})\n\nonBeforeUnmount(() => {\n  view.value?.destroy()\n  view.value = null\n})\n\n/*\n * Set while the document is swapped for another language's: that is not an edit of this one, and\n * written back it would copy one language's text into the other.\n */\nlet replacing = false\n\n/** Replaces the document only when the value really differs, or the caret jumps. */\nfunction follow(next: string, language: boolean): void {\n  const instance = view.value\n  if (!instance) return\n  const shown = instance.state.doc.toString()\n  if (next === shown) return\n  replacing = language\n  instance.dispatch({ changes: { from: 0, to: shown.length, insert: next } })\n  replacing = false\n}\n\nwatch(current, (next) => follow(next, false))\nwatch(editing, () => follow(current.value, true))\n\nfunction reconfigure(compartment: Compartment, extension: Extension) {\n  view.value?.dispatch({ effects: compartment.reconfigure(extension) })\n}\n\nwatch(\n  () => props.language,\n  () => {\n    reconfigure(compartments.language, languageExtension())\n    reconfigure(compartments.lint, lintExtension())\n  },\n)\nwatch(\n  () => props.lint,\n  () => reconfigure(compartments.lint, lintExtension()),\n)\nwatch(editable, () => reconfigure(compartments.editable, editableExtension()))\nwatch(\n  () => props.lineNumbers,\n  () => reconfigure(compartments.gutter, gutterExtension()),\n)\nwatch(\n  () => props.lineWrapping,\n  () => reconfigure(compartments.wrapping, wrappingExtension()),\n)\nwatch(\n  () => props.tabSize,\n  () => reconfigure(compartments.indent, indentExtension()),\n)\nwatch(\n  () => props.placeholder,\n  () => reconfigure(compartments.placeholder, placeholderExtensionFor()),\n)\nwatch([() => props.ariaLabel, field.id, field.describedBy, field.status, field.disabled], () =>\n  reconfigure(compartments.attributes, attributesExtension()),\n)\nwatch([() => props.completions, () => props.languageCompletions], () =>\n  reconfigure(compartments.completion, completionExtension()),\n)\nwatch(\n  () => props.singleLine,\n  () => {\n    reconfigure(compartments.keys, keysExtension())\n    reconfigure(compartments.line, lineExtension())\n  },\n)\nwatch(\n  () => props.extensions,\n  (extensions) => reconfigure(compartments.extra, extensions),\n)\n\nfunction format(): boolean {\n  const instance = view.value\n  if (!instance || props.language !== 'json' || !editable.value) return false\n  const current = instance.state.doc.toString()\n  let parsed: unknown\n  try {\n    parsed = JSON.parse(current)\n  } catch {\n    return false\n  }\n  const next = JSON.stringify(parsed, null, props.tabSize)\n  if (next !== current) {\n    instance.dispatch({ changes: { from: 0, to: current.length, insert: next } })\n  }\n  return true\n}\n\nconst classes = computed(() => [\n  'wx-code-editor',\n  `wx-code-editor--${field.size.value}`,\n  {\n    [`wx-code-editor--${field.status.value}`]: field.status.value !== 'default',\n    'is-focused': focused.value,\n    'is-disabled': field.disabled.value,\n    'is-readonly': props.readonly,\n    'is-localized': locales.on.value,\n    'is-single-line': props.singleLine,\n  },\n])\n\nconst style = computed(() => ({\n  '--wx-code-editor-min-height': props.minHeight,\n  '--wx-code-editor-max-height': props.maxHeight ?? 'none',\n}))\n\n/** Same as the other text fields: the caret follows the language into this one. */\nfunction choose(code: string): void {\n  locales.active.value = code\n  view.value?.focus()\n}\n\ndefineExpose({\n  view,\n  focus: () => view.value?.focus(),\n  format,\n})\n</script>\n\n<template>\n  <div :class=\"classes\" :style=\"style\">\n    <div ref=\"host\" class=\"wx-code-editor__host\" />\n\n    <locale-picker\n      v-if=\"locales.on.value\"\n      :locales=\"locales.list.value\"\n      :active=\"locales.active.value\"\n      @choose=\"choose\"\n    />\n  </div>\n</template>\n\n<style scoped>\n.wx-code-editor {\n  /* Tall like a textarea: the chip is pinned near the top, a size smaller. */\n  --wx-locale-picker-height: 20px;\n  --wx-locale-picker-top: var(--wx-space-6);\n  --wx-locale-picker-shift: 0;\n\n  position: relative;\n  display: block;\n  box-sizing: border-box;\n  width: 100%;\n  background: var(--wx-bg-surface);\n  border: 1px solid var(--wx-border-default);\n  border-radius: var(--wx-radius-control);\n  color: var(--wx-text-default);\n  transition:\n    border-color var(--wx-duration-normal) var(--wx-easing-standard),\n    background-color var(--wx-duration-normal) var(--wx-easing-standard);\n}\n\n.wx-code-editor:hover:not(.is-disabled) {\n  border-color: var(--wx-border-strong);\n}\n\n.wx-code-editor.is-focused {\n  border-color: var(--wx-border-focus);\n}\n\n.wx-code-editor--error,\n.wx-code-editor--error.is-focused {\n  border-color: var(--wx-color-danger);\n}\n\n.wx-code-editor--success,\n.wx-code-editor--success.is-focused {\n  border-color: var(--wx-color-success);\n}\n\n.wx-code-editor--warning,\n.wx-code-editor--warning.is-focused {\n  border-color: var(--wx-color-warning);\n}\n\n.wx-code-editor.is-disabled {\n  background: var(--wx-bg-disabled);\n  color: var(--wx-text-disabled);\n}\n\n.wx-code-editor--sm {\n  font-size: var(--wx-font-size-control-sm);\n}\n\n.wx-code-editor--md {\n  font-size: var(--wx-font-size-control-md);\n}\n\n.wx-code-editor--lg {\n  font-size: var(--wx-font-size-control-lg);\n}\n\n/*\n * CodeMirror mounts its own tree under the host, so everything below reaches it\n * through :deep(). The editor's base theme is left in place for layout and\n * overridden only where it paints a colour.\n */\n.wx-code-editor :deep(.cm-editor) {\n  min-height: var(--wx-code-editor-min-height);\n  max-height: var(--wx-code-editor-max-height);\n  border-radius: inherit;\n  color: inherit;\n}\n\n.wx-code-editor :deep(.cm-editor.cm-focused) {\n  outline: none;\n}\n\n.wx-code-editor :deep(.cm-scroller) {\n  font-family: var(--wx-font-family-mono);\n  font-size: inherit;\n  line-height: var(--wx-font-line-height-normal);\n  border-radius: inherit;\n}\n\n.wx-code-editor :deep(.cm-content) {\n  padding: var(--wx-space-8) 0;\n  caret-color: var(--wx-text-default);\n}\n\n.wx-code-editor :deep(.cm-line) {\n  padding: 0 var(--wx-space-12);\n}\n\n/*\n * One line: as tall as an input of the same size, the line in the middle, a long one scrolled\n * sideways under the caret rather than wrapped.\n */\n.wx-code-editor.is-single-line {\n  --wx-locale-picker-height: 24px;\n  --wx-locale-picker-top: 50%;\n  --wx-locale-picker-shift: calc(-1 * (var(--wx-locale-picker-height) / 2 + 3px));\n}\n\n.wx-code-editor.is-single-line :deep(.cm-editor) {\n  min-height: 0;\n  height: calc(var(--wx-size-control-md) - 2px);\n}\n\n.wx-code-editor--sm.is-single-line :deep(.cm-editor) {\n  height: calc(var(--wx-size-control-sm) - 2px);\n}\n\n.wx-code-editor--lg.is-single-line :deep(.cm-editor) {\n  height: calc(var(--wx-size-control-lg) - 2px);\n}\n\n.wx-code-editor.is-single-line :deep(.cm-scroller) {\n  overflow-y: hidden;\n  scrollbar-width: none;\n}\n\n/* CodeMirror pins the scroller's children to the top with !important; the line centres itself. */\n.wx-code-editor.is-single-line :deep(.cm-content) {\n  align-self: center;\n  min-height: 0;\n  padding: 0;\n}\n\n.wx-code-editor.is-single-line :deep(.cm-activeLine) {\n  background: transparent;\n}\n\n/* Room for the language chip, so the end of a long line is never under it. */\n.wx-code-editor.is-localized :deep(.cm-content) {\n  padding-right: var(--wx-space-48);\n}\n\n/*\n * Mustache tags (`language=\"mustache\"`): marks over the language underneath, in the palette of\n * the rest of the code — a value in the primary colour, a section bold, a comment muted.\n */\n.wx-code-editor :deep(.wx-cm-mustache) {\n  color: var(--wx-color-primary-active);\n}\n\n.wx-code-editor :deep(.wx-cm-mustache--section) {\n  color: var(--wx-color-warning-active);\n  font-weight: 600;\n}\n\n.wx-code-editor :deep(.wx-cm-mustache--comment) {\n  color: var(--wx-text-muted);\n  font-style: italic;\n}\n\n.wx-code-editor :deep(.wx-cm-mustache--invalid) {\n  color: var(--wx-color-danger);\n  text-decoration: underline wavy var(--wx-color-danger);\n  text-underline-offset: 3px;\n}\n\n/* A mark inside a mark keeps the tag's colour over the HTML highlighter's. */\n.wx-code-editor :deep(.wx-cm-mustache span) {\n  color: inherit;\n}\n\n.wx-code-editor :deep(.cm-cursor) {\n  border-left-color: var(--wx-text-default);\n}\n\n.wx-code-editor :deep(.cm-placeholder) {\n  color: var(--wx-text-placeholder);\n}\n\n.wx-code-editor :deep(.cm-gutters) {\n  background: var(--wx-bg-subtle);\n  border-right: 1px solid var(--wx-border-muted);\n  color: var(--wx-text-muted);\n}\n\n.wx-code-editor :deep(.cm-lineNumbers .cm-gutterElement) {\n  padding: 0 var(--wx-space-8) 0 var(--wx-space-12);\n  min-width: 0;\n}\n\n.wx-code-editor :deep(.cm-foldGutter .cm-gutterElement) {\n  padding: 0 var(--wx-space-4);\n  cursor: pointer;\n}\n\n.wx-code-editor :deep(.cm-activeLine) {\n  background: var(--wx-bg-muted);\n}\n\n.wx-code-editor :deep(.cm-activeLineGutter) {\n  background: var(--wx-bg-muted);\n  color: var(--wx-text-default);\n}\n\n.wx-code-editor.is-disabled :deep(.cm-activeLine),\n.wx-code-editor.is-disabled :deep(.cm-activeLineGutter) {\n  background: transparent;\n}\n\n.wx-code-editor :deep(.cm-selectionMatch) {\n  background: var(--wx-color-primary-soft);\n}\n\n.wx-code-editor :deep(.cm-matchingBracket),\n.wx-code-editor :deep(.cm-focused .cm-matchingBracket) {\n  background: var(--wx-color-primary-soft);\n  outline: 1px solid var(--wx-color-primary-disabled);\n}\n\n.wx-code-editor :deep(.cm-nonmatchingBracket),\n.wx-code-editor :deep(.cm-focused .cm-nonmatchingBracket) {\n  background: var(--wx-color-danger-soft);\n  outline: 1px solid var(--wx-color-danger);\n}\n\n.wx-code-editor :deep(.cm-foldPlaceholder) {\n  margin: 0 var(--wx-space-2);\n  padding: 0 var(--wx-space-4);\n  background: var(--wx-bg-fill);\n  border: none;\n  border-radius: var(--wx-radius-xs);\n  color: var(--wx-text-muted);\n}\n\n.wx-code-editor :deep(.cm-lintRange-error) {\n  background-image: none;\n  text-decoration: underline wavy var(--wx-color-danger);\n  text-underline-offset: 3px;\n}\n\n.wx-code-editor :deep(.cm-lintRange-warning) {\n  background-image: none;\n  text-decoration: underline wavy var(--wx-color-warning);\n  text-underline-offset: 3px;\n}\n\n/* Tooltips and the search panel are portalled inside the editor, so they inherit tokens. */\n.wx-code-editor :deep(.cm-tooltip) {\n  /* The surface a popover stands on; `--wx-bg-overlay` is the dimming behind a dialog. */\n  background: var(--wx-bg-surface);\n  border: 1px solid var(--wx-border-default);\n  border-radius: var(--wx-radius-sm);\n  box-shadow: var(--wx-shadow-md);\n  color: var(--wx-text-default);\n  font-family: var(--wx-font-family-sans);\n  font-size: var(--wx-font-size-sm);\n}\n\n.wx-code-editor :deep(.cm-tooltip-lint) {\n  padding: var(--wx-space-4) 0;\n}\n\n/* The list an `autocompletion()` passed through `extensions` opens. */\n.wx-code-editor :deep(.cm-tooltip-autocomplete > ul) {\n  max-height: 16em;\n  padding: var(--wx-space-4) 0;\n  font-family: var(--wx-font-family-mono);\n}\n\n.wx-code-editor :deep(.cm-tooltip-autocomplete > ul > li) {\n  display: flex;\n  gap: var(--wx-space-12);\n  align-items: baseline;\n  padding: var(--wx-space-2) var(--wx-space-8);\n}\n\n.wx-code-editor :deep(.cm-tooltip-autocomplete > ul > li[aria-selected]) {\n  background: var(--wx-color-primary-soft);\n  color: var(--wx-text-default);\n}\n\n.wx-code-editor :deep(.cm-completionMatchedText) {\n  text-decoration: none;\n  font-weight: 600;\n}\n\n.wx-code-editor :deep(.cm-completionDetail) {\n  margin-left: auto;\n  font-style: normal;\n  font-family: var(--wx-font-family-sans);\n  color: var(--wx-text-muted);\n}\n\n.wx-code-editor :deep(.cm-completionInfo) {\n  padding: var(--wx-space-6) var(--wx-space-8);\n  max-width: 320px;\n}\n\n.wx-code-editor :deep(.cm-diagnostic) {\n  padding: var(--wx-space-2) var(--wx-space-8);\n  border-left-width: 3px;\n}\n\n.wx-code-editor :deep(.cm-diagnostic-error) {\n  border-left-color: var(--wx-color-danger);\n}\n\n.wx-code-editor :deep(.cm-diagnostic-warning) {\n  border-left-color: var(--wx-color-warning);\n}\n\n.wx-code-editor :deep(.cm-panels) {\n  background: var(--wx-bg-subtle);\n  border-color: var(--wx-border-muted);\n  color: var(--wx-text-default);\n  font-family: var(--wx-font-family-sans);\n  font-size: var(--wx-font-size-sm);\n}\n\n.wx-code-editor :deep(.cm-panel.cm-search) {\n  padding: var(--wx-space-6) var(--wx-space-8);\n}\n\n.wx-code-editor :deep(.cm-panel.cm-search input),\n.wx-code-editor :deep(.cm-panel.cm-search button) {\n  margin: 0 var(--wx-space-4) var(--wx-space-2) 0;\n  padding: var(--wx-space-2) var(--wx-space-6);\n  background: var(--wx-bg-surface);\n  border: 1px solid var(--wx-border-default);\n  border-radius: var(--wx-radius-xs);\n  color: inherit;\n  font: inherit;\n}\n\n.wx-code-editor :deep(.cm-panel.cm-search button) {\n  background-image: none;\n  cursor: pointer;\n}\n\n.wx-code-editor :deep(.cm-searchMatch) {\n  background: var(--wx-color-warning-soft);\n}\n\n.wx-code-editor :deep(.cm-searchMatch.cm-searchMatch-selected) {\n  background: var(--wx-color-warning-disabled);\n}\n</style>\n"],"names":["LANGUAGES","json","jsonParseLinter","javascript","html","css","markdown","yaml","php","mustacheHighlighting","openTagAt","state","pos","node","syntaxTree","SLOTS","slot","index","context","inTag","result","htmlLanguage","htmlCompletionSource","ownFirst","shared","globalAttributes","EditorState","CompletionContext","option","global","closeAtTheEnd","EditorView","view","from","to","text","tag","name","close","EditorSelection","languageCompletions","autocompletion","_","javascriptLanguage","scopeCompletionSource","highlightStyle","HighlightStyle","t","props","__props","emit","__emit","model","_useModel","field","useFormField","locales","useLocalized","editing","computed","current","host","ref","shallowRef","focused","editable","compartments","Compartment","languageExtension","lintExtension","source","run","linter","instance","found","diagnostic","widen","toDiagnostic","line","toCompletion","extra","given","write","snippet","completion","end","toResult","completionExtension","word","keysExtension","keymap","closeBracketsKeymap","defaultKeymap","searchKeymap","historyKeymap","foldKeymap","indentWithTab","lineExtension","nothing","Prec","transaction","changes","_fromB","_toB","inserted","editableExtension","enabled","gutterExtension","lineNumbers","highlightActiveLineGutter","foldGutter","wrappingExtension","indentExtension","indentUnit","placeholderExtensionFor","placeholderExtension","attributesExtension","attributes","buildState","doc","highlightSpecialChars","history","bracketMatching","closeBrackets","indentOnInput","highlightActiveLine","highlightSelectionMatches","syntaxHighlighting","update","replacing","value","onMounted","onBeforeUnmount","follow","next","language","shown","watch","reconfigure","compartment","extension","extensions","format","parsed","classes","style","choose","code","__expose","_createElementBlock","_createElementVNode","_unref","_createBlock","LocalePicker"],"mappings":"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"}