@onereach/ui-components 19.3.0-beta.5046.0 → 19.3.0-beta.5083.0

package/dist/esm-deps/components/or-code-v3/index.js

@@ -0,0 +1,1413 @@
+import { v as basicSetup, k as keymap, w as indentWithTab, E as EditorView, b as EditorState, C as Compartment, L as LanguageSupport, x as LRLanguage, m as indentNodeProp, y as continuedIndent, i as foldNodeProp, z as foldInside, s as syntaxTree, A as typescriptLanguage, B as jsxLanguage, D as tsxLanguage, F as javascriptLanguage, j as javascript, h as EditorSelection, G as bracketMatchingHandle } from '../../index-a90d6354.js';
+export { a as lintGutter, l as linter } from '../../index-a90d6354.js';
+import { parser } from '@lezer/json';
+import { configureNesting, parser as parser$2 } from '@lezer/html';
+import { parser as parser$1 } from '@lezer/css';
+import { IterMode, NodeWeakMap } from '@lezer/common';
+import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, withDirectives, createBlock, vShow, createCommentVNode, reactive, toRef, watch, onMounted, onUnmounted } from 'vue';
+import { K, _, i as ie, r as re, u as ue } from '../../useValidationAttributes-DxhcSj_h-3380c3cf.js';
+import '../../OrHint-fcdf591c.js';
+import { OrErrorV3 as script$2 } from '../or-error-v3/index.js';
+import { OrHintV3 as script$3 } from '../or-hint-v3/index.js';
+import '../../OrInputBox-e79531c2.js';
+import { OrInputBoxV3 as script$4 } from '../or-input-box-v3/index.js';
+import '../../OrLabel-d50a3ebb.js';
+import { OrLabelV3 as script$5 } from '../or-label-v3/index.js';
+import '../../OrModal-b06077ec.js';
+import { OrModalV3 as script$6 } from '../or-modal-v3/index.js';
+import '../../OrIconButton-b7d4175c.js';
+import { OrIconButtonV3 as script$7 } from '../or-icon-button-v3/index.js';
+import '@codemirror/search';
+import '@codemirror/autocomplete';
+import 'crelt';
+import '@lezer/javascript';
+import 'style-mod';
+import 'w3c-keyname';
+import '../../dom-CwV-xS38-5babad01.js';
+import 'lodash/get';
+import 'lodash/isElement';
+import '@vueuse/core';
+import '../../types-98e9a758.js';
+import '../../OrOverlay-d67e7093.js';
+import '../or-overlay-v3/index.js';
+import '../or-teleport-v3/index.js';
+import '../../constants-57e8b5da.js';
+import '../../OrIcon-cd8db2b5.js';
+import '../or-icon-v3/index.js';
+import '../../OrTooltip-62181b78.js';
+import '../or-tooltip-v3/index.js';
+import '../or-popover-v3/index.js';
+import '../../extractCssVarName-IHa2pGlF-614fb8d2.js';
+import '@floating-ui/core';
+import '@floating-ui/utils';
+import '@floating-ui/utils/dom';
+import '../or-bottom-sheet-v3/index.js';
+import '../../OrPopover-bd078650.js';
+
+const Code = [
+// Layout
+'layout-column',
+// Spacing
+'gap-xs'];
+const CodeControlRoot = [
+// Layout
+'layout-column',
+// Sizing
+'h-full',
+// Spacing
+'gap-xs'];
+const CodeControl = [
+// Layout
+'grid',
+// Box
+'w-full', 'h-full',
+// Spacing
+'!mx-0', '!my-0',
+// Theme
+'theme-background-default', 'dark:theme-background-default-dark',
+// todo: https://onereach.atlassian.net/browse/UI-580
+'dark:invert dark:hue-rotate-180'];
+const CodeModal = [
+// Sizing
+'!h-full'];
+
+var script$1 = defineComponent({
+  name: 'OrCodeControl',
+  components: {
+    OrError: script$2,
+    OrHint: script$3,
+    OrInputBox: script$4,
+    OrLabel: script$5
+  },
+  props: {
+    error: {
+      type: [String, Boolean],
+      default: undefined
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    controlId: {
+      type: String,
+      default: undefined
+    },
+    label: {
+      type: String,
+      default: undefined
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    hint: {
+      type: String,
+      default: undefined
+    }
+  },
+  expose: ['root', 'control', 'focus', 'blur'],
+  setup() {
+    // Refs
+    const root = ref();
+    const control = ref();
+    // Methods
+    function focus() {
+      var _a;
+      (_a = control.value) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    function blur() {
+      var _a;
+      (_a = control.value) === null || _a === void 0 ? void 0 : _a.blur();
+    }
+    // Styles
+    const rootStyles = computed(() => ['or-code-control-v3', ...CodeControlRoot]);
+    const controlStyles = computed(() => [...CodeControl]);
+    return {
+      root,
+      control,
+      rootStyles,
+      controlStyles,
+      focus,
+      blur
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLabel = resolveComponent("OrLabel");
+  const _component_OrInputBox = resolveComponent("OrInputBox");
+  const _component_OrHint = resolveComponent("OrHint");
+  const _component_OrError = resolveComponent("OrError");
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles)
+  }, [createVNode(_component_OrLabel, {
+    "control-id": _ctx.controlId,
+    variant: 'input',
+    required: _ctx.required,
+    disabled: _ctx.disabled
+  }, {
+    addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["control-id", "required", "disabled"]), createVNode(_component_OrInputBox, {
+    class: normalizeClass(['grow']),
+    size: 'm',
+    invalid: !!_ctx.error || !!_ctx.$slots.error,
+    readonly: _ctx.readonly,
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [createElementVNode("div", {
+      ref: 'control',
+      class: normalizeClass(_ctx.controlStyles)
+    }, null, 2 /* CLASS */)]),
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["invalid", "readonly", "disabled"]), _ctx.$slots.hint || _ctx.hint ? withDirectives((openBlock(), createBlock(_component_OrHint, {
+    key: 0,
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["disabled"])), [[vShow, !_ctx.error]]) : createCommentVNode("v-if", true), withDirectives(createVNode(_component_OrError, {
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [renderSlot(_ctx.$slots, "error", {}, () => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)])]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["disabled"]), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0 || _ctx.$slots.error]])], 2 /* CLASS */);
+}
+
+script$1.render = render;
+script$1.__file = "src/components/or-code-v3/partials/OrCodeControl.vue";
+
+var CodeLanguage;
+(function (CodeLanguage) {
+  CodeLanguage["HTML"] = "html";
+  CodeLanguage["CSS"] = "css";
+  CodeLanguage["JS"] = "js";
+  CodeLanguage["TS"] = "ts";
+  CodeLanguage["JSON"] = "json";
+  CodeLanguage["MD"] = "md";
+})(CodeLanguage || (CodeLanguage = {}));
+
+var script = defineComponent({
+  name: 'OrCode',
+  components: {
+    OrModal: script$6,
+    OrCodeControl: script$1,
+    OrIconButton: script$7
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: String,
+      default: undefined
+    },
+    language: {
+      type: String,
+      default: () => CodeLanguage.JS
+    },
+    extensions: {
+      type: Array,
+      default: () => []
+    },
+    label: {
+      type: String,
+      default: undefined
+    },
+    hint: {
+      type: String,
+      default: undefined
+    },
+    error: {
+      type: [String, Boolean],
+      default: undefined
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    // todo: review flag prop, seems better to set 'false' default value
+    enableFullscreen: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ['update:modelValue', 'input', 'keydown', 'keyup', 'focus', 'blur'],
+  expose: ['root', 'editorView', 'control', 'fullscreenControl', 'modal', 'focus', 'blur', 'openFullscreen'],
+  setup(props, context) {
+    // Refs
+    const root = ref();
+    const control = ref();
+    const fullscreenControl = ref();
+    const modal = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-code-v3', ...Code]);
+    const controlStyles = computed(() => [...CodeControl]);
+    const modalStyles = computed(() => [...CodeModal]);
+    const addedExtensionCompartment = new Compartment();
+    const languageExtensionCompartment = new Compartment();
+    const readonlyExtensionCompartment = new Compartment();
+    const disabledExtensionCompartment = new Compartment();
+    // State
+    const controlAttributes = reactive({
+      id: K(),
+      ..._(),
+      ...ie()
+    });
+    const proxyModelValue = re(toRef(props, 'modelValue'), context.emit);
+    const getLanguageExtension = async language => {
+      switch (language) {
+        case CodeLanguage.HTML:
+          return (await Promise.resolve().then(function () { return index; })).html();
+        case CodeLanguage.CSS:
+          return (await Promise.resolve().then(function () { return index$1; })).css();
+        case CodeLanguage.JS:
+          return (await import('../../index-a90d6354.js').then(function (n) { return n.I; })).javascript();
+        case CodeLanguage.TS:
+          return (await import('../../index-a90d6354.js').then(function (n) { return n.I; })).javascript({
+            typescript: true
+          });
+        case CodeLanguage.JSON:
+          return (await Promise.resolve().then(function () { return index$2; })).json();
+        case CodeLanguage.MD:
+          return (await import('../../index-f0bbebaa.js')).markdown();
+      }
+    };
+    // Methods
+    function focus() {
+      var _a, _b;
+      (_b = (_a = control.value) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
+    }
+    function blur() {
+      var _a, _b;
+      (_b = (_a = control.value) === null || _a === void 0 ? void 0 : _a.blur) === null || _b === void 0 ? void 0 : _b.call(_a);
+    }
+    function openFullscreen() {
+      var _a, _b;
+      (_b = (_a = modal.value) === null || _a === void 0 ? void 0 : _a.open) === null || _b === void 0 ? void 0 : _b.call(_a);
+    }
+    // #region Codemirror
+    const theme = ue();
+    const defaultExtensions = [basicSetup, keymap.of([indentWithTab]), EditorView.domEventHandlers({
+      input: event => {
+        context.emit('input', event);
+      },
+      keydown: event => {
+        context.emit('keydown', event);
+      },
+      keyup: event => {
+        context.emit('keyup', event);
+      },
+      focus: event => {
+        context.emit('focus', event);
+      },
+      blur: event => {
+        context.emit('blur', event);
+      }
+    }), EditorView.theme({
+      '&': {
+        overflow: 'hidden',
+        color: theme.textColor['on-background'],
+        backgroundColor: theme.backgroundColor['background']
+      },
+      '&.cm-focused': {
+        outline: 'none'
+      },
+      '.cm-scroller': {
+        fontFamily: theme.fontFamily['caption'],
+        fontWeight: theme.fontWeight['caption'],
+        fontSize: theme.fontSize['caption'],
+        lineHeight: theme.lineHeight['caption']
+      },
+      '.cm-gutters': {
+        color: theme.textColor['on-background'],
+        backgroundColor: theme.backgroundColor['primary-opacity-0-12'],
+        borderColor: theme.borderColor['outline'],
+        backdropFilter: 'blur(2px)'
+      },
+      '.cm-activeLineGutter, .cm-activeLine': {
+        backgroundColor: theme.backgroundColor['primary-opacity-0-08']
+      }
+    })];
+    const state = EditorState.create({
+      doc: proxyModelValue.value,
+      extensions: [...defaultExtensions, languageExtensionCompartment.of([]), addedExtensionCompartment.of(props.extensions), readonlyExtensionCompartment.of([EditorState.readOnly.of(props.readonly)]), disabledExtensionCompartment.of([EditorView.editable.of(!props.disabled)])]
+    });
+    const editorView = new EditorView({
+      state,
+      dispatch: transaction => {
+        editorView.update([transaction]);
+        if (transaction.docChanged) {
+          proxyModelValue.value = String(editorView.state.doc);
+        }
+      }
+    });
+    watch(proxyModelValue, value => {
+      if (editorView.composing) return;
+      if (editorView.state.doc.toString() === value) return;
+      const modelValue = value !== null && value !== void 0 ? value : '';
+      const {
+        selection
+      } = editorView.state;
+      editorView.dispatch({
+        changes: {
+          from: 0,
+          to: editorView.state.doc.length,
+          insert: modelValue
+        },
+        selection: selection.ranges.some(range => range.to > modelValue.length) ? {
+          anchor: modelValue.length
+        } : selection
+      });
+    });
+    watch([() => props.extensions, () => props.language, () => props.readonly, () => props.disabled], async ([extensions, language, readonly, disabled], [, prevLanguage, pevReadonly, pevDisabled]) => {
+      let effects = [];
+      if (readonly !== pevReadonly) {
+        effects.push(readonlyExtensionCompartment.reconfigure(EditorState.readOnly.of(readonly)));
+      }
+      if (disabled !== pevDisabled) {
+        effects.push(disabledExtensionCompartment.reconfigure(EditorView.editable.of(!disabled)));
+      }
+      if (language !== prevLanguage) {
+        const languageExt = await getLanguageExtension(language);
+        effects.push(languageExtensionCompartment.reconfigure([languageExt]));
+      }
+      effects.push(addedExtensionCompartment.reconfigure(extensions));
+      editorView.dispatch({
+        effects
+      });
+    }, {
+      immediate: true
+    });
+    // #endregion
+    // Effects
+    watch(() => {
+      var _a;
+      return (_a = modal.value) === null || _a === void 0 ? void 0 : _a.state;
+    }, value => {
+      setTimeout(() => {
+        var _a, _b, _c, _d;
+        if (value === 'open') {
+          (_b = (_a = fullscreenControl.value) === null || _a === void 0 ? void 0 : _a.control) === null || _b === void 0 ? void 0 : _b.append(editorView.dom);
+        } else {
+          (_d = (_c = control.value) === null || _c === void 0 ? void 0 : _c.control) === null || _d === void 0 ? void 0 : _d.append(editorView.dom);
+        }
+      });
+    });
+    // Lifecycle
+    onMounted(() => {
+      var _a, _b;
+      (_b = (_a = control.value) === null || _a === void 0 ? void 0 : _a.control) === null || _b === void 0 ? void 0 : _b.append(editorView.dom);
+    });
+    onUnmounted(() => {
+      editorView.destroy();
+    });
+    return {
+      root,
+      editorView,
+      control,
+      fullscreenControl,
+      modal,
+      rootStyles,
+      controlStyles,
+      modalStyles,
+      controlAttributes,
+      proxyModelValue,
+      focus,
+      blur,
+      openFullscreen
+    };
+  }
+});
+
+/**
+Calls
+[`JSON.parse`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse)
+on the document and, if that throws an error, reports it as a
+single diagnostic.
+*/
+const jsonParseLinter = () => (view) => {
+    try {
+        JSON.parse(view.state.doc.toString());
+    }
+    catch (e) {
+        if (!(e instanceof SyntaxError))
+            throw e;
+        const pos = getErrorPosition(e, view.state.doc);
+        return [{
+                from: pos,
+                message: e.message,
+                severity: 'error',
+                to: pos
+            }];
+    }
+    return [];
+};
+function getErrorPosition(error, doc) {
+    let m;
+    if (m = error.message.match(/at position (\d+)/))
+        return Math.min(+m[1], doc.length);
+    if (m = error.message.match(/at line (\d+) column (\d+)/))
+        return Math.min(doc.line(+m[1]).from + (+m[2]) - 1, doc.length);
+    return 0;
+}
+
+/**
+A language provider that provides JSON parsing.
+*/
+const jsonLanguage = /*@__PURE__*/LRLanguage.define({
+    name: "json",
+    parser: /*@__PURE__*/parser.configure({
+        props: [
+            /*@__PURE__*/indentNodeProp.add({
+                Object: /*@__PURE__*/continuedIndent({ except: /^\s*\}/ }),
+                Array: /*@__PURE__*/continuedIndent({ except: /^\s*\]/ })
+            }),
+            /*@__PURE__*/foldNodeProp.add({
+                "Object Array": foldInside
+            })
+        ]
+    }),
+    languageData: {
+        closeBrackets: { brackets: ["[", "{", '"'] },
+        indentOnInput: /^\s*[\}\]]$/
+    }
+});
+/**
+JSON language support.
+*/
+function json() {
+    return new LanguageSupport(jsonLanguage);
+}
+
+var index$2 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  json: json,
+  jsonLanguage: jsonLanguage,
+  jsonParseLinter: jsonParseLinter
+});
+
+let _properties = null;
+function properties() {
+    if (!_properties && typeof document == "object" && document.body) {
+        let { style } = document.body, names = [], seen = new Set;
+        for (let prop in style)
+            if (prop != "cssText" && prop != "cssFloat") {
+                if (typeof style[prop] == "string") {
+                    if (/[A-Z]/.test(prop))
+                        prop = prop.replace(/[A-Z]/g, ch => "-" + ch.toLowerCase());
+                    if (!seen.has(prop)) {
+                        names.push(prop);
+                        seen.add(prop);
+                    }
+                }
+            }
+        _properties = names.sort().map(name => ({ type: "property", label: name }));
+    }
+    return _properties || [];
+}
+const pseudoClasses = /*@__PURE__*/[
+    "active", "after", "any-link", "autofill", "backdrop", "before",
+    "checked", "cue", "default", "defined", "disabled", "empty",
+    "enabled", "file-selector-button", "first", "first-child",
+    "first-letter", "first-line", "first-of-type", "focus",
+    "focus-visible", "focus-within", "fullscreen", "has", "host",
+    "host-context", "hover", "in-range", "indeterminate", "invalid",
+    "is", "lang", "last-child", "last-of-type", "left", "link", "marker",
+    "modal", "not", "nth-child", "nth-last-child", "nth-last-of-type",
+    "nth-of-type", "only-child", "only-of-type", "optional", "out-of-range",
+    "part", "placeholder", "placeholder-shown", "read-only", "read-write",
+    "required", "right", "root", "scope", "selection", "slotted", "target",
+    "target-text", "valid", "visited", "where"
+].map(name => ({ type: "class", label: name }));
+const values = /*@__PURE__*/[
+    "above", "absolute", "activeborder", "additive", "activecaption", "after-white-space",
+    "ahead", "alias", "all", "all-scroll", "alphabetic", "alternate", "always",
+    "antialiased", "appworkspace", "asterisks", "attr", "auto", "auto-flow", "avoid", "avoid-column",
+    "avoid-page", "avoid-region", "axis-pan", "background", "backwards", "baseline", "below",
+    "bidi-override", "blink", "block", "block-axis", "bold", "bolder", "border", "border-box",
+    "both", "bottom", "break", "break-all", "break-word", "bullets", "button", "button-bevel",
+    "buttonface", "buttonhighlight", "buttonshadow", "buttontext", "calc", "capitalize",
+    "caps-lock-indicator", "caption", "captiontext", "caret", "cell", "center", "checkbox", "circle",
+    "cjk-decimal", "clear", "clip", "close-quote", "col-resize", "collapse", "color", "color-burn",
+    "color-dodge", "column", "column-reverse", "compact", "condensed", "contain", "content",
+    "contents", "content-box", "context-menu", "continuous", "copy", "counter", "counters", "cover",
+    "crop", "cross", "crosshair", "currentcolor", "cursive", "cyclic", "darken", "dashed", "decimal",
+    "decimal-leading-zero", "default", "default-button", "dense", "destination-atop", "destination-in",
+    "destination-out", "destination-over", "difference", "disc", "discard", "disclosure-closed",
+    "disclosure-open", "document", "dot-dash", "dot-dot-dash", "dotted", "double", "down", "e-resize",
+    "ease", "ease-in", "ease-in-out", "ease-out", "element", "ellipse", "ellipsis", "embed", "end",
+    "ethiopic-abegede-gez", "ethiopic-halehame-aa-er", "ethiopic-halehame-gez", "ew-resize", "exclusion",
+    "expanded", "extends", "extra-condensed", "extra-expanded", "fantasy", "fast", "fill", "fill-box",
+    "fixed", "flat", "flex", "flex-end", "flex-start", "footnotes", "forwards", "from",
+    "geometricPrecision", "graytext", "grid", "groove", "hand", "hard-light", "help", "hidden", "hide",
+    "higher", "highlight", "highlighttext", "horizontal", "hsl", "hsla", "hue", "icon", "ignore",
+    "inactiveborder", "inactivecaption", "inactivecaptiontext", "infinite", "infobackground", "infotext",
+    "inherit", "initial", "inline", "inline-axis", "inline-block", "inline-flex", "inline-grid",
+    "inline-table", "inset", "inside", "intrinsic", "invert", "italic", "justify", "keep-all",
+    "landscape", "large", "larger", "left", "level", "lighter", "lighten", "line-through", "linear",
+    "linear-gradient", "lines", "list-item", "listbox", "listitem", "local", "logical", "loud", "lower",
+    "lower-hexadecimal", "lower-latin", "lower-norwegian", "lowercase", "ltr", "luminosity", "manipulation",
+    "match", "matrix", "matrix3d", "medium", "menu", "menutext", "message-box", "middle", "min-intrinsic",
+    "mix", "monospace", "move", "multiple", "multiple_mask_images", "multiply", "n-resize", "narrower",
+    "ne-resize", "nesw-resize", "no-close-quote", "no-drop", "no-open-quote", "no-repeat", "none",
+    "normal", "not-allowed", "nowrap", "ns-resize", "numbers", "numeric", "nw-resize", "nwse-resize",
+    "oblique", "opacity", "open-quote", "optimizeLegibility", "optimizeSpeed", "outset", "outside",
+    "outside-shape", "overlay", "overline", "padding", "padding-box", "painted", "page", "paused",
+    "perspective", "pinch-zoom", "plus-darker", "plus-lighter", "pointer", "polygon", "portrait",
+    "pre", "pre-line", "pre-wrap", "preserve-3d", "progress", "push-button", "radial-gradient", "radio",
+    "read-only", "read-write", "read-write-plaintext-only", "rectangle", "region", "relative", "repeat",
+    "repeating-linear-gradient", "repeating-radial-gradient", "repeat-x", "repeat-y", "reset", "reverse",
+    "rgb", "rgba", "ridge", "right", "rotate", "rotate3d", "rotateX", "rotateY", "rotateZ", "round",
+    "row", "row-resize", "row-reverse", "rtl", "run-in", "running", "s-resize", "sans-serif", "saturation",
+    "scale", "scale3d", "scaleX", "scaleY", "scaleZ", "screen", "scroll", "scrollbar", "scroll-position",
+    "se-resize", "self-start", "self-end", "semi-condensed", "semi-expanded", "separate", "serif", "show",
+    "single", "skew", "skewX", "skewY", "skip-white-space", "slide", "slider-horizontal",
+    "slider-vertical", "sliderthumb-horizontal", "sliderthumb-vertical", "slow", "small", "small-caps",
+    "small-caption", "smaller", "soft-light", "solid", "source-atop", "source-in", "source-out",
+    "source-over", "space", "space-around", "space-between", "space-evenly", "spell-out", "square", "start",
+    "static", "status-bar", "stretch", "stroke", "stroke-box", "sub", "subpixel-antialiased", "svg_masks",
+    "super", "sw-resize", "symbolic", "symbols", "system-ui", "table", "table-caption", "table-cell",
+    "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row",
+    "table-row-group", "text", "text-bottom", "text-top", "textarea", "textfield", "thick", "thin",
+    "threeddarkshadow", "threedface", "threedhighlight", "threedlightshadow", "threedshadow", "to", "top",
+    "transform", "translate", "translate3d", "translateX", "translateY", "translateZ", "transparent",
+    "ultra-condensed", "ultra-expanded", "underline", "unidirectional-pan", "unset", "up", "upper-latin",
+    "uppercase", "url", "var", "vertical", "vertical-text", "view-box", "visible", "visibleFill",
+    "visiblePainted", "visibleStroke", "visual", "w-resize", "wait", "wave", "wider", "window", "windowframe",
+    "windowtext", "words", "wrap", "wrap-reverse", "x-large", "x-small", "xor", "xx-large", "xx-small"
+].map(name => ({ type: "keyword", label: name })).concat(/*@__PURE__*/[
+    "aliceblue", "antiquewhite", "aqua", "aquamarine", "azure", "beige",
+    "bisque", "black", "blanchedalmond", "blue", "blueviolet", "brown",
+    "burlywood", "cadetblue", "chartreuse", "chocolate", "coral", "cornflowerblue",
+    "cornsilk", "crimson", "cyan", "darkblue", "darkcyan", "darkgoldenrod",
+    "darkgray", "darkgreen", "darkkhaki", "darkmagenta", "darkolivegreen",
+    "darkorange", "darkorchid", "darkred", "darksalmon", "darkseagreen",
+    "darkslateblue", "darkslategray", "darkturquoise", "darkviolet",
+    "deeppink", "deepskyblue", "dimgray", "dodgerblue", "firebrick",
+    "floralwhite", "forestgreen", "fuchsia", "gainsboro", "ghostwhite",
+    "gold", "goldenrod", "gray", "grey", "green", "greenyellow", "honeydew",
+    "hotpink", "indianred", "indigo", "ivory", "khaki", "lavender",
+    "lavenderblush", "lawngreen", "lemonchiffon", "lightblue", "lightcoral",
+    "lightcyan", "lightgoldenrodyellow", "lightgray", "lightgreen", "lightpink",
+    "lightsalmon", "lightseagreen", "lightskyblue", "lightslategray",
+    "lightsteelblue", "lightyellow", "lime", "limegreen", "linen", "magenta",
+    "maroon", "mediumaquamarine", "mediumblue", "mediumorchid", "mediumpurple",
+    "mediumseagreen", "mediumslateblue", "mediumspringgreen", "mediumturquoise",
+    "mediumvioletred", "midnightblue", "mintcream", "mistyrose", "moccasin",
+    "navajowhite", "navy", "oldlace", "olive", "olivedrab", "orange", "orangered",
+    "orchid", "palegoldenrod", "palegreen", "paleturquoise", "palevioletred",
+    "papayawhip", "peachpuff", "peru", "pink", "plum", "powderblue",
+    "purple", "rebeccapurple", "red", "rosybrown", "royalblue", "saddlebrown",
+    "salmon", "sandybrown", "seagreen", "seashell", "sienna", "silver", "skyblue",
+    "slateblue", "slategray", "snow", "springgreen", "steelblue", "tan",
+    "teal", "thistle", "tomato", "turquoise", "violet", "wheat", "white",
+    "whitesmoke", "yellow", "yellowgreen"
+].map(name => ({ type: "constant", label: name })));
+const tags = /*@__PURE__*/[
+    "a", "abbr", "address", "article", "aside", "b", "bdi", "bdo", "blockquote", "body",
+    "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "dd", "del",
+    "details", "dfn", "dialog", "div", "dl", "dt", "em", "figcaption", "figure", "footer",
+    "form", "header", "hgroup", "h1", "h2", "h3", "h4", "h5", "h6", "hr", "html", "i", "iframe",
+    "img", "input", "ins", "kbd", "label", "legend", "li", "main", "meter", "nav", "ol", "output",
+    "p", "pre", "ruby", "section", "select", "small", "source", "span", "strong", "sub", "summary",
+    "sup", "table", "tbody", "td", "template", "textarea", "tfoot", "th", "thead", "tr", "u", "ul"
+].map(name => ({ type: "type", label: name }));
+const identifier$1 = /^(\w[\w-]*|-\w[\w-]*|)$/, variable = /^-(-[\w-]*)?$/;
+function isVarArg(node, doc) {
+    var _a;
+    if (node.name == "(" || node.type.isError)
+        node = node.parent || node;
+    if (node.name != "ArgList")
+        return false;
+    let callee = (_a = node.parent) === null || _a === void 0 ? void 0 : _a.firstChild;
+    if ((callee === null || callee === void 0 ? void 0 : callee.name) != "Callee")
+        return false;
+    return doc.sliceString(callee.from, callee.to) == "var";
+}
+const VariablesByNode = /*@__PURE__*/new NodeWeakMap();
+const declSelector = ["Declaration"];
+function astTop(node) {
+    for (let cur = node;;) {
+        if (cur.type.isTop)
+            return cur;
+        if (!(cur = cur.parent))
+            return node;
+    }
+}
+function variableNames(doc, node, isVariable) {
+    if (node.to - node.from > 4096) {
+        let known = VariablesByNode.get(node);
+        if (known)
+            return known;
+        let result = [], seen = new Set, cursor = node.cursor(IterMode.IncludeAnonymous);
+        if (cursor.firstChild())
+            do {
+                for (let option of variableNames(doc, cursor.node, isVariable))
+                    if (!seen.has(option.label)) {
+                        seen.add(option.label);
+                        result.push(option);
+                    }
+            } while (cursor.nextSibling());
+        VariablesByNode.set(node, result);
+        return result;
+    }
+    else {
+        let result = [], seen = new Set;
+        node.cursor().iterate(node => {
+            var _a;
+            if (isVariable(node) && node.matchContext(declSelector) && ((_a = node.node.nextSibling) === null || _a === void 0 ? void 0 : _a.name) == ":") {
+                let name = doc.sliceString(node.from, node.to);
+                if (!seen.has(name)) {
+                    seen.add(name);
+                    result.push({ label: name, type: "variable" });
+                }
+            }
+        });
+        return result;
+    }
+}
+/**
+Create a completion source for a CSS dialect, providing a
+predicate for determining what kind of syntax node can act as a
+completable variable. This is used by language modes like Sass and
+Less to reuse this package's completion logic.
+*/
+const defineCSSCompletionSource = (isVariable) => context => {
+    let { state, pos } = context, node = syntaxTree(state).resolveInner(pos, -1);
+    let isDash = node.type.isError && node.from == node.to - 1 && state.doc.sliceString(node.from, node.to) == "-";
+    if (node.name == "PropertyName" ||
+        (isDash || node.name == "TagName") && /^(Block|Styles)$/.test(node.resolve(node.to).name))
+        return { from: node.from, options: properties(), validFor: identifier$1 };
+    if (node.name == "ValueName")
+        return { from: node.from, options: values, validFor: identifier$1 };
+    if (node.name == "PseudoClassName")
+        return { from: node.from, options: pseudoClasses, validFor: identifier$1 };
+    if (isVariable(node) || (context.explicit || isDash) && isVarArg(node, state.doc))
+        return { from: isVariable(node) || isDash ? node.from : pos,
+            options: variableNames(state.doc, astTop(node), isVariable),
+            validFor: variable };
+    if (node.name == "TagName") {
+        for (let { parent } = node; parent; parent = parent.parent)
+            if (parent.name == "Block")
+                return { from: node.from, options: properties(), validFor: identifier$1 };
+        return { from: node.from, options: tags, validFor: identifier$1 };
+    }
+    if (!context.explicit)
+        return null;
+    let above = node.resolve(pos), before = above.childBefore(pos);
+    if (before && before.name == ":" && above.name == "PseudoClassSelector")
+        return { from: pos, options: pseudoClasses, validFor: identifier$1 };
+    if (before && before.name == ":" && above.name == "Declaration" || above.name == "ArgList")
+        return { from: pos, options: values, validFor: identifier$1 };
+    if (above.name == "Block" || above.name == "Styles")
+        return { from: pos, options: properties(), validFor: identifier$1 };
+    return null;
+};
+/**
+CSS property, variable, and value keyword completion source.
+*/
+const cssCompletionSource = /*@__PURE__*/defineCSSCompletionSource(n => n.name == "VariableName");
+
+/**
+A language provider based on the [Lezer CSS
+parser](https://github.com/lezer-parser/css), extended with
+highlighting and indentation information.
+*/
+const cssLanguage = /*@__PURE__*/LRLanguage.define({
+    name: "css",
+    parser: /*@__PURE__*/parser$1.configure({
+        props: [
+            /*@__PURE__*/indentNodeProp.add({
+                Declaration: /*@__PURE__*/continuedIndent()
+            }),
+            /*@__PURE__*/foldNodeProp.add({
+                Block: foldInside
+            })
+        ]
+    }),
+    languageData: {
+        commentTokens: { block: { open: "/*", close: "*/" } },
+        indentOnInput: /^\s*\}$/,
+        wordChars: "-"
+    }
+});
+/**
+Language support for CSS.
+*/
+function css() {
+    return new LanguageSupport(cssLanguage, cssLanguage.data.of({ autocomplete: cssCompletionSource }));
+}
+
+var index$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  css: css,
+  cssCompletionSource: cssCompletionSource,
+  cssLanguage: cssLanguage,
+  defineCSSCompletionSource: defineCSSCompletionSource
+});
+
+const Targets = ["_blank", "_self", "_top", "_parent"];
+const Charsets = ["ascii", "utf-8", "utf-16", "latin1", "latin1"];
+const Methods = ["get", "post", "put", "delete"];
+const Encs = ["application/x-www-form-urlencoded", "multipart/form-data", "text/plain"];
+const Bool = ["true", "false"];
+const S = {}; // Empty tag spec
+const Tags = {
+    a: {
+        attrs: {
+            href: null, ping: null, type: null,
+            media: null,
+            target: Targets,
+            hreflang: null
+        }
+    },
+    abbr: S,
+    address: S,
+    area: {
+        attrs: {
+            alt: null, coords: null, href: null, target: null, ping: null,
+            media: null, hreflang: null, type: null,
+            shape: ["default", "rect", "circle", "poly"]
+        }
+    },
+    article: S,
+    aside: S,
+    audio: {
+        attrs: {
+            src: null, mediagroup: null,
+            crossorigin: ["anonymous", "use-credentials"],
+            preload: ["none", "metadata", "auto"],
+            autoplay: ["autoplay"],
+            loop: ["loop"],
+            controls: ["controls"]
+        }
+    },
+    b: S,
+    base: { attrs: { href: null, target: Targets } },
+    bdi: S,
+    bdo: S,
+    blockquote: { attrs: { cite: null } },
+    body: S,
+    br: S,
+    button: {
+        attrs: {
+            form: null, formaction: null, name: null, value: null,
+            autofocus: ["autofocus"],
+            disabled: ["autofocus"],
+            formenctype: Encs,
+            formmethod: Methods,
+            formnovalidate: ["novalidate"],
+            formtarget: Targets,
+            type: ["submit", "reset", "button"]
+        }
+    },
+    canvas: { attrs: { width: null, height: null } },
+    caption: S,
+    center: S,
+    cite: S,
+    code: S,
+    col: { attrs: { span: null } },
+    colgroup: { attrs: { span: null } },
+    command: {
+        attrs: {
+            type: ["command", "checkbox", "radio"],
+            label: null, icon: null, radiogroup: null, command: null, title: null,
+            disabled: ["disabled"],
+            checked: ["checked"]
+        }
+    },
+    data: { attrs: { value: null } },
+    datagrid: { attrs: { disabled: ["disabled"], multiple: ["multiple"] } },
+    datalist: { attrs: { data: null } },
+    dd: S,
+    del: { attrs: { cite: null, datetime: null } },
+    details: { attrs: { open: ["open"] } },
+    dfn: S,
+    div: S,
+    dl: S,
+    dt: S,
+    em: S,
+    embed: { attrs: { src: null, type: null, width: null, height: null } },
+    eventsource: { attrs: { src: null } },
+    fieldset: { attrs: { disabled: ["disabled"], form: null, name: null } },
+    figcaption: S,
+    figure: S,
+    footer: S,
+    form: {
+        attrs: {
+            action: null, name: null,
+            "accept-charset": Charsets,
+            autocomplete: ["on", "off"],
+            enctype: Encs,
+            method: Methods,
+            novalidate: ["novalidate"],
+            target: Targets
+        }
+    },
+    h1: S, h2: S, h3: S, h4: S, h5: S, h6: S,
+    head: {
+        children: ["title", "base", "link", "style", "meta", "script", "noscript", "command"]
+    },
+    header: S,
+    hgroup: S,
+    hr: S,
+    html: {
+        attrs: { manifest: null }
+    },
+    i: S,
+    iframe: {
+        attrs: {
+            src: null, srcdoc: null, name: null, width: null, height: null,
+            sandbox: ["allow-top-navigation", "allow-same-origin", "allow-forms", "allow-scripts"],
+            seamless: ["seamless"]
+        }
+    },
+    img: {
+        attrs: {
+            alt: null, src: null, ismap: null, usemap: null, width: null, height: null,
+            crossorigin: ["anonymous", "use-credentials"]
+        }
+    },
+    input: {
+        attrs: {
+            alt: null, dirname: null, form: null, formaction: null,
+            height: null, list: null, max: null, maxlength: null, min: null,
+            name: null, pattern: null, placeholder: null, size: null, src: null,
+            step: null, value: null, width: null,
+            accept: ["audio/*", "video/*", "image/*"],
+            autocomplete: ["on", "off"],
+            autofocus: ["autofocus"],
+            checked: ["checked"],
+            disabled: ["disabled"],
+            formenctype: Encs,
+            formmethod: Methods,
+            formnovalidate: ["novalidate"],
+            formtarget: Targets,
+            multiple: ["multiple"],
+            readonly: ["readonly"],
+            required: ["required"],
+            type: ["hidden", "text", "search", "tel", "url", "email", "password", "datetime", "date", "month",
+                "week", "time", "datetime-local", "number", "range", "color", "checkbox", "radio",
+                "file", "submit", "image", "reset", "button"]
+        }
+    },
+    ins: { attrs: { cite: null, datetime: null } },
+    kbd: S,
+    keygen: {
+        attrs: {
+            challenge: null, form: null, name: null,
+            autofocus: ["autofocus"],
+            disabled: ["disabled"],
+            keytype: ["RSA"]
+        }
+    },
+    label: { attrs: { for: null, form: null } },
+    legend: S,
+    li: { attrs: { value: null } },
+    link: {
+        attrs: {
+            href: null, type: null,
+            hreflang: null,
+            media: null,
+            sizes: ["all", "16x16", "16x16 32x32", "16x16 32x32 64x64"]
+        }
+    },
+    map: { attrs: { name: null } },
+    mark: S,
+    menu: { attrs: { label: null, type: ["list", "context", "toolbar"] } },
+    meta: {
+        attrs: {
+            content: null,
+            charset: Charsets,
+            name: ["viewport", "application-name", "author", "description", "generator", "keywords"],
+            "http-equiv": ["content-language", "content-type", "default-style", "refresh"]
+        }
+    },
+    meter: { attrs: { value: null, min: null, low: null, high: null, max: null, optimum: null } },
+    nav: S,
+    noscript: S,
+    object: {
+        attrs: {
+            data: null, type: null, name: null, usemap: null, form: null, width: null, height: null,
+            typemustmatch: ["typemustmatch"]
+        }
+    },
+    ol: { attrs: { reversed: ["reversed"], start: null, type: ["1", "a", "A", "i", "I"] },
+        children: ["li", "script", "template", "ul", "ol"] },
+    optgroup: { attrs: { disabled: ["disabled"], label: null } },
+    option: { attrs: { disabled: ["disabled"], label: null, selected: ["selected"], value: null } },
+    output: { attrs: { for: null, form: null, name: null } },
+    p: S,
+    param: { attrs: { name: null, value: null } },
+    pre: S,
+    progress: { attrs: { value: null, max: null } },
+    q: { attrs: { cite: null } },
+    rp: S,
+    rt: S,
+    ruby: S,
+    samp: S,
+    script: {
+        attrs: {
+            type: ["text/javascript"],
+            src: null,
+            async: ["async"],
+            defer: ["defer"],
+            charset: Charsets
+        }
+    },
+    section: S,
+    select: {
+        attrs: {
+            form: null, name: null, size: null,
+            autofocus: ["autofocus"],
+            disabled: ["disabled"],
+            multiple: ["multiple"]
+        }
+    },
+    slot: { attrs: { name: null } },
+    small: S,
+    source: { attrs: { src: null, type: null, media: null } },
+    span: S,
+    strong: S,
+    style: {
+        attrs: {
+            type: ["text/css"],
+            media: null,
+            scoped: null
+        }
+    },
+    sub: S,
+    summary: S,
+    sup: S,
+    table: S,
+    tbody: S,
+    td: { attrs: { colspan: null, rowspan: null, headers: null } },
+    template: S,
+    textarea: {
+        attrs: {
+            dirname: null, form: null, maxlength: null, name: null, placeholder: null,
+            rows: null, cols: null,
+            autofocus: ["autofocus"],
+            disabled: ["disabled"],
+            readonly: ["readonly"],
+            required: ["required"],
+            wrap: ["soft", "hard"]
+        }
+    },
+    tfoot: S,
+    th: { attrs: { colspan: null, rowspan: null, headers: null, scope: ["row", "col", "rowgroup", "colgroup"] } },
+    thead: S,
+    time: { attrs: { datetime: null } },
+    title: S,
+    tr: S,
+    track: {
+        attrs: {
+            src: null, label: null, default: null,
+            kind: ["subtitles", "captions", "descriptions", "chapters", "metadata"],
+            srclang: null
+        }
+    },
+    ul: { children: ["li", "script", "template", "ul", "ol"] },
+    var: S,
+    video: {
+        attrs: {
+            src: null, poster: null, width: null, height: null,
+            crossorigin: ["anonymous", "use-credentials"],
+            preload: ["auto", "metadata", "none"],
+            autoplay: ["autoplay"],
+            mediagroup: ["movie"],
+            muted: ["muted"],
+            controls: ["controls"]
+        }
+    },
+    wbr: S
+};
+const GlobalAttrs = {
+    accesskey: null,
+    class: null,
+    contenteditable: Bool,
+    contextmenu: null,
+    dir: ["ltr", "rtl", "auto"],
+    draggable: ["true", "false", "auto"],
+    dropzone: ["copy", "move", "link", "string:", "file:"],
+    hidden: ["hidden"],
+    id: null,
+    inert: ["inert"],
+    itemid: null,
+    itemprop: null,
+    itemref: null,
+    itemscope: ["itemscope"],
+    itemtype: null,
+    lang: ["ar", "bn", "de", "en-GB", "en-US", "es", "fr", "hi", "id", "ja", "pa", "pt", "ru", "tr", "zh"],
+    spellcheck: Bool,
+    autocorrect: Bool,
+    autocapitalize: Bool,
+    style: null,
+    tabindex: null,
+    title: null,
+    translate: ["yes", "no"],
+    rel: ["stylesheet", "alternate", "author", "bookmark", "help", "license", "next", "nofollow", "noreferrer", "prefetch", "prev", "search", "tag"],
+    role: /*@__PURE__*/"alert application article banner button cell checkbox complementary contentinfo dialog document feed figure form grid gridcell heading img list listbox listitem main navigation region row rowgroup search switch tab table tabpanel textbox timer".split(" "),
+    "aria-activedescendant": null,
+    "aria-atomic": Bool,
+    "aria-autocomplete": ["inline", "list", "both", "none"],
+    "aria-busy": Bool,
+    "aria-checked": ["true", "false", "mixed", "undefined"],
+    "aria-controls": null,
+    "aria-describedby": null,
+    "aria-disabled": Bool,
+    "aria-dropeffect": null,
+    "aria-expanded": ["true", "false", "undefined"],
+    "aria-flowto": null,
+    "aria-grabbed": ["true", "false", "undefined"],
+    "aria-haspopup": Bool,
+    "aria-hidden": Bool,
+    "aria-invalid": ["true", "false", "grammar", "spelling"],
+    "aria-label": null,
+    "aria-labelledby": null,
+    "aria-level": null,
+    "aria-live": ["off", "polite", "assertive"],
+    "aria-multiline": Bool,
+    "aria-multiselectable": Bool,
+    "aria-owns": null,
+    "aria-posinset": null,
+    "aria-pressed": ["true", "false", "mixed", "undefined"],
+    "aria-readonly": Bool,
+    "aria-relevant": null,
+    "aria-required": Bool,
+    "aria-selected": ["true", "false", "undefined"],
+    "aria-setsize": null,
+    "aria-sort": ["ascending", "descending", "none", "other"],
+    "aria-valuemax": null,
+    "aria-valuemin": null,
+    "aria-valuenow": null,
+    "aria-valuetext": null
+};
+const eventAttributes = /*@__PURE__*/("beforeunload copy cut dragstart dragover dragleave dragenter dragend " +
+    "drag paste focus blur change click load mousedown mouseenter mouseleave " +
+    "mouseup keydown keyup resize scroll unload").split(" ").map(n => "on" + n);
+for (let a of eventAttributes)
+    GlobalAttrs[a] = null;
+class Schema {
+    constructor(extraTags, extraAttrs) {
+        this.tags = Object.assign(Object.assign({}, Tags), extraTags);
+        this.globalAttrs = Object.assign(Object.assign({}, GlobalAttrs), extraAttrs);
+        this.allTags = Object.keys(this.tags);
+        this.globalAttrNames = Object.keys(this.globalAttrs);
+    }
+}
+Schema.default = /*@__PURE__*/new Schema;
+function elementName(doc, tree, max = doc.length) {
+    if (!tree)
+        return "";
+    let tag = tree.firstChild;
+    let name = tag && tag.getChild("TagName");
+    return name ? doc.sliceString(name.from, Math.min(name.to, max)) : "";
+}
+function findParentElement(tree, skip = false) {
+    for (; tree; tree = tree.parent)
+        if (tree.name == "Element") {
+            if (skip)
+                skip = false;
+            else
+                return tree;
+        }
+    return null;
+}
+function allowedChildren(doc, tree, schema) {
+    let parentInfo = schema.tags[elementName(doc, findParentElement(tree))];
+    return (parentInfo === null || parentInfo === void 0 ? void 0 : parentInfo.children) || schema.allTags;
+}
+function openTags(doc, tree) {
+    let open = [];
+    for (let parent = findParentElement(tree); parent && !parent.type.isTop; parent = findParentElement(parent.parent)) {
+        let tagName = elementName(doc, parent);
+        if (tagName && parent.lastChild.name == "CloseTag")
+            break;
+        if (tagName && open.indexOf(tagName) < 0 && (tree.name == "EndTag" || tree.from >= parent.firstChild.to))
+            open.push(tagName);
+    }
+    return open;
+}
+const identifier = /^[:\-\.\w\u00b7-\uffff]*$/;
+function completeTag(state, schema, tree, from, to) {
+    let end = /\s*>/.test(state.sliceDoc(to, to + 5)) ? "" : ">";
+    let parent = findParentElement(tree, true);
+    return { from, to,
+        options: allowedChildren(state.doc, parent, schema).map(tagName => ({ label: tagName, type: "type" })).concat(openTags(state.doc, tree).map((tag, i) => ({ label: "/" + tag, apply: "/" + tag + end,
+            type: "type", boost: 99 - i }))),
+        validFor: /^\/?[:\-\.\w\u00b7-\uffff]*$/ };
+}
+function completeCloseTag(state, tree, from, to) {
+    let end = /\s*>/.test(state.sliceDoc(to, to + 5)) ? "" : ">";
+    return { from, to,
+        options: openTags(state.doc, tree).map((tag, i) => ({ label: tag, apply: tag + end, type: "type", boost: 99 - i })),
+        validFor: identifier };
+}
+function completeStartTag(state, schema, tree, pos) {
+    let options = [], level = 0;
+    for (let tagName of allowedChildren(state.doc, tree, schema))
+        options.push({ label: "<" + tagName, type: "type" });
+    for (let open of openTags(state.doc, tree))
+        options.push({ label: "</" + open + ">", type: "type", boost: 99 - level++ });
+    return { from: pos, to: pos, options, validFor: /^<\/?[:\-\.\w\u00b7-\uffff]*$/ };
+}
+function completeAttrName(state, schema, tree, from, to) {
+    let elt = findParentElement(tree), info = elt ? schema.tags[elementName(state.doc, elt)] : null;
+    let localAttrs = info && info.attrs ? Object.keys(info.attrs) : [];
+    let names = info && info.globalAttrs === false ? localAttrs
+        : localAttrs.length ? localAttrs.concat(schema.globalAttrNames) : schema.globalAttrNames;
+    return { from, to,
+        options: names.map(attrName => ({ label: attrName, type: "property" })),
+        validFor: identifier };
+}
+function completeAttrValue(state, schema, tree, from, to) {
+    var _a;
+    let nameNode = (_a = tree.parent) === null || _a === void 0 ? void 0 : _a.getChild("AttributeName");
+    let options = [], token = undefined;
+    if (nameNode) {
+        let attrName = state.sliceDoc(nameNode.from, nameNode.to);
+        let attrs = schema.globalAttrs[attrName];
+        if (!attrs) {
+            let elt = findParentElement(tree), info = elt ? schema.tags[elementName(state.doc, elt)] : null;
+            attrs = (info === null || info === void 0 ? void 0 : info.attrs) && info.attrs[attrName];
+        }
+        if (attrs) {
+            let base = state.sliceDoc(from, to).toLowerCase(), quoteStart = '"', quoteEnd = '"';
+            if (/^['"]/.test(base)) {
+                token = base[0] == '"' ? /^[^"]*$/ : /^[^']*$/;
+                quoteStart = "";
+                quoteEnd = state.sliceDoc(to, to + 1) == base[0] ? "" : base[0];
+                base = base.slice(1);
+                from++;
+            }
+            else {
+                token = /^[^\s<>='"]*$/;
+            }
+            for (let value of attrs)
+                options.push({ label: value, apply: quoteStart + value + quoteEnd, type: "constant" });
+        }
+    }
+    return { from, to, options, validFor: token };
+}
+function htmlCompletionFor(schema, context) {
+    let { state, pos } = context, around = syntaxTree(state).resolveInner(pos), tree = around.resolve(pos, -1);
+    for (let scan = pos, before; around == tree && (before = tree.childBefore(scan));) {
+        let last = before.lastChild;
+        if (!last || !last.type.isError || last.from < last.to)
+            break;
+        around = tree = before;
+        scan = last.from;
+    }
+    if (tree.name == "TagName") {
+        return tree.parent && /CloseTag$/.test(tree.parent.name) ? completeCloseTag(state, tree, tree.from, pos)
+            : completeTag(state, schema, tree, tree.from, pos);
+    }
+    else if (tree.name == "StartTag") {
+        return completeTag(state, schema, tree, pos, pos);
+    }
+    else if (tree.name == "StartCloseTag" || tree.name == "IncompleteCloseTag") {
+        return completeCloseTag(state, tree, pos, pos);
+    }
+    else if (context.explicit && (tree.name == "OpenTag" || tree.name == "SelfClosingTag") || tree.name == "AttributeName") {
+        return completeAttrName(state, schema, tree, tree.name == "AttributeName" ? tree.from : pos, pos);
+    }
+    else if (tree.name == "Is" || tree.name == "AttributeValue" || tree.name == "UnquotedAttributeValue") {
+        return completeAttrValue(state, schema, tree, tree.name == "Is" ? pos : tree.from, pos);
+    }
+    else if (context.explicit && (around.name == "Element" || around.name == "Text" || around.name == "Document")) {
+        return completeStartTag(state, schema, tree, pos);
+    }
+    else {
+        return null;
+    }
+}
+/**
+Create a completion source for HTML extended with additional tags
+or attributes.
+*/
+function htmlCompletionSourceWith(config) {
+    let { extraTags, extraGlobalAttributes: extraAttrs } = config;
+    let schema = extraAttrs || extraTags ? new Schema(extraTags, extraAttrs) : Schema.default;
+    return (context) => htmlCompletionFor(schema, context);
+}
+
+const defaultNesting = [
+    { tag: "script",
+        attrs: attrs => attrs.type == "text/typescript" || attrs.lang == "ts",
+        parser: typescriptLanguage.parser },
+    { tag: "script",
+        attrs: attrs => attrs.type == "text/babel" || attrs.type == "text/jsx",
+        parser: jsxLanguage.parser },
+    { tag: "script",
+        attrs: attrs => attrs.type == "text/typescript-jsx",
+        parser: tsxLanguage.parser },
+    { tag: "script",
+        attrs(attrs) {
+            return !attrs.type || /^(?:text|application)\/(?:x-)?(?:java|ecma)script$|^module$|^$/i.test(attrs.type);
+        },
+        parser: javascriptLanguage.parser },
+    { tag: "style",
+        attrs(attrs) {
+            return (!attrs.lang || attrs.lang == "css") && (!attrs.type || /^(text\/)?(x-)?(stylesheet|css)$/i.test(attrs.type));
+        },
+        parser: cssLanguage.parser }
+];
+const defaultAttrs = /*@__PURE__*/[
+    { name: "style",
+        parser: /*@__PURE__*/cssLanguage.parser.configure({ top: "Styles" }) }
+].concat(/*@__PURE__*/eventAttributes.map(name => ({ name, parser: javascriptLanguage.parser })));
+/**
+A language provider based on the [Lezer HTML
+parser](https://github.com/lezer-parser/html), extended with the
+JavaScript and CSS parsers to parse the content of `<script>` and
+`<style>` tags.
+*/
+const htmlPlain = /*@__PURE__*/LRLanguage.define({
+    name: "html",
+    parser: /*@__PURE__*/parser$2.configure({
+        props: [
+            /*@__PURE__*/indentNodeProp.add({
+                Element(context) {
+                    let after = /^(\s*)(<\/)?/.exec(context.textAfter);
+                    if (context.node.to <= context.pos + after[0].length)
+                        return context.continue();
+                    return context.lineIndent(context.node.from) + (after[2] ? 0 : context.unit);
+                },
+                "OpenTag CloseTag SelfClosingTag"(context) {
+                    return context.column(context.node.from) + context.unit;
+                },
+                Document(context) {
+                    if (context.pos + /\s*/.exec(context.textAfter)[0].length < context.node.to)
+                        return context.continue();
+                    let endElt = null, close;
+                    for (let cur = context.node;;) {
+                        let last = cur.lastChild;
+                        if (!last || last.name != "Element" || last.to != cur.to)
+                            break;
+                        endElt = cur = last;
+                    }
+                    if (endElt && !((close = endElt.lastChild) && (close.name == "CloseTag" || close.name == "SelfClosingTag")))
+                        return context.lineIndent(endElt.from) + context.unit;
+                    return null;
+                }
+            }),
+            /*@__PURE__*/foldNodeProp.add({
+                Element(node) {
+                    let first = node.firstChild, last = node.lastChild;
+                    if (!first || first.name != "OpenTag")
+                        return null;
+                    return { from: first.to, to: last.name == "CloseTag" ? last.from : node.to };
+                }
+            }),
+            /*@__PURE__*/bracketMatchingHandle.add({
+                "OpenTag CloseTag": node => node.getChild("TagName")
+            })
+        ]
+    }),
+    languageData: {
+        commentTokens: { block: { open: "<!--", close: "-->" } },
+        indentOnInput: /^\s*<\/\w+\W$/,
+        wordChars: "-._"
+    }
+});
+/**
+A language provider based on the [Lezer HTML
+parser](https://github.com/lezer-parser/html), extended with the
+JavaScript and CSS parsers to parse the content of `<script>` and
+`<style>` tags.
+*/
+const htmlLanguage = /*@__PURE__*/htmlPlain.configure({
+    wrap: /*@__PURE__*/configureNesting(defaultNesting, defaultAttrs)
+});
+/**
+Language support for HTML, including
+[`htmlCompletion`](https://codemirror.net/6/docs/ref/#lang-html.htmlCompletion) and JavaScript and
+CSS support extensions.
+*/
+function html(config = {}) {
+    let dialect = "", wrap;
+    if (config.matchClosingTags === false)
+        dialect = "noMatch";
+    if (config.selfClosingTags === true)
+        dialect = (dialect ? dialect + " " : "") + "selfClosing";
+    if (config.nestedLanguages && config.nestedLanguages.length ||
+        config.nestedAttributes && config.nestedAttributes.length)
+        wrap = configureNesting((config.nestedLanguages || []).concat(defaultNesting), (config.nestedAttributes || []).concat(defaultAttrs));
+    let lang = wrap ? htmlPlain.configure({ wrap, dialect }) : dialect ? htmlLanguage.configure({ dialect }) : htmlLanguage;
+    return new LanguageSupport(lang, [
+        htmlLanguage.data.of({ autocomplete: htmlCompletionSourceWith(config) }),
+        config.autoCloseTags !== false ? autoCloseTags : [],
+        javascript().support,
+        css().support
+    ]);
+}
+const selfClosers = /*@__PURE__*/new Set(/*@__PURE__*/"area base br col command embed frame hr img input keygen link meta param source track wbr menuitem".split(" "));
+/**
+Extension that will automatically insert close tags when a `>` or
+`/` is typed.
+*/
+const autoCloseTags = /*@__PURE__*/EditorView.inputHandler.of((view, from, to, text) => {
+    if (view.composing || view.state.readOnly || from != to || (text != ">" && text != "/") ||
+        !htmlLanguage.isActiveAt(view.state, from, -1))
+        return false;
+    let { state } = view;
+    let changes = state.changeByRange(range => {
+        var _a, _b, _c;
+        let { head } = range, around = syntaxTree(state).resolveInner(head, -1), name;
+        if (around.name == "TagName" || around.name == "StartTag")
+            around = around.parent;
+        if (text == ">" && around.name == "OpenTag") {
+            if (((_b = (_a = around.parent) === null || _a === void 0 ? void 0 : _a.lastChild) === null || _b === void 0 ? void 0 : _b.name) != "CloseTag" &&
+                (name = elementName(state.doc, around.parent, head)) &&
+                !selfClosers.has(name)) {
+                let hasRightBracket = view.state.doc.sliceString(head, head + 1) === ">";
+                let insert = `${hasRightBracket ? "" : ">"}</${name}>`;
+                return { range: EditorSelection.cursor(head + 1), changes: { from: head + (hasRightBracket ? 1 : 0), insert } };
+            }
+        }
+        else if (text == "/" && around.name == "OpenTag") {
+            let empty = around.parent, base = empty === null || empty === void 0 ? void 0 : empty.parent;
+            if (empty.from == head - 1 && ((_c = base.lastChild) === null || _c === void 0 ? void 0 : _c.name) != "CloseTag" &&
+                (name = elementName(state.doc, base, head)) &&
+                !selfClosers.has(name)) {
+                let hasRightBracket = view.state.doc.sliceString(head, head + 1) === ">";
+                let insert = `/${name}${hasRightBracket ? "" : ">"}`;
+                let pos = head + insert.length + (hasRightBracket ? 1 : 0);
+                return { range: EditorSelection.cursor(pos), changes: { from: head, insert } };
+            }
+        }
+        return { range };
+    });
+    if (changes.changes.empty)
+        return false;
+    view.dispatch(changes, { userEvent: "input.type", scrollIntoView: true });
+    return true;
+});
+
+var index = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  autoCloseTags: autoCloseTags,
+  html: html,
+  htmlCompletionSourceWith: htmlCompletionSourceWith,
+  htmlLanguage: htmlLanguage,
+  htmlPlain: htmlPlain
+});
+
+export { CodeLanguage, EditorState, EditorView, script as OrCodeV3, html, javascript, json, jsonParseLinter };