@kong-ui-public/monaco-editor 0.4.11-pr.2769.31aadbf56.0 → 0.4.11

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

@@ -1,49 +1,8 @@
-import { toValue as _, shallowRef as K, reactive as z, onMounted as $, onActivated as H, onBeforeUnmount as G, watch as j, defineComponent as U, resolveComponent as q, createBlock as E, openBlock as h, createSlots as J, withCtx as k, resolveDynamicComponent as Q, mergeModels as Y, useModel as Z, useTemplateRef as X, computed as T, createElementBlock as ee, normalizeClass as te, unref as d, createElementVNode as oe, renderSlot as F, createVNode as W, Transition as x, createCommentVNode as D } from "vue";
-import { ProgressIcon as re, CodeblockIcon as ae } from "@kong/icons";
-import * as M from "monaco-editor";
-import { createI18n as ne, i18nTComponent as ie } from "@kong-ui-public/i18n";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const R = () => {
-};
-function se(o, t) {
-  function e(...r) {
-    return new Promise((n, i) => {
-      Promise.resolve(o(() => t.apply(this, r), {
-        fn: t,
-        thisArg: this,
-        args: r
-      })).then(n).catch(i);
-    });
-  }
-  return e;
-}
-function le(o, t = {}) {
-  let e, r, n = R;
-  const i = (l) => {
-    clearTimeout(l), n(), n = R;
-  };
-  let s;
-  return (l) => {
-    const C = _(o), c = _(t.maxWait);
-    return e && i(e), C <= 0 || c !== void 0 && c <= 0 ? (r && (i(r), r = void 0), Promise.resolve(l())) : new Promise((S, a) => {
-      n = t.rejectOnCancel ? a : S, s = l, c && !r && (r = setTimeout(() => {
-        e && i(e), r = void 0, S(s());
-      }, c)), e = setTimeout(() => {
-        r && i(r), r = void 0, S(l());
-      }, C);
-    });
-  };
-}
-// @__NO_SIDE_EFFECTS__
-function ce(o, t = 200, e = {}) {
-  return se(le(t, e), o);
-}
-function de(o) {
-  var t;
-  const e = _(o);
-  return (t = e == null ? void 0 : e.$el) !== null && t !== void 0 ? t : e;
-}
-const ue = "'JetBrains Mono', Consolas, monospace", me = "12px", fe = "500", ge = "20px", ve = Object.freeze({
+import { toValue as C, reactive as U, onMounted as D, onActivated as P, onBeforeUnmount as V, watch as K, defineComponent as N, resolveComponent as A, createBlock as S, openBlock as y, createSlots as $, withCtx as E, resolveDynamicComponent as z, mergeModels as H, useModel as G, useTemplateRef as j, computed as M, createElementBlock as q, normalizeClass as J, unref as c, createElementVNode as Q, renderSlot as I, createVNode as T, Transition as k, createCommentVNode as w } from "vue";
+import { ProgressIcon as Y, CodeblockIcon as Z } from "@kong/icons";
+import * as _ from "monaco-editor";
+import { createI18n as X, i18nTComponent as ee } from "@kong-ui-public/i18n";
+const te = "'JetBrains Mono', Consolas, monospace", oe = "12px", ne = "500", ae = "20px", re = Object.freeze({
   autoClosingQuotes: "always",
   automaticLayout: !0,
   // Auto resize layout
@@ -52,10 +11,10 @@ const ue = "'JetBrains Mono', Consolas, monospace", me = "12px", fe = "500", ge
   },
   hideCursorInOverviewRuler: !0,
   // hide the cursor position in the minimap TODO: maybe hide it on first line or change it colour
-  fontFamily: ue,
-  fontSize: Number(me.replace("px", "")),
-  fontWeight: fe,
-  lineHeight: Number(ge.replace("px", "")),
+  fontFamily: te,
+  fontSize: Number(oe.replace("px", "")),
+  fontWeight: ne,
+  lineHeight: Number(ae.replace("px", "")),
   formatOnPaste: !0,
   formatOnType: !0,
   // Add to enable automatic formatting as the user types.
@@ -97,176 +56,152 @@ const ue = "'JetBrains Mono', Consolas, monospace", me = "12px", fe = "500", ge
     // we need this set to false to get the correct absolute position, otherwise when the search box opens the content shifts
   }
 });
