@onereach/ui-components 6.2.0-beta.3289.0 → 6.2.0-beta.3294.0

package/dist/bundled/{v3/isArrayLike-e7fb5cae.js → v2/isArrayLike-e46b8eac.js}

@@ -1,4 +1,4 @@
-import { i as isFunction_1 } from './eq-44ea4d70.js';
+import { i as isFunction_1 } from './eq-95cd2573.js';
 
 /** Used as references for various `Number` constants. */
 var MAX_SAFE_INTEGER$1 = 9007199254740991;

package/dist/bundled/v2/{isEqual-7a8e6106.js → isEqual-44382965.js}

@@ -1,4 +1,4 @@
-import { a as _baseIsEqual } from './_baseIsEqual-fe2002b6.js';
+import { a as _baseIsEqual } from './_baseIsEqual-a1cc156c.js';
 
 var baseIsEqual = _baseIsEqual;
 

package/dist/bundled/{v3/isObject-b7415fc1.js → v2/isObject-fe8b81fd.js}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal } from './_commonjsHelpers-1789f0cf.js';
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 /**
  * Checks if `value` is object-like. A value is object-like if it's not `null`

package/dist/bundled/{v3/range-82efa3d4.js → v2/range-6f26eda4.js}

@@ -1,7 +1,7 @@
-import { e as eq_1 } from './eq-44ea4d70.js';
-import { i as isArrayLike_1, _ as _isIndex } from './isArrayLike-e7fb5cae.js';
-import { i as isObject_1 } from './isObject-b7415fc1.js';
-import { a as toFinite_1 } from './toFinite-bc59ffb0.js';
+import { e as eq_1 } from './eq-95cd2573.js';
+import { i as isArrayLike_1, _ as _isIndex } from './isArrayLike-e46b8eac.js';
+import { i as isObject_1 } from './isObject-fe8b81fd.js';
+import { a as toFinite_1 } from './toFinite-74227610.js';
 
 /* Built-in method references for those with the same name as other `lodash` methods. */
 var nativeCeil = Math.ceil,

package/dist/bundled/v2/{round-567ede34.js → round-f34440f4.js}

@@ -1,7 +1,7 @@
-import { _ as _root } from './isObject-b7415fc1.js';
-import { t as toInteger_1 } from './toInteger-9fa0151c.js';
-import { t as toNumber_1 } from './toFinite-bc59ffb0.js';
-import { t as toString_1 } from './toString-b6e4472a.js';
+import { _ as _root } from './isObject-fe8b81fd.js';
+import { t as toInteger_1 } from './toInteger-2fd112a9.js';
+import { t as toNumber_1 } from './toFinite-74227610.js';
+import { t as toString_1 } from './toString-f3196832.js';
 
 var root = _root,
   toInteger = toInteger_1,

package/dist/bundled/v2/{toFinite-bc59ffb0.js → toFinite-74227610.js}

@@ -1,4 +1,4 @@
-import { i as isObject_1, d as isSymbol_1 } from './isObject-b7415fc1.js';
+import { i as isObject_1, d as isSymbol_1 } from './isObject-fe8b81fd.js';
 
 /** Used to match a single whitespace character. */
 var reWhitespace = /\s/;

package/dist/bundled/v2/{toInteger-9fa0151c.js → toInteger-2fd112a9.js}

@@ -1,4 +1,4 @@
-import { a as toFinite_1 } from './toFinite-bc59ffb0.js';
+import { a as toFinite_1 } from './toFinite-74227610.js';
 
 var toFinite = toFinite_1;
 

package/dist/bundled/v2/{toString-b6e4472a.js → toString-f3196832.js}

