@kong-ui-public/monaco-editor 0.7.2 → 0.7.3

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

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

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

@@ -1 +1 @@
-(function(l,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):(l=typeof globalThis<"u"?globalThis:l||self,n(l["kong-ui-public-monaco-editor"]={},l.Vue,l.KongIcons,l.monaco,l.monaco$1,l.shiki,l["kong-ui-public-i18n"]))})(this,function(l,n,w,V,P,C,I){"use strict";function K(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(t,e,r.get?r:{enumerable:!0,get:()=>o[e]})}}return t.default=o,Object.freeze(t)}const g=K(V),$=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 T=()=>{};function A(o,t){function e(...r){return new Promise((a,s)=>{Promise.resolve(o(()=>t.apply(this,r),{fn:t,thisArg:this,args:r})).then(a).catch(s)})}return e}function H(o,t={}){let e,r,a=T;const s=c=>{clearTimeout(c),a(),a=T};let d;return c=>{const b=n.toValue(o),m=n.toValue(t.maxWait);return e&&s(e),b<=0||m!==void 0&&m<=0?(r&&(s(r),r=void 0),Promise.resolve(c())):new Promise((k,i)=>{a=t.rejectOnCancel?i:k,d=c,m&&!r&&(r=setTimeout(()=>{e&&s(e),r=void 0,k(d())},m)),e=setTimeout(()=>{r&&s(r),r=void 0,k(c())},b)})}}function q(o,t=200,e={}){return A(H(t,e),o)}function D(o){var t;const e=n.toValue(o);return(t=e==null?void 0:e.$el)!==null&&t!==void 0?t:e}const E="[monaco-editor] [lifecycle]",h=new WeakMap,y=new Map,O=new WeakMap;function z(o){let t=h.get(o.source);if(!t){let e;switch(o.type){case"editor":e=o.source.onDidDispose(()=>v(o.source));break;case"model":e=o.source.onWillDispose(()=>v(o.source));break;default:throw new Error(`${E} Unknown scope: ${o}`)}t={disposables:new Set,scopeListener:e},h.set(o.source,t)}return t}function F(o){const t=h.get(o);t&&(t.scopeListener.dispose(),h.delete(o))}function x(o,t){z(t).disposables.add(o)}function N(o,t){const e=h.get(t.source);e&&(e.disposables.delete(o),e.disposables.size===0&&F(t.source))}function G(o){const t=[];if(o.forEach(e=>{try{e.dispose()}catch(r){t.push(r)}}),t.length)throw new AggregateError(t,`${E} One or more disposables threw while being disposed.`)}function Y(o,t){var d,f;let e=o,r=y.get(e);if(!r){const c=O.get(o);c&&(e=c,r=y.get(c))}if(r)return((d=r.scope)==null?void 0:d.type)===(t==null?void 0:t.type)&&((f=r.scope)==null?void 0:f.source)===(t==null?void 0:t.source)||(r.scope&&N(r.decorated,r.scope),t?(x(r.decorated,t),r.scope=t):r.scope=void 0),r.decorated;const a=e.dispose,s={dispose:()=>{const c=y.get(e);if(c)return c.scope&&N(s,c.scope),y.delete(e),O.delete(s),a.call(e)}};return y.set(e,{decorated:s,scope:t}),O.set(s,e),t&&x(s,t),s}function W(o,t){return Y(t,{type:"editor",source:o})}function v(o){const t=h.get(o);if(!t)return;const e=Array.from(t.disposables);try{G(e)}catch(r){console.warn(`${E} Encountered errors while disposing scoped disposables:`,r,", Source:",o)}F(o)}const L=n.ref(!1);let S=null;async function Z(){return S||(S=(async()=>{var o,t;try{const e=((o=g.json)==null?void 0:o.jsonDefaults)||((t=g.languages.json)==null?void 0:t.jsonDefaults);e==null||e.setModeConfiguration({tokens:!1});const r=await C.getSingletonHighlighter({themes:Object.values(C.bundledThemes),langs:Object.values(C.bundledLanguages)});r.getLoadedLanguages().forEach(a=>{g.languages.register({id:a})}),P.shikiToMonaco(r,g),L.value=!0}catch(e){throw S=null,e}})(),S)}function B(o,t){const e=n.shallowRef();let r=!1;const a=n.reactive({editorStatus:"loading",searchBoxIsRevealed:!1,hasContent:!1,theme:t.theme||"light"}),s=i=>{!r||!e.value||e.value.setValue(i)},d=i=>{var p;return(p=e.value)==null?void 0:p.updateOptions({readOnly:i})},f=()=>{var i;return(i=e.value)==null?void 0:i.focus()},c=i=>{try{if(!e.value||!i)return;e.value.focus(),e.value.trigger("keyboard",i,null)}catch(p){console.error(`useMonacoEditor: Failed to trigger command: ${i}`,p)}},b=()=>{var i;try{if(!e.value)return;if(a.searchBoxIsRevealed)return(i=e.value.getContribution("editor.contrib.findController"))==null?void 0:i.closeFindWidget();c("actions.find")}catch(p){console.error("useMonacoEditor: Failed to close findController.",p)}},m=q(()=>g.editor.remeasureFonts(),200);return(()=>{Z();let i;n.watch([L,()=>n.toValue(o)],([p,te],[,oe])=>{var R;const M=D(te),ne=D(oe);if(!(M instanceof HTMLElement)||!p){r=!1;return}if(!(r&&ne===M)){if(!i){const u=g.Uri.parse(`inmemory://model/${t.language}-${crypto.randomUUID()}`);i=g.editor.createModel(t.code.value,t.language,u)}e.value=g.editor.create(M,{...$,readOnly:t.readOnly||!1,language:t.language,theme:a.theme==="light"?"catppuccin-latte":"catppuccin-mocha",model:i,editContext:!1,...t.monacoOptions}),r=!0,a.editorStatus="ready",a.hasContent=!!t.code.value,W(e.value,e.value.onDidChangeModelContent(()=>{var _;const u=e.value.getValue();a.hasContent=!!u.length,(_=t.onChanged)==null||_.call(t,u)})),(R=t.onCreated)==null||R.call(t),m();try{const u=e.value.getContribution("editor.contrib.findController");if(u){const _=u.getState();W(e.value,_.onFindReplaceStateChange(()=>{a.searchBoxIsRevealed=_.isRevealed}))}}catch(u){console.error("useMonacoEditor: Failed to get the state of findController",u)}n.onWatcherCleanup(()=>{var u;(u=e.value)==null||u.dispose()})}},{immediate:!0,flush:"post"})})(),n.onMounted(m),n.onActivated(m),n.onBeforeUnmount(()=>{if(!e.value)return;const i=e.value.getModel();e.value.dispose(),i&&i.dispose()}),{editor:e,editorStates:a,setContent:s,setReadOnly:d,focus:f,remeasureFonts:m,toggleSearchWidget:b,triggerKeyboardCommand:c}}const J={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 Q(){const o=I.createI18n("en-us",J);return{i18n:o,i18nT:I.i18nTComponent(o)}}const X=n.defineComponent({__name:"MonacoEditorStatusOverlay",props:{title:{},message:{},icon:{}},setup(o){return(t,e)=>{const r=n.resolveComponent("KEmptyState");return n.openBlock(),n.createBlock(r,{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"])}}}),j=(o,t)=>{const e=o.__vccOpts||o;for(const[r,a]of t)e[r]=a;return e},U=j(X,[["__scopeId","data-v-062eadb5"]]),ee=j(n.defineComponent({__name:"MonacoEditor",props:n.mergeModels({theme:{default:"light"},language:{default:"markdown"},options:{default:()=>{}}},{modelValue:{type:String,required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(o){const t=n.useModel(o,"modelValue"),{i18n:e}=Q(),r=n.useTemplateRef("editorRef"),a=n.computed(()=>o.theme==="dark"?"dark":"light"),s=n.computed(()=>d.editorStates.editorStatus==="ready"&&!d.editorStates.hasContent),d=B(r,{language:o.language,code:t,theme:a.value,monacoOptions:o.options,onChanged:f=>{t.value=f}});return(f,c)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["monaco-editor-container",[a.value,{loading:n.unref(d).editorStates.editorStatus==="loading"}]]),"data-testid":"monaco-editor-container"},[n.createElementVNode("div",{ref_key:"editorRef",ref:r,class:"monaco-editor-target","data-testid":"monaco-editor-target"},null,512),n.renderSlot(f.$slots,"state-loading",{isLoading:n.unref(d).editorStates.editorStatus==="loading"},()=>[n.createVNode(n.Transition,{name:"fade"},{default:n.withCtx(()=>[n.unref(d).editorStates.editorStatus==="loading"?(n.openBlock(),n.createBlock(U,{key:0,"data-testid":"monaco-editor-status-overlay-loading",icon:n.unref(w.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(f.$slots,"state-empty",{isEmpty:s.value},()=>[n.createVNode(n.Transition,{name:"fade"},{default:n.withCtx(()=>[s.value?(n.openBlock(),n.createBlock(U,{key:0,"data-testid":"monaco-editor-status-overlay-empty",icon:n.unref(w.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-c8f35a88"]]);l.MonacoEditor=ee,l.useMonacoEditor=B,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});
+(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,T,V,K,C,w){"use strict";function $(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=$(V),A=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 v=()=>{};function H(o,t){function e(...a){return new Promise((s,r)=>{Promise.resolve(o(()=>t.apply(this,a),{fn:t,thisArg:this,args:a})).then(s).catch(r)})}return e}function q(o,t={}){let e,a,s=v;const r=l=>{clearTimeout(l),s(),s=v};let c;return l=>{const S=n.toValue(o),p=n.toValue(t.maxWait);return e&&r(e),S<=0||p!==void 0&&p<=0?(a&&(r(a),a=void 0),Promise.resolve(l())):new Promise((k,y)=>{s=t.rejectOnCancel?y:k,c=l,p&&!a&&(a=setTimeout(()=>{e&&r(e),a=void 0,k(c())},p)),e=setTimeout(()=>{a&&r(a),a=void 0,k(l())},S)})}}function z(o,t=200,e={}){return H(q(t,e),o)}function D(o){var t;const e=n.toValue(o);return(t=e==null?void 0:e.$el)!==null&&t!==void 0?t:e}const M="[monaco-editor] [lifecycle]",h=new WeakMap,_=new Map,O=new WeakMap;function G(o){let t=h.get(o.source);if(!t){let e;switch(o.type){case"editor":e=o.source.onDidDispose(()=>W(o.source));break;case"model":e=o.source.onWillDispose(()=>W(o.source));break;default:throw new Error(`${M} Unknown scope: ${o}`)}t={disposables:new Set,scopeListener:e},h.set(o.source,t)}return t}function x(o){const t=h.get(o);t&&(t.scopeListener.dispose(),h.delete(o))}function F(o,t){G(t).disposables.add(o)}function N(o,t){const e=h.get(t.source);e&&(e.disposables.delete(o),e.disposables.size===0&&x(t.source))}function Y(o){const t=[];if(o.forEach(e=>{try{e.dispose()}catch(a){t.push(a)}}),t.length)throw new AggregateError(t,`${M} One or more disposables threw while being disposed.`)}function Z(o,t){var c,g;let e=o,a=_.get(e);if(!a){const l=O.get(o);l&&(e=l,a=_.get(l))}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&&N(a.decorated,a.scope),t?(F(a.decorated,t),a.scope=t):a.scope=void 0),a.decorated;const s=e.dispose,r={dispose:()=>{const l=_.get(e);if(l)return l.scope&&N(r,l.scope),_.delete(e),O.delete(r),s.call(e)}};return _.set(e,{decorated:r,scope:t}),O.set(r,e),t&&F(r,t),r}function L(o,t){return Z(t,{type:"editor",source:o})}function W(o){const t=h.get(o);if(!t)return;const e=Array.from(t.disposables);try{Y(e)}catch(a){console.warn(`${M} Encountered errors while disposing scoped disposables:`,a,", Source:",o)}x(o)}const B=n.ref(!1);let b=null;async function J(){return b||(b=(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 C.getSingletonHighlighter({themes:Object.values(C.bundledThemes),langs:Object.values(C.bundledLanguages)});a.getLoadedLanguages().forEach(s=>{m.languages.register({id:s})}),K.shikiToMonaco(a,m),B.value=!0}catch(e){throw b=null,e}})(),b)}function U(o,t){const e=n.shallowRef();let a,s=!1,r=!1;const c=n.reactive({editorStatus:"loading",searchBoxIsRevealed:!1,hasContent:!1,theme:t.theme||"light"}),g=i=>{!s||!e.value||e.value.setValue(i)},l=i=>{var f;return(f=e.value)==null?void 0:f.updateOptions({readOnly:i})},S=()=>{var i;return(i=e.value)==null?void 0:i.focus()},p=i=>{try{if(!e.value||!i)return;e.value.focus(),e.value.trigger("keyboard",i,null)}catch(f){console.error(`useMonacoEditor: Failed to trigger command: ${i}`,f)}},k=()=>{var i;try{if(!e.value)return;if(c.searchBoxIsRevealed)return(i=e.value.getContribution("editor.contrib.findController"))==null?void 0:i.closeFindWidget();p("actions.find")}catch(f){console.error("useMonacoEditor: Failed to close findController.",f)}},y=z(()=>m.editor.remeasureFonts(),200);return(()=>{J(),n.watch([B,()=>n.toValue(o)],([i,f],[,oe])=>{var P;const I=D(f),ne=D(oe);if(!(I instanceof HTMLElement)||!i){s=!1;return}if(!(s&&ne===I)){if(!a){const u=m.Uri.parse(`inmemory://model/${t.language}-${crypto.randomUUID()}`);a=m.editor.createModel(t.code.value,t.language,u)}e.value=m.editor.create(I,{...A,readOnly:t.readOnly||!1,language:t.language,theme:c.theme==="light"?"catppuccin-latte":"catppuccin-mocha",model:a,editContext:!1,...t.monacoOptions}),s=!0,c.editorStatus="ready",c.hasContent=!!t.code.value,L(e.value,e.value.onDidChangeModelContent(()=>{if(r)return;const u=e.value.getValue();c.hasContent=!!u.length,t.code.value=u})),(P=t.onCreated)==null||P.call(t),y();try{const u=e.value.getContribution("editor.contrib.findController"),E=u==null?void 0:u.getState();L(e.value,E==null?void 0:E.onFindReplaceStateChange(()=>{c.searchBoxIsRevealed=E.isRevealed}))}catch(u){console.error("useMonacoEditor: Failed to get the state of findController",u)}n.onWatcherCleanup(()=>{var u;(u=e.value)==null||u.dispose()})}},{immediate:!0,flush:"post"})})(),n.watch(()=>t.code.value,i=>{if(!e.value||!a||!s)return;const f=a.getValue();i!==f&&(r=!0,e.value.executeEdits("external",[{range:a.getFullModelRange(),text:i}]),e.value.pushUndoStop(),c.hasContent=!!i.length,r=!1)}),n.onMounted(y),n.onActivated(y),n.onBeforeUnmount(()=>{if(!e.value)return;const i=e.value.getModel();e.value.dispose(),i&&i.dispose()}),{editor:e,editorStates:c,setContent:g,setReadOnly:l,focus:S,remeasureFonts:y,toggleSearchWidget:k,triggerKeyboardCommand:p}}const Q={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 X(){const o=w.createI18n("en-us",Q);return{i18n:o,i18nT:w.i18nTComponent(o)}}const ee=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"])}}}),j=(o,t)=>{const e=o.__vccOpts||o;for(const[a,s]of t)e[a]=s;return e},R=j(ee,[["__scopeId","data-v-062eadb5"]]),te=j(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}=X(),a=n.useTemplateRef("editorRef"),s=n.computed(()=>o.theme==="dark"?"dark":"light"),r=n.computed(()=>g.editorStates.editorStatus==="loading"||o.loading),c=n.computed(()=>g.editorStates.editorStatus==="ready"&&!g.editorStates.hasContent),g=U(a,{language:o.language,code:t,theme:s.value,monacoOptions:o.options});return(l,S)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["monaco-editor-container",[s.value,{loading:r.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(l.$slots,"state-loading",{isLoading:r.value},()=>[n.createVNode(n.Transition,{name:"fade"},{default:n.withCtx(()=>[r.value?(n.openBlock(),n.createBlock(R,{key:0,"data-testid":"monaco-editor-status-overlay-loading",icon:n.unref(T.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(l.$slots,"state-empty",{isEmpty:c.value},()=>[n.createVNode(n.Transition,{name:"fade"},{default:n.withCtx(()=>[c.value&&!r.value?(n.openBlock(),n.createBlock(R,{key:0,"data-testid":"monaco-editor-status-overlay-empty",icon:n.unref(T.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-9568e08d"]]);d.MonacoEditor=te,d.useMonacoEditor=U,Object.defineProperty(d,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-c8f35a88]{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-c8f35a88]{pointer-events:none;-webkit-user-select:none;user-select:none}.monaco-editor-container.loading .monaco-editor-target[data-v-c8f35a88]{filter:blur(2px);opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.monaco-editor-target[data-v-c8f35a88]{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-c8f35a88] .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-c8f35a88] .monaco-editor .sticky-widget{z-index:2}.monaco-editor-target[data-v-c8f35a88] .monaco-editor .suggest-details-container{border-radius:10px!important;border-radius:var(--kui-border-radius-50, 10px)!important}.monaco-editor-target[data-v-c8f35a88] .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-c8f35a88] .monaco-editor .suggest-details-container .suggest-details .type{overflow-wrap:break-word!important}.monaco-editor-target[data-v-c8f35a88] .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-c8f35a88] .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-c8f35a88] .monaco-editor .suggest-widget .tree,.monaco-editor-target[data-v-c8f35a88] .monaco-editor .suggest-widget .monaco-scrollable-element,.monaco-editor-target[data-v-c8f35a88] .monaco-editor .suggest-widget .monaco-list,.monaco-editor-target[data-v-c8f35a88] .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-c8f35a88] .monaco-editor .suggest-widget .monaco-list-rows{overflow-x:hidden;overflow-y:auto}.monaco-editor-target[data-v-c8f35a88] .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-c8f35a88] .monaco-editor .suggest-widget .monaco-list-row.focused{background:#e0e4ea;background:var(--kui-color-background-neutral-weaker, #e0e4ea)}.monaco-editor-target[data-v-c8f35a88] .monaco-editor .suggest-widget .monaco-list-row.focused .monaco-icon-label,.monaco-editor-target[data-v-c8f35a88] .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-c8f35a88] .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-c8f35a88] .monaco-editor .suggest-widget .monaco-list-row .highlight{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.monaco-editor-target[data-v-c8f35a88] .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-c8f35a88] .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-c8f35a88] .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-c8f35a88] .monaco-editor .codicon-suggest-more-info{transform:translateY(2px)!important}.monaco-editor-target[data-v-c8f35a88] .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-c8f35a88] .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-c8f35a88] .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-c8f35a88],.fade-leave-active[data-v-c8f35a88]{transition:opacity .2s ease;transition:opacity var(--kui-animation-duration-20, .2s) ease}.fade-enter-from[data-v-c8f35a88],.fade-leave-to[data-v-c8f35a88]{opacity:0}.fade-enter-to[data-v-c8f35a88],.fade-leave-from[data-v-c8f35a88]{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-9568e08d]{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-9568e08d]{pointer-events:none;-webkit-user-select:none;user-select:none}.monaco-editor-container.loading .monaco-editor-target[data-v-9568e08d]{filter:blur(2px);opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.monaco-editor-target[data-v-9568e08d]{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-9568e08d] .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-9568e08d] .monaco-editor .sticky-widget{z-index:2}.monaco-editor-target[data-v-9568e08d] .monaco-editor .suggest-details-container{border-radius:10px!important;border-radius:var(--kui-border-radius-50, 10px)!important}.monaco-editor-target[data-v-9568e08d] .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-9568e08d] .monaco-editor .suggest-details-container .suggest-details .type{overflow-wrap:break-word!important}.monaco-editor-target[data-v-9568e08d] .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-9568e08d] .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-9568e08d] .monaco-editor .suggest-widget .tree,.monaco-editor-target[data-v-9568e08d] .monaco-editor .suggest-widget .monaco-scrollable-element,.monaco-editor-target[data-v-9568e08d] .monaco-editor .suggest-widget .monaco-list,.monaco-editor-target[data-v-9568e08d] .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-9568e08d] .monaco-editor .suggest-widget .monaco-list-rows{overflow-x:hidden;overflow-y:auto}.monaco-editor-target[data-v-9568e08d] .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-9568e08d] .monaco-editor .suggest-widget .monaco-list-row.focused{background:#e0e4ea;background:var(--kui-color-background-neutral-weaker, #e0e4ea)}.monaco-editor-target[data-v-9568e08d] .monaco-editor .suggest-widget .monaco-list-row.focused .monaco-icon-label,.monaco-editor-target[data-v-9568e08d] .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-9568e08d] .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-9568e08d] .monaco-editor .suggest-widget .monaco-list-row .highlight{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.monaco-editor-target[data-v-9568e08d] .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-9568e08d] .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-9568e08d] .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-9568e08d] .monaco-editor .codicon-suggest-more-info{transform:translateY(2px)!important}.monaco-editor-target[data-v-9568e08d] .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-9568e08d] .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-9568e08d] .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-9568e08d],.fade-leave-active[data-v-9568e08d]{transition:opacity .2s ease;transition:opacity var(--kui-animation-duration-20, .2s) ease}.fade-enter-from[data-v-9568e08d],.fade-leave-to[data-v-9568e08d]{opacity:0}.fade-enter-to[data-v-9568e08d],.fade-leave-from[data-v-9568e08d]{opacity:1}

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

@@ -11,6 +11,11 @@ type __VLS_Props = {
      * @default 'markdown'
      */
     language?: string;
+    /**
+     * Whether the editor is in a loading state.
+     * @default false
+     */
+    loading?: boolean;
     /**
      * Additional Monaco Editor options to customize the editor further.
      * @default undefined

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":"AAmTA,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;;;MAGE;IACF,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,oCAAoC,CAAC,GAAG,SAAS,CAAA;CAC3E,CAAC;AAQF;;GAEG;AACH,QAAA,MAAM,KAAK,wDAGT,CAAA;AAyBF,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":"AAwTA,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;AAwBF,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"}

package/dist/types/src/composables/useMonacoEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMonacoEditor.d.ts","sourceRoot":"","sources":["../../../../src/composables/useMonacoEditor.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAA;AAKvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AACzE,OAAO,KAAK,EAAsB,sBAAsB,EAAE,MAAM,UAAU,CAAA;AAyC1E;;;;;EAKE;AACF,wBAAgB,eAAe,CAAC,CAAC,SAAS,YAAY,EACpD,MAAM,EAAE,uBAAuB,CAAC,CAAC,CAAC,EAClC,OAAO,EAAE,sBAAsB;;;;;;;;0BAoBF,MAAM,KAAG,IAAI;4BAOX,OAAO,KAAG,IAAI;iBAG3B,IAAI;;8BAkBS,IAAI;iCAXC,MAAM,KAAG,IAAI;EAiJlD"}
+{"version":3,"file":"useMonacoEditor.d.ts","sourceRoot":"","sources":["../../../../src/composables/useMonacoEditor.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAA;AAKvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AACzE,OAAO,KAAK,EAAsB,sBAAsB,EAAE,MAAM,UAAU,CAAA;AAyC1E;;;;;EAKE;AACF,wBAAgB,eAAe,CAAC,CAAC,SAAS,YAAY,EACpD,MAAM,EAAE,uBAAuB,CAAC,CAAC,CAAC,EAClC,OAAO,EAAE,sBAAsB;;;;;;;;0BA2BF,MAAM,KAAG,IAAI;4BAOX,OAAO,KAAG,IAAI;iBAG3B,IAAI;;8BAkBS,IAAI;iCAXC,MAAM,KAAG,IAAI;EA4KlD"}

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

@@ -5,7 +5,7 @@ import type { Ref } from 'vue';
  */
 export interface UseMonacoEditorOptions {
     /**
-     * The initial content of the editor
+     * The content of the editor
      */
     code: Ref<string>;
     /**
@@ -20,10 +20,6 @@ export interface UseMonacoEditorOptions {
      * The theme of the editor
      */
     theme?: EditorThemes;
-    /**
-     * Callback function triggered when the content changes
-     */
-    onChanged?: (content: string) => void;
     /**
      * Callback function triggered when the editor is created
      */

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,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC;;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,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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/monaco-editor",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "type": "module",
   "main": "./dist/runtime/monaco-editor.umd.js",
   "module": "./dist/runtime/monaco-editor.es.js",