-let g = /* @__PURE__ */ new WeakMap();
-const y = /* @__PURE__ */ new Map();
-function O(o, t) {
-  let e = y.get(o);
-  if (e)
-    return console.warn("[monaco-editor] [lifecycle] Disposable is already tracked:", o), e;
-  const r = o.dispose;
-  if (e = {
-    ...o,
-    dispose: () => (y.delete(o), r.call(o))
-  }, t) {
-    const n = e.dispose;
-    e.dispose = () => {
-      const s = g.get(t.source);
-      return s && (s.delete(e), s.size === 0 && g.delete(t.source)), n();
-    };
-    const i = g.get(t.source);
-    if (i)
-      i.add(e);
-    else
-      switch (g.set(t.source, /* @__PURE__ */ new Set([e])), t.type) {
-        case "editor":
-          t.source.onDidDispose(() => b(t.source));
-          break;
-        case "model":
-          t.source.onWillDispose(() => b(t.source));
-          break;
-      }
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const x = () => {
+};
+function ie(o, t) {
+  function e(...n) {
+    return new Promise((r, i) => {
+      Promise.resolve(o(() => t.apply(this, n), {
+        fn: t,
+        thisArg: this,
+        args: n
+      })).then(r).catch(i);
+    });
   }
-  return y.set(o, e), e;
-}
-function pe(o, t) {
-  return O(t, { type: "editor", source: o });
+  return e;
 }
-function he(o, t) {
-  return O(t, { type: "model", source: o });
+function se(o, t = {}) {
+  let e, n, r = x;
+  const i = (l) => {
+    clearTimeout(l), r(), r = x;
+  };
+  let s;
+  return (l) => {
+    const p = C(o), d = C(t.maxWait);
+    return e && i(e), p <= 0 || d !== void 0 && d <= 0 ? (n && (i(n), n = void 0), Promise.resolve(l())) : new Promise((v, a) => {
+      r = t.rejectOnCancel ? a : v, s = l, d && !n && (n = setTimeout(() => {
+        e && i(e), n = void 0, v(s());
+      }, d)), e = setTimeout(() => {
+        n && i(n), n = void 0, v(l());
+      }, p);
+    });
+  };
 }
-function b(o) {
-  const t = g.get(o);
-  t && (t.forEach((e) => e.dispose()), g.delete(o));
+// @__NO_SIDE_EFFECTS__
+function le(o, t = 200, e = {}) {
+  return ie(se(t, e), o);
 }
-function ye() {
-  y.forEach((o) => o.dispose()), y.clear(), g = /* @__PURE__ */ new WeakMap();
+function de(o) {
+  var t;
+  const e = C(o);
+  return (t = e == null ? void 0 : e.$el) !== null && t !== void 0 ? t : e;
 }
-const N = {
-  track: O,
-  trackForEditor: pe,
-  trackForModel: he,
-  disposeScoped: b,
-  disposeAll: ye
-};
-let v;
-const B = /* @__PURE__ */ new Map();
-function Ce(o) {
-  return v || (v = M), o && !B.get(o) && (B.set(o, !0), M.languages.getLanguages().some((t) => t.id === o) || M.languages.register({ id: o })), v;
+let g;
+const F = /* @__PURE__ */ new Map();
+function ce(o) {
+  return g || (g = _), o && !F.get(o) && (F.set(o, !0), _.languages.getLanguages().some((t) => t.id === o) || _.languages.register({ id: o })), g;
 }
-function Se(o, t) {
-  const e = K();
-  let r = !1;
-  const n = z({
+function ue(o, t) {
+  let e, n = !1;
+  const r = U({
     editorStatus: "loading",
     searchBoxIsRevealed: !1,
     hasContent: !1,
     theme: t.theme || "light"
   }), i = (a) => {
-    !r || !e.value || e.value.setValue(a);
-  }, s = (a) => {
-    var u;
-    return (u = e.value) == null ? void 0 : u.updateOptions({ readOnly: a });
-  }, m = () => {
-    var a;
-    return (a = e.value) == null ? void 0 : a.focus();
-  }, l = (a) => {
+    !n || !e || e.setValue(a);
+  }, s = (a) => e == null ? void 0 : e.updateOptions({ readOnly: a }), u = () => e == null ? void 0 : e.focus(), l = (a) => {
     try {
-      if (!e.value || !a) return;
-      e.value.focus(), e.value.trigger("keyboard", a, null);
-    } catch (u) {
-      console.error(`useMonacoEditor: Failed to trigger command: ${a}`, u);
+      if (!e || !a) return;
+      e.focus(), e.trigger("keyboard", a, null);
+    } catch (f) {
+      console.error(`useMonacoEditor: Failed to trigger command: ${a}`, f);
     }
-  }, C = () => {
+  }, p = () => {
     var a;
     try {
-      if (!e.value) return;
-      if (n.searchBoxIsRevealed)
-        return (a = e.value.getContribution("editor.contrib.findController")) == null ? void 0 : a.closeFindWidget();
+      if (!e) return;
+      if (r.searchBoxIsRevealed)
+        return (a = e.getContribution("editor.contrib.findController")) == null ? void 0 : a.closeFindWidget();
       l("actions.find");
-    } catch (u) {
-      console.error("useMonacoEditor: Failed to close findController.", u);
+    } catch (f) {
+      console.error("useMonacoEditor: Failed to close findController.", f);
     }
-  }, c = /* @__PURE__ */ ce(() => v == null ? void 0 : v.editor.remeasureFonts(), 200);
+  }, d = /* @__PURE__ */ le(() => g == null ? void 0 : g.editor.remeasureFonts(), 200);
   return (() => {
-    const a = Ce(t.language), u = a.Uri.parse(`inmemory://model/${t.language}-${crypto.randomUUID()}`), V = a.editor.createModel(t.code.value, t.language, u);
-    j(() => _(o), (A) => {
-      var I;
-      const w = de(A);
-      if (!(w instanceof HTMLElement)) {
-        r = !1;
+    const a = ce(t.language), f = a.Uri.parse(`inmemory://model/${t.language}-${crypto.randomUUID()}`), B = a.editor.createModel(t.code.value, t.language, f);
+    K(() => C(o), (L) => {
+      var O;
+      const b = de(L);
+      if (!(b instanceof HTMLElement)) {
+        n = !1;
         return;
       }
-      if (!r) {
-        e.value = a.editor.create(w, {
-          ...ve,
+      if (!n) {
+        e = a.editor.create(b, {
+          ...re,
           readOnly: t.readOnly || !1,
           language: t.language,
-          theme: n.theme,
-          model: V,
+          theme: r.theme,
+          model: B,
           editContext: !1,
           ...t.monacoOptions
-        }), r = !0, n.editorStatus = "ready", n.hasContent = !!t.code.value, N.trackForEditor(
-          e.value,
-          e.value.onDidChangeModelContent(() => {
-            var p;
-            const f = e.value.getValue();
-            n.hasContent = !!f.length, (p = t.onChanged) == null || p.call(t, f);
-          })
-        ), (I = t.onCreated) == null || I.call(t), c();
+        }), n = !0, r.editorStatus = "ready", r.hasContent = !!t.code.value, e.onDidChangeModelContent(() => {
+          var h;
+          const m = e.getValue();
+          r.hasContent = !!m.length, (h = t.onChanged) == null || h.call(t, m);
+        }), (O = t.onCreated) == null || O.call(t), d();
         try {
-          const f = e.value.getContribution("editor.contrib.findController");
-          if (f) {
-            const p = f.getState();
-            N.trackForEditor(
-              e.value,
-              p.onFindReplaceStateChange(() => {
-                n.searchBoxIsRevealed = p.isRevealed;
-              })
-              // This returns a disposable
-            );
+          const m = e.getContribution("editor.contrib.findController");
+          if (m) {
+            const h = m.getState();
+            h.onFindReplaceStateChange(() => {
+              r.searchBoxIsRevealed = h.isRevealed;
+            });
           }
-        } catch (f) {
-          console.error("useMonacoEditor: Failed to get the state of findController", f);
+        } catch (m) {
+          console.error("useMonacoEditor: Failed to get the state of findController", m);
         }
       }
     }, {
       immediate: !0,
       flush: "post"
     });
-  })(), $(c), H(c), G(() => {
-    if (!e.value) return;
-    const a = e.value.getModel();
-    e.value.dispose(), a && a.dispose();
+  })(), D(d), P(d), V(() => {
+    if (!e) return;
+    const a = e.getModel();
+    e.dispose(), a && a.dispose();
   }), {
     editor: e,
-    editorStates: n,
+    editorStates: r,
     setContent: i,
     setReadOnly: s,
-    focus: m,
-    remeasureFonts: c,
-    toggleSearchWidget: C,
+    focus: u,
+    remeasureFonts: d,
+    toggleSearchWidget: p,
     triggerKeyboardCommand: l
   };
 }
-const _e = {
+const me = {
   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"
   }
-}, Ee = {
-  editor: _e
+}, ge = {
+  editor: me
 };
-function Me() {
-  const o = ne("en-us", Ee);
+function fe() {
+  const o = X("en-us", ge);
   return {
     i18n: o,
-    i18nT: ie(o)
+    i18nT: ee(o)
     // Translation component <i18n-t>
   };
 }
-const ke = /* @__PURE__ */ U({
+const he = /* @__PURE__ */ N({
   __name: "MonacoEditorStatusOverlay",
   props: {
     title: {},
@@ -275,30 +210,30 @@ const ke = /* @__PURE__ */ U({
   },
   setup(o) {
     return (t, e) => {
-      const r = q("KEmptyState");
-      return h(), E(r, {
+      const n = A("KEmptyState");
+      return y(), S(n, {
         class: "monaco-editor-status-overlay",
         message: o.message,
         title: o.title
-      }, J({ _: 2 }, [
+      }, $({ _: 2 }, [
         o.icon ? {
           name: "icon",
-          fn: k(() => [
-            (h(), E(Q(o.icon), { decorative: "" }))
+          fn: E(() => [
+            (y(), S(z(o.icon), { decorative: "" }))
           ]),
           key: "0"
         } : void 0
       ]), 1032, ["message", "title"]);
     };
   }
-}), P = (o, t) => {
+}), R = (o, t) => {
   const e = o.__vccOpts || o;
-  for (const [r, n] of t)
-    e[r] = n;
+  for (const [n, r] of t)
+    e[n] = r;
   return e;
-}, L = /* @__PURE__ */ P(ke, [["__scopeId", "data-v-062eadb5"]]), be = /* @__PURE__ */ U({
+}, W = /* @__PURE__ */ R(he, [["__scopeId", "data-v-062eadb5"]]), ye = /* @__PURE__ */ N({
   __name: "MonacoEditor",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ H({
     theme: { default: "light" },
     language: { default: "markdown" },
     options: { default: () => {
@@ -312,62 +247,62 @@ const ke = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const t = Z(o, "modelValue"), { i18n: e } = Me(), r = X("editorRef"), n = T(() => o.theme === "dark" ? "dark" : "light"), i = T(() => s.editorStates.editorStatus === "ready" && !s.editorStates.hasContent), s = Se(r, {
+    const t = G(o, "modelValue"), { i18n: e } = fe(), n = j("editorRef"), r = M(() => o.theme === "dark" ? "dark" : "light"), i = M(() => s.editorStates.editorStatus === "ready" && !s.editorStates.hasContent), s = ue(n, {
       language: o.language,
       code: t,
-      theme: n.value,
+      theme: r.value,
       monacoOptions: o.options,
-      onChanged: (m) => {
-        t.value = m;
+      onChanged: (u) => {
+        t.value = u;
       }
     });
-    return (m, l) => (h(), ee("div", {
-      class: te(["monaco-editor-container", [
-        n.value,
-        { loading: d(s).editorStates.editorStatus === "loading" }
+    return (u, l) => (y(), q("div", {
+      class: J(["monaco-editor-container", [
+        r.value,
+        { loading: c(s).editorStates.editorStatus === "loading" }
       ]]),
       "data-testid": "monaco-editor-container"
     }, [
-      oe("div", {
+      Q("div", {
         ref_key: "editorRef",
-        ref: r,
+        ref: n,
         class: "monaco-editor-target",
         "data-testid": "monaco-editor-target"
       }, null, 512),
-      F(m.$slots, "state-loading", {
-        isLoading: d(s).editorStates.editorStatus === "loading"
+      I(u.$slots, "state-loading", {
+        isLoading: c(s).editorStates.editorStatus === "loading"
       }, () => [
-        W(x, { name: "fade" }, {
-          default: k(() => [
-            d(s).editorStates.editorStatus === "loading" ? (h(), E(L, {
+        T(k, { name: "fade" }, {
+          default: E(() => [
+            c(s).editorStates.editorStatus === "loading" ? (y(), S(W, {
               key: 0,
               "data-testid": "monaco-editor-status-overlay-loading",
-              icon: d(re),
-              message: d(e).t("editor.messages.loading_message", { type: o.language }),
-              title: d(e).t("editor.messages.loading_title", { type: o.language })
-            }, null, 8, ["icon", "message", "title"])) : D("", !0)
+              icon: c(Y),
+              message: c(e).t("editor.messages.loading_message", { type: o.language }),
+              title: c(e).t("editor.messages.loading_title", { type: o.language })
+            }, null, 8, ["icon", "message", "title"])) : w("", !0)
           ]),
           _: 1
         })
       ], !0),
-      F(m.$slots, "state-empty", { isEmpty: i.value }, () => [
-        W(x, { name: "fade" }, {
-          default: k(() => [
-            i.value ? (h(), E(L, {
+      I(u.$slots, "state-empty", { isEmpty: i.value }, () => [
+        T(k, { name: "fade" }, {
+          default: E(() => [
+            i.value ? (y(), S(W, {
               key: 0,
               "data-testid": "monaco-editor-status-overlay-empty",
-              icon: d(ae),
-              message: d(e).t("editor.messages.empty_message"),
-              title: d(e).t("editor.messages.empty_title")
-            }, null, 8, ["icon", "message", "title"])) : D("", !0)
+              icon: c(Z),
+              message: c(e).t("editor.messages.empty_message"),
+              title: c(e).t("editor.messages.empty_title")
+            }, null, 8, ["icon", "message", "title"])) : w("", !0)
           ]),
           _: 1
         })
       ], !0)
     ], 2));
   }
-}), Te = /* @__PURE__ */ P(be, [["__scopeId", "data-v-c8f35a88"]]);
+}), Se = /* @__PURE__ */ R(ye, [["__scopeId", "data-v-c8f35a88"]]);
 export {
-  Te as MonacoEditor,
-  Se as useMonacoEditor
+  Se as MonacoEditor,
+  ue as useMonacoEditor
 };

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

@@ -1 +1 @@
-(function(c,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("@kong/icons"),require("monaco-editor"),require("@kong-ui-public/i18n")):typeof define=="function"&&define.amd?define(["exports","vue","@kong/icons","monaco-editor","@kong-ui-public/i18n"],o):(c=typeof globalThis<"u"?globalThis:c||self,o(c["kong-ui-public-monaco-editor"]={},c.Vue,c.KongIcons,c.monaco,c["kong-ui-public-i18n"]))})(this,function(c,o,O,B,b){"use strict";function U(n){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(t,e,r.get?r:{enumerable:!0,get:()=>n[e]})}}return t.default=n,Object.freeze(t)}const k=U(B);typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const I=()=>{};function V(n,t){function e(...r){return new Promise((i,s)=>{Promise.resolve(n(()=>t.apply(this,r),{fn:t,thisArg:this,args:r})).then(i).catch(s)})}return e}function v(n,t={}){let e,r,i=I;const s=d=>{clearTimeout(d),i(),i=I};let l;return d=>{const S=o.toValue(n),u=o.toValue(t.maxWait);return e&&s(e),S<=0||u!==void 0&&u<=0?(r&&(s(r),r=void 0),Promise.resolve(d())):new Promise((C,a)=>{i=t.rejectOnCancel?a:C,l=d,u&&!r&&(r=setTimeout(()=>{e&&s(e),r=void 0,C(l())},u)),e=setTimeout(()=>{r&&s(r),r=void 0,C(d())},S)})}}function R(n,t=200,e={}){return V(v(t,e),n)}function K(n){var t;const e=o.toValue(n);return(t=e==null?void 0:e.$el)!==null&&t!==void 0?t:e}const L=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}});let m=new WeakMap;const h=new Map;function E(n,t){let e=h.get(n);if(e)return console.warn("[monaco-editor] [lifecycle] Disposable is already tracked:",n),e;const r=n.dispose;if(e={...n,dispose:()=>(h.delete(n),r.call(n))},t){const i=e.dispose;e.dispose=()=>{const l=m.get(t.source);return l&&(l.delete(e),l.size===0&&m.delete(t.source)),i()};const s=m.get(t.source);if(s)s.add(e);else switch(m.set(t.source,new Set([e])),t.type){case"editor":t.source.onDidDispose(()=>M(t.source));break;case"model":t.source.onWillDispose(()=>M(t.source));break}}return h.set(n,e),e}function P(n,t){return E(t,{type:"editor",source:n})}function j(n,t){return E(t,{type:"model",source:n})}function M(n){const t=m.get(n);t&&(t.forEach(e=>e.dispose()),m.delete(n))}function A(){h.forEach(n=>n.dispose()),h.clear(),m=new WeakMap}const T={track:E,trackForEditor:P,trackForModel:j,disposeScoped:M,disposeAll:A};let y;const w=new Map;function H(n){return y||(y=k),n&&!w.get(n)&&(w.set(n,!0),k.languages.getLanguages().some(t=>t.id===n)||k.languages.register({id:n})),y}function F(n,t){const e=o.shallowRef();let r=!1;const i=o.reactive({editorStatus:"loading",searchBoxIsRevealed:!1,hasContent:!1,theme:t.theme||"light"}),s=a=>{!r||!e.value||e.value.setValue(a)},l=a=>{var f;return(f=e.value)==null?void 0:f.updateOptions({readOnly:a})},g=()=>{var a;return(a=e.value)==null?void 0:a.focus()},d=a=>{try{if(!e.value||!a)return;e.value.focus(),e.value.trigger("keyboard",a,null)}catch(f){console.error(`useMonacoEditor: Failed to trigger command: ${a}`,f)}},S=()=>{var a;try{if(!e.value)return;if(i.searchBoxIsRevealed)return(a=e.value.getContribution("editor.contrib.findController"))==null?void 0:a.closeFindWidget();d("actions.find")}catch(f){console.error("useMonacoEditor: Failed to close findController.",f)}},u=R(()=>y==null?void 0:y.editor.remeasureFonts(),200);return(()=>{const a=H(t.language),f=a.Uri.parse(`inmemory://model/${t.language}-${crypto.randomUUID()}`),Y=a.editor.createModel(t.code.value,t.language,f);o.watch(()=>o.toValue(n),Z=>{var W;const x=K(Z);if(!(x instanceof HTMLElement)){r=!1;return}if(!r){e.value=a.editor.create(x,{...L,readOnly:t.readOnly||!1,language:t.language,theme:i.theme,model:Y,editContext:!1,...t.monacoOptions}),r=!0,i.editorStatus="ready",i.hasContent=!!t.code.value,T.trackForEditor(e.value,e.value.onDidChangeModelContent(()=>{var _;const p=e.value.getValue();i.hasContent=!!p.length,(_=t.onChanged)==null||_.call(t,p)})),(W=t.onCreated)==null||W.call(t),u();try{const p=e.value.getContribution("editor.contrib.findController");if(p){const _=p.getState();T.trackForEditor(e.value,_.onFindReplaceStateChange(()=>{i.searchBoxIsRevealed=_.isRevealed}))}}catch(p){console.error("useMonacoEditor: Failed to get the state of findController",p)}}},{immediate:!0,flush:"post"})})(),o.onMounted(u),o.onActivated(u),o.onBeforeUnmount(()=>{if(!e.value)return;const a=e.value.getModel();e.value.dispose(),a&&a.dispose()}),{editor:e,editorStates:i,setContent:s,setReadOnly:l,focus:g,remeasureFonts:u,toggleSearchWidget:S,triggerKeyboardCommand:d}}const z={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 $(){const n=b.createI18n("en-us",z);return{i18n:n,i18nT:b.i18nTComponent(n)}}const q=o.defineComponent({__name:"MonacoEditorStatusOverlay",props:{title:{},message:{},icon:{}},setup(n){return(t,e)=>{const r=o.resolveComponent("KEmptyState");return o.openBlock(),o.createBlock(r,{class:"monaco-editor-status-overlay",message:n.message,title:n.title},o.createSlots({_:2},[n.icon?{name:"icon",fn:o.withCtx(()=>[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(n.icon),{decorative:""}))]),key:"0"}:void 0]),1032,["message","title"])}}}),D=(n,t)=>{const e=n.__vccOpts||n;for(const[r,i]of t)e[r]=i;return e},N=D(q,[["__scopeId","data-v-062eadb5"]]),G=D(o.defineComponent({__name:"MonacoEditor",props:o.mergeModels({theme:{default:"light"},language:{default:"markdown"},options:{default:()=>{}}},{modelValue:{type:String,required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(n){const t=o.useModel(n,"modelValue"),{i18n:e}=$(),r=o.useTemplateRef("editorRef"),i=o.computed(()=>n.theme==="dark"?"dark":"light"),s=o.computed(()=>l.editorStates.editorStatus==="ready"&&!l.editorStates.hasContent),l=F(r,{language:n.language,code:t,theme:i.value,monacoOptions:n.options,onChanged:g=>{t.value=g}});return(g,d)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["monaco-editor-container",[i.value,{loading:o.unref(l).editorStates.editorStatus==="loading"}]]),"data-testid":"monaco-editor-container"},[o.createElementVNode("div",{ref_key:"editorRef",ref:r,class:"monaco-editor-target","data-testid":"monaco-editor-target"},null,512),o.renderSlot(g.$slots,"state-loading",{isLoading:o.unref(l).editorStates.editorStatus==="loading"},()=>[o.createVNode(o.Transition,{name:"fade"},{default:o.withCtx(()=>[o.unref(l).editorStates.editorStatus==="loading"?(o.openBlock(),o.createBlock(N,{key:0,"data-testid":"monaco-editor-status-overlay-loading",icon:o.unref(O.ProgressIcon),message:o.unref(e).t("editor.messages.loading_message",{type:n.language}),title:o.unref(e).t("editor.messages.loading_title",{type:n.language})},null,8,["icon","message","title"])):o.createCommentVNode("",!0)]),_:1})],!0),o.renderSlot(g.$slots,"state-empty",{isEmpty:s.value},()=>[o.createVNode(o.Transition,{name:"fade"},{default:o.withCtx(()=>[s.value?(o.openBlock(),o.createBlock(N,{key:0,"data-testid":"monaco-editor-status-overlay-empty",icon:o.unref(O.CodeblockIcon),message:o.unref(e).t("editor.messages.empty_message"),title:o.unref(e).t("editor.messages.empty_title")},null,8,["icon","message","title"])):o.createCommentVNode("",!0)]),_:1})],!0)],2))}}),[["__scopeId","data-v-c8f35a88"]]);c.MonacoEditor=G,c.useMonacoEditor=F,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});
+(function(s,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@kong/icons"),require("monaco-editor"),require("@kong-ui-public/i18n")):typeof define=="function"&&define.amd?define(["exports","vue","@kong/icons","monaco-editor","@kong-ui-public/i18n"],e):(s=typeof globalThis<"u"?globalThis:s||self,e(s["kong-ui-public-monaco-editor"]={},s.Vue,s.KongIcons,s.monaco,s["kong-ui-public-i18n"]))})(this,function(s,e,S,F,O){"use strict";function N(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>o[t]})}}return n.default=o,Object.freeze(n)}const C=N(F),x=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 b=()=>{};function B(o,n){function t(...r){return new Promise((i,c)=>{Promise.resolve(o(()=>n.apply(this,r),{fn:n,thisArg:this,args:r})).then(i).catch(c)})}return t}function U(o,n={}){let t,r,i=b;const c=d=>{clearTimeout(d),i(),i=b};let l;return d=>{const y=e.toValue(o),u=e.toValue(n.maxWait);return t&&c(t),y<=0||u!==void 0&&u<=0?(r&&(c(r),r=void 0),Promise.resolve(d())):new Promise((_,a)=>{i=n.rejectOnCancel?a:_,l=d,u&&!r&&(r=setTimeout(()=>{t&&c(t),r=void 0,_(l())},u)),t=setTimeout(()=>{r&&c(r),r=void 0,_(d())},y)})}}function V(o,n=200,t={}){return B(U(n,t),o)}function W(o){var n;const t=e.toValue(o);return(n=t==null?void 0:t.$el)!==null&&n!==void 0?n:t}let g;const E=new Map;function D(o){return g||(g=C),o&&!E.get(o)&&(E.set(o,!0),C.languages.getLanguages().some(n=>n.id===o)||C.languages.register({id:o})),g}function I(o,n){let t,r=!1;const i=e.reactive({editorStatus:"loading",searchBoxIsRevealed:!1,hasContent:!1,theme:n.theme||"light"}),c=a=>{!r||!t||t.setValue(a)},l=a=>t==null?void 0:t.updateOptions({readOnly:a}),m=()=>t==null?void 0:t.focus(),d=a=>{try{if(!t||!a)return;t.focus(),t.trigger("keyboard",a,null)}catch(p){console.error(`useMonacoEditor: Failed to trigger command: ${a}`,p)}},y=()=>{var a;try{if(!t)return;if(i.searchBoxIsRevealed)return(a=t.getContribution("editor.contrib.findController"))==null?void 0:a.closeFindWidget();d("actions.find")}catch(p){console.error("useMonacoEditor: Failed to close findController.",p)}},u=V(()=>g==null?void 0:g.editor.remeasureFonts(),200);return(()=>{const a=D(n.language),p=a.Uri.parse(`inmemory://model/${n.language}-${crypto.randomUUID()}`),j=a.editor.createModel(n.code.value,n.language,p);e.watch(()=>e.toValue(o),H=>{var w;const M=W(H);if(!(M instanceof HTMLElement)){r=!1;return}if(!r){t=a.editor.create(M,{...x,readOnly:n.readOnly||!1,language:n.language,theme:i.theme,model:j,editContext:!1,...n.monacoOptions}),r=!0,i.editorStatus="ready",i.hasContent=!!n.code.value,t.onDidChangeModelContent(()=>{var h;const f=t.getValue();i.hasContent=!!f.length,(h=n.onChanged)==null||h.call(n,f)}),(w=n.onCreated)==null||w.call(n),u();try{const f=t.getContribution("editor.contrib.findController");if(f){const h=f.getState();h.onFindReplaceStateChange(()=>{i.searchBoxIsRevealed=h.isRevealed})}}catch(f){console.error("useMonacoEditor: Failed to get the state of findController",f)}}},{immediate:!0,flush:"post"})})(),e.onMounted(u),e.onActivated(u),e.onBeforeUnmount(()=>{if(!t)return;const a=t.getModel();t.dispose(),a&&a.dispose()}),{editor:t,editorStates:i,setContent:c,setReadOnly:l,focus:m,remeasureFonts:u,toggleSearchWidget:y,triggerKeyboardCommand:d}}const R={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 K(){const o=O.createI18n("en-us",R);return{i18n:o,i18nT:O.i18nTComponent(o)}}const L=e.defineComponent({__name:"MonacoEditorStatusOverlay",props:{title:{},message:{},icon:{}},setup(o){return(n,t)=>{const r=e.resolveComponent("KEmptyState");return e.openBlock(),e.createBlock(r,{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"])}}}),T=(o,n)=>{const t=o.__vccOpts||o;for(const[r,i]of n)t[r]=i;return t},k=T(L,[["__scopeId","data-v-062eadb5"]]),P=T(e.defineComponent({__name:"MonacoEditor",props:e.mergeModels({theme:{default:"light"},language:{default:"markdown"},options:{default:()=>{}}},{modelValue:{type:String,required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(o){const n=e.useModel(o,"modelValue"),{i18n:t}=K(),r=e.useTemplateRef("editorRef"),i=e.computed(()=>o.theme==="dark"?"dark":"light"),c=e.computed(()=>l.editorStates.editorStatus==="ready"&&!l.editorStates.hasContent),l=I(r,{language:o.language,code:n,theme:i.value,monacoOptions:o.options,onChanged:m=>{n.value=m}});return(m,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["monaco-editor-container",[i.value,{loading:e.unref(l).editorStates.editorStatus==="loading"}]]),"data-testid":"monaco-editor-container"},[e.createElementVNode("div",{ref_key:"editorRef",ref:r,class:"monaco-editor-target","data-testid":"monaco-editor-target"},null,512),e.renderSlot(m.$slots,"state-loading",{isLoading:e.unref(l).editorStates.editorStatus==="loading"},()=>[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[e.unref(l).editorStates.editorStatus==="loading"?(e.openBlock(),e.createBlock(k,{key:0,"data-testid":"monaco-editor-status-overlay-loading",icon:e.unref(S.ProgressIcon),message:e.unref(t).t("editor.messages.loading_message",{type:o.language}),title:e.unref(t).t("editor.messages.loading_title",{type:o.language})},null,8,["icon","message","title"])):e.createCommentVNode("",!0)]),_:1})],!0),e.renderSlot(m.$slots,"state-empty",{isEmpty:c.value},()=>[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[c.value?(e.openBlock(),e.createBlock(k,{key:0,"data-testid":"monaco-editor-status-overlay-empty",icon:e.unref(S.CodeblockIcon),message:e.unref(t).t("editor.messages.empty_message"),title:e.unref(t).t("editor.messages.empty_title")},null,8,["icon","message","title"])):e.createCommentVNode("",!0)]),_:1})],!0)],2))}}),[["__scopeId","data-v-c8f35a88"]]);s.MonacoEditor=P,s.useMonacoEditor=I,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});

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

@@ -8,7 +8,7 @@ import type { UseMonacoEditorOptions } from '../types';
  * @returns {object} An object containing the editor instance and utility methods.
 */
 export declare function useMonacoEditor<T extends MaybeElement>(target: MaybeComputedElementRef<T>, options: UseMonacoEditorOptions): {
-    editor: import("vue").ShallowRef<monaco.editor.IStandaloneCodeEditor | undefined, monaco.editor.IStandaloneCodeEditor | undefined>;
+    editor: monaco.editor.IStandaloneCodeEditor | undefined;
     editorStates: {
         editorStatus: import("..").EditorStatus;
         searchBoxIsRevealed: boolean;

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":"AACA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAA;AASvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AACzE,OAAO,KAAK,EAAsB,sBAAsB,EAAE,MAAM,UAAU,CAAA;AA+B1E;;;;;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;EAwIlD"}
+{"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;AA+B1E;;;;;EAKE;AACF,wBAAgB,eAAe,CAAC,CAAC,SAAS,YAAY,EACpD,MAAM,EAAE,uBAAuB,CAAC,CAAC,CAAC,EAClC,OAAO,EAAE,sBAAsB;;;;;;;;0BAqBF,MAAM,KAAG,IAAI;4BAOX,OAAO,KAAG,IAAI;iBAG3B,IAAI;;8BAkBS,IAAI;iCAXC,MAAM,KAAG,IAAI;EAoIlD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/monaco-editor",
-  "version": "0.4.11-pr.2769.31aadbf56.0",
+  "version": "0.4.11",
   "type": "module",
   "main": "./dist/runtime/monaco-editor.umd.js",
   "module": "./dist/runtime/monaco-editor.es.js",
@@ -53,7 +53,7 @@
   "devDependencies": {
     "@kong/design-tokens": "1.18.2",
     "@kong/icons": "^1.41.0",
-    "@kong/kongponents": "9.48.7",
+    "@kong/kongponents": "9.48.8",
     "monaco-editor": "^0.55.1",
     "vue": "^3.5.26",
     "@kong-ui-public/i18n": "^2.4.5"

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

@@ -1,2 +0,0 @@
-export * from './lifecycle';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/singletons/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}

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

@@ -1,31 +0,0 @@
-import type { editor as Editor, IDisposable } from 'monaco-editor';
-type Scope = {
-    type: 'editor';
-    source: Editor.ICodeEditor;
-} | {
-    type: 'model';
-    source: Editor.ITextModel;
-};
-type ScopeSource = Editor.ICodeEditor | Editor.ITextModel;
-/**
- * Track a disposable in the global scope.
- *
- * @param disposable The disposable to track
- */
-declare function track(disposable: IDisposable, scope?: Scope): IDisposable;
-declare function trackForEditor(editor: Editor.ICodeEditor, disposable: IDisposable): IDisposable;
-declare function trackForModel(model: Editor.ITextModel, disposable: IDisposable): IDisposable;
-declare function disposeScoped(source: ScopeSource): void;
-/**
- * Dispose all tracked disposables.
- */
-declare function disposeAll(): void;
-export declare const lifecycle: {
-    readonly track: typeof track;
-    readonly trackForEditor: typeof trackForEditor;
-    readonly trackForModel: typeof trackForModel;
-    readonly disposeScoped: typeof disposeScoped;
-    readonly disposeAll: typeof disposeAll;
-};
-export {};
-//# sourceMappingURL=lifecycle.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"lifecycle.d.ts","sourceRoot":"","sources":["../../../../src/singletons/lifecycle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAElE,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;AAChD,KAAK,WAAW,GAAG,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAA;AAKzD;;;;GAIG;AACH,iBAAS,KAAK,CAAC,UAAU,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,WAAW,CA+ClE;AAED,iBAAS,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,UAAU,EAAE,WAAW,GAAG,WAAW,CAExF;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE,UAAU,EAAE,WAAW,GAAG,WAAW,CAErF;AAED,iBAAS,aAAa,CAAC,MAAM,EAAE,WAAW,QAMzC;AAED;;GAEG;AACH,iBAAS,UAAU,SAIlB;AAED,eAAO,MAAM,SAAS;;;;;;CAMZ,CAAA"}