@@ -1,4 +1,4 @@
-import { a as _Symbol, d as isSymbol_1 } from './isObject-b7415fc1.js';
+import { a as _Symbol, d as isSymbol_1 } from './isObject-fe8b81fd.js';
 
 /**
  * Checks if `value` is classified as an `Array` object.

package/dist/bundled/v2/utils/functions/dom.js

@@ -1,2 +1,2 @@
-export { M as MutationObs, f as addClass, c as cancelAF, e as contains, m as getAttr, t as getBCR, g as getById, u as getCS, x as getMaxZIndex, q as getStyle, n as hasAttr, j as hasClass, i as isVisible, v as offset, w as position, b as reflow, l as removeAttr, h as removeClass, a as removeNode, p as removeStyle, r as requestAF, d as select, s as selectAll, k as setAttr, o as setStyle } from '../../dom-cec392f3.js';
-import '../../get-34aa21f4.js';
+export { M as MutationObs, f as addClass, c as cancelAF, e as contains, m as getAttr, t as getBCR, g as getById, u as getCS, x as getMaxZIndex, q as getStyle, n as hasAttr, j as hasClass, i as isVisible, v as offset, w as position, b as reflow, l as removeAttr, h as removeClass, a as removeNode, p as removeStyle, r as requestAF, d as select, s as selectAll, k as setAttr, o as setStyle } from '../../dom-bb55b42a.js';
+import '../../get-ab1b7d93.js';

package/dist/bundled/v2/utils/index.js

@@ -3,7 +3,7 @@ export { CODE_BACKSPACE, CODE_BREAK, CODE_DELETE, CODE_DOWN, CODE_END, CODE_ENTE
 export { PLACEMENT_BOTTOM_END, PLACEMENT_BOTTOM_START, PLACEMENT_LEFT_END, PLACEMENT_LEFT_START, PLACEMENT_RIGHT_END, PLACEMENT_RIGHT_START, PLACEMENT_TOP_END, PLACEMENT_TOP_START } from './constants/poper.js';
 export { RX_ABBREVIATION_FROM_STRING, RX_ARRAY_NOTATION, RX_BV_PREFIX, RX_DATE, RX_DATE_SPLIT, RX_DIGITS, RX_ENCODED_COMMA, RX_ENCODE_REVERSE, RX_EXTENSION, RX_HASH, RX_HASH_ID, RX_HREF, RX_HTML_TAGS, RX_HYPHENATE, RX_LONG_COLOR, RX_LOWER_UPPER, RX_NUMBER, RX_PLUS, RX_QUERY_START, RX_REGEXP_REPLACE, RX_SHORT_COLOR, RX_SPACES, RX_SPACE_SPLIT, RX_STAR, RX_START_SPACE_WORD, RX_TIME, RX_TRIM_LEFT, RX_TRIM_RIGHT, RX_UNDERSCORE, RX_UN_KEBAB } from './constants/regex.js';
 export { generateHslFromString, hexToRgb, hslToColorString, rgbToHex } from './functions/color.js';
-export { M as MutationObs, f as addClass, c as cancelAF, e as contains, m as getAttr, t as getBCR, g as getById, u as getCS, x as getMaxZIndex, q as getStyle, n as hasAttr, j as hasClass, i as isVisible, v as offset, w as position, b as reflow, l as removeAttr, h as removeClass, a as removeNode, p as removeStyle, r as requestAF, d as select, s as selectAll, k as setAttr, o as setStyle } from '../dom-cec392f3.js';
+export { M as MutationObs, f as addClass, c as cancelAF, e as contains, m as getAttr, t as getBCR, g as getById, u as getCS, x as getMaxZIndex, q as getStyle, n as hasAttr, j as hasClass, i as isVisible, v as offset, w as position, b as reflow, l as removeAttr, h as removeClass, a as removeNode, p as removeStyle, r as requestAF, d as select, s as selectAll, k as setAttr, o as setStyle } from '../dom-bb55b42a.js';
 export { getHashOfString, normalize } from './functions/hash.js';
 export { pxToRem } from './functions/px-to-rem.js';
 export { getAbbreviation } from './functions/text.js';

package/dist/bundled/v3/{OrAvatar.vue_vue_type_script_lang-10c2add0.js → OrAvatar.vue_vue_type_script_lang-95fe92f9.js}

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue-demi';
 import { OR_AVATAR_SIZE } from './components/OrAvatar/constants.js';
 import './components/OrIcon/OrIcon.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-f3cbff23.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-23dad121.js';
 
 var script = defineComponent({
   name: 'OrAvatar',

package/dist/bundled/v3/{OrBottomSheet.vue_vue_type_script_lang-aca902f2.js → OrBottomSheet.vue_vue_type_script_lang-33bfe3c4.js}

@@ -1,10 +1,10 @@
-import { o as onClickOutside } from './index-0a01982b.js';
+import { o as onClickOutside } from './index-2db1212e.js';
 import { defineComponent, ref, toRefs, computed, watch } from 'vue-demi';
 import useBottomSheetSwipeState from './components/OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
 import { BottomSheetVariant } from './components/OrBottomSheetV3/props.js';
 import { BottomSheet, BottomSheetVariants, BottomSheetHandle, BottomSheetHeader, BottomSheetContent } from './components/OrBottomSheetV3/styles.js';
 import './components/OrOverlayV3/OrOverlay.js';
-import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-2b256188.js';
+import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-7e9b1817.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrButton.vue_vue_type_script_lang-db6595f6.js → OrButton.vue_vue_type_script_lang-85f1cb3f.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
 import { ButtonType, ButtonVariant, ButtonColor } from './components/OrButtonV3/props.js';
 import { Button, ButtonVariants, ButtonColors } from './components/OrButtonV3/styles.js';
 import './components/OrLoaderV3/OrLoader.js';
-import { s as script$1 } from './OrLoader.vue_vue_type_script_lang-0ea76e45.js';
+import { s as script$1 } from './OrLoader.vue_vue_type_script_lang-b0347c70.js';
 
 var script = defineComponent({
   name: 'OrButton',

package/dist/bundled/v3/{OrButton.vue_vue_type_script_lang-0fb2b270.js → OrButton.vue_vue_type_script_lang-9d4ac135.js}

@@ -2,7 +2,7 @@ import { defineComponent, isVue3 } from 'vue-demi';
 import { BUTTON_TYPE, BUTTON_COLOR, BUTTON_SIZE, HTML_BUTTON_TYPE } from './components/OrButtonV2/constants.js';
 import './components/OrIcon/OrIcon.js';
 import './components/OrLoader/OrLoader.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-f3cbff23.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-23dad121.js';
 import { s as script$2 } from './OrLoader.vue_vue_type_script_lang-a1fed697.js';
 import { LoaderViews } from './components/OrLoader/constants.js';
 

package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-bf9018d5.js → OrCardCollection.vue_vue_type_script_lang-0ba13713.js}

@@ -4,10 +4,10 @@ import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, re
 import { gridView, defaultViewModes } from './components/OrCardCollectionV3/props.js';
 import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrSortingV3/OrSorting.js';
-import { s as script$3 } from './OrSorting.vue_vue_type_script_lang-8ea37e10.js';
+import { s as script$3 } from './OrSorting.vue_vue_type_script_lang-7496f136.js';
 import './components/OrSearchV3/OrSearch.js';
-import { s as script$4 } from './OrSearch.vue_vue_type_script_lang-47c2a5b0.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-64e7b6ab.js';
+import { s as script$4 } from './OrSearch.vue_vue_type_script_lang-9e5da97d.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-20210ebe.js';
 
 var script$1 = defineComponent({
   name: 'OrCardCollectionView',

package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-02606ec6.js → OrCardCollection.vue_vue_type_script_lang-fe769106.js}

@@ -4,10 +4,10 @@ import './components/OrCard/OrCard.js';
 import { s as script$1 } from './OrCard.vue_vue_type_script_lang-81561dd8.js';
 import './components/OrIcon/OrIcon.js';
 import './components/OrSearch/OrSearch.js';
-import { s as script$3 } from './OrSearch.vue_vue_type_script_lang-6a34ea7a.js';
+import { s as script$3 } from './OrSearch.vue_vue_type_script_lang-981f3cf0.js';
 import './components/OrIconButtonV2/OrIconButton.js';
-import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-f3cbff23.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-f6bf7dda.js';
+import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-23dad121.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-85c7ef74.js';
 
 var script = defineComponent({
   name: 'OrCardCollection',

package/dist/bundled/v3/{OrCheckbox.vue_vue_type_script_lang-de28fcaf.js → OrCheckbox.vue_vue_type_script_lang-576b5f5d.js}

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue-demi';
 import './components/OrIcon/OrIcon.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-f3cbff23.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-23dad121.js';
 
 var script = defineComponent({
   name: 'OrCheckbox',

package/dist/bundled/v3/{OrCheckboxGroup.vue_vue_type_script_lang-2d4980de.js → OrCheckboxGroup.vue_vue_type_script_lang-c05088ee.js}

@@ -1,6 +1,6 @@
 import { defineComponent, toRef } from 'vue-demi';
 import './components/OrCheckboxTreeV3/OrCheckboxTree.js';
-import { s as script$1 } from './OrCheckboxTree.vue_vue_type_script_lang-8d9ed718.js';
+import { s as script$1 } from './OrCheckboxTree.vue_vue_type_script_lang-bd0fa916.js';
 import './components/OrFormGroupV3/OrFormGroup.js';
 import { s as script$2 } from './OrFormGroup.vue_vue_type_script_lang-7ef8a039.js';
 import { FormGroupDirection } from './components/OrFormGroupV3/props.js';

package/dist/bundled/v3/{OrCheckboxTree.vue_vue_type_script_lang-8d9ed718.js → OrCheckboxTree.vue_vue_type_script_lang-bd0fa916.js}

@@ -5,9 +5,9 @@ import './components/OrIconV3/OrIcon.js';
 import './components/OrCheckboxV3/OrCheckbox.js';
 import { s as script$2 } from './OrCheckbox.vue_vue_type_script_lang-4fa909d8.js';
 import './components/OrButtonV3/OrButton.js';
-import { u as useToggle } from './index-40b35d94.js';
+import { u as useToggle } from './index-5e8e7a46.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$3 } from './OrButton.vue_vue_type_script_lang-db6595f6.js';
+import { s as script$3 } from './OrButton.vue_vue_type_script_lang-85f1cb3f.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrChip.vue_vue_type_script_lang-cacd81e5.js → OrChip.vue_vue_type_script_lang-8ccf3d2d.js}

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue-demi';
 import './components/OrIcon/OrIcon.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-f3cbff23.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-23dad121.js';
 
 var script = defineComponent({
   name: 'OrChip',

package/dist/bundled/v3/{OrChips.vue_vue_type_script_lang-e1f37564.js → OrChips.vue_vue_type_script_lang-70be98b5.js}

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue-demi';
 import './components/OrChip/OrChip.js';
 import { OR_CHIPS_VALUE_PROP, PLACEHOLDER_PROP } from './components/OrChips/constants.js';
-import { s as script$2 } from './OrChip.vue_vue_type_script_lang-cacd81e5.js';
+import { s as script$2 } from './OrChip.vue_vue_type_script_lang-8ccf3d2d.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, Fragment, renderList, createBlock, createElementVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import './components/OrLabel/OrLabel.js';

package/dist/bundled/v3/{OrCode.vue_vue_type_script_lang-2300b956.js → OrCode.vue_vue_type_script_lang-1df17839.js}

@@ -1,6 +1,6 @@
-import { E as EditorView, a as EditorState, k as keymap } from './index-3cae2d25.js';
-import { b as basicSetup, i as indentWithTab } from './index-de4975a3.js';
-import { u as useElementHover } from './index-0a01982b.js';
+import { E as EditorView, a as EditorState, k as keymap } from './index-73699920.js';
+import { b as basicSetup, i as indentWithTab } from './index-3074ab3c.js';
+import { u as useElementHover } from './index-2db1212e.js';
 import { defineComponent, ref } from 'vue-demi';
 import script$3 from './components/OrTeleport/OrTeleport.js';
 import { OrCodeLanguages } from './components/OrCode/constants.js';
@@ -8,11 +8,11 @@ import languages from './components/OrCode/lang.js';
 import theme from './components/OrCode/theme.js';
 import './components/OrIconButtonV2/OrIconButton.js';
 import './components/OrModal/OrModal.js';
-import { s as script$2 } from './OrModal.vue_vue_type_script_lang-f1e9175d.js';
+import { s as script$2 } from './OrModal.vue_vue_type_script_lang-22ca96e3.js';
 import './components/OrError/OrError.js';
 import './components/OrHint/OrHint.js';
 import './components/OrLabel/OrLabel.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-f6bf7dda.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-85c7ef74.js';
 import { s as script$4 } from './OrError.vue_vue_type_script_lang-450321b8.js';
 import { s as script$5 } from './OrHint.vue_vue_type_script_lang-5eb3ee22.js';
 import { s as script$6 } from './OrLabel.vue_vue_type_script_lang-6243e348.js';

package/dist/bundled/v3/{OrCode.vue_vue_type_script_lang-52b0ab4c.js → OrCode.vue_vue_type_script_lang-ad985f8f.js}

@@ -1,9 +1,6 @@
-import { b as basicSetup, i as indentWithTab } from './index-de4975a3.js';
-import { j as json, c as css, h as html } from './index-3e178101.js';
-import { j as javascript } from './index-666dfe59.js';
-import { m as markdown } from './index-0c287ab6.js';
-import { E as EditorView, k as keymap, a as EditorState } from './index-3cae2d25.js';
 import { defineComponent, ref, computed, reactive, toRef, watch, onMounted, onUnmounted } from 'vue-demi';
+import { b as basicSetup, i as indentWithTab } from './index-3074ab3c.js';
+import { C as Compartment, k as keymap, a as EditorState, E as EditorView } from './index-73699920.js';
 import { CodeLanguage } from './components/OrCodeV3/props.js';
 import { Code, CodeControl } from './components/OrCodeV3/styles.js';
 import './components/OrErrorV3/OrError.js';
@@ -12,10 +9,10 @@ import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrInputBoxV3/OrInputBox.js';
 import './components/OrLabelV3/OrLabel.js';
 import './components/OrModalV3/OrModal.js';
-import { s as script$6 } from './OrModal.vue_vue_type_script_lang-d2339f74.js';
+import { s as script$6 } from './OrModal.vue_vue_type_script_lang-fe9b0d62.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-64e7b6ab.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-20210ebe.js';
 import { s as script$4 } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import { s as script$5 } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
@@ -76,7 +73,7 @@ var script = defineComponent({
     }
   },
   emits: ['update:modelValue', 'keydown', 'keyup', 'focus', 'blur'],
-  expose: ['root', 'focus', 'blur'],
+  expose: ['root', 'editorView', 'focus', 'blur'],
   setup(props, context) {
     // Refs
     const root = ref();
@@ -86,6 +83,7 @@ var script = defineComponent({
     // Styles
     const rootStyles = computed(() => ['or-code-v3', ...Code]);
     const controlStyles = computed(() => [...CodeControl]);
+    const addedExtensionCompartment = new Compartment();
     // State
     const controlAttributes = reactive({
       id: useIdAttribute(),
@@ -93,24 +91,24 @@ var script = defineComponent({
       ...useValidationAttributes()
     });
     const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
-    const proxyLanguage = computed(() => {
-      switch (props.language) {
+    const getLanguageExtension = async language => {
+      switch (language) {
         case CodeLanguage.HTML:
-          return html();
+          return (await import('./index-fdffd536.js')).html();
         case CodeLanguage.CSS:
-          return css();
+          return (await import('./index-3de4069f.js')).css();
         case CodeLanguage.JS:
-          return javascript();
+          return (await import('./index-c661340a.js')).javascript();
         case CodeLanguage.TS:
-          return javascript({
+          return (await import('./index-c661340a.js')).javascript({
             typescript: true
           });
         case CodeLanguage.JSON:
-          return json();
+          return (await import('./index-a59e89b4.js')).json();
         case CodeLanguage.MD:
-          return markdown();
+          return (await import('./index-e0aaa8dc.js')).markdown();
       }
-    });
+    };
     // Methods
     function focus() {
       var _a;
@@ -121,14 +119,8 @@ var script = defineComponent({
       (_a = control.value) === null || _a === void 0 ? void 0 : _a.blur();
     }
     // #region Codemirror
-    const editorView = new EditorView({
-      dispatch: transaction => {
-        editorView.update([transaction]);
-        proxyModelValue.value = String(editorView.state.doc);
-      }
-    });
     const theme = useTheme();
-    const extensions = computed(() => [basicSetup, keymap.of([indentWithTab]), EditorState.readOnly.of(props.readonly), EditorView.editable.of(!props.disabled), EditorView.domEventHandlers({
+    const defaultExtensions = [basicSetup, keymap.of([indentWithTab]), EditorState.readOnly.of(props.readonly), EditorView.editable.of(!props.disabled), EditorView.domEventHandlers({
       keydown: event => {
         context.emit('keydown', event);
       },
@@ -163,19 +155,43 @@ var script = defineComponent({
       '.cm-activeLineGutter, .cm-activeLine': {
         backgroundColor: theme.backgroundColor['primary-opacity-0-08']
       }
-    }), proxyLanguage.value, ...props.extensions]);
-    watch([proxyModelValue, extensions], _ref => {
-      let [modelValue = '', extensions] = _ref;
+    })];
+    const state = EditorState.create({
+      doc: proxyModelValue.value,
+      extensions: [...defaultExtensions, addedExtensionCompartment.of([])]
+    });
+    const editorView = new EditorView({
+      state,
+      dispatch: transaction => {
+        editorView.update([transaction]);
+        if (transaction.docChanged) {
+          proxyModelValue.value = String(editorView.state.doc);
+        }
+      }
+    });
+    watch(proxyModelValue, value => {
+      const modelValue = value !== null && value !== void 0 ? value : '';
       const {
         selection
       } = editorView.state;
-      editorView.setState(EditorState.create({
-        doc: modelValue,
-        extensions,
+      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], async _ref => {
+      let [extensions, language] = _ref;
+      const languageExt = await getLanguageExtension(language);
+      const effect = addedExtensionCompartment.reconfigure([...extensions, languageExt]);
+      editorView.dispatch({
+        effects: [effect]
+      });
     }, {
       immediate: true
     });
@@ -203,6 +219,7 @@ var script = defineComponent({
       editorView.destroy();
     });
     return {
+      editorView,
       root,
       control,
       fullscreenControl,
@@ -211,7 +228,6 @@ var script = defineComponent({
       controlStyles,
       controlAttributes,
       proxyModelValue,
-      proxyLanguage,
       focus,
       blur
     };

package/dist/bundled/v3/{OrCollapse.vue_vue_type_script_lang-be1c8c66.js → OrCollapse.vue_vue_type_script_lang-69503c45.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, onBeforeUnmount, watch } from 'vue-demi';
 import { pxToRem } from './utils/functions/px-to-rem.js';
-import { o as setStyle, r as requestAF, b as reflow, p as removeStyle, c as cancelAF, t as getBCR } from './dom-cec392f3.js';
+import { o as setStyle, r as requestAF, b as reflow, p as removeStyle, c as cancelAF, t as getBCR } from './dom-bb55b42a.js';
 
 var script = defineComponent({
   name: 'OrCollapse',

package/dist/bundled/v3/{OrColorPicker.vue_vue_type_script_lang-95d92da0.js → OrColorPicker.vue_vue_type_script_lang-153ef60d.js}

@@ -1,11 +1,11 @@
 import Palette from './components/OrColorPicker/constants.js';
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from './index-0a01982b.js';
+import { o as onClickOutside } from './index-2db1212e.js';
 import defaultPalette from './components/OrColorPicker/utils/defultPalette.js';
 import './components/OrFloating/OrFloating.js';
-import { s as script$1 } from './OrFloating.vue_vue_type_script_lang-38aa1d83.js';
+import { s as script$1 } from './OrFloating.vue_vue_type_script_lang-d579c010.js';
 import { OrFloatingPlacements } from './components/OrFloating/constants.js';
-import { u as useToggle } from './index-40b35d94.js';
+import { u as useToggle } from './index-5e8e7a46.js';
 
 var script = defineComponent({
   name: 'OrColorPicker',

package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-19922dd5.js → OrConfirm.vue_vue_type_script_lang-808367f7.js}

@@ -1,15 +1,15 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { a as useMagicKeys, b as useActiveElement } from './index-0a01982b.js';
-import { l as logicAnd } from './index-749f3444.js';
+import { a as useMagicKeys, b as useActiveElement } from './index-2db1212e.js';
+import { l as logicAnd } from './index-51eb57bd.js';
 import './components/OrButtonV2/OrButton.js';
-import { s as script$1 } from './OrButton.vue_vue_type_script_lang-0fb2b270.js';
+import { s as script$1 } from './OrButton.vue_vue_type_script_lang-9d4ac135.js';
 import './components/OrModal/OrModal.js';
 import './components/OrInput/OrInput.js';
 import { BUTTON_COLOR } from './components/OrButtonV2/constants.js';
 import { OrModalSizes } from './components/OrModal/constants.js';
-import { w as whenever } from './index-40b35d94.js';
-import { s as script$2 } from './OrModal.vue_vue_type_script_lang-f1e9175d.js';
-import { s as script$3 } from './OrInput.vue_vue_type_script_lang-515ff78a.js';
+import { w as whenever } from './index-5e8e7a46.js';
+import { s as script$2 } from './OrModal.vue_vue_type_script_lang-22ca96e3.js';
+import { s as script$3 } from './OrInput.vue_vue_type_script_lang-863d3195.js';
 
 var script = defineComponent({
   name: 'OrConfirm',

package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-4e9966f2.js → OrConfirm.vue_vue_type_script_lang-cf909881.js}

@@ -1,5 +1,5 @@
-import { a as useMagicKeys, o as onClickOutside } from './index-0a01982b.js';
-import { l as logicAnd } from './index-749f3444.js';
+import { a as useMagicKeys, o as onClickOutside } from './index-2db1212e.js';
+import { l as logicAnd } from './index-51eb57bd.js';
 import { defineComponent, ref, toRef, computed, watch } from 'vue-demi';
 import { ConfirmType } from './components/OrConfirmV3/props.js';
 import { Confirm, ConfirmHeader, ConfirmInput, ConfirmFooter, ConfirmFooterTypes, ConfirmFooterButtons } from './components/OrConfirmV3/styles.js';
@@ -7,11 +7,11 @@ import './components/OrOverlayV3/OrOverlay.js';
 import './components/OrButtonV3/OrButton.js';
 import './components/OrInputV3/OrInput.js';
 import { ButtonColor } from './components/OrButtonV3/props.js';
-import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-2b256188.js';
-import { s as script$2 } from './OrButton.vue_vue_type_script_lang-db6595f6.js';
-import { s as script$3 } from './OrInput.vue_vue_type_script_lang-39d1a293.js';
+import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-7e9b1817.js';
+import { s as script$2 } from './OrButton.vue_vue_type_script_lang-85f1cb3f.js';
+import { s as script$3 } from './OrInput.vue_vue_type_script_lang-4c9af1b9.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
-import { w as whenever } from './index-40b35d94.js';
+import { w as whenever } from './index-5e8e7a46.js';
 
 var script = defineComponent({
   name: 'OrConfirm',

package/dist/bundled/v3/{OrContextMenu.vue_vue_type_script_lang-f40c0d92.js → OrContextMenu.vue_vue_type_script_lang-b4e0569b.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, watch } from 'vue-demi';
 import './components/OrMenuV3/OrMenu.js';
-import { s as script$1 } from './OrMenu.vue_vue_type_script_lang-edc12857.js';
+import { s as script$1 } from './OrMenu.vue_vue_type_script_lang-80d3a47b.js';
 import { PopoverPlacement } from './components/OrPopoverV3/props.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 

package/dist/bundled/v3/{OrDatePicker.vue_vue_type_script_lang-04273abb.js → OrDatePicker.vue_vue_type_script_lang-b1130337.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from './components/OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-2ff0e8f9.js';
-import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-135da975.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-7fcfccdf.js';
+import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-78fe6852.js';
 import { DatePicker, DatePickerPopover } from './components/OrDatePickerV3/styles.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrHintV3/OrHint.js';
@@ -15,10 +15,10 @@ import { DropdownOpen } from './directives/dropdown-open.js';
 import { s as script$7 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$8 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$9 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$a } from './OrIconButton.vue_vue_type_script_lang-64e7b6ab.js';
+import { s as script$a } from './OrIconButton.vue_vue_type_script_lang-20210ebe.js';
 import { s as script$b } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import { s as script$c } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
-import { s as script$d } from './OrPopover.vue_vue_type_script_lang-2fba84de.js';
+import { s as script$d } from './OrPopover.vue_vue_type_script_lang-b6dba09f.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 

package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-66b3611e.js → OrDateTimePicker.vue_vue_type_script_lang-37b1996e.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from './components/OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-2ff0e8f9.js';
-import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-135da975.js';
-import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-fe701e75.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-7fcfccdf.js';
+import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-78fe6852.js';
+import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-56bff361.js';
 import { DateTimePickerTimeFormat } from './components/OrDateTimePickerV3/props.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './components/OrDateTimePickerV3/styles.js';
 import './components/OrErrorV3/OrError.js';
@@ -15,10 +15,10 @@ import './components/OrPopoverV3/OrPopover.js';
 import { s as script$9 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$a } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$b } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$c } from './OrIconButton.vue_vue_type_script_lang-64e7b6ab.js';
+import { s as script$c } from './OrIconButton.vue_vue_type_script_lang-20210ebe.js';
 import { s as script$d } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import { s as script$e } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
-import { s as script$f } from './OrPopover.vue_vue_type_script_lang-2fba84de.js';
+import { s as script$f } from './OrPopover.vue_vue_type_script_lang-b6dba09f.js';
 import { DropdownClose } from './directives/dropdown-close.js';
 import { DropdownOpen } from './directives/dropdown-open.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';

package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-73b5c809.js → OrDateTimePicker.vue_vue_type_script_lang-98f80113.js}

@@ -1,9 +1,9 @@
-import { _ as _baseToString, t as toString_1 } from './toString-b6e4472a.js';
+import { _ as _baseToString, t as toString_1 } from './toString-f3196832.js';
 import { _ as _baseProperty } from './_baseProperty-a52739e9.js';
-import { t as toInteger_1 } from './toInteger-9fa0151c.js';
+import { t as toInteger_1 } from './toInteger-2fd112a9.js';
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
-import { o as onClickOutside } from './index-0a01982b.js';
-import { o as setStyle, r as requestAF, u as getCS, b as reflow, c as cancelAF } from './dom-cec392f3.js';
+import { o as onClickOutside } from './index-2db1212e.js';
+import { o as setStyle, r as requestAF, u as getCS, b as reflow, c as cancelAF } from './dom-bb55b42a.js';
 import { pxToRem } from './utils/functions/px-to-rem.js';
 import { OrDateTimePickerItemTypes, OrDateTimePickerTypes, DEFAULT_TEXT } from './components/OrDateTimePicker/constants.js';
 import { openBlock, createElementBlock, normalizeClass, withModifiers, toDisplayString } from 'vue';
@@ -14,12 +14,12 @@ import './components/OrError/OrError.js';
 import './components/OrHint/OrHint.js';
 import './components/OrCollapse/OrCollapse.js';
 import './components/OrIconButtonV2/OrIconButton.js';
-import { s as script$2 } from './OrFloating.vue_vue_type_script_lang-38aa1d83.js';
+import { s as script$2 } from './OrFloating.vue_vue_type_script_lang-d579c010.js';
 import { s as script$3 } from './OrLabel.vue_vue_type_script_lang-6243e348.js';
 import { s as script$4 } from './OrError.vue_vue_type_script_lang-450321b8.js';
 import { s as script$5 } from './OrHint.vue_vue_type_script_lang-5eb3ee22.js';
-import { s as script$6 } from './OrCollapse.vue_vue_type_script_lang-be1c8c66.js';
-import { s as script$7 } from './OrIconButton.vue_vue_type_script_lang-f6bf7dda.js';
+import { s as script$6 } from './OrCollapse.vue_vue_type_script_lang-69503c45.js';
+import { s as script$7 } from './OrIconButton.vue_vue_type_script_lang-85c7ef74.js';
 
 /** Used as references for various `Number` constants. */
 var MAX_SAFE_INTEGER = 9007199254740991;

