@harnessio/yaml-editor 0.22.1 → 0.25.0

package/dist/index.js

@@ -1,18 +1,18 @@
 var tt = Object.defineProperty;
 var rt = (e, t, r) => t in e ? tt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var Pe = (e, t, r) => (rt(e, typeof t != "symbol" ? t + "" : t, r), r);
-import Y, { memo as Oe, useState as R, useRef as y, useCallback as J, useEffect as N, useMemo as V, useLayoutEffect as ke, createContext as nt, useContext as ot } from "react";
+var Ce = (e, t, r) => (rt(e, typeof t != "symbol" ? t + "" : t, r), r);
+import Y, { memo as Me, useState as R, useRef as v, useCallback as J, useEffect as N, useMemo as V, useLayoutEffect as Ve, createContext as nt, useContext as ot } from "react";
 import * as F from "monaco-editor";
-import { languages as be, Uri as it } from "monaco-editor";
+import { languages as we, Uri as it } from "monaco-editor";
 import { render as at } from "react-dom";
-import { yamlDefaults as Me } from "monaco-yaml";
-var Ve = { exports: {} }, ne = {};
+import { yamlDefaults as Se } from "monaco-yaml";
+var Ae = { exports: {} }, ne = {};
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var Ce = Object.getOwnPropertySymbols, ct = Object.prototype.hasOwnProperty, st = Object.prototype.propertyIsEnumerable;
+var $e = Object.getOwnPropertySymbols, ct = Object.prototype.hasOwnProperty, st = Object.prototype.propertyIsEnumerable;
 function ut(e) {
   if (e == null)
     throw new TypeError("Object.assign cannot be called with null or undefined");
@@ -49,14 +49,14 @@ lt();
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var dt = Y, Ae = 60103;
+var dt = Y, He = 60103;
 ne.Fragment = 60107;
 if (typeof Symbol == "function" && Symbol.for) {
-  var $e = Symbol.for;
-  Ae = $e("react.element"), ne.Fragment = $e("react.fragment");
+  var Ie = Symbol.for;
+  He = Ie("react.element"), ne.Fragment = Ie("react.fragment");
 }
 var ft = dt.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, pt = Object.prototype.hasOwnProperty, mt = { key: !0, ref: !0, __self: !0, __source: !0 };
-function He(e, t, r) {
+function Re(e, t, r) {
   var n, o = {}, i = null, a = null;
   r !== void 0 && (i = "" + r), t.key !== void 0 && (i = "" + t.key), t.ref !== void 0 && (a = t.ref);
   for (n in t)
@@ -64,12 +64,12 @@ function He(e, t, r) {
   if (e && e.defaultProps)
     for (n in t = e.defaultProps, t)
       o[n] === void 0 && (o[n] = t[n]);
-  return { $$typeof: Ae, type: e, key: i, ref: a, props: o, _owner: ft.current };
+  return { $$typeof: He, type: e, key: i, ref: a, props: o, _owner: ft.current };
 }
-ne.jsx = He;
-ne.jsxs = He;
-Ve.exports = ne;
-var A = Ve.exports;
+ne.jsx = Re;
+ne.jsxs = Re;
+Ae.exports = ne;
+var A = Ae.exports;
 function gt(e, t, r) {
   return t in e ? Object.defineProperty(e, t, {
     value: r,
@@ -78,7 +78,7 @@ function gt(e, t, r) {
     writable: !0
   }) : e[t] = r, e;
 }
-function Ie(e, t) {
+function Ne(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -88,12 +88,12 @@ function Ie(e, t) {
   }
   return r;
 }
-function Ne(e) {
+function Le(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? Ie(Object(r), !0).forEach(function(n) {
+    t % 2 ? Ne(Object(r), !0).forEach(function(n) {
       gt(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Ie(Object(r)).forEach(function(n) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Ne(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
@@ -147,15 +147,15 @@ function wt(e, t) {
 function Ot(e, t) {
   if (e) {
     if (typeof e == "string")
-      return Le(e, t);
+      return Te(e, t);
     var r = Object.prototype.toString.call(e).slice(8, -1);
     if (r === "Object" && e.constructor && (r = e.constructor.name), r === "Map" || r === "Set")
       return Array.from(e);
     if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))
-      return Le(e, t);
+      return Te(e, t);
   }
 }
-function Le(e, t) {
+function Te(e, t) {
   (t == null || t > e.length) && (t = e.length);
   for (var r = 0, n = new Array(t); r < t; r++)
     n[r] = e[r];
@@ -173,7 +173,7 @@ function St(e, t, r) {
     writable: !0
   }) : e[t] = r, e;
 }
-function Te(e, t) {
+function De(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -183,12 +183,12 @@ function Te(e, t) {
   }
   return r;
 }
-function De(e) {
+function _e(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? Te(Object(r), !0).forEach(function(n) {
+    t % 2 ? De(Object(r), !0).forEach(function(n) {
       St(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Te(Object(r)).forEach(function(n) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : De(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
@@ -214,7 +214,7 @@ function X(e) {
     };
   };
 }
-function le(e) {
+function de(e) {
   return {}.toString.call(e).includes("Object");
 }
 function xt(e) {
@@ -227,7 +227,7 @@ function jt(e, t) {
   return Object.prototype.hasOwnProperty.call(e, t);
 }
 function Pt(e, t) {
-  return le(t) || K("changeType"), Object.keys(t).some(function(r) {
+  return de(t) || K("changeType"), Object.keys(t).some(function(r) {
     return !jt(e, r);
   }) && K("changeField"), t;
 }
@@ -235,12 +235,12 @@ function Ct(e) {
   re(e) || K("selectorType");
 }
 function $t(e) {
-  re(e) || le(e) || K("handlerType"), le(e) && Object.values(e).some(function(t) {
+  re(e) || de(e) || K("handlerType"), de(e) && Object.values(e).some(function(t) {
     return !re(t);
   }) && K("handlersType");
 }
 function It(e) {
-  e || K("initialIsRequired"), le(e) || K("initialType"), xt(e) && K("initialContent");
+  e || K("initialIsRequired"), de(e) || K("initialType"), xt(e) && K("initialContent");
 }
 function Nt(e, t) {
   throw new Error(e[t] || e.default);
@@ -255,7 +255,7 @@ var Lt = {
   changeType: "provided value of changes should be an object",
   changeField: 'it seams you want to change a field in the state which is not specified in the "initial" state',
   default: "an unknown error accured in `state-local` package"
-}, K = X(Nt)(Lt), se = {
+}, K = X(Nt)(Lt), ue = {
   changes: Pt,
   selector: Ct,
   handler: $t,
@@ -263,15 +263,15 @@ var Lt = {
 };
 function Tt(e) {
   var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  se.initial(e), se.handler(t);
+  ue.initial(e), ue.handler(t);
   var r = {
     current: e
-  }, n = X(kt)(r, t), o = X(_t)(r), i = X(se.changes)(e), a = X(Dt)(r);
+  }, n = X(kt)(r, t), o = X(_t)(r), i = X(ue.changes)(e), a = X(Dt)(r);
   function u() {
     var d = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(g) {
       return g;
     };
-    return se.selector(d), d(r.current);
+    return ue.selector(d), d(r.current);
   }
   function l(d) {
     Et(n, o, i, a)(d);
@@ -282,7 +282,7 @@ function Dt(e, t) {
   return re(t) ? t(e.current) : t;
 }
 function _t(e, t) {
-  return e.current = De(De({}, e.current), t), t;
+  return e.current = _e(_e({}, e.current), t), t;
 }
 function kt(e, t, r) {
   return re(t) ? t(e.current) : Object.keys(r).forEach(function(n) {
@@ -312,19 +312,19 @@ function Rt(e) {
   return {}.toString.call(e).includes("Object");
 }
 function Ut(e) {
-  return e || _e("configIsRequired"), Rt(e) || _e("configType"), e.urls ? (zt(), {
+  return e || ke("configIsRequired"), Rt(e) || ke("configType"), e.urls ? (zt(), {
     paths: {
       vs: e.urls.monacoBase
     }
   }) : e;
 }
 function zt() {
-  console.warn(Re.deprecation);
+  console.warn(Ue.deprecation);
 }
 function Ft(e, t) {
   throw new Error(e[t] || e.default);
 }
-var Re = {
+var Ue = {
   configIsRequired: "the configuration object is required",
   configType: "the configuration object should be an object",
   default: "an unknown error accured in `@monaco-editor/loader` package",
@@ -338,7 +338,7 @@ var Re = {
 
     For more please check the link https://github.com/suren-atoyan/monaco-loader#config
   `
-}, _e = Ht(Ft)(Re), Wt = {
+}, ke = Ht(Ft)(Ue), Wt = {
   config: Ut
 }, qt = function() {
   for (var t = arguments.length, r = new Array(t), n = 0; n < t; n++)
@@ -349,16 +349,16 @@ var Re = {
     }, o);
   };
 };
-function Ue(e, t) {
+function ze(e, t) {
   return Object.keys(t).forEach(function(r) {
-    t[r] instanceof Object && e[r] && Object.assign(t[r], Ue(e[r], t[r]));
-  }), Ne(Ne({}, e), t);
+    t[r] instanceof Object && e[r] && Object.assign(t[r], ze(e[r], t[r]));
+  }), Le(Le({}, e), t);
 }
 var Bt = {
   type: "cancelation",
   msg: "operation is manually canceled"
 };
-function pe(e) {
+function me(e) {
   var t = !1, r = new Promise(function(n, o) {
     e.then(function(i) {
       return t ? o(Bt) : n(i);
@@ -374,12 +374,12 @@ var Kt = Vt.create({
   resolve: null,
   reject: null,
   monaco: null
-}), ze = yt(Kt, 2), oe = ze[0], de = ze[1];
+}), Fe = yt(Kt, 2), oe = Fe[0], fe = Fe[1];
 function Yt(e) {
   var t = Wt.config(e), r = t.monaco, n = vt(t, ["monaco"]);
-  de(function(o) {
+  fe(function(o) {
     return {
-      config: Ue(o.config, n),
+      config: ze(o.config, n),
       monaco: r
     };
   });
@@ -394,15 +394,15 @@ function Gt() {
     };
   });
   if (!e.isInitialized) {
-    if (de({
+    if (fe({
       isInitialized: !0
     }), e.monaco)
-      return e.resolve(e.monaco), pe(me);
+      return e.resolve(e.monaco), me(ge);
     if (window.monaco && window.monaco.editor)
-      return Fe(window.monaco), e.resolve(window.monaco), pe(me);
+      return We(window.monaco), e.resolve(window.monaco), me(ge);
     qt(Zt, Qt)(Xt);
   }
-  return pe(me);
+  return me(ge);
 }
 function Zt(e) {
   return document.body.appendChild(e);
@@ -433,13 +433,13 @@ function Xt() {
     };
   }), t = window.require;
   t.config(e.config), t(["vs/editor/editor.main"], function(r) {
-    Fe(r), e.resolve(r);
+    We(r), e.resolve(r);
   }, function(r) {
     e.reject(r);
   });
 }
-function Fe(e) {
-  oe().monaco || de({
+function We(e) {
+  oe().monaco || fe({
     monaco: e
   });
 }
@@ -449,30 +449,30 @@ function er() {
     return t;
   });
 }
-var me = new Promise(function(e, t) {
-  return de({
+var ge = new Promise(function(e, t) {
+  return fe({
     resolve: e,
     reject: t
   });
-}), q = {
+}), B = {
   config: Yt,
   init: Gt,
   __getMonacoInstance: er
-}, tr = { wrapper: { display: "flex", position: "relative", textAlign: "initial" }, fullWidth: { width: "100%" }, hide: { display: "none" } }, ge = tr, rr = { container: { display: "flex", height: "100%", width: "100%", justifyContent: "center", alignItems: "center" } }, nr = rr;
+}, tr = { wrapper: { display: "flex", position: "relative", textAlign: "initial" }, fullWidth: { width: "100%" }, hide: { display: "none" } }, he = tr, rr = { container: { display: "flex", height: "100%", width: "100%", justifyContent: "center", alignItems: "center" } }, nr = rr;
 function or({ children: e }) {
   return Y.createElement("div", { style: nr.container }, e);
 }
 var ir = or, ar = ir;
 function cr({ width: e, height: t, isEditorReady: r, loading: n, _ref: o, className: i, wrapperProps: a }) {
-  return Y.createElement("section", { style: { ...ge.wrapper, width: e, height: t }, ...a }, !r && Y.createElement(ar, null, n), Y.createElement("div", { ref: o, style: { ...ge.fullWidth, ...!r && ge.hide }, className: i }));
+  return Y.createElement("section", { style: { ...he.wrapper, width: e, height: t }, ...a }, !r && Y.createElement(ar, null, n), Y.createElement("div", { ref: o, style: { ...he.fullWidth, ...!r && he.hide }, className: i }));
 }
-var sr = cr, We = Oe(sr);
+var sr = cr, qe = Me(sr);
 function ur(e) {
   N(e, []);
 }
-var Se = ur;
+var Ee = ur;
 function lr(e, t, r = !0) {
-  let n = y(!0);
+  let n = v(!0);
   N(n.current || !r ? () => {
     n.current = !1;
   } : e, t);
@@ -484,135 +484,135 @@ function Z(e, t, r, n) {
   return dr(e, n) || fr(e, t, r, n);
 }
 function dr(e, t) {
-  return e.editor.getModel(qe(e, t));
+  return e.editor.getModel(Be(e, t));
 }
 function fr(e, t, r, n) {
-  return e.editor.createModel(t, r, n ? qe(e, n) : void 0);
+  return e.editor.createModel(t, r, n ? Be(e, n) : void 0);
 }
-function qe(e, t) {
+function Be(e, t) {
   return e.Uri.parse(t);
 }
-function pr({ original: e, modified: t, language: r, originalLanguage: n, modifiedLanguage: o, originalModelPath: i, modifiedModelPath: a, keepCurrentOriginalModel: u = !1, keepCurrentModifiedModel: l = !1, theme: d = "light", loading: g = "Loading...", options: f = {}, height: b = "100%", width: x = "100%", className: h, wrapperProps: I = {}, beforeMount: D = ee, onMount: L = ee }) {
-  let [j, T] = R(!1), [k, M] = R(!0), C = y(null), $ = y(null), E = y(null), v = y(L), s = y(D), w = y(!1);
-  Se(() => {
-    let c = q.init();
-    return c.then((S) => ($.current = S) && M(!1)).catch((S) => (S == null ? void 0 : S.type) !== "cancelation" && console.error("Monaco initialization: error:", S)), () => C.current ? O() : c.cancel();
+function pr({ original: e, modified: t, language: r, originalLanguage: n, modifiedLanguage: o, originalModelPath: i, modifiedModelPath: a, keepCurrentOriginalModel: u = !1, keepCurrentModifiedModel: l = !1, theme: d = "light", loading: g = "Loading...", options: f = {}, height: y = "100%", width: j = "100%", className: b, wrapperProps: $ = {}, beforeMount: T = ee, onMount: L = ee }) {
+  let [I, D] = R(!1), [k, C] = R(!0), M = v(null), E = v(null), x = v(null), h = v(L), s = v(T), w = v(!1);
+  Ee(() => {
+    let c = B.init();
+    return c.then((O) => (E.current = O) && C(!1)).catch((O) => (O == null ? void 0 : O.type) !== "cancelation" && console.error("Monaco initialization: error:", O)), () => M.current ? m() : c.cancel();
   }), z(() => {
-    if (C.current && $.current) {
-      let c = C.current.getOriginalEditor(), S = Z($.current, e || "", n || r || "text", i || "");
-      S !== c.getModel() && c.setModel(S);
+    if (M.current && E.current) {
+      let c = M.current.getOriginalEditor(), O = Z(E.current, e || "", n || r || "text", i || "");
+      O !== c.getModel() && c.setModel(O);
     }
-  }, [i], j), z(() => {
-    if (C.current && $.current) {
-      let c = C.current.getModifiedEditor(), S = Z($.current, t || "", o || r || "text", a || "");
-      S !== c.getModel() && c.setModel(S);
+  }, [i], I), z(() => {
+    if (M.current && E.current) {
+      let c = M.current.getModifiedEditor(), O = Z(E.current, t || "", o || r || "text", a || "");
+      O !== c.getModel() && c.setModel(O);
     }
-  }, [a], j), z(() => {
-    let c = C.current.getModifiedEditor();
-    c.getOption($.current.editor.EditorOption.readOnly) ? c.setValue(t || "") : t !== c.getValue() && (c.executeEdits("", [{ range: c.getModel().getFullModelRange(), text: t || "", forceMoveMarkers: !0 }]), c.pushUndoStop());
-  }, [t], j), z(() => {
-    var c, S;
-    (S = (c = C.current) == null ? void 0 : c.getModel()) == null || S.original.setValue(e || "");
-  }, [e], j), z(() => {
-    let { original: c, modified: S } = C.current.getModel();
-    $.current.editor.setModelLanguage(c, n || r || "text"), $.current.editor.setModelLanguage(S, o || r || "text");
-  }, [r, n, o], j), z(() => {
+  }, [a], I), z(() => {
+    let c = M.current.getModifiedEditor();
+    c.getOption(E.current.editor.EditorOption.readOnly) ? c.setValue(t || "") : t !== c.getValue() && (c.executeEdits("", [{ range: c.getModel().getFullModelRange(), text: t || "", forceMoveMarkers: !0 }]), c.pushUndoStop());
+  }, [t], I), z(() => {
+    var c, O;
+    (O = (c = M.current) == null ? void 0 : c.getModel()) == null || O.original.setValue(e || "");
+  }, [e], I), z(() => {
+    let { original: c, modified: O } = M.current.getModel();
+    E.current.editor.setModelLanguage(c, n || r || "text"), E.current.editor.setModelLanguage(O, o || r || "text");
+  }, [r, n, o], I), z(() => {
     var c;
-    (c = $.current) == null || c.editor.setTheme(d);
-  }, [d], j), z(() => {
+    (c = E.current) == null || c.editor.setTheme(d);
+  }, [d], I), z(() => {
     var c;
-    (c = C.current) == null || c.updateOptions(f);
-  }, [f], j);
-  let m = J(() => {
+    (c = M.current) == null || c.updateOptions(f);
+  }, [f], I);
+  let S = J(() => {
     var H;
-    if (!$.current)
+    if (!E.current)
       return;
-    s.current($.current);
-    let c = Z($.current, e || "", n || r || "text", i || ""), S = Z($.current, t || "", o || r || "text", a || "");
-    (H = C.current) == null || H.setModel({ original: c, modified: S });
+    s.current(E.current);
+    let c = Z(E.current, e || "", n || r || "text", i || ""), O = Z(E.current, t || "", o || r || "text", a || "");
+    (H = M.current) == null || H.setModel({ original: c, modified: O });
   }, [r, t, o, e, n, i, a]), p = J(() => {
     var c;
-    !w.current && E.current && (C.current = $.current.editor.createDiffEditor(E.current, { automaticLayout: !0, ...f }), m(), (c = $.current) == null || c.editor.setTheme(d), T(!0), w.current = !0);
-  }, [f, d, m]);
+    !w.current && x.current && (M.current = E.current.editor.createDiffEditor(x.current, { automaticLayout: !0, ...f }), S(), (c = E.current) == null || c.editor.setTheme(d), D(!0), w.current = !0);
+  }, [f, d, S]);
   N(() => {
-    j && v.current(C.current, $.current);
-  }, [j]), N(() => {
-    !k && !j && p();
-  }, [k, j, p]);
-  function O() {
-    var S, H, W, B;
-    let c = (S = C.current) == null ? void 0 : S.getModel();
-    u || ((H = c == null ? void 0 : c.original) == null || H.dispose()), l || ((W = c == null ? void 0 : c.modified) == null || W.dispose()), (B = C.current) == null || B.dispose();
+    I && h.current(M.current, E.current);
+  }, [I]), N(() => {
+    !k && !I && p();
+  }, [k, I, p]);
+  function m() {
+    var O, H, q, W;
+    let c = (O = M.current) == null ? void 0 : O.getModel();
+    u || ((H = c == null ? void 0 : c.original) == null || H.dispose()), l || ((q = c == null ? void 0 : c.modified) == null || q.dispose()), (W = M.current) == null || W.dispose();
   }
-  return Y.createElement(We, { width: x, height: b, isEditorReady: j, loading: g, _ref: E, className: h, wrapperProps: I });
+  return Y.createElement(qe, { width: j, height: y, isEditorReady: I, loading: g, _ref: x, className: b, wrapperProps: $ });
 }
-var mr = pr, gr = Oe(mr);
+var mr = pr, gr = Me(mr);
 function hr() {
-  let [e, t] = R(q.__getMonacoInstance());
-  return Se(() => {
+  let [e, t] = R(B.__getMonacoInstance());
+  return Ee(() => {
     let r;
-    return e || (r = q.init(), r.then((n) => {
+    return e || (r = B.init(), r.then((n) => {
       t(n);
     })), () => r == null ? void 0 : r.cancel();
   }), e;
 }
 var ie = hr;
 function vr(e) {
-  let t = y();
+  let t = v();
   return N(() => {
     t.current = e;
   }, [e]), t.current;
 }
-var yr = vr, ue = /* @__PURE__ */ new Map();
-function br({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: n, language: o, path: i, theme: a = "light", line: u, loading: l = "Loading...", options: d = {}, overrideServices: g = {}, saveViewState: f = !0, keepCurrentModel: b = !1, width: x = "100%", height: h = "100%", className: I, wrapperProps: D = {}, beforeMount: L = ee, onMount: j = ee, onChange: T, onValidate: k = ee }) {
-  let [M, C] = R(!1), [$, E] = R(!0), v = y(null), s = y(null), w = y(null), m = y(j), p = y(L), O = y(), c = y(n), S = yr(i), H = y(!1), W = y(!1);
-  Se(() => {
-    let P = q.init();
-    return P.then((_) => (v.current = _) && E(!1)).catch((_) => (_ == null ? void 0 : _.type) !== "cancelation" && console.error("Monaco initialization: error:", _)), () => s.current ? et() : P.cancel();
+var yr = vr, le = /* @__PURE__ */ new Map();
+function br({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: n, language: o, path: i, theme: a = "light", line: u, loading: l = "Loading...", options: d = {}, overrideServices: g = {}, saveViewState: f = !0, keepCurrentModel: y = !1, width: j = "100%", height: b = "100%", className: $, wrapperProps: T = {}, beforeMount: L = ee, onMount: I = ee, onChange: D, onValidate: k = ee }) {
+  let [C, M] = R(!1), [E, x] = R(!0), h = v(null), s = v(null), w = v(null), S = v(I), p = v(L), m = v(), c = v(n), O = yr(i), H = v(!1), q = v(!1);
+  Ee(() => {
+    let P = B.init();
+    return P.then((_) => (h.current = _) && x(!1)).catch((_) => (_ == null ? void 0 : _.type) !== "cancelation" && console.error("Monaco initialization: error:", _)), () => s.current ? se() : P.cancel();
   }), z(() => {
     var _, U, Q, G;
-    let P = Z(v.current, e || n || "", t || o || "", i || r || "");
-    P !== ((_ = s.current) == null ? void 0 : _.getModel()) && (f && ue.set(S, (U = s.current) == null ? void 0 : U.saveViewState()), (Q = s.current) == null || Q.setModel(P), f && ((G = s.current) == null || G.restoreViewState(ue.get(i))));
-  }, [i], M), z(() => {
+    let P = Z(h.current, e || n || "", t || o || "", i || r || "");
+    P !== ((_ = s.current) == null ? void 0 : _.getModel()) && (f && le.set(O, (U = s.current) == null ? void 0 : U.saveViewState()), (Q = s.current) == null || Q.setModel(P), f && ((G = s.current) == null || G.restoreViewState(le.get(i))));
+  }, [i], C), z(() => {
     var P;
     (P = s.current) == null || P.updateOptions(d);
-  }, [d], M), z(() => {
-    !s.current || n === void 0 || (s.current.getOption(v.current.editor.EditorOption.readOnly) ? s.current.setValue(n) : n !== s.current.getValue() && (W.current = !0, s.current.executeEdits("", [{ range: s.current.getModel().getFullModelRange(), text: n, forceMoveMarkers: !0 }]), s.current.pushUndoStop(), W.current = !1));
-  }, [n], M), z(() => {
+  }, [d], C), z(() => {
+    !s.current || n === void 0 || (s.current.getOption(h.current.editor.EditorOption.readOnly) ? s.current.setValue(n) : n !== s.current.getValue() && (q.current = !0, s.current.executeEdits("", [{ range: s.current.getModel().getFullModelRange(), text: n, forceMoveMarkers: !0 }]), s.current.pushUndoStop(), q.current = !1));
+  }, [n], C), z(() => {
     var _, U;
     let P = (_ = s.current) == null ? void 0 : _.getModel();
-    P && o && ((U = v.current) == null || U.editor.setModelLanguage(P, o));
-  }, [o], M), z(() => {
+    P && o && ((U = h.current) == null || U.editor.setModelLanguage(P, o));
+  }, [o], C), z(() => {
     var P;
     u !== void 0 && ((P = s.current) == null || P.revealLine(u));
-  }, [u], M), z(() => {
+  }, [u], C), z(() => {
     var P;
-    (P = v.current) == null || P.editor.setTheme(a);
-  }, [a], M);
-  let B = J(() => {
+    (P = h.current) == null || P.editor.setTheme(a);
+  }, [a], C);
+  let W = J(() => {
     var P;
-    if (!(!w.current || !v.current) && !H.current) {
-      p.current(v.current);
-      let _ = i || r, U = Z(v.current, n || e || "", t || o || "", _ || "");
-      s.current = (P = v.current) == null ? void 0 : P.editor.create(w.current, { model: U, automaticLayout: !0, ...d }, g), f && s.current.restoreViewState(ue.get(_)), v.current.editor.setTheme(a), u !== void 0 && s.current.revealLine(u), C(!0), H.current = !0;
+    if (!(!w.current || !h.current) && !H.current) {
+      p.current(h.current);
+      let _ = i || r, U = Z(h.current, n || e || "", t || o || "", _ || "");
+      s.current = (P = h.current) == null ? void 0 : P.editor.create(w.current, { model: U, automaticLayout: !0, ...d }, g), f && s.current.restoreViewState(le.get(_)), h.current.editor.setTheme(a), u !== void 0 && s.current.revealLine(u), M(!0), H.current = !0;
     }
   }, [e, t, r, n, o, i, d, g, f, a, u]);
   N(() => {
-    M && m.current(s.current, v.current);
-  }, [M]), N(() => {
-    !$ && !M && B();
-  }, [$, M, B]), c.current = n, N(() => {
+    C && S.current(s.current, h.current);
+  }, [C]), N(() => {
+    !E && !C && W();
+  }, [E, C, W]), c.current = n, N(() => {
     var P, _;
-    M && T && ((P = O.current) == null || P.dispose(), O.current = (_ = s.current) == null ? void 0 : _.onDidChangeModelContent((U) => {
-      W.current || T(s.current.getValue(), U);
+    C && D && ((P = m.current) == null || P.dispose(), m.current = (_ = s.current) == null ? void 0 : _.onDidChangeModelContent((U) => {
+      q.current || D(s.current.getValue(), U);
     }));
-  }, [M, T]), N(() => {
-    if (M) {
-      let P = v.current.editor.onDidChangeMarkers((_) => {
+  }, [C, D]), N(() => {
+    if (C) {
+      let P = h.current.editor.onDidChangeMarkers((_) => {
         var Q;
         let U = (Q = s.current.getModel()) == null ? void 0 : Q.uri;
         if (U && _.find((G) => G.path === U.path)) {
-          let G = v.current.editor.getModelMarkers({ resource: U });
+          let G = h.current.editor.getModelMarkers({ resource: U });
           k == null || k(G);
         }
       });
@@ -622,14 +622,14 @@ function br({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: n, lan
     }
     return () => {
     };
-  }, [M, k]);
-  function et() {
+  }, [C, k]);
+  function se() {
     var P, _;
-    (P = O.current) == null || P.dispose(), b ? f && ue.set(i, s.current.saveViewState()) : (_ = s.current.getModel()) == null || _.dispose(), s.current.dispose();
+    (P = m.current) == null || P.dispose(), y ? f && le.set(i, s.current.saveViewState()) : (_ = s.current.getModel()) == null || _.dispose(), s.current.dispose();
   }
-  return Y.createElement(We, { width: x, height: h, isEditorReady: M, loading: l, _ref: w, className: I, wrapperProps: D });
+  return Y.createElement(qe, { width: j, height: b, isEditorReady: C, loading: l, _ref: w, className: $, wrapperProps: T });
 }
-var wr = br, Or = Oe(wr), fe = Or;
+var wr = br, Or = Me(wr), pe = Or;
 const ae = {
   selectOnLineNumbers: !0,
   scrollBeyondLastLine: !1,
@@ -655,14 +655,14 @@ const ae = {
   const { themeConfig: t, editor: r, theme: n } = e, { defaultTheme: o } = t ?? {}, [i, a] = R(n ?? o ?? "vs-dark");
   return N(() => {
     var u;
-    (u = t == null ? void 0 : t.monacoThemes) == null || u.forEach((l) => {
+    (u = t == null ? void 0 : t.themes) == null || u.forEach((l) => {
       F.editor.defineTheme(l.themeName, l.themeData);
     });
-  }, [F]), N(() => {
+  }, [F, t]), N(() => {
     F.editor && n && (F.editor.setTheme(n), a(n));
-  }, [r, n]), { theme: i };
+  }, [r, n, t]), { theme: i };
 };
-function Ee(e) {
+function xe(e) {
   const t = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
   let r = "";
   for (let n = 0; n < e; n++)
@@ -694,7 +694,7 @@ const Sr = (e) => {
   const t = new Date(e), n = Math.floor(((/* @__PURE__ */ new Date()).getTime() - t.getTime()) / 1e3), o = Math.abs(n);
   return Sr(o);
 };
-function Be({
+function Ke({
   instanceId: e,
   lineNumbersPosition: t
 }) {
@@ -735,12 +735,12 @@ function xr({
 }) {
   let o = "";
   return t.forEach((i) => {
-    var d, g, f, b, x, h, I, D;
-    const a = (g = (d = i == null ? void 0 : i.commitInfo) == null ? void 0 : d.author) == null ? void 0 : g.avatarUrl, u = (b = (f = i == null ? void 0 : i.commitInfo) == null ? void 0 : f.author) == null ? void 0 : b.initials, l = a ? `background: url('${(h = (x = i == null ? void 0 : i.commitInfo) == null ? void 0 : x.author) == null ? void 0 : h.avatarUrl}');` : "";
+    var d, g, f, y, j, b, $, T;
+    const a = (g = (d = i == null ? void 0 : i.commitInfo) == null ? void 0 : d.author) == null ? void 0 : g.avatarUrl, u = (y = (f = i == null ? void 0 : i.commitInfo) == null ? void 0 : f.author) == null ? void 0 : y.initials, l = a ? `background: url('${(b = (j = i == null ? void 0 : i.commitInfo) == null ? void 0 : j.author) == null ? void 0 : b.avatarUrl}');` : "";
     for (let L = i.fromLineNumber; L <= i.toLineNumber; L++)
       L === i.fromLineNumber ? o += `
           .monaco-editor-${e} .view-line .blame-editor-commit-${L}:before {
-            content: '${Mr(Er(((D = (I = i == null ? void 0 : i.commitInfo) == null ? void 0 : I.author) == null ? void 0 : D.when) || ""))}';
+            content: '${Mr(Er(((T = ($ = i == null ? void 0 : i.commitInfo) == null ? void 0 : $.author) == null ? void 0 : T.when) || ""))}';
             position: absolute;
             left: 10px;
             top: 0px;
@@ -775,12 +775,12 @@ function xr({
           }`;
   }), o;
 }
-function Ke(e, t) {
+function Ye(e, t) {
   let r = "";
   return e.length > t ? r = e.slice(0, t - 3) + "..." : e.length < t ? r = e + " ".repeat(t - e.length) : r = e, " ".repeat(25) + r + " ".repeat(10);
 }
-q.config({ monaco: F });
-const he = 450, jr = 30, Pr = 140, Cr = 24, $r = {
+B.config({ monaco: F });
+const ve = 450, jr = 30, Pr = 140, Cr = 24, $r = {
   ...ae,
   readOnly: !0,
   matchBrackets: "never",
@@ -803,14 +803,14 @@ function tn({
   options: l,
   className: d
 }) {
-  const g = y(o), f = y(null), b = y(Ee(5));
+  const g = v(o), f = v(null), y = v(xe(5));
   ie();
-  const [x, h] = R(), I = y(null), D = y(null);
+  const [j, b] = R(), $ = v(null), T = v(null);
   N(() => {
     g.current = o;
   }, [o]);
   function L() {
-    const s = D.current, w = I.current;
+    const s = T.current, w = $.current;
     if (!s || !w)
       return;
     i && s.changeViewZones(function(p) {
@@ -818,27 +818,27 @@ function tn({
         afterLineNumber: 0,
         heightInPx: 10,
         domNode: document.createElement("div")
-      }), g.current.forEach((O, c) => {
+      }), g.current.forEach((m, c) => {
         if (c !== g.current.length - 1) {
-          const S = document.createElement("div");
-          S.style.borderTop = "1px solid var(--cn-border-2)", S.style.marginTop = "9px", S.className = "blame-editor-separator", p.addZone({
-            afterLineNumber: O.toLineNumber,
+          const O = document.createElement("div");
+          O.style.borderTop = "1px solid var(--cn-border-2)", O.style.marginTop = "9px", O.className = "blame-editor-separator", p.addZone({
+            afterLineNumber: m.toLineNumber,
             heightInPx: 20,
-            domNode: S
+            domNode: O
           });
         }
       });
     });
-    const m = [];
+    const S = [];
     g.current.forEach((p) => {
-      var O;
+      var m;
       for (let c = p.fromLineNumber; c <= p.toLineNumber; c++)
-        m.push({
+        S.push({
           range: new w.Range(c, 0, c + 1, 0),
           options: {
             before: {
-              content: Ke(
-                c === p.fromLineNumber && ((O = p == null ? void 0 : p.commitInfo) == null ? void 0 : O.title) || "",
+              content: Ye(
+                c === p.fromLineNumber && ((m = p == null ? void 0 : p.commitInfo) == null ? void 0 : m.title) || "",
                 jr
               ),
               cursorStops: w.editor.InjectedTextCursorStops.None,
@@ -846,93 +846,93 @@ function tn({
             }
           }
         });
-    }), s.createDecorationsCollection(m);
+    }), s.createDecorationsCollection(S);
   }
-  function j(s, w) {
-    var m, p, O, c, S, H;
-    D.current = s, I.current = w, s.setValue(e), h(s), (O = (p = (m = w.languages.typescript) == null ? void 0 : m.typescriptDefaults) == null ? void 0 : p.setDiagnosticsOptions) == null || O.call(p, {
+  function I(s, w) {
+    var S, p, m, c, O, H;
+    T.current = s, $.current = w, s.setValue(e), b(s), (m = (p = (S = w.languages.typescript) == null ? void 0 : S.typescriptDefaults) == null ? void 0 : p.setDiagnosticsOptions) == null || m.call(p, {
       noSuggestionDiagnostics: !0,
       noSyntaxValidation: !0,
       noSemanticValidation: !0
-    }), (H = (S = (c = w.languages.typescript) == null ? void 0 : c.javascriptDefaults) == null ? void 0 : S.setDiagnosticsOptions) == null || H.call(S, {
+    }), (H = (O = (c = w.languages.typescript) == null ? void 0 : c.javascriptDefaults) == null ? void 0 : O.setDiagnosticsOptions) == null || H.call(O, {
       noSuggestionDiagnostics: !0,
       noSyntaxValidation: !0,
       noSemanticValidation: !0
     }), L();
   }
   N(() => {
-    x == null || x.setValue(e);
+    j == null || j.setValue(e);
   }, [e]);
-  const { theme: T } = ce({ monacoRef: I, themeConfig: r, editor: x, theme: a }), k = V(
-    () => Be({
-      instanceId: b.current,
+  const { theme: D } = ce({ monacoRef: $, themeConfig: r, editor: j, theme: a }), k = V(
+    () => Ke({
+      instanceId: y.current,
       lineNumbersPosition: n
     }),
     [o]
-  ), M = V(
+  ), C = V(
     () => xr({
-      instanceId: b.current,
+      instanceId: y.current,
       blameData: o,
       avatarSize: Cr,
       dateWidth: Pr
     }),
     [o]
   );
-  ke(() => {
+  Ve(() => {
     f.current && f.current.style.setProperty("--line-number-display", "none");
   }, []), N(() => {
     if (n === "center" && f.current) {
       const s = f.current.getElementsByClassName("lines-content")[0];
       if (s) {
-        const w = { attributes: !0 }, m = () => {
-          const O = parseInt(getComputedStyle(s).left);
-          f.current && (f.current.style.setProperty("--line-number-offset", `${he + 16 + O}px`), f.current.style.setProperty("--line-number-display", "block"));
-        }, p = new MutationObserver(m);
-        return p.observe(s, w), m(), () => {
+        const w = { attributes: !0 }, S = () => {
+          const m = parseInt(getComputedStyle(s).left);
+          f.current && (f.current.style.setProperty("--line-number-offset", `${ve + 16 + m}px`), f.current.style.setProperty("--line-number-display", "block"));
+        }, p = new MutationObserver(S);
+        return p.observe(s, w), S(), () => {
           p.disconnect();
         };
       }
     }
   });
-  const C = V(() => `
-      .monaco-editor-${b.current} .margin {
+  const M = V(() => `
+      .monaco-editor-${y.current} .margin {
         display: var(--line-number-display);
         left: var(--line-number-offset);
         pointer-events: none;
-      }`, []), $ = V(() => `.monaco-editor-${b.current} .view-overlays {
-    clip-path: polygon(${he + 16}px 0, 100% 0%, 100% 100%, ${he + 16}px 100%);
+      }`, []), E = V(() => `.monaco-editor-${y.current} .view-overlays {
+    clip-path: polygon(${ve + 16}px 0, 100% 0%, 100% 100%, ${ve + 16}px 100%);
     height:100% !important;
-   }`, []), E = V(
+   }`, []), x = V(
     () => ({
       ...$r,
       ...l
     }),
     [l]
-  ), v = V(() => /* @__PURE__ */ A.jsx(
+  ), h = V(() => /* @__PURE__ */ A.jsx(
     "style",
     {
       dangerouslySetInnerHTML: {
-        __html: `${k} ${M} ${C} ${$}`
+        __html: `${k} ${C} ${M} ${E}`
       }
     }
-  ), [k, M, $, C]);
+  ), [k, C, E, M]);
   return /* @__PURE__ */ A.jsxs("div", { className: d, ref: f, children: [
-    v,
+    h,
     /* @__PURE__ */ A.jsx(
-      fe,
+      pe,
       {
-        className: `monaco-editor-${b.current} overflow-hidden rounded-b-cn-3`,
+        className: `monaco-editor-${y.current} overflow-hidden rounded-b-cn-3`,
         height: u,
         language: t,
-        theme: T,
-        options: E,
-        onMount: j
+        theme: D,
+        options: x,
+        onMount: I
       }
     )
   ] });
 }
-q.config({ monaco: F });
-const ve = 450, Ir = 30, Nr = {
+B.config({ monaco: F });
+const ye = 450, Ir = 30, Nr = {
   ...ae,
   readOnly: !0,
   matchBrackets: "never",
@@ -954,33 +954,33 @@ function rn({
   options: u,
   className: l
 }) {
-  const d = y(o), g = y(null), f = y(Ee(5));
+  const d = v(o), g = v(null), f = v(xe(5));
   ie();
-  const [b, x] = R(), h = y(null), I = y(null);
+  const [y, j] = R(), b = v(null), $ = v(null);
   N(() => {
     d.current = o;
   }, [o]);
-  function D() {
-    const E = I.current, v = h.current;
-    if (!E || !v)
+  function T() {
+    const x = $.current, h = b.current;
+    if (!x || !h)
       return;
-    E.changeViewZones(function(w) {
+    x.changeViewZones(function(w) {
       w.addZone({
         afterLineNumber: 0,
         heightInPx: 1,
         domNode: document.createElement("div")
-      }), d.current.forEach((m) => {
-        if (m.infoContent) {
-          const O = document.createElement("div");
-          O.className = "blame-editor-info-holder", O.style.position = "relative", O.style.zIndex = "100", O.style.overflow = "visible", Lr(O, m.infoContent), w.addZone({
-            afterLineNumber: m.fromLineNumber - 1,
+      }), d.current.forEach((S) => {
+        if (S.infoContent) {
+          const m = document.createElement("div");
+          m.className = "blame-editor-info-holder", m.style.position = "relative", m.style.zIndex = "100", m.style.overflow = "visible", Lr(m, S.infoContent), w.addZone({
+            afterLineNumber: S.fromLineNumber - 1,
             heightInPx: 0,
-            domNode: O
+            domNode: m
           });
         }
         const p = document.createElement("div");
         p.style.borderTop = "1px solid var(--cn-border-2)", p.style.marginTop = "9px", p.className = "blame-editor-separator", w.addZone({
-          afterLineNumber: m.toLineNumber,
+          afterLineNumber: S.toLineNumber,
           heightInPx: 20,
           domNode: p
         });
@@ -988,52 +988,52 @@ function rn({
     });
     const s = [];
     d.current.forEach((w) => {
-      for (let m = w.fromLineNumber; m <= w.toLineNumber; m++)
+      for (let S = w.fromLineNumber; S <= w.toLineNumber; S++)
         s.push({
-          range: new v.Range(m, 0, m + 1, 0),
+          range: new h.Range(S, 0, S + 1, 0),
           options: {
             before: {
-              content: Ke("", Ir),
-              cursorStops: v.editor.InjectedTextCursorStops.None,
-              inlineClassName: `blame-editor-commit blame-editor-commit-${m}`
+              content: Ye("", Ir),
+              cursorStops: h.editor.InjectedTextCursorStops.None,
+              inlineClassName: `blame-editor-commit blame-editor-commit-${S}`
             }
           }
         });
-    }), E.createDecorationsCollection(s);
+    }), x.createDecorationsCollection(s);
   }
-  function L(E, v) {
-    var s, w, m, p, O, c;
-    I.current = E, h.current = v, E.setValue(e), x(E), (m = (w = (s = v.languages.typescript) == null ? void 0 : s.typescriptDefaults) == null ? void 0 : w.setDiagnosticsOptions) == null || m.call(w, {
+  function L(x, h) {
+    var s, w, S, p, m, c;
+    $.current = x, b.current = h, x.setValue(e), j(x), (S = (w = (s = h.languages.typescript) == null ? void 0 : s.typescriptDefaults) == null ? void 0 : w.setDiagnosticsOptions) == null || S.call(w, {
       noSuggestionDiagnostics: !0,
       noSyntaxValidation: !0,
       noSemanticValidation: !0
-    }), (c = (O = (p = v.languages.typescript) == null ? void 0 : p.javascriptDefaults) == null ? void 0 : O.setDiagnosticsOptions) == null || c.call(O, {
+    }), (c = (m = (p = h.languages.typescript) == null ? void 0 : p.javascriptDefaults) == null ? void 0 : m.setDiagnosticsOptions) == null || c.call(m, {
       noSuggestionDiagnostics: !0,
       noSyntaxValidation: !0,
       noSemanticValidation: !0
-    }), D();
+    }), T();
   }
   N(() => {
-    b == null || b.setValue(e);
+    y == null || y.setValue(e);
   }, [e]);
-  const { theme: j } = ce({ monacoRef: h, themeConfig: r, editor: b, theme: i }), T = V(
-    () => Be({
+  const { theme: I } = ce({ monacoRef: b, themeConfig: r, editor: y, theme: i }), D = V(
+    () => Ke({
       instanceId: f.current,
       lineNumbersPosition: n
     }),
     [o]
   );
-  ke(() => {
+  Ve(() => {
     g.current && g.current.style.setProperty("--line-number-display", "none");
   }, []), N(() => {
     if (n === "center" && g.current) {
-      const E = g.current.getElementsByClassName("lines-content")[0];
-      if (E) {
-        const v = { attributes: !0 }, s = () => {
-          const m = parseInt(getComputedStyle(E).left);
-          g.current && (g.current.style.setProperty("--line-number-offset", `${ve + 16 + m}px`), g.current.style.setProperty("--line-number-display", "block"));
+      const x = g.current.getElementsByClassName("lines-content")[0];
+      if (x) {
+        const h = { attributes: !0 }, s = () => {
+          const S = parseInt(getComputedStyle(x).left);
+          g.current && (g.current.style.setProperty("--line-number-offset", `${ye + 16 + S}px`), g.current.style.setProperty("--line-number-display", "block"));
         }, w = new MutationObserver(s);
-        return w.observe(E, v), s(), () => {
+        return w.observe(x, h), s(), () => {
           w.disconnect();
         };
       }
@@ -1044,33 +1044,33 @@ function rn({
         display: var(--line-number-display);
         left: var(--line-number-offset);
         pointer-events: none;
-      }`, []), M = V(() => `.monaco-editor-${f.current} .view-overlays {
-    clip-path: polygon(${ve + 16}px 0, 100% 0%, 100% 100%, ${ve + 16}px 100%);
+      }`, []), C = V(() => `.monaco-editor-${f.current} .view-overlays {
+    clip-path: polygon(${ye + 16}px 0, 100% 0%, 100% 100%, ${ye + 16}px 100%);
     height:100% !important;
-   }`, []), C = V(
+   }`, []), M = V(
     () => ({
       ...Nr,
       ...u
     }),
     [u]
-  ), $ = V(() => /* @__PURE__ */ A.jsx(
+  ), E = V(() => /* @__PURE__ */ A.jsx(
     "style",
     {
       dangerouslySetInnerHTML: {
-        __html: `${T} ${k} ${M}`
+        __html: `${D} ${k} ${C}`
       }
     }
-  ), [T, M, k]);
+  ), [D, C, k]);
   return /* @__PURE__ */ A.jsxs("div", { className: l, ref: g, children: [
-    $,
+    E,
     /* @__PURE__ */ A.jsx(
-      fe,
+      pe,
       {
         className: `monaco-editor-${f.current} overflow-hidden rounded-b-cn-3`,
         height: a,
         language: t,
-        theme: j,
-        options: C,
+        theme: I,
+        options: M,
         onMount: L
       }
     )
@@ -1114,24 +1114,24 @@ function Tr(e) {
   }, [t, r]);
 }
 function Dr(e) {
-  const { enable: t, editor: r, onSelectedLineChange: n, selectedLine: o, onSelectedLineButtonClick: i } = e, a = y(null), u = y(!1), l = y(null);
+  const { enable: t, editor: r, onSelectedLineChange: n, selectedLine: o, onSelectedLineButtonClick: i } = e, a = v(null), u = v(!1), l = v(null);
   l.current = l.current ?? (r == null ? void 0 : r.createDecorationsCollection([])) ?? null, N(() => {
     let d;
     const g = setTimeout(() => {
       if (!t || !r)
         return;
-      const f = (b) => {
-        var h, I, D, L;
-        if ((I = (h = b.target) == null ? void 0 : h.element) != null && I.classList.contains("CodeEditor_HighlightedGlyphMargin")) {
-          i == null || i((D = b.target) == null ? void 0 : D.element);
+      const f = (y) => {
+        var b, $, T, L;
+        if (($ = (b = y.target) == null ? void 0 : b.element) != null && $.classList.contains("CodeEditor_HighlightedGlyphMargin")) {
+          i == null || i((T = y.target) == null ? void 0 : T.element);
           return;
         }
-        const x = _r((L = b.target) == null ? void 0 : L.element);
-        if (!x) {
-          n == null || n(void 0), i == null || i(void 0), ye(r, l.current, void 0);
+        const j = _r((L = y.target) == null ? void 0 : L.element);
+        if (!j) {
+          n == null || n(void 0), i == null || i(void 0), be(r, l.current, void 0);
           return;
         }
-        u.current = !0, a.current = x, n == null || n(x), ye(r, l.current, x, !1), i == null || i(void 0);
+        u.current = !0, a.current = j, n == null || n(j), be(r, l.current, j, !1), i == null || i(void 0);
       };
       d = r.onMouseDown(f);
     }, 100);
@@ -1139,10 +1139,10 @@ function Dr(e) {
       clearTimeout(g), d == null || d.dispose();
     };
   }, [u, o, n, t, r, i, l]), N(() => {
-    r && a.current !== o && ye(r, l.current, o, !0);
+    r && a.current !== o && be(r, l.current, o, !0);
   }, [r, o, l]);
 }
-function ye(e, t, r, n) {
+function be(e, t, r, n) {
   if (!r) {
     t == null || t.set([]);
     return;
@@ -1191,7 +1191,7 @@ const kr = `.CodeEditor_HighlightedLine {
   padding: 7px 3px;
 }
 `;
-q.config({ monaco: F });
+B.config({ monaco: F });
 const Vr = {
   ...ae
 };
@@ -1208,71 +1208,71 @@ function nn({
   onSelectedLineButtonClick: d,
   highlightKeyword: g,
   height: f = "75vh",
-  className: b,
-  onMount: x
+  className: y,
+  onMount: j
 }) {
-  const h = y(Ee(5));
+  const b = v(xe(5));
   ie();
-  const [I, D] = R(), L = y(), j = y({ code: "", revisionId: 0 }), T = y(null), k = J(
-    (E, v) => {
-      var s, w, m, p, O, c;
-      T.current = E, L.current = v, E.setValue(e.code), D(E), (m = (w = (s = v.languages.typescript) == null ? void 0 : s.typescriptDefaults) == null ? void 0 : w.setDiagnosticsOptions) == null || m.call(w, {
+  const [$, T] = R(), L = v(), I = v({ code: "", revisionId: 0 }), D = v(null), k = J(
+    (x, h) => {
+      var s, w, S, p, m, c;
+      D.current = x, L.current = h, x.setValue(e.code), T(x), (S = (w = (s = h.languages.typescript) == null ? void 0 : s.typescriptDefaults) == null ? void 0 : w.setDiagnosticsOptions) == null || S.call(w, {
         noSuggestionDiagnostics: !0,
         noSyntaxValidation: !0,
         noSemanticValidation: !0
-      }), (c = (O = (p = v.languages.typescript) == null ? void 0 : p.javascriptDefaults) == null ? void 0 : O.setDiagnosticsOptions) == null || c.call(O, {
+      }), (c = (m = (p = h.languages.typescript) == null ? void 0 : p.javascriptDefaults) == null ? void 0 : m.setDiagnosticsOptions) == null || c.call(m, {
         noSuggestionDiagnostics: !0,
         noSyntaxValidation: !0,
         noSemanticValidation: !0
-      }), x == null || x(E, v);
+      }), j == null || j(x, h);
     },
-    [e.code, x]
+    [e.code, j]
   );
   N(() => {
-    var E, v;
-    if (T.current && (!e.revisionId || e.revisionId > Number((E = j.current) == null ? void 0 : E.revisionId))) {
-      const s = T.current.getModel();
-      s && (o != null && o.readOnly ? (v = T.current) == null || v.setValue(e.code) : (T.current.pushUndoStop(), T.current.executeEdits("edit", [
+    var x, h;
+    if (D.current && (!e.revisionId || e.revisionId > Number((x = I.current) == null ? void 0 : x.revisionId))) {
+      const s = D.current.getModel();
+      s && (o != null && o.readOnly ? (h = D.current) == null || h.setValue(e.code) : (D.current.pushUndoStop(), D.current.executeEdits("edit", [
         {
           range: s.getFullModelRange(),
           text: e.code
         }
-      ]), T.current.pushUndoStop()));
+      ]), D.current.pushUndoStop()));
     }
-  }, [e, o == null ? void 0 : o.readOnly, T]);
-  const { theme: M } = ce({ monacoRef: L, themeConfig: n, editor: I, theme: i });
+  }, [e, o == null ? void 0 : o.readOnly, D]);
+  const { theme: C } = ce({ monacoRef: L, themeConfig: n, editor: $, theme: i });
   Dr({
     enable: a,
-    editor: I,
+    editor: $,
     selectedLine: u,
     onSelectedLineChange: l,
     onSelectedLineButtonClick: d
-  }), Tr({ editor: I, keyword: g });
-  const C = V(() => ({
+  }), Tr({ editor: $, keyword: g });
+  const M = V(() => ({
     ...Vr,
     ...o || {}
     // TODO: this will be used in the future
     // ...(enableLinesSelection ? { glyphMargin: true } : {})
-  }), [o]), $ = V(() => `.monaco-editor-${h.current} .margin-view-overlays .line-numbers { cursor: pointer !important; } ${kr}`, []);
+  }), [o]), E = V(() => `.monaco-editor-${b.current} .margin-view-overlays .line-numbers { cursor: pointer !important; } ${kr}`, []);
   return /* @__PURE__ */ A.jsxs(A.Fragment, { children: [
-    a && /* @__PURE__ */ A.jsx("style", { dangerouslySetInnerHTML: { __html: $ } }),
+    a && /* @__PURE__ */ A.jsx("style", { dangerouslySetInnerHTML: { __html: E } }),
     /* @__PURE__ */ A.jsx(
-      fe,
+      pe,
       {
-        className: `monaco-editor-${h.current} ${b}`,
+        className: `monaco-editor-${b.current} ${y}`,
         height: f,
-        onChange: (E, v) => {
-          j.current = { code: E ?? "", revisionId: v.versionId }, t == null || t({ ...j.current }, v);
+        onChange: (x, h) => {
+          I.current = { code: x ?? "", revisionId: h.versionId }, t == null || t({ ...I.current }, h);
         },
         language: r,
-        theme: M,
-        options: C,
+        theme: C,
+        options: M,
         onMount: k
       }
     )
   ] });
 }
-q.config({ monaco: F });
+B.config({ monaco: F });
 const Ar = {
   ...ae,
   codeLens: !1,
@@ -1292,7 +1292,7 @@ function on({
   height: a = "75vh"
 }) {
   ie();
-  const [u, l] = R(), d = y(), { theme: g } = ce({ monacoRef: d, themeConfig: n, editor: u, theme: i }), f = V(() => ({ ...Ar, ...o || {} }), [o]);
+  const [u, l] = R(), d = v(), { theme: g } = ce({ monacoRef: d, themeConfig: n, editor: u, theme: i }), f = V(() => ({ ...Ar, ...o || {} }), [o]);
   return /* @__PURE__ */ A.jsx(A.Fragment, { children: /* @__PURE__ */ A.jsx(
     gr,
     {
@@ -1307,39 +1307,39 @@ function on({
     }
   ) });
 }
-var Ye = /* @__PURE__ */ ((e) => (e.ContainsPath = "ContainsPath", e))(Ye || {});
+var Ge = /* @__PURE__ */ ((e) => (e.ContainsPath = "ContainsPath", e))(Ge || {});
 function Hr(e) {
   const { pathSymbolMap: t, inlineActions: r = [], commandId: n } = e, o = Object.fromEntries(t.entries()), i = [];
   return r == null || r.forEach((a) => {
     const u = a.actions;
     a.selectors.forEach((d) => {
       switch (d.type) {
-        case Ye.ContainsPath: {
+        case Ge.ContainsPath: {
           d.paths.forEach((g) => {
-            let b = Object.keys(o).map((h) => ({
-              fullPath: h,
-              path: h,
-              symbol: o[h]
-            })).filter((h) => h.path.startsWith(d.basePath));
-            b = b.map((h) => ({
-              ...h,
-              path: h.path.substring(d.basePath.length)
-            })), b.filter((h) => g.test(h.path)).forEach((h) => {
-              const I = h.fullPath, D = h.symbol, L = D.range;
-              u.forEach((j) => {
-                const T = {
+            let y = Object.keys(o).map((b) => ({
+              fullPath: b,
+              path: b,
+              symbol: o[b]
+            })).filter((b) => b.path.startsWith(d.basePath));
+            y = y.map((b) => ({
+              ...b,
+              path: b.path.substring(d.basePath.length)
+            })), y.filter((b) => g.test(b.path)).forEach((b) => {
+              const $ = b.fullPath, T = b.symbol, L = T.range;
+              u.forEach((I) => {
+                const D = {
                   range: L,
-                  symbols: [D],
-                  onClick: j.onClick,
-                  data: j.data,
-                  path: I
+                  symbols: [T],
+                  onClick: I.onClick,
+                  data: I.data,
+                  path: $
                 };
                 i.push({
                   range: L,
                   command: {
                     id: n,
-                    title: j.title,
-                    arguments: [T]
+                    title: I.title,
+                    arguments: [D]
                   }
                 });
               });
@@ -1359,28 +1359,28 @@ const te = class te {
     return te.data;
   }
 };
-Pe(te, "data", {});
-let we = te;
-async function Ge(e) {
-  const t = we.get(), { documentSymbolProvider: r } = t.StandaloneServices.get(t.ILanguageFeaturesService);
+Ce(te, "data", {});
+let Oe = te;
+async function Ze(e) {
+  const t = Oe.get(), { documentSymbolProvider: r } = t.StandaloneServices.get(t.ILanguageFeaturesService);
   return await t.OutlineModel.create(r, e);
 }
-function Ze(e) {
+function Je(e) {
   const t = /* @__PURE__ */ new Map();
-  return xe({
+  return je({
     pathSymbolMap: t,
     parentPath: "",
     children: e.children,
-    parentKind: be.SymbolKind.Module
+    parentKind: we.SymbolKind.Module
   }), t;
 }
-function xe(e) {
+function je(e) {
   switch (e.parentKind) {
-    case be.SymbolKind.Module: {
+    case we.SymbolKind.Module: {
       Rr(e);
       break;
     }
-    case be.SymbolKind.Array: {
+    case we.SymbolKind.Array: {
       Ur(e);
       break;
     }
@@ -1392,7 +1392,7 @@ function Rr(e) {
   e.children.forEach((t) => {
     var n;
     let r = e.parentPath;
-    t.symbol && (r = e.parentPath ? `${e.parentPath}.${t.symbol.name}` : t.symbol.name, e.pathSymbolMap.set(r, t.symbol)), xe({
+    t.symbol && (r = e.parentPath ? `${e.parentPath}.${t.symbol.name}` : t.symbol.name, e.pathSymbolMap.set(r, t.symbol)), je({
       pathSymbolMap: e.pathSymbolMap,
       parentPath: r,
       children: t.children,
@@ -1404,7 +1404,7 @@ function Ur(e) {
   let t = 0;
   e.children.forEach((r) => {
     const n = e.parentPath ? `${e.parentPath}.${t}` : `${t}`;
-    e.pathSymbolMap.set(n, r.symbol), t += 1, xe({
+    e.pathSymbolMap.set(n, r.symbol), t += 1, je({
       pathSymbolMap: e.pathSymbolMap,
       parentPath: n,
       children: r.children,
@@ -1425,12 +1425,12 @@ function Fr({
 }) {
   N(() => F.languages.registerCodeLensProvider("yaml", {
     provideCodeLenses: async (n) => {
-      var l, d, g, f, b;
+      var l, d, g, f, y;
       if (((l = n == null ? void 0 : n.uri) == null ? void 0 : l.toString()) !== ((f = (g = (d = e.current) == null ? void 0 : d.getModel()) == null ? void 0 : g.uri) == null ? void 0 : f.toString()))
         return { lenses: [], dispose: () => {
         } };
-      const o = await Ge(n), i = Ze(o), a = (b = e == null ? void 0 : e.current) == null ? void 0 : b.addCommand(0, (x, { onClick: h, path: I, range: D, data: L }) => {
-        h({ path: I, range: D, data: L });
+      const o = await Ze(n), i = Je(o), a = (y = e == null ? void 0 : e.current) == null ? void 0 : y.addCommand(0, (j, { onClick: b, path: $, range: T, data: L }) => {
+        b({ path: $, range: T, data: L });
       });
       return a ? {
         lenses: Hr({ pathSymbolMap: i, inlineActions: t, commandId: a }),
@@ -1443,12 +1443,12 @@ function Fr({
 const Wr = ({ editorRef: e, selection: t }) => {
   const [r, n] = R(), o = V(
     () => async (i, a, u) => {
-      var b, x, h;
-      const l = (b = e == null ? void 0 : e.current) == null ? void 0 : b.getModel();
+      var y, j, b;
+      const l = (y = e == null ? void 0 : e.current) == null ? void 0 : y.getModel();
       if (!l || !a)
         return n(void 0);
-      const d = await Ge(l), f = (x = Ze(d).get(a)) == null ? void 0 : x.range;
-      f && (n(f), u && ((h = e == null ? void 0 : e.current) == null || h.revealLineInCenter(f.startLineNumber)));
+      const d = await Ze(l), f = (j = Je(d).get(a)) == null ? void 0 : j.range;
+      f && (n(f), u && ((b = e == null ? void 0 : e.current) == null || b.revealLineInCenter(f.startLineNumber)));
     },
     []
   );
@@ -1480,7 +1480,7 @@ const Wr = ({ editorRef: e, selection: t }) => {
     ]);
     return () => i == null ? void 0 : i.clear();
   }, [r, e, t == null ? void 0 : t.className]);
-}, Je = nt({
+}, Qe = nt({
   markers: [],
   setMarkers: () => {
   },
@@ -1500,7 +1500,7 @@ function an({
     [n]
   );
   return /* @__PURE__ */ A.jsx(
-    Je.Provider,
+    Qe.Provider,
     {
       value: {
         markers: t,
@@ -1513,11 +1513,11 @@ function an({
     }
   );
 }
-function Qe() {
-  return ot(Je);
+function Xe() {
+  return ot(Qe);
 }
 const qr = ({ monacoRef: e, editorRef: t, instanceId: r }) => {
-  const { setMarkers: n } = Qe();
+  const { setMarkers: n } = Xe();
   N(() => {
     let o;
     const i = setTimeout(() => {
@@ -1529,9 +1529,9 @@ const qr = ({ monacoRef: e, editorRef: t, instanceId: r }) => {
         if (!d)
           return;
         const g = d.uri.toString();
-        if (l.some((b) => b.toString() === g)) {
-          const b = F.editor.getModelMarkers({ resource: d.uri });
-          n(b);
+        if (l.some((y) => y.toString() === g)) {
+          const y = F.editor.getModelMarkers({ resource: d.uri });
+          n(y);
         }
       }));
     }, 100);
@@ -1542,15 +1542,15 @@ const qr = ({ monacoRef: e, editorRef: t, instanceId: r }) => {
 };
 function Br(e) {
   var n, o;
-  const t = ((o = (n = Me) == null ? void 0 : n.diagnosticsOptions) == null ? void 0 : o.schemas) ?? [], r = t.findIndex((i) => i.fileMatch[0] === e.fileMatch[0]);
-  r !== -1 ? t[r] = e : t.push(e), Xe(t);
+  const t = ((o = (n = Se) == null ? void 0 : n.diagnosticsOptions) == null ? void 0 : o.schemas) ?? [], r = t.findIndex((i) => i.fileMatch[0] === e.fileMatch[0]);
+  r !== -1 ? t[r] = e : t.push(e), et(t);
 }
 function Kr(e) {
   var n, o;
-  const r = (((o = (n = Me) == null ? void 0 : n.diagnosticsOptions) == null ? void 0 : o.schemas) ?? []).filter((i) => i.fileMatch[0] !== je(e));
-  Xe(r);
+  const r = (((o = (n = Se) == null ? void 0 : n.diagnosticsOptions) == null ? void 0 : o.schemas) ?? []).filter((i) => i.fileMatch[0] !== Pe(e));
+  et(r);
 }
-function Xe(e) {
+function et(e) {
   const t = {
     hover: !0,
     completion: !0,
@@ -1558,21 +1558,21 @@ function Xe(e) {
     validate: !0,
     schemas: e
   };
-  Me.setDiagnosticsOptions({ ...t });
+  Se.setDiagnosticsOptions({ ...t });
 }
-const je = (e) => it.parse(`file://${e}`).toString(), Yr = (e) => {
+const Pe = (e) => it.parse(`file://${e}`).toString(), Yr = (e) => {
   const { schemaConfig: t, instanceId: r } = e;
   N(() => {
     if (t != null && t.schema)
       return Br({
-        fileMatch: [je(r.toString())],
+        fileMatch: [Pe(r.toString())],
         ...t
       }), () => {
         Kr(r);
       };
   }, [t == null ? void 0 : t.schema, r]);
 };
-q.config({ monaco: F });
+B.config({ monaco: F });
 const Gr = {
   ...ae,
   folding: !0
@@ -1588,72 +1588,74 @@ const Gr = {
     options: d,
     animateOnUpdate: g = !1,
     onAnimateEnd: f,
-    instanceId: b,
-    height: x
-  } = t, h = ie(), [I] = R(b ?? `yaml-editor-${Math.random()}`), { editor: D, setEditor: L } = Qe(), j = y(null), T = y(), k = y({ yaml: "", revisionId: 0 }), M = y(null), C = y(null), $ = J(
-    (m) => {
-      var c, S, H;
-      const p = m.split(`
-`), O = (c = M.current) == null ? void 0 : c.getModel();
-      if (O) {
-        (S = M.current) == null || S.pushUndoStop(), O.setValue("");
+    instanceId: y,
+    height: j,
+    className: b
+  } = t, $ = ie(), [T] = R(y ?? `yaml-editor-${Math.random()}`), { editor: L, setEditor: I } = Xe(), D = v(null), k = v(), C = v({ yaml: "", revisionId: 0 }), M = v(null), E = v(null), x = J(
+    (p) => {
+      var O, H, q;
+      const m = p.split(`
+`), c = (O = M.current) == null ? void 0 : O.getModel();
+      if (c) {
+        (H = M.current) == null || H.pushUndoStop(), c.setValue("");
         let W = 0;
-        C.current = window.setInterval(() => {
-          var B;
-          W < p.length ? (h && ((B = M.current) == null || B.executeEdits("addLine", [
+        E.current = window.setInterval(() => {
+          var se;
+          W < m.length ? ($ && ((se = M.current) == null || se.executeEdits("addLine", [
             {
-              range: new h.Range(W + 1, 1, W + 1, 1),
-              text: p[W] + `
+              range: new $.Range(W + 1, 1, W + 1, 1),
+              text: m[W] + `
 `
             }
-          ])), W++) : C.current && (clearInterval(C.current), f == null || f());
-        }, 100), (H = M.current) == null || H.pushUndoStop();
+          ])), W++) : E.current && (clearInterval(E.current), f == null || f());
+        }, 100), (q = M.current) == null || q.pushUndoStop();
       }
     },
-    [h]
+    [$]
   );
   N(() => () => {
-    C.current && clearInterval(C.current);
+    E.current && clearInterval(E.current);
   }, []);
-  function E(m, p) {
-    M.current = m, T.current = p, m.setValue(r.yaml), L(m), setTimeout(() => {
-      var O;
-      (O = j.current) != null && O.style && (j.current.style.opacity = "1");
+  function h(p, m) {
+    M.current = p, k.current = m, p.setValue(r.yaml), I(p), setTimeout(() => {
+      var c;
+      (c = D.current) != null && c.style && (D.current.style.opacity = "1");
     }, 50);
   }
   N(() => {
-    var m;
-    if (M.current && (!r.revisionId || r.revisionId > Number((m = k.current) == null ? void 0 : m.revisionId))) {
-      const p = M.current.getModel();
-      p && (M.current.executeEdits("edit", [
+    var p;
+    if (M.current && (!r.revisionId || r.revisionId > Number((p = C.current) == null ? void 0 : p.revisionId))) {
+      const m = M.current.getModel();
+      m && (M.current.executeEdits("edit", [
         {
-          range: p.getFullModelRange(),
+          range: m.getFullModelRange(),
           text: g ? "" : r.yaml
         }
-      ]), g && $(r.yaml));
+      ]), g && x(r.yaml));
     }
-  }, [$, r, g]), Yr({ schemaConfig: n, instanceId: I }), Fr({ editorRef: M, inlineActions: o });
-  const { theme: v } = ce({ monacoRef: T, themeConfig: i, editor: D, theme: l });
-  qr({ monacoRef: T, editorRef: M, instanceId: I }), Wr({ editorRef: M, selection: u });
-  const s = V(() => je(I), []), w = V(
+  }, [x, r, g]), Yr({ schemaConfig: n, instanceId: T }), Fr({ editorRef: M, inlineActions: o });
+  const { theme: s } = ce({ monacoRef: k, themeConfig: i, editor: L, theme: l });
+  qr({ monacoRef: k, editorRef: M, instanceId: T }), Wr({ editorRef: M, selection: u });
+  const w = V(() => Pe(T), []), S = V(
     () => ({
       ...Gr,
       ...d
     }),
     [d]
   );
-  return /* @__PURE__ */ A.jsx("div", { style: { width: "100%", height: "100%", opacity: 0 }, ref: j, children: /* @__PURE__ */ A.jsx(
-    fe,
+  return /* @__PURE__ */ A.jsx("div", { style: { width: "100%", height: "100%", opacity: 0 }, ref: D, children: /* @__PURE__ */ A.jsx(
+    pe,
     {
-      onChange: (m, p) => {
-        k.current = { yaml: m ?? "", revisionId: p.versionId }, a({ ...k.current }, p);
+      className: b,
+      onChange: (p, m) => {
+        C.current = { yaml: p ?? "", revisionId: m.versionId }, a({ ...C.current }, m);
       },
       language: "yaml",
-      theme: v,
-      options: w,
-      path: s,
-      onMount: E,
-      height: x
+      theme: s,
+      options: S,
+      path: w,
+      onMount: h,
+      height: j
     }
   ) });
 };
@@ -1662,11 +1664,11 @@ export {
   rn as BlameEditorV2,
   on as CodeDiffEditor,
   nn as CodeEditor,
-  we as MonacoGlobals,
-  Ye as SelectorType,
+  Oe as MonacoGlobals,
+  Ge as SelectorType,
   cn as YamlEditor,
-  Je as YamlEditorContext,
+  Qe as YamlEditorContext,
   an as YamlEditorContextProvider,
-  Qe as useYamlEditorContext
+  Xe as useYamlEditorContext
 };
 //# sourceMappingURL=index.js.map