@ws-ui/code-editor 0.2.23 → 0.2.25

package/dist/index.es.js

@@ -1,25 +1,25 @@
-var ve = Object.defineProperty;
-var Se = (n, e, t) => e in n ? ve(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var F = (n, e, t) => (Se(n, typeof e != "symbol" ? e + "" : e, t), t);
-import { jsxs as D, jsx as x, Fragment as ye } from "react/jsx-runtime";
-import E, { useEffect as J, createContext as oe, useState as z, useRef as te, useContext as re, memo as Ne } from "react";
-import { loader as xe, useMonaco as Re, Editor as we } from "@monaco-editor/react";
-import { lspSubject as ke, LspActions as X, hasAttributesString as se, HTTP_HANDLERS_PATH as Le, FileFolderType as We } from "@ws-ui/shared";
-import { MonacoLanguageClient as Fe } from "monaco-languageclient";
-import { mergeServices as Ze, initServices as je } from "monaco-languageclient/vscode/services";
-import Xe, { initUserConfiguration as Ke } from "@codingame/monaco-vscode-configuration-service-override";
+var Se = Object.defineProperty;
+var ye = (n, e, t) => e in n ? Se(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var F = (n, e, t) => (ye(n, typeof e != "symbol" ? e + "" : e, t), t);
+import { jsxs as J, jsx as w, Fragment as Ne } from "react/jsx-runtime";
+import T, { useEffect as M, createContext as re, useState as _, useRef as ne, useContext as se, memo as Re } from "react";
+import { loader as xe, useMonaco as we, Editor as ke } from "@monaco-editor/react";
+import { lspSubject as Le, LspActions as X, hasAttributesString as le, HTTP_HANDLERS_PATH as We, FileFolderType as Fe } from "@ws-ui/shared";
+import { MonacoLanguageClient as Ze } from "monaco-languageclient";
+import { mergeServices as je, initServices as Xe } from "monaco-languageclient/vscode/services";
+import Ee, { initUserConfiguration as Ke } from "@codingame/monaco-vscode-configuration-service-override";
 import Be from "@codingame/monaco-vscode-languages-service-override";
-import Ee from "@codingame/monaco-vscode-textmate-service-override";
+import Te from "@codingame/monaco-vscode-textmate-service-override";
 import "@codingame/monaco-vscode-theme-defaults-default-extension";
-import Te from "@codingame/monaco-vscode-editor-service-override";
-import Oe from "@codingame/monaco-vscode-theme-service-override";
-import * as l from "monaco-editor";
-import { Selection as Ge, KeyMod as O, KeyCode as G, editor as le, Range as De, Uri as Je, CancellationTokenSource as Me } from "monaco-editor";
+import Oe from "@codingame/monaco-vscode-editor-service-override";
+import De from "@codingame/monaco-vscode-theme-service-override";
+import * as s from "monaco-editor";
+import { Selection as Ge, KeyMod as D, KeyCode as G, editor as ae, Range as Je, Uri as Me, CancellationTokenSource as Pe } from "monaco-editor";
 import { Logger as Ve } from "monaco-languageclient/tools";
-import { ErrorAction as Pe, CloseAction as Ye } from "vscode-languageclient";
-import { WebSocketMessageReader as He, WebSocketMessageWriter as ze, toSocket as _e } from "vscode-ws-jsonrpc";
-import { DocumentDiagnosticRequest as $e, WillSaveTextDocumentNotification as Ue, TextDocumentSaveReason as qe, DidSaveTextDocumentNotification as Qe, WillCreateFilesRequest as et, WillRenameFilesRequest as tt, WillDeleteFilesRequest as nt, DidCreateFilesNotification as it, DidRenameFilesNotification as ot, DidDeleteFilesNotification as rt, SemanticTokensRegistrationType as st } from "vscode-languageserver-protocol";
-import { StandaloneServices as lt, ICodeEditorService as at } from "vscode/services";
+import { ErrorAction as Ye, CloseAction as He } from "vscode-languageclient";
+import { WebSocketMessageReader as ze, WebSocketMessageWriter as _e, toSocket as $e } from "vscode-ws-jsonrpc";
+import { DocumentDiagnosticRequest as Ue, WillSaveTextDocumentNotification as qe, TextDocumentSaveReason as Qe, DidSaveTextDocumentNotification as et, WillCreateFilesRequest as tt, WillRenameFilesRequest as nt, WillDeleteFilesRequest as it, DidCreateFilesNotification as ot, DidRenameFilesNotification as rt, DidDeleteFilesNotification as st, SemanticTokensRegistrationType as lt } from "vscode-languageserver-protocol";
+import { StandaloneServices as at, ICodeEditorService as gt } from "vscode/services";
 import { KeybindingsRegistry as q } from "vscode/monaco";
 import "@codingame/monaco-vscode-standalone-languages";
 import "@codingame/monaco-vscode-standalone-html-language-features";
@@ -30,14 +30,14 @@ import "@codingame/monaco-vscode-css-default-extension";
 import "@codingame/monaco-vscode-json-default-extension";
 import "@codingame/monaco-vscode-html-default-extension";
 import "@codingame/monaco-vscode-javascript-default-extension";
-import { registerExtension as gt } from "vscode/extensions";
-const ct = () => Xe(), ut = () => Te(
+import { registerExtension as ct } from "vscode/extensions";
+const ut = () => Ee(), dt = () => Oe(
   () => Promise.resolve(void 0)
-), dt = () => {
-  const n = Oe(), e = n.themeService.ctor.prototype;
+), It = () => {
+  const n = De(), e = n.themeService.ctor.prototype;
   return e.defineTheme = () => {
   }, n;
-}, It = `{
+}, Ct = `{
   "workbench.colorTheme": "Default Dark+",
   "workbench.iconTheme": "vs-seti",
   "editor.autoClosingBrackets": "languageDefined",
@@ -122,31 +122,31 @@ const ct = () => Xe(), ut = () => Te(
     }
   }
 }
-`, Ct = () => Ke(It), mt = async (n) => {
+`, mt = () => Ke(Ct), ft = async (n) => {
   var o;
   const e = n.serviceConfig ?? {};
-  e.debugLogging = ((o = n.logger) == null ? void 0 : o.isEnabled()) === !0 && (e.debugLogging === !0 || n.logger.isDebugEnabled() === !0), await Ct(), e.userServices = e.userServices ?? {};
+  e.debugLogging = ((o = n.logger) == null ? void 0 : o.isEnabled()) === !0 && (e.debugLogging === !0 || n.logger.isDebugEnabled() === !0), await mt(), e.userServices = e.userServices ?? {};
   const t = e.userServices.configurationService ?? void 0, i = e.workspaceConfig ?? void 0;
   if (t === void 0) {
     if (i)
       throw new Error(
         "You provided a workspaceConfig without using the configurationServiceOverride"
       );
-    const a = {
+    const l = {
       // @see https://github.com/CodinGame/monaco-vscode-api#monaco-standalone-services
-      ...ct(),
-      ...dt(),
-      ...Ee(),
+      ...ut(),
+      ...It(),
+      ...Te(),
       ...Be(),
-      ...ut()
+      ...dt()
     };
-    Ze(a, e.userServices);
+    je(l, e.userServices);
   }
   return i || (e.workspaceConfig = {
     workspaceProvider: {
       trusted: !0,
       workspace: {
-        workspaceUri: l.Uri.file("/workspace")
+        workspaceUri: s.Uri.file("/workspace")
       },
       async open() {
         return !1;
@@ -154,7 +154,7 @@ const ct = () => Xe(), ut = () => Te(
     }
   }), e;
 };
-class ft extends He {
+class At extends ze {
   constructor(t, i) {
     super(t);
     F(this, "onMessage");
@@ -173,7 +173,7 @@ class ft extends He {
     }
   }
 }
-class At extends ze {
+class pt extends _e {
   constructor(t, i) {
     super(t);
     F(this, "onSend");
@@ -192,30 +192,30 @@ function j(n, e = !0) {
   const t = `/PACKAGE/Project/Sources/${n}`;
   return e ? `file://${t}` : t;
 }
-function ae(n, e = 0) {
+function ge(n, e = 0) {
   setTimeout(n, e);
 }
-function pt(n, e) {
+function bt(n, e) {
   const t = new Ge(
     e.startLineNumber,
     e.startColumn,
     e.endLineNumber || e.startLineNumber,
     e.endColumn || e.startColumn
   );
-  ae(() => {
+  ge(() => {
     n.setSelection(t), n.revealRangeInCenter(t), n.focus();
   });
 }
-function bt(n, e, t = 0) {
-  t > 0 && (e = t + e), ae(() => {
+function ht(n, e, t = 0) {
+  t > 0 && (e = t + e), ge(() => {
     n.setPosition({ lineNumber: e, column: 1 }), n.revealLineInCenter(e), n.focus();
   });
 }
-function Rn(n, e, t) {
+function wn(n, e, t) {
   const o = n.getModel();
   if (o && e) {
-    const a = o.getLineCount();
-    for (let r = 1; r <= a; r++) {
+    const l = o.getLineCount();
+    for (let r = 1; r <= l; r++) {
       const I = o.getLineContent(r);
       if (new RegExp(`(?:Function|function) ${t}`).test(I))
         return r;
@@ -223,15 +223,15 @@ function Rn(n, e, t) {
   }
   return 0;
 }
-const ht = {
+const vt = {
   provideCompletionItems: async (n, e) => {
     const t = n.getWordUntilPosition(e);
     return {
       suggestions: [
         {
           label: "var",
-          kind: l.languages.CompletionItemKind.Snippet,
-          range: new l.Range(
+          kind: s.languages.CompletionItemKind.Snippet,
+          range: new s.Range(
             e.lineNumber,
             t.startColumn,
             e.lineNumber,
@@ -239,12 +239,12 @@ const ht = {
           ),
           insertText: ["var ${1:var_name} : ${2:var_type}"].join(`
 `),
-          insertTextRules: l.languages.CompletionItemInsertTextRule.InsertAsSnippet
+          insertTextRules: s.languages.CompletionItemInsertTextRule.InsertAsSnippet
         },
         {
           label: "While",
-          kind: l.languages.CompletionItemKind.Snippet,
-          range: new l.Range(
+          kind: s.languages.CompletionItemKind.Snippet,
+          range: new s.Range(
             e.lineNumber,
             t.startColumn,
             e.lineNumber,
@@ -256,12 +256,12 @@ const ht = {
             "End while"
           ].join(`
 `),
-          insertTextRules: l.languages.CompletionItemInsertTextRule.InsertAsSnippet
+          insertTextRules: s.languages.CompletionItemInsertTextRule.InsertAsSnippet
         },
         {
           label: "Case of",
-          kind: l.languages.CompletionItemKind.Snippet,
-          range: new l.Range(
+          kind: s.languages.CompletionItemKind.Snippet,
+          range: new s.Range(
             e.lineNumber,
             t.startColumn,
             e.lineNumber,
@@ -274,12 +274,12 @@ const ht = {
             "End case"
           ].join(`
 `),
-          insertTextRules: l.languages.CompletionItemInsertTextRule.InsertAsSnippet
+          insertTextRules: s.languages.CompletionItemInsertTextRule.InsertAsSnippet
         },
         {
           label: "Else",
-          kind: l.languages.CompletionItemKind.Snippet,
-          range: new l.Range(
+          kind: s.languages.CompletionItemKind.Snippet,
+          range: new s.Range(
             e.lineNumber,
             t.startColumn,
             e.lineNumber,
@@ -287,12 +287,12 @@ const ht = {
           ),
           insertText: ["Else", "	"].join(`
 `),
-          insertTextRules: l.languages.CompletionItemInsertTextRule.InsertAsSnippet
+          insertTextRules: s.languages.CompletionItemInsertTextRule.InsertAsSnippet
         },
         {
           label: "If",
-          kind: l.languages.CompletionItemKind.Snippet,
-          range: new l.Range(
+          kind: s.languages.CompletionItemKind.Snippet,
+          range: new s.Range(
             e.lineNumber,
             t.startColumn,
             e.lineNumber,
@@ -302,12 +302,12 @@ const ht = {
             `
 `
           ),
-          insertTextRules: l.languages.CompletionItemInsertTextRule.InsertAsSnippet
+          insertTextRules: s.languages.CompletionItemInsertTextRule.InsertAsSnippet
         },
         {
           label: "For",
-          kind: l.languages.CompletionItemKind.Snippet,
-          range: new l.Range(
+          kind: s.languages.CompletionItemKind.Snippet,
+          range: new s.Range(
             e.lineNumber,
             t.startColumn,
             e.lineNumber,
@@ -319,12 +319,12 @@ const ht = {
             "End for"
           ].join(`
 `),
-          insertTextRules: l.languages.CompletionItemInsertTextRule.InsertAsSnippet
+          insertTextRules: s.languages.CompletionItemInsertTextRule.InsertAsSnippet
         },
         {
           label: "Function",
-          kind: l.languages.CompletionItemKind.Snippet,
-          range: new l.Range(
+          kind: s.languages.CompletionItemKind.Snippet,
+          range: new s.Range(
             e.lineNumber,
             t.startColumn,
             e.lineNumber,
@@ -335,20 +335,20 @@ const ht = {
             "	${5:body}"
           ].join(`
 `),
-          insertTextRules: l.languages.CompletionItemInsertTextRule.InsertAsSnippet
+          insertTextRules: s.languages.CompletionItemInsertTextRule.InsertAsSnippet
         }
       ]
     };
   }
-}, vt = {
+}, St = {
   provideCompletionItems: async (n, e) => {
     const t = n.getWordUntilPosition(e);
     return {
       suggestions: [
         {
           label: "var",
-          kind: l.languages.CompletionItemKind.Snippet,
-          range: new l.Range(
+          kind: s.languages.CompletionItemKind.Snippet,
+          range: new s.Range(
             e.lineNumber,
             t.startColumn,
             e.lineNumber,
@@ -356,12 +356,12 @@ const ht = {
           ),
           insertText: ["var ${1:var_name} : ${2:var_type}"].join(`
 `),
-          insertTextRules: l.languages.CompletionItemInsertTextRule.InsertAsSnippet
+          insertTextRules: s.languages.CompletionItemInsertTextRule.InsertAsSnippet
         },
         {
           label: "while",
-          kind: l.languages.CompletionItemKind.Snippet,
-          range: new l.Range(
+          kind: s.languages.CompletionItemKind.Snippet,
+          range: new s.Range(
             e.lineNumber,
             t.startColumn,
             e.lineNumber,
@@ -371,12 +371,12 @@ const ht = {
             `
 `
           ),
-          insertTextRules: l.languages.CompletionItemInsertTextRule.InsertAsSnippet
+          insertTextRules: s.languages.CompletionItemInsertTextRule.InsertAsSnippet
         },
         {
           label: "switch",
-          kind: l.languages.CompletionItemKind.Snippet,
-          range: new l.Range(
+          kind: s.languages.CompletionItemKind.Snippet,
+          range: new s.Range(
             e.lineNumber,
             t.startColumn,
             e.lineNumber,
@@ -389,12 +389,12 @@ const ht = {
             "end"
           ].join(`
 `),
-          insertTextRules: l.languages.CompletionItemInsertTextRule.InsertAsSnippet
+          insertTextRules: s.languages.CompletionItemInsertTextRule.InsertAsSnippet
         },
         {
           label: "else",
-          kind: l.languages.CompletionItemKind.Snippet,
-          range: new l.Range(
+          kind: s.languages.CompletionItemKind.Snippet,
+          range: new s.Range(
             e.lineNumber,
             t.startColumn,
             e.lineNumber,
@@ -402,12 +402,12 @@ const ht = {
           ),
           insertText: ["else", "	"].join(`
 `),
-          insertTextRules: l.languages.CompletionItemInsertTextRule.InsertAsSnippet
+          insertTextRules: s.languages.CompletionItemInsertTextRule.InsertAsSnippet
         },
         {
           label: "if",
-          kind: l.languages.CompletionItemKind.Snippet,
-          range: new l.Range(
+          kind: s.languages.CompletionItemKind.Snippet,
+          range: new s.Range(
             e.lineNumber,
             t.startColumn,
             e.lineNumber,
@@ -417,12 +417,12 @@ const ht = {
             `
 `
           ),
-          insertTextRules: l.languages.CompletionItemInsertTextRule.InsertAsSnippet
+          insertTextRules: s.languages.CompletionItemInsertTextRule.InsertAsSnippet
         },
         {
           label: "for",
-          kind: l.languages.CompletionItemKind.Snippet,
-          range: new l.Range(
+          kind: s.languages.CompletionItemKind.Snippet,
+          range: new s.Range(
             e.lineNumber,
             t.startColumn,
             e.lineNumber,
@@ -434,12 +434,12 @@ const ht = {
             "end"
           ].join(`
 `),
-          insertTextRules: l.languages.CompletionItemInsertTextRule.InsertAsSnippet
+          insertTextRules: s.languages.CompletionItemInsertTextRule.InsertAsSnippet
         },
         {
           label: "function",
-          kind: l.languages.CompletionItemKind.Snippet,
-          range: new l.Range(
+          kind: s.languages.CompletionItemKind.Snippet,
+          range: new s.Range(
             e.lineNumber,
             t.startColumn,
             e.lineNumber,
@@ -450,50 +450,50 @@ const ht = {
             "	${5:body}"
           ].join(`
 `),
-          insertTextRules: l.languages.CompletionItemInsertTextRule.InsertAsSnippet
+          insertTextRules: s.languages.CompletionItemInsertTextRule.InsertAsSnippet
         }
       ]
     };
   }
-}, St = [
+}, yt = [
   // zoom in
   {
-    keybinding: O.CtrlCmd | G.NumpadAdd,
+    keybinding: D.CtrlCmd | G.NumpadAdd,
     command: "editor.action.fontZoomIn"
   },
   {
-    keybinding: O.CtrlCmd | G.Equal,
+    keybinding: D.CtrlCmd | G.Equal,
     command: "editor.action.fontZoomIn"
   },
   // zoom out
   {
-    keybinding: O.CtrlCmd | G.NumpadSubtract,
+    keybinding: D.CtrlCmd | G.NumpadSubtract,
     command: "editor.action.fontZoomOut"
   },
   {
-    keybinding: O.CtrlCmd | G.Minus,
+    keybinding: D.CtrlCmd | G.Minus,
     command: "editor.action.fontZoomOut"
   },
   // zoom reset
   {
-    keybinding: O.CtrlCmd | G.Numpad0,
+    keybinding: D.CtrlCmd | G.Numpad0,
     command: "editor.action.fontZoomReset"
   },
   {
-    keybinding: O.CtrlCmd | G.Digit0,
+    keybinding: D.CtrlCmd | G.Digit0,
     command: "editor.action.fontZoomReset"
   }
-], yt = ({ defaultZoom: n }) => (J(() => {
-  n !== void 0 && le.EditorZoom.setZoomLevel(n);
+], Nt = ({ defaultZoom: n }) => (M(() => {
+  n !== void 0 && ae.EditorZoom.setZoomLevel(n);
 }, []), null);
 ({}).VITE_DISABLE_MONACO_LOADER || xe.config({
-  monaco: l
+  monaco: s
   // paths: {
   //   vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.41.0/min/vs",
   // },
 });
-var H = /* @__PURE__ */ ((n) => (n[n.NotSet = -1] = "NotSet", n[n.None = 0] = "None", n[n.Italic = 1] = "Italic", n[n.Bold = 2] = "Bold", n[n.Underline = 4] = "Underline", n[n.Strikethrough = 8] = "Strikethrough", n))(H || {}), ge = /* @__PURE__ */ ((n) => (n[n.None = 0] = "None", n[n.DefaultForeground = 1] = "DefaultForeground", n[n.DefaultBackground = 2] = "DefaultBackground", n))(ge || {}), ce = /* @__PURE__ */ ((n) => (n[n.Other = 0] = "Other", n[n.Comment = 1] = "Comment", n[n.String = 2] = "String", n[n.RegEx = 3] = "RegEx", n))(ce || {});
-class P {
+var z = /* @__PURE__ */ ((n) => (n[n.NotSet = -1] = "NotSet", n[n.None = 0] = "None", n[n.Italic = 1] = "Italic", n[n.Bold = 2] = "Bold", n[n.Underline = 4] = "Underline", n[n.Strikethrough = 8] = "Strikethrough", n))(z || {}), ce = /* @__PURE__ */ ((n) => (n[n.None = 0] = "None", n[n.DefaultForeground = 1] = "DefaultForeground", n[n.DefaultBackground = 2] = "DefaultBackground", n))(ce || {}), ue = /* @__PURE__ */ ((n) => (n[n.Other = 0] = "Other", n[n.Comment = 1] = "Comment", n[n.String = 2] = "String", n[n.RegEx = 3] = "RegEx", n))(ue || {});
+class Y {
   static getLanguageId(e) {
     return (e & 255) >>> 0;
   }
@@ -519,10 +519,10 @@ class P {
   }
   static getInlineStyleFromMetadata(e, t) {
     const i = this.getForeground(e), o = this.getFontStyle(e);
-    let a = `color: ${t[i]};`;
-    o & 1 && (a += "font-style: italic;"), o & 2 && (a += "font-weight: bold;");
+    let l = `color: ${t[i]};`;
+    o & 1 && (l += "font-style: italic;"), o & 2 && (l += "font-weight: bold;");
     let r = "";
-    return o & 4 && (r += " underline"), o & 8 && (r += " line-through"), r && (a += `text-decoration:${r};`), a;
+    return o & 4 && (r += " underline"), o & 8 && (r += " line-through"), r && (l += `text-decoration:${r};`), l;
   }
   static getPresentationFromMetadata(e) {
     const t = this.getForeground(e), i = this.getFontStyle(e);
@@ -535,43 +535,43 @@ class P {
     };
   }
 }
-function Nt(n, e, t, i) {
-  const o = t.tokens.data, a = n.getLanguageId();
+function Rt(n, e, t, i) {
+  const o = t.tokens.data, l = n.getLanguageId();
   let r = 0, I = 0;
-  const m = i.lineNumber - 1, h = i.column - 1;
-  for (let v = 0; v < o.length; v += 5) {
-    const A = o[v], f = o[v + 1], R = o[v + 2], y = o[v + 3], b = o[v + 4], S = r + A, g = A === 0 ? I + f : f;
-    if (m === S && g <= h && h < g + R) {
-      const N = t.legend.tokenTypes[y] || "not in legend (ignored)", k = [];
-      let s = b;
-      for (let M = 0; s > 0 && M < t.legend.tokenModifiers.length; M++)
-        s & 1 && k.push(t.legend.tokenModifiers[M]), s = s >> 1;
-      s > 0 && k.push("not in legend (ignored)");
-      const C = new De(
-        S + 1,
-        g + 1,
-        S + 1,
-        g + 1 + R
-      ), w = {}, L = e.getColorTheme().tokenColorMap, p = e.getColorTheme().getTokenStyleMetadata(
-        N,
+  const C = i.lineNumber - 1, S = i.column - 1;
+  for (let y = 0; y < o.length; y += 5) {
+    const p = o[y], m = o[y + 1], N = o[y + 2], x = o[y + 3], h = o[y + 4], R = r + p, f = p === 0 ? I + m : m;
+    if (C === R && f <= S && S < f + N) {
+      const k = t.legend.tokenTypes[x] || "not in legend (ignored)", A = [];
+      let a = h;
+      for (let P = 0; a > 0 && P < t.legend.tokenModifiers.length; P++)
+        a & 1 && A.push(t.legend.tokenModifiers[P]), a = a >> 1;
+      a > 0 && A.push("not in legend (ignored)");
+      const u = new Je(
+        R + 1,
+        f + 1,
+        R + 1,
+        f + 1 + N
+      ), v = {}, L = e.getColorTheme().tokenColorMap, b = e.getColorTheme().getTokenStyleMetadata(
         k,
-        a,
+        A,
+        l,
         !0,
-        w
+        v
       );
-      let _;
-      return p && (_ = {
+      let B;
+      return b && (B = {
         languageId: void 0,
-        tokenType: ce.Other,
-        bold: p == null ? void 0 : p.bold,
-        italic: p == null ? void 0 : p.italic,
-        underline: p == null ? void 0 : p.underline,
-        strikethrough: p == null ? void 0 : p.strikethrough,
-        foreground: L[(p == null ? void 0 : p.foreground) || ge.None],
+        tokenType: ue.Other,
+        bold: b == null ? void 0 : b.bold,
+        italic: b == null ? void 0 : b.italic,
+        underline: b == null ? void 0 : b.underline,
+        strikethrough: b == null ? void 0 : b.strikethrough,
+        foreground: L[(b == null ? void 0 : b.foreground) || ce.None],
         background: void 0
-      }), { type: N, modifiers: k, range: C, metadata: _, definitions: w };
+      }), { type: k, modifiers: A, range: u, metadata: B, definitions: v };
     }
-    r = S, I = g;
+    r = R, I = f;
   }
   return null;
 }
@@ -584,287 +584,287 @@ function xt(n, e, t) {
     ).ruleStack;
   return i;
 }
-function Rt(n, e, t) {
-  const i = n.getColorTheme().tokenColorMap, o = P.getLanguageId(t), a = P.getTokenType(t), r = P.getFontStyle(t), I = P.getForeground(t), m = P.getBackground(t);
+function wt(n, e, t) {
+  const i = n.getColorTheme().tokenColorMap, o = Y.getLanguageId(t), l = Y.getTokenType(t), r = Y.getFontStyle(t), I = Y.getForeground(t), C = Y.getBackground(t);
   return {
     languageId: e.languageIdCodec.decodeLanguageId(o),
-    tokenType: a,
-    bold: r & H.Bold ? !0 : void 0,
-    italic: r & H.Italic ? !0 : void 0,
-    underline: r & H.Underline ? !0 : void 0,
-    strikethrough: r & H.Strikethrough ? !0 : void 0,
+    tokenType: l,
+    bold: r & z.Bold ? !0 : void 0,
+    italic: r & z.Italic ? !0 : void 0,
+    underline: r & z.Underline ? !0 : void 0,
+    strikethrough: r & z.Strikethrough ? !0 : void 0,
     foreground: i[I],
-    background: i[m]
+    background: i[C]
   };
 }
-function wt(n, e, t) {
-  const i = t.lineNumber, o = n, a = o._tokenizationTextModelPart.grammarTokens._tokenizer.tokenizationSupport._actual._grammar, r = xt(n, a, i), I = a.tokenizeLine(
+function kt(n, e, t) {
+  const i = t.lineNumber, o = n, l = o._tokenizationTextModelPart.grammarTokens._tokenizer.tokenizationSupport._actual._grammar, r = xt(n, l, i), I = l.tokenizeLine(
     n.getLineContent(i),
     r
-  ), m = a.tokenizeLine2(
+  ), C = l.tokenizeLine2(
     n.getLineContent(i),
     r
   );
-  let h = 0;
-  for (let A = I.tokens.length - 1; A >= 0; A--) {
-    const f = I.tokens[A];
-    if (t.column - 1 >= f.startIndex) {
-      h = A;
+  let S = 0;
+  for (let p = I.tokens.length - 1; p >= 0; p--) {
+    const m = I.tokens[p];
+    if (t.column - 1 >= m.startIndex) {
+      S = p;
       break;
     }
   }
-  let v = 0;
-  for (let A = m.tokens.length >>> 1; A >= 0; A--)
-    if (t.column - 1 >= m.tokens[A << 1]) {
-      v = A;
+  let y = 0;
+  for (let p = C.tokens.length >>> 1; p >= 0; p--)
+    if (t.column - 1 >= C.tokens[p << 1]) {
+      y = p;
       break;
     }
   return {
-    token: I.tokens[h],
-    metadata: Rt(
+    token: I.tokens[S],
+    metadata: wt(
       e,
       o._languageService,
-      m.tokens[(v << 1) + 1]
+      C.tokens[(y << 1) + 1]
     )
   };
 }
-const ue = oe(void 0), wn = ({
+const de = re(void 0), kn = ({
   children: n,
   url: e,
   qodly: t,
   defaultZoom: i,
   openHandler: o,
-  language: a = "4d",
+  language: l = "4d",
   defaultInited: r = !1
 }) => {
-  const I = Re(), [m, h] = z(r), [v, A] = z(null), f = te(), R = te(0);
-  J(() => {
-    e && I && y();
+  const I = we(), [C, S] = _(r), [y, p] = _(null), m = ne(), N = ne(0);
+  M(() => {
+    e && I && x();
   }, [e, I]);
-  const y = async () => {
+  const x = async () => {
     if (!I)
       return;
     const d = new Ve({
       enabled: process.env.NODE_ENV === "development",
       debugEnabled: process.env.NODE_ENV === "development"
-    }), c = await mt({
+    }), g = await ft({
       logger: d
     });
-    await je({
+    await Xe({
       caller: "Qodly Code Editor",
       logger: d,
-      serviceConfig: c
-    }), o && lt.get(at).registerCodeEditorOpenHandler(o), I.languages.registerCompletionItemProvider(
-      a,
-      t ? vt : ht
+      serviceConfig: g
+    }), o && at.get(gt).registerCodeEditorOpenHandler(o), I.languages.registerCompletionItemProvider(
+      l,
+      t ? St : vt
     );
-    const u = q.getDefaultKeybindings.bind(q);
-    q.getDefaultKeybindings = () => u().filter(
+    const c = q.getDefaultKeybindings.bind(q);
+    q.getDefaultKeybindings = () => c().filter(
       (Z) => ![
         "workbench.action.files.saveAs",
         "workbench.action.files.save"
       ].includes(Z.command)
-    ), le.addKeybindingRules(St), b();
-  }, b = () => {
-    A(null);
+    ), ae.addKeybindingRules(yt), h();
+  }, h = () => {
+    p(null);
     let d;
     try {
       d = new WebSocket(localStorage.LSP_SERVER || e);
     } catch {
-      A(new Event("INVALID_URL"));
+      p(new Event("INVALID_URL"));
       return;
     }
-    d.onopen = S, d.onclose = g, d.onerror = N, R.current = 0;
-  }, S = async function() {
-    const d = _e(this), c = new ft(d), u = new At(d), W = new Fe({
+    d.onopen = R, d.onclose = f, d.onerror = k, N.current = 0;
+  }, R = async function() {
+    const d = $e(this), g = new At(d), c = new pt(d), W = new Ze({
       name: "4D Language Client",
       clientOptions: {
         workspaceFolder: {
-          uri: Je.parse("file:///PACKAGE")
+          uri: Me.parse("file:///PACKAGE")
         },
         // use a language id as a document selector
-        documentSelector: [{ scheme: "file", language: a }],
+        documentSelector: [{ scheme: "file", language: l }],
         // disable the default error handler
         errorHandler: {
-          error: () => ({ action: Pe.Continue }),
-          closed: () => ({ action: Ye.DoNotRestart })
+          error: () => ({ action: Ye.Continue }),
+          closed: () => ({ action: He.DoNotRestart })
         }
       },
       // create a language client connection from the JSON RPC connection on demand
       connectionProvider: {
         get: () => Promise.resolve({
-          reader: c,
-          writer: u
+          reader: g,
+          writer: c
         })
       }
     });
-    f.current = W;
+    m.current = W;
     const Z = W.sendRequest.bind(W);
-    f.current.sendRequest = function(T, V, U) {
-      return typeof T == "object" && T.method === "textDocument/diagnostic" && /file:\/\/\/PACKAGE\/Project\/Sources\/Methods\/__Debugger_.*/.test(
+    m.current.sendRequest = function(O, V, U) {
+      return typeof O == "object" && O.method === "textDocument/diagnostic" && /file:\/\/\/PACKAGE\/Project\/Sources\/Methods\/__Debugger_.*/.test(
         V.textDocument.uri
-      ) ? Promise.resolve() : Z(T, V, U);
-    }, c.onClose(() => {
-      W.stop(), R.current < 3 ? setTimeout(() => {
-        R.current++, b();
-      }, 1e3) : A(new Event("WEBSOCKET_CLOSED"));
-    }), W.needsStart() && await W.start(), h(!0);
-  }, g = () => {
-  }, N = (d) => {
-    A(d);
+      ) ? Promise.resolve() : Z(O, V, U);
+    }, g.onClose(() => {
+      W.stop(), N.current < 3 ? setTimeout(() => {
+        N.current++, h();
+      }, 1e3) : p(new Event("WEBSOCKET_CLOSED"));
+    }), W.needsStart() && await W.start(), S(!0);
+  }, f = () => {
+  }, k = (d) => {
+    p(d);
   };
-  J(() => {
-    const d = ke.subscribe(({ action: c, payload: u }) => {
-      switch (c) {
+  M(() => {
+    const d = Le.subscribe(({ action: g, payload: c }) => {
+      switch (g) {
         case X.WILL_SAVE:
-          L(u.filePath);
+          L(c.filePath);
           break;
         case X.DID_SAVE:
-          B(u.filePath, u.content);
+          K(c.filePath, c.content);
           break;
         case X.WILL_CREATE:
-          p(u.filePath);
+          b(c.filePath);
           break;
         case X.DID_CREATE:
-          fe(u.filePath);
+          Ae(c.filePath);
           break;
         case X.WILL_RENAME:
-          _(u.oldPath, u.newPath);
+          B(c.oldPath, c.newPath);
           break;
         case X.DID_RENAME:
-          Ae(u.oldPath, u.newPath);
+          pe(c.oldPath, c.newPath);
           break;
         case X.WILL_DELETE:
-          M(u.filePath);
+          P(c.filePath);
           break;
         case X.DID_DELETE:
-          pe(u.filePath);
+          be(c.filePath);
           break;
         case X.DIAGNOSTIC_REFRESH:
-          w(u.filePath);
+          v(c.filePath);
           break;
       }
     });
     return () => d.unsubscribe();
   }, []);
-  const k = (d) => {
-    var c, u;
-    return (u = (c = f.current) == null ? void 0 : c._features) == null ? void 0 : u.find(
+  const A = (d) => {
+    var g, c;
+    return (c = (g = m.current) == null ? void 0 : g._features) == null ? void 0 : c.find(
       (W) => {
         var Z;
         return ((Z = W._registrationType) == null ? void 0 : Z.method) === d;
       }
     );
-  }, s = (d) => {
-    const c = [], u = k(d);
-    if (u)
-      for (const [W, Z] of u._registrations)
-        Z.provider && c.push(Z.provider);
-    return c;
-  }, C = async (d, c, u) => {
-    var Z, T, V;
-    const W = s(
-      st.method
+  }, a = (d) => {
+    const g = [], c = A(d);
+    if (c)
+      for (const [W, Z] of c._registrations)
+        Z.provider && g.push(Z.provider);
+    return g;
+  }, u = async (d, g, c) => {
+    var Z, O, V;
+    const W = a(
+      lt.method
     );
     if (W[0]) {
-      const U = new Me(), Q = await Promise.resolve(
+      const U = new Pe(), ee = await Promise.resolve(
         W[0].full.provideDocumentSemanticTokens(
-          c,
+          g,
           U.token
         )
-      ), ee = d, be = Q ? Nt(
-        c,
-        ee._themeService,
+      ), te = d, he = ee ? Rt(
+        g,
+        te._themeService,
         {
-          tokens: Q,
-          legend: (V = (T = (Z = f.current) == null ? void 0 : Z._capabilities) == null ? void 0 : T.semanticTokensProvider) == null ? void 0 : V.legend
+          tokens: ee,
+          legend: (V = (O = (Z = m.current) == null ? void 0 : Z._capabilities) == null ? void 0 : O.semanticTokensProvider) == null ? void 0 : V.legend
         },
-        u
-      ) : null, he = wt(
-        c,
-        ee._themeService,
-        u
+        c
+      ) : null, ve = kt(
+        g,
+        te._themeService,
+        c
       );
       return {
-        semanticTokenInfo: be,
-        textmateTokenInfo: he
+        semanticTokenInfo: he,
+        textmateTokenInfo: ve
       };
     }
     return null;
-  }, w = (d) => {
-    if (f.current) {
-      const c = s(
-        $e.method
+  }, v = (d) => {
+    if (m.current) {
+      const g = a(
+        Ue.method
       );
-      for (const u of c)
-        u.onDidChangeDiagnosticsEmitter.fire();
+      for (const c of g)
+        c.onDidChangeDiagnosticsEmitter.fire();
     }
-  }, L = (d, c = qe.Manual) => {
-    var u;
-    (u = f.current) == null || u.sendNotification(Ue.type, {
+  }, L = (d, g = Qe.Manual) => {
+    var c;
+    (c = m.current) == null || c.sendNotification(qe.type, {
       textDocument: {
         uri: j(d)
       },
-      reason: c
+      reason: g
     });
-  }, B = (d, c) => {
-    var u;
-    (u = f.current) == null || u.sendNotification(Qe.type, {
+  }, K = (d, g) => {
+    var c;
+    (c = m.current) == null || c.sendNotification(et.type, {
       textDocument: {
         uri: j(d)
       },
-      text: c
+      text: g
     });
-  }, p = (d) => {
-    var c;
-    (c = f.current) == null || c.sendRequest(et.type, {
+  }, b = (d) => {
+    var g;
+    (g = m.current) == null || g.sendRequest(tt.type, {
       files: [
         {
           uri: j(d)
         }
       ]
     });
-  }, _ = (d, c) => {
-    var u;
-    (u = f.current) == null || u.sendRequest(tt.type, {
+  }, B = (d, g) => {
+    var c;
+    (c = m.current) == null || c.sendRequest(nt.type, {
       files: [
         {
           oldUri: j(d),
-          newUri: j(c)
+          newUri: j(g)
         }
       ]
     });
-  }, M = (d) => {
-    var c;
-    (c = f.current) == null || c.sendRequest(nt.type, {
+  }, P = (d) => {
+    var g;
+    (g = m.current) == null || g.sendRequest(it.type, {
       files: [
         {
           uri: j(d)
         }
       ]
     });
-  }, fe = (d) => {
-    var c;
-    (c = f.current) == null || c.sendNotification(it.type, {
+  }, Ae = (d) => {
+    var g;
+    (g = m.current) == null || g.sendNotification(ot.type, {
       files: [
         {
           uri: j(d)
         }
       ]
     });
-  }, Ae = (d, c) => {
-    var u;
-    (u = f.current) == null || u.sendNotification(ot.type, {
+  }, pe = (d, g) => {
+    var c;
+    (c = m.current) == null || c.sendNotification(rt.type, {
       files: [
         {
           oldUri: j(d),
-          newUri: j(c)
+          newUri: j(g)
         }
       ]
     });
-  }, pe = (d) => {
-    var c;
-    (c = f.current) == null || c.sendNotification(rt.type, {
+  }, be = (d) => {
+    var g;
+    (g = m.current) == null || g.sendNotification(st.type, {
       files: [
         {
           uri: j(d)
@@ -872,35 +872,35 @@ const ue = oe(void 0), wn = ({
       ]
     });
   };
-  return /* @__PURE__ */ D(
-    ue.Provider,
+  return /* @__PURE__ */ J(
+    de.Provider,
     {
       value: {
-        inited: m || !!v,
-        clientRef: f,
-        lastError: v,
-        reload: b,
-        getTokenAtPosition: C
+        inited: C || !!y,
+        clientRef: m,
+        lastError: y,
+        reload: h,
+        getTokenAtPosition: u
       },
       children: [
         n,
-        /* @__PURE__ */ x(yt, { defaultZoom: i })
+        /* @__PURE__ */ w(Nt, { defaultZoom: i })
       ]
     }
   );
 };
-function kn() {
-  const n = re(ue);
+function Ln() {
+  const n = se(de);
   if (n === void 0)
     throw new Error("useLSP must be used within an LSPContext");
   return n;
 }
-const de = oe(
+const Ie = re(
   void 0
-), Ln = Ne(({ children: n }) => {
-  const [e, t] = z(null);
-  return /* @__PURE__ */ x(
-    de.Provider,
+), Wn = Re(({ children: n }) => {
+  const [e, t] = _(null);
+  return /* @__PURE__ */ w(
+    Ie.Provider,
     {
       value: {
         editor: e,
@@ -910,8 +910,8 @@ const de = oe(
     }
   );
 });
-function kt() {
-  const n = re(de), e = z(null);
+function Lt() {
+  const n = se(Ie), e = _(null);
   if (n === void 0) {
     const [t, i] = e;
     return {
@@ -921,22 +921,22 @@ function kt() {
   }
   return n;
 }
-var Ie = {
+var Ce = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, ne = E.createContext && E.createContext(Ie), K = globalThis && globalThis.__assign || function() {
-  return K = Object.assign || function(n) {
+}, ie = T.createContext && T.createContext(Ce), E = globalThis && globalThis.__assign || function() {
+  return E = Object.assign || function(n) {
     for (var e, t = 1, i = arguments.length; t < i; t++) {
       e = arguments[t];
       for (var o in e)
         Object.prototype.hasOwnProperty.call(e, o) && (n[o] = e[o]);
     }
     return n;
-  }, K.apply(this, arguments);
-}, Lt = globalThis && globalThis.__rest || function(n, e) {
+  }, E.apply(this, arguments);
+}, Wt = globalThis && globalThis.__rest || function(n, e) {
   var t = {};
   for (var i in n)
     Object.prototype.hasOwnProperty.call(n, i) && e.indexOf(i) < 0 && (t[i] = n[i]);
@@ -945,64 +945,64 @@ var Ie = {
       e.indexOf(i[o]) < 0 && Object.prototype.propertyIsEnumerable.call(n, i[o]) && (t[i[o]] = n[i[o]]);
   return t;
 };
-function Ce(n) {
+function me(n) {
   return n && n.map(function(e, t) {
-    return E.createElement(e.tag, K({
+    return T.createElement(e.tag, E({
       key: t
-    }, e.attr), Ce(e.child));
+    }, e.attr), me(e.child));
   });
 }
-function me(n) {
+function fe(n) {
   return function(e) {
-    return E.createElement(Wt, K({
-      attr: K({}, n.attr)
-    }, e), Ce(n.child));
+    return T.createElement(Ft, E({
+      attr: E({}, n.attr)
+    }, e), me(n.child));
   };
 }
-function Wt(n) {
+function Ft(n) {
   var e = function(t) {
-    var i = n.attr, o = n.size, a = n.title, r = Lt(n, ["attr", "size", "title"]), I = o || t.size || "1em", m;
-    return t.className && (m = t.className), n.className && (m = (m ? m + " " : "") + n.className), E.createElement("svg", K({
+    var i = n.attr, o = n.size, l = n.title, r = Wt(n, ["attr", "size", "title"]), I = o || t.size || "1em", C;
+    return t.className && (C = t.className), n.className && (C = (C ? C + " " : "") + n.className), T.createElement("svg", E({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, t.attr, i, r, {
-      className: m,
-      style: K(K({
+      className: C,
+      style: E(E({
         color: n.color || t.color
       }, t.style), n.style),
       height: I,
       width: I,
       xmlns: "http://www.w3.org/2000/svg"
-    }), a && E.createElement("title", null, a), n.children);
+    }), l && T.createElement("title", null, l), n.children);
   };
-  return ne !== void 0 ? E.createElement(ne.Consumer, null, function(t) {
+  return ie !== void 0 ? T.createElement(ie.Consumer, null, function(t) {
     return e(t);
-  }) : e(Ie);
-}
-function Ft(n) {
-  return me({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 10.5858L9.17157 7.75736L7.75736 9.17157L10.5858 12L7.75736 14.8284L9.17157 16.2426L12 13.4142L14.8284 16.2426L16.2426 14.8284L13.4142 12L16.2426 9.17157L14.8284 7.75736L12 10.5858Z" } }] })(n);
+  }) : e(Ce);
 }
 function Zt(n) {
-  return me({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M449.07 399.08L278.64 82.58c-12.08-22.44-44.26-22.44-56.35 0L51.87 399.08A32 32 0 0080 446.25h340.89a32 32 0 0028.18-47.17zm-198.6-1.83a20 20 0 1120-20 20 20 0 01-20 20zm21.72-201.15l-5.74 122a16 16 0 01-32 0l-5.74-121.95a21.73 21.73 0 0121.5-22.69h.21a21.74 21.74 0 0121.73 22.7z" } }] })(n);
+  return fe({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 10.5858L9.17157 7.75736L7.75736 9.17157L10.5858 12L7.75736 14.8284L9.17157 16.2426L12 13.4142L14.8284 16.2426L16.2426 14.8284L13.4142 12L16.2426 9.17157L14.8284 7.75736L12 10.5858Z" } }] })(n);
 }
-const jt = ({
+function jt(n) {
+  return fe({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M449.07 399.08L278.64 82.58c-12.08-22.44-44.26-22.44-56.35 0L51.87 399.08A32 32 0 0080 446.25h340.89a32 32 0 0028.18-47.17zm-198.6-1.83a20 20 0 1120-20 20 20 0 01-20 20zm21.72-201.15l-5.74 122a16 16 0 01-32 0l-5.74-121.95a21.73 21.73 0 0121.5-22.69h.21a21.74 21.74 0 0121.73 22.7z" } }] })(n);
+}
+const Xt = ({
   lspProps: { lastError: n, reload: e }
 }) => {
-  const [t, i] = z(!1), o = () => {
+  const [t, i] = _(!1), o = () => {
     e();
-  }, a = () => {
+  }, l = () => {
     i(!1);
   };
-  return J(() => {
+  return M(() => {
     i(!!n);
-  }, [n]), t ? /* @__PURE__ */ D("div", { className: "flex items-center border-b border-fd-gray-darker bg-grey-800 px-2 py-1.5 text-xs text-grey-50", children: [
-    /* @__PURE__ */ D("span", { className: "flex flex-1 justify-center gap-1", children: [
-      /* @__PURE__ */ x(Zt, { className: "h-4 w-4 text-yellow-600" }),
-      /* @__PURE__ */ D("span", { children: [
+  }, [n]), t ? /* @__PURE__ */ J("div", { className: "flex items-center border-b border-fd-gray-darker bg-grey-800 px-2 py-1.5 text-xs text-grey-50", children: [
+    /* @__PURE__ */ J("span", { className: "flex flex-1 justify-center gap-1", children: [
+      /* @__PURE__ */ w(jt, { className: "h-4 w-4 text-yellow-600" }),
+      /* @__PURE__ */ J("span", { children: [
         "LSP not loaded.",
         " ",
-        /* @__PURE__ */ x(
+        /* @__PURE__ */ w(
           "button",
           {
             className: "text-primary-dark underline",
@@ -1012,24 +1012,24 @@ const jt = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ x("button", { className: "focus:outline-none", children: /* @__PURE__ */ x(
-      Ft,
+    /* @__PURE__ */ w("button", { className: "focus:outline-none", children: /* @__PURE__ */ w(
+      Zt,
       {
         className: "h-4 w-4 text-white",
-        onClick: a
+        onClick: l
       }
     ) })
   ] }) : null;
-}, Xt = {
+}, Et = {
   provideCompletionItems: (n, e) => {
     const t = n.getWordUntilPosition(e);
     return {
       suggestions: [
         {
           label: "device:xs",
-          kind: l.languages.CompletionItemKind.Snippet,
+          kind: s.languages.CompletionItemKind.Snippet,
           documentation: "Media query for phone device",
-          range: new l.Range(
+          range: new s.Range(
             e.lineNumber,
             t.startColumn,
             e.lineNumber,
@@ -1043,7 +1043,7 @@ const jt = ({
             "}"
           ].join(`
 `),
-          insertTextRules: l.languages.CompletionItemInsertTextRule.InsertAsSnippet
+          insertTextRules: s.languages.CompletionItemInsertTextRule.InsertAsSnippet
         }
       ]
     };
@@ -1316,10 +1316,10 @@ const jt = ({
       "ref"
     ]
   }
-}, Et = {
+}, Tt = {
   $ref: Kt,
   definitions: Bt
-}, Tt = "array", Ot = {
+}, Ot = "array", Dt = {
   type: "object",
   properties: {
     class: {
@@ -1336,111 +1336,111 @@ const jt = ({
     }
   }
 }, Gt = {
-  type: Tt,
-  items: Ot
+  type: Ot,
+  items: Dt
 };
-function Dt(n, e) {
+function Jt(n, e) {
   const t = document.createElement("style");
   t.dataset.id = e, t.textContent = n, document.head.append(t);
 }
-function Jt(n) {
+function Mt(n) {
   return Array.from(document.styleSheets).find(
     (e) => e.ownerNode.getAttribute("data-id") === n
   );
 }
-function Mt(n, e) {
+function Pt(n, e) {
   const t = [];
   let i = [];
-  const o = [], a = (s, C, w, L) => {
+  const o = [], l = (a, u, v, L) => {
     t.push({
-      startLineNumber: s,
-      endLineNumber: w,
-      startColumn: C,
+      startLineNumber: a,
+      endLineNumber: v,
+      startColumn: u,
       endColumn: L
-    }), h(), m();
-  }, r = (s) => {
-    o.indexOf(s) < 0 && o.push(s);
-  }, I = (s) => {
-    const C = o.indexOf(s);
-    C < 0 || o.splice(C, 1);
-  }, m = () => {
-    for (const s of o)
+    }), S(), C();
+  }, r = (a) => {
+    o.indexOf(a) < 0 && o.push(a);
+  }, I = (a) => {
+    const u = o.indexOf(a);
+    u < 0 || o.splice(u, 1);
+  }, C = () => {
+    for (const a of o)
       try {
-        s(i);
-      } catch (C) {
-        console.error(C);
+        a(i);
+      } catch (u) {
+        console.error(u);
       }
-  }, h = () => {
-    const s = n.getModel();
-    s && (i = Pt(
-      t.map((C) => [
-        s.getOffsetAt({
-          lineNumber: C.startLineNumber,
-          column: C.startColumn
+  }, S = () => {
+    const a = n.getModel();
+    a && (i = Yt(
+      t.map((u) => [
+        a.getOffsetAt({
+          lineNumber: u.startLineNumber,
+          column: u.startColumn
         }),
-        s.getOffsetAt({
-          lineNumber: C.endLineNumber,
-          column: C.endColumn
+        a.getOffsetAt({
+          lineNumber: u.endLineNumber,
+          column: u.endColumn
         })
       ]),
       /*mergeJoins*/
       !0
-    ), i.length > 0 && (i[0][0] <= 0 && (i[0][0] = Number.NEGATIVE_INFINITY), i[i.length - 1][1] >= s.getValueLength() && (i[i.length - 1][1] = Number.POSITIVE_INFINITY)));
-  }, v = (s) => {
-    const C = {
+    ), i.length > 0 && (i[0][0] <= 0 && (i[0][0] = Number.NEGATIVE_INFINITY), i[i.length - 1][1] >= a.getValueLength() && (i[i.length - 1][1] = Number.POSITIVE_INFINITY)));
+  }, y = (a) => {
+    const u = {
       isDeletion: !1,
       isAddition: !1,
       isReplacement: !1
     };
-    return s.text === "" ? C.isDeletion = !0 : s.range.startLineNumber === s.range.endLineNumber && s.range.startColumn === s.range.endColumn ? C.isAddition = !0 : C.isReplacement = !0, C;
-  }, A = n.onDidChangeModel((s) => {
-    h(), N();
-  }), f = n.onDidChangeModelContent((s) => {
-    if (!s.isUndoing)
-      for (const C of s.changes) {
-        const w = v(C);
-        if (w.isReplacement || w.isDeletion || w.isAddition) {
+    return a.text === "" ? u.isDeletion = !0 : a.range.startLineNumber === a.range.endLineNumber && a.range.startColumn === a.range.endColumn ? u.isAddition = !0 : u.isReplacement = !0, u;
+  }, p = n.onDidChangeModel((a) => {
+    S(), k();
+  }), m = n.onDidChangeModelContent((a) => {
+    if (!a.isUndoing)
+      for (const u of a.changes) {
+        const v = y(u);
+        if (v.isReplacement || v.isDeletion || v.isAddition) {
           const L = t.some(
-            (p) => C.range.startLineNumber >= p.startLineNumber && C.range.endLineNumber <= p.endLineNumber && C.range.startColumn >= p.startColumn && C.range.endColumn <= p.endColumn
-          ), B = !L && e && C.range.startLineNumber === 1 && C.range.startColumn === 1 && !se(C.text);
-          if (L || B) {
-            const p = n.getModel();
-            if (p) {
-              p.undo();
+            (b) => u.range.startLineNumber >= b.startLineNumber && u.range.endLineNumber <= b.endLineNumber && u.range.startColumn >= b.startColumn && u.range.endColumn <= b.endColumn
+          ), K = !L && e && u.range.startLineNumber === 1 && u.range.startColumn === 1 && !le(u.text);
+          if (L || K) {
+            const b = n.getModel();
+            if (b) {
+              b.undo();
               return;
             }
           }
         }
       }
-  }), R = () => {
-    A.dispose(), f.dispose();
+  }), N = () => {
+    p.dispose(), m.dispose();
   };
-  let y = [], b = `
+  let x = [], h = `
     .idoc-readonly-mark {
       cursor: not-allowed;
       z-index: 1;
     }
   `;
-  if (b) {
-    const s = "monaco-read-only";
-    Jt(s) || Dt(b, s), b = null;
+  if (h) {
+    const a = "monaco-read-only";
+    Mt(a) || Jt(h, a), h = null;
   }
-  const S = () => {
-    r(N), N();
-  }, g = () => {
-    I(N), y = n.deltaDecorations(y, []);
-  }, N = () => {
-    const s = n.getModel();
-    s && (y = n.deltaDecorations(
-      y,
-      i.map(k(s))
+  const R = () => {
+    r(k), k();
+  }, f = () => {
+    I(k), x = n.deltaDecorations(x, []);
+  }, k = () => {
+    const a = n.getModel();
+    a && (x = n.deltaDecorations(
+      x,
+      i.map(A(a))
     ));
-  }, k = (s) => (C) => {
-    const w = s.getPositionAt(C[0]), L = s.getPositionAt(C[1]);
+  }, A = (a) => (u) => {
+    const v = a.getPositionAt(u[0]), L = a.getPositionAt(u[1]);
     return {
-      range: new l.Range(
-        w.lineNumber,
-        w.column,
+      range: new s.Range(
+        v.lineNumber,
+        v.column,
         L.lineNumber,
         L.column
       ),
@@ -1453,57 +1453,57 @@ function Mt(n, e) {
     get buffer() {
       return i;
     },
-    exclude: a,
+    exclude: l,
     attach: r,
     detach: I,
-    dispose: R,
-    show: S,
-    hide: g
+    dispose: N,
+    show: R,
+    hide: f
   };
 }
 function Vt(n, e, t) {
   let i = !1;
-  const o = (g) => g[1] < g[0] ? (i = !0, [[g[1], g[0]]]) : [[...g]], a = (g) => i ? g.map((N) => N[1] > N[0] ? I(N) : N).reverse() : g;
+  const o = (f) => f[1] < f[0] ? (i = !0, [[f[1], f[0]]]) : [[...f]], l = (f) => i ? f.map((k) => k[1] > k[0] ? I(k) : k).reverse() : f;
   let r;
-  const I = (g) => (r = g[1], g[1] = g[0], g[0] = r, g), m = o(n);
-  let h, v, A, f, R, y, b, S;
-  A = m[0];
-  for (v of e)
-    for (b = v[0], S = v[1], f = 0; f < m.length; f++) {
-      if (A = m[f], R = A[0], y = A[1], R < b)
-        y < b ? h = [A] : y <= S ? h = [[R, b - 1]] : h = [
-          [R, b - 1],
-          [S + 1, y]
+  const I = (f) => (r = f[1], f[1] = f[0], f[0] = r, f), C = o(n);
+  let S, y, p, m, N, x, h, R;
+  p = C[0];
+  for (y of e)
+    for (h = y[0], R = y[1], m = 0; m < C.length; m++) {
+      if (p = C[m], N = p[0], x = p[1], N < h)
+        x < h ? S = [p] : x <= R ? S = [[N, h - 1]] : S = [
+          [N, h - 1],
+          [R + 1, x]
         ];
-      else if (R <= S)
-        if (b === Number.NEGATIVE_INFINITY) {
-          const g = S + 1;
-          h = t === 0 ? [] : [[g, y > g ? y : g]];
+      else if (N <= R)
+        if (h === Number.NEGATIVE_INFINITY) {
+          const f = R + 1;
+          S = t === 0 ? [] : [[f, x > f ? x : f]];
         } else
-          S === Number.POSITIVE_INFINITY ? h = t === 0 ? [] : [[b - 1, b - 1]] : y <= S ? h = t < 0 ? [[b - 1, b - 1]] : t > 0 ? [[S + 1, S + 1]] : [] : h = [[S + 1, y]];
+          R === Number.POSITIVE_INFINITY ? S = t === 0 ? [] : [[h - 1, h - 1]] : x <= R ? S = t < 0 ? [[h - 1, h - 1]] : t > 0 ? [[R + 1, R + 1]] : [] : S = [[R + 1, x]];
       else
-        h = [A];
-      if (m.splice(f, 1, ...h), m.length === 1 && m[0][1] < b)
-        return a(m);
+        S = [p];
+      if (C.splice(m, 1, ...S), C.length === 1 && C[0][1] < h)
+        return l(C);
     }
-  return a(m);
+  return l(C);
 }
-function Pt(n, e) {
+function Yt(n, e) {
   if (n.length < 2)
     return n;
   const t = [];
-  let i = null, o, a;
+  let i = null, o, l;
   n = n.map(
     (r) => (r[1] < r[0] && (o = r[1], r[1] = r[0], r[1] = o), r)
   ).sort((r, I) => r[0] - I[0]), t.push(n[0]);
   for (let r = 1; r < n.length; r++)
-    i = t[t.length - 1], a = n[r], i[1] === a[0] && !e ? t.push(a) : i[1] === a[0] - 1 && e ? (i[1] = a[1], t.splice(t.length - 1, 1, i)) : i[1] < a[0] ? t.push(a) : i[1] < a[1] && (i[1] = a[1], t.splice(t.length - 1, 1, i));
+    i = t[t.length - 1], l = n[r], i[1] === l[0] && !e ? t.push(l) : i[1] === l[0] - 1 && e ? (i[1] = l[1], t.splice(t.length - 1, 1, i)) : i[1] < l[0] ? t.push(l) : i[1] < l[1] && (i[1] = l[1], t.splice(t.length - 1, 1, i));
   return t;
 }
-function Y(n, e) {
+function H(n, e) {
   return e.bind(n);
 }
-class Yt {
+class Ht {
   constructor(e, t) {
     F(this, "editor");
     F(this, "intervals");
@@ -1516,7 +1516,7 @@ class Yt {
     /**
      * Linked to ICodeEditor.onDidChangeCursorPosition event.
      */
-    F(this, "onCursor", Y(
+    F(this, "onCursor", H(
       this,
       function(e) {
         if (e.source === "api")
@@ -1525,17 +1525,17 @@ class Yt {
         t.length !== 0 && this.editor.setSelections(t);
       }
     ));
-    F(this, "onRectangleSelectionStart", Y(this, function({ event: e }) {
+    F(this, "onRectangleSelectionStart", H(this, function({ event: e }) {
       e.middleButton && (this.lastPrefer = this.prefer, this.prefer = 0, window.addEventListener("pointerup", this.onRectangleSelectionStop));
     }));
-    F(this, "onRectangleSelectionStop", Y(this, function() {
+    F(this, "onRectangleSelectionStop", H(this, function() {
       this.prefer = this.lastPrefer, window.removeEventListener("pointerup", this.onRectangleSelectionStop);
     }));
     /**
      * Linked to ICodeEditor.onKeyDown event.
      */
-    F(this, "onKey", Y(this, function(e) {
-      const t = e.keyCode, i = l.KeyCode;
+    F(this, "onKey", H(this, function(e) {
+      const t = e.keyCode, i = s.KeyCode;
       if (e.altKey || i.F1 <= t && t <= i.F19 || e.ctrlKey && t !== i.Backspace)
         return;
       if (t === i.UpArrow || t === i.LeftArrow || t === i.Home || t === i.PageUp) {
@@ -1546,24 +1546,24 @@ class Yt {
         this.prefer = 1;
         return;
       }
-      const o = this.getSelections(), a = this.intervals.buffer;
+      const o = this.getSelections(), l = this.intervals.buffer;
       let r;
       if (t === i.Delete)
-        r = (I) => I[0] === I[1] && a.find((m) => I[1] + 1 === m[0]) != null;
+        r = (I) => I[0] === I[1] && l.find((C) => I[1] + 1 === C[0]) != null;
       else if (t === i.Backspace)
-        r = (I) => I[0] === I[1] && a.find((m) => m[1] + 1 === I[0]) != null;
+        r = (I) => I[0] === I[1] && l.find((C) => C[1] + 1 === I[0]) != null;
       else
         return;
       o.findIndex(r) !== -1 && (e.stopPropagation(), e.preventDefault());
     }));
-    F(this, "getOffsetAt", Y(this, function(e) {
+    F(this, "getOffsetAt", H(this, function(e) {
       let t;
       for (let i = 0; i < this.intervals.buffer.length; i++)
         if (t = this.intervals.buffer[i], e <= t[1])
           return t[0] - e < e - t[1] ? t[0] : t[1];
     }));
     var i;
-    this.editor = e, this.intervals = Mt(e, t), (i = this.editor.getModel()) == null || i.setEOL(l.editor.EndOfLineSequence.LF);
+    this.editor = e, this.intervals = Pt(e, t), (i = this.editor.getModel()) == null || i.setEOL(s.editor.EndOfLineSequence.LF);
   }
   enable() {
     this.disposables.push(
@@ -1589,12 +1589,12 @@ class Yt {
         this.prefer
       )
     ).flat().map((i) => {
-      const o = e.getPositionAt(i[0]), a = e.getPositionAt(i[1]);
-      return new l.Selection(
+      const o = e.getPositionAt(i[0]), l = e.getPositionAt(i[1]);
+      return new s.Selection(
         o.lineNumber,
         o.column,
-        a.lineNumber,
-        a.column
+        l.lineNumber,
+        l.column
       );
     });
   }
@@ -1612,105 +1612,108 @@ class Yt {
     ]);
   }
 }
-const Ht = new RegExp("^[	s]+(exposed|Function)", "i"), ie = () => /* @__PURE__ */ x("div", { className: "absolute inset-0 animate-pulse", children: /* @__PURE__ */ x("div", { className: "w-full space-y-4 px-4 py-1", children: /* @__PURE__ */ D("div", { className: "space-y-2", children: [
-  /* @__PURE__ */ x("div", { className: "h-3 w-3/4 rounded bg-grey-200" }),
-  /* @__PURE__ */ x("div", { className: "h-3 rounded bg-grey-200" }),
-  /* @__PURE__ */ x("div", { className: "h-3 w-5/6 rounded bg-grey-200" }),
-  /* @__PURE__ */ x("div", { className: "h-3 rounded bg-grey-200" }),
-  /* @__PURE__ */ x("div", { className: "h-3 rounded bg-grey-200" })
-] }) }) }), Wn = ({
+const zt = new RegExp("^[	s]+(exposed|Function)", "i"), oe = () => /* @__PURE__ */ w("div", { className: "absolute inset-0 animate-pulse", children: /* @__PURE__ */ w("div", { className: "w-full space-y-4 px-4 py-1", children: /* @__PURE__ */ J("div", { className: "space-y-2", children: [
+  /* @__PURE__ */ w("div", { className: "h-3 w-3/4 rounded bg-grey-200" }),
+  /* @__PURE__ */ w("div", { className: "h-3 rounded bg-grey-200" }),
+  /* @__PURE__ */ w("div", { className: "h-3 w-5/6 rounded bg-grey-200" }),
+  /* @__PURE__ */ w("div", { className: "h-3 rounded bg-grey-200" }),
+  /* @__PURE__ */ w("div", { className: "h-3 rounded bg-grey-200" })
+] }) }) }), Q = ["fd-dark"], Fn = ({
   path: n,
   initialValue: e,
   type: t,
   language: i,
   onChange: o,
-  options: a = {},
+  options: l = {},
   extra: r = {},
   showAlerts: I = !1,
-  lspProps: m,
-  ...h
+  lspProps: C,
+  theme: S = Q[0],
+  ...y
 }) => {
-  const { initialLineInfo: v, initialSelectionInfo: A } = r, { editor: f, setEditor: R } = kt(), { inited: y } = m;
-  function b(g) {
-    i === "css" && g.languages.registerCompletionItemProvider("css", Xt), i === "json" && g.languages.json && g.languages.json.jsonDefaults.setDiagnosticsOptions({
+  const { initialLineInfo: p, initialSelectionInfo: m } = r, { editor: N, setEditor: x } = Lt(), { inited: h } = C;
+  function R(A) {
+    i === "css" && A.languages.registerCompletionItemProvider("css", Et), i === "json" && A.languages.json && A.languages.json.jsonDefaults.setDiagnosticsOptions({
       validate: !0,
       schemas: [
         {
           uri: "condition-schema.json",
           fileMatch: ["*.condition.json"],
-          schema: Et
+          schema: Tt
         },
         {
           uri: "handlers-schema.json",
-          fileMatch: [Le],
+          fileMatch: [We],
           schema: Gt
         }
       ]
     });
   }
-  function S(g, N) {
-    R(g);
-    const k = g.getModel();
-    if (k && (k.updateOptions({ insertSpaces: !1 }), g.onKeyUp(() => {
-      var C;
-      const s = (C = g.getPosition()) == null ? void 0 : C.lineNumber;
-      if (s) {
-        const w = k.getLineFirstNonWhitespaceColumn(s), L = k.getLineLength(s), B = k.getLineContent(s);
-        Ht.test(B) && g.executeEdits("edit-handler", [
+  function f(A, a) {
+    x(A);
+    const u = A.getModel();
+    if (u && (u.updateOptions({ insertSpaces: !1 }), A.onKeyUp(() => {
+      var L;
+      const v = (L = A.getPosition()) == null ? void 0 : L.lineNumber;
+      if (v) {
+        const K = u.getLineFirstNonWhitespaceColumn(v), b = u.getLineLength(v), B = u.getLineContent(v);
+        zt.test(B) && A.executeEdits("edit-handler", [
           {
-            range: new N.Range(
-              s,
+            range: new a.Range(
+              v,
               0,
-              s,
-              L
+              v,
+              b
             ),
             text: B.substr(
-              w - 1,
-              L - w
+              K - 1,
+              b - K
             )
           }
         ]);
       }
-    })), t === We.METHOD && se(e)) {
-      const s = new Yt(g, !0);
-      s.exclude(1, 1, 1, Number.POSITIVE_INFINITY), s.enable();
+    })), t === Fe.METHOD && le(e)) {
+      const v = new Ht(A, !0);
+      v.exclude(1, 1, 1, Number.POSITIVE_INFINITY), v.enable();
     }
   }
-  return J(() => {
-    if (!f)
+  M(() => {
+    if (!N)
       return;
-    const { line: g, offset: N } = v || {};
-    g && bt(f, g, N);
-  }, [v, f]), J(() => {
-    if (!f)
+    const { line: A, offset: a } = p || {};
+    A && ht(N, A, a);
+  }, [p, N]), M(() => {
+    if (!N)
       return;
-    const { selection: g } = A || {};
-    g && pt(f, g);
-  }, [A, f]), y ? /* @__PURE__ */ D(ye, { children: [
-    I ? /* @__PURE__ */ x(jt, { lspProps: m }) : null,
-    /* @__PURE__ */ x(
-      we,
+    const { selection: A } = m || {};
+    A && bt(N, A);
+  }, [m, N]);
+  const k = (A) => Q.includes(A) ? A : Q[0];
+  return h ? /* @__PURE__ */ J(Ne, { children: [
+    I ? /* @__PURE__ */ w(Xt, { lspProps: C }) : null,
+    /* @__PURE__ */ w(
+      ke,
       {
         options: {
           readOnly: !0,
           fontSize: 12,
           "semanticHighlighting.enabled": !0,
           padding: { top: 10 },
-          ...a
+          ...l
         },
         path: j(n),
         value: e,
-        theme: "fd-dark",
-        onChange: (g) => o && o(g || ""),
+        theme: k(S),
+        onChange: (A) => o && o(A || ""),
         language: i,
-        beforeMount: b,
-        onMount: S,
-        loading: /* @__PURE__ */ x(ie, {}),
-        ...h
+        beforeMount: R,
+        onMount: f,
+        loading: /* @__PURE__ */ w(oe, {}),
+        ...y
       }
     )
-  ] }) : /* @__PURE__ */ x(ie, {});
-}, zt = {
+  ] }) : /* @__PURE__ */ w(oe, {});
+}, _t = {
   name: "4d",
   displayName: "%displayName%",
   description: "%description%",
@@ -1735,7 +1738,7 @@ const Ht = new RegExp("^[	s]+(exposed|Function)", "i"), ie = () => /* @__PURE__
       }
     ]
   }
-}, { registerFileUrl: $, whenReady: Fn } = gt(zt, void 0, {
+}, { registerFileUrl: $, whenReady: Zn } = ct(_t, void 0, {
   system: !0
 });
 $(
@@ -1759,18 +1762,19 @@ $(
   { mimeType: "application/json", size: 135 }
 );
 export {
-  jt as Alerts,
-  Wn as CodeEditor,
-  Ln as CodeEditorProvider,
-  wn as LSPProvider,
-  ae as _await,
-  mt as configureServices,
+  Xt as Alerts,
+  Fn as CodeEditor,
+  Wn as CodeEditorProvider,
+  kn as LSPProvider,
+  Q as SUPPORTED_THEMES,
+  ge as _await,
+  ft as configureServices,
   j as getFileSystemPath,
-  Rn as getFunctionOffset,
-  Ct as initMonacoUserConfiguration,
-  bt as jumpToLine,
-  pt as jumpToSelection,
-  kt as useCodeEditor,
-  kn as useLSP
+  wn as getFunctionOffset,
+  mt as initMonacoUserConfiguration,
+  ht as jumpToLine,
+  bt as jumpToSelection,
+  Lt as useCodeEditor,
+  Ln as useLSP
 };
 //# sourceMappingURL=index.es.js.map