@kong-ui-public/monaco-editor 0.8.1-pr.2799.4a7245eab.0 → 0.8.1-pr.2808.079ab5d08.0

package/README.md

@@ -97,27 +97,65 @@ The theme of the Monaco Editor instance.
 
 The programming language for syntax highlighting. Supports all languages available in [Shiki](https://shiki.matsu.io/languages).
 
+#### `options`
+
+- type: `Partial<editor.IStandaloneEditorConstructionOptions>`
+- required: `false`
+- default: `undefined`
+
+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.
+
 #### `loading`
 
 - type: `boolean`
 - required: `false`
 - default: `false`
 
-Whether the editor is in a loading state. When true, displays a loading overlay.
+Indicates that the editor is waiting for external data in addition to its own internal initialization.
 
-#### `options`
+> [!WARNING]
+> This prop does not control the Monaco Editor's initialization lifecycle.
 
-- type: `Partial<editor.IStandaloneEditorConstructionOptions>`
+The editor manages its own internal loading state while Monaco and syntax highlighting are being initialized.
+The loading prop is additive, it allows consumers to keep the loading overlay visible if additional async work (such as fetching content) is still in progress after the editor itself is ready.
+
+The loading overlay is shown when either:
+- The editor is still initializing internally, or
+- The loading prop is set to true
+
+#### `showLoadingState`
+
+- type: `boolean`
 - required: `false`
-- default: `undefined`
+- default: `true`
 
-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.
+Controls whether the loading state overlay is rendered.
+
+> [!NOTE]
+> This does not affect editor initialization. When set to false, the editor will still initialize and emit ready, but no loading UI will be displayed.
+
+Useful for constrained layouts where the loading overlay would be visually disruptive.
+
+#### `showEmptyState`
+
+- type: `boolean`
+- required: `false`
+- default: `true`
+
+Controls whether the empty state overlay is rendered when the editor has no content.
+
+> [!NOTE]
+> This does not affect editor initialization. When set to false, the editor will still initialize and emit ready, but no empty state UI will be displayed even if the content is empty.
+
+Useful for embedded or compact layouts where the empty state overlay is unnecessary.
 
 ### Events
 
 #### `ready`
 
-Emitted when the Monaco editor instance is initialized and ready for use.
+Emitted when the Monaco editor instance has finished initializing and is ready for interaction.
+
+This event reflects only the editor's internal readiness, not any external loading state controlled by the loading prop.
 
 **Payload:**
 

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

@@ -1,10 +1,10 @@
-import { toValue as b, ref as A, shallowRef as K, reactive as H, watch as I, onMounted as $, onActivated as z, onBeforeUnmount as G, onWatcherCleanup as q, defineComponent as D, resolveComponent as J, createBlock as M, openBlock as C, createSlots as Q, withCtx as x, resolveDynamicComponent as Y, mergeModels as F, useModel as Z, useTemplateRef as X, computed as T, createElementBlock as ee, normalizeClass as te, createElementVNode as oe, renderSlot as R, createVNode as w, Transition as L, createCommentVNode as W, unref as h } from "vue";
-import { ProgressIcon as ae, CodeblockIcon as ne } from "@kong/icons";
-import * as g from "monaco-editor";
-import { shikiToMonaco as re } from "@shikijs/monaco";
-import { getSingletonHighlighter as se, bundledLanguages as ie, bundledThemes as le } from "shiki";
-import { createI18n as ce, i18nTComponent as ue } from "@kong-ui-public/i18n";
-const de = "'JetBrains Mono', Consolas, monospace", me = "12px", ge = "500", fe = "20px", ve = Object.freeze({
+import { toValue as O, ref as X, shallowRef as Y, reactive as Z, watch as D, onMounted as ee, onActivated as te, onBeforeUnmount as oe, onWatcherCleanup as ae, defineComponent as H, resolveComponent as ne, createBlock as _, openBlock as E, createSlots as re, withCtx as L, resolveDynamicComponent as se, mergeModels as W, useModel as ie, useTemplateRef as le, computed as I, createElementBlock as ce, normalizeClass as de, createElementVNode as ue, renderSlot as B, createCommentVNode as k, createVNode as N, Transition as U, unref as v } from "vue";
+import { ProgressIcon as ge, CodeblockIcon as me } from "@kong/icons";
+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";
+const be = "'JetBrains Mono', Consolas, monospace", Ee = "12px", Ce = "500", we = "20px", Me = Object.freeze({
   autoClosingQuotes: "always",
   automaticLayout: !0,
   // Auto resize layout
@@ -13,10 +13,10 @@ const de = "'JetBrains Mono', Consolas, monospace", me = "12px", ge = "500", fe
   },
   hideCursorInOverviewRuler: !0,
   // hide the cursor position in the minimap TODO: maybe hide it on first line or change it colour
-  fontFamily: de,
-  fontSize: Number(me.replace("px", "")),
-  fontWeight: ge,
-  lineHeight: Number(fe.replace("px", "")),
+  fontFamily: be,
+  fontSize: Number(Ee.replace("px", "")),
+  fontWeight: Ce,
+  lineHeight: Number(we.replace("px", "")),
   formatOnPaste: !0,
   formatOnType: !0,
   // Add to enable automatic formatting as the user types.
@@ -59,141 +59,227 @@ const de = "'JetBrains Mono', Consolas, monospace", me = "12px", ge = "500", fe
   }
 });
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const N = () => {
+const P = () => {
 };
-function he(o, t) {
+function ke(o, t) {
   function e(...a) {
-    return new Promise((r, s) => {
+    return new Promise((i, r) => {
       Promise.resolve(o(() => t.apply(this, a), {
         fn: t,
         thisArg: this,
         args: a
-      })).then(r).catch(s);
+      })).then(i).catch(r);
     });
   }
   return e;
 }
-function pe(o, t = {}) {
-  let e, a, r = N;
-  const s = (d) => {
-    clearTimeout(d), r(), r = N;
+function Oe(o, t = {}) {
+  let e, a, i = P;
+  const r = (s) => {
+    clearTimeout(s), i(), i = P;
   };
-  let i;
-  return (d) => {
-    const f = b(o), m = b(t.maxWait);
-    return e && s(e), f <= 0 || m !== void 0 && m <= 0 ? (a && (s(a), a = void 0), Promise.resolve(d())) : new Promise((l, v) => {
-      r = t.rejectOnCancel ? v : l, i = d, m && !a && (a = setTimeout(() => {
-        e && s(e), a = void 0, l(i());
-      }, m)), e = setTimeout(() => {
-        a && s(a), a = void 0, l(d());
-      }, f);
+  let l;
+  return (s) => {
+    const p = O(o), g = O(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);
     });
   };
 }
 // @__NO_SIDE_EFFECTS__
-function ye(o, t = 200, e = {}) {
-  return he(pe(t, e), o);
+function _e(o, t = 200, e = {}) {
+  return ke(Oe(t, e), o);
 }
-function U(o) {
+function V(o) {
   var t;
-  const e = b(o);
+  const e = O(o);
   return (t = e == null ? void 0 : e.$el) !== null && t !== void 0 ? t : e;
 }
-const P = A(!1);
-let y = null;
-async function Ce() {
-  return y || (y = (async () => {
+const F = "[monaco-editor] [lifecycle]", y = /* @__PURE__ */ new WeakMap(), S = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new WeakMap();
+function Te(o) {
+  let t = y.get(o.source);
+  if (!t) {
+    let e;
+    switch (o.type) {
+      case "editor":
+        e = o.source.onDidDispose(() => K(o.source));
+        break;
+      case "model":
+        e = o.source.onWillDispose(() => K(o.source));
+        break;
+      default:
+        throw new Error(`${F} Unknown scope: ${o}`);
+    }
+    t = {
+      disposables: /* @__PURE__ */ new Set(),
+      scopeListener: e
+    }, y.set(o.source, t);
+  }
+  return t;
+}
+function G(o) {
+  const t = y.get(o);
+  t && (t.scopeListener.dispose(), y.delete(o));
+}
+function $(o, t) {
+  Te(t).disposables.add(o);
+}
+function A(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 = [];
+  if (o.forEach((e) => {
+    try {
+      e.dispose();
+    } catch (a) {
+      t.push(a);
+    }
+  }), t.length)
+    throw new AggregateError(
+      t,
+      `${F} One or more disposables threw while being disposed.`
+    );
+}
+function xe(o, t) {
+  var l, f;
+  let e = o, a = S.get(e);
+  if (!a) {
+    const s = x.get(o);
+    s && (e = s, a = S.get(s));
+  }
+  if (a)
+    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 && A(a.decorated, a.scope), t ? ($(a.decorated, t), a.scope = t) : a.scope = void 0), a.decorated;
+  const i = e.dispose, r = {
+    dispose: () => {
+      const s = S.get(e);
+      if (s)
+        return s.scope && A(r, s.scope), S.delete(e), x.delete(r), i.call(e);
+    }
+  };
+  return S.set(e, { decorated: r, scope: t }), x.set(r, e), t && $(r, t), r;
+}
+function j(o, t) {
+  return xe(t, { type: "editor", source: o });
+}
+function K(o) {
+  const t = y.get(o);
+  if (!t) return;
+  const e = Array.from(t.disposables);
+  try {
+    Ie(e);
+  } catch (a) {
+    console.warn(`${F} Encountered errors while disposing scoped disposables:`, a, ", Source:", o);
+  }
+  G(o);
+}
+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 se(
+      const a = await pe(
         {
-          themes: Object.values(le),
-          langs: Object.values(ie)
+          themes: Object.values(ve),
+          langs: Object.values(he)
         }
       );
-      a.getLoadedLanguages().forEach((r) => {
-        g.languages.register({ id: r });
-      }), re(a, g), P.value = !0;
+      a.getLoadedLanguages().forEach((i) => {
+        m.languages.register({ id: i });
+      }), fe(a, m), q.value = !0;
     } catch (e) {
-      throw y = null, e;
+      throw b = null, e;
     }
-  })(), y);
+  })(), b);
 }
-function Se(o, t) {
-  const e = K();
-  let a, r = !1, s = !1;
-  const i = H({
+function Le(o, t) {
+  const e = Y();
+  let a, i = !1, r = !1;
+  const l = Z({
     editorStatus: "loading",
     searchBoxIsRevealed: !1,
     hasContent: !1,
     theme: t.theme || "light"
-  }), p = (n) => {
-    !r || !e.value || e.value.setValue(n);
-  }, d = (n) => {
-    var c;
-    return (c = e.value) == null ? void 0 : c.updateOptions({ readOnly: n });
-  }, f = () => {
+  }), f = (n) => {
+    !i || !e.value || e.value.setValue(n);
+  }, s = (n) => {
+    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();
-  }, m = (n) => {
-    var E;
-    const c = (E = e.value) == null ? void 0 : E.getModel();
-    c && g.editor.setModelLanguage(c, n);
-  }, l = (n) => {
+  }, g = (n) => {
+    var w;
+    const d = (w = e.value) == null ? void 0 : w.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);
     }
-  }, v = () => {
+  }, h = () => {
     var n;
     try {
       if (!e.value) return;
-      if (i.searchBoxIsRevealed)
+      if (l.searchBoxIsRevealed)
         return (n = e.value.getContribution("editor.contrib.findController")) == null ? void 0 : n.closeFindWidget();
-      l("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);
     }
-  }, S = /* @__PURE__ */ ye(() => g.editor.remeasureFonts(), 200);
+  }, C = /* @__PURE__ */ _e(() => m.editor.remeasureFonts(), 200);
   return (() => {
-    Ce(), I([P, () => b(o)], ([n, c], [, E]) => {
-      var k;
-      const O = U(c), V = U(E);
-      if (!(O instanceof HTMLElement) || !n) {
-        r = !1;
+    De(), D([q, () => O(o)], ([n, d], [, w]) => {
+      var R;
+      const T = V(d), Q = V(w);
+      if (!(T instanceof HTMLElement) || !n) {
+        i = !1;
         return;
       }
-      if (!(r && V === O)) {
+      if (!(i && Q === T)) {
         if (!a) {
-          const u = g.Uri.parse(`inmemory://model/${t.language}-${crypto.randomUUID()}`);
-          a = g.editor.createModel(t.code.value, t.language, u);
+          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(O, {
-          ...ve,
+        e.value = m.editor.create(T, {
+          ...Me,
           readOnly: t.readOnly || !1,
           language: t.language,
-          theme: i.theme === "light" ? "catppuccin-latte" : "catppuccin-mocha",
+          theme: l.theme === "light" ? "catppuccin-latte" : "catppuccin-mocha",
           model: a,
           editContext: !1,
           ...t.monacoOptions
-        }), r = !0, i.editorStatus = "ready", i.hasContent = !!t.code.value, e.value.onDidChangeModelContent(() => {
-          if (s) return;
-          const u = e.value.getValue();
-          i.hasContent = !!u.length, t.code.value = u;
-        }), (k = t.onReady) == null || k.call(t, e.value), S();
+        }), i = !0, l.editorStatus = "ready", l.hasContent = !!t.code.value, j(
+          e.value,
+          e.value.onDidChangeModelContent(() => {
+            if (r) return;
+            const u = e.value.getValue();
+            l.hasContent = !!u.length, t.code.value = u;
+          })
+        ), (R = t.onReady) == null || R.call(t, e.value), C();
         try {
-          const u = e.value.getContribution("editor.contrib.findController"), _ = u == null ? void 0 : u.getState();
-          _ == null || _.onFindReplaceStateChange(() => {
-            i.searchBoxIsRevealed = _.isRevealed;
-          });
+          const u = e.value.getContribution("editor.contrib.findController"), M = u == null ? void 0 : u.getState();
+          j(
+            e.value,
+            M == null ? void 0 : M.onFindReplaceStateChange(() => {
+              l.searchBoxIsRevealed = M.isRevealed;
+            })
+            // This returns a disposable
+          );
         } catch (u) {
           console.error("useMonacoEditor: Failed to get the state of findController", u);
         }
-        q(() => {
+        ae(() => {
           var u;
           (u = e.value) == null || u.dispose();
         });
@@ -202,50 +288,50 @@ function Se(o, t) {
       immediate: !0,
       flush: "post"
     });
-  })(), I(t.code, (n) => {
-    if (!e.value || !a || !r) return;
-    const c = a.getValue();
-    n !== c && (s = !0, e.value.executeEdits("external", [
+  })(), D(t.code, (n) => {
+    if (!e.value || !a || !i) return;
+    const d = a.getValue();
+    n !== d && (r = !0, e.value.executeEdits("external", [
       {
         range: a.getFullModelRange(),
         text: n
       }
-    ]), e.value.pushUndoStop(), i.hasContent = !!n.length, s = !1);
-  }), $(S), z(S), G(() => {
+    ]), e.value.pushUndoStop(), l.hasContent = !!n.length, r = !1);
+  }), ee(C), te(C), oe(() => {
     if (!e.value) return;
     const n = e.value.getModel();
     e.value.dispose(), n && n.dispose();
   }), {
     editor: e,
-    editorStates: i,
-    setContent: p,
-    setReadOnly: d,
-    focus: f,
-    setLanguage: m,
-    remeasureFonts: S,
-    toggleSearchWidget: v,
-    triggerKeyboardCommand: l
+    editorStates: l,
+    setContent: f,
+    setReadOnly: s,
+    focus: p,
+    setLanguage: g,
+    remeasureFonts: C,
+    toggleSearchWidget: h,
+    triggerKeyboardCommand: c
   };
 }
-const Ee = {
+const Fe = {
   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"
   }
-}, _e = {
-  editor: Ee
+}, Re = {
+  editor: Fe
 };
-function be() {
-  const o = ce("en-us", _e);
+function We() {
+  const o = ye("en-us", Re);
   return {
     i18n: o,
-    i18nT: ue(o)
+    i18nT: Se(o)
     // Translation component <i18n-t>
   };
 }
-const Me = /* @__PURE__ */ D({
+const Be = /* @__PURE__ */ H({
   __name: "MonacoEditorStatusOverlay",
   props: {
     title: {},
@@ -254,35 +340,37 @@ const Me = /* @__PURE__ */ D({
   },
   setup(o) {
     return (t, e) => {
-      const a = J("KEmptyState");
-      return C(), M(a, {
+      const a = ne("KEmptyState");
+      return E(), _(a, {
         class: "monaco-editor-status-overlay",
         message: o.message,
         title: o.title
-      }, Q({ _: 2 }, [
+      }, re({ _: 2 }, [
         o.icon ? {
           name: "icon",
-          fn: x(() => [
-            (C(), M(Y(o.icon), { decorative: "" }))
+          fn: L(() => [
+            (E(), _(se(o.icon), { decorative: "" }))
           ]),
           key: "0"
         } : void 0
       ]), 1032, ["message", "title"]);
     };
   }
-}), j = (o, t) => {
+}), J = (o, t) => {
   const e = o.__vccOpts || o;
-  for (const [a, r] of t)
-    e[a] = r;
+  for (const [a, i] of t)
+    e[a] = i;
   return e;
-}, B = /* @__PURE__ */ j(Me, [["__scopeId", "data-v-062eadb5"]]), Oe = /* @__PURE__ */ D({
+}, z = /* @__PURE__ */ J(Be, [["__scopeId", "data-v-062eadb5"]]), Ne = /* @__PURE__ */ H({
   __name: "MonacoEditor",
-  props: /* @__PURE__ */ F({
+  props: /* @__PURE__ */ W({
     theme: { default: "light" },
     language: { default: "markdown" },
     loading: { type: Boolean, default: !1 },
     options: { default: () => {
-    } }
+    } },
+    showLoadingState: { type: Boolean, default: !0 },
+    showEmptyState: { type: Boolean, default: !0 }
   }, {
     modelValue: {
       type: String,
@@ -290,66 +378,72 @@ const Me = /* @__PURE__ */ D({
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ F(["ready"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ W(["ready"], ["update:modelValue"]),
   setup(o, { expose: t, emit: e }) {
-    const a = e, r = Z(o, "modelValue"), { i18n: s } = be(), i = X("editorRef"), p = T(() => o.theme === "dark" ? "dark" : "light"), d = T(() => m.editorStates.editorStatus === "loading" || o.loading), f = T(() => m.editorStates.editorStatus === "ready" && !m.editorStates.hasContent), m = Se(i, {
+    const a = e, i = ie(o, "modelValue"), { i18n: r } = We(), l = le("editorRef"), f = I(() => o.theme === "dark" ? "dark" : "light"), s = I(() => o.loading || g.editorStates.editorStatus === "loading"), p = I(() => !s.value && g.editorStates.editorStatus === "ready" && !g.editorStates.hasContent), g = Le(l, {
       language: o.language,
-      code: r,
-      theme: p.value,
+      code: i,
+      theme: f.value,
       monacoOptions: o.options,
-      onReady: (l) => {
-        a("ready", l);
+      onReady: (c) => {
+        a("ready", c);
       }
     });
     return t({
-      monacoEditor: m
-    }), I(() => o.language, (l, v) => {
-      l !== v && m.setLanguage(l);
-    }), (l, v) => (C(), ee("div", {
-      class: te(["monaco-editor-container", [
-        p.value,
-        { loading: d.value }
+      monacoEditor: g
+    }), D(() => o.language, (c, h) => {
+      c !== h && g.setLanguage(c);
+    }), (c, h) => (E(), ce("div", {
+      class: de(["monaco-editor-container", [
+        f.value,
+        { loading: s.value }
       ]]),
       "data-testid": "monaco-editor-container"
     }, [
-      oe("div", {
+      ue("div", {
         ref_key: "editorRef",
-        ref: i,
+        ref: l,
         class: "monaco-editor-target",
         "data-testid": "monaco-editor-target"
       }, null, 512),
-      R(l.$slots, "state-loading", { isLoading: d.value }, () => [
-        w(L, { name: "fade" }, {
-          default: x(() => [
-            d.value ? (C(), M(B, {
+      o.showLoadingState ? B(c.$slots, "state-loading", {
+        key: 0,
+        isLoading: s.value
+      }, () => [
+        N(U, { name: "fade" }, {
+          default: L(() => [
+            s.value ? (E(), _(z, {
               key: 0,
               "data-testid": "monaco-editor-status-overlay-loading",
-              icon: h(ae),
-              message: h(s).t("editor.messages.loading_message", { type: o.language }),
-              title: h(s).t("editor.messages.loading_title", { type: o.language })
-            }, null, 8, ["icon", "message", "title"])) : W("", !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"])) : k("", !0)
           ]),
           _: 1
         })
-      ], !0),
-      R(l.$slots, "state-empty", { isEmpty: f.value }, () => [
-        w(L, { name: "fade" }, {
-          default: x(() => [
-            f.value && !d.value ? (C(), M(B, {
+      ], !0) : k("", !0),
+      o.showEmptyState ? B(c.$slots, "state-empty", {
+        key: 1,
+        isEmpty: p.value
+      }, () => [
+        N(U, { name: "fade" }, {
+          default: L(() => [
+            p.value ? (E(), _(z, {
               key: 0,
               "data-testid": "monaco-editor-status-overlay-empty",
-              icon: h(ne),
-              message: h(s).t("editor.messages.empty_message"),
-              title: h(s).t("editor.messages.empty_title")
-            }, null, 8, ["icon", "message", "title"])) : W("", !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"])) : k("", !0)
           ]),
           _: 1
         })
-      ], !0)
+      ], !0) : k("", !0)
     ], 2));
   }
-}), we = /* @__PURE__ */ j(Oe, [["__scopeId", "data-v-e2083635"]]);
+}), Ke = /* @__PURE__ */ J(Ne, [["__scopeId", "data-v-89d4c84e"]]);
 export {
-  we as MonacoEditor,
-  Se as useMonacoEditor
+  Ke as MonacoEditor,
+  Le as useMonacoEditor
 };

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

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

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

@@ -21,6 +21,16 @@ type __VLS_Props = {
      * @default undefined
     */
     options?: Partial<editor.IStandaloneEditorConstructionOptions> | undefined;
+    /**
+     * Whether to show the loading state overlay.
+     * @default true
+     */
+    showLoadingState?: boolean;
+    /**
+     * Whether to show the empty state overlay.
+     * @default true
+     */
+    showEmptyState?: boolean;
 };
 /**
  * The model content for the Monaco Editor.

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":"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"}
+{"version":3,"file":"MonacoEditor.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/MonacoEditor.vue"],"names":[],"mappings":"AA8VA,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;IAC1E;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAC;AAoBF;;GAEG;AACH,QAAA,MAAM,KAAK,wDAGT,CAAA;AA0CF,KAAK,gBAAgB,GAAG;IACxB;;OAEG;IACH,UAAU,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC;CACjC,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAmJxD,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/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;AAIvC,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;4BAES,MAAM,KAAG,IAAI;;8BAuBb,IAAI;iCAXC,MAAM,KAAG,IAAI;EAyKlD"}
+{"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;4BAES,MAAM,KAAG,IAAI;;8BAuBb,IAAI;iCAXC,MAAM,KAAG,IAAI;EA6KlD"}

package/dist/types/src/singletons/lifecycle.d.ts

@@ -1,21 +1,19 @@
 /**
  * Lifecycle tracker for {@link IDisposable disposables} in Monaco Editor.
  *
- * Although it's usually okay to register listeners on a model/editor without manually
- * calling `.dispose()` before or after disposing the model/editor itself, which may
- * also apply to other disposables, as long as the scope they are attached to correctly
- * disposes them (though such bugs once existed in Monaco Editor), it's still a good
- * practice to dispose when a resource is no longer needed.
+ * In Monaco Editor, when attaching listeners in the global scope (e.g.,
+ * {@link Editor.onDidCreateModel onDidCreateModel}) or in the per-resource scope
+ * (e.g.,{@link Editor.ITextModel.onDidChangeContent onDidChangeContent}), an
+ * {@link IDisposable disposable} is always returned to allow detaching the listener.
  *
- * > Many Monaco related objects often implement the `.dispose()` method. This method
- * > is intended to perform cleanups when a resource is no longer needed. For example,
- * > calling `model.dispose()` will unregister it, freeing up the URI for a new model.
- * > Editors should be disposed to free up resources and remove their model listeners.
- * > (from https://github.com/microsoft/monaco-editor/blob/de983bf5d7efbd36622f44bc0e44097a0531a58c/README.md#disposables)
+ * However, per-resource-scoped disposables are not automatically disposed when
+ * the resource is disposed. This can lead to memory leaks if the disposables are
+ * not properly tracked and disposed.
  *
- * This tracker is designed to be a singleton to track disposables in different scopes.
+ * This tracker is designed to be a singleton to track disposables in all the scopes
+ * mentioned above.
  */
-import type { editor as Editor, IDisposable } from 'monaco-editor';
+import { type editor as Editor, type IDisposable } from 'monaco-editor';
 /**
  * A type friendly representation of a scope.
  */
@@ -33,8 +31,8 @@ type ScopeSource = Editor.ICodeEditor | Editor.ITextModel;
 /**
  * Track a disposable in an optional scope.
  *
- * **NOTE**: It's not recommended to call {@link IDisposable.dispose dispose} on the
- *           original disposable being passed in after being tracked.
+ * **WARNING**: Should not call {@link IDisposable.dispose dispose} on the
+ *              disposable being passed in. Otherwise, the tracking will be broken.
  *
  * @param disposable - The disposable to track. When passing a decorated disposable,
  *                     the **SAME** decorated disposable will be **UPDATED** (if scope changes)
@@ -44,42 +42,38 @@ type ScopeSource = Editor.ICodeEditor | Editor.ITextModel;
  *
  * @returns A decorated disposable to dispose the disposable and untrack it.
  */
-export declare function trackDisposable(disposable: IDisposable, scope?: Scope): IDisposable;
+export declare function track(disposable: IDisposable, scope?: Scope): IDisposable;
 /**
  * Track a disposable for an {@link Editor.ICodeEditor editor}.
  *
  * The tracker uses {@link Editor.ICodeEditor.onDidDispose onDidDispose} to dispose
- * the tracked disposable automatically upon editor disposal.
+ * the tracked disposable.
  *
  * @param editor - The editor to track
  * @param disposable - The disposable to track
  * @returns A decorated disposable to dispose the disposable and untrack it.
  */
-export declare function trackDisposableForEditor(editor: Editor.ICodeEditor, disposable: IDisposable): IDisposable;
+export declare function trackForEditor(editor: Editor.ICodeEditor, disposable: IDisposable): IDisposable;
 /**
  * Track a disposable for a {@link Editor.ITextModel text model}.
  *
  * The tracker uses {@link Editor.ITextModel.onWillDispose onWillDispose} to dispose
- * the tracked disposable automatically upon model disposal.
+ * the tracked disposable.
  *
  * @param model - The text model to track
  * @param disposable - The disposable to track
  * @returns A decorated disposable to dispose the disposable and untrack it.
  */
-export declare function trackDisposableForModel(model: Editor.ITextModel, disposable: IDisposable): IDisposable;
+export declare function trackForModel(model: Editor.ITextModel, disposable: IDisposable): IDisposable;
 /**
  * Dispose all tracked disposables in a scope.
  *
  * @param source - The scope source whose tracked disposables to dispose.
  */
-export declare function disposeScopedDisposables(source: ScopeSource): void;
-/**
- * Dispose all globally tracked disposables.
- */
-export declare function disposeGlobalDisposables(): void;
+export declare function disposeScoped(source: ScopeSource): void;
 /**
  * Dispose all tracked disposables.
  */
-export declare function disposeAllDisposables(): void;
+export declare function disposeAll(): void;
 export {};
 //# sourceMappingURL=lifecycle.d.ts.map

package/dist/types/src/singletons/lifecycle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lifecycle.d.ts","sourceRoot":"","sources":["../../../../src/singletons/lifecycle.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,MAAM,IAAI,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAIlE;;GAEG;AACH,KAAK,KAAK,GACN;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC,WAAW,CAAA;CAAE,GAC9C;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC,UAAU,CAAA;CAAE,CAAA;AAEhD;;GAEG;AACH,KAAK,WAAW,GAAG,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAA;AAuHzD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,eAAe,CAAC,UAAU,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,WAAW,CAgEnF;AAED;;;;;;;;;GASG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,UAAU,EAAE,WAAW,GAAG,WAAW,CAEzG;AAED;;;;;;;;;GASG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE,UAAU,EAAE,WAAW,GAAG,WAAW,CAEtG;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,CAUlE;AAED;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,IAAI,CAU/C;AAED;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,IAAI,CAW5C"}
+{"version":3,"file":"lifecycle.d.ts","sourceRoot":"","sources":["../../../../src/singletons/lifecycle.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,KAAK,MAAM,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,eAAe,CAAA;AAIvE;;GAEG;AACH,KAAK,KAAK,GACN;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC,WAAW,CAAA;CAAE,GAC9C;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC,UAAU,CAAA;CAAE,CAAA;AAEhD;;GAEG;AACH,KAAK,WAAW,GAAG,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAA;AAsHzD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,KAAK,CAAC,UAAU,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,WAAW,CA0DzE;AAED;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,UAAU,EAAE,WAAW,GAAG,WAAW,CAE/F;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE,UAAU,EAAE,WAAW,GAAG,WAAW,CAE5F;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,CAWvD;AAED;;GAEG;AACH,wBAAgB,UAAU,IAAI,IAAI,CAQjC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/monaco-editor",
-  "version": "0.8.1-pr.2799.4a7245eab.0",
+  "version": "0.8.1-pr.2808.079ab5d08.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",