@webx-ui/core 0.43.0 → 0.44.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webx-ui/core",
-  "version": "0.43.0",
+  "version": "0.44.0",
   "description": "Vue 3 UI components for admin panels, styled entirely with WebX UI design tokens.",
   "license": "MIT",
   "type": "module",
@@ -82,7 +82,7 @@
     "vue-tsc": "^3.1.3"
   },
   "scripts": {
-    "build": "vite build",
+    "build": "vite build && node scripts/server-styles.mjs",
     "dev": "vite build --watch",
     "typecheck": "vue-tsc -p tsconfig.json --noEmit"
   }

package/dist/CodeEditor-pJLpkTNW.js

@@ -1,333 +0,0 @@
-import { defineComponent as re, useModel as ie, computed as g, ref as G, shallowRef as le, onMounted as se, onBeforeUnmount as ue, watch as s, openBlock as O, createElementBlock as ce, normalizeStyle as de, normalizeClass as fe, createElementVNode as me, unref as N, createBlock as pe, createCommentVNode as ge, mergeModels as D } from "vue";
-import { Compartment as c, EditorState as B } from "@codemirror/state";
-import { EditorView as p, lineNumbers as he, highlightActiveLineGutter as ve, placeholder as xe, highlightSpecialChars as be, highlightActiveLine as ye, keymap as we } from "@codemirror/view";
-import { HighlightStyle as Se, foldGutter as Ee, indentUnit as ke, bracketMatching as Ne, indentOnInput as Be, syntaxHighlighting as Ce, foldKeymap as ze } from "@codemirror/language";
-import { history as Le, defaultKeymap as _e, historyKeymap as Ae, indentWithTab as He } from "@codemirror/commands";
-import { autocompletion as Me, closeBrackets as We, closeBracketsKeymap as Ve, snippet as je } from "@codemirror/autocomplete";
-import { highlightSelectionMatches as Ke, searchKeymap as Fe } from "@codemirror/search";
-import { linter as Ge } from "@codemirror/lint";
-import { m as I, u as Oe, a as De, L as Ie, _ as Ue } from "./index-CUqx8iDY.js";
-import { jsonParseLinter as $e, json as Je } from "@codemirror/lang-json";
-import { javascript as U } from "@codemirror/lang-javascript";
-import { html as $ } from "@codemirror/lang-html";
-import { css as Pe } from "@codemirror/lang-css";
-import { markdown as Re } from "@codemirror/lang-markdown";
-import { yaml as Te } from "@codemirror/lang-yaml";
-import { php as qe } from "@codemirror/lang-php";
-import { tags as t } from "@lezer/highlight";
-const J = {
-  json: { extension: () => Je(), linter: () => $e() },
-  javascript: { extension: () => U() },
-  typescript: { extension: () => U({ typescript: !0 }) },
-  html: { extension: () => $() },
-  css: { extension: () => Pe() },
-  markdown: { extension: () => Re() },
-  yaml: { extension: () => Te() },
-  php: { extension: () => qe() },
-  mustache: { extension: () => I() },
-  "mustache-html": { extension: () => [$(), I()] },
-  plain: { extension: () => [] }
-}, Qe = Se.define([
-  { tag: [t.keyword, t.modifier, t.operatorKeyword], color: "var(--wx-color-primary-active)" },
-  {
-    tag: [t.string, t.special(t.string), t.attributeValue],
-    color: "var(--wx-color-success-active)"
-  },
-  { tag: [t.number, t.bool, t.null, t.atom, t.literal], color: "var(--wx-color-warning-active)" },
-  {
-    tag: [t.propertyName, t.attributeName, t.definition(t.variableName), t.labelName],
-    color: "var(--wx-text-strong)"
-  },
-  { tag: [t.typeName, t.className, t.namespace, t.tagName], color: "var(--wx-color-primary)" },
-  { tag: [t.function(t.variableName), t.function(t.propertyName)], color: "var(--wx-text-strong)" },
-  {
-    tag: [t.comment, t.lineComment, t.blockComment, t.meta, t.processingInstruction, t.docComment],
-    color: "var(--wx-text-muted)",
-    fontStyle: "italic"
-  },
-  { tag: [t.punctuation, t.operator, t.separator, t.bracket], color: "var(--wx-text-default)" },
-  { tag: t.invalid, color: "var(--wx-color-danger)" },
-  // Markdown
-  { tag: t.heading, color: "var(--wx-text-strong)", fontWeight: "600" },
-  { tag: t.strong, fontWeight: "600" },
-  { tag: t.emphasis, fontStyle: "italic" },
-  { tag: t.strikethrough, textDecoration: "line-through" },
-  { tag: [t.link, t.url], color: "var(--wx-text-link)", textDecoration: "underline" },
-  { tag: t.monospace, color: "var(--wx-color-success-active)" }
-]), Xe = /* @__PURE__ */ re({
-  name: "WxCodeEditor",
-  inheritAttrs: !1,
-  __name: "CodeEditor",
-  props: /* @__PURE__ */ D({
-    language: { default: "plain" },
-    placeholder: { default: void 0 },
-    disabled: { type: Boolean, default: void 0 },
-    readonly: { type: Boolean, default: !1 },
-    size: { default: void 0 },
-    status: { default: void 0 },
-    id: { default: void 0 },
-    ariaLabel: { default: void 0 },
-    minHeight: { default: "160px" },
-    maxHeight: { default: void 0 },
-    lineNumbers: { type: Boolean, default: !0 },
-    lineWrapping: { type: Boolean, default: !1 },
-    tabSize: { default: 2 },
-    lint: { type: Boolean, default: !0 },
-    completions: { type: [Array, Function], default: void 0 },
-    localized: { type: Boolean, default: !1 },
-    extensions: { default: () => [] }
-  }, {
-    modelValue: { default: "" },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ D(["change", "focus", "blur", "lint"], ["update:modelValue"]),
-  setup(C, { expose: P, emit: R }) {
-    const n = C, h = R, T = ie(C, "modelValue"), l = Oe(n), d = De(n, T), v = g(() => d.on.value ? d.active.value : void 0), x = g(() => d.read(v.value)), b = G(null), f = le(null), y = G(!1), w = g(() => !l.disabled.value && !n.readonly), r = {
-      language: new c(),
-      lint: new c(),
-      editable: new c(),
-      gutter: new c(),
-      wrapping: new c(),
-      indent: new c(),
-      placeholder: new c(),
-      attributes: new c(),
-      completion: new c(),
-      extra: new c()
-    };
-    function z() {
-      return J[n.language].extension();
-    }
-    function S() {
-      const e = J[n.language].linter;
-      if (!n.lint || !e) return [];
-      const a = e();
-      return Ge(
-        async (o) => {
-          const i = (await a(o)).map((m) => q(m, o.state));
-          return h("lint", i.map(Q)), i;
-        },
-        { delay: 300 }
-      );
-    }
-    function q(e, a) {
-      if (e.from !== e.to) return e;
-      const o = a.doc.lineAt(e.from);
-      return e.from < o.to ? { ...e, to: o.to } : e.from > o.from ? { ...e, from: o.from } : e;
-    }
-    function Q(e) {
-      return {
-        from: e.from,
-        to: e.to,
-        severity: e.severity,
-        message: e.message
-      };
-    }
-    function X(e, a) {
-      const o = e.apply ?? e.label, i = o.includes("${") ? je(o) : null;
-      return {
-        label: e.label,
-        detail: e.detail,
-        info: e.info,
-        type: e.type,
-        boost: e.boost,
-        apply: a === 0 && i === null ? e.apply : (m, ne, k, ae) => {
-          const F = Math.min(m.state.doc.length, ae + a);
-          if (i !== null) {
-            i(m, ne, k, F);
-            return;
-          }
-          m.dispatch({
-            changes: { from: k, to: F, insert: o },
-            selection: { anchor: k + o.length },
-            userEvent: "input.complete"
-          });
-        }
-      };
-    }
-    function L(e, a) {
-      const o = Math.max(0, (e.to ?? a) - a);
-      return { from: e.from, options: e.options.map((i) => X(i, o)) };
-    }
-    function _() {
-      const e = n.completions;
-      return e === void 0 ? [] : Me({ override: [(o) => {
-        if (typeof e == "function") {
-          const m = e({
-            text: o.state.doc.toString(),
-            pos: o.pos,
-            explicit: o.explicit
-          });
-          return m === null ? null : L(m, o.pos);
-        }
-        const i = o.matchBefore(/[\w.]*/);
-        return i === null || i.from === i.to && !o.explicit ? null : L({ from: i.from, options: e }, o.pos);
-      }], icons: !1 });
-    }
-    function A() {
-      const e = w.value;
-      return [B.readOnly.of(!e), p.editable.of(e)];
-    }
-    function H() {
-      return n.lineNumbers ? [he(), ve(), Ee()] : [];
-    }
-    function M() {
-      return n.lineWrapping ? p.lineWrapping : [];
-    }
-    function W() {
-      return [B.tabSize.of(n.tabSize), ke.of(" ".repeat(n.tabSize))];
-    }
-    function V() {
-      return n.placeholder ? xe(n.placeholder) : [];
-    }
-    function j() {
-      const e = { id: l.id.value };
-      return n.ariaLabel && (e["aria-label"] = n.ariaLabel), l.describedBy.value && (e["aria-describedby"] = l.describedBy.value), l.status.value === "error" && (e["aria-invalid"] = "true"), l.disabled.value && (e.tabindex = "-1", e["aria-disabled"] = "true"), p.contentAttributes.of(e);
-    }
-    function Y(e) {
-      return B.create({
-        doc: e,
-        extensions: [
-          be(),
-          Le(),
-          Ne(),
-          We(),
-          Be(),
-          ye(),
-          Ke(),
-          Ce(Qe),
-          we.of([
-            ...Ve,
-            ..._e,
-            ...Fe,
-            ...Ae,
-            ...ze,
-            He
-          ]),
-          r.language.of(z()),
-          r.lint.of(S()),
-          r.editable.of(A()),
-          r.gutter.of(H()),
-          r.wrapping.of(M()),
-          r.indent.of(W()),
-          r.placeholder.of(V()),
-          r.attributes.of(j()),
-          r.completion.of(_()),
-          r.extra.of(n.extensions),
-          p.updateListener.of((a) => {
-            if (!a.docChanged || E) return;
-            const o = a.state.doc.toString();
-            d.write(v.value, o), h("change", o);
-          }),
-          p.domEventHandlers({
-            focus: () => {
-              y.value = !0, h("focus");
-            },
-            blur: () => {
-              y.value = !1, h("blur");
-            }
-          })
-        ]
-      });
-    }
-    se(() => {
-      b.value && (f.value = new p({ state: Y(x.value), parent: b.value }));
-    }), ue(() => {
-      f.value?.destroy(), f.value = null;
-    });
-    let E = !1;
-    function K(e, a) {
-      const o = f.value;
-      if (!o) return;
-      const i = o.state.doc.toString();
-      e !== i && (E = a, o.dispatch({ changes: { from: 0, to: i.length, insert: e } }), E = !1);
-    }
-    s(x, (e) => K(e, !1)), s(v, () => K(x.value, !0));
-    function u(e, a) {
-      f.value?.dispatch({ effects: e.reconfigure(a) });
-    }
-    s(
-      () => n.language,
-      () => {
-        u(r.language, z()), u(r.lint, S());
-      }
-    ), s(
-      () => n.lint,
-      () => u(r.lint, S())
-    ), s(w, () => u(r.editable, A())), s(
-      () => n.lineNumbers,
-      () => u(r.gutter, H())
-    ), s(
-      () => n.lineWrapping,
-      () => u(r.wrapping, M())
-    ), s(
-      () => n.tabSize,
-      () => u(r.indent, W())
-    ), s(
-      () => n.placeholder,
-      () => u(r.placeholder, V())
-    ), s(
-      [() => n.ariaLabel, l.id, l.describedBy, l.status, l.disabled],
-      () => u(r.attributes, j())
-    ), s(
-      () => n.completions,
-      () => u(r.completion, _())
-    ), s(
-      () => n.extensions,
-      (e) => u(r.extra, e)
-    );
-    function Z() {
-      const e = f.value;
-      if (!e || n.language !== "json" || !w.value) return !1;
-      const a = e.state.doc.toString();
-      let o;
-      try {
-        o = JSON.parse(a);
-      } catch {
-        return !1;
-      }
-      const i = JSON.stringify(o, null, n.tabSize);
-      return i !== a && e.dispatch({ changes: { from: 0, to: a.length, insert: i } }), !0;
-    }
-    const ee = g(() => [
-      "wx-code-editor",
-      `wx-code-editor--${l.size.value}`,
-      {
-        [`wx-code-editor--${l.status.value}`]: l.status.value !== "default",
-        "is-focused": y.value,
-        "is-disabled": l.disabled.value,
-        "is-readonly": n.readonly,
-        "is-localized": d.on.value
-      }
-    ]), te = g(() => ({
-      "--wx-code-editor-min-height": n.minHeight,
-      "--wx-code-editor-max-height": n.maxHeight ?? "none"
-    }));
-    function oe(e) {
-      d.active.value = e, f.value?.focus();
-    }
-    return P({
-      view: f,
-      focus: () => f.value?.focus(),
-      format: Z
-    }), (e, a) => (O(), ce("div", {
-      class: fe(ee.value),
-      style: de(te.value)
-    }, [
-      me("div", {
-        ref_key: "host",
-        ref: b,
-        class: "wx-code-editor__host"
-      }, null, 512),
-      N(d).on.value ? (O(), pe(Ie, {
-        key: 0,
-        locales: N(d).list.value,
-        active: N(d).active.value,
-        onChoose: oe
-      }, null, 8, ["locales", "active"])) : ge("", !0)
-    ], 6));
-  }
-}), gt = /* @__PURE__ */ Ue(Xe, [["__scopeId", "data-v-008b78c9"]]);
-export {
-  gt as default
-};
-//# sourceMappingURL=CodeEditor-pJLpkTNW.js.map

package/dist/CodeEditor-pJLpkTNW.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CodeEditor-pJLpkTNW.js","sources":["../src/components/CodeEditor/languages.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 { 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, 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 { 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  localized: 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  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 []\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\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      keymap.of([\n        ...closeBracketsKeymap,\n        ...defaultKeymap,\n        ...searchKeymap,\n        ...historyKeymap,\n        ...foldKeymap,\n        indentWithTab,\n      ]),\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(\n  () => props.completions,\n  () => reconfigure(compartments.completion, completionExtension()),\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  },\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/* 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","highlightStyle","HighlightStyle","t","props","__props","emit","__emit","model","_useModel","field","useFormField","locales","useLocalized","editing","computed","current","host","ref","view","shallowRef","focused","editable","compartments","Compartment","languageExtension","lintExtension","source","run","linter","instance","found","diagnostic","widen","toDiagnostic","state","line","toCompletion","option","extra","given","write","snippet","completion","from","to","end","toResult","result","pos","completionExtension","autocompletion","context","word","editableExtension","enabled","EditorState","EditorView","gutterExtension","lineNumbers","highlightActiveLineGutter","foldGutter","wrappingExtension","indentExtension","indentUnit","placeholderExtensionFor","placeholderExtension","attributesExtension","attributes","buildState","doc","highlightSpecialChars","history","bracketMatching","closeBrackets","indentOnInput","highlightActiveLine","highlightSelectionMatches","syntaxHighlighting","keymap","closeBracketsKeymap","defaultKeymap","searchKeymap","historyKeymap","foldKeymap","indentWithTab","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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"}