@kong-ui-public/monaco-editor 0.7.5 → 0.8.0

package/README.md

@@ -113,6 +113,40 @@ Whether the editor is in a loading state. When true, displays a loading overlay.
 
 Additional Monaco Editor options to customize the editor further. See [Monaco Editor API](https://microsoft.github.io/monaco-editor/typedoc/interfaces/editor.IStandaloneEditorConstructionOptions.html) for available options.
 
+### Events
+
+#### `ready`
+
+Emitted when the Monaco editor instance is initialized and ready for use.
+
+**Payload:**
+
+- `editor`: The Monaco `IStandaloneCodeEditor` instance.
+
+##### Example
+
+```vue
+<template>
+  <MonacoEditor
+    v-model="code"
+    language="javascript"
+    @ready="onEditorReady"
+  />
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import type { editor } from 'monaco-editor'
+
+const code = ref('// your code here')
+
+function onEditorReady(editorInstance: editor.IStandaloneCodeEditor) {
+  // You can now use the Monaco editor instance
+  editorInstance.focus()
+}
+</script>
+```
+
 ### v-model
 
 The component requires a `v-model` binding to manage the editor content:

package/dist/runtime/monaco-editor.es.js

@@ -1,6 +1,6 @@
-import { toValue as _, ref as Q, shallowRef as X, reactive as Y, watch as D, onMounted as Z, onActivated as ee, onBeforeUnmount as te, onWatcherCleanup as oe, defineComponent as z, resolveComponent as ae, createBlock as w, openBlock as b, createSlots as ne, withCtx as x, resolveDynamicComponent as re, mergeModels as se, useModel as ie, useTemplateRef as le, computed as T, createElementBlock as ce, normalizeClass as de, createElementVNode as ue, renderSlot as W, createVNode as R, Transition as N, createCommentVNode as U, unref as h } from "vue";
+import { toValue as w, ref as X, shallowRef as Y, reactive as Z, watch as x, onMounted as ee, onActivated as te, onBeforeUnmount as oe, onWatcherCleanup as ae, defineComponent as H, resolveComponent as ne, createBlock as O, openBlock as C, createSlots as re, withCtx as D, resolveDynamicComponent as se, mergeModels as R, useModel as ie, useTemplateRef as le, computed as T, createElementBlock as ce, normalizeClass as de, createElementVNode as ue, renderSlot as W, createVNode as N, Transition as U, createCommentVNode as B, unref as v } from "vue";
 import { ProgressIcon as ge, CodeblockIcon as me } from "@kong/icons";
-import * as g from "monaco-editor";
+import * as m from "monaco-editor";
 import { shikiToMonaco as fe } from "@shikijs/monaco";
 import { getSingletonHighlighter as pe, bundledLanguages as he, bundledThemes as ve } from "shiki";
 import { createI18n as ye, i18nTComponent as Se } from "@kong-ui-public/i18n";
@@ -59,7 +59,7 @@ const be = "'JetBrains Mono', Consolas, monospace", Ce = "12px", Ee = "500", Me
   }
 });
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const B = () => {
+const P = () => {
 };
 function we(o, t) {
   function e(...a) {
@@ -74,19 +74,19 @@ function we(o, t) {
   return e;
 }
 function Oe(o, t = {}) {
-  let e, a, i = B;
+  let e, a, i = P;
   const r = (s) => {
-    clearTimeout(s), i(), i = B;
+    clearTimeout(s), i(), i = P;
   };
   let l;
   return (s) => {
-    const m = _(o), f = _(t.maxWait);
-    return e && r(e), m <= 0 || f !== void 0 && f <= 0 ? (a && (r(a), a = void 0), Promise.resolve(s())) : new Promise((p, O) => {
-      i = t.rejectOnCancel ? O : p, l = s, f && !a && (a = setTimeout(() => {
-        e && r(e), a = void 0, p(l());
-      }, f)), e = setTimeout(() => {
-        a && r(a), a = void 0, p(s());
-      }, m);
+    const p = w(o), g = w(t.maxWait);
+    return e && r(e), p <= 0 || g !== void 0 && g <= 0 ? (a && (r(a), a = void 0), Promise.resolve(s())) : new Promise((c, h) => {
+      i = t.rejectOnCancel ? h : c, l = s, g && !a && (a = setTimeout(() => {
+        e && r(e), a = void 0, c(l());
+      }, g)), e = setTimeout(() => {
+        a && r(a), a = void 0, c(s());
+      }, p);
     });
   };
 }
@@ -94,22 +94,22 @@ function Oe(o, t = {}) {
 function ke(o, t = 200, e = {}) {
   return we(Oe(t, e), o);
 }
-function P(o) {
+function $(o) {
   var t;
-  const e = _(o);
+  const e = w(o);
   return (t = e == null ? void 0 : e.$el) !== null && t !== void 0 ? t : e;
 }
-const F = "[monaco-editor] [lifecycle]", v = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new Map(), I = /* @__PURE__ */ new WeakMap();
+const F = "[monaco-editor] [lifecycle]", y = /* @__PURE__ */ new WeakMap(), S = /* @__PURE__ */ new Map(), I = /* @__PURE__ */ new WeakMap();
 function Te(o) {
-  let t = v.get(o.source);
+  let t = y.get(o.source);
   if (!t) {
     let e;
     switch (o.type) {
       case "editor":
-        e = o.source.onDidDispose(() => V(o.source));
+        e = o.source.onDidDispose(() => K(o.source));
         break;
       case "model":
-        e = o.source.onWillDispose(() => V(o.source));
+        e = o.source.onWillDispose(() => K(o.source));
         break;
       default:
         throw new Error(`${F} Unknown scope: ${o}`);
@@ -117,20 +117,20 @@ function Te(o) {
     t = {
       disposables: /* @__PURE__ */ new Set(),
       scopeListener: e
-    }, v.set(o.source, t);
+    }, y.set(o.source, t);
   }
   return t;
 }
-function H(o) {
-  const t = v.get(o);
-  t && (t.scopeListener.dispose(), v.delete(o));
+function G(o) {
+  const t = y.get(o);
+  t && (t.scopeListener.dispose(), y.delete(o));
 }
-function $(o, t) {
+function A(o, t) {
   Te(t).disposables.add(o);
 }
-function A(o, t) {
-  const e = v.get(t.source);
-  e && (e.disposables.delete(o), e.disposables.size === 0 && H(t.source));
+function j(o, t) {
+  const e = y.get(t.source);
+  e && (e.disposables.delete(o), e.disposables.size === 0 && G(t.source));
 }
 function Ie(o) {
   const t = [];
@@ -146,29 +146,29 @@ function Ie(o) {
       `${F} One or more disposables threw while being disposed.`
     );
 }
-function De(o, t) {
-  var l, u;
-  let e = o, a = y.get(e);
+function xe(o, t) {
+  var l, f;
+  let e = o, a = S.get(e);
   if (!a) {
     const s = I.get(o);
-    s && (e = s, a = y.get(s));
+    s && (e = s, a = S.get(s));
   }
   if (a)
-    return ((l = a.scope) == null ? void 0 : l.type) === (t == null ? void 0 : t.type) && ((u = a.scope) == null ? void 0 : u.source) === (t == null ? void 0 : t.source) || (a.scope && A(a.decorated, a.scope), t ? ($(a.decorated, t), a.scope = t) : a.scope = void 0), a.decorated;
+    return ((l = a.scope) == null ? void 0 : l.type) === (t == null ? void 0 : t.type) && ((f = a.scope) == null ? void 0 : f.source) === (t == null ? void 0 : t.source) || (a.scope && j(a.decorated, a.scope), t ? (A(a.decorated, t), a.scope = t) : a.scope = void 0), a.decorated;
   const i = e.dispose, r = {
     dispose: () => {
-      const s = y.get(e);
+      const s = S.get(e);
       if (s)
-        return s.scope && A(r, s.scope), y.delete(e), I.delete(r), i.call(e);
+        return s.scope && j(r, s.scope), S.delete(e), I.delete(r), i.call(e);
     }
   };
-  return y.set(e, { decorated: r, scope: t }), I.set(r, e), t && $(r, t), r;
+  return S.set(e, { decorated: r, scope: t }), I.set(r, e), t && A(r, t), r;
 }
-function j(o, t) {
-  return De(t, { type: "editor", source: o });
+function V(o, t) {
+  return xe(t, { type: "editor", source: o });
 }
-function V(o) {
-  const t = v.get(o);
+function K(o) {
+  const t = y.get(o);
   if (!t) return;
   const e = Array.from(t.disposables);
   try {
@@ -176,15 +176,15 @@ function V(o) {
   } catch (a) {
     console.warn(`${F} Encountered errors while disposing scoped disposables:`, a, ", Source:", o);
   }
-  H(o);
+  G(o);
 }
-const G = Q(!1);
-let S = null;
-async function xe() {
-  return S || (S = (async () => {
+const q = X(!1);
+let b = null;
+async function De() {
+  return b || (b = (async () => {
     var o, t;
     try {
-      const e = ((o = g.json) == null ? void 0 : o.jsonDefaults) || ((t = g.languages.json) == null ? void 0 : t.jsonDefaults);
+      const e = ((o = m.json) == null ? void 0 : o.jsonDefaults) || ((t = m.languages.json) == null ? void 0 : t.jsonDefaults);
       e == null || e.setModeConfiguration({ tokens: !1 });
       const a = await pe(
         {
@@ -193,65 +193,65 @@ async function xe() {
         }
       );
       a.getLoadedLanguages().forEach((i) => {
-        g.languages.register({ id: i });
-      }), fe(a, g), G.value = !0;
+        m.languages.register({ id: i });
+      }), fe(a, m), q.value = !0;
     } catch (e) {
-      throw S = null, e;
+      throw b = null, e;
     }
-  })(), S);
+  })(), b);
 }
 function Fe(o, t) {
-  const e = X();
+  const e = Y();
   let a, i = !1, r = !1;
-  const l = Y({
+  const l = Z({
     editorStatus: "loading",
     searchBoxIsRevealed: !1,
     hasContent: !1,
     theme: t.theme || "light"
-  }), u = (n) => {
+  }), f = (n) => {
     !i || !e.value || e.value.setValue(n);
   }, s = (n) => {
-    var c;
-    return (c = e.value) == null ? void 0 : c.updateOptions({ readOnly: n });
-  }, m = () => {
+    var d;
+    return (d = e.value) == null ? void 0 : d.updateOptions({ readOnly: n });
+  }, p = () => {
     var n;
     return (n = e.value) == null ? void 0 : n.focus();
-  }, f = (n) => {
-    var E;
-    const c = (E = e.value) == null ? void 0 : E.getModel();
-    c && g.editor.setModelLanguage(c, n);
-  }, p = (n) => {
+  }, g = (n) => {
+    var M;
+    const d = (M = e.value) == null ? void 0 : M.getModel();
+    d && m.editor.setModelLanguage(d, n);
+  }, c = (n) => {
     try {
       if (!e.value || !n) return;
       e.value.focus(), e.value.trigger("keyboard", n, null);
-    } catch (c) {
-      console.error(`useMonacoEditor: Failed to trigger command: ${n}`, c);
+    } catch (d) {
+      console.error(`useMonacoEditor: Failed to trigger command: ${n}`, d);
     }
-  }, O = () => {
+  }, h = () => {
     var n;
     try {
       if (!e.value) return;
       if (l.searchBoxIsRevealed)
         return (n = e.value.getContribution("editor.contrib.findController")) == null ? void 0 : n.closeFindWidget();
-      p("actions.find");
-    } catch (c) {
-      console.error("useMonacoEditor: Failed to close findController.", c);
+      c("actions.find");
+    } catch (d) {
+      console.error("useMonacoEditor: Failed to close findController.", d);
     }
-  }, C = /* @__PURE__ */ ke(() => g.editor.remeasureFonts(), 200);
+  }, E = /* @__PURE__ */ ke(() => m.editor.remeasureFonts(), 200);
   return (() => {
-    xe(), D([G, () => _(o)], ([n, c], [, E]) => {
+    De(), x([q, () => w(o)], ([n, d], [, M]) => {
       var L;
-      const k = P(c), J = P(E);
+      const k = $(d), Q = $(M);
       if (!(k instanceof HTMLElement) || !n) {
         i = !1;
         return;
       }
-      if (!(i && J === k)) {
+      if (!(i && Q === k)) {
         if (!a) {
-          const d = g.Uri.parse(`inmemory://model/${t.language}-${crypto.randomUUID()}`);
-          a = g.editor.createModel(t.code.value, t.language, d);
+          const u = m.Uri.parse(`inmemory://model/${t.language}-${crypto.randomUUID()}`);
+          a = m.editor.createModel(t.code.value, t.language, u);
         }
-        e.value = g.editor.create(k, {
+        e.value = m.editor.create(k, {
           ..._e,
           readOnly: t.readOnly || !1,
           language: t.language,
@@ -259,58 +259,58 @@ function Fe(o, t) {
           model: a,
           editContext: !1,
           ...t.monacoOptions
-        }), i = !0, l.editorStatus = "ready", l.hasContent = !!t.code.value, j(
+        }), i = !0, l.editorStatus = "ready", l.hasContent = !!t.code.value, V(
           e.value,
           e.value.onDidChangeModelContent(() => {
             if (r) return;
-            const d = e.value.getValue();
-            l.hasContent = !!d.length, t.code.value = d;
+            const u = e.value.getValue();
+            l.hasContent = !!u.length, t.code.value = u;
           })
-        ), (L = t.onCreated) == null || L.call(t), C();
+        ), (L = t.onReady) == null || L.call(t, e.value), E();
         try {
-          const d = e.value.getContribution("editor.contrib.findController"), M = d == null ? void 0 : d.getState();
-          j(
+          const u = e.value.getContribution("editor.contrib.findController"), _ = u == null ? void 0 : u.getState();
+          V(
             e.value,
-            M == null ? void 0 : M.onFindReplaceStateChange(() => {
-              l.searchBoxIsRevealed = M.isRevealed;
+            _ == null ? void 0 : _.onFindReplaceStateChange(() => {
+              l.searchBoxIsRevealed = _.isRevealed;
             })
             // This returns a disposable
           );
-        } catch (d) {
-          console.error("useMonacoEditor: Failed to get the state of findController", d);
+        } catch (u) {
+          console.error("useMonacoEditor: Failed to get the state of findController", u);
         }
-        oe(() => {
-          var d;
-          (d = e.value) == null || d.dispose();
+        ae(() => {
+          var u;
+          (u = e.value) == null || u.dispose();
         });
       }
     }, {
       immediate: !0,
       flush: "post"
     });
-  })(), D(t.code, (n) => {
+  })(), x(t.code, (n) => {
     if (!e.value || !a || !i) return;
-    const c = a.getValue();
-    n !== c && (r = !0, e.value.executeEdits("external", [
+    const d = a.getValue();
+    n !== d && (r = !0, e.value.executeEdits("external", [
       {
         range: a.getFullModelRange(),
         text: n
       }
     ]), e.value.pushUndoStop(), l.hasContent = !!n.length, r = !1);
-  }), Z(C), ee(C), te(() => {
+  }), ee(E), te(E), oe(() => {
     if (!e.value) return;
     const n = e.value.getModel();
     e.value.dispose(), n && n.dispose();
   }), {
     editor: e,
     editorStates: l,
-    setContent: u,
+    setContent: f,
     setReadOnly: s,
-    focus: m,
-    setLanguage: f,
-    remeasureFonts: C,
-    toggleSearchWidget: O,
-    triggerKeyboardCommand: p
+    focus: p,
+    setLanguage: g,
+    remeasureFonts: E,
+    toggleSearchWidget: h,
+    triggerKeyboardCommand: c
   };
 }
 const Le = {
@@ -320,18 +320,18 @@ const Le = {
     loading_message: "Please wait while the {type} content is loaded.",
     loading_title: "{type} editor"
   }
-}, We = {
+}, Re = {
   editor: Le
 };
-function Re() {
-  const o = ye("en-us", We);
+function We() {
+  const o = ye("en-us", Re);
   return {
     i18n: o,
     i18nT: Se(o)
     // Translation component <i18n-t>
   };
 }
-const Ne = /* @__PURE__ */ z({
+const Ne = /* @__PURE__ */ H({
   __name: "MonacoEditorStatusOverlay",
   props: {
     title: {},
@@ -340,30 +340,30 @@ const Ne = /* @__PURE__ */ z({
   },
   setup(o) {
     return (t, e) => {
-      const a = ae("KEmptyState");
-      return b(), w(a, {
+      const a = ne("KEmptyState");
+      return C(), O(a, {
         class: "monaco-editor-status-overlay",
         message: o.message,
         title: o.title
-      }, ne({ _: 2 }, [
+      }, re({ _: 2 }, [
         o.icon ? {
           name: "icon",
-          fn: x(() => [
-            (b(), w(re(o.icon), { decorative: "" }))
+          fn: D(() => [
+            (C(), O(se(o.icon), { decorative: "" }))
           ]),
           key: "0"
         } : void 0
       ]), 1032, ["message", "title"]);
     };
   }
-}), q = (o, t) => {
+}), J = (o, t) => {
   const e = o.__vccOpts || o;
   for (const [a, i] of t)
     e[a] = i;
   return e;
-}, K = /* @__PURE__ */ q(Ne, [["__scopeId", "data-v-062eadb5"]]), Ue = /* @__PURE__ */ z({
+}, z = /* @__PURE__ */ J(Ne, [["__scopeId", "data-v-062eadb5"]]), Ue = /* @__PURE__ */ H({
   __name: "MonacoEditor",
-  props: /* @__PURE__ */ se({
+  props: /* @__PURE__ */ R({
     theme: { default: "light" },
     language: { default: "markdown" },
     loading: { type: Boolean, default: !1 },
@@ -376,60 +376,65 @@ const Ne = /* @__PURE__ */ z({
     },
     modelModifiers: {}
   }),
-  emits: ["update:modelValue"],
-  setup(o) {
-    const t = ie(o, "modelValue"), { i18n: e } = Re(), a = le("editorRef"), i = T(() => o.theme === "dark" ? "dark" : "light"), r = T(() => u.editorStates.editorStatus === "loading" || o.loading), l = T(() => u.editorStates.editorStatus === "ready" && !u.editorStates.hasContent), u = Fe(a, {
+  emits: /* @__PURE__ */ R(["ready"], ["update:modelValue"]),
+  setup(o, { expose: t, emit: e }) {
+    const a = e, i = ie(o, "modelValue"), { i18n: r } = We(), l = le("editorRef"), f = T(() => o.theme === "dark" ? "dark" : "light"), s = T(() => g.editorStates.editorStatus === "loading" || o.loading), p = T(() => g.editorStates.editorStatus === "ready" && !g.editorStates.hasContent), g = Fe(l, {
       language: o.language,
-      code: t,
-      theme: i.value,
-      monacoOptions: o.options
+      code: i,
+      theme: f.value,
+      monacoOptions: o.options,
+      onReady: (c) => {
+        a("ready", c);
+      }
     });
-    return D(() => o.language, (s, m) => {
-      s !== m && u.setLanguage(s);
-    }), (s, m) => (b(), ce("div", {
+    return t({
+      monacoEditor: g
+    }), x(() => o.language, (c, h) => {
+      c !== h && g.setLanguage(c);
+    }), (c, h) => (C(), ce("div", {
       class: de(["monaco-editor-container", [
-        i.value,
-        { loading: r.value }
+        f.value,
+        { loading: s.value }
       ]]),
       "data-testid": "monaco-editor-container"
     }, [
       ue("div", {
         ref_key: "editorRef",
-        ref: a,
+        ref: l,
         class: "monaco-editor-target",
         "data-testid": "monaco-editor-target"
       }, null, 512),
-      W(s.$slots, "state-loading", { isLoading: r.value }, () => [
-        R(N, { name: "fade" }, {
-          default: x(() => [
-            r.value ? (b(), w(K, {
+      W(c.$slots, "state-loading", { isLoading: s.value }, () => [
+        N(U, { name: "fade" }, {
+          default: D(() => [
+            s.value ? (C(), O(z, {
               key: 0,
               "data-testid": "monaco-editor-status-overlay-loading",
-              icon: h(ge),
-              message: h(e).t("editor.messages.loading_message", { type: o.language }),
-              title: h(e).t("editor.messages.loading_title", { type: o.language })
-            }, null, 8, ["icon", "message", "title"])) : U("", !0)
+              icon: v(ge),
+              message: v(r).t("editor.messages.loading_message", { type: o.language }),
+              title: v(r).t("editor.messages.loading_title", { type: o.language })
+            }, null, 8, ["icon", "message", "title"])) : B("", !0)
           ]),
           _: 1
         })
       ], !0),
-      W(s.$slots, "state-empty", { isEmpty: l.value }, () => [
-        R(N, { name: "fade" }, {
-          default: x(() => [
-            l.value && !r.value ? (b(), w(K, {
+      W(c.$slots, "state-empty", { isEmpty: p.value }, () => [
+        N(U, { name: "fade" }, {
+          default: D(() => [
+            p.value && !s.value ? (C(), O(z, {
               key: 0,
               "data-testid": "monaco-editor-status-overlay-empty",
-              icon: h(me),
-              message: h(e).t("editor.messages.empty_message"),
-              title: h(e).t("editor.messages.empty_title")
-            }, null, 8, ["icon", "message", "title"])) : U("", !0)
+              icon: v(me),
+              message: v(r).t("editor.messages.empty_message"),
+              title: v(r).t("editor.messages.empty_title")
+            }, null, 8, ["icon", "message", "title"])) : B("", !0)
           ]),
           _: 1
         })
       ], !0)
     ], 2));
   }
-}), Ke = /* @__PURE__ */ q(Ue, [["__scopeId", "data-v-e0ddca31"]]);
+}), Ke = /* @__PURE__ */ J(Ue, [["__scopeId", "data-v-e2083635"]]);
 export {
   Ke as MonacoEditor,
   Fe as useMonacoEditor

package/dist/runtime/monaco-editor.umd.js

@@ -1 +1 @@
-(function(d,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue"),require("@kong/icons"),require("monaco-editor"),require("@shikijs/monaco"),require("shiki"),require("@kong-ui-public/i18n")):typeof define=="function"&&define.amd?define(["exports","vue","@kong/icons","monaco-editor","@shikijs/monaco","shiki","@kong-ui-public/i18n"],n):(d=typeof globalThis<"u"?globalThis:d||self,n(d["kong-ui-public-monaco-editor"]={},d.Vue,d.KongIcons,d.monaco,d.monaco$1,d.shiki,d["kong-ui-public-i18n"]))})(this,function(d,n,D,$,A,M,v){"use strict";function H(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(t,e,a.get?a:{enumerable:!0,get:()=>o[e]})}}return t.default=o,Object.freeze(t)}const m=H($),q=Object.freeze({autoClosingQuotes:"always",automaticLayout:!0,bracketPairColorization:{enabled:!0},hideCursorInOverviewRuler:!0,fontFamily:"'JetBrains Mono', Consolas, monospace",fontSize:Number("12px".replace("px","")),fontWeight:"500",lineHeight:Number("20px".replace("px","")),formatOnPaste:!0,formatOnType:!0,lineNumbersMinChars:3,minimap:{enabled:!1},stickyScroll:{enabled:!0},suggest:{showWords:!1},quickSuggestions:!0,suggestOnTriggerCharacters:!0,wordBasedSuggestions:"off",overviewRulerLanes:0,renderWhitespace:"boundary",scrollBeyondLastLine:!1,roundedSelection:!1,wordWrapColumn:120,colorDecorators:!0,folding:!0,fixedOverflowWidgets:!0,tabSize:2,detectIndentation:!1,insertSpaces:!0,trimAutoWhitespace:!0,wordWrap:"bounded",find:{addExtraSpaceOnTop:!1}});typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const x=()=>{};function z(o,t){function e(...a){return new Promise((l,i)=>{Promise.resolve(o(()=>t.apply(this,a),{fn:t,thisArg:this,args:a})).then(l).catch(i)})}return e}function G(o,t={}){let e,a,l=x;const i=s=>{clearTimeout(s),l(),l=x};let c;return s=>{const p=n.toValue(o),y=n.toValue(t.maxWait);return e&&i(e),p<=0||y!==void 0&&y<=0?(a&&(i(a),a=void 0),Promise.resolve(s())):new Promise((b,T)=>{l=t.rejectOnCancel?T:b,c=s,y&&!a&&(a=setTimeout(()=>{e&&i(e),a=void 0,b(c())},y)),e=setTimeout(()=>{a&&i(a),a=void 0,b(s())},p)})}}function Y(o,t=200,e={}){return z(G(t,e),o)}function F(o){var t;const e=n.toValue(o);return(t=e==null?void 0:e.$el)!==null&&t!==void 0?t:e}const O="[monaco-editor] [lifecycle]",h=new WeakMap,S=new Map,I=new WeakMap;function Z(o){let t=h.get(o.source);if(!t){let e;switch(o.type){case"editor":e=o.source.onDidDispose(()=>U(o.source));break;case"model":e=o.source.onWillDispose(()=>U(o.source));break;default:throw new Error(`${O} Unknown scope: ${o}`)}t={disposables:new Set,scopeListener:e},h.set(o.source,t)}return t}function L(o){const t=h.get(o);t&&(t.scopeListener.dispose(),h.delete(o))}function N(o,t){Z(t).disposables.add(o)}function W(o,t){const e=h.get(t.source);e&&(e.disposables.delete(o),e.disposables.size===0&&L(t.source))}function J(o){const t=[];if(o.forEach(e=>{try{e.dispose()}catch(a){t.push(a)}}),t.length)throw new AggregateError(t,`${O} One or more disposables threw while being disposed.`)}function Q(o,t){var c,g;let e=o,a=S.get(e);if(!a){const s=I.get(o);s&&(e=s,a=S.get(s))}if(a)return((c=a.scope)==null?void 0:c.type)===(t==null?void 0:t.type)&&((g=a.scope)==null?void 0:g.source)===(t==null?void 0:t.source)||(a.scope&&W(a.decorated,a.scope),t?(N(a.decorated,t),a.scope=t):a.scope=void 0),a.decorated;const l=e.dispose,i={dispose:()=>{const s=S.get(e);if(s)return s.scope&&W(i,s.scope),S.delete(e),I.delete(i),l.call(e)}};return S.set(e,{decorated:i,scope:t}),I.set(i,e),t&&N(i,t),i}function B(o,t){return Q(t,{type:"editor",source:o})}function U(o){const t=h.get(o);if(!t)return;const e=Array.from(t.disposables);try{J(e)}catch(a){console.warn(`${O} Encountered errors while disposing scoped disposables:`,a,", Source:",o)}L(o)}const j=n.ref(!1);let _=null;async function X(){return _||(_=(async()=>{var o,t;try{const e=((o=m.json)==null?void 0:o.jsonDefaults)||((t=m.languages.json)==null?void 0:t.jsonDefaults);e==null||e.setModeConfiguration({tokens:!1});const a=await M.getSingletonHighlighter({themes:Object.values(M.bundledThemes),langs:Object.values(M.bundledLanguages)});a.getLoadedLanguages().forEach(l=>{m.languages.register({id:l})}),A.shikiToMonaco(a,m),j.value=!0}catch(e){throw _=null,e}})(),_)}function R(o,t){const e=n.shallowRef();let a,l=!1,i=!1;const c=n.reactive({editorStatus:"loading",searchBoxIsRevealed:!1,hasContent:!1,theme:t.theme||"light"}),g=r=>{!l||!e.value||e.value.setValue(r)},s=r=>{var u;return(u=e.value)==null?void 0:u.updateOptions({readOnly:r})},p=()=>{var r;return(r=e.value)==null?void 0:r.focus()},y=r=>{var E;const u=(E=e.value)==null?void 0:E.getModel();u&&m.editor.setModelLanguage(u,r)},b=r=>{try{if(!e.value||!r)return;e.value.focus(),e.value.trigger("keyboard",r,null)}catch(u){console.error(`useMonacoEditor: Failed to trigger command: ${r}`,u)}},T=()=>{var r;try{if(!e.value)return;if(c.searchBoxIsRevealed)return(r=e.value.getContribution("editor.contrib.findController"))==null?void 0:r.closeFindWidget();b("actions.find")}catch(u){console.error("useMonacoEditor: Failed to close findController.",u)}},k=Y(()=>m.editor.remeasureFonts(),200);return(()=>{X(),n.watch([j,()=>n.toValue(o)],([r,u],[,E])=>{var K;const w=F(u),ae=F(E);if(!(w instanceof HTMLElement)||!r){l=!1;return}if(!(l&&ae===w)){if(!a){const f=m.Uri.parse(`inmemory://model/${t.language}-${crypto.randomUUID()}`);a=m.editor.createModel(t.code.value,t.language,f)}e.value=m.editor.create(w,{...q,readOnly:t.readOnly||!1,language:t.language,theme:c.theme==="light"?"catppuccin-latte":"catppuccin-mocha",model:a,editContext:!1,...t.monacoOptions}),l=!0,c.editorStatus="ready",c.hasContent=!!t.code.value,B(e.value,e.value.onDidChangeModelContent(()=>{if(i)return;const f=e.value.getValue();c.hasContent=!!f.length,t.code.value=f})),(K=t.onCreated)==null||K.call(t),k();try{const f=e.value.getContribution("editor.contrib.findController"),C=f==null?void 0:f.getState();B(e.value,C==null?void 0:C.onFindReplaceStateChange(()=>{c.searchBoxIsRevealed=C.isRevealed}))}catch(f){console.error("useMonacoEditor: Failed to get the state of findController",f)}n.onWatcherCleanup(()=>{var f;(f=e.value)==null||f.dispose()})}},{immediate:!0,flush:"post"})})(),n.watch(t.code,r=>{if(!e.value||!a||!l)return;const u=a.getValue();r!==u&&(i=!0,e.value.executeEdits("external",[{range:a.getFullModelRange(),text:r}]),e.value.pushUndoStop(),c.hasContent=!!r.length,i=!1)}),n.onMounted(k),n.onActivated(k),n.onBeforeUnmount(()=>{if(!e.value)return;const r=e.value.getModel();e.value.dispose(),r&&r.dispose()}),{editor:e,editorStates:c,setContent:g,setReadOnly:s,focus:p,setLanguage:y,remeasureFonts:k,toggleSearchWidget:T,triggerKeyboardCommand:b}}const ee={editor:{messages:{empty_message:"The editor is currently empty. Start typing to add content.",empty_title:"No content available",loading_message:"Please wait while the {type} content is loaded.",loading_title:"{type} editor"}}};function te(){const o=v.createI18n("en-us",ee);return{i18n:o,i18nT:v.i18nTComponent(o)}}const oe=n.defineComponent({__name:"MonacoEditorStatusOverlay",props:{title:{},message:{},icon:{}},setup(o){return(t,e)=>{const a=n.resolveComponent("KEmptyState");return n.openBlock(),n.createBlock(a,{class:"monaco-editor-status-overlay",message:o.message,title:o.title},n.createSlots({_:2},[o.icon?{name:"icon",fn:n.withCtx(()=>[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(o.icon),{decorative:""}))]),key:"0"}:void 0]),1032,["message","title"])}}}),P=(o,t)=>{const e=o.__vccOpts||o;for(const[a,l]of t)e[a]=l;return e},V=P(oe,[["__scopeId","data-v-062eadb5"]]),ne=P(n.defineComponent({__name:"MonacoEditor",props:n.mergeModels({theme:{default:"light"},language:{default:"markdown"},loading:{type:Boolean,default:!1},options:{default:()=>{}}},{modelValue:{type:String,required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(o){const t=n.useModel(o,"modelValue"),{i18n:e}=te(),a=n.useTemplateRef("editorRef"),l=n.computed(()=>o.theme==="dark"?"dark":"light"),i=n.computed(()=>g.editorStates.editorStatus==="loading"||o.loading),c=n.computed(()=>g.editorStates.editorStatus==="ready"&&!g.editorStates.hasContent),g=R(a,{language:o.language,code:t,theme:l.value,monacoOptions:o.options});return n.watch(()=>o.language,(s,p)=>{s!==p&&g.setLanguage(s)}),(s,p)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["monaco-editor-container",[l.value,{loading:i.value}]]),"data-testid":"monaco-editor-container"},[n.createElementVNode("div",{ref_key:"editorRef",ref:a,class:"monaco-editor-target","data-testid":"monaco-editor-target"},null,512),n.renderSlot(s.$slots,"state-loading",{isLoading:i.value},()=>[n.createVNode(n.Transition,{name:"fade"},{default:n.withCtx(()=>[i.value?(n.openBlock(),n.createBlock(V,{key:0,"data-testid":"monaco-editor-status-overlay-loading",icon:n.unref(D.ProgressIcon),message:n.unref(e).t("editor.messages.loading_message",{type:o.language}),title:n.unref(e).t("editor.messages.loading_title",{type:o.language})},null,8,["icon","message","title"])):n.createCommentVNode("",!0)]),_:1})],!0),n.renderSlot(s.$slots,"state-empty",{isEmpty:c.value},()=>[n.createVNode(n.Transition,{name:"fade"},{default:n.withCtx(()=>[c.value&&!i.value?(n.openBlock(),n.createBlock(V,{key:0,"data-testid":"monaco-editor-status-overlay-empty",icon:n.unref(D.CodeblockIcon),message:n.unref(e).t("editor.messages.empty_message"),title:n.unref(e).t("editor.messages.empty_title")},null,8,["icon","message","title"])):n.createCommentVNode("",!0)]),_:1})],!0)],2))}}),[["__scopeId","data-v-e0ddca31"]]);d.MonacoEditor=ne,d.useMonacoEditor=R,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+(function(u,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue"),require("@kong/icons"),require("monaco-editor"),require("@shikijs/monaco"),require("shiki"),require("@kong-ui-public/i18n")):typeof define=="function"&&define.amd?define(["exports","vue","@kong/icons","monaco-editor","@shikijs/monaco","shiki","@kong-ui-public/i18n"],n):(u=typeof globalThis<"u"?globalThis:u||self,n(u["kong-ui-public-monaco-editor"]={},u.Vue,u.KongIcons,u.monaco,u.monaco$1,u.shiki,u["kong-ui-public-i18n"]))})(this,function(u,n,D,$,A,O,v){"use strict";function H(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(t,e,a.get?a:{enumerable:!0,get:()=>o[e]})}}return t.default=o,Object.freeze(t)}const p=H($),q=Object.freeze({autoClosingQuotes:"always",automaticLayout:!0,bracketPairColorization:{enabled:!0},hideCursorInOverviewRuler:!0,fontFamily:"'JetBrains Mono', Consolas, monospace",fontSize:Number("12px".replace("px","")),fontWeight:"500",lineHeight:Number("20px".replace("px","")),formatOnPaste:!0,formatOnType:!0,lineNumbersMinChars:3,minimap:{enabled:!1},stickyScroll:{enabled:!0},suggest:{showWords:!1},quickSuggestions:!0,suggestOnTriggerCharacters:!0,wordBasedSuggestions:"off",overviewRulerLanes:0,renderWhitespace:"boundary",scrollBeyondLastLine:!1,roundedSelection:!1,wordWrapColumn:120,colorDecorators:!0,folding:!0,fixedOverflowWidgets:!0,tabSize:2,detectIndentation:!1,insertSpaces:!0,trimAutoWhitespace:!0,wordWrap:"bounded",find:{addExtraSpaceOnTop:!1}});typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const x=()=>{};function z(o,t){function e(...a){return new Promise((l,i)=>{Promise.resolve(o(()=>t.apply(this,a),{fn:t,thisArg:this,args:a})).then(l).catch(i)})}return e}function G(o,t={}){let e,a,l=x;const i=s=>{clearTimeout(s),l(),l=x};let c;return s=>{const y=n.toValue(o),m=n.toValue(t.maxWait);return e&&i(e),y<=0||m!==void 0&&m<=0?(a&&(i(a),a=void 0),Promise.resolve(s())):new Promise((d,S)=>{l=t.rejectOnCancel?S:d,c=s,m&&!a&&(a=setTimeout(()=>{e&&i(e),a=void 0,d(c())},m)),e=setTimeout(()=>{a&&i(a),a=void 0,d(s())},y)})}}function Y(o,t=200,e={}){return z(G(t,e),o)}function F(o){var t;const e=n.toValue(o);return(t=e==null?void 0:e.$el)!==null&&t!==void 0?t:e}const I="[monaco-editor] [lifecycle]",b=new WeakMap,_=new Map,T=new WeakMap;function Z(o){let t=b.get(o.source);if(!t){let e;switch(o.type){case"editor":e=o.source.onDidDispose(()=>R(o.source));break;case"model":e=o.source.onWillDispose(()=>R(o.source));break;default:throw new Error(`${I} Unknown scope: ${o}`)}t={disposables:new Set,scopeListener:e},b.set(o.source,t)}return t}function L(o){const t=b.get(o);t&&(t.scopeListener.dispose(),b.delete(o))}function N(o,t){Z(t).disposables.add(o)}function W(o,t){const e=b.get(t.source);e&&(e.disposables.delete(o),e.disposables.size===0&&L(t.source))}function J(o){const t=[];if(o.forEach(e=>{try{e.dispose()}catch(a){t.push(a)}}),t.length)throw new AggregateError(t,`${I} One or more disposables threw while being disposed.`)}function Q(o,t){var c,h;let e=o,a=_.get(e);if(!a){const s=T.get(o);s&&(e=s,a=_.get(s))}if(a)return((c=a.scope)==null?void 0:c.type)===(t==null?void 0:t.type)&&((h=a.scope)==null?void 0:h.source)===(t==null?void 0:t.source)||(a.scope&&W(a.decorated,a.scope),t?(N(a.decorated,t),a.scope=t):a.scope=void 0),a.decorated;const l=e.dispose,i={dispose:()=>{const s=_.get(e);if(s)return s.scope&&W(i,s.scope),_.delete(e),T.delete(i),l.call(e)}};return _.set(e,{decorated:i,scope:t}),T.set(i,e),t&&N(i,t),i}function B(o,t){return Q(t,{type:"editor",source:o})}function R(o){const t=b.get(o);if(!t)return;const e=Array.from(t.disposables);try{J(e)}catch(a){console.warn(`${I} Encountered errors while disposing scoped disposables:`,a,", Source:",o)}L(o)}const U=n.ref(!1);let k=null;async function X(){return k||(k=(async()=>{var o,t;try{const e=((o=p.json)==null?void 0:o.jsonDefaults)||((t=p.languages.json)==null?void 0:t.jsonDefaults);e==null||e.setModeConfiguration({tokens:!1});const a=await O.getSingletonHighlighter({themes:Object.values(O.bundledThemes),langs:Object.values(O.bundledLanguages)});a.getLoadedLanguages().forEach(l=>{p.languages.register({id:l})}),A.shikiToMonaco(a,p),U.value=!0}catch(e){throw k=null,e}})(),k)}function j(o,t){const e=n.shallowRef();let a,l=!1,i=!1;const c=n.reactive({editorStatus:"loading",searchBoxIsRevealed:!1,hasContent:!1,theme:t.theme||"light"}),h=r=>{!l||!e.value||e.value.setValue(r)},s=r=>{var f;return(f=e.value)==null?void 0:f.updateOptions({readOnly:r})},y=()=>{var r;return(r=e.value)==null?void 0:r.focus()},m=r=>{var M;const f=(M=e.value)==null?void 0:M.getModel();f&&p.editor.setModelLanguage(f,r)},d=r=>{try{if(!e.value||!r)return;e.value.focus(),e.value.trigger("keyboard",r,null)}catch(f){console.error(`useMonacoEditor: Failed to trigger command: ${r}`,f)}},S=()=>{var r;try{if(!e.value)return;if(c.searchBoxIsRevealed)return(r=e.value.getContribution("editor.contrib.findController"))==null?void 0:r.closeFindWidget();d("actions.find")}catch(f){console.error("useMonacoEditor: Failed to close findController.",f)}},E=Y(()=>p.editor.remeasureFonts(),200);return(()=>{X(),n.watch([U,()=>n.toValue(o)],([r,f],[,M])=>{var K;const w=F(f),ae=F(M);if(!(w instanceof HTMLElement)||!r){l=!1;return}if(!(l&&ae===w)){if(!a){const g=p.Uri.parse(`inmemory://model/${t.language}-${crypto.randomUUID()}`);a=p.editor.createModel(t.code.value,t.language,g)}e.value=p.editor.create(w,{...q,readOnly:t.readOnly||!1,language:t.language,theme:c.theme==="light"?"catppuccin-latte":"catppuccin-mocha",model:a,editContext:!1,...t.monacoOptions}),l=!0,c.editorStatus="ready",c.hasContent=!!t.code.value,B(e.value,e.value.onDidChangeModelContent(()=>{if(i)return;const g=e.value.getValue();c.hasContent=!!g.length,t.code.value=g})),(K=t.onReady)==null||K.call(t,e.value),E();try{const g=e.value.getContribution("editor.contrib.findController"),C=g==null?void 0:g.getState();B(e.value,C==null?void 0:C.onFindReplaceStateChange(()=>{c.searchBoxIsRevealed=C.isRevealed}))}catch(g){console.error("useMonacoEditor: Failed to get the state of findController",g)}n.onWatcherCleanup(()=>{var g;(g=e.value)==null||g.dispose()})}},{immediate:!0,flush:"post"})})(),n.watch(t.code,r=>{if(!e.value||!a||!l)return;const f=a.getValue();r!==f&&(i=!0,e.value.executeEdits("external",[{range:a.getFullModelRange(),text:r}]),e.value.pushUndoStop(),c.hasContent=!!r.length,i=!1)}),n.onMounted(E),n.onActivated(E),n.onBeforeUnmount(()=>{if(!e.value)return;const r=e.value.getModel();e.value.dispose(),r&&r.dispose()}),{editor:e,editorStates:c,setContent:h,setReadOnly:s,focus:y,setLanguage:m,remeasureFonts:E,toggleSearchWidget:S,triggerKeyboardCommand:d}}const ee={editor:{messages:{empty_message:"The editor is currently empty. Start typing to add content.",empty_title:"No content available",loading_message:"Please wait while the {type} content is loaded.",loading_title:"{type} editor"}}};function te(){const o=v.createI18n("en-us",ee);return{i18n:o,i18nT:v.i18nTComponent(o)}}const oe=n.defineComponent({__name:"MonacoEditorStatusOverlay",props:{title:{},message:{},icon:{}},setup(o){return(t,e)=>{const a=n.resolveComponent("KEmptyState");return n.openBlock(),n.createBlock(a,{class:"monaco-editor-status-overlay",message:o.message,title:o.title},n.createSlots({_:2},[o.icon?{name:"icon",fn:n.withCtx(()=>[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(o.icon),{decorative:""}))]),key:"0"}:void 0]),1032,["message","title"])}}}),P=(o,t)=>{const e=o.__vccOpts||o;for(const[a,l]of t)e[a]=l;return e},V=P(oe,[["__scopeId","data-v-062eadb5"]]),ne=P(n.defineComponent({__name:"MonacoEditor",props:n.mergeModels({theme:{default:"light"},language:{default:"markdown"},loading:{type:Boolean,default:!1},options:{default:()=>{}}},{modelValue:{type:String,required:!0},modelModifiers:{}}),emits:n.mergeModels(["ready"],["update:modelValue"]),setup(o,{expose:t,emit:e}){const a=e,l=n.useModel(o,"modelValue"),{i18n:i}=te(),c=n.useTemplateRef("editorRef"),h=n.computed(()=>o.theme==="dark"?"dark":"light"),s=n.computed(()=>m.editorStates.editorStatus==="loading"||o.loading),y=n.computed(()=>m.editorStates.editorStatus==="ready"&&!m.editorStates.hasContent),m=j(c,{language:o.language,code:l,theme:h.value,monacoOptions:o.options,onReady:d=>{a("ready",d)}});return t({monacoEditor:m}),n.watch(()=>o.language,(d,S)=>{d!==S&&m.setLanguage(d)}),(d,S)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["monaco-editor-container",[h.value,{loading:s.value}]]),"data-testid":"monaco-editor-container"},[n.createElementVNode("div",{ref_key:"editorRef",ref:c,class:"monaco-editor-target","data-testid":"monaco-editor-target"},null,512),n.renderSlot(d.$slots,"state-loading",{isLoading:s.value},()=>[n.createVNode(n.Transition,{name:"fade"},{default:n.withCtx(()=>[s.value?(n.openBlock(),n.createBlock(V,{key:0,"data-testid":"monaco-editor-status-overlay-loading",icon:n.unref(D.ProgressIcon),message:n.unref(i).t("editor.messages.loading_message",{type:o.language}),title:n.unref(i).t("editor.messages.loading_title",{type:o.language})},null,8,["icon","message","title"])):n.createCommentVNode("",!0)]),_:1})],!0),n.renderSlot(d.$slots,"state-empty",{isEmpty:y.value},()=>[n.createVNode(n.Transition,{name:"fade"},{default:n.withCtx(()=>[y.value&&!s.value?(n.openBlock(),n.createBlock(V,{key:0,"data-testid":"monaco-editor-status-overlay-empty",icon:n.unref(D.CodeblockIcon),message:n.unref(i).t("editor.messages.empty_message"),title:n.unref(i).t("editor.messages.empty_title")},null,8,["icon","message","title"])):n.createCommentVNode("",!0)]),_:1})],!0)],2))}}),[["__scopeId","data-v-e2083635"]]);u.MonacoEditor=ne,u.useMonacoEditor=j,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});

package/dist/runtime/style.css

@@ -1 +1 @@
-.monaco-editor-status-overlay[data-v-062eadb5]{background:transparent;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.monaco-editor-status-overlay[data-v-062eadb5] .empty-state-content{align-items:center;display:flex;flex-direction:column}.monaco-editor-status-overlay[data-v-062eadb5] .empty-state-content .empty-state-icon,.monaco-editor-status-overlay[data-v-062eadb5] .empty-state-content .empty-state-title,.monaco-editor-status-overlay[data-v-062eadb5] .empty-state-content .empty-state-message{color:#afb7c5;color:var(--kui-color-text-neutral-weak, #afb7c5)}.monaco-editor-status-overlay[data-v-062eadb5] .empty-state-content .empty-state-title{text-transform:capitalize}.monaco-editor-container[data-v-e0ddca31]{background:#fff;background:var(--kui-color-background, #ffffff);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.monaco-editor-container.loading[data-v-e0ddca31]{pointer-events:none;-webkit-user-select:none;user-select:none}.monaco-editor-container.loading .monaco-editor-target[data-v-e0ddca31]{filter:blur(2px);opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.monaco-editor-target[data-v-e0ddca31]{height:100%;overflow:hidden;position:relative;transition:all .2s ease-in-out;transition:all var(--kui-animation-duration-20, .2s) ease-in-out;width:100%}.monaco-editor-target[data-v-e0ddca31] .monaco-editor{position:absolute;--vscode-editor-background: var(--kui-color-background, #ffffff);--vscode-editorGutter-background: var(--kui-color-background, #ffffff);--vscode-editorLineNumber-activeForeground: var(--kui-color-text-primary, #0044f4);--vscode-editorSuggestWidget-background: var(--kui-color-background, #ffffff);--vscode-editorSuggestWidget-border: var(--kui-color-border, #e0e4ea);--vscode-editorSuggestWidget-highlightForeground: var(--kui-color-text-decorative-purple, #6f28ff);--vscode-editorSuggestWidget-focusHighlightForeground: var(--kui-color-text-decorative-purple, #6f28ff);--vscode-menu-background: var(--kui-color-background, #ffffff);--vscode-menu-border: var(--kui-color-border, #e0e4ea);--vscode-menu-separatorBackground: var(--kui-color-border, #e0e4ea);--vscode-focusBorder: var(--kui-color-text-neutral, #6c7489);--vscode-input-background: var(--kui-color-background, #ffffff);--vscode-sash-hoverBorder: var(--kui-color-border-primary, #0044f4)}.monaco-editor-target[data-v-e0ddca31] .monaco-editor .sticky-widget{z-index:2}.monaco-editor-target[data-v-e0ddca31] .monaco-editor .suggest-details-container{border-radius:10px!important;border-radius:var(--kui-border-radius-50, 10px)!important}.monaco-editor-target[data-v-e0ddca31] .monaco-editor .suggest-details-container .suggest-details{border-radius:10px!important;border-radius:var(--kui-border-radius-50, 10px)!important;overflow-x:hidden;overflow-y:auto}.monaco-editor-target[data-v-e0ddca31] .monaco-editor .suggest-details-container .suggest-details .type{overflow-wrap:break-word!important}.monaco-editor-target[data-v-e0ddca31] .monaco-editor .suggest-widget{border-radius:10px!important;border-radius:var(--kui-border-radius-50, 10px)!important;min-height:30px!important}.monaco-editor-target[data-v-e0ddca31] .monaco-editor .suggest-widget.shows-details{border-radius:10px!important;border-radius:var(--kui-border-radius-50, 10px)!important;min-height:30px!important;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}.monaco-editor-target[data-v-e0ddca31] .monaco-editor .suggest-widget .tree,.monaco-editor-target[data-v-e0ddca31] .monaco-editor .suggest-widget .monaco-scrollable-element,.monaco-editor-target[data-v-e0ddca31] .monaco-editor .suggest-widget .monaco-list,.monaco-editor-target[data-v-e0ddca31] .monaco-editor .suggest-widget .monaco-list-rows{border-radius:8px!important;border-radius:var(--kui-border-radius-40, 8px)!important}.monaco-editor-target[data-v-e0ddca31] .monaco-editor .suggest-widget .monaco-list-rows{overflow-x:hidden;overflow-y:auto}.monaco-editor-target[data-v-e0ddca31] .monaco-editor .suggest-widget .monaco-list-row{padding:0 6px;padding:var(--kui-space-0, 0px) var(--kui-space-30, 6px)}.monaco-editor-target[data-v-e0ddca31] .monaco-editor .suggest-widget .monaco-list-row.focused{background:#e0e4ea;background:var(--kui-color-background-neutral-weaker, #e0e4ea)}.monaco-editor-target[data-v-e0ddca31] .monaco-editor .suggest-widget .monaco-list-row.focused .monaco-icon-label,.monaco-editor-target[data-v-e0ddca31] .monaco-editor .suggest-widget .monaco-list-row.focused .suggest-icon{color:#232633!important;color:var(--kui-color-text-neutral-strongest, #232633)!important}.monaco-editor-target[data-v-e0ddca31] .monaco-editor .suggest-widget .monaco-list-row.focused .details-label{color:#232633;color:var(--kui-color-text-neutral-strongest, #232633)}.monaco-editor-target[data-v-e0ddca31] .monaco-editor .suggest-widget .monaco-list-row .highlight{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.monaco-editor-target[data-v-e0ddca31] .monaco-editor .suggest-widget .monaco-list-row:first-child.focused{border-top-left-radius:6px;border-top-left-radius:var(--kui-border-radius-30, 6px)}.monaco-editor-target[data-v-e0ddca31] .monaco-editor .suggest-widget .monaco-list-row .suggest-icon:not(.codicon-symbol-property){color:#0044f4;color:var(--kui-color-text-primary, #0044f4)}.monaco-editor-target[data-v-e0ddca31] .monaco-editor .suggest-widget .monaco-list-row .monaco-icon-label{color:#6c7489!important;color:var(--kui-color-text-neutral, #6c7489)!important}.monaco-editor-target[data-v-e0ddca31] .monaco-editor .codicon-suggest-more-info{transform:translateY(2px)!important}.monaco-editor-target[data-v-e0ddca31] .monaco-editor .find-widget{background:#fff;background:var(--kui-color-background, #ffffff);border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border-neutral-weaker, #e0e4ea);border-radius:0;border-radius:var(--kui-border-radius-0, 0px);right:0!important}.monaco-editor-target[data-v-e0ddca31] .monaco-editor .find-widget .monaco-sash{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea);width:1px!important}.monaco-editor-target[data-v-e0ddca31] .monaco-editor .find-widget .monaco-inputbox{background-color:#fff!important;background-color:var(--kui-color-background, #ffffff)!important;border:1px solid #e0e4ea!important;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border-neutral-weaker, #e0e4ea)!important;border-radius:6px;border-radius:var(--kui-border-radius-30, 6px);padding:0 2px;padding:var(--kui-space-0, 0px) var(--kui-space-10, 2px)}.fade-enter-active[data-v-e0ddca31],.fade-leave-active[data-v-e0ddca31]{transition:opacity .2s ease;transition:opacity var(--kui-animation-duration-20, .2s) ease}.fade-enter-from[data-v-e0ddca31],.fade-leave-to[data-v-e0ddca31]{opacity:0}.fade-enter-to[data-v-e0ddca31],.fade-leave-from[data-v-e0ddca31]{opacity:1}
+.monaco-editor-status-overlay[data-v-062eadb5]{background:transparent;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.monaco-editor-status-overlay[data-v-062eadb5] .empty-state-content{align-items:center;display:flex;flex-direction:column}.monaco-editor-status-overlay[data-v-062eadb5] .empty-state-content .empty-state-icon,.monaco-editor-status-overlay[data-v-062eadb5] .empty-state-content .empty-state-title,.monaco-editor-status-overlay[data-v-062eadb5] .empty-state-content .empty-state-message{color:#afb7c5;color:var(--kui-color-text-neutral-weak, #afb7c5)}.monaco-editor-status-overlay[data-v-062eadb5] .empty-state-content .empty-state-title{text-transform:capitalize}.monaco-editor-container[data-v-e2083635]{background:#fff;background:var(--kui-color-background, #ffffff);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.monaco-editor-container.loading[data-v-e2083635]{pointer-events:none;-webkit-user-select:none;user-select:none}.monaco-editor-container.loading .monaco-editor-target[data-v-e2083635]{filter:blur(2px);opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.monaco-editor-target[data-v-e2083635]{height:100%;overflow:hidden;position:relative;transition:all .2s ease-in-out;transition:all var(--kui-animation-duration-20, .2s) ease-in-out;width:100%}.monaco-editor-target[data-v-e2083635] .monaco-editor{position:absolute;--vscode-editor-background: var(--kui-color-background, #ffffff);--vscode-editorGutter-background: var(--kui-color-background, #ffffff);--vscode-editorLineNumber-activeForeground: var(--kui-color-text-primary, #0044f4);--vscode-editorSuggestWidget-background: var(--kui-color-background, #ffffff);--vscode-editorSuggestWidget-border: var(--kui-color-border, #e0e4ea);--vscode-editorSuggestWidget-highlightForeground: var(--kui-color-text-decorative-purple, #6f28ff);--vscode-editorSuggestWidget-focusHighlightForeground: var(--kui-color-text-decorative-purple, #6f28ff);--vscode-menu-background: var(--kui-color-background, #ffffff);--vscode-menu-border: var(--kui-color-border, #e0e4ea);--vscode-menu-separatorBackground: var(--kui-color-border, #e0e4ea);--vscode-focusBorder: var(--kui-color-text-neutral, #6c7489);--vscode-input-background: var(--kui-color-background, #ffffff);--vscode-sash-hoverBorder: var(--kui-color-border-primary, #0044f4)}.monaco-editor-target[data-v-e2083635] .monaco-editor .sticky-widget{z-index:2}.monaco-editor-target[data-v-e2083635] .monaco-editor .suggest-details-container{border-radius:10px!important;border-radius:var(--kui-border-radius-50, 10px)!important}.monaco-editor-target[data-v-e2083635] .monaco-editor .suggest-details-container .suggest-details{border-radius:10px!important;border-radius:var(--kui-border-radius-50, 10px)!important;overflow-x:hidden;overflow-y:auto}.monaco-editor-target[data-v-e2083635] .monaco-editor .suggest-details-container .suggest-details .type{overflow-wrap:break-word!important}.monaco-editor-target[data-v-e2083635] .monaco-editor .suggest-widget{border-radius:10px!important;border-radius:var(--kui-border-radius-50, 10px)!important;min-height:30px!important}.monaco-editor-target[data-v-e2083635] .monaco-editor .suggest-widget.shows-details{border-radius:10px!important;border-radius:var(--kui-border-radius-50, 10px)!important;min-height:30px!important;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}.monaco-editor-target[data-v-e2083635] .monaco-editor .suggest-widget .tree,.monaco-editor-target[data-v-e2083635] .monaco-editor .suggest-widget .monaco-scrollable-element,.monaco-editor-target[data-v-e2083635] .monaco-editor .suggest-widget .monaco-list,.monaco-editor-target[data-v-e2083635] .monaco-editor .suggest-widget .monaco-list-rows{border-radius:8px!important;border-radius:var(--kui-border-radius-40, 8px)!important}.monaco-editor-target[data-v-e2083635] .monaco-editor .suggest-widget .monaco-list-rows{overflow-x:hidden;overflow-y:auto}.monaco-editor-target[data-v-e2083635] .monaco-editor .suggest-widget .monaco-list-row{padding:0 6px;padding:var(--kui-space-0, 0px) var(--kui-space-30, 6px)}.monaco-editor-target[data-v-e2083635] .monaco-editor .suggest-widget .monaco-list-row.focused{background:#e0e4ea;background:var(--kui-color-background-neutral-weaker, #e0e4ea)}.monaco-editor-target[data-v-e2083635] .monaco-editor .suggest-widget .monaco-list-row.focused .monaco-icon-label,.monaco-editor-target[data-v-e2083635] .monaco-editor .suggest-widget .monaco-list-row.focused .suggest-icon{color:#232633!important;color:var(--kui-color-text-neutral-strongest, #232633)!important}.monaco-editor-target[data-v-e2083635] .monaco-editor .suggest-widget .monaco-list-row.focused .details-label{color:#232633;color:var(--kui-color-text-neutral-strongest, #232633)}.monaco-editor-target[data-v-e2083635] .monaco-editor .suggest-widget .monaco-list-row .highlight{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.monaco-editor-target[data-v-e2083635] .monaco-editor .suggest-widget .monaco-list-row:first-child.focused{border-top-left-radius:6px;border-top-left-radius:var(--kui-border-radius-30, 6px)}.monaco-editor-target[data-v-e2083635] .monaco-editor .suggest-widget .monaco-list-row .suggest-icon:not(.codicon-symbol-property){color:#0044f4;color:var(--kui-color-text-primary, #0044f4)}.monaco-editor-target[data-v-e2083635] .monaco-editor .suggest-widget .monaco-list-row .monaco-icon-label{color:#6c7489!important;color:var(--kui-color-text-neutral, #6c7489)!important}.monaco-editor-target[data-v-e2083635] .monaco-editor .codicon-suggest-more-info{transform:translateY(2px)!important}.monaco-editor-target[data-v-e2083635] .monaco-editor .find-widget{background:#fff;background:var(--kui-color-background, #ffffff);border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border-neutral-weaker, #e0e4ea);border-radius:0;border-radius:var(--kui-border-radius-0, 0px);right:0!important}.monaco-editor-target[data-v-e2083635] .monaco-editor .find-widget .monaco-sash{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea);width:1px!important}.monaco-editor-target[data-v-e2083635] .monaco-editor .find-widget .monaco-inputbox{background-color:#fff!important;background-color:var(--kui-color-background, #ffffff)!important;border:1px solid #e0e4ea!important;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border-neutral-weaker, #e0e4ea)!important;border-radius:6px;border-radius:var(--kui-border-radius-30, 6px);padding:0 2px;padding:var(--kui-space-0, 0px) var(--kui-space-10, 2px)}.fade-enter-active[data-v-e2083635],.fade-leave-active[data-v-e2083635]{transition:opacity .2s ease;transition:opacity var(--kui-animation-duration-20, .2s) ease}.fade-enter-from[data-v-e2083635],.fade-leave-to[data-v-e2083635]{opacity:0}.fade-enter-to[data-v-e2083635],.fade-leave-from[data-v-e2083635]{opacity:1}

package/dist/types/src/components/MonacoEditor.vue.d.ts

@@ -43,9 +43,29 @@ type __VLS_Slots = {} & {
 } & {
     'state-empty'?: (props: typeof __VLS_14) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    monacoEditor: {
+        editor: import("vue").ShallowRef<editor.IStandaloneCodeEditor | undefined, editor.IStandaloneCodeEditor | undefined>;
+        editorStates: {
+            editorStatus: import("..").EditorStatus;
+            searchBoxIsRevealed: boolean;
+            hasContent: boolean;
+            theme: EditorThemes;
+        };
+        setContent: (content: string) => void;
+        setReadOnly: (readOnly: boolean) => void;
+        focus: () => void;
+        setLanguage: (language: string) => void;
+        remeasureFonts: import("@vueuse/core").UseDebounceFnReturn<() => void>;
+        toggleSearchWidget: () => void;
+        triggerKeyboardCommand: (id: string) => void;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
+} & {
+    ready: (editor: editor.IStandaloneCodeEditor) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onReady?: ((editor: editor.IStandaloneCodeEditor) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/types/src/components/MonacoEditor.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MonacoEditor.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/MonacoEditor.vue"],"names":[],"mappings":"AA8TA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAE5C,KAAK,WAAW,GAAG;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;MAGE;IACF,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,oCAAoC,CAAC,GAAG,SAAS,CAAA;CAC3E,CAAC;AASF;;GAEG;AACH,QAAA,MAAM,KAAK,wDAGT,CAAA;AA8BF,KAAK,gBAAgB,GAAG;IACxB;;OAEG;IACH,UAAU,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC;CACjC,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AA+IxD,QAAA,IAAI,OAAO;;CAAU,EAAE,QAAQ;;CAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACpD;IAAE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOtD,QAAA,MAAM,UAAU;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"MonacoEditor.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/MonacoEditor.vue"],"names":[],"mappings":"AA6UA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAE5C,KAAK,WAAW,GAAG;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;MAGE;IACF,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,oCAAoC,CAAC,GAAG,SAAS,CAAA;CAC3E,CAAC;AAkBF;;GAEG;AACH,QAAA,MAAM,KAAK,wDAGT,CAAA;AAsCF,KAAK,gBAAgB,GAAG;IACxB;;OAEG;IACH,UAAU,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC;CACjC,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AA+IxD,QAAA,IAAI,OAAO;;CAAU,EAAE,QAAQ;;CAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACpD;IAAE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOtD,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;kFAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/types/src/types/index.d.ts

@@ -21,9 +21,9 @@ export interface UseMonacoEditorOptions {
      */
     theme?: EditorThemes;
     /**
-     * Callback function triggered when the editor is created
+     * Callback function triggered when the editor is ready
      */
-    onCreated?: () => void;
+    onReady?: (editor: editor.IStandaloneCodeEditor) => void;
     /**
      * Additional actions to be added to the editor
      */

package/dist/types/src/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE9B;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACjB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAA;IAChB;;MAEE;IACF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,GAAG,CAAA;IACb;;;MAGE;IACF,aAAa,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,oCAAoC,CAAC,CAAA;CACrE;AAED,iDAAiD;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,CAAA;AAE3C,sCAAsC;AACtC,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,CAAA;AAG9C,MAAM,WAAW,kBAAkB;IACjC;;;;QAII;IACJ,YAAY,EAAE,YAAY,CAAA;IAE1B;;;QAGI;IACJ,mBAAmB,EAAE,OAAO,CAAA;IAE5B;;;QAGI;IACJ,UAAU,EAAE,OAAO,CAAA;IAEnB;;;;QAII;IACJ,KAAK,EAAE,YAAY,CAAA;CACpB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE9B;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACjB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAA;IAChB;;MAEE;IACF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,qBAAqB,KAAK,IAAI,CAAA;IACxD;;OAEG;IACH,OAAO,CAAC,EAAE,GAAG,CAAA;IACb;;;MAGE;IACF,aAAa,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,oCAAoC,CAAC,CAAA;CACrE;AAED,iDAAiD;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,CAAA;AAE3C,sCAAsC;AACtC,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,CAAA;AAG9C,MAAM,WAAW,kBAAkB;IACjC;;;;QAII;IACJ,YAAY,EAAE,YAAY,CAAA;IAE1B;;;QAGI;IACJ,mBAAmB,EAAE,OAAO,CAAA;IAE5B;;;QAGI;IACJ,UAAU,EAAE,OAAO,CAAA;IAEnB;;;;QAII;IACJ,KAAK,EAAE,YAAY,CAAA;CACpB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/monaco-editor",
-  "version": "0.7.5",
+  "version": "0.8.0",
   "type": "module",
   "description": "A kong UI Monaco Editor wrapper for Vue 3 with syntax highlighting powered by Shiki.",
   "main": "./dist/runtime/monaco-editor.umd.js",