@onereach/ui-components-vue2 20.1.1 → 20.1.3

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

@@ -1,1575 +0,0 @@
-import { defineComponent, ref, computed, reactive, toRef, watch, onMounted, onUnmounted } from 'vue-demi';
-import { K, _, i as ie, b as re, u as ue } from '../../useValidationAttributes-DxhcSj_h-39556969.js';
-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 { OrErrorV3 as OrError } from '../or-error-v3/index.js';
-import { OrHintV3 as OrHint } from '../or-hint-v3/index.js';
-import { OrInputBoxV3 as OrInputBox } from '../or-input-box-v3/index.js';
-import { OrLabelV3 as OrLabel } from '../or-label-v3/index.js';
-import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
-import { OrModalV3 as OrModal } from '../or-modal-v3/index.js';
-import { OrIconButtonV3 as OrIconButton } from '../or-icon-button-v3/index.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 '../../dom-CwV-xS38-5babad01.js';
-import 'lodash/get';
-import 'lodash/isElement';
-import '@vueuse/core';
-import '@codemirror/search';
-import '@codemirror/autocomplete';
-import 'crelt';
-import '@lezer/javascript';
-import 'style-mod';
-import 'w3c-keyname';
-import '../../types-98e9a758.js';
-import '../or-overlay-v3/index.js';
-import '../or-teleport-v3/index.js';
-import 'portal-vue';
-import '../../constants-873d04a2.js';
-import '../or-icon-v3/index.js';
-import '../or-tooltip-v3/index.js';
-import '../or-popover-v3/index.js';
-import '@floating-ui/core';
-import '@floating-ui/utils';
-import '@floating-ui/utils/dom';
-import '../../extractCssVarName-IHa2pGlF-d99daa2a.js';
-import '../or-bottom-sheet-v3/index.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,
-    OrHint,
-    OrInputBox,
-    OrLabel
-  },
-  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
-    };
-  }
-});
-
-/* script */
-const __vue_script__$1 = script$1;
-
-/* template */
-var __vue_render__$1 = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    ref: 'root',
-    class: _vm.rootStyles
-  }, [_c('OrLabel', {
-    attrs: {
-      "control-id": _vm.controlId,
-      "variant": 'input',
-      "required": _vm.required,
-      "disabled": _vm.disabled
-    },
-    scopedSlots: _vm._u([{
-      key: "addon",
-      fn: function () {
-        return [_vm._t("addon")];
-      },
-      proxy: true
-    }], null, true)
-  }, [_vm._t("label", function () {
-    return [_vm._v("\n      " + _vm._s(_vm.label) + "\n    ")];
-  })], 2), _vm._v(" "), _c('OrInputBox', {
-    class: ['grow'],
-    attrs: {
-      "size": 'm',
-      "invalid": !!_vm.error || !!_vm.$slots.error,
-      "readonly": _vm.readonly,
-      "disabled": _vm.disabled
-    }
-  }, [_c('div', {
-    ref: 'control',
-    class: _vm.controlStyles
-  })]), _vm._v(" "), _vm.$slots.hint || _vm.hint ? [_c('OrHint', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: !_vm.error,
-      expression: "!error"
-    }],
-    attrs: {
-      "disabled": _vm.disabled
-    }
-  }, [_vm._t("hint", function () {
-    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
-  })], 2)] : _vm._e(), _vm._v(" "), _c('OrError', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: typeof _vm.error === 'string' && _vm.error.length > 0 || _vm.$slots.error,
-      expression: "typeof error === 'string' && error.length > 0 || $slots.error"
-    }],
-    attrs: {
-      "disabled": _vm.disabled
-    }
-  }, [_vm._t("error", function () {
-    return [_vm._v("\n      " + _vm._s(_vm.error) + "\n    ")];
-  })], 2)], 2);
-};
-var __vue_staticRenderFns__$1 = [];
-
-/* style */
-const __vue_inject_styles__$1 = undefined;
-/* scoped */
-const __vue_scope_id__$1 = undefined;
-/* module identifier */
-const __vue_module_identifier__$1 = undefined;
-/* functional template */
-const __vue_is_functional_template__$1 = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$2 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$1,
-  staticRenderFns: __vue_staticRenderFns__$1
-}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
-var OrCodeControl = __vue_component__$2;
-
-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,
-    OrCodeControl,
-    OrIconButton
-  },
-  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-8a807135.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
-    };
-  }
-});
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    ref: 'root',
-    class: _vm.rootStyles
-  }, [_c('OrCodeControl', {
-    ref: 'control',
-    attrs: {
-      "control-id": _vm.controlAttributes.id,
-      "label": _vm.label,
-      "hint": _vm.hint,
-      "error": _vm.error,
-      "disabled": _vm.disabled,
-      "readonly": _vm.readonly
-    },
-    scopedSlots: _vm._u([{
-      key: "label",
-      fn: function () {
-        return [_vm._t("label", function () {
-          return [_vm._v("\n        " + _vm._s(_vm.label) + "\n      ")];
-        })];
-      },
-      proxy: true
-    }, {
-      key: "addon",
-      fn: function () {
-        return [_c('div', {
-          class: ['layout-row', 'gap-xs']
-        }, [_vm._t("addon"), _vm._v(" "), _vm.enableFullscreen ? _c('OrIconButton', {
-          attrs: {
-            "icon": 'fullscreen'
-          },
-          on: {
-            "click": function ($event) {
-              $event.stopPropagation();
-              return _vm.openFullscreen();
-            }
-          }
-        }) : _vm._e()], 2)];
-      },
-      proxy: true
-    }, {
-      key: "hint",
-      fn: function () {
-        return [_vm._t("hint", function () {
-          return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
-        })];
-      },
-      proxy: true
-    }, _vm.$slots.error ? {
-      key: "error",
-      fn: function () {
-        return [_vm._t("error")];
-      },
-      proxy: true
-    } : null], null, true)
-  }), _vm._v(" "), _c('OrModal', {
-    ref: 'modal',
-    attrs: {
-      "additional-styles": _vm.modalStyles,
-      "size": 'l'
-    },
-    scopedSlots: _vm._u([{
-      key: "header",
-      fn: function () {
-        return [_vm._t("label", function () {
-          return [_vm._v("\n        " + _vm._s(_vm.label) + "\n      ")];
-        })];
-      },
-      proxy: true
-    }, _vm.$slots.modalFooter ? {
-      key: "footer",
-      fn: function () {
-        return [_vm._t("modalFooter")];
-      },
-      proxy: true
-    } : null], null, true)
-  }, [_vm._v(" "), _c('OrCodeControl', {
-    ref: 'fullscreenControl',
-    attrs: {
-      "control-id": _vm.controlAttributes.id,
-      "hint": _vm.hint,
-      "error": _vm.error,
-      "disabled": _vm.disabled,
-      "readonly": _vm.readonly
-    },
-    scopedSlots: _vm._u([{
-      key: "addon",
-      fn: function () {
-        return [_vm._t("addon")];
-      },
-      proxy: true
-    }, _vm.$slots.error ? {
-      key: "error",
-      fn: function () {
-        return [_vm._t("error")];
-      },
-      proxy: true
-    } : null], null, true)
-  })], 1)], 1);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = undefined;
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
-var __vue_component__$1 = __vue_component__;
-
-/**
-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, __vue_component__$1 as OrCodeV3, html, javascript, json, jsonParseLinter };