@kong-ui-public/monaco-editor 0.9.0 → 0.9.1

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

@@ -3,8 +3,8 @@ import { ProgressIcon as oe, CodeblockIcon as ae } from "@kong/icons";
 import * as g from "monaco-editor";
 import { shikiToMonaco as ne } from "@shikijs/monaco";
 import { getSingletonHighlighter as re, bundledLanguages as se, bundledThemes as ie } from "shiki";
-import { createI18n as le, i18nTComponent as ce } from "@kong-ui-public/i18n";
-const ue = "'JetBrains Mono', Consolas, monospace", de = "12px", me = "500", ge = "20px", fe = Object.freeze({
+import { createI18n as le, i18nTComponent as ue } from "@kong-ui-public/i18n";
+const ce = "'JetBrains Mono', Consolas, monospace", de = "12px", me = "500", ge = "20px", fe = Object.freeze({
   autoClosingQuotes: "always",
   automaticLayout: !0,
   // Auto resize layout
@@ -13,7 +13,7 @@ const ue = "'JetBrains Mono', Consolas, monospace", de = "12px", me = "500", ge
   },
   hideCursorInOverviewRuler: !0,
   // hide the cursor position in the minimap TODO: maybe hide it on first line or change it colour
-  fontFamily: ue,
+  fontFamily: ce,
   fontSize: Number(de.replace("px", "")),
   fontWeight: me,
   lineHeight: Number(ge.replace("px", "")),
@@ -94,7 +94,7 @@ function ve(t, o = {}) {
 function ye(t, o = 200, e = {}) {
   return he(ve(o, e), t);
 }
-const D = j(!1);
+const V = j(!1);
 let p = null;
 async function pe() {
   return p || (p = (async () => {
@@ -110,7 +110,7 @@ async function pe() {
       );
       a.getLoadedLanguages().forEach((r) => {
         g.languages.register({ id: r });
-      }), ne(a, g), D.value = !0;
+      }), ne(a, g), V.value = !0;
     } catch (e) {
       throw p = null, e;
     }
@@ -127,21 +127,21 @@ function Se(t, o) {
   }), y = (n) => {
     !r || !e.value || e.value.setValue(n);
   }, d = (n) => {
-    var c;
-    return (c = e.value) == null ? void 0 : c.updateOptions({ readOnly: n });
+    var u;
+    return (u = e.value) == null ? void 0 : u.updateOptions({ readOnly: n });
   }, f = () => {
     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);
+    const u = (E = e.value) == null ? void 0 : E.getModel();
+    u && g.editor.setModelLanguage(u, n);
   }, l = (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 (u) {
+      console.error(`useMonacoEditor: Failed to trigger command: ${n}`, u);
     }
   }, h = () => {
     var n;
@@ -150,22 +150,24 @@ function Se(t, o) {
       if (i.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);
+    } catch (u) {
+      console.error("useMonacoEditor: Failed to close findController.", u);
     }
   }, b = /* @__PURE__ */ ye(() => g.editor.remeasureFonts(), 200);
   return (() => {
-    pe(), k([D, () => S(t)], ([n, c], [, E]) => {
+    pe(), k([V, () => S(t)], ([n, u], [, E]) => {
       var w;
-      const _ = S(c), V = S(E);
+      const _ = S(u), P = S(E);
       if (!(_ instanceof HTMLElement) || !n) {
         r = !1;
         return;
       }
-      if (!(r && V === _)) {
-        if (!a) {
-          const u = g.Uri.parse(`inmemory://model/${o.language}-${crypto.randomUUID()}`);
-          a = g.editor.createModel(o.code.value, o.language, u);
+      if (!(r && P === _)) {
+        if (a)
+          a.setValue(o.code.value);
+        else {
+          const c = g.Uri.parse(`inmemory://model/${o.language}-${crypto.randomUUID()}`);
+          a = g.editor.createModel(o.code.value, o.language, c);
         }
         e.value = g.editor.create(_, {
           ...fe,
@@ -177,20 +179,20 @@ function Se(t, o) {
           ...o.monacoOptions
         }), r = !0, i.editorStatus = "ready", i.hasContent = !!o.code.value, e.value.onDidChangeModelContent(() => {
           if (s) return;
-          const u = e.value.getValue();
-          i.hasContent = !!u.length, o.code.value = u;
+          const c = e.value.getValue();
+          i.hasContent = !!c.length, o.code.value = c;
         }), (w = o.onReady) == null || w.call(o, e.value), b();
         try {
-          const u = e.value.getContribution("editor.contrib.findController"), M = u == null ? void 0 : u.getState();
+          const c = e.value.getContribution("editor.contrib.findController"), M = c == null ? void 0 : c.getState();
           M == null || M.onFindReplaceStateChange(() => {
             i.searchBoxIsRevealed = M.isRevealed;
           });
-        } catch (u) {
-          console.error("useMonacoEditor: Failed to get the state of findController", u);
+        } catch (c) {
+          console.error("useMonacoEditor: Failed to get the state of findController", c);
         }
         $(() => {
-          var u;
-          (u = e.value) == null || u.dispose();
+          var c;
+          (c = e.value) == null || c.dispose();
         });
       }
     }, {
@@ -199,8 +201,8 @@ function Se(t, o) {
     });
   })(), k(o.code, (n) => {
     if (!e.value || !a || !r) return;
-    const c = a.getValue();
-    n !== c && (s = !0, e.value.executeEdits("external", [
+    const u = a.getValue();
+    n !== u && (s = !0, e.value.executeEdits("external", [
       {
         range: a.getFullModelRange(),
         text: n
@@ -236,7 +238,7 @@ function Ee() {
   const t = le("en-us", be);
   return {
     i18n: t,
-    i18nT: ce(t)
+    i18nT: ue(t)
     // Translation component <i18n-t>
   };
 }
@@ -265,12 +267,12 @@ const Me = /* @__PURE__ */ U({
       ]), 1032, ["message", "title"]);
     };
   }
-}), P = (t, o) => {
+}), D = (t, o) => {
   const e = t.__vccOpts || t;
   for (const [a, r] of o)
     e[a] = r;
   return e;
-}, N = /* @__PURE__ */ P(Me, [["__scopeId", "data-v-062eadb5"]]), Oe = /* @__PURE__ */ U({
+}, N = /* @__PURE__ */ D(Me, [["__scopeId", "data-v-062eadb5"]]), Oe = /* @__PURE__ */ U({
   __name: "MonacoEditor",
   props: /* @__PURE__ */ L({
     theme: { default: "light" },
@@ -351,7 +353,7 @@ const Me = /* @__PURE__ */ U({
       ], !0) : O("", !0)
     ], 2));
   }
-}), Le = /* @__PURE__ */ P(Oe, [["__scopeId", "data-v-89d4c84e"]]);
+}), Le = /* @__PURE__ */ D(Oe, [["__scopeId", "data-v-89d4c84e"]]);
 export {
   Le as MonacoEditor,
   Se 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,O,L,V,E,I){"use strict";function R(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 h=R(L),U=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 j(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 W(o,n={}){let t,a,i=T;const s=g=>{clearTimeout(g),i(),i=T};let l;return g=>{const p=e.toValue(o),f=e.toValue(n.maxWait);return t&&s(t),p<=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())},p)})}}function v(o,n=200,t={}){return j(W(n,t),o)}const w=e.ref(!1);let S=null;async function D(){return S||(S=(async()=>{var o,n;try{const t=((o=h.json)==null?void 0:o.jsonDefaults)||((n=h.languages.json)==null?void 0:n.jsonDefaults);t==null||t.setModeConfiguration({tokens:!1});const a=await E.getSingletonHighlighter({themes:Object.values(E.bundledThemes),langs:Object.values(E.bundledLanguages)});a.getLoadedLanguages().forEach(i=>{h.languages.register({id:i})}),V.shikiToMonaco(a,h),w.value=!0}catch(t){throw S=null,t}})(),S)}function x(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})},p=()=>{var r;return(r=t.value)==null?void 0:r.focus()},f=r=>{var b;const u=(b=t.value)==null?void 0:b.getModel();u&&h.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)}},_=v(()=>h.editor.remeasureFonts(),200);return(()=>{D(),e.watch([w,()=>e.toValue(o)],([r,u],[,b])=>{var B;const M=e.toValue(u),A=e.toValue(b);if(!(M instanceof HTMLElement)||!r){i=!1;return}if(!(i&&A===M)){if(!a){const m=h.Uri.parse(`inmemory://model/${n.language}-${crypto.randomUUID()}`);a=h.editor.createModel(n.code.value,n.language,m)}t.value=h.editor.create(M,{...U,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),_();try{const m=t.value.getContribution("editor.contrib.findController"),k=m==null?void 0:m.getState();k==null||k.onFindReplaceStateChange(()=>{l.searchBoxIsRevealed=k.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(_),e.onActivated(_),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:p,setLanguage:f,remeasureFonts:_,toggleSearchWidget:y,triggerKeyboardCommand:c}}const P={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=I.createI18n("en-us",P);return{i18n:o,i18nT:I.i18nTComponent(o)}}const H=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"])}}}),N=(o,n)=>{const t=o.__vccOpts||o;for(const[a,i]of n)t[a]=i;return t},F=N(H,[["__scopeId","data-v-062eadb5"]]),q=N(e.defineComponent({__name:"MonacoEditor",props:e.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:e.mergeModels(["ready"],["update:modelValue"]),setup(o,{expose:n,emit:t}){const a=t,i=e.useModel(o,"modelValue"),{i18n:s}=K(),l=e.useTemplateRef("editorRef"),C=e.computed(()=>o.theme==="dark"?"dark":"light"),g=e.computed(()=>o.loading||f.editorStates.editorStatus==="loading"),p=e.computed(()=>!g.value&&f.editorStates.editorStatus==="ready"&&!f.editorStates.hasContent),f=x(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),o.showLoadingState?e.renderSlot(c.$slots,"state-loading",{key:0,isLoading:g.value},()=>[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[g.value?(e.openBlock(),e.createBlock(F,{key:0,"data-testid":"monaco-editor-status-overlay-loading",icon:e.unref(O.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.createCommentVNode("",!0),o.showEmptyState?e.renderSlot(c.$slots,"state-empty",{key:1,isEmpty:p.value},()=>[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[p.value?(e.openBlock(),e.createBlock(F,{key:0,"data-testid":"monaco-editor-status-overlay-empty",icon:e.unref(O.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):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-89d4c84e"]]);d.MonacoEditor=q,d.useMonacoEditor=x,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+(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,O,L,V,E,I){"use strict";function R(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 h=R(L),U=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 j(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 v(o,n={}){let t,a,i=T;const s=g=>{clearTimeout(g),i(),i=T};let l;return g=>{const p=e.toValue(o),f=e.toValue(n.maxWait);return t&&s(t),p<=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())},p)})}}function W(o,n=200,t={}){return j(v(n,t),o)}const w=e.ref(!1);let S=null;async function D(){return S||(S=(async()=>{var o,n;try{const t=((o=h.json)==null?void 0:o.jsonDefaults)||((n=h.languages.json)==null?void 0:n.jsonDefaults);t==null||t.setModeConfiguration({tokens:!1});const a=await E.getSingletonHighlighter({themes:Object.values(E.bundledThemes),langs:Object.values(E.bundledLanguages)});a.getLoadedLanguages().forEach(i=>{h.languages.register({id:i})}),V.shikiToMonaco(a,h),w.value=!0}catch(t){throw S=null,t}})(),S)}function x(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})},p=()=>{var r;return(r=t.value)==null?void 0:r.focus()},f=r=>{var b;const u=(b=t.value)==null?void 0:b.getModel();u&&h.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)}},_=W(()=>h.editor.remeasureFonts(),200);return(()=>{D(),e.watch([w,()=>e.toValue(o)],([r,u],[,b])=>{var B;const M=e.toValue(u),A=e.toValue(b);if(!(M instanceof HTMLElement)||!r){i=!1;return}if(!(i&&A===M)){if(a)a.setValue(n.code.value);else{const m=h.Uri.parse(`inmemory://model/${n.language}-${crypto.randomUUID()}`);a=h.editor.createModel(n.code.value,n.language,m)}t.value=h.editor.create(M,{...U,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),_();try{const m=t.value.getContribution("editor.contrib.findController"),k=m==null?void 0:m.getState();k==null||k.onFindReplaceStateChange(()=>{l.searchBoxIsRevealed=k.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(_),e.onActivated(_),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:p,setLanguage:f,remeasureFonts:_,toggleSearchWidget:y,triggerKeyboardCommand:c}}const P={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=I.createI18n("en-us",P);return{i18n:o,i18nT:I.i18nTComponent(o)}}const H=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"])}}}),N=(o,n)=>{const t=o.__vccOpts||o;for(const[a,i]of n)t[a]=i;return t},F=N(H,[["__scopeId","data-v-062eadb5"]]),q=N(e.defineComponent({__name:"MonacoEditor",props:e.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:e.mergeModels(["ready"],["update:modelValue"]),setup(o,{expose:n,emit:t}){const a=t,i=e.useModel(o,"modelValue"),{i18n:s}=K(),l=e.useTemplateRef("editorRef"),C=e.computed(()=>o.theme==="dark"?"dark":"light"),g=e.computed(()=>o.loading||f.editorStates.editorStatus==="loading"),p=e.computed(()=>!g.value&&f.editorStates.editorStatus==="ready"&&!f.editorStates.hasContent),f=x(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),o.showLoadingState?e.renderSlot(c.$slots,"state-loading",{key:0,isLoading:g.value},()=>[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[g.value?(e.openBlock(),e.createBlock(F,{key:0,"data-testid":"monaco-editor-status-overlay-loading",icon:e.unref(O.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.createCommentVNode("",!0),o.showEmptyState?e.renderSlot(c.$slots,"state-empty",{key:1,isEmpty:p.value},()=>[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[p.value?(e.openBlock(),e.createBlock(F,{key:0,"data-testid":"monaco-editor-status-overlay-empty",icon:e.unref(O.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):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-89d4c84e"]]);d.MonacoEditor=q,d.useMonacoEditor=x,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});

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,gBAAgB,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,KAAK,EAAsB,sBAAsB,EAAE,MAAM,UAAU,CAAA;AAyC1E;;;;;EAKE;AACF,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EACnD,MAAM,EAAE,gBAAgB,CAAC,CAAC,GAAG,IAAI,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;EAwKlD"}
+{"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,gBAAgB,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,KAAK,EAAsB,sBAAsB,EAAE,MAAM,UAAU,CAAA;AAyC1E;;;;;EAKE;AACF,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EACnD,MAAM,EAAE,gBAAgB,CAAC,CAAC,GAAG,IAAI,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;EA0KlD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/monaco-editor",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "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",