@sheetxl/studio-vanilla 0.4.13 → 0.4.15

package/{cdn/assets/DFHruAftzuzBZ71r.js → browser/esm/azuJCFiVoU4Ebb9P.mjs}

@@ -1,6 +1,6 @@
-import { r as c, z as T } from "./BlYoycYtR-sUp0iC.js";
+import { r as c, y as T } from "./Beqd_eZheAqcy9eR.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.13
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.15
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -149,9 +149,9 @@ var X, de = function(e) {
     }(u), u(r.current);
   }, function(u) {
     (function() {
-      for (var s = arguments.length, y = new Array(s), O = 0; O < s; O++) y[O] = arguments[O];
+      for (var s = arguments.length, p = new Array(s), O = 0; O < s; O++) p[O] = arguments[O];
       return function(b) {
-        return y.reduceRight(function(E, P) {
+        return p.reduceRight(function(E, P) {
           return P(E);
         }, b);
       };
@@ -182,12 +182,12 @@ var X, de = function(e) {
 }(X) || function() {
   throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-}(), q = de[0], B = de[1];
+}(), z = de[0], B = de[1];
 function Me(e) {
   return document.body.appendChild(e);
 }
 function Ee(e) {
-  var t, r, n = q(function(i) {
+  var t, r, n = z(function(i) {
     return { config: i.config, reject: i.reject };
   }), o = (t = "".concat(n.config.paths.vs, "/loader.js"), r = document.createElement("script"), t && (r.src = t), r);
   return o.onload = function() {
@@ -195,7 +195,7 @@ function Ee(e) {
   }, o.onerror = n.reject, o;
 }
 function Pe() {
-  var e = q(function(r) {
+  var e = z(function(r) {
     return { config: r.config, resolve: r.resolve, reject: r.reject };
   }), t = window.require;
   t.config(e.config), t(["vs/editor/editor.main"], function(r) {
@@ -205,7 +205,7 @@ function Pe() {
   });
 }
 function ge(e) {
-  q().monaco || B({ monaco: e });
+  z().monaco || B({ monaco: e });
 }
 var Z = new Promise(function(e, t) {
   return B({ resolve: e, reject: t });
@@ -222,8 +222,8 @@ var Z = new Promise(function(e, t) {
       return S;
     }(o, i);
     if (Object.getOwnPropertySymbols) {
-      var y = Object.getOwnPropertySymbols(o);
-      for (u = 0; u < y.length; u++) a = y[u], i.indexOf(a) >= 0 || Object.prototype.propertyIsEnumerable.call(o, a) && (s[a] = o[a]);
+      var p = Object.getOwnPropertySymbols(o);
+      for (u = 0; u < p.length; u++) a = p[u], i.indexOf(a) >= 0 || Object.prototype.propertyIsEnumerable.call(o, a) && (s[a] = o[a]);
     }
     return s;
   }(t, ["monaco"]);
@@ -231,7 +231,7 @@ var Z = new Promise(function(e, t) {
     return { config: fe(o.config, n), monaco: r };
   });
 }, init: function() {
-  var e = q(function(t) {
+  var e = z(function(t) {
     return { monaco: t.monaco, isInitialized: t.isInitialized, resolve: t.resolve };
   });
   if (!e.isInitialized) {
@@ -248,7 +248,7 @@ var Z = new Promise(function(e, t) {
   }
   return W(Z);
 }, __getMonacoInstance: function() {
-  return q(function(e) {
+  return z(function(e) {
     return e.monaco;
   });
 } }, Re = { display: "flex", position: "relative", textAlign: "initial" }, Se = { width: "100%" }, ke = { display: "none" }, xe = { container: { display: "flex", height: "100%", width: "100%", justifyContent: "center", alignItems: "center" } }, Ie = function({ children: e }) {
@@ -263,59 +263,56 @@ var Z = new Promise(function(e, t) {
     n.current = !1;
   } : e, t);
 };
-function z() {
+function q() {
 }
 function I(e, t, r, n) {
-  return function(o, i) {
-    return o.editor.getModel(le(o, i));
-  }(e, n) || function(o, i, a, u) {
-    return o.editor.createModel(i, a, u ? le(o, u) : void 0);
-  }(e, t, r, n);
+  return p = n, (s = e).editor.getModel(le(s, p)) || (i = t, a = r, u = n, (o = e).editor.createModel(i, a, u ? le(o, u) : void 0));
+  var o, i, a, u, s, p;
 }
 function le(e, t) {
   return e.Uri.parse(t);
 }
-var Ae = c.memo(function({ original: e, modified: t, language: r, originalLanguage: n, modifiedLanguage: o, originalModelPath: i, modifiedModelPath: a, keepCurrentOriginalModel: u = !1, keepCurrentModifiedModel: s = !1, theme: y = "light", loading: O = "Loading...", options: b = {}, height: E = "100%", width: P = "100%", className: S, wrapperProps: k = {}, beforeMount: $ = z, onMount: G = z }) {
-  let [w, C] = c.useState(!1), [A, h] = c.useState(!0), m = c.useRef(null), d = c.useRef(null), D = c.useRef(null), v = c.useRef(G), l = c.useRef($), x = c.useRef(!1);
+var Ae = c.memo(function({ original: e, modified: t, language: r, originalLanguage: n, modifiedLanguage: o, originalModelPath: i, modifiedModelPath: a, keepCurrentOriginalModel: u = !1, keepCurrentModifiedModel: s = !1, theme: p = "light", loading: O = "Loading...", options: b = {}, height: E = "100%", width: P = "100%", className: S, wrapperProps: k = {}, beforeMount: $ = q, onMount: G = q }) {
+  let [w, C] = c.useState(!1), [A, m] = c.useState(!0), y = c.useRef(null), d = c.useRef(null), D = c.useRef(null), v = c.useRef(G), l = c.useRef($), x = c.useRef(!1);
   ee(() => {
     let f = Y.init();
-    return f.then((g) => (d.current = g) && h(!1)).catch((g) => g?.type !== "cancelation" && console.error("Monaco initialization: error:", g)), () => m.current ? function() {
-      let g = m.current?.getModel();
-      u || g?.original?.dispose(), s || g?.modified?.dispose(), m.current?.dispose();
+    return f.then((g) => (d.current = g) && m(!1)).catch((g) => g?.type !== "cancelation" && console.error("Monaco initialization: error:", g)), () => y.current ? function() {
+      let g = y.current?.getModel();
+      u || g?.original?.dispose(), s || g?.modified?.dispose(), y.current?.dispose();
     }() : f.cancel();
   }), j(() => {
-    if (m.current && d.current) {
-      let f = m.current.getOriginalEditor(), g = I(d.current, e || "", n || r || "text", i || "");
+    if (y.current && d.current) {
+      let f = y.current.getOriginalEditor(), g = I(d.current, e || "", n || r || "text", i || "");
       g !== f.getModel() && f.setModel(g);
     }
   }, [i], w), j(() => {
-    if (m.current && d.current) {
-      let f = m.current.getModifiedEditor(), g = I(d.current, t || "", o || r || "text", a || "");
+    if (y.current && d.current) {
+      let f = y.current.getModifiedEditor(), g = I(d.current, t || "", o || r || "text", a || "");
       g !== f.getModel() && f.setModel(g);
     }
   }, [a], w), j(() => {
-    let f = m.current.getModifiedEditor();
+    let f = y.current.getModifiedEditor();
     f.getOption(d.current.editor.EditorOption.readOnly) ? f.setValue(t || "") : t !== f.getValue() && (f.executeEdits("", [{ range: f.getModel().getFullModelRange(), text: t || "", forceMoveMarkers: !0 }]), f.pushUndoStop());
   }, [t], w), j(() => {
-    m.current?.getModel()?.original.setValue(e || "");
+    y.current?.getModel()?.original.setValue(e || "");
   }, [e], w), j(() => {
-    let { original: f, modified: g } = m.current.getModel();
+    let { original: f, modified: g } = y.current.getModel();
     d.current.editor.setModelLanguage(f, n || r || "text"), d.current.editor.setModelLanguage(g, o || r || "text");
   }, [r, n, o], w), j(() => {
-    d.current?.editor.setTheme(y);
-  }, [y], w), j(() => {
-    m.current?.updateOptions(b);
+    d.current?.editor.setTheme(p);
+  }, [p], w), j(() => {
+    y.current?.updateOptions(b);
   }, [b], w);
   let _ = c.useCallback(() => {
     if (!d.current) return;
     l.current(d.current);
     let f = I(d.current, e || "", n || r || "text", i || ""), g = I(d.current, t || "", o || r || "text", a || "");
-    m.current?.setModel({ original: f, modified: g });
+    y.current?.setModel({ original: f, modified: g });
   }, [r, t, o, e, n, i, a]), N = c.useCallback(() => {
-    !x.current && D.current && (m.current = d.current.editor.createDiffEditor(D.current, { automaticLayout: !0, ...b }), _(), d.current?.editor.setTheme(y), C(!0), x.current = !0);
-  }, [b, y, _]);
+    !x.current && D.current && (y.current = d.current.editor.createDiffEditor(D.current, { automaticLayout: !0, ...b }), _(), d.current?.editor.setTheme(p), C(!0), x.current = !0);
+  }, [b, p, _]);
   return c.useEffect(() => {
-    w && v.current(m.current, d.current);
+    w && v.current(y.current, d.current);
   }, [w]), c.useEffect(() => {
     !A && !w && N();
   }, [A, w, N]), T.createElement(pe, { width: P, height: E, isEditorReady: w, loading: O, _ref: D, className: S, wrapperProps: k });
@@ -327,49 +324,49 @@ var Ae = c.memo(function({ original: e, modified: t, language: r, originalLangua
       t(n);
     })), () => r?.cancel();
   }), e;
-}, F = /* @__PURE__ */ new Map(), Te = c.memo(function({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: n, language: o, path: i, theme: a = "light", line: u, loading: s = "Loading...", options: y = {}, overrideServices: O = {}, saveViewState: b = !0, keepCurrentModel: E = !1, width: P = "100%", height: S = "100%", className: k, wrapperProps: $ = {}, beforeMount: G = z, onMount: w = z, onChange: C, onValidate: A = z }) {
-  let [h, m] = c.useState(!1), [d, D] = c.useState(!0), v = c.useRef(null), l = c.useRef(null), x = c.useRef(null), _ = c.useRef(w), N = c.useRef(G), f = c.useRef(), g = c.useRef(n), he = function(p) {
+}, F = /* @__PURE__ */ new Map(), Te = c.memo(function({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: n, language: o, path: i, theme: a = "light", line: u, loading: s = "Loading...", options: p = {}, overrideServices: O = {}, saveViewState: b = !0, keepCurrentModel: E = !1, width: P = "100%", height: S = "100%", className: k, wrapperProps: $ = {}, beforeMount: G = q, onMount: w = q, onChange: C, onValidate: A = q }) {
+  let [m, y] = c.useState(!1), [d, D] = c.useState(!0), v = c.useRef(null), l = c.useRef(null), x = c.useRef(null), _ = c.useRef(w), N = c.useRef(G), f = c.useRef(), g = c.useRef(n), he = function(h) {
     let M = c.useRef();
     return c.useEffect(() => {
-      M.current = p;
-    }, [p]), M.current;
+      M.current = h;
+    }, [h]), M.current;
   }(i), te = c.useRef(!1), H = c.useRef(!1);
   ee(() => {
-    let p = Y.init();
-    return p.then((M) => (v.current = M) && D(!1)).catch((M) => M?.type !== "cancelation" && console.error("Monaco initialization: error:", M)), () => l.current ? (f.current?.dispose(), E ? b && F.set(i, l.current.saveViewState()) : l.current.getModel()?.dispose(), void l.current.dispose()) : p.cancel();
+    let h = Y.init();
+    return h.then((M) => (v.current = M) && D(!1)).catch((M) => M?.type !== "cancelation" && console.error("Monaco initialization: error:", M)), () => l.current ? (f.current?.dispose(), E ? b && F.set(i, l.current.saveViewState()) : l.current.getModel()?.dispose(), void l.current.dispose()) : h.cancel();
   }), j(() => {
-    let p = I(v.current, e || n || "", t || o || "", i || r || "");
-    p !== l.current?.getModel() && (b && F.set(he, l.current?.saveViewState()), l.current?.setModel(p), b && l.current?.restoreViewState(F.get(i)));
-  }, [i], h), j(() => {
-    l.current?.updateOptions(y);
-  }, [y], h), j(() => {
+    let h = I(v.current, e || n || "", t || o || "", i || r || "");
+    h !== l.current?.getModel() && (b && F.set(he, l.current?.saveViewState()), l.current?.setModel(h), b && l.current?.restoreViewState(F.get(i)));
+  }, [i], m), j(() => {
+    l.current?.updateOptions(p);
+  }, [p], m), j(() => {
     !l.current || n === void 0 || (l.current.getOption(v.current.editor.EditorOption.readOnly) ? l.current.setValue(n) : n !== l.current.getValue() && (H.current = !0, l.current.executeEdits("", [{ range: l.current.getModel().getFullModelRange(), text: n, forceMoveMarkers: !0 }]), l.current.pushUndoStop(), H.current = !1));
-  }, [n], h), j(() => {
-    let p = l.current?.getModel();
-    p && o && v.current?.editor.setModelLanguage(p, o);
-  }, [o], h), j(() => {
+  }, [n], m), j(() => {
+    let h = l.current?.getModel();
+    h && o && v.current?.editor.setModelLanguage(h, o);
+  }, [o], m), j(() => {
     u !== void 0 && l.current?.revealLine(u);
-  }, [u], h), j(() => {
+  }, [u], m), j(() => {
     v.current?.editor.setTheme(a);
-  }, [a], h);
+  }, [a], m);
   let re = c.useCallback(() => {
     if (x.current && v.current && !te.current) {
       N.current(v.current);
-      let p = i || r, M = I(v.current, n || e || "", t || o || "", p || "");
-      l.current = v.current?.editor.create(x.current, { model: M, automaticLayout: !0, ...y }, O), b && l.current.restoreViewState(F.get(p)), v.current.editor.setTheme(a), u !== void 0 && l.current.revealLine(u), m(!0), te.current = !0;
+      let h = i || r, M = I(v.current, n || e || "", t || o || "", h || "");
+      l.current = v.current?.editor.create(x.current, { model: M, automaticLayout: !0, ...p }, O), b && l.current.restoreViewState(F.get(h)), v.current.editor.setTheme(a), u !== void 0 && l.current.revealLine(u), y(!0), te.current = !0;
     }
-  }, [e, t, r, n, o, i, y, O, b, a, u]);
+  }, [e, t, r, n, o, i, p, O, b, a, u]);
   return c.useEffect(() => {
-    h && _.current(l.current, v.current);
-  }, [h]), c.useEffect(() => {
-    !d && !h && re();
-  }, [d, h, re]), g.current = n, c.useEffect(() => {
-    h && C && (f.current?.dispose(), f.current = l.current?.onDidChangeModelContent((p) => {
-      H.current || C(l.current.getValue(), p);
+    m && _.current(l.current, v.current);
+  }, [m]), c.useEffect(() => {
+    !d && !m && re();
+  }, [d, m, re]), g.current = n, c.useEffect(() => {
+    m && C && (f.current?.dispose(), f.current = l.current?.onDidChangeModelContent((h) => {
+      H.current || C(l.current.getValue(), h);
     }));
-  }, [h, C]), c.useEffect(() => {
-    if (h) {
-      let p = v.current.editor.onDidChangeMarkers((M) => {
+  }, [m, C]), c.useEffect(() => {
+    if (m) {
+      let h = v.current.editor.onDidChangeMarkers((M) => {
         let J = l.current.getModel()?.uri;
         if (J && M.find((K) => K.path === J.path)) {
           let K = v.current.editor.getModelMarkers({ resource: J });
@@ -377,12 +374,12 @@ var Ae = c.memo(function({ original: e, modified: t, language: r, originalLangua
         }
       });
       return () => {
-        p?.dispose();
+        h?.dispose();
       };
     }
     return () => {
     };
-  }, [h, A]), T.createElement(pe, { width: P, height: S, isEditorReady: h, loading: s, _ref: x, className: k, wrapperProps: $ });
+  }, [m, A]), T.createElement(pe, { width: P, height: S, isEditorReady: m, loading: s, _ref: x, className: k, wrapperProps: $ });
 }), Ve = Te;
 export {
   Ae as DiffEditor,