package/dist/bundled/v3/{OrDateTimePickerMonthSelect-2ff0e8f9.js → OrDateTimePickerMonthSelect-7fcfccdf.js}

@@ -3,14 +3,14 @@ import { useDatePlaceholder } from './components/OrDateTimePickerV3/hooks/useDat
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withModifiers, withCtx, createVNode } from 'vue';
 import './components/OrButtonV3/OrButton.js';
-import { s as script$3 } from './OrButton.vue_vue_type_script_lang-db6595f6.js';
+import { s as script$3 } from './OrButton.vue_vue_type_script_lang-85f1cb3f.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrMenuV3/OrMenu.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
 import { s as script$4 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$5 } from './OrIconButton.vue_vue_type_script_lang-64e7b6ab.js';
-import { s as script$6 } from './OrMenu.vue_vue_type_script_lang-edc12857.js';
+import { s as script$5 } from './OrIconButton.vue_vue_type_script_lang-20210ebe.js';
+import { s as script$6 } from './OrMenu.vue_vue_type_script_lang-80d3a47b.js';
 import { s as script$7 } from './OrMenuItem.vue_vue_type_script_lang-1785286a.js';
 
 const DateTimePickerDateControl = [

package/dist/bundled/v3/{OrDateTimePickerPopoverHeader-135da975.js → OrDateTimePickerPopoverHeader-78fe6852.js}

@@ -3,7 +3,7 @@ import './components/OrLabelV3/OrLabel.js';
 import { s as script$3 } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, renderSlot, withModifiers } from 'vue';
 import './components/OrButtonV3/OrButton.js';
-import { s as script$4 } from './OrButton.vue_vue_type_script_lang-db6595f6.js';
+import { s as script$4 } from './OrButton.vue_vue_type_script_lang-85f1cb3f.js';
 
 const DateTimePickerMobileControl = [
 // Layout

package/dist/bundled/v3/{OrDateTimePickerTimeSelect-fe701e75.js → OrDateTimePickerTimeSelect-56bff361.js}

@@ -4,7 +4,7 @@ import { DateTimePickerTimeFormat } from './components/OrDateTimePickerV3/props.
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withModifiers, withCtx, createVNode, createCommentVNode } from 'vue';
 import './components/OrButtonV3/OrButton.js';
-import { s as script$2 } from './OrButton.vue_vue_type_script_lang-db6595f6.js';
+import { s as script$2 } from './OrButton.vue_vue_type_script_lang-85f1cb3f.js';
 
 const DateTimePickerTimeControl = [
 // Layout